@ackplus/react-tanstack-data-table 1.0.19-beta-0.6

package/lib/examples/simple-local-example.js

@@ -0,0 +1,101 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { Box, Typography, Chip } from '@mui/material';
+import { DataTable } from '../components';
+// Simple static data
+const products = [
+    { id: 1, name: 'Laptop Pro', category: 'Electronics', price: 1299, inStock: true, rating: 4.5 },
+    { id: 2, name: 'Wireless Mouse', category: 'Electronics', price: 29, inStock: true, rating: 4.2 },
+    { id: 3, name: 'Coffee Mug', category: 'Kitchen', price: 12, inStock: false, rating: 4.8 },
+    { id: 4, name: 'Desk Chair', category: 'Furniture', price: 189, inStock: true, rating: 4.0 },
+    { id: 5, name: 'Notebook Set', category: 'Office', price: 15, inStock: true, rating: 4.3 },
+    { id: 6, name: 'Water Bottle', category: 'Kitchen', price: 22, inStock: true, rating: 4.7 },
+    { id: 7, name: 'Monitor Stand', category: 'Electronics', price: 45, inStock: false, rating: 4.1 },
+    { id: 8, name: 'Pen Set', category: 'Office', price: 8, inStock: true, rating: 3.9 },
+    { id: 9, name: 'Table Lamp', category: 'Furniture', price: 67, inStock: true, rating: 4.4 },
+    { id: 10, name: 'Phone Case', category: 'Electronics', price: 25, inStock: true, rating: 4.6 },
+    { id: 11, name: 'Phone Case', category: 'Electronics', price: 25, inStock: true, rating: 4.6 },
+    { id: 12, name: 'Phone Case', category: 'Electronics', price: 25, inStock: true, rating: 4.6 },
+    { id: 13, name: 'Phone Case', category: 'Electronics', price: 25, inStock: true, rating: 4.6 },
+    { id: 14, name: 'Phone Case', category: 'Electronics', price: 25, inStock: true, rating: 4.6 },
+    { id: 15, name: 'Phone Case', category: 'Electronics', price: 25, inStock: true, rating: 4.6 },
+    { id: 16, name: 'Phone Case', category: 'Electronics', price: 25, inStock: true, rating: 4.6 },
+    { id: 17, name: 'Phone Case', category: 'Electronics', price: 25, inStock: true, rating: 4.6 },
+];
+// Simple column definitions
+const columns = [
+    {
+        accessorKey: 'name',
+        header: 'Product Name',
+        size: 180,
+    },
+    {
+        accessorKey: 'category',
+        header: 'Category',
+        size: 120,
+        cell: ({ getValue }) => (_jsx(Chip, { label: getValue(), size: "small", variant: "outlined", color: "primary" })),
+    },
+    {
+        accessorKey: 'price',
+        header: 'Price',
+        size: 100,
+        cell: ({ getValue }) => `$${getValue().toFixed(2)}`,
+    },
+    {
+        accessorKey: 'inStock',
+        header: 'In Stock',
+        size: 100,
+        cell: ({ getValue }) => (_jsx(Chip, { label: getValue() ? 'Yes' : 'No', color: getValue() ? 'success' : 'error', size: "small" })),
+    },
+    {
+        accessorKey: 'rating',
+        header: 'Rating',
+        size: 100,
+        cell: ({ getValue }) => `⭐ ${getValue().toFixed(1)}`,
+    },
+];
+export function SimpleLocalExample() {
+    // Memoize bulkActions function to prevent infinite re-renders
+    const bulkActions = useCallback((selectionState) => (_jsxs(Box, { sx: { display: 'flex', gap: 1 }, children: [_jsx("button", { onClick: () => {
+                    const count = selectionState.type === 'include'
+                        ? selectionState.ids.length
+                        : products.length - selectionState.ids.length;
+                    alert(`Selected ${count} products (${selectionState.type} mode)`);
+                }, style: {
+                    padding: '8px 16px',
+                    borderRadius: '4px',
+                    border: '1px solid #ccc',
+                    background: '#f5f5f5',
+                    cursor: 'pointer'
+                }, children: "\uD83D\uDCCA Show Count" }), _jsx("button", { onClick: () => {
+                    let selectedProducts;
+                    if (selectionState.type === 'include') {
+                        selectedProducts = products.filter(p => selectionState.ids.includes(p.id.toString()));
+                    }
+                    else {
+                        selectedProducts = products.filter(p => !selectionState.ids.includes(p.id.toString()));
+                    }
+                    const total = selectedProducts.reduce((sum, product) => sum + product.price, 0);
+                    alert(`Total value: $${total.toFixed(2)}`);
+                }, style: {
+                    padding: '8px 16px',
+                    borderRadius: '4px',
+                    border: '1px solid #ccc',
+                    background: '#f5f5f5',
+                    cursor: 'pointer'
+                }, children: "\uD83D\uDCB0 Calculate Total" })] })), []);
+    return (_jsxs(Box, { sx: { p: 3 }, children: [_jsx(Typography, { variant: "h4", gutterBottom: true, children: "Simple Local Data Example" }), _jsx(Typography, { variant: "body1", color: "text.secondary", sx: { mb: 3 }, children: "A basic example using static local data with no API calls. Demonstrates essential DataTable features with minimal setup." }), _jsx(DataTable, { data: products, totalRow: products.length, columns: columns, 
+                //Enable basic features
+                enableSorting: true, enableGlobalFilter: true, enableColumnFilter: true, 
+                // enablePagination={false}
+                enableColumnResizing: true, enableRowSelection: true, enableBulkActions: true, bulkActions: bulkActions, fitToScreen: true, initialState: {
+                    pagination: {
+                        pageIndex: 0,
+                        pageSize: 5,
+                    },
+                }, slotProps: {
+                    pagination: {
+                        rowsPerPageOptions: [5, 10, 20, 30, 40, 50],
+                    },
+                } }), _jsx(Box, { sx: { mt: 2, p: 2, backgroundColor: 'grey.50', borderRadius: 1 }, children: _jsxs(Typography, { variant: "body2", color: "text.secondary", children: ["\uD83D\uDCA1 ", _jsx("strong", { children: "This example demonstrates:" }), _jsx("br", {}), "\u2022 Basic table with static local data", _jsx("br", {}), "\u2022 Simple column definitions with custom cell renderers", _jsx("br", {}), "\u2022 Sorting, filtering, and pagination", _jsx("br", {}), "\u2022 Row selection with bulk actions", _jsx("br", {}), "\u2022 Minimal setup - perfect for getting started"] }) })] }));
+}

package/lib/examples/simple-server-selection-example.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple-server-selection-example.d.ts","sourceRoot":"","sources":["../../../src/lib/examples/simple-server-selection-example.tsx"],"names":[],"mappings":"AAsCA,wBAAgB,4BAA4B,4CA+Q3C"}

package/lib/examples/simple-server-selection-example.js

@@ -0,0 +1,178 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Simple Server Selection Example
+ * Demonstrates the clean, straightforward approach to server-side selection using selectMode
+ */
+import { useState, useMemo, useRef } from 'react';
+import { Box, Typography, Card, CardContent, Button, Alert, Chip, Stack } from '@mui/material';
+import { DataTable } from '../components/table/data-table';
+// Generate sample data
+const generateEmployees = (count) => {
+    const departments = ['Engineering', 'Marketing', 'Sales', 'HR', 'Finance'];
+    const roles = ['Manager', 'Senior', 'Junior', 'Lead', 'Director'];
+    const names = ['John Smith', 'Jane Doe', 'Bob Johnson', 'Alice Brown', 'Charlie Wilson'];
+    return Array.from({ length: count }, (_, index) => ({
+        id: index + 1,
+        name: names[Math.floor(Math.random() * names.length)] + ` ${index + 1}`,
+        email: `employee${index + 1}@company.com`,
+        department: departments[Math.floor(Math.random() * departments.length)],
+        role: roles[Math.floor(Math.random() * roles.length)],
+        salary: Math.floor(Math.random() * 80000) + 40000,
+        isActive: Math.random() > 0.2,
+    }));
+};
+export function SimpleServerSelectionExample() {
+    // Sample data (in real app, this would come from server)
+    const employees = useMemo(() => generateEmployees(500), []);
+    const totalFilteredCount = employees.length; // In real app, this comes from server
+    // Selection mode state
+    const [selectMode, setSelectMode] = useState('page');
+    // API ref for debugging
+    const apiRef = useRef(null);
+    const handleFetchData = (filters) => {
+        if (filters?.pagination?.pageSize) {
+            const data = employees.slice(filters.pagination.pageIndex * filters?.pagination?.pageSize, (filters.pagination.pageIndex + 1) * filters?.pagination?.pageSize);
+            console.log('data', data?.length);
+            return Promise.resolve({
+                data,
+                total: employees.length,
+            });
+        }
+        return Promise.resolve({
+            data: employees,
+            total: employees.length,
+        });
+    };
+    // Define columns
+    const columns = [
+        {
+            id: 'name',
+            accessorKey: 'name',
+            header: 'Name',
+            size: 200,
+        },
+        {
+            id: 'email',
+            accessorKey: 'email',
+            header: 'Email',
+            size: 250,
+        },
+        {
+            id: 'department',
+            accessorKey: 'department',
+            header: 'Department',
+            size: 150,
+        },
+        {
+            id: 'role',
+            accessorKey: 'role',
+            header: 'Role',
+            size: 120,
+        },
+        {
+            id: 'salary',
+            accessorKey: 'salary',
+            header: 'Salary',
+            size: 120,
+            cell: ({ getValue }) => `$${getValue().toLocaleString()}`,
+        },
+        {
+            id: 'isActive',
+            accessorKey: 'isActive',
+            header: 'Status',
+            size: 100,
+            cell: ({ getValue }) => getValue() ? 'Active' : 'Inactive',
+        },
+    ];
+    return (_jsxs(Box, { sx: { p: 3 }, children: [_jsx(Typography, { variant: "h4", gutterBottom: true, children: "Simple Server Selection Example" }), _jsx(Typography, { variant: "body1", color: "text.secondary", paragraph: true, children: "Clean implementation of server-side selection with page-level and \"select all matching\" features." }), _jsx(Card, { sx: { mb: 3 }, children: _jsxs(CardContent, { children: [_jsx(Typography, { variant: "h6", gutterBottom: true, children: "Selection Mode" }), _jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [_jsx(Button, { variant: selectMode === 'page' ? 'contained' : 'outlined', onClick: () => setSelectMode('page'), size: "small", children: "Page Selection" }), _jsx(Button, { variant: selectMode === 'all' ? 'contained' : 'outlined', onClick: () => setSelectMode('all'), size: "small", children: "All Pages Selection" }), _jsx(Chip, { label: selectMode === 'page' ? 'Select rows on current page only' : 'Select all matching rows across pages', size: "small", color: "info" })] })] }) }), _jsx(Alert, { severity: "info", sx: { mb: 3 }, children: _jsxs(Typography, { variant: "body2", children: [_jsx("strong", { children: "How to use:" }), _jsx("br", {}), "\u2022 ", _jsx("strong", { children: "Page Selection:" }), " Header checkbox selects/deselects all rows on current page", _jsx("br", {}), "\u2022 ", _jsx("strong", { children: "All Pages Selection:" }), " Header checkbox toggles \"select all matching\" mode", _jsx("br", {}), "\u2022 When \"select all matching\" is active, individual checkboxes exclude/include specific rows", _jsx("br", {}), "\u2022 Bulk actions receive different payload based on selection mode"] }) }), _jsx(DataTable, { ref: (api) => {
+                    apiRef.current = api;
+                    // You can access the selection API here
+                    if (api) {
+                        // Example: api.selection.getSelectionState()
+                        // Example: api.selection.selectAll()
+                        // Example: api.selection.setSelectionMode('all')
+                    }
+                }, initialLoadData: true, columns: columns, onFetchData: handleFetchData, dataMode: "server" // Server mode to demonstrate server selection
+                , selectMode: selectMode, enableRowSelection: true, enableMultiRowSelection: true, enableBulkActions: true, enablePagination: true, bulkActions: (selectionState) => (_jsxs(Button, { variant: "contained", size: "small", onClick: () => {
+                        // The bulk action payload is automatically logged in console
+                        // You can also access it via the API ref
+                        console.log('Bulk action triggered with selection mode:', selectMode);
+                        console.log('Selected rows:', selectionState?.ids);
+                    }, children: ["Delete Selected (", selectionState?.ids.length, ")"] })) }), _jsx(Card, { sx: { mt: 3 }, children: _jsxs(CardContent, { children: [_jsx(Typography, { variant: "h6", gutterBottom: true, children: "Debug Controls" }), _jsxs(Stack, { direction: "row", spacing: 2, children: [_jsx(Button, { variant: "outlined", onClick: () => {
+                                        if (apiRef.current) {
+                                            console.log('Manual selectAll trigger');
+                                            apiRef.current.selection.selectAll();
+                                        }
+                                    }, children: "Manual Select All" }), _jsx(Button, { variant: "outlined", onClick: () => {
+                                        if (apiRef.current) {
+                                            console.log('Manual toggleSelectAll trigger');
+                                            apiRef.current.selection.toggleSelectAll();
+                                        }
+                                    }, children: "Manual Toggle Select All" }), _jsx(Button, { variant: "outlined", onClick: () => {
+                                        if (apiRef.current) {
+                                            const payload = apiRef.current.selection.getSelectionState();
+                                            console.log('Current Selection Payload:', payload);
+                                            console.log('Selected Count:', apiRef.current.selection.getSelectedCount());
+                                            console.log('Is All Selected:', apiRef.current.selection.isAllSelected());
+                                            console.log('Is Some Selected:', apiRef.current.selection.isSomeSelected());
+                                        }
+                                    }, children: "Debug Selection State" })] })] }) }), _jsx(Card, { sx: { mt: 3 }, children: _jsxs(CardContent, { children: [_jsx(Typography, { variant: "h6", gutterBottom: true, children: "Key Implementation Details:" }), _jsx(Typography, { variant: "body2", component: "pre", sx: {
+                                bgcolor: 'grey.100',
+                                p: 2,
+                                borderRadius: 1,
+                                overflow: 'auto',
+                                fontSize: '0.875rem',
+                                fontFamily: 'monospace'
+                            }, children: `// User's exact state structure
+type ServerSelectionState = {
+  selectAllMatching: boolean; // true = all filtered rows across pages selected
+  selectedRowIds: string[];   // specific rows selected if selectAllMatching=false
+  excludedRowIds: string[];   // specific rows excluded if selectAllMatching=true
+};
+
+// Handler: Select All Matching Rows Across Pages
+const handleSelectAllMatching = () => {
+  setServerSelection({
+    selectAllMatching: true,
+    selectedRowIds: [],
+    excludedRowIds: [],
+  });
+};
+
+// Handler: Toggle Individual Row Selection
+const handleRowToggle = (rowId: string, isSelected: boolean) => {
+  setServerSelection(prev => {
+    if (prev.selectAllMatching) {
+      // If selecting all: manage exclusions
+      return {
+        ...prev,
+        excludedRowIds: isSelected
+          ? prev.excludedRowIds.filter(id => id !== rowId) // re-select row
+          : [...prev.excludedRowIds, rowId],              // deselect row
+      };
+    } else {
+      // If not selecting all: manage individual selection
+      return {
+        ...prev,
+        selectedRowIds: isSelected
+          ? [...prev.selectedRowIds, rowId]
+          : prev.selectedRowIds.filter(id => id !== rowId),
+      };
+    }
+  });
+};
+
+// Payload for Bulk Actions
+const getBulkActionPayload = () => ({
+  filters: table.getState().columnFilters,
+  selectAllMatching: serverSelection.selectAllMatching,
+  selectedRowIds: serverSelection.selectedRowIds,
+  excludedRowIds: serverSelection.excludedRowIds,
+});` })] }) })] }));
+}
+// Separate component to demonstrate the server selection integration
+function ServerSelectionDataTable({ columns, data, totalFilteredCount }) {
+    // This would be your DataTable component with server selection integrated
+    // For now, we'll create a simplified version to show the concept
+    return (_jsx(Card, { children: _jsxs(CardContent, { children: [_jsx(Typography, { variant: "h6", gutterBottom: true, children: "DataTable with Server Selection" }), _jsx(Typography, { variant: "body2", color: "text.secondary", children: "This is where your DataTable component would be integrated with the server selection hook. The actual implementation would connect the useServerSelection hook with your DataTable component." }), _jsxs(Stack, { spacing: 2, sx: { mt: 2 }, children: [_jsxs(Typography, { variant: "body2", children: [_jsx("strong", { children: "Total Employees:" }), " ", totalFilteredCount.toLocaleString()] }), _jsxs(Typography, { variant: "body2", children: [_jsx("strong", { children: "Columns:" }), " ", columns.map(col => col.header).join(', ')] })] }), _jsx(Alert, { severity: "warning", sx: { mt: 2 }, children: _jsxs(Typography, { variant: "body2", children: [_jsx("strong", { children: "Next Step:" }), " Integrate the useServerSelection hook with your DataTable component to enable the server selection functionality shown in the code example above."] }) })] }) }));
+}

