@seniorsistemas/angular-components 17.5.5 → 17.6.1

package/fesm2015/seniorsistemas-angular-components.js

@@ -1311,7 +1311,7 @@ __decorate([
 ButtonComponent = ButtonComponent_1 = __decorate([
     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);
@@ -8438,94 +8438,6 @@ AutocompleteFieldComponent = __decorate([
     })
 ], AutocompleteFieldComponent);
 
-let BignumberFieldComponent = class BignumberFieldComponent extends BaseFieldComponent {
-    constructor(localeService) {
-        super();
-        this.localeService = localeService;
-        this.onInput = new EventEmitter();
-        this.onFocus = new EventEmitter();
-        this.onComplete = new EventEmitter();
-        this.ngUnsubscribe = new Subject();
-    }
-    ngOnInit() {
-        this.onLocaleService();
-        this.onFocus.pipe(takeUntil(this.ngUnsubscribe)).subscribe((event) => {
-            if (this.field.onFocus) {
-                this.field.onFocus(event);
-            }
-        });
-        this.onInput.pipe(takeUntil(this.ngUnsubscribe)).subscribe((event) => {
-            if (this.field.onInput) {
-                this.field.onInput(event);
-            }
-        });
-        this.onComplete.pipe(takeUntil(this.ngUnsubscribe)).subscribe((event) => {
-            if (this.field.onComplete) {
-                this.field.onComplete(event);
-            }
-        });
-    }
-    ngOnDestroy() {
-        this.ngUnsubscribe.next();
-        this.ngUnsubscribe.complete();
-    }
-    get fieldType() {
-        return FieldType;
-    }
-    onLocaleService() {
-        this.localeService
-            .getLocale()
-            .pipe(first())
-            .subscribe({
-            next: () => {
-                var _a, _b, _c;
-                if (!((_a = this.field.numberLocaleOptions) === null || _a === void 0 ? void 0 : _a.decimalSeparator)) {
-                    this.field.numberLocaleOptions = Object.assign(Object.assign({}, this.field.numberLocaleOptions), { decimalSeparator: this.localeService.getDecimalSeparator() });
-                }
-                if (!((_b = this.field.numberLocaleOptions) === null || _b === void 0 ? void 0 : _b.thousandsSeparator)) {
-                    this.field.numberLocaleOptions = Object.assign(Object.assign({}, this.field.numberLocaleOptions), { thousandsSeparator: this.localeService.getGroupingSeparator() });
-                }
-                if (!((_c = this.field.numberLocaleOptions) === null || _c === void 0 ? void 0 : _c.currencySymbol)) {
-                    this.field.numberLocaleOptions = Object.assign(Object.assign({}, this.field.numberLocaleOptions), { currencySymbol: this.field.type === FieldType.Integer || this.field.type === FieldType.Double ? "" : "R$" });
-                }
-            },
-            error: () => {
-                var _a;
-                return (this.field.numberLocaleOptions = (_a = this.field.numberLocaleOptions) !== null && _a !== void 0 ? _a : {
-                    thousandsSeparator: ".",
-                    decimalSeparator: ",",
-                    currencySymbol: this.field.type === FieldType.Integer || this.field.type === FieldType.Double ? "" : "R$",
-                });
-            },
-        });
-    }
-};
-BignumberFieldComponent.ctorParameters = () => [
-    { type: LocaleService }
-];
-__decorate([
-    Input()
-], BignumberFieldComponent.prototype, "field", void 0);
-__decorate([
-    Input()
-], BignumberFieldComponent.prototype, "formControl", void 0);
-__decorate([
-    Output()
-], BignumberFieldComponent.prototype, "onInput", void 0);
-__decorate([
-    Output()
-], BignumberFieldComponent.prototype, "onFocus", void 0);
-__decorate([
-    Output()
-], BignumberFieldComponent.prototype, "onComplete", void 0);
-BignumberFieldComponent = __decorate([
-    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: 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);
-
 let BooleanFieldComponent = class BooleanFieldComponent {
     onClear() {
         this.formControl.reset();
@@ -8697,60 +8609,6 @@ CountryPhonePickerFieldComponent = __decorate([
     })
 ], CountryPhonePickerFieldComponent);
 
-/**
- * @deprecated Should use bignumber instead
- */
-let CurrencyFieldComponent = class CurrencyFieldComponent extends BaseFieldComponent {
-    constructor(localeService) {
-        super();
-        this.localeService = localeService;
-    }
-    ngOnInit() {
-        this.onLocaleService();
-    }
-    onLocaleService() {
-        this.localeService
-            .getLocale()
-            .pipe(first())
-            .subscribe({
-            next: () => {
-                var _a, _b, _c;
-                if (!((_a = this.field.numberLocaleOptions) === null || _a === void 0 ? void 0 : _a.decimalSeparator)) {
-                    this.field.numberLocaleOptions = Object.assign(Object.assign({}, this.field.numberLocaleOptions), { decimalSeparator: this.localeService.getDecimalSeparator() });
-                }
-                if (!((_b = this.field.numberLocaleOptions) === null || _b === void 0 ? void 0 : _b.thousandsSeparator)) {
-                    this.field.numberLocaleOptions = Object.assign(Object.assign({}, this.field.numberLocaleOptions), { thousandsSeparator: this.localeService.getGroupingSeparator() });
-                }
-                if (!((_c = this.field.numberLocaleOptions) === null || _c === void 0 ? void 0 : _c.currencySymbol)) {
-                    this.field.numberLocaleOptions = Object.assign(Object.assign({}, this.field.numberLocaleOptions), { currencySymbol: "R$" });
-                }
-            },
-            error: () => {
-                var _a;
-                return (this.field.numberLocaleOptions = (_a = this.field.numberLocaleOptions) !== null && _a !== void 0 ? _a : {
-                    thousandsSeparator: ".",
-                    decimalSeparator: ",",
-                    currencySymbol: "R$",
-                });
-            },
-        });
-    }
-};
-CurrencyFieldComponent.ctorParameters = () => [
-    { type: LocaleService }
-];
-__decorate([
-    Input()
-], CurrencyFieldComponent.prototype, "field", void 0);
-__decorate([
-    Input()
-], CurrencyFieldComponent.prototype, "formControl", void 0);
-CurrencyFieldComponent = __decorate([
-    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);
-
 let FieldsetComponent = class FieldsetComponent {
 };
 __decorate([
@@ -8808,94 +8666,6 @@ LookupFieldComponent = __decorate([
     })
 ], LookupFieldComponent);
 
-let NumberFieldComponent = class NumberFieldComponent extends BaseFieldComponent {
-    constructor(localeService) {
-        super();
-        this.localeService = localeService;
-        this.onInput = new EventEmitter();
-        this.onFocus = new EventEmitter();
-        this.onComplete = new EventEmitter();
-        this.ngUnsubscribe = new Subject();
-    }
-    ngOnInit() {
-        this.onLocaleService();
-        this.onFocus.pipe(takeUntil(this.ngUnsubscribe)).subscribe((event) => {
-            if (this.field.onFocus)
-                this.field.onFocus(event);
-        });
-        this.onInput.pipe(takeUntil(this.ngUnsubscribe)).subscribe((event) => {
-            if (this.field.onInput)
-                this.field.onInput(event);
-        });
-        this.onComplete.pipe(takeUntil(this.ngUnsubscribe)).subscribe((event) => {
-            if (this.field.onComplete)
-                this.field.onComplete(event);
-        });
-    }
-    ngOnDestroy() {
-        this.ngUnsubscribe.next();
-        this.ngUnsubscribe.complete();
-    }
-    get numberAlignmentOption() {
-        return NumberAlignmentOption;
-    }
-    get fieldType() {
-        return FieldType;
-    }
-    onLocaleService() {
-        this.localeService
-            .getLocale()
-            .pipe(first())
-            .subscribe({
-            next: () => {
-                var _a, _b, _c;
-                if (!((_a = this.field.numberLocaleOptions) === null || _a === void 0 ? void 0 : _a.decimalSeparator)) {
-                    this.field.numberLocaleOptions = Object.assign(Object.assign({}, this.field.numberLocaleOptions), { decimalSeparator: this.localeService.getDecimalSeparator() });
-                }
-                if (!((_b = this.field.numberLocaleOptions) === null || _b === void 0 ? void 0 : _b.thousandsSeparator)) {
-                    this.field.numberLocaleOptions = Object.assign(Object.assign({}, this.field.numberLocaleOptions), { thousandsSeparator: this.localeService.getGroupingSeparator() });
-                }
-                if (!((_c = this.field.numberLocaleOptions) === null || _c === void 0 ? void 0 : _c.currencySymbol)) {
-                    this.field.numberLocaleOptions = Object.assign(Object.assign({}, this.field.numberLocaleOptions), { currencySymbol: "R$" });
-                }
-            },
-            error: () => {
-                var _a;
-                return (this.field.numberLocaleOptions = (_a = this.field.numberLocaleOptions) !== null && _a !== void 0 ? _a : {
-                    thousandsSeparator: ".",
-                    decimalSeparator: ",",
-                    currencySymbol: "R$",
-                });
-            },
-        });
-    }
-};
-NumberFieldComponent.ctorParameters = () => [
-    { type: LocaleService }
-];
-__decorate([
-    Input()
-], NumberFieldComponent.prototype, "field", void 0);
-__decorate([
-    Input()
-], NumberFieldComponent.prototype, "formControl", void 0);
-__decorate([
-    Output()
-], NumberFieldComponent.prototype, "onInput", void 0);
-__decorate([
-    Output()
-], NumberFieldComponent.prototype, "onFocus", void 0);
-__decorate([
-    Output()
-], NumberFieldComponent.prototype, "onComplete", void 0);
-NumberFieldComponent = __decorate([
-    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: 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);
-
 let PasswordFieldComponent = class PasswordFieldComponent {
     constructor() {
         this.onInput = new EventEmitter();
@@ -9234,6 +9004,265 @@ TextAreaIAFieldComponent = __decorate([
     })
 ], TextAreaIAFieldComponent);
 
+let RowComponent = class RowComponent {
+    constructor() { }
+    ngOnInit() { }
+    getErrorMessages(errorMessages) {
+        if (errorMessages)
+            return this.isFunction(errorMessages) ? errorMessages() : errorMessages;
+        return this.errorMessages;
+    }
+    isFunction(value) {
+        return value instanceof Function;
+    }
+};
+__decorate([
+    Input()
+], RowComponent.prototype, "id", void 0);
+__decorate([
+    Input()
+], RowComponent.prototype, "config", void 0);
+__decorate([
+    Input()
+], RowComponent.prototype, "group", void 0);
+__decorate([
+    Input()
+], RowComponent.prototype, "errorMessages", void 0);
+RowComponent = __decorate([
+    Component({
+        template: `
+        <div class="ui-fluid" [formGroup]="group">
+        <div class="ui-g">
+            <ng-container *ngFor="let field of config.fields">
+                <div [ngClass]="field.gridClass" *ngIf="field.visible()">
+                    <label
+                        [for]="field.name"
+                        [ngClass]="{ 'required': field.required() }"
+                        *sInfoSign="field.infoSign"
+                        >
+                            {{ field.label }}
+                    </label>
+
+                    <ng-container *sDynamicForm="{ id: id, config: field, group: group}"></ng-container>
+
+                    <s-control-errors [form]="group" [control]="group.controls[field.name]"
+                        [errorMessages]="getErrorMessages(field.errorMessages)"></s-control-errors>
+
+                    <ng-container *ngIf="field.footer">
+                        <ng-container *ngIf="field.footer.help">
+                            <span *ngIf="field.footer.help.visible({ abstractControl: group.controls[field.name], formField: field })" style="color: #888B99">{{ field.footer.help.text }}</span>
+                        </ng-container>
+
+                        <ng-container *ngIf="field.footer.link">
+                            <div
+                                *ngIf="field.footer.link.visible({ abstractControl: group.controls[field.name], formField: field })"
+                                class="ui-g"
+                                style="margin-left: -17px"
+                            >
+                                <s-button
+                                    [label]="field.footer.link.label"
+                                    priority="link"
+                                    (onClick)="field.footer.link.onClick({ abstractControl: group.controls[field.name], formField: field })"
+                                    [auxiliary]="true"
+                                ></s-button>
+                            </div>
+                        </ng-container>
+                    </ng-container>
+
+                    <ng-template *ngIf="field?.bottomTemplate" [ngTemplateOutlet]="field.bottomTemplate"></ng-template>
+                </div>
+            </ng-container>
+        </div>
+    `
+    })
+], RowComponent);
+
+let DynamicFieldComponent = class DynamicFieldComponent {
+    getErrorMessages(errorMessages) {
+        if (errorMessages)
+            return this.isFunction(errorMessages)
+                ? Object.assign(Object.assign({}, this.errorMessages), errorMessages()) : Object.assign(Object.assign({}, this.errorMessages), errorMessages);
+        return this.errorMessages;
+    }
+    isFunction(value) {
+        return value instanceof Function;
+    }
+};
+__decorate([
+    Input()
+], DynamicFieldComponent.prototype, "id", void 0);
+__decorate([
+    Input()
+], DynamicFieldComponent.prototype, "fields", void 0);
+__decorate([
+    Input()
+], DynamicFieldComponent.prototype, "form", void 0);
+__decorate([
+    Input()
+], DynamicFieldComponent.prototype, "errorMessages", void 0);
+__decorate([
+    Input()
+], DynamicFieldComponent.prototype, "displayTimeInfoSign", void 0);
+DynamicFieldComponent = __decorate([
+    Component({
+        selector: "s-dynamic-field",
+        template: "<div class=\"ui-fluid\" [formGroup]=\"form\">\n    <div class=\"ui-g\">\n        <ng-container *ngFor=\"let field of fields\">\n            <div\n                *ngIf=\"!field.visible || field.visible()\"\n                [ngClass]=\"field.gridClass\"\n            >\n                <span *ngIf=\"field.label\">\n                    <label\n                        *sInfoSign=\"\n                            field.infoSign;\n                            displayTime: displayTimeInfoSign\n                        \"\n                        [for]=\"field.name\"\n                        [ngClass]=\"{ required: field.required() }\"\n                    >\n                        {{ field.label }}\n                    </label>\n                </span>\n\n                <ng-container\n                    *sDynamicForm=\"{\n                        id: id,\n                        config: field,\n                        group: form\n                    }\"\n                ></ng-container>\n\n                <s-control-errors\n                    [form]=\"form\"\n                    [control]=\"form.controls[field.name]\"\n                    [errorMessages]=\"getErrorMessages(field.errorMessages)\"\n                ></s-control-errors>\n\n                <ng-container *ngIf=\"field.footer\">\n                    <ng-container *ngIf=\"field.footer.help\">\n                        <span\n                            *ngIf=\"\n                                field.footer.help.visible({\n                                    abstractControl: form.controls[field.name],\n                                    formField: field\n                                })\n                            \"\n                            style=\"color: #888b99\"\n                        >\n                            {{ field.footer.help.text }}\n                        </span>\n                    </ng-container>\n\n                    <ng-container *ngIf=\"field.footer.link\">\n                        <div\n                            *ngIf=\"\n                                field.footer.link.visible({\n                                    abstractControl: form.controls[field.name],\n                                    formField: field\n                                })\n                            \"\n                            class=\"ui-g\"\n                            style=\"margin-left: -10px\"\n                        >\n                            <s-button\n                                [label]=\"field.footer.link.label\"\n                                priority=\"link\"\n                                (onClick)=\"\n                                    field.footer.link.onClick({\n                                        abstractControl:\n                                            form.controls[field.name],\n                                        formField: field\n                                    })\n                                \"\n                                [auxiliary]=\"true\"\n                            ></s-button>\n                        </div>\n                    </ng-container>\n                </ng-container>\n\n                <ng-template\n                    *ngIf=\"field?.bottomTemplate\"\n                    [ngTemplateOutlet]=\"field.bottomTemplate\"\n                ></ng-template>\n            </div>\n        </ng-container>\n    </div>\n</div>\n"
+    })
+], DynamicFieldComponent);
+
+var GridType;
+(function (GridType) {
+    GridType["Row"] = "Row";
+})(GridType || (GridType = {}));
+
+var StructureType;
+(function (StructureType) {
+    StructureType["Fieldset"] = "Fieldset";
+    StructureType["Section"] = "Section";
+})(StructureType || (StructureType = {}));
+
+let BignumberFieldComponent = class BignumberFieldComponent extends BaseFieldComponent {
+    constructor(localeService) {
+        super();
+        this.localeService = localeService;
+        this.onInput = new EventEmitter();
+        this.onFocus = new EventEmitter();
+        this.onComplete = new EventEmitter();
+        this.ngUnsubscribe = new Subject();
+    }
+    ngOnInit() {
+        this.onLocaleService();
+        this.onFocus.pipe(takeUntil(this.ngUnsubscribe)).subscribe((event) => {
+            if (this.field.onFocus) {
+                this.field.onFocus(event);
+            }
+        });
+        this.onInput.pipe(takeUntil(this.ngUnsubscribe)).subscribe((event) => {
+            if (this.field.onInput) {
+                this.field.onInput(event);
+            }
+        });
+        this.onComplete.pipe(takeUntil(this.ngUnsubscribe)).subscribe((event) => {
+            if (this.field.onComplete) {
+                this.field.onComplete(event);
+            }
+        });
+    }
+    ngOnDestroy() {
+        this.ngUnsubscribe.next();
+        this.ngUnsubscribe.complete();
+    }
+    get fieldType() {
+        return FieldType;
+    }
+    onLocaleService() {
+        this.localeService
+            .getLocale()
+            .pipe(first())
+            .subscribe({
+            next: () => {
+                var _a, _b, _c;
+                if (!((_a = this.field.numberLocaleOptions) === null || _a === void 0 ? void 0 : _a.decimalSeparator)) {
+                    this.field.numberLocaleOptions = Object.assign(Object.assign({}, this.field.numberLocaleOptions), { decimalSeparator: this.localeService.getDecimalSeparator() });
+                }
+                if (!((_b = this.field.numberLocaleOptions) === null || _b === void 0 ? void 0 : _b.thousandsSeparator)) {
+                    this.field.numberLocaleOptions = Object.assign(Object.assign({}, this.field.numberLocaleOptions), { thousandsSeparator: this.localeService.getGroupingSeparator() });
+                }
+                if (!((_c = this.field.numberLocaleOptions) === null || _c === void 0 ? void 0 : _c.currencySymbol)) {
+                    this.field.numberLocaleOptions = Object.assign(Object.assign({}, this.field.numberLocaleOptions), { currencySymbol: this.field.type === FieldType.Integer || this.field.type === FieldType.Double ? "" : "R$" });
+                }
+            },
+            error: () => {
+                var _a;
+                return (this.field.numberLocaleOptions = (_a = this.field.numberLocaleOptions) !== null && _a !== void 0 ? _a : {
+                    thousandsSeparator: ".",
+                    decimalSeparator: ",",
+                    currencySymbol: this.field.type === FieldType.Integer || this.field.type === FieldType.Double ? "" : "R$",
+                });
+            },
+        });
+    }
+};
+BignumberFieldComponent.ctorParameters = () => [
+    { type: LocaleService }
+];
+__decorate([
+    Input()
+], BignumberFieldComponent.prototype, "field", void 0);
+__decorate([
+    Input()
+], BignumberFieldComponent.prototype, "formControl", void 0);
+__decorate([
+    Output()
+], BignumberFieldComponent.prototype, "onInput", void 0);
+__decorate([
+    Output()
+], BignumberFieldComponent.prototype, "onFocus", void 0);
+__decorate([
+    Output()
+], BignumberFieldComponent.prototype, "onComplete", void 0);
+BignumberFieldComponent = __decorate([
+    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: 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);
+
+/**
+ * @deprecated Should use bignumber instead
+ */
+let CurrencyFieldComponent = class CurrencyFieldComponent extends BaseFieldComponent {
+    constructor(localeService) {
+        super();
+        this.localeService = localeService;
+    }
+    ngOnInit() {
+        this.onLocaleService();
+    }
+    onLocaleService() {
+        this.localeService
+            .getLocale()
+            .pipe(first())
+            .subscribe({
+            next: () => {
+                var _a, _b, _c;
+                if (!((_a = this.field.numberLocaleOptions) === null || _a === void 0 ? void 0 : _a.decimalSeparator)) {
+                    this.field.numberLocaleOptions = Object.assign(Object.assign({}, this.field.numberLocaleOptions), { decimalSeparator: this.localeService.getDecimalSeparator() });
+                }
+                if (!((_b = this.field.numberLocaleOptions) === null || _b === void 0 ? void 0 : _b.thousandsSeparator)) {
+                    this.field.numberLocaleOptions = Object.assign(Object.assign({}, this.field.numberLocaleOptions), { thousandsSeparator: this.localeService.getGroupingSeparator() });
+                }
+                if (!((_c = this.field.numberLocaleOptions) === null || _c === void 0 ? void 0 : _c.currencySymbol)) {
+                    this.field.numberLocaleOptions = Object.assign(Object.assign({}, this.field.numberLocaleOptions), { currencySymbol: "R$" });
+                }
+            },
+            error: () => {
+                var _a;
+                return (this.field.numberLocaleOptions = (_a = this.field.numberLocaleOptions) !== null && _a !== void 0 ? _a : {
+                    thousandsSeparator: ".",
+                    decimalSeparator: ",",
+                    currencySymbol: "R$",
+                });
+            },
+        });
+    }
+};
+CurrencyFieldComponent.ctorParameters = () => [
+    { type: LocaleService }
+];
+__decorate([
+    Input()
+], CurrencyFieldComponent.prototype, "field", void 0);
+__decorate([
+    Input()
+], CurrencyFieldComponent.prototype, "formControl", void 0);
+CurrencyFieldComponent = __decorate([
+    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);
+
 let TextFieldComponent = class TextFieldComponent extends BaseFieldComponent {
     constructor() {
         super(...arguments);
@@ -9278,129 +9307,12 @@ __decorate([
 ], TextFieldComponent.prototype, "onComplete", void 0);
 TextFieldComponent = __decorate([
     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",
+        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: 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}"]
+        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);
 
-let RowComponent = class RowComponent {
-    constructor() { }
-    ngOnInit() { }
-    getErrorMessages(errorMessages) {
-        if (errorMessages)
-            return this.isFunction(errorMessages) ? errorMessages() : errorMessages;
-        return this.errorMessages;
-    }
-    isFunction(value) {
-        return value instanceof Function;
-    }
-};
-__decorate([
-    Input()
-], RowComponent.prototype, "id", void 0);
-__decorate([
-    Input()
-], RowComponent.prototype, "config", void 0);
-__decorate([
-    Input()
-], RowComponent.prototype, "group", void 0);
-__decorate([
-    Input()
-], RowComponent.prototype, "errorMessages", void 0);
-RowComponent = __decorate([
-    Component({
-        template: `
-        <div class="ui-fluid" [formGroup]="group">
-        <div class="ui-g">
-            <ng-container *ngFor="let field of config.fields">
-                <div [ngClass]="field.gridClass" *ngIf="field.visible()">
-                    <label
-                        [for]="field.name"
-                        [ngClass]="{ 'required': field.required() }"
-                        *sInfoSign="field.infoSign"
-                        >
-                            {{ field.label }}
-                    </label>
-
-                    <ng-container *sDynamicForm="{ id: id, config: field, group: group}"></ng-container>
-
-                    <s-control-errors [form]="group" [control]="group.controls[field.name]"
-                        [errorMessages]="getErrorMessages(field.errorMessages)"></s-control-errors>
-
-                    <ng-container *ngIf="field.footer">
-                        <ng-container *ngIf="field.footer.help">
-                            <span *ngIf="field.footer.help.visible({ abstractControl: group.controls[field.name], formField: field })" style="color: #888B99">{{ field.footer.help.text }}</span>
-                        </ng-container>
-
-                        <ng-container *ngIf="field.footer.link">
-                            <div
-                                *ngIf="field.footer.link.visible({ abstractControl: group.controls[field.name], formField: field })"
-                                class="ui-g"
-                                style="margin-left: -17px"
-                            >
-                                <s-button
-                                    [label]="field.footer.link.label"
-                                    priority="link"
-                                    (onClick)="field.footer.link.onClick({ abstractControl: group.controls[field.name], formField: field })"
-                                    [auxiliary]="true"
-                                ></s-button>
-                            </div>
-                        </ng-container>
-                    </ng-container>
-
-                    <ng-template *ngIf="field?.bottomTemplate" [ngTemplateOutlet]="field.bottomTemplate"></ng-template>
-                </div>
-            </ng-container>
-        </div>
-    `
-    })
-], RowComponent);
-
-let DynamicFieldComponent = class DynamicFieldComponent {
-    getErrorMessages(errorMessages) {
-        if (errorMessages)
-            return this.isFunction(errorMessages)
-                ? Object.assign(Object.assign({}, this.errorMessages), errorMessages()) : Object.assign(Object.assign({}, this.errorMessages), errorMessages);
-        return this.errorMessages;
-    }
-    isFunction(value) {
-        return value instanceof Function;
-    }
-};
-__decorate([
-    Input()
-], DynamicFieldComponent.prototype, "id", void 0);
-__decorate([
-    Input()
-], DynamicFieldComponent.prototype, "fields", void 0);
-__decorate([
-    Input()
-], DynamicFieldComponent.prototype, "form", void 0);
-__decorate([
-    Input()
-], DynamicFieldComponent.prototype, "errorMessages", void 0);
-__decorate([
-    Input()
-], DynamicFieldComponent.prototype, "displayTimeInfoSign", void 0);
-DynamicFieldComponent = __decorate([
-    Component({
-        selector: "s-dynamic-field",
-        template: "<div class=\"ui-fluid\" [formGroup]=\"form\">\n    <div class=\"ui-g\">\n        <ng-container *ngFor=\"let field of fields\">\n            <div\n                *ngIf=\"!field.visible || field.visible()\"\n                [ngClass]=\"field.gridClass\"\n            >\n                <span *ngIf=\"field.label\">\n                    <label\n                        *sInfoSign=\"\n                            field.infoSign;\n                            displayTime: displayTimeInfoSign\n                        \"\n                        [for]=\"field.name\"\n                        [ngClass]=\"{ required: field.required() }\"\n                    >\n                        {{ field.label }}\n                    </label>\n                </span>\n\n                <ng-container\n                    *sDynamicForm=\"{\n                        id: id,\n                        config: field,\n                        group: form\n                    }\"\n                ></ng-container>\n\n                <s-control-errors\n                    [form]=\"form\"\n                    [control]=\"form.controls[field.name]\"\n                    [errorMessages]=\"getErrorMessages(field.errorMessages)\"\n                ></s-control-errors>\n\n                <ng-container *ngIf=\"field.footer\">\n                    <ng-container *ngIf=\"field.footer.help\">\n                        <span\n                            *ngIf=\"\n                                field.footer.help.visible({\n                                    abstractControl: form.controls[field.name],\n                                    formField: field\n                                })\n                            \"\n                            style=\"color: #888b99\"\n                        >\n                            {{ field.footer.help.text }}\n                        </span>\n                    </ng-container>\n\n                    <ng-container *ngIf=\"field.footer.link\">\n                        <div\n                            *ngIf=\"\n                                field.footer.link.visible({\n                                    abstractControl: form.controls[field.name],\n                                    formField: field\n                                })\n                            \"\n                            class=\"ui-g\"\n                            style=\"margin-left: -10px\"\n                        >\n                            <s-button\n                                [label]=\"field.footer.link.label\"\n                                priority=\"link\"\n                                (onClick)=\"\n                                    field.footer.link.onClick({\n                                        abstractControl:\n                                            form.controls[field.name],\n                                        formField: field\n                                    })\n                                \"\n                                [auxiliary]=\"true\"\n                            ></s-button>\n                        </div>\n                    </ng-container>\n                </ng-container>\n\n                <ng-template\n                    *ngIf=\"field?.bottomTemplate\"\n                    [ngTemplateOutlet]=\"field.bottomTemplate\"\n                ></ng-template>\n            </div>\n        </ng-container>\n    </div>\n</div>\n"
-    })
-], DynamicFieldComponent);
-
-var GridType;
-(function (GridType) {
-    GridType["Row"] = "Row";
-})(GridType || (GridType = {}));
-
-var StructureType;
-(function (StructureType) {
-    StructureType["Fieldset"] = "Fieldset";
-    StructureType["Section"] = "Section";
-})(StructureType || (StructureType = {}));
-
 class DynamicForm {
     constructor({ group, errorMessages }) {
         this.group = group;
@@ -9615,6 +9527,162 @@ DynamicFormDirective = __decorate([
     Directive({ selector: "[sDynamicForm]" })
 ], DynamicFormDirective);
 
+let TextFieldModule = class TextFieldModule {
+};
+TextFieldModule = __decorate([
+    NgModule({
+        imports: [
+            CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            ButtonModule,
+            TooltipModule,
+            InputMaskModule,
+            InputTextModule,
+            KeyFilterModule,
+        ],
+        declarations: [TextFieldComponent],
+        exports: [TextFieldComponent],
+    })
+], TextFieldModule);
+
+let NumberFieldComponent = class NumberFieldComponent extends BaseFieldComponent {
+    constructor(localeService) {
+        super();
+        this.localeService = localeService;
+        this.onInput = new EventEmitter();
+        this.onFocus = new EventEmitter();
+        this.onComplete = new EventEmitter();
+        this.ngUnsubscribe = new Subject();
+    }
+    ngOnInit() {
+        this.onLocaleService();
+        this.onFocus.pipe(takeUntil(this.ngUnsubscribe)).subscribe((event) => {
+            if (this.field.onFocus)
+                this.field.onFocus(event);
+        });
+        this.onInput.pipe(takeUntil(this.ngUnsubscribe)).subscribe((event) => {
+            if (this.field.onInput)
+                this.field.onInput(event);
+        });
+        this.onComplete.pipe(takeUntil(this.ngUnsubscribe)).subscribe((event) => {
+            if (this.field.onComplete)
+                this.field.onComplete(event);
+        });
+    }
+    ngOnDestroy() {
+        this.ngUnsubscribe.next();
+        this.ngUnsubscribe.complete();
+    }
+    get numberAlignmentOption() {
+        return NumberAlignmentOption;
+    }
+    get fieldType() {
+        return FieldType;
+    }
+    onLocaleService() {
+        this.localeService
+            .getLocale()
+            .pipe(first())
+            .subscribe({
+            next: () => {
+                var _a, _b, _c;
+                if (!((_a = this.field.numberLocaleOptions) === null || _a === void 0 ? void 0 : _a.decimalSeparator)) {
+                    this.field.numberLocaleOptions = Object.assign(Object.assign({}, this.field.numberLocaleOptions), { decimalSeparator: this.localeService.getDecimalSeparator() });
+                }
+                if (!((_b = this.field.numberLocaleOptions) === null || _b === void 0 ? void 0 : _b.thousandsSeparator)) {
+                    this.field.numberLocaleOptions = Object.assign(Object.assign({}, this.field.numberLocaleOptions), { thousandsSeparator: this.localeService.getGroupingSeparator() });
+                }
+                if (!((_c = this.field.numberLocaleOptions) === null || _c === void 0 ? void 0 : _c.currencySymbol)) {
+                    this.field.numberLocaleOptions = Object.assign(Object.assign({}, this.field.numberLocaleOptions), { currencySymbol: "R$" });
+                }
+            },
+            error: () => {
+                var _a;
+                return (this.field.numberLocaleOptions = (_a = this.field.numberLocaleOptions) !== null && _a !== void 0 ? _a : {
+                    thousandsSeparator: ".",
+                    decimalSeparator: ",",
+                    currencySymbol: "R$",
+                });
+            },
+        });
+    }
+};
+NumberFieldComponent.ctorParameters = () => [
+    { type: LocaleService }
+];
+__decorate([
+    Input()
+], NumberFieldComponent.prototype, "field", void 0);
+__decorate([
+    Input()
+], NumberFieldComponent.prototype, "formControl", void 0);
+__decorate([
+    Output()
+], NumberFieldComponent.prototype, "onInput", void 0);
+__decorate([
+    Output()
+], NumberFieldComponent.prototype, "onFocus", void 0);
+__decorate([
+    Output()
+], NumberFieldComponent.prototype, "onComplete", void 0);
+NumberFieldComponent = __decorate([
+    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: 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);
+
+let NumberFieldModule = class NumberFieldModule {
+};
+NumberFieldModule = __decorate([
+    NgModule({
+        imports: [
+            CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            LocalizedNumberInputModule,
+            NumberInputModule,
+            ButtonModule,
+            TooltipModule,
+            InputMaskModule,
+            InputTextModule,
+        ],
+        declarations: [NumberFieldComponent],
+        exports: [NumberFieldComponent],
+    })
+], NumberFieldModule);
+
+let CurrencyFieldModule = class CurrencyFieldModule {
+};
+CurrencyFieldModule = __decorate([
+    NgModule({
+        imports: [CommonModule, FormsModule, ReactiveFormsModule, NumberInputModule, TooltipModule, InputMaskModule, InputTextModule],
+        declarations: [CurrencyFieldComponent],
+        exports: [CurrencyFieldComponent],
+    })
+], CurrencyFieldModule);
+
+let NumberFieldModule$1 = class NumberFieldModule {
+};
+NumberFieldModule$1 = __decorate([
+    NgModule({
+        imports: [
+            CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            ButtonModule,
+            BignumberInputModule,
+            TooltipModule,
+            InputMaskModule,
+            InputTextModule,
+        ],
+        declarations: [BignumberFieldComponent],
+        exports: [BignumberFieldComponent],
+    })
+], NumberFieldModule$1);
+
 let DynamicFormModule = class DynamicFormModule {
 };
 DynamicFormModule = __decorate([
@@ -9662,16 +9730,18 @@ DynamicFormModule = __decorate([
             PasswordStrengthModule,
             SliderModule,
             TranslateModule.forChild(),
+            TextFieldModule,
+            NumberFieldModule,
+            CurrencyFieldModule,
+            NumberFieldModule$1,
         ],
         declarations: [
             AutocompleteFieldComponent,
-            BignumberFieldComponent,
             BooleanFieldComponent,
             BooleanSwitchFieldComponent,
             CalendarFieldComponent,
             ChipsFieldComponent,
             CountryPhonePickerFieldComponent,
-            CurrencyFieldComponent,
             DynamicFieldComponent,
             DynamicFormComponent,
             DynamicFormDirective,
@@ -9679,7 +9749,6 @@ DynamicFormModule = __decorate([
             FileUploadComponent$1,
             LookupComponent,
             LookupFieldComponent,
-            NumberFieldComponent,
             PasswordFieldComponent,
             RadioButtonComponent,
             RowComponent,
@@ -9688,22 +9757,18 @@ DynamicFormModule = __decorate([
             SliderFieldComponent,
             TextAreaFieldComponent,
             TextAreaIAFieldComponent,
-            TextFieldComponent,
         ],
         exports: [DynamicFormComponent, LookupComponent],
         entryComponents: [
             AutocompleteFieldComponent,
-            BignumberFieldComponent,
             BooleanFieldComponent,
             BooleanSwitchFieldComponent,
             CalendarFieldComponent,
             ChipsFieldComponent,
             CountryPhonePickerFieldComponent,
-            CurrencyFieldComponent,
             FieldsetComponent,
             FileUploadComponent$1,
             LookupFieldComponent,
-            NumberFieldComponent,
             PasswordFieldComponent,
             RadioButtonComponent,
             RowComponent,
@@ -9712,7 +9777,6 @@ DynamicFormModule = __decorate([
             SliderFieldComponent,
             TextAreaFieldComponent,
             TextAreaIAFieldComponent,
-            TextFieldComponent,
         ],
         providers: [
             HotkeysService,
@@ -14197,9 +14261,13 @@ let SelectButtonComponent = SelectButtonComponent_1 = class SelectButtonComponen
     writeValue(value) {
         if (!value)
             return;
-        value.forEach((item) => {
-            this.activeItems.add(item);
-        });
+        this.activeItems.clear();
+        if (Array.isArray(value)) {
+            value.forEach((item) => this.activeItems.add(item));
+        }
+        else {
+            this.activeItems.add(value);
+        }
     }
     registerOnChange(onChange) {
         this.onChange = onChange;
@@ -16427,5 +16495,5 @@ const fallback = {
  * Generated bundle index. Do not edit.
  */
 
-export { AccordionComponent, AccordionModule, AccordionPanelComponent, AngularComponentsModule, AutocompleteField, BadgeColors, BadgeComponent, BadgeModule, BaseFieldComponent, BignumberField, BignumberInputDirective, BignumberInputModule, BooleanField, BooleanOptionsLabel, BreadcrumbComponent, BreadcrumbModule, Breakpoints, ButtonComponent, ButtonModule, ButtonPriority, ButtonSize, CalendarField, CalendarLocaleOptions, CalendarMaskDirective, CalendarMaskModule, CardComponent, CardModule, CardTemplateTypes, ChipsField, CodeEditorModule, CollapseLinkComponent, CollapseLinkModule, ControlErrorsComponent, ControlErrorsModule, CountryPhonePickerComponent, CountryPhonePickerModule, CurrencyField, CustomFieldsComponent, CustomFieldsModule, CustomFieldsService, DEFAULT_CALENDAR_LOCALE_OPTIONS, DEFAULT_LOCALE_OPTIONS, DEFAULT_NUMBER_LOCALE_OPTIONS, DebounceUtils, DoubleClickDirective, DynamicConfig, DynamicFormComponent, DynamicFormModule, DynamicType, EditableOverlayDirective, EditableOverlayModule, EmptyStateComponent, EmptyStateModule, EnumBadgeColors, EnumColumnFieldType, EnumSeverity, ExportUtils, Field, FieldType, Fieldset, FileUploadComponent, FileUploadModule, FileValidation, FormField, GanttComponent, GanttModule, GlobalSearchComponent, GlobalSearchDropdownItemComponent, GlobalSearchModule, GlobalSearchSizeEnum, HostProjectConfigsInjectionToken, IAInsightComponent, IAInsightModule, IAInsightTemplateTypes, ImageCropperComponent, ImageCropperModule, ImageCropperService, InfoSignDirective, InfoSignModule, KanbanComponent, KanbanModule, KanbanTemplateTypes, Languages, LoadingStateComponent, LoadingStateDirective, LoadingStateModule, LocaleModule, LocaleOptions, LocaleService, LocalizedCurrencyPipe, LocalizedCurrencyPipeOptions, LocalizedDateImpurePipe, LocalizedDatePipe, LocalizedNumberInputDirective, LocalizedNumberInputModule, LocalizedNumberPipe, LocalizedTimeImpurePipe, LocalizedTimePipe, LongPressDirective, LookupComponent, LookupField, MaskFormatterModule, MaskFormatterPipe, MouseEventsModule, NavigationDirective, NumberAlignmentOption, NumberField, NumberInputDirective, NumberInputModule, NumberLocaleOptions, ObjectCardComponent, ObjectCardFieldComponent, ObjectCardMainComponent, ObjectCardModule, Option, Ordination, PanelComponent, PanelModule, PasswordField, PasswordStrengthComponent, PasswordStrengthDirective, PasswordStrengthModule, PasswordStrengthPositions, PasswordStrengths, ProductHeaderComponent, ProductHeaderModule, ProfilePicturePickerComponent, ProfilePicturePickerModule, ProgressBarColors, ProgressBarComponent, ProgressBarModule, RadioButtonField, RatingScaleComponent, RatingScaleModule, RationButtonOption, RowTogllerDirective, SVGFactoryDirective, SVGFactoryModule, Section, SelectButtonComponent, SelectButtonModule, SelectField, SelectOption, SidebarComponent, SidebarModule, SlidePanelComponent, SlidePanelModule, SplitButtonComponent, SplitButtonModule, SplitButtonType, StatsCardComponent, StatsCardModule, StepState, StepsComponent, StepsModule, Structure, SwitchComponent, SwitchModule, TableFrozenPositionDirective, TableHeaderCheckboxComponent, TableHeaderCheckboxModule, TableModule, TaxCalculationLanguageConfigs, TextAreaField, TextField, Themes, ThumbnailComponent, ThumbnailModule, ThumbnailSize, TieredMenuDirective, TieredMenuModule, TileComponent, TileModule, TimelineComponent, TimelineItem, TimelineItemSeverity, TimelineItemSize, TimelineModule, TokenListComponent, TokenListModule, TooltipModule, TooltipPosition, ValidateErrors, ViewMode, WorkspaceSwitchComponent, WorkspaceSwitchModule, countries, fallback, TooltipComponent as ɵa, TooltipDirective as ɵb, BignumberFieldComponent as ɵba, BooleanFieldComponent as ɵbb, BooleanSwitchFieldComponent as ɵbc, CalendarFieldComponent as ɵbd, ChipsFieldComponent as ɵbe, CountryPhonePickerFieldComponent as ɵbf, CurrencyFieldComponent as ɵbg, DynamicFieldComponent as ɵbh, DynamicFormDirective as ɵbi, FieldsetComponent as ɵbj, FileUploadComponent$1 as ɵbk, LookupFieldComponent as ɵbl, NumberFieldComponent as ɵbm, PasswordFieldComponent as ɵbn, RadioButtonComponent as ɵbo, RowComponent as ɵbp, SectionComponent as ɵbq, SelectFieldComponent as ɵbr, SliderFieldComponent as ɵbs, TextAreaFieldComponent as ɵbt, TextAreaIAFieldComponent as ɵbu, IAssistService as ɵbv, TextFieldComponent as ɵbw, DecimalField as ɵby, SideTableComponent as ɵbz, TemplateDirective as ɵc, ThumbnailService as ɵca, InfiniteScrollModule as ɵcb, InfiniteScrollDirective as ɵcc, IAInsightSidebarComponent as ɵcd, IAInsightCardComponent as ɵce, IAInsightCardLoaderComponent as ɵcf, StructureModule as ɵcg, HeaderComponent as ɵch, FooterComponent as ɵci, KanbanEventService as ɵcj, KanbanItemComponent as ɵck, KanbanColumnComponent as ɵcl, KanbanItemDraggingComponent as ɵcm, NumberLocaleOptions as ɵcn, BorderButtonModule as ɵco, BorderButtonComponent as ɵcp, SelectButtonItemComponent as ɵcq, SlidePanelService as ɵcr, TieredMenuEventService as ɵcs, TieredMenuService as ɵct, TieredMenuComponent as ɵcu, TieredMenuNestedComponent as ɵcv, TieredMenuItemComponent as ɵcw, TieredMenuDividerComponent as ɵcx, TimelineItemModule as ɵcy, TimelineIconItemComponent as ɵcz, TemplateModule as ɵd, HorizontalTimelineModule as ɵda, HorizontalTimelineComponent as ɵdb, VerticalTimelineModule as ɵdc, VerticalTimelineComponent as ɵdd, RangeLineComponent as ɵde, CollapseOptionComponent as ɵdf, CollapsedItemsComponent as ɵdg, VerticalItemsComponent as ɵdh, CustomTranslationsModule as ɵe, CodeEditorComponent as ɵf, CoreFacade as ɵg, CodeMirror6Core as ɵh, CountryPhonePickerService as ɵi, LocalizedCurrencyImpurePipe as ɵj, LocalizedBignumberPipe as ɵk, LocalizedBignumberImpurePipe as ɵl, EmptyStateGoBackComponent as ɵm, IAssistIconComponent as ɵn, SeniorIconComponent as ɵo, DotsIndicatorComponent as ɵp, LoadingIndicatorComponent as ɵq, ProgressBarDeterminateComponent as ɵr, ProgressBarIndeterminateComponent as ɵs, FileUploadService as ɵt, FileItemComponent as ɵu, LocaleService as ɵv, InfoSignComponent as ɵw, TableColumnsComponent as ɵx, TablePagingComponent as ɵy, AutocompleteFieldComponent as ɵz };
+export { AccordionComponent, AccordionModule, AccordionPanelComponent, AngularComponentsModule, AutocompleteField, BadgeColors, BadgeComponent, BadgeModule, BaseFieldComponent, BignumberField, BignumberInputDirective, BignumberInputModule, BooleanField, BooleanOptionsLabel, BreadcrumbComponent, BreadcrumbModule, Breakpoints, ButtonComponent, ButtonModule, ButtonPriority, ButtonSize, CalendarField, CalendarLocaleOptions, CalendarMaskDirective, CalendarMaskModule, CardComponent, CardModule, CardTemplateTypes, ChipsField, CodeEditorModule, CollapseLinkComponent, CollapseLinkModule, ControlErrorsComponent, ControlErrorsModule, CountryPhonePickerComponent, CountryPhonePickerModule, CurrencyField, CustomFieldsComponent, CustomFieldsModule, CustomFieldsService, DEFAULT_CALENDAR_LOCALE_OPTIONS, DEFAULT_LOCALE_OPTIONS, DEFAULT_NUMBER_LOCALE_OPTIONS, DebounceUtils, DoubleClickDirective, DynamicConfig, DynamicFormComponent, DynamicFormModule, DynamicType, EditableOverlayDirective, EditableOverlayModule, EmptyStateComponent, EmptyStateModule, EnumBadgeColors, EnumColumnFieldType, EnumSeverity, ExportUtils, Field, FieldType, Fieldset, FileUploadComponent, FileUploadModule, FileValidation, FormField, GanttComponent, GanttModule, GlobalSearchComponent, GlobalSearchDropdownItemComponent, GlobalSearchModule, GlobalSearchSizeEnum, HostProjectConfigsInjectionToken, IAInsightComponent, IAInsightModule, IAInsightTemplateTypes, ImageCropperComponent, ImageCropperModule, ImageCropperService, InfoSignDirective, InfoSignModule, KanbanComponent, KanbanModule, KanbanTemplateTypes, Languages, LoadingStateComponent, LoadingStateDirective, LoadingStateModule, LocaleModule, LocaleOptions, LocaleService, LocalizedCurrencyPipe, LocalizedCurrencyPipeOptions, LocalizedDateImpurePipe, LocalizedDatePipe, LocalizedNumberInputDirective, LocalizedNumberInputModule, LocalizedNumberPipe, LocalizedTimeImpurePipe, LocalizedTimePipe, LongPressDirective, LookupComponent, LookupField, MaskFormatterModule, MaskFormatterPipe, MouseEventsModule, NavigationDirective, NumberAlignmentOption, NumberField, NumberInputDirective, NumberInputModule, NumberLocaleOptions, ObjectCardComponent, ObjectCardFieldComponent, ObjectCardMainComponent, ObjectCardModule, Option, Ordination, PanelComponent, PanelModule, PasswordField, PasswordStrengthComponent, PasswordStrengthDirective, PasswordStrengthModule, PasswordStrengthPositions, PasswordStrengths, ProductHeaderComponent, ProductHeaderModule, ProfilePicturePickerComponent, ProfilePicturePickerModule, ProgressBarColors, ProgressBarComponent, ProgressBarModule, RadioButtonField, RatingScaleComponent, RatingScaleModule, RationButtonOption, RowTogllerDirective, SVGFactoryDirective, SVGFactoryModule, Section, SelectButtonComponent, SelectButtonModule, SelectField, SelectOption, SidebarComponent, SidebarModule, SlidePanelComponent, SlidePanelModule, SplitButtonComponent, SplitButtonModule, SplitButtonType, StatsCardComponent, StatsCardModule, StepState, StepsComponent, StepsModule, Structure, SwitchComponent, SwitchModule, TableFrozenPositionDirective, TableHeaderCheckboxComponent, TableHeaderCheckboxModule, TableModule, TaxCalculationLanguageConfigs, TextAreaField, TextField, Themes, ThumbnailComponent, ThumbnailModule, ThumbnailSize, TieredMenuDirective, TieredMenuModule, TileComponent, TileModule, TimelineComponent, TimelineItem, TimelineItemSeverity, TimelineItemSize, TimelineModule, TokenListComponent, TokenListModule, TooltipModule, TooltipPosition, ValidateErrors, ViewMode, WorkspaceSwitchComponent, WorkspaceSwitchModule, countries, fallback, TooltipComponent as ɵa, TooltipDirective as ɵb, TextFieldComponent as ɵba, NumberFieldModule as ɵbb, LocalizedNumberInputModule as ɵbc, NumberInputModule as ɵbd, NumberFieldComponent as ɵbe, CurrencyFieldModule as ɵbf, CurrencyFieldComponent as ɵbg, NumberFieldModule$1 as ɵbh, BignumberInputModule as ɵbi, BignumberFieldComponent as ɵbj, AutocompleteFieldComponent as ɵbk, BooleanFieldComponent as ɵbl, BooleanSwitchFieldComponent as ɵbm, CalendarFieldComponent as ɵbn, ChipsFieldComponent as ɵbo, CountryPhonePickerFieldComponent as ɵbp, DynamicFieldComponent as ɵbq, DynamicFormDirective as ɵbr, FieldsetComponent as ɵbs, FileUploadComponent$1 as ɵbt, LookupFieldComponent as ɵbu, PasswordFieldComponent as ɵbv, RadioButtonComponent as ɵbw, RowComponent as ɵbx, SectionComponent as ɵby, SelectFieldComponent as ɵbz, TemplateDirective as ɵc, SliderFieldComponent as ɵca, TextAreaFieldComponent as ɵcb, TextAreaIAFieldComponent as ɵcc, IAssistService as ɵcd, DecimalField as ɵcf, SideTableComponent as ɵcg, ThumbnailService as ɵch, InfiniteScrollModule as ɵci, InfiniteScrollDirective as ɵcj, IAInsightSidebarComponent as ɵck, IAInsightCardComponent as ɵcl, IAInsightCardLoaderComponent as ɵcm, StructureModule as ɵcn, HeaderComponent as ɵco, FooterComponent as ɵcp, KanbanEventService as ɵcq, KanbanItemComponent as ɵcr, KanbanColumnComponent as ɵcs, KanbanItemDraggingComponent as ɵct, NumberLocaleOptions as ɵcu, BorderButtonModule as ɵcv, BorderButtonComponent as ɵcw, SelectButtonItemComponent as ɵcx, SlidePanelService as ɵcy, TieredMenuEventService as ɵcz, TemplateModule as ɵd, TieredMenuService as ɵda, TieredMenuComponent as ɵdb, TieredMenuNestedComponent as ɵdc, TieredMenuItemComponent as ɵdd, TieredMenuDividerComponent as ɵde, TimelineItemModule as ɵdf, TimelineIconItemComponent as ɵdg, HorizontalTimelineModule as ɵdh, HorizontalTimelineComponent as ɵdi, VerticalTimelineModule as ɵdj, VerticalTimelineComponent as ɵdk, RangeLineComponent as ɵdl, CollapseOptionComponent as ɵdm, CollapsedItemsComponent as ɵdn, VerticalItemsComponent as ɵdo, CustomTranslationsModule as ɵe, CodeEditorComponent as ɵf, CoreFacade as ɵg, CodeMirror6Core as ɵh, CountryPhonePickerService as ɵi, LocalizedCurrencyImpurePipe as ɵj, LocalizedBignumberPipe as ɵk, LocalizedBignumberImpurePipe as ɵl, EmptyStateGoBackComponent as ɵm, IAssistIconComponent as ɵn, SeniorIconComponent as ɵo, DotsIndicatorComponent as ɵp, LoadingIndicatorComponent as ɵq, ProgressBarDeterminateComponent as ɵr, ProgressBarIndeterminateComponent as ɵs, FileUploadService as ɵt, FileItemComponent as ɵu, LocaleService as ɵv, InfoSignComponent as ɵw, TableColumnsComponent as ɵx, TablePagingComponent as ɵy, TextFieldModule as ɵz };
 //# sourceMappingURL=seniorsistemas-angular-components.js.map