cats-data-grid 2.0.39 → 2.0.52

package/index.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { OnChanges, OnInit, EventEmitter, Renderer2, NgZone, ChangeDetectorRef, SimpleChanges } from '@angular/core';
+import { OnChanges, OnInit, ElementRef, EventEmitter, Renderer2, NgZone, ChangeDetectorRef, SimpleChanges } from '@angular/core';
 
 declare class CatsDataGridService {
     constructor();
@@ -34,6 +34,8 @@ declare class CatsDataGridComponent implements OnChanges, OnInit {
     private renderer;
     private zone;
     private cd;
+    pinMenu: ElementRef;
+    colActionMenu: ElementRef;
     tableOptions: any;
     totalRecords: number;
     sortingRequired: boolean;
@@ -45,6 +47,9 @@ declare class CatsDataGridComponent implements OnChanges, OnInit {
     selectedRowEmpty: boolean;
     filterRequired: boolean;
     threeDotsMenuRequired: boolean;
+    settingsRequired: boolean;
+    settingsClicked: boolean;
+    resetPage: boolean;
     showDropdown: boolean;
     height: number;
     groupByRequired: boolean;
@@ -52,8 +57,10 @@ declare class CatsDataGridComponent implements OnChanges, OnInit {
     onCheckboxSelection: EventEmitter<any>;
     onScrollEmitter: EventEmitter<any>;
     filter: EventEmitter<any>;
+    onHideSettings: EventEmitter<any>;
     activeFilterIndex: number | null;
     originalRowData: any[];
+    activeAll: boolean;
     pageDetails: any;
     recordsToShow: any;
     sortingColumnIndex: number;
@@ -80,6 +87,7 @@ declare class CatsDataGridComponent implements OnChanges, OnInit {
     columnDraggable: any[];
     activeGroups: any[];
     groupBy: string[];
+    groupByField: string;
     dragGroupIndex: number | null;
     dateConfig: DateConfig;
     filterOptions: {
@@ -99,9 +107,13 @@ declare class CatsDataGridComponent implements OnChanges, OnInit {
     appliedFiltersEvent: EventEmitter<ColumnFilter[]>;
     activeGroupsEvent: EventEmitter<any[]>;
     dynamicGroupingFiltering: boolean;
+    atLeastOneColumnChecked: boolean;
     constructor(renderer: Renderer2, zone: NgZone, cd: ChangeDetectorRef);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
+    getColumnDetail(colDefs: any, groupByField: any): any;
+    activeAllSelection(event: Event): void;
+    changeActiveColSelection(event: Event, col: any): void;
     /**
      * @description Prepares and normalizes column definitions for filtering and menu behavior
      * @author Anand Pandey
@@ -253,7 +265,7 @@ declare class CatsDataGridComponent implements OnChanges, OnInit {
      * @returns {void}
      */
     pinColumn(col: any, index: number, direction: string): void;
-    showPinActions(): void;
+    showPinActions(event: MouseEvent): void;
     hidePinActions(): void;
     /**
      * @description Updates the horizontal left and right offsets of pinned columns by assigning cumulative widths to each pinned column and resetting non-pinned columns.
@@ -442,8 +454,9 @@ declare class CatsDataGridComponent implements OnChanges, OnInit {
     disableColumnDrag(event: MouseEvent, index: number): void;
     dateTimeSelected(date: any): void;
     convertToNumber(value: number | string): number;
+    hideSettings(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CatsDataGridComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CatsDataGridComponent, "cats-data-grid", never, { "tableOptions": { "alias": "tableOptions"; "required": false; }; "totalRecords": { "alias": "totalRecords"; "required": false; }; "sortingRequired": { "alias": "sortingRequired"; "required": false; }; "checkBoxSelection": { "alias": "checkBoxSelection"; "required": false; }; "checkboxSelectionType": { "alias": "checkboxSelectionType"; "required": false; }; "rowData": { "alias": "rowData"; "required": false; }; "colDefs": { "alias": "colDefs"; "required": false; }; "paginationRequired": { "alias": "paginationRequired"; "required": false; }; "selectedRowEmpty": { "alias": "selectedRowEmpty"; "required": false; }; "filterRequired": { "alias": "filterRequired"; "required": false; }; "threeDotsMenuRequired": { "alias": "threeDotsMenuRequired"; "required": false; }; "height": { "alias": "height"; "required": false; }; "groupByRequired": { "alias": "groupByRequired"; "required": false; }; "pageSizeList": { "alias": "pageSizeList"; "required": false; }; "appliedFilters": { "alias": "appliedFilters"; "required": false; }; "dynamicGroupingFiltering": { "alias": "dynamicGroupingFiltering"; "required": false; }; }, { "onPaginationChange": "onPaginationChange"; "onCheckboxSelection": "onCheckboxSelection"; "onScrollEmitter": "onScrollEmitter"; "filter": "filter"; "appliedFiltersEvent": "appliedFiltersEvent"; "activeGroupsEvent": "activeGroupsEvent"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CatsDataGridComponent, "cats-data-grid", never, { "tableOptions": { "alias": "tableOptions"; "required": false; }; "totalRecords": { "alias": "totalRecords"; "required": false; }; "sortingRequired": { "alias": "sortingRequired"; "required": false; }; "checkBoxSelection": { "alias": "checkBoxSelection"; "required": false; }; "checkboxSelectionType": { "alias": "checkboxSelectionType"; "required": false; }; "rowData": { "alias": "rowData"; "required": false; }; "colDefs": { "alias": "colDefs"; "required": false; }; "paginationRequired": { "alias": "paginationRequired"; "required": false; }; "selectedRowEmpty": { "alias": "selectedRowEmpty"; "required": false; }; "filterRequired": { "alias": "filterRequired"; "required": false; }; "threeDotsMenuRequired": { "alias": "threeDotsMenuRequired"; "required": false; }; "settingsRequired": { "alias": "settingsRequired"; "required": false; }; "settingsClicked": { "alias": "settingsClicked"; "required": false; }; "resetPage": { "alias": "resetPage"; "required": false; }; "height": { "alias": "height"; "required": false; }; "groupByRequired": { "alias": "groupByRequired"; "required": false; }; "pageSizeList": { "alias": "pageSizeList"; "required": false; }; "groupByField": { "alias": "groupByField"; "required": false; }; "appliedFilters": { "alias": "appliedFilters"; "required": false; }; "dynamicGroupingFiltering": { "alias": "dynamicGroupingFiltering"; "required": false; }; }, { "onPaginationChange": "onPaginationChange"; "onCheckboxSelection": "onCheckboxSelection"; "onScrollEmitter": "onScrollEmitter"; "filter": "filter"; "onHideSettings": "onHideSettings"; "appliedFiltersEvent": "appliedFiltersEvent"; "activeGroupsEvent": "activeGroupsEvent"; }, never, never, true, never>;
 }
 
 declare class CommonRendererComponent {

package/package.json

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

package/styles/component/_form.scss

@@ -48,6 +48,37 @@
   background-image: url("/images/chevron-right.svg");
   display: block;
 }
+#table_scroll.global::-webkit-scrollbar-button:single-button:vertical:decrement {
+  display: block;
+  height: rem(55px);
+  background:
+    url("/images/chevron-up.svg") bottom / rem(15px) no-repeat,
+    linear-gradient(
+      to bottom,
+      rgb(240, 240, 240) 0%,
+      rgb(240, 240, 240) 70.5%,
+      var(--neutral-200) 70.5%,
+      var(--neutral-200) 72.5%,
+      var(--neutral-100) 72.5%,
+      var(--neutral-100) 100%
+    );
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  &:hover {
+    background:
+      url("/images/chevron-up.svg") bottom / rem(15px) no-repeat,
+      linear-gradient(
+        to bottom,
+        rgb(240, 240, 240) 0%,
+        rgb(240, 240, 240) 70.5%,
+        var(--neutral-200) 70.5%,
+        var(--neutral-200) 72.5%,
+        var(--neutral-300) 72.5%,
+        var(--neutral-300) 100%
+      );
+  }
+}
+
 // ----------------  CUSTOM RADIO INPUT START HERE--------
 .radio_option {
   display: flex;
@@ -209,6 +240,8 @@
   .dropdown_list {
     @include border();
     width: 100%;
+    max-height: rem(172px);
+    overflow: auto;
     position: absolute;
     z-index: 2;
     background: var(--white);
@@ -216,8 +249,6 @@
     top: rem(40px);
 
     ul {
-      max-height: rem(284px);
-      overflow: auto;
       list-style-type: none;
       padding: rem(4px) 0;