angular-slickgrid 6.6.5 → 7.0.0

package/fesm2022/angular-slickgrid.mjs

@@ -1,4 +1,4 @@
-import { unsubscribeAll, SlickRowSelectionModel, castObservableToPromise, addToArrayWhenNotExists, Filters, OperatorType, EventNamingStyle, FileType, DelimiterType, SlickgridConfig as SlickgridConfig$1, BackendUtilityService, GridEventService, SharedService, CollectionService, ExtensionUtility, FilterFactory, FilterService, ResizerService, SortService, TreeDataService, PaginationService, ExtensionService, GridStateService, GridService, GroupingAndColspanService, emptyElement, SlickGroupItemMetadataProvider, autoAddEditorFormatterToColumnsWithEditor, GridStateType, ExtensionName } from '@slickgrid-universal/common';
+import { unsubscribeAll, SlickRowSelectionModel, castObservableToPromise, addToArrayWhenNotExists, Filters, OperatorType, EventNamingStyle, FileType, DelimiterType, SlickEventHandler, SlickgridConfig as SlickgridConfig$1, BackendUtilityService, GridEventService, SharedService, CollectionService, ExtensionUtility, FilterFactory, FilterService, ResizerService, SortService, TreeDataService, PaginationService, ExtensionService, GridStateService, GridService, GroupingAndColspanService, emptyElement, SlickGroupItemMetadataProvider, SlickDataView, autoAddEditorFormatterToColumnsWithEditor, SlickGrid, GridStateType, Utils, ExtensionName } from '@slickgrid-universal/common';
 export * from '@slickgrid-universal/common';
 import * as i0 from '@angular/core';
 import { Injectable, Optional, EventEmitter, ApplicationRef, Component, Inject, Input, Output, NgModule } from '@angular/core';
@@ -7,10 +7,6 @@ import { TranslateModule } from '@ngx-translate/core';
 import { SlickRowDetailView as SlickRowDetailView$1 } from '@slickgrid-universal/row-detail-view-plugin';
 import { Observable } from 'rxjs';
 import * as DOMPurify from 'dompurify';
-import 'slickgrid/slick.core';
-import 'slickgrid/slick.interactions';
-import 'slickgrid/slick.grid';
-import 'slickgrid/slick.dataview';
 import { EventPubSubService } from '@slickgrid-universal/event-pub-sub';
 import { SlickEmptyWarningComponent } from '@slickgrid-universal/empty-warning-component';
 import { SlickFooterComponent } from '@slickgrid-universal/custom-footer-component';
@@ -95,12 +91,12 @@ class AngularUtilService {
         }
         return componentOutput;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AngularUtilService, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AngularUtilService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: AngularUtilService, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: AngularUtilService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AngularUtilService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: AngularUtilService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
 
 class ContainerService {
     dependencies = [];
@@ -120,10 +116,10 @@ class ContainerService {
             this.dependencies.push({ key, instance });
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContainerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContainerService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ContainerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ContainerService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContainerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ContainerService, decorators: [{
             type: Injectable
         }] });
 
@@ -159,14 +155,14 @@ class TranslaterService {
     translate(translationKey) {
         return this.translateService?.instant?.(translationKey || ' ');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TranslaterService, deps: [{ token: i1.TranslateService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TranslaterService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: TranslaterService, deps: [{ token: i1.TranslateService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: TranslaterService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TranslaterService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: TranslaterService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.TranslateService, decorators: [{
+        }], ctorParameters: () => [{ type: i1.TranslateService, decorators: [{
                     type: Optional
-                }] }]; } });
+                }] }] });
 
 /**
  * Unsubscribe all Observables Subscriptions
@@ -423,7 +419,7 @@ class SlickRowDetailView extends SlickRowDetailView$1 {
      */
     notifyTemplate(item) {
         if (this.onAsyncResponse) {
-            this.onAsyncResponse.notify({ item }, undefined, this);
+            this.onAsyncResponse.notify({ item, itemDetail: item }, undefined, this);
         }
     }
     /**
@@ -481,7 +477,7 @@ class SlickRowDetailView extends SlickRowDetailView$1 {
         }
     }
     /** When Row comes back to Viewport Range, we need to redraw the View */
-    handleOnRowBackToViewportRange(e, args) {
+    handleOnRowBackToViewportRange(_e, args) {
         if (args?.item) {
             this.redrawAllViewComponents();
         }
@@ -507,7 +503,6 @@ const GlobalGridOptions = {
         cssClass: 'slick-cell-checkboxsel'
     },
     columnPicker: {
-        fadeSpeed: 0,
         hideForceFitButton: false,
         hideSyncResizeButton: true,
         headerColumnValueExtractor: pickerHeaderColumnValueExtractor
@@ -836,7 +831,6 @@ class Constants {
     static VALIDATION_EDITOR_TEXT_MIN_LENGTH_INCLUSIVE = 'Please make sure your text is at least {{minLength}} character(s)';
 }
 
-// import 3rd party vendor libs
 class AngularSlickgridComponent {
     angularUtilService;
     appRef;
@@ -849,7 +843,7 @@ class AngularSlickgridComponent {
     _dataset;
     _columnDefinitions;
     _currentDatasetLength = 0;
-    _eventHandler = new Slick.EventHandler();
+    _eventHandler = new SlickEventHandler();
     _eventPubSubService;
     _angularGridInstances;
     _hideHeaderRowAfterPageLoad = false;
@@ -1058,11 +1052,7 @@ class AngularSlickgridComponent {
         }
         // save resource refs to register before the grid options are merged and possibly deep copied
         // since a deep copy of grid options would lose original resource refs but we want to keep them as singleton
-        this._registeredResources = this.gridOptions?.externalResources || this.gridOptions?.registerExternalResources || [];
-        /* istanbul ignore if */
-        if (this.gridOptions?.registerExternalResources) {
-            console.warn('[Angular-Slickgrid] Please note that the grid option `registerExternalResources` was deprecated and will be removed in next major, please use `externalResources` instead.');
-        }
+        this._registeredResources = this.gridOptions?.externalResources || [];
         this.initialization(this._eventHandler);
         this._isGridInitialized = true;
         // recheck the empty warning message after grid is shown so that it works in every use case
@@ -1180,14 +1170,14 @@ class AngularSlickgridComponent {
         this._isLocalGrid = !this.backendServiceApi; // considered a local grid if it doesn't have a backend service set
         this.createBackendApiInternalPostProcessCallback(this.gridOptions);
         if (!this.customDataView) {
-            const dataviewInlineFilters = this.gridOptions.dataView && this.gridOptions.dataView.inlineFilters || false;
-            let dataViewOptions = { inlineFilters: dataviewInlineFilters };
+            const dataviewInlineFilters = this.gridOptions?.dataView?.inlineFilters ?? false;
+            let dataViewOptions = { ...this.gridOptions.dataView, inlineFilters: dataviewInlineFilters };
             if (this.gridOptions.draggableGrouping || this.gridOptions.enableGrouping) {
                 this.groupItemMetadataProvider = new SlickGroupItemMetadataProvider();
                 this.sharedService.groupItemMetadataProvider = this.groupItemMetadataProvider;
                 dataViewOptions = { ...dataViewOptions, groupItemMetadataProvider: this.groupItemMetadataProvider };
             }
-            this.dataView = new Slick.Data.DataView(dataViewOptions);
+            this.dataView = new SlickDataView(dataViewOptions, this._eventPubSubService);
             this._eventPubSubService.publish('onDataviewCreated', this.dataView);
         }
         // get any possible Services that user want to register which don't require SlickGrid to be instantiated
@@ -1219,10 +1209,13 @@ class AngularSlickgridComponent {
             this.gridOptions = { ...this.gridOptions, ...this.gridOptions.presets.pinning };
         }
         // build SlickGrid Grid, also user might optionally pass a custom dataview (e.g. remote model)
-        this.slickGrid = new Slick.Grid(`#${this.gridId}`, this.customDataView || this.dataView, this._columnDefinitions, this.gridOptions);
+        this.slickGrid = new SlickGrid(`#${this.gridId}`, this.customDataView || this.dataView, this._columnDefinitions, this.gridOptions, this._eventPubSubService);
         this.sharedService.dataView = this.dataView;
         this.sharedService.slickGrid = this.slickGrid;
         this.sharedService.gridContainerElement = this.elm.nativeElement;
+        if (this.groupItemMetadataProvider) {
+            this.slickGrid.registerPlugin(this.groupItemMetadataProvider); // register GroupItemMetadataProvider when Grouping is enabled
+        }
         this.extensionService.bindDifferentExtensions();
         this.bindDifferentHooks(this.slickGrid, this.gridOptions, this.dataView);
         // when it's a frozen grid, we need to keep the frozen column id for reference if we ever show/hide column from ColumnPicker/GridMenu afterward
@@ -1441,7 +1434,7 @@ class AngularSlickgridComponent {
      * @param showing
      */
     showHeaderRow(showing = true) {
-        this.slickGrid.setHeaderRowVisibility(showing, false);
+        this.slickGrid.setHeaderRowVisibility(showing);
         if (showing === true && this._isGridInitialized) {
             this.slickGrid.setColumns(this.columnDefinitions);
         }
@@ -1490,25 +1483,6 @@ class AngularSlickgridComponent {
             }
         }
         if (dataView && grid) {
-            const slickgridEventPrefix = this.gridOptions?.defaultSlickgridEventPrefix ?? '';
-            // expose all Slick Grid Events through dispatch
-            for (const prop in grid) {
-                if (grid.hasOwnProperty(prop) && prop.startsWith('on')) {
-                    const gridEventName = this._eventPubSubService.getEventNameByNamingConvention(prop, slickgridEventPrefix);
-                    this._eventHandler.subscribe(grid[prop], (event, args) => {
-                        return this._eventPubSubService.dispatchCustomEvent(gridEventName, { eventData: event, args });
-                    });
-                }
-            }
-            // expose all Slick DataView Events through dispatch
-            for (const prop in dataView) {
-                if (dataView.hasOwnProperty(prop) && prop.startsWith('on')) {
-                    this._eventHandler.subscribe(dataView[prop], (event, args) => {
-                        const dataViewEventName = this._eventPubSubService.getEventNameByNamingConvention(prop, slickgridEventPrefix);
-                        return this._eventPubSubService.dispatchCustomEvent(dataViewEventName, { eventData: event, args });
-                    });
-                }
-            }
             // on cell click, mainly used with the columnDef.action callback
             this.gridEventService.bindOnCellChange(grid);
             this.gridEventService.bindOnClick(grid);
@@ -1830,7 +1804,7 @@ class AngularSlickgridComponent {
         // if we have a backendServiceApi and the enablePagination is undefined, we'll assume that we do want to see it, else get that defined value
         gridOptions.enablePagination = ((gridOptions.backendServiceApi && gridOptions.enablePagination === undefined) ? true : gridOptions.enablePagination) || false;
         // use extend to deep merge & copy to avoid immutable properties being changed in GlobalGridOptions after a route change
-        const options = Slick.Utils.extend(true, {}, GlobalGridOptions, this.forRootConfig, gridOptions);
+        const options = Utils.extend(true, {}, GlobalGridOptions, this.forRootConfig, gridOptions);
         // using copy extend to do a deep clone has an unwanted side on objects and pageSizes but ES6 spread has other worst side effects
         // so we will just overwrite the pageSizes when needed, this is the only one causing issues so far.
         // On a deep extend, Object and Array are extended, but object wrappers on primitive types such as String, Boolean, and Number are not.
@@ -2025,15 +1999,15 @@ class AngularSlickgridComponent {
             currentEditor.renderDomElement(newCollection);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AngularSlickgridComponent, deps: [{ token: AngularUtilService }, { token: i0.ApplicationRef }, { token: i0.ChangeDetectorRef }, { token: ContainerService }, { token: i0.ElementRef }, { token: i1.TranslateService, optional: true }, { token: TranslaterService, optional: true }, { token: 'config' }, { token: 'externalService' }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AngularSlickgridComponent, selector: "angular-slickgrid", inputs: { customDataView: "customDataView", gridId: "gridId", gridOptions: "gridOptions", paginationOptions: "paginationOptions", columnDefinitions: "columnDefinitions", dataset: "dataset", datasetHierarchical: "datasetHierarchical" }, outputs: { columnDefinitionsChange: "columnDefinitionsChange" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: AngularSlickgridComponent, deps: [{ token: AngularUtilService }, { token: i0.ApplicationRef }, { token: i0.ChangeDetectorRef }, { token: ContainerService }, { token: i0.ElementRef }, { token: i1.TranslateService, optional: true }, { token: TranslaterService, optional: true }, { token: 'config' }, { token: 'externalService' }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: AngularSlickgridComponent, selector: "angular-slickgrid", inputs: { customDataView: "customDataView", gridId: "gridId", gridOptions: "gridOptions", paginationOptions: "paginationOptions", columnDefinitions: "columnDefinitions", dataset: "dataset", datasetHierarchical: "datasetHierarchical" }, outputs: { columnDefinitionsChange: "columnDefinitionsChange" }, providers: [
             // make everything transient (non-singleton)
             AngularUtilService,
             ApplicationRef,
             TranslaterService,
         ], ngImport: i0, template: "<div id=\"slickGridContainer-{{gridId}}\" class=\"gridPane\">\n  <div attr.id='{{gridId}}' class=\"slickgrid-container\" style=\"width: 100%\">\n  </div>\n</div>" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AngularSlickgridComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: AngularSlickgridComponent, decorators: [{
             type: Component,
             args: [{ selector: 'angular-slickgrid', providers: [
                         // make everything transient (non-singleton)
@@ -2041,7 +2015,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         ApplicationRef,
                         TranslaterService,
                     ], template: "<div id=\"slickGridContainer-{{gridId}}\" class=\"gridPane\">\n  <div attr.id='{{gridId}}' class=\"slickgrid-container\" style=\"width: 100%\">\n  </div>\n</div>" }]
-        }], ctorParameters: function () { return [{ type: AngularUtilService }, { type: i0.ApplicationRef }, { type: i0.ChangeDetectorRef }, { type: ContainerService }, { type: i0.ElementRef }, { type: i1.TranslateService, decorators: [{
+        }], ctorParameters: () => [{ type: AngularUtilService }, { type: i0.ApplicationRef }, { type: i0.ChangeDetectorRef }, { type: ContainerService }, { type: i0.ElementRef }, { type: i1.TranslateService, decorators: [{
                     type: Optional
                 }] }, { type: TranslaterService, decorators: [{
                     type: Optional
@@ -2051,7 +2025,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }] }, { type: undefined, decorators: [{
                     type: Inject,
                     args: ['externalService']
-                }] }]; }, propDecorators: { customDataView: [{
+                }] }], propDecorators: { customDataView: [{
                 type: Input
             }], gridId: [{
                 type: Input
@@ -2081,13 +2055,13 @@ class AngularSlickgridModule {
             ]
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AngularSlickgridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: AngularSlickgridModule, declarations: [AngularSlickgridComponent], imports: [CommonModule,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: AngularSlickgridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.7", ngImport: i0, type: AngularSlickgridModule, declarations: [AngularSlickgridComponent], imports: [CommonModule,
             TranslateModule], exports: [AngularSlickgridComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AngularSlickgridModule, imports: [CommonModule,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: AngularSlickgridModule, imports: [CommonModule,
             TranslateModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AngularSlickgridModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: AngularSlickgridModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [