@guiexpert/angular-table 16.0.9 → 16.0.12

package/README.md

@@ -17,7 +17,7 @@ This is the UI-agnostic table component for your next web app. 😊
 | 16.x.x                 | ^16.0.7                  |
 | 15.x.x                 | ^15.0.2                  |
 | 14.x.x                 | ^14.0.3                  |
-  |
+|
 
 
 ### Features
@@ -80,7 +80,7 @@ Add guiexpert-table component to a template:
   class="table-div"
 ></guiexpert-table>
 ```
-    
+
 
 Add two properties (tableModel and tableOptions) to the component:
 
@@ -113,5 +113,5 @@ tableOptions = {
 
 ```
 
-There are numerous possibilities to create table models. 
+There are numerous possibilities to create table models.
 Please refer to the [Documentation](https://gui.expert/doc) for further information or the [Demo](https://gui.expert/demos) section for examples.

package/esm2022/guiexpert-angular-table.mjs

@@ -1,5 +1,5 @@
 /**
  * Generated bundle index. Do not edit.
  */
-export * from './index';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3VpZXhwZXJ0LWFuZ3VsYXItdGFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItdGFibGUvc3JjL2d1aWV4cGVydC1hbmd1bGFyLXRhYmxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3VpZXhwZXJ0LWFuZ3VsYXItdGFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLXRhYmxlL3NyYy9ndWlleHBlcnQtYW5ndWxhci10YWJsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19

package/esm2022/lib/component-renderer.if.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LXJlbmRlcmVyLmlmLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci10YWJsZS9zcmMvbGliL2NvbXBvbmVudC1yZW5kZXJlci5pZi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtBcmVhSWRlbnQsIEFyZWFNb2RlbElmLCBSZW5kZXJlckNsZWFudXBGblR5cGV9IGZyb20gXCJAZ3VpZXhwZXJ0L3RhYmxlXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQ29tcG9uZW50UmVuZGVyZXJJZjxUPiB7XG5cbiAgc2V0RGF0YShcbiAgICByb3dJbmRleDogbnVtYmVyLFxuICAgIGNvbHVtbkluZGV4OiBudW1iZXIsXG4gICAgYXJlYUlkZW50OiBBcmVhSWRlbnQsXG4gICAgYXJlYU1vZGVsOiBBcmVhTW9kZWxJZixcbiAgICBjZWxsVmFsdWU6IGFueSk6IFJlbmRlcmVyQ2xlYW51cEZuVHlwZSB8IHVuZGVmaW5lZDtcblxufVxuIl19

package/esm2022/lib/service/dom-service.mjs

@@ -0,0 +1,56 @@
+import { Injectable } from "@angular/core";
+import * as i0 from "@angular/core";
+export class DomService {
+    constructor(renderer) {
+        this.renderer = renderer;
+    }
+    setStyle(el, style, value) {
+        this.renderer.setStyle(el, style, value);
+        return el;
+    }
+    ;
+    appendText(parent, text) {
+        const div = this.renderer.createText(text);
+        this.renderer.appendChild(parent, div);
+        return div;
+    }
+    addClass(div, clazz) {
+        if (clazz.includes(' ')) {
+            clazz.split(' ').forEach(c => this.renderer.addClass(div, c));
+        }
+        else {
+            this.renderer.addClass(div, clazz);
+        }
+        return div;
+    }
+    removeClass(div, clazz) {
+        if (clazz.includes(" ")) {
+            clazz.split(" ").forEach(c => div.classList.remove(c));
+        }
+        else {
+            div.classList.remove(clazz);
+        }
+        return div;
+    }
+    appendChild(parent, child) {
+        this.renderer.appendChild(parent, child);
+    }
+    createElement(name) {
+        return this.renderer.createElement(name);
+    }
+    createText(text) {
+        return this.renderer.createText(text);
+    }
+    setAttribute(ele, key, value) {
+        this.renderer.setAttribute(ele, key, value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DomService, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DomService, providedIn: "root" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DomService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: "root"
+                }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9tLXNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLXRhYmxlL3NyYy9saWIvc2VydmljZS9kb20tc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsVUFBVSxFQUFZLE1BQU0sZUFBZSxDQUFDOztBQU9wRCxNQUFNLE9BQU8sVUFBVTtJQUVyQixZQUNXLFFBQW1CO1FBQW5CLGFBQVEsR0FBUixRQUFRLENBQVc7SUFFOUIsQ0FBQztJQUVELFFBQVEsQ0FBQyxFQUFPLEVBQUUsS0FBYSxFQUFFLEtBQVU7UUFDekMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsRUFBRSxFQUFFLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQztRQUN6QyxPQUFPLEVBQUUsQ0FBQztJQUNaLENBQUM7SUFBQSxDQUFDO0lBR0YsVUFBVSxDQUFDLE1BQXNCLEVBQUUsSUFBWTtRQUM3QyxNQUFNLEdBQUcsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUMzQyxJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxNQUFNLEVBQUUsR0FBRyxDQUFDLENBQUM7UUFDdkMsT0FBTyxHQUFHLENBQUM7SUFDYixDQUFDO0lBR0QsUUFBUSxDQUFDLEdBQW1CLEVBQUUsS0FBYTtRQUN6QyxJQUFJLEtBQUssQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLEVBQUU7WUFDdkIsS0FBSyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQTtTQUM5RDthQUFNO1lBQ0wsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsR0FBRyxFQUFFLEtBQUssQ0FBQyxDQUFDO1NBQ3BDO1FBQ0QsT0FBTyxHQUFHLENBQUM7SUFDYixDQUFDO0lBRUQsV0FBVyxDQUFDLEdBQW1CLEVBQUUsS0FBYTtRQUM1QyxJQUFJLEtBQUssQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLEVBQUU7WUFDdkIsS0FBSyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxHQUFHLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1NBQ3hEO2FBQU07WUFDTCxHQUFHLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUM3QjtRQUNELE9BQU8sR0FBRyxDQUFDO0lBQ2IsQ0FBQztJQUVELFdBQVcsQ0FBQyxNQUFtQixFQUFFLEtBQWtCO1FBQ2pELElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUMsQ0FBQztJQUMzQyxDQUFDO0lBRUQsYUFBYSxDQUFJLElBQVk7UUFDM0IsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMzQyxDQUFDO0lBRUQsVUFBVSxDQUFDLElBQVk7UUFDckIsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN4QyxDQUFDO0lBRUQsWUFBWSxDQUFDLEdBQWdCLEVBQUUsR0FBVyxFQUFFLEtBQWE7UUFDdkQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxZQUFZLENBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLENBQUMsQ0FBQztJQUM5QyxDQUFDOytHQXBEVSxVQUFVO21IQUFWLFVBQVUsY0FGVCxNQUFNOzs0RkFFUCxVQUFVO2tCQUh0QixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7SW5qZWN0YWJsZSwgUmVuZGVyZXIyfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHtEb21TZXJ2aWNlSWZ9IGZyb20gXCJAZ3VpZXhwZXJ0L3RhYmxlXCI7XG5cblxuQEluamVjdGFibGUoe1xuICBwcm92aWRlZEluOiBcInJvb3RcIlxufSlcbmV4cG9ydCBjbGFzcyBEb21TZXJ2aWNlIGltcGxlbWVudHMgRG9tU2VydmljZUlmIHtcblxuICBjb25zdHJ1Y3RvcihcbiAgICByZWFkb25seSByZW5kZXJlcjogUmVuZGVyZXIyLFxuICApIHtcbiAgfVxuXG4gIHNldFN0eWxlKGVsOiBhbnksIHN0eWxlOiBzdHJpbmcsIHZhbHVlOiBhbnkpOiBhbnkge1xuICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUoZWwsIHN0eWxlLCB2YWx1ZSk7XG4gICAgcmV0dXJuIGVsO1xuICB9O1xuXG5cbiAgYXBwZW5kVGV4dChwYXJlbnQ6IEhUTUxEaXZFbGVtZW50LCB0ZXh0OiBzdHJpbmcpOiBIVE1MRGl2RWxlbWVudCB7XG4gICAgY29uc3QgZGl2ID0gdGhpcy5yZW5kZXJlci5jcmVhdGVUZXh0KHRleHQpO1xuICAgIHRoaXMucmVuZGVyZXIuYXBwZW5kQ2hpbGQocGFyZW50LCBkaXYpO1xuICAgIHJldHVybiBkaXY7XG4gIH1cblxuXG4gIGFkZENsYXNzKGRpdjogSFRNTERpdkVsZW1lbnQsIGNsYXp6OiBzdHJpbmcpIHtcbiAgICBpZiAoY2xhenouaW5jbHVkZXMoJyAnKSkge1xuICAgICAgY2xhenouc3BsaXQoJyAnKS5mb3JFYWNoKGMgPT4gdGhpcy5yZW5kZXJlci5hZGRDbGFzcyhkaXYsIGMpKVxuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnJlbmRlcmVyLmFkZENsYXNzKGRpdiwgY2xhenopO1xuICAgIH1cbiAgICByZXR1cm4gZGl2O1xuICB9XG5cbiAgcmVtb3ZlQ2xhc3MoZGl2OiBIVE1MRGl2RWxlbWVudCwgY2xheno6IHN0cmluZykge1xuICAgIGlmIChjbGF6ei5pbmNsdWRlcyhcIiBcIikpIHtcbiAgICAgIGNsYXp6LnNwbGl0KFwiIFwiKS5mb3JFYWNoKGMgPT4gZGl2LmNsYXNzTGlzdC5yZW1vdmUoYykpO1xuICAgIH0gZWxzZSB7XG4gICAgICBkaXYuY2xhc3NMaXN0LnJlbW92ZShjbGF6eik7XG4gICAgfVxuICAgIHJldHVybiBkaXY7XG4gIH1cblxuICBhcHBlbmRDaGlsZChwYXJlbnQ6IEhUTUxFbGVtZW50LCBjaGlsZDogSFRNTEVsZW1lbnQpOiB2b2lkIHtcbiAgICB0aGlzLnJlbmRlcmVyLmFwcGVuZENoaWxkKHBhcmVudCwgY2hpbGQpO1xuICB9XG5cbiAgY3JlYXRlRWxlbWVudDxUPihuYW1lOiBzdHJpbmcpOiBUIHtcbiAgICByZXR1cm4gdGhpcy5yZW5kZXJlci5jcmVhdGVFbGVtZW50KG5hbWUpO1xuICB9XG5cbiAgY3JlYXRlVGV4dCh0ZXh0OiBzdHJpbmcpOiBIVE1MRWxlbWVudCB7XG4gICAgcmV0dXJuIHRoaXMucmVuZGVyZXIuY3JlYXRlVGV4dCh0ZXh0KTtcbiAgfVxuXG4gIHNldEF0dHJpYnV0ZShlbGU6IEhUTUxFbGVtZW50LCBrZXk6IHN0cmluZywgdmFsdWU6IHN0cmluZyk6IHZvaWQge1xuICAgIHRoaXMucmVuZGVyZXIuc2V0QXR0cmlidXRlKGVsZSwga2V5LCB2YWx1ZSk7XG4gIH1cblxuXG59XG4iXX0=

package/esm2022/lib/service/render-wrapper-factory.mjs

@@ -0,0 +1,22 @@
+import { Injectable } from "@angular/core";
+import { RendererWrapper } from "./renderer-wrapper";
+import * as i0 from "@angular/core";
+export class RenderWrapperFactory {
+    constructor(appRef, injector, zone) {
+        this.appRef = appRef;
+        this.injector = injector;
+        this.zone = zone;
+    }
+    create(componentType, cdr) {
+        return new RendererWrapper(componentType, this.appRef, this.injector, cdr, this.zone);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RenderWrapperFactory, deps: [{ token: i0.ApplicationRef }, { token: i0.EnvironmentInjector }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RenderWrapperFactory, providedIn: "root" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RenderWrapperFactory, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: "root"
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ApplicationRef }, { type: i0.EnvironmentInjector }, { type: i0.NgZone }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVuZGVyLXdyYXBwZXItZmFjdG9yeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItdGFibGUvc3JjL2xpYi9zZXJ2aWNlL3JlbmRlci13cmFwcGVyLWZhY3RvcnkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUF5RCxVQUFVLEVBQWUsTUFBTSxlQUFlLENBQUM7QUFFL0csT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLG9CQUFvQixDQUFDOztBQUtuRCxNQUFNLE9BQU8sb0JBQW9CO0lBRS9CLFlBQ21CLE1BQXNCLEVBQ3RCLFFBQTZCLEVBQzdCLElBQVk7UUFGWixXQUFNLEdBQU4sTUFBTSxDQUFnQjtRQUN0QixhQUFRLEdBQVIsUUFBUSxDQUFxQjtRQUM3QixTQUFJLEdBQUosSUFBSSxDQUFRO0lBRS9CLENBQUM7SUFFRCxNQUFNLENBQ0osYUFBMkMsRUFDM0MsR0FBc0I7UUFFdEIsT0FBTyxJQUFJLGVBQWUsQ0FBQyxhQUFhLEVBQUUsSUFBSSxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsUUFBUSxFQUFFLEdBQUcsRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDeEYsQ0FBQzsrR0FkVSxvQkFBb0I7bUhBQXBCLG9CQUFvQixjQUZuQixNQUFNOzs0RkFFUCxvQkFBb0I7a0JBSGhDLFVBQVU7bUJBQUM7b0JBQ1YsVUFBVSxFQUFFLE1BQU07aUJBQ25CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtBcHBsaWNhdGlvblJlZiwgQ2hhbmdlRGV0ZWN0b3JSZWYsIEVudmlyb25tZW50SW5qZWN0b3IsIEluamVjdGFibGUsIE5nWm9uZSwgVHlwZX0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7Q29tcG9uZW50UmVuZGVyZXJJZn0gZnJvbSBcIi4uL2NvbXBvbmVudC1yZW5kZXJlci5pZlwiO1xuaW1wb3J0IHtSZW5kZXJlcldyYXBwZXJ9IGZyb20gXCIuL3JlbmRlcmVyLXdyYXBwZXJcIjtcblxuQEluamVjdGFibGUoe1xuICBwcm92aWRlZEluOiBcInJvb3RcIlxufSlcbmV4cG9ydCBjbGFzcyBSZW5kZXJXcmFwcGVyRmFjdG9yeSB7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSByZWFkb25seSBhcHBSZWY6IEFwcGxpY2F0aW9uUmVmLFxuICAgIHByaXZhdGUgcmVhZG9ubHkgaW5qZWN0b3I6IEVudmlyb25tZW50SW5qZWN0b3IsXG4gICAgcHJpdmF0ZSByZWFkb25seSB6b25lOiBOZ1pvbmVcbiAgKSB7XG4gIH1cblxuICBjcmVhdGU8VD4oXG4gICAgY29tcG9uZW50VHlwZTogVHlwZTxDb21wb25lbnRSZW5kZXJlcklmPFQ+PixcbiAgICBjZHI6IENoYW5nZURldGVjdG9yUmVmXG4gICkge1xuICAgIHJldHVybiBuZXcgUmVuZGVyZXJXcmFwcGVyKGNvbXBvbmVudFR5cGUsIHRoaXMuYXBwUmVmLCB0aGlzLmluamVjdG9yLCBjZHIsIHRoaXMuem9uZSk7XG4gIH1cblxufVxuIl19

package/esm2022/lib/service/renderer-wrapper.mjs

@@ -0,0 +1,44 @@
+import { createComponent, EventEmitter } from "@angular/core";
+import { Subject, takeUntil } from "rxjs";
+export class RendererWrapper {
+    constructor(componentType, appRef, injector, cdr, zone) {
+        this.componentType = componentType;
+        this.appRef = appRef;
+        this.injector = injector;
+        this.cdr = cdr;
+        this.zone = zone;
+        this.event$ = new EventEmitter();
+        this.closed$ = new Subject();
+    }
+    render(cellDiv, rowIndex, columnIndex, areaIdent, areaModel, cellValue, domService) {
+        const componentRef = createComponent(this.componentType, {
+            environmentInjector: this.injector
+        });
+        componentRef.instance.setData(rowIndex, columnIndex, areaIdent, areaModel, cellValue);
+        const emmiterNames = Object.keys(componentRef.instance)
+            .filter(key => {
+            // @ts-ignore
+            const t = componentRef.instance[key];
+            return t['subscribe'];
+        });
+        // @ts-ignore
+        const observables = (emmiterNames.map(key => componentRef.instance[key]));
+        observables.forEach(obs => obs
+            .pipe(takeUntil(this.closed$))
+            .subscribe((event) => {
+            console.info('RendererWrapper event >', event); // TODO hmm?
+            this.event$.next(event);
+        }));
+        cellDiv.appendChild(componentRef.location.nativeElement);
+        this.appRef.attachView(componentRef.hostView);
+        this.zone.run(() => {
+            this.cdr.detectChanges();
+        });
+        return () => {
+            // clean up:
+            this.appRef.detachView(componentRef.hostView);
+            this.closed$.next(Date.now());
+        };
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVuZGVyZXItd3JhcHBlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItdGFibGUvc3JjL2xpYi9zZXJ2aWNlL3JlbmRlcmVyLXdyYXBwZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUdMLGVBQWUsRUFFZixZQUFZLEVBR2IsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFDLE9BQU8sRUFBRSxTQUFTLEVBQUMsTUFBTSxNQUFNLENBQUM7QUFJeEMsTUFBTSxPQUFPLGVBQWU7SUFNMUIsWUFDVSxhQUEyQyxFQUMzQyxNQUFzQixFQUN0QixRQUE2QixFQUM3QixHQUFzQixFQUNiLElBQVk7UUFKckIsa0JBQWEsR0FBYixhQUFhLENBQThCO1FBQzNDLFdBQU0sR0FBTixNQUFNLENBQWdCO1FBQ3RCLGFBQVEsR0FBUixRQUFRLENBQXFCO1FBQzdCLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBQ2IsU0FBSSxHQUFKLElBQUksQ0FBUTtRQVJmLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBQ2hDLFlBQU8sR0FBRyxJQUFJLE9BQU8sRUFBVSxDQUFDO0lBU2pELENBQUM7SUFFRCxNQUFNLENBQ0osT0FBdUIsRUFDdkIsUUFBZ0IsRUFDaEIsV0FBbUIsRUFDbkIsU0FBb0IsRUFDcEIsU0FBc0IsRUFDdEIsU0FBYyxFQUNkLFVBQXdCO1FBRXhCLE1BQU0sWUFBWSxHQUFHLGVBQWUsQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFO1lBQ3ZELG1CQUFtQixFQUFFLElBQUksQ0FBQyxRQUFRO1NBQ25DLENBQUMsQ0FBQztRQUNILFlBQVksQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUMzQixRQUFRLEVBQ1IsV0FBVyxFQUNYLFNBQVMsRUFDVCxTQUFTLEVBQ1QsU0FBUyxDQUFDLENBQUM7UUFHYixNQUFNLFlBQVksR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUM7YUFDcEQsTUFBTSxDQUFDLEdBQUcsQ0FBQyxFQUFFO1lBQ1osYUFBYTtZQUNiLE1BQU0sQ0FBQyxHQUFHLFlBQVksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLENBQUM7WUFDckMsT0FBTyxDQUFDLENBQUMsV0FBVyxDQUFDLENBQUE7UUFDdkIsQ0FBQyxDQUFDLENBQUM7UUFFTCxhQUFhO1FBQ2IsTUFBTSxXQUFXLEdBQWlCLENBQUMsWUFBWSxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFFLFlBQVksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFnQixDQUFDLENBQUMsQ0FBQztRQUN4RyxXQUFXLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRzthQUMzQixJQUFJLENBQ0gsU0FBUyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FDeEI7YUFDQSxTQUFTLENBQUMsQ0FBQyxLQUFVLEVBQUUsRUFBRTtZQUN4QixPQUFPLENBQUMsSUFBSSxDQUFDLHlCQUF5QixFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsWUFBWTtZQUM1RCxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMxQixDQUFDLENBQUMsQ0FDSCxDQUFDO1FBRUYsT0FBTyxDQUFDLFdBQVcsQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBRXpELElBQUksQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUU5QyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLEVBQUU7WUFDakIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUMzQixDQUFDLENBQUMsQ0FBQztRQUVILE9BQU8sR0FBRyxFQUFFO1lBQ1YsWUFBWTtZQUNaLElBQUksQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQztZQUM5QyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQztRQUNoQyxDQUFDLENBQUM7SUFDSixDQUFDO0NBR0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0FyZWFJZGVudCwgQXJlYU1vZGVsSWYsIENlbGxSZW5kZXJlcklmLCBEb21TZXJ2aWNlSWYsIFJlbmRlcmVyQ2xlYW51cEZuVHlwZX0gZnJvbSBcIkBndWlleHBlcnQvdGFibGVcIjtcbmltcG9ydCB7XG4gIEFwcGxpY2F0aW9uUmVmLFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgY3JlYXRlQ29tcG9uZW50LFxuICBFbnZpcm9ubWVudEluamVjdG9yLFxuICBFdmVudEVtaXR0ZXIsXG4gIE5nWm9uZSxcbiAgVHlwZVxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHtDb21wb25lbnRSZW5kZXJlcklmfSBmcm9tIFwiLi4vY29tcG9uZW50LXJlbmRlcmVyLmlmXCI7XG5pbXBvcnQge1N1YmplY3QsIHRha2VVbnRpbH0gZnJvbSBcInJ4anNcIjtcbmltcG9ydCB7T2JzZXJ2YWJsZX0gZnJvbSBcInJ4anMvaW50ZXJuYWwvT2JzZXJ2YWJsZVwiO1xuXG5cbmV4cG9ydCBjbGFzcyBSZW5kZXJlcldyYXBwZXI8VCBleHRlbmRzIENvbXBvbmVudFJlbmRlcmVySWY8VD4+XG4gIGltcGxlbWVudHMgQ2VsbFJlbmRlcmVySWYge1xuXG4gIHB1YmxpYyByZWFkb25seSBldmVudCQgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgcHJpdmF0ZSByZWFkb25seSBjbG9zZWQkID0gbmV3IFN1YmplY3Q8bnVtYmVyPigpO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgY29tcG9uZW50VHlwZTogVHlwZTxDb21wb25lbnRSZW5kZXJlcklmPFQ+PixcbiAgICBwcml2YXRlIGFwcFJlZjogQXBwbGljYXRpb25SZWYsXG4gICAgcHJpdmF0ZSBpbmplY3RvcjogRW52aXJvbm1lbnRJbmplY3RvcixcbiAgICBwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgcHJpdmF0ZSByZWFkb25seSB6b25lOiBOZ1pvbmVcbiAgKSB7XG4gIH1cblxuICByZW5kZXIoXG4gICAgY2VsbERpdjogSFRNTERpdkVsZW1lbnQsXG4gICAgcm93SW5kZXg6IG51bWJlcixcbiAgICBjb2x1bW5JbmRleDogbnVtYmVyLFxuICAgIGFyZWFJZGVudDogQXJlYUlkZW50LFxuICAgIGFyZWFNb2RlbDogQXJlYU1vZGVsSWYsXG4gICAgY2VsbFZhbHVlOiBhbnksXG4gICAgZG9tU2VydmljZTogRG9tU2VydmljZUlmKTogUmVuZGVyZXJDbGVhbnVwRm5UeXBlIHwgdW5kZWZpbmVkIHtcblxuICAgIGNvbnN0IGNvbXBvbmVudFJlZiA9IGNyZWF0ZUNvbXBvbmVudCh0aGlzLmNvbXBvbmVudFR5cGUsIHtcbiAgICAgIGVudmlyb25tZW50SW5qZWN0b3I6IHRoaXMuaW5qZWN0b3JcbiAgICB9KTtcbiAgICBjb21wb25lbnRSZWYuaW5zdGFuY2Uuc2V0RGF0YShcbiAgICAgIHJvd0luZGV4LFxuICAgICAgY29sdW1uSW5kZXgsXG4gICAgICBhcmVhSWRlbnQsXG4gICAgICBhcmVhTW9kZWwsXG4gICAgICBjZWxsVmFsdWUpO1xuXG5cbiAgICBjb25zdCBlbW1pdGVyTmFtZXMgPSBPYmplY3Qua2V5cyhjb21wb25lbnRSZWYuaW5zdGFuY2UpXG4gICAgICAuZmlsdGVyKGtleSA9PiB7XG4gICAgICAgIC8vIEB0cy1pZ25vcmVcbiAgICAgICAgY29uc3QgdCA9IGNvbXBvbmVudFJlZi5pbnN0YW5jZVtrZXldO1xuICAgICAgICByZXR1cm4gdFsnc3Vic2NyaWJlJ11cbiAgICAgIH0pO1xuXG4gICAgLy8gQHRzLWlnbm9yZVxuICAgIGNvbnN0IG9ic2VydmFibGVzOiBPYnNlcnZhYmxlW10gPSAoZW1taXRlck5hbWVzLm1hcChrZXkgPT4gKGNvbXBvbmVudFJlZi5pbnN0YW5jZVtrZXldIGFzIE9ic2VydmFibGUpKSk7XG4gICAgb2JzZXJ2YWJsZXMuZm9yRWFjaChvYnMgPT4gb2JzXG4gICAgICAucGlwZShcbiAgICAgICAgdGFrZVVudGlsKHRoaXMuY2xvc2VkJClcbiAgICAgIClcbiAgICAgIC5zdWJzY3JpYmUoKGV2ZW50OiBhbnkpID0+IHtcbiAgICAgICAgY29uc29sZS5pbmZvKCdSZW5kZXJlcldyYXBwZXIgZXZlbnQgPicsIGV2ZW50KTsgLy8gVE9ETyBobW0/XG4gICAgICAgIHRoaXMuZXZlbnQkLm5leHQoZXZlbnQpO1xuICAgICAgfSlcbiAgICApO1xuXG4gICAgY2VsbERpdi5hcHBlbmRDaGlsZChjb21wb25lbnRSZWYubG9jYXRpb24ubmF0aXZlRWxlbWVudCk7XG5cbiAgICB0aGlzLmFwcFJlZi5hdHRhY2hWaWV3KGNvbXBvbmVudFJlZi5ob3N0Vmlldyk7XG5cbiAgICB0aGlzLnpvbmUucnVuKCgpID0+IHtcbiAgICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcbiAgICB9KTtcblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICAvLyBjbGVhbiB1cDpcbiAgICAgIHRoaXMuYXBwUmVmLmRldGFjaFZpZXcoY29tcG9uZW50UmVmLmhvc3RWaWV3KTtcbiAgICAgIHRoaXMuY2xvc2VkJC5uZXh0KERhdGUubm93KCkpO1xuICAgIH07XG4gIH1cblxuXG59XG4iXX0=

package/esm2022/lib/table.component.mjs

@@ -0,0 +1,113 @@
+import { ChangeDetectionStrategy, Component, Input, Output, ViewEncapsulation } from "@angular/core";
+import { CommonModule } from "@angular/common";
+import { debounceTime, Subject, takeWhile } from "rxjs";
+import { TableOptions, TableScope } from '@guiexpert/table';
+import { DomService } from "./service/dom-service";
+import * as i0 from "@angular/core";
+import * as i1 from "./service/dom-service";
+export class TableComponent {
+    constructor(renderer, elementRef, zone, domService) {
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+        this.zone = zone;
+        this.domService = domService;
+        this.tableReady = new Subject();
+        this.mouseMoved = new Subject();
+        this.mouseDragging = new Subject();
+        this.mouseDraggingEnded = new Subject();
+        this.contextmenu = new Subject();
+        this.mouseClicked = new Subject();
+        this.modelChanged = new Subject();
+        this.selectionChanged = new Subject();
+        this.focusChanged = new Subject();
+        this.checkboxChanged = new Subject();
+        this.tableOptions = new TableOptions();
+        this.debounceMouseClickDelay = 150;
+        this.debounceMouseClick = new Subject();
+        this.alive = true;
+    }
+    onSelectionChanged(model) {
+        this.selectionChanged.next(model);
+    }
+    onFocusChanged(model) {
+        this.focusChanged.next(model);
+    }
+    onContextmenu(evt) {
+        this.contextmenu.next(evt);
+    }
+    onMouseMoved(evt) {
+        this.mouseMoved.next(evt);
+    }
+    // will be called by table-scope:
+    onMouseClicked(evt) {
+        this.debounceMouseClick.next(evt);
+    }
+    onCheckboxChanged(arr) {
+        this.checkboxChanged.next(arr);
+    }
+    onModelChanged(evt) {
+        this.modelChanged.next(evt);
+    }
+    ngOnInit() {
+        this.initModel();
+        this.debounceMouseClick
+            .pipe(debounceTime(this.debounceMouseClickDelay), takeWhile(() => this.alive))
+            .subscribe((value) => {
+            this.zone.run(() => {
+                this.mouseClicked.next(value);
+            });
+        });
+    }
+    ngOnDestroy() {
+        this.alive = false;
+    }
+    onMouseDragging(evt) {
+        this.mouseDragging.next(evt);
+    }
+    onMouseDraggingEnd(evt) {
+        this.mouseDraggingEnded.next(evt);
+    }
+    initModel() {
+        this.zone.runOutsideAngular(this.init.bind(this));
+    }
+    init() {
+        if (this.tableModel) {
+            this.tableScope = new TableScope(this.elementRef.nativeElement, this.tableModel, this.domService, this.tableOptions, this);
+            this.tableScope.firstInit();
+            this.tableReady.next(this.tableScope.getApi());
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.DomService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TableComponent, isStandalone: true, selector: "guiexpert-table", inputs: { tableModel: "tableModel", tableOptions: "tableOptions", debounceMouseClickDelay: "debounceMouseClickDelay" }, outputs: { tableReady: "tableReady", mouseMoved: "mouseMoved", mouseDragging: "mouseDragging", mouseDraggingEnded: "mouseDraggingEnded", contextmenu: "contextmenu", mouseClicked: "mouseClicked", modelChanged: "modelChanged", selectionChanged: "selectionChanged", focusChanged: "focusChanged", checkboxChanged: "checkboxChanged" }, providers: [DomService], ngImport: i0, template: "", isInline: true, styles: ["@import\"node_modules/@guiexpert/table/css/main.css\";\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "guiexpert-table", standalone: true, imports: [CommonModule], providers: [DomService], template: "", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@import\"node_modules/@guiexpert/table/css/main.css\";\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i1.DomService }]; }, propDecorators: { tableReady: [{
+                type: Output
+            }], mouseMoved: [{
+                type: Output
+            }], mouseDragging: [{
+                type: Output
+            }], mouseDraggingEnded: [{
+                type: Output
+            }], contextmenu: [{
+                type: Output
+            }], mouseClicked: [{
+                type: Output
+            }], modelChanged: [{
+                type: Output
+            }], selectionChanged: [{
+                type: Output
+            }], focusChanged: [{
+                type: Output
+            }], checkboxChanged: [{
+                type: Output
+            }], tableModel: [{
+                type: Input
+            }], tableOptions: [{
+                type: Input
+            }], debounceMouseClickDelay: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci10YWJsZS9zcmMvbGliL3RhYmxlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFFVCxLQUFLLEVBSUwsTUFBTSxFQUVOLGlCQUFpQixFQUNsQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFlBQVksRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ3hELE9BQU8sRUFNTCxZQUFZLEVBRVosVUFBVSxFQUNYLE1BQU0sa0JBQWtCLENBQUM7QUFDMUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHVCQUF1QixDQUFDOzs7QUFlbkQsTUFBTSxPQUFPLGNBQWM7SUFnRHpCLFlBQ21CLFFBQW1CLEVBQ25CLFVBQXNCLEVBQ3RCLElBQVksRUFDWixVQUFzQjtRQUh0QixhQUFRLEdBQVIsUUFBUSxDQUFXO1FBQ25CLGVBQVUsR0FBVixVQUFVLENBQVk7UUFDdEIsU0FBSSxHQUFKLElBQUksQ0FBUTtRQUNaLGVBQVUsR0FBVixVQUFVLENBQVk7UUFqRHpDLGVBQVUsR0FBRyxJQUFJLE9BQU8sRUFBWSxDQUFDO1FBR3JDLGVBQVUsR0FBMEIsSUFBSSxPQUFPLEVBQWdCLENBQUM7UUFHaEUsa0JBQWEsR0FBMEIsSUFBSSxPQUFPLEVBQWdCLENBQUM7UUFHbkUsdUJBQWtCLEdBQTBCLElBQUksT0FBTyxFQUFnQixDQUFDO1FBR3hFLGdCQUFXLEdBQTBCLElBQUksT0FBTyxFQUFnQixDQUFDO1FBR2pFLGlCQUFZLEdBQTBCLElBQUksT0FBTyxFQUFnQixDQUFDO1FBR2xFLGlCQUFZLEdBQWdDLElBQUksT0FBTyxFQUFzQixDQUFDO1FBSTlFLHFC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QUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxNQUFNLEVBQUUsQ0FBQyxDQUFDO1NBQ2hEO0lBQ0gsQ0FBQzsrR0E5SFUsY0FBYzttR0FBZCxjQUFjLGlnQkFSZCxDQUFDLFVBQVUsQ0FBQywwQkFDYixFQUFFLGlJQUZGLFlBQVk7OzRGQVNYLGNBQWM7a0JBWjFCLFNBQVM7K0JBQ0UsaUJBQWlCLGNBQ2YsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDLGFBQ1osQ0FBQyxVQUFVLENBQUMsWUFDYixFQUFFLGlCQUlHLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU07dUtBSy9DLFVBQVU7c0JBRFQsTUFBTTtnQkFJUCxVQUFVO3NCQURULE1BQU07Z0JBSVAsYUFBYTtzQkFEWixNQUFNO2dCQUlQLGtCQUFrQjtzQkFEakIsTUFBTTtnQkFJUCxXQUFXO3NCQURWLE1BQU07Z0JBSVAsWUFBWTtzQkFEWCxNQUFNO2dCQUlQLFlBQVk7c0JBRFgsTUFBTTtnQkFLUCxnQkFBZ0I7c0JBRGYsTUFBTTtnQkFJUCxZQUFZO3NCQURYLE1BQU07Z0JBSVAsZUFBZTtzQkFEZCxNQUFNO2dCQUlQLFVBQVU7c0JBRFQsS0FBSztnQkFJTixZQUFZO3NCQURYLEtBQUs7Z0JBSU4sdUJBQXVCO3NCQUR0QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgSW5wdXQsXG4gIE5nWm9uZSxcbiAgT25EZXN0cm95LFxuICBPbkluaXQsXG4gIE91dHB1dCxcbiAgUmVuZGVyZXIyLFxuICBWaWV3RW5jYXBzdWxhdGlvblxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiO1xuaW1wb3J0IHsgZGVib3VuY2VUaW1lLCBTdWJqZWN0LCB0YWtlV2hpbGUgfSBmcm9tIFwicnhqc1wiO1xuaW1wb3J0IHtcbiAgRXZlbnRMaXN0ZW5lcklmLCBGb2N1c01vZGVsSWYsXG4gIEdlTW9kZWxDaGFuZ2VFdmVudCxcbiAgR2VNb3VzZUV2ZW50LCBTZWxlY3Rpb25Nb2RlbElmLFxuICBUYWJsZUFwaSxcbiAgVGFibGVNb2RlbElmLFxuICBUYWJsZU9wdGlvbnMsXG4gIFRhYmxlT3B0aW9uc0lmLFxuICBUYWJsZVNjb3BlXG59IGZyb20gJ0BndWlleHBlcnQvdGFibGUnO1xuaW1wb3J0IHsgRG9tU2VydmljZSB9IGZyb20gXCIuL3NlcnZpY2UvZG9tLXNlcnZpY2VcIjtcblxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwiZ3VpZXhwZXJ0LXRhYmxlXCIsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBwcm92aWRlcnM6IFtEb21TZXJ2aWNlXSxcbiAgdGVtcGxhdGU6IFwiXCIsXG4gIHN0eWxlVXJsczogW1xuICAgIFwiLi90YWJsZS5jb21wb25lbnQuY3NzXCJcbiAgXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgVGFibGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSwgRXZlbnRMaXN0ZW5lcklmIHtcblxuICBAT3V0cHV0KClcbiAgdGFibGVSZWFkeSA9IG5ldyBTdWJqZWN0PFRhYmxlQXBpPigpO1xuXG4gIEBPdXRwdXQoKVxuICBtb3VzZU1vdmVkOiBTdWJqZWN0PEdlTW91c2VFdmVudD4gPSBuZXcgU3ViamVjdDxHZU1vdXNlRXZlbnQ+KCk7XG5cbiAgQE91dHB1dCgpXG4gIG1vdXNlRHJhZ2dpbmc6IFN1YmplY3Q8R2VNb3VzZUV2ZW50PiA9IG5ldyBTdWJqZWN0PEdlTW91c2VFdmVudD4oKTtcblxuICBAT3V0cHV0KClcbiAgbW91c2VEcmFnZ2luZ0VuZGVkOiBTdWJqZWN0PEdlTW91c2VFdmVudD4gPSBuZXcgU3ViamVjdDxHZU1vdXNlRXZlbnQ+KCk7XG5cbiAgQE91dHB1dCgpXG4gIGNvbnRleHRtZW51OiBTdWJqZWN0PEdlTW91c2VFdmVudD4gPSBuZXcgU3ViamVjdDxHZU1vdXNlRXZlbnQ+KCk7XG5cbiAgQE91dHB1dCgpXG4gIG1vdXNlQ2xpY2tlZDogU3ViamVjdDxHZU1vdXNlRXZlbnQ+ID0gbmV3IFN1YmplY3Q8R2VNb3VzZUV2ZW50PigpO1xuXG4gIEBPdXRwdXQoKVxuICBtb2RlbENoYW5nZWQ6IFN1YmplY3Q8R2VNb2RlbENoYW5nZUV2ZW50PiA9IG5ldyBTdWJqZWN0PEdlTW9kZWxDaGFuZ2VFdmVudD4oKTtcblxuXG4gIEBPdXRwdXQoKVxuICBzZWxlY3Rpb25DaGFuZ2VkOiBTdWJqZWN0PFNlbGVjdGlvbk1vZGVsSWY+ID0gbmV3IFN1YmplY3Q8U2VsZWN0aW9uTW9kZWxJZj4oKTtcblxuICBAT3V0cHV0KClcbiAgZm9jdXNDaGFuZ2VkOiBTdWJqZWN0PEZvY3VzTW9kZWxJZj4gPSBuZXcgU3ViamVjdDxGb2N1c01vZGVsSWY+KCk7XG5cbiAgQE91dHB1dCgpXG4gIGNoZWNrYm94Q2hhbmdlZDogU3ViamVjdDxhbnlbXT4gPSBuZXcgU3ViamVjdDxhbnlbXT4oKTtcblxuICBASW5wdXQoKVxuICB0YWJsZU1vZGVsPzogVGFibGVNb2RlbElmO1xuXG4gIEBJbnB1dCgpXG4gIHRhYmxlT3B0aW9uczogVGFibGVPcHRpb25zSWYgPSBuZXcgVGFibGVPcHRpb25zKCk7XG5cbiAgQElucHV0KClcbiAgZGVib3VuY2VNb3VzZUNsaWNrRGVsYXk6IG51bWJlciA9IDE1MDtcblxuICBwcml2YXRlIGRlYm91bmNlTW91c2VDbGljazogU3ViamVjdDxHZU1vdXNlRXZlbnQ+ID0gbmV3IFN1YmplY3Q8R2VNb3VzZUV2ZW50PigpO1xuXG4gIHByaXZhdGUgdGFibGVTY29wZT86IFRhYmxlU2NvcGU7XG4gIHByaXZhdGUgYWxpdmUgPSB0cnVlO1xuXG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSByZWFkb25seSByZW5kZXJlcjogUmVuZGVyZXIyLFxuICAgIHByaXZhdGUgcmVhZG9ubHkgZWxlbWVudFJlZjogRWxlbWVudFJlZixcbiAgICBwcml2YXRlIHJlYWRvbmx5IHpvbmU6IE5nWm9uZSxcbiAgICBwcml2YXRlIHJlYWRvbmx5IGRvbVNlcnZpY2U6IERvbVNlcnZpY2VcbiAgKSB7XG4gIH1cblxuXG4gIG9uU2VsZWN0aW9uQ2hhbmdlZChtb2RlbDogU2VsZWN0aW9uTW9kZWxJZik6IHZvaWQge1xuICAgIHRoaXMuc2VsZWN0aW9uQ2hhbmdlZC5uZXh0KG1vZGVsKTtcbiAgfVxuXG4gIG9uRm9jdXNDaGFuZ2VkKG1vZGVsOiBGb2N1c01vZGVsSWYpOiB2b2lkIHtcbiAgICB0aGlzLmZvY3VzQ2hhbmdlZC5uZXh0KG1vZGVsKTtcbiAgfVxuXG4gIG9uQ29udGV4dG1lbnUoZXZ0OiBHZU1vdXNlRXZlbnQpOiB2b2lkIHtcbiAgICB0aGlzLmNvbnRleHRtZW51Lm5leHQoZXZ0KTtcbiAgfVxuXG4gIG9uTW91c2VNb3ZlZChldnQ6IEdlTW91c2VFdmVudCk6IHZvaWQge1xuICAgIHRoaXMubW91c2VNb3ZlZC5uZXh0KGV2dCk7XG4gIH1cblxuICAvLyB3aWxsIGJlIGNhbGxlZCBieSB0YWJsZS1zY29wZTpcbiAgb25Nb3VzZUNsaWNrZWQoZXZ0OiBHZU1vdXNlRXZlbnQpOiB2b2lkIHtcbiAgICB0aGlzLmRlYm91bmNlTW91c2VDbGljay5uZXh0KGV2dCk7XG4gIH1cblxuICBvbkNoZWNrYm94Q2hhbmdlZChhcnI6IGFueVtdKTogdm9pZCB7XG4gICAgdGhpcy5jaGVja2JveENoYW5nZWQubmV4dChhcnIpO1xuICB9XG5cbiAgb25Nb2RlbENoYW5nZWQoZXZ0OiBHZU1vZGVsQ2hhbmdlRXZlbnQpOiB2b2lkIHtcbiAgICB0aGlzLm1vZGVsQ2hhbmdlZC5uZXh0KGV2dCk7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmluaXRNb2RlbCgpO1xuICAgIHRoaXMuZGVib3VuY2VNb3VzZUNsaWNrXG4gICAgICAucGlwZShcbiAgICAgICAgZGVib3VuY2VUaW1lKHRoaXMuZGVib3VuY2VNb3VzZUNsaWNrRGVsYXkpLFxuICAgICAgICB0YWtlV2hpbGUoKCkgPT4gdGhpcy5hbGl2ZSlcbiAgICAgIClcbiAgICAgIC5zdWJzY3JpYmUoKHZhbHVlKSA9PiB7XG4gICAgICAgIHRoaXMuem9uZS5ydW4oKCkgPT4ge1xuICAgICAgICAgIHRoaXMubW91c2VDbGlja2VkLm5leHQodmFsdWUpO1xuICAgICAgICB9KTtcbiAgICAgIH0pO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5hbGl2ZSA9IGZhbHNlO1xuICB9XG5cblxuICBvbk1vdXNlRHJhZ2dpbmcoZXZ0OiBHZU1vdXNlRXZlbnQpOiB2b2lkIHtcbiAgICB0aGlzLm1vdXNlRHJhZ2dpbmcubmV4dChldnQpO1xuICB9XG5cbiAgb25Nb3VzZURyYWdnaW5nRW5kKGV2dDogR2VNb3VzZUV2ZW50KTogdm9pZCB7XG4gICAgdGhpcy5tb3VzZURyYWdnaW5nRW5kZWQubmV4dChldnQpO1xuICB9XG5cblxuICBwcml2YXRlIGluaXRNb2RlbCgpIHtcbiAgICB0aGlzLnpvbmUucnVuT3V0c2lkZUFuZ3VsYXIodGhpcy5pbml0LmJpbmQodGhpcykpO1xuICB9XG5cbiAgcHJpdmF0ZSBpbml0KCkge1xuICAgIGlmICh0aGlzLnRhYmxlTW9kZWwpIHtcbiAgICAgIHRoaXMudGFibGVTY29wZSA9IG5ldyBUYWJsZVNjb3BlKFxuICAgICAgICB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgdGhpcy50YWJsZU1vZGVsLCB0aGlzLmRvbVNlcnZpY2UsIHRoaXMudGFibGVPcHRpb25zLCB0aGlzXG4gICAgICApO1xuICAgICAgdGhpcy50YWJsZVNjb3BlLmZpcnN0SW5pdCgpO1xuICAgICAgdGhpcy50YWJsZVJlYWR5Lm5leHQodGhpcy50YWJsZVNjb3BlLmdldEFwaSgpKTtcbiAgICB9XG4gIH1cblxuXG59XG4iXX0=

package/esm2022/public-api.mjs

@@ -0,0 +1,9 @@
+/*
+ * Public API Surface of angular-table
+ */
+export * from './lib/table.component';
+export * from './lib/component-renderer.if';
+export * from './lib/service/dom-service';
+export * from './lib/service/renderer-wrapper';
+export * from './lib/service/render-wrapper-factory';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItdGFibGUvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsc0NBQXNDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIGFuZ3VsYXItdGFibGVcbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi90YWJsZS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50LXJlbmRlcmVyLmlmJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NlcnZpY2UvZG9tLXNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc2VydmljZS9yZW5kZXJlci13cmFwcGVyJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NlcnZpY2UvcmVuZGVyLXdyYXBwZXItZmFjdG9yeSc7XG4iXX0=

package/fesm2022/guiexpert-angular-table.mjs

@@ -1,11 +1,10 @@
 import * as i0 from '@angular/core';
-import { Injectable, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, Output, EventEmitter, createComponent } from '@angular/core';
+import { Injectable, Component, ViewEncapsulation, ChangeDetectionStrategy, Output, Input, EventEmitter, createComponent } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { Subject, debounceTime, takeWhile, takeUntil } from 'rxjs';
-import { LicenseManager, TableOptions, TableScope } from '@guiexpert/table';
+import { TableOptions, TableScope } from '@guiexpert/table';
 
 class DomService {
-    renderer;
     constructor(renderer) {
         this.renderer = renderer;
     }
@@ -49,160 +48,42 @@ class DomService {
     setAttribute(ele, key, value) {
         this.renderer.setAttribute(ele, key, value);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: DomService, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: DomService, providedIn: "root" });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DomService, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DomService, providedIn: "root" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: DomService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DomService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: "root"
                 }]
-        }], ctorParameters: () => [{ type: i0.Renderer2 }] });
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }]; } });
 
