ngx-deebodata 0.1.8 → 0.2.0

package/README.md

@@ -1,30 +1,42 @@
 # NgxDeebodata
 
-Angular data grid with virtual scroll, integrated charts, row grouping, column resizing, toggle column visibility, cell editing, tab accessibility, sorting with priority, and advanced filtering. This package uses only basic @angular packages and rxjs as peer dependencies. 
+Angular data grid with virtual scroll, integrated charts, row grouping, column resizing, toggle column visibility, cell editing, tab accessibility, sorting with priority, and advanced filtering. This package uses only basic @angular packages and rxjs as peer dependencies.   
+
 
 # Licensing
 
 Install this package and use the full functionality when developing locally at http://localhost:4200
 
-To deploy to any live url, you need to obtain a **deployment license** for each developer on the project from https://deebodata.com/data-grid-checkout/angular
+To deploy to any live url, you need to obtain a **deployment license** for each developer on the project from https://deebodata.com/data-grid-checkout/angular  
+
 
 ## Report Issues  
   
-You can report an issue at https://deebodata.com/contact-us
+You can report an issue at https://deebodata.com/contact-us  
+
 
 ## Usage
 
 **In the .ts component you want to use the data grid in**
 
 ```
+import { Component, signal } from '@angular/core';
 import { NgxDeebodata } from 'ngx-deebodata';
 
 @Component({
-  selector: 'app-your-component',
+  selector: 'app-root',
   imports: [ NgxDeebodata ],
-  templateUrl: './your-component.html',
-  styleUrl: './your-component.css'
+  templateUrl: './app.html',
+  styleUrl: './app.css'
 })
+
+export class App {
+
+  sampleData = signal<any[]>([ { name: "Dave", salary: 200000, title: "CEO" }, {name: "Amy", salary: 164000, title: "CIO" }, 
+                {name: "Ted", salary: 60000, title: "QA Engineer" }, {name: "Sarah", salary: 95000, title: "Engineer" }, 
+                {name: "Adam", salary: 164000, title: "CFO" }, {name: "Krishna", salary: 105000, title: "Architect" }]) 
+
+}
 ```
 
 **In the template of the component**
@@ -33,7 +45,7 @@ import { NgxDeebodata } from 'ngx-deebodata';
 <ngx-deebodata
 [editable]="true"
 [rowNumbers]="true"
-[data]="signalArrayOfObjects()"
+[data]="sampleData()"
 [color1]="'navy'"
 [color2]="'lightblue'"
 [primaryKey]="'employee_id'"
@@ -77,7 +89,7 @@ symbols: ColumnSymbol[] = [{ column: "salary", symbol: "$" }];
 
 ```
 <ngx-deebodata
-[data]="signalArrayOfObjects()"
+[data]="sampleData()"
 [myColumnSymbols]="symbols"
 ></ngx-deebodata>
 ```
@@ -98,8 +110,9 @@ handleCellEdit(event: CellEdit) {//executes on cell edit if editable isn't false
     /*CellEdit interface -> { value: any; row: any; column: string; idType: string; valueChanged: boolean; }
     row will either be the 0-based index of the edited cell's parent row in the initial data set
     or, if a primaryKey is passed or detected, it will be the value of that primaryKey for the edited 
-    row. Use idType (will be either "key" or "rowId") to know which one is emitting. Use valueChanged 
-    to know if an edit actually changed the value*/
+    row. Use idType (will be either "key" or "rowId") to know which one is emitting. column is 
+    the column/attribute and value is the real value of the edit, which can be a string, number 
+    or Date. Use valueChanged to know if an edit actually changed the value*/
     // console.log(event)
 }
 ```
@@ -108,7 +121,7 @@ handleCellEdit(event: CellEdit) {//executes on cell edit if editable isn't false
 
 ```
 <ngx-deebodata
-[data]="signalArrayOfObjects()"
+[data]="sampleData()"
 (cellEdit)="handleCellEdit($event)"
 ></ngx-deebodata>
 ```
@@ -142,7 +155,7 @@ valueColors: ColumnValueColors[] = [
 
 ```
 <ngx-deebodata
-[data]="signalArrayOfObjects()"
+[data]="sampleData()"
 [myColumnValueColors]="valueColors"
 ></ngx-deebodata>
 ```
@@ -176,7 +189,7 @@ columnStyles: ColumnStyles[] = [
 
 ```
 <ngx-deebodata
-[data]="signalArrayOfObjects()"
+[data]="sampleData()"
 [myColumnStyles]="columnStyles"
 ></ngx-deebodata>
 ```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-deebodata",
-  "version": "0.1.8",
+  "version": "0.2.0",
   "description": "Angular data grid and charts solution that solves big data analysis with virtual scroll, row grouping, column resizing, re-ordering, column hiding, cell editing, tab accessibility, sorting with priority, and advanced filtering.",
   "peerDependencies": {
     "@angular/common": "^21.2.0",