mapa-library-ui 1.7.3 → 2.0.0

package/index.d.ts

@@ -1,7 +1,8 @@
 import { FormControl, NgModel, AbstractControl, FormGroup, ControlValueAccessor } from '@angular/forms';
 import * as i0 from '@angular/core';
-import { EventEmitter, OnInit, AfterViewInit, ElementRef, OnChanges, OnDestroy, Renderer2, SimpleChanges, InjectionToken, Provider, PipeTransform, ChangeDetectorRef, DoCheck, Injector, TemplateRef, ApplicationRef } from '@angular/core';
+import { EventEmitter, OnInit, AfterViewInit, ElementRef, OnChanges, OnDestroy, Renderer2, SimpleChanges, InjectionToken, Provider, PipeTransform, ChangeDetectorRef, Injector, TemplateRef, ApplicationRef } from '@angular/core';
 import { ApexAxisChartSeries, ApexChart, ApexTitleSubtitle, ApexXAxis, ApexStroke, ApexFill, ApexMarkers, ApexYAxis, ApexLegend, ApexResponsive } from 'ng-apexcharts';
+import { UrlTree, Params } from '@angular/router';
 import { MatInput } from '@angular/material/input';
 import { MatPaginator, MatPaginatorIntl, PageEvent } from '@angular/material/paginator';
 import * as rxjs from 'rxjs';
