@cratis/components 0.1.9

package/dist/cjs/PivotViewer/PivotViewer.js

@@ -0,0 +1,525 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var usePivotEngine = require('./hooks/usePivotEngine.js');
+var layout = require('./engine/layout.js');
+var useFilterState = require('./hooks/useFilterState.js');
+var useDimensionState = require('./hooks/useDimensionState.js');
+var useZoomState = require('./hooks/useZoomState.js');
+var selection = require('./utils/selection.js');
+var animations = require('./utils/animations.js');
+var constants = require('./constants.js');
+var constants$1 = require('./utils/constants.js');
+require('./PivotViewer.css');
+var PivotViewerMain = require('./components/PivotViewerMain.js');
+var FilterPanelContainer = require('./components/FilterPanelContainer.js');
+var ToolbarContainer = require('./components/ToolbarContainer.js');
+var useFilterOptions = require('./hooks/useFilterOptions.js');
+var usePanning = require('./hooks/usePanning.js');
+var useWheelZoom = require('./hooks/useWheelZoom.js');
+require('react-dom');
+var useContainerDimensions = require('./hooks/useContainerDimensions.js');
+
+function PivotViewer({ data, dimensions, filters, defaultDimensionKey, cardRenderer, getItemId, searchFields, className, emptyContent, isLoading = false, }) {
+    const containerRef = React.useRef(null);
+    const filterButtonRef = React.useRef(null);
+    const axisLabelsRef = React.useRef(null);
+    const spacerRef = React.useRef(null);
+    const [search, setSearch] = React.useState('');
+    const [viewMode, setViewMode] = React.useState('collection');
+    const [filtersOpen, setFiltersOpen] = React.useState(false);
+    const [selectedItem, setSelectedItem] = React.useState(null);
+    const [isZooming, setIsZooming] = React.useState(false);
+    const [visibleIds, setVisibleIds] = React.useState(new Uint32Array(0));
+    const [grouping, setGrouping] = React.useState({ groups: [] });
+    const [hoveredGroupIndex, setHoveredGroupIndex] = React.useState(null);
+    const [preSelectionState, setPreSelectionState] = React.useState(null);
+    const [, setAnimationMode] = React.useState('layout');
+    const [scrollPosition, setScrollPosition] = React.useState({ x: 0, y: 0 });
+    const { filterState, rangeFilterState, expandedFilterKey, setExpandedFilterKey, handleToggleFilter, handleClearFilter, handleRangeChange, } = useFilterState.useFilterState(filters);
+    const { activeDimensionKey, setActiveDimensionKey, activeDimension, dimensionFilter, handleAxisLabelClick, } = useDimensionState.useDimensionState(dimensions, defaultDimensionKey);
+    const prevFilterStateRef = React.useRef(filterState);
+    const prevRangeFilterStateRef = React.useRef(rangeFilterState);
+    const prevSearchRef = React.useRef(search);
+    const prevDimensionRef = React.useRef(activeDimensionKey);
+    const prevViewModeRef = React.useRef(viewMode);
+    const isFirstRenderRef = React.useRef(true);
+    const { zoomLevel, setZoomLevel, handleZoomIn, handleZoomOut, handleZoomSlider, } = useZoomState.useZoomState(1);
+    const { isPanning, handlePanStart, handlePanMove, handlePanEnd, } = usePanning.usePanning(containerRef, undefined, setScrollPosition);
+    useWheelZoom.useWheelZoom(containerRef, zoomLevel, setZoomLevel);
+    const containerDimensions = useContainerDimensions.useContainerDimensions(containerRef, isLoading);
+    React.useEffect(() => {
+        const container = containerRef.current;
+        if (!container)
+            return;
+        const handleScroll = () => {
+            setScrollPosition({
+                x: container.scrollLeft,
+                y: container.scrollTop,
+            });
+        };
+        container.addEventListener('scroll', handleScroll);
+        return () => container.removeEventListener('scroll', handleScroll);
+    }, []);
+    React.useEffect(() => {
+        if (isFirstRenderRef.current) {
+            isFirstRenderRef.current = false;
+            return;
+        }
+        const filterChanged = prevFilterStateRef.current !== filterState;
+        const rangeChanged = prevRangeFilterStateRef.current !== rangeFilterState;
+        const searchChanged = prevSearchRef.current !== search;
+        const dimensionChanged = prevDimensionRef.current !== activeDimensionKey;
+        const viewModeChanged = prevViewModeRef.current !== viewMode;
+        if (filterChanged || rangeChanged || searchChanged) {
+            setAnimationMode('filter');
+        }
+        else if (dimensionChanged || viewModeChanged) {
+            setAnimationMode('layout');
+        }
+        prevFilterStateRef.current = filterState;
+        prevRangeFilterStateRef.current = rangeFilterState;
+        prevSearchRef.current = search;
+        prevDimensionRef.current = activeDimensionKey;
+        prevViewModeRef.current = viewMode;
+    }, [filterState, rangeFilterState, search, activeDimensionKey, viewMode]);
+    React.useEffect(() => {
+        const container = containerRef.current;
+        const axisLabels = axisLabelsRef.current;
+        if (!container || !axisLabels || viewMode !== 'grouped')
+            return;
+        const handleScroll = () => {
+            axisLabels.scrollLeft = container.scrollLeft;
+        };
+        handleScroll();
+        container.addEventListener('scroll', handleScroll);
+        return () => container.removeEventListener('scroll', handleScroll);
+    }, [viewMode]);
+    const fieldExtractors = React.useMemo(() => {
+        const extractors = new Map();
+        for (const dim of dimensions) {
+            extractors.set(dim.key, (item) => {
+                const val = dim.getValue(item);
+                if (val instanceof Date)
+                    return val.getTime();
+                if (typeof val === 'string' || typeof val === 'number' || typeof val === 'boolean' || val === null) {
+                    return val;
+                }
+                return String(val);
+            });
+        }
+        if (filters) {
+            for (const filter of filters) {
+                extractors.set(filter.key, (item) => {
+                    const val = filter.getValue(item);
+                    if (val instanceof Date)
+                        return val.getTime();
+                    if (typeof val === 'string' || typeof val === 'number' || typeof val === 'boolean' || val === null) {
+                        return val;
+                    }
+                    return String(val);
+                });
+            }
+        }
+        return extractors;
+    }, [dimensions, filters]);
+    const indexFields = React.useMemo(() => {
+        const fields = new Set();
+        for (const dim of dimensions) {
+            fields.add(dim.key);
+        }
+        if (filters) {
+            for (const filter of filters) {
+                fields.add(filter.key);
+            }
+        }
+        return Array.from(fields);
+    }, [dimensions, filters]);
+    const { ready, applyFilters: engineApplyFilters, computeGrouping, sortIds } = usePivotEngine.usePivotEngine({
+        data,
+        fieldExtractors,
+        indexFields,
+    });
+    const currentFilters = React.useMemo(() => {
+        const specs = [];
+        const searchTerm = search.trim().toLowerCase();
+        if (searchTerm && searchFields && searchFields.length > 0) ;
+        for (const [key, values] of Object.entries(filterState)) {
+            const valueSet = values;
+            if (valueSet.size > 0) {
+                specs.push({
+                    field: key,
+                    type: 'categorical',
+                    values: valueSet,
+                });
+            }
+        }
+        for (const [key, range] of Object.entries(rangeFilterState)) {
+            if (range && (range[0] !== null || range[1] !== null)) {
+                const min = range[0] ?? -Infinity;
+                const max = range[1] ?? Infinity;
+                specs.push({
+                    field: key,
+                    type: 'numeric',
+                    range: { min, max },
+                });
+            }
+        }
+        if (dimensionFilter && activeDimension) {
+            specs.push({
+                field: activeDimension.key,
+                type: 'categorical',
+                values: new Set([dimensionFilter]),
+            });
+        }
+        return specs;
+    }, [filterState, rangeFilterState, search, searchFields, dimensionFilter, activeDimension]);
+    const currentGroupBy = React.useMemo(() => {
+        return {
+            field: activeDimensionKey || dimensions[0]?.key || '',
+            buckets: 10,
+        };
+    }, [activeDimensionKey, dimensions]);
+    React.useEffect(() => {
+        if (!ready)
+            return;
+        engineApplyFilters(currentFilters).then((result) => {
+            setVisibleIds(result.visibleIds);
+        });
+    }, [ready, currentFilters, engineApplyFilters]);
+    React.useEffect(() => {
+        if (!ready || visibleIds.length === 0) {
+            setGrouping({ groups: [] });
+            return;
+        }
+        if (viewMode === 'collection') {
+            if (activeDimensionKey) {
+                sortIds(visibleIds, activeDimensionKey).then((sortedIds) => {
+                    setGrouping({
+                        groups: [{
+                                key: 'all',
+                                label: 'All Items',
+                                value: 'all',
+                                ids: sortedIds,
+                                count: sortedIds.length
+                            }]
+                    });
+                });
+            }
+            else {
+                setGrouping({
+                    groups: [{
+                            key: 'all',
+                            label: 'All Items',
+                            value: 'all',
+                            ids: visibleIds,
+                            count: visibleIds.length
+                        }]
+                });
+            }
+            return;
+        }
+        computeGrouping(visibleIds, currentGroupBy).then((result) => {
+            setGrouping(result);
+        });
+    }, [ready, visibleIds, currentGroupBy, viewMode, computeGrouping, sortIds, activeDimensionKey]);
+    const layout$1 = React.useMemo(() => {
+        const cardWidth = constants.BASE_CARD_WIDTH;
+        const cardHeight = constants.BASE_CARD_HEIGHT;
+        const containerWidth = containerDimensions.width / zoomLevel;
+        const containerHeight = viewMode === 'collection'
+            ? containerDimensions.height / zoomLevel
+            : containerDimensions.height;
+        const result = layout.computeLayout(grouping, {
+            viewMode,
+            cardWidth,
+            cardHeight,
+            cardsPerColumn: constants.CARDS_PER_COLUMN,
+            groupSpacing: constants.GROUP_SPACING,
+            containerWidth,
+            containerHeight,
+        });
+        return result;
+    }, [grouping, viewMode, zoomLevel, containerDimensions.width, containerDimensions.height]);
+    const resolveId = React.useCallback((item, index) => {
+        if (getItemId) {
+            const id = getItemId(item, index);
+            return typeof id === 'number' ? id : index;
+        }
+        const id = item['id'];
+        return typeof id === 'number' ? id : index;
+    }, [getItemId]);
+    const lastProcessedViewMode = React.useRef(viewMode);
+    const lastProcessedGrouping = React.useRef(grouping);
+    React.useEffect(() => {
+        const viewModeChanged = lastProcessedViewMode.current !== viewMode;
+        const groupingChanged = lastProcessedGrouping.current !== grouping;
+        if (!viewModeChanged && !groupingChanged)
+            return;
+        lastProcessedViewMode.current = viewMode;
+        lastProcessedGrouping.current = grouping;
+        const container = containerRef.current;
+        if (!container)
+            return;
+        if (selectedItem) {
+            let itemId = resolveId(selectedItem, 0);
+            if (typeof itemId === 'string' && !layout$1.positions.has(itemId)) {
+                const numId = Number(itemId);
+                if (!isNaN(numId) && layout$1.positions.has(numId))
+                    itemId = numId;
+            }
+            else if (typeof itemId === 'number' && !layout$1.positions.has(itemId)) {
+                const strId = String(itemId);
+                if (layout$1.positions.has(strId))
+                    itemId = strId;
+            }
+            const position = layout$1.positions.get(itemId);
+            if (position) {
+                const cardPosition = {
+                    x: position.x,
+                    y: position.y,
+                    width: constants.BASE_CARD_WIDTH,
+                    height: constants.BASE_CARD_HEIGHT
+                };
+                const detailWidth = viewMode === 'collection' ? 0 : constants$1.DETAIL_PANEL_WIDTH;
+                const { scrollLeft, scrollTop } = animations.calculateCenterScrollPosition(container, cardPosition, zoomLevel, detailWidth, layout$1.totalHeight);
+                container.scrollTo({ left: scrollLeft, top: scrollTop });
+                setPreSelectionState(null);
+            }
+        }
+        else if (viewMode === 'grouped') {
+            setTimeout(() => {
+                container.scrollTop = container.scrollHeight;
+                setScrollPosition({ x: container.scrollLeft, y: container.scrollTop });
+            }, 0);
+        }
+    }, [viewMode, grouping, layout$1, selectedItem, resolveId, zoomLevel]);
+    const handleCardClick = React.useCallback((item, e, id) => {
+        if (isPanning)
+            return;
+        const container = containerRef.current;
+        if (!container)
+            return;
+        let itemId = (id !== undefined && id !== null) ? id : resolveId(item, 0);
+        if (typeof itemId === 'string' && !layout$1.positions.has(itemId)) {
+            const numId = Number(itemId);
+            if (!isNaN(numId) && layout$1.positions.has(numId)) {
+                itemId = numId;
+            }
+        }
+        else if (typeof itemId === 'number' && !layout$1.positions.has(itemId)) {
+            const strId = String(itemId);
+            if (layout$1.positions.has(strId)) {
+                itemId = strId;
+            }
+        }
+        const selectedId = selectedItem ? (data.indexOf(selectedItem) !== -1 ? data.indexOf(selectedItem) : resolveId(selectedItem, 0)) : null;
+        const position = layout$1.positions.get(itemId);
+        const cardPosition = position ? {
+            x: position.x,
+            y: position.y,
+            width: constants.BASE_CARD_WIDTH,
+            height: constants.BASE_CARD_HEIGHT
+        } : null;
+        let targetCardPosition = null;
+        let getCardPositionAtZoom = undefined;
+        let targetTotalHeight = layout$1.totalHeight;
+        if (viewMode === 'grouped' && cardPosition) {
+            const targetZoom = Math.min(constants$1.ZOOM_MAX, Math.max(constants$1.MIN_ZOOM_ON_SELECT, zoomLevel * constants$1.ZOOM_MULTIPLIER));
+            const targetContainerWidth = containerDimensions.width / targetZoom;
+            const targetContainerHeight = containerDimensions.height;
+            const targetLayout = layout.computeLayout(grouping, {
+                viewMode,
+                cardWidth: constants.BASE_CARD_WIDTH,
+                cardHeight: constants.BASE_CARD_HEIGHT,
+                cardsPerColumn: constants.CARDS_PER_COLUMN,
+                groupSpacing: constants.GROUP_SPACING,
+                containerWidth: targetContainerWidth,
+                containerHeight: targetContainerHeight,
+            });
+            targetTotalHeight = targetLayout.totalHeight;
+            const targetPos = targetLayout.positions.get(itemId);
+            if (targetPos) {
+                targetCardPosition = {
+                    x: targetPos.x,
+                    y: targetPos.y,
+                    width: constants.BASE_CARD_WIDTH,
+                    height: constants.BASE_CARD_HEIGHT
+                };
+            }
+            getCardPositionAtZoom = (zoom) => {
+                const currentContainerWidth = containerDimensions.width / zoom;
+                const currentContainerHeight = containerDimensions.height;
+                const currentLayout = layout.computeLayout(grouping, {
+                    viewMode,
+                    cardWidth: constants.BASE_CARD_WIDTH,
+                    cardHeight: constants.BASE_CARD_HEIGHT,
+                    cardsPerColumn: constants.CARDS_PER_COLUMN,
+                    groupSpacing: constants.GROUP_SPACING,
+                    containerWidth: currentContainerWidth,
+                    containerHeight: currentContainerHeight,
+                });
+                const pos = currentLayout.positions.get(itemId);
+                return pos ? { x: pos.x, y: pos.y, width: constants.BASE_CARD_WIDTH, height: constants.BASE_CARD_HEIGHT } : null;
+            };
+        }
+        const getLayoutSizeAtZoom = (zoom) => {
+            if (viewMode === 'collection') {
+                return { width: layout$1.totalWidth, height: layout$1.totalHeight };
+            }
+            const currentContainerWidth = containerDimensions.width / zoom;
+            const currentContainerHeight = containerDimensions.height;
+            const currentLayout = layout.computeLayout(grouping, {
+                viewMode,
+                cardWidth: constants.BASE_CARD_WIDTH,
+                cardHeight: constants.BASE_CARD_HEIGHT,
+                cardsPerColumn: constants.CARDS_PER_COLUMN,
+                groupSpacing: constants.GROUP_SPACING,
+                containerWidth: currentContainerWidth,
+                containerHeight: currentContainerHeight,
+            });
+            return { width: currentLayout.totalWidth, height: currentLayout.totalHeight };
+        };
+        selection.handleCardSelection({
+            item,
+            itemId,
+            selectedItemId: selectedId,
+            container,
+            cardPosition,
+            targetCardPosition,
+            getCardPositionAtZoom,
+            getLayoutSizeAtZoom,
+            spacer: spacerRef.current,
+            preSelectionState,
+            startScrollPosition: { x: scrollPosition.x, y: scrollPosition.y },
+            setZoomLevel,
+            setIsZooming,
+            setSelectedItem,
+            setPreSelectionState,
+            viewMode,
+            zoomLevel,
+            totalHeight: targetTotalHeight,
+        });
+    }, [isPanning, selectedItem, zoomLevel, preSelectionState, viewMode, resolveId, setZoomLevel, layout$1, grouping, containerDimensions, scrollPosition]);
+    const closeDetail = React.useCallback(() => {
+        const container = containerRef.current;
+        if (!container || !selectedItem) {
+            setSelectedItem(null);
+            return;
+        }
+        const index = data.indexOf(selectedItem);
+        let itemId = index !== -1 ? index : resolveId(selectedItem, 0);
+        if (typeof itemId === 'string' && !layout$1.positions.has(itemId)) {
+            const numId = Number(itemId);
+            if (!isNaN(numId) && layout$1.positions.has(numId)) {
+                itemId = numId;
+            }
+        }
+        else if (typeof itemId === 'number' && !layout$1.positions.has(itemId)) {
+            const strId = String(itemId);
+            if (layout$1.positions.has(strId)) {
+                itemId = strId;
+            }
+        }
+        const position = layout$1.positions.get(itemId);
+        const cardPosition = position ? {
+            x: position.x,
+            y: position.y,
+            width: constants.BASE_CARD_WIDTH,
+            height: constants.BASE_CARD_HEIGHT
+        } : null;
+        if (!preSelectionState) {
+            setSelectedItem(null);
+            return;
+        }
+        if (viewMode === 'collection') {
+            setSelectedItem(null);
+            animations.smoothScrollTo(container, preSelectionState.scrollLeft, preSelectionState.scrollTop, true);
+            setPreSelectionState(null);
+            return;
+        }
+        const zoomChanged = Math.abs(preSelectionState.zoom - zoomLevel) > 0.001;
+        if (!zoomChanged || !cardPosition) {
+            setSelectedItem(null);
+            animations.smoothScrollTo(container, preSelectionState.scrollLeft, preSelectionState.scrollTop, true);
+            setPreSelectionState(null);
+            return;
+        }
+        let targetCardPosition = null;
+        let getCardPositionAtZoom = undefined;
+        if (viewMode === 'grouped') {
+            const targetZoom = preSelectionState.zoom;
+            const targetContainerWidth = containerDimensions.width / targetZoom;
+            const targetContainerHeight = containerDimensions.height;
+            const targetLayout = layout.computeLayout(grouping, {
+                viewMode,
+                cardWidth: constants.BASE_CARD_WIDTH,
+                cardHeight: constants.BASE_CARD_HEIGHT,
+                cardsPerColumn: constants.CARDS_PER_COLUMN,
+                groupSpacing: constants.GROUP_SPACING,
+                containerWidth: targetContainerWidth,
+                containerHeight: targetContainerHeight,
+            });
+            const targetPos = targetLayout.positions.get(itemId);
+            if (targetPos) {
+                targetCardPosition = {
+                    x: targetPos.x,
+                    y: targetPos.y,
+                    width: constants.BASE_CARD_WIDTH,
+                    height: constants.BASE_CARD_HEIGHT
+                };
+            }
+            getCardPositionAtZoom = (zoom) => {
+                const currentContainerWidth = containerDimensions.width / zoom;
+                const currentContainerHeight = containerDimensions.height;
+                const currentLayout = layout.computeLayout(grouping, {
+                    viewMode,
+                    cardWidth: constants.BASE_CARD_WIDTH,
+                    cardHeight: constants.BASE_CARD_HEIGHT,
+                    cardsPerColumn: constants.CARDS_PER_COLUMN,
+                    groupSpacing: constants.GROUP_SPACING,
+                    containerWidth: currentContainerWidth,
+                    containerHeight: currentContainerHeight,
+                });
+                const pos = currentLayout.positions.get(itemId);
+                return pos ? { x: pos.x, y: pos.y, width: constants.BASE_CARD_WIDTH, height: constants.BASE_CARD_HEIGHT } : null;
+            };
+        }
+        setIsZooming(true);
+        animations.animateZoomAndScroll({
+            container,
+            cardPosition,
+            targetCardPosition,
+            getCardPositionAtZoom,
+            startZoom: zoomLevel,
+            targetZoom: preSelectionState.zoom,
+            targetScrollLeft: preSelectionState.scrollLeft,
+            targetScrollTop: preSelectionState.scrollTop,
+            onUpdate: setZoomLevel,
+            onComplete: () => {
+                setIsZooming(false);
+                setSelectedItem(null);
+                setPreSelectionState(null);
+            },
+        });
+    }, [preSelectionState, selectedItem, zoomLevel, viewMode, resolveId, setZoomLevel, layout$1, grouping, containerDimensions]);
+    const cardWidth = constants.BASE_CARD_WIDTH;
+    const cardHeight = constants.BASE_CARD_HEIGHT;
+    const filterOptions = useFilterOptions.useFilterOptions(data, filters, filterState, rangeFilterState);
+    const hasFilters = Boolean(filters && filters.length > 0);
+    const activeFilterCount = Object.values(filterState).reduce((sum, vals) => sum + vals.size, 0) +
+        Object.values(rangeFilterState).filter(r => r !== null).length;
+    const viewerClassName = [
+        'pivot-viewer',
+        className,
+        hasFilters ? (filtersOpen ? 'filters-open' : 'filters-closed') : 'no-filters',
+        viewMode === 'grouped' ? 'bucket-mode' : 'collection-mode',
+    ]
+        .filter(Boolean)
+        .join(' ');
+    return (jsxRuntime.jsxs("div", { className: viewerClassName, children: [jsxRuntime.jsx(FilterPanelContainer.FilterPanelContainer, { isOpen: filtersOpen && hasFilters, search: search, filterState: filterState, rangeFilterState: rangeFilterState, expandedFilterKey: expandedFilterKey, filterOptions: filterOptions, anchorRef: filterButtonRef, onClose: () => setFiltersOpen(false), onSearchChange: setSearch, onFilterToggle: handleToggleFilter, onFilterClear: handleClearFilter, onRangeChange: handleRangeChange, onExpandedFilterChange: setExpandedFilterKey }), jsxRuntime.jsxs("main", { className: "pv-main", children: [jsxRuntime.jsx(ToolbarContainer.ToolbarContainer, { hasFilters: hasFilters, filtersOpen: filtersOpen, filteredCount: visibleIds.length, viewMode: viewMode, zoomLevel: zoomLevel, activeDimensionKey: activeDimensionKey, dimensions: dimensions, activeFilterCount: activeFilterCount, onFiltersToggle: () => setFiltersOpen((prev) => !prev), onViewModeChange: setViewMode, onZoomIn: handleZoomIn, onZoomOut: handleZoomOut, onZoomSlider: handleZoomSlider, onDimensionChange: setActiveDimensionKey, filterButtonRef: filterButtonRef }), jsxRuntime.jsx(PivotViewerMain.PivotViewerMain, { data: data, ready: ready, isLoading: isLoading, visibleIds: visibleIds, grouping: grouping, layout: layout$1, cardWidth: cardWidth, cardHeight: cardHeight, zoomLevel: zoomLevel, scrollPosition: scrollPosition, containerDimensions: containerDimensions, selectedItem: selectedItem, hoveredGroupIndex: hoveredGroupIndex, isZooming: isZooming, viewMode: viewMode, cardRenderer: cardRenderer, resolveId: resolveId, emptyContent: emptyContent, dimensionFilter: dimensionFilter, onCardClick: handleCardClick, onPanStart: handlePanStart, onPanMove: handlePanMove, onPanEnd: handlePanEnd, onGroupHover: setHoveredGroupIndex, onAxisLabelClick: handleAxisLabelClick, onCloseDetail: closeDetail, containerRef: containerRef, axisLabelsRef: axisLabelsRef, spacerRef: spacerRef })] })] }));
+}
+
+exports.PivotViewer = PivotViewer;
+//# sourceMappingURL=PivotViewer.js.map

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

@@ -0,0 +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 { FilterSpec, GroupSpec, FieldValue, GroupingResult, ItemId } 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 { handleCardSelection } from './utils/selection';\nimport { animateZoomAndScroll, smoothScrollTo } from './utils/animations';\nimport {\n    BASE_CARD_WIDTH,\n    BASE_CARD_HEIGHT,\n    CARDS_PER_COLUMN,\n    GROUP_SPACING,\n} from './constants';\nimport { ZOOM_MAX, MIN_ZOOM_ON_SELECT, ZOOM_MULTIPLIER, DETAIL_PANEL_WIDTH } from './utils/constants';\nimport { calculateCenterScrollPosition } from './utils/animations';\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';\n\nexport function PivotViewer<TItem extends object>({\n    data,\n    dimensions,\n    filters,\n    defaultDimensionKey,\n    cardRenderer,\n    getItemId,\n    searchFields,\n    className,\n    emptyContent,\n    isLoading = false,\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\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    // Track what type of change triggered the update (for animation mode)\n    const prevFilterStateRef = useRef(filterState);\n    const prevRangeFilterStateRef = useRef(rangeFilterState);\n    const prevSearchRef = useRef(search);\n    const prevDimensionRef = useRef(activeDimensionKey);\n    const prevViewModeRef = useRef(viewMode);\n    const isFirstRenderRef = useRef(true);\n\n    // Zoom and pan hooks\n    const {\n        zoomLevel,\n        setZoomLevel,\n        handleZoomIn,\n        handleZoomOut,\n        handleZoomSlider,\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    // Zoom reset removed to persist zoom level across view changes\n\n\n    // Track what type of change triggered the update for animation mode\n    useEffect(() => {\n        // Skip the first render\n        if (isFirstRenderRef.current) {\n            isFirstRenderRef.current = false;\n            return;\n        }\n\n        const filterChanged = prevFilterStateRef.current !== filterState;\n        const rangeChanged = prevRangeFilterStateRef.current !== rangeFilterState;\n        const searchChanged = prevSearchRef.current !== search;\n        const dimensionChanged = prevDimensionRef.current !== activeDimensionKey;\n        const viewModeChanged = prevViewModeRef.current !== viewMode;\n\n        // If filters or search changed, use filter animation (fade/scale)\n        // If dimension or view mode changed, use layout animation (fly)\n        if (filterChanged || rangeChanged || searchChanged) {\n            setAnimationMode('filter');\n        } else if (dimensionChanged || viewModeChanged) {\n            setAnimationMode('layout');\n        }\n\n        prevFilterStateRef.current = filterState;\n        prevRangeFilterStateRef.current = rangeFilterState;\n        prevSearchRef.current = search;\n        prevDimensionRef.current = activeDimensionKey;\n        prevViewModeRef.current = viewMode;\n    }, [filterState, rangeFilterState, search, activeDimensionKey, viewMode]);\n\n    // Sync axis labels scroll with container scroll\n    useEffect(() => {\n        const container = containerRef.current;\n        const axisLabels = axisLabelsRef.current;\n\n        if (!container || !axisLabels || viewMode !== 'grouped') return;\n\n        const handleScroll = () => {\n            axisLabels.scrollLeft = container.scrollLeft;\n        };\n\n        // Sync immediately\n        handleScroll();\n\n        container.addEventListener('scroll', handleScroll);\n        return () => container.removeEventListener('scroll', handleScroll);\n    }, [viewMode]);\n\n    // Build field extractors for the columnar store\n    const fieldExtractors = useMemo(() => {\n        const extractors = new Map<string, (item: TItem) => FieldValue>();\n\n        for (const dim of dimensions) {\n            extractors.set(dim.key, (item) => {\n                const val = dim.getValue(item);\n                if (val instanceof Date) return val.getTime();\n                if (typeof val === 'string' || typeof val === 'number' || typeof val === 'boolean' || val === null) {\n                    return val;\n                }\n                return String(val);\n            });\n        }\n\n        if (filters) {\n            for (const filter of filters) {\n                extractors.set(filter.key, (item) => {\n                    const val = filter.getValue(item);\n                    if (val instanceof Date) return val.getTime();\n                    if (typeof val === 'string' || typeof val === 'number' || typeof val === 'boolean' || val === null) {\n                        return val;\n                    }\n                    return String(val);\n                });\n            }\n        }\n\n        return extractors;\n    }, [dimensions, filters]);\n\n    const indexFields = useMemo(() => {\n        const fields = new Set<string>();\n\n        for (const dim of dimensions) {\n            fields.add(dim.key);\n        }\n\n        if (filters) {\n            for (const filter of filters) {\n                fields.add(filter.key);\n            }\n        }\n\n        return Array.from(fields);\n    }, [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 = useMemo((): FilterSpec[] => {\n        const specs: FilterSpec[] = [];\n\n        // Search filter\n        const searchTerm = search.trim().toLowerCase();\n        if (searchTerm && searchFields && searchFields.length > 0) {\n            // TODO: Implement search in worker\n            // For now, search will be handled client-side after worker filtering\n        }\n\n        // Categorical filters\n        for (const [key, values] of Object.entries(filterState)) {\n            const valueSet = values as Set<string>;\n            if (valueSet.size > 0) {\n                specs.push({\n                    field: key,\n                    type: 'categorical',\n                    values: valueSet,\n                });\n            }\n        }\n\n        // Range filters\n        for (const [key, range] of Object.entries(rangeFilterState)) {\n            if (range && (range[0] !== null || range[1] !== null)) {\n                const min = range[0] ?? -Infinity;\n                const max = range[1] ?? Infinity;\n                specs.push({\n                    field: key,\n                    type: 'numeric',\n                    range: { min, max },\n                });\n            }\n        }\n\n        // Dimension filter (bucket filter)\n        if (dimensionFilter && activeDimension) {\n            specs.push({\n                field: activeDimension.key,\n                type: 'categorical',\n                values: new Set([dimensionFilter]),\n            });\n        }\n\n        return specs;\n    }, [filterState, rangeFilterState, search, searchFields, dimensionFilter, activeDimension]);\n\n    const currentGroupBy = useMemo((): GroupSpec => {\n        return {\n            field: activeDimensionKey || dimensions[0]?.key || '',\n            buckets: 10,\n        };\n    }, [activeDimensionKey, dimensions]);\n\n    // Apply filters\n    useEffect(() => {\n        if (!ready) return;\n\n        engineApplyFilters(currentFilters).then((result) => {\n            setVisibleIds(result.visibleIds);\n        });\n    }, [ready, currentFilters, engineApplyFilters]);\n\n    // Compute grouping\n    useEffect(() => {\n        if (!ready || visibleIds.length === 0) {\n            setGrouping({ groups: [] });\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            return;\n        }\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): ItemId => {\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    // Scroll positioning when switching view modes or grouping changes\n    const lastProcessedViewMode = useRef(viewMode);\n    const lastProcessedGrouping = useRef(grouping);\n\n    useEffect(() => {\n        const viewModeChanged = lastProcessedViewMode.current !== viewMode;\n        const groupingChanged = lastProcessedGrouping.current !== grouping;\n\n        if (!viewModeChanged && !groupingChanged) return;\n\n        lastProcessedViewMode.current = viewMode;\n        lastProcessedGrouping.current = grouping;\n\n        const container = containerRef.current;\n        if (!container) return;\n\n        // If we have a selected item, we want to keep it centered in the new layout\n        if (selectedItem) {\n            // Resolve ID\n            let itemId = resolveId(selectedItem, 0);\n\n            // Ensure ID type matches layout\n            if (typeof itemId === 'string' && !layout.positions.has(itemId)) {\n                const numId = Number(itemId);\n                if (!isNaN(numId) && layout.positions.has(numId)) itemId = numId;\n            } else if (typeof itemId === 'number' && !layout.positions.has(itemId)) {\n                const strId = String(itemId);\n                if (layout.positions.has(strId)) itemId = strId;\n            }\n\n            const position = layout.positions.get(itemId);\n            if (position) {\n                const cardPosition = {\n                    x: position.x,\n                    y: position.y,\n                    width: BASE_CARD_WIDTH,\n                    height: BASE_CARD_HEIGHT\n                };\n\n                const detailWidth = viewMode === 'collection' ? 0 : DETAIL_PANEL_WIDTH;\n\n                const { scrollLeft, scrollTop } = calculateCenterScrollPosition(\n                    container,\n                    cardPosition,\n                    zoomLevel,\n                    detailWidth,\n                    layout.totalHeight\n                );\n\n                container.scrollTo({ left: scrollLeft, top: scrollTop });\n\n                // Clear pre-selection state as we've moved to a new context\n                setPreSelectionState(null);\n            }\n        } else if (viewMode === 'grouped') {\n            // Default behavior for grouped view: scroll to bottom\n            // Use a small timeout to ensure the spacer has been resized\n            setTimeout(() => {\n                container.scrollTop = container.scrollHeight;\n                // Sync scroll position state immediately to avoid stale values on first click\n                setScrollPosition({ x: container.scrollLeft, y: container.scrollTop });\n            }, 0);\n        }\n    }, [viewMode, grouping, layout, selectedItem, resolveId, zoomLevel]);\n\n    const handleCardClick = useCallback((item: TItem, e: MouseEvent, id?: number | string) => {\n        if (isPanning) return;\n\n        const container = containerRef.current;\n        if (!container) return;\n\n        // Use the passed ID (index) if available, otherwise fallback to resolveId\n        // Note: resolveId might be unreliable for looking up layout positions if IDs are strings\n        let itemId = (id !== undefined && id !== null) ? id : resolveId(item, 0);\n\n        // Ensure itemId matches layout keys type (number vs string)\n        // If layout has number keys and itemId is string, try converting\n        if (typeof itemId === 'string' && !layout.positions.has(itemId)) {\n            const numId = Number(itemId);\n            if (!isNaN(numId) && layout.positions.has(numId)) {\n                itemId = numId;\n            }\n        } else if (typeof itemId === 'number' && !layout.positions.has(itemId)) {\n            const strId = String(itemId);\n            if (layout.positions.has(strId)) {\n                itemId = strId;\n            }\n        }\n\n        const selectedId = selectedItem ? (data.indexOf(selectedItem) !== -1 ? data.indexOf(selectedItem) : resolveId(selectedItem, 0)) : null;\n\n        // Get card position from layout\n        const position = layout.positions.get(itemId);\n\n        const cardPosition = position ? {\n            x: position.x,\n            y: position.y,\n            width: BASE_CARD_WIDTH,\n            height: BASE_CARD_HEIGHT\n        } : null;\n\n        // Calculate target position for animation\n        let targetCardPosition: { x: number; y: number; width: number; height: number } | null = null;\n        let getCardPositionAtZoom: ((zoom: number) => { x: number; y: number; width: number; height: number } | null) | undefined = undefined;\n        let targetTotalHeight = layout.totalHeight;\n\n        if (viewMode === 'grouped' && cardPosition) {\n            // Calculate target zoom (logic duplicated from zoomAndCenterCard)\n            const targetZoom = Math.min(ZOOM_MAX, Math.max(MIN_ZOOM_ON_SELECT, zoomLevel * ZOOM_MULTIPLIER));\n\n            // Calculate target layout\n            const targetContainerWidth = containerDimensions.width / targetZoom;\n            // For grouped mode, use fixed container height to ensure stable layout during zoom\n            const targetContainerHeight = containerDimensions.height;\n\n            const targetLayout = computeLayout(grouping, {\n                viewMode,\n                cardWidth: BASE_CARD_WIDTH,\n                cardHeight: BASE_CARD_HEIGHT,\n                cardsPerColumn: CARDS_PER_COLUMN,\n                groupSpacing: GROUP_SPACING,\n                containerWidth: targetContainerWidth,\n                containerHeight: targetContainerHeight,\n            });\n\n            targetTotalHeight = targetLayout.totalHeight;\n\n            const targetPos = targetLayout.positions.get(itemId);\n            if (targetPos) {\n                targetCardPosition = {\n                    x: targetPos.x,\n                    y: targetPos.y,\n                    width: BASE_CARD_WIDTH,\n                    height: BASE_CARD_HEIGHT\n                };\n            }\n\n            // Provide callback for accurate position during animation\n            getCardPositionAtZoom = (zoom: number) => {\n                const currentContainerWidth = containerDimensions.width / zoom;\n                // For grouped mode, use fixed container height to ensure stable layout during zoom\n                const currentContainerHeight = containerDimensions.height;\n\n                const currentLayout = computeLayout(grouping, {\n                    viewMode,\n                    cardWidth: BASE_CARD_WIDTH,\n                    cardHeight: BASE_CARD_HEIGHT,\n                    cardsPerColumn: CARDS_PER_COLUMN,\n                    groupSpacing: GROUP_SPACING,\n                    containerWidth: currentContainerWidth,\n                    containerHeight: currentContainerHeight,\n                });\n\n                const pos = currentLayout.positions.get(itemId);\n                return pos ? { x: pos.x, y: pos.y, width: BASE_CARD_WIDTH, height: BASE_CARD_HEIGHT } : null;\n            };\n        }\n\n        // Callback to get layout size at a specific zoom level (for spacer updates)\n        const getLayoutSizeAtZoom = (zoom: number) => {\n            if (viewMode === 'collection') {\n                return { width: layout.totalWidth, height: layout.totalHeight };\n            }\n\n            const currentContainerWidth = containerDimensions.width / zoom;\n            // For grouped mode, use fixed container height to ensure stable layout during zoom\n            const currentContainerHeight = containerDimensions.height;\n\n            const currentLayout = computeLayout(grouping, {\n                viewMode,\n                cardWidth: BASE_CARD_WIDTH,\n                cardHeight: BASE_CARD_HEIGHT,\n                cardsPerColumn: CARDS_PER_COLUMN,\n                groupSpacing: GROUP_SPACING,\n                containerWidth: currentContainerWidth,\n                containerHeight: currentContainerHeight,\n            });\n\n            return { width: currentLayout.totalWidth, height: currentLayout.totalHeight };\n        };\n\n        handleCardSelection({\n            item,\n            itemId,\n            selectedItemId: selectedId,\n            container,\n            cardPosition,\n            targetCardPosition,\n            getCardPositionAtZoom,\n            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, containerDimensions, scrollPosition]);\n\n    const closeDetail = useCallback(() => {\n        const container = containerRef.current;\n        if (!container || !selectedItem) {\n            setSelectedItem(null);\n            return;\n        }\n\n        // Try to find the index of the selected item in the data array\n        // This is more reliable than resolveId for layout lookup\n        const index = data.indexOf(selectedItem);\n        let itemId: string | number = index !== -1 ? index : resolveId(selectedItem, 0);\n\n        // Ensure itemId matches layout keys type (number vs string)\n        if (typeof itemId === 'string' && !layout.positions.has(itemId)) {\n            const numId = Number(itemId);\n            if (!isNaN(numId) && layout.positions.has(numId)) {\n                itemId = numId;\n            }\n        } else if (typeof itemId === 'number' && !layout.positions.has(itemId)) {\n            const strId = String(itemId);\n            if (layout.positions.has(strId)) {\n                itemId = strId;\n            }\n        }\n\n        // Get card position from layout\n        const position = layout.positions.get(itemId);\n        const cardPosition = position ? {\n            x: position.x,\n            y: position.y,\n            width: BASE_CARD_WIDTH,\n            height: BASE_CARD_HEIGHT\n        } : null;\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: animate zoom out 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        let targetCardPosition: { x: number; y: number; width: number; height: number } | null = null;\n        let getCardPositionAtZoom: ((zoom: number) => { x: number; y: number; width: number; height: number } | null) | undefined = undefined;\n\n        if (viewMode === 'grouped') {\n            const targetZoom = preSelectionState.zoom;\n\n            const targetContainerWidth = containerDimensions.width / targetZoom;\n            // For grouped mode, use fixed container height to ensure stable layout during zoom\n            const targetContainerHeight = containerDimensions.height;\n\n            const targetLayout = computeLayout(grouping, {\n                viewMode,\n                cardWidth: BASE_CARD_WIDTH,\n                cardHeight: BASE_CARD_HEIGHT,\n                cardsPerColumn: CARDS_PER_COLUMN,\n                groupSpacing: GROUP_SPACING,\n                containerWidth: targetContainerWidth,\n                containerHeight: targetContainerHeight,\n            });\n\n            const targetPos = targetLayout.positions.get(itemId);\n            if (targetPos) {\n                targetCardPosition = {\n                    x: targetPos.x,\n                    y: targetPos.y,\n                    width: BASE_CARD_WIDTH,\n                    height: BASE_CARD_HEIGHT\n                };\n            }\n\n            // Provide callback for accurate position during animation\n            getCardPositionAtZoom = (zoom: number) => {\n                const currentContainerWidth = containerDimensions.width / zoom;\n                // For grouped mode, use fixed container height to ensure stable layout during zoom\n                const currentContainerHeight = containerDimensions.height;\n\n                const currentLayout = computeLayout(grouping, {\n                    viewMode,\n                    cardWidth: BASE_CARD_WIDTH,\n                    cardHeight: BASE_CARD_HEIGHT,\n                    cardsPerColumn: CARDS_PER_COLUMN,\n                    groupSpacing: GROUP_SPACING,\n                    containerWidth: currentContainerWidth,\n                    containerHeight: currentContainerHeight,\n                });\n\n                const pos = currentLayout.positions.get(itemId);\n                return pos ? { x: pos.x, y: pos.y, width: BASE_CARD_WIDTH, height: BASE_CARD_HEIGHT } : null;\n            };\n        }\n\n        setIsZooming(true);\n\n        animateZoomAndScroll({\n            container,\n            cardPosition,\n            targetCardPosition,\n            getCardPositionAtZoom,\n            startZoom: zoomLevel,\n            targetZoom: preSelectionState.zoom,\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]);\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' ? 'bucket-mode' : 'collection-mode',\n    ]\n        .filter(Boolean)\n        .join(' ');\n\n    return (\n        <div className={viewerClassName}>\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                    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                    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","useMemo","usePivotEngine","layout","BASE_CARD_WIDTH","BASE_CARD_HEIGHT","computeLayout","CARDS_PER_COLUMN","GROUP_SPACING","useCallback","DETAIL_PANEL_WIDTH","calculateCenterScrollPosition","ZOOM_MAX","MIN_ZOOM_ON_SELECT","ZOOM_MULTIPLIER","handleCardSelection","smoothScrollTo","animateZoomAndScroll","useFilterOptions","_jsxs","_jsx","FilterPanelContainer","ToolbarContainer","PivotViewerMain"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA6BM,SAAU,WAAW,CAAuB,EAC9C,IAAI,EACJ,UAAU,EACV,OAAO,EACP,mBAAmB,EACnB,YAAY,EACZ,SAAS,EACT,YAAY,EACZ,SAAS,EACT,YAAY,EACZ,SAAS,GAAG,KAAK,GACK,EAAA;AAEtB,IAAA,MAAM,YAAY,GAAGA,YAAM,CAAiB,IAAK,CAAC;AAClD,IAAA,MAAM,eAAe,GAAGA,YAAM,CAAoB,IAAK,CAAC;AACxD,IAAA,MAAM,aAAa,GAAGA,YAAM,CAAiB,IAAK,CAAC;AACnD,IAAA,MAAM,SAAS,GAAGA,YAAM,CAAiB,IAAK,CAAC;IAG/C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGC,cAAQ,CAAC,EAAE,CAAC;IACxC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAGA,cAAQ,CAAW,YAAY,CAAC;IAEhE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;IACrD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAGA,cAAQ,CAAe,IAAI,CAAC;IACpE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;AACjD,IAAA,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGA,cAAQ,CAAc,IAAI,WAAW,CAAC,CAAC,CAAC,CAAC;AAC7E,IAAA,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAGA,cAAQ,CAAiB,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;IACxE,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAGA,cAAQ,CAAgB,IAAI,CAAC;IAC/E,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAGA,cAAQ,CAAiE,IAAI,CAAC;IAChI,MAAM,GAAG,gBAAgB,CAAC,GAAGA,cAAQ,CAAsB,QAAQ,CAAC;AACpE,IAAA,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAGA,cAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;IAGpE,MAAM,EACF,WAAW,EACX,gBAAgB,EAChB,iBAAiB,EACjB,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,GACpB,GAAGC,6BAAc,CAAC,OAAO,CAAC;AAG3B,IAAA,MAAM,EACF,kBAAkB,EAClB,qBAAqB,EACrB,eAAe,EACf,eAAe,EACf,oBAAoB,GACvB,GAAGC,mCAAiB,CAAC,UAAU,EAAE,mBAAmB,CAAC;AAGtD,IAAA,MAAM,kBAAkB,GAAGH,YAAM,CAAC,WAAW,CAAC;AAC9C,IAAA,MAAM,uBAAuB,GAAGA,YAAM,CAAC,gBAAgB,CAAC;AACxD,IAAA,MAAM,aAAa,GAAGA,YAAM,CAAC,MAAM,CAAC;AACpC,IAAA,MAAM,gBAAgB,GAAGA,YAAM,CAAC,kBAAkB,CAAC;AACnD,IAAA,MAAM,eAAe,GAAGA,YAAM,CAAC,QAAQ,CAAC;AACxC,IAAA,MAAM,gBAAgB,GAAGA,YAAM,CAAC,IAAI,CAAC;AAGrC,IAAA,MAAM,EACF,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,gBAAgB,GACnB,GAAGI,yBAAY,CAAC,CAAC,CAAC;AAEnB,IAAA,MAAM,EACF,SAAS,EACT,cAAc,EACd,aAAa,EACb,YAAY,GACf,GAAGC,qBAAU,CAAC,YAAY,EAAE,SAAS,EAAE,iBAAiB,CAAC;AAE1D,IAAAC,yBAAY,CAAC,YAAY,EAAE,SAAS,EAAE,YAAY,CAAC;IAGnD,MAAM,mBAAmB,GAAGC,6CAAsB,CAAC,YAAY,EAAE,SAAS,CAAC;IAE3EC,eAAS,CAAC,MAAK;AACX,QAAA,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO;AACtC,QAAA,IAAI,CAAC,SAAS;YAAE;QAEhB,MAAM,YAAY,GAAG,MAAK;AACtB,YAAA,iBAAiB,CAAC;gBACd,CAAC,EAAE,SAAS,CAAC,UAAU;gBACvB,CAAC,EAAE,SAAS,CAAC,SAAS;AACzB,aAAA,CAAC;AACN,QAAA,CAAC;AAED,QAAA,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC;QAClD,OAAO,MAAM,SAAS,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC;IACtE,CAAC,EAAE,EAAE,CAAC;IAMNA,eAAS,CAAC,MAAK;AAEX,QAAA,IAAI,gBAAgB,CAAC,OAAO,EAAE;AAC1B,YAAA,gBAAgB,CAAC,OAAO,GAAG,KAAK;YAChC;QACJ;AAEA,QAAA,MAAM,aAAa,GAAG,kBAAkB,CAAC,OAAO,KAAK,WAAW;AAChE,QAAA,MAAM,YAAY,GAAG,uBAAuB,CAAC,OAAO,KAAK,gBAAgB;AACzE,QAAA,MAAM,aAAa,GAAG,aAAa,CAAC,OAAO,KAAK,MAAM;AACtD,QAAA,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,OAAO,KAAK,kBAAkB;AACxE,QAAA,MAAM,eAAe,GAAG,eAAe,CAAC,OAAO,KAAK,QAAQ;AAI5D,QAAA,IAAI,aAAa,IAAI,YAAY,IAAI,aAAa,EAAE;YAChD,gBAAgB,CAAC,QAAQ,CAAC;QAC9B;AAAO,aAAA,IAAI,gBAAgB,IAAI,eAAe,EAAE;YAC5C,gBAAgB,CAAC,QAAQ,CAAC;QAC9B;AAEA,QAAA,kBAAkB,CAAC,OAAO,GAAG,WAAW;AACxC,QAAA,uBAAuB,CAAC,OAAO,GAAG,gBAAgB;AAClD,QAAA,aAAa,CAAC,OAAO,GAAG,MAAM;AAC9B,QAAA,gBAAgB,CAAC,OAAO,GAAG,kBAAkB;AAC7C,QAAA,eAAe,CAAC,OAAO,GAAG,QAAQ;AACtC,IAAA,CAAC,EAAE,CAAC,WAAW,EAAE,gBAAgB,EAAE,MAAM,EAAE,kBAAkB,EAAE,QAAQ,CAAC,CAAC;IAGzEA,eAAS,CAAC,MAAK;AACX,QAAA,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO;AACtC,QAAA,MAAM,UAAU,GAAG,aAAa,CAAC,OAAO;QAExC,IAAI,CAAC,SAAS,IAAI,CAAC,UAAU,IAAI,QAAQ,KAAK,SAAS;YAAE;QAEzD,MAAM,YAAY,GAAG,MAAK;AACtB,YAAA,UAAU,CAAC,UAAU,GAAG,SAAS,CAAC,UAAU;AAChD,QAAA,CAAC;AAGD,QAAA,YAAY,EAAE;AAEd,QAAA,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC;QAClD,OAAO,MAAM,SAAS,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC;AACtE,IAAA,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;AAGd,IAAA,MAAM,eAAe,GAAGC,aAAO,CAAC,MAAK;AACjC,QAAA,MAAM,UAAU,GAAG,IAAI,GAAG,EAAuC;AAEjE,QAAA,KAAK,MAAM,GAAG,IAAI,UAAU,EAAE;YAC1B,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,IAAI,KAAI;gBAC7B,MAAM,GAAG,GAAG,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC;gBAC9B,IAAI,GAAG,YAAY,IAAI;AAAE,oBAAA,OAAO,GAAG,CAAC,OAAO,EAAE;AAC7C,gBAAA,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,OAAO,GAAG,KAAK,SAAS,IAAI,GAAG,KAAK,IAAI,EAAE;AAChG,oBAAA,OAAO,GAAG;gBACd;AACA,gBAAA,OAAO,MAAM,CAAC,GAAG,CAAC;AACtB,YAAA,CAAC,CAAC;QACN;QAEA,IAAI,OAAO,EAAE;AACT,YAAA,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE;gBAC1B,UAAU,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,IAAI,KAAI;oBAChC,MAAM,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;oBACjC,IAAI,GAAG,YAAY,IAAI;AAAE,wBAAA,OAAO,GAAG,CAAC,OAAO,EAAE;AAC7C,oBAAA,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,OAAO,GAAG,KAAK,SAAS,IAAI,GAAG,KAAK,IAAI,EAAE;AAChG,wBAAA,OAAO,GAAG;oBACd;AACA,oBAAA,OAAO,MAAM,CAAC,GAAG,CAAC;AACtB,gBAAA,CAAC,CAAC;YACN;QACJ;AAEA,QAAA,OAAO,UAAU;AACrB,IAAA,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;AAEzB,IAAA,MAAM,WAAW,GAAGA,aAAO,CAAC,MAAK;AAC7B,QAAA,MAAM,MAAM,GAAG,IAAI,GAAG,EAAU;AAEhC,QAAA,KAAK,MAAM,GAAG,IAAI,UAAU,EAAE;AAC1B,YAAA,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC;QACvB;QAEA,IAAI,OAAO,EAAE;AACT,YAAA,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE;AAC1B,gBAAA,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC;YAC1B;QACJ;AAEA,QAAA,OAAO,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC;AAC7B,IAAA,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;AAGzB,IAAA,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,kBAAkB,EAAE,eAAe,EAAE,OAAO,EAAE,GAAGC,6BAAc,CAAC;QACzF,IAAI;QACJ,eAAe;QACf,WAAW;AACd,KAAA,CAAC;AAGF,IAAA,MAAM,cAAc,GAAGD,aAAO,CAAC,MAAmB;QAC9C,MAAM,KAAK,GAAiB,EAAE;QAG9B,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE;QAC9C,IAAI,UAAU,IAAI,YAAY,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE;AAM3D,QAAA,KAAK,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;YACrD,MAAM,QAAQ,GAAG,MAAqB;AACtC,YAAA,IAAI,QAAQ,CAAC,IAAI,GAAG,CAAC,EAAE;gBACnB,KAAK,CAAC,IAAI,CAAC;AACP,oBAAA,KAAK,EAAE,GAAG;AACV,oBAAA,IAAI,EAAE,aAAa;AACnB,oBAAA,MAAM,EAAE,QAAQ;AACnB,iBAAA,CAAC;YACN;QACJ;AAGA,QAAA,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAAC,EAAE;AACzD,YAAA,IAAI,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,IAAI,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,EAAE;gBACnD,MAAM,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ;gBACjC,MAAM,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,QAAQ;gBAChC,KAAK,CAAC,IAAI,CAAC;AACP,oBAAA,KAAK,EAAE,GAAG;AACV,oBAAA,IAAI,EAAE,SAAS;AACf,oBAAA,KAAK,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE;AACtB,iBAAA,CAAC;YACN;QACJ;AAGA,QAAA,IAAI,eAAe,IAAI,eAAe,EAAE;YACpC,KAAK,CAAC,IAAI,CAAC;gBACP,KAAK,EAAE,eAAe,CAAC,GAAG;AAC1B,gBAAA,IAAI,EAAE,aAAa;AACnB,gBAAA,MAAM,EAAE,IAAI,GAAG,CAAC,CAAC,eAAe,CAAC,CAAC;AACrC,aAAA,CAAC;QACN;AAEA,QAAA,OAAO,KAAK;AAChB,IAAA,CAAC,EAAE,CAAC,WAAW,EAAE,gBAAgB,EAAE,MAAM,EAAE,YAAY,EAAE,eAAe,EAAE,eAAe,CAAC,CAAC;AAE3F,IAAA,MAAM,cAAc,GAAGA,aAAO,CAAC,MAAgB;QAC3C,OAAO;YACH,KAAK,EAAE,kBAAkB,IAAI,UAAU,CAAC,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE;AACrD,YAAA,OAAO,EAAE,EAAE;SACd;AACL,IAAA,CAAC,EAAE,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAAC;IAGpCD,eAAS,CAAC,MAAK;AACX,QAAA,IAAI,CAAC,KAAK;YAAE;QAEZ,kBAAkB,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,KAAI;AAC/C,YAAA,aAAa,CAAC,MAAM,CAAC,UAAU,CAAC;AACpC,QAAA,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,kBAAkB,CAAC,CAAC;IAG/CA,eAAS,CAAC,MAAK;QACX,IAAI,CAAC,KAAK,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC,EAAE;AACnC,YAAA,WAAW,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;YAC3B;QACJ;AAEA,QAAA,IAAI,QAAQ,KAAK,YAAY,EAAE;YAG3B,IAAI,kBAAkB,EAAE;gBACpB,OAAO,CAAC,UAAU,EAAE,kBAAkB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,KAAI;AACvD,oBAAA,WAAW,CAAC;AACR,wBAAA,MAAM,EAAE,CAAC;AACL,gCAAA,GAAG,EAAE,KAAK;AACV,gCAAA,KAAK,EAAE,WAAW;AAClB,gCAAA,KAAK,EAAE,KAAK;AACZ,gCAAA,GAAG,EAAE,SAAS;gCACd,KAAK,EAAE,SAAS,CAAC;6BACpB;AACJ,qBAAA,CAAC;AACN,gBAAA,CAAC,CAAC;YACN;iBAAO;AACH,gBAAA,WAAW,CAAC;AACR,oBAAA,MAAM,EAAE,CAAC;AACL,4BAAA,GAAG,EAAE,KAAK;AACV,4BAAA,KAAK,EAAE,WAAW;AAClB,4BAAA,KAAK,EAAE,KAAK;AACZ,4BAAA,GAAG,EAAE,UAAU;4BACf,KAAK,EAAE,UAAU,CAAC;yBACrB;AACJ,iBAAA,CAAC;YACN;YACA;QACJ;QAEA,eAAe,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,KAAI;YACxD,WAAW,CAAC,MAAM,CAAC;AACvB,QAAA,CAAC,CAAC;AACN,IAAA,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,kBAAkB,CAAC,CAAC;AAG/F,IAAA,MAAMG,QAAM,GAAGF,aAAO,CAAC,MAAK;QAExB,MAAM,SAAS,GAAGG,yBAAe;QACjC,MAAM,UAAU,GAAGC,0BAAgB;AACnC,QAAA,MAAM,cAAc,GAAG,mBAAmB,CAAC,KAAK,GAAG,SAAS;AAE5D,QAAA,MAAM,eAAe,GAAG,QAAQ,KAAK;AACjC,cAAE,mBAAmB,CAAC,MAAM,GAAG;AAC/B,cAAE,mBAAmB,CAAC,MAAM;AAEhC,QAAA,MAAM,MAAM,GAAGC,oBAAa,CAAC,QAAQ,EAAE;YACnC,QAAQ;YACR,SAAS;YACT,UAAU;AACV,YAAA,cAAc,EAAEC,0BAAgB;AAChC,YAAA,YAAY,EAAEC,uBAAa;YAC3B,cAAc;YACd,eAAe;AAClB,SAAA,CAAC;AAEF,QAAA,OAAO,MAAM;AACjB,IAAA,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,mBAAmB,CAAC,KAAK,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC;IAE1F,MAAM,SAAS,GAAGC,iBAAW,CAAC,CAAC,IAAW,EAAE,KAAa,KAAY;QACjE,IAAI,SAAS,EAAE;YACX,MAAM,EAAE,GAAG,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC;AACjC,YAAA,OAAO,OAAO,EAAE,KAAK,QAAQ,GAAG,EAAE,GAAG,KAAK;QAC9C;AACA,QAAA,MAAM,EAAE,GAAI,IAAgC,CAAC,IAAI,CAAC;AAClD,QAAA,OAAO,OAAO,EAAE,KAAK,QAAQ,GAAG,EAAE,GAAG,KAAK;AAC9C,IAAA,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;AAGf,IAAA,MAAM,qBAAqB,GAAGjB,YAAM,CAAC,QAAQ,CAAC;AAC9C,IAAA,MAAM,qBAAqB,GAAGA,YAAM,CAAC,QAAQ,CAAC;IAE9CQ,eAAS,CAAC,MAAK;AACX,QAAA,MAAM,eAAe,GAAG,qBAAqB,CAAC,OAAO,KAAK,QAAQ;AAClE,QAAA,MAAM,eAAe,GAAG,qBAAqB,CAAC,OAAO,KAAK,QAAQ;AAElE,QAAA,IAAI,CAAC,eAAe,IAAI,CAAC,eAAe;YAAE;AAE1C,QAAA,qBAAqB,CAAC,OAAO,GAAG,QAAQ;AACxC,QAAA,qBAAqB,CAAC,OAAO,GAAG,QAAQ;AAExC,QAAA,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO;AACtC,QAAA,IAAI,CAAC,SAAS;YAAE;QAGhB,IAAI,YAAY,EAAE;YAEd,IAAI,MAAM,GAAG,SAAS,CAAC,YAAY,EAAE,CAAC,CAAC;AAGvC,YAAA,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,CAACG,QAAM,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;AAC7D,gBAAA,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC;AAC5B,gBAAA,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAIA,QAAM,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC;oBAAE,MAAM,GAAG,KAAK;YACpE;AAAO,iBAAA,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,CAACA,QAAM,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;AACpE,gBAAA,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC;AAC5B,gBAAA,IAAIA,QAAM,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC;oBAAE,MAAM,GAAG,KAAK;YACnD;YAEA,MAAM,QAAQ,GAAGA,QAAM,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC;YAC7C,IAAI,QAAQ,EAAE;AACV,gBAAA,MAAM,YAAY,GAAG;oBACjB,CAAC,EAAE,QAAQ,CAAC,CAAC;oBACb,CAAC,EAAE,QAAQ,CAAC,CAAC;AACb,oBAAA,KAAK,EAAEC,yBAAe;AACtB,oBAAA,MAAM,EAAEC;iBACX;AAED,gBAAA,MAAM,WAAW,GAAG,QAAQ,KAAK,YAAY,GAAG,CAAC,GAAGK,8BAAkB;gBAEtE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAGC,wCAA6B,CAC3D,SAAS,EACT,YAAY,EACZ,SAAS,EACT,WAAW,EACXR,QAAM,CAAC,WAAW,CACrB;AAED,gBAAA,SAAS,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC;gBAGxD,oBAAoB,CAAC,IAAI,CAAC;YAC9B;QACJ;AAAO,aAAA,IAAI,QAAQ,KAAK,SAAS,EAAE;YAG/B,UAAU,CAAC,MAAK;AACZ,gBAAA,SAAS,CAAC,SAAS,GAAG,SAAS,CAAC,YAAY;AAE5C,gBAAA,iBAAiB,CAAC,EAAE,CAAC,EAAE,SAAS,CAAC,UAAU,EAAE,CAAC,EAAE,SAAS,CAAC,SAAS,EAAE,CAAC;YAC1E,CAAC,EAAE,CAAC,CAAC;QACT;AACJ,IAAA,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAEA,QAAM,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;IAEpE,MAAM,eAAe,GAAGM,iBAAW,CAAC,CAAC,IAAW,EAAE,CAAa,EAAE,EAAoB,KAAI;AACrF,QAAA,IAAI,SAAS;YAAE;AAEf,QAAA,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO;AACtC,QAAA,IAAI,CAAC,SAAS;YAAE;QAIhB,IAAI,MAAM,GAAG,CAAC,EAAE,KAAK,SAAS,IAAI,EAAE,KAAK,IAAI,IAAI,EAAE,GAAG,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC;AAIxE,QAAA,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,CAACN,QAAM,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;AAC7D,YAAA,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC;AAC5B,YAAA,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAIA,QAAM,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;gBAC9C,MAAM,GAAG,KAAK;YAClB;QACJ;AAAO,aAAA,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,CAACA,QAAM,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;AACpE,YAAA,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC;YAC5B,IAAIA,QAAM,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;gBAC7B,MAAM,GAAG,KAAK;YAClB;QACJ;AAEA,QAAA,MAAM,UAAU,GAAG,YAAY,IAAI,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,EAAE,CAAC,CAAC,IAAI,IAAI;QAGtI,MAAM,QAAQ,GAAGA,QAAM,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC;AAE7C,QAAA,MAAM,YAAY,GAAG,QAAQ,GAAG;YAC5B,CAAC,EAAE,QAAQ,CAAC,CAAC;YACb,CAAC,EAAE,QAAQ,CAAC,CAAC;AACb,YAAA,KAAK,EAAEC,yBAAe;AACtB,YAAA,MAAM,EAAEC;SACX,GAAG,IAAI;QAGR,IAAI,kBAAkB,GAAmE,IAAI;QAC7F,IAAI,qBAAqB,GAAmG,SAAS;AACrI,QAAA,IAAI,iBAAiB,GAAGF,QAAM,CAAC,WAAW;AAE1C,QAAA,IAAI,QAAQ,KAAK,SAAS,IAAI,YAAY,EAAE;AAExC,YAAA,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAACS,oBAAQ,EAAE,IAAI,CAAC,GAAG,CAACC,8BAAkB,EAAE,SAAS,GAAGC,2BAAe,CAAC,CAAC;AAGhG,YAAA,MAAM,oBAAoB,GAAG,mBAAmB,CAAC,KAAK,GAAG,UAAU;AAEnE,YAAA,MAAM,qBAAqB,GAAG,mBAAmB,CAAC,MAAM;AAExD,YAAA,MAAM,YAAY,GAAGR,oBAAa,CAAC,QAAQ,EAAE;gBACzC,QAAQ;AACR,gBAAA,SAAS,EAAEF,yBAAe;AAC1B,gBAAA,UAAU,EAAEC,0BAAgB;AAC5B,gBAAA,cAAc,EAAEE,0BAAgB;AAChC,gBAAA,YAAY,EAAEC,uBAAa;AAC3B,gBAAA,cAAc,EAAE,oBAAoB;AACpC,gBAAA,eAAe,EAAE,qBAAqB;AACzC,aAAA,CAAC;AAEF,YAAA,iBAAiB,GAAG,YAAY,CAAC,WAAW;YAE5C,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC;YACpD,IAAI,SAAS,EAAE;AACX,gBAAA,kBAAkB,GAAG;oBACjB,CAAC,EAAE,SAAS,CAAC,CAAC;oBACd,CAAC,EAAE,SAAS,CAAC,CAAC;AACd,oBAAA,KAAK,EAAEJ,yBAAe;AACtB,oBAAA,MAAM,EAAEC;iBACX;YACL;AAGA,YAAA,qBAAqB,GAAG,CAAC,IAAY,KAAI;AACrC,gBAAA,MAAM,qBAAqB,GAAG,mBAAmB,CAAC,KAAK,GAAG,IAAI;AAE9D,gBAAA,MAAM,sBAAsB,GAAG,mBAAmB,CAAC,MAAM;AAEzD,gBAAA,MAAM,aAAa,GAAGC,oBAAa,CAAC,QAAQ,EAAE;oBAC1C,QAAQ;AACR,oBAAA,SAAS,EAAEF,yBAAe;AAC1B,oBAAA,UAAU,EAAEC,0BAAgB;AAC5B,oBAAA,cAAc,EAAEE,0BAAgB;AAChC,oBAAA,YAAY,EAAEC,uBAAa;AAC3B,oBAAA,cAAc,EAAE,qBAAqB;AACrC,oBAAA,eAAe,EAAE,sBAAsB;AAC1C,iBAAA,CAAC;gBAEF,MAAM,GAAG,GAAG,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC;AAC/C,gBAAA,OAAO,GAAG,GAAG,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,KAAK,EAAEJ,yBAAe,EAAE,MAAM,EAAEC,0BAAgB,EAAE,GAAG,IAAI;AAChG,YAAA,CAAC;QACL;AAGA,QAAA,MAAM,mBAAmB,GAAG,CAAC,IAAY,KAAI;AACzC,YAAA,IAAI,QAAQ,KAAK,YAAY,EAAE;AAC3B,gBAAA,OAAO,EAAE,KAAK,EAAEF,QAAM,CAAC,UAAU,EAAE,MAAM,EAAEA,QAAM,CAAC,WAAW,EAAE;YACnE;AAEA,YAAA,MAAM,qBAAqB,GAAG,mBAAmB,CAAC,KAAK,GAAG,IAAI;AAE9D,YAAA,MAAM,sBAAsB,GAAG,mBAAmB,CAAC,MAAM;AAEzD,YAAA,MAAM,aAAa,GAAGG,oBAAa,CAAC,QAAQ,EAAE;gBAC1C,QAAQ;AACR,gBAAA,SAAS,EAAEF,yBAAe;AAC1B,gBAAA,UAAU,EAAEC,0BAAgB;AAC5B,gBAAA,cAAc,EAAEE,0BAAgB;AAChC,gBAAA,YAAY,EAAEC,uBAAa;AAC3B,gBAAA,cAAc,EAAE,qBAAqB;AACrC,gBAAA,eAAe,EAAE,sBAAsB;AAC1C,aAAA,CAAC;AAEF,YAAA,OAAO,EAAE,KAAK,EAAE,aAAa,CAAC,UAAU,EAAE,MAAM,EAAE,aAAa,CAAC,WAAW,EAAE;AACjF,QAAA,CAAC;AAED,QAAAO,6BAAmB,CAAC;YAChB,IAAI;YACJ,MAAM;AACN,YAAA,cAAc,EAAE,UAAU;YAC1B,SAAS;YACT,YAAY;YACZ,kBAAkB;YAClB,qBAAqB;YACrB,mBAAmB;YACnB,MAAM,EAAE,SAAS,CAAC,OAAO;YACzB,iBAAiB;AACjB,YAAA,mBAAmB,EAAE,EAAE,CAAC,EAAE,cAAc,CAAC,CAAC,EAAE,CAAC,EAAE,cAAc,CAAC,CAAC,EAAE;YACjE,YAAY;YACZ,YAAY;YACZ,eAAe;YACf,oBAAoB;YACpB,QAAQ;YACR,SAAS;AACT,YAAA,WAAW,EAAE,iBAAiB;AACjC,SAAA,CAAC;IACN,CAAC,EAAE,CAAC,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,iBAAiB,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAEZ,QAAM,EAAE,QAAQ,EAAE,mBAAmB,EAAE,cAAc,CAAC,CAAC;AAErJ,IAAA,MAAM,WAAW,GAAGM,iBAAW,CAAC,MAAK;AACjC,QAAA,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO;AACtC,QAAA,IAAI,CAAC,SAAS,IAAI,CAAC,YAAY,EAAE;YAC7B,eAAe,CAAC,IAAI,CAAC;YACrB;QACJ;QAIA,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC;AACxC,QAAA,IAAI,MAAM,GAAoB,KAAK,KAAK,EAAE,GAAG,KAAK,GAAG,SAAS,CAAC,YAAY,EAAE,CAAC,CAAC;AAG/E,QAAA,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,CAACN,QAAM,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;AAC7D,YAAA,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC;AAC5B,YAAA,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAIA,QAAM,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;gBAC9C,MAAM,GAAG,KAAK;YAClB;QACJ;AAAO,aAAA,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,CAACA,QAAM,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;AACpE,YAAA,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC;YAC5B,IAAIA,QAAM,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;gBAC7B,MAAM,GAAG,KAAK;YAClB;QACJ;QAGA,MAAM,QAAQ,GAAGA,QAAM,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC;AAC7C,QAAA,MAAM,YAAY,GAAG,QAAQ,GAAG;YAC5B,CAAC,EAAE,QAAQ,CAAC,CAAC;YACb,CAAC,EAAE,QAAQ,CAAC,CAAC;AACb,YAAA,KAAK,EAAEC,yBAAe;AACtB,YAAA,MAAM,EAAEC;SACX,GAAG,IAAI;QAER,IAAI,CAAC,iBAAiB,EAAE;YACpB,eAAe,CAAC,IAAI,CAAC;YACrB;QACJ;AAGA,QAAA,IAAI,QAAQ,KAAK,YAAY,EAAE;YAC3B,eAAe,CAAC,IAAI,CAAC;AACrB,YAAAW,yBAAc,CAAC,SAAS,EAAE,iBAAiB,CAAC,UAAU,EAAE,iBAAiB,CAAC,SAAS,EAAE,IAAI,CAAC;YAC1F,oBAAoB,CAAC,IAAI,CAAC;YAC1B;QACJ;AAGA,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,IAAI,GAAG,SAAS,CAAC,GAAG,KAAK;AAExE,QAAA,IAAI,CAAC,WAAW,IAAI,CAAC,YAAY,EAAE;YAC/B,eAAe,CAAC,IAAI,CAAC;AACrB,YAAAA,yBAAc,CAAC,SAAS,EAAE,iBAAiB,CAAC,UAAU,EAAE,iBAAiB,CAAC,SAAS,EAAE,IAAI,CAAC;YAC1F,oBAAoB,CAAC,IAAI,CAAC;YAC1B;QACJ;QAGA,IAAI,kBAAkB,GAAmE,IAAI;QAC7F,IAAI,qBAAqB,GAAmG,SAAS;AAErI,QAAA,IAAI,QAAQ,KAAK,SAAS,EAAE;AACxB,YAAA,MAAM,UAAU,GAAG,iBAAiB,CAAC,IAAI;AAEzC,YAAA,MAAM,oBAAoB,GAAG,mBAAmB,CAAC,KAAK,GAAG,UAAU;AAEnE,YAAA,MAAM,qBAAqB,GAAG,mBAAmB,CAAC,MAAM;AAExD,YAAA,MAAM,YAAY,GAAGV,oBAAa,CAAC,QAAQ,EAAE;gBACzC,QAAQ;AACR,gBAAA,SAAS,EAAEF,yBAAe;AAC1B,gBAAA,UAAU,EAAEC,0BAAgB;AAC5B,gBAAA,cAAc,EAAEE,0BAAgB;AAChC,gBAAA,YAAY,EAAEC,uBAAa;AAC3B,gBAAA,cAAc,EAAE,oBAAoB;AACpC,gBAAA,eAAe,EAAE,qBAAqB;AACzC,aAAA,CAAC;YAEF,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC;YACpD,IAAI,SAAS,EAAE;AACX,gBAAA,kBAAkB,GAAG;oBACjB,CAAC,EAAE,SAAS,CAAC,CAAC;oBACd,CAAC,EAAE,SAAS,CAAC,CAAC;AACd,oBAAA,KAAK,EAAEJ,yBAAe;AACtB,oBAAA,MAAM,EAAEC;iBACX;YACL;AAGA,YAAA,qBAAqB,GAAG,CAAC,IAAY,KAAI;AACrC,gBAAA,MAAM,qBAAqB,GAAG,mBAAmB,CAAC,KAAK,GAAG,IAAI;AAE9D,gBAAA,MAAM,sBAAsB,GAAG,mBAAmB,CAAC,MAAM;AAEzD,gBAAA,MAAM,aAAa,GAAGC,oBAAa,CAAC,QAAQ,EAAE;oBAC1C,QAAQ;AACR,oBAAA,SAAS,EAAEF,yBAAe;AAC1B,oBAAA,UAAU,EAAEC,0BAAgB;AAC5B,oBAAA,cAAc,EAAEE,0BAAgB;AAChC,oBAAA,YAAY,EAAEC,uBAAa;AAC3B,oBAAA,cAAc,EAAE,qBAAqB;AACrC,oBAAA,eAAe,EAAE,sBAAsB;AAC1C,iBAAA,CAAC;gBAEF,MAAM,GAAG,GAAG,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC;AAC/C,gBAAA,OAAO,GAAG,GAAG,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,KAAK,EAAEJ,yBAAe,EAAE,MAAM,EAAEC,0BAAgB,EAAE,GAAG,IAAI;AAChG,YAAA,CAAC;QACL;QAEA,YAAY,CAAC,IAAI,CAAC;AAElB,QAAAY,+BAAoB,CAAC;YACjB,SAAS;YACT,YAAY;YACZ,kBAAkB;YAClB,qBAAqB;AACrB,YAAA,SAAS,EAAE,SAAS;YACpB,UAAU,EAAE,iBAAiB,CAAC,IAAI;YAClC,gBAAgB,EAAE,iBAAiB,CAAC,UAAU;YAC9C,eAAe,EAAE,iBAAiB,CAAC,SAAS;AAC5C,YAAA,QAAQ,EAAE,YAAY;YACtB,UAAU,EAAE,MAAK;gBACb,YAAY,CAAC,KAAK,CAAC;gBACnB,eAAe,CAAC,IAAI,CAAC;gBACrB,oBAAoB,CAAC,IAAI,CAAC;YAC9B,CAAC;AACJ,SAAA,CAAC;IACN,CAAC,EAAE,CAAC,iBAAiB,EAAE,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAEd,QAAM,EAAE,QAAQ,EAAE,mBAAmB,CAAC,CAAC;IAG1H,MAAM,SAAS,GAAGC,yBAAe;IACjC,MAAM,UAAU,GAAGC,0BAAgB;AAGnC,IAAA,MAAM,aAAa,GAAGa,iCAAgB,CAAC,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,gBAAgB,CAAC;AAEpF,IAAA,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;IACzD,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC,GAAW,EAAE,IAAI,KAAK,GAAG,GAAI,IAAoB,CAAC,IAAI,EAAE,CAAC,CAAC;AACnH,QAAA,MAAM,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,MAAM;AAElE,IAAA,MAAM,eAAe,GAAG;QACpB,cAAc;QACd,SAAS;AACT,QAAA,UAAU,IAAI,WAAW,GAAG,cAAc,GAAG,gBAAgB,IAAI,YAAY;QAC7E,QAAQ,KAAK,SAAS,GAAG,aAAa,GAAG,iBAAiB;AAC7D;SACI,MAAM,CAAC,OAAO;SACd,IAAI,CAAC,GAAG,CAAC;AAEd,IAAA,QACIC,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,eAAe,EAAA,QAAA,EAAA,CAC3BC,cAAA,CAACC,yCAAoB,EAAA,EACjB,MAAM,EAAE,WAAW,IAAI,UAAU,EACjC,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,EAClC,iBAAiB,EAAE,iBAAiB,EACpC,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,eAAe,EAC1B,OAAO,EAAE,MAAM,cAAc,CAAC,KAAK,CAAC,EACpC,cAAc,EAAE,SAAS,EACzB,cAAc,EAAE,kBAAkB,EAClC,aAAa,EAAE,iBAAiB,EAChC,aAAa,EAAE,iBAAiB,EAChC,sBAAsB,EAAE,oBAAoB,EAAA,CAC9C,EAEFF,eAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,SAAS,EAAA,QAAA,EAAA,CACrBC,cAAA,CAACE,iCAAgB,EAAA,EACb,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,UAAU,CAAC,MAAM,EAChC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,kBAAkB,EAAE,kBAAkB,EACtC,UAAU,EAAE,UAAU,EACtB,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,MAAM,cAAc,CAAC,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,EACtD,gBAAgB,EAAE,WAAW,EAC7B,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,aAAa,EACxB,YAAY,EAAE,gBAAgB,EAC9B,iBAAiB,EAAE,qBAAqB,EACxC,eAAe,EAAE,eAAe,GAClC,EAEFF,cAAA,CAACG,+BAAe,EAAA,EACZ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAEpB,QAAM,EACd,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,mBAAmB,EAAE,mBAAmB,EACxC,YAAY,EAAE,YAAY,EAC1B,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,eAAe,EAC5B,UAAU,EAAE,cAA+C,EAC3D,SAAS,EAAE,aAA8C,EACzD,QAAQ,EAAE,YAAY,EACtB,YAAY,EAAE,oBAAoB,EAClC,gBAAgB,EAAE,oBAAoB,EACtC,aAAa,EAAE,WAAW,EAC1B,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EAAA,CACtB,CAAA,EAAA,CACC,CAAA,EAAA,CACL;AAEd;;;;"}