angular-slickgrid 6.0.0 → 6.1.0

package/README.md

@@ -6,18 +6,18 @@
 [![npm](https://img.shields.io/npm/v/angular-slickgrid.svg?logo=npm&logoColor=fff&label=npm)](https://www.npmjs.com/package/angular-slickgrid)
 
 [![Actions Status](https://github.com/ghiscoding/Angular-Slickgrid/workflows/CI%20Build/badge.svg)](https://github.com/ghiscoding/Angular-Slickgrid/actions)
-[![Cypress.io](https://img.shields.io/badge/tested%20with-Cypress-04C38E.svg)](https://www.cypress.io/)
+[![Cypress.io](https://img.shields.io/badge/tested%20with-Cypress-04C38E.svg?logo=cypress)](https://www.cypress.io/)
 [![jest](https://jestjs.io/img/jest-badge.svg)](https://github.com/facebook/jest)
 [![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 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)
+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 features, customizability 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 one since the original one 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 over the years for the benefit of all the SlickGrid libraries that I maintain including this one here... SlickGrid was recently refactored to be browser native, which means that jQuery is no longer required in Angular-Slickgrid [v6.0](https://github.com/ghiscoding/Angular-Slickgrid/releases/tag/v6.0.0) and higher.
 
 ### License
 [MIT License](LICENSE)
 
 ## Installation
-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.
+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 review all Wikis and closed issues before opening any new issue, 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
@@ -29,8 +29,9 @@ npm install angular-slickgrid
 - [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)
 
 #### Working Demo
-For a complete & working local demo (30+ examples), you can (and should) clone the [Angular-Slickgrid Demos](https://github.com/ghiscoding/angular-slickgrid-demos) repository to get started. That repo is updated frequently and is used to update the GitHub demo page for both the [Bootstrap 5 demo](https://ghiscoding.github.io/Angular-Slickgrid) and [Bootstrap 4 demo](https://ghiscoding.github.io/angular-slickgrid-demos).
-```bash
+For a complete set of working demos (over 30 examples), we strongly suggest you to clone the [Angular-Slickgrid Demos](https://github.com/ghiscoding/angular-slickgrid-demos) repository (instructions are provided in the demo repo). The repo provides multiple demos and they are updated every time a new version is out, so it is updated frequently and is also used as the GitHub live demo page for both the [Bootstrap 5 demo](https://ghiscoding.github.io/Angular-Slickgrid) and [Bootstrap 4 demo](https://ghiscoding.github.io/angular-slickgrid-demos).
+
+```sh
 git clone https://github.com/ghiscoding/angular-slickgrid-demos
 cd bootstrap4-demo-with-translate # or any of the 4 demos
 npm install
@@ -47,14 +48,16 @@ Check out the [Releases](https://github.com/ghiscoding/Angular-Slickgrid/release
 
 ## Angular Compatibility
 
+> **Note** please be aware that only the latest version of Angular-Slickgrid, shown in the table below, can receive bug fixes because that is already a lot of work for a single developer like me. 
+
 | 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 |
+| 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 |
+| 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 |
+| 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. |
+| 2.x               | 7-11.x           | [Migration 2.x](https://github.com/ghiscoding/Angular-Slickgrid/wiki/Migration-to-2.x) | support multiple grids on same page     |
+| 1.x               | 4-6.x                 |                 |      |
 
 **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).
 

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

@@ -4,11 +4,12 @@ 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 type { BackendServiceApi, Column, EventSubscription, ExternalResource, Locale, Metrics, Pagination, RxJsFacade, ServicePagination, SlickDataView, SlickEventHandler, SlickGrid } from '@slickgrid-universal/common';
+import { ExtensionUtility, SlickGroupItemMetadataProvider, BackendUtilityService, CollectionService, ExtensionService, FilterFactory, FilterService, GridEventService, GridService, GridStateService, GroupingAndColspanService, PaginationService, ResizerService, SharedService, 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 type { ExternalTestingDependencies, GridOption } from './../models/index';
 import { TranslaterService } from '../services/translater.service';
 import { AngularUtilService } from '../services/angularUtil.service';
 import { SlickRowDetailView } from '../extensions/slickRowDetailView';

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

@@ -1,5 +1,6 @@
 import { ApplicationRef, ComponentRef, Type, ViewContainerRef } from '@angular/core';
-import { EventSubscription, RxJsFacade, SlickEventHandler, SlickGrid, SlickRowSelectionModel } from '@slickgrid-universal/common';
+import type { EventSubscription, RxJsFacade, SlickEventHandler, SlickGrid } from '@slickgrid-universal/common';
+import { SlickRowSelectionModel } from '@slickgrid-universal/common';
 import { EventPubSubService } from '@slickgrid-universal/event-pub-sub';
 import { SlickRowDetailView as UniversalSlickRowDetailView } from '@slickgrid-universal/row-detail-view-plugin';
 import { Observable, Subject } from 'rxjs';

package/app/modules/angular-slickgrid/global-grid-options.d.ts

@@ -1,3 +1,3 @@
-import { GridOption } from './models/index';
+import type { GridOption } from './models/index';
 /** Global Grid Options Defaults */
 export declare const GlobalGridOptions: Partial<GridOption>;

package/app/modules/angular-slickgrid/models/angularGridInstance.interface.d.ts

@@ -1,5 +1,5 @@
-import { BackendService, ExtensionList, ExtensionService, FilterService, GridEventService, GridService, GridStateService, GroupingAndColspanService, PaginationService, ResizerService, SlickDataView, SlickGrid, SortService, TreeDataService } from '@slickgrid-universal/common';
-import { EventPubSubService } from '@slickgrid-universal/event-pub-sub';
+import type { BackendService, ExtensionList, ExtensionService, FilterService, GridEventService, GridService, GridStateService, GroupingAndColspanService, PaginationService, ResizerService, SlickDataView, SlickGrid, SortService, TreeDataService } from '@slickgrid-universal/common';
+import type { EventPubSubService } from '@slickgrid-universal/event-pub-sub';
 export interface AngularGridInstance {
     /** Slick DataView object */
     dataView: SlickDataView;

package/app/modules/angular-slickgrid/models/externalTestingDependencies.interface.d.ts

@@ -1,5 +1,5 @@
-import { BackendUtilityService, CollectionService, ExtensionService, ExtensionUtility, FilterService, GridEventService, GridService, GridStateService, GroupingAndColspanService, PaginationService, ResizerService, RxJsFacade, SharedService, SortService, TreeDataService } from '@slickgrid-universal/common';
-import { EventPubSubService } from '@slickgrid-universal/event-pub-sub';
+import type { BackendUtilityService, CollectionService, ExtensionService, ExtensionUtility, FilterService, GridEventService, GridService, GridStateService, GroupingAndColspanService, PaginationService, ResizerService, RxJsFacade, SharedService, SortService, TreeDataService } from '@slickgrid-universal/common';
+import type { EventPubSubService } from '@slickgrid-universal/event-pub-sub';
 export interface ExternalTestingDependencies {
     backendUtilityService?: BackendUtilityService;
     collectionService?: CollectionService;

package/app/modules/angular-slickgrid/models/gridOption.interface.d.ts

@@ -1,6 +1,6 @@
-import { TranslateService } from '@ngx-translate/core';
-import { GridOption as UniversalGridOption } from '@slickgrid-universal/common';
-import { RowDetailView } from './index';
+import type { TranslateService } from '@ngx-translate/core';
+import type { GridOption as UniversalGridOption } from '@slickgrid-universal/common';
+import type { RowDetailView } from './index';
 export interface GridOption extends UniversalGridOption {
     /** ngx-translate i18n translation service instance */
     i18n?: TranslateService;

package/app/modules/angular-slickgrid/models/rowDetailView.interface.d.ts

@@ -1,5 +1,5 @@
 import { Type } from '@angular/core';
-import { RowDetailView as UniversalRowDetailView } from '@slickgrid-universal/common';
+import type { RowDetailView as UniversalRowDetailView } from '@slickgrid-universal/common';
 export interface RowDetailView extends UniversalRowDetailView {
     /**
      * Optionally pass your Parent Component reference to your Child Component (row detail component).

package/app/modules/angular-slickgrid/models/slickGrid.interface.d.ts

@@ -1,5 +1,5 @@
-import { SlickGrid as UniversalSlickGrid } from '@slickgrid-universal/common';
-import { GridOption } from './gridOption.interface';
+import type { SlickGrid as UniversalSlickGrid } from '@slickgrid-universal/common';
+import type { GridOption } from './gridOption.interface';
 export interface SlickGrid extends UniversalSlickGrid {
     /** Returns an object containing all of the Grid options set on the grid. See a list of Grid Options here.  */
     getOptions(): GridOption;

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

@@ -1,4 +1,4 @@
-import { ModuleWithProviders } from '@angular/core';
+import { type ModuleWithProviders } from '@angular/core';
 import { GridOption } from './../models/gridOption.interface';
 import * as i0 from "@angular/core";
 import * as i1 from "../components/angular-slickgrid.component";

package/app/modules/angular-slickgrid/services/angularUtil.service.d.ts

@@ -1,5 +1,5 @@
 import { ViewContainerRef } from '@angular/core';
-import { AngularComponentOutput } from '../models/angularComponentOutput.interface';
+import type { AngularComponentOutput } from '../models/angularComponentOutput.interface';
 import * as i0 from "@angular/core";
 export declare class AngularUtilService {
     private vcr;

package/app/modules/angular-slickgrid/services/container.service.d.ts

@@ -1,4 +1,4 @@
-import { ContainerInstance, ContainerService as UniversalContainerService } from '@slickgrid-universal/common';
+import { type ContainerInstance, ContainerService as UniversalContainerService } from '@slickgrid-universal/common';
 import * as i0 from "@angular/core";
 export declare class ContainerService implements UniversalContainerService {
     dependencies: ContainerInstance[];

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

@@ -1,4 +1,4 @@
-import { GridOption } from './models/gridOption.interface';
+import type { GridOption } from './models/gridOption.interface';
 export declare class SlickgridConfig {
     options: Partial<GridOption>;
     constructor();