@seniorsistemas/angular-components 14.5.0 → 14.7.1

package/bundles/seniorsistemas-angular-components.umd.js

@@ -1,9 +1,10 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('primeng/breadcrumb'), require('@angular/router'), require('rxjs'), require('rxjs/operators'), require('primeng/tieredmenu'), require('primeng/tooltip'), require('primeng/dom'), require('primeng/calendar'), require('@angular/animations'), require('@angular/forms'), require('@angular/common/http'), require('angular2-hotkeys'), require('primeng/autocomplete'), require('primeng/dialog'), require('primeng/table'), require('@seniorsistemas/ng2-currency-mask'), require('@seniorsistemas/senior-platform-data'), require('moment'), require('ngx-cookie-service'), require('ng2-currency-mask'), require('primeng/button'), require('primeng/checkbox'), require('primeng/chips'), require('primeng/dropdown'), require('primeng/fieldset'), require('primeng/inputmask'), require('primeng/inputtext'), require('primeng/inputtextarea'), require('primeng/keyfilter'), require('primeng/multiselect'), require('primeng/panel'), require('primeng/radiobutton'), require('@angular/platform-browser'), require('primeng/progressbar'), require('@ngx-translate/core'), require('cropperjs'), require('element-resize-detector'), require('@angular/cdk/a11y'), require('primeng/scrollpanel'), require('primeng/sidebar')) :
-    typeof define === 'function' && define.amd ? define('@seniorsistemas/angular-components', ['exports', '@angular/core', '@angular/common', 'primeng/breadcrumb', '@angular/router', 'rxjs', 'rxjs/operators', 'primeng/tieredmenu', 'primeng/tooltip', 'primeng/dom', 'primeng/calendar', '@angular/animations', '@angular/forms', '@angular/common/http', 'angular2-hotkeys', 'primeng/autocomplete', 'primeng/dialog', 'primeng/table', '@seniorsistemas/ng2-currency-mask', '@seniorsistemas/senior-platform-data', 'moment', 'ngx-cookie-service', 'ng2-currency-mask', 'primeng/button', 'primeng/checkbox', 'primeng/chips', 'primeng/dropdown', 'primeng/fieldset', 'primeng/inputmask', 'primeng/inputtext', 'primeng/inputtextarea', 'primeng/keyfilter', 'primeng/multiselect', 'primeng/panel', 'primeng/radiobutton', '@angular/platform-browser', 'primeng/progressbar', '@ngx-translate/core', 'cropperjs', 'element-resize-detector', '@angular/cdk/a11y', 'primeng/scrollpanel', 'primeng/sidebar'], factory) :
-    (global = global || self, factory((global.seniorsistemas = global.seniorsistemas || {}, global.seniorsistemas['angular-components'] = {}), global.ng.core, global.ng.common, global.breadcrumb, global.ng.router, global.rxjs, global.rxjs.operators, global.tieredmenu, global.tooltip, global.dom, global.calendar, global.ng.animations, global.ng.forms, global.ng.common.http, global.angular2Hotkeys, global.autocomplete, global.dialog, global.table, global.ng2CurrencyMask, global.seniorPlatformData, global.moment_, global.ngxCookieService, global.ng2CurrencyMask$1, global.button, global.checkbox, global.chips, global.dropdown, global.fieldset, global.inputmask, global.inputtext, global.inputtextarea, global.keyfilter, global.multiselect, global.panel, global.radiobutton, global.ng.platformBrowser, global.progressbar, global.core$1, global.Cropper, global.elementResizeDetectorMaker_, global.ng.cdk.a11y, global.scrollpanel, global.sidebar));
-}(this, (function (exports, core, common, breadcrumb, router, rxjs, operators, tieredmenu, tooltip, dom, calendar, animations, forms, http, angular2Hotkeys, autocomplete, dialog, table, ng2CurrencyMask, seniorPlatformData, moment_, ngxCookieService, ng2CurrencyMask$1, button, checkbox, chips, dropdown, fieldset, inputmask, inputtext, inputtextarea, keyfilter, multiselect, panel, radiobutton, platformBrowser, progressbar, core$1, Cropper, elementResizeDetectorMaker_, a11y, scrollpanel, sidebar) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('primeng/breadcrumb'), require('@angular/router'), require('rxjs'), require('rxjs/operators'), require('primeng/tieredmenu'), require('primeng/tooltip'), require('primeng/dom'), require('primeng/calendar'), require('@angular/animations'), require('@angular/forms'), require('@angular/common/http'), require('angular2-hotkeys'), require('bignumber.js'), require('primeng/autocomplete'), require('primeng/dialog'), require('primeng/table'), require('@seniorsistemas/ng2-currency-mask'), require('@seniorsistemas/senior-platform-data'), require('moment'), require('ngx-cookie-service'), require('ng2-currency-mask'), require('primeng/button'), require('primeng/checkbox'), require('primeng/chips'), require('primeng/dropdown'), require('primeng/fieldset'), require('primeng/inputmask'), require('primeng/inputtext'), require('primeng/inputtextarea'), require('primeng/keyfilter'), require('primeng/multiselect'), require('primeng/panel'), require('primeng/radiobutton'), require('@angular/platform-browser'), require('primeng/progressbar'), require('@ngx-translate/core'), require('cropperjs'), require('element-resize-detector'), require('@angular/cdk/a11y'), require('primeng/scrollpanel'), require('primeng/sidebar')) :
+    typeof define === 'function' && define.amd ? define('@seniorsistemas/angular-components', ['exports', '@angular/core', '@angular/common', 'primeng/breadcrumb', '@angular/router', 'rxjs', 'rxjs/operators', 'primeng/tieredmenu', 'primeng/tooltip', 'primeng/dom', 'primeng/calendar', '@angular/animations', '@angular/forms', '@angular/common/http', 'angular2-hotkeys', 'bignumber.js', 'primeng/autocomplete', 'primeng/dialog', 'primeng/table', '@seniorsistemas/ng2-currency-mask', '@seniorsistemas/senior-platform-data', 'moment', 'ngx-cookie-service', 'ng2-currency-mask', 'primeng/button', 'primeng/checkbox', 'primeng/chips', 'primeng/dropdown', 'primeng/fieldset', 'primeng/inputmask', 'primeng/inputtext', 'primeng/inputtextarea', 'primeng/keyfilter', 'primeng/multiselect', 'primeng/panel', 'primeng/radiobutton', '@angular/platform-browser', 'primeng/progressbar', '@ngx-translate/core', 'cropperjs', 'element-resize-detector', '@angular/cdk/a11y', 'primeng/scrollpanel', 'primeng/sidebar'], factory) :
+    (global = global || self, factory((global.seniorsistemas = global.seniorsistemas || {}, global.seniorsistemas['angular-components'] = {}), global.ng.core, global.ng.common, global.breadcrumb, global.ng.router, global.rxjs, global.rxjs.operators, global.tieredmenu, global.tooltip, global.dom, global.calendar, global.ng.animations, global.ng.forms, global.ng.common.http, global.angular2Hotkeys, global.BigNumber, global.autocomplete, global.dialog, global.table, global.ng2CurrencyMask, global.seniorPlatformData, global.moment_, global.ngxCookieService, global.ng2CurrencyMask$1, global.button, global.checkbox, global.chips, global.dropdown, global.fieldset, global.inputmask, global.inputtext, global.inputtextarea, global.keyfilter, global.multiselect, global.panel, global.radiobutton, global.ng.platformBrowser, global.progressbar, global.core$1, global.Cropper, global.elementResizeDetectorMaker_, global.ng.cdk.a11y, global.scrollpanel, global.sidebar));
+}(this, (function (exports, core, common, breadcrumb, router, rxjs, operators, tieredmenu, tooltip, dom, calendar, animations, forms, http, angular2Hotkeys, BigNumber, autocomplete, dialog, table, ng2CurrencyMask, seniorPlatformData, moment_, ngxCookieService, ng2CurrencyMask$1, button, checkbox, chips, dropdown, fieldset, inputmask, inputtext, inputtextarea, keyfilter, multiselect, panel, radiobutton, platformBrowser, progressbar, core$1, Cropper, elementResizeDetectorMaker_, a11y, scrollpanel, sidebar) { 'use strict';
 
+    var BigNumber__default = 'default' in BigNumber ? BigNumber['default'] : BigNumber;
     Cropper = Cropper && Object.prototype.hasOwnProperty.call(Cropper, 'default') ? Cropper['default'] : Cropper;
 
     /*! *****************************************************************************
@@ -1352,6 +1353,54 @@
         return LocaleService;
     }());
 
+    var LocalizedBignumberPipe = /** @class */ (function () {
+        function LocalizedBignumberPipe(localeService) {
+            this.localeService = localeService;
+        }
+        LocalizedBignumberPipe.prototype.transform = function (value, options) {
+            return value !== undefined && value !== null ? this.applyMask(value, options) : rxjs.of(value);
+        };
+        LocalizedBignumberPipe.prototype.applyMask = function (value, options) {
+            return this.localeService.get().pipe(operators.map(function (localeConfig) {
+                var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+                var configs = {
+                    prefix: (_c = (_a = options.prefix) !== null && _a !== void 0 ? _a : (_b = localeConfig === null || localeConfig === void 0 ? void 0 : localeConfig.number) === null || _b === void 0 ? void 0 : _b.currencySymbol) !== null && _c !== void 0 ? _c : "R$",
+                    thousandsSeparator: (_f = (_d = options === null || options === void 0 ? void 0 : options.thousandsSeparator) !== null && _d !== void 0 ? _d : (_e = localeConfig === null || localeConfig === void 0 ? void 0 : localeConfig.number) === null || _e === void 0 ? void 0 : _e.thousandsSeparator) !== null && _f !== void 0 ? _f : ".",
+                    decimalSeparator: (_j = (_g = options === null || options === void 0 ? void 0 : options.decimalSeparator) !== null && _g !== void 0 ? _g : (_h = localeConfig === null || localeConfig === void 0 ? void 0 : localeConfig.number) === null || _h === void 0 ? void 0 : _h.decimalSeparator) !== null && _j !== void 0 ? _j : ",",
+                    scale: (_k = options === null || options === void 0 ? void 0 : options.scale) !== null && _k !== void 0 ? _k : 2
+                };
+                var isNumber = !(new BigNumber__default(value).isNaN());
+                return ng2CurrencyMask.applyMask(value, configs, isNumber);
+            }));
+        };
+        LocalizedBignumberPipe.ctorParameters = function () { return [
+            { type: LocaleService }
+        ]; };
+        LocalizedBignumberPipe = __decorate([
+            core.Pipe({
+                name: "localizedBignumber",
+            })
+        ], LocalizedBignumberPipe);
+        return LocalizedBignumberPipe;
+    }());
+
+    var LocalizedBignumberImpurePipe = /** @class */ (function (_super) {
+        __extends(LocalizedBignumberImpurePipe, _super);
+        function LocalizedBignumberImpurePipe() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        LocalizedBignumberImpurePipe.prototype.transform = function (value, options) {
+            return _super.prototype.transform.call(this, value, options);
+        };
+        LocalizedBignumberImpurePipe = __decorate([
+            core.Pipe({
+                name: "localizedBignumberImpure",
+                pure: false,
+            })
+        ], LocalizedBignumberImpurePipe);
+        return LocalizedBignumberImpurePipe;
+    }(LocalizedBignumberPipe));
+
     var LocalizedCurrencyPipeOptions = /** @class */ (function (_super) {
         __extends(LocalizedCurrencyPipeOptions, _super);
         function LocalizedCurrencyPipeOptions(config) {
@@ -1362,6 +1411,9 @@
         }
         return LocalizedCurrencyPipeOptions;
     }(NumberLocaleOptions));
+    /**
+     * @deprecated Should use localizedBignumberPipe instead
+     */
     var LocalizedCurrencyPipe = /** @class */ (function () {
         function LocalizedCurrencyPipe(localeService) {
             this.localeService = localeService;
@@ -1400,6 +1452,9 @@
         return LocalizedCurrencyPipe;
     }());
 
+    /**
+     * @deprecated Should use localizedBignumberPipe instead
+     */
     var LocalizedCurrencyImpurePipe = /** @class */ (function (_super) {
         __extends(LocalizedCurrencyImpurePipe, _super);
         function LocalizedCurrencyImpurePipe() {
@@ -1452,6 +1507,9 @@
         return LocalizedDateImpurePipe;
     }(LocalizedDatePipe));
 
+    /**
+     * @deprecated Should use localizedBignumberPipe instead
+     */
     var LocalizedNumberPipe = /** @class */ (function () {
         function LocalizedNumberPipe(localeService) {
             this.localeService = localeService;
@@ -1525,6 +1583,8 @@
                     LocalizedCurrencyImpurePipe,
                     LocalizedDateImpurePipe,
                     LocalizedTimeImpurePipe,
+                    LocalizedBignumberPipe,
+                    LocalizedBignumberImpurePipe
                 ],
             };
         };
@@ -1545,6 +1605,8 @@
                     LocalizedCurrencyImpurePipe,
                     LocalizedDateImpurePipe,
                     LocalizedTimeImpurePipe,
+                    LocalizedBignumberPipe,
+                    LocalizedBignumberImpurePipe
                 ],
                 declarations: [
                     LocalizedCurrencyPipe,
@@ -1554,6 +1616,8 @@
                     LocalizedCurrencyImpurePipe,
                     LocalizedDateImpurePipe,
                     LocalizedTimeImpurePipe,
+                    LocalizedBignumberPipe,
+                    LocalizedBignumberImpurePipe
                 ],
             })
         ], LocaleModule);
@@ -1563,11 +1627,12 @@
     var BignumberField = /** @class */ (function (_super) {
         __extends(BignumberField, _super);
         function BignumberField(config) {
+            var _a;
             var _this = _super.call(this, config) || this;
             _this.numberLocaleOptions = config.numberLocaleOptions || DEFAULT_NUMBER_LOCALE_OPTIONS;
             _this.browserAutocomplete = config.browserAutocomplete;
             _this.precision = config.precision;
-            _this.scale = config.scale || 0;
+            _this.scale = (_a = config.scale) !== null && _a !== void 0 ? _a : 2;
             _this.alignTo = _this.scale ? ng2CurrencyMask.AlignmentOptions.RIGHT : ng2CurrencyMask.AlignmentOptions.LEFT;
             _this.mask = config.mask;
             _this.leftAddon = config.leftAddon;
@@ -2211,7 +2276,7 @@
                 return this.emptyFieldLabel;
         };
         LookupComponent.prototype.isNumber = function (obj, path) {
-            return typeof this.getFieldValue(obj, path) === "number";
+            return !(new BigNumber__default(this.getFieldValue(obj, path)).isNaN());
         };
         LookupComponent.prototype.setHotkeys = function () {
             var _this = this;
@@ -2253,6 +2318,15 @@
         LookupComponent.prototype.isFunction = function (value) {
             return value instanceof Function;
         };
+        LookupComponent.prototype.getNumberMaskConfig = function (col) {
+            var _a, _b, _c;
+            return {
+                scale: this.getScale(col.scale),
+                decimalSeparator: (_a = col.numberLocaleOptions) === null || _a === void 0 ? void 0 : _a.decimalSeparator,
+                thousandsSeparator: (_b = col.numberLocaleOptions) === null || _b === void 0 ? void 0 : _b.thousandsSeparator,
+                prefix: (_c = col.numberLocaleOptions) === null || _c === void 0 ? void 0 : _c.currencySymbol
+            };
+        };
         var LookupComponent_1;
         LookupComponent.nextId = 0;
         LookupComponent.ctorParameters = function () { return [
@@ -2387,7 +2461,7 @@
         LookupComponent = LookupComponent_1 = __decorate([
             core.Component({
                 selector: "s-lookup",
-                template: "<div [ngClass]=\"{ inputgroup: showSearch }\">\n    <p-autoComplete\n        #autocomplete\n        [(ngModel)]=\"value\"\n        [disabled]=\"disabled\"\n        [dataKey]=\"dataKey\"\n        [multiple]=\"multiple\"\n        [inputId]=\"id + '-autocomplete'\"\n        [forceSelection]=\"true\"\n        [suggestions]=\"getLookupSuggestions()\"\n        (completeMethod)=\"lazyLoadLookup($event)\"\n        (onSelect)=\"onSelect.next($event)\"\n        (onBlur)=\"onBlur.next($event)\"\n        (onFocus)=\"onFocus.next($event)\"\n        (onUnselect)=\"onUnselect.next($event)\"\n        (onClear)=\"onClear.next($event)\"\n        (onKeyUp)=\"onKeyUp.next($event)\"\n        [field]=\"lookupDisplayField\"\n        [emptyMessage]=\"lookupEmptyMessage\"\n        [dropdown]=\"!showSearch\"\n        [appendTo]=\"lookupAppendTo\"\n        [placeholder]=\"placeholder || ' '\"\n        [autoHighlight]=\"true\"\n        inputStyleClass=\"mousetrap\"\n    >\n    </p-autoComplete>\n\n    <button\n        *ngIf=\"showSearch\"\n        pButton\n        type=\"button\"\n        icon=\"fa fa-search\"\n        class=\"button-addon\"\n        [disabled]=\"disabled\"\n        (click)=\"showDialog()\"\n    ></button>\n</div>\n\n<p-dialog\n    appendTo=\"body\"\n    styleClass=\"s-lookup-modal\"\n    [header]=\"searchTitle\"\n    [(visible)]=\"dialogVisible\"\n    [modal]=\"true\"\n    (onHide)=\"hideDialog()\"\n    [blockScroll]=\"true\"\n    [focusOnShow]=\"true\"\n    [draggable]=\"false\"\n    [resizable]=\"false\"\n    #dialog\n>\n    <div *ngIf=\"dialogVisible\" class=\"s-lookup-modal-container\">\n        <div *ngIf=\"searchFields && searchFields.length\" class=\"filter\"\n        [@collapseContent]=\"collapsed ? {value: 'hidden', params: {transitionParams: transitionOptions }} : {value: 'visible', params: {transitionParams: transitionOptions}}\"\n            (@collapseContent.done)=\"onToggleDone()\">\n            <form [formGroup]=\"formGroupDialog\" novalidate autocomplete=\"off\">\n                <div *ngIf=\"!collapsed\"\n                        [@childCollapseContent]=\"collapsed ? {value: ':leave', params: {transitionParams: transitionOptions }} : {value: ':enter', params: {transitionParams: transitionOptions}}\"\n                        class=\"form-content\">\n                    <div class=\"filter-title sds-section-title\">{{ filterTitle }}</div>\n                    <div class=\"form-fields\">\n                        <s-dynamic-form [fields]=\"searchFields\" [form]=\"formGroupDialog\"></s-dynamic-form>\n                    </div>\n                    <div class=\"ui-g\">\n                        <div class=\"ui-g-12\">\n                            <s-button\n                                [id]=\"id + '-filter-button'\"\n                                type=\"submit\"\n                                [label]=\"filterLabel\"\n                                (onClick)=\"search()\"\n                                pTooltip=\"(ALT + SHIFT + F)\"\n                                showDelay=\"500\"\n                            ></s-button>\n                            <s-button\n                                [id]=\"id + '-clear-button'\"\n                                type=\"button\"\n                                [label]=\"clearLabel\"\n                                (onClick)=\"clear()\"\n                                priority=\"link\"\n                                pTooltip=\"(ALT + SHIFT + L)\"\n                                showDelay=\"500\"\n                            ></s-button>\n                        </div>\n                    </div>\n                </div>\n            </form>                \n        </div>\n        <div *ngIf=\"searchFields && searchFields.length\" class=\"filter-toggle\">\n            <div class=\"filter-toggle--start-border-mask\"></div>\n            <button [id]=\"id + '-filter-toggle-button'\" type=\"button\" (click)=\"filterToggle()\">\n                <span class=\"fa\" [ngClass]=\"{'fa-chevron-left': !collapsed, 'fa-chevron-right': collapsed}\"\n                    aria-hidden=\"true\"></span>\n            </button>\n            <div class=\"filter-toggle--end-border-mask\"></div>\n        </div>\n        <div class=\"content\" [ngClass]=\"{'empty-content': !searchTotalRecords && !loading}\">\n            <s-empty-state\n                [id]=\"id + '-empty-state'\"\n                *ngIf=\"!searchTotalRecords && !loading\"\n                [title]=\"searchEmptyTitle\"\n                [description]=\"searchEmptyDescription\"\n                iconClass=\"fa fa-search\"\n            ></s-empty-state>\n\n            <p-table\n                [dataKey]=\"dataKey\"\n                [value]=\"getGridData()\"\n                [columns]=\"searchGridFields\"\n                [lazy]=\"true\"\n                [scrollable]=\"true\"\n                [paginator]=\"true\"\n                sortMode=\"multiple\"\n                [totalRecords]=\"searchTotalRecords\"\n                [rows]=\"10\"\n                [selection]=\"selected\"\n                (onLazyLoad)=\"lazyLoadGrid($event)\"\n                *sLoadingState=\"loading\"\n                [multiSortMeta]=\"multiSortMeta\"\n                [attr.data-hidden]=\"!searchTotalRecords && !loading\"\n                [selectionMode]=\"multiple ? 'multiple' : 'single'\"\n                (selectionChange)=\"onSelectionChange($event)\"\n            >\n                <ng-template pTemplate=\"colgroup\" let-columns>\n                    <colgroup>\n                        <col *ngIf=\"multiple\" style=\"width: 50px\" />\n                        <col *ngFor=\"let col of columns\" [style.width]=\"col.width\" />\n                    </colgroup>\n                </ng-template>\n                <ng-template pTemplate=\"header\" let-columns>\n                    <tr>\n                        <th *ngIf=\"multiple\" style=\"width: 50px\">\n                            <s-table-header-checkbox [useAllObject]=\"lookupRowProps ? false : true\" [rowProps]=\"lookupRowProps\"></s-table-header-checkbox>\n                        </th>\n                        <th\n                            [style.width]=\"col.width\"\n                            *ngFor=\"let col of columns\"\n                            [pSortableColumn]=\"col.name\"\n                            [pSortableColumnDisabled]=\"sortableColumnsDisabled?.includes(col.name)\"\n                        >\n                            <div class=\"senior-header\">\n                                <span class=\"senior-header-title\">{{ col.label }}</span>\n                                <p-sortIcon [field]=\"col.name\" *ngIf=\"!sortableColumnsDisabled?.includes(col.name)\"></p-sortIcon>\n                            </div>\n                        </th>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"body\" let-rowData let-columns let-rowIndex=\"rowIndex\">\n                    <tr sNavigation [pSelectableRow]=\"rowData\" [pSelectableRowIndex]=\"rowIndex\">\n                        <td *ngIf=\"multiple\" style=\"width: 50px\" tabindex=\"0\">\n                            <p-tableCheckbox [value]=\"rowData\" [pSelectableRow]=\"rowData\"></p-tableCheckbox>\n                        </td>\n                        <td\n                            [style.width]=\"col['width']\"\n                            *ngFor=\"let col of searchGridFields\"\n                            [ngSwitch]=\"col.type\"\n                            tabindex=\"0\"\n                        >\n                            <ng-container *ngSwitchCase=\"'Boolean'\">\n                                <ng-container *ngIf=\"isBooleanValue(rowData, col.name); else emptyTemplate\">\n                                    <span>{{ getBooleanLabel(rowData, col.name, col.optionsLabel) }}</span>\n                                </ng-container>\n                            </ng-container>\n\n                            <ng-container *ngSwitchCase=\"'Date'\">\n                                <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                    <span>{{ getFieldValue(rowData, col.name) | localizedDate: \"L\" | async }}</span>\n                                </ng-container>\n                            </ng-container>\n\n                            <ng-container *ngSwitchCase=\"'DateTime'\">\n                                <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                    <span>{{ getFieldValue(rowData, col.name) | localizedDate | async }}</span>\n                                </ng-container>\n                            </ng-container>\n\n                            <ng-container *ngSwitchCase=\"'Time'\">\n                                <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                    <span>{{ getFieldValue(rowData, col.name) | localizedTime | async }}</span>\n                                </ng-container>\n                            </ng-container>\n\n                            <ng-container *ngSwitchCase=\"'Double'\">\n                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                    <span> {{ getFieldValue(rowData, col.name) | localizedNumber: getScale(col.scale) | async }} </span>\n                                </ng-container>\n                            </ng-container>\n\n                            <ng-container *ngSwitchCase=\"'Money'\">\n                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                    <span> {{ getFieldValue(rowData, col.name) | localizedCurrency | async }} </span>\n                                </ng-container>\n                            </ng-container>\n\n                            <ng-container *ngSwitchCase=\"'Enum'\">\n                                <ng-container\n                                    *ngIf=\"getLabelForValue(getFieldValue(rowData, col.name), col.options); else emptyTemplate\"\n                                >\n                                    <span> {{ getLabelForValue(getFieldValue(rowData, col.name), col.options) }} </span>\n                                </ng-container>\n                            </ng-container>\n\n                            <ng-container *ngSwitchDefault>\n                                <ng-container *ngIf=\"col.mask && col.mask()\">\n                                    <ng-container *ngIf=\"(isNumber(rowData, col.name) || getFieldValue(rowData, col.name))\">\n                                        <span>{{ getFieldValue(rowData, col.name) | sMaskFormatter: col.mask() }}</span>\n                                    </ng-container>\n                                </ng-container>\n                                <ng-container *ngIf=\"!(col.mask && col.mask())\">\n                                    <ng-container *ngIf=\"(isNumber(rowData, col.name) || getFieldValue(rowData, col.name)); else emptyTemplate\">\n                                        <span>{{ getFieldValue(rowData, col.name) }}</span>\n                                    </ng-container>\n                                </ng-container>\n                            </ng-container>\n                        </td>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"paginatorright\">\n                    <span [attr.data-hidden]=\"loading\">\n                        {{\n                            searchTotalRecordsLabel ||\n                                searchTotalRecords?.toString() + (searchTotalRecords === 1 ? recordLabel : recordsLabel)\n                        }}\n                    </span>\n                </ng-template>\n            </p-table>\n        </div>\n    </div>\n\n    <p-footer>\n        <s-button\n            [id]=\"id + '-select-button'\"\n            type=\"button\"\n            [label]=\"selectLabel\"\n            (onClick)=\"select()\"\n            pTooltip=\"(ALT + SHIFT + S)\"\n            showDelay=\"500\"\n            [disabled]=\"!selected?.length\"\n        ></s-button>\n        <s-button\n            [id]=\"id + '-cancel-button'\"\n            type=\"button\"\n            priority=\"link\"\n            [label]=\"cancelLabel\"\n            (onClick)=\"hideDialog()\"\n            pTooltip=\"(ALT + SHIFT + C)\"\n            showDelay=\"500\"\n        ></s-button>\n    </p-footer>\n</p-dialog>\n\n<ng-template #emptyTemplate>\n    <span [ngClass]=\"'sds-empty-value'\">{{ emptyFieldLabel }}</span>\n</ng-template>\n",
+                template: "<div [ngClass]=\"{ inputgroup: showSearch }\">\n    <p-autoComplete\n        #autocomplete\n        [(ngModel)]=\"value\"\n        [disabled]=\"disabled\"\n        [dataKey]=\"dataKey\"\n        [multiple]=\"multiple\"\n        [inputId]=\"id + '-autocomplete'\"\n        [forceSelection]=\"true\"\n        [suggestions]=\"getLookupSuggestions()\"\n        (completeMethod)=\"lazyLoadLookup($event)\"\n        (onSelect)=\"onSelect.next($event)\"\n        (onBlur)=\"onBlur.next($event)\"\n        (onFocus)=\"onFocus.next($event)\"\n        (onUnselect)=\"onUnselect.next($event)\"\n        (onClear)=\"onClear.next($event)\"\n        (onKeyUp)=\"onKeyUp.next($event)\"\n        [field]=\"lookupDisplayField\"\n        [emptyMessage]=\"lookupEmptyMessage\"\n        [dropdown]=\"!showSearch\"\n        [appendTo]=\"lookupAppendTo\"\n        [placeholder]=\"placeholder || ' '\"\n        [autoHighlight]=\"true\"\n        inputStyleClass=\"mousetrap\"\n    >\n    </p-autoComplete>\n\n    <button\n        *ngIf=\"showSearch\"\n        pButton\n        type=\"button\"\n        icon=\"fa fa-search\"\n        class=\"button-addon\"\n        [disabled]=\"disabled\"\n        (click)=\"showDialog()\"\n    ></button>\n</div>\n\n<p-dialog\n    appendTo=\"body\"\n    styleClass=\"s-lookup-modal\"\n    [header]=\"searchTitle\"\n    [(visible)]=\"dialogVisible\"\n    [modal]=\"true\"\n    (onHide)=\"hideDialog()\"\n    [blockScroll]=\"true\"\n    [focusOnShow]=\"true\"\n    [draggable]=\"false\"\n    [resizable]=\"false\"\n    #dialog\n>\n    <div *ngIf=\"dialogVisible\" class=\"s-lookup-modal-container\">\n        <div *ngIf=\"searchFields && searchFields.length\" class=\"filter\"\n        [@collapseContent]=\"collapsed ? {value: 'hidden', params: {transitionParams: transitionOptions }} : {value: 'visible', params: {transitionParams: transitionOptions}}\"\n            (@collapseContent.done)=\"onToggleDone()\">\n            <form [formGroup]=\"formGroupDialog\" novalidate autocomplete=\"off\">\n                <div *ngIf=\"!collapsed\"\n                        [@childCollapseContent]=\"collapsed ? {value: ':leave', params: {transitionParams: transitionOptions }} : {value: ':enter', params: {transitionParams: transitionOptions}}\"\n                        class=\"form-content\">\n                    <div class=\"filter-title sds-section-title\">{{ filterTitle }}</div>\n                    <div class=\"form-fields\">\n                        <s-dynamic-form [fields]=\"searchFields\" [form]=\"formGroupDialog\"></s-dynamic-form>\n                    </div>\n                    <div class=\"ui-g\">\n                        <div class=\"ui-g-12\">\n                            <s-button\n                                [id]=\"id + '-filter-button'\"\n                                type=\"submit\"\n                                [label]=\"filterLabel\"\n                                (onClick)=\"search()\"\n                                pTooltip=\"(ALT + SHIFT + F)\"\n                                showDelay=\"500\"\n                            ></s-button>\n                            <s-button\n                                [id]=\"id + '-clear-button'\"\n                                type=\"button\"\n                                [label]=\"clearLabel\"\n                                (onClick)=\"clear()\"\n                                priority=\"link\"\n                                pTooltip=\"(ALT + SHIFT + L)\"\n                                showDelay=\"500\"\n                            ></s-button>\n                        </div>\n                    </div>\n                </div>\n            </form>                \n        </div>\n        <div *ngIf=\"searchFields && searchFields.length\" class=\"filter-toggle\">\n            <div class=\"filter-toggle--start-border-mask\"></div>\n            <button [id]=\"id + '-filter-toggle-button'\" type=\"button\" (click)=\"filterToggle()\">\n                <span class=\"fa\" [ngClass]=\"{'fa-chevron-left': !collapsed, 'fa-chevron-right': collapsed}\"\n                    aria-hidden=\"true\"></span>\n            </button>\n            <div class=\"filter-toggle--end-border-mask\"></div>\n        </div>\n        <div class=\"content\" [ngClass]=\"{'empty-content': !searchTotalRecords && !loading}\">\n            <s-empty-state\n                [id]=\"id + '-empty-state'\"\n                *ngIf=\"!searchTotalRecords && !loading\"\n                [title]=\"searchEmptyTitle\"\n                [description]=\"searchEmptyDescription\"\n                iconClass=\"fa fa-search\"\n            ></s-empty-state>\n\n            <p-table\n                [dataKey]=\"dataKey\"\n                [value]=\"getGridData()\"\n                [columns]=\"searchGridFields\"\n                [lazy]=\"true\"\n                [scrollable]=\"true\"\n                [paginator]=\"true\"\n                sortMode=\"multiple\"\n                [totalRecords]=\"searchTotalRecords\"\n                [rows]=\"10\"\n                [selection]=\"selected\"\n                (onLazyLoad)=\"lazyLoadGrid($event)\"\n                *sLoadingState=\"loading\"\n                [multiSortMeta]=\"multiSortMeta\"\n                [attr.data-hidden]=\"!searchTotalRecords && !loading\"\n                [selectionMode]=\"multiple ? 'multiple' : 'single'\"\n                (selectionChange)=\"onSelectionChange($event)\"\n            >\n                <ng-template pTemplate=\"colgroup\" let-columns>\n                    <colgroup>\n                        <col *ngIf=\"multiple\" style=\"width: 50px\" />\n                        <col *ngFor=\"let col of columns\" [style.width]=\"col.width\" />\n                    </colgroup>\n                </ng-template>\n                <ng-template pTemplate=\"header\" let-columns>\n                    <tr>\n                        <th *ngIf=\"multiple\" style=\"width: 50px\">\n                            <s-table-header-checkbox [useAllObject]=\"lookupRowProps ? false : true\" [rowProps]=\"lookupRowProps\"></s-table-header-checkbox>\n                        </th>\n                        <th\n                            [style.width]=\"col.width\"\n                            *ngFor=\"let col of columns\"\n                            [pSortableColumn]=\"col.name\"\n                            [pSortableColumnDisabled]=\"sortableColumnsDisabled?.includes(col.name)\"\n                        >\n                            <div class=\"senior-header\">\n                                <span class=\"senior-header-title\">{{ col.label }}</span>\n                                <p-sortIcon [field]=\"col.name\" *ngIf=\"!sortableColumnsDisabled?.includes(col.name)\"></p-sortIcon>\n                            </div>\n                        </th>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"body\" let-rowData let-columns let-rowIndex=\"rowIndex\">\n                    <tr sNavigation [pSelectableRow]=\"rowData\" [pSelectableRowIndex]=\"rowIndex\">\n                        <td *ngIf=\"multiple\" style=\"width: 50px\" tabindex=\"0\">\n                            <p-tableCheckbox [value]=\"rowData\" [pSelectableRow]=\"rowData\"></p-tableCheckbox>\n                        </td>\n                        <td\n                            [style.width]=\"col['width']\"\n                            *ngFor=\"let col of searchGridFields\"\n                            [ngSwitch]=\"col.type\"\n                            tabindex=\"0\"\n                        >\n                            <ng-container *ngSwitchCase=\"'Boolean'\">\n                                <ng-container *ngIf=\"isBooleanValue(rowData, col.name); else emptyTemplate\">\n                                    <span>{{ getBooleanLabel(rowData, col.name, col.optionsLabel) }}</span>\n                                </ng-container>\n                            </ng-container>\n\n                            <ng-container *ngSwitchCase=\"'Date'\">\n                                <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                    <span>{{ getFieldValue(rowData, col.name) | localizedDate: \"L\" | async }}</span>\n                                </ng-container>\n                            </ng-container>\n\n                            <ng-container *ngSwitchCase=\"'DateTime'\">\n                                <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                    <span>{{ getFieldValue(rowData, col.name) | localizedDate | async }}</span>\n                                </ng-container>\n                            </ng-container>\n\n                            <ng-container *ngSwitchCase=\"'Time'\">\n                                <ng-container *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\">\n                                    <span>{{ getFieldValue(rowData, col.name) | localizedTime | async }}</span>\n                                </ng-container>\n                            </ng-container>\n\n                            <ng-container *ngSwitchCase=\"'Double'\">\n                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                    <span> {{ getFieldValue(rowData, col.name) | localizedNumber: getScale(col.scale) | async }} </span>\n                                </ng-container>\n                            </ng-container>\n\n                            <ng-container *ngSwitchCase=\"'Money'\">\n                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                    <span> {{ getFieldValue(rowData, col.name) | localizedCurrency | async }} </span>\n                                </ng-container>\n                            </ng-container>\n\n                            <ng-container *ngSwitchCase=\"'Number'\">\n                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                    <span> {{ getFieldValue(rowData, col.name) | localizedBignumber: getNumberMaskConfig(col) | async }} </span>\n                                </ng-container>\n                            </ng-container>\n\n                            <ng-container *ngSwitchCase=\"'Enum'\">\n                                <ng-container\n                                    *ngIf=\"getLabelForValue(getFieldValue(rowData, col.name), col.options); else emptyTemplate\"\n                                >\n                                    <span> {{ getLabelForValue(getFieldValue(rowData, col.name), col.options) }} </span>\n                                </ng-container>\n                            </ng-container>\n\n                            <ng-container *ngSwitchDefault>\n                                <ng-container *ngIf=\"col.mask && col.mask()\">\n                                    <ng-container *ngIf=\"(isNumber(rowData, col.name) || getFieldValue(rowData, col.name))\">\n                                        <span>{{ getFieldValue(rowData, col.name) | sMaskFormatter: col.mask() }}</span>\n                                    </ng-container>\n                                </ng-container>\n                                <ng-container *ngIf=\"!(col.mask && col.mask())\">\n                                    <ng-container *ngIf=\"(isNumber(rowData, col.name) || getFieldValue(rowData, col.name)); else emptyTemplate\">\n                                        <span>{{ getFieldValue(rowData, col.name) }}</span>\n                                    </ng-container>\n                                </ng-container>\n                            </ng-container>\n                        </td>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"paginatorright\">\n                    <span [attr.data-hidden]=\"loading\">\n                        {{\n                            searchTotalRecordsLabel ||\n                                searchTotalRecords?.toString() + (searchTotalRecords === 1 ? recordLabel : recordsLabel)\n                        }}\n                    </span>\n                </ng-template>\n            </p-table>\n        </div>\n    </div>\n\n    <p-footer>\n        <s-button\n            [id]=\"id + '-select-button'\"\n            type=\"button\"\n            [label]=\"selectLabel\"\n            (onClick)=\"select()\"\n            pTooltip=\"(ALT + SHIFT + S)\"\n            showDelay=\"500\"\n            [disabled]=\"!selected?.length\"\n        ></s-button>\n        <s-button\n            [id]=\"id + '-cancel-button'\"\n            type=\"button\"\n            priority=\"link\"\n            [label]=\"cancelLabel\"\n            (onClick)=\"hideDialog()\"\n            pTooltip=\"(ALT + SHIFT + C)\"\n            showDelay=\"500\"\n        ></s-button>\n    </p-footer>\n</p-dialog>\n\n<ng-template #emptyTemplate>\n    <span [ngClass]=\"'sds-empty-value'\">{{ emptyFieldLabel }}</span>\n</ng-template>\n",
                 providers: [
                     {
                         provide: forms.NG_VALUE_ACCESSOR,
@@ -3818,7 +3892,7 @@
                     return uninformed;
                 }
                 else {
-                    var numberConfigs = __assign(__assign({}, locale.number), { scale: column.scale ? _this.getColumnScale(column.scale) : locale.number.scale });
+                    var numberConfigs = __assign(__assign({}, locale.number), { scale: column.scale ? _this.getColumnScale(column.scale) : locale.number.scale, prefix: locale.number.currencySymbol + " " });
                     switch (column.type) {
                         case exports.EnumColumnFieldType.ENUM:
                             if (column.badgeConfigs && column.badgeConfigs.length) {
@@ -3826,7 +3900,7 @@
                             }
                             return _this.translate.instant(column.enumPrefix + attributeValue.toString().toLowerCase());
                         case exports.EnumColumnFieldType.CURRENCY:
-                            return _this.applyMask(attributeValue, numberConfigs);
+                            return ng2CurrencyMask.applyMask(attributeValue, numberConfigs, _this.isNumber(attributeValue));
                         case exports.EnumColumnFieldType.DATE:
                             var dateFormat = column.dateFormat ? column.dateFormat : locale.calendar.dateFormat;
                             return moment_(attributeValue).format(dateFormat);
@@ -3837,7 +3911,8 @@
                         case exports.EnumColumnFieldType.STRING:
                             return attributeValue;
                         case exports.EnumColumnFieldType.NUMBER:
-                            return _this.applyMask(attributeValue, numberConfigs, false);
+                            numberConfigs.prefix = "";
+                            return ng2CurrencyMask.applyMask(attributeValue, numberConfigs, _this.isNumber(attributeValue));
                         case exports.EnumColumnFieldType.TOKENS:
                             return _this.getTokens(attributeValue);
                     }
@@ -3892,21 +3967,8 @@
                 return tooltip;
             }
         };
-        TableColumnsComponent.prototype.applyMask = function (value, options, useCurrencySymbol) {
-            if (useCurrencySymbol === void 0) { useCurrencySymbol = true; }
-            var scale = options.scale, thousandsSeparator = options.thousandsSeparator, decimalSeparator = options.decimalSeparator;
-            var currencySymbol = useCurrencySymbol ? options.currencySymbol : "";
-            var rawValue = Number(value ? value : 0).toFixed(scale);
-            var onlyNumbers = rawValue.replace(/[^0-9]/g, "");
-            var integerPart = onlyNumbers
-                .slice(0, onlyNumbers.length - scale)
-                .replace(/^0*/g, "")
-                .replace(/\B(?=(\d{3})+(?!\d))/g, thousandsSeparator) || "0";
-            var decimalPart = onlyNumbers.slice(onlyNumbers.length - scale);
-            var newValue = scale ? integerPart + decimalSeparator + decimalPart : integerPart;
-            var isZero = !Number(onlyNumbers);
-            var operator = rawValue.includes("-") && !isZero ? "-" : "";
-            return "" + operator + currencySymbol + " " + newValue;
+        TableColumnsComponent.prototype.isNumber = function (value) {
+            return !(new BigNumber__default(value).isNaN());
         };
         TableColumnsComponent.prototype.getTokens = function (values) {
             if (!this.isArray(values))
@@ -3970,9 +4032,9 @@
         ], TableColumnsComponent.prototype, "locale", void 0);
         TableColumnsComponent = __decorate([
             core.Component({
-                template: "\n<ng-template #columnsTemplate>\n    <td *ngFor=\"let column of formattedColumns\" [ngStyle]=\"column.style\" (click)=\"column.onColumnClick ? column.onColumnClick(rowValue) : null\">\n\n        <div *ngIf=\"column.type !== 'TOKENS' || !isArray(column.columnValue); else tokensTemplate\">\n\n            <span *ngIf=\"column.type !== 'LINK'\" [pTooltip]=\"column.tooltip\" [escape]=\"false\" [ngClass]=\"column.badgeClass\">\n                <ng-container *ngTemplateOutlet=\"columnValueTemplate\"></ng-container> \n            </span>\n\n            <a *ngIf=\"column.type === 'LINK'\" [pTooltip]=\"column.tooltip\" [escape]=\"false\" (click)=\"column.onLinkClick ? column.onLinkClick(rowValue) : null\">\n                <ng-container *ngTemplateOutlet=\"columnValueTemplate\"></ng-container> \n            </a>\n\n            <ng-template #columnValueTemplate>\n                <span *ngFor=\"let value of getSplittedString(column)\">\n                    <span [ngClass]=\"{ 'sds-pale-text': value.isUninformed }\">{{value.value}}</span>\n                    <span>{{value.separator}}</span>\n                </span>\n            </ng-template>\n\n        </div>\n\n        <ng-template #tokensTemplate>\n            <s-token-list\n                [tokens]=\"column.columnValue\"\n                [hidePointerEvents]=\"true\"\n            >\n            </s-token-list>\n        </ng-template>\n\n    </td>\n</ng-template>\n",
+                template: "\n<ng-template #columnsTemplate>\n    <td *ngFor=\"let column of formattedColumns\" [ngStyle]=\"column.style\" (click)=\"column.onColumnClick ? column.onColumnClick(rowValue) : null\">\n\n        <div *ngIf=\"column.type !== 'TOKENS' || !isArray(column.columnValue); else tokensTemplate\">\n\n            <span *ngIf=\"column.type !== 'LINK'\" [pTooltip]=\"column.tooltip\" [escape]=\"false\" [ngClass]=\"column.badgeClass\">\n                <ng-container *ngTemplateOutlet=\"columnValueTemplate\"></ng-container> \n            </span>\n\n            <a *ngIf=\"column.type === 'LINK'\" [pTooltip]=\"column.tooltip\" [escape]=\"false\" (click)=\"column.onLinkClick ? column.onLinkClick(rowValue) : null\">\n                <ng-container *ngTemplateOutlet=\"columnValueTemplate\"></ng-container> \n            </a>\n\n            <ng-template #columnValueTemplate>\n                <span *ngFor=\"let value of getSplittedString(column)\">\n                    <span [ngClass]=\"{ 'sds-empty-value': value.isUninformed }\">{{value.value}}</span>\n                    <span>{{value.separator}}</span>\n                </span>\n            </ng-template>\n\n        </div>\n\n        <ng-template #tokensTemplate>\n            <s-token-list\n                [tokens]=\"column.columnValue\"\n                [hidePointerEvents]=\"true\"\n            >\n            </s-token-list>\n        </ng-template>\n\n    </td>\n</ng-template>\n",
                 selector: "s-table-columns",
-                styles: [".sds-pale-text{color:#999}:host{display:none}"]
+                styles: [":host{display:none}"]
             }),
             __param(2, core.Inject("hostProjectConfigs"))
         ], TableColumnsComponent);
@@ -6467,43 +6529,43 @@
         });
         StatsCardComponent.prototype.updateDisplayValue = function () {
             var _this = this;
-            var previousRawValue = Number(this.previousValue.replace(/[^\d]/g, ""));
-            var rawValue = Number(this.value.replace(/[^\d]/g, ""));
-            var incrementValue = Math.ceil(Math.abs(rawValue - previousRawValue) / (this.ANIMATION_DURATION_MS / this.STEP_DURATION_MS));
-            var incremental = previousRawValue < rawValue;
+            var previousRawValue = new BigNumber.BigNumber(this.previousValue.replace(/\D/g, ""));
+            var rawValue = new BigNumber.BigNumber(this.value.replace(/\D/g, ""));
+            var eachAnimationDuration = new BigNumber.BigNumber(this.ANIMATION_DURATION_MS).dividedBy(new BigNumber.BigNumber(this.STEP_DURATION_MS));
+            var incrementValue = rawValue.minus(previousRawValue).absoluteValue().dividedBy(eachAnimationDuration).dp(0, 7);
+            var incremental = previousRawValue.isLessThan(rawValue);
             clearInterval(this.intervalId);
             this.displayValue = this.replaceNumericPositions(this.value);
             var counter = previousRawValue;
             this.intervalId = setInterval(function () {
-                if (incremental && counter < rawValue) {
-                    _this.displayValue = _this.replaceNumericPositions(_this.displayValue, String(counter));
-                    counter += incrementValue;
+                if (incremental && counter.isLessThan(rawValue)) {
+                    _this.displayValue = _this.replaceNumericPositions(_this.displayValue, counter);
+                    counter = counter.plus(incrementValue);
                 }
-                else if (incremental) {
-                    _this.displayValue = _this.value;
-                    clearInterval(_this.intervalId);
+                else if (!incremental && counter.isGreaterThan(rawValue)) {
+                    _this.displayValue = _this.replaceNumericPositions(_this.displayValue, counter);
+                    counter = counter.minus(incrementValue);
                 }
-                else if (!incremental && counter > rawValue) {
-                    _this.displayValue = _this.replaceNumericPositions(_this.displayValue, String(counter));
-                    counter -= incrementValue;
-                }
-                else if (!incremental) {
+                else {
                     _this.displayValue = _this.value;
                     clearInterval(_this.intervalId);
                 }
             }, this.STEP_DURATION_MS);
         };
         StatsCardComponent.prototype.replaceNumericPositions = function (value, newValue) {
-            if (newValue === void 0) { newValue = ""; }
             var rawValue = value.replace(/[^\d]/g, "");
-            var newValueString = newValue.replace(/[^\d]/g, "").padStart(rawValue.length, "0");
+            var newValueString = newValue ? newValue.toString() : "";
+            var formattedNewValue = newValueString
+                .toString()
+                .replace(/\D/g, "")
+                .padStart(rawValue.length, "0");
             var newValueIndex = 0;
             return value
                 .split("")
                 .map(function (char) {
                 var number = Number(char);
                 if (number || char === "0")
-                    return newValueString[newValueIndex++];
+                    return formattedNewValue[newValueIndex++];
                 return char;
             })
                 .join("");
@@ -7190,37 +7252,39 @@
     exports.TokenListComponent = TokenListComponent;
     exports.TokenListModule = TokenListModule;
     exports.ɵa = LocalizedCurrencyImpurePipe;
-    exports.ɵb = TokenListModule;
-    exports.ɵba = HeaderComponent;
-    exports.ɵbb = FooterComponent;
-    exports.ɵbc = InfoSignComponent;
-    exports.ɵbd = NumberLocaleOptions;
-    exports.ɵbe = ThumbnailService;
-    exports.ɵbf = InfiniteScrollModule;
-    exports.ɵbg = InfiniteScrollDirective;
-    exports.ɵc = TableColumnsComponent;
-    exports.ɵd = InfoSignModule;
-    exports.ɵe = AutocompleteFieldComponent;
-    exports.ɵf = BooleanFieldComponent;
-    exports.ɵg = CalendarFieldComponent;
-    exports.ɵh = ChipsFieldComponent;
-    exports.ɵi = CurrencyFieldComponent;
-    exports.ɵj = BaseFieldComponent;
-    exports.ɵk = DynamicFieldComponent;
-    exports.ɵl = DynamicFormDirective;
-    exports.ɵm = FieldsetComponent;
-    exports.ɵn = FileUploadComponent$1;
-    exports.ɵo = LookupFieldComponent;
-    exports.ɵp = NumberFieldComponent;
-    exports.ɵq = BignumberFieldComponent;
-    exports.ɵr = RadioButtonComponent;
-    exports.ɵs = RowComponent;
-    exports.ɵt = SectionComponent;
-    exports.ɵu = SelectFieldComponent;
-    exports.ɵv = TextAreaFieldComponent;
-    exports.ɵw = TextFieldComponent;
-    exports.ɵy = DecimalField;
-    exports.ɵz = StructureModule;
+    exports.ɵb = LocalizedBignumberPipe;
+    exports.ɵba = DecimalField;
+    exports.ɵbb = StructureModule;
+    exports.ɵbc = HeaderComponent;
+    exports.ɵbd = FooterComponent;
+    exports.ɵbe = InfoSignComponent;
+    exports.ɵbf = NumberLocaleOptions;
+    exports.ɵbg = ThumbnailService;
+    exports.ɵbh = InfiniteScrollModule;
+    exports.ɵbi = InfiniteScrollDirective;
+    exports.ɵc = LocalizedBignumberImpurePipe;
+    exports.ɵd = TokenListModule;
+    exports.ɵe = TableColumnsComponent;
+    exports.ɵf = InfoSignModule;
+    exports.ɵg = AutocompleteFieldComponent;
+    exports.ɵh = BooleanFieldComponent;
+    exports.ɵi = CalendarFieldComponent;
+    exports.ɵj = ChipsFieldComponent;
+    exports.ɵk = CurrencyFieldComponent;
+    exports.ɵl = BaseFieldComponent;
+    exports.ɵm = DynamicFieldComponent;
+    exports.ɵn = DynamicFormDirective;
+    exports.ɵo = FieldsetComponent;
+    exports.ɵp = FileUploadComponent$1;
+    exports.ɵq = LookupFieldComponent;
+    exports.ɵr = NumberFieldComponent;
+    exports.ɵs = BignumberFieldComponent;
+    exports.ɵt = RadioButtonComponent;
+    exports.ɵu = RowComponent;
+    exports.ɵv = SectionComponent;
+    exports.ɵw = SelectFieldComponent;
+    exports.ɵx = TextAreaFieldComponent;
+    exports.ɵy = TextFieldComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });