@guiexpert/angular-table 16.0.0 → 16.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/README.md +116 -2
  2. package/esm2022/guiexpert-angular-table.mjs +5 -0
  3. package/esm2022/lib/component-renderer.if.mjs +2 -0
  4. package/esm2022/lib/service/dom-service.mjs +56 -0
  5. package/esm2022/lib/service/render-wrapper-factory.mjs +22 -0
  6. package/esm2022/lib/service/renderer-wrapper.mjs +44 -0
  7. package/esm2022/lib/table.component.mjs +97 -0
  8. package/esm2022/public-api.mjs +9 -0
  9. package/fesm2022/guiexpert-angular-table.mjs +221 -0
  10. package/fesm2022/guiexpert-angular-table.mjs.map +1 -0
  11. package/index.d.ts +5 -0
  12. package/lib/component-renderer.if.d.ts +4 -0
  13. package/lib/service/dom-service.d.ts +17 -0
  14. package/lib/service/render-wrapper-factory.d.ts +13 -0
  15. package/lib/service/renderer-wrapper.d.ts +14 -0
  16. package/lib/table.component.d.ts +39 -0
  17. package/package.json +21 -7
  18. package/public-api.d.ts +5 -0
  19. package/.eslintrc.json +0 -46
  20. package/.idea/angular-table.iml +0 -12
  21. package/.idea/modules.xml +0 -8
  22. package/.idea/vcs.xml +0 -6
  23. package/ng-package.json +0 -7
  24. package/project.json +0 -37
  25. package/src/index.ts +0 -5
  26. package/src/lib/angular-table/component-renderer.if.ts +0 -12
  27. package/src/lib/angular-table/service/dom-service.ts +0 -54
  28. package/src/lib/angular-table/service/render-wrapper-factory.ts +0 -24
  29. package/src/lib/angular-table/service/renderer-wrapper.ts +0 -86
  30. package/src/lib/angular-table/table-color-classes.css +0 -90
  31. package/src/lib/angular-table/table-color-vars.css +0 -141
  32. package/src/lib/angular-table/table.component.css +0 -88
  33. package/src/lib/angular-table/table.component.ts +0 -152
  34. package/tsconfig.json +0 -28
  35. package/tsconfig.lib.json +0 -18
  36. package/tsconfig.lib.prod.json +0 -9
package/README.md CHANGED
@@ -1,3 +1,117 @@
1
- # angular-table
1
+ # @guiexpert/angular-table
2
2
 
3
- coming soon
3
+ This is the angular component of the GuiExpert Table Project.
4
+
5
+ ## Become a master at creating web applications with large tables
6
+
7
+ This is the UI-agnostic table component for your next web app. 😊
8
+
9
+ <img src="https://raw.githubusercontent.com/guiexperttable/ge-table/main/apps/table-website/src/assets/screens/heatmap.png" width="50%">
10
+
11
+ ### Version compatibility
12
+
13
+
14
+ | Angular | @guiexpert/angular-table |
15
+ |:-----------------------|:-------------------------|
16
+ | 17.x.x | ^17.0.0 |
17
+ | 16.x.x | ^16.0.7 |
18
+ | 15.x.x | ^15.0.2 |
19
+ | 14.x.x | ^14.0.3 |
20
+ |
21
+
22
+
23
+ ### Features
24
+ - Handle large datasets easily
25
+ - Excellent performance for large tables by vertical and horizontal virtual scrolling
26
+ - Fully-featured (advanced sorting and filtering)
27
+ - Highly customizable orderData grid
28
+ - Outstanding performance
29
+ - No third-party dependencies
30
+ - UI-agnostic
31
+ - Column Interactions (resize, reorder)
32
+ - Sorting Rows
33
+ - Row, Column, and Range Selection
34
+ - Single and Multi Selection
35
+ - UI-agnostic
36
+ - Row and Column Spanning
37
+ - Fixed Columns (Left and Right)
38
+ - Tree table (Hierarchical View)
39
+ - Accessibility support: Keyboard Shortcuts
40
+ - Custom Filtering
41
+ - In-place Cell Editing
42
+ - Userdefined Key and Mouse Events
43
+ - Customizable Look & Feel (via CSS variables)
44
+ - Row sorting
45
+ - Column Reordering (Drag and Drop)
46
+ - State Persistence (Row Sorting, Column Order, Selection)
47
+ - Customizable Cell Contents via Renderer for Header, Body and Footer
48
+ - Full control over the HTML structure and style
49
+
50
+
51
+ ## Links
52
+
53
+ - [Demos](https://gui.expert/demos)
54
+ - [Documentation](https://gui.expert/doc)
55
+ - [API](https://gui.expert/api)
56
+
57
+ ## Get Started
58
+
59
+ Add the following two NPM packages to your existing angular project (run this in your project root directory):
60
+
61
+ ```
62
+ npm install --save @guiexpert/table @guiexpert/angular-table
63
+ ```
64
+
65
+ Import the (standalone) TableComponent in your angular module:
66
+
67
+ ```
68
+ @NgModule({
69
+ imports: [
70
+ CommonModule,
71
+ TableComponent, ...
72
+ ```
73
+
74
+ Add guiexpert-table component to a template:
75
+
76
+ ```
77
+ <guiexpert-table
78
+ [tableModel]="tableModel"
79
+ [tableOptions]="tableOptions"
80
+ class="table-div"
81
+ ></guiexpert-table>
82
+ ```
83
+
84
+
85
+ Add two properties (tableModel and tableOptions) to the component:
86
+
87
+ ```
88
+ import {
89
+ TableFactory,
90
+ TableModelIf,
91
+ TableOptions,
92
+ TableOptionsIf
93
+ } from "@guiexpert/table";
94
+
95
+ tableModel: TableModelIf = TableFactory.createTableModel({
96
+ headerData: [
97
+ ['Header 1', 'Header 2']
98
+ ],
99
+ bodyData: [
100
+ ['Text 1a', 'Text 2a'],
101
+ ['Text 1b', 'Text 2b'],
102
+ ]
103
+ });
104
+
105
+ tableOptions = {
106
+ ...new TableOptions(),
107
+ hoverColumnVisible: false,
108
+ defaultRowHeights: {
109
+ header: 40,
110
+ body: 34,
111
+ footer: 0
112
+ }
113
+
114
+ ```
115
+
116
+ There are numerous possibilities to create table models.
117
+ Please refer to the [Documentation](https://gui.expert/doc) for further information or the [Demo](https://gui.expert/demos) section for examples.
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Generated bundle index. Do not edit.
3
+ */
4
+ export * from './public-api';
5
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3VpZXhwZXJ0LWFuZ3VsYXItdGFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLXRhYmxlL3NyYy9ndWlleHBlcnQtYW5ndWxhci10YWJsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LXJlbmRlcmVyLmlmLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci10YWJsZS9zcmMvbGliL2NvbXBvbmVudC1yZW5kZXJlci5pZi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtBcmVhSWRlbnQsIEFyZWFNb2RlbElmLCBSZW5kZXJlckNsZWFudXBGblR5cGV9IGZyb20gXCJAZ3VpZXhwZXJ0L3RhYmxlXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQ29tcG9uZW50UmVuZGVyZXJJZjxUPiB7XG5cbiAgc2V0RGF0YShcbiAgICByb3dJbmRleDogbnVtYmVyLFxuICAgIGNvbHVtbkluZGV4OiBudW1iZXIsXG4gICAgYXJlYUlkZW50OiBBcmVhSWRlbnQsXG4gICAgYXJlYU1vZGVsOiBBcmVhTW9kZWxJZixcbiAgICBjZWxsVmFsdWU6IGFueSk6IFJlbmRlcmVyQ2xlYW51cEZuVHlwZSB8IHVuZGVmaW5lZDtcblxufVxuIl19
@@ -0,0 +1,56 @@
1
+ import { Injectable } from "@angular/core";
2
+ import * as i0 from "@angular/core";
3
+ export class DomService {
4
+ constructor(renderer) {
5
+ this.renderer = renderer;
6
+ }
7
+ setStyle(el, style, value) {
8
+ this.renderer.setStyle(el, style, value);
9
+ return el;
10
+ }
11
+ ;
12
+ appendText(parent, text) {
13
+ const div = this.renderer.createText(text);
14
+ this.renderer.appendChild(parent, div);
15
+ return div;
16
+ }
17
+ addClass(div, clazz) {
18
+ if (clazz.includes(' ')) {
19
+ clazz.split(' ').forEach(c => this.renderer.addClass(div, c));
20
+ }
21
+ else {
22
+ this.renderer.addClass(div, clazz);
23
+ }
24
+ return div;
25
+ }
26
+ removeClass(div, clazz) {
27
+ if (clazz.includes(" ")) {
28
+ clazz.split(" ").forEach(c => div.classList.remove(c));
29
+ }
30
+ else {
31
+ div.classList.remove(clazz);
32
+ }
33
+ return div;
34
+ }
35
+ appendChild(parent, child) {
36
+ this.renderer.appendChild(parent, child);
37
+ }
38
+ createElement(name) {
39
+ return this.renderer.createElement(name);
40
+ }
41
+ createText(text) {
42
+ return this.renderer.createText(text);
43
+ }
44
+ setAttribute(ele, key, value) {
45
+ this.renderer.setAttribute(ele, key, value);
46
+ }
47
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DomService, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Injectable }); }
48
+ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DomService, providedIn: "root" }); }
49
+ }
50
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DomService, decorators: [{
51
+ type: Injectable,
52
+ args: [{
53
+ providedIn: "root"
54
+ }]
55
+ }], ctorParameters: function () { return [{ type: i0.Renderer2 }]; } });
56
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9tLXNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLXRhYmxlL3NyYy9saWIvc2VydmljZS9kb20tc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsVUFBVSxFQUFZLE1BQU0sZUFBZSxDQUFDOztBQU9wRCxNQUFNLE9BQU8sVUFBVTtJQUVyQixZQUNXLFFBQW1CO1FBQW5CLGFBQVEsR0FBUixRQUFRLENBQVc7SUFFOUIsQ0FBQztJQUVELFFBQVEsQ0FBQyxFQUFPLEVBQUUsS0FBYSxFQUFFLEtBQVU7UUFDekMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsRUFBRSxFQUFFLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQztRQUN6QyxPQUFPLEVBQUUsQ0FBQztJQUNaLENBQUM7SUFBQSxDQUFDO0lBR0YsVUFBVSxDQUFDLE1BQXNCLEVBQUUsSUFBWTtRQUM3QyxNQUFNLEdBQUcsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUMzQyxJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxNQUFNLEVBQUUsR0FBRyxDQUFDLENBQUM7UUFDdkMsT0FBTyxHQUFHLENBQUM7SUFDYixDQUFDO0lBR0QsUUFBUSxDQUFDLEdBQW1CLEVBQUUsS0FBYTtRQUN6QyxJQUFJLEtBQUssQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLEVBQUU7WUFDdkIsS0FBSyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQTtTQUM5RDthQUFNO1lBQ0wsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsR0FBRyxFQUFFLEtBQUssQ0FBQyxDQUFDO1NBQ3BDO1FBQ0QsT0FBTyxHQUFHLENBQUM7SUFDYixDQUFDO0lBRUQsV0FBVyxDQUFDLEdBQW1CLEVBQUUsS0FBYTtRQUM1QyxJQUFJLEtBQUssQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLEVBQUU7WUFDdkIsS0FBSyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxHQUFHLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1NBQ3hEO2FBQU07WUFDTCxHQUFHLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUM3QjtRQUNELE9BQU8sR0FBRyxDQUFDO0lBQ2IsQ0FBQztJQUVELFdBQVcsQ0FBQyxNQUFtQixFQUFFLEtBQWtCO1FBQ2pELElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUMsQ0FBQztJQUMzQyxDQUFDO0lBRUQsYUFBYSxDQUFJLElBQVk7UUFDM0IsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMzQyxDQUFDO0lBRUQsVUFBVSxDQUFDLElBQVk7UUFDckIsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN4QyxDQUFDO0lBRUQsWUFBWSxDQUFDLEdBQWdCLEVBQUUsR0FBVyxFQUFFLEtBQWE7UUFDdkQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxZQUFZLENBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLENBQUMsQ0FBQztJQUM5QyxDQUFDOytHQXBEVSxVQUFVO21IQUFWLFVBQVUsY0FGVCxNQUFNOzs0RkFFUCxVQUFVO2tCQUh0QixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7SW5qZWN0YWJsZSwgUmVuZGVyZXIyfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHtEb21TZXJ2aWNlSWZ9IGZyb20gXCJAZ3VpZXhwZXJ0L3RhYmxlXCI7XG5cblxuQEluamVjdGFibGUoe1xuICBwcm92aWRlZEluOiBcInJvb3RcIlxufSlcbmV4cG9ydCBjbGFzcyBEb21TZXJ2aWNlIGltcGxlbWVudHMgRG9tU2VydmljZUlmIHtcblxuICBjb25zdHJ1Y3RvcihcbiAgICByZWFkb25seSByZW5kZXJlcjogUmVuZGVyZXIyLFxuICApIHtcbiAgfVxuXG4gIHNldFN0eWxlKGVsOiBhbnksIHN0eWxlOiBzdHJpbmcsIHZhbHVlOiBhbnkpOiBhbnkge1xuICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUoZWwsIHN0eWxlLCB2YWx1ZSk7XG4gICAgcmV0dXJuIGVsO1xuICB9O1xuXG5cbiAgYXBwZW5kVGV4dChwYXJlbnQ6IEhUTUxEaXZFbGVtZW50LCB0ZXh0OiBzdHJpbmcpOiBIVE1MRGl2RWxlbWVudCB7XG4gICAgY29uc3QgZGl2ID0gdGhpcy5yZW5kZXJlci5jcmVhdGVUZXh0KHRleHQpO1xuICAgIHRoaXMucmVuZGVyZXIuYXBwZW5kQ2hpbGQocGFyZW50LCBkaXYpO1xuICAgIHJldHVybiBkaXY7XG4gIH1cblxuXG4gIGFkZENsYXNzKGRpdjogSFRNTERpdkVsZW1lbnQsIGNsYXp6OiBzdHJpbmcpIHtcbiAgICBpZiAoY2xhenouaW5jbHVkZXMoJyAnKSkge1xuICAgICAgY2xhenouc3BsaXQoJyAnKS5mb3JFYWNoKGMgPT4gdGhpcy5yZW5kZXJlci5hZGRDbGFzcyhkaXYsIGMpKVxuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnJlbmRlcmVyLmFkZENsYXNzKGRpdiwgY2xhenopO1xuICAgIH1cbiAgICByZXR1cm4gZGl2O1xuICB9XG5cbiAgcmVtb3ZlQ2xhc3MoZGl2OiBIVE1MRGl2RWxlbWVudCwgY2xheno6IHN0cmluZykge1xuICAgIGlmIChjbGF6ei5pbmNsdWRlcyhcIiBcIikpIHtcbiAgICAgIGNsYXp6LnNwbGl0KFwiIFwiKS5mb3JFYWNoKGMgPT4gZGl2LmNsYXNzTGlzdC5yZW1vdmUoYykpO1xuICAgIH0gZWxzZSB7XG4gICAgICBkaXYuY2xhc3NMaXN0LnJlbW92ZShjbGF6eik7XG4gICAgfVxuICAgIHJldHVybiBkaXY7XG4gIH1cblxuICBhcHBlbmRDaGlsZChwYXJlbnQ6IEhUTUxFbGVtZW50LCBjaGlsZDogSFRNTEVsZW1lbnQpOiB2b2lkIHtcbiAgICB0aGlzLnJlbmRlcmVyLmFwcGVuZENoaWxkKHBhcmVudCwgY2hpbGQpO1xuICB9XG5cbiAgY3JlYXRlRWxlbWVudDxUPihuYW1lOiBzdHJpbmcpOiBUIHtcbiAgICByZXR1cm4gdGhpcy5yZW5kZXJlci5jcmVhdGVFbGVtZW50KG5hbWUpO1xuICB9XG5cbiAgY3JlYXRlVGV4dCh0ZXh0OiBzdHJpbmcpOiBIVE1MRWxlbWVudCB7XG4gICAgcmV0dXJuIHRoaXMucmVuZGVyZXIuY3JlYXRlVGV4dCh0ZXh0KTtcbiAgfVxuXG4gIHNldEF0dHJpYnV0ZShlbGU6IEhUTUxFbGVtZW50LCBrZXk6IHN0cmluZywgdmFsdWU6IHN0cmluZyk6IHZvaWQge1xuICAgIHRoaXMucmVuZGVyZXIuc2V0QXR0cmlidXRlKGVsZSwga2V5LCB2YWx1ZSk7XG4gIH1cblxuXG59XG4iXX0=
@@ -0,0 +1,22 @@
1
+ import { Injectable } from "@angular/core";
2
+ import { RendererWrapper } from "./renderer-wrapper";
3
+ import * as i0 from "@angular/core";
4
+ export class RenderWrapperFactory {
5
+ constructor(appRef, injector, zone) {
6
+ this.appRef = appRef;
7
+ this.injector = injector;
8
+ this.zone = zone;
9
+ }
10
+ create(componentType, cdr) {
11
+ return new RendererWrapper(componentType, this.appRef, this.injector, cdr, this.zone);
12
+ }
13
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RenderWrapperFactory, deps: [{ token: i0.ApplicationRef }, { token: i0.EnvironmentInjector }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable }); }
14
+ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RenderWrapperFactory, providedIn: "root" }); }
15
+ }
16
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RenderWrapperFactory, decorators: [{
17
+ type: Injectable,
18
+ args: [{
19
+ providedIn: "root"
20
+ }]
21
+ }], ctorParameters: function () { return [{ type: i0.ApplicationRef }, { type: i0.EnvironmentInjector }, { type: i0.NgZone }]; } });
22
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVuZGVyLXdyYXBwZXItZmFjdG9yeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItdGFibGUvc3JjL2xpYi9zZXJ2aWNlL3JlbmRlci13cmFwcGVyLWZhY3RvcnkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUF5RCxVQUFVLEVBQWUsTUFBTSxlQUFlLENBQUM7QUFFL0csT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLG9CQUFvQixDQUFDOztBQUtuRCxNQUFNLE9BQU8sb0JBQW9CO0lBRS9CLFlBQ21CLE1BQXNCLEVBQ3RCLFFBQTZCLEVBQzdCLElBQVk7UUFGWixXQUFNLEdBQU4sTUFBTSxDQUFnQjtRQUN0QixhQUFRLEdBQVIsUUFBUSxDQUFxQjtRQUM3QixTQUFJLEdBQUosSUFBSSxDQUFRO0lBRS9CLENBQUM7SUFFRCxNQUFNLENBQ0osYUFBMkMsRUFDM0MsR0FBc0I7UUFFdEIsT0FBTyxJQUFJLGVBQWUsQ0FBQyxhQUFhLEVBQUUsSUFBSSxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsUUFBUSxFQUFFLEdBQUcsRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDeEYsQ0FBQzsrR0FkVSxvQkFBb0I7bUhBQXBCLG9CQUFvQixjQUZuQixNQUFNOzs0RkFFUCxvQkFBb0I7a0JBSGhDLFVBQVU7bUJBQUM7b0JBQ1YsVUFBVSxFQUFFLE1BQU07aUJBQ25CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtBcHBsaWNhdGlvblJlZiwgQ2hhbmdlRGV0ZWN0b3JSZWYsIEVudmlyb25tZW50SW5qZWN0b3IsIEluamVjdGFibGUsIE5nWm9uZSwgVHlwZX0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7Q29tcG9uZW50UmVuZGVyZXJJZn0gZnJvbSBcIi4uL2NvbXBvbmVudC1yZW5kZXJlci5pZlwiO1xuaW1wb3J0IHtSZW5kZXJlcldyYXBwZXJ9IGZyb20gXCIuL3JlbmRlcmVyLXdyYXBwZXJcIjtcblxuQEluamVjdGFibGUoe1xuICBwcm92aWRlZEluOiBcInJvb3RcIlxufSlcbmV4cG9ydCBjbGFzcyBSZW5kZXJXcmFwcGVyRmFjdG9yeSB7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSByZWFkb25seSBhcHBSZWY6IEFwcGxpY2F0aW9uUmVmLFxuICAgIHByaXZhdGUgcmVhZG9ubHkgaW5qZWN0b3I6IEVudmlyb25tZW50SW5qZWN0b3IsXG4gICAgcHJpdmF0ZSByZWFkb25seSB6b25lOiBOZ1pvbmVcbiAgKSB7XG4gIH1cblxuICBjcmVhdGU8VD4oXG4gICAgY29tcG9uZW50VHlwZTogVHlwZTxDb21wb25lbnRSZW5kZXJlcklmPFQ+PixcbiAgICBjZHI6IENoYW5nZURldGVjdG9yUmVmXG4gICkge1xuICAgIHJldHVybiBuZXcgUmVuZGVyZXJXcmFwcGVyKGNvbXBvbmVudFR5cGUsIHRoaXMuYXBwUmVmLCB0aGlzLmluamVjdG9yLCBjZHIsIHRoaXMuem9uZSk7XG4gIH1cblxufVxuIl19
@@ -0,0 +1,44 @@
1
+ import { createComponent, EventEmitter } from "@angular/core";
2
+ import { Subject, takeUntil } from "rxjs";
3
+ export class RendererWrapper {
4
+ constructor(componentType, appRef, injector, cdr, zone) {
5
+ this.componentType = componentType;
6
+ this.appRef = appRef;
7
+ this.injector = injector;
8
+ this.cdr = cdr;
9
+ this.zone = zone;
10
+ this.event$ = new EventEmitter();
11
+ this.closed$ = new Subject();
12
+ }
13
+ render(cellDiv, rowIndex, columnIndex, areaIdent, areaModel, cellValue, domService) {
14
+ const componentRef = createComponent(this.componentType, {
15
+ environmentInjector: this.injector
16
+ });
17
+ componentRef.instance.setData(rowIndex, columnIndex, areaIdent, areaModel, cellValue);
18
+ const emmiterNames = Object.keys(componentRef.instance)
19
+ .filter(key => {
20
+ // @ts-ignore
21
+ const t = componentRef.instance[key];
22
+ return t['subscribe'];
23
+ });
24
+ // @ts-ignore
25
+ const observables = (emmiterNames.map(key => componentRef.instance[key]));
26
+ observables.forEach(obs => obs
27
+ .pipe(takeUntil(this.closed$))
28
+ .subscribe((event) => {
29
+ console.info('RendererWrapper event >', event); // TODO hmm?
30
+ this.event$.next(event);
31
+ }));
32
+ cellDiv.appendChild(componentRef.location.nativeElement);
33
+ this.appRef.attachView(componentRef.hostView);
34
+ this.zone.run(() => {
35
+ this.cdr.detectChanges();
36
+ });
37
+ return () => {
38
+ // clean up:
39
+ this.appRef.detachView(componentRef.hostView);
40
+ this.closed$.next(Date.now());
41
+ };
42
+ }
43
+ }
44
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVuZGVyZXItd3JhcHBlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItdGFibGUvc3JjL2xpYi9zZXJ2aWNlL3JlbmRlcmVyLXdyYXBwZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUdMLGVBQWUsRUFFZixZQUFZLEVBR2IsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFDLE9BQU8sRUFBRSxTQUFTLEVBQUMsTUFBTSxNQUFNLENBQUM7QUFJeEMsTUFBTSxPQUFPLGVBQWU7SUFNMUIsWUFDVSxhQUEyQyxFQUMzQyxNQUFzQixFQUN0QixRQUE2QixFQUM3QixHQUFzQixFQUNiLElBQVk7UUFKckIsa0JBQWEsR0FBYixhQUFhLENBQThCO1FBQzNDLFdBQU0sR0FBTixNQUFNLENBQWdCO1FBQ3RCLGFBQVEsR0FBUixRQUFRLENBQXFCO1FBQzdCLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBQ2IsU0FBSSxHQUFKLElBQUksQ0FBUTtRQVJmLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBQ2hDLFlBQU8sR0FBRyxJQUFJLE9BQU8sRUFBVSxDQUFDO0lBU2pELENBQUM7SUFFRCxNQUFNLENBQ0osT0FBdUIsRUFDdkIsUUFBZ0IsRUFDaEIsV0FBbUIsRUFDbkIsU0FBb0IsRUFDcEIsU0FBc0IsRUFDdEIsU0FBYyxFQUNkLFVBQXdCO1FBRXhCLE1BQU0sWUFBWSxHQUFHLGVBQWUsQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFO1lBQ3ZELG1CQUFtQixFQUFFLElBQUksQ0FBQyxRQUFRO1NBQ25DLENBQUMsQ0FBQztRQUNILFlBQVksQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUMzQixRQUFRLEVBQ1IsV0FBVyxFQUNYLFNBQVMsRUFDVCxTQUFTLEVBQ1QsU0FBUyxDQUFDLENBQUM7UUFHYixNQUFNLFlBQVksR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUM7YUFDcEQsTUFBTSxDQUFDLEdBQUcsQ0FBQyxFQUFFO1lBQ1osYUFBYTtZQUNiLE1BQU0sQ0FBQyxHQUFHLFlBQVksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLENBQUM7WUFDckMsT0FBTyxDQUFDLENBQUMsV0FBVyxDQUFDLENBQUE7UUFDdkIsQ0FBQyxDQUFDLENBQUM7UUFFTCxhQUFhO1FBQ2IsTUFBTSxXQUFXLEdBQWlCLENBQUMsWUFBWSxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFFLFlBQVksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFnQixDQUFDLENBQUMsQ0FBQztRQUN4RyxXQUFXLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRzthQUMzQixJQUFJLENBQ0gsU0FBUyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FDeEI7YUFDQSxTQUFTLENBQUMsQ0FBQyxLQUFVLEVBQUUsRUFBRTtZQUN4QixPQUFPLENBQUMsSUFBSSxDQUFDLHlCQUF5QixFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsWUFBWTtZQUM1RCxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMxQixDQUFDLENBQUMsQ0FDSCxDQUFDO1FBRUYsT0FBTyxDQUFDLFdBQVcsQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBRXpELElBQUksQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUU5QyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLEVBQUU7WUFDakIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUMzQixDQUFDLENBQUMsQ0FBQztRQUVILE9BQU8sR0FBRyxFQUFFO1lBQ1YsWUFBWTtZQUNaLElBQUksQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQztZQUM5QyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQztRQUNoQyxDQUFDLENBQUM7SUFDSixDQUFDO0NBR0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0FyZWFJZGVudCwgQXJlYU1vZGVsSWYsIENlbGxSZW5kZXJlcklmLCBEb21TZXJ2aWNlSWYsIFJlbmRlcmVyQ2xlYW51cEZuVHlwZX0gZnJvbSBcIkBndWlleHBlcnQvdGFibGVcIjtcbmltcG9ydCB7XG4gIEFwcGxpY2F0aW9uUmVmLFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgY3JlYXRlQ29tcG9uZW50LFxuICBFbnZpcm9ubWVudEluamVjdG9yLFxuICBFdmVudEVtaXR0ZXIsXG4gIE5nWm9uZSxcbiAgVHlwZVxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHtDb21wb25lbnRSZW5kZXJlcklmfSBmcm9tIFwiLi4vY29tcG9uZW50LXJlbmRlcmVyLmlmXCI7XG5pbXBvcnQge1N1YmplY3QsIHRha2VVbnRpbH0gZnJvbSBcInJ4anNcIjtcbmltcG9ydCB7T2JzZXJ2YWJsZX0gZnJvbSBcInJ4anMvaW50ZXJuYWwvT2JzZXJ2YWJsZVwiO1xuXG5cbmV4cG9ydCBjbGFzcyBSZW5kZXJlcldyYXBwZXI8VCBleHRlbmRzIENvbXBvbmVudFJlbmRlcmVySWY8VD4+XG4gIGltcGxlbWVudHMgQ2VsbFJlbmRlcmVySWYge1xuXG4gIHB1YmxpYyByZWFkb25seSBldmVudCQgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgcHJpdmF0ZSByZWFkb25seSBjbG9zZWQkID0gbmV3IFN1YmplY3Q8bnVtYmVyPigpO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgY29tcG9uZW50VHlwZTogVHlwZTxDb21wb25lbnRSZW5kZXJlcklmPFQ+PixcbiAgICBwcml2YXRlIGFwcFJlZjogQXBwbGljYXRpb25SZWYsXG4gICAgcHJpdmF0ZSBpbmplY3RvcjogRW52aXJvbm1lbnRJbmplY3RvcixcbiAgICBwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgcHJpdmF0ZSByZWFkb25seSB6b25lOiBOZ1pvbmVcbiAgKSB7XG4gIH1cblxuICByZW5kZXIoXG4gICAgY2VsbERpdjogSFRNTERpdkVsZW1lbnQsXG4gICAgcm93SW5kZXg6IG51bWJlcixcbiAgICBjb2x1bW5JbmRleDogbnVtYmVyLFxuICAgIGFyZWFJZGVudDogQXJlYUlkZW50LFxuICAgIGFyZWFNb2RlbDogQXJlYU1vZGVsSWYsXG4gICAgY2VsbFZhbHVlOiBhbnksXG4gICAgZG9tU2VydmljZTogRG9tU2VydmljZUlmKTogUmVuZGVyZXJDbGVhbnVwRm5UeXBlIHwgdW5kZWZpbmVkIHtcblxuICAgIGNvbnN0IGNvbXBvbmVudFJlZiA9IGNyZWF0ZUNvbXBvbmVudCh0aGlzLmNvbXBvbmVudFR5cGUsIHtcbiAgICAgIGVudmlyb25tZW50SW5qZWN0b3I6IHRoaXMuaW5qZWN0b3JcbiAgICB9KTtcbiAgICBjb21wb25lbnRSZWYuaW5zdGFuY2Uuc2V0RGF0YShcbiAgICAgIHJvd0luZGV4LFxuICAgICAgY29sdW1uSW5kZXgsXG4gICAgICBhcmVhSWRlbnQsXG4gICAgICBhcmVhTW9kZWwsXG4gICAgICBjZWxsVmFsdWUpO1xuXG5cbiAgICBjb25zdCBlbW1pdGVyTmFtZXMgPSBPYmplY3Qua2V5cyhjb21wb25lbnRSZWYuaW5zdGFuY2UpXG4gICAgICAuZmlsdGVyKGtleSA9PiB7XG4gICAgICAgIC8vIEB0cy1pZ25vcmVcbiAgICAgICAgY29uc3QgdCA9IGNvbXBvbmVudFJlZi5pbnN0YW5jZVtrZXldO1xuICAgICAgICByZXR1cm4gdFsnc3Vic2NyaWJlJ11cbiAgICAgIH0pO1xuXG4gICAgLy8gQHRzLWlnbm9yZVxuICAgIGNvbnN0IG9ic2VydmFibGVzOiBPYnNlcnZhYmxlW10gPSAoZW1taXRlck5hbWVzLm1hcChrZXkgPT4gKGNvbXBvbmVudFJlZi5pbnN0YW5jZVtrZXldIGFzIE9ic2VydmFibGUpKSk7XG4gICAgb2JzZXJ2YWJsZXMuZm9yRWFjaChvYnMgPT4gb2JzXG4gICAgICAucGlwZShcbiAgICAgICAgdGFrZVVudGlsKHRoaXMuY2xvc2VkJClcbiAgICAgIClcbiAgICAgIC5zdWJzY3JpYmUoKGV2ZW50OiBhbnkpID0+IHtcbiAgICAgICAgY29uc29sZS5pbmZvKCdSZW5kZXJlcldyYXBwZXIgZXZlbnQgPicsIGV2ZW50KTsgLy8gVE9ETyBobW0/XG4gICAgICAgIHRoaXMuZXZlbnQkLm5leHQoZXZlbnQpO1xuICAgICAgfSlcbiAgICApO1xuXG4gICAgY2VsbERpdi5hcHBlbmRDaGlsZChjb21wb25lbnRSZWYubG9jYXRpb24ubmF0aXZlRWxlbWVudCk7XG5cbiAgICB0aGlzLmFwcFJlZi5hdHRhY2hWaWV3KGNvbXBvbmVudFJlZi5ob3N0Vmlldyk7XG5cbiAgICB0aGlzLnpvbmUucnVuKCgpID0+IHtcbiAgICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcbiAgICB9KTtcblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICAvLyBjbGVhbiB1cDpcbiAgICAgIHRoaXMuYXBwUmVmLmRldGFjaFZpZXcoY29tcG9uZW50UmVmLmhvc3RWaWV3KTtcbiAgICAgIHRoaXMuY2xvc2VkJC5uZXh0KERhdGUubm93KCkpO1xuICAgIH07XG4gIH1cblxuXG59XG4iXX0=
@@ -0,0 +1,97 @@
1
+ import { ChangeDetectionStrategy, Component, Input, Output, ViewEncapsulation } from "@angular/core";
2
+ import { CommonModule } from "@angular/common";
3
+ import { debounceTime, Subject, takeWhile } from "rxjs";
4
+ import { TableOptions, TableScope } from "@guiexpert/table";
5
+ import { DomService } from "./service/dom-service";
6
+ import * as i0 from "@angular/core";
7
+ import * as i1 from "./service/dom-service";
8
+ export class TableComponent {
9
+ constructor(renderer, elementRef, zone, domService) {
10
+ this.renderer = renderer;
11
+ this.elementRef = elementRef;
12
+ this.zone = zone;
13
+ this.domService = domService;
14
+ this.tableReady = new Subject();
15
+ this.mouseMoved = new Subject();
16
+ this.mouseDragging = new Subject();
17
+ this.mouseDraggingEnded = new Subject();
18
+ this.contextmenu = new Subject();
19
+ this.mouseClicked = new Subject();
20
+ this.modelChanged = new Subject();
21
+ this.checkboxChanged = new Subject();
22
+ this.tableOptions = new TableOptions();
23
+ this.debounceMouseClickDelay = 150;
24
+ this.debounceMouseClick = new Subject();
25
+ this.alive = true;
26
+ }
27
+ onContextmenu(evt) {
28
+ this.contextmenu.next(evt);
29
+ }
30
+ onMouseMoved(evt) {
31
+ this.mouseMoved.next(evt);
32
+ }
33
+ // will be called by table-scope:
34
+ onMouseClicked(evt) {
35
+ this.debounceMouseClick.next(evt);
36
+ }
37
+ onCheckboxChanged(arr) {
38
+ this.checkboxChanged.next(arr);
39
+ }
40
+ onModelChanged(evt) {
41
+ this.modelChanged.next(evt);
42
+ }
43
+ ngOnInit() {
44
+ this.initModel();
45
+ this.debounceMouseClick
46
+ .pipe(debounceTime(this.debounceMouseClickDelay), takeWhile(() => this.alive))
47
+ .subscribe((value) => this.mouseClicked.next(value));
48
+ }
49
+ ngOnDestroy() {
50
+ this.alive = false;
51
+ }
52
+ onMouseDragging(evt) {
53
+ this.mouseDragging.next(evt);
54
+ }
55
+ onMouseDraggingEnd(evt) {
56
+ this.mouseDraggingEnded.next(evt);
57
+ }
58
+ initModel() {
59
+ this.zone.runOutsideAngular(this.init.bind(this));
60
+ }
61
+ init() {
62
+ if (this.tableModel) {
63
+ this.tableScope = new TableScope(this.elementRef.nativeElement, this.tableModel, this.domService, this.tableOptions, this);
64
+ this.tableScope.firstInit();
65
+ this.tableReady.next(this.tableScope.getApi());
66
+ }
67
+ }
68
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.DomService }], target: i0.ɵɵFactoryTarget.Component }); }
69
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TableComponent, isStandalone: true, selector: "guiexpert-table", inputs: { tableModel: "tableModel", tableOptions: "tableOptions", debounceMouseClickDelay: "debounceMouseClickDelay" }, outputs: { tableReady: "tableReady", mouseMoved: "mouseMoved", mouseDragging: "mouseDragging", mouseDraggingEnded: "mouseDraggingEnded", contextmenu: "contextmenu", mouseClicked: "mouseClicked", modelChanged: "modelChanged", checkboxChanged: "checkboxChanged" }, providers: [DomService], ngImport: i0, template: "", isInline: true, styles: ["@import\"node_modules/@guiexpert/table/css/main.css\";\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
70
+ }
71
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableComponent, decorators: [{
72
+ type: Component,
73
+ args: [{ selector: "guiexpert-table", standalone: true, imports: [CommonModule], providers: [DomService], template: "", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@import\"node_modules/@guiexpert/table/css/main.css\";\n"] }]
74
+ }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i1.DomService }]; }, propDecorators: { tableReady: [{
75
+ type: Output
76
+ }], mouseMoved: [{
77
+ type: Output
78
+ }], mouseDragging: [{
79
+ type: Output
80
+ }], mouseDraggingEnded: [{
81
+ type: Output
82
+ }], contextmenu: [{
83
+ type: Output
84
+ }], mouseClicked: [{
85
+ type: Output
86
+ }], modelChanged: [{
87
+ type: Output
88
+ }], checkboxChanged: [{
89
+ type: Output
90
+ }], tableModel: [{
91
+ type: Input
92
+ }], tableOptions: [{
93
+ type: Input
94
+ }], debounceMouseClickDelay: [{
95
+ type: Input
96
+ }] } });
97
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci10YWJsZS9zcmMvbGliL3RhYmxlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFFVCxLQUFLLEVBSUwsTUFBTSxFQUVOLGlCQUFpQixFQUNsQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFlBQVksRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ3hELE9BQU8sRUFNTCxZQUFZLEVBRVosVUFBVSxFQUNYLE1BQU0sa0JBQWtCLENBQUM7QUFDMUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHVCQUF1QixDQUFDOzs7QUFlbkQsTUFBTSxPQUFPLGNBQWM7SUF5Q3pCLFlBQ21CLFFBQW1CLEVBQ25CLFVBQXNCLEVBQ3RCLElBQVksRUFDWixVQUFzQjtRQUh0QixhQUFRLEdBQVIsUUFBUSxDQUFXO1FBQ25CLGVBQVUsR0FBVixVQUFVLENBQVk7UUFDdEIsU0FBSSxHQUFKLElBQUksQ0FBUTtRQUNaLGVBQVUsR0FBVixVQUFVLENBQVk7UUExQ3pDLGVBQVUsR0FBRyxJQUFJLE9BQU8sRUFBWSxDQUFDO1FBR3JDLGVBQVUsR0FBMEIsSUFBSSxPQUFPLEVBQWdCLENBQUM7UUFHaEUsa0JBQWEsR0FBMEIsSUFBSSxPQUFPLEVBQWdCLENBQUM7UUFHbkUsdUJBQWtCLEdBQTBCLElBQUksT0FBTyxFQUFnQixDQUFDO1FBR3hFLGdCQUFXLEdBQTBCLElBQUksT0FBTyxFQUFnQixDQUFDO1FBR2pFLGlCQUFZLEdBQTBCLElBQUksT0FBTyxFQUFnQixDQUFDO1FBR2xFLGlCQUFZLEdBQWdDLElBQUksT0FBTyxFQUFzQixDQUFDO1FBRzlFLG9C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QUFNO2dCQUlQLGtCQUFrQjtzQkFEakIsTUFBTTtnQkFJUCxXQUFXO3NCQURWLE1BQU07Z0JBSVAsWUFBWTtzQkFEWCxNQUFNO2dCQUlQLFlBQVk7c0JBRFgsTUFBTTtnQkFJUCxlQUFlO3NCQURkLE1BQU07Z0JBSVAsVUFBVTtzQkFEVCxLQUFLO2dCQUlOLFlBQVk7c0JBRFgsS0FBSztnQkFJTix1QkFBdUI7c0JBRHRCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBJbnB1dCxcbiAgTmdab25lLFxuICBPbkRlc3Ryb3ksXG4gIE9uSW5pdCxcbiAgT3V0cHV0LFxuICBSZW5kZXJlcjIsXG4gIFZpZXdFbmNhcHN1bGF0aW9uXG59IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7XG5pbXBvcnQgeyBkZWJvdW5jZVRpbWUsIFN1YmplY3QsIHRha2VXaGlsZSB9IGZyb20gXCJyeGpzXCI7XG5pbXBvcnQge1xuICBFdmVudExpc3RlbmVySWYsXG4gIEdlTW9kZWxDaGFuZ2VFdmVudCxcbiAgR2VNb3VzZUV2ZW50LFxuICBUYWJsZUFwaSxcbiAgVGFibGVNb2RlbElmLFxuICBUYWJsZU9wdGlvbnMsXG4gIFRhYmxlT3B0aW9uc0lmLFxuICBUYWJsZVNjb3BlXG59IGZyb20gXCJAZ3VpZXhwZXJ0L3RhYmxlXCI7XG5pbXBvcnQgeyBEb21TZXJ2aWNlIH0gZnJvbSBcIi4vc2VydmljZS9kb20tc2VydmljZVwiO1xuXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJndWlleHBlcnQtdGFibGVcIixcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHByb3ZpZGVyczogW0RvbVNlcnZpY2VdLFxuICB0ZW1wbGF0ZTogXCJcIixcbiAgc3R5bGVVcmxzOiBbXG4gICAgXCIuL3RhYmxlLmNvbXBvbmVudC5jc3NcIlxuICBdLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBUYWJsZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95LCBFdmVudExpc3RlbmVySWYge1xuXG4gIEBPdXRwdXQoKVxuICB0YWJsZVJlYWR5ID0gbmV3IFN1YmplY3Q8VGFibGVBcGk+KCk7XG5cbiAgQE91dHB1dCgpXG4gIG1vdXNlTW92ZWQ6IFN1YmplY3Q8R2VNb3VzZUV2ZW50PiA9IG5ldyBTdWJqZWN0PEdlTW91c2VFdmVudD4oKTtcblxuICBAT3V0cHV0KClcbiAgbW91c2VEcmFnZ2luZzogU3ViamVjdDxHZU1vdXNlRXZlbnQ+ID0gbmV3IFN1YmplY3Q8R2VNb3VzZUV2ZW50PigpO1xuXG4gIEBPdXRwdXQoKVxuICBtb3VzZURyYWdnaW5nRW5kZWQ6IFN1YmplY3Q8R2VNb3VzZUV2ZW50PiA9IG5ldyBTdWJqZWN0PEdlTW91c2VFdmVudD4oKTtcblxuICBAT3V0cHV0KClcbiAgY29udGV4dG1lbnU6IFN1YmplY3Q8R2VNb3VzZUV2ZW50PiA9IG5ldyBTdWJqZWN0PEdlTW91c2VFdmVudD4oKTtcblxuICBAT3V0cHV0KClcbiAgbW91c2VDbGlja2VkOiBTdWJqZWN0PEdlTW91c2VFdmVudD4gPSBuZXcgU3ViamVjdDxHZU1vdXNlRXZlbnQ+KCk7XG5cbiAgQE91dHB1dCgpXG4gIG1vZGVsQ2hhbmdlZDogU3ViamVjdDxHZU1vZGVsQ2hhbmdlRXZlbnQ+ID0gbmV3IFN1YmplY3Q8R2VNb2RlbENoYW5nZUV2ZW50PigpO1xuXG4gIEBPdXRwdXQoKVxuICBjaGVja2JveENoYW5nZWQ6IFN1YmplY3Q8YW55W10+ID0gbmV3IFN1YmplY3Q8YW55W10+KCk7XG5cbiAgQElucHV0KClcbiAgdGFibGVNb2RlbD86IFRhYmxlTW9kZWxJZjtcblxuICBASW5wdXQoKVxuICB0YWJsZU9wdGlvbnM6IFRhYmxlT3B0aW9uc0lmID0gbmV3IFRhYmxlT3B0aW9ucygpO1xuXG4gIEBJbnB1dCgpXG4gIGRlYm91bmNlTW91c2VDbGlja0RlbGF5OiBudW1iZXIgPSAxNTA7XG5cbiAgcHJpdmF0ZSBkZWJvdW5jZU1vdXNlQ2xpY2s6IFN1YmplY3Q8R2VNb3VzZUV2ZW50PiA9IG5ldyBTdWJqZWN0PEdlTW91c2VFdmVudD4oKTtcblxuICBwcml2YXRlIHRhYmxlU2NvcGU/OiBUYWJsZVNjb3BlO1xuICBwcml2YXRlIGFsaXZlID0gdHJ1ZTtcblxuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgcmVhZG9ubHkgcmVuZGVyZXI6IFJlbmRlcmVyMixcbiAgICBwcml2YXRlIHJlYWRvbmx5IGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsXG4gICAgcHJpdmF0ZSByZWFkb25seSB6b25lOiBOZ1pvbmUsXG4gICAgcHJpdmF0ZSByZWFkb25seSBkb21TZXJ2aWNlOiBEb21TZXJ2aWNlXG4gICkge1xuICB9XG5cblxuICBvbkNvbnRleHRtZW51KGV2dDogR2VNb3VzZUV2ZW50KTogdm9pZCB7XG4gICAgdGhpcy5jb250ZXh0bWVudS5uZXh0KGV2dCk7XG4gIH1cblxuICBvbk1vdXNlTW92ZWQoZXZ0OiBHZU1vdXNlRXZlbnQpOiB2b2lkIHtcbiAgICB0aGlzLm1vdXNlTW92ZWQubmV4dChldnQpO1xuICB9XG5cbiAgLy8gd2lsbCBiZSBjYWxsZWQgYnkgdGFibGUtc2NvcGU6XG4gIG9uTW91c2VDbGlja2VkKGV2dDogR2VNb3VzZUV2ZW50KTogdm9pZCB7XG4gICAgdGhpcy5kZWJvdW5jZU1vdXNlQ2xpY2submV4dChldnQpO1xuICB9XG5cbiAgb25DaGVja2JveENoYW5nZWQoYXJyOiBhbnlbXSk6IHZvaWQge1xuICAgIHRoaXMuY2hlY2tib3hDaGFuZ2VkLm5leHQoYXJyKTtcbiAgfVxuXG4gIG9uTW9kZWxDaGFuZ2VkKGV2dDogR2VNb2RlbENoYW5nZUV2ZW50KTogdm9pZCB7XG4gICAgdGhpcy5tb2RlbENoYW5nZWQubmV4dChldnQpO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5pbml0TW9kZWwoKTtcbiAgICB0aGlzLmRlYm91bmNlTW91c2VDbGlja1xuICAgICAgLnBpcGUoXG4gICAgICAgIGRlYm91bmNlVGltZSh0aGlzLmRlYm91bmNlTW91c2VDbGlja0RlbGF5KSxcbiAgICAgICAgdGFrZVdoaWxlKCgpID0+IHRoaXMuYWxpdmUpXG4gICAgICApXG4gICAgICAuc3Vic2NyaWJlKCh2YWx1ZSkgPT4gdGhpcy5tb3VzZUNsaWNrZWQubmV4dCh2YWx1ZSkpO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5hbGl2ZSA9IGZhbHNlO1xuICB9XG5cblxuICBvbk1vdXNlRHJhZ2dpbmcoZXZ0OiBHZU1vdXNlRXZlbnQpOiB2b2lkIHtcbiAgICB0aGlzLm1vdXNlRHJhZ2dpbmcubmV4dChldnQpO1xuICB9XG5cbiAgb25Nb3VzZURyYWdnaW5nRW5kKGV2dDogR2VNb3VzZUV2ZW50KTogdm9pZCB7XG4gICAgdGhpcy5tb3VzZURyYWdnaW5nRW5kZWQubmV4dChldnQpO1xuICB9XG5cblxuICBwcml2YXRlIGluaXRNb2RlbCgpIHtcbiAgICB0aGlzLnpvbmUucnVuT3V0c2lkZUFuZ3VsYXIodGhpcy5pbml0LmJpbmQodGhpcykpO1xuICB9XG5cbiAgcHJpdmF0ZSBpbml0KCkge1xuICAgIGlmICh0aGlzLnRhYmxlTW9kZWwpIHtcbiAgICAgIHRoaXMudGFibGVTY29wZSA9IG5ldyBUYWJsZVNjb3BlKFxuICAgICAgICB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgdGhpcy50YWJsZU1vZGVsLCB0aGlzLmRvbVNlcnZpY2UsIHRoaXMudGFibGVPcHRpb25zLCB0aGlzXG4gICAgICApO1xuICAgICAgdGhpcy50YWJsZVNjb3BlLmZpcnN0SW5pdCgpO1xuICAgICAgdGhpcy50YWJsZVJlYWR5Lm5leHQodGhpcy50YWJsZVNjb3BlLmdldEFwaSgpKTtcbiAgICB9XG4gIH1cblxuXG59XG4iXX0=
@@ -0,0 +1,9 @@
1
+ /*
2
+ * Public API Surface of angular-table
3
+ */
4
+ export * from './lib/table.component';
5
+ export * from './lib/component-renderer.if';
6
+ export * from './lib/service/dom-service';
7
+ export * from './lib/service/renderer-wrapper';
8
+ export * from './lib/service/render-wrapper-factory';
9
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItdGFibGUvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsc0NBQXNDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIGFuZ3VsYXItdGFibGVcbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi90YWJsZS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50LXJlbmRlcmVyLmlmJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NlcnZpY2UvZG9tLXNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc2VydmljZS9yZW5kZXJlci13cmFwcGVyJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NlcnZpY2UvcmVuZGVyLXdyYXBwZXItZmFjdG9yeSc7XG4iXX0=
@@ -0,0 +1,221 @@
1
+ import * as i0 from '@angular/core';
2
+ import { Injectable, Component, ViewEncapsulation, ChangeDetectionStrategy, Output, Input, EventEmitter, createComponent } from '@angular/core';
3
+ import { CommonModule } from '@angular/common';
4
+ import { Subject, debounceTime, takeWhile, takeUntil } from 'rxjs';
5
+ import { TableOptions, TableScope } from '@guiexpert/table';
6
+
7
+ class DomService {
8
+ constructor(renderer) {
9
+ this.renderer = renderer;
10
+ }
11
+ setStyle(el, style, value) {
12
+ this.renderer.setStyle(el, style, value);
13
+ return el;
14
+ }
15
+ ;
16
+ appendText(parent, text) {
17
+ const div = this.renderer.createText(text);
18
+ this.renderer.appendChild(parent, div);
19
+ return div;
20
+ }
21
+ addClass(div, clazz) {
22
+ if (clazz.includes(' ')) {
23
+ clazz.split(' ').forEach(c => this.renderer.addClass(div, c));
24
+ }
25
+ else {
26
+ this.renderer.addClass(div, clazz);
27
+ }
28
+ return div;
29
+ }
30
+ removeClass(div, clazz) {
31
+ if (clazz.includes(" ")) {
32
+ clazz.split(" ").forEach(c => div.classList.remove(c));
33
+ }
34
+ else {
35
+ div.classList.remove(clazz);
36
+ }
37
+ return div;
38
+ }
39
+ appendChild(parent, child) {
40
+ this.renderer.appendChild(parent, child);
41
+ }
42
+ createElement(name) {
43
+ return this.renderer.createElement(name);
44
+ }
45
+ createText(text) {
46
+ return this.renderer.createText(text);
47
+ }
48
+ setAttribute(ele, key, value) {
49
+ this.renderer.setAttribute(ele, key, value);
50
+ }
51
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DomService, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Injectable }); }
52
+ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DomService, providedIn: "root" }); }
53
+ }
54
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DomService, decorators: [{
55
+ type: Injectable,
56
+ args: [{
57
+ providedIn: "root"
58
+ }]
59
+ }], ctorParameters: function () { return [{ type: i0.Renderer2 }]; } });
60
+
61
+ class TableComponent {
62
+ constructor(renderer, elementRef, zone, domService) {
63
+ this.renderer = renderer;
64
+ this.elementRef = elementRef;
65
+ this.zone = zone;
66
+ this.domService = domService;
67
+ this.tableReady = new Subject();
68
+ this.mouseMoved = new Subject();
69
+ this.mouseDragging = new Subject();
70
+ this.mouseDraggingEnded = new Subject();
71
+ this.contextmenu = new Subject();
72
+ this.mouseClicked = new Subject();
73
+ this.modelChanged = new Subject();
74
+ this.checkboxChanged = new Subject();
75
+ this.tableOptions = new TableOptions();
76
+ this.debounceMouseClickDelay = 150;
77
+ this.debounceMouseClick = new Subject();
78
+ this.alive = true;
79
+ }
80
+ onContextmenu(evt) {
81
+ this.contextmenu.next(evt);
82
+ }
83
+ onMouseMoved(evt) {
84
+ this.mouseMoved.next(evt);
85
+ }
86
+ // will be called by table-scope:
87
+ onMouseClicked(evt) {
88
+ this.debounceMouseClick.next(evt);
89
+ }
90
+ onCheckboxChanged(arr) {
91
+ this.checkboxChanged.next(arr);
92
+ }
93
+ onModelChanged(evt) {
94
+ this.modelChanged.next(evt);
95
+ }
96
+ ngOnInit() {
97
+ this.initModel();
98
+ this.debounceMouseClick
99
+ .pipe(debounceTime(this.debounceMouseClickDelay), takeWhile(() => this.alive))
100
+ .subscribe((value) => this.mouseClicked.next(value));
101
+ }
102
+ ngOnDestroy() {
103
+ this.alive = false;
104
+ }
105
+ onMouseDragging(evt) {
106
+ this.mouseDragging.next(evt);
107
+ }
108
+ onMouseDraggingEnd(evt) {
109
+ this.mouseDraggingEnded.next(evt);
110
+ }
111
+ initModel() {
112
+ this.zone.runOutsideAngular(this.init.bind(this));
113
+ }
114
+ init() {
115
+ if (this.tableModel) {
116
+ this.tableScope = new TableScope(this.elementRef.nativeElement, this.tableModel, this.domService, this.tableOptions, this);
117
+ this.tableScope.firstInit();
118
+ this.tableReady.next(this.tableScope.getApi());
119
+ }
120
+ }
121
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: DomService }], target: i0.ɵɵFactoryTarget.Component }); }
122
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TableComponent, isStandalone: true, selector: "guiexpert-table", inputs: { tableModel: "tableModel", tableOptions: "tableOptions", debounceMouseClickDelay: "debounceMouseClickDelay" }, outputs: { tableReady: "tableReady", mouseMoved: "mouseMoved", mouseDragging: "mouseDragging", mouseDraggingEnded: "mouseDraggingEnded", contextmenu: "contextmenu", mouseClicked: "mouseClicked", modelChanged: "modelChanged", checkboxChanged: "checkboxChanged" }, providers: [DomService], ngImport: i0, template: "", isInline: true, styles: ["@import\"node_modules/@guiexpert/table/css/main.css\";\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
123
+ }
124
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableComponent, decorators: [{
125
+ type: Component,
126
+ args: [{ selector: "guiexpert-table", standalone: true, imports: [CommonModule], providers: [DomService], template: "", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@import\"node_modules/@guiexpert/table/css/main.css\";\n"] }]
127
+ }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: DomService }]; }, propDecorators: { tableReady: [{
128
+ type: Output
129
+ }], mouseMoved: [{
130
+ type: Output
131
+ }], mouseDragging: [{
132
+ type: Output
133
+ }], mouseDraggingEnded: [{
134
+ type: Output
135
+ }], contextmenu: [{
136
+ type: Output
137
+ }], mouseClicked: [{
138
+ type: Output
139
+ }], modelChanged: [{
140
+ type: Output
141
+ }], checkboxChanged: [{
142
+ type: Output
143
+ }], tableModel: [{
144
+ type: Input
145
+ }], tableOptions: [{
146
+ type: Input
147
+ }], debounceMouseClickDelay: [{
148
+ type: Input
149
+ }] } });
150
+
151
+ class RendererWrapper {
152
+ constructor(componentType, appRef, injector, cdr, zone) {
153
+ this.componentType = componentType;
154
+ this.appRef = appRef;
155
+ this.injector = injector;
156
+ this.cdr = cdr;
157
+ this.zone = zone;
158
+ this.event$ = new EventEmitter();
159
+ this.closed$ = new Subject();
160
+ }
161
+ render(cellDiv, rowIndex, columnIndex, areaIdent, areaModel, cellValue, domService) {
162
+ const componentRef = createComponent(this.componentType, {
163
+ environmentInjector: this.injector
164
+ });
165
+ componentRef.instance.setData(rowIndex, columnIndex, areaIdent, areaModel, cellValue);
166
+ const emmiterNames = Object.keys(componentRef.instance)
167
+ .filter(key => {
168
+ // @ts-ignore
169
+ const t = componentRef.instance[key];
170
+ return t['subscribe'];
171
+ });
172
+ // @ts-ignore
173
+ const observables = (emmiterNames.map(key => componentRef.instance[key]));
174
+ observables.forEach(obs => obs
175
+ .pipe(takeUntil(this.closed$))
176
+ .subscribe((event) => {
177
+ console.info('RendererWrapper event >', event); // TODO hmm?
178
+ this.event$.next(event);
179
+ }));
180
+ cellDiv.appendChild(componentRef.location.nativeElement);
181
+ this.appRef.attachView(componentRef.hostView);
182
+ this.zone.run(() => {
183
+ this.cdr.detectChanges();
184
+ });
185
+ return () => {
186
+ // clean up:
187
+ this.appRef.detachView(componentRef.hostView);
188
+ this.closed$.next(Date.now());
189
+ };
190
+ }
191
+ }
192
+
193
+ class RenderWrapperFactory {
194
+ constructor(appRef, injector, zone) {
195
+ this.appRef = appRef;
196
+ this.injector = injector;
197
+ this.zone = zone;
198
+ }
199
+ create(componentType, cdr) {
200
+ return new RendererWrapper(componentType, this.appRef, this.injector, cdr, this.zone);
201
+ }
202
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RenderWrapperFactory, deps: [{ token: i0.ApplicationRef }, { token: i0.EnvironmentInjector }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable }); }
203
+ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RenderWrapperFactory, providedIn: "root" }); }
204
+ }
205
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RenderWrapperFactory, decorators: [{
206
+ type: Injectable,
207
+ args: [{
208
+ providedIn: "root"
209
+ }]
210
+ }], ctorParameters: function () { return [{ type: i0.ApplicationRef }, { type: i0.EnvironmentInjector }, { type: i0.NgZone }]; } });
211
+
212
+ /*
213
+ * Public API Surface of angular-table
214
+ */
215
+
216
+ /**
217
+ * Generated bundle index. Do not edit.
218
+ */
219
+
220
+ export { DomService, RenderWrapperFactory, RendererWrapper, TableComponent };
221
+ //# sourceMappingURL=guiexpert-angular-table.mjs.map