@@ -11,11 +12,11 @@ export { PartialMapaUiTexts, ValidationTextResolver } from 'mapa-frontend-i18n';
 import { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';
 import * as mapa_library_ui from 'mapa-library-ui';
 import { MatAccordion } from '@angular/material/expansion';
-import { MatDatepicker } from '@angular/material/datepicker';
-import { MatDialogRef, MatDialog, MatDialogConfig } from '@angular/material/dialog';
 import { ConnectedPosition } from '@angular/cdk/overlay';
-import { Sort, MatSort } from '@angular/material/sort';
-import { MatTableDataSource, MatTable } from '@angular/material/table';
+import { DatepickerValue } from 'ngxsmk-datepicker';
+import { MatDialogRef, MatDialog, MatDialogConfig } from '@angular/material/dialog';
+import { Sort, MatSort, SortDirection } from '@angular/material/sort';
+import { MatTableDataSource } from '@angular/material/table';
 import { MatIconRegistry } from '@angular/material/icon';
 import { MatMenuTrigger } from '@angular/material/menu';
 import { HttpClient } from '@angular/common/http';
@@ -145,12 +146,52 @@ declare class DropdownTree extends ElementBase {
     controlType: string;
 }
 
+type DatepickerMode = 'single' | 'range' | 'multiple';
+/**
+ * Atalho de período exibido no painel do modo `range`.
+ *
+ * Use `daysBack` para uma faixa relativa a hoje (resolvida por
+ * `getRelativeDateRange`) ou `startDate`/`endDate` para uma faixa fixa. Quando
+ * ambos são informados, a faixa fixa prevalece.
+ */
+interface DatepickerPreset {
+    label: string;
+    daysBack?: number;
+    startDate?: Date;
+    endDate?: Date;
+}
+type ElementBaseOptions = NonNullable<ConstructorParameters<typeof ElementBase>[0]>;
+interface DatepickerOptions extends ElementBaseOptions {
+    mode?: DatepickerMode;
+    disabledDates?: (string | Date)[];
+    isInvalidDate?: (date: Date) => boolean;
+    presets?: DatepickerPreset[];
+    presetsLabel?: string;
+    calendars?: 1 | 2 | 3;
+    weekStart?: number | null;
+    closeOnSelect?: boolean;
+}
 declare class Datepicker extends ElementBase {
     controlType: string;
+    mode: DatepickerMode;
+    disabledDates?: (string | Date)[];
+    isInvalidDate?: (date: Date) => boolean;
+    presets?: DatepickerPreset[];
+    /** Rótulo do gatilho de presets enquanto nenhum atalho está ativo. */
+    presetsLabel?: string;
+    /** `undefined` resolve para 2 no modo `range` e 1 nos demais. */
+    calendars?: 1 | 2 | 3;
+    weekStart: number | null;
+    closeOnSelect: boolean;
+    constructor(options?: DatepickerOptions);
 }
-
-declare class DatepickerRange extends ElementBase {
+/**
+ * @deprecated Use `Datepicker` with `mode: "range"`.
+ * Kept as a compatibility bridge for 2.x consumers.
+ */
+declare class DatepickerRange extends Datepicker {
     controlType: string;
+    constructor(options?: DatepickerOptions);
 }
 
 declare class InputText extends ElementBase {
@@ -220,7 +261,8 @@ interface DialogData {
 interface MenuActionItem {
     image?: string;
     icon?: string;
-    route?: string;
+    route?: string | unknown[] | UrlTree;
+    queryParams?: Params;
     showText?: boolean;
     svg?: string;
     text: string;
@@ -236,14 +278,19 @@ interface TableColumnStatus {
     label?: string[];
     color?: string[];
     textColor?: string[];
-    style?: "square" | "round";
+    style?: 'square' | 'round';
 }
 interface TableColumn {
     key: string;
     label: string;
+    /** @deprecated Prefer `sortable` in new integrations. */
     sort?: boolean;
+    sortable?: boolean;
     status?: TableColumnStatus;
+    /** @deprecated Prefer `dateFormat` in new integrations. */
     mask?: string;
+    dateFormat?: string;
+    fallback?: string;
     width?: string;
     collapse?: string;
     align?: string;
@@ -396,6 +443,7 @@ type ValidationMessageContext = ValidationContext;
 declare const MAPA_UI_TEXTS: InjectionToken<Partial<{
     common: Partial<{
         selectAll: string;
+        retry: string;
     }>;
     filters: Partial<{
         clear: string;
@@ -432,6 +480,12 @@ declare const MAPA_UI_TEXTS: InjectionToken<Partial<{
     table: Partial<{
         emptyTitle: string;
         emptySubtitle: string;
+        loading: string;
+        errorTitle: string;
+        selectAllVisible: string;
+        selectionColumn: string;
+        selectRow: string;
+        selectNamedRow: (item: string) => string;
     }>;
     validation: Partial<{
         cnpj: ValidationTextResolver;
@@ -500,12 +554,6 @@ declare class SafeHtmlPipe implements PipeTransform {
     static ɵpipe: i0.ɵɵPipeDeclaration<SafeHtmlPipe, "safeHtml", true>;
 }
 
-declare class CPFPipe implements PipeTransform {
-    transform(cpfValue: string | number | null | undefined): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CPFPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<CPFPipe, "cpf", true>;
-}
-
 type MapaDateLocale = "pt-BR" | "en" | "es";
 type MapaDateFormat = "DD/MM/YYYY" | "MM/DD/YYYY";
 type DateInput$1 = Date | string | number | null | undefined;
@@ -515,7 +563,6 @@ declare function normalizeDateLocale(value: unknown): MapaDateLocale;
 declare function getActiveDateLocale(): MapaDateLocale;
 declare function isMonthFirstDateLocale(locale?: MapaDateLocale): boolean;
 declare function getActiveDateFormat(locale?: MapaDateLocale): MapaDateFormat;
-declare function getActiveMaterialDateFormat(locale?: MapaDateLocale): string;
 declare function getDateInputMask(_locale?: MapaDateLocale): string;
 declare function formatDateForLocale(date: Date, locale?: MapaDateLocale): string;
 declare function parseLocaleDateValue(value: string, locale?: MapaDateLocale): Date | null;
@@ -557,6 +604,39 @@ declare function toUtcRangeStartIso(value: DateInput$1): string | undefined;
 declare function toUtcRangeEndIso(value: DateInput$1): string | undefined;
 declare function toUtcDayExclusiveEndIso(value: DateInput$1): string | undefined;
 
+/**
+ * Locale de data ativo exposto como sinal.
+ *
+ * `getActiveDateLocale()` lê do localStorage, que não é reativo. Em vez de
+ * consultar o valor a cada ciclo de change detection, observamos o
+ * `textsSignal` do `MapaI18nService`: toda troca de idioma do ecossistema
+ * passa por `setTexts()`. Como effects do Angular são agendados e não
+ * síncronos, quando o corpo do effect roda a gravação no localStorage feita
+ * logo após o `setTexts()` já aconteceu.
+ *
+ * Root-provided de propósito: um effect para toda a aplicação em vez de um por
+ * instância de datepicker.
+ */
+declare class MapaDateLocaleService {
+    private readonly i18n;
+    private readonly localeState;
+    readonly localeSignal: i0.Signal<MapaDateLocale>;
+    constructor();
+    /**
+     * Relê o locale do storage. Cinto de segurança para consumidores que trocam
+     * o idioma sem passar por `setTexts()`.
+     */
+    refresh(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MapaDateLocaleService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MapaDateLocaleService>;
+}
+
+declare class CPFPipe implements PipeTransform {
+    transform(cpfValue: string | number | null | undefined): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CPFPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<CPFPipe, "cpf", true>;
+}
+
 declare class LocaleDatePipe implements PipeTransform {
     transform(value: DateInput$1, dateStyle?: LocaleDateStyle): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<LocaleDatePipe, never>;
@@ -1365,100 +1445,131 @@ declare class CheckboxComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "mapa-checkbox", never, { "color": { "alias": "color"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-declare const MAPA_DATEPICKER_FORMATS: {
-    parse: {
-        dateInput: string;
-    };
-    display: {
-        dateInput: string;
-        monthYearLabel: string;
-        dateA11yLabel: string;
-        monthYearA11yLabel: string;
-    };
-};
+interface MapaDatepickerRangeValue {
+    startDate: string | null;
+    endDate: string | null;
+}
+/** @deprecated Use `MapaDatepickerRangeValue`. */
+type MapaDatepickerRangeControlValue = MapaDatepickerRangeValue;
+/** @deprecated Use `FormGroup`. */
+type MapaDatepickerRangeFormGroup = FormGroup;
+type MapaDatepickerControlValue = string | MapaDatepickerRangeValue | string[] | null;
+/** Preset já resolvido em datas concretas, pronto para o dropdown. */
+interface MapaDatepickerPresetEntry {
+    label: string;
+    range: [Date, Date];
+}
 declare class MapaDatepicker implements OnInit {
     private readonly cdr;
+    private readonly destroyRef;
+    private readonly i18n;
+    private readonly dateLocale;
     formGroup: FormGroup;
     element: Datepicker;
-    private readonly destroyRef;
-    readonly formDatepicker: FormGroup<{
-        date: FormControl<Date | null>;
+    openedChange: EventEmitter<boolean>;
+    private toggleButton?;
+    private picker?;
+    /** Controle do consumidor, resolvido por `element.key` no `ngOnInit`. */
+    control: FormControl<MapaDatepickerControlValue>;
+    /** Camada visível: strings mascaradas. `single` usa apenas `startDate`. */
+    readonly formDisplay: FormGroup<{
+        startDate: FormControl<string | null>;
+        endDate: FormControl<string | null>;
     }>;
-    formControl: FormControl<string | null>;
-    constructor(cdr: ChangeDetectorRef);
+    /** Camada do calendário: `Date`, no formato que o ngxsmk consome. */
+    readonly pickerValue: i0.WritableSignal<DatepickerValue>;
+    private readonly isOpenState;
+    private readonly isPresetsOpenState;
+    private localeState;
+    private syncing;
+    private presetsCache?;
+    readonly overlayPositions: ConnectedPosition[];
+    /**
+     * Referências estáveis: com OnPush, devolver um literal novo a cada ciclo
+     * marcaria o input do ngxsmk como alterado em toda change detection.
+     */
+    readonly ngxsmkClasses: {
+        inputGroup: string;
+    };
+    private readonly emptyDisabledDates;
+    private readonly neverInvalid;
+    private readonly localeSync;
     ngOnInit(): void;
-    get minDate(): Date | null;
-    get maxDate(): Date | null;
+    mode(): DatepickerMode;
+    isOpen(): boolean;
+    isDisabled(): boolean;
+    isReadonly(): boolean;
     hasValue(): boolean;
-    cleanDatepicker(): void;
-    private syncDatepickerControl;
-    private updateExternalControl;
-    closePicker(picker: MatDatepicker<Date>): void;
-    private areDatesEqual;
+    showClear(): boolean;
+    shouldShowError(): boolean;
+    /** Texto somente leitura do modo `multiple` — evita chaves novas de i18n. */
+    selectedLabel(): string;
+    mask(): string;
+    singlePlaceholder(): string;
+    get startDatePlaceholder(): string;
+    get endDatePlaceholder(): string;
+    ngxsmkLocale(): string;
+    displayFormat(): string;
+    minDate(): Date | null;
+    maxDate(): Date | null;
+    disabledDates(): (string | Date)[];
+    isInvalidDate(): (date: Date) => boolean;
+    /**
+     * Um mês por padrão em todos os modos, para o painel ficar na largura do
+     * campo. Dois meses são opt-in via `element.calendars`.
+     */
+    calendars(): number;
+    weekStart(): number | null;
+    /**
+     * Presets já resolvidos em datas. Memoizado pela referência de
+     * `element.presets` para não reconstruir `Date`s a cada change detection.
+     *
+     * Alimenta o nosso dropdown, não o painel nativo do ngxsmk: o layout dele é
+     * ditado por media queries duplicadas que nenhum input ou variável controla
+     * (coluna lateral acima de 992px, cards de 45px acima de 1024px), e o input
+     * `classes` do componente de presets é morto — o template dele nunca o lê.
+     */
+    presetList(): MapaDatepickerPresetEntry[];
+    hasPresets(): boolean;
+    isPresetsOpen(): boolean;
+    isPresetActive(entry: MapaDatepickerPresetEntry): boolean;
+    presetsTriggerLabel(): string;
+    togglePresets(): void;
+    closePresets(): void;
+    applyPreset(entry: MapaDatepickerPresetEntry): void;
+    toggleCalendar(): void;
+    closeCalendar(): void;
+    handleOverlayOutsideClick(event: Event): void;
+    handleEscape(): void;
+    /** Seleção vinda do calendário. */
+    handlePickerValue(value: DatepickerValue): void;
+    clear(event?: Event): void;
+    private locale;
+    private handleLocaleChange;
+    /** Digitação no campo mascarado. Passa o texto adiante verbatim. */
+    private handleDisplayChange;
+    private applyExternal;
+    private emitExternal;
+    private patchDisplay;
+    private toPickerValue;
+    private toExternal;
+    private toDisplayValue;
+    /** Forma canônica usada só para comparar — nunca é gravada no controle. */
+    private serializeExternal;
+    private emptyValue;
+    private asRangeValue;
+    private asPickerRange;
+    private isCompleteRange;
+    private shouldCloseAfterSelect;
+    private buildPresetEntries;
+    private resolvePreset;
+    private setOpenState;
     static ɵfac: i0.ɵɵFactoryDeclaration<MapaDatepicker, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MapaDatepicker, "mapa-datepicker", never, { "formGroup": { "alias": "formGroup"; "required": false; }; "element": { "alias": "element"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MapaDatepicker, "mapa-datepicker, mapa-datepicker-range", never, { "formGroup": { "alias": "formGroup"; "required": true; }; "element": { "alias": "element"; "required": true; }; }, { "openedChange": "openedChange"; }, never, never, true, never>;
 }
 
-interface MapaDatepickerRangeControlValue {
-    startDate: string | null;
-    endDate: string | null;
-}
-type MapaDatepickerRangeFormGroup = FormGroup;
-type MapaDatepickerInternalRangeValue = {
-    startDate: Date | null;
-    endDate: Date | null;
-};
-type MapaDatepickerInternalRangeFormGroup = FormGroup<{
-    startDate: FormControl<MapaDatepickerInternalRangeValue["startDate"]>;
-    endDate: FormControl<MapaDatepickerInternalRangeValue["endDate"]>;
-}>;
-type MapaDatepickerRangeDisplayFormGroup = FormGroup<{
-    startDate: FormControl<string | null>;
-    endDate: FormControl<string | null>;
-}>;
-declare function getMapaDatepickerRangeFormats(): {
-    parse: {
-        dateInput: string;
-    };
-    display: {
-        dateInput: string;
-        monthYearLabel: string;
-        dateA11yLabel: string;
-        monthYearA11yLabel: string;
-    };
-};
-declare class MapaDatepickerRange implements OnInit, DoCheck {
-    private readonly i18n;
-    private readonly cdr;
-    formGroup: FormGroup;
-    element: DatepickerRange;
-    private readonly destroyRef;
-    private readonly dateAdapter;
-    private readonly emptyValue;
-    private currentLocale;
-    readonly formDatepicker: MapaDatepickerInternalRangeFormGroup;
-    readonly formDisplay: MapaDatepickerRangeDisplayFormGroup;
-    rangeControl: FormControl<MapaDatepickerRangeControlValue | null>;
-    constructor(i18n: MapaI18nService, cdr: ChangeDetectorRef);
-    get texts(): mapa_frontend_i18n.MapaUiTextGroups;
-    get dateInputMask(): string;
-    get activeDateFormat(): string;
-    ngOnInit(): void;
-    ngDoCheck(): void;
-    get startDatePlaceholder(): string;
-    get endDatePlaceholder(): string;
-    private syncFromExternal;
-    private updateExternalFromDisplay;
-    private updateExternalFromDatepicker;
-    private patchExternalValue;
-    private areDatesEqual;
-    cleanDatepicker(): void;
-    private getLocale;
-    private syncLocaleSettings;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MapaDatepickerRange, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MapaDatepickerRange, "mapa-datepicker-range", never, { "formGroup": { "alias": "formGroup"; "required": false; }; "element": { "alias": "element"; "required": false; }; }, {}, never, never, true, never>;
-}
-type MapaDatepickerRangeComponent = MapaDatepickerRange;
+/** @deprecated Use `MapaDatepicker`. */
+type MapaDatepickerRangeComponent = MapaDatepicker;
 
 declare class MapaDialogComponent {
     data: any;
@@ -1851,105 +1962,157 @@ declare class MapaSvgIconComponent implements OnChanges {
 
 declare function customPaginatorFactory(i18n: MapaI18nService, injector: Injector): MatPaginatorIntl;
 
-declare class MapaTableComponent implements AfterViewInit, OnChanges {
-    private cdr;
-    private readonly i18n;
-    columns: TableColumn[];
-    data: TableRowData[];
+type DataTableAlignment = 'start' | 'center' | 'end';
+type DataTableSortDirection = SortDirection;
+type DataTableColumn = TableColumn;
+interface DataTablePageChange {
+    pageIndex: number;
+    pageSize: number;
+}
+interface DataTableSortChange {
+    active: string;
+    direction: DataTableSortDirection;
+}
+interface DataTableSelectionChange {
+    selectedKeys: string[];
+}
+interface MapaTableCellContext {
+    $implicit: unknown;
+    row: unknown;
+    column: TableColumn;
+}
+declare class MapaTableCellDirective {
+    columnKey: string;
+    readonly templateRef: TemplateRef<MapaTableCellContext>;
+    static ngTemplateContextGuard(_directive: MapaTableCellDirective, context: unknown): context is MapaTableCellContext;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MapaTableCellDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MapaTableCellDirective, "ng-template[mapaTableCell]", never, { "columnKey": { "alias": "mapaTableCell"; "required": true; }; }, {}, never, never, true, never>;
+}
+declare class MapaTableComponent {
+    columns: readonly TableColumn[];
+    data: readonly unknown[];
+    rowKey: string;
+    caption: string;
+    selectable?: boolean;
+    showSelectAll: boolean;
+    selectedKeys?: readonly string[];
+    selectionLabelKey: string;
+    /** @deprecated Prefer `selectable`. */
+    checkbox?: boolean;
+    /** @deprecated Prefer `selectedKeys`, `rowKey` and `selectionChange`. */
+    selection?: SelectionModel<TableRowData>;
+    loading?: boolean;
+    finished?: boolean;
+    error: boolean;
+    emptyTitle?: string;
+    emptySubtitle?: string | null;
+    errorTitle?: string;
+    errorSubtitle?: string | null;
+    retryLabel?: string;
+    /** @deprecated Prefer the individual state inputs. */
+    status: TableStatus;
+    /** @deprecated Prefer `emptyTitle` and `emptySubtitle`. */
+    empty: TableEmptyState;
+    pagination?: boolean;
     pageIndex: number;
     pageSize: number;
     totalCount: number;
+    pageSizeOptions: readonly number[];
+    /** @deprecated The paginator derives its pages from `totalCount` and `pageSize`. */
     totalPages: number;
-    checkbox: boolean | undefined;
-    selection: SelectionModel<TableRowData> | undefined;
-    actions?: MenuItem[] | undefined;
-    filterControl: FormControl<string | null> | undefined;
-    menuItems: MenuItem[];
-    menu: boolean | undefined;
+    /** @deprecated Prefer `pagination`. */
     showPaginator: boolean;
-    status: TableStatus;
-    empty: TableEmptyState;
     paginatorShowFirstButton: boolean;
     paginatorShowLastButton: boolean;
     paginatorRenderButtonsNumber: number;
     paginatorHideDefaultArrows: boolean;
-    trigger: MatMenuTrigger;
-    table?: MatTable<TableRowData>;
-    rowClick: EventEmitter<RowClickEvent>;
-    selectedRows: EventEmitter<SelectedTableRow[]>;
-    onChangePage: EventEmitter<PageEvent>;
-    onSortChange: EventEmitter<Sort>;
-    paginator: MatPaginator;
-    sort: MatSort;
-    dataSource: MatTableDataSource<TableRowData>;
-    displayedColumns: string[];
-    currentSort: Sort | undefined;
-    desktopTableVisible: boolean;
+    sortActive: string;
+    sortDirection: DataTableSortDirection;
+    /** @deprecated Prefer projected cells for new integrations. */
+    actions?: MenuItem[];
+    /** @deprecated Prefer projected cells for new integrations. */
+    menuItems: MenuItem[];
+    /** @deprecated The presence of a `menu` column controls menu rendering. */
+    menu?: boolean;
+    /** @deprecated Prefer filtering in the consuming feature. */
+    filterControl?: FormControl<string | null>;
+    readonly pageChange: EventEmitter<DataTablePageChange>;
+    readonly sortChange: EventEmitter<DataTableSortChange>;
+    readonly selectionChange: EventEmitter<DataTableSelectionChange>;
+    readonly retry: EventEmitter<void>;
+    /** @deprecated Prefer `pageChange`. */
+    readonly onChangePage: EventEmitter<PageEvent>;
+    /** @deprecated Prefer `sortChange`. */
+    readonly onSortChange: EventEmitter<Sort>;
+    /** @deprecated Prefer `selectionChange`. */
+    readonly selectedRows: EventEmitter<SelectedTableRow<TableRowData>[]>;
+    readonly rowClick: EventEmitter<RowClickEvent<TableRowData>>;
+    private readonly projectedCells;
+    private readonly cdr;
     private readonly destroyRef;
-    private filterControlSubscription?;
-    constructor(cdr: ChangeDetectorRef, i18n: MapaI18nService);
-    get texts(): mapa_frontend_i18n.MapaUiTextGroups;
-    get selectAllLabel(): string;
-    get paginatorPageIndex(): number;
-    get shouldShowPaginator(): boolean;
-    get resolvedEmptyTitle(): string;
-    get resolvedEmptySubtitle(): string | null;
-    get skeletonRows(): number[];
-    ngAfterViewInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    private hasViewStateChanges;
-    private refreshTableState;
-    private rebuildDesktopTable;
-    trackColumn(index: number, column: TableColumn): string;
-    getSkeletonColumnWidth(column: TableColumn): string;
-    setupFilter(): void;
-    isAllSelected(): boolean;
-    toggleAllRows(): void;
-    checkboxLabel(row?: TableRowData): string;
-    sortData(column: TableColumn): void;
-    sortDataFunction(sort: Sort): void;
-    emitRowClick(row: TableRowData, action: string): void;
-    toggleSelection(row: TableRowData): void;
-    getSelectedValues(): void;
-    generateColumns(): void;
-    columnExists(columns: TableColumn[], key: string): boolean;
-    generateGroupData(): void;
-    isBoolean(column: TableColumn, row: TableRowData): boolean;
-    isMaskedData(column: TableColumn, row: TableRowData): boolean;
-    getValueAsDate(column: TableColumn, row: TableRowData): Date;
-    getCellClass(column: TableColumn, row: TableRowData): string;
-    getCellBg(column: TableColumn, row: TableRowData): string;
-    getCellTextColor(column: TableColumn, row: TableRowData): string;
-    getValue(row: {
-        value?: string | number | null;
-    }): string;
-    changePage(event: PageEvent): void;
-    toggleMenu(): void;
-    getBackgroundColor(column: TableColumn, row: TableRowData): string;
-    getTextColor(column: TableColumn, row: TableRowData): string;
-    hasCustomClass(column: TableColumn, row: TableRowData, key: string): boolean;
-    getCustomClass(column: TableColumn, row: TableRowData, key: string): string;
-    hasCellStyleClass(row: TableRowData, key: string): boolean;
-    getCellStyleClass(row: TableRowData, key: string): string;
-    handleMenu(selected: MenuActionEvent<unknown>): void;
-    hasIndividualMenu(row: TableRowData | undefined): boolean;
-    getMenuItems(row: TableRowData | undefined): MenuItem[];
-    getActionItems(row: TableRowData | undefined): MenuItem[];
-    getStatusLabel(column: TableColumn, row: TableRowData): string;
-    getCellContent(row: TableRowData, key: string): string;
-    hasActionsColumn(): boolean;
-    hasMenuColumn(): boolean;
-    setSvgName(image: string): string;
+    private readonly i18n;
+    private localSort;
+    private filterValue;
+    private observedFilter?;
+    private filterSubscription?;
+    protected get texts(): mapa_frontend_i18n.MapaUiTextGroups;
+    protected get visibleData(): readonly unknown[];
+    protected get isSelectable(): boolean;
+    protected get isLoading(): boolean;
+    protected get isFinished(): boolean;
+    protected get resolvedEmptyTitle(): string;
+    protected get resolvedEmptySubtitle(): string | null;
+    protected get resolvedErrorTitle(): string;
+    protected get resolvedErrorSubtitle(): string | null;
+    protected get resolvedRetryLabel(): string;
+    protected get zeroBasedPageIndex(): number;
+    protected get shouldShowPaginator(): boolean;
+    protected get skeletonRows(): number[];
+    protected skeletonColumnWidth(column: TableColumn): string;
+    protected rowIdentity(row: unknown, index: number): unknown;
+    protected getRowKey(row: unknown): string;
+    protected isSelected(row: unknown): boolean;
+    protected allVisibleSelected(): boolean;
+    protected someVisibleSelected(): boolean;
+    protected toggleRow(row: unknown, selected: boolean): void;
+    protected toggleVisibleRows(selected: boolean): void;
+    protected selectionLabel(row: unknown): string;
+    protected cellTemplate(columnKey: string): TemplateRef<MapaTableCellContext> | null;
+    protected isSortable(column: TableColumn): boolean;
+    protected ariaSort(column: TableColumn): 'ascending' | 'descending' | 'none' | null;
+    protected sortIcon(column: TableColumn): string;
+    protected changeSort(column: TableColumn): void;
+    protected handlePage(event: PageEvent): void;
+    protected cellValue(row: unknown, column: TableColumn): string;
+    protected dateValue(row: unknown, column: TableColumn): Date | null;
+    protected dateFormat(column: TableColumn): string | null;
+    protected statusLabel(column: TableColumn, row: unknown): string;
+    protected statusBackground(column: TableColumn, row: unknown): string | null;
+    protected statusTextColor(column: TableColumn, row: unknown): string | null;
+    protected cellClasses(column: TableColumn, row: unknown): string[];
+    protected isCenterAligned(column: TableColumn): boolean;
+    protected isEndAligned(column: TableColumn): boolean;
+    protected getActionItems(row: unknown): MenuItem[];
+    protected getMenuItems(row: unknown): MenuItem[];
+    protected emitAction(row: unknown, item: MenuActionItem, event: Event): void;
+    protected emitRowInteraction(event: Event, row: unknown): void;
+    protected emitRowKeyboard(event: KeyboardEvent, row: unknown): void;
+    protected route(item: MenuActionItem): string | unknown[] | UrlTree | null;
+    protected queryParams(item: MenuActionItem): Params | null;
+    protected svgName(svg: string): string;
+    private activeSort;
+    private activeDirection;
+    private emitLegacySelection;
+    private observeFilterControl;
     private getColumnValue;
-    private getColumnRecord;
-    private getRecordStringValue;
-    private getStatusIndex;
+    private statusIndex;
+    private normalizeCollapse;
     private getFilterValue;
     private getMenuActionItems;
-    private isMenuItem;
-    private isTableRowData;
+    private asRow;
+    private isInteractiveTarget;
     static ɵfac: i0.ɵɵFactoryDeclaration<MapaTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MapaTableComponent, "mapa-table", never, { "columns": { "alias": "columns"; "required": false; }; "data": { "alias": "data"; "required": false; }; "pageIndex": { "alias": "pageIndex"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "totalCount": { "alias": "totalCount"; "required": false; }; "totalPages": { "alias": "totalPages"; "required": false; }; "checkbox": { "alias": "checkbox"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "filterControl": { "alias": "filterControl"; "required": false; }; "menuItems": { "alias": "menuItems"; "required": false; }; "menu": { "alias": "menu"; "required": false; }; "showPaginator": { "alias": "showPaginator"; "required": false; }; "status": { "alias": "status"; "required": false; }; "empty": { "alias": "empty"; "required": false; }; "paginatorShowFirstButton": { "alias": "paginatorShowFirstButton"; "required": false; }; "paginatorShowLastButton": { "alias": "paginatorShowLastButton"; "required": false; }; "paginatorRenderButtonsNumber": { "alias": "paginatorRenderButtonsNumber"; "required": false; }; "paginatorHideDefaultArrows": { "alias": "paginatorHideDefaultArrows"; "required": false; }; }, { "rowClick": "rowClick"; "selectedRows": "selectedRows"; "onChangePage": "onChangePage"; "onSortChange": "onSortChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MapaTableComponent, "mapa-table", never, { "columns": { "alias": "columns"; "required": false; }; "data": { "alias": "data"; "required": false; }; "rowKey": { "alias": "rowKey"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; }; "selectedKeys": { "alias": "selectedKeys"; "required": false; }; "selectionLabelKey": { "alias": "selectionLabelKey"; "required": false; }; "checkbox": { "alias": "checkbox"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "finished": { "alias": "finished"; "required": false; }; "error": { "alias": "error"; "required": false; }; "emptyTitle": { "alias": "emptyTitle"; "required": false; }; "emptySubtitle": { "alias": "emptySubtitle"; "required": false; }; "errorTitle": { "alias": "errorTitle"; "required": false; }; "errorSubtitle": { "alias": "errorSubtitle"; "required": false; }; "retryLabel": { "alias": "retryLabel"; "required": false; }; "status": { "alias": "status"; "required": false; }; "empty": { "alias": "empty"; "required": false; }; "pagination": { "alias": "pagination"; "required": false; }; "pageIndex": { "alias": "pageIndex"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "totalCount": { "alias": "totalCount"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "totalPages": { "alias": "totalPages"; "required": false; }; "showPaginator": { "alias": "showPaginator"; "required": false; }; "paginatorShowFirstButton": { "alias": "paginatorShowFirstButton"; "required": false; }; "paginatorShowLastButton": { "alias": "paginatorShowLastButton"; "required": false; }; "paginatorRenderButtonsNumber": { "alias": "paginatorRenderButtonsNumber"; "required": false; }; "paginatorHideDefaultArrows": { "alias": "paginatorHideDefaultArrows"; "required": false; }; "sortActive": { "alias": "sortActive"; "required": false; }; "sortDirection": { "alias": "sortDirection"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "menuItems": { "alias": "menuItems"; "required": false; }; "menu": { "alias": "menu"; "required": false; }; "filterControl": { "alias": "filterControl"; "required": false; }; }, { "pageChange": "pageChange"; "sortChange": "sortChange"; "selectionChange": "selectionChange"; "retry": "retry"; "onChangePage": "onChangePage"; "onSortChange": "onSortChange"; "selectedRows": "selectedRows"; "rowClick": "rowClick"; }, ["projectedCells"], never, true, never>;
 }
 
 interface Tag {
@@ -2107,5 +2270,5 @@ declare class MapaScaleParameterizationComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<MapaScaleParameterizationComponent, "mapa-scale-parameterization", never, { "data": { "alias": "data"; "required": false; }; "showProgressbar": { "alias": "showProgressbar"; "required": false; }; "showInterval": { "alias": "showInterval"; "required": false; }; "showDots": { "alias": "showDots"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-export { AIH_ESTADOS, AIH_TIPOS, BubblePaginationDirective, ButtonComponent, ButtonIconComponent, CEPRange, CID_NAME, CID_REGEX, CORES, CPFPipe, CapabilityClassificationService, CheckboxComponent, Datepicker, DatepickerRange, Dropdown, DropdownTree, ESTADOS, ESTADOS_SIGLA, ElementBase, FiltersComponent, HtmlSanitizerService, IPTUCREATE, IPTUMASKS, IPTUVALIDATE, IconComponent, InputText, LOCALIZACAO_BAIRROS, LOCALIZACAO_CIDADES, LOCALIZACAO_COMPLEMENTOS, LOCALIZACAO_ESTADOS, LOCALIZACAO_LOGRADOUROS, LOCALIZACAO_RUAS, LocaleDatePipe, LocaleDateTimePipe, MAPA_DATEPICKER_FORMATS, MAPA_UI_TEXTS, MASKSIE, MapaBenchmarkChartComponent, MapaBenchmarkIndicatorComponent, MapaBreadcrumbComponent, MapaCapabilityComparativeChartComponent, MapaCapabilityComparativeComponent, MapaCapabilityComparativeHeaderComponent, MapaCapabilityDetailComponent, MapaCapabilityDotComponent, MapaCapabilityExpandComponent, MapaCapabilityIndicatorChartComponent, MapaCapabilityIndicatorComponent, MapaCapabilityIndicatorListComponent, MapaCapabilityIntervalBarComponent, MapaCapabilityIntervalComponent, MapaChartComponent, MapaDatepicker, MapaDatepickerRange, MapaDetailsComponent, MapaDialogComponent, MapaDropdownComponent, MapaDropdownTreeComponent, MapaEmptyStateComponent, MapaFormComponent, MapaFormErrorsComponent, MapaGroupReportComponent, MapaI18nService, MapaInputComponent, MapaMaskAutofillSyncDirective, MapaMenuComponent, MapaNavListComponent, MapaProgressbarComponent, MapaScaleComponent, MapaScaleParameterizationComponent, MapaSvgIconComponent, MapaTableComponent, MapaTextareaComponent, MapaTooltipComponent, MapaTooltipDirective, MapaWarningComponent, MatInputAutosizeDirective, PLACAS_INVALID, PLACAS_RANGE, RadioButton, RadioButtonComponent, ReportItemComponent, SafeHtmlPipe, SlideToggle, SlideToggleComponent, TagComponent, Textarea, ValidationMessageResolverService, addDays, addMonthsToDateValue, allNumbersAreSame, buildDetailedIndicatorSections, buildIndicatorCollections, cep_ranges, create_aih, create_cartaocredito, create_certidao, create_cnh, create_cnhespelho, create_cnpj, create_cns, create_cpf, create_ect, create_iptu, create_iptu_ctba, create_iptu_sp, create_pispasep, create_processo, create_renachestadual, create_renachseguranca, create_renavam, create_titulo, create_titulo_atual, creditCardValidator, currencyToNumber, customPaginatorFactory, faker_iptu, fillString, formatBrazilianDate, formatDateAsDayMonthYear, formatDateAsMonthDayYear, formatDateByLanguage, formatDateForLocale, formatDateTimeByLanguage, formatDateValue, formatLocaleDate, formatLocaleDateTime, generateInscricaoEstadual, getActiveDateFormat, getActiveDateLocale, getActiveMaterialDateFormat, getAllDigits, getAllWords, getDateFormatByLanguage, getDateInputMask, getDateTimeFormatByLanguage, getDayOfMonthFromDateValue, getDefaultDateRange, getMapaDatepickerRangeFormats, getRelativeDateRange, getSpecialProperty, getYearFromDateValue, isAfterDateValue, isArray, isDateValue, isMonthFirstDateLocale, isNil, isNumber, isPresent, isString, isValidDateByLanguage, isValidDateValue, makeGenericFaker, maskBr, mask_iptu, mergeMapaUiTexts, modulo11, modulo11Custom, modulo11a, normalizeDateInput, normalizeDateLocale, normalizeLookup, normalizeText, numberToCurrency, openDialog, parseBrazilianDate, parseDateByLanguage, parseDateFieldValue, parseDateValue, parseDateValueFns, parseLocaleDateValue, processCaretTraps, provideMapaUiTexts, rand, randArray, randomEstadoSigla, randomLetter, randomLetterOrNumber, randomNumber, reformatDateStringForLanguage, rg_rj, rg_sp, sanitizeHtmlContent, setTimeOnDateValue, slugify, toDatepickerLocale, toIsoDateByLanguage, toIsoDateByLanguageWithUtcTime, toIsoDateValue, toIsoDateValueWithTime, toIsoDateValueWithUtcTime, toUtcDayExclusiveEndIso, toUtcRangeEndIso, toUtcRangeStartIso, utilsBr, validateBr, validate_aih, validate_cartaocredito, validate_celular, validate_cep, validate_certidao, validate_chassi, validate_cnh, validate_cnhespelho, validate_cnpj, validate_cns, validate_cpf, validate_currency, validate_datahora, validate_datetime, validate_ect, validate_inscricaoestadual, validate_iptu, validate_iptu_contagem, validate_iptu_ctba, validate_iptu_sp, validate_number, validate_pispasep, validate_placa, validate_porcentagem, validate_processo, validate_renachestadual, validate_renachseguranca, validate_renavam, validate_rg, validate_sped, validate_telefone, validate_time, validate_titulo };
-export type { ActionButton, Benchmark, BenchmarkMark, BenchmarkingChart, Classification as BenchmarkingClassification, BigObject, Breadpiece, ButtonIcon, Candidate, Capability, CapabilityClassification, CapabilityComparative, CapabilityItem, ChartOptions, Classification$1 as Classification, Competence$1 as Competence, DataNode, DateFormatPattern, DateInput$1 as DateInput, DateTimeFormatPattern, DatepickerLocale, DetailedIndicatorItem, DetailedIndicatorSection, DialogData, Dimension$1 as Dimension, ElementOption, ElementSearch, ElementTreeNode, Errors, EstadosType, EvaluationBenchmarkResult, Dimension$2 as GroupReportDimension, GroupReportItem, IndicatorCollectionOptions, IndicatorCollections, Indicators, LocaleDateStyle, LowReliabilityReport, MapaDateFormat, MapaDateLocale, MapaDatepickerRangeComponent, MapaDatepickerRangeControlValue, MapaDatepickerRangeFormGroup, MapaUiTexts, MaskType, Masks, MasksIE, MenuActionEvent, MenuActionItem, MenuItem, ProgressBar$1 as ProgressBar, ReportItem, ReportItemMenuItem, RowClickEvent, Scale$1 as Scale, Competence as ScaleParameterizationCompetence, Dimension as ScaleParameterizationDimension, ProgressBar as ScaleParameterizationProgressBar, Scale as ScaleParameterizationScale, SelectedTableRow, Status, TableCellStyleClass, TableColumn, TableColumnStatus, TableEmptyState, TableRowData, TableStatus, Tag, ValidationMessageContext };
+export { AIH_ESTADOS, AIH_TIPOS, BubblePaginationDirective, ButtonComponent, ButtonIconComponent, CEPRange, CID_NAME, CID_REGEX, CORES, CPFPipe, CapabilityClassificationService, CheckboxComponent, Datepicker, DatepickerRange, Dropdown, DropdownTree, ESTADOS, ESTADOS_SIGLA, ElementBase, FiltersComponent, HtmlSanitizerService, IPTUCREATE, IPTUMASKS, IPTUVALIDATE, IconComponent, InputText, LOCALIZACAO_BAIRROS, LOCALIZACAO_CIDADES, LOCALIZACAO_COMPLEMENTOS, LOCALIZACAO_ESTADOS, LOCALIZACAO_LOGRADOUROS, LOCALIZACAO_RUAS, LocaleDatePipe, LocaleDateTimePipe, MAPA_UI_TEXTS, MASKSIE, MapaBenchmarkChartComponent, MapaBenchmarkIndicatorComponent, MapaBreadcrumbComponent, MapaCapabilityComparativeChartComponent, MapaCapabilityComparativeComponent, MapaCapabilityComparativeHeaderComponent, MapaCapabilityDetailComponent, MapaCapabilityDotComponent, MapaCapabilityExpandComponent, MapaCapabilityIndicatorChartComponent, MapaCapabilityIndicatorComponent, MapaCapabilityIndicatorListComponent, MapaCapabilityIntervalBarComponent, MapaCapabilityIntervalComponent, MapaChartComponent, MapaDateLocaleService, MapaDatepicker, MapaDatepicker as MapaDatepickerRange, MapaDetailsComponent, MapaDialogComponent, MapaDropdownComponent, MapaDropdownTreeComponent, MapaEmptyStateComponent, MapaFormComponent, MapaFormErrorsComponent, MapaGroupReportComponent, MapaI18nService, MapaInputComponent, MapaMaskAutofillSyncDirective, MapaMenuComponent, MapaNavListComponent, MapaProgressbarComponent, MapaScaleComponent, MapaScaleParameterizationComponent, MapaSvgIconComponent, MapaTableCellDirective, MapaTableComponent, MapaTextareaComponent, MapaTooltipComponent, MapaTooltipDirective, MapaWarningComponent, MatInputAutosizeDirective, PLACAS_INVALID, PLACAS_RANGE, RadioButton, RadioButtonComponent, ReportItemComponent, SafeHtmlPipe, SlideToggle, SlideToggleComponent, TagComponent, Textarea, ValidationMessageResolverService, addDays, addMonthsToDateValue, allNumbersAreSame, buildDetailedIndicatorSections, buildIndicatorCollections, cep_ranges, create_aih, create_cartaocredito, create_certidao, create_cnh, create_cnhespelho, create_cnpj, create_cns, create_cpf, create_ect, create_iptu, create_iptu_ctba, create_iptu_sp, create_pispasep, create_processo, create_renachestadual, create_renachseguranca, create_renavam, create_titulo, create_titulo_atual, creditCardValidator, currencyToNumber, customPaginatorFactory, faker_iptu, fillString, formatBrazilianDate, formatDateAsDayMonthYear, formatDateAsMonthDayYear, formatDateByLanguage, formatDateForLocale, formatDateTimeByLanguage, formatDateValue, formatLocaleDate, formatLocaleDateTime, generateInscricaoEstadual, getActiveDateFormat, getActiveDateLocale, getAllDigits, getAllWords, getDateFormatByLanguage, getDateInputMask, getDateTimeFormatByLanguage, getDayOfMonthFromDateValue, getDefaultDateRange, getRelativeDateRange, getSpecialProperty, getYearFromDateValue, isAfterDateValue, isArray, isDateValue, isMonthFirstDateLocale, isNil, isNumber, isPresent, isString, isValidDateByLanguage, isValidDateValue, makeGenericFaker, maskBr, mask_iptu, mergeMapaUiTexts, modulo11, modulo11Custom, modulo11a, normalizeDateInput, normalizeDateLocale, normalizeLookup, normalizeText, numberToCurrency, openDialog, parseBrazilianDate, parseDateByLanguage, parseDateFieldValue, parseDateValue, parseDateValueFns, parseLocaleDateValue, processCaretTraps, provideMapaUiTexts, rand, randArray, randomEstadoSigla, randomLetter, randomLetterOrNumber, randomNumber, reformatDateStringForLanguage, rg_rj, rg_sp, sanitizeHtmlContent, setTimeOnDateValue, slugify, toDatepickerLocale, toIsoDateByLanguage, toIsoDateByLanguageWithUtcTime, toIsoDateValue, toIsoDateValueWithTime, toIsoDateValueWithUtcTime, toUtcDayExclusiveEndIso, toUtcRangeEndIso, toUtcRangeStartIso, utilsBr, validateBr, validate_aih, validate_cartaocredito, validate_celular, validate_cep, validate_certidao, validate_chassi, validate_cnh, validate_cnhespelho, validate_cnpj, validate_cns, validate_cpf, validate_currency, validate_datahora, validate_datetime, validate_ect, validate_inscricaoestadual, validate_iptu, validate_iptu_contagem, validate_iptu_ctba, validate_iptu_sp, validate_number, validate_pispasep, validate_placa, validate_porcentagem, validate_processo, validate_renachestadual, validate_renachseguranca, validate_renavam, validate_rg, validate_sped, validate_telefone, validate_time, validate_titulo };
+export type { ActionButton, Benchmark, BenchmarkMark, BenchmarkingChart, Classification as BenchmarkingClassification, BigObject, Breadpiece, ButtonIcon, Candidate, Capability, CapabilityClassification, CapabilityComparative, CapabilityItem, ChartOptions, Classification$1 as Classification, Competence$1 as Competence, DataNode, DataTableAlignment, DataTableColumn, DataTablePageChange, DataTableSelectionChange, DataTableSortChange, DataTableSortDirection, DateFormatPattern, DateInput$1 as DateInput, DateTimeFormatPattern, DatepickerLocale, DatepickerMode, DatepickerOptions, DatepickerPreset, DetailedIndicatorItem, DetailedIndicatorSection, DialogData, Dimension$1 as Dimension, ElementOption, ElementSearch, ElementTreeNode, Errors, EstadosType, EvaluationBenchmarkResult, Dimension$2 as GroupReportDimension, GroupReportItem, IndicatorCollectionOptions, IndicatorCollections, Indicators, LocaleDateStyle, LowReliabilityReport, MapaDateFormat, MapaDateLocale, MapaDatepickerControlValue, MapaDatepickerPresetEntry, MapaDatepickerRangeComponent, MapaDatepickerRangeControlValue, MapaDatepickerRangeFormGroup, MapaDatepickerRangeValue, MapaTableCellContext, MapaUiTexts, MaskType, Masks, MasksIE, MenuActionEvent, MenuActionItem, MenuItem, ProgressBar$1 as ProgressBar, ReportItem, ReportItemMenuItem, RowClickEvent, Scale$1 as Scale, Competence as ScaleParameterizationCompetence, Dimension as ScaleParameterizationDimension, ProgressBar as ScaleParameterizationProgressBar, Scale as ScaleParameterizationScale, SelectedTableRow, Status, TableCellStyleClass, TableColumn, TableColumnStatus, TableEmptyState, TableRowData, TableStatus, Tag, ValidationMessageContext };