@theseam/ui-common 0.4.28 → 0.4.30

package/fesm2015/theseam-ui-common-table.mjs

@@ -1,7 +1,8 @@
 import { __decorate } from 'tslib';
 import { coerceArray } from '@angular/cdk/coercion';
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
+import { inject, TemplateRef, Directive, Component, Input, ContentChild, EventEmitter, ChangeDetectionStrategy, Output, ContentChildren, NgModule } from '@angular/core';
+import { Subject, merge, Subscription } from 'rxjs';
 import { InputBoolean } from '@theseam/ui-common/core';
 import * as i1 from '@angular/platform-browser';
 import * as i2 from '@angular/common';
@@ -11,11 +12,139 @@ import { CdkTableModule } from '@angular/cdk/table';
 import * as i4 from '@theseam/ui-common/table-cell-type';
 import { TheSeamTableCellTypeModule } from '@theseam/ui-common/table-cell-type';
 
+class TheSeamTableCellTplDirective {
+    constructor() {
+        this.template = inject((TemplateRef));
+    }
+}
+TheSeamTableCellTplDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TheSeamTableCellTplDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+TheSeamTableCellTplDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TheSeamTableCellTplDirective, isStandalone: true, selector: "[seamTableCellTpl]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TheSeamTableCellTplDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[seamTableCellTpl]',
+                    standalone: true,
+                }]
+        }] });
+
+class TheSeamTableColumnHeaderTplDirective {
+    constructor() {
+        this.template = inject((TemplateRef));
+    }
+}
+TheSeamTableColumnHeaderTplDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TheSeamTableColumnHeaderTplDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+TheSeamTableColumnHeaderTplDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TheSeamTableColumnHeaderTplDirective, isStandalone: true, selector: "[seamTableColumnHeaderTpl]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TheSeamTableColumnHeaderTplDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[seamTableColumnHeaderTpl]',
+                    standalone: true,
+                }]
+        }] });
+
+// TODO: The column component should implement `ITableColumn`, since
+// providing some properties by input and some by template could be confusing.
+class TheSeamTableColumnComponent {
+    constructor() {
+        this._isFirstChange = true;
+        this._columnChange = new Subject();
+        this.columnChange$ = this._columnChange.asObservable();
+    }
+    get cellTemplate() {
+        return this._cellTemplateInput || this._cellTemplateQuery;
+    }
+    get headerTemplate() {
+        return this._headerTemplateInput || this._headerTemplateQuery;
+    }
+    // constructor(
+    //   private _columnChangesService: DatatableColumnChangesService
+    // ) {}
+    ngOnChanges(changes) {
+        if (this._isFirstChange) {
+            this._isFirstChange = false;
+        }
+        else {
+            // this._columnChangesService.onInputChange()
+            this._columnChange.next();
+        }
+    }
+}
+TheSeamTableColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TheSeamTableColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TheSeamTableColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TheSeamTableColumnComponent, isStandalone: true, selector: "seam-table-column", inputs: { name: "name", prop: "prop", flexGrow: "flexGrow", headerClass: "headerClass", cellClass: "cellClass", _cellTemplateInput: ["cellTemplate", "_cellTemplateInput"], _headerTemplateInput: ["headerTemplate", "_headerTemplateInput"] }, queries: [{ propertyName: "cellTplDirective", first: true, predicate: TheSeamTableCellTplDirective, descendants: true, static: true }, { propertyName: "_cellTemplateQuery", first: true, predicate: TheSeamTableCellTplDirective, descendants: true, read: TemplateRef, static: true }, { propertyName: "_headerTemplateQuery", first: true, predicate: TheSeamTableColumnHeaderTplDirective, descendants: true, read: TemplateRef, static: true }], usesOnChanges: true, ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TheSeamTableColumnComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'seam-table-column',
+                    standalone: true,
+                    template: ``,
+                }]
+        }], propDecorators: { name: [{
+                type: Input
+            }], prop: [{
+                type: Input
+            }], flexGrow: [{
+                type: Input
+            }], headerClass: [{
+                type: Input
+            }], cellClass: [{
+                type: Input
+            }], cellTplDirective: [{
+                type: ContentChild,
+                args: [TheSeamTableCellTplDirective, { static: true }]
+            }], _cellTemplateInput: [{
+                type: Input,
+                args: ['cellTemplate']
+            }], _cellTemplateQuery: [{
+                type: ContentChild,
+                args: [TheSeamTableCellTplDirective, { read: TemplateRef, static: true }]
+            }], _headerTemplateInput: [{
+                type: Input,
+                args: ['headerTemplate']
+            }], _headerTemplateQuery: [{
+                type: ContentChild,
+                args: [TheSeamTableColumnHeaderTplDirective, { read: TemplateRef, static: true }]
+            }] } });
+
+function mergeColumnsAndTplColumns(columns, tplColumns) {
+    var _a, _b, _c, _d, _e;
+    const newCols = [];
+    for (const col of columns) {
+        const newCol = Object.assign({}, ((typeof col === 'string') ? {
+            prop: col,
+            name: col,
+        } : col));
+        const tplCol = tplColumns.find(c => c.prop === newCol.prop);
+        // newCol.cellTypeConfig = tplCol?.cellTypeConfig
+        if (tplCol) {
+            if (tplCol.name !== undefined && tplCol.name !== null) {
+                newCol.name = (_a = tplCol.name) !== null && _a !== void 0 ? _a : undefined;
+            }
+            if (tplCol.cellTemplate !== undefined && tplCol.cellTemplate !== null) {
+                newCol.cellTemplate = (_b = tplCol.cellTemplate) !== null && _b !== void 0 ? _b : undefined;
+            }
+            if (tplCol.headerTemplate !== undefined && tplCol.headerTemplate !== null) {
+                newCol.headerTemplate = (_c = tplCol.headerTemplate) !== null && _c !== void 0 ? _c : undefined;
+            }
+            if (tplCol.cellClass !== undefined && tplCol.cellClass !== null) {
+                newCol.cellClass = (_d = tplCol.cellClass) !== null && _d !== void 0 ? _d : undefined;
+            }
+            if (tplCol.headerClass !== undefined && tplCol.headerClass !== null) {
+                newCol.headerClass = (_e = tplCol.headerClass) !== null && _e !== void 0 ? _e : undefined;
+            }
+        }
+        newCols.push(newCol);
+    }
+    return newCols;
+}
 class TableComponent {
     get columns() { return this._columns; }
     set columns(value) {
+        var _a, _b;
         this._columns = value;
-        this._setColumns(value || []);
+        // this._setColumns(value || [])
+        const cols = mergeColumnsAndTplColumns(value || [], (_b = (_a = this._columnComponents) === null || _a === void 0 ? void 0 : _a.toArray()) !== null && _b !== void 0 ? _b : []);
+        // this._setColumns(cols)
+        this._pendingColumns = cols;
     }
     get rows() { return this._rows; }
     set rows(value) {
@@ -30,14 +159,58 @@ class TableComponent {
         }
     }
     get displayedRows() { return this._displayedRows; }
+    set columnComponents(value) {
+        var _a;
+        // this._columnsManager.setTemplateColumns(translateTemplateColumns(value?.toArray() ?? []))
+        this._columnComponents = value;
+        if ((value === null || value === void 0 ? void 0 : value.toArray().length) === 0)
+            return;
+        const cols = mergeColumnsAndTplColumns(this._columns || [], (_a = value === null || value === void 0 ? void 0 : value.toArray()) !== null && _a !== void 0 ? _a : []);
+        // this._setColumns(cols)
+        this._pendingColumns = cols;
+        if (this._columnComponentChange)
+            this._columnComponentChange.unsubscribe();
+        const obsArr = value === null || value === void 0 ? void 0 : value.toArray().map(c => c.columnChange$);
+        if (obsArr && obsArr.length > 0) {
+            this._columnComponentChange = merge(obsArr).subscribe(() => {
+                var _a;
+                const _cols = mergeColumnsAndTplColumns(this._columns || [], (_a = value === null || value === void 0 ? void 0 : value.toArray()) !== null && _a !== void 0 ? _a : []);
+                // this._setColumns(_cols)
+                this._pendingColumns = _cols;
+            });
+        }
+    }
     constructor(_sanitizer) {
         this._sanitizer = _sanitizer;
+        this._ngUnsubscribe = new Subject();
         this._rows = [];
         this._displayedRows = [];
         this.hasHeader = true;
+        this.columnsChange = new EventEmitter();
         this.actionRefreshRequest = new EventEmitter();
+        this._columnComponentChange = Subscription.EMPTY;
+    }
+    ngOnInit() {
+        this._updateColumns();
+    }
+    ngAfterContentChecked() {
+        this._updateColumns();
     }
+    ngOnChanges(changes) {
+        if (changes.columns) {
+            this._updateColumns();
+        }
+    }
+    _updateColumns() {
+        const pending = this._pendingColumns;
+        this._pendingColumns = undefined;
+        if (pending) {
+            this._setColumns(pending);
+        }
+    }
+    // TODO: Improve column handling, like datatable, to avoid excessive updates.
     _setColumns(cols) {
+        const prev = this.displayedRecords;
         const newCols = [];
         for (const col of cols) {
             if (typeof col === 'string') {
@@ -64,6 +237,7 @@ class TableComponent {
         }
         this.displayedRecords = newCols;
         this.displayedColumns = newCols.map(c => c.prop);
+        this.columnsChange.emit({ previous: prev, current: newCols });
     }
     triggerActionRefreshRequest() {
         this.actionRefreshRequest.emit(undefined);
@@ -72,14 +246,14 @@ class TableComponent {
         return r.prop + r.name;
     }
 }
-TableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TableComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-TableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: TableComponent, selector: "seam-table", inputs: { columns: "columns", rows: "rows", trackBy: "trackBy", size: "size", hasHeader: "hasHeader" }, outputs: { actionRefreshRequest: "actionRefreshRequest" }, ngImport: i0, template: "<table cdk-table [dataSource]=\"displayedRows\" class=\"table table-header-divider-indented mb-0\"\n  [class.table-striped]=\"rows && rows.length > 0\"\n  [class.table-sm]=\"size === 'sm'\"\n  [class.table-no-header]=\"!hasHeader\">\n  <ng-container *ngFor=\"let r of displayedRecords; first as isFirst; trackBy:_trackByRecords\">\n    <ng-container [cdkColumnDef]=\"r.prop\">\n      <th cdk-header-cell *cdkHeaderCellDef>\n        <ng-container *ngIf=\"hasHeader\">\n          {{ r.name }}\n        </ng-container>\n      </th>\n      <td cdk-cell *cdkCellDef=\"let element; index as rowIndex\"\n        [attr.colspan]=\"element?._emptyDisplay && isFirst ? 2 : undefined\"\n        [class.border-top-0]=\"element?._emptyDisplay && isFirst\"\n        [class.d-none]=\"element?._emptyDisplay && !isFirst\"\n        [style]=\"$any(r)?.cellTypeConfig?.styles\">\n\n        <span [style]=\"$any(r)?.cellTypeConfig?.styles\"></span>\n\n        <ng-container *ngIf=\"element?._emptyDisplay && isFirst; else hasDataTpl\">\n          No records found\n        </ng-container>\n\n        <ng-template #hasDataTpl>\n          <seam-table-cell-type-selector *ngIf=\"$any(r)?.cellType; else noCellType\"\n            [type]=\"$any(r)?.cellType\"\n            [value]=\"element[r.prop]\"\n            [rowIndex]=\"rowIndex\"\n            [row]=\"element\"\n            [colData]=\"r\">\n          </seam-table-cell-type-selector>\n          <ng-template #noCellType>\n            <div class=\"td-text-truncate\" [title]=\"element[r.prop]\">\n              {{ element[r.prop] }}\n            </div>\n          </ng-template>\n        </ng-template>\n\n      </td>\n    </ng-container>\n  </ng-container>\n\n  <tr cdk-header-row *cdkHeaderRowDef=\"displayedColumns\"></tr>\n  <tr cdk-row *cdkRowDef=\"let row; columns: displayedColumns;\"></tr>\n</table>\n", styles: [":host{display:block}:host .table-no-header ::ng-deep thead{display:none}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.CdkTable, selector: "cdk-table, table[cdk-table]", inputs: ["trackBy", "dataSource", "multiTemplateDataRows", "fixedLayout"], outputs: ["contentChanged"], exportAs: ["cdkTable"] }, { kind: "directive", type: i3.CdkRowDef, selector: "[cdkRowDef]", inputs: ["cdkRowDefColumns", "cdkRowDefWhen"] }, { kind: "directive", type: i3.CdkCellDef, selector: "[cdkCellDef]" }, { kind: "directive", type: i3.CdkHeaderCellDef, selector: "[cdkHeaderCellDef]" }, { kind: "directive", type: i3.CdkColumnDef, selector: "[cdkColumnDef]", inputs: ["sticky", "cdkColumnDef", "stickyEnd"] }, { kind: "directive", type: i3.CdkCell, selector: "cdk-cell, td[cdk-cell]" }, { kind: "component", type: i3.CdkRow, selector: "cdk-row, tr[cdk-row]" }, { kind: "directive", type: i3.CdkHeaderCell, selector: "cdk-header-cell, th[cdk-header-cell]" }, { kind: "component", type: i3.CdkHeaderRow, selector: "cdk-header-row, tr[cdk-header-row]" }, { kind: "directive", type: i3.CdkHeaderRowDef, selector: "[cdkHeaderRowDef]", inputs: ["cdkHeaderRowDef", "cdkHeaderRowDefSticky"] }, { kind: "component", type: i4.TableCellTypeSelectorComponent, selector: "seam-table-cell-type-selector", inputs: ["type", "value", "rowIndex", "row", "colData"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+TableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TableComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
+TableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TableComponent, selector: "seam-table", inputs: { columns: "columns", rows: "rows", trackBy: "trackBy", size: "size", hasHeader: "hasHeader" }, outputs: { columnsChange: "columnsChange", actionRefreshRequest: "actionRefreshRequest" }, queries: [{ propertyName: "columnComponents", predicate: TheSeamTableColumnComponent }], usesOnChanges: true, ngImport: i0, template: "<table cdk-table [dataSource]=\"displayedRows\" class=\"table table-header-divider-indented mb-0\"\n  [class.table-striped]=\"rows && rows.length > 0\"\n  [class.table-sm]=\"size === 'sm'\"\n  [class.table-no-header]=\"!hasHeader\">\n  <ng-container *ngFor=\"let r of displayedRecords; first as isFirst; trackBy:_trackByRecords\">\n    <ng-container [cdkColumnDef]=\"r.prop\">\n      <th cdk-header-cell *cdkHeaderCellDef [class]=\"r.headerClass\">\n        <ng-container *ngIf=\"hasHeader\">\n          <ng-container *ngIf=\"$any(r)?.headerTemplate; else noHeaderTpl\">\n            <ng-template\n              [ngTemplateOutlet]=\"$any(r)?.headerTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: r.name, prop: r.prop, column: r }\">\n            </ng-template>\n          </ng-container>\n          <ng-template #noHeaderTpl>\n            {{ r.name }}\n          </ng-template>\n        </ng-container>\n      </th>\n      <td cdk-cell *cdkCellDef=\"let element; index as rowIndex\"\n        [attr.colspan]=\"element?._emptyDisplay && isFirst ? 2 : undefined\"\n        [class]=\"element?._emptyDisplay ? undefined : r.cellClass\"\n        [class.border-top-0]=\"element?._emptyDisplay && isFirst\"\n        [class.d-none]=\"element?._emptyDisplay && !isFirst\"\n        [style]=\"$any(r)?.cellTypeConfig?.styles\">\n\n        <span [style]=\"$any(r)?.cellTypeConfig?.styles\"></span>\n\n        <ng-container *ngIf=\"element?._emptyDisplay && isFirst; else hasDataTpl\">\n          No records found\n        </ng-container>\n\n        <ng-template #hasDataTpl>\n          <seam-table-cell-type-selector *ngIf=\"$any(r)?.cellType; else noCellType\"\n            [type]=\"$any(r)?.cellType\"\n            [value]=\"element[r.prop]\"\n            [rowIndex]=\"rowIndex\"\n            [row]=\"element\"\n            [colData]=\"r\">\n          </seam-table-cell-type-selector>\n          <ng-template #noCellType>\n            <ng-container *ngIf=\"$any(r)?.cellTemplate; else noCellTpl\">\n              <ng-template\n                [ngTemplateOutlet]=\"$any(r)?.cellTemplate\"\n                [ngTemplateOutletContext]=\"{ $implicit: element[r.prop], row: element, rowIndex: rowIndex, column: r }\">\n              </ng-template>\n            </ng-container>\n          </ng-template>\n          <ng-template #noCellTpl>\n            <div class=\"td-text-truncate\" [title]=\"element[r.prop]\">\n              {{ element[r.prop] }}\n            </div>\n          </ng-template>\n        </ng-template>\n\n      </td>\n    </ng-container>\n  </ng-container>\n\n  <tr cdk-header-row *cdkHeaderRowDef=\"displayedColumns\"></tr>\n  <tr cdk-row *cdkRowDef=\"let row; columns: displayedColumns;\"></tr>\n</table>\n", styles: [":host{display:block}:host .table-no-header ::ng-deep thead{display:none}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.CdkTable, selector: "cdk-table, table[cdk-table]", inputs: ["trackBy", "dataSource", "multiTemplateDataRows", "fixedLayout"], outputs: ["contentChanged"], exportAs: ["cdkTable"] }, { kind: "directive", type: i3.CdkRowDef, selector: "[cdkRowDef]", inputs: ["cdkRowDefColumns", "cdkRowDefWhen"] }, { kind: "directive", type: i3.CdkCellDef, selector: "[cdkCellDef]" }, { kind: "directive", type: i3.CdkHeaderCellDef, selector: "[cdkHeaderCellDef]" }, { kind: "directive", type: i3.CdkColumnDef, selector: "[cdkColumnDef]", inputs: ["sticky", "cdkColumnDef", "stickyEnd"] }, { kind: "directive", type: i3.CdkCell, selector: "cdk-cell, td[cdk-cell]" }, { kind: "component", type: i3.CdkRow, selector: "cdk-row, tr[cdk-row]" }, { kind: "directive", type: i3.CdkHeaderCell, selector: "cdk-header-cell, th[cdk-header-cell]" }, { kind: "component", type: i3.CdkHeaderRow, selector: "cdk-header-row, tr[cdk-header-row]" }, { kind: "directive", type: i3.CdkHeaderRowDef, selector: "[cdkHeaderRowDef]", inputs: ["cdkHeaderRowDef", "cdkHeaderRowDefSticky"] }, { kind: "component", type: i4.TableCellTypeSelectorComponent, selector: "seam-table-cell-type-selector", inputs: ["type", "value", "rowIndex", "row", "colData"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 __decorate([
     InputBoolean()
 ], TableComponent.prototype, "hasHeader", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'seam-table', changeDetection: ChangeDetectionStrategy.OnPush, template: "<table cdk-table [dataSource]=\"displayedRows\" class=\"table table-header-divider-indented mb-0\"\n  [class.table-striped]=\"rows && rows.length > 0\"\n  [class.table-sm]=\"size === 'sm'\"\n  [class.table-no-header]=\"!hasHeader\">\n  <ng-container *ngFor=\"let r of displayedRecords; first as isFirst; trackBy:_trackByRecords\">\n    <ng-container [cdkColumnDef]=\"r.prop\">\n      <th cdk-header-cell *cdkHeaderCellDef>\n        <ng-container *ngIf=\"hasHeader\">\n          {{ r.name }}\n        </ng-container>\n      </th>\n      <td cdk-cell *cdkCellDef=\"let element; index as rowIndex\"\n        [attr.colspan]=\"element?._emptyDisplay && isFirst ? 2 : undefined\"\n        [class.border-top-0]=\"element?._emptyDisplay && isFirst\"\n        [class.d-none]=\"element?._emptyDisplay && !isFirst\"\n        [style]=\"$any(r)?.cellTypeConfig?.styles\">\n\n        <span [style]=\"$any(r)?.cellTypeConfig?.styles\"></span>\n\n        <ng-container *ngIf=\"element?._emptyDisplay && isFirst; else hasDataTpl\">\n          No records found\n        </ng-container>\n\n        <ng-template #hasDataTpl>\n          <seam-table-cell-type-selector *ngIf=\"$any(r)?.cellType; else noCellType\"\n            [type]=\"$any(r)?.cellType\"\n            [value]=\"element[r.prop]\"\n            [rowIndex]=\"rowIndex\"\n            [row]=\"element\"\n            [colData]=\"r\">\n          </seam-table-cell-type-selector>\n          <ng-template #noCellType>\n            <div class=\"td-text-truncate\" [title]=\"element[r.prop]\">\n              {{ element[r.prop] }}\n            </div>\n          </ng-template>\n        </ng-template>\n\n      </td>\n    </ng-container>\n  </ng-container>\n\n  <tr cdk-header-row *cdkHeaderRowDef=\"displayedColumns\"></tr>\n  <tr cdk-row *cdkRowDef=\"let row; columns: displayedColumns;\"></tr>\n</table>\n", styles: [":host{display:block}:host .table-no-header ::ng-deep thead{display:none}\n"] }]
+            args: [{ selector: 'seam-table', changeDetection: ChangeDetectionStrategy.OnPush, template: "<table cdk-table [dataSource]=\"displayedRows\" class=\"table table-header-divider-indented mb-0\"\n  [class.table-striped]=\"rows && rows.length > 0\"\n  [class.table-sm]=\"size === 'sm'\"\n  [class.table-no-header]=\"!hasHeader\">\n  <ng-container *ngFor=\"let r of displayedRecords; first as isFirst; trackBy:_trackByRecords\">\n    <ng-container [cdkColumnDef]=\"r.prop\">\n      <th cdk-header-cell *cdkHeaderCellDef [class]=\"r.headerClass\">\n        <ng-container *ngIf=\"hasHeader\">\n          <ng-container *ngIf=\"$any(r)?.headerTemplate; else noHeaderTpl\">\n            <ng-template\n              [ngTemplateOutlet]=\"$any(r)?.headerTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: r.name, prop: r.prop, column: r }\">\n            </ng-template>\n          </ng-container>\n          <ng-template #noHeaderTpl>\n            {{ r.name }}\n          </ng-template>\n        </ng-container>\n      </th>\n      <td cdk-cell *cdkCellDef=\"let element; index as rowIndex\"\n        [attr.colspan]=\"element?._emptyDisplay && isFirst ? 2 : undefined\"\n        [class]=\"element?._emptyDisplay ? undefined : r.cellClass\"\n        [class.border-top-0]=\"element?._emptyDisplay && isFirst\"\n        [class.d-none]=\"element?._emptyDisplay && !isFirst\"\n        [style]=\"$any(r)?.cellTypeConfig?.styles\">\n\n        <span [style]=\"$any(r)?.cellTypeConfig?.styles\"></span>\n\n        <ng-container *ngIf=\"element?._emptyDisplay && isFirst; else hasDataTpl\">\n          No records found\n        </ng-container>\n\n        <ng-template #hasDataTpl>\n          <seam-table-cell-type-selector *ngIf=\"$any(r)?.cellType; else noCellType\"\n            [type]=\"$any(r)?.cellType\"\n            [value]=\"element[r.prop]\"\n            [rowIndex]=\"rowIndex\"\n            [row]=\"element\"\n            [colData]=\"r\">\n          </seam-table-cell-type-selector>\n          <ng-template #noCellType>\n            <ng-container *ngIf=\"$any(r)?.cellTemplate; else noCellTpl\">\n              <ng-template\n                [ngTemplateOutlet]=\"$any(r)?.cellTemplate\"\n                [ngTemplateOutletContext]=\"{ $implicit: element[r.prop], row: element, rowIndex: rowIndex, column: r }\">\n              </ng-template>\n            </ng-container>\n          </ng-template>\n          <ng-template #noCellTpl>\n            <div class=\"td-text-truncate\" [title]=\"element[r.prop]\">\n              {{ element[r.prop] }}\n            </div>\n          </ng-template>\n        </ng-template>\n\n      </td>\n    </ng-container>\n  </ng-container>\n\n  <tr cdk-header-row *cdkHeaderRowDef=\"displayedColumns\"></tr>\n  <tr cdk-row *cdkRowDef=\"let row; columns: displayedColumns;\"></tr>\n</table>\n", styles: [":host{display:block}:host .table-no-header ::ng-deep thead{display:none}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; }, propDecorators: { columns: [{
                 type: Input
             }], rows: [{
@@ -90,20 +264,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                 type: Input
             }], hasHeader: [{
                 type: Input
+            }], columnsChange: [{
+                type: Output
             }], actionRefreshRequest: [{
                 type: Output
+            }], columnComponents: [{
+                type: ContentChildren,
+                args: [TheSeamTableColumnComponent]
             }] } });
 
 class TheSeamTableModule {
 }
-TheSeamTableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TheSeamTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TheSeamTableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: TheSeamTableModule, declarations: [TableComponent], imports: [CommonModule,
+TheSeamTableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TheSeamTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TheSeamTableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TheSeamTableModule, declarations: [TableComponent], imports: [CommonModule,
         CdkTableModule,
-        TheSeamTableCellTypeModule], exports: [TableComponent] });
-TheSeamTableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TheSeamTableModule, imports: [CommonModule,
+        TheSeamTableCellTypeModule,
+        TheSeamTableColumnComponent,
+        TheSeamTableCellTplDirective,
+        TheSeamTableColumnHeaderTplDirective], exports: [TableComponent,
+        TheSeamTableColumnComponent,
+        TheSeamTableCellTplDirective,
+        TheSeamTableColumnHeaderTplDirective] });
+TheSeamTableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TheSeamTableModule, imports: [CommonModule,
         CdkTableModule,
-        TheSeamTableCellTypeModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TheSeamTableModule, decorators: [{
+        TheSeamTableCellTypeModule,
+        TheSeamTableColumnComponent] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TheSeamTableModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -112,10 +298,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                     imports: [
                         CommonModule,
                         CdkTableModule,
-                        TheSeamTableCellTypeModule
+                        TheSeamTableCellTypeModule,
+                        TheSeamTableColumnComponent,
+                        TheSeamTableCellTplDirective,
+                        TheSeamTableColumnHeaderTplDirective,
                     ],
                     exports: [
-                        TableComponent
+                        TableComponent,
+                        TheSeamTableColumnComponent,
+                        TheSeamTableCellTplDirective,
+                        TheSeamTableColumnHeaderTplDirective,
                     ]
                 }]
         }] });
@@ -124,5 +316,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { TableComponent, TheSeamTableModule };
+export { TableComponent, TheSeamTableCellTplDirective, TheSeamTableColumnComponent, TheSeamTableColumnHeaderTplDirective, TheSeamTableModule };
 //# sourceMappingURL=theseam-ui-common-table.mjs.map

package/fesm2015/theseam-ui-common-table.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"theseam-ui-common-table.mjs","sources":["../../../projects/ui-common/table/table/table.component.ts","../../../projects/ui-common/table/table/table.component.html","../../../projects/ui-common/table/table.module.ts","../../../projects/ui-common/table/theseam-ui-common-table.ts"],"sourcesContent":["import { BooleanInput, coerceArray } from '@angular/cdk/coercion'\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core'\nimport { DomSanitizer } from '@angular/platform-browser'\n\nimport { InputBoolean } from '@theseam/ui-common/core'\n\n/**\n * An optional function passed into the `NgForOf` directive that defines how to track\n * changes for items in an iterable.\n * The function takes the iteration index and item ID.\n * When supplied, Angular tracks changes by the return value of the function.\n *\n * NOTE: Can't import the type from'@angular/core', because of a bug in angular-cli's\n * build that can't find exported types that only exist at compile time if there\n * are exports that exist at runtime in the same file.\n */\nexport type TrackByFunction<T> = (index: number, item: T) => any\n\nexport interface ITableColumn {\n  prop: string\n  name?: string\n}\n\n@Component({\n  selector: 'seam-table',\n  templateUrl: './table.component.html',\n  styleUrls: ['./table.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TableComponent<T = any> {\n  static ngAcceptInputType_hasHeader: BooleanInput\n\n  @Input()\n  get columns() { return this._columns }\n  set columns(value: (string | ITableColumn)[] | undefined | null) {\n    this._columns = value\n    this._setColumns(value || [])\n  }\n  private _columns: (string | ITableColumn)[] | undefined | null\n\n  @Input()\n  get rows(): T[] | undefined | null { return this._rows }\n  set rows(value: T[] | undefined | null) {\n    this._rows = value ? coerceArray(value) : []\n\n    if (this._rows.length < 1) {\n      this._displayedRows = [\n        { _emptyDisplay: true } as any\n      ]\n    } else {\n      this._displayedRows = this._rows\n    }\n  }\n  private _rows: T[] | undefined | null = []\n\n  get displayedRows() { return this._displayedRows }\n  private _displayedRows: T[] & { _colSpan?: number } = []\n\n  @Input() trackBy: TrackByFunction<T> | undefined | null\n\n  @Input() size: 'sm' | 'md' | undefined | null\n\n  @Input() @InputBoolean() hasHeader = true\n\n  public displayedRecords?: ITableColumn[]\n  public displayedColumns?: string[]\n\n  @Output() readonly actionRefreshRequest = new EventEmitter<void>()\n\n  constructor(\n    private readonly _sanitizer: DomSanitizer\n  ) { }\n\n  private _setColumns(cols: (string | ITableColumn)[]) {\n    const newCols: ITableColumn[] = []\n\n    for (const col of cols) {\n      if (typeof col === 'string') {\n        const newCol: ITableColumn = {\n          prop: col,\n          name: col\n        }\n        newCols.push(newCol)\n      } else {\n        let name = col.name\n        if (name === undefined || name === null) {\n          name = col.prop\n        }\n        const newCol: ITableColumn = {\n          ...col,\n          prop: col.prop,\n          name\n        }\n        newCols.push(newCol)\n      }\n    }\n\n    for (const col of newCols) {\n      const _col = col as any\n      if (_col && _col.cellTypeConfig && _col.cellTypeConfig.styles) {\n        _col.cellTypeConfig.styles = this._sanitizer.bypassSecurityTrustStyle(_col.cellTypeConfig.styles)\n      }\n    }\n\n    this.displayedRecords = newCols\n    this.displayedColumns = newCols.map(c => c.prop)\n  }\n\n  public triggerActionRefreshRequest() {\n    this.actionRefreshRequest.emit(undefined)\n  }\n\n  _trackByRecords(r: any) {\n    return r.prop + r.name\n  }\n\n}\n","<table cdk-table [dataSource]=\"displayedRows\" class=\"table table-header-divider-indented mb-0\"\n  [class.table-striped]=\"rows && rows.length > 0\"\n  [class.table-sm]=\"size === 'sm'\"\n  [class.table-no-header]=\"!hasHeader\">\n  <ng-container *ngFor=\"let r of displayedRecords; first as isFirst; trackBy:_trackByRecords\">\n    <ng-container [cdkColumnDef]=\"r.prop\">\n      <th cdk-header-cell *cdkHeaderCellDef>\n        <ng-container *ngIf=\"hasHeader\">\n          {{ r.name }}\n        </ng-container>\n      </th>\n      <td cdk-cell *cdkCellDef=\"let element; index as rowIndex\"\n        [attr.colspan]=\"element?._emptyDisplay && isFirst ? 2 : undefined\"\n        [class.border-top-0]=\"element?._emptyDisplay && isFirst\"\n        [class.d-none]=\"element?._emptyDisplay && !isFirst\"\n        [style]=\"$any(r)?.cellTypeConfig?.styles\">\n\n        <span [style]=\"$any(r)?.cellTypeConfig?.styles\"></span>\n\n        <ng-container *ngIf=\"element?._emptyDisplay && isFirst; else hasDataTpl\">\n          No records found\n        </ng-container>\n\n        <ng-template #hasDataTpl>\n          <seam-table-cell-type-selector *ngIf=\"$any(r)?.cellType; else noCellType\"\n            [type]=\"$any(r)?.cellType\"\n            [value]=\"element[r.prop]\"\n            [rowIndex]=\"rowIndex\"\n            [row]=\"element\"\n            [colData]=\"r\">\n          </seam-table-cell-type-selector>\n          <ng-template #noCellType>\n            <div class=\"td-text-truncate\" [title]=\"element[r.prop]\">\n              {{ element[r.prop] }}\n            </div>\n          </ng-template>\n        </ng-template>\n\n      </td>\n    </ng-container>\n  </ng-container>\n\n  <tr cdk-header-row *cdkHeaderRowDef=\"displayedColumns\"></tr>\n  <tr cdk-row *cdkRowDef=\"let row; columns: displayedColumns;\"></tr>\n</table>\n","import { CdkTableModule } from '@angular/cdk/table'\nimport { CommonModule } from '@angular/common'\nimport { NgModule } from '@angular/core'\n\nimport { TheSeamTableCellTypeModule } from '@theseam/ui-common/table-cell-type'\n\nimport { TableComponent } from './table/table.component'\n\n@NgModule({\n  declarations: [\n    TableComponent\n  ],\n  imports: [\n    CommonModule,\n    CdkTableModule,\n    TheSeamTableCellTypeModule\n  ],\n  exports: [\n    TableComponent\n  ]\n})\nexport class TheSeamTableModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"theseam-ui-common-table.mjs","sources":["../../../projects/ui-common/table/table-cell-tpl.directive.ts","../../../projects/ui-common/table/table-column-header-tpl.directive.ts","../../../projects/ui-common/table/table-column.component.ts","../../../projects/ui-common/table/table/table.component.ts","../../../projects/ui-common/table/table/table.component.html","../../../projects/ui-common/table/table.module.ts","../../../projects/ui-common/table/theseam-ui-common-table.ts"],"sourcesContent":["import { Directive, inject, TemplateRef } from '@angular/core'\n\n@Directive({\n  selector: '[seamTableCellTpl]',\n  standalone: true,\n})\nexport class TheSeamTableCellTplDirective {\n  template = inject(TemplateRef<any>)\n}\n","import { Directive, inject, TemplateRef } from '@angular/core'\n\n@Directive({\n  selector: '[seamTableColumnHeaderTpl]',\n  standalone: true,\n})\nexport class TheSeamTableColumnHeaderTplDirective {\n  template = inject(TemplateRef<any>)\n}\n","import { Component, ContentChild, Input, OnChanges, SimpleChanges, TemplateRef } from '@angular/core'\nimport { Subject } from 'rxjs'\n\nimport { ColumnChangesService, TableColumnProp } from '@marklb/ngx-datatable'\n\nimport { TheSeamTableCellTplDirective } from './table-cell-tpl.directive'\nimport { TheSeamTableColumnHeaderTplDirective } from './table-column-header-tpl.directive'\n\n// TODO: The column component should implement `ITableColumn`, since\n// providing some properties by input and some by template could be confusing.\n\n@Component({\n  selector: 'seam-table-column',\n  standalone: true,\n  template: ``,\n})\nexport class TheSeamTableColumnComponent implements OnChanges {\n\n  @Input() name?: string | null\n  @Input() prop?: TableColumnProp | null\n\n  @Input() flexGrow?: number | null\n  // @Input() minWidth?: number | null\n  // @Input() maxWidth?: number | null\n  // @Input() width?: number | null\n\n  // @Input() headerClass?: string | ((data: any) => string|any) | null\n  @Input() headerClass?: string | null\n  // @Input() cellClass?: string | ((data: any) => string|any) | null\n  @Input() cellClass?: string | null\n\n  private _isFirstChange = true\n\n  @ContentChild(TheSeamTableCellTplDirective, { static: true }) cellTplDirective?: TheSeamTableCellTplDirective\n\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  @Input('cellTemplate')\n  _cellTemplateInput?: TemplateRef<any> | null\n\n  @ContentChild(TheSeamTableCellTplDirective, { read: TemplateRef, static: true })\n  _cellTemplateQuery?: TemplateRef<any>\n\n  get cellTemplate(): TemplateRef<any> | undefined | null {\n    return this._cellTemplateInput || this._cellTemplateQuery\n  }\n\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  @Input('headerTemplate')\n  _headerTemplateInput?: TemplateRef<any> | null\n\n  @ContentChild(TheSeamTableColumnHeaderTplDirective, { read: TemplateRef, static: true })\n  _headerTemplateQuery?: TemplateRef<any>\n\n  get headerTemplate(): TemplateRef<any> | undefined | null {\n    return this._headerTemplateInput || this._headerTemplateQuery\n  }\n\n  private readonly _columnChange = new Subject<void>()\n  public columnChange$ = this._columnChange.asObservable()\n\n  // constructor(\n  //   private _columnChangesService: DatatableColumnChangesService\n  // ) {}\n\n  ngOnChanges(changes: SimpleChanges) {\n    if (this._isFirstChange) {\n      this._isFirstChange = false\n    } else {\n      // this._columnChangesService.onInputChange()\n      this._columnChange.next()\n    }\n  }\n\n}\n","import { BooleanInput, coerceArray } from '@angular/cdk/coercion'\nimport { AfterContentChecked, ChangeDetectionStrategy, Component, ContentChildren, EventEmitter, Input, OnChanges, OnInit, Output, QueryList, SimpleChanges, TemplateRef } from '@angular/core'\nimport { DomSanitizer } from '@angular/platform-browser'\nimport { merge, Subject, Subscription } from 'rxjs'\n\nimport { InputBoolean } from '@theseam/ui-common/core'\n\nimport { TheSeamTableColumnComponent } from '../table-column.component'\n\n/**\n * An optional function passed into the `NgForOf` directive that defines how to track\n * changes for items in an iterable.\n * The function takes the iteration index and item ID.\n * When supplied, Angular tracks changes by the return value of the function.\n *\n * NOTE: Can't import the type from'@angular/core', because of a bug in angular-cli's\n * build that can't find exported types that only exist at compile time if there\n * are exports that exist at runtime in the same file.\n */\nexport type TrackByFunction<T> = (index: number, item: T) => any\n\nexport interface ITableColumn {\n  prop: string\n  name?: string\n  cellTemplate?: TemplateRef<any>\n  headerTemplate?: TemplateRef<any>\n  cellClass?: string // | ((data: any) => string | any)\n  headerClass?: string // | ((data: any) => string | any)\n}\n\nfunction mergeColumnsAndTplColumns(columns: (string | ITableColumn)[], tplColumns: TheSeamTableColumnComponent[]): ITableColumn[] {\n  const newCols: ITableColumn[] = []\n\n  for (const col of columns) {\n    const newCol: ITableColumn = {\n      ...((typeof col === 'string') ? {\n          prop: col,\n          name: col,\n        } : col),\n    }\n    const tplCol = tplColumns.find(c => c.prop === newCol.prop)\n    // newCol.cellTypeConfig = tplCol?.cellTypeConfig\n    if (tplCol) {\n      if (tplCol.name !== undefined && tplCol.name !== null) {\n        newCol.name = tplCol.name ?? undefined\n      }\n      if (tplCol.cellTemplate !== undefined && tplCol.cellTemplate !== null) {\n        newCol.cellTemplate = tplCol.cellTemplate ?? undefined\n      }\n      if (tplCol.headerTemplate !== undefined && tplCol.headerTemplate !== null) {\n        newCol.headerTemplate = tplCol.headerTemplate ?? undefined\n      }\n      if (tplCol.cellClass !== undefined && tplCol.cellClass !== null) {\n        newCol.cellClass = tplCol.cellClass ?? undefined\n      }\n      if (tplCol.headerClass !== undefined && tplCol.headerClass !== null) {\n        newCol.headerClass = tplCol.headerClass ?? undefined\n      }\n    }\n\n    newCols.push(newCol)\n  }\n\n  return newCols\n}\n\n@Component({\n  selector: 'seam-table',\n  templateUrl: './table.component.html',\n  styleUrls: ['./table.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TableComponent<T = any> implements OnInit, OnChanges, AfterContentChecked {\n  static ngAcceptInputType_hasHeader: BooleanInput\n\n  private readonly _ngUnsubscribe = new Subject<void>()\n\n  @Input()\n  get columns() { return this._columns }\n  set columns(value: (string | ITableColumn)[] | undefined | null) {\n    this._columns = value\n    // this._setColumns(value || [])\n    const cols = mergeColumnsAndTplColumns(value || [], this._columnComponents?.toArray() ?? [])\n    // this._setColumns(cols)\n    this._pendingColumns = cols\n  }\n  private _columns: (string | ITableColumn)[] | undefined | null\n\n  @Input()\n  get rows(): T[] | undefined | null { return this._rows }\n  set rows(value: T[] | undefined | null) {\n    this._rows = value ? coerceArray(value) : []\n\n    if (this._rows.length < 1) {\n      this._displayedRows = [\n        { _emptyDisplay: true } as any\n      ]\n    } else {\n      this._displayedRows = this._rows\n    }\n  }\n  private _rows: T[] | undefined | null = []\n\n  get displayedRows() { return this._displayedRows }\n  private _displayedRows: T[] & { _colSpan?: number } = []\n\n  @Input() trackBy: TrackByFunction<T> | undefined | null\n\n  @Input() size: 'sm' | 'md' | undefined | null\n\n  @Input() @InputBoolean() hasHeader = true\n\n  private _pendingColumns?: ITableColumn[]\n\n  public displayedRecords?: ITableColumn[]\n  public displayedColumns?: string[]\n\n  @Output() readonly columnsChange = new EventEmitter<{ previous: ITableColumn[] | undefined, current: ITableColumn[] }>()\n  @Output() readonly actionRefreshRequest = new EventEmitter<void>()\n\n  @ContentChildren(TheSeamTableColumnComponent)\n  set columnComponents(value: QueryList<TheSeamTableColumnComponent> | undefined) {\n    // this._columnsManager.setTemplateColumns(translateTemplateColumns(value?.toArray() ?? []))\n    this._columnComponents = value\n    if (value?.toArray().length === 0) return\n    const cols = mergeColumnsAndTplColumns(this._columns || [], value?.toArray() ?? [])\n    // this._setColumns(cols)\n    this._pendingColumns = cols\n\n    if (this._columnComponentChange) this._columnComponentChange.unsubscribe()\n    const obsArr = value?.toArray().map(c => c.columnChange$)\n    if (obsArr && obsArr.length > 0) {\n      this._columnComponentChange = merge(obsArr).subscribe(() => {\n        const _cols = mergeColumnsAndTplColumns(this._columns || [], value?.toArray() ?? [])\n        // this._setColumns(_cols)\n        this._pendingColumns = _cols\n      })\n    }\n  }\n  private _columnComponents: QueryList<TheSeamTableColumnComponent> | undefined\n  private _columnComponentChange = Subscription.EMPTY\n\n  constructor(\n    private readonly _sanitizer: DomSanitizer\n  ) { }\n\n  ngOnInit() {\n    this._updateColumns()\n  }\n\n  ngAfterContentChecked() {\n    this._updateColumns()\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes.columns) {\n      this._updateColumns()\n    }\n  }\n\n  private _updateColumns() {\n    const pending = this._pendingColumns\n    this._pendingColumns = undefined\n    if (pending) {\n      this._setColumns(pending)\n    }\n  }\n\n  // TODO: Improve column handling, like datatable, to avoid excessive updates.\n  private _setColumns(cols: (string | ITableColumn)[]) {\n    const prev = this.displayedRecords\n    const newCols: ITableColumn[] = []\n\n    for (const col of cols) {\n      if (typeof col === 'string') {\n        const newCol: ITableColumn = {\n          prop: col,\n          name: col\n        }\n        newCols.push(newCol)\n      } else {\n        let name = col.name\n        if (name === undefined || name === null) {\n          name = col.prop\n        }\n        const newCol: ITableColumn = {\n          ...col,\n          prop: col.prop,\n          name\n        }\n        newCols.push(newCol)\n      }\n    }\n\n    for (const col of newCols) {\n      const _col = col as any\n      if (_col && _col.cellTypeConfig && _col.cellTypeConfig.styles) {\n        _col.cellTypeConfig.styles = this._sanitizer.bypassSecurityTrustStyle(_col.cellTypeConfig.styles)\n      }\n    }\n\n    this.displayedRecords = newCols\n    this.displayedColumns = newCols.map(c => c.prop)\n    this.columnsChange.emit({ previous: prev, current: newCols })\n  }\n\n  public triggerActionRefreshRequest() {\n    this.actionRefreshRequest.emit(undefined)\n  }\n\n  _trackByRecords(r: any) {\n    return r.prop + r.name\n  }\n\n}\n","<table cdk-table [dataSource]=\"displayedRows\" class=\"table table-header-divider-indented mb-0\"\n  [class.table-striped]=\"rows && rows.length > 0\"\n  [class.table-sm]=\"size === 'sm'\"\n  [class.table-no-header]=\"!hasHeader\">\n  <ng-container *ngFor=\"let r of displayedRecords; first as isFirst; trackBy:_trackByRecords\">\n    <ng-container [cdkColumnDef]=\"r.prop\">\n      <th cdk-header-cell *cdkHeaderCellDef [class]=\"r.headerClass\">\n        <ng-container *ngIf=\"hasHeader\">\n          <ng-container *ngIf=\"$any(r)?.headerTemplate; else noHeaderTpl\">\n            <ng-template\n              [ngTemplateOutlet]=\"$any(r)?.headerTemplate\"\n              [ngTemplateOutletContext]=\"{ $implicit: r.name, prop: r.prop, column: r }\">\n            </ng-template>\n          </ng-container>\n          <ng-template #noHeaderTpl>\n            {{ r.name }}\n          </ng-template>\n        </ng-container>\n      </th>\n      <td cdk-cell *cdkCellDef=\"let element; index as rowIndex\"\n        [attr.colspan]=\"element?._emptyDisplay && isFirst ? 2 : undefined\"\n        [class]=\"element?._emptyDisplay ? undefined : r.cellClass\"\n        [class.border-top-0]=\"element?._emptyDisplay && isFirst\"\n        [class.d-none]=\"element?._emptyDisplay && !isFirst\"\n        [style]=\"$any(r)?.cellTypeConfig?.styles\">\n\n        <span [style]=\"$any(r)?.cellTypeConfig?.styles\"></span>\n\n        <ng-container *ngIf=\"element?._emptyDisplay && isFirst; else hasDataTpl\">\n          No records found\n        </ng-container>\n\n        <ng-template #hasDataTpl>\n          <seam-table-cell-type-selector *ngIf=\"$any(r)?.cellType; else noCellType\"\n            [type]=\"$any(r)?.cellType\"\n            [value]=\"element[r.prop]\"\n            [rowIndex]=\"rowIndex\"\n            [row]=\"element\"\n            [colData]=\"r\">\n          </seam-table-cell-type-selector>\n          <ng-template #noCellType>\n            <ng-container *ngIf=\"$any(r)?.cellTemplate; else noCellTpl\">\n              <ng-template\n                [ngTemplateOutlet]=\"$any(r)?.cellTemplate\"\n                [ngTemplateOutletContext]=\"{ $implicit: element[r.prop], row: element, rowIndex: rowIndex, column: r }\">\n              </ng-template>\n            </ng-container>\n          </ng-template>\n          <ng-template #noCellTpl>\n            <div class=\"td-text-truncate\" [title]=\"element[r.prop]\">\n              {{ element[r.prop] }}\n            </div>\n          </ng-template>\n        </ng-template>\n\n      </td>\n    </ng-container>\n  </ng-container>\n\n  <tr cdk-header-row *cdkHeaderRowDef=\"displayedColumns\"></tr>\n  <tr cdk-row *cdkRowDef=\"let row; columns: displayedColumns;\"></tr>\n</table>\n","import { CdkTableModule } from '@angular/cdk/table'\nimport { CommonModule } from '@angular/common'\nimport { NgModule } from '@angular/core'\n\nimport { TheSeamTableCellTypeModule } from '@theseam/ui-common/table-cell-type'\n\nimport { TableComponent } from './table/table.component'\nimport { TheSeamTableColumnComponent } from './table-column.component'\nimport { TheSeamTableCellTplDirective } from './table-cell-tpl.directive'\nimport { TheSeamTableColumnHeaderTplDirective } from './table-column-header-tpl.directive'\n\n@NgModule({\n  declarations: [\n    TableComponent\n  ],\n  imports: [\n    CommonModule,\n    CdkTableModule,\n    TheSeamTableCellTypeModule,\n    TheSeamTableColumnComponent,\n    TheSeamTableCellTplDirective,\n    TheSeamTableColumnHeaderTplDirective,\n  ],\n  exports: [\n    TableComponent,\n    TheSeamTableColumnComponent,\n    TheSeamTableCellTplDirective,\n    TheSeamTableColumnHeaderTplDirective,\n  ]\n})\nexport class TheSeamTableModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2015/theseam-ui-common-tel-input.mjs

@@ -449,9 +449,9 @@ class TheSeamTelInputDirective {
         return this._elementRef.nativeElement;
     }
 }
-TheSeamTelInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TheSeamTelInputDirective, deps: [{ token: i0.ElementRef }, { token: i1.AssetLoaderService }, { token: i0.NgZone }, { token: DOCUMENT, optional: true }, { token: i3.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Directive });
-TheSeamTelInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.7", type: TheSeamTelInputDirective, isStandalone: true, selector: "input[seamTelInput]", inputs: { value: "value" }, host: { properties: { "attr.type": "this._attrType" } }, exportAs: ["seamTelInput"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TheSeamTelInputDirective, decorators: [{
+TheSeamTelInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TheSeamTelInputDirective, deps: [{ token: i0.ElementRef }, { token: i1.AssetLoaderService }, { token: i0.NgZone }, { token: DOCUMENT, optional: true }, { token: i3.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Directive });
+TheSeamTelInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TheSeamTelInputDirective, isStandalone: true, selector: "input[seamTelInput]", inputs: { value: "value" }, host: { properties: { "attr.type": "this._attrType" } }, exportAs: ["seamTelInput"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TheSeamTelInputDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[seamTelInput]',
@@ -612,8 +612,8 @@ class TheSeamTelInputComponent {
         return this._focusOrigin !== null && this._focusOrigin !== undefined;
     }
 }
-TheSeamTelInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TheSeamTelInputComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Injector }, { token: i0.ElementRef }, { token: i1$1.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component });
-TheSeamTelInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: TheSeamTelInputComponent, isStandalone: true, selector: "seam-tel-input", inputs: { required: "required", disabled: "disabled", tabIndex: "tabIndex", name: "name", value: "value" }, outputs: { change: "change" }, host: { listeners: { "focus": "_onFocus($event)" }, properties: { "attr.disabled": "this._attrDisabled", "attr.tabindex": "this._attrTabIndex" } }, providers: [{
+TheSeamTelInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TheSeamTelInputComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Injector }, { token: i0.ElementRef }, { token: i1$1.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component });
+TheSeamTelInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TheSeamTelInputComponent, isStandalone: true, selector: "seam-tel-input", inputs: { required: "required", disabled: "disabled", tabIndex: "tabIndex", name: "name", value: "value" }, outputs: { change: "change" }, host: { listeners: { "focus": "_onFocus($event)" }, properties: { "attr.disabled": "this._attrDisabled", "attr.tabindex": "this._attrTabIndex" } }, providers: [{
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => TheSeamTelInputComponent),
             multi: true
@@ -621,7 +621,7 @@ TheSeamTelInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0
 __decorate([
     InputBoolean()
 ], TheSeamTelInputComponent.prototype, "required", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TheSeamTelInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TheSeamTelInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'seam-tel-input', providers: [{
                             provide: NG_VALUE_ACCESSOR,
@@ -727,9 +727,9 @@ class TheSeamPhoneNumberPipe {
         });
     }
 }
-TheSeamPhoneNumberPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TheSeamPhoneNumberPipe, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Pipe });
-TheSeamPhoneNumberPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: TheSeamPhoneNumberPipe, name: "phoneNumber", pure: false });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TheSeamPhoneNumberPipe, decorators: [{
+TheSeamPhoneNumberPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TheSeamPhoneNumberPipe, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Pipe });
+TheSeamPhoneNumberPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TheSeamPhoneNumberPipe, name: "phoneNumber", pure: false });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TheSeamPhoneNumberPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'phoneNumber',
@@ -739,19 +739,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
 
 class TheSeamTelInputModule {
 }
-TheSeamTelInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TheSeamTelInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TheSeamTelInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: TheSeamTelInputModule, declarations: [TheSeamPhoneNumberPipe], imports: [CommonModule,
+TheSeamTelInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TheSeamTelInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TheSeamTelInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TheSeamTelInputModule, declarations: [TheSeamPhoneNumberPipe], imports: [CommonModule,
         ReactiveFormsModule,
         TheSeamFormFieldModule,
         TheSeamTelInputDirective,
         TheSeamTelInputComponent], exports: [TheSeamTelInputDirective,
         TheSeamTelInputComponent,
         TheSeamPhoneNumberPipe] });
-TheSeamTelInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TheSeamTelInputModule, imports: [CommonModule,
+TheSeamTelInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TheSeamTelInputModule, imports: [CommonModule,
         ReactiveFormsModule,
         TheSeamFormFieldModule,
         TheSeamTelInputComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TheSeamTelInputModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TheSeamTelInputModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [