@seniorsistemas/angular-components 17.13.1 → 17.14.1

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/animations'), require('rxjs'), require('rxjs/operators'), require('@angular/common'), require('@angular/forms'), require('@angular/router'), require('@angular/common/http'), require('@seniorsistemas/senior-platform-data'), require('moment'), require('ngx-cookie-service'), require('@seniorsistemas/ng2-currency-mask'), require('primeng/breadcrumb'), require('primeng/dom'), require('primeng/tieredmenu'), require('primeng/tooltip'), require('primeng/calendar'), require('@codemirror/view'), require('@codemirror/state'), require('@codemirror/lint'), require('@codemirror/language'), require('@lezer/generator'), require('@codemirror/highlight'), require('@codemirror/autocomplete'), require('@ngx-translate/core'), require('@codemirror/tooltip'), require('@codemirror/gutter'), require('ngx-mask'), require('angular2-hotkeys'), require('bignumber.js'), require('primeng/autocomplete'), require('primeng/dialog'), require('primeng/table'), require('ng2-currency-mask'), require('primeng/button'), require('primeng/checkbox'), require('primeng/chips'), require('primeng/dropdown'), require('primeng/fieldset'), require('primeng/inputmask'), require('primeng/inputtext'), require('primeng/inputtextarea'), require('primeng/keyfilter'), require('primeng/multiselect'), require('primeng/panel'), require('primeng/radiobutton'), require('primeng/slider'), require('primeng/api'), require('primeng/progressbar'), require('@angular/platform-browser'), require('@angular/cdk/clipboard'), require('primeng/confirmdialog'), require('cropperjs'), require('primeng/editor'), require('marked'), require('@angular/cdk/drag-drop'), require('element-resize-detector'), require('@angular/cdk/a11y'), require('primeng/scrollpanel'), require('primeng/sidebar')) :
-    typeof define === 'function' && define.amd ? define('@seniorsistemas/angular-components', ['exports', '@angular/core', '@angular/animations', 'rxjs', 'rxjs/operators', '@angular/common', '@angular/forms', '@angular/router', '@angular/common/http', '@seniorsistemas/senior-platform-data', 'moment', 'ngx-cookie-service', '@seniorsistemas/ng2-currency-mask', 'primeng/breadcrumb', 'primeng/dom', 'primeng/tieredmenu', 'primeng/tooltip', 'primeng/calendar', '@codemirror/view', '@codemirror/state', '@codemirror/lint', '@codemirror/language', '@lezer/generator', '@codemirror/highlight', '@codemirror/autocomplete', '@ngx-translate/core', '@codemirror/tooltip', '@codemirror/gutter', 'ngx-mask', 'angular2-hotkeys', 'bignumber.js', 'primeng/autocomplete', 'primeng/dialog', 'primeng/table', 'ng2-currency-mask', 'primeng/button', 'primeng/checkbox', 'primeng/chips', 'primeng/dropdown', 'primeng/fieldset', 'primeng/inputmask', 'primeng/inputtext', 'primeng/inputtextarea', 'primeng/keyfilter', 'primeng/multiselect', 'primeng/panel', 'primeng/radiobutton', 'primeng/slider', 'primeng/api', 'primeng/progressbar', '@angular/platform-browser', '@angular/cdk/clipboard', 'primeng/confirmdialog', 'cropperjs', 'primeng/editor', 'marked', '@angular/cdk/drag-drop', 'element-resize-detector', '@angular/cdk/a11y', 'primeng/scrollpanel', 'primeng/sidebar'], factory) :
-    (global = global || self, factory((global.seniorsistemas = global.seniorsistemas || {}, global.seniorsistemas['angular-components'] = {}), global.ng.core, global.ng.animations, global.rxjs, global.rxjs.operators, global.ng.common, global.ng.forms, global.ng.router, global.ng.common.http, global.seniorPlatformData, global.moment_, global.ngxCookieService, global.ng2CurrencyMask, global.breadcrumb, global.dom, global.tieredmenu, global.tooltip, global.calendar, global.view, global.state, global.lint, global.language, global.generator, global.highlight, global.autocomplete$1, global.core$1, global.tooltip$1, global.gutter, global.ngxMask, global.angular2Hotkeys, global.BigNumber, global.autocomplete$2, global.dialog, global.table, global.ng2CurrencyMask$1, global.button, global.checkbox, global.chips, global.dropdown, global.fieldset, global.inputmask, global.inputtext, global.inputtextarea, global.keyfilter, global.multiselect, global.panel, global.radiobutton, global.slider, global.api, global.progressbar, global.ng.platformBrowser, global.ng.cdk.clipboard, global.confirmdialog, global.Cropper, global.editor, global.marked, global.ng.cdk['drag-drop'], global.elementResizeDetectorMaker_, global.ng.cdk.a11y, global.scrollpanel, global.sidebar));
-}(this, (function (exports, core, animations, rxjs, operators, common, forms, router, http, seniorPlatformData, moment_, ngxCookieService, ng2CurrencyMask, breadcrumb, dom, tieredmenu, tooltip, calendar, view, state, lint, language, generator, highlight, autocomplete$1, core$1, tooltip$1, gutter, ngxMask, angular2Hotkeys, BigNumber, autocomplete$2, dialog, table, ng2CurrencyMask$1, button, checkbox, chips, dropdown, fieldset, inputmask, inputtext, inputtextarea, keyfilter, multiselect, panel, radiobutton, slider, api, progressbar, platformBrowser, clipboard, confirmdialog, Cropper, editor, marked, dragDrop, elementResizeDetectorMaker_, a11y, scrollpanel, sidebar) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/animations'), require('rxjs'), require('rxjs/operators'), require('@angular/common'), require('@angular/forms'), require('@angular/router'), require('@angular/common/http'), require('@seniorsistemas/senior-platform-data'), require('moment'), require('ngx-cookie-service'), require('@seniorsistemas/ng2-currency-mask'), require('primeng/breadcrumb'), require('primeng/dom'), require('primeng/tieredmenu'), require('primeng/tooltip'), require('primeng/calendar'), require('@codemirror/view'), require('@codemirror/state'), require('@codemirror/lint'), require('@codemirror/language'), require('@lezer/generator'), require('@codemirror/highlight'), require('@codemirror/autocomplete'), require('@ngx-translate/core'), require('@codemirror/tooltip'), require('@codemirror/gutter'), require('ngx-mask'), require('angular2-hotkeys'), require('bignumber.js'), require('primeng/autocomplete'), require('primeng/dialog'), require('primeng/table'), require('ng2-currency-mask'), require('primeng/button'), require('primeng/checkbox'), require('primeng/chips'), require('primeng/dropdown'), require('primeng/fieldset'), require('primeng/inputmask'), require('primeng/inputtext'), require('primeng/inputtextarea'), require('primeng/keyfilter'), require('primeng/multiselect'), require('primeng/panel'), require('primeng/radiobutton'), require('primeng/slider'), require('primeng/api'), require('primeng/progressbar'), require('@angular/platform-browser'), require('@angular/cdk/clipboard'), require('primeng/editor'), require('primeng/confirmdialog'), require('cropperjs'), require('marked'), require('@angular/cdk/drag-drop'), require('element-resize-detector'), require('@angular/cdk/a11y'), require('primeng/scrollpanel'), require('primeng/sidebar')) :
+    typeof define === 'function' && define.amd ? define('@seniorsistemas/angular-components', ['exports', '@angular/core', '@angular/animations', 'rxjs', 'rxjs/operators', '@angular/common', '@angular/forms', '@angular/router', '@angular/common/http', '@seniorsistemas/senior-platform-data', 'moment', 'ngx-cookie-service', '@seniorsistemas/ng2-currency-mask', 'primeng/breadcrumb', 'primeng/dom', 'primeng/tieredmenu', 'primeng/tooltip', 'primeng/calendar', '@codemirror/view', '@codemirror/state', '@codemirror/lint', '@codemirror/language', '@lezer/generator', '@codemirror/highlight', '@codemirror/autocomplete', '@ngx-translate/core', '@codemirror/tooltip', '@codemirror/gutter', 'ngx-mask', 'angular2-hotkeys', 'bignumber.js', 'primeng/autocomplete', 'primeng/dialog', 'primeng/table', 'ng2-currency-mask', 'primeng/button', 'primeng/checkbox', 'primeng/chips', 'primeng/dropdown', 'primeng/fieldset', 'primeng/inputmask', 'primeng/inputtext', 'primeng/inputtextarea', 'primeng/keyfilter', 'primeng/multiselect', 'primeng/panel', 'primeng/radiobutton', 'primeng/slider', 'primeng/api', 'primeng/progressbar', '@angular/platform-browser', '@angular/cdk/clipboard', 'primeng/editor', 'primeng/confirmdialog', 'cropperjs', 'marked', '@angular/cdk/drag-drop', 'element-resize-detector', '@angular/cdk/a11y', 'primeng/scrollpanel', 'primeng/sidebar'], factory) :
+    (global = global || self, factory((global.seniorsistemas = global.seniorsistemas || {}, global.seniorsistemas['angular-components'] = {}), global.ng.core, global.ng.animations, global.rxjs, global.rxjs.operators, global.ng.common, global.ng.forms, global.ng.router, global.ng.common.http, global.seniorPlatformData, global.moment_, global.ngxCookieService, global.ng2CurrencyMask, global.breadcrumb, global.dom, global.tieredmenu, global.tooltip, global.calendar, global.view, global.state, global.lint, global.language, global.generator, global.highlight, global.autocomplete$1, global.core$1, global.tooltip$1, global.gutter, global.ngxMask, global.angular2Hotkeys, global.BigNumber, global.autocomplete$2, global.dialog, global.table, global.ng2CurrencyMask$1, global.button, global.checkbox, global.chips, global.dropdown, global.fieldset, global.inputmask, global.inputtext, global.inputtextarea, global.keyfilter, global.multiselect, global.panel, global.radiobutton, global.slider, global.api, global.progressbar, global.ng.platformBrowser, global.ng.cdk.clipboard, global.editor, global.confirmdialog, global.Cropper, global.marked, global.ng.cdk['drag-drop'], global.elementResizeDetectorMaker_, global.ng.cdk.a11y, global.scrollpanel, global.sidebar));
+}(this, (function (exports, core, animations, rxjs, operators, common, forms, router, http, seniorPlatformData, moment_, ngxCookieService, ng2CurrencyMask, breadcrumb, dom, tieredmenu, tooltip, calendar, view, state, lint, language, generator, highlight, autocomplete$1, core$1, tooltip$1, gutter, ngxMask, angular2Hotkeys, BigNumber, autocomplete$2, dialog, table, ng2CurrencyMask$1, button, checkbox, chips, dropdown, fieldset, inputmask, inputtext, inputtextarea, keyfilter, multiselect, panel, radiobutton, slider, api, progressbar, platformBrowser, clipboard, editor, confirmdialog, Cropper, marked, dragDrop, elementResizeDetectorMaker_, a11y, scrollpanel, sidebar) { 'use strict';
 
     var BigNumber__default = 'default' in BigNumber ? BigNumber['default'] : BigNumber;
     Cropper = Cropper && Cropper.hasOwnProperty('default') ? Cropper['default'] : Cropper;
@@ -3209,6 +3209,124 @@
         return CardModule;
     }());
 
+    var CheckboxComponent = /** @class */ (function () {
+        function CheckboxComponent() {
+            this.state = {
+                checked: false,
+                indeterminate: false,
+                children: {},
+            };
+            this._onChange = function () { };
+            this._onTouched = function () { };
+        }
+        CheckboxComponent_1 = CheckboxComponent;
+        CheckboxComponent.prototype.writeValue = function (value) {
+            if (value) {
+                this.state = value;
+            }
+            else {
+                this.state = {
+                    checked: false,
+                    indeterminate: false,
+                    disabled: false,
+                    children: this._initializeChildren(this.data),
+                };
+            }
+        };
+        CheckboxComponent.prototype.registerOnChange = function (onChange) {
+            this._onChange = onChange;
+        };
+        CheckboxComponent.prototype.registerOnTouched = function (onTouched) {
+            this._onTouched = onTouched;
+        };
+        CheckboxComponent.prototype._initializeChildren = function (item) {
+            var _this = this;
+            var childrenState = {};
+            if (item.children) {
+                item.children.forEach(function (child) {
+                    childrenState[child.label] = {
+                        checked: false,
+                        indeterminate: false,
+                        children: _this._initializeChildren(child),
+                    };
+                });
+            }
+            return childrenState;
+        };
+        CheckboxComponent.prototype.updateParent = function () {
+            var _this = this;
+            if (this.data.children && this.data.children.length > 0) {
+                var allChecked = this.data.children.every(function (child) { var _a; return (_a = _this.state.children[child.label]) === null || _a === void 0 ? void 0 : _a.checked; });
+                var someChecked = this.data.children.some(function (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();
+        };
+        CheckboxComponent.prototype.onCheckboxChange = function () {
+            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();
+        };
+        CheckboxComponent.prototype._toggleChildrenCheck = function (item, state, checked) {
+            var _this = this;
+            var _a;
+            if ((_a = item.children) === null || _a === void 0 ? void 0 : _a.length) {
+                item.children.forEach(function (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);
+                    }
+                });
+            }
+        };
+        var CheckboxComponent_1;
+        __decorate([
+            core.Input()
+        ], CheckboxComponent.prototype, "data", void 0);
+        CheckboxComponent = CheckboxComponent_1 = __decorate([
+            core.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: forms.NG_VALUE_ACCESSOR,
+                        useExisting: core.forwardRef(function () { return 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);
+        return CheckboxComponent;
+    }());
+
+    var CheckboxModule = /** @class */ (function () {
+        function CheckboxModule() {
+        }
+        CheckboxModule = __decorate([
+            core.NgModule({
+                imports: [common.CommonModule, forms.FormsModule],
+                declarations: [CheckboxComponent],
+                exports: [CheckboxComponent],
+            })
+        ], CheckboxModule);
+        return CheckboxModule;
+    }());
+
 
     (function (Languages) {
         Languages["TaxCalculation"] = "TaxCalculation";
@@ -3327,12 +3445,15 @@
     var CodeEditorComponent = /** @class */ (function () {
         function CodeEditorComponent(coreFacade) {
             this.coreFacade = coreFacade;
-            this._ngUnsubscribe = new rxjs.Subject();
             this.codeChange = new core.EventEmitter();
             this.isCodeValidChange = new core.EventEmitter();
             this.onCodeChange = new core.EventEmitter();
             this.onComponentFinishLoad = new core.EventEmitter();
+            this._ngUnsubscribe = new rxjs.Subject();
+            this._onChange = function () { };
+            this._onTouched = function () { };
         }
+        CodeEditorComponent_1 = CodeEditorComponent;
         Object.defineProperty(CodeEditorComponent.prototype, "editorOptions", {
             set: function (options) {
                 this.coreFacade.changeEditorOptions(options);
@@ -3347,6 +3468,15 @@
             enumerable: true,
             configurable: true
         });
+        CodeEditorComponent.prototype.writeValue = function (value) {
+            this.code = value;
+        };
+        CodeEditorComponent.prototype.registerOnChange = function (onChange) {
+            this._onChange = onChange;
+        };
+        CodeEditorComponent.prototype.registerOnTouched = function (onTouched) {
+            this._onTouched = onTouched;
+        };
         CodeEditorComponent.prototype.ngOnInit = function () {
             this.coreFacade.initCore();
             this.setupCoreListeners();
@@ -3374,6 +3504,8 @@
                 .subscribe(function (code) {
                 _this.codeChange.emit(code);
                 _this.onCodeChange.emit(code);
+                _this._onTouched();
+                _this._onChange(code);
             });
             this.coreFacade
                 .getOnCodeValidityChangeObservable()
@@ -3382,12 +3514,10 @@
                 _this.isCodeValidChange.emit(validity);
             });
         };
+        var CodeEditorComponent_1;
         CodeEditorComponent.ctorParameters = function () { return [
             { type: CoreFacade }
         ]; };
-        __decorate([
-            core.ViewChild("coreWrapper")
-        ], CodeEditorComponent.prototype, "coreWrapperElement", void 0);
         __decorate([
             core.Input()
         ], CodeEditorComponent.prototype, "editorOptions", null);
@@ -3397,9 +3527,6 @@
         __decorate([
             core.Output()
         ], CodeEditorComponent.prototype, "codeChange", void 0);
-        __decorate([
-            core.Input()
-        ], CodeEditorComponent.prototype, "isCodeValid", void 0);
         __decorate([
             core.Output()
         ], CodeEditorComponent.prototype, "isCodeValidChange", void 0);
@@ -3409,10 +3536,20 @@
         __decorate([
             core.Output()
         ], CodeEditorComponent.prototype, "onComponentFinishLoad", void 0);
-        CodeEditorComponent = __decorate([
+        __decorate([
+            core.ViewChild("coreWrapper")
+        ], CodeEditorComponent.prototype, "coreWrapperElement", void 0);
+        CodeEditorComponent = CodeEditorComponent_1 = __decorate([
             core.Component({
                 selector: "s-code-editor",
                 template: "<div #coreWrapper class=\"core-wrapper\"></div>",
+                providers: [
+                    {
+                        provide: forms.NG_VALUE_ACCESSOR,
+                        useExisting: core.forwardRef(function () { return CodeEditorComponent_1; }),
+                        multi: true,
+                    },
+                ],
                 styles: [".core-wrapper{height:100%}"]
             })
         ], CodeEditorComponent);
@@ -4703,18 +4840,15 @@
         }
         CodeEditorModule = __decorate([
             core.NgModule({
-                imports: [
-                    common.CommonModule,
-                    CustomTranslationsModule,
-                ],
+                imports: [common.CommonModule, CustomTranslationsModule],
                 declarations: [CodeEditorComponent],
                 exports: [CodeEditorComponent],
                 providers: [
                     {
                         provide: CoreFacade,
-                        useClass: CodeMirror6Core
-                    }
-                ]
+                        useClass: CodeMirror6Core,
+                    },
+                ],
             })
         ], CodeEditorModule);
         return CodeEditorModule;
@@ -5430,13 +5564,27 @@
         return CountryPhonePickerModule;
     }());
 
+    var BaseFieldComponent = /** @class */ (function () {
+        function BaseFieldComponent() {
+        }
+        BaseFieldComponent.prototype.isFunction = function (value) {
+            return value instanceof Function;
+        };
+        BaseFieldComponent.prototype.trigger = function (callback) {
+            return callback();
+        };
+        return BaseFieldComponent;
+    }());
+
 
     (function (FieldType) {
         FieldType["Autocomplete"] = "Autocomplete";
         FieldType["Binary"] = "Binary";
         FieldType["Blob"] = "Blob";
         FieldType["Boolean"] = "Boolean";
+        FieldType["Checkbox"] = "Checkbox";
         FieldType["Chips"] = "Chips";
+        FieldType["CodeEditor"] = "CodeEditor";
         FieldType["CountryPhonePicker"] = "CountryPhonePicker";
         FieldType["Custom"] = "Custom";
         FieldType["Date"] = "Date";
@@ -5637,6 +5785,16 @@
         return CalendarField;
     }(Field));
 
+    var CheckboxField = /** @class */ (function (_super) {
+        __extends(CheckboxField, _super);
+        function CheckboxField(config) {
+            var _this = _super.call(this, config) || this;
+            _this.data = config.data;
+            return _this;
+        }
+        return CheckboxField;
+    }(Field));
+
     var ChipsField = /** @class */ (function (_super) {
         __extends(ChipsField, _super);
         function ChipsField(config) {
@@ -5656,6 +5814,19 @@
         return ChipsField;
     }(Field));
 
+    var CountryPhonePickerField = /** @class */ (function (_super) {
+        __extends(CountryPhonePickerField, _super);
+        function CountryPhonePickerField(config) {
+            var _this = _super.call(this, config) || this;
+            _this.countries = config.countries;
+            _this.ordination = config.ordination;
+            _this.onSelected = config.onSelected;
+            _this.onFocusLost = config.onFocusLost;
+            return _this;
+        }
+        return CountryPhonePickerField;
+    }(Field));
+
     /**
      * @deprecated Should use 'AlignmentOptions' from @seniorsistemas/ng2-currency-mask instead
      */
@@ -5911,6 +6082,28 @@
         return LookupField;
     }(Field));
 
+    var PasswordField = /** @class */ (function (_super) {
+        __extends(PasswordField, _super);
+        function PasswordField(config) {
+            var _this = _super.call(this, config) || this;
+            _this.inputType = config.inputType;
+            _this.keyFilter = config.keyFilter;
+            _this.leftAddon = config.leftAddon;
+            _this.rightAddon = config.rightAddon;
+            _this.maxLength = config.maxLength || 9999999;
+            _this.passwordStrength = config.passwordStrength;
+            _this.passwordStrengthOptions = config.passwordStrengthOptions;
+            _this.showToggle = config.showToggle;
+            _this.style = config.style;
+            _this.onBlur = config.onBlur;
+            _this.onFocus = config.onFocus;
+            _this.onComplete = config.onComplete;
+            _this.onInput = config.onInput;
+            return _this;
+        }
+        return PasswordField;
+    }(Field));
+
     var RationButtonOption = /** @class */ (function () {
         function RationButtonOption(config) {
             this.label = config.label;
@@ -5960,6 +6153,29 @@
         return SelectOption;
     }());
 
+    var SliderField = /** @class */ (function (_super) {
+        __extends(SliderField, _super);
+        function SliderField(config) {
+            var _a, _b, _c, _d, _e, _f, _g, _h;
+            var _this = _super.call(this, config) || this;
+            _this.maxDefault = 100;
+            _this.onChange = config.onChange;
+            _this.onSlideEnd = config.onSlideEnd;
+            _this.range = (_a = config.range) !== null && _a !== void 0 ? _a : false;
+            _this.min = (_b = config.min) !== null && _b !== void 0 ? _b : 0;
+            _this.max = (_c = config.max) !== null && _c !== void 0 ? _c : _this.maxDefault;
+            _this.orientation = (_d = config.orientation) !== null && _d !== void 0 ? _d : "horizontal";
+            _this.step = (_e = config.step) !== null && _e !== void 0 ? _e : 1;
+            _this.animate = (_f = config.animate) !== null && _f !== void 0 ? _f : false;
+            _this.disabled = (_g = config.disabled) !== null && _g !== void 0 ? _g : false;
+            _this.prefix = config.prefix;
+            _this.suffix = config.suffix;
+            _this.rangeSeparator = (_h = config.rangeSeparator) !== null && _h !== void 0 ? _h : ' - ';
+            return _this;
+        }
+        return SliderField;
+    }(Field));
+
     var TextAreaField = /** @class */ (function (_super) {
         __extends(TextAreaField, _super);
         function TextAreaField(config) {
@@ -6011,62 +6227,31 @@
         return TextField;
     }(Field));
 
-    var PasswordField = /** @class */ (function (_super) {
-        __extends(PasswordField, _super);
-        function PasswordField(config) {
-            var _this = _super.call(this, config) || this;
-            _this.inputType = config.inputType;
-            _this.keyFilter = config.keyFilter;
-            _this.leftAddon = config.leftAddon;
-            _this.rightAddon = config.rightAddon;
-            _this.maxLength = config.maxLength || 9999999;
-            _this.passwordStrength = config.passwordStrength;
-            _this.passwordStrengthOptions = config.passwordStrengthOptions;
-            _this.showToggle = config.showToggle;
-            _this.style = config.style;
-            _this.onBlur = config.onBlur;
-            _this.onFocus = config.onFocus;
-            _this.onComplete = config.onComplete;
-            _this.onInput = config.onInput;
-            return _this;
-        }
-        return PasswordField;
-    }(Field));
-
-    var SliderField = /** @class */ (function (_super) {
-        __extends(SliderField, _super);
-        function SliderField(config) {
-            var _a, _b, _c, _d, _e, _f, _g, _h;
+    var CodeEditorField = /** @class */ (function (_super) {
+        __extends(CodeEditorField, _super);
+        function CodeEditorField(config) {
             var _this = _super.call(this, config) || this;
-            _this.maxDefault = 100;
-            _this.onChange = config.onChange;
-            _this.onSlideEnd = config.onSlideEnd;
-            _this.range = (_a = config.range) !== null && _a !== void 0 ? _a : false;
-            _this.min = (_b = config.min) !== null && _b !== void 0 ? _b : 0;
-            _this.max = (_c = config.max) !== null && _c !== void 0 ? _c : _this.maxDefault;
-            _this.orientation = (_d = config.orientation) !== null && _d !== void 0 ? _d : "horizontal";
-            _this.step = (_e = config.step) !== null && _e !== void 0 ? _e : 1;
-            _this.animate = (_f = config.animate) !== null && _f !== void 0 ? _f : false;
-            _this.disabled = (_g = config.disabled) !== null && _g !== void 0 ? _g : false;
-            _this.prefix = config.prefix;
-            _this.suffix = config.suffix;
-            _this.rangeSeparator = (_h = config.rangeSeparator) !== null && _h !== void 0 ? _h : ' - ';
+            _this.editorOptions = config.editorOptions;
+            _this.code = config.code;
+            _this.isCodeValid = config.isCodeValid;
+            _this.onComponentFinishLoad = config.onComponentFinishLoad;
+            _this.onCodeChange = config.onCodeChange;
             return _this;
         }
-        return SliderField;
+        return CodeEditorField;
     }(Field));
 
-    var CountryPhonePickerField = /** @class */ (function (_super) {
-        __extends(CountryPhonePickerField, _super);
-        function CountryPhonePickerField(config) {
+    var EditorField = /** @class */ (function (_super) {
+        __extends(EditorField, _super);
+        function EditorField(config) {
             var _this = _super.call(this, config) || this;
-            _this.countries = config.countries;
-            _this.ordination = config.ordination;
-            _this.onSelected = config.onSelected;
-            _this.onFocusLost = config.onFocusLost;
+            _this.formats = config.formats;
+            _this.readonly = config.readonly;
+            _this.modules = config.modules;
+            _this.style = config.style;
             return _this;
         }
-        return CountryPhonePickerField;
+        return EditorField;
     }(Field));
 
     var ProfilePictureField = /** @class */ (function (_super) {
@@ -6092,19 +6277,6 @@
         return ProfilePictureField;
     }(Field));
 
-    var EditorField = /** @class */ (function (_super) {
-        __extends(EditorField, _super);
-        function EditorField(config) {
-            var _this = _super.call(this, config) || this;
-            _this.formats = config.formats;
-            _this.readonly = config.readonly;
-            _this.modules = config.modules;
-            _this.style = config.style;
-            return _this;
-        }
-        return EditorField;
-    }(Field));
-
     var FormField = /** @class */ (function () {
         function FormField(config) {
             switch (config.type) {
@@ -6140,8 +6312,12 @@
                     return new LookupField(config);
                 case exports.FieldType.Radio:
                     return new RadioButtonField(config);
+                case exports.FieldType.Checkbox:
+                    return new CheckboxField(config);
                 case exports.FieldType.Chips:
                     return new ChipsField(config);
+                case exports.FieldType.CodeEditor:
+                    return new CodeEditorField(config);
                 case exports.FieldType.CountryPhonePicker:
                     return new CountryPhonePickerField(config);
                 case exports.FieldType.Blob:
@@ -6740,18 +6916,6 @@
         return LookupComponent;
     }());
 
-    var BaseFieldComponent = /** @class */ (function () {
-        function BaseFieldComponent() {
-        }
-        BaseFieldComponent.prototype.isFunction = function (value) {
-            return value instanceof Function;
-        };
-        BaseFieldComponent.prototype.trigger = function (callback) {
-            return callback();
-        };
-        return BaseFieldComponent;
-    }());
-
 
     (function (DynamicType) {
         DynamicType["Autocomplete"] = "Autocomplete";
@@ -6900,72 +7064,21 @@
         return DynamicFormComponent;
     }());
 
-    var IAssistService = /** @class */ (function () {
-        function IAssistService(http, _messageService) {
-            this.http = http;
-            this._messageService = _messageService;
+    var LongPressDirective = /** @class */ (function () {
+        function LongPressDirective() {
+            this.sLongPressDelay = 500;
+            this.sLongPress = new core.EventEmitter();
+            this.mouseUp = new rxjs.Subject();
+            this.mouseDown = new rxjs.Subject();
+            this.ngUnsubscribe = new rxjs.Subject();
         }
-        IAssistService.prototype.askIA = function (context, data) {
-            var _this = this;
-            var prompt = data.prompt ? this._replacePlaceholder(context, data) : this._createPrompt(context, data);
-            return this.http
-                .post("platform/iassist/api/latest/completions", {
-                prompt: prompt,
-                provider: "OPEN_AI",
-                parameters: {
-                    model: "gpt-3.5-turbo",
-                    max_tokens: 700,
-                    temperature: 1,
-                },
-            })
-                .pipe(operators.catchError(function (err) {
-                _this._messageService.add({
-                    severity: "error",
-                    summary: err.status ? String(err.status) : "Error",
-                    detail: (err.error && err.error.message) || err.statusText || err.message || "Error",
-                });
-                return rxjs.throwError(err);
-            }));
-        };
-        IAssistService.prototype._replacePlaceholder = function (context, data) {
-            var values = __assign(__assign({}, data), { context: context });
-            delete values.prompt;
-            var result = data.prompt;
-            for (var key in __assign(__assign({}, values), { context: context })) {
-                var placeholder = new RegExp("{{\\s*" + key + "\\s*}}", "g");
-                result = result.replace(placeholder, values[key]);
-            }
-            console.log("prompt", result);
-            return result;
-        };
-        IAssistService.prototype._createPrompt = function (context, data) {
-            return "Crie um texto gen\u00E9rico para preencher o campo de textarea.\n        " + (data.label ? "O campo tem o label " + data.label + "." : "") + "\n        " + (data.id ? "O campo tem o id " + data.id + "." : "") + "\n        " + (data.placeholder ? "Considere as instru\u00E7\u00F5es/sugest\u00F5es do placeholder: " + data.placeholder + "." : "") + "\n        Baseie-se no contexto informado pelo usu\u00E1rio: '" + context + "'.\n        O texto deve ser formal e conter informa\u00E7\u00F5es pertinentes a um campo como este, como se um usu\u00E1rio real tivesse preenchido com as informa\u00E7\u00F5es necess\u00E1rias. \n        O texto deve ser neutro com rela\u00E7\u00E3o a generos, ra\u00E7as, religi\u00F5es, etc.\n        O texto deve ser impessoal e n\u00E3o deve conter informa\u00E7\u00F5es pessoais do usu\u00E1rio.\n        N\u00E3o direcione o texto a ningu\u00E9m, n\u00E3o use express\u00F5es como: caro, atenciosamente. gostaria, agrade\u00E7o. O texto deve ser gen\u00E9rico.\n    \n        Exemplos de texto:\n        Um campo de descri\u00E7\u00E3o de usu\u00E1rio: \"Usu\u00E1rio com 20 anos, estudante de engenharia, gosta de jogar futebol e assistir filmes.\"\n        Outro exemplo de descri\u00E7\u00E3o de usu\u00E1rio: \"Usu\u00E1rio administrador, com acesso total ao sistema, respons\u00E1vel por gerenciar os usu\u00E1rios e os produtos.\"\n        Um campo de descri\u00E7\u00E3o de um produto: \"O produto \u00E9 um celular, com tela de 6 polegadas, 128GB de armazenamento, 4GB de mem\u00F3ria RAM, c\u00E2mera de 12MP e bateria de 4000mAh.\"\n        Outro exemplo de descri\u00E7\u00E3o de produto: \"O produto \u00E9 uma geladeira, com capacidade de 500 litros, 2 portas, cor branca, com freezer e gaveta de legumes.\"\n        Outro exemplo de descri\u00E7\u00E3o de produto: \"O produto \u00E9 uma camiseta, tamanho M, cor azul, 100% algod\u00E3o, com estampa de um gato.\"\n    \n        Em caso de contexto incompleto crie um texto gen\u00E9rico, como se fosse um exemplo de preenchimento do campo.\n        O texto \u00E9 para um campo de textarea, ent\u00E3o escreva um texto sucinto.\n        Exiba apenas o texto do output";
-        };
-        IAssistService.ctorParameters = function () { return [
-            { type: http.HttpClient },
-            { type: api.MessageService }
-        ]; };
-        IAssistService = __decorate([
-            core.Injectable()
-        ], IAssistService);
-        return IAssistService;
-    }());
-
-    var LongPressDirective = /** @class */ (function () {
-        function LongPressDirective() {
-            this.sLongPressDelay = 500;
-            this.sLongPress = new core.EventEmitter();
-            this.mouseUp = new rxjs.Subject();
-            this.mouseDown = new rxjs.Subject();
-            this.ngUnsubscribe = new rxjs.Subject();
-        }
-        LongPressDirective.prototype.onMouseUp = function (event) {
-            this.mouseUp.next(event);
-        };
-        LongPressDirective.prototype.onMouseDown = function (event) {
-            this.mouseDown.next(event);
-        };
-        LongPressDirective.prototype.ngOnInit = function () {
+        LongPressDirective.prototype.onMouseUp = function (event) {
+            this.mouseUp.next(event);
+        };
+        LongPressDirective.prototype.onMouseDown = function (event) {
+            this.mouseDown.next(event);
+        };
+        LongPressDirective.prototype.ngOnInit = function () {
             var _this = this;
             this.mouseDown
                 .pipe(operators.debounceTime(this.sLongPressDelay), operators.takeUntil(this.mouseUp), operators.repeat(), operators.takeUntil(this.ngUnsubscribe))
@@ -7053,6 +7166,57 @@
         return MouseEventsModule;
     }());
 
+    var IAssistService = /** @class */ (function () {
+        function IAssistService(http, _messageService) {
+            this.http = http;
+            this._messageService = _messageService;
+        }
+        IAssistService.prototype.askIA = function (context, data) {
+            var _this = this;
+            var prompt = data.prompt ? this._replacePlaceholder(context, data) : this._createPrompt(context, data);
+            return this.http
+                .post("platform/iassist/api/latest/completions", {
+                prompt: prompt,
+                provider: "OPEN_AI",
+                parameters: {
+                    model: "gpt-3.5-turbo",
+                    max_tokens: 700,
+                    temperature: 1,
+                },
+            })
+                .pipe(operators.catchError(function (err) {
+                _this._messageService.add({
+                    severity: "error",
+                    summary: err.status ? String(err.status) : "Error",
+                    detail: (err.error && err.error.message) || err.statusText || err.message || "Error",
+                });
+                return rxjs.throwError(err);
+            }));
+        };
+        IAssistService.prototype._replacePlaceholder = function (context, data) {
+            var values = __assign(__assign({}, data), { context: context });
+            delete values.prompt;
+            var result = data.prompt;
+            for (var key in __assign(__assign({}, values), { context: context })) {
+                var placeholder = new RegExp("{{\\s*" + key + "\\s*}}", "g");
+                result = result.replace(placeholder, values[key]);
+            }
+            console.log("prompt", result);
+            return result;
+        };
+        IAssistService.prototype._createPrompt = function (context, data) {
+            return "Crie um texto gen\u00E9rico para preencher o campo de textarea.\n        " + (data.label ? "O campo tem o label " + data.label + "." : "") + "\n        " + (data.id ? "O campo tem o id " + data.id + "." : "") + "\n        " + (data.placeholder ? "Considere as instru\u00E7\u00F5es/sugest\u00F5es do placeholder: " + data.placeholder + "." : "") + "\n        Baseie-se no contexto informado pelo usu\u00E1rio: '" + context + "'.\n        O texto deve ser formal e conter informa\u00E7\u00F5es pertinentes a um campo como este, como se um usu\u00E1rio real tivesse preenchido com as informa\u00E7\u00F5es necess\u00E1rias. \n        O texto deve ser neutro com rela\u00E7\u00E3o a generos, ra\u00E7as, religi\u00F5es, etc.\n        O texto deve ser impessoal e n\u00E3o deve conter informa\u00E7\u00F5es pessoais do usu\u00E1rio.\n        N\u00E3o direcione o texto a ningu\u00E9m, n\u00E3o use express\u00F5es como: caro, atenciosamente. gostaria, agrade\u00E7o. O texto deve ser gen\u00E9rico.\n    \n        Exemplos de texto:\n        Um campo de descri\u00E7\u00E3o de usu\u00E1rio: \"Usu\u00E1rio com 20 anos, estudante de engenharia, gosta de jogar futebol e assistir filmes.\"\n        Outro exemplo de descri\u00E7\u00E3o de usu\u00E1rio: \"Usu\u00E1rio administrador, com acesso total ao sistema, respons\u00E1vel por gerenciar os usu\u00E1rios e os produtos.\"\n        Um campo de descri\u00E7\u00E3o de um produto: \"O produto \u00E9 um celular, com tela de 6 polegadas, 128GB de armazenamento, 4GB de mem\u00F3ria RAM, c\u00E2mera de 12MP e bateria de 4000mAh.\"\n        Outro exemplo de descri\u00E7\u00E3o de produto: \"O produto \u00E9 uma geladeira, com capacidade de 500 litros, 2 portas, cor branca, com freezer e gaveta de legumes.\"\n        Outro exemplo de descri\u00E7\u00E3o de produto: \"O produto \u00E9 uma camiseta, tamanho M, cor azul, 100% algod\u00E3o, com estampa de um gato.\"\n    \n        Em caso de contexto incompleto crie um texto gen\u00E9rico, como se fosse um exemplo de preenchimento do campo.\n        O texto \u00E9 para um campo de textarea, ent\u00E3o escreva um texto sucinto.\n        Exiba apenas o texto do output";
+        };
+        IAssistService.ctorParameters = function () { return [
+            { type: http.HttpClient },
+            { type: api.MessageService }
+        ]; };
+        IAssistService = __decorate([
+            core.Injectable()
+        ], IAssistService);
+        return IAssistService;
+    }());
+
     var EmptyStateComponent = /** @class */ (function () {
         function EmptyStateComponent() {
             this.id = "s-empty-state-" + EmptyStateComponent_1.nextId++;
@@ -9031,106 +9195,270 @@
         return PasswordStrengthModule;
     }());
 
-    var NavigationDirective = /** @class */ (function () {
-        function NavigationDirective() {
+    var TableHeaderCheckboxComponent = /** @class */ (function () {
+        function TableHeaderCheckboxComponent(table, tableService) {
+            var _this = this;
+            this.table = table;
+            this.tableService = tableService;
+            this.id = "s-table-header-checkbox-" + TableHeaderCheckboxComponent_1.nextId++;
+            this.ngUnsubscribe = new rxjs.Subject();
+            this.table.tableService.valueSource$.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function () {
+                _this.checked = _this.updateCheckedState();
+            });
+            this.table.tableService.selectionSource$.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function () {
+                _this.checked = _this.updateCheckedState();
+            });
         }
-        NavigationDirective.prototype.onKeyDown = function (event) {
-            switch (event.key) {
-                case "Right": // IE 11
-                case "ArrowRight":
-                    if (this.isRow(event.target)) {
-                        this.focusFirstColFromCurrentRow(event.target);
-                    }
-                    else if (this.isCol(event.target)) {
-                        this.focusNextSelectableCol(event.target);
-                    }
-                    event.preventDefault();
-                    break;
-                case "Left": // IE 11
-                case "ArrowLeft":
-                    if (this.isRow(event.target)) {
-                        this.focusLastColFromPrevRow(event.target);
-                    }
-                    else if (this.isCol(event.target)) {
-                        this.focusPrevSelectableCol(event.target);
-                    }
-                    event.preventDefault();
-                    break;
-                case "Up": // IE 11
-                case "ArrowUp":
-                    if (this.isRow(event.target)) {
-                        this.setPrevRowFocus(event.target);
-                    }
-                    else if (this.isCol(event.target)) {
-                        this.setAboveColFocus(event.target);
-                    }
-                    event.preventDefault();
-                    break;
-                case "Down": // IE 11
-                case "ArrowDown":
-                    if (this.isRow(event.target)) {
-                        this.setNextRowFocus(event.target);
-                    }
-                    else if (this.isCol(event.target)) {
-                        this.setUnderColFocus(event.target);
-                    }
-                    event.preventDefault();
-                    break;
-            }
+        TableHeaderCheckboxComponent_1 = TableHeaderCheckboxComponent;
+        TableHeaderCheckboxComponent.prototype.ngOnInit = function () {
+            this.checked = this.updateCheckedState();
         };
-        NavigationDirective.prototype.focusLastColFromPrevRow = function (event) {
-            var prevRow = this.findPrevSelectableRow(event);
-            if (prevRow) {
-                prevRow.lastElementChild.focus();
-            }
+        TableHeaderCheckboxComponent.prototype.ngOnDestroy = function () {
+            this.ngUnsubscribe.next();
         };
-        NavigationDirective.prototype.focusFirstColFromCurrentRow = function (row) {
-            var firstCol = row.firstElementChild;
-            if (firstCol) {
-                firstCol.focus();
+        TableHeaderCheckboxComponent.prototype.onFocus = function () {
+            this.hasFocus = true;
+        };
+        TableHeaderCheckboxComponent.prototype.onBlur = function () {
+            this.hasFocus = false;
+        };
+        TableHeaderCheckboxComponent.prototype.isDisabled = function () {
+            return this.disabled || !this.table.value || !this.table.value.length;
+        };
+        TableHeaderCheckboxComponent.prototype.onClick = function () {
+            if (!this.disabled) {
+                if (this.table.value && this.table.value.length > 0)
+                    this.onToggleCheckbox(!this.checked);
             }
         };
-        NavigationDirective.prototype.focusNextSelectableCol = function (col) {
-            var nextCol = col.nextElementSibling;
-            if (nextCol) {
-                nextCol.focus();
+        TableHeaderCheckboxComponent.prototype.updateCheckedState = function () {
+            if (this.table.filteredValue) {
+                var val = this.table.filteredValue;
+                return val && val.length > 0 && this.table.selection && this.table.selection.length > 0 && this.isAllFilteredValuesChecked();
             }
             else {
-                var currentRow = col.parentElement;
-                return this.setNextRowFocus(currentRow);
+                var val = this.table.value;
+                return val && val.length > 0 && this.table.selection && this.table.selection.length > 0 && this.isAllValuesChecked();
             }
         };
-        NavigationDirective.prototype.focusPrevSelectableCol = function (col) {
-            var prevCol = col.previousElementSibling;
-            if (prevCol) {
-                prevCol.focus();
+        TableHeaderCheckboxComponent.prototype.onToggleCheckbox = function (checked) {
+            var _this = this;
+            var _a = this.table, filteredValue = _a.filteredValue, value = _a.value, dataKey = _a.dataKey;
+            var gridData = checked ? (filteredValue ? filteredValue.slice() : value.slice()) : [];
+            if (checked) {
+                var unselecteds = gridData
+                    .filter(function (record) { return !_this.table._selection.find(function (selected) { return record[dataKey] === selected[dataKey]; }); })
+                    .map(function (record) {
+                    if (_this.useAllObject)
+                        return record;
+                    var newRecord = {};
+                    if (_this.rowProps)
+                        _this.rowProps.forEach(function (prop) { return (newRecord[prop] = record[prop]); });
+                    else
+                        newRecord[dataKey] = record[dataKey];
+                    return newRecord;
+                });
+                this.table._selection = __spread(this.table._selection, unselecteds);
             }
             else {
-                var currentRow = col.parentElement;
-                return currentRow.focus();
-            }
-        };
-        NavigationDirective.prototype.setAboveColFocus = function (currentCol) {
-            var cellIndex = currentCol["cellIndex"];
-            var currentRow = currentCol.parentElement;
-            var prevRow = this.findPrevSelectableRow(currentRow);
-            if (prevRow)
-                prevRow.cells[cellIndex].focus();
-        };
-        NavigationDirective.prototype.setUnderColFocus = function (currentCol) {
-            var cellIndex = currentCol["cellIndex"];
-            var currentRow = currentCol.parentElement;
-            var nextRow = this.findNextSelectableRow(currentRow);
-            if (nextRow)
-                nextRow.cells[cellIndex].focus();
-        };
-        NavigationDirective.prototype.setNextRowFocus = function (row) {
-            var nextRow = this.findNextSelectableRow(row);
-            if (nextRow) {
-                nextRow.focus();
+                value.forEach(function (data) {
+                    _this.table._selection = _this.table._selection.filter(function (record) { return record[dataKey] !== data[dataKey]; });
+                });
             }
+            this.table.updateSelectionKeys();
+            this.table.selectionChange.emit(this.table._selection);
+            this.tableService.onSelectionChange();
+            if (this.table.isStateful())
+                this.table.saveState();
         };
-        NavigationDirective.prototype.setPrevRowFocus = function (row) {
+        TableHeaderCheckboxComponent.prototype.isAllFilteredValuesChecked = function () {
+            var e_1, _a;
+            if (!this.table.filteredValue) {
+                return false;
+            }
+            else {
+                try {
+                    for (var _b = __values(this.table.filteredValue), _c = _b.next(); !_c.done; _c = _b.next()) {
+                        var rowData = _c.value;
+                        if (!this.table.isSelected(rowData)) {
+                            return false;
+                        }
+                    }
+                }
+                catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                finally {
+                    try {
+                        if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                    }
+                    finally { if (e_1) throw e_1.error; }
+                }
+                return true;
+            }
+        };
+        TableHeaderCheckboxComponent.prototype.isAllValuesChecked = function () {
+            var e_2, _a;
+            if (!this.table.value) {
+                return false;
+            }
+            else {
+                try {
+                    for (var _b = __values(this.table.value), _c = _b.next(); !_c.done; _c = _b.next()) {
+                        var rowData = _c.value;
+                        if (!this.table.isSelected(rowData)) {
+                            return false;
+                        }
+                    }
+                }
+                catch (e_2_1) { e_2 = { error: e_2_1 }; }
+                finally {
+                    try {
+                        if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                    }
+                    finally { if (e_2) throw e_2.error; }
+                }
+                return true;
+            }
+        };
+        var TableHeaderCheckboxComponent_1;
+        TableHeaderCheckboxComponent.nextId = 0;
+        TableHeaderCheckboxComponent.ctorParameters = function () { return [
+            { type: table.Table },
+            { type: table.TableService }
+        ]; };
+        __decorate([
+            core.Input()
+        ], TableHeaderCheckboxComponent.prototype, "id", void 0);
+        __decorate([
+            core.Input()
+        ], TableHeaderCheckboxComponent.prototype, "disabled", void 0);
+        __decorate([
+            core.Input()
+        ], TableHeaderCheckboxComponent.prototype, "rowProps", void 0);
+        __decorate([
+            core.Input()
+        ], TableHeaderCheckboxComponent.prototype, "useAllObject", void 0);
+        TableHeaderCheckboxComponent = TableHeaderCheckboxComponent_1 = __decorate([
+            core.Component({
+                selector: "s-table-header-checkbox",
+                template: "\n        <div class=\"ui-chkbox ui-widget\" (click)=\"onClick()\">\n            <div class=\"ui-helper-hidden-accessible\">\n                <input type=\"checkbox\" [checked]=\"checked\" (focus)=\"onFocus()\" (blur)=\"onBlur()\" [disabled]=\"isDisabled()\">\n            </div>\n            <div [ngClass]=\"{'ui-chkbox-box ui-widget ui-state-default':true,\n                'ui-state-active':checked, 'ui-state-disabled': isDisabled(), 'ui-state-focus': hasFocus}\">\n                <span [id]=\"id\" class=\"ui-chkbox-icon ui-clickable\" [ngClass]=\"{'pi pi-check':checked}\"></span>\n            </div>\n        </div>\n    "
+            })
+        ], TableHeaderCheckboxComponent);
+        return TableHeaderCheckboxComponent;
+    }());
+
+    var TableHeaderCheckboxModule = /** @class */ (function () {
+        function TableHeaderCheckboxModule() {
+        }
+        TableHeaderCheckboxModule = __decorate([
+            core.NgModule({
+                imports: [common.CommonModule],
+                exports: [TableHeaderCheckboxComponent],
+                declarations: [TableHeaderCheckboxComponent],
+            })
+        ], TableHeaderCheckboxModule);
+        return TableHeaderCheckboxModule;
+    }());
+
+    var NavigationDirective = /** @class */ (function () {
+        function NavigationDirective() {
+        }
+        NavigationDirective.prototype.onKeyDown = function (event) {
+            switch (event.key) {
+                case "Right": // IE 11
+                case "ArrowRight":
+                    if (this.isRow(event.target)) {
+                        this.focusFirstColFromCurrentRow(event.target);
+                    }
+                    else if (this.isCol(event.target)) {
+                        this.focusNextSelectableCol(event.target);
+                    }
+                    event.preventDefault();
+                    break;
+                case "Left": // IE 11
+                case "ArrowLeft":
+                    if (this.isRow(event.target)) {
+                        this.focusLastColFromPrevRow(event.target);
+                    }
+                    else if (this.isCol(event.target)) {
+                        this.focusPrevSelectableCol(event.target);
+                    }
+                    event.preventDefault();
+                    break;
+                case "Up": // IE 11
+                case "ArrowUp":
+                    if (this.isRow(event.target)) {
+                        this.setPrevRowFocus(event.target);
+                    }
+                    else if (this.isCol(event.target)) {
+                        this.setAboveColFocus(event.target);
+                    }
+                    event.preventDefault();
+                    break;
+                case "Down": // IE 11
+                case "ArrowDown":
+                    if (this.isRow(event.target)) {
+                        this.setNextRowFocus(event.target);
+                    }
+                    else if (this.isCol(event.target)) {
+                        this.setUnderColFocus(event.target);
+                    }
+                    event.preventDefault();
+                    break;
+            }
+        };
+        NavigationDirective.prototype.focusLastColFromPrevRow = function (event) {
+            var prevRow = this.findPrevSelectableRow(event);
+            if (prevRow) {
+                prevRow.lastElementChild.focus();
+            }
+        };
+        NavigationDirective.prototype.focusFirstColFromCurrentRow = function (row) {
+            var firstCol = row.firstElementChild;
+            if (firstCol) {
+                firstCol.focus();
+            }
+        };
+        NavigationDirective.prototype.focusNextSelectableCol = function (col) {
+            var nextCol = col.nextElementSibling;
+            if (nextCol) {
+                nextCol.focus();
+            }
+            else {
+                var currentRow = col.parentElement;
+                return this.setNextRowFocus(currentRow);
+            }
+        };
+        NavigationDirective.prototype.focusPrevSelectableCol = function (col) {
+            var prevCol = col.previousElementSibling;
+            if (prevCol) {
+                prevCol.focus();
+            }
+            else {
+                var currentRow = col.parentElement;
+                return currentRow.focus();
+            }
+        };
+        NavigationDirective.prototype.setAboveColFocus = function (currentCol) {
+            var cellIndex = currentCol["cellIndex"];
+            var currentRow = currentCol.parentElement;
+            var prevRow = this.findPrevSelectableRow(currentRow);
+            if (prevRow)
+                prevRow.cells[cellIndex].focus();
+        };
+        NavigationDirective.prototype.setUnderColFocus = function (currentCol) {
+            var cellIndex = currentCol["cellIndex"];
+            var currentRow = currentCol.parentElement;
+            var nextRow = this.findNextSelectableRow(currentRow);
+            if (nextRow)
+                nextRow.cells[cellIndex].focus();
+        };
+        NavigationDirective.prototype.setNextRowFocus = function (row) {
+            var nextRow = this.findNextSelectableRow(row);
+            if (nextRow) {
+                nextRow.focus();
+            }
+        };
+        NavigationDirective.prototype.setPrevRowFocus = function (row) {
             var prevRow = this.findPrevSelectableRow(row);
             if (prevRow) {
                 prevRow.focus();
@@ -10079,205 +10407,41 @@
         return TableModule;
     }());
 
-    var TableHeaderCheckboxComponent = /** @class */ (function () {
-        function TableHeaderCheckboxComponent(table, tableService) {
-            var _this = this;
-            this.table = table;
-            this.tableService = tableService;
-            this.id = "s-table-header-checkbox-" + TableHeaderCheckboxComponent_1.nextId++;
-            this.ngUnsubscribe = new rxjs.Subject();
-            this.table.tableService.valueSource$.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function () {
-                _this.checked = _this.updateCheckedState();
-            });
-            this.table.tableService.selectionSource$.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function () {
-                _this.checked = _this.updateCheckedState();
-            });
+    var AutocompleteFieldComponent = /** @class */ (function () {
+        function AutocompleteFieldComponent(changeDetectorRef, elementRef) {
+            this.changeDetectorRef = changeDetectorRef;
+            this.elementRef = elementRef;
         }
-        TableHeaderCheckboxComponent_1 = TableHeaderCheckboxComponent;
-        TableHeaderCheckboxComponent.prototype.ngOnInit = function () {
-            this.checked = this.updateCheckedState();
-        };
-        TableHeaderCheckboxComponent.prototype.ngOnDestroy = function () {
-            this.ngUnsubscribe.next();
-        };
-        TableHeaderCheckboxComponent.prototype.onFocus = function () {
-            this.hasFocus = true;
-        };
-        TableHeaderCheckboxComponent.prototype.onBlur = function () {
-            this.hasFocus = false;
+        AutocompleteFieldComponent.prototype.ngAfterViewInit = function () {
+            this.setInputRef();
+            this.changeDetectorRef.detectChanges();
         };
-        TableHeaderCheckboxComponent.prototype.isDisabled = function () {
-            return this.disabled || !this.table.value || !this.table.value.length;
+        AutocompleteFieldComponent.prototype.setInputRef = function () {
+            this.inputRef = this.elementRef.nativeElement.querySelector('input');
         };
-        TableHeaderCheckboxComponent.prototype.onClick = function () {
-            if (!this.disabled) {
-                if (this.table.value && this.table.value.length > 0)
-                    this.onToggleCheckbox(!this.checked);
-            }
-        };
-        TableHeaderCheckboxComponent.prototype.updateCheckedState = function () {
-            if (this.table.filteredValue) {
-                var val = this.table.filteredValue;
-                return val && val.length > 0 && this.table.selection && this.table.selection.length > 0 && this.isAllFilteredValuesChecked();
-            }
-            else {
-                var val = this.table.value;
-                return val && val.length > 0 && this.table.selection && this.table.selection.length > 0 && this.isAllValuesChecked();
-            }
-        };
-        TableHeaderCheckboxComponent.prototype.onToggleCheckbox = function (checked) {
-            var _this = this;
-            var _a = this.table, filteredValue = _a.filteredValue, value = _a.value, dataKey = _a.dataKey;
-            var gridData = checked ? (filteredValue ? filteredValue.slice() : value.slice()) : [];
-            if (checked) {
-                var unselecteds = gridData
-                    .filter(function (record) { return !_this.table._selection.find(function (selected) { return record[dataKey] === selected[dataKey]; }); })
-                    .map(function (record) {
-                    if (_this.useAllObject)
-                        return record;
-                    var newRecord = {};
-                    if (_this.rowProps)
-                        _this.rowProps.forEach(function (prop) { return (newRecord[prop] = record[prop]); });
-                    else
-                        newRecord[dataKey] = record[dataKey];
-                    return newRecord;
-                });
-                this.table._selection = __spread(this.table._selection, unselecteds);
-            }
-            else {
-                value.forEach(function (data) {
-                    _this.table._selection = _this.table._selection.filter(function (record) { return record[dataKey] !== data[dataKey]; });
-                });
-            }
-            this.table.updateSelectionKeys();
-            this.table.selectionChange.emit(this.table._selection);
-            this.tableService.onSelectionChange();
-            if (this.table.isStateful())
-                this.table.saveState();
-        };
-        TableHeaderCheckboxComponent.prototype.isAllFilteredValuesChecked = function () {
-            var e_1, _a;
-            if (!this.table.filteredValue) {
-                return false;
-            }
-            else {
-                try {
-                    for (var _b = __values(this.table.filteredValue), _c = _b.next(); !_c.done; _c = _b.next()) {
-                        var rowData = _c.value;
-                        if (!this.table.isSelected(rowData)) {
-                            return false;
-                        }
-                    }
-                }
-                catch (e_1_1) { e_1 = { error: e_1_1 }; }
-                finally {
-                    try {
-                        if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-                    }
-                    finally { if (e_1) throw e_1.error; }
-                }
-                return true;
-            }
-        };
-        TableHeaderCheckboxComponent.prototype.isAllValuesChecked = function () {
-            var e_2, _a;
-            if (!this.table.value) {
-                return false;
-            }
-            else {
-                try {
-                    for (var _b = __values(this.table.value), _c = _b.next(); !_c.done; _c = _b.next()) {
-                        var rowData = _c.value;
-                        if (!this.table.isSelected(rowData)) {
-                            return false;
-                        }
-                    }
-                }
-                catch (e_2_1) { e_2 = { error: e_2_1 }; }
-                finally {
-                    try {
-                        if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-                    }
-                    finally { if (e_2) throw e_2.error; }
-                }
-                return true;
-            }
-        };
-        var TableHeaderCheckboxComponent_1;
-        TableHeaderCheckboxComponent.nextId = 0;
-        TableHeaderCheckboxComponent.ctorParameters = function () { return [
-            { type: table.Table },
-            { type: table.TableService }
-        ]; };
-        __decorate([
-            core.Input()
-        ], TableHeaderCheckboxComponent.prototype, "id", void 0);
-        __decorate([
-            core.Input()
-        ], TableHeaderCheckboxComponent.prototype, "disabled", void 0);
-        __decorate([
-            core.Input()
-        ], TableHeaderCheckboxComponent.prototype, "rowProps", void 0);
-        __decorate([
-            core.Input()
-        ], TableHeaderCheckboxComponent.prototype, "useAllObject", void 0);
-        TableHeaderCheckboxComponent = TableHeaderCheckboxComponent_1 = __decorate([
-            core.Component({
-                selector: "s-table-header-checkbox",
-                template: "\n        <div class=\"ui-chkbox ui-widget\" (click)=\"onClick()\">\n            <div class=\"ui-helper-hidden-accessible\">\n                <input type=\"checkbox\" [checked]=\"checked\" (focus)=\"onFocus()\" (blur)=\"onBlur()\" [disabled]=\"isDisabled()\">\n            </div>\n            <div [ngClass]=\"{'ui-chkbox-box ui-widget ui-state-default':true,\n                'ui-state-active':checked, 'ui-state-disabled': isDisabled(), 'ui-state-focus': hasFocus}\">\n                <span [id]=\"id\" class=\"ui-chkbox-icon ui-clickable\" [ngClass]=\"{'pi pi-check':checked}\"></span>\n            </div>\n        </div>\n    "
-            })
-        ], TableHeaderCheckboxComponent);
-        return TableHeaderCheckboxComponent;
-    }());
-
-    var TableHeaderCheckboxModule = /** @class */ (function () {
-        function TableHeaderCheckboxModule() {
-        }
-        TableHeaderCheckboxModule = __decorate([
-            core.NgModule({
-                imports: [common.CommonModule],
-                exports: [TableHeaderCheckboxComponent],
-                declarations: [TableHeaderCheckboxComponent],
-            })
-        ], TableHeaderCheckboxModule);
-        return TableHeaderCheckboxModule;
-    }());
-
-    var AutocompleteFieldComponent = /** @class */ (function () {
-        function AutocompleteFieldComponent(changeDetectorRef, elementRef) {
-            this.changeDetectorRef = changeDetectorRef;
-            this.elementRef = elementRef;
-        }
-        AutocompleteFieldComponent.prototype.ngAfterViewInit = function () {
-            this.setInputRef();
-            this.changeDetectorRef.detectChanges();
-        };
-        AutocompleteFieldComponent.prototype.setInputRef = function () {
-            this.inputRef = this.elementRef.nativeElement.querySelector('input');
-        };
-        AutocompleteFieldComponent.ctorParameters = function () { return [
-            { type: core.ChangeDetectorRef },
-            { type: core.ElementRef }
-        ]; };
-        __decorate([
-            core.Input()
-        ], AutocompleteFieldComponent.prototype, "field", void 0);
-        __decorate([
-            core.Input()
-        ], AutocompleteFieldComponent.prototype, "formControl", void 0);
-        AutocompleteFieldComponent = __decorate([
-            core.Component({
-                template: "<s-field-label *ngIf=\"inputRef\" [field]=\"field\"\n    [fieldContainerRef]=\"inputRef\"></s-field-label>\n    \n<div\n    [sTooltip]=\"field.tooltip\"\n    tooltipPosition=\"top\"\n    [showDelay]=\"500\">\n    <s-lookup\n        [id]=\"(field.id || field.name)\"\n        [multiple]=\"field.multiple\"\n        [formControl]=\"formControl\"\n        [placeholder]=\"field.placeholder\"\n        [lookupSuggestions]=\"field.suggestions\"\n        [dataKey]=\"field.dataKey\"\n        (onLookupRequest)=\"field.onSearch($event)\"\n        [lookupDisplayField]=\"field.displayField\"\n        [showSearch]=\"false\"\n        [lookupAppendTo]=\"field.appendTo\"\n        (onSelect)=\"field.onSelect ? field.onSelect($event) : null\"\n        (onUnselect)=\"field.onUnselect ? field.onUnselect($event) : null\"\n        (onClear)=\"field.onClear ? field.onClear($event) : null\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        [lookupEmptyMessage]=\"field.emptyMessage\">\n    </s-lookup>\n</div>\n"
-            })
-        ], AutocompleteFieldComponent);
-        return AutocompleteFieldComponent;
-    }());
-
-    var BooleanFieldComponent = /** @class */ (function () {
-        function BooleanFieldComponent() {
-        }
-        BooleanFieldComponent.prototype.onClear = function () {
-            this.formControl.reset();
+        AutocompleteFieldComponent.ctorParameters = function () { return [
+            { type: core.ChangeDetectorRef },
+            { type: core.ElementRef }
+        ]; };
+        __decorate([
+            core.Input()
+        ], AutocompleteFieldComponent.prototype, "field", void 0);
+        __decorate([
+            core.Input()
+        ], AutocompleteFieldComponent.prototype, "formControl", void 0);
+        AutocompleteFieldComponent = __decorate([
+            core.Component({
+                template: "<s-field-label *ngIf=\"inputRef\" [field]=\"field\"\n    [fieldContainerRef]=\"inputRef\"></s-field-label>\n    \n<div\n    [sTooltip]=\"field.tooltip\"\n    tooltipPosition=\"top\"\n    [showDelay]=\"500\">\n    <s-lookup\n        [id]=\"(field.id || field.name)\"\n        [multiple]=\"field.multiple\"\n        [formControl]=\"formControl\"\n        [placeholder]=\"field.placeholder\"\n        [lookupSuggestions]=\"field.suggestions\"\n        [dataKey]=\"field.dataKey\"\n        (onLookupRequest)=\"field.onSearch($event)\"\n        [lookupDisplayField]=\"field.displayField\"\n        [showSearch]=\"false\"\n        [lookupAppendTo]=\"field.appendTo\"\n        (onSelect)=\"field.onSelect ? field.onSelect($event) : null\"\n        (onUnselect)=\"field.onUnselect ? field.onUnselect($event) : null\"\n        (onClear)=\"field.onClear ? field.onClear($event) : null\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        [lookupEmptyMessage]=\"field.emptyMessage\">\n    </s-lookup>\n</div>\n"
+            })
+        ], AutocompleteFieldComponent);
+        return AutocompleteFieldComponent;
+    }());
+
+    var BooleanFieldComponent = /** @class */ (function () {
+        function BooleanFieldComponent() {
+        }
+        BooleanFieldComponent.prototype.onClear = function () {
+            this.formControl.reset();
         };
         __decorate([
             core.Input()
@@ -10494,30 +10658,6 @@
         return CountryPhonePickerFieldComponent;
     }());
 
-    var FieldsetComponent = /** @class */ (function () {
-        function FieldsetComponent() {
-        }
-        __decorate([
-            core.Input()
-        ], FieldsetComponent.prototype, "id", void 0);
-        __decorate([
-            core.Input()
-        ], FieldsetComponent.prototype, "config", void 0);
-        __decorate([
-            core.Input()
-        ], FieldsetComponent.prototype, "group", void 0);
-        __decorate([
-            core.Input()
-        ], FieldsetComponent.prototype, "errorMessages", void 0);
-        FieldsetComponent = __decorate([
-            core.Component({
-                selector: "s-fieldset",
-                template: "\n        <p-fieldset [toggleable]=\"true\" (onBeforeToggle)=\"config.beforeToggle ? config.beforeToggle($event) : 'null'\"\n            (onAfterToggle)=\"config.afterToggle ? config.afterToggle($event) : 'null'\">\n            <p-header>{{config.header}}</p-header>\n            <ng-container *ngFor=\"let conf of config.configs\">\n                <ng-container *sDynamicForm=\"{ id: id, config: conf, group: group, errorMessages: errorMessages }\"></ng-container>\n            </ng-container>\n        </p-fieldset>\n    "
-            })
-        ], FieldsetComponent);
-        return FieldsetComponent;
-    }());
-
     var FileUploadComponent$1 = /** @class */ (function (_super) {
         __extends(FileUploadComponent, _super);
         function FileUploadComponent(changeDetectorRef, elementRef) {
@@ -10630,29 +10770,6 @@
         return RadioButtonComponent;
     }());
 
-    var SectionComponent = /** @class */ (function () {
-        function SectionComponent() {
-        }
-        __decorate([
-            core.Input()
-        ], SectionComponent.prototype, "id", void 0);
-        __decorate([
-            core.Input()
-        ], SectionComponent.prototype, "config", void 0);
-        __decorate([
-            core.Input()
-        ], SectionComponent.prototype, "group", void 0);
-        __decorate([
-            core.Input()
-        ], SectionComponent.prototype, "errorMessages", void 0);
-        SectionComponent = __decorate([
-            core.Component({
-                template: "\n        <h3 *ngIf=\"config?.header\" class=\"sds-section-title\">{{config.header}}</h3>\n        <ng-container *ngFor=\"let conf of config.configs\">\n            <ng-container *sDynamicForm=\"{ id: id, config: conf, group: group, errorMessages: errorMessages }\"></ng-container>\n        </ng-container>\n    "
-            })
-        ], SectionComponent);
-        return SectionComponent;
-    }());
-
     var SelectFieldComponent = /** @class */ (function (_super) {
         __extends(SelectFieldComponent, _super);
         function SelectFieldComponent() {
@@ -10788,33 +10905,6 @@
         return SliderFieldComponent;
     }(BaseFieldComponent));
 
-    var TextAreaFieldComponent = /** @class */ (function () {
-        function TextAreaFieldComponent(changeDetectorRef) {
-            this.changeDetectorRef = changeDetectorRef;
-        }
-        TextAreaFieldComponent.prototype.ngAfterViewInit = function () {
-            this.changeDetectorRef.detectChanges();
-        };
-        TextAreaFieldComponent.ctorParameters = function () { return [
-            { type: core.ChangeDetectorRef }
-        ]; };
-        __decorate([
-            core.Input()
-        ], TextAreaFieldComponent.prototype, "field", void 0);
-        __decorate([
-            core.Input()
-        ], TextAreaFieldComponent.prototype, "formControl", void 0);
-        __decorate([
-            core.ViewChild('inputRef')
-        ], TextAreaFieldComponent.prototype, "inputRef", void 0);
-        TextAreaFieldComponent = __decorate([
-            core.Component({
-                template: "<s-field-label *ngIf=\"inputRef\" [field]=\"field\"\n    [fieldContainerRef]=\"inputRef?.nativeElement\"></s-field-label>\n\n<textarea #inputRef\n    [id]=\"(field.id || field.name)\"\n    *ngIf=\"!field.keyFilter\"\n    pInputTextarea\n    [rows]=\"field.rows\"\n    [cols]=\"field.cols\"\n    [formControl]=\"formControl\"\n    style=\"resize: vertical;\"\n    [ngStyle]=\"field.style\"\n    [readonly]=\"field.readonly ? field.readonly() : false\"\n></textarea>\n<textarea #inputRef\n    [id]=\"(field.id || field.name)\"\n    *ngIf=\"field.keyFilter\"\n    pInputTextarea\n    [rows]=\"field.rows\"\n    [cols]=\"field.cols\"\n    [formControl]=\"formControl\"\n    style=\"resize: vertical;\"\n    [pKeyFilter]=\"field.keyFilter\"\n    [ngStyle]=\"field.style\"\n    [readonly]=\"field.readonly ? field.readonly() : false\"\n></textarea>\n"
-            })
-        ], TextAreaFieldComponent);
-        return TextAreaFieldComponent;
-    }());
-
     var TextAreaIAFieldComponent = /** @class */ (function () {
         function TextAreaIAFieldComponent(_iassistService, _formBuilder, _translateService) {
             this._iassistService = _iassistService;
@@ -10895,6 +10985,80 @@
         return TextAreaIAFieldComponent;
     }());
 
+    var TextAreaFieldComponent = /** @class */ (function () {
+        function TextAreaFieldComponent(changeDetectorRef) {
+            this.changeDetectorRef = changeDetectorRef;
+        }
+        TextAreaFieldComponent.prototype.ngAfterViewInit = function () {
+            this.changeDetectorRef.detectChanges();
+        };
+        TextAreaFieldComponent.ctorParameters = function () { return [
+            { type: core.ChangeDetectorRef }
+        ]; };
+        __decorate([
+            core.Input()
+        ], TextAreaFieldComponent.prototype, "field", void 0);
+        __decorate([
+            core.Input()
+        ], TextAreaFieldComponent.prototype, "formControl", void 0);
+        __decorate([
+            core.ViewChild('inputRef')
+        ], TextAreaFieldComponent.prototype, "inputRef", void 0);
+        TextAreaFieldComponent = __decorate([
+            core.Component({
+                template: "<s-field-label *ngIf=\"inputRef\" [field]=\"field\"\n    [fieldContainerRef]=\"inputRef?.nativeElement\"></s-field-label>\n\n<textarea #inputRef\n    [id]=\"(field.id || field.name)\"\n    *ngIf=\"!field.keyFilter\"\n    pInputTextarea\n    [rows]=\"field.rows\"\n    [cols]=\"field.cols\"\n    [formControl]=\"formControl\"\n    style=\"resize: vertical;\"\n    [ngStyle]=\"field.style\"\n    [readonly]=\"field.readonly ? field.readonly() : false\"\n></textarea>\n<textarea #inputRef\n    [id]=\"(field.id || field.name)\"\n    *ngIf=\"field.keyFilter\"\n    pInputTextarea\n    [rows]=\"field.rows\"\n    [cols]=\"field.cols\"\n    [formControl]=\"formControl\"\n    style=\"resize: vertical;\"\n    [pKeyFilter]=\"field.keyFilter\"\n    [ngStyle]=\"field.style\"\n    [readonly]=\"field.readonly ? field.readonly() : false\"\n></textarea>\n"
+            })
+        ], TextAreaFieldComponent);
+        return TextAreaFieldComponent;
+    }());
+
+    var FieldsetComponent = /** @class */ (function () {
+        function FieldsetComponent() {
+        }
+        __decorate([
+            core.Input()
+        ], FieldsetComponent.prototype, "id", void 0);
+        __decorate([
+            core.Input()
+        ], FieldsetComponent.prototype, "config", void 0);
+        __decorate([
+            core.Input()
+        ], FieldsetComponent.prototype, "group", void 0);
+        __decorate([
+            core.Input()
+        ], FieldsetComponent.prototype, "errorMessages", void 0);
+        FieldsetComponent = __decorate([
+            core.Component({
+                selector: "s-fieldset",
+                template: "\n        <p-fieldset [toggleable]=\"true\" (onBeforeToggle)=\"config.beforeToggle ? config.beforeToggle($event) : 'null'\"\n            (onAfterToggle)=\"config.afterToggle ? config.afterToggle($event) : 'null'\">\n            <p-header>{{config.header}}</p-header>\n            <ng-container *ngFor=\"let conf of config.configs\">\n                <ng-container *sDynamicForm=\"{ id: id, config: conf, group: group, errorMessages: errorMessages }\"></ng-container>\n            </ng-container>\n        </p-fieldset>\n    "
+            })
+        ], FieldsetComponent);
+        return FieldsetComponent;
+    }());
+
+    var SectionComponent = /** @class */ (function () {
+        function SectionComponent() {
+        }
+        __decorate([
+            core.Input()
+        ], SectionComponent.prototype, "id", void 0);
+        __decorate([
+            core.Input()
+        ], SectionComponent.prototype, "config", void 0);
+        __decorate([
+            core.Input()
+        ], SectionComponent.prototype, "group", void 0);
+        __decorate([
+            core.Input()
+        ], SectionComponent.prototype, "errorMessages", void 0);
+        SectionComponent = __decorate([
+            core.Component({
+                template: "\n        <h3 *ngIf=\"config?.header\" class=\"sds-section-title\">{{config.header}}</h3>\n        <ng-container *ngFor=\"let conf of config.configs\">\n            <ng-container *sDynamicForm=\"{ id: id, config: conf, group: group, errorMessages: errorMessages }\"></ng-container>\n        </ng-container>\n    "
+            })
+        ], SectionComponent);
+        return SectionComponent;
+    }());
+
     var RowComponent = /** @class */ (function () {
         function RowComponent() {
         }
@@ -11274,12 +11438,159 @@
         ], TextFieldComponent.prototype, "inputRef", void 0);
         TextFieldComponent = __decorate([
             core.Component({
-                template: "<s-field-label *ngIf=\"inputRef\" [field]=\"field\"\n    [fieldContainerRef]=\"inputRef?.nativeElement\"></s-field-label>\n\n<p-inputMask #inputRef\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    [readonly]=\"field.readonly ? field.readonly() : false\">\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 #inputRef\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        [readOnly]=\"field.readonly ? field.readonly() : false\" />\n</ng-template>\n<ng-template #inputKeyFilter>\n    <input #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        [readOnly]=\"field.readonly ? field.readonly() : false\" />\n</ng-template>\n",
+                template: "<s-field-label *ngIf=\"inputRef\" [field]=\"field\"\n    [fieldContainerRef]=\"inputRef?.nativeElement\"></s-field-label>\n\n<p-inputMask #inputRef\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    [readonly]=\"field.readonly ? field.readonly() : false\">\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 #inputRef\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        [readOnly]=\"field.readonly ? field.readonly() : false\" />\n</ng-template>\n<ng-template #inputKeyFilter>\n    <input #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        [readOnly]=\"field.readonly ? field.readonly() : false\" />\n</ng-template>\n",
+                encapsulation: core.ViewEncapsulation.None,
+                styles: ["s-text-field.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-text-field.ng-dirty.ng-invalid .ui-inputtext:hover{border-color:#e44328}.addon-button{border:1px solid #c1c1cc}.addon-button s-button .s-button-with-text,.addon-button s-button button{height:100%;min-width:40px}.addon-button--left{border-radius:5px 0 0 5px;border-right:none}.addon-button--left s-button button{border-bottom-right-radius:0;border-top-right-radius:0}.addon-button--right{border-left:none;border-radius:0 5px 5px 0}.addon-button--right s-button button{border-bottom-left-radius:0;border-top-left-radius:0}"]
+            })
+        ], TextFieldComponent);
+        return TextFieldComponent;
+    }(BaseFieldComponent));
+
+    var CodeEditorFieldComponent = /** @class */ (function () {
+        function CodeEditorFieldComponent() {
+        }
+        __decorate([
+            core.Input()
+        ], CodeEditorFieldComponent.prototype, "field", void 0);
+        __decorate([
+            core.Input()
+        ], CodeEditorFieldComponent.prototype, "formControl", void 0);
+        CodeEditorFieldComponent = __decorate([
+            core.Component({
+                template: "<s-field-label [field]=\"field\"></s-field-label>\n\n<s-code-editor\n    [editorOptions]=\"field.editorOptions\"\n    [(code)]=\"field.code\"\n    [formControl]=\"formControl\"\n    (onComponentFinishLoad)=\"field.onComponentFinishLoad ? field.onComponentFinishLoad($event) : null\"\n    (onCodeChange)=\"field.onCodeChange ? field.onCodeChange($event) : null\">\n</s-code-editor>"
+            })
+        ], CodeEditorFieldComponent);
+        return CodeEditorFieldComponent;
+    }());
+
+    var CheckboxFieldComponent = /** @class */ (function () {
+        function CheckboxFieldComponent() {
+        }
+        __decorate([
+            core.Input()
+        ], CheckboxFieldComponent.prototype, "field", void 0);
+        __decorate([
+            core.Input()
+        ], CheckboxFieldComponent.prototype, "formControl", void 0);
+        CheckboxFieldComponent = __decorate([
+            core.Component({
+                template: "<s-checkbox\n    [data]=\"field.data\"\n    [formControl]=\"formControl\">\n</s-checkbox>"
+            })
+        ], CheckboxFieldComponent);
+        return CheckboxFieldComponent;
+    }());
+
+    var NumberFieldComponent = /** @class */ (function (_super) {
+        __extends(NumberFieldComponent, _super);
+        function NumberFieldComponent(localeService, elementRef, changeDetectorRef) {
+            var _this = _super.call(this) || this;
+            _this.localeService = localeService;
+            _this.elementRef = elementRef;
+            _this.changeDetectorRef = changeDetectorRef;
+            _this.onInput = new core.EventEmitter();
+            _this.onFocus = new core.EventEmitter();
+            _this.onComplete = new core.EventEmitter();
+            _this.ngUnsubscribe = new rxjs.Subject();
+            return _this;
+        }
+        NumberFieldComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.onLocaleService();
+            this.onFocus.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function (event) {
+                if (_this.field.onFocus)
+                    _this.field.onFocus(event);
+            });
+            this.onInput.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function (event) {
+                if (_this.field.onInput)
+                    _this.field.onInput(event);
+            });
+            this.onComplete.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function (event) {
+                if (_this.field.onComplete)
+                    _this.field.onComplete(event);
+            });
+        };
+        NumberFieldComponent.prototype.ngAfterViewInit = function () {
+            this.setInputRef();
+            this.changeDetectorRef.detectChanges();
+        };
+        NumberFieldComponent.prototype.ngOnDestroy = function () {
+            this.ngUnsubscribe.next();
+            this.ngUnsubscribe.complete();
+        };
+        Object.defineProperty(NumberFieldComponent.prototype, "numberAlignmentOption", {
+            get: function () {
+                return exports.NumberAlignmentOption;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(NumberFieldComponent.prototype, "fieldType", {
+            get: function () {
+                return exports.FieldType;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        NumberFieldComponent.prototype.onLocaleService = function () {
+            var _this = this;
+            this.localeService
+                .getLocale()
+                .pipe(operators.first())
+                .subscribe({
+                next: function () {
+                    var _a, _b, _c;
+                    if (!((_a = _this.field.numberLocaleOptions) === null || _a === void 0 ? void 0 : _a.decimalSeparator)) {
+                        _this.field.numberLocaleOptions = __assign(__assign({}, _this.field.numberLocaleOptions), { decimalSeparator: _this.localeService.getDecimalSeparator() });
+                    }
+                    if (!((_b = _this.field.numberLocaleOptions) === null || _b === void 0 ? void 0 : _b.thousandsSeparator)) {
+                        _this.field.numberLocaleOptions = __assign(__assign({}, _this.field.numberLocaleOptions), { thousandsSeparator: _this.localeService.getGroupingSeparator() });
+                    }
+                    if (!((_c = _this.field.numberLocaleOptions) === null || _c === void 0 ? void 0 : _c.currencySymbol)) {
+                        _this.field.numberLocaleOptions = __assign(__assign({}, _this.field.numberLocaleOptions), { currencySymbol: "R$" });
+                    }
+                },
+                error: function () {
+                    var _a;
+                    return (_this.field.numberLocaleOptions = (_a = _this.field.numberLocaleOptions) !== null && _a !== void 0 ? _a : {
+                        thousandsSeparator: ".",
+                        decimalSeparator: ",",
+                        currencySymbol: "R$",
+                    });
+                },
+            });
+        };
+        NumberFieldComponent.prototype.setInputRef = function () {
+            var input = this.elementRef.nativeElement.querySelector("input");
+            this.inputRef = input;
+        };
+        NumberFieldComponent.ctorParameters = function () { return [
+            { type: LocaleService },
+            { type: core.ElementRef },
+            { type: core.ChangeDetectorRef }
+        ]; };
+        __decorate([
+            core.Input()
+        ], NumberFieldComponent.prototype, "field", void 0);
+        __decorate([
+            core.Input()
+        ], NumberFieldComponent.prototype, "formControl", void 0);
+        __decorate([
+            core.Output()
+        ], NumberFieldComponent.prototype, "onInput", void 0);
+        __decorate([
+            core.Output()
+        ], NumberFieldComponent.prototype, "onFocus", void 0);
+        __decorate([
+            core.Output()
+        ], NumberFieldComponent.prototype, "onComplete", void 0);
+        NumberFieldComponent = __decorate([
+            core.Component({
+                template: "<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: core.ViewEncapsulation.None,
-                styles: ["s-text-field.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-text-field.ng-dirty.ng-invalid .ui-inputtext:hover{border-color:#e44328}.addon-button{border:1px solid #c1c1cc}.addon-button s-button .s-button-with-text,.addon-button s-button button{height:100%;min-width:40px}.addon-button--left{border-radius:5px 0 0 5px;border-right:none}.addon-button--left s-button button{border-bottom-right-radius:0;border-top-right-radius:0}.addon-button--right{border-left:none;border-radius:0 5px 5px 0}.addon-button--right s-button button{border-bottom-left-radius:0;border-top-left-radius:0}"]
+                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}"]
             })
-        ], TextFieldComponent);
-        return TextFieldComponent;
+        ], NumberFieldComponent);
+        return NumberFieldComponent;
     }(BaseFieldComponent));
 
     var ProfilePictureFieldComponent = /** @class */ (function () {
@@ -11388,8 +11699,12 @@
                     return TextFieldComponent;
                 case exports.FieldType.Boolean:
                     return this.field.representedBy === "switch" ? BooleanSwitchFieldComponent : BooleanFieldComponent;
+                case exports.FieldType.Checkbox:
+                    return CheckboxFieldComponent;
                 case exports.FieldType.Chips:
                     return ChipsFieldComponent;
+                case exports.FieldType.CodeEditor:
+                    return CodeEditorFieldComponent;
                 case exports.FieldType.CountryPhonePicker:
                     return CountryPhonePickerFieldComponent;
                 case exports.FieldType.Date:
@@ -11612,163 +11927,76 @@
         return FieldLabelModule;
     }());
 
-    var PasswordFieldModule = /** @class */ (function () {
-        function PasswordFieldModule() {
+    var BignumberFieldModule = /** @class */ (function () {
+        function BignumberFieldModule() {
         }
-        PasswordFieldModule = __decorate([
+        BignumberFieldModule = __decorate([
             core.NgModule({
                 imports: [
                     common.CommonModule,
                     forms.FormsModule,
                     forms.ReactiveFormsModule,
                     ButtonModule,
+                    BignumberInputModule,
                     TooltipModule,
-                    PasswordStrengthModule,
+                    inputmask.InputMaskModule,
                     inputtext.InputTextModule,
                     FieldLabelModule
                 ],
-                declarations: [PasswordFieldComponent],
-                exports: [PasswordFieldComponent],
+                declarations: [BignumberFieldComponent],
+                exports: [BignumberFieldComponent],
             })
-        ], PasswordFieldModule);
-        return PasswordFieldModule;
+        ], BignumberFieldModule);
+        return BignumberFieldModule;
     }());
 
-    var TextFieldModule = /** @class */ (function () {
-        function TextFieldModule() {
+    var CheckboxFieldModule = /** @class */ (function () {
+        function CheckboxFieldModule() {
         }
-        TextFieldModule = __decorate([
+        CheckboxFieldModule = __decorate([
+            core.NgModule({
+                imports: [common.CommonModule, forms.FormsModule, forms.ReactiveFormsModule, CheckboxModule],
+                declarations: [CheckboxFieldComponent],
+                exports: [CheckboxFieldComponent],
+            })
+        ], CheckboxFieldModule);
+        return CheckboxFieldModule;
+    }());
+
+    var CurrencyFieldModule = /** @class */ (function () {
+        function CurrencyFieldModule() {
+        }
+        CurrencyFieldModule = __decorate([
             core.NgModule({
                 imports: [
                     common.CommonModule,
                     forms.FormsModule,
                     forms.ReactiveFormsModule,
-                    ButtonModule,
+                    NumberInputModule,
                     TooltipModule,
                     inputmask.InputMaskModule,
                     inputtext.InputTextModule,
-                    keyfilter.KeyFilterModule,
                     FieldLabelModule
                 ],
-                declarations: [TextFieldComponent],
-                exports: [TextFieldComponent],
+                declarations: [CurrencyFieldComponent],
+                exports: [CurrencyFieldComponent],
             })
-        ], TextFieldModule);
-        return TextFieldModule;
+        ], CurrencyFieldModule);
+        return CurrencyFieldModule;
     }());
 
-    var NumberFieldComponent = /** @class */ (function (_super) {
-        __extends(NumberFieldComponent, _super);
-        function NumberFieldComponent(localeService, elementRef, changeDetectorRef) {
-            var _this = _super.call(this) || this;
-            _this.localeService = localeService;
-            _this.elementRef = elementRef;
-            _this.changeDetectorRef = changeDetectorRef;
-            _this.onInput = new core.EventEmitter();
-            _this.onFocus = new core.EventEmitter();
-            _this.onComplete = new core.EventEmitter();
-            _this.ngUnsubscribe = new rxjs.Subject();
-            return _this;
+    var EditorFieldModule = /** @class */ (function () {
+        function EditorFieldModule() {
         }
-        NumberFieldComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.onLocaleService();
-            this.onFocus.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function (event) {
-                if (_this.field.onFocus)
-                    _this.field.onFocus(event);
-            });
-            this.onInput.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function (event) {
-                if (_this.field.onInput)
-                    _this.field.onInput(event);
-            });
-            this.onComplete.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function (event) {
-                if (_this.field.onComplete)
-                    _this.field.onComplete(event);
-            });
-        };
-        NumberFieldComponent.prototype.ngAfterViewInit = function () {
-            this.setInputRef();
-            this.changeDetectorRef.detectChanges();
-        };
-        NumberFieldComponent.prototype.ngOnDestroy = function () {
-            this.ngUnsubscribe.next();
-            this.ngUnsubscribe.complete();
-        };
-        Object.defineProperty(NumberFieldComponent.prototype, "numberAlignmentOption", {
-            get: function () {
-                return exports.NumberAlignmentOption;
-            },
-            enumerable: true,
-            configurable: true
-        });
-        Object.defineProperty(NumberFieldComponent.prototype, "fieldType", {
-            get: function () {
-                return exports.FieldType;
-            },
-            enumerable: true,
-            configurable: true
-        });
-        NumberFieldComponent.prototype.onLocaleService = function () {
-            var _this = this;
-            this.localeService
-                .getLocale()
-                .pipe(operators.first())
-                .subscribe({
-                next: function () {
-                    var _a, _b, _c;
-                    if (!((_a = _this.field.numberLocaleOptions) === null || _a === void 0 ? void 0 : _a.decimalSeparator)) {
-                        _this.field.numberLocaleOptions = __assign(__assign({}, _this.field.numberLocaleOptions), { decimalSeparator: _this.localeService.getDecimalSeparator() });
-                    }
-                    if (!((_b = _this.field.numberLocaleOptions) === null || _b === void 0 ? void 0 : _b.thousandsSeparator)) {
-                        _this.field.numberLocaleOptions = __assign(__assign({}, _this.field.numberLocaleOptions), { thousandsSeparator: _this.localeService.getGroupingSeparator() });
-                    }
-                    if (!((_c = _this.field.numberLocaleOptions) === null || _c === void 0 ? void 0 : _c.currencySymbol)) {
-                        _this.field.numberLocaleOptions = __assign(__assign({}, _this.field.numberLocaleOptions), { currencySymbol: "R$" });
-                    }
-                },
-                error: function () {
-                    var _a;
-                    return (_this.field.numberLocaleOptions = (_a = _this.field.numberLocaleOptions) !== null && _a !== void 0 ? _a : {
-                        thousandsSeparator: ".",
-                        decimalSeparator: ",",
-                        currencySymbol: "R$",
-                    });
-                },
-            });
-        };
-        NumberFieldComponent.prototype.setInputRef = function () {
-            var input = this.elementRef.nativeElement.querySelector("input");
-            this.inputRef = input;
-        };
-        NumberFieldComponent.ctorParameters = function () { return [
-            { type: LocaleService },
-            { type: core.ElementRef },
-            { type: core.ChangeDetectorRef }
-        ]; };
-        __decorate([
-            core.Input()
-        ], NumberFieldComponent.prototype, "field", void 0);
-        __decorate([
-            core.Input()
-        ], NumberFieldComponent.prototype, "formControl", void 0);
-        __decorate([
-            core.Output()
-        ], NumberFieldComponent.prototype, "onInput", void 0);
-        __decorate([
-            core.Output()
-        ], NumberFieldComponent.prototype, "onFocus", void 0);
-        __decorate([
-            core.Output()
-        ], NumberFieldComponent.prototype, "onComplete", void 0);
-        NumberFieldComponent = __decorate([
-            core.Component({
-                template: "<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: core.ViewEncapsulation.None,
-                styles: ["s-number-field.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-number-field.ng-dirty.ng-invalid .ui-inputtext:hover{border-color:#e44328}.addon-button{border:1px solid #c1c1cc}.addon-button s-button .s-button-with-text,.addon-button s-button button{height:100%;min-width:40px}.addon-button--left{border-radius:5px 0 0 5px;border-right:none}.addon-button--left s-button button{border-bottom-right-radius:0;border-top-right-radius:0}.addon-button--right{border-left:none;border-radius:0 5px 5px 0}.addon-button--right s-button button{border-bottom-left-radius:0;border-top-left-radius:0}"]
+        EditorFieldModule = __decorate([
+            core.NgModule({
+                imports: [common.CommonModule, forms.FormsModule, forms.ReactiveFormsModule, editor.EditorModule, FieldLabelModule],
+                declarations: [EditorFieldComponent],
+                exports: [EditorFieldComponent],
             })
-        ], NumberFieldComponent);
-        return NumberFieldComponent;
-    }(BaseFieldComponent));
+        ], EditorFieldModule);
+        return EditorFieldModule;
+    }());
 
     var NumberFieldModule = /** @class */ (function () {
         function NumberFieldModule() {
@@ -11794,49 +12022,26 @@
         return NumberFieldModule;
     }());
 
-    var CurrencyFieldModule = /** @class */ (function () {
-        function CurrencyFieldModule() {
-        }
-        CurrencyFieldModule = __decorate([
-            core.NgModule({
-                imports: [
-                    common.CommonModule,
-                    forms.FormsModule,
-                    forms.ReactiveFormsModule,
-                    NumberInputModule,
-                    TooltipModule,
-                    inputmask.InputMaskModule,
-                    inputtext.InputTextModule,
-                    FieldLabelModule
-                ],
-                declarations: [CurrencyFieldComponent],
-                exports: [CurrencyFieldComponent],
-            })
-        ], CurrencyFieldModule);
-        return CurrencyFieldModule;
-    }());
-
-    var BignumberFieldModule = /** @class */ (function () {
-        function BignumberFieldModule() {
+    var PasswordFieldModule = /** @class */ (function () {
+        function PasswordFieldModule() {
         }
-        BignumberFieldModule = __decorate([
+        PasswordFieldModule = __decorate([
             core.NgModule({
                 imports: [
                     common.CommonModule,
                     forms.FormsModule,
                     forms.ReactiveFormsModule,
                     ButtonModule,
-                    BignumberInputModule,
                     TooltipModule,
-                    inputmask.InputMaskModule,
+                    PasswordStrengthModule,
                     inputtext.InputTextModule,
                     FieldLabelModule
                 ],
-                declarations: [BignumberFieldComponent],
-                exports: [BignumberFieldComponent],
+                declarations: [PasswordFieldComponent],
+                exports: [PasswordFieldComponent],
             })
-        ], BignumberFieldModule);
-        return BignumberFieldModule;
+        ], PasswordFieldModule);
+        return PasswordFieldModule;
     }());
 
     var HeaderComponent = /** @class */ (function () {
@@ -12605,17 +12810,40 @@
         return ProfilePictureModule;
     }());
 
-    var EditorFieldModule = /** @class */ (function () {
-        function EditorFieldModule() {
+    var TextFieldModule = /** @class */ (function () {
+        function TextFieldModule() {
         }
-        EditorFieldModule = __decorate([
+        TextFieldModule = __decorate([
             core.NgModule({
-                imports: [common.CommonModule, forms.FormsModule, forms.ReactiveFormsModule, editor.EditorModule, FieldLabelModule],
-                declarations: [EditorFieldComponent],
-                exports: [EditorFieldComponent],
+                imports: [
+                    common.CommonModule,
+                    forms.FormsModule,
+                    forms.ReactiveFormsModule,
+                    ButtonModule,
+                    TooltipModule,
+                    inputmask.InputMaskModule,
+                    inputtext.InputTextModule,
+                    keyfilter.KeyFilterModule,
+                    FieldLabelModule
+                ],
+                declarations: [TextFieldComponent],
+                exports: [TextFieldComponent],
             })
-        ], EditorFieldModule);
-        return EditorFieldModule;
+        ], TextFieldModule);
+        return TextFieldModule;
+    }());
+
+    var CodeEditorFieldModule = /** @class */ (function () {
+        function CodeEditorFieldModule() {
+        }
+        CodeEditorFieldModule = __decorate([
+            core.NgModule({
+                imports: [common.CommonModule, FieldLabelModule, CodeEditorModule, forms.FormsModule, forms.ReactiveFormsModule],
+                declarations: [CodeEditorFieldComponent],
+                exports: [CodeEditorFieldComponent],
+            })
+        ], CodeEditorFieldModule);
+        return CodeEditorFieldModule;
     }());
 
     var DynamicFormModule = /** @class */ (function () {
@@ -12667,14 +12895,16 @@
                     PasswordStrengthModule,
                     slider.SliderModule,
                     core$1.TranslateModule.forChild(),
+                    CodeEditorFieldModule,
                     PasswordFieldModule,
                     TextFieldModule,
                     NumberFieldModule,
                     CurrencyFieldModule,
                     BignumberFieldModule,
+                    CheckboxFieldModule,
                     ProfilePictureModule,
                     EditorFieldModule,
-                    FieldLabelModule
+                    FieldLabelModule,
                 ],
                 declarations: [
                     AutocompleteFieldComponent,
@@ -12699,24 +12929,6 @@
                     TextAreaIAFieldComponent,
                 ],
                 exports: [DynamicFormComponent, LookupComponent],
-                entryComponents: [
-                    AutocompleteFieldComponent,
-                    BooleanFieldComponent,
-                    BooleanSwitchFieldComponent,
-                    CalendarFieldComponent,
-                    ChipsFieldComponent,
-                    CountryPhonePickerFieldComponent,
-                    FieldsetComponent,
-                    FileUploadComponent$1,
-                    LookupFieldComponent,
-                    RadioButtonComponent,
-                    RowComponent,
-                    SectionComponent,
-                    SelectFieldComponent,
-                    SliderFieldComponent,
-                    TextAreaFieldComponent,
-                    TextAreaIAFieldComponent,
-                ],
                 providers: [
                     angular2Hotkeys.HotkeysService,
                     IAssistService,
@@ -19768,7 +19980,10 @@
     exports.CalendarMaskModule = CalendarMaskModule;
     exports.CardComponent = CardComponent;
     exports.CardModule = CardModule;
+    exports.CheckboxComponent = CheckboxComponent;
+    exports.CheckboxModule = CheckboxModule;
     exports.ChipsField = ChipsField;
+    exports.CodeEditorField = CodeEditorField;
     exports.CodeEditorModule = CodeEditorModule;
     exports.CollapseLinkComponent = CollapseLinkComponent;
     exports.CollapseLinkModule = CollapseLinkModule;
@@ -19927,88 +20142,92 @@
     exports.ɵa = TooltipComponent;
     exports.ɵb = TooltipDirective;
     exports.ɵba = TablePagingComponent;
-    exports.ɵbb = PasswordFieldModule;
+    exports.ɵbb = CodeEditorFieldModule;
     exports.ɵbc = FieldLabelModule;
     exports.ɵbd = InfoSignModule;
     exports.ɵbe = FieldLabelComponent;
-    exports.ɵbf = PasswordFieldComponent;
-    exports.ɵbg = TextFieldModule;
-    exports.ɵbh = TextFieldComponent;
-    exports.ɵbi = NumberFieldModule;
-    exports.ɵbj = LocalizedNumberInputModule;
-    exports.ɵbk = NumberInputModule;
-    exports.ɵbl = NumberFieldComponent;
-    exports.ɵbm = CurrencyFieldModule;
-    exports.ɵbn = CurrencyFieldComponent;
-    exports.ɵbo = BignumberFieldModule;
-    exports.ɵbp = BignumberInputModule;
-    exports.ɵbq = BignumberFieldComponent;
-    exports.ɵbr = ProfilePictureModule;
-    exports.ɵbs = ThumbnailService;
-    exports.ɵbt = StructureModule;
-    exports.ɵbu = HeaderComponent;
-    exports.ɵbv = FooterComponent;
-    exports.ɵbw = ProfilePictureFieldComponent;
-    exports.ɵbx = EditorFieldModule;
-    exports.ɵby = EditorFieldComponent;
-    exports.ɵbz = AutocompleteFieldComponent;
+    exports.ɵbf = CodeEditorFieldComponent;
+    exports.ɵbg = PasswordFieldModule;
+    exports.ɵbh = PasswordFieldComponent;
+    exports.ɵbi = TextFieldModule;
+    exports.ɵbj = TextFieldComponent;
+    exports.ɵbk = NumberFieldModule;
+    exports.ɵbl = LocalizedNumberInputModule;
+    exports.ɵbm = NumberInputModule;
+    exports.ɵbn = NumberFieldComponent;
+    exports.ɵbo = CurrencyFieldModule;
+    exports.ɵbp = CurrencyFieldComponent;
+    exports.ɵbq = BignumberFieldModule;
+    exports.ɵbr = BignumberInputModule;
+    exports.ɵbs = BignumberFieldComponent;
+    exports.ɵbt = CheckboxFieldModule;
+    exports.ɵbu = CheckboxFieldComponent;
+    exports.ɵbv = ProfilePictureModule;
+    exports.ɵbw = ThumbnailService;
+    exports.ɵbx = StructureModule;
+    exports.ɵby = HeaderComponent;
+    exports.ɵbz = FooterComponent;
     exports.ɵc = TieredMenuEventService;
-    exports.ɵca = BooleanFieldComponent;
-    exports.ɵcb = BooleanSwitchFieldComponent;
-    exports.ɵcc = CalendarFieldComponent;
-    exports.ɵcd = ChipsFieldComponent;
-    exports.ɵce = CountryPhonePickerFieldComponent;
-    exports.ɵcf = DynamicFieldComponent;
-    exports.ɵcg = DynamicFormDirective;
-    exports.ɵch = FieldsetComponent;
-    exports.ɵci = FileUploadComponent$1;
-    exports.ɵcj = LookupFieldComponent;
-    exports.ɵck = RadioButtonComponent;
-    exports.ɵcl = RowComponent;
-    exports.ɵcm = SectionComponent;
-    exports.ɵcn = SelectFieldComponent;
-    exports.ɵco = SliderFieldComponent;
-    exports.ɵcp = TextAreaFieldComponent;
-    exports.ɵcq = TextAreaIAFieldComponent;
-    exports.ɵcr = IAssistService;
-    exports.ɵct = DecimalField;
-    exports.ɵcu = SideTableComponent;
-    exports.ɵcv = InfiniteScrollModule;
-    exports.ɵcw = InfiniteScrollDirective;
-    exports.ɵcx = IAInsightSidebarComponent;
-    exports.ɵcy = IAInsightCardComponent;
-    exports.ɵcz = IAInsightCardLoaderComponent;
+    exports.ɵca = ProfilePictureFieldComponent;
+    exports.ɵcb = EditorFieldModule;
+    exports.ɵcc = EditorFieldComponent;
+    exports.ɵcd = AutocompleteFieldComponent;
+    exports.ɵce = BooleanFieldComponent;
+    exports.ɵcf = BooleanSwitchFieldComponent;
+    exports.ɵcg = CalendarFieldComponent;
+    exports.ɵch = ChipsFieldComponent;
+    exports.ɵci = CountryPhonePickerFieldComponent;
+    exports.ɵcj = DynamicFieldComponent;
+    exports.ɵck = DynamicFormDirective;
+    exports.ɵcl = FieldsetComponent;
+    exports.ɵcm = FileUploadComponent$1;
+    exports.ɵcn = LookupFieldComponent;
+    exports.ɵco = RadioButtonComponent;
+    exports.ɵcp = RowComponent;
+    exports.ɵcq = SectionComponent;
+    exports.ɵcr = SelectFieldComponent;
+    exports.ɵcs = SliderFieldComponent;
+    exports.ɵct = TextAreaFieldComponent;
+    exports.ɵcu = TextAreaIAFieldComponent;
+    exports.ɵcv = IAssistService;
+    exports.ɵcx = DecimalField;
+    exports.ɵcy = SideTableComponent;
+    exports.ɵcz = InfiniteScrollModule;
     exports.ɵd = TieredMenuService;
-    exports.ɵda = InlineEditItemComponent;
-    exports.ɵdb = LocaleService;
-    exports.ɵdc = InlineEditCalendarComponent;
-    exports.ɵdd = InlineEditLookupComponent;
-    exports.ɵde = InlineEditNumberComponent;
-    exports.ɵdf = InlineEditTextComponent;
-    exports.ɵdg = InlineEditTextAreaComponent;
-    exports.ɵdh = InlineEditTextAreaIAComponent;
-    exports.ɵdi = KanbanEventService;
-    exports.ɵdj = KanbanItemComponent;
-    exports.ɵdk = KanbanColumnComponent;
-    exports.ɵdl = KanbanItemDraggingComponent;
-    exports.ɵdm = NumberLocaleOptions;
-    exports.ɵdn = BorderButtonModule;
-    exports.ɵdo = BorderButtonComponent;
-    exports.ɵdp = ProgressBarDeterminateComponent;
-    exports.ɵdq = ProgressBarIndeterminateComponent;
-    exports.ɵdr = SelectButtonItemComponent;
-    exports.ɵds = SlidePanelService;
-    exports.ɵdt = TimelineItemModule;
-    exports.ɵdu = TimelineIconItemComponent;
-    exports.ɵdv = HorizontalTimelineModule;
-    exports.ɵdw = HorizontalTimelineComponent;
-    exports.ɵdx = VerticalTimelineModule;
-    exports.ɵdy = VerticalTimelineComponent;
-    exports.ɵdz = RangeLineComponent;
+    exports.ɵda = InfiniteScrollDirective;
+    exports.ɵdb = IAInsightSidebarComponent;
+    exports.ɵdc = IAInsightCardComponent;
+    exports.ɵdd = IAInsightCardLoaderComponent;
+    exports.ɵde = InlineEditItemComponent;
+    exports.ɵdf = LocaleService;
+    exports.ɵdg = InlineEditCalendarComponent;
+    exports.ɵdh = InlineEditLookupComponent;
+    exports.ɵdi = InlineEditNumberComponent;
+    exports.ɵdj = InlineEditTextComponent;
+    exports.ɵdk = InlineEditTextAreaComponent;
+    exports.ɵdl = InlineEditTextAreaIAComponent;
+    exports.ɵdm = KanbanEventService;
+    exports.ɵdn = KanbanItemComponent;
+    exports.ɵdo = KanbanColumnComponent;
+    exports.ɵdp = KanbanItemDraggingComponent;
+    exports.ɵdq = NumberLocaleOptions;
+    exports.ɵdr = BorderButtonModule;
+    exports.ɵds = BorderButtonComponent;
+    exports.ɵdt = ProgressBarDeterminateComponent;
+    exports.ɵdu = ProgressBarIndeterminateComponent;
+    exports.ɵdv = SelectButtonItemComponent;
+    exports.ɵdw = SlidePanelService;
+    exports.ɵdx = TimelineItemModule;
+    exports.ɵdy = TimelineIconItemComponent;
+    exports.ɵdz = HorizontalTimelineModule;
     exports.ɵe = TieredMenuGlobalService;
-    exports.ɵea = CollapseOptionComponent;
-    exports.ɵeb = CollapsedItemsComponent;
-    exports.ɵec = VerticalItemsComponent;
+    exports.ɵea = HorizontalTimelineComponent;
+    exports.ɵeb = VerticalTimelineModule;
+    exports.ɵec = VerticalTimelineComponent;
+    exports.ɵed = RangeLineComponent;
+    exports.ɵee = CollapseOptionComponent;
+    exports.ɵef = CollapsedItemsComponent;
+    exports.ɵeg = VerticalItemsComponent;
     exports.ɵf = TieredMenuComponent;
     exports.ɵg = TieredMenuNestedComponent;
     exports.ɵh = TieredMenuItemComponent;