@quillsql/react 2.15.2 → 2.15.4

package/dist/esm/components/Chart/InternalChart.js

@@ -1,491 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState, useEffect, useContext, useMemo, useRef, useLayoutEffect, } from 'react';
-import { differenceInHours } from 'date-fns';
-import { DashboardConfigContext, EventTrackingContext, ReportFiltersContext, ThemeContext, } from '../../Context';
-import { QuillLoadingSkeleton } from '../../components/Chart/ChartSkeleton';
-import ChartError from '../../components/Chart/ChartError';
-import { 
-// convertCustomFilter,
-InternalDashboardFilterType as DashboardFilterVariant, FilterType, } from '../../models/Filter';
-import { applyCustomFilterToDashDateFilter } from '../../utils/filterProcessing';
-import { DashboardFilter } from '../../components/Dashboard/DashboardFilter';
-import { QuillDateRangePicker } from '../../DateRangePicker/QuillDateRangePicker';
-import QuillMetricComponent from '../../components/Dashboard/MetricComponent';
-import { COMPARISON_RANGE, convertPresetOptionsToSelectableList, defaultOptionsV2, getRangeFromPresetOptions, } from '../../DateRangePicker/dateRangePickerUtils';
-import { ChartDisplay } from '../../Chart';
-import { TEMP_REPORT_ID } from '../../models/Report';
-import { QuillMultiSelectComponentWithCombo } from '../QuillMultiSelectWithCombo';
-import { QuillSelectComponentWithCombo } from '../QuillSelectWithCombo';
-function areDatesNearby(date1, date2) {
-    return Math.abs(differenceInHours(date1, date2)) < 24;
-}
-export function isEquivalent(filters1, filters2) {
-    if (filters2.length !== filters1.length) {
-        return false;
-    }
-    // const filterKeys = Object.keys(filters2);
-    for (let i = 0; i < filters1.length; i++) {
-        const filter1 = filters1[i];
-        if (!filter1) {
-            return false;
-        }
-        const filter2 = filters2[i];
-        if (filter1.isUserFilter !== filter2.isUserFilter) {
-            return false;
-        }
-        else if (filter1.isUserFilter) {
-            if (filter1.operator !== filter2.operator ||
-                filter1.value !== filter2.value) {
-                return false;
-            }
-        }
-        const filterType = filter2.filterType;
-        if (filterType === 'string') {
-            if (filter1.stringFilterType === 'multiselect') {
-                if (filter1.values &&
-                    filter2.values &&
-                    filter1.values.length !== filter2.values.length) {
-                    return false;
-                }
-                if ((filter1.values && !filter2.values) ||
-                    (filter2.values && !filter1.values)) {
-                    return false;
-                }
-                // make sure that filter1.values is equivalent to filter2.values ignoring order
-                const sortedValues1 = filter1.values?.slice().sort() || [];
-                const sortedValues2 = filter2.values?.slice().sort() || [];
-                if (!sortedValues1.every((value, index) => value === sortedValues2[index])) {
-                    return false;
-                }
-            }
-            if (filter1.selectedValue !== filter2.selectedValue) {
-                return false;
-            }
-        }
-        else if (filter1?.operator === 'BETWEEN' &&
-            filter2?.operator === 'BETWEEN') {
-            if (!filter1?.values && !filter2?.values) {
-                continue;
-            }
-            else if (!filter1?.values || !filter2?.values) {
-                return false;
-            }
-            if (filter1?.values && filter2?.values) {
-                if (!areDatesNearby(filter1.values[0], filter2.values[0]) ||
-                    !areDatesNearby(filter1.values[1], filter2.values[1])) {
-                    return false;
-                }
-            }
-        }
-        else if (filterType === 'date_range') {
-            if (!filter1.startDate && !filter2.startDate) {
-                continue;
-            }
-            if (!areDatesNearby(filter1.startDate, filter2.startDate) ||
-                !areDatesNearby(filter1.endDate, filter2.endDate)) {
-                return false;
-            }
-            if (filter1.comparison !== filter2.comparison) {
-                return false;
-            }
-            if (filter1.comparisonRange && !filter2.comparisonRange) {
-                return false;
-            }
-            if (!filter1.comparisonRange && filter2.comparisonRange) {
-                return false;
-            }
-            if (filter1.comparisonRange && filter2.comparisonRange) {
-                if (!filter1.comparisonRange.startDate &&
-                    !filter2.comparisonRange.endDate) {
-                    continue;
-                }
-                if (!areDatesNearby(filter1.comparisonRange.startDate, filter2.comparisonRange.startDate) ||
-                    !areDatesNearby(filter1.comparisonRange.endDate, filter2.comparisonRange.endDate)) {
-                    return false;
-                }
-            }
-        }
-    }
-    return true;
-}
-// export function didFiltersChange(dashboardItem: any, filters: any[]) {
-//   if (!dashboardItem?.filtersApplied || !filters) {
-//     return true;
-//   }
-//   return !isEquivalent(dashboardItem.filtersApplied, filters);
-// }
-const TogglePrimitive = ({ value, onClick, style, disabled, }) => {
-    const toggleStyle = {
-        container: {
-            display: 'inline-block',
-            position: 'relative',
-            width: '30px',
-            height: '18px',
-            borderRadius: '24px',
-            backgroundColor: value ? '#212121' : '#ccc',
-            cursor: 'pointer',
-            transition: 'background-color 0.4s',
-            // Fade out the toggle when disabled
-            opacity: disabled ? 0.5 : 1,
-            ...style,
-        },
-        circle: {
-            position: 'absolute',
-            top: '3px',
-            left: value ? '15px' : '3px',
-            width: '12px',
-            height: '12px',
-            borderRadius: '50%',
-            backgroundColor: '#FFF',
-            transition: 'left 0.4s',
-        },
-        icon: {
-            position: 'absolute',
-            top: '3px',
-            left: '3px',
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'center',
-            width: '20px',
-            height: '20px',
-            color: '#FFF',
-        },
-    };
-    return (_jsxs("div", { style: toggleStyle.container, onClick: disabled ? () => { } : onClick, "aria-checked": value, role: "switch", "aria-label": "Toggle", children: [_jsx("div", { style: toggleStyle.circle }), value ? (_jsx("div", { style: {
-                    ...toggleStyle.icon,
-                    left: '35px',
-                    color: '#FFC107',
-                } })) : (_jsx("div", { style: {
-                    ...toggleStyle.icon,
-                    color: '#607D8B',
-                } }))] }));
-};
-export default function InternalChart({ report, colors, className, containerStyle, isAnimationActive, hideXAxis, hideYAxis, hideCartesianGrid, hideHorizontalCartesianGrid = false, hideVerticalCartesianGrid = true, hideSubsequentXAxisTicks = false, cartesianGridLineStyle = 'solid', cartesianGridLineColor, comparisonLineStyle, hideDateRangeFilter = false, filtersEnabled, setFiltersEnabled, mapColorsToFields, LoadingComponent = QuillLoadingSkeleton, SelectComponent = QuillSelectComponentWithCombo, MultiSelectComponent = QuillMultiSelectComponentWithCombo, DateRangePickerComponent = QuillDateRangePicker, MetricComponent = QuillMetricComponent, filters, onDashboardFilterChange, onClickChartElement, loading, error, isAdmin, filterToggleDisabled, layoutChanged, }) {
-    const { reportFilters } = useContext(ReportFiltersContext);
-    const { dashboardConfig } = useContext(DashboardConfigContext);
-    const { eventTracking } = useContext(EventTrackingContext);
-    const currentReportFilters = useMemo(() => {
-        const dashFilters = dashboardConfig[report?.dashboardName ?? '']?.config.filters;
-        if (!dashFilters)
-            return Object.values(reportFilters[report?.id ?? TEMP_REPORT_ID] ?? {});
-        // Sort the filters with "date_range" type first, followed by the rest in the same order as the dashFilters, by label.
-        return Object.values(reportFilters[report?.id ?? TEMP_REPORT_ID] ?? {}).sort((a, b) => {
-            if (a.filter.filterType === 'date_range' &&
-                b.filter.filterType !== 'date_range') {
-                return -1;
-            }
-            else if (a.filter.filterType !== 'date_range' &&
-                b.filter.filterType === 'date_range') {
-                return 1;
-            }
-            else {
-                return (dashFilters.findIndex((f) => f.label === a.filter.label) -
-                    dashFilters.findIndex((f) => f.label === b.filter.label));
-            }
-        });
-    }, [reportFilters, report?.id]);
-    const reportDateFilter = useMemo(() => {
-        return Object.values(reportFilters[report?.id ?? TEMP_REPORT_ID] ?? {}).find((f) => f.filter.filterType === 'date_range')
-            ?.filter;
-    }, [reportFilters, report?.id]);
-    const presetOptions = useMemo(() => {
-        return reportDateFilter
-            ? convertPresetOptionsToSelectableList(reportDateFilter.presetOptions ?? [], reportDateFilter.defaultPresetRanges ?? [])
-            : defaultOptionsV2;
-    }, [reportDateFilter]);
-    // const userFilters = useMemo(() => {
-    //   return filters?.filter(
-    //     (f) =>
-    //       f.filterType !== InternalFilterType.DateCustomFilter &&
-    //       f.filterType !== InternalFilterType.DateFilter &&
-    //       f.filterType !== InternalFilterType.DateComparisonFilter,
-    //   );
-    // }, [filters]);
-    // A filter value can either be a string, an array of strings for a multiselect, or a date range (that could have a comparison range)
-    const [filterValues, setFilterValues] = useState({});
-    useEffect(() => {
-        if (reportDateFilter) {
-            // Filter for custom date filter that applies to the report's dateField
-            const customDateFilter = filters?.find((f) => f.filterType === FilterType.Date);
-            if (!customDateFilter) {
-                return;
-            }
-            const newFilter = applyCustomFilterToDashDateFilter(customDateFilter, reportDateFilter);
-            setFilterValues((filterValues) => ({
-                ...filterValues,
-                [reportDateFilter.label]: {
-                    startDate: newFilter.startDate,
-                    endDate: newFilter.endDate,
-                    preset: newFilter.preset,
-                    comparisonRange: newFilter.comparisonRange,
-                },
-            }));
-        }
-    }, [filters]);
-    const [theme] = useContext(ThemeContext);
-    const colorMap = useMemo(() => {
-        if (mapColorsToFields && report && theme) {
-            return mapColorsToFields(report, theme);
-        }
-    }, [report, theme]);
-    const updateFilter = (filter, value, comparison) => {
-        eventTracking?.addBreadcrumb?.({
-            message: 'Updated filter in InternalChart',
-            data: {
-                filter: filter,
-                value: value,
-                comparison: comparison,
-            },
-            category: 'log',
-            level: 'info',
-            timestamp: Date.now(),
-        });
-        let filterValue = {};
-        if (filter.filterType === DashboardFilterVariant.String) {
-            if (filter.stringFilterType === 'multiselect') {
-                if ((value?.length ?? 0) === 0) {
-                    filterValue = { values: undefined, operator: undefined };
-                }
-                else {
-                    filterValue = { values: value, operator: 'IN' };
-                }
-            }
-            else {
-                filterValue = { selectedValue: value };
-            }
-        }
-        else if (filter.filterType === DashboardFilterVariant.Date) {
-            if (comparison ||
-                (filter.comparison &&
-                    (filter.comparisonRange?.value ?? 'NO_COMPARISON') !==
-                        'NO_COMPARISON')) {
-                let preset = '';
-                if (comparison) {
-                    preset = filter.preset.value;
-                }
-                const key = comparison?.value ||
-                    (filter.comparisonRange?.value ?? 'NO_COMPARISON');
-                let primaryRange = {
-                    startDate: value ? value.startDate : filter.startDate,
-                    endDate: value ? value.endDate : filter.endDate,
-                };
-                if (value && value.preset) {
-                    preset = value.preset;
-                    primaryRange = getRangeFromPresetOptions(value.preset, presetOptions);
-                }
-                filterValue = {
-                    startDate: primaryRange.startDate,
-                    endDate: primaryRange.endDate,
-                    preset: {
-                        label: presetOptions.find((o) => o.value === preset)?.label ?? preset,
-                        value: preset,
-                    },
-                    comparisonRange: {
-                        startDate: COMPARISON_RANGE[key](primaryRange)
-                            ?.startDate,
-                        endDate: COMPARISON_RANGE[key](primaryRange)
-                            ?.endDate,
-                        value: key,
-                    },
-                };
-            }
-            else {
-                const primaryRange = value && value.preset
-                    ? getRangeFromPresetOptions(value.preset, presetOptions)
-                    : {
-                        startDate: value?.startDate || filter.startDate,
-                        endDate: value?.endDate || filter.endDate,
-                    };
-                const preset = value?.preset ? value.preset : '';
-                filterValue = {
-                    startDate: primaryRange.startDate,
-                    endDate: primaryRange.endDate,
-                    preset: {
-                        label: presetOptions.find((o) => o.value === preset)?.label ?? preset,
-                        value: preset,
-                    },
-                };
-            }
-        }
-        setFilterValues((filterValues) => ({
-            ...filterValues,
-            [filter.label]: filterValue,
-        }));
-        onDashboardFilterChange(filter.label, filterValue);
-    };
-    const [filtersExpanded, setFiltersExpanded] = useState(false);
-    const filtersContainerRef = useRef(null);
-    const [visibleFilters, setVisibleFilters] = useState([]);
-    const filtersOverflowing = useMemo(() => {
-        return visibleFilters.some((visible) => visible);
-    }, [visibleFilters]);
-    const measureItems = () => {
-        if (!filtersContainerRef.current) {
-            return;
-        }
-        const containerTop = filtersContainerRef.current.getBoundingClientRect().top;
-        const newVisibleItems = currentReportFilters.map((_, index) => {
-            const item = filtersContainerRef?.current?.children[index];
-            const itemTop = item?.getBoundingClientRect().top;
-            return containerTop - (itemTop ?? 0); // Same row as container
-        });
-        setVisibleFilters(newVisibleItems);
-    };
-    useLayoutEffect(() => {
-        requestAnimationFrame(() => measureItems());
-        const handleResize = () => {
-            measureItems();
-        };
-        window.addEventListener('resize', handleResize);
-        return () => window.removeEventListener('resize', handleResize);
-    }, [currentReportFilters, filtersEnabled, layoutChanged]);
-    if (error) {
-        return (_jsx("div", { style: containerStyle, className: className, children: _jsx(ChartError, { errorMessage: error }) }));
-    }
-    return (_jsxs("div", { style: {
-            display: 'flex',
-            flexDirection: 'column',
-            ...containerStyle,
-        }, id: `quill-internal-chart-${report.id}`, className: className, children: [isAdmin && !!currentReportFilters?.length && (_jsxs("div", { style: {
-                    maxWidth: filtersOverflowing ? '100%' : 'fit-content',
-                    marginBottom: 25,
-                    display: 'flex',
-                    flexDirection: 'column',
-                    gap: 4,
-                    alignItems: 'flex-start',
-                    flexWrap: 'wrap',
-                    border: filtersEnabled
-                        ? `1px solid ${theme?.borderColor ?? 'black'}`
-                        : 'none',
-                    padding: filtersEnabled ? 12 : 0,
-                    borderRadius: 6,
-                    opacity: filterToggleDisabled ? 0.5 : 1,
-                    zIndex: 1,
-                }, children: [_jsx("div", { style: {
-                            display: 'flex',
-                            flexDirection: 'row',
-                            justifyContent: 'space-between',
-                            width: '100%',
-                        }, children: _jsxs("div", { style: {
-                                display: 'flex',
-                                flexDirection: 'row',
-                                gap: 8,
-                                border: `1px solid ${theme?.borderColor ?? 'black'}`,
-                                padding: 8,
-                                borderRadius: 6,
-                            }, children: [_jsx(TogglePrimitive, { value: filtersEnabled, onClick: () => {
-                                        setFiltersEnabled(!filtersEnabled);
-                                        eventTracking?.addBreadcrumb?.({
-                                            message: 'Toggled filters in InternalChart',
-                                            data: {
-                                                filtersEnabled: !filtersEnabled,
-                                            },
-                                            category: 'interaction',
-                                            level: 'info',
-                                            timestamp: Date.now(),
-                                        });
-                                    }, style: {
-                                        marginTop: 2,
-                                        cursor: filterToggleDisabled ? 'not-allowed' : 'pointer',
-                                    }, disabled: filterToggleDisabled }), _jsx("h1", { style: {
-                                        fontSize: 14,
-                                        fontWeight: 600,
-                                        fontFamily: theme?.fontFamily,
-                                        color: theme?.primaryTextColor || '#575E6A',
-                                        userSelect: 'none',
-                                        margin: 0,
-                                    }, children: filtersEnabled
-                                        ? 'Previewing with dashboard filters'
-                                        : 'Previewing without dashboard filters' })] }) }), _jsxs("div", { ref: filtersContainerRef, style: {
-                            display: 'flex',
-                            flexDirection: 'row',
-                            alignItems: 'flex-end',
-                            flexWrap: 'wrap',
-                            gap: 12,
-                            flexGrow: 1,
-                            // If filters are expanded, show all filters, otherwise show only the first row
-                            maxHeight: filtersExpanded ? undefined : 108,
-                            minWidth: 500,
-                            paddingBottom: !filtersExpanded && filtersOverflowing && filtersEnabled
-                                ? 116
-                                : 0,
-                            position: 'relative',
-                        }, children: [filtersEnabled &&
-                                currentReportFilters.map((filter, index) => (_jsx(DashboardFilter, { filter: {
-                                        ...filter.filter,
-                                        ...(filter.filter.filterType === 'date_range' && {
-                                            options: presetOptions,
-                                        }),
-                                        ...filterValues[filter.filter.label],
-                                    }, isLoading: filter.loading, onChangeFilter: updateFilter, theme: theme, SelectComponent: SelectComponent, MultiSelectComponent: MultiSelectComponent, DateRangePickerComponent: DateRangePickerComponent, disabled: !filtersEnabled, containerStyle: {
-                                        // display: !filtersExpanded && visibleFilters[index] ? 'none' : 'inline',
-                                        visibility: !filtersExpanded && visibleFilters[index]
-                                            ? 'hidden'
-                                            : 'visible',
-                                    } }, index))), filtersOverflowing && filtersEnabled && (_jsx("div", { style: {
-                                    width: '100%',
-                                    position: filtersExpanded ? 'static' : 'absolute',
-                                    bottom: filtersExpanded ? 'auto' : 0,
-                                    marginBottom: !filtersExpanded ? -10 : 0,
-                                    backgroundColor: filtersExpanded ? 'none' : 'white',
-                                    zIndex: filtersExpanded ? 'auto' : 1,
-                                }, children: _jsxs("button", { className: "quill-secondary-button", onClick: () => setFiltersExpanded(!filtersExpanded), style: {
-                                        fontFamily: theme?.fontFamily,
-                                        color: theme?.primaryTextColor,
-                                        height: '38px', // 40px - 2px for top and bottom border
-                                        fontWeight: 400,
-                                        marginLeft: 2,
-                                        boxSizing: 'content-box',
-                                        fontSize: '14px',
-                                        cursor: 'pointer',
-                                        whiteSpace: 'nowrap',
-                                        display: 'flex',
-                                        flexDirection: 'row',
-                                        alignItems: 'center',
-                                        gap: 6,
-                                        marginBottom: !filtersExpanded ? 10 : 0,
-                                        marginTop: !filtersExpanded ? 4 : 0,
-                                    }, children: [_jsx("style", { children: `
-                      .quill-secondary-button {
-                        background-color: #F5F5F6;
-                        background-color: white;
-                        color: #212121';
-                        color: rgba(56, 65, 81, 0.75);
-                        height: 40px;
-                        border-radius: 6px;
-                        padding-left: 8px;
-                        padding-right: 8px;
-                        box-sizing: content-box;
-                        font-size: 15px;
-                        cursor: pointer;
-                        border: 0 solid ${theme?.borderColor ?? '#e7e7e7'};
-                      }
-                      .quill-secondary-button:hover {
-                        background-color: rgba(56, 65, 81, 0.09);
-                      }
-                  ` }), filtersExpanded ? 'Collapse' : 'See all'] }) }))] })] })), (loading && (!report || report.chartType !== 'table')) || !report ? (_jsx(LoadingComponent, {})) : (_jsxs(_Fragment, { children: ['metric' === report.chartType && (_jsx("div", { style: {
-                            marginLeft: 'auto',
-                            marginRight: 'auto',
-                            marginTop: 'auto',
-                            marginBottom: 'auto',
-                            display: 'flex',
-                        }, children: _jsx(MetricComponent, { error: error, isLoading: loading, report: report, children: report?.rows?.[0]?.[report.xAxisField] }) })), report.chartType !== 'table' && report.chartType !== 'metric' && (_jsx(ChartDisplay, { config: report, containerStyle: {
-                            minHeight: 300,
-                            width: ['US map', 'World map'].includes(report.chartType)
-                                ? '70%'
-                                : ['gauge'].includes(report.chartType)
-                                    ? undefined
-                                    : '100%',
-                            height: ['US map', 'World map'].includes(report.chartType)
-                                ? 'fit-content'
-                                : ['gauge'].includes(report.chartType)
-                                    ? 500
-                                    : undefined,
-                            marginLeft: ['gauge'].includes(report.chartType)
-                                ? 'undefined'
-                                : 'auto',
-                            marginRight: ['gauge'].includes(report.chartType)
-                                ? 'undefined'
-                                : 'auto',
-                        }, reportId: report.id, colors: colors, className: className, hideXAxis: hideXAxis, hideYAxis: hideYAxis, hideCartesianGrid: hideCartesianGrid, hideHorizontalCartesianGrid: hideHorizontalCartesianGrid, hideVerticalCartesianGrid: hideVerticalCartesianGrid, hideSubsequentXAxisTicks: hideSubsequentXAxisTicks, cartesianGridLineStyle: cartesianGridLineStyle, cartesianGridLineColor: cartesianGridLineColor, hideDateRangeFilter: hideDateRangeFilter, comparisonLineStyle: comparisonLineStyle, isAnimationActive: isAnimationActive, loading: loading, scrollable: true, colorMap: colorMap, LoadingComponent: LoadingComponent, onClickChartElement: onClickChartElement, referenceLines: report.referenceLineYValues }))] }))] }));
-}

package/dist/esm/components/Chart/LineChart.d.ts

@@ -1,33 +0,0 @@
-import { type ColorMapType } from '../../Chart';
-import { AxisFormat } from '../../Dashboard';
-export default function LineChart({ colors, colorMap, yAxisFields, data, containerStyle, className, xAxisField, xAxisFormat, theme, comparison, isAnimationActive, hideXAxis, hideYAxis, hideCartesianGrid, hideHorizontalCartesianGrid, hideVerticalCartesianGrid, hideSubsequentXAxisTicks, cartesianGridLineStyle, comparisonLineStyle, cartesianGridLineColor, onClickChartElement, dateFilter, referenceLines, showLegend, }: {
-    colors: string[];
-    colorMap?: ColorMapType;
-    yAxisFields: any[];
-    data: any[];
-    containerStyle?: React.CSSProperties;
-    className?: string;
-    xAxisField: string;
-    xAxisLabel: string;
-    xAxisFormat: AxisFormat;
-    theme: any;
-    comparison: any;
-    isAnimationActive: boolean;
-    hideXAxis: boolean;
-    hideYAxis: boolean;
-    hideCartesianGrid: boolean;
-    hideHorizontalCartesianGrid: boolean;
-    hideVerticalCartesianGrid: boolean;
-    hideSubsequentXAxisTicks: boolean;
-    cartesianGridLineStyle: 'solid' | 'dashed';
-    comparisonLineStyle: 'solid' | 'dashed';
-    cartesianGridLineColor?: string;
-    onClickChartElement?: (e: any) => void;
-    dateFilter?: any;
-    referenceLines?: {
-        label: string;
-        query: number[];
-    }[];
-    showLegend?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=LineChart.d.ts.map

package/dist/esm/components/Chart/LineChart.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/LineChart.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AA6B7C,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,MAAM,EACN,QAAa,EACb,WAAW,EACX,IAAI,EACJ,cAAc,EACd,SAAS,EACT,UAAU,EACV,WAAW,EACX,KAAK,EACL,UAAU,EACV,iBAAwB,EACxB,SAAiB,EACjB,SAAiB,EACjB,iBAAyB,EACzB,2BAAmC,EACnC,yBAAgC,EAChC,wBAAgC,EAChC,sBAAgC,EAChC,mBAA6B,EAC7B,sBAAsB,EACtB,mBAA8B,EAC9B,UAAU,EACV,cAAc,EACd,UAAkB,GACnB,EAAE;IACD,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,WAAW,EAAE,GAAG,EAAE,CAAC;IACnB,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,UAAU,CAAC;IACxB,KAAK,EAAE,GAAG,CAAC;IACX,UAAU,EAAE,GAAG,CAAC;IAChB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,2BAA2B,EAAE,OAAO,CAAC;IACrC,yBAAyB,EAAE,OAAO,CAAC;IACnC,wBAAwB,EAAE,OAAO,CAAC;IAClC,sBAAsB,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC3C,mBAAmB,EAAE,OAAO,GAAG,QAAQ,CAAC;IACxC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,mBAAmB,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,cAAc,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,EAAE,CAAA;KAAE,EAAE,CAAC;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,2CA8TA"}