angular-slickgrid 8.8.0 → 8.9.0

package/README.md

@@ -3,14 +3,15 @@
 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
 [![TypeScript](https://img.shields.io/badge/%3C%2F%3E-TypeScript-%230074c1.svg)](http://www.typescriptlang.org/)
 [![NPM downloads](https://img.shields.io/npm/dy/angular-slickgrid)](https://npmjs.org/package/angular-slickgrid)
+<a href="https://pkg-size.dev/angular-slickgrid?no-peers"><img src="https://pkg-size.dev/badge/bundle/889360" title="Bundle size for angular-slickgrid"></a>
 [![npm](https://img.shields.io/npm/v/angular-slickgrid.svg?logo=npm&logoColor=fff&label=npm)](https://www.npmjs.com/package/angular-slickgrid)
-<!--[![npm bundle size](https://img.shields.io/bundlephobia/minzip/angular-slickgrid?color=success&label=gzip)](https://bundlephobia.com/result?p=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?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 the Angular world. SlickGrid beats most other datagrids in terms of features, customizability and performance (running smoothly with even a million rows). Angular-Slickgrid is a wrapper on top of [Slickgrid-Universal](https://github.com/ghiscoding/slickgrid-universal/) (which is required), in the early beginning we used the `6pac/SlickGrid` fork but that was dropped in >=[v7.0](https://github.com/ghiscoding/Angular-Slickgrid/releases/tag/v7.0.3) since Slickgrid-Universal is now a standalone project. SlickGrid was also recently rewritten with browser native code (no more ~jQuery~ 🎉).
 
@@ -33,6 +34,15 @@ A good starting point is the **[Docs - Quick Start](https://ghiscoding.gitbook.i
 npm install angular-slickgrid
 ```
 
+### Styling Themes
+
+Multiple styling themes are available
+- Bootstrap (see all Angular-Slickgrid [live demos](https://ghiscoding.github.io/Angular-Slickgrid/))
+- Material (see [Slickgrid-Universal](https://ghiscoding.github.io/slickgrid-universal/#/example07))
+- Salesforce (see [Slickgrid-Universal](https://ghiscoding.github.io/slickgrid-universal/#/example16))
+
+Also note that all of these themes also have **Dark Theme** equivalent and even though Bootstrap if often used as the default, it also works well with any other UI framework like Bulma, Material, ...
+
 ### Demo page
 `Angular-Slickgrid` works with all `Bootstrap` versions, you can see a demo of each one below. It also works well with any other frameworks like Material or Bulma and there are also couple of extra styling themes based on Material & Salesforce which are also available. You can also use different SVG icons, you may want to look at the [Docs - SVG Icons](https://ghiscoding.gitbook.io/angular-slickgrid/styling/svg-icons)
 

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

@@ -1,11 +1,10 @@
 import { AfterViewInit, ApplicationRef, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, TemplateRef } from '@angular/core';
-import { TranslateService } from '@ngx-translate/core';
-import { BackendService, 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 { BackendService, BackendServiceApi, BasePaginationComponent, Column, EventSubscription, ExternalResource, Locale, Metrics, Pagination, PaginationMetadata, RxJsFacade, SlickDataView, SlickEventHandler, SlickGrid } from '@slickgrid-universal/common';
+import { ExtensionUtility, SlickGroupItemMetadataProvider, BackendUtilityService, CollectionService, ExtensionService, FilterFactory, FilterService, GridEventService, GridService, GridStateService, HeaderGroupingService, PaginationService, ResizerService, SharedService, SortService, TreeDataService } from '@slickgrid-universal/common';
 import { EventPubSubService } from '@slickgrid-universal/event-pub-sub';
 import { SlickEmptyWarningComponent } from '@slickgrid-universal/empty-warning-component';
 import { SlickFooterComponent } from '@slickgrid-universal/custom-footer-component';
-import { SlickPaginationComponent } from '@slickgrid-universal/pagination-component';
+import { TranslateService } from '@ngx-translate/core';
 import type { AngularGridInstance, ExternalTestingDependencies, GridOption } from './../models/index';
 import { TranslaterService } from '../services/translater.service';
 import { AngularUtilService } from '../services/angularUtil.service';
@@ -55,7 +54,8 @@ export declare class AngularSlickgridComponent<TData = any> implements AfterView
     subscriptions: EventSubscription[];
     slickEmptyWarning?: SlickEmptyWarningComponent;
     slickFooter?: SlickFooterComponent;
-    slickPagination?: SlickPaginationComponent;
+    slickPagination?: BasePaginationComponent;
+    paginationComponent: BasePaginationComponent | undefined;
     slickRowDetailView?: SlickRowDetailView;
     backendUtilityService: BackendUtilityService;
     collectionService: CollectionService;
@@ -66,7 +66,7 @@ export declare class AngularSlickgridComponent<TData = any> implements AfterView
     gridEventService: GridEventService;
     gridService: GridService;
     gridStateService: GridStateService;
-    groupingService: GroupingAndColspanService;
+    headerGroupingService: HeaderGroupingService;
     paginationService: PaginationService;
     resizerService: ResizerService;
     rxjs?: RxJsFacade;
@@ -114,7 +114,7 @@ export declare class AngularSlickgridComponent<TData = any> implements AfterView
      * 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;
+    paginationChanged(pagination: PaginationMetadata): void;
     /**
      * When dataset changes, we need to refresh the entire grid UI & possibly resize it as well
      * @param dataset

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

@@ -1,4 +1,4 @@
-import type { BackendService, ExtensionList, ExtensionService, FilterService, GridEventService, GridService, GridStateService, GroupingAndColspanService, PaginationService, ResizerService, SlickDataView, SlickGrid, SortService, TreeDataService } from '@slickgrid-universal/common';
+import type { BackendService, BasePaginationComponent, ExtensionList, ExtensionService, FilterService, GridEventService, GridService, GridStateService, HeaderGroupingService, 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 */
@@ -23,8 +23,12 @@ export interface AngularGridInstance {
     gridEventService: GridEventService;
     /** Grid State Service */
     gridStateService: GridStateService;
+    /** @deprecated @use `headerGroupingService` */
+    groupingService: HeaderGroupingService;
     /** Grouping (and colspan) Service */
-    groupingService: GroupingAndColspanService;
+    headerGroupingService: HeaderGroupingService;
+    /** Pagination Component */
+    paginationComponent?: BasePaginationComponent;
     /** Pagination Service (allows you to programmatically go to first/last page, etc...) */
     paginationService?: PaginationService;
     /** Resizer Service (including auto-resize) */

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

@@ -1,4 +1,4 @@
-import type { BackendUtilityService, CollectionService, ExtensionService, ExtensionUtility, FilterService, GridEventService, GridService, GridStateService, GroupingAndColspanService, PaginationService, ResizerService, RxJsFacade, SharedService, SortService, TreeDataService } from '@slickgrid-universal/common';
+import type { BackendUtilityService, CollectionService, ExtensionService, ExtensionUtility, FilterService, GridEventService, GridService, GridStateService, HeaderGroupingService, PaginationService, ResizerService, RxJsFacade, SharedService, SortService, TreeDataService } from '@slickgrid-universal/common';
 import type { EventPubSubService } from '@slickgrid-universal/event-pub-sub';
 export interface ExternalTestingDependencies {
     backendUtilityService?: BackendUtilityService;
@@ -10,7 +10,7 @@ export interface ExternalTestingDependencies {
     gridEventService?: GridEventService;
     gridService?: GridService;
     gridStateService?: GridStateService;
-    groupingAndColspanService?: GroupingAndColspanService;
+    headerGroupingService?: HeaderGroupingService;
     paginationService?: PaginationService;
     resizerService?: ResizerService;
     rxjs?: RxJsFacade;