npm - @gipisistemas/ng-core - Versions diffs - 1.1.4 → 1.1.6 - Mend

@gipisistemas/ng-core 1.1.4 → 1.1.6

Files changed (137) hide show

package/fesm5/gipisistemas-ng-core.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { CdkStepperModule, CdkStepper } from '@angular/cdk/stepper';
 import { formatNumber, formatPercent, DOCUMENT, formatDate, isPlatformBrowser, CommonModule, formatCurrency } from '@angular/common';
 import { BREAKPOINT, FlexLayoutModule } from '@angular/flex-layout';
 import { NG_VALUE_ACCESSOR, FormControl, NgControl, NgForm, FormGroupDirective, Validators, NG_VALIDATORS, ControlContainer, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { MatMenu, MAT_SNACK_BAR_DATA, MatSnackBar, MatSelect as MatSelect$1, MatOption, MatFormField, MatTableDataSource, MatSort, MatPaginator, MatDialogRef, MAT_DIALOG_DATA, MatDialogConfig, MatDialog, MatNativeDateModule, MatRippleModule as MatRippleModule$1, MatDialogModule as MatDialogModule$1, MatIconRegistry } from '@angular/material';
+import { MatMenu, MAT_SNACK_BAR_DATA, MatSnackBar, MatSelect as MatSelect$1, MatOption, MatFormField, MatTableDataSource, MatSort, MatPaginator, MatDialogTitle, MatDialogContent, MatDialogActions, MatDialogRef, MAT_DIALOG_DATA, MatDialogConfig, MatDialog, MatNativeDateModule, MatRippleModule as MatRippleModule$1, MatDialogModule as MatDialogModule$1, MatIconRegistry } from '@angular/material';
 import { Router, ActivatedRoute, NavigationEnd, RouterModule } from '@angular/router';
 import { MdePopoverTrigger, MdePopoverModule } from '@material-extended/mde';
 import { MentionModule } from 'angular-mentions';
@@ -61,7 +61,7 @@ import { parsePhoneNumberFromString, getExampleNumber } from 'libphonenumber-js'
 import { trigger, state, style, transition, animate, animation, useAnimation } from '@angular/animations';
 import { A, Z, ZERO, NINE, SPACE, HOME, END, ENTER, ESCAPE, UP_ARROW, DOWN_ARROW, PAGE_DOWN, PAGE_UP, RIGHT_ARROW, LEFT_ARROW, BACKSPACE } from '@angular/cdk/keycodes';
 import { coerceCssPixelValue, coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';
-import { MediaMatcher } from '@angular/cdk/layout';
+import { MediaMatcher, BreakpointObserver } from '@angular/cdk/layout';
 import { Platform as Platform$1, PlatformModule } from '@angular/cdk/platform';
 import { Directionality } from '@angular/cdk/bidi';
 import { OverlayConfig, Overlay, OverlayModule } from '@angular/cdk/overlay';
@@ -522,7 +522,7 @@ var InputCurrencyComponent = /** @class */ (function () {
                     multi: true
                 }
             ],
-            styles: ["mat-label span{color:#d14014!important}.input-currency-prefix{color:#8f8b8f;font-size:14px;letter-spacing:0;font-weight:500;padding:5px 5px 4px}"]
+            styles: [":host{display:block;min-width:0;max-width:100%;flex:1}mat-label span{color:#d14014!important}.input-currency-prefix{color:#8f8b8f;font-size:14px;letter-spacing:0;font-weight:500;padding:5px 5px 4px}"]
         })
     ], InputCurrencyComponent);
     return InputCurrencyComponent;
@@ -566,6 +566,32 @@ var StringUtil = /** @class */ (function () {
     StringUtil.truncateWithEllipses = function (text, max) {
         return text.trim().substring(0, max - 1) + (text.trim().length > max) ? '...' : '';
     };
+    /** Codifica a string em Base64 */
+    StringUtil.encodeBase64 = function (input) {
+        if (this.isEmpty(input)) {
+            return '';
+        }
+        var utf8Encoder = new TextEncoder();
+        var utf8Bytes = utf8Encoder.encode(input);
+        var binary = '';
+        utf8Bytes.forEach(function (byte) {
+            binary += String.fromCharCode(byte);
+        });
+        return btoa(binary);
+    };
+    /** Decodifica a string Base64 */
+    StringUtil.decodeBase64 = function (input) {
+        if (this.isEmpty(input)) {
+            return '';
+        }
+        var binary = atob(input);
+        var utf8Decoder = new TextDecoder();
+        var utf8Bytes = new Uint8Array(binary.length);
+        for (var i = 0; i < binary.length; i++) {
+            utf8Bytes[i] = binary.charCodeAt(i);
+        }
+        return utf8Decoder.decode(utf8Bytes);
+    };
     StringUtil.EMPTY = '';
     return StringUtil;
 }());
@@ -897,35 +923,6 @@ var Archive = /** @class */ (function () {
     return Archive;
 }());
-var AbstractService = /** @class */ (function () {
-    function AbstractService() {
-        this.onDestroy = new Subject();
-    }
-    AbstractService.prototype.ngOnDestroy = function () {
-        this.onDestroy.next();
-        this.onDestroy.complete();
-    };
-    AbstractService.prototype.options = function (params, headers) {
-        return {
-            headers: headers ? headers : this.buildHeaders(),
-            params: params ? params : this.buildParams()
-        };
-    };
-    AbstractService.prototype.buildHeaders = function () {
-        return new HttpHeaders();
-    };
-    AbstractService.prototype.buildParams = function () {
-        return new HttpParams();
-    };
-    AbstractService.prototype.mapper = function (jsonObj) {
-        return jsonObj;
-    };
-    AbstractService.prototype.handleError = function (error) {
-        return throwError(error);
-    };
-    return AbstractService;
-}());
 var AbstractDTO = /** @class */ (function () {
     function AbstractDTO() {
     }
@@ -960,6 +957,35 @@ var AlertComponent = /** @class */ (function () {
     return AlertComponent;
 }());
+var AbstractService = /** @class */ (function () {
+    function AbstractService() {
+        this.onDestroy = new Subject();
+    }
+    AbstractService.prototype.ngOnDestroy = function () {
+        this.onDestroy.next();
+        this.onDestroy.complete();
+    };
+    AbstractService.prototype.options = function (params, headers) {
+        return {
+            headers: headers ? headers : this.buildHeaders(),
+            params: params ? params : this.buildParams()
+        };
+    };
+    AbstractService.prototype.buildHeaders = function () {
+        return new HttpHeaders();
+    };
+    AbstractService.prototype.buildParams = function () {
+        return new HttpParams();
+    };
+    AbstractService.prototype.mapper = function (jsonObj) {
+        return jsonObj;
+    };
+    AbstractService.prototype.handleError = function (error) {
+        return throwError(error);
+    };
+    return AbstractService;
+}());
 var MessageService = /** @class */ (function (_super) {
     __extends(MessageService, _super);
     function MessageService(snackBar) {
@@ -980,9 +1006,7 @@ var MessageService = /** @class */ (function (_super) {
     ]; };
     MessageService.ngInjectableDef = ɵɵdefineInjectable({ factory: function MessageService_Factory() { return new MessageService(ɵɵinject(MatSnackBar$1)); }, token: MessageService, providedIn: "root" });
     MessageService = __decorate([
-        Injectable({
-            providedIn: 'root'
-        }),
+        Injectable({ providedIn: 'root' }),
         __metadata("design:paramtypes", [MatSnackBar])
     ], MessageService);
     return MessageService;
@@ -1135,7 +1159,7 @@ var InputFileComponent = /** @class */ (function (_super) {
         Component({
             selector: 'itss-input-file',
             template: "<div fxLayout=\"column\">\n    <mat-label *ngIf=\"label\">\n        {{ label }}\n        <span *ngIf=\"required && label\"> * </span>\n        <gipi-helpful-tip *ngIf=\"tooltip && label\"\n                          [tooltip]=\"tooltip\">\n        </gipi-helpful-tip>\n    </mat-label>\n    <mat-form-field [appearance]=\"appearance\">\n        <input matInput\n               #input\n               [name]=\"name\"\n               [placeholder]=\"placeholder\"\n               [required]=\"required\"\n               value=\"{{ archive?.name }}\"\n               disabled=\"true\"\n               autocomplete=\"off\">\n\n        <button mat-icon-button\n                matSuffix\n                matTooltip=\"Enviar\"\n                class=\"top\"\n                [disabled]=\"disabled\"\n                (click)=\"uploadArchive()\"\n                *ngIf=\"!loading && !archive\">\n            <mat-icon class=\"color-icon\">file_upload</mat-icon>\n        </button>\n\n        <!--    <button mat-icon-button-->\n        <!--            matSuffix-->\n        <!--            matTooltip=\"Baixar\"-->\n        <!--            class=\"top\"-->\n        <!--            [disabled]=\"disabled\"-->\n        <!--            (click)=\"downloadArchive()\"-->\n        <!--            *ngIf=\"!loading && archive\">-->\n        <!--      <mat-icon class=\"color-icon\">file_download</mat-icon>-->\n        <!--    </button>-->\n\n        <button mat-icon-button\n                matSuffix\n                matTooltip=\"Excluir\"\n                class=\"top\"\n                [disabled]=\"disabled\"\n                (click)=\"clearArchive()\"\n                *ngIf=\"!loading && archive\">\n            <mat-icon color=\"warn\">close</mat-icon>\n        </button>\n\n        <mat-spinner matSuffix\n                     matTooltip=\"Carregando...\"\n                     *ngIf=\"loading\"\n                     mode=\"indeterminate\"\n                     diameter=\"17\">\n        </mat-spinner>\n    </mat-form-field>\n\n    <input #fileInput\n           type=\"file\"\n           style=\"display:none;\">\n</div>",
-            styles: ["mat-label span{color:#d14014!important}:host .color-icon{color:rgba(0,0,0,.54)!important}:host .top{font-size:18px!important}:host ::ng-deep .mat-icon-button{display:inline!important}"]
+            styles: [":host{display:block;min-width:0;max-width:100%;flex:1}mat-label span{color:#d14014!important}:host .color-icon{color:rgba(0,0,0,.54)!important}:host .top{font-size:18px!important}:host ::ng-deep .mat-icon-button{display:inline!important}"]
         }),
         __metadata("design:paramtypes", [MessageService,
             Router,
@@ -1552,7 +1576,7 @@ var InputComponent = /** @class */ (function () {
                     multi: true
                 }
             ],
-            styles: ["mat-label span{color:#d14014!important}"]
+            styles: [":host{display:block;min-width:0;max-width:100%;flex:1}mat-label span{color:#d14014!important}"]
         }),
         __metadata("design:paramtypes", [ElementRef,
             ChangeDetectorRef])
@@ -2802,7 +2826,7 @@ var RadioGroupEntityComponent = /** @class */ (function () {
                     multi: true
                 }
             ],
-            styles: ["mat-label span{color:#f44336!important}"]
+            styles: [":host{display:block;min-width:0;max-width:100%;flex:1}mat-label span{color:#f44336!important}"]
         })
     ], RadioGroupEntityComponent);
     return RadioGroupEntityComponent;
@@ -2948,7 +2972,7 @@ var RadioGroupEnumComponent = /** @class */ (function () {
             ],
             changeDetection: ChangeDetectionStrategy.OnPush,
             host: { 'class': 'itss-element' },
-            styles: [".label>span{color:#f44336!important}fieldset{margin-inline:0!important;padding:0!important;padding-inline:0!important;padding-block:0!important;border-radius:10px!important;color:#696969!important;border:1px solid #e1e5e4!important}.legend{font-size:16px!important;color:#696969!important}.legend>span{color:#f44336!important}.content-selection{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-around!important;height:20px!important;margin-bottom:15px!important;width:100%!important}.content-selection>div{height:30px;margin-top:-10px}.content-selection .radio-button{font-size:13px!important;color:#696969!important}:host ::ng-deep .type-input{display:flex;align-items:center;justify-content:space-around;border:1px solid #dddfe1;margin-top:4px;margin-left:-35px;border-radius:5px;min-height:39px}:host ::ng-deep .type-input>div{max-height:20px}:host ::ng-deep .type-input>div .mat-radio-button{margin-top:0!important}"]
+            styles: [":host{display:block;min-width:0;max-width:100%;flex:1}.label>span{color:#f44336!important}fieldset{margin-inline:0!important;padding:0!important;padding-inline:0!important;padding-block:0!important;border-radius:10px!important;color:#696969!important;border:1px solid #e1e5e4!important}.legend{font-size:16px!important;color:#696969!important}.legend>span{color:#f44336!important}.content-selection{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-around!important;height:20px!important;margin-bottom:15px!important;width:100%!important}.content-selection>div{height:30px;margin-top:-10px}.content-selection .radio-button{font-size:13px!important;color:#696969!important}:host ::ng-deep .type-input{display:flex;align-items:center;justify-content:space-around;border:1px solid #dddfe1;margin-top:4px;margin-left:-35px;border-radius:5px;min-height:39px}:host ::ng-deep .type-input>div{max-height:20px}:host ::ng-deep .type-input>div .mat-radio-button{margin-top:0!important}"]
         }),
         __metadata("design:paramtypes", [ChangeDetectorRef])
     ], RadioGroupEnumComponent);
@@ -3392,7 +3416,7 @@ var SelectEntityPagedComponent = /** @class */ (function () {
                     multi: true
                 }
             ],
-            styles: ["mat-label span{color:#f44336!important}:host ::ng-deep .mat-form-field-appearance-outline .mat-form-field-suffix{position:absolute!important;right:35px!important;top:30%!important}:host ::ng-deep .mat-form-field-appearance-outline .mat-form-field-suffix .mat-icon{height:18px!important;width:18px!important;font-size:18px!important;color:#696969!important}:host ::ng-deep .mat-form-field-appearance-legacy .mat-form-field-suffix{position:absolute!important;right:30px!important;top:35%!important}:host ::ng-deep .mat-form-field-appearance-legacy .mat-form-field-suffix .mat-icon{height:18px!important;width:18px!important;font-size:18px!important;color:#696969!important}:host ::ng-deep .mat-select-value{padding-right:30px!important}::ng-deep .virtual-scroll-viewport{width:100%!important;overflow:hidden}::ng-deep .virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper{width:100%!important}.mat-select-additional-selection{opacity:.75;font-size:.75em;margin-left:16px}.mat-select-search-loading{background-color:#fff;display:flex;align-items:center;justify-content:center;height:3em}.dot-pulse{position:relative;left:-9999px;width:5px;height:5px;border-radius:50%;background-color:#f3465c;color:#f3465c;box-shadow:9999px 0 0 -5px;-webkit-animation:1.5s linear .25s infinite dot-pulse;animation:1.5s linear .25s infinite dot-pulse}.dot-pulse::after,.dot-pulse::before{content:\"\";display:inline-block;position:absolute;top:0;width:5px;height:5px;border-radius:50%;background-color:#f3465c;color:#f3465c}.dot-pulse::before{box-shadow:9984px 0 0 -5px;-webkit-animation:1.5s linear infinite dot-pulse-before;animation:1.5s linear infinite dot-pulse-before}.dot-pulse::after{box-shadow:10014px 0 0 -5px;-webkit-animation:1.5s linear .5s infinite dot-pulse-after;animation:1.5s linear .5s infinite dot-pulse-after}@-webkit-keyframes dot-pulse-before{0%,100%,60%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}}@keyframes dot-pulse-before{0%,100%,60%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}}@-webkit-keyframes dot-pulse{0%,100%,60%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}}@keyframes dot-pulse{0%,100%,60%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}}@-webkit-keyframes dot-pulse-after{0%,100%,60%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}}@keyframes dot-pulse-after{0%,100%,60%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}}::ng-deep .mat-select-arrow{border:solid #6d6f73!important;border-width:0 2px 2px 0!important;display:inline-block!important;padding:3px!important;transform:rotate(45deg)!important;margin:0 4px!important}::ng-deep .mat-option-button-add{position:absolute;bottom:0;left:0;width:100%;z-index:100;background-color:#fff;border-radius:4px}"]
+            styles: [":host{display:block;min-width:0;max-width:100%;flex:1}mat-label span{color:#f44336!important}:host ::ng-deep .mat-form-field-appearance-outline .mat-form-field-suffix{position:absolute!important;right:35px!important;top:30%!important}:host ::ng-deep .mat-form-field-appearance-outline .mat-form-field-suffix .mat-icon{height:18px!important;width:18px!important;font-size:18px!important;color:#696969!important}:host ::ng-deep .mat-form-field-appearance-legacy .mat-form-field-suffix{position:absolute!important;right:30px!important;top:35%!important}:host ::ng-deep .mat-form-field-appearance-legacy .mat-form-field-suffix .mat-icon{height:18px!important;width:18px!important;font-size:18px!important;color:#696969!important}:host ::ng-deep .mat-select-value{padding-right:30px!important}::ng-deep .virtual-scroll-viewport{width:100%!important;overflow:hidden}::ng-deep .virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper{width:100%!important}.mat-select-additional-selection{opacity:.75;font-size:.75em;margin-left:16px}.mat-select-search-loading{background-color:#fff;display:flex;align-items:center;justify-content:center;height:3em}.dot-pulse{position:relative;left:-9999px;width:5px;height:5px;border-radius:50%;background-color:#f3465c;color:#f3465c;box-shadow:9999px 0 0 -5px;-webkit-animation:1.5s linear .25s infinite dot-pulse;animation:1.5s linear .25s infinite dot-pulse}.dot-pulse::after,.dot-pulse::before{content:\"\";display:inline-block;position:absolute;top:0;width:5px;height:5px;border-radius:50%;background-color:#f3465c;color:#f3465c}.dot-pulse::before{box-shadow:9984px 0 0 -5px;-webkit-animation:1.5s linear infinite dot-pulse-before;animation:1.5s linear infinite dot-pulse-before}.dot-pulse::after{box-shadow:10014px 0 0 -5px;-webkit-animation:1.5s linear .5s infinite dot-pulse-after;animation:1.5s linear .5s infinite dot-pulse-after}@-webkit-keyframes dot-pulse-before{0%,100%,60%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}}@keyframes dot-pulse-before{0%,100%,60%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}}@-webkit-keyframes dot-pulse{0%,100%,60%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}}@keyframes dot-pulse{0%,100%,60%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}}@-webkit-keyframes dot-pulse-after{0%,100%,60%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}}@keyframes dot-pulse-after{0%,100%,60%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}}::ng-deep .mat-select-arrow{border:solid #6d6f73!important;border-width:0 2px 2px 0!important;display:inline-block!important;padding:3px!important;transform:rotate(45deg)!important;margin:0 4px!important}::ng-deep .mat-option-button-add{position:absolute;bottom:0;left:0;width:100%;z-index:100;background-color:#fff;border-radius:4px}"]
         }),
         __metadata("design:paramtypes", [ChangeDetectorRef])
     ], SelectEntityPagedComponent);
@@ -4149,7 +4173,7 @@ var SelectSearchComponent = /** @class */ (function () {
     SelectSearchComponent = SelectSearchComponent_1 = __decorate([
         Component({
             selector: 'itss-input-search',
-            template: "<!-- Espa\u00E7o reservado para ajustar o deslocamento vertical dos elementos mat-option -->\n<input matInput\n       class=\"mat-select-search-input mat-select-search-hidden\" />\n\n<!-- Note: o mat-datepicker-content mat-tab-header \u00E9 necess\u00E1rio para herdar as cores do tema do material, consulte PR n\u00BA 22 -->\n<div #innerSelectSearch\n     class=\"mat-select-search-inner mat-typography mat-datepicker-content mat-tab-header\"\n     [ngClass]=\"{'mat-select-search-inner-multiple': matSelect.multiple, 'mat-select-search-inner-toggle-all': _isToggleAllCheckboxVisible() }\">\n\n    <mat-checkbox *ngIf=\"_isToggleAllCheckboxVisible()\"\n                  class=\"mat-select-search-toggle-all-checkbox\"\n                  color=\"primary\"\n                  [color]=\"matFormField?.color\"\n                  [disabled]=\"searching\"\n                  [matTooltip]=\"toggleAllCheckboxTooltipMessage\"\n                  matTooltipClass=\"ngx-mat-select-search-toggle-all-tooltip\"\n                  [matTooltipPosition]=\"toggleAllCheckboxTooltipPosition\"\n                  [(ngModel)]=\"toggleAllCheckboxChecked\"\n                  [(indeterminate)]=\"toggleAllCheckboxIndeterminate\">\n    </mat-checkbox>\n\n    <input class=\"mat-select-search-input mat-input-element\"\n           autocomplete=\"off\"\n           [type]=\"type\"\n           [formControl]=\"_formControl\"\n           #searchSelectInput\n           (keydown)=\"_handleKeydown($event)\"\n           (keyup)=\"_handleKeyup($event)\"\n           (blur)=\"onBlur()\"\n           [placeholder]=\"placeholderLabel\"\n           [attr.aria-label]=\"ariaLabel\">\n\n    <mat-spinner *ngIf=\"searching\"\n                 class=\"mat-select-search-spinner\"\n                 diameter=\"16\">\n    </mat-spinner>\n\n    <button *ngIf=\"!hideClearSearchButton && value && !searching\"\n            mat-icon-button\n            aria-label=\"Clear\"\n            (click)=\"_reset(true)\"\n            class=\"mat-select-search-clear\">\n        <ng-content *ngIf=\"clearIcon; else defaultIcon\"\n                    select=\"[itssSelectSearchClear]\">\n        </ng-content>\n\n        <ng-template #defaultIcon>\n            <mat-icon [svgIcon]=\"closeSvgIcon\">\n                {{ !closeSvgIcon ? closeIcon : null }}\n            </mat-icon>\n        </ng-template>\n    </button>\n\n    <ng-content select=\".mat-select-search-custom-header-content\"> </ng-content>\n\n    <mat-divider> </mat-divider>\n</div>\n\n<div *ngIf=\"(_showNoEntriesFound$ | async) && !searching\"\n     class=\"mat-select-search-no-entries-found\">\n    <ng-content *ngIf=\"noEntriesFound; else defaultNoEntriesFound\"\n                select=\"[itssSelectNoEntriesFound]\">\n    </ng-content>\n\n    <ng-template #defaultNoEntriesFound>\n        {{ noEntriesFoundLabel }}\n    </ng-template>\n</div>\n",
+            template: "<!-- Espa\u00E7o reservado para ajustar o deslocamento vertical dos elementos mat-option -->\n<input matInput\n       class=\"mat-select-search-input mat-select-search-hidden\" />\n\n<!-- Note: o mat-datepicker-content mat-tab-header \u00E9 necess\u00E1rio para herdar as cores do tema do material, consulte PR n\u00BA 22 -->\n<div #innerSelectSearch\n     class=\"mat-select-search-inner mat-typography mat-datepicker-content mat-tab-header\"\n     [ngClass]=\"{'mat-select-search-inner-multiple': matSelect.multiple, 'mat-select-search-inner-toggle-all': _isToggleAllCheckboxVisible() }\">\n\n    <mat-checkbox *ngIf=\"_isToggleAllCheckboxVisible()\"\n                  class=\"mat-select-search-toggle-all-checkbox\"\n                  color=\"primary\"\n                  [color]=\"matFormField?.color\"\n                  [disabled]=\"searching\"\n                  [matTooltip]=\"toggleAllCheckboxTooltipMessage\"\n                  matTooltipClass=\"ngx-mat-select-search-toggle-all-tooltip\"\n                  [matTooltipPosition]=\"toggleAllCheckboxTooltipPosition\"\n                  [(ngModel)]=\"toggleAllCheckboxChecked\"\n                  [(indeterminate)]=\"toggleAllCheckboxIndeterminate\">\n    </mat-checkbox>\n\n    <input class=\"mat-select-search-input mat-input-element\"\n           autocomplete=\"off\"\n           [type]=\"type\"\n           [formControl]=\"_formControl\"\n           #searchSelectInput\n           (keydown)=\"_handleKeydown($event)\"\n           (keyup)=\"_handleKeyup($event)\"\n           (blur)=\"onBlur()\"\n           [placeholder]=\"placeholderLabel\"\n           [attr.aria-label]=\"ariaLabel\"\n           aria-hidden=\"false\">\n\n    <mat-spinner *ngIf=\"searching\"\n                 class=\"mat-select-search-spinner\"\n                 diameter=\"16\">\n    </mat-spinner>\n\n    <button *ngIf=\"!hideClearSearchButton && value && !searching\"\n            mat-icon-button\n            aria-label=\"Clear\"\n            (click)=\"_reset(true)\"\n            class=\"mat-select-search-clear\">\n        <ng-content *ngIf=\"clearIcon; else defaultIcon\"\n                    select=\"[itssSelectSearchClear]\">\n        </ng-content>\n\n        <ng-template #defaultIcon>\n            <mat-icon [svgIcon]=\"closeSvgIcon\">\n                {{ !closeSvgIcon ? closeIcon : null }}\n            </mat-icon>\n        </ng-template>\n    </button>\n\n    <ng-content select=\".mat-select-search-custom-header-content\"> </ng-content>\n\n    <mat-divider> </mat-divider>\n</div>\n\n<div *ngIf=\"(_showNoEntriesFound$ | async) && !searching\"\n     class=\"mat-select-search-no-entries-found\">\n    <ng-content *ngIf=\"noEntriesFound; else defaultNoEntriesFound\"\n                select=\"[itssSelectNoEntriesFound]\">\n    </ng-content>\n\n    <ng-template #defaultNoEntriesFound>\n        {{ noEntriesFoundLabel }}\n    </ng-template>\n</div>",
             providers: [
                 {
                     provide: NG_VALUE_ACCESSOR,
@@ -4546,7 +4570,7 @@ var SelectEntityComponent = /** @class */ (function () {
         Component({
             selector: 'itss-select-entity',
             template: "<div fxLayout=\"column\">\n    <mat-label>\n        {{ label }}\n        <span *ngIf=\"required && label\"> * </span>\n    </mat-label>\n    <mat-form-field appearance=\"outline\">\n        <mat-select #select\n                    [name]=\"name\"\n                    *ngIf=\"multiple\"\n                    [placeholder]=\"placeholder\"\n                    [compareWith]=\"compareFn\"\n                    [(ngModel)]=\"model\"\n                    [required]=\"required\"\n                    [disabled]=\"disabled || loading || (entities && entities.length === 0)\"\n                    multiple\n                    disableOptionCentering=\"true\"\n                    (selectionChange)=\"onSelectionChange($event.value)\"\n                    panelClass=\"select-position\">\n            <mat-form-field *ngIf=\"!displayCheckboxAll\"\n                            appearance=\"standard\"\n                            class=\"select-input-search\"\n                            fxFlexFill>\n                <input #search\n                       matInput\n                       placeholder=\"Pesquisar...\"\n                       type=\"text\"\n                       autofocus\n                       autocomplete=\"off\"\n                       (focusout)=\"resetSearch()\"\n                       (keyup)=\"onSearch($event.target.value)\"\n                       (keydown)=\"$event.stopPropagation()\">\n                <span matPrefix>\n                    <mat-icon>search</mat-icon>\n                </span>\n            </mat-form-field>\n\n            <div *ngIf=\"displayCheckboxAll\"\n                 class=\"checkbox-all-select\"\n                 [class.disabled]=\"(select.options && (select.options.length <= 0))\"\n                 (click)=\"(select.options && (select.options.length <= 0)) ? null : allSelected = !allSelected; toggleAllSelection()\">\n                <itss-checkbox label=\"Selecionar todos\"\n                               color=\"primary\"\n                               name=\"allSelected\"\n                               [disabled]=\"(select.options && (select.options.length <= 0))\"\n                               [(ngModel)]=\"allSelected\"\n                               [indeterminate]=\"indeterminateAllSelected\">\n                </itss-checkbox>\n            </div>\n\n            <mat-option *ngFor=\"let entity of filteredEntities\"\n                        [value]=\"entity\"\n                        (click)=\"validateIndeterminateAllSelected()\">\n                {{ getPropertyValue(entity) }}\n            </mat-option>\n        </mat-select>\n\n        <mat-select #select\n                    [name]=\"name\"\n                    *ngIf=\"!multiple\"\n                    [placeholder]=\"placeholder\"\n                    [(ngModel)]=\"model\"\n                    [required]=\"required\"\n                    [disabled]=\"disabled || loading || (entities && entities.length === 0)\"\n                    disableOptionCentering=\"true\"\n                    (selectionChange)=\"onSelectionChange($event.value)\"\n                    panelClass=\"select-position\">\n            <mat-form-field appearance=\"standard\"\n                            class=\"select-input-search\"\n                            fxFlexFill>\n                <input #search\n                       matInput\n                       placeholder=\"Pesquisar...\"\n                       type=\"text\"\n                       autofocus\n                       autocomplete=\"off\"\n                       (focusout)=\"resetSearch()\"\n                       (keyup)=\"onSearch($event.target.value)\"\n                       (keydown)=\"$event.stopPropagation()\">\n                <span matPrefix>\n                    <mat-icon>search</mat-icon>\n                </span>\n            </mat-form-field>\n\n            <mat-option *ngIf=\"!required && !search.value\"\n                        [value]=\"null\">\n                {{ nullValue ? nullValue : 'Selecione' }}\n            </mat-option>\n            <div *ngFor=\"let entity of filteredEntities\">\n                <mat-option *ngIf=\"validKey(entity)\"\n                            [value]=\"entity\">\n                    {{ getPropertyValue(entity) }}\n                </mat-option>\n            </div>\n        </mat-select>\n\n        <mat-spinner matPrefix\n                     *ngIf=\"loading\"\n                     mode=\"indeterminate\"\n                     diameter=\"17\">\n        </mat-spinner>\n\n        <mat-icon *ngIf=\"showClearButton()\"\n                  matSuffix\n                  (click)=\"removeOption(); $event.stopPropagation()\"\n                  matTooltip=\"Remover selecionado\">\n            clear\n        </mat-icon>\n    </mat-form-field>\n</div>\n",
-            styles: ["mat-label span{color:#f44336!important}.disabled{cursor:not-allowed!important;opacity:.6!important}:host ::ng-deep .mat-form-field-appearance-outline .mat-form-field-suffix{top:1.2rem!important;right:2.5rem!important;position:absolute}:host ::ng-deep .mat-form-field-appearance-outline .mat-form-field-suffix>mat-icon{color:#696969;width:20px;height:20px;font-size:18px;display:flex!important;align-items:center;justify-content:center}:host ::ng-deep .mat-form-field-appearance-outline .mat-form-field-suffix>mat-icon:hover{font-size:19px}.checkbox-all-select{line-height:3em;height:3em;text-align:left;cursor:pointer;display:flex;align-items:center;border-bottom:1px solid #e1e5e4}.checkbox-all-select:hover:not(.disabled){background:rgba(0,0,0,.04)}.checkbox-all-select>itss-checkbox{width:100%;padding:0 16px}.checkbox-all-select>itss-checkbox>div{width:100%}.checkbox-all-select>itss-checkbox ::ng-deep .mat-checkbox-layout{pointer-events:none!important}.checkbox-all-select>itss-checkbox ::ng-deep .mat-checkbox-label{font-size:13px!important;text-transform:uppercase!important;color:#696969!important;margin-left:5px!important}"]
+            styles: [":host{display:block;min-width:0;max-width:100%;flex:1}mat-label span{color:#f44336!important}.disabled{cursor:not-allowed!important;opacity:.6!important}:host ::ng-deep .mat-form-field-appearance-outline .mat-form-field-suffix{top:1.2rem!important;right:2.5rem!important;position:absolute}:host ::ng-deep .mat-form-field-appearance-outline .mat-form-field-suffix>mat-icon{color:#696969;width:20px;height:20px;font-size:18px;display:flex!important;align-items:center;justify-content:center}:host ::ng-deep .mat-form-field-appearance-outline .mat-form-field-suffix>mat-icon:hover{font-size:19px}.checkbox-all-select{line-height:3em;height:3em;text-align:left;cursor:pointer;display:flex;align-items:center;border-bottom:1px solid #e1e5e4}.checkbox-all-select:hover:not(.disabled){background:rgba(0,0,0,.04)}.checkbox-all-select>itss-checkbox{width:100%;padding:0 16px}.checkbox-all-select>itss-checkbox>div{width:100%}.checkbox-all-select>itss-checkbox ::ng-deep .mat-checkbox-layout{pointer-events:none!important}.checkbox-all-select>itss-checkbox ::ng-deep .mat-checkbox-label{font-size:13px!important;text-transform:uppercase!important;color:#696969!important;margin-left:5px!important}"]
         }),
         __metadata("design:paramtypes", [ChangeDetectorRef])
     ], SelectEntityComponent);
@@ -4666,7 +4690,7 @@ var SelectEnumComponent = /** @class */ (function () {
                     multi: true
                 }
             ],
-            styles: ["mat-label span{color:#f44336!important}.select-disabled{cursor:not-allowed}"]
+            styles: [":host{display:block;min-width:0;max-width:100%;flex:1}mat-label span{color:#f44336!important}.select-disabled{cursor:not-allowed}"]
         })
     ], SelectEnumComponent);
     return SelectEnumComponent;
@@ -4751,7 +4775,7 @@ var SelectMonthPeriodComponent = /** @class */ (function () {
                 }
             ],
             host: { 'class': 'itss-element' },
-            styles: ["button:disabled{opacity:.4!important;pointer-events:none!important;cursor:not-allowed!important}.date-filter{width:100%;height:42.53px;display:flex;background-color:#fff}.date-filter svg{width:20px;height:20px}:focus-visible{outline:0}.button-arrow{padding:8px;color:#696969;border:1px solid #dddfe1;background-color:#fff;height:100%;width:55px;font-size:14px;font-weight:600;line-height:1.5;text-align:center;text-decoration:none;cursor:pointer;transition:background-color .2s ease-in-out}.button-arrow:hover{background-color:#f9f9f9}.icon{display:block;margin:0 auto;width:20px;height:20px}.button-arrow-left{border-top-left-radius:5px;border-bottom-left-radius:5px}.button-arrow-right{border-top-right-radius:5px;border-bottom-right-radius:5px}.date-filter-field{display:flex;align-items:center;justify-content:center;width:100%;padding:0 16px;border-radius:0;border-left:none;border-right:none;border-top:1px solid #dddfe1;border-bottom:1px solid #dddfe1;background-color:#fff;color:#696969;font-size:.75px;text-align:center;cursor:pointer;transition:background-color .2s ease-in-out}.date-filter-field:hover{background-color:#f9f9f9}.date-filter-field-text{line-height:1;font-size:12px;display:inline-block}.separator{font-size:1rem;font-weight:700;text-align:center}.button{vertical-align:middle;display:inline-block;font-size:14px;max-height:40px;min-height:40px;min-width:120px;margin:0;padding:8px 16px;font-weight:600;line-height:1.5;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;border-radius:4px;box-sizing:border-box}.button-cancel{color:#696969;background-color:#f5f5f5;border-color:#dbdbdb;transition:background-color .2s ease-in-out}.button-cancel:hover{background:#ececec}.button-confirm{color:#fff;background-color:#f3465c;transition:opacity .2s ease-in-out}.button-confirm:hover{opacity:.8}.label{color:#696969;font-size:1rem;margin-bottom:5px!important}.label>span{color:#f44336}"]
+            styles: [":host{display:block;min-width:0;max-width:100%;flex:1}button:disabled{opacity:.4!important;pointer-events:none!important;cursor:not-allowed!important}.date-filter{width:100%;height:42.53px;display:flex;background-color:#fff}.date-filter svg{width:20px;height:20px}:focus-visible{outline:0}.button-arrow{padding:8px;color:#696969;border:1px solid #dddfe1;background-color:#fff;height:100%;width:55px;font-size:14px;font-weight:600;line-height:1.5;text-align:center;text-decoration:none;cursor:pointer;transition:background-color .2s ease-in-out}.button-arrow:hover{background-color:#f9f9f9}.icon{display:block;margin:0 auto;width:20px;height:20px}.button-arrow-left{border-top-left-radius:5px;border-bottom-left-radius:5px}.button-arrow-right{border-top-right-radius:5px;border-bottom-right-radius:5px}.date-filter-field{display:flex;align-items:center;justify-content:center;width:100%;padding:0 16px;border-radius:0;border-left:none;border-right:none;border-top:1px solid #dddfe1;border-bottom:1px solid #dddfe1;background-color:#fff;color:#696969;font-size:.75px;text-align:center;cursor:pointer;transition:background-color .2s ease-in-out}.date-filter-field:hover{background-color:#f9f9f9}.date-filter-field-text{line-height:1;font-size:12px;display:inline-block}.separator{font-size:1rem;font-weight:700;text-align:center}.button{vertical-align:middle;display:inline-block;font-size:14px;max-height:40px;min-height:40px;min-width:120px;margin:0;padding:8px 16px;font-weight:600;line-height:1.5;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;border-radius:4px;box-sizing:border-box}.button-cancel{color:#696969;background-color:#f5f5f5;border-color:#dbdbdb;transition:background-color .2s ease-in-out}.button-cancel:hover{background:#ececec}.button-confirm{color:#fff;background-color:#f3465c;transition:opacity .2s ease-in-out}.button-confirm:hover{opacity:.8}.label{color:#696969;font-size:1rem;margin-bottom:5px!important}.label>span{color:#f44336}"]
         }),
         __metadata("design:paramtypes", [GIPINgConfig])
     ], SelectMonthPeriodComponent);
@@ -5794,7 +5818,7 @@ var TextareaComponent = /** @class */ (function () {
                     multi: true
                 }
             ],
-            styles: ["mat-label span{color:#f44336!important}"]
+            styles: [":host{display:block;min-width:0;max-width:100%;flex:1}mat-label span{color:#f44336!important}"]
         }),
         __metadata("design:paramtypes", [])
     ], TextareaComponent);
@@ -6453,9 +6477,7 @@ var GIPIResizeService = /** @class */ (function () {
     ]; };
     GIPIResizeService.ngInjectableDef = ɵɵdefineInjectable({ factory: function GIPIResizeService_Factory() { return new GIPIResizeService(ɵɵinject(NgZone), ɵɵinject(RendererFactory2)); }, token: GIPIResizeService, providedIn: "root" });
     GIPIResizeService = __decorate([
-        Injectable({
-            providedIn: 'root'
-        }),
+        Injectable({ providedIn: 'root' }),
         __metadata("design:paramtypes", [NgZone,
             RendererFactory2])
     ], GIPIResizeService);
@@ -6533,9 +6555,7 @@ var GIPIBreakpointService = /** @class */ (function () {
     ]; };
     GIPIBreakpointService.ngInjectableDef = ɵɵdefineInjectable({ factory: function GIPIBreakpointService_Factory() { return new GIPIBreakpointService(ɵɵinject(GIPIResizeService), ɵɵinject(MediaMatcher)); }, token: GIPIBreakpointService, providedIn: "root" });
     GIPIBreakpointService = __decorate([
-        Injectable({
-            providedIn: 'root'
-        }),
+        Injectable({ providedIn: 'root' }),
         __metadata("design:paramtypes", [GIPIResizeService,
             MediaMatcher])
     ], GIPIBreakpointService);
@@ -7401,6 +7421,51 @@ var GIPIAbstractFormComponent = /** @class */ (function () {
         configurable: true
     });
     GIPIAbstractFormComponent.prototype.ngOnInit = function () { };
+    GIPIAbstractFormComponent.prototype.ngAfterViewInit = function () {
+        var _this = this;
+        if (this.dialog && !ObjectUtil.isNull(this.matDialogContent)) {
+            var contentElement_1 = this.matDialogContent.nativeElement;
+            if (!ObjectUtil.isNull(contentElement_1) && this._hasScroll(contentElement_1)) {
+                contentElement_1.scrollTop = 0;
+                this.matDialogActions.nativeElement.style.boxShadow = '0px -10px 15px -3px rgba(0,0,0,0.1)';
+                contentElement_1.addEventListener('scroll', function () { return _this._onScroll(contentElement_1); });
+            }
+            else {
+                this._removeShadows();
+            }
+        }
+    };
+    GIPIAbstractFormComponent.prototype._onScroll = function (content) {
+        var scrollTop = content.scrollTop || 0;
+        var scrollHeight = (content.scrollHeight - 36) || 0; // 36 é do padding
+        var clientHeight = content.clientHeight || 0;
+        if (scrollTop === 0) {
+            this.matDialogTitle.nativeElement.style.boxShadow = '';
+            this.matDialogActions.nativeElement.style.boxShadow = '0px -10px 15px -3px rgba(0,0,0,0.1)';
+        }
+        else if ((scrollTop + clientHeight) >= scrollHeight) {
+            this.matDialogTitle.nativeElement.style.boxShadow = '0px 10px 15px -3px rgba(0,0,0,0.1)';
+            this.matDialogActions.nativeElement.style.boxShadow = '';
+        }
+        else {
+            this.matDialogTitle.nativeElement.style.boxShadow = '0px 10px 15px -3px rgba(0,0,0,0.1)';
+            this.matDialogActions.nativeElement.style.boxShadow = '0px -10px 15px -3px rgba(0,0,0,0.1)';
+        }
+    };
+    GIPIAbstractFormComponent.prototype._hasScroll = function (matDialogContent) {
+        if (ObjectUtil.isNull(matDialogContent)) {
+            return false;
+        }
+        return (matDialogContent.scrollHeight > matDialogContent.clientHeight);
+    };
+    GIPIAbstractFormComponent.prototype._removeShadows = function () {
+        if (!ObjectUtil.isNull(this.matDialogTitle)) {
+            this.matDialogTitle.nativeElement.style.boxShadow = '';
+        }
+        if (!ObjectUtil.isNull(this.matDialogActions)) {
+            this.matDialogActions.nativeElement.style.boxShadow = '';
+        }
+    };
     var GIPIAbstractFormComponent_1;
     __decorate([
         HostBinding('attr.id'),
@@ -7419,6 +7484,18 @@ var GIPIAbstractFormComponent = /** @class */ (function () {
         ContentChildren(GIPIActionRowComponent),
         __metadata("design:type", GIPIActionRowComponent)
     ], GIPIAbstractFormComponent.prototype, "GIPIActionRowComponent", void 0);
+    __decorate([
+        ContentChild(MatDialogTitle, { static: false, read: ElementRef }),
+        __metadata("design:type", ElementRef)
+    ], GIPIAbstractFormComponent.prototype, "matDialogTitle", void 0);
+    __decorate([
+        ContentChild(MatDialogContent, { static: false, read: ElementRef }),
+        __metadata("design:type", ElementRef)
+    ], GIPIAbstractFormComponent.prototype, "matDialogContent", void 0);
+    __decorate([
+        ContentChild(MatDialogActions, { static: false, read: ElementRef }),
+        __metadata("design:type", ElementRef)
+    ], GIPIAbstractFormComponent.prototype, "matDialogActions", void 0);
     __decorate([
         Input(),
         __metadata("design:type", String),
@@ -7457,11 +7534,15 @@ var GIPIAbstractFormComponent = /** @class */ (function () {
         Input(),
         __metadata("design:type", Boolean)
     ], GIPIAbstractFormComponent.prototype, "loading", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], GIPIAbstractFormComponent.prototype, "class", void 0);
     GIPIAbstractFormComponent = GIPIAbstractFormComponent_1 = __decorate([
         Component({
             selector: "gipi-abstract-form",
             exportAs: 'gipiAbstractForm',
-            template: "<div class=\"form-content\"\n     [class.form-dialog]=\"dialog\"\n     [class.space-bottom]=\"!dialog\"\n     [style.flex-direction]=\"flexDirection\"\n     [style.align-items]=\"alignItems\"\n     [style.justify-content]=\"justifyContent\"\n     [style.gap]=\"getGap\"\n     [style.padding]=\"getPadding\">\n    <ng-content> </ng-content>\n</div>\n<div class=\"form-footer\"\n     [style.margin-inline]=\"getPadding\"\n     *ngIf=\"GIPIActionRowComponent\">\n    <ng-content select=\"gipi-action-row\"> </ng-content>\n</div>",
+            template: "<div [class]=\"class\"\n     [class.form-content]=\"true\"\n     [class.form-dialog]=\"dialog\"\n     [class.space-bottom]=\"!dialog\"\n     [style.flex-direction]=\"flexDirection\"\n     [style.align-items]=\"alignItems\"\n     [style.justify-content]=\"justifyContent\"\n     [style.gap]=\"getGap\"\n     [style.padding]=\"getPadding\">\n    <ng-content> </ng-content>\n</div>\n<div class=\"form-footer\"\n     [style.margin-inline]=\"getPadding\"\n     *ngIf=\"GIPIActionRowComponent\">\n    <ng-content select=\"gipi-action-row\"> </ng-content>\n</div>",
             providers: [
                 {
                     provide: NG_VALUE_ACCESSOR,
@@ -8399,7 +8480,7 @@ var GIPIPopoverTrigger = /** @class */ (function () {
         var _this = this;
         if (this._overlayRef) {
             /** Only subscribe to backdrop if trigger event is click */
-            if (this.triggerEvent === 'click' && this.backdropCloseOnClick === true) {
+            if (this.triggerEvent !== 'hover' && this.backdropCloseOnClick) {
                 this._overlayRef.backdropClick()
                     .pipe(takeUntil(this.popoverClosed), takeUntil(this._onDestroy))
                     .subscribe(function () {
@@ -8483,8 +8564,8 @@ var GIPIPopoverTrigger = /** @class */ (function () {
     GIPIPopoverTrigger.prototype._getOverlayConfig = function () {
         var overlayState = new OverlayConfig();
         overlayState.positionStrategy = this._getPosition();
-        /** Display overlay backdrop if trigger event is click */
-        if (this.triggerEvent === 'click') {
+        /** Display overlay backdrop if trigger event is different of hover */
+        if (this.triggerEvent !== 'hover') {
             overlayState.hasBackdrop = true;
             overlayState.backdropClass = 'cdk-overlay-transparent-backdrop';
         }
@@ -8773,6 +8854,26 @@ var GIPIButtonComponent = /** @class */ (function () {
         this.onBlur = new EventEmitter(true);
     }
     GIPIButtonComponent_1 = GIPIButtonComponent;
+    Object.defineProperty(GIPIButtonComponent.prototype, "internalButtonClass", {
+        get: function () {
+            return {
+                'button-base': true,
+                'button-primary': (this.isButtonPrimary || this.isButtonPrimaryIcon),
+                'button-primary-icon': this.isButtonPrimaryIcon,
+                'button-secondary': (this.isButtonSecondary || this.isButtonSecondaryIcon),
+                'button-secondary-icon': this.isButtonSecondaryIcon,
+                'button-tertiary': (this.isButtonTertiary || this.isButtonTertiaryIcon),
+                'button-tertiary-icon': this.isButtonTertiaryIcon,
+                'button-link': this.isButtonLink,
+                'button-only-icon': this.isButtonIcon,
+                'button-for-input': this.isForInput,
+                'button-notification': this.notification,
+                'button-action': this.isButtonAction
+            };
+        },
+        enumerable: false,
+        configurable: true
+    });
     GIPIButtonComponent.prototype.ngOnInit = function () { };
     GIPIButtonComponent.prototype.ngOnDestroy = function () {
         if (this.popoverTrigger) {
@@ -8972,7 +9073,7 @@ var GIPIButtonComponent = /** @class */ (function () {
         Component({
             selector: "gipi-button[gipi-primary], gipi-button[gipi-primary-icon], gipi-button[gipi-secondary], gipi-button[gipi-secondary-icon],\n               gipi-button[gipi-tertiary], gipi-button[gipi-link], gipi-button[gipi-icon], gipi-button[gipi-action]",
             exportAs: 'gipiButton',
-            template: "<button [attr.id]=\"id\"\n        [attr.name]=\"name\"\n        [attr.type]=\"type\"\n        [attr.aria-label]=\"ariaLabel ? ariaLabel : label\"\n        [attr.title]=\"title ? title : label\"\n        [disabled]=\"disabled || loading\"\n        [matTooltip]=\"tooltip\"\n        role=\"button\"\n        [class]=\"buttonClass\"\n        [ngClass]=\"{'button-base': true,\n                    'button-primary': (isButtonPrimary || isButtonPrimaryIcon),\n                    'button-primary-icon': isButtonPrimaryIcon,\n                    'button-secondary': (isButtonSecondary || isButtonSecondaryIcon),\n                    'button-secondary-icon': isButtonSecondaryIcon,\n                    'button-tertiary': (isButtonTertiary || isButtonTertiaryIcon),\n                    'button-tertiary-icon': isButtonTertiaryIcon,\n                    'button-link': isButtonLink,\n                    'button-only-icon': isButtonIcon,\n                    'button-for-input': isForInput,\n                    'button-notification': notification,\n                    'button-action': isButtonAction}\"\n        [style.padding.px]=\"buttonPadding\"\n        #popoverTrigger=\"popoverTrigger\"\n        [popoverTriggerFor]=\"btnPopover\"\n        [popoverTriggerOn]=\"popover ? 'click' : 'none'\"\n        [popoverBackdropCloseOnClick]=\"true\"\n        (opened)=\"onOpenPopover.emit()\"\n        (closed)=\"onClosePopover.emit()\"\n        (click)=\"handleClick($event)\"\n        (focus)=\"handleFocus($event)\"\n        (blur)=\"handleBlur($event)\">\n\n    <span [ngClass]=\"{'button-content': true,\n                      'button-disabled': disabled,\n                      'button-icon-left': ((iconPos === 'left') && label),\n                      'button-icon-right': ((iconPos === 'right') && label),\n                      'button-icon-top': ((iconPos === 'top') && label),\n                      'button-icon-bottom': ((iconPos === 'bottom') && label),\n                      'button-icon-center': (iconPos === 'center')}\">\n\n        <mat-icon *ngIf=\"svgIcon || icon\"\n                  [svgIcon]=\"svgIcon\"\n                  [style.width.px]=\"iconWidth\"\n                  [style.height.px]=\"iconHeight\"\n                  [style.font-size.px]=\"iconWidth || iconHeight\">\n            {{ (!svgIcon && icon) ? icon : '' }}\n        </mat-icon>\n\n        <span class=\"button-label\"\n              [attr.aria-hidden]=\"(icon || svgIcon) && !label\"\n              *ngIf=\"!isButtonIcon && label\">\n            {{ label }}\n        </span>\n    </span>\n\n</button>\n<gipi-overlay *ngIf=\"overlay && !popover\"\n              [(visible)]=\"_overlayVisible\"\n              [appendTo]=\"'body'\"\n              (onShow)=\"onShowOverlay.emit()\">\n    <ng-content> </ng-content>\n</gipi-overlay>\n\n<gipi-popover #btnPopover=\"gipiPopover\"\n              [popoverOverlapTrigger]=\"false\"\n              [popoverCloseOnClick]=\"false\"\n              [popoverArrowWidth]=\"0\"\n              [popoverOffsetY]=\"3\"\n              [fxHide]=\"!popover\">\n    <div class=\"btn-popover-content\">\n        <ng-content> </ng-content>\n    </div>\n</gipi-popover>",
+            template: "<button [attr.id]=\"id\"\n        [attr.name]=\"name\"\n        [attr.type]=\"type\"\n        [attr.aria-label]=\"ariaLabel ? ariaLabel : label\"\n        [attr.title]=\"title ? title : label\"\n        [disabled]=\"disabled || loading\"\n        [matTooltip]=\"tooltip\"\n        role=\"button\"\n        [class]=\"buttonClass\"\n        [ngClass]=\"internalButtonClass\"\n        [style.padding.px]=\"buttonPadding\"\n        #popoverTrigger=\"popoverTrigger\"\n        [popoverTriggerFor]=\"btnPopover\"\n        [popoverTriggerOn]=\"popover ? 'click' : 'none'\"\n        [popoverBackdropCloseOnClick]=\"true\"\n        (opened)=\"onOpenPopover.emit()\"\n        (closed)=\"onClosePopover.emit()\"\n        (click)=\"handleClick($event)\"\n        (focus)=\"handleFocus($event)\"\n        (blur)=\"handleBlur($event)\">\n    <span [ngClass]=\"{'button-content': true,\n                      'button-disabled': disabled,\n                      'button-icon-left': ((iconPos === 'left') && label),\n                      'button-icon-right': ((iconPos === 'right') && label),\n                      'button-icon-top': ((iconPos === 'top') && label),\n                      'button-icon-bottom': ((iconPos === 'bottom') && label),\n                      'button-icon-center': (iconPos === 'center')}\">\n        <mat-icon *ngIf=\"svgIcon || icon\"\n                  [svgIcon]=\"svgIcon\"\n                  [style.width.px]=\"iconWidth\"\n                  [style.height.px]=\"iconHeight\"\n                  [style.font-size.px]=\"iconWidth || iconHeight\">\n            {{ (!svgIcon && icon) ? icon : '' }}\n        </mat-icon>\n\n        <span class=\"button-label\"\n              [attr.aria-hidden]=\"(icon || svgIcon) && !label\"\n              *ngIf=\"!isButtonIcon && label\">\n            {{ label }}\n        </span>\n    </span>\n</button>\n\n<gipi-overlay *ngIf=\"overlay && !popover\"\n              [(visible)]=\"_overlayVisible\"\n              [appendTo]=\"'body'\"\n              (onShow)=\"onShowOverlay.emit()\">\n    <ng-content> </ng-content>\n</gipi-overlay>\n\n<gipi-popover #btnPopover=\"gipiPopover\"\n              [popoverOverlapTrigger]=\"false\"\n              [popoverCloseOnClick]=\"false\"\n              [popoverArrowWidth]=\"0\"\n              [popoverOffsetY]=\"3\"\n              [fxHide]=\"!popover\">\n    <div class=\"btn-popover-content\">\n        <ng-content> </ng-content>\n    </div>\n</gipi-popover>",
             providers: [
                 {
                     provide: NG_VALUE_ACCESSOR,
@@ -9278,9 +9379,7 @@ var GIPIChipsComponent = /** @class */ (function () {
 var ConfirmationDTO = /** @class */ (function (_super) {
     __extends(ConfirmationDTO, _super);
     function ConfirmationDTO() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.isWarningScreen = false;
-        return _this;
+        return _super !== null && _super.apply(this, arguments) || this;
     }
     return ConfirmationDTO;
 }(AbstractDTO));
@@ -9303,7 +9402,7 @@ var GIPIConfirmationDialogComponent = /** @class */ (function () {
         Component({
             selector: "gipi-confirmation-dialog",
             exportAs: 'gipiConfirmationDialog',
-            template: "<gipi-abstract-form id=\"dialogConfirmation\"\n                    name=\"dialogConfirmation\"\n                    [dialog]=\"true\">\n\n    <gipi-toolbar id=\"toolbarDialogConfirmation\"\n                  mat-dialog-title>\n        {{ confirmation.title }}\n    </gipi-toolbar>\n\n    <div mat-dialog-content>\n        <p>{{ confirmation.message }}</p>\n        <li *ngFor=\"let message of confirmation.listMessage\"> {{ message }} </li>\n    </div>\n\n    <div mat-dialog-actions\n         class=\"screen-confirmation\"\n         fxLayout=\"row wrap\"\n         fxLayout.lt-md=\"column wrap\"\n         fxLayoutGap=\"16px\"\n         *ngIf=\"!confirmation.isWarningScreen\">\n        <gipi-button [label]=\"messages.BUTTON_OK_CONFIRMATION\"\n                     gipi-primary\n                     fxFlex=\"30\"\n                     fxFlex.lt-md=\"100\"\n                     [mat-dialog-close]=\"true\">\n        </gipi-button>\n\n        <gipi-button [label]=\"messages.BUTTON_CANCEL_CONFIRMATION\"\n                     gipi-secondary\n                     fxFlex=\"30\"\n                     fxFlex.lt-md=\"100\"\n                     [mat-dialog-close]=\"false\">\n        </gipi-button>\n    </div>\n\n    <div mat-dialog-actions\n         class=\"screen-warning\"\n         fxLayout=\"row wrap\"\n         fxLayout.lt-md=\"column wrap\"\n         fxLayoutGap=\"16px\"\n         *ngIf=\"confirmation.isWarningScreen\">\n        <gipi-button label=\"OK\"\n                     gipi-primary\n                     fxFlex=\"30\"\n                     fxFlex.lt-md=\"100\"\n                     [mat-dialog-close]=\"true\">\n        </gipi-button>\n    </div>\n\n</gipi-abstract-form>\n",
+            template: "<div mat-dialog-title\n     class=\"dialog-title\">\n    <!-- Confirmation -->\n    <ng-container *ngIf=\"!confirmation.type || (confirmation?.type === 'confirmation')\">\n        <svg width=\"24\"\n             height=\"24\"\n             viewBox=\"0 0 24 24\"\n             fill=\"none\"\n             xmlns=\"http://www.w3.org/2000/svg\">\n            <g clip-path=\"url(#clip0_522_3414)\">\n                <path fill-rule=\"evenodd\"\n                      clip-rule=\"evenodd\"\n                      d=\"M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM15.3941 6.19196C16.0206 6.81534 16.4617 7.60056 16.668 8.45999C16.9468 9.60963 16.7901 10.8218 16.2282 11.8627C15.6663 12.9037 14.7389 13.6998 13.6248 14.0976C13.3788 14.1852 13.2048 14.4036 13.2048 14.664V15.6024C13.2048 15.9213 13.0781 16.2271 12.8526 16.4526C12.6271 16.6781 12.3213 16.8048 12.0024 16.8048C11.6835 16.8048 11.3777 16.6781 11.1522 16.4526C10.9267 16.2271 10.8 15.9213 10.8 15.6024V13.1856C10.8041 12.87 10.9323 12.5688 11.1569 12.3471C11.3815 12.1255 11.6843 12.0012 11.9998 12.0012H11.9916C13.3176 12.0012 14.3952 10.9236 14.3952 9.60119C14.3809 8.97286 14.1211 8.37512 13.6715 7.93592C13.222 7.49673 12.6183 7.25098 11.9898 7.25129C11.3613 7.25161 10.7579 7.49796 10.3088 7.9376C9.85969 8.37725 9.60052 8.97525 9.5868 9.60359C9.5844 10.2648 9.0468 10.8012 8.3844 10.8012C8.08823 10.7994 7.80337 10.6872 7.58547 10.4866C7.36757 10.286 7.23227 10.0114 7.206 9.71639L7.2 9.53999C7.2204 6.53519 9.9852 4.21679 13.1196 4.92959C13.9801 5.13153 14.7675 5.56857 15.3941 6.19196ZM13.2 19.2C13.2 19.8627 12.6627 20.4 12 20.4C11.3373 20.4 10.8 19.8627 10.8 19.2C10.8 18.5373 11.3373 18 12 18C12.6627 18 13.2 18.5373 13.2 19.2Z\"\n                      fill=\"#E0313E\" />\n            </g>\n        </svg>\n    </ng-container>\n\n    <!-- Warning -->\n    <ng-container *ngIf=\"confirmation?.type === 'warning'\">\n        <svg width=\"24\"\n             height=\"24\"\n             viewBox=\"0 0 24 24\"\n             fill=\"none\"\n             xmlns=\"http://www.w3.org/2000/svg\">\n            <g clip-path=\"url(#clip0_522_3358)\">\n                <path fill-rule=\"evenodd\"\n                      clip-rule=\"evenodd\"\n                      d=\"M13.1255 0.223975C13.4823 0.371842 13.8065 0.58857 14.0795 0.861777L23.1376 9.91952C23.411 10.1926 23.6279 10.5169 23.7759 10.8739C23.9238 11.2309 24 11.6136 24 12C24 12.3864 23.9238 12.7691 23.7759 13.1261C23.6279 13.4831 23.411 13.8074 23.1376 14.0805L14.0795 23.1382C13.8065 23.4114 13.4823 23.6282 13.1255 23.776C12.7687 23.9239 12.3862 24 12 24C11.6138 24 11.2313 23.9239 10.8745 23.776C10.5177 23.6282 10.1935 23.4114 9.92051 23.1382L0.862407 14.0805C0.589013 13.8074 0.372125 13.4831 0.224146 13.1261C0.0761672 12.7691 0 12.3864 0 12C0 11.6136 0.0761672 11.2309 0.224146 10.8739C0.372125 10.5169 0.589013 10.1926 0.862407 9.91952L9.92051 0.861777C10.1935 0.58857 10.5177 0.371842 10.8745 0.223975C11.2313 0.0761077 11.6138 0 12 0C12.3862 0 12.7687 0.0761077 13.1255 0.223975ZM10.9616 14.5066C11.237 14.782 11.6105 14.9367 12 14.9367C12.3895 14.9367 12.763 14.782 13.0384 14.5066C13.3138 14.2311 13.4686 13.8575 13.4686 13.468V6.12428C13.4686 5.73475 13.3138 5.36116 13.0384 5.08572C12.763 4.81028 12.3895 4.65554 12 4.65554C11.6105 4.65554 11.237 4.81028 10.9616 5.08572C10.6862 5.36116 10.5314 5.73475 10.5314 6.12428V13.468C10.5314 13.8575 10.6862 14.2311 10.9616 14.5066ZM10.9616 18.9128C11.237 19.1882 11.6105 19.343 12 19.343C12.3895 19.343 12.763 19.1882 13.0384 18.9128C13.3138 18.6374 13.4686 18.2638 13.4686 17.8742C13.4686 17.4847 13.3138 17.1111 13.0384 16.8357C12.763 16.5602 12.3895 16.4055 12 16.4055C11.6105 16.4055 11.237 16.5602 10.9616 16.8357C10.6862 17.1111 10.5314 17.4847 10.5314 17.8742C10.5314 18.2638 10.6862 18.6374 10.9616 18.9128Z\"\n                      fill=\"#E0313E\" />\n            </g>\n        </svg>\n    </ng-container>\n\n    <strong> {{ confirmation?.title }} </strong>\n</div>\n<div mat-dialog-content\n     class=\"dialog-content\">\n    <p *ngIf=\"confirmation?.message\">\n        {{ confirmation?.message }}\n    </p>\n\n    <li *ngFor=\"let message of confirmation?.listMessage\">\n        {{ message }}\n    </li>\n</div>\n<div mat-dialog-actions\n     class=\"dialog-actions\">\n    <ng-container *ngIf=\"confirmation?.type !== 'warning'\">\n        <button class=\"dialog-button-base cancel\"\n                [mat-dialog-close]=\"false\">\n            Cancelar\n        </button>\n        <button class=\"dialog-button-base confirm\"\n                [mat-dialog-close]=\"true\">\n            Confirmar\n        </button>\n    </ng-container>\n\n    <button class=\"dialog-button-base confirm\"\n            *ngIf=\"confirmation?.type === 'warning'\"\n            [mat-dialog-close]=\"true\">\n        Ok\n    </button>\n</div>\n\n<!-- <gipi-abstract-form id=\"dialogConfirmation\"\n                    name=\"dialogConfirmation\"\n                    [dialog]=\"true\">\n    <gipi-toolbar id=\"toolbarDialogConfirmation\"\n                  mat-dialog-title>\n        {{ confirmation.title }}\n    </gipi-toolbar>\n\n    <div mat-dialog-content>\n        <p>{{ confirmation.message }}</p>\n        <li *ngFor=\"let message of confirmation.listMessage\"> {{ message }} </li>\n    </div>\n\n    <div mat-dialog-actions\n         *ngIf=\"!confirmation.isWarningScreen\"\n         class=\"screen-confirmation\"\n         fxLayout=\"row\"\n         fxLayoutGap=\"16px\">\n        <gipi-button [label]=\"messages.BUTTON_OK_CONFIRMATION\"\n                     [mat-dialog-close]=\"true\"\n                     gipi-primary\n                     fxFlex=\"30\">\n        </gipi-button>\n\n        <gipi-button [label]=\"messages.BUTTON_CANCEL_CONFIRMATION\"\n                     [mat-dialog-close]=\"false\"\n                     gipi-secondary\n                     fxFlex=\"30\">\n        </gipi-button>\n    </div>\n\n    <div mat-dialog-actions\n         *ngIf=\"confirmation.isWarningScreen\"\n         class=\"screen-warning\"\n         fxLayout=\"row\"\n         fxLayoutGap=\"16px\">\n        <gipi-button label=\"OK\"\n                     [mat-dialog-close]=\"true\"\n                     gipi-primary\n                     fxFlex=\"30\">\n        </gipi-button>\n    </div>\n</gipi-abstract-form> -->",
             providers: [
                 {
                     provide: NG_VALUE_ACCESSOR,
@@ -9314,7 +9413,7 @@ var GIPIConfirmationDialogComponent = /** @class */ (function () {
             host: {
                 'class': 'gipi-confirmation-dialog',
             },
-            styles: [".screen-confirmation{padding:20px 0 0!important;place-content:flex-end;align-items:flex-end}.screen-warning{padding:20px 0 0!important;place-content:center;align-items:center}li{margin:10px 0;font-size:13px}li::marker{font-size:16px;color:#f3465c}"]
+            styles: [":host{display:flex;flex-direction:column;gap:1.6rem;padding:2rem;height:100%}.dialog-title{display:flex;align-items:center;gap:1rem}.dialog-title>strong{color:#262626}.dialog-content{display:flex;flex-direction:column;min-height:6rem!important;height:16rem!important;max-height:16rem!important;overflow-y:auto!important;overflow-x:hidden!important}.dialog-content>p{color:#595959}.dialog-content>li{margin:1rem 0;font-size:1.4rem;color:#595959}.dialog-content>li::marker{font-size:1.6rem;color:#e0313e}.dialog-actions{display:flex;justify-content:flex-end;flex-wrap:nowrap!important;gap:1.6rem;width:100%}.dialog-actions .cancel{color:#595959}.dialog-actions .cancel:hover{border-color:#595959;background-color:#e0e1e2}.dialog-actions .confirm{background-color:#e0313e;color:#fff}.dialog-actions .confirm:hover{background-color:#cc2d38}.dialog-button-base{height:3.2rem;padding-inline:1.2rem;border-radius:4px;outline:0;border:1px solid transparent;background-color:transparent;text-align:center;font-weight:500;font-size:1.4rem;cursor:pointer;transition:.2s}.dialog-button-base:active{transform:scale(.98)}"]
         }),
         __param(1, Inject(MAT_DIALOG_DATA)),
         __param(2, Inject(APP_MESSAGES)),
@@ -9667,9 +9766,7 @@ var ConfirmationService = /** @class */ (function (_super) {
     ]; };
     ConfirmationService.ngInjectableDef = ɵɵdefineInjectable({ factory: function ConfirmationService_Factory() { return new ConfirmationService(ɵɵinject(MatDialog$1)); }, token: ConfirmationService, providedIn: "root" });
     ConfirmationService = __decorate([
-        Injectable({
-            providedIn: 'root'
-        }),
+        Injectable({ providedIn: 'root' }),
         __metadata("design:paramtypes", [MatDialog])
     ], ConfirmationService);
     return ConfirmationService;
@@ -10213,7 +10310,7 @@ var GIPIFormFieldComponent = /** @class */ (function () {
                 'class': 'gipi-form-field',
             },
             changeDetection: ChangeDetectionStrategy.OnPush,
-            styles: [".form-field-container{display:flex;flex-direction:column;gap:1rem;width:100%}.form-field-container .form-field-label{color:#131313;font-size:1.4rem;line-height:100%}.form-field-container .form-field-label>span{color:#d14014;font-size:inherit;line-height:inherit}.form-field-container .form-field-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:1.2rem;gap:1.2rem;width:100%;max-height:4rem;border-radius:5px;cursor:text;background-color:#fff;border:1px solid rgba(0,0,0,.12);color:#696969;caret-color:#9a9da2;transition:.2s}.form-field-container .form-field-content:focus-within,.form-field-container .form-field-content:has(.form-field-input:active),.form-field-container .form-field-content:has(.form-field-input:focus){box-shadow:0 0 0 .2rem #f0f0f0}.form-field-container .form-field-content:focus-within,.form-field-container .form-field-content:hover{border-color:#bfbfbf!important}.form-field-container .form-field-content:has(.form-field-input:invalid){border-color:#d14014!important;color:#d14014!important;caret-color:#d14014!important}.form-field-container .form-field-content:has(.form-field-input:invalid):focus-within{box-shadow:0 0 0 .2rem #f1c4b6!important}.form-field-container .form-field-content:has(.form-field-input:disabled){border-color:#e0e1e2!important;color:#d1d2d4!important;box-shadow:none!important;cursor:not-allowed!important;caret-color:#d1d2d4!important;pointer-events:none!important}.form-field-container .form-field-content:has(.form-field-input:disabled) .form-field-input,.form-field-container .form-field-content:has(.form-field-input:disabled) .form-field-suffix .form-field-button{cursor:not-allowed!important;pointer-events:none!important}.form-field-container .form-field-content:has(.form-field-input:disabled) .form-field-suffix .form-field-trigger{border-color:#e0e1e2!important;pointer-events:none!important}.form-field-container .form-field-content:has(.form-field-input:disabled) mat-icon{color:#d1d2d4!important;fill:#d1d2d4!important;cursor:not-allowed!important;pointer-events:none!important}.form-field-container .form-field-content.form-field-select,.form-field-container .form-field-content.form-field-select .form-field-input{box-shadow:none!important;cursor:pointer!important}.form-field-container .form-field-content .form-field-input{height:16px;outline:0;border:none;background-color:transparent;color:inherit;flex:1;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-field-container .form-field-content .form-field-suffix{display:flex;flex-direction:row;align-items:center;gap:1.6rem}.form-field-container .form-field-content .form-field-suffix .form-field-trigger{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-inline:8px;border-radius:40px;border:1px solid transparent;color:#131313;background-color:#f0f0f0;font-size:1.2rem;line-height:1.4rem}.form-field-container .form-field-content .form-field-suffix .form-field-button{display:flex;align-items:center;justify-content:center;outline:0;border:none;cursor:pointer;background-color:transparent}.form-field-container .form-field-content .form-field-suffix .form-field-button:hover:not(:disabled)>mat-icon{transform:scale(1.08)}.form-field-icon{width:1.6rem;height:1.6rem;font-size:1.6rem;color:#131313;fill:#131313}"]
+            styles: [":host{display:block;min-width:0;max-width:100%;flex:1}.form-field-container{display:flex;flex-direction:column;gap:1rem;width:100%}.form-field-container .form-field-label{color:#131313;font-size:1.4rem;line-height:100%}.form-field-container .form-field-label>span{color:#d14014;font-size:inherit;line-height:inherit}.form-field-container .form-field-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:1.2rem;gap:1.2rem;width:100%;max-height:4rem;border-radius:5px;cursor:text;background-color:#fff;border:1px solid rgba(0,0,0,.12);color:#696969;caret-color:#9a9da2;transition:.2s}.form-field-container .form-field-content:focus-within,.form-field-container .form-field-content:has(.form-field-input:active),.form-field-container .form-field-content:has(.form-field-input:focus){box-shadow:0 0 0 .2rem #f0f0f0}.form-field-container .form-field-content:focus-within,.form-field-container .form-field-content:hover{border-color:#bfbfbf!important}.form-field-container .form-field-content:has(.form-field-input:invalid){border-color:#d14014!important;color:#d14014!important;caret-color:#d14014!important}.form-field-container .form-field-content:has(.form-field-input:invalid):focus-within{box-shadow:0 0 0 .2rem #f1c4b6!important}.form-field-container .form-field-content:has(.form-field-input:disabled){border-color:#e0e1e2!important;color:#d1d2d4!important;box-shadow:none!important;cursor:not-allowed!important;caret-color:#d1d2d4!important;pointer-events:none!important}.form-field-container .form-field-content:has(.form-field-input:disabled) .form-field-input,.form-field-container .form-field-content:has(.form-field-input:disabled) .form-field-suffix .form-field-button{cursor:not-allowed!important;pointer-events:none!important}.form-field-container .form-field-content:has(.form-field-input:disabled) .form-field-suffix .form-field-trigger{border-color:#e0e1e2!important;pointer-events:none!important}.form-field-container .form-field-content:has(.form-field-input:disabled) mat-icon{color:#d1d2d4!important;fill:#d1d2d4!important;cursor:not-allowed!important;pointer-events:none!important}.form-field-container .form-field-content.form-field-select,.form-field-container .form-field-content.form-field-select .form-field-input{box-shadow:none!important;cursor:pointer!important}.form-field-container .form-field-content .form-field-input{height:16px;outline:0;border:none;background-color:transparent;color:inherit;flex:1;max-width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-field-container .form-field-content .form-field-suffix{display:flex;flex-direction:row;align-items:center;gap:1.6rem}.form-field-container .form-field-content .form-field-suffix .form-field-trigger{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-inline:8px;border-radius:40px;border:1px solid transparent;color:#131313;background-color:#f0f0f0;font-size:1.2rem;line-height:1.4rem}.form-field-container .form-field-content .form-field-suffix .form-field-button{display:flex;align-items:center;justify-content:center;outline:0;border:none;cursor:pointer;background-color:transparent}.form-field-container .form-field-content .form-field-suffix .form-field-button:hover:not(:disabled)>mat-icon{transform:scale(1.08)}.form-field-icon{width:1.6rem;height:1.6rem;font-size:1.6rem;color:#131313;fill:#131313}"]
         }),
         __metadata("design:paramtypes", [ChangeDetectorRef,
             ElementRef])
@@ -10392,7 +10489,7 @@ var GIPIInputCheckboxComponent = /** @class */ (function () {
                 'class': 'gipi-input-checkbox',
             },
             changeDetection: ChangeDetectionStrategy.OnPush,
-            styles: ["::ng-deep .mat-checkbox-disabled{cursor:not-allowed!important}"]
+            styles: [":host{display:block;min-width:0;max-width:100%;flex:1}::ng-deep .mat-checkbox-disabled{cursor:not-allowed!important}"]
         }),
         __metadata("design:paramtypes", [ChangeDetectorRef])
     ], GIPIInputCheckboxComponent);
@@ -10593,7 +10690,7 @@ var GIPIInputCurrencyComponent = /** @class */ (function () {
                 'class': 'gipi-input-currency',
             },
             changeDetection: ChangeDetectionStrategy.OnPush,
-            styles: [".input-currency-container{display:flex;flex-direction:column;gap:12px;width:100%}.input-currency-container .input-currency-label{color:#131313;font-size:1.4rem;line-height:100%}.input-currency-container .input-currency-label>span{color:#d14014;font-size:inherit;line-height:inherit}.input-currency-container .input-currency-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:12px;width:100%;max-height:4rem;border-radius:5px;cursor:text;background-color:#fff;border:1px solid rgba(0,0,0,.12);color:#696969;caret-color:#9a9da2;transition:.2s}.input-currency-container .input-currency-content:focus-within,.input-currency-container .input-currency-content:has(.input-currency-input:active),.input-currency-container .input-currency-content:has(.input-currency-input:focus){box-shadow:0 0 0 .2rem #f0f0f0}.input-currency-container .input-currency-content:focus-within,.input-currency-container .input-currency-content:hover{border-color:#bfbfbf!important}.input-currency-container .input-currency-content:has(.input-currency-input:invalid){border-color:#d14014!important;color:#d14014!important;caret-color:#d14014!important}.input-currency-container .input-currency-content:has(.input-currency-input:invalid):focus-within{box-shadow:0 0 0 .2rem #f1c4b6!important}.input-currency-container .input-currency-content:has(.input-currency-input:disabled){border-color:#e0e1e2!important;color:#d1d2d4!important;box-shadow:none!important;cursor:not-allowed!important;caret-color:#d1d2d4!important;pointer-events:none!important}.input-currency-container .input-currency-content .input-currency-input{height:16px;outline:0;border:none;background-color:transparent;color:inherit;flex:1}"]
+            styles: [":host{display:block;min-width:0;max-width:100%;flex:1}.input-currency-container{display:flex;flex-direction:column;gap:12px;width:100%}.input-currency-container .input-currency-label{color:#131313;font-size:1.4rem;line-height:100%}.input-currency-container .input-currency-label>span{color:#d14014;font-size:inherit;line-height:inherit}.input-currency-container .input-currency-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:12px;width:100%;max-height:4rem;border-radius:5px;cursor:text;background-color:#fff;border:1px solid rgba(0,0,0,.12);color:#696969;caret-color:#9a9da2;transition:.2s}.input-currency-container .input-currency-content:focus-within,.input-currency-container .input-currency-content:has(.input-currency-input:active),.input-currency-container .input-currency-content:has(.input-currency-input:focus){box-shadow:0 0 0 .2rem #f0f0f0}.input-currency-container .input-currency-content:focus-within,.input-currency-container .input-currency-content:hover{border-color:#bfbfbf!important}.input-currency-container .input-currency-content:has(.input-currency-input:invalid){border-color:#d14014!important;color:#d14014!important;caret-color:#d14014!important}.input-currency-container .input-currency-content:has(.input-currency-input:invalid):focus-within{box-shadow:0 0 0 .2rem #f1c4b6!important}.input-currency-container .input-currency-content:has(.input-currency-input:disabled){border-color:#e0e1e2!important;color:#d1d2d4!important;box-shadow:none!important;cursor:not-allowed!important;caret-color:#d1d2d4!important;pointer-events:none!important}.input-currency-container .input-currency-content .input-currency-input{height:16px;outline:0;border:none;background-color:transparent;color:inherit;flex:1}"]
         }),
         __metadata("design:paramtypes", [ChangeDetectorRef,
             ElementRef])
@@ -11013,7 +11110,7 @@ var GIPIInputMonthPickerComponent = /** @class */ (function () {
                 'class': 'gipi-input-monthpicker',
             },
             changeDetection: ChangeDetectionStrategy.OnPush,
-            styles: [".input-monthpicker-container{display:flex;flex-direction:column;gap:12px;width:100%}.input-monthpicker-container .input-monthpicker-label{color:#131313;font-size:1.4rem;line-height:100%}.input-monthpicker-container .input-monthpicker-label>span{color:#d14014;font-size:inherit;line-height:inherit}.input-monthpicker-container .input-monthpicker-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:12px;width:100%;max-height:4rem;border-radius:5px;cursor:text;background-color:#fff;border:1px solid rgba(0,0,0,.12);color:#696969;caret-color:#9a9da2;transition:.2s;position:relative}.input-monthpicker-container .input-monthpicker-content:focus-within,.input-monthpicker-container .input-monthpicker-content:has(.input-monthpicker-input:active),.input-monthpicker-container .input-monthpicker-content:has(.input-monthpicker-input:focus){box-shadow:0 0 0 .2rem #f0f0f0}.input-monthpicker-container .input-monthpicker-content:focus-within,.input-monthpicker-container .input-monthpicker-content:hover{border-color:#bfbfbf!important}.input-monthpicker-container .input-monthpicker-content:has(.input-monthpicker-input:disabled){border-color:#e0e1e2!important;color:#d1d2d4!important;box-shadow:none!important;cursor:not-allowed!important;caret-color:#d1d2d4!important;pointer-events:none!important}.input-monthpicker-container .input-monthpicker-content:has(.input-monthpicker-input:disabled) .input-monthpicker-input,.input-monthpicker-container .input-monthpicker-content:has(.input-monthpicker-input:disabled) .input-monthpicker-suffix .input-monthpicker-button{cursor:not-allowed!important;pointer-events:none!important}.input-monthpicker-container .input-monthpicker-content:has(.input-monthpicker-input:disabled) .input-monthpicker-suffix .input-monthpicker-trigger{border-color:#e0e1e2!important;pointer-events:none!important}.input-monthpicker-container .input-monthpicker-content:has(.input-monthpicker-input:disabled) mat-icon{color:#d1d2d4!important;fill:#d1d2d4!important;cursor:not-allowed!important;pointer-events:none!important}.input-monthpicker-container .input-monthpicker-content .input-monthpicker-input{height:16px;max-width:84%;outline:0;border:none;background-color:transparent;color:inherit;flex:1}.input-monthpicker-container .input-monthpicker-content .input-monthpicker-suffix{display:flex;flex-direction:row;align-items:center;gap:16px}.input-monthpicker-container .input-monthpicker-content .input-monthpicker-suffix .input-monthpicker-button{display:flex;align-items:center;justify-content:center;outline:0;border:none;cursor:pointer;background-color:transparent}.input-monthpicker-container .input-monthpicker-content .input-monthpicker-suffix .input-monthpicker-button:hover:not(:disabled)>mat-icon{transform:scale(1.08)}.input-monthpicker-icon{width:1.6rem;height:1.6rem;font-size:1.6rem;color:#131313;fill:#131313}::ng-deep .calendar{width:100%;display:flex;flex-direction:column}::ng-deep .calendar .calendar-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid #aeb1b5;margin-bottom:8px}::ng-deep .calendar .calendar-header .calendar-title{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:1.6rem;line-height:1.8rem;font-weight:600;cursor:default;border-radius:8px;padding:8px;white-space:nowrap}::ng-deep .calendar .calendar-header .calendar-title>mat-icon{font-size:2rem;width:20px;height:20px}::ng-deep .calendar .calendar-header .calendar-title.month:hover{cursor:pointer;background-color:#f0f0f0}::ng-deep .calendar .calendar-header .calendar-controls{display:flex;flex-direction:row;align-items:center;gap:8px}::ng-deep .calendar .calendar-header .calendar-controls>button{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;background-color:#e0313e;cursor:pointer;transition:.3s;border:0;outline:0;color:#fff}::ng-deep .calendar .calendar-header .calendar-controls>button:hover{background-color:#cc2d38}::ng-deep .calendar .calendar-header .calendar-controls>button>mat-icon{font-size:1.8rem;width:18px;height:18px}::ng-deep .calendar .table-months{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr);gap:4px}::ng-deep .calendar .table-months .month{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;font-size:1.4rem;line-height:1.7rem;color:#555659;background-color:#f0f0f0;transition:background-color .1s;cursor:pointer}::ng-deep .calendar .table-months .month.disabled{color:#bbbdc1;background-color:#e0e1e2}::ng-deep .calendar .table-months .month:not(.disabled).selected,::ng-deep .calendar .table-months .month:not(.disabled):hover{color:#fff;background-color:#e0313e}::ng-deep .calendar .table-months .month:not(.disabled).selected:hover{background-color:#cc2d38}::ng-deep .calendar .table-years{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr);gap:4px}::ng-deep .calendar .table-years .year{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;font-size:1.4rem;line-height:1.7rem;color:#555659;background-color:#f0f0f0;transition:background-color .1s;cursor:pointer}::ng-deep .calendar .table-years .year.disabled{color:#bbbdc1;background-color:#e0e1e2}::ng-deep .calendar .table-years .year:not(.disabled).selected,::ng-deep .calendar .table-years .year:not(.disabled):hover{color:#fff;background-color:#e0313e}::ng-deep .calendar .table-years .year:not(.disabled).selected:hover{background-color:#cc2d38}"]
+            styles: [":host{display:block;min-width:0;max-width:100%;flex:1}.input-monthpicker-container{display:flex;flex-direction:column;gap:12px;width:100%}.input-monthpicker-container .input-monthpicker-label{color:#131313;font-size:1.4rem;line-height:100%}.input-monthpicker-container .input-monthpicker-label>span{color:#d14014;font-size:inherit;line-height:inherit}.input-monthpicker-container .input-monthpicker-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:12px;width:100%;max-height:4rem;border-radius:5px;cursor:text;background-color:#fff;border:1px solid rgba(0,0,0,.12);color:#696969;caret-color:#9a9da2;transition:.2s;position:relative}.input-monthpicker-container .input-monthpicker-content:focus-within,.input-monthpicker-container .input-monthpicker-content:has(.input-monthpicker-input:active),.input-monthpicker-container .input-monthpicker-content:has(.input-monthpicker-input:focus){box-shadow:0 0 0 .2rem #f0f0f0}.input-monthpicker-container .input-monthpicker-content:focus-within,.input-monthpicker-container .input-monthpicker-content:hover{border-color:#bfbfbf!important}.input-monthpicker-container .input-monthpicker-content:has(.input-monthpicker-input:disabled){border-color:#e0e1e2!important;color:#d1d2d4!important;box-shadow:none!important;cursor:not-allowed!important;caret-color:#d1d2d4!important;pointer-events:none!important}.input-monthpicker-container .input-monthpicker-content:has(.input-monthpicker-input:disabled) .input-monthpicker-input,.input-monthpicker-container .input-monthpicker-content:has(.input-monthpicker-input:disabled) .input-monthpicker-suffix .input-monthpicker-button{cursor:not-allowed!important;pointer-events:none!important}.input-monthpicker-container .input-monthpicker-content:has(.input-monthpicker-input:disabled) .input-monthpicker-suffix .input-monthpicker-trigger{border-color:#e0e1e2!important;pointer-events:none!important}.input-monthpicker-container .input-monthpicker-content:has(.input-monthpicker-input:disabled) mat-icon{color:#d1d2d4!important;fill:#d1d2d4!important;cursor:not-allowed!important;pointer-events:none!important}.input-monthpicker-container .input-monthpicker-content .input-monthpicker-input{height:16px;max-width:84%;outline:0;border:none;background-color:transparent;color:inherit;flex:1}.input-monthpicker-container .input-monthpicker-content .input-monthpicker-suffix{display:flex;flex-direction:row;align-items:center;gap:16px}.input-monthpicker-container .input-monthpicker-content .input-monthpicker-suffix .input-monthpicker-button{display:flex;align-items:center;justify-content:center;outline:0;border:none;cursor:pointer;background-color:transparent}.input-monthpicker-container .input-monthpicker-content .input-monthpicker-suffix .input-monthpicker-button:hover:not(:disabled)>mat-icon{transform:scale(1.08)}.input-monthpicker-icon{width:1.6rem;height:1.6rem;font-size:1.6rem;color:#131313;fill:#131313}::ng-deep .calendar{width:100%;display:flex;flex-direction:column}::ng-deep .calendar .calendar-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid #aeb1b5;margin-bottom:8px}::ng-deep .calendar .calendar-header .calendar-title{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:1.6rem;line-height:1.8rem;font-weight:600;cursor:default;border-radius:8px;padding:8px;white-space:nowrap}::ng-deep .calendar .calendar-header .calendar-title>mat-icon{font-size:2rem;width:20px;height:20px}::ng-deep .calendar .calendar-header .calendar-title.month:hover{cursor:pointer;background-color:#f0f0f0}::ng-deep .calendar .calendar-header .calendar-controls{display:flex;flex-direction:row;align-items:center;gap:8px}::ng-deep .calendar .calendar-header .calendar-controls>button{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;background-color:#e0313e;cursor:pointer;transition:.3s;border:0;outline:0;color:#fff}::ng-deep .calendar .calendar-header .calendar-controls>button:hover{background-color:#cc2d38}::ng-deep .calendar .calendar-header .calendar-controls>button>mat-icon{font-size:1.8rem;width:18px;height:18px}::ng-deep .calendar .table-months{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr);gap:4px}::ng-deep .calendar .table-months .month{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;font-size:1.4rem;line-height:1.7rem;color:#555659;background-color:#f0f0f0;transition:background-color .1s;cursor:pointer}::ng-deep .calendar .table-months .month.disabled{color:#bbbdc1;background-color:#e0e1e2}::ng-deep .calendar .table-months .month:not(.disabled).selected,::ng-deep .calendar .table-months .month:not(.disabled):hover{color:#fff;background-color:#e0313e}::ng-deep .calendar .table-months .month:not(.disabled).selected:hover{background-color:#cc2d38}::ng-deep .calendar .table-years{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr);gap:4px}::ng-deep .calendar .table-years .year{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;font-size:1.4rem;line-height:1.7rem;color:#555659;background-color:#f0f0f0;transition:background-color .1s;cursor:pointer}::ng-deep .calendar .table-years .year.disabled{color:#bbbdc1;background-color:#e0e1e2}::ng-deep .calendar .table-years .year:not(.disabled).selected,::ng-deep .calendar .table-years .year:not(.disabled):hover{color:#fff;background-color:#e0313e}::ng-deep .calendar .table-years .year:not(.disabled).selected:hover{background-color:#cc2d38}"]
         }),
         __metadata("design:paramtypes", [ChangeDetectorRef,
             GIPINgConfig])
@@ -11355,7 +11452,7 @@ var GIPIInputSelectEnumComponent = /** @class */ (function () {
                 'class': 'gipi-input-select-enum',
             },
             changeDetection: ChangeDetectionStrategy.OnPush,
-            styles: ["::ng-deep .overlay-select{padding:0!important;overflow:hidden!important}::ng-deep .select-virtual-scroll-viewport{width:100%!important;max-height:240px;overflow:auto}::ng-deep .select-virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper{width:100%!important;position:relative!important}::ng-deep .select-virtual-scroll-viewport::-webkit-scrollbar{width:15px}::ng-deep .select-virtual-scroll-viewport::-webkit-scrollbar-thumb{background-color:#e0e1e2;border-radius:10px;border:4px solid transparent;background-clip:padding-box}::ng-deep .select-row{display:flex;align-items:center;padding:0 16px;cursor:pointer;font-size:1.4rem;line-height:100%;gap:12px}::ng-deep .select-row:hover{background:#f5f5f6}::ng-deep .select-row:active{background:#e0e1e2}.select-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:600;font-size:1.2rem;gap:8px;color:#131313;cursor:default;padding:0 0 16px}.select-not-found>mat-icon{width:2.8rem;height:2.8rem;font-size:2.8rem;line-height:2.8rem;color:#131313}.select-loading{height:4.8rem;width:100%;background-color:#fff;display:flex;align-items:center;justify-content:center}.select-loading .dot-pulse{position:relative;left:-9999px;width:5px;height:5px;border-radius:50%;background-color:#e0313e;color:#e0313e;box-shadow:9999px 0 0 -5px;-webkit-animation:1.5s linear .25s infinite dot-pulse;animation:1.5s linear .25s infinite dot-pulse}.select-loading .dot-pulse::after,.select-loading .dot-pulse::before{content:\"\";display:inline-block;position:absolute;top:0;width:5px;height:5px;border-radius:50%;background-color:#e0313e;color:#e0313e}.select-loading .dot-pulse::before{box-shadow:9984px 0 0 -5px;-webkit-animation:1.5s linear infinite dot-pulse-before;animation:1.5s linear infinite dot-pulse-before}.select-loading .dot-pulse::after{box-shadow:10014px 0 0 -5px;-webkit-animation:1.5s linear .5s infinite dot-pulse-after;animation:1.5s linear .5s infinite dot-pulse-after}@-webkit-keyframes dot-pulse-before{0%,100%,60%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}}@keyframes dot-pulse-before{0%,100%,60%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}}@-webkit-keyframes dot-pulse{0%,100%,60%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}}@keyframes dot-pulse{0%,100%,60%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}}@-webkit-keyframes dot-pulse-after{0%,100%,60%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}}@keyframes dot-pulse-after{0%,100%,60%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}}.select-enum-popover-content{background-color:#fff;border-radius:4px;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);padding:8px}"]
+            styles: [":host{display:block;min-width:0;max-width:100%;flex:1}::ng-deep .overlay-select{padding:0!important;overflow:hidden!important}::ng-deep .select-virtual-scroll-viewport{width:100%!important;max-height:240px;overflow:auto}::ng-deep .select-virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper{width:100%!important;position:relative!important}::ng-deep .select-virtual-scroll-viewport::-webkit-scrollbar{width:15px}::ng-deep .select-virtual-scroll-viewport::-webkit-scrollbar-thumb{background-color:#e0e1e2;border-radius:10px;border:4px solid transparent;background-clip:padding-box}::ng-deep .select-row{display:flex;align-items:center;padding:0 16px;cursor:pointer;font-size:1.4rem;line-height:100%;gap:12px}::ng-deep .select-row:hover{background:#f5f5f6}::ng-deep .select-row:active{background:#e0e1e2}.select-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:600;font-size:1.2rem;gap:8px;color:#131313;cursor:default;padding:0 0 16px}.select-not-found>mat-icon{width:2.8rem;height:2.8rem;font-size:2.8rem;line-height:2.8rem;color:#131313}.select-loading{height:4.8rem;width:100%;background-color:#fff;display:flex;align-items:center;justify-content:center}.select-loading .dot-pulse{position:relative;left:-9999px;width:5px;height:5px;border-radius:50%;background-color:#e0313e;color:#e0313e;box-shadow:9999px 0 0 -5px;-webkit-animation:1.5s linear .25s infinite dot-pulse;animation:1.5s linear .25s infinite dot-pulse}.select-loading .dot-pulse::after,.select-loading .dot-pulse::before{content:\"\";display:inline-block;position:absolute;top:0;width:5px;height:5px;border-radius:50%;background-color:#e0313e;color:#e0313e}.select-loading .dot-pulse::before{box-shadow:9984px 0 0 -5px;-webkit-animation:1.5s linear infinite dot-pulse-before;animation:1.5s linear infinite dot-pulse-before}.select-loading .dot-pulse::after{box-shadow:10014px 0 0 -5px;-webkit-animation:1.5s linear .5s infinite dot-pulse-after;animation:1.5s linear .5s infinite dot-pulse-after}@-webkit-keyframes dot-pulse-before{0%,100%,60%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}}@keyframes dot-pulse-before{0%,100%,60%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}}@-webkit-keyframes dot-pulse{0%,100%,60%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}}@keyframes dot-pulse{0%,100%,60%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}}@-webkit-keyframes dot-pulse-after{0%,100%,60%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}}@keyframes dot-pulse-after{0%,100%,60%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}}.select-enum-popover-content{background-color:#fff;border-radius:4px;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);padding:8px}"]
         }),
         __metadata("design:paramtypes", [ElementRef,
             ChangeDetectorRef])
@@ -12735,7 +12832,7 @@ var GIPIInputSelectComponent = /** @class */ (function () {
                 'class': 'gipi-input-select',
             },
             changeDetection: ChangeDetectionStrategy.OnPush,
-            styles: ["::ng-deep .overlay-select{padding:0!important;overflow:hidden!important}::ng-deep .select-virtual-scroll-viewport{width:100%!important;max-height:240px;overflow:auto}::ng-deep .select-virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper{width:100%!important;position:relative!important}::ng-deep .select-virtual-scroll-viewport::-webkit-scrollbar{width:15px}::ng-deep .select-virtual-scroll-viewport::-webkit-scrollbar-thumb{background-color:#e0e1e2;border-radius:10px;border:4px solid transparent;background-clip:padding-box}::ng-deep .select-row{display:flex;align-items:center;padding:0 16px;cursor:pointer;font-size:1.3rem;line-height:100%;gap:12px}::ng-deep .select-row:hover{background:#f5f5f6}::ng-deep .select-row:active{background:#e0e1e2}::ng-deep .select-row.disabled{background-color:#d1d2d4!important;color:#9a9da2!important;cursor:not-allowed!important;pointer-events:none!important}::ng-deep .select-row>span{display:-webkit-box;line-clamp:2;box-orient:vertical;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}.select-search{display:flex;align-items:center;font-size:1.4rem;line-height:100%;gap:12px;padding:8px 12px}.select-option-all{border-bottom:1px solid rgba(0,0,0,.12)}.select-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:600;font-size:1.2rem;gap:8px;color:#131313;cursor:default;padding:0 0 16px}.select-not-found>mat-icon{width:2.8rem;height:2.8rem;font-size:2.8rem;line-height:2.8rem;color:#131313}.select-loading{height:4rem;width:100%;background-color:#fff;display:flex;align-items:center;justify-content:center}.select-loading .dot-pulse{position:relative;left:-9999px;width:5px;height:5px;border-radius:50%;background-color:#e0313e;color:#e0313e;box-shadow:9999px 0 0 -5px;-webkit-animation:1.5s linear .25s infinite dot-pulse;animation:1.5s linear .25s infinite dot-pulse}.select-loading .dot-pulse::after,.select-loading .dot-pulse::before{content:\"\";display:inline-block;position:absolute;top:0;width:5px;height:5px;border-radius:50%;background-color:#e0313e;color:#e0313e}.select-loading .dot-pulse::before{box-shadow:9984px 0 0 -5px;-webkit-animation:1.5s linear infinite dot-pulse-before;animation:1.5s linear infinite dot-pulse-before}.select-loading .dot-pulse::after{box-shadow:10014px 0 0 -5px;-webkit-animation:1.5s linear .5s infinite dot-pulse-after;animation:1.5s linear .5s infinite dot-pulse-after}@-webkit-keyframes dot-pulse-before{0%,100%,60%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}}@keyframes dot-pulse-before{0%,100%,60%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}}@-webkit-keyframes dot-pulse{0%,100%,60%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}}@keyframes dot-pulse{0%,100%,60%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}}@-webkit-keyframes dot-pulse-after{0%,100%,60%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}}@keyframes dot-pulse-after{0%,100%,60%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}}.select-footer{display:flex;align-items:center;gap:12px;padding:8px 12px;border-top:1px solid #bfbfbf}::ng-deep .select-mat-option-pseudo-checkbox{margin:0!important}"]
+            styles: [":host{display:block;min-width:0;max-width:100%;flex:1}::ng-deep .overlay-select{padding:0!important;overflow:hidden!important}::ng-deep .select-virtual-scroll-viewport{width:100%!important;max-height:240px;overflow:auto}::ng-deep .select-virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper{width:100%!important;position:relative!important}::ng-deep .select-virtual-scroll-viewport::-webkit-scrollbar{width:15px}::ng-deep .select-virtual-scroll-viewport::-webkit-scrollbar-thumb{background-color:#e0e1e2;border-radius:10px;border:4px solid transparent;background-clip:padding-box}::ng-deep .select-row{display:flex;align-items:center;padding:0 16px;cursor:pointer;font-size:1.3rem;line-height:100%;gap:12px}::ng-deep .select-row:hover{background:#f5f5f6}::ng-deep .select-row:active{background:#e0e1e2}::ng-deep .select-row.disabled{background-color:#d1d2d4!important;color:#9a9da2!important;cursor:not-allowed!important;pointer-events:none!important}::ng-deep .select-row>span{display:-webkit-box;line-clamp:2;box-orient:vertical;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}.select-search{display:flex;align-items:center;font-size:1.4rem;line-height:100%;gap:12px;padding:8px 12px}.select-option-all{border-bottom:1px solid rgba(0,0,0,.12)}.select-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:600;font-size:1.2rem;gap:8px;color:#131313;cursor:default;padding:0 0 16px}.select-not-found>mat-icon{width:2.8rem;height:2.8rem;font-size:2.8rem;line-height:2.8rem;color:#131313}.select-loading{height:4rem;width:100%;background-color:#fff;display:flex;align-items:center;justify-content:center}.select-loading .dot-pulse{position:relative;left:-9999px;width:5px;height:5px;border-radius:50%;background-color:#e0313e;color:#e0313e;box-shadow:9999px 0 0 -5px;-webkit-animation:1.5s linear .25s infinite dot-pulse;animation:1.5s linear .25s infinite dot-pulse}.select-loading .dot-pulse::after,.select-loading .dot-pulse::before{content:\"\";display:inline-block;position:absolute;top:0;width:5px;height:5px;border-radius:50%;background-color:#e0313e;color:#e0313e}.select-loading .dot-pulse::before{box-shadow:9984px 0 0 -5px;-webkit-animation:1.5s linear infinite dot-pulse-before;animation:1.5s linear infinite dot-pulse-before}.select-loading .dot-pulse::after{box-shadow:10014px 0 0 -5px;-webkit-animation:1.5s linear .5s infinite dot-pulse-after;animation:1.5s linear .5s infinite dot-pulse-after}@-webkit-keyframes dot-pulse-before{0%,100%,60%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}}@keyframes dot-pulse-before{0%,100%,60%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}}@-webkit-keyframes dot-pulse{0%,100%,60%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}}@keyframes dot-pulse{0%,100%,60%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}}@-webkit-keyframes dot-pulse-after{0%,100%,60%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}}@keyframes dot-pulse-after{0%,100%,60%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}}.select-footer{display:flex;align-items:center;gap:12px;padding:8px 12px;border-top:1px solid #bfbfbf}::ng-deep .select-mat-option-pseudo-checkbox{margin:0!important}"]
         }),
         __metadata("design:paramtypes", [ChangeDetectorRef])
     ], GIPIInputSelectComponent);
@@ -13160,7 +13257,7 @@ var GIPIInputSelectListboxComponent = /** @class */ (function () {
                 'class': 'gipi-input-select-listbox',
             },
             changeDetection: ChangeDetectionStrategy.OnPush,
-            styles: ["::ng-deep .overlay-select-listbox{padding:0!important}::ng-deep .listbox-radio-group{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:16px}.overlay-select-listbox-content{display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:12px;width:100%;gap:12px;position:relative}.overlay-select-listbox-content .overlay-select-listbox-backdrop{background:rgba(0,0,0,.32);opacity:1;position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;border-radius:4px;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}.overlay-select-listbox-content .listbox-selected{display:flex;flex-direction:column;gap:16px;background-color:#f5f5f6;border-radius:4px;padding:8px;overflow:hidden;width:100%}.overlay-select-listbox-content .listbox-selected>span{font-size:1.4rem;font-weight:600;line-height:100%;color:#131313}.overlay-select-listbox-content .listbox-selected .list{display:flex;flex-direction:column;gap:4px;width:100%;height:9rem;overflow-x:hidden;overflow-y:auto}.overlay-select-listbox-content .listbox-selected .list::-webkit-scrollbar{width:15px}.overlay-select-listbox-content .listbox-selected .list::-webkit-scrollbar-thumb{background-color:#d1d2d4;border-radius:10px;border:4px solid transparent;background-clip:padding-box}.overlay-select-listbox-content .listbox-selected .list .option{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:4px 12px;gap:8px;font-weight:400;font-size:1.4rem;line-height:1.6rem;color:#595959;transition:.1s;border-radius:4px}.overlay-select-listbox-content .listbox-selected .list .option:hover{background-color:#e0e1e2}.overlay-select-listbox-content .listbox-selected .list .option:hover>button{visibility:visible!important}.overlay-select-listbox-content .listbox-selected .list .option>button{display:flex;align-items:center;justify-content:center;outline:0;border:none;padding:2px;border-radius:4px;cursor:pointer;background-color:transparent;visibility:hidden}.overlay-select-listbox-content .listbox-selected .list .option>button>svg{width:1.4rem;height:1.4rem;line-height:1.6rem}.overlay-select-listbox-content .listbox-selected .list .option>button:hover>svg{transform:scale(1.08)}.overlay-select-listbox-content .footer{border-top:1px solid #bfbfbf;padding-top:12px;display:flex;align-items:center;gap:12px}"]
+            styles: [":host{display:block;min-width:0;max-width:100%;flex:1}::ng-deep .overlay-select-listbox{padding:0!important}::ng-deep .listbox-radio-group{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:16px}.overlay-select-listbox-content{display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:12px;width:100%;gap:12px;position:relative}.overlay-select-listbox-content .overlay-select-listbox-backdrop{background:rgba(0,0,0,.32);opacity:1;position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;border-radius:4px;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}.overlay-select-listbox-content .listbox-selected{display:flex;flex-direction:column;gap:16px;background-color:#f5f5f6;border-radius:4px;padding:8px;overflow:hidden;width:100%}.overlay-select-listbox-content .listbox-selected>span{font-size:1.4rem;font-weight:600;line-height:100%;color:#131313}.overlay-select-listbox-content .listbox-selected .list{display:flex;flex-direction:column;gap:4px;width:100%;height:9rem;overflow-x:hidden;overflow-y:auto}.overlay-select-listbox-content .listbox-selected .list::-webkit-scrollbar{width:15px}.overlay-select-listbox-content .listbox-selected .list::-webkit-scrollbar-thumb{background-color:#d1d2d4;border-radius:10px;border:4px solid transparent;background-clip:padding-box}.overlay-select-listbox-content .listbox-selected .list .option{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:4px 12px;gap:8px;font-weight:400;font-size:1.4rem;line-height:1.6rem;color:#595959;transition:.1s;border-radius:4px}.overlay-select-listbox-content .listbox-selected .list .option:hover{background-color:#e0e1e2}.overlay-select-listbox-content .listbox-selected .list .option:hover>button{visibility:visible!important}.overlay-select-listbox-content .listbox-selected .list .option>button{display:flex;align-items:center;justify-content:center;outline:0;border:none;padding:2px;border-radius:4px;cursor:pointer;background-color:transparent;visibility:hidden}.overlay-select-listbox-content .listbox-selected .list .option>button>svg{width:1.4rem;height:1.4rem;line-height:1.6rem}.overlay-select-listbox-content .listbox-selected .list .option>button:hover>svg{transform:scale(1.08)}.overlay-select-listbox-content .footer{border-top:1px solid #bfbfbf;padding-top:12px;display:flex;align-items:center;gap:12px}"]
         }),
         __metadata("design:paramtypes", [ChangeDetectorRef,
             ElementRef,
@@ -13531,7 +13628,7 @@ var GIPIInputSearchComponent = /** @class */ (function () {
         Component({
             selector: "gipi-input-search",
             exportAs: 'gipiInputSearch',
-            template: "<!-- Espa\u00E7o reservado para ajustar o deslocamento vertical dos elementos mat-option -->\n<input matInput\n       class=\"mat-select-search-input mat-select-search-hidden\" />\n\n<!-- Note: o mat-datepicker-content mat-tab-header \u00E9 necess\u00E1rio para herdar as cores do tema do material, consulte PR n\u00BA 22 -->\n<div #innerSelectSearch\n     class=\"mat-select-search-inner mat-typography mat-datepicker-content mat-tab-header\">\n\n    <input class=\"mat-select-search-input mat-input-element\"\n           aria-label=\"Pesquisa suspensa\"\n           autocomplete=\"off\"\n           type=\"text\"\n           #searchSelectInput\n           [placeholder]=\"placeholderLabel\"\n           [formControl]=\"_formControl\"\n           (keydown)=\"_handleKeydown($event)\"\n           (keyup)=\"_handleKeyup($event)\"\n           (blur)=\"onBlur()\">\n\n    <mat-spinner *ngIf=\"searching\"\n                 class=\"mat-select-search-spinner\"\n                 diameter=\"16\">\n    </mat-spinner>\n\n    <button *ngIf=\"!hideClearSearchButton && value && !searching\"\n            class=\"mat-select-search-clear\"\n            aria-label=\"Limpar\"\n            mat-icon-button\n            (click)=\"_reset(true)\">\n        <mat-icon> close </mat-icon>\n    </button>\n\n    <mat-divider> </mat-divider>\n</div>\n\n<div *ngIf=\"(_showNoEntriesFound$ | async) && !searching\"\n     class=\"mat-select-search-no-entries-found\">\n    <mat-icon>sentiment_very_dissatisfied</mat-icon>\n    Nenhum registro foi encontrado\n</div>",
+            template: "<!-- Espa\u00E7o reservado para ajustar o deslocamento vertical dos elementos mat-option -->\n<input matInput\n       class=\"mat-select-search-input mat-select-search-hidden\" />\n\n<!-- Note: o mat-datepicker-content mat-tab-header \u00E9 necess\u00E1rio para herdar as cores do tema do material, consulte PR n\u00BA 22 -->\n<div #innerSelectSearch\n     class=\"mat-select-search-inner mat-typography mat-datepicker-content mat-tab-header\">\n\n    <input class=\"mat-select-search-input mat-input-element\"\n           aria-label=\"Pesquisa suspensa\"\n           aria-hidden=\"false\"\n           autocomplete=\"off\"\n           type=\"text\"\n           #searchSelectInput\n           [placeholder]=\"placeholderLabel\"\n           [formControl]=\"_formControl\"\n           (keydown)=\"_handleKeydown($event)\"\n           (keyup)=\"_handleKeyup($event)\"\n           (blur)=\"onBlur()\">\n\n    <mat-spinner *ngIf=\"searching\"\n                 class=\"mat-select-search-spinner\"\n                 diameter=\"16\">\n    </mat-spinner>\n\n    <button *ngIf=\"!hideClearSearchButton && value && !searching\"\n            class=\"mat-select-search-clear\"\n            aria-label=\"Limpar\"\n            mat-icon-button\n            (click)=\"_reset(true)\">\n        <mat-icon> close </mat-icon>\n    </button>\n\n    <mat-divider> </mat-divider>\n</div>\n\n<div *ngIf=\"(_showNoEntriesFound$ | async) && !searching\"\n     class=\"mat-select-search-no-entries-found\">\n    <mat-icon>sentiment_very_dissatisfied</mat-icon>\n    Nenhum registro foi encontrado\n</div>",
             providers: [
                 {
                     provide: NG_VALUE_ACCESSOR,
@@ -13926,7 +14023,7 @@ var GIPIInputSelectPagedComponent = /** @class */ (function () {
                 'class': 'gipi-input-select-paged',
             },
             changeDetection: ChangeDetectionStrategy.OnPush,
-            styles: [".input-select-paged-content{display:flex;flex-direction:column;gap:12px}.input-select-paged-content>label{font-weight:400;font-size:1.4rem;line-height:100%;color:#131313}.input-select-paged-content>label>span{color:#d14014}.field-diasabled{cursor:not-allowed}:host ::ng-deep .mat-form-field-appearance-outline .mat-form-field-suffix{position:absolute!important;right:35px!important;top:34%!important}:host ::ng-deep .mat-form-field-appearance-outline .mat-form-field-suffix .mat-icon{height:1.6rem!important;width:1.6rem!important;font-size:1.6rem!important;color:#131313!important}:host ::ng-deep .mat-select-value{padding-right:30px!important}::ng-deep .virtual-scroll-viewport{width:100%!important;overflow:hidden}::ng-deep .virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper{width:100%!important}.mat-select-additional-selection{opacity:.75;font-size:.75em;margin-left:16px}.mat-select-search-loading{background-color:#fff;display:flex;align-items:center;justify-content:center;height:3em}.dot-pulse{position:relative;left:-9999px;width:5px;height:5px;border-radius:50%;background-color:#f3465c;color:#f3465c;box-shadow:9999px 0 0 -5px;-webkit-animation:1.5s linear .25s infinite dot-pulse;animation:1.5s linear .25s infinite dot-pulse}.dot-pulse::after,.dot-pulse::before{content:\"\";display:inline-block;position:absolute;top:0;width:5px;height:5px;border-radius:50%;background-color:#f3465c;color:#f3465c}.dot-pulse::before{box-shadow:9984px 0 0 -5px;-webkit-animation:1.5s linear infinite dot-pulse-before;animation:1.5s linear infinite dot-pulse-before}.dot-pulse::after{box-shadow:10014px 0 0 -5px;-webkit-animation:1.5s linear .5s infinite dot-pulse-after;animation:1.5s linear .5s infinite dot-pulse-after}@-webkit-keyframes dot-pulse-before{0%,100%,60%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}}@keyframes dot-pulse-before{0%,100%,60%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}}@-webkit-keyframes dot-pulse{0%,100%,60%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}}@keyframes dot-pulse{0%,100%,60%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}}@-webkit-keyframes dot-pulse-after{0%,100%,60%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}}@keyframes dot-pulse-after{0%,100%,60%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}}::ng-deep .mat-select-arrow{border:solid #131313!important;border-width:0 2px 2px 0!important;display:inline-block!important;padding:3px!important;transform:rotate(45deg)!important;margin:0 4px!important}::ng-deep .mat-option-button-add{position:absolute;bottom:0;left:0;width:100%;z-index:100;background-color:#fff;border-radius:4px}"]
+            styles: [":host{display:block;min-width:0;max-width:100%;flex:1}.input-select-paged-content{display:flex;flex-direction:column;gap:12px}.input-select-paged-content>label{font-weight:400;font-size:1.4rem;line-height:100%;color:#131313}.input-select-paged-content>label>span{color:#d14014}.field-diasabled{cursor:not-allowed}:host ::ng-deep .mat-form-field-appearance-outline .mat-form-field-suffix{position:absolute!important;right:35px!important;top:34%!important}:host ::ng-deep .mat-form-field-appearance-outline .mat-form-field-suffix .mat-icon{height:1.6rem!important;width:1.6rem!important;font-size:1.6rem!important;color:#131313!important}:host ::ng-deep .mat-select-value{padding-right:30px!important}::ng-deep .virtual-scroll-viewport{width:100%!important;overflow:hidden}::ng-deep .virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper{width:100%!important}.mat-select-additional-selection{opacity:.75;font-size:.75em;margin-left:16px}.mat-select-search-loading{background-color:#fff;display:flex;align-items:center;justify-content:center;height:3em}.dot-pulse{position:relative;left:-9999px;width:5px;height:5px;border-radius:50%;background-color:#f3465c;color:#f3465c;box-shadow:9999px 0 0 -5px;-webkit-animation:1.5s linear .25s infinite dot-pulse;animation:1.5s linear .25s infinite dot-pulse}.dot-pulse::after,.dot-pulse::before{content:\"\";display:inline-block;position:absolute;top:0;width:5px;height:5px;border-radius:50%;background-color:#f3465c;color:#f3465c}.dot-pulse::before{box-shadow:9984px 0 0 -5px;-webkit-animation:1.5s linear infinite dot-pulse-before;animation:1.5s linear infinite dot-pulse-before}.dot-pulse::after{box-shadow:10014px 0 0 -5px;-webkit-animation:1.5s linear .5s infinite dot-pulse-after;animation:1.5s linear .5s infinite dot-pulse-after}@-webkit-keyframes dot-pulse-before{0%,100%,60%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}}@keyframes dot-pulse-before{0%,100%,60%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}}@-webkit-keyframes dot-pulse{0%,100%,60%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}}@keyframes dot-pulse{0%,100%,60%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}}@-webkit-keyframes dot-pulse-after{0%,100%,60%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}}@keyframes dot-pulse-after{0%,100%,60%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}}::ng-deep .mat-select-arrow{border:solid #131313!important;border-width:0 2px 2px 0!important;display:inline-block!important;padding:3px!important;transform:rotate(45deg)!important;margin:0 4px!important}::ng-deep .mat-option-button-add{position:absolute;bottom:0;left:0;width:100%;z-index:100;background-color:#fff;border-radius:4px}"]
         }),
         __metadata("design:paramtypes", [ChangeDetectorRef])
     ], GIPIInputSelectPagedComponent);
@@ -14203,7 +14300,7 @@ var GIPIInputSelectRadioComponent = /** @class */ (function () {
                 'class': 'gipi-input-select-radio',
             },
             changeDetection: ChangeDetectionStrategy.OnPush,
-            styles: ["::ng-deep .radio-group{display:flex;flex-direction:column;gap:16px}.select-radio-popover-content{background-color:#fff;border-radius:4px;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);padding:8px}"]
+            styles: [":host{display:block;min-width:0;max-width:100%;flex:1}::ng-deep .radio-group{display:flex;flex-direction:column;gap:16px}.select-radio-popover-content{background-color:#fff;border-radius:4px;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);padding:8px}"]
         }),
         __metadata("design:paramtypes", [ElementRef,
             ChangeDetectorRef])
@@ -16319,7 +16416,7 @@ var GIPISelectComponent = /** @class */ (function () {
             },
             changeDetection: ChangeDetectionStrategy.OnPush,
             encapsulation: ViewEncapsulation.None,
-            styles: [".select-content{display:flex;flex-direction:column;gap:12px}.select-content .label{font-weight:400;font-size:1.4rem;line-height:100%;color:#131313}.select-content .label>span{color:#d14014}.select-content .select{background-color:#fff;border:1px solid #e0e1e2;color:#6d6f73;border-radius:16px;padding:12px;gap:8px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;transition:.2s}.select-content .select>span{font-weight:600;font-size:1.4rem;line-height:100%;flex:1}.select-content .select>mat-icon{color:#6d6f73;fill:#6d6f73;max-height:16px}.select-content .select .icon-select{width:16px;height:16px;font-size:1.6rem}.select-overlay-content{list-style:none;max-height:256px;display:flex;flex-direction:column;gap:.8px}.select-overlay-content>li{height:3em;line-height:3em;border-radius:4px;padding:0 16px;text-align:left;cursor:pointer;color:#8c8f93;font-size:1.3rem}.select-overlay-content>li:hover{background-color:#e0e1e2;color:#6d6f73;font-weight:600}.active{background-color:#f3e7e7;color:#e0313e}.disabled{border:1px solid #d1d2d4!important;color:#f5f5f6!important;cursor:not-allowed!important}"]
+            styles: [":host{display:block;min-width:0;max-width:100%;flex:1}.select-content{display:flex;flex-direction:column;gap:12px}.select-content .label{font-weight:400;font-size:1.4rem;line-height:100%;color:#131313}.select-content .label>span{color:#d14014}.select-content .select{background-color:#fff;border:1px solid #e0e1e2;color:#6d6f73;border-radius:16px;padding:12px;gap:8px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;transition:.2s}.select-content .select>span{font-weight:600;font-size:1.4rem;line-height:100%;flex:1}.select-content .select>mat-icon{color:#6d6f73;fill:#6d6f73;max-height:16px}.select-content .select .icon-select{width:16px;height:16px;font-size:1.6rem}.select-overlay-content{list-style:none;max-height:256px;display:flex;flex-direction:column;gap:.8px}.select-overlay-content>li{height:3em;line-height:3em;border-radius:4px;padding:0 16px;text-align:left;cursor:pointer;color:#8c8f93;font-size:1.3rem}.select-overlay-content>li:hover{background-color:#e0e1e2;color:#6d6f73;font-weight:600}.active{background-color:#f3e7e7;color:#e0313e}.disabled{border:1px solid #d1d2d4!important;color:#f5f5f6!important;cursor:not-allowed!important}"]
         }),
         __metadata("design:paramtypes", [])
     ], GIPISelectComponent);
@@ -16363,9 +16460,7 @@ var BreakpointObserverService = /** @class */ (function (_super) {
     };
     BreakpointObserverService.ngInjectableDef = ɵɵdefineInjectable({ factory: function BreakpointObserverService_Factory() { return new BreakpointObserverService(); }, token: BreakpointObserverService, providedIn: "root" });
     BreakpointObserverService = __decorate([
-        Injectable({
-            providedIn: 'root'
-        }),
+        Injectable({ providedIn: 'root' }),
         __metadata("design:paramtypes", [])
     ], BreakpointObserverService);
     return BreakpointObserverService;
@@ -16406,9 +16501,7 @@ var NavService = /** @class */ (function (_super) {
     ]; };
     NavService.ngInjectableDef = ɵɵdefineInjectable({ factory: function NavService_Factory() { return new NavService(ɵɵinject(Router)); }, token: NavService, providedIn: "root" });
     NavService = __decorate([
-        Injectable({
-            providedIn: 'root'
-        }),
+        Injectable({ providedIn: 'root' }),
         __metadata("design:paramtypes", [Router])
     ], NavService);
     return NavService;
@@ -16510,7 +16603,7 @@ var GIPISidenavComponent = /** @class */ (function () {
         this._levelOneMenuCollapsableSelected = null;
         this._levelTwoMenuCollapsableSelected = null;
         this._mouseEnter = false;
-        this.menuItems = [];
+        this._menuItems = [];
         this.labelToggle = 'Retrair menu';
         this.showTagNewIntegration = false;
         this.showIntegration = false;
@@ -16520,6 +16613,16 @@ var GIPISidenavComponent = /** @class */ (function () {
         this.onClickMenuConfiguration = new EventEmitter();
     }
     GIPISidenavComponent_1 = GIPISidenavComponent;
+    Object.defineProperty(GIPISidenavComponent.prototype, "menuItems", {
+        get: function () {
+            return this._menuItems;
+        },
+        set: function (value) {
+            this._menuItems = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
     GIPISidenavComponent.prototype.ngOnInit = function () { };
     GIPISidenavComponent.prototype.ngAfterViewInit = function () {
         this._navService.sidenav = this.sidenav;
@@ -16554,17 +16657,23 @@ var GIPISidenavComponent = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GIPISidenavComponent.prototype, "levelMenuCollapsableSelected", {
+    Object.defineProperty(GIPISidenavComponent.prototype, "levelMenuSelected", {
         get: function () {
+            var _this = this;
+            var levelMenuActive = [];
             if (ObjectUtil.isNull(this._levelOneMenuCollapsableSelected) && ObjectUtil.isNull(this._levelTwoMenuCollapsableSelected)) {
-                return of(this.menuItems);
+                levelMenuActive = this.menuItems;
             }
             else if (!ObjectUtil.isNull(this._levelOneMenuCollapsableSelected) && ObjectUtil.isNull(this._levelTwoMenuCollapsableSelected)) {
-                return of(this._levelOneMenuCollapsableSelected.menuList);
+                levelMenuActive = this._levelOneMenuCollapsableSelected.menuList;
             }
             else if (!ObjectUtil.isNull(this._levelOneMenuCollapsableSelected) && !ObjectUtil.isNull(this._levelTwoMenuCollapsableSelected)) {
-                return of(this._levelTwoMenuCollapsableSelected.menuList);
+                levelMenuActive = this._levelTwoMenuCollapsableSelected.menuList;
             }
+            if (!ArrayUtil.isEmpty(levelMenuActive)) {
+                levelMenuActive.forEach(function (item) { return item.id = _this._toCamelCase(item.route); });
+            }
+            return of(levelMenuActive);
         },
         enumerable: false,
         configurable: true
@@ -16689,6 +16798,17 @@ var GIPISidenavComponent = /** @class */ (function () {
             }
         });
     };
+    GIPISidenavComponent.prototype._toCamelCase = function (name) {
+        if (StringUtil.isEmpty(name)) {
+            return '';
+        }
+        var normalized = StringUtil.replaceAccents(name);
+        return normalized
+            .split(/[/\-]/) // Divide por '/' e '-'
+            .filter(Boolean) // Remove elementos vazios da lista
+            .map(function (word, index) { return (index === 0) ? word.toLowerCase() : (word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()); })
+            .join('');
+    };
     var GIPISidenavComponent_1;
     GIPISidenavComponent.ctorParameters = function () { return [
         { type: NavService },
@@ -16701,8 +16821,9 @@ var GIPISidenavComponent = /** @class */ (function () {
     ], GIPISidenavComponent.prototype, "sidenav", void 0);
     __decorate([
         Input(),
-        __metadata("design:type", Array)
-    ], GIPISidenavComponent.prototype, "menuItems", void 0);
+        __metadata("design:type", Array),
+        __metadata("design:paramtypes", [Array])
+    ], GIPISidenavComponent.prototype, "menuItems", null);
     __decorate([
         Input(),
         __metadata("design:type", String)
@@ -16759,7 +16880,7 @@ var GIPISidenavComponent = /** @class */ (function () {
         Component({
             selector: "gipi-sidenav",
             exportAs: 'gipiSidenav',
-            template: "<mat-sidenav #sidenav\n             [mode]=\"(isScreenLarge | async) ? 'side' : 'over'\"\n             class=\"sidenav\"\n             [class.large-sidenav]=\"(isOpened | async)\"\n             [class.small-sidenav]=\"!(isOpened | async)\"\n             [disableClose]=\"(isScreenLarge | async)\"\n             opened=\"true\">\n\n    <div [ngClass]=\"{'sidenav-content-menu': true,\n                     'show-bottom': (showConfiguration || showIntegration)}\">\n\n        <!-- Bot\u00E3o expandir e retrair o menu -->\n        <button id=\"buttonToogleSidenav\"\n                name=\"toggleSidenav\"\n                class=\"toggle-sidenav\"\n                (click)=\"toggleSidenav(); _mouseEnter = false;\">\n            <mat-icon [@indicatorRotate]=\"(isOpened | async) ? 'opened': 'closed'\">\n                chevron_right\n            </mat-icon>\n\n            {{ ((labelToggle) && (isOpened | async)) ? labelToggle : '' }}\n        </button>\n\n        <!-- Bot\u00E3o voltar do submenu -->\n        <div class=\"sidenav-action-menu sidenav-menu-collapsable\">\n            <a *ngIf=\"(isOpened | async) && (_levelOneMenuCollapsableSelected || _levelTwoMenuCollapsableSelected)\"\n               (click)=\"onMenuCollapsableGoBack()\"\n               (mouseenter)=\"!_mouseEnter && onMouseEnter()\"\n               (mouseleave)=\"_mouseEnter && onMouseLeave()\">\n                <mat-icon>\n                    arrow_back\n                </mat-icon>\n                <span>\n                    {{ (submenuBackButtonName | async) }}\n                </span>\n            </a>\n        </div>\n\n        <!-- Se o menu item for do tipo submenu -->\n        <mat-nav-list class=\"sidenav-menu-list\"\n                      (mouseenter)=\"onMouseEnter()\"\n                      (mouseleave)=\"onMouseLeave()\">\n            <div *ngFor=\"let menu of (levelMenuCollapsableSelected | async)\"\n                 class=\"sidenav-action-menu\">\n\n                <a *ngIf=\"menu.type === 'ITEM'\"\n                   [routerLink]=\"menu.route\"\n                   [class.menu-active]=\"isMenuActive(menu)\"\n                   (click)=\"onMenuItemSelected(menu)\">\n                    <mat-icon *ngIf=\"menu.icon\">\n                        {{ menu.icon }}\n                    </mat-icon>\n                    <mat-icon *ngIf=\"menu.svgIcon\"\n                              [svgIcon]=\"menu.svgIcon\">\n                    </mat-icon>\n                    <span *ngIf=\"(isOpened | async)\">\n                        {{ getMenuName(menu.name) }}\n                    </span>\n                </a>\n\n                <a *ngIf=\"menu.type === 'COLLAPSABLE'\"\n                   [class.menu-active]=\"isMenuCollapsableActive(menu)\"\n                   (click)=\"onMenuCollapsableSelected(menu); onMenuItemSelected(menu, false)\">\n                    <mat-icon *ngIf=\"menu.icon\">\n                        {{ menu.icon }}\n                    </mat-icon>\n                    <mat-icon *ngIf=\"menu.svgIcon\"\n                              [svgIcon]=\"menu.svgIcon\">\n                    </mat-icon>\n                    <span *ngIf=\"(isOpened | async)\">\n                        {{ getMenuName(menu.name) }}\n                    </span>\n                    <mat-icon *ngIf=\"(isOpened | async)\">\n                        chevron_right\n                    </mat-icon>\n                </a>\n\n            </div>\n        </mat-nav-list>\n    </div>\n\n    <div class=\"sidenav-action-menu sidenav-bottom-menu\">\n        <a *ngIf=\"showIntegration\"\n           (click)=\"onMenuItemSelected(null); onClickMenuIntegration.emit()\">\n            <mat-icon *ngIf=\"iconIntegration\">\n                {{ iconIntegration }}\n            </mat-icon>\n            <mat-icon *ngIf=\"svgIconIntegration\"\n                      [svgIcon]=\"svgIconIntegration\">\n            </mat-icon>\n            <span *ngIf=\"(labelIntegration) && (isOpened | async)\">\n                {{ labelIntegration }}\n            </span>\n            <div class=\"tag-new\"\n                 *ngIf=\"showTagNewIntegration\">\n                Novo\n            </div>\n        </a>\n\n        <a *ngIf=\"showConfiguration\"\n           (click)=\"onMenuItemSelected(null); onClickMenuConfiguration.emit()\">\n            <mat-icon *ngIf=\"iconConfiguration\">\n                {{ iconConfiguration }}\n            </mat-icon>\n            <mat-icon *ngIf=\"svgIconConfiguration\"\n                      [svgIcon]=\"svgIconConfiguration\">\n            </mat-icon>\n            <span *ngIf=\"(labelConfiguration) && (isOpened | async)\">\n                {{ labelConfiguration }}\n            </span>\n        </a>\n    </div>\n</mat-sidenav>\n",
+            template: "<mat-sidenav #sidenav\n             class=\"sidenav\"\n             opened=\"true\"\n             [class.large-sidenav]=\"(isOpened | async)\"\n             [class.small-sidenav]=\"!(isOpened | async)\"\n             [disableClose]=\"(isScreenLarge | async)\"\n             [mode]=\"(isScreenLarge | async) ? 'side' : 'over'\">\n\n    <div [ngClass]=\"{'sidenav-content-menu': true,\n                     'show-bottom': (showConfiguration || showIntegration)}\">\n\n        <!-- Bot\u00E3o expandir e retrair o menu -->\n        <button [attr.id]=\"'buttonToogleSidenav'\"\n                [attr.name]=\"'buttonToogleSidenav'\"\n                class=\"toggle-sidenav\"\n                (click)=\"toggleSidenav(); _mouseEnter = false;\">\n            <mat-icon [@indicatorRotate]=\"(isOpened | async) ? 'opened': 'closed'\">\n                chevron_right\n            </mat-icon>\n\n            {{ ((labelToggle) && (isOpened | async)) ? labelToggle : '' }}\n        </button>\n\n        <!-- Bot\u00E3o voltar do submenu -->\n        <div class=\"sidenav-action-menu sidenav-menu-collapsable\">\n            <a [attr.id]=\"'buttonSubmenuBack'\"\n               [attr.name]=\"'buttonSubmenuBack'\"\n               *ngIf=\"(isOpened | async) && (_levelOneMenuCollapsableSelected || _levelTwoMenuCollapsableSelected)\"\n               (click)=\"onMenuCollapsableGoBack()\"\n               (mouseenter)=\"!_mouseEnter && onMouseEnter()\"\n               (mouseleave)=\"_mouseEnter && onMouseLeave()\">\n                <mat-icon>\n                    arrow_back\n                </mat-icon>\n                <span>\n                    {{ (submenuBackButtonName | async) }}\n                </span>\n            </a>\n        </div>\n\n        <!-- Se o menu item for do tipo submenu -->\n        <mat-nav-list class=\"sidenav-menu-list\"\n                      (mouseenter)=\"onMouseEnter()\"\n                      (mouseleave)=\"onMouseLeave()\">\n            <div class=\"sidenav-action-menu\"\n                 *ngFor=\"let menu of (levelMenuSelected | async)\">\n                <a [attr.id]=\"menu.id\"\n                   [attr.name]=\"menu.id\"\n                   [class.menu-active]=\"isMenuActive(menu)\"\n                   [routerLink]=\"menu.route\"\n                   *ngIf=\"menu.type === 'ITEM'\"\n                   (click)=\"onMenuItemSelected(menu)\">\n                    <mat-icon *ngIf=\"menu.icon\">\n                        {{ menu.icon }}\n                    </mat-icon>\n                    <mat-icon *ngIf=\"menu.svgIcon\"\n                              [svgIcon]=\"menu.svgIcon\">\n                    </mat-icon>\n                    <span *ngIf=\"(isOpened | async)\">\n                        {{ getMenuName(menu.name) }}\n                    </span>\n                </a>\n\n                <a [attr.id]=\"menu.id\"\n                   [attr.name]=\"menu.id\"\n                   [class.menu-active]=\"isMenuCollapsableActive(menu)\"\n                   *ngIf=\"menu.type === 'COLLAPSABLE'\"\n                   (click)=\"onMenuCollapsableSelected(menu); onMenuItemSelected(menu, false)\">\n                    <mat-icon *ngIf=\"menu.icon\">\n                        {{ menu.icon }}\n                    </mat-icon>\n                    <mat-icon *ngIf=\"menu.svgIcon\"\n                              [svgIcon]=\"menu.svgIcon\">\n                    </mat-icon>\n                    <span *ngIf=\"(isOpened | async)\">\n                        {{ getMenuName(menu.name) }}\n                    </span>\n                    <mat-icon *ngIf=\"(isOpened | async)\">\n                        chevron_right\n                    </mat-icon>\n                </a>\n            </div>\n        </mat-nav-list>\n    </div>\n\n    <div class=\"sidenav-action-menu sidenav-bottom-menu\">\n        <a [attr.id]=\"'integracoes'\"\n           [attr.name]=\"'integracoes'\"\n           *ngIf=\"showIntegration\"\n           (click)=\"onMenuItemSelected(null); onClickMenuIntegration.emit()\">\n            <mat-icon *ngIf=\"iconIntegration\">\n                {{ iconIntegration }}\n            </mat-icon>\n            <mat-icon *ngIf=\"svgIconIntegration\"\n                      [svgIcon]=\"svgIconIntegration\">\n            </mat-icon>\n            <span *ngIf=\"(labelIntegration) && (isOpened | async)\">\n                {{ labelIntegration }}\n            </span>\n            <div class=\"tag-new\"\n                 [class.closed]=\"!(isOpened | async)\"\n                 *ngIf=\"showTagNewIntegration\">\n                Novo\n            </div>\n        </a>\n\n        <a [attr.id]=\"'configuracoes'\"\n           [attr.name]=\"'configuracoes'\"\n           *ngIf=\"showConfiguration\"\n           (click)=\"onMenuItemSelected(null); onClickMenuConfiguration.emit()\">\n            <mat-icon *ngIf=\"iconConfiguration\">\n                {{ iconConfiguration }}\n            </mat-icon>\n            <mat-icon *ngIf=\"svgIconConfiguration\"\n                      [svgIcon]=\"svgIconConfiguration\">\n            </mat-icon>\n            <span *ngIf=\"(labelConfiguration) && (isOpened | async)\">\n                {{ labelConfiguration }}\n            </span>\n        </a>\n    </div>\n</mat-sidenav>",
             encapsulation: ViewEncapsulation.None,
             providers: [
                 {
@@ -16778,7 +16899,7 @@ var GIPISidenavComponent = /** @class */ (function () {
                     transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4,0.0,0.2,1)')),
                 ])
             ],
-            styles: [".sidenav{padding:.8rem 1.2rem;border-radius:5px;background-color:#fff;position:fixed!important;top:66px!important;bottom:8px!important;border:0!important}.sidenav.small-sidenav{overflow-y:auto;width:76px}.sidenav.small-sidenav .sidenav-bottom-menu,.sidenav.small-sidenav .sidenav-content-menu .sidenav-menu-list .action-sidenav,.sidenav.small-sidenav .sidenav-content-menu .toggle-sidenav{text-align:center!important}.sidenav.large-sidenav{overflow-y:auto;width:248px}.sidenav .sidenav-content-menu{width:100%;background-color:#f5f5f6;border-radius:4px;display:flex;flex-direction:column;align-items:stretch;height:100%}.sidenav .sidenav-content-menu.show-bottom{height:calc(100% - 18px - 52px)!important}.sidenav .sidenav-content-menu .toggle-sidenav{all:unset;border-radius:4px;border:none;text-align:left;cursor:pointer;background-color:#e0313e;color:#fff;display:flex;align-items:center;gap:8px;padding:10px 16px}.sidenav .sidenav-content-menu .toggle-sidenav>mat-icon{width:2rem;height:2rem;font-size:2rem}.sidenav .sidenav-content-menu .toggle-sidenav:hover{background-color:#cc2d38}.sidenav .sidenav-content-menu .sidenav-menu-list{overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.sidenav .sidenav-content-menu .sidenav-menu-list::-webkit-scrollbar{display:none}.menu-active{color:#e0313e!important;background-color:#e0e1e2!important}.menu-active>mat-icon,.menu-active>mat-icon svg,.menu-active>mat-icon svg path{color:#e0313e!important;fill:#e0313e!important}.sidenav-action-menu{cursor:pointer;display:flex}.sidenav-action-menu.sidenav-bottom-menu{flex-direction:column;gap:1rem;margin-top:1rem}.sidenav-action-menu a{flex:1;padding:16px;background-color:#f5f5f6;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:1.4rem;font-weight:600}.sidenav-action-menu a:hover{background-color:#e0e1e2}.sidenav-action-menu a>span{flex:1;line-height:2rem}.sidenav-action-menu a>mat-icon{width:2rem;height:2rem;font-size:2rem;line-height:2rem;color:#595959;fill:#595959}.sidenav-action-menu a>mat-icon svg,.sidenav-action-menu a>mat-icon svg path{color:#595959;fill:#595959}.sidenav-bottom-menu a{border-radius:4px}.sidenav-menu-collapsable a{background-color:#e0e1e2}.sidenav-menu-collapsable a:hover{background-color:#d1d2d4}.mat-list-base{padding-top:0!important}.mat-drawer-inner-container{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;overflow:hidden!important}.mat-drawer:not(.mat-drawer-side){box-shadow:none!important}.tag-new{display:flex;align-items:center;justify-content:center;background-color:#e0313e;color:#fff;padding:.2rem .6rem;font-size:1rem;line-height:1.2rem;border-radius:.4rem}"]
+            styles: [".sidenav{padding:.8rem 1.2rem;border-radius:5px;background-color:#fff;position:fixed!important;top:66px!important;bottom:8px!important;border:0!important}.sidenav.small-sidenav{overflow-y:auto;width:76px}.sidenav.small-sidenav .sidenav-bottom-menu,.sidenav.small-sidenav .sidenav-content-menu .sidenav-menu-list .action-sidenav,.sidenav.small-sidenav .sidenav-content-menu .toggle-sidenav{text-align:center!important}.sidenav.large-sidenav{overflow-y:auto;width:248px}.sidenav .sidenav-content-menu{width:100%;background-color:#f5f5f6;border-radius:4px;display:flex;flex-direction:column;align-items:stretch;height:100%}.sidenav .sidenav-content-menu.show-bottom{height:calc(100% - 18px - 104px)!important}.sidenav .sidenav-content-menu .toggle-sidenav{all:unset;border-radius:4px;border:none;text-align:left;cursor:pointer;background-color:#e0313e;color:#fff;display:flex;align-items:center;gap:8px;padding:10px 16px}.sidenav .sidenav-content-menu .toggle-sidenav>mat-icon{width:2rem;height:2rem;font-size:2rem}.sidenav .sidenav-content-menu .toggle-sidenav:hover{background-color:#cc2d38}.sidenav .sidenav-content-menu .sidenav-menu-list{overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.sidenav .sidenav-content-menu .sidenav-menu-list::-webkit-scrollbar{display:none}.menu-active{color:#e0313e!important;background-color:#e0e1e2!important}.menu-active>mat-icon,.menu-active>mat-icon svg,.menu-active>mat-icon svg path{color:#e0313e!important;fill:#e0313e!important}.sidenav-action-menu{cursor:pointer;display:flex}.sidenav-action-menu.sidenav-bottom-menu{flex-direction:column;gap:1rem;margin-top:1rem}.sidenav-action-menu a{flex:1;padding:16px;background-color:#f5f5f6;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:1.4rem;font-weight:600;position:relative;overflow:hidden}.sidenav-action-menu a:hover{background-color:#e0e1e2}.sidenav-action-menu a>span{flex:1;line-height:2rem}.sidenav-action-menu a>mat-icon{width:2rem;height:2rem;font-size:2rem;line-height:2rem;color:#595959;fill:#595959}.sidenav-action-menu a>mat-icon svg,.sidenav-action-menu a>mat-icon svg path{color:#595959;fill:#595959}.sidenav-bottom-menu a{border-radius:4px}.sidenav-menu-collapsable a{background-color:#e0e1e2}.sidenav-menu-collapsable a:hover{background-color:#d1d2d4}.mat-list-base{padding-top:0!important}.mat-drawer-inner-container{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;overflow:hidden!important}.mat-drawer:not(.mat-drawer-side){box-shadow:none!important}.tag-new{display:flex;align-items:center;justify-content:center;background-color:#e0313e;color:#fff;padding:.2rem .6rem;font-size:1rem;line-height:1rem;border-radius:.4rem}.tag-new.closed{position:absolute;top:15px;right:20px;width:52px;z-index:1;transform:translateX(70%) translateY(-85%) rotate(45deg);transform-origin:center;overflow:hidden;font-size:.8rem!important;line-height:.8rem!important}"]
         }),
         __metadata("design:paramtypes", [NavService,
             BreakpointObserverService,
@@ -17663,14 +17784,26 @@ var TabModel = /** @class */ (function () {
     return TabModel;
 }());
+var nextUniqueId$i = 0;
 var GIPITabComponent = /** @class */ (function () {
     function GIPITabComponent() {
+        this._name = "gipi-tab-" + nextUniqueId$i++;
+        this.id = this._name;
+        this.name = this._name;
         this.active = false;
         this.closeable = false;
         this.disabled = false;
         this.selectionChange = new EventEmitter();
     }
     GIPITabComponent.prototype.ngOnInit = function () { };
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], GIPITabComponent.prototype, "id", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], GIPITabComponent.prototype, "name", void 0);
     __decorate([
         Input(),
         __metadata("design:type", Number)
@@ -17727,10 +17860,14 @@ var GIPITabComponent = /** @class */ (function () {
     return GIPITabComponent;
 }());
+var nextUniqueId$j = 0;
 var GIPITabGroupComponent = /** @class */ (function () {
     function GIPITabGroupComponent(elementRef, _componentFactoryResolver) {
         this.elementRef = elementRef;
         this._componentFactoryResolver = _componentFactoryResolver;
+        this._name = "gipi-tab-" + nextUniqueId$j++;
+        this.id = this._name;
+        this.name = this._name;
         this.dynamicTabs = [];
     }
     GIPITabGroupComponent.prototype.ngOnInit = function () { };
@@ -17836,15 +17973,25 @@ var GIPITabGroupComponent = /** @class */ (function () {
         ViewChild(GIPIDynamicTabDirective, { static: false }),
         __metadata("design:type", GIPIDynamicTabDirective)
     ], GIPITabGroupComponent.prototype, "dynamicTabPlaceholder", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], GIPITabGroupComponent.prototype, "id", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], GIPITabGroupComponent.prototype, "name", void 0);
     GIPITabGroupComponent = __decorate([
         Component({
             selector: 'gipi-tab-group',
             exportAs: 'gipiTabGroup',
-            template: "<nav mat-tab-nav-bar>\n    <a mat-tab-link\n       *ngFor=\"let tab of tabQueryList\"\n       (click)=\"selectTab(tab)\"\n       [class.active]=\"tab.active\"\n       [disabled]=\"tab.disabled\">\n        <mat-icon *ngIf=\"tab.icon || tab.svgIcon\"\n                  [svgIcon]=\"tab.svgIcon ? tab.svgIcon : ''\">\n            {{ !tab.svgIcon && tab.icon ? tab.icon : '' }}\n        </mat-icon>\n\n        {{ tab.label }}\n    </a>\n\n    <a mat-tab-link\n       *ngFor=\"let tab of dynamicTabs\"\n       (click)=\"selectTab(tab)\"\n       [class.active]=\"tab.active\"\n       [disabled]=\"tab.disabled\">\n        <mat-icon *ngIf=\"tab.icon || tab.svgIcon\"\n                  [svgIcon]=\"tab.svgIcon ? tab.svgIcon : ''\">\n            {{ !tab.svgIcon && tab.icon ? tab.icon : '' }}\n        </mat-icon>\n\n        {{ tab.label }}\n    </a>\n</nav>\n\n<ng-content> </ng-content>\n<ng-template dynamicTab\n             #container>\n</ng-template>",
+            template: "<nav mat-tab-nav-bar>\n    <a mat-tab-link\n       *ngFor=\"let tab of tabQueryList\"\n       [attr.id]=\"tab.id\"\n       [attr.name]=\"tab.name\"\n       [class.active]=\"tab.active\"\n       [disabled]=\"tab.disabled\"\n       (click)=\"selectTab(tab)\">\n        <mat-icon *ngIf=\"tab.icon || tab.svgIcon\"\n                  [svgIcon]=\"tab.svgIcon ? tab.svgIcon : ''\">\n            {{ !tab.svgIcon && tab.icon ? tab.icon : '' }}\n        </mat-icon>\n\n        {{ tab.label }}\n    </a>\n\n    <a mat-tab-link\n       *ngFor=\"let tab of dynamicTabs\"\n       [attr.id]=\"tab.id\"\n       [attr.name]=\"tab.name\"\n       [class.active]=\"tab.active\"\n       [disabled]=\"tab.disabled\"\n       (click)=\"selectTab(tab)\">\n        <mat-icon *ngIf=\"tab.icon || tab.svgIcon\"\n                  [svgIcon]=\"tab.svgIcon ? tab.svgIcon : ''\">\n            {{ !tab.svgIcon && tab.icon ? tab.icon : '' }}\n        </mat-icon>\n\n        {{ tab.label }}\n    </a>\n</nav>\n\n<ng-content> </ng-content>\n<ng-template dynamicTab\n             #container>\n</ng-template>",
             host: {
                 'class': 'gipi-tab-group',
+                '[attr.id]': 'id',
+                '[attr.name]': 'name',
             },
-            styles: [":host{display:block;flex:1;width:100%;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}:host ::ng-deep .mat-tab-nav-bar{background:#f5f5f6;border:none;border-radius:.4rem;padding:.4rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)}:host ::ng-deep .mat-tab-links{display:flex;gap:1rem}:host ::ng-deep .mat-tab-link{height:auto!important;padding:1rem!important;opacity:1!important;border:none!important;border-radius:4px!important;transition:.2s!important;color:#595959!important;gap:1rem}:host ::ng-deep .mat-tab-link>mat-icon{width:2rem!important;height:2rem!important;font-size:2rem!important;color:#595959!important}:host ::ng-deep .mat-tab-link>mat-icon svg,:host ::ng-deep .mat-tab-link>mat-icon svg g path,:host ::ng-deep .mat-tab-link>mat-icon svg path{color:#595959!important;fill:#595959!important}:host ::ng-deep .mat-tab-link:not(.active):hover{background:#e0e1e2!important}:host ::ng-deep .mat-tab-link.active{background:#e0313e!important;color:#fff!important}:host ::ng-deep .mat-tab-link.active>mat-icon{color:#fff!important}:host ::ng-deep .mat-tab-link.active>mat-icon svg,:host ::ng-deep .mat-tab-link.active>mat-icon svg g path,:host ::ng-deep .mat-tab-link.active>mat-icon svg path{color:#fff!important;fill:#fff!important}:host ::ng-deep .mat-tab-link:disabled,:host ::ng-deep .mat-tab-link:disabled>mat-icon{color:#9a9da2!important;fill:#9a9da2!important}:host ::ng-deep .mat-tab-link:disabled svg,:host ::ng-deep .mat-tab-link:disabled svg g path,:host ::ng-deep .mat-tab-link:disabled svg path,:host ::ng-deep .mat-tab-link:disabled>mat-icon svg,:host ::ng-deep .mat-tab-link:disabled>mat-icon svg g path,:host ::ng-deep .mat-tab-link:disabled>mat-icon svg path{color:#9a9da2!important;fill:#9a9da2!important}:host ::ng-deep .mat-ink-bar{display:none!important}"]
+            styles: [":host{display:block;flex:1;width:100%;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}:host ::ng-deep .mat-tab-nav-bar{background:#f5f5f6;border:none;border-radius:.4rem;padding:.4rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)}:host ::ng-deep .mat-tab-links{display:flex;gap:1rem}:host ::ng-deep .mat-tab-link{height:auto!important;padding:1rem!important;opacity:1!important;border:none!important;border-radius:4px!important;transition:.2s!important;color:#595959!important;gap:1rem}:host ::ng-deep .mat-tab-link>mat-icon{width:2rem!important;height:2rem!important;font-size:2rem!important;color:#595959!important}:host ::ng-deep .mat-tab-link>mat-icon svg,:host ::ng-deep .mat-tab-link>mat-icon svg g path,:host ::ng-deep .mat-tab-link>mat-icon svg path{color:#595959!important;fill:#595959!important}:host ::ng-deep .mat-tab-link:not(.active):hover{background:#e0e1e2!important}:host ::ng-deep .mat-tab-link.active{background:#e0313e!important;color:#fff!important}:host ::ng-deep .mat-tab-link.active>mat-icon{color:#fff!important}:host ::ng-deep .mat-tab-link.active>mat-icon svg,:host ::ng-deep .mat-tab-link.active>mat-icon svg g path,:host ::ng-deep .mat-tab-link.active>mat-icon svg path{color:#fff!important;fill:#fff!important}:host ::ng-deep .mat-tab-link:disabled,:host ::ng-deep .mat-tab-link:disabled>mat-icon{color:#9a9da2!important;fill:#9a9da2!important}:host ::ng-deep .mat-tab-link:disabled svg,:host ::ng-deep .mat-tab-link:disabled svg g path,:host ::ng-deep .mat-tab-link:disabled svg path,:host ::ng-deep .mat-tab-link:disabled>mat-icon svg,:host ::ng-deep .mat-tab-link:disabled>mat-icon svg g path,:host ::ng-deep .mat-tab-link:disabled>mat-icon svg path{color:#9a9da2!important;fill:#9a9da2!important}:host ::ng-deep .mat-ink-bar{display:none!important}:host ::ng-deep .mat-tab-header-pagination{box-shadow:none!important}:host ::ng-deep .mat-tab-header-pagination.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:#d1d2d4!important;cursor:not-allowed!important}:host ::ng-deep .mat-tab-header-pagination .mat-tab-header-pagination-chevron{border-color:#595959!important}:host ::ng-deep .mat-tab-header-pagination:hover{transform:scale(.98)!important}"]
         }),
         __metadata("design:paramtypes", [ElementRef,
             ComponentFactoryResolver])
@@ -21964,7 +22111,7 @@ var MatDatepickerInput = /** @class */ (function (_super) {
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://angular.io/license
  */
-var nextUniqueId$i = 0;
+var nextUniqueId$k = 0;
 var MatDateRangeInput = /** @class */ (function () {
     function MatDateRangeInput(_changeDetectorRef, _elementRef, control, _dateAdapter, _formField) {
         this._changeDetectorRef = _changeDetectorRef;
@@ -21972,7 +22119,7 @@ var MatDateRangeInput = /** @class */ (function () {
         this._dateAdapter = _dateAdapter;
         this._formField = _formField;
         /** Unique ID for the input. */
-        this.id = "mat-date-range-input-" + nextUniqueId$i++;
+        this.id = "mat-date-range-input-" + nextUniqueId$k++;
         /** Whether the control is focused. */
         this.focused = false;
         /** Name of the form control. */
@@ -22826,12 +22973,12 @@ var BrowserUtil = /** @class */ (function () {
 }());
 var moment$1 = moment_;
-var nextUniqueId$j = 0;
+var nextUniqueId$l = 0;
 var DateRangePickerComponent = /** @class */ (function () {
     function DateRangePickerComponent(elementRef, _changeDetectorRef) {
         this.elementRef = elementRef;
         this._changeDetectorRef = _changeDetectorRef;
-        this._name = "gipi-date-range-" + nextUniqueId$j++;
+        this._name = "gipi-date-range-" + nextUniqueId$l++;
         this.idStartDate = this._name + "-start";
         this.idEndDate = this._name + "-end";
         this.nameStartDate = this._name + "-start";
@@ -23185,7 +23332,7 @@ var DateRangePickerComponent = /** @class */ (function () {
             host: {
                 'class': 'gipi-date-range-picker',
             },
-            styles: [":host{display:block;width:100%}.input-wrapper{display:flex;flex-direction:column;gap:.8rem;font-size:1.4rem;color:#696969}.input-wrapper .input-label{display:flex;align-items:center;gap:.4rem;color:#131313;line-height:1.6rem}.input-wrapper .input-label>span{font-size:1.6rem;line-height:1.6rem;color:#d14014}.input-wrapper .input-content{display:flex;font-family:inherit;font-size:inherit;color:inherit;height:4rem;background:#fff;border:1px solid rgba(0,0,0,.12);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.6rem}.input-wrapper .input-content .input-element{padding:.75rem .8rem;border:none;outline:0;background-color:transparent;flex:1;color:inherit;caret-color:#696969;min-width:0}.input-wrapper .input-content:not(.input-element:disabled):has(.input-element:enabled:hover),.input-wrapper .input-content:not(.input-element:disabled):has(.prefix:hover),.input-wrapper .input-content:not(.input-element:disabled):has(.suffix:hover){border-color:#6d6f73}.input-wrapper .input-content:not(.input-element:disabled):has(.input-element:enabled:focus){outline:0;outline-offset:0;box-shadow:0 0 0 .2rem #e0e1e2;border-color:#6d6f73}.input-wrapper .input-content:has(.input-element:disabled){color:#bbbdc1!important;border-color:#e0e1e2!important;background-color:#f5f5f6!important;cursor:not-allowed}.input-wrapper .input-content:has(.input-element:disabled) .suffix>mat-icon{color:#bbbdc1!important}.input-wrapper .input-content .input-element:disabled{cursor:not-allowed}.input-wrapper .input-content .suffix{display:flex;align-items:center;justify-content:center;padding-block:.75rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-right:.8rem}.input-wrapper .input-content .suffix>mat-icon{width:2rem;height:2rem;font-size:2rem;color:#696969}.input-wrapper .input-help{flex:1;font-size:1rem;font-weight:500;margin-top:-.4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::ng-deep .mat-date-range-input{height:4rem!important;padding-left:.8rem!important}::ng-deep .mat-date-range-input-container,::ng-deep .mat-date-range-input-end-wrapper,::ng-deep .mat-date-range-input-inner,::ng-deep .mat-date-range-input-start-wrapper{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;min-height:100%;height:100%;padding-bottom:3px}::ng-deep .mat-date-range-input-inner{padding:0!important}::-webkit-input-placeholder{color:#bbbdc1}:-moz-placeholder{color:#bbbdc1}::-moz-placeholder{color:#bbbdc1}:-ms-input-placeholder{color:#bbbdc1}"]
+            styles: [":host{display:block;width:100%;min-width:0;max-width:100%;flex:1}.input-wrapper{display:flex;flex-direction:column;gap:.8rem;font-size:1.4rem;color:#696969}.input-wrapper .input-label{display:flex;align-items:center;gap:.4rem;color:#131313;line-height:1.6rem}.input-wrapper .input-label>span{font-size:1.6rem;line-height:1.6rem;color:#d14014}.input-wrapper .input-content{display:flex;font-family:inherit;font-size:inherit;color:inherit;height:4rem;background:#fff;border:1px solid rgba(0,0,0,.12);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.6rem}.input-wrapper .input-content .input-element{padding:.75rem .8rem;border:none;outline:0;background-color:transparent;flex:1;color:inherit;caret-color:#696969;min-width:0}.input-wrapper .input-content:not(.input-element:disabled):has(.input-element:enabled:hover),.input-wrapper .input-content:not(.input-element:disabled):has(.prefix:hover),.input-wrapper .input-content:not(.input-element:disabled):has(.suffix:hover){border-color:#6d6f73}.input-wrapper .input-content:not(.input-element:disabled):has(.input-element:enabled:focus){outline:0;outline-offset:0;box-shadow:0 0 0 .2rem #e0e1e2;border-color:#6d6f73}.input-wrapper .input-content:has(.input-element:disabled){color:#bbbdc1!important;border-color:#e0e1e2!important;background-color:#f5f5f6!important;cursor:not-allowed}.input-wrapper .input-content:has(.input-element:disabled) .suffix>mat-icon{color:#bbbdc1!important}.input-wrapper .input-content .input-element:disabled{cursor:not-allowed}.input-wrapper .input-content .suffix{display:flex;align-items:center;justify-content:center;padding-block:.75rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-right:.8rem}.input-wrapper .input-content .suffix>mat-icon{width:2rem;height:2rem;font-size:2rem;color:#696969}.input-wrapper .input-help{flex:1;font-size:1rem;font-weight:500;margin-top:-.4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::ng-deep .mat-date-range-input{height:4rem!important;padding-left:.8rem!important}::ng-deep .mat-date-range-input-container,::ng-deep .mat-date-range-input-end-wrapper,::ng-deep .mat-date-range-input-inner,::ng-deep .mat-date-range-input-start-wrapper{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;min-height:100%;height:100%;padding-bottom:3px}::ng-deep .mat-date-range-input-inner{padding:0!important}::-webkit-input-placeholder{color:#bbbdc1}:-moz-placeholder{color:#bbbdc1}::-moz-placeholder{color:#bbbdc1}:-ms-input-placeholder{color:#bbbdc1}"]
         }),
         __metadata("design:paramtypes", [ElementRef,
             ChangeDetectorRef])
@@ -23547,12 +23694,12 @@ var PresetRangeComponent = /** @class */ (function () {
 }());
 var moment$3 = moment_;
-var nextUniqueId$k = 0;
+var nextUniqueId$m = 0;
 var DatepickerComponent = /** @class */ (function () {
     function DatepickerComponent(elementRef, _changeDetectorRef) {
         this.elementRef = elementRef;
         this._changeDetectorRef = _changeDetectorRef;
-        this._name = "gipi-date-range-" + nextUniqueId$k++;
+        this._name = "gipi-date-range-" + nextUniqueId$m++;
         this.id = this._name + "-date";
         this.name = this._name + "-date";
         this.label = '';
@@ -23785,7 +23932,7 @@ var DatepickerComponent = /** @class */ (function () {
             host: {
                 'class': 'gipi-datepicker',
             },
-            styles: [":host{display:block;width:100%}.input-wrapper{display:flex;flex-direction:column;gap:.8rem;font-size:1.4rem;color:#696969}.input-wrapper .input-label{display:flex;align-items:center;gap:.4rem;color:#131313;line-height:1.6rem}.input-wrapper .input-label>span{font-size:1.6rem;line-height:1.6rem;color:#d14014}.input-wrapper .input-content{display:flex;font-family:inherit;font-size:inherit;color:inherit;height:4rem;background:#fff;border:1px solid rgba(0,0,0,.12);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.6rem}.input-wrapper .input-content .input-element{padding:.75rem .8rem;border:none;outline:0;background-color:transparent;flex:1;color:inherit;caret-color:#696969;min-width:0}.input-wrapper .input-content:not(.input-element:disabled):has(.input-element:enabled:hover),.input-wrapper .input-content:not(.input-element:disabled):has(.prefix:hover),.input-wrapper .input-content:not(.input-element:disabled):has(.suffix:hover){border-color:#6d6f73}.input-wrapper .input-content:not(.input-element:disabled):has(.input-element:enabled:focus){outline:0;outline-offset:0;box-shadow:0 0 0 .2rem #e0e1e2;border-color:#6d6f73}.input-wrapper .input-content:has(.input-element:disabled){color:#bbbdc1!important;border-color:#e0e1e2!important;background-color:#f5f5f6!important;cursor:not-allowed}.input-wrapper .input-content:has(.input-element:disabled) .suffix>mat-icon{color:#bbbdc1!important}.input-wrapper .input-content .input-element:disabled{cursor:not-allowed}.input-wrapper .input-content .suffix{display:flex;align-items:center;justify-content:center;padding-block:.75rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-right:.8rem}.input-wrapper .input-content .suffix>mat-icon{width:2rem;height:2rem;font-size:2rem;color:#696969}.input-wrapper .input-help{flex:1;font-size:1rem;font-weight:500;margin-top:-.4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::-webkit-input-placeholder{color:#bbbdc1}:-moz-placeholder{color:#bbbdc1}::-moz-placeholder{color:#bbbdc1}:-ms-input-placeholder{color:#bbbdc1}"]
+            styles: [":host{display:block;width:100%;min-width:0;max-width:100%;flex:1}.input-wrapper{display:flex;flex-direction:column;gap:.8rem;font-size:1.4rem;color:#696969}.input-wrapper .input-label{display:flex;align-items:center;gap:.4rem;color:#131313;line-height:1.6rem}.input-wrapper .input-label>span{font-size:1.6rem;line-height:1.6rem;color:#d14014}.input-wrapper .input-content{display:flex;font-family:inherit;font-size:inherit;color:inherit;height:4rem;background:#fff;border:1px solid rgba(0,0,0,.12);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.6rem}.input-wrapper .input-content .input-element{padding:.75rem .8rem;border:none;outline:0;background-color:transparent;flex:1;color:inherit;caret-color:#696969;min-width:0}.input-wrapper .input-content:not(.input-element:disabled):has(.input-element:enabled:hover),.input-wrapper .input-content:not(.input-element:disabled):has(.prefix:hover),.input-wrapper .input-content:not(.input-element:disabled):has(.suffix:hover){border-color:#6d6f73}.input-wrapper .input-content:not(.input-element:disabled):has(.input-element:enabled:focus){outline:0;outline-offset:0;box-shadow:0 0 0 .2rem #e0e1e2;border-color:#6d6f73}.input-wrapper .input-content:has(.input-element:disabled){color:#bbbdc1!important;border-color:#e0e1e2!important;background-color:#f5f5f6!important;cursor:not-allowed}.input-wrapper .input-content:has(.input-element:disabled) .suffix>mat-icon{color:#bbbdc1!important}.input-wrapper .input-content .input-element:disabled{cursor:not-allowed}.input-wrapper .input-content .suffix{display:flex;align-items:center;justify-content:center;padding-block:.75rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-right:.8rem}.input-wrapper .input-content .suffix>mat-icon{width:2rem;height:2rem;font-size:2rem;color:#696969}.input-wrapper .input-help{flex:1;font-size:1rem;font-weight:500;margin-top:-.4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::-webkit-input-placeholder{color:#bbbdc1}:-moz-placeholder{color:#bbbdc1}::-moz-placeholder{color:#bbbdc1}:-ms-input-placeholder{color:#bbbdc1}"]
         }),
         __metadata("design:paramtypes", [ElementRef,
             ChangeDetectorRef])
@@ -24153,7 +24300,7 @@ var MonthPickerModel = /** @class */ (function () {
     };
     return MonthPickerModel;
 }());
-var nextUniqueId$l = 0;
+var nextUniqueId$n = 0;
 var MonthYearPickerComponent = /** @class */ (function () {
     function MonthYearPickerComponent(elementRef, _changeDetectorRef, _overlay, _ngZone, _viewContainerRef, scrollStrategy, _dir, _document) {
         this.elementRef = elementRef;
@@ -24163,7 +24310,7 @@ var MonthYearPickerComponent = /** @class */ (function () {
         this._viewContainerRef = _viewContainerRef;
         this._dir = _dir;
         this._document = _document;
-        this._name = "gipi-date-range-" + nextUniqueId$l++;
+        this._name = "gipi-date-range-" + nextUniqueId$n++;
         this._focusedElementBeforeOpen = null;
         this._backdropHarnessClass = this._name + "-backdrop";
         this._stateChanges = new Subject();
@@ -24546,7 +24693,7 @@ var MonthYearPickerComponent = /** @class */ (function () {
     MonthYearPickerComponent = MonthYearPickerComponent_1 = __decorate([
         Component({
             selector: 'gipi-month-year-picker',
-            template: "<div class=\"input-wrapper\">\n\n    <label *ngIf=\"label\"\n           class=\"input-label\"\n           [attr.for]=\"id\">\n        {{ label }}\n        <span *ngIf=\"required\"> * </span>\n    </label>\n\n    <div class=\"input-content\"\n         #inputMonthYearContent\n         (click)=\"open()\">\n        <input matInput\n               class=\"input-element\"\n               type=\"text\"\n               [attr.id]=\"id\"\n               [attr.name]=\"name\"\n               [placeholder]=\"placeholder\"\n               [disabled]=\"disabled\"\n               [required]=\"required\"\n               [readOnly]=\"true\"\n               [autocomplete]=\"'off'\"\n               [autofocus]=\"false\"\n               [ngModel]=\"valueLabel\"\n               (click)=\"open()\" />\n\n        <div class=\"suffix\">\n            <button #button\n                    mat-icon-button\n                    type=\"button\"\n                    class=\"btn-month-year-toggle\"\n                    [attr.aria-label]=\"'Abrir calend\u00E1rio mensal'\"\n                    [disabled]=\"disabled\"\n                    (click)=\"open()\">\n                <svg class=\"month-year-toggle-default-icon\"\n                     viewBox=\"0 0 24 24\"\n                     width=\"24px\"\n                     height=\"24px\"\n                     fill=\"currentColor\"\n                     focusable=\"false\">\n                    <path\n                          d=\"M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z\" />\n                </svg>\n            </button>\n        </div>\n    </div>\n\n    <small *ngIf=\"help\"\n           class=\"input-help\">\n        {{ help }}\n    </small>\n</div>\n",
+            template: "<div class=\"input-wrapper\">\n\n    <label *ngIf=\"label\"\n           class=\"input-label\"\n           [attr.for]=\"id\">\n        {{ label }}\n        <span *ngIf=\"required\"> * </span>\n    </label>\n\n    <div class=\"input-content\"\n         #inputMonthYearContent\n         (click)=\"open()\">\n        <input matInput\n               class=\"input-element\"\n               type=\"text\"\n               [attr.id]=\"id\"\n               [attr.name]=\"name\"\n               [placeholder]=\"placeholder\"\n               [disabled]=\"disabled\"\n               [required]=\"required\"\n               [readOnly]=\"true\"\n               [autocomplete]=\"'off'\"\n               [autofocus]=\"false\"\n               [ngModel]=\"valueLabel\"\n               (click)=\"open()\" />\n\n        <div class=\"suffix\">\n            <button #button\n                    mat-icon-button\n                    type=\"button\"\n                    class=\"btn-month-year-toggle\"\n                    [attr.aria-label]=\"'Abrir calend\u00E1rio mensal'\"\n                    [disabled]=\"disabled\"\n                    (click)=\"open()\">\n                <svg class=\"month-year-toggle-default-icon\"\n                     viewBox=\"0 0 24 24\"\n                     width=\"24px\"\n                     height=\"24px\"\n                     fill=\"currentColor\"\n                     focusable=\"false\">\n                    <path\n                          d=\"M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z\" />\n                </svg>\n            </button>\n        </div>\n    </div>\n\n    <small *ngIf=\"help\"\n           class=\"input-help\">\n        {{ help }}\n    </small>\n</div>",
             providers: [
                 {
                     provide: NG_VALUE_ACCESSOR,
@@ -24558,7 +24705,7 @@ var MonthYearPickerComponent = /** @class */ (function () {
                 'class': 'gipi-month-year-picker',
             },
             changeDetection: ChangeDetectionStrategy.OnPush,
-            styles: [":host{display:block;width:100%}.input-wrapper{display:flex;flex-direction:column;gap:.8rem;font-size:1.4rem;color:#696969}.input-wrapper .input-label{display:flex;align-items:center;gap:.4rem;color:#131313;line-height:1.6rem}.input-wrapper .input-label>span{font-size:1.6rem;line-height:1.6rem;color:#d14014}.input-wrapper .input-content{display:flex;font-family:inherit;font-size:inherit;color:inherit;height:4rem;background:#fff;border:1px solid rgba(0,0,0,.12);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.6rem}.input-wrapper .input-content .input-element{padding:.75rem .8rem;border:none;outline:0;background-color:transparent;flex:1;color:inherit;caret-color:#696969;min-width:0}.input-wrapper .input-content:not(.input-element:disabled):has(.input-element:enabled:hover),.input-wrapper .input-content:not(.input-element:disabled):has(.prefix:hover),.input-wrapper .input-content:not(.input-element:disabled):has(.suffix:hover){border-color:#6d6f73}.input-wrapper .input-content:not(.input-element:disabled):has(.input-element:enabled:focus){outline:0;outline-offset:0;box-shadow:0 0 0 .2rem #e0e1e2;border-color:#6d6f73}.input-wrapper .input-content:has(.input-element:disabled){color:#bbbdc1!important;border-color:#e0e1e2!important;background-color:#f5f5f6!important;cursor:not-allowed}.input-wrapper .input-content:has(.input-element:disabled) .suffix>mat-icon{color:#bbbdc1!important}.input-wrapper .input-content .input-element:disabled{cursor:not-allowed}.input-wrapper .input-content .suffix{display:flex;align-items:center;justify-content:center;padding-block:.75rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-right:.8rem}.input-wrapper .input-content .suffix>mat-icon{width:2rem;height:2rem;font-size:2rem;color:#696969}.input-wrapper .input-help{flex:1;font-size:1rem;font-weight:500;margin-top:-.4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.month-year-toggle-default-icon{display:block;width:1.5em;height:1.5em}.mat-icon-button .month-year-toggle-default-icon{margin:auto}.btn-month-year-toggle{width:2rem!important;height:2rem!important;line-height:2rem!important}"]
+            styles: [":host{display:block;width:100%;min-width:0;max-width:100%;flex:1}.input-wrapper{display:flex;flex-direction:column;gap:.8rem;font-size:1.4rem;color:#696969}.input-wrapper .input-label{display:flex;align-items:center;gap:.4rem;color:#131313;line-height:1.6rem}.input-wrapper .input-label>span{font-size:1.6rem;line-height:1.6rem;color:#d14014}.input-wrapper .input-content{display:flex;font-family:inherit;font-size:inherit;color:inherit;height:4rem;background:#fff;border:1px solid rgba(0,0,0,.12);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.6rem}.input-wrapper .input-content .input-element{padding:.75rem .8rem;border:none;outline:0;background-color:transparent;flex:1;color:inherit;caret-color:#696969;min-width:0}.input-wrapper .input-content:not(.input-element:disabled):has(.input-element:enabled:hover),.input-wrapper .input-content:not(.input-element:disabled):has(.prefix:hover),.input-wrapper .input-content:not(.input-element:disabled):has(.suffix:hover){border-color:#6d6f73}.input-wrapper .input-content:not(.input-element:disabled):has(.input-element:enabled:focus){outline:0;outline-offset:0;box-shadow:0 0 0 .2rem #e0e1e2;border-color:#6d6f73}.input-wrapper .input-content:has(.input-element:disabled){color:#bbbdc1!important;border-color:#e0e1e2!important;background-color:#f5f5f6!important;cursor:not-allowed}.input-wrapper .input-content:has(.input-element:disabled) .suffix>mat-icon{color:#bbbdc1!important}.input-wrapper .input-content .input-element:disabled{cursor:not-allowed}.input-wrapper .input-content .suffix{display:flex;align-items:center;justify-content:center;padding-block:.75rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-right:.8rem}.input-wrapper .input-content .suffix>mat-icon{width:2rem;height:2rem;font-size:2rem;color:#696969}.input-wrapper .input-help{flex:1;font-size:1rem;font-weight:500;margin-top:-.4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.month-year-toggle-default-icon{display:block;width:1.5em;height:1.5em}.mat-icon-button .month-year-toggle-default-icon{margin:auto}.btn-month-year-toggle{width:2rem!important;height:2rem!important;line-height:2rem!important}"]
         }),
         __param(5, Inject(GIPI_MONTH_YEAR_SCROLL_STRATEGY)),
         __param(6, Optional()),
@@ -24608,12 +24755,254 @@ var MonthYearPickerModule = /** @class */ (function () {
     return MonthYearPickerModule;
 }());
-var nextUniqueId$m = 0;
+var nextUniqueId$o = 0;
+var GIPISplitButtonComponent = /** @class */ (function () {
+    function GIPISplitButtonComponent(elementRef) {
+        this.elementRef = elementRef;
+        this._uniqueId = nextUniqueId$o++;
+        this._name = "gipi-split-button-" + this._uniqueId;
+        this.idBtnDefault = "gipi-split-button-default-" + this._uniqueId;
+        this.idBtnMenu = "gipi-split-button-menu-" + this._uniqueId;
+        this.isSplitButtonPrimary = this._hasHostAttributes('gipi-primary');
+        this.isSplitButtonSecondary = this._hasHostAttributes('gipi-secondary');
+        this.isSplitButtonTertiary = this._hasHostAttributes('gipi-tertiary');
+        this.isSplitButtonAction = this._hasHostAttributes('gipi-action');
+        this.id = this._name;
+        this.name = this._name;
+        this.type = 'button';
+        this.ariaLabel = '';
+        this.title = '';
+        this.label = '';
+        this.disabled = false;
+        this.loading = false;
+        this.tooltip = '';
+        this.splitOptions = [];
+        this.onOpenPopover = new EventEmitter();
+        this.onClosePopover = new EventEmitter();
+        this.onClick = new EventEmitter(true);
+        this.onFocus = new EventEmitter(true);
+        this.onBlur = new EventEmitter(true);
+    }
+    GIPISplitButtonComponent_1 = GIPISplitButtonComponent;
+    GIPISplitButtonComponent.prototype.ngOnInit = function () { };
+    GIPISplitButtonComponent.prototype.ngOnDestroy = function () {
+        if (this.popoverTrigger) {
+            this.popoverTrigger.destroyPopover();
+        }
+    };
+    GIPISplitButtonComponent.prototype.getHostElement = function () {
+        return this.elementRef.nativeElement;
+    };
+    GIPISplitButtonComponent.prototype._hasHostAttributes = function () {
+        var _this = this;
+        var attributes = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            attributes[_i] = arguments[_i];
+        }
+        return attributes.some(function (attribute) { return _this.getHostElement().hasAttribute(attribute); });
+    };
+    GIPISplitButtonComponent.prototype.btnIdAndName = function () {
+        var uniqueId = nextUniqueId$o++;
+        return {
+            btnDefault: "gipi-split-button-default-" + uniqueId,
+            btnMenu: "gipi-split-button-menu-" + uniqueId,
+        };
+    };
+    GIPISplitButtonComponent.prototype.getInternalButtonClass = function (isBtnDefault) {
+        return {
+            'button-default': isBtnDefault,
+            'button-menu': !isBtnDefault,
+            'button-primary': this.isSplitButtonPrimary,
+            'button-secondary': this.isSplitButtonSecondary,
+            'button-tertiary': this.isSplitButtonTertiary,
+            'button-action': this.isSplitButtonAction,
+        };
+    };
+    GIPISplitButtonComponent.prototype.showPopover = function () {
+        if (this.disabled || this.loading) {
+            return;
+        }
+        else {
+            this.popoverTrigger.openPopover();
+        }
+    };
+    GIPISplitButtonComponent.prototype.closePopover = function () {
+        if (this.disabled || this.loading) {
+            return;
+        }
+        else {
+            this.popoverTrigger.closePopover();
+        }
+    };
+    GIPISplitButtonComponent.prototype.handleClick = function (event) {
+        if (this.disabled || this.loading) {
+            return;
+        }
+        else {
+            this.onClick.emit(event);
+            this.closePopover();
+            event.stopPropagation();
+        }
+    };
+    GIPISplitButtonComponent.prototype.handleFocus = function (event) {
+        if (this.disabled || this.loading) {
+            return;
+        }
+        else {
+            this.onFocus.emit(event);
+            event.stopPropagation();
+        }
+    };
+    GIPISplitButtonComponent.prototype.handleBlur = function (event) {
+        if (this.disabled || this.loading) {
+            return;
+        }
+        else {
+            this.onBlur.emit(event);
+            event.stopPropagation();
+        }
+    };
+    GIPISplitButtonComponent.prototype.handleClickBtnMenu = function (event) {
+        if (this.disabled || this.loading) {
+            return;
+        }
+        else {
+            if (!ObjectUtil.isNull(this.popoverTrigger)) {
+                this.popoverTrigger.togglePopover();
+            }
+            event.stopPropagation();
+        }
+    };
+    GIPISplitButtonComponent.prototype.handleClickBtnSplitOption = function (option) {
+        if (this.disabled || this.loading || !option || option.disabled || !option.clickFn) {
+            return;
+        }
+        else {
+            option.clickFn();
+            this.closePopover();
+        }
+    };
+    GIPISplitButtonComponent.prototype.onResize = function (event) {
+        if (this.popoverTrigger) {
+            this.popoverTrigger.closePopover();
+            event.stopPropagation();
+        }
+    };
+    var GIPISplitButtonComponent_1;
+    GIPISplitButtonComponent.ctorParameters = function () { return [
+        { type: ElementRef }
+    ]; };
+    __decorate([
+        ViewChild(GIPIPopoverTrigger, { static: false }),
+        __metadata("design:type", GIPIPopoverTrigger)
+    ], GIPISplitButtonComponent.prototype, "popoverTrigger", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], GIPISplitButtonComponent.prototype, "id", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], GIPISplitButtonComponent.prototype, "name", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], GIPISplitButtonComponent.prototype, "type", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], GIPISplitButtonComponent.prototype, "ariaLabel", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], GIPISplitButtonComponent.prototype, "title", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], GIPISplitButtonComponent.prototype, "label", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], GIPISplitButtonComponent.prototype, "buttonClass", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Boolean)
+    ], GIPISplitButtonComponent.prototype, "disabled", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Boolean)
+    ], GIPISplitButtonComponent.prototype, "loading", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], GIPISplitButtonComponent.prototype, "tooltip", void 0);
+    __decorate([
+        Input('options'),
+        __metadata("design:type", Array)
+    ], GIPISplitButtonComponent.prototype, "splitOptions", void 0);
+    __decorate([
+        Output(),
+        __metadata("design:type", EventEmitter)
+    ], GIPISplitButtonComponent.prototype, "onOpenPopover", void 0);
+    __decorate([
+        Output(),
+        __metadata("design:type", EventEmitter)
+    ], GIPISplitButtonComponent.prototype, "onClosePopover", void 0);
+    __decorate([
+        Output('click'),
+        __metadata("design:type", EventEmitter)
+    ], GIPISplitButtonComponent.prototype, "onClick", void 0);
+    __decorate([
+        Output('focus'),
+        __metadata("design:type", EventEmitter)
+    ], GIPISplitButtonComponent.prototype, "onFocus", void 0);
+    __decorate([
+        Output('blur'),
+        __metadata("design:type", EventEmitter)
+    ], GIPISplitButtonComponent.prototype, "onBlur", void 0);
+    __decorate([
+        HostListener('window:resize', ['$event']),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [UIEvent]),
+        __metadata("design:returntype", void 0)
+    ], GIPISplitButtonComponent.prototype, "onResize", null);
+    GIPISplitButtonComponent = GIPISplitButtonComponent_1 = __decorate([
+        Component({
+            selector: "gipi-split-button[gipi-primary], gipi-split-button[gipi-secondary],\n               gipi-split-button[gipi-tertiary], gipi-split-button[gipi-action]",
+            exportAs: 'gipiSplitButton',
+            template: "<div [matTooltip]=\"tooltip\"\n     [class]=\"buttonClass || ''\"\n     [class.button-base]=\"true\"\n     [class.disabled]=\"disabled || loading\"\n     #popoverTrigger=\"popoverTrigger\"\n     [popoverTriggerFor]=\"btnPopover\"\n     [popoverTriggerOn]=\"'none'\"\n     [popoverBackdropCloseOnClick]=\"true\"\n     (opened)=\"onOpenPopover.emit()\"\n     (closed)=\"onClosePopover.emit()\">\n    <button [attr.id]=\"idBtnDefault\"\n            [attr.name]=\"idBtnDefault\"\n            [attr.type]=\"type\"\n            [attr.aria-label]=\"ariaLabel ? ariaLabel : label\"\n            [attr.title]=\"title ? title : label\"\n            [disabled]=\"disabled || loading\"\n            [ngClass]=\"getInternalButtonClass(true)\"\n            role=\"button\"\n            (click)=\"handleClick($event)\"\n            (focus)=\"handleFocus($event)\"\n            (blur)=\"handleBlur($event)\">\n        {{ label ? label : '' }}\n    </button>\n    <button [attr.id]=\"idBtnMenu\"\n            [attr.name]=\"idBtnMenu\"\n            [attr.type]=\"type\"\n            [attr.aria-label]=\"ariaLabel ? ariaLabel : label\"\n            [attr.title]=\"title ? title : label\"\n            [disabled]=\"disabled || loading\"\n            [ngClass]=\"getInternalButtonClass(false)\"\n            role=\"button\"\n            (click)=\"handleClickBtnMenu($event)\">\n        <mat-icon [@indicatorRotate]=\"popoverTrigger?.popoverOpen ? 'opened': 'closed'\"> expand_more </mat-icon>\n    </button>\n</div>\n\n<gipi-popover #btnPopover=\"gipiPopover\"\n              [popoverOverlapTrigger]=\"false\"\n              [popoverCloseOnClick]=\"false\"\n              [popoverArrowWidth]=\"0\"\n              [popoverOffsetY]=\"3\">\n    <div class=\"btn-popover-content\">\n        <button class=\"btn-split-option\"\n                *ngFor=\"let option of splitOptions\"\n                [disabled]=\"option?.disabled\"\n                (click)=\"handleClickBtnSplitOption(option)\">\n            {{ option.label }}\n        </button>\n    </div>\n</gipi-popover>",
+            providers: [
+                {
+                    provide: NG_VALUE_ACCESSOR,
+                    useExisting: forwardRef(function () { return GIPISplitButtonComponent_1; }),
+                    multi: true
+                }
+            ],
+            host: {
+                'class': 'gipi-split-button',
+                '[attr.id]': 'id',
+                '[attr.name]': 'name',
+            },
+            animations: [
+                trigger('indicatorRotate', [
+                    state('closed', style({ transform: 'rotate(0deg)' })),
+                    state('opened', style({ transform: 'rotate(-180deg)' })),
+                    transition('opened <=> closed', animate('225ms cubic-bezier(0.4,0.0,0.2,1)')),
+                ])
+            ],
+            styles: [".button-base{display:flex;flex-direction:row;justify-content:center;border-radius:4px;font-weight:600;font-size:1.4rem;line-height:1.6rem;cursor:pointer;outline:0;white-space:nowrap;text-decoration:none;vertical-align:middle;text-align:center;box-shadow:1px 1px 5px 0 rgba(0,0,0,.1);transition:.2s;width:100%;max-height:4rem;border:1px solid transparent;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.button-base.disabled{cursor:not-allowed!important;box-shadow:none}.button-base>button{display:flex;align-items:center;justify-content:center;border:none;outline:0;box-shadow:none;width:100%;height:40px;padding:12px 16px;overflow:hidden;border-radius:inherit;cursor:inherit;font-size:inherit;font-weight:inherit;white-space:nowrap;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative}.button-base>button:not(.disabled):active{opacity:.8}.button-base .button-default{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.button-base .button-menu{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;border-top-left-radius:0!important;border-bottom-left-radius:0!important}.button-primary:not(:disabled),.button-primary:not(:disabled)>mat-icon{background-color:#e0313e;color:#fff;fill:#fff}.button-primary:not(:disabled).button-default,.button-primary:not(:disabled)>mat-icon.button-default{border-right:1px solid #9f232c}.button-primary:not(:disabled) svg,.button-primary:not(:disabled) svg g path,.button-primary:not(:disabled) svg path,.button-primary:not(:disabled)>mat-icon svg,.button-primary:not(:disabled)>mat-icon svg g path,.button-primary:not(:disabled)>mat-icon svg path{color:#fff;fill:#fff}.button-primary:disabled,.button-primary:disabled>mat-icon{background-color:#d1d2d4;color:#9a9da2;fill:#9a9da2}.button-primary:disabled.button-default,.button-primary:disabled>mat-icon.button-default{border-right:1px solid #9a9da2}.button-primary:disabled svg,.button-primary:disabled svg g path,.button-primary:disabled svg path,.button-primary:disabled>mat-icon svg,.button-primary:disabled>mat-icon svg g path,.button-primary:disabled>mat-icon svg path{color:#9a9da2;fill:#9a9da2}.button-primary:not(:disabled):hover,.button-primary:not(:disabled):hover>mat-icon{background-color:#cc2d38;color:#fff;fill:#fff}.button-primary:not(:disabled):hover svg,.button-primary:not(:disabled):hover svg g path,.button-primary:not(:disabled):hover svg path,.button-primary:not(:disabled):hover>mat-icon svg,.button-primary:not(:disabled):hover>mat-icon svg g path,.button-primary:not(:disabled):hover>mat-icon svg path{color:#fff;fill:#fff}.button-secondary{background-color:transparent}.button-secondary:not(:disabled),.button-secondary:not(:disabled)>mat-icon{border-color:#595959;color:#595959;fill:#595959}.button-secondary:not(:disabled).button-default,.button-secondary:not(:disabled)>mat-icon.button-default{border-right:1px solid #595959}.button-secondary:not(:disabled) svg,.button-secondary:not(:disabled) svg g path,.button-secondary:not(:disabled) svg path,.button-secondary:not(:disabled)>mat-icon svg,.button-secondary:not(:disabled)>mat-icon svg g path,.button-secondary:not(:disabled)>mat-icon svg path{color:#595959;fill:#595959}.button-secondary:disabled,.button-secondary:disabled>mat-icon{border-color:#d1d2d4;background-color:#d1d2d4;color:#9a9da2;fill:#9a9da2}.button-secondary:disabled.button-default,.button-secondary:disabled>mat-icon.button-default{border-right:1px solid #9a9da2}.button-secondary:disabled svg,.button-secondary:disabled svg g path,.button-secondary:disabled svg path,.button-secondary:disabled>mat-icon svg,.button-secondary:disabled>mat-icon svg g path,.button-secondary:disabled>mat-icon svg path{color:#9a9da2;fill:#9a9da2}.button-secondary:not(:disabled):hover,.button-secondary:not(:disabled):hover>mat-icon{border-color:#595959;background-color:#e0e1e2;color:#595959;fill:#595959}.button-secondary:not(:disabled):hover svg,.button-secondary:not(:disabled):hover svg g path,.button-secondary:not(:disabled):hover svg path,.button-secondary:not(:disabled):hover>mat-icon svg,.button-secondary:not(:disabled):hover>mat-icon svg g path,.button-secondary:not(:disabled):hover>mat-icon svg path{color:#595959;fill:#595959}.button-tertiary{background-color:#e7ebee;box-shadow:none}.button-tertiary:not(:disabled),.button-tertiary:not(:disabled)>mat-icon{color:#595959;fill:#595959}.button-tertiary:not(:disabled).button-default,.button-tertiary:not(:disabled)>mat-icon.button-default{border-right:1px solid #595959}.button-tertiary:not(:disabled) svg,.button-tertiary:not(:disabled) svg g path,.button-tertiary:not(:disabled) svg path,.button-tertiary:not(:disabled)>mat-icon svg,.button-tertiary:not(:disabled)>mat-icon svg g path,.button-tertiary:not(:disabled)>mat-icon svg path{color:#595959;fill:#595959}.button-tertiary:disabled,.button-tertiary:disabled>mat-icon{background-color:#d1d2d4;color:#9a9da2;fill:#9a9da2}.button-tertiary:disabled.button-default,.button-tertiary:disabled>mat-icon.button-default{border-right:1px solid #9a9da2}.button-tertiary:disabled svg,.button-tertiary:disabled svg g path,.button-tertiary:disabled svg path,.button-tertiary:disabled>mat-icon svg,.button-tertiary:disabled>mat-icon svg g path,.button-tertiary:disabled>mat-icon svg path{color:#9a9da2;fill:#9a9da2}.button-tertiary:not(:disabled):hover,.button-tertiary:not(:disabled):hover>mat-icon{background-color:#e0e1e2;color:#595959;fill:#595959}.button-tertiary:not(:disabled):hover svg,.button-tertiary:not(:disabled):hover svg g path,.button-tertiary:not(:disabled):hover svg path,.button-tertiary:not(:disabled):hover>mat-icon svg,.button-tertiary:not(:disabled):hover>mat-icon svg g path,.button-tertiary:not(:disabled):hover>mat-icon svg path{color:#595959;fill:#595959}.button-action{background-color:transparent;box-shadow:none;display:flex;justify-content:flex-start!important}.button-action:not(:disabled),.button-action:not(:disabled)>mat-icon{color:#262626;fill:#262626}.button-action:not(:disabled).button-default,.button-action:not(:disabled)>mat-icon.button-default{border-right:1px solid #262626}.button-action:not(:disabled) svg,.button-action:not(:disabled) svg g path,.button-action:not(:disabled) svg path,.button-action:not(:disabled)>mat-icon svg,.button-action:not(:disabled)>mat-icon svg g path,.button-action:not(:disabled)>mat-icon svg path{color:#262626;fill:#262626}.button-action:disabled,.button-action:disabled>mat-icon{color:#9a9da2;fill:#9a9da2}.button-action:disabled.button-default,.button-action:disabled>mat-icon.button-default{border-right:1px solid #9a9da2}.button-action:disabled svg,.button-action:disabled svg g path,.button-action:disabled svg path,.button-action:disabled>mat-icon svg,.button-action:disabled>mat-icon svg g path,.button-action:disabled>mat-icon svg path{color:#9a9da2;fill:#9a9da2}.button-action:not(:disabled):hover,.button-action:not(:disabled):hover>mat-icon{background-color:#f5f5f6;color:#262626;fill:#262626}.button-action:not(:disabled):hover svg,.button-action:not(:disabled):hover svg g path,.button-action:not(:disabled):hover svg path,.button-action:not(:disabled):hover>mat-icon svg,.button-action:not(:disabled):hover>mat-icon svg g path,.button-action:not(:disabled):hover>mat-icon svg path{color:#262626;fill:#262626}.disabled,:disabled{pointer-events:none!important}.btn-popover-content{display:flex;flex-direction:column;gap:.8rem;background-color:#fff;border-radius:4px;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);padding:8px}.btn-split-option{width:100%;padding:.8rem;border-radius:.4rem;border:1px solid transparent;text-align:left;outline:0;background-color:transparent;cursor:pointer}.btn-split-option:not(:disabled){color:#595959}.btn-split-option:disabled{border-color:#d1d2d4;background-color:#d1d2d4;color:#9a9da2;cursor:not-allowed}.btn-split-option:not(:disabled):hover{border-color:#595959;background-color:#e0e1e2;color:#595959}"]
+        }),
+        __metadata("design:paramtypes", [ElementRef])
+    ], GIPISplitButtonComponent);
+    return GIPISplitButtonComponent;
+}());
+var nextUniqueId$p = 0;
 var GIPITextareaComponent = /** @class */ (function () {
     function GIPITextareaComponent(elementRef, _changeDetectorRef) {
         this.elementRef = elementRef;
         this._changeDetectorRef = _changeDetectorRef;
-        this._name = "gipi-textarea-" + nextUniqueId$m++;
+        this._name = "gipi-textarea-" + nextUniqueId$p++;
         this.id = this._name;
         this.name = this._name;
         this.label = '';
@@ -24947,7 +25336,7 @@ var GIPITextareaComponent = /** @class */ (function () {
                 'class': 'gipi-textarea',
             },
             changeDetection: ChangeDetectionStrategy.OnPush,
-            styles: [":host{display:flex;flex-direction:column;gap:.8rem;font-size:1.4rem;color:#696969}:host .textarea-label{display:flex;align-items:center;gap:.4rem;color:#131313;line-height:1.6rem}:host .textarea-label>span{font-size:1.6rem;line-height:1.6rem;color:#d14014}:host .textarea-element{display:flex;font-family:inherit;font-size:inherit;color:inherit;padding:.75rem .8rem;background:#fff;border:1px solid rgba(0,0,0,.12);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:6px;caret-color:#696969;max-height:12rem;min-height:6rem;resize:vertical;outline:0;overflow:auto}:host .textarea-element:not(:disabled):hover{border-color:#6d6f73}:host .textarea-element:not(:disabled).ng-dirty.ng-invalid:enabled:hover,:host .textarea-element:not(:disabled):invalid:enabled:hover{border-color:#e07f62}:host .textarea-element:not(:disabled):enabled:focus{outline:0;outline-offset:0;box-shadow:0 0 0 .2rem #e0e1e2;border-color:#6d6f73}:host .textarea-element:not(:disabled).ng-dirty.ng-invalid:enabled,:host .textarea-element:not(:disabled):invalid:enabled{border-color:#d14014}:host .textarea-element:not(:disabled).ng-dirty.ng-invalid:enabled:focus,:host .textarea-element:not(:disabled):invalid:enabled:focus{outline:0;outline-offset:0;box-shadow:0 0 0 .2rem #f1c4b6;border-color:#d14014}:host .textarea-element:disabled{color:#bbbdc1!important;border-color:#e0e1e2!important;background-color:#f5f5f6!important;cursor:not-allowed}:host .textarea-element.resize-none{resize:none}:host .textarea-element.resize-both{resize:both}:host .textarea-element.resize-horizontal{resize:horizontal}:host .textarea-element.resize-vertical{resize:vertical}:host .textarea-help{flex:1;font-size:1rem;font-weight:500;margin-top:-.4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::-webkit-input-placeholder{color:#bbbdc1}:-moz-placeholder{color:#bbbdc1}::-moz-placeholder{color:#bbbdc1}:-ms-input-placeholder{color:#bbbdc1}"]
+            styles: [":host{display:flex;min-width:0;max-width:100%;flex:1;flex-direction:column;gap:.8rem;font-size:1.4rem;color:#696969}:host .textarea-label{display:flex;align-items:center;gap:.4rem;color:#131313;line-height:1.6rem}:host .textarea-label>span{font-size:1.6rem;line-height:1.6rem;color:#d14014}:host .textarea-element{display:flex;font-family:inherit;font-size:inherit;color:inherit;padding:.75rem .8rem;background:#fff;border:1px solid rgba(0,0,0,.12);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:6px;caret-color:#696969;max-height:12rem;min-height:6rem;resize:vertical;outline:0;overflow:auto}:host .textarea-element:not(:disabled):hover{border-color:#6d6f73}:host .textarea-element:not(:disabled).ng-dirty.ng-invalid:enabled:hover,:host .textarea-element:not(:disabled):invalid:enabled:hover{border-color:#e07f62}:host .textarea-element:not(:disabled):enabled:focus{outline:0;outline-offset:0;box-shadow:0 0 0 .2rem #e0e1e2;border-color:#6d6f73}:host .textarea-element:not(:disabled).ng-dirty.ng-invalid:enabled,:host .textarea-element:not(:disabled):invalid:enabled{border-color:#d14014}:host .textarea-element:not(:disabled).ng-dirty.ng-invalid:enabled:focus,:host .textarea-element:not(:disabled):invalid:enabled:focus{outline:0;outline-offset:0;box-shadow:0 0 0 .2rem #f1c4b6;border-color:#d14014}:host .textarea-element:disabled{color:#bbbdc1!important;border-color:#e0e1e2!important;background-color:#f5f5f6!important;cursor:not-allowed}:host .textarea-element.resize-none{resize:none}:host .textarea-element.resize-both{resize:both}:host .textarea-element.resize-horizontal{resize:horizontal}:host .textarea-element.resize-vertical{resize:vertical}:host .textarea-help{flex:1;font-size:1rem;font-weight:500;margin-top:-.4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::-webkit-input-placeholder{color:#bbbdc1}:-moz-placeholder{color:#bbbdc1}::-moz-placeholder{color:#bbbdc1}:-ms-input-placeholder{color:#bbbdc1}"]
         }),
         __metadata("design:paramtypes", [ElementRef,
             ChangeDetectorRef])
@@ -25000,6 +25389,7 @@ var GIPIComponents = [
     GIPIEmptyStateComponent,
     GIPICardComponent,
     GIPITextareaComponent,
+    GIPISplitButtonComponent,
     // Tabs
     GIPITabGroupComponent,
     GIPITabComponent,
@@ -25599,10 +25989,9 @@ var AuthenticationService = /** @class */ (function (_super) {
     ]; };
     AuthenticationService.ngInjectableDef = ɵɵdefineInjectable({ factory: function AuthenticationService_Factory() { return new AuthenticationService(ɵɵinject(Router), ɵɵinject(HttpClient)); }, token: AuthenticationService, providedIn: "root" });
     AuthenticationService = __decorate([
-        Injectable({
-            providedIn: 'root'
-        }),
-        __metadata("design:paramtypes", [Router, HttpClient])
+        Injectable({ providedIn: 'root' }),
+        __metadata("design:paramtypes", [Router,
+            HttpClient])
     ], AuthenticationService);
     return AuthenticationService;
 }(AbstractService));
@@ -25753,13 +26142,14 @@ var ErrorInterceptor = /** @class */ (function () {
 var DialogService = /** @class */ (function (_super) {
     __extends(DialogService, _super);
-    function DialogService(dialog) {
+    function DialogService(_breakpointObserver, dialog) {
         var _this = _super.call(this) || this;
+        _this._breakpointObserver = _breakpointObserver;
         _this.dialog = dialog;
         return _this;
     }
     DialogService.prototype.open = function (dialog) {
-        return this.dialog.open(dialog.componentOrTemplateRef, {
+        var dialogConfig = {
             panelClass: dialog.panelClass,
             disableClose: dialog.disableClose,
             width: dialog.width,
@@ -25770,20 +26160,56 @@ var DialogService = /** @class */ (function (_super) {
             maxHeight: dialog.maxHeight,
             position: dialog.position,
             data: dialog.data,
-            autoFocus: dialog.autoFocus,
-            restoreFocus: dialog.restoreFocus,
-            closeOnNavigation: dialog.closeOnNavigation,
-        });
+            autoFocus: dialog.autoFocus || false,
+            restoreFocus: dialog.restoreFocus || false,
+            closeOnNavigation: dialog.closeOnNavigation || true,
+        };
+        // this._breakpointObserver.observe(['(max-width: 1366px)', '(min-width: 1366.1px)']).subscribe((result: BreakpointState) => {
+        //     if (result.matches) {
+        //         if (result.breakpoints['(max-width: 1366px)']) {
+        //             dialogConfig = {
+        //                 ...dialogConfig,
+        //                 width: 'auto',
+        //                 maxWidth: '80%',
+        //                 height: this._calcHeightByBody(),
+        //                 maxHeight: this._calcHeightByBody(),
+        //                 position: {
+        //                     top: '40px',
+        //                     right: '40px',
+        //                 }
+        //             };
+        //         } else if (result.breakpoints['(min-width: 1366.1px)']) {
+        //             // Para telas maiores que 1366px, aplica o maxWidth de 1920px e centraliza o modal
+        //             dialogConfig = {
+        //                 ...dialogConfig,
+        //                 maxWidth: '1920px',
+        //             };
+        //         }
+        //     }
+        // });
+        return this.dialog.open(dialog.componentOrTemplateRef, dialogConfig);
+    };
+    DialogService.prototype._calcHeightByBody = function () {
+        // Esse n° 80 é definido pela margem do lado direito, que no caso é 40px. Como tira 40 top e 40 bottom = 80.
+        var bodyDOMRect = (document && document.body) ? document.body.getBoundingClientRect() : null;
+        return bodyDOMRect.height - 80 + "px";
+    };
+    DialogService.prototype._coerceNumber = function (value) {
+        if (StringUtil.isEmpty(value)) {
+            return null;
+        }
+        var onlyNumber = value.match(/\d+/);
+        return onlyNumber ? parseInt(onlyNumber[0], 10) : null;
     };
     DialogService.ctorParameters = function () { return [
+        { type: BreakpointObserver },
         { type: MatDialog }
     ]; };
-    DialogService.ngInjectableDef = ɵɵdefineInjectable({ factory: function DialogService_Factory() { return new DialogService(ɵɵinject(MatDialog$1)); }, token: DialogService, providedIn: "root" });
+    DialogService.ngInjectableDef = ɵɵdefineInjectable({ factory: function DialogService_Factory() { return new DialogService(ɵɵinject(BreakpointObserver), ɵɵinject(MatDialog$1)); }, token: DialogService, providedIn: "root" });
     DialogService = __decorate([
-        Injectable({
-            providedIn: 'root'
-        }),
-        __metadata("design:paramtypes", [MatDialog])
+        Injectable({ providedIn: 'root' }),
+        __metadata("design:paramtypes", [BreakpointObserver,
+            MatDialog])
     ], DialogService);
     return DialogService;
 }(AbstractService));
@@ -25832,15 +26258,26 @@ var SvgRegisterService = /** @class */ (function () {
             throw new Error(error);
         }
     };
+    /**
+     * Registers an icon using an HTML string in the default namespace.
+     * @param svgName Svg name without the extension
+     * @param literal SVG source of the icon.
+     */
+    SvgRegisterService.prototype.registerSvgIconLiteral = function (svgName, literal) {
+        try {
+            this._matIconRegistry.addSvgIconLiteral(svgName, literal);
+        }
+        catch (error) {
+            throw new Error(error);
+        }
+    };
     SvgRegisterService.ctorParameters = function () { return [
         { type: MatIconRegistry },
         { type: DomSanitizer }
     ]; };
     SvgRegisterService.ngInjectableDef = ɵɵdefineInjectable({ factory: function SvgRegisterService_Factory() { return new SvgRegisterService(ɵɵinject(MatIconRegistry$1), ɵɵinject(DomSanitizer)); }, token: SvgRegisterService, providedIn: "root" });
     SvgRegisterService = __decorate([
-        Injectable({
-            providedIn: 'root'
-        }),
+        Injectable({ providedIn: 'root' }),
         __metadata("design:paramtypes", [MatIconRegistry,
             DomSanitizer])
     ], SvgRegisterService);
@@ -26117,9 +26554,7 @@ var GIPIFileService = /** @class */ (function () {
     };
     GIPIFileService.ngInjectableDef = ɵɵdefineInjectable({ factory: function GIPIFileService_Factory() { return new GIPIFileService(); }, token: GIPIFileService, providedIn: "root" });
     GIPIFileService = __decorate([
-        Injectable({
-            providedIn: 'root'
-        }),
+        Injectable({ providedIn: 'root' }),
         __metadata("design:paramtypes", [])
     ], GIPIFileService);
     return GIPIFileService;
@@ -27140,25 +27575,25 @@ var LocalTimeEnum;
 })(LocalTimeEnum || (LocalTimeEnum = {}));
 var AuthGuard = /** @class */ (function () {
-    function AuthGuard(router, authenticationService) {
-        this.router = router;
-        this.authenticationService = authenticationService;
+    function AuthGuard(_router, _authenticationService) {
+        this._router = _router;
+        this._authenticationService = _authenticationService;
     }
     AuthGuard.prototype.canActivate = function (route, state) {
         var _this = this;
-        if (!ObjectUtil.isNull(this.authenticationService.tokenValueLocalStorage)) {
-            return this.authenticationService.token.pipe(map(function (token) {
-                if (_this.authenticationService.isValidToken(token)) {
+        if (!ObjectUtil.isNull(this._authenticationService.tokenValueLocalStorage)) {
+            return this._authenticationService.token.pipe(map(function (token) {
+                if (_this._authenticationService.isValidToken(token)) {
                     return true;
                 }
                 else if (!ObjectUtil.isNull(token)) {
-                    _this.authenticationService.removeToken();
+                    _this._authenticationService.removeToken();
                 }
-                _this.router.navigate(['oauth/login'], { queryParams: { returnUrl: state.url } });
+                _this._router.navigate(['oauth/login'], { queryParams: { returnUrl: state.url } });
                 return false;
             }));
         }
-        this.router.navigate(['oauth/login'], { queryParams: { returnUrl: state.url } });
+        this._router.navigate(['oauth/login'], { queryParams: { returnUrl: state.url } });
         return of(false);
     };
     AuthGuard.prototype.canActivateChild = function (route, state) {
@@ -27170,32 +27605,31 @@ var AuthGuard = /** @class */ (function () {
     ]; };
     AuthGuard.ngInjectableDef = ɵɵdefineInjectable({ factory: function AuthGuard_Factory() { return new AuthGuard(ɵɵinject(Router), ɵɵinject(AuthenticationService)); }, token: AuthGuard, providedIn: "root" });
     AuthGuard = __decorate([
-        Injectable({
-            providedIn: 'root'
-        }),
-        __metadata("design:paramtypes", [Router, AuthenticationService])
+        Injectable({ providedIn: 'root' }),
+        __metadata("design:paramtypes", [Router,
+            AuthenticationService])
     ], AuthGuard);
     return AuthGuard;
 }());
 var PermissionGuard = /** @class */ (function () {
-    function PermissionGuard(router, authenticationService) {
-        this.router = router;
-        this.authenticationService = authenticationService;
+    function PermissionGuard(_router, _authenticationService) {
+        this._router = _router;
+        this._authenticationService = _authenticationService;
     }
     PermissionGuard.prototype.canActivate = function (route, state) {
         var _this = this;
-        if (!ObjectUtil.isNull(this.authenticationService.tokenValueLocalStorage)) {
-            return this.authenticationService.token.pipe(map(function (token) {
-                if (_this.authenticationService.isValidToken(token)
+        if (!ObjectUtil.isNull(this._authenticationService.tokenValueLocalStorage)) {
+            return this._authenticationService.token.pipe(map(function (token) {
+                if (_this._authenticationService.isValidToken(token)
                     && (!_this.hasPermission(token.user.menuList, state.url) && !_this.hasAuthority(token.user, route.data.authority))) {
-                    _this.router.navigate(['errors/403']);
+                    _this._router.navigate(['errors/403']);
                     return false;
                 }
                 return true;
             }));
         }
-        this.router.navigate(['errors/403']);
+        this._router.navigate(['errors/403']);
         return of(false);
     };
     PermissionGuard.prototype.hasAuthority = function (user, permission) {
@@ -27232,31 +27666,30 @@ var PermissionGuard = /** @class */ (function () {
     ]; };
     PermissionGuard.ngInjectableDef = ɵɵdefineInjectable({ factory: function PermissionGuard_Factory() { return new PermissionGuard(ɵɵinject(Router), ɵɵinject(AuthenticationService)); }, token: PermissionGuard, providedIn: "root" });
     PermissionGuard = __decorate([
-        Injectable({
-            providedIn: 'root'
-        }),
-        __metadata("design:paramtypes", [Router, AuthenticationService])
+        Injectable({ providedIn: 'root' }),
+        __metadata("design:paramtypes", [Router,
+            AuthenticationService])
     ], PermissionGuard);
     return PermissionGuard;
 }());
 var PublicGuard = /** @class */ (function () {
-    function PublicGuard(router, authenticationService) {
-        this.router = router;
-        this.authenticationService = authenticationService;
+    function PublicGuard(_router, _authenticationService) {
+        this._router = _router;
+        this._authenticationService = _authenticationService;
     }
     PublicGuard.prototype.canActivate = function (route, state) {
         var _this = this;
-        if (!ObjectUtil.isNull(this.authenticationService.tokenValueLocalStorage)) {
-            return this.authenticationService.token.pipe(map(function (token) {
-                if (_this.authenticationService.isValidToken(token)) {
-                    _this.router.navigate(['dashboard']);
+        if (!ObjectUtil.isNull(this._authenticationService.tokenValueLocalStorage)) {
+            return this._authenticationService.token.pipe(map(function (token) {
+                if (_this._authenticationService.isValidToken(token)) {
+                    _this._router.navigate(['dashboard']);
                     return false;
                 }
                 return true;
             }));
         }
-        this.router.navigate(['dashboard']);
+        this._router.navigate(['dashboard']);
         return of(false);
     };
     PublicGuard.prototype.canActivateChild = function (route, state) {
@@ -27268,10 +27701,9 @@ var PublicGuard = /** @class */ (function () {
     ]; };
     PublicGuard.ngInjectableDef = ɵɵdefineInjectable({ factory: function PublicGuard_Factory() { return new PublicGuard(ɵɵinject(Router), ɵɵinject(AuthenticationService)); }, token: PublicGuard, providedIn: "root" });
     PublicGuard = __decorate([
-        Injectable({
-            providedIn: 'root'
-        }),
-        __metadata("design:paramtypes", [Router, AuthenticationService])
+        Injectable({ providedIn: 'root' }),
+        __metadata("design:paramtypes", [Router,
+            AuthenticationService])
     ], PublicGuard);
     return PublicGuard;
 }());
@@ -27331,6 +27763,7 @@ var MenuDTO = /** @class */ (function (_super) {
     function MenuDTO() {
         var _this = _super.call(this) || this;
         _this.menuList = [];
+        _this.id = '';
         _this.expanded = false;
         return _this;
     }
@@ -28099,10 +28532,9 @@ var PopoverService = /** @class */ (function () {
     ]; };
     PopoverService.ngInjectableDef = ɵɵdefineInjectable({ factory: function PopoverService_Factory() { return new PopoverService(ɵɵinject(Overlay), ɵɵinject(INJECTOR$1)); }, token: PopoverService, providedIn: "root" });
     PopoverService = __decorate([
-        Injectable({
-            providedIn: 'root'
-        }),
-        __metadata("design:paramtypes", [Overlay, Injector])
+        Injectable({ providedIn: 'root' }),
+        __metadata("design:paramtypes", [Overlay,
+            Injector])
     ], PopoverService);
     return PopoverService;
 }());
@@ -28487,5 +28919,5 @@ var MAT_NATIVE_DATE_FORMATS = {
  * Generated bundle index. Do not edit.
  */
-export { APP_MESSAGES, AbstractComponent, AbstractCrudComponent, AbstractCrudService, AbstractDTO, AbstractFindComponent, AbstractFindService, AbstractModel, AbstractService, AlertComponent, Archive, ArrayUtil, AuthGuard, AuthInterceptor, AuthenticationService, BaseUser, BreakpointEnum, BreakpointObserverService, BrowserUtil, ButtonComponent, CalendarMonthYearComponent, CardComponent, ChartDTO, CheckboxComponent, ConfirmationDTO, ConfirmationService, CoreModule, CriteriaOperationEnum, CriteriaSortDirectionEnum, CurrencyUtil, DEFAULT_MESSAGES, DateAdapter, DateRange, DateRangePickerComponent, DateUtil, DatepickerModule, DefaultMatCalendarRangeStrategy, DialogDTO, DialogService, DocumentUtil, EmailUtil, ErrorInterceptor, FilterDTO, GIPIAbstractComponent, GIPIAbstractCrudComponent, GIPIAbstractCrudService, GIPIAbstractDTO, GIPIAbstractFilterModel, GIPIAbstractFindComponent, GIPIAbstractFormComponent, GIPIAbstractModel, GIPIAbstractService, GIPIActionRowComponent, GIPIAppliedFilter, GIPIAutowired, GIPIBadgeComponent, GIPIBaseService, GIPIBreakpointService, GIPIButtonComponent, GIPICardComponent, GIPIColDirective, GIPIConfirmationDialogComponent, GIPIConnectedOverlayScrollHandler, GIPIDomHandler, GIPIDropdownMenuComponent, GIPIDynamicTabDirective, GIPIEmptyStateComponent, GIPIExpansionPanelComponent, GIPIFileDragAndDropComponent, GIPIFileService, GIPIFooterComponent, GIPIFormFieldComponent, GIPIHelpfulTipComponent, GIPIInfiniteScrollDirective, GIPIInputCheckboxComponent, GIPIInputCurrencyComponent, GIPIInputMonthPickerComponent, GIPIInputSearchComponent, GIPIInputSelectComponent, GIPIInputSelectEnumComponent, GIPIInputSelectListboxComponent, GIPIInputSelectPagedComponent, GIPIInputSelectRadioComponent, GIPINotificationComponent, GIPINoveltiesComponent, GIPIOverlayComponent, GIPIOverlayService, GIPIPageEvent, GIPIPageModel, GIPIPaginatePipe, GIPIPaginationControlsDirective, GIPIPaginationService, GIPIPasswordRequerimentsComponent, GIPIPopoverComponent, GIPIPopoverTarget, GIPIPopoverTrigger, GIPIRadioGroupComponent, GIPIRangePageComponent, GIPIRangeSliderComponent, GIPIResizeService, GIPIRowDirective, GIPISelectButtonComponent, GIPISelectComponent, GIPISessionStorageService, GIPISidenavComponent, GIPISidenavContainerComponent, GIPISlideToggleComponent, GIPISortDirectionEnum, GIPISortModel, GIPIStepperComponent, GIPITabComponent, GIPITabGroupComponent, GIPITableBodyComponent, GIPITableComponent, GIPITableFooterComponent, GIPITableHeaderComponent, GIPITablePaginationComponent, GIPITableProgressBarComponent, GIPITemplateDirective, GIPITextareaComponent, GIPIToolbarComponent, GIPITopNavComponent, GIPIUserProfileComponent, GIPI_BREAKPOINTS, GIPI_CUSTOM_BREAKPOINTS_PROVIDER, GIPI_MONTH_YEAR_SCROLL_STRATEGY, GIPI_MONTH_YEAR_SCROLL_STRATEGY_FACTORY, GIPI_MONTH_YEAR_SCROLL_STRATEGY_FACTORY_PROVIDER, INJECTOR, IconComponent, InputComponent, InputCurrencyComponent, InputFileComponent, InputListboxDTO, ItssTemplate, LoadingComponent, LoadingOverlayComponent, LocalTimeEnum, LocalTimePipe, MAT_DATEPICKER_SCROLL_STRATEGY, MAT_DATEPICKER_SCROLL_STRATEGY_FACTORY, MAT_DATEPICKER_SCROLL_STRATEGY_FACTORY_PROVIDER, MAT_DATEPICKER_VALIDATORS, MAT_DATEPICKER_VALUE_ACCESSOR, MAT_DATE_FORMATS, MAT_DATE_LOCALE, MAT_DATE_LOCALE_FACTORY, MAT_DATE_LOCALE_PROVIDER, MAT_DATE_RANGE_SELECTION_STRATEGY, MAT_NATIVE_DATE_FORMATS, MAT_RANGE_DATE_SELECTION_MODEL_FACTORY, MAT_RANGE_DATE_SELECTION_MODEL_PROVIDER, MAT_SINGLE_DATE_SELECTION_MODEL_FACTORY, MAT_SINGLE_DATE_SELECTION_MODEL_PROVIDER, MatCalendar, MatCalendarBody, MatCalendarCell, MatCalendarHeader, MatDateRangeInput, MatDateRangePicker, MatDateSelectionModel, MatDatepicker, MatDatepickerContent, MatDatepickerInput, MatDatepickerInputEvent, MatDatepickerIntl, MatDatepickerToggle, MatDatepickerToggleIcon, MatEndDate, MatMonthView, MatMultiYearView, MatRangeDateSelectionModel, MatSingleDateSelectionModel, MatStartDate, MatYearView, MaxRangeDirective, MaxRangeSelectionStrategy, MenuDTO, MenuTypeEnum, MessageDTO, MessageService, MonthPickerModel, MonthYear, MonthYearPickerComponent, MonthYearPickerModule, MultitenantModel, NativeDateAdapter, NavService, NumberUtil, ObjectUtil, OverlayPanelComponent, POINTS_NAME, PageDTO, PasswordUtil, Permission, PermissionGuard, PhoneMaskDirective, PhoneUtil, Platform, PopoverComponent, PopoverRef, PopoverService, PresetRangeComponent, PublicGuard, RadioButtonEnum, RadioGroupEntityComponent, RadioGroupEnumComponent, RangePage, Role, SelectButtonAddComponent, SelectButtonNextBatchComponent, SelectEntityComponent, SelectEntityPagedComponent, SelectEnumComponent, SelectMonthPeriodComponent, SelectNoEntriesFoundDirective, SelectSearchClearDirective, SelectSearchComponent, SharedModule, SlideToggleComponent, SortDTO, SortDirectionEnum, SortModel, StepperComponent, StringUtil, SvgRegisterService, TabDTO, TabModel, TableColumnBuilder, TableColumnBuilderModel, TableColumnDTO, TableColumnModel, TableComponent, TableScrolledComponent, TimeUtil, TokenDTO, URLParamsUtil, UUIDUtil, customCurrencyMaskConfig, getReflectType, gridResponsiveMap, matDatepickerAnimations, nextUniqueId$j as nextUniqueId, siderResponsiveMap, transformPopover, yearsPerPage$1 as yearsPerPage, yearsPerRow, ƟCMP, ƟFAC, ƟPROV, ɵ0$3 as ɵ0, MAT_DATE_RANGE_INPUT_PARENT as ɵa, MAT_CALENDAR_RANGE_STRATEGY_PROVIDER_FACTORY as ɵb, MAT_CALENDAR_RANGE_STRATEGY_PROVIDER as ɵc, MatDatepickerBase as ɵd, MAT_FORM_FIELD as ɵe, MatDatepickerInputBase as ɵf, GIPINgConfig as ɵg, GIPIChipsComponent as ɵh, GIPIFileDragAndDropDirective as ɵi, TextareaComponent as ɵj, UpperCaseDirective as ɵk, LowerCaseDirective as ɵl, SpaceDropDirective as ɵm, InputSelectInfiniteScrollDirective as ɵn, ITSS_SELECT_SEARCH_DEFAULT_OPTIONS as ɵo, MaterialModule as ɵq, DatepickerComponent as ɵr };
+export { APP_MESSAGES, AbstractComponent, AbstractCrudComponent, AbstractCrudService, AbstractDTO, AbstractFindComponent, AbstractFindService, AbstractModel, AbstractService, AlertComponent, Archive, ArrayUtil, AuthGuard, AuthInterceptor, AuthenticationService, BaseUser, BreakpointEnum, BreakpointObserverService, BrowserUtil, ButtonComponent, CalendarMonthYearComponent, CardComponent, ChartDTO, CheckboxComponent, ConfirmationDTO, ConfirmationService, CoreModule, CriteriaOperationEnum, CriteriaSortDirectionEnum, CurrencyUtil, DEFAULT_MESSAGES, DateAdapter, DateRange, DateRangePickerComponent, DateUtil, DatepickerModule, DefaultMatCalendarRangeStrategy, DialogDTO, DialogService, DocumentUtil, EmailUtil, ErrorInterceptor, FilterDTO, GIPIAbstractComponent, GIPIAbstractCrudComponent, GIPIAbstractCrudService, GIPIAbstractDTO, GIPIAbstractFilterModel, GIPIAbstractFindComponent, GIPIAbstractFormComponent, GIPIAbstractModel, GIPIAbstractService, GIPIActionRowComponent, GIPIAppliedFilter, GIPIAutowired, GIPIBadgeComponent, GIPIBaseService, GIPIBreakpointService, GIPIButtonComponent, GIPICardComponent, GIPIColDirective, GIPIConfirmationDialogComponent, GIPIConnectedOverlayScrollHandler, GIPIDomHandler, GIPIDropdownMenuComponent, GIPIDynamicTabDirective, GIPIEmptyStateComponent, GIPIExpansionPanelComponent, GIPIFileDragAndDropComponent, GIPIFileService, GIPIFooterComponent, GIPIFormFieldComponent, GIPIHelpfulTipComponent, GIPIInfiniteScrollDirective, GIPIInputCheckboxComponent, GIPIInputCurrencyComponent, GIPIInputMonthPickerComponent, GIPIInputSearchComponent, GIPIInputSelectComponent, GIPIInputSelectEnumComponent, GIPIInputSelectListboxComponent, GIPIInputSelectPagedComponent, GIPIInputSelectRadioComponent, GIPINotificationComponent, GIPINoveltiesComponent, GIPIOverlayComponent, GIPIOverlayService, GIPIPageEvent, GIPIPageModel, GIPIPaginatePipe, GIPIPaginationControlsDirective, GIPIPaginationService, GIPIPasswordRequerimentsComponent, GIPIPopoverComponent, GIPIPopoverTarget, GIPIPopoverTrigger, GIPIRadioGroupComponent, GIPIRangePageComponent, GIPIRangeSliderComponent, GIPIResizeService, GIPIRowDirective, GIPISelectButtonComponent, GIPISelectComponent, GIPISessionStorageService, GIPISidenavComponent, GIPISidenavContainerComponent, GIPISlideToggleComponent, GIPISortDirectionEnum, GIPISortModel, GIPISplitButtonComponent, GIPIStepperComponent, GIPITabComponent, GIPITabGroupComponent, GIPITableBodyComponent, GIPITableComponent, GIPITableFooterComponent, GIPITableHeaderComponent, GIPITablePaginationComponent, GIPITableProgressBarComponent, GIPITemplateDirective, GIPITextareaComponent, GIPIToolbarComponent, GIPITopNavComponent, GIPIUserProfileComponent, GIPI_BREAKPOINTS, GIPI_CUSTOM_BREAKPOINTS_PROVIDER, GIPI_MONTH_YEAR_SCROLL_STRATEGY, GIPI_MONTH_YEAR_SCROLL_STRATEGY_FACTORY, GIPI_MONTH_YEAR_SCROLL_STRATEGY_FACTORY_PROVIDER, INJECTOR, IconComponent, InputComponent, InputCurrencyComponent, InputFileComponent, InputListboxDTO, ItssTemplate, LoadingComponent, LoadingOverlayComponent, LocalTimeEnum, LocalTimePipe, MAT_DATEPICKER_SCROLL_STRATEGY, MAT_DATEPICKER_SCROLL_STRATEGY_FACTORY, MAT_DATEPICKER_SCROLL_STRATEGY_FACTORY_PROVIDER, MAT_DATEPICKER_VALIDATORS, MAT_DATEPICKER_VALUE_ACCESSOR, MAT_DATE_FORMATS, MAT_DATE_LOCALE, MAT_DATE_LOCALE_FACTORY, MAT_DATE_LOCALE_PROVIDER, MAT_DATE_RANGE_SELECTION_STRATEGY, MAT_NATIVE_DATE_FORMATS, MAT_RANGE_DATE_SELECTION_MODEL_FACTORY, MAT_RANGE_DATE_SELECTION_MODEL_PROVIDER, MAT_SINGLE_DATE_SELECTION_MODEL_FACTORY, MAT_SINGLE_DATE_SELECTION_MODEL_PROVIDER, MatCalendar, MatCalendarBody, MatCalendarCell, MatCalendarHeader, MatDateRangeInput, MatDateRangePicker, MatDateSelectionModel, MatDatepicker, MatDatepickerContent, MatDatepickerInput, MatDatepickerInputEvent, MatDatepickerIntl, MatDatepickerToggle, MatDatepickerToggleIcon, MatEndDate, MatMonthView, MatMultiYearView, MatRangeDateSelectionModel, MatSingleDateSelectionModel, MatStartDate, MatYearView, MaxRangeDirective, MaxRangeSelectionStrategy, MenuDTO, MenuTypeEnum, MessageDTO, MessageService, MonthPickerModel, MonthYear, MonthYearPickerComponent, MonthYearPickerModule, MultitenantModel, NativeDateAdapter, NavService, NumberUtil, ObjectUtil, OverlayPanelComponent, POINTS_NAME, PageDTO, PasswordUtil, Permission, PermissionGuard, PhoneMaskDirective, PhoneUtil, Platform, PopoverComponent, PopoverRef, PopoverService, PresetRangeComponent, PublicGuard, RadioButtonEnum, RadioGroupEntityComponent, RadioGroupEnumComponent, RangePage, Role, SelectButtonAddComponent, SelectButtonNextBatchComponent, SelectEntityComponent, SelectEntityPagedComponent, SelectEnumComponent, SelectMonthPeriodComponent, SelectNoEntriesFoundDirective, SelectSearchClearDirective, SelectSearchComponent, SharedModule, SlideToggleComponent, SortDTO, SortDirectionEnum, SortModel, StepperComponent, StringUtil, SvgRegisterService, TabDTO, TabModel, TableColumnBuilder, TableColumnBuilderModel, TableColumnDTO, TableColumnModel, TableComponent, TableScrolledComponent, TimeUtil, TokenDTO, URLParamsUtil, UUIDUtil, customCurrencyMaskConfig, getReflectType, gridResponsiveMap, matDatepickerAnimations, nextUniqueId$l as nextUniqueId, siderResponsiveMap, transformPopover, yearsPerPage$1 as yearsPerPage, yearsPerRow, ƟCMP, ƟFAC, ƟPROV, ɵ0$3 as ɵ0, MAT_DATE_RANGE_INPUT_PARENT as ɵa, MAT_CALENDAR_RANGE_STRATEGY_PROVIDER_FACTORY as ɵb, MAT_CALENDAR_RANGE_STRATEGY_PROVIDER as ɵc, MatDatepickerBase as ɵd, MAT_FORM_FIELD as ɵe, MatDatepickerInputBase as ɵf, GIPINgConfig as ɵg, GIPIChipsComponent as ɵh, GIPIFileDragAndDropDirective as ɵi, TextareaComponent as ɵj, UpperCaseDirective as ɵk, LowerCaseDirective as ɵl, SpaceDropDirective as ɵm, InputSelectInfiniteScrollDirective as ɵn, ITSS_SELECT_SEARCH_DEFAULT_OPTIONS as ɵo, MaterialModule as ɵq, DatepickerComponent as ɵr };
 //# sourceMappingURL=gipisistemas-ng-core.js.map