@fundamental-ngx/platform 0.43.36 → 0.43.37

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/platform",
-  "version": "0.43.36",
+  "version": "0.43.37",
   "schematics": "./schematics/collection.json",
   "description": "Fundamental Library for Angular - platform",
   "license": "Apache-2.0",
@@ -13,11 +13,11 @@
     "node": ">= 10"
   },
   "peerDependencies": {
-    "@fundamental-ngx/core": "0.43.36"
+    "@fundamental-ngx/core": "0.43.37"
   },
   "dependencies": {
-    "@fundamental-ngx/cdk": "0.43.36",
-    "@fundamental-ngx/i18n": "0.43.36",
+    "@fundamental-ngx/cdk": "0.43.37",
+    "@fundamental-ngx/i18n": "0.43.37",
     "fast-deep-equal": "3.1.3",
     "focus-trap": "^7.1.0",
     "lodash-es": "^4.17.0",

package/schematics/ng-add/index.js

@@ -32,7 +32,7 @@ function callCoreSchematic(options) {
         (0, dependencies_1.addPackageJsonDependency)(tree, {
             type: dependencies_1.NodeDependencyType.Default,
             // Will be replaced with the real version during sync-version scipt run
-            version: `0.43.36`,
+            version: `0.43.37`,
             name: '@fundamental-ngx/core'
         });
         const installTaskId = context.addTask(new tasks_1.NodePackageInstallTask({

package/table/table.component.d.ts

@@ -5,6 +5,7 @@ import { SearchInput } from '@fundamental-ngx/platform/search-field';
 import { CollectionFilter, CollectionGroup, CollectionSort, EditableTableCell, PlatformTableManagedPreset, RowComparator, SaveRowsEvent, SelectionModeValue, Table, TableCellActivateEvent, TableColumn, TableColumnFreezeEvent, TableColumnResizeService, TableColumnsChangeEvent, TableDataSource, TableDataSourceDirective, TableDraggable, TableFilterChangeEvent, TableGroupChangeEvent, TableInitialState, TablePageChangeEvent, TableRow, TableRowActivateEvent, TableRowClass, TableRowSelectionChangeEvent, TableRowService, TableRowToggleOpenStateEvent, TableScrollable, TableScrollDispatcherService, TableService, TableSortChangeEvent, TableState, TableVirtualScroll, ViewportRootService } from '@fundamental-ngx/platform/table-helpers';
 import { Observable } from 'rxjs';
 import { TableToolbarInterface } from './components';
+import { TableHeaderRowComponent } from './components/table-header-row/table-header-row.component';
 import * as i0 from "@angular/core";
 import * as i1 from "@fundamental-ngx/platform/table-helpers";
 interface ToolbarContext {
@@ -150,6 +151,8 @@ export declare class TableComponent<T = any> extends Table<T> implements AfterVi
     loadPagesBefore: boolean;
     /** @hidden */
     _selectionMode: SelectionModeValue;
+    /** @hidden */
+    _header: TableHeaderRowComponent;
     /** Sets selection mode for the table. 'single' | 'multiple' | 'none' */
     set selectionMode(value: SelectionModeValue);
     get selectionMode(): SelectionModeValue;
@@ -252,6 +255,10 @@ export declare class TableComponent<T = any> extends Table<T> implements AfterVi
     /** @hidden */
     private readonly _dndDirective;
     /** @hidden */
+    readonly tableScrollMockContainer: ElementRef<HTMLDivElement>;
+    /** @hidden */
+    readonly tableBody: ElementRef<HTMLElement>;
+    /** @hidden */
     readonly columns: QueryList<TableColumn>;
     /** @hidden */
     readonly customEditableCells: QueryList<EditableTableCell>;
@@ -682,6 +689,8 @@ export declare class TableComponent<T = any> extends Table<T> implements AfterVi
     private _listenToFixedColumnsWidth;
     /** @hidden */
     private _calculateLastFreezableColumn;
+    /** @hidden */
+    private _setMockScrollbarPosition;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent<any>, [null, null, null, null, null, null, { optional: true; }, null, null, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any>, "fdp-table", never, { "name": "name"; "id": "id"; "enableDragResize": "enableDragResize"; "fixed": "fixed"; "freezeColumnsTo": "freezeColumnsTo"; "freezeEndColumnsTo": "freezeEndColumnsTo"; "pageScrolling": "pageScrolling"; "pageSize": "pageSize"; "pageScrollingThreshold": "pageScrollingThreshold"; "bodyHeight": "bodyHeight"; "emptyTableMessage": "emptyTableMessage"; "noVisibleColumnsMessage": "noVisibleColumnsMessage"; "noHorizontalBorders": "noHorizontalBorders"; "noVerticalBorders": "noVerticalBorders"; "noBorders": "noBorders"; "noBodyBorders": "noBodyBorders"; "noOuterBorders": "noOuterBorders"; "noBorderX": "noBorderX"; "noBorderY": "noBorderY"; "relationKey": "relationKey"; "expandedStateKey": "expandedStateKey"; "hasChildrenKey": "hasChildrenKey"; "rowNavigatable": "rowNavigatable"; "highlightNavigatedRow": "highlightNavigatedRow"; "rowsActivable": "rowsActivable"; "selectedKey": "selectedKey"; "selectableKey": "selectableKey"; "trackBy": "trackBy"; "rowComparator": "rowComparator"; "rowsClass": "rowsClass"; "editableRowSkeleton": "editableRowSkeleton"; "expandOnInit": "expandOnInit"; "rowHeight": "rowHeight"; "loadPagesBefore": "loadPagesBefore"; "selectionMode": "selectionMode"; "enableTristateMode": "enableTristateMode"; "semanticHighlighting": "semanticHighlighting"; "forceCheckedAllState": "forceCheckedAllState"; "ariaLabelledBy": "ariaLabelledBy"; "nonFrozenColumnsMinWidth": "nonFrozenColumnsMinWidth"; "onlyRenderVisibleCells": "onlyRenderVisibleCells"; "useCellPlaceholder": "useCellPlaceholder"; "loading": "loading"; }, { "presetChanged": "presetChanged"; "rowSelectionChange": "rowSelectionChange"; "sortChange": "sortChange"; "filterChange": "filterChange"; "groupChange": "groupChange"; "columnsChange": "columnsChange"; "pageChange": "pageChange"; "columnFreeze": "columnFreeze"; "rowToggleOpenState": "rowToggleOpenState"; "cellActivate": "cellActivate"; "rowActivate": "rowActivate"; "rowNavigate": "rowNavigate"; "emptyRowAdded": "emptyRowAdded"; "save": "save"; "cancel": "cancel"; "tableScrolled": "tableScrolled"; "tableRowsSet": "tableRowsSet"; "allRowsExpanded": "allRowsExpanded"; "allRowsCollapsed": "allRowsCollapsed"; "cellFocused": "cellFocused"; }, ["tableToolbar", "columns", "customEditableCells"], ["fdp-table-no-data-wrapper"], false, [{ directive: typeof i1.TableDataSourceDirective; inputs: { "dataSource": "dataSource"; "childDataSource": "childDataSource"; }; outputs: { "childDataSourceChanged": "childDataSourceChanged"; "onDataRequested": "onDataRequested"; "onDataReceived": "onDataReceived"; "dataSourceChanged": "dataSourceChanged"; "dataChanged": "dataChanged"; "isLoading": "isLoading"; }; }, { directive: typeof i1.TableHeaderResizerDirective; inputs: {}; outputs: {}; }]>;
 }

package/table-helpers/directives/table-virtual-scroll.directive.d.ts

@@ -1,13 +1,20 @@
-import { OnChanges, SimpleChanges } from '@angular/core';
+import { OnInit, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
 import { TableVirtualScroll } from '../models';
 import { Table } from '../table';
 import * as i0 from "@angular/core";
-export declare class TableVirtualScrollDirective extends TableVirtualScroll implements OnChanges {
+export declare class TableVirtualScrollDirective extends TableVirtualScroll implements OnInit, OnChanges, OnDestroy {
     /** Whether to show only visible rows in matter of performance
      * false by default, when true setting bodyHeight and rowHeight is required.
      */
     virtualScroll: boolean;
+    /**
+     * Whether to scroll whole rows rather than pixel by pixel when the user performs a scroll.
+     * This gives greater performance improvements but also lends to some potentially undesirable UX changes.
+     * A "rowHeight" must be provided when using this feature.
+     */
+    set scrollWholeRows(value: boolean);
+    get scrollWholeRows(): boolean;
     /** Cache size for the virtualScroll, default is 40 in each direction */
     renderAhead: number;
     /** Body height. */
@@ -28,19 +35,71 @@ export declare class TableVirtualScrollDirective extends TableVirtualScroll impl
     /** @hidden */
     private readonly _tableScrollDispatcher;
     /** @hidden */
+    private readonly _tableRowService;
+    /** @hidden */
     private readonly _destroy$;
     /** @hidden */
+    private _wheelTimeout;
+    /** @hidden */
+    private _scrollMockTimeout;
+    /** @hidden */
+    private _lastMockScrollPosition;
+    /** @hidden */
+    private _focusableGridSubscription;
+    /** @hidden */
+    private _focusedCell;
+    /** @hidden */
+    private _previousStartNodeIndex;
+    /** @hidden */
+    private _scrollWholeRows;
+    /** @hidden */
+    _keydownHandler(event: KeyboardEvent): void;
+    /** @hidden */
+    ngOnInit(): void;
+    /** @hidden */
     ngOnChanges(changes: SimpleChanges): void;
+    /** @hidden */
+    ngOnDestroy(): void;
     /** Sets table reference. */
     setTable(table: Table): void;
     /**
-     * Calculates rows in viewport.
+     * This function determines how many rows can be displayed in the table, and sets the rows in the table based on the
+     * start node index, which may come from the table state
      */
     calculateVirtualScrollRows(): void;
     /**
-     * Initialises scroll listener.
+     * @hidden
+     * Initialises scroll listeners.
      */
     listenOnVirtualScroll(): void;
+    /** @hidden */
+    private _getNumberOfRowsToDisplay;
+    /**
+     * @hidden
+     * This function is called when the user performs a wheel event. It determines whether or not the user has scrolled
+     * up or down using the event's deltaX property, and scrolls the table by one row.
+     */
+    private _wheelScrollListenerFunction;
+    /**
+     * @hidden
+     * This function is called when the mock scrollbar (when using 'scrollWholeRows') is moved. It determines if the
+     * scroll was up or down by comparing the current scroll top to the previous scroll top and scrolls rows accordingly.
+     */
+    private _mockScrollbarListenerFunction;
+    /**
+     * @hidden
+     * This function, used only when 'scrollWholeRows' is truthy, calculates what should be the new starting node, based
+     * off the previous starting node and the provided 'count' parameter. For example if the previous start node was 10
+     * and the count parameter is -2, the new starting node will be 8. This function also programmatically moves the
+     * mock scrollbar.
+     */
+    private _scrollRow;
+    /**
+     * @hidden
+     * This function sets rows in the table's viewport depending on the provided starting node. It also sets the table
+     * state.
+     */
+    private _setRows;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableVirtualScrollDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TableVirtualScrollDirective, "fdp-table[virtualScroll]", never, { "virtualScroll": "virtualScroll"; "renderAhead": "renderAhead"; "bodyHeight": "bodyHeight"; "rowHeight": "rowHeight"; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TableVirtualScrollDirective, "fdp-table[virtualScroll]", never, { "virtualScroll": "virtualScroll"; "scrollWholeRows": "scrollWholeRows"; "renderAhead": "renderAhead"; "bodyHeight": "bodyHeight"; "rowHeight": "rowHeight"; }, {}, never, never, true, never>;
 }

package/table-helpers/models/directives.d.ts

@@ -34,6 +34,7 @@ export declare abstract class TableVirtualScroll {
     abstract virtualScrollTransform$: Observable<number>;
     abstract virtualScroll: boolean;
     abstract virtualScrollTotalHeight: number;
+    abstract scrollWholeRows: boolean;
     abstract setTable(table: Table): void;
     abstract listenOnVirtualScroll(): void;
     abstract calculateVirtualScrollRows(): void;

package/table-helpers/services/table-column-resize.service.d.ts

@@ -50,6 +50,8 @@ export declare class TableColumnResizeService implements OnDestroy {
     private _resizerMoveSubscription;
     /** @hidden */
     private _tableRef;
+    /** @hidden */
+    private _initialTableWidth;
     /** Indicate if resizing process in progress. */
     get resizeInProgress(): boolean;
     /** Resize progress stream. */
@@ -104,6 +106,8 @@ export declare class TableColumnResizeService implements OnDestroy {
     finishResize(event: MouseEvent): void;
     /** Update columns width after resizing, prevent from having too small columns. */
     _processResize(diffX: number): void;
+    /** @hidden */
+    _setInitialTableWidth(): void;
     /** Update column resizer position. */
     private _updateResizerPositionOnMouseMove;
     /**

package/table-helpers/table.d.ts

@@ -2,15 +2,17 @@ import { ElementRef, EventEmitter, Injector } from '@angular/core';
 import { SearchInput } from '@fundamental-ngx/platform/search-field';
 import { PresetManagedComponent } from '@fundamental-ngx/platform/shared';
 import { Observable } from 'rxjs';
-import { Nullable } from '@fundamental-ngx/cdk/utils';
+import { FocusableGridDirective, Nullable } from '@fundamental-ngx/cdk/utils';
 import { TableDataSource } from './domain';
 import { CollectionFilter } from './interfaces/collection-filter.interface';
 import { CollectionGroup } from './interfaces/collection-group.interface';
 import { CollectionSort } from './interfaces/collection-sort.interface';
 import { TableState } from './interfaces/table-state.interface';
-import { PlatformTableManagedPreset, SaveRowsEvent, TableInitialState, TableRow } from './models';
+import { PlatformTableManagedPreset, SaveRowsEvent, TableInitialState, TableRow, TableVirtualScroll } from './models';
 import { TableScrollable } from './services/table-scroll-dispatcher.service';
 import { TableColumn } from './table-column';
+import { SelectionModeValue } from './enums';
+import { ContentDensityObserver } from '@fundamental-ngx/core/content-density';
 export declare abstract class Table<T = any> implements PresetManagedComponent<PlatformTableManagedPreset> {
     abstract readonly name: string;
     abstract readonly id: string;
@@ -36,10 +38,15 @@ export declare abstract class Table<T = any> implements PresetManagedComponent<P
     abstract readonly tableColumnsStream: Observable<TableColumn[]>;
     abstract readonly injector: Injector;
     abstract readonly tableContainer: ElementRef;
+    abstract readonly tableScrollMockContainer: ElementRef;
     abstract readonly tableScrollable: TableScrollable;
+    abstract _virtualScrollDirective: TableVirtualScroll | null;
     abstract _tableRowsVisible: TableRow<T>[];
     abstract _tableRows: TableRow<T>[];
     abstract _tableRowsInViewPortPlaceholder: number[];
+    abstract _focusableGrid: FocusableGridDirective;
+    abstract _selectionMode: SelectionModeValue;
+    abstract contentDensityObserver: ContentDensityObserver;
     /** Get table state */
     abstract getTableState(): TableState;
     /** Set table state */
@@ -110,6 +117,7 @@ export declare abstract class Table<T = any> implements PresetManagedComponent<P
     abstract onTableRowsChanged(): void;
     abstract refreshDndList(): void;
     abstract clearTableRows(): void;
+    abstract _onSpyIntersect(intersected: boolean): void;
     /** Toolbar Sort Settings button click event */
     readonly openTableSortSettings: EventEmitter<void>;
     /** Toolbar Filter Settings button click event */