@mozaic-ds/angular 2.0.56 → 2.0.58

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mozaic-ds/angular",
-  "version": "2.0.56",
+  "version": "2.0.58",
   "type": "module",
   "peerDependencies": {
     "@angular/common": ">=20.3.15",

package/types/mozaic-ds-angular.d.ts

@@ -8,7 +8,6 @@ import * as rxjs from 'rxjs';
 import { Observable } from 'rxjs';
 import { CdkPortalOutlet } from '@angular/cdk/portal';
 import * as _mozaic_ds_angular from '@mozaic-ds/angular';
-import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
 import { ComponentHarness } from '@angular/cdk/testing';
 
@@ -2688,6 +2687,9 @@ declare class GridStateManager<T = unknown> {
      * builder. The tag-bar displays a derived view via `FilterEngine.toLabel()`.
      */
     readonly filterModel: _angular_core.WritableSignal<FilterModel>;
+    /** `false` disables paging entirely — `paginatedData` returns the full
+     * filtered set instead of slicing by `pageSize`. */
+    readonly paginationEnabled: _angular_core.WritableSignal<boolean>;
     readonly pageIndex: _angular_core.WritableSignal<number>;
     readonly pageSize: _angular_core.WritableSignal<number>;
     readonly visibleRowCount: _angular_core.WritableSignal<number>;
@@ -2701,6 +2703,17 @@ declare class GridStateManager<T = unknown> {
         start: number;
         end: number;
     }>;
+    /** Range of display-row indices currently mounted in the DOM. */
+    readonly visibleRowRange: _angular_core.WritableSignal<{
+        start: number;
+        end: number;
+    }>;
+    /** Pixel offset of the first rendered row from the top of the body content. */
+    readonly topSpacerHeight: _angular_core.WritableSignal<number>;
+    /** Pixel offset between the last rendered row and the bottom of the body content. */
+    readonly bottomSpacerHeight: _angular_core.WritableSignal<number>;
+    /** Total height of all display rows (data + group, includes expanded detail). */
+    readonly totalRowsHeight: _angular_core.WritableSignal<number>;
     readonly isLoading: _angular_core.WritableSignal<boolean>;
     readonly rowHeight: _angular_core.WritableSignal<number>;
     readonly density: _angular_core.WritableSignal<GridDensity>;
@@ -2738,6 +2751,19 @@ declare class GridStateManager<T = unknown> {
     readonly pinnedRightColumns: _angular_core.Signal<ColumnStateEntry[]>;
     readonly pinnedLeftWidth: _angular_core.Signal<number>;
     readonly pinnedRightWidth: _angular_core.Signal<number>;
+    /**
+     * Cumulative `left` offset (px) for each pinned-left column, in render
+     * order. Consumers add their own utility-cell prefix (checkbox/expand) and
+     * pass the result to `position: sticky; left: <offset>px`.
+     * Returns an array of length `pinnedLeftColumns().length`.
+     */
+    readonly pinnedLeftCumulativeOffsets: _angular_core.Signal<number[]>;
+    /**
+     * Cumulative `right` offset (px) for each pinned-right column, in render
+     * order. The first column from the right (visually leftmost in the
+     * pinned-right group) has the largest `right` offset.
+     */
+    readonly pinnedRightCumulativeOffsets: _angular_core.Signal<number[]>;
     readonly unpinnedWidth: _angular_core.Signal<number>;
     /**
      * Unpinned columns actually rendered in data rows. When horizontal virtual scroll
@@ -3168,10 +3194,10 @@ declare class MozGridComponent<T = unknown> {
     private readonly persistenceEngine;
     private readonly exportEngine;
     private readonly validationEngine;
+    private readonly verticalVirtualScrollEngine;
     private readonly horizontalVirtualScrollEngine;
     private readonly paginationEngine;
     private readonly infiniteScrollEngine;
-    private readonly gridBody;
     private readonly gridContainer;
     private readonly ngZone;
     private readonly destroyRef;
@@ -4036,12 +4062,12 @@ declare class MozGridHeaderComponent {
         currentIndex: number;
     }>;
     constructor();
-    protected readonly hasLeftSection: _angular_core.Signal<boolean>;
-    protected readonly leftSectionWidth: _angular_core.Signal<number>;
+    protected readonly utilityLeftWidth: _angular_core.Signal<number>;
+    protected readonly rowMinWidth: _angular_core.Signal<number>;
     protected readonly hasFilterRow: _angular_core.Signal<boolean>;
     getFilterTemplate(field: string): TemplateRef<unknown> | null;
     onSelectAllClick(event: Event): void;
-    onDragStart(event: MouseEvent, colIndex: number): void;
+    onDragStart(event: MouseEvent, unpinnedIndex: number): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozGridHeaderComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozGridHeaderComponent, "moz-grid-header", never, { "showCheckbox": { "alias": "showCheckbox"; "required": false; "isSignal": true; }; "showExpand": { "alias": "showExpand"; "required": false; "isSignal": true; }; "reorderable": { "alias": "reorderable"; "required": false; "isSignal": true; }; }, { "sortClick": "sortClick"; "menuAction": "menuAction"; "resizeStart": "resizeStart"; "selectAllToggle": "selectAllToggle"; "columnReorder": "columnReorder"; }, never, never, true, never>;
 }
@@ -4084,6 +4110,12 @@ declare class MozGridHeaderCellComponent<T = unknown> {
     readonly isLast: _angular_core.InputSignal<boolean>;
     readonly pinnedEnd: _angular_core.InputSignal<boolean>;
     readonly reorderable: _angular_core.InputSignal<boolean>;
+    /** When set, applies `position: sticky` with the given side. */
+    readonly pinnedSticky: _angular_core.InputSignal<"left" | "right" | null>;
+    /** Pixel offset for `left` (left-pinned) or `right` (right-pinned). */
+    readonly pinnedOffset: _angular_core.InputSignal<number>;
+    /** Visual edge of the pinned section — drives the separation shadow. */
+    readonly pinnedEdge: _angular_core.InputSignal<"left" | "right" | null>;
     protected readonly filterOverlay: _angular_core.Signal<MozGridFilterOverlayDirective | undefined>;
     /** True when at least one active condition targets this column. */
     readonly hasActiveFilter: _angular_core.Signal<boolean>;
@@ -4119,16 +4151,16 @@ declare class MozGridHeaderCellComponent<T = unknown> {
     onMenuItemClick(item: MozActionListItem): void;
     private openFilterOverlay;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozGridHeaderCellComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozGridHeaderCellComponent<any>, "moz-grid-header-cell", never, { "columnState": { "alias": "columnState"; "required": true; "isSignal": true; }; "def": { "alias": "def"; "required": true; "isSignal": true; }; "isLast": { "alias": "isLast"; "required": false; "isSignal": true; }; "pinnedEnd": { "alias": "pinnedEnd"; "required": false; "isSignal": true; }; "reorderable": { "alias": "reorderable"; "required": false; "isSignal": true; }; }, { "sortClick": "sortClick"; "menuAction": "menuAction"; "resizeStart": "resizeStart"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozGridHeaderCellComponent<any>, "moz-grid-header-cell", never, { "columnState": { "alias": "columnState"; "required": true; "isSignal": true; }; "def": { "alias": "def"; "required": true; "isSignal": true; }; "isLast": { "alias": "isLast"; "required": false; "isSignal": true; }; "pinnedEnd": { "alias": "pinnedEnd"; "required": false; "isSignal": true; }; "reorderable": { "alias": "reorderable"; "required": false; "isSignal": true; }; "pinnedSticky": { "alias": "pinnedSticky"; "required": false; "isSignal": true; }; "pinnedOffset": { "alias": "pinnedOffset"; "required": false; "isSignal": true; }; "pinnedEdge": { "alias": "pinnedEdge"; "required": false; "isSignal": true; }; }, { "sortClick": "sortClick"; "menuAction": "menuAction"; "resizeStart": "resizeStart"; }, never, never, true, never>;
 }
 
 declare class MozGridBodyComponent {
     protected readonly state: GridStateManager<any>;
     protected readonly engine: GridEngine<any>;
     private readonly expandableEngine;
-    protected readonly trackDisplayRow: typeof trackDisplayRow;
-    private readonly ngZone;
-    readonly viewport: _angular_core.Signal<CdkVirtualScrollViewport | undefined>;
+    private readonly verticalEngine;
+    readonly bodyContainer: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
+    private readonly rowEls;
     readonly showCheckbox: _angular_core.InputSignal<boolean>;
     readonly showExpand: _angular_core.InputSignal<boolean>;
     readonly detailTemplate: _angular_core.InputSignal<TemplateRef<unknown> | null>;
@@ -4136,15 +4168,15 @@ declare class MozGridBodyComponent {
     readonly cellEditCancel: _angular_core.OutputEmitterRef<CellEditCancelEvent>;
     readonly rowSelectionToggle: _angular_core.OutputEmitterRef<void>;
     readonly groupToggle: _angular_core.OutputEmitterRef<string>;
-    /** Viewport visible width for constraining detail rows */
-    protected readonly viewportWidth: _angular_core.WritableSignal<number>;
-    protected readonly hasLeftSection: _angular_core.Signal<boolean>;
-    protected readonly leftSectionWidth: _angular_core.Signal<number>;
-    protected readonly unpinnedColOffset: _angular_core.Signal<number>;
-    protected readonly pinnedRightColOffset: _angular_core.Signal<number>;
+    /** Width consumed by sticky utility cells before the first pinned-left
+     * column — must match `MozGridRowComponent.utilityLeftWidth()` so the
+     * detail/group rows align with the data row layout. */
+    protected readonly utilityLeftWidth: _angular_core.Signal<number>;
+    /** Concrete display-row indices to render this frame. */
+    protected readonly visibleIndices: _angular_core.Signal<number[]>;
     protected isRowExpanded(data: unknown): boolean;
+    private resizeObserver;
     constructor();
-    private attachScrollListener;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozGridBodyComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozGridBodyComponent, "moz-grid-body", never, { "showCheckbox": { "alias": "showCheckbox"; "required": false; "isSignal": true; }; "showExpand": { "alias": "showExpand"; "required": false; "isSignal": true; }; "detailTemplate": { "alias": "detailTemplate"; "required": false; "isSignal": true; }; }, { "cellEdit": "cellEdit"; "cellEditCancel": "cellEditCancel"; "rowSelectionToggle": "rowSelectionToggle"; "groupToggle": "groupToggle"; }, never, never, true, never>;
 }
@@ -4158,13 +4190,8 @@ declare class MozGridRowComponent<T = unknown> {
     protected readonly trackByField: typeof trackByField;
     readonly row: _angular_core.InputSignal<T>;
     readonly rowIndex: _angular_core.InputSignal<number>;
-    readonly columns: _angular_core.InputSignal<ColumnStateEntry[]>;
     readonly showCheckbox: _angular_core.InputSignal<boolean>;
     readonly showExpand: _angular_core.InputSignal<boolean>;
-    readonly pinnedEnd: _angular_core.InputSignal<boolean>;
-    readonly colIndexOffset: _angular_core.InputSignal<number>;
-    /** True for the center (unpinned) section so leading/trailing column spacers render. */
-    readonly isCenter: _angular_core.InputSignal<boolean>;
     readonly cellEdit: _angular_core.OutputEmitterRef<{
         row: T;
         rowIndex: number;
@@ -4180,12 +4207,15 @@ declare class MozGridRowComponent<T = unknown> {
     readonly rowSelectionToggle: _angular_core.OutputEmitterRef<void>;
     readonly isSelected: _angular_core.Signal<boolean>;
     readonly isExpanded: _angular_core.Signal<boolean>;
+    /** Width consumed by sticky utility cells before the first pinned-left
+     * column (expand button + checkbox). */
+    protected readonly utilityLeftWidth: _angular_core.Signal<number>;
     onExpandClick(event: Event): void;
     onCheckboxClick(event: MouseEvent): void;
     onCommitEdit(): void;
     onCancelEdit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozGridRowComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozGridRowComponent<any>, "moz-grid-row", never, { "row": { "alias": "row"; "required": true; "isSignal": true; }; "rowIndex": { "alias": "rowIndex"; "required": true; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "showCheckbox": { "alias": "showCheckbox"; "required": false; "isSignal": true; }; "showExpand": { "alias": "showExpand"; "required": false; "isSignal": true; }; "pinnedEnd": { "alias": "pinnedEnd"; "required": false; "isSignal": true; }; "colIndexOffset": { "alias": "colIndexOffset"; "required": false; "isSignal": true; }; "isCenter": { "alias": "isCenter"; "required": false; "isSignal": true; }; }, { "cellEdit": "cellEdit"; "cellEditCancel": "cellEditCancel"; "rowSelectionToggle": "rowSelectionToggle"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozGridRowComponent<any>, "moz-grid-row", never, { "row": { "alias": "row"; "required": true; "isSignal": true; }; "rowIndex": { "alias": "rowIndex"; "required": true; "isSignal": true; }; "showCheckbox": { "alias": "showCheckbox"; "required": false; "isSignal": true; }; "showExpand": { "alias": "showExpand"; "required": false; "isSignal": true; }; }, { "cellEdit": "cellEdit"; "cellEditCancel": "cellEditCancel"; "rowSelectionToggle": "rowSelectionToggle"; }, never, never, true, never>;
 }
 
 declare class MozGridCellComponent<T = unknown> {
@@ -4199,11 +4229,8 @@ declare class MozGridCellComponent<T = unknown> {
     private readonly formulaEngine;
     private readonly refHighlight;
     private readonly elRef;
-    private preEditWidth;
     constructor();
     private focusEditor;
-    private expandColumnIfNeeded;
-    private restoreColumnWidth;
     readonly row: _angular_core.InputSignal<T>;
     readonly rowIndex: _angular_core.InputSignal<number>;
     readonly colIndex: _angular_core.InputSignal<number>;
@@ -4211,6 +4238,15 @@ declare class MozGridCellComponent<T = unknown> {
     readonly def: _angular_core.InputSignal<ColumnDef<T>>;
     readonly isLast: _angular_core.InputSignal<boolean>;
     readonly pinnedEnd: _angular_core.InputSignal<boolean>;
+    /** When set, applies `position: sticky` with the given side; the offset is
+     * read from `pinnedOffset()`. */
+    readonly pinnedSticky: _angular_core.InputSignal<"left" | "right" | null>;
+    /** Pixel offset applied to `left` (when `pinnedSticky === 'left'`) or
+     * `right` (when `'right'`). */
+    readonly pinnedOffset: _angular_core.InputSignal<number>;
+    /** Marks the cell at the visual edge of its pinned section so it can paint
+     * the shadow that separates frozen columns from the scrollable area. */
+    readonly pinnedEdge: _angular_core.InputSignal<"left" | "right" | null>;
     readonly resolvedMinWidth: _angular_core.Signal<number>;
     readonly commitEdit: _angular_core.OutputEmitterRef<void>;
     readonly cancelEdit: _angular_core.OutputEmitterRef<void>;
@@ -4271,7 +4307,7 @@ declare class MozGridCellComponent<T = unknown> {
     onFillHandleMouseDown(event: MouseEvent): void;
     onEditorBlur(event: FocusEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozGridCellComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozGridCellComponent<any>, "moz-grid-cell", never, { "row": { "alias": "row"; "required": true; "isSignal": true; }; "rowIndex": { "alias": "rowIndex"; "required": true; "isSignal": true; }; "colIndex": { "alias": "colIndex"; "required": true; "isSignal": true; }; "colState": { "alias": "colState"; "required": true; "isSignal": true; }; "def": { "alias": "def"; "required": true; "isSignal": true; }; "isLast": { "alias": "isLast"; "required": false; "isSignal": true; }; "pinnedEnd": { "alias": "pinnedEnd"; "required": false; "isSignal": true; }; }, { "commitEdit": "commitEdit"; "cancelEdit": "cancelEdit"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozGridCellComponent<any>, "moz-grid-cell", never, { "row": { "alias": "row"; "required": true; "isSignal": true; }; "rowIndex": { "alias": "rowIndex"; "required": true; "isSignal": true; }; "colIndex": { "alias": "colIndex"; "required": true; "isSignal": true; }; "colState": { "alias": "colState"; "required": true; "isSignal": true; }; "def": { "alias": "def"; "required": true; "isSignal": true; }; "isLast": { "alias": "isLast"; "required": false; "isSignal": true; }; "pinnedEnd": { "alias": "pinnedEnd"; "required": false; "isSignal": true; }; "pinnedSticky": { "alias": "pinnedSticky"; "required": false; "isSignal": true; }; "pinnedOffset": { "alias": "pinnedOffset"; "required": false; "isSignal": true; }; "pinnedEdge": { "alias": "pinnedEdge"; "required": false; "isSignal": true; }; }, { "commitEdit": "commitEdit"; "cancelEdit": "cancelEdit"; }, never, never, true, never>;
 }
 
 declare class MozGridFooterComponent {
@@ -4497,6 +4533,14 @@ declare class MozComboboxComponent<T = string> implements ControlValueAccessor {
     readonly loading: _angular_core.InputSignal<boolean>;
     /** Custom comparator for option values */
     readonly compareWith: _angular_core.InputSignal<(a: T, b: T) => boolean>;
+    /**
+     * Predicate used by `selectAll()` to decide whether a non-disabled option
+     * should be included. Receives each candidate option and must return `true`
+     * to keep it. Defaults to including every selectable option. Use this to
+     * apply custom business rules (quotas, role-based filtering, etc.) when the
+     * user triggers the "Select all" action.
+     */
+    readonly canSelectAll: _angular_core.InputSignal<(option: MozComboboxOption<T>) => boolean>;
     /** Accessible label */
     readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
     /** Reference to an external label element */
@@ -4601,7 +4645,7 @@ declare class MozComboboxComponent<T = string> implements ControlValueAccessor {
     isOptionSelected(optionValue: T): boolean;
     private _updateTriggerWidth;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozComboboxComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozComboboxComponent<any>, "moz-combobox", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "multiSearch": { "alias": "multiSearch"; "required": false; "isSignal": true; }; "showActions": { "alias": "showActions"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "noResultsText": { "alias": "noResultsText"; "required": false; "isSignal": true; }; "selectAllText": { "alias": "selectAllText"; "required": false; "isSignal": true; }; "clearText": { "alias": "clearText"; "required": false; "isSignal": true; }; "selectedSuffix": { "alias": "selectedSuffix"; "required": false; "isSignal": true; }; "clearAriaLabel": { "alias": "clearAriaLabel"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; "showNoResultText": { "alias": "showNoResultText"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "opened": "opened"; "closed": "closed"; "searched": "searched"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozComboboxComponent<any>, "moz-combobox", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "multiSearch": { "alias": "multiSearch"; "required": false; "isSignal": true; }; "showActions": { "alias": "showActions"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "canSelectAll": { "alias": "canSelectAll"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "noResultsText": { "alias": "noResultsText"; "required": false; "isSignal": true; }; "selectAllText": { "alias": "selectAllText"; "required": false; "isSignal": true; }; "clearText": { "alias": "clearText"; "required": false; "isSignal": true; }; "selectedSuffix": { "alias": "selectedSuffix"; "required": false; "isSignal": true; }; "clearAriaLabel": { "alias": "clearAriaLabel"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; "showNoResultText": { "alias": "showNoResultText"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "opened": "opened"; "closed": "closed"; "searched": "searched"; }, never, never, true, never>;
 }
 
 /**