angular-slickgrid 7.5.0 → 7.6.0

package/fesm2022/angular-slickgrid.mjs

@@ -92,10 +92,10 @@ class AngularUtilService {
         }
         return componentOutput;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: AngularUtilService, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: AngularUtilService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: AngularUtilService, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: AngularUtilService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: AngularUtilService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: AngularUtilService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
 
@@ -119,10 +119,10 @@ class ContainerService {
             this.dependencies.push({ key, instance });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ContainerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ContainerService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: ContainerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: ContainerService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: ContainerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: ContainerService, decorators: [{
             type: Injectable
         }] });
 
@@ -157,10 +157,10 @@ class TranslaterService {
     translate(translationKey) {
         return this.translateService?.instant?.(translationKey || ' ');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: TranslaterService, deps: [{ token: i1.TranslateService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: TranslaterService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: TranslaterService, deps: [{ token: i1.TranslateService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: TranslaterService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: TranslaterService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: TranslaterService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.TranslateService, decorators: [{
                     type: Optional
@@ -568,8 +568,8 @@ const GlobalGridOptions = {
     enableColumnResizeOnDoubleClick: true,
     enableContextMenu: true,
     enableExcelExport: false,
-    enableTextExport: false,
-    enableFilterTrimWhiteSpace: false,
+    enableTextExport: false, // CSV/Text with Tab Delimited
+    enableFilterTrimWhiteSpace: false, // do we want to trim white spaces on all Filters?
     enableGridMenu: true,
     enableHeaderMenu: true,
     enableEmptyDataWarningMessage: true,
@@ -623,18 +623,20 @@ const GlobalGridOptions = {
             exportExcelCommandKey: 'EXPORT_TO_EXCEL',
             exportTextDelimitedCommandKey: 'EXPORT_TO_TAB_DELIMITED',
             refreshDatasetCommandKey: 'REFRESH_DATASET',
+            toggleDarkModeCommandKey: 'TOGGLE_DARK_MODE',
             toggleFilterCommandKey: 'TOGGLE_FILTER_ROW',
             togglePreHeaderCommandKey: 'TOGGLE_PRE_HEADER_ROW',
         },
         hideClearAllFiltersCommand: false,
         hideClearAllSortingCommand: false,
-        hideClearFrozenColumnsCommand: true,
+        hideClearFrozenColumnsCommand: true, // opt-in command
         hideExportCsvCommand: false,
         hideExportExcelCommand: false,
         hideExportTextDelimitedCommand: true,
         hideForceFitButton: false,
         hideRefreshDatasetCommand: false,
         hideSyncResizeButton: true,
+        hideToggleDarkModeCommand: true,
         hideToggleFilterCommand: false,
         hideTogglePreHeaderCommand: false,
         iconCssClass: 'fa fa-bars',
@@ -645,6 +647,7 @@ const GlobalGridOptions = {
         iconExportExcelCommand: 'fa fa-file-excel-o text-success',
         iconExportTextDelimitedCommand: 'fa fa-download',
         iconRefreshDatasetCommand: 'fa fa-refresh',
+        iconToggleDarkModeCommand: 'fa fa-moon-o mdi mdi-brightness-4',
         iconToggleFilterCommand: 'fa fa-random',
         iconTogglePreHeaderCommand: 'fa fa-random',
         menuWidth: 16,
@@ -666,7 +669,7 @@ const GlobalGridOptions = {
         hideColumnHideCommand: false,
         hideClearFilterCommand: false,
         hideClearSortCommand: false,
-        hideFreezeColumnsCommand: true,
+        hideFreezeColumnsCommand: true, // opt-in command
         hideSortCommands: false
     },
     headerRowHeight: 35,
@@ -790,6 +793,7 @@ class Constants {
         TEXT_SORT_ASCENDING: 'Sort Ascending',
         TEXT_SORT_DESCENDING: 'Sort Descending',
         TEXT_STARTS_WITH: 'Starts With',
+        TEXT_TOGGLE_DARK_MODE: 'Toggle Dark Mode',
         TEXT_TOGGLE_FILTER_ROW: 'Toggle Filter Row',
         TEXT_TOGGLE_PRE_HEADER_ROW: 'Toggle Pre-Header Row',
         TEXT_X_OF_Y_SELECTED: '# of % selected',
@@ -1654,18 +1658,21 @@ class AngularSlickgridComponent {
     }
     /** Load the Editor Collection asynchronously and replace the "collection" property when Observable resolves */
     loadEditorCollectionAsync(column) {
-        const collectionAsync = column && column.editor && column.editor.collectionAsync;
-        if (collectionAsync instanceof Observable) {
-            this.subscriptions.push(collectionAsync.subscribe((resolvedCollection) => this.updateEditorCollection(column, resolvedCollection)));
-        }
-        else if (collectionAsync instanceof Promise) {
-            // wait for the "collectionAsync", once resolved we will save it into the "collection"
-            // the collectionAsync can be of 3 types HttpClient, HttpFetch or a Promise
-            collectionAsync.then((response) => {
-                if (Array.isArray(response)) {
-                    this.updateEditorCollection(column, response); // from Promise
-                }
-            });
+        if (column?.editor) {
+            const collectionAsync = column.editor.collectionAsync;
+            column.editor.disabled = true; // disable the Editor DOM element, we'll re-enable it after receiving the collection with "updateEditorCollection()"
+            if (collectionAsync instanceof Observable) {
+                this.subscriptions.push(collectionAsync.subscribe((resolvedCollection) => this.updateEditorCollection(column, resolvedCollection)));
+            }
+            else if (collectionAsync instanceof Promise) {
+                // wait for the "collectionAsync", once resolved we will save it into the "collection"
+                // the collectionAsync can be of 3 types HttpClient, HttpFetch or a Promise
+                collectionAsync.then((response) => {
+                    if (Array.isArray(response)) {
+                        this.updateEditorCollection(column, response); // from Promise
+                    }
+                });
+            }
         }
     }
     insertDynamicPresetColumns(columnId, gridPresetColumns) {
@@ -1759,7 +1766,7 @@ class AngularSlickgridComponent {
                 this.slickGrid.setSelectedRows(gridRowIndexes);
                 this.dataView.setSelectedIds(dataContextIds || [], {
                     isRowBeingAdded: true,
-                    shouldTriggerEvent: false,
+                    shouldTriggerEvent: false, // do not trigger when presetting the grid
                     applyRowSelectionToGrid: true
                 });
             }
@@ -1933,7 +1940,7 @@ class AngularSlickgridComponent {
             if (column?.editor?.collectionAsync) {
                 this.loadEditorCollectionAsync(column);
             }
-            return { ...column, editor: column.editor?.model, internalColumnEditor: { ...column.editor } };
+            return { ...column, editorClass: column.editor?.model, internalColumnEditor: { ...column.editor } };
         });
     }
     /**
@@ -1942,32 +1949,34 @@ class AngularSlickgridComponent {
      * Once we found the new pointer, we will reassign the "editor" and "collection" to the "internalColumnEditor" so it has newest collection
      */
     updateEditorCollection(column, newCollection) {
-        column.editor.collection = newCollection;
-        column.editor.disabled = false;
-        // find the new column reference pointer & re-assign the new editor to the internalColumnEditor
-        if (Array.isArray(this.columnDefinitions)) {
-            const columnRef = this.columnDefinitions.find((col) => col.id === column.id);
-            if (columnRef) {
-                columnRef.internalColumnEditor = column.editor;
+        if (this.slickGrid && column.editor) {
+            column.editor.collection = newCollection;
+            column.editor.disabled = false;
+            // find the new column reference pointer & re-assign the new editor to the internalColumnEditor
+            if (Array.isArray(this.columnDefinitions)) {
+                const columnRef = this.columnDefinitions.find((col) => col.id === column.id);
+                if (columnRef) {
+                    columnRef.internalColumnEditor = column.editor;
+                }
+            }
+            // get current Editor, remove it from the DOM then re-enable it and re-render it with the new collection.
+            const currentEditor = this.slickGrid.getCellEditor();
+            if (currentEditor?.disable && currentEditor?.renderDomElement) {
+                currentEditor.destroy();
+                currentEditor.disable(false);
+                currentEditor.renderDomElement(newCollection);
             }
-        }
-        // get current Editor, remove it from the DOM then re-enable it and re-render it with the new collection.
-        const currentEditor = this.slickGrid.getCellEditor();
-        if (currentEditor?.disable && currentEditor?.renderDomElement) {
-            currentEditor.destroy();
-            currentEditor.disable(false);
-            currentEditor.renderDomElement(newCollection);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", 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 { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.3", 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 { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", 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 { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", 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,
         ], queries: [{ propertyName: "slickgridHeader", first: true, predicate: ["slickgridHeader"], descendants: true, static: true }, { propertyName: "slickgridFooter", first: true, predicate: ["slickgridFooter"], descendants: true, static: true }], ngImport: i0, template: "<div id=\"slickGridContainer-{{gridId}}\" class=\"gridPane\">\n  <ng-container *ngTemplateOutlet=\"slickgridHeader\"></ng-container>\n  <div attr.id='{{gridId}}' class=\"slickgrid-container\">\n  </div>\n  <ng-container *ngTemplateOutlet=\"slickgridFooter\"></ng-container>\n</div>", dependencies: [{ kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], preserveWhitespaces: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: AngularSlickgridComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: AngularSlickgridComponent, decorators: [{
             type: Component,
             args: [{ selector: 'angular-slickgrid', providers: [
                         // make everything transient (non-singleton)
@@ -2021,13 +2030,13 @@ class AngularSlickgridModule {
             ]
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: AngularSlickgridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.3", ngImport: i0, type: AngularSlickgridModule, declarations: [AngularSlickgridComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: AngularSlickgridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.1", ngImport: i0, type: AngularSlickgridModule, declarations: [AngularSlickgridComponent], imports: [CommonModule,
             TranslateModule], exports: [AngularSlickgridComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: AngularSlickgridModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: AngularSlickgridModule, imports: [CommonModule,
             TranslateModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: AngularSlickgridModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: AngularSlickgridModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [