@cratis/components 1.3.0 → 1.4.1

package/dist/cjs/CommandForm/fields/CalendarField.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var commands = require('@cratis/arc.react/commands');
+var calendar = require('primereact/calendar');
+
+const CalendarField = commands.asCommandFormField((props) => (jsxRuntime.jsx(calendar.Calendar, { value: props.value, onChange: (e) => props.onChange(e.value ?? null), onBlur: props.onBlur, invalid: props.invalid, placeholder: props.placeholder, dateFormat: props.dateFormat, showIcon: props.showIcon, showTime: props.showTime, hourFormat: props.hourFormat, minDate: props.minDate, maxDate: props.maxDate, className: "w-full" })), {
+    defaultValue: null,
+    extractValue: (e) => e instanceof Date ? e : null
+});
+
+exports.CalendarField = CalendarField;
+//# sourceMappingURL=CalendarField.js.map

package/dist/cjs/CommandForm/fields/CalendarField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarField.js","sources":["../../../../CommandForm/fields/CalendarField.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 { asCommandFormField, WrappedFieldProps } from '@cratis/arc.react/commands';\nimport { Calendar } from 'primereact/calendar';\nimport React from 'react';\n\ninterface CalendarFieldComponentProps extends WrappedFieldProps<Date | null> {\n    placeholder?: string;\n    dateFormat?: string;\n    showIcon?: boolean;\n    showTime?: boolean;\n    hourFormat?: '12' | '24';\n    minDate?: Date;\n    maxDate?: Date;\n}\n\nexport const CalendarField = asCommandFormField<CalendarFieldComponentProps>(\n    (props) => (\n        <Calendar\n            value={props.value}\n            onChange={(e: { value: Date | null | undefined }) => props.onChange(e.value ?? null)}\n            onBlur={props.onBlur}\n            invalid={props.invalid}\n            placeholder={props.placeholder}\n            dateFormat={props.dateFormat}\n            showIcon={props.showIcon}\n            showTime={props.showTime}\n            hourFormat={props.hourFormat}\n            minDate={props.minDate}\n            maxDate={props.maxDate}\n            className=\"w-full\"\n        />\n    ),\n    {\n        defaultValue: null,\n        extractValue: (e: unknown) => e instanceof Date ? e : null\n    }\n);\n"],"names":["asCommandFormField","_jsx","Calendar"],"mappings":";;;;;;MAiBa,aAAa,GAAGA,2BAAkB,CAC3C,CAAC,KAAK,MACFC,cAAA,CAACC,iBAAQ,EAAA,EACL,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,CAAqC,KAAK,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC,EACpF,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,SAAS,EAAC,QAAQ,EAAA,CACpB,CACL,EACD;AACI,IAAA,YAAY,EAAE,IAAI;AAClB,IAAA,YAAY,EAAE,CAAC,CAAU,KAAK,CAAC,YAAY,IAAI,GAAG,CAAC,GAAG;AACzD,CAAA;;;;"}

package/dist/cjs/CommandForm/fields/ChipsField.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var commands = require('@cratis/arc.react/commands');
+var chips = require('primereact/chips');
+
+const ChipsField = commands.asCommandFormField((props) => (jsxRuntime.jsx(chips.Chips, { value: props.value, onChange: (e) => props.onChange(e.value ?? []), onBlur: props.onBlur, invalid: props.invalid, placeholder: props.placeholder, max: props.max, separator: props.separator, addOnBlur: props.addOnBlur, allowDuplicate: props.allowDuplicate, className: "w-full" })), {
+    defaultValue: [],
+    extractValue: (e) => {
+        if (!Array.isArray(e)) {
+            return [];
+        }
+        return e.filter((item) => typeof item === 'string');
+    }
+});
+
+exports.ChipsField = ChipsField;
+//# sourceMappingURL=ChipsField.js.map

package/dist/cjs/CommandForm/fields/ChipsField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipsField.js","sources":["../../../../CommandForm/fields/ChipsField.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 { asCommandFormField, WrappedFieldProps } from '@cratis/arc.react/commands';\nimport { Chips } from 'primereact/chips';\nimport React from 'react';\n\ninterface ChipsFieldComponentProps extends WrappedFieldProps<string[]> {\n    placeholder?: string;\n    max?: number;\n    separator?: string;\n    addOnBlur?: boolean;\n    allowDuplicate?: boolean;\n}\n\nexport const ChipsField = asCommandFormField<ChipsFieldComponentProps>(\n    (props) => (\n        <Chips\n            value={props.value}\n            onChange={(e: { value: string[] | null | undefined }) => props.onChange(e.value ?? [])}\n            onBlur={props.onBlur}\n            invalid={props.invalid}\n            placeholder={props.placeholder}\n            max={props.max}\n            separator={props.separator}\n            addOnBlur={props.addOnBlur}\n            allowDuplicate={props.allowDuplicate}\n            className=\"w-full\"\n        />\n    ),\n    {\n        defaultValue: [],\n        extractValue: (e: unknown) => {\n            if (!Array.isArray(e)) {\n                return [];\n            }\n\n            return e.filter((item): item is string => typeof item === 'string');\n        }\n    }\n);\n"],"names":["asCommandFormField","_jsx","Chips"],"mappings":";;;;;;AAeO,MAAM,UAAU,GAAGA,2BAAkB,CACxC,CAAC,KAAK,MACFC,cAAA,CAACC,WAAK,IACF,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,CAAyC,KAAK,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC,EACtF,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,SAAS,EAAC,QAAQ,EAAA,CACpB,CACL,EACD;AACI,IAAA,YAAY,EAAE,EAAE;AAChB,IAAA,YAAY,EAAE,CAAC,CAAU,KAAI;QACzB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;AACnB,YAAA,OAAO,EAAE;QACb;AAEA,QAAA,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,KAAqB,OAAO,IAAI,KAAK,QAAQ,CAAC;IACvE;AACH,CAAA;;;;"}

package/dist/cjs/CommandForm/fields/ColorPickerField.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var commands = require('@cratis/arc.react/commands');
+var colorpicker = require('primereact/colorpicker');
+
+const ColorPickerField = commands.asCommandFormField((props) => {
+    const defaultColor = props.defaultColor ?? '000000';
+    const value = typeof props.value === 'string' && props.value.length > 0 ? props.value : defaultColor;
+    return (jsxRuntime.jsx(colorpicker.ColorPicker, { value: value, onChange: (e) => props.onChange(typeof e.value === 'string' ? e.value : ''), onBlur: props.onBlur, inline: props.inline, defaultColor: defaultColor, className: props.invalid ? 'p-invalid' : undefined }));
+}, {
+    defaultValue: '',
+    extractValue: (e) => typeof e === 'string' ? e : ''
+});
+
+exports.ColorPickerField = ColorPickerField;
+//# sourceMappingURL=ColorPickerField.js.map

package/dist/cjs/CommandForm/fields/ColorPickerField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPickerField.js","sources":["../../../../CommandForm/fields/ColorPickerField.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 { asCommandFormField, WrappedFieldProps } from '@cratis/arc.react/commands';\nimport { ColorPicker } from 'primereact/colorpicker';\nimport React from 'react';\n\ninterface ColorPickerFieldComponentProps extends WrappedFieldProps<string> {\n    inline?: boolean;\n    defaultColor?: string;\n}\n\nexport const ColorPickerField = asCommandFormField<ColorPickerFieldComponentProps>(\n    (props) => {\n        const defaultColor = props.defaultColor ?? '000000';\n        const value = typeof props.value === 'string' && props.value.length > 0 ? props.value : defaultColor;\n\n        return (\n            <ColorPicker\n                value={value}\n                onChange={(e: { value: unknown }) => props.onChange(typeof e.value === 'string' ? e.value : '')}\n                onBlur={props.onBlur}\n                inline={props.inline}\n                defaultColor={defaultColor}\n                className={props.invalid ? 'p-invalid' : undefined}\n            />\n        );\n    },\n    {\n        defaultValue: '',\n        extractValue: (e: unknown) => typeof e === 'string' ? e : ''\n    }\n);\n"],"names":["asCommandFormField","_jsx","ColorPicker"],"mappings":";;;;;;MAYa,gBAAgB,GAAGA,2BAAkB,CAC9C,CAAC,KAAK,KAAI;AACN,IAAA,MAAM,YAAY,GAAG,KAAK,CAAC,YAAY,IAAI,QAAQ;IACnD,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK,CAAC,KAAK,GAAG,YAAY;AAEpG,IAAA,QACIC,cAAA,CAACC,uBAAW,EAAA,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAqB,KAAK,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,KAAK,KAAK,QAAQ,GAAG,CAAC,CAAC,KAAK,GAAG,EAAE,CAAC,EAC/F,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,KAAK,CAAC,OAAO,GAAG,WAAW,GAAG,SAAS,EAAA,CACpD;AAEV,CAAC,EACD;AACI,IAAA,YAAY,EAAE,EAAE;AAChB,IAAA,YAAY,EAAE,CAAC,CAAU,KAAK,OAAO,CAAC,KAAK,QAAQ,GAAG,CAAC,GAAG;AAC7D,CAAA;;;;"}

package/dist/cjs/CommandForm/fields/MultiSelectField.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var commands = require('@cratis/arc.react/commands');
+var multiselect = require('primereact/multiselect');
+
+const MultiSelectField = commands.asCommandFormField((props) => (jsxRuntime.jsx(multiselect.MultiSelect, { value: props.value, onChange: (e) => props.onChange(e.value ?? []), onBlur: props.onBlur, options: props.options, optionValue: props.optionValue, optionLabel: props.optionLabel, placeholder: props.placeholder, display: props.display, maxSelectedLabels: props.maxSelectedLabels, filter: props.filter, showClear: props.showClear, invalid: props.invalid, className: "w-full" })), {
+    defaultValue: [],
+    extractValue: (e) => {
+        if (!Array.isArray(e)) {
+            return [];
+        }
+        return e.filter((item) => typeof item === 'string' || typeof item === 'number');
+    }
+});
+
+exports.MultiSelectField = MultiSelectField;
+//# sourceMappingURL=MultiSelectField.js.map

