@theseam/ui-common 1.0.0-beta.6 → 1.0.0-beta.8

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

@@ -46,12 +46,11 @@ class TableCellTypeCurrencyComponent {
         this.row = tableData && tableData.row;
         this.rowIndex = tableData && tableData.rowIndex;
         this.colData = tableData && tableData.colData;
-        this.textAlign = this._parseConfigValue(tableData?.colData?.cellTypeConfig?.textAlign, tableData) || 'right';
+        this.textAlign =
+            this._parseConfigValue(tableData?.colData?.cellTypeConfig?.textAlign, tableData) || 'right';
         // this.titleAttr = this._parseConfigValue(tableData?.colData?.cellTypeConfig?.titleAttr, tableData) || this.value
         if (tableData) {
-            tableData.changed
-                .pipe(takeUntil(this._ngUnsubscribe))
-                .subscribe(v => {
+            tableData.changed.pipe(takeUntil(this._ngUnsubscribe)).subscribe((v) => {
                 if (Object.prototype.hasOwnProperty.call(v.changes, 'value')) {
                     this.value = this._formatCurrency(v.changes.value.currentValue, tableData);
                     this._cdf.markForCheck();
@@ -70,7 +69,8 @@ class TableCellTypeCurrencyComponent {
     _formatCurrency(currentValue, tableData) {
         const config = tableData?.colData?.cellTypeConfig;
         const defaultToEmpty = notNullOrUndefined(config?.defaultToEmpty)
-            ? this._parseConfigValue(coerceBooleanProperty(config?.defaultToEmpty), tableData) : true;
+            ? this._parseConfigValue(coerceBooleanProperty(config?.defaultToEmpty), tableData)
+            : true;
         let _currentValue = currentValue;
         const valueIsNumeric = isNumeric(_currentValue);
         if (!valueIsNumeric) {
@@ -96,12 +96,12 @@ class TableCellTypeCurrencyComponent {
         const contextFn = () => this._tableCellTypeHelpers.getValueContext(val, tableData);
         return this._tableCellTypeHelpers.parseValueProp(val, contextFn);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TableCellTypeCurrencyComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.TableCellTypesHelpersService }, { token: TABLE_CELL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: TableCellTypeCurrencyComponent, isStandalone: false, 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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TableCellTypeCurrencyComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.TableCellTypesHelpersService }, { token: TABLE_CELL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: TableCellTypeCurrencyComponent, isStandalone: false, 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\"\n  ></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: "20.3.1", ngImport: i0, type: TableCellTypeCurrencyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TableCellTypeCurrencyComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'seam-table-cell-type-currency', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, 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" }]
+            args: [{ selector: 'seam-table-cell-type-currency', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, 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\"\n  ></seam-table-cell-type-selector>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.TableCellTypesHelpersService }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -120,18 +120,22 @@ class TableCellTypeDateComponent {
         this._cdf = _cdf;
         const _data = _tableData;
         this.value = _data && _data.value;
-        this.format = _data && _data.colData && _data.colData.cellTypeConfig && _data.colData.cellTypeConfig.format;
+        this.format =
+            _data &&
+                _data.colData &&
+                _data.colData.cellTypeConfig &&
+                _data.colData.cellTypeConfig.format;
         if (_data) {
-            _data.changed
-                .pipe(takeUntil(this._ngUnsubscribe))
-                .subscribe(v => {
+            _data.changed.pipe(takeUntil(this._ngUnsubscribe)).subscribe((v) => {
                 if (Object.prototype.hasOwnProperty.call(v.changes, 'value')) {
                     this.value = v.changes.value.currentValue;
                     this._cdf.markForCheck();
                 }
                 if (Object.prototype.hasOwnProperty.call(v.changes, 'colData')) {
                     const colData = v.changes.colData.currentValue;
-                    if (colData && colData.cellTypeConfig && colData.cellTypeConfig.format !== this.format) {
+                    if (colData &&
+                        colData.cellTypeConfig &&
+                        colData.cellTypeConfig.format !== this.format) {
                         this.format = colData.cellTypeConfig.format;
                     }
                     this._cdf.markForCheck();
@@ -143,12 +147,12 @@ class TableCellTypeDateComponent {
         this._ngUnsubscribe.next(undefined);
         this._ngUnsubscribe.complete();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TableCellTypeDateComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: TABLE_CELL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: TableCellTypeDateComponent, isStandalone: false, 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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TableCellTypeDateComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: TABLE_CELL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: TableCellTypeDateComponent, isStandalone: false, selector: "seam-table-cell-type-date", inputs: { value: "value", format: "format" }, ngImport: i0, template: "<div\n  class=\"td-text-truncate\"\n  [title]=\"value | date: format || 'yyyy-MM-dd h:mm aaa'\"\n>\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: "20.3.1", ngImport: i0, type: TableCellTypeDateComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TableCellTypeDateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'seam-table-cell-type-date', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, 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" }]
+            args: [{ selector: 'seam-table-cell-type-date', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div\n  class=\"td-text-truncate\"\n  [title]=\"value | date: format || 'yyyy-MM-dd h:mm aaa'\"\n>\n  {{ value | date: format || 'yyyy-MM-dd h:mm aaa' }}\n</div>\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -177,11 +181,10 @@ class TableCellTypeDecimalComponent {
         this.row = tableData && tableData.row;
         this.rowIndex = tableData && tableData.rowIndex;
         this.colData = tableData && tableData.colData;
-        this.textAlign = this._parseConfigValue(tableData?.colData?.cellTypeConfig?.textAlign, tableData) || 'right';
+        this.textAlign =
+            this._parseConfigValue(tableData?.colData?.cellTypeConfig?.textAlign, tableData) || 'right';
         if (tableData) {
-            tableData.changed
-                .pipe(takeUntil(this._ngUnsubscribe))
-                .subscribe(v => {
+            tableData.changed.pipe(takeUntil(this._ngUnsubscribe)).subscribe((v) => {
                 if (Object.prototype.hasOwnProperty.call(v.changes, 'value')) {
                     this.value = this._formatDecimal(v.changes.value.currentValue, tableData);
                     this._cdf.markForCheck();
@@ -200,9 +203,11 @@ class TableCellTypeDecimalComponent {
     _formatDecimal(currentValue, tableData) {
         const config = tableData?.colData?.cellTypeConfig;
         const defaultToEmpty = notNullOrUndefined(config?.defaultToEmpty)
-            ? this._parseConfigValue(coerceBooleanProperty(config?.defaultToEmpty), tableData) : true;
+            ? this._parseConfigValue(coerceBooleanProperty(config?.defaultToEmpty), tableData)
+            : true;
         const formatDecimal = notNullOrUndefined(config?.formatNumber)
-            ? this._parseConfigValue(coerceBooleanProperty(config?.formatNumber), tableData) : true;
+            ? this._parseConfigValue(coerceBooleanProperty(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
@@ -221,18 +226,20 @@ class TableCellTypeDecimalComponent {
         const minFractionDigits = this._parseConfigValue(config?.minFractionDigits, tableData) || 0;
         const maxFractionDigits = this._parseConfigValue(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);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TableCellTypeDecimalComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.TableCellTypesHelpersService }, { token: TABLE_CELL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: TableCellTypeDecimalComponent, isStandalone: false, 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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TableCellTypeDecimalComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.TableCellTypesHelpersService }, { token: TABLE_CELL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: TableCellTypeDecimalComponent, isStandalone: false, 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\"\n  ></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: "20.3.1", ngImport: i0, type: TableCellTypeDecimalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TableCellTypeDecimalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'seam-table-cell-type-decimal', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, 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" }]
+            args: [{ selector: 'seam-table-cell-type-decimal', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, 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\"\n  ></seam-table-cell-type-selector>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.TableCellTypesHelpersService }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -248,13 +255,17 @@ class TableCellTypeIconComponent {
     _datatable;
     _table;
     _ngUnsubscribe = new Subject();
-    get value() { return this._value; }
+    get value() {
+        return this._value;
+    }
     set value(value) {
         this._value = value;
         this._icon = value ? getKnownIcon(value) || value : value;
     }
     _value;
-    get config() { return this._config; }
+    get config() {
+        return this._config;
+    }
     set config(value) {
         this._config = value;
         if (value) {
@@ -267,7 +278,8 @@ class TableCellTypeIconComponent {
             this._tooltip = this._parseConfigValue(value.tooltip);
             if (this._tooltip) {
                 this._tooltipClass = this._parseConfigValue(value.tooltipClass);
-                this._tooltipPlacement = this._parseConfigValue(value.tooltipPlacement) || 'auto';
+                this._tooltipPlacement =
+                    this._parseConfigValue(value.tooltipPlacement) || 'auto';
                 this._tooltipContainer = this._parseConfigValue(value.tooltipContainer);
                 this._tooltipDisabled = false;
             }
@@ -322,9 +334,7 @@ class TableCellTypeIconComponent {
             this.config = _data.colData.cellTypeConfig;
         }
         if (_data) {
-            _data.changed
-                .pipe(takeUntil(this._ngUnsubscribe))
-                .subscribe(v => {
+            _data.changed.pipe(takeUntil(this._ngUnsubscribe)).subscribe((v) => {
                 if (Object.prototype.hasOwnProperty.call(v.changes, 'value')) {
                     this.value = v.changes.value.currentValue;
                     this.config = this._config;
@@ -365,7 +375,9 @@ class TableCellTypeIconComponent {
                 if (link !== undefined && link !== null) {
                     newTplType = this._parseConfigValue(configAction.asset)
                         ? 'link-encrypted'
-                        : this._parseConfigValue(configAction.external) ? 'link-external' : 'link';
+                        : this._parseConfigValue(configAction.external)
+                            ? 'link-external'
+                            : 'link';
                     download = !!this._parseConfigValue(configAction.download);
                     detectMimeContent = !!this._parseConfigValue(configAction.detectMimeContent);
                     target = this._parseConfigValue(configAction.target);
@@ -391,10 +403,11 @@ class TableCellTypeIconComponent {
     _doButtonAction() {
         if (this._buttonAction && this._buttonAction.type === 'modal') {
             const contextFn = () => this._tableCellTypeHelpers.getValueContext(this.value, this._tableCellData);
-            this._tableCellTypeHelpers.handleModalAction(this._buttonAction, contextFn)
-                .subscribe(r => { }, 
+            this._tableCellTypeHelpers
+                .handleModalAction(this._buttonAction, contextFn)
+                .subscribe((r) => { }, 
             // eslint-disable-next-line no-console
-            err => console.error(err), () => this._actionRefreshRequest());
+            (err) => console.error(err), () => this._actionRefreshRequest());
         }
     }
     _actionRefreshRequest() {
@@ -405,12 +418,12 @@ class TableCellTypeIconComponent {
             this._table.triggerActionRefreshRequest();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", 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 });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: TableCellTypeIconComponent, isStandalone: false, 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      [seamTooltip]=\"_tooltip ?? null\"\n      [tooltipClass]=\"_tooltipClass\"\n      [placement]=\"_tooltipPlacement\"\n      [container]=\"_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      [seamTooltip]=\"_tooltip ?? null\"\n      [tooltipClass]=\"_tooltipClass\"\n      [placement]=\"_tooltipPlacement\"\n      [container]=\"_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      [seamTooltip]=\"_tooltip ?? null\"\n      [tooltipClass]=\"_tooltipClass\"\n      [placement]=\"_tooltipPlacement\"\n      [container]=\"_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      [seamTooltip]=\"_tooltip ?? null\"\n      [tooltipClass]=\"_tooltipClass\"\n      [placement]=\"_tooltipPlacement\"\n      [container]=\"_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      [seamTooltip]=\"_tooltip ?? null\"\n      [tooltipClass]=\"_tooltipClass\"\n      [placement]=\"_tooltipPlacement\"\n      [container]=\"_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.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i6.IconComponent, selector: "seam-icon", inputs: ["grayscaleOnDisable", "disabled", "iconClass", "icon", "size", "showDefaultOnError", "defaultIcon", "iconType"] }, { kind: "directive", type: i7.EncryptedAssetLinkDirective, selector: "[seamEncryptedAssetLink]", inputs: ["seamEncryptedAssetLink", "seamShowLoadingOverlay", "seamDetectMimeFromContent", "seamDownloadAsset"] }, { kind: "directive", type: i8.TheSeamTooltipDirective, selector: "[seamTooltip]", inputs: ["seamTooltip", "tooltipClass", "placement", "container", "disableTooltip", "showDelay", "hideDelay", "trigger"], exportAs: ["seamTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.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 });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: TableCellTypeIconComponent, isStandalone: false, 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\n    *ngIf=\"!_tplType || _tplType === 'default'\"\n    class=\"d-flex align-items-center justify-center\"\n    [class.datatable-icon-fix]=\"_isDatatable\"\n  >\n    <a\n      class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n      [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n      [attr.target]=\"_target\"\n      [seamTooltip]=\"_tooltip ?? null\"\n      [tooltipClass]=\"_tooltipClass\"\n      [placement]=\"_tooltipPlacement\"\n      [container]=\"_tooltipContainer\"\n      [disableTooltip]=\"_tooltipDisabled\"\n    >\n      <seam-icon\n        [icon]=\"_icon\"\n        size=\"lg\"\n        [iconType]=\"_iconType\"\n        [iconClass]=\"_iconClass || ''\"\n      ></seam-icon>\n      <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n    </a>\n  </div>\n\n  <div\n    *ngIf=\"_tplType === 'link'\"\n    class=\"d-flex align-items-center justify-center\"\n    [class.datatable-icon-fix]=\"_isDatatable\"\n  >\n    <a\n      class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n      [routerLink]=\"_link\"\n      [queryParams]=\"_queryParams\"\n      [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n      [attr.target]=\"_target\"\n      [seamTooltip]=\"_tooltip ?? null\"\n      [tooltipClass]=\"_tooltipClass\"\n      [placement]=\"_tooltipPlacement\"\n      [container]=\"_tooltipContainer\"\n      [disableTooltip]=\"_tooltipDisabled\"\n    >\n      <seam-icon\n        *ngIf=\"_icon\"\n        [icon]=\"_icon\"\n        size=\"lg\"\n        [iconType]=\"_iconType\"\n        [iconClass]=\"_iconClass\"\n      ></seam-icon>\n      <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n    </a>\n  </div>\n\n  <div\n    *ngIf=\"_tplType === 'link-external'\"\n    class=\"d-flex align-items-center justify-center\"\n    [class.datatable-icon-fix]=\"_isDatatable\"\n  >\n    <a\n      class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n      [attr.href]=\"_link\"\n      [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n      [attr.target]=\"_target\"\n      [seamTooltip]=\"_tooltip ?? null\"\n      [tooltipClass]=\"_tooltipClass\"\n      [placement]=\"_tooltipPlacement\"\n      [container]=\"_tooltipContainer\"\n      [disableTooltip]=\"_tooltipDisabled\"\n    >\n      <seam-icon\n        *ngIf=\"_icon\"\n        [icon]=\"_icon\"\n        size=\"lg\"\n        [iconType]=\"_iconType\"\n        [iconClass]=\"_iconClass\"\n      ></seam-icon>\n      <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n    </a>\n  </div>\n\n  <div\n    *ngIf=\"_tplType === 'link-encrypted'\"\n    class=\"d-flex align-items-center justify-center\"\n    [class.datatable-icon-fix]=\"_isDatatable\"\n  >\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      [seamTooltip]=\"_tooltip ?? null\"\n      [tooltipClass]=\"_tooltipClass\"\n      [placement]=\"_tooltipPlacement\"\n      [container]=\"_tooltipContainer\"\n      [disableTooltip]=\"_tooltipDisabled\"\n    >\n      <seam-icon\n        *ngIf=\"_icon\"\n        iconType=\"styled-square\"\n        [icon]=\"_icon\"\n        size=\"lg\"\n        [iconType]=\"_iconType\"\n        [iconClass]=\"_iconClass\"\n      ></seam-icon>\n      <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n    </button>\n  </div>\n\n  <div\n    *ngIf=\"_tplType === 'button'\"\n    class=\"d-flex align-items-center justify-center\"\n    [class.datatable-icon-fix]=\"_isDatatable\"\n    (click)=\"_doButtonAction()\"\n  >\n    <button\n      class=\"btn btn-link p-0 m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n      type=\"button\"\n      [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n      [seamTooltip]=\"_tooltip ?? null\"\n      [tooltipClass]=\"_tooltipClass\"\n      [placement]=\"_tooltipPlacement\"\n      [container]=\"_tooltipContainer\"\n      [disableTooltip]=\"_tooltipDisabled\"\n    >\n      <seam-icon\n        *ngIf=\"_icon\"\n        iconType=\"styled-square\"\n        [icon]=\"_icon\"\n        size=\"lg\"\n        [iconType]=\"_iconType\"\n        [iconClass]=\"_iconClass\"\n      ></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.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i6.IconComponent, selector: "seam-icon", inputs: ["grayscaleOnDisable", "disabled", "iconClass", "icon", "size", "showDefaultOnError", "defaultIcon", "iconType"] }, { kind: "directive", type: i7.EncryptedAssetLinkDirective, selector: "[seamEncryptedAssetLink]", inputs: ["seamEncryptedAssetLink", "seamShowLoadingOverlay", "seamDetectMimeFromContent", "seamDownloadAsset"] }, { kind: "directive", type: i8.TheSeamTooltipDirective, selector: "[seamTooltip]", inputs: ["seamTooltip", "tooltipClass", "placement", "container", "disableTooltip", "showDelay", "hideDelay", "trigger"], exportAs: ["seamTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TableCellTypeIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TableCellTypeIconComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'seam-table-cell-type-icon', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, 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      [seamTooltip]=\"_tooltip ?? null\"\n      [tooltipClass]=\"_tooltipClass\"\n      [placement]=\"_tooltipPlacement\"\n      [container]=\"_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      [seamTooltip]=\"_tooltip ?? null\"\n      [tooltipClass]=\"_tooltipClass\"\n      [placement]=\"_tooltipPlacement\"\n      [container]=\"_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      [seamTooltip]=\"_tooltip ?? null\"\n      [tooltipClass]=\"_tooltipClass\"\n      [placement]=\"_tooltipPlacement\"\n      [container]=\"_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      [seamTooltip]=\"_tooltip ?? null\"\n      [tooltipClass]=\"_tooltipClass\"\n      [placement]=\"_tooltipPlacement\"\n      [container]=\"_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      [seamTooltip]=\"_tooltip ?? null\"\n      [tooltipClass]=\"_tooltipClass\"\n      [placement]=\"_tooltipPlacement\"\n      [container]=\"_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"] }]
+            args: [{ selector: 'seam-table-cell-type-icon', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-container *ngIf=\"_icon\">\n  <div\n    *ngIf=\"!_tplType || _tplType === 'default'\"\n    class=\"d-flex align-items-center justify-center\"\n    [class.datatable-icon-fix]=\"_isDatatable\"\n  >\n    <a\n      class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n      [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n      [attr.target]=\"_target\"\n      [seamTooltip]=\"_tooltip ?? null\"\n      [tooltipClass]=\"_tooltipClass\"\n      [placement]=\"_tooltipPlacement\"\n      [container]=\"_tooltipContainer\"\n      [disableTooltip]=\"_tooltipDisabled\"\n    >\n      <seam-icon\n        [icon]=\"_icon\"\n        size=\"lg\"\n        [iconType]=\"_iconType\"\n        [iconClass]=\"_iconClass || ''\"\n      ></seam-icon>\n      <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n    </a>\n  </div>\n\n  <div\n    *ngIf=\"_tplType === 'link'\"\n    class=\"d-flex align-items-center justify-center\"\n    [class.datatable-icon-fix]=\"_isDatatable\"\n  >\n    <a\n      class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n      [routerLink]=\"_link\"\n      [queryParams]=\"_queryParams\"\n      [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n      [attr.target]=\"_target\"\n      [seamTooltip]=\"_tooltip ?? null\"\n      [tooltipClass]=\"_tooltipClass\"\n      [placement]=\"_tooltipPlacement\"\n      [container]=\"_tooltipContainer\"\n      [disableTooltip]=\"_tooltipDisabled\"\n    >\n      <seam-icon\n        *ngIf=\"_icon\"\n        [icon]=\"_icon\"\n        size=\"lg\"\n        [iconType]=\"_iconType\"\n        [iconClass]=\"_iconClass\"\n      ></seam-icon>\n      <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n    </a>\n  </div>\n\n  <div\n    *ngIf=\"_tplType === 'link-external'\"\n    class=\"d-flex align-items-center justify-center\"\n    [class.datatable-icon-fix]=\"_isDatatable\"\n  >\n    <a\n      class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n      [attr.href]=\"_link\"\n      [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n      [attr.target]=\"_target\"\n      [seamTooltip]=\"_tooltip ?? null\"\n      [tooltipClass]=\"_tooltipClass\"\n      [placement]=\"_tooltipPlacement\"\n      [container]=\"_tooltipContainer\"\n      [disableTooltip]=\"_tooltipDisabled\"\n    >\n      <seam-icon\n        *ngIf=\"_icon\"\n        [icon]=\"_icon\"\n        size=\"lg\"\n        [iconType]=\"_iconType\"\n        [iconClass]=\"_iconClass\"\n      ></seam-icon>\n      <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n    </a>\n  </div>\n\n  <div\n    *ngIf=\"_tplType === 'link-encrypted'\"\n    class=\"d-flex align-items-center justify-center\"\n    [class.datatable-icon-fix]=\"_isDatatable\"\n  >\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      [seamTooltip]=\"_tooltip ?? null\"\n      [tooltipClass]=\"_tooltipClass\"\n      [placement]=\"_tooltipPlacement\"\n      [container]=\"_tooltipContainer\"\n      [disableTooltip]=\"_tooltipDisabled\"\n    >\n      <seam-icon\n        *ngIf=\"_icon\"\n        iconType=\"styled-square\"\n        [icon]=\"_icon\"\n        size=\"lg\"\n        [iconType]=\"_iconType\"\n        [iconClass]=\"_iconClass\"\n      ></seam-icon>\n      <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n    </button>\n  </div>\n\n  <div\n    *ngIf=\"_tplType === 'button'\"\n    class=\"d-flex align-items-center justify-center\"\n    [class.datatable-icon-fix]=\"_isDatatable\"\n    (click)=\"_doButtonAction()\"\n  >\n    <button\n      class=\"btn btn-link p-0 m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n      type=\"button\"\n      [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n      [seamTooltip]=\"_tooltip ?? null\"\n      [tooltipClass]=\"_tooltipClass\"\n      [placement]=\"_tooltipPlacement\"\n      [container]=\"_tooltipContainer\"\n      [disableTooltip]=\"_tooltipDisabled\"\n    >\n      <seam-icon\n        *ngIf=\"_icon\"\n        iconType=\"styled-square\"\n        [icon]=\"_icon\"\n        size=\"lg\"\n        [iconType]=\"_iconType\"\n        [iconClass]=\"_iconClass\"\n      ></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: () => [{ type: i0.ChangeDetectorRef }, { type: i1.TableCellTypesHelpersService }, { type: i2.DatatableComponent, decorators: [{
                     type: Optional
                 }] }, { type: i3.TableComponent, decorators: [{
@@ -446,11 +459,10 @@ class TableCellTypeIntegerComponent {
         this.row = tableData && tableData.row;
         this.rowIndex = tableData && tableData.rowIndex;
         this.colData = tableData && tableData.colData;
-        this.textAlign = this._parseConfigValue(tableData?.colData?.cellTypeConfig?.textAlign, tableData) || 'right';
+        this.textAlign =
+            this._parseConfigValue(tableData?.colData?.cellTypeConfig?.textAlign, tableData) || 'right';
         if (tableData) {
-            tableData.changed
-                .pipe(takeUntil(this._ngUnsubscribe))
-                .subscribe(v => {
+            tableData.changed.pipe(takeUntil(this._ngUnsubscribe)).subscribe((v) => {
                 if (Object.prototype.hasOwnProperty.call(v.changes, 'value')) {
                     this.value = this._formatInteger(v.changes.value.currentValue, tableData);
                     this._cdf.markForCheck();
@@ -469,9 +481,11 @@ class TableCellTypeIntegerComponent {
     _formatInteger(currentValue, tableData) {
         const config = tableData?.colData?.cellTypeConfig;
         const defaultToEmpty = notNullOrUndefined(config?.defaultToEmpty)
-            ? this._parseConfigValue(coerceBooleanProperty(config?.defaultToEmpty), tableData) : true;
+            ? this._parseConfigValue(coerceBooleanProperty(config?.defaultToEmpty), tableData)
+            : true;
         const formatInteger = notNullOrUndefined(config?.formatNumber)
-            ? this._parseConfigValue(coerceBooleanProperty(config?.formatNumber), tableData) : true;
+            ? this._parseConfigValue(coerceBooleanProperty(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
@@ -488,18 +502,20 @@ class TableCellTypeIntegerComponent {
         const locale = this._parseConfigValue(config?.locale, tableData) || 'en-US';
         const minIntegerDigits = this._parseConfigValue(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);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TableCellTypeIntegerComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.TableCellTypesHelpersService }, { token: TABLE_CELL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: TableCellTypeIntegerComponent, isStandalone: false, 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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TableCellTypeIntegerComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.TableCellTypesHelpersService }, { token: TABLE_CELL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: TableCellTypeIntegerComponent, isStandalone: false, 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\"\n  ></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: "20.3.1", ngImport: i0, type: TableCellTypeIntegerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TableCellTypeIntegerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'seam-table-cell-type-integer', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, 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" }]
+            args: [{ selector: 'seam-table-cell-type-integer', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, 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\"\n  ></seam-table-cell-type-selector>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.TableCellTypesHelpersService }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -516,26 +532,33 @@ class TableCellTypePhoneComponent {
     /** @ignore */
     _format = THESEAM_DEFAULT_PHONE_NUMBER_FORMAT;
     value;
-    set format(value) { this._format = coercePhoneNumberFormat(value); }
-    get format() { return this._format; }
+    set format(value) {
+        this._format = coercePhoneNumberFormat(value);
+    }
+    get format() {
+        return this._format;
+    }
     constructor(_cdf, _tableData) {
         this._cdf = _cdf;
         const _data = _tableData;
         this.value = _data && _data.value;
-        if (_data && _data.colData && _data.colData.cellTypeConfig && hasProperty(_data.colData.cellTypeConfig, 'format')) {
-            this.format = _data.colData.cellTypeConfig.format;
+        if (_data &&
+            _data.colData &&
+            _data.colData.cellTypeConfig &&
+            hasProperty(_data.colData.cellTypeConfig, 'format')) {
+            this.format = _data.colData.cellTypeConfig
+                .format;
         }
         if (_data) {
-            _data.changed
-                .pipe(takeUntil(this._ngUnsubscribe))
-                .subscribe(v => {
+            _data.changed.pipe(takeUntil(this._ngUnsubscribe)).subscribe((v) => {
                 if (Object.prototype.hasOwnProperty.call(v.changes, 'value')) {
                     this.value = v.changes.value.currentValue;
                     this._cdf.markForCheck();
                 }
                 if (Object.prototype.hasOwnProperty.call(v.changes, 'colData')) {
                     const colData = v.changes.colData.currentValue;
-                    if (colData && hasProperty(colData, 'cellTypeConfig') &&
+                    if (colData &&
+                        hasProperty(colData, 'cellTypeConfig') &&
                         hasProperty(colData.cellTypeConfig, 'format') &&
                         colData.cellTypeConfig.format !== this.format) {
                         this.format = colData.cellTypeConfig.format;
@@ -552,12 +575,12 @@ class TableCellTypePhoneComponent {
         this._ngUnsubscribe.next(undefined);
         this._ngUnsubscribe.complete();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TableCellTypePhoneComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: TABLE_CELL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: TableCellTypePhoneComponent, isStandalone: false, 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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TableCellTypePhoneComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: TABLE_CELL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: TableCellTypePhoneComponent, isStandalone: false, 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: "20.3.1", ngImport: i0, type: TableCellTypePhoneComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TableCellTypePhoneComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'seam-table-cell-type-phone', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, 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" }]
+            args: [{ selector: 'seam-table-cell-type-phone', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, 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: () => [{ type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -589,9 +612,7 @@ class TableCellTypeProgressCircleIconComponent {
         this.colData = tableData && tableData.colData;
         this._setIcon(tableData);
         if (tableData) {
-            tableData.changed
-                .pipe(takeUntil(this._ngUnsubscribe))
-                .subscribe(v => {
+            tableData.changed.pipe(takeUntil(this._ngUnsubscribe)).subscribe((v) => {
                 if (Object.prototype.hasOwnProperty.call(v.changes, 'value')) {
                     this.value = v.changes.value.currentValue;
                     this._setIcon(tableData);
@@ -631,12 +652,12 @@ class TableCellTypeProgressCircleIconComponent {
         this._ngUnsubscribe.next(undefined);
         this._ngUnsubscribe.complete();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TableCellTypeProgressCircleIconComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.TableCellTypesHelpersService }, { token: TABLE_CELL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: TableCellTypeProgressCircleIconComponent, isStandalone: false, 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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TableCellTypeProgressCircleIconComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.TableCellTypesHelpersService }, { token: TABLE_CELL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: TableCellTypeProgressCircleIconComponent, isStandalone: false, 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\"\n></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\"\n  ></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: "20.3.1", ngImport: i0, type: TableCellTypeProgressCircleIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TableCellTypeProgressCircleIconComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'seam-table-cell-type-progress-circle-icon', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, 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" }]
+            args: [{ selector: 'seam-table-cell-type-progress-circle-icon', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, 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\"\n></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\"\n  ></seam-table-cell-type-selector>\n</ng-template>\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.TableCellTypesHelpersService }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -692,9 +713,7 @@ class TableCellTypeProgressCircleComponent {
             this._setCellTypeConfigProps(this.colData.cellTypeConfig);
         }
         if (tableData) {
-            tableData.changed
-                .pipe(takeUntil(this._ngUnsubscribe))
-                .subscribe(v => {
+            tableData.changed.pipe(takeUntil(this._ngUnsubscribe)).subscribe((v) => {
                 if (Object.prototype.hasOwnProperty.call(v.changes, 'value')) {
                     this.value = coerceNumberProperty(v.changes.value.currentValue);
                     if (this._config) {
@@ -741,7 +760,9 @@ class TableCellTypeProgressCircleComponent {
                 if (link !== undefined && link !== null) {
                     newTplType = this._parseConfigValue(configAction.asset)
                         ? 'link-encrypted'
-                        : this._parseConfigValue(configAction.external) ? 'link-external' : 'link';
+                        : this._parseConfigValue(configAction.external)
+                            ? 'link-external'
+                            : 'link';
                     download = !!this._parseConfigValue(configAction.download);
                     detectMimeContent = !!this._parseConfigValue(configAction.detectMimeContent);
                     target = this._parseConfigValue(configAction.target);
@@ -771,7 +792,8 @@ class TableCellTypeProgressCircleComponent {
         this.tooltip = this._parseConfigValue(config.tooltip);
         if (this.tooltip) {
             this.tooltipClass = this._parseConfigValue(config.tooltipClass);
-            this.tooltipPlacement = this._parseConfigValue(config.tooltipPlacement) || 'auto';
+            this.tooltipPlacement =
+                this._parseConfigValue(config.tooltipPlacement) || 'auto';
             this.tooltipContainer = this._parseConfigValue(config.tooltipContainer);
             this._tooltipDisabled = false;
         }
@@ -784,10 +806,11 @@ class TableCellTypeProgressCircleComponent {
     _doButtonAction() {
         if (this._buttonAction && this._buttonAction.type === 'modal') {
             const contextFn = () => this._tableCellTypeHelpers.getValueContext(this.value, this._tableCellData);
-            this._tableCellTypeHelpers.handleModalAction(this._buttonAction, contextFn)
-                .subscribe(r => { }, 
+            this._tableCellTypeHelpers
+                .handleModalAction(this._buttonAction, contextFn)
+                .subscribe((r) => { }, 
             // eslint-disable-next-line no-console
-            err => console.error(err), () => this._actionRefreshRequest());
+            (err) => console.error(err), () => this._actionRefreshRequest());
         }
     }
     _actionRefreshRequest() {
@@ -798,12 +821,12 @@ class TableCellTypeProgressCircleComponent {
             this._table.triggerActionRefreshRequest();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", 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 });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: TableCellTypeProgressCircleComponent, isStandalone: false, 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      [seamTooltip]=\"tooltip ?? null\"\n      [tooltipClass]=\"tooltipClass\"\n      [placement]=\"tooltipPlacement\"\n      [container]=\"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.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i6$1.ProgressCircleComponent, selector: "seam-progress-circle", inputs: ["fillBackground", "showText", "hiddenOnEmpty", "pending", "percentage"] }, { kind: "directive", type: i7.EncryptedAssetLinkDirective, selector: "[seamEncryptedAssetLink]", inputs: ["seamEncryptedAssetLink", "seamShowLoadingOverlay", "seamDetectMimeFromContent", "seamDownloadAsset"] }, { kind: "directive", type: i8.TheSeamTooltipDirective, selector: "[seamTooltip]", inputs: ["seamTooltip", "tooltipClass", "placement", "container", "disableTooltip", "showDelay", "hideDelay", "trigger"], exportAs: ["seamTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.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 });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: TableCellTypeProgressCircleComponent, isStandalone: false, 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\n    class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n    [routerLink]=\"_link\"\n    [queryParams]=\"_queryParams\"\n    [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n    [attr.target]=\"_target\"\n  >\n    <ng-template [ngTemplateOutlet]=\"progressCircleTpl\"></ng-template>\n  </a>\n</ng-container>\n\n<ng-container\n  *ngIf=\"_tplType === 'link-external'\"\n  class=\"d-flex align-items-center justify-center\"\n  [class.datatable-icon-fix]=\"_isDatatable\"\n>\n  <a\n    class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n    [attr.href]=\"_link\"\n    [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n    [attr.target]=\"_target\"\n  >\n    <ng-template [ngTemplateOutlet]=\"progressCircleTpl\"></ng-template>\n  </a>\n</ng-container>\n\n<ng-container\n  *ngIf=\"_tplType === 'link-encrypted'\"\n  class=\"d-flex align-items-center justify-center\"\n  [class.datatable-icon-fix]=\"_isDatatable\"\n>\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  >\n    <ng-template [ngTemplateOutlet]=\"progressCircleTpl\"></ng-template>\n  </button>\n</ng-container>\n\n<ng-container\n  *ngIf=\"_tplType === 'button'\"\n  class=\"d-flex align-items-center justify-center\"\n  [class.datatable-icon-fix]=\"_isDatatable\"\n  (click)=\"_doButtonAction()\"\n>\n  <button\n    class=\"btn btn-link p-0 m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n    type=\"button\"\n    [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n  >\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      [seamTooltip]=\"tooltip ?? null\"\n      [tooltipClass]=\"tooltipClass\"\n      [placement]=\"tooltipPlacement\"\n      [container]=\"tooltipContainer\"\n    >\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.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i6$1.ProgressCircleComponent, selector: "seam-progress-circle", inputs: ["fillBackground", "showText", "hiddenOnEmpty", "pending", "percentage"] }, { kind: "directive", type: i7.EncryptedAssetLinkDirective, selector: "[seamEncryptedAssetLink]", inputs: ["seamEncryptedAssetLink", "seamShowLoadingOverlay", "seamDetectMimeFromContent", "seamDownloadAsset"] }, { kind: "directive", type: i8.TheSeamTooltipDirective, selector: "[seamTooltip]", inputs: ["seamTooltip", "tooltipClass", "placement", "container", "disableTooltip", "showDelay", "hideDelay", "trigger"], exportAs: ["seamTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TableCellTypeProgressCircleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TableCellTypeProgressCircleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'seam-table-cell-type-progress-circle', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, 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      [seamTooltip]=\"tooltip ?? null\"\n      [tooltipClass]=\"tooltipClass\"\n      [placement]=\"tooltipPlacement\"\n      [container]=\"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"] }]
+            args: [{ selector: 'seam-table-cell-type-progress-circle', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, 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\n    class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n    [routerLink]=\"_link\"\n    [queryParams]=\"_queryParams\"\n    [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n    [attr.target]=\"_target\"\n  >\n    <ng-template [ngTemplateOutlet]=\"progressCircleTpl\"></ng-template>\n  </a>\n</ng-container>\n\n<ng-container\n  *ngIf=\"_tplType === 'link-external'\"\n  class=\"d-flex align-items-center justify-center\"\n  [class.datatable-icon-fix]=\"_isDatatable\"\n>\n  <a\n    class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n    [attr.href]=\"_link\"\n    [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n    [attr.target]=\"_target\"\n  >\n    <ng-template [ngTemplateOutlet]=\"progressCircleTpl\"></ng-template>\n  </a>\n</ng-container>\n\n<ng-container\n  *ngIf=\"_tplType === 'link-encrypted'\"\n  class=\"d-flex align-items-center justify-center\"\n  [class.datatable-icon-fix]=\"_isDatatable\"\n>\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  >\n    <ng-template [ngTemplateOutlet]=\"progressCircleTpl\"></ng-template>\n  </button>\n</ng-container>\n\n<ng-container\n  *ngIf=\"_tplType === 'button'\"\n  class=\"d-flex align-items-center justify-center\"\n  [class.datatable-icon-fix]=\"_isDatatable\"\n  (click)=\"_doButtonAction()\"\n>\n  <button\n    class=\"btn btn-link p-0 m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n    type=\"button\"\n    [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n  >\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      [seamTooltip]=\"tooltip ?? null\"\n      [tooltipClass]=\"tooltipClass\"\n      [placement]=\"tooltipPlacement\"\n      [container]=\"tooltipContainer\"\n    >\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: () => [{ type: i0.ChangeDetectorRef }, { type: i1.TableCellTypesHelpersService }, { type: i2.DatatableComponent, decorators: [{
                     type: Optional
                 }] }, { type: i3.TableComponent, decorators: [{
@@ -827,7 +850,9 @@ class TableCellTypeStringComponent {
     _table;
     _tableData;
     _ngUnsubscribe = new Subject();
-    get value() { return this._value; }
+    get value() {
+        return this._value;
+    }
     set value(val) {
         this._value = val;
         // TODO: This is temporary to test the feature and will be fixed when the
@@ -839,7 +864,9 @@ class TableCellTypeStringComponent {
         }
     }
     _value;
-    get config() { return this._config; }
+    get config() {
+        return this._config;
+    }
     set config(value) {
         this._config = value;
         if (value) {
@@ -860,15 +887,33 @@ class TableCellTypeStringComponent {
     _colData;
     _download;
     _detectMimeContent;
-    set title(value) { this._title = value; }
-    get title() { return this._title; }
-    get _titleAttr() { return this.title || this.value; }
-    set style(value) { this._style = value; }
-    get style() { return this._style; }
-    get _styleAttr() { return this.style; }
-    set classAttr(value) { this._class = value; }
-    get classAttr() { return this._class; }
-    get _classAttr() { return this.classAttr; }
+    set title(value) {
+        this._title = value;
+    }
+    get title() {
+        return this._title;
+    }
+    get _titleAttr() {
+        return this.title || this.value;
+    }
+    set style(value) {
+        this._style = value;
+    }
+    get style() {
+        return this._style;
+    }
+    get _styleAttr() {
+        return this.style;
+    }
+    set classAttr(value) {
+        this._class = value;
+    }
+    get classAttr() {
+        return this._class;
+    }
+    get _classAttr() {
+        return this.classAttr;
+    }
     canPopover = false;
     constructor(_cdf, _tableCellTypeHelpers, _datatable, _table, _tableData) {
         this._cdf = _cdf;
@@ -889,9 +934,7 @@ class TableCellTypeStringComponent {
     ngOnInit() {
         const _data = this._tableData;
         if (_data) {
-            _data.changed
-                .pipe(takeUntil(this._ngUnsubscribe))
-                .subscribe(v => {
+            _data.changed.pipe(takeUntil(this._ngUnsubscribe)).subscribe((v) => {
                 if (Object.prototype.hasOwnProperty.call(v.changes, 'value')) {
                     this.value = v.changes.value.currentValue;
                     this._cdf.markForCheck();
@@ -932,7 +975,9 @@ class TableCellTypeStringComponent {
                 if (link !== undefined && link !== null) {
                     newTplType = this._parseConfigValue(configAction.asset)
                         ? 'link-encrypted'
-                        : this._parseConfigValue(configAction.external) ? 'link-external' : 'link';
+                        : this._parseConfigValue(configAction.external)
+                            ? 'link-external'
+                            : 'link';
                     download = !!this._parseConfigValue(configAction.download);
                     detectMimeContent = !!this._parseConfigValue(configAction.detectMimeContent);
                     queryParams = this._parseConfigValue(configAction.queryParams);
@@ -974,10 +1019,11 @@ class TableCellTypeStringComponent {
     _doButtonAction() {
         if (this._buttonAction && this._buttonAction.type === 'modal') {
             const contextFn = () => this._tableCellTypeHelpers.getValueContext(this.value, this._tableCellData);
-            this._tableCellTypeHelpers.handleModalAction(this._buttonAction, contextFn)
-                .subscribe(r => { }, 
+            this._tableCellTypeHelpers
+                .handleModalAction(this._buttonAction, contextFn)
+                .subscribe((r) => { }, 
             // eslint-disable-next-line no-console
-            err => console.error(err), () => this._actionRefreshRequest());
+            (err) => console.error(err), () => this._actionRefreshRequest());
         }
     }
     _actionRefreshRequest() {
@@ -988,12 +1034,12 @@ class TableCellTypeStringComponent {
             this._table.triggerActionRefreshRequest();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", 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 });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: TableCellTypeStringComponent, isStandalone: false, 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: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i6$2.TheSeamPopoverDirective, selector: "[seamPopover]", inputs: ["seamPopover", "seamPopoverContext", "seamPopoverBaseWidth", "seamPopoverDisabled"], exportAs: ["seamPopover"] }, { kind: "directive", type: i7.EncryptedAssetLinkDirective, selector: "[seamEncryptedAssetLink]", inputs: ["seamEncryptedAssetLink", "seamShowLoadingOverlay", "seamDetectMimeFromContent", "seamDownloadAsset"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.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 });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: TableCellTypeStringComponent, isStandalone: false, 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<ng-container *ngIf=\"_tplType === 'link'\">\n  <a\n    class=\"d-block text-body text-decoration-none\"\n    [routerLink]=\"_link\"\n    [queryParams]=\"_queryParams\"\n    [attr.title]=\"_title\"\n  >\n    <ng-template [ngTemplateOutlet]=\"noPopover\"></ng-template>\n  </a>\n</ng-container>\n\n<ng-container *ngIf=\"_tplType === 'link-external'\">\n  <a\n    class=\"d-block text-body text-decoration-none\"\n    [attr.href]=\"_link\"\n    [attr.title]=\"_title\"\n  >\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  >\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  >\n    <ng-template [ngTemplateOutlet]=\"noPopover\"></ng-template>\n  </button>\n</ng-container>\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: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i6$2.TheSeamPopoverDirective, selector: "[seamPopover]", inputs: ["seamPopover", "seamPopoverContext", "seamPopoverBaseWidth", "seamPopoverDisabled"], exportAs: ["seamPopover"] }, { kind: "directive", type: i7.EncryptedAssetLinkDirective, selector: "[seamEncryptedAssetLink]", inputs: ["seamEncryptedAssetLink", "seamShowLoadingOverlay", "seamDetectMimeFromContent", "seamDownloadAsset"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TableCellTypeStringComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TableCellTypeStringComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'seam-table-cell-type-string', host: {}, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, 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" }]
+            args: [{ selector: 'seam-table-cell-type-string', host: {}, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, 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<ng-container *ngIf=\"_tplType === 'link'\">\n  <a\n    class=\"d-block text-body text-decoration-none\"\n    [routerLink]=\"_link\"\n    [queryParams]=\"_queryParams\"\n    [attr.title]=\"_title\"\n  >\n    <ng-template [ngTemplateOutlet]=\"noPopover\"></ng-template>\n  </a>\n</ng-container>\n\n<ng-container *ngIf=\"_tplType === 'link-external'\">\n  <a\n    class=\"d-block text-body text-decoration-none\"\n    [attr.href]=\"_link\"\n    [attr.title]=\"_title\"\n  >\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  >\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  >\n    <ng-template [ngTemplateOutlet]=\"noPopover\"></ng-template>\n  </button>\n</ng-container>\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.TableCellTypesHelpersService }, { type: i2.DatatableComponent, decorators: [{
                     type: Optional
                 }] }, { type: i3.TableComponent, decorators: [{
@@ -1028,81 +1074,81 @@ const TABLE_CELL_TYPE_MANIFEST_STRING = {
     provide: TABLE_CELL_TYPE_MANIFEST,
     useValue: {
         name: 'string',
-        component: TableCellTypeStringComponent
+        component: TableCellTypeStringComponent,
     },
-    multi: true
+    multi: true,
 };
 const TABLE_CELL_TYPE_MANIFEST_CURRENCY = {
     provide: TABLE_CELL_TYPE_MANIFEST,
     useValue: {
         name: 'currency',
-        component: TableCellTypeCurrencyComponent
+        component: TableCellTypeCurrencyComponent,
     },
-    multi: true
+    multi: true,
 };
 const TABLE_CELL_TYPE_MANIFEST_DECIMAL = {
     provide: TABLE_CELL_TYPE_MANIFEST,
     useValue: {
         name: 'decimal',
-        component: TableCellTypeDecimalComponent
+        component: TableCellTypeDecimalComponent,
     },
-    multi: true
+    multi: true,
 };
 const TABLE_CELL_TYPE_MANIFEST_INTEGER = {
     provide: TABLE_CELL_TYPE_MANIFEST,
     useValue: {
         name: 'integer',
-        component: TableCellTypeIntegerComponent
+        component: TableCellTypeIntegerComponent,
     },
-    multi: true
+    multi: true,
 };
 const TABLE_CELL_TYPE_MANIFEST_DATE = {
     provide: TABLE_CELL_TYPE_MANIFEST,
     useValue: {
         name: 'date',
-        component: TableCellTypeDateComponent
+        component: TableCellTypeDateComponent,
     },
-    multi: true
+    multi: true,
 };
 const TABLE_CELL_TYPE_MANIFEST_ICON = {
     provide: TABLE_CELL_TYPE_MANIFEST,
     useValue: {
         name: 'icon',
-        component: TableCellTypeIconComponent
+        component: TableCellTypeIconComponent,
     },
-    multi: true
+    multi: true,
 };
 const TABLE_CELL_TYPE_MANIFEST_IMAGE = {
     provide: TABLE_CELL_TYPE_MANIFEST,
     useValue: {
         name: 'image',
-        component: TableCellTypeIconComponent
+        component: TableCellTypeIconComponent,
     },
-    multi: true
+    multi: true,
 };
 const TABLE_CELL_TYPE_MANIFEST_PROGRESS_CIRCLE = {
     provide: TABLE_CELL_TYPE_MANIFEST,
     useValue: {
         name: 'progress-circle',
-        component: TableCellTypeProgressCircleComponent
+        component: TableCellTypeProgressCircleComponent,
     },
-    multi: true
+    multi: true,
 };
 const TABLE_CELL_TYPE_MANIFEST_PROGRESS_CIRCLE_ICON = {
     provide: TABLE_CELL_TYPE_MANIFEST,
     useValue: {
         name: 'progress-circle-icon',
-        component: TableCellTypeProgressCircleIconComponent
+        component: TableCellTypeProgressCircleIconComponent,
     },
-    multi: true
+    multi: true,
 };
 const TABLE_CELL_TYPE_MANIFEST_PHONE = {
     provide: TABLE_CELL_TYPE_MANIFEST,
     useValue: {
         name: 'phone',
-        component: TableCellTypePhoneComponent
+        component: TableCellTypePhoneComponent,
     },
-    multi: true
+    multi: true,
 };
 
 const cellTypeComponents = [
@@ -1114,7 +1160,7 @@ const cellTypeComponents = [
     TableCellTypeIntegerComponent,
     TableCellTypeProgressCircleComponent,
     TableCellTypeProgressCircleIconComponent,
-    TableCellTypePhoneComponent
+    TableCellTypePhoneComponent,
 ];
 const cellTypeProviders = [
     TABLE_CELL_TYPE_MANIFEST_STRING,
@@ -1126,11 +1172,11 @@ const cellTypeProviders = [
     TABLE_CELL_TYPE_MANIFEST_IMAGE,
     TABLE_CELL_TYPE_MANIFEST_PROGRESS_CIRCLE,
     TABLE_CELL_TYPE_MANIFEST_PROGRESS_CIRCLE_ICON,
-    TABLE_CELL_TYPE_MANIFEST_PHONE
+    TABLE_CELL_TYPE_MANIFEST_PHONE,
 ];
 class TheSeamTableCellTypesModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamTableCellTypesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.1", ngImport: i0, type: TheSeamTableCellTypesModule, declarations: [TableCellTypeStringComponent,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamTableCellTypesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.6", ngImport: i0, type: TheSeamTableCellTypesModule, declarations: [TableCellTypeStringComponent,
             TableCellTypeCurrencyComponent,
             TableCellTypeDateComponent,
             TableCellTypeDecimalComponent,
@@ -1157,9 +1203,7 @@ class TheSeamTableCellTypesModule {
             TableCellTypeProgressCircleComponent,
             TableCellTypeProgressCircleIconComponent,
             TableCellTypePhoneComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamTableCellTypesModule, providers: [
-            ...cellTypeProviders
-        ], imports: [CommonModule,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamTableCellTypesModule, providers: [...cellTypeProviders], imports: [CommonModule,
             RouterModule,
             TheSeamSharedModule,
             TheSeamIconModule,
@@ -1171,12 +1215,10 @@ class TheSeamTableCellTypesModule {
             TheSeamTableCellTypeModule,
             TheSeamTooltipModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TheSeamTableCellTypesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: TheSeamTableCellTypesModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [
-                        ...cellTypeComponents
-                    ],
+                    declarations: [...cellTypeComponents],
                     imports: [
                         CommonModule,
                         RouterModule,
@@ -1190,12 +1232,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImpor
                         TheSeamTableCellTypeModule,
                         TheSeamTooltipModule,
                     ],
-                    providers: [
-                        ...cellTypeProviders
-                    ],
-                    exports: [
-                        ...cellTypeComponents
-                    ]
+                    providers: [...cellTypeProviders],
+                    exports: [...cellTypeComponents],
                 }]
         }] });