angular-slickgrid 7.3.1 → 7.4.0

package/fesm2022/angular-slickgrid.mjs

@@ -6,7 +6,7 @@ import * as i1 from '@ngx-translate/core';
 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 DOMPurify from 'dompurify';
 import { EventPubSubService } from '@slickgrid-universal/event-pub-sub';
 import { SlickEmptyWarningComponent } from '@slickgrid-universal/empty-warning-component';
 import { SlickFooterComponent } from '@slickgrid-universal/custom-footer-component';
@@ -18,7 +18,6 @@ import * as i5 from '@angular/common';
 import { CommonModule } from '@angular/common';
 
 class AngularUtilService {
-    vcr;
     constructor(vcr) {
         this.vcr = vcr;
     }
@@ -93,15 +92,17 @@ class AngularUtilService {
         }
         return componentOutput;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AngularUtilService, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AngularUtilService });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AngularUtilService, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AngularUtilService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AngularUtilService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AngularUtilService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
 
 class ContainerService {
-    dependencies = [];
+    constructor() {
+        this.dependencies = [];
+    }
     get(key) {
         const dependency = this.dependencies.find(dep => dep.key === key);
         if (dependency?.instance) {
@@ -118,10 +119,10 @@ class ContainerService {
             this.dependencies.push({ key, instance });
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ContainerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ContainerService });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ContainerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ContainerService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ContainerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: ContainerService, decorators: [{
             type: Injectable
         }] });
 
@@ -130,7 +131,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImpor
  * it must implement Slickgrid-Universal TranslaterService interface to work properly
  */
 class TranslaterService {
-    translateService;
     constructor(translateService) {
         this.translateService = translateService;
     }
@@ -157,10 +157,10 @@ class TranslaterService {
     translate(translationKey) {
         return this.translateService?.instant?.(translationKey || ' ');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: TranslaterService, deps: [{ token: i1.TranslateService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: TranslaterService });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.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.1.3", ngImport: i0, type: TranslaterService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: TranslaterService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: TranslaterService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.TranslateService, decorators: [{
                     type: Optional
@@ -188,17 +188,6 @@ function unsubscribeAllObservables(subscriptions) {
 const ROW_DETAIL_CONTAINER_PREFIX = 'container_';
 const PRELOAD_CONTAINER_PREFIX = 'container_loading';
 class SlickRowDetailView extends SlickRowDetailView$1 {
-    angularUtilService;
-    appRef;
-    eventPubSubService;
-    gridContainerElement;
-    rxjs;
-    rowDetailContainer;
-    _preloadComponent;
-    _views = [];
-    _viewComponent;
-    _subscriptions = [];
-    _userProcessFn;
     constructor(angularUtilService, appRef, eventPubSubService, gridContainerElement, rxjs) {
         super(eventPubSubService);
         this.angularUtilService = angularUtilService;
@@ -206,6 +195,8 @@ class SlickRowDetailView extends SlickRowDetailView$1 {
         this.eventPubSubService = eventPubSubService;
         this.gridContainerElement = gridContainerElement;
         this.rxjs = rxjs;
+        this._views = [];
+        this._subscriptions = [];
     }
     get addonOptions() {
         return this.getOptions();
@@ -733,7 +724,6 @@ function pickerHeaderColumnValueExtractor(column) {
 }
 
 class SlickgridConfig {
-    options;
     constructor() {
         this.options = GlobalGridOptions;
     }
@@ -741,7 +731,7 @@ class SlickgridConfig {
 
 class Constants {
     // English Locale texts when using only 1 Locale instead of I18N
-    static locales = {
+    static { this.locales = {
         TEXT_ALL_SELECTED: 'All Selected',
         TEXT_ALL_X_RECORDS_SELECTED: 'All {{x}} records selected',
         TEXT_APPLY_MASS_UPDATE: 'Apply Mass Update',
@@ -804,97 +794,37 @@ class Constants {
         TEXT_TOGGLE_PRE_HEADER_ROW: 'Toggle Pre-Header Row',
         TEXT_X_OF_Y_SELECTED: '# of % selected',
         TEXT_X_OF_Y_MASS_SELECTED: '{{x}} of {{y}} selected',
-    };
-    static treeDataProperties = {
+    }; }
+    static { this.treeDataProperties = {
         CHILDREN_PROP: 'children',
         COLLAPSED_PROP: '__collapsed',
         HAS_CHILDREN_PROP: '__hasChildren',
         TREE_LEVEL_PROP: '__treeLevel',
         PARENT_PROP: '__parentId',
-    };
+    }; }
     // some Validation default texts
-    static VALIDATION_REQUIRED_FIELD = 'Field is required';
-    static VALIDATION_EDITOR_VALID_NUMBER = 'Please enter a valid number';
-    static VALIDATION_EDITOR_VALID_INTEGER = 'Please enter a valid integer number';
-    static VALIDATION_EDITOR_INTEGER_BETWEEN = 'Please enter a valid integer number between {{minValue}} and {{maxValue}}';
-    static VALIDATION_EDITOR_INTEGER_MAX = 'Please enter a valid integer number that is lower than {{maxValue}}';
-    static VALIDATION_EDITOR_INTEGER_MAX_INCLUSIVE = 'Please enter a valid integer number that is lower than or equal to {{maxValue}}';
-    static VALIDATION_EDITOR_INTEGER_MIN = 'Please enter a valid integer number that is greater than {{minValue}}';
-    static VALIDATION_EDITOR_INTEGER_MIN_INCLUSIVE = 'Please enter a valid integer number that is greater than or equal to {{minValue}}';
-    static VALIDATION_EDITOR_NUMBER_BETWEEN = 'Please enter a valid number between {{minValue}} and {{maxValue}}';
-    static VALIDATION_EDITOR_NUMBER_MAX = 'Please enter a valid number that is lower than {{maxValue}}';
-    static VALIDATION_EDITOR_NUMBER_MAX_INCLUSIVE = 'Please enter a valid number that is lower than or equal to {{maxValue}}';
-    static VALIDATION_EDITOR_NUMBER_MIN = 'Please enter a valid number that is greater than {{minValue}}';
-    static VALIDATION_EDITOR_NUMBER_MIN_INCLUSIVE = 'Please enter a valid number that is greater than or equal to {{minValue}}';
-    static VALIDATION_EDITOR_DECIMAL_BETWEEN = 'Please enter a valid number with a maximum of {{maxDecimal}} decimals';
-    static VALIDATION_EDITOR_TEXT_LENGTH_BETWEEN = 'Please make sure your text length is between {{minLength}} and {{maxLength}} characters';
-    static VALIDATION_EDITOR_TEXT_MAX_LENGTH = 'Please make sure your text is less than {{maxLength}} characters';
-    static VALIDATION_EDITOR_TEXT_MAX_LENGTH_INCLUSIVE = 'Please make sure your text is less than or equal to {{maxLength}} characters';
-    static VALIDATION_EDITOR_TEXT_MIN_LENGTH = 'Please make sure your text is more than {{minLength}} character(s)';
-    static VALIDATION_EDITOR_TEXT_MIN_LENGTH_INCLUSIVE = 'Please make sure your text is at least {{minLength}} character(s)';
+    static { this.VALIDATION_REQUIRED_FIELD = 'Field is required'; }
+    static { this.VALIDATION_EDITOR_VALID_NUMBER = 'Please enter a valid number'; }
+    static { this.VALIDATION_EDITOR_VALID_INTEGER = 'Please enter a valid integer number'; }
+    static { this.VALIDATION_EDITOR_INTEGER_BETWEEN = 'Please enter a valid integer number between {{minValue}} and {{maxValue}}'; }
+    static { this.VALIDATION_EDITOR_INTEGER_MAX = 'Please enter a valid integer number that is lower than {{maxValue}}'; }
+    static { this.VALIDATION_EDITOR_INTEGER_MAX_INCLUSIVE = 'Please enter a valid integer number that is lower than or equal to {{maxValue}}'; }
+    static { this.VALIDATION_EDITOR_INTEGER_MIN = 'Please enter a valid integer number that is greater than {{minValue}}'; }
+    static { this.VALIDATION_EDITOR_INTEGER_MIN_INCLUSIVE = 'Please enter a valid integer number that is greater than or equal to {{minValue}}'; }
+    static { this.VALIDATION_EDITOR_NUMBER_BETWEEN = 'Please enter a valid number between {{minValue}} and {{maxValue}}'; }
+    static { this.VALIDATION_EDITOR_NUMBER_MAX = 'Please enter a valid number that is lower than {{maxValue}}'; }
+    static { this.VALIDATION_EDITOR_NUMBER_MAX_INCLUSIVE = 'Please enter a valid number that is lower than or equal to {{maxValue}}'; }
+    static { this.VALIDATION_EDITOR_NUMBER_MIN = 'Please enter a valid number that is greater than {{minValue}}'; }
+    static { this.VALIDATION_EDITOR_NUMBER_MIN_INCLUSIVE = 'Please enter a valid number that is greater than or equal to {{minValue}}'; }
+    static { this.VALIDATION_EDITOR_DECIMAL_BETWEEN = 'Please enter a valid number with a maximum of {{maxDecimal}} decimals'; }
+    static { this.VALIDATION_EDITOR_TEXT_LENGTH_BETWEEN = 'Please make sure your text length is between {{minLength}} and {{maxLength}} characters'; }
+    static { this.VALIDATION_EDITOR_TEXT_MAX_LENGTH = 'Please make sure your text is less than {{maxLength}} characters'; }
+    static { this.VALIDATION_EDITOR_TEXT_MAX_LENGTH_INCLUSIVE = 'Please make sure your text is less than or equal to {{maxLength}} characters'; }
+    static { this.VALIDATION_EDITOR_TEXT_MIN_LENGTH = 'Please make sure your text is more than {{minLength}} character(s)'; }
+    static { this.VALIDATION_EDITOR_TEXT_MIN_LENGTH_INCLUSIVE = 'Please make sure your text is at least {{minLength}} character(s)'; }
 }
 
 class AngularSlickgridComponent {
-    angularUtilService;
-    appRef;
-    cd;
-    containerService;
-    elm;
-    translate;
-    translaterService;
-    forRootConfig;
-    _dataset;
-    _columnDefinitions;
-    _currentDatasetLength = 0;
-    _eventHandler = new SlickEventHandler();
-    _eventPubSubService;
-    _angularGridInstances;
-    _hideHeaderRowAfterPageLoad = false;
-    _isAutosizeColsCalled = false;
-    _isGridInitialized = false;
-    _isDatasetInitialized = false;
-    _isDatasetHierarchicalInitialized = false;
-    _isPaginationInitialized = false;
-    _isLocalGrid = true;
-    _paginationOptions;
-    _registeredResources = [];
-    dataView;
-    slickGrid;
-    groupingDefinition = {};
-    groupItemMetadataProvider;
-    backendServiceApi;
-    locales;
-    metrics;
-    showPagination = false;
-    serviceList = [];
-    totalItems = 0;
-    paginationData;
-    subscriptions = [];
-    // components / plugins
-    slickEmptyWarning;
-    slickFooter;
-    slickPagination;
-    slickRowDetailView;
-    // services
-    backendUtilityService;
-    collectionService;
-    extensionService;
-    extensionUtility;
-    filterFactory;
-    filterService;
-    gridEventService;
-    gridService;
-    gridStateService;
-    groupingService;
-    paginationService;
-    resizerService;
-    rxjs;
-    sharedService;
-    sortService;
-    treeDataService;
-    customDataView;
-    gridId = '';
-    gridOptions;
     get paginationOptions() {
         return this._paginationOptions;
     }
@@ -920,9 +850,6 @@ class AngularSlickgridComponent {
     get columnDefinitions() {
         return this._columnDefinitions;
     }
-    // make the columnDefinitions a 2-way binding so that plugin adding cols
-    // are synched on user's side as well (RowMove, RowDetail, RowSelections)
-    columnDefinitionsChange = new EventEmitter(true);
     get dataset() {
         return (this.customDataView ? this.slickGrid?.getData?.() : this.dataView?.getItems()) || [];
     }
@@ -992,8 +919,6 @@ class AngularSlickgridComponent {
     get registeredResources() {
         return this._registeredResources;
     }
-    slickgridHeader;
-    slickgridFooter;
     constructor(angularUtilService, appRef, cd, containerService, elm, translate, translaterService, forRootConfig, externalServices) {
         this.angularUtilService = angularUtilService;
         this.appRef = appRef;
@@ -1003,6 +928,25 @@ class AngularSlickgridComponent {
         this.translate = translate;
         this.translaterService = translaterService;
         this.forRootConfig = forRootConfig;
+        this._currentDatasetLength = 0;
+        this._eventHandler = new SlickEventHandler();
+        this._hideHeaderRowAfterPageLoad = false;
+        this._isAutosizeColsCalled = false;
+        this._isGridInitialized = false;
+        this._isDatasetInitialized = false;
+        this._isDatasetHierarchicalInitialized = false;
+        this._isPaginationInitialized = false;
+        this._isLocalGrid = true;
+        this._registeredResources = [];
+        this.groupingDefinition = {};
+        this.showPagination = false;
+        this.serviceList = [];
+        this.totalItems = 0;
+        this.subscriptions = [];
+        this.gridId = '';
+        // make the columnDefinitions a 2-way binding so that plugin adding cols
+        // are synched on user's side as well (RowMove, RowDetail, RowSelections)
+        this.columnDefinitionsChange = new EventEmitter(true);
         const slickgridConfig = new SlickgridConfig$1();
         // initialize and assign all Service Dependencies
         this._eventPubSubService = externalServices?.eventPubSubService ?? new EventPubSubService(this.elm.nativeElement);
@@ -1996,15 +1940,15 @@ class AngularSlickgridComponent {
             currentEditor.renderDomElement(newCollection);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.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 ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.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: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.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.1.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: [
             // 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\" style=\"width: 100%\">\n  </div>\n  <ng-container *ngTemplateOutlet=\"slickgridFooter\"></ng-container>\n</div>", dependencies: [{ kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+        ], 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\" style=\"width: 100%\">\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.1.1", ngImport: i0, type: AngularSlickgridComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AngularSlickgridComponent, decorators: [{
             type: Component,
             args: [{ selector: 'angular-slickgrid', providers: [
                         // make everything transient (non-singleton)
@@ -2058,13 +2002,13 @@ class AngularSlickgridModule {
             ]
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AngularSlickgridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: AngularSlickgridModule, declarations: [AngularSlickgridComponent], imports: [CommonModule,
-            TranslateModule], exports: [AngularSlickgridComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AngularSlickgridModule, imports: [CommonModule,
-            TranslateModule] });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AngularSlickgridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.3", ngImport: i0, type: AngularSlickgridModule, declarations: [AngularSlickgridComponent], imports: [CommonModule,
+            TranslateModule], exports: [AngularSlickgridComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AngularSlickgridModule, imports: [CommonModule,
+            TranslateModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AngularSlickgridModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AngularSlickgridModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [