angular-slickgrid 3.3.2 → 4.0.0

package/README.md

@@ -20,7 +20,7 @@ One of the best javascript datagrid [SlickGrid](https://github.com/mleibman/Slic
 [Angular-Slickgrid on NPM](https://www.npmjs.com/package/angular-slickgrid)
 
 ### Demo page
-`Angular-Slickgrid` works with `Bootstrap 4` and even latest `Bootstrap 5` version, you can see a demo of each one below. There are also 2 new styling Themes, Material & Salesforce are also available and you could also use SVG icons if so take a 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 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)
 - [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)
 
@@ -54,10 +54,12 @@ Check out the [Releases](https://github.com/ghiscoding/Angular-Slickgrid/release
 ## Angular Compatibility
 - version `1.x.x` for Angular 4 to 6 
 - version `2.x.x` for Angular 7+ 
-- version `3.x.x` for Angular 12+ and RxJS 7+
+- 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))
   - build `target` got bumped to `ES2018` for modern browser **only**
   - IE11 is reaching EOL by year end and is **no longer supported**, if you still need to support it then stick with version 2.x
   - uses [Slickgrid-Universal](https://github.com/ghiscoding/slickgrid-universal) monorepo
+- version `4.x.x` for Angular 13+ and RxJS 7+ (**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), IE is definitely out of the picture
 
 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)
 
@@ -67,10 +69,10 @@ If you are facing any issues with `ngx-translate` library while building your An
 
 | Angular Version | @ngx-translate/core |
 |-----------------|---------------------|
