@seniorsistemas/angular-components 17.13.1 → 17.14.0

package/fesm2015/seniorsistemas-angular-components.js

@@ -34,7 +34,7 @@ import { Dialog, DialogModule } from 'primeng/dialog';
 import { Table, RowToggler, TableService, TableModule as TableModule$1 } from 'primeng/table';
 import { CurrencyMaskDirective as CurrencyMaskDirective$1 } from 'ng2-currency-mask';
 import { ButtonModule as ButtonModule$1 } from 'primeng/button';
-import { CheckboxModule } from 'primeng/checkbox';
+import { CheckboxModule as CheckboxModule$1 } from 'primeng/checkbox';
 import { ChipsModule } from 'primeng/chips';
 import { DropdownModule } from 'primeng/dropdown';
 import { FieldsetModule } from 'primeng/fieldset';
@@ -2918,6 +2918,116 @@ CardModule = __decorate([
     })
 ], CardModule);
 
+var CheckboxComponent_1;
+let CheckboxComponent = CheckboxComponent_1 = class CheckboxComponent {
+    constructor() {
+        this.state = {
+            checked: false,
+            indeterminate: false,
+            children: {},
+        };
+        this._onChange = () => { };
+        this._onTouched = () => { };
+    }
+    writeValue(value) {
+        if (value) {
+            this.state = value;
+        }
+        else {
+            this.state = {
+                checked: false,
+                indeterminate: false,
+                disabled: false,
+                children: this._initializeChildren(this.data),
+            };
+        }
+    }
+    registerOnChange(onChange) {
+        this._onChange = onChange;
+    }
+    registerOnTouched(onTouched) {
+        this._onTouched = onTouched;
+    }
+    _initializeChildren(item) {
+        const childrenState = {};
+        if (item.children) {
+            item.children.forEach((child) => {
+                childrenState[child.label] = {
+                    checked: false,
+                    indeterminate: false,
+                    children: this._initializeChildren(child),
+                };
+            });
+        }
+        return childrenState;
+    }
+    updateParent() {
+        if (this.data.children && this.data.children.length > 0) {
+            const allChecked = this.data.children.every((child) => { var _a; return (_a = this.state.children[child.label]) === null || _a === void 0 ? void 0 : _a.checked; });
+            const someChecked = this.data.children.some((child) => { var _a, _b; return ((_a = this.state.children[child.label]) === null || _a === void 0 ? void 0 : _a.checked) || ((_b = this.state.children[child.label]) === null || _b === void 0 ? void 0 : _b.indeterminate); });
+            this.state.checked = allChecked;
+            this.state.indeterminate = !allChecked && someChecked;
+        }
+        this._onChange(this.state);
+        this._onTouched();
+    }
+    onCheckboxChange() {
+        if (this.state.disabled)
+            return;
+        this.state.checked = !this.state.checked;
+        this.state.indeterminate = false;
+        this._toggleChildrenCheck(this.data, this.state, this.state.checked);
+        this._onChange(this.state);
+        this._onTouched();
+    }
+    _toggleChildrenCheck(item, state, checked) {
+        var _a;
+        if ((_a = item.children) === null || _a === void 0 ? void 0 : _a.length) {
+            item.children.forEach((child) => {
+                if (!state.children[child.label]) {
+                    state.children[child.label] = {
+                        checked: false,
+                        indeterminate: false,
+                        children: this._initializeChildren(child),
+                    };
+                }
+                state.children[child.label].checked = checked;
+                state.children[child.label].indeterminate = false;
+                if (child.children) {
+                    this._toggleChildrenCheck(child, state.children[child.label], checked);
+                }
+            });
+        }
+    }
+};
+__decorate([
+    Input()
+], CheckboxComponent.prototype, "data", void 0);
+CheckboxComponent = CheckboxComponent_1 = __decorate([
+    Component({
+        selector: "s-checkbox",
+        template: "<div class=\"checkbox\">\n    <label>\n        <div\n            class=\"checkbox-wrapper\"\n            [ngClass]=\"{ 'checkbox-wrapper--disabled': state.disabled }\">\n            <input\n                type=\"checkbox\"\n                class=\"checkbox-input\"\n                [disabled]=\"state.disabled\"\n                [ngClass]=\"{\n                    'checkbox-input--checked': state.checked,\n                    'checkbox-input--indeterminate': state.indeterminate\n                }\"\n                (change)=\"onCheckboxChange()\"\n                [attr.aria-checked]=\"state.indeterminate ? 'mixed' : state.checked\"\n                [attr.aria-disabled]=\"state.disabled\"\n                role=\"checkbox\" />\n            {{ data.label }}\n        </div>\n    </label>\n    <div *ngIf=\"data.children && data.children.length\" class=\"checkbox-children\">\n        <s-checkbox\n            *ngFor=\"let child of data.children\"\n            [data]=\"child\"\n            [ngModel]=\"state.children[child.label]\"\n            (ngModelChange)=\"updateParent()\">\n        </s-checkbox>\n    </div>\n</div>\n",
+        providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => CheckboxComponent_1),
+                multi: true,
+            },
+        ],
+        styles: [".checkbox{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:10px;margin-bottom:10px}.checkbox .checkbox-wrapper{-ms-flex-align:center;align-items:center;color:#212533;display:-ms-flexbox;display:flex;font-family:\"Open Sans\" sans-serif;font-size:14px;gap:12px}.checkbox .checkbox-wrapper .checkbox-input{-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid #c1c1cc;border-radius:4px;cursor:pointer;-ms-flex-negative:0;flex-shrink:0;height:20px;width:20px;position:relative}.checkbox .checkbox-wrapper .checkbox-input--checked{background-color:#428bca;border-color:#428bca}.checkbox .checkbox-wrapper .checkbox-input--checked::after{border:solid #fff;border-width:0 2px 2px 0;content:\"\";height:12px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:6px}.checkbox .checkbox-wrapper .checkbox-input--indeterminate{background-color:#428bca;border-color:#428bca}.checkbox .checkbox-wrapper .checkbox-input--indeterminate::after{background-color:#fff;content:\"\";height:2px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.checkbox .checkbox-wrapper:not(.checkbox-wrapper--disabled) .checkbox-input:not(.checkbox-input--checked):hover{background-color:#e5eaea;border-color:#ccc}.checkbox .checkbox-wrapper--disabled{opacity:.5;cursor:auto}.checkbox .checkbox-children{margin-left:20px}"]
+    })
+], CheckboxComponent);
+
+let CheckboxModule = class CheckboxModule {
+};
+CheckboxModule = __decorate([
+    NgModule({
+        imports: [CommonModule, FormsModule],
+        declarations: [CheckboxComponent],
+        exports: [CheckboxComponent],
+    })
+], CheckboxModule);
+
 var Languages;
 (function (Languages) {
     Languages["TaxCalculation"] = "TaxCalculation";
@@ -4999,6 +5109,7 @@ var FieldType;
     FieldType["Binary"] = "Binary";
     FieldType["Blob"] = "Blob";
     FieldType["Boolean"] = "Boolean";
+    FieldType["Checkbox"] = "Checkbox";
     FieldType["Chips"] = "Chips";
     FieldType["CountryPhonePicker"] = "CountryPhonePicker";
     FieldType["Custom"] = "Custom";
@@ -5537,6 +5648,13 @@ class SliderField extends Field {
     }
 }
 
+class CheckboxField extends Field {
+    constructor(config) {
+        super(config);
+        this.data = config.data;
+    }
+}
+
 class CountryPhonePickerField extends Field {
     constructor(config) {
         super(config);
@@ -5612,6 +5730,8 @@ class FormField {
                 return new LookupField(config);
             case FieldType.Radio:
                 return new RadioButtonField(config);
+            case FieldType.Checkbox:
+                return new CheckboxField(config);
             case FieldType.Chips:
                 return new ChipsField(config);
             case FieldType.CountryPhonePicker:
@@ -10477,6 +10597,120 @@ TextFieldComponent = __decorate([
     })
 ], TextFieldComponent);
 
+let CheckboxFieldComponent = class CheckboxFieldComponent {
+};
+__decorate([
+    Input()
+], CheckboxFieldComponent.prototype, "field", void 0);
+__decorate([
+    Input()
+], CheckboxFieldComponent.prototype, "formControl", void 0);
+CheckboxFieldComponent = __decorate([
+    Component({
+        template: "<s-checkbox [data]=\"field.data\"></s-checkbox>"
+    })
+], CheckboxFieldComponent);
+
+let NumberFieldComponent = class NumberFieldComponent extends BaseFieldComponent {
+    constructor(localeService, elementRef, changeDetectorRef) {
+        super();
+        this.localeService = localeService;
+        this.elementRef = elementRef;
+        this.changeDetectorRef = changeDetectorRef;
+        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);
+        });
+    }
+    ngAfterViewInit() {
+        this.setInputRef();
+        this.changeDetectorRef.detectChanges();
+    }
+    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$",
+                });
+            },
+        });
+    }
+    setInputRef() {
+        const input = this.elementRef.nativeElement.querySelector("input");
+        this.inputRef = input;
+    }
+};
+NumberFieldComponent.ctorParameters = () => [
+    { type: LocaleService },
+    { type: ElementRef },
+    { type: ChangeDetectorRef }
+];
+__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: "<s-field-label *ngIf=\"inputRef\" [field]=\"field\"\n    [fieldContainerRef]=\"inputRef\"></s-field-label>\n\n<p-inputMask #inputRef\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 #inputRef\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 #inputRef\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 ProfilePictureFieldComponent = class ProfilePictureFieldComponent {
 };
 __decorate([
@@ -10570,6 +10804,8 @@ class DynamicField extends DynamicForm {
                 return TextFieldComponent;
             case FieldType.Boolean:
                 return this.field.representedBy === "switch" ? BooleanSwitchFieldComponent : BooleanFieldComponent;
+            case FieldType.Checkbox:
+                return CheckboxFieldComponent;
             case FieldType.Chips:
                 return ChipsFieldComponent;
             case FieldType.CountryPhonePicker:
@@ -10815,106 +11051,6 @@ TextFieldModule = __decorate([
     })
 ], TextFieldModule);
 
-let NumberFieldComponent = class NumberFieldComponent extends BaseFieldComponent {
-    constructor(localeService, elementRef, changeDetectorRef) {
-        super();
-        this.localeService = localeService;
-        this.elementRef = elementRef;
-        this.changeDetectorRef = changeDetectorRef;
-        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);
-        });
-    }
-    ngAfterViewInit() {
-        this.setInputRef();
-        this.changeDetectorRef.detectChanges();
-    }
-    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$",
-                });
-            },
-        });
-    }
-    setInputRef() {
-        const input = this.elementRef.nativeElement.querySelector("input");
-        this.inputRef = input;
-    }
-};
-NumberFieldComponent.ctorParameters = () => [
-    { type: LocaleService },
-    { type: ElementRef },
-    { type: ChangeDetectorRef }
-];
-__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: "<s-field-label *ngIf=\"inputRef\" [field]=\"field\"\n    [fieldContainerRef]=\"inputRef\"></s-field-label>\n\n<p-inputMask #inputRef\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 #inputRef\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 #inputRef\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([
@@ -11695,6 +11831,16 @@ ProfilePictureModule = __decorate([
     })
 ], ProfilePictureModule);
 
