@cratis/components 0.1.9

package/dist/esm/PivotViewer/components/RangeHistogramFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeHistogramFilter.d.ts","sourceRoot":"","sources":["../../../../PivotViewer/components/RangeHistogramFilter.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,MAAM,WAAW,yBAAyB;IACxC,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;CACpD;AASD,wBAAgB,oBAAoB,CAAC,EACnC,MAAM,EACN,GAAG,EACH,GAAG,EACH,OAAY,EACZ,aAAa,EACb,QAAQ,GACT,EAAE,yBAAyB,2CA8L3B"}

package/dist/esm/PivotViewer/components/RangeHistogramFilter.js

@@ -0,0 +1,122 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useRef, useState, useMemo, useCallback, useEffect } from 'react';
+
+function RangeHistogramFilter({ values, min, max, buckets = 20, selectedRange, onChange, }) {
+    const containerRef = useRef(null);
+    const [isDragging, setIsDragging] = useState(null);
+    const [dragStart, setDragStart] = useState(null);
+    const numericValues = useMemo(() => {
+        return values
+            .map((v) => {
+            if (typeof v === 'number')
+                return v;
+            if (v instanceof Date)
+                return v.getTime();
+            const parsed = Number(v);
+            return Number.isNaN(parsed) ? null : parsed;
+        })
+            .filter((v) => v !== null);
+    }, [values]);
+    const histogram = useMemo(() => {
+        const range = max - min;
+        if (range <= 0 || numericValues.length === 0) {
+            return [];
+        }
+        const bucketSize = range / buckets;
+        const bucketCounts = Array(buckets).fill(0);
+        numericValues.forEach((value) => {
+            const bucketIndex = Math.min(Math.floor((value - min) / bucketSize), buckets - 1);
+            if (bucketIndex >= 0 && bucketIndex < buckets) {
+                bucketCounts[bucketIndex]++;
+            }
+        });
+        const maxCount = Math.max(...bucketCounts, 1);
+        return bucketCounts.map((count, i) => ({
+            start: min + i * bucketSize,
+            end: min + (i + 1) * bucketSize,
+            count,
+            maxCount,
+        }));
+    }, [numericValues, min, max, buckets]);
+    const currentRange = selectedRange ?? [min, max];
+    const getPositionFromValue = useCallback((value) => {
+        const range = max - min;
+        if (range <= 0)
+            return 0;
+        return ((value - min) / range) * 100;
+    }, [min, max]);
+    const handleMouseDown = (e, handle) => {
+        e.preventDefault?.();
+        setIsDragging(handle);
+        setDragStart({ x: e.clientX, range: [...currentRange] });
+    };
+    useEffect(() => {
+        if (!isDragging || !dragStart || !containerRef.current)
+            return;
+        const container = containerRef.current;
+        const rect = container.getBoundingClientRect();
+        const range = max - min;
+        const handleMouseMove = (e) => {
+            const deltaX = e.clientX - dragStart.x;
+            const deltaPercent = (deltaX / rect.width) * 100;
+            const deltaValue = (deltaPercent / 100) * range;
+            let newRange = [...dragStart.range];
+            if (isDragging === 'left') {
+                newRange[0] = Math.max(min, Math.min(dragStart.range[0] + deltaValue, newRange[1] - range * 0.01));
+            }
+            else if (isDragging === 'right') {
+                newRange[1] = Math.min(max, Math.max(dragStart.range[1] + deltaValue, newRange[0] + range * 0.01));
+            }
+            else if (isDragging === 'range') {
+                const rangeWidth = dragStart.range[1] - dragStart.range[0];
+                let newStart = dragStart.range[0] + deltaValue;
+                let newEnd = dragStart.range[1] + deltaValue;
+                if (newStart < min) {
+                    newStart = min;
+                    newEnd = min + rangeWidth;
+                }
+                if (newEnd > max) {
+                    newEnd = max;
+                    newStart = max - rangeWidth;
+                }
+                newRange = [newStart, newEnd];
+            }
+            onChange(newRange);
+        };
+        const handleMouseUp = () => {
+            setIsDragging(null);
+            setDragStart(null);
+        };
+        document.addEventListener('mousemove', handleMouseMove);
+        document.addEventListener('mouseup', handleMouseUp);
+        return () => {
+            document.removeEventListener('mousemove', handleMouseMove);
+            document.removeEventListener('mouseup', handleMouseUp);
+        };
+    }, [isDragging, dragStart, min, max, onChange]);
+    const handleBarClick = (bucket) => {
+        onChange([bucket.start, bucket.end]);
+    };
+    const handleClear = () => {
+        onChange(null);
+    };
+    const leftPos = getPositionFromValue(currentRange[0]);
+    const rightPos = getPositionFromValue(currentRange[1]);
+    const formatValue = (value) => {
+        if (Number.isInteger(value))
+            return value.toString();
+        return value.toFixed(1);
+    };
+    return (jsxs("div", { className: "pv-range-histogram", ref: containerRef, children: [jsx("div", { className: "pv-histogram-bars", children: histogram.map((bucket, i) => {
+                    const heightPercent = (bucket.count / bucket.maxCount) * 100;
+                    const isInRange = bucket.start >= currentRange[0] && bucket.end <= currentRange[1];
+                    const isPartiallyInRange = bucket.end > currentRange[0] && bucket.start < currentRange[1];
+                    return (jsx("button", { className: `pv-histogram-bar ${isInRange ? 'in-range' : ''} ${isPartiallyInRange && !isInRange ? 'partial' : ''}`, style: { height: `${heightPercent}%` }, onClick: () => handleBarClick(bucket), title: `${formatValue(bucket.start)} - ${formatValue(bucket.end)}: ${bucket.count} items`, type: "button" }, i));
+                }) }), jsxs("div", { className: "pv-range-slider", children: [jsx("div", { className: "pv-range-track" }), jsx("div", { className: "pv-range-selection", style: {
+                            left: `${leftPos}%`,
+                            width: `${rightPos - leftPos}%`,
+                        }, onMouseDown: (e) => handleMouseDown(e, 'range') }), jsx("div", { className: "pv-range-handle pv-range-handle-left", style: { left: `${leftPos}%` }, onMouseDown: (e) => handleMouseDown(e, 'left') }), jsx("div", { className: "pv-range-handle pv-range-handle-right", style: { left: `${rightPos}%` }, onMouseDown: (e) => handleMouseDown(e, 'right') })] }), jsxs("div", { className: "pv-range-labels", children: [jsx("span", { className: "pv-range-value", children: formatValue(currentRange[0]) }), jsx("span", { className: "pv-range-value", children: formatValue(currentRange[1]) })] }), selectedRange && (jsx("button", { type: "button", className: "pv-range-clear", onClick: handleClear, children: "Clear Range" }))] }));
+}
+
+export { RangeHistogramFilter };
+//# sourceMappingURL=RangeHistogramFilter.js.map

package/dist/esm/PivotViewer/components/RangeHistogramFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeHistogramFilter.js","sources":["../../../../PivotViewer/components/RangeHistogramFilter.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport type { PivotPrimitive } from '../types';\n\nexport interface RangeHistogramFilterProps {\n  values: PivotPrimitive[];\n  min: number;\n  max: number;\n  buckets?: number;\n  selectedRange: [number, number] | null;\n  onChange: (range: [number, number] | null) => void;\n}\n\ninterface HistogramBucket {\n  start: number;\n  end: number;\n  count: number;\n  maxCount: number;\n}\n\nexport function RangeHistogramFilter({\n  values,\n  min,\n  max,\n  buckets = 20,\n  selectedRange,\n  onChange,\n}: RangeHistogramFilterProps) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [isDragging, setIsDragging] = useState<'left' | 'right' | 'range' | null>(null);\n  const [dragStart, setDragStart] = useState<{ x: number; range: [number, number] } | null>(null);\n\n  const numericValues = useMemo(() => {\n    return values\n      .map((v) => {\n        if (typeof v === 'number') return v;\n        if (v instanceof Date) return v.getTime();\n        const parsed = Number(v);\n        return Number.isNaN(parsed) ? null : parsed;\n      })\n      .filter((v): v is number => v !== null);\n  }, [values]);\n\n  const histogram = useMemo((): HistogramBucket[] => {\n    const range = max - min;\n    if (range <= 0 || numericValues.length === 0) {\n      return [];\n    }\n\n    const bucketSize = range / buckets;\n    const bucketCounts: number[] = Array(buckets).fill(0);\n\n    numericValues.forEach((value) => {\n      const bucketIndex = Math.min(\n        Math.floor((value - min) / bucketSize),\n        buckets - 1\n      );\n      if (bucketIndex >= 0 && bucketIndex < buckets) {\n        bucketCounts[bucketIndex]++;\n      }\n    });\n\n    const maxCount = Math.max(...bucketCounts, 1);\n\n    return bucketCounts.map((count, i) => ({\n      start: min + i * bucketSize,\n      end: min + (i + 1) * bucketSize,\n      count,\n      maxCount,\n    }));\n  }, [numericValues, min, max, buckets]);\n\n  const currentRange = selectedRange ?? [min, max];\n\n  const getPositionFromValue = useCallback(\n    (value: number) => {\n      const range = max - min;\n      if (range <= 0) return 0;\n      return ((value - min) / range) * 100;\n    },\n    [min, max]\n  );\n\n  const handleMouseDown = (\n    e: React.MouseEvent,\n    handle: 'left' | 'right' | 'range'\n  ) => {\n    (e as any).preventDefault?.();\n    setIsDragging(handle);\n    setDragStart({ x: e.clientX, range: [...currentRange] as [number, number] });\n  };\n\n  useEffect(() => {\n    if (!isDragging || !dragStart || !containerRef.current) return;\n\n    const container = containerRef.current;\n    const rect = container.getBoundingClientRect();\n    const range = max - min;\n\n    const handleMouseMove = (e: MouseEvent) => {\n      const deltaX = e.clientX - dragStart.x;\n      const deltaPercent = (deltaX / rect.width) * 100;\n      const deltaValue = (deltaPercent / 100) * range;\n\n      let newRange: [number, number] = [...dragStart.range];\n\n      if (isDragging === 'left') {\n        newRange[0] = Math.max(min, Math.min(dragStart.range[0] + deltaValue, newRange[1] - range * 0.01));\n      } else if (isDragging === 'right') {\n        newRange[1] = Math.min(max, Math.max(dragStart.range[1] + deltaValue, newRange[0] + range * 0.01));\n      } else if (isDragging === 'range') {\n        const rangeWidth = dragStart.range[1] - dragStart.range[0];\n        let newStart = dragStart.range[0] + deltaValue;\n        let newEnd = dragStart.range[1] + deltaValue;\n\n        if (newStart < min) {\n          newStart = min;\n          newEnd = min + rangeWidth;\n        }\n        if (newEnd > max) {\n          newEnd = max;\n          newStart = max - rangeWidth;\n        }\n\n        newRange = [newStart, newEnd];\n      }\n\n      onChange(newRange);\n    };\n\n    const handleMouseUp = () => {\n      setIsDragging(null);\n      setDragStart(null);\n    };\n\n    document.addEventListener('mousemove', handleMouseMove);\n    document.addEventListener('mouseup', handleMouseUp);\n\n    return () => {\n      document.removeEventListener('mousemove', handleMouseMove);\n      document.removeEventListener('mouseup', handleMouseUp);\n    };\n  }, [isDragging, dragStart, min, max, onChange]);\n\n  const handleBarClick = (bucket: HistogramBucket) => {\n    onChange([bucket.start, bucket.end]);\n  };\n\n  const handleClear = () => {\n    onChange(null);\n  };\n\n  const leftPos = getPositionFromValue(currentRange[0]);\n  const rightPos = getPositionFromValue(currentRange[1]);\n\n  const formatValue = (value: number) => {\n    if (Number.isInteger(value)) return value.toString();\n    return value.toFixed(1);\n  };\n\n  return (\n    <div className=\"pv-range-histogram\" ref={containerRef}>\n      <div className=\"pv-histogram-bars\">\n        {histogram.map((bucket, i) => {\n          const heightPercent = (bucket.count / bucket.maxCount) * 100;\n          const isInRange =\n            bucket.start >= currentRange[0] && bucket.end <= currentRange[1];\n          const isPartiallyInRange =\n            bucket.end > currentRange[0] && bucket.start < currentRange[1];\n\n          return (\n            <button\n              key={i}\n              className={`pv-histogram-bar ${isInRange ? 'in-range' : ''} ${isPartiallyInRange && !isInRange ? 'partial' : ''}`}\n              style={{ height: `${heightPercent}%` }}\n              onClick={() => handleBarClick(bucket)}\n              title={`${formatValue(bucket.start)} - ${formatValue(bucket.end)}: ${bucket.count} items`}\n              type=\"button\"\n            />\n          );\n        })}\n      </div>\n\n      <div className=\"pv-range-slider\">\n        <div className=\"pv-range-track\" />\n        <div\n          className=\"pv-range-selection\"\n          style={{\n            left: `${leftPos}%`,\n            width: `${rightPos - leftPos}%`,\n          }}\n          onMouseDown={(e) => handleMouseDown(e, 'range')}\n        />\n        <div\n          className=\"pv-range-handle pv-range-handle-left\"\n          style={{ left: `${leftPos}%` }}\n          onMouseDown={(e) => handleMouseDown(e, 'left')}\n        />\n        <div\n          className=\"pv-range-handle pv-range-handle-right\"\n          style={{ left: `${rightPos}%` }}\n          onMouseDown={(e) => handleMouseDown(e, 'right')}\n        />\n      </div>\n\n      <div className=\"pv-range-labels\">\n        <span className=\"pv-range-value\">{formatValue(currentRange[0])}</span>\n        <span className=\"pv-range-value\">{formatValue(currentRange[1])}</span>\n      </div>\n\n      {selectedRange && (\n        <button type=\"button\" className=\"pv-range-clear\" onClick={handleClear}>\n          Clear Range\n        </button>\n      )}\n    </div>\n  );\n}\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/PivotViewer/components/Spinner.d.ts

@@ -0,0 +1,3 @@
+import './Spinner.css';
+export declare function Spinner(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Spinner.d.ts.map

package/dist/esm/PivotViewer/components/Spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../../PivotViewer/components/Spinner.tsx"],"names":[],"mappings":"AAGA,OAAO,eAAe,CAAC;AAEvB,wBAAgB,OAAO,4CAetB"}

package/dist/esm/PivotViewer/components/Spinner.js

@@ -0,0 +1,9 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import './Spinner.css';
+
+function Spinner() {
+    return (jsx("div", { className: "pv-loading", children: jsxs("div", { className: "pv-spinner", children: [jsx("div", { className: "pv-spinner-ring" }), jsx("div", { className: "pv-spinner-ring" }), jsx("div", { className: "pv-spinner-ring" }), jsx("div", { className: "pv-spinner-ring" }), jsx("div", { className: "pv-spinner-ring" }), jsx("div", { className: "pv-spinner-ring" }), jsx("div", { className: "pv-spinner-ring" }), jsx("div", { className: "pv-spinner-ring" })] }) }));
+}
+
+export { Spinner };
+//# sourceMappingURL=Spinner.js.map

package/dist/esm/PivotViewer/components/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sources":["../../../../PivotViewer/components/Spinner.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport './Spinner.css';\n\nexport function Spinner() {\n  return (\n    <div className=\"pv-loading\">\n      <div className=\"pv-spinner\">\n        <div className=\"pv-spinner-ring\" />\n        <div className=\"pv-spinner-ring\" />\n        <div className=\"pv-spinner-ring\" />\n        <div className=\"pv-spinner-ring\" />\n        <div className=\"pv-spinner-ring\" />\n        <div className=\"pv-spinner-ring\" />\n        <div className=\"pv-spinner-ring\" />\n        <div className=\"pv-spinner-ring\" />\n      </div>\n    </div>\n  );\n}\n"],"names":["_jsx","_jsxs"],"mappings":";;;SAKgB,OAAO,GAAA;AACrB,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,YAAY,EAAA,QAAA,EACzBC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,YAAY,EAAA,QAAA,EAAA,CACzBD,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,iBAAiB,EAAA,CAAG,EACnCA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,iBAAiB,EAAA,CAAG,EACnCA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,iBAAiB,EAAA,CAAG,EACnCA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,iBAAiB,EAAA,CAAG,EACnCA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,iBAAiB,EAAA,CAAG,EACnCA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,iBAAiB,EAAA,CAAG,EACnCA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,iBAAiB,EAAA,CAAG,EACnCA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,iBAAiB,EAAA,CAAG,CAAA,EAAA,CAC/B,EAAA,CACF;AAEV;;;;"}

package/dist/esm/PivotViewer/components/Toolbar.d.ts

@@ -0,0 +1,21 @@
+import type { PivotDimension } from '../types';
+export type ViewMode = 'collection' | 'grouped';
+export interface ToolbarProps<TItem extends object> {
+    hasFilters: boolean;
+    filtersOpen: boolean;
+    filteredCount: number;
+    viewMode: ViewMode;
+    zoomLevel: number;
+    activeDimensionKey: string;
+    dimensions: PivotDimension<TItem>[];
+    activeFilterCount: number;
+    onFiltersToggle: () => void;
+    onViewModeChange: (mode: ViewMode) => void;
+    onZoomIn: () => void;
+    onZoomOut: () => void;
+    onZoomSlider: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onDimensionChange: (key: string) => void;
+    filterButtonRef: React.RefObject<HTMLButtonElement | null>;
+}
+export declare function Toolbar<TItem extends object>({ hasFilters, filtersOpen, filteredCount, viewMode, zoomLevel, activeDimensionKey, dimensions, activeFilterCount, onFiltersToggle, onViewModeChange, onZoomIn, onZoomOut, onZoomSlider, onDimensionChange, filterButtonRef, }: ToolbarProps<TItem>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Toolbar.d.ts.map

package/dist/esm/PivotViewer/components/Toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../PivotViewer/components/Toolbar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG/C,MAAM,MAAM,QAAQ,GAAG,YAAY,GAAG,SAAS,CAAC;AAEhD,MAAM,WAAW,YAAY,CAAC,KAAK,SAAS,MAAM;IAChD,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,QAAQ,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,UAAU,EAAE,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;IACpC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,gBAAgB,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC3C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,YAAY,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC/D,iBAAiB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;CAC5D;AAED,wBAAgB,OAAO,CAAC,KAAK,SAAS,MAAM,EAAE,EAC5C,UAAU,EACV,WAAW,EACX,aAAa,EACb,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,UAAU,EACV,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,iBAAiB,EACjB,eAAe,GAChB,EAAE,YAAY,CAAC,KAAK,CAAC,2CAuFrB"}

package/dist/esm/PivotViewer/components/Toolbar.js

@@ -0,0 +1,10 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { ZOOM_MIN, ZOOM_STEP, ZOOM_MAX } from '../utils/utils.js';
+
+function Toolbar({ hasFilters, filtersOpen, filteredCount, viewMode, zoomLevel, activeDimensionKey, dimensions, activeFilterCount, onFiltersToggle, onViewModeChange, onZoomIn, onZoomOut, onZoomSlider, onDimensionChange, filterButtonRef, }) {
+    const labelText = 'Sort by';
+    return (jsxs("header", { className: "pv-toolbar", children: [jsxs("div", { className: "pv-toolbar-left", children: [hasFilters && (jsxs("button", { ref: filterButtonRef, type: "button", className: `pv-filter-icon-button ${filtersOpen ? 'active' : ''}`, onClick: onFiltersToggle, title: "Filters", children: [jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: jsx("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" }) }), activeFilterCount > 0 && (jsx("span", { className: "pv-filter-badge", children: activeFilterCount }))] })), jsx("h1", { children: "Pivot Viewer" }), jsxs("span", { className: "pv-count", children: [filteredCount, " events"] })] }), jsxs("div", { className: "pv-toolbar-right", children: [jsxs("div", { className: "pv-zoom-controls", children: [jsx("button", { type: "button", onClick: onZoomOut, disabled: zoomLevel <= ZOOM_MIN, title: "Zoom out", children: "\u2212" }), jsx("input", { type: "range", className: "pv-zoom-slider", min: ZOOM_MIN, max: ZOOM_MAX, step: ZOOM_STEP, value: zoomLevel, onChange: onZoomSlider, title: `Zoom: ${Math.round(zoomLevel * 100)}%` }), jsxs("span", { className: "pv-zoom-level", children: [Math.round(zoomLevel * 100), "%"] }), jsx("button", { type: "button", onClick: onZoomIn, disabled: zoomLevel >= ZOOM_MAX, title: "Zoom in", children: "+" })] }), jsxs("div", { className: "pv-view-toggle", children: [jsx("button", { type: "button", className: viewMode === 'collection' ? 'active' : '', onClick: () => onViewModeChange('collection'), children: "Collection" }), jsx("button", { type: "button", className: viewMode === 'grouped' ? 'active' : '', onClick: () => onViewModeChange('grouped'), children: "Buckets" })] }), jsxs("label", { className: "pv-dimension-select", children: [jsx("span", { children: labelText }), jsx("select", { value: activeDimensionKey, onChange: (event) => onDimensionChange(event.target.value), children: dimensions.map((dimension) => (jsx("option", { value: dimension.key, children: dimension.label }, dimension.key))) })] })] })] }));
+}
+
+export { Toolbar };
+//# sourceMappingURL=Toolbar.js.map

package/dist/esm/PivotViewer/components/Toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.js","sources":["../../../../PivotViewer/components/Toolbar.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport type { PivotDimension } from '../types';\nimport { ZOOM_MIN, ZOOM_MAX, ZOOM_STEP } from '../utils/utils';\n\nexport type ViewMode = 'collection' | 'grouped';\n\nexport interface ToolbarProps<TItem extends object> {\n  hasFilters: boolean;\n  filtersOpen: boolean;\n  filteredCount: number;\n  viewMode: ViewMode;\n  zoomLevel: number;\n  activeDimensionKey: string;\n  dimensions: PivotDimension<TItem>[];\n  activeFilterCount: number;\n  onFiltersToggle: () => void;\n  onViewModeChange: (mode: ViewMode) => void;\n  onZoomIn: () => void;\n  onZoomOut: () => void;\n  onZoomSlider: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  onDimensionChange: (key: string) => void;\n  filterButtonRef: React.RefObject<HTMLButtonElement | null>;\n}\n\nexport function Toolbar<TItem extends object>({\n  hasFilters,\n  filtersOpen,\n  filteredCount,\n  viewMode,\n  zoomLevel,\n  activeDimensionKey,\n  dimensions,\n  activeFilterCount,\n  onFiltersToggle,\n  onViewModeChange,\n  onZoomIn,\n  onZoomOut,\n  onZoomSlider,\n  onDimensionChange,\n  filterButtonRef,\n}: ToolbarProps<TItem>) {\n  const labelText = 'Sort by';\n\n  return (\n    <header className=\"pv-toolbar\">\n      <div className=\"pv-toolbar-left\">\n        {hasFilters && (\n          <button\n            ref={filterButtonRef}\n            type=\"button\"\n            className={`pv-filter-icon-button ${filtersOpen ? 'active' : ''}`}\n            onClick={onFiltersToggle}\n            title=\"Filters\"\n          >\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n              <polygon points=\"22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3\" />\n            </svg>\n            {activeFilterCount > 0 && (\n              <span className=\"pv-filter-badge\">{activeFilterCount}</span>\n            )}\n          </button>\n        )}\n        <h1>Pivot Viewer</h1>\n        <span className=\"pv-count\">{filteredCount} events</span>\n      </div>\n      <div className=\"pv-toolbar-right\">\n        <div className=\"pv-zoom-controls\">\n          <button\n            type=\"button\"\n            onClick={onZoomOut}\n            disabled={zoomLevel <= ZOOM_MIN}\n            title=\"Zoom out\"\n          >\n            −\n          </button>\n          <input\n            type=\"range\"\n            className=\"pv-zoom-slider\"\n            min={ZOOM_MIN}\n            max={ZOOM_MAX}\n            step={ZOOM_STEP}\n            value={zoomLevel}\n            onChange={onZoomSlider}\n            title={`Zoom: ${Math.round(zoomLevel * 100)}%`}\n          />\n          <span className=\"pv-zoom-level\">{Math.round(zoomLevel * 100)}%</span>\n          <button\n            type=\"button\"\n            onClick={onZoomIn}\n            disabled={zoomLevel >= ZOOM_MAX}\n            title=\"Zoom in\"\n          >\n            +\n          </button>\n        </div>\n        <div className=\"pv-view-toggle\">\n          <button\n            type=\"button\"\n            className={viewMode === 'collection' ? 'active' : ''}\n            onClick={() => onViewModeChange('collection')}\n          >\n            Collection\n          </button>\n          <button\n            type=\"button\"\n            className={viewMode === 'grouped' ? 'active' : ''}\n            onClick={() => onViewModeChange('grouped')}\n          >\n            Buckets\n          </button>\n        </div>\n        <label className=\"pv-dimension-select\">\n          <span>{labelText}</span>\n          <select\n            value={activeDimensionKey}\n            onChange={(event) => onDimensionChange(event.target.value)}\n          >\n            {dimensions.map((dimension) => (\n              <option key={dimension.key} value={dimension.key}>\n                {dimension.label}\n              </option>\n            ))}\n          </select>\n        </label>\n      </div>\n    </header>\n  );\n}\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/PivotViewer/components/ToolbarContainer.d.ts

@@ -0,0 +1,4 @@
+import { type ToolbarProps } from './Toolbar';
+export type ToolbarContainerProps<TItem extends object> = ToolbarProps<TItem>;
+export declare function ToolbarContainer<TItem extends object>(props: ToolbarContainerProps<TItem>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ToolbarContainer.d.ts.map

package/dist/esm/PivotViewer/components/ToolbarContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarContainer.d.ts","sourceRoot":"","sources":["../../../../PivotViewer/components/ToolbarContainer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AAEvD,MAAM,MAAM,qBAAqB,CAAC,KAAK,SAAS,MAAM,IAAI,YAAY,CAAC,KAAK,CAAC,CAAC;AAE9E,wBAAgB,gBAAgB,CAAC,KAAK,SAAS,MAAM,EAAE,KAAK,EAAE,qBAAqB,CAAC,KAAK,CAAC,2CAEzF"}

package/dist/esm/PivotViewer/components/ToolbarContainer.js

@@ -0,0 +1,9 @@
+import { jsx } from 'react/jsx-runtime';
+import { Toolbar } from './Toolbar.js';
+
+function ToolbarContainer(props) {
+    return jsx(Toolbar, { ...props });
+}
+
+export { ToolbarContainer };
+//# sourceMappingURL=ToolbarContainer.js.map

package/dist/esm/PivotViewer/components/ToolbarContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarContainer.js","sources":["../../../../PivotViewer/components/ToolbarContainer.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { Toolbar, type ToolbarProps } from './Toolbar';\n\nexport type ToolbarContainerProps<TItem extends object> = ToolbarProps<TItem>;\n\nexport function ToolbarContainer<TItem extends object>(props: ToolbarContainerProps<TItem>) {\n  return <Toolbar {...props} />;\n}\n"],"names":["_jsx"],"mappings":";;;AAOM,SAAU,gBAAgB,CAAuB,KAAmC,EAAA;AACxF,IAAA,OAAOA,GAAA,CAAC,OAAO,EAAA,EAAA,GAAK,KAAK,GAAI;AAC/B;;;;"}

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

@@ -0,0 +1,9 @@
+export { PivotCanvas } from './PivotCanvas';
+export { FilterPanel } from './FilterPanel';
+export { Toolbar } from './Toolbar';
+export { DetailPanel } from './DetailPanel';
+export { AxisLabels } from './AxisLabels';
+export { Spinner } from './Spinner';
+export { RangeHistogramFilter } from './RangeHistogramFilter';
+export type { ViewMode } from './Toolbar';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../PivotViewer/components/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,YAAY,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC"}

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

@@ -0,0 +1,8 @@
+export { PivotCanvas } from './PivotCanvas';
+export { FilterPanel } from './FilterPanel';
+export { Toolbar } from './Toolbar';
+export { DetailPanel } from './DetailPanel';
+export { AxisLabels } from './AxisLabels';
+export { Spinner } from './Spinner';
+export { RangeHistogramFilter } from './RangeHistogramFilter';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../PivotViewer/components/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/esm/PivotViewer/components/pivot/animation.d.ts

@@ -0,0 +1,29 @@
+import type { CardSprite } from './constants';
+import type * as PIXI from 'pixi.js';
+export declare function updatePositions(sprites: Map<unknown, CardSprite>, isViewTransitionRef: {
+    current: boolean;
+}, animationSpeed?: number): boolean;
+export declare function startAnimationLoop(refs: {
+    mountedRef: {
+        current: boolean;
+    };
+    appRef: {
+        current: PIXI.Application | null;
+    };
+    animationFrameRef: {
+        current: number;
+    };
+    isAnimatingRef: {
+        current: boolean;
+    };
+    needsRenderRef: {
+        current: boolean;
+    };
+    spritesRef: {
+        current: Map<unknown, CardSprite>;
+    };
+    isViewTransitionRef: {
+        current: boolean;
+    };
+}, animationSpeed?: number): void;
+//# sourceMappingURL=animation.d.ts.map

package/dist/esm/PivotViewer/components/pivot/animation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animation.d.ts","sourceRoot":"","sources":["../../../../../PivotViewer/components/pivot/animation.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,KAAK,KAAK,IAAI,MAAM,SAAS,CAAC;AAErC,wBAAgB,eAAe,CAAC,OAAO,EAAE,GAAG,CAAC,OAAO,EAAE,UAAU,CAAC,EAAE,mBAAmB,EAAE;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,EAAE,cAAc,SAAO,WAgElI;AAED,wBAAgB,kBAAkB,CAChC,IAAI,EAAE;IACJ,UAAU,EAAE;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,CAAC;IACjC,MAAM,EAAE;QAAE,OAAO,EAAE,IAAI,CAAC,WAAW,GAAG,IAAI,CAAA;KAAE,CAAC;IAC7C,iBAAiB,EAAE;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;IACvC,cAAc,EAAE;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,CAAC;IACrC,cAAc,EAAE;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,CAAC;IACrC,UAAU,EAAE;QAAE,OAAO,EAAE,GAAG,CAAC,OAAO,EAAE,UAAU,CAAC,CAAA;KAAE,CAAC;IAClD,mBAAmB,EAAE;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,CAAC;CAC3C,EACD,cAAc,SAAO,QAyBtB"}

package/dist/esm/PivotViewer/components/pivot/animation.js

@@ -0,0 +1,79 @@
+function updatePositions(sprites, isViewTransitionRef, animationSpeed = 0.15) {
+    let isAnimating = false;
+    const threshold = 0.5;
+    const shouldAnimate = isViewTransitionRef.current;
+    const now = Date.now();
+    const DURATION = 600;
+    for (const sprite of sprites.values()) {
+        if (sprite.animationStartTime !== undefined) {
+            const elapsed = now - sprite.animationStartTime;
+            const delay = sprite.animationDelay || 0;
+            if (elapsed < delay) {
+                isAnimating = true;
+                continue;
+            }
+            const progress = Math.min(1, (elapsed - delay) / DURATION);
+            const t = 1 - Math.pow(1 - progress, 3);
+            if (sprite.startX !== undefined && sprite.startY !== undefined) {
+                sprite.currentX = sprite.startX + (sprite.targetX - sprite.startX) * t;
+                sprite.currentY = sprite.startY + (sprite.targetY - sprite.startY) * t;
+            }
+            sprite.container.position.set(sprite.currentX, sprite.currentY);
+            if (progress < 1) {
+                isAnimating = true;
+            }
+            else {
+                sprite.currentX = sprite.targetX;
+                sprite.currentY = sprite.targetY;
+                delete sprite.animationStartTime;
+                delete sprite.animationDelay;
+                delete sprite.startX;
+                delete sprite.startY;
+            }
+            continue;
+        }
+        const dx = sprite.targetX - sprite.currentX;
+        const dy = sprite.targetY - sprite.currentY;
+        const distance = Math.sqrt(dx * dx + dy * dy);
+        if (shouldAnimate && distance > threshold) {
+            sprite.currentX += dx * animationSpeed;
+            sprite.currentY += dy * animationSpeed;
+            sprite.container.position.set(sprite.currentX, sprite.currentY);
+            isAnimating = true;
+        }
+        else if (distance > 0) {
+            sprite.currentX = sprite.targetX;
+            sprite.currentY = sprite.targetY;
+            sprite.container.position.set(sprite.currentX, sprite.currentY);
+        }
+    }
+    if (!isAnimating && isViewTransitionRef.current) {
+        isViewTransitionRef.current = false;
+    }
+    return isAnimating;
+}
+function startAnimationLoop(refs, animationSpeed = 0.15) {
+    const { mountedRef, appRef, animationFrameRef, isAnimatingRef, needsRenderRef, spritesRef, isViewTransitionRef } = refs;
+    const animate = () => {
+        if (!mountedRef.current)
+            return;
+        const stillAnimating = updatePositions(spritesRef.current, isViewTransitionRef, animationSpeed);
+        if (stillAnimating || needsRenderRef.current) {
+            appRef.current?.renderer.render(appRef.current.stage);
+            needsRenderRef.current = false;
+        }
+        if (stillAnimating) {
+            animationFrameRef.current = requestAnimationFrame(animate);
+        }
+        else {
+            isAnimatingRef.current = false;
+        }
+    };
+    if (!isAnimatingRef.current) {
+        isAnimatingRef.current = true;
+        animate();
+    }
+}
+
+export { startAnimationLoop, updatePositions };
+//# sourceMappingURL=animation.js.map

package/dist/esm/PivotViewer/components/pivot/animation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animation.js","sources":["../../../../../PivotViewer/components/pivot/animation.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 { CardSprite } from './constants';\nimport type * as PIXI from 'pixi.js';\n\nexport function updatePositions(sprites: Map<unknown, CardSprite>, isViewTransitionRef: { current: boolean }, animationSpeed = 0.15) {\n  let isAnimating = false;\n  const threshold = 0.5;\n  const shouldAnimate = isViewTransitionRef.current;\n  const now = Date.now();\n  const DURATION = 600; // ms\n\n  for (const sprite of sprites.values()) {\n    // Handle explicit time-based animation (view transitions)\n    if (sprite.animationStartTime !== undefined) {\n      const elapsed = now - sprite.animationStartTime;\n      const delay = sprite.animationDelay || 0;\n\n      if (elapsed < delay) {\n        isAnimating = true;\n        continue;\n      }\n\n      const progress = Math.min(1, (elapsed - delay) / DURATION);\n      // Ease out cubic: 1 - (1-t)^3\n      const t = 1 - Math.pow(1 - progress, 3);\n\n      if (sprite.startX !== undefined && sprite.startY !== undefined) {\n        sprite.currentX = sprite.startX + (sprite.targetX - sprite.startX) * t;\n        sprite.currentY = sprite.startY + (sprite.targetY - sprite.startY) * t;\n      }\n\n      sprite.container.position.set(sprite.currentX, sprite.currentY);\n\n      if (progress < 1) {\n        isAnimating = true;\n      } else {\n        // Animation finished, clean up\n        sprite.currentX = sprite.targetX;\n        sprite.currentY = sprite.targetY;\n        delete sprite.animationStartTime;\n        delete sprite.animationDelay;\n        delete sprite.startX;\n        delete sprite.startY;\n      }\n      continue;\n    }\n\n    const dx = sprite.targetX - sprite.currentX;\n    const dy = sprite.targetY - sprite.currentY;\n    const distance = Math.sqrt(dx * dx + dy * dy);\n\n    if (shouldAnimate && distance > threshold) {\n      sprite.currentX += dx * animationSpeed;\n      sprite.currentY += dy * animationSpeed;\n      sprite.container.position.set(sprite.currentX, sprite.currentY);\n      isAnimating = true;\n    } else if (distance > 0) {\n      sprite.currentX = sprite.targetX;\n      sprite.currentY = sprite.targetY;\n      sprite.container.position.set(sprite.currentX, sprite.currentY);\n    }\n  }\n\n  if (!isAnimating && isViewTransitionRef.current) {\n    isViewTransitionRef.current = false;\n  }\n\n  return isAnimating;\n}\n\nexport function startAnimationLoop(\n  refs: {\n    mountedRef: { current: boolean };\n    appRef: { current: PIXI.Application | null };\n    animationFrameRef: { current: number };\n    isAnimatingRef: { current: boolean };\n    needsRenderRef: { current: boolean };\n    spritesRef: { current: Map<unknown, CardSprite> };\n    isViewTransitionRef: { current: boolean };\n  },\n  animationSpeed = 0.15,\n) {\n  const { mountedRef, appRef, animationFrameRef, isAnimatingRef, needsRenderRef, spritesRef, isViewTransitionRef } = refs;\n\n  const animate = () => {\n    if (!mountedRef.current) return;\n\n    const stillAnimating = updatePositions(spritesRef.current, isViewTransitionRef, animationSpeed);\n\n    if (stillAnimating || needsRenderRef.current) {\n      appRef.current?.renderer.render(appRef.current.stage);\n      needsRenderRef.current = false;\n    }\n\n    if (stillAnimating) {\n      animationFrameRef.current = requestAnimationFrame(animate);\n    } else {\n      isAnimatingRef.current = false;\n    }\n  };\n\n  if (!isAnimatingRef.current) {\n    isAnimatingRef.current = true;\n    animate();\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/PivotViewer/components/pivot/buckets.d.ts

@@ -0,0 +1,6 @@
+import * as PIXI from 'pixi.js';
+import type { CardColors } from './constants';
+import type { GroupingResult, LayoutResult } from '../../engine/types';
+export declare function updateBucketBackgrounds(bucketsContainer: PIXI.Container | null, container: HTMLDivElement | null, grouping: GroupingResult, layout: LayoutResult, zoomLevel: number, cardColors: CardColors, viewMode: string): void;
+export declare function updateHighlight(bucketsContainer: PIXI.Container | null, container: HTMLDivElement | null, grouping: GroupingResult, layout: LayoutResult, hoveredGroupIndex: number | null, cardWidth: number, zoomLevel: number): void;
+//# sourceMappingURL=buckets.d.ts.map

package/dist/esm/PivotViewer/components/pivot/buckets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"buckets.d.ts","sourceRoot":"","sources":["../../../../../PivotViewer/components/pivot/buckets.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,IAAI,MAAM,SAAS,CAAC;AAChC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvE,wBAAgB,uBAAuB,CACrC,gBAAgB,EAAE,IAAI,CAAC,SAAS,GAAG,IAAI,EACvC,SAAS,EAAE,cAAc,GAAG,IAAI,EAChC,QAAQ,EAAE,cAAc,EACxB,MAAM,EAAE,YAAY,EACpB,SAAS,EAAE,MAAM,EACjB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,MAAM,QA6EjB;AAED,wBAAgB,eAAe,CAC7B,gBAAgB,EAAE,IAAI,CAAC,SAAS,GAAG,IAAI,EACvC,SAAS,EAAE,cAAc,GAAG,IAAI,EAChC,QAAQ,EAAE,cAAc,EACxB,MAAM,EAAE,YAAY,EACpB,iBAAiB,EAAE,MAAM,GAAG,IAAI,EAChC,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,MAAM,QAmDlB"}

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

@@ -0,0 +1,102 @@
+import * as PIXI from 'pixi.js';
+
+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.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.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;
+}
+
+export { updateBucketBackgrounds, updateHighlight };
+//# sourceMappingURL=buckets.js.map

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

package/dist/esm/PivotViewer/components/pivot/colorResolver.d.ts

@@ -0,0 +1,4 @@
+import { type CardColors } from './constants';
+export declare function createCssColorResolver(): (cssValue: string, fallback: number) => number;
+export declare function resolveCardColors(cssColorResolver: (s: string, f: number) => number): CardColors;
+//# sourceMappingURL=colorResolver.d.ts.map

package/dist/esm/PivotViewer/components/pivot/colorResolver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorResolver.d.ts","sourceRoot":"","sources":["../../../../../PivotViewer/components/pivot/colorResolver.ts"],"names":[],"mappings":"AAGA,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9D,wBAAgB,sBAAsB,KAmB5B,UAAU,MAAM,EAAE,UAAU,MAAM,KAAG,MAAM,CA0BpD;AAED,wBAAgB,iBAAiB,CAAC,gBAAgB,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,MAAM,GAAG,UAAU,CAchG"}