@guiexpert/angular-table 22.1.84 → 22.1.85

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 (6) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +8 -1
  3. package/fesm2022/guiexpert-angular-table.mjs +320 -242
  4. package/fesm2022/guiexpert-angular-table.mjs.map +1 -1
  5. package/package.json +11 -2
  6. package/types/guiexpert-angular-table.d.ts +102 -85
package/LICENSE ADDED
@@ -0,0 +1,21 @@
1
+ MIT License
2
+
3
+ Copyright (c) 2023-2026 Dr. Marc Kronberg (gui.expert)
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
package/README.md CHANGED
@@ -6,7 +6,7 @@ This is the angular component of the GuiExpert Table Project.
6
6
 
7
7
  This is the UI-agnostic table component for your next web app. 😊
8
8
 
9
- <img src="https://raw.githubusercontent.com/guiexperttable/website-astro/main/src/assets/screens/heatmap.png" width="50%">
9
+ <img src="https://raw.githubusercontent.com/guiexperttable/mono/main/apps/webpage-guiexpert/src/assets/screens/heatmap.png" width="50%">
10
10
 
11
11
  ### Version compatibility
12
12
 
@@ -14,6 +14,7 @@ This is the UI-agnostic table component for your next web app. 😊
14
14
 
15
15
  | Angular | @guiexpert/angular-table |
16
16
  |:--------|:-------------------------|
17
+ | 22.x.x | ^22.0.0 |
17
18
  | 21.x.x | ^21.0.0 |
18
19
  | 20.x.x | ^20.0.0 |
19
20
  | 19.x.x | ^19.0.0 |
