@coolon/angular-ui-powerups 16.1.0-aplpha.91 → 16.1.0-aplpha.92

package/fesm2022/coolon-angular-ui-powerups.mjs

@@ -3209,17 +3209,6 @@ class AbstractTableComponent extends DisposableComponent {
     #showHeader_accessor_storage = true;
     get showHeader() { return this.#showHeader_accessor_storage; }
     set showHeader(value) { this.#showHeader_accessor_storage = value; }
-    #enableScrolling$_accessor_storage = proxify((ValueModel));
-    /**
-     * Set to true to enable scrolling.  Once enabled the table will have 0 implicit height.  You will either
-     * need to set it explicitly e.g. height: 400px; or by using flex or grid layout to make it fill it's
-     * containment area.
-     */
-    get enableScrolling$() { return this.#enableScrolling$_accessor_storage; }
-    set enableScrolling$(value) { this.#enableScrolling$_accessor_storage = value; }
-    #enableScrolling_accessor_storage = false;
-    get enableScrolling() { return this.#enableScrolling_accessor_storage; }
-    set enableScrolling(value) { this.#enableScrolling_accessor_storage = value; }
     columns;
     columnIds;
     columnsById;
@@ -3273,7 +3262,7 @@ class AbstractTableComponent extends DisposableComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: AbstractTableComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: AbstractTableComponent, selector: "aup-abstract-table", inputs: { showHeader$: "showHeader$", showHeader: "showHeader", enableScrolling$: "enableScrolling$", enableScrolling: "enableScrolling" }, host: { properties: { "class": "this.baseCssClass" } }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: AbstractTableComponent, selector: "aup-abstract-table", inputs: { showHeader$: "showHeader$", showHeader: "showHeader" }, host: { properties: { "class": "this.baseCssClass" } }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 }
 __decorate([
     Proxify(),
@@ -3283,14 +3272,6 @@ __decorate([
     StoreInValueModel(),
     __metadata("design:type", Object)
 ], AbstractTableComponent.prototype, "showHeader", null);
-__decorate([
-    Proxify(),
-    __metadata("design:type", ValueModel)
-], AbstractTableComponent.prototype, "enableScrolling$", null);
-__decorate([
-    StoreInValueModel(),
-    __metadata("design:type", Boolean)
-], AbstractTableComponent.prototype, "enableScrolling", null);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: AbstractTableComponent, decorators: [{
             type: Component,
             args: [{
@@ -3301,10 +3282,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImpor
                 type: Input
             }], showHeader: [{
                 type: Input
-            }], enableScrolling$: [{
-                type: Input
-            }], enableScrolling: [{
-                type: Input
             }], baseCssClass: [{
                 type: HostBinding,
                 args: ['class']
@@ -5030,13 +5007,22 @@ class TableComponent extends AbstractTableComponent {
     get filterModel() { return this.#filterModel_accessor_storage; }
     set filterModel(value) { this.#filterModel_accessor_storage = value; }
     tableBody;
+    #scrolling$_accessor_storage = proxify((ValueModel));
+    /**
+     * Set to true to enable scrolling.  Once enabled the table will have 0 implicit height.  You will either
+     * need to set it explicitly e.g. height: 400px; or by using flex or grid layout to make it fill it's
+     * containment area.
+     */
+    get scrolling$() { return this.#scrolling$_accessor_storage; }
+    set scrolling$(value) { this.#scrolling$_accessor_storage = value; }
+    #scrolling_accessor_storage = "none";
+    get scrolling() { return this.#scrolling_accessor_storage; }
+    set scrolling(value) { this.#scrolling_accessor_storage = value; }
     _footerContentAdded = false;
     _filteredRows$ = this.registerDisposable(new DelegatingListModel());
-    scrollMode$;
     constructor(injector) {
         super(injector);
         const { chain, when } = Dsl.disposeWith(this);
-        this.scrollMode$ = chain(this.enableScrolling$).map(enabled => enabled ? "virtual" : "none");
     }
     ngOnInit() {
         super.ngOnInit();
@@ -5060,9 +5046,9 @@ class TableComponent extends AbstractTableComponent {
         this._footerContentAdded = true;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TableComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TableComponent, selector: "aup-table", inputs: { tableModel: "tableModel", filterModel: "filterModel" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TableComponent, selector: "aup-table", inputs: { tableModel: "tableModel", filterModel: "filterModel", scrolling$: "scrolling$", scrolling: "scrolling" }, providers: [
             { provide: AbstractTableComponent, useExisting: TableComponent }
-        ], viewQueries: [{ propertyName: "tableBody", first: true, predicate: TableBodyComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<aup-table-body [data$]=\"visibleRows$\"\n                [tableModel]=\"tableModel\"\n                [showHeader$]=\"showHeader$\"\n                [scrollMode$]=\"scrollMode$\"\n                [trackBy]=\"trackBy\"\n                [aupHighlightTextModel]=\"highlightText$\"\n></aup-table-body>\n<section class=\"table-footer\">\n  <div class=\"footer-content\"><ng-content select=\"[footer], [slot=footer]\"></ng-content></div>\n</section>\n", styles: [":host{display:flex;flex-direction:column;align-items:stretch}aup-table-body{flex:1}.table-footer{display:flex;flex-direction:row;align-items:center}.table-footer .footer-content{flex:1}\n"], dependencies: [{ kind: "directive", type: HighlightTextModelDirective, selector: "[aupHighlightTextModel]", inputs: ["aupHighlightTextModel"] }, { kind: "component", type: TableBodyComponent, selector: "aup-table-body", inputs: ["data$", "tableModel", "showHeader$", "showHeader", "trackBy", "scrollMode$", "scrollMode"] }] });
+        ], viewQueries: [{ propertyName: "tableBody", first: true, predicate: TableBodyComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<aup-table-body [data$]=\"visibleRows$\"\n                [tableModel]=\"tableModel\"\n                [showHeader$]=\"showHeader$\"\n                [scrollMode$]=\"scrolling$\"\n                [trackBy]=\"trackBy\"\n                [aupHighlightTextModel]=\"highlightText$\"\n></aup-table-body>\n<section class=\"table-footer\">\n  <div class=\"footer-content\"><ng-content select=\"[footer], [slot=footer]\"></ng-content></div>\n</section>\n", styles: [":host{display:flex;flex-direction:column;align-items:stretch}aup-table-body{flex:1}.table-footer{display:flex;flex-direction:row;align-items:center}.table-footer .footer-content{flex:1}\n"], dependencies: [{ kind: "directive", type: HighlightTextModelDirective, selector: "[aupHighlightTextModel]", inputs: ["aupHighlightTextModel"] }, { kind: "component", type: TableBodyComponent, selector: "aup-table-body", inputs: ["data$", "tableModel", "showHeader$", "showHeader", "trackBy", "scrollMode$", "scrollMode"] }] });
 }
 __decorate([
     Proxify(),
@@ -5072,11 +5058,19 @@ __decorate([
     Proxify(),
     __metadata("design:type", Object)
 ], TableComponent.prototype, "filterModel", null);
+__decorate([
+    Proxify(),
+    __metadata("design:type", ValueModel)
+], TableComponent.prototype, "scrolling$", null);
+__decorate([
+    StoreInValueModel(),
+    __metadata("design:type", String)
+], TableComponent.prototype, "scrolling", null);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'aup-table', providers: [
                         { provide: AbstractTableComponent, useExisting: TableComponent }
-                    ], template: "<aup-table-body [data$]=\"visibleRows$\"\n                [tableModel]=\"tableModel\"\n                [showHeader$]=\"showHeader$\"\n                [scrollMode$]=\"scrollMode$\"\n                [trackBy]=\"trackBy\"\n                [aupHighlightTextModel]=\"highlightText$\"\n></aup-table-body>\n<section class=\"table-footer\">\n  <div class=\"footer-content\"><ng-content select=\"[footer], [slot=footer]\"></ng-content></div>\n</section>\n", styles: [":host{display:flex;flex-direction:column;align-items:stretch}aup-table-body{flex:1}.table-footer{display:flex;flex-direction:row;align-items:center}.table-footer .footer-content{flex:1}\n"] }]
+                    ], template: "<aup-table-body [data$]=\"visibleRows$\"\n                [tableModel]=\"tableModel\"\n                [showHeader$]=\"showHeader$\"\n                [scrollMode$]=\"scrolling$\"\n                [trackBy]=\"trackBy\"\n                [aupHighlightTextModel]=\"highlightText$\"\n></aup-table-body>\n<section class=\"table-footer\">\n  <div class=\"footer-content\"><ng-content select=\"[footer], [slot=footer]\"></ng-content></div>\n</section>\n", styles: [":host{display:flex;flex-direction:column;align-items:stretch}aup-table-body{flex:1}.table-footer{display:flex;flex-direction:row;align-items:center}.table-footer .footer-content{flex:1}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Injector }]; }, propDecorators: { tableModel: [{
                 type: Input
             }], filterModel: [{
@@ -5084,6 +5078,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImpor
             }], tableBody: [{
                 type: ViewChild,
                 args: [TableBodyComponent]
+            }], scrolling$: [{
+                type: Input
+            }], scrolling: [{
+                type: Input
             }] } });
 
 const SVG_HEIGHT = 60;
@@ -5723,6 +5721,17 @@ class TreeTableComponent extends AbstractTableComponent {
     #expansionModel_accessor_storage = proxify((TreeExpansionModel));
     get expansionModel() { return this.#expansionModel_accessor_storage; }
     set expansionModel(value) { this.#expansionModel_accessor_storage = value; }
+    #enableScrolling$_accessor_storage = proxify((ValueModel));
+    /**
+     * Set to true to enable scrolling.  Once enabled the table will have 0 implicit height.  You will either
+     * need to set it explicitly e.g. height: 400px; or by using flex or grid layout to make it fill it's
+     * containment area.
+     */
+    get enableScrolling$() { return this.#enableScrolling$_accessor_storage; }
+    set enableScrolling$(value) { this.#enableScrolling$_accessor_storage = value; }
+    #enableScrolling_accessor_storage = false;
+    get enableScrolling() { return this.#enableScrolling_accessor_storage; }
+    set enableScrolling(value) { this.#enableScrolling_accessor_storage = value; }
     scrollMode$;
     constructor(injector) {
         super(injector);
@@ -5745,7 +5754,7 @@ class TreeTableComponent extends AbstractTableComponent {
         return this.treeTableModel;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TreeTableComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TreeTableComponent, selector: "aup-tree-table", inputs: { treeTableModel: "treeTableModel", expansionModel: "expansionModel" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TreeTableComponent, selector: "aup-tree-table", inputs: { treeTableModel: "treeTableModel", expansionModel: "expansionModel", enableScrolling$: "enableScrolling$", enableScrolling: "enableScrolling" }, providers: [
             { provide: AbstractTableComponent, useExisting: TreeTableComponent }
         ], usesInheritance: true, ngImport: i0, template: "<aup-table-body [data$]=\"visibleRows$\"\n                [tableModel]=\"treeTableModel\"\n                [showHeader$]=\"showHeader$\"\n                [scrollMode$]=\"scrollMode$\"\n                [aupHighlightTextModel]=\"highlightText$\"\n                [trackBy]=\"trackBy\"\n></aup-table-body>\n", styles: [":host{display:flex;flex-direction:column;align-items:stretch}:host::ng-deep td.mat-mdc-cell{border-top-width:0!important;border-bottom-width:0!important}:host::ng-deep td.mat-column-tree-label{width:1px}:host::ng-deep aup-table-cell-renderer[column-id=tree-label]{padding-left:8px!important}:host::ng-deep aup-tree-label-cell-renderer{flex:1}aup-table-body{flex:1}\n"], dependencies: [{ kind: "directive", type: HighlightTextModelDirective, selector: "[aupHighlightTextModel]", inputs: ["aupHighlightTextModel"] }, { kind: "component", type: TableBodyComponent, selector: "aup-table-body", inputs: ["data$", "tableModel", "showHeader$", "showHeader", "trackBy", "scrollMode$", "scrollMode"] }] });
 }
@@ -5757,6 +5766,14 @@ __decorate([
     Proxify(),
     __metadata("design:type", Object)
 ], TreeTableComponent.prototype, "expansionModel", null);
+__decorate([
+    Proxify(),
+    __metadata("design:type", ValueModel)
+], TreeTableComponent.prototype, "enableScrolling$", null);
+__decorate([
+    StoreInValueModel(),
+    __metadata("design:type", Boolean)
+], TreeTableComponent.prototype, "enableScrolling", null);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TreeTableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'aup-tree-table', providers: [
@@ -5766,6 +5783,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImpor
                 type: Input
             }], expansionModel: [{
                 type: Input
+            }], enableScrolling$: [{
+                type: Input
+            }], enableScrolling: [{
+                type: Input
             }] } });
 
 // TODO: Look at using unified parser: https://javascript.plainenglish.io/markdown-to-angular-rendering-using-unified-and-remark-96835bb877