jsl-ui 9.28.2 → 9.28.4

package/lib/grid/slick.creator.js

@@ -12,22 +12,22 @@ import { UILang } from "../core/lang";
 import { RowMoveManager } from "./plugins/slick.rowmovemanager";
 import { Overlays } from "./plugins/ext.overlay";
 import { helper } from "../core/helper";
-var $ = jQueryReplacement;
+const $ = jQueryReplacement;
 export function createJSLGrid(selector, data, columns, option) {
-    var formulaObjects = [];
-    var headerMenu;
-    var headerButtons;
-    var formulas = {};
-    var container;
-    var filters = [];
-    var customCommandHandler;
-    var grid;
-    var dataView;
-    var rowMoveManager;
+    const formulaObjects = [];
+    let headerMenu;
+    let headerButtons;
+    const formulas = {};
+    let container;
+    let filters = [];
+    let customCommandHandler;
+    let grid;
+    let dataView;
+    let rowMoveManager;
     //let options: ISlickCreatorOptions;
     function createMe() {
         sanitizeColumns(columns);
-        var options = $.shallowExtend({ explicitInitialization: true, mode: "client" }, option);
+        const options = $.shallowExtend({ explicitInitialization: true, mode: "client" }, option);
         container = typeof (selector) === "string" ?
             document.querySelector(selector) :
             selector;
@@ -39,19 +39,19 @@ export function createJSLGrid(selector, data, columns, option) {
             options.showPreHeaderPanel = true;
         }
         customCommandHandler = option.editCommandHandler;
-        options.editCommandHandler = function (a, b, c) { handleEditCommand(a, b, c); };
-        var groupItemMetadataProvider = options.groupItemMetadataProvider || GroupItemMetadataProvider(options.groupItemOptions);
+        options.editCommandHandler = (a, b, c) => { handleEditCommand(a, b, c); };
+        const groupItemMetadataProvider = options.groupItemMetadataProvider || GroupItemMetadataProvider(options.groupItemOptions);
         if (options.dataView != null) {
             dataView = options.dataView;
         }
         else {
-            dataView = new DataView({ inlineFilters: true, groupItemMetadataProvider: groupItemMetadataProvider });
+            dataView = new DataView({ inlineFilters: true, groupItemMetadataProvider });
             dataView.setItems(data, options.primaryKey);
         }
         grid = new SlickGrid(container, dataView, columns, options);
         grid.registerPlugin(groupItemMetadataProvider);
         grid.setSelectionModel(new RowSelectionModel());
-        grid.onHeaderCellRendered.subscribe(function (e, args) {
+        grid.onHeaderCellRendered.subscribe((e, args) => {
             if (columnHasFilter(args.column.id)) {
                 //this column is filtered
                 args.node.classList.add("slick-filtered-header");
@@ -108,27 +108,27 @@ export function createJSLGrid(selector, data, columns, option) {
                 grid.render();
             });
         }
-        var isTouch = helper.isTouchScreen();
+        const isTouch = helper.isTouchScreen();
         if (option.enableFillDown && !isTouch) {
             var overlayPlugin = new Overlays({});
             // Event fires when a range is selected
             overlayPlugin.onFillUpDown.subscribe(function (e, args) {
-                var column = grid.getColumns()[args.range.fromCell];
+                const column = grid.getColumns()[args.range.fromCell];
                 // Ensure the column is editable
                 if (column.editor == null || column.readonly || !grid.getOptions().editable) {
                     return;
                 }
                 // Find the initial value
                 dataView.beginUpdate();
-                var value;
-                var items = [];
+                let value;
+                const items = [];
                 if (args.direction === "down") {
-                    var item = dataView.getItem(args.range.fromRow);
+                    const item = dataView.getItem(args.range.fromRow);
                     value = grid.getDataItemValueForColumn(item, column); // item[column.field];
                     // Copy the value down
-                    for (var i = args.range.fromRow + 1; i <= args.range.toRow; i++) {
-                        if (grid.onBeforeEditCell.notify({ row: i, cell: args.range.fromCell, item: dataView.getItem(i), column: column }, e) !== false) {
-                            var currentItem = dataView.getItem(i);
+                    for (let i = args.range.fromRow + 1; i <= args.range.toRow; i++) {
+                        if (grid.onBeforeEditCell.notify({ row: i, cell: args.range.fromCell, item: dataView.getItem(i), column }, e) !== false) {
+                            const currentItem = dataView.getItem(i);
                             items.push(currentItem);
                             // if (options.setDataItemValueForColumn != null) {
                             //     options.setDataItemValueForColumn(currentItem, column, value);
@@ -141,13 +141,13 @@ export function createJSLGrid(selector, data, columns, option) {
                     }
                 }
                 else {
-                    var item = dataView.getItem(args.range.toRow);
+                    const item = dataView.getItem(args.range.toRow);
                     items.push(item);
                     value = grid.getDataItemValueForColumn(item, column); // item[column.field];
                     // Copy the value up
-                    for (var i = args.range.fromRow; i <= args.range.toRow - 1; i++) {
-                        if (grid.onBeforeEditCell.notify({ row: i, cell: args.range.fromCell, item: dataView.getItem(i), column: column }, e) !== false) {
-                            var currentItem = dataView.getItem(i);
+                    for (let i = args.range.fromRow; i <= args.range.toRow - 1; i++) {
+                        if (grid.onBeforeEditCell.notify({ row: i, cell: args.range.fromCell, item: dataView.getItem(i), column }, e) !== false) {
+                            const currentItem = dataView.getItem(i);
                             items.push(currentItem);
                             // if (options.setDataItemValueForColumn != null) {
                             //     options.setDataItemValueForColumn(currentItem, column, value);
@@ -159,7 +159,7 @@ export function createJSLGrid(selector, data, columns, option) {
                         }
                     }
                 }
-                grid.onAfterFillDown.notify({ grid: grid, value: value, column: column, direction: args.direction, range: args.range, items: items }, e);
+                grid.onAfterFillDown.notify({ grid, value, column, direction: args.direction, range: args.range, items: items }, e);
                 dataView.endUpdate();
                 grid.render();
             });
@@ -169,37 +169,37 @@ export function createJSLGrid(selector, data, columns, option) {
             grid.init();
         }
         if (options.showColumnGroups) {
-            setTimeout(function () {
+            setTimeout(() => {
                 // TODO -> find better solution then timeout
-                grid.onColumnsResized.subscribe(function () {
+                grid.onColumnsResized.subscribe(() => {
                     CreateColumnGroups();
                 });
                 CreateColumnGroups();
             }, 1);
         }
         if (options.saveColumnsKey) {
-            grid.onColumnsResized.subscribe(function () {
+            grid.onColumnsResized.subscribe(() => {
                 storeColumnSettings();
             });
-            grid.onColumnsReordered.subscribe(function () {
+            grid.onColumnsReordered.subscribe(() => {
                 storeColumnSettings();
             });
             loadColumnSettings();
         }
     }
     function CreateColumnGroups() {
-        var options = grid.getOptions();
-        var columns = grid.getColumns();
+        const options = grid.getOptions();
+        const columns = grid.getColumns();
         if (options.frozenColumn >= 0) {
             // Add column groups to left panel
-            var $preHeaderPanel = $(grid.getPreHeaderPanel());
+            let $preHeaderPanel = $(grid.getPreHeaderPanel());
             renderHeaderGroups($preHeaderPanel, 0, options.frozenColumn + 1);
             // Add column groups to right panel
             $preHeaderPanel = $(grid.getPreHeaderPanelRight());
             renderHeaderGroups($preHeaderPanel, options.frozenColumn + 1, columns.length);
         }
         else {
-            var $preHeaderPanel = $(grid.getPreHeaderPanel());
+            const $preHeaderPanel = $(grid.getPreHeaderPanel());
             renderHeaderGroups($preHeaderPanel, 0, columns.length);
         }
         function renderHeaderGroups(preHeaderPanel, start, end) {
@@ -208,12 +208,12 @@ export function createJSLGrid(selector, data, columns, option) {
                 .css("left", "-1000px")
                 .width(grid.getHeadersWidth());
             preHeaderPanel[0].parentElement.classList.add("slick-header");
-            var headerColumnWidthDiff = grid.getHeaderColumnWidthDiff();
-            var header;
-            var lastColumnGroup = "";
-            var widthTotal = 0;
-            for (var i = start; i < end; i++) {
-                var m = columns[i];
+            const headerColumnWidthDiff = grid.getHeaderColumnWidthDiff();
+            let header;
+            let lastColumnGroup = "";
+            let widthTotal = 0;
+            for (let i = start; i < end; i++) {
+                const m = columns[i];
                 if (lastColumnGroup === m.columnGroup && i > start) {
                     widthTotal += m.width;
                     header.width(widthTotal - headerColumnWidthDiff);
@@ -230,9 +230,9 @@ export function createJSLGrid(selector, data, columns, option) {
         }
     }
     function storeColumnSettings() {
-        var cols = grid.getColumns();
-        var options = grid.getOptions();
-        var colSettings = cols.map(function (c) { return ({ id: c.id, width: c.width }); });
+        const cols = grid.getColumns();
+        const options = grid.getOptions();
+        const colSettings = cols.map((c) => ({ id: c.id, width: c.width }));
         if (window.localStorage) {
             localStorage.setItem("_grid_col_settings_" + options.saveColumnsKey, JSON.stringify(colSettings));
         }
@@ -241,18 +241,18 @@ export function createJSLGrid(selector, data, columns, option) {
         if (!window.localStorage) {
             return;
         }
-        var options = grid.getOptions();
-        var key = options.saveColumnsKey;
+        const options = grid.getOptions();
+        const key = options.saveColumnsKey;
         if (key) {
-            var cols = grid.getColumns();
-            var colSettings = JSON.parse(localStorage.getItem("_grid_col_settings_" + key));
+            const cols = grid.getColumns();
+            const colSettings = JSON.parse(localStorage.getItem("_grid_col_settings_" + key));
             if (!colSettings) {
                 return;
             }
-            for (var i = 0; i < colSettings.length; i++) {
-                for (var j = 0; j < cols.length; j++) {
+            for (let i = 0; i < colSettings.length; i++) {
+                for (let j = 0; j < cols.length; j++) {
                     if (cols[j].id === colSettings[i].id) {
-                        var c = cols[j];
+                        const c = cols[j];
                         c.width = colSettings[i].width;
                         if (i !== j) {
                             cols.splice(j, 1);
@@ -266,8 +266,8 @@ export function createJSLGrid(selector, data, columns, option) {
         }
     }
     function sanitizeColumns(cols) {
-        for (var i = 0; i < cols.length; i++) {
-            var c = cols[i];
+        for (let i = 0; i < cols.length; i++) {
+            const c = cols[i];
             if (c.field === undefined && c.id) {
                 c.field = c.id;
             }
@@ -279,7 +279,7 @@ export function createJSLGrid(selector, data, columns, option) {
         grid.onAfterFillDown = new Slick.Event();
     }
     function setupChangeEvents() {
-        dataView.onRowsChanged.subscribe(function (e, args) {
+        dataView.onRowsChanged.subscribe((e, args) => {
             grid.invalidateRows(args.rows);
             grid.render();
             // for (let idx = 0; idx < args.rows.length; idx++) {
@@ -287,21 +287,21 @@ export function createJSLGrid(selector, data, columns, option) {
             // }
             // grid.invalidate();
         });
-        dataView.onRowCountChanged.subscribe(function (e, args) {
+        dataView.onRowCountChanged.subscribe((e, args) => {
             grid.updateRowCount();
             grid.render();
         });
-        grid.onAddNewRow.subscribe(function (e, args) {
-            var options = grid.getOptions();
+        grid.onAddNewRow.subscribe((e, args) => {
+            const options = grid.getOptions();
             if (options.provideDefaultValues != null) {
-                var result = options.provideDefaultValues(args.item);
+                const result = options.provideDefaultValues(args.item);
                 if (result === false) {
                     return;
                 }
             }
             dataView.addItem(args.item);
             grid.onAfterEdit.notify({
-                grid: grid,
+                grid,
                 oldValue: undefined,
                 newValue: grid.getDataItemValueForColumn(args.item, args.column),
                 column: args.column,
@@ -310,9 +310,9 @@ export function createJSLGrid(selector, data, columns, option) {
         });
     }
     function setupDefaultSort() {
-        var options = grid.getOptions();
+        const options = grid.getOptions();
         if (options.mode === "client") {
-            grid.onSort.subscribe(function (e, args) {
+            grid.onSort.subscribe((e, args) => {
                 sort(args.sortCol, args.sortAsc);
             });
         }
@@ -325,9 +325,9 @@ export function createJSLGrid(selector, data, columns, option) {
     function setupHeaderMenu() {
         headerMenu = new HeaderMenu({});
         grid.registerPlugin(headerMenu);
-        headerMenu.onBeforeMenuShow.subscribe(function (e, args) {
-            var column = args.column;
-            var menu = args.menu;
+        headerMenu.onBeforeMenuShow.subscribe((e, args) => {
+            const column = args.column;
+            const menu = args.menu;
             if (column.sortable) {
                 menu.items.push({
                     title: UILang.grid.Sort + " " + UILang.grid.Asc,
@@ -343,7 +343,7 @@ export function createJSLGrid(selector, data, columns, option) {
                     title: UILang.grid.Filter,
                     command: "filter"
                 });
-                if (filters.filter(function (f) { return f.columnId === column.id; }).length > 0) {
+                if (filters.filter((f) => f.columnId === column.id).length > 0) {
                     menu.items.push({
                         title: UILang.grid.ClearFilter,
                         command: "clear-filter"
@@ -351,7 +351,7 @@ export function createJSLGrid(selector, data, columns, option) {
                 }
             }
         });
-        headerMenu.onCommand.subscribe(function (e, args) {
+        headerMenu.onCommand.subscribe((e, args) => {
             if (args.command === "sort-asc" || args.command === "sort-desc") {
                 grid.onSort.notify({
                     sortAsc: args.command === "sort-asc",
@@ -363,7 +363,7 @@ export function createJSLGrid(selector, data, columns, option) {
                 // sort(args.column, args.command === "sort-asc");
             }
             else if (args.command === "filter") {
-                var options = grid.getOptions();
+                const options = grid.getOptions();
                 if (options.showFilterDialog != null) {
                     options.showFilterDialog(args.column, grid);
                 }
@@ -378,10 +378,10 @@ export function createJSLGrid(selector, data, columns, option) {
     }
     // refresh formulas depending on the given column
     function triggerFormula(column, item) {
-        var options = grid.getOptions();
-        var f = formulas[column];
+        const options = grid.getOptions();
+        const f = formulas[column];
         if (f) {
-            for (var i = 0, l = f.length; i < l; i++) {
+            for (let i = 0, l = f.length; i < l; i++) {
                 if (options.setDataItemValueForColumn != null) {
                     options.setDataItemValueForColumn(item, f[i].column, f[i].fnc(item, column));
                 }
@@ -392,8 +392,8 @@ export function createJSLGrid(selector, data, columns, option) {
         }
     }
     function handleEditCommand(item, column, editCommand) {
-        var options = grid.getOptions();
-        var oldVal = grid.getDataItemValueForColumn(item, column);
+        const options = grid.getOptions();
+        const oldVal = grid.getDataItemValueForColumn(item, column);
         if (customCommandHandler) {
             customCommandHandler(item, column, editCommand);
         }
@@ -402,12 +402,12 @@ export function createJSLGrid(selector, data, columns, option) {
         }
         triggerFormula(column.field, item);
         dataView.updateItem(item[options.primaryKey], item);
-        var afterEditResult = grid.onAfterEdit.notify({
-            grid: grid,
+        const afterEditResult = grid.onAfterEdit.notify({
+            grid,
             oldValue: oldVal,
             newValue: grid.getDataItemValueForColumn(item, column),
-            column: column,
-            item: item
+            column,
+            item
         });
         if (afterEditResult === false) {
             if (options.setDataItemValueForColumn != null) {
@@ -429,8 +429,8 @@ export function createJSLGrid(selector, data, columns, option) {
     }
     function sort(column, sortAsc) {
         function _comparer(a, b) {
-            var x = grid.getDataItemValueForColumn(a, column);
-            var y = grid.getDataItemValueForColumn(b, column);
+            let x = grid.getDataItemValueForColumn(a, column);
+            let y = grid.getDataItemValueForColumn(b, column);
             if (typeof x === "string" && typeof y === "string") {
                 x = x.toLocaleLowerCase();
                 y = y.toLocaleLowerCase();
@@ -446,17 +446,17 @@ export function createJSLGrid(selector, data, columns, option) {
             }
         }
         function _visibleComparer(a, b) {
-            var x = column.formatter(0, 0, grid.getDataItemValueForColumn(a, column), column, a);
-            var y = column.formatter(0, 0, grid.getDataItemValueForColumn(b, column), column, b);
-            var xStr = (Object.prototype.toString.call(x) !== "[object Object]" ? x : x.text);
-            var yStr = (Object.prototype.toString.call(y) !== "[object Object]" ? y : y.text);
+            const x = column.formatter(0, 0, grid.getDataItemValueForColumn(a, column), column, a);
+            const y = column.formatter(0, 0, grid.getDataItemValueForColumn(b, column), column, b);
+            let xStr = (Object.prototype.toString.call(x) !== "[object Object]" ? x : x.text);
+            let yStr = (Object.prototype.toString.call(y) !== "[object Object]" ? y : y.text);
             if (typeof x === "string" && typeof y === "string") {
                 xStr = x.toLocaleLowerCase();
                 yStr = y.toLocaleLowerCase();
             }
             return (xStr === yStr ? 0 : (xStr > yStr ? 1 : -1));
         }
-        var comparer = column.comparer || (column.sortByVisibleValue ? _visibleComparer : _comparer);
+        const comparer = column.comparer || (column.sortByVisibleValue ? _visibleComparer : _comparer);
         dataView.sort(comparer, sortAsc ? true : false);
     }
     function setData(newData) {
@@ -477,27 +477,27 @@ export function createJSLGrid(selector, data, columns, option) {
         grid.invalidate();
     }
     function addFormula(field, fnc, usedColumns) {
-        formulaObjects.push({ fnc: fnc, column: field });
-        for (var i = 0; i < usedColumns.length; i++) {
+        formulaObjects.push({ fnc, column: field });
+        for (let i = 0; i < usedColumns.length; i++) {
             if (!formulas[usedColumns[i]]) {
                 formulas[usedColumns[i]] = [];
             }
-            formulas[usedColumns[i]].push({ fnc: fnc, column: field });
+            formulas[usedColumns[i]].push({ fnc, column: field });
         }
     }
     /**
      * returns the string representation of a value based on column settings
      */
     function getFormattedValue(column, value, item) {
-        var formatter = column.formatter || TextFormatter;
-        var formatterResult = formatter(0, 0, value, column, item, grid);
+        const formatter = column.formatter || TextFormatter;
+        const formatterResult = formatter(0, 0, value, column, item, grid);
         return (Object.prototype.toString.call(formatterResult) !== "[object Object]" ?
             formatterResult :
             (formatterResult.text));
     }
     function getContentWidth(column, row) {
-        var item = dataView.getItem(row);
-        var html = getFormattedValue(column, grid.getDataItemValueForColumn(item, column), item);
+        const item = dataView.getItem(row);
+        const html = getFormattedValue(column, grid.getDataItemValueForColumn(item, column), item);
         if (html.indexOf("<") >= 0) {
             return calcLengthInternal(html, true) + 12;
         }
@@ -509,14 +509,14 @@ export function createJSLGrid(selector, data, columns, option) {
             return calcTextLength(convertElement.textContent) + 12;
         }
     }
-    var measureElement;
-    var convertElement;
-    var charWidth = {};
+    let measureElement;
+    let convertElement;
+    const charWidth = {};
     function calcTextLength(text) {
-        var result = 0;
-        for (var i = 0; i < text.length; i++) {
-            var c = text[i];
-            var w = charWidth[c];
+        let result = 0;
+        for (let i = 0; i < text.length; i++) {
+            const c = text[i];
+            let w = charWidth[c];
             if (w == null) {
                 charWidth[c] = w = calcLengthInternal(c, false);
             }
@@ -531,7 +531,7 @@ export function createJSLGrid(selector, data, columns, option) {
             measureElement.style.position = "absolute";
             measureElement.style.whiteSpace = "pre";
             document.body.appendChild(measureElement);
-            grid.onBeforeDestroy.subscribe(function () {
+            grid.onBeforeDestroy.subscribe(() => {
                 if (measureElement.parentElement != null) {
                     measureElement.parentElement.removeChild(measureElement);
                 }
@@ -546,8 +546,8 @@ export function createJSLGrid(selector, data, columns, option) {
         return measureElement.getBoundingClientRect().width;
     }
     function fitToContent(column) {
-        var width = 10;
-        for (var idx = 0, len = grid.getDataLength(); idx < len; idx++) {
+        let width = 10;
+        for (let idx = 0, len = grid.getDataLength(); idx < len; idx++) {
             //const d = grid.getDataItem(idx);
             width = Math.max(width, getContentWidth(column, idx));
         }
@@ -560,16 +560,16 @@ export function createJSLGrid(selector, data, columns, option) {
         if (formulaObjects.length === 0) {
             return;
         }
-        for (var j = 0; j < formulaObjects.length; j++) {
-            for (var i = 0; i < data.length; i++) {
-                var val = formulaObjects[j].fnc(data[i], grid, formulaObjects[j].column);
+        for (let j = 0; j < formulaObjects.length; j++) {
+            for (let i = 0; i < data.length; i++) {
+                const val = formulaObjects[j].fnc(data[i], grid, formulaObjects[j].column);
                 data[i][formulaObjects[j].column] = val;
             }
         }
         refreshData();
     }
     function columnHasFilter(columnId) {
-        for (var i = 0, l = (filters ? filters.length : 0); i < l; i++) {
+        for (let i = 0, l = (filters ? filters.length : 0); i < l; i++) {
             if (filters[i].columnId === columnId) {
                 return true;
             }
@@ -577,10 +577,10 @@ export function createJSLGrid(selector, data, columns, option) {
         return false;
     }
     function refreshDataItem(item) {
-        var options = grid.getOptions();
+        const options = grid.getOptions();
         dataView.updateItem(item[options.primaryKey], item);
         // formula refresh
-        for (var f in formulas) {
+        for (const f in formulas) {
             if (formulas.hasOwnProperty(f)) {
                 triggerFormula(f, item);
             }
@@ -588,14 +588,14 @@ export function createJSLGrid(selector, data, columns, option) {
         grid.updateRow(dataView.getRowByItem(item));
     }
     function addFilter(filter, dontrefresh) {
-        var filterArray;
+        let filterArray;
         if (Array.isArray(filter)) {
             filterArray = filter;
         }
         else {
             filterArray = [filter];
         }
-        for (var idx = 0; idx < filterArray.length; idx++) {
+        for (let idx = 0; idx < filterArray.length; idx++) {
             // add filter
             filters.push(filterArray[idx]);
         }
@@ -617,7 +617,7 @@ export function createJSLGrid(selector, data, columns, option) {
             filters.length = 0;
         }
         else {
-            for (var i = 0; i < filters.length; i++) {
+            for (let i = 0; i < filters.length; i++) {
                 if (filters[i].columnId === columnId) {
                     filters.splice(i, 1);
                     i--;
@@ -629,9 +629,9 @@ export function createJSLGrid(selector, data, columns, option) {
         }
     }
     function refreshFilters(noColumnHeaderRefresh) {
-        var options = grid.getOptions();
+        const options = grid.getOptions();
         function client_filter(item, args) {
-            var filterArray = args;
+            const filterArray = args;
             // no filter present -> show all rows
             if (filterArray.length === 0) {
                 return true;
@@ -640,10 +640,10 @@ export function createJSLGrid(selector, data, columns, option) {
                 return filterArray[0].match.call(null, item, filterArray[0].field);
             }
             else {
-                var result = true;
-                var i = 0;
+                let result = true;
+                let i = 0;
                 while (i < filterArray.length) {
-                    var orResult = false;
+                    let orResult = false;
                     while (i < filterArray.length) { // combine or(s)
                         if (orResult || filterArray[i].match.call(null, item, filterArray[i].field)) {
                             orResult = true;
@@ -675,11 +675,11 @@ export function createJSLGrid(selector, data, columns, option) {
         grid.onFiltersChanged.notify();
     }
     function getSelectedItems() {
-        var selRows = grid.getSelectedRows();
-        var rows = [];
-        for (var i = 0; i < selRows.length; i++) {
-            var rowIdx = selRows[i];
-            var toPush = dataView.getItem(rowIdx);
+        const selRows = grid.getSelectedRows();
+        const rows = [];
+        for (let i = 0; i < selRows.length; i++) {
+            const rowIdx = selRows[i];
+            const toPush = dataView.getItem(rowIdx);
             if (toPush !== undefined && !toPush.__group && !toPush.__groupTotals) {
                 rows.push(toPush);
             }
@@ -697,29 +697,29 @@ export function createJSLGrid(selector, data, columns, option) {
     // }
     createMe();
     return $.shallowExtend(grid, {
-        dataView: dataView,
-        setHeight: setHeight,
-        getHeight: getHeight,
-        sort: sort,
-        refreshData: refreshData,
-        setData: setData,
-        getData: getData,
-        refresh: refresh,
-        addFormula: addFormula,
-        getFormattedValue: getFormattedValue,
-        getContentWidth: getContentWidth,
-        fitToContent: fitToContent,
-        triggerAllFormulas: triggerAllFormulas,
-        columnHasFilter: columnHasFilter,
-        refreshDataItem: refreshDataItem,
-        addFilter: addFilter,
-        setFilters: setFilters,
-        getFilters: getFilters,
-        clearFilter: clearFilter,
-        refreshFilters: refreshFilters,
-        getSelectedItems: getSelectedItems,
-        getRowMoveManager: getRowMoveManager,
-        getHeaderMenu: getHeaderMenu,
+        dataView,
+        setHeight,
+        getHeight,
+        sort,
+        refreshData,
+        setData,
+        getData,
+        refresh,
+        addFormula,
+        getFormattedValue,
+        getContentWidth,
+        fitToContent,
+        triggerAllFormulas,
+        columnHasFilter,
+        refreshDataItem,
+        addFilter,
+        setFilters,
+        getFilters,
+        clearFilter,
+        refreshFilters,
+        getSelectedItems,
+        getRowMoveManager,
+        getHeaderMenu,
         refreshColumnGroups: CreateColumnGroups
         // setHierachy
     });