package/dist/cjs/CommandForm/fields/MultiSelectField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectField.js","sources":["../../../../CommandForm/fields/MultiSelectField.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 { asCommandFormField, WrappedFieldProps } from '@cratis/arc.react/commands';\nimport { MultiSelect } from 'primereact/multiselect';\nimport React from 'react';\n\ninterface MultiSelectFieldComponentProps extends WrappedFieldProps<Array<string | number>> {\n    options: Array<Record<string, unknown>>;\n    optionValue?: string;\n    optionLabel?: string;\n    placeholder?: string;\n    display?: 'comma' | 'chip';\n    maxSelectedLabels?: number;\n    filter?: boolean;\n    showClear?: boolean;\n}\n\nexport const MultiSelectField = asCommandFormField<MultiSelectFieldComponentProps>(\n    (props) => (\n        <MultiSelect\n            value={props.value}\n            onChange={(e: { value: Array<string | number> | undefined }) => props.onChange(e.value ?? [])}\n            onBlur={props.onBlur}\n            options={props.options}\n            optionValue={props.optionValue}\n            optionLabel={props.optionLabel}\n            placeholder={props.placeholder}\n            display={props.display}\n            maxSelectedLabels={props.maxSelectedLabels}\n            filter={props.filter}\n            showClear={props.showClear}\n            invalid={props.invalid}\n            className=\"w-full\"\n        />\n    ),\n    {\n        defaultValue: [],\n        extractValue: (e: unknown) => {\n            if (!Array.isArray(e)) {\n                return [];\n            }\n\n            return e.filter((item): item is string | number => typeof item === 'string' || typeof item === 'number');\n        }\n    }\n);\n"],"names":["asCommandFormField","_jsx","MultiSelect"],"mappings":";;;;;;MAkBa,gBAAgB,GAAGA,2BAAkB,CAC9C,CAAC,KAAK,MACFC,cAAA,CAACC,uBAAW,EAAA,EACR,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,CAAgD,KAAK,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC,EAC7F,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,SAAS,EAAC,QAAQ,EAAA,CACpB,CACL,EACD;AACI,IAAA,YAAY,EAAE,EAAE;AAChB,IAAA,YAAY,EAAE,CAAC,CAAU,KAAI;QACzB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;AACnB,YAAA,OAAO,EAAE;QACb;AAEA,QAAA,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,KAA8B,OAAO,IAAI,KAAK,QAAQ,IAAI,OAAO,IAAI,KAAK,QAAQ,CAAC;IAC5G;AACH,CAAA;;;;"}

package/dist/cjs/CommandForm/index.js

@@ -7,6 +7,10 @@ var CheckboxField = require('./fields/CheckboxField.js');
 var TextAreaField = require('./fields/TextAreaField.js');
 var DropdownField = require('./fields/DropdownField.js');
 var SliderField = require('./fields/SliderField.js');
+var CalendarField = require('./fields/CalendarField.js');
+var ColorPickerField = require('./fields/ColorPickerField.js');
+var MultiSelectField = require('./fields/MultiSelectField.js');
+var ChipsField = require('./fields/ChipsField.js');
 
 
 
@@ -48,4 +52,8 @@ exports.CheckboxField = CheckboxField.CheckboxField;
 exports.TextAreaField = TextAreaField.TextAreaField;
 exports.DropdownField = DropdownField.DropdownField;
 exports.SliderField = SliderField.SliderField;
+exports.CalendarField = CalendarField.CalendarField;
+exports.ColorPickerField = ColorPickerField.ColorPickerField;
+exports.MultiSelectField = MultiSelectField.MultiSelectField;
+exports.ChipsField = ChipsField.ChipsField;
 //# sourceMappingURL=index.js.map

package/dist/cjs/CommandForm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/PivotViewer/PivotViewer.css

@@ -799,16 +799,22 @@
   font-variant-numeric: tabular-nums;
 }
 
-/* Fade axis labels when switching views - matched to sprite animation duration (600ms) */
+/* Fade and collapse axis labels when switching views */
 .pivot-viewer .pv-axis-labels {
-  transition: opacity 600ms ease;
+  transition: opacity 600ms ease, max-height 600ms ease, padding 600ms ease, border-color 600ms ease;
+  overflow: hidden;
 }
 .pivot-viewer .pv-axis-labels.hidden {
   opacity: 0;
+  max-height: 0;
+  padding-top: 0;
+  padding-bottom: 0;
+  border-top-color: transparent;
   pointer-events: none;
 }
 .pivot-viewer .pv-axis-labels.visible {
   opacity: 1;
+  max-height: 80px;
   pointer-events: auto;
 }
 

package/dist/cjs/PivotViewer/PivotViewer.js

