@revolist/revogrid 4.9.4 → 4.9.6

package/standalone/revo-grid.js

@@ -2,9 +2,10 @@
  * Built by Revolist OU ❤️
  */
 import { h, proxyCustomElement, HTMLElement, createEvent, Host } from '@stencil/core/internal/client';
-import { r as reduce_1, c as calculateDimensionData, _ as _baseEach, e as each, a as getItemByIndex, g as getItemByPosition } from './dimension.helpers.js';
-import { i as createStore, h as setStore, _ as _baseIteratee, j as isArrayLike_1, k as keys_1, l as findIndex_1, m as _arrayMap, n as isArray_1, D as DataStore, b as getSourceItem, e as getSourceItemVirtualIndexByProp, s as setSourceByVirtualIndex, a as getVisibleSourceItem, f as gatherTrimmedItems, o as _baseProperty, q as _baseKeys, r as _getTag, u as range_1, v as toInteger_1, w as _isIterateeCall, g as getPhysical, d as setItems } from './data.store.js';
-import { _ as _baseGetTag, i as isObjectLike_1 } from './toNumber.js';
+import { r as reduce_1, c as calculateDimensionData, e as each, a as getItemByIndex, g as getItemByPosition } from './dimension.helpers.js';
+import { i as createStore, h as setStore, j as isArray_1, _ as _baseIteratee, k as isArrayLike_1, l as keys_1, m as findIndex_1, D as DataStore, b as getSourceItem, e as getSourceItemVirtualIndexByProp, s as setSourceByVirtualIndex, a as getVisibleSourceItem, f as gatherTrimmedItems, n as _baseProperty, o as _baseKeys, r as range_1, q as toInteger_1, u as _isIterateeCall, g as getPhysical, d as setItems } from './data.store.js';
+import { _ as _getTag } from './_stringToPath.js';
+import { _ as _baseGetTag, i as isObjectLike_1 } from './isObjectLike.js';
 import { b as isGrouping, d as getGroupingName, G as GROUP_EXPANDED, e as getParsedGroup, f as isSameGroup, h as GROUP_DEPTH, P as PSEUDO_GROUP_ITEM_VALUE, j as PSEUDO_GROUP_ITEM_ID, k as GROUPING_ROW_TYPE, l as PSEUDO_GROUP_COLUMN, m as GROUP_EXPAND_EVENT, o as gatherGrouping, p as isGroupingColumn, E as EMPTY_INDEX, q as SelectionStoreConnector } from './column.service.js';
 import { d as debounce_1 } from './debounce.js';
 import { R as RESIZE_INTERVAL } from './consts.js';
@@ -17,7 +18,7 @@ import { g as getPropertyFromEvent } from './selection.utils.js';
 import { d as defineCustomElement$e } from './revogr-attribution2.js';
 import { d as defineCustomElement$d } from './revogr-clipboard2.js';
 import { d as defineCustomElement$c } from './revogr-data2.js';
-import { d as defineCustomElement$b } from './revogr-edit2.js';
+import { m as defineCustomElement$b } from './revogr-edit2.js';
 import { d as defineCustomElement$a } from './revogr-focus2.js';
 import { d as defineCustomElement$8 } from './revogr-order-editor2.js';
 import { d as defineCustomElement$7 } from './revogr-overlay-selection2.js';
@@ -294,8 +295,127 @@ class BasePlugin {
     }
 }
 
