@seniorsistemas/angular-components 17.8.2 → 17.8.4

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

@@ -1,12 +1,12 @@
 (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('marked'), require('cropperjs'), require('@angular/cdk/drag-drop'), require('element-resize-detector'), require('primeng/confirmdialog'), 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', 'marked', 'cropperjs', '@angular/cdk/drag-drop', 'element-resize-detector', 'primeng/confirmdialog', '@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.marked, global.Cropper, global.ng.cdk['drag-drop'], global.elementResizeDetectorMaker_, global.confirmdialog, 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, marked, Cropper, dragDrop, elementResizeDetectorMaker_, confirmdialog, 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/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/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.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, confirmdialog, Cropper, marked, dragDrop, elementResizeDetectorMaker_, a11y, scrollpanel, sidebar) { 'use strict';
 
     var BigNumber__default = 'default' in BigNumber ? BigNumber['default'] : BigNumber;
-    marked = marked && marked.hasOwnProperty('default') ? marked['default'] : marked;
     Cropper = Cropper && Cropper.hasOwnProperty('default') ? Cropper['default'] : Cropper;
+    marked = marked && marked.hasOwnProperty('default') ? marked['default'] : marked;
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation. All rights reserved.
@@ -4556,6 +4556,7 @@
         FieldType["Text"] = "Text";
         FieldType["TextIA"] = "TextIA";
         FieldType["Time"] = "Time";
+        FieldType["ProfilePicture"] = "ProfilePicture";
     })(exports.FieldType || (exports.FieldType = {}));
 
     var FieldSize = /** @class */ (function () {
@@ -5162,6 +5163,29 @@
         return CountryPhonePickerField;
     }(Field));
 
