@seniorsistemas/angular-components 17.5.5 → 17.6.0

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

@@ -1529,7 +1529,7 @@
         ButtonComponent = ButtonComponent_1 = __decorate([
             core.Component({
                 selector: "s-button",
-                template: "<p-tieredMenu [id]=\"id + '-menu'\" [popup]=\"true\" appendTo=\"body\" [baseZIndex]=\"baseZIndex\"></p-tieredMenu>\n\n<button\n    [id]=\"id\"\n    [type]=\"type\"\n    [class]=\"styleClass\"\n    [ngClass]=\"{\n        's-button-auxiliary': auxiliary,\n        's-button-with-icon': iconClass,\n        's-button-with-text': label,\n        's-button-empty': !iconClass && !label,\n        's-button-size-default': size === 'default',\n        's-button-size-small': size === 'small',\n        's-button-priority-default': priority === 'default',\n        's-button-priority-primary': priority === 'primary',\n        's-button-priority-secondary': priority === 'secondary',\n        's-button-priority-link': priority === 'link',\n        's-button-priority-danger': priority === 'danger',\n        's-button-multiple': (caret && (model && model.length)) || rightIconClass,\n        's-button-active': isOpen(),\n        's-button--slide': validateSlideButton(),\n        's-button--rotate-animation': isRotateAnimation()\n    }\"\n    [disabled]=\"disabled\"\n    [pTooltip]=\"tooltip\"\n    [tooltipPosition]=\"tooltipPosition\"\n    showDelay=\"500\"\n    [tooltipZIndex]=\"tooltipZIndex\"\n    (click)=\"onClick.emit($event)\"\n    (mouseenter)=\"updateTooltipZIndex()\"\n>\n    <span \n        *ngIf=\"iconClass\" \n        [class]=\"iconClass\" \n        [ngClass]=\"{ \n            's-button-icon': true,\n            's-button-icon-margin-right': !label && model && model.length\n        }\" \n        aria-hidden=\"true\">\n    </span>\n    <span \n        *ngIf=\"label\" \n        class=\"s-button-text\"\n        [ngClass]=\"{\n            's-button-icon-margin-right': !!rightIconClass || (model && model.length),\n            's-button-icon-margin-left': !!iconClass\n        }\">\n        {{ label }}\n    </span>\n    <ng-content></ng-content>\n    <span \n        *ngIf=\"rightIconClass\" \n        [class]=\"rightIconClass\" \n        [ngClass]=\"{ 's-button-right-icon': true }\" \n        aria-hidden=\"true\">\n    </span>\n    <span\n        *ngIf=\"caret && (model && model.length)\" \n        class=\"fa fa-fw fa-caret-down\"\n        aria-hidden=\"true\">\n    </span>\n</button>\n",
+                template: "<p-tieredMenu [id]=\"id + '-menu'\" [popup]=\"true\" appendTo=\"body\" [baseZIndex]=\"baseZIndex\"></p-tieredMenu>\n\n<button\n    [id]=\"id\"\n    [type]=\"type\"\n    [class]=\"styleClass\"\n    [ngClass]=\"{\n        's-button-auxiliary': auxiliary,\n        's-button-with-icon': iconClass,\n        's-button-with-text': label,\n        's-button-empty': !iconClass && !label,\n        's-button-size-default': size === 'default',\n        's-button-size-small': size === 'small',\n        's-button-priority-default': priority === 'default',\n        's-button-priority-primary': priority === 'primary',\n        's-button-priority-secondary': priority === 'secondary',\n        's-button-priority-link': priority === 'link',\n        's-button-priority-danger': priority === 'danger',\n        's-button-multiple': (caret && (model && model.length)) || rightIconClass,\n        's-button-active': isOpen(),\n        's-button--slide': validateSlideButton(),\n        's-button--rotate-animation': isRotateAnimation()\n    }\"\n    [disabled]=\"disabled\"\n    [pTooltip]=\"tooltip\"\n    [tooltipPosition]=\"tooltipPosition\"\n    showDelay=\"500\"\n    [tooltipZIndex]=\"tooltipZIndex\"\n    (click)=\"onClick.emit($event)\"\n    (mouseenter)=\"updateTooltipZIndex()\">\n    <span \n        *ngIf=\"iconClass\" \n        [class]=\"iconClass\" \n        [ngClass]=\"{ \n            's-button-icon': true,\n            's-button-icon-margin-right': !label && model && model.length\n        }\" \n        aria-hidden=\"true\">\n    </span>\n    <span \n        *ngIf=\"label\" \n        class=\"s-button-text\"\n        [ngClass]=\"{\n            's-button-icon-margin-right': !!rightIconClass || (model && model.length),\n            's-button-icon-margin-left': !!iconClass\n        }\">\n        {{ label }}\n    </span>\n    <ng-content></ng-content>\n    <span \n        *ngIf=\"rightIconClass\" \n        [class]=\"rightIconClass\" \n        [ngClass]=\"{ 's-button-right-icon': true }\" \n        aria-hidden=\"true\">\n    </span>\n    <span\n        *ngIf=\"caret && (model && model.length)\" \n        class=\"fa fa-fw fa-caret-down\"\n        aria-hidden=\"true\">\n    </span>\n</button>\n",
                 styles: ["button{-ms-flex-align:center;align-items:center;border:1px solid;border-radius:4px;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;font-family:\"Open Sans\",sans-serif;font-size:14px;height:34px;-ms-flex-pack:center;justify-content:center;max-width:100%;min-width:40px;outline:0;overflow:visible;padding:5px 10px;position:relative;text-decoration:none;text-transform:none;transition:background-color .2s ease-out,color .2s ease-out,border-color .2s ease-out;vertical-align:bottom}button:disabled{opacity:.5;filter:Alpha(Opacity=50);background-image:none}button:disabled,button:disabled *{cursor:text!important}button.s-button-auxiliary{border-radius:20px}button.s-button-size-small{height:25px;padding:0 20px}button.s-button-with-icon.s-button-multiple,button.s-button-with-text{min-width:80px}button.s-button-with-icon.s-button-with-text.s-button-multiple{min-width:100px}button .s-button-icon,button .s-button-menu-icon,button .s-button-right-icon,button.s-button-with-icon.s-button-multiple:not(.s-button-with-text) .s-button-icon{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}button.s-button-multiple .s-button-text{-ms-flex-align:left;align-items:left;display:-ms-flexbox;display:flex;-ms-flex-pack:left;justify-content:left}button.s-button-with-icon .s-button-text{-ms-flex-align:right;align-items:right;display:-ms-flexbox;display:flex;-ms-flex-pack:right;justify-content:right}.s-button-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-button-menu-icon{right:10px;transition:transform .2s ease-out}.s-button-icon-margin-left{margin-left:10px}.s-button-icon-margin-right{margin-right:10px}.s-button-active .s-button-menu-icon{transform:rotateX(180deg)}button,button.s-button-priority-primary{background-color:#428bca;border-color:#428bca}button .s-button-icon,button .s-button-menu-icon,button .s-button-right-icon,button .s-button-text,button.s-button-priority-primary .s-button-icon,button.s-button-priority-primary .s-button-menu-icon,button.s-button-priority-primary .s-button-right-icon,button.s-button-priority-primary .s-button-text{color:#fff}button.s-button-priority-primary:hover,button:hover{background-color:#2a6496}button.s-button-priority-primary:focus,button:focus{background-color:#2a6496;border-color:#22dce6}button.s-button-active:not(:disabled),button.s-button-priority-primary.s-button-active:not(:disabled),button.s-button-priority-primary:active:not(:disabled),button:active:not(:disabled){background-color:#245682;border-color:#245682}button.s-button-priority-secondary{background-color:#7892a1;border-color:#7892a1}button.s-button-priority-secondary .s-button-icon,button.s-button-priority-secondary .s-button-menu-icon,button.s-button-priority-secondary .s-button-right-icon,button.s-button-priority-secondary .s-button-text{color:#fff}button.s-button-priority-secondary:hover{background-color:#546b79}button.s-button-priority-secondary:focus{background-color:#546b79;border-color:#22dce6}button.s-button-priority-secondary.s-button-active:not(:disabled),button.s-button-priority-secondary:active:not(:disabled){background-color:#495e6a;border-color:#495e6a}button.s-button-priority-default{background-color:#fff;border-color:#ccc}button.s-button-priority-default .s-button-icon,button.s-button-priority-default .s-button-menu-icon,button.s-button-priority-default .s-button-right-icon,button.s-button-priority-default .s-button-text{color:#333}button.s-button-priority-default:hover{background-color:#d9d9d9}button.s-button-priority-default:focus{background-color:#d9d9d9;border-color:#22dce6}button.s-button-priority-default.s-button-active:not(:disabled),button.s-button-priority-default:active:not(:disabled){background-color:#ccc;border-color:#ccc}.s-button-priority-danger{background-color:#9c3a3a;border-color:#9c3a3a}.s-button-priority-danger .s-button-icon,.s-button-priority-danger .s-button-menu-icon,.s-button-priority-danger .s-button-right-icon,.s-button-priority-danger .s-button-text{color:#fff}.s-button-priority-danger:hover{background-color:#642525}.s-button-priority-danger:focus{background-color:#642525;border-color:#22dce6}.s-button-priority-danger.s-button-active:not(:disabled),.s-button-priority-danger:active:not(:disabled){background-color:#521e1e;border-color:#521e1e}button.s-button-priority-link{background-color:transparent;border-color:transparent}button.s-button-priority-link .s-button-icon,button.s-button-priority-link .s-button-menu-icon,button.s-button-priority-link .s-button-right-icon,button.s-button-priority-link .s-button-text{color:#428bca}button.s-button-priority-link:hover{background-color:transparent}button.s-button-priority-link:hover .s-button-icon,button.s-button-priority-link:hover .s-button-menu-icon,button.s-button-priority-link:hover .s-button-right-icon,button.s-button-priority-link:hover .s-button-text{color:#2a6496}button.s-button-priority-link:focus{border-color:#22dce6;background-color:transparent}button.s-button-priority-link:focus .s-button-icon,button.s-button-priority-link:focus .s-button-menu-icon,button.s-button-priority-link:focus .s-button-right-icon,button.s-button-priority-link:focus .s-button-text{color:#2a6496}button.s-button-priority-link.s-button-active:not(:disabled),button.s-button-priority-link:active:not(:disabled){background-color:transparent;border-color:transparent}button.s-button-priority-link.s-button-active:not(:disabled) .s-button-icon,button.s-button-priority-link.s-button-active:not(:disabled) .s-button-menu-icon,button.s-button-priority-link.s-button-active:not(:disabled) .s-button-right-icon,button.s-button-priority-link.s-button-active:not(:disabled) .s-button-text,button.s-button-priority-link:active:not(:disabled) .s-button-icon,button.s-button-priority-link:active:not(:disabled) .s-button-menu-icon,button.s-button-priority-link:active:not(:disabled) .s-button-right-icon,button.s-button-priority-link:active:not(:disabled) .s-button-text{color:#245682}.s-button--slide.s-button-with-icon.s-button-multiple,.s-button--slide.s-button-with-text{min-width:40px}.s-button--slide .s-button-text{position:absolute;opacity:0;width:0}.s-button--slide:hover .s-button-text{opacity:1;position:relative;transition:1s;width:auto}.s-button--slide:hover.s-button--rotate-animation .s-button-icon,.s-button--slide:hover.s-button--rotate-animation .s-button-right-icon{transform:rotate(360deg);transition:1.5s}"]
             })
         ], ButtonComponent);
@@ -9181,103 +9181,6 @@
         return AutocompleteFieldComponent;
     }());
 
-    var BignumberFieldComponent = /** @class */ (function (_super) {
-        __extends(BignumberFieldComponent, _super);
-        function BignumberFieldComponent(localeService) {
-            var _this = _super.call(this) || this;
-            _this.localeService = localeService;
-            _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.onLocaleService();
-            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
-        });
-        BignumberFieldComponent.prototype.onLocaleService = function () {
-            var _this = this;
-            this.localeService
-                .getLocale()
-                .pipe(operators.first())
-                .subscribe({
-                next: function () {
-                    var _a, _b, _c;
-                    if (!((_a = _this.field.numberLocaleOptions) === null || _a === void 0 ? void 0 : _a.decimalSeparator)) {
-                        _this.field.numberLocaleOptions = __assign(__assign({}, _this.field.numberLocaleOptions), { decimalSeparator: _this.localeService.getDecimalSeparator() });
-                    }
-                    if (!((_b = _this.field.numberLocaleOptions) === null || _b === void 0 ? void 0 : _b.thousandsSeparator)) {
-                        _this.field.numberLocaleOptions = __assign(__assign({}, _this.field.numberLocaleOptions), { thousandsSeparator: _this.localeService.getGroupingSeparator() });
-                    }
-                    if (!((_c = _this.field.numberLocaleOptions) === null || _c === void 0 ? void 0 : _c.currencySymbol)) {
-                        _this.field.numberLocaleOptions = __assign(__assign({}, _this.field.numberLocaleOptions), { currencySymbol: _this.field.type === exports.FieldType.Integer || _this.field.type === exports.FieldType.Double ? "" : "R$" });
-                    }
-                },
-                error: function () {
-                    var _a;
-                    return (_this.field.numberLocaleOptions = (_a = _this.field.numberLocaleOptions) !== null && _a !== void 0 ? _a : {
-                        thousandsSeparator: ".",
-                        decimalSeparator: ",",
-                        currencySymbol: _this.field.type === exports.FieldType.Integer || _this.field.type === exports.FieldType.Double ? "" : "R$",
-                    });
-                },
-            });
-        };
-        BignumberFieldComponent.ctorParameters = function () { return [
-            { type: LocaleService }
-        ]; };
-        __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    [sTooltip]=\"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    [autoClear]=\"field.autoClear\">\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                [allowNegative]=\"field.allowNegative\"\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                [sTooltip]=\"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            <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>\n",
-                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 BooleanFieldComponent = /** @class */ (function () {
         function BooleanFieldComponent() {
         }
@@ -9461,64 +9364,6 @@
         return CountryPhonePickerFieldComponent;
     }());
 
-    /**
-     * @deprecated Should use bignumber instead
-     */
-    var CurrencyFieldComponent = /** @class */ (function (_super) {
-        __extends(CurrencyFieldComponent, _super);
-        function CurrencyFieldComponent(localeService) {
-            var _this = _super.call(this) || this;
-            _this.localeService = localeService;
-            return _this;
-        }
-        CurrencyFieldComponent.prototype.ngOnInit = function () {
-            this.onLocaleService();
-        };
-        CurrencyFieldComponent.prototype.onLocaleService = function () {
-            var _this = this;
-            this.localeService
-                .getLocale()
-                .pipe(operators.first())
-                .subscribe({
-                next: function () {
-                    var _a, _b, _c;
-                    if (!((_a = _this.field.numberLocaleOptions) === null || _a === void 0 ? void 0 : _a.decimalSeparator)) {
-                        _this.field.numberLocaleOptions = __assign(__assign({}, _this.field.numberLocaleOptions), { decimalSeparator: _this.localeService.getDecimalSeparator() });
-                    }
-                    if (!((_b = _this.field.numberLocaleOptions) === null || _b === void 0 ? void 0 : _b.thousandsSeparator)) {
-                        _this.field.numberLocaleOptions = __assign(__assign({}, _this.field.numberLocaleOptions), { thousandsSeparator: _this.localeService.getGroupingSeparator() });
-                    }
-                    if (!((_c = _this.field.numberLocaleOptions) === null || _c === void 0 ? void 0 : _c.currencySymbol)) {
-                        _this.field.numberLocaleOptions = __assign(__assign({}, _this.field.numberLocaleOptions), { currencySymbol: "R$" });
-                    }
-                },
-                error: function () {
-                    var _a;
-                    return (_this.field.numberLocaleOptions = (_a = _this.field.numberLocaleOptions) !== null && _a !== void 0 ? _a : {
-                        thousandsSeparator: ".",
-                        decimalSeparator: ",",
-                        currencySymbol: "R$",
-                    });
-                },
-            });
-        };
-        CurrencyFieldComponent.ctorParameters = function () { return [
-            { type: LocaleService }
-        ]; };
-        __decorate([
-            core.Input()
-        ], CurrencyFieldComponent.prototype, "field", void 0);
-        __decorate([
-            core.Input()
-        ], CurrencyFieldComponent.prototype, "formControl", void 0);
-        CurrencyFieldComponent = __decorate([
-            core.Component({
-                template: "<div class=\"ui-inputgroup\">\n    <span\n        *ngIf=\"field.numberLocaleOptions.currencySymbol\"\n        class=\"ui-inputgroup-addon\">\n        {{ field.numberLocaleOptions.currencySymbol }}\n    </span>\n    <input\n        *ngIf=\"!field.mask\"\n        type=\"text\"\n        [id]=\"(field.id || field.name)\"\n        [name]=\"field.name\"\n        [formControl]=\"formControl\"\n        sNumberInput\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        [sTooltip]=\"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)=\"field.onFocus ? field.onFocus($event): null\" />\n    <p-inputMask\n        *ngIf=\"field.mask\"\n        type=\"text\"\n        [inputId]=\"(field.id || field.name)\"\n        [name]=\"field.name\"\n        [formControl]=\"formControl\"\n        [mask]=\"field.mask\"\n        [placeholder]=\"field.placeholder\"\n        slotChar=\"_\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [showDelay]=\"500\"\n        styleClass=\"mousetrap\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (onFocus)=\"field.onFocus ? field.onFocus($event): null\"\n        (onComplete)=\"field.onComplete ? field.onComplete($event) : null\"\n        (onInput)=\"field.onInput ? field.onInput($event) : null\" >\n    </p-inputMask>\n</div>\n"
-            })
-        ], CurrencyFieldComponent);
-        return CurrencyFieldComponent;
-    }(BaseFieldComponent));
-
     var FieldsetComponent = /** @class */ (function () {
         function FieldsetComponent() {
         }
@@ -9579,107 +9424,6 @@
         return LookupFieldComponent;
     }());
 
-    var NumberFieldComponent = /** @class */ (function (_super) {
-        __extends(NumberFieldComponent, _super);
-        function NumberFieldComponent(localeService) {
-            var _this = _super.call(this) || this;
-            _this.localeService = localeService;
-            _this.onInput = new core.EventEmitter();
-            _this.onFocus = new core.EventEmitter();
-            _this.onComplete = new core.EventEmitter();
-            _this.ngUnsubscribe = new rxjs.Subject();
-            return _this;
-        }
-        NumberFieldComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.onLocaleService();
-            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);
-            });
-        };
-        NumberFieldComponent.prototype.ngOnDestroy = function () {
-            this.ngUnsubscribe.next();
-            this.ngUnsubscribe.complete();
-        };
-        Object.defineProperty(NumberFieldComponent.prototype, "numberAlignmentOption", {
-            get: function () {
-                return exports.NumberAlignmentOption;
-            },
-            enumerable: true,
-            configurable: true
-        });
-        Object.defineProperty(NumberFieldComponent.prototype, "fieldType", {
-            get: function () {
-                return exports.FieldType;
-            },
-            enumerable: true,
-            configurable: true
-        });
-        NumberFieldComponent.prototype.onLocaleService = function () {
-            var _this = this;
-            this.localeService
-                .getLocale()
-                .pipe(operators.first())
-                .subscribe({
-                next: function () {
-                    var _a, _b, _c;
-                    if (!((_a = _this.field.numberLocaleOptions) === null || _a === void 0 ? void 0 : _a.decimalSeparator)) {
-                        _this.field.numberLocaleOptions = __assign(__assign({}, _this.field.numberLocaleOptions), { decimalSeparator: _this.localeService.getDecimalSeparator() });
-                    }
-                    if (!((_b = _this.field.numberLocaleOptions) === null || _b === void 0 ? void 0 : _b.thousandsSeparator)) {
-                        _this.field.numberLocaleOptions = __assign(__assign({}, _this.field.numberLocaleOptions), { thousandsSeparator: _this.localeService.getGroupingSeparator() });
-                    }
-                    if (!((_c = _this.field.numberLocaleOptions) === null || _c === void 0 ? void 0 : _c.currencySymbol)) {
-                        _this.field.numberLocaleOptions = __assign(__assign({}, _this.field.numberLocaleOptions), { currencySymbol: "R$" });
-                    }
-                },
-                error: function () {
-                    var _a;
-                    return (_this.field.numberLocaleOptions = (_a = _this.field.numberLocaleOptions) !== null && _a !== void 0 ? _a : {
-                        thousandsSeparator: ".",
-                        decimalSeparator: ",",
-                        currencySymbol: "R$",
-                    });
-                },
-            });
-        };
-        NumberFieldComponent.ctorParameters = function () { return [
-            { type: LocaleService }
-        ]; };
-        __decorate([
-            core.Input()
-        ], NumberFieldComponent.prototype, "field", void 0);
-        __decorate([
-            core.Input()
-        ], NumberFieldComponent.prototype, "formControl", void 0);
-        __decorate([
-            core.Output()
-        ], NumberFieldComponent.prototype, "onInput", void 0);
-        __decorate([
-            core.Output()
-        ], NumberFieldComponent.prototype, "onFocus", void 0);
-        __decorate([
-            core.Output()
-        ], NumberFieldComponent.prototype, "onComplete", void 0);
-        NumberFieldComponent = __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    [sTooltip]=\"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<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            <ng-container *ngTemplateOutlet=\"field.type === fieldType.Double && field.alignTo === numberAlignmentOption.LEFT ? localizedNumber : input\"></ng-container>\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>\n<ng-template #input>\n    <input\n        [id]=\"(field.id || field.name)\"\n        type=\"text\"\n        [name]=\"field.name\"\n        sNumberInput\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        [sTooltip]=\"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</ng-template>\n<ng-template #localizedNumber>\n    <input\n        [id]=\"(field.id || field.name)\"\n        type=\"text\"\n        [name]=\"field.name\"\n        sLocalizedNumberInput\n        [precision]=\"isFunction(field.precision) ? trigger(field.precision) : field.precision\"\n        [decimalSeparator]=\"field.numberLocaleOptions.decimalSeparator\"\n        [thousandsSeparator]=\"field.numberLocaleOptions.thousandsSeparator\"\n        [sTooltip]=\"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</ng-template>\n",
-                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}"]
-            })
-        ], NumberFieldComponent);
-        return NumberFieldComponent;
-    }(BaseFieldComponent));
-
     var PasswordFieldComponent = /** @class */ (function () {
         function PasswordFieldComponent() {
             this.onInput = new core.EventEmitter();
@@ -10038,60 +9782,6 @@
         return TextAreaIAFieldComponent;
     }());
 
-    var TextFieldComponent = /** @class */ (function (_super) {
-        __extends(TextFieldComponent, _super);
-        function TextFieldComponent() {
-            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;
-        }
-        TextFieldComponent.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);
-            });
-        };
-        TextFieldComponent.prototype.ngOnDestroy = function () {
-            this.ngUnsubscribe.next();
-            this.ngUnsubscribe.complete();
-        };
-        __decorate([
-            core.Input()
-        ], TextFieldComponent.prototype, "field", void 0);
-        __decorate([
-            core.Input()
-        ], TextFieldComponent.prototype, "formControl", void 0);
-        __decorate([
-            core.Output()
-        ], TextFieldComponent.prototype, "onInput", void 0);
-        __decorate([
-            core.Output()
-        ], TextFieldComponent.prototype, "onFocus", void 0);
-        __decorate([
-            core.Output()
-        ], TextFieldComponent.prototype, "onComplete", void 0);
-        TextFieldComponent = __decorate([
-            core.Component({
-                template: "<p-inputMask\n    *ngIf=\"field.mask; else noMask\"\n    [type]=\"field.inputType || '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    [sTooltip]=\"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<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            <ng-container *ngTemplateOutlet=\"field.keyFilter ? inputKeyFilter : input\"></ng-container>\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>\n<ng-template #input>\n    <input\n        [type]=\"field.inputType || 'text'\"\n        [id]=\"(field.id || field.name)\"\n        [name]=\"field.name\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"field.placeholder\"\n        [showDelay]=\"500\"\n        [maxLength]=\"field.maxLength\"\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        (input)=\"onInput.next($event)\"\n        [formControl]=\"formControl\"\n        [ngStyle]=\"field.style\" />\n</ng-template>\n<ng-template #inputKeyFilter>\n    <input\n        #inputText\n        [type]=\"field.inputType || 'text'\"\n        [id]=\"(field.id || field.name)\"\n        [name]=\"field.name\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"field.placeholder\"\n        [showDelay]=\"500\"\n        [maxLength]=\"field.maxLength\"\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        (input)=\"onInput.next($event)\"\n        [pKeyFilter]=\"field.keyFilter\"\n        [formControl]=\"formControl\"\n        [ngStyle]=\"field.style\" />\n</ng-template>\n",
-                encapsulation: core.ViewEncapsulation.None,
-                styles: ["s-text-field.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-text-field.ng-dirty.ng-invalid .ui-inputtext:hover{border-color:#e44328}"]
-            })
-        ], TextFieldComponent);
-        return TextFieldComponent;
-    }(BaseFieldComponent));
-
     var RowComponent = /** @class */ (function () {
         function RowComponent() {
         }
@@ -10171,6 +9861,215 @@
         StructureType["Section"] = "Section";
     })(StructureType || (StructureType = {}));
 
+    var BignumberFieldComponent = /** @class */ (function (_super) {
+        __extends(BignumberFieldComponent, _super);
+        function BignumberFieldComponent(localeService) {
+            var _this = _super.call(this) || this;
+            _this.localeService = localeService;
+            _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.onLocaleService();
+            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
+        });
+        BignumberFieldComponent.prototype.onLocaleService = function () {
+            var _this = this;
+            this.localeService
+                .getLocale()
+                .pipe(operators.first())
+                .subscribe({
+                next: function () {
+                    var _a, _b, _c;
+                    if (!((_a = _this.field.numberLocaleOptions) === null || _a === void 0 ? void 0 : _a.decimalSeparator)) {
+                        _this.field.numberLocaleOptions = __assign(__assign({}, _this.field.numberLocaleOptions), { decimalSeparator: _this.localeService.getDecimalSeparator() });
+                    }
+                    if (!((_b = _this.field.numberLocaleOptions) === null || _b === void 0 ? void 0 : _b.thousandsSeparator)) {
+                        _this.field.numberLocaleOptions = __assign(__assign({}, _this.field.numberLocaleOptions), { thousandsSeparator: _this.localeService.getGroupingSeparator() });
+                    }
+                    if (!((_c = _this.field.numberLocaleOptions) === null || _c === void 0 ? void 0 : _c.currencySymbol)) {
+                        _this.field.numberLocaleOptions = __assign(__assign({}, _this.field.numberLocaleOptions), { currencySymbol: _this.field.type === exports.FieldType.Integer || _this.field.type === exports.FieldType.Double ? "" : "R$" });
+                    }
+                },
+                error: function () {
+                    var _a;
+                    return (_this.field.numberLocaleOptions = (_a = _this.field.numberLocaleOptions) !== null && _a !== void 0 ? _a : {
+                        thousandsSeparator: ".",
+                        decimalSeparator: ",",
+                        currencySymbol: _this.field.type === exports.FieldType.Integer || _this.field.type === exports.FieldType.Double ? "" : "R$",
+                    });
+                },
+            });
+        };
+        BignumberFieldComponent.ctorParameters = function () { return [
+            { type: LocaleService }
+        ]; };
+        __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    [sTooltip]=\"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    [autoClear]=\"field.autoClear\">\n</p-inputMask>\n\n<ng-template #noMask>\n    <ng-container>\n        <div class=\"ui-inputgroup\">\n            <ng-container *ngIf=\"field.leftAddon\">\n                <span *ngIf=\"field.leftAddon.callback\" class=\"addon-button addon-button--left\">\n                    <s-button\n                        [label]=\"field.leftAddon.label\"\n                        [iconClass]=\"field.leftAddon.icon\"\n                        [priority]=\"field.leftAddon.priority\"\n                        [disabled]=\"isFunction(field.leftAddon.disabled) ? field.leftAddon.disabled() : field.leftAddon.disabled\"\n                        (onClick)=\"field.leftAddon.callback()\">\n                    </s-button>\n                </span>\n                <span *ngIf=\"!field.leftAddon.callback\" 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                [allowNegative]=\"field.allowNegative\"\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                [sTooltip]=\"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            <ng-container *ngIf=\"field.rightAddon\">\n                <span *ngIf=\"field.rightAddon.callback\" class=\"addon-button addon-button--right\">\n                    <s-button\n                        [label]=\"field.rightAddon.label\"\n                        [iconClass]=\"field.rightAddon.icon\"\n                        [priority]=\"field.rightAddon.priority\"\n                        [disabled]=\"isFunction(field.rightAddon.disabled) ? field.rightAddon.disabled() : field.rightAddon.disabled\"\n                        (onClick)=\"field.rightAddon.callback()\">\n                    </s-button>\n                </span>\n                <span *ngIf=\"!field.rightAddon.callback\" 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>\n",
+                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}.addon-button{border:1px solid #c1c1cc}.addon-button s-button .s-button-with-text,.addon-button s-button button{height:100%;min-width:40px!important}.addon-button--left{border-radius:5px 0 0 5px;border-right:none}.addon-button--left s-button button{border-bottom-right-radius:0;border-top-right-radius:0}.addon-button--right{border-left:none;border-radius:0 5px 5px 0}.addon-button--right s-button button{border-bottom-left-radius:0;border-top-left-radius:0}"]
+            })
+        ], BignumberFieldComponent);
+        return BignumberFieldComponent;
+    }(BaseFieldComponent));
+
+    /**
+     * @deprecated Should use bignumber instead
+     */
+    var CurrencyFieldComponent = /** @class */ (function (_super) {
+        __extends(CurrencyFieldComponent, _super);
+        function CurrencyFieldComponent(localeService) {
+            var _this = _super.call(this) || this;
+            _this.localeService = localeService;
+            return _this;
+        }
+        CurrencyFieldComponent.prototype.ngOnInit = function () {
+            this.onLocaleService();
+        };
+        CurrencyFieldComponent.prototype.onLocaleService = function () {
+            var _this = this;
+            this.localeService
+                .getLocale()
+                .pipe(operators.first())
+                .subscribe({
+                next: function () {
+                    var _a, _b, _c;
+                    if (!((_a = _this.field.numberLocaleOptions) === null || _a === void 0 ? void 0 : _a.decimalSeparator)) {
+                        _this.field.numberLocaleOptions = __assign(__assign({}, _this.field.numberLocaleOptions), { decimalSeparator: _this.localeService.getDecimalSeparator() });
+                    }
+                    if (!((_b = _this.field.numberLocaleOptions) === null || _b === void 0 ? void 0 : _b.thousandsSeparator)) {
+                        _this.field.numberLocaleOptions = __assign(__assign({}, _this.field.numberLocaleOptions), { thousandsSeparator: _this.localeService.getGroupingSeparator() });
+                    }
+                    if (!((_c = _this.field.numberLocaleOptions) === null || _c === void 0 ? void 0 : _c.currencySymbol)) {
+                        _this.field.numberLocaleOptions = __assign(__assign({}, _this.field.numberLocaleOptions), { currencySymbol: "R$" });
+                    }
+                },
+                error: function () {
+                    var _a;
+                    return (_this.field.numberLocaleOptions = (_a = _this.field.numberLocaleOptions) !== null && _a !== void 0 ? _a : {
+                        thousandsSeparator: ".",
+                        decimalSeparator: ",",
+                        currencySymbol: "R$",
+                    });
+                },
+            });
+        };
+        CurrencyFieldComponent.ctorParameters = function () { return [
+            { type: LocaleService }
+        ]; };
+        __decorate([
+            core.Input()
+        ], CurrencyFieldComponent.prototype, "field", void 0);
+        __decorate([
+            core.Input()
+        ], CurrencyFieldComponent.prototype, "formControl", void 0);
+        CurrencyFieldComponent = __decorate([
+            core.Component({
+                template: "<div class=\"ui-inputgroup\">\n    <span\n        *ngIf=\"field.numberLocaleOptions.currencySymbol\"\n        class=\"ui-inputgroup-addon\">\n        {{ field.numberLocaleOptions.currencySymbol }}\n    </span>\n    <input\n        *ngIf=\"!field.mask\"\n        type=\"text\"\n        [id]=\"(field.id || field.name)\"\n        [name]=\"field.name\"\n        [formControl]=\"formControl\"\n        sNumberInput\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        [sTooltip]=\"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)=\"field.onFocus ? field.onFocus($event): null\" />\n    <p-inputMask\n        *ngIf=\"field.mask\"\n        type=\"text\"\n        [inputId]=\"(field.id || field.name)\"\n        [name]=\"field.name\"\n        [formControl]=\"formControl\"\n        [mask]=\"field.mask\"\n        [placeholder]=\"field.placeholder\"\n        slotChar=\"_\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [showDelay]=\"500\"\n        styleClass=\"mousetrap\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (onFocus)=\"field.onFocus ? field.onFocus($event): null\"\n        (onComplete)=\"field.onComplete ? field.onComplete($event) : null\"\n        (onInput)=\"field.onInput ? field.onInput($event) : null\" >\n    </p-inputMask>\n</div>\n"
+            })
+        ], CurrencyFieldComponent);
+        return CurrencyFieldComponent;
+    }(BaseFieldComponent));
+
+    var TextFieldComponent = /** @class */ (function (_super) {
+        __extends(TextFieldComponent, _super);
+        function TextFieldComponent() {
+            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;
+        }
+        TextFieldComponent.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);
+            });
+        };
+        TextFieldComponent.prototype.ngOnDestroy = function () {
+            this.ngUnsubscribe.next();
+            this.ngUnsubscribe.complete();
+        };
+        __decorate([
+            core.Input()
+        ], TextFieldComponent.prototype, "field", void 0);
+        __decorate([
+            core.Input()
+        ], TextFieldComponent.prototype, "formControl", void 0);
+        __decorate([
+            core.Output()
+        ], TextFieldComponent.prototype, "onInput", void 0);
+        __decorate([
+            core.Output()
+        ], TextFieldComponent.prototype, "onFocus", void 0);
+        __decorate([
+            core.Output()
+        ], TextFieldComponent.prototype, "onComplete", void 0);
+        TextFieldComponent = __decorate([
+            core.Component({
+                template: "<p-inputMask\n    *ngIf=\"field.mask; else noMask\"\n    [type]=\"field.inputType || '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    [sTooltip]=\"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<ng-template #noMask>\n    <ng-container>\n        <div class=\"ui-inputgroup\">\n\n            <ng-container *ngIf=\"field.leftAddon\">\n                <span *ngIf=\"field.leftAddon.callback\" class=\"addon-button addon-button--left\">\n                    <s-button\n                        [label]=\"field.leftAddon.label\"\n                        [iconClass]=\"field.leftAddon.icon\"\n                        [priority]=\"field.leftAddon.priority\"\n                        [disabled]=\"isFunction(field.leftAddon.disabled) ? field.leftAddon.disabled(): field.leftAddon.disabled\"\n                        (onClick)=\"field.leftAddon.callback()\">\n                    </s-button>\n                </span>\n                <span *ngIf=\"!field.leftAddon.callback\" 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            <ng-container *ngTemplateOutlet=\"field.keyFilter ? inputKeyFilter : input\"></ng-container>\n\n            <ng-container *ngIf=\"field.rightAddon\">\n                <span *ngIf=\"field.rightAddon.callback\" class=\"addon-button addon-button--right\">\n                    <s-button\n                        [label]=\"field.rightAddon.label\"\n                        [iconClass]=\"field.rightAddon.icon\"\n                        [priority]=\"field.rightAddon.priority\"\n                        [disabled]=\"isFunction(field.rightAddon.disabled) ? field.rightAddon.disabled() : field.rightAddon.disabled\"\n                        (onClick)=\"field.rightAddon.callback()\">\n                    </s-button>\n                </span>\n                <span *ngIf=\"!field.rightAddon.callback\" 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>\n<ng-template #input>\n    <input\n        [type]=\"field.inputType || 'text'\"\n        [id]=\"field.id || field.name\"\n        [name]=\"field.name\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"field.placeholder\"\n        [showDelay]=\"500\"\n        [maxLength]=\"field.maxLength\"\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        (input)=\"onInput.next($event)\"\n        [formControl]=\"formControl\"\n        [ngStyle]=\"field.style\" />\n</ng-template>\n<ng-template #inputKeyFilter>\n    <input\n        #inputText\n        [type]=\"field.inputType || 'text'\"\n        [id]=\"field.id || field.name\"\n        [name]=\"field.name\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"field.placeholder\"\n        [showDelay]=\"500\"\n        [maxLength]=\"field.maxLength\"\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        (input)=\"onInput.next($event)\"\n        [pKeyFilter]=\"field.keyFilter\"\n        [formControl]=\"formControl\"\n        [ngStyle]=\"field.style\" />\n</ng-template>\n",
+                encapsulation: core.ViewEncapsulation.None,
+                styles: ["s-text-field.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-text-field.ng-dirty.ng-invalid .ui-inputtext:hover{border-color:#e44328}.addon-button{border:1px solid #c1c1cc}.addon-button s-button .s-button-with-text,.addon-button s-button button{height:100%;min-width:40px}.addon-button--left{border-radius:5px 0 0 5px;border-right:none}.addon-button--left s-button button{border-bottom-right-radius:0;border-top-right-radius:0}.addon-button--right{border-left:none;border-radius:0 5px 5px 0}.addon-button--right s-button button{border-bottom-left-radius:0;border-top-left-radius:0}"]
+            })
+        ], TextFieldComponent);
+        return TextFieldComponent;
+    }(BaseFieldComponent));
+
     var DynamicForm = /** @class */ (function () {
         function DynamicForm(_a) {
             var group = _a.group, errorMessages = _a.errorMessages;
@@ -10404,6 +10303,187 @@
         return DynamicFormDirective;
     }());
 
+    var TextFieldModule = /** @class */ (function () {
+        function TextFieldModule() {
+        }
+        TextFieldModule = __decorate([
+            core.NgModule({
+                imports: [
+                    common.CommonModule,
+                    forms.FormsModule,
+                    forms.ReactiveFormsModule,
+                    ButtonModule,
+                    TooltipModule,
+                    inputmask.InputMaskModule,
+                    inputtext.InputTextModule,
+                    keyfilter.KeyFilterModule,
+                ],
+                declarations: [TextFieldComponent],
+                exports: [TextFieldComponent],
+            })
+        ], TextFieldModule);
+        return TextFieldModule;
+    }());
+
+    var NumberFieldComponent = /** @class */ (function (_super) {
+        __extends(NumberFieldComponent, _super);
+        function NumberFieldComponent(localeService) {
+            var _this = _super.call(this) || this;
+            _this.localeService = localeService;
+            _this.onInput = new core.EventEmitter();
+            _this.onFocus = new core.EventEmitter();
+            _this.onComplete = new core.EventEmitter();
+            _this.ngUnsubscribe = new rxjs.Subject();
+            return _this;
+        }
+        NumberFieldComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.onLocaleService();
+            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);
+            });
+        };
+        NumberFieldComponent.prototype.ngOnDestroy = function () {
+            this.ngUnsubscribe.next();
+            this.ngUnsubscribe.complete();
+        };
+        Object.defineProperty(NumberFieldComponent.prototype, "numberAlignmentOption", {
+            get: function () {
+                return exports.NumberAlignmentOption;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(NumberFieldComponent.prototype, "fieldType", {
+            get: function () {
+                return exports.FieldType;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        NumberFieldComponent.prototype.onLocaleService = function () {
+            var _this = this;
+            this.localeService
+                .getLocale()
+                .pipe(operators.first())
+                .subscribe({
+                next: function () {
+                    var _a, _b, _c;
+                    if (!((_a = _this.field.numberLocaleOptions) === null || _a === void 0 ? void 0 : _a.decimalSeparator)) {
+                        _this.field.numberLocaleOptions = __assign(__assign({}, _this.field.numberLocaleOptions), { decimalSeparator: _this.localeService.getDecimalSeparator() });
+                    }
+                    if (!((_b = _this.field.numberLocaleOptions) === null || _b === void 0 ? void 0 : _b.thousandsSeparator)) {
+                        _this.field.numberLocaleOptions = __assign(__assign({}, _this.field.numberLocaleOptions), { thousandsSeparator: _this.localeService.getGroupingSeparator() });
+                    }
+                    if (!((_c = _this.field.numberLocaleOptions) === null || _c === void 0 ? void 0 : _c.currencySymbol)) {
+                        _this.field.numberLocaleOptions = __assign(__assign({}, _this.field.numberLocaleOptions), { currencySymbol: "R$" });
+                    }
+                },
+                error: function () {
+                    var _a;
+                    return (_this.field.numberLocaleOptions = (_a = _this.field.numberLocaleOptions) !== null && _a !== void 0 ? _a : {
+                        thousandsSeparator: ".",
+                        decimalSeparator: ",",
+                        currencySymbol: "R$",
+                    });
+                },
+            });
+        };
+        NumberFieldComponent.ctorParameters = function () { return [
+            { type: LocaleService }
+        ]; };
+        __decorate([
+            core.Input()
+        ], NumberFieldComponent.prototype, "field", void 0);
+        __decorate([
+            core.Input()
+        ], NumberFieldComponent.prototype, "formControl", void 0);
+        __decorate([
+            core.Output()
+        ], NumberFieldComponent.prototype, "onInput", void 0);
+        __decorate([
+            core.Output()
+        ], NumberFieldComponent.prototype, "onFocus", void 0);
+        __decorate([
+            core.Output()
+        ], NumberFieldComponent.prototype, "onComplete", void 0);
+        NumberFieldComponent = __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    [sTooltip]=\"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<ng-template #noMask>\n    <ng-container>\n        <div class=\"ui-inputgroup\">\n            <ng-container *ngIf=\"field.leftAddon\">\n                <span *ngIf=\"field.leftAddon.callback\" class=\"addon-button addon-button--left\">\n                    <s-button\n                        [label]=\"field.leftAddon.label\"\n                        [iconClass]=\"field.leftAddon.icon\"\n                        [priority]=\"field.leftAddon.priority\"\n                        [disabled]=\"isFunction(field.leftAddon.disabled) ? field.leftAddon.disabled() : field.leftAddon.disabled\"\n                        (onClick)=\"field.leftAddon.callback()\">\n                    </s-button>\n                </span>\n                <span *ngIf=\"!field.leftAddon.callback\" 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            <ng-container *ngTemplateOutlet=\"field.type === fieldType.Double && field.alignTo === numberAlignmentOption.LEFT ? localizedNumber : input\"></ng-container>\n\n            <ng-container *ngIf=\"field.rightAddon\">\n                <span *ngIf=\"field.rightAddon.callback\" class=\"addon-button addon-button--right\">\n                    <s-button\n                        [label]=\"field.rightAddon.label\"\n                        [iconClass]=\"field.rightAddon.icon\"\n                        [priority]=\"field.rightAddon.priority\"\n                        [disabled]=\"isFunction(field.rightAddon.disabled) ? field.rightAddon.disabled() : field.rightAddon.disabled\"\n                        (onClick)=\"field.rightAddon.callback()\">\n                    </s-button>\n                </span>\n                <span *ngIf=\"!field.rightAddon.callback\" 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>\n<ng-template #input>\n    <input\n        [id]=\"(field.id || field.name)\"\n        type=\"text\"\n        [name]=\"field.name\"\n        sNumberInput\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        [sTooltip]=\"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</ng-template>\n<ng-template #localizedNumber>\n    <input\n        [id]=\"(field.id || field.name)\"\n        type=\"text\"\n        [name]=\"field.name\"\n        sLocalizedNumberInput\n        [precision]=\"isFunction(field.precision) ? trigger(field.precision) : field.precision\"\n        [decimalSeparator]=\"field.numberLocaleOptions.decimalSeparator\"\n        [thousandsSeparator]=\"field.numberLocaleOptions.thousandsSeparator\"\n        [sTooltip]=\"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</ng-template>\n",
+                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}.addon-button{border:1px solid #c1c1cc}.addon-button s-button .s-button-with-text,.addon-button s-button button{height:100%;min-width:40px}.addon-button--left{border-radius:5px 0 0 5px;border-right:none}.addon-button--left s-button button{border-bottom-right-radius:0;border-top-right-radius:0}.addon-button--right{border-left:none;border-radius:0 5px 5px 0}.addon-button--right s-button button{border-bottom-left-radius:0;border-top-left-radius:0}"]
+            })
+        ], NumberFieldComponent);
+        return NumberFieldComponent;
+    }(BaseFieldComponent));
+
+    var NumberFieldModule = /** @class */ (function () {
+        function NumberFieldModule() {
+        }
+        NumberFieldModule = __decorate([
+            core.NgModule({
+                imports: [
+                    common.CommonModule,
+                    forms.FormsModule,
+                    forms.ReactiveFormsModule,
+                    LocalizedNumberInputModule,
+                    NumberInputModule,
+                    ButtonModule,
+                    TooltipModule,
+                    inputmask.InputMaskModule,
+                    inputtext.InputTextModule,
+                ],
+                declarations: [NumberFieldComponent],
+                exports: [NumberFieldComponent],
+            })
+        ], NumberFieldModule);
+        return NumberFieldModule;
+    }());
+
+    var CurrencyFieldModule = /** @class */ (function () {
+        function CurrencyFieldModule() {
+        }
+        CurrencyFieldModule = __decorate([
+            core.NgModule({
+                imports: [common.CommonModule, forms.FormsModule, forms.ReactiveFormsModule, NumberInputModule, TooltipModule, inputmask.InputMaskModule, inputtext.InputTextModule],
+                declarations: [CurrencyFieldComponent],
+                exports: [CurrencyFieldComponent],
+            })
+        ], CurrencyFieldModule);
+        return CurrencyFieldModule;
+    }());
+
+    var NumberFieldModule$1 = /** @class */ (function () {
+        function NumberFieldModule() {
+        }
+        NumberFieldModule = __decorate([
+            core.NgModule({
+                imports: [
+                    common.CommonModule,
+                    forms.FormsModule,
+                    forms.ReactiveFormsModule,
+                    ButtonModule,
+                    BignumberInputModule,
+                    TooltipModule,
+                    inputmask.InputMaskModule,
+                    inputtext.InputTextModule,
+                ],
+                declarations: [BignumberFieldComponent],
+                exports: [BignumberFieldComponent],
+            })
+        ], NumberFieldModule);
+        return NumberFieldModule;
+    }());
+
     var DynamicFormModule = /** @class */ (function () {
         function DynamicFormModule() {
         }
@@ -10452,16 +10532,18 @@
                     PasswordStrengthModule,
                     slider.SliderModule,
                     core$1.TranslateModule.forChild(),
+                    TextFieldModule,
+                    NumberFieldModule,
+                    CurrencyFieldModule,
+                    NumberFieldModule$1,
                 ],
                 declarations: [
                     AutocompleteFieldComponent,
-                    BignumberFieldComponent,
                     BooleanFieldComponent,
                     BooleanSwitchFieldComponent,
                     CalendarFieldComponent,
                     ChipsFieldComponent,
                     CountryPhonePickerFieldComponent,
-                    CurrencyFieldComponent,
                     DynamicFieldComponent,
                     DynamicFormComponent,
                     DynamicFormDirective,
@@ -10469,7 +10551,6 @@
                     FileUploadComponent$1,
                     LookupComponent,
                     LookupFieldComponent,
-                    NumberFieldComponent,
                     PasswordFieldComponent,
                     RadioButtonComponent,
                     RowComponent,
@@ -10478,22 +10559,18 @@
                     SliderFieldComponent,
                     TextAreaFieldComponent,
                     TextAreaIAFieldComponent,
-                    TextFieldComponent,
                 ],
                 exports: [DynamicFormComponent, LookupComponent],
                 entryComponents: [
                     AutocompleteFieldComponent,
-                    BignumberFieldComponent,
                     BooleanFieldComponent,
                     BooleanSwitchFieldComponent,
                     CalendarFieldComponent,
                     ChipsFieldComponent,
                     CountryPhonePickerFieldComponent,
-                    CurrencyFieldComponent,
                     FieldsetComponent,
                     FileUploadComponent$1,
                     LookupFieldComponent,
-                    NumberFieldComponent,
                     PasswordFieldComponent,
                     RadioButtonComponent,
                     RowComponent,
@@ -10502,7 +10579,6 @@
                     SliderFieldComponent,
                     TextAreaFieldComponent,
                     TextAreaIAFieldComponent,
-                    TextFieldComponent,
                 ],
                 providers: [
                     angular2Hotkeys.HotkeysService,
@@ -17800,67 +17876,74 @@
     exports.fallback = fallback;
     exports.ɵa = TooltipComponent;
     exports.ɵb = TooltipDirective;
-    exports.ɵba = BignumberFieldComponent;
-    exports.ɵbb = BooleanFieldComponent;
-    exports.ɵbc = BooleanSwitchFieldComponent;
-    exports.ɵbd = CalendarFieldComponent;
-    exports.ɵbe = ChipsFieldComponent;
-    exports.ɵbf = CountryPhonePickerFieldComponent;
+    exports.ɵba = TextFieldComponent;
+    exports.ɵbb = NumberFieldModule;
+    exports.ɵbc = LocalizedNumberInputModule;
+    exports.ɵbd = NumberInputModule;
+    exports.ɵbe = NumberFieldComponent;
+    exports.ɵbf = CurrencyFieldModule;
     exports.ɵbg = CurrencyFieldComponent;
-    exports.ɵbh = DynamicFieldComponent;
-    exports.ɵbi = DynamicFormDirective;
-    exports.ɵbj = FieldsetComponent;
-    exports.ɵbk = FileUploadComponent$1;
-    exports.ɵbl = LookupFieldComponent;
-    exports.ɵbm = NumberFieldComponent;
-    exports.ɵbn = PasswordFieldComponent;
-    exports.ɵbo = RadioButtonComponent;
-    exports.ɵbp = RowComponent;
-    exports.ɵbq = SectionComponent;
-    exports.ɵbr = SelectFieldComponent;
-    exports.ɵbs = SliderFieldComponent;
-    exports.ɵbt = TextAreaFieldComponent;
-    exports.ɵbu = TextAreaIAFieldComponent;
-    exports.ɵbv = IAssistService;
-    exports.ɵbw = TextFieldComponent;
-    exports.ɵby = DecimalField;
-    exports.ɵbz = SideTableComponent;
+    exports.ɵbh = NumberFieldModule$1;
+    exports.ɵbi = BignumberInputModule;
+    exports.ɵbj = BignumberFieldComponent;
+    exports.ɵbk = AutocompleteFieldComponent;
+    exports.ɵbl = BooleanFieldComponent;
+    exports.ɵbm = BooleanSwitchFieldComponent;
+    exports.ɵbn = CalendarFieldComponent;
+    exports.ɵbo = ChipsFieldComponent;
+    exports.ɵbp = CountryPhonePickerFieldComponent;
+    exports.ɵbq = DynamicFieldComponent;
+    exports.ɵbr = DynamicFormDirective;
+    exports.ɵbs = FieldsetComponent;
+    exports.ɵbt = FileUploadComponent$1;
+    exports.ɵbu = LookupFieldComponent;
+    exports.ɵbv = PasswordFieldComponent;
+    exports.ɵbw = RadioButtonComponent;
+    exports.ɵbx = RowComponent;
+    exports.ɵby = SectionComponent;
+    exports.ɵbz = SelectFieldComponent;
     exports.ɵc = TemplateDirective;
-    exports.ɵca = ThumbnailService;
-    exports.ɵcb = InfiniteScrollModule;
-    exports.ɵcc = InfiniteScrollDirective;
-    exports.ɵcd = IAInsightSidebarComponent;
-    exports.ɵce = IAInsightCardComponent;
-    exports.ɵcf = IAInsightCardLoaderComponent;
-    exports.ɵcg = StructureModule;
-    exports.ɵch = HeaderComponent;
-    exports.ɵci = FooterComponent;
-    exports.ɵcj = KanbanEventService;
-    exports.ɵck = KanbanItemComponent;
-    exports.ɵcl = KanbanColumnComponent;
-    exports.ɵcm = KanbanItemDraggingComponent;
-    exports.ɵcn = NumberLocaleOptions;
-    exports.ɵco = BorderButtonModule;
-    exports.ɵcp = BorderButtonComponent;
-    exports.ɵcq = SelectButtonItemComponent;
-    exports.ɵcr = SlidePanelService;
-    exports.ɵcs = TieredMenuEventService;
-    exports.ɵct = TieredMenuService;
-    exports.ɵcu = TieredMenuComponent;
-    exports.ɵcv = TieredMenuNestedComponent;
-    exports.ɵcw = TieredMenuItemComponent;
-    exports.ɵcx = TieredMenuDividerComponent;
-    exports.ɵcy = TimelineItemModule;
-    exports.ɵcz = TimelineIconItemComponent;
+    exports.ɵca = SliderFieldComponent;
+    exports.ɵcb = TextAreaFieldComponent;
+    exports.ɵcc = TextAreaIAFieldComponent;
+    exports.ɵcd = IAssistService;
+    exports.ɵcf = DecimalField;
+    exports.ɵcg = SideTableComponent;
+    exports.ɵch = ThumbnailService;
+    exports.ɵci = InfiniteScrollModule;
+    exports.ɵcj = InfiniteScrollDirective;
+    exports.ɵck = IAInsightSidebarComponent;
+    exports.ɵcl = IAInsightCardComponent;
+    exports.ɵcm = IAInsightCardLoaderComponent;
+    exports.ɵcn = StructureModule;
+    exports.ɵco = HeaderComponent;
+    exports.ɵcp = FooterComponent;
+    exports.ɵcq = KanbanEventService;
+    exports.ɵcr = KanbanItemComponent;
+    exports.ɵcs = KanbanColumnComponent;
+    exports.ɵct = KanbanItemDraggingComponent;
+    exports.ɵcu = NumberLocaleOptions;
+    exports.ɵcv = BorderButtonModule;
+    exports.ɵcw = BorderButtonComponent;
+    exports.ɵcx = SelectButtonItemComponent;
+    exports.ɵcy = SlidePanelService;
+    exports.ɵcz = TieredMenuEventService;
     exports.ɵd = TemplateModule;
-    exports.ɵda = HorizontalTimelineModule;
-    exports.ɵdb = HorizontalTimelineComponent;
-    exports.ɵdc = VerticalTimelineModule;
-    exports.ɵdd = VerticalTimelineComponent;
-    exports.ɵde = RangeLineComponent;
-    exports.ɵdf = CollapseOptionComponent;
-    exports.ɵdg = CollapsedItemsComponent;
-    exports.ɵdh = VerticalItemsComponent;
+    exports.ɵda = TieredMenuService;
+    exports.ɵdb = TieredMenuComponent;
+    exports.ɵdc = TieredMenuNestedComponent;
+    exports.ɵdd = TieredMenuItemComponent;
+    exports.ɵde = TieredMenuDividerComponent;
+    exports.ɵdf = TimelineItemModule;
+    exports.ɵdg = TimelineIconItemComponent;
+    exports.ɵdh = HorizontalTimelineModule;
+    exports.ɵdi = HorizontalTimelineComponent;
+    exports.ɵdj = VerticalTimelineModule;
+    exports.ɵdk = VerticalTimelineComponent;
+    exports.ɵdl = RangeLineComponent;
+    exports.ɵdm = CollapseOptionComponent;
+    exports.ɵdn = CollapsedItemsComponent;
+    exports.ɵdo = VerticalItemsComponent;
     exports.ɵe = CustomTranslationsModule;
     exports.ɵf = CodeEditorComponent;
     exports.ɵg = CoreFacade;
@@ -17882,7 +17965,7 @@
     exports.ɵw = InfoSignComponent;
     exports.ɵx = TableColumnsComponent;
     exports.ɵy = TablePagingComponent;
-    exports.ɵz = AutocompleteFieldComponent;
+    exports.ɵz = TextFieldModule;
 
     Object.defineProperty(exports, '__esModule', { value: true });