angular-slickgrid 5.6.3 → 6.0.0

package/README.md

@@ -11,20 +11,20 @@
 [![codecov](https://codecov.io/gh/ghiscoding/Angular-Slickgrid/branch/master/graph/badge.svg)](https://codecov.io/gh/ghiscoding/Angular-Slickgrid)
 
 ### Brief introduction
-One of the best javascript datagrid [SlickGrid](https://github.com/mleibman/SlickGrid) which was originally developed by @mleibman is now available to React. I have used a few datagrids and SlickGrid beats most of them in terms of functionalities and performance (it can easily deal with even a million row). We will be using the [6pac/SlickGrid](https://github.com/6pac/SlickGrid/) fork, it is the most active fork since the original @mleibman was retired some time ago by the original author for personal reasons. Also worth to know, that I also contributed a lot to the 6pac/SlickGrid fork for the benefit of all the SlickGrid libraries that I maintain like this one here.... also as a reminder, this is a wrapper of a jQuery lib (SlickGrid) and its core component is written in jQuery/JavaScript, so just keep that in mind and it also mean that jQuery is a dependency of Angular-Slickgrid.
+One of the best JavasSript datagrid [SlickGrid](https://github.com/mleibman/SlickGrid) which was originally developed by @mleibman is now available to Angular. SlickGrid beats most other datagrids in terms of functionalities and performance (it can easily deal with even a million row). Angular-Slickgrid is a wrapper on top of SlickGrid and we are using the [6pac/SlickGrid](https://github.com/6pac/SlickGrid/) fork which is the most active fork since the original was put on pause by its original author for personal reasons. Also worth to know, that I also contributed a lot to the 6pac/SlickGrid fork for the benefit of all the SlickGrid libraries that I maintain like this one here... SlickGrid is now also native and no longer requires jQuery (its only dependency is SortableJS)
 
 ### License
 [MIT License](LICENSE)
 
 ## Installation
-Refer to the **[Wiki - HOWTO Step by Step](https://github.com/ghiscoding/angular-slickgrid/wiki/HOWTO---Step-by-Step)** and/or clone the [Angular-Slickgrid Demos](https://github.com/ghiscoding/angular-slickgrid-demos) repository. Please consult all Wikis before opening new issues, also consider asking installation and/or general questions on [Stack Overflow](https://stackoverflow.com/search?tab=newest&q=slickgrid) unless you think there's a bug with the library.
+A good starting point is the **[Wiki - HOWTO Step by Step](https://github.com/ghiscoding/angular-slickgrid/wiki/HOWTO---Step-by-Step)** and/or simply clone the [Angular-Slickgrid Demos](https://github.com/ghiscoding/angular-slickgrid-demos) repository. Please consult all Wikis and closed issues before opening new ones, also consider asking installation and/or general questions on [Stack Overflow](https://stackoverflow.com/search?tab=newest&q=slickgrid) unless you think there's a bug with the library.
 
 ```sh
 npm install angular-slickgrid
 ```
 
 ### Demo page
-`Angular-Slickgrid` works with all `Bootstrap` versions, you can see a demo of each one below. There are also 2 new styling Themes, Material & Salesforce which are also available. You can also use different SVG icons, you may want to look at the [Wiki - SVG Icons](https://github.com/ghiscoding/Angular-Slickgrid/wiki/SVG-Icons)
+`Angular-Slickgrid` works with all `Bootstrap` versions, you can see a demo of each one below. There are also extra styling themes for not just Bootstrap but also Material & Salesforce which are also available. You can also use different SVG icons, you may want to look at the [Wiki - SVG Icons](https://github.com/ghiscoding/Angular-Slickgrid/wiki/SVG-Icons)
 - [Bootstrap 5 demo](https://ghiscoding.github.io/Angular-Slickgrid) / [examples repo](https://github.com/ghiscoding/angular-slickgrid-demos/tree/master/bootstrap5-demo-with-translate)
 - [Bootstrap 4 demo](https://ghiscoding.github.io/angular-slickgrid-demos) / [examples repo](https://github.com/ghiscoding/angular-slickgrid-demos/tree/master/bootstrap4-demo-with-translate)
 
@@ -38,7 +38,7 @@ npm start
 ```
 
 ### Like it? :star: it
-You like to use **Angular-Slickgrid**? Be sure to upvote :star:, maybe support me with cafeine :coffee: and feel free to contribute. 👷👷‍♀️
+You like to use **Angular-Slickgrid**? Be sure to upvote :star: and maybe support me with caffeine :coffee: and feel free to contribute. 👷👷‍♀️
 
 <a href='https://ko-fi.com/ghiscoding' target='_blank'><img height='32' style='border:0px;height:32px;' src='https://az743702.vo.msecnd.net/cdn/kofi3.png?v=0' border='0' alt='Buy Me a Coffee at ko-fi.com' />
 
@@ -46,35 +46,34 @@ You like to use **Angular-Slickgrid**? Be sure to upvote :star:, maybe support m
 Check out the [Releases](https://github.com/ghiscoding/Angular-Slickgrid/releases) section for all latest News & Releases.
 
 ## Angular Compatibility
-- version `1.x.x` for Angular 4-6
-- version `2.x.x` for Angular 7-11
-- version `3.x.x` for Angular 12+ and RxJS 7+ ([migration guide to 3.x](https://github.com/ghiscoding/Angular-Slickgrid/wiki/Migration-to-3.x))
-  - IE11 is EOL and **no longer supported**, if you still need to support it stay with version 2.x
-  - uses new [Slickgrid-Universal](https://github.com/ghiscoding/slickgrid-universal) monorepo version 0.19.2
-- version `4.x.x` for Angular 13+, RxJS 7+ and **Ivy ONLY** ([migration guide to 4.x](https://github.com/ghiscoding/Angular-Slickgrid/wiki/Migration-to-4.x))
-  - for Ivy build only (no more UMD bundle & output >= ES2017), IE not supported.
-  - requires Slickgrid-Universal [1.x](https://github.com/ghiscoding/slickgrid-universal/releases/tag/v1.1.1) version
-- version `5.x.x` for Angular 14+, RxJS >=7.5.0 and **Ivy ONLY** ([migration guide to 5.x](https://github.com/ghiscoding/Angular-Slickgrid/wiki/Migration-to-5.x))
-  - removal of jQueryUI dependency (replaced internally by SortableJS, a smaller and touch friendly lib).
-  - requires Slickgrid-Universal [2.x](https://github.com/ghiscoding/slickgrid-universal/releases/tag/v2.0.0) version
-
-**Note** For a full compatibility table of Angular-Slickgrid with Slickgrid-Universal, you can consult the [Versions Compatibility Table - Wiki](https://github.com/ghiscoding/Angular-Slickgrid/wiki/Versions-Compatibility-Table)
-
-For Angular 12+ see the instructions below - [Angular 12 with WebPack 5 - polyfill issue](https://github.com/ghiscoding/Angular-Slickgrid#angular-12-with-webpack-5---how-to-fix-polyfill-error)
+
+| Angular-Slickgrid | Angular version | Migration Guide | Notes |
+|-------------------|-----------------------|-----------------|------|
+| 1.x               | 4-6.x                 |                 |      |
+| 2.x               | 7-11.x           |                 |      |
+| 3.x               | >=12.0                | [Migration 3.x](https://github.com/ghiscoding/Angular-Slickgrid/wiki/Migration-to-3.x) | the lib now uses [Slickgrid-Universal](https://github.com/ghiscoding/slickgrid-universal) monorepo version [v0.19.2](https://github.com/ghiscoding/slickgrid-universal/releases/tag/v0.19.2). Also, IE11 is EOL and no longer supported. |
+| 4.x               | >=13.0               | [Migration 4.x](https://github.com/ghiscoding/Angular-Slickgrid/wiki/Migration-to-4.x)     | for Ivy build only, uses Slickgrid-Universal [1.x](https://github.com/ghiscoding/slickgrid-universal/releases/tag/v1.1.1) version |
+| 5.x               | >=14.0               | [Migration 5.x](https://github.com/ghiscoding/Angular-Slickgrid/wiki/Migration-to-5.x)     | removal of jQueryUI, uses Slickgrid-Universal [2.x](https://github.com/ghiscoding/slickgrid-universal/releases/tag/v2.0.0) version |
+| 6.x               | >=16.0               | [Migration 6.x](https://github.com/ghiscoding/Angular-Slickgrid/wiki/Migration-to-6.x)     | removal of jQuery (now uses browser native code), uses Slickgrid-Universal [3.x](https://github.com/ghiscoding/slickgrid-universal/releases/tag/v3.0.0) version |
+
+**Note** For a full compatibility table of Angular-Slickgrid with Slickgrid-Universal, please take a look at the [Versions Compatibility Table - Wiki](https://github.com/ghiscoding/Angular-Slickgrid/wiki/Versions-Compatibility-Table).
+
+For Angular 12+ see the instructions below - [Angular 12 with WebPack 5 - polyfill issue](https://github.com/ghiscoding/Angular-Slickgrid#angular-12-with-webpack-5---how-to-fix-polyfill-error).
 
 ### ngx-translate Compatibility
 
-If you are facing any issues with `ngx-translate` library while building your Angular Project. You need to make sure that `@ngx-translate/core` is part of your dependencies, that is also true even when using a single Locale, that is because it is a `peerDependency` of Angular-Slickgrid. The reason is because, we use `@Optional() TranslateService` in the lib and for that to work, we still need it to be installed, but don't worry it should still be removed by the tree shaking process after a running a production build. See their version compatibility table below
+Angular-Slickgrid uses `ngx-translate` library to support Locales, it is also required even when using a single Locale. The reason is because, we use `@Optional() TranslateService` in the lib and for that to work, it requires `ngx-translate` to installed. Once you run the build and if you are using a single Locale then the tree shaking process should remove these optional dependencies. See their version compatibility table below for more info
 
 | Angular Version | @ngx-translate/core |
 |-----------------|---------------------|
-|  13+ (Ivy only) |        14.x+        |
-|  10-13          |        13.x+        |
-|  8-9            |        12.x+        |
-|  7              |        11.x+        |
-
-### Build Warnings (Angular 8+)
-You might get warnings about SlickGrid while doing a production build, most of them are fine and the best way to fix them, is to simply remove/ignore the warnings, all you have to do is to add a file named `ngcc.config.js` in your project root (same location as the `angular.json` file) with the following content (you can also see this [commit](https://github.com/ghiscoding/angular-slickgrid-demos/commit/1fe8092bcd2e99ede5ab048f4a7ebe6254e4bee0) which fixes the Angular-Slickgrid-Demos prod build):
+|  16+            |        15.x         |
+|  13+ (Ivy only) |        14.x         |
+|  10-13          |        13.x         |
+|  8-9            |        12.x         |
+|  7              |        11.x         |
+
+### `ngcc` Build Warnings (Angular >=8.0 && <16.0)
+You might get warnings about SlickGrid while doing a production build, most of them are fine and the best way to fix them, is to simply remove/ignore the warnings to CommonJS packages, all you have to do is to add a file named `ngcc.config.js` in your project root (same location as the `angular.json` file) with the following content (you can also see this [commit](https://github.com/ghiscoding/angular-slickgrid-demos/commit/1fe8092bcd2e99ede5ab048f4a7ebe6254e4bee0) which fixes the Angular-Slickgrid-Demos prod build):
 ```js
 module.exports = {
   packages: {

package/app/modules/angular-slickgrid/components/angular-slickgrid.component.d.ts

@@ -1,198 +1,198 @@
-import 'slickgrid/slick.core';
-import 'slickgrid/slick.interactions';
-import 'slickgrid/slick.grid';
-import 'slickgrid/slick.dataview';
-import { AfterViewInit, ApplicationRef, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy } from '@angular/core';
-import { TranslateService } from '@ngx-translate/core';
-import { BackendServiceApi, Column, EventSubscription, ExternalResource, Locale, Metrics, Pagination, ServicePagination, SlickDataView, SlickEventHandler, SlickGrid, BackendUtilityService, CollectionService, ExtensionService, ExtensionUtility, FilterFactory, FilterService, GridEventService, GridService, GridStateService, GroupingAndColspanService, PaginationService, ResizerService, RxJsFacade, SharedService, SlickGroupItemMetadataProvider, SortService, TreeDataService } from '@slickgrid-universal/common';
-import { SlickEmptyWarningComponent } from '@slickgrid-universal/empty-warning-component';
-import { SlickFooterComponent } from '@slickgrid-universal/custom-footer-component';
-import { SlickPaginationComponent } from '@slickgrid-universal/pagination-component';
-import { ExternalTestingDependencies, GridOption } from './../models/index';
-import { TranslaterService } from '../services/translater.service';
-import { AngularUtilService } from '../services/angularUtil.service';
-import { SlickRowDetailView } from '../extensions/slickRowDetailView';
-import { ContainerService } from '../services/container.service';
-import * as i0 from "@angular/core";
-export declare class AngularSlickgridComponent implements AfterViewInit, OnDestroy {
-    private readonly angularUtilService;
-    private readonly appRef;
-    private readonly cd;
-    private readonly containerService;
-    private readonly elm;
-    private readonly translate;
-    private readonly translaterService;
-    private forRootConfig;
-    private _dataset?;
-    private _columnDefinitions;
-    private _currentDatasetLength;
-    private _eventHandler;
-    private _eventPubSubService;
-    private _angularGridInstances;
-    private _hideHeaderRowAfterPageLoad;
-    private _isGridInitialized;
-    private _isDatasetInitialized;
-    private _isDatasetHierarchicalInitialized;
-    private _isPaginationInitialized;
-    private _isLocalGrid;
-    private _paginationOptions;
-    private _registeredResources;
-    dataView: SlickDataView;
-    slickGrid: SlickGrid;
-    groupingDefinition: any;
-    groupItemMetadataProvider?: SlickGroupItemMetadataProvider;
-    backendServiceApi?: BackendServiceApi;
-    locales: Locale;
-    metrics?: Metrics;
-    showPagination: boolean;
-    serviceList: any[];
-    totalItems: number;
-    paginationData?: {
-        gridOptions: GridOption;
-        paginationService: PaginationService;
-    };
-    subscriptions: EventSubscription[];
-    slickEmptyWarning?: SlickEmptyWarningComponent;
-    slickFooter?: SlickFooterComponent;
-    slickPagination?: SlickPaginationComponent;
-    slickRowDetailView?: SlickRowDetailView;
-    backendUtilityService: BackendUtilityService;
-    collectionService: CollectionService;
-    extensionService: ExtensionService;
-    extensionUtility: ExtensionUtility;
-    filterFactory: FilterFactory;
-    filterService: FilterService;
-    gridEventService: GridEventService;
-    gridService: GridService;
-    gridStateService: GridStateService;
-    groupingService: GroupingAndColspanService;
-    paginationService: PaginationService;
-    resizerService: ResizerService;
-    rxjs?: RxJsFacade;
-    sharedService: SharedService;
-    sortService: SortService;
-    treeDataService: TreeDataService;
-    customDataView: any;
-    gridId: string;
-    gridOptions: GridOption;
-    get paginationOptions(): Pagination | undefined;
-    set paginationOptions(newPaginationOptions: Pagination | undefined);
-    set columnDefinitions(columnDefinitions: Column[]);
-    get columnDefinitions(): Column[];
-    columnDefinitionsChange: EventEmitter<any>;
-    get dataset(): any[];
-    set dataset(newDataset: any[]);
-    get datasetHierarchical(): any[] | undefined;
-    set datasetHierarchical(newHierarchicalDataset: any[] | undefined);
-    get elementRef(): ElementRef;
-    get eventHandler(): SlickEventHandler;
-    get gridContainerElement(): HTMLElement | null;
-    /** GETTER to know if dataset was initialized or not */
-    get isDatasetInitialized(): boolean;
-    /** SETTER to change if dataset was initialized or not (stringly used for unit testing purposes) */
-    set isDatasetInitialized(isInitialized: boolean);
-    set isDatasetHierarchicalInitialized(isInitialized: boolean);
-    get registeredResources(): ExternalResource[];
-    constructor(angularUtilService: AngularUtilService, appRef: ApplicationRef, cd: ChangeDetectorRef, containerService: ContainerService, elm: ElementRef, translate: TranslateService, translaterService: TranslaterService, forRootConfig: GridOption, externalServices: ExternalTestingDependencies);
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    destroy(shouldEmptyDomElementContainer?: boolean): void;
-    emptyGridContainerElm(): void;
-    /**
-     * Define our internal Post Process callback, it will execute internally after we get back result from the Process backend call
-     * For now, this is GraphQL Service ONLY feature and it will basically refresh the Dataset & Pagination without having the user to create his own PostProcess every time
-     */
-    createBackendApiInternalPostProcessCallback(gridOptions: GridOption): void;
-    initialization(eventHandler: SlickEventHandler): void;
-    /**
-     * On a Pagination changed, we will trigger a Grid State changed with the new pagination info
-     * Also if we use Row Selection or the Checkbox Selector with a Backend Service (Odata, GraphQL), we need to reset any selection
-     */
-    paginationChanged(pagination: ServicePagination): void;
-    /**
-     * When dataset changes, we need to refresh the entire grid UI & possibly resize it as well
-     * @param dataset
-     */
-    refreshGridData(dataset: any[], totalCount?: number): void;
-    /**
-     * Check if there's any Pagination Presets defined in the Grid Options,
-     * if there are then load them in the paginationOptions object
-     */
-    setPaginationOptionsWhenPresetDefined(gridOptions: GridOption, paginationOptions: Pagination): Pagination;
-    /**
-     * Dynamically change or update the column definitions list.
-     * We will re-render the grid so that the new header and data shows up correctly.
-     * If using i18n, we also need to trigger a re-translate of the column headers
-     */
-    updateColumnDefinitionsList(newColumnDefinitions: Column[]): void;
-    /**
-     * Show the filter row displayed on first row, we can optionally pass false to hide it.
-     * @param showing
-     */
-    showHeaderRow(showing?: boolean): boolean;
-    /**
-     * Loop through all column definitions and copy the original optional `width` properties optionally provided by the user.
-     * We will use this when doing a resize by cell content, if user provided a `width` it won't override it.
-     */
-    private copyColumnWidthsReference;
-    private displayEmptyDataWarning;
-    private bindDifferentHooks;
-    private bindBackendCallbackFunctions;
-    private bindResizeHook;
-    private executeAfterDataviewCreated;
-    /** When data changes in the DataView, we'll refresh the metrics and/or display a warning if the dataset is empty */
-    private handleOnItemCountChanged;
-    private initializePaginationService;
-    /** Load the Editor Collection asynchronously and replace the "collection" property when Observable resolves */
-    private loadEditorCollectionAsync;
-    protected insertDynamicPresetColumns(columnId: string, gridPresetColumns: Column[]): void;
-    /** Load any possible Columns Grid Presets */
-    private loadColumnPresetsWhenDatasetInitialized;
-    /** Load any possible Filters Grid Presets */
-    private loadFilterPresetsWhenDatasetInitialized;
-    /**
-     * local grid, check if we need to show the Pagination
-     * if so then also check if there's any presets and finally initialize the PaginationService
-     * a local grid with Pagination presets will potentially have a different total of items, we'll need to get it from the DataView and update our total
-     */
-    private loadLocalGridPagination;
-    /** Load any Row Selections into the DataView that were presets by the user */
-    private loadRowSelectionPresetWhenExists;
-    private mergeGridOptions;
-    /** Pre-Register any Resource that don't require SlickGrid to be instantiated (for example RxJS Resource & RowDetail) */
-    private preRegisterResources;
-    private registerResources;
-    /** Register the RxJS Resource in all necessary services which uses */
-    private registerRxJsResource;
-    /**
-     * Render (or dispose) the Pagination Component, user can optionally provide False (to not show it) which will in term dispose of the Pagination,
-     * also while disposing we can choose to omit the disposable of the Pagination Service (if we are simply toggling the Pagination, we want to keep the Service alive)
-     * @param {Boolean} showPagination - show (new render) or not (dispose) the Pagination
-     * @param {Boolean} shouldDisposePaginationService - when disposing the Pagination, do we also want to dispose of the Pagination Service? (defaults to True)
-     */
-    private renderPagination;
-    /**
-     * Takes a flat dataset with parent/child relationship, sort it (via its tree structure) and return the sorted flat array
-     * @param {Array<Object>} flatDatasetInput - flat dataset input
-     * @param {Boolean} forceGridRefresh - optionally force a full grid refresh
-     * @returns {Array<Object>} sort flat parent/child dataset
-     */
-    private sortTreeDataset;
-    /**
-     * For convenience to the user, we provide the property "editor" as an Angular-Slickgrid editor complex object
-     * however "editor" is used internally by SlickGrid for it's own Editor Factory
-     * so in our lib we will swap "editor" and copy it into a new property called "internalColumnEditor"
-     * then take back "editor.model" and make it the new "editor" so that SlickGrid Editor Factory still works
-     */
-    private swapInternalEditorToSlickGridFactoryEditor;
-    private translateColumnHeaderTitleKeys;
-    private translateColumnGroupKeys;
-    /**
-     * Update the "internalColumnEditor.collection" property.
-     * Since this is called after the async call resolves, the pointer will not be the same as the "column" argument passed.
-     * Once we found the new pointer, we will reassign the "editor" and "collection" to the "internalColumnEditor" so it has newest collection
-     */
-    private updateEditorCollection;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AngularSlickgridComponent, [null, null, null, null, null, { optional: true; }, { optional: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AngularSlickgridComponent, "angular-slickgrid", never, { "customDataView": "customDataView"; "gridId": "gridId"; "gridOptions": "gridOptions"; "paginationOptions": "paginationOptions"; "columnDefinitions": "columnDefinitions"; "dataset": "dataset"; "datasetHierarchical": "datasetHierarchical"; }, { "columnDefinitionsChange": "columnDefinitionsChange"; }, never, never, false>;
-}
+import 'slickgrid/slick.core';
+import 'slickgrid/slick.interactions';
+import 'slickgrid/slick.grid';
+import 'slickgrid/slick.dataview';
+import { AfterViewInit, ApplicationRef, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy } from '@angular/core';
+import { TranslateService } from '@ngx-translate/core';
+import { BackendServiceApi, Column, EventSubscription, ExternalResource, Locale, Metrics, Pagination, ServicePagination, SlickDataView, SlickEventHandler, SlickGrid, BackendUtilityService, CollectionService, ExtensionService, ExtensionUtility, FilterFactory, FilterService, GridEventService, GridService, GridStateService, GroupingAndColspanService, PaginationService, ResizerService, RxJsFacade, SharedService, SlickGroupItemMetadataProvider, SortService, TreeDataService } from '@slickgrid-universal/common';
+import { SlickEmptyWarningComponent } from '@slickgrid-universal/empty-warning-component';
+import { SlickFooterComponent } from '@slickgrid-universal/custom-footer-component';
+import { SlickPaginationComponent } from '@slickgrid-universal/pagination-component';
+import { ExternalTestingDependencies, GridOption } from './../models/index';
+import { TranslaterService } from '../services/translater.service';
+import { AngularUtilService } from '../services/angularUtil.service';
+import { SlickRowDetailView } from '../extensions/slickRowDetailView';
+import { ContainerService } from '../services/container.service';
+import * as i0 from "@angular/core";
+export declare class AngularSlickgridComponent implements AfterViewInit, OnDestroy {
+    private readonly angularUtilService;
+    private readonly appRef;
+    private readonly cd;
+    private readonly containerService;
+    private readonly elm;
+    private readonly translate;
+    private readonly translaterService;
+    private forRootConfig;
+    private _dataset?;
+    private _columnDefinitions;
+    private _currentDatasetLength;
+    private _eventHandler;
+    private _eventPubSubService;
+    private _angularGridInstances;
+    private _hideHeaderRowAfterPageLoad;
+    private _isGridInitialized;
+    private _isDatasetInitialized;
+    private _isDatasetHierarchicalInitialized;
+    private _isPaginationInitialized;
+    private _isLocalGrid;
+    private _paginationOptions;
+    private _registeredResources;
+    dataView: SlickDataView;
+    slickGrid: SlickGrid;
+    groupingDefinition: any;
+    groupItemMetadataProvider?: SlickGroupItemMetadataProvider;
+    backendServiceApi?: BackendServiceApi;
+    locales: Locale;
+    metrics?: Metrics;
+    showPagination: boolean;
+    serviceList: any[];
+    totalItems: number;
+    paginationData?: {
+        gridOptions: GridOption;
+        paginationService: PaginationService;
+    };
+    subscriptions: EventSubscription[];
+    slickEmptyWarning?: SlickEmptyWarningComponent;
+    slickFooter?: SlickFooterComponent;
+    slickPagination?: SlickPaginationComponent;
+    slickRowDetailView?: SlickRowDetailView;
+    backendUtilityService: BackendUtilityService;
+    collectionService: CollectionService;
+    extensionService: ExtensionService;
+    extensionUtility: ExtensionUtility;
+    filterFactory: FilterFactory;
+    filterService: FilterService;
+    gridEventService: GridEventService;
+    gridService: GridService;
+    gridStateService: GridStateService;
+    groupingService: GroupingAndColspanService;
+    paginationService: PaginationService;
+    resizerService: ResizerService;
+    rxjs?: RxJsFacade;
+    sharedService: SharedService;
+    sortService: SortService;
+    treeDataService: TreeDataService;
+    customDataView: any;
+    gridId: string;
+    gridOptions: GridOption;
+    get paginationOptions(): Pagination | undefined;
+    set paginationOptions(newPaginationOptions: Pagination | undefined);
+    set columnDefinitions(columnDefinitions: Column[]);
+    get columnDefinitions(): Column[];
+    columnDefinitionsChange: EventEmitter<any>;
+    get dataset(): any[];
+    set dataset(newDataset: any[]);
+    get datasetHierarchical(): any[] | undefined;
+    set datasetHierarchical(newHierarchicalDataset: any[] | undefined);
+    get elementRef(): ElementRef;
+    get eventHandler(): SlickEventHandler;
+    get gridContainerElement(): HTMLElement | null;
+    /** GETTER to know if dataset was initialized or not */
+    get isDatasetInitialized(): boolean;
+    /** SETTER to change if dataset was initialized or not (stringly used for unit testing purposes) */
+    set isDatasetInitialized(isInitialized: boolean);
+    set isDatasetHierarchicalInitialized(isInitialized: boolean);
+    get registeredResources(): ExternalResource[];
+    constructor(angularUtilService: AngularUtilService, appRef: ApplicationRef, cd: ChangeDetectorRef, containerService: ContainerService, elm: ElementRef, translate: TranslateService, translaterService: TranslaterService, forRootConfig: GridOption, externalServices: ExternalTestingDependencies);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    destroy(shouldEmptyDomElementContainer?: boolean): void;
+    emptyGridContainerElm(): void;
+    /**
+     * Define our internal Post Process callback, it will execute internally after we get back result from the Process backend call
+     * For now, this is GraphQL Service ONLY feature and it will basically refresh the Dataset & Pagination without having the user to create his own PostProcess every time
+     */
+    createBackendApiInternalPostProcessCallback(gridOptions: GridOption): void;
+    initialization(eventHandler: SlickEventHandler): void;
+    /**
+     * On a Pagination changed, we will trigger a Grid State changed with the new pagination info
+     * Also if we use Row Selection or the Checkbox Selector with a Backend Service (Odata, GraphQL), we need to reset any selection
+     */
+    paginationChanged(pagination: ServicePagination): void;
+    /**
+     * When dataset changes, we need to refresh the entire grid UI & possibly resize it as well
+     * @param dataset
+     */
+    refreshGridData(dataset: any[], totalCount?: number): void;
+    /**
+     * Check if there's any Pagination Presets defined in the Grid Options,
+     * if there are then load them in the paginationOptions object
+     */
+    setPaginationOptionsWhenPresetDefined(gridOptions: GridOption, paginationOptions: Pagination): Pagination;
+    /**
+     * Dynamically change or update the column definitions list.
+     * We will re-render the grid so that the new header and data shows up correctly.
+     * If using i18n, we also need to trigger a re-translate of the column headers
+     */
+    updateColumnDefinitionsList(newColumnDefinitions: Column[]): void;
+    /**
+     * Show the filter row displayed on first row, we can optionally pass false to hide it.
+     * @param showing
+     */
+    showHeaderRow(showing?: boolean): boolean;
+    /**
+     * Loop through all column definitions and copy the original optional `width` properties optionally provided by the user.
+     * We will use this when doing a resize by cell content, if user provided a `width` it won't override it.
+     */
+    private copyColumnWidthsReference;
+    private displayEmptyDataWarning;
+    private bindDifferentHooks;
+    private bindBackendCallbackFunctions;
+    private bindResizeHook;
+    private executeAfterDataviewCreated;
+    /** When data changes in the DataView, we'll refresh the metrics and/or display a warning if the dataset is empty */
+    private handleOnItemCountChanged;
+    private initializePaginationService;
+    /** Load the Editor Collection asynchronously and replace the "collection" property when Observable resolves */
+    private loadEditorCollectionAsync;
+    protected insertDynamicPresetColumns(columnId: string, gridPresetColumns: Column[]): void;
+    /** Load any possible Columns Grid Presets */
+    private loadColumnPresetsWhenDatasetInitialized;
+    /** Load any possible Filters Grid Presets */
+    private loadFilterPresetsWhenDatasetInitialized;
+    /**
+     * local grid, check if we need to show the Pagination
+     * if so then also check if there's any presets and finally initialize the PaginationService
+     * a local grid with Pagination presets will potentially have a different total of items, we'll need to get it from the DataView and update our total
+     */
+    private loadLocalGridPagination;
+    /** Load any Row Selections into the DataView that were presets by the user */
+    private loadRowSelectionPresetWhenExists;
+    private mergeGridOptions;
+    /** Pre-Register any Resource that don't require SlickGrid to be instantiated (for example RxJS Resource & RowDetail) */
+    private preRegisterResources;
+    private registerResources;
+    /** Register the RxJS Resource in all necessary services which uses */
+    private registerRxJsResource;
+    /**
+     * Render (or dispose) the Pagination Component, user can optionally provide False (to not show it) which will in term dispose of the Pagination,
+     * also while disposing we can choose to omit the disposable of the Pagination Service (if we are simply toggling the Pagination, we want to keep the Service alive)
+     * @param {Boolean} showPagination - show (new render) or not (dispose) the Pagination
+     * @param {Boolean} shouldDisposePaginationService - when disposing the Pagination, do we also want to dispose of the Pagination Service? (defaults to True)
+     */
+    private renderPagination;
+    /**
+     * Takes a flat dataset with parent/child relationship, sort it (via its tree structure) and return the sorted flat array
+     * @param {Array<Object>} flatDatasetInput - flat dataset input
+     * @param {Boolean} forceGridRefresh - optionally force a full grid refresh
+     * @returns {Array<Object>} sort flat parent/child dataset
+     */
+    private sortTreeDataset;
+    /**
+     * For convenience to the user, we provide the property "editor" as an Angular-Slickgrid editor complex object
+     * however "editor" is used internally by SlickGrid for it's own Editor Factory
+     * so in our lib we will swap "editor" and copy it into a new property called "internalColumnEditor"
+     * then take back "editor.model" and make it the new "editor" so that SlickGrid Editor Factory still works
+     */
+    private swapInternalEditorToSlickGridFactoryEditor;
+    private translateColumnHeaderTitleKeys;
+    private translateColumnGroupKeys;
+    /**
+     * Update the "internalColumnEditor.collection" property.
+     * Since this is called after the async call resolves, the pointer will not be the same as the "column" argument passed.
+     * Once we found the new pointer, we will reassign the "editor" and "collection" to the "internalColumnEditor" so it has newest collection
+     */
+    private updateEditorCollection;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AngularSlickgridComponent, [null, null, null, null, null, { optional: true; }, { optional: true; }, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AngularSlickgridComponent, "angular-slickgrid", never, { "customDataView": { "alias": "customDataView"; "required": false; }; "gridId": { "alias": "gridId"; "required": false; }; "gridOptions": { "alias": "gridOptions"; "required": false; }; "paginationOptions": { "alias": "paginationOptions"; "required": false; }; "columnDefinitions": { "alias": "columnDefinitions"; "required": false; }; "dataset": { "alias": "dataset"; "required": false; }; "datasetHierarchical": { "alias": "datasetHierarchical"; "required": false; }; }, { "columnDefinitionsChange": "columnDefinitionsChange"; }, never, never, false, never>;
+}

package/app/modules/angular-slickgrid/constants.d.ts

@@ -1,30 +1,30 @@
-import { Locale } from '@slickgrid-universal/common';
-export declare class Constants {
-    static readonly locales: Locale;
-    static readonly treeDataProperties: {
-        CHILDREN_PROP: string;
-        COLLAPSED_PROP: string;
-        HAS_CHILDREN_PROP: string;
-        TREE_LEVEL_PROP: string;
-        PARENT_PROP: string;
-    };
-    static readonly VALIDATION_REQUIRED_FIELD = "Field is required";
-    static readonly VALIDATION_EDITOR_VALID_NUMBER = "Please enter a valid number";
-    static readonly VALIDATION_EDITOR_VALID_INTEGER = "Please enter a valid integer number";
-    static readonly VALIDATION_EDITOR_INTEGER_BETWEEN = "Please enter a valid integer number between {{minValue}} and {{maxValue}}";
-    static readonly VALIDATION_EDITOR_INTEGER_MAX = "Please enter a valid integer number that is lower than {{maxValue}}";
-    static readonly VALIDATION_EDITOR_INTEGER_MAX_INCLUSIVE = "Please enter a valid integer number that is lower than or equal to {{maxValue}}";
-    static readonly VALIDATION_EDITOR_INTEGER_MIN = "Please enter a valid integer number that is greater than {{minValue}}";
-    static readonly VALIDATION_EDITOR_INTEGER_MIN_INCLUSIVE = "Please enter a valid integer number that is greater than or equal to {{minValue}}";
-    static readonly VALIDATION_EDITOR_NUMBER_BETWEEN = "Please enter a valid number between {{minValue}} and {{maxValue}}";
-    static readonly VALIDATION_EDITOR_NUMBER_MAX = "Please enter a valid number that is lower than {{maxValue}}";
-    static readonly VALIDATION_EDITOR_NUMBER_MAX_INCLUSIVE = "Please enter a valid number that is lower than or equal to {{maxValue}}";
-    static readonly VALIDATION_EDITOR_NUMBER_MIN = "Please enter a valid number that is greater than {{minValue}}";
-    static readonly VALIDATION_EDITOR_NUMBER_MIN_INCLUSIVE = "Please enter a valid number that is greater than or equal to {{minValue}}";
-    static readonly VALIDATION_EDITOR_DECIMAL_BETWEEN = "Please enter a valid number with a maximum of {{maxDecimal}} decimals";
-    static readonly VALIDATION_EDITOR_TEXT_LENGTH_BETWEEN = "Please make sure your text length is between {{minLength}} and {{maxLength}} characters";
-    static readonly VALIDATION_EDITOR_TEXT_MAX_LENGTH = "Please make sure your text is less than {{maxLength}} characters";
-    static readonly VALIDATION_EDITOR_TEXT_MAX_LENGTH_INCLUSIVE = "Please make sure your text is less than or equal to {{maxLength}} characters";
-    static readonly VALIDATION_EDITOR_TEXT_MIN_LENGTH = "Please make sure your text is more than {{minLength}} character(s)";
-    static readonly VALIDATION_EDITOR_TEXT_MIN_LENGTH_INCLUSIVE = "Please make sure your text is at least {{minLength}} character(s)";
-}
+import { Locale } from '@slickgrid-universal/common';
+export declare class Constants {
+    static readonly locales: Locale;
+    static readonly treeDataProperties: {
+        CHILDREN_PROP: string;
+        COLLAPSED_PROP: string;
+        HAS_CHILDREN_PROP: string;
+        TREE_LEVEL_PROP: string;
+        PARENT_PROP: string;
+    };
+    static readonly VALIDATION_REQUIRED_FIELD = "Field is required";
+    static readonly VALIDATION_EDITOR_VALID_NUMBER = "Please enter a valid number";
+    static readonly VALIDATION_EDITOR_VALID_INTEGER = "Please enter a valid integer number";
+    static readonly VALIDATION_EDITOR_INTEGER_BETWEEN = "Please enter a valid integer number between {{minValue}} and {{maxValue}}";
+    static readonly VALIDATION_EDITOR_INTEGER_MAX = "Please enter a valid integer number that is lower than {{maxValue}}";
+    static readonly VALIDATION_EDITOR_INTEGER_MAX_INCLUSIVE = "Please enter a valid integer number that is lower than or equal to {{maxValue}}";
+    static readonly VALIDATION_EDITOR_INTEGER_MIN = "Please enter a valid integer number that is greater than {{minValue}}";
+    static readonly VALIDATION_EDITOR_INTEGER_MIN_INCLUSIVE = "Please enter a valid integer number that is greater than or equal to {{minValue}}";
+    static readonly VALIDATION_EDITOR_NUMBER_BETWEEN = "Please enter a valid number between {{minValue}} and {{maxValue}}";
+    static readonly VALIDATION_EDITOR_NUMBER_MAX = "Please enter a valid number that is lower than {{maxValue}}";
+    static readonly VALIDATION_EDITOR_NUMBER_MAX_INCLUSIVE = "Please enter a valid number that is lower than or equal to {{maxValue}}";
+    static readonly VALIDATION_EDITOR_NUMBER_MIN = "Please enter a valid number that is greater than {{minValue}}";
+    static readonly VALIDATION_EDITOR_NUMBER_MIN_INCLUSIVE = "Please enter a valid number that is greater than or equal to {{minValue}}";
+    static readonly VALIDATION_EDITOR_DECIMAL_BETWEEN = "Please enter a valid number with a maximum of {{maxDecimal}} decimals";
+    static readonly VALIDATION_EDITOR_TEXT_LENGTH_BETWEEN = "Please make sure your text length is between {{minLength}} and {{maxLength}} characters";
+    static readonly VALIDATION_EDITOR_TEXT_MAX_LENGTH = "Please make sure your text is less than {{maxLength}} characters";
+    static readonly VALIDATION_EDITOR_TEXT_MAX_LENGTH_INCLUSIVE = "Please make sure your text is less than or equal to {{maxLength}} characters";
+    static readonly VALIDATION_EDITOR_TEXT_MIN_LENGTH = "Please make sure your text is more than {{minLength}} character(s)";
+    static readonly VALIDATION_EDITOR_TEXT_MIN_LENGTH_INCLUSIVE = "Please make sure your text is at least {{minLength}} character(s)";
+}

package/app/modules/angular-slickgrid/extensions/index.d.ts

@@ -1 +1 @@
-export * from './slickRowDetailView';
+export * from './slickRowDetailView';