@cratis/components 0.1.9

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

@@ -0,0 +1,124 @@
+'use strict';
+
+var PIXI = require('pixi.js');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var PIXI__namespace = /*#__PURE__*/_interopNamespaceDefault(PIXI);
+
+function updateBucketBackgrounds(bucketsContainer, container, grouping, layout, zoomLevel, cardColors, viewMode) {
+    if (!bucketsContainer)
+        return;
+    if (!container || grouping.groups.length === 0 || viewMode === 'collection') {
+        for (const child of bucketsContainer.children) {
+            if (child.name !== 'highlight') {
+                child.visible = false;
+            }
+        }
+        return;
+    }
+    const worldHeight = layout.totalHeight || container.clientHeight;
+    const backgroundGraphics = bucketsContainer.children.filter(c => c.name !== 'highlight');
+    let bgIndex = 0;
+    for (let index = 0; index < grouping.groups.length; index++) {
+        const group = grouping.groups[index];
+        let minX = Infinity;
+        let maxX = -Infinity;
+        for (let j = 0; j < group.ids.length; j++) {
+            const id = group.ids[j];
+            const pos = layout.positions.get(id);
+            if (pos) {
+                minX = Math.min(minX, pos.x);
+                maxX = Math.max(maxX, pos.x);
+            }
+        }
+        if (minX === Infinity)
+            continue;
+        const bucketWidths = layout.bucketWidths || [];
+        const widthFromLayout = bucketWidths[index];
+        const width = widthFromLayout && widthFromLayout > 0 ? widthFromLayout : (maxX - minX) || 0;
+        if (index % 2 === 0 && width > 0) {
+            let bg;
+            if (bgIndex < backgroundGraphics.length) {
+                bg = backgroundGraphics[bgIndex];
+                bg.clear();
+            }
+            else {
+                bg = new PIXI__namespace.Graphics();
+                const highlightIndex = bucketsContainer.children.findIndex(c => c.name === 'highlight');
+                if (highlightIndex >= 0) {
+                    bucketsContainer.addChildAt(bg, highlightIndex);
+                }
+                else {
+                    bucketsContainer.addChild(bg);
+                }
+            }
+            bg.rect(minX, 0, width, worldHeight);
+            bg.fill(cardColors.base);
+            bg.alpha = 0.15;
+            bg.visible = true;
+            bgIndex++;
+        }
+    }
+    for (let i = bgIndex; i < backgroundGraphics.length; i++) {
+        backgroundGraphics[i].visible = false;
+    }
+}
+function updateHighlight(bucketsContainer, container, grouping, layout, hoveredGroupIndex, cardWidth, zoomLevel) {
+    if (!bucketsContainer || !container || grouping.groups.length === 0)
+        return;
+    let highlight = bucketsContainer.children.find(child => child.name === 'highlight');
+    if (!highlight) {
+        highlight = new PIXI__namespace.Graphics();
+        highlight.name = 'highlight';
+        bucketsContainer.addChild(highlight);
+    }
+    highlight.clear();
+    if (hoveredGroupIndex === null || hoveredGroupIndex < 0) {
+        highlight.visible = false;
+        return;
+    }
+    const group = grouping.groups[hoveredGroupIndex];
+    if (!group || group.ids.length === 0) {
+        highlight.visible = false;
+        return;
+    }
+    let minX = Infinity;
+    let maxX = -Infinity;
+    for (let j = 0; j < group.ids.length; j++) {
+        const id = group.ids[j];
+        const pos = layout.positions.get(id);
+        if (pos) {
+            minX = Math.min(minX, pos.x);
+            maxX = Math.max(maxX, pos.x + cardWidth);
+        }
+    }
+    if (minX === Infinity) {
+        highlight.visible = false;
+        return;
+    }
+    const worldHeight = layout.totalHeight || container.clientHeight;
+    highlight.rect(minX, 0, maxX - minX, worldHeight);
+    highlight.fill(0xffffff);
+    highlight.alpha = 0.05;
+    highlight.visible = true;
+}
+
+exports.updateBucketBackgrounds = updateBucketBackgrounds;
+exports.updateHighlight = updateHighlight;
+//# sourceMappingURL=buckets.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"buckets.js","sources":["../../../../../PivotViewer/components/pivot/buckets.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 { CardColors } from './constants';\nimport type { GroupingResult, LayoutResult } from '../../engine/types';\n\nexport function updateBucketBackgrounds(\n  bucketsContainer: PIXI.Container | null,\n  container: HTMLDivElement | null,\n  grouping: GroupingResult,\n  layout: LayoutResult,\n  zoomLevel: number,\n  cardColors: CardColors,\n  viewMode: string,\n) {\n  if (!bucketsContainer) return;\n\n  // keep parameter referenced to avoid unused param lint when callers pass zoomLevel\n  void zoomLevel;\n\n  if (!container || grouping.groups.length === 0 || viewMode === 'collection') {\n    // If we shouldn't show anything, hide all existing backgrounds\n    // We keep the highlight if it exists\n    for (const child of bucketsContainer.children) {\n      if ((child as any).name !== 'highlight') {\n        child.visible = false;\n      }\n    }\n    return;\n  }\n\n  // Use layout's total height if available so backgrounds match sprite positions\n  const worldHeight = layout.totalHeight || container.clientHeight;\n\n  // Get existing background graphics (excluding highlight)\n  const backgroundGraphics = bucketsContainer.children.filter(c => (c as any).name !== 'highlight') as PIXI.Graphics[];\n  let bgIndex = 0;\n\n  // Instead of re-deriving bucket geometry from constants, compute bucket bounds\n  // directly from the positions stored in the layout so backgrounds align exactly.\n  for (let index = 0; index < grouping.groups.length; index++) {\n    const group = grouping.groups[index];\n    let minX = Infinity;\n    let maxX = -Infinity;\n\n    for (let j = 0; j < group.ids.length; j++) {\n      const id = group.ids[j];\n      const pos = layout.positions.get(id);\n      if (pos) {\n        minX = Math.min(minX, pos.x);\n        maxX = Math.max(maxX, pos.x);\n      }\n    }\n\n    if (minX === Infinity) continue;\n\n    // Prefer explicit bucket width from layout when available\n    const bucketWidths = layout.bucketWidths || [];\n    const widthFromLayout = bucketWidths[index];\n    const width = widthFromLayout && widthFromLayout > 0 ? widthFromLayout : (maxX - minX) || 0;\n\n    if (index % 2 === 0 && width > 0) {\n      let bg: PIXI.Graphics;\n\n      if (bgIndex < backgroundGraphics.length) {\n        bg = backgroundGraphics[bgIndex];\n        bg.clear();\n      } else {\n        bg = new PIXI.Graphics();\n        // Insert before highlight if it exists, otherwise at end\n        const highlightIndex = bucketsContainer.children.findIndex(c => (c as any).name === 'highlight');\n        if (highlightIndex >= 0) {\n          bucketsContainer.addChildAt(bg, highlightIndex);\n        } else {\n          bucketsContainer.addChild(bg);\n        }\n      }\n\n      bg.rect(minX, 0, width, worldHeight);\n      bg.fill(cardColors.base);\n      bg.alpha = 0.15;\n      bg.visible = true;\n      bgIndex++;\n    }\n  }\n\n  // Hide unused background graphics\n  for (let i = bgIndex; i < backgroundGraphics.length; i++) {\n    backgroundGraphics[i].visible = false;\n  }\n}\n\nexport function updateHighlight(\n  bucketsContainer: PIXI.Container | null,\n  container: HTMLDivElement | null,\n  grouping: GroupingResult,\n  layout: LayoutResult,\n  hoveredGroupIndex: number | null,\n  cardWidth: number,\n  zoomLevel: number,\n) {\n  if (!bucketsContainer || !container || grouping.groups.length === 0) return;\n\n  // `zoomLevel` is part of the signature for future use; reference it\n  // to avoid unused-parameter lint errors when callers pass it.\n  void zoomLevel;\n\n  let highlight = bucketsContainer.children.find(child => (child as any).name === 'highlight') as PIXI.Graphics;\n\n  if (!highlight) {\n    highlight = new PIXI.Graphics();\n    (highlight as any).name = 'highlight';\n    bucketsContainer.addChild(highlight);\n  }\n\n  highlight.clear();\n\n  if (hoveredGroupIndex === null || hoveredGroupIndex < 0) {\n    highlight.visible = false;\n    return;\n  }\n\n  const group = grouping.groups[hoveredGroupIndex];\n  if (!group || group.ids.length === 0) {\n    highlight.visible = false;\n    return;\n  }\n\n  let minX = Infinity;\n  let maxX = -Infinity;\n\n  for (let j = 0; j < group.ids.length; j++) {\n    const id = group.ids[j];\n    const pos = layout.positions.get(id);\n    if (pos) {\n      minX = Math.min(minX, pos.x);\n      maxX = Math.max(maxX, pos.x + cardWidth);\n    }\n  }\n\n  if (minX === Infinity) {\n    highlight.visible = false;\n    return;\n  }\n\n  const worldHeight = layout.totalHeight || container.clientHeight;\n  highlight.rect(minX, 0, maxX - minX, worldHeight);\n  highlight.fill(0xffffff);\n  highlight.alpha = 0.05;\n  highlight.visible = true;\n}\n"],"names":["PIXI"],"mappings":"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"}

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

@@ -0,0 +1,64 @@
+'use strict';
+
+var constants = require('./constants.js');
+
+function createCssColorResolver() {
+    const canvas = document.createElement('canvas');
+    const ctx = canvas.getContext('2d');
+    const parseHex = (val) => {
+        if (!val.startsWith('#'))
+            return null;
+        const hex = val.slice(1);
+        const normalized = hex.length === 3
+            ? hex.split('').map((c) => c + c).join('')
+            : hex.length === 4
+                ? hex.slice(0, 3).split('').map((c) => c + c).join('')
+                : hex.length === 6
+                    ? hex
+                    : hex.length === 8
+                        ? hex.slice(0, 6)
+                        : null;
+        return normalized ? Number.parseInt(normalized, 16) : null;
+    };
+    return (cssValue, fallback) => {
+        if (!ctx) {
+            return fallback;
+        }
+        ctx.fillStyle = cssValue.trim();
+        const resolved = ctx.fillStyle;
+        const hex = parseHex(resolved);
+        if (hex !== null && Number.isFinite(hex)) {
+            return hex;
+        }
+        if (resolved.startsWith('rgb')) {
+            const nums = resolved
+                .replace(/rgba?\(/, '')
+                .replace(/\)/, '')
+                .split(',')
+                .map((n) => Number.parseFloat(n.trim()))
+                .filter((n) => !Number.isNaN(n));
+            if (nums.length >= 3) {
+                const [r, g, b] = nums;
+                return ((r & 0xff) << 16) | ((g & 0xff) << 8) | (b & 0xff);
+            }
+        }
+        return fallback;
+    };
+}
+function resolveCardColors(cssColorResolver) {
+    const root = document.documentElement;
+    const style = getComputedStyle(root);
+    const getVar = (name, fallback) => cssColorResolver(style.getPropertyValue(name) || name, fallback);
+    return {
+        base: getVar('--surface-b', constants.DEFAULT_COLORS.base),
+        mid: getVar('--surface-a', constants.DEFAULT_COLORS.mid),
+        gradient: getVar('--surface-ground', constants.DEFAULT_COLORS.gradient),
+        border: getVar('--surface-border', constants.DEFAULT_COLORS.border),
+        text: getVar('--text-color', constants.DEFAULT_COLORS.text),
+        textSecondary: getVar('--text-color-secondary', constants.DEFAULT_COLORS.textSecondary),
+    };
+}
+
+exports.createCssColorResolver = createCssColorResolver;
+exports.resolveCardColors = resolveCardColors;
+//# sourceMappingURL=colorResolver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"colorResolver.js","sources":["../../../../../PivotViewer/components/pivot/colorResolver.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 { DEFAULT_COLORS, type CardColors } from './constants';\n\nexport function createCssColorResolver() {\n  const canvas = document.createElement('canvas');\n  const ctx = canvas.getContext('2d');\n\n  const parseHex = (val: string): number | null => {\n    if (!val.startsWith('#')) return null;\n    const hex = val.slice(1);\n    const normalized = hex.length === 3\n      ? hex.split('').map((c) => c + c).join('')\n      : hex.length === 4\n        ? hex.slice(0, 3).split('').map((c) => c + c).join('')\n        : hex.length === 6\n          ? hex\n          : hex.length === 8\n            ? hex.slice(0, 6)\n            : null;\n    return normalized ? Number.parseInt(normalized, 16) : null;\n  };\n\n  return (cssValue: string, fallback: number): number => {\n    if (!ctx) {\n      return fallback;\n    }\n    ctx.fillStyle = cssValue.trim();\n    const resolved = ctx.fillStyle; // normalized by canvas\n    const hex = parseHex(resolved);\n    if (hex !== null && Number.isFinite(hex)) {\n      return hex;\n    }\n\n    if (resolved.startsWith('rgb')) {\n      const nums = resolved\n        .replace(/rgba?\\(/, '')\n        .replace(/\\)/, '')\n        .split(',')\n        .map((n) => Number.parseFloat(n.trim()))\n        .filter((n) => !Number.isNaN(n));\n      if (nums.length >= 3) {\n        const [r, g, b] = nums;\n        return ((r & 0xff) << 16) | ((g & 0xff) << 8) | (b & 0xff);\n      }\n    }\n\n    return fallback;\n  };\n}\n\nexport function resolveCardColors(cssColorResolver: (s: string, f: number) => number): CardColors {\n  const root = document.documentElement;\n  const style = getComputedStyle(root);\n  const getVar = (name: string, fallback: number) =>\n    cssColorResolver(style.getPropertyValue(name) || name, fallback);\n\n  return {\n    base: getVar('--surface-b', DEFAULT_COLORS.base),\n    mid: getVar('--surface-a', DEFAULT_COLORS.mid),\n    gradient: getVar('--surface-ground', DEFAULT_COLORS.gradient),\n    border: getVar('--surface-border', DEFAULT_COLORS.border),\n    text: getVar('--text-color', DEFAULT_COLORS.text),\n    textSecondary: getVar('--text-color-secondary', DEFAULT_COLORS.textSecondary),\n  };\n}\n"],"names":["DEFAULT_COLORS"],"mappings":"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"}

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