-var baseIteratee$1 = _baseIteratee,
-    isArrayLike$2 = isArrayLike_1,
+function getColumnType(rgCol) {
+    if (rgCol.pin) {
+        return rgCol.pin;
+    }
+    return 'rgCol';
+}
+function getColumnSizes(cols) {
+    const res = {};
+    for (const [i, c] of cols.entries()) {
+        if (c.size) {
+            res[i] = c.size;
+        }
+    }
+    return res;
+}
+/**
+ * Check if column is grouping column
+ */
+function isColGrouping(colData) {
+    return !!colData.children;
+}
+/**
+ * This function is used to create a collection of columns.
+ */
+function getColumns(columns, level = 0, types) {
+    const collection = {
+        // columns as they are in stores per type
+        columns: {
+            rgCol: [],
+            colPinStart: [],
+            colPinEnd: [],
+        },
+        // columns indexed by prop for quick access
+        columnByProp: {},
+        // column grouping
+        columnGrouping: {
+            rgCol: [],
+            colPinStart: [],
+            colPinEnd: [],
+        },
+        // max depth level for column grouping
+        maxLevel: level,
+        // sorting
+        sort: {},
+    };
+    return reduce_1(columns, (res, colData) => {
+        // Grouped column
+        if (isColGrouping(colData)) {
+            return gatherGroup(res, colData, 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;
+        }
+        // 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);
+}
+function 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 (isArray_1(resultItem) && isArray_1(collectionItem)) {
+            // fill columns
+            resultItem.push(...collectionItem);
+            // fill grouping
+            if (collectionItem.length) {
+                res.columnGrouping[key].push(Object.assign(Object.assign({}, group), { ids: collectionItem.map(item => item.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;
+}
+function findColumn(columns, prop) {
+    for (const c of columns) {
+        if (isColGrouping(c)) {
+            const found = findColumn(c.children, prop);
+            if (found) {
+                return found;
+            }
+        }
+        else if (c.prop === prop) {
+            return c;
+        }
+    }
+    return undefined;
+}
+function getColumnByProp(columns, prop) {
+    return findColumn(columns, prop);
+}
+
+var baseIteratee = _baseIteratee,
+    isArrayLike$1 = isArrayLike_1,
     keys = keys_1;
 
 /**
@@ -308,8 +428,8 @@ var baseIteratee$1 = _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); };
     }
@@ -363,133 +483,23 @@ var find = createFind(findIndex);
 
 var find_1 = find;
 
-var baseEach = _baseEach,
-    isArrayLike$1 = 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 = _arrayMap,
-    baseIteratee = _baseIteratee,
-    baseMap = _baseMap,
-    isArray$1 = 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 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 (isArray_1(resultItem) && 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 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 = reduce_1(columnTypes, (sources, k) => {
+        this.dataSources = columnTypes.reduce((sources, k) => {
             sources[k] = new DataStore(k);
             return sources;
         }, {});
@@ -551,7 +561,7 @@ class ColumnDataProvider {
     updateColumns(cols) {
         // collect column by type and propert
         const columnByKey = cols.reduce((res, c) => {
-            const type = ColumnDataProvider.getColumnType(c);
+            const type = getColumnType(c);
             if (!res[type]) {
                 res[type] = {};
             }
@@ -560,20 +570,32 @@ class ColumnDataProvider {
         }, {});
         // find indexes in source
         const colByIndex = {};
-        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;
-            }, {});
-        });
-        each(colByIndex, (colsToUpdate, type) => setSourceByVirtualIndex(this.dataSources[type].store, colsToUpdate || {}));
+            }
+        }
+        for (const t in colByIndex) {
+            if (!colByIndex.hasOwnProperty(t)) {
+                continue;
+            }
+            const type = t;
+            setSourceByVirtualIndex(this.dataSources[type].store, colByIndex[type] || {});
+        }
     }
     updateColumn(column, index) {
-        const type = ColumnDataProvider.getColumnType(column);
+        const type = getColumnType(column);
         setSourceByVirtualIndex(this.dataSources[type].store, { [index]: column });
     }
     updateColumnSorting(column, index, sorting, additive) {
@@ -590,7 +612,7 @@ class ColumnDataProvider {
     }
     clearSorting() {
         const types = reduce_1(this.sorting, (r, c) => {
-            const k = ColumnDataProvider.getColumnType(c);
+            const k = getColumnType(c);
             r[k] = true;
             return r;
         }, {});
@@ -601,78 +623,6 @@ class ColumnDataProvider {
         });
         this.sorting = {};
     }
-    static getSizes(cols) {
-        return 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 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';
-    }
 }
 
 /**
@@ -823,7 +773,7 @@ class DimensionProvider {
             // setItemCount
             this.stores[type].setStore({ count: items.length });
             // setCustomSizes
-            const newSizes = ColumnDataProvider.getSizes(items);
+            const newSizes = getColumnSizes(items);
             this.stores[type].setDimensionSize(newSizes);
             const vpUpdate = {
                 // this triggers drop on realCount change
@@ -938,7 +888,7 @@ class AutoSizeColumnPlugin extends BasePlugin {
             this.columnSet(columns);
         };
         const headerDblClick = ({ detail }) => {
-            const type = ColumnDataProvider.getColumnType(detail.column);
+            const type = getColumnType(detail.column);
             const size = this.getColumnSize(detail.index, type);
             if (size) {
                 this.providers.dimension.setCustomSizes(type, {
@@ -1761,7 +1711,7 @@ class SortingPlugin extends 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(getColumnByProp(columns, prop), order[prop]);
                 sortingFunc[prop] = cmp;
             }
             this.runSorting(order, sortingFunc);
@@ -3550,7 +3500,7 @@ const RevoGridComponent = /*@__PURE__*/ proxyCustomElement(class RevoGridCompone
     /**  Open editor for cell. */
     async setCellEdit(rgRow, prop, rowSource = 'rgRow') {
         var _a;
-        const rgCol = ColumnDataProvider.getColumnByProp(this.columns, prop);
+        const rgCol = getColumnByProp(this.columns, prop);
         if (!rgCol) {
             return;
         }
@@ -3774,7 +3724,7 @@ const RevoGridComponent = /*@__PURE__*/ proxyCustomElement(class RevoGridCompone
         this.columnChanged(this.columns);
     }
     columnChanged(newVal = []) {
-        const columnGather = ColumnDataProvider.getColumns(newVal, 0, this.columnTypes);
+        const columnGather = getColumns(newVal, 0, this.columnTypes);
         this.beforecolumnsset.emit(columnGather);
         this.dimensionProvider.applyNewColumns(columnGather.columns, this.disableVirtualX);
         this.beforecolumnapplied.emit(columnGather);
@@ -4084,7 +4034,7 @@ const RevoGridComponent = /*@__PURE__*/ proxyCustomElement(class RevoGridCompone
             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 = [
-                h("revogr-header", Object.assign({ key: 'b08c837765cf20c88cb5b253a876f0f442c31628' }, headerProperties, { slot: HEADER_SLOT })),
+                h("revogr-header", Object.assign({ key: 'bada77126c317da09a9826312186c16617c7b0af' }, headerProperties, { slot: HEADER_SLOT })),
             ];
             // Render viewport data (vertical sections)
             view.dataPorts.forEach(data => {
@@ -4106,12 +4056,12 @@ const RevoGridComponent = /*@__PURE__*/ proxyCustomElement(class RevoGridCompone
         const typeCol = 'rgCol';
         const viewports = this.viewportProvider.stores;
         const dimensions = this.dimensionProvider.stores;
-        return (h(Host, { key: '057a2cf1a64aaeec12d2aca17b09316fb3cbfde6' }, this.hideAttribution ? null : (h("revogr-attribution", { class: "attribution" })), h("div", { key: 'e89e3d136d756f80421f42f47e09583985edb1bc', class: "main-viewport", onClick: (e) => {
+        return (h(Host, { key: '9b95aef4de8af770036a733986e7e0fe2dd3ffda' }, this.hideAttribution ? null : (h("revogr-attribution", { class: "attribution" })), 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();
                 }
-            } }, h("div", { key: '177db78970907d36b8d56549386a18a683573944', class: "viewports" }, h("slot", { key: '481d830a232b1969fcaa2519a5306fafaff58fb4', name: "viewport" }), viewportSections, 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) }), h(OrderRenderer, { key: 'fea1be24668f2039746fff93d0ab5e76d932a166', ref: e => (this.orderService = e) }))), 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));
+            } }, h("div", { key: '6f927e04dd8c7e542a87fdc0a4f6d74248c65ccb', class: "viewports" }, h("slot", { key: 'b6d421fa412b34ce9821cd1fa30a80ae37282f37', name: "viewport" }), viewportSections, 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) }), h(OrderRenderer, { key: 'e5bd92c37bdc31f0601a4d4cf4a62026e0e25406', ref: e => (this.orderService = e) }))), 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
@@ -4296,6 +4246,6 @@ function defineCustomElement$1() {
 const RevoGrid = RevoGridComponent;
 const defineCustomElement = defineCustomElement$1;
 
-export { BasePlugin as B, DimensionStore as D, RevoGrid, ThemeService as T, columnTypes as c, defineCustomElement, isRowType as i, rowTypes as r };
+export { BasePlugin as B, DimensionStore as D, RevoGrid, ThemeService as T, getColumnSizes as a, isColGrouping as b, columnTypes as c, getColumns as d, defineCustomElement, gatherGroup as e, getColumnByProp as f, getColumnType as g, isRowType as i, rowTypes as r };
 
 //# sourceMappingURL=revo-grid.js.map