+    var ProfilePictureField = /** @class */ (function (_super) {
+        __extends(ProfilePictureField, _super);
+        function ProfilePictureField(config) {
+            var _this = _super.call(this, config) || this;
+            _this.simpleTitle = config.simpleTitle;
+            _this.actionTitle = config.actionTitle;
+            _this.subtitle = config.subtitle;
+            _this.aspectRatio = config.aspectRatio;
+            _this.cropperLabelsConfig = config.cropperLabelsConfig;
+            _this.removeButtonLabel = config.removeButtonLabel;
+            _this.changeButtonLabel = config.changeButtonLabel;
+            _this.confirmationTexts = config.confirmationTexts;
+            _this.maxFileSize = config.maxFileSize;
+            _this.accept = config.accept;
+            _this.supportedExtensions = config.supportedExtensions;
+            _this.onChangeImage = config.onChangeImage;
+            _this.onRemovedImage = config.onRemovedImage;
+            _this.onInvalidFile = config.onInvalidFile;
+            return _this;
+        }
+        return ProfilePictureField;
+    }(Field));
+
     var FormField = /** @class */ (function () {
         function FormField(config) {
             switch (config.type) {
@@ -5205,6 +5229,8 @@
                     return new BlobField(config);
                 case exports.FieldType.Slider:
                     return new SliderField(config);
+                case exports.FieldType.ProfilePicture:
+                    return new ProfilePictureField(config);
                 case exports.FieldType.Custom:
                     var CustomFieldClass = config.CustomFieldClass, otherConfigs = __rest(config, ["CustomFieldClass"]);
                     return new CustomFieldClass(otherConfigs);
@@ -9958,6 +9984,23 @@
         return TextFieldComponent;
     }(BaseFieldComponent));
 
+    var ProfilePictureFieldComponent = /** @class */ (function () {
+        function ProfilePictureFieldComponent() {
+        }
+        __decorate([
+            core.Input()
+        ], ProfilePictureFieldComponent.prototype, "field", void 0);
+        __decorate([
+            core.Input()
+        ], ProfilePictureFieldComponent.prototype, "formControl", void 0);
+        ProfilePictureFieldComponent = __decorate([
+            core.Component({
+                template: "<s-profile-picture-picker\n    [formControl]=\"formControl\"\n    [simpleTitle]=\"field.simpleTitle\"\n    [actionTitle]=\"field.actionTitle\"\n    [subtitle]=\"field.subtitle\"\n    [aspectRatio]=\"field.aspectRatio\"\n    [cropperLabelsConfig]=\"field.cropperLabelsConfig\"\n    [removeButtonLabel]=\"field.removeButtonLabel\"\n    [changeButtonLabel]=\"field.changeButtonLabel\"\n    [confirmationTexts]=\"field.confirmationTexts\"\n    [maxFileSize]=\"field.maxFileSize\"\n    [accept]=\"field\"\n    [supportedExtensions]=\"field.supportedExtensions\"\n    (changedImage)=\"field.onChangeImage ? field.onChangeImage($event) : null\"\n    (removedImage)=\"field.onRemovedImage ? field.onRemovedImage() : null\"\n    (invalidFile)=\"field.onInvalidFile ? field.onInvalidFile($event) : null\">\n</s-profile-picture-picker>"
+            })
+        ], ProfilePictureFieldComponent);
+        return ProfilePictureFieldComponent;
+    }());
+
     var DynamicForm = /** @class */ (function () {
         function DynamicForm(_a) {
             var group = _a.group, errorMessages = _a.errorMessages;
@@ -10040,6 +10083,8 @@
                     return FileUploadComponent$1;
                 case exports.FieldType.Slider:
                     return SliderFieldComponent;
+                case exports.FieldType.ProfilePicture:
+                    return ProfilePictureFieldComponent;
                 case exports.FieldType.Custom:
                     return this.field.CustomFieldComponentClass;
                 default:
@@ -10393,157 +10438,898 @@
         return NumberFieldModule;
     }());
 
-    var DynamicFormModule = /** @class */ (function () {
-        function DynamicFormModule() {
+    var HeaderComponent = /** @class */ (function () {
+        function HeaderComponent() {
         }
-        DynamicFormModule = __decorate([
+        HeaderComponent = __decorate([
+            core.Component({
+                selector: "s-header",
+                template: "<ng-content></ng-content>"
+            })
+        ], HeaderComponent);
+        return HeaderComponent;
+    }());
+
+    var FooterComponent = /** @class */ (function () {
+        function FooterComponent() {
+        }
+        FooterComponent = __decorate([
+            core.Component({
+                selector: "s-footer",
+                template: "<ng-content></ng-content>"
+            })
+        ], FooterComponent);
+        return FooterComponent;
+    }());
+
+    var StructureModule = /** @class */ (function () {
+        function StructureModule() {
+        }
+        StructureModule = __decorate([
             core.NgModule({
-                imports: [
-                    autocomplete$2.AutoCompleteModule,
-                    BignumberInputModule,
-                    ButtonModule,
-                    CalendarMaskModule,
-                    calendar.CalendarModule,
-                    checkbox.CheckboxModule,
-                    chips.ChipsModule,
-                    common.CommonModule,
-                    ControlErrorsModule,
-                    CountryPhonePickerModule,
-                    dialog.DialogModule,
-                    dropdown.DropdownModule,
-                    EmptyStateModule,
-                    forms.FormsModule,
-                    angular2Hotkeys.HotkeyModule,
-                    inputmask.InputMaskModule,
-                    inputtextarea.InputTextareaModule,
-                    inputtext.InputTextModule,
-                    keyfilter.KeyFilterModule,
-                    LoadingStateModule,
-                    LocaleModule,
-                    LocalizedNumberInputModule,
-                    panel.PanelModule,
-                    button.ButtonModule,
-                    table.TableModule,
-                    multiselect.MultiSelectModule,
-                    NumberInputModule,
-                    radiobutton.RadioButtonModule,
-                    forms.ReactiveFormsModule,
-                    TooltipModule,
-                    fieldset.FieldsetModule,
-                    TableHeaderCheckboxModule,
-                    FileUploadModule,
-                    TableModule,
-                    InfoSignModule,
-                    MaskFormatterModule,
-                    angular2Hotkeys.HotkeyModule.forRoot(),
-                    MouseEventsModule,
-                    SwitchModule,
-                    PasswordStrengthModule,
-                    slider.SliderModule,
-                    core$1.TranslateModule.forChild(),
-                    PasswordFieldModule,
-                    TextFieldModule,
-                    NumberFieldModule,
-                    CurrencyFieldModule,
-                    NumberFieldModule$1,
-                ],
-                declarations: [
-                    AutocompleteFieldComponent,
-                    BooleanFieldComponent,
-                    BooleanSwitchFieldComponent,
-                    CalendarFieldComponent,
-                    ChipsFieldComponent,
-                    CountryPhonePickerFieldComponent,
-                    DynamicFieldComponent,
-                    DynamicFormComponent,
-                    DynamicFormDirective,
-                    FieldsetComponent,
-                    FileUploadComponent$1,
-                    LookupComponent,
-                    LookupFieldComponent,
-                    RadioButtonComponent,
-                    RowComponent,
-                    SectionComponent,
-                    SelectFieldComponent,
-                    SliderFieldComponent,
-                    TextAreaFieldComponent,
-                    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,
-                ]
+                imports: [common.CommonModule],
+                declarations: [HeaderComponent, FooterComponent],
+                exports: [HeaderComponent, FooterComponent],
             })
-        ], DynamicFormModule);
-        return DynamicFormModule;
+        ], StructureModule);
+        return StructureModule;
     }());
 
-    var CustomFieldsService = /** @class */ (function () {
-        function CustomFieldsService(http) {
-            this.http = http;
+    var ImageCropperComponent = /** @class */ (function () {
+        function ImageCropperComponent() {
+            this.id = "s-image-cropper-" + ImageCropperComponent_1.nextId++;
+            this.visible = false;
+            this.header = "Recortar imagem";
+            this.cropLabel = "Recortar";
+            this.selectAnotherLabel = "Trocar";
+            this.removeLabel = "Remover";
+            this.cancelLabel = "Cancelar";
+            this.emptyStateTitle = "Selecione uma foto, em seguida você poderá ajustá-la";
+            this.emptyStateActionLabel = "Escolher imagem";
+            this.emptyStateIconClass = "fa fa-picture-o";
+            this.aspectRatio = NaN;
+            this.rounded = false;
+            this.allowSelectAnother = true;
+            this.allowRemove = true;
+            this.allowCancel = true;
+            this.visibleChange = new core.EventEmitter();
+            this.changeImage = new core.EventEmitter();
+            this.croppedImage = new core.EventEmitter();
+            this.croppedCanvas = new core.EventEmitter();
+            this.removedImage = new core.EventEmitter();
+            this.cancel = new core.EventEmitter();
         }
-        CustomFieldsService.prototype.getCustomFields = function (domain, service, entity, endpoint) {
-            var entityDto = { entityId: { domain_: domain, service_: service, id: entity } };
-            return this.http.post(endpoint, entityDto);
+        ImageCropperComponent_1 = ImageCropperComponent;
+        ImageCropperComponent.prototype.ngOnInit = function () {
+            if (this.imageSource)
+                this.initCropper();
         };
-        CustomFieldsService.prototype.getFileLocationUrl = function (dto, endpoint) {
-            return this.http.post(endpoint, dto);
+        ImageCropperComponent.prototype.ngOnChanges = function (changes) {
+            if (changes.imageSource && changes.imageSource.currentValue) {
+                this.initCropper();
+            }
         };
-        CustomFieldsService.prototype.uploadTempFile = function (location, file) {
-            return this.http.put(location, file, {
-                reportProgress: true,
-                observe: "events",
-                headers: { "Content-Type": file.type }
+        ImageCropperComponent.prototype.initCropper = function () {
+            if (this.cropper) {
+                this.cropper.destroy();
+            }
+            this.image.nativeElement.src = this.imageSource;
+            this.cropper = new Cropper(this.image.nativeElement, {
+                aspectRatio: this.rounded ? 1 : this.aspectRatio,
+                guides: false,
+                dragMode: "move",
+                minCropBoxHeight: 2,
+                minCropBoxWidth: 2,
+                toggleDragModeOnDblclick: false,
             });
         };
-        CustomFieldsService.prototype.requestAccess = function (objectId, endpoint) {
-            return this.http.post(endpoint, { objectId: objectId });
+        ImageCropperComponent.prototype.getRoundedCanvas = function (sourceCanvas) {
+            var canvas = document.createElement("canvas");
+            var context = canvas.getContext("2d");
+            var width = sourceCanvas.width;
+            var height = sourceCanvas.height;
+            canvas.width = width;
+            canvas.height = height;
+            context.imageSmoothingEnabled = true;
+            context.drawImage(sourceCanvas, 0, 0, width, height);
+            context.globalCompositeOperation = "destination-in";
+            context.beginPath();
+            context.arc(width / 2, height / 2, Math.min(width, height) / 2, 0, 2 * Math.PI, true);
+            context.fill();
+            return canvas;
         };
-        CustomFieldsService.prototype.getFile = function (permanentUrl) {
-            return this.http.get(permanentUrl, { responseType: "blob" });
+        ImageCropperComponent.prototype.onCropImage = function () {
+            if (!this.imageSource) {
+                this.croppedImage.emit();
+                this.croppedCanvas.emit();
+            }
+            else {
+                var _croppedCanvas = this.rounded ? this.getRoundedCanvas(this.cropper.getCroppedCanvas()) : this.cropper.getCroppedCanvas();
+                this.croppedCanvas.emit(_croppedCanvas);
+                this.croppedImage.emit(_croppedCanvas.toDataURL());
+            }
+            this.visibleChange.emit(false);
         };
-        CustomFieldsService.ctorParameters = function () { return [
-            { type: http.HttpClient }
-        ]; };
-        CustomFieldsService = __decorate([
-            core.Injectable()
-        ], CustomFieldsService);
-        return CustomFieldsService;
-    }());
-
-    var CustomFieldType;
-    (function (CustomFieldType) {
-        CustomFieldType["String"] = "String";
-        CustomFieldType["Boolean"] = "Boolean";
-        CustomFieldType["Integer"] = "Integer";
-        CustomFieldType["Double"] = "Double";
-        CustomFieldType["Date"] = "Date";
-        CustomFieldType["DateTime"] = "DateTime";
-        CustomFieldType["LocalDateTime"] = "LocalDateTime";
-        CustomFieldType["Time"] = "Time";
-        CustomFieldType["Money"] = "Money";
-        CustomFieldType["Blob"] = "Blob";
-        CustomFieldType["Binary"] = "Binary";
-        CustomFieldType["Any"] = "Any";
+        ImageCropperComponent.prototype.onChangeImage = function () {
+            this.changeImage.emit();
+        };
+        ImageCropperComponent.prototype.onRemoveImage = function () {
+            this.imageSource = undefined;
+            this.removedImage.emit();
+        };
+        ImageCropperComponent.prototype.onCancel = function () {
+            this.visibleChange.emit(false);
+            this.cancel.emit();
+        };
+        ImageCropperComponent.prototype.onModalVisibleChange = function (visible) {
+            if (!visible)
+                this.onCancel();
+            this.visibleChange.emit(visible);
+        };
+        var ImageCropperComponent_1;
+        ImageCropperComponent.nextId = 0;
+        __decorate([
+            core.Input()
+        ], ImageCropperComponent.prototype, "id", void 0);
+        __decorate([
+            core.Input()
+        ], ImageCropperComponent.prototype, "visible", void 0);
+        __decorate([
+            core.Input()
+        ], ImageCropperComponent.prototype, "header", void 0);
+        __decorate([
+            core.Input()
+        ], ImageCropperComponent.prototype, "cropLabel", void 0);
+        __decorate([
+            core.Input()
+        ], ImageCropperComponent.prototype, "selectAnotherLabel", void 0);
+        __decorate([
+            core.Input()
+        ], ImageCropperComponent.prototype, "removeLabel", void 0);
+        __decorate([
+            core.Input()
+        ], ImageCropperComponent.prototype, "cancelLabel", void 0);
+        __decorate([
+            core.Input()
+        ], ImageCropperComponent.prototype, "emptyStateTitle", void 0);
+        __decorate([
+            core.Input()
+        ], ImageCropperComponent.prototype, "emptyStateActionLabel", void 0);
+        __decorate([
+            core.Input()
+        ], ImageCropperComponent.prototype, "emptyStateIconClass", void 0);
+        __decorate([
+            core.Input()
+        ], ImageCropperComponent.prototype, "aspectRatio", void 0);
+        __decorate([
+            core.Input()
+        ], ImageCropperComponent.prototype, "rounded", void 0);
+        __decorate([
+            core.Input()
+        ], ImageCropperComponent.prototype, "allowSelectAnother", void 0);
+        __decorate([
+            core.Input()
+        ], ImageCropperComponent.prototype, "allowRemove", void 0);
+        __decorate([
+            core.Input()
+        ], ImageCropperComponent.prototype, "allowCancel", void 0);
+        __decorate([
+            core.Input()
+        ], ImageCropperComponent.prototype, "imageSource", void 0);
+        __decorate([
+            core.Output()
+        ], ImageCropperComponent.prototype, "visibleChange", void 0);
+        __decorate([
+            core.Output()
+        ], ImageCropperComponent.prototype, "changeImage", void 0);
+        __decorate([
+            core.Output()
+        ], ImageCropperComponent.prototype, "croppedImage", void 0);
+        __decorate([
+            core.Output()
+        ], ImageCropperComponent.prototype, "croppedCanvas", void 0);
+        __decorate([
+            core.Output()
+        ], ImageCropperComponent.prototype, "removedImage", void 0);
+        __decorate([
+            core.Output()
+        ], ImageCropperComponent.prototype, "cancel", void 0);
+        __decorate([
+            core.ViewChild("image", { static: true })
+        ], ImageCropperComponent.prototype, "image", void 0);
+        __decorate([
+            core.ContentChild(HeaderComponent, { static: true })
+        ], ImageCropperComponent.prototype, "headerSection", void 0);
+        __decorate([
+            core.ContentChild(FooterComponent, { static: true })
+        ], ImageCropperComponent.prototype, "footerSection", void 0);
+        ImageCropperComponent = ImageCropperComponent_1 = __decorate([
+            core.Component({
+                selector: "s-image-cropper",
+                template: "<div [id]=\"id\">\n    <p-dialog\n        styleClass=\"s-image-cropper {{rounded ? 's-image-cropper--rounded' : ''}}\"\n        [header]=\"headerSection ? '' : header\"\n        [visible]=\"visible\"\n        (visibleChange)=\"onModalVisibleChange($event)\"\n        [modal]=\"true\"\n        [blockScroll]=\"true\"\n        [draggable]=\"false\"\n        [resizable]=\"false\"\n        [closeOnEscape]=\"allowCancel\"\n        [closable]=\"allowCancel\"\n        appendTo=\"body\">\n\n        <p-header *ngIf=\"headerSection\">\n            <ng-content select=\"s-header\"></ng-content>\n        </p-header>\n\n        <s-empty-state\n            [id]=\"id + '-empty-state'\"\n            *ngIf=\"!imageSource\"\n            [title]=\"emptyStateTitle\"\n            [iconClass]=\"emptyStateIconClass\"\n            [primaryActionLabel]=\"emptyStateActionLabel\"\n            (primaryAction)=\"onChangeImage()\">\n        </s-empty-state>\n\n        <div [attr.data-hidden]=\"!imageSource\" class=\"image-container\">\n            <img\n                [id]=\"id + '-cropper'\"\n                #image\n                [src]=\"imageSource || ''\"\n                alt=\"cropped image\"/>\n        </div>\n\n        <p-footer>\n            <div class=\"ui-fluid\" *ngIf=\"!footerSection\">\n                <div class=\"ui-g button-container\">\n\n                    <div *ngIf=\"allowCancel\" class=\"ui-sm-12 ui-md-3 ui-lg-2 ui-xl-2\">\n                        <s-button\n                            [id]=\"id + '-cancel-button'\"\n                            type=\"button\"\n                            priority=\"link\"\n                            [label]=\"cancelLabel\"\n                            (onClick)=\"onCancel()\">\n                        </s-button>\n                    </div>\n\n                    <div *ngIf=\"imageSource && allowRemove\" class=\"ui-sm-12 ui-md-3 ui-lg-2 ui-xl-2\">\n                        <s-button\n                            [id]=\"id + '-remove-button'\"\n                            type=\"button\"\n                            priority=\"secondary\"\n                            [label]=\"removeLabel\"\n                            (onClick)=\"onRemoveImage()\">\n                        </s-button>\n                    </div>\n\n                    <div *ngIf=\"imageSource && allowSelectAnother\" class=\"ui-sm-12 ui-md-3 ui-lg-2 ui-xl-2\">\n                        <s-button\n                            [id]=\"id + '-select-another-button'\"\n                            type=\"button\"\n                            priority=\"secondary\"\n                            [label]=\"selectAnotherLabel\"\n                            (onClick)=\"onChangeImage()\">\n                        </s-button>\n                    </div>\n\n                    <div class=\"ui-sm-12 ui-md-3 ui-lg-2 ui-xl-2\">\n                        <s-button\n                            [id]=\"id + '-crop-button'\"\n                            type=\"button\"\n                            [label]=\"cropLabel\"\n                            (onClick)=\"onCropImage()\">\n                        </s-button>\n                    </div>\n                </div>\n            </div>\n\n            <ng-content select=\"s-footer\" *ngIf=\"footerSection\"></ng-content>\n        </p-footer>\n    </p-dialog>\n</div>",
+                encapsulation: core.ViewEncapsulation.None,
+                styles: ["/*!\n * Cropper.js v1.6.2\n * https://fengyuanchen.github.io/cropperjs\n *\n * Copyright 2015-present Chen Fengyuan\n * Released under the MIT license\n *\n * Date: 2024-04-21T07:43:02.731Z\n */.cropper-container{-webkit-touch-callout:none;direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:rgba(51,153,255,.75) solid 1px;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:\" \";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:\" \";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}", ".s-image-cropper{border-radius:0!important;height:80%!important;max-width:100%!important;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:column;flex-direction:column}.s-image-cropper .ui-dialog-content{overflow:hidden;height:auto!important;-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}.s-image-cropper .ui-dialog-footer,.s-image-cropper .ui-dialog-header{-ms-flex-negative:0;flex-shrink:0;direction:ltr}.s-image-cropper .image-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%}.s-image-cropper img{max-width:100%;max-height:100%}.s-image-cropper .button-container{-ms-flex-flow:wrap-reverse;flex-flow:wrap-reverse;-ms-flex-pack:end;justify-content:flex-end}.s-image-cropper .cropper-view-box{outline:#fff dashed 2px}.s-image-cropper .cropper-line{opacity:0}.s-image-cropper .cropper-point{background-color:#fff;opacity:1;height:15px;width:15px;border-radius:50%}.s-image-cropper .cropper-point.point-e{right:-8.5px;top:calc(50% - 4.5px)}.s-image-cropper .cropper-point.point-n{top:-8.5px;left:calc(50% - 4.5px)}.s-image-cropper .cropper-point.point-w{left:-8.5px;top:calc(50% - 4.5px)}.s-image-cropper .cropper-point.point-s{bottom:-8.5px;left:calc(50% - 4.5px)}.s-image-cropper .cropper-point.point-ne{right:-8.5px;top:-8.5px}.s-image-cropper .cropper-point.point-nw{left:-8.5px;top:-8.5px}.s-image-cropper .cropper-point.point-sw{left:-8.5px;bottom:-8.5px}.s-image-cropper .cropper-point.point-se{right:-8.5px;bottom:-8.5px}.s-image-cropper--rounded .cropper-face,.s-image-cropper--rounded .cropper-view-box{border-radius:50%}.s-image-cropper--rounded .cropper-view-box{outline:rgba(255,255,255,.3) dashed 1px}.s-image-cropper--rounded .cropper-view-box:after{border:2px dashed #fff;border-radius:50%;content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}@media (max-width:767px){.s-image-cropper{border:none!important;top:0!important;left:0!important;width:100%!important;height:100%!important}}@media (min-width:768px){.s-image-cropper{width:80%!important}}@media (min-width:1200px){.s-image-cropper{width:60%!important}}"]
+            })
+        ], ImageCropperComponent);
+        return ImageCropperComponent;
+    }());
+
+    var ImageCropperModule = /** @class */ (function () {
+        function ImageCropperModule() {
+        }
+        ImageCropperModule = __decorate([
+            core.NgModule({
+                imports: [common.CommonModule, dialog.DialogModule, ButtonModule, EmptyStateModule, StructureModule],
+                declarations: [ImageCropperComponent],
+                exports: [ImageCropperComponent, StructureModule],
+                entryComponents: [ImageCropperComponent],
+            })
+        ], ImageCropperModule);
+        return ImageCropperModule;
+    }());
+
+    var ImageCropperService = /** @class */ (function () {
+        function ImageCropperService(componentFactoryResolver, appRef, injector) {
+            this.componentFactoryResolver = componentFactoryResolver;
+            this.appRef = appRef;
+            this.injector = injector;
+        }
+        ImageCropperService.prototype.show = function (config) {
+            var _this = this;
+            if (this.activeCropper)
+                this.destroy(this.activeCropper);
+            var activeCropper = {
+                componentRef: this.componentFactoryResolver.resolveComponentFactory(ImageCropperComponent).create(this.injector),
+                ngUnsubscribe: new rxjs.Subject(),
+            };
+            this.activeCropper = activeCropper;
+            this.appRef.attachView(activeCropper.componentRef.hostView);
+            var domElem = activeCropper.componentRef.hostView.rootNodes[0];
+            document.body.appendChild(domElem);
+            this.configureInstance(activeCropper, config);
+            activeCropper.componentRef.instance.visible = true;
+            activeCropper.componentRef.instance.visibleChange
+                .pipe(operators.takeUntil(this.activeCropper.ngUnsubscribe), operators.delay(1000))
+                .subscribe(function (visible) {
+                if (!visible)
+                    _this.destroy(activeCropper);
+            });
+        };
+        ImageCropperService.prototype.configureInstance = function (activeCropper, config) {
+            var instance = activeCropper.componentRef.instance;
+            if (config) {
+                Object.keys(config).forEach(function (key) {
+                    var value = config[key];
+                    if (typeof value !== "function")
+                        instance[key] = value;
+                    else if (typeof value === "function") {
+                        instance[key].pipe(operators.takeUntil(activeCropper.ngUnsubscribe)).subscribe(function () {
+                            var param = [];
+                            for (var _i = 0; _i < arguments.length; _i++) {
+                                param[_i] = arguments[_i];
+                            }
+                            return config[key].apply(config, __spread(param));
+                        });
+                    }
+                });
+            }
+            instance.visibleChange.pipe(operators.takeUntil(activeCropper.ngUnsubscribe)).subscribe(function (visible) { return (instance.visible = visible); });
+        };
+        ImageCropperService.prototype.destroy = function (activeCropper) {
+            activeCropper.ngUnsubscribe.next();
+            activeCropper.ngUnsubscribe.complete();
+            this.appRef.detachView(activeCropper.componentRef.hostView);
+            activeCropper.componentRef.destroy();
+        };
+        ImageCropperService.ctorParameters = function () { return [
+            { type: core.ComponentFactoryResolver },
+            { type: core.ApplicationRef },
+            { type: core.Injector }
+        ]; };
+        ImageCropperService = __decorate([
+            core.Injectable()
+        ], ImageCropperService);
+        return ImageCropperService;
+    }());
+
+
+    (function (ThumbnailSize) {
+        ThumbnailSize["Small"] = "small";
+        ThumbnailSize["Medium"] = "medium";
+        ThumbnailSize["Large"] = "large";
+    })(exports.ThumbnailSize || (exports.ThumbnailSize = {}));
+
+    var ThumbnailService = /** @class */ (function () {
+        function ThumbnailService() {
+        }
+        ThumbnailService.prototype.getBinaryFile = function (img) {
+            var _this = this;
+            return new Promise(function (resolve) {
+                var getOrientation = _this.getOrientation.bind(_this);
+                var http = new XMLHttpRequest();
+                http.addEventListener("load", function () {
+                    if (http.readyState === 4 && (http.status == 200 || http.status === 0)) {
+                        var orientation_1 = getOrientation(http.response);
+                        http = null;
+                        resolve(orientation_1);
+                    }
+                });
+                http.addEventListener("error", function () {
+                    http = null;
+                    throw new Error("Não foi possível carregar a imagem");
+                });
+                http.open("GET", img.src, true);
+                http.responseType = "arraybuffer";
+                http.send(null);
+            });
+        };
+        /**
+         * Retorna a tag da orientação EXIF {-1} Não definido, {-2} Não é formato JPEG, {1, 2, 3, 4, 5, 6, 7, 8} valores da orientação.
+         */
+        ThumbnailService.prototype.getOrientation = function (file) {
+            var view = new DataView(file);
+            if (view.getUint16(0, false) != 0xffd8)
+                return -2; // not jpeg
+            var length = view.byteLength;
+            var offset = 2;
+            while (offset < length) {
+                var marker = view.getUint16(offset, false);
+                offset += 2;
+                if (marker == 0xffe1) {
+                    if (view.getUint32((offset += 2), false) != 0x45786966) {
+                        return -1; // not defined
+                    }
+                    var little = view.getUint16((offset += 6), false) == 0x4949;
+                    offset += view.getUint32(offset + 4, little);
+                    var tags = view.getUint16(offset, little);
+                    offset += 2;
+                    for (var i = 0; i < tags; i++)
+                        if (view.getUint16(offset + i * 12, little) == 0x0112)
+                            return view.getUint16(offset + i * 12 + 8, little);
+                    // tslint:disable-next-line: no-bitwise
+                }
+                else if ((marker & 0xff00) != 0xff00)
+                    break;
+                else
+                    offset += view.getUint16(offset, false);
+            }
+            return -1; // not defined
+        };
+        ThumbnailService = __decorate([
+            core.Injectable()
+        ], ThumbnailService);
+        return ThumbnailService;
+    }());
+
+    var ThumbnailComponent = /** @class */ (function () {
+        function ThumbnailComponent(thumbnailService) {
+            this.thumbnailService = thumbnailService;
+            this.fallback = false;
+            this.id = "s-thumbnail-" + ThumbnailComponent_1.nextId++;
+            this.size = exports.ThumbnailSize.Medium;
+            this.iconClass = "far fa-image";
+            this.hasAction = false;
+            this.actionIconClass = "fas fa-camera";
+            this.isTile = false;
+            this.isBrand = false;
+            this.ngUnsubscribe = new rxjs.Subject();
+        }
+        ThumbnailComponent_1 = ThumbnailComponent;
+        ThumbnailComponent.prototype.ngOnDestroy = function () {
+            this.ngUnsubscribe.next();
+            this.ngUnsubscribe.complete();
+        };
+        ThumbnailComponent.prototype.ngAfterViewInit = function () {
+            var _this = this;
+            if (this.imgEl) {
+                this.imgEl.nativeElement.addEventListener("load", function () {
+                    rxjs.from(_this.thumbnailService.getBinaryFile(_this.imgEl.nativeElement))
+                        .pipe(operators.takeUntil(_this.ngUnsubscribe))
+                        .subscribe(function (orientation) { return (_this.orientation = orientation); });
+                });
+            }
+        };
+        var ThumbnailComponent_1;
+        ThumbnailComponent.nextId = 0;
+        ThumbnailComponent.ctorParameters = function () { return [
+            { type: ThumbnailService }
+        ]; };
+        __decorate([
+            core.ViewChild("img", { static: false })
+        ], ThumbnailComponent.prototype, "imgEl", void 0);
+        __decorate([
+            core.Input()
+        ], ThumbnailComponent.prototype, "id", void 0);
+        __decorate([
+            core.Input()
+        ], ThumbnailComponent.prototype, "size", void 0);
+        __decorate([
+            core.Input()
+        ], ThumbnailComponent.prototype, "imageSource", void 0);
+        __decorate([
+            core.Input()
+        ], ThumbnailComponent.prototype, "imageFallback", void 0);
+        __decorate([
+            core.Input()
+        ], ThumbnailComponent.prototype, "imageAlt", void 0);
+        __decorate([
+            core.Input()
+        ], ThumbnailComponent.prototype, "iconClass", void 0);
+        __decorate([
+            core.Input()
+        ], ThumbnailComponent.prototype, "hasAction", void 0);
+        __decorate([
+            core.Input()
+        ], ThumbnailComponent.prototype, "actionIconClass", void 0);
+        __decorate([
+            core.Input()
+        ], ThumbnailComponent.prototype, "isTile", void 0);
+        __decorate([
+            core.Input()
+        ], ThumbnailComponent.prototype, "isBrand", void 0);
+        ThumbnailComponent = ThumbnailComponent_1 = __decorate([
+            core.Component({
+                selector: "s-thumbnail",
+                template: "<div\n    [id]=\"id\"\n    class=\"thumbnail-container thumbnail-container--{{size}}\"\n    [ngClass]=\"{\n        'thumbnail-container--with-action': hasAction,\n        'thumbnail-container--brand': isBrand\n    }\">\n    <div\n        [id]=\"id + '-image-container'\"\n        *ngIf=\"imageSource || imageFallback\"\n        class=\"image-container\"\n        [ngClass]=\"{\n            'image-container--rounded': !isBrand\n        }\">\n        <img\n            #img\n            [id]=\"id + '-image'\"\n            (error)=\"fallback = true\"\n            [src]=\"imageSource\"\n            [alt]=\"imageAlt\"\n            *ngIf=\"!fallback\"\n            [ngClass]=\"{\n                'smallThumbnail': isTile,\n                'exif-orientation-2': orientation == 2,\n                'exif-orientation-3': orientation == 3,\n                'exif-orientation-4': orientation == 4,\n                'exif-orientation-5': orientation == 5,\n                'exif-orientation-6': orientation == 6,\n                'exif-orientation-7': orientation == 7,\n                'exif-orientation-8': orientation == 8\n            }\"/>\n\n        <img\n            #img\n            [id]=\"id + '-image-fallback'\"\n            (error)=\"imageFallback = undefined\"\n            [src]=\"imageFallback\"\n            [alt]=\"imageAlt\"\n            *ngIf=\"fallback && imageFallback\"\n            [ngClass]=\"{\n                'smallThumbnail': isTile,\n                'exif-orientation-2': orientation == 2,\n                'exif-orientation-3': orientation == 3,\n                'exif-orientation-4': orientation == 4,\n                'exif-orientation-5': orientation == 5,\n                'exif-orientation-6': orientation == 6,\n                'exif-orientation-7': orientation == 7,\n                'exif-orientation-8': orientation == 8\n            }\"/>\n\n        <i\n            *ngIf=\"fallback && !imageFallback\"\n            ngClass=\"far fa-image\"\n            class=\"fallback-img-color\">\n        </i>\n    </div>\n    <div\n        [id]=\"id + '-action-icon-container'\"\n        *ngIf=\"hasAction\"\n        class=\"action-icon-container action-icon-container--{{size}}\">\n        <span\n            [id]=\"id + '-action-icon'\"\n            [class]=\"actionIconClass\"\n            aria-hidden=\"true\">\n        </span>\n    </div>\n    <div\n        [id]=\"id + '-icon-container'\"\n        *ngIf=\"!imageSource && !imageFallback\"\n        class=\"icon-container icon-container--{{size}}\"\n        [ngClass]=\"{'image-container--rounded': !isBrand}\">\n        <span\n            [id]=\"id + '-icon'\"\n            [class]=\"iconClass\"\n            aria-hidden=\"true\">\n        </span>\n    </div>\n\n    <ng-content></ng-content>\n</div>\n",
+                styles: [":host{display:inline-block}.thumbnail-container{color:#fff;position:relative;text-align:center}.thumbnail-container--large{font-size:50px;height:100px;width:100px}.thumbnail-container--large.thumbnail-container--brand{width:200px}.thumbnail-container--medium{font-size:40px;height:70px;width:70px}.thumbnail-container--medium.thumbnail-container--brand{width:140px}.thumbnail-container--small{font-size:22px;height:40px;width:40px}.thumbnail-container--small.thumbnail-container--brand{width:80px}.thumbnail-container--with-action{cursor:pointer}.action-icon-container{background-color:#428bca;border-radius:50%;bottom:0;position:absolute;right:0}.action-icon-container--large,.action-icon-container--medium{font-size:10pt;height:25px;padding:3px;width:25px}.action-icon-container--small{font-size:6pt;height:16px;padding:2px;width:16px}.icon-container,.image-container{-ms-flex-align:center;align-items:center;height:100%;overflow:hidden;width:100%}.icon-container--rounded,.image-container--rounded{border-radius:50%}.smallThumbnail{height:40px!important}.icon-container{background-color:#ccc;color:#fff}.icon-container--large{line-height:98px}.icon-container--medium{line-height:68px}.icon-container--small{line-height:38px}.image-container{-ms-flex-align:center;align-items:center;background-color:#ccc;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.image-container img{width:100%}.image-container img.exif-orientation-2{transform:rotateY(180deg)}.image-container img.exif-orientation-3{transform:rotate(180deg)}.image-container img.exif-orientation-4{transform:rotate(180deg) rotateY(180deg)}.image-container img.exif-orientation-5{transform:rotate(270deg) rotateY(180deg)}.image-container img.exif-orientation-6{transform:rotate(90deg)}.image-container img.exif-orientation-7{transform:rotate(90deg) rotateY(180deg)}.image-container img.exif-orientation-8{transform:rotate(270deg)}.fallback-img-color{color:#fff}"]
+            })
+        ], ThumbnailComponent);
+        return ThumbnailComponent;
+    }());
+
+    var ThumbnailModule = /** @class */ (function () {
+        function ThumbnailModule() {
+        }
+        ThumbnailModule = __decorate([
+            core.NgModule({
+                imports: [common.CommonModule],
+                declarations: [ThumbnailComponent],
+                exports: [ThumbnailComponent],
+                providers: [ThumbnailService],
+            })
+        ], ThumbnailModule);
+        return ThumbnailModule;
+    }());
+
+
+    (function (FileValidation) {
+        FileValidation["MaxFileSize"] = "maxFileSize";
+        FileValidation["MaxFileLimit"] = "maxFileLimit";
+        FileValidation["TypeInvalid"] = "typeInvalid";
+        FileValidation["UnsupportedExtension"] = "unsupportedExtension";
+    })(exports.FileValidation || (exports.FileValidation = {}));
+
+    var ProfilePicturePickerComponent = /** @class */ (function () {
+        function ProfilePicturePickerComponent(imageCropperService, confirmationService, translateService) {
+            this.imageCropperService = imageCropperService;
+            this.confirmationService = confirmationService;
+            this.translateService = translateService;
+            this.aspectRatio = 1;
+            this.confirmationTexts = {
+                removalHeader: this.translateService.instant("platform.angular_components.remove_image"),
+                removalMessage: this.translateService.instant("platform.angular_components.confirmation_remove_image"),
+                removalAcceptLabel: this.translateService.instant("platform.angular_components.remove"),
+                removalRejectLabel: this.translateService.instant("platform.angular_components.cancel"),
+            };
+            this.supportedExtensions = [];
+            this.changedImage = new core.EventEmitter();
+            this.removedImage = new core.EventEmitter();
+            this.invalidFile = new core.EventEmitter();
+        }
+        ProfilePicturePickerComponent_1 = ProfilePicturePickerComponent;
+        ProfilePicturePickerComponent.prototype.writeValue = function (value) {
+            this._value = value;
+        };
+        ProfilePicturePickerComponent.prototype.registerOnChange = function (onChange) {
+            this._onChange = onChange;
+        };
+        ProfilePicturePickerComponent.prototype.registerOnTouched = function (onTouched) {
+            this._onTouched = onTouched;
+        };
+        ProfilePicturePickerComponent.prototype.ngOnInit = function () {
+            this._normalizeSuportedExtensions();
+        };
+        ProfilePicturePickerComponent.prototype.onDragOver = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
+        };
+        ProfilePicturePickerComponent.prototype.onDragLeave = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
+        };
+        ProfilePicturePickerComponent.prototype.onDrop = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
+            var files = [];
+            var dataTransferFiles = event.dataTransfer.files;
+            for (var i = 0; i < dataTransferFiles.length; i++) {
+                files.push(dataTransferFiles.item(i));
+            }
+            this._showImageCropper(files);
+        };
+        // Verificando o redimensionamento para ajustar o design para ficar responsivo.
+        ProfilePicturePickerComponent.prototype.onResize = function () {
+            if (this.uploadPicture && this.info && this.thumbnail) {
+                var uploadPictureWidth = this._getWidthElement(this.uploadPicture);
+                var infoWidth = this._getWidthElement(this.info);
+                var thumbnailWidth = this._getWidthElement(this.thumbnail);
+                if (thumbnailWidth + infoWidth > uploadPictureWidth) {
+                    this.uploadPicture.nativeElement.classList.add("upload-picture--small");
+                }
+                else {
+                    this.uploadPicture.nativeElement.classList.remove("upload-picture--small");
+                }
+            }
+        };
+        ProfilePicturePickerComponent.prototype.selectPhoto = function () {
+            var fileInputElement = this.fileInput.nativeElement;
+            fileInputElement.value = "";
+            fileInputElement.click();
+        };
+        ProfilePicturePickerComponent.prototype.removePhoto = function () {
+            var _this = this;
+            this.confirmationService.confirm({
+                message: this.confirmationTexts.removalMessage,
+                acceptLabel: this.confirmationTexts.removalAcceptLabel,
+                rejectLabel: this.confirmationTexts.removalRejectLabel,
+                header: this.confirmationTexts.removalHeader,
+                accept: function () {
+                    var fileInputElement = _this.fileInput.nativeElement;
+                    fileInputElement.value = "";
+                    _this.image = "";
+                    _this.removedImage.emit();
+                },
+            });
+        };
+        ProfilePicturePickerComponent.prototype.photoSelected = function (event) {
+            this._showImageCropper(event.srcElement.files);
+        };
+        ProfilePicturePickerComponent.prototype._showImageCropper = function (files) {
+            var _this = this;
+            if (!this._validateData(files)) {
+                return;
+            }
+            var file = files[0];
+            var fileReader = new FileReader();
+            fileReader.readAsDataURL(file);
+            fileReader.onloadend = function (fileEvent) {
+                _this.imageCropperService.show(__assign({ imageSource: fileEvent.target.result, croppedImage: function (image) {
+                        _this.image = image;
+                        _this.changedImage.emit(image);
+                        _this._value = { sourceFile: file, base64: image };
+                        _this._onChange(_this._value);
+                    }, changeImage: function () { return _this.selectPhoto(); }, allowSelectAnother: false, aspectRatio: _this.aspectRatio }, _this.cropperLabelsConfig));
+            };
+        };
+        ProfilePicturePickerComponent.prototype._normalizeSuportedExtensions = function () {
+            var _a;
+            this.supportedExtensions = (_a = this.supportedExtensions) === null || _a === void 0 ? void 0 : _a.map(function (extension) { return extension.replace(".", "").toLocaleLowerCase(); });
+        };
+        ProfilePicturePickerComponent.prototype._validateData = function (files) {
+            if (!files.length) {
+                return false;
+            }
+            if (files.length > 1) {
+                this.invalidFile.emit({ file: null, validation: exports.FileValidation.MaxFileLimit });
+                return false;
+            }
+            var file = files[0];
+            if (!file.type.includes("image")) {
+                this.invalidFile.emit({ file: file, validation: exports.FileValidation.TypeInvalid });
+                return false;
+            }
+            if (!this._validateFileExtension(file)) {
+                this.invalidFile.emit({ file: file, validation: exports.FileValidation.UnsupportedExtension });
+                return false;
+            }
+            if (!this._validateFileSize(file)) {
+                this.invalidFile.emit({ file: file, validation: exports.FileValidation.MaxFileSize });
+                return false;
+            }
+            return true;
+        };
+        ProfilePicturePickerComponent.prototype._validateFileExtension = function (file) {
+            var _a;
+            if ((_a = this.supportedExtensions) === null || _a === void 0 ? void 0 : _a.length) {
+                var extension = file.name.split(".").pop().toLowerCase();
+                return this.supportedExtensions.includes(extension);
+            }
+            return true;
+        };
+        ProfilePicturePickerComponent.prototype._validateFileSize = function (file) {
+            if (this.maxFileSize) {
+                return file.size > this.maxFileSize;
+            }
+            return true;
+        };
+        ProfilePicturePickerComponent.prototype._getWidthElement = function (element) {
+            var _a = element.nativeElement.getBoundingClientRect(), left = _a.left, right = _a.right;
+            return right - left;
+        };
+        var ProfilePicturePickerComponent_1;
+        ProfilePicturePickerComponent.ctorParameters = function () { return [
+            { type: ImageCropperService },
+            { type: api.ConfirmationService },
+            { type: core$1.TranslateService }
+        ]; };
+        __decorate([
+            core.Input()
+        ], ProfilePicturePickerComponent.prototype, "simpleTitle", void 0);
+        __decorate([
+            core.Input()
+        ], ProfilePicturePickerComponent.prototype, "actionTitle", void 0);
+        __decorate([
+            core.Input()
+        ], ProfilePicturePickerComponent.prototype, "subtitle", void 0);
+        __decorate([
+            core.Input()
+        ], ProfilePicturePickerComponent.prototype, "aspectRatio", void 0);
+        __decorate([
+            core.Input()
+        ], ProfilePicturePickerComponent.prototype, "cropperLabelsConfig", void 0);
+        __decorate([
+            core.Input()
+        ], ProfilePicturePickerComponent.prototype, "removeButtonLabel", void 0);
+        __decorate([
+            core.Input()
+        ], ProfilePicturePickerComponent.prototype, "changeButtonLabel", void 0);
+        __decorate([
+            core.Input()
+        ], ProfilePicturePickerComponent.prototype, "confirmationTexts", void 0);
+        __decorate([
+            core.Input()
+        ], ProfilePicturePickerComponent.prototype, "maxFileSize", void 0);
+        __decorate([
+            core.Input()
+        ], ProfilePicturePickerComponent.prototype, "accept", void 0);
+        __decorate([
+            core.Input()
+        ], ProfilePicturePickerComponent.prototype, "supportedExtensions", void 0);
+        __decorate([
+            core.Input()
+        ], ProfilePicturePickerComponent.prototype, "image", void 0);
+        __decorate([
+            core.ViewChild("uploadPicture")
+        ], ProfilePicturePickerComponent.prototype, "uploadPicture", void 0);
+        __decorate([
+            core.ViewChild("info")
+        ], ProfilePicturePickerComponent.prototype, "info", void 0);
+        __decorate([
+            core.ViewChild("thumbnail", { read: core.ElementRef })
+        ], ProfilePicturePickerComponent.prototype, "thumbnail", void 0);
+        __decorate([
+            core.ViewChild("fileInput", { read: core.ElementRef })
+        ], ProfilePicturePickerComponent.prototype, "fileInput", void 0);
+        __decorate([
+            core.Output()
+        ], ProfilePicturePickerComponent.prototype, "changedImage", void 0);
+        __decorate([
+            core.Output()
+        ], ProfilePicturePickerComponent.prototype, "removedImage", void 0);
+        __decorate([
+            core.Output()
+        ], ProfilePicturePickerComponent.prototype, "invalidFile", void 0);
+        __decorate([
+            core.HostListener("dragover", ["$event"])
+        ], ProfilePicturePickerComponent.prototype, "onDragOver", null);
+        __decorate([
+            core.HostListener("dragleave", ["$event"])
+        ], ProfilePicturePickerComponent.prototype, "onDragLeave", null);
+        __decorate([
+            core.HostListener("drop", ["$event"])
+        ], ProfilePicturePickerComponent.prototype, "onDrop", null);
+        __decorate([
+            core.HostListener("window:resize")
+        ], ProfilePicturePickerComponent.prototype, "onResize", null);
+        ProfilePicturePickerComponent = ProfilePicturePickerComponent_1 = __decorate([
+            core.Component({
+                selector: "s-profile-picture-picker",
+                template: "<p-confirmDialog></p-confirmDialog>\n\n<input #fileInput [accept]=\"accept\" class=\"file-input\" type=\"file\" (change)=\"photoSelected($event)\">\n<div #uploadPicture class=\"upload-picture\">\n   <s-thumbnail\n      #thumbnail\n      iconClass=\"far fa-user\"\n      [imageSource]=\"image\"\n      [hasAction]=\"!image\"\n      (click)=\"selectPhoto()\">\n   </s-thumbnail>\n   <div #info class=\"info\">\n      <ng-container *ngIf=\"image; then withImage; else noImage\"></ng-container>\n      <p class=\"subtitle\">{{ subtitle }}</p>\n   </div>\n</div>\n\n<ng-template #withImage>\n   <div class=\"buttons\">\n      <s-button\n         [label]=\"changeButtonLabel || 'platform.angular_components.change_photo' | translate\"\n         priority=\"primary\"\n         (onClick)=\"selectPhoto()\">\n      </s-button>\n      <s-button\n         [label]=\"removeButtonLabel || 'platform.angular_components.remove' | translate\"\n         priority=\"secondary\"\n         (onClick)=\"removePhoto()\">\n      </s-button>\n   </div>\n</ng-template>\n\n<ng-template #noImage>\n   <p class=\"title\">\n      {{ simpleTitle || 'platform.angular_components.drag_your_photo_or' | translate }}\n      <span\n         class=\"action-title\"\n         (click)=\"selectPhoto()\">\n         {{ actionTitle || 'platform.angular_components.select_a_file' | translate }}\n      </span>\n   </p>\n</ng-template>",
+                providers: [{
+                        provide: forms.NG_VALUE_ACCESSOR,
+                        useExisting: core.forwardRef(function () { return ProfilePicturePickerComponent_1; }),
+                        multi: true,
+                    }],
+                styles: [".file-input{display:none}.upload-picture{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.upload-picture .info{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:12px 20px;-ms-flex-align:start;align-items:flex-start}.upload-picture .info .title{font-family:\"Open Sans\",sans-serif;font-weight:700;font-size:.875rem;line-height:150%;color:#333}.upload-picture .info .title .action-title{cursor:pointer;color:#428bca}.upload-picture .info .buttons{display:-ms-flexbox;display:flex;gap:8px}.upload-picture .info .buttons s-button{margin:0}.upload-picture .info .subtitle{padding:6px 0;font-family:\"Open Sans\",sans-serif;font-weight:400;font-size:.75rem;line-height:150%;color:#697882;text-align:center}.upload-picture--small .info{-ms-flex-align:center;align-items:center}.upload-picture--small .info .subtitle,.upload-picture--small .info .title{text-align:center}.upload-picture--small .info .buttons{-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}"]
+            })
+        ], ProfilePicturePickerComponent);
+        return ProfilePicturePickerComponent;
+    }());
+
+    var ProfilePicturePickerModule = /** @class */ (function () {
+        function ProfilePicturePickerModule() {
+        }
+        ProfilePicturePickerModule = __decorate([
+            core.NgModule({
+                imports: [
+                    common.CommonModule,
+                    core$1.TranslateModule,
+                    ButtonModule,
+                    ThumbnailModule,
+                    ImageCropperModule,
+                    confirmdialog.ConfirmDialogModule,
+                ],
+                declarations: [ProfilePicturePickerComponent],
+                exports: [ProfilePicturePickerComponent],
+                providers: [
+                    ImageCropperService,
+                    api.ConfirmationService,
+                ],
+            })
+        ], ProfilePicturePickerModule);
+        return ProfilePicturePickerModule;
+    }());
+
+    var ProfilePictureModule = /** @class */ (function () {
+        function ProfilePictureModule() {
+        }
+        ProfilePictureModule = __decorate([
+            core.NgModule({
+                imports: [
+                    common.CommonModule,
+                    forms.FormsModule,
+                    forms.ReactiveFormsModule,
+                    ProfilePicturePickerModule,
+                ],
+                declarations: [ProfilePictureFieldComponent],
+                exports: [ProfilePictureFieldComponent],
+            })
+        ], ProfilePictureModule);
+        return ProfilePictureModule;
+    }());
+
+    var DynamicFormModule = /** @class */ (function () {
+        function DynamicFormModule() {
+        }
+        DynamicFormModule = __decorate([
+            core.NgModule({
+                imports: [
+                    autocomplete$2.AutoCompleteModule,
+                    BignumberInputModule,
+                    ButtonModule,
+                    CalendarMaskModule,
+                    calendar.CalendarModule,
+                    checkbox.CheckboxModule,
+                    chips.ChipsModule,
+                    common.CommonModule,
+                    ControlErrorsModule,
+                    CountryPhonePickerModule,
+                    dialog.DialogModule,
+                    dropdown.DropdownModule,
+                    EmptyStateModule,
+                    forms.FormsModule,
+                    angular2Hotkeys.HotkeyModule,
+                    inputmask.InputMaskModule,
+                    inputtextarea.InputTextareaModule,
+                    inputtext.InputTextModule,
+                    keyfilter.KeyFilterModule,
+                    LoadingStateModule,
+                    LocaleModule,
+                    LocalizedNumberInputModule,
+                    panel.PanelModule,
+                    button.ButtonModule,
+                    table.TableModule,
+                    multiselect.MultiSelectModule,
+                    NumberInputModule,
+                    radiobutton.RadioButtonModule,
+                    forms.ReactiveFormsModule,
+                    TooltipModule,
+                    fieldset.FieldsetModule,
+                    TableHeaderCheckboxModule,
+                    FileUploadModule,
+                    TableModule,
+                    InfoSignModule,
+                    MaskFormatterModule,
+                    angular2Hotkeys.HotkeyModule.forRoot(),
+                    MouseEventsModule,
+                    SwitchModule,
+                    PasswordStrengthModule,
+                    slider.SliderModule,
+                    core$1.TranslateModule.forChild(),
+                    PasswordFieldModule,
+                    TextFieldModule,
+                    NumberFieldModule,
+                    CurrencyFieldModule,
+                    NumberFieldModule$1,
+                    ProfilePictureModule,
+                ],
+                declarations: [
+                    AutocompleteFieldComponent,
+                    BooleanFieldComponent,
+                    BooleanSwitchFieldComponent,
+                    CalendarFieldComponent,
+                    ChipsFieldComponent,
+                    CountryPhonePickerFieldComponent,
+                    DynamicFieldComponent,
+                    DynamicFormComponent,
+                    DynamicFormDirective,
+                    FieldsetComponent,
+                    FileUploadComponent$1,
+                    LookupComponent,
+                    LookupFieldComponent,
+                    RadioButtonComponent,
+                    RowComponent,
+                    SectionComponent,
+                    SelectFieldComponent,
+                    SliderFieldComponent,
+                    TextAreaFieldComponent,
+                    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,
+                ]
+            })
+        ], DynamicFormModule);
+        return DynamicFormModule;
+    }());
+
+    var CustomFieldsService = /** @class */ (function () {
+        function CustomFieldsService(http) {
+            this.http = http;
+        }
+        CustomFieldsService.prototype.getCustomFields = function (domain, service, entity, endpoint) {
+            var entityDto = { entityId: { domain_: domain, service_: service, id: entity } };
+            return this.http.post(endpoint, entityDto);
+        };
+        CustomFieldsService.prototype.getFileLocationUrl = function (dto, endpoint) {
+            return this.http.post(endpoint, dto);
+        };
+        CustomFieldsService.prototype.uploadTempFile = function (location, file) {
+            return this.http.put(location, file, {
+                reportProgress: true,
+                observe: "events",
+                headers: { "Content-Type": file.type }
+            });
+        };
+        CustomFieldsService.prototype.requestAccess = function (objectId, endpoint) {
+            return this.http.post(endpoint, { objectId: objectId });
+        };
+        CustomFieldsService.prototype.getFile = function (permanentUrl) {
+            return this.http.get(permanentUrl, { responseType: "blob" });
+        };
+        CustomFieldsService.ctorParameters = function () { return [
+            { type: http.HttpClient }
+        ]; };
+        CustomFieldsService = __decorate([
+            core.Injectable()
+        ], CustomFieldsService);
+        return CustomFieldsService;
+    }());
+
+    var CustomFieldType;
+    (function (CustomFieldType) {
+        CustomFieldType["String"] = "String";
+        CustomFieldType["Boolean"] = "Boolean";
+        CustomFieldType["Integer"] = "Integer";
+        CustomFieldType["Double"] = "Double";
+        CustomFieldType["Date"] = "Date";
+        CustomFieldType["DateTime"] = "DateTime";
+        CustomFieldType["LocalDateTime"] = "LocalDateTime";
+        CustomFieldType["Time"] = "Time";
+        CustomFieldType["Money"] = "Money";
+        CustomFieldType["Blob"] = "Blob";
+        CustomFieldType["Binary"] = "Binary";
+        CustomFieldType["Any"] = "Any";
         CustomFieldType["Enum"] = "Enum";
     })(CustomFieldType || (CustomFieldType = {}));
     var moment$5 = moment_; // @HACK Necessary because of https://github.com/rollup/rollup/issues/670
@@ -13053,175 +13839,30 @@
         __decorate([
             core.Input()
         ], SideTableComponent.prototype, "multipleTaskPerLine", void 0);
-        SideTableComponent = __decorate([
-            core.Component({
-                selector: 'gantt-side-table',
-                template: "<div class=\"side-table\">\n    <div class=\"column-title\">\n        <span>{{ columnTitle }}</span>\n    </div>\n    <div class=\"tasks\" >\n        <div\n            *ngFor=\"let task of tasks; let i = index\"\n            class=\"task\"\n            [ngStyle]=\"{'height.px': multipleTaskPerLine\n                    ? ROW_HEIGHT\n                    : ROW_HEIGHT * task.tasks.length}\"\n            [sTooltip]=\"task.title.length > 20 || task.subtitle.length > 20 ? '<span><strong>' + task.title + ' </strong></br><span> ' + task.subtitle + ' </span></span>' : '' \"\n            [escape]=\"false\">\n                <div class=\"title\">\n                    {{ task.title }}\n                </div>\n                <div class=\"subtitle\">\n                    {{ task.subtitle }}\n                </div>\n        </div>\n    </div>\n</div>\n",
-                styles: [".side-table{background:#fff;height:100%;min-width:175px}.side-table .column-title{height:106px;border:1px solid #e0e0e0;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center;padding:8px}.side-table .column-title span{font-family:\"Open Sans\" sans-serif;font-size:14px;font-weight:700;line-height:150%}.side-table .task{-ms-flex-align:center;align-items:center;background-color:#fff;border:1px solid #e0e0e0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-family:\"Open Sans\",sans-serif;font-weight:400;-ms-flex-pack:center;justify-content:center;line-height:150%;padding:0 5px}.side-table .task .title{color:#333;font-size:14px;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-table .task .subtitle{color:#999;font-size:12px;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}"]
-            })
-        ], SideTableComponent);
-        return SideTableComponent;
-    }());
-
-    var GanttModule = /** @class */ (function () {
-        function GanttModule() {
-        }
-        GanttModule = __decorate([
-            core.NgModule({
-                imports: [common.CommonModule, TooltipModule],
-                declarations: [
-                    GanttComponent,
-                    SideTableComponent,
-                ],
-                exports: [GanttComponent],
-            })
-        ], GanttModule);
-        return GanttModule;
-    }());
-
-
-    (function (ThumbnailSize) {
-        ThumbnailSize["Small"] = "small";
-        ThumbnailSize["Medium"] = "medium";
-        ThumbnailSize["Large"] = "large";
-    })(exports.ThumbnailSize || (exports.ThumbnailSize = {}));
-
-    var ThumbnailService = /** @class */ (function () {
-        function ThumbnailService() {
-        }
-        ThumbnailService.prototype.getBinaryFile = function (img) {
-            var _this = this;
-            return new Promise(function (resolve) {
-                var getOrientation = _this.getOrientation.bind(_this);
-                var http = new XMLHttpRequest();
-                http.addEventListener("load", function () {
-                    if (http.readyState === 4 && (http.status == 200 || http.status === 0)) {
-                        var orientation_1 = getOrientation(http.response);
-                        http = null;
-                        resolve(orientation_1);
-                    }
-                });
-                http.addEventListener("error", function () {
-                    http = null;
-                    throw new Error("Não foi possível carregar a imagem");
-                });
-                http.open("GET", img.src, true);
-                http.responseType = "arraybuffer";
-                http.send(null);
-            });
-        };
-        /**
-         * Retorna a tag da orientação EXIF {-1} Não definido, {-2} Não é formato JPEG, {1, 2, 3, 4, 5, 6, 7, 8} valores da orientação.
-         */
-        ThumbnailService.prototype.getOrientation = function (file) {
-            var view = new DataView(file);
-            if (view.getUint16(0, false) != 0xffd8)
-                return -2; // not jpeg
-            var length = view.byteLength;
-            var offset = 2;
-            while (offset < length) {
-                var marker = view.getUint16(offset, false);
-                offset += 2;
-                if (marker == 0xffe1) {
-                    if (view.getUint32((offset += 2), false) != 0x45786966) {
-                        return -1; // not defined
-                    }
-                    var little = view.getUint16((offset += 6), false) == 0x4949;
-                    offset += view.getUint32(offset + 4, little);
-                    var tags = view.getUint16(offset, little);
-                    offset += 2;
-                    for (var i = 0; i < tags; i++)
-                        if (view.getUint16(offset + i * 12, little) == 0x0112)
-                            return view.getUint16(offset + i * 12 + 8, little);
-                    // tslint:disable-next-line: no-bitwise
-                }
-                else if ((marker & 0xff00) != 0xff00)
-                    break;
-                else
-                    offset += view.getUint16(offset, false);
-            }
-            return -1; // not defined
-        };
-        ThumbnailService = __decorate([
-            core.Injectable()
-        ], ThumbnailService);
-        return ThumbnailService;
-    }());
-
-    var ThumbnailComponent = /** @class */ (function () {
-        function ThumbnailComponent(thumbnailService) {
-            this.thumbnailService = thumbnailService;
-            this.fallback = false;
-            this.id = "s-thumbnail-" + ThumbnailComponent_1.nextId++;
-            this.size = exports.ThumbnailSize.Medium;
-            this.iconClass = "far fa-image";
-            this.hasAction = false;
-            this.actionIconClass = "fas fa-camera";
-            this.isTile = false;
-            this.isBrand = false;
-            this.ngUnsubscribe = new rxjs.Subject();
-        }
-        ThumbnailComponent_1 = ThumbnailComponent;
-        ThumbnailComponent.prototype.ngOnDestroy = function () {
-            this.ngUnsubscribe.next();
-            this.ngUnsubscribe.complete();
-        };
-        ThumbnailComponent.prototype.ngAfterViewInit = function () {
-            var _this = this;
-            if (this.imgEl) {
-                this.imgEl.nativeElement.addEventListener("load", function () {
-                    rxjs.from(_this.thumbnailService.getBinaryFile(_this.imgEl.nativeElement))
-                        .pipe(operators.takeUntil(_this.ngUnsubscribe))
-                        .subscribe(function (orientation) { return (_this.orientation = orientation); });
-                });
-            }
-        };
-        var ThumbnailComponent_1;
-        ThumbnailComponent.nextId = 0;
-        ThumbnailComponent.ctorParameters = function () { return [
-            { type: ThumbnailService }
-        ]; };
-        __decorate([
-            core.ViewChild("img", { static: false })
-        ], ThumbnailComponent.prototype, "imgEl", void 0);
-        __decorate([
-            core.Input()
-        ], ThumbnailComponent.prototype, "id", void 0);
-        __decorate([
-            core.Input()
-        ], ThumbnailComponent.prototype, "size", void 0);
-        __decorate([
-            core.Input()
-        ], ThumbnailComponent.prototype, "imageSource", void 0);
-        __decorate([
-            core.Input()
-        ], ThumbnailComponent.prototype, "imageFallback", void 0);
-        __decorate([
-            core.Input()
-        ], ThumbnailComponent.prototype, "imageAlt", void 0);
-        __decorate([
-            core.Input()
-        ], ThumbnailComponent.prototype, "iconClass", void 0);
-        __decorate([
-            core.Input()
-        ], ThumbnailComponent.prototype, "hasAction", void 0);
-        __decorate([
-            core.Input()
-        ], ThumbnailComponent.prototype, "actionIconClass", void 0);
-        __decorate([
-            core.Input()
-        ], ThumbnailComponent.prototype, "isTile", void 0);
-        __decorate([
-            core.Input()
-        ], ThumbnailComponent.prototype, "isBrand", void 0);
-        ThumbnailComponent = ThumbnailComponent_1 = __decorate([
-            core.Component({
-                selector: "s-thumbnail",
-                template: "<div\n    [id]=\"id\"\n    class=\"thumbnail-container thumbnail-container--{{size}}\"\n    [ngClass]=\"{\n        'thumbnail-container--with-action': hasAction,\n        'thumbnail-container--brand': isBrand\n    }\">\n    <div\n        [id]=\"id + '-image-container'\"\n        *ngIf=\"imageSource || imageFallback\"\n        class=\"image-container\"\n        [ngClass]=\"{\n            'image-container--rounded': !isBrand\n        }\">\n        <img\n            #img\n            [id]=\"id + '-image'\"\n            (error)=\"fallback = true\"\n            [src]=\"imageSource\"\n            [alt]=\"imageAlt\"\n            *ngIf=\"!fallback\"\n            [ngClass]=\"{\n                'smallThumbnail': isTile,\n                'exif-orientation-2': orientation == 2,\n                'exif-orientation-3': orientation == 3,\n                'exif-orientation-4': orientation == 4,\n                'exif-orientation-5': orientation == 5,\n                'exif-orientation-6': orientation == 6,\n                'exif-orientation-7': orientation == 7,\n                'exif-orientation-8': orientation == 8\n            }\"/>\n\n        <img\n            #img\n            [id]=\"id + '-image-fallback'\"\n            (error)=\"imageFallback = undefined\"\n            [src]=\"imageFallback\"\n            [alt]=\"imageAlt\"\n            *ngIf=\"fallback && imageFallback\"\n            [ngClass]=\"{\n                'smallThumbnail': isTile,\n                'exif-orientation-2': orientation == 2,\n                'exif-orientation-3': orientation == 3,\n                'exif-orientation-4': orientation == 4,\n                'exif-orientation-5': orientation == 5,\n                'exif-orientation-6': orientation == 6,\n                'exif-orientation-7': orientation == 7,\n                'exif-orientation-8': orientation == 8\n            }\"/>\n\n        <i\n            *ngIf=\"fallback && !imageFallback\"\n            ngClass=\"far fa-image\"\n            class=\"fallback-img-color\">\n        </i>\n    </div>\n    <div\n        [id]=\"id + '-action-icon-container'\"\n        *ngIf=\"hasAction\"\n        class=\"action-icon-container action-icon-container--{{size}}\">\n        <span\n            [id]=\"id + '-action-icon'\"\n            [class]=\"actionIconClass\"\n            aria-hidden=\"true\">\n        </span>\n    </div>\n    <div\n        [id]=\"id + '-icon-container'\"\n        *ngIf=\"!imageSource && !imageFallback\"\n        class=\"icon-container icon-container--{{size}}\"\n        [ngClass]=\"{'image-container--rounded': !isBrand}\">\n        <span\n            [id]=\"id + '-icon'\"\n            [class]=\"iconClass\"\n            aria-hidden=\"true\">\n        </span>\n    </div>\n\n    <ng-content></ng-content>\n</div>\n",
-                styles: [":host{display:inline-block}.thumbnail-container{color:#fff;position:relative;text-align:center}.thumbnail-container--large{font-size:50px;height:100px;width:100px}.thumbnail-container--large.thumbnail-container--brand{width:200px}.thumbnail-container--medium{font-size:40px;height:70px;width:70px}.thumbnail-container--medium.thumbnail-container--brand{width:140px}.thumbnail-container--small{font-size:22px;height:40px;width:40px}.thumbnail-container--small.thumbnail-container--brand{width:80px}.thumbnail-container--with-action{cursor:pointer}.action-icon-container{background-color:#428bca;border-radius:50%;bottom:0;position:absolute;right:0}.action-icon-container--large,.action-icon-container--medium{font-size:10pt;height:25px;padding:3px;width:25px}.action-icon-container--small{font-size:6pt;height:16px;padding:2px;width:16px}.icon-container,.image-container{-ms-flex-align:center;align-items:center;height:100%;overflow:hidden;width:100%}.icon-container--rounded,.image-container--rounded{border-radius:50%}.smallThumbnail{height:40px!important}.icon-container{background-color:#ccc;color:#fff}.icon-container--large{line-height:98px}.icon-container--medium{line-height:68px}.icon-container--small{line-height:38px}.image-container{-ms-flex-align:center;align-items:center;background-color:#ccc;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.image-container img{width:100%}.image-container img.exif-orientation-2{transform:rotateY(180deg)}.image-container img.exif-orientation-3{transform:rotate(180deg)}.image-container img.exif-orientation-4{transform:rotate(180deg) rotateY(180deg)}.image-container img.exif-orientation-5{transform:rotate(270deg) rotateY(180deg)}.image-container img.exif-orientation-6{transform:rotate(90deg)}.image-container img.exif-orientation-7{transform:rotate(90deg) rotateY(180deg)}.image-container img.exif-orientation-8{transform:rotate(270deg)}.fallback-img-color{color:#fff}"]
+        SideTableComponent = __decorate([
+            core.Component({
+                selector: 'gantt-side-table',
+                template: "<div class=\"side-table\">\n    <div class=\"column-title\">\n        <span>{{ columnTitle }}</span>\n    </div>\n    <div class=\"tasks\" >\n        <div\n            *ngFor=\"let task of tasks; let i = index\"\n            class=\"task\"\n            [ngStyle]=\"{'height.px': multipleTaskPerLine\n                    ? ROW_HEIGHT\n                    : ROW_HEIGHT * task.tasks.length}\"\n            [sTooltip]=\"task.title.length > 20 || task.subtitle.length > 20 ? '<span><strong>' + task.title + ' </strong></br><span> ' + task.subtitle + ' </span></span>' : '' \"\n            [escape]=\"false\">\n                <div class=\"title\">\n                    {{ task.title }}\n                </div>\n                <div class=\"subtitle\">\n                    {{ task.subtitle }}\n                </div>\n        </div>\n    </div>\n</div>\n",
+                styles: [".side-table{background:#fff;height:100%;min-width:175px}.side-table .column-title{height:106px;border:1px solid #e0e0e0;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center;padding:8px}.side-table .column-title span{font-family:\"Open Sans\" sans-serif;font-size:14px;font-weight:700;line-height:150%}.side-table .task{-ms-flex-align:center;align-items:center;background-color:#fff;border:1px solid #e0e0e0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-family:\"Open Sans\",sans-serif;font-weight:400;-ms-flex-pack:center;justify-content:center;line-height:150%;padding:0 5px}.side-table .task .title{color:#333;font-size:14px;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-table .task .subtitle{color:#999;font-size:12px;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}"]
             })
-        ], ThumbnailComponent);
-        return ThumbnailComponent;
+        ], SideTableComponent);
+        return SideTableComponent;
+    }());
+
+    var GanttModule = /** @class */ (function () {
+        function GanttModule() {
+        }
+        GanttModule = __decorate([
+            core.NgModule({
+                imports: [common.CommonModule, TooltipModule],
+                declarations: [
+                    GanttComponent,
+                    SideTableComponent,
+                ],
+                exports: [GanttComponent],
+            })
+        ], GanttModule);
+        return GanttModule;
     }());
 
 
@@ -13298,770 +13939,462 @@
             core.Component({
                 selector: "s-global-search-dropdown-item",
                 template: "<ng-template>\n    <div class=\"{{isSmallSize() ? 'ui-g container' : 'container'}}\">\n        <ng-content select=\"s-thumbnail\"></ng-content>\n        <s-thumbnail [id]=\"id + '-thumbnail'\"\n            *ngIf=\"!thumbnailComponent && (imageSource || iconClass) && !isSmallSize()\" [imageSource]=\"imageSource\"\n            [imageAlt]=\"imageAlt || primaryLabel\" [iconClass]=\"iconClass\" [size]=\"getImageSize()\"></s-thumbnail>\n\n        <div class=\"global-search-item__container {{!isSmallSize() ? 'global-search-item__container--width-60' : ''}}\">\n            <div #titleTemplate>\n                <ng-content select=\"[titleTemplate]\"></ng-content>\n            </div>\n            <s-button styleClass=\"no-padding\" class=\"{{isSmallSize() ? 'ui-g-6 no-padding' : ''}}\" [id]=\"id + '-title'\"\n                *ngIf=\"!titleTemplate.children.length\" priority=\"link\" [pTooltip]=\"primaryLabel\" [label]=\"primaryLabel\"\n                size=\"small\" (onClick)=\"buttonClick.emit($event)\">\n            </s-button>\n\n            <div #labelTemplate>\n                <ng-content select=\"[labelTemplate]\"></ng-content>\n            </div>\n            <span [id]=\"id + '-label'\" [ngClass]=\"{'ui-g-6 global-search-item__text-align--right': isSmallSize(), 'global-search-item__italic' : !secondaryLabel}\"\n                class=\"label\" *ngIf=\"!labelTemplate.children.length\"\n                [pTooltip]=\"secondaryLabel\" tooltipPosition=\"top\" showDelay=\"500\">{{ secondaryLabel ? secondaryLabel : secondaryEmptyLabel }}</span>\n\n            <div #descriptionTemplate>\n                <ng-content select=\"[descriptionTemplate]\"></ng-content>\n            </div>\n            <span [id]=\"id + '-description'\" class=\"description\"\n                [ngClass]=\"{'global-search-item__italic' : !secondaryLabel}\"\n                *ngIf=\" !descriptionTemplate.children.length && !isMediumSize() && !isSmallSize()\"\n                [pTooltip]=\"tertiaryLabel\" tooltipPosition=\"top\" showDelay=\"500\">{{ tertiaryLabel ? tertiaryLabel : tertiaryEmptyLabel }}</span>\n        </div>\n        <div class=\"global-search-item__container--width-40 global-search__dropdown--template\" *ngIf=\"!isSmallSize()\">\n            <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n        </div>\n    </div>\n</ng-template>\n",
-                styles: [".container{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;height:100%;border-bottom:1px solid #ccc;padding:15px 5px;margin:0 10px}::ng-deep .no-padding{padding:0!important;min-width:0!important}::ng-deep .s-button-with-text{min-width:0!important}.global-search-item__italic{font-style:italic}.global-search-item__container{margin-left:10px;width:100%}.global-search-item__container,.global-search-item__container span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.global-search-item__container .label{color:#333;display:block}.global-search-item__container .description{color:#999;display:block}.global-search-item__container--width-60{width:60%}.global-search-item__container--width-40{width:40%}.global-search-item__text-align--right{text-align:right;padding:2px 0 0 15px}.global-search__dropdown--template{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;text-align:right!important}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.global-search-item__container{-ms-flex:1;flex:1}}@media (max-width:767px){.global-search-item__container,.global-search-item__container span{white-space:normal}}.global-search-item__container:only-child{margin-left:0}"]
-            })
-        ], GlobalSearchDropdownItemComponent);
-        return GlobalSearchDropdownItemComponent;
-    }());
-
-    var GlobalSearchComponent = /** @class */ (function () {
-        function GlobalSearchComponent(cdr) {
-            this.cdr = cdr;
-            this.id = "s-global-search-" + GlobalSearchDropdownItemComponent.nextId++;
-            this.delay = 500;
-            this.isLoading = false;
-            this.showFooter = true;
-            this.onSearch = new core.EventEmitter();
-            this.onFocus = new core.EventEmitter();
-            this.onShowMore = new core.EventEmitter();
-            this.wasSearched = false;
-            this.isModalLoading = false;
-            this.expanded = true;
-        }
-        GlobalSearchComponent.prototype.onChange = function () {
-            var _this = this;
-            var search = this.search;
-            setTimeout(function () {
-                if (_this.search === search) {
-                    _this.canShowGlobalSearchActive();
-                    _this.onSearch.emit(_this.search);
-                }
-            }, this.delay);
-        };
-        GlobalSearchComponent.prototype.focusIn = function () {
-            this.onFocus.emit(true);
-        };
-        GlobalSearchComponent.prototype.focusOut = function () {
-            this.onFocus.emit(false);
-        };
-        GlobalSearchComponent.prototype.showMore = function () {
-            this.onShowMore.emit();
-        };
-        GlobalSearchComponent.prototype.removeActiveClassByGlobalSearch = function () {
-            ExportUtils.removeClass(this.globalSearch, "global-search__input-active");
-        };
-        GlobalSearchComponent.prototype.close = function () {
-            this.search = null;
-            this.wasSearched = false;
-            this.dropdownItens = null;
-            this.isModalLoading = false;
-            this.removeActiveClassByGlobalSearch();
-        };
-        GlobalSearchComponent.prototype.canShowGlobalSearchActive = function () {
-            this.wasSearched = !!this.search;
-            if (this.search) {
-                ExportUtils.addClass(this.globalSearch, "global-search__input-active");
-            }
-            else {
-                this.removeActiveClassByGlobalSearch();
-                this.close();
-            }
-            this.cdr.detectChanges();
-        };
-        GlobalSearchComponent.nextId = 0;
-        GlobalSearchComponent.ctorParameters = function () { return [
-            { type: core.ChangeDetectorRef }
-        ]; };
-        __decorate([
-            core.ViewChild("globalSearch", { static: false })
-        ], GlobalSearchComponent.prototype, "globalSearch", void 0);
-        __decorate([
-            core.Input()
-        ], GlobalSearchComponent.prototype, "id", void 0);
-        __decorate([
-            core.Input()
-        ], GlobalSearchComponent.prototype, "delay", void 0);
-        __decorate([
-            core.Input()
-        ], GlobalSearchComponent.prototype, "totalItensLabel", void 0);
-        __decorate([
-            core.Input()
-        ], GlobalSearchComponent.prototype, "showMoreLabel", void 0);
-        __decorate([
-            core.Input()
-        ], GlobalSearchComponent.prototype, "placeholder", void 0);
-        __decorate([
-            core.Input()
-        ], GlobalSearchComponent.prototype, "isLoading", void 0);
-        __decorate([
-            core.Input()
-        ], GlobalSearchComponent.prototype, "totalElements", void 0);
-        __decorate([
-            core.Input()
-        ], GlobalSearchComponent.prototype, "emptyTitle", void 0);
-        __decorate([
-            core.Input()
-        ], GlobalSearchComponent.prototype, "emptyDescription", void 0);
-        __decorate([
-            core.Input()
-        ], GlobalSearchComponent.prototype, "emptyIcon", void 0);
-        __decorate([
-            core.Input()
-        ], GlobalSearchComponent.prototype, "showFooter", void 0);
-        __decorate([
-            core.ContentChildren(GlobalSearchDropdownItemComponent)
-        ], GlobalSearchComponent.prototype, "dropdownItens", void 0);
-        __decorate([
-            core.Output()
-        ], GlobalSearchComponent.prototype, "onSearch", void 0);
-        __decorate([
-            core.Output()
-        ], GlobalSearchComponent.prototype, "onFocus", void 0);
-        __decorate([
-            core.Output()
-        ], GlobalSearchComponent.prototype, "onShowMore", void 0);
-        GlobalSearchComponent = __decorate([
-            core.Component({
-                selector: "s-global-search",
-                template: "<div class=\"ui-inputgroup\">\n    <input #globalSearch class=\"global-search__input\" [(ngModel)]=\"search\" (ngModelChange)=\"onChange()\" pInputText\n        [placeholder]=\"placeholder\" (focus)=\"focusIn()\" (blur)=\"focusOut()\">\n    <span class=\"ui-inputgroup-addon global-search__span\"><em class=\"fas fa-search\"></em></span>\n    <div class=\"global-search__modal\" *ngIf=\"wasSearched\">\n        <div *sLoadingState=\"isLoading && !isModalLoading\" class=\"global-search__loader\">\n            <div class=\"global-search__container\" *ngIf=\"dropdownItens && dropdownItens.length > 0 || isLoading\">\n                <div *ngIf=\"dropdownItens && dropdownItens.length > 0\">\n                    <div class=\"global-search__modal--total-itens-title\">\n                        <span class=\"ui-g-11 no-space\">{{totalItensLabel}}</span>\n                        <span class=\"ui-g-1 no-space global-search__modal--total-itens-title-icon\" (click)=\"close()\"><em\n                                class=\"fas fa-times\"></em></span>\n                    </div>\n                    <div class=\"no-space global-search__dropdown--itens\"\n                        [@expandableContent]=\"expanded\">\n                        <ng-container *ngFor=\"let item of dropdownItens\">\n                            <div class=\"s-object-card-field no-space global-search__dropdown--itens-container\">\n                                <ng-container *ngTemplateOutlet=\"item.content\"></ng-container>\n                            </div>\n                        </ng-container>\n                    </div>\n                    <div *ngIf=\"showFooter\" class=\"ui-g-12 global-search__modal--footer\">\n                        <s-button class=\"global-search__show-more\" (click)=\"showMore()\" priority=\"link\">\n                            {{showMoreLabel}}\n                        </s-button>\n                    </div>\n                </div>\n            </div>\n            <s-empty-state *ngIf=\"(!dropdownItens || dropdownItens.length==0) && !isLoading\" [title]=\"emptyTitle\"\n                [description]=\"emptyDescription\" ngClass=\"global-search__empty-state--icon\"\n                [iconClass]=\"(emptyIcon ? emptyIcon : 'fas fa-search')\">\n            </s-empty-state>\n        </div>\n    </div>\n    <div *ngIf=\"wasSearched\" class=\"global-search__background\" (click)=\"close()\"></div>\n</div>\n",
-                animations: [
-                    animations.trigger("expandableContent", [
-                        animations.state("*", animations.style({
-                            height: "0",
-                        })),
-                        animations.state("false", animations.style({
-                            height: "0",
-                        })),
-                        animations.state("true", animations.style({
-                            height: "*",
-                        })),
-                        animations.transition("* => true", animations.animate("200ms ease-out")),
-                        animations.transition("false <=> true", animations.animate("200ms ease-out")),
-                    ]),
-                ],
-                styles: [".global-search__input{border-radius:20px 0 0 20px;width:136px;cursor:pointer;padding:0 0 0 15px;transition:.3s}.ui-inputtext{min-height:25px!important;height:25px!important}.global-search__span{transition:.3s;background:0 0!important;border-left:none;border-radius:0 20px 20px 0!important;padding:1px 15px 0 0!important;height:25px!important}.global-search__input:active,.global-search__input:focus{width:466px;cursor:default;transition:.3s;border-top:1px solid #428bca;border-left:1px solid #428bca;border-bottom:1px solid #428bca}.global-search__input:active,.global-search__input:focus+.global-search__span{transition:.3s;border-left:none;border-top:1px solid #428bca!important;border-right:1px solid #428bca!important;border-bottom:1px solid #428bca!important}.global-search__input-active{width:466px;cursor:default;transition:.3s}.global-search__modal{box-shadow:0 2px 8px 0 rgba(0,0,0,.4);border-radius:5px;width:500px;background:#fff;position:absolute;margin-top:60px;z-index:6;min-height:50px}::ng-deep .global-search__loader{border-radius:5px!important;width:100%}.global-search__container{min-height:50px;width:100%}.global-search__modal--total-itens-title{padding:15px;color:#333;border-bottom:1px solid #ccc;font-weight:600;height:50px}.global-search__modal--footer{height:50px;border-top:1px solid #ccc}.global-search__dropdown--itens{max-height:510px;overflow:auto}.global-search__dropdown--itens-container:hover{background:#dbe0e4}.global-search__modal--total-itens-title-icon{text-align:right;cursor:pointer}.global-search__background{background:rgba(0,0,0,.4);width:100%;height:calc(100vh - 70px);position:absolute;left:0;margin-top:50px;z-index:5;cursor:pointer}.no-space{padding:0;margin:0}.global-search__show-more{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}body .global-search__show-more--button{color:#428bca!important}.modal{position:absolute;left:1%;width:98%;height:calc(100vh - 90px)}.global-search__empty-state--icon{margin:42px 134px}::ng-deep .global-search__empty-state--icon .container .icon{font-size:40px}::ng-deep .s-button-priority-link{color:#428bca}@media all and (max-width:900px){.global-search__modal{top:20px;width:98%;left:1%}.global-search__input-active,.global-search__input:active,.global-search__input:focus{position:absolute;width:calc(100% - 70px);left:2%}body .global-search__dropdown--itens{max-height:100%;overflow:auto}}@media all and (max-width:767px){.global-search__modal{top:15px}.global-search__input-active,.global-search__input:active,.global-search__input:focus{width:calc(100% - 55px)}}@media all and (max-width:600px){.global-search__modal--itens{height:calc(100vh - 100px);background:#fff}.global-search__input-active,.global-search__input:active,.global-search__input:focus{position:absolute;width:calc(100% - 53px);left:2%}body .global-search__dropdown--itens{max-height:100%;overflow:auto}.global-search__dropdown--itens{max-height:100%;background:#fff}.global-search__modal--footer{background:#fff;height:50px}.global-search__modal{top:17px;border-radius:0;margin-top:55px;box-shadow:none;left:0;width:100%}}"]
-            })
-        ], GlobalSearchComponent);
-        return GlobalSearchComponent;
-    }());
-
-    var ThumbnailModule = /** @class */ (function () {
-        function ThumbnailModule() {
-        }
-        ThumbnailModule = __decorate([
-            core.NgModule({
-                imports: [common.CommonModule],
-                declarations: [ThumbnailComponent],
-                exports: [ThumbnailComponent],
-                providers: [ThumbnailService],
-            })
-        ], ThumbnailModule);
-        return ThumbnailModule;
-    }());
-
-    var InfiniteScrollDirective = /** @class */ (function () {
-        function InfiniteScrollDirective(el) {
-            this.el = el;
-            this.onScroll = new core.EventEmitter();
-        }
-        InfiniteScrollDirective.prototype.scroll = function () {
-            if (this.el.nativeElement.scrollTop > (this.el.nativeElement.scrollHeight - this.el.nativeElement.offsetHeight - 2)) {
-                this.onScroll.emit();
-            }
-        };
-        InfiniteScrollDirective.ctorParameters = function () { return [
-            { type: core.ElementRef }
-        ]; };
-        __decorate([
-            core.Output()
-        ], InfiniteScrollDirective.prototype, "onScroll", void 0);
-        __decorate([
-            core.HostListener("scroll")
-        ], InfiniteScrollDirective.prototype, "scroll", null);
-        InfiniteScrollDirective = __decorate([
-            core.Directive({
-                selector: "[sInfiniteScroll]"
-            })
-        ], InfiniteScrollDirective);
-        return InfiniteScrollDirective;
-    }());
-
-    var InfiniteScrollModule = /** @class */ (function () {
-        function InfiniteScrollModule() {
-        }
-        InfiniteScrollModule = __decorate([
-            core.NgModule({
-                declarations: [
-                    InfiniteScrollDirective
-                ],
-                imports: [
-                    common.CommonModule
-                ],
-                exports: [
-                    InfiniteScrollDirective
-                ]
-            })
-        ], InfiniteScrollModule);
-        return InfiniteScrollModule;
-    }());
-
-    var GlobalSearchModule = /** @class */ (function () {
-        function GlobalSearchModule() {
-        }
-        GlobalSearchModule = __decorate([
-            core.NgModule({
-                declarations: [
-                    GlobalSearchComponent,
-                    GlobalSearchDropdownItemComponent
-                ],
-                imports: [
-                    common.CommonModule,
-                    inputtext.InputTextModule,
-                    forms.FormsModule,
-                    forms.ReactiveFormsModule,
-                    tooltip.TooltipModule,
-                    ThumbnailModule,
-                    ButtonModule,
-                    LoadingStateModule,
-                    InfiniteScrollModule,
-                    EmptyStateModule
-                ],
-                exports: [
-                    GlobalSearchComponent,
-                    GlobalSearchDropdownItemComponent,
-                    tooltip.TooltipModule,
-                    ThumbnailModule,
-                    ButtonModule,
-                    LoadingStateModule,
-                    EmptyStateModule
-                ],
-                entryComponents: [
-                    GlobalSearchComponent,
-                    GlobalSearchDropdownItemComponent
-                ]
+                styles: [".container{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;height:100%;border-bottom:1px solid #ccc;padding:15px 5px;margin:0 10px}::ng-deep .no-padding{padding:0!important;min-width:0!important}::ng-deep .s-button-with-text{min-width:0!important}.global-search-item__italic{font-style:italic}.global-search-item__container{margin-left:10px;width:100%}.global-search-item__container,.global-search-item__container span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.global-search-item__container .label{color:#333;display:block}.global-search-item__container .description{color:#999;display:block}.global-search-item__container--width-60{width:60%}.global-search-item__container--width-40{width:40%}.global-search-item__text-align--right{text-align:right;padding:2px 0 0 15px}.global-search__dropdown--template{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;text-align:right!important}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.global-search-item__container{-ms-flex:1;flex:1}}@media (max-width:767px){.global-search-item__container,.global-search-item__container span{white-space:normal}}.global-search-item__container:only-child{margin-left:0}"]
             })
-        ], GlobalSearchModule);
-        return GlobalSearchModule;
+        ], GlobalSearchDropdownItemComponent);
+        return GlobalSearchDropdownItemComponent;
     }());
 
-    var IAInsightCardComponent = /** @class */ (function () {
-        function IAInsightCardComponent(clipboard, messageService, translateService) {
-            this.clipboard = clipboard;
-            this.messageService = messageService;
-            this.translateService = translateService;
-            this.open = false;
+    var GlobalSearchComponent = /** @class */ (function () {
+        function GlobalSearchComponent(cdr) {
+            this.cdr = cdr;
+            this.id = "s-global-search-" + GlobalSearchDropdownItemComponent.nextId++;
+            this.delay = 500;
             this.isLoading = false;
-            this.likeSelected = false;
-            this.dislikeSelected = false;
+            this.showFooter = true;
+            this.onSearch = new core.EventEmitter();
+            this.onFocus = new core.EventEmitter();
+            this.onShowMore = new core.EventEmitter();
+            this.wasSearched = false;
+            this.isModalLoading = false;
+            this.expanded = true;
         }
-        IAInsightCardComponent.prototype.toggle = function () {
-            this.open = !this.open;
-            this._requestInsight();
+        GlobalSearchComponent.prototype.onChange = function () {
+            var _this = this;
+            var search = this.search;
+            setTimeout(function () {
+                if (_this.search === search) {
+                    _this.canShowGlobalSearchActive();
+                    _this.onSearch.emit(_this.search);
+                }
+            }, this.delay);
         };
-        IAInsightCardComponent.prototype.onLikeSelected = function () {
-            var _a, _b;
-            if (this.likeSelected) {
-                this.likeSelected = false;
-            }
-            else {
-                this.likeSelected = true;
-                this.dislikeSelected = false;
-                (_b = (_a = this.insight).onLikeSelected) === null || _b === void 0 ? void 0 : _b.call(_a);
-            }
+        GlobalSearchComponent.prototype.focusIn = function () {
+            this.onFocus.emit(true);
         };
-        IAInsightCardComponent.prototype.onDislikeSelected = function () {
-            var _a, _b;
-            if (this.dislikeSelected) {
-                this.dislikeSelected = false;
-            }
-            else {
-                this.dislikeSelected = true;
-                this.likeSelected = false;
-                (_b = (_a = this.insight).onDislikeSelected) === null || _b === void 0 ? void 0 : _b.call(_a);
-            }
+        GlobalSearchComponent.prototype.focusOut = function () {
+            this.onFocus.emit(false);
         };
-        IAInsightCardComponent.prototype.copyContent = function () {
-            var _a, _b;
-            (_b = (_a = this.insight).onCopy) === null || _b === void 0 ? void 0 : _b.call(_a, this.content);
-            if (this.clipboard.copy(this.content)) {
-                this.messageService.add({
-                    severity: "info",
-                    summary: this.translateService.instant("platform.angular_components.copied_to_clipboard"),
-                });
-            }
+        GlobalSearchComponent.prototype.showMore = function () {
+            this.onShowMore.emit();
         };
-        IAInsightCardComponent.prototype.reloadContent = function () {
-            this._requestInsight();
+        GlobalSearchComponent.prototype.removeActiveClassByGlobalSearch = function () {
+            ExportUtils.removeClass(this.globalSearch, "global-search__input-active");
         };
-        IAInsightCardComponent.prototype._requestInsight = function () {
-            var _this = this;
-            this.isLoading = true;
-            this.insight.request$
-                .pipe(operators.first(), operators.finalize(function () { return (_this.isLoading = false); }))
-                .subscribe(function (content) {
-                _this.content = marked.marked(content);
-            });
+        GlobalSearchComponent.prototype.close = function () {
+            this.search = null;
+            this.wasSearched = false;
+            this.dropdownItens = null;
+            this.isModalLoading = false;
+            this.removeActiveClassByGlobalSearch();
         };
-        IAInsightCardComponent.ctorParameters = function () { return [
-            { type: clipboard.Clipboard },
-            { type: api.MessageService },
-            { type: core$1.TranslateService }
+        GlobalSearchComponent.prototype.canShowGlobalSearchActive = function () {
+            this.wasSearched = !!this.search;
+            if (this.search) {
+                ExportUtils.addClass(this.globalSearch, "global-search__input-active");
+            }
+            else {
+                this.removeActiveClassByGlobalSearch();
+                this.close();
+            }
+            this.cdr.detectChanges();
+        };
+        GlobalSearchComponent.nextId = 0;
+        GlobalSearchComponent.ctorParameters = function () { return [
+            { type: core.ChangeDetectorRef }
         ]; };
+        __decorate([
+            core.ViewChild("globalSearch", { static: false })
+        ], GlobalSearchComponent.prototype, "globalSearch", void 0);
         __decorate([
             core.Input()
-        ], IAInsightCardComponent.prototype, "insight", void 0);
-        IAInsightCardComponent = __decorate([
-            core.Component({
-                selector: "s-ia-insight-card",
-                template: "<div class=\"ia-insight-card\" [ngClass]=\"{ 'ia-insight-card--close': !open }\">\n    <div class=\"header\" (click)=\"toggle()\">\n        <s-badge text=\"Insight\" iconClass=\"fal fa-lightbulb\"></s-badge>\n        <span class=\"insight-title\">{{ insight.title }}</span>\n        <span\n            class=\"toggle-icon fas\"\n            [ngClass]=\"{\n                'fa-angle-down': !open,\n                'fa-angle-up': open\n            }\"\n        >\n        </span>\n    </div>\n    <div class=\"content\">\n        <ng-container *ngIf=\"isLoading; then loadingBlock; else contentBlock\"></ng-container>\n        <ng-template #loadingBlock>\n            <s-ia-insight-card-loader></s-ia-insight-card-loader>\n        </ng-template>\n        <ng-template #contentBlock>\n            <ng-container *ngIf=\"content; then successBlock; else errorBlock\"></ng-container>\n\n            <ng-template #successBlock>\n                <span class=\"text\" [innerHTML]=\"content\"></span>\n            </ng-template>\n            <ng-template #errorBlock>\n                <span class=\"text text--error\">{{ \"platform.angular_components.error_loading_insight_alt\" | translate }}</span>\n            </ng-template>\n\n            <div class=\"options\">\n                <button [disabled]=\"!content\" (click)=\"copyContent()\" class=\"option fal fa-copy\"></button>\n                <button (click)=\"reloadContent()\" class=\"option fal fa-redo\"></button>\n                <button\n                    *ngIf=\"insight.onLikeSelected\"\n                    [disabled]=\"!content\"\n                    (click)=\"onLikeSelected()\"\n                    class=\"option\"\n                    [ngClass]=\"{\n                        'fal': !likeSelected,\n                        'fas': likeSelected,\n                        'fa-thumbs-up': true\n                    }\">\n                </button>\n                <button\n                    *ngIf=\"insight.onDislikeSelected\"\n                    [disabled]=\"!content\"\n                    (click)=\"onDislikeSelected()\"\n                    class=\"option\"\n                    [ngClass]=\"{\n                        'fal': !dislikeSelected,\n                        'fas': dislikeSelected,\n                        'fa-thumbs-down': true\n                    }\">\n                </button>\n            </div>\n        </ng-template>\n    </div>\n</div>\n",
-                styles: [".ia-insight-card{background-color:#fff;border:1px solid #9ecad4;border-radius:4px;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.ia-insight-card .header{-ms-flex-align:center;align-items:center;background-color:#f1f7f8;border-bottom:1px solid #9ecad4;display:-ms-flexbox;display:flex;gap:8px;min-height:60px;padding:8px 16px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ia-insight-card .header .insight-title{color:#428bca;-ms-flex-positive:1;flex-grow:1;font-family:\"Open Sans\",sans-serif;font-size:14px;line-height:150%}.ia-insight-card .header .toggle-icon{color:#888b99;font-size:20px}.ia-insight-card .content{-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;cursor:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:16px;min-height:160px;padding:24px}.ia-insight-card .content .text{color:#212533;font-family:\"Open Sans\",sans-serif;font-size:14px;width:100%}.ia-insight-card .content .text--error{text-align:center}.ia-insight-card .content .options{display:-ms-flexbox;display:flex;gap:8px}.ia-insight-card .content .options .option{background-color:transparent;border:none;color:#428bca;cursor:pointer;font-size:12px}.ia-insight-card .content .options .option:disabled{color:#c1c1cc;cursor:auto}.ia-insight-card--close{border-color:#dedce5}.ia-insight-card--close .header{background-color:#fbfafc;border:#dedce5}.ia-insight-card--close .header .insight-title{color:#888b99}.ia-insight-card--close .content{display:none}"]
-            })
-        ], IAInsightCardComponent);
-        return IAInsightCardComponent;
-    }());
-
-    var IAInsightSidebarComponent = /** @class */ (function () {
-        function IAInsightSidebarComponent() {
-            this.insights = [];
-            this.opened = false;
-        }
-        IAInsightSidebarComponent.prototype.toggle = function () {
-            this.opened = !this.opened;
-        };
-        IAInsightSidebarComponent.prototype.open = function () {
-            this.opened = true;
-        };
-        IAInsightSidebarComponent.prototype.close = function () {
-            this.opened = false;
-        };
+        ], GlobalSearchComponent.prototype, "id", void 0);
         __decorate([
             core.Input()
-        ], IAInsightSidebarComponent.prototype, "insights", void 0);
+        ], GlobalSearchComponent.prototype, "delay", void 0);
         __decorate([
             core.Input()
-        ], IAInsightSidebarComponent.prototype, "hasPermission", void 0);
+        ], GlobalSearchComponent.prototype, "totalItensLabel", void 0);
         __decorate([
             core.Input()
-        ], IAInsightSidebarComponent.prototype, "introText", void 0);
+        ], GlobalSearchComponent.prototype, "showMoreLabel", void 0);
         __decorate([
             core.Input()
-        ], IAInsightSidebarComponent.prototype, "introTemplate", void 0);
+        ], GlobalSearchComponent.prototype, "placeholder", void 0);
         __decorate([
             core.Input()
-        ], IAInsightSidebarComponent.prototype, "emptyText", void 0);
+        ], GlobalSearchComponent.prototype, "isLoading", void 0);
         __decorate([
             core.Input()
-        ], IAInsightSidebarComponent.prototype, "emptyTemplate", void 0);
+        ], GlobalSearchComponent.prototype, "totalElements", void 0);
         __decorate([
             core.Input()
-        ], IAInsightSidebarComponent.prototype, "noPermissionText", void 0);
+        ], GlobalSearchComponent.prototype, "emptyTitle", void 0);
         __decorate([
             core.Input()
-        ], IAInsightSidebarComponent.prototype, "noPermissionTemplate", void 0);
-        IAInsightSidebarComponent = __decorate([
-            core.Component({
-                selector: "s-ia-insight-sidebar",
-                template: "<div\n    class=\"sidebar\"\n    [class.opened]=\"opened\">\n    <div class=\"header\">\n        <button (click)=\"close()\" class=\"option\">\n            <span class=\"far fa-chevron-double-right\"></span>\n        </button>\n        <div class=\"title\">\n            <span><ng-container [ngTemplateOutlet]=\"iassistIcon\"></ng-container></span>\n            <span>Insight</span>\n        </div>\n    </div>\n    <div class=\"intro\">\n        <ng-container *ngIf=\"hasPermission; then permissionBlock; else noPermissionBlock\"></ng-container>\n\n        <ng-template #permissionBlock>\n            <ng-container *ngIf=\"insights?.length; then introBlock; else emptyBlock\"></ng-container>\n        \n            <ng-template #introBlock>\n                <ng-container *ngIf=\"introTemplate; then introCustomBlock; else introTextBlock\"></ng-container>\n\n                <ng-template #introCustomBlock>\n                    <ng-container *ngTemplateOutlet=\"introTemplate\"></ng-container>\n                </ng-template>\n\n                <ng-template #introTextBlock>\n                    <span class=\"text\">{{ introText || \"platform.angular_components.insight_intro\" | translate }}</span>\n                </ng-template>\n            </ng-template>\n            \n            <ng-template #emptyBlock>\n                <ng-container *ngIf=\"emptyTemplate; then emptyCustomBlock; else emptyTextBlock\"></ng-container>\n\n                <ng-template #emptyCustomBlock>\n                    <ng-container *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\n                </ng-template>\n\n                <ng-template #emptyTextBlock>\n                    <span class=\"text\">{{ emptyText || \"platform.angular_components.insight_empty\" | translate }}</span>\n                </ng-template>\n            </ng-template>\n        </ng-template>\n        \n        <ng-template #noPermissionBlock>\n            <ng-container *ngIf=\"noPermissionTemplate; then noPermissionCustomBlock; else noPermissionTextBlock\"></ng-container>\n\n            <ng-template #noPermissionCustomBlock>\n                <ng-container *ngTemplateOutlet=\"noPermissionTemplate\"></ng-container>\n            </ng-template>\n\n            <ng-template #noPermissionTextBlock>\n                <span>{{ noPermissionText || \"platform.angular_components.insight_no_permission\" | translate }}</span>\n            </ng-template>\n        </ng-template>\n    </div>\n    <div class=\"insights\">\n        <ng-container *ngIf=\"insights?.length\">\n            <s-ia-insight-card\n                *ngFor=\"let insight of insights\"\n                [insight]=\"insight\">\n            </s-ia-insight-card>\n        </ng-container>\n    </div>\n</div>\n\n<ng-template #iassistIcon>\n    <div style=\"width: 28px; height: 28px;\">\n        <span *sSVGFactory=\"'iassist'\"></span>\n    </div>\n</ng-template>\n",
-                styles: [".sidebar{background-color:#fff;border-left:1px solid #dedce5;height:100%;overflow-x:hidden;position:fixed;right:-25%;transition:.5s;top:0;width:25%;z-index:1002}.sidebar .header{border-bottom:1px solid #dedce5;display:-ms-flexbox;display:flex;gap:16px;padding:12px 20px}.sidebar .header .option{background-color:transparent;border:none;color:#428bca;cursor:pointer;font-size:16px;padding:12px}.sidebar .header .title{-ms-flex-align:center;align-items:center;color:#212533;display:-ms-flexbox;display:flex;font-family:\"Open Sans\",sans-serif;font-size:16px;gap:16px;line-height:1;-webkit-user-select:none;-ms-user-select:none;user-select:none}.sidebar .intro{margin:8px 40px}.sidebar .intro .text{color:#212533;display:-ms-flexbox;display:flex;font-family:\"Open Sans\",sans-serif;font-size:14px;-ms-flex-pack:center;justify-content:center;line-height:1.5;text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none}.sidebar.opened{right:0}.sidebar.opened .insights{padding:12px}.insights{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:12px}@media (max-width:1366px){.sidebar{right:-50%;width:50%}}@media (max-width:768px){.sidebar{right:-75%;width:75%}}@media (max-width:600px){.sidebar{right:-100%;width:100%}}"]
-            })
-        ], IAInsightSidebarComponent);
-        return IAInsightSidebarComponent;
-    }());
-
-    var IAInsightCardLoaderComponent = /** @class */ (function () {
-        function IAInsightCardLoaderComponent() {
-        }
-        IAInsightCardLoaderComponent = __decorate([
+        ], GlobalSearchComponent.prototype, "emptyDescription", void 0);
+        __decorate([
+            core.Input()
+        ], GlobalSearchComponent.prototype, "emptyIcon", void 0);
+        __decorate([
+            core.Input()
+        ], GlobalSearchComponent.prototype, "showFooter", void 0);
+        __decorate([
+            core.ContentChildren(GlobalSearchDropdownItemComponent)
+        ], GlobalSearchComponent.prototype, "dropdownItens", void 0);
+        __decorate([
+            core.Output()
+        ], GlobalSearchComponent.prototype, "onSearch", void 0);
+        __decorate([
+            core.Output()
+        ], GlobalSearchComponent.prototype, "onFocus", void 0);
+        __decorate([
+            core.Output()
+        ], GlobalSearchComponent.prototype, "onShowMore", void 0);
+        GlobalSearchComponent = __decorate([
             core.Component({
-                selector: "s-ia-insight-card-loader",
-                template: "<div class=\"ia-insight-card-loader\">\n    <div class=\"loader\">\n        <div class=\"loader-icon\">\n                <div *sSVGFactory=\"'iassist'\"></div>\n        </div>\n    </div>\n    \n    <span class=\"loader-label\">{{ \"platform.angular_components.loading_insight\" | translate }}</span>\n</div>\n",
-                styles: [".ia-insight-card-loader{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:24px}.ia-insight-card-loader .loader{-ms-flex-align:center;align-items:center;animation:2s linear infinite spin;border:2px solid #f1f7f8;border-top:2px solid #0fa389;border-radius:50%;display:-ms-flexbox;display:flex;height:48px;-ms-flex-pack:center;justify-content:center;width:48px}.ia-insight-card-loader .loader .loader-icon{animation:2s linear infinite reverse spin;height:32px;transform:translate(-50%,-50%)}.ia-insight-card-loader .loader-label{color:#888b99;font-family:\"Open Sans\",sans-serif;font-size:16px}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}"]
+                selector: "s-global-search",
+                template: "<div class=\"ui-inputgroup\">\n    <input #globalSearch class=\"global-search__input\" [(ngModel)]=\"search\" (ngModelChange)=\"onChange()\" pInputText\n        [placeholder]=\"placeholder\" (focus)=\"focusIn()\" (blur)=\"focusOut()\">\n    <span class=\"ui-inputgroup-addon global-search__span\"><em class=\"fas fa-search\"></em></span>\n    <div class=\"global-search__modal\" *ngIf=\"wasSearched\">\n        <div *sLoadingState=\"isLoading && !isModalLoading\" class=\"global-search__loader\">\n            <div class=\"global-search__container\" *ngIf=\"dropdownItens && dropdownItens.length > 0 || isLoading\">\n                <div *ngIf=\"dropdownItens && dropdownItens.length > 0\">\n                    <div class=\"global-search__modal--total-itens-title\">\n                        <span class=\"ui-g-11 no-space\">{{totalItensLabel}}</span>\n                        <span class=\"ui-g-1 no-space global-search__modal--total-itens-title-icon\" (click)=\"close()\"><em\n                                class=\"fas fa-times\"></em></span>\n                    </div>\n                    <div class=\"no-space global-search__dropdown--itens\"\n                        [@expandableContent]=\"expanded\">\n                        <ng-container *ngFor=\"let item of dropdownItens\">\n                            <div class=\"s-object-card-field no-space global-search__dropdown--itens-container\">\n                                <ng-container *ngTemplateOutlet=\"item.content\"></ng-container>\n                            </div>\n                        </ng-container>\n                    </div>\n                    <div *ngIf=\"showFooter\" class=\"ui-g-12 global-search__modal--footer\">\n                        <s-button class=\"global-search__show-more\" (click)=\"showMore()\" priority=\"link\">\n                            {{showMoreLabel}}\n                        </s-button>\n                    </div>\n                </div>\n            </div>\n            <s-empty-state *ngIf=\"(!dropdownItens || dropdownItens.length==0) && !isLoading\" [title]=\"emptyTitle\"\n                [description]=\"emptyDescription\" ngClass=\"global-search__empty-state--icon\"\n                [iconClass]=\"(emptyIcon ? emptyIcon : 'fas fa-search')\">\n            </s-empty-state>\n        </div>\n    </div>\n    <div *ngIf=\"wasSearched\" class=\"global-search__background\" (click)=\"close()\"></div>\n</div>\n",
+                animations: [
+                    animations.trigger("expandableContent", [
+                        animations.state("*", animations.style({
+                            height: "0",
+                        })),
+                        animations.state("false", animations.style({
+                            height: "0",
+                        })),
+                        animations.state("true", animations.style({
+                            height: "*",
+                        })),
+                        animations.transition("* => true", animations.animate("200ms ease-out")),
+                        animations.transition("false <=> true", animations.animate("200ms ease-out")),
+                    ]),
+                ],
+                styles: [".global-search__input{border-radius:20px 0 0 20px;width:136px;cursor:pointer;padding:0 0 0 15px;transition:.3s}.ui-inputtext{min-height:25px!important;height:25px!important}.global-search__span{transition:.3s;background:0 0!important;border-left:none;border-radius:0 20px 20px 0!important;padding:1px 15px 0 0!important;height:25px!important}.global-search__input:active,.global-search__input:focus{width:466px;cursor:default;transition:.3s;border-top:1px solid #428bca;border-left:1px solid #428bca;border-bottom:1px solid #428bca}.global-search__input:active,.global-search__input:focus+.global-search__span{transition:.3s;border-left:none;border-top:1px solid #428bca!important;border-right:1px solid #428bca!important;border-bottom:1px solid #428bca!important}.global-search__input-active{width:466px;cursor:default;transition:.3s}.global-search__modal{box-shadow:0 2px 8px 0 rgba(0,0,0,.4);border-radius:5px;width:500px;background:#fff;position:absolute;margin-top:60px;z-index:6;min-height:50px}::ng-deep .global-search__loader{border-radius:5px!important;width:100%}.global-search__container{min-height:50px;width:100%}.global-search__modal--total-itens-title{padding:15px;color:#333;border-bottom:1px solid #ccc;font-weight:600;height:50px}.global-search__modal--footer{height:50px;border-top:1px solid #ccc}.global-search__dropdown--itens{max-height:510px;overflow:auto}.global-search__dropdown--itens-container:hover{background:#dbe0e4}.global-search__modal--total-itens-title-icon{text-align:right;cursor:pointer}.global-search__background{background:rgba(0,0,0,.4);width:100%;height:calc(100vh - 70px);position:absolute;left:0;margin-top:50px;z-index:5;cursor:pointer}.no-space{padding:0;margin:0}.global-search__show-more{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}body .global-search__show-more--button{color:#428bca!important}.modal{position:absolute;left:1%;width:98%;height:calc(100vh - 90px)}.global-search__empty-state--icon{margin:42px 134px}::ng-deep .global-search__empty-state--icon .container .icon{font-size:40px}::ng-deep .s-button-priority-link{color:#428bca}@media all and (max-width:900px){.global-search__modal{top:20px;width:98%;left:1%}.global-search__input-active,.global-search__input:active,.global-search__input:focus{position:absolute;width:calc(100% - 70px);left:2%}body .global-search__dropdown--itens{max-height:100%;overflow:auto}}@media all and (max-width:767px){.global-search__modal{top:15px}.global-search__input-active,.global-search__input:active,.global-search__input:focus{width:calc(100% - 55px)}}@media all and (max-width:600px){.global-search__modal--itens{height:calc(100vh - 100px);background:#fff}.global-search__input-active,.global-search__input:active,.global-search__input:focus{position:absolute;width:calc(100% - 53px);left:2%}body .global-search__dropdown--itens{max-height:100%;overflow:auto}.global-search__dropdown--itens{max-height:100%;background:#fff}.global-search__modal--footer{background:#fff;height:50px}.global-search__modal{top:17px;border-radius:0;margin-top:55px;box-shadow:none;left:0;width:100%}}"]
             })
-        ], IAInsightCardLoaderComponent);
-        return IAInsightCardLoaderComponent;
+        ], GlobalSearchComponent);
+        return GlobalSearchComponent;
     }());
 
-
-    (function (IAInsightTemplateTypes) {
-        IAInsightTemplateTypes["Empty"] = "empty";
-        IAInsightTemplateTypes["Intro"] = "intro";
-        IAInsightTemplateTypes["NoPermission"] = "noPermission";
-    })(exports.IAInsightTemplateTypes || (exports.IAInsightTemplateTypes = {}));
-
-    var IAInsightComponent = /** @class */ (function () {
-        function IAInsightComponent() {
-            this.insights = [];
-            this.hasPermission = true;
+    var InfiniteScrollDirective = /** @class */ (function () {
+        function InfiniteScrollDirective(el) {
+            this.el = el;
+            this.onScroll = new core.EventEmitter();
         }
-        IAInsightComponent.prototype.ngAfterContentInit = function () {
-            this._getTemplates();
-        };
-        IAInsightComponent.prototype.open = function () {
-            this.sidebar.open();
-        };
-        IAInsightComponent.prototype.close = function () {
-            this.sidebar.close();
-        };
-        IAInsightComponent.prototype.getIntroTemplate = function () {
-            return this._getCustomTemplate(exports.IAInsightTemplateTypes.Intro);
-        };
-        IAInsightComponent.prototype.getNoPermissionTemplate = function () {
-            return this._getCustomTemplate(exports.IAInsightTemplateTypes.NoPermission);
-        };
-        IAInsightComponent.prototype.getEmptyTemplate = function () {
-            return this._getCustomTemplate(exports.IAInsightTemplateTypes.Empty);
-        };
-        IAInsightComponent.prototype._getCustomTemplate = function (type) {
-            var _a;
-            return (_a = this.templates.find(function (template) { return template.type === type; })) === null || _a === void 0 ? void 0 : _a.template;
-        };
-        IAInsightComponent.prototype._getTemplates = function () {
-            this.introTemplate = this.getIntroTemplate();
-            this.emptyTemplate = this.getEmptyTemplate();
-            this.noPermissionTemplate = this.getNoPermissionTemplate();
+        InfiniteScrollDirective.prototype.scroll = function () {
+            if (this.el.nativeElement.scrollTop > (this.el.nativeElement.scrollHeight - this.el.nativeElement.offsetHeight - 2)) {
+                this.onScroll.emit();
+            }
         };
+        InfiniteScrollDirective.ctorParameters = function () { return [
+            { type: core.ElementRef }
+        ]; };
         __decorate([
-            core.Input()
-        ], IAInsightComponent.prototype, "insights", void 0);
-        __decorate([
-            core.Input()
-        ], IAInsightComponent.prototype, "hasPermission", void 0);
-        __decorate([
-            core.Input()
-        ], IAInsightComponent.prototype, "introText", void 0);
-        __decorate([
-            core.Input()
-        ], IAInsightComponent.prototype, "emptyText", void 0);
-        __decorate([
-            core.Input()
-        ], IAInsightComponent.prototype, "noPermissionText", void 0);
-        __decorate([
-            core.ViewChild(IAInsightSidebarComponent)
-        ], IAInsightComponent.prototype, "sidebar", void 0);
+            core.Output()
+        ], InfiniteScrollDirective.prototype, "onScroll", void 0);
         __decorate([
-            core.ContentChildren(TemplateDirective)
-        ], IAInsightComponent.prototype, "templates", void 0);
-        IAInsightComponent = __decorate([
-            core.Component({
-                selector: "s-ia-insight",
-                template: "<s-ia-insight-sidebar\n    #sidebar\n    [insights]=\"insights\"\n    [hasPermission]=\"hasPermission\"\n    [introText]=\"introText\"\n    [introTemplate]=\"introTemplate\"\n    [emptyText]=\"emptyText\"\n    [emptyTemplate]=\"emptyTemplate\"\n    [noPermissionText]=\"noPermissionText\"\n    [noPermissionTemplate]=\"noPermissionTemplate\">\n</s-ia-insight-sidebar>",
-                styles: [""]
+            core.HostListener("scroll")
+        ], InfiniteScrollDirective.prototype, "scroll", null);
+        InfiniteScrollDirective = __decorate([
+            core.Directive({
+                selector: "[sInfiniteScroll]"
             })
-        ], IAInsightComponent);
-        return IAInsightComponent;
+        ], InfiniteScrollDirective);
+        return InfiniteScrollDirective;
     }());
 
-    var IAInsightModule = /** @class */ (function () {
-        function IAInsightModule() {
+    var InfiniteScrollModule = /** @class */ (function () {
+        function InfiniteScrollModule() {
         }
-        IAInsightModule = __decorate([
+        InfiniteScrollModule = __decorate([
             core.NgModule({
-                imports: [
-                    common.CommonModule,
-                    core$1.TranslateModule,
-                    BadgeModule,
-                    ButtonModule,
-                    TooltipModule,
-                    TemplateModule,
-                    SVGFactoryModule,
-                ],
                 declarations: [
-                    IAInsightComponent,
-                    IAInsightCardComponent,
-                    IAInsightSidebarComponent,
-                    IAInsightCardLoaderComponent,
+                    InfiniteScrollDirective
                 ],
-                exports: [
-                    IAInsightComponent,
-                    TemplateModule,
+                imports: [
+                    common.CommonModule
                 ],
+                exports: [
+                    InfiniteScrollDirective
+                ]
             })
-        ], IAInsightModule);
-        return IAInsightModule;
-    }());
-
-    var HeaderComponent = /** @class */ (function () {
-        function HeaderComponent() {
-        }
-        HeaderComponent = __decorate([
-            core.Component({
-                selector: "s-header",
-                template: "<ng-content></ng-content>"
-            })
-        ], HeaderComponent);
-        return HeaderComponent;
-    }());
-
-    var FooterComponent = /** @class */ (function () {
-        function FooterComponent() {
-        }
-        FooterComponent = __decorate([
-            core.Component({
-                selector: "s-footer",
-                template: "<ng-content></ng-content>"
-            })
-        ], FooterComponent);
-        return FooterComponent;
+        ], InfiniteScrollModule);
+        return InfiniteScrollModule;
     }());
 
-    var StructureModule = /** @class */ (function () {
-        function StructureModule() {
+    var GlobalSearchModule = /** @class */ (function () {
+        function GlobalSearchModule() {
         }
-        StructureModule = __decorate([
+        GlobalSearchModule = __decorate([
             core.NgModule({
-                imports: [common.CommonModule],
-                declarations: [HeaderComponent, FooterComponent],
-                exports: [HeaderComponent, FooterComponent],
+                declarations: [
+                    GlobalSearchComponent,
+                    GlobalSearchDropdownItemComponent
+                ],
+                imports: [
+                    common.CommonModule,
+                    inputtext.InputTextModule,
+                    forms.FormsModule,
+                    forms.ReactiveFormsModule,
+                    tooltip.TooltipModule,
+                    ThumbnailModule,
+                    ButtonModule,
+                    LoadingStateModule,
+                    InfiniteScrollModule,
+                    EmptyStateModule
+                ],
+                exports: [
+                    GlobalSearchComponent,
+                    GlobalSearchDropdownItemComponent,
+                    tooltip.TooltipModule,
+                    ThumbnailModule,
+                    ButtonModule,
+                    LoadingStateModule,
+                    EmptyStateModule
+                ],
+                entryComponents: [
+                    GlobalSearchComponent,
+                    GlobalSearchDropdownItemComponent
+                ]
             })
-        ], StructureModule);
-        return StructureModule;
+        ], GlobalSearchModule);
+        return GlobalSearchModule;
     }());
 
-    var ImageCropperComponent = /** @class */ (function () {
-        function ImageCropperComponent() {
-            this.id = "s-image-cropper-" + ImageCropperComponent_1.nextId++;
-            this.visible = false;
-            this.header = "Recortar imagem";
-            this.cropLabel = "Recortar";
-            this.selectAnotherLabel = "Trocar";
-            this.removeLabel = "Remover";
-            this.cancelLabel = "Cancelar";
-            this.emptyStateTitle = "Selecione uma foto, em seguida você poderá ajustá-la";
-            this.emptyStateActionLabel = "Escolher imagem";
-            this.emptyStateIconClass = "fa fa-picture-o";
-            this.aspectRatio = NaN;
-            this.rounded = false;
-            this.allowSelectAnother = true;
-            this.allowRemove = true;
-            this.allowCancel = true;
-            this.visibleChange = new core.EventEmitter();
-            this.changeImage = new core.EventEmitter();
-            this.croppedImage = new core.EventEmitter();
-            this.croppedCanvas = new core.EventEmitter();
-            this.removedImage = new core.EventEmitter();
-            this.cancel = new core.EventEmitter();
+    var IAInsightCardComponent = /** @class */ (function () {
+        function IAInsightCardComponent(clipboard, messageService, translateService) {
+            this.clipboard = clipboard;
+            this.messageService = messageService;
+            this.translateService = translateService;
+            this.open = false;
+            this.isLoading = false;
+            this.likeSelected = false;
+            this.dislikeSelected = false;
         }
-        ImageCropperComponent_1 = ImageCropperComponent;
-        ImageCropperComponent.prototype.ngOnInit = function () {
-            if (this.imageSource)
-                this.initCropper();
+        IAInsightCardComponent.prototype.toggle = function () {
+            this.open = !this.open;
+            this._requestInsight();
         };
-        ImageCropperComponent.prototype.ngOnChanges = function (changes) {
-            if (changes.imageSource && changes.imageSource.currentValue) {
-                this.initCropper();
+        IAInsightCardComponent.prototype.onLikeSelected = function () {
+            var _a, _b;
+            if (this.likeSelected) {
+                this.likeSelected = false;
             }
-        };
-        ImageCropperComponent.prototype.initCropper = function () {
-            if (this.cropper) {
-                this.cropper.destroy();
+            else {
+                this.likeSelected = true;
+                this.dislikeSelected = false;
+                (_b = (_a = this.insight).onLikeSelected) === null || _b === void 0 ? void 0 : _b.call(_a);
             }
-            this.image.nativeElement.src = this.imageSource;
-            this.cropper = new Cropper(this.image.nativeElement, {
-                aspectRatio: this.rounded ? 1 : this.aspectRatio,
-                guides: false,
-                dragMode: "move",
-                minCropBoxHeight: 2,
-                minCropBoxWidth: 2,
-                toggleDragModeOnDblclick: false,
-            });
-        };
-        ImageCropperComponent.prototype.getRoundedCanvas = function (sourceCanvas) {
-            var canvas = document.createElement("canvas");
-            var context = canvas.getContext("2d");
-            var width = sourceCanvas.width;
-            var height = sourceCanvas.height;
-            canvas.width = width;
-            canvas.height = height;
-            context.imageSmoothingEnabled = true;
-            context.drawImage(sourceCanvas, 0, 0, width, height);
-            context.globalCompositeOperation = "destination-in";
-            context.beginPath();
-            context.arc(width / 2, height / 2, Math.min(width, height) / 2, 0, 2 * Math.PI, true);
-            context.fill();
-            return canvas;
         };
-        ImageCropperComponent.prototype.onCropImage = function () {
-            if (!this.imageSource) {
-                this.croppedImage.emit();
-                this.croppedCanvas.emit();
+        IAInsightCardComponent.prototype.onDislikeSelected = function () {
+            var _a, _b;
+            if (this.dislikeSelected) {
+                this.dislikeSelected = false;
             }
             else {
-                var _croppedCanvas = this.rounded ? this.getRoundedCanvas(this.cropper.getCroppedCanvas()) : this.cropper.getCroppedCanvas();
-                this.croppedCanvas.emit(_croppedCanvas);
-                this.croppedImage.emit(_croppedCanvas.toDataURL());
+                this.dislikeSelected = true;
+                this.likeSelected = false;
+                (_b = (_a = this.insight).onDislikeSelected) === null || _b === void 0 ? void 0 : _b.call(_a);
             }
-            this.visibleChange.emit(false);
-        };
-        ImageCropperComponent.prototype.onChangeImage = function () {
-            this.changeImage.emit();
         };
-        ImageCropperComponent.prototype.onRemoveImage = function () {
-            this.imageSource = undefined;
-            this.removedImage.emit();
+        IAInsightCardComponent.prototype.copyContent = function () {
+            var _a, _b;
+            (_b = (_a = this.insight).onCopy) === null || _b === void 0 ? void 0 : _b.call(_a, this.content);
+            if (this.clipboard.copy(this.content)) {
+                this.messageService.add({
+                    severity: "info",
+                    summary: this.translateService.instant("platform.angular_components.copied_to_clipboard"),
+                });
+            }
         };
-        ImageCropperComponent.prototype.onCancel = function () {
-            this.visibleChange.emit(false);
-            this.cancel.emit();
+        IAInsightCardComponent.prototype.reloadContent = function () {
+            this._requestInsight();
         };
-        ImageCropperComponent.prototype.onModalVisibleChange = function (visible) {
-            if (!visible)
-                this.onCancel();
-            this.visibleChange.emit(visible);
+        IAInsightCardComponent.prototype._requestInsight = function () {
+            var _this = this;
+            this.isLoading = true;
+            this.insight.request$
+                .pipe(operators.first(), operators.finalize(function () { return (_this.isLoading = false); }))
+                .subscribe(function (content) {
+                _this.content = marked.marked(content);
+            });
         };
-        var ImageCropperComponent_1;
-        ImageCropperComponent.nextId = 0;
-        __decorate([
-            core.Input()
-        ], ImageCropperComponent.prototype, "id", void 0);
-        __decorate([
-            core.Input()
-        ], ImageCropperComponent.prototype, "visible", void 0);
+        IAInsightCardComponent.ctorParameters = function () { return [
+            { type: clipboard.Clipboard },
+            { type: api.MessageService },
+            { type: core$1.TranslateService }
+        ]; };
         __decorate([
             core.Input()
-        ], ImageCropperComponent.prototype, "header", void 0);
+        ], IAInsightCardComponent.prototype, "insight", void 0);
+        IAInsightCardComponent = __decorate([
+            core.Component({
+                selector: "s-ia-insight-card",
+                template: "<div class=\"ia-insight-card\" [ngClass]=\"{ 'ia-insight-card--close': !open }\">\n    <div class=\"header\" (click)=\"toggle()\">\n        <s-badge text=\"Insight\" iconClass=\"fal fa-lightbulb\"></s-badge>\n        <span class=\"insight-title\">{{ insight.title }}</span>\n        <span\n            class=\"toggle-icon fas\"\n            [ngClass]=\"{\n                'fa-angle-down': !open,\n                'fa-angle-up': open\n            }\"\n        >\n        </span>\n    </div>\n    <div class=\"content\">\n        <ng-container *ngIf=\"isLoading; then loadingBlock; else contentBlock\"></ng-container>\n        <ng-template #loadingBlock>\n            <s-ia-insight-card-loader></s-ia-insight-card-loader>\n        </ng-template>\n        <ng-template #contentBlock>\n            <ng-container *ngIf=\"content; then successBlock; else errorBlock\"></ng-container>\n\n            <ng-template #successBlock>\n                <span class=\"text\" [innerHTML]=\"content\"></span>\n            </ng-template>\n            <ng-template #errorBlock>\n                <span class=\"text text--error\">{{ \"platform.angular_components.error_loading_insight_alt\" | translate }}</span>\n            </ng-template>\n\n            <div class=\"options\">\n                <button [disabled]=\"!content\" (click)=\"copyContent()\" class=\"option fal fa-copy\"></button>\n                <button (click)=\"reloadContent()\" class=\"option fal fa-redo\"></button>\n                <button\n                    *ngIf=\"insight.onLikeSelected\"\n                    [disabled]=\"!content\"\n                    (click)=\"onLikeSelected()\"\n                    class=\"option\"\n                    [ngClass]=\"{\n                        'fal': !likeSelected,\n                        'fas': likeSelected,\n                        'fa-thumbs-up': true\n                    }\">\n                </button>\n                <button\n                    *ngIf=\"insight.onDislikeSelected\"\n                    [disabled]=\"!content\"\n                    (click)=\"onDislikeSelected()\"\n                    class=\"option\"\n                    [ngClass]=\"{\n                        'fal': !dislikeSelected,\n                        'fas': dislikeSelected,\n                        'fa-thumbs-down': true\n                    }\">\n                </button>\n            </div>\n        </ng-template>\n    </div>\n</div>\n",
+                styles: [".ia-insight-card{background-color:#fff;border:1px solid #9ecad4;border-radius:4px;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.ia-insight-card .header{-ms-flex-align:center;align-items:center;background-color:#f1f7f8;border-bottom:1px solid #9ecad4;display:-ms-flexbox;display:flex;gap:8px;min-height:60px;padding:8px 16px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ia-insight-card .header .insight-title{color:#428bca;-ms-flex-positive:1;flex-grow:1;font-family:\"Open Sans\",sans-serif;font-size:14px;line-height:150%}.ia-insight-card .header .toggle-icon{color:#888b99;font-size:20px}.ia-insight-card .content{-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;cursor:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:16px;min-height:160px;padding:24px}.ia-insight-card .content .text{color:#212533;font-family:\"Open Sans\",sans-serif;font-size:14px;width:100%}.ia-insight-card .content .text--error{text-align:center}.ia-insight-card .content .options{display:-ms-flexbox;display:flex;gap:8px}.ia-insight-card .content .options .option{background-color:transparent;border:none;color:#428bca;cursor:pointer;font-size:12px}.ia-insight-card .content .options .option:disabled{color:#c1c1cc;cursor:auto}.ia-insight-card--close{border-color:#dedce5}.ia-insight-card--close .header{background-color:#fbfafc;border:#dedce5}.ia-insight-card--close .header .insight-title{color:#888b99}.ia-insight-card--close .content{display:none}"]
+            })
+        ], IAInsightCardComponent);
+        return IAInsightCardComponent;
+    }());
+
+    var IAInsightSidebarComponent = /** @class */ (function () {
+        function IAInsightSidebarComponent() {
+            this.insights = [];
+            this.opened = false;
+        }
+        IAInsightSidebarComponent.prototype.toggle = function () {
+            this.opened = !this.opened;
+        };
+        IAInsightSidebarComponent.prototype.open = function () {
+            this.opened = true;
+        };
+        IAInsightSidebarComponent.prototype.close = function () {
+            this.opened = false;
+        };
         __decorate([
             core.Input()
-        ], ImageCropperComponent.prototype, "cropLabel", void 0);
+        ], IAInsightSidebarComponent.prototype, "insights", void 0);
         __decorate([
             core.Input()
-        ], ImageCropperComponent.prototype, "selectAnotherLabel", void 0);
+        ], IAInsightSidebarComponent.prototype, "hasPermission", void 0);
         __decorate([
             core.Input()
-        ], ImageCropperComponent.prototype, "removeLabel", void 0);
+        ], IAInsightSidebarComponent.prototype, "introText", void 0);
         __decorate([
             core.Input()
-        ], ImageCropperComponent.prototype, "cancelLabel", void 0);
+        ], IAInsightSidebarComponent.prototype, "introTemplate", void 0);
         __decorate([
             core.Input()
-        ], ImageCropperComponent.prototype, "emptyStateTitle", void 0);
+        ], IAInsightSidebarComponent.prototype, "emptyText", void 0);
         __decorate([
             core.Input()
-        ], ImageCropperComponent.prototype, "emptyStateActionLabel", void 0);
+        ], IAInsightSidebarComponent.prototype, "emptyTemplate", void 0);
         __decorate([
             core.Input()
-        ], ImageCropperComponent.prototype, "emptyStateIconClass", void 0);
+        ], IAInsightSidebarComponent.prototype, "noPermissionText", void 0);
         __decorate([
             core.Input()
-        ], ImageCropperComponent.prototype, "aspectRatio", void 0);
+        ], IAInsightSidebarComponent.prototype, "noPermissionTemplate", void 0);
+        IAInsightSidebarComponent = __decorate([
+            core.Component({
+                selector: "s-ia-insight-sidebar",
+                template: "<div\n    class=\"sidebar\"\n    [class.opened]=\"opened\">\n    <div class=\"header\">\n        <button (click)=\"close()\" class=\"option\">\n            <span class=\"far fa-chevron-double-right\"></span>\n        </button>\n        <div class=\"title\">\n            <span><ng-container [ngTemplateOutlet]=\"iassistIcon\"></ng-container></span>\n            <span>Insight</span>\n        </div>\n    </div>\n    <div class=\"intro\">\n        <ng-container *ngIf=\"hasPermission; then permissionBlock; else noPermissionBlock\"></ng-container>\n\n        <ng-template #permissionBlock>\n            <ng-container *ngIf=\"insights?.length; then introBlock; else emptyBlock\"></ng-container>\n        \n            <ng-template #introBlock>\n                <ng-container *ngIf=\"introTemplate; then introCustomBlock; else introTextBlock\"></ng-container>\n\n                <ng-template #introCustomBlock>\n                    <ng-container *ngTemplateOutlet=\"introTemplate\"></ng-container>\n                </ng-template>\n\n                <ng-template #introTextBlock>\n                    <span class=\"text\">{{ introText || \"platform.angular_components.insight_intro\" | translate }}</span>\n                </ng-template>\n            </ng-template>\n            \n            <ng-template #emptyBlock>\n                <ng-container *ngIf=\"emptyTemplate; then emptyCustomBlock; else emptyTextBlock\"></ng-container>\n\n                <ng-template #emptyCustomBlock>\n                    <ng-container *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\n                </ng-template>\n\n                <ng-template #emptyTextBlock>\n                    <span class=\"text\">{{ emptyText || \"platform.angular_components.insight_empty\" | translate }}</span>\n                </ng-template>\n            </ng-template>\n        </ng-template>\n        \n        <ng-template #noPermissionBlock>\n            <ng-container *ngIf=\"noPermissionTemplate; then noPermissionCustomBlock; else noPermissionTextBlock\"></ng-container>\n\n            <ng-template #noPermissionCustomBlock>\n                <ng-container *ngTemplateOutlet=\"noPermissionTemplate\"></ng-container>\n            </ng-template>\n\n            <ng-template #noPermissionTextBlock>\n                <span>{{ noPermissionText || \"platform.angular_components.insight_no_permission\" | translate }}</span>\n            </ng-template>\n        </ng-template>\n    </div>\n    <div class=\"insights\">\n        <ng-container *ngIf=\"insights?.length\">\n            <s-ia-insight-card\n                *ngFor=\"let insight of insights\"\n                [insight]=\"insight\">\n            </s-ia-insight-card>\n        </ng-container>\n    </div>\n</div>\n\n<ng-template #iassistIcon>\n    <div style=\"width: 28px; height: 28px;\">\n        <span *sSVGFactory=\"'iassist'\"></span>\n    </div>\n</ng-template>\n",
+                styles: [".sidebar{background-color:#fff;border-left:1px solid #dedce5;height:100%;overflow-x:hidden;position:fixed;right:-25%;transition:.5s;top:0;width:25%;z-index:1002}.sidebar .header{border-bottom:1px solid #dedce5;display:-ms-flexbox;display:flex;gap:16px;padding:12px 20px}.sidebar .header .option{background-color:transparent;border:none;color:#428bca;cursor:pointer;font-size:16px;padding:12px}.sidebar .header .title{-ms-flex-align:center;align-items:center;color:#212533;display:-ms-flexbox;display:flex;font-family:\"Open Sans\",sans-serif;font-size:16px;gap:16px;line-height:1;-webkit-user-select:none;-ms-user-select:none;user-select:none}.sidebar .intro{margin:8px 40px}.sidebar .intro .text{color:#212533;display:-ms-flexbox;display:flex;font-family:\"Open Sans\",sans-serif;font-size:14px;-ms-flex-pack:center;justify-content:center;line-height:1.5;text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none}.sidebar.opened{right:0}.sidebar.opened .insights{padding:12px}.insights{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:12px}@media (max-width:1366px){.sidebar{right:-50%;width:50%}}@media (max-width:768px){.sidebar{right:-75%;width:75%}}@media (max-width:600px){.sidebar{right:-100%;width:100%}}"]
+            })
+        ], IAInsightSidebarComponent);
+        return IAInsightSidebarComponent;
+    }());
+
+    var IAInsightCardLoaderComponent = /** @class */ (function () {
+        function IAInsightCardLoaderComponent() {
+        }
+        IAInsightCardLoaderComponent = __decorate([
+            core.Component({
+                selector: "s-ia-insight-card-loader",
+                template: "<div class=\"ia-insight-card-loader\">\n    <div class=\"loader\">\n        <div class=\"loader-icon\">\n                <div *sSVGFactory=\"'iassist'\"></div>\n        </div>\n    </div>\n    \n    <span class=\"loader-label\">{{ \"platform.angular_components.loading_insight\" | translate }}</span>\n</div>\n",
+                styles: [".ia-insight-card-loader{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:24px}.ia-insight-card-loader .loader{-ms-flex-align:center;align-items:center;animation:2s linear infinite spin;border:2px solid #f1f7f8;border-top:2px solid #0fa389;border-radius:50%;display:-ms-flexbox;display:flex;height:48px;-ms-flex-pack:center;justify-content:center;width:48px}.ia-insight-card-loader .loader .loader-icon{animation:2s linear infinite reverse spin;height:32px;transform:translate(-50%,-50%)}.ia-insight-card-loader .loader-label{color:#888b99;font-family:\"Open Sans\",sans-serif;font-size:16px}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}"]
+            })
+        ], IAInsightCardLoaderComponent);
+        return IAInsightCardLoaderComponent;
+    }());
+
+
+    (function (IAInsightTemplateTypes) {
+        IAInsightTemplateTypes["Empty"] = "empty";
+        IAInsightTemplateTypes["Intro"] = "intro";
+        IAInsightTemplateTypes["NoPermission"] = "noPermission";
+    })(exports.IAInsightTemplateTypes || (exports.IAInsightTemplateTypes = {}));
+
+    var IAInsightComponent = /** @class */ (function () {
+        function IAInsightComponent() {
+            this.insights = [];
+            this.hasPermission = true;
+        }
+        IAInsightComponent.prototype.ngAfterContentInit = function () {
+            this._getTemplates();
+        };
+        IAInsightComponent.prototype.open = function () {
+            this.sidebar.open();
+        };
+        IAInsightComponent.prototype.close = function () {
+            this.sidebar.close();
+        };
+        IAInsightComponent.prototype.getIntroTemplate = function () {
+            return this._getCustomTemplate(exports.IAInsightTemplateTypes.Intro);
+        };
+        IAInsightComponent.prototype.getNoPermissionTemplate = function () {
+            return this._getCustomTemplate(exports.IAInsightTemplateTypes.NoPermission);
+        };
+        IAInsightComponent.prototype.getEmptyTemplate = function () {
+            return this._getCustomTemplate(exports.IAInsightTemplateTypes.Empty);
+        };
+        IAInsightComponent.prototype._getCustomTemplate = function (type) {
+            var _a;
+            return (_a = this.templates.find(function (template) { return template.type === type; })) === null || _a === void 0 ? void 0 : _a.template;
+        };
+        IAInsightComponent.prototype._getTemplates = function () {
+            this.introTemplate = this.getIntroTemplate();
+            this.emptyTemplate = this.getEmptyTemplate();
+            this.noPermissionTemplate = this.getNoPermissionTemplate();
+        };
         __decorate([
             core.Input()
-        ], ImageCropperComponent.prototype, "rounded", void 0);
+        ], IAInsightComponent.prototype, "insights", void 0);
         __decorate([
             core.Input()
-        ], ImageCropperComponent.prototype, "allowSelectAnother", void 0);
+        ], IAInsightComponent.prototype, "hasPermission", void 0);
         __decorate([
             core.Input()
-        ], ImageCropperComponent.prototype, "allowRemove", void 0);
+        ], IAInsightComponent.prototype, "introText", void 0);
         __decorate([
             core.Input()
-        ], ImageCropperComponent.prototype, "allowCancel", void 0);
+        ], IAInsightComponent.prototype, "emptyText", void 0);
         __decorate([
             core.Input()
-        ], ImageCropperComponent.prototype, "imageSource", void 0);
-        __decorate([
-            core.Output()
-        ], ImageCropperComponent.prototype, "visibleChange", void 0);
-        __decorate([
-            core.Output()
-        ], ImageCropperComponent.prototype, "changeImage", void 0);
-        __decorate([
-            core.Output()
-        ], ImageCropperComponent.prototype, "croppedImage", void 0);
-        __decorate([
-            core.Output()
-        ], ImageCropperComponent.prototype, "croppedCanvas", void 0);
-        __decorate([
-            core.Output()
-        ], ImageCropperComponent.prototype, "removedImage", void 0);
-        __decorate([
-            core.Output()
-        ], ImageCropperComponent.prototype, "cancel", void 0);
-        __decorate([
-            core.ViewChild("image", { static: true })
-        ], ImageCropperComponent.prototype, "image", void 0);
+        ], IAInsightComponent.prototype, "noPermissionText", void 0);
         __decorate([
-            core.ContentChild(HeaderComponent, { static: true })
-        ], ImageCropperComponent.prototype, "headerSection", void 0);
+            core.ViewChild(IAInsightSidebarComponent)
+        ], IAInsightComponent.prototype, "sidebar", void 0);
         __decorate([
-            core.ContentChild(FooterComponent, { static: true })
-        ], ImageCropperComponent.prototype, "footerSection", void 0);
-        ImageCropperComponent = ImageCropperComponent_1 = __decorate([
+            core.ContentChildren(TemplateDirective)
+        ], IAInsightComponent.prototype, "templates", void 0);
+        IAInsightComponent = __decorate([
             core.Component({
-                selector: "s-image-cropper",
-                template: "<div [id]=\"id\">\n    <p-dialog\n        styleClass=\"s-image-cropper {{rounded ? 's-image-cropper--rounded' : ''}}\"\n        [header]=\"headerSection ? '' : header\"\n        [visible]=\"visible\"\n        (visibleChange)=\"onModalVisibleChange($event)\"\n        [modal]=\"true\"\n        [blockScroll]=\"true\"\n        [draggable]=\"false\"\n        [resizable]=\"false\"\n        [closeOnEscape]=\"allowCancel\"\n        [closable]=\"allowCancel\"\n        appendTo=\"body\">\n\n        <p-header *ngIf=\"headerSection\">\n            <ng-content select=\"s-header\"></ng-content>\n        </p-header>\n\n        <s-empty-state\n            [id]=\"id + '-empty-state'\"\n            *ngIf=\"!imageSource\"\n            [title]=\"emptyStateTitle\"\n            [iconClass]=\"emptyStateIconClass\"\n            [primaryActionLabel]=\"emptyStateActionLabel\"\n            (primaryAction)=\"onChangeImage()\">\n        </s-empty-state>\n\n        <div [attr.data-hidden]=\"!imageSource\" class=\"image-container\">\n            <img\n                [id]=\"id + '-cropper'\"\n                #image\n                [src]=\"imageSource || ''\"\n                alt=\"cropped image\"/>\n        </div>\n\n        <p-footer>\n            <div class=\"ui-fluid\" *ngIf=\"!footerSection\">\n                <div class=\"ui-g button-container\">\n\n                    <div *ngIf=\"allowCancel\" class=\"ui-sm-12 ui-md-3 ui-lg-2 ui-xl-2\">\n                        <s-button\n                            [id]=\"id + '-cancel-button'\"\n                            type=\"button\"\n                            priority=\"link\"\n                            [label]=\"cancelLabel\"\n                            (onClick)=\"onCancel()\">\n                        </s-button>\n                    </div>\n\n                    <div *ngIf=\"imageSource && allowRemove\" class=\"ui-sm-12 ui-md-3 ui-lg-2 ui-xl-2\">\n                        <s-button\n                            [id]=\"id + '-remove-button'\"\n                            type=\"button\"\n                            priority=\"secondary\"\n                            [label]=\"removeLabel\"\n                            (onClick)=\"onRemoveImage()\">\n                        </s-button>\n                    </div>\n\n                    <div *ngIf=\"imageSource && allowSelectAnother\" class=\"ui-sm-12 ui-md-3 ui-lg-2 ui-xl-2\">\n                        <s-button\n                            [id]=\"id + '-select-another-button'\"\n                            type=\"button\"\n                            priority=\"secondary\"\n                            [label]=\"selectAnotherLabel\"\n                            (onClick)=\"onChangeImage()\">\n                        </s-button>\n                    </div>\n\n                    <div class=\"ui-sm-12 ui-md-3 ui-lg-2 ui-xl-2\">\n                        <s-button\n                            [id]=\"id + '-crop-button'\"\n                            type=\"button\"\n                            [label]=\"cropLabel\"\n                            (onClick)=\"onCropImage()\">\n                        </s-button>\n                    </div>\n                </div>\n            </div>\n\n            <ng-content select=\"s-footer\" *ngIf=\"footerSection\"></ng-content>\n        </p-footer>\n    </p-dialog>\n</div>",
-                encapsulation: core.ViewEncapsulation.None,
-                styles: ["/*!\n * Cropper.js v1.6.2\n * https://fengyuanchen.github.io/cropperjs\n *\n * Copyright 2015-present Chen Fengyuan\n * Released under the MIT license\n *\n * Date: 2024-04-21T07:43:02.731Z\n */.cropper-container{-webkit-touch-callout:none;direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:rgba(51,153,255,.75) solid 1px;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:\" \";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:\" \";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}", ".s-image-cropper{border-radius:0!important;height:80%!important;max-width:100%!important;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:column;flex-direction:column}.s-image-cropper .ui-dialog-content{overflow:hidden;height:auto!important;-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}.s-image-cropper .ui-dialog-footer,.s-image-cropper .ui-dialog-header{-ms-flex-negative:0;flex-shrink:0;direction:ltr}.s-image-cropper .image-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%}.s-image-cropper img{max-width:100%;max-height:100%}.s-image-cropper .button-container{-ms-flex-flow:wrap-reverse;flex-flow:wrap-reverse;-ms-flex-pack:end;justify-content:flex-end}.s-image-cropper .cropper-view-box{outline:#fff dashed 2px}.s-image-cropper .cropper-line{opacity:0}.s-image-cropper .cropper-point{background-color:#fff;opacity:1;height:15px;width:15px;border-radius:50%}.s-image-cropper .cropper-point.point-e{right:-8.5px;top:calc(50% - 4.5px)}.s-image-cropper .cropper-point.point-n{top:-8.5px;left:calc(50% - 4.5px)}.s-image-cropper .cropper-point.point-w{left:-8.5px;top:calc(50% - 4.5px)}.s-image-cropper .cropper-point.point-s{bottom:-8.5px;left:calc(50% - 4.5px)}.s-image-cropper .cropper-point.point-ne{right:-8.5px;top:-8.5px}.s-image-cropper .cropper-point.point-nw{left:-8.5px;top:-8.5px}.s-image-cropper .cropper-point.point-sw{left:-8.5px;bottom:-8.5px}.s-image-cropper .cropper-point.point-se{right:-8.5px;bottom:-8.5px}.s-image-cropper--rounded .cropper-face,.s-image-cropper--rounded .cropper-view-box{border-radius:50%}.s-image-cropper--rounded .cropper-view-box{outline:rgba(255,255,255,.3) dashed 1px}.s-image-cropper--rounded .cropper-view-box:after{border:2px dashed #fff;border-radius:50%;content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}@media (max-width:767px){.s-image-cropper{border:none!important;top:0!important;left:0!important;width:100%!important;height:100%!important}}@media (min-width:768px){.s-image-cropper{width:80%!important}}@media (min-width:1200px){.s-image-cropper{width:60%!important}}"]
+                selector: "s-ia-insight",
+                template: "<s-ia-insight-sidebar\n    #sidebar\n    [insights]=\"insights\"\n    [hasPermission]=\"hasPermission\"\n    [introText]=\"introText\"\n    [introTemplate]=\"introTemplate\"\n    [emptyText]=\"emptyText\"\n    [emptyTemplate]=\"emptyTemplate\"\n    [noPermissionText]=\"noPermissionText\"\n    [noPermissionTemplate]=\"noPermissionTemplate\">\n</s-ia-insight-sidebar>",
+                styles: [""]
             })
-        ], ImageCropperComponent);
-        return ImageCropperComponent;
+        ], IAInsightComponent);
+        return IAInsightComponent;
     }());
 
-    var ImageCropperModule = /** @class */ (function () {
-        function ImageCropperModule() {
+    var IAInsightModule = /** @class */ (function () {
+        function IAInsightModule() {
         }
-        ImageCropperModule = __decorate([
+        IAInsightModule = __decorate([
             core.NgModule({
-                imports: [common.CommonModule, dialog.DialogModule, ButtonModule, EmptyStateModule, StructureModule],
-                declarations: [ImageCropperComponent],
-                exports: [ImageCropperComponent, StructureModule],
-                entryComponents: [ImageCropperComponent],
-            })
-        ], ImageCropperModule);
-        return ImageCropperModule;
-    }());
-
-    var ImageCropperService = /** @class */ (function () {
-        function ImageCropperService(componentFactoryResolver, appRef, injector) {
-            this.componentFactoryResolver = componentFactoryResolver;
-            this.appRef = appRef;
-            this.injector = injector;
-        }
-        ImageCropperService.prototype.show = function (config) {
-            var _this = this;
-            if (this.activeCropper)
-                this.destroy(this.activeCropper);
-            var activeCropper = {
-                componentRef: this.componentFactoryResolver.resolveComponentFactory(ImageCropperComponent).create(this.injector),
-                ngUnsubscribe: new rxjs.Subject(),
-            };
-            this.activeCropper = activeCropper;
-            this.appRef.attachView(activeCropper.componentRef.hostView);
-            var domElem = activeCropper.componentRef.hostView.rootNodes[0];
-            document.body.appendChild(domElem);
-            this.configureInstance(activeCropper, config);
-            activeCropper.componentRef.instance.visible = true;
-            activeCropper.componentRef.instance.visibleChange
-                .pipe(operators.takeUntil(this.activeCropper.ngUnsubscribe), operators.delay(1000))
-                .subscribe(function (visible) {
-                if (!visible)
-                    _this.destroy(activeCropper);
-            });
-        };
-        ImageCropperService.prototype.configureInstance = function (activeCropper, config) {
-            var instance = activeCropper.componentRef.instance;
-            if (config) {
-                Object.keys(config).forEach(function (key) {
-                    var value = config[key];
-                    if (typeof value !== "function")
-                        instance[key] = value;
-                    else if (typeof value === "function") {
-                        instance[key].pipe(operators.takeUntil(activeCropper.ngUnsubscribe)).subscribe(function () {
-                            var param = [];
-                            for (var _i = 0; _i < arguments.length; _i++) {
-                                param[_i] = arguments[_i];
-                            }
-                            return config[key].apply(config, __spread(param));
-                        });
-                    }
-                });
-            }
-            instance.visibleChange.pipe(operators.takeUntil(activeCropper.ngUnsubscribe)).subscribe(function (visible) { return (instance.visible = visible); });
-        };
-        ImageCropperService.prototype.destroy = function (activeCropper) {
-            activeCropper.ngUnsubscribe.next();
-            activeCropper.ngUnsubscribe.complete();
-            this.appRef.detachView(activeCropper.componentRef.hostView);
-            activeCropper.componentRef.destroy();
-        };
-        ImageCropperService.ctorParameters = function () { return [
-            { type: core.ComponentFactoryResolver },
-            { type: core.ApplicationRef },
-            { type: core.Injector }
-        ]; };
-        ImageCropperService = __decorate([
-            core.Injectable()
-        ], ImageCropperService);
-        return ImageCropperService;
+                imports: [
+                    common.CommonModule,
+                    core$1.TranslateModule,
+                    BadgeModule,
+                    ButtonModule,
+                    TooltipModule,
+                    TemplateModule,
+                    SVGFactoryModule,
+                ],
+                declarations: [
+                    IAInsightComponent,
+                    IAInsightCardComponent,
+                    IAInsightSidebarComponent,
+                    IAInsightCardLoaderComponent,
+                ],
+                exports: [
+                    IAInsightComponent,
+                    TemplateModule,
+                ],
+            })
+        ], IAInsightModule);
+        return IAInsightModule;
     }());
 
     var KanbanEventService = /** @class */ (function () {
@@ -14883,256 +15216,6 @@
     }());
 
 
-    (function (FileValidation) {
-        FileValidation["MaxFileSize"] = "maxFileSize";
-        FileValidation["MaxFileLimit"] = "maxFileLimit";
-        FileValidation["TypeInvalid"] = "typeInvalid";
-        FileValidation["UnsupportedExtension"] = "unsupportedExtension";
-    })(exports.FileValidation || (exports.FileValidation = {}));
-
-    var ProfilePicturePickerComponent = /** @class */ (function () {
-        function ProfilePicturePickerComponent(imageCropperService, confirmationService) {
-            this.imageCropperService = imageCropperService;
-            this.confirmationService = confirmationService;
-            this.aspectRatio = 1;
-            this.removeButtonLabel = "Remover";
-            this.changeButtonLabel = "Alterar foto";
-            this.confirmationTexts = {
-                removalHeader: "Remover foto de perfil",
-                removalMessage: "Deseja remover sua foto de perfil? Não pode ser revertida.",
-                removalAcceptLabel: "Remover",
-                removalRejectLabel: "Cancelar",
-            };
-            this.supportedExtensions = [];
-            this.changedImage = new core.EventEmitter();
-            this.removedImage = new core.EventEmitter();
-            this.invalidFile = new core.EventEmitter();
-        }
-        ProfilePicturePickerComponent.prototype.ngOnInit = function () {
-            this._normalizeSuportedExtensions();
-        };
-        ProfilePicturePickerComponent.prototype.onDragOver = function (event) {
-            event.preventDefault();
-            event.stopPropagation();
-        };
-        ProfilePicturePickerComponent.prototype.onDragLeave = function (event) {
-            event.preventDefault();
-            event.stopPropagation();
-        };
-        ProfilePicturePickerComponent.prototype.onDrop = function (event) {
-            event.preventDefault();
-            event.stopPropagation();
-            var files = [];
-            var dataTransferFiles = event.dataTransfer.files;
-            for (var i = 0; i < dataTransferFiles.length; i++) {
-                files.push(dataTransferFiles.item(i));
-            }
-            this._showImageCropper(files);
-        };
-        // Verificando o redimensionamento para ajustar o design para ficar responsivo.
-        ProfilePicturePickerComponent.prototype.onResize = function () {
-            if (this.uploadPicture && this.info && this.thumbnail) {
-                var uploadPictureWidth = this._getWidthElement(this.uploadPicture);
-                var infoWidth = this._getWidthElement(this.info);
-                var thumbnailWidth = this._getWidthElement(this.thumbnail);
-                if (thumbnailWidth + infoWidth > uploadPictureWidth) {
-                    this.uploadPicture.nativeElement.classList.add("upload-picture--small");
-                }
-                else {
-                    this.uploadPicture.nativeElement.classList.remove("upload-picture--small");
-                }
-            }
-        };
-        ProfilePicturePickerComponent.prototype.selectPhoto = function () {
-            var fileInputElement = this.fileInput.nativeElement;
-            fileInputElement.value = "";
-            fileInputElement.click();
-        };
-        ProfilePicturePickerComponent.prototype.removePhoto = function () {
-            var _this = this;
-            this.confirmationService.confirm({
-                message: this.confirmationTexts.removalMessage,
-                acceptLabel: this.confirmationTexts.removalAcceptLabel,
-                rejectLabel: this.confirmationTexts.removalRejectLabel,
-                header: this.confirmationTexts.removalHeader,
-                accept: function () {
-                    var fileInputElement = _this.fileInput.nativeElement;
-                    fileInputElement.value = "";
-                    _this.image = "";
-                    _this.removedImage.emit();
-                },
-            });
-        };
-        ProfilePicturePickerComponent.prototype.photoSelected = function (event) {
-            this._showImageCropper(event.srcElement.files);
-        };
-        ProfilePicturePickerComponent.prototype._showImageCropper = function (files) {
-            var _this = this;
-            if (!this._validateData(files)) {
-                return;
-            }
-            var file = files[0];
-            var fileReader = new FileReader();
-            fileReader.readAsDataURL(file);
-            fileReader.onloadend = function (fileEvent) {
-                _this.imageCropperService.show(__assign({ imageSource: fileEvent.target.result, croppedImage: function (image) {
-                        _this.image = image;
-                        _this.changedImage.emit(image);
-                    }, changeImage: function () { return _this.selectPhoto(); }, allowSelectAnother: false, aspectRatio: _this.aspectRatio }, _this.cropperLabelsConfig));
-            };
-        };
-        ProfilePicturePickerComponent.prototype._normalizeSuportedExtensions = function () {
-            this.supportedExtensions = this.supportedExtensions
-                .map(function (extension) { return extension.replace(".", "").toLocaleLowerCase(); });
-        };
-        ProfilePicturePickerComponent.prototype._validateData = function (files) {
-            if (!files.length) {
-                return false;
-            }
-            if (files.length > 1) {
-                this.invalidFile.emit({ file: null, validation: exports.FileValidation.MaxFileLimit });
-                return false;
-            }
-            var file = files[0];
-            if (!file.type.includes("image")) {
-                this.invalidFile.emit({ file: file, validation: exports.FileValidation.TypeInvalid });
-                return false;
-            }
-            if (!this._validateFileExtension(file)) {
-                this.invalidFile.emit({ file: file, validation: exports.FileValidation.UnsupportedExtension });
-                return false;
-            }
-            if (!this._validateFileSize(file)) {
-                this.invalidFile.emit({ file: file, validation: exports.FileValidation.MaxFileSize });
-                return false;
-            }
-            return true;
-        };
-        ProfilePicturePickerComponent.prototype._validateFileExtension = function (file) {
-            var _a;
-            if ((_a = this.supportedExtensions) === null || _a === void 0 ? void 0 : _a.length) {
-                var extension = file.name.split(".").pop().toLowerCase();
-                return this.supportedExtensions.includes(extension);
-            }
-            return true;
-        };
-        ProfilePicturePickerComponent.prototype._validateFileSize = function (file) {
-            if (this.maxFileSize) {
-                return file.size > this.maxFileSize;
-            }
-            return true;
-        };
-        ProfilePicturePickerComponent.prototype._getWidthElement = function (element) {
-            var _a = element.nativeElement.getBoundingClientRect(), left = _a.left, right = _a.right;
-            return right - left;
-        };
-        ProfilePicturePickerComponent.ctorParameters = function () { return [
-            { type: ImageCropperService },
-            { type: api.ConfirmationService }
-        ]; };
-        __decorate([
-            core.Input()
-        ], ProfilePicturePickerComponent.prototype, "simpleTitle", void 0);
-        __decorate([
-            core.Input()
-        ], ProfilePicturePickerComponent.prototype, "actionTitle", void 0);
-        __decorate([
-            core.Input()
-        ], ProfilePicturePickerComponent.prototype, "subtitle", void 0);
-        __decorate([
-            core.Input()
-        ], ProfilePicturePickerComponent.prototype, "aspectRatio", void 0);
-        __decorate([
-            core.Input()
-        ], ProfilePicturePickerComponent.prototype, "cropperLabelsConfig", void 0);
-        __decorate([
-            core.Input()
-        ], ProfilePicturePickerComponent.prototype, "removeButtonLabel", void 0);
-        __decorate([
-            core.Input()
-        ], ProfilePicturePickerComponent.prototype, "changeButtonLabel", void 0);
-        __decorate([
-            core.Input()
-        ], ProfilePicturePickerComponent.prototype, "confirmationTexts", void 0);
-        __decorate([
-            core.Input()
-        ], ProfilePicturePickerComponent.prototype, "maxFileSize", void 0);
-        __decorate([
-            core.Input()
-        ], ProfilePicturePickerComponent.prototype, "accept", void 0);
-        __decorate([
-            core.Input()
-        ], ProfilePicturePickerComponent.prototype, "supportedExtensions", void 0);
-        __decorate([
-            core.Input()
-        ], ProfilePicturePickerComponent.prototype, "image", void 0);
-        __decorate([
-            core.ViewChild("uploadPicture")
-        ], ProfilePicturePickerComponent.prototype, "uploadPicture", void 0);
-        __decorate([
-            core.ViewChild("info")
-        ], ProfilePicturePickerComponent.prototype, "info", void 0);
-        __decorate([
-            core.ViewChild("thumbnail", { read: core.ElementRef })
-        ], ProfilePicturePickerComponent.prototype, "thumbnail", void 0);
-        __decorate([
-            core.ViewChild("fileInput", { read: core.ElementRef })
-        ], ProfilePicturePickerComponent.prototype, "fileInput", void 0);
-        __decorate([
-            core.Output()
-        ], ProfilePicturePickerComponent.prototype, "changedImage", void 0);
-        __decorate([
-            core.Output()
-        ], ProfilePicturePickerComponent.prototype, "removedImage", void 0);
-        __decorate([
-            core.Output()
-        ], ProfilePicturePickerComponent.prototype, "invalidFile", void 0);
-        __decorate([
-            core.HostListener("dragover", ["$event"])
-        ], ProfilePicturePickerComponent.prototype, "onDragOver", null);
-        __decorate([
-            core.HostListener("dragleave", ["$event"])
-        ], ProfilePicturePickerComponent.prototype, "onDragLeave", null);
-        __decorate([
-            core.HostListener("drop", ["$event"])
-        ], ProfilePicturePickerComponent.prototype, "onDrop", null);
-        __decorate([
-            core.HostListener("window:resize")
-        ], ProfilePicturePickerComponent.prototype, "onResize", null);
-        ProfilePicturePickerComponent = __decorate([
-            core.Component({
-                selector: "s-profile-picture-picker",
-                template: "<p-confirmDialog></p-confirmDialog>\n\n<input #fileInput [accept]=\"accept\" class=\"file-input\" type=\"file\" (change)=\"photoSelected($event)\">\n<div #uploadPicture class=\"upload-picture\">\n   <s-thumbnail\n      #thumbnail\n      iconClass=\"far fa-user\"\n      [imageSource]=\"image\"\n      [hasAction]=\"!image\"\n      (click)=\"selectPhoto()\">\n   </s-thumbnail>\n   <div #info class=\"info\">\n      <ng-container *ngIf=\"image; then withImage; else noImage\"></ng-container>\n      <p class=\"subtitle\">{{ subtitle }}</p>\n   </div>\n</div>\n\n<ng-template #withImage>\n   <div class=\"buttons\">\n      <s-button\n         [label]=\"changeButtonLabel\"\n         priority=\"primary\"\n         (onClick)=\"selectPhoto()\">\n      </s-button>\n      <s-button\n         [label]=\"removeButtonLabel\"\n         priority=\"secondary\"\n         (onClick)=\"removePhoto()\">\n      </s-button>\n   </div>\n</ng-template>\n\n<ng-template #noImage>\n   <p class=\"title\">\n      {{ simpleTitle }}\n      <span\n         class=\"action-title\"\n         (click)=\"selectPhoto()\">\n         {{ actionTitle }}\n      </span>\n   </p>\n</ng-template>",
-                styles: [".file-input{display:none}.upload-picture{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.upload-picture .info{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:12px 20px;-ms-flex-align:start;align-items:flex-start}.upload-picture .info .title{font-family:\"Open Sans\",sans-serif;font-weight:700;font-size:.875rem;line-height:150%;color:#333}.upload-picture .info .title .action-title{cursor:pointer;color:#428bca}.upload-picture .info .buttons{display:-ms-flexbox;display:flex;gap:8px}.upload-picture .info .buttons s-button{margin:0}.upload-picture .info .subtitle{padding:6px 0;font-family:\"Open Sans\",sans-serif;font-weight:400;font-size:.75rem;line-height:150%;color:#697882;text-align:center}.upload-picture--small .info{-ms-flex-align:center;align-items:center}.upload-picture--small .info .subtitle,.upload-picture--small .info .title{text-align:center}.upload-picture--small .info .buttons{-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}"]
-            })
-        ], ProfilePicturePickerComponent);
-        return ProfilePicturePickerComponent;
-    }());
-
-    var ProfilePicturePickerModule = /** @class */ (function () {
-        function ProfilePicturePickerModule() {
-        }
-        ProfilePicturePickerModule = __decorate([
-            core.NgModule({
-                imports: [
-                    common.CommonModule,
-                    ButtonModule,
-                    ThumbnailModule,
-                    ImageCropperModule,
-                    confirmdialog.ConfirmDialogModule,
-                ],
-                declarations: [ProfilePicturePickerComponent],
-                exports: [ProfilePicturePickerComponent],
-                providers: [
-                    ImageCropperService,
-                    api.ConfirmationService,
-                ],
-            })
-        ], ProfilePicturePickerModule);
-        return ProfilePicturePickerModule;
-    }());
-
-
     (function (ProgressBarColors) {
         ProgressBarColors["Blue"] = "blue";
         ProgressBarColors["Green"] = "green";
@@ -17686,6 +17769,11 @@
     }());
 
     var fallback = {
+        "platform.angular_components.drag_your_photo_or": "Arraste sua foto ou",
+        "platform.angular_components.select_a_file": "selecione um arquivo",
+        "platform.angular_components.change_photo": "Alterar foto",
+        "platform.angular_components.remove_image": "Remover imagem",
+        "platform.angular_components.confirmation_remove_image": "Deseja remover a imagem? Não pode ser revertida.",
         "platform.angular_components.strong": "Forte",
         "platform.angular_components.medium": "Média",
         "platform.angular_components.weak": "Fraca",
@@ -18169,66 +18257,68 @@
     exports.ɵbh = NumberFieldModule$1;
     exports.ɵbi = BignumberInputModule;
     exports.ɵbj = BignumberFieldComponent;
-    exports.ɵbk = AutocompleteFieldComponent;
-    exports.ɵbl = BooleanFieldComponent;
-    exports.ɵbm = BooleanSwitchFieldComponent;
-    exports.ɵbn = CalendarFieldComponent;
-    exports.ɵbo = ChipsFieldComponent;
-    exports.ɵbp = CountryPhonePickerFieldComponent;
-    exports.ɵbq = DynamicFieldComponent;
-    exports.ɵbr = DynamicFormDirective;
-    exports.ɵbs = FieldsetComponent;
-    exports.ɵbt = FileUploadComponent$1;
-    exports.ɵbu = LookupFieldComponent;
-    exports.ɵbv = RadioButtonComponent;
-    exports.ɵbw = RowComponent;
-    exports.ɵbx = SectionComponent;
-    exports.ɵby = SelectFieldComponent;
-    exports.ɵbz = SliderFieldComponent;
+    exports.ɵbk = ProfilePictureModule;
+    exports.ɵbl = ThumbnailService;
+    exports.ɵbm = StructureModule;
+    exports.ɵbn = HeaderComponent;
+    exports.ɵbo = FooterComponent;
+    exports.ɵbp = ProfilePictureFieldComponent;
+    exports.ɵbq = AutocompleteFieldComponent;
+    exports.ɵbr = BooleanFieldComponent;
+    exports.ɵbs = BooleanSwitchFieldComponent;
+    exports.ɵbt = CalendarFieldComponent;
+    exports.ɵbu = ChipsFieldComponent;
+    exports.ɵbv = CountryPhonePickerFieldComponent;
+    exports.ɵbw = DynamicFieldComponent;
+    exports.ɵbx = DynamicFormDirective;
+    exports.ɵby = FieldsetComponent;
+    exports.ɵbz = FileUploadComponent$1;
     exports.ɵc = TemplateDirective;
-    exports.ɵca = TextAreaFieldComponent;
-    exports.ɵcb = TextAreaIAFieldComponent;
-    exports.ɵcc = IAssistService;
-    exports.ɵce = DecimalField;
-    exports.ɵcf = SideTableComponent;
-    exports.ɵcg = ThumbnailService;
-    exports.ɵch = InfiniteScrollModule;
-    exports.ɵci = InfiniteScrollDirective;
-    exports.ɵcj = IAInsightSidebarComponent;
-    exports.ɵck = IAInsightCardComponent;
-    exports.ɵcl = IAInsightCardLoaderComponent;
-    exports.ɵcm = StructureModule;
-    exports.ɵcn = HeaderComponent;
-    exports.ɵco = FooterComponent;
-    exports.ɵcp = KanbanEventService;
-    exports.ɵcq = KanbanItemComponent;
-    exports.ɵcr = KanbanColumnComponent;
-    exports.ɵcs = KanbanItemDraggingComponent;
-    exports.ɵct = NumberLocaleOptions;
-    exports.ɵcu = BorderButtonModule;
-    exports.ɵcv = BorderButtonComponent;
-    exports.ɵcw = ProgressBarDeterminateComponent;
-    exports.ɵcx = ProgressBarIndeterminateComponent;
-    exports.ɵcy = SelectButtonItemComponent;
-    exports.ɵcz = SlidePanelService;
+    exports.ɵca = LookupFieldComponent;
+    exports.ɵcb = RadioButtonComponent;
+    exports.ɵcc = RowComponent;
+    exports.ɵcd = SectionComponent;
+    exports.ɵce = SelectFieldComponent;
+    exports.ɵcf = SliderFieldComponent;
+    exports.ɵcg = TextAreaFieldComponent;
+    exports.ɵch = TextAreaIAFieldComponent;
+    exports.ɵci = IAssistService;
+    exports.ɵck = DecimalField;
+    exports.ɵcl = SideTableComponent;
+    exports.ɵcm = InfiniteScrollModule;
+    exports.ɵcn = InfiniteScrollDirective;
+    exports.ɵco = IAInsightSidebarComponent;
+    exports.ɵcp = IAInsightCardComponent;
+    exports.ɵcq = IAInsightCardLoaderComponent;
+    exports.ɵcr = KanbanEventService;
+    exports.ɵcs = KanbanItemComponent;
+    exports.ɵct = KanbanColumnComponent;
+    exports.ɵcu = KanbanItemDraggingComponent;
+    exports.ɵcv = NumberLocaleOptions;
+    exports.ɵcw = BorderButtonModule;
+    exports.ɵcx = BorderButtonComponent;
+    exports.ɵcy = ProgressBarDeterminateComponent;
+    exports.ɵcz = ProgressBarIndeterminateComponent;
     exports.ɵd = TemplateModule;
-    exports.ɵda = TieredMenuEventService;
-    exports.ɵdb = TieredMenuService;
-    exports.ɵdc = TieredMenuGlobalService;
-    exports.ɵdd = TieredMenuComponent;
-    exports.ɵde = TieredMenuNestedComponent;
-    exports.ɵdf = TieredMenuItemComponent;
-    exports.ɵdg = TieredMenuDividerComponent;
-    exports.ɵdh = TimelineItemModule;
-    exports.ɵdi = TimelineIconItemComponent;
-    exports.ɵdj = HorizontalTimelineModule;
-    exports.ɵdk = HorizontalTimelineComponent;
-    exports.ɵdl = VerticalTimelineModule;
-    exports.ɵdm = VerticalTimelineComponent;
-    exports.ɵdn = RangeLineComponent;
-    exports.ɵdo = CollapseOptionComponent;
-    exports.ɵdp = CollapsedItemsComponent;
-    exports.ɵdq = VerticalItemsComponent;
+    exports.ɵda = SelectButtonItemComponent;
+    exports.ɵdb = SlidePanelService;
+    exports.ɵdc = TieredMenuEventService;
+    exports.ɵdd = TieredMenuService;
+    exports.ɵde = TieredMenuGlobalService;
+    exports.ɵdf = TieredMenuComponent;
+    exports.ɵdg = TieredMenuNestedComponent;
+    exports.ɵdh = TieredMenuItemComponent;
+    exports.ɵdi = TieredMenuDividerComponent;
+    exports.ɵdj = TimelineItemModule;
+    exports.ɵdk = TimelineIconItemComponent;
+    exports.ɵdl = HorizontalTimelineModule;
+    exports.ɵdm = HorizontalTimelineComponent;
+    exports.ɵdn = VerticalTimelineModule;
+    exports.ɵdo = VerticalTimelineComponent;
+    exports.ɵdp = RangeLineComponent;
+    exports.ɵdq = CollapseOptionComponent;
+    exports.ɵdr = CollapsedItemsComponent;
+    exports.ɵds = VerticalItemsComponent;
     exports.ɵe = CustomTranslationsModule;
     exports.ɵf = CodeEditorComponent;
     exports.ɵg = CoreFacade;