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

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

@@ -46,18 +46,17 @@ class TableCellTypeCurrencyComponent {
             tableData.changed
                 .pipe(takeUntil(this._ngUnsubscribe))
                 .subscribe(v => {
-                if (v.changes.hasOwnProperty('value')) {
+                if (Object.prototype.hasOwnProperty.call(v.changes, 'value')) {
                     this.value = this._formatCurrency(v.changes.value.currentValue, tableData);
                     this._cdf.markForCheck();
                 }
-                if (v.changes.hasOwnProperty('colData')) {
+                if (Object.prototype.hasOwnProperty.call(v.changes, 'colData')) {
                     this.colData = v.changes.colData.currentValue;
                     this._cdf.markForCheck();
                 }
             });
         }
     }
-    ngOnInit() { }
     ngOnDestroy() {
         this._ngUnsubscribe.next(undefined);
         this._ngUnsubscribe.complete();
@@ -65,9 +64,10 @@ class TableCellTypeCurrencyComponent {
     _formatCurrency(currentValue, tableData) {
         var _a;
         const config = (_a = tableData === null || tableData === void 0 ? void 0 : tableData.colData) === null || _a === void 0 ? void 0 : _a.cellTypeConfig;
-        const defaultToEmpty = notNullOrUndefined(config === null || config === void 0 ? void 0 : config.defaultToEmpty) ?
-            this._parseConfigValue(coerceBooleanProperty(config === null || config === void 0 ? void 0 : config.defaultToEmpty), tableData) : true;
-        const valueIsNumeric = isNumeric(currentValue);
+        const defaultToEmpty = notNullOrUndefined(config === null || config === void 0 ? void 0 : config.defaultToEmpty)
+            ? this._parseConfigValue(coerceBooleanProperty(config === null || config === void 0 ? void 0 : config.defaultToEmpty), tableData) : true;
+        let _currentValue = currentValue;
+        const valueIsNumeric = isNumeric(_currentValue);
         if (!valueIsNumeric) {
             if (defaultToEmpty) {
                 // return empty string instead of $0 when currentValue is empty or unparseable
@@ -75,7 +75,7 @@ class TableCellTypeCurrencyComponent {
             }
             else {
                 // set non-numeric value to 0 so it can be formatted the same as other numbers
-                currentValue = 0;
+                _currentValue = 0;
             }
         }
         const locale = this._parseConfigValue(config === null || config === void 0 ? void 0 : config.locale, tableData) || 'en-US';
@@ -85,16 +85,16 @@ class TableCellTypeCurrencyComponent {
         const minFractionDigits = this._parseConfigValue(config === null || config === void 0 ? void 0 : config.minFractionDigits, tableData) || 2;
         const maxFractionDigits = this._parseConfigValue(config === null || config === void 0 ? void 0 : config.maxFractionDigits, tableData) || 2;
         const format = `${minIntegerDigits}.${minFractionDigits}-${maxFractionDigits}`;
-        return formatCurrency(currentValue, locale, currency, currencyCode, format);
+        return formatCurrency(_currentValue, locale, currency, currencyCode, format);
     }
     _parseConfigValue(val, tableData) {
         const contextFn = () => this._tableCellTypeHelpers.getValueContext(val, tableData);
         return this._tableCellTypeHelpers.parseValueProp(val, contextFn);
     }
 }
-TableCellTypeCurrencyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TableCellTypeCurrencyComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.TableCellTypesHelpersService }, { token: TABLE_CELL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-TableCellTypeCurrencyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.6", type: TableCellTypeCurrencyComponent, selector: "seam-table-cell-type-currency", inputs: { value: "value" }, ngImport: i0, template: "<div [class]=\"'text-' + textAlign\">\n  <seam-table-cell-type-selector\n    type=\"string\"\n    [value]=\"value\"\n    [rowIndex]=\"rowIndex\"\n    [row]=\"row\"\n    [colData]=\"colData\"></seam-table-cell-type-selector>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: i1.TableCellTypeSelectorComponent, selector: "seam-table-cell-type-selector", inputs: ["type", "value", "rowIndex", "row", "colData"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TableCellTypeCurrencyComponent, decorators: [{
+TableCellTypeCurrencyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableCellTypeCurrencyComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.TableCellTypesHelpersService }, { token: TABLE_CELL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+TableCellTypeCurrencyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TableCellTypeCurrencyComponent, selector: "seam-table-cell-type-currency", inputs: { value: "value" }, ngImport: i0, template: "<div [class]=\"'text-' + textAlign\">\n  <seam-table-cell-type-selector\n    type=\"string\"\n    [value]=\"value\"\n    [rowIndex]=\"rowIndex\"\n    [row]=\"row\"\n    [colData]=\"colData\"></seam-table-cell-type-selector>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: i1.TableCellTypeSelectorComponent, selector: "seam-table-cell-type-selector", inputs: ["type", "value", "rowIndex", "row", "colData"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableCellTypeCurrencyComponent, decorators: [{
             type: Component,
             args: [{ selector: 'seam-table-cell-type-currency', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"'text-' + textAlign\">\n  <seam-table-cell-type-selector\n    type=\"string\"\n    [value]=\"value\"\n    [rowIndex]=\"rowIndex\"\n    [row]=\"row\"\n    [colData]=\"colData\"></seam-table-cell-type-selector>\n</div>\n" }]
         }], ctorParameters: function () {
@@ -119,32 +119,28 @@ class TableCellTypeDateComponent {
             _data.changed
                 .pipe(takeUntil(this._ngUnsubscribe))
                 .subscribe(v => {
-                if (v.changes.hasOwnProperty('value')) {
+                if (Object.prototype.hasOwnProperty.call(v.changes, 'value')) {
                     this.value = v.changes.value.currentValue;
                     this._cdf.markForCheck();
                 }
-                if (v.changes.hasOwnProperty('colData')) {
+                if (Object.prototype.hasOwnProperty.call(v.changes, 'colData')) {
                     const colData = v.changes.colData.currentValue;
-                    if (colData && colData.format !== this.format) {
-                        this.format = colData.format;
-                    }
-                    else {
-                        this.format = undefined;
+                    if (colData && colData.cellTypeConfig && colData.cellTypeConfig.format !== this.format) {
+                        this.format = colData.cellTypeConfig.format;
                     }
                     this._cdf.markForCheck();
                 }
             });
         }
     }
-    ngOnInit() { }
     ngOnDestroy() {
         this._ngUnsubscribe.next(undefined);
         this._ngUnsubscribe.complete();
     }
 }
-TableCellTypeDateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TableCellTypeDateComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: TABLE_CELL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-TableCellTypeDateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.6", type: TableCellTypeDateComponent, selector: "seam-table-cell-type-date", inputs: { value: "value", format: "format" }, ngImport: i0, template: "<div class=\"td-text-truncate\" [title]=\"value | date: format || 'yyyy-MM-dd h:mm aaa'\">\n  {{ value | date: format || 'yyyy-MM-dd h:mm aaa' }}\n</div>\n", styles: [""], dependencies: [{ kind: "pipe", type: i4.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TableCellTypeDateComponent, decorators: [{
+TableCellTypeDateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableCellTypeDateComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: TABLE_CELL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+TableCellTypeDateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TableCellTypeDateComponent, selector: "seam-table-cell-type-date", inputs: { value: "value", format: "format" }, ngImport: i0, template: "<div class=\"td-text-truncate\" [title]=\"value | date: format || 'yyyy-MM-dd h:mm aaa'\">\n  {{ value | date: format || 'yyyy-MM-dd h:mm aaa' }}\n</div>\n", styles: [""], dependencies: [{ kind: "pipe", type: i4.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableCellTypeDateComponent, decorators: [{
             type: Component,
             args: [{ selector: 'seam-table-cell-type-date', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"td-text-truncate\" [title]=\"value | date: format || 'yyyy-MM-dd h:mm aaa'\">\n  {{ value | date: format || 'yyyy-MM-dd h:mm aaa' }}\n</div>\n" }]
         }], ctorParameters: function () {
@@ -176,18 +172,17 @@ class TableCellTypeDecimalComponent {
             tableData.changed
                 .pipe(takeUntil(this._ngUnsubscribe))
                 .subscribe(v => {
-                if (v.changes.hasOwnProperty('value')) {
+                if (Object.prototype.hasOwnProperty.call(v.changes, 'value')) {
                     this.value = this._formatDecimal(v.changes.value.currentValue, tableData);
                     this._cdf.markForCheck();
                 }
-                if (v.changes.hasOwnProperty('colData')) {
+                if (Object.prototype.hasOwnProperty.call(v.changes, 'colData')) {
                     this.colData = v.changes.colData.currentValue;
                     this._cdf.markForCheck();
                 }
             });
         }
     }
-    ngOnInit() { }
     ngOnDestroy() {
         this._ngUnsubscribe.next(undefined);
         this._ngUnsubscribe.complete();
@@ -195,11 +190,12 @@ class TableCellTypeDecimalComponent {
     _formatDecimal(currentValue, tableData) {
         var _a;
         const config = (_a = tableData === null || tableData === void 0 ? void 0 : tableData.colData) === null || _a === void 0 ? void 0 : _a.cellTypeConfig;
-        const defaultToEmpty = notNullOrUndefined(config === null || config === void 0 ? void 0 : config.defaultToEmpty) ?
-            this._parseConfigValue(coerceBooleanProperty(config === null || config === void 0 ? void 0 : config.defaultToEmpty), tableData) : true;
-        const formatDecimal = notNullOrUndefined(config === null || config === void 0 ? void 0 : config.formatNumber) ?
-            this._parseConfigValue(coerceBooleanProperty(config === null || config === void 0 ? void 0 : config.formatNumber), tableData) : true;
-        const valueIsNumeric = isNumeric(currentValue);
+        const defaultToEmpty = notNullOrUndefined(config === null || config === void 0 ? void 0 : config.defaultToEmpty)
+            ? this._parseConfigValue(coerceBooleanProperty(config === null || config === void 0 ? void 0 : config.defaultToEmpty), tableData) : true;
+        const formatDecimal = notNullOrUndefined(config === null || config === void 0 ? void 0 : config.formatNumber)
+            ? this._parseConfigValue(coerceBooleanProperty(config === null || config === void 0 ? void 0 : config.formatNumber), tableData) : true;
+        let _currentValue = currentValue;
+        const valueIsNumeric = isNumeric(_currentValue);
         // unparseable values are OK to return as long as we're not trying to format them
         if (!valueIsNumeric && formatDecimal) {
             if (defaultToEmpty) {
@@ -208,7 +204,7 @@ class TableCellTypeDecimalComponent {
             }
             else {
                 // set non-numeric value to 0 so it can be formatted the same as other numbers
-                currentValue = 0;
+                _currentValue = 0;
             }
         }
         const locale = this._parseConfigValue(config === null || config === void 0 ? void 0 : config.locale, tableData) || 'en-US';
@@ -216,16 +212,16 @@ class TableCellTypeDecimalComponent {
         const minFractionDigits = this._parseConfigValue(config === null || config === void 0 ? void 0 : config.minFractionDigits, tableData) || 0;
         const maxFractionDigits = this._parseConfigValue(config === null || config === void 0 ? void 0 : config.maxFractionDigits, tableData) || 3;
         const format = `${minIntegerDigits}.${minFractionDigits}-${maxFractionDigits}`;
-        return formatDecimal ? formatNumber(currentValue, locale, format) : currentValue;
+        return formatDecimal ? formatNumber(_currentValue, locale, format) : _currentValue;
     }
     _parseConfigValue(val, tableData) {
         const contextFn = () => this._tableCellTypeHelpers.getValueContext(val, tableData);
         return this._tableCellTypeHelpers.parseValueProp(val, contextFn);
     }
 }
-TableCellTypeDecimalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TableCellTypeDecimalComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.TableCellTypesHelpersService }, { token: TABLE_CELL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-TableCellTypeDecimalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.6", type: TableCellTypeDecimalComponent, selector: "seam-table-cell-type-decimal", inputs: { value: "value" }, ngImport: i0, template: "<div [class]=\"'text-' + textAlign\">\n  <seam-table-cell-type-selector\n    type=\"string\"\n    [value]=\"value\"\n    [rowIndex]=\"rowIndex\"\n    [row]=\"row\"\n    [colData]=\"colData\"></seam-table-cell-type-selector>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: i1.TableCellTypeSelectorComponent, selector: "seam-table-cell-type-selector", inputs: ["type", "value", "rowIndex", "row", "colData"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TableCellTypeDecimalComponent, decorators: [{
+TableCellTypeDecimalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableCellTypeDecimalComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.TableCellTypesHelpersService }, { token: TABLE_CELL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+TableCellTypeDecimalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TableCellTypeDecimalComponent, selector: "seam-table-cell-type-decimal", inputs: { value: "value" }, ngImport: i0, template: "<div [class]=\"'text-' + textAlign\">\n  <seam-table-cell-type-selector\n    type=\"string\"\n    [value]=\"value\"\n    [rowIndex]=\"rowIndex\"\n    [row]=\"row\"\n    [colData]=\"colData\"></seam-table-cell-type-selector>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: i1.TableCellTypeSelectorComponent, selector: "seam-table-cell-type-selector", inputs: ["type", "value", "rowIndex", "row", "colData"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableCellTypeDecimalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'seam-table-cell-type-decimal', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"'text-' + textAlign\">\n  <seam-table-cell-type-selector\n    type=\"string\"\n    [value]=\"value\"\n    [rowIndex]=\"rowIndex\"\n    [row]=\"row\"\n    [colData]=\"colData\"></seam-table-cell-type-selector>\n</div>\n" }]
         }], ctorParameters: function () {
@@ -296,12 +292,12 @@ class TableCellTypeIconComponent {
             _data.changed
                 .pipe(takeUntil(this._ngUnsubscribe))
                 .subscribe(v => {
-                if (v.changes.hasOwnProperty('value')) {
+                if (Object.prototype.hasOwnProperty.call(v.changes, 'value')) {
                     this.value = v.changes.value.currentValue;
                     this.config = this._config;
                     this._cdf.markForCheck();
                 }
-                if (v.changes.hasOwnProperty('colData')) {
+                if (Object.prototype.hasOwnProperty.call(v.changes, 'colData')) {
                     const colData = v.changes.colData.currentValue;
                     if (colData && colData.cellTypeConfig !== this.config) {
                         this.config = colData.cellTypeConfig;
@@ -312,15 +308,13 @@ class TableCellTypeIconComponent {
                     this._cdf.markForCheck();
                 }
                 else {
-                    if (v.changes.hasOwnProperty('row')) {
-                        this.config = this.config;
+                    if (Object.prototype.hasOwnProperty.call(v.changes, 'row')) {
                         this._cdf.markForCheck();
                     }
                 }
             });
         }
     }
-    ngOnInit() { }
     ngOnDestroy() {
         this._ngUnsubscribe.next(undefined);
         this._ngUnsubscribe.complete();
@@ -365,7 +359,9 @@ class TableCellTypeIconComponent {
         if (this._buttonAction && this._buttonAction.type === 'modal') {
             const contextFn = () => this._tableCellTypeHelpers.getValueContext(this.value, this._tableCellData);
             this._tableCellTypeHelpers.handleModalAction(this._buttonAction, contextFn)
-                .subscribe(r => { }, err => console.error(err), () => this._actionRefreshRequest());
+                .subscribe(r => { }, 
+            // eslint-disable-next-line no-console
+            err => console.error(err), () => this._actionRefreshRequest());
         }
     }
     _actionRefreshRequest() {
@@ -377,9 +373,9 @@ class TableCellTypeIconComponent {
         }
     }
 }
-TableCellTypeIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TableCellTypeIconComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.TableCellTypesHelpersService }, { token: i2.DatatableComponent, optional: true }, { token: i3.TableComponent, optional: true }, { token: TABLE_CELL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-TableCellTypeIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.6", type: TableCellTypeIconComponent, selector: "seam-table-cell-type-icon", inputs: { value: "value", config: "config" }, host: { properties: { "class.datatable-cell-type": "this._isDatatable" } }, ngImport: i0, template: "<ng-container *ngIf=\"_icon\">\n  <div *ngIf=\"!_tplType || _tplType === 'default'\"\n    class=\"d-flex align-items-center justify-center\"\n    [class.datatable-icon-fix]=\"_isDatatable\">\n    <a class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n      [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n      [attr.target]=\"_target\"\n      [ngbTooltip]=\"_tooltip\"\n      [tooltipClass]=\"$any(_tooltipClass)\"\n      [placement]=\"$any(_tooltipPlacement)\"\n      [container]=\"$any(_tooltipContainer)\"\n      [disableTooltip]=\"_tooltipDisabled\">\n      <seam-icon [icon]=\"_icon\" size=\"lg\" [iconType]=\"_iconType\" [iconClass]=\"_iconClass || ''\"></seam-icon>\n      <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n    </a>\n  </div>\n\n  <div *ngIf=\"_tplType === 'link'\"\n    class=\"d-flex align-items-center justify-center\"\n    [class.datatable-icon-fix]=\"_isDatatable\">\n    <a class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n      [routerLink]=\"_link\"\n      [queryParams]=\"_queryParams\"\n      [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n      [attr.target]=\"_target\"\n      [ngbTooltip]=\"_tooltip\"\n      [tooltipClass]=\"$any(_tooltipClass)\"\n      [placement]=\"$any(_tooltipPlacement)\"\n      [container]=\"$any(_tooltipContainer)\"\n      [disableTooltip]=\"_tooltipDisabled\">\n      <seam-icon *ngIf=\"_icon\" [icon]=\"_icon\" size=\"lg\" [iconType]=\"_iconType\" [iconClass]=\"_iconClass\"></seam-icon>\n      <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n    </a>\n  </div>\n\n  <div *ngIf=\"_tplType === 'link-external'\"\n    class=\"d-flex align-items-center justify-center\"\n    [class.datatable-icon-fix]=\"_isDatatable\">\n    <a class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n      [attr.href]=\"_link\"\n      [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n      [attr.target]=\"_target\"\n      [ngbTooltip]=\"_tooltip\"\n      [tooltipClass]=\"$any(_tooltipClass)\"\n      [placement]=\"$any(_tooltipPlacement)\"\n      [container]=\"$any(_tooltipContainer)\"\n      [disableTooltip]=\"_tooltipDisabled\">\n      <seam-icon *ngIf=\"_icon\" [icon]=\"_icon\" size=\"lg\" [iconType]=\"_iconType\" [iconClass]=\"_iconClass\"></seam-icon>\n      <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n    </a>\n  </div>\n\n  <div *ngIf=\"_tplType === 'link-encrypted'\"\n    class=\"d-flex align-items-center justify-center\"\n    [class.datatable-icon-fix]=\"_isDatatable\">\n    <button\n      class=\"btn btn-link p-0 m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n      type=\"button\"\n      [seamEncryptedAssetLink]=\"_link\"\n      [seamDetectMimeFromContent]=\"_detectMimeContent\"\n      [seamDownloadAsset]=\"_download\"\n      [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n      [ngbTooltip]=\"_tooltip\"\n      [tooltipClass]=\"$any(_tooltipClass)\"\n      [placement]=\"$any(_tooltipPlacement)\"\n      [container]=\"$any(_tooltipContainer)\"\n      [disableTooltip]=\"_tooltipDisabled\">\n      <seam-icon *ngIf=\"_icon\" iconType=\"styled-square\" [icon]=\"_icon\" size=\"lg\" [iconType]=\"_iconType\" [iconClass]=\"_iconClass\"></seam-icon>\n      <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n    </button>\n  </div>\n\n  <div *ngIf=\"_tplType === 'button'\"\n    class=\"d-flex align-items-center justify-center\"\n    [class.datatable-icon-fix]=\"_isDatatable\"\n    (click)=\"_doButtonAction()\">\n    <button\n      class=\"btn btn-link p-0 m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n      type=\"button\"\n      [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n      [ngbTooltip]=\"_tooltip\"\n      [tooltipClass]=\"$any(_tooltipClass)\"\n      [placement]=\"$any(_tooltipPlacement)\"\n      [container]=\"$any(_tooltipContainer)\"\n      [disableTooltip]=\"_tooltipDisabled\">\n      <seam-icon *ngIf=\"_icon\" iconType=\"styled-square\" [icon]=\"_icon\" size=\"lg\" [iconType]=\"_iconType\" [iconClass]=\"_iconClass\"></seam-icon>\n      <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n    </button>\n  </div>\n</ng-container>\n", styles: [":host.datatable-cell-type ::ng-deep .seam-icon--img{max-height:40px}:host.datatable-cell-type a{max-height:40px}:host.datatable-cell-type button{max-height:40px}:host:not(.datatable-cell-type) ::ng-deep .seam-icon--img{max-height:20px}:host:not(.datatable-cell-type) a{max-height:20px}:host:not(.datatable-cell-type) button{max-height:20px}.datatable-icon-fix{margin-top:calc(-1px - .75rem);height:50px}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i6.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i7.IconComponent, selector: "seam-icon", inputs: ["grayscaleOnDisable", "disabled", "iconClass", "icon", "size", "showDefaultOnError", "defaultIcon", "iconType"] }, { kind: "directive", type: i8.EncryptedAssetLinkDirective, selector: "[seamEncryptedAssetLink]", inputs: ["seamEncryptedAssetLink", "seamShowLoadingOverlay", "seamDetectMimeFromContent", "seamDownloadAsset"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TableCellTypeIconComponent, decorators: [{
+TableCellTypeIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableCellTypeIconComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.TableCellTypesHelpersService }, { token: i2.DatatableComponent, optional: true }, { token: i3.TableComponent, optional: true }, { token: TABLE_CELL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+TableCellTypeIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TableCellTypeIconComponent, selector: "seam-table-cell-type-icon", inputs: { value: "value", config: "config" }, host: { properties: { "class.datatable-cell-type": "this._isDatatable" } }, ngImport: i0, template: "<ng-container *ngIf=\"_icon\">\n  <div *ngIf=\"!_tplType || _tplType === 'default'\"\n    class=\"d-flex align-items-center justify-center\"\n    [class.datatable-icon-fix]=\"_isDatatable\">\n    <a class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n      [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n      [attr.target]=\"_target\"\n      [ngbTooltip]=\"_tooltip\"\n      [tooltipClass]=\"$any(_tooltipClass)\"\n      [placement]=\"$any(_tooltipPlacement)\"\n      [container]=\"$any(_tooltipContainer)\"\n      [disableTooltip]=\"_tooltipDisabled\">\n      <seam-icon [icon]=\"_icon\" size=\"lg\" [iconType]=\"_iconType\" [iconClass]=\"_iconClass || ''\"></seam-icon>\n      <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n    </a>\n  </div>\n\n  <div *ngIf=\"_tplType === 'link'\"\n    class=\"d-flex align-items-center justify-center\"\n    [class.datatable-icon-fix]=\"_isDatatable\">\n    <a class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n      [routerLink]=\"_link\"\n      [queryParams]=\"_queryParams\"\n      [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n      [attr.target]=\"_target\"\n      [ngbTooltip]=\"_tooltip\"\n      [tooltipClass]=\"$any(_tooltipClass)\"\n      [placement]=\"$any(_tooltipPlacement)\"\n      [container]=\"$any(_tooltipContainer)\"\n      [disableTooltip]=\"_tooltipDisabled\">\n      <seam-icon *ngIf=\"_icon\" [icon]=\"_icon\" size=\"lg\" [iconType]=\"_iconType\" [iconClass]=\"_iconClass\"></seam-icon>\n      <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n    </a>\n  </div>\n\n  <div *ngIf=\"_tplType === 'link-external'\"\n    class=\"d-flex align-items-center justify-center\"\n    [class.datatable-icon-fix]=\"_isDatatable\">\n    <a class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n      [attr.href]=\"_link\"\n      [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n      [attr.target]=\"_target\"\n      [ngbTooltip]=\"_tooltip\"\n      [tooltipClass]=\"$any(_tooltipClass)\"\n      [placement]=\"$any(_tooltipPlacement)\"\n      [container]=\"$any(_tooltipContainer)\"\n      [disableTooltip]=\"_tooltipDisabled\">\n      <seam-icon *ngIf=\"_icon\" [icon]=\"_icon\" size=\"lg\" [iconType]=\"_iconType\" [iconClass]=\"_iconClass\"></seam-icon>\n      <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n    </a>\n  </div>\n\n  <div *ngIf=\"_tplType === 'link-encrypted'\"\n    class=\"d-flex align-items-center justify-center\"\n    [class.datatable-icon-fix]=\"_isDatatable\">\n    <button\n      class=\"btn btn-link p-0 m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n      type=\"button\"\n      [seamEncryptedAssetLink]=\"_link\"\n      [seamDetectMimeFromContent]=\"_detectMimeContent\"\n      [seamDownloadAsset]=\"_download\"\n      [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n      [ngbTooltip]=\"_tooltip\"\n      [tooltipClass]=\"$any(_tooltipClass)\"\n      [placement]=\"$any(_tooltipPlacement)\"\n      [container]=\"$any(_tooltipContainer)\"\n      [disableTooltip]=\"_tooltipDisabled\">\n      <seam-icon *ngIf=\"_icon\" iconType=\"styled-square\" [icon]=\"_icon\" size=\"lg\" [iconType]=\"_iconType\" [iconClass]=\"_iconClass\"></seam-icon>\n      <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n    </button>\n  </div>\n\n  <div *ngIf=\"_tplType === 'button'\"\n    class=\"d-flex align-items-center justify-center\"\n    [class.datatable-icon-fix]=\"_isDatatable\"\n    (click)=\"_doButtonAction()\">\n    <button\n      class=\"btn btn-link p-0 m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n      type=\"button\"\n      [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n      [ngbTooltip]=\"_tooltip\"\n      [tooltipClass]=\"$any(_tooltipClass)\"\n      [placement]=\"$any(_tooltipPlacement)\"\n      [container]=\"$any(_tooltipContainer)\"\n      [disableTooltip]=\"_tooltipDisabled\">\n      <seam-icon *ngIf=\"_icon\" iconType=\"styled-square\" [icon]=\"_icon\" size=\"lg\" [iconType]=\"_iconType\" [iconClass]=\"_iconClass\"></seam-icon>\n      <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n    </button>\n  </div>\n</ng-container>\n", styles: [":host.datatable-cell-type ::ng-deep .seam-icon--img{max-height:40px}:host.datatable-cell-type a{max-height:40px}:host.datatable-cell-type button{max-height:40px}:host:not(.datatable-cell-type) ::ng-deep .seam-icon--img{max-height:20px}:host:not(.datatable-cell-type) a{max-height:20px}:host:not(.datatable-cell-type) button{max-height:20px}.datatable-icon-fix{margin-top:calc(-1px - .75rem);height:50px}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i6.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i7.IconComponent, selector: "seam-icon", inputs: ["grayscaleOnDisable", "disabled", "iconClass", "icon", "size", "showDefaultOnError", "defaultIcon", "iconType"] }, { kind: "directive", type: i8.EncryptedAssetLinkDirective, selector: "[seamEncryptedAssetLink]", inputs: ["seamEncryptedAssetLink", "seamShowLoadingOverlay", "seamDetectMimeFromContent", "seamDownloadAsset"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableCellTypeIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'seam-table-cell-type-icon', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"_icon\">\n  <div *ngIf=\"!_tplType || _tplType === 'default'\"\n    class=\"d-flex align-items-center justify-center\"\n    [class.datatable-icon-fix]=\"_isDatatable\">\n    <a class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n      [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n      [attr.target]=\"_target\"\n      [ngbTooltip]=\"_tooltip\"\n      [tooltipClass]=\"$any(_tooltipClass)\"\n      [placement]=\"$any(_tooltipPlacement)\"\n      [container]=\"$any(_tooltipContainer)\"\n      [disableTooltip]=\"_tooltipDisabled\">\n      <seam-icon [icon]=\"_icon\" size=\"lg\" [iconType]=\"_iconType\" [iconClass]=\"_iconClass || ''\"></seam-icon>\n      <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n    </a>\n  </div>\n\n  <div *ngIf=\"_tplType === 'link'\"\n    class=\"d-flex align-items-center justify-center\"\n    [class.datatable-icon-fix]=\"_isDatatable\">\n    <a class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n      [routerLink]=\"_link\"\n      [queryParams]=\"_queryParams\"\n      [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n      [attr.target]=\"_target\"\n      [ngbTooltip]=\"_tooltip\"\n      [tooltipClass]=\"$any(_tooltipClass)\"\n      [placement]=\"$any(_tooltipPlacement)\"\n      [container]=\"$any(_tooltipContainer)\"\n      [disableTooltip]=\"_tooltipDisabled\">\n      <seam-icon *ngIf=\"_icon\" [icon]=\"_icon\" size=\"lg\" [iconType]=\"_iconType\" [iconClass]=\"_iconClass\"></seam-icon>\n      <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n    </a>\n  </div>\n\n  <div *ngIf=\"_tplType === 'link-external'\"\n    class=\"d-flex align-items-center justify-center\"\n    [class.datatable-icon-fix]=\"_isDatatable\">\n    <a class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n      [attr.href]=\"_link\"\n      [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n      [attr.target]=\"_target\"\n      [ngbTooltip]=\"_tooltip\"\n      [tooltipClass]=\"$any(_tooltipClass)\"\n      [placement]=\"$any(_tooltipPlacement)\"\n      [container]=\"$any(_tooltipContainer)\"\n      [disableTooltip]=\"_tooltipDisabled\">\n      <seam-icon *ngIf=\"_icon\" [icon]=\"_icon\" size=\"lg\" [iconType]=\"_iconType\" [iconClass]=\"_iconClass\"></seam-icon>\n      <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n    </a>\n  </div>\n\n  <div *ngIf=\"_tplType === 'link-encrypted'\"\n    class=\"d-flex align-items-center justify-center\"\n    [class.datatable-icon-fix]=\"_isDatatable\">\n    <button\n      class=\"btn btn-link p-0 m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n      type=\"button\"\n      [seamEncryptedAssetLink]=\"_link\"\n      [seamDetectMimeFromContent]=\"_detectMimeContent\"\n      [seamDownloadAsset]=\"_download\"\n      [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n      [ngbTooltip]=\"_tooltip\"\n      [tooltipClass]=\"$any(_tooltipClass)\"\n      [placement]=\"$any(_tooltipPlacement)\"\n      [container]=\"$any(_tooltipContainer)\"\n      [disableTooltip]=\"_tooltipDisabled\">\n      <seam-icon *ngIf=\"_icon\" iconType=\"styled-square\" [icon]=\"_icon\" size=\"lg\" [iconType]=\"_iconType\" [iconClass]=\"_iconClass\"></seam-icon>\n      <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n    </button>\n  </div>\n\n  <div *ngIf=\"_tplType === 'button'\"\n    class=\"d-flex align-items-center justify-center\"\n    [class.datatable-icon-fix]=\"_isDatatable\"\n    (click)=\"_doButtonAction()\">\n    <button\n      class=\"btn btn-link p-0 m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n      type=\"button\"\n      [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n      [ngbTooltip]=\"_tooltip\"\n      [tooltipClass]=\"$any(_tooltipClass)\"\n      [placement]=\"$any(_tooltipPlacement)\"\n      [container]=\"$any(_tooltipContainer)\"\n      [disableTooltip]=\"_tooltipDisabled\">\n      <seam-icon *ngIf=\"_icon\" iconType=\"styled-square\" [icon]=\"_icon\" size=\"lg\" [iconType]=\"_iconType\" [iconClass]=\"_iconClass\"></seam-icon>\n      <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n    </button>\n  </div>\n</ng-container>\n", styles: [":host.datatable-cell-type ::ng-deep .seam-icon--img{max-height:40px}:host.datatable-cell-type a{max-height:40px}:host.datatable-cell-type button{max-height:40px}:host:not(.datatable-cell-type) ::ng-deep .seam-icon--img{max-height:20px}:host:not(.datatable-cell-type) a{max-height:20px}:host:not(.datatable-cell-type) button{max-height:20px}.datatable-icon-fix{margin-top:calc(-1px - .75rem);height:50px}\n"] }]
         }], ctorParameters: function () {
@@ -418,18 +414,17 @@ class TableCellTypeIntegerComponent {
             tableData.changed
                 .pipe(takeUntil(this._ngUnsubscribe))
                 .subscribe(v => {
-                if (v.changes.hasOwnProperty('value')) {
+                if (Object.prototype.hasOwnProperty.call(v.changes, 'value')) {
                     this.value = this._formatInteger(v.changes.value.currentValue, tableData);
                     this._cdf.markForCheck();
                 }
-                if (v.changes.hasOwnProperty('colData')) {
+                if (Object.prototype.hasOwnProperty.call(v.changes, 'colData')) {
                     this.colData = v.changes.colData.currentValue;
                     this._cdf.markForCheck();
                 }
             });
         }
     }
-    ngOnInit() { }
     ngOnDestroy() {
         this._ngUnsubscribe.next(undefined);
         this._ngUnsubscribe.complete();
@@ -437,11 +432,12 @@ class TableCellTypeIntegerComponent {
     _formatInteger(currentValue, tableData) {
         var _a;
         const config = (_a = tableData === null || tableData === void 0 ? void 0 : tableData.colData) === null || _a === void 0 ? void 0 : _a.cellTypeConfig;
-        const defaultToEmpty = notNullOrUndefined(config === null || config === void 0 ? void 0 : config.defaultToEmpty) ?
-            this._parseConfigValue(coerceBooleanProperty(config === null || config === void 0 ? void 0 : config.defaultToEmpty), tableData) : true;
-        const formatInteger = notNullOrUndefined(config === null || config === void 0 ? void 0 : config.formatNumber) ?
-            this._parseConfigValue(coerceBooleanProperty(config === null || config === void 0 ? void 0 : config.formatNumber), tableData) : true;
-        const valueIsNumeric = isNumeric(currentValue);
+        const defaultToEmpty = notNullOrUndefined(config === null || config === void 0 ? void 0 : config.defaultToEmpty)
+            ? this._parseConfigValue(coerceBooleanProperty(config === null || config === void 0 ? void 0 : config.defaultToEmpty), tableData) : true;
+        const formatInteger = notNullOrUndefined(config === null || config === void 0 ? void 0 : config.formatNumber)
+            ? this._parseConfigValue(coerceBooleanProperty(config === null || config === void 0 ? void 0 : config.formatNumber), tableData) : true;
+        let _currentValue = currentValue;
+        const valueIsNumeric = isNumeric(_currentValue);
         // unparseable values are OK to return as long as we're not trying to format them
         if (!valueIsNumeric && formatInteger) {
             if (defaultToEmpty) {
@@ -450,22 +446,22 @@ class TableCellTypeIntegerComponent {
             }
             else {
                 // set non-numeric value to 0 so it can be formatted the same as other numbers
-                currentValue = 0;
+                _currentValue = 0;
             }
         }
         const locale = this._parseConfigValue(config === null || config === void 0 ? void 0 : config.locale, tableData) || 'en-US';
         const minIntegerDigits = this._parseConfigValue(config === null || config === void 0 ? void 0 : config.minIntegerDigits, tableData) || 1;
         const format = `${minIntegerDigits}.0-0`;
-        return formatInteger ? formatNumber(currentValue, locale, format) : currentValue;
+        return formatInteger ? formatNumber(_currentValue, locale, format) : _currentValue;
     }
     _parseConfigValue(val, tableData) {
         const contextFn = () => this._tableCellTypeHelpers.getValueContext(val, tableData);
         return this._tableCellTypeHelpers.parseValueProp(val, contextFn);
     }
 }
-TableCellTypeIntegerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TableCellTypeIntegerComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.TableCellTypesHelpersService }, { token: TABLE_CELL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-TableCellTypeIntegerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.6", type: TableCellTypeIntegerComponent, selector: "seam-table-cell-type-integer", inputs: { value: "value" }, ngImport: i0, template: "<div [class]=\"'text-' + textAlign\">\n  <seam-table-cell-type-selector\n    type=\"string\"\n    [value]=\"value\"\n    [rowIndex]=\"rowIndex\"\n    [row]=\"row\"\n    [colData]=\"colData\"></seam-table-cell-type-selector>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: i1.TableCellTypeSelectorComponent, selector: "seam-table-cell-type-selector", inputs: ["type", "value", "rowIndex", "row", "colData"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TableCellTypeIntegerComponent, decorators: [{
+TableCellTypeIntegerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableCellTypeIntegerComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.TableCellTypesHelpersService }, { token: TABLE_CELL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+TableCellTypeIntegerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TableCellTypeIntegerComponent, selector: "seam-table-cell-type-integer", inputs: { value: "value" }, ngImport: i0, template: "<div [class]=\"'text-' + textAlign\">\n  <seam-table-cell-type-selector\n    type=\"string\"\n    [value]=\"value\"\n    [rowIndex]=\"rowIndex\"\n    [row]=\"row\"\n    [colData]=\"colData\"></seam-table-cell-type-selector>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: i1.TableCellTypeSelectorComponent, selector: "seam-table-cell-type-selector", inputs: ["type", "value", "rowIndex", "row", "colData"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableCellTypeIntegerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'seam-table-cell-type-integer', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"'text-' + textAlign\">\n  <seam-table-cell-type-selector\n    type=\"string\"\n    [value]=\"value\"\n    [rowIndex]=\"rowIndex\"\n    [row]=\"row\"\n    [colData]=\"colData\"></seam-table-cell-type-selector>\n</div>\n" }]
         }], ctorParameters: function () {
@@ -497,11 +493,11 @@ class TableCellTypePhoneComponent {
             _data.changed
                 .pipe(takeUntil(this._ngUnsubscribe))
                 .subscribe(v => {
-                if (v.changes.hasOwnProperty('value')) {
+                if (Object.prototype.hasOwnProperty.call(v.changes, 'value')) {
                     this.value = v.changes.value.currentValue;
                     this._cdf.markForCheck();
                 }
-                if (v.changes.hasOwnProperty('colData')) {
+                if (Object.prototype.hasOwnProperty.call(v.changes, 'colData')) {
                     const colData = v.changes.colData.currentValue;
                     if (colData && hasProperty(colData, 'cellTypeConfig') &&
                         hasProperty(colData.cellTypeConfig, 'format') &&
@@ -516,15 +512,14 @@ class TableCellTypePhoneComponent {
             });
         }
     }
-    ngOnInit() { }
     ngOnDestroy() {
         this._ngUnsubscribe.next(undefined);
         this._ngUnsubscribe.complete();
     }
 }
-TableCellTypePhoneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TableCellTypePhoneComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: TABLE_CELL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-TableCellTypePhoneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.6", type: TableCellTypePhoneComponent, selector: "seam-table-cell-type-phone", inputs: { value: "value", format: "format" }, ngImport: i0, template: "<ng-container *ngIf=\"((value || '') | phoneNumber: _format) as num\">\n  <div class=\"td-text-truncate\" [title]=\"num\">\n    {{ num }}\n  </div>\n</ng-container>\n<!-- <div class=\"td-text-truncate\" [title]=\"value | phoneNumber: _format\">\n  {{ value | date: format || 'yyyy-MM-dd h:mm aaa' }}\n</div> -->\n", styles: [""], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2$1.TheSeamPhoneNumberPipe, name: "phoneNumber" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TableCellTypePhoneComponent, decorators: [{
+TableCellTypePhoneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableCellTypePhoneComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: TABLE_CELL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+TableCellTypePhoneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TableCellTypePhoneComponent, selector: "seam-table-cell-type-phone", inputs: { value: "value", format: "format" }, ngImport: i0, template: "<ng-container *ngIf=\"((value || '') | phoneNumber: _format) as num\">\n  <div class=\"td-text-truncate\" [title]=\"num\">\n    {{ num }}\n  </div>\n</ng-container>\n<!-- <div class=\"td-text-truncate\" [title]=\"value | phoneNumber: _format\">\n  {{ value | date: format || 'yyyy-MM-dd h:mm aaa' }}\n</div> -->\n", styles: [""], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2$1.TheSeamPhoneNumberPipe, name: "phoneNumber" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableCellTypePhoneComponent, decorators: [{
             type: Component,
             args: [{ selector: 'seam-table-cell-type-phone', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"((value || '') | phoneNumber: _format) as num\">\n  <div class=\"td-text-truncate\" [title]=\"num\">\n    {{ num }}\n  </div>\n</ng-container>\n<!-- <div class=\"td-text-truncate\" [title]=\"value | phoneNumber: _format\">\n  {{ value | date: format || 'yyyy-MM-dd h:mm aaa' }}\n</div> -->\n" }]
         }], ctorParameters: function () {
@@ -556,18 +551,18 @@ class TableCellTypeProgressCircleIconComponent {
             tableData.changed
                 .pipe(takeUntil(this._ngUnsubscribe))
                 .subscribe(v => {
-                if (v.changes.hasOwnProperty('value')) {
+                if (Object.prototype.hasOwnProperty.call(v.changes, 'value')) {
                     this.value = v.changes.value.currentValue;
                     this._setIcon(tableData);
                     this._cdf.markForCheck();
                 }
-                if (v.changes.hasOwnProperty('colData')) {
+                if (Object.prototype.hasOwnProperty.call(v.changes, 'colData')) {
                     this.colData = v.changes.colData.currentValue;
                     this._setIcon(tableData);
                     this._cdf.markForCheck();
                 }
                 else {
-                    if (v.changes.hasOwnProperty('row')) {
+                    if (Object.prototype.hasOwnProperty.call(v.changes, 'row')) {
                         this._setIcon(tableData);
                         this._cdf.markForCheck();
                     }
@@ -591,15 +586,14 @@ class TableCellTypeProgressCircleIconComponent {
         const contextFn = () => this._tableCellTypeHelpers.getValueContext(val, tableData);
         return this._tableCellTypeHelpers.parseValueProp(val, contextFn);
     }
-    ngOnInit() { }
     ngOnDestroy() {
         this._ngUnsubscribe.next(undefined);
         this._ngUnsubscribe.complete();
     }
 }
-TableCellTypeProgressCircleIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TableCellTypeProgressCircleIconComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.TableCellTypesHelpersService }, { token: TABLE_CELL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-TableCellTypeProgressCircleIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.6", type: TableCellTypeProgressCircleIconComponent, selector: "seam-table-cell-type-progress-circle-icon", inputs: { value: "value" }, ngImport: i0, template: "<seam-table-cell-type-selector\n  *ngIf=\"displayIcon; else progressCircle\"\n  type=\"icon\"\n  [value]=\"icon\"\n  [rowIndex]=\"rowIndex\"\n  [row]=\"row\"\n  [colData]=\"colData\"></seam-table-cell-type-selector>\n<ng-template #progressCircle>\n  <seam-table-cell-type-selector\n    type=\"progress-circle\"\n    [value]=\"value\"\n    [rowIndex]=\"rowIndex\"\n    [row]=\"row\"\n    [colData]=\"colData\"></seam-table-cell-type-selector>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.TableCellTypeSelectorComponent, selector: "seam-table-cell-type-selector", inputs: ["type", "value", "rowIndex", "row", "colData"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TableCellTypeProgressCircleIconComponent, decorators: [{
+TableCellTypeProgressCircleIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableCellTypeProgressCircleIconComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.TableCellTypesHelpersService }, { token: TABLE_CELL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+TableCellTypeProgressCircleIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TableCellTypeProgressCircleIconComponent, selector: "seam-table-cell-type-progress-circle-icon", inputs: { value: "value" }, ngImport: i0, template: "<seam-table-cell-type-selector\n  *ngIf=\"displayIcon; else progressCircle\"\n  type=\"icon\"\n  [value]=\"icon\"\n  [rowIndex]=\"rowIndex\"\n  [row]=\"row\"\n  [colData]=\"colData\"></seam-table-cell-type-selector>\n<ng-template #progressCircle>\n  <seam-table-cell-type-selector\n    type=\"progress-circle\"\n    [value]=\"value\"\n    [rowIndex]=\"rowIndex\"\n    [row]=\"row\"\n    [colData]=\"colData\"></seam-table-cell-type-selector>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.TableCellTypeSelectorComponent, selector: "seam-table-cell-type-selector", inputs: ["type", "value", "rowIndex", "row", "colData"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableCellTypeProgressCircleIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'seam-table-cell-type-progress-circle-icon', changeDetection: ChangeDetectionStrategy.OnPush, template: "<seam-table-cell-type-selector\n  *ngIf=\"displayIcon; else progressCircle\"\n  type=\"icon\"\n  [value]=\"icon\"\n  [rowIndex]=\"rowIndex\"\n  [row]=\"row\"\n  [colData]=\"colData\"></seam-table-cell-type-selector>\n<ng-template #progressCircle>\n  <seam-table-cell-type-selector\n    type=\"progress-circle\"\n    [value]=\"value\"\n    [rowIndex]=\"rowIndex\"\n    [row]=\"row\"\n    [colData]=\"colData\"></seam-table-cell-type-selector>\n</ng-template>\n" }]
         }], ctorParameters: function () {
@@ -643,14 +637,14 @@ class TableCellTypeProgressCircleComponent {
                 .pipe(takeUntil(this._ngUnsubscribe))
                 .subscribe(v => {
                 var _a;
-                if (v.changes.hasOwnProperty('value')) {
+                if (Object.prototype.hasOwnProperty.call(v.changes, 'value')) {
                     this.value = coerceNumberProperty(v.changes.value.currentValue);
                     if (this._config) {
                         this._setCellTypeConfigProps(this._config);
                     }
                     this._cdf.markForCheck();
                 }
-                if (v.changes.hasOwnProperty('colData')) {
+                if (Object.prototype.hasOwnProperty.call(v.changes, 'colData')) {
                     this.colData = v.changes.colData.currentValue;
                     if (this.colData && this.colData.cellTypeConfig) {
                         this._setCellTypeConfigProps(this.colData.cellTypeConfig);
@@ -658,7 +652,7 @@ class TableCellTypeProgressCircleComponent {
                     this._cdf.markForCheck();
                 }
                 else {
-                    if (v.changes.hasOwnProperty('row')) {
+                    if (Object.prototype.hasOwnProperty.call(v.changes, 'row')) {
                         if ((_a = this.colData) === null || _a === void 0 ? void 0 : _a.cellTypeConfig) {
                             this._setCellTypeConfigProps(this.colData.cellTypeConfig);
                             this._cdf.markForCheck();
@@ -668,7 +662,6 @@ class TableCellTypeProgressCircleComponent {
             });
         }
     }
-    ngOnInit() { }
     ngOnDestroy() {
         this._ngUnsubscribe.next(undefined);
         this._ngUnsubscribe.complete();
@@ -734,7 +727,9 @@ class TableCellTypeProgressCircleComponent {
         if (this._buttonAction && this._buttonAction.type === 'modal') {
             const contextFn = () => this._tableCellTypeHelpers.getValueContext(this.value, this._tableCellData);
             this._tableCellTypeHelpers.handleModalAction(this._buttonAction, contextFn)
-                .subscribe(r => { }, err => console.error(err), () => this._actionRefreshRequest());
+                .subscribe(r => { }, 
+            // eslint-disable-next-line no-console
+            err => console.error(err), () => this._actionRefreshRequest());
         }
     }
     _actionRefreshRequest() {
@@ -746,9 +741,9 @@ class TableCellTypeProgressCircleComponent {
         }
     }
 }
-TableCellTypeProgressCircleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TableCellTypeProgressCircleComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.TableCellTypesHelpersService }, { token: i2.DatatableComponent, optional: true }, { token: i3.TableComponent, optional: true }, { token: TABLE_CELL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-TableCellTypeProgressCircleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.6", type: TableCellTypeProgressCircleComponent, selector: "seam-table-cell-type-progress-circle", inputs: { value: "value" }, host: { properties: { "class.datatable-cell-type": "this._isDatatable" } }, ngImport: i0, template: "<ng-container *ngIf=\"!_tplType || _tplType === 'default'\">\n  <ng-template [ngTemplateOutlet]=\"progressCircleTpl\"></ng-template>\n</ng-container>\n\n<ng-container *ngIf=\"_tplType === 'link'\">\n  <a class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n    [routerLink]=\"_link\"\n    [queryParams]=\"_queryParams\"\n    [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n    [attr.target]=\"_target\">\n    <ng-template [ngTemplateOutlet]=\"progressCircleTpl\"></ng-template>\n\n  </a>\n</ng-container>\n\n<ng-container *ngIf=\"_tplType === 'link-external'\"\n  class=\"d-flex align-items-center justify-center\"\n  [class.datatable-icon-fix]=\"_isDatatable\">\n  <a class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n    [attr.href]=\"_link\"\n    [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n    [attr.target]=\"_target\">\n    <ng-template [ngTemplateOutlet]=\"progressCircleTpl\"></ng-template>\n  </a>\n</ng-container>\n\n<ng-container *ngIf=\"_tplType === 'link-encrypted'\"\n  class=\"d-flex align-items-center justify-center\"\n  [class.datatable-icon-fix]=\"_isDatatable\">\n  <button\n    class=\"btn btn-link p-0 m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n    type=\"button\"\n    [seamEncryptedAssetLink]=\"_link\"\n    [seamDetectMimeFromContent]=\"_detectMimeContent\"\n    [seamDownloadAsset]=\"_download\"\n    [attr.title]=\"_tooltipDisabled ? _title : undefined\">\n    <ng-template [ngTemplateOutlet]=\"progressCircleTpl\"></ng-template>\n  </button>\n</ng-container>\n\n<ng-container *ngIf=\"_tplType === 'button'\"\n  class=\"d-flex align-items-center justify-center\"\n  [class.datatable-icon-fix]=\"_isDatatable\"\n  (click)=\"_doButtonAction()\">\n  <button\n    class=\"btn btn-link p-0 m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n    type=\"button\"\n    [attr.title]=\"_tooltipDisabled ? _title : undefined\">\n    <ng-template [ngTemplateOutlet]=\"progressCircleTpl\"></ng-template>\n  </button>\n</ng-container>\n\n<ng-template #progressCircleTpl>\n  <div class=\"progress-circle-wrapper\">\n    <seam-progress-circle\n      class=\"progress-circle\"\n      [fillBackground]=\"fillBackground\"\n      [showText]=\"showText\"\n      [hiddenOnEmpty]=\"hiddenOnEmpty\"\n      [percentage]=\"$any(value)\"\n      [pending]=\"pending\"\n      [ngbTooltip]=\"tooltip\"\n      [tooltipClass]=\"$any(tooltipClass)\"\n      [placement]=\"$any(tooltipPlacement)\"\n      [container]=\"$any(tooltipContainer)\">\n    </seam-progress-circle>\n    <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n  </div>\n</ng-template>\n", styles: [":host.datatable-cell-type .progress-circle-wrapper{max-height:25px}:host.datatable-cell-type .progress-circle{position:relative;width:25px;height:25px;margin:0 auto}:host.datatable-cell-type .progress-circle ::ng-deep .seam-progress-circle{padding:0}:host:not(.datatable-cell-type) .progress-circle-wrapper{height:22px;max-height:22px}:host:not(.datatable-cell-type) .progress-circle{position:relative;width:25px;height:25px;margin:0 auto;margin-top:-.03rem}:host:not(.datatable-cell-type) .progress-circle ::ng-deep .seam-progress-circle{padding:0}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i5.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i6.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i7$1.ProgressCircleComponent, selector: "seam-progress-circle", inputs: ["fillBackground", "showText", "hiddenOnEmpty", "pending", "percentage"] }, { kind: "directive", type: i8.EncryptedAssetLinkDirective, selector: "[seamEncryptedAssetLink]", inputs: ["seamEncryptedAssetLink", "seamShowLoadingOverlay", "seamDetectMimeFromContent", "seamDownloadAsset"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TableCellTypeProgressCircleComponent, decorators: [{
+TableCellTypeProgressCircleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableCellTypeProgressCircleComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.TableCellTypesHelpersService }, { token: i2.DatatableComponent, optional: true }, { token: i3.TableComponent, optional: true }, { token: TABLE_CELL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+TableCellTypeProgressCircleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TableCellTypeProgressCircleComponent, selector: "seam-table-cell-type-progress-circle", inputs: { value: "value" }, host: { properties: { "class.datatable-cell-type": "this._isDatatable" } }, ngImport: i0, template: "<ng-container *ngIf=\"!_tplType || _tplType === 'default'\">\n  <ng-template [ngTemplateOutlet]=\"progressCircleTpl\"></ng-template>\n</ng-container>\n\n<ng-container *ngIf=\"_tplType === 'link'\">\n  <a class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n    [routerLink]=\"_link\"\n    [queryParams]=\"_queryParams\"\n    [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n    [attr.target]=\"_target\">\n    <ng-template [ngTemplateOutlet]=\"progressCircleTpl\"></ng-template>\n\n  </a>\n</ng-container>\n\n<ng-container *ngIf=\"_tplType === 'link-external'\"\n  class=\"d-flex align-items-center justify-center\"\n  [class.datatable-icon-fix]=\"_isDatatable\">\n  <a class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n    [attr.href]=\"_link\"\n    [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n    [attr.target]=\"_target\">\n    <ng-template [ngTemplateOutlet]=\"progressCircleTpl\"></ng-template>\n  </a>\n</ng-container>\n\n<ng-container *ngIf=\"_tplType === 'link-encrypted'\"\n  class=\"d-flex align-items-center justify-center\"\n  [class.datatable-icon-fix]=\"_isDatatable\">\n  <button\n    class=\"btn btn-link p-0 m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n    type=\"button\"\n    [seamEncryptedAssetLink]=\"_link\"\n    [seamDetectMimeFromContent]=\"_detectMimeContent\"\n    [seamDownloadAsset]=\"_download\"\n    [attr.title]=\"_tooltipDisabled ? _title : undefined\">\n    <ng-template [ngTemplateOutlet]=\"progressCircleTpl\"></ng-template>\n  </button>\n</ng-container>\n\n<ng-container *ngIf=\"_tplType === 'button'\"\n  class=\"d-flex align-items-center justify-center\"\n  [class.datatable-icon-fix]=\"_isDatatable\"\n  (click)=\"_doButtonAction()\">\n  <button\n    class=\"btn btn-link p-0 m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n    type=\"button\"\n    [attr.title]=\"_tooltipDisabled ? _title : undefined\">\n    <ng-template [ngTemplateOutlet]=\"progressCircleTpl\"></ng-template>\n  </button>\n</ng-container>\n\n<ng-template #progressCircleTpl>\n  <div class=\"progress-circle-wrapper\">\n    <seam-progress-circle\n      class=\"progress-circle\"\n      [fillBackground]=\"fillBackground\"\n      [showText]=\"showText\"\n      [hiddenOnEmpty]=\"hiddenOnEmpty\"\n      [percentage]=\"$any(value)\"\n      [pending]=\"pending\"\n      [ngbTooltip]=\"tooltip\"\n      [tooltipClass]=\"$any(tooltipClass)\"\n      [placement]=\"$any(tooltipPlacement)\"\n      [container]=\"$any(tooltipContainer)\">\n    </seam-progress-circle>\n    <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n  </div>\n</ng-template>\n", styles: [":host.datatable-cell-type .progress-circle-wrapper{max-height:25px}:host.datatable-cell-type .progress-circle{position:relative;width:25px;height:25px;margin:0 auto}:host.datatable-cell-type .progress-circle ::ng-deep .seam-progress-circle{padding:0}:host:not(.datatable-cell-type) .progress-circle-wrapper{height:22px;max-height:22px}:host:not(.datatable-cell-type) .progress-circle{position:relative;width:25px;height:25px;margin:0 auto;margin-top:-.03rem}:host:not(.datatable-cell-type) .progress-circle ::ng-deep .seam-progress-circle{padding:0}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i5.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i6.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i7$1.ProgressCircleComponent, selector: "seam-progress-circle", inputs: ["fillBackground", "showText", "hiddenOnEmpty", "pending", "percentage"] }, { kind: "directive", type: i8.EncryptedAssetLinkDirective, selector: "[seamEncryptedAssetLink]", inputs: ["seamEncryptedAssetLink", "seamShowLoadingOverlay", "seamDetectMimeFromContent", "seamDownloadAsset"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableCellTypeProgressCircleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'seam-table-cell-type-progress-circle', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"!_tplType || _tplType === 'default'\">\n  <ng-template [ngTemplateOutlet]=\"progressCircleTpl\"></ng-template>\n</ng-container>\n\n<ng-container *ngIf=\"_tplType === 'link'\">\n  <a class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n    [routerLink]=\"_link\"\n    [queryParams]=\"_queryParams\"\n    [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n    [attr.target]=\"_target\">\n    <ng-template [ngTemplateOutlet]=\"progressCircleTpl\"></ng-template>\n\n  </a>\n</ng-container>\n\n<ng-container *ngIf=\"_tplType === 'link-external'\"\n  class=\"d-flex align-items-center justify-center\"\n  [class.datatable-icon-fix]=\"_isDatatable\">\n  <a class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n    [attr.href]=\"_link\"\n    [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n    [attr.target]=\"_target\">\n    <ng-template [ngTemplateOutlet]=\"progressCircleTpl\"></ng-template>\n  </a>\n</ng-container>\n\n<ng-container *ngIf=\"_tplType === 'link-encrypted'\"\n  class=\"d-flex align-items-center justify-center\"\n  [class.datatable-icon-fix]=\"_isDatatable\">\n  <button\n    class=\"btn btn-link p-0 m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n    type=\"button\"\n    [seamEncryptedAssetLink]=\"_link\"\n    [seamDetectMimeFromContent]=\"_detectMimeContent\"\n    [seamDownloadAsset]=\"_download\"\n    [attr.title]=\"_tooltipDisabled ? _title : undefined\">\n    <ng-template [ngTemplateOutlet]=\"progressCircleTpl\"></ng-template>\n  </button>\n</ng-container>\n\n<ng-container *ngIf=\"_tplType === 'button'\"\n  class=\"d-flex align-items-center justify-center\"\n  [class.datatable-icon-fix]=\"_isDatatable\"\n  (click)=\"_doButtonAction()\">\n  <button\n    class=\"btn btn-link p-0 m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n    type=\"button\"\n    [attr.title]=\"_tooltipDisabled ? _title : undefined\">\n    <ng-template [ngTemplateOutlet]=\"progressCircleTpl\"></ng-template>\n  </button>\n</ng-container>\n\n<ng-template #progressCircleTpl>\n  <div class=\"progress-circle-wrapper\">\n    <seam-progress-circle\n      class=\"progress-circle\"\n      [fillBackground]=\"fillBackground\"\n      [showText]=\"showText\"\n      [hiddenOnEmpty]=\"hiddenOnEmpty\"\n      [percentage]=\"$any(value)\"\n      [pending]=\"pending\"\n      [ngbTooltip]=\"tooltip\"\n      [tooltipClass]=\"$any(tooltipClass)\"\n      [placement]=\"$any(tooltipPlacement)\"\n      [container]=\"$any(tooltipContainer)\">\n    </seam-progress-circle>\n    <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n  </div>\n</ng-template>\n", styles: [":host.datatable-cell-type .progress-circle-wrapper{max-height:25px}:host.datatable-cell-type .progress-circle{position:relative;width:25px;height:25px;margin:0 auto}:host.datatable-cell-type .progress-circle ::ng-deep .seam-progress-circle{padding:0}:host:not(.datatable-cell-type) .progress-circle-wrapper{height:22px;max-height:22px}:host:not(.datatable-cell-type) .progress-circle{position:relative;width:25px;height:25px;margin:0 auto;margin-top:-.03rem}:host:not(.datatable-cell-type) .progress-circle ::ng-deep .seam-progress-circle{padding:0}\n"] }]
         }], ctorParameters: function () {
@@ -822,11 +817,11 @@ class TableCellTypeStringComponent {
             _data.changed
                 .pipe(takeUntil(this._ngUnsubscribe))
                 .subscribe(v => {
-                if (v.changes.hasOwnProperty('value')) {
+                if (Object.prototype.hasOwnProperty.call(v.changes, 'value')) {
                     this.value = v.changes.value.currentValue;
                     this._cdf.markForCheck();
                 }
-                if (v.changes.hasOwnProperty('colData')) {
+                if (Object.prototype.hasOwnProperty.call(v.changes, 'colData')) {
                     const colData = v.changes.colData.currentValue;
                     if (colData && colData.cellTypeConfig !== this.config) {
                         this.config = colData.cellTypeConfig;
@@ -837,7 +832,8 @@ class TableCellTypeStringComponent {
                     this._cdf.markForCheck();
                 }
                 else {
-                    if (v.changes.hasOwnProperty('row')) {
+                    if (Object.prototype.hasOwnProperty.call(v.changes, 'row')) {
+                        // eslint-disable-next-line no-self-assign
                         this.config = this.config;
                         this._cdf.markForCheck();
                     }
@@ -902,7 +898,9 @@ class TableCellTypeStringComponent {
         if (this._buttonAction && this._buttonAction.type === 'modal') {
             const contextFn = () => this._tableCellTypeHelpers.getValueContext(this.value, this._tableCellData);
             this._tableCellTypeHelpers.handleModalAction(this._buttonAction, contextFn)
-                .subscribe(r => { }, err => console.error(err), () => this._actionRefreshRequest());
+                .subscribe(r => { }, 
+            // eslint-disable-next-line no-console
+            err => console.error(err), () => this._actionRefreshRequest());
         }
     }
     _actionRefreshRequest() {
@@ -914,9 +912,9 @@ class TableCellTypeStringComponent {
         }
     }
 }
-TableCellTypeStringComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TableCellTypeStringComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.TableCellTypesHelpersService }, { token: i2.DatatableComponent, optional: true }, { token: i3.TableComponent, optional: true }, { token: TABLE_CELL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-TableCellTypeStringComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.6", type: TableCellTypeStringComponent, selector: "seam-table-cell-type-string", inputs: { value: "value", config: "config", title: "title", style: "style", classAttr: "classAttr" }, host: { properties: { "attr.title": "this._titleAttr", "attr.style": "this._styleAttr", "class": "this._classAttr" } }, ngImport: i0, template: "<ng-template #popoverTpl>\n  {{ value }}\n</ng-template>\n\n<ng-template #noPopover>\n  <div class=\"text-truncate\">\n    {{ value }}\n  </div>\n</ng-template>\n\n<ng-container *ngIf=\"!_tplType || _tplType === 'default'\">\n  <div *ngIf=\"canPopover; else noPopover\" [seamPopover]=\"popoverTpl\">\n    <ng-template [ngTemplateOutlet]=\"noPopover\"></ng-template>\n  </div>\n</ng-container>\n\n\n\n<ng-container *ngIf=\"_tplType === 'link'\">\n  <a class=\"d-block text-body text-decoration-none\"\n    [routerLink]=\"_link\"\n    [queryParams]=\"_queryParams\"\n    [attr.title]=\"_title\">\n    <ng-template [ngTemplateOutlet]=\"noPopover\"></ng-template>\n  </a>\n</ng-container>\n\n<ng-container *ngIf=\"_tplType === 'link-external'\">\n  <a class=\"d-block text-body text-decoration-none\"\n    [attr.href]=\"_link\"\n    [attr.title]=\"_title\">\n    <ng-template [ngTemplateOutlet]=\"noPopover\"></ng-template>\n  </a>\n</ng-container>\n\n<ng-container *ngIf=\"_tplType === 'link-encrypted'\">\n  <button\n    class=\"btn btn-link p-0 d-block text-body text-decoration-none\"\n    type=\"button\"\n    [seamEncryptedAssetLink]=\"_link\"\n    [seamDetectMimeFromContent]=\"_detectMimeContent\"\n    [seamDownloadAsset]=\"_download\"\n    [attr.title]=\"_title\">\n    <ng-template [ngTemplateOutlet]=\"noPopover\"></ng-template>\n  </button>\n</ng-container>\n\n<ng-container *ngIf=\"_tplType === 'button'\">\n  <button\n    class=\"btn btn-link p-0 d-block text-body text-decoration-none\"\n    type=\"button\"\n    [attr.title]=\"_title\"\n    (click)=\"_doButtonAction()\">\n    <ng-template [ngTemplateOutlet]=\"noPopover\"></ng-template>\n  </button>\n</ng-container>\n\n", styles: [""], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i6.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i6$1.TheSeamPopoverDirective, selector: "[seamPopover]", inputs: ["seamPopover", "seamPopoverBaseWidth", "seamPopoverDisabled"], exportAs: ["seamPopover"] }, { kind: "directive", type: i8.EncryptedAssetLinkDirective, selector: "[seamEncryptedAssetLink]", inputs: ["seamEncryptedAssetLink", "seamShowLoadingOverlay", "seamDetectMimeFromContent", "seamDownloadAsset"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TableCellTypeStringComponent, decorators: [{
+TableCellTypeStringComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableCellTypeStringComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.TableCellTypesHelpersService }, { token: i2.DatatableComponent, optional: true }, { token: i3.TableComponent, optional: true }, { token: TABLE_CELL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+TableCellTypeStringComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TableCellTypeStringComponent, selector: "seam-table-cell-type-string", inputs: { value: "value", config: "config", title: "title", style: "style", classAttr: "classAttr" }, host: { properties: { "attr.title": "this._titleAttr", "attr.style": "this._styleAttr", "class": "this._classAttr" } }, ngImport: i0, template: "<ng-template #popoverTpl>\n  {{ value }}\n</ng-template>\n\n<ng-template #noPopover>\n  <div class=\"text-truncate\">\n    {{ value }}\n  </div>\n</ng-template>\n\n<ng-container *ngIf=\"!_tplType || _tplType === 'default'\">\n  <div *ngIf=\"canPopover; else noPopover\" [seamPopover]=\"popoverTpl\">\n    <ng-template [ngTemplateOutlet]=\"noPopover\"></ng-template>\n  </div>\n</ng-container>\n\n\n\n<ng-container *ngIf=\"_tplType === 'link'\">\n  <a class=\"d-block text-body text-decoration-none\"\n    [routerLink]=\"_link\"\n    [queryParams]=\"_queryParams\"\n    [attr.title]=\"_title\">\n    <ng-template [ngTemplateOutlet]=\"noPopover\"></ng-template>\n  </a>\n</ng-container>\n\n<ng-container *ngIf=\"_tplType === 'link-external'\">\n  <a class=\"d-block text-body text-decoration-none\"\n    [attr.href]=\"_link\"\n    [attr.title]=\"_title\">\n    <ng-template [ngTemplateOutlet]=\"noPopover\"></ng-template>\n  </a>\n</ng-container>\n\n<ng-container *ngIf=\"_tplType === 'link-encrypted'\">\n  <button\n    class=\"btn btn-link p-0 d-block text-body text-decoration-none\"\n    type=\"button\"\n    [seamEncryptedAssetLink]=\"_link\"\n    [seamDetectMimeFromContent]=\"_detectMimeContent\"\n    [seamDownloadAsset]=\"_download\"\n    [attr.title]=\"_title\">\n    <ng-template [ngTemplateOutlet]=\"noPopover\"></ng-template>\n  </button>\n</ng-container>\n\n<ng-container *ngIf=\"_tplType === 'button'\">\n  <button\n    class=\"btn btn-link p-0 d-block text-body text-decoration-none\"\n    type=\"button\"\n    [attr.title]=\"_title\"\n    (click)=\"_doButtonAction()\">\n    <ng-template [ngTemplateOutlet]=\"noPopover\"></ng-template>\n  </button>\n</ng-container>\n\n", styles: [""], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i6.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i6$1.TheSeamPopoverDirective, selector: "[seamPopover]", inputs: ["seamPopover", "seamPopoverBaseWidth", "seamPopoverDisabled"], exportAs: ["seamPopover"] }, { kind: "directive", type: i8.EncryptedAssetLinkDirective, selector: "[seamEncryptedAssetLink]", inputs: ["seamEncryptedAssetLink", "seamShowLoadingOverlay", "seamDetectMimeFromContent", "seamDownloadAsset"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableCellTypeStringComponent, decorators: [{
             type: Component,
             args: [{ selector: 'seam-table-cell-type-string', host: {}, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #popoverTpl>\n  {{ value }}\n</ng-template>\n\n<ng-template #noPopover>\n  <div class=\"text-truncate\">\n    {{ value }}\n  </div>\n</ng-template>\n\n<ng-container *ngIf=\"!_tplType || _tplType === 'default'\">\n  <div *ngIf=\"canPopover; else noPopover\" [seamPopover]=\"popoverTpl\">\n    <ng-template [ngTemplateOutlet]=\"noPopover\"></ng-template>\n  </div>\n</ng-container>\n\n\n\n<ng-container *ngIf=\"_tplType === 'link'\">\n  <a class=\"d-block text-body text-decoration-none\"\n    [routerLink]=\"_link\"\n    [queryParams]=\"_queryParams\"\n    [attr.title]=\"_title\">\n    <ng-template [ngTemplateOutlet]=\"noPopover\"></ng-template>\n  </a>\n</ng-container>\n\n<ng-container *ngIf=\"_tplType === 'link-external'\">\n  <a class=\"d-block text-body text-decoration-none\"\n    [attr.href]=\"_link\"\n    [attr.title]=\"_title\">\n    <ng-template [ngTemplateOutlet]=\"noPopover\"></ng-template>\n  </a>\n</ng-container>\n\n<ng-container *ngIf=\"_tplType === 'link-encrypted'\">\n  <button\n    class=\"btn btn-link p-0 d-block text-body text-decoration-none\"\n    type=\"button\"\n    [seamEncryptedAssetLink]=\"_link\"\n    [seamDetectMimeFromContent]=\"_detectMimeContent\"\n    [seamDownloadAsset]=\"_download\"\n    [attr.title]=\"_title\">\n    <ng-template [ngTemplateOutlet]=\"noPopover\"></ng-template>\n  </button>\n</ng-container>\n\n<ng-container *ngIf=\"_tplType === 'button'\">\n  <button\n    class=\"btn btn-link p-0 d-block text-body text-decoration-none\"\n    type=\"button\"\n    [attr.title]=\"_title\"\n    (click)=\"_doButtonAction()\">\n    <ng-template [ngTemplateOutlet]=\"noPopover\"></ng-template>\n  </button>\n</ng-container>\n\n" }]
         }], ctorParameters: function () {
@@ -1057,8 +1055,8 @@ const cellTypeProviders = [
 ];
 class TheSeamTableCellTypesModule {
 }
-TheSeamTableCellTypesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TheSeamTableCellTypesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TheSeamTableCellTypesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.6", ngImport: i0, type: TheSeamTableCellTypesModule, declarations: [TableCellTypeStringComponent,
+TheSeamTableCellTypesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamTableCellTypesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TheSeamTableCellTypesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: TheSeamTableCellTypesModule, declarations: [TableCellTypeStringComponent,
         TableCellTypeCurrencyComponent,
         TableCellTypeDateComponent,
         TableCellTypeDecimalComponent,
@@ -1085,7 +1083,7 @@ TheSeamTableCellTypesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0
         TableCellTypeProgressCircleComponent,
         TableCellTypeProgressCircleIconComponent,
         TableCellTypePhoneComponent] });
-TheSeamTableCellTypesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TheSeamTableCellTypesModule, providers: [
+TheSeamTableCellTypesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamTableCellTypesModule, providers: [
         ...cellTypeProviders
     ], imports: [CommonModule,
         NgbTooltipModule,
@@ -1098,7 +1096,7 @@ TheSeamTableCellTypesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0
         TheSeamTelInputModule,
         TheSeamAssetReaderModule,
         TheSeamTableCellTypeModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TheSeamTableCellTypesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamTableCellTypesModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [