@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.
- package/README.md +116 -2
- package/esm2022/guiexpert-angular-table.mjs +5 -0
- package/esm2022/lib/component-renderer.if.mjs +2 -0
- package/esm2022/lib/service/dom-service.mjs +56 -0
- package/esm2022/lib/service/render-wrapper-factory.mjs +22 -0
- package/esm2022/lib/service/renderer-wrapper.mjs +44 -0
- package/esm2022/lib/table.component.mjs +97 -0
- package/esm2022/public-api.mjs +9 -0
- package/fesm2022/guiexpert-angular-table.mjs +221 -0
- package/fesm2022/guiexpert-angular-table.mjs.map +1 -0
- package/index.d.ts +5 -0
- package/lib/component-renderer.if.d.ts +4 -0
- package/lib/service/dom-service.d.ts +17 -0
- package/lib/service/render-wrapper-factory.d.ts +13 -0
- package/lib/service/renderer-wrapper.d.ts +14 -0
- package/lib/table.component.d.ts +39 -0
- package/package.json +21 -7
- package/public-api.d.ts +5 -0
- package/.eslintrc.json +0 -46
- package/.idea/angular-table.iml +0 -12
- package/.idea/modules.xml +0 -8
- package/.idea/vcs.xml +0 -6
- package/ng-package.json +0 -7
- package/project.json +0 -37
- package/src/index.ts +0 -5
- package/src/lib/angular-table/component-renderer.if.ts +0 -12
- package/src/lib/angular-table/service/dom-service.ts +0 -54
- package/src/lib/angular-table/service/render-wrapper-factory.ts +0 -24
- package/src/lib/angular-table/service/renderer-wrapper.ts +0 -86
- package/src/lib/angular-table/table-color-classes.css +0 -90
- package/src/lib/angular-table/table-color-vars.css +0 -141
- package/src/lib/angular-table/table.component.css +0 -88
- package/src/lib/angular-table/table.component.ts +0 -152
- package/tsconfig.json +0 -28
- package/tsconfig.lib.json +0 -18
- 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
|
-
|
|
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
|