pixelize-design-library 2.3.6 → 2.3.8

package/dist/Components/Table/hooks/useDebounce.d.ts

@@ -1,2 +1,3 @@
-declare const useDebounce: (callback: Function, delay: number) => (...args: any[]) => void;
+declare const useDebounce: (callback: (...args: unknown[]) => void, delay: number) => (...args: unknown[]) => void;
 export default useDebounce;
+//# sourceMappingURL=useDebounce.d.ts.map

package/dist/Components/Table/hooks/useDebounce.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebounce.d.ts","sourceRoot":"","sources":["../../../../src/Components/Table/hooks/useDebounce.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,WAAW,GAAI,UAAU,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,EAAE,OAAO,MAAM,eAY5D,OAAO,EAAE,SAatB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/Components/Table/hooks/useDebounce.js

@@ -1,26 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("react");
+const react_1 = require("react");
 // First, create a custom debounce hook
-var useDebounce = function (callback, delay) {
-    var timeoutRef = (0, react_1.useRef)();
-    (0, react_1.useEffect)(function () {
-        return function () {
+const useDebounce = (callback, delay) => {
+    const timeoutRef = (0, react_1.useRef)();
+    (0, react_1.useEffect)(() => {
+        return () => {
             if (timeoutRef.current) {
                 clearTimeout(timeoutRef.current);
             }
         };
     }, []);
-    var debouncedCallback = (0, react_1.useCallback)(function () {
-        var args = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            args[_i] = arguments[_i];
-        }
+    const debouncedCallback = (0, react_1.useCallback)((...args) => {
         if (timeoutRef.current) {
             clearTimeout(timeoutRef.current);
         }
-        timeoutRef.current = setTimeout(function () {
-            callback.apply(void 0, args);
+        timeoutRef.current = setTimeout(() => {
+            callback(...args);
         }, delay);
     }, [callback, delay]);
     return debouncedCallback;

package/dist/Components/Table/hooks/useTable.d.ts

@@ -6,8 +6,8 @@ type UseTableProps = {
     selections?: (string | number)[];
     columns: TableHeaderProps[];
     onSelection?: (selected: (string | number)[]) => void;
-    tablePreferences?: Record<string, any>;
-    savePreferences?: (data: Record<string, any>) => void;
+    tablePreferences?: Record<string, unknown>;
+    savePreferences?: (data: Record<string, unknown>) => void;
     noOfRowsPerPage?: number;
     isServerPagination: boolean;
     totalRecords: number;
@@ -41,8 +41,9 @@ declare const useTable: ({ tableBorderColor, data, isPagination, selections, onS
     rowsPerPage: number;
     setCurrentPage: import("react").Dispatch<import("react").SetStateAction<number>>;
     columnsList: TableHeaderProps[];
-    handleColumnPreferences: (columns: any, extra?: Record<string, any>) => void;
+    handleColumnPreferences: (columns: TableHeaderProps[], extra?: Record<string, unknown>) => void;
     isSelecting: boolean;
     selectAllRowsRef: import("react").MutableRefObject<DataObject[] | null>;
 };
 export default useTable;
+//# sourceMappingURL=useTable.d.ts.map

package/dist/Components/Table/hooks/useTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTable.d.ts","sourceRoot":"","sources":["../../../../src/Components/Table/hooks/useTable.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,kBAAkB,EAClB,UAAU,EACV,gBAAgB,EACjB,MAAM,eAAe,CAAC;AAGvB,KAAK,aAAa,GAAG;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IACjC,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC;IACtD,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC3C,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAC1D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,YAAY,EAAE,MAAM,CAAC;IACrB,uBAAuB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC,CAAC;AAqBF,QAAA,MAAM,QAAQ,GAAI,mNAcf,aAAa;;;;;;;;;;;;;;wBA2HJ,MAAM,GAAG,MAAM,QAAQ,KAAK,GAAG,MAAM,GAAG,MAAM;yBA2CjD,MAAM,GAAG,MAAM;;;;;;kCAtDb,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAC;;;;;;uCAuFlC,gBAAgB,EAAE,UACpB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;;;CAoCjC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/Components/Table/hooks/useTable.js

@@ -1,34 +1,14 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("react");
-var useCustomTheme_1 = require("../../../Theme/useCustomTheme");
-var table_1 = require("../../../Utils/table");
-var defaultPageSize = 20;
-var mergeColumnWithPreference = function (pref, originalCol) {
+const react_1 = require("react");
+const useCustomTheme_1 = require("../../../Theme/useCustomTheme");
+const table_1 = require("../../../Utils/table");
+const defaultPageSize = 20;
+const mergeColumnWithPreference = (pref, originalCol) => {
     if (!pref || typeof pref !== "object") {
-        return __assign({}, originalCol);
+        return { ...originalCol };
     }
-    var next = __assign({}, originalCol);
+    const next = { ...originalCol };
     if (typeof pref.isHidden === "boolean") {
         next.isHidden = pref.isHidden;
     }
@@ -37,50 +17,55 @@ var mergeColumnWithPreference = function (pref, originalCol) {
     }
     return next;
 };
-var useTable = function (_a) {
-    var _b, _c;
-    var tableBorderColor = _a.tableBorderColor, data = _a.data, isPagination = _a.isPagination, selections = _a.selections, onSelection = _a.onSelection, tablePreferences = _a.tablePreferences, savePreferences = _a.savePreferences, noOfRowsPerPage = _a.noOfRowsPerPage, isServerPagination = _a.isServerPagination, totalRecords = _a.totalRecords, columns = _a.columns, onNoOfRowsPerPageChange = _a.onNoOfRowsPerPageChange, defaultVisibleColumns = _a.defaultVisibleColumns;
-    var theme = (0, useCustomTheme_1.useCustomTheme)();
-    var headerRefs = (0, react_1.useRef)([]);
-    var _d = (0, react_1.useState)([]), columnWidths = _d[0], setColumnWidths = _d[1];
-    var _e = (0, react_1.useState)(selections !== null && selections !== void 0 ? selections : []), selection = _e[0], setSelection = _e[1];
-    var _f = (0, react_1.useState)([]), columnsSort = _f[0], setColumnsSort = _f[1];
-    var _g = (0, react_1.useState)(0), currentPage = _g[0], setCurrentPage = _g[1];
-    var _h = (0, react_1.useState)(noOfRowsPerPage !== null && noOfRowsPerPage !== void 0 ? noOfRowsPerPage : defaultPageSize), rowsPerPage = _h[0], setRowsPerPage = _h[1];
+const useTable = ({ tableBorderColor, data, isPagination, selections, onSelection, tablePreferences, savePreferences, noOfRowsPerPage, isServerPagination, totalRecords, columns, onNoOfRowsPerPageChange, defaultVisibleColumns, }) => {
+    var _a, _b;
+    const theme = (0, useCustomTheme_1.useCustomTheme)();
+    const headerRefs = (0, react_1.useRef)([]);
+    const [columnWidths, setColumnWidths] = (0, react_1.useState)([]);
+    const [selection, setSelection] = (0, react_1.useState)(selections !== null && selections !== void 0 ? selections : []);
+    const [columnsSort, setColumnsSort] = (0, react_1.useState)([]);
+    const [currentPage, setCurrentPage] = (0, react_1.useState)(0);
+    const [rowsPerPage, setRowsPerPage] = (0, react_1.useState)(noOfRowsPerPage !== null && noOfRowsPerPage !== void 0 ? noOfRowsPerPage : defaultPageSize);
     // Keep the internal page size in sync with the `noOfRowsPerPage` prop when the
     // consumer changes it (e.g. a page-size control outside the table).
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         if (noOfRowsPerPage !== undefined) {
             setRowsPerPage(noOfRowsPerPage);
         }
     }, [noOfRowsPerPage]);
-    var tableData = data;
-    var _j = (0, react_1.useState)(function () {
-        return columns.map(function (col, i) {
+    const tableData = data;
+    const [columnsList, setColumnsList] = (0, react_1.useState)(() => {
+        return columns.map((col, i) => {
             var _a;
-            return (__assign(__assign({}, col), { isHidden: defaultVisibleColumns ? i >= defaultVisibleColumns : ((_a = col.isHidden) !== null && _a !== void 0 ? _a : false) }));
+            return ({
+                ...col,
+                isHidden: defaultVisibleColumns ? i >= defaultVisibleColumns : ((_a = col.isHidden) !== null && _a !== void 0 ? _a : false),
+            });
         });
-    }), columnsList = _j[0], setColumnsList = _j[1];
-    (0, react_1.useEffect)(function () {
+    });
+    (0, react_1.useEffect)(() => {
         var _a;
-        var columnPreference = (_a = tablePreferences === null || tablePreferences === void 0 ? void 0 : tablePreferences.columns) !== null && _a !== void 0 ? _a : [];
+        const columnPreference = (_a = tablePreferences === null || tablePreferences === void 0 ? void 0 : tablePreferences.columns) !== null && _a !== void 0 ? _a : [];
         if (Array.isArray(columnPreference) && columnPreference.length > 0) {
-            var mergedColumns = columnPreference.map(function (originalCol) {
-                var prefCol = columns.find(function (c) { return c.id === originalCol.id; });
+            const mergedColumns = columnPreference.map((originalCol) => {
+                const prefCol = columns.find((c) => c.id === originalCol.id);
                 return prefCol
                     ? mergeColumnWithPreference(originalCol, prefCol)
-                    : __assign({}, originalCol);
+                    : { ...originalCol };
             });
             setColumnsList(mergedColumns);
         }
         else {
-            setColumnsList(columns.map(function (col, i) {
+            setColumnsList(columns.map((col, i) => {
                 var _a;
-                return (__assign(__assign({}, col), { isHidden: defaultVisibleColumns ? i >= defaultVisibleColumns : ((_a = col.isHidden) !== null && _a !== void 0 ? _a : false) }));
+                return ({
+                    ...col,
+                    isHidden: defaultVisibleColumns ? i >= defaultVisibleColumns : ((_a = col.isHidden) !== null && _a !== void 0 ? _a : false),
+                });
             }));
         }
     }, [tablePreferences, columns, defaultVisibleColumns]);
-    var tableContainerStyles = (0, react_1.useMemo)(function () {
+    const tableContainerStyles = (0, react_1.useMemo)(() => {
         var _a;
         return ({
             borderRadius: "10px 0 0 10px",
@@ -91,23 +76,23 @@ var useTable = function (_a) {
             overflowY: "auto",
         });
     }, [tableBorderColor, theme]);
-    var prevIsContent = (0, react_1.useRef)(false);
-    var prevIsLink = (0, react_1.useRef)(false);
-    var isContent = (0, react_1.useMemo)(function () {
-        var result = tableData.some(function (o) { return o.content; });
+    const prevIsContent = (0, react_1.useRef)(false);
+    const prevIsLink = (0, react_1.useRef)(false);
+    const isContent = (0, react_1.useMemo)(() => {
+        const result = tableData.some((o) => o.content);
         prevIsContent.current = result;
         return result;
-    }, [tableData.length === 0 ? 0 : (_b = tableData[0]) === null || _b === void 0 ? void 0 : _b.id, tableData.length]); // eslint-disable-line react-hooks/exhaustive-deps
-    var isLink = (0, react_1.useMemo)(function () {
-        var result = tableData.some(function (o) { return o.onLink || o.onDelete || o.onEdit; });
+    }, [tableData.length === 0 ? 0 : (_a = tableData[0]) === null || _a === void 0 ? void 0 : _a.id, tableData.length]); // eslint-disable-line react-hooks/exhaustive-deps
+    const isLink = (0, react_1.useMemo)(() => {
+        const result = tableData.some((o) => o.onLink || o.onDelete || o.onEdit);
         prevIsLink.current = result;
         return result;
-    }, [tableData.length === 0 ? 0 : (_c = tableData[0]) === null || _c === void 0 ? void 0 : _c.id, tableData.length]); // eslint-disable-line react-hooks/exhaustive-deps
-    (0, react_1.useEffect)(function () {
-        var widths = headerRefs.current.map(function (ref) { return (ref === null || ref === void 0 ? void 0 : ref.offsetWidth) || 0; });
+    }, [tableData.length === 0 ? 0 : (_b = tableData[0]) === null || _b === void 0 ? void 0 : _b.id, tableData.length]); // eslint-disable-line react-hooks/exhaustive-deps
+    (0, react_1.useEffect)(() => {
+        const widths = headerRefs.current.map((ref) => (ref === null || ref === void 0 ? void 0 : ref.offsetWidth) || 0);
         setColumnWidths(widths);
     }, []);
-    var pages = (0, react_1.useMemo)(function () {
+    const pages = (0, react_1.useMemo)(() => {
         if (isServerPagination) {
             return Math.ceil(totalRecords / (rowsPerPage || 1));
         }
@@ -119,29 +104,29 @@ var useTable = function (_a) {
         totalRecords,
         isServerPagination,
     ]);
-    var startRow = (0, react_1.useMemo)(function () { return (!isPagination ? 0 : currentPage * rowsPerPage); }, [currentPage, isPagination, rowsPerPage]);
-    var endRow = (0, react_1.useMemo)(function () { return (!isPagination ? tableData.length : startRow + rowsPerPage); }, [isPagination, rowsPerPage, startRow, tableData.length]);
-    var filteredData = (0, react_1.useMemo)(function () {
+    const startRow = (0, react_1.useMemo)(() => (!isPagination ? 0 : currentPage * rowsPerPage), [currentPage, isPagination, rowsPerPage]);
+    const endRow = (0, react_1.useMemo)(() => (!isPagination ? tableData.length : startRow + rowsPerPage), [isPagination, rowsPerPage, startRow, tableData.length]);
+    const filteredData = (0, react_1.useMemo)(() => {
         if (isServerPagination) {
             return tableData;
         }
-        var sortedData = (0, table_1.SortMultiColumnData)(tableData, columnsSort);
+        const sortedData = (0, table_1.SortMultiColumnData)(tableData, columnsSort);
         return sortedData.slice(startRow, endRow);
     }, [columnsSort, startRow, endRow, tableData, isServerPagination]);
-    var handlePageSizeChange = function (event) {
-        var value = Number(event.target.value);
+    const handlePageSizeChange = (event) => {
+        const value = Number(event.target.value);
         setRowsPerPage(value !== 0 ? value : defaultPageSize);
         if (onNoOfRowsPerPageChange) {
             onNoOfRowsPerPageChange(value !== 0 ? value : defaultPageSize);
         }
         setCurrentPage(0);
     };
-    var handleSort = (0, react_1.useCallback)(function (field, sort) {
+    const handleSort = (0, react_1.useCallback)((field, sort) => {
         if (!sort)
             return;
-        setColumnsSort(function (prev) {
-            var newSortState = __spreadArray([], prev, true);
-            var existingIndex = newSortState.findIndex(function (s) { return s.column === field; });
+        setColumnsSort((prev) => {
+            const newSortState = [...prev];
+            const existingIndex = newSortState.findIndex((s) => s.column === field);
             if (existingIndex === -1) {
                 newSortState.push({
                     column: field,
@@ -149,85 +134,92 @@ var useTable = function (_a) {
                 });
             }
             else {
-                newSortState[existingIndex] = __assign(__assign({}, newSortState[existingIndex]), { direction: sort });
+                newSortState[existingIndex] = {
+                    ...newSortState[existingIndex],
+                    direction: sort,
+                };
             }
             return newSortState;
         });
     }, []);
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         setSelection(selections !== null && selections !== void 0 ? selections : []);
     }, [selections]);
-    var _k = (0, react_1.useState)(false), isSelecting = _k[0], setIsSelecting = _k[1];
-    var selectionRef = (0, react_1.useRef)(selection);
+    const [isSelecting, setIsSelecting] = (0, react_1.useState)(false);
+    const selectionRef = (0, react_1.useRef)(selection);
     selectionRef.current = selection;
-    var onSelectionRef = (0, react_1.useRef)(onSelection);
+    const onSelectionRef = (0, react_1.useRef)(onSelection);
     onSelectionRef.current = onSelection;
     // Rows that "select all" should toggle. Defaults to `tableData`, but in grouped
     // "load more" mode the parent points this at the accumulated/rendered rows so
     // select-all covers everything on screen (not just the latest page).
-    var selectAllRowsRef = (0, react_1.useRef)(null);
-    var handleCheckbox = (0, react_1.useCallback)(function (id) {
+    const selectAllRowsRef = (0, react_1.useRef)(null);
+    const handleCheckbox = (0, react_1.useCallback)((id) => {
         var _a, _b;
-        var current = selectionRef.current;
+        const current = selectionRef.current;
         if (id === 0) {
-            var rows = (_a = selectAllRowsRef.current) !== null && _a !== void 0 ? _a : tableData;
-            var ids_1 = rows.map(function (item) { return item.id; });
-            var idSet_1 = new Set(ids_1);
-            var currentSet_1 = new Set(current);
-            var allSelected_1 = ids_1.length > 0 && ids_1.every(function (i) { return currentSet_1.has(i); });
+            const rows = (_a = selectAllRowsRef.current) !== null && _a !== void 0 ? _a : tableData;
+            const ids = rows.map((item) => item.id);
+            const idSet = new Set(ids);
+            const currentSet = new Set(current);
+            const allSelected = ids.length > 0 && ids.every((i) => currentSet.has(i));
             setIsSelecting(true);
-            setTimeout(function () {
+            setTimeout(() => {
                 var _a;
                 // Toggle the rendered rows while preserving any selection outside them.
-                var selectedItems = allSelected_1
-                    ? current.filter(function (i) { return !idSet_1.has(i); })
-                    : Array.from(new Set(__spreadArray(__spreadArray([], current, true), ids_1, true)));
+                const selectedItems = allSelected
+                    ? current.filter((i) => !idSet.has(i))
+                    : Array.from(new Set([...current, ...ids]));
                 setSelection(selectedItems);
                 (_a = onSelectionRef.current) === null || _a === void 0 ? void 0 : _a.call(onSelectionRef, selectedItems);
                 setIsSelecting(false);
             }, 0);
         }
         else {
-            var selectedItems = void 0;
+            let selectedItems;
             if (current.includes(id)) {
-                selectedItems = current.filter(function (item) { return item !== id; });
+                selectedItems = current.filter((item) => item !== id);
             }
             else {
-                selectedItems = __spreadArray(__spreadArray([], current, true), [id], false);
+                selectedItems = [...current, id];
             }
             setSelection(selectedItems);
             (_b = onSelectionRef.current) === null || _b === void 0 ? void 0 : _b.call(onSelectionRef, selectedItems);
         }
     }, [tableData]);
-    var handleColumnPreferences = function (columns, extra) {
-        if (extra === void 0) { extra = {}; }
+    const handleColumnPreferences = (columns, extra = {}) => {
         setColumnsList(columns);
-        savePreferences &&
-            savePreferences(__assign(__assign(__assign({}, tablePreferences), { columns: columns }), extra));
+        if (savePreferences) {
+            savePreferences({
+                ...tablePreferences,
+                columns: columns,
+                ...extra,
+            });
+        }
     };
     return {
-        tableData: tableData,
-        tableContainerStyles: tableContainerStyles,
-        isContent: isContent,
-        isLink: isLink,
-        headerRefs: headerRefs,
-        columnWidths: columnWidths,
-        handleSort: handleSort,
-        handleCheckbox: handleCheckbox,
-        filteredData: filteredData,
-        startRow: startRow,
-        endRow: endRow,
-        selection: selection,
-        columnsSort: columnsSort,
-        handlePageSizeChange: handlePageSizeChange,
-        pages: pages,
-        currentPage: currentPage,
-        rowsPerPage: rowsPerPage,
-        setCurrentPage: setCurrentPage,
-        columnsList: columnsList,
-        handleColumnPreferences: handleColumnPreferences,
-        isSelecting: isSelecting,
-        selectAllRowsRef: selectAllRowsRef,
+        tableData,
+        tableContainerStyles,
+        isContent,
+        isLink,
+        headerRefs,
+        columnWidths,
+        handleSort,
+        handleCheckbox,
+        filteredData,
+        startRow,
+        endRow,
+        selection,
+        columnsSort,
+        handlePageSizeChange,
+        pages,
+        currentPage,
+        rowsPerPage,
+        setCurrentPage,
+        columnsList,
+        handleColumnPreferences,
+        isSelecting,
+        selectAllRowsRef,
     };
 };
 exports.default = useTable;

package/dist/Components/Table/settings/ManageColumns.d.ts

@@ -8,5 +8,6 @@ declare const ManageColumns: ({ columns, items, setItems, childInputMethodsRef,
     items: TableProps["columns"];
     setItems: React.Dispatch<React.SetStateAction<TableProps["columns"]>>;
     childInputMethodsRef: React.Ref<ManageColumnsMethods>;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default ManageColumns;
+//# sourceMappingURL=ManageColumns.d.ts.map

package/dist/Components/Table/settings/ManageColumns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ManageColumns.d.ts","sourceRoot":"","sources":["../../../../src/Components/Table/settings/ManageColumns.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAYjF,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C,KAAK,oBAAoB,GAAG;IAC1B,oBAAoB,EAAE,MAAM,UAAU,CAAC,SAAS,CAAC,CAAC;CACnD,CAAC;AAEF,QAAA,MAAM,aAAa,GAAI,qDAKpB;IACD,OAAO,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAC/B,KAAK,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IACtE,oBAAoB,EAAE,KAAK,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;CACvD,4CAkOA,CAAC;AAEF,eAAe,aAAa,CAAC"}