+let CheckboxFieldModule = class CheckboxFieldModule {
+};
+CheckboxFieldModule = __decorate([
+    NgModule({
+        imports: [CommonModule, FormsModule, ReactiveFormsModule, CheckboxModule],
+        declarations: [CheckboxFieldComponent],
+        exports: [CheckboxFieldComponent],
+    })
+], CheckboxFieldModule);
+
 let EditorFieldModule = class EditorFieldModule {
 };
 EditorFieldModule = __decorate([
@@ -11716,7 +11862,7 @@ DynamicFormModule = __decorate([
             ButtonModule,
             CalendarMaskModule,
             CalendarModule,
-            CheckboxModule,
+            CheckboxModule$1,
             ChipsModule,
             CommonModule,
             ControlErrorsModule,
@@ -11758,6 +11904,7 @@ DynamicFormModule = __decorate([
             NumberFieldModule,
             CurrencyFieldModule,
             BignumberFieldModule,
+            CheckboxFieldModule,
             ProfilePictureModule,
             EditorFieldModule,
             FieldLabelModule
@@ -18320,5 +18467,5 @@ const fallback = {
  * Generated bundle index. Do not edit.
  */
 
-export { AccordionComponent, AccordionModule, AccordionPanelComponent, AlertComponent, AlertModule, 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, CurrencyService, 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, FileUploadPermissions, FileValidation, FormField, GanttComponent, GanttModule, GlobalSearchComponent, GlobalSearchDropdownItemComponent, GlobalSearchModule, GlobalSearchSizeEnum, HostProjectConfigsInjectionToken, IAInsightComponent, IAInsightModule, IAInsightTemplateTypes, ImageCropperComponent, ImageCropperModule, ImageCropperService, InfoSignDirective, InfoSignModule, InlineEditCalendarField, InlineEditComponent, InlineEditField, InlineEditLookupField, InlineEditModule, InlineEditNumberField, InlineEditTextAreaField, InlineEditTextAreaIAField, InlineEditTextField, KanbanComponent, KanbanModule, KanbanTemplateTypes, LabelValueComponent, LabelValueModule, Languages, LoadingStateComponent, LoadingStateDirective, LoadingStateModule, LocaleModule, LocaleOptions, LocaleService, LocalizedCurrencyPipe, LocalizedCurrencyPipeOptions, LocalizedDateImpurePipe, LocalizedDatePipe, LocalizedNumberInputDirective, LocalizedNumberInputModule, LocalizedNumberPipe, LocalizedTimeImpurePipe, LocalizedTimePipe, LongPressDirective, LookupComponent, LookupField, MaskFormatterModule, MaskFormatterPipe, MouseEventsModule, NavigationButtonComponent, NavigationButtonModule, NavigationDirective, NumberAlignmentOption, NumberField, NumberInputDirective, NumberInputModule, NumberLocaleOptions, NumericService, 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, TemplateDirective, TemplateModule, TextAreaField, TextAreaIAComponent, TextAreaIAModule, TextField, Themes, ThumbnailComponent, ThumbnailModule, ThumbnailSize, TieredMenuDirective, TieredMenuModule, TileComponent, TileModule, TimelineComponent, TimelineItem, TimelineItemSeverity, TimelineItemSize, TimelineModule, TokenListComponent, TokenListModule, TooltipModule, TooltipPosition, ValidateErrors, ViewMode, WorkspaceSwitchComponent, WorkspaceSwitchModule, convertToMomentDateFormat, countries, fallback, TooltipComponent as ɵa, TooltipDirective as ɵb, TablePagingComponent as ɵba, PasswordFieldModule as ɵbb, FieldLabelModule as ɵbc, InfoSignModule as ɵbd, FieldLabelComponent as ɵbe, PasswordFieldComponent as ɵbf, TextFieldModule as ɵbg, TextFieldComponent as ɵbh, NumberFieldModule as ɵbi, LocalizedNumberInputModule as ɵbj, NumberInputModule as ɵbk, NumberFieldComponent as ɵbl, CurrencyFieldModule as ɵbm, CurrencyFieldComponent as ɵbn, BignumberFieldModule as ɵbo, BignumberInputModule as ɵbp, BignumberFieldComponent as ɵbq, ProfilePictureModule as ɵbr, ThumbnailService as ɵbs, StructureModule as ɵbt, HeaderComponent as ɵbu, FooterComponent as ɵbv, ProfilePictureFieldComponent as ɵbw, EditorFieldModule as ɵbx, EditorFieldComponent as ɵby, AutocompleteFieldComponent as ɵbz, TieredMenuEventService as ɵc, BooleanFieldComponent as ɵca, BooleanSwitchFieldComponent as ɵcb, CalendarFieldComponent as ɵcc, ChipsFieldComponent as ɵcd, CountryPhonePickerFieldComponent as ɵce, DynamicFieldComponent as ɵcf, DynamicFormDirective as ɵcg, FieldsetComponent as ɵch, FileUploadComponent$1 as ɵci, LookupFieldComponent as ɵcj, RadioButtonComponent as ɵck, RowComponent as ɵcl, SectionComponent as ɵcm, SelectFieldComponent as ɵcn, SliderFieldComponent as ɵco, TextAreaFieldComponent as ɵcp, TextAreaIAFieldComponent as ɵcq, IAssistService as ɵcr, DecimalField as ɵct, SideTableComponent as ɵcu, InfiniteScrollModule as ɵcv, InfiniteScrollDirective as ɵcw, IAInsightSidebarComponent as ɵcx, IAInsightCardComponent as ɵcy, IAInsightCardLoaderComponent as ɵcz, TieredMenuService as ɵd, InlineEditItemComponent as ɵda, LocaleService as ɵdb, InlineEditCalendarComponent as ɵdc, InlineEditLookupComponent as ɵdd, InlineEditNumberComponent as ɵde, InlineEditTextComponent as ɵdf, InlineEditTextAreaComponent as ɵdg, InlineEditTextAreaIAComponent as ɵdh, KanbanEventService as ɵdi, KanbanItemComponent as ɵdj, KanbanColumnComponent as ɵdk, KanbanItemDraggingComponent as ɵdl, NumberLocaleOptions as ɵdm, BorderButtonModule as ɵdn, BorderButtonComponent as ɵdo, ProgressBarDeterminateComponent as ɵdp, ProgressBarIndeterminateComponent as ɵdq, SelectButtonItemComponent as ɵdr, SlidePanelService as ɵds, TimelineItemModule as ɵdt, TimelineIconItemComponent as ɵdu, HorizontalTimelineModule as ɵdv, HorizontalTimelineComponent as ɵdw, VerticalTimelineModule as ɵdx, VerticalTimelineComponent as ɵdy, RangeLineComponent as ɵdz, TieredMenuGlobalService as ɵe, CollapseOptionComponent as ɵea, CollapsedItemsComponent as ɵeb, VerticalItemsComponent as ɵec, TieredMenuComponent as ɵf, TieredMenuNestedComponent as ɵg, TieredMenuItemComponent as ɵh, TieredMenuDividerComponent as ɵi, CustomTranslationsModule as ɵj, CodeEditorComponent as ɵk, CoreFacade as ɵl, CodeMirror6Core as ɵm, CountryPhonePickerService as ɵn, LocalizedCurrencyImpurePipe as ɵo, LocalizedBignumberPipe as ɵp, LocalizedBignumberImpurePipe as ɵq, NumericPipe as ɵr, EmptyStateGoBackComponent as ɵs, IAssistIconComponent as ɵt, SeniorIconComponent as ɵu, DotsIndicatorComponent as ɵv, LoadingIndicatorComponent as ɵw, FileUploadService as ɵx, InfoSignComponent as ɵy, TableColumnsComponent as ɵz };
+export { AccordionComponent, AccordionModule, AccordionPanelComponent, AlertComponent, AlertModule, 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, CheckboxComponent, CheckboxModule, ChipsField, CodeEditorModule, CollapseLinkComponent, CollapseLinkModule, ControlErrorsComponent, ControlErrorsModule, CountryPhonePickerComponent, CountryPhonePickerModule, CurrencyField, CurrencyService, 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, FileUploadPermissions, FileValidation, FormField, GanttComponent, GanttModule, GlobalSearchComponent, GlobalSearchDropdownItemComponent, GlobalSearchModule, GlobalSearchSizeEnum, HostProjectConfigsInjectionToken, IAInsightComponent, IAInsightModule, IAInsightTemplateTypes, ImageCropperComponent, ImageCropperModule, ImageCropperService, InfoSignDirective, InfoSignModule, InlineEditCalendarField, InlineEditComponent, InlineEditField, InlineEditLookupField, InlineEditModule, InlineEditNumberField, InlineEditTextAreaField, InlineEditTextAreaIAField, InlineEditTextField, KanbanComponent, KanbanModule, KanbanTemplateTypes, LabelValueComponent, LabelValueModule, Languages, LoadingStateComponent, LoadingStateDirective, LoadingStateModule, LocaleModule, LocaleOptions, LocaleService, LocalizedCurrencyPipe, LocalizedCurrencyPipeOptions, LocalizedDateImpurePipe, LocalizedDatePipe, LocalizedNumberInputDirective, LocalizedNumberInputModule, LocalizedNumberPipe, LocalizedTimeImpurePipe, LocalizedTimePipe, LongPressDirective, LookupComponent, LookupField, MaskFormatterModule, MaskFormatterPipe, MouseEventsModule, NavigationButtonComponent, NavigationButtonModule, NavigationDirective, NumberAlignmentOption, NumberField, NumberInputDirective, NumberInputModule, NumberLocaleOptions, NumericService, 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, TemplateDirective, TemplateModule, TextAreaField, TextAreaIAComponent, TextAreaIAModule, TextField, Themes, ThumbnailComponent, ThumbnailModule, ThumbnailSize, TieredMenuDirective, TieredMenuModule, TileComponent, TileModule, TimelineComponent, TimelineItem, TimelineItemSeverity, TimelineItemSize, TimelineModule, TokenListComponent, TokenListModule, TooltipModule, TooltipPosition, ValidateErrors, ViewMode, WorkspaceSwitchComponent, WorkspaceSwitchModule, convertToMomentDateFormat, countries, fallback, TooltipComponent as ɵa, TooltipDirective as ɵb, TablePagingComponent as ɵba, PasswordFieldModule as ɵbb, FieldLabelModule as ɵbc, InfoSignModule as ɵbd, FieldLabelComponent as ɵbe, PasswordFieldComponent as ɵbf, TextFieldModule as ɵbg, TextFieldComponent as ɵbh, NumberFieldModule as ɵbi, LocalizedNumberInputModule as ɵbj, NumberInputModule as ɵbk, NumberFieldComponent as ɵbl, CurrencyFieldModule as ɵbm, CurrencyFieldComponent as ɵbn, BignumberFieldModule as ɵbo, BignumberInputModule as ɵbp, BignumberFieldComponent as ɵbq, CheckboxFieldModule as ɵbr, CheckboxFieldComponent as ɵbs, ProfilePictureModule as ɵbt, ThumbnailService as ɵbu, StructureModule as ɵbv, HeaderComponent as ɵbw, FooterComponent as ɵbx, ProfilePictureFieldComponent as ɵby, EditorFieldModule as ɵbz, TieredMenuEventService as ɵc, EditorFieldComponent as ɵca, AutocompleteFieldComponent as ɵcb, BooleanFieldComponent as ɵcc, BooleanSwitchFieldComponent as ɵcd, CalendarFieldComponent as ɵce, ChipsFieldComponent as ɵcf, CountryPhonePickerFieldComponent as ɵcg, DynamicFieldComponent as ɵch, DynamicFormDirective as ɵci, FieldsetComponent as ɵcj, FileUploadComponent$1 as ɵck, LookupFieldComponent as ɵcl, RadioButtonComponent as ɵcm, RowComponent as ɵcn, SectionComponent as ɵco, SelectFieldComponent as ɵcp, SliderFieldComponent as ɵcq, TextAreaFieldComponent as ɵcr, TextAreaIAFieldComponent as ɵcs, IAssistService as ɵct, DecimalField as ɵcv, SideTableComponent as ɵcw, InfiniteScrollModule as ɵcx, InfiniteScrollDirective as ɵcy, IAInsightSidebarComponent as ɵcz, TieredMenuService as ɵd, IAInsightCardComponent as ɵda, IAInsightCardLoaderComponent as ɵdb, InlineEditItemComponent as ɵdc, LocaleService as ɵdd, InlineEditCalendarComponent as ɵde, InlineEditLookupComponent as ɵdf, InlineEditNumberComponent as ɵdg, InlineEditTextComponent as ɵdh, InlineEditTextAreaComponent as ɵdi, InlineEditTextAreaIAComponent as ɵdj, KanbanEventService as ɵdk, KanbanItemComponent as ɵdl, KanbanColumnComponent as ɵdm, KanbanItemDraggingComponent as ɵdn, NumberLocaleOptions as ɵdo, BorderButtonModule as ɵdp, BorderButtonComponent as ɵdq, ProgressBarDeterminateComponent as ɵdr, ProgressBarIndeterminateComponent as ɵds, SelectButtonItemComponent as ɵdt, SlidePanelService as ɵdu, TimelineItemModule as ɵdv, TimelineIconItemComponent as ɵdw, HorizontalTimelineModule as ɵdx, HorizontalTimelineComponent as ɵdy, VerticalTimelineModule as ɵdz, TieredMenuGlobalService as ɵe, VerticalTimelineComponent as ɵea, RangeLineComponent as ɵeb, CollapseOptionComponent as ɵec, CollapsedItemsComponent as ɵed, VerticalItemsComponent as ɵee, TieredMenuComponent as ɵf, TieredMenuNestedComponent as ɵg, TieredMenuItemComponent as ɵh, TieredMenuDividerComponent as ɵi, CustomTranslationsModule as ɵj, CodeEditorComponent as ɵk, CoreFacade as ɵl, CodeMirror6Core as ɵm, CountryPhonePickerService as ɵn, LocalizedCurrencyImpurePipe as ɵo, LocalizedBignumberPipe as ɵp, LocalizedBignumberImpurePipe as ɵq, NumericPipe as ɵr, EmptyStateGoBackComponent as ɵs, IAssistIconComponent as ɵt, SeniorIconComponent as ɵu, DotsIndicatorComponent as ɵv, LoadingIndicatorComponent as ɵw, FileUploadService as ɵx, InfoSignComponent as ɵy, TableColumnsComponent as ɵz };
 //# sourceMappingURL=seniorsistemas-angular-components.js.map