-/**
- * TableComponent is a reusable GUI component that displays tabular data.
- * It provides various event outputs for user interactions such as mouse movement, dragging, clicking, etc.
- * It requires a TableModelIf instance to specify the data and TableOptionsIf instance to configure the appearance and behavior.
- *
- * @example
- * <guiexpert-table
- *   [licenseKey]="licenseKey"
- *   [tableModel]="tableModel"
- *   [tableOptions]="tableOptions"
- *   [debounceMouseClickDelay]="150"
- *   (tableReady)="handleTableReady($event)"
- *   (mouseMoved)="handleMouseMoved($event)"
- *   (mouseDragging)="handleMouseDragging($event)"
- *   (mouseDraggingEnded)="handleMouseDraggingEnded($event)"
- *   (contextmenu)="handleContextMenu($event)"
- *   (mouseClicked)="handleMouseClicked($event)"
- *   (modelChanged)="handleModelChanged($event)"
- *   (checkboxChanged)="handleCheckboxChanged($event)">
- * </guiexpert-table>
- *
- * @requires CommonModule from '@angular/common'
- * @requires DomService
- *
- * @remarks
- * This component is designed to be standalone and should not have any parent components wrapping it.
- * It uses OnPush change detection strategy and has ViewEncapsulation.None encapsulation.
- *
- * @publicApi
- */
 class TableComponent {
-    renderer;
-    elementRef;
-    zone;
-    domService;
-    /**
-     * Set the license key for the LicenseManager.
-     *
-     * @param {string} key - The license key to set.
-     * @returns {void}
-     */
-    set licenseKey(key) {
-        LicenseManager.getInstance().setLicenseKey(key);
-    }
-    /**
-     * Represents a Subject variable used to notify subscribers when a table is ready.
-     *
-     * @type {Subject<TableApi>}
-     */
-    tableReady = new Subject();
-    /**
-     * Represents the event emitter for the mouse moved event.
-     *
-     * @type {Subject<GeMouseEvent>}
-     * @memberOf MyApplication
-     */
-    mouseMoved = new Subject();
-    /**
-     * Represents a variable for tracking mouse dragging events.
-     *
-     * @type {Subject<GeMouseEvent>}
-     */
-    mouseDragging = new Subject();
-    /**
-     * An instance of `Subject` that represents the event when mouse dragging has ended.
-     *
-     * @type {Subject<GeMouseEvent>}
-     * @memberof [Your Object/Class/Module]
-     */
-    mouseDraggingEnded = new Subject();
-    /**
-     * Represents the context menu event subject.
-     *
-     * @name contextmenu
-     * @type {Subject<GeMouseEvent>}
-     *
-     * @description
-     * The `contextmenu` variable is an instance of the `Subject` class from the 'rxjs' library.
-     * It is used for broadcasting context menu events of type `GeMouseEvent`.
-     * Other parts of the code can subscribe to this subject to be notified when a context menu event occurs.
-     * The subject allows multiple observers to receive the event simultaneously.
-     */
-    contextmenu = new Subject();
-    /**
-     * Represents a stream of mouse click events.
-     *
-     * @type {Subject<GeMouseEvent>}
-     */
-    mouseClicked = new Subject();
-    /**
-     * A variable representing an observable subject for model change events.
-     *
-     * @type {Subject<GeModelChangeEvent>}
-     */
-    modelChanged = new Subject();
-    /**
-     * Represents a Subject that emits an array of any type when a checkbox is changed.
-     *
-     * @type {Subject<any[]>}
-     */
-    checkboxChanged = new Subject();
-    /**
-     * Represents a table model.
-     *
-     * @typedef {object} TableModel
-     * @property {any[]} [data] - An array containing the data for the table rows.
-     * @property {string[]} [headers] - An array containing the table column headers.
-     * @property {function} [updateData] - A function that updates the data in the table.
-     * @property {function} [updateHeaders] - A function that updates the column headers in the table.
-     * @property {function} [getData] - A function that retrieves the current data in the table.
-     * @property {function} [getHeaders] - A function that retrieves the column headers in the table.
-     */
-    tableModel;
-    /**
-     * Represents the options for configuring a table.
-     *
-     * @typedef {Object} TableOptions
-     * @property {string} [option1] - Optional property to configure option1.
-     * @property {number} [option2] - Optional property to configure option2.
-     * @property {boolean} [option3] - Optional property to configure option3.
-     * @property {any[]} [option4] - Optional property to configure option4.
-     *
-     * @example
-     * const tableOptions: TableOptions = new TableOptions();
-     * tableOptions.option1 = 'value1';
-     * tableOptions.option2 = 5;
-     * tableOptions.option3 = true;
-     * tableOptions.option4 = [1, 2, 3];
-     */
-    tableOptions = new TableOptions();
-    /**
-     * The debounceMouseClickDelay variable represents the delay in milliseconds for debouncing mouse clicks.
-     *
-     * @type {number}
-     */
-    debounceMouseClickDelay = 150;
-    debounceMouseClick = new Subject();
-    tableScope;
-    alive = true;
     constructor(renderer, elementRef, zone, domService) {
         this.renderer = renderer;
         this.elementRef = elementRef;
         this.zone = zone;
         this.domService = domService;
+        this.tableReady = new Subject();
+        this.mouseMoved = new Subject();
+        this.mouseDragging = new Subject();
+        this.mouseDraggingEnded = new Subject();
+        this.contextmenu = new Subject();
+        this.mouseClicked = new Subject();
+        this.modelChanged = new Subject();
+        this.selectionChanged = new Subject();
+        this.focusChanged = new Subject();
+        this.checkboxChanged = new Subject();
+        this.tableOptions = new TableOptions();
+        this.debounceMouseClickDelay = 150;
+        this.debounceMouseClick = new Subject();
+        this.alive = true;
+    }
+    onSelectionChanged(model) {
+        this.selectionChanged.next(model);
+    }
+    onFocusChanged(model) {
+        this.focusChanged.next(model);
     }
     onContextmenu(evt) {
         this.contextmenu.next(evt);
@@ -224,7 +105,11 @@ class TableComponent {
         this.initModel();
         this.debounceMouseClick
             .pipe(debounceTime(this.debounceMouseClickDelay), takeWhile(() => this.alive))
-            .subscribe((value) => this.mouseClicked.next(value));
+            .subscribe((value) => {
+            this.zone.run(() => {
+                this.mouseClicked.next(value);
+            });
+        });
     }
     ngOnDestroy() {
         this.alive = false;
@@ -245,15 +130,13 @@ class TableComponent {
             this.tableReady.next(this.tableScope.getApi());
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: TableComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: DomService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: TableComponent, isStandalone: true, selector: "guiexpert-table", inputs: { licenseKey: "licenseKey", tableModel: "tableModel", tableOptions: "tableOptions", debounceMouseClickDelay: "debounceMouseClickDelay" }, outputs: { tableReady: "tableReady", mouseMoved: "mouseMoved", mouseDragging: "mouseDragging", mouseDraggingEnded: "mouseDraggingEnded", contextmenu: "contextmenu", mouseClicked: "mouseClicked", modelChanged: "modelChanged", checkboxChanged: "checkboxChanged" }, providers: [DomService], ngImport: i0, template: "", isInline: true, styles: ["@import\"../../../../table/css/table-classes.css\";@import\"../../../../table/css/table-tree.css\";@import\"../../../../table/css/table-color-vars.css\";@import\"../../../../table/css/table-color-classes.css\";\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: DomService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TableComponent, isStandalone: true, selector: "guiexpert-table", inputs: { tableModel: "tableModel", tableOptions: "tableOptions", debounceMouseClickDelay: "debounceMouseClickDelay" }, outputs: { tableReady: "tableReady", mouseMoved: "mouseMoved", mouseDragging: "mouseDragging", mouseDraggingEnded: "mouseDraggingEnded", contextmenu: "contextmenu", mouseClicked: "mouseClicked", modelChanged: "modelChanged", selectionChanged: "selectionChanged", focusChanged: "focusChanged", checkboxChanged: "checkboxChanged" }, providers: [DomService], ngImport: i0, template: "", isInline: true, styles: ["@import\"node_modules/@guiexpert/table/css/main.css\";\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: TableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableComponent, decorators: [{
             type: Component,
-            args: [{ selector: "guiexpert-table", standalone: true, imports: [CommonModule], providers: [DomService], template: "", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@import\"../../../../table/css/table-classes.css\";@import\"../../../../table/css/table-tree.css\";@import\"../../../../table/css/table-color-vars.css\";@import\"../../../../table/css/table-color-classes.css\";\n"] }]
-        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: DomService }], propDecorators: { licenseKey: [{
-                type: Input
-            }], tableReady: [{
+            args: [{ selector: "guiexpert-table", standalone: true, imports: [CommonModule], providers: [DomService], template: "", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@import\"node_modules/@guiexpert/table/css/main.css\";\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: DomService }]; }, propDecorators: { tableReady: [{
                 type: Output
             }], mouseMoved: [{
                 type: Output
@@ -267,6 +150,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImpor
                 type: Output
             }], modelChanged: [{
                 type: Output
+            }], selectionChanged: [{
+                type: Output
+            }], focusChanged: [{
+                type: Output
             }], checkboxChanged: [{
                 type: Output
             }], tableModel: [{
@@ -278,19 +165,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImpor
             }] } });
 
 class RendererWrapper {
-    componentType;
-    appRef;
-    injector;
-    cdr;
-    zone;
-    event$ = new EventEmitter();
-    closed$ = new Subject();
     constructor(componentType, appRef, injector, cdr, zone) {
         this.componentType = componentType;
         this.appRef = appRef;
         this.injector = injector;
         this.cdr = cdr;
         this.zone = zone;
+        this.event$ = new EventEmitter();
+        this.closed$ = new Subject();
     }
     render(cellDiv, rowIndex, columnIndex, areaIdent, areaModel, cellValue, domService) {
         const componentRef = createComponent(this.componentType, {
@@ -325,9 +207,6 @@ class RendererWrapper {
 }
 
 class RenderWrapperFactory {
-    appRef;
-    injector;
-    zone;
     constructor(appRef, injector, zone) {
         this.appRef = appRef;
         this.injector = injector;
@@ -336,15 +215,19 @@ class RenderWrapperFactory {
     create(componentType, cdr) {
         return new RendererWrapper(componentType, this.appRef, this.injector, cdr, this.zone);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: RenderWrapperFactory, deps: [{ token: i0.ApplicationRef }, { token: i0.EnvironmentInjector }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: RenderWrapperFactory, providedIn: "root" });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RenderWrapperFactory, deps: [{ token: i0.ApplicationRef }, { token: i0.EnvironmentInjector }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RenderWrapperFactory, providedIn: "root" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: RenderWrapperFactory, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RenderWrapperFactory, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: "root"
                 }]
-        }], ctorParameters: () => [{ type: i0.ApplicationRef }, { type: i0.EnvironmentInjector }, { type: i0.NgZone }] });
+        }], ctorParameters: function () { return [{ type: i0.ApplicationRef }, { type: i0.EnvironmentInjector }, { type: i0.NgZone }]; } });
+
+/*
+ * Public API Surface of angular-table
+ */
 
 /**
  * Generated bundle index. Do not edit.