@revolist/revogrid 4.9.4 → 4.9.6

package/dist/cjs/revo-grid.cjs.entry.js

@@ -6,18 +6,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-10d10c55.js');
-const dimension_helpers = require('./dimension.helpers-a6788214.js');
-const base_plugin = require('./base.plugin-bf5f43a0.js');
+const index = require('./index-2991afbb.js');
+const column_utils = require('./column.utils-694677fa.js');
 const toNumber = require('./toNumber-838e6ff5.js');
-const selection_helpers = require('./selection.helpers-1a8c8d49.js');
+const selection_helpers = require('./selection.helpers-4374518f.js');
 const debounce = require('./debounce-e2b7c6fb.js');
-const index = require('./index-2410bbd9.js');
-const viewport_store = require('./viewport.store-35a3e7ee.js');
+const rowHeaderUtils = require('./row-header-utils-b5266b12.js');
 const filter_button = require('./filter.button-afb16244.js');
-const column_service = require('./column.service-01f4a6c7.js');
-const events = require('./events-b28cc194.js');
+const column_service = require('./column.service-0615a373.js');
 const dispatcher = require('./dispatcher-998aa470.js');
-const headerCellRenderer = require('./header-cell-renderer-3bc70679.js');
+const headerCellRenderer = require('./header-cell-renderer-360528aa.js');
+const events = require('./events-af8f6914.js');
 
 class ThemeCompact {
     constructor() {
@@ -84,9 +83,9 @@ class ThemeService {
     }
 }
 
-var baseIteratee$1 = dimension_helpers._baseIteratee,
-    isArrayLike$2 = dimension_helpers.isArrayLike_1,
-    keys = dimension_helpers.keys_1;
+var baseIteratee = index._baseIteratee,
+    isArrayLike$1 = index.isArrayLike_1,
+    keys = index.keys_1;
 
 /**
  * Creates a `_.find` or `_.findLast` function.
@@ -98,8 +97,8 @@ var baseIteratee$1 = dimension_helpers._baseIteratee,
 function createFind$1(findIndexFunc) {
   return function(collection, predicate, fromIndex) {
     var iterable = Object(collection);
-    if (!isArrayLike$2(collection)) {
-      var iteratee = baseIteratee$1(predicate);
+    if (!isArrayLike$1(collection)) {
+      var iteratee = baseIteratee(predicate);
       collection = keys(collection);
       predicate = function(key) { return iteratee(iterable[key], key, iterable); };
     }
@@ -111,7 +110,7 @@ function createFind$1(findIndexFunc) {
 var _createFind = createFind$1;
 
 var createFind = _createFind,
-    findIndex = dimension_helpers.findIndex_1;
+    findIndex = index.findIndex_1;
 
 /**
  * Iterates over elements of `collection`, returning the first element
@@ -153,134 +152,24 @@ var find = createFind(findIndex);
 
 var find_1 = find;
 
-var baseEach = dimension_helpers._baseEach,
-    isArrayLike$1 = dimension_helpers.isArrayLike_1;
-
-/**
- * The base implementation of `_.map` without support for iteratee shorthands.
- *
- * @private
- * @param {Array|Object} collection The collection to iterate over.
- * @param {Function} iteratee The function invoked per iteration.
- * @returns {Array} Returns the new mapped array.
- */
-function baseMap$1(collection, iteratee) {
-  var index = -1,
-      result = isArrayLike$1(collection) ? Array(collection.length) : [];
-
-  baseEach(collection, function(value, key, collection) {
-    result[++index] = iteratee(value, key, collection);
-  });
-  return result;
-}
-
-var _baseMap = baseMap$1;
-
-var arrayMap = dimension_helpers._arrayMap,
-    baseIteratee = dimension_helpers._baseIteratee,
-    baseMap = _baseMap,
-    isArray$1 = dimension_helpers.isArray_1;
-
-/**
- * Creates an array of values by running each element in `collection` thru
- * `iteratee`. The iteratee is invoked with three arguments:
- * (value, index|key, collection).
- *
- * Many lodash methods are guarded to work as iteratees for methods like
- * `_.every`, `_.filter`, `_.map`, `_.mapValues`, `_.reject`, and `_.some`.
- *
- * The guarded methods are:
- * `ary`, `chunk`, `curry`, `curryRight`, `drop`, `dropRight`, `every`,
- * `fill`, `invert`, `parseInt`, `random`, `range`, `rangeRight`, `repeat`,
- * `sampleSize`, `slice`, `some`, `sortBy`, `split`, `take`, `takeRight`,
- * `template`, `trim`, `trimEnd`, `trimStart`, and `words`
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Collection
- * @param {Array|Object} collection The collection to iterate over.
- * @param {Function} [iteratee=_.identity] The function invoked per iteration.
- * @returns {Array} Returns the new mapped array.
- * @example
- *
- * function square(n) {
- *   return n * n;
- * }
- *
- * _.map([4, 8], square);
- * // => [16, 64]
- *
- * _.map({ 'a': 4, 'b': 8 }, square);
- * // => [16, 64] (iteration order is not guaranteed)
- *
- * var users = [
- *   { 'user': 'barney' },
- *   { 'user': 'fred' }
- * ];
- *
- * // The `_.property` iteratee shorthand.
- * _.map(users, 'user');
- * // => ['barney', 'fred']
- */
-function map(collection, iteratee) {
-  var func = isArray$1(collection) ? arrayMap : baseMap;
-  return func(collection, baseIteratee(iteratee));
-}
-
-var map_1 = map;
-
-class GroupingColumnPlugin extends base_plugin.BasePlugin {
-    static gatherGroup(res, colData, collection, level = 0) {
-        // group template
-        const group = Object.assign(Object.assign({}, colData), { level, ids: [] });
-        // check columns for update
-        for (let k in collection.columns) {
-            const key = k;
-            const resultItem = res.columns[key];
-            const collectionItem = collection.columns[key];
-            // if column data
-            if (dimension_helpers.isArray_1(resultItem) && dimension_helpers.isArray_1(collectionItem)) {
-                // fill columns
-                resultItem.push(...collectionItem);
-                // fill grouping
-                if (collectionItem.length) {
-                    res.columnGrouping[key].push(Object.assign(Object.assign({}, group), { ids: map_1(collectionItem, 'prop') }));
-                }
-            }
-        }
-        // merge column groupings
-        for (let k in collection.columnGrouping) {
-            const key = k;
-            const collectionItem = collection.columnGrouping[key];
-            res.columnGrouping[key].push(...collectionItem);
-        }
-        res.maxLevel = Math.max(res.maxLevel, collection.maxLevel);
-        res.sort = Object.assign(Object.assign({}, res.sort), collection.sort);
-        return res;
-    }
-}
-/**
- * Check if column is grouping column
- */
-function isColGrouping(colData) {
-    return !!colData.children;
-}
-
 class ColumnDataProvider {
     get order() {
-        return dimension_helpers.reduce_1(this.sorting, (r, c, prop) => {
-            r[prop] = c.order;
-            return r;
-        }, {});
+        const order = {};
+        const sorting = this.sorting;
+        if (sorting) {
+            Object.keys(sorting).forEach((prop) => {
+                order[prop] = sorting[prop].order;
+            });
+        }
+        return order;
     }
     get stores() {
         return this.dataSources;
     }
     constructor() {
         this.sorting = null;
-        this.dataSources = dimension_helpers.reduce_1(base_plugin.columnTypes, (sources, k) => {
-            sources[k] = new dimension_helpers.DataStore(k);
+        this.dataSources = column_utils.columnTypes.reduce((sources, k) => {
+            sources[k] = new index.DataStore(k);
             return sources;
         }, {});
     }
@@ -288,10 +177,10 @@ class ColumnDataProvider {
         return this.getColumn(c, pin || 'rgCol');
     }
     getColumn(virtualIndex, type) {
-        return dimension_helpers.getSourceItem(this.dataSources[type].store, virtualIndex);
+        return index.getSourceItem(this.dataSources[type].store, virtualIndex);
     }
     getRawColumns() {
-        return dimension_helpers.reduce_1(this.dataSources, (result, item, type) => {
+        return index.reduce_1(this.dataSources, (result, item, type) => {
             result[type] = item.store.get('source');
             return result;
         }, {
@@ -304,13 +193,13 @@ class ColumnDataProvider {
         if (type !== 'all') {
             return this.dataSources[type].store.get('source');
         }
-        return base_plugin.columnTypes.reduce((r, t) => {
+        return column_utils.columnTypes.reduce((r, t) => {
             r.push(...this.dataSources[t].store.get('source'));
             return r;
         }, []);
     }
     getColumnIndexByProp(prop, type) {
-        return dimension_helpers.getSourceItemVirtualIndexByProp(this.dataSources[type].store, prop);
+        return index.getSourceItemVirtualIndexByProp(this.dataSources[type].store, prop);
     }
     getColumnByProp(prop, type) {
         const items = this.dataSources[type].store.get('source');
@@ -320,7 +209,7 @@ class ColumnDataProvider {
         this.dataSources[type].refresh();
     }
     setColumns(data) {
-        base_plugin.columnTypes.forEach(k => {
+        column_utils.columnTypes.forEach(k => {
             // set columns data
             this.dataSources[k].updateData(data.columns[k], {
                 // max depth level
@@ -341,7 +230,7 @@ class ColumnDataProvider {
     updateColumns(cols) {
         // collect column by type and propert
         const columnByKey = cols.reduce((res, c) => {
-            const type = ColumnDataProvider.getColumnType(c);
+            const type = column_utils.getColumnType(c);
             if (!res[type]) {
                 res[type] = {};
             }
@@ -350,21 +239,33 @@ class ColumnDataProvider {
         }, {});
         // find indexes in source
         const colByIndex = {};
-        dimension_helpers.each(columnByKey, (colsToUpdate, type) => {
+        for (const t in columnByKey) {
+            if (!columnByKey.hasOwnProperty(t)) {
+                continue;
+            }
+            const type = t;
+            const colsToUpdate = columnByKey[type];
             const items = this.dataSources[type].store.get('source');
-            colByIndex[type] = items.reduce((result, rgCol, index) => {
+            colByIndex[type] = {};
+            for (let i = 0; i < items.length; i++) {
+                const rgCol = items[i];
                 const colToUpdateIfExists = colsToUpdate === null || colsToUpdate === void 0 ? void 0 : colsToUpdate[rgCol.prop];
                 if (colToUpdateIfExists) {
-                    result[index] = colToUpdateIfExists;
+                    colByIndex[type][i] = colToUpdateIfExists;
                 }
-                return result;
-            }, {});
-        });
-        dimension_helpers.each(colByIndex, (colsToUpdate, type) => dimension_helpers.setSourceByVirtualIndex(this.dataSources[type].store, colsToUpdate || {}));
+            }
+        }
+        for (const t in colByIndex) {
+            if (!colByIndex.hasOwnProperty(t)) {
+                continue;
+            }
+            const type = t;
+            index.setSourceByVirtualIndex(this.dataSources[type].store, colByIndex[type] || {});
+        }
     }
-    updateColumn(column, index) {
-        const type = ColumnDataProvider.getColumnType(column);
-        dimension_helpers.setSourceByVirtualIndex(this.dataSources[type].store, { [index]: column });
+    updateColumn(column, index$1) {
+        const type = column_utils.getColumnType(column);
+        index.setSourceByVirtualIndex(this.dataSources[type].store, { [index$1]: column });
     }
     updateColumnSorting(column, index, sorting, additive) {
         if (!additive) {
@@ -379,90 +280,18 @@ class ColumnDataProvider {
         return column;
     }
     clearSorting() {
-        const types = dimension_helpers.reduce_1(this.sorting, (r, c) => {
-            const k = ColumnDataProvider.getColumnType(c);
+        const types = index.reduce_1(this.sorting, (r, c) => {
+            const k = column_utils.getColumnType(c);
             r[k] = true;
             return r;
         }, {});
-        dimension_helpers.each(types, (_, type) => {
+        index.each(types, (_, type) => {
             const cols = this.dataSources[type].store.get('source');
-            dimension_helpers.each(cols, (c) => (c.order = undefined));
+            index.each(cols, (c) => (c.order = undefined));
             this.dataSources[type].setData({ source: [...cols] });
         });
         this.sorting = {};
     }
-    static getSizes(cols) {
-        return dimension_helpers.reduce_1(cols, (res, c, i) => {
-            if (c.size) {
-                res[i] = c.size;
-            }
-            return res;
-        }, {});
-    }
-    static getColumnByProp(columns, prop) {
-        return find_1(columns, c => {
-            if (isColGrouping(c)) {
-                return ColumnDataProvider.getColumnByProp(c.children, prop);
-            }
-            return c.prop === prop;
-        });
-    }
-    // columns processing
-    static getColumns(columns, level = 0, types) {
-        const collection = {
-            // columns as they are in stores per type
-            columns: {
-                rgCol: [],
-                colPinStart: [],
-                colPinEnd: [],
-            },
-            // columns grouped by prop for quick access
-            columnByProp: {},
-            // column grouping
-            columnGrouping: {
-                rgCol: [],
-                colPinStart: [],
-                colPinEnd: [],
-            },
-            // max depth level for column grouping
-            maxLevel: level,
-            // sorting
-            sort: {},
-        };
-        return dimension_helpers.reduce_1(columns, (res, colData) => {
-            // Grouped column
-            if (isColGrouping(colData)) {
-                return GroupingColumnPlugin.gatherGroup(res, colData, ColumnDataProvider.getColumns(colData.children, level + 1, types), level);
-            }
-            // Regular column
-            const regularColumn = Object.assign(Object.assign({}, (colData.columnType && types && types[colData.columnType])), colData);
-            // Regular column, no Pin
-            if (!regularColumn.pin) {
-                res.columns.rgCol.push(regularColumn);
-                // Pin
-            }
-            else {
-                res.columns[regularColumn.pin].push(regularColumn);
-            }
-            if (regularColumn.order) {
-                res.sort[regularColumn.prop] = regularColumn;
-            }
-            // technically it's possible that some columns have same prop, but better to avoid it
-            if (!res.columnByProp[regularColumn.prop]) {
-                res.columnByProp[regularColumn.prop] = [];
-            }
-            res.columnByProp[regularColumn.prop].push(regularColumn);
-            // trigger setup hook if present
-            regularColumn.beforeSetup && regularColumn.beforeSetup(regularColumn);
-            return res;
-        }, collection);
-    }
-    static getColumnType(rgCol) {
-        if (rgCol.pin) {
-            return rgCol.pin;
-        }
-        return 'rgCol';
-    }
 }
 
 /**
@@ -471,8 +300,8 @@ class ColumnDataProvider {
 class DataProvider {
     constructor(dimensionProvider) {
         this.dimensionProvider = dimensionProvider;
-        this.stores = dimension_helpers.reduce_1(base_plugin.rowTypes, (sources, k) => {
-            sources[k] = new dimension_helpers.DataStore(k);
+        this.stores = index.reduce_1(column_utils.rowTypes, (sources, k) => {
+            sources[k] = new index.DataStore(k);
             return sources;
         }, {});
     }
@@ -486,18 +315,18 @@ class DataProvider {
     }
     getModel(virtualIndex, type = 'rgRow') {
         const store = this.stores[type].store;
-        return dimension_helpers.getSourceItem(store, virtualIndex);
+        return index.getSourceItem(store, virtualIndex);
     }
     setCellData({ type, rowIndex, prop, val }, mutate = true) {
         const model = this.getModel(rowIndex, type);
         model[prop] = val;
         // apply data to source
-        dimension_helpers.setSourceByVirtualIndex(this.stores[type].store, { [rowIndex]: model }, mutate);
+        index.setSourceByVirtualIndex(this.stores[type].store, { [rowIndex]: model }, mutate);
     }
     setRangeData(data, type) {
         const items = {};
         for (let rowIndex in data) {
-            const oldModel = (items[rowIndex] = dimension_helpers.getSourceItem(this.stores[type].store, parseInt(rowIndex, 10)));
+            const oldModel = (items[rowIndex] = index.getSourceItem(this.stores[type].store, parseInt(rowIndex, 10)));
             if (!oldModel) {
                 continue;
             }
@@ -506,13 +335,13 @@ class DataProvider {
             }
         }
         // apply data to source
-        dimension_helpers.setSourceByVirtualIndex(this.stores[type].store, items);
+        index.setSourceByVirtualIndex(this.stores[type].store, items);
     }
     refresh(type = 'all') {
-        if (base_plugin.isRowType(type)) {
+        if (column_utils.isRowType(type)) {
             this.refreshItems(type);
         }
-        base_plugin.rowTypes.forEach((t) => this.refreshItems(t));
+        column_utils.rowTypes.forEach((t) => this.refreshItems(t));
     }
     refreshItems(type = 'rgRow') {
         const items = this.stores[type].store.get('items');
@@ -526,7 +355,7 @@ class DataProvider {
         store.addTrimmed(trimmed);
         this.dimensionProvider.setTrimmed(trimmed, type);
         if (type === 'rgRow') {
-            this.dimensionProvider.setData(dimension_helpers.getVisibleSourceItem(store.store).length, type);
+            this.dimensionProvider.setData(index.getVisibleSourceItem(store.store).length, type);
         }
     }
 }
@@ -539,8 +368,8 @@ class DimensionProvider {
     constructor(viewports, config) {
         this.viewports = viewports;
         const sizeChanged = debounce.debounce_1((k) => config.realSizeChanged(k), index.RESIZE_INTERVAL);
-        this.stores = dimension_helpers.reduce_1([...base_plugin.rowTypes, ...base_plugin.columnTypes], (sources, k) => {
-            sources[k] = new base_plugin.DimensionStore();
+        this.stores = index.reduce_1([...column_utils.rowTypes, ...column_utils.columnTypes], (sources, k) => {
+            sources[k] = new column_utils.DimensionStore();
             sources[k].store.onChange('realSize', () => sizeChanged(k));
             return sources;
         }, {});
@@ -581,7 +410,7 @@ class DimensionProvider {
      * @param type
      */
     setTrimmed(trimmed, type) {
-        const allTrimmed = dimension_helpers.gatherTrimmedItems(trimmed);
+        const allTrimmed = index.gatherTrimmedItems(trimmed);
         const dimStoreType = this.stores[type];
         dimStoreType.setStore({ trimmed: allTrimmed });
         this.updateViewport(type, true);
@@ -604,7 +433,7 @@ class DimensionProvider {
         this.updateViewport(type);
     }
     applyNewColumns(columns, disableVirtualX) {
-        for (let type of base_plugin.columnTypes) {
+        for (let type of column_utils.columnTypes) {
             // clear existing data
             this.stores[type].drop();
             const items = columns[type];
@@ -613,7 +442,7 @@ class DimensionProvider {
             // setItemCount
             this.stores[type].setStore({ count: items.length });
             // setCustomSizes
-            const newSizes = ColumnDataProvider.getSizes(items);
+            const newSizes = column_utils.getColumnSizes(items);
             this.stores[type].setDimensionSize(newSizes);
             const vpUpdate = {
                 // this triggers drop on realCount change
@@ -634,10 +463,10 @@ class DimensionProvider {
         var _a, _b;
         let x = 0;
         let y = 0;
-        for (let type of base_plugin.columnTypes) {
+        for (let type of column_utils.columnTypes) {
             x += ((_a = this.stores[type]) === null || _a === void 0 ? void 0 : _a.store.get('realSize')) || 0;
         }
-        for (let type of base_plugin.rowTypes) {
+        for (let type of column_utils.rowTypes) {
             y += ((_b = this.stores[type]) === null || _b === void 0 ? void 0 : _b.store.get('realSize')) || 0;
         }
         return { y, x };
@@ -655,17 +484,17 @@ class DimensionProvider {
     }
     getViewPortPos(e) {
         const dimension = this.stores[e.dimension].getCurrentState();
-        const item = dimension_helpers.getItemByIndex(dimension, e.coordinate);
+        const item = index.getItemByIndex(dimension, e.coordinate);
         return item.start;
     }
     setSettings(data, dimensionType) {
         let stores = [];
         switch (dimensionType) {
             case 'rgCol':
-                stores = base_plugin.columnTypes;
+                stores = column_utils.columnTypes;
                 break;
             case 'rgRow':
-                stores = base_plugin.rowTypes;
+                stores = column_utils.rowTypes;
                 break;
         }
         for (let s of stores) {
@@ -676,8 +505,8 @@ class DimensionProvider {
 
 class ViewportProvider {
     constructor() {
-        this.stores = dimension_helpers.reduce_1([...base_plugin.rowTypes, ...base_plugin.columnTypes], (sources, k) => {
-            sources[k] = new viewport_store.ViewportStore(k);
+        this.stores = index.reduce_1([...column_utils.rowTypes, ...column_utils.columnTypes], (sources, k) => {
+            sources[k] = new rowHeaderUtils.ViewportStore(k);
             return sources;
         }, {});
     }
@@ -700,7 +529,7 @@ var ColumnAutoSizeMode;
     // increases and decreases column width based on all items sizes, worst for performance
     ColumnAutoSizeMode["autoSizeAll"] = "autoSizeAll";
 })(ColumnAutoSizeMode || (ColumnAutoSizeMode = {}));
-class AutoSizeColumnPlugin extends base_plugin.BasePlugin {
+class AutoSizeColumnPlugin extends column_utils.BasePlugin {
     constructor(revogrid, providers, config) {
         super(revogrid, providers);
         this.providers = providers;
@@ -728,7 +557,7 @@ class AutoSizeColumnPlugin extends base_plugin.BasePlugin {
             this.columnSet(columns);
         };
         const headerDblClick = ({ detail }) => {
-            const type = ColumnDataProvider.getColumnType(detail.column);
+            const type = column_utils.getColumnType(detail.column);
             const size = this.getColumnSize(detail.index, type);
             if (size) {
                 this.providers.dimension.setCustomSizes(type, {
@@ -771,9 +600,9 @@ class AutoSizeColumnPlugin extends base_plugin.BasePlugin {
             }
         }
         // calculate sizes
-        dimension_helpers.each(autoSize, (_v, type) => {
+        index.each(autoSize, (_v, type) => {
             const sizes = {};
-            dimension_helpers.each(autoSize[type], rgCol => {
+            index.each(autoSize[type], rgCol => {
                 // calculate size
                 rgCol.size = sizes[rgCol.index] = source.reduce((prev, rgRow) => Math.max(prev, this.getLength(rgRow[rgCol.prop])), this.getLength(rgCol.name || ''));
             });
@@ -807,12 +636,12 @@ class AutoSizeColumnPlugin extends base_plugin.BasePlugin {
         else {
             data = { 0: { [e.prop]: e.val } };
         }
-        dimension_helpers.each(this.autoSizeColumns, (columns, type) => {
+        index.each(this.autoSizeColumns, (columns, type) => {
             const sizes = {};
-            dimension_helpers.each(columns, rgCol => {
+            index.each(columns, rgCol => {
                 var _a;
                 // calculate size
-                const size = dimension_helpers.reduce_1(data, (prev, rgRow) => {
+                const size = index.reduce_1(data, (prev, rgRow) => {
                     if (typeof rgRow[rgCol.prop] === 'undefined') {
                         return prev;
                     }
@@ -828,14 +657,14 @@ class AutoSizeColumnPlugin extends base_plugin.BasePlugin {
     afterEditAll(e) {
         const props = {};
         if (this.isRangeEdit(e)) {
-            dimension_helpers.each(e.data, r => dimension_helpers.each(r, (_v, p) => (props[p] = true)));
+            index.each(e.data, r => index.each(r, (_v, p) => (props[p] = true)));
         }
         else {
             props[e.prop] = true;
         }
-        dimension_helpers.each(this.autoSizeColumns, (columns, type) => {
+        index.each(this.autoSizeColumns, (columns, type) => {
             const sizes = {};
-            dimension_helpers.each(columns, rgCol => {
+            index.each(columns, rgCol => {
                 if (props[rgCol.prop]) {
                     const size = this.getColumnSize(rgCol.index, type);
                     if (size) {
@@ -846,15 +675,15 @@ class AutoSizeColumnPlugin extends base_plugin.BasePlugin {
             this.providers.dimension.setCustomSizes(type, sizes, true);
         });
     }
-    getColumnSize(index, type) {
+    getColumnSize(index$1, type) {
         var _a, _b;
-        const rgCol = (_b = (_a = this.autoSizeColumns) === null || _a === void 0 ? void 0 : _a[type]) === null || _b === void 0 ? void 0 : _b[index];
+        const rgCol = (_b = (_a = this.autoSizeColumns) === null || _a === void 0 ? void 0 : _a[type]) === null || _b === void 0 ? void 0 : _b[index$1];
         if (!rgCol) {
             return 0;
         }
-        return dimension_helpers.reduce_1(this.providers.data.stores, (r, s) => {
-            const perStore = dimension_helpers.reduce_1(s.store.get('items'), (prev, _row, i) => {
-                const item = dimension_helpers.getSourceItem(s.store, i);
+        return index.reduce_1(this.providers.data.stores, (r, s) => {
+            const perStore = index.reduce_1(s.store.get('items'), (prev, _row, i) => {
+                const item = index.getSourceItem(s.store, i);
                 return Math.max(prev || 0, this.getLength(item[rgCol.prop]));
             }, 0);
             return Math.max(r, perStore);
@@ -862,7 +691,7 @@ class AutoSizeColumnPlugin extends base_plugin.BasePlugin {
     }
     columnSet(columns) {
         var _a;
-        for (let t of base_plugin.columnTypes) {
+        for (let t of column_utils.columnTypes) {
             const type = t;
             const cols = columns[type];
             for (let i in cols) {
@@ -1043,7 +872,7 @@ const filterTypes = {
 
 const FILTER_TRIMMED_TYPE = 'filter';
 const FILTER_CONFIG_CHANGED_EVENT = 'filterconfigchanged';
-class FilterPlugin extends base_plugin.BasePlugin {
+class FilterPlugin extends column_utils.BasePlugin {
     constructor(revogrid, providers, config) {
         var _a;
         super(revogrid, providers);
@@ -1134,7 +963,7 @@ class FilterPlugin extends base_plugin.BasePlugin {
             }
         }
         if (config.collection) {
-            this.filterCollection = dimension_helpers.reduce_1(config.collection, (result, item, prop) => {
+            this.filterCollection = index.reduce_1(config.collection, (result, item, prop) => {
                 if (this.possibleFilterEntities[item.type]) {
                     result[prop] = item;
                 }
@@ -1333,7 +1162,7 @@ class FilterPlugin extends base_plugin.BasePlugin {
 }
 
 var baseGetTag = toNumber._baseGetTag,
-    isArray = dimension_helpers.isArray_1,
+    isArray = index.isArray_1,
     isObjectLike = toNumber.isObjectLike_1;
 
 /** `Object#toString` result references. */
@@ -1363,7 +1192,7 @@ function isString$1(value) {
 
 var isString_1 = isString$1;
 
-var baseProperty = dimension_helpers._baseProperty;
+var baseProperty = index._baseProperty;
 
 /**
  * Gets the size of an ASCII `string`.
@@ -1469,9 +1298,9 @@ function stringSize$1(string) {
 
 var _stringSize = stringSize$1;
 
-var baseKeys = dimension_helpers._baseKeys,
-    getTag = dimension_helpers._getTag,
-    isArrayLike = dimension_helpers.isArrayLike_1,
+var baseKeys = index._baseKeys,
+    getTag = index._getTag,
+    isArrayLike = index.isArrayLike_1,
     isString = isString_1,
     stringSize = _stringSize;
 
@@ -1525,7 +1354,7 @@ var size_1 = size;
  *
  * Note: If you prevent an event, it will not proceed to the subsequent steps.
  */
-class SortingPlugin extends base_plugin.BasePlugin {
+class SortingPlugin extends column_utils.BasePlugin {
     async runSorting(order, comparison) {
         var _a;
         await this.sort(order, comparison);
@@ -1551,7 +1380,7 @@ class SortingPlugin extends base_plugin.BasePlugin {
             const columns = (await this.revogrid.getColumns());
             const sortingFunc = {};
             for (let prop in order) {
-                const cmp = this.getComparer(ColumnDataProvider.getColumnByProp(columns, prop), order[prop]);
+                const cmp = this.getComparer(column_utils.getColumnByProp(columns, prop), order[prop]);
                 sortingFunc[prop] = cmp;
             }
             this.runSorting(order, sortingFunc);
@@ -1659,8 +1488,8 @@ class SortingPlugin extends base_plugin.BasePlugin {
                 // row data
                 const source = store.get('source');
                 // row indexes
-                const proxyItems = dimension_helpers.range_1(0, source.length);
-                dimension_helpers.setStore(store, {
+                const proxyItems = index.range_1(0, source.length);
+                index.setStore(store, {
                     proxyItems,
                     source: [...source],
                 });
@@ -1679,7 +1508,7 @@ class SortingPlugin extends base_plugin.BasePlugin {
                 // row indexes
                 const proxyItems = store.get('proxyItems');
                 const data = this.sortIndexByItems([...proxyItems], source, sortingFunc);
-                dimension_helpers.setStore(store, {
+                index.setStore(store, {
                     proxyItems: data,
                     source: [...source],
                 });
@@ -1762,7 +1591,7 @@ function baseClamp$1(number, lower, upper) {
 var _baseClamp = baseClamp$1;
 
 var baseClamp = _baseClamp,
-    toInteger$1 = dimension_helpers.toInteger_1;
+    toInteger$1 = index.toInteger_1;
 
 /** Used as references for the maximum length and index of an array. */
 var MAX_ARRAY_LENGTH = 4294967295;
@@ -1800,7 +1629,7 @@ function toLength$1(value) {
 
 var toLength_1 = toLength$1;
 
-var toInteger = dimension_helpers.toInteger_1,
+var toInteger = index.toInteger_1,
     toLength = toLength_1;
 
 /**
@@ -1834,7 +1663,7 @@ function baseFill$1(array, value, start, end) {
 var _baseFill = baseFill$1;
 
 var baseFill = _baseFill,
-    isIterateeCall = dimension_helpers._isIterateeCall;
+    isIterateeCall = index._isIterateeCall;
 
 /**
  * Fills elements of `array` with `value` from `start` up to, but not
@@ -1951,7 +1780,7 @@ var ExportTypes;
 (function (ExportTypes) {
     ExportTypes["csv"] = "csv";
 })(ExportTypes || (ExportTypes = {}));
-class ExportFilePlugin extends base_plugin.BasePlugin {
+class ExportFilePlugin extends column_utils.BasePlugin {
     /** Exports string */
     async exportString(options = {}, t = ExportTypes.csv) {
         const data = await this.beforeexport();
@@ -2009,7 +1838,7 @@ class ExportFilePlugin extends base_plugin.BasePlugin {
         const data = await this.getSource();
         const colSource = [];
         const colPromises = [];
-        base_plugin.columnTypes.forEach((t, i) => {
+        column_utils.columnTypes.forEach((t, i) => {
             colPromises.push(this.getColPerSource(t).then(s => (colSource[i] = s)));
         });
         await Promise.all(colPromises);
@@ -2085,7 +1914,7 @@ class ExportFilePlugin extends base_plugin.BasePlugin {
     async getSource() {
         const data = [];
         const promisesData = [];
-        base_plugin.rowTypes.forEach(t => {
+        column_utils.rowTypes.forEach(t => {
             const dataPart = [];
             data.push(dataPart);
             const promise = this.revogrid.getVisibleSource(t).then((d) => dataPart.push(...d));
@@ -2227,7 +2056,7 @@ function processDoubleConversionTrimmed(initiallyTrimed, firstLevelMap, secondLe
     return trimemedOptionsToUpgrade;
 }
 
-class GroupingRowPlugin extends base_plugin.BasePlugin {
+class GroupingRowPlugin extends column_utils.BasePlugin {
     get hasProps() {
         var _a, _b, _c;
         return ((_a = this.options) === null || _a === void 0 ? void 0 : _a.props) && ((_c = (_b = this.options) === null || _b === void 0 ? void 0 : _b.props) === null || _c === void 0 ? void 0 : _c.length);
@@ -2257,14 +2086,14 @@ class GroupingRowPlugin extends base_plugin.BasePlugin {
     onExpand({ virtualIndex }) {
         const { source } = this.getSource();
         let newTrimmed = this.trimmed[TRIMMED_GROUPING];
-        let i = dimension_helpers.getPhysical(this.store, virtualIndex);
+        let i = index.getPhysical(this.store, virtualIndex);
         const model = source[i];
         const prevExpanded = model[column_service.GROUP_EXPANDED];
         if (!prevExpanded) {
             const { trimmed, items } = doExpand(virtualIndex, source, this.rowItems);
             newTrimmed = Object.assign(Object.assign({}, newTrimmed), trimmed);
             if (items) {
-                dimension_helpers.setItems(this.store, items);
+                index.setItems(this.store, items);
             }
         }
         else {
@@ -2314,7 +2143,7 @@ class GroupingRowPlugin extends base_plugin.BasePlugin {
         return false;
     }
     setColumns({ columns }) {
-        for (let type of base_plugin.columnTypes) {
+        for (let type of column_utils.columnTypes) {
             if (this.setColumnGrouping(columns[type])) {
                 break;
             }
@@ -2433,7 +2262,7 @@ class GroupingRowPlugin extends base_plugin.BasePlugin {
             this.doSourceUpdate(Object.assign({}, options));
         }
         // props exist and columns inited
-        for (let t of base_plugin.columnTypes) {
+        for (let t of column_utils.columnTypes) {
             if (this.setColumnGrouping(this.providers.column.getColumns(t))) {
                 this.providers.column.refreshByType(t);
                 break;
@@ -2445,7 +2274,7 @@ class GroupingRowPlugin extends base_plugin.BasePlugin {
     // clear grouping
     clearGrouping() {
         // clear columns
-        base_plugin.columnTypes.forEach(t => {
+        column_utils.columnTypes.forEach(t => {
             const cols = this.providers.column.getColumns(t);
             let deleted = false;
             cols.forEach(c => {
@@ -2491,7 +2320,7 @@ function gatherColumnData(data) {
         style: data.fixWidth ? { minWidth: `${realWidth}px` } : undefined,
     };
     const headerProp = {
-        colData: dimension_helpers.getVisibleSourceItem(data.colStore),
+        colData: index.getVisibleSourceItem(data.colStore),
         dimensionCol: colDimension,
         type: data.colType,
         groups: data.colStore.get('groups'),
@@ -2516,7 +2345,7 @@ class ViewportService {
         // Transform data from stores and apply it to different components
         const columns = [];
         let x = 0; // we increase x only if column present
-        base_plugin.columnTypes.forEach(val => {
+        column_utils.columnTypes.forEach(val => {
             const colStore = config.columnProvider.stores[val].store;
             // only columns that have data show
             if (!colStore.get('items').length) {
@@ -2578,11 +2407,11 @@ class ViewportService {
     onColumnResize(type, { detail }, store) {
         var _a;
         (_a = this.config.dimensionProvider) === null || _a === void 0 ? void 0 : _a.setCustomSizes(type, detail, true);
-        const changedItems = dimension_helpers.reduce_1(detail || {}, (r, size, i) => {
-            const index = parseInt(i, 10);
-            const item = dimension_helpers.getSourceItem(store, index);
+        const changedItems = index.reduce_1(detail || {}, (r, size, i) => {
+            const index$1 = parseInt(i, 10);
+            const item = index.getSourceItem(store, index$1);
             if (item) {
-                r[index] = Object.assign(Object.assign({}, item), { size });
+                r[index$1] = Object.assign(Object.assign({}, item), { size });
             }
             return r;
         }, {});
@@ -2609,7 +2438,7 @@ class ViewportService {
         };
         // y position for selection
         let y = 0;
-        return base_plugin.rowTypes.reduce((result, type) => {
+        return column_utils.rowTypes.reduce((result, type) => {
             // filter out empty sources, we still need to return source to keep slot working
             const isPresent = data.viewports[type].store.get('realCount') || type === 'rgRow';
             const rgCol = Object.assign(Object.assign({}, data), { position: Object.assign(Object.assign({}, data.position), { y: isPresent ? y : selection_helpers.EMPTY_INDEX }) });
@@ -2739,9 +2568,9 @@ class GridScrollingService {
             if (elKey === key) {
                 continue;
             }
-            if (base_plugin.columnTypes.includes(key) &&
+            if (column_utils.columnTypes.includes(key) &&
                 (elKey === 'headerRow' ||
-                    base_plugin.columnTypes.includes(elKey))) {
+                    column_utils.columnTypes.includes(elKey))) {
                 for (let el of this.elements[elKey]) {
                     await ((_a = el.changeScroll) === null || _a === void 0 ? void 0 : _a.call(el, e, true));
                 }
@@ -2827,7 +2656,7 @@ const OrderRenderer = ({ ref }) => {
         index$1.h("div", { class: "drag-position", ref: e => (service.rgRow = e) })));
 };
 
-class StretchColumn extends base_plugin.BasePlugin {
+class StretchColumn extends column_utils.BasePlugin {
     constructor(revogrid, providers) {
         super(revogrid, providers);
         this.providers = providers;
@@ -2874,14 +2703,14 @@ class StretchColumn extends base_plugin.BasePlugin {
         this.dropChanges();
         // calculate grid size
         let sizeDifference = this.revogrid.clientWidth - 1;
-        dimension_helpers.each(columns, (_, type) => {
+        index.each(columns, (_, type) => {
             const realSize = this.providers.dimension.stores[type].store.get('realSize');
             sizeDifference -= realSize;
         });
         if (this.revogrid.rowHeaders) {
             const itemsLength = this.providers.data.stores.rgRow.store.get('source').length;
             const header = this.revogrid.rowHeaders;
-            const rowHeaderSize = events.calculateRowHeaderSize(itemsLength, typeof header === 'object' ? header : undefined);
+            const rowHeaderSize = rowHeaderUtils.calculateRowHeaderSize(itemsLength, typeof header === 'object' ? header : undefined);
             if (rowHeaderSize) {
                 sizeDifference -= rowHeaderSize;
             }
@@ -3021,7 +2850,7 @@ const DRAG_END = 'columndragend';
 const BEFORE_DRAG_END = 'beforecolumndragend';
 // use this event subscription to drop D&D for particular columns
 const DRAG_START = 'columndragstart';
-class ColumnPlugin extends base_plugin.BasePlugin {
+class ColumnPlugin extends column_utils.BasePlugin {
     constructor(revogrid, providers) {
         super(revogrid, providers);
         this.revogrid = revogrid;
@@ -3067,13 +2896,13 @@ class ColumnPlugin extends base_plugin.BasePlugin {
             return;
         }
         // no grouping drag and no row header column drag
-        if (isColGrouping(data) || data.providers.type === 'rowHeaders') {
+        if (column_utils.isColGrouping(data) || data.providers.type === 'rowHeaders') {
             return;
         }
         const cols = this.getDimension(data.pin || 'rgCol');
         const gridRect = this.revogrid.getBoundingClientRect();
         const elRect = dataEl.getBoundingClientRect();
-        const startItem = dimension_helpers.getItemByPosition(cols, getLeftRelative(event.x, gridRect.left, elRect.left - gridRect.left));
+        const startItem = index.getItemByPosition(cols, getLeftRelative(event.x, gridRect.left, elRect.left - gridRect.left));
         this.staticDragData = {
             startPos: event.x,
             startItem,
@@ -3098,7 +2927,7 @@ class ColumnPlugin extends base_plugin.BasePlugin {
         const start = this.staticDragData.startPos;
         if (Math.abs(start - e.x) > 10) {
             const x = getLeftRelative(e.x, this.dragData.gridRect.left, this.dragData.scrollOffset);
-            const rgCol = dimension_helpers.getItemByPosition(this.staticDragData.cols, x);
+            const rgCol = index.getItemByPosition(this.staticDragData.cols, x);
             this.orderUi.autoscroll(x, dragData.elRect.width);
             this.orderUi.showHandler(rgCol.end + dragData.scrollOffset, dragData.gridRect.width);
         }
@@ -3118,7 +2947,7 @@ class ColumnPlugin extends base_plugin.BasePlugin {
             if (relativePos < 0) {
                 relativePos = 0;
             }
-            const newPosition = dimension_helpers.getItemByPosition(this.staticDragData.cols, relativePos);
+            const newPosition = index.getItemByPosition(this.staticDragData.cols, relativePos);
             const store = this.providers.column.stores[this.dragData.type].store;
             const items = [...store.get('items')];
             // prevent position change if needed
@@ -3134,7 +2963,7 @@ class ColumnPlugin extends base_plugin.BasePlugin {
         this.clearOrder();
     }
     clearLocalSubscriptions() {
-        dimension_helpers.each(this.localSubscriptions, ({ target, callback }, key) => target.removeEventListener(key, callback));
+        index.each(this.localSubscriptions, ({ target, callback }, key) => target.removeEventListener(key, callback));
     }
     clearOrder() {
         this.staticDragData = null;
@@ -3339,7 +3168,7 @@ const RevoGridComponent = class {
     /**  Open editor for cell. */
     async setCellEdit(rgRow, prop, rowSource = 'rgRow') {
         var _a;
-        const rgCol = ColumnDataProvider.getColumnByProp(this.columns, prop);
+        const rgCol = column_utils.getColumnByProp(this.columns, prop);
         if (!rgCol) {
             return;
         }
@@ -3362,7 +3191,7 @@ const RevoGridComponent = class {
      * @param type - type of source
      */
     async getVisibleSource(type = 'rgRow') {
-        return dimension_helpers.getVisibleSourceItem(this.dataProvider.stores[type].store);
+        return index.getVisibleSourceItem(this.dataProvider.stores[type].store);
     }
     /**
      * Provides access to rows internal store observer
@@ -3563,7 +3392,7 @@ const RevoGridComponent = class {
         this.columnChanged(this.columns);
     }
     columnChanged(newVal = []) {
-        const columnGather = ColumnDataProvider.getColumns(newVal, 0, this.columnTypes);
+        const columnGather = column_utils.getColumns(newVal, 0, this.columnTypes);
         this.beforecolumnsset.emit(columnGather);
         this.dimensionProvider.applyNewColumns(columnGather.columns, this.disableVirtualX);
         this.beforecolumnapplied.emit(columnGather);
@@ -3873,7 +3702,7 @@ const RevoGridComponent = class {
             const headerProperties = Object.assign(Object.assign({}, view.headerProp), { type: view.type, additionalData: this.additionalData, viewportCol: view.viewportCol, selectionStore: view.columnSelectionStore, canResize: this.resize, readonly: this.readonly, columnFilter: !!this.filter });
             // Column headers
             const dataViews = [
-                index$1.h("revogr-header", Object.assign({ key: 'b08c837765cf20c88cb5b253a876f0f442c31628' }, headerProperties, { slot: column_service.HEADER_SLOT })),
+                index$1.h("revogr-header", Object.assign({ key: 'bada77126c317da09a9826312186c16617c7b0af' }, headerProperties, { slot: column_service.HEADER_SLOT })),
             ];
             // Render viewport data (vertical sections)
             view.dataPorts.forEach(data => {
@@ -3895,12 +3724,12 @@ const RevoGridComponent = class {
         const typeCol = 'rgCol';
         const viewports = this.viewportProvider.stores;
         const dimensions = this.dimensionProvider.stores;
-        return (index$1.h(index$1.Host, { key: '057a2cf1a64aaeec12d2aca17b09316fb3cbfde6' }, this.hideAttribution ? null : (index$1.h("revogr-attribution", { class: "attribution" })), index$1.h("div", { key: 'e89e3d136d756f80421f42f47e09583985edb1bc', class: "main-viewport", onClick: (e) => {
+        return (index$1.h(index$1.Host, { key: '9b95aef4de8af770036a733986e7e0fe2dd3ffda' }, this.hideAttribution ? null : (index$1.h("revogr-attribution", { class: "attribution" })), index$1.h("div", { key: '68dbc0fca826a0089402157d301c49a0776e9007', class: "main-viewport", onClick: (e) => {
                 var _a;
                 if (e.currentTarget === e.target) {
                     (_a = this.viewport) === null || _a === void 0 ? void 0 : _a.clearEdit();
                 }
-            } }, index$1.h("div", { key: '177db78970907d36b8d56549386a18a683573944', class: "viewports" }, index$1.h("slot", { key: '481d830a232b1969fcaa2519a5306fafaff58fb4', name: "viewport" }), viewportSections, index$1.h("revogr-scroll-virtual", { key: '6a123b2e84bec95d7a63a73322fe167248e8415e', class: "vertical", dimension: typeRow, viewportStore: viewports[typeRow].store, dimensionStore: dimensions[typeRow].store, ref: el => this.scrollingService.registerElement(el, 'rowScroll'), onScrollvirtual: e => this.scrollingService.proxyScroll(e.detail) }), index$1.h(OrderRenderer, { key: 'fea1be24668f2039746fff93d0ab5e76d932a166', ref: e => (this.orderService = e) }))), index$1.h("revogr-scroll-virtual", { key: '74c6e05c81b2782320755c910b098edf8858d6db', class: "horizontal", dimension: typeCol, viewportStore: viewports[typeCol].store, dimensionStore: dimensions[typeCol].store, ref: el => this.scrollingService.registerElement(el, 'colScroll'), onScrollvirtual: e => this.scrollingService.proxyScroll(e.detail) }), this.extraElements));
+            } }, index$1.h("div", { key: '6f927e04dd8c7e542a87fdc0a4f6d74248c65ccb', class: "viewports" }, index$1.h("slot", { key: 'b6d421fa412b34ce9821cd1fa30a80ae37282f37', name: "viewport" }), viewportSections, index$1.h("revogr-scroll-virtual", { key: '4ce3045201685f6c6c617c84fddc5a3d531034bd', class: "vertical", dimension: typeRow, viewportStore: viewports[typeRow].store, dimensionStore: dimensions[typeRow].store, ref: el => this.scrollingService.registerElement(el, 'rowScroll'), onScrollvirtual: e => this.scrollingService.proxyScroll(e.detail) }), index$1.h(OrderRenderer, { key: 'e5bd92c37bdc31f0601a4d4cf4a62026e0e25406', ref: e => (this.orderService = e) }))), index$1.h("revogr-scroll-virtual", { key: 'dbda0fb90cf6a9eb6ac66ca16bcff30cf254b1e1', class: "horizontal", dimension: typeCol, viewportStore: viewports[typeCol].store, dimensionStore: dimensions[typeCol].store, ref: el => this.scrollingService.registerElement(el, 'colScroll'), onScrollvirtual: e => this.scrollingService.proxyScroll(e.detail) }), this.extraElements));
     }
     disconnectedCallback() {
         // Remove all plugins, to avoid memory leaks and unexpected behaviour when the component is removed