@seniorsistemas/angular-components 17.14.0 → 17.14.2

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;
@@ -3445,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);
@@ -3465,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();
@@ -3492,6 +3504,8 @@
                 .subscribe(function (code) {
                 _this.codeChange.emit(code);
                 _this.onCodeChange.emit(code);
+                _this._onTouched();
+                _this._onChange(code);
             });
             this.coreFacade
                 .getOnCodeValidityChangeObservable()
@@ -3500,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);
@@ -3515,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);
@@ -3527,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);
@@ -4821,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;
@@ -5548,6 +5564,18 @@
         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";
@@ -5556,6 +5584,7 @@
         FieldType["Boolean"] = "Boolean";
         FieldType["Checkbox"] = "Checkbox";
         FieldType["Chips"] = "Chips";
+        FieldType["CodeEditor"] = "CodeEditor";
         FieldType["CountryPhonePicker"] = "CountryPhonePicker";
         FieldType["Custom"] = "Custom";
         FieldType["Date"] = "Date";
@@ -5756,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) {
@@ -5775,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
      */
@@ -6030,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;
@@ -6079,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) {
@@ -6130,72 +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 _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 CheckboxField = /** @class */ (function (_super) {
-        __extends(CheckboxField, _super);
-        function CheckboxField(config) {
+    var CodeEditorField = /** @class */ (function (_super) {
+        __extends(CodeEditorField, _super);
+        function CodeEditorField(config) {
             var _this = _super.call(this, config) || this;
-            _this.data = config.data;
+            _this.editorOptions = config.editorOptions;
+            _this.code = config.code;
+            _this.isCodeValid = config.isCodeValid;
+            _this.onComponentFinishLoad = config.onComponentFinishLoad;
+            _this.onCodeChange = config.onCodeChange;
             return _this;
         }
-        return CheckboxField;
+        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) {
@@ -6221,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) {
@@ -6273,6 +6316,8 @@
                     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:
@@ -6871,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";
@@ -7031,57 +7064,6 @@
         return DynamicFormComponent;
     }());
 
-    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 LongPressDirective = /** @class */ (function () {
         function LongPressDirective() {
             this.sLongPressDelay = 500;
@@ -7184,10 +7166,61 @@
         return MouseEventsModule;
     }());
 
-    var EmptyStateComponent = /** @class */ (function () {
-        function EmptyStateComponent() {
-            this.id = "s-empty-state-" + EmptyStateComponent_1.nextId++;
-            this.iconClass = "fa fa-inbox";
+    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++;
+            this.iconClass = "fa fa-inbox";
             this.showPrimaryAction = true;
             this.showSecondaryAction = true;
             this.primaryModel = [];
@@ -9162,6 +9195,170 @@
         return PasswordStrengthModule;
     }());
 
+    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();
+            });
+        }
+        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;
+        };
+        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);
+            }
+        };
+        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 NavigationDirective = /** @class */ (function () {
         function NavigationDirective() {
         }
@@ -10210,181 +10407,17 @@
         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;
-        };
-        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.prototype.setInputRef = function () {
+            this.inputRef = this.elementRef.nativeElement.querySelector('input');
         };
         AutocompleteFieldComponent.ctorParameters = function () { return [
             { type: core.ChangeDetectorRef },
@@ -10625,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) {
@@ -10761,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() {
@@ -10919,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;
@@ -11026,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() {
         }
@@ -11413,6 +11446,23 @@
         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() {
         }
@@ -11424,7 +11474,7 @@
         ], CheckboxFieldComponent.prototype, "formControl", void 0);
         CheckboxFieldComponent = __decorate([
             core.Component({
-                template: "<s-checkbox [data]=\"field.data\"></s-checkbox>"
+                template: "<s-checkbox\n    [data]=\"field.data\"\n    [formControl]=\"formControl\">\n</s-checkbox>"
             })
         ], CheckboxFieldComponent);
         return CheckboxFieldComponent;
@@ -11653,6 +11703,8 @@
                     return CheckboxFieldComponent;
                 case exports.FieldType.Chips:
                     return ChipsFieldComponent;
+                case exports.FieldType.CodeEditor:
+                    return CodeEditorFieldComponent;
                 case exports.FieldType.CountryPhonePicker:
                     return CountryPhonePickerFieldComponent;
                 case exports.FieldType.Date:
@@ -11875,49 +11927,75 @@
         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 EditorFieldModule = /** @class */ (function () {
+        function EditorFieldModule() {
+        }
+        EditorFieldModule = __decorate([
+            core.NgModule({
+                imports: [common.CommonModule, forms.FormsModule, forms.ReactiveFormsModule, editor.EditorModule, FieldLabelModule],
+                declarations: [EditorFieldComponent],
+                exports: [EditorFieldComponent],
+            })
+        ], EditorFieldModule);
+        return EditorFieldModule;
     }());
 
     var NumberFieldModule = /** @class */ (function () {
@@ -11944,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 () {
@@ -12755,30 +12810,40 @@
         return ProfilePictureModule;
     }());
 
-    var CheckboxFieldModule = /** @class */ (function () {
-        function CheckboxFieldModule() {
+    var TextFieldModule = /** @class */ (function () {
+        function TextFieldModule() {
         }
-        CheckboxFieldModule = __decorate([
+        TextFieldModule = __decorate([
             core.NgModule({
-                imports: [common.CommonModule, forms.FormsModule, forms.ReactiveFormsModule, CheckboxModule],
-                declarations: [CheckboxFieldComponent],
-                exports: [CheckboxFieldComponent],
+                imports: [
+                    common.CommonModule,
+                    forms.FormsModule,
+                    forms.ReactiveFormsModule,
+                    ButtonModule,
+                    TooltipModule,
+                    inputmask.InputMaskModule,
+                    inputtext.InputTextModule,
+                    keyfilter.KeyFilterModule,
+                    FieldLabelModule
+                ],
+                declarations: [TextFieldComponent],
+                exports: [TextFieldComponent],
             })
-        ], CheckboxFieldModule);
-        return CheckboxFieldModule;
+        ], TextFieldModule);
+        return TextFieldModule;
     }());
 
-    var EditorFieldModule = /** @class */ (function () {
-        function EditorFieldModule() {
+    var CodeEditorFieldModule = /** @class */ (function () {
+        function CodeEditorFieldModule() {
         }
-        EditorFieldModule = __decorate([
+        CodeEditorFieldModule = __decorate([
             core.NgModule({
-                imports: [common.CommonModule, forms.FormsModule, forms.ReactiveFormsModule, editor.EditorModule, FieldLabelModule],
-                declarations: [EditorFieldComponent],
-                exports: [EditorFieldComponent],
+                imports: [common.CommonModule, FieldLabelModule, CodeEditorModule, forms.FormsModule, forms.ReactiveFormsModule],
+                declarations: [CodeEditorFieldComponent],
+                exports: [CodeEditorFieldComponent],
             })
-        ], EditorFieldModule);
-        return EditorFieldModule;
+        ], CodeEditorFieldModule);
+        return CodeEditorFieldModule;
     }());
 
     var DynamicFormModule = /** @class */ (function () {
@@ -12830,6 +12895,7 @@
                     PasswordStrengthModule,
                     slider.SliderModule,
                     core$1.TranslateModule.forChild(),
+                    CodeEditorFieldModule,
                     PasswordFieldModule,
                     TextFieldModule,
                     NumberFieldModule,
@@ -12838,7 +12904,7 @@
                     CheckboxFieldModule,
                     ProfilePictureModule,
                     EditorFieldModule,
-                    FieldLabelModule
+                    FieldLabelModule,
                 ],
                 declarations: [
                     AutocompleteFieldComponent,
@@ -12863,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,
@@ -19935,6 +19983,7 @@
     exports.CheckboxComponent = CheckboxComponent;
     exports.CheckboxModule = CheckboxModule;
     exports.ChipsField = ChipsField;
+    exports.CodeEditorField = CodeEditorField;
     exports.CodeEditorModule = CodeEditorModule;
     exports.CollapseLinkComponent = CollapseLinkComponent;
     exports.CollapseLinkModule = CollapseLinkModule;
@@ -20093,90 +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 = CheckboxFieldModule;
-    exports.ɵbs = CheckboxFieldComponent;
-    exports.ɵbt = ProfilePictureModule;
-    exports.ɵbu = ThumbnailService;
-    exports.ɵbv = StructureModule;
-    exports.ɵbw = HeaderComponent;
-    exports.ɵbx = FooterComponent;
-    exports.ɵby = ProfilePictureFieldComponent;
-    exports.ɵbz = EditorFieldModule;
+    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 = EditorFieldComponent;
-    exports.ɵcb = AutocompleteFieldComponent;
-    exports.ɵcc = BooleanFieldComponent;
-    exports.ɵcd = BooleanSwitchFieldComponent;
-    exports.ɵce = CalendarFieldComponent;
-    exports.ɵcf = ChipsFieldComponent;
-    exports.ɵcg = CountryPhonePickerFieldComponent;
-    exports.ɵch = DynamicFieldComponent;
-    exports.ɵci = DynamicFormDirective;
-    exports.ɵcj = FieldsetComponent;
-    exports.ɵck = FileUploadComponent$1;
-    exports.ɵcl = LookupFieldComponent;
-    exports.ɵcm = RadioButtonComponent;
-    exports.ɵcn = RowComponent;
-    exports.ɵco = SectionComponent;
-    exports.ɵcp = SelectFieldComponent;
-    exports.ɵcq = SliderFieldComponent;
-    exports.ɵcr = TextAreaFieldComponent;
-    exports.ɵcs = TextAreaIAFieldComponent;
-    exports.ɵct = IAssistService;
-    exports.ɵcv = DecimalField;
-    exports.ɵcw = SideTableComponent;
-    exports.ɵcx = InfiniteScrollModule;
-    exports.ɵcy = InfiniteScrollDirective;
-    exports.ɵcz = IAInsightSidebarComponent;
+    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 = IAInsightCardComponent;
-    exports.ɵdb = IAInsightCardLoaderComponent;
-    exports.ɵdc = InlineEditItemComponent;
-    exports.ɵdd = LocaleService;
-    exports.ɵde = InlineEditCalendarComponent;
-    exports.ɵdf = InlineEditLookupComponent;
-    exports.ɵdg = InlineEditNumberComponent;
-    exports.ɵdh = InlineEditTextComponent;
-    exports.ɵdi = InlineEditTextAreaComponent;
-    exports.ɵdj = InlineEditTextAreaIAComponent;
-    exports.ɵdk = KanbanEventService;
-    exports.ɵdl = KanbanItemComponent;
-    exports.ɵdm = KanbanColumnComponent;
-    exports.ɵdn = KanbanItemDraggingComponent;
-    exports.ɵdo = NumberLocaleOptions;
-    exports.ɵdp = BorderButtonModule;
-    exports.ɵdq = BorderButtonComponent;
-    exports.ɵdr = ProgressBarDeterminateComponent;
-    exports.ɵds = ProgressBarIndeterminateComponent;
-    exports.ɵdt = SelectButtonItemComponent;
-    exports.ɵdu = SlidePanelService;
-    exports.ɵdv = TimelineItemModule;
-    exports.ɵdw = TimelineIconItemComponent;
-    exports.ɵdx = HorizontalTimelineModule;
-    exports.ɵdy = HorizontalTimelineComponent;
-    exports.ɵdz = VerticalTimelineModule;
+    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 = VerticalTimelineComponent;
-    exports.ɵeb = RangeLineComponent;
-    exports.ɵec = CollapseOptionComponent;
-    exports.ɵed = CollapsedItemsComponent;
-    exports.ɵee = 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;