@theseam/ui-common 0.2.11 → 0.2.15

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

@@ -1,15 +1,15 @@
-import { TABLE_CELL_DATA, TableCellTypesHelpersService, TABLE_CELL_TYPE_MANIFEST, TheSeamTableCellTypeModule } from '@theseam/ui-common/table-cell-type';
+import { TableCellTypesHelpersService, TABLE_CELL_DATA, TABLE_CELL_TYPE_MANIFEST, TheSeamTableCellTypeModule } from '@theseam/ui-common/table-cell-type';
+import { formatCurrency, formatNumber, CommonModule } from '@angular/common';
 import { Component, ChangeDetectionStrategy, ChangeDetectorRef, Optional, Inject, Input, HostBinding, NgModule } from '@angular/core';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
+import { notNullOrUndefined, hasProperty } from '@theseam/ui-common/utils';
+import { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';
 import { DatatableComponent } from '@theseam/ui-common/datatable';
 import { getKnownIcon, TheSeamIconModule } from '@theseam/ui-common/icon';
 import { TableComponent } from '@theseam/ui-common/table';
 import { THESEAM_DEFAULT_PHONE_NUMBER_FORMAT, coercePhoneNumberFormat, TheSeamTelInputModule } from '@theseam/ui-common/tel-input';
-import { hasProperty } from '@theseam/ui-common/utils';
-import { coerceNumberProperty, coerceBooleanProperty } from '@angular/cdk/coercion';
 import { PortalModule } from '@angular/cdk/portal';
-import { CommonModule } from '@angular/common';
 import { RouterModule } from '@angular/router';
 import { NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
 import { TheSeamAssetReaderModule } from '@theseam/ui-common/asset-reader';
@@ -17,6 +17,75 @@ import { TheSeamPopoverModule } from '@theseam/ui-common/popover';
 import { TheSeamProgressModule } from '@theseam/ui-common/progress';
 import { TheSeamSharedModule } from '@theseam/ui-common/shared';
 
+class TableCellTypeCurrencyComponent {
+    // TODO: implement
+    // titleAttr?: string
+    constructor(_cdf, _tableCellTypeHelpers, _tableData) {
+        var _a, _b;
+        this._cdf = _cdf;
+        this._tableCellTypeHelpers = _tableCellTypeHelpers;
+        this._ngUnsubscribe = new Subject();
+        const tableData = _tableData;
+        this.value = tableData && this._formatCurrency(tableData.value, tableData);
+        this.row = tableData && tableData.row;
+        this.rowIndex = tableData && tableData.rowIndex;
+        this.colData = tableData && tableData.colData;
+        this.textAlign = this._parseConfigValue((_b = (_a = tableData === null || tableData === void 0 ? void 0 : tableData.colData) === null || _a === void 0 ? void 0 : _a.cellTypeConfig) === null || _b === void 0 ? void 0 : _b.textAlign, tableData) || 'right';
+        // this.titleAttr = this._parseConfigValue(tableData?.colData?.cellTypeConfig?.titleAttr, tableData) || this.value
+        if (tableData) {
+            tableData.changed
+                .pipe(takeUntil(this._ngUnsubscribe))
+                .subscribe(v => {
+                if (v.changes.hasOwnProperty('value')) {
+                    this.value = this._formatCurrency(v.changes.value.currentValue, tableData);
+                    this._cdf.markForCheck();
+                }
+                if (v.changes.hasOwnProperty('colData')) {
+                    this.colData = v.changes.colData.currentValue;
+                    this._cdf.markForCheck();
+                }
+            });
+        }
+    }
+    ngOnInit() { }
+    ngOnDestroy() {
+        this._ngUnsubscribe.next();
+        this._ngUnsubscribe.complete();
+    }
+    _formatCurrency(currentValue, tableData) {
+        var _a;
+        const config = (_a = tableData === null || tableData === void 0 ? void 0 : tableData.colData) === null || _a === void 0 ? void 0 : _a.cellTypeConfig;
+        const locale = this._parseConfigValue(config === null || config === void 0 ? void 0 : config.locale, tableData) || 'en-US';
+        const currency = this._parseConfigValue(config === null || config === void 0 ? void 0 : config.currency, tableData) || '$';
+        const currencyCode = this._parseConfigValue(config === null || config === void 0 ? void 0 : config.currencyCode, tableData) || 'USD';
+        const minIntegerDigits = this._parseConfigValue(config === null || config === void 0 ? void 0 : config.minIntegerDigits, tableData) || 1;
+        const minFractionDigits = this._parseConfigValue(config === null || config === void 0 ? void 0 : config.minFractionDigits, tableData) || 0;
+        const maxFractionDigits = this._parseConfigValue(config === null || config === void 0 ? void 0 : config.maxFractionDigits, tableData) || 2;
+        const format = `${minIntegerDigits}.${minFractionDigits}-${maxFractionDigits}`;
+        return formatCurrency(currentValue, locale, currency, currencyCode, format);
+    }
+    _parseConfigValue(val, tableData) {
+        const contextFn = () => this._tableCellTypeHelpers.getValueContext(val, tableData);
+        return this._tableCellTypeHelpers.parseValueProp(val, contextFn);
+    }
+}
+TableCellTypeCurrencyComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-table-cell-type-currency',
+                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",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [""]
+            },] }
+];
+TableCellTypeCurrencyComponent.ctorParameters = () => [
+    { type: ChangeDetectorRef },
+    { type: TableCellTypesHelpersService },
+    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [TABLE_CELL_DATA,] }] }
+];
+TableCellTypeCurrencyComponent.propDecorators = {
+    value: [{ type: Input }]
+};
+
 class TableCellTypeDateComponent {
     constructor(_cdf, _tableData) {
         this._cdf = _cdf;
@@ -68,6 +137,72 @@ TableCellTypeDateComponent.propDecorators = {
     format: [{ type: Input }]
 };
 
+class TableCellTypeDecimalComponent {
+    constructor(_cdf, _tableCellTypeHelpers, _tableData) {
+        var _a, _b;
+        this._cdf = _cdf;
+        this._tableCellTypeHelpers = _tableCellTypeHelpers;
+        this._ngUnsubscribe = new Subject();
+        const tableData = _tableData;
+        this.value = tableData && this._formatDecimal(tableData.value, tableData);
+        this.row = tableData && tableData.row;
+        this.rowIndex = tableData && tableData.rowIndex;
+        this.colData = tableData && tableData.colData;
+        this.textAlign = this._parseConfigValue((_b = (_a = tableData === null || tableData === void 0 ? void 0 : tableData.colData) === null || _a === void 0 ? void 0 : _a.cellTypeConfig) === null || _b === void 0 ? void 0 : _b.textAlign, tableData) || 'right';
+        if (tableData) {
+            tableData.changed
+                .pipe(takeUntil(this._ngUnsubscribe))
+                .subscribe(v => {
+                if (v.changes.hasOwnProperty('value')) {
+                    this.value = this._formatDecimal(v.changes.value.currentValue, tableData);
+                    this._cdf.markForCheck();
+                }
+                if (v.changes.hasOwnProperty('colData')) {
+                    this.colData = v.changes.colData.currentValue;
+                    this._cdf.markForCheck();
+                }
+            });
+        }
+    }
+    ngOnInit() { }
+    ngOnDestroy() {
+        this._ngUnsubscribe.next();
+        this._ngUnsubscribe.complete();
+    }
+    _formatDecimal(currentValue, tableData) {
+        var _a;
+        const config = (_a = tableData === null || tableData === void 0 ? void 0 : tableData.colData) === null || _a === void 0 ? void 0 : _a.cellTypeConfig;
+        const formatDecimal = notNullOrUndefined(config === null || config === void 0 ? void 0 : config.formatNumber) ?
+            this._parseConfigValue(coerceBooleanProperty(config === null || config === void 0 ? void 0 : config.formatNumber), tableData) : true;
+        const locale = this._parseConfigValue(config === null || config === void 0 ? void 0 : config.locale, tableData) || 'en-US';
+        const minIntegerDigits = this._parseConfigValue(config === null || config === void 0 ? void 0 : config.minIntegerDigits, tableData) || 1;
+        const minFractionDigits = this._parseConfigValue(config === null || config === void 0 ? void 0 : config.minFractionDigits, tableData) || 0;
+        const maxFractionDigits = this._parseConfigValue(config === null || config === void 0 ? void 0 : config.maxFractionDigits, tableData) || 3;
+        const format = `${minIntegerDigits}.${minFractionDigits}-${maxFractionDigits}`;
+        return formatDecimal ? formatNumber(currentValue, locale, format) : currentValue;
+    }
+    _parseConfigValue(val, tableData) {
+        const contextFn = () => this._tableCellTypeHelpers.getValueContext(val, tableData);
+        return this._tableCellTypeHelpers.parseValueProp(val, contextFn);
+    }
+}
+TableCellTypeDecimalComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-table-cell-type-decimal',
+                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",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [""]
+            },] }
+];
+TableCellTypeDecimalComponent.ctorParameters = () => [
+    { type: ChangeDetectorRef },
+    { type: TableCellTypesHelpersService },
+    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [TABLE_CELL_DATA,] }] }
+];
+TableCellTypeDecimalComponent.propDecorators = {
+    value: [{ type: Input }]
+};
+
 class TableCellTypeIconComponent {
     constructor(_cdf, _tableCellTypeHelpers, _datatable, _table, _tableData) {
         this._cdf = _cdf;
@@ -211,7 +346,7 @@ TableCellTypeIconComponent.decorators = [
                 selector: 'seam-table-cell-type-icon',
                 template: "<ng-container *ngIf=\"_icon\">\n  <div *ngIf=\"!_tplType || _tplType === 'default'\"\n    class=\"d-flex align-items-center justify-center\"\n    [class.datatable-icon-fix]=\"_isDatatable\">\n    <a class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n      [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n      [attr.target]=\"_target\"\n      [ngbTooltip]=\"_tooltip\"\n      [tooltipClass]=\"$any(_tooltipClass)\"\n      [placement]=\"$any(_tooltipPlacement)\"\n      [container]=\"$any(_tooltipContainer)\"\n      [disableTooltip]=\"_tooltipDisabled\">\n      <seam-icon [icon]=\"_icon\" size=\"lg\" [iconType]=\"_iconType\" [iconClass]=\"_iconClass || ''\"></seam-icon>\n      <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n    </a>\n  </div>\n\n  <div *ngIf=\"_tplType === 'link'\"\n    class=\"d-flex align-items-center justify-center\"\n    [class.datatable-icon-fix]=\"_isDatatable\">\n    <a class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n      [routerLink]=\"_link\"\n      [queryParams]=\"_queryParams\"\n      [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n      [attr.target]=\"_target\"\n      [ngbTooltip]=\"_tooltip\"\n      [tooltipClass]=\"$any(_tooltipClass)\"\n      [placement]=\"$any(_tooltipPlacement)\"\n      [container]=\"$any(_tooltipContainer)\"\n      [disableTooltip]=\"_tooltipDisabled\">\n      <seam-icon *ngIf=\"_icon\" [icon]=\"_icon\" size=\"lg\" [iconType]=\"_iconType\" [iconClass]=\"_iconClass\"></seam-icon>\n      <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n    </a>\n  </div>\n\n  <div *ngIf=\"_tplType === 'link-external'\"\n    class=\"d-flex align-items-center justify-center\"\n    [class.datatable-icon-fix]=\"_isDatatable\">\n    <a class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n      [attr.href]=\"_link\"\n      [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n      [attr.target]=\"_target\"\n      [ngbTooltip]=\"_tooltip\"\n      [tooltipClass]=\"$any(_tooltipClass)\"\n      [placement]=\"$any(_tooltipPlacement)\"\n      [container]=\"$any(_tooltipContainer)\"\n      [disableTooltip]=\"_tooltipDisabled\">\n      <seam-icon *ngIf=\"_icon\" [icon]=\"_icon\" size=\"lg\" [iconType]=\"_iconType\" [iconClass]=\"_iconClass\"></seam-icon>\n      <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n    </a>\n  </div>\n\n  <div *ngIf=\"_tplType === 'link-encrypted'\"\n    class=\"d-flex align-items-center justify-center\"\n    [class.datatable-icon-fix]=\"_isDatatable\">\n    <button\n      class=\"btn btn-link p-0 m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n      type=\"button\"\n      [seamEncryptedAssetLink]=\"_link\"\n      [seamDetectMimeFromContent]=\"_detectMimeContent\"\n      [seamDownloadAsset]=\"_download\"\n      [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n      [ngbTooltip]=\"_tooltip\"\n      [tooltipClass]=\"$any(_tooltipClass)\"\n      [placement]=\"$any(_tooltipPlacement)\"\n      [container]=\"$any(_tooltipContainer)\"\n      [disableTooltip]=\"_tooltipDisabled\">\n      <seam-icon *ngIf=\"_icon\" iconType=\"styled-square\" [icon]=\"_icon\" size=\"lg\" [iconType]=\"_iconType\" [iconClass]=\"_iconClass\"></seam-icon>\n      <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n    </button>\n  </div>\n\n  <div *ngIf=\"_tplType === 'button'\"\n    class=\"d-flex align-items-center justify-center\"\n    [class.datatable-icon-fix]=\"_isDatatable\"\n    (click)=\"_doButtonAction()\">\n    <button\n      class=\"btn btn-link p-0 m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n      type=\"button\"\n      [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n      [ngbTooltip]=\"_tooltip\"\n      [tooltipClass]=\"$any(_tooltipClass)\"\n      [placement]=\"$any(_tooltipPlacement)\"\n      [container]=\"$any(_tooltipContainer)\"\n      [disableTooltip]=\"_tooltipDisabled\">\n      <seam-icon *ngIf=\"_icon\" iconType=\"styled-square\" [icon]=\"_icon\" size=\"lg\" [iconType]=\"_iconType\" [iconClass]=\"_iconClass\"></seam-icon>\n      <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n    </button>\n  </div>\n</ng-container>\n",
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                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:calc(50px)}"]
+                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:calc(50px)}\n"]
             },] }
 ];
 TableCellTypeIconComponent.ctorParameters = () => [
@@ -227,6 +362,70 @@ TableCellTypeIconComponent.propDecorators = {
     _isDatatable: [{ type: HostBinding, args: ['class.datatable-cell-type',] }]
 };
 
+class TableCellTypeIntegerComponent {
+    constructor(_cdf, _tableCellTypeHelpers, _tableData) {
+        var _a, _b;
+        this._cdf = _cdf;
+        this._tableCellTypeHelpers = _tableCellTypeHelpers;
+        this._ngUnsubscribe = new Subject();
+        const tableData = _tableData;
+        this.value = tableData && this._formatInteger(tableData.value, tableData);
+        this.row = tableData && tableData.row;
+        this.rowIndex = tableData && tableData.rowIndex;
+        this.colData = tableData && tableData.colData;
+        this.textAlign = this._parseConfigValue((_b = (_a = tableData === null || tableData === void 0 ? void 0 : tableData.colData) === null || _a === void 0 ? void 0 : _a.cellTypeConfig) === null || _b === void 0 ? void 0 : _b.textAlign, tableData) || 'right';
+        if (tableData) {
+            tableData.changed
+                .pipe(takeUntil(this._ngUnsubscribe))
+                .subscribe(v => {
+                if (v.changes.hasOwnProperty('value')) {
+                    this.value = this._formatInteger(v.changes.value.currentValue, tableData);
+                    this._cdf.markForCheck();
+                }
+                if (v.changes.hasOwnProperty('colData')) {
+                    this.colData = v.changes.colData.currentValue;
+                    this._cdf.markForCheck();
+                }
+            });
+        }
+    }
+    ngOnInit() { }
+    ngOnDestroy() {
+        this._ngUnsubscribe.next();
+        this._ngUnsubscribe.complete();
+    }
+    _formatInteger(currentValue, tableData) {
+        var _a;
+        const config = (_a = tableData === null || tableData === void 0 ? void 0 : tableData.colData) === null || _a === void 0 ? void 0 : _a.cellTypeConfig;
+        const formatInteger = notNullOrUndefined(config === null || config === void 0 ? void 0 : config.formatNumber) ?
+            this._parseConfigValue(coerceBooleanProperty(config === null || config === void 0 ? void 0 : config.formatNumber), tableData) : true;
+        const locale = this._parseConfigValue(config === null || config === void 0 ? void 0 : config.locale, tableData) || 'en-US';
+        const minIntegerDigits = this._parseConfigValue(config === null || config === void 0 ? void 0 : config.minIntegerDigits, tableData) || 1;
+        const format = `${minIntegerDigits}.0-0`;
+        return formatInteger ? formatNumber(currentValue, locale, format) : currentValue;
+    }
+    _parseConfigValue(val, tableData) {
+        const contextFn = () => this._tableCellTypeHelpers.getValueContext(val, tableData);
+        return this._tableCellTypeHelpers.parseValueProp(val, contextFn);
+    }
+}
+TableCellTypeIntegerComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-table-cell-type-integer',
+                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",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [""]
+            },] }
+];
+TableCellTypeIntegerComponent.ctorParameters = () => [
+    { type: ChangeDetectorRef },
+    { type: TableCellTypesHelpersService },
+    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [TABLE_CELL_DATA,] }] }
+];
+TableCellTypeIntegerComponent.propDecorators = {
+    value: [{ type: Input }]
+};
+
 class TableCellTypePhoneComponent {
     constructor(_cdf, _tableData) {
         this._cdf = _cdf;
@@ -499,7 +698,7 @@ TableCellTypeProgressCircleComponent.decorators = [
                 selector: 'seam-table-cell-type-progress-circle',
                 template: "<ng-container *ngIf=\"!_tplType || _tplType === 'default'\">\n  <ng-template [ngTemplateOutlet]=\"progressCircleTpl\"></ng-template>\n</ng-container>\n\n<ng-container *ngIf=\"_tplType === 'link'\">\n  <a class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n    [routerLink]=\"_link\"\n    [queryParams]=\"_queryParams\"\n    [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n    [attr.target]=\"_target\">\n    <ng-template [ngTemplateOutlet]=\"progressCircleTpl\"></ng-template>\n\n  </a>\n</ng-container>\n\n<ng-container *ngIf=\"_tplType === 'link-external'\"\n  class=\"d-flex align-items-center justify-center\"\n  [class.datatable-icon-fix]=\"_isDatatable\">\n  <a class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n    [attr.href]=\"_link\"\n    [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n    [attr.target]=\"_target\">\n    <ng-template [ngTemplateOutlet]=\"progressCircleTpl\"></ng-template>\n  </a>\n</ng-container>\n\n<ng-container *ngIf=\"_tplType === 'link-encrypted'\"\n  class=\"d-flex align-items-center justify-center\"\n  [class.datatable-icon-fix]=\"_isDatatable\">\n  <button\n    class=\"btn btn-link p-0 m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n    type=\"button\"\n    [seamEncryptedAssetLink]=\"_link\"\n    [seamDetectMimeFromContent]=\"_detectMimeContent\"\n    [seamDownloadAsset]=\"_download\"\n    [attr.title]=\"_tooltipDisabled ? _title : undefined\">\n    <ng-template [ngTemplateOutlet]=\"progressCircleTpl\"></ng-template>\n  </button>\n</ng-container>\n\n<ng-container *ngIf=\"_tplType === 'button'\"\n  class=\"d-flex align-items-center justify-center\"\n  [class.datatable-icon-fix]=\"_isDatatable\"\n  (click)=\"_doButtonAction()\">\n  <button\n    class=\"btn btn-link p-0 m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n    type=\"button\"\n    [attr.title]=\"_tooltipDisabled ? _title : undefined\">\n    <ng-template [ngTemplateOutlet]=\"progressCircleTpl\"></ng-template>\n  </button>\n</ng-container>\n\n<ng-template #progressCircleTpl>\n  <div class=\"progress-circle-wrapper\">\n    <seam-progress-circle\n      class=\"progress-circle\"\n      [fillBackground]=\"fillBackground\"\n      [showText]=\"showText\"\n      [hiddenOnEmpty]=\"hiddenOnEmpty\"\n      [percentage]=\"$any(value)\"\n      [pending]=\"pending\"\n      [ngbTooltip]=\"tooltip\"\n      [tooltipClass]=\"$any(tooltipClass)\"\n      [placement]=\"$any(tooltipPlacement)\"\n      [container]=\"$any(tooltipContainer)\">\n    </seam-progress-circle>\n    <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n  </div>\n</ng-template>\n",
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                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:calc(-.03rem) auto 0}:host:not(.datatable-cell-type) .progress-circle ::ng-deep .seam-progress-circle{padding:0}"]
+                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:calc(-.03rem)}:host:not(.datatable-cell-type) .progress-circle ::ng-deep .seam-progress-circle{padding:0}\n"]
             },] }
 ];
 TableCellTypeProgressCircleComponent.ctorParameters = () => [
@@ -668,17 +867,17 @@ const TABLE_CELL_TYPE_MANIFEST_STRING = {
     multi: true
 };
 const ɵ1 = {
-    name: 'integer',
-    component: TableCellTypeStringComponent
+    name: 'currency',
+    component: TableCellTypeCurrencyComponent
 };
-const TABLE_CELL_TYPE_MANIFEST_INTEGER = {
+const TABLE_CELL_TYPE_MANIFEST_CURRENCY = {
     provide: TABLE_CELL_TYPE_MANIFEST,
     useValue: ɵ1,
     multi: true
 };
 const ɵ2 = {
     name: 'decimal',
-    component: TableCellTypeStringComponent
+    component: TableCellTypeDecimalComponent
 };
 const TABLE_CELL_TYPE_MANIFEST_DECIMAL = {
     provide: TABLE_CELL_TYPE_MANIFEST,
@@ -686,64 +885,76 @@ const TABLE_CELL_TYPE_MANIFEST_DECIMAL = {
     multi: true
 };
 const ɵ3 = {
+    name: 'integer',
+    component: TableCellTypeIntegerComponent
+};
+const TABLE_CELL_TYPE_MANIFEST_INTEGER = {
+    provide: TABLE_CELL_TYPE_MANIFEST,
+    useValue: ɵ3,
+    multi: true
+};
+const ɵ4 = {
     name: 'date',
     component: TableCellTypeDateComponent
 };
 const TABLE_CELL_TYPE_MANIFEST_DATE = {
     provide: TABLE_CELL_TYPE_MANIFEST,
-    useValue: ɵ3,
+    useValue: ɵ4,
     multi: true
 };
-const ɵ4 = {
+const ɵ5 = {
     name: 'icon',
     component: TableCellTypeIconComponent
 };
 const TABLE_CELL_TYPE_MANIFEST_ICON = {
     provide: TABLE_CELL_TYPE_MANIFEST,
-    useValue: ɵ4,
+    useValue: ɵ5,
     multi: true
 };
-const ɵ5 = {
+const ɵ6 = {
     name: 'image',
     component: TableCellTypeIconComponent
 };
 const TABLE_CELL_TYPE_MANIFEST_IMAGE = {
     provide: TABLE_CELL_TYPE_MANIFEST,
-    useValue: ɵ5,
+    useValue: ɵ6,
     multi: true
 };
-const ɵ6 = {
+const ɵ7 = {
     name: 'progress-circle',
     component: TableCellTypeProgressCircleComponent
 };
 const TABLE_CELL_TYPE_MANIFEST_PROGRESS_CIRCLE = {
     provide: TABLE_CELL_TYPE_MANIFEST,
-    useValue: ɵ6,
+    useValue: ɵ7,
     multi: true
 };
-const ɵ7 = {
+const ɵ8 = {
     name: 'progress-circle-icon',
     component: TableCellTypeProgressCircleIconComponent
 };
 const TABLE_CELL_TYPE_MANIFEST_PROGRESS_CIRCLE_ICON = {
     provide: TABLE_CELL_TYPE_MANIFEST,
-    useValue: ɵ7,
+    useValue: ɵ8,
     multi: true
 };
-const ɵ8 = {
+const ɵ9 = {
     name: 'phone',
     component: TableCellTypePhoneComponent
 };
 const TABLE_CELL_TYPE_MANIFEST_PHONE = {
     provide: TABLE_CELL_TYPE_MANIFEST,
-    useValue: ɵ8,
+    useValue: ɵ9,
     multi: true
 };
 
 const cellTypeComponents = [
     TableCellTypeStringComponent,
+    TableCellTypeCurrencyComponent,
     TableCellTypeDateComponent,
+    TableCellTypeDecimalComponent,
     TableCellTypeIconComponent,
+    TableCellTypeIntegerComponent,
     TableCellTypeProgressCircleComponent,
     TableCellTypeProgressCircleIconComponent,
     TableCellTypePhoneComponent
@@ -751,6 +962,7 @@ const cellTypeComponents = [
 const cellTypeProviders = [
     TABLE_CELL_TYPE_MANIFEST_STRING,
     TABLE_CELL_TYPE_MANIFEST_INTEGER,
+    TABLE_CELL_TYPE_MANIFEST_CURRENCY,
     TABLE_CELL_TYPE_MANIFEST_DECIMAL,
     TABLE_CELL_TYPE_MANIFEST_DATE,
     TABLE_CELL_TYPE_MANIFEST_ICON,
@@ -795,5 +1007,5 @@ TheSeamTableCellTypesModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { TABLE_CELL_TYPE_MANIFEST_DATE, TABLE_CELL_TYPE_MANIFEST_DECIMAL, TABLE_CELL_TYPE_MANIFEST_ICON, TABLE_CELL_TYPE_MANIFEST_IMAGE, TABLE_CELL_TYPE_MANIFEST_INTEGER, TABLE_CELL_TYPE_MANIFEST_PHONE, TABLE_CELL_TYPE_MANIFEST_PROGRESS_CIRCLE, TABLE_CELL_TYPE_MANIFEST_PROGRESS_CIRCLE_ICON, TABLE_CELL_TYPE_MANIFEST_STRING, TableCellTypeDateComponent, TableCellTypeIconComponent, TableCellTypePhoneComponent, TableCellTypeProgressCircleComponent, TableCellTypeProgressCircleIconComponent, TableCellTypeStringComponent, TheSeamTableCellTypesModule, ɵ0, ɵ1, ɵ2, ɵ3, ɵ4, ɵ5, ɵ6, ɵ7, ɵ8 };
+export { TABLE_CELL_TYPE_MANIFEST_CURRENCY, TABLE_CELL_TYPE_MANIFEST_DATE, TABLE_CELL_TYPE_MANIFEST_DECIMAL, TABLE_CELL_TYPE_MANIFEST_ICON, TABLE_CELL_TYPE_MANIFEST_IMAGE, TABLE_CELL_TYPE_MANIFEST_INTEGER, TABLE_CELL_TYPE_MANIFEST_PHONE, TABLE_CELL_TYPE_MANIFEST_PROGRESS_CIRCLE, TABLE_CELL_TYPE_MANIFEST_PROGRESS_CIRCLE_ICON, TABLE_CELL_TYPE_MANIFEST_STRING, TableCellTypeCurrencyComponent, TableCellTypeDateComponent, TableCellTypeDecimalComponent, TableCellTypeIconComponent, TableCellTypeIntegerComponent, TableCellTypePhoneComponent, TableCellTypeProgressCircleComponent, TableCellTypeProgressCircleIconComponent, TableCellTypeStringComponent, TheSeamTableCellTypesModule, ɵ0, ɵ1, ɵ2, ɵ3, ɵ4, ɵ5, ɵ6, ɵ7, ɵ8, ɵ9 };
 //# sourceMappingURL=theseam-ui-common-table-cell-types.js.map