@syncfusion/ej2-treegrid 20.4.49 → 21.1.35

package/dist/es6/ej2-treegrid.es5.js

@@ -1,4 +1,4 @@
-import { Browser, ChildProperty, Collection, Complex, Component, Event, EventHandler, Internationalization, KeyboardEvents, L10n, NotifyPropertyChanges, Property, addClass, classList, closest, compile, createElement, debounce, extend, getEnumValue, getValue, isNullOrUndefined, merge, remove, removeClass, select, setStyleAttribute, setValue } from '@syncfusion/ej2-base';
+import { Browser, ChildProperty, Collection, Complex, Component, Event, EventHandler, Internationalization, KeyboardEvents, L10n, NotifyPropertyChanges, Property, SanitizeHtmlHelper, addClass, classList, closest, compile, createElement, debounce, extend, getEnumValue, getValue, isNullOrUndefined, merge, remove, removeClass, select, setStyleAttribute, setValue } from '@syncfusion/ej2-base';
 import { Aggregate, Cell, CellRenderer, CellType, Clipboard, ColumnChooser, ColumnFreezeContentRenderer, ColumnFreezeHeaderRenderer, ColumnMenu, ColumnVirtualFreezeRenderer, CommandColumn, ContextMenu, DetailRow, Edit, ExcelExport, Filter, Freeze, FreezeContentRender, FreezeRender, FreezeRowModelGenerator, Grid, InfiniteScroll, InterSectionObserver, Logger, Page, PdfExport, Print, RenderType, Reorder, Resize, RowDD, RowDropSettings, RowRenderer, Scroll, Sort, Toolbar, VirtualContentRenderer, VirtualFreezeHdrRenderer, VirtualFreezeRenderer, VirtualHeaderRenderer, VirtualRowModelGenerator, VirtualScroll, appendChildren, calculateAggregate, detailLists, extend as extend$1, getActualProperties, getObject, getUid, iterateArrayOrObject, parentsUntil, resetRowIndex, setDebounce, templateCompiler } from '@syncfusion/ej2-grids';
 import { createCheckBox } from '@syncfusion/ej2-buttons';
 import { CacheAdaptor, DataManager, DataUtil, Deferred, JsonAdaptor, ODataAdaptor, Predicate, Query, RemoteSaveAdaptor, UrlAdaptor, WebApiAdaptor, WebMethodAdaptor } from '@syncfusion/ej2-data';
@@ -1735,7 +1735,7 @@ var Render = /** @__PURE__ @class */ (function () {
                 addClass([expandIcon], (expand) ? 'e-treegridexpand' : 'e-treegridcollapse');
                 totalIconsWidth += 18;
                 container.appendChild(expandIcon);
-                emptyExpandIcon.style.width = '7px';
+                emptyExpandIcon.style.width = '4px';
                 totalIconsWidth += 7;
                 container.appendChild(emptyExpandIcon.cloneNode());
             }
@@ -2264,13 +2264,13 @@ var DataManipulation = /** @__PURE__ @class */ (function () {
         if (this.parent.enableVirtualization && rowDetails.action === 'remoteExpand') {
             qry.take(this.parent.pageSettings.pageSize);
             var expandDetail = [];
-            expandDetail.push('ExpandingAction', rowDetails.record[this.parent.idMapping]);
+            expandDetail.push('ExpandingAction', parseInt(rowDetails.record[this.parent.idMapping], 10).toString());
             qry.expand(expandDetail);
         }
         else if (this.parent.enableVirtualization && rowDetails.action === 'collapse') {
             qry.take(this.parent.grid.pageSettings.pageSize);
             var expandDetail = [];
-            expandDetail.push('CollapsingAction', rowDetails.record[this.parent.idMapping]);
+            expandDetail.push('CollapsingAction', parseInt(rowDetails.record[this.parent.idMapping], 10).toString());
             qry.expand(expandDetail);
         }
         qry.where(this.parent.parentIdMapping, 'equal', rowDetails.record[this.parent.idMapping]);
@@ -4068,6 +4068,8 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
         }
         if (this.isVue) {
             this.grid.isVue = true;
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            this.grid.vueInstance = this.vueInstance;
         }
         createSpinner({ target: this.element }, this.createElement);
         this.log(['mapping_fields_missing']);
@@ -4232,6 +4234,8 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
         this.grid["" + templateInstance] = this["" + templateInstance];
         var isJsComponent = 'isJsComponent';
         this.grid["" + isJsComponent] = true;
+        var enableHtmlSanitizer = 'enableHtmlSanitizer';
+        this.grid["" + enableHtmlSanitizer] = this.enableHtmlSanitizer;
     };
     TreeGrid.prototype.triggerEvents = function (args) {
         this.trigger(getObject('name', args), args);
@@ -5734,15 +5738,21 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
         if (this.grid.columns.length !== this.columnModel.length) {
             this.stackedHeader = true;
         }
-        if (this.stackedHeader && this.enablePersistence && this.allowResizing) {
+        if (this.stackedHeader && this.allowResizing) {
             for (var i = 0; i < this.columns.length; i++) {
                 if (!isNullOrUndefined(this.columns[parseInt(i.toString(), 10)].columns)) {
                     for (var j = 0; j < this.columns[parseInt(i.toString(), 10)].columns.length; j++) {
-                        var stackedColumn = this.columns[parseInt(i.toString(), 10)].columns[parseInt(j.toString(), 10)];
+                        var stackedColumn = this.columns[parseInt(i.toString(), 10)]
+                            .columns[parseInt(j.toString(), 10)];
                         var currentColumn = this.grid.getColumnByField(stackedColumn.field);
                         stackedColumn.width = currentColumn.width;
                     }
                 }
+                else if (!isNullOrUndefined(this.columns[parseInt(i.toString(), 10)].field)) {
+                    var fieldName = this.columns[parseInt(i.toString(), 10)].field;
+                    var currentColumn = this.grid.getColumnByField(fieldName);
+                    this.columns[parseInt(i.toString(), 10)].width = currentColumn.width;
+                }
             }
         }
         if (!this.stackedHeader) {
@@ -6673,8 +6683,8 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
             }
         }
         for (var i = 0; i < detailrows.length; i++) {
-            if (!isNullOrUndefined(detailrows[parseInt(i.toString(), 10)]) && !this.allowPaging && !(this.enableVirtualization
-                || this.enableInfiniteScrolling || isRemoteData(this) || isCountRequired(this))) {
+            if (!isNullOrUndefined(detailrows[parseInt(i.toString(), 10)]) && !this.allowPaging && !(this.enableVirtualization ||
+                this.enableInfiniteScrolling || isRemoteData(this) || isCountRequired(this))) {
                 gridRowsObject[detailrows[parseInt(i.toString(), 10)].rowIndex].visible = displayAction !== 'none' ? true : false;
                 detailrows[parseInt(i.toString(), 10)].style.display = displayAction;
             }
@@ -6775,6 +6785,20 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
             }
         }
     };
+    /**
+     * Method to sanitize html element
+     *
+     * @param {any} value - Specifies the html value to sanitize
+     * @returns {any} Returns the sanitized html value
+     * @hidden
+     */
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    TreeGrid.prototype.sanitize = function (value) {
+        if (this.enableHtmlSanitizer && typeof (value) === 'string') {
+            return SanitizeHtmlHelper.sanitize(value);
+        }
+        return value;
+    };
     /**
      * Updates the rows and cells
      *
@@ -7346,6 +7370,9 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
     __decorate([
         Property(false)
     ], TreeGrid.prototype, "enableColumnVirtualization", void 0);
+    __decorate([
+        Property(false)
+    ], TreeGrid.prototype, "enableHtmlSanitizer", void 0);
     __decorate([
         Property(false)
     ], TreeGrid.prototype, "enableInfiniteScrolling", void 0);
@@ -8266,6 +8293,7 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
     RowDD$$1.prototype.addErrorElem = function () {
         var dragelem = document.getElementsByClassName('e-cloneproperties')[0];
         var errorelem = dragelem.querySelectorAll('.e-errorelem').length;
+        var sanitize = 'sanitize';
         if (!errorelem && !this.parent.rowDropSettings.targetID) {
             var ele = document.createElement('div');
             classList(ele, ['e-errorcontainer'], []);
@@ -8273,14 +8301,14 @@ var RowDD$1 = /** @__PURE__ @class */ (function () {
             var errorVal = dragelem.querySelector('.errorValue');
             var content$$1 = dragelem.querySelector('.e-rowcell').innerHTML;
             if (errorVal) {
-                content$$1 = errorVal.innerHTML;
+                content$$1 = this.parent["" + sanitize](errorVal.innerHTML);
                 errorVal.parentNode.removeChild(errorVal);
             }
             dragelem.querySelector('.e-rowcell').innerHTML = '';
             var spanContent = document.createElement('span');
             spanContent.className = 'errorValue';
             spanContent.style.paddingLeft = '16px';
-            spanContent.innerHTML = content$$1;
+            spanContent.innerHTML = this.parent["" + sanitize](content$$1);
             dragelem.querySelector('.e-rowcell').appendChild(ele);
             dragelem.querySelector('.e-rowcell').appendChild(spanContent);
             var dropItemSpan = document.querySelector('.e-dropitemscount');
@@ -10798,7 +10826,7 @@ var BatchEdit = /** @__PURE__ @class */ (function () {
         this.batchAddedRecords = this.batchRecords = this.batchAddRowRecord = this.batchDeletedRecords = this.currentViewRecords = [];
     };
     BatchEdit.prototype.cellSaved = function (args) {
-        var actualCellIndex = args.cell.cellIndex;
+        var actualCellIndex = args.column.index;
         var frozenCols = this.parent.frozenColumns || this.parent.getFrozenColumns();
         if (frozenCols && args.columnObject.index > frozenCols) {
             actualCellIndex = actualCellIndex + frozenCols;
@@ -10809,13 +10837,13 @@ var BatchEdit = /** @__PURE__ @class */ (function () {
             var colCount = this.parent.getFrozenLeftColumnsCount() + actualCellIndex;
             if (colCount === this.parent.treeColumnIndex) {
                 this.parent.renderModule.cellRender({ data: args.rowData, cell: args.cell,
-                    column: this.parent.grid.getColumnByIndex(args.cell.cellIndex)
+                    column: this.parent.grid.getColumnByIndex(args.column.index)
                 });
             }
         }
         else if (actualCellIndex === this.parent.treeColumnIndex) {
             this.parent.renderModule.cellRender({ data: args.rowData, cell: args.cell,
-                column: this.parent.grid.getColumnByIndex(args.cell.cellIndex)
+                column: this.parent.grid.getColumnByIndex(args.column.index)
             });
         }
         if (this.isAdd && this.parent.editSettings.mode === 'Batch' && this.parent.editSettings.newRowPosition !== 'Bottom') {
@@ -13632,10 +13660,6 @@ var Freeze$1 = /** @__PURE__ @class */ (function () {
                 getValue('addRenderer', renderer)
                     .apply(renderer, [RenderType.Content, new VirtualTreeFreezeRenderer(getValue('grid', this.parent), getValue('serviceLocator', this.parent.grid))]);
             }
-            else {
-                getValue('addRenderer', renderer)
-                    .apply(renderer, [RenderType.Content, new FreezeContentRender(getValue('grid', this.parent), getValue('serviceLocator', this.parent.grid))]);
-            }
         }
         if (this.parent.getFrozenLeftColumnsCount() || this.parent.getFrozenRightColumnsCount()) {
             getValue('addRenderer', renderer)
@@ -13677,6 +13701,9 @@ var Freeze$1 = /** @__PURE__ @class */ (function () {
                 row.style.height = row.parentElement.firstElementChild.clientHeight + 'px';
             }
             row.style.display = args.action;
+            if (freeze && frozenRightRows.length) {
+                frozenRightRows[parseInt(i.toString(), 10)].style.display = args.action;
+            }
             var queryselector = args.action === 'none' ? '.e-treecolumn-container .e-treegridcollapse'
                 : '.e-treecolumn-container .e-treegridexpand';
             if (frozenrows[row.rowIndex].querySelector(queryselector)) {