@@ -120,3 +121,9 @@ tableOptions = {
120
121
 
121
122
  There are numerous possibilities to create table models.
122
123
  Please refer to the [Documentation](https://gui.expert/doc) for further information or the [Demo](https://gui.expert/demos) section for examples.
124
+
125
+ ## License
126
+
127
+ **Current releases: MIT License.** All currently published versions are free to use, modify and distribute – also in commercial and proprietary applications. See [LICENSE](https://github.com/guiexperttable/mono/blob/main/LICENSE).
128
+
129
+ **Future releases: possible dual licensing.** Dr. Marc Kronberg (gui.expert) reserves the right to publish future versions under different terms (e.g. open source for individuals and non-commercial use, commercial license for businesses). Versions already released under MIT remain MIT. Details: [gui.expert/license](https://gui.expert/license/).
package/fesm2022/guiexpert-angular-table.mjs CHANGED
@@ -1,245 +1,323 @@
1
- import * as i0 from '@angular/core';
2
- import { Injectable, Input, Output, ChangeDetectionStrategy, ViewEncapsulation, Component, 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
- import { Observable } from 'rxjs/internal/Observable';
7
-
8
- class DomService {
9
- constructor(renderer) {
10
- this.renderer = renderer;
11
- }
12
- setStyle(el, style, value) {
13
- this.renderer.setStyle(el, style, value);
14
- return el;
15
- }
16
- ;
17
- appendText(parent, text) {
18
- const div = this.renderer.createText(text);
19
- this.renderer.appendChild(parent, div);
20
- return div;
21
- }
22
- addClass(div, clazz) {
23
- if (clazz.includes(' ')) {
24
- clazz.split(' ').forEach(c => this.renderer.addClass(div, c));
25
- }
26
- else {
27
- this.renderer.addClass(div, clazz);
28
- }
29
- return div;
30
- }
31
- removeClass(div, clazz) {
32
- if (clazz.includes(" ")) {
33
- clazz.split(" ").forEach(c => div.classList.remove(c));
34
- }
35
- else {
36
- div.classList.remove(clazz);
37
- }
38
- return div;
39
- }
40
- appendChild(parent, child) {
41
- this.renderer.appendChild(parent, child);
42
- }
43
- createElement(name) {
44
- return this.renderer.createElement(name);
45
- }
46
- createText(text) {
47
- return this.renderer.createText(text);
48
- }
49
- setAttribute(ele, key, value) {
50
- this.renderer.setAttribute(ele, key, value);
51
- }
52
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: DomService, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Injectable }); }
53
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: DomService, providedIn: "root" }); }
54
- }
55
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: DomService, decorators: [{
56
- type: Injectable,
57
- args: [{
58
- providedIn: "root"
59
- }]
60
- }], ctorParameters: () => [{ type: i0.Renderer2 }] });
61
-
62
- class TableComponent {
63
- constructor(renderer, elementRef, zone, domService) {
64
- this.renderer = renderer;
65
- this.elementRef = elementRef;
66
- this.zone = zone;
67
- this.domService = domService;
68
- this.tableReady = new Subject();
69
- this.scroll = new Subject();
70
- this.mouseMoved = new Subject();
71
- this.mouseDragging = new Subject();
72
- this.mouseDraggingEnded = new Subject();
73
- this.contextmenu = new Subject();
74
- this.mouseClicked = new Subject();
75
- this.modelChanged = new Subject();
76
- this.selectionChanged = new Subject();
77
- this.focusChanged = new Subject();
78
- this.checkboxChanged = new Subject();
79
- this.tableOptions = new TableOptions();
80
- this.debounceMouseClickDelay = 150;
81
- this.debounceMouseClick = new Subject();
82
- this.alive = true;
83
- }
84
- onSelectionChanged(model) {
85
- this.selectionChanged.next(model);
86
- }
87
- onFocusChanged(model) {
88
- this.focusChanged.next(model);
89
- }
90
- onContextmenu(evt) {
91
- this.contextmenu.next(evt);
92
- }
93
- onScroll(evt) {
94
- this.scroll.next(evt);
95
- }
96
- onMouseMoved(evt) {
97
- this.mouseMoved.next(evt);
98
- }
99
- // will be called by table-scope:
100
- onMouseClicked(evt) {
101
- this.debounceMouseClick.next(evt);
102
- }
103
- onCheckboxChanged(arr) {
104
- this.checkboxChanged.next(arr);
105
- }
106
- onModelChanged(evt) {
107
- this.modelChanged.next(evt);
108
- }
109
- ngOnInit() {
110
- this.initModel();
111
- this.debounceMouseClick
112
- .pipe(debounceTime(this.debounceMouseClickDelay), takeWhile(() => this.alive))
113
- .subscribe((value) => {
114
- this.zone.run(() => {
115
- this.mouseClicked.next(value);
116
- });
117
- });
118
- }
119
- ngOnDestroy() {
120
- this.alive = false;
121
- }
122
- onMouseDragging(evt) {
123
- this.mouseDragging.next(evt);
124
- }
125
- onMouseDraggingEnd(evt) {
126
- this.mouseDraggingEnded.next(evt);
127
- }
128
- initModel() {
129
- this.zone.runOutsideAngular(this.init.bind(this));
130
- }
131
- init() {
132
- if (this.tableModel) {
133
- this.tableScope = new TableScope(this.elementRef.nativeElement, this.tableModel, this.domService, this.tableOptions, this);
134
- this.tableScope.firstInit();
135
- this.tableReady.next(this.tableScope.getApi());
136
- }
137
- }
138
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: TableComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: DomService }], target: i0.ɵɵFactoryTarget.Component }); }
139
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.1", type: TableComponent, isStandalone: true, selector: "guiexpert-table", inputs: { tableModel: "tableModel", tableOptions: "tableOptions", debounceMouseClickDelay: "debounceMouseClickDelay" }, outputs: { tableReady: "tableReady", scroll: "scroll", mouseMoved: "mouseMoved", mouseDragging: "mouseDragging", mouseDraggingEnded: "mouseDraggingEnded", contextmenu: "contextmenu", mouseClicked: "mouseClicked", modelChanged: "modelChanged", selectionChanged: "selectionChanged", focusChanged: "focusChanged", checkboxChanged: "checkboxChanged" }, providers: [DomService], ngImport: i0, template: "", isInline: true, styles: [".ge-table{display:block;margin:0;width:100%;height:100%}.ge-table-col-div{text-align:center;line-height:2.5;-webkit-user-select:none;user-select:none}.ge-table-label-div{padding:0;display:block;text-overflow:ellipsis;overflow:hidden}.ge-table-label-div .ge-table-label{padding-left:10px;padding-right:10px}.ge-table-text-align-left{text-align:left}.ge-table-text-align-right{text-align:right}.ge-table-text-align-center{text-align:center}.ge-table-row-checkbox-div{padding-left:14px}.ge-table{background-color:var(--ge-table-bg)}.ge-table-header-west{background-color:var(--ge-table-header-west-bg)}.ge-table-header-center{background-color:var(--ge-table-header-center-bg)}.ge-table-header-east{background-color:var(--ge-table-header-east-bg)}.ge-table-header-west{color:var(--ge-table-header-west-text)}.ge-table-header-center{color:var(--ge-table-header-center-text)}.ge-table-header-east{color:var(--ge-table-header-east-text)}.ge-table-header-west-horizontal-border{background-color:var(--ge-table-header-west-horizontal-border)}.ge-table-header-west-vertical-border{background-color:var(--ge-table-header-west-vertical-border)}.ge-table-header-center-horizontal-border{background-color:var(--ge-table-header-center-horizontal-border)}.ge-table-header-center-vertical-border{background-color:var(--ge-table-header-center-vertical-border)}.ge-table-header-east-horizontal-border{background-color:var(--ge-table-header-east-horizontal-border)}.ge-table-header-east-vertical-border{background-color:var(--ge-table-header-east-vertical-border)}.ge-table-body-west{background-color:var(--ge-table-body-west-bg)}.ge-table-body-center{background-color:var(--ge-table-body-center-bg)}.ge-table-body-east{background-color:var(--ge-table-body-east-bg)}.ge-table-body-west{color:var(--ge-table-body-west-text)}.ge-table-body-center{color:var(--ge-table-body-center-text)}.ge-table-body-east{color:var(--ge-table-body-east-text)}.ge-table-body-west-horizontal-border{background-color:var(--ge-table-body-west-horizontal-border)}.ge-table-body-west-vertical-border{background-color:var(--ge-table-body-west-vertical-border)}.ge-table-body-center-horizontal-border{background-color:var(--ge-table-body-center-horizontal-border)}.ge-table-body-center-vertical-border{background-color:var(--ge-table-body-center-vertical-border)}.ge-table-body-east-horizontal-border{background-color:var(--ge-table-body-east-horizontal-border)}.ge-table-body-east-vertical-border{background-color:var(--ge-table-body-east-vertical-border)}.ge-table-body-west-selected-range{background-color:var(--ge-table-body-west-selected-range-bg)}.ge-table-body-center-selected-range{background-color:var(--ge-table-body-center-selected-range-bg)}.ge-table-body-east-selected-range{background-color:var(--ge-table-body-east-selected-range-bg)}.ge-table-body-west-selected-range{color:var(--ge-table-body-west-selected-range-text)}.ge-table-body-center-selected-range{color:var(--ge-table-body-center-selected-range-text)}.ge-table-body-east-selected-range{color:var(--ge-table-body-east-selected-range-text)}.ge-table-footer-west{background-color:var(--ge-table-footer-west-bg)}.ge-table-footer-center{background-color:var(--ge-table-footer-center-bg)}.ge-table-footer-east{background-color:var(--ge-table-footer-east-bg)}.ge-table-footer-west{color:var(--ge-table-footer-west-text)}.ge-table-footer-center{color:var(--ge-table-footer-center-text)}.ge-table-footer-east{color:var(--ge-table-footer-east-text)}.ge-table-footer-west-horizontal-border{background-color:var(--ge-table-footer-west-horizontal-border)}.ge-table-footer-west-vertical-border{background-color:var(--ge-table-footer-west-vertical-border)}.ge-table-footer-center-horizontal-border{background-color:var(--ge-table-footer-center-horizontal-border)}.ge-table-footer-center-vertical-border{background-color:var(--ge-table-footer-center-vertical-border)}.ge-table-footer-east-horizontal-border{background-color:var(--ge-table-footer-east-horizontal-border)}.ge-table-footer-east-vertical-border{background-color:var(--ge-table-footer-east-vertical-border)}.ge-table-border{background-color:var(--ge-table-border)}.ge-table-row-odd{background-color:var(--ge-table-row-odd-bg)}.ge-table-row-even{background-color:var(--ge-table-row-even-bg)}.ge-table-column-odd{background-color:var(--ge-table-column-odd-bg)}.ge-table-column-even{background-color:var(--ge-table-column-even-bg)}.ge-table-hover-column{background-color:var(--ge-table-hover-column-bg)}.ge-table-hover-row{background-color:var(--ge-table-hover-row-bg)}.ge-table-focus-border{background-color:var(--ge-table-focus-border)}.ge-table-color-col-resize-handle-hover{background-color:var(--ge-table-color-col-resize-handle-hover-bg)}.ge-table-color-dragged-col-div{background-color:var(--ge-table-color-dragged-col-div-bg)}.ge-table-color-drop-zone{background-color:var(--ge-table-color-drop-zone-bg)}.ge-table-color-drop-zone{background-color:var(--ge-table-color-drop-zone)}.ge-table-color-tree-arrow-collapsed-color{background-color:var(--ge-table-color-tree-arrow-collapsed-color)}.ge-table-color-error{color:var(--ge-table-color-error-text)}.ge-table-tree-arrow-collapsed{color:var(--ge-table-tree-arrow-collapsed-color)}.ge-table-column-resize-handle:hover{background-color:var(--ge-table-column-resize-handle-border)}.ge-table-drop-zone{background-color:var(--ge-table-drop-zone-bg)}.ge-table-dragged-col-div{background-color:var(--ge-table-dragged-col-div-bg)}.ge-table-cell-editor-input,.ge-table-cell-editor-input:focus-within{border:none}.ge-star-rating-div{color:var(--ge-table-color-star-rating, #fcb515)}.ge-table-progress-bar{background-color:var(--ge-table-color-progress-bar, #36BB6C)}html,html[data-theme=light]{--ge-table-bg: #fff;--ge-table-header-west-bg: var(--ge-table-header-center-bg);--ge-table-header-center-bg: rgba(233, 233, 233, .5);--ge-table-header-east-bg: var(--ge-table-header-center-bg);--ge-table-header-west-text: var(--ge-table-header-center-text);--ge-table-header-center-text: #000;--ge-table-header-east-text: var(--ge-table-header-center-text);--ge-table-header-west-horizontal-border: var(--ge-table-header-center-horizontal-border);--ge-table-header-west-vertical-border: var(--ge-table-header-center-vertical-border);--ge-table-header-center-horizontal-border: #ddd;--ge-table-header-center-vertical-border: #ccc;--ge-table-header-east-horizontal-border: var(--ge-table-header-center-horizontal-border);--ge-table-header-east-vertical-border: var(--ge-table-header-center-vertical-border);--ge-table-body-west-bg: var(--ge-table-header-center-bg);--ge-table-body-center-bg: rgba(255,255,255, .5);--ge-table-body-east-bg: var(--ge-table-header-center-bg);--ge-table-body-west-text: var(--ge-table-header-center-text);--ge-table-body-center-text: var(--ge-table-header-center-text);--ge-table-body-east-text: var(--ge-table-header-center-text);--ge-table-body-west-horizontal-border: var(--ge-table-header-west-horizontal-border);--ge-table-body-west-vertical-border: var(--ge-table-header-west-vertical-border);--ge-table-body-center-horizontal-border: #bbb;--ge-table-body-center-vertical-border: #ddd;--ge-table-body-east-horizontal-border: var(--ge-table-header-east-horizontal-border);--ge-table-body-east-vertical-border: var(--ge-table-header-east-vertical-border);--ge-table-footer-west-bg: var(--ge-table-header-center-bg);--ge-table-footer-center-bg: var(--ge-table-header-center-bg);--ge-table-footer-east-bg: var(--ge-table-header-center-bg);--ge-table-footer-west-text: var(--ge-table-header-center-text);--ge-table-footer-center-text: var(--ge-table-header-center-text);--ge-table-footer-east-text: var(--ge-table-header-center-text);--ge-table-footer-west-horizontal-border: var(--ge-table-header-west-horizontal-border);--ge-table-footer-west-vertical-border: var(--ge-table-header-west-vertical-border);--ge-table-footer-center-horizontal-border: var(--ge-table-header-center-horizontal-border);--ge-table-footer-center-vertical-border: var(--ge-table-header-center-vertical-border);--ge-table-footer-east-horizontal-border: var(--ge-table-header-east-horizontal-border);--ge-table-footer-east-vertical-border: var(--ge-table-header-east-vertical-border);--ge-table-body-west-selected-range-bg: rgba(0, 152, 219, .4);--ge-table-body-center-selected-range-bg: rgba(0, 152, 219, .4);--ge-table-body-east-selected-range-bg: rgba(0, 152, 219, .4);--ge-table-body-west-selected-range-text: #000;--ge-table-body-center-selected-range-text: #000;--ge-table-body-east-selected-range-text: #000;--ge-table-border: #ccc;--ge-table-row-odd-bg: transparent;--ge-table-row-even-bg: transparent;--ge-table-column-odd-bg: transparent;--ge-table-column-even-bg: transparent;--ge-table-hover-column-bg: rgba(0, 224, 255, .27);--ge-table-hover-row-bg: rgba(0, 224, 255, .27);--ge-table-focus-border: rgb(0, 0, 255);--ge-table-color-error-text: #e00034;--ge-table-tree-arrow-collapsed-color: #e00034;--ge-table-column-resize-handle-border: rgb(0, 255, 255);--ge-table-dragged-col-div-bg: lightcyan;--ge-table-drop-zone-bg: rgba(244, 255, 242, .6);--ge-table-color-col-resize-handle-hover-bg: cyan;--ge-table-color-dragged-col-div-bg: #fafafa;--ge-table-color-drop-zone-bg: #fafafa;--ge-table-color-drop-zone: #fafafa;--ge-table-color-tree-arrow-collapsed-color: var(--ge-table-body-west-text);--ge-table-color-star-rating: #fcb515;--ge-table-color-progress-bar: #36BB6C}html[data-theme=dark]{--ge-table-bg: #111827;--ge-table-header-west-bg: #111827;--ge-table-header-center-bg: #111827;--ge-table-header-east-bg: #111827;--ge-table-header-west-text: oklch(100% 0 0);--ge-table-header-center-text: oklch(100% 0 0);--ge-table-header-east-text: oklch(100% 0 0);--ge-table-header-west-horizontal-border: #313641;--ge-table-header-west-vertical-border: oklch(32% 0 0);--ge-table-header-center-horizontal-border: #313641;--ge-table-header-center-vertical-border: oklch(32% 0 0);--ge-table-header-east-horizontal-border: #313641;--ge-table-header-east-vertical-border: oklch(32% 0 0);--ge-table-body-west-bg: #23272e;--ge-table-body-center-bg: #23272e55;--ge-table-body-east-bg: #23272e;--ge-table-body-west-text: oklch(100% 0 0);--ge-table-body-center-text: oklch(100% 0 0);--ge-table-body-east-text: oklch(100% 0 0);--ge-table-body-west-horizontal-border: #313641;--ge-table-body-west-vertical-border: oklch(32% 0 0);--ge-table-body-center-horizontal-border: #313641;--ge-table-body-center-vertical-border: oklch(32% 0 0);--ge-table-body-east-horizontal-border: #313641;--ge-table-body-east-vertical-border: oklch(32% 0 0);--ge-table-footer-west-bg: #111827;--ge-table-footer-center-bg: #111827;--ge-table-footer-east-bg: #111827;--ge-table-footer-west-text: var(--ge-table-header-center-text);--ge-table-footer-center-text: var(--ge-table-header-center-text);--ge-table-footer-east-text: var(--ge-table-header-center-text);--ge-table-footer-west-horizontal-border: oklch(30% 0 0);--ge-table-footer-west-vertical-border: oklch(32% 0 0);--ge-table-footer-center-horizontal-border: oklch(30% 0 0);--ge-table-footer-center-vertical-border: oklch(32% 0 0);--ge-table-footer-east-horizontal-border: oklch(30% 0 0);--ge-table-footer-east-vertical-border: oklch(32% 0 0);--ge-table-border: oklch(32% 0 0);--ge-table-row-odd-bg: #11151F55;--ge-table-row-even-bg: #1A202F55;--ge-table-column-odd-bg: transparent;--ge-table-column-even-bg: transparent;--ge-table-hover-column-bg: rgba(0, 224, 255, .27);--ge-table-hover-row-bg: rgba(0, 224, 255, .27);--ge-table-focus-border: rgb(0, 255, 255);--ge-table-color-error-text: #ffa8b5;--ge-table-tree-arrow-collapsed-color: #ffa8b5;--ge-table-column-resize-handle-border: rgb(0, 255, 255);--ge-table-dragged-col-div-bg: oklch(0% 0 0);--ge-table-drop-zone-bg: oklch(0% 0 0);--ge-table-body-west-selected-range-bg: oklch(19% .2 205.2);--ge-table-body-center-selected-range-bg: oklch(19% .2 205.2);--ge-table-body-east-selected-range-bg: oklch(19% .2 205.2);--ge-table-body-west-selected-range-text: #0098db;--ge-table-body-center-selected-range-text: #0098db;--ge-table-body-east-selected-range-text: #0098db;--ge-table-color-col-resize-handle-hover-bg: cyan;--ge-table-color-dragged-col-div-bg: #fafafa;--ge-table-color-drop-zone-bg: #fafafa;--ge-table-color-drop-zone: #fafafa;--ge-table-color-tree-arrow-collapsed-color: var(--ge-table-body-west-text);--ge-table-color-star-rating: #fcb515;--ge-table-color-progress-bar: #36BB6C}.ge-table-col-div.ge-table-col-div-0.ge-table-tree-cell{text-align:left}.ge-table-tree-cell .ge-table-label-div{padding-left:0;padding-right:10px;display:inline}.ge-table-col-tree{text-align:left}.ge-padding-property-checkbox{padding-left:0}.ge-table-col-tree.ge-table-tree-deep-0{padding-left:16px}.ge-table-col-tree.ge-table-tree-deep-1{padding-left:36px}.ge-table-col-tree.ge-table-tree-deep-2{padding-left:56px}.ge-table-col-tree.ge-table-tree-deep-3{padding-left:76px}.ge-table-col-tree.ge-table-tree-deep-4{padding-left:96px}.ge-table-col-tree.ge-table-tree-deep-5{padding-left:116px}.ge-table-col-tree.ge-table-tree-deep-5{padding-left:136px}.ge-table-col-div.ge-table-col-tree.ge-table-tree-cell{display:grid;grid-template-columns:16px 1fr}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
140
- }
141
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: TableComponent, decorators: [{
142
- type: Component,
143
- args: [{ selector: "guiexpert-table", standalone: true, imports: [CommonModule], providers: [DomService], template: "", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".ge-table{display:block;margin:0;width:100%;height:100%}.ge-table-col-div{text-align:center;line-height:2.5;-webkit-user-select:none;user-select:none}.ge-table-label-div{padding:0;display:block;text-overflow:ellipsis;overflow:hidden}.ge-table-label-div .ge-table-label{padding-left:10px;padding-right:10px}.ge-table-text-align-left{text-align:left}.ge-table-text-align-right{text-align:right}.ge-table-text-align-center{text-align:center}.ge-table-row-checkbox-div{padding-left:14px}.ge-table{background-color:var(--ge-table-bg)}.ge-table-header-west{background-color:var(--ge-table-header-west-bg)}.ge-table-header-center{background-color:var(--ge-table-header-center-bg)}.ge-table-header-east{background-color:var(--ge-table-header-east-bg)}.ge-table-header-west{color:var(--ge-table-header-west-text)}.ge-table-header-center{color:var(--ge-table-header-center-text)}.ge-table-header-east{color:var(--ge-table-header-east-text)}.ge-table-header-west-horizontal-border{background-color:var(--ge-table-header-west-horizontal-border)}.ge-table-header-west-vertical-border{background-color:var(--ge-table-header-west-vertical-border)}.ge-table-header-center-horizontal-border{background-color:var(--ge-table-header-center-horizontal-border)}.ge-table-header-center-vertical-border{background-color:var(--ge-table-header-center-vertical-border)}.ge-table-header-east-horizontal-border{background-color:var(--ge-table-header-east-horizontal-border)}.ge-table-header-east-vertical-border{background-color:var(--ge-table-header-east-vertical-border)}.ge-table-body-west{background-color:var(--ge-table-body-west-bg)}.ge-table-body-center{background-color:var(--ge-table-body-center-bg)}.ge-table-body-east{background-color:var(--ge-table-body-east-bg)}.ge-table-body-west{color:var(--ge-table-body-west-text)}.ge-table-body-center{color:var(--ge-table-body-center-text)}.ge-table-body-east{color:var(--ge-table-body-east-text)}.ge-table-body-west-horizontal-border{background-color:var(--ge-table-body-west-horizontal-border)}.ge-table-body-west-vertical-border{background-color:var(--ge-table-body-west-vertical-border)}.ge-table-body-center-horizontal-border{background-color:var(--ge-table-body-center-horizontal-border)}.ge-table-body-center-vertical-border{background-color:var(--ge-table-body-center-vertical-border)}.ge-table-body-east-horizontal-border{background-color:var(--ge-table-body-east-horizontal-border)}.ge-table-body-east-vertical-border{background-color:var(--ge-table-body-east-vertical-border)}.ge-table-body-west-selected-range{background-color:var(--ge-table-body-west-selected-range-bg)}.ge-table-body-center-selected-range{background-color:var(--ge-table-body-center-selected-range-bg)}.ge-table-body-east-selected-range{background-color:var(--ge-table-body-east-selected-range-bg)}.ge-table-body-west-selected-range{color:var(--ge-table-body-west-selected-range-text)}.ge-table-body-center-selected-range{color:var(--ge-table-body-center-selected-range-text)}.ge-table-body-east-selected-range{color:var(--ge-table-body-east-selected-range-text)}.ge-table-footer-west{background-color:var(--ge-table-footer-west-bg)}.ge-table-footer-center{background-color:var(--ge-table-footer-center-bg)}.ge-table-footer-east{background-color:var(--ge-table-footer-east-bg)}.ge-table-footer-west{color:var(--ge-table-footer-west-text)}.ge-table-footer-center{color:var(--ge-table-footer-center-text)}.ge-table-footer-east{color:var(--ge-table-footer-east-text)}.ge-table-footer-west-horizontal-border{background-color:var(--ge-table-footer-west-horizontal-border)}.ge-table-footer-west-vertical-border{background-color:var(--ge-table-footer-west-vertical-border)}.ge-table-footer-center-horizontal-border{background-color:var(--ge-table-footer-center-horizontal-border)}.ge-table-footer-center-vertical-border{background-color:var(--ge-table-footer-center-vertical-border)}.ge-table-footer-east-horizontal-border{background-color:var(--ge-table-footer-east-horizontal-border)}.ge-table-footer-east-vertical-border{background-color:var(--ge-table-footer-east-vertical-border)}.ge-table-border{background-color:var(--ge-table-border)}.ge-table-row-odd{background-color:var(--ge-table-row-odd-bg)}.ge-table-row-even{background-color:var(--ge-table-row-even-bg)}.ge-table-column-odd{background-color:var(--ge-table-column-odd-bg)}.ge-table-column-even{background-color:var(--ge-table-column-even-bg)}.ge-table-hover-column{background-color:var(--ge-table-hover-column-bg)}.ge-table-hover-row{background-color:var(--ge-table-hover-row-bg)}.ge-table-focus-border{background-color:var(--ge-table-focus-border)}.ge-table-color-col-resize-handle-hover{background-color:var(--ge-table-color-col-resize-handle-hover-bg)}.ge-table-color-dragged-col-div{background-color:var(--ge-table-color-dragged-col-div-bg)}.ge-table-color-drop-zone{background-color:var(--ge-table-color-drop-zone-bg)}.ge-table-color-drop-zone{background-color:var(--ge-table-color-drop-zone)}.ge-table-color-tree-arrow-collapsed-color{background-color:var(--ge-table-color-tree-arrow-collapsed-color)}.ge-table-color-error{color:var(--ge-table-color-error-text)}.ge-table-tree-arrow-collapsed{color:var(--ge-table-tree-arrow-collapsed-color)}.ge-table-column-resize-handle:hover{background-color:var(--ge-table-column-resize-handle-border)}.ge-table-drop-zone{background-color:var(--ge-table-drop-zone-bg)}.ge-table-dragged-col-div{background-color:var(--ge-table-dragged-col-div-bg)}.ge-table-cell-editor-input,.ge-table-cell-editor-input:focus-within{border:none}.ge-star-rating-div{color:var(--ge-table-color-star-rating, #fcb515)}.ge-table-progress-bar{background-color:var(--ge-table-color-progress-bar, #36BB6C)}html,html[data-theme=light]{--ge-table-bg: #fff;--ge-table-header-west-bg: var(--ge-table-header-center-bg);--ge-table-header-center-bg: rgba(233, 233, 233, .5);--ge-table-header-east-bg: var(--ge-table-header-center-bg);--ge-table-header-west-text: var(--ge-table-header-center-text);--ge-table-header-center-text: #000;--ge-table-header-east-text: var(--ge-table-header-center-text);--ge-table-header-west-horizontal-border: var(--ge-table-header-center-horizontal-border);--ge-table-header-west-vertical-border: var(--ge-table-header-center-vertical-border);--ge-table-header-center-horizontal-border: #ddd;--ge-table-header-center-vertical-border: #ccc;--ge-table-header-east-horizontal-border: var(--ge-table-header-center-horizontal-border);--ge-table-header-east-vertical-border: var(--ge-table-header-center-vertical-border);--ge-table-body-west-bg: var(--ge-table-header-center-bg);--ge-table-body-center-bg: rgba(255,255,255, .5);--ge-table-body-east-bg: var(--ge-table-header-center-bg);--ge-table-body-west-text: var(--ge-table-header-center-text);--ge-table-body-center-text: var(--ge-table-header-center-text);--ge-table-body-east-text: var(--ge-table-header-center-text);--ge-table-body-west-horizontal-border: var(--ge-table-header-west-horizontal-border);--ge-table-body-west-vertical-border: var(--ge-table-header-west-vertical-border);--ge-table-body-center-horizontal-border: #bbb;--ge-table-body-center-vertical-border: #ddd;--ge-table-body-east-horizontal-border: var(--ge-table-header-east-horizontal-border);--ge-table-body-east-vertical-border: var(--ge-table-header-east-vertical-border);--ge-table-footer-west-bg: var(--ge-table-header-center-bg);--ge-table-footer-center-bg: var(--ge-table-header-center-bg);--ge-table-footer-east-bg: var(--ge-table-header-center-bg);--ge-table-footer-west-text: var(--ge-table-header-center-text);--ge-table-footer-center-text: var(--ge-table-header-center-text);--ge-table-footer-east-text: var(--ge-table-header-center-text);--ge-table-footer-west-horizontal-border: var(--ge-table-header-west-horizontal-border);--ge-table-footer-west-vertical-border: var(--ge-table-header-west-vertical-border);--ge-table-footer-center-horizontal-border: var(--ge-table-header-center-horizontal-border);--ge-table-footer-center-vertical-border: var(--ge-table-header-center-vertical-border);--ge-table-footer-east-horizontal-border: var(--ge-table-header-east-horizontal-border);--ge-table-footer-east-vertical-border: var(--ge-table-header-east-vertical-border);--ge-table-body-west-selected-range-bg: rgba(0, 152, 219, .4);--ge-table-body-center-selected-range-bg: rgba(0, 152, 219, .4);--ge-table-body-east-selected-range-bg: rgba(0, 152, 219, .4);--ge-table-body-west-selected-range-text: #000;--ge-table-body-center-selected-range-text: #000;--ge-table-body-east-selected-range-text: #000;--ge-table-border: #ccc;--ge-table-row-odd-bg: transparent;--ge-table-row-even-bg: transparent;--ge-table-column-odd-bg: transparent;--ge-table-column-even-bg: transparent;--ge-table-hover-column-bg: rgba(0, 224, 255, .27);--ge-table-hover-row-bg: rgba(0, 224, 255, .27);--ge-table-focus-border: rgb(0, 0, 255);--ge-table-color-error-text: #e00034;--ge-table-tree-arrow-collapsed-color: #e00034;--ge-table-column-resize-handle-border: rgb(0, 255, 255);--ge-table-dragged-col-div-bg: lightcyan;--ge-table-drop-zone-bg: rgba(244, 255, 242, .6);--ge-table-color-col-resize-handle-hover-bg: cyan;--ge-table-color-dragged-col-div-bg: #fafafa;--ge-table-color-drop-zone-bg: #fafafa;--ge-table-color-drop-zone: #fafafa;--ge-table-color-tree-arrow-collapsed-color: var(--ge-table-body-west-text);--ge-table-color-star-rating: #fcb515;--ge-table-color-progress-bar: #36BB6C}html[data-theme=dark]{--ge-table-bg: #111827;--ge-table-header-west-bg: #111827;--ge-table-header-center-bg: #111827;--ge-table-header-east-bg: #111827;--ge-table-header-west-text: oklch(100% 0 0);--ge-table-header-center-text: oklch(100% 0 0);--ge-table-header-east-text: oklch(100% 0 0);--ge-table-header-west-horizontal-border: #313641;--ge-table-header-west-vertical-border: oklch(32% 0 0);--ge-table-header-center-horizontal-border: #313641;--ge-table-header-center-vertical-border: oklch(32% 0 0);--ge-table-header-east-horizontal-border: #313641;--ge-table-header-east-vertical-border: oklch(32% 0 0);--ge-table-body-west-bg: #23272e;--ge-table-body-center-bg: #23272e55;--ge-table-body-east-bg: #23272e;--ge-table-body-west-text: oklch(100% 0 0);--ge-table-body-center-text: oklch(100% 0 0);--ge-table-body-east-text: oklch(100% 0 0);--ge-table-body-west-horizontal-border: #313641;--ge-table-body-west-vertical-border: oklch(32% 0 0);--ge-table-body-center-horizontal-border: #313641;--ge-table-body-center-vertical-border: oklch(32% 0 0);--ge-table-body-east-horizontal-border: #313641;--ge-table-body-east-vertical-border: oklch(32% 0 0);--ge-table-footer-west-bg: #111827;--ge-table-footer-center-bg: #111827;--ge-table-footer-east-bg: #111827;--ge-table-footer-west-text: var(--ge-table-header-center-text);--ge-table-footer-center-text: var(--ge-table-header-center-text);--ge-table-footer-east-text: var(--ge-table-header-center-text);--ge-table-footer-west-horizontal-border: oklch(30% 0 0);--ge-table-footer-west-vertical-border: oklch(32% 0 0);--ge-table-footer-center-horizontal-border: oklch(30% 0 0);--ge-table-footer-center-vertical-border: oklch(32% 0 0);--ge-table-footer-east-horizontal-border: oklch(30% 0 0);--ge-table-footer-east-vertical-border: oklch(32% 0 0);--ge-table-border: oklch(32% 0 0);--ge-table-row-odd-bg: #11151F55;--ge-table-row-even-bg: #1A202F55;--ge-table-column-odd-bg: transparent;--ge-table-column-even-bg: transparent;--ge-table-hover-column-bg: rgba(0, 224, 255, .27);--ge-table-hover-row-bg: rgba(0, 224, 255, .27);--ge-table-focus-border: rgb(0, 255, 255);--ge-table-color-error-text: #ffa8b5;--ge-table-tree-arrow-collapsed-color: #ffa8b5;--ge-table-column-resize-handle-border: rgb(0, 255, 255);--ge-table-dragged-col-div-bg: oklch(0% 0 0);--ge-table-drop-zone-bg: oklch(0% 0 0);--ge-table-body-west-selected-range-bg: oklch(19% .2 205.2);--ge-table-body-center-selected-range-bg: oklch(19% .2 205.2);--ge-table-body-east-selected-range-bg: oklch(19% .2 205.2);--ge-table-body-west-selected-range-text: #0098db;--ge-table-body-center-selected-range-text: #0098db;--ge-table-body-east-selected-range-text: #0098db;--ge-table-color-col-resize-handle-hover-bg: cyan;--ge-table-color-dragged-col-div-bg: #fafafa;--ge-table-color-drop-zone-bg: #fafafa;--ge-table-color-drop-zone: #fafafa;--ge-table-color-tree-arrow-collapsed-color: var(--ge-table-body-west-text);--ge-table-color-star-rating: #fcb515;--ge-table-color-progress-bar: #36BB6C}.ge-table-col-div.ge-table-col-div-0.ge-table-tree-cell{text-align:left}.ge-table-tree-cell .ge-table-label-div{padding-left:0;padding-right:10px;display:inline}.ge-table-col-tree{text-align:left}.ge-padding-property-checkbox{padding-left:0}.ge-table-col-tree.ge-table-tree-deep-0{padding-left:16px}.ge-table-col-tree.ge-table-tree-deep-1{padding-left:36px}.ge-table-col-tree.ge-table-tree-deep-2{padding-left:56px}.ge-table-col-tree.ge-table-tree-deep-3{padding-left:76px}.ge-table-col-tree.ge-table-tree-deep-4{padding-left:96px}.ge-table-col-tree.ge-table-tree-deep-5{padding-left:116px}.ge-table-col-tree.ge-table-tree-deep-5{padding-left:136px}.ge-table-col-div.ge-table-col-tree.ge-table-tree-cell{display:grid;grid-template-columns:16px 1fr}\n"] }]
144
- }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: DomService }], propDecorators: { tableReady: [{
145
- type: Output
146
- }], scroll: [{
147
- type: Output
148
- }], mouseMoved: [{
149
- type: Output
150
- }], mouseDragging: [{
151
- type: Output
152
- }], mouseDraggingEnded: [{
153
- type: Output
154
- }], contextmenu: [{
155
- type: Output
156
- }], mouseClicked: [{
157
- type: Output
158
- }], modelChanged: [{
159
- type: Output
160
- }], selectionChanged: [{
161
- type: Output
162
- }], focusChanged: [{
163
- type: Output
164
- }], checkboxChanged: [{
165
- type: Output
166
- }], tableModel: [{
167
- type: Input
168
- }], tableOptions: [{
169
- type: Input
170
- }], debounceMouseClickDelay: [{
171
- type: Input
172
- }] } });
173
-
1
+ import * as i0 from "@angular/core";
2
+ import { ChangeDetectionStrategy, Component, EventEmitter, Injectable, Input, Output, ViewEncapsulation, createComponent } from "@angular/core";
3
+ import { CommonModule } from "@angular/common";
4
+ import { Observable, Subject, debounceTime, takeUntil, takeWhile } from "rxjs";
5
+ import { TableOptions, TableScope } from "@guiexpert/table";
6
+ var DomService = class DomService {
7
+ constructor(renderer) {
8
+ this.renderer = renderer;
9
+ }
10
+ setStyle(el, style, value) {
11
+ this.renderer.setStyle(el, style, value);
12
+ return el;
13
+ }
14
+ appendText(parent, text) {
15
+ const div = this.renderer.createText(text);
16
+ this.renderer.appendChild(parent, div);
17
+ return div;
18
+ }
19
+ addClass(div, clazz) {
20
+ if (clazz.includes(" ")) clazz.split(" ").forEach((c) => this.renderer.addClass(div, c));
21
+ else this.renderer.addClass(div, clazz);
22
+ return div;
23
+ }
24
+ removeClass(div, clazz) {
25
+ if (clazz.includes(" ")) clazz.split(" ").forEach((c) => div.classList.remove(c));
26
+ else div.classList.remove(clazz);
27
+ return div;
28
+ }
29
+ appendChild(parent, child) {
30
+ this.renderer.appendChild(parent, child);
31
+ }
32
+ createElement(name) {
33
+ return this.renderer.createElement(name);
34
+ }
35
+ createText(text) {
36
+ return this.renderer.createText(text);
37
+ }
38
+ setAttribute(ele, key, value) {
39
+ this.renderer.setAttribute(ele, key, value);
40
+ }
41
+ static {
42
+ this.ɵfac = i0.ɵɵngDeclareFactory({
43
+ minVersion: "12.0.0",
44
+ version: "22.2.2",
45
+ ngImport: i0,
46
+ type: DomService,
47
+ deps: [{ token: i0.Renderer2 }],
48
+ target: i0.ɵɵFactoryTarget.Injectable
49
+ });
50
+ }
51
+ static {
52
+ this.ɵprov = i0.ɵɵngDeclareInjectable({
53
+ minVersion: "12.0.0",
54
+ version: "22.2.2",
55
+ ngImport: i0,
56
+ type: DomService,
57
+ providedIn: "root"
58
+ });
59
+ }
60
+ };
61
+ i0.ɵɵngDeclareClassMetadata({
62
+ minVersion: "12.0.0",
63
+ version: "22.2.2",
64
+ ngImport: i0,
65
+ type: DomService,
66
+ decorators: [{
67
+ type: Injectable,
68
+ args: [{ providedIn: "root" }]
69
+ }],
70
+ ctorParameters: () => [{ type: i0.Renderer2 }]
71
+ });
72
+ var TableComponent = class TableComponent {
73
+ constructor(renderer, elementRef, zone, domService) {
74
+ this.renderer = renderer;
75
+ this.elementRef = elementRef;
76
+ this.zone = zone;
77
+ this.domService = domService;
78
+ this.tableReady = new Subject();
79
+ this.scroll = new Subject();
80
+ this.mouseMoved = new Subject();
81
+ this.mouseDragging = new Subject();
82
+ this.mouseDraggingEnded = new Subject();
83
+ this.contextmenu = new Subject();
84
+ this.mouseClicked = new Subject();
85
+ this.modelChanged = new Subject();
86
+ this.selectionChanged = new Subject();
87
+ this.focusChanged = new Subject();
88
+ this.checkboxChanged = new Subject();
89
+ this.tableOptions = new TableOptions();
90
+ this.debounceMouseClickDelay = 150;
91
+ this.debounceMouseClick = new Subject();
92
+ this.alive = true;
93
+ }
94
+ onSelectionChanged(model) {
95
+ this.selectionChanged.next(model);
96
+ }
97
+ onFocusChanged(model) {
98
+ this.focusChanged.next(model);
99
+ }
100
+ onContextmenu(evt) {
101
+ this.contextmenu.next(evt);
102
+ }
103
+ onScroll(evt) {
104
+ this.scroll.next(evt);
105
+ }
106
+ onMouseMoved(evt) {
107
+ this.mouseMoved.next(evt);
108
+ }
109
+ onMouseClicked(evt) {
110
+ this.debounceMouseClick.next(evt);
111
+ }
112
+ onCheckboxChanged(arr) {
113
+ this.checkboxChanged.next(arr);
114
+ }
115
+ onModelChanged(evt) {
116
+ this.modelChanged.next(evt);
117
+ }
118
+ ngOnInit() {
119
+ this.initModel();
120
+ this.debounceMouseClick.pipe(debounceTime(this.debounceMouseClickDelay), takeWhile(() => this.alive)).subscribe((value) => {
121
+ this.zone.run(() => {
122
+ this.mouseClicked.next(value);
123
+ });
124
+ });
125
+ }
126
+ ngOnDestroy() {
127
+ this.alive = false;
128
+ }
129
+ onMouseDragging(evt) {
130
+ this.mouseDragging.next(evt);
131
+ }
132
+ onMouseDraggingEnd(evt) {
133
+ this.mouseDraggingEnded.next(evt);
134
+ }
135
+ initModel() {
136
+ this.zone.runOutsideAngular(this.init.bind(this));
137
+ }
138
+ init() {
139
+ if (this.tableModel) {
140
+ this.tableScope = new TableScope(this.elementRef.nativeElement, this.tableModel, this.domService, this.tableOptions, this);
141
+ this.tableScope.firstInit();
142
+ this.tableReady.next(this.tableScope.getApi());
143
+ }
144
+ }
145
+ static {
146
+ this.ɵfac = i0.ɵɵngDeclareFactory({
147
+ minVersion: "12.0.0",
148
+ version: "22.2.2",
149
+ ngImport: i0,
150
+ type: TableComponent,
151
+ deps: [
152
+ { token: i0.Renderer2 },
153
+ { token: i0.ElementRef },
154
+ { token: i0.NgZone },
155
+ { token: DomService }
156
+ ],
157
+ target: i0.ɵɵFactoryTarget.Component
158
+ });
159
+ }
160
+ static {
161
+ this.ɵcmp = i0.ɵɵngDeclareComponent({
162
+ minVersion: "14.0.0",
163
+ version: "22.2.2",
164
+ type: TableComponent,
165
+ isStandalone: true,
166
+ selector: "guiexpert-table",
167
+ inputs: {
168
+ tableModel: "tableModel",
169
+ tableOptions: "tableOptions",
170
+ debounceMouseClickDelay: "debounceMouseClickDelay"
171
+ },
172
+ outputs: {
173
+ tableReady: "tableReady",
174
+ scroll: "scroll",
175
+ mouseMoved: "mouseMoved",
176
+ mouseDragging: "mouseDragging",
177
+ mouseDraggingEnded: "mouseDraggingEnded",
178
+ contextmenu: "contextmenu",
179
+ mouseClicked: "mouseClicked",
180
+ modelChanged: "modelChanged",
181
+ selectionChanged: "selectionChanged",
182
+ focusChanged: "focusChanged",
183
+ checkboxChanged: "checkboxChanged"
184
+ },
185
+ providers: [DomService],
186
+ ngImport: i0,
187
+ template: "",
188
+ isInline: true,
189
+ styles: [".ge-table{display:block;margin:0;width:100%;height:100%}.ge-table-col-div{text-align:center;line-height:2.5;-webkit-user-select:none;user-select:none}.ge-table-label-div{padding:0;display:block;text-overflow:ellipsis;overflow:hidden}.ge-table-label-div .ge-table-label{padding-left:10px;padding-right:10px}.ge-table-text-align-left{text-align:left}.ge-table-text-align-right{text-align:right}.ge-table-text-align-center{text-align:center}.ge-table-row-checkbox-div{padding-left:14px}.ge-table-body-east{z-index:999}.ge-table-crud-object-view{border-radius:8px;width:50%;display:grid;grid-template-rows:auto 1fr auto}.ge-table-crud-object-view .ge-table-dialog-header{font-weight:700;font-size:larger}.ge-table-crud-object-view .ge-table-dialog-content{overflow-y:auto}.ge-table-crud-object-view .ge-table-dialog-content table th,.ge-table-crud-object-view .ge-table-dialog-content table td{text-align:left}:is(.ge-table-crud-object-view .ge-table-dialog-content table th,.ge-table-crud-object-view .ge-table-dialog-content table td):nth-child(2){padding-left:12px}:is(.ge-table-crud-object-view .ge-table-dialog-content table th,.ge-table-crud-object-view .ge-table-dialog-content table td).ge-table-crud-object-view-object-child{font-weight:700}.ge-table-crud-object-view .ge-table-dialog-footer{display:flex;justify-content:flex-end;column-gap:16px;padding-top:16px}.ge-table-crud-object-edit{border-radius:8px;width:50%;display:grid;grid-template-rows:auto 1fr auto}.ge-table-crud-object-edit .ge-table-dialog-header{font-weight:700;font-size:larger}.ge-table-crud-object-edit .ge-table-dialog-content{overflow-y:auto}.ge-table-crud-object-edit .ge-table-dialog-content .form-field{margin-bottom:6px;display:grid;grid-template-columns:.6fr 1fr;gap:16px;justify-items:stretch}.ge-table-crud-object-edit .ge-table-dialog-content .form-field label{align-self:end;text-align:right;line-height:2}.ge-table-crud-object-edit .ge-table-dialog-footer{display:flex;justify-content:flex-end;column-gap:16px;padding-top:16px}.ge-table{background-color:var(--ge-table-bg)}.ge-table-header-west{background-color:var(--ge-table-header-west-bg)}.ge-table-header-center{background-color:var(--ge-table-header-center-bg)}.ge-table-header-east{background-color:var(--ge-table-header-east-bg)}.ge-table-header-west{color:var(--ge-table-header-west-text)}.ge-table-header-center{color:var(--ge-table-header-center-text)}.ge-table-header-east{color:var(--ge-table-header-east-text)}.ge-table-header-west-horizontal-border{background-color:var(--ge-table-header-west-horizontal-border)}.ge-table-header-west-vertical-border{background-color:var(--ge-table-header-west-vertical-border)}.ge-table-header-center-horizontal-border{background-color:var(--ge-table-header-center-horizontal-border)}.ge-table-header-center-vertical-border{background-color:var(--ge-table-header-center-vertical-border)}.ge-table-header-east-horizontal-border{background-color:var(--ge-table-header-east-horizontal-border)}.ge-table-header-east-vertical-border{background-color:var(--ge-table-header-east-vertical-border)}.ge-table-body-west{background-color:var(--ge-table-body-west-bg)}.ge-table-body-center{background-color:var(--ge-table-body-center-bg)}.ge-table-body-east{background-color:var(--ge-table-body-east-bg)}.ge-table-body-west{color:var(--ge-table-body-west-text)}.ge-table-body-center{color:var(--ge-table-body-center-text)}.ge-table-body-east{color:var(--ge-table-body-east-text)}.ge-table-body-west-horizontal-border{background-color:var(--ge-table-body-west-horizontal-border)}.ge-table-body-west-vertical-border{background-color:var(--ge-table-body-west-vertical-border)}.ge-table-body-center-horizontal-border{background-color:var(--ge-table-body-center-horizontal-border)}.ge-table-body-center-vertical-border{background-color:var(--ge-table-body-center-vertical-border)}.ge-table-body-east-horizontal-border{background-color:var(--ge-table-body-east-horizontal-border)}.ge-table-body-east-vertical-border{background-color:var(--ge-table-body-east-vertical-border)}.ge-table-body-west-selected-range{background-color:var(--ge-table-body-west-selected-range-bg)}.ge-table-body-center-selected-range{background-color:var(--ge-table-body-center-selected-range-bg)}.ge-table-body-east-selected-range{background-color:var(--ge-table-body-east-selected-range-bg)}.ge-table-body-west-selected-range{color:var(--ge-table-body-west-selected-range-text)}.ge-table-body-center-selected-range{color:var(--ge-table-body-center-selected-range-text)}.ge-table-body-east-selected-range{color:var(--ge-table-body-east-selected-range-text)}.ge-table-footer-west{background-color:var(--ge-table-footer-west-bg)}.ge-table-footer-center{background-color:var(--ge-table-footer-center-bg)}.ge-table-footer-east{background-color:var(--ge-table-footer-east-bg)}.ge-table-footer-west{color:var(--ge-table-footer-west-text)}.ge-table-footer-center{color:var(--ge-table-footer-center-text)}.ge-table-footer-east{color:var(--ge-table-footer-east-text)}.ge-table-footer-west-horizontal-border{background-color:var(--ge-table-footer-west-horizontal-border)}.ge-table-footer-west-vertical-border{background-color:var(--ge-table-footer-west-vertical-border)}.ge-table-footer-center-horizontal-border{background-color:var(--ge-table-footer-center-horizontal-border)}.ge-table-footer-center-vertical-border{background-color:var(--ge-table-footer-center-vertical-border)}.ge-table-footer-east-horizontal-border{background-color:var(--ge-table-footer-east-horizontal-border)}.ge-table-footer-east-vertical-border{background-color:var(--ge-table-footer-east-vertical-border)}.ge-table-border{background-color:var(--ge-table-border)}.ge-table-row-odd{background-color:var(--ge-table-row-odd-bg)}.ge-table-row-even{background-color:var(--ge-table-row-even-bg)}.ge-table-column-odd{background-color:var(--ge-table-column-odd-bg)}.ge-table-column-even{background-color:var(--ge-table-column-even-bg)}.ge-table-hover-column{background-color:var(--ge-table-hover-column-bg)}.ge-table-hover-row{background-color:var(--ge-table-hover-row-bg)}.ge-table-focus-border{background-color:var(--ge-table-focus-border)}.ge-table-color-col-resize-handle-hover{background-color:var(--ge-table-color-col-resize-handle-hover-bg)}.ge-table-color-dragged-col-div{background-color:var(--ge-table-color-dragged-col-div-bg)}.ge-table-color-drop-zone{background-color:var(--ge-table-color-drop-zone-bg)}.ge-table-color-drop-zone{background-color:var(--ge-table-color-drop-zone)}.ge-table-color-tree-arrow-collapsed-color{background-color:var(--ge-table-color-tree-arrow-collapsed-color)}.ge-table-color-error{color:var(--ge-table-color-error-text)}.ge-table-tree-arrow-collapsed{color:var(--ge-table-tree-arrow-collapsed-color)}.ge-table-column-resize-handle:hover{background-color:var(--ge-table-column-resize-handle-border)}.ge-table-drop-zone{background-color:var(--ge-table-drop-zone-bg)}.ge-table-dragged-col-div{background-color:var(--ge-table-dragged-col-div-bg)}.ge-table-cell-editor-input,.ge-table-cell-editor-input:focus-within{border:none}.ge-star-rating-div{color:var(--ge-table-color-star-rating, #fcb515)}.ge-table-progress-bar{background-color:var(--ge-table-color-progress-bar, #36BB6C)}html,html[data-theme=light]{--ge-table-bg: #fff;--ge-table-header-west-bg: var(--ge-table-header-center-bg);--ge-table-header-center-bg: rgba(233, 233, 233, .5);--ge-table-header-east-bg: var(--ge-table-header-center-bg);--ge-table-header-west-text: var(--ge-table-header-center-text);--ge-table-header-center-text: #000;--ge-table-header-east-text: var(--ge-table-header-center-text);--ge-table-header-west-horizontal-border: var(--ge-table-header-center-horizontal-border);--ge-table-header-west-vertical-border: var(--ge-table-header-center-vertical-border);--ge-table-header-center-horizontal-border: #ddd;--ge-table-header-center-vertical-border: #ccc;--ge-table-header-east-horizontal-border: var(--ge-table-header-center-horizontal-border);--ge-table-header-east-vertical-border: var(--ge-table-header-center-vertical-border);--ge-table-body-west-bg: var(--ge-table-header-center-bg);--ge-table-body-center-bg: rgba(255,255,255, .5);--ge-table-body-east-bg: var(--ge-table-header-center-bg);--ge-table-body-west-text: var(--ge-table-header-center-text);--ge-table-body-center-text: var(--ge-table-header-center-text);--ge-table-body-east-text: var(--ge-table-header-center-text);--ge-table-body-west-horizontal-border: var(--ge-table-header-west-horizontal-border);--ge-table-body-west-vertical-border: var(--ge-table-header-west-vertical-border);--ge-table-body-center-horizontal-border: #bbb;--ge-table-body-center-vertical-border: #ddd;--ge-table-body-east-horizontal-border: var(--ge-table-header-east-horizontal-border);--ge-table-body-east-vertical-border: var(--ge-table-header-east-vertical-border);--ge-table-footer-west-bg: var(--ge-table-header-center-bg);--ge-table-footer-center-bg: var(--ge-table-header-center-bg);--ge-table-footer-east-bg: var(--ge-table-header-center-bg);--ge-table-footer-west-text: var(--ge-table-header-center-text);--ge-table-footer-center-text: var(--ge-table-header-center-text);--ge-table-footer-east-text: var(--ge-table-header-center-text);--ge-table-footer-west-horizontal-border: var(--ge-table-header-west-horizontal-border);--ge-table-footer-west-vertical-border: var(--ge-table-header-west-vertical-border);--ge-table-footer-center-horizontal-border: var(--ge-table-header-center-horizontal-border);--ge-table-footer-center-vertical-border: var(--ge-table-header-center-vertical-border);--ge-table-footer-east-horizontal-border: var(--ge-table-header-east-horizontal-border);--ge-table-footer-east-vertical-border: var(--ge-table-header-east-vertical-border);--ge-table-body-west-selected-range-bg: rgba(0, 152, 219, .4);--ge-table-body-center-selected-range-bg: rgba(0, 152, 219, .4);--ge-table-body-east-selected-range-bg: rgba(0, 152, 219, .4);--ge-table-body-west-selected-range-text: #000;--ge-table-body-center-selected-range-text: #000;--ge-table-body-east-selected-range-text: #000;--ge-table-border: #ccc;--ge-table-row-odd-bg: transparent;--ge-table-row-even-bg: transparent;--ge-table-column-odd-bg: transparent;--ge-table-column-even-bg: transparent;--ge-table-hover-column-bg: rgba(0, 224, 255, .27);--ge-table-hover-row-bg: rgba(0, 224, 255, .27);--ge-table-focus-border: rgb(0, 0, 255);--ge-table-color-error-text: #e00034;--ge-table-tree-arrow-collapsed-color: #e00034;--ge-table-column-resize-handle-border: rgb(0, 255, 255);--ge-table-dragged-col-div-bg: lightcyan;--ge-table-drop-zone-bg: rgba(244, 255, 242, .6);--ge-table-color-col-resize-handle-hover-bg: cyan;--ge-table-color-dragged-col-div-bg: #fafafa;--ge-table-color-drop-zone-bg: #fafafa;--ge-table-color-drop-zone: #fafafa;--ge-table-color-tree-arrow-collapsed-color: var(--ge-table-body-west-text);--ge-table-color-star-rating: #fcb515;--ge-table-color-progress-bar: #36BB6C}html[data-theme=dark]{--ge-table-bg: #111827;--ge-table-header-west-bg: #111827;--ge-table-header-center-bg: #111827;--ge-table-header-east-bg: #111827;--ge-table-header-west-text: oklch(100% 0 0);--ge-table-header-center-text: oklch(100% 0 0);--ge-table-header-east-text: oklch(100% 0 0);--ge-table-header-west-horizontal-border: #313641;--ge-table-header-west-vertical-border: oklch(32% 0 0);--ge-table-header-center-horizontal-border: #313641;--ge-table-header-center-vertical-border: oklch(32% 0 0);--ge-table-header-east-horizontal-border: #313641;--ge-table-header-east-vertical-border: oklch(32% 0 0);--ge-table-body-west-bg: #23272e;--ge-table-body-center-bg: #23272e55;--ge-table-body-east-bg: #23272e;--ge-table-body-west-text: oklch(100% 0 0);--ge-table-body-center-text: oklch(100% 0 0);--ge-table-body-east-text: oklch(100% 0 0);--ge-table-body-west-horizontal-border: #313641;--ge-table-body-west-vertical-border: oklch(32% 0 0);--ge-table-body-center-horizontal-border: #313641;--ge-table-body-center-vertical-border: oklch(32% 0 0);--ge-table-body-east-horizontal-border: #313641;--ge-table-body-east-vertical-border: oklch(32% 0 0);--ge-table-footer-west-bg: #111827;--ge-table-footer-center-bg: #111827;--ge-table-footer-east-bg: #111827;--ge-table-footer-west-text: var(--ge-table-header-center-text);--ge-table-footer-center-text: var(--ge-table-header-center-text);--ge-table-footer-east-text: var(--ge-table-header-center-text);--ge-table-footer-west-horizontal-border: oklch(30% 0 0);--ge-table-footer-west-vertical-border: oklch(32% 0 0);--ge-table-footer-center-horizontal-border: oklch(30% 0 0);--ge-table-footer-center-vertical-border: oklch(32% 0 0);--ge-table-footer-east-horizontal-border: oklch(30% 0 0);--ge-table-footer-east-vertical-border: oklch(32% 0 0);--ge-table-border: oklch(32% 0 0);--ge-table-row-odd-bg: #11151F55;--ge-table-row-even-bg: #1A202F55;--ge-table-column-odd-bg: transparent;--ge-table-column-even-bg: transparent;--ge-table-hover-column-bg: rgba(0, 224, 255, .27);--ge-table-hover-row-bg: rgba(0, 224, 255, .27);--ge-table-focus-border: rgb(0, 255, 255);--ge-table-color-error-text: #ffa8b5;--ge-table-tree-arrow-collapsed-color: #ffa8b5;--ge-table-column-resize-handle-border: rgb(0, 255, 255);--ge-table-dragged-col-div-bg: oklch(0% 0 0);--ge-table-drop-zone-bg: oklch(0% 0 0);--ge-table-body-west-selected-range-bg: oklch(19% .2 205.2);--ge-table-body-center-selected-range-bg: oklch(19% .2 205.2);--ge-table-body-east-selected-range-bg: oklch(19% .2 205.2);--ge-table-body-west-selected-range-text: #0098db;--ge-table-body-center-selected-range-text: #0098db;--ge-table-body-east-selected-range-text: #0098db;--ge-table-color-col-resize-handle-hover-bg: cyan;--ge-table-color-dragged-col-div-bg: #fafafa;--ge-table-color-drop-zone-bg: #fafafa;--ge-table-color-drop-zone: #fafafa;--ge-table-color-tree-arrow-collapsed-color: var(--ge-table-body-west-text);--ge-table-color-star-rating: #fcb515;--ge-table-color-progress-bar: #36BB6C}.ge-table-col-div.ge-table-col-div-0.ge-table-tree-cell{text-align:left}.ge-table-tree-cell .ge-table-label-div{padding-left:0;padding-right:10px;display:inline}.ge-table-col-tree{text-align:left}.ge-padding-property-checkbox{padding-left:0}.ge-table-col-tree.ge-table-tree-deep-0{padding-left:16px}.ge-table-col-tree.ge-table-tree-deep-1{padding-left:36px}.ge-table-col-tree.ge-table-tree-deep-2{padding-left:56px}.ge-table-col-tree.ge-table-tree-deep-3{padding-left:76px}.ge-table-col-tree.ge-table-tree-deep-4{padding-left:96px}.ge-table-col-tree.ge-table-tree-deep-5{padding-left:116px}.ge-table-col-tree.ge-table-tree-deep-5{padding-left:136px}.ge-table-col-div.ge-table-col-tree.ge-table-tree-cell{display:grid;grid-template-columns:16px 1fr}.ge-table-col-div.ge-table-col-tree.ge-table-tree-cell.ge-with-checkbox{display:grid;grid-template-columns:16px 20px 1fr}\n"],
190
+ dependencies: [{
191
+ kind: "ngmodule",
192
+ type: CommonModule
193
+ }],
194
+ changeDetection: i0.ChangeDetectionStrategy.OnPush,
195
+ encapsulation: i0.ViewEncapsulation.None
196
+ });
197
+ }
198
+ };
199
+ i0.ɵɵngDeclareClassMetadata({
200
+ minVersion: "12.0.0",
201
+ version: "22.2.2",
202
+ ngImport: i0,
203
+ type: TableComponent,
204
+ decorators: [{
205
+ type: Component,
206
+ args: [{
207
+ selector: "guiexpert-table",
208
+ standalone: true,
209
+ imports: [CommonModule],
210
+ providers: [DomService],
211
+ template: "",
212
+ encapsulation: ViewEncapsulation.None,
213
+ changeDetection: ChangeDetectionStrategy.OnPush,
214
+ styles: [".ge-table{display:block;margin:0;width:100%;height:100%}.ge-table-col-div{text-align:center;line-height:2.5;-webkit-user-select:none;user-select:none}.ge-table-label-div{padding:0;display:block;text-overflow:ellipsis;overflow:hidden}.ge-table-label-div .ge-table-label{padding-left:10px;padding-right:10px}.ge-table-text-align-left{text-align:left}.ge-table-text-align-right{text-align:right}.ge-table-text-align-center{text-align:center}.ge-table-row-checkbox-div{padding-left:14px}.ge-table-body-east{z-index:999}.ge-table-crud-object-view{border-radius:8px;width:50%;display:grid;grid-template-rows:auto 1fr auto}.ge-table-crud-object-view .ge-table-dialog-header{font-weight:700;font-size:larger}.ge-table-crud-object-view .ge-table-dialog-content{overflow-y:auto}.ge-table-crud-object-view .ge-table-dialog-content table th,.ge-table-crud-object-view .ge-table-dialog-content table td{text-align:left}:is(.ge-table-crud-object-view .ge-table-dialog-content table th,.ge-table-crud-object-view .ge-table-dialog-content table td):nth-child(2){padding-left:12px}:is(.ge-table-crud-object-view .ge-table-dialog-content table th,.ge-table-crud-object-view .ge-table-dialog-content table td).ge-table-crud-object-view-object-child{font-weight:700}.ge-table-crud-object-view .ge-table-dialog-footer{display:flex;justify-content:flex-end;column-gap:16px;padding-top:16px}.ge-table-crud-object-edit{border-radius:8px;width:50%;display:grid;grid-template-rows:auto 1fr auto}.ge-table-crud-object-edit .ge-table-dialog-header{font-weight:700;font-size:larger}.ge-table-crud-object-edit .ge-table-dialog-content{overflow-y:auto}.ge-table-crud-object-edit .ge-table-dialog-content .form-field{margin-bottom:6px;display:grid;grid-template-columns:.6fr 1fr;gap:16px;justify-items:stretch}.ge-table-crud-object-edit .ge-table-dialog-content .form-field label{align-self:end;text-align:right;line-height:2}.ge-table-crud-object-edit .ge-table-dialog-footer{display:flex;justify-content:flex-end;column-gap:16px;padding-top:16px}.ge-table{background-color:var(--ge-table-bg)}.ge-table-header-west{background-color:var(--ge-table-header-west-bg)}.ge-table-header-center{background-color:var(--ge-table-header-center-bg)}.ge-table-header-east{background-color:var(--ge-table-header-east-bg)}.ge-table-header-west{color:var(--ge-table-header-west-text)}.ge-table-header-center{color:var(--ge-table-header-center-text)}.ge-table-header-east{color:var(--ge-table-header-east-text)}.ge-table-header-west-horizontal-border{background-color:var(--ge-table-header-west-horizontal-border)}.ge-table-header-west-vertical-border{background-color:var(--ge-table-header-west-vertical-border)}.ge-table-header-center-horizontal-border{background-color:var(--ge-table-header-center-horizontal-border)}.ge-table-header-center-vertical-border{background-color:var(--ge-table-header-center-vertical-border)}.ge-table-header-east-horizontal-border{background-color:var(--ge-table-header-east-horizontal-border)}.ge-table-header-east-vertical-border{background-color:var(--ge-table-header-east-vertical-border)}.ge-table-body-west{background-color:var(--ge-table-body-west-bg)}.ge-table-body-center{background-color:var(--ge-table-body-center-bg)}.ge-table-body-east{background-color:var(--ge-table-body-east-bg)}.ge-table-body-west{color:var(--ge-table-body-west-text)}.ge-table-body-center{color:var(--ge-table-body-center-text)}.ge-table-body-east{color:var(--ge-table-body-east-text)}.ge-table-body-west-horizontal-border{background-color:var(--ge-table-body-west-horizontal-border)}.ge-table-body-west-vertical-border{background-color:var(--ge-table-body-west-vertical-border)}.ge-table-body-center-horizontal-border{background-color:var(--ge-table-body-center-horizontal-border)}.ge-table-body-center-vertical-border{background-color:var(--ge-table-body-center-vertical-border)}.ge-table-body-east-horizontal-border{background-color:var(--ge-table-body-east-horizontal-border)}.ge-table-body-east-vertical-border{background-color:var(--ge-table-body-east-vertical-border)}.ge-table-body-west-selected-range{background-color:var(--ge-table-body-west-selected-range-bg)}.ge-table-body-center-selected-range{background-color:var(--ge-table-body-center-selected-range-bg)}.ge-table-body-east-selected-range{background-color:var(--ge-table-body-east-selected-range-bg)}.ge-table-body-west-selected-range{color:var(--ge-table-body-west-selected-range-text)}.ge-table-body-center-selected-range{color:var(--ge-table-body-center-selected-range-text)}.ge-table-body-east-selected-range{color:var(--ge-table-body-east-selected-range-text)}.ge-table-footer-west{background-color:var(--ge-table-footer-west-bg)}.ge-table-footer-center{background-color:var(--ge-table-footer-center-bg)}.ge-table-footer-east{background-color:var(--ge-table-footer-east-bg)}.ge-table-footer-west{color:var(--ge-table-footer-west-text)}.ge-table-footer-center{color:var(--ge-table-footer-center-text)}.ge-table-footer-east{color:var(--ge-table-footer-east-text)}.ge-table-footer-west-horizontal-border{background-color:var(--ge-table-footer-west-horizontal-border)}.ge-table-footer-west-vertical-border{background-color:var(--ge-table-footer-west-vertical-border)}.ge-table-footer-center-horizontal-border{background-color:var(--ge-table-footer-center-horizontal-border)}.ge-table-footer-center-vertical-border{background-color:var(--ge-table-footer-center-vertical-border)}.ge-table-footer-east-horizontal-border{background-color:var(--ge-table-footer-east-horizontal-border)}.ge-table-footer-east-vertical-border{background-color:var(--ge-table-footer-east-vertical-border)}.ge-table-border{background-color:var(--ge-table-border)}.ge-table-row-odd{background-color:var(--ge-table-row-odd-bg)}.ge-table-row-even{background-color:var(--ge-table-row-even-bg)}.ge-table-column-odd{background-color:var(--ge-table-column-odd-bg)}.ge-table-column-even{background-color:var(--ge-table-column-even-bg)}.ge-table-hover-column{background-color:var(--ge-table-hover-column-bg)}.ge-table-hover-row{background-color:var(--ge-table-hover-row-bg)}.ge-table-focus-border{background-color:var(--ge-table-focus-border)}.ge-table-color-col-resize-handle-hover{background-color:var(--ge-table-color-col-resize-handle-hover-bg)}.ge-table-color-dragged-col-div{background-color:var(--ge-table-color-dragged-col-div-bg)}.ge-table-color-drop-zone{background-color:var(--ge-table-color-drop-zone-bg)}.ge-table-color-drop-zone{background-color:var(--ge-table-color-drop-zone)}.ge-table-color-tree-arrow-collapsed-color{background-color:var(--ge-table-color-tree-arrow-collapsed-color)}.ge-table-color-error{color:var(--ge-table-color-error-text)}.ge-table-tree-arrow-collapsed{color:var(--ge-table-tree-arrow-collapsed-color)}.ge-table-column-resize-handle:hover{background-color:var(--ge-table-column-resize-handle-border)}.ge-table-drop-zone{background-color:var(--ge-table-drop-zone-bg)}.ge-table-dragged-col-div{background-color:var(--ge-table-dragged-col-div-bg)}.ge-table-cell-editor-input,.ge-table-cell-editor-input:focus-within{border:none}.ge-star-rating-div{color:var(--ge-table-color-star-rating, #fcb515)}.ge-table-progress-bar{background-color:var(--ge-table-color-progress-bar, #36BB6C)}html,html[data-theme=light]{--ge-table-bg: #fff;--ge-table-header-west-bg: var(--ge-table-header-center-bg);--ge-table-header-center-bg: rgba(233, 233, 233, .5);--ge-table-header-east-bg: var(--ge-table-header-center-bg);--ge-table-header-west-text: var(--ge-table-header-center-text);--ge-table-header-center-text: #000;--ge-table-header-east-text: var(--ge-table-header-center-text);--ge-table-header-west-horizontal-border: var(--ge-table-header-center-horizontal-border);--ge-table-header-west-vertical-border: var(--ge-table-header-center-vertical-border);--ge-table-header-center-horizontal-border: #ddd;--ge-table-header-center-vertical-border: #ccc;--ge-table-header-east-horizontal-border: var(--ge-table-header-center-horizontal-border);--ge-table-header-east-vertical-border: var(--ge-table-header-center-vertical-border);--ge-table-body-west-bg: var(--ge-table-header-center-bg);--ge-table-body-center-bg: rgba(255,255,255, .5);--ge-table-body-east-bg: var(--ge-table-header-center-bg);--ge-table-body-west-text: var(--ge-table-header-center-text);--ge-table-body-center-text: var(--ge-table-header-center-text);--ge-table-body-east-text: var(--ge-table-header-center-text);--ge-table-body-west-horizontal-border: var(--ge-table-header-west-horizontal-border);--ge-table-body-west-vertical-border: var(--ge-table-header-west-vertical-border);--ge-table-body-center-horizontal-border: #bbb;--ge-table-body-center-vertical-border: #ddd;--ge-table-body-east-horizontal-border: var(--ge-table-header-east-horizontal-border);--ge-table-body-east-vertical-border: var(--ge-table-header-east-vertical-border);--ge-table-footer-west-bg: var(--ge-table-header-center-bg);--ge-table-footer-center-bg: var(--ge-table-header-center-bg);--ge-table-footer-east-bg: var(--ge-table-header-center-bg);--ge-table-footer-west-text: var(--ge-table-header-center-text);--ge-table-footer-center-text: var(--ge-table-header-center-text);--ge-table-footer-east-text: var(--ge-table-header-center-text);--ge-table-footer-west-horizontal-border: var(--ge-table-header-west-horizontal-border);--ge-table-footer-west-vertical-border: var(--ge-table-header-west-vertical-border);--ge-table-footer-center-horizontal-border: var(--ge-table-header-center-horizontal-border);--ge-table-footer-center-vertical-border: var(--ge-table-header-center-vertical-border);--ge-table-footer-east-horizontal-border: var(--ge-table-header-east-horizontal-border);--ge-table-footer-east-vertical-border: var(--ge-table-header-east-vertical-border);--ge-table-body-west-selected-range-bg: rgba(0, 152, 219, .4);--ge-table-body-center-selected-range-bg: rgba(0, 152, 219, .4);--ge-table-body-east-selected-range-bg: rgba(0, 152, 219, .4);--ge-table-body-west-selected-range-text: #000;--ge-table-body-center-selected-range-text: #000;--ge-table-body-east-selected-range-text: #000;--ge-table-border: #ccc;--ge-table-row-odd-bg: transparent;--ge-table-row-even-bg: transparent;--ge-table-column-odd-bg: transparent;--ge-table-column-even-bg: transparent;--ge-table-hover-column-bg: rgba(0, 224, 255, .27);--ge-table-hover-row-bg: rgba(0, 224, 255, .27);--ge-table-focus-border: rgb(0, 0, 255);--ge-table-color-error-text: #e00034;--ge-table-tree-arrow-collapsed-color: #e00034;--ge-table-column-resize-handle-border: rgb(0, 255, 255);--ge-table-dragged-col-div-bg: lightcyan;--ge-table-drop-zone-bg: rgba(244, 255, 242, .6);--ge-table-color-col-resize-handle-hover-bg: cyan;--ge-table-color-dragged-col-div-bg: #fafafa;--ge-table-color-drop-zone-bg: #fafafa;--ge-table-color-drop-zone: #fafafa;--ge-table-color-tree-arrow-collapsed-color: var(--ge-table-body-west-text);--ge-table-color-star-rating: #fcb515;--ge-table-color-progress-bar: #36BB6C}html[data-theme=dark]{--ge-table-bg: #111827;--ge-table-header-west-bg: #111827;--ge-table-header-center-bg: #111827;--ge-table-header-east-bg: #111827;--ge-table-header-west-text: oklch(100% 0 0);--ge-table-header-center-text: oklch(100% 0 0);--ge-table-header-east-text: oklch(100% 0 0);--ge-table-header-west-horizontal-border: #313641;--ge-table-header-west-vertical-border: oklch(32% 0 0);--ge-table-header-center-horizontal-border: #313641;--ge-table-header-center-vertical-border: oklch(32% 0 0);--ge-table-header-east-horizontal-border: #313641;--ge-table-header-east-vertical-border: oklch(32% 0 0);--ge-table-body-west-bg: #23272e;--ge-table-body-center-bg: #23272e55;--ge-table-body-east-bg: #23272e;--ge-table-body-west-text: oklch(100% 0 0);--ge-table-body-center-text: oklch(100% 0 0);--ge-table-body-east-text: oklch(100% 0 0);--ge-table-body-west-horizontal-border: #313641;--ge-table-body-west-vertical-border: oklch(32% 0 0);--ge-table-body-center-horizontal-border: #313641;--ge-table-body-center-vertical-border: oklch(32% 0 0);--ge-table-body-east-horizontal-border: #313641;--ge-table-body-east-vertical-border: oklch(32% 0 0);--ge-table-footer-west-bg: #111827;--ge-table-footer-center-bg: #111827;--ge-table-footer-east-bg: #111827;--ge-table-footer-west-text: var(--ge-table-header-center-text);--ge-table-footer-center-text: var(--ge-table-header-center-text);--ge-table-footer-east-text: var(--ge-table-header-center-text);--ge-table-footer-west-horizontal-border: oklch(30% 0 0);--ge-table-footer-west-vertical-border: oklch(32% 0 0);--ge-table-footer-center-horizontal-border: oklch(30% 0 0);--ge-table-footer-center-vertical-border: oklch(32% 0 0);--ge-table-footer-east-horizontal-border: oklch(30% 0 0);--ge-table-footer-east-vertical-border: oklch(32% 0 0);--ge-table-border: oklch(32% 0 0);--ge-table-row-odd-bg: #11151F55;--ge-table-row-even-bg: #1A202F55;--ge-table-column-odd-bg: transparent;--ge-table-column-even-bg: transparent;--ge-table-hover-column-bg: rgba(0, 224, 255, .27);--ge-table-hover-row-bg: rgba(0, 224, 255, .27);--ge-table-focus-border: rgb(0, 255, 255);--ge-table-color-error-text: #ffa8b5;--ge-table-tree-arrow-collapsed-color: #ffa8b5;--ge-table-column-resize-handle-border: rgb(0, 255, 255);--ge-table-dragged-col-div-bg: oklch(0% 0 0);--ge-table-drop-zone-bg: oklch(0% 0 0);--ge-table-body-west-selected-range-bg: oklch(19% .2 205.2);--ge-table-body-center-selected-range-bg: oklch(19% .2 205.2);--ge-table-body-east-selected-range-bg: oklch(19% .2 205.2);--ge-table-body-west-selected-range-text: #0098db;--ge-table-body-center-selected-range-text: #0098db;--ge-table-body-east-selected-range-text: #0098db;--ge-table-color-col-resize-handle-hover-bg: cyan;--ge-table-color-dragged-col-div-bg: #fafafa;--ge-table-color-drop-zone-bg: #fafafa;--ge-table-color-drop-zone: #fafafa;--ge-table-color-tree-arrow-collapsed-color: var(--ge-table-body-west-text);--ge-table-color-star-rating: #fcb515;--ge-table-color-progress-bar: #36BB6C}.ge-table-col-div.ge-table-col-div-0.ge-table-tree-cell{text-align:left}.ge-table-tree-cell .ge-table-label-div{padding-left:0;padding-right:10px;display:inline}.ge-table-col-tree{text-align:left}.ge-padding-property-checkbox{padding-left:0}.ge-table-col-tree.ge-table-tree-deep-0{padding-left:16px}.ge-table-col-tree.ge-table-tree-deep-1{padding-left:36px}.ge-table-col-tree.ge-table-tree-deep-2{padding-left:56px}.ge-table-col-tree.ge-table-tree-deep-3{padding-left:76px}.ge-table-col-tree.ge-table-tree-deep-4{padding-left:96px}.ge-table-col-tree.ge-table-tree-deep-5{padding-left:116px}.ge-table-col-tree.ge-table-tree-deep-5{padding-left:136px}.ge-table-col-div.ge-table-col-tree.ge-table-tree-cell{display:grid;grid-template-columns:16px 1fr}.ge-table-col-div.ge-table-col-tree.ge-table-tree-cell.ge-with-checkbox{display:grid;grid-template-columns:16px 20px 1fr}\n"]
215
+ }]
216
+ }],
217
+ ctorParameters: () => [
218
+ { type: i0.Renderer2 },
219
+ { type: i0.ElementRef },
220
+ { type: i0.NgZone },
221
+ { type: DomService }
222
+ ],
223
+ propDecorators: {
224
+ tableReady: [{ type: Output }],
225
+ scroll: [{ type: Output }],
226
+ mouseMoved: [{ type: Output }],
227
+ mouseDragging: [{ type: Output }],
228
+ mouseDraggingEnded: [{ type: Output }],
229
+ contextmenu: [{ type: Output }],
230
+ mouseClicked: [{ type: Output }],
231
+ modelChanged: [{ type: Output }],
232
+ selectionChanged: [{ type: Output }],
233
+ focusChanged: [{ type: Output }],
234
+ checkboxChanged: [{ type: Output }],
235
+ tableModel: [{ type: Input }],
236
+ tableOptions: [{ type: Input }],
237
+ debounceMouseClickDelay: [{ type: Input }]
238
+ }
239
+ });
174
240
  function isObservable(value) {
175
- return value instanceof Observable || value instanceof EventEmitter;
176
- }
177
- class RendererWrapper {
178
- constructor(componentType, appRef, injector, cdr, zone) {
179
- this.componentType = componentType;
180
- this.appRef = appRef;
181
- this.injector = injector;
182
- this.cdr = cdr;
183
- this.zone = zone;
184
- this.event$ = new EventEmitter();
185
- this.closed$ = new Subject();
186
- }
187
- render(cellDiv, rowIndex, columnIndex, areaIdent, areaModel, cellValue, domService) {
188
- const componentRef = createComponent(this.componentType, {
189
- environmentInjector: this.injector
190
- });
191
- componentRef.instance.setData(rowIndex, columnIndex, areaIdent, areaModel, cellValue);
192
- const emmiterNames = Object.keys(componentRef.instance)
193
- .filter(key => {
194
- const value = componentRef.instance[key];
195
- return value && isObservable(value);
196
- });
197
- const observables = (emmiterNames.map(key => componentRef.instance[key]));
198
- observables.forEach(obs => obs
199
- .pipe(takeUntil(this.closed$))
200
- .subscribe((event) => {
201
- this.event$.next(event);
202
- }));
203
- if (cellDiv)
204
- cellDiv.appendChild(componentRef.location.nativeElement);
205
- this.appRef.attachView(componentRef.hostView);
206
- this.zone.run(() => {
207
- this.cdr.detectChanges();
208
- });
209
- return () => {
210
- // clean up:
211
- this.appRef.detachView(componentRef.hostView);
212
- this.closed$.next(Date.now());
213
- };
214
- }
241
+ return value instanceof Observable || value instanceof EventEmitter;
215
242
  }
