ngx-deebodata 0.4.7 → 0.4.9

package/README.md

@@ -6,6 +6,10 @@ Angular v22 data grid with virtual scroll, integrated charts, row grouping, colu
 
 - 100k rows - https://deebodata.com/angular-data-grid?data=sales 
 
+## Changelog
+
+- View the Changelog to see the latest updates - https://deebodata.com/changelog
+
 
 # Licensing
 
@@ -87,7 +91,6 @@ export class App {
 | `cellEdit` | `CellEdit`  | An object that emits with all necessary cell edit details. See more details further down   |
 -  
 
-
 It's best to pass hex or rgb colors to **color1, color2, pieGraphColors, & altRowColor,** but css colors work too  
 
 Always pass a **px** string value to defRowHgt like '50px'
@@ -153,6 +156,10 @@ handleCellEdit(event: CellEdit) {//executes on cell edit if editable isn't false
 ></ngx-deebodata>
 ```
 
+**Custom Sort Logic for a column**
+
+Visit https://deebodata.com/angular-docs#customSort to learn how to set custom sort logic for a column for ascending and descending order
+
 **To pass Column Value Colors for Charts**  
 
 For a given column with limited distinct values (qualifies for grouping), give each value it's own color in the charts (pie, bar, line)

package/fesm2022/ngx-deebodata.mjs

@@ -1,11 +1,11 @@
 import * as i0 from '@angular/core';
-import { signal, Injectable, EventEmitter, ViewChild, Output, Input, ChangeDetectionStrategy, Component, input, HostListener, effect } from '@angular/core';
+import { signal, Injectable, Service, EventEmitter, ViewChild, Output, Input, ChangeDetectionStrategy, Component, input, HostListener, effect } from '@angular/core';
 import * as i4$1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import * as i4 from '@angular/common';
 import { CommonModule, DecimalPipe } from '@angular/common';
 import { Subject, timer, Subscription, finalize } from 'rxjs';
-import * as i2 from '@angular/common/http';
+import * as i3 from '@angular/common/http';
 
 class CommonService {
     uniSep = "X_";
@@ -356,11 +356,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
                 }]
         }] });
 
+class CustomSortService {
+    customSort = { asc: {}, desc: {} };
+    setCustomSort(sort) {
+        this.customSort = { ...sort };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: CustomSortService, deps: [], target: i0.ɵɵFactoryTarget.Service });
+    static ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.0.7", ngImport: i0, type: CustomSortService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: CustomSortService, decorators: [{
+            type: Service
+        }] });
+
 class DataTableService {
     common;
+    customSortService;
     http;
-    constructor(common, http) {
+    constructor(common, customSortService, http) {
         this.common = common;
+        this.customSortService = customSortService;
         this.http = http;
     }
     sortOrder = [];
@@ -676,18 +690,25 @@ class DataTableService {
         const len = sortOrder.length;
         for (var i = (len - 1); i >= 0; i--) {
             const field = sortOrder[i];
-            const dir = obj[field]["sort"] === "asc" ? 1 : -1;
-            sortData = sortData.sort((a, b) => {
-                if (!a[field] && a[field] !== 0)
-                    return 1;
-                if (!b[field] && b[field] !== 0)
-                    return -1;
-                if (a[field] > b[field])
-                    return (1 * dir);
-                if ((a[field] === b[field]) || (JSON.stringify(a[field]) === JSON.stringify(b[field])))
-                    return 0;
-                return (-1 * dir);
-            });
+            const sortDir = obj[field]["sort"];
+            const dir = sortDir === "asc" ? 1 : -1;
+            const custom = this.customSortService.customSort[sortDir][field];
+            if (custom && typeof custom === "function") {
+                sortData = sortData.sort(custom);
+            }
+            else {
+                sortData = sortData.sort((a, b) => {
+                    if (!a[field] && a[field] !== 0)
+                        return 1;
+                    if (!b[field] && b[field] !== 0)
+                        return -1;
+                    if (a[field] > b[field])
+                        return (1 * dir);
+                    if ((a[field] === b[field]) || (JSON.stringify(a[field]) === JSON.stringify(b[field])))
+                        return 0;
+                    return (-1 * dir);
+                });
+            }
         }
         return sortData;
     }
@@ -960,7 +981,7 @@ class DataTableService {
         }
         return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DataTableService, deps: [{ token: CommonService }, { token: i2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DataTableService, deps: [{ token: CommonService }, { token: CustomSortService }, { token: i3.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DataTableService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DataTableService, decorators: [{
@@ -968,7 +989,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: CommonService }, { type: i2.HttpClient }] });
+        }], ctorParameters: () => [{ type: CommonService }, { type: CustomSortService }, { type: i3.HttpClient }] });
 
 class TableDragService {
     dataTableService;
@@ -7449,5 +7470,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { NgxDeebodata };
+export { CustomSortService, NgxDeebodata };
 //# sourceMappingURL=ngx-deebodata.mjs.map