@acorex/components 7.9.0 → 7.10.0

package/fesm2022/acorex-components-data-table.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
-import { Directive, Input, EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, ContentChildren, Output, NgModule } from '@angular/core';
-import { MXBaseComponent, AXPagedComponent } from '@acorex/components/common';
+import { Directive, Input, EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, ContentChildren, Output, ViewChild, NgModule } from '@angular/core';
+import { MXBaseComponent, AXPagedComponent, convertArrayToDataSource, AXListDataSource } from '@acorex/components/common';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i2 from '@acorex/components/result';
@@ -9,6 +9,9 @@ import * as i3 from '@acorex/core/translation';
 import { AXTranslationModule } from '@acorex/core/translation';
 import { AXDecoratorModule } from '@acorex/components/decorators';
 import { AXLoadingModule } from '@acorex/components/loading';
+import * as i2$1 from '@angular/cdk/scrolling';
+import { CdkVirtualScrollViewport, ScrollingModule } from '@angular/cdk/scrolling';
+import _ from 'lodash';
 
 class AXDataColumnComponent {
     constructor() {
@@ -37,7 +40,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImpor
 class AXDataTableComponent extends MXBaseComponent {
     constructor() {
         super(...arguments);
-        this._columns = {};
         this.onPageChanged = new EventEmitter();
         this.showHeader = true;
         this._pageSize = 20;
@@ -140,11 +142,11 @@ class AXDataTableComponent extends MXBaseComponent {
         this._fetchData();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXDataTableComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: AXDataTableComponent, selector: "ax-data-table", inputs: { rowTemplate: "rowTemplate", emptyTemplate: "emptyTemplate", showHeader: "showHeader", pageSize: "pageSize", fetchDataMode: "fetchDataMode", items: "items" }, outputs: { onPageChanged: "onPageChanged" }, providers: [{ provide: AXPagedComponent, useExisting: AXDataTableComponent }], queries: [{ propertyName: "_columns", predicate: AXDataColumnComponent }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-header\">\n</ng-content>\n<div class=\"ax-wrapper\">\n  <!-- [axIsLoading]=\"isLoading\" -->\n  <table class=\"ax-table ax-table-bordered\" tabindex=\"0\">\n    <thead *ngIf=\"showHeader\">\n      <tr>\n        <th *ngFor=\"let c of _columns\">\n          <ng-template [ngIf]=\"c.headerTemplate\" [ngIfElse]=\"captionTpl\">\n            <ng-container *ngTemplateOutlet=\"c.headerTemplate\"></ng-container>\n          </ng-template>\n          <ng-template #captionTpl>\n            {{c.caption}}\n          </ng-template>\n        </th>\n      </tr>\n    </thead>\n    <tbody>\n      <ng-container *ngIf=\"displayItems.length; else emptyTpl\">\n        <ng-container *ngFor=\"let d of displayItems;let rIndex=index\">\n          <ng-template [ngIf]=\"rowTemplate\" [ngIfElse]=\"rowTpl\">\n            <ng-container *ngTemplateOutlet=\"rowTemplate;context: { $implicit: {data:d,rowIndex:rIndex} }\">\n            </ng-container>\n          </ng-template>\n          <ng-template #rowTpl>\n            <tr>\n              <ng-container *ngFor=\"let c of _columns\">\n                <ng-template [ngIf]=\"c.cellTemplate\" [ngIfElse]=\"cellTpl\">\n                  <ng-container *ngTemplateOutlet=\"c.cellTemplate;context: { $implicit: {data:d,rowIndex:rIndex} }\">\n                  </ng-container>\n                </ng-template>\n                <ng-template #cellTpl>\n                  <td [attr.data-label]=\"c.caption\" tabindex=\"0\">\n                    {{d[c.valueField]}}\n                  </td>\n                </ng-template>\n              </ng-container>\n            </tr>\n          </ng-template>\n        </ng-container>\n      </ng-container>\n      <ng-template #emptyTpl>\n        <tr>\n          <td [attr.colspan]=\"_columns.length\">\n            <ng-template [ngIf]=\"emptyTemplate\" [ngIfElse]=\"defaultEmptyTemplate\">\n              <ng-container *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\n            </ng-template>\n            <ng-template #defaultEmptyTemplate>\n              <ax-result type=\"empty\" caption=\" {{'common.no-result-found' | trans }}\"></ax-result>\n            </ng-template>\n          </td>\n        </tr>\n      </ng-template>\n    </tbody>\n  </table>\n</div>\n<ng-content select=\"ax-footer\">\n</ng-content>", styles: ["ax-data-table{display:flex;flex-direction:column;border-radius:var(--ax-rounded-border-default);border:1px solid;border-color:rgba(var(--ax-color-border-default));outline-color:transparent}ax-data-table .ax-wrapper{display:flex;flex:1 1 0%;overflow:auto}ax-data-table>ax-header{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-data-table>ax-footer{border-top:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-data-table table{position:relative;border:0}ax-data-table table thead{position:sticky;top:0}ax-data-table table td,ax-data-table table th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.AXResultComponent, selector: "ax-result", inputs: ["type", "caption", "description"] }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "trans" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: AXDataTableComponent, selector: "ax-data-table", inputs: { rowTemplate: "rowTemplate", emptyTemplate: "emptyTemplate", showHeader: "showHeader", pageSize: "pageSize", fetchDataMode: "fetchDataMode", items: "items" }, outputs: { onPageChanged: "onPageChanged" }, providers: [{ provide: AXPagedComponent, useExisting: AXDataTableComponent }], queries: [{ propertyName: "_columns", predicate: AXDataColumnComponent }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-header\">\n</ng-content>\n<div class=\"ax-wrapper\">\n  <!-- [axIsLoading]=\"isLoading\" -->\n  <table class=\"ax-table ax-table-bordered\" tabindex=\"0\">\n    <thead *ngIf=\"showHeader\">\n      <tr>\n        <th *ngFor=\"let c of _columns\">\n          <ng-template [ngIf]=\"c.headerTemplate\" [ngIfElse]=\"captionTpl\">\n            <ng-container *ngTemplateOutlet=\"c.headerTemplate\"></ng-container>\n          </ng-template>\n          <ng-template #captionTpl>\n            {{c.caption}}\n          </ng-template>\n        </th>\n      </tr>\n    </thead>\n    <tbody>\n      <ng-container *ngIf=\"displayItems.length; else emptyTpl\">\n        <ng-container *ngFor=\"let d of displayItems;let rIndex=index\">\n          <ng-template [ngIf]=\"rowTemplate\" [ngIfElse]=\"rowTpl\">\n            <ng-container *ngTemplateOutlet=\"rowTemplate;context: { $implicit: {data:d,rowIndex:rIndex} }\">\n            </ng-container>\n          </ng-template>\n          <ng-template #rowTpl>\n            <tr>\n              <ng-container *ngFor=\"let c of _columns\">\n                <ng-template [ngIf]=\"c.cellTemplate\" [ngIfElse]=\"cellTpl\">\n                  <ng-container *ngTemplateOutlet=\"c.cellTemplate;context: { $implicit: {data:d,rowIndex:rIndex} }\">\n                  </ng-container>\n                </ng-template>\n                <ng-template #cellTpl>\n                  <td [attr.data-label]=\"c.caption\" tabindex=\"0\">\n                    {{d[c.valueField]}}\n                  </td>\n                </ng-template>\n              </ng-container>\n            </tr>\n          </ng-template>\n        </ng-container>\n      </ng-container>\n      <ng-template #emptyTpl>\n        <tr>\n          <td [attr.colspan]=\"_columns.length\">\n            <ng-template [ngIf]=\"emptyTemplate\" [ngIfElse]=\"defaultEmptyTemplate\">\n              <ng-container *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\n            </ng-template>\n            <ng-template #defaultEmptyTemplate>\n              <ax-result type=\"empty\" caption=\" {{'common.no-result-found' | trans }}\"></ax-result>\n            </ng-template>\n          </td>\n        </tr>\n      </ng-template>\n    </tbody>\n  </table>\n</div>\n<ng-content select=\"ax-footer\">\n</ng-content>", styles: ["ax-data-table{display:flex;flex-direction:column;border-radius:var(--ax-rounded-border-default);border:1px solid;border-color:rgba(var(--ax-color-border-default));outline-color:transparent}ax-data-table .ax-wrapper{display:flex;flex:1 1 0%;overflow:auto}ax-data-table>ax-header{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-data-table>ax-footer{border-top:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-data-table table{position:relative;border:0}ax-data-table table thead{position:sticky;top:0}ax-data-table table tbody{height:100%}ax-data-table table td,ax-data-table table th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-data-table2{border-radius:var(--ax-rounded-border-default);border:1px solid;border-color:rgba(var(--ax-color-border-default));height:100%;font-size:.875rem;overflow-y:hidden;overflow-x:hidden}ax-data-table2 table{table-layout:fixed}ax-data-table2 .ax-table-header{border-start-start-radius:var(--ax-rounded-border-default);border-start-end-radius:var(--ax-rounded-border-default);background-color:rgba(var(--ax-color-on-surface));border-collapse:collapse;overflow:hidden}ax-data-table2 .ax-table-header th{text-transform:uppercase;font-weight:500;text-align:start;padding:.875rem 1rem;border-block-end:1px solid;border-inline-end:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-data-table2 .ax-table-header th:last-child{border-inline-end:0px solid}ax-data-table2 .ax-table-body{border-collapse:collapse}ax-data-table2 .ax-table-body tr:last-child td{border-block-end:none}ax-data-table2 .ax-table-body td{text-align:start;padding:.875rem 1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-block-end:1px solid;border-inline-end:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-data-table2 .ax-table-body td:last-child{border-inline-end:0px solid}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.AXResultComponent, selector: "ax-result", inputs: ["type", "caption", "description"] }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "trans" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXDataTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-data-table', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: AXPagedComponent, useExisting: AXDataTableComponent }], template: "<ng-content select=\"ax-header\">\n</ng-content>\n<div class=\"ax-wrapper\">\n  <!-- [axIsLoading]=\"isLoading\" -->\n  <table class=\"ax-table ax-table-bordered\" tabindex=\"0\">\n    <thead *ngIf=\"showHeader\">\n      <tr>\n        <th *ngFor=\"let c of _columns\">\n          <ng-template [ngIf]=\"c.headerTemplate\" [ngIfElse]=\"captionTpl\">\n            <ng-container *ngTemplateOutlet=\"c.headerTemplate\"></ng-container>\n          </ng-template>\n          <ng-template #captionTpl>\n            {{c.caption}}\n          </ng-template>\n        </th>\n      </tr>\n    </thead>\n    <tbody>\n      <ng-container *ngIf=\"displayItems.length; else emptyTpl\">\n        <ng-container *ngFor=\"let d of displayItems;let rIndex=index\">\n          <ng-template [ngIf]=\"rowTemplate\" [ngIfElse]=\"rowTpl\">\n            <ng-container *ngTemplateOutlet=\"rowTemplate;context: { $implicit: {data:d,rowIndex:rIndex} }\">\n            </ng-container>\n          </ng-template>\n          <ng-template #rowTpl>\n            <tr>\n              <ng-container *ngFor=\"let c of _columns\">\n                <ng-template [ngIf]=\"c.cellTemplate\" [ngIfElse]=\"cellTpl\">\n                  <ng-container *ngTemplateOutlet=\"c.cellTemplate;context: { $implicit: {data:d,rowIndex:rIndex} }\">\n                  </ng-container>\n                </ng-template>\n                <ng-template #cellTpl>\n                  <td [attr.data-label]=\"c.caption\" tabindex=\"0\">\n                    {{d[c.valueField]}}\n                  </td>\n                </ng-template>\n              </ng-container>\n            </tr>\n          </ng-template>\n        </ng-container>\n      </ng-container>\n      <ng-template #emptyTpl>\n        <tr>\n          <td [attr.colspan]=\"_columns.length\">\n            <ng-template [ngIf]=\"emptyTemplate\" [ngIfElse]=\"defaultEmptyTemplate\">\n              <ng-container *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\n            </ng-template>\n            <ng-template #defaultEmptyTemplate>\n              <ax-result type=\"empty\" caption=\" {{'common.no-result-found' | trans }}\"></ax-result>\n            </ng-template>\n          </td>\n        </tr>\n      </ng-template>\n    </tbody>\n  </table>\n</div>\n<ng-content select=\"ax-footer\">\n</ng-content>", styles: ["ax-data-table{display:flex;flex-direction:column;border-radius:var(--ax-rounded-border-default);border:1px solid;border-color:rgba(var(--ax-color-border-default));outline-color:transparent}ax-data-table .ax-wrapper{display:flex;flex:1 1 0%;overflow:auto}ax-data-table>ax-header{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-data-table>ax-footer{border-top:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-data-table table{position:relative;border:0}ax-data-table table thead{position:sticky;top:0}ax-data-table table td,ax-data-table table th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
+            args: [{ selector: 'ax-data-table', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: AXPagedComponent, useExisting: AXDataTableComponent }], template: "<ng-content select=\"ax-header\">\n</ng-content>\n<div class=\"ax-wrapper\">\n  <!-- [axIsLoading]=\"isLoading\" -->\n  <table class=\"ax-table ax-table-bordered\" tabindex=\"0\">\n    <thead *ngIf=\"showHeader\">\n      <tr>\n        <th *ngFor=\"let c of _columns\">\n          <ng-template [ngIf]=\"c.headerTemplate\" [ngIfElse]=\"captionTpl\">\n            <ng-container *ngTemplateOutlet=\"c.headerTemplate\"></ng-container>\n          </ng-template>\n          <ng-template #captionTpl>\n            {{c.caption}}\n          </ng-template>\n        </th>\n      </tr>\n    </thead>\n    <tbody>\n      <ng-container *ngIf=\"displayItems.length; else emptyTpl\">\n        <ng-container *ngFor=\"let d of displayItems;let rIndex=index\">\n          <ng-template [ngIf]=\"rowTemplate\" [ngIfElse]=\"rowTpl\">\n            <ng-container *ngTemplateOutlet=\"rowTemplate;context: { $implicit: {data:d,rowIndex:rIndex} }\">\n            </ng-container>\n          </ng-template>\n          <ng-template #rowTpl>\n            <tr>\n              <ng-container *ngFor=\"let c of _columns\">\n                <ng-template [ngIf]=\"c.cellTemplate\" [ngIfElse]=\"cellTpl\">\n                  <ng-container *ngTemplateOutlet=\"c.cellTemplate;context: { $implicit: {data:d,rowIndex:rIndex} }\">\n                  </ng-container>\n                </ng-template>\n                <ng-template #cellTpl>\n                  <td [attr.data-label]=\"c.caption\" tabindex=\"0\">\n                    {{d[c.valueField]}}\n                  </td>\n                </ng-template>\n              </ng-container>\n            </tr>\n          </ng-template>\n        </ng-container>\n      </ng-container>\n      <ng-template #emptyTpl>\n        <tr>\n          <td [attr.colspan]=\"_columns.length\">\n            <ng-template [ngIf]=\"emptyTemplate\" [ngIfElse]=\"defaultEmptyTemplate\">\n              <ng-container *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\n            </ng-template>\n            <ng-template #defaultEmptyTemplate>\n              <ax-result type=\"empty\" caption=\" {{'common.no-result-found' | trans }}\"></ax-result>\n            </ng-template>\n          </td>\n        </tr>\n      </ng-template>\n    </tbody>\n  </table>\n</div>\n<ng-content select=\"ax-footer\">\n</ng-content>", styles: ["ax-data-table{display:flex;flex-direction:column;border-radius:var(--ax-rounded-border-default);border:1px solid;border-color:rgba(var(--ax-color-border-default));outline-color:transparent}ax-data-table .ax-wrapper{display:flex;flex:1 1 0%;overflow:auto}ax-data-table>ax-header{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-data-table>ax-footer{border-top:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-data-table table{position:relative;border:0}ax-data-table table thead{position:sticky;top:0}ax-data-table table tbody{height:100%}ax-data-table table td,ax-data-table table th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-data-table2{border-radius:var(--ax-rounded-border-default);border:1px solid;border-color:rgba(var(--ax-color-border-default));height:100%;font-size:.875rem;overflow-y:hidden;overflow-x:hidden}ax-data-table2 table{table-layout:fixed}ax-data-table2 .ax-table-header{border-start-start-radius:var(--ax-rounded-border-default);border-start-end-radius:var(--ax-rounded-border-default);background-color:rgba(var(--ax-color-on-surface));border-collapse:collapse;overflow:hidden}ax-data-table2 .ax-table-header th{text-transform:uppercase;font-weight:500;text-align:start;padding:.875rem 1rem;border-block-end:1px solid;border-inline-end:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-data-table2 .ax-table-header th:last-child{border-inline-end:0px solid}ax-data-table2 .ax-table-body{border-collapse:collapse}ax-data-table2 .ax-table-body tr:last-child td{border-block-end:none}ax-data-table2 .ax-table-body td{text-align:start;padding:.875rem 1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-block-end:1px solid;border-inline-end:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-data-table2 .ax-table-body td:last-child{border-inline-end:0px solid}\n"] }]
         }], propDecorators: { _columns: [{
                 type: ContentChildren,
                 args: [AXDataColumnComponent]
@@ -164,11 +166,119 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImpor
                 type: Input
             }] } });
 
-const COMPONENT = [AXDataTableComponent, AXDataColumnComponent];
-const MODULES = [CommonModule, AXTranslationModule, AXResultModule, AXLoadingModule, AXDecoratorModule];
+class AXDataTable2Component extends MXBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.onPageChanged = new EventEmitter();
+        this.showHeader = true;
+        this._pageSize = 20;
+        this.fetchDataMode = 'auto';
+        this.dataSource = convertArrayToDataSource([]);
+        this.isLoading = true;
+        this.hasItems = false;
+        this.lastIndex = 0;
+        this.itemHeight = 40;
+        this.width = "100%";
+        this.onScrolledIndexChanged = new EventEmitter();
+    }
+    get pageSize() {
+        return this._pageSize;
+    }
+    set pageSize(v) {
+        this._pageSize = v;
+    }
+    trackByIdx(i) {
+        return i;
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this.listDataSource = new AXListDataSource({
+            source: this.dataSource,
+        });
+        this.listDataSource.source
+            .onLoadingChanged
+            .subscribe((data) => {
+            this.isLoading = data;
+        });
+        this.listDataSource.source
+            .onChanged
+            .subscribe((data) => {
+            this.hasItems = data.totalCount > 0;
+            setTimeout(() => {
+                this.render();
+            }, 100);
+        });
+    }
+    _handleOnscrolledIndexChange(e) {
+        this.lastIndex = e;
+        this.onScrolledIndexChanged.emit({
+            component: this,
+            index: this.lastIndex,
+            isUserInteraction: true,
+        });
+    }
+    ngDoCheck() {
+        if (this.headerContainer) {
+            const headerContainer = this.headerContainer.nativeElement;
+            const left = this.getHostElement().querySelector('.cdk-virtual-scrollable').scrollLeft;
+            headerContainer.scrollLeft = left;
+        }
+        if (this.columns && this.columns.length) {
+            const sum = _.sum(this.columns.toArray().map(c => typeof c.width == 'number' ? c.width : Number(c.width.replace('px', ''))));
+            this.width = `${Math.max(sum, this.getHostElement().clientWidth - 5)}px`;
+            //console.log(this.width);
+        }
+    }
+    render() {
+        this.viewport.checkViewportSize();
+        this.viewport.scrollToIndex(this.lastIndex);
+        this.cdr.markForCheck();
+    }
+    refresh() {
+        this.dataSource.refresh();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXDataTable2Component, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: AXDataTable2Component, selector: "ax-data-table2", inputs: { rowTemplate: "rowTemplate", emptyTemplate: "emptyTemplate", loadingTemplate: "loadingTemplate", showHeader: "showHeader", pageSize: "pageSize", fetchDataMode: "fetchDataMode", dataSource: "dataSource", itemHeight: "itemHeight" }, outputs: { onPageChanged: "onPageChanged", onScrolledIndexChanged: "onScrolledIndexChanged" }, providers: [{ provide: AXPagedComponent, useExisting: AXDataTable2Component }], queries: [{ propertyName: "columns", predicate: AXDataColumnComponent }], viewQueries: [{ propertyName: "viewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true }, { propertyName: "headerContainer", first: true, predicate: ["headerContainer"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-header\">\n</ng-content>\n<div class=\"ax-table-header\" #headerContainer>\n  <table tabindex=\"0\" *ngIf=\"showHeader\" [style.width]=\"width\">\n    <thead>\n      <tr>\n        <th *ngFor=\"let c of columns\" [style.width]=\"c.width\">\n          <ng-template [ngIf]=\"c.headerTemplate\" [ngIfElse]=\"captionTpl\">\n            <ng-container *ngTemplateOutlet=\"c.headerTemplate\"></ng-container>\n          </ng-template>\n          <ng-template #captionTpl>\n            {{c.caption}}\n          </ng-template>\n        </th>\n        <th>&nbsp;</th>\n      </tr>\n    </thead>\n  </table>\n</div>\n<div cdkVirtualScrollingElement style=\"height: calc(100% - 52px);\">\n  <cdk-virtual-scroll-viewport [itemSize]=\"itemHeight\" [style.--item-height]=\"itemHeight+'px'\"\n    (scrolledIndexChange)=\"_handleOnscrolledIndexChange($event)\">\n    <table tabindex=\"0\" class=\"ax-table-body\" [style.width]=\"width\">\n      <tbody>\n        <!-- <ng-container *ngIf=\"hasItems;else emptyTpl\"> -->\n        <ng-container *cdkVirtualFor=\"let item of listDataSource;let i = index; trackBy: trackByIdx;let rIndex=index;\">\n          <ng-template [ngIf]=\"rowTemplate\" [ngIfElse]=\"rowTpl\">\n            <ng-container *ngTemplateOutlet=\"rowTemplate;context: { $implicit: {data:item,rowIndex:rIndex} }\">\n            </ng-container>\n          </ng-template>\n          <ng-template #rowTpl>\n            <tr>\n              <ng-container *ngFor=\"let c of columns\">\n                <ng-template [ngIf]=\"c.cellTemplate\" [ngIfElse]=\"cellTpl\">\n                  <ng-container *ngTemplateOutlet=\"c.cellTemplate;context: { $implicit: {data:item,rowIndex:rIndex} }\">\n                  </ng-container>\n                </ng-template>\n                <ng-template #cellTpl>\n                  <td [attr.data-label]=\"c.caption\" tabindex=\"0\" [style.width]=\"c.width\">\n                    <ng-container *ngIf=\"item;else loadingTpl\">\n                      {{item[c.valueField]}}\n                    </ng-container>\n                  </td>\n                </ng-template>\n              </ng-container>\n              <td>&nbsp;</td>\n            </tr>\n          </ng-template>\n        </ng-container>\n        <!-- </ng-container> -->\n      </tbody>\n    </table>\n  </cdk-virtual-scroll-viewport>\n</div>\n<ng-content select=\"ax-footer\">\n</ng-content>\n<!--  Loading Template  -->\n<ng-template #loadingTpl>\n  <!--  Custom Loading Template  -->\n  <ng-container *ngIf=\"loadingTemplate;else defaultLoadingTpl\">\n    <ng-container *ngTemplateOutlet=\"loadingTemplate\">\n    </ng-container>\n  </ng-container>\n  <!--  Default Loading Template  -->\n  <ng-template #defaultLoadingTpl>\n    ...\n  </ng-template>\n</ng-template>\n<!--  Empty Template  -->\n<ng-template #emptyTpl>\n  <tr>\n    <td [attr.colspan]=\"columns.length\">\n      <ng-template [ngIf]=\"emptyTemplate\" [ngIfElse]=\"defaultEmptyTemplate\">\n        <ng-container *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\n      </ng-template>\n      <ng-template #defaultEmptyTemplate>\n        <ax-result type=\"empty\" caption=\" {{'common.no-result-found' | trans }}\"></ax-result>\n      </ng-template>\n    </td>\n  </tr>\n</ng-template>\n\n<!-- \n<div class=\"ax-wrapper\">\n  <table class=\"ax-table ax-table-bordered\" tabindex=\"0\">\n    <thead *ngIf=\"showHeader\">\n      <tr>\n        <th *ngFor=\"let c of _columns\">\n          <ng-template [ngIf]=\"c.headerTemplate\" [ngIfElse]=\"captionTpl\">\n            <ng-container *ngTemplateOutlet=\"c.headerTemplate\"></ng-container>\n          </ng-template>\n          <ng-template #captionTpl>\n            {{c.caption}}\n          </ng-template>\n        </th>\n      </tr>\n    </thead>\n    <tbody>\n      <cdk-virtual-scroll-viewport [itemSize]=\"itemHeight\" [style.--item-height]=\"itemHeight+'px'\"\n        (scrolledIndexChange)=\"_handleOnscrolledIndexChange($event)\">\n        <ng-container *cdkVirtualFor=\"let item of listDataSource;let i = index; trackBy: trackByIdx;let rIndex=index\">\n          <ng-template [ngIf]=\"rowTemplate\" [ngIfElse]=\"rowTpl\">\n            <ng-container *ngTemplateOutlet=\"rowTemplate;context: { $implicit: {data:item,rowIndex:rIndex} }\">\n            </ng-container>\n          </ng-template>\n          <ng-template #rowTpl>\n            <tr>\n              <ng-container *ngFor=\"let c of _columns\">\n                <ng-template [ngIf]=\"c.cellTemplate\" [ngIfElse]=\"cellTpl\">\n                  <ng-container *ngTemplateOutlet=\"c.cellTemplate;context: { $implicit: {data:item,rowIndex:rIndex} }\">\n                  </ng-container>\n                </ng-template>\n                <ng-template #cellTpl>\n                  <td [attr.data-label]=\"c.caption\" tabindex=\"0\">\n                    {{item[c.valueField]}}\n                  </td>\n                </ng-template>\n              </ng-container>\n            </tr>\n          </ng-template>\n        </ng-container>\n      </cdk-virtual-scroll-viewport>\n\n\n      <ng-container *ngIf=\"displayItems.length; else emptyTpl\">\n        <ng-container *ngFor=\"let d of displayItems;let rIndex=index\">\n          <ng-template [ngIf]=\"rowTemplate\" [ngIfElse]=\"rowTpl\">\n            <ng-container *ngTemplateOutlet=\"rowTemplate;context: { $implicit: {data:d,rowIndex:rIndex} }\">\n            </ng-container>\n          </ng-template>\n          <ng-template #rowTpl>\n            <tr>\n              <ng-container *ngFor=\"let c of _columns\">\n                <ng-template [ngIf]=\"c.cellTemplate\" [ngIfElse]=\"cellTpl\">\n                  <ng-container *ngTemplateOutlet=\"c.cellTemplate;context: { $implicit: {data:d,rowIndex:rIndex} }\">\n                  </ng-container>\n                </ng-template>\n                <ng-template #cellTpl>\n                  <td [attr.data-label]=\"c.caption\" tabindex=\"0\">\n                    {{d[c.valueField]}}\n                  </td>\n                </ng-template>\n              </ng-container>\n            </tr>\n          </ng-template>\n        </ng-container>\n      </ng-container>\n      <ng-template #emptyTpl>\n        <tr>\n          <td [attr.colspan]=\"_columns.length\">\n            <ng-template [ngIf]=\"emptyTemplate\" [ngIfElse]=\"defaultEmptyTemplate\">\n              <ng-container *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\n            </ng-template>\n            <ng-template #defaultEmptyTemplate>\n              <ax-result type=\"empty\" caption=\" {{'common.no-result-found' | trans }}\"></ax-result>\n            </ng-template>\n          </td>\n        </tr>\n      </ng-template> \n    </tbody>\n  </table>\n</div>\n<ng-content select=\"ax-footer\">\n</ng-content> -->", styles: ["ax-data-table{display:flex;flex-direction:column;border-radius:var(--ax-rounded-border-default);border:1px solid;border-color:rgba(var(--ax-color-border-default));outline-color:transparent}ax-data-table .ax-wrapper{display:flex;flex:1 1 0%;overflow:auto}ax-data-table>ax-header{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-data-table>ax-footer{border-top:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-data-table table{position:relative;border:0}ax-data-table table thead{position:sticky;top:0}ax-data-table table tbody{height:100%}ax-data-table table td,ax-data-table table th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-data-table2{border-radius:var(--ax-rounded-border-default);border:1px solid;border-color:rgba(var(--ax-color-border-default));height:100%;font-size:.875rem;overflow-y:hidden;overflow-x:hidden}ax-data-table2 table{table-layout:fixed}ax-data-table2 .ax-table-header{border-start-start-radius:var(--ax-rounded-border-default);border-start-end-radius:var(--ax-rounded-border-default);background-color:rgba(var(--ax-color-on-surface));border-collapse:collapse;overflow:hidden}ax-data-table2 .ax-table-header th{text-transform:uppercase;font-weight:500;text-align:start;padding:.875rem 1rem;border-block-end:1px solid;border-inline-end:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-data-table2 .ax-table-header th:last-child{border-inline-end:0px solid}ax-data-table2 .ax-table-body{border-collapse:collapse}ax-data-table2 .ax-table-body tr:last-child td{border-block-end:none}ax-data-table2 .ax-table-body td{text-align:start;padding:.875rem 1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-block-end:1px solid;border-inline-end:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-data-table2 .ax-table-body td:last-child{border-inline-end:0px solid}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$1.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i2$1.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i2$1.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "directive", type: i2$1.CdkVirtualScrollableElement, selector: "[cdkVirtualScrollingElement]" }, { kind: "component", type: i2.AXResultComponent, selector: "ax-result", inputs: ["type", "caption", "description"] }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "trans" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXDataTable2Component, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-data-table2', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: AXPagedComponent, useExisting: AXDataTable2Component }], template: "<ng-content select=\"ax-header\">\n</ng-content>\n<div class=\"ax-table-header\" #headerContainer>\n  <table tabindex=\"0\" *ngIf=\"showHeader\" [style.width]=\"width\">\n    <thead>\n      <tr>\n        <th *ngFor=\"let c of columns\" [style.width]=\"c.width\">\n          <ng-template [ngIf]=\"c.headerTemplate\" [ngIfElse]=\"captionTpl\">\n            <ng-container *ngTemplateOutlet=\"c.headerTemplate\"></ng-container>\n          </ng-template>\n          <ng-template #captionTpl>\n            {{c.caption}}\n          </ng-template>\n        </th>\n        <th>&nbsp;</th>\n      </tr>\n    </thead>\n  </table>\n</div>\n<div cdkVirtualScrollingElement style=\"height: calc(100% - 52px);\">\n  <cdk-virtual-scroll-viewport [itemSize]=\"itemHeight\" [style.--item-height]=\"itemHeight+'px'\"\n    (scrolledIndexChange)=\"_handleOnscrolledIndexChange($event)\">\n    <table tabindex=\"0\" class=\"ax-table-body\" [style.width]=\"width\">\n      <tbody>\n        <!-- <ng-container *ngIf=\"hasItems;else emptyTpl\"> -->\n        <ng-container *cdkVirtualFor=\"let item of listDataSource;let i = index; trackBy: trackByIdx;let rIndex=index;\">\n          <ng-template [ngIf]=\"rowTemplate\" [ngIfElse]=\"rowTpl\">\n            <ng-container *ngTemplateOutlet=\"rowTemplate;context: { $implicit: {data:item,rowIndex:rIndex} }\">\n            </ng-container>\n          </ng-template>\n          <ng-template #rowTpl>\n            <tr>\n              <ng-container *ngFor=\"let c of columns\">\n                <ng-template [ngIf]=\"c.cellTemplate\" [ngIfElse]=\"cellTpl\">\n                  <ng-container *ngTemplateOutlet=\"c.cellTemplate;context: { $implicit: {data:item,rowIndex:rIndex} }\">\n                  </ng-container>\n                </ng-template>\n                <ng-template #cellTpl>\n                  <td [attr.data-label]=\"c.caption\" tabindex=\"0\" [style.width]=\"c.width\">\n                    <ng-container *ngIf=\"item;else loadingTpl\">\n                      {{item[c.valueField]}}\n                    </ng-container>\n                  </td>\n                </ng-template>\n              </ng-container>\n              <td>&nbsp;</td>\n            </tr>\n          </ng-template>\n        </ng-container>\n        <!-- </ng-container> -->\n      </tbody>\n    </table>\n  </cdk-virtual-scroll-viewport>\n</div>\n<ng-content select=\"ax-footer\">\n</ng-content>\n<!--  Loading Template  -->\n<ng-template #loadingTpl>\n  <!--  Custom Loading Template  -->\n  <ng-container *ngIf=\"loadingTemplate;else defaultLoadingTpl\">\n    <ng-container *ngTemplateOutlet=\"loadingTemplate\">\n    </ng-container>\n  </ng-container>\n  <!--  Default Loading Template  -->\n  <ng-template #defaultLoadingTpl>\n    ...\n  </ng-template>\n</ng-template>\n<!--  Empty Template  -->\n<ng-template #emptyTpl>\n  <tr>\n    <td [attr.colspan]=\"columns.length\">\n      <ng-template [ngIf]=\"emptyTemplate\" [ngIfElse]=\"defaultEmptyTemplate\">\n        <ng-container *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\n      </ng-template>\n      <ng-template #defaultEmptyTemplate>\n        <ax-result type=\"empty\" caption=\" {{'common.no-result-found' | trans }}\"></ax-result>\n      </ng-template>\n    </td>\n  </tr>\n</ng-template>\n\n<!-- \n<div class=\"ax-wrapper\">\n  <table class=\"ax-table ax-table-bordered\" tabindex=\"0\">\n    <thead *ngIf=\"showHeader\">\n      <tr>\n        <th *ngFor=\"let c of _columns\">\n          <ng-template [ngIf]=\"c.headerTemplate\" [ngIfElse]=\"captionTpl\">\n            <ng-container *ngTemplateOutlet=\"c.headerTemplate\"></ng-container>\n          </ng-template>\n          <ng-template #captionTpl>\n            {{c.caption}}\n          </ng-template>\n        </th>\n      </tr>\n    </thead>\n    <tbody>\n      <cdk-virtual-scroll-viewport [itemSize]=\"itemHeight\" [style.--item-height]=\"itemHeight+'px'\"\n        (scrolledIndexChange)=\"_handleOnscrolledIndexChange($event)\">\n        <ng-container *cdkVirtualFor=\"let item of listDataSource;let i = index; trackBy: trackByIdx;let rIndex=index\">\n          <ng-template [ngIf]=\"rowTemplate\" [ngIfElse]=\"rowTpl\">\n            <ng-container *ngTemplateOutlet=\"rowTemplate;context: { $implicit: {data:item,rowIndex:rIndex} }\">\n            </ng-container>\n          </ng-template>\n          <ng-template #rowTpl>\n            <tr>\n              <ng-container *ngFor=\"let c of _columns\">\n                <ng-template [ngIf]=\"c.cellTemplate\" [ngIfElse]=\"cellTpl\">\n                  <ng-container *ngTemplateOutlet=\"c.cellTemplate;context: { $implicit: {data:item,rowIndex:rIndex} }\">\n                  </ng-container>\n                </ng-template>\n                <ng-template #cellTpl>\n                  <td [attr.data-label]=\"c.caption\" tabindex=\"0\">\n                    {{item[c.valueField]}}\n                  </td>\n                </ng-template>\n              </ng-container>\n            </tr>\n          </ng-template>\n        </ng-container>\n      </cdk-virtual-scroll-viewport>\n\n\n      <ng-container *ngIf=\"displayItems.length; else emptyTpl\">\n        <ng-container *ngFor=\"let d of displayItems;let rIndex=index\">\n          <ng-template [ngIf]=\"rowTemplate\" [ngIfElse]=\"rowTpl\">\n            <ng-container *ngTemplateOutlet=\"rowTemplate;context: { $implicit: {data:d,rowIndex:rIndex} }\">\n            </ng-container>\n          </ng-template>\n          <ng-template #rowTpl>\n            <tr>\n              <ng-container *ngFor=\"let c of _columns\">\n                <ng-template [ngIf]=\"c.cellTemplate\" [ngIfElse]=\"cellTpl\">\n                  <ng-container *ngTemplateOutlet=\"c.cellTemplate;context: { $implicit: {data:d,rowIndex:rIndex} }\">\n                  </ng-container>\n                </ng-template>\n                <ng-template #cellTpl>\n                  <td [attr.data-label]=\"c.caption\" tabindex=\"0\">\n                    {{d[c.valueField]}}\n                  </td>\n                </ng-template>\n              </ng-container>\n            </tr>\n          </ng-template>\n        </ng-container>\n      </ng-container>\n      <ng-template #emptyTpl>\n        <tr>\n          <td [attr.colspan]=\"_columns.length\">\n            <ng-template [ngIf]=\"emptyTemplate\" [ngIfElse]=\"defaultEmptyTemplate\">\n              <ng-container *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\n            </ng-template>\n            <ng-template #defaultEmptyTemplate>\n              <ax-result type=\"empty\" caption=\" {{'common.no-result-found' | trans }}\"></ax-result>\n            </ng-template>\n          </td>\n        </tr>\n      </ng-template> \n    </tbody>\n  </table>\n</div>\n<ng-content select=\"ax-footer\">\n</ng-content> -->", styles: ["ax-data-table{display:flex;flex-direction:column;border-radius:var(--ax-rounded-border-default);border:1px solid;border-color:rgba(var(--ax-color-border-default));outline-color:transparent}ax-data-table .ax-wrapper{display:flex;flex:1 1 0%;overflow:auto}ax-data-table>ax-header{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-data-table>ax-footer{border-top:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-data-table table{position:relative;border:0}ax-data-table table thead{position:sticky;top:0}ax-data-table table tbody{height:100%}ax-data-table table td,ax-data-table table th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-data-table2{border-radius:var(--ax-rounded-border-default);border:1px solid;border-color:rgba(var(--ax-color-border-default));height:100%;font-size:.875rem;overflow-y:hidden;overflow-x:hidden}ax-data-table2 table{table-layout:fixed}ax-data-table2 .ax-table-header{border-start-start-radius:var(--ax-rounded-border-default);border-start-end-radius:var(--ax-rounded-border-default);background-color:rgba(var(--ax-color-on-surface));border-collapse:collapse;overflow:hidden}ax-data-table2 .ax-table-header th{text-transform:uppercase;font-weight:500;text-align:start;padding:.875rem 1rem;border-block-end:1px solid;border-inline-end:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-data-table2 .ax-table-header th:last-child{border-inline-end:0px solid}ax-data-table2 .ax-table-body{border-collapse:collapse}ax-data-table2 .ax-table-body tr:last-child td{border-block-end:none}ax-data-table2 .ax-table-body td{text-align:start;padding:.875rem 1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-block-end:1px solid;border-inline-end:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-data-table2 .ax-table-body td:last-child{border-inline-end:0px solid}\n"] }]
+        }], propDecorators: { columns: [{
+                type: ContentChildren,
+                args: [AXDataColumnComponent]
+            }], onPageChanged: [{
+                type: Output
+            }], rowTemplate: [{
+                type: Input
+            }], emptyTemplate: [{
+                type: Input
+            }], loadingTemplate: [{
+                type: Input
+            }], showHeader: [{
+                type: Input
+            }], pageSize: [{
+                type: Input
+            }], fetchDataMode: [{
+                type: Input
+            }], dataSource: [{
+                type: Input
+            }], itemHeight: [{
+                type: Input
+            }], viewport: [{
+                type: ViewChild,
+                args: [CdkVirtualScrollViewport]
+            }], onScrolledIndexChanged: [{
+                type: Output
+            }], headerContainer: [{
+                type: ViewChild,
+                args: ['headerContainer']
+            }] } });
+
+const COMPONENT = [AXDataTableComponent, AXDataTable2Component, AXDataColumnComponent];
+const MODULES = [CommonModule, ScrollingModule, AXTranslationModule, AXResultModule, AXLoadingModule, AXDecoratorModule];
 class AXDataTableModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXDataTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.6", ngImport: i0, type: AXDataTableModule, declarations: [AXDataTableComponent, AXDataColumnComponent], imports: [CommonModule, AXTranslationModule, AXResultModule, AXLoadingModule, AXDecoratorModule], exports: [AXDataTableComponent, AXDataColumnComponent] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.6", ngImport: i0, type: AXDataTableModule, declarations: [AXDataTableComponent, AXDataTable2Component, AXDataColumnComponent], imports: [CommonModule, ScrollingModule, AXTranslationModule, AXResultModule, AXLoadingModule, AXDecoratorModule], exports: [AXDataTableComponent, AXDataTable2Component, AXDataColumnComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXDataTableModule, imports: [MODULES] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXDataTableModule, decorators: [{
@@ -185,5 +295,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AXDataColumnComponent, AXDataTableComponent, AXDataTableModule };
+export { AXDataColumnComponent, AXDataTable2Component, AXDataTableComponent, AXDataTableModule };
 //# sourceMappingURL=acorex-components-data-table.mjs.map

package/fesm2022/acorex-components-data-table.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-data-table.mjs","sources":["../../../../libs/components/data-table/src/lib/data-column.directive.ts","../../../../libs/components/data-table/src/lib/data-table.component.ts","../../../../libs/components/data-table/src/lib/data-table.component.html","../../../../libs/components/data-table/src/lib/data-table.module.ts","../../../../libs/components/data-table/src/acorex-components-data-table.ts"],"sourcesContent":["import { Directive, Input, TemplateRef } from '@angular/core';\n\n@Directive({\n  selector: 'ax-data-column',\n})\nexport class AXDataColumnComponent {\n  @Input()\n  headerTemplate?: TemplateRef<unknown>;\n\n  @Input()\n  cellTemplate?: TemplateRef<unknown>;\n\n  @Input()\n  valueField: string;\n\n  @Input()\n  caption: string;\n\n  @Input()\n  width: string | number = 'auto';\n}\n","import {\n  AXDataListFetchDataCallback,\n  AXDataListItems,\n  AXPagedComponent,\n  AXPagedComponentInterface,\n  AXValueChangedEvent,\n  MXBaseComponent,\n} from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ContentChildren,\n  EventEmitter,\n  Input,\n  Output,\n  QueryList,\n  TemplateRef,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { AXDataColumnComponent } from './data-column.directive';\n\n@Component({\n  selector: 'ax-data-table',\n  templateUrl: './data-table.component.html',\n  styleUrls: ['./data-table.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [{ provide: AXPagedComponent, useExisting: AXDataTableComponent }],\n})\nexport class AXDataTableComponent extends MXBaseComponent implements AXPagedComponentInterface {\n  @ContentChildren(AXDataColumnComponent)\n  protected _columns: QueryList<AXDataColumnComponent> = {} as QueryList<AXDataColumnComponent>;\n\n  @Output()\n  onPageChanged: EventEmitter<AXValueChangedEvent<number>> = new EventEmitter<AXValueChangedEvent<number>>();\n\n  @Input()\n  rowTemplate?: TemplateRef<any>;\n\n  @Input()\n  emptyTemplate?: TemplateRef<any>;\n\n  @Input()\n  showHeader: boolean = true;\n\n  private _pageSize: number = 20;\n  @Input()\n  public get pageSize(): number {\n    return this._pageSize;\n  }\n  public set pageSize(v: number) {\n    this._pageSize = v;\n  }\n\n  @Input()\n  fetchDataMode: 'auto' | 'manual' = 'auto';\n\n  private _currentPage: number = 1;\n\n  private _loadedItems: any[] = [];\n  private _totalItems: number = 0;\n\n  private _isLazy: boolean = false;\n  protected _isLoading: boolean = false;\n\n  get totalCount(): number {\n    return this._totalItems;\n  }\n\n  protected get isLazy(): boolean {\n    return this._isLazy;\n  }\n\n  protected get isLoading(): boolean {\n    return this._isLoading;\n  }\n\n  protected get loadedCount(): number {\n    return this._loadedItems?.length || 0;\n  }\n\n  private _items: AXDataListItems = [];\n\n  @Input()\n  get items(): AXDataListItems {\n    return this._items;\n  }\n  set items(v: AXDataListItems) {\n    if (Array.isArray(v)) {\n      this._items = v;\n    } else if (typeof v === 'function') {\n      this._isLazy = true;\n      this._items = v;\n    } else {\n      this._items = [];\n    }\n  }\n\n  get displayItems(): any[] {\n    if (Array.isArray(this.items)) {\n      return (this._items || []) as any[];\n    } else if (typeof this._items == 'function') {\n      return this._loadedItems || [];\n    }\n    return [];\n  }\n\n  ngAfterViewInit(): void {\n    if (this.fetchDataMode == 'auto') this._fetchData();\n  }\n\n  _fetchData(opts?: { searchQuery?: string }) {\n    const skip = (this._currentPage - 1) * this.pageSize,\n      take = this.pageSize;\n    if (\n      (this.loadedCount >= this.totalCount && this.totalCount != 0) ||\n      this._isLoading ||\n      !this._isLazy ||\n      skip > this.totalCount\n    ) {\n      return;\n    }\n    if (this._items) {\n      this._isLoading = true;\n      this.cdr.markForCheck();\n      const fetchFn = this._items as AXDataListFetchDataCallback;\n      fetchFn({ skip, take, searchQuery: opts?.searchQuery })\n        .then((c) => {\n          if (Array.isArray(c)) {\n            this._loadedItems = c;\n            this._totalItems = c.length;\n          } else {\n            this._totalItems = c.total || c.items?.length || 0;\n            this._loadedItems = [...new Set(c.items)];\n          }\n        })\n        .finally(() => {\n          this._isLoading = false;\n          this.onPageChanged.next({\n            component: this,\n            isUserInteraction: false,\n            name: 'page',\n            value: this._currentPage,\n          });\n          this.cdr.markForCheck();\n        });\n    }\n  }\n\n  refresh() {\n    this._totalItems = 0;\n    this._loadedItems = [];\n    this._fetchData();\n  }\n\n  goToPage(page: number) {\n    this._currentPage = page;\n    this._fetchData();\n  }\n}\n","<ng-content select=\"ax-header\">\n</ng-content>\n<div class=\"ax-wrapper\">\n  <!-- [axIsLoading]=\"isLoading\" -->\n  <table class=\"ax-table ax-table-bordered\" tabindex=\"0\">\n    <thead *ngIf=\"showHeader\">\n      <tr>\n        <th *ngFor=\"let c of _columns\">\n          <ng-template [ngIf]=\"c.headerTemplate\" [ngIfElse]=\"captionTpl\">\n            <ng-container *ngTemplateOutlet=\"c.headerTemplate\"></ng-container>\n          </ng-template>\n          <ng-template #captionTpl>\n            {{c.caption}}\n          </ng-template>\n        </th>\n      </tr>\n    </thead>\n    <tbody>\n      <ng-container *ngIf=\"displayItems.length; else emptyTpl\">\n        <ng-container *ngFor=\"let d of displayItems;let rIndex=index\">\n          <ng-template [ngIf]=\"rowTemplate\" [ngIfElse]=\"rowTpl\">\n            <ng-container *ngTemplateOutlet=\"rowTemplate;context: { $implicit: {data:d,rowIndex:rIndex} }\">\n            </ng-container>\n          </ng-template>\n          <ng-template #rowTpl>\n            <tr>\n              <ng-container *ngFor=\"let c of _columns\">\n                <ng-template [ngIf]=\"c.cellTemplate\" [ngIfElse]=\"cellTpl\">\n                  <ng-container *ngTemplateOutlet=\"c.cellTemplate;context: { $implicit: {data:d,rowIndex:rIndex} }\">\n                  </ng-container>\n                </ng-template>\n                <ng-template #cellTpl>\n                  <td [attr.data-label]=\"c.caption\" tabindex=\"0\">\n                    {{d[c.valueField]}}\n                  </td>\n                </ng-template>\n              </ng-container>\n            </tr>\n          </ng-template>\n        </ng-container>\n      </ng-container>\n      <ng-template #emptyTpl>\n        <tr>\n          <td [attr.colspan]=\"_columns.length\">\n            <ng-template [ngIf]=\"emptyTemplate\" [ngIfElse]=\"defaultEmptyTemplate\">\n              <ng-container *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\n            </ng-template>\n            <ng-template #defaultEmptyTemplate>\n              <ax-result type=\"empty\" caption=\" {{'common.no-result-found' | trans }}\"></ax-result>\n            </ng-template>\n          </td>\n        </tr>\n      </ng-template>\n    </tbody>\n  </table>\n</div>\n<ng-content select=\"ax-footer\">\n</ng-content>","import { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { AXResultModule } from '@acorex/components/result';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXDataColumnComponent } from './data-column.directive';\nimport { AXDataTableComponent } from './data-table.component';\n\nconst COMPONENT = [AXDataTableComponent, AXDataColumnComponent];\nconst MODULES = [CommonModule, AXTranslationModule, AXResultModule, AXLoadingModule, AXDecoratorModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXDataTableModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-data-table.mjs","sources":["../../../../libs/components/data-table/src/lib/data-column.directive.ts","../../../../libs/components/data-table/src/lib/data-table.component.ts","../../../../libs/components/data-table/src/lib/data-table.component.html","../../../../libs/components/data-table/src/lib/data-table2.component.ts","../../../../libs/components/data-table/src/lib/data-table2.component.html","../../../../libs/components/data-table/src/lib/data-table.module.ts","../../../../libs/components/data-table/src/acorex-components-data-table.ts"],"sourcesContent":["import { Directive, Input, TemplateRef } from '@angular/core';\n\n@Directive({\n  selector: 'ax-data-column',\n})\nexport class AXDataColumnComponent {\n  @Input()\n  headerTemplate?: TemplateRef<unknown>;\n\n  @Input()\n  cellTemplate?: TemplateRef<unknown>;\n\n  @Input()\n  valueField: string;\n\n  @Input()\n  caption: string;\n\n  @Input()\n  width: string | number = 'auto';\n}\n","import {\n  AXDataListFetchDataCallback,\n  AXDataListItems,\n  AXPagedComponent,\n  AXPagedComponentInterface,\n  AXValueChangedEvent,\n  MXBaseComponent,\n} from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ContentChildren,\n  EventEmitter,\n  Input,\n  Output,\n  QueryList,\n  TemplateRef,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { AXDataColumnComponent } from './data-column.directive';\n\n@Component({\n  selector: 'ax-data-table',\n  templateUrl: './data-table.component.html',\n  styleUrls: ['./data-table.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [{ provide: AXPagedComponent, useExisting: AXDataTableComponent }],\n})\nexport class AXDataTableComponent extends MXBaseComponent implements AXPagedComponentInterface {\n  @ContentChildren(AXDataColumnComponent)\n  protected _columns: QueryList<AXDataColumnComponent>;\n\n  @Output()\n  onPageChanged: EventEmitter<AXValueChangedEvent<number>> = new EventEmitter<AXValueChangedEvent<number>>();\n\n  @Input()\n  rowTemplate?: TemplateRef<unknown>;\n\n  @Input()\n  emptyTemplate?: TemplateRef<unknown>;\n\n  @Input()\n  showHeader: boolean = true;\n\n  private _pageSize = 20;\n  @Input()\n  public get pageSize(): number {\n    return this._pageSize;\n  }\n  public set pageSize(v: number) {\n    this._pageSize = v;\n  }\n\n  @Input()\n  fetchDataMode: 'auto' | 'manual' = 'auto';\n\n  private _currentPage = 1;\n\n  private _loadedItems: any[] = [];\n  private _totalItems = 0;\n\n  private _isLazy = false;\n\n  protected _isLoading = false;\n\n  get totalCount(): number {\n    return this._totalItems;\n  }\n\n  protected get isLazy(): boolean {\n    return this._isLazy;\n  }\n\n  protected get isLoading(): boolean {\n    return this._isLoading;\n  }\n\n  protected get loadedCount(): number {\n    return this._loadedItems?.length || 0;\n  }\n\n  private _items: AXDataListItems = [];\n\n  @Input()\n  get items(): AXDataListItems {\n    return this._items;\n  }\n  set items(v: AXDataListItems) {\n    if (Array.isArray(v)) {\n      this._items = v;\n    } else if (typeof v === 'function') {\n      this._isLazy = true;\n      this._items = v;\n    } else {\n      this._items = [];\n    }\n  }\n\n  get displayItems(): any[] {\n    if (Array.isArray(this.items)) {\n      return (this._items || []) as any[];\n    } else if (typeof this._items == 'function') {\n      return this._loadedItems || [];\n    }\n    return [];\n  }\n\n  ngAfterViewInit(): void {\n    if (this.fetchDataMode == 'auto') this._fetchData();\n  }\n\n  _fetchData(opts?: { searchQuery?: string }) {\n    const skip = (this._currentPage - 1) * this.pageSize,\n      take = this.pageSize;\n    if (\n      (this.loadedCount >= this.totalCount && this.totalCount != 0) ||\n      this._isLoading ||\n      !this._isLazy ||\n      skip > this.totalCount\n    ) {\n      return;\n    }\n    if (this._items) {\n      this._isLoading = true;\n      this.cdr.markForCheck();\n      const fetchFn = this._items as AXDataListFetchDataCallback;\n      fetchFn({ skip, take, searchQuery: opts?.searchQuery })\n        .then((c) => {\n          if (Array.isArray(c)) {\n            this._loadedItems = c;\n            this._totalItems = c.length;\n          } else {\n            this._totalItems = c.total || c.items?.length || 0;\n            this._loadedItems = [...new Set(c.items)];\n          }\n        })\n        .finally(() => {\n          this._isLoading = false;\n          this.onPageChanged.next({\n            component: this,\n            isUserInteraction: false,\n            name: 'page',\n            value: this._currentPage,\n          });\n          this.cdr.markForCheck();\n        });\n    }\n  }\n\n  refresh() {\n    this._totalItems = 0;\n    this._loadedItems = [];\n    this._fetchData();\n  }\n\n  goToPage(page: number) {\n    this._currentPage = page;\n    this._fetchData();\n  }\n}\n","<ng-content select=\"ax-header\">\n</ng-content>\n<div class=\"ax-wrapper\">\n  <!-- [axIsLoading]=\"isLoading\" -->\n  <table class=\"ax-table ax-table-bordered\" tabindex=\"0\">\n    <thead *ngIf=\"showHeader\">\n      <tr>\n        <th *ngFor=\"let c of _columns\">\n          <ng-template [ngIf]=\"c.headerTemplate\" [ngIfElse]=\"captionTpl\">\n            <ng-container *ngTemplateOutlet=\"c.headerTemplate\"></ng-container>\n          </ng-template>\n          <ng-template #captionTpl>\n            {{c.caption}}\n          </ng-template>\n        </th>\n      </tr>\n    </thead>\n    <tbody>\n      <ng-container *ngIf=\"displayItems.length; else emptyTpl\">\n        <ng-container *ngFor=\"let d of displayItems;let rIndex=index\">\n          <ng-template [ngIf]=\"rowTemplate\" [ngIfElse]=\"rowTpl\">\n            <ng-container *ngTemplateOutlet=\"rowTemplate;context: { $implicit: {data:d,rowIndex:rIndex} }\">\n            </ng-container>\n          </ng-template>\n          <ng-template #rowTpl>\n            <tr>\n              <ng-container *ngFor=\"let c of _columns\">\n                <ng-template [ngIf]=\"c.cellTemplate\" [ngIfElse]=\"cellTpl\">\n                  <ng-container *ngTemplateOutlet=\"c.cellTemplate;context: { $implicit: {data:d,rowIndex:rIndex} }\">\n                  </ng-container>\n                </ng-template>\n                <ng-template #cellTpl>\n                  <td [attr.data-label]=\"c.caption\" tabindex=\"0\">\n                    {{d[c.valueField]}}\n                  </td>\n                </ng-template>\n              </ng-container>\n            </tr>\n          </ng-template>\n        </ng-container>\n      </ng-container>\n      <ng-template #emptyTpl>\n        <tr>\n          <td [attr.colspan]=\"_columns.length\">\n            <ng-template [ngIf]=\"emptyTemplate\" [ngIfElse]=\"defaultEmptyTemplate\">\n              <ng-container *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\n            </ng-template>\n            <ng-template #defaultEmptyTemplate>\n              <ax-result type=\"empty\" caption=\" {{'common.no-result-found' | trans }}\"></ax-result>\n            </ng-template>\n          </td>\n        </tr>\n      </ng-template>\n    </tbody>\n  </table>\n</div>\n<ng-content select=\"ax-footer\">\n</ng-content>","import {\n  AXPagedComponent,\n  AXPagedComponentInterface,\n  AXValueChangedEvent,\n  MXBaseComponent,\n  AXListDataSource,\n  convertArrayToDataSource,\n  AXDataSource,\n  AXEvent\n} from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ContentChildren,\n  ElementRef,\n  EventEmitter,\n  Input,\n  Output,\n  QueryList,\n  TemplateRef,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { AXDataColumnComponent } from './data-column.directive';\nimport { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';\nimport _ from 'lodash';\n\nexport interface AXDataTableScrollIndexChanged extends AXEvent {\n  index: number;\n}\n\n@Component({\n  selector: 'ax-data-table2',\n  templateUrl: './data-table2.component.html',\n  styleUrls: ['./data-table.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [{ provide: AXPagedComponent, useExisting: AXDataTable2Component }],\n})\nexport class AXDataTable2Component extends MXBaseComponent {\n  @ContentChildren(AXDataColumnComponent)\n  protected columns: QueryList<AXDataColumnComponent>;\n\n  @Output()\n  onPageChanged: EventEmitter<AXValueChangedEvent<number>> = new EventEmitter<AXValueChangedEvent<number>>();\n\n  @Input()\n  rowTemplate?: TemplateRef<unknown>;\n\n  @Input()\n  emptyTemplate?: TemplateRef<unknown>;\n\n\n  @Input()\n  loadingTemplate: TemplateRef<unknown>;\n\n  @Input()\n  showHeader = true;\n\n  private _pageSize = 20;\n  @Input()\n  public get pageSize(): number {\n    return this._pageSize;\n  }\n  public set pageSize(v: number) {\n    this._pageSize = v;\n  }\n\n  @Input()\n  fetchDataMode: 'auto' | 'manual' = 'auto';\n\n  @Input()\n  dataSource: AXDataSource<unknown> = convertArrayToDataSource([]);\n\n  protected listDataSource: AXListDataSource<unknown>;\n  protected isLoading = true;\n  protected hasItems = false;\n  private lastIndex = 0;\n\n  @Input()\n  itemHeight: number | 'auto' = 40;\n\n  protected width = \"100%\"\n\n\n  @ViewChild(CdkVirtualScrollViewport)\n  private viewport: CdkVirtualScrollViewport;\n\n\n  @Output()\n  onScrolledIndexChanged: EventEmitter<AXDataTableScrollIndexChanged> =\n    new EventEmitter<AXDataTableScrollIndexChanged>();\n\n  trackByIdx(i) {\n    return i;\n  }\n\n  ngOnInit() {\n    super.ngOnInit();\n    this.listDataSource = new AXListDataSource<unknown>({\n      source: this.dataSource,\n    });\n    this.listDataSource.source\n      .onLoadingChanged\n      .subscribe((data) => {\n        this.isLoading = data;\n      });\n    this.listDataSource.source\n      .onChanged\n      .subscribe((data) => {\n        this.hasItems = data.totalCount > 0;\n        setTimeout(() => {\n          this.render();\n        }, 100);\n      });\n  }\n  @ViewChild('headerContainer') headerContainer: ElementRef;\n\n  protected _handleOnscrolledIndexChange(e: number) {\n    this.lastIndex = e;\n    this.onScrolledIndexChanged.emit({\n      component: this,\n      index: this.lastIndex,\n      isUserInteraction: true,\n    });\n  }\n\n  ngDoCheck() {\n    if (this.headerContainer) {\n      const headerContainer = this.headerContainer.nativeElement;\n      const left = this.getHostElement().querySelector('.cdk-virtual-scrollable').scrollLeft;\n      headerContainer.scrollLeft = left\n    }\n    if (this.columns && this.columns.length) {\n      const sum = _.sum(this.columns.toArray().map(c => typeof c.width == 'number' ? c.width : Number(c.width.replace('px', ''))));\n      this.width = `${Math.max(sum, this.getHostElement().clientWidth - 5)}px`;\n      //console.log(this.width);\n    }\n  }\n\n  public render() {\n    this.viewport.checkViewportSize();\n    this.viewport.scrollToIndex(this.lastIndex);\n    this.cdr.markForCheck();\n  }\n\n  public refresh() {\n    this.dataSource.refresh();\n  }\n}\n","<ng-content select=\"ax-header\">\n</ng-content>\n<div class=\"ax-table-header\" #headerContainer>\n  <table tabindex=\"0\" *ngIf=\"showHeader\" [style.width]=\"width\">\n    <thead>\n      <tr>\n        <th *ngFor=\"let c of columns\" [style.width]=\"c.width\">\n          <ng-template [ngIf]=\"c.headerTemplate\" [ngIfElse]=\"captionTpl\">\n            <ng-container *ngTemplateOutlet=\"c.headerTemplate\"></ng-container>\n          </ng-template>\n          <ng-template #captionTpl>\n            {{c.caption}}\n          </ng-template>\n        </th>\n        <th>&nbsp;</th>\n      </tr>\n    </thead>\n  </table>\n</div>\n<div cdkVirtualScrollingElement style=\"height: calc(100% - 52px);\">\n  <cdk-virtual-scroll-viewport [itemSize]=\"itemHeight\" [style.--item-height]=\"itemHeight+'px'\"\n    (scrolledIndexChange)=\"_handleOnscrolledIndexChange($event)\">\n    <table tabindex=\"0\" class=\"ax-table-body\" [style.width]=\"width\">\n      <tbody>\n        <!-- <ng-container *ngIf=\"hasItems;else emptyTpl\"> -->\n        <ng-container *cdkVirtualFor=\"let item of listDataSource;let i = index; trackBy: trackByIdx;let rIndex=index;\">\n          <ng-template [ngIf]=\"rowTemplate\" [ngIfElse]=\"rowTpl\">\n            <ng-container *ngTemplateOutlet=\"rowTemplate;context: { $implicit: {data:item,rowIndex:rIndex} }\">\n            </ng-container>\n          </ng-template>\n          <ng-template #rowTpl>\n            <tr>\n              <ng-container *ngFor=\"let c of columns\">\n                <ng-template [ngIf]=\"c.cellTemplate\" [ngIfElse]=\"cellTpl\">\n                  <ng-container *ngTemplateOutlet=\"c.cellTemplate;context: { $implicit: {data:item,rowIndex:rIndex} }\">\n                  </ng-container>\n                </ng-template>\n                <ng-template #cellTpl>\n                  <td [attr.data-label]=\"c.caption\" tabindex=\"0\" [style.width]=\"c.width\">\n                    <ng-container *ngIf=\"item;else loadingTpl\">\n                      {{item[c.valueField]}}\n                    </ng-container>\n                  </td>\n                </ng-template>\n              </ng-container>\n              <td>&nbsp;</td>\n            </tr>\n          </ng-template>\n        </ng-container>\n        <!-- </ng-container> -->\n      </tbody>\n    </table>\n  </cdk-virtual-scroll-viewport>\n</div>\n<ng-content select=\"ax-footer\">\n</ng-content>\n<!--  Loading Template  -->\n<ng-template #loadingTpl>\n  <!--  Custom Loading Template  -->\n  <ng-container *ngIf=\"loadingTemplate;else defaultLoadingTpl\">\n    <ng-container *ngTemplateOutlet=\"loadingTemplate\">\n    </ng-container>\n  </ng-container>\n  <!--  Default Loading Template  -->\n  <ng-template #defaultLoadingTpl>\n    ...\n  </ng-template>\n</ng-template>\n<!--  Empty Template  -->\n<ng-template #emptyTpl>\n  <tr>\n    <td [attr.colspan]=\"columns.length\">\n      <ng-template [ngIf]=\"emptyTemplate\" [ngIfElse]=\"defaultEmptyTemplate\">\n        <ng-container *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\n      </ng-template>\n      <ng-template #defaultEmptyTemplate>\n        <ax-result type=\"empty\" caption=\" {{'common.no-result-found' | trans }}\"></ax-result>\n      </ng-template>\n    </td>\n  </tr>\n</ng-template>\n\n<!-- \n<div class=\"ax-wrapper\">\n  <table class=\"ax-table ax-table-bordered\" tabindex=\"0\">\n    <thead *ngIf=\"showHeader\">\n      <tr>\n        <th *ngFor=\"let c of _columns\">\n          <ng-template [ngIf]=\"c.headerTemplate\" [ngIfElse]=\"captionTpl\">\n            <ng-container *ngTemplateOutlet=\"c.headerTemplate\"></ng-container>\n          </ng-template>\n          <ng-template #captionTpl>\n            {{c.caption}}\n          </ng-template>\n        </th>\n      </tr>\n    </thead>\n    <tbody>\n      <cdk-virtual-scroll-viewport [itemSize]=\"itemHeight\" [style.--item-height]=\"itemHeight+'px'\"\n        (scrolledIndexChange)=\"_handleOnscrolledIndexChange($event)\">\n        <ng-container *cdkVirtualFor=\"let item of listDataSource;let i = index; trackBy: trackByIdx;let rIndex=index\">\n          <ng-template [ngIf]=\"rowTemplate\" [ngIfElse]=\"rowTpl\">\n            <ng-container *ngTemplateOutlet=\"rowTemplate;context: { $implicit: {data:item,rowIndex:rIndex} }\">\n            </ng-container>\n          </ng-template>\n          <ng-template #rowTpl>\n            <tr>\n              <ng-container *ngFor=\"let c of _columns\">\n                <ng-template [ngIf]=\"c.cellTemplate\" [ngIfElse]=\"cellTpl\">\n                  <ng-container *ngTemplateOutlet=\"c.cellTemplate;context: { $implicit: {data:item,rowIndex:rIndex} }\">\n                  </ng-container>\n                </ng-template>\n                <ng-template #cellTpl>\n                  <td [attr.data-label]=\"c.caption\" tabindex=\"0\">\n                    {{item[c.valueField]}}\n                  </td>\n                </ng-template>\n              </ng-container>\n            </tr>\n          </ng-template>\n        </ng-container>\n      </cdk-virtual-scroll-viewport>\n\n\n      <ng-container *ngIf=\"displayItems.length; else emptyTpl\">\n        <ng-container *ngFor=\"let d of displayItems;let rIndex=index\">\n          <ng-template [ngIf]=\"rowTemplate\" [ngIfElse]=\"rowTpl\">\n            <ng-container *ngTemplateOutlet=\"rowTemplate;context: { $implicit: {data:d,rowIndex:rIndex} }\">\n            </ng-container>\n          </ng-template>\n          <ng-template #rowTpl>\n            <tr>\n              <ng-container *ngFor=\"let c of _columns\">\n                <ng-template [ngIf]=\"c.cellTemplate\" [ngIfElse]=\"cellTpl\">\n                  <ng-container *ngTemplateOutlet=\"c.cellTemplate;context: { $implicit: {data:d,rowIndex:rIndex} }\">\n                  </ng-container>\n                </ng-template>\n                <ng-template #cellTpl>\n                  <td [attr.data-label]=\"c.caption\" tabindex=\"0\">\n                    {{d[c.valueField]}}\n                  </td>\n                </ng-template>\n              </ng-container>\n            </tr>\n          </ng-template>\n        </ng-container>\n      </ng-container>\n      <ng-template #emptyTpl>\n        <tr>\n          <td [attr.colspan]=\"_columns.length\">\n            <ng-template [ngIf]=\"emptyTemplate\" [ngIfElse]=\"defaultEmptyTemplate\">\n              <ng-container *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\n            </ng-template>\n            <ng-template #defaultEmptyTemplate>\n              <ax-result type=\"empty\" caption=\" {{'common.no-result-found' | trans }}\"></ax-result>\n            </ng-template>\n          </td>\n        </tr>\n      </ng-template> \n    </tbody>\n  </table>\n</div>\n<ng-content select=\"ax-footer\">\n</ng-content> -->","import { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { AXResultModule } from '@acorex/components/result';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXDataColumnComponent } from './data-column.directive';\nimport { AXDataTableComponent } from './data-table.component';\nimport { AXDataTable2Component } from './data-table2.component';\nimport { ScrollingModule } from '@angular/cdk/scrolling';\n\nconst COMPONENT = [AXDataTableComponent, AXDataTable2Component, AXDataColumnComponent];\nconst MODULES = [CommonModule, ScrollingModule, AXTranslationModule, AXResultModule, AXLoadingModule, AXDecoratorModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXDataTableModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i2","i3","i4"],"mappings":"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"}

package/fesm2022/acorex-components-drawer.mjs

@@ -43,6 +43,7 @@ class AXDrawerComponent extends MXBaseComponent {
         this._mode = 'overlay';
         this.collapsedChange = new EventEmitter();
         this._collapsed = true;
+        this._loaded = false;
     }
     get location() {
         return this._location;
@@ -68,11 +69,12 @@ class AXDrawerComponent extends MXBaseComponent {
     set collapsed(v) {
         this.setOption({
             name: 'collapsed',
-            value: v,
+            value: v
         });
     }
-    ngAfterViewInit() {
+    ngAfterContentInit() {
         this._detectBoundingSize();
+        this._loaded = true;
     }
     internalOptionChanged(option) {
         this._checkProps();
@@ -107,10 +109,8 @@ class AXDrawerComponent extends MXBaseComponent {
         this.collapsed = false;
     }
     get __hostClass() {
-        //return `ax-drawer-${this.mode} ax-drawer-${this.location} ${this.collapsed ? 'ax-collapsed' : 'ax-expanded'} ${!this._loaded ? 'ax-preload' : ''}`;
-        return `ax-drawer-${this.mode} ax-drawer-${this.location} ${this.collapsed ? 'ax-collapsed' : 'ax-expanded'}`;
+        return `ax-drawer-${this.mode} ax-drawer-${this.location} ${this.collapsed ? 'ax-collapsed' : 'ax-expanded'} ${this._loaded ? 'ax-state-loaded' : ''}`;
     }
-    // private _loaded: boolean = false;
     _addBackdrop() {
         this._zone.runOutsideAngular(() => {
             this._backdropElement = document.createElement('div');
@@ -138,7 +138,7 @@ class AXDrawerComponent extends MXBaseComponent {
         ], usesInheritance: true, ngImport: i0, template: `
     <ng-content select="ax-header"></ng-content>
     <ng-content select="ax-content"></ng-content>
-  `, isInline: true, styles: ["ax-drawer-container{display:flex;position:relative;width:100%;height:100%;overflow:hidden}ax-drawer-container.ax-fixed{display:none;inset:0;z-index:1000}ax-drawer-container.ax-fixed.ax-visible{display:flex}ax-drawer-container .ax-backdrop{background-color:#0000004d;position:absolute;width:100%;height:100%;z-index:1;top:0;bottom:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-drawer-container ax-drawer{display:flex;flex-direction:column;max-width:95%;height:100%;background-color:rgba(var(--ax-color-surface));animation-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-drawer-container ax-drawer ax-header,ax-drawer-container ax-drawer ax-footer{padding:.75rem}ax-drawer-container ax-drawer ax-footer{border-top-width:1px}ax-drawer-container ax-drawer ax-header{border-bottom-width:1px}ax-drawer-container ax-drawer.ax-preload{animation-duration:0ms;transition-property:none}ax-drawer-container ax-drawer>ax-content{overflow:auto;flex:1 1 0%}ax-drawer-container ax-drawer.ax-drawer-overlay{position:absolute}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-expanded{z-index:2}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-collapsed{z-index:0}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-start.ax-expanded{inset-inline-start:0px}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-start.ax-collapsed{inset-inline-start:calc(-1 * var(--ax-el-width))}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-end.ax-expanded{inset-inline-end:0px}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-end.ax-collapsed{inset-inline-end:calc(-1 * var(--ax-el-width))}ax-drawer-container ax-drawer.ax-drawer-push{flex:0 1 auto}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-start{order:-9999}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-start.ax-expanded{margin-inline-start:0%}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-start.ax-collapsed{margin-inline-start:calc(-1 * var(--ax-el-width))}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-end{order:9999}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-end.ax-expanded{margin-inline-end:0%}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-end.ax-collapsed{margin-inline-end:calc(-1 * var(--ax-el-width))}ax-drawer-container>ax-content{flex:1 1 0%;height:100%;overflow:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, styles: ["ax-drawer-container{display:flex;position:relative;width:100%;height:100%;overflow:hidden}ax-drawer-container.ax-fixed{display:none;inset:0;z-index:1000}ax-drawer-container.ax-fixed.ax-visible{display:flex}ax-drawer-container .ax-backdrop{background-color:#0000004d;position:absolute;width:100%;height:100%;z-index:1;top:0;bottom:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-drawer-container ax-drawer{display:flex;flex-direction:column;max-width:95%;height:100%;background-color:rgba(var(--ax-color-surface))}ax-drawer-container ax-drawer.ax-state-loaded{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-drawer-container ax-drawer ax-header,ax-drawer-container ax-drawer ax-footer{padding:.75rem}ax-drawer-container ax-drawer ax-footer{border-top-width:1px}ax-drawer-container ax-drawer ax-header{border-bottom-width:1px}ax-drawer-container ax-drawer>ax-content{overflow:auto;flex:1 1 0%}ax-drawer-container ax-drawer.ax-drawer-overlay{position:absolute}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-expanded{z-index:2}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-collapsed{z-index:0}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-start.ax-expanded{inset-inline-start:0px}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-start.ax-collapsed{inset-inline-start:calc(-1 * var(--ax-el-width))}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-end.ax-expanded{inset-inline-end:0px}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-end.ax-collapsed{inset-inline-end:calc(-1 * var(--ax-el-width))}ax-drawer-container ax-drawer.ax-drawer-push{flex:0 1 auto}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-start{order:-9999}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-start.ax-expanded{margin-inline-start:0%}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-start.ax-collapsed{margin-inline-start:calc(-1 * var(--ax-el-width))}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-end{order:9999}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-end.ax-expanded{margin-inline-end:0%}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-end.ax-collapsed{margin-inline-end:calc(-1 * var(--ax-el-width))}ax-drawer-container>ax-content{flex:1 1 0%;height:100%;overflow:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXDrawerComponent, decorators: [{
             type: Component,
@@ -148,7 +148,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImpor
   `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
                         { provide: AXComponent, useExisting: AXDrawerComponent },
                         { provide: AXClosbaleComponent, useExisting: AXDrawerComponent },
-                    ], styles: ["ax-drawer-container{display:flex;position:relative;width:100%;height:100%;overflow:hidden}ax-drawer-container.ax-fixed{display:none;inset:0;z-index:1000}ax-drawer-container.ax-fixed.ax-visible{display:flex}ax-drawer-container .ax-backdrop{background-color:#0000004d;position:absolute;width:100%;height:100%;z-index:1;top:0;bottom:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-drawer-container ax-drawer{display:flex;flex-direction:column;max-width:95%;height:100%;background-color:rgba(var(--ax-color-surface));animation-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-drawer-container ax-drawer ax-header,ax-drawer-container ax-drawer ax-footer{padding:.75rem}ax-drawer-container ax-drawer ax-footer{border-top-width:1px}ax-drawer-container ax-drawer ax-header{border-bottom-width:1px}ax-drawer-container ax-drawer.ax-preload{animation-duration:0ms;transition-property:none}ax-drawer-container ax-drawer>ax-content{overflow:auto;flex:1 1 0%}ax-drawer-container ax-drawer.ax-drawer-overlay{position:absolute}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-expanded{z-index:2}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-collapsed{z-index:0}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-start.ax-expanded{inset-inline-start:0px}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-start.ax-collapsed{inset-inline-start:calc(-1 * var(--ax-el-width))}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-end.ax-expanded{inset-inline-end:0px}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-end.ax-collapsed{inset-inline-end:calc(-1 * var(--ax-el-width))}ax-drawer-container ax-drawer.ax-drawer-push{flex:0 1 auto}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-start{order:-9999}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-start.ax-expanded{margin-inline-start:0%}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-start.ax-collapsed{margin-inline-start:calc(-1 * var(--ax-el-width))}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-end{order:9999}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-end.ax-expanded{margin-inline-end:0%}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-end.ax-collapsed{margin-inline-end:calc(-1 * var(--ax-el-width))}ax-drawer-container>ax-content{flex:1 1 0%;height:100%;overflow:auto}\n"] }]
+                    ], styles: ["ax-drawer-container{display:flex;position:relative;width:100%;height:100%;overflow:hidden}ax-drawer-container.ax-fixed{display:none;inset:0;z-index:1000}ax-drawer-container.ax-fixed.ax-visible{display:flex}ax-drawer-container .ax-backdrop{background-color:#0000004d;position:absolute;width:100%;height:100%;z-index:1;top:0;bottom:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-drawer-container ax-drawer{display:flex;flex-direction:column;max-width:95%;height:100%;background-color:rgba(var(--ax-color-surface))}ax-drawer-container ax-drawer.ax-state-loaded{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-drawer-container ax-drawer ax-header,ax-drawer-container ax-drawer ax-footer{padding:.75rem}ax-drawer-container ax-drawer ax-footer{border-top-width:1px}ax-drawer-container ax-drawer ax-header{border-bottom-width:1px}ax-drawer-container ax-drawer>ax-content{overflow:auto;flex:1 1 0%}ax-drawer-container ax-drawer.ax-drawer-overlay{position:absolute}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-expanded{z-index:2}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-collapsed{z-index:0}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-start.ax-expanded{inset-inline-start:0px}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-start.ax-collapsed{inset-inline-start:calc(-1 * var(--ax-el-width))}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-end.ax-expanded{inset-inline-end:0px}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-end.ax-collapsed{inset-inline-end:calc(-1 * var(--ax-el-width))}ax-drawer-container ax-drawer.ax-drawer-push{flex:0 1 auto}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-start{order:-9999}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-start.ax-expanded{margin-inline-start:0%}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-start.ax-collapsed{margin-inline-start:calc(-1 * var(--ax-el-width))}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-end{order:9999}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-end.ax-expanded{margin-inline-end:0%}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-end.ax-collapsed{margin-inline-end:calc(-1 * var(--ax-el-width))}ax-drawer-container>ax-content{flex:1 1 0%;height:100%;overflow:auto}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.NgZone }]; }, propDecorators: { locationChange: [{
                 type: Output
             }], location: [{

package/fesm2022/acorex-components-drawer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-drawer.mjs","sources":["../../../../libs/components/drawer/src/lib/drawer-container.component.ts","../../../../libs/components/drawer/src/lib/drawer.component.ts","../../../../libs/components/drawer/src/lib/drawer.module.ts","../../../../libs/components/drawer/src/acorex-components-drawer.ts"],"sourcesContent":["import { MXBaseComponent } from '@acorex/components/common';\nimport { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\nimport { AXDrawerComponent } from './drawer.component';\n\n@Component({\n  selector: 'ax-drawer-container',\n  template: `\n    <ng-content select=\"ax-drawer[location='start']\"> </ng-content>\n    <ng-content select=\"ax-content\"> </ng-content>\n    <ng-content select=\"ax-drawer[location='end']\"> </ng-content>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXDrawerContainerComponent extends MXBaseComponent {\n  ngDoCheck() {\n    const host = this.getHostElement();\n    Array.from(host.querySelectorAll('ax-drawer'))\n      .map((c) => c['__axContext__'] as AXDrawerComponent)\n      .some((c) => !c?.collapsed)\n      ? host.classList.add('ax-visible')\n      : host.classList.remove('ax-visible');\n  }\n}\n","import {\n  AXClosbaleComponent,\n  AXComponent,\n  MXBaseComponent,\n  MXComponentOptionChanged,\n} from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  HostBinding,\n  Input,\n  NgZone,\n  Output,\n  ViewEncapsulation,\n} from '@angular/core';\n\nexport type AXDrawerMode = 'push' | 'overlay';\nexport type AXDrawerLocation = 'start' | 'end';\n\n@Component({\n  selector: 'ax-drawer',\n  template: `\n    <ng-content select=\"ax-header\"></ng-content>\n    <ng-content select=\"ax-content\"></ng-content>\n  `,\n  styleUrls: ['./drawer.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    { provide: AXComponent, useExisting: AXDrawerComponent },\n    { provide: AXClosbaleComponent, useExisting: AXDrawerComponent },\n  ],\n})\nexport class AXDrawerComponent extends MXBaseComponent {\n  constructor(private _zone: NgZone) {\n    super();\n  }\n\n  @Output()\n  public locationChange: EventEmitter<AXDrawerLocation> = new EventEmitter<AXDrawerLocation>();\n\n  private _location: AXDrawerLocation = 'start';\n  @Input()\n  public get location(): AXDrawerLocation {\n    return this._location;\n  }\n  public set location(v: AXDrawerLocation) {\n    this.setOption({\n      name: 'location',\n      value: v,\n    });\n  }\n\n  @Output()\n  public modeChange: EventEmitter<AXDrawerMode> = new EventEmitter<AXDrawerMode>();\n\n  private _mode: AXDrawerMode = 'overlay';\n  @Input()\n  public get mode(): AXDrawerMode {\n    return this._mode;\n  }\n  public set mode(v: AXDrawerMode) {\n    this.setOption({\n      name: 'mode',\n      value: v,\n    });\n  }\n\n  @Output()\n  public collapsedChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n  private _collapsed = true;\n  @Input()\n  public get collapsed(): boolean {\n    return this._collapsed;\n  }\n  public set collapsed(v: boolean) {\n    this.setOption({\n      name: 'collapsed',\n      value: v,\n    });\n  }\n\n  ngAfterViewInit(): void {\n    this._detectBoundingSize();\n  }\n\n  override internalOptionChanged(option: MXComponentOptionChanged): void {\n    this._checkProps();\n  }\n\n  ngDoCheck() {\n    this._detectBoundingSize();\n  }\n\n  private _detectBoundingSize() {\n    this._zone.runOutsideAngular(() => {\n      const host = this.getHostElement();\n      if (host.clientWidth) {\n        host.style.setProperty('--ax-el-width', `${host.clientWidth}px`);\n      }\n    });\n  }\n\n  private _checkProps() {\n    this._detectBoundingSize();\n    this._removeBackdrop();\n    if (this.mode == 'overlay') {\n      if (!this.collapsed) {\n        this._addBackdrop();\n      }\n    }\n  }\n\n  toggle() {\n    this.collapsed = !this.collapsed;\n  }\n\n  close() {\n    this.collapsed = true;\n  }\n\n  open() {\n    this.collapsed = false;\n  }\n\n  @HostBinding('class')\n  private get __hostClass(): string {\n    //return `ax-drawer-${this.mode} ax-drawer-${this.location} ${this.collapsed ? 'ax-collapsed' : 'ax-expanded'} ${!this._loaded ? 'ax-preload' : ''}`;\n    return `ax-drawer-${this.mode} ax-drawer-${this.location} ${\n      this.collapsed ? 'ax-collapsed' : 'ax-expanded'\n    }`;\n  }\n\n  private _backdropElement: HTMLElement | any;\n  // private _loaded: boolean = false;\n\n  private _addBackdrop() {\n    this._zone.runOutsideAngular(() => {\n      this._backdropElement = document.createElement('div');\n      this._backdropElement.classList.add('ax-backdrop');\n      this._backdropElement.onclick = () => {\n        this._zone.run(() => {\n          this.close();\n        });\n      };\n      this.getHostElement().parentElement?.appendChild(this._backdropElement);\n    });\n  }\n\n  private _removeBackdrop() {\n    this._zone.runOutsideAngular(() => {\n      if (this._backdropElement) {\n        this.getHostElement().parentElement?.removeChild(this._backdropElement);\n        this._backdropElement = null;\n      }\n    });\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXDrawerContainerComponent } from './drawer-container.component';\nimport { AXDrawerComponent } from './drawer.component';\n\nconst COMPONENT = [AXDrawerComponent, AXDrawerContainerComponent];\nconst MODULES = [CommonModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXDrawerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-drawer.mjs","sources":["../../../../libs/components/drawer/src/lib/drawer-container.component.ts","../../../../libs/components/drawer/src/lib/drawer.component.ts","../../../../libs/components/drawer/src/lib/drawer.module.ts","../../../../libs/components/drawer/src/acorex-components-drawer.ts"],"sourcesContent":["import { MXBaseComponent } from '@acorex/components/common';\nimport { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\nimport { AXDrawerComponent } from './drawer.component';\n\n@Component({\n  selector: 'ax-drawer-container',\n  template: `\n    <ng-content select=\"ax-drawer[location='start']\"> </ng-content>\n    <ng-content select=\"ax-content\"> </ng-content>\n    <ng-content select=\"ax-drawer[location='end']\"> </ng-content>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXDrawerContainerComponent extends MXBaseComponent {\n\n  ngDoCheck() {\n    const host = this.getHostElement();\n    Array.from(host.querySelectorAll('ax-drawer'))\n      .map((c) => c['__axContext__'] as AXDrawerComponent)\n      .some((c) => !c?.collapsed)\n      ? host.classList.add('ax-visible')\n      : host.classList.remove('ax-visible');\n  }\n\n}\n","import {\n  AXClosbaleComponent,\n  AXComponent,\n  MXBaseComponent,\n  MXComponentOptionChanged,\n} from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  HostBinding,\n  Input,\n  NgZone,\n  Output,\n  ViewEncapsulation,\n} from '@angular/core';\n\nexport type AXDrawerMode = 'push' | 'overlay';\nexport type AXDrawerLocation = 'start' | 'end';\n\n@Component({\n  selector: 'ax-drawer',\n  template: `\n    <ng-content select=\"ax-header\"></ng-content>\n    <ng-content select=\"ax-content\"></ng-content>\n  `,\n  styleUrls: ['./drawer.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    { provide: AXComponent, useExisting: AXDrawerComponent },\n    { provide: AXClosbaleComponent, useExisting: AXDrawerComponent },\n  ],\n})\nexport class AXDrawerComponent extends MXBaseComponent {\n  constructor(private _zone: NgZone) {\n    super();\n  }\n\n  @Output()\n  public locationChange: EventEmitter<AXDrawerLocation> = new EventEmitter<AXDrawerLocation>();\n\n  private _location: AXDrawerLocation = 'start';\n  @Input()\n  public get location(): AXDrawerLocation {\n    return this._location;\n  }\n  public set location(v: AXDrawerLocation) {\n    this.setOption({\n      name: 'location',\n      value: v,\n    });\n  }\n\n  @Output()\n  public modeChange: EventEmitter<AXDrawerMode> = new EventEmitter<AXDrawerMode>();\n\n  private _mode: AXDrawerMode = 'overlay';\n  @Input()\n  public get mode(): AXDrawerMode {\n    return this._mode;\n  }\n  public set mode(v: AXDrawerMode) {\n    this.setOption({\n      name: 'mode',\n      value: v,\n    });\n  }\n\n  @Output()\n  public collapsedChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n  private _collapsed = true;\n  @Input()\n  public get collapsed(): boolean {\n    return this._collapsed;\n  }\n  public set collapsed(v: boolean) {\n    this.setOption({\n      name: 'collapsed',\n      value: v\n    });\n  }\n\n  ngAfterContentInit(): void {\n    this._detectBoundingSize();\n    this._loaded = true;\n  }\n\n  override internalOptionChanged(option: MXComponentOptionChanged): void {\n    this._checkProps();\n  }\n\n  ngDoCheck() {\n    this._detectBoundingSize();\n  }\n\n  private _detectBoundingSize() {\n    this._zone.runOutsideAngular(() => {\n      const host = this.getHostElement();\n      if (host.clientWidth) {\n        host.style.setProperty('--ax-el-width', `${host.clientWidth}px`);\n      }\n    });\n  }\n\n  private _checkProps() {\n    this._detectBoundingSize();\n    this._removeBackdrop();\n    if (this.mode == 'overlay') {\n      if (!this.collapsed) {\n        this._addBackdrop();\n      }\n    }\n  }\n\n  toggle() {\n    this.collapsed = !this.collapsed;\n  }\n\n  close() {\n    this.collapsed = true;\n  }\n\n  open() {\n    this.collapsed = false;\n  }\n\n  @HostBinding('class')\n  private get __hostClass(): string {\n    return `ax-drawer-${this.mode} ax-drawer-${this.location} ${this.collapsed ? 'ax-collapsed' : 'ax-expanded'} ${this._loaded ? 'ax-state-loaded' : ''}`;\n  }\n\n  private _backdropElement: HTMLElement;\n  private _loaded = false;\n\n  private _addBackdrop() {\n    this._zone.runOutsideAngular(() => {\n      this._backdropElement = document.createElement('div');\n      this._backdropElement.classList.add('ax-backdrop');\n      this._backdropElement.onclick = () => {\n        this._zone.run(() => {\n          this.close();\n        });\n      };\n      this.getHostElement().parentElement?.appendChild(this._backdropElement);\n    });\n  }\n\n  private _removeBackdrop() {\n    this._zone.runOutsideAngular(() => {\n      if (this._backdropElement) {\n        this.getHostElement().parentElement?.removeChild(this._backdropElement);\n        this._backdropElement = null;\n      }\n    });\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXDrawerContainerComponent } from './drawer-container.component';\nimport { AXDrawerComponent } from './drawer.component';\n\nconst COMPONENT = [AXDrawerComponent, AXDrawerContainerComponent];\nconst MODULES = [CommonModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXDrawerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}