cats-data-grid 2.0.74 → 2.0.76

package/index.d.ts

@@ -157,6 +157,7 @@ declare class CatsDataGridComponent implements OnChanges, OnInit {
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     onColConfigSearch(event: any): void;
+    cloneColDefs(colDefs: any[]): any[];
     resetDefaultColConfig(): void;
     /**
      * Autosize column to fit content
@@ -174,6 +175,7 @@ declare class CatsDataGridComponent implements OnChanges, OnInit {
     activeAllSelection(event: Event): void;
     showAllSelection(): void;
     showAllDefaultSelection(): void;
+    rebuildView(): void;
     showAllCategorySelection(category: string): void;
     toggleSelectedCol(col: any): void;
     updateGlobalState(): void;
@@ -766,6 +768,7 @@ declare class CommonTreeTableComponent<T = any> implements OnChanges, DoCheck, A
     showNodeIcon: boolean;
     noDataText: string;
     loadingText: string;
+    expandAllNodes: boolean;
     emitExpandAlways: boolean;
     sortingRequired: boolean;
     filterRequired: boolean;
@@ -861,6 +864,7 @@ declare class CommonTreeTableComponent<T = any> implements OnChanges, DoCheck, A
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     getUpdatedColDefs(colDefs: any[]): any[];
+    cloneColDefs(colDefs: any[]): any[];
     resetDefaultColConfig(): void;
     normalizeSetFilterType(value: any, key: string): any[] | undefined;
     ngOnChanges(changes: SimpleChanges): void;
@@ -871,6 +875,7 @@ declare class CommonTreeTableComponent<T = any> implements OnChanges, DoCheck, A
     };
     onColConfigSearch(event: any): void;
     showAllDefaultSelection(): void;
+    rebuildView(): void;
     showAllCategorySelection(category: string): void;
     toggleSelectedCol(col: any): void;
     updateGlobalState(): void;
@@ -1048,6 +1053,9 @@ declare class CommonTreeTableComponent<T = any> implements OnChanges, DoCheck, A
      */
     private collapseAllChildren;
     protected isExpanded(node: T): boolean;
+    protected showExpandAllControl(col: CatsTreeTableColumn): boolean;
+    protected toggleAllNodes(): void;
+    protected allNodesExpanded(): boolean;
     protected onCheckboxChange(node: T, level: number, path: T[], checked: boolean): void;
     protected isChecked(node: T): boolean;
     protected onLinkClicked(e: MouseEvent, node: T, level: number, path: T[], col: CatsTreeTableColumn): void;
@@ -1105,6 +1113,12 @@ declare class CommonTreeTableComponent<T = any> implements OnChanges, DoCheck, A
      */
     protected convertToNumber(val: any): number;
     private getChildren;
+    private applyExpandAllInputState;
+    private setAllNodesExpandedState;
+    private collectExpandableNodeKeys;
+    private areAllExpandableNodesExpanded;
+    private hasExpandableNodes;
+    private syncOriginalExpandedKeys;
     private rebuildRows;
     private walk;
     private getNodeKey;
@@ -1159,7 +1173,7 @@ declare class CommonTreeTableComponent<T = any> implements OnChanges, DoCheck, A
      */
     toggleSelectAll(col: any, event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CommonTreeTableComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CommonTreeTableComponent<any>, "cats-tree-table", never, { "data": { "alias": "data"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "tableOptions": { "alias": "tableOptions"; "required": false; }; "idField": { "alias": "idField"; "required": false; }; "labelField": { "alias": "labelField"; "required": false; }; "childrenField": { "alias": "childrenField"; "required": false; }; "treeColumnField": { "alias": "treeColumnField"; "required": false; }; "indentPx": { "alias": "indentPx"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "expandIcon": { "alias": "expandIcon"; "required": false; }; "collapseIcon": { "alias": "collapseIcon"; "required": false; }; "iconBasePath": { "alias": "iconBasePath"; "required": false; }; "showCheckbox": { "alias": "showCheckbox"; "required": false; }; "showNodeIcon": { "alias": "showNodeIcon"; "required": false; }; "noDataText": { "alias": "noDataText"; "required": false; }; "loadingText": { "alias": "loadingText"; "required": false; }; "emitExpandAlways": { "alias": "emitExpandAlways"; "required": false; }; "sortingRequired": { "alias": "sortingRequired"; "required": false; }; "filterRequired": { "alias": "filterRequired"; "required": false; }; "threeDotsMenuRequired": { "alias": "threeDotsMenuRequired"; "required": false; }; "settingsRequired": { "alias": "settingsRequired"; "required": false; }; "settingsClicked": { "alias": "settingsClicked"; "required": false; }; "checkBoxSelection": { "alias": "checkBoxSelection"; "required": false; }; "checkboxSelectionType": { "alias": "checkboxSelectionType"; "required": false; }; "paginationRequired": { "alias": "paginationRequired"; "required": false; }; "pageSizeList": { "alias": "pageSizeList"; "required": false; }; "totalRecords": { "alias": "totalRecords"; "required": false; }; "resetPage": { "alias": "resetPage"; "required": false; }; "isExpandable": { "alias": "isExpandable"; "required": false; }; "rowOptionsResolver": { "alias": "rowOptionsResolver"; "required": false; }; "nodeIconResolver": { "alias": "nodeIconResolver"; "required": false; }; "linkResolver": { "alias": "linkResolver"; "required": false; }; "showSkeleton": { "alias": "showSkeleton"; "required": false; }; "skeletonRowsLength": { "alias": "skeletonRowsLength"; "required": false; }; "skeletonColsLength": { "alias": "skeletonColsLength"; "required": false; }; }, { "nodeToggle": "nodeToggle"; "selectionChange": "selectionChange"; "linkClick": "linkClick"; "linkDoubleClick": "linkDoubleClick"; "onHideSettings": "onHideSettings"; "onPaginationChange": "onPaginationChange"; "onColConfigChange": "onColConfigChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CommonTreeTableComponent<any>, "cats-tree-table", never, { "data": { "alias": "data"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "tableOptions": { "alias": "tableOptions"; "required": false; }; "idField": { "alias": "idField"; "required": false; }; "labelField": { "alias": "labelField"; "required": false; }; "childrenField": { "alias": "childrenField"; "required": false; }; "treeColumnField": { "alias": "treeColumnField"; "required": false; }; "indentPx": { "alias": "indentPx"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "expandIcon": { "alias": "expandIcon"; "required": false; }; "collapseIcon": { "alias": "collapseIcon"; "required": false; }; "iconBasePath": { "alias": "iconBasePath"; "required": false; }; "showCheckbox": { "alias": "showCheckbox"; "required": false; }; "showNodeIcon": { "alias": "showNodeIcon"; "required": false; }; "noDataText": { "alias": "noDataText"; "required": false; }; "loadingText": { "alias": "loadingText"; "required": false; }; "expandAllNodes": { "alias": "expandAllNodes"; "required": false; }; "emitExpandAlways": { "alias": "emitExpandAlways"; "required": false; }; "sortingRequired": { "alias": "sortingRequired"; "required": false; }; "filterRequired": { "alias": "filterRequired"; "required": false; }; "threeDotsMenuRequired": { "alias": "threeDotsMenuRequired"; "required": false; }; "settingsRequired": { "alias": "settingsRequired"; "required": false; }; "settingsClicked": { "alias": "settingsClicked"; "required": false; }; "checkBoxSelection": { "alias": "checkBoxSelection"; "required": false; }; "checkboxSelectionType": { "alias": "checkboxSelectionType"; "required": false; }; "paginationRequired": { "alias": "paginationRequired"; "required": false; }; "pageSizeList": { "alias": "pageSizeList"; "required": false; }; "totalRecords": { "alias": "totalRecords"; "required": false; }; "resetPage": { "alias": "resetPage"; "required": false; }; "isExpandable": { "alias": "isExpandable"; "required": false; }; "rowOptionsResolver": { "alias": "rowOptionsResolver"; "required": false; }; "nodeIconResolver": { "alias": "nodeIconResolver"; "required": false; }; "linkResolver": { "alias": "linkResolver"; "required": false; }; "showSkeleton": { "alias": "showSkeleton"; "required": false; }; "skeletonRowsLength": { "alias": "skeletonRowsLength"; "required": false; }; "skeletonColsLength": { "alias": "skeletonColsLength"; "required": false; }; }, { "nodeToggle": "nodeToggle"; "selectionChange": "selectionChange"; "linkClick": "linkClick"; "linkDoubleClick": "linkDoubleClick"; "onHideSettings": "onHideSettings"; "onPaginationChange": "onPaginationChange"; "onColConfigChange": "onColConfigChange"; }, never, never, true, never>;
 }
 
 type TooltipPosition = 'top' | 'bottom' | 'left' | 'right' | 'adaptive';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cats-data-grid",
-  "version": "2.0.74",
+  "version": "2.0.76",
   "peerDependencies": {
     "@angular/core": ">=18 <22",
     "@angular/common": ">=18 <22"

package/styles/component/_form.scss

@@ -1,6 +1,10 @@
 @use "../sass-utils" as *;
 
 //========== CUSTOM SCROLL BAR ======================
+
+#table_scroll.filter-tag-wrapper::-webkit-scrollbar {
+  @include box(rem(10px), rem(10px));
+}
 #table_scroll::-webkit-scrollbar {
   @include box(rem(14px), rem(14px));
 }
@@ -10,7 +14,7 @@
   background-clip: padding-box;
 }
 #table_scroll::-webkit-scrollbar-thumb {
-  background-color: var(--text-heading-secondary);
+  background-color: var(--text-body-secondary);
   @include border($width: rem(3px), $radius: rem(100px), $color: transparent);
   background-clip: padding-box;
 }
@@ -79,7 +83,7 @@
   }
 }
 //CSS for large height rows
-.tableArea.large {
+.cats-tableArea.large {
   #table_scroll.global::-webkit-scrollbar-button:single-button:vertical:decrement {
     height: rem(71px);
     background:
@@ -375,7 +379,7 @@
     }
   }
 }
-.tableArea.large {
+.cats-tableArea.large {
   .table_wrapper {
     table {
       tbody {