@guiexpert/angular-table 19.0.38 → 19.1.51

package/.editorconfig

@@ -0,0 +1,16 @@
+# Editor configuration, see https://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.ts]
+quote_type = single
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false

package/angular.json

@@ -0,0 +1,40 @@
+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "newProjectRoot": "projects",
+  "projects": {
+    "angular-table": {
+      "projectType": "library",
+      "root": "projects/angular-table",
+      "sourceRoot": "projects/angular-table/src",
+      "prefix": "lib",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:ng-packagr",
+          "options": {
+            "project": "projects/angular-table/ng-package.json"
+          },
+          "configurations": {
+            "production": {
+              "tsConfig": "projects/angular-table/tsconfig.lib.prod.json"
+            },
+            "development": {
+              "tsConfig": "projects/angular-table/tsconfig.lib.json"
+            }
+          },
+          "defaultConfiguration": "production"
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "tsConfig": "projects/angular-table/tsconfig.spec.json",
+            "polyfills": [
+              "zone.js",
+              "zone.js/testing"
+            ]
+          }
+        }
+      }
+    }
+  }
+}

package/package.json

@@ -1,23 +1,36 @@
 {
   "name": "@guiexpert/angular-table",
-  "version": "19.0.38",
-  "peerDependencies": {
-    "@angular/common": "^19.0.0",
-    "@angular/core": "^19.0.0"
+  "version": "19.1.51",
+  "scripts": {
+    "inst": "pnpm install -f",
+    "ng": "ng",
+    "start": "ng serve",
+    "build": "ng build",
+    "watch": "ng build --watch --configuration development",
+    "test": "ng test",
+    "npm-update-table": "pnpm update @guiexpert/table",
+    "npm-pub": "npm publish"
   },
+  "private": false,
   "dependencies": {
-    "tslib": "^2.3.0"
+    "@angular/animations": "^19.0.0",
+    "@angular/common": "^19.0.0",
+    "@angular/compiler": "^19.0.0",
+    "@angular/core": "^19.0.0",
+    "@angular/forms": "^19.0.0",
+    "@angular/platform-browser": "^19.0.0",
+    "@angular/platform-browser-dynamic": "^19.0.0",
+    "@angular/router": "^19.0.0",
+    "@guiexpert/table": "^1.1.51",
+    "rxjs": "~7.8.0",
+    "tslib": "^2.3.0",
+    "zone.js": "~0.15.0"
   },
-  "sideEffects": false,
-  "module": "fesm2022/guiexpert-angular-table.mjs",
-  "typings": "index.d.ts",
-  "exports": {
-    "./package.json": {
-      "default": "./package.json"
-    },
-    ".": {
-      "types": "./index.d.ts",
-      "default": "./fesm2022/guiexpert-angular-table.mjs"
-    }
+  "devDependencies": {
+    "@angular-devkit/build-angular": "^19.0.0",
+    "@angular/cli": "^19.0.0",
+    "@angular/compiler-cli": "^19.0.0",
+    "ng-packagr": "^19.0.0",
+    "typescript": "~5.6.3"
   }
-}
+}

package/projects/angular-table/README.md

@@ -0,0 +1,119 @@
+# @guiexpert/angular-table
+
+This is the angular component of the GuiExpert Table Project.
+
+## Become a master at creating web applications with large tables
+
+This is the UI-agnostic table component for your next web app. 😊
+
+<img src="https://raw.githubusercontent.com/guiexperttable/website-astro/main/src/assets/screens/heatmap.png" width="50%">
+
+### Version compatibility
+
+
+| Angular | @guiexpert/angular-table |
+|:--------|:-------------------------|
+| 19.x.x  | ^19.0.0                  |
+| 18.x.x  | ^18.0.0                  |
+| 17.x.x  | ^17.0.0                  |
+| 16.x.x  | ^16.0.7                  |
+| 15.x.x  | ^15.0.2                  |
+| 14.x.x  | ^14.0.3                  |
+|
+
+
+### Features
+- Handle large datasets easily
+- Excellent performance for large tables by vertical and horizontal virtual scrolling
+- Fully-featured (advanced sorting and filtering)
+- Highly customizable orderData grid
+- Outstanding performance
+- No third-party dependencies
+- UI-agnostic
+- Column Interactions (resize, reorder)
+- Sorting Rows
+- Row, Column, and Range Selection
+- Single and Multi Selection
+- UI-agnostic
+- Row and Column Spanning
+- Fixed Columns (Left and Right)
+- Tree table (Hierarchical View)
+- Accessibility support: Keyboard Shortcuts
+- Custom Filtering
+- In-place Cell Editing
+- Userdefined Key and Mouse Events
+- Customizable Look & Feel (via CSS variables)
+- Row sorting
+- Column Reordering (Drag and Drop)
+- State Persistence (Row Sorting, Column Order, Selection)
+- Customizable Cell Contents via Renderer for Header, Body and Footer
+- Full control over the HTML structure and style
+
+
+## Links
+
+- [Demos](https://gui.expert/demos)
+- [Documentation](https://gui.expert/doc)
+- [API](https://gui.expert/api)
+
+## Get Started
+
+Add the following two NPM packages to your existing angular project (run this in your project root directory):
+
+```
+npm install --save @guiexpert/table @guiexpert/angular-table
+```
+
+Import the (standalone) TableComponent in your angular module:
+
+```
+@NgModule({
+    imports: [
+      CommonModule,
+      TableComponent, ...
+```
+
+Add guiexpert-table component to a template:
+
+```
+<guiexpert-table
+  [tableModel]="tableModel"
+  [tableOptions]="tableOptions"
+  class="table-div"
+></guiexpert-table>
+```
+
+
+Add two properties (tableModel and tableOptions) to the component:
+
+```
+import {
+  TableFactory,
+  TableModelIf,
+  TableOptions,
+  TableOptionsIf
+} from "@guiexpert/table";
+
+tableModel: TableModelIf = TableFactory.createTableModel({
+  headerData: [
+    ['Header 1', 'Header 2']
+  ],
+  bodyData: [
+    ['Text 1a', 'Text 2a'],
+    ['Text 1b', 'Text 2b'],
+  ]
+});
+
+tableOptions = {
+  ...new TableOptions(),
+  hoverColumnVisible: false,
+  defaultRowHeights: {
+  header: 40,
+  body: 34,
+  footer: 0
+}
+
+```
+
+There are numerous possibilities to create table models.
+Please refer to the [Documentation](https://gui.expert/doc) for further information or the [Demo](https://gui.expert/demos) section for examples.