@@ -0,0 +1,19 @@
+'use strict';
+
+const CARD_PADDING = 10;
+const CARD_RADIUS = 12;
+const CARD_GAP = 8;
+const DEFAULT_COLORS = {
+    base: 0x1b2b2f,
+    mid: 0x234445,
+    gradient: 0x2f5b56,
+    border: 0x5ad1a0,
+    text: 0xffffff,
+    textSecondary: 0x8899aa,
+};
+
+exports.CARD_GAP = CARD_GAP;
+exports.CARD_PADDING = CARD_PADDING;
+exports.CARD_RADIUS = CARD_RADIUS;
+exports.DEFAULT_COLORS = DEFAULT_COLORS;
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../PivotViewer/components/pivot/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\nimport type * as PIXI from 'pixi.js';\n\nexport const ANIMATION_SPEED = 0.15;\nexport const CARD_PADDING = 10;\nexport const CARD_RADIUS = 12;\nexport const CARD_GAP = 8; // Gap between cards (must match layout gap)\n\nexport const DEFAULT_COLORS = {\n  base: 0x1b2b2f,\n  mid: 0x234445,\n  gradient: 0x2f5b56,\n  border: 0x5ad1a0,\n  text: 0xffffff,\n  textSecondary: 0x8899aa,\n};\n\nexport type CardColors = typeof DEFAULT_COLORS;\n\nexport interface CardSprite {\n  container: PIXI.Container;\n  graphics: PIXI.Graphics;\n  titleText: PIXI.Text;\n  labelsText: PIXI.Text;\n  valuesText: PIXI.Text;\n  itemId: number | string;\n  targetX: number;\n  targetY: number;\n  currentX: number;\n  currentY: number;\n  // Animation state\n  animationStartTime?: number;\n  animationDelay?: number;\n  startX?: number;\n  startY?: number;\n  // Cache state to avoid unnecessary redraws\n  lastSelectedId?: string | number | null;\n  lastCardColors?: CardColors;\n  lastTitle?: string;\n  lastLabels?: string;\n  lastValues?: string;\n}\n\nexport default {};\n"],"names":[],"mappings":";;AAMO,MAAM,YAAY,GAAG;AACrB,MAAM,WAAW,GAAG;AACpB,MAAM,QAAQ,GAAG;AAEjB,MAAM,cAAc,GAAG;AAC5B,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,GAAG,EAAE,QAAQ;AACb,IAAA,QAAQ,EAAE,QAAQ;AAClB,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,aAAa,EAAE,QAAQ;;;;;;;;"}

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

@@ -0,0 +1,227 @@
+'use strict';
+
+var PIXI = require('pixi.js');
+var constants = require('./constants.js');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var PIXI__namespace = /*#__PURE__*/_interopNamespaceDefault(PIXI);
+
+const spritePool = [];
+function createCardSprite(id, x, y, items, onCardClick, onPanStart, cardWidth, cardHeight, cardColors) {
+    if (spritePool.length > 0) {
+        const sprite = spritePool.pop();
+        sprite.container.visible = true;
+        sprite.container.alpha = 1;
+        sprite.container.position.set(x, y);
+        sprite.itemId = id;
+        sprite.targetX = x;
+        sprite.targetY = y;
+        sprite.currentX = x;
+        sprite.currentY = y;
+        delete sprite.animationStartTime;
+        delete sprite.animationDelay;
+        delete sprite.startX;
+        delete sprite.startY;
+        sprite.lastSelectedId = null;
+        sprite.lastCardColors = undefined;
+        sprite.lastTitle = undefined;
+        sprite.lastLabels = undefined;
+        sprite.lastValues = undefined;
+        sprite.container._eventContext = { items, onCardClick, id };
+        return sprite;
+    }
+    const container = new PIXI__namespace.Container();
+    container.eventMode = 'static';
+    container.cursor = 'pointer';
+    container.position.set(x, y);
+    container._eventContext = { items, onCardClick, id };
+    const graphics = new PIXI__namespace.Graphics();
+    const actualWidth = cardWidth - constants.CARD_GAP;
+    const actualHeight = cardHeight - constants.CARD_GAP;
+    const offsetX = constants.CARD_GAP / 2;
+    const offsetY = constants.CARD_GAP / 2;
+    const gradient = new PIXI__namespace.FillGradient(0, offsetY, 0, offsetY + actualHeight);
+    gradient.addColorStop(0, cardColors.mid);
+    gradient.addColorStop(1, cardColors.base);
+    graphics.roundRect(offsetX, offsetY, actualWidth, actualHeight, constants.CARD_RADIUS);
+    graphics.fill(gradient);
+    container.addChild(graphics);
+    const titleText = new PIXI__namespace.Text('', {
+        fontSize: 13,
+        fill: cardColors.text,
+        fontWeight: '600',
+        lineHeight: 18,
+        wordWrap: false,
+    });
+    titleText.position.set(offsetX + constants.CARD_PADDING, offsetY + constants.CARD_PADDING);
+    container.addChild(titleText);
+    const labelsText = new PIXI__namespace.Text('', {
+        fontSize: 11,
+        fill: cardColors.textSecondary,
+        fontWeight: '400',
+        lineHeight: 18,
+    });
+    labelsText.position.set(offsetX + constants.CARD_PADDING, offsetY + constants.CARD_PADDING + 40);
+    container.addChild(labelsText);
+    const valuesText = new PIXI__namespace.Text('', {
+        fontSize: 11,
+        fill: cardColors.text,
+        fontWeight: '500',
+        lineHeight: 18,
+        wordWrap: false,
+    });
+    valuesText.position.set(offsetX + constants.CARD_PADDING + 65, offsetY + constants.CARD_PADDING + 40);
+    container.addChild(valuesText);
+    container.on('click', (e) => {
+        e.stopPropagation();
+        const ctx = container._eventContext;
+        const itemsMap = ctx.items;
+        const item = itemsMap[String(ctx.id)];
+        if (item) {
+            ctx.onCardClick(item, e.nativeEvent, ctx.id);
+        }
+    });
+    container.on('pointerdown', (e) => {
+        e.stopPropagation();
+    });
+    return {
+        container,
+        graphics,
+        titleText,
+        labelsText,
+        valuesText,
+        itemId: id,
+        targetX: x,
+        targetY: y,
+        currentX: x,
+        currentY: y,
+    };
+}
+function destroySprite(sprite) {
+    if (sprite.container && sprite.container.parent) {
+        sprite.container.parent.removeChild(sprite.container);
+    }
+    if (sprite.container) {
+        sprite.container.visible = false;
+    }
+    spritePool.push(sprite);
+}
+function clearSpritePool() {
+    for (const sprite of spritePool) {
+        try {
+            sprite.graphics?.destroy();
+            sprite.titleText?.destroy();
+            sprite.labelsText?.destroy();
+            sprite.valuesText?.destroy();
+            sprite.container?.destroy();
+        }
+        catch (e) {
+        }
+    }
+    spritePool.length = 0;
+}
+function updateCardContent(sprite, item, selectedId, cardWidth, cardHeight, cardColors) {
+    if (!item)
+        return;
+    const event = item;
+    const eventType = event.type || event.name || event.title || 'Event';
+    const timeStr = event.occurred ? new Date(event.occurred).toLocaleString('en-US', {
+        month: '2-digit',
+        day: '2-digit',
+        year: 'numeric',
+        hour: '2-digit',
+        minute: '2-digit',
+        hour12: false
+    }).replace(',', '') : '';
+    const correlation = event.correlationId || event.correlation || '';
+    const correlationShort = correlation ? String(correlation).substring(0, 12) + '...' : '';
+    const maxTitleLength = 20;
+    const titleDisplay = eventType.length > maxTitleLength
+        ? eventType.substring(0, maxTitleLength) + '...'
+        : eventType;
+    const maxTypeLength = 16;
+    const typeDisplay = eventType.length > maxTypeLength
+        ? eventType.substring(0, maxTypeLength) + '...'
+        : eventType;
+    const colors = cardColors;
+    const labelsText = 'Type\nOccurred\nCorrelation';
+    const valuesText = `${typeDisplay}\n${timeStr}\n${correlationShort}`;
+    const colorsChanged = sprite.lastCardColors !== colors;
+    if (sprite.lastTitle !== titleDisplay) {
+        sprite.titleText.text = titleDisplay;
+        sprite.lastTitle = titleDisplay;
+    }
+    if (sprite.lastLabels !== labelsText) {
+        sprite.labelsText.text = labelsText;
+        sprite.lastLabels = labelsText;
+    }
+    if (colorsChanged) {
+        sprite.labelsText.style.fill = colors.textSecondary;
+    }
+    if (sprite.lastValues !== valuesText) {
+        sprite.valuesText.text = valuesText;
+        sprite.lastValues = valuesText;
+    }
+    if (colorsChanged) {
+        sprite.valuesText.style.fill = colors.text;
+    }
+    sprite.titleText.visible = true;
+    sprite.labelsText.visible = true;
+    sprite.valuesText.visible = true;
+    const isSelected = sprite.itemId === selectedId;
+    if (sprite.lastSelectedId === selectedId && !colorsChanged && sprite.graphics) {
+        return;
+    }
+    sprite.lastSelectedId = selectedId;
+    sprite.lastCardColors = cardColors;
+    if (sprite.graphics) {
+        sprite.graphics.clear();
+    }
+    else {
+        sprite.graphics = new PIXI__namespace.Graphics();
+        sprite.container.addChildAt(sprite.graphics, 0);
+    }
+    const actualWidth = cardWidth - constants.CARD_GAP;
+    const actualHeight = cardHeight - constants.CARD_GAP;
+    const offsetX = constants.CARD_GAP / 2;
+    const offsetY = constants.CARD_GAP / 2;
+    const gradient = new PIXI__namespace.FillGradient(0, offsetY, 0, offsetY + actualHeight);
+    if (isSelected) {
+        gradient.addColorStop(0, colors.gradient);
+        gradient.addColorStop(1, colors.mid);
+    }
+    else {
+        gradient.addColorStop(0, colors.mid);
+        gradient.addColorStop(1, colors.base);
+    }
+    sprite.graphics.roundRect(offsetX, offsetY, actualWidth, actualHeight, constants.CARD_RADIUS);
+    sprite.graphics.fill(gradient);
+    if (isSelected) {
+        sprite.graphics.stroke({ width: 2, color: colors.border });
+    }
+    else {
+        sprite.graphics.stroke({ width: 1, color: colors.border, alpha: 0.35 });
+    }
+}
+
+exports.clearSpritePool = clearSpritePool;
+exports.createCardSprite = createCardSprite;
+exports.destroySprite = destroySprite;
+exports.updateCardContent = updateCardContent;
+//# sourceMappingURL=sprites.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sprites.js","sources":["../../../../../PivotViewer/components/pivot/sprites.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 { CARD_GAP, CARD_PADDING, CARD_RADIUS } from './constants';\nimport type { CardSprite, CardColors } from './constants';\n\nconst spritePool: CardSprite[] = [];\n\nexport function createCardSprite<TItem extends object>(\n  id: number | string,\n  x: number,\n  y: number,\n  items: TItem[],\n  onCardClick: (item: TItem, e: MouseEvent, id: number | string) => void,\n  onPanStart: (e: MouseEvent) => void,\n  cardWidth: number,\n  cardHeight: number,\n  cardColors: CardColors,\n): CardSprite {\n  if (spritePool.length > 0) {\n    const sprite = spritePool.pop()!;\n    sprite.container.visible = true;\n    sprite.container.alpha = 1;\n    sprite.container.position.set(x, y);\n    sprite.itemId = id;\n    sprite.targetX = x;\n    sprite.targetY = y;\n    sprite.currentX = x;\n    sprite.currentY = y;\n\n    // Reset animation state\n    delete sprite.animationStartTime;\n    delete sprite.animationDelay;\n    delete sprite.startX;\n    delete sprite.startY;\n\n    // Reset cache\n    sprite.lastSelectedId = null;\n    sprite.lastCardColors = undefined;\n    sprite.lastTitle = undefined;\n    sprite.lastLabels = undefined;\n    sprite.lastValues = undefined;\n\n    // Update event context\n    (sprite.container as any)._eventContext = { items, onCardClick, id };\n\n    return sprite;\n  }\n\n  const container = new PIXI.Container();\n  container.eventMode = 'static';\n  container.cursor = 'pointer';\n  container.position.set(x, y);\n\n  // Store context for event handlers\n  (container as any)._eventContext = { items, onCardClick, id };\n\n  const graphics = new PIXI.Graphics();\n\n  const actualWidth = cardWidth - CARD_GAP;\n  const actualHeight = cardHeight - CARD_GAP;\n  const offsetX = CARD_GAP / 2;\n  const offsetY = CARD_GAP / 2;\n\n  const gradient = new PIXI.FillGradient(0, offsetY, 0, offsetY + actualHeight);\n  gradient.addColorStop(0, cardColors.mid);\n  gradient.addColorStop(1, cardColors.base);\n\n  graphics.roundRect(offsetX, offsetY, actualWidth, actualHeight, CARD_RADIUS);\n  graphics.fill(gradient);\n\n  container.addChild(graphics);\n\n  const titleText = new PIXI.Text('', {\n    fontSize: 13,\n    fill: cardColors.text as any,\n    fontWeight: '600',\n    lineHeight: 18,\n    wordWrap: false,\n  } as any);\n  titleText.position.set(offsetX + CARD_PADDING, offsetY + CARD_PADDING);\n  container.addChild(titleText);\n\n  const labelsText = new PIXI.Text('', {\n    fontSize: 11,\n    fill: cardColors.textSecondary as any,\n    fontWeight: '400',\n    lineHeight: 18,\n  } as any);\n  labelsText.position.set(offsetX + CARD_PADDING, offsetY + CARD_PADDING + 40);\n  container.addChild(labelsText);\n\n  const valuesText = new PIXI.Text('', {\n    fontSize: 11,\n    fill: cardColors.text as any,\n    fontWeight: '500',\n    lineHeight: 18,\n    wordWrap: false,\n  } as any);\n  valuesText.position.set(offsetX + CARD_PADDING + 65, offsetY + CARD_PADDING + 40);\n  container.addChild(valuesText);\n\n  container.on('click', (e: PIXI.FederatedPointerEvent) => {\n    e.stopPropagation();\n    const ctx = (container as any)._eventContext as { items: any; onCardClick: (item: any, e: MouseEvent, id: number | string) => void; id: number | string };\n    const itemsMap = ctx.items as Record<string, any>;\n    const item = itemsMap[String(ctx.id)];\n    if (item) {\n      ctx.onCardClick(item, e.nativeEvent as MouseEvent, ctx.id);\n    }\n  });\n\n  container.on('pointerdown', (e: PIXI.FederatedPointerEvent) => {\n    e.stopPropagation();\n    // onPanStart(e.nativeEvent as MouseEvent);\n  });\n\n  return {\n    container,\n    graphics,\n    titleText,\n    labelsText,\n    valuesText,\n    itemId: id,\n    targetX: x,\n    targetY: y,\n    currentX: x,\n    currentY: y,\n  };\n}\n\nexport function destroySprite(sprite: CardSprite) {\n  if (sprite.container && sprite.container.parent) {\n    sprite.container.parent.removeChild(sprite.container);\n  }\n  // Reset visibility to ensure it doesn't ghost if something goes wrong\n  if (sprite.container) {\n    sprite.container.visible = false;\n  }\n  spritePool.push(sprite);\n}\n\nexport function clearSpritePool() {\n  for (const sprite of spritePool) {\n    try {\n      sprite.graphics?.destroy();\n      sprite.titleText?.destroy();\n      sprite.labelsText?.destroy();\n      sprite.valuesText?.destroy();\n      sprite.container?.destroy();\n    } catch (e) {\n      void e;\n    }\n  }\n  spritePool.length = 0;\n}\n\nexport function updateCardContent<TItem extends object>(\n  sprite: CardSprite,\n  item: TItem,\n  selectedId: string | number | null,\n  cardWidth: number,\n  cardHeight: number,\n  cardColors: CardColors,\n) {\n  if (!item) return;\n\n  const event = item as any;\n  const eventType = event.type || event.name || event.title || 'Event';\n\n  const timeStr = event.occurred ? new Date(event.occurred).toLocaleString('en-US', {\n    month: '2-digit',\n    day: '2-digit',\n    year: 'numeric',\n    hour: '2-digit',\n    minute: '2-digit',\n    hour12: false\n  }).replace(',', '') : '';\n\n  const correlation = event.correlationId || event.correlation || '';\n  const correlationShort = correlation ? String(correlation).substring(0, 12) + '...' : '';\n\n  const maxTitleLength = 20;\n  const titleDisplay = eventType.length > maxTitleLength\n    ? eventType.substring(0, maxTitleLength) + '...'\n    : eventType;\n\n  const maxTypeLength = 16;\n  const typeDisplay = eventType.length > maxTypeLength\n    ? eventType.substring(0, maxTypeLength) + '...'\n    : eventType;\n\n  const colors = cardColors;\n  const labelsText = 'Type\\nOccurred\\nCorrelation';\n  const valuesText = `${typeDisplay}\\n${timeStr}\\n${correlationShort}`;\n  const colorsChanged = sprite.lastCardColors !== colors;\n\n  if (sprite.lastTitle !== titleDisplay) {\n    sprite.titleText.text = titleDisplay;\n    sprite.lastTitle = titleDisplay;\n  }\n\n    if (sprite.lastLabels !== labelsText) {\n    sprite.labelsText.text = labelsText;\n    sprite.lastLabels = labelsText;\n  }\n\n  if (colorsChanged) {\n    (sprite.labelsText.style as any).fill = colors.textSecondary as any;\n  }\n\n  if (sprite.lastValues !== valuesText) {\n    sprite.valuesText.text = valuesText;\n    sprite.lastValues = valuesText;\n  }\n\n  if (colorsChanged) {\n    (sprite.valuesText.style as any).fill = colors.text as any;\n  }\n\n  sprite.titleText.visible = true;\n  sprite.labelsText.visible = true;\n  sprite.valuesText.visible = true;\n\n  const isSelected = sprite.itemId === selectedId;\n\n  // Only redraw graphics if selection state or colors changed\n  if (sprite.lastSelectedId === selectedId && !colorsChanged && sprite.graphics) {\n    return;\n  }\n\n  sprite.lastSelectedId = selectedId;\n  sprite.lastCardColors = cardColors;\n\n  if (sprite.graphics) {\n    sprite.graphics.clear();\n  } else {\n    sprite.graphics = new PIXI.Graphics();\n    sprite.container.addChildAt(sprite.graphics, 0);\n  }\n\n  const actualWidth = cardWidth - CARD_GAP;\n  const actualHeight = cardHeight - CARD_GAP;\n  const offsetX = CARD_GAP / 2;\n  const offsetY = CARD_GAP / 2;\n\n  const gradient = new PIXI.FillGradient(0, offsetY, 0, offsetY + actualHeight);\n  if (isSelected) {\n    gradient.addColorStop(0, colors.gradient);\n    gradient.addColorStop(1, colors.mid);\n  } else {\n    gradient.addColorStop(0, colors.mid);\n    gradient.addColorStop(1, colors.base);\n  }\n\n  sprite.graphics.roundRect(offsetX, offsetY, actualWidth, actualHeight, CARD_RADIUS);\n  sprite.graphics.fill(gradient);\n\n  if (isSelected) {\n    sprite.graphics.stroke({ width: 2, color: colors.border });\n  } else {\n    sprite.graphics.stroke({ width: 1, color: colors.border, alpha: 0.35 });\n  }\n}\n"],"names":["PIXI","CARD_GAP","CARD_RADIUS","CARD_PADDING"],"mappings":"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"}