angular-slickgrid 4.3.1 → 5.0.0

package/fesm2020/angular-slickgrid.mjs

@@ -7,14 +7,11 @@ 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 'jquery-ui/ui/widgets/draggable';
-import 'jquery-ui/ui/widgets/droppable';
-import 'jquery-ui/ui/widgets/sortable';
-import 'slickgrid/lib/jquery.event.drag-2.3.0';
-import 'slickgrid/lib/jquery.mousewheel';
-import 'slickgrid/slick.core';
-import 'slickgrid/slick.grid';
-import 'slickgrid/slick.dataview';
+import 'slickgrid/dist/slick.core.min';
+import 'slickgrid/dist/slick.interactions.min';
+import 'slickgrid/dist/slick.grid.min';
+import 'slickgrid/dist/slick.dataview.min';
+import * as Sortable_ from 'sortablejs';
 import { EventPubSubService } from '@slickgrid-universal/event-pub-sub';
 import { SlickEmptyWarningComponent } from '@slickgrid-universal/empty-warning-component';
 import { SlickFooterComponent } from '@slickgrid-universal/custom-footer-component';
@@ -61,112 +58,12 @@ class AngularUtilService {
         return componentOutput;
     }
 }
-AngularUtilService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AngularUtilService, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.ApplicationRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
-AngularUtilService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AngularUtilService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AngularUtilService, decorators: [{
+AngularUtilService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: AngularUtilService, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.ApplicationRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+AngularUtilService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: AngularUtilService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: AngularUtilService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i0.ComponentFactoryResolver }, { type: i0.ApplicationRef }, { type: i0.Injector }]; } });
 
-// Boostrap dropdown service
-class BsDropDownService {
-    constructor(angularUtilService) {
-        this.angularUtilService = angularUtilService;
-    }
-    get domElement() {
-        return this._domElement;
-    }
-    get domContainerElement() {
-        return this._domContainerElement;
-    }
-    get gridViewport() {
-        return $('.slick-viewport');
-    }
-    dispose() {
-        if (this._domElement && this._domElement.remove) {
-            this._domElement.remove();
-        }
-    }
-    dropContainerShow() {
-        if (this._domContainerElement && this._domContainerElement.show) {
-            this._domContainerElement.show();
-        }
-    }
-    render(dropdownParams) {
-        return new Promise((resolve) => {
-            const { component, args, parent, offsetTop, offsetLeft, offsetDropupBottom } = dropdownParams;
-            const cell = args.cell;
-            const row = args.row;
-            this._domContainerElement = $(`#myDrop-r${row}-c${cell}`);
-            if (this._domContainerElement) {
-                // hide the dropdown we created as a formatter Component, we'll redisplay it later
-                const cellPos = this._domContainerElement.offset();
-                const componentOutput = this.angularUtilService.createAngularComponent(component);
-                const componentInstance = componentOutput && componentOutput.componentRef && componentOutput.componentRef.instance;
-                if (componentInstance) {
-                    const myDropId = componentInstance.dropdownId || 'myDrop';
-                    const dropDownToggleId = componentInstance.dropDownToggleId || 'dropdownMenu1';
-                    this._domElement = $(`#${myDropId}`);
-                    if (this._domElement) {
-                        // make sure to remove any previous Action dropdown elements, to avoid having multiple element of the same on top of each other
-                        this.dispose();
-                        // assign the row data to the dropdown component instance
-                        Object.assign(componentInstance, { parent, row: args.row, dataContext: args.grid.getDataItem(args.row) });
-                        // use a delay to make sure Angular ran at least a full cycle and make sure it finished rendering the Component before using it
-                        setTimeout(() => {
-                            // create a new dropdown element
-                            this._domElement = $(componentOutput.domElement);
-                            const topPos = (cellPos && cellPos.top || 0) + 30 + (offsetTop || 0);
-                            const leftPos = (cellPos && cellPos.left || 0) + (offsetLeft || 0);
-                            this._domElement.appendTo('body');
-                            this._domElement.css('position', 'absolute');
-                            this._domElement.css('top', topPos);
-                            this._domElement.css('left', leftPos);
-                            $(`#${myDropId}`).addClass('open');
-                            $(`#${dropDownToggleId}`).hide();
-                            // check if it should drop Up or Down
-                            const offset = 35;
-                            const iElement = $('.dropdown-menu');
-                            const iElementWrapper = iElement.parent();
-                            const iElementWrapperOffset = iElementWrapper.offset() || {};
-                            const iElementWrapperOffsetTop = iElementWrapperOffset.top || iElementWrapper && iElementWrapper.length > 0 && iElementWrapper[0].offsetTop;
-                            const iElementHeight = iElement.height();
-                            const windowHeight = window.innerHeight;
-                            const shouldDropUp = (windowHeight - iElementHeight - offset) < iElementWrapperOffsetTop;
-                            let menuMarginTop = '0px';
-                            if (shouldDropUp) {
-                                const offsetBottom = offsetDropupBottom || 0;
-                                menuMarginTop = '-'.concat(`${iElementHeight + offset + offsetBottom + 5}`, 'px');
-                            }
-                            this._domElement.css({ 'margin-top': menuMarginTop });
-                            // set dropdown margin left according to the document width
-                            const parentOffset = iElementWrapperOffset.left;
-                            const leftMargin = parentOffset - $(document).width();
-                            this._domElement.css({ 'margin-left': (this._domElement.width() + leftMargin + 60) + 'px' });
-                            try {
-                                this._domElement.dropdown('show'); // required for Bootstrap 4 only
-                            }
-                            catch (e) {
-                                // Bootstrap 3 wil throw an error since that method doesn't exist, we can safely disregard it
-                            }
-                            this._domElement.on('hidden.bs.dropdown', () => this.dropContainerShow());
-                            // hide dropdown menu on grid scroll
-                            this.gridViewport.on('scroll', () => this.dispose());
-                            // hide on dropdown click
-                            this._domElement.on('click', () => this.dispose());
-                            resolve(true);
-                        });
-                    }
-                }
-            }
-        });
-    }
-}
-BsDropDownService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BsDropDownService, deps: [{ token: AngularUtilService }], target: i0.ɵɵFactoryTarget.Injectable });
-BsDropDownService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BsDropDownService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BsDropDownService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: AngularUtilService }]; } });
-
 class ContainerService {
     constructor() {
         this.dependencies = [];
@@ -188,9 +85,9 @@ class ContainerService {
         }
     }
 }
-ContainerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ContainerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ContainerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ContainerService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ContainerService, decorators: [{
+ContainerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ContainerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ContainerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ContainerService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: ContainerService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return []; } });
 
@@ -226,9 +123,9 @@ class TranslaterService {
         return this.translateService?.instant?.(translationKey || ' ');
     }
 }
-TranslaterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TranslaterService, deps: [{ token: i1.TranslateService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-TranslaterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TranslaterService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TranslaterService, decorators: [{
+TranslaterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: TranslaterService, deps: [{ token: i1.TranslateService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+TranslaterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: TranslaterService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: TranslaterService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.TranslateService, decorators: [{
                     type: Optional
@@ -500,7 +397,7 @@ class SlickRowDetailView extends SlickRowDetailView$1 {
                 awaitedItemDetail = await castObservableToPromise(this.rxjs, response); // from Angular-http-client
             }
             if (!awaitedItemDetail || !awaitedItemDetail.hasOwnProperty(this.datasetIdPropName)) {
-                throw new Error(`[Angular-Slickgrid] could not process the Row Detail, you must make sure that your "process" callback
+                throw new Error(`[Angular-Slickgrid] could not process the Row Detail, you must make sure that your "process" callback
           (a Promise or an HttpClient call returning an Observable) returns an item object that has an "${this.datasetIdPropName}" property`);
             }
             // notify the plugin with the new item details
@@ -632,7 +529,7 @@ const GlobalGridOptions = {
     enableColumnResizeOnDoubleClick: true,
     enableContextMenu: true,
     enableExcelExport: true,
-    enableExport: false,
+    enableTextExport: false,
     enableFilterTrimWhiteSpace: false,
     enableGridMenu: true,
     enableHeaderMenu: true,
@@ -664,7 +561,7 @@ const GlobalGridOptions = {
         groupingAggregatorRowText: '',
         sanitizeDataExport: false,
     },
-    exportOptions: {
+    textExportOptions: {
         delimiter: DelimiterType.comma,
         exportWithFormatter: false,
         filename: 'export',
@@ -842,6 +739,7 @@ Constants.locales = {
     TEXT_LAST_UPDATE: 'Last Update',
     TEXT_LESS_THAN: 'Less than',
     TEXT_LESS_THAN_OR_EQUAL_TO: 'Less than or equal to',
+    TEXT_NO_ELEMENTS_FOUND: 'Aucun élément trouvé',
     TEXT_NOT_CONTAINS: 'Not contains',
     TEXT_NOT_EQUAL_TO: 'Not equal to',
     TEXT_PAGE: 'Page',
@@ -888,6 +786,9 @@ Constants.VALIDATION_EDITOR_TEXT_MIN_LENGTH = 'Please make sure your text is mor
 Constants.VALIDATION_EDITOR_TEXT_MIN_LENGTH_INCLUSIVE = 'Please make sure your text is at least {{minLength}} character(s)';
 
 // import 3rd party vendor libs
+const Sortable = (Sortable_?.['default'] ?? Sortable_); // patch for rollup
+// add Sortable to the window object so that SlickGrid lib can use globally
+window.Sortable = Sortable;
 class AngularSlickgridComponent {
     constructor(angularUtilService, appRef, cd, containerService, elm, translate, translaterService, forRootConfig, externalServices) {
         this.angularUtilService = angularUtilService;
@@ -1981,21 +1882,21 @@ class AngularSlickgridComponent {
         }
     }
 }
-AngularSlickgridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", 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 });
-AngularSlickgridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AngularSlickgridComponent, selector: "angular-slickgrid", inputs: { customDataView: "customDataView", gridId: "gridId", gridOptions: "gridOptions", paginationOptions: "paginationOptions", columnDefinitions: "columnDefinitions", dataset: "dataset", datasetHierarchical: "datasetHierarchical" }, providers: [
+AngularSlickgridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", 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 });
+AngularSlickgridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.6", type: AngularSlickgridComponent, selector: "angular-slickgrid", inputs: { customDataView: "customDataView", gridId: "gridId", gridOptions: "gridOptions", paginationOptions: "paginationOptions", columnDefinitions: "columnDefinitions", dataset: "dataset", datasetHierarchical: "datasetHierarchical" }, providers: [
         // make everything transient (non-singleton)
         AngularUtilService,
         ApplicationRef,
         TranslaterService,
-    ], ngImport: i0, template: "<div id=\"slickGridContainer-{{gridId}}\" class=\"gridPane\">\r\n  <div attr.id='{{gridId}}' class=\"slickgrid-container\" style=\"width: 100%\">\r\n  </div>\r\n</div>" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AngularSlickgridComponent, decorators: [{
+    ], 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: "14.2.6", ngImport: i0, type: AngularSlickgridComponent, decorators: [{
             type: Component,
             args: [{ selector: 'angular-slickgrid', providers: [
                         // make everything transient (non-singleton)
                         AngularUtilService,
                         ApplicationRef,
                         TranslaterService,
-                    ], template: "<div id=\"slickGridContainer-{{gridId}}\" class=\"gridPane\">\r\n  <div attr.id='{{gridId}}' class=\"slickgrid-container\" style=\"width: 100%\">\r\n  </div>\r\n</div>" }]
+                    ], 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: [{
                     type: Optional
                 }] }, { type: TranslaterService, decorators: [{
@@ -2030,20 +1931,17 @@ class AngularSlickgridModule {
                 { provide: 'config', useValue: config },
                 { provide: 'externalService', useValue: null },
                 AngularUtilService,
-                BsDropDownService,
                 ContainerService,
             ]
         };
     }
 }
-AngularSlickgridModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AngularSlickgridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AngularSlickgridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AngularSlickgridModule, declarations: [AngularSlickgridComponent], imports: [CommonModule,
+AngularSlickgridModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: AngularSlickgridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AngularSlickgridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.6", ngImport: i0, type: AngularSlickgridModule, declarations: [AngularSlickgridComponent], imports: [CommonModule,
         TranslateModule], exports: [AngularSlickgridComponent] });
-AngularSlickgridModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AngularSlickgridModule, imports: [[
-            CommonModule,
-            TranslateModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AngularSlickgridModule, decorators: [{
+AngularSlickgridModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: AngularSlickgridModule, imports: [CommonModule,
+        TranslateModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: AngularSlickgridModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -2055,8 +1953,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     ],
                     exports: [
                         AngularSlickgridComponent,
-                    ],
-                    entryComponents: [AngularSlickgridComponent]
+                    ]
                 }]
         }] });
 
@@ -2064,5 +1961,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AngularSlickgridComponent, AngularSlickgridModule, AngularUtilService, BsDropDownService, SlickRowDetailView, SlickgridConfig, unsubscribeAllObservables };
+export { AngularSlickgridComponent, AngularSlickgridModule, AngularUtilService, SlickRowDetailView, SlickgridConfig, unsubscribeAllObservables };
 //# sourceMappingURL=angular-slickgrid.mjs.map