-|        10+      |        13.x+        |
-|        9        |        12.x+        |
-|        8        |        12.x+        |
-|        7        |        11.x+        |
+|  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):
@@ -129,7 +131,7 @@ This is no longer the case. Verify if you need this module and configure a polyf
 ```
 
 ### Fully Tested with [Jest](https://jestjs.io/) (Unit Tests) - [Cypress](https://www.cypress.io/) (E2E Tests)
-Angular-Slickgrid and Slickgrid-Universal both have **100%** Unit Test Coverage, we are talking about +13,000 lines of code (+3,000 unit tests) that are fully tested with [Jest](https://jestjs.io/). On the UI side, all Angular-Slickgrid Examples are tested with [Cypress](https://www.cypress.io/), there are over 500 Cypress E2E tests.
+Angular-Slickgrid and Slickgrid-Universal both have **100%** Unit Test Coverage, we are talking about +15,000 lines of code (+3,750 unit tests) that are fully tested with [Jest](https://jestjs.io/). On the UI side, all Angular-Slickgrid Examples are tested with [Cypress](https://www.cypress.io/), there are over +500 Cypress E2E tests.
 
 ## 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 don't open any issue unless you have followed these steps (from the Wiki), and if any of the steps are incorrect or confusing, then please let me know.

package/angular-slickgrid.d.ts

@@ -1,7 +1,5 @@
 /**
  * Generated bundle index. Do not edit.
  */
+/// <amd-module name="angular-slickgrid" />
 export * from './public_api';
-export { ExternalTestingDependencies as ɵa } from './app/modules/angular-slickgrid/models/externalTestingDependencies.interface';
-export { ContainerService as ɵb } from './app/modules/angular-slickgrid/services/container.service';
-export { TranslaterService as ɵc } from './app/modules/angular-slickgrid/services/translater.service';

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

@@ -6,18 +6,19 @@ import 'slickgrid/lib/jquery.mousewheel';
 import 'slickgrid/slick.core';
 import 'slickgrid/slick.grid';
 import 'slickgrid/slick.dataview';
-import 'slickgrid/slick.groupitemmetadataprovider';
 import { AfterViewInit, ApplicationRef, ChangeDetectorRef, ElementRef, OnDestroy } from '@angular/core';
 import { TranslateService } from '@ngx-translate/core';
 import { Subscription } from 'rxjs';
-import { BackendServiceApi, Column, ExternalResource, Locale, Metrics, Pagination, ServicePagination, SlickDataView, SlickEventHandler, SlickGrid, BackendUtilityService, CollectionService, ExtensionService, FilterFactory, FilterService, GridEventService, GridService, GridStateService, GroupingAndColspanService, PaginationService, ResizerService, RxJsFacade, SharedService, SortService, TreeDataService, ExtensionUtility } from '@slickgrid-universal/common';
+import { BackendServiceApi, Column, 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;
@@ -44,7 +45,7 @@ export declare class AngularSlickgridComponent implements AfterViewInit, OnDestr
     dataView: SlickDataView;
     slickGrid: SlickGrid;
     groupingDefinition: any;
-    groupItemMetadataProvider: any;
+    groupItemMetadataProvider?: SlickGroupItemMetadataProvider;
     backendServiceApi?: BackendServiceApi;
     locales: Locale;
     metrics?: Metrics;
@@ -59,10 +60,11 @@ export declare class AngularSlickgridComponent implements AfterViewInit, OnDestr
     slickEmptyWarning?: SlickEmptyWarningComponent;
     slickFooter?: SlickFooterComponent;
     slickPagination?: SlickPaginationComponent;
-    extensionUtility: ExtensionUtility;
+    slickRowDetailView?: SlickRowDetailView;
     backendUtilityService: BackendUtilityService;
     collectionService: CollectionService;
     extensionService: ExtensionService;
+    extensionUtility: ExtensionUtility;
     filterFactory: FilterFactory;
     filterService: FilterService;
     gridEventService: GridEventService;
@@ -194,4 +196,6 @@ export declare class AngularSlickgridComponent implements AfterViewInit, OnDestr
      * 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"; }, {}, never, never>;
 }

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

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

package/app/modules/angular-slickgrid/extensions/{rowDetailViewExtension.d.ts → slickRowDetailView.d.ts}

@@ -1,8 +1,10 @@
 import 'slickgrid/plugins/slick.rowdetailview';
 import 'slickgrid/plugins/slick.rowselectionmodel';
-import { ApplicationRef, ComponentRef, ViewContainerRef } from '@angular/core';
-import { Column, RowDetailViewExtension as UniversalRowDetailViewExtension, RxJsFacade, SharedService, SlickEventHandler, SlickRowDetailView } from '@slickgrid-universal/common';
+import { ApplicationRef, ComponentRef, Type, ViewContainerRef } from '@angular/core';
+import { RxJsFacade, SlickEventHandler, SlickGrid, 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, Subscription } from 'rxjs';
 import { GridOption, RowDetailView } from '../models/index';
 import { AngularUtilService } from '../services/angularUtil.service';
 export interface CreatedView {
@@ -10,24 +12,25 @@ export interface CreatedView {
     dataContext: any;
     componentRef?: ComponentRef<any>;
 }
-export declare class RowDetailViewExtension implements UniversalRowDetailViewExtension {
-    private readonly angularUtilService;
-    private readonly appRef;
-    private readonly eventPubSubService;
-    private readonly sharedService;
-    private rxjs?;
+export declare class SlickRowDetailView extends UniversalSlickRowDetailView {
+    protected readonly angularUtilService: AngularUtilService;
+    protected readonly appRef: ApplicationRef;
+    protected readonly eventPubSubService: EventPubSubService;
+    protected readonly gridContainerElement: HTMLDivElement;
+    protected rxjs?: RxJsFacade;
     rowDetailContainer: ViewContainerRef;
-    private _addon;
-    private _addonOptions;
-    private _eventHandler;
-    private _preloadComponent;
-    private _views;
-    private _viewComponent;
-    private _subscriptions;
-    private _userProcessFn;
-    constructor(angularUtilService: AngularUtilService, appRef: ApplicationRef, eventPubSubService: EventPubSubService, sharedService: SharedService, rxjs?: RxJsFacade);
-    private get datasetIdPropName();
+    protected _eventHandler: SlickEventHandler;
+    protected _preloadComponent: Type<object> | undefined;
+    protected _views: CreatedView[];
+    protected _viewComponent: Type<object>;
+    protected _subscriptions: Subscription[];
+    protected _userProcessFn: (item: any) => Promise<any> | Observable<any> | Subject<any>;
+    constructor(angularUtilService: AngularUtilService, appRef: ApplicationRef, eventPubSubService: EventPubSubService, gridContainerElement: HTMLDivElement, rxjs?: RxJsFacade);
+    get addonOptions(): import("@slickgrid-universal/common").RowDetailViewOption;
+    protected get datasetIdPropName(): string;
     get eventHandler(): SlickEventHandler;
+    set eventHandler(eventHandler: SlickEventHandler);
+    /** Getter for the Grid Options pulled through the Grid Object */
     get gridOptions(): GridOption;
     get rowDetailViewOptions(): RowDetailView | undefined;
     addRxJsResource(rxjs: RxJsFacade): void;
@@ -35,14 +38,14 @@ export declare class RowDetailViewExtension implements UniversalRowDetailViewExt
     dispose(): void;
     /** Dispose of all the opened Row Detail Panels Angular View Components */
     disposeAllViewComponents(): void;
+    /** Get the instance of the SlickGrid addon (control or plugin). */
+    getAddonInstance(): SlickRowDetailView | null;
+    init(grid: SlickGrid): void;
     /**
      * Create the plugin before the Grid creation, else it will behave oddly.
      * Mostly because the column definitions might change after the grid creation
      */
-    create(columnDefinitions: Column[], gridOptions: GridOption): SlickRowDetailView | null;
-    /** Get the instance of the SlickGrid addon (control or plugin). */
-    getAddonInstance(): any;
-    register(rowSelectionPlugin?: any): any;
+    register(rowSelectionPlugin?: SlickRowSelectionModel): this;
     /** Redraw (re-render) all the expanded row detail View Components */
     redrawAllViewComponents(): void;
     /** Render all the expanded row detail View Components */
@@ -53,25 +56,35 @@ export declare class RowDetailViewExtension implements UniversalRowDetailViewExt
     renderPreloadView(): void;
     /** Render (or re-render) the View Component (Row Detail) */
     renderViewModel(item: any): CreatedView | undefined;
-    private disposeViewComponent;
+    protected disposeViewComponent(expandedView: CreatedView): CreatedView | void;
     /**
      * notify the onAsyncResponse with the "args.item" (required property)
      * the plugin will then use item to populate the row detail panel with the "postTemplate"
      * @param item
      */
-    private notifyTemplate;
+    protected notifyTemplate(item: any): void;
     /**
      * On Processing, we will notify the plugin with the new item detail once backend server call completes
      * @param item
      */
-    private onProcessing;
+    protected onProcessing(item: any): Promise<void>;
     /**
      * Just before the row get expanded or collapsed we will do the following
      * First determine if the row is expanding or collapsing,
      * if it's expanding we will add it to our View Components reference array if we don't already have it
      * or if it's collapsing we will remove it from our View Components reference array
      */
-    private onBeforeRowDetailToggle;
+    protected handleOnBeforeRowDetailToggle(e: Event, args: {
+        grid: SlickGrid;
+        item: any;
+    }): void;
     /** When Row comes back to Viewport Range, we need to redraw the View */
-    private onRowBackToViewportRange;
+    protected handleOnRowBackToViewportRange(e: Event, args: {
+        grid: SlickGrid;
+        item: any;
+        rowId: number;
+        rowIndex: number;
+        expandedRows: any[];
+        rowIdsOutOfViewport: number[];
+    }): void;
 }

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

@@ -1,7 +1,7 @@
 export * from '@slickgrid-universal/common';
 export { AngularComponentOutput, AngularGridInstance, GridOption, SlickGrid, RowDetailView } from './models/index';
 export { AngularUtilService, BsDropDownService, unsubscribeAllObservables } from './services/index';
-export { RowDetailViewExtension } from './extensions/index';
+export { SlickRowDetailView } from './extensions/index';
 export { SlickgridConfig } from './slickgrid-config';
 export { AngularSlickgridComponent } from './components/angular-slickgrid.component';
 export { AngularSlickgridModule } from './modules/angular-slickgrid.module';

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

@@ -5,7 +5,7 @@ export interface AngularGridInstance {
     /** Slick Grid object */
     slickGrid: SlickGrid;
     /** SlickGrid extensions (external controls/plugins) */
-    extensions: ExtensionList<any, any>;
+    extensions: ExtensionList<any>;
     /** Dispose of the grid and optionally empty the DOM element grid container as well */
     destroy: (emptyDomElementContainer?: boolean) => void;
     /** Backend Service, when available */

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

@@ -1,5 +1,12 @@
 import { ModuleWithProviders } from '@angular/core';
 import { GridOption } from './../models/gridOption.interface';
+import * as i0 from "@angular/core";
+import * as i1 from "../components/angular-slickgrid.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@ngx-translate/core";
 export declare class AngularSlickgridModule {
     static forRoot(config?: GridOption): ModuleWithProviders<AngularSlickgridModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AngularSlickgridModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AngularSlickgridModule, [typeof i1.AngularSlickgridComponent], [typeof i2.CommonModule, typeof i3.TranslateModule], [typeof i1.AngularSlickgridComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AngularSlickgridModule>;
 }

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

@@ -1,5 +1,6 @@
 import { AngularComponentOutput } from '../models/angularComponentOutput.interface';
 import { ApplicationRef, ComponentFactoryResolver, Injector } from '@angular/core';
+import * as i0 from "@angular/core";
 export declare class AngularUtilService {
     private compFactoryResolver;
     private appRef;
@@ -7,4 +8,6 @@ export declare class AngularUtilService {
     constructor(compFactoryResolver: ComponentFactoryResolver, appRef: ApplicationRef, injector: Injector);
     createAngularComponent(component: any): AngularComponentOutput;
     createAngularComponentAppendToDom(component: any, targetElement?: HTMLElement | Element, clearTargetContent?: boolean): AngularComponentOutput;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AngularUtilService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AngularUtilService>;
 }

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

@@ -1,4 +1,5 @@
 import { AngularUtilService } from './angularUtil.service';
+import * as i0 from "@angular/core";
 interface DropDownServiceParams {
     /** the custom action formatter component that contains the dropdown */
     component: any;
@@ -24,5 +25,7 @@ export declare class BsDropDownService {
     dispose(): void;
     dropContainerShow(): void;
     render(dropdownParams: DropDownServiceParams): Promise<unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BsDropDownService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<BsDropDownService>;
 }
 export {};

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

@@ -1,7 +1,10 @@
 import { ContainerInstance, ContainerService as UniversalContainerService } from '@slickgrid-universal/common';
+import * as i0 from "@angular/core";
 export declare class ContainerService implements UniversalContainerService {
     dependencies: ContainerInstance[];
     constructor();
     get<T = any>(key: string): T | null;
     registerInstance(key: string, instance: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ContainerService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ContainerService>;
 }

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

@@ -1,5 +1,6 @@
 import { TranslateService } from '@ngx-translate/core';
 import { TranslaterService as UniversalTranslateService } from '@slickgrid-universal/common';
+import * as i0 from "@angular/core";
 /**
  * This is a Translate Service Wrapper for Slickgrid-Universal monorepo lib to work properly,
  * it must implement Slickgrid-Universal TranslaterService interface to work properly
@@ -24,4 +25,6 @@ export declare class TranslaterService implements UniversalTranslateService {
      * @return {string} translated value
      */
     translate(translationKey: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TranslaterService, [{ optional: true; }]>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TranslaterService>;
 }

package/docs/assets/lib/multiple-select/README.md

@@ -0,0 +1,17 @@
+# Multiple Select
+
+Multiple select is a jQuery plugin to select multiple elements with checkboxes :).
+
+To get started checkout examples and documentation at http://wenzhixin.net.cn/p/multiple-select
+
+## jsFiddle examples
+
+https://github.com/wenzhixin/multiple-select/issues/255
+
+## Changelog
+
+[CHANGELOG](https://github.com/wenzhixin/multiple-select/blob/master/CHANGELOG.md)
+
+## LICENSE
+
+[The MIT License](https://github.com/wenzhixin/multiple-select/blob/master/LICENSE)

package/esm2020/angular-slickgrid.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public_api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5ndWxhci1zbGlja2dyaWQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvYW5ndWxhci1zbGlja2dyaWQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWNfYXBpJztcbiJdfQ==