@gipisistemas/ng-core 1.1.6 → 1.1.8

package/fesm2015/gipisistemas-ng-core.js

@@ -1,4 +1,4 @@
-import { InjectionToken, NgModule, EventEmitter, ContentChild, TemplateRef, ViewChild, ElementRef, Input, Output, Component, forwardRef, Inject, ɵɵdefineInjectable, ɵɵinject, Injectable, ChangeDetectorRef, Renderer2, NgZone, ChangeDetectionStrategy, ViewEncapsulation, Optional, Directive, HostBinding, HostListener, RendererFactory2, Host, ViewContainerRef, Pipe, ContentChildren, QueryList, ComponentFactoryResolver, inject, LOCALE_ID, SkipSelf, InjectFlags, Injector, Self, Attribute, PLATFORM_ID, ɵstringify, INJECTOR as INJECTOR$1, ɵɵdirectiveInject } from '@angular/core';
+import { InjectionToken, NgModule, EventEmitter, ContentChild, TemplateRef, ViewChild, ElementRef, Input, Output, Component, forwardRef, Inject, ɵɵdefineInjectable, ɵɵinject, Injectable, ChangeDetectorRef, Renderer2, NgZone, ChangeDetectionStrategy, ViewEncapsulation, Optional, Directive, HostBinding, HostListener, RendererFactory2, Host, ViewContainerRef, ComponentFactoryResolver, Pipe, ContentChildren, QueryList, inject, LOCALE_ID, SkipSelf, InjectFlags, Injector, Self, Attribute, PLATFORM_ID, ɵstringify, INJECTOR as INJECTOR$1, ɵɵdirectiveInject } from '@angular/core';
 import { __decorate, __metadata, __param, __awaiter } from 'tslib';
 import { CdkStepperModule, CdkStepper } from '@angular/cdk/stepper';
 import { formatNumber, formatPercent, DOCUMENT, formatDate, isPlatformBrowser, CommonModule, formatCurrency } from '@angular/common';
@@ -302,8 +302,6 @@ let CheckboxComponent = CheckboxComponent_1 = class CheckboxComponent {
         this.onChange = () => { };
         this.onTouch = () => { };
     }
-    ngOnInit() {
-    }
     get value() {
         return this.val;
     }
@@ -312,6 +310,7 @@ let CheckboxComponent = CheckboxComponent_1 = class CheckboxComponent {
         this.onChange(val);
         this.onTouch();
     }
+    ngOnInit() { }
     registerOnChange(fn) {
         this.onChange = fn;
     }
@@ -322,6 +321,10 @@ let CheckboxComponent = CheckboxComponent_1 = class CheckboxComponent {
         this.value = value;
     }
 };
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], CheckboxComponent.prototype, "id", void 0);
 __decorate([
     Input(),
     __metadata("design:type", String)
@@ -342,6 +345,10 @@ __decorate([
     Input(),
     __metadata("design:type", Boolean)
 ], CheckboxComponent.prototype, "indeterminate", void 0);
+__decorate([
+    Input('value'),
+    __metadata("design:type", Object)
+], CheckboxComponent.prototype, "val", void 0);
 __decorate([
     Output(),
     __metadata("design:type", Object)
@@ -350,14 +357,10 @@ __decorate([
     Output(),
     __metadata("design:type", Object)
 ], CheckboxComponent.prototype, "change", void 0);
-__decorate([
-    Input('value'),
-    __metadata("design:type", Object)
-], CheckboxComponent.prototype, "val", void 0);
 CheckboxComponent = CheckboxComponent_1 = __decorate([
     Component({
         selector: 'itss-checkbox',
-        template: "<div fxLayout=\"column\">\n    <mat-checkbox [name]=\"name\"\n                  [(ngModel)]=\"value\"\n                  [required]=\"required\"\n                  [disabled]=\"disabled\"\n                  [(indeterminate)]=\"indeterminate\"\n                  (change)=\"change.emit($event)\">\n        {{ label }}\n    </mat-checkbox>\n</div>\n",
+        template: "<mat-checkbox [attr.id]=\"id\"\n              [name]=\"name\"\n              [(ngModel)]=\"value\"\n              [required]=\"required\"\n              [disabled]=\"disabled\"\n              [(indeterminate)]=\"indeterminate\"\n              (change)=\"change.emit($event)\">\n    {{ label }}\n</mat-checkbox>",
         providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -365,8 +368,9 @@ CheckboxComponent = CheckboxComponent_1 = __decorate([
                 multi: true
             }
         ],
-        styles: ["mat-label span{color:#f44336!important}"]
-    })
+        styles: [":host{display:block;min-width:0;max-width:100%}:host ::ng-deep .mat-checkbox-disabled{cursor:not-allowed;opacity:.6}"]
+    }),
+    __metadata("design:paramtypes", [])
 ], CheckboxComponent);
 
 let IconComponent = class IconComponent {
@@ -1283,6 +1287,7 @@ let InputComponent = InputComponent_1 = class InputComponent {
         this.hidePasswordManager = false;
         this.maxlength = 250;
         this.type = 'text';
+        this.autocomplete = 'off';
         this.appearance = 'outline';
         this.phone = false;
         this.loading = false;
@@ -1453,6 +1458,10 @@ __decorate([
     Input(),
     __metadata("design:type", Object)
 ], InputComponent.prototype, "max", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], InputComponent.prototype, "autocomplete", void 0);
 __decorate([
     Input(),
     __metadata("design:type", String)
@@ -1505,7 +1514,7 @@ __decorate([
 InputComponent = InputComponent_1 = __decorate([
     Component({
         selector: 'itss-input',
-        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\n    <ng-container *ngIf=\"hidePasswordManager && (type === 'password')\">\n        <input style=\"opacity: 0;position: absolute;\">\n        <input type=\"password\"\n               style=\"opacity: 0;position: absolute;\">\n    </ng-container>\n\n    <mat-form-field [appearance]=\"appearance\"\n                    [class]=\"styleClassFormField\">\n        <input matInput\n               #input\n               *ngIf=\"mask || phone\"\n               autocomplete=\"off\"\n               upperCase\n               lowerCase\n               spaceDrop\n               [enabledUpperCase]=\"upperCase\"\n               [enabledLowerCase]=\"lowerCase\"\n               [spaceDrop]=\"spaceDrop\"\n               [name]=\"name\"\n               [readonly]=\"readonly\"\n               [placeholder]=\"placeholder\"\n               [required]=\"required\"\n               [disabled]=\"disabled\"\n               [(ngModel)]=\"value\"\n               [type]=\"type\"\n               [min]=\"min\"\n               [max]=\"max\"\n               [maxlength]=\"maxlength\"\n               [mask]=\"phone ? (_maskPhone$ | async) : mask\"\n               [dropSpecialCharacters]=\"dropSpecialCharacters\"\n               [patterns]=\"patterns\"\n               (focus)=\"onFocus($event)\"\n               (blur)=\"onBlur($event)\"\n               (keydown)=\"onInputPhoneKeydown($event)\"\n               (ngModelChange)=\"onInputPhoneChange($event)\">\n\n        <input matInput\n               #input\n               *ngIf=\"!mask && !phone\"\n               [name]=\"name\"\n               [readonly]=\"readonly\"\n               [placeholder]=\"placeholder\"\n               [required]=\"required\"\n               [disabled]=\"disabled\"\n               [(ngModel)]=\"value\"\n               autocomplete=\"off\"\n               upperCase\n               [enabledUpperCase]=\"upperCase\"\n               [type]=\"type\"\n               [min]=\"min\"\n               [max]=\"max\"\n               [maxlength]=\"maxlength\"\n               [mask]=\"''\"\n               spaceDrop\n               [spaceDrop]=\"spaceDrop\"\n               (focus)=\"onFocus($event)\"\n               (blur)=\"onBlur($event)\">\n\n        <mat-spinner matPrefix\n                     *ngIf=\"loading\"\n                     mode=\"indeterminate\"\n                     diameter=\"17\">\n        </mat-spinner>\n\n        <div *ngIf=\"suffixRef\"\n             matSuffix\n             [class]=\"styleClassSuffix\">\n            <ng-template [ngTemplateOutlet]=\"suffixRef\"> </ng-template>\n        </div>\n    </mat-form-field>\n</div>",
+        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\n    <ng-container *ngIf=\"hidePasswordManager && (type === 'password')\">\n        <input style=\"opacity: 0;position: absolute;\">\n        <input type=\"password\"\n               style=\"opacity: 0;position: absolute;\">\n    </ng-container>\n\n    <mat-form-field [appearance]=\"appearance\"\n                    [class]=\"styleClassFormField\">\n        <input matInput\n               #input\n               *ngIf=\"mask || phone\"\n               [autocomplete]=\"autocomplete\"\n               upperCase\n               lowerCase\n               spaceDrop\n               [enabledUpperCase]=\"upperCase\"\n               [enabledLowerCase]=\"lowerCase\"\n               [spaceDrop]=\"spaceDrop\"\n               [name]=\"name\"\n               [readonly]=\"readonly\"\n               [placeholder]=\"placeholder\"\n               [required]=\"required\"\n               [disabled]=\"disabled\"\n               [(ngModel)]=\"value\"\n               [type]=\"type\"\n               [min]=\"min\"\n               [max]=\"max\"\n               [maxlength]=\"maxlength\"\n               [mask]=\"phone ? (_maskPhone$ | async) : mask\"\n               [dropSpecialCharacters]=\"dropSpecialCharacters\"\n               [patterns]=\"patterns\"\n               (focus)=\"onFocus($event)\"\n               (blur)=\"onBlur($event)\"\n               (keydown)=\"onInputPhoneKeydown($event)\"\n               (ngModelChange)=\"onInputPhoneChange($event)\">\n\n        <input matInput\n               #input\n               *ngIf=\"!mask && !phone\"\n               [name]=\"name\"\n               [readonly]=\"readonly\"\n               [placeholder]=\"placeholder\"\n               [required]=\"required\"\n               [disabled]=\"disabled\"\n               [(ngModel)]=\"value\"\n               [autocomplete]=\"autocomplete\"\n               upperCase\n               [enabledUpperCase]=\"upperCase\"\n               [type]=\"type\"\n               [min]=\"min\"\n               [max]=\"max\"\n               [maxlength]=\"maxlength\"\n               [mask]=\"''\"\n               spaceDrop\n               [spaceDrop]=\"spaceDrop\"\n               (focus)=\"onFocus($event)\"\n               (blur)=\"onBlur($event)\">\n\n        <mat-spinner matPrefix\n                     *ngIf=\"loading\"\n                     mode=\"indeterminate\"\n                     diameter=\"17\">\n        </mat-spinner>\n\n        <div *ngIf=\"suffixRef\"\n             matSuffix\n             [class]=\"styleClassSuffix\">\n            <ng-template [ngTemplateOutlet]=\"suffixRef\"> </ng-template>\n        </div>\n    </mat-form-field>\n</div>",
         providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -3240,7 +3249,7 @@ __decorate([
 SelectEntityPagedComponent = SelectEntityPagedComponent_1 = __decorate([
     Component({
         selector: 'itss-select-entity-paged',
-        template: "<div fxLayout=\"column\"\n     [attr.id]=\"id\"\n     [attr.name]=\"name\">\n    <mat-label *ngIf=\"label\">\n        {{ label }}\n        <span *ngIf=\"required && label\">*</span>\n    </mat-label>\n    <mat-form-field #formFieldSelect\n                    [appearance]=\"appearance\"\n                    class=\"mat-form-field-select\">\n        <mat-icon *ngIf=\"iconPrefix || svgIconPrefix\"\n                  matPrefix\n                  [svgIcon]=\"svgIconPrefix ? svgIconPrefix : ''\">\n            {{ !svgIconPrefix && iconPrefix ? iconPrefix : '' }}\n        </mat-icon>\n\n        <mat-select #matSelect\n                    [placeholder]=\"placeholder\"\n                    [compareWith]=\"compareFn\"\n                    [(ngModel)]=\"model\"\n                    [required]=\"required\"\n                    [disabled]=\"disabled\"\n                    [multiple]=\"multiple\"\n                    disableOptionCentering=\"true\"\n                    [panelClass]=\"'select-position ' + classSelectPanel\"\n                    itssInfiniteScroll\n                    (infiniteScroll)=\"onLoadMoreOptions(true)\"\n                    [complete]=\"options?.length === page?.totalElements\"\n                    (selectionChange)=\"onSelectionChange($event.value)\"\n                    (openedChange)=\"initLoaded && onLoadMoreOptions(false, $event); openedChange.emit($event)\">\n            <mat-option *ngIf=\"!hideFieldSearch\">\n                <itss-input-search placeholderLabel=\"Pesquisar...\"\n                                    noEntriesFoundLabel=\"Nenhum registro encontrado\"\n                                    [enableClearOnEscapePressed]=\"true\"\n                                    [disableScrollToActiveOnOptionsChanged]=\"true\"\n                                    [preventHomeEndKeyPropagation]=\"true\"\n                                    [disableScrollToActiveOnOptionsChanged]=\"true\"\n                                    [enableClearOnEscapePressed]=\"true\"\n                                    [clearSearchInput]=\"true\"\n                                    [formControl]=\"valueSearchCtrl\"\n                                    [closeIcon]=\"closeIcon\"\n                                    [closeSvgIcon]=\"closeSvgIcon\"\n                                    [searching]=\"searching\"\n                                    [showToggleAllCheckbox]=\"multiple\"\n                                    [toggleAllCheckboxChecked]=\"toggleAllCheckboxChecked\"\n                                    [toggleAllCheckboxIndeterminate]=\"toggleAllCheckboxIndeterminate\"\n                                    (toggleAll)=\"onToggleAllSelection($event)\">\n                </itss-input-search>\n            </mat-option>\n\n            <mat-select-trigger *ngIf=\"multiple\">\n                {{ modelValue ? getPropertyValue(modelValue[0]) : '' }}\n                <span *ngIf=\"modelValue?.length > 1\"\n                      class=\"mat-select-additional-selection\">\n                    (+{{ modelValue.length - 1 }} {{ modelValue?.length === 2 ? 'outro' : 'outros' }})\n                </span>\n            </mat-select-trigger>\n\n            <mat-option *ngIf=\"!multiple; else optionSelectedMultiple\"\n                        [value]=\"model\"\n                        [style.height.px]=\"0\">\n                {{ getPropertyValue(model) }}\n            </mat-option>\n\n            <ng-template #optionSelectedMultiple>\n                <mat-option *ngFor=\"let m of model; trackBy: trackByOption\"\n                            [value]=\"m\"\n                            [style.height.px]=\"0\">\n                    {{ getPropertyValue(m) }}\n                </mat-option>\n            </ng-template>\n\n            <cdk-virtual-scroll-viewport itemSize=\"5\"\n                                         [style.height.em]=\"scrollViewportHeight\"\n                                         class=\"virtual-scroll-viewport\">\n                <mat-option *cdkVirtualFor=\"let option of options; trackBy: trackByOption\"\n                            [value]=\"option\"\n                            (click)=\"onToggleIndeterminateAllSelection()\">\n                    {{ getPropertyValue(option) }}\n                </mat-option>\n            </cdk-virtual-scroll-viewport>\n\n            <div *ngIf=\"searching\"\n                 class=\"mat-select-search-loading\">\n                <div class=\"dot-pulse\"> </div>\n            </div>\n\n            <mat-option *ngIf=\"showButtonAdd && !searching\"\n                        class=\"mat-option-button-add\"\n                        [disabled]=\"true\"\n                        aria-hidden=\"true\">\n                <gipi-button label=\"Adicionar\"\n                             gipi-primary\n                             (click)=\"onClickAdd(); $event.stopPropagation()\"\n                             fxFlex>\n                </gipi-button>\n            </mat-option>\n        </mat-select>\n\n        <mat-icon *ngIf=\"showClearOptionButton()\"\n                  matSuffix\n                  (click)=\"removeOption(); $event.stopPropagation()\"\n                  matTooltip=\"Remover selecionado\">\n            close\n        </mat-icon>\n    </mat-form-field>\n</div>",
+        template: "<div fxLayout=\"column\"\n     [attr.id]=\"id\"\n     [attr.name]=\"name\">\n    <mat-label *ngIf=\"label\">\n        {{ label }}\n        <span *ngIf=\"required && label\">*</span>\n    </mat-label>\n    <mat-form-field #formFieldSelect\n                    [appearance]=\"appearance\"\n                    class=\"mat-form-field-select\">\n        <mat-icon *ngIf=\"iconPrefix || svgIconPrefix\"\n                  matPrefix\n                  [svgIcon]=\"svgIconPrefix ? svgIconPrefix : ''\">\n            {{ !svgIconPrefix && iconPrefix ? iconPrefix : '' }}\n        </mat-icon>\n\n        <mat-select #matSelect\n                    [placeholder]=\"placeholder\"\n                    [compareWith]=\"compareFn\"\n                    [(ngModel)]=\"model\"\n                    [required]=\"required\"\n                    [disabled]=\"disabled\"\n                    [multiple]=\"multiple\"\n                    disableOptionCentering=\"true\"\n                    [panelClass]=\"'select-position ' + classSelectPanel\"\n                    itssInfiniteScroll\n                    (infiniteScroll)=\"onLoadMoreOptions(true)\"\n                    [complete]=\"options?.length === page?.totalElements\"\n                    (selectionChange)=\"onSelectionChange($event.value)\"\n                    (openedChange)=\"initLoaded && onLoadMoreOptions(false, $event); openedChange.emit($event)\">\n            <mat-option *ngIf=\"!hideFieldSearch\">\n                <itss-input-search placeholderLabel=\"Pesquisar...\"\n                                   noEntriesFoundLabel=\"Nenhum registro encontrado\"\n                                   [enableClearOnEscapePressed]=\"true\"\n                                   [disableScrollToActiveOnOptionsChanged]=\"true\"\n                                   [preventHomeEndKeyPropagation]=\"true\"\n                                   [disableScrollToActiveOnOptionsChanged]=\"true\"\n                                   [enableClearOnEscapePressed]=\"true\"\n                                   [clearSearchInput]=\"true\"\n                                   [formControl]=\"valueSearchCtrl\"\n                                   [closeIcon]=\"closeIcon\"\n                                   [closeSvgIcon]=\"closeSvgIcon\"\n                                   [searching]=\"searching\"\n                                   [showToggleAllCheckbox]=\"multiple\"\n                                   [toggleAllCheckboxChecked]=\"toggleAllCheckboxChecked\"\n                                   [toggleAllCheckboxIndeterminate]=\"toggleAllCheckboxIndeterminate\"\n                                   (toggleAll)=\"onToggleAllSelection($event)\">\n                </itss-input-search>\n            </mat-option>\n\n            <mat-select-trigger *ngIf=\"multiple\">\n                {{ modelValue ? getPropertyValue(modelValue[0]) : '' }}\n                <span *ngIf=\"modelValue?.length > 1\"\n                      class=\"mat-select-additional-selection\">\n                    (+{{ modelValue.length - 1 }} {{ modelValue?.length === 2 ? 'outro' : 'outros' }})\n                </span>\n            </mat-select-trigger>\n\n            <mat-option *ngIf=\"!multiple; else optionSelectedMultiple\"\n                        [value]=\"model\"\n                        [style.height.px]=\"0\">\n                {{ getPropertyValue(model) }}\n            </mat-option>\n\n            <ng-template #optionSelectedMultiple>\n                <mat-option *ngFor=\"let m of model; trackBy: trackByOption\"\n                            [value]=\"m\"\n                            [style.height.px]=\"0\">\n                    {{ getPropertyValue(m) }}\n                </mat-option>\n            </ng-template>\n\n            <cdk-virtual-scroll-viewport itemSize=\"5\"\n                                         [style.height.em]=\"scrollViewportHeight\"\n                                         class=\"virtual-scroll-viewport\">\n                <mat-option *cdkVirtualFor=\"let option of options; trackBy: trackByOption\"\n                            [value]=\"option\"\n                            (click)=\"onToggleIndeterminateAllSelection()\">\n                    {{ getPropertyValue(option) }}\n                </mat-option>\n            </cdk-virtual-scroll-viewport>\n\n            <div *ngIf=\"searching\"\n                 class=\"mat-select-search-loading\">\n                <div class=\"dot-pulse\"> </div>\n            </div>\n\n            <mat-option *ngIf=\"showButtonAdd && !searching\"\n                        class=\"mat-option-button-add\"\n                        [disabled]=\"true\"\n                        aria-hidden=\"true\">\n                <gipi-button label=\"Adicionar\"\n                             gipi-primary\n                             (click)=\"onClickAdd(); $event.stopPropagation()\"\n                             fxFlex>\n                </gipi-button>\n            </mat-option>\n        </mat-select>\n\n        <mat-icon *ngIf=\"showClearOptionButton()\"\n                  matSuffix\n                  (click)=\"removeOption(); $event.stopPropagation()\"\n                  matTooltip=\"Remover selecionado\">\n            close\n        </mat-icon>\n    </mat-form-field>\n</div>",
         providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -3405,7 +3414,6 @@ SelectSearchClearDirective = __decorate([
 
 /** Lista de entradas de ItssSelectSearchComponent que podem ser configuradas com um padrão global. */
 const configurableDefaultOptions = [
-    'ariaLabel',
     'clearSearchInput',
     'closeIcon',
     'closeSvgIcon',
@@ -3475,8 +3483,6 @@ let SelectSearchComponent = SelectSearchComponent_1 = class SelectSearchComponen
         this.preventHomeEndKeyPropagation = false;
         // Desativa a rolagem para as opções ativas quando a lista de opções é alterada. Útil para pesquisa do lado do servidor
         this.disableScrollToActiveOnOptionsChanged = false;
-        // Adiciona suporte a leitor de tela 508 para caixa de pesquisa
-        this.ariaLabel = 'Pesquisa suspensa';
         // Se deve mostrar a caixa de seleção Selecionar tudo (para mat-select[multi=true])
         this.showToggleAllCheckbox = false;
         // Selecione tudo caixa de seleção marcada estado
@@ -3889,10 +3895,6 @@ __decorate([
     Input(),
     __metadata("design:type", Boolean)
 ], SelectSearchComponent.prototype, "disableScrollToActiveOnOptionsChanged", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], SelectSearchComponent.prototype, "ariaLabel", void 0);
 __decorate([
     Input(),
     __metadata("design:type", Boolean)
@@ -3950,7 +3952,7 @@ __decorate([
 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           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>",
+        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\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,
@@ -4332,7 +4334,7 @@ SelectEntityComponent = __decorate([
     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: [":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}"]
+        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:50%!important;transform:translateY(-50%)!important;right:3rem!important;position:absolute!important}:host ::ng-deep .mat-form-field-appearance-outline .mat-form-field-suffix>mat-icon{color:#131313!important;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}:host ::ng-deep .mat-select-disabled .mat-select-trigger,:host ::ng-deep .mat-select-disabled .mat-select-value{cursor:not-allowed!important}.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);
@@ -4340,6 +4342,7 @@ SelectEntityComponent = __decorate([
 var SelectEnumComponent_1;
 let SelectEnumComponent = SelectEnumComponent_1 = class SelectEnumComponent {
     constructor() {
+        this.tooltip = '';
         this.multiple = false;
         this.selectionChange = new EventEmitter();
         this.loading = false;
@@ -4394,6 +4397,10 @@ __decorate([
     Input(),
     __metadata("design:type", String)
 ], SelectEnumComponent.prototype, "placeholder", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], SelectEnumComponent.prototype, "tooltip", void 0);
 __decorate([
     Input(),
     __metadata("design:type", Boolean)
@@ -4437,7 +4444,7 @@ __decorate([
 SelectEnumComponent = SelectEnumComponent_1 = __decorate([
     Component({
         selector: 'itss-select-enum',
-        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                    [placeholder]=\"placeholder\"\n                    [multiple]=\"multiple\"\n                    [(ngModel)]=\"value\"\n                    [required]=\"required\"\n                    [disabled]=\"disabled\"\n                    [class.select-disabled]=\"disabled\"\n                    [disableOptionCentering]=\"true\"\n                    (selectionChange)=\"onSelectionChange($event.value)\"\n                    panelClass=\"select-position\">\n            <mat-option *ngIf=\"!required && !multiple\"\n                        [value]=\"null\">\n                {{ nullValue ? nullValue : 'Selecione' }}\n            </mat-option>\n            <div *ngFor=\"let e of enumList\">\n                <mat-option *ngIf=\"validKey(e.key)\"\n                            (click)=\"(e.key === val) ? onSelectionChange(null) : null\"\n                            [value]=\"e.key\">\n                    {{ e.value }}\n                </mat-option>\n            </div>\n        </mat-select>\n        <mat-spinner matPrefix\n                     *ngIf=\"loading\"\n                     mode=\"indeterminate\"\n                     diameter=\"17\"></mat-spinner>\n    </mat-form-field>\n</div>",
+        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\n    <mat-form-field appearance=\"outline\">\n        <mat-select #select\n                    [name]=\"name\"\n                    [placeholder]=\"placeholder\"\n                    [multiple]=\"multiple\"\n                    [(ngModel)]=\"value\"\n                    [required]=\"required\"\n                    [disabled]=\"disabled\"\n                    [class.select-disabled]=\"disabled\"\n                    [disableOptionCentering]=\"true\"\n                    (selectionChange)=\"onSelectionChange($event.value)\"\n                    panelClass=\"select-position\">\n            <mat-option *ngIf=\"!required && !multiple\"\n                        [value]=\"null\">\n                {{ nullValue ? nullValue : 'Selecione' }}\n            </mat-option>\n            <div *ngFor=\"let e of enumList\">\n                <mat-option *ngIf=\"validKey(e.key)\"\n                            (click)=\"(e.key === val) ? onSelectionChange(null) : null\"\n                            [value]=\"e.key\">\n                    {{ e.value }}\n                </mat-option>\n            </div>\n        </mat-select>\n        <mat-spinner matPrefix\n                     *ngIf=\"loading\"\n                     mode=\"indeterminate\"\n                     diameter=\"17\"></mat-spinner>\n    </mat-form-field>\n</div>",
         providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -4445,7 +4452,7 @@ SelectEnumComponent = SelectEnumComponent_1 = __decorate([
                 multi: true
             }
         ],
-        styles: [":host{display:block;min-width:0;max-width:100%;flex:1}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!important}:host ::ng-deep .mat-select-disabled .mat-select-trigger,:host ::ng-deep .mat-select-disabled .mat-select-value{cursor:not-allowed!important}"]
     })
 ], SelectEnumComponent);
 
@@ -4861,7 +4868,9 @@ let TableComponent = class TableComponent {
         const setHeigth = this.headerSticky && (this.data.length > pageSize);
         return of(setHeigth ? `${((57 * pageSize) + matHeaderwHeight + matPaginatorHeight)}px` : 'auto');
     }
-    ngOnInit() { }
+    ngOnInit() {
+        this._expandedRows = [];
+    }
     ngAfterViewInit() {
         setTimeout(() => {
             if (!ObjectUtil.isNull(this._dataSource)) {
@@ -4966,15 +4975,32 @@ let TableComponent = class TableComponent {
     }
     toggleExpandRow(row) {
         const index = this._expandedRows.findIndex(r => r === row);
-        if (ArrayUtil.isEmpty(this._expandedRows) || (index < 0)) {
-            this._expandedRows = [row];
+        if (index < 0) { // Se a linha não estiver expandida
+            if (this.expandableOneRow) {
+                this._expandedRows = [row];
+            }
+            else {
+                this._expandedRows.push(row);
+            }
             this.rowExpanded.emit(row);
-            return;
         }
-        const _expandedRowsAux = ArrayUtil.clone(this._expandedRows);
-        _expandedRowsAux.splice(index, 1);
-        this._expandedRows = ArrayUtil.clone(_expandedRowsAux);
-        this.rowExpanded.emit(null);
+        else { // Se a linha já estiver expandida
+            const _expandedRowsAux = [...this._expandedRows];
+            _expandedRowsAux.splice(index, 1);
+            this._expandedRows = [..._expandedRowsAux];
+            this.rowExpanded.emit(null);
+        }
+        // Logica anterior, qualquer problema voltar, pois funcionava bem
+        // const index: number = this._expandedRows.findIndex(r => r === row);
+        // if (ArrayUtil.isEmpty(this._expandedRows) || (index < 0)) {
+        //     this._expandedRows = [row];
+        //     this.rowExpanded.emit(row);
+        //     return;
+        // }
+        // const _expandedRowsAux: T[] = ArrayUtil.clone(this._expandedRows);
+        // _expandedRowsAux.splice(index, 1);
+        // this._expandedRows = ArrayUtil.clone(_expandedRowsAux);
+        // this.rowExpanded.emit(null);
     }
     sortData(sort) {
         if (this.infiniteScroll) {
@@ -6515,6 +6541,120 @@ GIPIColDirective = __decorate([
         Renderer2])
 ], GIPIColDirective);
 
+var GIPISkeletonComponent_1;
+let GIPISkeletonComponent = GIPISkeletonComponent_1 = class GIPISkeletonComponent {
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+    }
+    ngOnInit() {
+        var _a, _b;
+        const host = this.elementRef.nativeElement;
+        if (!StringUtil.isEmpty(this.className)) {
+            host.classList.add(this.className);
+        }
+        host.style.setProperty('--skeleton-rect-width', (_a = this.width) !== null && _a !== void 0 ? _a : '100%');
+        host.style.setProperty('--skeleton-rect-height', (_b = this.height) !== null && _b !== void 0 ? _b : '20px');
+    }
+};
+GIPISkeletonComponent.ctorParameters = () => [
+    { type: ElementRef }
+];
+GIPISkeletonComponent = GIPISkeletonComponent_1 = __decorate([
+    Component({
+        selector: 'gipi-skeleton',
+        exportAs: 'gipiSkeleton',
+        template: '',
+        providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => GIPISkeletonComponent_1),
+                multi: true
+            }
+        ],
+        host: {
+            'class': 'gipi-skeleton',
+        },
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        styles: [":host{display:block;width:var(--skeleton-rect-width);height:var(--skeleton-rect-height);background:no-repeat #eff1f6}.gipi-skeleton{-webkit-animation:1.5s cubic-bezier(.4,0,.2,1) infinite pulse;animation:1.5s cubic-bezier(.4,0,.2,1) infinite pulse;-webkit-animation-delay:.5s;animation-delay:.5s}@-webkit-keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}"]
+    }),
+    __metadata("design:paramtypes", [ElementRef])
+], GIPISkeletonComponent);
+
+function random(min, max) {
+    return Math.floor(Math.random() * (max - min + 1)) + min;
+}
+let GIPISkeletonDirective = class GIPISkeletonDirective {
+    constructor(_templateRef, _viewContainerRef, _componentFactoryResolver, _elementRef) {
+        this._templateRef = _templateRef;
+        this._viewContainerRef = _viewContainerRef;
+        this._componentFactoryResolver = _componentFactoryResolver;
+        this._elementRef = _elementRef;
+        this.loading = false;
+        this.size = 1;
+    }
+    ngOnChanges(changes) {
+        if (changes.loading) {
+            this._viewContainerRef.clear();
+            if (changes.loading.currentValue) {
+                this._createSkeletons();
+            }
+            else {
+                this._viewContainerRef.createEmbeddedView(this._templateRef);
+            }
+        }
+    }
+    _createSkeletons() {
+        const element = this._elementRef.nativeElement;
+        const elementDimensions = element.getBoundingClientRect();
+        const computedWidth = (this.width === 'rand')
+            ? `${random(30, 90)}%`
+            : this.width || `${elementDimensions.width}px`;
+        const computedHeight = this.height || `${elementDimensions.height}px`;
+        Array.from({ length: this.size }).forEach(() => {
+            const componentFactory = this._componentFactoryResolver.resolveComponentFactory(GIPISkeletonComponent);
+            const componentRef = this._viewContainerRef.createComponent(componentFactory);
+            Object.assign(componentRef.instance, {
+                width: computedWidth,
+                height: computedHeight,
+                className: this.className,
+            });
+        });
+    }
+};
+GIPISkeletonDirective.ctorParameters = () => [
+    { type: TemplateRef },
+    { type: ViewContainerRef },
+    { type: ComponentFactoryResolver },
+    { type: ElementRef }
+];
+__decorate([
+    Input('skeleton'),
+    __metadata("design:type", Boolean)
+], GIPISkeletonDirective.prototype, "loading", void 0);
+__decorate([
+    Input('skeletonRepeat'),
+    __metadata("design:type", Number)
+], GIPISkeletonDirective.prototype, "size", void 0);
+__decorate([
+    Input('skeletonWidth'),
+    __metadata("design:type", String)
+], GIPISkeletonDirective.prototype, "width", void 0);
+__decorate([
+    Input('skeletonHeight'),
+    __metadata("design:type", String)
+], GIPISkeletonDirective.prototype, "height", void 0);
+__decorate([
+    Input('skeletonClassName'),
+    __metadata("design:type", String)
+], GIPISkeletonDirective.prototype, "className", void 0);
+GIPISkeletonDirective = __decorate([
+    Directive({ selector: '[skeleton]' }),
+    __metadata("design:paramtypes", [TemplateRef,
+        ViewContainerRef,
+        ComponentFactoryResolver,
+        ElementRef])
+], GIPISkeletonDirective);
+
 class GIPIPaginationService {
     constructor() {
         this._instances = {};
@@ -9146,7 +9286,7 @@ GIPIDropdownMenuComponent = GIPIDropdownMenuComponent_1 = __decorate([
             'class': 'gipi-dropdown-menu',
         },
         changeDetection: ChangeDetectionStrategy.OnPush,
-        styles: [".dropdown-menu-container{display:flex;flex-direction:column;gap:12px;width:100%}.dropdown-menu-container .dropdown-menu-label{color:#131313;font-size:1.4rem;line-height:100%}.dropdown-menu-container .dropdown-menu-label>span{color:#d14014;font-size:inherit;line-height:inherit}.dropdown-menu-container .dropdown-menu-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:12px;gap:12px;width:100%;max-height:4rem;border-radius:5px;cursor:pointer;background-color:#fff;border:1px solid rgba(0,0,0,.12);color:#696969;transition:.2s}.dropdown-menu-container .dropdown-menu-content:focus-within,.dropdown-menu-container .dropdown-menu-content:has(.dropdown-menu-input:active),.dropdown-menu-container .dropdown-menu-content:has(.dropdown-menu-input:focus){box-shadow:0 0 0 .2rem #f0f0f0}.dropdown-menu-container .dropdown-menu-content:focus-within,.dropdown-menu-container .dropdown-menu-content:hover{border-color:#bfbfbf!important;background-color:#f5f5f5}.dropdown-menu-container .dropdown-menu-content:has(.dropdown-menu-input:disabled){background-color:#e0e1e2!important;border-color:#e0e1e2!important;color:#d1d2d4!important;box-shadow:none!important;cursor:not-allowed!important;pointer-events:none!important}.dropdown-menu-container .dropdown-menu-content:has(.dropdown-menu-input:disabled) .dropdown-menu-input,.dropdown-menu-container .dropdown-menu-content:has(.dropdown-menu-input:disabled) .dropdown-menu-suffix .dropdown-menu-button{cursor:not-allowed!important;pointer-events:none!important}.dropdown-menu-container .dropdown-menu-content:has(.dropdown-menu-input:disabled) .dropdown-menu-suffix .dropdown-menu-trigger{border-color:#e0e1e2!important;pointer-events:none!important}.dropdown-menu-container .dropdown-menu-content:has(.dropdown-menu-input:disabled) mat-icon{color:#d1d2d4!important;fill:#d1d2d4!important;cursor:not-allowed!important;pointer-events:none!important}.dropdown-menu-container .dropdown-menu-content .dropdown-menu-input{cursor:pointer;height:16px;outline:0;border:none;background-color:transparent;color:inherit;flex:1;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-menu-container .dropdown-menu-content .dropdown-menu-suffix{display:flex;flex-direction:row;align-items:center;gap:16px}.dropdown-menu-container .dropdown-menu-content .dropdown-menu-suffix .dropdown-menu-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}.dropdown-menu-container .dropdown-menu-content .dropdown-menu-suffix .dropdown-menu-button{display:flex;align-items:center;justify-content:center;outline:0;border:none;cursor:pointer;background-color:transparent}.dropdown-menu-container .dropdown-menu-content .dropdown-menu-suffix .dropdown-menu-button:hover:not(:disabled)>mat-icon{transform:scale(1.08)}.dropdown-menu-icon{width:1.6rem;height:1.6rem;font-size:1.6rem;color:#131313;fill:#131313}.btn-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: [".dropdown-menu-container{display:flex;flex-direction:column;gap:1rem;width:100%}.dropdown-menu-container .dropdown-menu-label{color:#131313;font-size:1.4rem;line-height:100%}.dropdown-menu-container .dropdown-menu-label>span{color:#d14014;font-size:inherit;line-height:inherit}.dropdown-menu-container .dropdown-menu-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:12px;gap:1rem;width:100%;max-height:4rem;border-radius:5px;cursor:pointer;background-color:#fff;border:1px solid rgba(0,0,0,.12);color:#696969;transition:.2s}.dropdown-menu-container .dropdown-menu-content:focus-within,.dropdown-menu-container .dropdown-menu-content:has(.dropdown-menu-input:active),.dropdown-menu-container .dropdown-menu-content:has(.dropdown-menu-input:focus){box-shadow:0 0 0 .2rem #f0f0f0}.dropdown-menu-container .dropdown-menu-content:focus-within,.dropdown-menu-container .dropdown-menu-content:hover{border-color:#bfbfbf!important;background-color:#f5f5f5}.dropdown-menu-container .dropdown-menu-content:has(.dropdown-menu-input:disabled){background-color:#e0e1e2!important;border-color:#e0e1e2!important;color:#d1d2d4!important;box-shadow:none!important;cursor:not-allowed!important;pointer-events:none!important}.dropdown-menu-container .dropdown-menu-content:has(.dropdown-menu-input:disabled) .dropdown-menu-input,.dropdown-menu-container .dropdown-menu-content:has(.dropdown-menu-input:disabled) .dropdown-menu-suffix .dropdown-menu-button{cursor:not-allowed!important;pointer-events:none!important}.dropdown-menu-container .dropdown-menu-content:has(.dropdown-menu-input:disabled) .dropdown-menu-suffix .dropdown-menu-trigger{border-color:#e0e1e2!important;pointer-events:none!important}.dropdown-menu-container .dropdown-menu-content:has(.dropdown-menu-input:disabled) mat-icon{color:#d1d2d4!important;fill:#d1d2d4!important;cursor:not-allowed!important;pointer-events:none!important}.dropdown-menu-container .dropdown-menu-content .dropdown-menu-input{cursor:pointer;height:16px;outline:0;border:none;background-color:transparent;color:inherit;flex:1;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-menu-container .dropdown-menu-content .dropdown-menu-suffix{display:flex;flex-direction:row;align-items:center;gap:16px}.dropdown-menu-container .dropdown-menu-content .dropdown-menu-suffix .dropdown-menu-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}.dropdown-menu-container .dropdown-menu-content .dropdown-menu-suffix .dropdown-menu-button{display:flex;align-items:center;justify-content:center;outline:0;border:none;cursor:pointer;background-color:transparent}.dropdown-menu-container .dropdown-menu-content .dropdown-menu-suffix .dropdown-menu-button:hover:not(:disabled)>mat-icon{transform:scale(1.08)}.dropdown-menu-icon{width:1.6rem;height:1.6rem;font-size:1.6rem;color:#131313;fill:#131313}.btn-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", [ChangeDetectorRef,
         ElementRef])
@@ -9795,7 +9935,7 @@ GIPIFormFieldComponent = GIPIFormFieldComponent_1 = __decorate([
     Component({
         selector: `gipi-form-field`,
         exportAs: 'gipiFormField',
-        template: "<label class=\"form-field-container\"\n       [attr.for]=\"id\">\n    <span class=\"form-field-label\"\n          *ngIf=\"label\">\n        {{ label }}\n        <span *ngIf=\"required && label\"> * </span>\n    </span>\n\n    <div class=\"form-field-content\"\n         [class.form-field-select]=\"type === 'select'\"\n         (click)=\"onInputClick($event)\">\n        <!-- Input others -->\n        <input class=\"form-field-input\"\n               *ngIf=\"type && type !== 'currency'\"\n               #inputRef\n               autocomplete=\"off\"\n               [attr.id]=\"id\"\n               [attr.aria-label]=\"ariaLabel\"\n               [name]=\"name\"\n               [type]=\"type\"\n               [min]=\"min\"\n               [max]=\"max ? max : 250\"\n               [maxlength]=\"maxLength ? maxLength : 250\"\n               [mask]=\"mask\"\n               [required]=\"required\"\n               [placeholder]=\"placeholder\"\n               [readonly]=\"readonly\"\n               [disabled]=\"disabled\"\n               [pattern]=\"pattern\"\n               [(ngModel)]=\"model\"\n               [value]=\"value\"\n               (keydown)=\"onInputKeydown($event)\"\n               (focus)=\"onInputFocus($event)\"\n               (blur)=\"onInputBlur($event)\"\n               (click)=\"onInputClick($event)\">\n\n        <!-- Input currency -->\n        <input class=\"form-field-input\"\n               *ngIf=\"type && type === 'currency'\"\n               #inputRef\n               currencyMask\n               autocomplete=\"off\"\n               [attr.id]=\"id\"\n               [attr.aria-label]=\"ariaLabel\"\n               [name]=\"name + 'currency'\"\n               [type]=\"type\"\n               [min]=\"min\"\n               [max]=\"max\"\n               [maxlength]=\"maxLength\"\n               [mask]=\"mask\"\n               [required]=\"required\"\n               [placeholder]=\"placeholder\"\n               [readonly]=\"readonly\"\n               [disabled]=\"disabled\"\n               [pattern]=\"pattern\"\n               [(ngModel)]=\"model\"\n               [value]=\"value\"\n               [options]=\"optionsCurrency\"\n               (keydown)=\"onInputKeydown($event)\"\n               (focus)=\"onInputFocus($event)\"\n               (blur)=\"onInputBlur($event)\"\n               (click)=\"onInputClick($event)\">\n\n        <div class=\"form-field-suffix\"\n             *ngIf=\"type === 'select'\">\n            <div class=\"form-field-trigger\"\n                 *ngIf=\"showTrigger && (trigger && trigger > 1)\">\n                + {{ trigger >= 99 ? 99 : trigger }}\n            </div>\n\n            <button ariaLabel=\"Limpar op\u00E7\u00F5es\"\n                    class=\"form-field-button\"\n                    *ngIf=\"showClear\"\n                    (click)=\"onButtonClearClick($event)\">\n                <mat-icon class=\"form-field-icon\"> clear </mat-icon>\n            </button>\n\n            <mat-icon class=\"form-field-icon\">\n                keyboard_arrow_down\n            </mat-icon>\n        </div>\n\n        <div class=\"form-field-suffix\"\n             *ngIf=\"type === 'search'\">\n            <button ariaLabel=\"Limpar\"\n                    class=\"form-field-button\"\n                    *ngIf=\"showClear\"\n                    (click)=\"onButtonClearClick($event)\">\n                <mat-icon class=\"form-field-icon\"> clear </mat-icon>\n            </button>\n\n            <button ariaLabel=\"Pesquisar\"\n                    class=\"form-field-button\"\n                    *ngIf=\"showSearch\"\n                    (click)=\"onButtonSearchClick($event)\">\n                <mat-icon class=\"form-field-icon\">\n                    search\n                </mat-icon>\n            </button>\n\n            <mat-icon class=\"form-field-icon\"\n                      *ngIf=\"!showSearch\">\n                search\n            </mat-icon>\n        </div>\n    </div>\n</label>",
+        template: "<label class=\"form-field-container\"\n       [attr.for]=\"id\">\n    <span class=\"form-field-label\"\n          *ngIf=\"label\">\n        {{ label }}\n        <span *ngIf=\"required && label\"> * </span>\n    </span>\n\n    <div class=\"form-field-content\"\n         [class.form-field-select]=\"type === 'select'\"\n         (click)=\"onInputClick($event)\">\n        <!-- Input others -->\n        <input class=\"form-field-input\"\n               *ngIf=\"type && type !== 'currency'\"\n               #inputRef\n               autocomplete=\"off\"\n               [attr.id]=\"id\"\n               [attr.aria-label]=\"ariaLabel\"\n               [name]=\"name\"\n               [type]=\"type\"\n               [min]=\"min\"\n               [max]=\"max ? max : 250\"\n               [maxlength]=\"maxLength ? maxLength : 250\"\n               [mask]=\"mask\"\n               [required]=\"required\"\n               [placeholder]=\"placeholder\"\n               [readonly]=\"readonly\"\n               [disabled]=\"disabled\"\n               [pattern]=\"pattern\"\n               [(ngModel)]=\"model\"\n               [value]=\"value\"\n               (keydown)=\"onInputKeydown($event)\"\n               (focus)=\"onInputFocus($event)\"\n               (blur)=\"onInputBlur($event)\"\n               (click)=\"onInputClick($event)\">\n\n        <!-- Input currency -->\n        <input class=\"form-field-input\"\n               *ngIf=\"type && type === 'currency'\"\n               #inputRef\n               currencyMask\n               autocomplete=\"off\"\n               [attr.id]=\"id\"\n               [attr.aria-label]=\"ariaLabel\"\n               [name]=\"name + 'currency'\"\n               [type]=\"type\"\n               [min]=\"min\"\n               [max]=\"max\"\n               [maxlength]=\"maxLength\"\n               [mask]=\"mask\"\n               [required]=\"required\"\n               [placeholder]=\"placeholder\"\n               [readonly]=\"readonly\"\n               [disabled]=\"disabled\"\n               [pattern]=\"pattern\"\n               [(ngModel)]=\"model\"\n               [value]=\"value\"\n               [options]=\"optionsCurrency\"\n               (keydown)=\"onInputKeydown($event)\"\n               (focus)=\"onInputFocus($event)\"\n               (blur)=\"onInputBlur($event)\"\n               (click)=\"onInputClick($event)\">\n\n        <div class=\"form-field-suffix\"\n             *ngIf=\"type === 'select'\">\n            <div class=\"form-field-trigger\"\n                 *ngIf=\"showTrigger && (trigger && trigger > 1)\">\n                + {{ trigger >= 99 ? 99 : trigger }}\n            </div>\n\n            <button ariaLabel=\"Limpar op\u00E7\u00F5es\"\n                    class=\"form-field-button\"\n                    *ngIf=\"showClear\"\n                    (click)=\"onButtonClearClick($event)\">\n                <mat-icon class=\"form-field-icon\"> clear </mat-icon>\n            </button>\n\n            <div class=\"form-field-icon-arrow\"> </div>\n        </div>\n\n        <div class=\"form-field-suffix\"\n             *ngIf=\"type === 'search'\">\n            <button ariaLabel=\"Limpar\"\n                    class=\"form-field-button\"\n                    *ngIf=\"showClear\"\n                    (click)=\"onButtonClearClick($event)\">\n                <mat-icon class=\"form-field-icon\"> clear </mat-icon>\n            </button>\n\n            <button ariaLabel=\"Pesquisar\"\n                    class=\"form-field-button\"\n                    *ngIf=\"showSearch\"\n                    (click)=\"onButtonSearchClick($event)\">\n                <mat-icon class=\"form-field-icon\">\n                    search\n                </mat-icon>\n            </button>\n\n            <mat-icon class=\"form-field-icon\"\n                      *ngIf=\"!showSearch\">\n                search\n            </mat-icon>\n        </div>\n    </div>\n</label>",
         providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -9807,7 +9947,7 @@ GIPIFormFieldComponent = GIPIFormFieldComponent_1 = __decorate([
             'class': 'gipi-form-field',
         },
         changeDetection: ChangeDetectionStrategy.OnPush,
-        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}"]
+        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:1rem;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}.form-field-icon-arrow{border:solid #131313;border-width:0 2px 2px 0;display:inline-block;padding:3px;transform:rotate(45deg);margin:-5px 4px 0}"]
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef,
         ElementRef])
@@ -10165,7 +10305,7 @@ GIPIInputCurrencyComponent = GIPIInputCurrencyComponent_1 = __decorate([
             'class': 'gipi-input-currency',
         },
         changeDetection: ChangeDetectionStrategy.OnPush,
-        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}"]
+        styles: [":host{display:block;min-width:0;max-width:100%;flex:1}.input-currency-container{display:flex;flex-direction:column;gap:1rem;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){color:#bbbdc1!important;border-color:#e0e1e2!important;background-color:#f5f5f6!important;cursor:not-allowed!important;box-shadow:none!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])
@@ -10567,7 +10707,7 @@ GIPIInputMonthPickerComponent = GIPIInputMonthPickerComponent_1 = __decorate([
             'class': 'gipi-input-monthpicker',
         },
         changeDetection: ChangeDetectionStrategy.OnPush,
-        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}"]
+        styles: [":host{display:block;min-width:0;max-width:100%;flex:1}.input-monthpicker-container{display:flex;flex-direction:column;gap:1rem;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){color:#bbbdc1!important;border-color:#e0e1e2!important;background-color:#f5f5f6!important;box-shadow:none!important;caret-color:#d1d2d4!important;pointer-events:none!important;cursor:not-allowed!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])
@@ -10869,7 +11009,7 @@ GIPIInputSelectEnumComponent = GIPIInputSelectEnumComponent_1 = __decorate([
             'class': 'gipi-input-select-enum',
         },
         changeDetection: ChangeDetectionStrategy.OnPush,
-        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}"]
+        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:1rem}::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])
@@ -12095,7 +12235,7 @@ GIPIInputSelectComponent = GIPIInputSelectComponent_1 = __decorate([
             'class': 'gipi-input-select',
         },
         changeDetection: ChangeDetectionStrategy.OnPush,
-        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}"]
+        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:1rem}::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:1rem;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:1.6rem 0}.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:1rem;padding:8px 12px;border-top:1px solid #bfbfbf}::ng-deep .select-mat-option-pseudo-checkbox{margin:0!important}"]
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef])
 ], GIPIInputSelectComponent);
@@ -12505,7 +12645,7 @@ GIPIInputSelectListboxComponent = GIPIInputSelectListboxComponent_1 = __decorate
             'class': 'gipi-input-select-listbox',
         },
         changeDetection: ChangeDetectionStrategy.OnPush,
-        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}"]
+        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:1rem;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:1rem}"]
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef,
         ElementRef,
@@ -12853,7 +12993,7 @@ GIPIInputSearchComponent = GIPIInputSearchComponent_1 = __decorate([
     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           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>",
+        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           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,
@@ -13214,7 +13354,7 @@ GIPIInputSelectPagedComponent = GIPIInputSelectPagedComponent_1 = __decorate([
             'class': 'gipi-input-select-paged',
         },
         changeDetection: ChangeDetectionStrategy.OnPush,
-        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}"]
+        styles: [":host{display:block;min-width:0;max-width:100%;flex:1}.input-select-paged-content{display:flex;flex-direction:column;gap:1rem}.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);
@@ -14413,7 +14553,7 @@ GIPIRadioGroupComponent = GIPIRadioGroupComponent_1 = __decorate([
             'class': 'gipi-radio-group',
         },
         changeDetection: ChangeDetectionStrategy.OnPush,
-        styles: [".radiogroup-content{display:flex;flex-direction:column;gap:12px}.radiogroup-content>label,.radiogroup-content>legend{font-weight:400;font-size:1.4rem;line-height:100%;color:#131313}.radiogroup-content>label>span,.radiogroup-content>legend>span{color:#d14014}.radiogroup-content .radiogroup{display:flex;align-items:center;gap:12px;padding:8px 0}.fieldset-radio-content{height:6.6rem;border-color:rgba(0,0,0,.12);border-radius:5px}.fieldset-radio-content .radiogroup{width:100%;height:100%;justify-content:space-around}"]
+        styles: [".radiogroup-content{display:flex;flex-direction:column;gap:1rem}.radiogroup-content>label,.radiogroup-content>legend{font-weight:400;font-size:1.4rem;line-height:100%;color:#131313}.radiogroup-content>label>span,.radiogroup-content>legend>span{color:#d14014}.radiogroup-content .radiogroup{display:flex;align-items:center;gap:1rem;padding:8px 0}.fieldset-radio-content{height:6.6rem;border-color:rgba(0,0,0,.12);border-radius:5px}.fieldset-radio-content .radiogroup{width:100%;height:100%;justify-content:space-around}"]
     }),
     __metadata("design:paramtypes", [ChangeDetectorRef])
 ], GIPIRadioGroupComponent);
@@ -15387,7 +15527,7 @@ GIPISelectComponent = GIPISelectComponent_1 = __decorate([
         },
         changeDetection: ChangeDetectionStrategy.OnPush,
         encapsulation: ViewEncapsulation.None,
-        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}"]
+        styles: [":host{display:block;min-width:0;max-width:100%;flex:1}.select-content{display:flex;flex-direction:column;gap:1rem}.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);
@@ -15793,7 +15933,7 @@ GIPISidenavComponent = GIPISidenavComponent_1 = __decorate([
     Component({
         selector: `gipi-sidenav`,
         exportAs: 'gipiSidenav',
-        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>",
+        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    <div class=\"sidenav-content-menu\">\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: [
             {
@@ -15812,7 +15952,7 @@ GIPISidenavComponent = GIPISidenavComponent_1 = __decorate([
                 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 - 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}"]
+        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%;flex:1}.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,
@@ -15927,309 +16067,545 @@ GIPISlideToggleComponent = GIPISlideToggleComponent_1 = __decorate([
     __metadata("design:paramtypes", [ChangeDetectorRef])
 ], GIPISlideToggleComponent);
 
-var GIPIStepperComponent_1;
-let GIPIStepperComponent = GIPIStepperComponent_1 = class GIPIStepperComponent extends CdkStepper {
-    ngOnInit() { }
-    onClick(index) {
-        this.selectedIndex = index;
-    }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], GIPIStepperComponent.prototype, "id", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], GIPIStepperComponent.prototype, "name", void 0);
-GIPIStepperComponent = GIPIStepperComponent_1 = __decorate([
-    Component({
-        selector: `gipi-stepper`,
-        exportAs: 'gipiStepper',
-        template: "<div class=\"stepper-content\">\n    <div *ngFor=\"let step of steps; let i = index;\"\n         class=\"step-content\">\n\n        <button disabled=\"true\"\n                (click)=\"onClick(i)\">\n            <span class=\"step-icon\"\n                  [class.active]=\"selectedIndex === i\"\n                  [class.completed]=\"step.completed\">\n\n                {{ step.completed ? '' : i + 1 }}\n\n                <mat-icon *ngIf=\"step.completed\">\n                    check\n                </mat-icon>\n            </span>\n\n            <span class=\"step-text\">\n                {{ step.label }}\n            </span>\n        </button>\n\n        <div *ngIf=\"i !== steps.length - 1\"\n             class=\"step-horizontal-line\"\n             [class.completed]=\"step.completed\">\n        </div>\n    </div>\n</div>\n\n<div [style.display]=\"selected ? 'block' : 'none'\"\n     class=\"stepper-container\">\n    <ng-container [ngTemplateOutlet]=\"selected.content\"> </ng-container>\n</div>\n",
-        providers: [
-            {
-                provide: CdkStepper,
-                useExisting: GIPIStepperComponent_1,
-            }
-        ],
-        host: {
-            'class': 'gipi-stepper',
-        },
-        styles: [".stepper-content{width:100%;padding:16px;max-width:1366px;position:relative;overflow:hidden;display:flex;flex-direction:row;align-items:center;justify-content:center;margin:0 auto}.stepper-container{flex:1}.stepper-content .step-content{display:flex;flex-direction:row;align-items:center}.stepper-content .step-content>button{display:flex;flex-direction:column;align-items:center;gap:8px;outline:0;border:none;background-color:transparent}.stepper-content .step-content>button .step-icon{display:flex;align-items:center;justify-content:center;width:5rem;height:5rem;font-size:1.4rem;border:2px solid #e0e1e2;border-radius:50%;color:#8c8f93;font-weight:600}.stepper-content .step-content>button .step-text{font-size:1.4rem;line-height:100%;color:#8c8f93}.step-horizontal-line{height:2px;border-radius:4px;min-width:5rem;max-width:10rem;background-color:#e0e1e2;border:none;position:relative;top:-10px;margin:0 16px}.active{border-color:#e0313e!important;color:#e0313e!important}.completed{background-color:#e0313e!important;border-color:#e0313e!important;color:#fff!important}"]
-    })
-], GIPIStepperComponent);
-
-var GIPITableBodyComponent_1;
-let GIPITableBodyComponent = GIPITableBodyComponent_1 = class GIPITableBodyComponent {
-    constructor(_changeDetectorRef) {
-        this._changeDetectorRef = _changeDetectorRef;
-        this._rowsExpanded = [];
-        this.loading = false;
-        this.loadingDetail = false;
+var GIPISplitButtonComponent_1;
+let nextUniqueId$i = 0;
+let GIPISplitButtonComponent = GIPISplitButtonComponent_1 = class GIPISplitButtonComponent {
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+        this._uniqueId = nextUniqueId$i++;
+        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.clickOnRow = false;
-        this.expandable = false;
-        this.expandOnlyOneRow = false;
-        this.columns = [];
-        this.trackBy = 'id';
-        this.rowsExpandedChange = new EventEmitter();
-        this.rowDetailToggleChange = new EventEmitter();
-    }
-    set rows(val) {
-        this._rows = val;
-    }
-    get rows() {
-        return this._rows;
+        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);
     }
     ngOnInit() { }
-    columnTrackingFn(index, column) {
-        return column.property;
+    ngOnDestroy() {
+        if (this.popoverTrigger) {
+            this.popoverTrigger.destroyPopover();
+        }
     }
-    rowTrackingFn(index, row) {
-        return row[this.trackBy];
+    getHostElement() {
+        return this.elementRef.nativeElement;
     }
-    getShowHighlightRow(row) {
-        if (ObjectUtil.isNull(row) || ObjectUtil.isNull(this.highlightRowFn)) {
-            return false;
-        }
-        return this.highlightRowFn(row);
+    _hasHostAttributes(...attributes) {
+        return attributes.some(attribute => this.getHostElement().hasAttribute(attribute));
     }
-    getIdentifierRow(index) {
-        return `row-${index}`;
+    btnIdAndName() {
+        const uniqueId = nextUniqueId$i++;
+        return {
+            btnDefault: `gipi-split-button-default-${uniqueId}`,
+            btnMenu: `gipi-split-button-menu-${uniqueId}`,
+        };
     }
-    getShowExpandable(row) {
-        if (!ObjectUtil.isNull(this.rowExpandableFn)) {
-            return this.expandable && this.rowExpandableFn(row);
+    getInternalButtonClass(isBtnDefault) {
+        return {
+            'button-default': isBtnDefault,
+            'button-menu': !isBtnDefault,
+            'button-primary': this.isSplitButtonPrimary,
+            'button-secondary': this.isSplitButtonSecondary,
+            'button-tertiary': this.isSplitButtonTertiary,
+            'button-action': this.isSplitButtonAction,
+        };
+    }
+    showPopover() {
+        if (this.disabled || this.loading) {
+            return;
         }
         else {
-            return this.expandable;
+            this.popoverTrigger.openPopover();
         }
     }
-    getColumnValue(row, column) {
-        let value = '';
-        if (!this.rows || !this.columns) {
-            value = '';
+    closePopover() {
+        if (this.disabled || this.loading) {
+            return;
         }
         else {
-            let val = column.value;
-            if (typeof column.value === 'function') {
-                val = column.value(row);
-            }
-            const userPipe = column.pipe;
-            if (userPipe) {
-                value = userPipe.transform(val);
-            }
-            else if (value !== undefined) {
-                value = val;
-            }
+            this.popoverTrigger.closePopover();
         }
-        return value;
     }
-    getRowExpanded(row) {
-        if (ArrayUtil.isEmpty(this._rowsExpanded)) {
-            return false;
+    handleClick(event) {
+        if (this.disabled || this.loading) {
+            return;
+        }
+        else {
+            this.onClick.emit(event);
+            this.closePopover();
+            event.stopPropagation();
         }
-        return this._rowsExpanded.includes(row);
     }
-    onRowExpandedChange(row) {
-        if (!this.getShowExpandable(row)) {
+    handleFocus(event) {
+        if (this.disabled || this.loading) {
             return;
         }
-        if (this.expandOnlyOneRow) {
-            if (!ArrayUtil.isEmpty(this._rowsExpanded)) {
-                if (this.getRowExpanded(row)) {
-                    this._rowsExpanded.splice(0, this._rowsExpanded.length);
-                }
-                else {
-                    this._rowsExpanded.splice(0, this._rowsExpanded.length, row);
-                }
-            }
-            else {
-                this._rowsExpanded.push(row);
-            }
+        else {
+            this.onFocus.emit(event);
+            event.stopPropagation();
+        }
+    }
+    handleBlur(event) {
+        if (this.disabled || this.loading) {
+            return;
         }
         else {
-            if (this.getRowExpanded(row)) {
-                const index = this._rowsExpanded.findIndex(r => r === row);
-                this._rowsExpanded.splice(index, 1);
-            }
-            else {
-                this._rowsExpanded.push(row);
+            this.onBlur.emit(event);
+            event.stopPropagation();
+        }
+    }
+    handleClickBtnMenu(event) {
+        if (this.disabled || this.loading) {
+            return;
+        }
+        else {
+            if (!ObjectUtil.isNull(this.popoverTrigger)) {
+                this.popoverTrigger.togglePopover();
             }
+            event.stopPropagation();
         }
-        this.rowsExpandedChange.emit(this._rowsExpanded);
-        this.rowDetailToggleChange.emit({ row: row, isExpanded: this.getRowExpanded(row) });
-        this._changeDetectorRef.detectChanges();
     }
-    onClickCell(row, column) {
-        if (!ObjectUtil.isNull(column.action)) {
-            column.action(row);
+    handleClickBtnSplitOption(option) {
+        if (this.disabled || this.loading || !option || option.disabled || !option.clickFn) {
+            return;
+        }
+        else {
+            option.clickFn();
+            this.closePopover();
+        }
+    }
+    onResize(event) {
+        if (this.popoverTrigger) {
+            this.popoverTrigger.closePopover();
+            event.stopPropagation();
         }
     }
 };
-GIPITableBodyComponent.ctorParameters = () => [
-    { type: ChangeDetectorRef }
+GIPISplitButtonComponent.ctorParameters = () => [
+    { type: ElementRef }
 ];
 __decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], GIPITableBodyComponent.prototype, "loading", void 0);
+    ViewChild(GIPIPopoverTrigger, { static: false }),
+    __metadata("design:type", GIPIPopoverTrigger)
+], GIPISplitButtonComponent.prototype, "popoverTrigger", void 0);
 __decorate([
     Input(),
-    __metadata("design:type", Boolean)
-], GIPITableBodyComponent.prototype, "loadingDetail", void 0);
+    __metadata("design:type", String)
+], GIPISplitButtonComponent.prototype, "id", void 0);
 __decorate([
     Input(),
-    __metadata("design:type", Boolean)
-], GIPITableBodyComponent.prototype, "disabled", void 0);
+    __metadata("design:type", String)
+], GIPISplitButtonComponent.prototype, "name", void 0);
 __decorate([
     Input(),
-    __metadata("design:type", Boolean)
-], GIPITableBodyComponent.prototype, "clickOnRow", void 0);
+    __metadata("design:type", String)
+], GIPISplitButtonComponent.prototype, "type", void 0);
 __decorate([
     Input(),
-    __metadata("design:type", Boolean)
-], GIPITableBodyComponent.prototype, "expandable", void 0);
+    __metadata("design:type", String)
+], GIPISplitButtonComponent.prototype, "ariaLabel", void 0);
 __decorate([
     Input(),
-    __metadata("design:type", Boolean)
-], GIPITableBodyComponent.prototype, "expandOnlyOneRow", void 0);
+    __metadata("design:type", String)
+], GIPISplitButtonComponent.prototype, "title", void 0);
 __decorate([
     Input(),
-    __metadata("design:type", Function)
-], GIPITableBodyComponent.prototype, "rowExpandableFn", void 0);
+    __metadata("design:type", String)
+], GIPISplitButtonComponent.prototype, "label", void 0);
 __decorate([
     Input(),
-    __metadata("design:type", Function)
-], GIPITableBodyComponent.prototype, "highlightRowFn", void 0);
+    __metadata("design:type", String)
+], GIPISplitButtonComponent.prototype, "buttonClass", void 0);
 __decorate([
     Input(),
-    __metadata("design:type", Array)
-], GIPITableBodyComponent.prototype, "columns", void 0);
+    __metadata("design:type", Boolean)
+], GIPISplitButtonComponent.prototype, "disabled", void 0);
 __decorate([
     Input(),
-    __metadata("design:type", String)
-], GIPITableBodyComponent.prototype, "trackBy", void 0);
+    __metadata("design:type", Boolean)
+], GIPISplitButtonComponent.prototype, "loading", void 0);
 __decorate([
     Input(),
-    __metadata("design:type", TemplateRef)
-], GIPITableBodyComponent.prototype, "rowDetailRef", void 0);
+    __metadata("design:type", String)
+], GIPISplitButtonComponent.prototype, "tooltip", void 0);
 __decorate([
-    Input(),
-    __metadata("design:type", Array),
-    __metadata("design:paramtypes", [Array])
-], GIPITableBodyComponent.prototype, "rows", null);
+    Input('options'),
+    __metadata("design:type", Array)
+], GIPISplitButtonComponent.prototype, "splitOptions", void 0);
 __decorate([
     Output(),
     __metadata("design:type", EventEmitter)
-], GIPITableBodyComponent.prototype, "rowsExpandedChange", void 0);
+], GIPISplitButtonComponent.prototype, "onOpenPopover", void 0);
 __decorate([
     Output(),
     __metadata("design:type", EventEmitter)
-], GIPITableBodyComponent.prototype, "rowDetailToggleChange", void 0);
-GIPITableBodyComponent = GIPITableBodyComponent_1 = __decorate([
+], 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-table-body`,
-        exportAs: 'gipiTableBody',
-        template: "<gipi-table-progress-bar *ngIf=\"loading\"> </gipi-table-progress-bar>\n\n<div class=\"table-body-content\"\n     role=\"rowgroup\"\n     #contentBody>\n\n    <div *ngFor=\"let row of rows; trackBy: rowTrackingFn; let i = index;\"\n         gipi-row\n         role=\"row\"\n         class=\"table-body-row\"\n         [attr.id]=\"getIdentifierRow(i)\"\n         [class.highlight]=\"getShowHighlightRow(row)\"\n         (click)=\"clickOnRow ? onRowExpandedChange(row) : null\">\n\n        <div *ngIf=\"getShowExpandable(row)\"\n             role=\"cell\"\n             class=\"table-body-cell-expandable noselect\"\n             (click)=\"!clickOnRow ? onRowExpandedChange(row) : null\">\n            <mat-icon>\n                {{ getRowExpanded(row) ? 'expand_more' : 'chevron_right' }}\n            </mat-icon>\n        </div>\n\n        <div *ngFor=\"let column of columns; trackBy: columnTrackingFn; let i = index;\"\n             class=\"table-body-row-cell noselect\"\n             role=\"cell\"\n             gipi-col\n             [GIPISpan]=\"column.columnSpan\"\n             [attr.id]=\"column.property\"\n             [style.align-items]=\"'center'\"\n             [style.padding-inline.px]=\"column.paddingInline\"\n             [style.justify-content]=\"column.align\"\n             [style.cursor]=\"expandable && clickOnRow ? 'pointer' : 'default'\"\n             (click)=\"onClickCell(row, column)\">\n            <span class=\"table-row-label\"\n                  *ngIf=\"row\">\n                {{ getColumnValue(row, column) }}\n            </span>\n        </div>\n\n        <div *ngIf=\"rowDetailRef\"\n             class=\"table-body-row-detail\"\n             [@detailExpand]=\"getRowExpanded(row) ? 'expanded' : 'collapsed'\"\n             role=\"row\"\n             gipi-col\n             [GIPISpan]=\"12\"\n             (click)=\"$event.stopPropagation()\">\n            <gipi-table-progress-bar *ngIf=\"loadingDetail\"> </gipi-table-progress-bar>\n\n            <ng-template *ngIf=\"!loadingDetail\"\n                         [ngTemplateOutlet]=\"rowDetailRef\"\n                         [ngTemplateOutletContext]=\"{$implicit: row}\">\n            </ng-template>\n        </div>\n\n    </div>\n\n    <div *ngIf=\"!loading && (rows && (rows.length <= 0))\"\n         class=\"no-records\">\n        <mat-icon>sentiment_very_dissatisfied</mat-icon>\n        <span>Nenhum registro foi encontrado</span>\n    </div>\n\n</div>",
+        selector: `gipi-split-button[gipi-primary], gipi-split-button[gipi-secondary],
+               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(() => GIPITableBodyComponent_1),
+                useExisting: forwardRef(() => GIPISplitButtonComponent_1),
                 multi: true
             }
         ],
         host: {
-            'class': 'gipi-table-body',
+            'class': 'gipi-split-button',
+            '[attr.id]': 'id',
+            '[attr.name]': 'name',
         },
         animations: [
-            trigger('detailExpand', [
-                state('collapsed', style({ height: '0px', minHeight: '0', display: 'none' })),
-                state('expanded', style({ height: '*' })),
-                transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4, 0.0, 0.2, 1)')),
-            ]),
+            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)')),
+            ])
         ],
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        styles: [".table-body-row{color:#131313;position:relative;background-color:inherit}.table-body-row.highlight{background-color:#fbf6e6}.table-body-row:not(:last-child){border-bottom:1px solid #e0e1e2}.table-body-row:hover .table-body-row-cell{background-color:#f5f5f6}.table-body-cell-expandable{width:1.6rem;height:1.6rem;background-color:#f5f5f6;border-radius:50%;z-index:1;position:absolute;text-align:center;left:3.8rem;margin:24px 0;cursor:pointer}.table-body-cell-expandable:hover{background-color:#e0e1e2}.table-body-cell-expandable>mat-icon{width:1.6rem;height:1.6rem;font-size:1.6rem}.table-body-row-cell{padding:24px 0;font-weight:400;font-size:1.4rem;line-height:100%;display:flex}.table-body-row-detail{width:100%;min-height:10rem;max-height:90rem;overflow-x:hidden;overflow-y:auto;background-color:#fff}.no-records{display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:1.4rem;font-weight:600;color:#131313;padding:24px 0;box-shadow:inset 0 5px 13px -5px rgba(0,0,0,.1)}.no-records>mat-icon{font-size:3.2rem;height:3.2rem;width:3.2rem;margin-bottom:5px}"]
+        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", [ChangeDetectorRef])
-], GIPITableBodyComponent);
+    __metadata("design:paramtypes", [ElementRef])
+], GIPISplitButtonComponent);
 
-var GIPITableFooterComponent_1;
-let GIPITableFooterComponent = GIPITableFooterComponent_1 = class GIPITableFooterComponent {
-    constructor() { }
+var GIPIStepperComponent_1;
+let GIPIStepperComponent = GIPIStepperComponent_1 = class GIPIStepperComponent extends CdkStepper {
     ngOnInit() { }
+    onClick(index) {
+        this.selectedIndex = index;
+    }
 };
-GIPITableFooterComponent = GIPITableFooterComponent_1 = __decorate([
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], GIPIStepperComponent.prototype, "id", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], GIPIStepperComponent.prototype, "name", void 0);
+GIPIStepperComponent = GIPIStepperComponent_1 = __decorate([
     Component({
-        selector: `gipi-table-footer`,
-        exportAs: 'gipiTableFooter',
-        template: "<p>\n  table-footer works!\n</p>\n",
+        selector: `gipi-stepper`,
+        exportAs: 'gipiStepper',
+        template: "<div class=\"stepper-content\">\n    <div *ngFor=\"let step of steps; let i = index;\"\n         class=\"step-content\">\n\n        <button disabled=\"true\"\n                (click)=\"onClick(i)\">\n            <span class=\"step-icon\"\n                  [class.active]=\"selectedIndex === i\"\n                  [class.completed]=\"step.completed\">\n\n                {{ step.completed ? '' : i + 1 }}\n\n                <mat-icon *ngIf=\"step.completed\">\n                    check\n                </mat-icon>\n            </span>\n\n            <span class=\"step-text\">\n                {{ step.label }}\n            </span>\n        </button>\n\n        <div *ngIf=\"i !== steps.length - 1\"\n             class=\"step-horizontal-line\"\n             [class.completed]=\"step.completed\">\n        </div>\n    </div>\n</div>\n\n<div [style.display]=\"selected ? 'block' : 'none'\"\n     class=\"stepper-container\">\n    <ng-container [ngTemplateOutlet]=\"selected.content\"> </ng-container>\n</div>\n",
         providers: [
             {
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => GIPITableFooterComponent_1),
-                multi: true
+                provide: CdkStepper,
+                useExisting: GIPIStepperComponent_1,
             }
         ],
         host: {
-            'class': 'gipi-table-footer',
+            'class': 'gipi-stepper',
         },
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        styles: [""]
-    }),
-    __metadata("design:paramtypes", [])
-], GIPITableFooterComponent);
-
-class SortModel {
-    constructor(property, direction) {
-        this.property = property;
-        this.direction = direction;
-    }
-    get property() {
-        return this._property;
-    }
-    set property(value) {
-        this._property = value;
-    }
-    get direction() {
-        return this._direction;
-    }
-    set direction(value) {
-        this._direction = value;
-    }
-}
+        styles: [".stepper-content{width:100%;padding:16px;max-width:1366px;position:relative;overflow:hidden;display:flex;flex-direction:row;align-items:center;justify-content:center;margin:0 auto}.stepper-container{flex:1}.stepper-content .step-content{display:flex;flex-direction:row;align-items:center}.stepper-content .step-content>button{display:flex;flex-direction:column;align-items:center;gap:8px;outline:0;border:none;background-color:transparent}.stepper-content .step-content>button .step-icon{display:flex;align-items:center;justify-content:center;width:5rem;height:5rem;font-size:1.4rem;border:2px solid #e0e1e2;border-radius:50%;color:#8c8f93;font-weight:600}.stepper-content .step-content>button .step-text{font-size:1.4rem;line-height:100%;color:#8c8f93}.step-horizontal-line{height:2px;border-radius:4px;min-width:5rem;max-width:10rem;background-color:#e0e1e2;border:none;position:relative;top:-10px;margin:0 16px}.active{border-color:#e0313e!important;color:#e0313e!important}.completed{background-color:#e0313e!important;border-color:#e0313e!important;color:#fff!important}"]
+    })
+], GIPIStepperComponent);
 
-var GIPITableHeaderComponent_1;
-let GIPITableHeaderComponent = GIPITableHeaderComponent_1 = class GIPITableHeaderComponent {
+var GIPITableBodyComponent_1;
+let GIPITableBodyComponent = GIPITableBodyComponent_1 = class GIPITableBodyComponent {
     constructor(_changeDetectorRef) {
         this._changeDetectorRef = _changeDetectorRef;
-        this._sortedColumn = null;
-        this.columns = [];
+        this._rowsExpanded = [];
         this.loading = false;
+        this.loadingDetail = false;
         this.disabled = false;
-        this.sortStart = 'asc';
-        this.sortDisableClear = true;
-        this.sortLocked = false;
-        this.sortAscendingIcon = 'keyboard_arrow_up';
-        this.sortDescendingIcon = 'keyboard_arrow_down';
-        this.sortUnsetIcon = 'unfold_more';
-        this.sortChange = new EventEmitter();
+        this.clickOnRow = false;
+        this.expandable = false;
+        this.expandOnlyOneRow = false;
+        this.columns = [];
+        this.trackBy = 'id';
+        this.rowsExpandedChange = new EventEmitter();
+        this.rowDetailToggleChange = new EventEmitter();
     }
-    ngOnInit() {
-        if ((this.columns && this.columns.length) && this.sortActive) {
-            const columnActive = this.columns.find(c => c.property === this.sortActive);
-            if (!ObjectUtil.isNull(columnActive) && columnActive.sortable && ObjectUtil.isNull(this._sortedColumn)) {
-                this._sortedColumn = {};
-                this._sortedColumn.column = columnActive;
-                this._sortedColumn.sortDirection = this.sortStart;
-                this.sortChange.emit(new SortModel(columnActive.property, this._sortedColumn.sortDirection));
-            }
-            else {
-                throw new Error('There is no column with the property indicated in "sortActive"');
-            }
-        }
+    set rows(val) {
+        this._rows = val;
+    }
+    get rows() {
+        return this._rows;
+    }
+    ngOnInit() { }
+    columnTrackingFn(index, column) {
+        return column.property;
+    }
+    rowTrackingFn(index, row) {
+        return row[this.trackBy];
+    }
+    getShowHighlightRow(row) {
+        if (ObjectUtil.isNull(row) || ObjectUtil.isNull(this.highlightRowFn)) {
+            return false;
+        }
+        return this.highlightRowFn(row);
+    }
+    getIdentifierRow(index) {
+        return `row-${index}`;
+    }
+    getShowExpandable(row) {
+        if (!ObjectUtil.isNull(this.rowExpandableFn)) {
+            return this.expandable && this.rowExpandableFn(row);
+        }
+        else {
+            return this.expandable;
+        }
+    }
+    getColumnValue(row, column) {
+        let value = '';
+        if (!this.rows || !this.columns) {
+            value = '';
+        }
+        else {
+            let val = column.value;
+            if (typeof column.value === 'function') {
+                val = column.value(row);
+            }
+            const userPipe = column.pipe;
+            if (userPipe) {
+                value = userPipe.transform(val);
+            }
+            else if (value !== undefined) {
+                value = val;
+            }
+        }
+        return value;
+    }
+    getRowExpanded(row) {
+        if (ArrayUtil.isEmpty(this._rowsExpanded)) {
+            return false;
+        }
+        return this._rowsExpanded.includes(row);
+    }
+    onRowExpandedChange(row) {
+        if (!this.getShowExpandable(row)) {
+            return;
+        }
+        if (this.expandOnlyOneRow) {
+            if (!ArrayUtil.isEmpty(this._rowsExpanded)) {
+                if (this.getRowExpanded(row)) {
+                    this._rowsExpanded.splice(0, this._rowsExpanded.length);
+                }
+                else {
+                    this._rowsExpanded.splice(0, this._rowsExpanded.length, row);
+                }
+            }
+            else {
+                this._rowsExpanded.push(row);
+            }
+        }
+        else {
+            if (this.getRowExpanded(row)) {
+                const index = this._rowsExpanded.findIndex(r => r === row);
+                this._rowsExpanded.splice(index, 1);
+            }
+            else {
+                this._rowsExpanded.push(row);
+            }
+        }
+        this.rowsExpandedChange.emit(this._rowsExpanded);
+        this.rowDetailToggleChange.emit({ row: row, isExpanded: this.getRowExpanded(row) });
+        this._changeDetectorRef.detectChanges();
+    }
+    onClickCell(row, column) {
+        if (!ObjectUtil.isNull(column.action)) {
+            column.action(row);
+        }
+    }
+};
+GIPITableBodyComponent.ctorParameters = () => [
+    { type: ChangeDetectorRef }
+];
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], GIPITableBodyComponent.prototype, "loading", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], GIPITableBodyComponent.prototype, "loadingDetail", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], GIPITableBodyComponent.prototype, "disabled", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], GIPITableBodyComponent.prototype, "clickOnRow", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], GIPITableBodyComponent.prototype, "expandable", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], GIPITableBodyComponent.prototype, "expandOnlyOneRow", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Function)
+], GIPITableBodyComponent.prototype, "rowExpandableFn", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Function)
+], GIPITableBodyComponent.prototype, "highlightRowFn", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Array)
+], GIPITableBodyComponent.prototype, "columns", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], GIPITableBodyComponent.prototype, "trackBy", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", TemplateRef)
+], GIPITableBodyComponent.prototype, "rowDetailRef", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Array),
+    __metadata("design:paramtypes", [Array])
+], GIPITableBodyComponent.prototype, "rows", null);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], GIPITableBodyComponent.prototype, "rowsExpandedChange", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], GIPITableBodyComponent.prototype, "rowDetailToggleChange", void 0);
+GIPITableBodyComponent = GIPITableBodyComponent_1 = __decorate([
+    Component({
+        selector: `gipi-table-body`,
+        exportAs: 'gipiTableBody',
+        template: "<gipi-table-progress-bar *ngIf=\"loading\"> </gipi-table-progress-bar>\n\n<div class=\"table-body-content\"\n     role=\"rowgroup\"\n     #contentBody>\n\n    <div *ngFor=\"let row of rows; trackBy: rowTrackingFn; let i = index;\"\n         gipi-row\n         role=\"row\"\n         class=\"table-body-row\"\n         [attr.id]=\"getIdentifierRow(i)\"\n         [class.highlight]=\"getShowHighlightRow(row)\"\n         (click)=\"clickOnRow ? onRowExpandedChange(row) : null\">\n\n        <div *ngIf=\"getShowExpandable(row)\"\n             role=\"cell\"\n             class=\"table-body-cell-expandable noselect\"\n             (click)=\"!clickOnRow ? onRowExpandedChange(row) : null\">\n            <mat-icon>\n                {{ getRowExpanded(row) ? 'expand_more' : 'chevron_right' }}\n            </mat-icon>\n        </div>\n\n        <div *ngFor=\"let column of columns; trackBy: columnTrackingFn; let i = index;\"\n             class=\"table-body-row-cell noselect\"\n             role=\"cell\"\n             gipi-col\n             [GIPISpan]=\"column.columnSpan\"\n             [attr.id]=\"column.property\"\n             [style.align-items]=\"'center'\"\n             [style.padding-inline.px]=\"column.paddingInline\"\n             [style.justify-content]=\"column.align\"\n             [style.cursor]=\"expandable && clickOnRow ? 'pointer' : 'default'\"\n             (click)=\"onClickCell(row, column)\">\n            <span class=\"table-row-label\"\n                  *ngIf=\"row\">\n                {{ getColumnValue(row, column) }}\n            </span>\n        </div>\n\n        <div *ngIf=\"rowDetailRef\"\n             class=\"table-body-row-detail\"\n             [@detailExpand]=\"getRowExpanded(row) ? 'expanded' : 'collapsed'\"\n             role=\"row\"\n             gipi-col\n             [GIPISpan]=\"12\"\n             (click)=\"$event.stopPropagation()\">\n            <gipi-table-progress-bar *ngIf=\"loadingDetail\"> </gipi-table-progress-bar>\n\n            <ng-template *ngIf=\"!loadingDetail\"\n                         [ngTemplateOutlet]=\"rowDetailRef\"\n                         [ngTemplateOutletContext]=\"{$implicit: row}\">\n            </ng-template>\n        </div>\n\n    </div>\n\n    <div *ngIf=\"!loading && (rows && (rows.length <= 0))\"\n         class=\"no-records\">\n        <mat-icon>sentiment_very_dissatisfied</mat-icon>\n        <span>Nenhum registro foi encontrado</span>\n    </div>\n\n</div>",
+        providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => GIPITableBodyComponent_1),
+                multi: true
+            }
+        ],
+        host: {
+            'class': 'gipi-table-body',
+        },
+        animations: [
+            trigger('detailExpand', [
+                state('collapsed', style({ height: '0px', minHeight: '0', display: 'none' })),
+                state('expanded', style({ height: '*' })),
+                transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4, 0.0, 0.2, 1)')),
+            ]),
+        ],
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        styles: [".table-body-row{color:#131313;position:relative;background-color:inherit}.table-body-row.highlight{background-color:#fbf6e6}.table-body-row:not(:last-child){border-bottom:1px solid #e0e1e2}.table-body-row:hover .table-body-row-cell{background-color:#f5f5f6}.table-body-cell-expandable{width:1.6rem;height:1.6rem;background-color:#f5f5f6;border-radius:50%;z-index:1;position:absolute;text-align:center;left:3.8rem;margin:24px 0;cursor:pointer}.table-body-cell-expandable:hover{background-color:#e0e1e2}.table-body-cell-expandable>mat-icon{width:1.6rem;height:1.6rem;font-size:1.6rem}.table-body-row-cell{padding:24px 0;font-weight:400;font-size:1.4rem;line-height:100%;display:flex}.table-body-row-detail{width:100%;min-height:10rem;max-height:90rem;overflow-x:hidden;overflow-y:auto;background-color:#fff}.no-records{display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:1.4rem;font-weight:600;color:#131313;padding:24px 0;box-shadow:inset 0 5px 13px -5px rgba(0,0,0,.1)}.no-records>mat-icon{font-size:3.2rem;height:3.2rem;width:3.2rem;margin-bottom:5px}"]
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef])
+], GIPITableBodyComponent);
+
+var GIPITableFooterComponent_1;
+let GIPITableFooterComponent = GIPITableFooterComponent_1 = class GIPITableFooterComponent {
+    constructor() { }
+    ngOnInit() { }
+};
+GIPITableFooterComponent = GIPITableFooterComponent_1 = __decorate([
+    Component({
+        selector: `gipi-table-footer`,
+        exportAs: 'gipiTableFooter',
+        template: "<p>\n  table-footer works!\n</p>\n",
+        providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => GIPITableFooterComponent_1),
+                multi: true
+            }
+        ],
+        host: {
+            'class': 'gipi-table-footer',
+        },
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        styles: [""]
+    }),
+    __metadata("design:paramtypes", [])
+], GIPITableFooterComponent);
+
+class SortModel {
+    constructor(property, direction) {
+        this.property = property;
+        this.direction = direction;
+    }
+    get property() {
+        return this._property;
+    }
+    set property(value) {
+        this._property = value;
+    }
+    get direction() {
+        return this._direction;
+    }
+    set direction(value) {
+        this._direction = value;
+    }
+}
+
+var GIPITableHeaderComponent_1;
+let GIPITableHeaderComponent = GIPITableHeaderComponent_1 = class GIPITableHeaderComponent {
+    constructor(_changeDetectorRef) {
+        this._changeDetectorRef = _changeDetectorRef;
+        this._sortedColumn = null;
+        this.columns = [];
+        this.loading = false;
+        this.disabled = false;
+        this.sortStart = 'asc';
+        this.sortDisableClear = true;
+        this.sortLocked = false;
+        this.sortAscendingIcon = 'keyboard_arrow_up';
+        this.sortDescendingIcon = 'keyboard_arrow_down';
+        this.sortUnsetIcon = 'unfold_more';
+        this.sortChange = new EventEmitter();
+    }
+    ngOnInit() {
+        if ((this.columns && this.columns.length) && this.sortActive) {
+            const columnActive = this.columns.find(c => c.property === this.sortActive);
+            if (!ObjectUtil.isNull(columnActive) && columnActive.sortable && ObjectUtil.isNull(this._sortedColumn)) {
+                this._sortedColumn = {};
+                this._sortedColumn.column = columnActive;
+                this._sortedColumn.sortDirection = this.sortStart;
+                this.sortChange.emit(new SortModel(columnActive.property, this._sortedColumn.sortDirection));
+            }
+            else {
+                throw new Error('There is no column with the property indicated in "sortActive"');
+            }
+        }
     }
     columnTrackingFn(index, column) {
         return column.property;
@@ -16634,10 +17010,10 @@ class TabModel {
     }
 }
 
-let nextUniqueId$i = 0;
+let nextUniqueId$j = 0;
 let GIPITabComponent = class GIPITabComponent {
     constructor() {
-        this._name = `gipi-tab-${nextUniqueId$i++}`;
+        this._name = `gipi-tab-${nextUniqueId$j++}`;
         this.id = this._name;
         this.name = this._name;
         this.active = false;
@@ -16709,12 +17085,12 @@ GIPITabComponent = __decorate([
     __metadata("design:paramtypes", [])
 ], GIPITabComponent);
 
-let nextUniqueId$j = 0;
+let nextUniqueId$k = 0;
 let GIPITabGroupComponent = class GIPITabGroupComponent {
     constructor(elementRef, _componentFactoryResolver) {
         this.elementRef = elementRef;
         this._componentFactoryResolver = _componentFactoryResolver;
-        this._name = `gipi-tab-${nextUniqueId$j++}`;
+        this._name = `gipi-tab-${nextUniqueId$k++}`;
         this.id = this._name;
         this.name = this._name;
         this.dynamicTabs = [];
@@ -16840,100 +17216,393 @@ GIPITabGroupComponent = __decorate([
         ComponentFactoryResolver])
 ], GIPITabGroupComponent);
 
-var GIPIToolbarComponent_1;
-let GIPIToolbarComponent = GIPIToolbarComponent_1 = class GIPIToolbarComponent {
-    constructor() { }
+var GIPITextareaComponent_1;
+let nextUniqueId$l = 0;
+let GIPITextareaComponent = GIPITextareaComponent_1 = class GIPITextareaComponent {
+    constructor(elementRef, _changeDetectorRef) {
+        this.elementRef = elementRef;
+        this._changeDetectorRef = _changeDetectorRef;
+        this._name = `gipi-textarea-${nextUniqueId$l++}`;
+        this.id = this._name;
+        this.name = this._name;
+        this.label = '';
+        this.placeholder = '';
+        this.cols = 20;
+        this.rows = 4;
+        this.help = '';
+        this.maxlength = 254;
+        this.minlength = 0;
+        this._resize = 'horizontal';
+        this._minHeight = '60px';
+        this._height = '60px';
+        this._maxHeight = 'auto';
+        this._autocomplete = 'off';
+        this._autofocus = false;
+        this._readOnly = false;
+        this._required = false;
+        this._disabled = false;
+        this._lowerCase = false;
+        this._upperCase = false;
+        this._spaceDrop = false;
+        this.onChange = () => { };
+        this.onTouched = () => { };
+    }
+    get resize() {
+        return this._resize;
+    }
+    set resize(value) {
+        if (value !== this.resize) {
+            this._resize = value.toLowerCase();
+            this._changeDetectorRef.detectChanges();
+        }
+    }
+    get minHeight() {
+        return this._minHeight;
+    }
+    set minHeight(value) {
+        if (value.trim().toUpperCase() === 'AUTO') {
+            this._minHeight = 'auto';
+        }
+        else {
+            this._minHeight = coerceCssPixelValue(value);
+        }
+    }
+    get height() {
+        return this._height;
+    }
+    set height(value) {
+        if (value.trim().toUpperCase() === 'AUTO') {
+            this._height = 'auto';
+        }
+        else {
+            this._height = coerceCssPixelValue(value);
+        }
+    }
+    get maxHeight() {
+        return this._maxHeight;
+    }
+    set maxHeight(value) {
+        if (value.trim().toUpperCase() === 'AUTO') {
+            this._maxHeight = 'auto';
+        }
+        else {
+            this._maxHeight = coerceCssPixelValue(value);
+        }
+    }
+    get autocomplete() {
+        return this._autocomplete;
+    }
+    set autocomplete(value) {
+        this._autocomplete = value;
+    }
+    get autofocus() {
+        return this._autofocus;
+    }
+    set autofocus(value) {
+        this._autofocus = coerceBooleanProperty(value);
+    }
+    get readOnly() {
+        return this._readOnly;
+    }
+    set readOnly(value) {
+        this._readOnly = coerceBooleanProperty(value);
+    }
+    get required() {
+        return this._required;
+    }
+    set required(value) {
+        this._required = coerceBooleanProperty(value);
+    }
+    get disabled() {
+        return this._disabled;
+    }
+    set disabled(value) {
+        this._disabled = coerceBooleanProperty(value);
+    }
+    get lowerCase() {
+        return this._lowerCase;
+    }
+    set lowerCase(value) {
+        this._lowerCase = coerceBooleanProperty(value);
+    }
+    get upperCase() {
+        return this._upperCase;
+    }
+    set upperCase(value) {
+        this._upperCase = coerceBooleanProperty(value);
+    }
+    get spaceDrop() {
+        return this._spaceDrop;
+    }
+    set spaceDrop(value) {
+        this._spaceDrop = coerceBooleanProperty(value);
+    }
+    get value() {
+        return this._value;
+    }
+    set value(value) {
+        let valueAux = value;
+        valueAux = this._checkSpaceDrop(valueAux);
+        valueAux = this._checkLowercase(valueAux);
+        valueAux = this._checkUppercase(valueAux);
+        this._value = valueAux;
+        this.onChange(this._value);
+        this.onTouched(this._value);
+    }
     ngOnInit() { }
+    writeValue(value) {
+        this._value = value;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+        this._changeDetectorRef.markForCheck();
+    }
+    _checkSpaceDrop(value) {
+        if (this.spaceDrop && value) {
+            return value.replace(/\s/g, '');
+        }
+        return value;
+    }
+    _checkUppercase(value) {
+        if (this.upperCase && value) {
+            return value.toUpperCase();
+        }
+        return value;
+    }
+    _checkLowercase(value) {
+        if (this.lowerCase && value) {
+            return value.toLowerCase();
+        }
+        return value;
+    }
 };
+GIPITextareaComponent.ctorParameters = () => [
+    { type: ElementRef },
+    { type: ChangeDetectorRef }
+];
 __decorate([
     Input(),
     __metadata("design:type", String)
-], GIPIToolbarComponent.prototype, "id", void 0);
+], GIPITextareaComponent.prototype, "id", void 0);
 __decorate([
     Input(),
     __metadata("design:type", String)
-], GIPIToolbarComponent.prototype, "name", void 0);
+], GIPITextareaComponent.prototype, "name", void 0);
 __decorate([
     Input(),
     __metadata("design:type", String)
-], GIPIToolbarComponent.prototype, "ariaLabel", void 0);
+], GIPITextareaComponent.prototype, "label", void 0);
 __decorate([
     Input(),
     __metadata("design:type", String)
-], GIPIToolbarComponent.prototype, "label", void 0);
+], GIPITextareaComponent.prototype, "placeholder", void 0);
 __decorate([
     Input(),
-    __metadata("design:type", String)
-], GIPIToolbarComponent.prototype, "style", void 0);
+    __metadata("design:type", Number)
+], GIPITextareaComponent.prototype, "cols", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Number)
+], GIPITextareaComponent.prototype, "rows", void 0);
 __decorate([
     Input(),
     __metadata("design:type", String)
-], GIPIToolbarComponent.prototype, "class", void 0);
-GIPIToolbarComponent = GIPIToolbarComponent_1 = __decorate([
-    Component({
-        selector: `gipi-toolbar`,
-        exportAs: 'gipiToolbar',
-        template: "<div [attr.id]=\"id\"\n     [attr.aria-label]=\"ariaLabel ? ariaLabel : label\"\n     [ngStyle]=\"style\"\n     [class]=\"class\">\n    <h5 *ngIf=\"label\"> {{ label }} </h5>\n    <ng-content> </ng-content>\n</div>\n",
-        providers: [
-            {
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => GIPIToolbarComponent_1),
-                multi: true
-            }
-        ],
-        host: {
-            'class': 'gipi-toolbar',
-        },
-        styles: [":host>div{width:100%;color:#131313;display:flex;align-items:center}:host>div>h5{font-weight:600;font-size:2rem;line-height:150%}"]
-    }),
-    __metadata("design:paramtypes", [])
-], GIPIToolbarComponent);
-
-var GIPITopNavComponent_1;
-let GIPITopNavComponent = GIPITopNavComponent_1 = class GIPITopNavComponent {
-    constructor(_navService) {
-        this._navService = _navService;
-    }
-    ngOnInit() { }
-    toggle() {
-        this._navService.toggle();
-    }
-};
-GIPITopNavComponent.ctorParameters = () => [
-    { type: NavService }
-];
-GIPITopNavComponent = GIPITopNavComponent_1 = __decorate([
-    Component({
-        selector: '[gipi-top-nav], gipi-top-nav',
-        exportAs: 'gipiTopNav',
-        template: "<ng-content> </ng-content>\n",
-        providers: [
-            {
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => GIPITopNavComponent_1),
-                multi: true
-            }
-        ],
-        host: {
-            'class': 'gipi-top-nav'
-        },
-        styles: [":host{height:66px;max-height:66px;background-color:#f5f5f6;border-bottom:2px solid #e0313e;display:flex;align-items:center;padding:12px}"]
-    }),
-    __metadata("design:paramtypes", [NavService])
-], GIPITopNavComponent);
-
-const moment = moment_;
-/** @dynamic */
-class DateUtil {
-    constructor() { }
-    static format(value, format) {
-        if (!ObjectUtil.isNull(value)) {
-            return formatDate(value, format, 'pt');
-        }
-        return StringUtil.EMPTY;
-    }
-    static isValid(value) {
-        if (ObjectUtil.isNull(value)) {
+], GIPITextareaComponent.prototype, "help", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Number)
+], GIPITextareaComponent.prototype, "maxlength", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Number)
+], GIPITextareaComponent.prototype, "minlength", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [String])
+], GIPITextareaComponent.prototype, "resize", null);
+__decorate([
+    Input(),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [String])
+], GIPITextareaComponent.prototype, "minHeight", null);
+__decorate([
+    Input(),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [String])
+], GIPITextareaComponent.prototype, "height", null);
+__decorate([
+    Input(),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [String])
+], GIPITextareaComponent.prototype, "maxHeight", null);
+__decorate([
+    Input(),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [String])
+], GIPITextareaComponent.prototype, "autocomplete", null);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean),
+    __metadata("design:paramtypes", [Boolean])
+], GIPITextareaComponent.prototype, "autofocus", null);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean),
+    __metadata("design:paramtypes", [Boolean])
+], GIPITextareaComponent.prototype, "readOnly", null);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean),
+    __metadata("design:paramtypes", [Boolean])
+], GIPITextareaComponent.prototype, "required", null);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean),
+    __metadata("design:paramtypes", [Boolean])
+], GIPITextareaComponent.prototype, "disabled", null);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean),
+    __metadata("design:paramtypes", [Boolean])
+], GIPITextareaComponent.prototype, "lowerCase", null);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean),
+    __metadata("design:paramtypes", [Boolean])
+], GIPITextareaComponent.prototype, "upperCase", null);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean),
+    __metadata("design:paramtypes", [Boolean])
+], GIPITextareaComponent.prototype, "spaceDrop", null);
+__decorate([
+    Input(),
+    __metadata("design:type", Object),
+    __metadata("design:paramtypes", [Object])
+], GIPITextareaComponent.prototype, "value", null);
+GIPITextareaComponent = GIPITextareaComponent_1 = __decorate([
+    Component({
+        selector: 'gipi-textarea',
+        exportAs: 'gipiTextarea',
+        template: "<label class=\"textarea-label\"\n       *ngIf=\"label\"\n       [attr.for]=\"id\">\n    {{ label }}\n    <span *ngIf=\"required\"> * </span>\n</label>\n\n<textarea class=\"textarea-element\"\n          [attr.id]=\"id\"\n          [attr.name]=\"name\"\n          [placeholder]=\"placeholder\"\n          [cols]=\"cols\"\n          [rows]=\"rows\"\n          [class.resize-none]=\"resize === 'none'\"\n          [class.resize-both]=\"resize === 'both'\"\n          [class.resize-horizontal]=\"resize === 'horizontal'\"\n          [class.resize-vertical]=\"resize === 'vertical'\"\n          [style.min-height.px]=\"minHeight\"\n          [style.height.px]=\"height\"\n          [style.max-height.px]=\"maxHeight\"\n          [minlength]=\"minlength\"\n          [maxlength]=\"maxlength\"\n          [disabled]=\"disabled\"\n          [required]=\"required\"\n          [readOnly]=\"readOnly\"\n          [attr.autocomplete]=\"autocomplete\"\n          [autofocus]=\"autofocus\"\n          [(ngModel)]=\"value\"\n          [value]=\"value\">\n    </textarea>\n\n<small *ngIf=\"help\"\n       class=\"textarea-help\">\n    {{ help }}\n</small>",
+        providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => GIPITextareaComponent_1),
+                multi: true
+            }
+        ],
+        host: {
+            'class': 'gipi-textarea',
+        },
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        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])
+], GIPITextareaComponent);
+
+var GIPIToolbarComponent_1;
+let GIPIToolbarComponent = GIPIToolbarComponent_1 = class GIPIToolbarComponent {
+    constructor() { }
+    ngOnInit() { }
+};
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], GIPIToolbarComponent.prototype, "id", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], GIPIToolbarComponent.prototype, "name", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], GIPIToolbarComponent.prototype, "ariaLabel", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], GIPIToolbarComponent.prototype, "label", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], GIPIToolbarComponent.prototype, "style", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], GIPIToolbarComponent.prototype, "class", void 0);
+GIPIToolbarComponent = GIPIToolbarComponent_1 = __decorate([
+    Component({
+        selector: `gipi-toolbar`,
+        exportAs: 'gipiToolbar',
+        template: "<div [attr.id]=\"id\"\n     [attr.aria-label]=\"ariaLabel ? ariaLabel : label\"\n     [ngStyle]=\"style\"\n     [class]=\"class\">\n    <h5 *ngIf=\"label\"> {{ label }} </h5>\n    <ng-content> </ng-content>\n</div>\n",
+        providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => GIPIToolbarComponent_1),
+                multi: true
+            }
+        ],
+        host: {
+            'class': 'gipi-toolbar',
+        },
+        styles: [":host>div{width:100%;color:#131313;display:flex;align-items:center}:host>div>h5{font-weight:600;font-size:2rem;line-height:150%}"]
+    }),
+    __metadata("design:paramtypes", [])
+], GIPIToolbarComponent);
+
+var GIPITopNavComponent_1;
+let GIPITopNavComponent = GIPITopNavComponent_1 = class GIPITopNavComponent {
+    constructor(_navService) {
+        this._navService = _navService;
+    }
+    ngOnInit() { }
+    toggle() {
+        this._navService.toggle();
+    }
+};
+GIPITopNavComponent.ctorParameters = () => [
+    { type: NavService }
+];
+GIPITopNavComponent = GIPITopNavComponent_1 = __decorate([
+    Component({
+        selector: '[gipi-top-nav], gipi-top-nav',
+        exportAs: 'gipiTopNav',
+        template: "<ng-content> </ng-content>\n",
+        providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => GIPITopNavComponent_1),
+                multi: true
+            }
+        ],
+        host: {
+            'class': 'gipi-top-nav'
+        },
+        styles: [":host{height:66px;max-height:66px;background-color:#f5f5f6;border-bottom:2px solid #e0313e;display:flex;align-items:center;padding:12px}"]
+    }),
+    __metadata("design:paramtypes", [NavService])
+], GIPITopNavComponent);
+
+const moment = moment_;
+/** @dynamic */
+class DateUtil {
+    constructor() { }
+    static format(value, format) {
+        if (!ObjectUtil.isNull(value)) {
+            return formatDate(value, format, 'pt');
+        }
+        return StringUtil.EMPTY;
+    }
+    static isValid(value) {
+        if (ObjectUtil.isNull(value)) {
             return false;
         }
         value = new Date(value);
@@ -20716,7 +21385,7 @@ MatDatepickerInput = MatDatepickerInput_1 = __decorate([
  * found in the LICENSE file at https://angular.io/license
  */
 var MatDateRangeInput_1;
-let nextUniqueId$k = 0;
+let nextUniqueId$m = 0;
 let MatDateRangeInput = MatDateRangeInput_1 = class MatDateRangeInput {
     constructor(_changeDetectorRef, _elementRef, control, _dateAdapter, _formField) {
         this._changeDetectorRef = _changeDetectorRef;
@@ -20724,7 +21393,7 @@ let MatDateRangeInput = MatDateRangeInput_1 = class MatDateRangeInput {
         this._dateAdapter = _dateAdapter;
         this._formField = _formField;
         /** Unique ID for the input. */
-        this.id = `mat-date-range-input-${nextUniqueId$k++}`;
+        this.id = `mat-date-range-input-${nextUniqueId$m++}`;
         /** Whether the control is focused. */
         this.focused = false;
         /** Name of the form control. */
@@ -21512,12 +22181,12 @@ class BrowserUtil {
 
 var DateRangePickerComponent_1;
 const moment$1 = moment_;
-let nextUniqueId$l = 0;
+let nextUniqueId$n = 0;
 let DateRangePickerComponent = DateRangePickerComponent_1 = class DateRangePickerComponent {
     constructor(elementRef, _changeDetectorRef) {
         this.elementRef = elementRef;
         this._changeDetectorRef = _changeDetectorRef;
-        this._name = `gipi-date-range-${nextUniqueId$l++}`;
+        this._name = `gipi-date-range-${nextUniqueId$n++}`;
         this.idStartDate = `${this._name}-start`;
         this.idEndDate = `${this._name}-end`;
         this.nameStartDate = `${this._name}-start`;
@@ -21818,7 +22487,7 @@ DateRangePickerComponent = DateRangePickerComponent_1 = __decorate([
         host: {
             'class': 'gipi-date-range-picker',
         },
-        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}"]
+        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-end-wrapper{padding-bottom:0!important}::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])
@@ -22141,12 +22810,12 @@ PresetRangeComponent = PresetRangeComponent_1 = __decorate([
 
 var DatepickerComponent_1;
 const moment$3 = moment_;
-let nextUniqueId$m = 0;
+let nextUniqueId$o = 0;
 let DatepickerComponent = DatepickerComponent_1 = class DatepickerComponent {
     constructor(elementRef, _changeDetectorRef) {
         this.elementRef = elementRef;
         this._changeDetectorRef = _changeDetectorRef;
-        this._name = `gipi-date-range-${nextUniqueId$m++}`;
+        this._name = `gipi-date-range-${nextUniqueId$o++}`;
         this.id = `${this._name}-date`;
         this.name = `${this._name}-date`;
         this.label = '';
@@ -22689,7 +23358,7 @@ class MonthPickerModel {
         this.updateYearText();
     }
 }
-let nextUniqueId$n = 0;
+let nextUniqueId$p = 0;
 let MonthYearPickerComponent = MonthYearPickerComponent_1 = class MonthYearPickerComponent {
     constructor(elementRef, _changeDetectorRef, _overlay, _ngZone, _viewContainerRef, scrollStrategy, _dir, _document) {
         this.elementRef = elementRef;
@@ -22699,7 +23368,7 @@ let MonthYearPickerComponent = MonthYearPickerComponent_1 = class MonthYearPicke
         this._viewContainerRef = _viewContainerRef;
         this._dir = _dir;
         this._document = _document;
-        this._name = `gipi-date-range-${nextUniqueId$n++}`;
+        this._name = `gipi-date-range-${nextUniqueId$p++}`;
         this._focusedElementBeforeOpen = null;
         this._backdropHarnessClass = `${this._name}-backdrop`;
         this._stateChanges = new Subject();
@@ -22912,733 +23581,204 @@ let MonthYearPickerComponent = MonthYearPickerComponent_1 = class MonthYearPicke
             this.close();
         });
     }
-    _destroyPopup() {
-        if (this._popupRef) {
-            this._popupRef.dispose();
-            this._popupRef = this._popupComponentRef = null;
-        }
-    }
-    _setConnectedPositions(strategy) {
-        const primaryX = this.xPosition === 'end' ? 'end' : 'start';
-        const secondaryX = primaryX === 'start' ? 'end' : 'start';
-        const primaryY = this.yPosition === 'above' ? 'bottom' : 'top';
-        const secondaryY = primaryY === 'top' ? 'bottom' : 'top';
-        return strategy.withPositions([
-            {
-                originX: primaryX,
-                originY: secondaryY,
-                overlayX: primaryX,
-                overlayY: primaryY
-            },
-            {
-                originX: primaryX,
-                originY: primaryY,
-                overlayX: primaryX,
-                overlayY: secondaryY
-            },
-            {
-                originX: secondaryX,
-                originY: secondaryY,
-                overlayX: secondaryX,
-                overlayY: primaryY
-            },
-            {
-                originX: secondaryX,
-                originY: primaryY,
-                overlayX: secondaryX,
-                overlayY: secondaryY
-            }
-        ]);
-    }
-};
-MonthYearPickerComponent.ctorParameters = () => [
-    { type: ElementRef },
-    { type: ChangeDetectorRef },
-    { type: Overlay },
-    { type: NgZone },
-    { type: ViewContainerRef },
-    { type: undefined, decorators: [{ type: Inject, args: [GIPI_MONTH_YEAR_SCROLL_STRATEGY,] }] },
-    { type: Directionality, decorators: [{ type: Optional }] },
-    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [DOCUMENT,] }] }
-];
-__decorate([
-    ViewChild('inputMonthYearContent', { static: false, }),
-    __metadata("design:type", ElementRef)
-], MonthYearPickerComponent.prototype, "inputMonthYearContentRef", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], MonthYearPickerComponent.prototype, "id", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], MonthYearPickerComponent.prototype, "name", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], MonthYearPickerComponent.prototype, "label", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], MonthYearPickerComponent.prototype, "placeholder", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], MonthYearPickerComponent.prototype, "help", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], MonthYearPickerComponent.prototype, "locale", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Number)
-], MonthYearPickerComponent.prototype, "year", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Number)
-], MonthYearPickerComponent.prototype, "month", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], MonthYearPickerComponent.prototype, "multiple", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], MonthYearPickerComponent.prototype, "xPosition", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], MonthYearPickerComponent.prototype, "yPosition", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], MonthYearPickerComponent.prototype, "calendarView", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [Boolean])
-], MonthYearPickerComponent.prototype, "opened", null);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [Boolean])
-], MonthYearPickerComponent.prototype, "required", null);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [Boolean])
-], MonthYearPickerComponent.prototype, "disabled", null);
-__decorate([
-    Input(),
-    __metadata("design:type", MonthYear),
-    __metadata("design:paramtypes", [MonthYear])
-], MonthYearPickerComponent.prototype, "min", null);
-__decorate([
-    Input(),
-    __metadata("design:type", MonthYear),
-    __metadata("design:paramtypes", [MonthYear])
-], MonthYearPickerComponent.prototype, "max", null);
-__decorate([
-    Input(),
-    __metadata("design:type", MonthYear),
-    __metadata("design:paramtypes", [MonthYear])
-], MonthYearPickerComponent.prototype, "value", null);
-__decorate([
-    Output('opened'),
-    __metadata("design:type", EventEmitter)
-], MonthYearPickerComponent.prototype, "openedStream", void 0);
-__decorate([
-    Output('closed'),
-    __metadata("design:type", EventEmitter)
-], MonthYearPickerComponent.prototype, "closedStream", void 0);
-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>",
-        providers: [
-            {
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => MonthYearPickerComponent_1),
-                multi: true
-            },
-        ],
-        host: {
-            'class': 'gipi-month-year-picker',
-        },
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        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()),
-    __param(7, Optional()), __param(7, Inject(DOCUMENT)),
-    __metadata("design:paramtypes", [ElementRef,
-        ChangeDetectorRef,
-        Overlay,
-        NgZone,
-        ViewContainerRef, Object, Directionality, Object])
-], MonthYearPickerComponent);
-
-let MonthYearPickerModule = class MonthYearPickerModule {
-};
-MonthYearPickerModule = __decorate([
-    NgModule({
-        imports: [
-            CommonModule,
-            MatButtonModule,
-            MatDialogModule,
-            OverlayModule,
-            A11yModule,
-            PortalModule,
-            MatIconModule,
-            FormsModule,
-            ReactiveFormsModule,
-        ],
-        exports: [
-            ScrollingModule,
-            CalendarMonthYearComponent,
-            MonthYearPickerComponent,
-        ],
-        declarations: [
-            CalendarMonthYearComponent,
-            MonthYearPickerComponent,
-        ],
-        providers: [
-            GIPI_MONTH_YEAR_SCROLL_STRATEGY_FACTORY_PROVIDER,
-        ],
-        entryComponents: [
-            CalendarMonthYearComponent,
-        ],
-    })
-], MonthYearPickerModule);
-
-var GIPISplitButtonComponent_1;
-let nextUniqueId$o = 0;
-let GIPISplitButtonComponent = GIPISplitButtonComponent_1 = class GIPISplitButtonComponent {
-    constructor(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);
-    }
-    ngOnInit() { }
-    ngOnDestroy() {
-        if (this.popoverTrigger) {
-            this.popoverTrigger.destroyPopover();
-        }
-    }
-    getHostElement() {
-        return this.elementRef.nativeElement;
-    }
-    _hasHostAttributes(...attributes) {
-        return attributes.some(attribute => this.getHostElement().hasAttribute(attribute));
-    }
-    btnIdAndName() {
-        const uniqueId = nextUniqueId$o++;
-        return {
-            btnDefault: `gipi-split-button-default-${uniqueId}`,
-            btnMenu: `gipi-split-button-menu-${uniqueId}`,
-        };
-    }
-    getInternalButtonClass(isBtnDefault) {
-        return {
-            'button-default': isBtnDefault,
-            'button-menu': !isBtnDefault,
-            'button-primary': this.isSplitButtonPrimary,
-            'button-secondary': this.isSplitButtonSecondary,
-            'button-tertiary': this.isSplitButtonTertiary,
-            'button-action': this.isSplitButtonAction,
-        };
-    }
-    showPopover() {
-        if (this.disabled || this.loading) {
-            return;
-        }
-        else {
-            this.popoverTrigger.openPopover();
-        }
-    }
-    closePopover() {
-        if (this.disabled || this.loading) {
-            return;
-        }
-        else {
-            this.popoverTrigger.closePopover();
-        }
-    }
-    handleClick(event) {
-        if (this.disabled || this.loading) {
-            return;
-        }
-        else {
-            this.onClick.emit(event);
-            this.closePopover();
-            event.stopPropagation();
-        }
-    }
-    handleFocus(event) {
-        if (this.disabled || this.loading) {
-            return;
-        }
-        else {
-            this.onFocus.emit(event);
-            event.stopPropagation();
-        }
-    }
-    handleBlur(event) {
-        if (this.disabled || this.loading) {
-            return;
-        }
-        else {
-            this.onBlur.emit(event);
-            event.stopPropagation();
-        }
-    }
-    handleClickBtnMenu(event) {
-        if (this.disabled || this.loading) {
-            return;
-        }
-        else {
-            if (!ObjectUtil.isNull(this.popoverTrigger)) {
-                this.popoverTrigger.togglePopover();
-            }
-            event.stopPropagation();
-        }
-    }
-    handleClickBtnSplitOption(option) {
-        if (this.disabled || this.loading || !option || option.disabled || !option.clickFn) {
-            return;
-        }
-        else {
-            option.clickFn();
-            this.closePopover();
-        }
-    }
-    onResize(event) {
-        if (this.popoverTrigger) {
-            this.popoverTrigger.closePopover();
-            event.stopPropagation();
-        }
-    }
-};
-GIPISplitButtonComponent.ctorParameters = () => [
-    { 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],
-               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(() => 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);
-
-var GIPITextareaComponent_1;
-let nextUniqueId$p = 0;
-let GIPITextareaComponent = GIPITextareaComponent_1 = class GIPITextareaComponent {
-    constructor(elementRef, _changeDetectorRef) {
-        this.elementRef = elementRef;
-        this._changeDetectorRef = _changeDetectorRef;
-        this._name = `gipi-textarea-${nextUniqueId$p++}`;
-        this.id = this._name;
-        this.name = this._name;
-        this.label = '';
-        this.placeholder = '';
-        this.cols = 20;
-        this.rows = 4;
-        this.help = '';
-        this.maxlength = 254;
-        this.minlength = 0;
-        this._resize = 'horizontal';
-        this._minHeight = '60px';
-        this._height = '60px';
-        this._maxHeight = 'auto';
-        this._autocomplete = 'off';
-        this._autofocus = false;
-        this._readOnly = false;
-        this._required = false;
-        this._disabled = false;
-        this._lowerCase = false;
-        this._upperCase = false;
-        this._spaceDrop = false;
-        this.onChange = () => { };
-        this.onTouched = () => { };
-    }
-    get resize() {
-        return this._resize;
-    }
-    set resize(value) {
-        if (value !== this.resize) {
-            this._resize = value.toLowerCase();
-            this._changeDetectorRef.detectChanges();
-        }
-    }
-    get minHeight() {
-        return this._minHeight;
-    }
-    set minHeight(value) {
-        if (value.trim().toUpperCase() === 'AUTO') {
-            this._minHeight = 'auto';
-        }
-        else {
-            this._minHeight = coerceCssPixelValue(value);
-        }
-    }
-    get height() {
-        return this._height;
-    }
-    set height(value) {
-        if (value.trim().toUpperCase() === 'AUTO') {
-            this._height = 'auto';
-        }
-        else {
-            this._height = coerceCssPixelValue(value);
-        }
-    }
-    get maxHeight() {
-        return this._maxHeight;
-    }
-    set maxHeight(value) {
-        if (value.trim().toUpperCase() === 'AUTO') {
-            this._maxHeight = 'auto';
-        }
-        else {
-            this._maxHeight = coerceCssPixelValue(value);
-        }
-    }
-    get autocomplete() {
-        return this._autocomplete;
-    }
-    set autocomplete(value) {
-        this._autocomplete = value;
-    }
-    get autofocus() {
-        return this._autofocus;
-    }
-    set autofocus(value) {
-        this._autofocus = coerceBooleanProperty(value);
-    }
-    get readOnly() {
-        return this._readOnly;
-    }
-    set readOnly(value) {
-        this._readOnly = coerceBooleanProperty(value);
-    }
-    get required() {
-        return this._required;
-    }
-    set required(value) {
-        this._required = coerceBooleanProperty(value);
-    }
-    get disabled() {
-        return this._disabled;
-    }
-    set disabled(value) {
-        this._disabled = coerceBooleanProperty(value);
-    }
-    get lowerCase() {
-        return this._lowerCase;
-    }
-    set lowerCase(value) {
-        this._lowerCase = coerceBooleanProperty(value);
-    }
-    get upperCase() {
-        return this._upperCase;
-    }
-    set upperCase(value) {
-        this._upperCase = coerceBooleanProperty(value);
-    }
-    get spaceDrop() {
-        return this._spaceDrop;
-    }
-    set spaceDrop(value) {
-        this._spaceDrop = coerceBooleanProperty(value);
-    }
-    get value() {
-        return this._value;
-    }
-    set value(value) {
-        let valueAux = value;
-        valueAux = this._checkSpaceDrop(valueAux);
-        valueAux = this._checkLowercase(valueAux);
-        valueAux = this._checkUppercase(valueAux);
-        this._value = valueAux;
-        this.onChange(this._value);
-        this.onTouched(this._value);
-    }
-    ngOnInit() { }
-    writeValue(value) {
-        this._value = value;
-    }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    setDisabledState(isDisabled) {
-        this.disabled = isDisabled;
-        this._changeDetectorRef.markForCheck();
-    }
-    _checkSpaceDrop(value) {
-        if (this.spaceDrop && value) {
-            return value.replace(/\s/g, '');
-        }
-        return value;
-    }
-    _checkUppercase(value) {
-        if (this.upperCase && value) {
-            return value.toUpperCase();
-        }
-        return value;
-    }
-    _checkLowercase(value) {
-        if (this.lowerCase && value) {
-            return value.toLowerCase();
+    _destroyPopup() {
+        if (this._popupRef) {
+            this._popupRef.dispose();
+            this._popupRef = this._popupComponentRef = null;
         }
-        return value;
+    }
+    _setConnectedPositions(strategy) {
+        const primaryX = this.xPosition === 'end' ? 'end' : 'start';
+        const secondaryX = primaryX === 'start' ? 'end' : 'start';
+        const primaryY = this.yPosition === 'above' ? 'bottom' : 'top';
+        const secondaryY = primaryY === 'top' ? 'bottom' : 'top';
+        return strategy.withPositions([
+            {
+                originX: primaryX,
+                originY: secondaryY,
+                overlayX: primaryX,
+                overlayY: primaryY
+            },
+            {
+                originX: primaryX,
+                originY: primaryY,
+                overlayX: primaryX,
+                overlayY: secondaryY
+            },
+            {
+                originX: secondaryX,
+                originY: secondaryY,
+                overlayX: secondaryX,
+                overlayY: primaryY
+            },
+            {
+                originX: secondaryX,
+                originY: primaryY,
+                overlayX: secondaryX,
+                overlayY: secondaryY
+            }
+        ]);
     }
 };
-GIPITextareaComponent.ctorParameters = () => [
+MonthYearPickerComponent.ctorParameters = () => [
     { type: ElementRef },
-    { type: ChangeDetectorRef }
+    { type: ChangeDetectorRef },
+    { type: Overlay },
+    { type: NgZone },
+    { type: ViewContainerRef },
+    { type: undefined, decorators: [{ type: Inject, args: [GIPI_MONTH_YEAR_SCROLL_STRATEGY,] }] },
+    { type: Directionality, decorators: [{ type: Optional }] },
+    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [DOCUMENT,] }] }
 ];
 __decorate([
-    Input(),
-    __metadata("design:type", String)
-], GIPITextareaComponent.prototype, "id", void 0);
+    ViewChild('inputMonthYearContent', { static: false, }),
+    __metadata("design:type", ElementRef)
+], MonthYearPickerComponent.prototype, "inputMonthYearContentRef", void 0);
 __decorate([
     Input(),
     __metadata("design:type", String)
-], GIPITextareaComponent.prototype, "name", void 0);
+], MonthYearPickerComponent.prototype, "id", void 0);
 __decorate([
     Input(),
     __metadata("design:type", String)
-], GIPITextareaComponent.prototype, "label", void 0);
+], MonthYearPickerComponent.prototype, "name", void 0);
 __decorate([
     Input(),
     __metadata("design:type", String)
-], GIPITextareaComponent.prototype, "placeholder", void 0);
+], MonthYearPickerComponent.prototype, "label", void 0);
 __decorate([
     Input(),
-    __metadata("design:type", Number)
-], GIPITextareaComponent.prototype, "cols", void 0);
+    __metadata("design:type", String)
+], MonthYearPickerComponent.prototype, "placeholder", void 0);
 __decorate([
     Input(),
-    __metadata("design:type", Number)
-], GIPITextareaComponent.prototype, "rows", void 0);
+    __metadata("design:type", String)
+], MonthYearPickerComponent.prototype, "help", void 0);
 __decorate([
     Input(),
     __metadata("design:type", String)
-], GIPITextareaComponent.prototype, "help", void 0);
+], MonthYearPickerComponent.prototype, "locale", void 0);
 __decorate([
     Input(),
     __metadata("design:type", Number)
-], GIPITextareaComponent.prototype, "maxlength", void 0);
+], MonthYearPickerComponent.prototype, "year", void 0);
 __decorate([
     Input(),
     __metadata("design:type", Number)
-], GIPITextareaComponent.prototype, "minlength", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [String])
-], GIPITextareaComponent.prototype, "resize", null);
+], MonthYearPickerComponent.prototype, "month", void 0);
 __decorate([
     Input(),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [String])
-], GIPITextareaComponent.prototype, "minHeight", null);
+    __metadata("design:type", Boolean)
+], MonthYearPickerComponent.prototype, "multiple", void 0);
 __decorate([
     Input(),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [String])
-], GIPITextareaComponent.prototype, "height", null);
+    __metadata("design:type", String)
+], MonthYearPickerComponent.prototype, "xPosition", void 0);
 __decorate([
     Input(),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [String])
-], GIPITextareaComponent.prototype, "maxHeight", null);
+    __metadata("design:type", String)
+], MonthYearPickerComponent.prototype, "yPosition", void 0);
 __decorate([
     Input(),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [String])
-], GIPITextareaComponent.prototype, "autocomplete", null);
+    __metadata("design:type", String)
+], MonthYearPickerComponent.prototype, "calendarView", void 0);
 __decorate([
     Input(),
     __metadata("design:type", Boolean),
     __metadata("design:paramtypes", [Boolean])
-], GIPITextareaComponent.prototype, "autofocus", null);
+], MonthYearPickerComponent.prototype, "opened", null);
 __decorate([
     Input(),
     __metadata("design:type", Boolean),
     __metadata("design:paramtypes", [Boolean])
-], GIPITextareaComponent.prototype, "readOnly", null);
+], MonthYearPickerComponent.prototype, "required", null);
 __decorate([
     Input(),
     __metadata("design:type", Boolean),
     __metadata("design:paramtypes", [Boolean])
-], GIPITextareaComponent.prototype, "required", null);
+], MonthYearPickerComponent.prototype, "disabled", null);
 __decorate([
     Input(),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [Boolean])
-], GIPITextareaComponent.prototype, "disabled", null);
+    __metadata("design:type", MonthYear),
+    __metadata("design:paramtypes", [MonthYear])
+], MonthYearPickerComponent.prototype, "min", null);
 __decorate([
     Input(),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [Boolean])
-], GIPITextareaComponent.prototype, "lowerCase", null);
+    __metadata("design:type", MonthYear),
+    __metadata("design:paramtypes", [MonthYear])
+], MonthYearPickerComponent.prototype, "max", null);
 __decorate([
     Input(),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [Boolean])
-], GIPITextareaComponent.prototype, "upperCase", null);
+    __metadata("design:type", MonthYear),
+    __metadata("design:paramtypes", [MonthYear])
+], MonthYearPickerComponent.prototype, "value", null);
 __decorate([
-    Input(),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [Boolean])
-], GIPITextareaComponent.prototype, "spaceDrop", null);
+    Output('opened'),
+    __metadata("design:type", EventEmitter)
+], MonthYearPickerComponent.prototype, "openedStream", void 0);
 __decorate([
-    Input(),
-    __metadata("design:type", Object),
-    __metadata("design:paramtypes", [Object])
-], GIPITextareaComponent.prototype, "value", null);
-GIPITextareaComponent = GIPITextareaComponent_1 = __decorate([
+    Output('closed'),
+    __metadata("design:type", EventEmitter)
+], MonthYearPickerComponent.prototype, "closedStream", void 0);
+MonthYearPickerComponent = MonthYearPickerComponent_1 = __decorate([
     Component({
-        selector: 'gipi-textarea',
-        exportAs: 'gipiTextarea',
-        template: "<label class=\"textarea-label\"\n       *ngIf=\"label\"\n       [attr.for]=\"id\">\n    {{ label }}\n    <span *ngIf=\"required\"> * </span>\n</label>\n\n<textarea class=\"textarea-element\"\n          [attr.id]=\"id\"\n          [attr.name]=\"name\"\n          [placeholder]=\"placeholder\"\n          [cols]=\"cols\"\n          [rows]=\"rows\"\n          [class.resize-none]=\"resize === 'none'\"\n          [class.resize-both]=\"resize === 'both'\"\n          [class.resize-horizontal]=\"resize === 'horizontal'\"\n          [class.resize-vertical]=\"resize === 'vertical'\"\n          [style.min-height.px]=\"minHeight\"\n          [style.height.px]=\"height\"\n          [style.max-height.px]=\"maxHeight\"\n          [minlength]=\"minlength\"\n          [maxlength]=\"maxlength\"\n          [disabled]=\"disabled\"\n          [required]=\"required\"\n          [readOnly]=\"readOnly\"\n          [attr.autocomplete]=\"autocomplete\"\n          [autofocus]=\"autofocus\"\n          [(ngModel)]=\"value\"\n          [value]=\"value\">\n    </textarea>\n\n<small *ngIf=\"help\"\n       class=\"textarea-help\">\n    {{ help }}\n</small>",
+        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>",
         providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => GIPITextareaComponent_1),
+                useExisting: forwardRef(() => MonthYearPickerComponent_1),
                 multi: true
-            }
+            },
         ],
         host: {
-            'class': 'gipi-textarea',
+            'class': 'gipi-month-year-picker',
         },
         changeDetection: ChangeDetectionStrategy.OnPush,
-        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}"]
+        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()),
+    __param(7, Optional()), __param(7, Inject(DOCUMENT)),
     __metadata("design:paramtypes", [ElementRef,
-        ChangeDetectorRef])
-], GIPITextareaComponent);
+        ChangeDetectorRef,
+        Overlay,
+        NgZone,
+        ViewContainerRef, Object, Directionality, Object])
+], MonthYearPickerComponent);
+
+let MonthYearPickerModule = class MonthYearPickerModule {
+};
+MonthYearPickerModule = __decorate([
+    NgModule({
+        imports: [
+            CommonModule,
+            MatButtonModule,
+            MatDialogModule,
+            OverlayModule,
+            A11yModule,
+            PortalModule,
+            MatIconModule,
+            FormsModule,
+            ReactiveFormsModule,
+        ],
+        exports: [
+            ScrollingModule,
+            CalendarMonthYearComponent,
+            MonthYearPickerComponent,
+        ],
+        declarations: [
+            CalendarMonthYearComponent,
+            MonthYearPickerComponent,
+        ],
+        providers: [
+            GIPI_MONTH_YEAR_SCROLL_STRATEGY_FACTORY_PROVIDER,
+        ],
+        entryComponents: [
+            CalendarMonthYearComponent,
+        ],
+    })
+], MonthYearPickerModule);
 
 let INJECTOR;
 const GIPIComponents = [
@@ -23686,6 +23826,7 @@ const GIPIComponents = [
     GIPICardComponent,
     GIPITextareaComponent,
     GIPISplitButtonComponent,
+    GIPISkeletonComponent,
     // Tabs
     GIPITabGroupComponent,
     GIPITabComponent,
@@ -23705,6 +23846,7 @@ const GIPIDirectives = [
     GIPIInfiniteScrollDirective,
     GIPIPaginationControlsDirective,
     GIPIDynamicTabDirective,
+    GIPISkeletonDirective,
 ];
 const GIPIPipes = [
     GIPIPaginatePipe,
@@ -24165,36 +24307,37 @@ let AuthenticationService = class AuthenticationService extends AbstractService
         super();
         this.router = router;
         this.http = http;
-        this.tokenSubject = new BehaviorSubject(JSON.parse(localStorage.getItem('token')));
-        this.token = this.tokenSubject.asObservable();
+        this._tokenSubject$ = new BehaviorSubject(JSON.parse(localStorage.getItem('token')));
+        this.token$ = this._tokenSubject$.asObservable();
     }
-    login(user) {
+    login(username, password) {
         const body = new HttpParams()
             .set('grant_type', 'password')
-            .set('username', user.username)
-            .set('password', user.password);
-        return this.http.post('api/authenticator/oauth/token', body, this.options()).pipe(map(accessToken => this.setCurrentUser(accessToken)));
+            .set('username', username)
+            .set('password', password);
+        return this.http.post('api/authenticator/oauth/token', body, this.options(this.buildParams(), this.buildHeaders().append('skip', String(true)))).pipe(map((token) => {
+            if (this.isValidToken(token)) {
+                this.setSession(token);
+            }
+            return token;
+        }), takeUntil(this.onDestroy), catchError(this.handleError));
     }
     logout() {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield this.revokeToken().toPromise().then(() => {
-                this.removeToken();
-                this.router.navigate(['/oauth/login'], { queryParams: { returnUrl: this.router.routerState.snapshot.url } });
-            });
+        this.revokeToken().subscribe(_ => {
+            this.removeSession();
+            this.router.navigate(['/oauth/login'], { queryParams: { returnUrl: this.router.routerState.snapshot.url } });
+        }, error => {
+            throw new Error(error);
         });
     }
-    removeToken() {
-        localStorage.removeItem('token');
-        this.tokenSubject.next(null);
-    }
     refreshToken(additionalParams) {
         let body = new HttpParams()
             .set('grant_type', 'refresh_token')
-            .set('refresh_token', this.tokenValue.refreshToken);
+            .set('refresh_token', this.token.refreshToken);
         if (!ObjectUtil.isNull(additionalParams)) {
             additionalParams.forEach((value, key) => body = body.append(key, value));
         }
-        return this.http.post('api/authenticator/oauth/token', body, this.options(this.buildParams(), this.buildHeaders().append('skip', 'true'))).pipe(map(accessToken => this.setCurrentUser(accessToken)));
+        return this.http.post('api/authenticator/oauth/token', body, this.options(this.buildParams(), this.buildHeaders().append('skip', 'true'))).pipe(map(accessToken => this.setSession(accessToken)), takeUntil(this.onDestroy), catchError(this.handleError));
     }
     revokeToken(token) {
         let lHttpHeaders = null;
@@ -24203,27 +24346,32 @@ let AuthenticationService = class AuthenticationService extends AbstractService
                 .append('Authorization', token.accessToken)
                 .append('skip', 'true');
         }
-        return this.http.post('api/authenticator/oauth/token/revoke', {}, this.options(null, lHttpHeaders));
-    }
-    isValidToken(token) {
-        if (!ObjectUtil.isNull(token) && !ObjectUtil.isNull(token.expiration)) {
-            return new Date(token.expiration).valueOf() > new Date().valueOf();
-        }
-        return false;
+        return this.http.post('api/authenticator/oauth/token/revoke', {}, this.options(null, lHttpHeaders)).pipe(takeUntil(this.onDestroy), catchError(this.handleError));
     }
-    setCurrentUser(token) {
-        if (token && token.accessToken) {
+    setSession(token) {
+        if (this.isValidToken(token)) {
             localStorage.setItem('token', JSON.stringify(token));
-            this.tokenSubject.next(token);
+            this._tokenSubject$.next(token);
         }
         return token;
     }
-    get tokenValue() {
-        return this.tokenSubject.value;
+    removeSession() {
+        localStorage.removeItem('token');
+        sessionStorage.clear();
+    }
+    isValidToken(token) {
+        if (!ObjectUtil.isNull(token) && !ObjectUtil.isNull(token.expiration)) {
+            const tokenExpiration = moment$6(token.expiration);
+            return moment$6().isBefore(tokenExpiration);
+        }
+        return false;
     }
-    get tokenValueLocalStorage() {
+    get token() {
         const token = localStorage.getItem('token');
-        return !StringUtil.isEmpty(token) ? JSON.parse(token) : null;
+        if (StringUtil.isEmpty(token)) {
+            return null;
+        }
+        return JSON.parse(token);
     }
     buildHeaders() {
         return new HttpHeaders()
@@ -24245,12 +24393,12 @@ AuthenticationService = __decorate([
 ], AuthenticationService);
 
 let AuthInterceptor = class AuthInterceptor {
-    constructor(authenticationService) {
-        this.authenticationService = authenticationService;
+    constructor(_authenticationService) {
+        this._authenticationService = _authenticationService;
     }
     intercept(request, next) {
-        const token = this.authenticationService.tokenValue;
-        if (token && token.accessToken && !request.headers.get('skip')) {
+        const token = this._authenticationService.token;
+        if (!ObjectUtil.isNull(token) && !StringUtil.isEmpty(token.accessToken) && !request.headers.get('skip')) {
             request = request.clone({
                 setHeaders: {
                     Authorization: `Bearer ${token.accessToken}`
@@ -25664,25 +25812,20 @@ var LocalTimeEnum;
 })(LocalTimeEnum || (LocalTimeEnum = {}));
 
 let AuthGuard = class AuthGuard {
-    constructor(_router, _authenticationService) {
+    constructor(_router, _matDialog, _authenticationService) {
         this._router = _router;
+        this._matDialog = _matDialog;
         this._authenticationService = _authenticationService;
     }
     canActivate(route, state) {
-        if (!ObjectUtil.isNull(this._authenticationService.tokenValueLocalStorage)) {
-            return this._authenticationService.token.pipe(map(token => {
-                if (this._authenticationService.isValidToken(token)) {
-                    return true;
-                }
-                else if (!ObjectUtil.isNull(token)) {
-                    this._authenticationService.removeToken();
-                }
-                this._router.navigate(['oauth/login'], { queryParams: { returnUrl: state.url } });
-                return false;
-            }));
+        const token = this._authenticationService.token;
+        if (!this._authenticationService.isValidToken(token)) {
+            this._authenticationService.removeSession();
+            this._matDialog.closeAll();
+            this._router.navigate(['oauth/login']);
+            return of(false);
         }
-        this._router.navigate(['oauth/login'], { queryParams: { returnUrl: state.url } });
-        return of(false);
+        return of(true);
     }
     canActivateChild(route, state) {
         return this.canActivate(route, state);
@@ -25690,95 +25833,71 @@ let AuthGuard = class AuthGuard {
 };
 AuthGuard.ctorParameters = () => [
     { type: Router },
+    { type: MatDialog$1 },
     { type: AuthenticationService }
 ];
-AuthGuard.ngInjectableDef = ɵɵdefineInjectable({ factory: function AuthGuard_Factory() { return new AuthGuard(ɵɵinject(Router), ɵɵinject(AuthenticationService)); }, token: AuthGuard, providedIn: "root" });
+AuthGuard.ngInjectableDef = ɵɵdefineInjectable({ factory: function AuthGuard_Factory() { return new AuthGuard(ɵɵinject(Router), ɵɵinject(MatDialog$1), ɵɵinject(AuthenticationService)); }, token: AuthGuard, providedIn: "root" });
 AuthGuard = __decorate([
     Injectable({ providedIn: 'root' }),
     __metadata("design:paramtypes", [Router,
+        MatDialog$1,
         AuthenticationService])
 ], AuthGuard);
 
 let PermissionGuard = class PermissionGuard {
-    constructor(_router, _authenticationService) {
+    constructor(_router, _matDialog, _authenticationService) {
         this._router = _router;
+        this._matDialog = _matDialog;
         this._authenticationService = _authenticationService;
     }
-    canActivate(route, state) {
-        if (!ObjectUtil.isNull(this._authenticationService.tokenValueLocalStorage)) {
-            return this._authenticationService.token.pipe(map(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']);
-                    return false;
-                }
-                return true;
-            }));
+    _hasAuthority(user, permission) {
+        if (ObjectUtil.isNull(user) || StringUtil.isEmpty(permission)) {
+            return false;
         }
-        this._router.navigate(['errors/403']);
-        return of(false);
-    }
-    hasAuthority(user, permission) {
         return !!user.authorities.find(authority => authority.authority.match(permission));
     }
-    hasPermission(menuList, url) {
+    _hasPermission(menuList, url) {
         for (const menu of menuList) {
             if (url.split('/').pop() === menu.route) {
                 return true;
             }
             else if (!ArrayUtil.isEmpty(menu.menuList)) {
-                return this.hasPermission(menu.menuList, url);
+                return this._hasPermission(menu.menuList, url);
             }
         }
         return false;
     }
-    canActivateChild(route, state) {
-        return this.canActivate(route, state);
-    }
-};
-PermissionGuard.ctorParameters = () => [
-    { type: Router },
-    { type: AuthenticationService }
-];
-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])
-], PermissionGuard);
-
-let PublicGuard = class PublicGuard {
-    constructor(_router, _authenticationService) {
-        this._router = _router;
-        this._authenticationService = _authenticationService;
-    }
     canActivate(route, state) {
-        if (!ObjectUtil.isNull(this._authenticationService.tokenValueLocalStorage)) {
-            return this._authenticationService.token.pipe(map(token => {
-                if (this._authenticationService.isValidToken(token)) {
-                    this._router.navigate(['dashboard']);
-                    return false;
-                }
-                return true;
-            }));
+        const token = this._authenticationService.token;
+        if (!this._authenticationService.isValidToken(token)) {
+            this._authenticationService.removeSession();
+            this._matDialog.closeAll();
+            this._router.navigate(['oauth/login']);
+            return of(false);
+        }
+        const hasPermission = this._hasPermission(token.user.menuList, state.url) && this._hasAuthority(token.user, route.data.authority);
+        if (!hasPermission) {
+            this._router.navigate(['errors/403']);
+            return of(false);
         }
-        this._router.navigate(['dashboard']);
-        return of(false);
+        return of(true);
     }
     canActivateChild(route, state) {
         return this.canActivate(route, state);
     }
 };
-PublicGuard.ctorParameters = () => [
+PermissionGuard.ctorParameters = () => [
     { type: Router },
+    { type: MatDialog$1 },
     { type: AuthenticationService }
 ];
-PublicGuard.ngInjectableDef = ɵɵdefineInjectable({ factory: function PublicGuard_Factory() { return new PublicGuard(ɵɵinject(Router), ɵɵinject(AuthenticationService)); }, token: PublicGuard, providedIn: "root" });
-PublicGuard = __decorate([
+PermissionGuard.ngInjectableDef = ɵɵdefineInjectable({ factory: function PermissionGuard_Factory() { return new PermissionGuard(ɵɵinject(Router), ɵɵinject(MatDialog$1), ɵɵinject(AuthenticationService)); }, token: PermissionGuard, providedIn: "root" });
+PermissionGuard = __decorate([
     Injectable({ providedIn: 'root' }),
     __metadata("design:paramtypes", [Router,
+        MatDialog$1,
         AuthenticationService])
-], PublicGuard);
+], PermissionGuard);
 
 class AbstractModel {
 }
@@ -26792,5 +26911,5 @@ const 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, 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 };
+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, GIPISkeletonComponent, GIPISkeletonDirective, 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, 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$n 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