@gipisistemas/ngx-core 1.0.16 → 1.0.18

package/fesm2022/gipisistemas-ngx-core.mjs

@@ -41,7 +41,7 @@ import * as i3 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
 import { NgxMaskDirective, provideNgxMask } from 'ngx-mask';
 import * as i1$7 from '@angular/material/paginator';
-import { MatPaginatorModule, MatPaginatorIntl, MatPaginator } from '@angular/material/paginator';
+import { MatPaginatorIntl, MatPaginatorModule, MatPaginator } from '@angular/material/paginator';
 import { GlobalWorkerOptions, getDocument, OPS } from 'pdfjs-dist';
 import { EventBus, PDFLinkService, PDFViewer } from 'pdfjs-dist/web/pdf_viewer.mjs';
 import { __decorate } from 'tslib';
@@ -4007,11 +4007,9 @@ class BaseService {
                     const direction = 'direction' in value
                         ? (value.direction ?? 'ASC')
                         : 'ASC';
-                    paramValue = `${value.field},${direction.toUpperCase()}`;
-                    params.set(key, paramValue);
+                    params.set(key, `${value.field},${direction.toUpperCase()}`);
                 }
                 else if (Array.isArray(value)) {
-                    paramValue = '';
                     for (const item of value) {
                         if (typeof item === 'object' && 'field' in item) {
                             const direction = 'direction' in item
@@ -4020,15 +4018,22 @@ class BaseService {
                             params.append('sort', `${item.field},${direction.toUpperCase()}`);
                         }
                     }
+                    continue;
                 }
             }
-            else {
-                if (typeof value === 'object') {
-                    paramValue = JSON.stringify(value);
-                }
-                else {
-                    paramValue = String(value).trim();
+            else if (Array.isArray(value)) {
+                for (const item of value) {
+                    if (item !== null && item !== undefined) {
+                        params.append(key, String(item));
+                    }
                 }
+                continue;
+            }
+            else if (typeof value === 'object') {
+                paramValue = JSON.stringify(value);
+            }
+            else {
+                paramValue = String(value).trim();
             }
             if (key !== 'sort') {
                 params.set(key, paramValue);
@@ -4864,12 +4869,12 @@ class FilterPersistenceService {
         this._injector = inject(EnvironmentInjector);
         this._baseAuthServiceToken = inject(BaseAuthServiceToken);
         this._localStorageToken = inject(LocalStorageToken);
+        this._STORAGE_KEY = 'gipi.filters';
     }
     /** Inicializa os filtros a partir da URL ou localStorage */
-    initializeFilter(storageKey, defaultFilter, useUserSegregation = true) {
+    initializeFilter(screenKey, defaultFilter) {
         return runInInjectionContext(this._injector, () => {
             const activatedRoute = inject(ActivatedRoute);
-            const normalizedStorageKey = this._normalizeStorageKey(storageKey, useUserSegregation);
             const rawQueryParams = activatedRoute.snapshot.queryParams;
             const hasAnyQueryParams = Object.keys(rawQueryParams).some((key) => {
                 const value = rawQueryParams[key];
@@ -4888,7 +4893,7 @@ class FilterPersistenceService {
                 return snapshotParams;
             }
             // FALLBACK do localStorage (somente se NÃO tiver nada na URL)
-            const saved = this._loadFromStorage(normalizedStorageKey);
+            const saved = this._loadFromStorage(screenKey);
             if (saved) {
                 this._updateUrl(this._serializeToQueryParams(saved));
                 return saved;
@@ -4897,32 +4902,20 @@ class FilterPersistenceService {
         });
     }
     /** Atualiza URL e storage quando os filtros mudam */
-    updateFilter(storageKey, filters, useUserSegregation = true) {
+    updateFilter(screenKey, filters) {
         const queryParams = this._serializeToQueryParams(filters);
         const cleanedParams = this._cleanQueryParams(queryParams);
         const mergedParams = this._mergeWithCurrentQueryParams(filters, cleanedParams);
-        const normalizedStorageKey = this._normalizeStorageKey(storageKey, useUserSegregation);
         // Atualiza URL
         this._updateUrl(mergedParams);
         // Salva no localStorage
-        this._saveToStorage(normalizedStorageKey, filters);
+        this._saveToStorage(screenKey, filters);
     }
     /** Limpa filtros da URL e storage */
-    clearFilter(storageKey, defaultFilter, useUserSegregation = true) {
-        const normalizedStorageKey = this._normalizeStorageKey(storageKey, useUserSegregation);
+    clearFilter(screenKey, defaultFilter) {
         const mergedParams = this._mergeWithCurrentQueryParams(defaultFilter, {});
         this._updateUrl(mergedParams);
-        this._saveToStorage(normalizedStorageKey, defaultFilter);
-    }
-    /** Normaliza a chave de storage incluindo o usuário quando necessário */
-    _normalizeStorageKey(storageKey, useUserSegregation = true) {
-        const prefix = 'gipi.filter';
-        let key = storageKey.startsWith(prefix) ? storageKey : `${prefix}${storageKey}`;
-        if (useUserSegregation) {
-            const userAndCompanyId = this._getCurrentUserAndCompanyId();
-            key = `${key}.user.${userAndCompanyId}`;
-        }
-        return key;
+        this._saveToStorage(screenKey, defaultFilter);
     }
     /** Obtém o ID do usuário atual */
     _getCurrentUserAndCompanyId() {
@@ -5047,21 +5040,29 @@ class FilterPersistenceService {
         });
         return { ...defaultFilter, ...parsed };
     }
-    _hasQueryParams(filters, defaultFilter) {
-        return JSON.stringify(filters) !== JSON.stringify(defaultFilter);
-    }
-    _saveToStorage(storageKey, filters) {
+    _saveToStorage(screenKey, filters) {
         try {
-            this._localStorageToken.setItem(storageKey, JSON.stringify(filters));
+            const userCompany = this._getCurrentUserAndCompanyId();
+            const storageRaw = this._localStorageToken.getItem(this._STORAGE_KEY);
+            const storage = storageRaw ? JSON.parse(storageRaw) : {};
+            if (!storage[userCompany]) {
+                storage[userCompany] = {};
+            }
+            storage[userCompany][screenKey] = filters;
+            this._localStorageToken.setItem(this._STORAGE_KEY, JSON.stringify(storage));
         }
         catch (error) {
             console.warn('Could not save filters to storage:', error);
         }
     }
-    _loadFromStorage(storageKey) {
+    _loadFromStorage(screenKey) {
         try {
-            const saved = this._localStorageToken.getItem(storageKey);
-            return saved ? JSON.parse(saved) : null;
+            const userCompany = this._getCurrentUserAndCompanyId();
+            const storageRaw = this._localStorageToken.getItem(this._STORAGE_KEY);
+            if (!storageRaw)
+                return null;
+            const storage = JSON.parse(storageRaw);
+            return storage?.[userCompany]?.[screenKey] ?? null;
         }
         catch {
             return null;
@@ -5112,8 +5113,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
  * const { filter, isInitializing, resetFilter } = useFilterPersistence({
  *   defaultFilter: new MyFilter(),
  *
- *   // Recomendado iniciar com 'gipi.filter.'
- *   storageKey: 'gipi.filter.default',
+ *   // Recomendação: this.getPath();
+ *   screenKey: 'page/filter/default',
  *
  *   // Opcional, padrão 100ms
  *   debounceTime: 200,
@@ -5125,13 +5126,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
  */
 function useFilterPersistence(config) {
     const filterPersistenceService = inject(FilterPersistenceService);
-    const { storageKey = 'gipi.filter.undefined', defaultFilter, debounceTime = 100, onFilterInit, useUserSegregation = true, } = config;
+    const { screenKey = 'page/filter/undefined', defaultFilter, debounceTime = 100, onFilterInit, } = config;
     const isInitializing = signal(true, ...(ngDevMode ? [{ debugName: "isInitializing" }] : []));
     const filter = signal(defaultFilter, ...(ngDevMode ? [{ debugName: "filter" }] : []));
     // Inicialização
     const initializeFilter = () => {
         try {
-            const persistedFilter = filterPersistenceService.initializeFilter(storageKey, defaultFilter, useUserSegregation);
+            const persistedFilter = filterPersistenceService.initializeFilter(screenKey, defaultFilter);
             filter.set(persistedFilter);
             if (onFilterInit) {
                 onFilterInit(persistedFilter);
@@ -5139,7 +5140,7 @@ function useFilterPersistence(config) {
         }
         catch {
             filter.set(defaultFilter);
-            filterPersistenceService.clearFilter(storageKey, defaultFilter, useUserSegregation);
+            filterPersistenceService.clearFilter(screenKey, defaultFilter);
             if (onFilterInit) {
                 onFilterInit(defaultFilter);
             }
@@ -5152,7 +5153,7 @@ function useFilterPersistence(config) {
         const init = isInitializing();
         if (init)
             return;
-        const timeoutId = setTimeout(() => filterPersistenceService.updateFilter(storageKey, currentFilter, useUserSegregation), debounceTime);
+        const timeoutId = setTimeout(() => filterPersistenceService.updateFilter(screenKey, currentFilter), debounceTime);
         return () => clearTimeout(timeoutId);
     });
     afterNextRender(() => initializeFilter());
@@ -5161,7 +5162,7 @@ function useFilterPersistence(config) {
         isInitializing: isInitializing.asReadonly(),
         reset: () => {
             filter.set(defaultFilter);
-            filterPersistenceService.clearFilter(storageKey, defaultFilter, useUserSegregation);
+            filterPersistenceService.clearFilter(screenKey, defaultFilter);
         },
         set: (newFilter) => {
             filter.set(newFilter);
@@ -5178,7 +5179,6 @@ class BaseListComponent extends BaseComponent {
         this.service = service;
         this.filterPersistenceService = inject(FilterPersistenceService);
         this.pageAdjustService = inject(PageAdjustService);
-        this._SESSION_STORAGE_FILTER = `gipi.filter.${this.getFilterStorageKey()}`;
         this._isHydrating = signal(true, ...(ngDevMode ? [{ debugName: "_isHydrating" }] : []));
         this._persistTimer = null;
         this.filter = signal(this.newFilter(), ...(ngDevMode ? [{ debugName: "filter" }] : []));
@@ -5229,7 +5229,7 @@ class BaseListComponent extends BaseComponent {
             // Debounce manual para evitar muitas atualizações
             this._persistTimer = setTimeout(() => {
                 const toPersist = this._filterToPersist(currentFilter);
-                this.filterPersistenceService.updateFilter(this._SESSION_STORAGE_FILTER, toPersist);
+                this.filterPersistenceService.updateFilter(this.getFilterStorageKey(), toPersist);
             }, 150);
         });
     }
@@ -5260,6 +5260,12 @@ class BaseListComponent extends BaseComponent {
         return (!ArrayUtil.isEmpty(this.appliedFilters) &&
             this.appliedFilters().findIndex((e) => e.key === key) >= 0);
     }
+    hasAnyAvailableAction(actions, canExecuteAction) {
+        if (ArrayUtil.isEmpty(actions)) {
+            return false;
+        }
+        return actions.some((action) => canExecuteAction(action));
+    }
     /**
      * Método chamado quando o componente é inicializado.
      * - Chamado no OnInit
@@ -5275,7 +5281,7 @@ class BaseListComponent extends BaseComponent {
         this._isHydrating.set(true);
         this.page.set(this.newPage());
         const defaultFilter = this.newFilter();
-        const persistedFilter = this.filterPersistenceService.initializeFilter(this._SESSION_STORAGE_FILTER, defaultFilter);
+        const persistedFilter = this.filterPersistenceService.initializeFilter(this.getFilterStorageKey(), defaultFilter);
         this.filter.set(persistedFilter);
         this.afterFilterInit();
         this.tableColumns.set(this.createTableColumns());
@@ -5630,7 +5636,7 @@ class BaseListComponent extends BaseComponent {
     }
     resetFilter() {
         // Limpa a persistência dos filtros
-        this.filterPersistenceService.clearFilter(this._SESSION_STORAGE_FILTER, this.newFilter());
+        this.filterPersistenceService.clearFilter(this.getFilterStorageKey(), this.newFilter());
         this.page.set(this.newPage());
         this.filter.set(this.newFilter());
         this.appliedFilters.set([]);
@@ -5685,13 +5691,6 @@ class BaseReportComponent extends BaseComponent {
     get currentReportType() {
         return this._currentReportType();
     }
-    get _SESSION_STORAGE_FILTER() {
-        const current = this._currentReportType();
-        if (!current) {
-            return `gipi.filter.unknown`;
-        }
-        return `gipi.filter.${current.getFilterStorageKey()}`;
-    }
     // Computed para facilitar o acesso ao tipo atual
     get currentType() {
         return computed(() => this._currentReportType()?.type || '');
@@ -5708,6 +5707,13 @@ class BaseReportComponent extends BaseComponent {
         this.filterPersistenceService = inject(FilterPersistenceService);
         this._isInitializingScreen = signal(true, ...(ngDevMode ? [{ debugName: "_isInitializingScreen" }] : []));
         this._currentReportType = signal(null, ...(ngDevMode ? [{ debugName: "_currentReportType" }] : []));
+        this._STORAGE_FILTER = computed(() => {
+            const current = this._currentReportType();
+            if (!current) {
+                return `gipi/filter/unknown`;
+            }
+            return current.getFilterStorageKey();
+        }, ...(ngDevMode ? [{ debugName: "_STORAGE_FILTER" }] : []));
         // Effect para persistência automática dos filtros
         effect(() => {
             const currentFilter = this._currentReportType().filter();
@@ -5717,7 +5723,7 @@ class BaseReportComponent extends BaseComponent {
                 return;
             }
             // Debounce manual para evitar muitas atualizações
-            setTimeout(() => this.filterPersistenceService.updateFilter(this._SESSION_STORAGE_FILTER, currentFilter), 100);
+            setTimeout(() => this.filterPersistenceService.updateFilter(this._STORAGE_FILTER(), currentFilter), 100);
         });
         // Effect para reagir à mudança de tipo de relatório
         effect(() => {
@@ -5737,7 +5743,7 @@ class BaseReportComponent extends BaseComponent {
             this.currentReportType = this.reportTypes[0];
         }
         const defaultFilter = this.currentReportType.newFilter();
-        const persistedFilter = this.filterPersistenceService.initializeFilter(this._SESSION_STORAGE_FILTER, defaultFilter);
+        const persistedFilter = this.filterPersistenceService.initializeFilter(this._STORAGE_FILTER(), defaultFilter);
         this.currentReportType.filter.set(persistedFilter);
         // Hook para ações após a inicialização do filtro
         this.currentReportType.afterFilterInit();
@@ -5882,14 +5888,14 @@ class BaseReportComponent extends BaseComponent {
     _persistCurrentTypeState() {
         if (this.currentReportType) {
             const currentFilter = this.currentReportType.filter();
-            this.filterPersistenceService.updateFilter(`gipi.filter.${this.currentReportType.getFilterStorageKey()}`, currentFilter);
+            this.filterPersistenceService.updateFilter(this.currentReportType.getFilterStorageKey(), currentFilter);
         }
     }
     /** Carrega o estado do novo tipo */
     _loadNewTypeState() {
         this._isInitializingScreen.set(true);
         const defaultFilter = this.currentReportType.newFilter();
-        const persistedFilter = this.filterPersistenceService.initializeFilter(this._SESSION_STORAGE_FILTER, defaultFilter);
+        const persistedFilter = this.filterPersistenceService.initializeFilter(this._STORAGE_FILTER(), defaultFilter);
         this.currentReportType.filter.set(persistedFilter);
         this.currentReportType.afterFilterInit();
         // Força uma busca dos dados
@@ -10734,6 +10740,20 @@ class DatePickerCalendar {
             this.yearRangeStart.set(Math.floor(this.currentYear() / YEARS_DISPLAYED) * YEARS_DISPLAYED);
         }
     }
+    navigatePrevious() {
+        if (this.showMonthYearPicker() && this.monthYearPickerView() === 'year') {
+            this.previousYearRange();
+            return;
+        }
+        this.previousMonth();
+    }
+    navigateNext() {
+        if (this.showMonthYearPicker() && this.monthYearPickerView() === 'year') {
+            this.nextYearRange();
+            return;
+        }
+        this.nextMonth();
+    }
     previousMonth() {
         if (this.currentMonth() === 0) {
             this.currentMonth.set(11);
@@ -11843,24 +11863,26 @@ class DatePickerCalendar {
 
                         <div class="g-navigation-buttons">
                             <button
-                                aria-label="Mês anterior"
+                                [attr.aria-label]="
+                                    showMonthYearPicker() && monthYearPickerView() === 'year'
+                                        ? 'Anos anteriores'
+                                        : 'Mês anterior'
+                                "
                                 type="button"
                                 class="g-nav-button"
-                                (click)="
-                                    monthYearPickerView() === 'year'
-                                        ? previousYearRange()
-                                        : previousMonth()
-                                "
+                                (click)="navigatePrevious()"
                             >
                                 <span class="material-symbols-rounded">chevron_left</span>
                             </button>
                             <button
-                                aria-label="Próximo mês"
+                                [attr.aria-label]="
+                                    showMonthYearPicker() && monthYearPickerView() === 'year'
+                                        ? 'Próximos anos'
+                                        : 'Próximo mês'
+                                "
                                 type="button"
                                 class="g-nav-button"
-                                (click)="
-                                    monthYearPickerView() === 'year' ? nextYearRange() : nextMonth()
-                                "
+                                (click)="navigateNext()"
                             >
                                 <span class="material-symbols-rounded">chevron_right</span>
                             </button>
@@ -12443,24 +12465,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
 
                         <div class="g-navigation-buttons">
                             <button
-                                aria-label="Mês anterior"
+                                [attr.aria-label]="
+                                    showMonthYearPicker() && monthYearPickerView() === 'year'
+                                        ? 'Anos anteriores'
+                                        : 'Mês anterior'
+                                "
                                 type="button"
                                 class="g-nav-button"
-                                (click)="
-                                    monthYearPickerView() === 'year'
-                                        ? previousYearRange()
-                                        : previousMonth()
-                                "
+                                (click)="navigatePrevious()"
                             >
                                 <span class="material-symbols-rounded">chevron_left</span>
                             </button>
                             <button
-                                aria-label="Próximo mês"
+                                [attr.aria-label]="
+                                    showMonthYearPicker() && monthYearPickerView() === 'year'
+                                        ? 'Próximos anos'
+                                        : 'Próximo mês'
+                                "
                                 type="button"
                                 class="g-nav-button"
-                                (click)="
-                                    monthYearPickerView() === 'year' ? nextYearRange() : nextMonth()
-                                "
+                                (click)="navigateNext()"
                             >
                                 <span class="material-symbols-rounded">chevron_right</span>
                             </button>
@@ -17447,9 +17471,12 @@ class InputPhone extends BaseControlValueAccessor {
         this._uniqueId = inject(_IdGenerator).getId('gipi-input-phone-');
         this._controlId = inject(_IdGenerator).getId('gipi-input-phone-control-');
         this._inputElementRef = viewChild('inputElement', ...(ngDevMode ? [{ debugName: "_inputElementRef" }] : []));
+        this._syncResetHandle = null;
         this.prefixRef = contentChild('prefix', ...(ngDevMode ? [{ debugName: "prefixRef" }] : []));
         this.suffixRef = contentChild('suffix', ...(ngDevMode ? [{ debugName: "suffixRef" }] : []));
         this.ngControl = viewChild(NgControl, ...(ngDevMode ? [{ debugName: "ngControl" }] : []));
+        this._isSynchronizingViewValue = signal(false, ...(ngDevMode ? [{ debugName: "_isSynchronizingViewValue" }] : []));
+        this.displayValue = signal('', ...(ngDevMode ? [{ debugName: "displayValue" }] : []));
         this.isInputFocused = signal(false, ...(ngDevMode ? [{ debugName: "isInputFocused" }] : []));
         this.label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
         this.placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
@@ -17469,21 +17496,43 @@ class InputPhone extends BaseControlValueAccessor {
         this.phoneMask = signal('0*', ...(ngDevMode ? [{ debugName: "phoneMask" }] : []));
     }
     writeControlValue(value, setModelValue) {
-        const newValue = value || '';
-        this.value.set(newValue);
-        this._updatePhoneMask(newValue);
-        if (setModelValue) {
-            setModelValue(newValue);
-        }
+        const newValue = this._normalizeModelValue(value || '');
+        this._synchronizeViewValue(() => {
+            if (setModelValue) {
+                setModelValue(newValue);
+            }
+            else {
+                this.value.set(newValue);
+            }
+            this._applyViewValue(newValue);
+        });
     }
     onInputChange(value) {
-        if (this.$disabled()) {
+        if (this.$disabled() || this._isSynchronizingViewValue()) {
             return;
         }
-        this._updatePhoneMask(value);
-        this.notifyValueChange(value);
+        const modelValue = this._normalizeModelValue(value);
+        this.displayValue.set(value || '');
+        this._updatePhoneMask(modelValue);
+        this.notifyValueChange(modelValue);
         this.markAsTouched();
     }
+    _synchronizeViewValue(syncFn) {
+        // O ngx-mask pode ecoar um ngModelChange apos writeValue/mudancas de mascara.
+        this._isSynchronizingViewValue.set(true);
+        if (this._syncResetHandle !== null) {
+            clearTimeout(this._syncResetHandle);
+        }
+        try {
+            syncFn();
+        }
+        finally {
+            this._syncResetHandle = setTimeout(() => {
+                this._isSynchronizingViewValue.set(false);
+                this._syncResetHandle = null;
+            });
+        }
+    }
     _updatePhoneMask(value) {
         if (this.foreign()) {
             this.phoneMask.set('0*');
@@ -17499,6 +17548,22 @@ class InputPhone extends BaseControlValueAccessor {
             this.phoneMask.set(mask);
         }
     }
+    _applyViewValue(value) {
+        this.displayValue.set(this._formatDisplayValue(value));
+        this._updatePhoneMask(value);
+    }
+    _formatDisplayValue(value) {
+        if (StringUtil.isEmpty(value) || this.foreign() || this.isInputFocused()) {
+            return value;
+        }
+        return PhoneUtil.format(value);
+    }
+    _normalizeModelValue(value) {
+        if (StringUtil.isEmpty(value) || this.foreign()) {
+            return value || '';
+        }
+        return PhoneUtil.removeCharacters(value);
+    }
     onInputKeydown(event) {
         if (this.readonly() || this.$disabled()) {
             return;
@@ -17512,7 +17577,7 @@ class InputPhone extends BaseControlValueAccessor {
         this.isInputFocused.set(true);
         // Para telefones nacionais, simplifica a máscara durante o foco
         if (!this.foreign()) {
-            this.phoneMask.set('0*');
+            this._synchronizeViewValue(() => this._applyViewValue(this.value()));
         }
         this.onFocusEvent.emit(event);
     }
@@ -17523,15 +17588,7 @@ class InputPhone extends BaseControlValueAccessor {
         this.isInputFocused.set(false);
         // Para telefones nacionais, formata o número ao sair do campo
         if (!this.foreign()) {
-            const currentValue = this.value();
-            if (!StringUtil.isEmpty(currentValue)) {
-                const formattedValue = PhoneUtil.format(currentValue);
-                if (formattedValue !== currentValue) {
-                    this.value.set(formattedValue);
-                    this.notifyValueChange(formattedValue);
-                }
-                this._updatePhoneMask(formattedValue);
-            }
+            this._synchronizeViewValue(() => this._applyViewValue(this.value()));
         }
         this.onBlurEvent.emit(event);
         this.markAsTouched();
@@ -17540,22 +17597,19 @@ class InputPhone extends BaseControlValueAccessor {
         if (this.$disabled() || !this._inputElementRef()?.nativeElement) {
             return;
         }
-        setTimeout(() => {
-            this._inputElementRef()?.nativeElement?.focus(options);
-        });
+        setTimeout(() => this._inputElementRef()?.nativeElement?.focus(options));
     }
     select() {
         if (this.$disabled() || !this._inputElementRef()?.nativeElement) {
             return;
         }
-        setTimeout(() => {
-            this._inputElementRef()?.nativeElement?.select();
-        });
+        setTimeout(() => this._inputElementRef()?.nativeElement?.select());
     }
     clear() {
         if (this.$disabled()) {
             return;
         }
+        this.displayValue.set('');
         this.phoneMask.set('0*');
         this.notifyValueChange('');
     }
@@ -17594,7 +17648,7 @@ class InputPhone extends BaseControlValueAccessor {
                 [disabled]="$disabled()"
                 [readonly]="readonly()"
                 [required]="required()"
-                [ngModel]="value()"
+                [ngModel]="displayValue()"
                 (ngModelChange)="onInputChange($event)"
                 (keydown)="onInputKeydown($event)"
                 (focus)="onInputFocus($event)"
@@ -17652,7 +17706,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 [disabled]="$disabled()"
                 [readonly]="readonly()"
                 [required]="required()"
-                [ngModel]="value()"
+                [ngModel]="displayValue()"
                 (ngModelChange)="onInputChange($event)"
                 (keydown)="onInputKeydown($event)"
                 (focus)="onInputFocus($event)"
@@ -17772,63 +17826,96 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 }]
         }] });
 
+const portugueseRangeLabel = (page, pageSize, length) => {
+    if (length === 0 || pageSize === 0) {
+        return `0 de ${length}`;
+    }
+    length = Math.max(length, 0);
+    const startIndex = page * pageSize;
+    // Se o índice inicial exceder o comprimento da lista, não tente fixar o índice final no final.
+    const endIndex = startIndex < length ? Math.min(startIndex + pageSize, length) : startIndex + pageSize;
+    return `${startIndex + 1} - ${endIndex} de ${length}`;
+};
+const PAGINATOR_INTL_PT_BR = () => {
+    const paginatorIntl = new MatPaginatorIntl();
+    paginatorIntl.itemsPerPageLabel = 'Itens por página';
+    paginatorIntl.nextPageLabel = 'Próxima página';
+    paginatorIntl.previousPageLabel = 'Página anterior';
+    paginatorIntl.getRangeLabel = portugueseRangeLabel;
+    paginatorIntl.firstPageLabel = 'Primeira página';
+    paginatorIntl.lastPageLabel = 'Última página';
+    return paginatorIntl;
+};
+// eslint-disable-next-line @typescript-eslint/naming-convention
+const PaginatorIntlToken = new InjectionToken('PAGINATOR_INTL_TOKEN', {
+    factory: () => PAGINATOR_INTL_PT_BR(),
+});
+function providePaginatorIntl(config) {
+    return {
+        provide: PaginatorIntlToken,
+        useValue: config ?? PAGINATOR_INTL_PT_BR(),
+    };
+}
+
 class Paginator {
     constructor() {
         this._uniqueId = inject(_IdGenerator).getId('gipi-paginator-');
-        this.currentPage = signal(0, ...(ngDevMode ? [{ debugName: "currentPage" }] : []));
-        this.currentPageSize = signal(0, ...(ngDevMode ? [{ debugName: "currentPageSize" }] : []));
         this.id = input(this._uniqueId, ...(ngDevMode ? [{ debugName: "id" }] : []));
         this.name = input(this._uniqueId, ...(ngDevMode ? [{ debugName: "name" }] : []));
         this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
         this.hidePageSize = input(false, ...(ngDevMode ? [{ debugName: "hidePageSize", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
         this.length = input(0, ...(ngDevMode ? [{ debugName: "length", transform: numberAttribute }] : [{ transform: numberAttribute }]));
-        this.pageNumber = input(0, ...(ngDevMode ? [{ debugName: "pageNumber", transform: numberAttribute }] : [{ transform: numberAttribute }]));
-        this.pageSize = input(0, ...(ngDevMode ? [{ debugName: "pageSize", transform: numberAttribute }] : [{ transform: numberAttribute }]));
         this.pageSizeOptions = input([10, 20, 30], ...(ngDevMode ? [{ debugName: "pageSizeOptions" }] : []));
+        this.pageNumber = model(0, ...(ngDevMode ? [{ debugName: "pageNumber" }] : []));
+        this.pageSize = model(0, ...(ngDevMode ? [{ debugName: "pageSize" }] : []));
         this.onPage = output();
-        this.currentPage.set(this.pageNumber());
-        this.currentPageSize.set(this.pageSize());
     }
     onHandlePage(pageEvent) {
         if (!pageEvent) {
             return;
         }
-        this.currentPage.set(pageEvent.pageIndex);
-        this.currentPageSize.set(pageEvent.pageSize);
+        this.pageNumber.set(pageEvent.pageIndex);
+        this.pageSize.set(pageEvent.pageSize);
         this.onPage.emit(pageEvent);
     }
     setPage(pageIndex) {
-        this.currentPage.set(pageIndex);
+        this.pageNumber.set(pageIndex);
     }
     setPageSize(pageSize) {
-        this.currentPageSize.set(pageSize);
+        this.pageSize.set(pageSize);
     }
     nextPage() {
-        this.currentPage.update((page) => page + 1);
+        this.pageNumber.update((page) => page + 1);
     }
     previousPage() {
-        this.currentPage.update((page) => Math.max(0, page - 1));
+        this.pageNumber.update((page) => Math.max(0, page - 1));
     }
     firstPage() {
-        this.currentPage.set(0);
+        this.pageNumber.set(0);
     }
     lastPage() {
-        const totalPages = Math.ceil(this.length() / this.currentPageSize());
-        this.currentPage.set(Math.max(0, totalPages - 1));
+        const totalPages = Math.ceil(this.length() / this.pageSize());
+        this.pageNumber.set(Math.max(0, totalPages - 1));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: Paginator, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.16", type: Paginator, isStandalone: true, selector: "gipi-paginator", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, hidePageSize: { classPropertyName: "hidePageSize", publicName: "hidePageSize", isSignal: true, isRequired: false, transformFunction: null }, length: { classPropertyName: "length", publicName: "length", isSignal: true, isRequired: false, transformFunction: null }, pageNumber: { classPropertyName: "pageNumber", publicName: "pageNumber", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onPage: "onPage" }, host: { properties: { "attr.id": "id()", "attr.name": "name()" }, classAttribute: "g-paginator" }, exportAs: ["gPaginator"], ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.16", type: Paginator, isStandalone: true, selector: "gipi-paginator", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, hidePageSize: { classPropertyName: "hidePageSize", publicName: "hidePageSize", isSignal: true, isRequired: false, transformFunction: null }, length: { classPropertyName: "length", publicName: "length", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, pageNumber: { classPropertyName: "pageNumber", publicName: "pageNumber", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pageNumber: "pageNumberChange", pageSize: "pageSizeChange", onPage: "onPage" }, host: { properties: { "attr.id": "id()", "attr.name": "name()" }, classAttribute: "g-paginator" }, providers: [
+            {
+                provide: MatPaginatorIntl,
+                useFactory: () => inject(PaginatorIntlToken),
+            },
+        ], exportAs: ["gPaginator"], ngImport: i0, template: `
         <mat-paginator
             class="g-paginator-control"
             [disabled]="disabled()"
             [hidePageSize]="hidePageSize()"
             [length]="length()"
-            [pageIndex]="currentPage()"
-            [pageSize]="currentPageSize()"
+            [pageIndex]="pageNumber()"
+            [pageSize]="pageSize()"
             [pageSizeOptions]="pageSizeOptions()"
             [selectConfig]="{}"
             [showFirstLastButtons]="true"
-            (page)="onHandlePage($event)" />
+            (page)="onHandlePage($event)"
+        />
     `, isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i1$7.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: Paginator, decorators: [{
@@ -17839,18 +17926,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             [disabled]="disabled()"
             [hidePageSize]="hidePageSize()"
             [length]="length()"
-            [pageIndex]="currentPage()"
-            [pageSize]="currentPageSize()"
+            [pageIndex]="pageNumber()"
+            [pageSize]="pageSize()"
             [pageSizeOptions]="pageSizeOptions()"
             [selectConfig]="{}"
             [showFirstLastButtons]="true"
-            (page)="onHandlePage($event)" />
+            (page)="onHandlePage($event)"
+        />
     `, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[attr.id]': 'id()',
                         '[attr.name]': 'name()',
                         class: 'g-paginator',
-                    }, imports: [MatPaginatorModule] }]
-        }], ctorParameters: () => [], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], hidePageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "hidePageSize", required: false }] }], length: [{ type: i0.Input, args: [{ isSignal: true, alias: "length", required: false }] }], pageNumber: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageNumber", required: false }] }], pageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSize", required: false }] }], pageSizeOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSizeOptions", required: false }] }], onPage: [{ type: i0.Output, args: ["onPage"] }] } });
+                    }, providers: [
+                        {
+                            provide: MatPaginatorIntl,
+                            useFactory: () => inject(PaginatorIntlToken),
+                        },
+                    ], imports: [MatPaginatorModule] }]
+        }], ctorParameters: () => [], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], hidePageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "hidePageSize", required: false }] }], length: [{ type: i0.Input, args: [{ isSignal: true, alias: "length", required: false }] }], pageSizeOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSizeOptions", required: false }] }], pageNumber: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageNumber", required: false }] }, { type: i0.Output, args: ["pageNumberChange"] }], pageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSize", required: false }] }, { type: i0.Output, args: ["pageSizeChange"] }], onPage: [{ type: i0.Output, args: ["onPage"] }] } });
 class PaginatorModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PaginatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: PaginatorModule, imports: [Paginator], exports: [Paginator] }); }
@@ -20788,37 +20881,6 @@ function Debounce(options = 300) {
     };
 }
 
-const portugueseRangeLabel = (page, pageSize, length) => {
-    if (length === 0 || pageSize === 0) {
-        return `0 de ${length}`;
-    }
-    length = Math.max(length, 0);
-    const startIndex = page * pageSize;
-    // Se o índice inicial exceder o comprimento da lista, não tente fixar o índice final no final.
-    const endIndex = startIndex < length ? Math.min(startIndex + pageSize, length) : startIndex + pageSize;
-    return `${startIndex + 1} - ${endIndex} de ${length}`;
-};
-const PAGINATOR_INTL_PT_BR = () => {
-    const paginatorIntl = new MatPaginatorIntl();
-    paginatorIntl.itemsPerPageLabel = 'Itens por página';
-    paginatorIntl.nextPageLabel = 'Próxima página';
-    paginatorIntl.previousPageLabel = 'Página anterior';
-    paginatorIntl.getRangeLabel = portugueseRangeLabel;
-    paginatorIntl.firstPageLabel = 'Primeira página';
-    paginatorIntl.lastPageLabel = 'Última página';
-    return paginatorIntl;
-};
-// eslint-disable-next-line @typescript-eslint/naming-convention
-const PaginatorIntlToken = new InjectionToken('PAGINATOR_INTL_TOKEN', {
-    factory: () => PAGINATOR_INTL_PT_BR(),
-});
-function providePaginatorIntl(config) {
-    return {
-        provide: PaginatorIntlToken,
-        useValue: config ?? PAGINATOR_INTL_PT_BR(),
-    };
-}
-
 class TextEllipsisDirective {
     constructor() {
         this._elementRef = inject(ElementRef);