monkey-style-guide 21.2.7 → 21.2.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "monkey-style-guide",
-  "version": "21.2.7",
+  "version": "21.2.8",
   "peerDependencies": {
     "@angular/animations": "^21.2.4",
     "@angular/cdk": "^21.2.2",

package/types/monkey-style-guide.d.ts

@@ -10,6 +10,7 @@ import { CurrencyPipe } from '@angular/common';
 import { BooleanInput } from '@angular/cdk/coercion';
 import { OverlayRef, Overlay } from '@angular/cdk/overlay';
 import { ComponentType } from '@angular/cdk/portal';
+import { VirtualScrollStrategy, CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
 
 declare class MonkeyAccordionComponent {
     open: boolean;
@@ -1517,6 +1518,83 @@ declare class MonkeyRadioButtonComponent implements MonkeyFormFieldControl, Cont
     static ngAcceptInputType_required: unknown;
 }
 
+type MonkeyScrollbarOrientation = 'horizontal' | 'vertical';
+/** `small` = 8px track (menus) · `medium` = 16px (page bar, what the table uses). */
+type MonkeyScrollbarSize = 'small' | 'medium';
+/**
+ * A DRAWN scrollbar, not the native one styled — a native scrollbar can't
+ * live outside the element that scrolls (e.g. below a table's rows, next to
+ * its footer), and cross-browser track styling (radius, border) is
+ * inconsistent enough that matching a design exactly isn't reliable with
+ * `::-webkit-scrollbar`/`scrollbar-color` alone.
+ *
+ * It does NOT replace real scrolling: `target` keeps its own
+ * `overflow: auto`, so keyboard, wheel and trackpad scrolling all keep
+ * working — this is a draggable mirror drawn on top. That's also why it's
+ * `aria-hidden`: a screen reader user scrolls the real region, and a second
+ * widget announcing the same position would only add noise.
+ */
+declare class MonkeyScrollbarComponent implements OnDestroy {
+    private readonly _zone;
+    readonly orientation: i0.InputSignal<MonkeyScrollbarOrientation>;
+    readonly size: i0.InputSignal<MonkeyScrollbarSize>;
+    /** The element that actually scrolls. */
+    readonly target: i0.InputSignal<HTMLElement>;
+    private readonly trackEl;
+    /** Scrollable length of the content, in px. */
+    private readonly total;
+    /** Visible length of the viewport, in px. */
+    private readonly visible;
+    /** How far the target is scrolled, in px. */
+    private readonly scrolled;
+    /** Length of the track the thumb slides along, in px. */
+    private readonly trackLength;
+    protected readonly scrollable: i0.Signal<boolean>;
+    protected readonly thumbSize: i0.Signal<string>;
+    /**
+     * A px distance, applied as a `translate`, not as `left`/`top`: moving the
+     * thumb then costs a composited transform instead of a layout pass on every
+     * scroll frame. It has to be px rather than a percentage of the thumb
+     * because the thumb has a minimum length — once that kicks in, a
+     * percentage of its own (clamped) size no longer maps to track distance.
+     */
+    protected readonly thumbOffset: i0.Signal<string>;
+    private resizeObserver?;
+    private observedTarget?;
+    /** Pending animation frame, 0 when none is queued. */
+    private frame;
+    /** Whether the cached lengths need re-reading on the next frame. */
+    private sizeStale;
+    private readonly onScroll;
+    /** Drag state. `null` = nobody is dragging. */
+    private drag;
+    constructor();
+    ngOnDestroy(): void;
+    private attach;
+    private detach;
+    /**
+     * Scroll events fire far more often than the screen refreshes, and each
+     * measurement reads layout. Coalescing to one read per frame is what keeps
+     * a long table from thrashing layout while it scrolls.
+     */
+    private schedule;
+    private measure;
+    protected onPointerDown(event: PointerEvent): void;
+    protected onPointerMove(event: PointerEvent): void;
+    protected onPointerUp(event: PointerEvent): void;
+    /** Clicking the track outside the thumb jumps the content there, centered on the click. */
+    protected onTrackPointerDown(event: PointerEvent): void;
+    /**
+     * Manual re-measure. Public on purpose: the automatic triggers (scroll,
+     * ResizeObserver on the target and its children) cover what the browser
+     * reports on its own — this is the escape hatch for what it doesn't, e.g.
+     * a target swapped out from under the component.
+     */
+    remeasure(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyScrollbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyScrollbarComponent, "monkey-scrollbar", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 declare class MonkeySecurityLevelComponent {
     label: i0.InputSignal<string | undefined>;
     score: i0.InputSignal<number>;
@@ -1727,84 +1805,98 @@ declare class MonkeyPaginationSizeComponent {
  * This style guide was developed by Monkey Exchange Team
  * MIT Licence
  ************************* */
-
-declare class MonkeyTableComponent implements AfterContentInit, OnChanges {
-    scroll: MonkeyTableScrollConfig;
-    loading: boolean;
-    loadingRef: TemplateRef<any>;
-    sortChange: EventEmitter<any>;
-    private _headerEl;
-    private _tableHeaderEl;
-    private _tableContentEl;
-    private _tableLoadingEl;
-    private _tableScrollEl;
-    private _paginationActionChildren;
-    private _paginationSizeChildren;
-    private _sortOptions;
-    private _loadingInitialized;
-    stateChanges: EventEmitter<any>;
-    private updateScrollStyle;
-    private initializeComponents;
-    private initializeLoadingComponent;
-    ngAfterContentInit(): void;
-    updateSortableOptions(name: string, sortable: string): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyTableComponent, "monkey-table, table[monkey-table]", ["monkeyTable"], { "scroll": { "alias": "scroll"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingRef": { "alias": "loadingRef"; "required": false; }; }, { "sortChange": "sortChange"; }, ["_paginationActionChildren", "_paginationSizeChildren"], ["thead", "tbody", "monkey-pagination-size", "monkey-pagination-label", "monkey-pagination-action"], false, never>;
+type SortDirection = 'ascending' | 'descending';
+interface SortState {
+    column: string;
+    direction: SortDirection;
+}
+type SelectionState = 'none' | 'partial' | 'all';
+type ColumnAlign = 'start' | 'end';
+type ColumnPinned = 'none' | 'left' | 'right';
+interface MonkeyTableColumnState {
+    name: string;
+    hidden: boolean;
+    pinned: ColumnPinned;
+}
+declare function sameColumnState(a: readonly MonkeyTableColumnState[], b: readonly MonkeyTableColumnState[]): boolean;
+declare function ariaSortOf(sort: SortState | null, column: string): SortDirection | null;
+declare function interpolate(template: string, values: Record<string, string | number>): string;
+declare function toggleKey(current: ReadonlySet<string>, key: string): ReadonlySet<string>;
+declare function selectionState(current: ReadonlySet<string>, keys: readonly string[]): SelectionState;
+declare function addKeys(current: ReadonlySet<string>, keys: readonly string[], limit?: number): ReadonlySet<string>;
+declare function removeKeys(current: ReadonlySet<string>, keys: readonly string[]): ReadonlySet<string>;
+declare function sortByOrder<T>(items: readonly T[], nameOf: (item: T) => string, order: readonly string[]): T[];
+declare function mergeOrder(previous: readonly string[], next: readonly string[]): string[];
+interface RowMetrics {
+    count: number;
+    rowHeight: number;
+    detailHeight: number;
+    openIndices: readonly number[];
+}
+declare function totalHeight(metrics: RowMetrics): number;
+declare function offsetOfIndex(index: number, metrics: RowMetrics): number;
+declare function indexAtOffset(offset: number, metrics: RowMetrics): number;
+declare function toPx(width: string | null | undefined): number;
+
+interface MonkeyTableCellContext<T> {
+    $implicit: T;
+    row: T;
+    index: number;
+    first: boolean;
+    last: boolean;
 }
-
-/** ************************
- * Copyright Monkey Exchange. All Rights Reserved
- * This style guide was developed by Monkey Exchange Team
- * MIT Licence
- ************************* */
-
-declare class MonkeyColumnChecked implements OnInit, AfterViewInit, OnChanges, OnDestroy {
-    private el;
-    private renderer;
-    private viewContainerRef;
-    table: MonkeyTableComponent;
-    checked: boolean;
-    disabled: boolean;
-    checkedChange: EventEmitter<any>;
-    private _cdr;
-    private _injector;
-    private _subscriptions;
-    checkboxRef: ComponentRef<MonkeyCheckboxComponent>;
-    constructor(el: ElementRef, renderer: Renderer2, viewContainerRef: ViewContainerRef, table: MonkeyTableComponent);
-    private renderCheckbox;
-    private handleDisableFromStateChanges;
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    initializeComponent(checked: boolean, disabled: boolean): void;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyColumnChecked, [null, null, null, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MonkeyColumnChecked, "[mkChecked]", never, { "checked": { "alias": "mkChecked"; "required": true; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "checkedChange": "checkedChange"; }, never, never, false, never>;
+type MonkeyTableSortKind = 'text' | 'number' | 'date';
+declare class MonkeyTableCellDirective<T> {
+    readonly template: TemplateRef<MonkeyTableCellContext<T>>;
+    static ngTemplateContextGuard<T>(_dir: MonkeyTableCellDirective<T>, _ctx: unknown): _ctx is MonkeyTableCellContext<T>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyTableCellDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MonkeyTableCellDirective<any>, "ng-template[mkCell]", never, {}, {}, never, never, true, never>;
+}
+declare class MonkeyTableHeaderCellDirective {
+    readonly template: TemplateRef<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyTableHeaderCellDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MonkeyTableHeaderCellDirective, "ng-template[mkHeaderCell]", never, {}, {}, never, never, true, never>;
+}
+declare class MonkeyTableColumnDirective<T = any> {
+    readonly name: i0.InputSignal<string>;
+    readonly label: i0.InputSignal<string>;
+    readonly labelHidden: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly unit: i0.InputSignal<string>;
+    readonly width: i0.InputSignal<string>;
+    readonly align: i0.InputSignal<ColumnAlign>;
+    readonly sortable: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly sortKind: i0.InputSignal<MonkeyTableSortKind>;
+    readonly hideable: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly movable: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly pinnable: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly pinned: i0.ModelSignal<ColumnPinned>;
+    readonly hidden: i0.ModelSignal<boolean>;
+    readonly cell: i0.Signal<MonkeyTableCellDirective<any> | undefined>;
+    readonly headerCell: i0.Signal<MonkeyTableHeaderCellDirective | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyTableColumnDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MonkeyTableColumnDirective<any>, "ng-container[mkColumn]", never, { "name": { "alias": "mkColumn"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "labelHidden": { "alias": "labelHidden"; "required": false; "isSignal": true; }; "unit": { "alias": "unit"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "sortable": { "alias": "sortable"; "required": false; "isSignal": true; }; "sortKind": { "alias": "sortKind"; "required": false; "isSignal": true; }; "hideable": { "alias": "hideable"; "required": false; "isSignal": true; }; "movable": { "alias": "movable"; "required": false; "isSignal": true; }; "pinnable": { "alias": "pinnable"; "required": false; "isSignal": true; }; "pinned": { "alias": "pinned"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; }, { "pinned": "pinnedChange"; "hidden": "hiddenChange"; }, ["cell", "headerCell"], never, true, never>;
+}
+declare class MonkeyTableRowDetailDirective<T> {
+    readonly template: TemplateRef<{
+        $implicit: T;
+        row: T;
+    }>;
+    static ngTemplateContextGuard<T>(_dir: MonkeyTableRowDetailDirective<T>, _ctx: unknown): _ctx is {
+        $implicit: T;
+        row: T;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyTableRowDetailDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MonkeyTableRowDetailDirective<any>, "ng-template[mkRowDetail]", never, {}, {}, never, never, true, never>;
 }
-
-/** ************************
- * Copyright Monkey Exchange. All Rights Reserved
- * This style guide was developed by Monkey Exchange Team
- * MIT Licence
- ************************* */
-
-declare class MonkeyColumnExpansible implements OnInit, OnDestroy {
-    private el;
-    private renderer;
-    table: MonkeyTableComponent;
-    expansionChange: EventEmitter<any>;
-    private _opened;
-    private _subscriptions;
-    private _enableAnimation;
-    disabled: boolean;
-    constructor(el: ElementRef, renderer: Renderer2, table: MonkeyTableComponent);
-    private createSvgElement;
-    ngOnInit(): void;
-    onClick(): void;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyColumnExpansible, [null, null, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MonkeyColumnExpansible, "[mkExpansible]", never, {}, { "expansionChange": "expansionChange"; }, never, never, false, never>;
+declare class MonkeyTableEmptyDirective {
+    readonly template: TemplateRef<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyTableEmptyDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MonkeyTableEmptyDirective, "ng-template[mkEmpty]", never, {}, {}, never, never, true, never>;
+}
+declare class MonkeyTableLoadingDirective {
+    readonly template: TemplateRef<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyTableLoadingDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MonkeyTableLoadingDirective, "ng-template[mkLoading]", never, {}, {}, never, never, true, never>;
 }
 
 /** ************************
@@ -1813,33 +1905,189 @@ declare class MonkeyColumnExpansible implements OnInit, OnDestroy {
  * MIT Licence
  ************************* */
 
-declare class MonkeyColumnSortable implements OnInit, OnDestroy {
-    private el;
-    private renderer;
-    table: MonkeyTableComponent;
-    name: string;
-    private _sortableDirection;
-    private subscriptions;
-    get disabled(): boolean;
-    constructor(el: ElementRef, renderer: Renderer2, table: MonkeyTableComponent);
-    private createSvgElement;
-    ngOnInit(): void;
-    onClick(): void;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyColumnSortable, [null, null, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MonkeyColumnSortable, "[mkSortable]", never, { "name": { "alias": "mkSortable"; "required": true; }; }, {}, never, never, false, never>;
+declare class MonkeyTableVirtualScroll implements VirtualScrollStrategy {
+    private readonly _indexChange;
+    readonly scrolledIndexChange: Observable<number>;
+    private _viewport;
+    private _metrics;
+    private _buffer;
+    attach(viewport: CdkVirtualScrollViewport): void;
+    detach(): void;
+    onContentScrolled(): void;
+    onDataLengthChanged(): void;
+    onContentRendered(): void;
+    onRenderedOffsetChanged(): void;
+    scrollToIndex(index: number, behavior: ScrollBehavior): void;
+    setMetrics(metrics: RowMetrics, buffer: number): void;
+    private update;
+}
+
+type Column<T> = MonkeyTableColumnDirective<T>;
+interface SlotBase {
+    key: string;
+    width: string | null;
+    px: number;
+    pinned: ColumnPinned;
+    offset: number;
+    align: ColumnAlign;
+}
+type Slot<T> = (SlotBase & {
+    kind: 'data';
+    column: Column<T>;
+}) | (SlotBase & {
+    kind: 'selection' | 'expand';
+    column: null;
+});
+interface RowView<T> {
+    row: T;
+    key: string;
+    index: number;
+    selectable: boolean;
 }
-
-declare class MonkeyColumnStick {
-    position: 'left' | 'right';
-    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyColumnStick, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MonkeyColumnStick, "[mkStick]", never, { "position": { "alias": "mkStick"; "required": true; }; }, {}, never, never, false, never>;
+interface RenderRow<T> extends RowView<T> {
+    selected: boolean;
+    open: boolean;
+    blockedReason: string | null;
+    selectLabel: string;
+    expandLabel: string;
 }
-
-declare class MonkeyTableModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyTableModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MonkeyTableModule, [typeof MonkeyTableComponent, typeof MonkeyColumnStick, typeof MonkeyColumnChecked, typeof MonkeyColumnSortable, typeof MonkeyColumnExpansible], [typeof i2.CommonModule, typeof MonkeyButtonComponent, typeof MonkeyPaginationSizeComponent, typeof MonkeyPaginationLabelComponent, typeof MonkeyPaginationActionComponent], [typeof MonkeyTableComponent, typeof MonkeyColumnStick, typeof MonkeyColumnChecked, typeof MonkeyColumnSortable, typeof MonkeyColumnExpansible]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<MonkeyTableModule>;
+declare class MonkeyTableComponent<T> implements OnDestroy {
+    readonly virtualStrategy: MonkeyTableVirtualScroll;
+    private readonly _zone;
+    private readonly _text;
+    private readonly _columns;
+    private readonly _columnByName;
+    private readonly _visibleColumns;
+    private readonly _selectableKeys;
+    private readonly _selection;
+    private readonly _narrow;
+    private readonly _detailHeight;
+    private readonly _headHeight;
+    private readonly _host;
+    private _scroller?;
+    private _observer?;
+    private _frame;
+    private _sizeStale;
+    private _clientWidth;
+    private _scrollWidth;
+    private readonly _layout;
+    readonly rows: i0.InputSignal<readonly T[]>;
+    readonly rowKey: i0.InputSignal<(row: T) => string>;
+    readonly rowLabel: i0.InputSignal<((row: T) => string) | undefined>;
+    readonly rowSelectable: i0.InputSignal<((row: T) => boolean) | undefined>;
+    readonly ariaLabel: i0.InputSignal<string>;
+    readonly caption: i0.InputSignal<string>;
+    readonly selectionMode: i0.InputSignal<"none" | "multiple">;
+    readonly selected: i0.ModelSignal<ReadonlySet<string>>;
+    readonly maxSelected: i0.InputSignal<number>;
+    readonly sort: i0.InputSignal<SortState | null>;
+    readonly expandable: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly expanded: i0.ModelSignal<ReadonlySet<string>>;
+    readonly reorderable: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly hideable: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly pinnable: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly rowHeight: i0.InputSignal<number>;
+    readonly maxVisibleRows: i0.InputSignal<number | "none">;
+    readonly virtualScroll: i0.InputSignal<"auto" | "off">;
+    readonly columnOrder: i0.ModelSignal<readonly string[]>;
+    readonly columnState: i0.InputSignal<readonly MonkeyTableColumnState[]>;
+    readonly striped: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly loading: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly emptyText: i0.InputSignal<string>;
+    readonly skeletonRows: i0.InputSignal<number | "auto">;
+    readonly onSortChange: i0.OutputEmitterRef<SortState | null>;
+    readonly onColumnHidden: i0.OutputEmitterRef<{
+        name: string;
+        label: string;
+    }>;
+    readonly onColumnStateChange: i0.OutputEmitterRef<MonkeyTableColumnState[]>;
+    readonly onSelectionChange: i0.OutputEmitterRef<string[]>;
+    readonly onExpandChange: i0.OutputEmitterRef<{
+        row: T;
+        key: string;
+        expanded: boolean;
+    }>;
+    protected readonly emptyTemplate: i0.Signal<MonkeyTableEmptyDirective | undefined>;
+    protected readonly loadingTemplate: i0.Signal<MonkeyTableLoadingDirective | undefined>;
+    protected readonly rowDetailTemplate: i0.Signal<MonkeyTableRowDetailDirective<any> | undefined>;
+    protected readonly plainScroller: i0.Signal<ElementRef<HTMLElement> | undefined>;
+    protected readonly headClip: i0.Signal<ElementRef<HTMLElement> | undefined>;
+    protected readonly virtualViewport: i0.Signal<CdkVirtualScrollViewport | undefined>;
+    protected readonly scrollTarget: i0.Signal<HTMLElement | null>;
+    private readonly _rowCap;
+    protected readonly bounded: i0.Signal<boolean>;
+    protected readonly virtual: i0.Signal<boolean>;
+    protected readonly effectiveHeight: i0.Signal<string>;
+    protected readonly rowMetrics: i0.Signal<{
+        openIndices: number[];
+        count: number;
+        rowHeight: number;
+        detailHeight: number;
+    }>;
+    protected readonly overflowing: i0.WritableSignal<boolean>;
+    protected readonly atStart: i0.WritableSignal<boolean>;
+    protected readonly atEnd: i0.WritableSignal<boolean>;
+    protected readonly openMenu: i0.WritableSignal<string | null>;
+    protected readonly slots: i0.Signal<Slot<T>[]>;
+    protected readonly pinnedStartWidth: i0.Signal<number>;
+    protected readonly pinnedEndWidth: i0.Signal<number>;
+    protected readonly totalWidth: i0.Signal<number>;
+    protected readonly allSelected: i0.Signal<boolean>;
+    protected readonly someSelected: i0.Signal<boolean>;
+    protected readonly atSelectionLimit: i0.Signal<boolean>;
+    protected readonly hasSelectable: i0.Signal<boolean>;
+    protected readonly rowViews: i0.Signal<RowView<T>[]>;
+    protected readonly renderRows: i0.Signal<RenderRow<T>[]>;
+    protected readonly skeletonRange: i0.Signal<number[]>;
+    protected readonly labels: i0.Signal<{
+        moveLeft: string;
+        moveRight: string;
+        hide: string;
+        pin: string;
+        unpin: string;
+        selectAll: string;
+        detail: string;
+        limit: string;
+        notSelectable: string;
+        empty: string;
+    }>;
+    constructor();
+    private word;
+    private effectivePinned;
+    private schedule;
+    private cancelFrame;
+    private measure;
+    private closeMenuWhenColumnGone;
+    private currentOrder;
+    private currentColumnState;
+    private commitSelection;
+    private applyOrder;
+    private restoreColumnState;
+    ngOnDestroy(): void;
+    protected closeMenu: () => void;
+    protected trackKey: (_index: number, view: RowView<T>) => string;
+    protected toggleMenu(column: Column<T>): void;
+    protected hasMenu(column: Column<T> | null): boolean;
+    protected canHide(column: Column<T>): boolean;
+    protected canReorder(column: Column<T>): boolean;
+    protected canPin(column: Column<T>): boolean;
+    protected isLastColumn(): boolean;
+    protected sortLabels(column: Column<T>): {
+        asc: string;
+        desc: string;
+    };
+    protected ariaSortFor(column: Column<T> | null): string | null;
+    protected isSortedBy(column: Column<T>, direction: SortDirection): boolean;
+    protected sortBy(column: Column<T>, direction: SortDirection): void;
+    protected canMove(column: Column<T>, delta: -1 | 1): boolean;
+    protected move(column: Column<T>, delta: -1 | 1): void;
+    protected hide(column: Column<T>): void;
+    protected togglePin(column: Column<T>): void;
+    protected toggleRow(view: RowView<T>): void;
+    protected toggleAllRows(): void;
+    protected toggleOpen(view: RowView<T>): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyTableComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyTableComponent<any>, "monkey-table", never, { "rows": { "alias": "rows"; "required": true; "isSignal": true; }; "rowKey": { "alias": "rowKey"; "required": true; "isSignal": true; }; "rowLabel": { "alias": "rowLabel"; "required": false; "isSignal": true; }; "rowSelectable": { "alias": "rowSelectable"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": true; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "maxSelected": { "alias": "maxSelected"; "required": false; "isSignal": true; }; "sort": { "alias": "sort"; "required": false; "isSignal": true; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "reorderable": { "alias": "reorderable"; "required": false; "isSignal": true; }; "hideable": { "alias": "hideable"; "required": false; "isSignal": true; }; "pinnable": { "alias": "pinnable"; "required": false; "isSignal": true; }; "rowHeight": { "alias": "rowHeight"; "required": false; "isSignal": true; }; "maxVisibleRows": { "alias": "maxVisibleRows"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "columnOrder": { "alias": "columnOrder"; "required": false; "isSignal": true; }; "columnState": { "alias": "columnState"; "required": false; "isSignal": true; }; "striped": { "alias": "striped"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "skeletonRows": { "alias": "skeletonRows"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; "expanded": "expandedChange"; "columnOrder": "columnOrderChange"; "onSortChange": "onSortChange"; "onColumnHidden": "onColumnHidden"; "onColumnStateChange": "onColumnStateChange"; "onSelectionChange": "onSelectionChange"; "onExpandChange": "onExpandChange"; }, ["_columns", "emptyTemplate", "loadingTemplate", "rowDetailTemplate"], ["monkey-pagination-size", "monkey-pagination-label", "monkey-pagination-action"], true, never>;
 }
 
 /** ************************
@@ -2316,5 +2564,5 @@ declare const MECX_COUNTRY_ISO_CODE: InjectionToken<string>;
 declare const MECX_GOOGLE_API_KEY: InjectionToken<string>;
 declare function injectTokenWithWarning<T>(token: InjectionToken<T>, name?: string): T | null;
 
-export { MECX_COUNTRY_ISO_CODE, MECX_GOOGLE_API_KEY, MECX_I18N_WRAPPER, MECX_MODAL_DATA, MECX_MODAL_DEFAULT_CONFIG, MECX_POPOVER_OPTIONS, MonkeyAccordionComponent, MonkeyActionBarComponent, MonkeyAlertComponent, MonkeyAutocompleteAddressComponent, MonkeyAutocompleteComponent, MonkeyAvatarComponent, MonkeyBadgeComponent, MonkeyBadgeDirective, MonkeyBreadcrumbComponent, MonkeyButtonComponent, MonkeyCheckboxComponent, MonkeyColumnChecked, MonkeyColumnExpansible, MonkeyColumnSortable, MonkeyColumnStick, MonkeyComplexFilterBarComponent, MonkeyDateRangeComponent, MonkeyDictionaryService, MonkeyDisplayDirective, MonkeyDividerComponent, MonkeyDownloadButtonComponent, MonkeyEcxAddressService, MonkeyErrorDirective, MonkeyFilterBarComponent, MonkeyFilterBarService, MonkeyFormDirective, MonkeyFormFieldComponent, MonkeyFormFieldControl, MonkeyFormFieldModule, MonkeyHelperDirective, MonkeyIconButtonComponent, MonkeyInfoDirective, MonkeyInputCodeComponent, MonkeyInputCurrencyDirective, MonkeyInputDateRangeComponent, MonkeyInputDirective, MonkeyInputModule, MonkeyInputPhoneComponent, MonkeyInputUploadComponent, MonkeyLabelDirective, MonkeyModalActionsDirective, MonkeyModalComponent, MonkeyModalConfig, MonkeyModalContentDirective, MonkeyModalModule, MonkeyModalRef, MonkeyModalService, MonkeyModalSubtitleDirective, MonkeyModalTitleDirective, MonkeyOptionComponent, MonkeyPaginationActionComponent, MonkeyPaginationLabelComponent, MonkeyPaginationSizeComponent, MonkeyPassNumberComponent, MonkeyPassSecretNumberComponent, MonkeyPopoverContentComponent, MonkeyPopoverDirective, MonkeyPrefixDirective, MonkeyRadioButtonComponent, MonkeySecurityLevelComponent, MonkeySelectComponent, MonkeyStatusComponent, MonkeyStepComponent, MonkeyStepperComponent, MonkeyStepperModule, MonkeyStepperService, MonkeySuffixDirective, MonkeyTabComponent, MonkeyTabLinkDirective, MonkeyTableComponent, MonkeyTableModule, MonkeyTabsComponent, MonkeyTabsModule, MonkeyToastComponent, MonkeyToastRef, MonkeyToastService, MonkeyToggleComponent, MonkeyToggleLineButtonComponent, MonkeyToggleLineComponent, MonkeyTooltipComponent, MonkeyTooltipDirective, MonkeyUserProfileButtonComponent, MonkeyUserProfileComponent, getCurrencySymbol, injectTokenWithWarning };
-export type { ActiveFilter, AutocompleteSuggestion, AutocompleteSuggestionType, ComplexFilterCondition, ComplexFilterGroup, ComplexFilterOperator, ComplexFilterResult, FilterBarConfig, FilterBarState, FilterOption, FilterType, GoogleApiPlaces, GoogleApiPlacesAddressComponents, GoogleApiPlacesResponse, MonkeyAlertType, MonkeyAutocompleteData, MonkeyAutocompleteResponse, MonkeyBreadcrumb, MonkeyButtonColor, MonkeyButtonType, MonkeyDownloadButtonChangeEvent, MonkeyInputUploadChangeEvent, MonkeyModalConfirmationConfig, MonkeyModalDefaultConfig, MonkeyPopoverDir, MonkeyPopoverOptions, MonkeySize, MonkeyTableScrollConfig, MonkeyToastPosition, MonkeyToastType, StatusOption, ToastConfig };
+export { MECX_COUNTRY_ISO_CODE, MECX_GOOGLE_API_KEY, MECX_I18N_WRAPPER, MECX_MODAL_DATA, MECX_MODAL_DEFAULT_CONFIG, MECX_POPOVER_OPTIONS, MonkeyAccordionComponent, MonkeyActionBarComponent, MonkeyAlertComponent, MonkeyAutocompleteAddressComponent, MonkeyAutocompleteComponent, MonkeyAvatarComponent, MonkeyBadgeComponent, MonkeyBadgeDirective, MonkeyBreadcrumbComponent, MonkeyButtonComponent, MonkeyCheckboxComponent, MonkeyComplexFilterBarComponent, MonkeyDateRangeComponent, MonkeyDictionaryService, MonkeyDisplayDirective, MonkeyDividerComponent, MonkeyDownloadButtonComponent, MonkeyEcxAddressService, MonkeyErrorDirective, MonkeyFilterBarComponent, MonkeyFilterBarService, MonkeyFormDirective, MonkeyFormFieldComponent, MonkeyFormFieldControl, MonkeyFormFieldModule, MonkeyHelperDirective, MonkeyIconButtonComponent, MonkeyInfoDirective, MonkeyInputCodeComponent, MonkeyInputCurrencyDirective, MonkeyInputDateRangeComponent, MonkeyInputDirective, MonkeyInputModule, MonkeyInputPhoneComponent, MonkeyInputUploadComponent, MonkeyLabelDirective, MonkeyModalActionsDirective, MonkeyModalComponent, MonkeyModalConfig, MonkeyModalContentDirective, MonkeyModalModule, MonkeyModalRef, MonkeyModalService, MonkeyModalSubtitleDirective, MonkeyModalTitleDirective, MonkeyOptionComponent, MonkeyPaginationActionComponent, MonkeyPaginationLabelComponent, MonkeyPaginationSizeComponent, MonkeyPassNumberComponent, MonkeyPassSecretNumberComponent, MonkeyPopoverContentComponent, MonkeyPopoverDirective, MonkeyPrefixDirective, MonkeyRadioButtonComponent, MonkeyScrollbarComponent, MonkeySecurityLevelComponent, MonkeySelectComponent, MonkeyStatusComponent, MonkeyStepComponent, MonkeyStepperComponent, MonkeyStepperModule, MonkeyStepperService, MonkeySuffixDirective, MonkeyTabComponent, MonkeyTabLinkDirective, MonkeyTableCellDirective, MonkeyTableColumnDirective, MonkeyTableComponent, MonkeyTableEmptyDirective, MonkeyTableHeaderCellDirective, MonkeyTableLoadingDirective, MonkeyTableRowDetailDirective, MonkeyTabsComponent, MonkeyTabsModule, MonkeyToastComponent, MonkeyToastRef, MonkeyToastService, MonkeyToggleComponent, MonkeyToggleLineButtonComponent, MonkeyToggleLineComponent, MonkeyTooltipComponent, MonkeyTooltipDirective, MonkeyUserProfileButtonComponent, MonkeyUserProfileComponent, addKeys, ariaSortOf, getCurrencySymbol, indexAtOffset, injectTokenWithWarning, interpolate, mergeOrder, offsetOfIndex, removeKeys, sameColumnState, selectionState, sortByOrder, toPx, toggleKey, totalHeight };
+export type { ActiveFilter, AutocompleteSuggestion, AutocompleteSuggestionType, ColumnAlign, ColumnPinned, ComplexFilterCondition, ComplexFilterGroup, ComplexFilterOperator, ComplexFilterResult, FilterBarConfig, FilterBarState, FilterOption, FilterType, GoogleApiPlaces, GoogleApiPlacesAddressComponents, GoogleApiPlacesResponse, MonkeyAlertType, MonkeyAutocompleteData, MonkeyAutocompleteResponse, MonkeyBreadcrumb, MonkeyButtonColor, MonkeyButtonType, MonkeyDownloadButtonChangeEvent, MonkeyInputUploadChangeEvent, MonkeyModalConfirmationConfig, MonkeyModalDefaultConfig, MonkeyPopoverDir, MonkeyPopoverOptions, MonkeyScrollbarOrientation, MonkeyScrollbarSize, MonkeySize, MonkeyTableCellContext, MonkeyTableColumnState, MonkeyTableScrollConfig, MonkeyTableSortKind, MonkeyToastPosition, MonkeyToastType, RowMetrics, SelectionState, SortDirection, SortState, StatusOption, ToastConfig };