@theseam/ui-common 0.4.0-beta.6 → 0.4.2

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

@@ -19,7 +19,7 @@ class TableComponent {
     }
     get rows() { return this._rows; }
     set rows(value) {
-        this._rows = !!value ? coerceArray(value) : [];
+        this._rows = value ? coerceArray(value) : [];
         if (this._rows.length < 1) {
             this._displayedRows = [
                 { _emptyDisplay: true }
@@ -37,7 +37,6 @@ class TableComponent {
         this.hasHeader = true;
         this.actionRefreshRequest = new EventEmitter();
     }
-    ngOnInit() { }
     _setColumns(cols) {
         const newCols = [];
         for (const col of cols) {
@@ -73,12 +72,12 @@ class TableComponent {
         return r.prop + r.name;
     }
 }
-TableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TableComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-TableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.6", 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.9", ngImport: i0, type: TableComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
+TableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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 });
 __decorate([
     InputBoolean()
 ], TableComponent.prototype, "hasHeader", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", 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"] }]
         }], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; }, propDecorators: { columns: [{
@@ -97,14 +96,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImpor
 
 class TheSeamTableModule {
 }
-TheSeamTableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TheSeamTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TheSeamTableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.6", ngImport: i0, type: TheSeamTableModule, declarations: [TableComponent], imports: [CommonModule,
+TheSeamTableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TheSeamTableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: TheSeamTableModule, declarations: [TableComponent], imports: [CommonModule,
         CdkTableModule,
         TheSeamTableCellTypeModule], exports: [TableComponent] });
-TheSeamTableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TheSeamTableModule, imports: [CommonModule,
+TheSeamTableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamTableModule, imports: [CommonModule,
         CdkTableModule,
         TheSeamTableCellTypeModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TheSeamTableModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamTableModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

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, OnInit, 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> implements OnInit {\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: boolean = 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  ngOnInit() { }\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/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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"}

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

@@ -27,7 +27,7 @@ import * as i1$1 from '@angular/cdk/a11y';
 /**
  * Partial types for intl-tel-input-utils
  */
-// tslint:disable-next-line: no-namespace
+// eslint-disable-next-line @typescript-eslint/no-namespace
 var intlTelInputUtils;
 (function (intlTelInputUtils) {
     let numberFormat;
@@ -96,12 +96,12 @@ function addCountryCode(data, iso2, countryCode, priority) {
     if (countryCode.length > data.countryCodeMaxLen) {
         data.countryCodeMaxLen = countryCode.length;
     }
-    if (!data.countryCodes.hasOwnProperty(countryCode)) {
+    if (!Object.prototype.hasOwnProperty.call(data.countryCodes, countryCode)) {
         data.countryCodes[countryCode] = [];
     }
     // bail if we already have this country for this countryCode
-    for (let i = 0; i < data.countryCodes[countryCode].length; i++) {
-        if (data.countryCodes[countryCode][i] === iso2) {
+    for (const code of data.countryCodes[countryCode]) {
+        if (code === iso2) {
             return;
         }
     }
@@ -237,8 +237,7 @@ function processCountryCodes(countries) {
         countryCodes: {}
     };
     // first: add dial codes
-    for (let i = 0; i < countries.length; i++) {
-        const c = countries[i];
+    for (const c of countries) {
         if (!data.dialCodes[c.dialCode]) {
             data.dialCodes[c.dialCode] = true;
         }
@@ -248,14 +247,12 @@ function processCountryCodes(countries) {
     // this is a second loop over countries, to make sure we have all of the "root" countries
     // already in the map, so that we can access them, as each time we add an area code substring
     // to the map, we also need to include the "root" country's code, as that also matches
-    for (let i = 0; i < countries.length; i++) {
-        const c = countries[i];
+    for (const c of countries) {
         // area codes
         if (c.areaCodes) {
             const rootCountryCode = data.countryCodes[c.dialCode][0];
             // for each area code
-            for (let j = 0; j < c.areaCodes.length; j++) {
-                const areaCode = c.areaCodes[j];
+            for (const areaCode of c.areaCodes) {
                 // for each digit in the area code to add all partial matches as well
                 for (let k = 1; k < areaCode.length; k++) {
                     const partialDialCode = c.dialCode + areaCode.substr(0, k);
@@ -452,9 +449,9 @@ class TheSeamTelInputDirective {
         return this._elementRef.nativeElement;
     }
 }
-TheSeamTelInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TheSeamTelInputDirective, deps: [{ token: i0.ElementRef }, { token: i1.AssetLoaderService }, { token: i0.NgZone }, { token: DOCUMENT, optional: true }, { token: i2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Directive });
-TheSeamTelInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.6", type: TheSeamTelInputDirective, 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.6", ngImport: i0, type: TheSeamTelInputDirective, decorators: [{
+TheSeamTelInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamTelInputDirective, deps: [{ token: i0.ElementRef }, { token: i1.AssetLoaderService }, { token: i0.NgZone }, { token: DOCUMENT, optional: true }, { token: i2.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Directive });
+TheSeamTelInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: TheSeamTelInputDirective, 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.9", ngImport: i0, type: TheSeamTelInputDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[seamTelInput]',
@@ -527,6 +524,7 @@ class TheSeamTelInputComponent {
         /** Name value will be applied to the input element if present */
         this.name = null;
         /** Event emitted when the "tel" input value changes. */
+        // eslint-disable-next-line @angular-eslint/no-output-native
         this.change = new EventEmitter();
         /**
          * Called when the checkbox is blurred. Needed to properly implement ControlValueAccessor.
@@ -605,21 +603,19 @@ class TheSeamTelInputComponent {
         return this._focusOrigin !== null && this._focusOrigin !== undefined;
     }
 }
-TheSeamTelInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", 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.6", type: TheSeamTelInputComponent, 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.9", 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.9", type: TheSeamTelInputComponent, 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,
-            // tslint:disable-next-line: no-use-before-declare
             useExisting: forwardRef(() => TheSeamTelInputComponent),
             multi: true
         }], viewQueries: [{ propertyName: "_telInputDirective", first: true, predicate: TheSeamTelInputDirective, descendants: true, static: true }, { propertyName: "_inputDirective", first: true, predicate: InputDirective, descendants: true, static: true }, { propertyName: "_inputElementRef", first: true, predicate: ["input"], descendants: true, static: true }], ngImport: i0, template: "<input seamTelInput seamInput\n  [formControl]=\"_control\"\n  [class.is-invalid]=\"_hasInvalidCss$ | async\" />\n", styles: [":host{display:block}:host[disabled] ::ng-deep .iti--allow-dropdown .iti__flag-container:hover{cursor:default}:host[disabled] ::ng-deep .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{background-color:transparent}:host[disabled] ::ng-deep .iti--allow-dropdown .iti__arrow{display:none}\n"], dependencies: [{ kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.InputDirective, selector: "input[seamInput], textarea[seamInput], ng-select[seamInput], seam-checkbox[seamInput] [ngbRadioGroup], seam-tel-input[seamInput], quill-editor[seamInput], seam-google-maps[seamInput]", inputs: ["seamInputSize", "id", "type", "placeholder", "required", "disabled", "readonly"], exportAs: ["seamInput"] }, { kind: "directive", type: TheSeamTelInputDirective, selector: "input[seamTelInput]", inputs: ["value"], exportAs: ["seamTelInput"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 __decorate([
     InputBoolean()
 ], TheSeamTelInputComponent.prototype, "required", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TheSeamTelInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamTelInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'seam-tel-input', providers: [{
                             provide: NG_VALUE_ACCESSOR,
-                            // tslint:disable-next-line: no-use-before-declare
                             useExisting: forwardRef(() => TheSeamTelInputComponent),
                             multi: true
                         }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<input seamTelInput seamInput\n  [formControl]=\"_control\"\n  [class.is-invalid]=\"_hasInvalidCss$ | async\" />\n", styles: [":host{display:block}:host[disabled] ::ng-deep .iti--allow-dropdown .iti__flag-container:hover{cursor:default}:host[disabled] ::ng-deep .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{background-color:transparent}:host[disabled] ::ng-deep .iti--allow-dropdown .iti__arrow{display:none}\n"] }]
@@ -717,9 +713,9 @@ class TheSeamPhoneNumberPipe {
         });
     }
 }
-TheSeamPhoneNumberPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TheSeamPhoneNumberPipe, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Pipe });
-TheSeamPhoneNumberPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.6", ngImport: i0, type: TheSeamPhoneNumberPipe, name: "phoneNumber", pure: false });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TheSeamPhoneNumberPipe, decorators: [{
+TheSeamPhoneNumberPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamPhoneNumberPipe, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Pipe });
+TheSeamPhoneNumberPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: TheSeamPhoneNumberPipe, name: "phoneNumber", pure: false });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamPhoneNumberPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'phoneNumber',
@@ -729,18 +725,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImpor
 
 class TheSeamTelInputModule {
 }
-TheSeamTelInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TheSeamTelInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TheSeamTelInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.6", ngImport: i0, type: TheSeamTelInputModule, declarations: [TheSeamTelInputDirective,
+TheSeamTelInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamTelInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TheSeamTelInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: TheSeamTelInputModule, declarations: [TheSeamTelInputDirective,
         TheSeamTelInputComponent,
         TheSeamPhoneNumberPipe], imports: [CommonModule,
         ReactiveFormsModule,
         TheSeamFormFieldModule], exports: [TheSeamTelInputDirective,
         TheSeamTelInputComponent,
         TheSeamPhoneNumberPipe] });
-TheSeamTelInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TheSeamTelInputModule, imports: [CommonModule,
+TheSeamTelInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamTelInputModule, imports: [CommonModule,
         ReactiveFormsModule,
         TheSeamFormFieldModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TheSeamTelInputModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamTelInputModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [