@gipisistemas/ng-core 1.1.3 → 1.1.5

package/fesm2015/gipisistemas-ng-core.js

@@ -1,7 +1,7 @@
-import { InjectionToken, NgModule, EventEmitter, ContentChild, TemplateRef, ViewChild, ElementRef, Input, Output, Component, forwardRef, Inject, ɵɵdefineInjectable, ɵɵinject, Injectable, Renderer2, ChangeDetectorRef, NgZone, ChangeDetectionStrategy, ViewEncapsulation, Optional, Directive, HostBinding, ViewContainerRef, ComponentFactoryResolver, ContentChildren, QueryList, HostListener, RendererFactory2, Host, Pipe, 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, Pipe, ContentChildren, QueryList, ComponentFactoryResolver, 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 { DOCUMENT, formatNumber, formatPercent, formatDate, isPlatformBrowser, CommonModule, formatCurrency } from '@angular/common';
+import { formatNumber, formatPercent, DOCUMENT, formatDate, isPlatformBrowser, CommonModule, formatCurrency } from '@angular/common';
 import { BREAKPOINT, FlexLayoutModule } from '@angular/flex-layout';
 import { NG_VALUE_ACCESSOR, FormControl, NgControl, NgForm, FormGroupDirective, Validators, NG_VALIDATORS, ControlContainer, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { MatMenu, MAT_SNACK_BAR_DATA, MatSnackBar, MatSelect as MatSelect$1, MatOption, MatFormField, MatTableDataSource, MatSort, MatPaginator, MatDialogRef, MAT_DIALOG_DATA, MatDialogConfig, MatDialog, MatNativeDateModule, MatRippleModule as MatRippleModule$1, MatDialogModule as MatDialogModule$1, MatIconRegistry } from '@angular/material';
@@ -53,9 +53,11 @@ import { MatTabsModule } from '@angular/material/tabs';
 import { MatToolbarModule } from '@angular/material/toolbar';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { MatTreeModule } from '@angular/material/tree';
+import rfdc_ from 'rfdc';
 import { HttpHeaders, HttpParams, HttpClient, HttpErrorResponse, HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
 import { Subject, throwError, BehaviorSubject, of, combineLatest, fromEvent, ReplaySubject, Subscription, merge } from 'rxjs';
 import { debounceTime, map, distinctUntilChanged, switchMap, startWith, delay, takeUntil, take, tap, filter, auditTime, finalize, shareReplay, catchError } from 'rxjs/operators';
+import { parsePhoneNumberFromString, getExampleNumber } from 'libphonenumber-js';
 import { trigger, state, style, transition, animate, animation, useAnimation } from '@angular/animations';
 import { A, Z, ZERO, NINE, SPACE, HOME, END, ENTER, ESCAPE, UP_ARROW, DOWN_ARROW, PAGE_DOWN, PAGE_UP, RIGHT_ARROW, LEFT_ARROW, BACKSPACE } from '@angular/cdk/keycodes';
 import { coerceCssPixelValue, coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';
@@ -68,7 +70,6 @@ import { matDatepickerAnimations as matDatepickerAnimations$1 } from '@angular/m
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { DomSanitizer } from '@angular/platform-browser';
 import { onlyNumbers, isValidIE, isValidCEP } from '@brazilian-utils/brazilian-utils';
-import { parsePhoneNumberFromString, getExampleNumber } from 'libphonenumber-js';
 
 const APP_MESSAGES = new InjectionToken('app.messages');
 const DEFAULT_MESSAGES = {
@@ -547,9 +548,36 @@ class StringUtil {
     static truncateWithEllipses(text, max) {
         return text.trim().substring(0, max - 1) + (text.trim().length > max) ? '...' : '';
     }
+    /** Codifica a string em Base64 */
+    static encodeBase64(input) {
+        if (this.isEmpty(input)) {
+            return '';
+        }
+        const utf8Encoder = new TextEncoder();
+        const utf8Bytes = utf8Encoder.encode(input);
+        let binary = '';
+        utf8Bytes.forEach((byte) => {
+            binary += String.fromCharCode(byte);
+        });
+        return btoa(binary);
+    }
+    /** Decodifica a string Base64 */
+    static decodeBase64(input) {
+        if (this.isEmpty(input)) {
+            return '';
+        }
+        const binary = atob(input);
+        const utf8Decoder = new TextDecoder();
+        const utf8Bytes = new Uint8Array(binary.length);
+        for (let i = 0; i < binary.length; i++) {
+            utf8Bytes[i] = binary.charCodeAt(i);
+        }
+        return utf8Decoder.decode(utf8Bytes);
+    }
 }
 StringUtil.EMPTY = '';
 
+const cloneDeep = rfdc_();
 /** @dynamic */
 class ObjectUtil {
     static isNull(value) {
@@ -561,21 +589,15 @@ class ObjectUtil {
         }
         let id = null;
         if (typeof value === 'object') {
-            id = Reflect.get(value, 'id');
+            id = value['id'];
         }
         return !UUIDUtil.isValid(id);
     }
-    static isNotNil(value) {
-        return typeof value !== 'undefined' && value !== null;
-    }
-    static isNil(value) {
-        return typeof value === 'undefined' || value === null;
-    }
     static clone(value) {
         if (ObjectUtil.isNull(value)) {
             return new Object();
         }
-        return Object.assign({}, value);
+        return cloneDeep(value);
     }
     static resolveFieldData(data, field) {
         if (data && field) {
@@ -1102,11 +1124,160 @@ InputFileComponent = __decorate([
         ActivatedRoute])
 ], InputFileComponent);
 
+/** @dynamic */
+class NumberUtil {
+    static isPositive(value) {
+        return !ObjectUtil.isNull(value) && value > 0;
+    }
+    static isNegative(value) {
+        return !ObjectUtil.isNull(value) && value < 0;
+    }
+    static format(value, digitsInfo, type) {
+        if (!ObjectUtil.isNull(value) && (!type || type === 'NUMBER')) {
+            return formatNumber(value, 'pt', digitsInfo);
+        }
+        else if (!ObjectUtil.isNull(value) && type === 'PERCENT') {
+            return formatPercent(value / 100, 'pt', digitsInfo);
+        }
+        return StringUtil.EMPTY;
+    }
+    static onlyNumbers(value) {
+        return String(value).replace(/[^\d]/g, '');
+    }
+    static isNumber(value) {
+        return value !== null && value !== undefined && !isNaN(value) && typeof value === 'number';
+    }
+}
+
+/** @dynamic */
+class PhoneUtil {
+    static removeCharacters(value) {
+        if (StringUtil.isEmpty(value)) {
+            return '';
+        }
+        return value.replace(/\D/g, '');
+    }
+    static maskLib(phoneNumber, state, country = 'BR') {
+        let exampleNumber;
+        if (!StringUtil.isEmpty(phoneNumber)) {
+            const parsedNumber = parsePhoneNumberFromString(phoneNumber, country);
+            if (parsedNumber) {
+                exampleNumber = parsedNumber;
+            }
+        }
+        else {
+            exampleNumber = getExampleNumber(country, state);
+        }
+        if (exampleNumber) {
+            const formattedNumber = exampleNumber.formatNational();
+            return formattedNumber.replace(/\d/g, '0');
+        }
+        else {
+            throw new Error('Estado não suportado ou código de estado inválido.');
+        }
+    }
+    static formatLib(phoneNumber, country = 'BR') {
+        try {
+            const parsedNumber = parsePhoneNumberFromString(phoneNumber, country);
+            if (parsedNumber) {
+                return parsedNumber.formatNational();
+            }
+            else {
+                throw new Error('Número de telefone inválido.');
+            }
+        }
+        catch (error) {
+            throw new Error('Erro ao formatar o número de telefone: ' + error.message);
+        }
+    }
+    static format(number, mask) {
+        let numberNotFormatted = NumberUtil.onlyNumbers(number);
+        let phoneFormatted = '';
+        if ((numberNotFormatted.length < 8) ||
+            (numberNotFormatted.length > 12) ||
+            (!this.isPossible(numberNotFormatted) && !this.isValid(numberNotFormatted))) {
+            return numberNotFormatted;
+        }
+        if (StringUtil.isEmpty(mask)) {
+            mask = this.mask(numberNotFormatted);
+        }
+        for (let i = 0, j = 0; i < mask.length && j < numberNotFormatted.length; i++) {
+            phoneFormatted += mask.charAt(i) === '0' ? numberNotFormatted.charAt(j++) : mask.charAt(i);
+        }
+        return phoneFormatted;
+    }
+    static mask(phone) {
+        const specialPrefixes = ['0900', '0800', '0700', '0600', '0500', '0400', '0300', '0200', '0100'];
+        let phoneAux = this.removeCharacters(phone.replace(/\D/g, ''));
+        if ((phoneAux.length < 8) ||
+            (phoneAux.length > 12) ||
+            (!this.isPossible(phoneAux) && !this.isValid(phoneAux))) {
+            return '0*';
+        }
+        const existInArray = specialPrefixes.some(prefix => phoneAux.startsWith(prefix));
+        if (existInArray) {
+            return '0000 000 0000'; // Para números especiais como 0800
+        }
+        switch (phoneAux.length) {
+            case 8: return '0000-0000';
+            case 9: return '0 0000-0000';
+            case 10: return '(00) 0000-0000';
+            case 11: return '(00) 0 0000-0000';
+            case 12: return '(000) 0 0000-0000';
+            default: return '0*';
+        }
+    }
+    static isPossible(phoneNumber, country = 'BR') {
+        try {
+            const parsedNumber = parsePhoneNumberFromString(phoneNumber, country);
+            return parsedNumber ? parsedNumber.isPossible() : false;
+        }
+        catch (error) {
+            return false;
+        }
+    }
+    static isValid(phoneNumber, country = 'BR') {
+        try {
+            const parsedNumber = parsePhoneNumberFromString(phoneNumber, country);
+            return parsedNumber ? parsedNumber.isValid() : false;
+        }
+        catch (error) {
+            return false;
+        }
+    }
+    static getType(phoneNumber, country = 'BR') {
+        try {
+            const parsedNumber = parsePhoneNumberFromString(phoneNumber, country);
+            return parsedNumber ? parsedNumber.getType() : null;
+        }
+        catch (error) {
+            return null;
+        }
+    }
+    static isEqual(phoneNumber1, phoneNumber2, country = 'BR') {
+        try {
+            const parsedNumber1 = parsePhoneNumberFromString(phoneNumber1, country);
+            const parsedNumber2 = parsePhoneNumberFromString(phoneNumber2, country);
+            if (parsedNumber1 && parsedNumber2) {
+                return parsedNumber1.isEqual(parsedNumber2);
+            }
+            else {
+                return false;
+            }
+        }
+        catch (error) {
+            return false;
+        }
+    }
+}
+
 var InputComponent_1;
 let InputComponent = InputComponent_1 = class InputComponent {
-    constructor() {
-        this._inputSubject = new BehaviorSubject('');
-        this._maskPhone = new BehaviorSubject('');
+    constructor(elementRef, _changeDetectorRef) {
+        this.elementRef = elementRef;
+        this._changeDetectorRef = _changeDetectorRef;
+        this._inputSubject$ = new BehaviorSubject('');
+        this._maskPhone$ = new BehaviorSubject('');
         this.tooltip = '';
         this.styleClassFormField = '';
         this.styleClassSuffix = '';
@@ -1127,26 +1298,32 @@ let InputComponent = InputComponent_1 = class InputComponent {
         this.onTouch = () => { };
     }
     get value() {
-        return this.val;
+        return this._value;
     }
-    set value(val) {
+    set value(value) {
+        let valueAux = null;
         if (this.lowerCase) {
-            this.val = this.checkLowercase(this.checkSpaceDrop(val));
+            valueAux = this.checkLowercase(this.checkSpaceDrop(value));
         }
         else {
-            this.val = this.checkUppercase(this.checkSpaceDrop(val));
+            valueAux = this.checkUppercase(this.checkSpaceDrop(value));
         }
-        this.onChange(this.val);
+        this._value = valueAux;
+        if (this.value !== value) {
+            this._changeDetectorRef.detectChanges();
+        }
+        this.onChange(this._value);
         this.onTouch();
     }
     ngOnInit() {
         if (this.phone) {
-            this._inputSubject.pipe(debounceTime(300)).subscribe(value => {
-                this._maskPhone.next(PhoneUtil.mask(value));
+            this._inputSubject$.pipe(debounceTime(300)).subscribe(value => {
+                if (!StringUtil.isEmpty(value)) {
+                    this._maskPhone$.next(PhoneUtil.mask(value));
+                }
             });
         }
     }
-    ngAfterViewInit() { }
     registerOnChange(fn) {
         this.onChange = fn;
     }
@@ -1154,8 +1331,16 @@ let InputComponent = InputComponent_1 = class InputComponent {
         this.onTouch = fn;
     }
     writeValue(value) {
+        if (this.phone && !StringUtil.isEmpty(value)) {
+            this._inputSubject$.next(value);
+            this._changeDetectorRef.detectChanges();
+        }
         this.value = value;
     }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+        this._changeDetectorRef.detectChanges();
+    }
     checkSpaceDrop(value) {
         if (this.spaceDrop && value) {
             return value.replace(/\s/g, '');
@@ -1185,23 +1370,27 @@ let InputComponent = InputComponent_1 = class InputComponent {
             this.onTouch();
         }
     }
-    onInputPhoneKeyup(event) {
+    onInputPhoneKeydown(event) {
         if (!this.phone) {
             return;
         }
         const value = PhoneUtil.removeCharacters(event.target.value);
         const key = event.key;
-        if (/\d/.test(key) && value.length < 12) {
-            this._maskPhone.next('0*');
+        if (/\d/.test(key) && ((value.trim().length < 8) || (value.trim().length > 12))) {
+            this._maskPhone$.next('0*');
         }
     }
     onInputPhoneChange(value) {
         if (!this.phone) {
             return;
         }
-        this._inputSubject.next(value);
+        this._inputSubject$.next(value);
     }
 };
+InputComponent.ctorParameters = () => [
+    { type: ElementRef },
+    { type: ChangeDetectorRef }
+];
 __decorate([
     ViewChild('input', { static: false, read: ElementRef }),
     __metadata("design:type", ElementRef)
@@ -1271,9 +1460,10 @@ __decorate([
     __metadata("design:type", String)
 ], InputComponent.prototype, "appearance", void 0);
 __decorate([
-    Input('value'),
-    __metadata("design:type", Object)
-], InputComponent.prototype, "val", void 0);
+    Input(),
+    __metadata("design:type", Object),
+    __metadata("design:paramtypes", [Object])
+], InputComponent.prototype, "value", null);
 __decorate([
     Input(),
     __metadata("design:type", String)
@@ -1317,7 +1507,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\"\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               (keyup)=\"onInputPhoneKeyup($event)\"\n               (ngModelChange)=\"onInputPhoneChange($event)\">\n\n        <input matInput\n               #input\n               *ngIf=\"!mask\"\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]=\"phone ? (_maskPhone | async) : ''\"\n               spaceDrop\n               [spaceDrop]=\"spaceDrop\"\n               (focus)=\"onFocus($event)\"\n               (blur)=\"onBlur($event)\"\n               (keyup)=\"onInputPhoneKeyup($event)\"\n               (ngModelChange)=\"onInputPhoneChange($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=\"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>",
         providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -1327,7 +1517,8 @@ InputComponent = InputComponent_1 = __decorate([
         ],
         styles: ["mat-label span{color:#d14014!important}"]
     }),
-    __metadata("design:paramtypes", [])
+    __metadata("design:paramtypes", [ElementRef,
+        ChangeDetectorRef])
 ], InputComponent);
 
 let LoadingOverlayComponent = class LoadingOverlayComponent {
@@ -2654,236 +2845,60 @@ RadioGroupEnumComponent = RadioGroupEnumComponent_1 = __decorate([
     __metadata("design:paramtypes", [ChangeDetectorRef])
 ], RadioGroupEnumComponent);
 
-var SelectButtonComponent_1;
-let SelectButtonComponent = SelectButtonComponent_1 = class SelectButtonComponent {
-    constructor(cd) {
-        this.cd = cd;
-        this.tabindex = 0;
-        this.onOptionClick = new EventEmitter();
-        this.onChange = new EventEmitter();
-        this.onModelChange = () => { };
-        this.onModelTouched = () => { };
+var SelectEntityPagedComponent_1;
+let SelectEntityPagedComponent = SelectEntityPagedComponent_1 = class SelectEntityPagedComponent {
+    constructor(_changeDetectorRef) {
+        this._changeDetectorRef = _changeDetectorRef;
+        this.valueSearchCtrl = new FormControl('');
+        this.totalOptions = 0;
+        this.subscriptions = [];
+        this.searching = false;
+        this.toggleAllCheckboxChecked = false;
+        this.toggleAllCheckboxIndeterminate = false;
+        this._options = [];
+        this.closeIcon = 'close';
+        this.multiple = false;
+        // Mostrar/ocultar o input para pesquisar
+        this.hideFieldSearch = false;
+        // Mostrar/ocultar o botão limpar opções selecionadas
+        this.showClear = false;
+        this.debounceTime = 1000; // milissegundos
+        // Valores que não serão exibidos nas opções
+        this.valuesExclud = [];
+        this.appearance = 'outline';
+        this.property = 'description';
+        this.trackyBy = 'id';
+        this.initLoaded = true;
+        this.infiniteScroll = true;
+        this.modelChange = new EventEmitter();
+        this.selectionChange = new EventEmitter();
+        this.searchChange = new EventEmitter();
+        this.addChange = new EventEmitter();
+        this.openedChange = new EventEmitter();
+        this.trackByOption = (index, obj) => this.trackyBy ? obj[this.trackyBy] : obj;
+        this.onChange = () => { };
+        this.onTouch = () => { };
     }
-    ngOnInit() { }
-    getPropertyLabel(option) {
-        return this.property ? ObjectUtil.resolveFieldData(option, this.property) : (option.label !== undefined ? option.label : option);
+    set paramNextBatch(val) {
+        this._paramNextBatch = val;
     }
-    getOptionValue(option) {
-        return this.optionValue ? ObjectUtil.resolveFieldData(option, this.optionValue) : (this.property || option.value === undefined ? option : option.value);
+    get paramNextBatch() {
+        return this._paramNextBatch;
     }
-    isOptionDisabled(option) {
-        return this.optionDisabled ? ObjectUtil.resolveFieldData(option, this.optionDisabled) : (option.disabled !== undefined ? option.disabled : false);
+    set model(val) {
+        this.modelValue = val;
+        this.modelChange.emit(this.modelValue);
+        this.onChange(this.modelValue);
+        this.onTouch(this.modelValue);
     }
-    writeValue(value) {
-        this.value = value;
-        this.cd.markForCheck();
+    get model() {
+        return this.modelValue;
     }
-    registerOnChange(fn) {
-        this.onModelChange = fn;
+    set options(val) {
+        this._options = val;
     }
-    registerOnTouched(fn) {
-        this.onModelTouched = fn;
-    }
-    setDisabledState(val) {
-        this.disabled = val;
-        this.cd.markForCheck();
-    }
-    onItemClick(event, option, index) {
-        if (this.disabled || this.isOptionDisabled(option)) {
-            return;
-        }
-        if (this.multiple) {
-            if (this.isSelected(option)) {
-                this.removeOption(option);
-            }
-            else {
-                this.value = [...(this.value || []), this.getOptionValue(option)];
-            }
-            this.onModelChange(this.value);
-            this.onChange.emit({
-                originalEvent: event,
-                value: this.value
-            });
-        }
-        else {
-            const value = this.getOptionValue(option);
-            if (this.value !== value) {
-                this.value = this.getOptionValue(option);
-                this.onModelChange(this.value);
-                this.onChange.emit({
-                    originalEvent: event,
-                    value: this.value
-                });
-            }
-        }
-        this.onOptionClick.emit({
-            originalEvent: event,
-            option: option,
-            index: index
-        });
-    }
-    onBlur() {
-        this.onModelTouched();
-    }
-    removeOption(option) {
-        this.value = this.value.filter(val => !ObjectUtil.equals(val, this.getOptionValue(option), this.dataKey));
-    }
-    isSelected(option) {
-        let selected = false;
-        const optionValue = this.getOptionValue(option);
-        if (this.multiple) {
-            if (this.value) {
-                for (const val of this.value) {
-                    if (ObjectUtil.equals(val, optionValue, this.dataKey)) {
-                        selected = true;
-                        break;
-                    }
-                }
-            }
-        }
-        else {
-            selected = ObjectUtil.equals(this.getOptionValue(option), this.value, this.dataKey);
-        }
-        return selected;
-    }
-};
-SelectButtonComponent.ctorParameters = () => [
-    { type: ChangeDetectorRef }
-];
-__decorate([
-    Input(),
-    __metadata("design:type", Array)
-], SelectButtonComponent.prototype, "options", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], SelectButtonComponent.prototype, "property", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], SelectButtonComponent.prototype, "optionValue", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], SelectButtonComponent.prototype, "optionDisabled", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Number)
-], SelectButtonComponent.prototype, "tabindex", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], SelectButtonComponent.prototype, "multiple", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], SelectButtonComponent.prototype, "label", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], SelectButtonComponent.prototype, "required", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], SelectButtonComponent.prototype, "styleClass", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], SelectButtonComponent.prototype, "ariaLabelledBy", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], SelectButtonComponent.prototype, "disabled", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], SelectButtonComponent.prototype, "dataKey", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", EventEmitter)
-], SelectButtonComponent.prototype, "onOptionClick", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", EventEmitter)
-], SelectButtonComponent.prototype, "onChange", void 0);
-__decorate([
-    ContentChild(TemplateRef, { static: false }),
-    __metadata("design:type", Object)
-], SelectButtonComponent.prototype, "itemTemplate", void 0);
-SelectButtonComponent = SelectButtonComponent_1 = __decorate([
-    Component({
-        selector: 'itss-select-button',
-        template: "<div fxLayout=\"column\">\n    <mat-label *ngIf=\"label\"\n               class=\"label\">\n        {{ label }}\n        <span *ngIf=\"required && label\">*</span>\n    </mat-label>\n\n    <div [ngClass]=\"'selectbutton component'\"\n         [class]=\"styleClass\"\n         role=\"group\">\n        <div *ngFor=\"let option of options; let i = index\"\n             #btn\n             class=\"button component\"\n             [class]=\"option.styleClass\"\n             role=\"button\"\n             [attr.aria-pressed]=\"isSelected(option)\"\n             [ngClass]=\"{'highlight': isSelected(option),\n                        'disabled': disabled || isOptionDisabled(option),\n                        'button-icon-only': (option.icon && !getPropertyLabel(option))}\"\n             (click)=\"onItemClick($event,option,i)\"\n             (keydown.enter)=\"onItemClick($event,option,i)\"\n             [attr.title]=\"option.title\"\n             [attr.aria-label]=\"option.label\"\n             (blur)=\"onBlur()\"\n             [attr.tabindex]=\"disabled ? null : tabindex\"\n             [attr.aria-labelledby]=\"this.getPropertyLabel(option)\"\n             [attr.id]=\"i\">\n\n            <ng-container *ngIf=\"!itemTemplate else customcontent\">\n                <span [ngClass]=\"'button-icon button-icon-left'\"\n                      [class]=\"option.icon\"\n                      *ngIf=\"option.icon\">\n                </span>\n                <span class=\"button-label\">\n                    {{ getPropertyLabel(option) }}\n                </span>\n            </ng-container>\n\n            <ng-template #customcontent>\n                <ng-container *ngTemplateOutlet=\"itemTemplate; context: {$implicit: option, index: i}\"></ng-container>\n            </ng-template>\n\n        </div>\n    </div>\n</div>",
-        providers: [
-            {
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => SelectButtonComponent_1),
-                multi: true
-            }
-        ],
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        host: {
-            'class': 'itss-element'
-        },
-        styles: [".label{color:#696969;font-size:1rem;margin-bottom:7px!important}.label>span{color:#f44336}.component{font-weight:400;display:flex;width:100%}.component:disabled,.disabled{cursor:not-allowed!important;background:#e0e0e0!important;border-color:#e0e0e0!important;color:#00000042!important}.selectbutton .button{background:#fff;border:1px solid #e1e5e4;color:#696969;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;padding:1rem;align-items:center;display:flex;justify-content:center;min-width:5rem;cursor:pointer}.selectbutton .button:first-of-type{border-top-left-radius:5px;border-bottom-left-radius:5px}.selectbutton .button:last-of-type{border-top-right-radius:5px;border-bottom-right-radius:5px}.selectbutton .button .button-icon-left,.selectbutton .button .button-icon-right{color:#696969}.selectbutton .button:not(.disabled):not(.highlight):hover{background:#f7f7f7;border-color:#e1e5e4;color:#696969}.selectbutton .button:not(.disabled):not(.highlight):hover .button-icon-left,.selectbutton .button:not(.disabled):not(.highlight):hover .button-icon-right{color:#696969}.selectbutton .button.highlight{background:#f3465c;border-color:#f3465c;color:#fff;cursor:default}.selectbutton .button.highlight .button-icon-left,.selectbutton .button.highlight .button-icon-right{color:#fff}.selectbutton .button.highlight:hover{background:#e6364e;border-color:#e6364e;color:#fff}.selectbutton .button.highlight:hover .button-icon-left,.selectbutton .button.highlight:hover .button-icon-right{color:#fff}itss-select-button.ng-dirty.ng-invalid>.selectbutton>.button{border-color:#f44336}.button.button-icon-only{width:3rem;padding:.75rem 0}.button.button-icon-only .button-icon-left,.button.button-icon-only .button-icon-right{margin:0}.button.button-icon-only.button-rounded{border-radius:50%;height:3rem}.button-label{font-weight:700}"]
-    }),
-    __metadata("design:paramtypes", [ChangeDetectorRef])
-], SelectButtonComponent);
-
-var SelectEntityPagedComponent_1;
-let SelectEntityPagedComponent = SelectEntityPagedComponent_1 = class SelectEntityPagedComponent {
-    constructor(_changeDetectorRef) {
-        this._changeDetectorRef = _changeDetectorRef;
-        this.valueSearchCtrl = new FormControl('');
-        this.totalOptions = 0;
-        this.subscriptions = [];
-        this.searching = false;
-        this.toggleAllCheckboxChecked = false;
-        this.toggleAllCheckboxIndeterminate = false;
-        this._options = [];
-        this.closeIcon = 'close';
-        this.multiple = false;
-        // Mostrar/ocultar o input para pesquisar
-        this.hideFieldSearch = false;
-        // Mostrar/ocultar o botão limpar opções selecionadas
-        this.showClear = false;
-        this.debounceTime = 1000; // milissegundos
-        // Valores que não serão exibidos nas opções
-        this.valuesExclud = [];
-        this.appearance = 'outline';
-        this.property = 'description';
-        this.trackyBy = 'id';
-        this.initLoaded = true;
-        this.infiniteScroll = true;
-        this.modelChange = new EventEmitter();
-        this.selectionChange = new EventEmitter();
-        this.searchChange = new EventEmitter();
-        this.addChange = new EventEmitter();
-        this.openedChange = new EventEmitter();
-        this.trackByOption = (index, obj) => this.trackyBy ? obj[this.trackyBy] : obj;
-        this.onChange = () => { };
-        this.onTouch = () => { };
-    }
-    set paramNextBatch(val) {
-        this._paramNextBatch = val;
-    }
-    get paramNextBatch() {
-        return this._paramNextBatch;
-    }
-    set model(val) {
-        this.modelValue = val;
-        this.modelChange.emit(this.modelValue);
-        this.onChange(this.modelValue);
-        this.onTouch(this.modelValue);
-    }
-    get model() {
-        return this.modelValue;
-    }
-    set options(val) {
-        this._options = val;
-    }
-    get options() {
-        return this._options;
+    get options() {
+        return this._options;
     }
     get scrollViewportHeight() {
         if (ArrayUtil.isEmpty(this.options)) {
@@ -3937,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\n    <mat-spinner *ngIf=\"searching\"\n                 class=\"mat-select-search-spinner\"\n                 diameter=\"16\">\n    </mat-spinner>\n\n    <button *ngIf=\"!hideClearSearchButton && value && !searching\"\n            mat-icon-button\n            aria-label=\"Clear\"\n            (click)=\"_reset(true)\"\n            class=\"mat-select-search-clear\">\n        <ng-content *ngIf=\"clearIcon; else defaultIcon\"\n                    select=\"[itssSelectSearchClear]\">\n        </ng-content>\n\n        <ng-template #defaultIcon>\n            <mat-icon [svgIcon]=\"closeSvgIcon\">\n                {{ !closeSvgIcon ? closeIcon : null }}\n            </mat-icon>\n        </ng-template>\n    </button>\n\n    <ng-content select=\".mat-select-search-custom-header-content\"> </ng-content>\n\n    <mat-divider> </mat-divider>\n</div>\n\n<div *ngIf=\"(_showNoEntriesFound$ | async) && !searching\"\n     class=\"mat-select-search-no-entries-found\">\n    <ng-content *ngIf=\"noEntriesFound; else defaultNoEntriesFound\"\n                select=\"[itssSelectNoEntriesFound]\">\n    </ng-content>\n\n    <ng-template #defaultNoEntriesFound>\n        {{ noEntriesFoundLabel }}\n    </ng-template>\n</div>\n",
+        template: "<!-- Espa\u00E7o reservado para ajustar o deslocamento vertical dos elementos mat-option -->\n<input matInput\n       class=\"mat-select-search-input mat-select-search-hidden\" />\n\n<!-- Note: o mat-datepicker-content mat-tab-header \u00E9 necess\u00E1rio para herdar as cores do tema do material, consulte PR n\u00BA 22 -->\n<div #innerSelectSearch\n     class=\"mat-select-search-inner mat-typography mat-datepicker-content mat-tab-header\"\n     [ngClass]=\"{'mat-select-search-inner-multiple': matSelect.multiple, 'mat-select-search-inner-toggle-all': _isToggleAllCheckboxVisible() }\">\n\n    <mat-checkbox *ngIf=\"_isToggleAllCheckboxVisible()\"\n                  class=\"mat-select-search-toggle-all-checkbox\"\n                  color=\"primary\"\n                  [color]=\"matFormField?.color\"\n                  [disabled]=\"searching\"\n                  [matTooltip]=\"toggleAllCheckboxTooltipMessage\"\n                  matTooltipClass=\"ngx-mat-select-search-toggle-all-tooltip\"\n                  [matTooltipPosition]=\"toggleAllCheckboxTooltipPosition\"\n                  [(ngModel)]=\"toggleAllCheckboxChecked\"\n                  [(indeterminate)]=\"toggleAllCheckboxIndeterminate\">\n    </mat-checkbox>\n\n    <input class=\"mat-select-search-input mat-input-element\"\n           autocomplete=\"off\"\n           [type]=\"type\"\n           [formControl]=\"_formControl\"\n           #searchSelectInput\n           (keydown)=\"_handleKeydown($event)\"\n           (keyup)=\"_handleKeyup($event)\"\n           (blur)=\"onBlur()\"\n           [placeholder]=\"placeholderLabel\"\n           [attr.aria-label]=\"ariaLabel\"\n           aria-hidden=\"false\">\n\n    <mat-spinner *ngIf=\"searching\"\n                 class=\"mat-select-search-spinner\"\n                 diameter=\"16\">\n    </mat-spinner>\n\n    <button *ngIf=\"!hideClearSearchButton && value && !searching\"\n            mat-icon-button\n            aria-label=\"Clear\"\n            (click)=\"_reset(true)\"\n            class=\"mat-select-search-clear\">\n        <ng-content *ngIf=\"clearIcon; else defaultIcon\"\n                    select=\"[itssSelectSearchClear]\">\n        </ng-content>\n\n        <ng-template #defaultIcon>\n            <mat-icon [svgIcon]=\"closeSvgIcon\">\n                {{ !closeSvgIcon ? closeIcon : null }}\n            </mat-icon>\n        </ng-template>\n    </button>\n\n    <ng-content select=\".mat-select-search-custom-header-content\"> </ng-content>\n\n    <mat-divider> </mat-divider>\n</div>\n\n<div *ngIf=\"(_showNoEntriesFound$ | async) && !searching\"\n     class=\"mat-select-search-no-entries-found\">\n    <ng-content *ngIf=\"noEntriesFound; else defaultNoEntriesFound\"\n                select=\"[itssSelectNoEntriesFound]\">\n    </ng-content>\n\n    <ng-template #defaultNoEntriesFound>\n        {{ noEntriesFoundLabel }}\n    </ng-template>\n</div>",
         providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -3959,6 +3974,7 @@ SelectSearchComponent = SelectSearchComponent_1 = __decorate([
         MatFormField, Object])
 ], SelectSearchComponent);
 
+const cloneDeep$1 = rfdc_();
 /** @dynamic */
 class ArrayUtil {
     static isEmpty(value) {
@@ -3968,7 +3984,7 @@ class ArrayUtil {
         if (ObjectUtil.isNull(value)) {
             return new Array();
         }
-        return [...value];
+        return cloneDeep$1(value);
     }
     /**
      * Função para realizar ordenação de Array de objetos
@@ -4616,214 +4632,25 @@ StepperComponent = StepperComponent_1 = __decorate([
     })
 ], StepperComponent);
 
-let TabComponent = class TabComponent {
-    constructor() {
-        this.active = false;
-        this.closeable = false;
-        this.disabled = false;
-        this.selectionChange = new EventEmitter();
-    }
-    ngOnInit() {
-    }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", Number)
-], TabComponent.prototype, "index", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], TabComponent.prototype, "label", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], TabComponent.prototype, "active", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", TemplateRef)
-], TabComponent.prototype, "template", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], TabComponent.prototype, "closeable", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], TabComponent.prototype, "disabled", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], TabComponent.prototype, "data", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], TabComponent.prototype, "icon", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", Object)
-], TabComponent.prototype, "selectionChange", void 0);
-TabComponent = __decorate([
-    Component({
-        selector: 'itss-tab',
-        template: "<div *ngIf=\"active\">\n    <ng-content></ng-content>\n    <ng-container *ngIf=\"template\"\n                  [ngTemplateOutlet]=\"template\"\n                  [ngTemplateOutletContext]=\"{$implicit: data}\">\n    </ng-container>\n</div>\n",
-        styles: [""]
-    })
-], TabComponent);
-
-let DynamicTabDirective = class DynamicTabDirective {
-    constructor(viewContainer) {
-        this.viewContainer = viewContainer;
-    }
-};
-DynamicTabDirective.ctorParameters = () => [
-    { type: ViewContainerRef }
-];
-DynamicTabDirective = __decorate([
-    Directive({
-        selector: '[dynamicTab]'
-    }),
-    __metadata("design:paramtypes", [ViewContainerRef])
-], DynamicTabDirective);
-
-class TabDTO extends AbstractDTO {
-    constructor() {
-        super(...arguments);
-        this.active = false;
-        this.closeable = false;
-        this.disabled = false;
-    }
-}
-
-let TabGroupComponent = class TabGroupComponent {
-    constructor(_componentFactoryResolver) {
-        this._componentFactoryResolver = _componentFactoryResolver;
-        this.dynamicTabs = [];
-    }
-    ngOnInit() {
+/**
+ * Throttle a function
+ */
+function throttle(func, wait, options) {
+    options = options || {};
+    let context;
+    let args;
+    let result;
+    let timeout = null;
+    let previous = 0;
+    function later() {
+        previous = options.leading === false ? 0 : +new Date();
+        timeout = null;
+        result = func.apply(context, args);
     }
-    ngAfterContentInit() {
-        const activeTabs = this.tabs.filter(tab => tab.active);
-        if (activeTabs.length === 0 && this.tabs.length > 0) {
-            this.selectTab(this.tabs.first);
-        }
-    }
-    openTab(label, template, data, closeable = false, disabled = false, action) {
-        const tab = new TabDTO();
-        tab.label = label;
-        tab.template = template;
-        tab.data = data;
-        tab.closeable = closeable;
-        tab.disabled = disabled;
-        tab.action = action;
-        this.openTabs(Array(tab));
-    }
-    openTabs(tabs) {
-        const tabsComponent = tabs.map(tab => this.getTabComponent(tab.label, tab.template, tab.data, tab.closeable, tab.disabled, tab.action));
-        this.dynamicTabs.push(...tabsComponent);
-        this.selectTab(this.dynamicTabs[0]);
-    }
-    getTabComponent(label, template, data, closeable = false, disabled = false, action) {
-        const componentFactory = this._componentFactoryResolver.resolveComponentFactory(TabComponent);
-        const componentRef = this.dynamicTabPlaceholder.viewContainer.createComponent(componentFactory);
-        const instance = componentRef.instance;
-        instance.label = label;
-        instance.template = template;
-        instance.data = data;
-        instance.closeable = closeable;
-        instance.disabled = disabled;
-        instance.action = action;
-        return componentRef.instance;
-    }
-    selectTab(tab) {
-        this.tabs.toArray().forEach(t => (t.active = false));
-        this.dynamicTabs.forEach(t => (t.active = false));
-        tab.active = true;
-        tab.selectionChange.emit();
-        if (tab.action) {
-            tab.action(tab.data);
-        }
-    }
-    closeTab(tab) {
-        const index = this.dynamicTabs.indexOf(tab);
-        this.dynamicTabs.splice(index, 1);
-        const viewContainerRef = this.dynamicTabPlaceholder.viewContainer;
-        viewContainerRef.remove(index);
-        if (this.tabs.length > 0) {
-            this.selectTab(this.tabs.first);
-        }
-    }
-    closeActiveTab() {
-        const activeTabs = this.dynamicTabs.filter(tab => tab.active);
-        if (activeTabs.length > 0) {
-            this.closeTab(activeTabs[0]);
-        }
-    }
-    closeAllTabs() {
-        const tabs = Object.assign([], this.dynamicTabs);
-        if (tabs.length > 0) {
-            tabs.forEach(tab => this.closeTab(tab));
-        }
-    }
-    nextTab() {
-        const currentTab = this.tabs.toArray().find(tab => tab.active);
-        const nextTab = this.tabs.toArray()[this.tabs.toArray().indexOf(currentTab) + 1];
-        if (nextTab != null) {
-            this.tabs.toArray().forEach(t => (t.active = false));
-            this.dynamicTabs.forEach(t => (t.active = false));
-            nextTab.active = true;
-            nextTab.selectionChange.emit();
-        }
-    }
-    previousTab() {
-        const currentTab = this.tabs.toArray().find(tab => tab.active);
-        const previousTab = this.tabs.toArray()[this.tabs.toArray().indexOf(currentTab) - 1];
-        if (previousTab != null) {
-            this.tabs.toArray().forEach(t => (t.active = false));
-            this.dynamicTabs.forEach(t => (t.active = false));
-            previousTab.active = true;
-            previousTab.selectionChange.emit();
-        }
-    }
-};
-TabGroupComponent.ctorParameters = () => [
-    { type: ComponentFactoryResolver }
-];
-__decorate([
-    ContentChildren(TabComponent),
-    __metadata("design:type", QueryList)
-], TabGroupComponent.prototype, "tabs", void 0);
-__decorate([
-    ViewChild(DynamicTabDirective, { static: false }),
-    __metadata("design:type", DynamicTabDirective)
-], TabGroupComponent.prototype, "dynamicTabPlaceholder", void 0);
-TabGroupComponent = __decorate([
-    Component({
-        selector: 'itss-tab-group',
-        template: "<nav mat-tab-nav-bar>\n    <a mat-tab-link\n       *ngFor=\"let tab of tabs\"\n       (click)=\"selectTab(tab)\"\n       [class.active]=\"tab.active\"\n       [disabled]=\"tab.disabled\">\n        <div mat-card-avatar\n             *ngIf=\"tab.icon\">\n            <mat-icon>{{ tab.icon }}</mat-icon>\n        </div>\n\n        {{ tab.label }}\n    </a>\n\n    <a mat-tab-link\n       *ngFor=\"let tab of dynamicTabs\"\n       (click)=\"selectTab(tab)\"\n       [class.active]=\"tab.active\"\n       [disabled]=\"tab.disabled\">\n        <div mat-card-avatar\n             *ngIf=\"tab.icon\">\n            <mat-icon>{{ tab.icon }}</mat-icon>\n        </div>\n\n        {{ tab.label }}\n    </a>\n</nav>\n\n<ng-content></ng-content>\n<ng-template dynamicTab\n             #container></ng-template>\n",
-        styles: [""]
-    }),
-    __metadata("design:paramtypes", [ComponentFactoryResolver])
-], TabGroupComponent);
-
-/**
- * Throttle a function
- */
-function throttle(func, wait, options) {
-    options = options || {};
-    let context;
-    let args;
-    let result;
-    let timeout = null;
-    let previous = 0;
-    function later() {
-        previous = options.leading === false ? 0 : +new Date();
-        timeout = null;
-        result = func.apply(context, args);
-    }
-    return function () {
-        const now = +new Date();
-        if (!previous && options.leading === false) {
-            previous = now;
+    return function () {
+        const now = +new Date();
+        if (!previous && options.leading === false) {
+            previous = now;
         }
         const remaining = wait - (now - previous);
         context = this;
@@ -6577,7 +6404,7 @@ let GIPIColDirective = class GIPIColDirective {
         this._destroy$.complete();
     }
     _setHostClassMap() {
-        const hostClassMap = Object.assign({ ['grid-col']: true, [`grid-col-${this.GIPISpan}`]: ObjectUtil.isNotNil(this.GIPISpan), [`grid-col-order-${this.GIPIOrder}`]: ObjectUtil.isNotNil(this.GIPIOrder), [`grid-col-offset-${this.GIPIOffset}`]: ObjectUtil.isNotNil(this.GIPIOffset), [`grid-col-pull-${this.GIPIPull}`]: ObjectUtil.isNotNil(this.GIPIPull), [`grid-col-push-${this.GIPIPush}`]: ObjectUtil.isNotNil(this.GIPIPush) }, this._generateClass());
+        const hostClassMap = Object.assign({ ['grid-col']: true, [`grid-col-${this.GIPISpan}`]: !ObjectUtil.isNull(this.GIPISpan), [`grid-col-order-${this.GIPIOrder}`]: !ObjectUtil.isNull(this.GIPIOrder), [`grid-col-offset-${this.GIPIOffset}`]: !ObjectUtil.isNull(this.GIPIOffset), [`grid-col-pull-${this.GIPIPull}`]: !ObjectUtil.isNull(this.GIPIPull), [`grid-col-push-${this.GIPIPush}`]: !ObjectUtil.isNull(this.GIPIPush) }, this._generateClass());
         for (const i in this._classMap) {
             if (this._classMap.hasOwnProperty(i)) {
                 this.renderer.removeClass(this.elementRef.nativeElement, i);
@@ -6609,7 +6436,7 @@ let GIPIColDirective = class GIPIColDirective {
         const listClassMap = {};
         listOfSizeInputName.forEach(name => {
             const sizeName = name.replace('GIPI', '').toLowerCase();
-            if (ObjectUtil.isNotNil(this[name])) {
+            if (!ObjectUtil.isNull(this[name])) {
                 if (typeof this[name] === 'number' || typeof this[name] === 'string') {
                     listClassMap[`grid-col-${sizeName}-${this[name]}`] = true;
                 }
@@ -6618,7 +6445,7 @@ let GIPIColDirective = class GIPIColDirective {
                     const prefixArray = ['span', 'pull', 'push', 'offset', 'order'];
                     prefixArray.forEach(prefix => {
                         const prefixClass = prefix === 'span' ? '-' : `-${prefix}-`;
-                        listClassMap[`grid-col-${sizeName}${prefixClass}${embedded[prefix]}`] = embedded && ObjectUtil.isNotNil(embedded[prefix]);
+                        listClassMap[`grid-col-${sizeName}${prefixClass}${embedded[prefix]}`] = embedded && !ObjectUtil.isNull(embedded[prefix]);
                     });
                 }
             }
@@ -7019,6 +6846,21 @@ GIPIPaginationControlsDirective = __decorate([
         ChangeDetectorRef])
 ], GIPIPaginationControlsDirective);
 
+let GIPIDynamicTabDirective = class GIPIDynamicTabDirective {
+    constructor(viewContainer) {
+        this.viewContainer = viewContainer;
+    }
+};
+GIPIDynamicTabDirective.ctorParameters = () => [
+    { type: ViewContainerRef }
+];
+GIPIDynamicTabDirective = __decorate([
+    Directive({
+        selector: '[GIPIDynamicTab]'
+    }),
+    __metadata("design:paramtypes", [ViewContainerRef])
+], GIPIDynamicTabDirective);
+
 let GIPITemplateDirective = class GIPITemplateDirective {
     constructor(template) {
         this.template = template;
@@ -7290,7 +7132,7 @@ GIPIAbstractFormComponent = GIPIAbstractFormComponent_1 = __decorate([
     Component({
         selector: `gipi-abstract-form`,
         exportAs: 'gipiAbstractForm',
-        template: "<div [style.flex-direction]=\"flexDirection\"\n     [style.align-items]=\"alignItems\"\n     [style.justify-content]=\"justifyContent\"\n     [style.gap]=\"getGap\"\n     [style.padding]=\"getPadding\"\n     class=\"form-content\"\n     [class.space-bottom]=\"!dialog\"\n     [class.form-dialog]=\"dialog\">\n    <ng-content> </ng-content>\n</div>\n<div class=\"form-footer\"\n     [style.margin-inline]=\"getPadding\"\n     *ngIf=\"GIPIActionRowComponent\">\n    <ng-content select=\"gipi-action-row\"> </ng-content>\n</div>",
+        template: "<div class=\"form-content\"\n     [class.form-dialog]=\"dialog\"\n     [class.space-bottom]=\"!dialog\"\n     [style.flex-direction]=\"flexDirection\"\n     [style.align-items]=\"alignItems\"\n     [style.justify-content]=\"justifyContent\"\n     [style.gap]=\"getGap\"\n     [style.padding]=\"getPadding\">\n    <ng-content> </ng-content>\n</div>\n<div class=\"form-footer\"\n     [style.margin-inline]=\"getPadding\"\n     *ngIf=\"GIPIActionRowComponent\">\n    <ng-content select=\"gipi-action-row\"> </ng-content>\n</div>",
         providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -8184,7 +8026,7 @@ let GIPIPopoverTrigger = class GIPIPopoverTrigger {
     _subscribeToBackdrop() {
         if (this._overlayRef) {
             /** Only subscribe to backdrop if trigger event is click */
-            if (this.triggerEvent === 'click' && this.backdropCloseOnClick === true) {
+            if (this.triggerEvent !== 'hover' && this.backdropCloseOnClick) {
                 this._overlayRef.backdropClick()
                     .pipe(takeUntil(this.popoverClosed), takeUntil(this._onDestroy))
                     .subscribe(() => {
@@ -8267,8 +8109,8 @@ let GIPIPopoverTrigger = class GIPIPopoverTrigger {
     _getOverlayConfig() {
         const overlayState = new OverlayConfig();
         overlayState.positionStrategy = this._getPosition();
-        /** Display overlay backdrop if trigger event is click */
-        if (this.triggerEvent === 'click') {
+        /** Display overlay backdrop if trigger event is different of hover */
+        if (this.triggerEvent !== 'hover') {
             overlayState.hasBackdrop = true;
             overlayState.backdropClass = 'cdk-overlay-transparent-backdrop';
         }
@@ -8555,6 +8397,22 @@ let GIPIButtonComponent = GIPIButtonComponent_1 = class GIPIButtonComponent {
         this.onFocus = new EventEmitter(true);
         this.onBlur = new EventEmitter(true);
     }
+    get internalButtonClass() {
+        return {
+            'button-base': true,
+            'button-primary': (this.isButtonPrimary || this.isButtonPrimaryIcon),
+            'button-primary-icon': this.isButtonPrimaryIcon,
+            'button-secondary': (this.isButtonSecondary || this.isButtonSecondaryIcon),
+            'button-secondary-icon': this.isButtonSecondaryIcon,
+            'button-tertiary': (this.isButtonTertiary || this.isButtonTertiaryIcon),
+            'button-tertiary-icon': this.isButtonTertiaryIcon,
+            'button-link': this.isButtonLink,
+            'button-only-icon': this.isButtonIcon,
+            'button-for-input': this.isForInput,
+            'button-notification': this.notification,
+            'button-action': this.isButtonAction
+        };
+    }
     ngOnInit() { }
     ngOnDestroy() {
         if (this.popoverTrigger) {
@@ -8750,7 +8608,7 @@ GIPIButtonComponent = GIPIButtonComponent_1 = __decorate([
         selector: `gipi-button[gipi-primary], gipi-button[gipi-primary-icon], gipi-button[gipi-secondary], gipi-button[gipi-secondary-icon],
                gipi-button[gipi-tertiary], gipi-button[gipi-link], gipi-button[gipi-icon], gipi-button[gipi-action]`,
         exportAs: 'gipiButton',
-        template: "<button [attr.id]=\"id\"\n        [attr.name]=\"name\"\n        [attr.type]=\"type\"\n        [attr.aria-label]=\"ariaLabel ? ariaLabel : label\"\n        [attr.title]=\"title ? title : label\"\n        [disabled]=\"disabled || loading\"\n        [matTooltip]=\"tooltip\"\n        role=\"button\"\n        [class]=\"buttonClass\"\n        [ngClass]=\"{'button-base': true,\n                    'button-primary': (isButtonPrimary || isButtonPrimaryIcon),\n                    'button-primary-icon': isButtonPrimaryIcon,\n                    'button-secondary': (isButtonSecondary || isButtonSecondaryIcon),\n                    'button-secondary-icon': isButtonSecondaryIcon,\n                    'button-tertiary': (isButtonTertiary || isButtonTertiaryIcon),\n                    'button-tertiary-icon': isButtonTertiaryIcon,\n                    'button-link': isButtonLink,\n                    'button-only-icon': isButtonIcon,\n                    'button-for-input': isForInput,\n                    'button-notification': notification,\n                    'button-action': isButtonAction}\"\n        [style.padding.px]=\"buttonPadding\"\n        #popoverTrigger=\"popoverTrigger\"\n        [popoverTriggerFor]=\"btnPopover\"\n        [popoverTriggerOn]=\"popover ? 'click' : 'none'\"\n        [popoverBackdropCloseOnClick]=\"true\"\n        (opened)=\"onOpenPopover.emit()\"\n        (closed)=\"onClosePopover.emit()\"\n        (click)=\"handleClick($event)\"\n        (focus)=\"handleFocus($event)\"\n        (blur)=\"handleBlur($event)\">\n\n    <span [ngClass]=\"{'button-content': true,\n                      'button-disabled': disabled,\n                      'button-icon-left': ((iconPos === 'left') && label),\n                      'button-icon-right': ((iconPos === 'right') && label),\n                      'button-icon-top': ((iconPos === 'top') && label),\n                      'button-icon-bottom': ((iconPos === 'bottom') && label),\n                      'button-icon-center': (iconPos === 'center')}\">\n\n        <mat-icon *ngIf=\"svgIcon || icon\"\n                  [svgIcon]=\"svgIcon\"\n                  [style.width.px]=\"iconWidth\"\n                  [style.height.px]=\"iconHeight\">\n            {{ (!svgIcon && icon) ? icon : '' }}\n        </mat-icon>\n\n        <span class=\"button-label\"\n              [attr.aria-hidden]=\"(icon || svgIcon) && !label\"\n              *ngIf=\"!isButtonIcon && label\">\n            {{ label }}\n        </span>\n    </span>\n\n</button>\n<gipi-overlay *ngIf=\"overlay && !popover\"\n              [(visible)]=\"_overlayVisible\"\n              [appendTo]=\"'body'\"\n              (onShow)=\"onShowOverlay.emit()\">\n    <ng-content> </ng-content>\n</gipi-overlay>\n\n<gipi-popover #btnPopover=\"gipiPopover\"\n              [popoverOverlapTrigger]=\"false\"\n              [popoverCloseOnClick]=\"false\"\n              [popoverArrowWidth]=\"0\"\n              [popoverOffsetY]=\"3\">\n    <div class=\"btn-popover-content\">\n        <ng-content> </ng-content>\n    </div>\n</gipi-popover>",
+        template: "<button [attr.id]=\"id\"\n        [attr.name]=\"name\"\n        [attr.type]=\"type\"\n        [attr.aria-label]=\"ariaLabel ? ariaLabel : label\"\n        [attr.title]=\"title ? title : label\"\n        [disabled]=\"disabled || loading\"\n        [matTooltip]=\"tooltip\"\n        role=\"button\"\n        [class]=\"buttonClass\"\n        [ngClass]=\"internalButtonClass\"\n        [style.padding.px]=\"buttonPadding\"\n        #popoverTrigger=\"popoverTrigger\"\n        [popoverTriggerFor]=\"btnPopover\"\n        [popoverTriggerOn]=\"popover ? 'click' : 'none'\"\n        [popoverBackdropCloseOnClick]=\"true\"\n        (opened)=\"onOpenPopover.emit()\"\n        (closed)=\"onClosePopover.emit()\"\n        (click)=\"handleClick($event)\"\n        (focus)=\"handleFocus($event)\"\n        (blur)=\"handleBlur($event)\">\n    <span [ngClass]=\"{'button-content': true,\n                      'button-disabled': disabled,\n                      'button-icon-left': ((iconPos === 'left') && label),\n                      'button-icon-right': ((iconPos === 'right') && label),\n                      'button-icon-top': ((iconPos === 'top') && label),\n                      'button-icon-bottom': ((iconPos === 'bottom') && label),\n                      'button-icon-center': (iconPos === 'center')}\">\n        <mat-icon *ngIf=\"svgIcon || icon\"\n                  [svgIcon]=\"svgIcon\"\n                  [style.width.px]=\"iconWidth\"\n                  [style.height.px]=\"iconHeight\"\n                  [style.font-size.px]=\"iconWidth || iconHeight\">\n            {{ (!svgIcon && icon) ? icon : '' }}\n        </mat-icon>\n\n        <span class=\"button-label\"\n              [attr.aria-hidden]=\"(icon || svgIcon) && !label\"\n              *ngIf=\"!isButtonIcon && label\">\n            {{ label }}\n        </span>\n    </span>\n</button>\n\n<gipi-overlay *ngIf=\"overlay && !popover\"\n              [(visible)]=\"_overlayVisible\"\n              [appendTo]=\"'body'\"\n              (onShow)=\"onShowOverlay.emit()\">\n    <ng-content> </ng-content>\n</gipi-overlay>\n\n<gipi-popover #btnPopover=\"gipiPopover\"\n              [popoverOverlapTrigger]=\"false\"\n              [popoverCloseOnClick]=\"false\"\n              [popoverArrowWidth]=\"0\"\n              [popoverOffsetY]=\"3\"\n              [fxHide]=\"!popover\">\n    <div class=\"btn-popover-content\">\n        <ng-content> </ng-content>\n    </div>\n</gipi-popover>",
         providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -8766,15 +8624,124 @@ GIPIButtonComponent = GIPIButtonComponent_1 = __decorate([
     __metadata("design:paramtypes", [ElementRef])
 ], GIPIButtonComponent);
 
+var GIPICardComponent_1;
+let nextUniqueId = 0;
+let GIPICardComponent = GIPICardComponent_1 = class GIPICardComponent {
+    constructor(elementRef, _changeDetectorRef) {
+        this.elementRef = elementRef;
+        this._changeDetectorRef = _changeDetectorRef;
+        this._uniqueId = `gipi-card-${++nextUniqueId}`;
+        this._id = '';
+        this._name = '';
+        this._loading = false;
+        this._shadow = true;
+        this._padding = true;
+    }
+    get id() {
+        return this._id;
+    }
+    set id(value) {
+        this._id = value || this._uniqueId;
+    }
+    get name() {
+        return this._name;
+    }
+    set name(value) {
+        this._name = value || this._uniqueId;
+    }
+    get loading() {
+        return this._loading;
+    }
+    set loading(value) {
+        if (value !== this.loading) {
+            this._loading = value;
+            this._changeDetectorRef.markForCheck();
+        }
+    }
+    get shadow() {
+        return this._shadow;
+    }
+    set shadow(value) {
+        if (value !== this.shadow) {
+            this._shadow = value;
+            this._changeDetectorRef.markForCheck();
+        }
+    }
+    get padding() {
+        return this._padding;
+    }
+    set padding(value) {
+        if (value !== this.padding) {
+            this._padding = value;
+            this._changeDetectorRef.markForCheck();
+        }
+    }
+    ngOnInit() { }
+};
+GIPICardComponent.ctorParameters = () => [
+    { type: ElementRef },
+    { type: ChangeDetectorRef }
+];
+__decorate([
+    Input(),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [String])
+], GIPICardComponent.prototype, "id", null);
+__decorate([
+    Input(),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [String])
+], GIPICardComponent.prototype, "name", null);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean),
+    __metadata("design:paramtypes", [Boolean])
+], GIPICardComponent.prototype, "loading", null);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean),
+    __metadata("design:paramtypes", [Boolean])
+], GIPICardComponent.prototype, "shadow", null);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean),
+    __metadata("design:paramtypes", [Boolean])
+], GIPICardComponent.prototype, "padding", null);
+GIPICardComponent = GIPICardComponent_1 = __decorate([
+    Component({
+        selector: 'gipi-card',
+        exportAs: 'gipiCard',
+        template: "<ng-content></ng-content>",
+        providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => GIPICardComponent_1),
+                multi: true
+            }
+        ],
+        host: {
+            'class': 'gipi-card',
+            '[attr.id]': 'id',
+            '[attr.name]': 'name',
+            '[class.shadow-none]': '!shadow',
+            '[class.padding-none]': '!padding',
+            '[class.loading]': 'loading',
+        },
+        styles: [":host{display:block;flex:1;border-radius:.2rem;box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084);padding:1.6rem}.padding-none{padding:0!important}.shadow-none{box-shadow:none!important}"]
+    }),
+    __metadata("design:paramtypes", [ElementRef,
+        ChangeDetectorRef])
+], GIPICardComponent);
+
 var GIPIChipsComponent_1;
 class RemoveChange {
 }
-let nextUniqueId = 0;
+let nextUniqueId$1 = 0;
 let GIPIChipsComponent = GIPIChipsComponent_1 = class GIPIChipsComponent {
     constructor(_changeDetectorRef, elementRef) {
         this._changeDetectorRef = _changeDetectorRef;
         this.elementRef = elementRef;
-        this._name = `gipi-chips-${nextUniqueId++}`;
+        this._name = `gipi-chips-${nextUniqueId$1++}`;
         this.id = this._name;
         this.name = this._name;
         this.label = 'Selecionados';
@@ -8956,12 +8923,12 @@ GIPIConfirmationDialogComponent = GIPIConfirmationDialogComponent_1 = __decorate
 ], GIPIConfirmationDialogComponent);
 
 var GIPIDropdownMenuComponent_1;
-let nextUniqueId$1 = 0;
+let nextUniqueId$2 = 0;
 let GIPIDropdownMenuComponent = GIPIDropdownMenuComponent_1 = class GIPIDropdownMenuComponent {
     constructor(_changeDetectorRef, elementRef) {
         this._changeDetectorRef = _changeDetectorRef;
         this.elementRef = elementRef;
-        this._name = `gipi-dropdown-menu-${nextUniqueId$1++}`;
+        this._name = `gipi-dropdown-menu-${nextUniqueId$2++}`;
         this.id = this._name;
         this.name = this._name;
         this.label = '';
@@ -9135,6 +9102,32 @@ GIPIDropdownMenuComponent = GIPIDropdownMenuComponent_1 = __decorate([
         ElementRef])
 ], GIPIDropdownMenuComponent);
 
+var GIPIEmptyStateComponent_1;
+let GIPIEmptyStateComponent = GIPIEmptyStateComponent_1 = class GIPIEmptyStateComponent {
+    constructor() { }
+    ngOnInit() { }
+};
+GIPIEmptyStateComponent = GIPIEmptyStateComponent_1 = __decorate([
+    Component({
+        selector: 'gipi-empty-state',
+        exportAs: 'gipiEmptyState',
+        template: "<mat-icon>sentiment_very_dissatisfied</mat-icon>\nNenhum registro foi encontrado",
+        providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => GIPIEmptyStateComponent_1),
+                multi: true
+            }
+        ],
+        host: {
+            'class': 'gipi-empty-state',
+        },
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        styles: [":host{display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:1.4rem;font-weight:600;color:#131313;padding:2.4rem 0}:host>mat-icon{font-size:3.2rem;height:3.2rem;width:3.2rem;margin-bottom:5px}"]
+    }),
+    __metadata("design:paramtypes", [])
+], GIPIEmptyStateComponent);
+
 var GIPIExpansionPanelComponent_1;
 let GIPIExpansionPanelComponent = GIPIExpansionPanelComponent_1 = class GIPIExpansionPanelComponent {
     constructor(elementRef, _changeDetectorRef) {
@@ -9516,12 +9509,12 @@ GIPIFooterComponent = GIPIFooterComponent_1 = __decorate([
 ], GIPIFooterComponent);
 
 var GIPIFormFieldComponent_1;
-let nextUniqueId$2 = 0;
+let nextUniqueId$3 = 0;
 let GIPIFormFieldComponent = GIPIFormFieldComponent_1 = class GIPIFormFieldComponent {
     constructor(_changeDetectorRef, elementRef) {
         this._changeDetectorRef = _changeDetectorRef;
         this.elementRef = elementRef;
-        this._name = `gipi-form-field-${nextUniqueId$2++}`;
+        this._name = `gipi-form-field-${nextUniqueId$3++}`;
         this.id = this._name;
         this.name = this._name;
         this.label = '';
@@ -9773,12 +9766,12 @@ GIPIFormFieldComponent = GIPIFormFieldComponent_1 = __decorate([
 ], GIPIFormFieldComponent);
 
 var GIPIHelpfulTipComponent_1;
-let nextUniqueId$3 = 0;
+let nextUniqueId$4 = 0;
 let GIPIHelpfulTipComponent = GIPIHelpfulTipComponent_1 = class GIPIHelpfulTipComponent {
     constructor(_changeDetectorRef, elementRef) {
         this._changeDetectorRef = _changeDetectorRef;
         this.elementRef = elementRef;
-        this._name = `gipi-form-field-${nextUniqueId$3++}`;
+        this._name = `gipi-form-field-${nextUniqueId$4++}`;
         this.id = this._name;
         this.name = this._name;
         this._tooltip = '';
@@ -9831,11 +9824,11 @@ GIPIHelpfulTipComponent = GIPIHelpfulTipComponent_1 = __decorate([
 ], GIPIHelpfulTipComponent);
 
 var GIPIInputCheckboxComponent_1;
-let nextUniqueId$4 = 0;
+let nextUniqueId$5 = 0;
 let GIPIInputCheckboxComponent = GIPIInputCheckboxComponent_1 = class GIPIInputCheckboxComponent {
     constructor(_changeDetectorRef) {
         this._changeDetectorRef = _changeDetectorRef;
-        this._name = `gipi-input-checkbox-${nextUniqueId$4++}`;
+        this._name = `gipi-input-checkbox-${nextUniqueId$5++}`;
         this.id = this._name;
         this.name = this._name;
         this.disabled = false;
@@ -9939,12 +9932,12 @@ GIPIInputCheckboxComponent = GIPIInputCheckboxComponent_1 = __decorate([
 ], GIPIInputCheckboxComponent);
 
 var GIPIInputCurrencyComponent_1;
-let nextUniqueId$5 = 0;
+let nextUniqueId$6 = 0;
 let GIPIInputCurrencyComponent = GIPIInputCurrencyComponent_1 = class GIPIInputCurrencyComponent {
     constructor(_changeDetectorRef, elementRef) {
         this._changeDetectorRef = _changeDetectorRef;
         this.elementRef = elementRef;
-        this._name = `gipi-input-currency-${nextUniqueId$5++}`;
+        this._name = `gipi-input-currency-${nextUniqueId$6++}`;
         this.id = this._name;
         this.name = this._name;
         this.placeholder = '';
@@ -10132,12 +10125,12 @@ GIPIInputCurrencyComponent = GIPIInputCurrencyComponent_1 = __decorate([
 
 var GIPIInputMonthPickerComponent_1;
 const yearsPerPage = 24;
-let nextUniqueId$6 = 0;
+let nextUniqueId$7 = 0;
 let GIPIInputMonthPickerComponent = GIPIInputMonthPickerComponent_1 = class GIPIInputMonthPickerComponent {
     constructor(_changeDetectorRef, _config) {
         this._changeDetectorRef = _changeDetectorRef;
         this._config = _config;
-        this._name = `gipi-input-monthpicker-${nextUniqueId$6++}`;
+        this._name = `gipi-input-monthpicker-${nextUniqueId$7++}`;
         this._yearArrays = [];
         this._now = new Date();
         this._currentMonth = this._now.getMonth();
@@ -10533,14 +10526,14 @@ GIPIInputMonthPickerComponent = GIPIInputMonthPickerComponent_1 = __decorate([
 ], GIPIInputMonthPickerComponent);
 
 var GIPIInputSelectEnumComponent_1;
-let nextUniqueId$7 = 0;
+let nextUniqueId$8 = 0;
 /** A altura dos itens selecionados em unidades `px`. */
 const OPTION_HEIGHT_PX = 40;
 let GIPIInputSelectEnumComponent = GIPIInputSelectEnumComponent_1 = class GIPIInputSelectEnumComponent {
     constructor(elementRef, _changeDetectorRef) {
         this.elementRef = elementRef;
         this._changeDetectorRef = _changeDetectorRef;
-        this._name = `gipi-input-select-enum-${nextUniqueId$7++}`;
+        this._name = `gipi-input-select-enum-${nextUniqueId$8++}`;
         this._enumList = [];
         this._itemSizeScrollViewport = 5;
         this._lastOptionSelected = null;
@@ -11415,11 +11408,11 @@ GIPIOverlayComponent = GIPIOverlayComponent_1 = __decorate([
 var GIPIInputSelectComponent_1;
 /** A altura dos itens selecionados em unidades `px`. */
 const OPTION_HEIGHT_PX$1 = 44;
-let nextUniqueId$8 = 0;
+let nextUniqueId$9 = 0;
 let GIPIInputSelectComponent = GIPIInputSelectComponent_1 = class GIPIInputSelectComponent {
     constructor(_changeDetectorRef) {
         this._changeDetectorRef = _changeDetectorRef;
-        this._name = `gipi-input-select-${nextUniqueId$8++}`;
+        this._name = `gipi-input-select-${nextUniqueId$9++}`;
         this._onDestroy = new Subject();
         this._itemSizeScrollViewport = 5;
         this._overlayVisible = false;
@@ -12060,13 +12053,13 @@ GIPIInputSelectComponent = GIPIInputSelectComponent_1 = __decorate([
 ], GIPIInputSelectComponent);
 
 var GIPIInputSelectListboxComponent_1;
-let nextUniqueId$9 = 0;
+let nextUniqueId$a = 0;
 let GIPIInputSelectListboxComponent = GIPIInputSelectListboxComponent_1 = class GIPIInputSelectListboxComponent {
     constructor(_changeDetectorRef, _elementRef, _renderer) {
         this._changeDetectorRef = _changeDetectorRef;
         this._elementRef = _elementRef;
         this._renderer = _renderer;
-        this._name = `gipi-input-select-listbox-${nextUniqueId$9++}`;
+        this._name = `gipi-input-select-listbox-${nextUniqueId$a++}`;
         this._isOverlayChildrenClicked = false;
         this._overlayVisible = false;
         this._selectEntityOpened = false;
@@ -12812,7 +12805,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           autocomplete=\"off\"\n           type=\"text\"\n           #searchSelectInput\n           [placeholder]=\"placeholderLabel\"\n           [formControl]=\"_formControl\"\n           (keydown)=\"_handleKeydown($event)\"\n           (keyup)=\"_handleKeyup($event)\"\n           (blur)=\"onBlur()\">\n\n    <mat-spinner *ngIf=\"searching\"\n                 class=\"mat-select-search-spinner\"\n                 diameter=\"16\">\n    </mat-spinner>\n\n    <button *ngIf=\"!hideClearSearchButton && value && !searching\"\n            class=\"mat-select-search-clear\"\n            aria-label=\"Limpar\"\n            mat-icon-button\n            (click)=\"_reset(true)\">\n        <mat-icon> close </mat-icon>\n    </button>\n\n    <mat-divider> </mat-divider>\n</div>\n\n<div *ngIf=\"(_showNoEntriesFound$ | async) && !searching\"\n     class=\"mat-select-search-no-entries-found\">\n    <mat-icon>sentiment_very_dissatisfied</mat-icon>\n    Nenhum registro foi encontrado\n</div>",
+        template: "<!-- Espa\u00E7o reservado para ajustar o deslocamento vertical dos elementos mat-option -->\n<input matInput\n       class=\"mat-select-search-input mat-select-search-hidden\" />\n\n<!-- Note: o mat-datepicker-content mat-tab-header \u00E9 necess\u00E1rio para herdar as cores do tema do material, consulte PR n\u00BA 22 -->\n<div #innerSelectSearch\n     class=\"mat-select-search-inner mat-typography mat-datepicker-content mat-tab-header\">\n\n    <input class=\"mat-select-search-input mat-input-element\"\n           aria-label=\"Pesquisa suspensa\"\n           aria-hidden=\"false\"\n           autocomplete=\"off\"\n           type=\"text\"\n           #searchSelectInput\n           [placeholder]=\"placeholderLabel\"\n           [formControl]=\"_formControl\"\n           (keydown)=\"_handleKeydown($event)\"\n           (keyup)=\"_handleKeyup($event)\"\n           (blur)=\"onBlur()\">\n\n    <mat-spinner *ngIf=\"searching\"\n                 class=\"mat-select-search-spinner\"\n                 diameter=\"16\">\n    </mat-spinner>\n\n    <button *ngIf=\"!hideClearSearchButton && value && !searching\"\n            class=\"mat-select-search-clear\"\n            aria-label=\"Limpar\"\n            mat-icon-button\n            (click)=\"_reset(true)\">\n        <mat-icon> close </mat-icon>\n    </button>\n\n    <mat-divider> </mat-divider>\n</div>\n\n<div *ngIf=\"(_showNoEntriesFound$ | async) && !searching\"\n     class=\"mat-select-search-no-entries-found\">\n    <mat-icon>sentiment_very_dissatisfied</mat-icon>\n    Nenhum registro foi encontrado\n</div>",
         providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -12837,11 +12830,11 @@ GIPIInputSearchComponent = GIPIInputSearchComponent_1 = __decorate([
 ], GIPIInputSearchComponent);
 
 var GIPIInputSelectPagedComponent_1;
-let nextUniqueId$a = 0;
+let nextUniqueId$b = 0;
 let GIPIInputSelectPagedComponent = GIPIInputSelectPagedComponent_1 = class GIPIInputSelectPagedComponent {
     constructor(_changeDetectorRef) {
         this._changeDetectorRef = _changeDetectorRef;
-        this._name = `gipi-input-select-paged-${nextUniqueId$a++}`;
+        this._name = `gipi-input-select-paged-${nextUniqueId$b++}`;
         this.valueSearchCtrl = new FormControl('');
         this.totalOptions = 0;
         this.subscriptions = [];
@@ -13179,12 +13172,12 @@ GIPIInputSelectPagedComponent = GIPIInputSelectPagedComponent_1 = __decorate([
 ], GIPIInputSelectPagedComponent);
 
 var GIPIInputSelectRadioComponent_1;
-let nextUniqueId$b = 0;
+let nextUniqueId$c = 0;
 let GIPIInputSelectRadioComponent = GIPIInputSelectRadioComponent_1 = class GIPIInputSelectRadioComponent {
     constructor(elementRef, _changeDetectorRef) {
         this.elementRef = elementRef;
         this._changeDetectorRef = _changeDetectorRef;
-        this._name = `gipi-input-select-radio-${nextUniqueId$b++}`;
+        this._name = `gipi-input-select-radio-${nextUniqueId$c++}`;
         this._enumList = [];
         this.id = this._name;
         this.name = this._name;
@@ -13447,6 +13440,7 @@ let GIPINotificationComponent = GIPINotificationComponent_1 = class GIPINotifica
         this.iconHeight = 24;
         this.icon = null;
         this.svgIcon = null;
+        this.notification = false;
         this.onShowOverlay = new EventEmitter();
         this.onClick = new EventEmitter();
         this.onFocus = new EventEmitter();
@@ -13502,6 +13496,10 @@ __decorate([
     Input(),
     __metadata("design:type", String)
 ], GIPINotificationComponent.prototype, "tooltip", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], GIPINotificationComponent.prototype, "notification", void 0);
 __decorate([
     Output(),
     __metadata("design:type", EventEmitter)
@@ -13522,7 +13520,7 @@ GIPINotificationComponent = GIPINotificationComponent_1 = __decorate([
     Component({
         selector: `gipi-notification`,
         exportAs: 'gipiNotification',
-        template: "<gipi-button gipi-icon\n             [id]=\"id\"\n             [name]=\"name\"\n             [ariaLabel]=\"ariaLabel\"\n             [buttonPadding]=\"buttonPadding\"\n             [iconWidth]=\"iconWidth\"\n             [iconHeight]=\"iconHeight\"\n             [icon]=\"icon\"\n             [svgIcon]=\"svgIcon\"\n             [disabled]=\"disabled\"\n             [loading]=\"loading\"\n             [tooltip]=\"tooltip\"\n             [popover]=\"true\"\n             [overlay]=\"false\"\n             (onShowOverlay)=\"onShowOverlay.emit()\"\n             (click)=\"onClick.emit($event)\"\n             (focus)=\"onFocus.emit($event)\"\n             (blur)=\"onBlur.emit($event)\">\n    <div role=\"menu\"\n         class=\"notification\">\n        <header>\n            <span role=\"text\">Notifica\u00E7\u00F5es</span>\n            <span role=\"button\">Apagar notifica\u00E7\u00F5es lidas</span>\n        </header>\n        <main>\n            Em breve\n        </main>\n        <footer>\n        </footer>\n    </div>\n</gipi-button>\n",
+        template: "<gipi-button gipi-icon\n             [id]=\"id\"\n             [name]=\"name\"\n             [ariaLabel]=\"ariaLabel\"\n             [buttonPadding]=\"buttonPadding\"\n             [iconWidth]=\"iconWidth\"\n             [iconHeight]=\"iconHeight\"\n             [icon]=\"icon\"\n             [svgIcon]=\"svgIcon\"\n             [disabled]=\"disabled\"\n             [loading]=\"loading\"\n             [tooltip]=\"tooltip\"\n             [popover]=\"true\"\n             [overlay]=\"false\"\n             [notification]=\"notification\"\n             (onShowOverlay)=\"onShowOverlay.emit()\"\n             (click)=\"onClick.emit($event)\"\n             (focus)=\"onFocus.emit($event)\"\n             (blur)=\"onBlur.emit($event)\">\n    <ng-content> </ng-content>\n</gipi-button>\n",
         providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -13534,7 +13532,7 @@ GIPINotificationComponent = GIPINotificationComponent_1 = __decorate([
             'class': 'gipi-notification',
         },
         changeDetection: ChangeDetectionStrategy.OnPush,
-        styles: [".button-only-icon{padding:4px!important}.button-only-icon .button-content>mat-icon{width:24px!important;height:24px!important}.notification{max-width:30rem}.notification>footer,.notification>header{display:none}.notification>main{width:20rem;text-align:center;font-size:1.6rem;font-weight:600;color:#262626}"]
+        styles: [".button-only-icon{padding:4px!important}.button-only-icon .button-content>mat-icon{width:24px!important;height:24px!important}"]
     }),
     __metadata("design:paramtypes", [])
 ], GIPINotificationComponent);
@@ -13682,11 +13680,11 @@ class PasswordUtil {
 }
 
 var GIPIPasswordRequerimentsComponent_1;
-let nextUniqueId$c = 0;
+let nextUniqueId$d = 0;
 let GIPIPasswordRequerimentsComponent = GIPIPasswordRequerimentsComponent_1 = class GIPIPasswordRequerimentsComponent {
     constructor(_changeDetectorRef) {
         this._changeDetectorRef = _changeDetectorRef;
-        this._name = `gipi-password-requeriments-${nextUniqueId$c++}`;
+        this._name = `gipi-password-requeriments-${nextUniqueId$d++}`;
         this.id = this._name;
         this.name = this._name;
         this.disabled = false;
@@ -14235,11 +14233,11 @@ GIPIPopoverTarget = __decorate([
 ], GIPIPopoverTarget);
 
 var GIPIRadioGroupComponent_1;
-let nextUniqueId$d = 0;
+let nextUniqueId$e = 0;
 let GIPIRadioGroupComponent = GIPIRadioGroupComponent_1 = class GIPIRadioGroupComponent {
     constructor(_changeDetectorRef) {
         this._changeDetectorRef = _changeDetectorRef;
-        this._name = `gipi-radio-group-${nextUniqueId$d++}`;
+        this._name = `gipi-radio-group-${nextUniqueId$e++}`;
         this._enumList = [];
         this.id = this._name;
         this.name = this._name;
@@ -14372,167 +14370,754 @@ GIPIRadioGroupComponent = GIPIRadioGroupComponent_1 = __decorate([
     __metadata("design:paramtypes", [ChangeDetectorRef])
 ], GIPIRadioGroupComponent);
 
-var GIPISelectButtonComponent_1;
-let GIPISelectButtonComponent = GIPISelectButtonComponent_1 = class GIPISelectButtonComponent {
-    constructor(_elementRef, _changeDetectorRef) {
-        this._elementRef = _elementRef;
-        this._changeDetectorRef = _changeDetectorRef;
-        this.isButtonPrimary = this._hasHostAttributes('gipi-primary');
-        this.isButtonSecondary = this._hasHostAttributes('gipi-secondary');
-        this.required = false;
-        this.multiple = false;
-        this.disabled = false;
-        this.onOptionClick = new EventEmitter();
-        this.onChange = new EventEmitter();
-        this.onModelChange = () => { };
-        this.onModelTouched = () => { };
-    }
-    ngOnInit() { }
-    writeValue(obj) {
-        this.value = obj;
-        this._changeDetectorRef.markForCheck();
+var GIPIRangePageComponent_1;
+let nextUniqueId$f = 0;
+class RangePage {
+    constructor(start, end) {
+        this.start = start;
+        this.end = end;
     }
-    registerOnChange(fn) {
-        this.onModelChange = fn;
+    getTotalCount() {
+        return (this.end - this.start) + 1;
     }
-    registerOnTouched(fn) {
-        this.onModelTouched = fn;
+    getRange() {
+        return Array.from({ length: this.getTotalCount() }, (_, i) => this.start - 1 + i);
+    }
+}
+let GIPIRangePageComponent = GIPIRangePageComponent_1 = class GIPIRangePageComponent {
+    constructor(elementRef, _changeDetectorRef) {
+        this.elementRef = elementRef;
+        this._changeDetectorRef = _changeDetectorRef;
+        this._name = `gipi-range-page-${nextUniqueId$f++}`;
+        this._startPage = 1;
+        this._endPage = 1;
+        this.id = this._name;
+        this.name = this._name;
+        this.label = '';
+        this.tooltip = '';
+        this.placeholderStart = '';
+        this.placeholderEnd = '';
+        this.help = '';
+        this._min = 1;
+        this._max = 100;
+        this._step = 1;
+        this._required = false;
+        this._disabled = false;
+        this.onChange = (value) => { };
+        this.onTouched = () => { };
+    }
+    get min() {
+        return NumberUtil.isNumber(this._min) ? this._min : 1;
+    }
+    set min(value) {
+        this._min = value;
+        this._initPage();
+    }
+    get max() {
+        return NumberUtil.isNumber(this._max) ? this._max : 100;
+    }
+    set max(value) {
+        this._max = value;
+        this._initPage();
+    }
+    get step() {
+        return NumberUtil.isNumber(this._step) ? this._step : 1;
+    }
+    set step(value) {
+        this._step = value;
+        this._initPage();
+    }
+    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 formattedValue() {
+        return '';
+    }
+    ngOnInit() {
+        this._initPage();
+    }
+    ngOnDestroy() { }
+    writeValue(value) {
+        if (!ObjectUtil.isNull(value)) {
+            this._startPage = value.start || this._startPage;
+            this._endPage = value.end || this._endPage;
+        }
+        this._changeDetectorRef.detectChanges();
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
     }
     setDisabledState(isDisabled) {
         this.disabled = isDisabled;
         this._changeDetectorRef.markForCheck();
     }
-    getOptionLabel(option) {
-        return this.optionLabel ? ObjectUtil.resolveFieldData(option, this.optionLabel) : option.label != undefined ? option.label : option;
-    }
-    getOptionValue(option) {
-        return this.optionValue ? ObjectUtil.resolveFieldData(option, this.optionValue) : this.optionLabel || option.value === undefined ? option : option.value;
-    }
-    isOptionDisabled(option) {
-        return this.optionDisabled ? ObjectUtil.resolveFieldData(option, this.optionDisabled) : option.disabled !== undefined ? option.disabled : false;
+    _initPage() {
+        this._startPage = this.min;
+        this._endPage = Math.min(this._startPage + this.step - 1, this.max);
     }
-    onItemClick(event, option, index) {
-        if (this.disabled || this.isOptionDisabled(option)) {
+    updateEndPage() {
+        if (this.disabled) {
             return;
         }
-        if (this.multiple) {
-            if (this.isSelected(option)) {
-                this.removeOption(option);
-            }
-            else {
-                this.value = [...(this.value || []), this.getOptionValue(option)];
-            }
-            this.onModelChange(this.value);
-            this.onChange.emit({
-                originalEvent: event,
-                value: this.value
-            });
+        if (this._startPage < this.min) {
+            this._startPage = this.min;
         }
-        else {
-            const value = this.getOptionValue(option);
-            if (this.value !== value) {
-                this.value = this.getOptionValue(option);
-                this.onModelChange(this.value);
-                this.onChange.emit({
-                    originalEvent: event,
-                    value: this.value
-                });
-            }
+        else if (this._startPage > this.max) {
+            this._startPage = this.max;
         }
-        this.onOptionClick.emit({
-            originalEvent: event,
-            option: option,
-            index: index
-        });
+        if (this._endPage < this._startPage) {
+            this._endPage = this._startPage;
+        }
+        else if (this._endPage > (this._startPage + (this.step - 1))) {
+            this._endPage = Math.min(this._startPage + this.step - 1, this.max);
+        }
+        this._propagateChange();
     }
-    isSelected(option) {
-        let selected = false;
-        const optionValue = this.getOptionValue(option);
-        if (this.multiple) {
-            if (this.value && Array.isArray(this.value)) {
-                for (const val of this.value) {
-                    if (ObjectUtil.equals(val, optionValue, this.dataKey)) {
-                        selected = true;
-                        break;
-                    }
-                }
-            }
+    updateStartPage() {
+        if (this.disabled) {
+            return;
         }
-        else {
-            selected = ObjectUtil.equals(this.getOptionValue(option), this.value, this.dataKey);
+        if (this._endPage > this.max) {
+            this._endPage = this.max;
         }
-        return selected;
+        else if (this._endPage > this.max) {
+            this._endPage = this.max;
+        }
+        if (this._startPage > this._endPage) {
+            this._startPage = this._endPage;
+        }
+        else if (this._startPage < (this._endPage - (this.step + 1))) {
+            this._startPage = Math.max(this._endPage - this.step + 1, this.min);
+        }
+        this._propagateChange();
     }
-    removeOption(option) {
-        this.value = this.value.filter(val => !ObjectUtil.equals(val, this.getOptionValue(option), this.dataKey));
+    previous() {
+        if (this.disabled) {
+            return;
+        }
+        const newStartPage = Math.max(this._startPage - this.step + 1, this.min);
+        let newEndPage = Math.min(newStartPage + this.step - 1, this.max);
+        if (newEndPage >= this.min) {
+            this._startPage = newStartPage;
+            this._endPage = newEndPage;
+            this._propagateChange();
+        }
     }
-    onBlur() {
-        this.onModelTouched();
+    next() {
+        if (this.disabled) {
+            return;
+        }
+        // const newStartPage = Math.min(this._startPage + this.step, this.max - this.step + 1);
+        // let newEndPage = newStartPage + this.step - 1;
+        const newStartPage = Math.min(this._startPage + this.step, this.max);
+        let newEndPage = Math.min(newStartPage + this.step - 1, this.max);
+        if ((newStartPage === this.max) || (newEndPage > this.max)) {
+            newEndPage = newStartPage;
+        }
+        if (newEndPage <= this.max) {
+            this._startPage = newStartPage;
+            this._endPage = newEndPage;
+            this._propagateChange();
+        }
     }
-    _getHostElement() {
-        return this._elementRef.nativeElement;
+    selectText(input) {
+        if (this.disabled || !input) {
+            return;
+        }
+        setTimeout(() => input.select(), 0);
     }
-    _hasHostAttributes(...attributes) {
-        return attributes.some(attribute => this._getHostElement().hasAttribute(attribute));
+    _propagateChange() {
+        this.onChange(new RangePage(this._startPage, this._endPage));
+        this.onTouched();
     }
 };
-GIPISelectButtonComponent.ctorParameters = () => [
+GIPIRangePageComponent.ctorParameters = () => [
     { type: ElementRef },
     { type: ChangeDetectorRef }
 ];
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], GIPISelectButtonComponent.prototype, "id", void 0);
 __decorate([
     Input(),
     __metadata("design:type", String)
-], GIPISelectButtonComponent.prototype, "arialLabel", void 0);
+], GIPIRangePageComponent.prototype, "id", void 0);
 __decorate([
     Input(),
     __metadata("design:type", String)
-], GIPISelectButtonComponent.prototype, "dataKey", void 0);
+], GIPIRangePageComponent.prototype, "name", void 0);
 __decorate([
     Input(),
     __metadata("design:type", String)
-], GIPISelectButtonComponent.prototype, "label", void 0);
+], GIPIRangePageComponent.prototype, "label", void 0);
 __decorate([
     Input(),
-    __metadata("design:type", Boolean)
-], GIPISelectButtonComponent.prototype, "required", void 0);
+    __metadata("design:type", String)
+], GIPIRangePageComponent.prototype, "tooltip", void 0);
 __decorate([
     Input(),
-    __metadata("design:type", Array)
-], GIPISelectButtonComponent.prototype, "options", void 0);
+    __metadata("design:type", String)
+], GIPIRangePageComponent.prototype, "placeholderStart", void 0);
 __decorate([
     Input(),
     __metadata("design:type", String)
-], GIPISelectButtonComponent.prototype, "optionLabel", void 0);
+], GIPIRangePageComponent.prototype, "placeholderEnd", void 0);
 __decorate([
     Input(),
     __metadata("design:type", String)
-], GIPISelectButtonComponent.prototype, "optionValue", void 0);
+], GIPIRangePageComponent.prototype, "help", void 0);
 __decorate([
     Input(),
-    __metadata("design:type", String)
-], GIPISelectButtonComponent.prototype, "optionDisabled", void 0);
+    __metadata("design:type", Number),
+    __metadata("design:paramtypes", [Number])
+], GIPIRangePageComponent.prototype, "min", null);
 __decorate([
     Input(),
-    __metadata("design:type", Boolean)
-], GIPISelectButtonComponent.prototype, "multiple", void 0);
+    __metadata("design:type", Number),
+    __metadata("design:paramtypes", [Number])
+], GIPIRangePageComponent.prototype, "max", null);
 __decorate([
     Input(),
-    __metadata("design:type", Boolean)
-], GIPISelectButtonComponent.prototype, "disabled", void 0);
+    __metadata("design:type", Number),
+    __metadata("design:paramtypes", [Number])
+], GIPIRangePageComponent.prototype, "step", null);
 __decorate([
-    Output(),
-    __metadata("design:type", EventEmitter)
-], GIPISelectButtonComponent.prototype, "onOptionClick", void 0);
+    Input(),
+    __metadata("design:type", Boolean),
+    __metadata("design:paramtypes", [Boolean])
+], GIPIRangePageComponent.prototype, "required", null);
 __decorate([
-    Output(),
-    __metadata("design:type", EventEmitter)
-], GIPISelectButtonComponent.prototype, "onChange", void 0);
-GIPISelectButtonComponent = GIPISelectButtonComponent_1 = __decorate([
+    Input(),
+    __metadata("design:type", Boolean),
+    __metadata("design:paramtypes", [Boolean])
+], GIPIRangePageComponent.prototype, "disabled", null);
+GIPIRangePageComponent = GIPIRangePageComponent_1 = __decorate([
+    Component({
+        selector: 'gipi-range-page',
+        template: "<label *ngIf=\"label\"\n       class=\"input-label\"\n       [attr.for]=\"id\">\n    {{ label }}\n    <span *ngIf=\"required\"> * </span>\n    <gipi-helpful-tip *ngIf=\"tooltip && label\"\n                      [tooltip]=\"tooltip\">\n    </gipi-helpful-tip>\n</label>\n\n<div class=\"input-content\">\n    <div class=\"prefix\"\n         [class.disabled]=\"disabled\"\n         (click)=\"previous()\">\n        <mat-icon>chevron_left</mat-icon>\n    </div>\n    <input #startInput\n           matInput\n           class=\"input-element\"\n           type=\"number\"\n           [attr.id]=\"id\"\n           [attr.name]=\"name\"\n           [min]=\"min\"\n           [max]=\"max\"\n           [maxlength]=\"10\"\n           [placeholder]=\"placeholderStart\"\n           [disabled]=\"disabled\"\n           [required]=\"required\"\n           [readOnly]=\"false\"\n           [autocomplete]=\"'off'\"\n           [autofocus]=\"false\"\n           [(ngModel)]=\"_startPage\"\n           (keyup)=\"updateEndPage()\"\n           (focus)=\"selectText(startInput)\"\n           (click)=\"selectText(startInput)\" />\n    <div class=\"infix\">\n        a\n    </div>\n    <input #endInput\n           matInput\n           class=\"input-element\"\n           type=\"number\"\n           [attr.id]=\"id\"\n           [attr.name]=\"name\"\n           [min]=\"_startPage\"\n           [max]=\"max\"\n           [maxlength]=\"10\"\n           [placeholder]=\"placeholderEnd\"\n           [disabled]=\"disabled\"\n           [required]=\"required\"\n           [readOnly]=\"false\"\n           [autocomplete]=\"'off'\"\n           [autofocus]=\"false\"\n           [(ngModel)]=\"_endPage\"\n           (keyup)=\"updateStartPage()\"\n           (focus)=\"selectText(endInput)\"\n           (click)=\"selectText(endInput)\" />\n    <div class=\"suffix\"\n         [class.disabled]=\"disabled\"\n         (click)=\"next()\">\n        <mat-icon>chevron_right</mat-icon>\n    </div>\n</div>\n\n<small *ngIf=\"help\"\n       class=\"input-help\">\n    {{ help }}\n</small>",
+        providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => GIPIRangePageComponent_1),
+                multi: true
+            },
+        ],
+        styles: [":host{display:flex;flex-direction:column;gap:.8rem;font-size:1.4rem;color:#696969}:host .input-label{display:flex;align-items:center;gap:.4rem;color:#131313;line-height:1.6rem}:host .input-label>span{font-size:1.6rem;line-height:1.6rem;color:#d14014}:host .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}:host .input-content .input-element{padding:.75rem .8rem;border:none;outline:0;background-color:transparent;flex:1;color:inherit;caret-color:#696969;min-width:0;text-align:center;margin:0!important}:host .input-content .input-element::-webkit-inner-spin-button,:host .input-content .input-element::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;opacity:0}:host .input-content:has(.input-element:disabled){color:#bbbdc1!important;border-color:#e0e1e2!important;background-color:#f5f5f6!important;cursor:not-allowed}:host .input-content:has(.input-element:disabled) .suffix>mat-icon{color:#bbbdc1!important}:host .input-content .input-element:disabled{cursor:not-allowed}:host .input-content .infix,:host .input-content .prefix,:host .input-content .suffix{display:flex;align-items:center;justify-content:center;padding-block:.75rem;padding-inline:.8rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:.2s;background-color:#e0313e}:host .input-content .infix>mat-icon,:host .input-content .prefix>mat-icon,:host .input-content .suffix>mat-icon{width:2rem;height:2rem;font-size:2rem;color:#fff}:host .input-content .infix:not(.infix):not(.disabled):hover,:host .input-content .prefix:not(.infix):not(.disabled):hover,:host .input-content .suffix:not(.infix):not(.disabled):hover{background-color:#cc2d38}:host .input-content .infix:not(.infix):not(.disabled):active,:host .input-content .prefix:not(.infix):not(.disabled):active,:host .input-content .suffix:not(.infix):not(.disabled):active{background-color:#9f232c}:host .input-content .prefix.disabled,:host .input-content .suffix.disabled{background-color:#d1d2d4}:host .input-content .prefix.disabled>mat-icon,:host .input-content .suffix.disabled>mat-icon{color:#9a9da2}:host .input-content .prefix{border-right:1px solid rgba(0,0,0,.12);border-radius:.6rem 0 0 .6rem;cursor:pointer}:host .input-content .infix{width:1rem;padding:0;background-color:transparent}:host .input-content .suffix{border-left:1px solid rgba(0,0,0,.12);border-radius:0 .6rem .6rem 0;cursor:pointer}:host .input-help{flex:1;font-size:1rem;font-weight:500;margin-top:-.4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::-webkit-input-placeholder{color:#bbbdc1}:-moz-placeholder{color:#bbbdc1}::-moz-placeholder{color:#bbbdc1}:-ms-input-placeholder{color:#bbbdc1}"]
+    }),
+    __metadata("design:paramtypes", [ElementRef,
+        ChangeDetectorRef])
+], GIPIRangePageComponent);
+
+var GIPIRangeSliderComponent_1;
+let nextUniqueId$g = 0;
+let GIPIRangeSliderComponent = GIPIRangeSliderComponent_1 = class GIPIRangeSliderComponent {
+    constructor(elementRef, _changeDetectorRef) {
+        this.elementRef = elementRef;
+        this._changeDetectorRef = _changeDetectorRef;
+        this._name = `gipi-range-slider-${nextUniqueId$g++}`;
+        this.id = this._name;
+        this.name = this._name;
+        this.label = '';
+        this.help = '';
+        this.min = 1;
+        this.max = 100;
+        this._maxRange = 5;
+        this._fromValue = 1;
+        this._toValue = 1;
+        this._step = 1;
+        this._disabled = false;
+        this._required = false;
+        this.onChange = () => { };
+        this.onTouched = () => { };
+    }
+    get maxRange() {
+        return this._maxRange || 5;
+    }
+    set maxRange(value) {
+        if (!value || (value <= 0)) {
+            throw new Error('Minimum value for "maxRange" must be 1');
+        }
+        this._maxRange = value || 5;
+    }
+    get fromValue() {
+        return this._fromValue || 1;
+    }
+    set fromValue(value) {
+        if (!value || (value <= 0)) {
+            throw new Error('Minimum value for "from" must be 1');
+        }
+        this._fromValue = value || 1;
+    }
+    get toValue() {
+        return this._toValue || 1;
+    }
+    set toValue(value) {
+        if (!value || (value <= 0)) {
+            throw new Error('Minimum value for "to" must be 1');
+        }
+        this._toValue = value || 1;
+    }
+    get step() {
+        return this._step || 1;
+    }
+    set step(value) {
+        if (!value || (value <= 0)) {
+            throw new Error('Minimum value for "step" must be 1');
+        }
+        this._step = value || 1;
+    }
+    get disabled() {
+        return this._disabled;
+    }
+    set disabled(value) {
+        this._disabled = coerceBooleanProperty(value);
+    }
+    get required() {
+        return this._required;
+    }
+    set required(value) {
+        this._required = coerceBooleanProperty(value);
+    }
+    ngOnInit() { }
+    ngAfterViewInit() {
+        this._fillSlider();
+        this._setToggleAccessible();
+    }
+    ngOnDestroy() { }
+    writeValue(value) {
+        if (value) {
+            this.fromValue = value.from;
+            this.toValue = value.to;
+            if (this.fromSlider && this.toSlider) {
+                this.fromSlider.nativeElement.value = this.fromValue.toString();
+                this.toSlider.nativeElement.value = this.toValue.toString();
+                this._fillSlider();
+                this._setToggleAccessible();
+            }
+        }
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+        this._changeDetectorRef.markForCheck();
+    }
+    controlFromInput(isByNgModel) {
+        let [from, to] = isByNgModel ? [this.fromValue, this.toValue] : this._getParsed(this.fromSlider.nativeElement, this.toSlider.nativeElement);
+        from = this._roundToStep(from);
+        to = this._roundToStep(to);
+        // if ((to - from) > this.maxRange) {
+        //     from = to - this.maxRange;
+        // }
+        this._fillSlider();
+        this._setToggleAccessible();
+        if (from > to) {
+            this.fromValue = to;
+        }
+        this.fromSlider.nativeElement.value = this.fromValue.toString();
+        this._notifyValueChange();
+    }
+    controlToInput(isByNgModel) {
+        let [from, to] = isByNgModel ? [this.fromValue, this.toValue] : this._getParsed(this.fromSlider.nativeElement, this.toSlider.nativeElement);
+        from = this._roundToStep(from);
+        to = this._roundToStep(to);
+        // if ((to - from) > this.maxRange) {
+        //     to = from + this.maxRange;
+        // }
+        this._fillSlider();
+        this._setToggleAccessible();
+        if (from <= to) {
+            this.toValue = to;
+        }
+        else {
+            this.toValue = from;
+        }
+        this.toSlider.nativeElement.value = this.toValue.toString();
+        this._notifyValueChange();
+    }
+    controlFromSlider() {
+        let [from, to] = this._getParsed(this.fromSlider.nativeElement, this.toSlider.nativeElement);
+        from = this._roundToStep(from);
+        to = this._roundToStep(to);
+        if ((to - from) > this.maxRange) {
+            from = to - this.maxRange;
+        }
+        this._fillSlider();
+        this._setToggleAccessible();
+        if ((to - from) === this.maxRange) {
+            let [from, to] = this._getParsed(this.fromSlider.nativeElement, this.toSlider.nativeElement);
+            from = this._roundToStep(from);
+            to = this._roundToStep(to);
+            if ((to - from) > this.maxRange) {
+                to = from + this.maxRange;
+            }
+            this._fillSlider();
+            if (from <= to) {
+                this.toValue = to;
+            }
+            else {
+                this.toValue = from;
+            }
+            this.toSlider.nativeElement.value = this.toValue.toString();
+        }
+        if (from >= to) {
+            this.fromValue = to;
+        }
+        else {
+            this.fromValue = from;
+        }
+        this.fromSlider.nativeElement.value = this.fromValue.toString();
+        this._notifyValueChange();
+    }
+    controlToSlider() {
+        let [from, to] = this._getParsed(this.fromSlider.nativeElement, this.toSlider.nativeElement);
+        from = this._roundToStep(from);
+        to = this._roundToStep(to);
+        if ((to - from) > this.maxRange) {
+            to = from + this.maxRange;
+        }
+        this._fillSlider();
+        this._setToggleAccessible();
+        if ((to - from) === this.maxRange) {
+            let [from, to] = this._getParsed(this.fromSlider.nativeElement, this.toSlider.nativeElement);
+            from = this._roundToStep(from);
+            to = this._roundToStep(to);
+            if ((to - from) > this.maxRange) {
+                from = to - this.maxRange;
+            }
+            this._fillSlider();
+            if (from >= to) {
+                this.fromValue = to;
+            }
+            else {
+                this.fromValue = from;
+            }
+            this.fromSlider.nativeElement.value = this.fromValue.toString();
+        }
+        if (from <= to) {
+            this.toValue = to;
+        }
+        else {
+            this.toValue = from;
+        }
+        this.toSlider.nativeElement.value = this.toValue.toString();
+        this._notifyValueChange();
+    }
+    _getParsed(currentFrom, currentTo) {
+        const from = parseInt(currentFrom.value, 10);
+        const to = parseInt(currentTo.value, 10);
+        return [from, to];
+    }
+    _fillSlider() {
+        const fromSliderEl = this.fromSlider.nativeElement;
+        const toSliderEl = this.toSlider.nativeElement;
+        const rangeDistance = Number(toSliderEl.max) - Number(toSliderEl.min);
+        const fromPosition = (this.fromValue - Number(fromSliderEl.min));
+        const toPosition = (this.toValue - Number(toSliderEl.min));
+        const sliderColor = '#e0e1e2';
+        const rangeColor = '#f1a0a6';
+        toSliderEl.style.background = `linear-gradient(
+            to right,
+            ${sliderColor} 0%,
+            ${sliderColor} ${(fromPosition) / (rangeDistance) * 100}%,
+            ${rangeColor} ${((fromPosition) / (rangeDistance)) * 100}%,
+            ${rangeColor} ${(toPosition) / (rangeDistance) * 100}%,
+            ${sliderColor} ${(toPosition) / (rangeDistance) * 100}%,
+            ${sliderColor} 100%)`;
+    }
+    _setToggleAccessible() {
+        const fromInput = this.fromSlider.nativeElement;
+        const toInput = this.toSlider.nativeElement;
+        const fromValue = parseInt(fromInput.value, 10);
+        const toValue = parseInt(toInput.value, 10);
+        if (fromValue <= parseInt(fromInput.min, 10) && toValue <= parseInt(toInput.min, 10)) {
+            // Ambos estão no mínimo
+            fromInput.style.zIndex = '1';
+            toInput.style.zIndex = '2';
+        }
+        else if (fromValue >= parseInt(fromInput.max, 10) && toValue >= parseInt(toInput.max, 10)) {
+            // Ambos estão no máximo
+            fromInput.style.zIndex = '2';
+            toInput.style.zIndex = '1';
+        }
+        else {
+            // Caso geral
+            fromInput.style.zIndex = '2';
+            toInput.style.zIndex = '1';
+        }
+    }
+    _roundToStep(value) {
+        return Math.round(value / this.step) * this.step;
+    }
+    _notifyValueChange() {
+        this.onChange({ from: this.fromValue, to: this.toValue });
+    }
+    onBlur() {
+        this.onTouched();
+    }
+};
+GIPIRangeSliderComponent.ctorParameters = () => [
+    { type: ElementRef },
+    { type: ChangeDetectorRef }
+];
+__decorate([
+    ViewChild('fromSlider', { static: false }),
+    __metadata("design:type", ElementRef)
+], GIPIRangeSliderComponent.prototype, "fromSlider", void 0);
+__decorate([
+    ViewChild('toSlider', { static: false }),
+    __metadata("design:type", ElementRef)
+], GIPIRangeSliderComponent.prototype, "toSlider", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], GIPIRangeSliderComponent.prototype, "id", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], GIPIRangeSliderComponent.prototype, "name", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], GIPIRangeSliderComponent.prototype, "label", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], GIPIRangeSliderComponent.prototype, "help", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Number)
+], GIPIRangeSliderComponent.prototype, "min", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Number)
+], GIPIRangeSliderComponent.prototype, "max", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Number),
+    __metadata("design:paramtypes", [Number])
+], GIPIRangeSliderComponent.prototype, "maxRange", null);
+__decorate([
+    Input('from'),
+    __metadata("design:type", Number),
+    __metadata("design:paramtypes", [Number])
+], GIPIRangeSliderComponent.prototype, "fromValue", null);
+__decorate([
+    Input('to'),
+    __metadata("design:type", Number),
+    __metadata("design:paramtypes", [Number])
+], GIPIRangeSliderComponent.prototype, "toValue", null);
+__decorate([
+    Input(),
+    __metadata("design:type", Number),
+    __metadata("design:paramtypes", [Number])
+], GIPIRangeSliderComponent.prototype, "step", null);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean),
+    __metadata("design:paramtypes", [Boolean])
+], GIPIRangeSliderComponent.prototype, "disabled", null);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean),
+    __metadata("design:paramtypes", [Boolean])
+], GIPIRangeSliderComponent.prototype, "required", null);
+GIPIRangeSliderComponent = GIPIRangeSliderComponent_1 = __decorate([
+    Component({
+        selector: 'gipi-range-slider',
+        exportAs: 'gipiRangeSlider',
+        template: "<label *ngIf=\"label\"\n       class=\"input-label\"\n       [attr.for]=\"id\">\n    {{ label }}\n    <span *ngIf=\"required\"> * </span>\n</label>\n\n<div class=\"slider-wrapper\">\n    <!-- <input type=\"number\"\n           [min]=\"min\"\n           [max]=\"max\"\n           [step]=\"step\"\n           [(ngModel)]=\"fromValue\"\n           (ngModelChange)=\"controlFromInput(true)\"\n           (input)=\"controlFromInput(false)\"\n           (blur)=\"onBlur()\" /> -->\n    <span class=\"value min\">\n        {{ min }}\n    </span>\n    <div class=\"sliders-control\">\n        <input #fromSlider\n               id=\"fromSlider\"\n               type=\"range\"\n               class=\"from-value\"\n               [min]=\"min\"\n               [max]=\"max\"\n               [value]=\"fromValue\"\n               (input)=\"controlFromSlider()\"\n               (mouseup)=\"controlFromSlider()\"\n               (blur)=\"onBlur()\" />\n        <input #toSlider\n               id=\"toSlider\"\n               type=\"range\"\n               class=\"to-value\"\n               [min]=\"min\"\n               [max]=\"max\"\n               [value]=\"toValue\"\n               (input)=\"controlToSlider()\"\n               (mouseup)=\"controlToSlider()\"\n               (blur)=\"onBlur()\" />\n    </div>\n    <span class=\"value max\">\n        {{ max }}\n    </span>\n    <!-- <input type=\"number\"\n           [min]=\"min\"\n           [max]=\"max\"\n           [step]=\"step\"\n           [(ngModel)]=\"toValue\"\n           (ngModelChange)=\"controlToInput(true)\"\n           (input)=\"controlToInput(false)\"\n           (blur)=\"onBlur()\" /> -->\n</div>\n<span class=\"value min\">\n    {{ fromValue }} - {{ toValue }}\n</span>\n<small *ngIf=\"help\"\n       class=\"input-help\">\n    {{ help }}\n</small>",
+        providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => GIPIRangeSliderComponent_1),
+                multi: true
+            },
+        ],
+        host: {
+            'class': 'gipi-range-slider',
+        },
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        styles: [":host{display:flex;flex-direction:column;gap:.8rem;font-size:1.4rem;color:#696969}:host .input-label{display:flex;align-items:center;gap:.4rem;color:#131313;line-height:1.6rem}:host .input-label>span{font-size:1.6rem;line-height:1.6rem;color:#d14014}:host .slider-wrapper{display:flex;align-items:center;justify-content:space-between;gap:1.6rem}:host .slider-wrapper>input{display:flex;font-family:inherit;font-size:inherit;color:inherit;text-align:center;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:.6rem;outline:0}:host .sliders-control{display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;flex:1}:host .from-value,:host .to-value{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:.6rem;border-radius:.4rem;width:100%;position:absolute;background-color:#e0e1e2;pointer-events:none;outline:0}:host .from-value::-webkit-slider-thumb,:host .to-value::-webkit-slider-thumb{-webkit-appearance:none;display:block;width:1.4rem;height:1.4rem;border-radius:50%;background-color:#e0313e;pointer-events:all;box-shadow:0 .5px 0 0 rgba(0,0,0,.08),0 1px 1px 0 rgba(0,0,0,.14);cursor:-webkit-grab;cursor:grab;outline:0}:host .from-value::-webkit-slider-thumb:hover,:host .to-value::-webkit-slider-thumb:hover{background-color:#cc2d38}:host .from-value::-webkit-slider-thumb:active,:host .to-value::-webkit-slider-thumb:active{box-shadow:inset 0 0 3px #e0313e,0 0 9px #e0313e;-webkit-box-shadow:inset 0 0 3px #e0313e,0 0 9px #e0313e;cursor:-webkit-grabbing;cursor:grabbing}:host input[type=number]{border:1px solid rgba(0,0,0,.12);color:#131313;width:50px;height:30px;font-size:20px;outline:0}:host input[type=number]::-webkit-inner-spin-button,:host input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;opacity:0}:host #fromSlider{height:0;z-index:1}"]
+    }),
+    __metadata("design:paramtypes", [ElementRef,
+        ChangeDetectorRef])
+], GIPIRangeSliderComponent);
+
+var GIPISelectButtonComponent_1;
+let GIPISelectButtonComponent = GIPISelectButtonComponent_1 = class GIPISelectButtonComponent {
+    constructor(_elementRef, _changeDetectorRef) {
+        this._elementRef = _elementRef;
+        this._changeDetectorRef = _changeDetectorRef;
+        this.isButtonPrimary = this._hasHostAttributes('gipi-primary');
+        this.isButtonSecondary = this._hasHostAttributes('gipi-secondary');
+        this.required = false;
+        this.multiple = false;
+        this.disabled = false;
+        this.onOptionClick = new EventEmitter();
+        this.onChange = new EventEmitter();
+        this.onModelChange = () => { };
+        this.onModelTouched = () => { };
+    }
+    ngOnInit() { }
+    writeValue(obj) {
+        this.value = obj;
+        this._changeDetectorRef.markForCheck();
+    }
+    registerOnChange(fn) {
+        this.onModelChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onModelTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+        this._changeDetectorRef.markForCheck();
+    }
+    getOptionLabel(option) {
+        return this.optionLabel ? ObjectUtil.resolveFieldData(option, this.optionLabel) : option.label != undefined ? option.label : option;
+    }
+    getOptionValue(option) {
+        return this.optionValue ? ObjectUtil.resolveFieldData(option, this.optionValue) : this.optionLabel || option.value === undefined ? option : option.value;
+    }
+    isOptionDisabled(option) {
+        return this.optionDisabled ? ObjectUtil.resolveFieldData(option, this.optionDisabled) : option.disabled !== undefined ? option.disabled : false;
+    }
+    onItemClick(event, option, index) {
+        if (this.disabled || this.isOptionDisabled(option)) {
+            return;
+        }
+        if (this.multiple) {
+            if (this.isSelected(option)) {
+                this.removeOption(option);
+            }
+            else {
+                this.value = [...(this.value || []), this.getOptionValue(option)];
+            }
+            this.onModelChange(this.value);
+            this.onChange.emit({
+                originalEvent: event,
+                value: this.value
+            });
+        }
+        else {
+            const value = this.getOptionValue(option);
+            if (this.value !== value) {
+                this.value = this.getOptionValue(option);
+                this.onModelChange(this.value);
+                this.onChange.emit({
+                    originalEvent: event,
+                    value: this.value
+                });
+            }
+        }
+        this.onOptionClick.emit({
+            originalEvent: event,
+            option: option,
+            index: index
+        });
+    }
+    isSelected(option) {
+        let selected = false;
+        const optionValue = this.getOptionValue(option);
+        if (this.multiple) {
+            if (this.value && Array.isArray(this.value)) {
+                for (const val of this.value) {
+                    if (ObjectUtil.equals(val, optionValue, this.dataKey)) {
+                        selected = true;
+                        break;
+                    }
+                }
+            }
+        }
+        else {
+            selected = ObjectUtil.equals(this.getOptionValue(option), this.value, this.dataKey);
+        }
+        return selected;
+    }
+    removeOption(option) {
+        this.value = this.value.filter(val => !ObjectUtil.equals(val, this.getOptionValue(option), this.dataKey));
+    }
+    onBlur() {
+        this.onModelTouched();
+    }
+    _getHostElement() {
+        return this._elementRef.nativeElement;
+    }
+    _hasHostAttributes(...attributes) {
+        return attributes.some(attribute => this._getHostElement().hasAttribute(attribute));
+    }
+};
+GIPISelectButtonComponent.ctorParameters = () => [
+    { type: ElementRef },
+    { type: ChangeDetectorRef }
+];
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], GIPISelectButtonComponent.prototype, "id", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], GIPISelectButtonComponent.prototype, "arialLabel", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], GIPISelectButtonComponent.prototype, "dataKey", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], GIPISelectButtonComponent.prototype, "label", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], GIPISelectButtonComponent.prototype, "required", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Array)
+], GIPISelectButtonComponent.prototype, "options", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], GIPISelectButtonComponent.prototype, "optionLabel", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], GIPISelectButtonComponent.prototype, "optionValue", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], GIPISelectButtonComponent.prototype, "optionDisabled", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], GIPISelectButtonComponent.prototype, "multiple", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], GIPISelectButtonComponent.prototype, "disabled", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], GIPISelectButtonComponent.prototype, "onOptionClick", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], GIPISelectButtonComponent.prototype, "onChange", void 0);
+GIPISelectButtonComponent = GIPISelectButtonComponent_1 = __decorate([
     Component({
         selector: `gipi-select-button[gipi-primary], gipi-select-button[gipi-secondary]`,
         exportAs: 'gipiSelectButton',
@@ -14920,8 +15505,12 @@ let GIPISidenavComponent = GIPISidenavComponent_1 = class GIPISidenavComponent {
         this._mouseEnter = false;
         this.menuItems = [];
         this.labelToggle = 'Retrair menu';
+        this.showTagNewIntegration = false;
+        this.showIntegration = false;
         this.showConfiguration = false;
         this.onClickMenuItem = new EventEmitter();
+        this.onClickMenuIntegration = new EventEmitter();
+        this.onClickMenuConfiguration = new EventEmitter();
     }
     ngOnInit() { }
     ngAfterViewInit() {
@@ -15059,81 +15648,217 @@ let GIPISidenavComponent = GIPISidenavComponent_1 = class GIPISidenavComponent {
             }
         });
     }
-    onMouseLeave() {
-        this.isOpened.toPromise().then(isOpened => {
-            if (isOpened && this._mouseEnter) {
-                this._mouseEnter = false;
-                this.toggleSidenav();
-            }
-        });
+    onMouseLeave() {
+        this.isOpened.toPromise().then(isOpened => {
+            if (isOpened && this._mouseEnter) {
+                this._mouseEnter = false;
+                this.toggleSidenav();
+            }
+        });
+    }
+};
+GIPISidenavComponent.ctorParameters = () => [
+    { type: NavService },
+    { type: BreakpointObserverService },
+    { type: Router }
+];
+__decorate([
+    ViewChild('sidenav', { static: false }),
+    __metadata("design:type", MatSidenav)
+], GIPISidenavComponent.prototype, "sidenav", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Array)
+], GIPISidenavComponent.prototype, "menuItems", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], GIPISidenavComponent.prototype, "labelToggle", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], GIPISidenavComponent.prototype, "showTagNewIntegration", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], GIPISidenavComponent.prototype, "iconIntegration", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], GIPISidenavComponent.prototype, "svgIconIntegration", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], GIPISidenavComponent.prototype, "labelIntegration", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], GIPISidenavComponent.prototype, "showIntegration", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], GIPISidenavComponent.prototype, "iconConfiguration", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], GIPISidenavComponent.prototype, "svgIconConfiguration", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], GIPISidenavComponent.prototype, "labelConfiguration", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], GIPISidenavComponent.prototype, "showConfiguration", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], GIPISidenavComponent.prototype, "onClickMenuItem", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], GIPISidenavComponent.prototype, "onClickMenuIntegration", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], GIPISidenavComponent.prototype, "onClickMenuConfiguration", void 0);
+GIPISidenavComponent = GIPISidenavComponent_1 = __decorate([
+    Component({
+        selector: `gipi-sidenav`,
+        exportAs: 'gipiSidenav',
+        template: "<mat-sidenav #sidenav\n             [mode]=\"(isScreenLarge | async) ? 'side' : 'over'\"\n             class=\"sidenav\"\n             [class.large-sidenav]=\"(isOpened | async)\"\n             [class.small-sidenav]=\"!(isOpened | async)\"\n             [disableClose]=\"(isScreenLarge | async)\"\n             opened=\"true\">\n\n    <div [ngClass]=\"{'sidenav-content-menu': true,\n                     'show-bottom': (showConfiguration || showIntegration)}\">\n\n        <!-- Bot\u00E3o expandir e retrair o menu -->\n        <button id=\"buttonToogleSidenav\"\n                name=\"toggleSidenav\"\n                class=\"toggle-sidenav\"\n                (click)=\"toggleSidenav(); _mouseEnter = false;\">\n            <mat-icon [@indicatorRotate]=\"(isOpened | async) ? 'opened': 'closed'\">\n                chevron_right\n            </mat-icon>\n\n            {{ ((labelToggle) && (isOpened | async)) ? labelToggle : '' }}\n        </button>\n\n        <!-- Bot\u00E3o voltar do submenu -->\n        <div class=\"sidenav-action-menu sidenav-menu-collapsable\">\n            <a *ngIf=\"(isOpened | async) && (_levelOneMenuCollapsableSelected || _levelTwoMenuCollapsableSelected)\"\n               (click)=\"onMenuCollapsableGoBack()\"\n               (mouseenter)=\"!_mouseEnter && onMouseEnter()\"\n               (mouseleave)=\"_mouseEnter && onMouseLeave()\">\n                <mat-icon>\n                    arrow_back\n                </mat-icon>\n                <span>\n                    {{ (submenuBackButtonName | async) }}\n                </span>\n            </a>\n        </div>\n\n        <!-- Se o menu item for do tipo submenu -->\n        <mat-nav-list class=\"sidenav-menu-list\"\n                      (mouseenter)=\"onMouseEnter()\"\n                      (mouseleave)=\"onMouseLeave()\">\n            <div *ngFor=\"let menu of (levelMenuCollapsableSelected | async)\"\n                 class=\"sidenav-action-menu\">\n\n                <a *ngIf=\"menu.type === 'ITEM'\"\n                   [routerLink]=\"menu.route\"\n                   [class.menu-active]=\"isMenuActive(menu)\"\n                   (click)=\"onMenuItemSelected(menu)\">\n                    <mat-icon *ngIf=\"menu.icon\">\n                        {{ menu.icon }}\n                    </mat-icon>\n                    <mat-icon *ngIf=\"menu.svgIcon\"\n                              [svgIcon]=\"menu.svgIcon\">\n                    </mat-icon>\n                    <span *ngIf=\"(isOpened | async)\">\n                        {{ getMenuName(menu.name) }}\n                    </span>\n                </a>\n\n                <a *ngIf=\"menu.type === 'COLLAPSABLE'\"\n                   [class.menu-active]=\"isMenuCollapsableActive(menu)\"\n                   (click)=\"onMenuCollapsableSelected(menu); onMenuItemSelected(menu, false)\">\n                    <mat-icon *ngIf=\"menu.icon\">\n                        {{ menu.icon }}\n                    </mat-icon>\n                    <mat-icon *ngIf=\"menu.svgIcon\"\n                              [svgIcon]=\"menu.svgIcon\">\n                    </mat-icon>\n                    <span *ngIf=\"(isOpened | async)\">\n                        {{ getMenuName(menu.name) }}\n                    </span>\n                    <mat-icon *ngIf=\"(isOpened | async)\">\n                        chevron_right\n                    </mat-icon>\n                </a>\n\n            </div>\n        </mat-nav-list>\n    </div>\n\n    <div class=\"sidenav-action-menu sidenav-bottom-menu\">\n        <a *ngIf=\"showIntegration\"\n           (click)=\"onMenuItemSelected(null); onClickMenuIntegration.emit()\">\n            <mat-icon *ngIf=\"iconIntegration\">\n                {{ iconIntegration }}\n            </mat-icon>\n            <mat-icon *ngIf=\"svgIconIntegration\"\n                      [svgIcon]=\"svgIconIntegration\">\n            </mat-icon>\n            <span *ngIf=\"(labelIntegration) && (isOpened | async)\">\n                {{ labelIntegration }}\n            </span>\n            <div class=\"tag-new\"\n                 *ngIf=\"showTagNewIntegration\">\n                Novo\n            </div>\n        </a>\n\n        <a *ngIf=\"showConfiguration\"\n           (click)=\"onMenuItemSelected(null); onClickMenuConfiguration.emit()\">\n            <mat-icon *ngIf=\"iconConfiguration\">\n                {{ iconConfiguration }}\n            </mat-icon>\n            <mat-icon *ngIf=\"svgIconConfiguration\"\n                      [svgIcon]=\"svgIconConfiguration\">\n            </mat-icon>\n            <span *ngIf=\"(labelConfiguration) && (isOpened | async)\">\n                {{ labelConfiguration }}\n            </span>\n        </a>\n    </div>\n</mat-sidenav>\n",
+        encapsulation: ViewEncapsulation.None,
+        providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => GIPISidenavComponent_1),
+                multi: true
+            }
+        ],
+        host: {
+            'class': 'gipi-sidenav',
+        },
+        animations: [
+            trigger('indicatorRotate', [
+                state('closed', style({ transform: 'rotate(0deg)' })),
+                state('opened', style({ transform: 'rotate(180deg)' })),
+                transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4,0.0,0.2,1)')),
+            ])
+        ],
+        styles: [".sidenav{padding:.8rem 1.2rem;border-radius:5px;background-color:#fff;position:fixed!important;top:66px!important;bottom:8px!important;border:0!important}.sidenav.small-sidenav{overflow-y:auto;width:76px}.sidenav.small-sidenav .sidenav-bottom-menu,.sidenav.small-sidenav .sidenav-content-menu .sidenav-menu-list .action-sidenav,.sidenav.small-sidenav .sidenav-content-menu .toggle-sidenav{text-align:center!important}.sidenav.large-sidenav{overflow-y:auto;width:248px}.sidenav .sidenav-content-menu{width:100%;background-color:#f5f5f6;border-radius:4px;display:flex;flex-direction:column;align-items:stretch;height:100%}.sidenav .sidenav-content-menu.show-bottom{height:calc(100% - 18px - 52px)!important}.sidenav .sidenav-content-menu .toggle-sidenav{all:unset;border-radius:4px;border:none;text-align:left;cursor:pointer;background-color:#e0313e;color:#fff;display:flex;align-items:center;gap:8px;padding:10px 16px}.sidenav .sidenav-content-menu .toggle-sidenav>mat-icon{width:2rem;height:2rem;font-size:2rem}.sidenav .sidenav-content-menu .toggle-sidenav:hover{background-color:#cc2d38}.sidenav .sidenav-content-menu .sidenav-menu-list{overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.sidenav .sidenav-content-menu .sidenav-menu-list::-webkit-scrollbar{display:none}.menu-active{color:#e0313e!important;background-color:#e0e1e2!important}.menu-active>mat-icon,.menu-active>mat-icon svg,.menu-active>mat-icon svg path{color:#e0313e!important;fill:#e0313e!important}.sidenav-action-menu{cursor:pointer;display:flex}.sidenav-action-menu.sidenav-bottom-menu{flex-direction:column;gap:1rem;margin-top:1rem}.sidenav-action-menu a{flex:1;padding:16px;background-color:#f5f5f6;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:1.4rem;font-weight:600}.sidenav-action-menu a:hover{background-color:#e0e1e2}.sidenav-action-menu a>span{flex:1;line-height:2rem}.sidenav-action-menu a>mat-icon{width:2rem;height:2rem;font-size:2rem;line-height:2rem;color:#595959;fill:#595959}.sidenav-action-menu a>mat-icon svg,.sidenav-action-menu a>mat-icon svg path{color:#595959;fill:#595959}.sidenav-bottom-menu a{border-radius:4px}.sidenav-menu-collapsable a{background-color:#e0e1e2}.sidenav-menu-collapsable a:hover{background-color:#d1d2d4}.mat-list-base{padding-top:0!important}.mat-drawer-inner-container{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;overflow:hidden!important}.mat-drawer:not(.mat-drawer-side){box-shadow:none!important}.tag-new{display:flex;align-items:center;justify-content:center;background-color:#e0313e;color:#fff;padding:.2rem .6rem;font-size:1rem;line-height:1.2rem;border-radius:.4rem}"]
+    }),
+    __metadata("design:paramtypes", [NavService,
+        BreakpointObserverService,
+        Router])
+], GIPISidenavComponent);
+
+var GIPISlideToggleComponent_1;
+let nextUniqueId$h = 0;
+let GIPISlideToggleComponent = GIPISlideToggleComponent_1 = class GIPISlideToggleComponent {
+    constructor(_changeDetectorRef) {
+        this._changeDetectorRef = _changeDetectorRef;
+        this._name = `gipi-slide-toggle-${nextUniqueId$h++}`;
+        this._slideToggleValue = false;
+        this.id = this._name;
+        this.name = this._name;
+        this.label = '';
+        this.help = '';
+        this._required = false;
+        this._disabled = false;
+        this.onChange = () => { };
+        this.onTouched = () => { };
+    }
+    get slideToggleValue() {
+        return this._slideToggleValue;
+    }
+    set slideToggleValue(value) {
+        this._slideToggleValue = value;
+        this.onChange(value);
+        this.onTouched();
+    }
+    get required() {
+        return this._required;
+    }
+    set required(value) {
+        if (this.required !== value) {
+            this._required = coerceBooleanProperty(value);
+            this._changeDetectorRef.markForCheck();
+        }
+    }
+    get disabled() {
+        return this._disabled;
+    }
+    set disabled(value) {
+        if (this.disabled !== value) {
+            this._disabled = coerceBooleanProperty(value);
+            this._changeDetectorRef.markForCheck();
+        }
+    }
+    ngOnInit() { }
+    writeValue(value) {
+        this.slideToggleValue = value;
+        this._changeDetectorRef.markForCheck();
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+        this._changeDetectorRef.markForCheck();
     }
 };
-GIPISidenavComponent.ctorParameters = () => [
-    { type: NavService },
-    { type: BreakpointObserverService },
-    { type: Router }
+GIPISlideToggleComponent.ctorParameters = () => [
+    { type: ChangeDetectorRef }
 ];
-__decorate([
-    ViewChild('sidenav', { static: false }),
-    __metadata("design:type", MatSidenav)
-], GIPISidenavComponent.prototype, "sidenav", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Array)
-], GIPISidenavComponent.prototype, "menuItems", void 0);
 __decorate([
     Input(),
     __metadata("design:type", String)
-], GIPISidenavComponent.prototype, "labelToggle", void 0);
+], GIPISlideToggleComponent.prototype, "id", void 0);
 __decorate([
     Input(),
     __metadata("design:type", String)
-], GIPISidenavComponent.prototype, "iconConfiguration", void 0);
+], GIPISlideToggleComponent.prototype, "name", void 0);
 __decorate([
     Input(),
     __metadata("design:type", String)
-], GIPISidenavComponent.prototype, "svgIconConfiguration", void 0);
+], GIPISlideToggleComponent.prototype, "label", void 0);
 __decorate([
     Input(),
     __metadata("design:type", String)
-], GIPISidenavComponent.prototype, "labelConfiguration", void 0);
+], GIPISlideToggleComponent.prototype, "help", void 0);
 __decorate([
     Input(),
-    __metadata("design:type", Boolean)
-], GIPISidenavComponent.prototype, "showConfiguration", void 0);
+    __metadata("design:type", Boolean),
+    __metadata("design:paramtypes", [Boolean])
+], GIPISlideToggleComponent.prototype, "required", null);
 __decorate([
-    Output(),
-    __metadata("design:type", EventEmitter)
-], GIPISidenavComponent.prototype, "onClickMenuItem", void 0);
-GIPISidenavComponent = GIPISidenavComponent_1 = __decorate([
+    Input(),
+    __metadata("design:type", Boolean),
+    __metadata("design:paramtypes", [Boolean])
+], GIPISlideToggleComponent.prototype, "disabled", null);
+GIPISlideToggleComponent = GIPISlideToggleComponent_1 = __decorate([
     Component({
-        selector: `gipi-sidenav`,
-        exportAs: 'gipiSidenav',
-        template: "<mat-sidenav #sidenav\n             [mode]=\"(isScreenLarge | async) ? 'side' : 'over'\"\n             class=\"sidenav\"\n             [class.large-sidenav]=\"(isOpened | async)\"\n             [class.small-sidenav]=\"!(isOpened | async)\"\n             [disableClose]=\"(isScreenLarge | async)\"\n             opened=\"true\">\n\n    <div [ngClass]=\"{'sidenav-content-menu': true,\n                     'show-configuration': showConfiguration}\">\n\n        <!-- Bot\u00E3o expandir e retrair o menu -->\n        <button id=\"buttonToogleSidenav\"\n                name=\"toggleSidenav\"\n                class=\"toggle-sidenav\"\n                (click)=\"toggleSidenav(); _mouseEnter = false;\">\n            <mat-icon [@indicatorRotate]=\"(isOpened | async) ? 'opened': 'closed'\">\n                chevron_right\n            </mat-icon>\n\n            {{ ((labelToggle) && (isOpened | async)) ? labelToggle : '' }}\n        </button>\n\n        <!-- Bot\u00E3o voltar do submenu -->\n        <div class=\"sidenav-action-menu sidenav-menu-collapsable\">\n            <a *ngIf=\"(isOpened | async) && (_levelOneMenuCollapsableSelected || _levelTwoMenuCollapsableSelected)\"\n               (click)=\"onMenuCollapsableGoBack()\"\n               (mouseenter)=\"!_mouseEnter && onMouseEnter()\"\n               (mouseleave)=\"_mouseEnter && onMouseLeave()\">\n                <mat-icon>\n                    arrow_back\n                </mat-icon>\n                <span>\n                    {{ (submenuBackButtonName | async) }}\n                </span>\n            </a>\n        </div>\n\n        <!-- Se o menu item for do tipo submenu -->\n        <mat-nav-list class=\"sidenav-menu-list\"\n                      (mouseenter)=\"onMouseEnter()\"\n                      (mouseleave)=\"onMouseLeave()\">\n            <div *ngFor=\"let menu of (levelMenuCollapsableSelected | async)\"\n                 class=\"sidenav-action-menu\">\n\n                <a *ngIf=\"menu.type === 'ITEM'\"\n                   [routerLink]=\"menu.route\"\n                   [class.menu-active]=\"isMenuActive(menu)\"\n                   (click)=\"onMenuItemSelected(menu)\">\n                    <mat-icon *ngIf=\"menu.icon\">\n                        {{ menu.icon }}\n                    </mat-icon>\n                    <mat-icon *ngIf=\"menu.svgIcon\"\n                              [svgIcon]=\"menu.svgIcon\">\n                    </mat-icon>\n                    <span *ngIf=\"(isOpened | async)\">\n                        {{ getMenuName(menu.name) }}\n                    </span>\n                </a>\n\n                <a *ngIf=\"menu.type === 'COLLAPSABLE'\"\n                   [class.menu-active]=\"isMenuCollapsableActive(menu)\"\n                   (click)=\"onMenuCollapsableSelected(menu); onMenuItemSelected(menu, false)\">\n                    <mat-icon *ngIf=\"menu.icon\">\n                        {{ menu.icon }}\n                    </mat-icon>\n                    <mat-icon *ngIf=\"menu.svgIcon\"\n                              [svgIcon]=\"menu.svgIcon\">\n                    </mat-icon>\n                    <span *ngIf=\"(isOpened | async)\">\n                        {{ getMenuName(menu.name) }}\n                    </span>\n                    <mat-icon *ngIf=\"(isOpened | async)\">\n                        chevron_right\n                    </mat-icon>\n                </a>\n\n            </div>\n        </mat-nav-list>\n    </div>\n\n    <div *ngIf=\"showConfiguration\"\n         class=\"sidenav-action-menu sidenav-configuration-menu\">\n        <a (click)=\"onMenuItemSelected(null)\">\n            <mat-icon *ngIf=\"iconConfiguration\">\n                {{ iconConfiguration }}\n            </mat-icon>\n            <mat-icon *ngIf=\"svgIconConfiguration\"\n                      [svgIcon]=\"svgIconConfiguration\">\n            </mat-icon>\n            <span *ngIf=\"(labelConfiguration) && (isOpened | async)\">\n                {{ labelConfiguration }}\n            </span>\n        </a>\n    </div>\n</mat-sidenav>\n",
-        encapsulation: ViewEncapsulation.None,
+        selector: 'gipi-slide-toggle',
+        exportAs: 'gipiSlideToggle',
+        template: "<input class=\"toggle toggle-light\"\n       type=\"checkbox\"\n       [attr.id]=\"id\"\n       [attr.name]=\"name\"\n       [(ngModel)]=\"slideToggleValue\" />\n<label class=\"toggle-btn\"\n       [attr.for]=\"id\">\n</label>\n<label class=\"toggle-label\"\n       *ngIf=\"label\"\n       [attr.for]=\"id\">\n    {{ label }}\n</label>",
         providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => GIPISidenavComponent_1),
-                multi: true
-            }
+                useExisting: forwardRef(() => GIPISlideToggleComponent_1),
+                multi: true,
+            },
         ],
+        changeDetection: ChangeDetectionStrategy.OnPush,
         host: {
-            'class': 'gipi-sidenav',
+            'class': 'gipi-slide-toggle',
         },
-        animations: [
-            trigger('indicatorRotate', [
-                state('closed', style({ transform: 'rotate(0deg)' })),
-                state('opened', style({ transform: 'rotate(180deg)' })),
-                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-configuration-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-configuration{height:calc(100% - 18px - 52px)!important}.sidenav .sidenav-content-menu .toggle-sidenav{all:unset;border-radius:4px;border:none;text-align:left;cursor:pointer;background-color:#e0313e;color:#fff;display:flex;align-items:center;gap:8px;padding:10px 16px}.sidenav .sidenav-content-menu .toggle-sidenav>mat-icon{width:2rem;height:2rem;font-size:2rem}.sidenav .sidenav-content-menu .toggle-sidenav:hover{background-color:#cc2d38}.sidenav .sidenav-content-menu .sidenav-menu-list{overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.sidenav .sidenav-content-menu .sidenav-menu-list::-webkit-scrollbar{display:none}.menu-active{color:#e0313e!important;background-color:#e0e1e2!important}.menu-active>mat-icon,.menu-active>mat-icon svg,.menu-active>mat-icon svg path{color:#e0313e!important;fill:#e0313e!important}.sidenav-action-menu{cursor:pointer;display:flex}.sidenav-action-menu a{flex:1;padding:16px;background-color:#f5f5f6;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:1.4rem;font-weight:600}.sidenav-action-menu a:hover{background-color:#e0e1e2}.sidenav-action-menu a>span{flex:1;line-height:2rem}.sidenav-action-menu a>mat-icon{width:2rem;height:2rem;font-size:2rem;line-height:2rem;color:#595959;fill:#595959}.sidenav-action-menu a>mat-icon svg,.sidenav-action-menu a>mat-icon svg path{color:#595959;fill:#595959}.sidenav-configuration-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}"]
+        styles: [":host{display:flex;align-items:center;cursor:pointer}.toggle-label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-left:1rem;cursor:pointer}.toggle{display:none}.toggle ::-moz-selection,.toggle :after::-moz-selection,.toggle :before::-moz-selection,.toggle+.toggle-btn::-moz-selection,.toggle::-moz-selection,.toggle:after::-moz-selection,.toggle:before::-moz-selection{background:0 0}.toggle ::selection,.toggle :after::selection,.toggle :before::selection,.toggle+.toggle-btn::selection,.toggle::selection,.toggle:after::selection,.toggle:before::selection{background:0 0}.toggle+.toggle-btn{display:block;width:40px;height:24px;outline:0;background:#e0e1e2;border-radius:22px;padding:4px;transition:.4s;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.toggle+.toggle-btn:after,.toggle+.toggle-btn:before{content:\"\";display:block;width:16px;height:16px;position:relative}.toggle+.toggle-btn:after{left:0;background:#8c8f93;border-radius:50%;transition:.2s}.toggle+.toggle-btn:before{display:none}.toggle:checked+.toggle-btn:after{left:50%;background:#414244}"]
     }),
-    __metadata("design:paramtypes", [NavService,
-        BreakpointObserverService,
-        Router])
-], GIPISidenavComponent);
+    __metadata("design:paramtypes", [ChangeDetectorRef])
+], GIPISlideToggleComponent);
 
 var GIPIStepperComponent_1;
 let GIPIStepperComponent = GIPIStepperComponent_1 = class GIPIStepperComponent extends CdkStepper {
@@ -15834,6 +16559,194 @@ GIPITableComponent = GIPITableComponent_1 = __decorate([
     __metadata("design:paramtypes", [])
 ], GIPITableComponent);
 
+class TabModel {
+    constructor() {
+        this.active = false;
+        this.closeable = false;
+        this.disabled = false;
+    }
+}
+
+let GIPITabComponent = class GIPITabComponent {
+    constructor() {
+        this.active = false;
+        this.closeable = false;
+        this.disabled = false;
+        this.selectionChange = new EventEmitter();
+    }
+    ngOnInit() { }
+};
+__decorate([
+    Input(),
+    __metadata("design:type", Number)
+], GIPITabComponent.prototype, "index", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], GIPITabComponent.prototype, "label", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], GIPITabComponent.prototype, "active", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", TemplateRef)
+], GIPITabComponent.prototype, "template", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], GIPITabComponent.prototype, "closeable", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], GIPITabComponent.prototype, "disabled", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], GIPITabComponent.prototype, "data", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], GIPITabComponent.prototype, "icon", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], GIPITabComponent.prototype, "svgIcon", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], GIPITabComponent.prototype, "selectionChange", void 0);
+GIPITabComponent = __decorate([
+    Component({
+        selector: 'gipi-tab',
+        exportAs: 'gipiTab',
+        template: "<ng-container *ngIf=\"active\">\n    <ng-content> </ng-content>\n    <ng-container *ngIf=\"template\"\n                  [ngTemplateOutlet]=\"template\"\n                  [ngTemplateOutletContext]=\"{$implicit: data}\">\n    </ng-container>\n</ng-container>",
+        host: {
+            'class': 'gipi-tab',
+            '[style.display]': '!active ? "none" : "block"',
+        },
+        styles: [":host{padding:1.6rem}"]
+    }),
+    __metadata("design:paramtypes", [])
+], GIPITabComponent);
+
+let GIPITabGroupComponent = class GIPITabGroupComponent {
+    constructor(elementRef, _componentFactoryResolver) {
+        this.elementRef = elementRef;
+        this._componentFactoryResolver = _componentFactoryResolver;
+        this.dynamicTabs = [];
+    }
+    ngOnInit() { }
+    ngAfterContentInit() {
+        const activeTabs = this.tabQueryList.filter(tab => tab.active);
+        if (activeTabs.length === 0 && this.tabQueryList.length > 0) {
+            this.selectTab(this.tabQueryList.first);
+        }
+    }
+    openTab(label, template, data, closeable = false, disabled = false, action) {
+        const tab = new TabModel();
+        tab.label = label;
+        tab.template = template;
+        tab.data = data;
+        tab.closeable = closeable;
+        tab.disabled = disabled;
+        tab.action = action;
+        this._openTabs(Array(tab));
+    }
+    _openTabs(tabList) {
+        const tabsComponent = tabList.map(tab => this._getTabComponent(tab.label, tab.template, tab.data, tab.closeable, tab.disabled, tab.action));
+        this.dynamicTabs.push(...tabsComponent);
+        this.selectTab(this.dynamicTabs[0]);
+    }
+    _getTabComponent(label, template, data, closeable = false, disabled = false, action) {
+        const componentFactory = this._componentFactoryResolver.resolveComponentFactory(GIPITabComponent);
+        const componentRef = this.dynamicTabPlaceholder.viewContainer.createComponent(componentFactory);
+        const instance = componentRef.instance;
+        instance.label = label;
+        instance.template = template;
+        instance.data = data;
+        instance.closeable = closeable;
+        instance.disabled = disabled;
+        instance.action = action;
+        return componentRef.instance;
+    }
+    selectTab(tab) {
+        this.tabQueryList.toArray().forEach(t => (t.active = false));
+        this.dynamicTabs.forEach(t => (t.active = false));
+        tab.active = true;
+        tab.selectionChange.emit();
+        if (tab.action) {
+            tab.action(tab.data);
+        }
+    }
+    closeTab(tab) {
+        const index = this.dynamicTabs.indexOf(tab);
+        this.dynamicTabs.splice(index, 1);
+        const viewContainerRef = this.dynamicTabPlaceholder.viewContainer;
+        viewContainerRef.remove(index);
+        if (this.tabQueryList.length > 0) {
+            this.selectTab(this.tabQueryList.first);
+        }
+    }
+    closeActiveTab() {
+        const activeTabs = this.dynamicTabs.filter(tab => tab.active);
+        if (activeTabs.length > 0) {
+            this.closeTab(activeTabs[0]);
+        }
+    }
+    closeAllTabs() {
+        const tabs = Object.assign([], this.dynamicTabs);
+        if (tabs.length > 0) {
+            tabs.forEach(tab => this.closeTab(tab));
+        }
+    }
+    nextTab() {
+        const currentTab = this.tabQueryList.toArray().find(tab => tab.active);
+        const nextTab = this.tabQueryList.toArray()[this.tabQueryList.toArray().indexOf(currentTab) + 1];
+        if (nextTab != null) {
+            this.tabQueryList.toArray().forEach(t => (t.active = false));
+            this.dynamicTabs.forEach(t => (t.active = false));
+            nextTab.active = true;
+            nextTab.selectionChange.emit();
+        }
+    }
+    previousTab() {
+        const currentTab = this.tabQueryList.toArray().find(tab => tab.active);
+        const previousTab = this.tabQueryList.toArray()[this.tabQueryList.toArray().indexOf(currentTab) - 1];
+        if (previousTab != null) {
+            this.tabQueryList.toArray().forEach(t => (t.active = false));
+            this.dynamicTabs.forEach(t => (t.active = false));
+            previousTab.active = true;
+            previousTab.selectionChange.emit();
+        }
+    }
+};
+GIPITabGroupComponent.ctorParameters = () => [
+    { type: ElementRef },
+    { type: ComponentFactoryResolver }
+];
+__decorate([
+    ContentChildren(GIPITabComponent),
+    __metadata("design:type", QueryList)
+], GIPITabGroupComponent.prototype, "tabQueryList", void 0);
+__decorate([
+    ViewChild(GIPIDynamicTabDirective, { static: false }),
+    __metadata("design:type", GIPIDynamicTabDirective)
+], GIPITabGroupComponent.prototype, "dynamicTabPlaceholder", void 0);
+GIPITabGroupComponent = __decorate([
+    Component({
+        selector: 'gipi-tab-group',
+        exportAs: 'gipiTabGroup',
+        template: "<nav mat-tab-nav-bar>\n    <a mat-tab-link\n       *ngFor=\"let tab of tabQueryList\"\n       (click)=\"selectTab(tab)\"\n       [class.active]=\"tab.active\"\n       [disabled]=\"tab.disabled\">\n        <mat-icon *ngIf=\"tab.icon || tab.svgIcon\"\n                  [svgIcon]=\"tab.svgIcon ? tab.svgIcon : ''\">\n            {{ !tab.svgIcon && tab.icon ? tab.icon : '' }}\n        </mat-icon>\n\n        {{ tab.label }}\n    </a>\n\n    <a mat-tab-link\n       *ngFor=\"let tab of dynamicTabs\"\n       (click)=\"selectTab(tab)\"\n       [class.active]=\"tab.active\"\n       [disabled]=\"tab.disabled\">\n        <mat-icon *ngIf=\"tab.icon || tab.svgIcon\"\n                  [svgIcon]=\"tab.svgIcon ? tab.svgIcon : ''\">\n            {{ !tab.svgIcon && tab.icon ? tab.icon : '' }}\n        </mat-icon>\n\n        {{ tab.label }}\n    </a>\n</nav>\n\n<ng-content> </ng-content>\n<ng-template dynamicTab\n             #container>\n</ng-template>",
+        host: {
+            'class': 'gipi-tab-group',
+        },
+        styles: [":host{display:block;flex:1;width:100%;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}:host ::ng-deep .mat-tab-nav-bar{background:#f5f5f6;border:none;border-radius:.4rem;padding:.4rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)}:host ::ng-deep .mat-tab-links{display:flex;gap:1rem}:host ::ng-deep .mat-tab-link{height:auto!important;padding:1rem!important;opacity:1!important;border:none!important;border-radius:4px!important;transition:.2s!important;color:#595959!important;gap:1rem}:host ::ng-deep .mat-tab-link>mat-icon{width:2rem!important;height:2rem!important;font-size:2rem!important;color:#595959!important}:host ::ng-deep .mat-tab-link>mat-icon svg,:host ::ng-deep .mat-tab-link>mat-icon svg g path,:host ::ng-deep .mat-tab-link>mat-icon svg path{color:#595959!important;fill:#595959!important}:host ::ng-deep .mat-tab-link:not(.active):hover{background:#e0e1e2!important}:host ::ng-deep .mat-tab-link.active{background:#e0313e!important;color:#fff!important}:host ::ng-deep .mat-tab-link.active>mat-icon{color:#fff!important}:host ::ng-deep .mat-tab-link.active>mat-icon svg,:host ::ng-deep .mat-tab-link.active>mat-icon svg g path,:host ::ng-deep .mat-tab-link.active>mat-icon svg path{color:#fff!important;fill:#fff!important}:host ::ng-deep .mat-tab-link:disabled,:host ::ng-deep .mat-tab-link:disabled>mat-icon{color:#9a9da2!important;fill:#9a9da2!important}:host ::ng-deep .mat-tab-link:disabled svg,:host ::ng-deep .mat-tab-link:disabled svg g path,:host ::ng-deep .mat-tab-link:disabled svg path,:host ::ng-deep .mat-tab-link:disabled>mat-icon svg,:host ::ng-deep .mat-tab-link:disabled>mat-icon svg g path,:host ::ng-deep .mat-tab-link:disabled>mat-icon svg path{color:#9a9da2!important;fill:#9a9da2!important}:host ::ng-deep .mat-ink-bar{display:none!important}"]
+    }),
+    __metadata("design:paramtypes", [ElementRef,
+        ComponentFactoryResolver])
+], GIPITabGroupComponent);
+
 var GIPIToolbarComponent_1;
 let GIPIToolbarComponent = GIPIToolbarComponent_1 = class GIPIToolbarComponent {
     constructor() { }
@@ -15916,31 +16829,6 @@ GIPITopNavComponent = GIPITopNavComponent_1 = __decorate([
     __metadata("design:paramtypes", [NavService])
 ], GIPITopNavComponent);
 
-/** @dynamic */
-class NumberUtil {
-    static isPositive(value) {
-        return !ObjectUtil.isNull(value) && value > 0;
-    }
-    static isNegative(value) {
-        return !ObjectUtil.isNull(value) && value < 0;
-    }
-    static format(value, digitsInfo, type) {
-        if (!ObjectUtil.isNull(value) && (!type || type === 'NUMBER')) {
-            return formatNumber(value, 'pt', digitsInfo);
-        }
-        else if (!ObjectUtil.isNull(value) && type === 'PERCENT') {
-            return formatPercent(value / 100, 'pt', digitsInfo);
-        }
-        return StringUtil.EMPTY;
-    }
-    static onlyNumbers(value) {
-        return String(value).replace(/[^\d]/g, '');
-    }
-    static isNumber(value) {
-        return value !== null && value !== undefined && !isNaN(value) && typeof value === 'number';
-    }
-}
-
 const moment = moment_;
 /** @dynamic */
 class DateUtil {
@@ -19735,7 +20623,7 @@ MatDatepickerInput = MatDatepickerInput_1 = __decorate([
  * found in the LICENSE file at https://angular.io/license
  */
 var MatDateRangeInput_1;
-let nextUniqueId$e = 0;
+let nextUniqueId$i = 0;
 let MatDateRangeInput = MatDateRangeInput_1 = class MatDateRangeInput {
     constructor(_changeDetectorRef, _elementRef, control, _dateAdapter, _formField) {
         this._changeDetectorRef = _changeDetectorRef;
@@ -19743,7 +20631,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$e++}`;
+        this.id = `mat-date-range-input-${nextUniqueId$i++}`;
         /** Whether the control is focused. */
         this.focused = false;
         /** Name of the form control. */
@@ -20531,12 +21419,12 @@ class BrowserUtil {
 
 var DateRangePickerComponent_1;
 const moment$1 = moment_;
-let nextUniqueId$f = 0;
+let nextUniqueId$j = 0;
 let DateRangePickerComponent = DateRangePickerComponent_1 = class DateRangePickerComponent {
     constructor(elementRef, _changeDetectorRef) {
         this.elementRef = elementRef;
         this._changeDetectorRef = _changeDetectorRef;
-        this._name = `gipi-date-range-${nextUniqueId$f++}`;
+        this._name = `gipi-date-range-${nextUniqueId$j++}`;
         this.idStartDate = `${this._name}-start`;
         this.idEndDate = `${this._name}-end`;
         this.nameStartDate = `${this._name}-start`;
@@ -21160,12 +22048,12 @@ PresetRangeComponent = PresetRangeComponent_1 = __decorate([
 
 var DatepickerComponent_1;
 const moment$3 = moment_;
-let nextUniqueId$g = 0;
+let nextUniqueId$k = 0;
 let DatepickerComponent = DatepickerComponent_1 = class DatepickerComponent {
     constructor(elementRef, _changeDetectorRef) {
         this.elementRef = elementRef;
         this._changeDetectorRef = _changeDetectorRef;
-        this._name = `gipi-date-range-${nextUniqueId$g++}`;
+        this._name = `gipi-date-range-${nextUniqueId$k++}`;
         this.id = `${this._name}-date`;
         this.name = `${this._name}-date`;
         this.label = '';
@@ -21184,14 +22072,18 @@ let DatepickerComponent = DatepickerComponent_1 = class DatepickerComponent {
     }
     set minDate(value) {
         this._minDate = value;
-        this._minDate.setHours(0, 0, 0, 0);
+        if (!ObjectUtil.isNull(value)) {
+            this._minDate.setHours(0, 0, 0, 0);
+        }
     }
     get maxDate() {
         return this._maxDate;
     }
     set maxDate(value) {
         this._maxDate = value;
-        this._maxDate.setHours(0, 0, 0, 0);
+        if (!ObjectUtil.isNull(value)) {
+            this._maxDate.setHours(0, 0, 0, 0);
+        }
     }
     get required() {
         return this._required;
@@ -21683,7 +22575,7 @@ class MonthPickerModel {
         this.selectedYearMoment = moment$5();
         this.updateYearText();
         this.selectedMonthMoment = moment$5();
-        this.months = moment$5.monthsShort().map(month => `${month}.`);
+        this.months = ['Jan.', 'Fev.', 'Mar.', 'Abr.', 'Mai.', 'Jun.', 'Jul.', 'Ago.', 'Set.', 'Out.', 'Nov.', 'Dez.'];
         this.selectedMonthIndex = this.selectedMonthMoment.month();
         this.selectedMonthYear = this.selectedYearMoment.year();
     }
@@ -21704,7 +22596,7 @@ class MonthPickerModel {
         this.updateYearText();
     }
 }
-let nextUniqueId$h = 0;
+let nextUniqueId$l = 0;
 let MonthYearPickerComponent = MonthYearPickerComponent_1 = class MonthYearPickerComponent {
     constructor(elementRef, _changeDetectorRef, _overlay, _ngZone, _viewContainerRef, scrollStrategy, _dir, _document) {
         this.elementRef = elementRef;
@@ -21714,7 +22606,7 @@ let MonthYearPickerComponent = MonthYearPickerComponent_1 = class MonthYearPicke
         this._viewContainerRef = _viewContainerRef;
         this._dir = _dir;
         this._document = _document;
-        this._name = `gipi-date-range-${nextUniqueId$h++}`;
+        this._name = `gipi-date-range-${nextUniqueId$l++}`;
         this._focusedElementBeforeOpen = null;
         this._backdropHarnessClass = `${this._name}-backdrop`;
         this._stateChanges = new Subject();
@@ -22122,320 +23014,336 @@ MonthYearPickerModule = __decorate([
         ],
         entryComponents: [
             CalendarMonthYearComponent,
-        ],
-    })
-], MonthYearPickerModule);
-
-var GIPIRangePageComponent_1;
-let nextUniqueId$i = 0;
-class RangePage {
-    constructor(start, end) {
-        this.start = start;
-        this.end = end;
-    }
-    getTotalCount() {
-        return (this.end - this.start) + 1;
-    }
-    getRange() {
-        return Array.from({ length: this.getTotalCount() }, (_, i) => this.start - 1 + i);
-    }
-}
-let GIPIRangePageComponent = GIPIRangePageComponent_1 = class GIPIRangePageComponent {
-    constructor(elementRef, _changeDetectorRef) {
+        ],
+    })
+], MonthYearPickerModule);
+
+var GIPISplitButtonComponent_1;
+let nextUniqueId$m = 0;
+let GIPISplitButtonComponent = GIPISplitButtonComponent_1 = class GIPISplitButtonComponent {
+    constructor(elementRef) {
         this.elementRef = elementRef;
-        this._changeDetectorRef = _changeDetectorRef;
-        this._name = `gipi-range-page-${nextUniqueId$i++}`;
-        this._startPage = 1;
-        this._endPage = 1;
+        this._uniqueId = nextUniqueId$m++;
+        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.placeholderStart = '';
-        this.placeholderEnd = '';
-        this.help = '';
-        this._min = 1;
-        this._max = 100;
-        this._step = 1;
-        this._required = false;
-        this._disabled = false;
-        this.onChange = (value) => { };
-        this.onTouched = () => { };
-    }
-    get min() {
-        return NumberUtil.isNumber(this._min) ? this._min : 1;
-    }
-    set min(value) {
-        this._min = value;
-        this._initPage();
-    }
-    get max() {
-        return NumberUtil.isNumber(this._max) ? this._max : 100;
-    }
-    set max(value) {
-        this._max = value;
-        this._initPage();
-    }
-    get step() {
-        return NumberUtil.isNumber(this._step) ? this._step : 1;
-    }
-    set step(value) {
-        this._step = value;
-        this._initPage();
-    }
-    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 formattedValue() {
-        return '';
-    }
-    ngOnInit() {
-        this._initPage();
+        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);
     }
-    ngOnDestroy() { }
-    writeValue(value) {
-        if (!ObjectUtil.isNull(value)) {
-            this._startPage = value.start || this._startPage;
-            this._endPage = value.end || this._endPage;
+    ngOnInit() { }
+    ngOnDestroy() {
+        if (this.popoverTrigger) {
+            this.popoverTrigger.destroyPopover();
         }
-        this._changeDetectorRef.detectChanges();
     }
-    registerOnChange(fn) {
-        this.onChange = fn;
+    getHostElement() {
+        return this.elementRef.nativeElement;
     }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
+    _hasHostAttributes(...attributes) {
+        return attributes.some(attribute => this.getHostElement().hasAttribute(attribute));
     }
-    setDisabledState(isDisabled) {
-        this.disabled = isDisabled;
-        this._changeDetectorRef.markForCheck();
+    btnIdAndName() {
+        const uniqueId = nextUniqueId$m++;
+        return {
+            btnDefault: `gipi-split-button-default-${uniqueId}`,
+            btnMenu: `gipi-split-button-menu-${uniqueId}`,
+        };
     }
-    _initPage() {
-        this._startPage = this.min;
-        this._endPage = Math.min(this._startPage + this.step - 1, this.max);
+    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,
+        };
     }
-    updateEndPage() {
-        if (this.disabled) {
+    showPopover() {
+        if (this.disabled || this.loading) {
             return;
         }
-        if (this._startPage < this.min) {
-            this._startPage = this.min;
-        }
-        else if (this._startPage > this.max) {
-            this._startPage = this.max;
+        else {
+            this.popoverTrigger.openPopover();
         }
-        if (this._endPage < this._startPage) {
-            this._endPage = this._startPage;
+    }
+    closePopover() {
+        if (this.disabled || this.loading) {
+            return;
         }
-        else if (this._endPage > (this._startPage + (this.step - 1))) {
-            this._endPage = Math.min(this._startPage + this.step - 1, this.max);
+        else {
+            this.popoverTrigger.closePopover();
         }
-        this._propagateChange();
     }
-    updateStartPage() {
-        if (this.disabled) {
+    handleClick(event) {
+        if (this.disabled || this.loading) {
             return;
         }
-        if (this._endPage > this.max) {
-            this._endPage = this.max;
-        }
-        else if (this._endPage > this.max) {
-            this._endPage = this.max;
+        else {
+            this.onClick.emit(event);
+            this.closePopover();
+            event.stopPropagation();
         }
-        if (this._startPage > this._endPage) {
-            this._startPage = this._endPage;
+    }
+    handleFocus(event) {
+        if (this.disabled || this.loading) {
+            return;
         }
-        else if (this._startPage < (this._endPage - (this.step + 1))) {
-            this._startPage = Math.max(this._endPage - this.step + 1, this.min);
+        else {
+            this.onFocus.emit(event);
+            event.stopPropagation();
         }
-        this._propagateChange();
     }
-    previous() {
-        if (this.disabled) {
+    handleBlur(event) {
+        if (this.disabled || this.loading) {
             return;
         }
-        const newStartPage = Math.max(this._startPage - this.step + 1, this.min);
-        let newEndPage = Math.min(newStartPage + this.step - 1, this.max);
-        if (newEndPage >= this.min) {
-            this._startPage = newStartPage;
-            this._endPage = newEndPage;
-            this._propagateChange();
+        else {
+            this.onBlur.emit(event);
+            event.stopPropagation();
         }
     }
-    next() {
-        if (this.disabled) {
+    handleClickBtnMenu(event) {
+        if (this.disabled || this.loading) {
             return;
         }
-        // const newStartPage = Math.min(this._startPage + this.step, this.max - this.step + 1);
-        // let newEndPage = newStartPage + this.step - 1;
-        const newStartPage = Math.min(this._startPage + this.step, this.max);
-        let newEndPage = Math.min(newStartPage + this.step - 1, this.max);
-        if ((newStartPage === this.max) || (newEndPage > this.max)) {
-            newEndPage = newStartPage;
-        }
-        if (newEndPage <= this.max) {
-            this._startPage = newStartPage;
-            this._endPage = newEndPage;
-            this._propagateChange();
+        else {
+            if (!ObjectUtil.isNull(this.popoverTrigger)) {
+                this.popoverTrigger.togglePopover();
+            }
+            event.stopPropagation();
         }
     }
-    selectText(input) {
-        if (this.disabled || !input) {
+    handleClickBtnSplitOption(option) {
+        if (this.disabled || this.loading || !option || option.disabled || !option.clickFn) {
             return;
         }
-        setTimeout(() => input.select(), 0);
+        else {
+            option.clickFn();
+            this.closePopover();
+        }
     }
-    _propagateChange() {
-        this.onChange(new RangePage(this._startPage, this._endPage));
-        this.onTouched();
+    onResize(event) {
+        if (this.popoverTrigger) {
+            this.popoverTrigger.closePopover();
+            event.stopPropagation();
+        }
     }
 };
-GIPIRangePageComponent.ctorParameters = () => [
-    { type: ElementRef },
-    { type: ChangeDetectorRef }
+GIPISplitButtonComponent.ctorParameters = () => [
+    { type: ElementRef }
 ];
+__decorate([
+    ViewChild(GIPIPopoverTrigger, { static: false }),
+    __metadata("design:type", GIPIPopoverTrigger)
+], GIPISplitButtonComponent.prototype, "popoverTrigger", void 0);
 __decorate([
     Input(),
     __metadata("design:type", String)
-], GIPIRangePageComponent.prototype, "id", void 0);
+], GIPISplitButtonComponent.prototype, "id", void 0);
 __decorate([
     Input(),
     __metadata("design:type", String)
-], GIPIRangePageComponent.prototype, "name", void 0);
+], GIPISplitButtonComponent.prototype, "name", void 0);
 __decorate([
     Input(),
     __metadata("design:type", String)
-], GIPIRangePageComponent.prototype, "label", void 0);
+], GIPISplitButtonComponent.prototype, "type", void 0);
 __decorate([
     Input(),
     __metadata("design:type", String)
-], GIPIRangePageComponent.prototype, "tooltip", void 0);
+], GIPISplitButtonComponent.prototype, "ariaLabel", void 0);
 __decorate([
     Input(),
     __metadata("design:type", String)
-], GIPIRangePageComponent.prototype, "placeholderStart", void 0);
+], GIPISplitButtonComponent.prototype, "title", void 0);
 __decorate([
     Input(),
     __metadata("design:type", String)
-], GIPIRangePageComponent.prototype, "placeholderEnd", void 0);
+], GIPISplitButtonComponent.prototype, "label", void 0);
 __decorate([
     Input(),
     __metadata("design:type", String)
-], GIPIRangePageComponent.prototype, "help", void 0);
+], GIPISplitButtonComponent.prototype, "buttonClass", void 0);
 __decorate([
     Input(),
-    __metadata("design:type", Number),
-    __metadata("design:paramtypes", [Number])
-], GIPIRangePageComponent.prototype, "min", null);
+    __metadata("design:type", Boolean)
+], GIPISplitButtonComponent.prototype, "disabled", void 0);
 __decorate([
     Input(),
-    __metadata("design:type", Number),
-    __metadata("design:paramtypes", [Number])
-], GIPIRangePageComponent.prototype, "max", null);
+    __metadata("design:type", Boolean)
+], GIPISplitButtonComponent.prototype, "loading", void 0);
 __decorate([
     Input(),
-    __metadata("design:type", Number),
-    __metadata("design:paramtypes", [Number])
-], GIPIRangePageComponent.prototype, "step", null);
+    __metadata("design:type", String)
+], GIPISplitButtonComponent.prototype, "tooltip", void 0);
 __decorate([
-    Input(),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [Boolean])
-], GIPIRangePageComponent.prototype, "required", null);
+    Input('options'),
+    __metadata("design:type", Array)
+], GIPISplitButtonComponent.prototype, "splitOptions", void 0);
 __decorate([
-    Input(),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [Boolean])
-], GIPIRangePageComponent.prototype, "disabled", null);
-GIPIRangePageComponent = GIPIRangePageComponent_1 = __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-range-page',
-        template: "<label *ngIf=\"label\"\n       class=\"input-label\"\n       [attr.for]=\"id\">\n    {{ label }}\n    <span *ngIf=\"required\"> * </span>\n    <gipi-helpful-tip *ngIf=\"tooltip && label\"\n                      [tooltip]=\"tooltip\">\n    </gipi-helpful-tip>\n</label>\n\n<div class=\"input-content\">\n    <div class=\"prefix\"\n         [class.disabled]=\"disabled\"\n         (click)=\"previous()\">\n        <mat-icon>chevron_left</mat-icon>\n    </div>\n    <input #startInput\n           matInput\n           class=\"input-element\"\n           type=\"number\"\n           [attr.id]=\"id\"\n           [attr.name]=\"name\"\n           [min]=\"min\"\n           [max]=\"max\"\n           [maxlength]=\"10\"\n           [placeholder]=\"placeholderStart\"\n           [disabled]=\"disabled\"\n           [required]=\"required\"\n           [readOnly]=\"false\"\n           [autocomplete]=\"'off'\"\n           [autofocus]=\"false\"\n           [(ngModel)]=\"_startPage\"\n           (keyup)=\"updateEndPage()\"\n           (focus)=\"selectText(startInput)\"\n           (click)=\"selectText(startInput)\" />\n    <div class=\"infix\">\n        a\n    </div>\n    <input #endInput\n           matInput\n           class=\"input-element\"\n           type=\"number\"\n           [attr.id]=\"id\"\n           [attr.name]=\"name\"\n           [min]=\"_startPage\"\n           [max]=\"max\"\n           [maxlength]=\"10\"\n           [placeholder]=\"placeholderEnd\"\n           [disabled]=\"disabled\"\n           [required]=\"required\"\n           [readOnly]=\"false\"\n           [autocomplete]=\"'off'\"\n           [autofocus]=\"false\"\n           [(ngModel)]=\"_endPage\"\n           (keyup)=\"updateStartPage()\"\n           (focus)=\"selectText(endInput)\"\n           (click)=\"selectText(endInput)\" />\n    <div class=\"suffix\"\n         [class.disabled]=\"disabled\"\n         (click)=\"next()\">\n        <mat-icon>chevron_right</mat-icon>\n    </div>\n</div>\n\n<small *ngIf=\"help\"\n       class=\"input-help\">\n    {{ help }}\n</small>",
+        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(() => GIPIRangePageComponent_1),
+                useExisting: forwardRef(() => GIPISplitButtonComponent_1),
                 multi: true
-            },
+            }
         ],
-        styles: [":host{display:flex;flex-direction:column;gap:.8rem;font-size:1.4rem;color:#696969}:host .input-label{display:flex;align-items:center;gap:.4rem;color:#131313;line-height:1.6rem}:host .input-label>span{font-size:1.6rem;line-height:1.6rem;color:#d14014}:host .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}:host .input-content .input-element{padding:.75rem .8rem;border:none;outline:0;background-color:transparent;flex:1;color:inherit;caret-color:#696969;min-width:0;text-align:center;margin:0!important}:host .input-content .input-element::-webkit-inner-spin-button,:host .input-content .input-element::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;opacity:0}:host .input-content:has(.input-element:disabled){color:#bbbdc1!important;border-color:#e0e1e2!important;background-color:#f5f5f6!important;cursor:not-allowed}:host .input-content:has(.input-element:disabled) .suffix>mat-icon{color:#bbbdc1!important}:host .input-content .input-element:disabled{cursor:not-allowed}:host .input-content .infix,:host .input-content .prefix,:host .input-content .suffix{display:flex;align-items:center;justify-content:center;padding-block:.75rem;padding-inline:.8rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:.2s;background-color:#e0313e}:host .input-content .infix>mat-icon,:host .input-content .prefix>mat-icon,:host .input-content .suffix>mat-icon{width:2rem;height:2rem;font-size:2rem;color:#fff}:host .input-content .infix:not(.infix):not(.disabled):hover,:host .input-content .prefix:not(.infix):not(.disabled):hover,:host .input-content .suffix:not(.infix):not(.disabled):hover{background-color:#cc2d38}:host .input-content .infix:not(.infix):not(.disabled):active,:host .input-content .prefix:not(.infix):not(.disabled):active,:host .input-content .suffix:not(.infix):not(.disabled):active{background-color:#9f232c}:host .input-content .prefix.disabled,:host .input-content .suffix.disabled{background-color:#d1d2d4}:host .input-content .prefix.disabled>mat-icon,:host .input-content .suffix.disabled>mat-icon{color:#9a9da2}:host .input-content .prefix{border-right:1px solid rgba(0,0,0,.12);border-radius:.6rem 0 0 .6rem;cursor:pointer}:host .input-content .infix{width:1rem;padding:0;background-color:transparent}:host .input-content .suffix{border-left:1px solid rgba(0,0,0,.12);border-radius:0 .6rem .6rem 0;cursor:pointer}:host .input-help{flex:1;font-size:1rem;font-weight:500;margin-top:-.4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::-webkit-input-placeholder{color:#bbbdc1}:-moz-placeholder{color:#bbbdc1}::-moz-placeholder{color:#bbbdc1}:-ms-input-placeholder{color:#bbbdc1}"]
-    }),
-    __metadata("design:paramtypes", [ElementRef,
-        ChangeDetectorRef])
-], GIPIRangePageComponent);
+        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 GIPIRangeSliderComponent_1;
-let nextUniqueId$j = 0;
-let GIPIRangeSliderComponent = GIPIRangeSliderComponent_1 = class GIPIRangeSliderComponent {
+var GIPITextareaComponent_1;
+let nextUniqueId$n = 0;
+let GIPITextareaComponent = GIPITextareaComponent_1 = class GIPITextareaComponent {
     constructor(elementRef, _changeDetectorRef) {
         this.elementRef = elementRef;
         this._changeDetectorRef = _changeDetectorRef;
-        this._name = `gipi-range-slider-${nextUniqueId$j++}`;
+        this._name = `gipi-textarea-${nextUniqueId$n++}`;
         this.id = this._name;
         this.name = this._name;
         this.label = '';
+        this.placeholder = '';
+        this.cols = 20;
+        this.rows = 4;
         this.help = '';
-        this.min = 1;
-        this.max = 100;
-        this._maxRange = 5;
-        this._fromValue = 1;
-        this._toValue = 1;
-        this._step = 1;
-        this._disabled = false;
+        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 maxRange() {
-        return this._maxRange || 5;
+    get resize() {
+        return this._resize;
     }
-    set maxRange(value) {
-        if (!value || (value <= 0)) {
-            throw new Error('Minimum value for "maxRange" must be 1');
+    set resize(value) {
+        if (value !== this.resize) {
+            this._resize = value.toLowerCase();
+            this._changeDetectorRef.detectChanges();
         }
-        this._maxRange = value || 5;
     }
-    get fromValue() {
-        return this._fromValue || 1;
+    get minHeight() {
+        return this._minHeight;
     }
-    set fromValue(value) {
-        if (!value || (value <= 0)) {
-            throw new Error('Minimum value for "from" must be 1');
+    set minHeight(value) {
+        if (value.trim().toUpperCase() === 'AUTO') {
+            this._minHeight = 'auto';
+        }
+        else {
+            this._minHeight = coerceCssPixelValue(value);
         }
-        this._fromValue = value || 1;
     }
-    get toValue() {
-        return this._toValue || 1;
+    get height() {
+        return this._height;
     }
-    set toValue(value) {
-        if (!value || (value <= 0)) {
-            throw new Error('Minimum value for "to" must be 1');
+    set height(value) {
+        if (value.trim().toUpperCase() === 'AUTO') {
+            this._height = 'auto';
+        }
+        else {
+            this._height = coerceCssPixelValue(value);
         }
-        this._toValue = value || 1;
     }
-    get step() {
-        return this._step || 1;
+    get maxHeight() {
+        return this._maxHeight;
     }
-    set step(value) {
-        if (!value || (value <= 0)) {
-            throw new Error('Minimum value for "step" must be 1');
+    set maxHeight(value) {
+        if (value.trim().toUpperCase() === 'AUTO') {
+            this._maxHeight = 'auto';
+        }
+        else {
+            this._maxHeight = coerceCssPixelValue(value);
         }
-        this._step = value || 1;
     }
-    get disabled() {
-        return this._disabled;
+    get autocomplete() {
+        return this._autocomplete;
     }
-    set disabled(value) {
-        this._disabled = coerceBooleanProperty(value);
+    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;
@@ -22443,275 +23351,201 @@ let GIPIRangeSliderComponent = GIPIRangeSliderComponent_1 = class GIPIRangeSlide
     set required(value) {
         this._required = coerceBooleanProperty(value);
     }
-    ngOnInit() { }
-    ngAfterViewInit() {
-        this._fillSlider();
-        this._setToggleAccessible();
+    get disabled() {
+        return this._disabled;
     }
-    ngOnDestroy() { }
-    writeValue(value) {
-        if (value) {
-            this.fromValue = value.from;
-            this.toValue = value.to;
-            if (this.fromSlider && this.toSlider) {
-                this.fromSlider.nativeElement.value = this.fromValue.toString();
-                this.toSlider.nativeElement.value = this.toValue.toString();
-                this._fillSlider();
-                this._setToggleAccessible();
-            }
-        }
+    set disabled(value) {
+        this._disabled = coerceBooleanProperty(value);
     }
-    registerOnChange(fn) {
-        this.onChange = fn;
+    get lowerCase() {
+        return this._lowerCase;
     }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
+    set lowerCase(value) {
+        this._lowerCase = coerceBooleanProperty(value);
     }
-    setDisabledState(isDisabled) {
-        this.disabled = isDisabled;
-        this._changeDetectorRef.markForCheck();
+    get upperCase() {
+        return this._upperCase;
     }
-    controlFromInput(isByNgModel) {
-        let [from, to] = isByNgModel ? [this.fromValue, this.toValue] : this._getParsed(this.fromSlider.nativeElement, this.toSlider.nativeElement);
-        from = this._roundToStep(from);
-        to = this._roundToStep(to);
-        // if ((to - from) > this.maxRange) {
-        //     from = to - this.maxRange;
-        // }
-        this._fillSlider();
-        this._setToggleAccessible();
-        if (from > to) {
-            this.fromValue = to;
-        }
-        this.fromSlider.nativeElement.value = this.fromValue.toString();
-        this._notifyValueChange();
+    set upperCase(value) {
+        this._upperCase = coerceBooleanProperty(value);
     }
-    controlToInput(isByNgModel) {
-        let [from, to] = isByNgModel ? [this.fromValue, this.toValue] : this._getParsed(this.fromSlider.nativeElement, this.toSlider.nativeElement);
-        from = this._roundToStep(from);
-        to = this._roundToStep(to);
-        // if ((to - from) > this.maxRange) {
-        //     to = from + this.maxRange;
-        // }
-        this._fillSlider();
-        this._setToggleAccessible();
-        if (from <= to) {
-            this.toValue = to;
-        }
-        else {
-            this.toValue = from;
-        }
-        this.toSlider.nativeElement.value = this.toValue.toString();
-        this._notifyValueChange();
+    get spaceDrop() {
+        return this._spaceDrop;
     }
-    controlFromSlider() {
-        let [from, to] = this._getParsed(this.fromSlider.nativeElement, this.toSlider.nativeElement);
-        from = this._roundToStep(from);
-        to = this._roundToStep(to);
-        if ((to - from) > this.maxRange) {
-            from = to - this.maxRange;
-        }
-        this._fillSlider();
-        this._setToggleAccessible();
-        if ((to - from) === this.maxRange) {
-            let [from, to] = this._getParsed(this.fromSlider.nativeElement, this.toSlider.nativeElement);
-            from = this._roundToStep(from);
-            to = this._roundToStep(to);
-            if ((to - from) > this.maxRange) {
-                to = from + this.maxRange;
-            }
-            this._fillSlider();
-            if (from <= to) {
-                this.toValue = to;
-            }
-            else {
-                this.toValue = from;
-            }
-            this.toSlider.nativeElement.value = this.toValue.toString();
-        }
-        if (from >= to) {
-            this.fromValue = to;
-        }
-        else {
-            this.fromValue = from;
-        }
-        this.fromSlider.nativeElement.value = this.fromValue.toString();
-        this._notifyValueChange();
+    set spaceDrop(value) {
+        this._spaceDrop = coerceBooleanProperty(value);
     }
-    controlToSlider() {
-        let [from, to] = this._getParsed(this.fromSlider.nativeElement, this.toSlider.nativeElement);
-        from = this._roundToStep(from);
-        to = this._roundToStep(to);
-        if ((to - from) > this.maxRange) {
-            to = from + this.maxRange;
-        }
-        this._fillSlider();
-        this._setToggleAccessible();
-        if ((to - from) === this.maxRange) {
-            let [from, to] = this._getParsed(this.fromSlider.nativeElement, this.toSlider.nativeElement);
-            from = this._roundToStep(from);
-            to = this._roundToStep(to);
-            if ((to - from) > this.maxRange) {
-                from = to - this.maxRange;
-            }
-            this._fillSlider();
-            if (from >= to) {
-                this.fromValue = to;
-            }
-            else {
-                this.fromValue = from;
-            }
-            this.fromSlider.nativeElement.value = this.fromValue.toString();
-        }
-        if (from <= to) {
-            this.toValue = to;
-        }
-        else {
-            this.toValue = from;
-        }
-        this.toSlider.nativeElement.value = this.toValue.toString();
-        this._notifyValueChange();
+    get value() {
+        return this._value;
     }
-    _getParsed(currentFrom, currentTo) {
-        const from = parseInt(currentFrom.value, 10);
-        const to = parseInt(currentTo.value, 10);
-        return [from, to];
+    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);
     }
-    _fillSlider() {
-        const fromSliderEl = this.fromSlider.nativeElement;
-        const toSliderEl = this.toSlider.nativeElement;
-        const rangeDistance = Number(toSliderEl.max) - Number(toSliderEl.min);
-        const fromPosition = (this.fromValue - Number(fromSliderEl.min));
-        const toPosition = (this.toValue - Number(toSliderEl.min));
-        const sliderColor = '#e0e1e2';
-        const rangeColor = '#f1a0a6';
-        toSliderEl.style.background = `linear-gradient(
-            to right,
-            ${sliderColor} 0%,
-            ${sliderColor} ${(fromPosition) / (rangeDistance) * 100}%,
-            ${rangeColor} ${((fromPosition) / (rangeDistance)) * 100}%,
-            ${rangeColor} ${(toPosition) / (rangeDistance) * 100}%,
-            ${sliderColor} ${(toPosition) / (rangeDistance) * 100}%,
-            ${sliderColor} 100%)`;
+    ngOnInit() { }
+    writeValue(value) {
+        this._value = value;
     }
-    _setToggleAccessible() {
-        const fromInput = this.fromSlider.nativeElement;
-        const toInput = this.toSlider.nativeElement;
-        const fromValue = parseInt(fromInput.value, 10);
-        const toValue = parseInt(toInput.value, 10);
-        if (fromValue <= parseInt(fromInput.min, 10) && toValue <= parseInt(toInput.min, 10)) {
-            // Ambos estão no mínimo
-            fromInput.style.zIndex = '1';
-            toInput.style.zIndex = '2';
-        }
-        else if (fromValue >= parseInt(fromInput.max, 10) && toValue >= parseInt(toInput.max, 10)) {
-            // Ambos estão no máximo
-            fromInput.style.zIndex = '2';
-            toInput.style.zIndex = '1';
-        }
-        else {
-            // Caso geral
-            fromInput.style.zIndex = '2';
-            toInput.style.zIndex = '1';
-        }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+        this._changeDetectorRef.markForCheck();
     }
-    _roundToStep(value) {
-        return Math.round(value / this.step) * this.step;
+    _checkSpaceDrop(value) {
+        if (this.spaceDrop && value) {
+            return value.replace(/\s/g, '');
+        }
+        return value;
     }
-    _notifyValueChange() {
-        this.onChange({ from: this.fromValue, to: this.toValue });
+    _checkUppercase(value) {
+        if (this.upperCase && value) {
+            return value.toUpperCase();
+        }
+        return value;
     }
-    onBlur() {
-        this.onTouched();
+    _checkLowercase(value) {
+        if (this.lowerCase && value) {
+            return value.toLowerCase();
+        }
+        return value;
     }
 };
-GIPIRangeSliderComponent.ctorParameters = () => [
+GIPITextareaComponent.ctorParameters = () => [
     { type: ElementRef },
     { type: ChangeDetectorRef }
 ];
 __decorate([
-    ViewChild('fromSlider', { static: false }),
-    __metadata("design:type", ElementRef)
-], GIPIRangeSliderComponent.prototype, "fromSlider", void 0);
-__decorate([
-    ViewChild('toSlider', { static: false }),
-    __metadata("design:type", ElementRef)
-], GIPIRangeSliderComponent.prototype, "toSlider", void 0);
+    Input(),
+    __metadata("design:type", String)
+], GIPITextareaComponent.prototype, "id", void 0);
 __decorate([
     Input(),
     __metadata("design:type", String)
-], GIPIRangeSliderComponent.prototype, "id", void 0);
+], GIPITextareaComponent.prototype, "name", void 0);
 __decorate([
     Input(),
     __metadata("design:type", String)
-], GIPIRangeSliderComponent.prototype, "name", void 0);
+], GIPITextareaComponent.prototype, "label", void 0);
 __decorate([
     Input(),
     __metadata("design:type", String)
-], GIPIRangeSliderComponent.prototype, "label", void 0);
+], GIPITextareaComponent.prototype, "placeholder", void 0);
+__decorate([
+    Input(),
+    __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)
-], GIPIRangeSliderComponent.prototype, "help", void 0);
+], GIPITextareaComponent.prototype, "help", void 0);
 __decorate([
     Input(),
     __metadata("design:type", Number)
-], GIPIRangeSliderComponent.prototype, "min", void 0);
+], GIPITextareaComponent.prototype, "maxlength", void 0);
 __decorate([
     Input(),
     __metadata("design:type", Number)
-], GIPIRangeSliderComponent.prototype, "max", void 0);
+], GIPITextareaComponent.prototype, "minlength", void 0);
 __decorate([
     Input(),
-    __metadata("design:type", Number),
-    __metadata("design:paramtypes", [Number])
-], GIPIRangeSliderComponent.prototype, "maxRange", null);
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [String])
+], GIPITextareaComponent.prototype, "resize", null);
 __decorate([
-    Input('from'),
-    __metadata("design:type", Number),
-    __metadata("design:paramtypes", [Number])
-], GIPIRangeSliderComponent.prototype, "fromValue", null);
+    Input(),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [String])
+], GIPITextareaComponent.prototype, "minHeight", null);
 __decorate([
-    Input('to'),
-    __metadata("design:type", Number),
-    __metadata("design:paramtypes", [Number])
-], GIPIRangeSliderComponent.prototype, "toValue", null);
+    Input(),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [String])
+], GIPITextareaComponent.prototype, "height", null);
 __decorate([
     Input(),
-    __metadata("design:type", Number),
-    __metadata("design:paramtypes", [Number])
-], GIPIRangeSliderComponent.prototype, "step", null);
+    __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])
-], GIPIRangeSliderComponent.prototype, "disabled", null);
+], GIPITextareaComponent.prototype, "autofocus", null);
 __decorate([
     Input(),
     __metadata("design:type", Boolean),
     __metadata("design:paramtypes", [Boolean])
-], GIPIRangeSliderComponent.prototype, "required", null);
-GIPIRangeSliderComponent = GIPIRangeSliderComponent_1 = __decorate([
+], 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-range-slider',
-        exportAs: 'gipiRangeSlider',
-        template: "<label *ngIf=\"label\"\n       class=\"input-label\"\n       [attr.for]=\"id\">\n    {{ label }}\n    <span *ngIf=\"required\"> * </span>\n</label>\n\n<div class=\"slider-wrapper\">\n    <!-- <input type=\"number\"\n           [min]=\"min\"\n           [max]=\"max\"\n           [step]=\"step\"\n           [(ngModel)]=\"fromValue\"\n           (ngModelChange)=\"controlFromInput(true)\"\n           (input)=\"controlFromInput(false)\"\n           (blur)=\"onBlur()\" /> -->\n    <span class=\"value min\">\n        {{ min }}\n    </span>\n    <div class=\"sliders-control\">\n        <input #fromSlider\n               id=\"fromSlider\"\n               type=\"range\"\n               class=\"from-value\"\n               [min]=\"min\"\n               [max]=\"max\"\n               [value]=\"fromValue\"\n               (input)=\"controlFromSlider()\"\n               (mouseup)=\"controlFromSlider()\"\n               (blur)=\"onBlur()\" />\n        <input #toSlider\n               id=\"toSlider\"\n               type=\"range\"\n               class=\"to-value\"\n               [min]=\"min\"\n               [max]=\"max\"\n               [value]=\"toValue\"\n               (input)=\"controlToSlider()\"\n               (mouseup)=\"controlToSlider()\"\n               (blur)=\"onBlur()\" />\n    </div>\n    <span class=\"value max\">\n        {{ max }}\n    </span>\n    <!-- <input type=\"number\"\n           [min]=\"min\"\n           [max]=\"max\"\n           [step]=\"step\"\n           [(ngModel)]=\"toValue\"\n           (ngModelChange)=\"controlToInput(true)\"\n           (input)=\"controlToInput(false)\"\n           (blur)=\"onBlur()\" /> -->\n</div>\n<span class=\"value min\">\n    {{ fromValue }} - {{ toValue }}\n</span>\n<small *ngIf=\"help\"\n       class=\"input-help\">\n    {{ help }}\n</small>",
+        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(() => GIPIRangeSliderComponent_1),
+                useExisting: forwardRef(() => GIPITextareaComponent_1),
                 multi: true
-            },
+            }
         ],
         host: {
-            'class': 'gipi-range-slider',
+            'class': 'gipi-textarea',
         },
         changeDetection: ChangeDetectionStrategy.OnPush,
-        styles: [":host{display:flex;flex-direction:column;gap:.8rem;font-size:1.4rem;color:#696969}:host .input-label{display:flex;align-items:center;gap:.4rem;color:#131313;line-height:1.6rem}:host .input-label>span{font-size:1.6rem;line-height:1.6rem;color:#d14014}:host .slider-wrapper{display:flex;align-items:center;justify-content:space-between;gap:1.6rem}:host .slider-wrapper>input{display:flex;font-family:inherit;font-size:inherit;color:inherit;text-align:center;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:.6rem;outline:0}:host .sliders-control{display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;flex:1}:host .from-value,:host .to-value{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:.6rem;border-radius:.4rem;width:100%;position:absolute;background-color:#e0e1e2;pointer-events:none;outline:0}:host .from-value::-webkit-slider-thumb,:host .to-value::-webkit-slider-thumb{-webkit-appearance:none;display:block;width:1.4rem;height:1.4rem;border-radius:50%;background-color:#e0313e;pointer-events:all;box-shadow:0 .5px 0 0 rgba(0,0,0,.08),0 1px 1px 0 rgba(0,0,0,.14);cursor:-webkit-grab;cursor:grab;outline:0}:host .from-value::-webkit-slider-thumb:hover,:host .to-value::-webkit-slider-thumb:hover{background-color:#cc2d38}:host .from-value::-webkit-slider-thumb:active,:host .to-value::-webkit-slider-thumb:active{box-shadow:inset 0 0 3px #e0313e,0 0 9px #e0313e;-webkit-box-shadow:inset 0 0 3px #e0313e,0 0 9px #e0313e;cursor:-webkit-grabbing;cursor:grabbing}:host input[type=number]{border:1px solid rgba(0,0,0,.12);color:#131313;width:50px;height:30px;font-size:20px;outline:0}:host input[type=number]::-webkit-inner-spin-button,:host input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;opacity:0}:host #fromSlider{height:0;z-index:1}"]
+        styles: [":host{display:flex;flex-direction:column;gap:.8rem;font-size:1.4rem;color:#696969}:host .textarea-label{display:flex;align-items:center;gap:.4rem;color:#131313;line-height:1.6rem}:host .textarea-label>span{font-size:1.6rem;line-height:1.6rem;color:#d14014}:host .textarea-element{display:flex;font-family:inherit;font-size:inherit;color:inherit;padding:.75rem .8rem;background:#fff;border:1px solid rgba(0,0,0,.12);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:6px;caret-color:#696969;max-height:12rem;min-height:6rem;resize:vertical;outline:0;overflow:auto}:host .textarea-element:not(:disabled):hover{border-color:#6d6f73}:host .textarea-element:not(:disabled).ng-dirty.ng-invalid:enabled:hover,:host .textarea-element:not(:disabled):invalid:enabled:hover{border-color:#e07f62}:host .textarea-element:not(:disabled):enabled:focus{outline:0;outline-offset:0;box-shadow:0 0 0 .2rem #e0e1e2;border-color:#6d6f73}:host .textarea-element:not(:disabled).ng-dirty.ng-invalid:enabled,:host .textarea-element:not(:disabled):invalid:enabled{border-color:#d14014}:host .textarea-element:not(:disabled).ng-dirty.ng-invalid:enabled:focus,:host .textarea-element:not(:disabled):invalid:enabled:focus{outline:0;outline-offset:0;box-shadow:0 0 0 .2rem #f1c4b6;border-color:#d14014}:host .textarea-element:disabled{color:#bbbdc1!important;border-color:#e0e1e2!important;background-color:#f5f5f6!important;cursor:not-allowed}:host .textarea-element.resize-none{resize:none}:host .textarea-element.resize-both{resize:both}:host .textarea-element.resize-horizontal{resize:horizontal}:host .textarea-element.resize-vertical{resize:vertical}:host .textarea-help{flex:1;font-size:1rem;font-weight:500;margin-top:-.4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::-webkit-input-placeholder{color:#bbbdc1}:-moz-placeholder{color:#bbbdc1}::-moz-placeholder{color:#bbbdc1}:-ms-input-placeholder{color:#bbbdc1}"]
     }),
     __metadata("design:paramtypes", [ElementRef,
         ChangeDetectorRef])
-], GIPIRangeSliderComponent);
+], GIPITextareaComponent);
 
 let INJECTOR;
 const GIPIComponents = [
@@ -22754,6 +23588,14 @@ const GIPIComponents = [
     GIPIBadgeComponent,
     GIPIRangeSliderComponent,
     GIPIRangePageComponent,
+    GIPISlideToggleComponent,
+    GIPIEmptyStateComponent,
+    GIPICardComponent,
+    GIPITextareaComponent,
+    GIPISplitButtonComponent,
+    // Tabs
+    GIPITabGroupComponent,
+    GIPITabComponent,
     // Table
     GIPITableHeaderComponent,
     GIPITableBodyComponent,
@@ -22769,6 +23611,7 @@ const GIPIDirectives = [
     GIPIFileDragAndDropDirective,
     GIPIInfiniteScrollDirective,
     GIPIPaginationControlsDirective,
+    GIPIDynamicTabDirective,
 ];
 const GIPIPipes = [
     GIPIPaginatePipe,
@@ -22817,9 +23660,6 @@ SharedModule = __decorate([
             RadioGroupEntityComponent,
             RadioGroupEnumComponent,
             SlideToggleComponent,
-            TabGroupComponent,
-            TabComponent,
-            DynamicTabDirective,
             IconComponent,
             StepperComponent,
             TextareaComponent,
@@ -22832,7 +23672,6 @@ SharedModule = __decorate([
             SpaceDropDirective,
             OverlayPanelComponent,
             ItssTemplate,
-            SelectButtonComponent,
             SelectMonthPeriodComponent,
             InputSelectInfiniteScrollDirective,
             TableScrolledComponent,
@@ -22884,8 +23723,6 @@ SharedModule = __decorate([
             RadioGroupEntityComponent,
             RadioGroupEnumComponent,
             SlideToggleComponent,
-            TabGroupComponent,
-            TabComponent,
             IconComponent,
             StepperComponent,
             TextareaComponent,
@@ -22895,7 +23732,6 @@ SharedModule = __decorate([
             MentionModule,
             OverlayPanelComponent,
             ItssTemplate,
-            SelectButtonComponent,
             SelectMonthPeriodComponent,
             InputSelectInfiniteScrollDirective,
             TableScrolledComponent,
@@ -22910,8 +23746,8 @@ SharedModule = __decorate([
         ],
         entryComponents: [
             GIPIConfirmationDialogComponent,
-            TabGroupComponent,
-            TabComponent,
+            GIPITabGroupComponent,
+            GIPITabComponent,
             PopoverComponent,
         ],
         providers: [
@@ -23685,33 +24521,27 @@ class GIPIAbstractCrudService extends GIPIAbstractService {
         return this.baseService.httpClient.post(this.url('find-all', version), filter, this.options()).pipe(map(this.handleMapper), takeUntil(this.handleDestroy), catchError(this.handleError));
     }
     findAllEnabled(page, size, version) {
-        if ((!page) || (page && (page < 0))) {
-            page = 0;
-        }
-        if ((!size) || (size && (size <= 0))) {
-            size = 10;
-        }
-        return this.baseService.httpClient.get(this.url(`find-all-enabled?page=${page}&size=${size}`, version), this.options()).pipe(map(this.handleMapper), takeUntil(this.handleDestroy), catchError(this.handleError));
+        const validatedPage = Math.max(page, 0);
+        const validatedSize = Math.max(size, 10);
+        const params = new URLSearchParams();
+        params.set('page', validatedPage.toString());
+        params.set('size', validatedSize.toString());
+        const queryString = !StringUtil.isEmpty(params.toString()) ? `?${params.toString()}` : '';
+        return this.baseService.httpClient.get(this.url(`find-all-enabled${queryString}`, version), this.options()).pipe(map(this.handleMapper), takeUntil(this.handleDestroy), catchError(this.handleError));
     }
     findByValue(value, page, size, sort, version) {
-        let lValue = value;
-        if (value) {
-            lValue = StringUtil.removeAccents(value).trim();
-        }
-        else {
-            lValue = '';
-        }
-        if ((!page) || (page && (page < 0))) {
-            page = 0;
-        }
-        if ((!size) || (size && (size <= 0))) {
-            size = 10;
-        }
-        let lSort = '';
+        const formattedValue = !StringUtil.isEmpty(value) ? value.trim() : '';
+        const validatedPage = Math.max(page, 0);
+        const validatedSize = Math.max(size, 10);
+        const params = new URLSearchParams();
+        params.set('value', formattedValue);
+        params.set('page', validatedPage.toString());
+        params.set('size', validatedSize.toString());
         if (!ObjectUtil.isNull(sort) && !StringUtil.isEmpty(sort.field)) {
-            lSort = `&sort=${sort.field},${sort.direction}`;
+            params.set('sort', `${sort.field},${sort.direction}`);
         }
-        return this.baseService.httpClient.get(this.url(`find-by-value?page=${page}&size=${size}${lSort}&value=${lValue}`, version), this.options()).pipe(map(this.handleMapper), takeUntil(this.handleDestroy), catchError(this.handleError));
+        const queryString = !StringUtil.isEmpty(params.toString()) ? `?${params.toString()}` : '';
+        return this.baseService.httpClient.get(this.url(`find-by-value${queryString}`, version), this.options()).pipe(map(this.handleMapper), takeUntil(this.handleDestroy), catchError(this.handleError));
     }
     /**
      * Refers to the enable-or-disable endpoint
@@ -24849,6 +25679,15 @@ class MenuDTO extends AbstractDTO {
     }
 }
 
+class TabDTO extends AbstractDTO {
+    constructor() {
+        super(...arguments);
+        this.active = false;
+        this.closeable = false;
+        this.disabled = false;
+    }
+}
+
 class TableColumnDTO extends AbstractDTO {
     constructor(name, property, value, sortable, hiddenSm, visible, width, marginLeft, marginRight, align, template, templateHeader, sliceLength, action) {
         super();
@@ -25244,128 +26083,6 @@ class EmailUtil {
     }
 }
 
-/** @dynamic */
-class PhoneUtil {
-    static removeCharacters(value) {
-        if (StringUtil.isEmpty(value)) {
-            return '';
-        }
-        return value.replace(/\D/g, '');
-    }
-    static maskLib(phoneNumber, state, country = 'BR') {
-        let exampleNumber;
-        if (!StringUtil.isEmpty(phoneNumber)) {
-            const parsedNumber = parsePhoneNumberFromString(phoneNumber, country);
-            if (parsedNumber) {
-                exampleNumber = parsedNumber;
-            }
-        }
-        else {
-            exampleNumber = getExampleNumber(country, state);
-        }
-        if (exampleNumber) {
-            const formattedNumber = exampleNumber.formatNational();
-            return formattedNumber.replace(/\d/g, '0');
-        }
-        else {
-            throw new Error('Estado não suportado ou código de estado inválido.');
-        }
-    }
-    static formatLib(phoneNumber, country = 'BR') {
-        try {
-            const parsedNumber = parsePhoneNumberFromString(phoneNumber, country);
-            if (parsedNumber) {
-                return parsedNumber.formatNational();
-            }
-            else {
-                throw new Error('Número de telefone inválido.');
-            }
-        }
-        catch (error) {
-            throw new Error('Erro ao formatar o número de telefone: ' + error.message);
-        }
-    }
-    static format(number, mask) {
-        let numberNotFormatted = NumberUtil.onlyNumbers(number);
-        let phoneFormatted = '';
-        if ((numberNotFormatted.length < 8) ||
-            (numberNotFormatted.length > 12) ||
-            (!this.isPossible(numberNotFormatted) && !this.isValid(numberNotFormatted))) {
-            return numberNotFormatted;
-        }
-        if (StringUtil.isEmpty(mask)) {
-            mask = this.mask(numberNotFormatted);
-        }
-        for (let i = 0, j = 0; i < mask.length && j < numberNotFormatted.length; i++) {
-            phoneFormatted += mask.charAt(i) === '0' ? numberNotFormatted.charAt(j++) : mask.charAt(i);
-        }
-        return phoneFormatted;
-    }
-    static mask(phone) {
-        const specialPrefixes = ['0900', '0800', '0700', '0600', '0500', '0400', '0300', '0200', '0100'];
-        let phoneAux = this.removeCharacters(phone.replace(/\D/g, ''));
-        if ((phoneAux.length < 8) ||
-            (phoneAux.length > 12) ||
-            (!this.isPossible(phoneAux) && !this.isValid(phoneAux))) {
-            return '0*';
-        }
-        const existInArray = specialPrefixes.some(prefix => phoneAux.startsWith(prefix));
-        if (existInArray) {
-            return '0000 000 0000'; // Para números especiais como 0800
-        }
-        switch (phoneAux.length) {
-            case 8: return '0000-0000';
-            case 9: return '0 0000-0000';
-            case 10: return '(00) 0000-0000';
-            case 11: return '(00) 0 0000-0000';
-            case 12: return '(000) 0 0000-0000';
-            default: return '0*';
-        }
-    }
-    static isPossible(phoneNumber, country = 'BR') {
-        try {
-            const parsedNumber = parsePhoneNumberFromString(phoneNumber, country);
-            return parsedNumber ? parsedNumber.isPossible() : false;
-        }
-        catch (error) {
-            return false;
-        }
-    }
-    static isValid(phoneNumber, country = 'BR') {
-        try {
-            const parsedNumber = parsePhoneNumberFromString(phoneNumber, country);
-            return parsedNumber ? parsedNumber.isValid() : false;
-        }
-        catch (error) {
-            return false;
-        }
-    }
-    static getType(phoneNumber, country = 'BR') {
-        try {
-            const parsedNumber = parsePhoneNumberFromString(phoneNumber, country);
-            return parsedNumber ? parsedNumber.getType() : null;
-        }
-        catch (error) {
-            return null;
-        }
-    }
-    static isEqual(phoneNumber1, phoneNumber2, country = 'BR') {
-        try {
-            const parsedNumber1 = parsePhoneNumberFromString(phoneNumber1, country);
-            const parsedNumber2 = parsePhoneNumberFromString(phoneNumber2, country);
-            if (parsedNumber1 && parsedNumber2) {
-                return parsedNumber1.isEqual(parsedNumber2);
-            }
-            else {
-                return false;
-            }
-        }
-        catch (error) {
-            return false;
-        }
-    }
-}
-
 /** @dynamic */
 class TableColumnBuilder {
     constructor(breakpointObserverService) {
@@ -25940,5 +26657,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, DynamicTabDirective, EmailUtil, ErrorInterceptor, FilterDTO, GIPIAbstractComponent, GIPIAbstractCrudComponent, GIPIAbstractCrudService, GIPIAbstractDTO, GIPIAbstractFilterModel, GIPIAbstractFindComponent, GIPIAbstractFormComponent, GIPIAbstractModel, GIPIAbstractService, GIPIActionRowComponent, GIPIAppliedFilter, GIPIAutowired, GIPIBadgeComponent, GIPIBaseService, GIPIBreakpointService, GIPIButtonComponent, GIPIColDirective, GIPIConfirmationDialogComponent, GIPIConnectedOverlayScrollHandler, GIPIDomHandler, GIPIDropdownMenuComponent, 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, GIPISortDirectionEnum, GIPISortModel, GIPIStepperComponent, GIPITableBodyComponent, GIPITableComponent, GIPITableFooterComponent, GIPITableHeaderComponent, GIPITablePaginationComponent, GIPITableProgressBarComponent, GIPITemplateDirective, 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, SelectButtonComponent, SelectButtonNextBatchComponent, SelectEntityComponent, SelectEntityPagedComponent, SelectEnumComponent, SelectMonthPeriodComponent, SelectNoEntriesFoundDirective, SelectSearchClearDirective, SelectSearchComponent, SharedModule, SlideToggleComponent, SortDTO, SortDirectionEnum, SortModel, StepperComponent, StringUtil, SvgRegisterService, TabComponent, TabDTO, TabGroupComponent, TableColumnBuilder, TableColumnBuilderModel, TableColumnDTO, TableColumnModel, TableComponent, TableScrolledComponent, TimeUtil, TokenDTO, URLParamsUtil, UUIDUtil, customCurrencyMaskConfig, getReflectType, gridResponsiveMap, matDatepickerAnimations, nextUniqueId$f as nextUniqueId, siderResponsiveMap, transformPopover, yearsPerPage$1 as yearsPerPage, yearsPerRow, ƟCMP, ƟFAC, ƟPROV, ɵ0$3 as ɵ0, MAT_DATE_RANGE_INPUT_PARENT as ɵa, MAT_CALENDAR_RANGE_STRATEGY_PROVIDER_FACTORY as ɵb, MAT_CALENDAR_RANGE_STRATEGY_PROVIDER as ɵc, MatDatepickerBase as ɵd, MAT_FORM_FIELD as ɵe, MatDatepickerInputBase as ɵf, GIPINgConfig as ɵg, GIPIChipsComponent as ɵh, GIPIFileDragAndDropDirective as ɵi, TextareaComponent as ɵj, UpperCaseDirective as ɵk, LowerCaseDirective as ɵl, SpaceDropDirective as ɵm, InputSelectInfiniteScrollDirective as ɵn, ITSS_SELECT_SEARCH_DEFAULT_OPTIONS as ɵo, MaterialModule as ɵq, DatepickerComponent as ɵr };
+export { APP_MESSAGES, AbstractComponent, AbstractCrudComponent, AbstractCrudService, AbstractDTO, AbstractFindComponent, AbstractFindService, AbstractModel, AbstractService, AlertComponent, Archive, ArrayUtil, AuthGuard, AuthInterceptor, AuthenticationService, BaseUser, BreakpointEnum, BreakpointObserverService, BrowserUtil, ButtonComponent, CalendarMonthYearComponent, CardComponent, ChartDTO, CheckboxComponent, ConfirmationDTO, ConfirmationService, CoreModule, CriteriaOperationEnum, CriteriaSortDirectionEnum, CurrencyUtil, DEFAULT_MESSAGES, DateAdapter, DateRange, DateRangePickerComponent, DateUtil, DatepickerModule, DefaultMatCalendarRangeStrategy, DialogDTO, DialogService, DocumentUtil, EmailUtil, ErrorInterceptor, FilterDTO, GIPIAbstractComponent, GIPIAbstractCrudComponent, GIPIAbstractCrudService, GIPIAbstractDTO, GIPIAbstractFilterModel, GIPIAbstractFindComponent, GIPIAbstractFormComponent, GIPIAbstractModel, GIPIAbstractService, GIPIActionRowComponent, GIPIAppliedFilter, GIPIAutowired, GIPIBadgeComponent, GIPIBaseService, GIPIBreakpointService, GIPIButtonComponent, GIPICardComponent, GIPIColDirective, GIPIConfirmationDialogComponent, GIPIConnectedOverlayScrollHandler, GIPIDomHandler, GIPIDropdownMenuComponent, GIPIDynamicTabDirective, GIPIEmptyStateComponent, GIPIExpansionPanelComponent, GIPIFileDragAndDropComponent, GIPIFileService, GIPIFooterComponent, GIPIFormFieldComponent, GIPIHelpfulTipComponent, GIPIInfiniteScrollDirective, GIPIInputCheckboxComponent, GIPIInputCurrencyComponent, GIPIInputMonthPickerComponent, GIPIInputSearchComponent, GIPIInputSelectComponent, GIPIInputSelectEnumComponent, GIPIInputSelectListboxComponent, GIPIInputSelectPagedComponent, GIPIInputSelectRadioComponent, GIPINotificationComponent, GIPINoveltiesComponent, GIPIOverlayComponent, GIPIOverlayService, GIPIPageEvent, GIPIPageModel, GIPIPaginatePipe, GIPIPaginationControlsDirective, GIPIPaginationService, GIPIPasswordRequerimentsComponent, GIPIPopoverComponent, GIPIPopoverTarget, GIPIPopoverTrigger, GIPIRadioGroupComponent, GIPIRangePageComponent, GIPIRangeSliderComponent, GIPIResizeService, GIPIRowDirective, GIPISelectButtonComponent, GIPISelectComponent, GIPISessionStorageService, GIPISidenavComponent, GIPISidenavContainerComponent, GIPISlideToggleComponent, GIPISortDirectionEnum, GIPISortModel, GIPISplitButtonComponent, GIPIStepperComponent, GIPITabComponent, GIPITabGroupComponent, GIPITableBodyComponent, GIPITableComponent, GIPITableFooterComponent, GIPITableHeaderComponent, GIPITablePaginationComponent, GIPITableProgressBarComponent, GIPITemplateDirective, GIPITextareaComponent, GIPIToolbarComponent, GIPITopNavComponent, GIPIUserProfileComponent, GIPI_BREAKPOINTS, GIPI_CUSTOM_BREAKPOINTS_PROVIDER, GIPI_MONTH_YEAR_SCROLL_STRATEGY, GIPI_MONTH_YEAR_SCROLL_STRATEGY_FACTORY, GIPI_MONTH_YEAR_SCROLL_STRATEGY_FACTORY_PROVIDER, INJECTOR, IconComponent, InputComponent, InputCurrencyComponent, InputFileComponent, InputListboxDTO, ItssTemplate, LoadingComponent, LoadingOverlayComponent, LocalTimeEnum, LocalTimePipe, MAT_DATEPICKER_SCROLL_STRATEGY, MAT_DATEPICKER_SCROLL_STRATEGY_FACTORY, MAT_DATEPICKER_SCROLL_STRATEGY_FACTORY_PROVIDER, MAT_DATEPICKER_VALIDATORS, MAT_DATEPICKER_VALUE_ACCESSOR, MAT_DATE_FORMATS, MAT_DATE_LOCALE, MAT_DATE_LOCALE_FACTORY, MAT_DATE_LOCALE_PROVIDER, MAT_DATE_RANGE_SELECTION_STRATEGY, MAT_NATIVE_DATE_FORMATS, MAT_RANGE_DATE_SELECTION_MODEL_FACTORY, MAT_RANGE_DATE_SELECTION_MODEL_PROVIDER, MAT_SINGLE_DATE_SELECTION_MODEL_FACTORY, MAT_SINGLE_DATE_SELECTION_MODEL_PROVIDER, MatCalendar, MatCalendarBody, MatCalendarCell, MatCalendarHeader, MatDateRangeInput, MatDateRangePicker, MatDateSelectionModel, MatDatepicker, MatDatepickerContent, MatDatepickerInput, MatDatepickerInputEvent, MatDatepickerIntl, MatDatepickerToggle, MatDatepickerToggleIcon, MatEndDate, MatMonthView, MatMultiYearView, MatRangeDateSelectionModel, MatSingleDateSelectionModel, MatStartDate, MatYearView, MaxRangeDirective, MaxRangeSelectionStrategy, MenuDTO, MenuTypeEnum, MessageDTO, MessageService, MonthPickerModel, MonthYear, MonthYearPickerComponent, MonthYearPickerModule, MultitenantModel, NativeDateAdapter, NavService, NumberUtil, ObjectUtil, OverlayPanelComponent, POINTS_NAME, PageDTO, PasswordUtil, Permission, PermissionGuard, PhoneMaskDirective, PhoneUtil, Platform, PopoverComponent, PopoverRef, PopoverService, PresetRangeComponent, PublicGuard, RadioButtonEnum, RadioGroupEntityComponent, RadioGroupEnumComponent, RangePage, Role, SelectButtonAddComponent, SelectButtonNextBatchComponent, SelectEntityComponent, SelectEntityPagedComponent, SelectEnumComponent, SelectMonthPeriodComponent, SelectNoEntriesFoundDirective, SelectSearchClearDirective, SelectSearchComponent, SharedModule, SlideToggleComponent, SortDTO, SortDirectionEnum, SortModel, StepperComponent, StringUtil, SvgRegisterService, TabDTO, TabModel, TableColumnBuilder, TableColumnBuilderModel, TableColumnDTO, TableColumnModel, TableComponent, TableScrolledComponent, TimeUtil, TokenDTO, URLParamsUtil, UUIDUtil, customCurrencyMaskConfig, getReflectType, gridResponsiveMap, matDatepickerAnimations, nextUniqueId$j as nextUniqueId, siderResponsiveMap, transformPopover, yearsPerPage$1 as yearsPerPage, yearsPerRow, ƟCMP, ƟFAC, ƟPROV, ɵ0$3 as ɵ0, MAT_DATE_RANGE_INPUT_PARENT as ɵa, MAT_CALENDAR_RANGE_STRATEGY_PROVIDER_FACTORY as ɵb, MAT_CALENDAR_RANGE_STRATEGY_PROVIDER as ɵc, MatDatepickerBase as ɵd, MAT_FORM_FIELD as ɵe, MatDatepickerInputBase as ɵf, GIPINgConfig as ɵg, GIPIChipsComponent as ɵh, GIPIFileDragAndDropDirective as ɵi, TextareaComponent as ɵj, UpperCaseDirective as ɵk, LowerCaseDirective as ɵl, SpaceDropDirective as ɵm, InputSelectInfiniteScrollDirective as ɵn, ITSS_SELECT_SEARCH_DEFAULT_OPTIONS as ɵo, MaterialModule as ɵq, DatepickerComponent as ɵr };
 //# sourceMappingURL=gipisistemas-ng-core.js.map