216
-
217
- class RenderWrapperFactory {
218
- constructor(appRef, injector, zone) {
219
- this.appRef = appRef;
220
- this.injector = injector;
221
- this.zone = zone;
222
- }
223
- create(componentType, cdr) {
224
- return new RendererWrapper(componentType, this.appRef, this.injector, cdr, this.zone);
225
- }
226
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: RenderWrapperFactory, deps: [{ token: i0.ApplicationRef }, { token: i0.EnvironmentInjector }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable }); }
227
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: RenderWrapperFactory, providedIn: "root" }); }
228
- }
229
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: RenderWrapperFactory, decorators: [{
230
- type: Injectable,
231
- args: [{
232
- providedIn: "root"
233
- }]
234
- }], ctorParameters: () => [{ type: i0.ApplicationRef }, { type: i0.EnvironmentInjector }, { type: i0.NgZone }] });
235
-
236
- /*
237
- * Public API Surface of angular-table
238
- */
239
-
240
- /**
241
- * Generated bundle index. Do not edit.
242
- */
243
-
243
+ var RendererWrapper = class {
244
+ constructor(componentType, appRef, injector, cdr, zone) {
245
+ this.componentType = componentType;
246
+ this.appRef = appRef;
247
+ this.injector = injector;
248
+ this.cdr = cdr;
249
+ this.zone = zone;
250
+ this.event$ = new EventEmitter();
251
+ this.closed$ = new Subject();
252
+ }
253
+ render(cellDiv, rowIndex, columnIndex, areaIdent, areaModel, cellValue, domService) {
254
+ const componentRef = createComponent(this.componentType, { environmentInjector: this.injector });
255
+ componentRef.instance.setData(rowIndex, columnIndex, areaIdent, areaModel, cellValue);
256
+ Object.keys(componentRef.instance).filter((key) => {
257
+ const value = componentRef.instance[key];
258
+ return value && isObservable(value);
259
+ }).map((key) => componentRef.instance[key]).forEach((obs) => obs.pipe(takeUntil(this.closed$)).subscribe((event) => {
260
+ this.event$.next(event);
261
+ }));
262
+ if (cellDiv) cellDiv.appendChild(componentRef.location.nativeElement);
263
+ this.appRef.attachView(componentRef.hostView);
264
+ this.zone.run(() => {
265
+ this.cdr.detectChanges();
266
+ });
267
+ return () => {
268
+ this.appRef.detachView(componentRef.hostView);
269
+ this.closed$.next(Date.now());
270
+ };
271
+ }
272
+ };
273
+ var RenderWrapperFactory = class RenderWrapperFactory {
274
+ constructor(appRef, injector, zone) {
275
+ this.appRef = appRef;
276
+ this.injector = injector;
277
+ this.zone = zone;
278
+ }
279
+ create(componentType, cdr) {
280
+ return new RendererWrapper(componentType, this.appRef, this.injector, cdr, this.zone);
281
+ }
282
+ static {
283
+ this.ɵfac = i0.ɵɵngDeclareFactory({
284
+ minVersion: "12.0.0",
285
+ version: "22.2.2",
286
+ ngImport: i0,
287
+ type: RenderWrapperFactory,
288
+ deps: [
289
+ { token: i0.ApplicationRef },
290
+ { token: i0.EnvironmentInjector },
291
+ { token: i0.NgZone }
292
+ ],
293
+ target: i0.ɵɵFactoryTarget.Injectable
294
+ });
295
+ }
296
+ static {
297
+ this.ɵprov = i0.ɵɵngDeclareInjectable({
298
+ minVersion: "12.0.0",
299
+ version: "22.2.2",
300
+ ngImport: i0,
301
+ type: RenderWrapperFactory,
302
+ providedIn: "root"
303
+ });
304
+ }
305
+ };
306
+ i0.ɵɵngDeclareClassMetadata({
307
+ minVersion: "12.0.0",
308
+ version: "22.2.2",
309
+ ngImport: i0,
310
+ type: RenderWrapperFactory,
311
+ decorators: [{
312
+ type: Injectable,
313
+ args: [{ providedIn: "root" }]
314
+ }],
315
+ ctorParameters: () => [
316
+ { type: i0.ApplicationRef },
317
+ { type: i0.EnvironmentInjector },
318
+ { type: i0.NgZone }
319
+ ]
320
+ });
244
321
  export { DomService, RenderWrapperFactory, RendererWrapper, TableComponent };
245
- //# sourceMappingURL=guiexpert-angular-table.mjs.map
322
+
323
+ //# sourceMappingURL=guiexpert-angular-table.mjs.map
package/fesm2022/guiexpert-angular-table.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"guiexpert-angular-table.mjs","sources":["../../../projects/angular-table/src/lib/service/dom-service.ts","../../../projects/angular-table/src/lib/table.component.ts","../../../projects/angular-table/src/lib/service/renderer-wrapper.ts","../../../projects/angular-table/src/lib/service/render-wrapper-factory.ts","../../../projects/angular-table/src/public-api.ts","../../../projects/angular-table/src/guiexpert-angular-table.ts"],"sourcesContent":["import {Injectable, Renderer2} from \"@angular/core\";\nimport {DomServiceIf} from \"@guiexpert/table\";\n\n\n@Injectable({\n providedIn: \"root\"\n})\nexport class DomService implements DomServiceIf {\n\n constructor(\n readonly renderer: Renderer2,\n ) {\n }\n\n setStyle(el: any, style: string, value: any): any {\n this.renderer.setStyle(el, style, value);\n return el;\n };\n\n\n appendText(parent: HTMLDivElement, text: string): HTMLDivElement {\n const div = this.renderer.createText(text);\n this.renderer.appendChild(parent, div);\n return div;\n }\n\n\n addClass(div: HTMLDivElement, clazz: string) {\n if (clazz.includes(' ')) {\n clazz.split(' ').forEach(c => this.renderer.addClass(div, c))\n } else {\n this.renderer.addClass(div, clazz);\n }\n return div;\n }\n\n removeClass(div: HTMLDivElement, clazz: string) {\n if (clazz.includes(\" \")) {\n clazz.split(\" \").forEach(c => div.classList.remove(c));\n } else {\n div.classList.remove(clazz);\n }\n return div;\n }\n\n appendChild(parent: HTMLElement, child: HTMLElement): void {\n this.renderer.appendChild(parent, child);\n }\n\n createElement<T>(name: string): T {\n return this.renderer.createElement(name);\n }\n\n createText(text: string): HTMLElement {\n return this.renderer.createText(text);\n }\n\n setAttribute(ele: HTMLElement, key: string, value: string): void {\n this.renderer.setAttribute(ele, key, value);\n }\n\n\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n Input,\n NgZone,\n OnDestroy,\n OnInit,\n Output,\n Renderer2,\n ViewEncapsulation\n} from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { debounceTime, Subject, takeWhile } from \"rxjs\";\nimport {\n EventListenerIf, FocusModelIf,\n GeModelChangeEvent, GeScrollEvent,\n GeMouseEvent, SelectionModelIf,\n TableApi,\n TableModelIf,\n TableOptions,\n TableOptionsIf,\n TableScope\n} from '@guiexpert/table';\nimport { DomService } from \"./service/dom-service\";\n\n\n@Component({\n selector: \"guiexpert-table\",\n standalone: true,\n imports: [CommonModule],\n providers: [DomService],\n template: \"\",\n styleUrls: [\n \"./table.component.css\"\n ],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TableComponent implements OnInit, OnDestroy, EventListenerIf {\n\n @Output()\n tableReady = new Subject<TableApi>();\n\n @Output()\n scroll: Subject<GeScrollEvent> = new Subject<GeScrollEvent>();\n\n @Output()\n mouseMoved: Subject<GeMouseEvent> = new Subject<GeMouseEvent>();\n\n @Output()\n mouseDragging: Subject<GeMouseEvent> = new Subject<GeMouseEvent>();\n\n @Output()\n mouseDraggingEnded: Subject<GeMouseEvent> = new Subject<GeMouseEvent>();\n\n @Output()\n contextmenu: Subject<GeMouseEvent> = new Subject<GeMouseEvent>();\n\n @Output()\n mouseClicked: Subject<GeMouseEvent> = new Subject<GeMouseEvent>();\n\n @Output()\n modelChanged: Subject<GeModelChangeEvent> = new Subject<GeModelChangeEvent>();\n\n @Output()\n selectionChanged: Subject<SelectionModelIf> = new Subject<SelectionModelIf>();\n\n @Output()\n focusChanged: Subject<FocusModelIf> = new Subject<FocusModelIf>();\n\n @Output()\n checkboxChanged: Subject<any[]> = new Subject<any[]>();\n\n @Input()\n tableModel?: TableModelIf;\n\n @Input()\n tableOptions: TableOptionsIf = new TableOptions();\n\n @Input()\n debounceMouseClickDelay: number = 150;\n\n private debounceMouseClick: Subject<GeMouseEvent> = new Subject<GeMouseEvent>();\n\n private tableScope?: TableScope;\n private alive = true;\n\n\n constructor(\n private readonly renderer: Renderer2,\n private readonly elementRef: ElementRef,\n private readonly zone: NgZone,\n private readonly domService: DomService\n ) {\n }\n\n onSelectionChanged(model: SelectionModelIf): void {\n this.selectionChanged.next(model);\n }\n\n onFocusChanged(model: FocusModelIf): void {\n this.focusChanged.next(model);\n }\n\n onContextmenu(evt: GeMouseEvent): void {\n this.contextmenu.next(evt);\n }\n\n onScroll(evt: GeScrollEvent): void {\n this.scroll.next(evt);\n }\n\n onMouseMoved(evt: GeMouseEvent): void {\n this.mouseMoved.next(evt);\n }\n\n // will be called by table-scope:\n onMouseClicked(evt: GeMouseEvent): void {\n this.debounceMouseClick.next(evt);\n }\n\n onCheckboxChanged(arr: any[]): void {\n this.checkboxChanged.next(arr);\n }\n\n onModelChanged(evt: GeModelChangeEvent): void {\n this.modelChanged.next(evt);\n }\n\n ngOnInit(): void {\n this.initModel();\n this.debounceMouseClick\n .pipe(\n debounceTime(this.debounceMouseClickDelay),\n takeWhile(() => this.alive)\n )\n .subscribe((value) => {\n this.zone.run(() => {\n this.mouseClicked.next(value);\n });\n });\n }\n\n ngOnDestroy(): void {\n this.alive = false;\n }\n\n\n onMouseDragging(evt: GeMouseEvent): void {\n this.mouseDragging.next(evt);\n }\n\n onMouseDraggingEnd(evt: GeMouseEvent): void {\n this.mouseDraggingEnded.next(evt);\n }\n\n\n private initModel() {\n this.zone.runOutsideAngular(this.init.bind(this));\n }\n\n private init() {\n if (this.tableModel) {\n this.tableScope = new TableScope(\n this.elementRef.nativeElement, this.tableModel, this.domService, this.tableOptions, this\n );\n this.tableScope.firstInit();\n this.tableReady.next(this.tableScope.getApi());\n }\n }\n\n\n}\n","import {AreaIdent, AreaModelIf, CellRendererIf, DomServiceIf, RendererCleanupFnType} from \"@guiexpert/table\";\nimport {\n ApplicationRef,\n ChangeDetectorRef,\n createComponent,\n EnvironmentInjector,\n EventEmitter,\n NgZone,\n Type\n} from \"@angular/core\";\nimport {ComponentRendererIf} from \"../component-renderer.if\";\nimport {Subject, takeUntil} from \"rxjs\";\nimport {Observable} from \"rxjs/internal/Observable\";\n\n\nfunction isObservable(value: any): value is Observable<any> {\n return value instanceof Observable || value instanceof EventEmitter;\n}\n\nexport class RendererWrapper<T extends ComponentRendererIf<T>>\n implements CellRendererIf {\n\n public readonly event$ = new EventEmitter<any>();\n private readonly closed$ = new Subject<number>();\n\n constructor(\n private componentType: Type<ComponentRendererIf<T>>,\n private appRef: ApplicationRef,\n private injector: EnvironmentInjector,\n private cdr: ChangeDetectorRef,\n private readonly zone: NgZone\n ) {\n }\n\n render(\n cellDiv: HTMLDivElement,\n rowIndex: number,\n columnIndex: number,\n areaIdent: AreaIdent,\n areaModel: AreaModelIf,\n cellValue: any,\n domService: DomServiceIf): RendererCleanupFnType | undefined {\n\n const componentRef = createComponent(this.componentType, {\n environmentInjector: this.injector\n });\n componentRef.instance.setData(\n rowIndex,\n columnIndex,\n areaIdent,\n areaModel,\n cellValue);\n\n\n const emmiterNames = Object.keys(componentRef.instance)\n .filter(key => {\n const value = (componentRef.instance as any)[key];\n return value && isObservable(value);\n });\n\n const observables: (Observable<any>|EventEmitter<any>)[] = (emmiterNames.map(key => ((componentRef.instance as any)[key] as Observable<any>)));\n observables.forEach(obs => obs\n .pipe(\n takeUntil(this.closed$)\n )\n .subscribe((event: any) => {\n this.event$.next(event);\n })\n );\n\n if (cellDiv) cellDiv.appendChild(componentRef.location.nativeElement);\n\n this.appRef.attachView(componentRef.hostView);\n\n this.zone.run(() => {\n this.cdr.detectChanges();\n });\n\n return () => {\n // clean up:\n this.appRef.detachView(componentRef.hostView);\n this.closed$.next(Date.now());\n };\n }\n\n\n}\n","import {ApplicationRef, ChangeDetectorRef, EnvironmentInjector, Injectable, NgZone, Type} from \"@angular/core\";\nimport {ComponentRendererIf} from \"../component-renderer.if\";\nimport {RendererWrapper} from \"./renderer-wrapper\";\n\n@Injectable({\n providedIn: \"root\"\n})\nexport class RenderWrapperFactory {\n\n constructor(\n private readonly appRef: ApplicationRef,\n private readonly injector: EnvironmentInjector,\n private readonly zone: NgZone\n ) {\n }\n\n create<T>(\n componentType: Type<ComponentRendererIf<T>>,\n cdr: ChangeDetectorRef\n ) {\n return new RendererWrapper(componentType, this.appRef, this.injector, cdr, this.zone);\n }\n\n}\n","/*\n * Public API Surface of angular-table\n */\n\nexport * from './lib/table.component';\nexport * from './lib/component-renderer.if';\nexport * from './lib/service/dom-service';\nexport * from './lib/service/renderer-wrapper';\nexport * from './lib/service/render-wrapper-factory';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.DomService"],"mappings":"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"}
1
+ {"version":3,"file":"guiexpert-angular-table.mjs","names":["i1.DomService"],"sources":["../../lib/src/lib/service/dom-service.ts","../../lib/src/lib/table.component.ts","../../lib/src/lib/service/renderer-wrapper.ts","../../lib/src/lib/service/render-wrapper-factory.ts"],"sourcesContent":["import {Injectable, Renderer2} from \"@angular/core\";\nimport {DomServiceIf} from \"@guiexpert/table\";\n\n\n@Injectable({\n providedIn: \"root\"\n})\nexport class DomService implements DomServiceIf {\n\n constructor(\n readonly renderer: Renderer2,\n ) {\n }\n\n setStyle(el: any, style: string, value: any): any {\n this.renderer.setStyle(el, style, value);\n return el;\n };\n\n\n appendText(parent: HTMLDivElement, text: string): HTMLDivElement {\n const div = this.renderer.createText(text);\n this.renderer.appendChild(parent, div);\n return div;\n }\n\n\n addClass(div: HTMLDivElement, clazz: string) {\n if (clazz.includes(' ')) {\n clazz.split(' ').forEach(c => this.renderer.addClass(div, c))\n } else {\n this.renderer.addClass(div, clazz);\n }\n return div;\n }\n\n removeClass(div: HTMLDivElement, clazz: string) {\n if (clazz.includes(\" \")) {\n clazz.split(\" \").forEach(c => div.classList.remove(c));\n } else {\n div.classList.remove(clazz);\n }\n return div;\n }\n\n appendChild(parent: HTMLElement, child: HTMLElement): void {\n this.renderer.appendChild(parent, child);\n }\n\n createElement<T>(name: string): T {\n return this.renderer.createElement(name);\n }\n\n createText(text: string): HTMLElement {\n return this.renderer.createText(text);\n }\n\n setAttribute(ele: HTMLElement, key: string, value: string): void {\n this.renderer.setAttribute(ele, key, value);\n }\n\n\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n Input,\n NgZone,\n OnDestroy,\n OnInit,\n Output,\n Renderer2,\n ViewEncapsulation\n} from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { debounceTime, Subject, takeWhile } from \"rxjs\";\nimport {\n EventListenerIf, FocusModelIf,\n GeModelChangeEvent, GeScrollEvent,\n GeMouseEvent, SelectionModelIf,\n TableApi,\n TableModelIf,\n TableOptions,\n TableOptionsIf,\n TableScope\n} from '@guiexpert/table';\nimport { DomService } from \"./service/dom-service\";\n\n\n@Component({\n selector: \"guiexpert-table\",\n standalone: true,\n imports: [CommonModule],\n providers: [DomService],\n template: \"\",\n styleUrls: [\n \"./table.component.css\"\n ],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TableComponent implements OnInit, OnDestroy, EventListenerIf {\n\n @Output()\n tableReady = new Subject<TableApi>();\n\n @Output()\n scroll: Subject<GeScrollEvent> = new Subject<GeScrollEvent>();\n\n @Output()\n mouseMoved: Subject<GeMouseEvent> = new Subject<GeMouseEvent>();\n\n @Output()\n mouseDragging: Subject<GeMouseEvent> = new Subject<GeMouseEvent>();\n\n @Output()\n mouseDraggingEnded: Subject<GeMouseEvent> = new Subject<GeMouseEvent>();\n\n @Output()\n contextmenu: Subject<GeMouseEvent> = new Subject<GeMouseEvent>();\n\n @Output()\n mouseClicked: Subject<GeMouseEvent> = new Subject<GeMouseEvent>();\n\n @Output()\n modelChanged: Subject<GeModelChangeEvent> = new Subject<GeModelChangeEvent>();\n\n @Output()\n selectionChanged: Subject<SelectionModelIf> = new Subject<SelectionModelIf>();\n\n @Output()\n focusChanged: Subject<FocusModelIf> = new Subject<FocusModelIf>();\n\n @Output()\n checkboxChanged: Subject<any[]> = new Subject<any[]>();\n\n @Input()\n tableModel?: TableModelIf;\n\n @Input()\n tableOptions: TableOptionsIf = new TableOptions();\n\n @Input()\n debounceMouseClickDelay: number = 150;\n\n private debounceMouseClick: Subject<GeMouseEvent> = new Subject<GeMouseEvent>();\n\n private tableScope?: TableScope;\n private alive = true;\n\n\n constructor(\n private readonly renderer: Renderer2,\n private readonly elementRef: ElementRef,\n private readonly zone: NgZone,\n private readonly domService: DomService\n ) {\n }\n\n onSelectionChanged(model: SelectionModelIf): void {\n this.selectionChanged.next(model);\n }\n\n onFocusChanged(model: FocusModelIf): void {\n this.focusChanged.next(model);\n }\n\n onContextmenu(evt: GeMouseEvent): void {\n this.contextmenu.next(evt);\n }\n\n onScroll(evt: GeScrollEvent): void {\n this.scroll.next(evt);\n }\n\n onMouseMoved(evt: GeMouseEvent): void {\n this.mouseMoved.next(evt);\n }\n\n // will be called by table-scope:\n onMouseClicked(evt: GeMouseEvent): void {\n this.debounceMouseClick.next(evt);\n }\n\n onCheckboxChanged(arr: any[]): void {\n this.checkboxChanged.next(arr);\n }\n\n onModelChanged(evt: GeModelChangeEvent): void {\n this.modelChanged.next(evt);\n }\n\n ngOnInit(): void {\n this.initModel();\n this.debounceMouseClick\n .pipe(\n debounceTime(this.debounceMouseClickDelay),\n takeWhile(() => this.alive)\n )\n .subscribe((value) => {\n this.zone.run(() => {\n this.mouseClicked.next(value);\n });\n });\n }\n\n ngOnDestroy(): void {\n this.alive = false;\n }\n\n\n onMouseDragging(evt: GeMouseEvent): void {\n this.mouseDragging.next(evt);\n }\n\n onMouseDraggingEnd(evt: GeMouseEvent): void {\n this.mouseDraggingEnded.next(evt);\n }\n\n\n private initModel() {\n this.zone.runOutsideAngular(this.init.bind(this));\n }\n\n private init() {\n if (this.tableModel) {\n this.tableScope = new TableScope(\n this.elementRef.nativeElement, this.tableModel, this.domService, this.tableOptions, this\n );\n this.tableScope.firstInit();\n this.tableReady.next(this.tableScope.getApi());\n }\n }\n\n\n}\n","import {AreaIdent, AreaModelIf, CellRendererIf, DomServiceIf, RendererCleanupFnType} from \"@guiexpert/table\";\nimport {\n ApplicationRef,\n ChangeDetectorRef,\n createComponent,\n EnvironmentInjector,\n EventEmitter,\n NgZone,\n Type\n} from \"@angular/core\";\nimport {ComponentRendererIf} from \"../component-renderer.if\";\nimport {Observable, Subject, takeUntil} from \"rxjs\";\n\n\nfunction isObservable(value: any): value is Observable<any> {\n return value instanceof Observable || value instanceof EventEmitter;\n}\n\nexport class RendererWrapper<T extends ComponentRendererIf<T>>\n implements CellRendererIf {\n\n public readonly event$ = new EventEmitter<any>();\n private readonly closed$ = new Subject<number>();\n\n constructor(\n private componentType: Type<ComponentRendererIf<T>>,\n private appRef: ApplicationRef,\n private injector: EnvironmentInjector,\n private cdr: ChangeDetectorRef,\n private readonly zone: NgZone\n ) {\n }\n\n render(\n cellDiv: HTMLDivElement,\n rowIndex: number,\n columnIndex: number,\n areaIdent: AreaIdent,\n areaModel: AreaModelIf,\n cellValue: any,\n domService: DomServiceIf): RendererCleanupFnType | undefined {\n\n const componentRef = createComponent(this.componentType, {\n environmentInjector: this.injector\n });\n componentRef.instance.setData(\n rowIndex,\n columnIndex,\n areaIdent,\n areaModel,\n cellValue);\n\n\n const emmiterNames = Object.keys(componentRef.instance)\n .filter(key => {\n const value = (componentRef.instance as any)[key];\n return value && isObservable(value);\n });\n\n const observables: (Observable<any>|EventEmitter<any>)[] = (emmiterNames.map(key => ((componentRef.instance as any)[key] as Observable<any>)));\n observables.forEach(obs => obs\n .pipe(\n takeUntil(this.closed$)\n )\n .subscribe((event: any) => {\n this.event$.next(event);\n })\n );\n\n if (cellDiv) cellDiv.appendChild(componentRef.location.nativeElement);\n\n this.appRef.attachView(componentRef.hostView);\n\n this.zone.run(() => {\n this.cdr.detectChanges();\n });\n\n return () => {\n // clean up:\n this.appRef.detachView(componentRef.hostView);\n this.closed$.next(Date.now());\n };\n }\n\n\n}\n","import {ApplicationRef, ChangeDetectorRef, EnvironmentInjector, Injectable, NgZone, Type} from \"@angular/core\";\nimport {ComponentRendererIf} from \"../component-renderer.if\";\nimport {RendererWrapper} from \"./renderer-wrapper\";\n\n@Injectable({\n providedIn: \"root\"\n})\nexport class RenderWrapperFactory {\n\n constructor(\n private readonly appRef: ApplicationRef,\n private readonly injector: EnvironmentInjector,\n private readonly zone: NgZone\n ) {\n }\n\n create<T>(\n componentType: Type<ComponentRendererIf<T>>,\n cdr: ChangeDetectorRef\n ) {\n return new RendererWrapper(componentType, this.appRef, this.injector, cdr, this.zone);\n }\n\n}\n"],"mappings":"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"}
package/package.json CHANGED
@@ -1,14 +1,23 @@
1
1
  {
2
2
  "name": "@guiexpert/angular-table",
3
- "version": "22.1.84",
3
+ "version": "22.1.85",
4
+ "license": "MIT",
5
+ "author": "Dr. Marc Kronberg <info@gui.expert> (https://gui.expert)",
4
6
  "peerDependencies": {
5
7
  "@angular/common": "^22.0.1",
6
- "@angular/core": "^22.0.1"
8
+ "@angular/core": "^22.0.1",
9
+ "@guiexpert/table": "^1.1.85"
7
10
  },
8
11
  "dependencies": {
9
12
  "tslib": "^2.3.0"
10
13
  },
11
14
  "sideEffects": false,
15
+ "repository": {
16
+ "type": "git",
17
+ "url": "git+https://github.com/guiexperttable/mono.git",
18
+ "directory": "angular-builds/ng22"
19
+ },
20
+ "homepage": "https://gui.expert",
12
21
  "module": "fesm2022/guiexpert-angular-table.mjs",
13
22
  "typings": "types/guiexpert-angular-table.d.ts",
14
23
  "exports": {
package/types/guiexpert-angular-table.d.ts CHANGED
@@ -1,89 +1,106 @@
1
- import * as i0 from '@angular/core';
2
- import { Renderer2, OnInit, OnDestroy, ElementRef, NgZone, EventEmitter, Type, ApplicationRef, EnvironmentInjector, ChangeDetectorRef } from '@angular/core';
3
- import { Subject } from 'rxjs';
4
- import { DomServiceIf, EventListenerIf, TableApi, GeScrollEvent, GeMouseEvent, GeModelChangeEvent, SelectionModelIf, FocusModelIf, TableModelIf, TableOptionsIf, AreaIdent, AreaModelIf, RendererCleanupFnType, CellRendererIf } from '@guiexpert/table';
5
-
6
- declare class DomService implements DomServiceIf {
7
- readonly renderer: Renderer2;
8
- constructor(renderer: Renderer2);
9
- setStyle(el: any, style: string, value: any): any;
10
- appendText(parent: HTMLDivElement, text: string): HTMLDivElement;
11
- addClass(div: HTMLDivElement, clazz: string): HTMLDivElement;
12
- removeClass(div: HTMLDivElement, clazz: string): HTMLDivElement;
13
- appendChild(parent: HTMLElement, child: HTMLElement): void;
14
- createElement<T>(name: string): T;
15
- createText(text: string): HTMLElement;
16
- setAttribute(ele: HTMLElement, key: string, value: string): void;
17
- static ɵfac: i0.ɵɵFactoryDeclaration<DomService, never>;
18
- static ɵprov: i0.ɵɵInjectableDeclaration<DomService>;
1
+ import * as i0 from "@angular/core";
2
+ import { ApplicationRef, ChangeDetectorRef, ElementRef, EnvironmentInjector, EventEmitter, NgZone, OnDestroy, OnInit, Renderer2, Type } from "@angular/core";
3
+ import { Subject } from "rxjs";
4
+ import { AreaIdent, AreaModelIf, CellRendererIf, DomServiceIf, EventListenerIf, FocusModelIf, GeModelChangeEvent, GeMouseEvent, GeScrollEvent, RendererCleanupFnType, SelectionModelIf, TableApi, TableModelIf, TableOptionsIf } from "@guiexpert/table";
5
+ export declare class DomService implements DomServiceIf {
6
+ readonly renderer: Renderer2;
7
+ constructor(renderer: Renderer2);
8
+ setStyle(el: any, style: string, value: any): any;
9
+ appendText(parent: HTMLDivElement, text: string): HTMLDivElement;
10
+ addClass(div: HTMLDivElement, clazz: string): HTMLDivElement;
11
+ removeClass(div: HTMLDivElement, clazz: string): HTMLDivElement;
12
+ appendChild(parent: HTMLElement, child: HTMLElement): void;
13
+ createElement<T>(name: string): T;
14
+ createText(text: string): HTMLElement;
15
+ setAttribute(ele: HTMLElement, key: string, value: string): void;
16
+ static ɵfac: i0.ɵɵFactoryDeclaration<DomService, never>;
17
+ static ɵprov: i0.ɵɵInjectableDeclaration<any>;
19
18
  }
20
-
21
- declare class TableComponent implements OnInit, OnDestroy, EventListenerIf {
22
- private readonly renderer;
23
- private readonly elementRef;
24
- private readonly zone;
25
- private readonly domService;
26
- tableReady: Subject<TableApi>;
27
- scroll: Subject<GeScrollEvent>;
28
- mouseMoved: Subject<GeMouseEvent>;
29
- mouseDragging: Subject<GeMouseEvent>;
30
- mouseDraggingEnded: Subject<GeMouseEvent>;
31
- contextmenu: Subject<GeMouseEvent>;
32
- mouseClicked: Subject<GeMouseEvent>;
33
- modelChanged: Subject<GeModelChangeEvent>;
34
- selectionChanged: Subject<SelectionModelIf>;
35
- focusChanged: Subject<FocusModelIf>;
36
- checkboxChanged: Subject<any[]>;
37
- tableModel?: TableModelIf;
38
- tableOptions: TableOptionsIf;
39
- debounceMouseClickDelay: number;
40
- private debounceMouseClick;
41
- private tableScope?;
42
- private alive;
43
- constructor(renderer: Renderer2, elementRef: ElementRef, zone: NgZone, domService: DomService);
44
- onSelectionChanged(model: SelectionModelIf): void;
45
- onFocusChanged(model: FocusModelIf): void;
46
- onContextmenu(evt: GeMouseEvent): void;
47
- onScroll(evt: GeScrollEvent): void;
48
- onMouseMoved(evt: GeMouseEvent): void;
49
- onMouseClicked(evt: GeMouseEvent): void;
50
- onCheckboxChanged(arr: any[]): void;
51
- onModelChanged(evt: GeModelChangeEvent): void;
52
- ngOnInit(): void;
53
- ngOnDestroy(): void;
54
- onMouseDragging(evt: GeMouseEvent): void;
55
- onMouseDraggingEnd(evt: GeMouseEvent): void;
56
- private initModel;
57
- private init;
58
- static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent, never>;
59
- static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "guiexpert-table", never, { "tableModel": { "alias": "tableModel"; "required": false; }; "tableOptions": { "alias": "tableOptions"; "required": false; }; "debounceMouseClickDelay": { "alias": "debounceMouseClickDelay"; "required": false; }; }, { "tableReady": "tableReady"; "scroll": "scroll"; "mouseMoved": "mouseMoved"; "mouseDragging": "mouseDragging"; "mouseDraggingEnded": "mouseDraggingEnded"; "contextmenu": "contextmenu"; "mouseClicked": "mouseClicked"; "modelChanged": "modelChanged"; "selectionChanged": "selectionChanged"; "focusChanged": "focusChanged"; "checkboxChanged": "checkboxChanged"; }, never, never, true, never>;
19
+ export declare class TableComponent implements OnInit, OnDestroy, EventListenerIf {
20
+ private readonly renderer;
21
+ private readonly elementRef;
22
+ private readonly zone;
23
+ private readonly domService;
24
+ tableReady: Subject<TableApi>;
25
+ scroll: Subject<GeScrollEvent>;
26
+ mouseMoved: Subject<GeMouseEvent>;
27
+ mouseDragging: Subject<GeMouseEvent>;
28
+ mouseDraggingEnded: Subject<GeMouseEvent>;
29
+ contextmenu: Subject<GeMouseEvent>;
30
+ mouseClicked: Subject<GeMouseEvent>;
31
+ modelChanged: Subject<GeModelChangeEvent>;
32
+ selectionChanged: Subject<SelectionModelIf>;
33
+ focusChanged: Subject<FocusModelIf>;
34
+ checkboxChanged: Subject<any[]>;
35
+ tableModel?: TableModelIf;
36
+ tableOptions: TableOptionsIf;
37
+ debounceMouseClickDelay: number;
38
+ private debounceMouseClick;
39
+ private tableScope?;
40
+ private alive;
41
+ constructor(renderer: Renderer2, elementRef: ElementRef, zone: NgZone, domService: DomService);
42
+ onSelectionChanged(model: SelectionModelIf): void;
43
+ onFocusChanged(model: FocusModelIf): void;
44
+ onContextmenu(evt: GeMouseEvent): void;
45
+ onScroll(evt: GeScrollEvent): void;
46
+ onMouseMoved(evt: GeMouseEvent): void;
47
+ onMouseClicked(evt: GeMouseEvent): void;
48
+ onCheckboxChanged(arr: any[]): void;
49
+ onModelChanged(evt: GeModelChangeEvent): void;
50
+ ngOnInit(): void;
51
+ ngOnDestroy(): void;
52
+ onMouseDragging(evt: GeMouseEvent): void;
53
+ onMouseDraggingEnd(evt: GeMouseEvent): void;
54
+ private initModel;
55
+ private init;
56
+ static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent, never>;
57
+ static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "guiexpert-table", never, {
58
+ "tableModel": {
59
+ "alias": "tableModel";
60
+ "required": false;
61
+ };
62
+ "tableOptions": {
63
+ "alias": "tableOptions";
64
+ "required": false;
65
+ };
66
+ "debounceMouseClickDelay": {
67
+ "alias": "debounceMouseClickDelay";
68
+ "required": false;
69
+ };
70
+ }, {
71
+ "tableReady": "tableReady";
72
+ "scroll": "scroll";
73
+ "mouseMoved": "mouseMoved";
74
+ "mouseDragging": "mouseDragging";
75
+ "mouseDraggingEnded": "mouseDraggingEnded";
76
+ "contextmenu": "contextmenu";
77
+ "mouseClicked": "mouseClicked";
78
+ "modelChanged": "modelChanged";
79
+ "selectionChanged": "selectionChanged";
80
+ "focusChanged": "focusChanged";
81
+ "checkboxChanged": "checkboxChanged";
82
+ }, never, never, true, never>;
60
83
  }
61
-
62
- interface ComponentRendererIf<T> {
63
- setData(rowIndex: number, columnIndex: number, areaIdent: AreaIdent, areaModel: AreaModelIf, cellValue: any): RendererCleanupFnType | undefined;
84
+ export interface ComponentRendererIf<T> {
85
+ setData(rowIndex: number, columnIndex: number, areaIdent: AreaIdent, areaModel: AreaModelIf, cellValue: any): RendererCleanupFnType | undefined;
64
86
  }
65
-
66
- declare class RendererWrapper<T extends ComponentRendererIf<T>> implements CellRendererIf {
67
- private componentType;
68
- private appRef;
69
- private injector;
70
- private cdr;
71
- private readonly zone;
72
- readonly event$: EventEmitter<any>;
73
- private readonly closed$;
74
- constructor(componentType: Type<ComponentRendererIf<T>>, appRef: ApplicationRef, injector: EnvironmentInjector, cdr: ChangeDetectorRef, zone: NgZone);
75
- render(cellDiv: HTMLDivElement, rowIndex: number, columnIndex: number, areaIdent: AreaIdent, areaModel: AreaModelIf, cellValue: any, domService: DomServiceIf): RendererCleanupFnType | undefined;
87
+ export declare class RendererWrapper<T extends ComponentRendererIf<T>> implements CellRendererIf {
88
+ private componentType;
89
+ private appRef;
90
+ private injector;
91
+ private cdr;
92
+ private readonly zone;
93
+ readonly event$: EventEmitter<any>;
94
+ private readonly closed$;
95
+ constructor(componentType: Type<ComponentRendererIf<T>>, appRef: ApplicationRef, injector: EnvironmentInjector, cdr: ChangeDetectorRef, zone: NgZone);
96
+ render(cellDiv: HTMLDivElement, rowIndex: number, columnIndex: number, areaIdent: AreaIdent, areaModel: AreaModelIf, cellValue: any, domService: DomServiceIf): RendererCleanupFnType | undefined;
76
97
  }
77
-
78
- declare class RenderWrapperFactory {
79
- private readonly appRef;
80
- private readonly injector;
81
- private readonly zone;
82
- constructor(appRef: ApplicationRef, injector: EnvironmentInjector, zone: NgZone);
83
- create<T>(componentType: Type<ComponentRendererIf<T>>, cdr: ChangeDetectorRef): RendererWrapper<ComponentRendererIf<T>>;
84
- static ɵfac: i0.ɵɵFactoryDeclaration<RenderWrapperFactory, never>;
85
- static ɵprov: i0.ɵɵInjectableDeclaration<RenderWrapperFactory>;
86
- }
87
-
88
- export { DomService, RenderWrapperFactory, RendererWrapper, TableComponent };
89
- export type { ComponentRendererIf };
98
+ export declare class RenderWrapperFactory {
99
+ private readonly appRef;
100
+ private readonly injector;
101
+ private readonly zone;
102
+ constructor(appRef: ApplicationRef, injector: EnvironmentInjector, zone: NgZone);
103
+ create<T>(componentType: Type<ComponentRendererIf<T>>, cdr: ChangeDetectorRef): RendererWrapper<ComponentRendererIf<T>>;
104
+ static ɵfac: i0.ɵɵFactoryDeclaration<RenderWrapperFactory, never>;
105
+ static ɵprov: i0.ɵɵInjectableDeclaration<any>;
106
+ }