@seniorsistemas/angular-components 14.4.1 → 14.5.0

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

@@ -1,8 +1,8 @@
 (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/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/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.seniorPlatformData, global.moment_, global.ngxCookieService, global.ng2CurrencyMask, 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, seniorPlatformData, moment_, ngxCookieService, ng2CurrencyMask, 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('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';
 
     Cropper = Cropper && Object.prototype.hasOwnProperty.call(Cropper, 'default') ? Cropper['default'] : Cropper;
 
@@ -1175,16 +1175,26 @@
         FieldType["Chips"] = "Chips";
         FieldType["Date"] = "Date";
         FieldType["DateTime"] = "DateTime";
+        /**
+         * @deprecated Should use 'Number' instead
+         */
         FieldType["Double"] = "Double";
         FieldType["Enum"] = "Enum";
         FieldType["Blob"] = "Blob";
+        /**
+         * @deprecated Should use 'Number' instead
+         */
         FieldType["Integer"] = "Integer";
         FieldType["Lookup"] = "Lookup";
+        /**
+         * @deprecated Should use 'Number' instead
+         */
         FieldType["Money"] = "Money";
         FieldType["Radio"] = "Radio";
         FieldType["String"] = "String";
         FieldType["Text"] = "Text";
         FieldType["Time"] = "Time";
+        FieldType["Number"] = "Number";
     })(exports.FieldType || (exports.FieldType = {}));
 
     var FieldSize = /** @class */ (function () {
@@ -1230,48 +1240,6 @@
         return AutocompleteField;
     }(Field));
 
-    var BlobField = /** @class */ (function (_super) {
-        __extends(BlobField, _super);
-        function BlobField(config) {
-            var _this = _super.call(this, config) || this;
-            _this.accept = config.accept;
-            _this.files = config.files || [];
-            _this.chooseLabel = config.chooseLabel;
-            _this.removeLabel = config.removeLabel;
-            _this.cancelLabel = config.cancelLabel;
-            _this.successTooltip = config.successTooltip;
-            _this.multiple = config.multiple;
-            _this.onUploadFile = config.onUploadFile;
-            _this.onRemoveFile = config.onRemoveFile;
-            _this.onCancelUpload = config.onCancelUpload;
-            _this.onDownloadFile = config.onDownloadFile;
-            return _this;
-        }
-        return BlobField;
-    }(Field));
-
-    var BooleanOptionsLabel = /** @class */ (function () {
-        function BooleanOptionsLabel(config) {
-            this.true = config.true;
-            this.false = config.false;
-            this.empty = config.empty;
-        }
-        return BooleanOptionsLabel;
-    }());
-    var BooleanField = /** @class */ (function (_super) {
-        __extends(BooleanField, _super);
-        function BooleanField(config) {
-            var _this = _super.call(this, config) || this;
-            _this.verticalAlignment = config.verticalAlignment;
-            _this.optionsLabel = new BooleanOptionsLabel(config.optionsLabel);
-            _this.onBlur = config.onBlur;
-            _this.onFocus = config.onFocus;
-            _this.onClick = config.onClick;
-            return _this;
-        }
-        return BooleanField;
-    }(Field));
-
     var CalendarLocaleOptions = /** @class */ (function () {
         function CalendarLocaleOptions(config) {
             var _this = this;
@@ -1592,6 +1560,69 @@
         return LocaleModule;
     }());
 
+    var BignumberField = /** @class */ (function (_super) {
+        __extends(BignumberField, _super);
+        function BignumberField(config) {
+            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.alignTo = _this.scale ? ng2CurrencyMask.AlignmentOptions.RIGHT : ng2CurrencyMask.AlignmentOptions.LEFT;
+            _this.mask = config.mask;
+            _this.leftAddon = config.leftAddon;
+            _this.rightAddon = config.rightAddon;
+            _this.onBlur = config.onBlur;
+            _this.onFocus = config.onFocus;
+            _this.onComplete = config.onComplete;
+            _this.onInput = config.onInput;
+            return _this;
+        }
+        return BignumberField;
+    }(Field));
+
+    var BlobField = /** @class */ (function (_super) {
+        __extends(BlobField, _super);
+        function BlobField(config) {
+            var _this = _super.call(this, config) || this;
+            _this.accept = config.accept;
+            _this.files = config.files || [];
+            _this.chooseLabel = config.chooseLabel;
+            _this.removeLabel = config.removeLabel;
+            _this.cancelLabel = config.cancelLabel;
+            _this.successTooltip = config.successTooltip;
+            _this.multiple = config.multiple;
+            _this.onUploadFile = config.onUploadFile;
+            _this.onRemoveFile = config.onRemoveFile;
+            _this.onCancelUpload = config.onCancelUpload;
+            _this.onDownloadFile = config.onDownloadFile;
+            return _this;
+        }
+        return BlobField;
+    }(Field));
+
+    var BooleanOptionsLabel = /** @class */ (function () {
+        function BooleanOptionsLabel(config) {
+            this.true = config.true;
+            this.false = config.false;
+            this.empty = config.empty;
+        }
+        return BooleanOptionsLabel;
+    }());
+    var BooleanField = /** @class */ (function (_super) {
+        __extends(BooleanField, _super);
+        function BooleanField(config) {
+            var _this = _super.call(this, config) || this;
+            _this.verticalAlignment = config.verticalAlignment;
+            _this.optionsLabel = new BooleanOptionsLabel(config.optionsLabel);
+            _this.onBlur = config.onBlur;
+            _this.onFocus = config.onFocus;
+            _this.onClick = config.onClick;
+            return _this;
+        }
+        return BooleanField;
+    }(Field));
+
     var CalendarField = /** @class */ (function (_super) {
         __extends(CalendarField, _super);
         function CalendarField(config) {
@@ -1632,11 +1663,17 @@
         return ChipsField;
     }(Field));
 
+    /**
+     * @deprecated Should use 'AlignmentOptions' from @seniorsistemas/ng2-currency-mask instead
+     */
 
     (function (NumberAlignmentOption) {
         NumberAlignmentOption["RIGHT"] = "right";
         NumberAlignmentOption["LEFT"] = "left";
     })(exports.NumberAlignmentOption || (exports.NumberAlignmentOption = {}));
+    /**
+     * @deprecated Should use BigNumberInput directive instead
+     */
     var NumberInputDirective = /** @class */ (function (_super) {
         __extends(NumberInputDirective, _super);
         function NumberInputDirective() {
@@ -1748,8 +1785,11 @@
             })
         ], NumberInputDirective);
         return NumberInputDirective;
-    }(ng2CurrencyMask.CurrencyMaskDirective));
+    }(ng2CurrencyMask$1.CurrencyMaskDirective));
 
+    /**
+     * @deprecated Should use 'BignumberInputModule' instead
+     */
     var NumberInputModule = /** @class */ (function () {
         function NumberInputModule() {
         }
@@ -1763,6 +1803,9 @@
         return NumberInputModule;
     }());
 
+    /**
+     * @deprecated Should use BignumberField instead
+     */
     var NumberField = /** @class */ (function (_super) {
         __extends(NumberField, _super);
         function NumberField(config) {
@@ -1783,6 +1826,9 @@
         return NumberField;
     }(Field));
 
+    /**
+     * @deprecated Should use BignumberField instead
+     */
     var DecimalField = /** @class */ (function (_super) {
         __extends(DecimalField, _super);
         function DecimalField(config) {
@@ -1795,6 +1841,9 @@
         return DecimalField;
     }(NumberField));
 
+    /**
+     * @deprecated Should use BignumberField instead
+     */
     var CurrencyField = /** @class */ (function (_super) {
         __extends(CurrencyField, _super);
         function CurrencyField(config) {
@@ -1948,6 +1997,8 @@
                     return new NumberField(config);
                 case exports.FieldType.Double:
                     return new DecimalField(config);
+                case exports.FieldType.Number:
+                    return new BignumberField(config);
                 case exports.FieldType.String:
                 case exports.FieldType.Binary:
                     return new TextField(config);
@@ -2392,6 +2443,7 @@
         DynamicType["String"] = "String";
         DynamicType["Text"] = "Text";
         DynamicType["Time"] = "Time";
+        DynamicType["Number"] = "Number";
     })(exports.DynamicType || (exports.DynamicType = {}));
 
     var Grid = /** @class */ (function () {
@@ -2459,6 +2511,8 @@
                     return new Fieldset(config);
                 case exports.DynamicType.Integer:
                     return new NumberField(config);
+                case exports.DynamicType.Number:
+                    return new BignumberField(config);
                 case exports.DynamicType.Lookup:
                     return new LookupField(config);
                 case exports.DynamicType.Money:
@@ -3233,6 +3287,115 @@
         return MaskFormatterModule;
     }());
 
+    var BignumberInputDirective = /** @class */ (function (_super) {
+        __extends(BignumberInputDirective, _super);
+        function BignumberInputDirective() {
+            var _this = _super !== null && _super.apply(this, arguments) || this;
+            _this.precision = 15;
+            _this.scale = 0;
+            _this.decimalSeparator = ",";
+            _this.thousandsSeparator = ".";
+            _this.alignTo = ng2CurrencyMask.AlignmentOptions.LEFT;
+            _this.allowNegative = true;
+            return _this;
+        }
+        BignumberInputDirective_1 = BignumberInputDirective;
+        BignumberInputDirective.prototype.ngOnInit = function () {
+            this.updateVariables();
+            _super.prototype.ngOnInit.call(this);
+        };
+        BignumberInputDirective.prototype.ngOnChanges = function (changes) {
+            var placeholderChange = changes.placeholder && changes.placeholder.currentValue;
+            if (!placeholderChange && this.scale)
+                this.placeholder = "0" + this.decimalSeparator + "".padEnd(this.scale, "0");
+            if (changes.scale ||
+                changes.decimalSeparator ||
+                changes.thousandsSeparator ||
+                changes.alignTo ||
+                changes.precision ||
+                changes.allowNegative) {
+                this.updateVariables();
+            }
+        };
+        /**
+         * Update the options values according to the directive input values.
+         */
+        BignumberInputDirective.prototype.updateVariables = function () {
+            this.options = {
+                align: this.alignTo,
+                decimalSeparator: this.decimalSeparator,
+                thousandsSeparator: this.thousandsSeparator,
+                scale: this.scale || 0,
+                prefix: "",
+                suffix: "",
+                allowNegative: this.allowNegative
+            };
+            this.calculateMaxLength();
+        };
+        /**
+         * Responsible to calculate the field maximum length considering the separators.
+         */
+        BignumberInputDirective.prototype.calculateMaxLength = function () {
+            var decSepLength = this.decimalSeparator.length;
+            var thoSepLength = this.thousandsSeparator.length;
+            var maxLength = this.precision + (this.scale ? decSepLength : 0);
+            maxLength += Math.ceil((this.precision - (this.scale ? this.scale : 0)) / 3 - 1) * thoSepLength;
+            this.maxLength = maxLength;
+        };
+        var BignumberInputDirective_1;
+        __decorate([
+            core.Input()
+        ], BignumberInputDirective.prototype, "precision", void 0);
+        __decorate([
+            core.Input()
+        ], BignumberInputDirective.prototype, "scale", void 0);
+        __decorate([
+            core.Input()
+        ], BignumberInputDirective.prototype, "decimalSeparator", void 0);
+        __decorate([
+            core.Input()
+        ], BignumberInputDirective.prototype, "thousandsSeparator", void 0);
+        __decorate([
+            core.Input()
+        ], BignumberInputDirective.prototype, "alignTo", void 0);
+        __decorate([
+            core.Input()
+        ], BignumberInputDirective.prototype, "allowNegative", void 0);
+        __decorate([
+            core.Input(),
+            core.HostBinding("attr.placeholder")
+        ], BignumberInputDirective.prototype, "placeholder", void 0);
+        __decorate([
+            core.HostBinding("attr.maxLength")
+        ], BignumberInputDirective.prototype, "maxLength", void 0);
+        BignumberInputDirective = BignumberInputDirective_1 = __decorate([
+            core.Directive({
+                selector: "input[sBignumberInput]",
+                providers: [
+                    {
+                        provide: forms.NG_VALUE_ACCESSOR,
+                        useExisting: core.forwardRef(function () { return BignumberInputDirective_1; }),
+                        multi: true,
+                    },
+                ],
+            })
+        ], BignumberInputDirective);
+        return BignumberInputDirective;
+    }(ng2CurrencyMask.CurrencyMaskDirective));
+
+    var BignumberInputModule = /** @class */ (function () {
+        function BignumberInputModule() {
+        }
+        BignumberInputModule = __decorate([
+            core.NgModule({
+                imports: [common.CommonModule],
+                declarations: [BignumberInputDirective],
+                exports: [BignumberInputDirective],
+            })
+        ], BignumberInputModule);
+        return BignumberInputModule;
+    }());
+
     var TableHeaderCheckboxComponent = /** @class */ (function () {
         function TableHeaderCheckboxComponent(table, tableService) {
             var _this = this;
@@ -3982,6 +4145,9 @@
         return BaseFieldComponent;
     }());
 
+    /**
+     * @deprecated Should use bignumber instead
+     */
     var CurrencyFieldComponent = /** @class */ (function (_super) {
         __extends(CurrencyFieldComponent, _super);
         function CurrencyFieldComponent() {
@@ -4037,6 +4203,9 @@
         return LookupFieldComponent;
     }());
 
+    /**
+     * @deprecated Should use bignumber instead
+     */
     var NumberFieldComponent = /** @class */ (function (_super) {
         __extends(NumberFieldComponent, _super);
         function NumberFieldComponent() {
@@ -4360,6 +4529,67 @@
         StructureType["Section"] = "Section";
     })(StructureType || (StructureType = {}));
 
+    var BignumberFieldComponent = /** @class */ (function (_super) {
+        __extends(BignumberFieldComponent, _super);
+        function BignumberFieldComponent() {
+            var _this = _super !== null && _super.apply(this, arguments) || this;
+            _this.onInput = new core.EventEmitter();
+            _this.onFocus = new core.EventEmitter();
+            _this.onComplete = new core.EventEmitter();
+            _this.ngUnsubscribe = new rxjs.Subject();
+            return _this;
+        }
+        BignumberFieldComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.onFocus.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function (event) {
+                if (_this.field.onFocus)
+                    _this.field.onFocus(event);
+            });
+            this.onInput.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function (event) {
+                if (_this.field.onInput)
+                    _this.field.onInput(event);
+            });
+            this.onComplete.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function (event) {
+                if (_this.field.onComplete)
+                    _this.field.onComplete(event);
+            });
+        };
+        BignumberFieldComponent.prototype.ngOnDestroy = function () {
+            this.ngUnsubscribe.next();
+            this.ngUnsubscribe.complete();
+        };
+        Object.defineProperty(BignumberFieldComponent.prototype, "fieldType", {
+            get: function () {
+                return exports.FieldType;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        __decorate([
+            core.Input()
+        ], BignumberFieldComponent.prototype, "field", void 0);
+        __decorate([
+            core.Input()
+        ], BignumberFieldComponent.prototype, "formControl", void 0);
+        __decorate([
+            core.Output()
+        ], BignumberFieldComponent.prototype, "onInput", void 0);
+        __decorate([
+            core.Output()
+        ], BignumberFieldComponent.prototype, "onFocus", void 0);
+        __decorate([
+            core.Output()
+        ], BignumberFieldComponent.prototype, "onComplete", void 0);
+        BignumberFieldComponent = __decorate([
+            core.Component({
+                template: "<p-inputMask\n    *ngIf=\"field.mask; else noMask\"\n    type=\"text\"\n    [inputId]=\"(field.id || field.name)\"\n    [name]=\"field.name\"\n    [mask]=\"isFunction(field.mask) ? field.mask() : field.mask\"\n    [placeholder]=\"field.placeholder\"\n    slotChar=\"_\"\n    [pTooltip]=\"field.tooltip\"\n    tooltipPosition=\"top\"\n    [showDelay]=\"500\"\n    styleClass=\"mousetrap\"\n    (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n    (onFocus)=\"onFocus.next($event)\"\n    (onComplete)=\"onComplete.next($event)\"\n    (onInput)=\"onInput.next($event)\"\n    [formControl]=\"formControl\"\n></p-inputMask>\n\n<ng-template #noMask>\n    <ng-container>\n        <div class=\"ui-inputgroup\">\n            <ng-container *ngIf=\"field.leftAddon\">\n                <span class=\"ui-inputgroup-addon\">\n                    <span *ngIf=\"field.leftAddon.label\">{{field.leftAddon.label}}</span>\n                    <span *ngIf=\"!field.leftAddon.label\" [ngClass]=\"field.leftAddon.icon\"></span>\n                </span>\n            </ng-container>\n\n            <input\n                [id]=\"(field.id || field.name)\"\n                type=\"text\"\n                [name]=\"field.name\"\n                sBignumberInput\n                [precision]=\"isFunction(field.precision) ? trigger(field.precision) : field.precision\"\n                [scale]=\"isFunction(field.scale) ? trigger(field.scale) : field.scale\"\n                [decimalSeparator]=\"field.numberLocaleOptions.decimalSeparator\"\n                [thousandsSeparator]=\"field.numberLocaleOptions.thousandsSeparator\"\n                [alignTo]=\"field.alignTo\"\n                [pTooltip]=\"field.tooltip\"\n                tooltipPosition=\"top\"\n                [placeholder]=\"field.placeholder\"\n                [showDelay]=\"500\"\n                pInputText\n                [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n                [ngClass]=\"'mousetrap'\"\n                (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n                (focus)=\"onFocus.next($event)\"\n                [formControl]=\"formControl\"\n            />\n\n            <ng-container *ngIf=\"field.rightAddon\">\n                <span class=\"ui-inputgroup-addon\">\n                    <span *ngIf=\"field.rightAddon.label\">{{field.rightAddon.label}}</span>\n                    <span *ngIf=\"!field.rightAddon.label\" [ngClass]=\"field.rightAddon.icon\"></span>\n                </span>\n            </ng-container>\n        </div>\n    </ng-container>\n</ng-template>",
+                encapsulation: core.ViewEncapsulation.None,
+                styles: ["s-number-field.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-number-field.ng-dirty.ng-invalid .ui-inputtext:hover{border-color:#e44328}"]
+            })
+        ], BignumberFieldComponent);
+        return BignumberFieldComponent;
+    }(BaseFieldComponent));
+
     var DynamicForm = /** @class */ (function () {
         function DynamicForm(_a) {
             var group = _a.group, errorMessages = _a.errorMessages;
@@ -4424,6 +4654,8 @@
                 case exports.FieldType.Double:
                 case exports.FieldType.Integer:
                     return NumberFieldComponent;
+                case exports.FieldType.Number:
+                    return BignumberFieldComponent;
                 case exports.FieldType.Enum:
                     return SelectFieldComponent;
                 case exports.FieldType.Lookup:
@@ -4598,6 +4830,7 @@
                     inputmask.InputMaskModule,
                     dropdown.DropdownModule,
                     NumberInputModule,
+                    BignumberInputModule,
                     LocalizedNumberInputModule,
                     ControlErrorsModule,
                     LocaleModule,
@@ -4639,6 +4872,7 @@
                     LookupComponent,
                     LookupFieldComponent,
                     NumberFieldComponent,
+                    BignumberFieldComponent,
                     RadioButtonComponent,
                     RowComponent,
                     SectionComponent,
@@ -4657,6 +4891,7 @@
                     FileUploadComponent$1,
                     LookupFieldComponent,
                     NumberFieldComponent,
+                    BignumberFieldComponent,
                     RadioButtonComponent,
                     RowComponent,
                     SectionComponent,
@@ -6850,6 +7085,9 @@
 
     exports.AngularComponentsModule = AngularComponentsModule;
     exports.AutocompleteField = AutocompleteField;
+    exports.BignumberField = BignumberField;
+    exports.BignumberInputDirective = BignumberInputDirective;
+    exports.BignumberInputModule = BignumberInputModule;
     exports.BooleanField = BooleanField;
     exports.BooleanOptionsLabel = BooleanOptionsLabel;
     exports.BreadcrumbComponent = BreadcrumbComponent;
@@ -6953,12 +7191,13 @@
     exports.TokenListModule = TokenListModule;
     exports.ɵa = LocalizedCurrencyImpurePipe;
     exports.ɵb = TokenListModule;
-    exports.ɵba = FooterComponent;
-    exports.ɵbb = InfoSignComponent;
-    exports.ɵbc = NumberLocaleOptions;
-    exports.ɵbd = ThumbnailService;
-    exports.ɵbe = InfiniteScrollModule;
-    exports.ɵbf = InfiniteScrollDirective;
+    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;
@@ -6973,15 +7212,15 @@
     exports.ɵn = FileUploadComponent$1;
     exports.ɵo = LookupFieldComponent;
     exports.ɵp = NumberFieldComponent;
-    exports.ɵq = RadioButtonComponent;
-    exports.ɵr = RowComponent;
-    exports.ɵs = SectionComponent;
-    exports.ɵt = SelectFieldComponent;
-    exports.ɵu = TextAreaFieldComponent;
-    exports.ɵv = TextFieldComponent;
-    exports.ɵx = DecimalField;
-    exports.ɵy = StructureModule;
-    exports.ɵz = HeaderComponent;
+    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;
 
     Object.defineProperty(exports, '__esModule', { value: true });