@@ -175,6 +175,8 @@ function PivotViewer({ data, dimensions, filters, defaultDimensionKey, cardRende
         zoomLevel,
         viewMode,
         layout: layout$1,
+        containerRef,
+        spacerRef,
         containerDimensions,
         scrollPosition,
         preSelectionState,
@@ -192,6 +194,7 @@ function PivotViewer({ data, dimensions, filters, defaultDimensionKey, cardRende
         zoomLevel,
         viewMode,
         layout: layout$1,
+        containerRef,
         containerDimensions,
         grouping,
         data,

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

@@ -1 +1 @@
-{"version":3,"file":"PivotViewer.js","sources":["../../../PivotViewer/PivotViewer.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 { PivotViewerProps } from './types';\nimport type { GroupingResult } from './engine/types';\nimport { usePivotEngine } from './hooks/usePivotEngine';\nimport { computeLayout } from './engine/layout';\nimport { useFilterState } from './hooks/useFilterState';\nimport { useDimensionState } from './hooks/useDimensionState';\nimport { useZoomState } from './hooks/useZoomState';\nimport { BASE_CARD_WIDTH, BASE_CARD_HEIGHT, CARDS_PER_COLUMN, GROUP_SPACING } from './constants';\nimport './PivotViewer.css';\nimport { PivotViewerMain } from './components/PivotViewerMain';\nimport { FilterPanelContainer } from './components/FilterPanelContainer';\nimport { ToolbarContainer } from './components/ToolbarContainer';\nimport { usePanning, useWheelZoom, useFilterOptions } from './hooks';\nimport { useContainerDimensions } from './hooks/useContainerDimensions';\nimport type { ViewMode } from './components/Toolbar';\nimport { useFieldExtractors } from './hooks/useFieldExtractors';\nimport { useCurrentFilters, useCurrentGroupBy } from './hooks/useCurrentFilters';\nimport { useCardSelection } from './hooks/useCardSelection';\nimport { useDetailPanelClose } from './hooks/useDetailPanelClose';\nimport { useScrollSync } from './hooks/useScrollSync';\nimport { useAnimationModeTracking } from './hooks/useAnimationModeTracking';\nimport { useViewModeScrollHandling } from './hooks/useViewModeScrollHandling';\n\nexport function PivotViewer<TItem extends object>({\n    data,\n    dimensions,\n    filters,\n    defaultDimensionKey,\n    cardRenderer,\n    detailRenderer,\n    getItemId,\n    searchFields,\n    className,\n    emptyContent,\n    isLoading = false,\n    colors,\n}: PivotViewerProps<TItem>) {\n    // Refs\n    const containerRef = useRef<HTMLDivElement>(null!);\n    const filterButtonRef = useRef<HTMLButtonElement>(null!);\n    const axisLabelsRef = useRef<HTMLDivElement>(null!);\n    const spacerRef = useRef<HTMLDivElement>(null!);\n\n    // State\n    const [search, setSearch] = useState('');\n    const [viewMode, setViewMode] = useState<ViewMode>('collection');\n    const [filtersOpen, setFiltersOpen] = useState(false);\n    const [selectedItem, setSelectedItem] = useState<TItem | null>(null);\n    const [isZooming, setIsZooming] = useState(false);\n    const [visibleIds, setVisibleIds] = useState<Uint32Array>(new Uint32Array(0));\n    const [grouping, setGrouping] = useState<GroupingResult>({ groups: [] });\n    const [hoveredGroupIndex, setHoveredGroupIndex] = useState<number | null>(null);\n    const [preSelectionState, setPreSelectionState] = useState<{ zoom: number; scrollLeft: number; scrollTop: number } | null>(null);\n    const [, setAnimationMode] = useState<'layout' | 'filter'>('layout');\n    const [scrollPosition, setScrollPosition] = useState({ x: 0, y: 0 });\n\n    // Filter hooks\n    const {\n        filterState,\n        rangeFilterState,\n        expandedFilterKey,\n        setExpandedFilterKey,\n        handleToggleFilter,\n        handleClearFilter,\n        handleRangeChange,\n    } = useFilterState(filters);\n\n    // Dimension hooks\n    const {\n        activeDimensionKey,\n        setActiveDimensionKey,\n        activeDimension,\n        dimensionFilter,\n        handleAxisLabelClick,\n    } = useDimensionState(dimensions, defaultDimensionKey);\n\n    // Zoom and pan hooks\n    const {\n        zoomLevel,\n        setZoomLevel,\n        handleZoomIn,\n        handleZoomOut,\n        handleZoomSlider,\n        handleZoomReset,\n        handleZoomChange,\n    } = useZoomState(1);\n\n    const {\n        isPanning,\n        handlePanStart,\n        handlePanMove,\n        handlePanEnd,\n    } = usePanning(containerRef, undefined, setScrollPosition);\n\n    useWheelZoom(containerRef, zoomLevel, setZoomLevel);\n\n    // Track container dimensions for responsive layout\n    const containerDimensions = useContainerDimensions(containerRef, isLoading);\n\n    useEffect(() => {\n        const container = containerRef.current;\n        if (!container) return;\n\n        const handleScroll = () => {\n            setScrollPosition({\n                x: container.scrollLeft,\n                y: container.scrollTop,\n            });\n        };\n\n        container.addEventListener('scroll', handleScroll);\n        return () => container.removeEventListener('scroll', handleScroll);\n    }, []);\n\n    // Build field extractors for the columnar store\n    const { fieldExtractors, indexFields } = useFieldExtractors(dimensions, filters);\n\n    // Initialize the Web Worker engine\n    const { ready, applyFilters: engineApplyFilters, computeGrouping, sortIds } = usePivotEngine({\n        data,\n        fieldExtractors,\n        indexFields,\n    });\n\n    // Build filter specs from UI state\n    const currentFilters = useCurrentFilters(\n        filters,\n        filterState,\n        rangeFilterState,\n        search,\n        searchFields,\n        dimensionFilter,\n        activeDimension,\n    );\n\n    const currentGroupBy = useCurrentGroupBy(activeDimensionKey, dimensions);\n\n    // Apply filters\n    useEffect(() => {\n        if (!ready) return;\n\n        engineApplyFilters(currentFilters).then((result) => {\n            // If the engine failed to return any IDs while no filters are active,\n            // fall back to showing the full dataset so the canvas never renders empty.\n            if (result.visibleIds.length === 0 && currentFilters.length === 0 && data.length > 0) {\n                const fallbackIds = new Uint32Array(data.length);\n                for (let i = 0; i < data.length; i++) {\n                    fallbackIds[i] = i;\n                }\n                setVisibleIds(fallbackIds);\n                return;\n            }\n\n            setVisibleIds(result.visibleIds);\n        });\n    }, [ready, currentFilters, engineApplyFilters, data.length]);\n\n    // Compute grouping\n    const lastGroupingRequest = useRef<{ viewMode: ViewMode; groupBy: unknown; visibleIds: Uint32Array } | null>(null);\n    \n    useEffect(() => {\n        if (!ready || visibleIds.length === 0) {\n            setGrouping({ groups: [] });\n            lastGroupingRequest.current = null;\n            return;\n        }\n\n        if (viewMode === 'collection') {\n            // In collection mode, create a single group with all items\n            // Sort items if activeDimensionKey is set\n            if (activeDimensionKey) {\n                sortIds(visibleIds, activeDimensionKey).then((sortedIds) => {\n                    setGrouping({\n                        groups: [{\n                            key: 'all',\n                            label: 'All Items',\n                            value: 'all',\n                            ids: sortedIds,\n                            count: sortedIds.length\n                        }]\n                    });\n                });\n            } else {\n                setGrouping({\n                    groups: [{\n                        key: 'all',\n                        label: 'All Items',\n                        value: 'all',\n                        ids: visibleIds,\n                        count: visibleIds.length\n                    }]\n                });\n            }\n            lastGroupingRequest.current = null;\n            return;\n        }\n\n        // Check if this is the same request as last time to prevent duplicate computations\n        const lastRequest = lastGroupingRequest.current;\n        if (\n            lastRequest &&\n            lastRequest.viewMode === viewMode &&\n            (lastRequest.groupBy as unknown as typeof currentGroupBy)?.field === currentGroupBy.field &&\n            lastRequest.visibleIds === visibleIds\n        ) {\n            return;\n        }\n\n        lastGroupingRequest.current = { viewMode, groupBy: currentGroupBy, visibleIds };\n        \n        computeGrouping(visibleIds, currentGroupBy).then((result) => {\n            setGrouping(result);\n        });\n    }, [ready, visibleIds, currentGroupBy, viewMode, computeGrouping, sortIds, activeDimensionKey]);\n\n    // Compute layout\n    const layout = useMemo(() => {\n        // Calculate layout at base dimensions (zoom is applied as transform)\n        const cardWidth = BASE_CARD_WIDTH;\n        const cardHeight = BASE_CARD_HEIGHT;\n        const containerWidth = containerDimensions.width / zoomLevel;\n        // For grouped mode, use fixed container height to ensure stable layout during zoom\n        const containerHeight = viewMode === 'collection'\n            ? containerDimensions.height / zoomLevel\n            : containerDimensions.height;\n\n        const result = computeLayout(grouping, {\n            viewMode,\n            cardWidth,\n            cardHeight,\n            cardsPerColumn: CARDS_PER_COLUMN,\n            groupSpacing: GROUP_SPACING,\n            containerWidth,\n            containerHeight,\n        });\n\n        return result;\n    }, [grouping, viewMode, zoomLevel, containerDimensions.width, containerDimensions.height]);\n\n    const resolveId = useCallback((item: TItem, index: number) => {\n        if (getItemId) {\n            const id = getItemId(item, index);\n            return typeof id === 'number' ? id : index;\n        }\n        const id = (item as Record<string, unknown>)['id'];\n        return typeof id === 'number' ? id : index;\n    }, [getItemId]);\n\n    // Track animation mode changes\n    useAnimationModeTracking(filterState, rangeFilterState, search, activeDimensionKey, viewMode, setAnimationMode);\n\n    // Sync axis labels scroll with container scroll\n    useScrollSync(containerRef, axisLabelsRef, viewMode);\n\n    // Handle scroll positioning when switching view modes or grouping changes\n    useViewModeScrollHandling({\n        containerRef,\n        viewMode,\n        grouping,\n        layout,\n        selectedItem,\n        zoomLevel,\n        resolveId,\n        data,\n        setPreSelectionState,\n    });\n\n    // Handle card selection (click)\n    const handleCardClick = useCardSelection({\n        data,\n        isPanning,\n        selectedItem,\n        zoomLevel,\n        viewMode,\n        layout,\n        containerDimensions,\n        scrollPosition,\n        preSelectionState,\n        grouping,\n        getItemId,\n        resolveId,\n        setZoomLevel,\n        setIsZooming,\n        setSelectedItem,\n        setPreSelectionState,\n    });\n\n    // Handle detail panel close\n    const closeDetail = useDetailPanelClose({\n        selectedItem,\n        preSelectionState,\n        zoomLevel,\n        viewMode,\n        layout,\n        containerDimensions,\n        grouping,\n        data,\n        resolveId,\n        setZoomLevel,\n        setIsZooming,\n        setSelectedItem,\n        setPreSelectionState,\n    });\n\n    // Use base card dimensions - zoom is applied as transform in canvas\n    const cardWidth = BASE_CARD_WIDTH;\n    const cardHeight = BASE_CARD_HEIGHT;\n\n    // Calculate filter options\n    const filterOptions = useFilterOptions(data, filters, filterState, rangeFilterState);\n\n    const hasFilters = Boolean(filters && filters.length > 0);\n    const activeFilterCount = Object.values(filterState).reduce((sum: number, vals) => sum + (vals as Set<string>).size, 0) +\n        Object.values(rangeFilterState).filter(r => r !== null).length;\n\n    const viewerClassName = [\n        'pivot-viewer',\n        className,\n        hasFilters ? (filtersOpen ? 'filters-open' : 'filters-closed') : 'no-filters',\n        viewMode === 'grouped' ? 'grouped-mode' : 'collection-mode',\n    ]\n        .filter(Boolean)\n        .join(' ');\n\n    // Deselect any selected card when switching between view modes\n    useEffect(() => {\n        setSelectedItem(null);\n    }, [viewMode]);\n\n    // Map provided color overrides to CSS variables understood by the component.\n    const cssVariables = useMemo(() => {\n        const vars: Record<string, string> = {};\n        if (!colors) return vars;\n        if (colors.primaryColor) vars['--primary-color'] = colors.primaryColor;\n        if (colors.primaryColorText) vars['--primary-color-text'] = colors.primaryColorText;\n        if (colors.primary500) vars['--primary-500'] = colors.primary500;\n        if (colors.surfaceGround) vars['--surface-ground'] = colors.surfaceGround;\n        if (colors.surfaceCard) vars['--surface-card'] = colors.surfaceCard;\n        if (colors.surfaceSection) vars['--surface-section'] = colors.surfaceSection;\n        if (colors.surfaceOverlay) vars['--surface-overlay'] = colors.surfaceOverlay;\n        if (colors.surfaceBorder) vars['--surface-border'] = colors.surfaceBorder;\n        if (colors.textColor) vars['--text-color'] = colors.textColor;\n        if (colors.textColorSecondary) vars['--text-color-secondary'] = colors.textColorSecondary;\n        if (colors.highlightBg) vars['--highlight-bg'] = colors.highlightBg;\n        if (colors.maskbg) vars['--maskbg'] = colors.maskbg;\n        if (colors.focusRing) vars['--focus-ring'] = colors.focusRing;\n        return vars;\n    }, [colors]);\n\n    return (\n        <div className={viewerClassName} style={cssVariables as React.CSSProperties}>\n            <FilterPanelContainer\n                isOpen={filtersOpen && hasFilters}\n                search={search}\n                filterState={filterState}\n                rangeFilterState={rangeFilterState}\n                expandedFilterKey={expandedFilterKey}\n                filterOptions={filterOptions}\n                anchorRef={filterButtonRef}\n                onClose={() => setFiltersOpen(false)}\n                onSearchChange={setSearch}\n                onFilterToggle={handleToggleFilter}\n                onFilterClear={handleClearFilter}\n                onRangeChange={handleRangeChange}\n                onExpandedFilterChange={setExpandedFilterKey}\n            />\n\n            <main className=\"pv-main\">\n                <ToolbarContainer\n                    hasFilters={hasFilters}\n                    filtersOpen={filtersOpen}\n                    filteredCount={visibleIds.length}\n                    viewMode={viewMode}\n                    zoomLevel={zoomLevel}\n                    activeDimensionKey={activeDimensionKey}\n                    dimensions={dimensions}\n                    activeFilterCount={activeFilterCount}\n                    onFiltersToggle={() => setFiltersOpen((prev) => !prev)}\n                    onViewModeChange={setViewMode}\n                    onZoomIn={handleZoomIn}\n                    onZoomOut={handleZoomOut}\n                    onZoomSlider={handleZoomSlider}\n                    onZoomReset={handleZoomReset}\n                    onZoomChange={handleZoomChange}\n                    onDimensionChange={setActiveDimensionKey}\n                    filterButtonRef={filterButtonRef}\n                />\n\n                <PivotViewerMain\n                    data={data}\n                    ready={ready}\n                    isLoading={isLoading}\n                    visibleIds={visibleIds}\n                    grouping={grouping}\n                    layout={layout}\n                    cardWidth={cardWidth}\n                    cardHeight={cardHeight}\n                    zoomLevel={zoomLevel}\n                    scrollPosition={scrollPosition}\n                    containerDimensions={containerDimensions}\n                    selectedItem={selectedItem}\n                    hoveredGroupIndex={hoveredGroupIndex}\n                    isZooming={isZooming}\n                    viewMode={viewMode}\n                    cardRenderer={cardRenderer}\n                    detailRenderer={detailRenderer}\n                    resolveId={resolveId}\n                    emptyContent={emptyContent}\n                    dimensionFilter={dimensionFilter}\n                    onCardClick={handleCardClick}\n                    onPanStart={handlePanStart as (e: React.MouseEvent) => void}\n                    onPanMove={handlePanMove as (e: React.MouseEvent) => void}\n                    onPanEnd={handlePanEnd}\n                    onGroupHover={setHoveredGroupIndex}\n                    onAxisLabelClick={handleAxisLabelClick}\n                    onCloseDetail={closeDetail}\n                    containerRef={containerRef}\n                    axisLabelsRef={axisLabelsRef}\n                    spacerRef={spacerRef}\n                />\n            </main>\n        </div>\n    );\n}\n"],"names":["useRef","useState","useFilterState","useDimensionState","useZoomState","usePanning","useWheelZoom","useContainerDimensions","useEffect","useFieldExtractors","usePivotEngine","useCurrentFilters","useCurrentGroupBy","layout","useMemo","BASE_CARD_WIDTH","BASE_CARD_HEIGHT","computeLayout","CARDS_PER_COLUMN","useCallback","useAnimationModeTracking","useScrollSync","useViewModeScrollHandling","useCardSelection","useDetailPanelClose","useFilterOptions","_jsxs","_jsx","FilterPanelContainer","ToolbarContainer","PivotViewerMain"],"mappings":"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"}
+{"version":3,"file":"PivotViewer.js","sources":["../../../PivotViewer/PivotViewer.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 { PivotViewerProps } from './types';\nimport type { GroupingResult } from './engine/types';\nimport { usePivotEngine } from './hooks/usePivotEngine';\nimport { computeLayout } from './engine/layout';\nimport { useFilterState } from './hooks/useFilterState';\nimport { useDimensionState } from './hooks/useDimensionState';\nimport { useZoomState } from './hooks/useZoomState';\nimport { BASE_CARD_WIDTH, BASE_CARD_HEIGHT, CARDS_PER_COLUMN, GROUP_SPACING } from './constants';\nimport './PivotViewer.css';\nimport { PivotViewerMain } from './components/PivotViewerMain';\nimport { FilterPanelContainer } from './components/FilterPanelContainer';\nimport { ToolbarContainer } from './components/ToolbarContainer';\nimport { usePanning, useWheelZoom, useFilterOptions } from './hooks';\nimport { useContainerDimensions } from './hooks/useContainerDimensions';\nimport type { ViewMode } from './components/Toolbar';\nimport { useFieldExtractors } from './hooks/useFieldExtractors';\nimport { useCurrentFilters, useCurrentGroupBy } from './hooks/useCurrentFilters';\nimport { useCardSelection } from './hooks/useCardSelection';\nimport { useDetailPanelClose } from './hooks/useDetailPanelClose';\nimport { useScrollSync } from './hooks/useScrollSync';\nimport { useAnimationModeTracking } from './hooks/useAnimationModeTracking';\nimport { useViewModeScrollHandling } from './hooks/useViewModeScrollHandling';\n\nexport function PivotViewer<TItem extends object>({\n    data,\n    dimensions,\n    filters,\n    defaultDimensionKey,\n    cardRenderer,\n    detailRenderer,\n    getItemId,\n    searchFields,\n    className,\n    emptyContent,\n    isLoading = false,\n    colors,\n}: PivotViewerProps<TItem>) {\n    // Refs\n    const containerRef = useRef<HTMLDivElement>(null!);\n    const filterButtonRef = useRef<HTMLButtonElement>(null!);\n    const axisLabelsRef = useRef<HTMLDivElement>(null!);\n    const spacerRef = useRef<HTMLDivElement>(null!);\n\n    // State\n    const [search, setSearch] = useState('');\n    const [viewMode, setViewMode] = useState<ViewMode>('collection');\n    const [filtersOpen, setFiltersOpen] = useState(false);\n    const [selectedItem, setSelectedItem] = useState<TItem | null>(null);\n    const [isZooming, setIsZooming] = useState(false);\n    const [visibleIds, setVisibleIds] = useState<Uint32Array>(new Uint32Array(0));\n    const [grouping, setGrouping] = useState<GroupingResult>({ groups: [] });\n    const [hoveredGroupIndex, setHoveredGroupIndex] = useState<number | null>(null);\n    const [preSelectionState, setPreSelectionState] = useState<{ zoom: number; scrollLeft: number; scrollTop: number } | null>(null);\n    const [, setAnimationMode] = useState<'layout' | 'filter'>('layout');\n    const [scrollPosition, setScrollPosition] = useState({ x: 0, y: 0 });\n\n    // Filter hooks\n    const {\n        filterState,\n        rangeFilterState,\n        expandedFilterKey,\n        setExpandedFilterKey,\n        handleToggleFilter,\n        handleClearFilter,\n        handleRangeChange,\n    } = useFilterState(filters);\n\n    // Dimension hooks\n    const {\n        activeDimensionKey,\n        setActiveDimensionKey,\n        activeDimension,\n        dimensionFilter,\n        handleAxisLabelClick,\n    } = useDimensionState(dimensions, defaultDimensionKey);\n\n    // Zoom and pan hooks\n    const {\n        zoomLevel,\n        setZoomLevel,\n        handleZoomIn,\n        handleZoomOut,\n        handleZoomSlider,\n        handleZoomReset,\n        handleZoomChange,\n    } = useZoomState(1);\n\n    const {\n        isPanning,\n        handlePanStart,\n        handlePanMove,\n        handlePanEnd,\n    } = usePanning(containerRef, undefined, setScrollPosition);\n\n    useWheelZoom(containerRef, zoomLevel, setZoomLevel);\n\n    // Track container dimensions for responsive layout\n    const containerDimensions = useContainerDimensions(containerRef, isLoading);\n\n    useEffect(() => {\n        const container = containerRef.current;\n        if (!container) return;\n\n        const handleScroll = () => {\n            setScrollPosition({\n                x: container.scrollLeft,\n                y: container.scrollTop,\n            });\n        };\n\n        container.addEventListener('scroll', handleScroll);\n        return () => container.removeEventListener('scroll', handleScroll);\n    }, []);\n\n    // Build field extractors for the columnar store\n    const { fieldExtractors, indexFields } = useFieldExtractors(dimensions, filters);\n\n    // Initialize the Web Worker engine\n    const { ready, applyFilters: engineApplyFilters, computeGrouping, sortIds } = usePivotEngine({\n        data,\n        fieldExtractors,\n        indexFields,\n    });\n\n    // Build filter specs from UI state\n    const currentFilters = useCurrentFilters(\n        filters,\n        filterState,\n        rangeFilterState,\n        search,\n        searchFields,\n        dimensionFilter,\n        activeDimension,\n    );\n\n    const currentGroupBy = useCurrentGroupBy(activeDimensionKey, dimensions);\n\n    // Apply filters\n    useEffect(() => {\n        if (!ready) return;\n\n        engineApplyFilters(currentFilters).then((result) => {\n            // If the engine failed to return any IDs while no filters are active,\n            // fall back to showing the full dataset so the canvas never renders empty.\n            if (result.visibleIds.length === 0 && currentFilters.length === 0 && data.length > 0) {\n                const fallbackIds = new Uint32Array(data.length);\n                for (let i = 0; i < data.length; i++) {\n                    fallbackIds[i] = i;\n                }\n                setVisibleIds(fallbackIds);\n                return;\n            }\n\n            setVisibleIds(result.visibleIds);\n        });\n    }, [ready, currentFilters, engineApplyFilters, data.length]);\n\n    // Compute grouping\n    const lastGroupingRequest = useRef<{ viewMode: ViewMode; groupBy: unknown; visibleIds: Uint32Array } | null>(null);\n    \n    useEffect(() => {\n        if (!ready || visibleIds.length === 0) {\n            setGrouping({ groups: [] });\n            lastGroupingRequest.current = null;\n            return;\n        }\n\n        if (viewMode === 'collection') {\n            // In collection mode, create a single group with all items\n            // Sort items if activeDimensionKey is set\n            if (activeDimensionKey) {\n                sortIds(visibleIds, activeDimensionKey).then((sortedIds) => {\n                    setGrouping({\n                        groups: [{\n                            key: 'all',\n                            label: 'All Items',\n                            value: 'all',\n                            ids: sortedIds,\n                            count: sortedIds.length\n                        }]\n                    });\n                });\n            } else {\n                setGrouping({\n                    groups: [{\n                        key: 'all',\n                        label: 'All Items',\n                        value: 'all',\n                        ids: visibleIds,\n                        count: visibleIds.length\n                    }]\n                });\n            }\n            lastGroupingRequest.current = null;\n            return;\n        }\n\n        // Check if this is the same request as last time to prevent duplicate computations\n        const lastRequest = lastGroupingRequest.current;\n        if (\n            lastRequest &&\n            lastRequest.viewMode === viewMode &&\n            (lastRequest.groupBy as unknown as typeof currentGroupBy)?.field === currentGroupBy.field &&\n            lastRequest.visibleIds === visibleIds\n        ) {\n            return;\n        }\n\n        lastGroupingRequest.current = { viewMode, groupBy: currentGroupBy, visibleIds };\n        \n        computeGrouping(visibleIds, currentGroupBy).then((result) => {\n            setGrouping(result);\n        });\n    }, [ready, visibleIds, currentGroupBy, viewMode, computeGrouping, sortIds, activeDimensionKey]);\n\n    // Compute layout\n    const layout = useMemo(() => {\n        // Calculate layout at base dimensions (zoom is applied as transform)\n        const cardWidth = BASE_CARD_WIDTH;\n        const cardHeight = BASE_CARD_HEIGHT;\n        const containerWidth = containerDimensions.width / zoomLevel;\n        // For grouped mode, use fixed container height to ensure stable layout during zoom\n        const containerHeight = viewMode === 'collection'\n            ? containerDimensions.height / zoomLevel\n            : containerDimensions.height;\n\n        const result = computeLayout(grouping, {\n            viewMode,\n            cardWidth,\n            cardHeight,\n            cardsPerColumn: CARDS_PER_COLUMN,\n            groupSpacing: GROUP_SPACING,\n            containerWidth,\n            containerHeight,\n        });\n\n        return result;\n    }, [grouping, viewMode, zoomLevel, containerDimensions.width, containerDimensions.height]);\n\n    const resolveId = useCallback((item: TItem, index: number) => {\n        if (getItemId) {\n            const id = getItemId(item, index);\n            return typeof id === 'number' ? id : index;\n        }\n        const id = (item as Record<string, unknown>)['id'];\n        return typeof id === 'number' ? id : index;\n    }, [getItemId]);\n\n    // Track animation mode changes\n    useAnimationModeTracking(filterState, rangeFilterState, search, activeDimensionKey, viewMode, setAnimationMode);\n\n    // Sync axis labels scroll with container scroll\n    useScrollSync(containerRef, axisLabelsRef, viewMode);\n\n    // Handle scroll positioning when switching view modes or grouping changes\n    useViewModeScrollHandling({\n        containerRef,\n        viewMode,\n        grouping,\n        layout,\n        selectedItem,\n        zoomLevel,\n        resolveId,\n        data,\n        setPreSelectionState,\n    });\n\n    // Handle card selection (click)\n    const handleCardClick = useCardSelection({\n        data,\n        isPanning,\n        selectedItem,\n        zoomLevel,\n        viewMode,\n        layout,\n        containerRef,\n        spacerRef,\n        containerDimensions,\n        scrollPosition,\n        preSelectionState,\n        grouping,\n        getItemId,\n        resolveId,\n        setZoomLevel,\n        setIsZooming,\n        setSelectedItem,\n        setPreSelectionState,\n    });\n\n    // Handle detail panel close\n    const closeDetail = useDetailPanelClose({\n        selectedItem,\n        preSelectionState,\n        zoomLevel,\n        viewMode,\n        layout,\n        containerRef,\n        containerDimensions,\n        grouping,\n        data,\n        resolveId,\n        setZoomLevel,\n        setIsZooming,\n        setSelectedItem,\n        setPreSelectionState,\n    });\n\n    // Use base card dimensions - zoom is applied as transform in canvas\n    const cardWidth = BASE_CARD_WIDTH;\n    const cardHeight = BASE_CARD_HEIGHT;\n\n    // Calculate filter options\n    const filterOptions = useFilterOptions(data, filters, filterState, rangeFilterState);\n\n    const hasFilters = Boolean(filters && filters.length > 0);\n    const activeFilterCount = Object.values(filterState).reduce((sum: number, vals) => sum + (vals as Set<string>).size, 0) +\n        Object.values(rangeFilterState).filter(r => r !== null).length;\n\n    const viewerClassName = [\n        'pivot-viewer',\n        className,\n        hasFilters ? (filtersOpen ? 'filters-open' : 'filters-closed') : 'no-filters',\n        viewMode === 'grouped' ? 'grouped-mode' : 'collection-mode',\n    ]\n        .filter(Boolean)\n        .join(' ');\n\n    // Deselect any selected card when switching between view modes\n    useEffect(() => {\n        setSelectedItem(null);\n    }, [viewMode]);\n\n    // Map provided color overrides to CSS variables understood by the component.\n    const cssVariables = useMemo(() => {\n        const vars: Record<string, string> = {};\n        if (!colors) return vars;\n        if (colors.primaryColor) vars['--primary-color'] = colors.primaryColor;\n        if (colors.primaryColorText) vars['--primary-color-text'] = colors.primaryColorText;\n        if (colors.primary500) vars['--primary-500'] = colors.primary500;\n        if (colors.surfaceGround) vars['--surface-ground'] = colors.surfaceGround;\n        if (colors.surfaceCard) vars['--surface-card'] = colors.surfaceCard;\n        if (colors.surfaceSection) vars['--surface-section'] = colors.surfaceSection;\n        if (colors.surfaceOverlay) vars['--surface-overlay'] = colors.surfaceOverlay;\n        if (colors.surfaceBorder) vars['--surface-border'] = colors.surfaceBorder;\n        if (colors.textColor) vars['--text-color'] = colors.textColor;\n        if (colors.textColorSecondary) vars['--text-color-secondary'] = colors.textColorSecondary;\n        if (colors.highlightBg) vars['--highlight-bg'] = colors.highlightBg;\n        if (colors.maskbg) vars['--maskbg'] = colors.maskbg;\n        if (colors.focusRing) vars['--focus-ring'] = colors.focusRing;\n        return vars;\n    }, [colors]);\n\n    return (\n        <div className={viewerClassName} style={cssVariables as React.CSSProperties}>\n            <FilterPanelContainer\n                isOpen={filtersOpen && hasFilters}\n                search={search}\n                filterState={filterState}\n                rangeFilterState={rangeFilterState}\n                expandedFilterKey={expandedFilterKey}\n                filterOptions={filterOptions}\n                anchorRef={filterButtonRef}\n                onClose={() => setFiltersOpen(false)}\n                onSearchChange={setSearch}\n                onFilterToggle={handleToggleFilter}\n                onFilterClear={handleClearFilter}\n                onRangeChange={handleRangeChange}\n                onExpandedFilterChange={setExpandedFilterKey}\n            />\n\n            <main className=\"pv-main\">\n                <ToolbarContainer\n                    hasFilters={hasFilters}\n                    filtersOpen={filtersOpen}\n                    filteredCount={visibleIds.length}\n                    viewMode={viewMode}\n                    zoomLevel={zoomLevel}\n                    activeDimensionKey={activeDimensionKey}\n                    dimensions={dimensions}\n                    activeFilterCount={activeFilterCount}\n                    onFiltersToggle={() => setFiltersOpen((prev) => !prev)}\n                    onViewModeChange={setViewMode}\n                    onZoomIn={handleZoomIn}\n                    onZoomOut={handleZoomOut}\n                    onZoomSlider={handleZoomSlider}\n                    onZoomReset={handleZoomReset}\n                    onZoomChange={handleZoomChange}\n                    onDimensionChange={setActiveDimensionKey}\n                    filterButtonRef={filterButtonRef}\n                />\n\n                <PivotViewerMain\n                    data={data}\n                    ready={ready}\n                    isLoading={isLoading}\n                    visibleIds={visibleIds}\n                    grouping={grouping}\n                    layout={layout}\n                    cardWidth={cardWidth}\n                    cardHeight={cardHeight}\n                    zoomLevel={zoomLevel}\n                    scrollPosition={scrollPosition}\n                    containerDimensions={containerDimensions}\n                    selectedItem={selectedItem}\n                    hoveredGroupIndex={hoveredGroupIndex}\n                    isZooming={isZooming}\n                    viewMode={viewMode}\n                    cardRenderer={cardRenderer}\n                    detailRenderer={detailRenderer}\n                    resolveId={resolveId}\n                    emptyContent={emptyContent}\n                    dimensionFilter={dimensionFilter}\n                    onCardClick={handleCardClick}\n                    onPanStart={handlePanStart as (e: React.MouseEvent) => void}\n                    onPanMove={handlePanMove as (e: React.MouseEvent) => void}\n                    onPanEnd={handlePanEnd}\n                    onGroupHover={setHoveredGroupIndex}\n                    onAxisLabelClick={handleAxisLabelClick}\n                    onCloseDetail={closeDetail}\n                    containerRef={containerRef}\n                    axisLabelsRef={axisLabelsRef}\n                    spacerRef={spacerRef}\n                />\n            </main>\n        </div>\n    );\n}\n"],"names":["useRef","useState","useFilterState","useDimensionState","useZoomState","usePanning","useWheelZoom","useContainerDimensions","useEffect","useFieldExtractors","usePivotEngine","useCurrentFilters","useCurrentGroupBy","layout","useMemo","BASE_CARD_WIDTH","BASE_CARD_HEIGHT","computeLayout","CARDS_PER_COLUMN","useCallback","useAnimationModeTracking","useScrollSync","useViewModeScrollHandling","useCardSelection","useDetailPanelClose","useFilterOptions","_jsxs","_jsx","FilterPanelContainer","ToolbarContainer","PivotViewerMain"],"mappings":"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"}

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

@@ -51,7 +51,7 @@ function computeGroupedLayout(grouping, spec, positions) {
     const effectiveGroupSpacing = 0;
     const slotWidth = cardWidth + constants.CARD_GAP;
     const slotHeight = cardHeight + constants.CARD_GAP;
-    const BOTTOM_MARGIN = constants.CANVAS_PADDING;
+    const BOTTOM_MARGIN = constants.CANVAS_PADDING - constants.CARD_GAP / 2;
     const COLUMNS_PER_BUCKET = 2;
     const bucketWidth = COLUMNS_PER_BUCKET * slotWidth;
     let groupX = 0;
@@ -90,7 +90,7 @@ function computeGroupedLayout(grouping, spec, positions) {
     return {
         positions,
         totalWidth: groupX + constants.CANVAS_PADDING,
-        totalHeight: contentHeight + (constants.CANVAS_PADDING * 2),
+        totalHeight: contentHeight,
         bucketWidths,
         groupXs,
     };

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

@@ -1 +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 } = spec;\n  // Override group spacing to ensure consistent card spacing across groups\n  // We want visual gap between groups to match gap between cards (CARD_GAP)\n  const effectiveGroupSpacing = 0;\n\n  const slotWidth = cardWidth + CARD_GAP;\n  const slotHeight = cardHeight + CARD_GAP;\n  // Bottom margin matches the canvas padding for visual consistency\n  const BOTTOM_MARGIN = CANVAS_PADDING;\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 = 0;\n  // Use container height for layout, or fallback to cardsPerColumn height\n  const layoutHeight = spec.containerHeight || (cardsPerColumn * slotHeight);\n  const bucketWidths: number[] = [];\n  const groupXs: 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  // We need to fit the tallest column plus the bottom margin\n  const contentHeight = Math.max(layoutHeight, (maxRows * slotHeight) + BOTTOM_MARGIN);\n\n  for (let groupIndex = 0; groupIndex < grouping.groups.length; groupIndex++) {\n    const group = grouping.groups[groupIndex];\n    groupXs.push(groupX);\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      // Center the cards within the bucket\n      // The bucket width fits 2 slots (2W + 2G). Cards take 2W + G.\n      // So we have G/2 padding on each side to center them.\n      const x = groupX + (col * slotWidth) + (CARD_GAP / 2);\n\n      // Position cards from bottom of container, stacking upwards, starting at row 0 (bottom)\n      const y = CANVAS_PADDING + contentHeight - BOTTOM_MARGIN - ((row + 1) * slotHeight);\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 += effectiveGroupSpacing;\n    }\n  }\n\n  return {\n    positions,\n    totalWidth: groupX + CANVAS_PADDING,\n    totalHeight: contentHeight + (CANVAS_PADDING * 2),\n    bucketWidths,\n    groupXs,\n  };\n}\n"],"names":["CARD_GAP","CANVAS_PADDING"],"mappings":"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"}
+{"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 } = spec;\n  // Override group spacing to ensure consistent card spacing across groups\n  // We want visual gap between groups to match gap between cards (CARD_GAP)\n  const effectiveGroupSpacing = 0;\n\n  const slotWidth = cardWidth + CARD_GAP;\n  const slotHeight = cardHeight + CARD_GAP;\n  // Bottom gap = BOTTOM_MARGIN + CARD_GAP - CANVAS_PADDING.\n  // To match the left/right edge padding within each bucket (CARD_GAP / 2 = 5px):\n  // BOTTOM_MARGIN = CANVAS_PADDING - CARD_GAP + (CARD_GAP / 2) = CANVAS_PADDING - CARD_GAP / 2\n  const BOTTOM_MARGIN = CANVAS_PADDING - CARD_GAP / 2;\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 = 0;\n  // Use container height for layout, or fallback to cardsPerColumn height\n  const layoutHeight = spec.containerHeight || (cardsPerColumn * slotHeight);\n  const bucketWidths: number[] = [];\n  const groupXs: 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  // We need to fit the tallest column plus the bottom margin\n  const contentHeight = Math.max(layoutHeight, (maxRows * slotHeight) + BOTTOM_MARGIN);\n\n  for (let groupIndex = 0; groupIndex < grouping.groups.length; groupIndex++) {\n    const group = grouping.groups[groupIndex];\n    groupXs.push(groupX);\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      // Center the cards within the bucket\n      // The bucket width fits 2 slots (2W + 2G). Cards take 2W + G.\n      // So we have G/2 padding on each side to center them.\n      const x = groupX + (col * slotWidth) + (CARD_GAP / 2);\n\n      // Position cards from bottom of container, stacking upwards, starting at row 0 (bottom)\n      const y = CANVAS_PADDING + contentHeight - BOTTOM_MARGIN - ((row + 1) * slotHeight);\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 += effectiveGroupSpacing;\n    }\n  }\n\n  return {\n    positions,\n    totalWidth: groupX + CANVAS_PADDING,\n    totalHeight: contentHeight,\n    bucketWidths,\n    groupXs,\n  };\n}\n"],"names":["CARD_GAP","CANVAS_PADDING"],"mappings":"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"}

package/dist/cjs/PivotViewer/hooks/useCardSelection.js

@@ -6,11 +6,11 @@ var idResolution = require('../utils/idResolution.js');
 var cardPosition = require('../utils/cardPosition.js');
 var constants = require('../utils/constants.js');
 
-function useCardSelection({ data, isPanning, selectedItem, zoomLevel, viewMode, layout, containerDimensions, scrollPosition, preSelectionState, grouping, getItemId, resolveId, setZoomLevel, setIsZooming, setSelectedItem, setPreSelectionState, }) {
+function useCardSelection({ data, isPanning, selectedItem, zoomLevel, viewMode, layout, containerRef, spacerRef, containerDimensions, scrollPosition, preSelectionState, grouping, getItemId, resolveId, setZoomLevel, setIsZooming, setSelectedItem, setPreSelectionState, }) {
     return React.useCallback((item, e, id) => {
         if (isPanning)
             return;
-        const container = e.target?.closest('.pv-main')?.parentElement;
+        const container = containerRef.current;
         if (!container)
             return;
         let itemId = (id !== undefined && id !== null) ? id : resolveId(item, 0);
@@ -47,7 +47,7 @@ function useCardSelection({ data, isPanning, selectedItem, zoomLevel, viewMode,
             targetCardPosition,
             getCardPositionAtZoom: callbacks.getCardPositionAtZoom,
             getLayoutSizeAtZoom: callbacks.getLayoutSizeAtZoom,
-            spacer: container.querySelector('.pv-spacer'),
+            spacer: spacerRef.current,
             preSelectionState,
             startScrollPosition: { x: scrollPosition.x, y: scrollPosition.y },
             setZoomLevel,
@@ -58,7 +58,7 @@ function useCardSelection({ data, isPanning, selectedItem, zoomLevel, viewMode,
             zoomLevel,
             totalHeight: targetTotalHeight,
         });
-    }, [isPanning, selectedItem, zoomLevel, preSelectionState, viewMode, resolveId, setZoomLevel, layout, grouping, containerDimensions, scrollPosition, data, getItemId]);
+    }, [isPanning, selectedItem, zoomLevel, preSelectionState, viewMode, resolveId, setZoomLevel, layout, grouping, containerRef, spacerRef, containerDimensions, scrollPosition, data, getItemId]);
 }
 
 exports.useCardSelection = useCardSelection;

package/dist/cjs/PivotViewer/hooks/useCardSelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCardSelection.js","sources":["../../../../PivotViewer/hooks/useCardSelection.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 { useCallback } from 'react';\nimport { handleCardSelection } from '../utils/selection';\nimport type { Layout } from '../utils/cardPosition';\nimport type { ViewMode } from '../components/Toolbar';\nimport {\n    getCardPositionFromLayout,\n    normalizeIdToLayoutKey,\n    type CardPosition,\n} from '../utils/idResolution';\nimport { createCardPositionCallbacks } from '../utils/cardPosition';\nimport { ZOOM_MAX, MIN_ZOOM_ON_SELECT, ZOOM_MULTIPLIER, BASE_CARD_WIDTH, BASE_CARD_HEIGHT } from '../utils/constants';\n\ninterface UseCardSelectionParams<TItem extends object> {\n    data: TItem[];\n    isPanning: boolean;\n    selectedItem: TItem | null;\n    zoomLevel: number;\n    viewMode: ViewMode;\n    layout: Layout;\n    containerDimensions: { width: number; height: number };\n    scrollPosition: { x: number; y: number };\n    preSelectionState: { zoom: number; scrollLeft: number; scrollTop: number } | null;\n    grouping: unknown;\n    getItemId?: (item: TItem, index: number) => string | number;\n    resolveId: (item: TItem, index: number) => string | number;\n    setZoomLevel: (level: number) => void;\n    setIsZooming: (zooming: boolean) => void;\n    setSelectedItem: (item: TItem | null) => void;\n    setPreSelectionState: (state: { zoom: number; scrollLeft: number; scrollTop: number } | null) => void;\n}\n\nexport function useCardSelection<TItem extends object>({\n    data,\n    isPanning,\n    selectedItem,\n    zoomLevel,\n    viewMode,\n    layout,\n    containerDimensions,\n    scrollPosition,\n    preSelectionState,\n    grouping,\n    getItemId,\n    resolveId,\n    setZoomLevel,\n    setIsZooming,\n    setSelectedItem,\n    setPreSelectionState,\n}: UseCardSelectionParams<TItem>) {\n    return useCallback((item: TItem, e: MouseEvent, id?: number | string) => {\n        if (isPanning) return;\n\n        // Get container element from event target\n        const container = (e.target as Element)?.closest('.pv-main')?.parentElement as HTMLDivElement | null;\n        if (!container) return;\n\n        // Resolve item ID\n        let itemId = (id !== undefined && id !== null) ? id : resolveId(item, 0);\n        itemId = normalizeIdToLayoutKey(itemId, layout);\n\n        const selectedId = selectedItem\n            ? (() => {\n                const index = data.indexOf(selectedItem);\n                const rawSelectedId = index !== -1 ? resolveId(selectedItem, index) : resolveId(selectedItem, 0);\n                return normalizeIdToLayoutKey(rawSelectedId, layout);\n            })()\n            : null;\n\n        // Get card position from layout\n        const cardPosition = getCardPositionFromLayout(itemId, layout, BASE_CARD_WIDTH, BASE_CARD_HEIGHT);\n\n        // Calculate target position for animation\n        let targetCardPosition: CardPosition | null = null;\n        let callbacks = { getCardPositionAtZoom: null as unknown as ((zoom: number) => CardPosition | null), getLayoutSizeAtZoom: null as unknown as ((zoom: number) => { width: number; height: number }) };\n        let targetTotalHeight = layout.totalHeight;\n\n        if (viewMode === 'grouped' && cardPosition) {\n            // Calculate target zoom\n            const targetZoom = Math.min(ZOOM_MAX, Math.max(MIN_ZOOM_ON_SELECT, zoomLevel * ZOOM_MULTIPLIER));\n\n            const targetContainerWidth = containerDimensions.width / targetZoom;\n            const targetContainerHeight = containerDimensions.height;\n\n            callbacks = createCardPositionCallbacks(\n                itemId,\n                // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                grouping as unknown as any,\n                viewMode,\n                targetContainerWidth,\n                targetContainerHeight,\n            );\n\n            const targetPosition = callbacks.getCardPositionAtZoom(targetZoom);\n            if (targetPosition) {\n                targetCardPosition = targetPosition;\n            }\n\n            const targetLayout = callbacks.getLayoutSizeAtZoom(targetZoom);\n            targetTotalHeight = targetLayout.height;\n        }\n\n        handleCardSelection({\n            item,\n            itemId,\n            selectedItemId: selectedId,\n            container,\n            cardPosition,\n            targetCardPosition,\n            getCardPositionAtZoom: callbacks.getCardPositionAtZoom,\n            getLayoutSizeAtZoom: callbacks.getLayoutSizeAtZoom,\n            spacer: container.querySelector('.pv-spacer') as HTMLDivElement,\n            preSelectionState,\n            startScrollPosition: { x: scrollPosition.x, y: scrollPosition.y },\n            setZoomLevel,\n            setIsZooming,\n            setSelectedItem,\n            setPreSelectionState,\n            viewMode,\n            zoomLevel,\n            totalHeight: targetTotalHeight,\n        });\n    }, [isPanning, selectedItem, zoomLevel, preSelectionState, viewMode, resolveId, setZoomLevel, layout, grouping, containerDimensions, scrollPosition, data, getItemId]);\n}\n"],"names":["useCallback","normalizeIdToLayoutKey","cardPosition","getCardPositionFromLayout","BASE_CARD_WIDTH","BASE_CARD_HEIGHT","ZOOM_MAX","MIN_ZOOM_ON_SELECT","ZOOM_MULTIPLIER","createCardPositionCallbacks","handleCardSelection"],"mappings":"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"}
+{"version":3,"file":"useCardSelection.js","sources":["../../../../PivotViewer/hooks/useCardSelection.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 { useCallback } from 'react';\nimport type React from 'react';\nimport { handleCardSelection } from '../utils/selection';\nimport type { Layout } from '../utils/cardPosition';\nimport type { ViewMode } from '../components/Toolbar';\nimport {\n    getCardPositionFromLayout,\n    normalizeIdToLayoutKey,\n    type CardPosition,\n} from '../utils/idResolution';\nimport { createCardPositionCallbacks } from '../utils/cardPosition';\nimport { ZOOM_MAX, MIN_ZOOM_ON_SELECT, ZOOM_MULTIPLIER, BASE_CARD_WIDTH, BASE_CARD_HEIGHT } from '../utils/constants';\n\ninterface UseCardSelectionParams<TItem extends object> {\n    data: TItem[];\n    isPanning: boolean;\n    selectedItem: TItem | null;\n    zoomLevel: number;\n    viewMode: ViewMode;\n    layout: Layout;\n    containerRef: React.RefObject<HTMLDivElement | null>;\n    spacerRef: React.RefObject<HTMLDivElement | null>;\n    containerDimensions: { width: number; height: number };\n    scrollPosition: { x: number; y: number };\n    preSelectionState: { zoom: number; scrollLeft: number; scrollTop: number } | null;\n    grouping: unknown;\n    getItemId?: (item: TItem, index: number) => string | number;\n    resolveId: (item: TItem, index: number) => string | number;\n    setZoomLevel: (level: number) => void;\n    setIsZooming: (zooming: boolean) => void;\n    setSelectedItem: (item: TItem | null) => void;\n    setPreSelectionState: (state: { zoom: number; scrollLeft: number; scrollTop: number } | null) => void;\n}\n\nexport function useCardSelection<TItem extends object>({\n    data,\n    isPanning,\n    selectedItem,\n    zoomLevel,\n    viewMode,\n    layout,\n    containerRef,\n    spacerRef,\n    containerDimensions,\n    scrollPosition,\n    preSelectionState,\n    grouping,\n    getItemId,\n    resolveId,\n    setZoomLevel,\n    setIsZooming,\n    setSelectedItem,\n    setPreSelectionState,\n}: UseCardSelectionParams<TItem>) {\n    return useCallback((item: TItem, e: MouseEvent, id?: number | string) => {\n        if (isPanning) return;\n\n        // Use the containerRef directly as the scrollable viewport\n        const container = containerRef.current;\n        if (!container) return;\n\n        // Resolve item ID\n        let itemId = (id !== undefined && id !== null) ? id : resolveId(item, 0);\n        itemId = normalizeIdToLayoutKey(itemId, layout);\n\n        const selectedId = selectedItem\n            ? (() => {\n                const index = data.indexOf(selectedItem);\n                const rawSelectedId = index !== -1 ? resolveId(selectedItem, index) : resolveId(selectedItem, 0);\n                return normalizeIdToLayoutKey(rawSelectedId, layout);\n            })()\n            : null;\n\n        // Get card position from layout\n        const cardPosition = getCardPositionFromLayout(itemId, layout, BASE_CARD_WIDTH, BASE_CARD_HEIGHT);\n\n        // Calculate target position for animation\n        let targetCardPosition: CardPosition | null = null;\n        let callbacks = { getCardPositionAtZoom: null as unknown as ((zoom: number) => CardPosition | null), getLayoutSizeAtZoom: null as unknown as ((zoom: number) => { width: number; height: number }) };\n        let targetTotalHeight = layout.totalHeight;\n\n        if (viewMode === 'grouped' && cardPosition) {\n            // Calculate target zoom\n            const targetZoom = Math.min(ZOOM_MAX, Math.max(MIN_ZOOM_ON_SELECT, zoomLevel * ZOOM_MULTIPLIER));\n\n            const targetContainerWidth = containerDimensions.width / targetZoom;\n            const targetContainerHeight = containerDimensions.height;\n\n            callbacks = createCardPositionCallbacks(\n                itemId,\n                // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                grouping as unknown as any,\n                viewMode,\n                targetContainerWidth,\n                targetContainerHeight,\n            );\n\n            const targetPosition = callbacks.getCardPositionAtZoom(targetZoom);\n            if (targetPosition) {\n                targetCardPosition = targetPosition;\n            }\n\n            const targetLayout = callbacks.getLayoutSizeAtZoom(targetZoom);\n            targetTotalHeight = targetLayout.height;\n        }\n\n        handleCardSelection({\n            item,\n            itemId,\n            selectedItemId: selectedId,\n            container,\n            cardPosition,\n            targetCardPosition,\n            getCardPositionAtZoom: callbacks.getCardPositionAtZoom,\n            getLayoutSizeAtZoom: callbacks.getLayoutSizeAtZoom,\n            spacer: spacerRef.current,\n            preSelectionState,\n            startScrollPosition: { x: scrollPosition.x, y: scrollPosition.y },\n            setZoomLevel,\n            setIsZooming,\n            setSelectedItem,\n            setPreSelectionState,\n            viewMode,\n            zoomLevel,\n            totalHeight: targetTotalHeight,\n        });\n    }, [isPanning, selectedItem, zoomLevel, preSelectionState, viewMode, resolveId, setZoomLevel, layout, grouping, containerRef, spacerRef, containerDimensions, scrollPosition, data, getItemId]);\n}\n"],"names":["useCallback","normalizeIdToLayoutKey","cardPosition","getCardPositionFromLayout","BASE_CARD_WIDTH","BASE_CARD_HEIGHT","ZOOM_MAX","MIN_ZOOM_ON_SELECT","ZOOM_MULTIPLIER","createCardPositionCallbacks","handleCardSelection"],"mappings":"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"}

package/dist/cjs/PivotViewer/hooks/useDetailPanelClose.js

@@ -6,9 +6,9 @@ var idResolution = require('../utils/idResolution.js');
 var cardPosition = require('../utils/cardPosition.js');
 var constants = require('../utils/constants.js');
 
-function useDetailPanelClose({ selectedItem, preSelectionState, zoomLevel, viewMode, layout, containerDimensions, grouping, data, resolveId, setZoomLevel, setIsZooming, setSelectedItem, setPreSelectionState, }) {
+function useDetailPanelClose({ selectedItem, preSelectionState, zoomLevel, viewMode, layout, containerRef, containerDimensions, grouping, data, resolveId, setZoomLevel, setIsZooming, setSelectedItem, setPreSelectionState, }) {
     return React.useCallback(() => {
-        const container = document.querySelector('.pv-main')?.parentElement;
+        const container = containerRef.current;
         if (!container || !selectedItem) {
             setSelectedItem(null);
             return;
@@ -56,7 +56,7 @@ function useDetailPanelClose({ selectedItem, preSelectionState, zoomLevel, viewM
                 setPreSelectionState(null);
             },
         });
-    }, [preSelectionState, selectedItem, zoomLevel, viewMode, resolveId, setZoomLevel, layout, grouping, containerDimensions, data, setSelectedItem, setPreSelectionState, setIsZooming]);
+    }, [preSelectionState, selectedItem, zoomLevel, viewMode, resolveId, setZoomLevel, layout, grouping, containerRef, containerDimensions, data, setSelectedItem, setPreSelectionState, setIsZooming]);
 }
 
 exports.useDetailPanelClose = useDetailPanelClose;

package/dist/cjs/PivotViewer/hooks/useDetailPanelClose.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDetailPanelClose.js","sources":["../../../../PivotViewer/hooks/useDetailPanelClose.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 { useCallback } from 'react';\nimport { animateZoomAndScroll, smoothScrollTo } from '../utils/animations';\nimport type { Layout } from '../utils/cardPosition';\nimport type { ViewMode } from '../components/Toolbar';\nimport {\n    getCardPositionFromLayout,\n    normalizeIdToLayoutKey,\n} from '../utils/idResolution';\nimport { createCardPositionCallbacks } from '../utils/cardPosition';\nimport { BASE_CARD_WIDTH, BASE_CARD_HEIGHT } from '../utils/constants';\n\ninterface UseDetailPanelCloseParams<TItem extends object> {\n    selectedItem: TItem | null;\n    preSelectionState: { zoom: number; scrollLeft: number; scrollTop: number } | null;\n    zoomLevel: number;\n    viewMode: ViewMode;\n    layout: Layout;\n    containerDimensions: { width: number; height: number };\n    grouping: unknown;\n    data: TItem[];\n    resolveId: (item: TItem, index: number) => string | number;\n    setZoomLevel: (level: number) => void;\n    setIsZooming: (zooming: boolean) => void;\n    setSelectedItem: (item: TItem | null) => void;\n    setPreSelectionState: (state: null) => void;\n}\n\nexport function useDetailPanelClose<TItem extends object>({\n    selectedItem,\n    preSelectionState,\n    zoomLevel,\n    viewMode,\n    layout,\n    containerDimensions,\n    grouping,\n    data,\n    resolveId,\n    setZoomLevel,\n    setIsZooming,\n    setSelectedItem,\n    setPreSelectionState,\n}: UseDetailPanelCloseParams<TItem>) {\n    return useCallback(() => {\n        // Get container element\n        const container = document.querySelector('.pv-main')?.parentElement as HTMLDivElement | null;\n        if (!container || !selectedItem) {\n            setSelectedItem(null);\n            return;\n        }\n\n        // Resolve item ID\n        const index = data.indexOf(selectedItem);\n        let itemId: string | number = index !== -1 ? index : resolveId(selectedItem, 0);\n        itemId = normalizeIdToLayoutKey(itemId, layout);\n\n        // Get card position from layout\n        const cardPosition = getCardPositionFromLayout(itemId, layout, BASE_CARD_WIDTH, BASE_CARD_HEIGHT);\n\n        if (!preSelectionState) {\n            setSelectedItem(null);\n            return;\n        }\n\n        // Collection mode: just scroll back\n        if (viewMode === 'collection') {\n            setSelectedItem(null);\n            smoothScrollTo(container, preSelectionState.scrollLeft, preSelectionState.scrollTop, true);\n            setPreSelectionState(null);\n            return;\n        }\n\n        // Grouped mode: check if zoom changed\n        const zoomChanged = Math.abs(preSelectionState.zoom - zoomLevel) > 0.001;\n\n        if (!zoomChanged || !cardPosition) {\n            setSelectedItem(null);\n            smoothScrollTo(container, preSelectionState.scrollLeft, preSelectionState.scrollTop, true);\n            setPreSelectionState(null);\n            return;\n        }\n\n        // Calculate target position for animation (zooming out)\n        const targetZoom = preSelectionState.zoom;\n        const targetContainerWidth = containerDimensions.width / targetZoom;\n        const targetContainerHeight = containerDimensions.height;\n\n        const callbacks = createCardPositionCallbacks(\n            itemId,\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            grouping as unknown as any,\n            viewMode,\n            targetContainerWidth,\n            targetContainerHeight,\n        );\n\n        const targetCardPosition = callbacks.getCardPositionAtZoom(targetZoom);\n\n        setIsZooming(true);\n\n        animateZoomAndScroll({\n            container,\n            cardPosition,\n            targetCardPosition,\n            getCardPositionAtZoom: callbacks.getCardPositionAtZoom,\n            startZoom: zoomLevel,\n            targetZoom,\n            targetScrollLeft: preSelectionState.scrollLeft,\n            targetScrollTop: preSelectionState.scrollTop,\n            onUpdate: setZoomLevel,\n            onComplete: () => {\n                setIsZooming(false);\n                setSelectedItem(null);\n                setPreSelectionState(null);\n            },\n        });\n    }, [preSelectionState, selectedItem, zoomLevel, viewMode, resolveId, setZoomLevel, layout, grouping, containerDimensions, data, setSelectedItem, setPreSelectionState, setIsZooming]);\n}\n"],"names":["useCallback","normalizeIdToLayoutKey","cardPosition","getCardPositionFromLayout","BASE_CARD_WIDTH","BASE_CARD_HEIGHT","smoothScrollTo","createCardPositionCallbacks","animateZoomAndScroll"],"mappings":"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"}
+{"version":3,"file":"useDetailPanelClose.js","sources":["../../../../PivotViewer/hooks/useDetailPanelClose.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 { useCallback } from 'react';\nimport type React from 'react';\nimport { animateZoomAndScroll, smoothScrollTo } from '../utils/animations';\nimport type { Layout } from '../utils/cardPosition';\nimport type { ViewMode } from '../components/Toolbar';\nimport {\n    getCardPositionFromLayout,\n    normalizeIdToLayoutKey,\n} from '../utils/idResolution';\nimport { createCardPositionCallbacks } from '../utils/cardPosition';\nimport { BASE_CARD_WIDTH, BASE_CARD_HEIGHT } from '../utils/constants';\n\ninterface UseDetailPanelCloseParams<TItem extends object> {\n    selectedItem: TItem | null;\n    preSelectionState: { zoom: number; scrollLeft: number; scrollTop: number } | null;\n    zoomLevel: number;\n    viewMode: ViewMode;\n    layout: Layout;\n    containerRef: React.RefObject<HTMLDivElement | null>;\n    containerDimensions: { width: number; height: number };\n    grouping: unknown;\n    data: TItem[];\n    resolveId: (item: TItem, index: number) => string | number;\n    setZoomLevel: (level: number) => void;\n    setIsZooming: (zooming: boolean) => void;\n    setSelectedItem: (item: TItem | null) => void;\n    setPreSelectionState: (state: null) => void;\n}\n\nexport function useDetailPanelClose<TItem extends object>({\n    selectedItem,\n    preSelectionState,\n    zoomLevel,\n    viewMode,\n    layout,\n    containerRef,\n    containerDimensions,\n    grouping,\n    data,\n    resolveId,\n    setZoomLevel,\n    setIsZooming,\n    setSelectedItem,\n    setPreSelectionState,\n}: UseDetailPanelCloseParams<TItem>) {\n    return useCallback(() => {\n        // Use the containerRef directly as the scrollable viewport\n        const container = containerRef.current;\n        if (!container || !selectedItem) {\n            setSelectedItem(null);\n            return;\n        }\n\n        // Resolve item ID\n        const index = data.indexOf(selectedItem);\n        let itemId: string | number = index !== -1 ? index : resolveId(selectedItem, 0);\n        itemId = normalizeIdToLayoutKey(itemId, layout);\n\n        // Get card position from layout\n        const cardPosition = getCardPositionFromLayout(itemId, layout, BASE_CARD_WIDTH, BASE_CARD_HEIGHT);\n\n        if (!preSelectionState) {\n            setSelectedItem(null);\n            return;\n        }\n\n        // Collection mode: just scroll back\n        if (viewMode === 'collection') {\n            setSelectedItem(null);\n            smoothScrollTo(container, preSelectionState.scrollLeft, preSelectionState.scrollTop, true);\n            setPreSelectionState(null);\n            return;\n        }\n\n        // Grouped mode: check if zoom changed\n        const zoomChanged = Math.abs(preSelectionState.zoom - zoomLevel) > 0.001;\n\n        if (!zoomChanged || !cardPosition) {\n            setSelectedItem(null);\n            smoothScrollTo(container, preSelectionState.scrollLeft, preSelectionState.scrollTop, true);\n            setPreSelectionState(null);\n            return;\n        }\n\n        // Calculate target position for animation (zooming out)\n        const targetZoom = preSelectionState.zoom;\n        const targetContainerWidth = containerDimensions.width / targetZoom;\n        const targetContainerHeight = containerDimensions.height;\n\n        const callbacks = createCardPositionCallbacks(\n            itemId,\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            grouping as unknown as any,\n            viewMode,\n            targetContainerWidth,\n            targetContainerHeight,\n        );\n\n        const targetCardPosition = callbacks.getCardPositionAtZoom(targetZoom);\n\n        setIsZooming(true);\n\n        animateZoomAndScroll({\n            container,\n            cardPosition,\n            targetCardPosition,\n            getCardPositionAtZoom: callbacks.getCardPositionAtZoom,\n            startZoom: zoomLevel,\n            targetZoom,\n            targetScrollLeft: preSelectionState.scrollLeft,\n            targetScrollTop: preSelectionState.scrollTop,\n            onUpdate: setZoomLevel,\n            onComplete: () => {\n                setIsZooming(false);\n                setSelectedItem(null);\n                setPreSelectionState(null);\n            },\n        });\n    }, [preSelectionState, selectedItem, zoomLevel, viewMode, resolveId, setZoomLevel, layout, grouping, containerRef, containerDimensions, data, setSelectedItem, setPreSelectionState, setIsZooming]);\n}\n"],"names":["useCallback","normalizeIdToLayoutKey","cardPosition","getCardPositionFromLayout","BASE_CARD_WIDTH","BASE_CARD_HEIGHT","smoothScrollTo","createCardPositionCallbacks","animateZoomAndScroll"],"mappings":"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"}

package/dist/cjs/PivotViewer/hooks/useWheelZoom.js

@@ -16,7 +16,14 @@ function useWheelZoom(containerRef, zoomLevel, setZoomLevel) {
             const cursorY = e.clientY - rect.top;
             const scrollX = container.scrollLeft;
             const scrollY = container.scrollTop;
-            const delta = -e.deltaY * 0.01;
+            let factor;
+            if (e.deltaMode === 1) {
+                factor = 0.12;
+            }
+            else {
+                factor = 0.01;
+            }
+            const delta = -e.deltaY * factor;
             const newZoom = Math.max(utils.ZOOM_MIN, Math.min(utils.ZOOM_MAX, zoomLevel + delta));
             const zoomRatio = newZoom / zoomLevel;
             const newScrollLeft = (scrollX + cursorX) * zoomRatio - cursorX;

package/dist/cjs/PivotViewer/hooks/useWheelZoom.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWheelZoom.js","sources":["../../../../PivotViewer/hooks/useWheelZoom.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 { useCallback, useEffect } from 'react';\nimport { ZOOM_MIN, ZOOM_MAX } from '../utils/utils';\n\nexport function useWheelZoom(\n  containerRef: React.RefObject<HTMLDivElement | null>,\n  zoomLevel: number,\n  setZoomLevel: (zoom: number) => void\n) {\n  const handleWheel = useCallback((e: WheelEvent) => {\n    if (e.ctrlKey || e.metaKey) {\n      e.preventDefault();\n\n      const container = containerRef.current;\n      if (!container) return;\n\n      container.style.scrollBehavior = 'auto';\n\n      const rect = container.getBoundingClientRect();\n      const cursorX = e.clientX - rect.left;\n      const cursorY = e.clientY - rect.top;\n      const scrollX = container.scrollLeft;\n      const scrollY = container.scrollTop;\n\n      const delta = -e.deltaY * 0.01;\n      const newZoom = Math.max(ZOOM_MIN, Math.min(ZOOM_MAX, zoomLevel + delta));\n      const zoomRatio = newZoom / zoomLevel;\n\n      const newScrollLeft = (scrollX + cursorX) * zoomRatio - cursorX;\n      const newScrollTop = (scrollY + cursorY) * zoomRatio - cursorY;\n\n      setZoomLevel(newZoom);\n\n      setTimeout(() => {\n        container.scrollLeft = Math.max(0, newScrollLeft);\n        container.scrollTop = Math.max(0, newScrollTop);\n        setTimeout(() => {\n          container.style.scrollBehavior = '';\n        }, 50);\n      }, 0);\n    }\n  }, [zoomLevel, setZoomLevel, containerRef]);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    container.addEventListener('wheel', handleWheel, { passive: false });\n\n    let lastTouchDistance = 0;\n    let currentZoom = zoomLevel;\n\n    const handleTouchStart = (e: TouchEvent) => {\n      if (e.touches.length === 2) {\n        const dx = e.touches[0].clientX - e.touches[1].clientX;\n        const dy = e.touches[0].clientY - e.touches[1].clientY;\n        lastTouchDistance = Math.sqrt(dx * dx + dy * dy);\n        currentZoom = zoomLevel;\n      }\n    };\n\n    const handleTouchMove = (e: TouchEvent) => {\n      if (e.touches.length === 2) {\n        e.preventDefault();\n        const dx = e.touches[0].clientX - e.touches[1].clientX;\n        const dy = e.touches[0].clientY - e.touches[1].clientY;\n        const distance = Math.sqrt(dx * dx + dy * dy);\n\n        const centerX = (e.touches[0].clientX + e.touches[1].clientX) / 2;\n        const centerY = (e.touches[0].clientY + e.touches[1].clientY) / 2;\n        const rect = container.getBoundingClientRect();\n        const cursorX = centerX - rect.left;\n        const cursorY = centerY - rect.top;\n\n        if (lastTouchDistance > 0) {\n          const scale = distance / lastTouchDistance;\n          const newZoom = Math.max(ZOOM_MIN, Math.min(ZOOM_MAX, currentZoom * scale));\n          const zoomRatio = newZoom / zoomLevel;\n\n          const contentX = container.scrollLeft + cursorX;\n          const contentY = container.scrollTop + cursorY;\n\n          const newScrollLeft = contentX * zoomRatio - cursorX;\n          const newScrollTop = contentY * zoomRatio - cursorY;\n\n          setZoomLevel(newZoom);\n\n          requestAnimationFrame(() => {\n            container.scrollLeft = Math.max(0, newScrollLeft);\n            container.scrollTop = Math.max(0, newScrollTop);\n          });\n        }\n        lastTouchDistance = distance;\n      }\n    };\n\n    const handleTouchEnd = () => {\n      lastTouchDistance = 0;\n    };\n\n    container.addEventListener('touchstart', handleTouchStart, { passive: true });\n    container.addEventListener('touchmove', handleTouchMove, { passive: false });\n    container.addEventListener('touchend', handleTouchEnd, { passive: true });\n\n    return () => {\n      container.removeEventListener('wheel', handleWheel);\n      container.removeEventListener('touchstart', handleTouchStart);\n      container.removeEventListener('touchmove', handleTouchMove);\n      container.removeEventListener('touchend', handleTouchEnd);\n    };\n  }, [handleWheel, zoomLevel, setZoomLevel, containerRef]);\n}\n"],"names":["useCallback","ZOOM_MIN","ZOOM_MAX","useEffect"],"mappings":"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"}
+{"version":3,"file":"useWheelZoom.js","sources":["../../../../PivotViewer/hooks/useWheelZoom.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 { useCallback, useEffect } from 'react';\nimport { ZOOM_MIN, ZOOM_MAX } from '../utils/utils';\n\nexport function useWheelZoom(\n  containerRef: React.RefObject<HTMLDivElement | null>,\n  zoomLevel: number,\n  setZoomLevel: (zoom: number) => void\n) {\n  const handleWheel = useCallback((e: WheelEvent) => {\n    if (e.ctrlKey || e.metaKey) {\n      e.preventDefault();\n\n      const container = containerRef.current;\n      if (!container) return;\n\n      container.style.scrollBehavior = 'auto';\n\n      const rect = container.getBoundingClientRect();\n      const cursorX = e.clientX - rect.left;\n      const cursorY = e.clientY - rect.top;\n      const scrollX = container.scrollLeft;\n      const scrollY = container.scrollTop;\n\n      // Normalize delta based on deltaMode:\n      //   0 = DOM_DELTA_PIXEL  (trackpad pinch — deltaY is in pixels, small values)\n      //   1 = DOM_DELTA_LINE   (mouse wheel   — deltaY is in lines, typically 3)\n      //   2 = DOM_DELTA_PAGE   (rare, treated same as pixel for safety)\n      let factor: number;\n      if (e.deltaMode === 1) {\n        factor = 0.12; // line-mode: each \"line\" gives a noticeable zoom step\n      } else {\n        factor = 0.01; // pixel-mode (trackpad pinch) and page-mode: fast zoom step\n      }\n      const delta = -e.deltaY * factor;\n      const newZoom = Math.max(ZOOM_MIN, Math.min(ZOOM_MAX, zoomLevel + delta));\n      const zoomRatio = newZoom / zoomLevel;\n\n      const newScrollLeft = (scrollX + cursorX) * zoomRatio - cursorX;\n      const newScrollTop = (scrollY + cursorY) * zoomRatio - cursorY;\n\n      setZoomLevel(newZoom);\n\n      setTimeout(() => {\n        container.scrollLeft = Math.max(0, newScrollLeft);\n        container.scrollTop = Math.max(0, newScrollTop);\n        setTimeout(() => {\n          container.style.scrollBehavior = '';\n        }, 50);\n      }, 0);\n    }\n  }, [zoomLevel, setZoomLevel, containerRef]);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    container.addEventListener('wheel', handleWheel, { passive: false });\n\n    let lastTouchDistance = 0;\n    let currentZoom = zoomLevel;\n\n    const handleTouchStart = (e: TouchEvent) => {\n      if (e.touches.length === 2) {\n        const dx = e.touches[0].clientX - e.touches[1].clientX;\n        const dy = e.touches[0].clientY - e.touches[1].clientY;\n        lastTouchDistance = Math.sqrt(dx * dx + dy * dy);\n        currentZoom = zoomLevel;\n      }\n    };\n\n    const handleTouchMove = (e: TouchEvent) => {\n      if (e.touches.length === 2) {\n        e.preventDefault();\n        const dx = e.touches[0].clientX - e.touches[1].clientX;\n        const dy = e.touches[0].clientY - e.touches[1].clientY;\n        const distance = Math.sqrt(dx * dx + dy * dy);\n\n        const centerX = (e.touches[0].clientX + e.touches[1].clientX) / 2;\n        const centerY = (e.touches[0].clientY + e.touches[1].clientY) / 2;\n        const rect = container.getBoundingClientRect();\n        const cursorX = centerX - rect.left;\n        const cursorY = centerY - rect.top;\n\n        if (lastTouchDistance > 0) {\n          const scale = distance / lastTouchDistance;\n          const newZoom = Math.max(ZOOM_MIN, Math.min(ZOOM_MAX, currentZoom * scale));\n          const zoomRatio = newZoom / zoomLevel;\n\n          const contentX = container.scrollLeft + cursorX;\n          const contentY = container.scrollTop + cursorY;\n\n          const newScrollLeft = contentX * zoomRatio - cursorX;\n          const newScrollTop = contentY * zoomRatio - cursorY;\n\n          setZoomLevel(newZoom);\n\n          requestAnimationFrame(() => {\n            container.scrollLeft = Math.max(0, newScrollLeft);\n            container.scrollTop = Math.max(0, newScrollTop);\n          });\n        }\n        lastTouchDistance = distance;\n      }\n    };\n\n    const handleTouchEnd = () => {\n      lastTouchDistance = 0;\n    };\n\n    container.addEventListener('touchstart', handleTouchStart, { passive: true });\n    container.addEventListener('touchmove', handleTouchMove, { passive: false });\n    container.addEventListener('touchend', handleTouchEnd, { passive: true });\n\n    return () => {\n      container.removeEventListener('wheel', handleWheel);\n      container.removeEventListener('touchstart', handleTouchStart);\n      container.removeEventListener('touchmove', handleTouchMove);\n      container.removeEventListener('touchend', handleTouchEnd);\n    };\n  }, [handleWheel, zoomLevel, setZoomLevel, containerRef]);\n}\n"],"names":["useCallback","ZOOM_MIN","ZOOM_MAX","useEffect"],"mappings":"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"}