mapa-library-ui 1.7.3 → 2.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mapa-library-ui",
-  "version": "1.7.3",
+  "version": "2.0.0",
   "peerDependencies": {
     "@angular/animations": "^20.3.0",
     "@angular/cdk": "^20.2.0",
@@ -11,10 +11,11 @@
     "@angular/material": "^20.2.0",
     "@angular/router": "^20.3.0",
     "apexcharts": "^5.10.3",
-    "mapa-frontend-i18n": "^2.0.0",
+    "mapa-frontend-i18n": "^2.1.0",
     "ng-apexcharts": "^2.3.0",
     "ngx-mask": "^20.0.3",
     "ngx-mat-select-search": "^8.0.4",
+    "ngxsmk-datepicker": "^3.0.0",
     "rxjs": "^7.8.2",
     "ts-md5": "^1.3.1"
   },
@@ -59,10 +60,6 @@
       "types": "./src/lib/components/datepicker/index.d.ts",
       "default": "./fesm2022/mapa-library-ui-src-lib-components-datepicker.mjs"
     },
-    "./datepicker-range": {
-      "types": "./src/lib/components/datepicker-range/index.d.ts",
-      "default": "./fesm2022/mapa-library-ui-src-lib-components-datepicker-range.mjs"
-    },
     "./dialog": {
       "types": "./src/lib/components/dialog/index.d.ts",
       "default": "./fesm2022/mapa-library-ui-src-lib-components-dialog.mjs"
@@ -194,10 +191,6 @@
       "types": "./src/lib/components/datepicker/index.d.ts",
       "default": "./fesm2022/mapa-library-ui-src-lib-components-datepicker.mjs"
     },
-    "./src/lib/components/datepicker-range": {
-      "types": "./src/lib/components/datepicker-range/index.d.ts",
-      "default": "./fesm2022/mapa-library-ui-src-lib-components-datepicker-range.mjs"
-    },
     "./src/lib/components/dialog": {
       "types": "./src/lib/components/dialog/index.d.ts",
       "default": "./fesm2022/mapa-library-ui-src-lib-components-dialog.mjs"

package/src/lib/components/datepicker/index.d.ts

@@ -1,7 +1,8 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, OnInit, ChangeDetectorRef } from '@angular/core';
+import { EventEmitter, OnInit } from '@angular/core';
 import { FormControl, FormGroup } from '@angular/forms';
-import { MatDatepicker } from '@angular/material/datepicker';
+import { ConnectedPosition } from '@angular/cdk/overlay';
+import { DatepickerValue } from 'ngxsmk-datepicker';
 
 interface ElementTreeNode {
     key: string;
@@ -119,42 +120,179 @@ declare class ElementBase {
     });
 }
 
+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);
+}
+/**
+ * @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 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>;
 }
 
-export { MAPA_DATEPICKER_FORMATS, MapaDatepicker };
+/** @deprecated Use `MapaDatepicker`. */
+type MapaDatepickerRangeComponent = MapaDatepicker;
+
+export { Datepicker, DatepickerRange, ElementBase, MapaDatepicker, MapaDatepicker as MapaDatepickerRange };
+export type { DatepickerMode, DatepickerOptions, DatepickerPreset, Errors, MapaDatepickerControlValue, MapaDatepickerPresetEntry, MapaDatepickerRangeComponent, MapaDatepickerRangeControlValue, MapaDatepickerRangeFormGroup, MapaDatepickerRangeValue, Status };

package/src/lib/components/group-report/index.d.ts

@@ -14,14 +14,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;

package/src/lib/components/menu/index.d.ts

@@ -1,3 +1,4 @@
+import { UrlTree, Params } from '@angular/router';
 import * as i0 from '@angular/core';
 import { EventEmitter } from '@angular/core';
 import { MatMenuTrigger } from '@angular/material/menu';
@@ -5,7 +6,8 @@ import { MatMenuTrigger } from '@angular/material/menu';
 interface MenuActionItem {
     image?: string;
     icon?: string;
-    route?: string;
+    route?: string | unknown[] | UrlTree;
+    queryParams?: Params;
     showText?: boolean;
     svg?: string;
     text: string;

package/src/lib/components/report-item/index.d.ts

@@ -1,10 +1,12 @@
 import * as i0 from '@angular/core';
 import { OnChanges, EventEmitter, SimpleChanges } from '@angular/core';
+import { UrlTree, Params } from '@angular/router';
 
 interface MenuActionItem {
     image?: string;
     icon?: string;
-    route?: string;
+    route?: string | unknown[] | UrlTree;
+    queryParams?: Params;
     showText?: boolean;
     svg?: string;
     text: string;

package/src/lib/components/table/index.d.ts

@@ -1,14 +1,13 @@
 import * as i0 from '@angular/core';
-import { AfterViewInit, OnChanges, OnDestroy, EventEmitter, ElementRef, Renderer2, SimpleChanges, Injector, ChangeDetectorRef } from '@angular/core';
+import { AfterViewInit, OnChanges, OnDestroy, EventEmitter, ElementRef, Renderer2, SimpleChanges, Injector, TemplateRef } from '@angular/core';
 import { MatPaginator, MatPaginatorIntl, PageEvent } from '@angular/material/paginator';
+import { UrlTree, Params } from '@angular/router';
 import * as rxjs from 'rxjs';
 import * as mapa_frontend_i18n from 'mapa-frontend-i18n';
 import { MapaUiTextGroups, ValidationContext, PartialMapaUiTexts } from 'mapa-frontend-i18n';
 import { SelectionModel } from '@angular/cdk/collections';
 import { FormControl } from '@angular/forms';
-import { Sort, MatSort } from '@angular/material/sort';
-import { MatTable, MatTableDataSource } from '@angular/material/table';
-import { MatMenuTrigger } from '@angular/material/menu';
+import { SortDirection, Sort } from '@angular/material/sort';
 
 declare class BubblePaginationDirective implements AfterViewInit, OnChanges, OnDestroy {
     private readonly matPag;
@@ -62,17 +61,14 @@ interface TableEmptyState {
 interface MenuActionItem {
     image?: string;
     icon?: string;
-    route?: string;
+    route?: string | unknown[] | UrlTree;
+    queryParams?: Params;
     showText?: boolean;
     svg?: string;
     text: string;
     action: string;
     disabled?: boolean;
 }
-interface MenuActionEvent<TData = unknown> {
-    action: string;
-    data: TData;
-}
 
 interface TableCellStyleClass {
     key: string;
@@ -118,9 +114,6 @@ declare class MapaI18nService {
 
 declare function customPaginatorFactory(i18n: MapaI18nService, injector: Injector): MatPaginatorIntl;
 
-interface MenuItem extends MenuActionItem {
-}
-
 interface Classification {
     classificationId?: number;
     classificationName?: string;
@@ -132,14 +125,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;
@@ -147,106 +145,161 @@ interface TableColumn {
     classification?: Classification;
 }
 
-declare class MapaTableComponent implements AfterViewInit, OnChanges {
-    private cdr;
-    private readonly i18n;
-    columns: TableColumn[];
-    data: TableRowData[];
+interface MenuItem extends MenuActionItem {
+}
+
+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>;
 }
 
-export { BubblePaginationDirective, MapaTableComponent, customPaginatorFactory };
-export type { RowClickEvent, SelectedTableRow, TableCellStyleClass, TableEmptyState, TableRowData, TableStatus };
+export { BubblePaginationDirective, MapaTableCellDirective, MapaTableComponent, customPaginatorFactory };
+export type { DataTableAlignment, DataTableColumn, DataTablePageChange, DataTableSelectionChange, DataTableSortChange, DataTableSortDirection, MapaTableCellContext, RowClickEvent, SelectedTableRow, TableCellStyleClass, TableEmptyState, TableRowData, TableStatus };