package/lib/examples/virtualized-example.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"virtualized-example.d.ts","sourceRoot":"","sources":["../../../src/lib/examples/virtualized-example.tsx"],"names":[],"mappings":"AA0CA,wBAAgB,kBAAkB,4CA6MjC"}

package/lib/examples/virtualized-example.js

@@ -0,0 +1,119 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Typography, Button, ButtonGroup, Chip } from '@mui/material';
+import { useState, useMemo } from 'react';
+import { DataTable } from '../components';
+// Generate sample data
+const generateSampleData = (count) => {
+    const departments = [
+        'Engineering',
+        'Marketing',
+        'Sales',
+        'HR',
+        'Finance',
+    ];
+    const statuses = ['active', 'inactive'];
+    return Array.from({ length: count }, (_, i) => ({
+        id: i + 1,
+        name: `User ${i + 1}`,
+        email: `user${i + 1}@example.com`,
+        age: Math.floor(Math.random() * 40) + 25,
+        department: departments[Math.floor(Math.random() * departments.length)],
+        salary: Math.floor(Math.random() * 100000) + 40000,
+        joinDate: new Date(2020 + Math.floor(Math.random() * 4), Math.floor(Math.random() * 12), Math.floor(Math.random() * 28) + 1).toISOString().split('T')[0],
+        status: statuses[Math.floor(Math.random() * statuses.length)],
+    }));
+};
+export function VirtualizedExample() {
+    const [datasetSize, setDatasetSize] = useState(1000);
+    const [enableVirtualization, setEnableVirtualization] = useState(true);
+    // Generate data based on selected size
+    const data = useMemo(() => generateSampleData(datasetSize), [datasetSize]);
+    // Define columns
+    const columns = [
+        {
+            id: 'id',
+            header: 'ID',
+            size: 80,
+        },
+        {
+            accessorKey: 'name',
+            header: 'Name',
+            size: 150,
+        },
+        {
+            accessorKey: 'email',
+            header: 'Email',
+            size: 200,
+        },
+        {
+            accessorKey: 'age',
+            header: 'Age',
+            size: 80,
+        },
+        {
+            accessorKey: 'department',
+            header: 'Department',
+            size: 120,
+        },
+        {
+            accessorKey: 'salary',
+            header: 'Salary',
+            size: 120,
+            cell: ({ getValue }) => `$${getValue().toLocaleString()}`,
+        },
+        {
+            accessorKey: 'joinDate',
+            header: 'Join Date',
+            size: 120,
+        },
+        {
+            accessorKey: 'status',
+            header: 'Status',
+            size: 100,
+            cell: ({ getValue }) => {
+                const status = getValue();
+                return (_jsx(Chip, { label: status, color: status === 'active' ? 'success' : 'default', size: "small" }));
+            },
+        },
+    ];
+    const datasetOptions = [
+        {
+            size: 100,
+            label: '100 rows',
+        },
+        {
+            size: 500,
+            label: '500 rows',
+        },
+        {
+            size: 1000,
+            label: '1K rows',
+        },
+        {
+            size: 5000,
+            label: '5K rows',
+        },
+        {
+            size: 10000,
+            label: '10K rows',
+        },
+    ];
+    return (_jsxs(Box, { sx: { p: 3 }, children: [_jsx(Typography, { variant: "h4", gutterBottom: true, children: "Virtualized DataTable Performance Test" }), _jsx(Typography, { variant: "body1", sx: { mb: 3 }, children: "Test the performance of the DataTable with different dataset sizes. Virtualization is recommended for datasets with 1000+ rows." }), _jsxs(Box, { sx: {
+                    mb: 3,
+                    display: 'flex',
+                    gap: 2,
+                    alignItems: 'center',
+                    flexWrap: 'wrap',
+                }, children: [_jsx(Typography, { variant: "subtitle1", children: "Dataset Size:" }), _jsx(ButtonGroup, { size: "small", children: datasetOptions.map((option) => (_jsx(Button, { variant: datasetSize === option.size ? 'contained' : 'outlined', onClick: () => setDatasetSize(option.size), children: option.label }, option.size))) }), _jsxs(Button, { variant: enableVirtualization ? 'contained' : 'outlined', onClick: () => setEnableVirtualization(!enableVirtualization), color: enableVirtualization ? 'primary' : 'secondary', children: ["Virtualization:", ' ', enableVirtualization ? 'ON' : 'OFF'] })] }), _jsxs(Box, { sx: {
+                    mb: 2,
+                    p: 2,
+                    bgcolor: 'background.paper',
+                    borderRadius: 1,
+                    border: '1px solid',
+                    borderColor: 'divider',
+                }, children: [_jsx(Typography, { variant: "subtitle2", gutterBottom: true, children: "Current Configuration:" }), _jsxs(Typography, { variant: "body2", children: ["\u2022 Dataset:", ' ', datasetSize.toLocaleString(), ' ', "rows \u00D7", ' ', columns.length, ' ', "columns"] }), _jsxs(Typography, { variant: "body2", children: ["\u2022 Virtualization:", ' ', enableVirtualization ? 'Enabled' : 'Disabled'] }), _jsxs(Typography, { variant: "body2", children: ["\u2022 Pagination:", ' ', enableVirtualization ? 'Disabled (not compatible with virtualization)' : 'Enabled'] }), datasetSize >= 1000 && !enableVirtualization && (_jsx(Typography, { variant: "body2", color: "warning.main", children: "\u26A0\uFE0F Large dataset without virtualization may cause performance issues" }))] }), _jsx(DataTable, { columns: columns, data: data, enableRowSelection: true, enableColumnResizing: true, enableSorting: true, enableGlobalFilter: true, enableHover: true, enableStripes: true, fitToScreen: true, maxHeight: "500px", enableStickyHeaderOrFooter: true, 
+                // Virtualization settings
+                enableVirtualization: enableVirtualization, estimateRowHeight: 52, 
+                // Disable pagination when virtualization is enabled
+                enablePagination: !enableVirtualization })] }));
+}

package/lib/features/custom-column-filter.feature.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-column-filter.feature.d.ts","sourceRoot":"","sources":["../../../src/lib/features/custom-column-filter.feature.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EACH,KAAK,EACL,YAAY,EACZ,OAAO,EACP,OAAO,EAGP,QAAQ,EAGX,MAAM,uBAAuB,CAAC;AAG/B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAIpE,MAAM,WAAW,gBAAgB;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,GAAG,CAAC;IACX,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAID,MAAM,WAAW,yBAAyB;IACtC,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,0BAA0B,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,uBAAuB,CAAC,KAAK,IAAI,CAAC;IAEjF,yBAAyB,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,IAAI,CAAC;CACxE;AAED,MAAM,WAAW,4BAA4B;IACzC,kBAAkB,EAAE,uBAAuB,CAAC;CAC/C;AAGD,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,UAAW,SAAQ,4BAA4B;KAAI;IAC7D,UAAU,oBAAoB,CAAC,KAAK,SAAS,OAAO,CAChD,SAAQ,yBAAyB;KAAI;IACzC,UAAU,KAAK,CAAC,KAAK,SAAS,OAAO,CAAE,SAAQ,0BAA0B,CAAC,KAAK,CAAC;KAAI;CACvF;AAGD,MAAM,WAAW,0BAA0B,CAAC,KAAK,SAAS,OAAO;IAC7D,qBAAqB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,uBAAuB,CAAC,KAAK,IAAI,CAAC;IAG3E,sBAAsB,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACjF,yBAAyB,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC1F,yBAAyB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,4BAA4B,EAAE,MAAM,IAAI,CAAC;IACzC,qBAAqB,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,KAAK,IAAI,CAAC;IAGrD,yBAAyB,EAAE,MAAM,IAAI,CAAC;IAGtC,eAAe,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC1E,kBAAkB,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACnF,kBAAkB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,cAAc,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,KAAK,IAAI,CAAC;IAG9C,sBAAsB,EAAE,MAAM,gBAAgB,EAAE,CAAC;IACjD,uBAAuB,EAAE,MAAM,gBAAgB,EAAE,CAAC;IAClD,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;CAC7D;AAGD,eAAO,MAAM,yBAAyB,EAAE,YAAY,CAAC,GAAG,CAyKvD,CAAC;AAEF;;;GAGG;AACH,wBAAgB,0BAA0B,CAAC,KAAK,SAAS,OAAO,EAC5D,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,gBAAgB,EAAE,EAC3B,KAAK,GAAE,KAAK,GAAG,IAAY,GAC5B,OAAO,CA2BT;AAID,eAAO,MAAM,2BAA2B,GAAI,KAAK,QACrC,OAAO,KAAK,CAAC,KAAK,CAAC,WAAS,QAAQ,CAAC,KAAK,CAiCrD,CAAC"}