@revolist/revogrid 4.9.22 → 4.9.23

package/standalone/revo-grid.js

@@ -2,17 +2,16 @@
  * Built by Revolist OU ❤️
  */
 import { h, proxyCustomElement, HTMLElement as HTMLElement$1, createEvent, Host } from '@stencil/core/internal/client';
-import { i as createStore, r as reduce_1, h as setStore, b as getSourceItem, j as toInteger_1, _ as _isIterateeCall, g as getPhysical, d as setItems, k as isArray_1, l as _baseProperty, m as _baseKeys, n as isArrayLike_1, o as range_1, D as DataStore, e as getSourceItemVirtualIndexByProp, s as setSourceByVirtualIndex, a as getVisibleSourceItem, f as gatherTrimmedItems } from './reduce.js';
-import { c as calculateDimensionData, e as each, g as getItemByPosition, a as getItemByIndex } from './dimension.helpers.js';
-import { _ as _getTag } from './_stringToPath.js';
-import { _ as _baseGetTag, i as isObjectLike_1 } from './isObjectLike.js';
+import { i as createStore, r as reduce, h as setStore, b as getSourceItem, j as toInteger, k as isIterateeCall, g as getPhysical, d as setItems, l as isArray, m as baseProperty, n as isArrayLike, o as getTag, q as baseKeys, u as range, D as DataStore, e as getSourceItemVirtualIndexByProp, s as setSourceByVirtualIndex, a as getVisibleSourceItem, f as gatherTrimmedItems } from './reduce.js';
 import { e as getColumnType, m as isGrouping, o as getGroupingName, d as getCellDataParsed, G as GROUP_EXPANDED, p as getParsedGroup, q as isSameGroup, r as GROUP_DEPTH, P as PSEUDO_GROUP_ITEM_VALUE, s as PSEUDO_GROUP_ITEM_ID, t as GROUPING_ROW_TYPE, u as PSEUDO_GROUP_COLUMN, v as GROUP_EXPAND_EVENT, w as gatherGrouping, x as isGroupingColumn, h as isColGrouping, l as getColumnByProp, f as getColumnSizes, E as EMPTY_INDEX, j as getColumns, y as SelectionStoreConnector } from './column.service.js';
-import { d as debounce_1 } from './debounce.js';
+import { c as calculateDimensionData, f as forEach, g as getItemByPosition, a as getItemByIndex } from './dimension.helpers.js';
+import { d as debounce } from './debounce.js';
 import { R as RESIZE_INTERVAL } from './consts.js';
 import { f as calculateRowHeaderSize, V as ViewportStore, h as defineCustomElement$6 } from './revogr-row-headers2.js';
 import { g as getScrollbarSize, t as timeout } from './index2.js';
 import { F as FILTER_PROP, i as isFilterBtn } from './filter.button.js';
 import './platform.js';
+import { i as isObjectLike, b as baseGetTag } from './toNumber.js';
 import { v as viewportDataPartition, H as HEADER_SLOT, C as CONTENT_SLOT, F as FOOTER_SLOT, D as DATA_SLOT, d as defineCustomElement$3 } from './revogr-viewport-scroll2.js';
 import { d as dispatch, O as ON_COLUMN_CLICK, c as defineCustomElement$9 } from './revogr-header2.js';
 import { g as getPropertyFromEvent } from './selection.utils.js';
@@ -123,20 +122,32 @@ const trimmedPlugin = (store) => {
         },
     };
 };
-const realSizePlugin = (store) => {
+/**
+ * Plugin which recalculates realSize on changes of sizes, originItemSize and count
+ */
+const recalculateRealSizePlugin = (storeService) => {
+    /**
+     * Recalculates realSize if size, origin size or count changes
+     */
     return {
+        /**
+         * Reacts on changes of count, sizes and originItemSize
+         */
         set(k) {
             switch (k) {
                 case 'count':
                 case 'sizes':
                 case 'originItemSize':
+                    // recalculate realSize
                     let realSize = 0;
-                    const count = store.store.get('count');
+                    const count = storeService.store.get('count');
                     for (let i = 0; i < count; i++) {
                         realSize +=
-                            store.store.get('sizes')[i] || store.store.get('originItemSize');
+                            storeService.store.get('sizes')[i] ||
+                                storeService.store.get('originItemSize');
                     }
-                    store.setStore({ realSize });
+                    storeService.setStore({ realSize });
+                    break;
             }
         },
     };
@@ -166,15 +177,16 @@ function initialState() {
         originItemSize: 0 });
 }
 class DimensionStore {
-    constructor() {
+    constructor(type) {
+        this.type = type;
         this.store = createStore(initialState());
         this.store.use(trimmedPlugin(this));
-        this.store.use(realSizePlugin(this));
+        this.store.use(recalculateRealSizePlugin(this));
     }
     getCurrentState() {
         const state = initialState();
         const keys = Object.keys(state);
-        return reduce_1(keys, (r, k) => {
+        return reduce(keys, (r, k) => {
             const data = this.store.get(k);
             r[k] = data;
             return r;
@@ -381,9 +393,9 @@ class AutoSizeColumnPlugin extends BasePlugin {
             }
         }
         // calculate sizes
-        each(autoSize, (_v, type) => {
+        forEach(autoSize, (_v, type) => {
             const sizes = {};
-            each(autoSize[type], rgCol => {
+            forEach(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 || ''));
             });
@@ -417,12 +429,12 @@ class AutoSizeColumnPlugin extends BasePlugin {
         else {
             data = { 0: { [e.prop]: e.val } };
         }
-        each(this.autoSizeColumns, (columns, type) => {
+        forEach(this.autoSizeColumns, (columns, type) => {
             const sizes = {};
-            each(columns, rgCol => {
+            forEach(columns, rgCol => {
                 var _a;
                 // calculate size
-                const size = reduce_1(data, (prev, rgRow) => {
+                const size = reduce(data, (prev, rgRow) => {
                     if (typeof rgRow[rgCol.prop] === 'undefined') {
                         return prev;
                     }
@@ -438,14 +450,14 @@ class AutoSizeColumnPlugin extends BasePlugin {
     afterEditAll(e) {
         const props = {};
         if (this.isRangeEdit(e)) {
-            each(e.data, r => each(r, (_v, p) => (props[p] = true)));
+            forEach(e.data, r => forEach(r, (_v, p) => (props[p] = true)));
         }
         else {
             props[e.prop] = true;
         }
-        each(this.autoSizeColumns, (columns, type) => {
+        forEach(this.autoSizeColumns, (columns, type) => {
             const sizes = {};
-            each(columns, rgCol => {
+            forEach(columns, rgCol => {
                 if (props[rgCol.prop]) {
                     const size = this.getColumnSize(rgCol.index, type);
                     if (size) {
@@ -462,8 +474,8 @@ class AutoSizeColumnPlugin extends BasePlugin {
         if (!rgCol) {
             return 0;
         }
-        return reduce_1(this.providers.data.stores, (r, s) => {
-            const perStore = reduce_1(s.store.get('items'), (prev, _row, i) => {
+        return reduce(this.providers.data.stores, (r, s) => {
+            const perStore = reduce(s.store.get('items'), (prev, _row, i) => {
                 const item = getSourceItem(s.store, i);
                 return Math.max(prev || 0, this.getLength(item === null || item === void 0 ? void 0 : item[rgCol.prop]));
             }, 0);
@@ -571,7 +583,7 @@ class StretchColumn extends BasePlugin {
         this.dropChanges();
         // calculate grid size
         let sizeDifference = this.revogrid.clientWidth - 1;
-        each(columns, (_, type) => {
+        forEach(columns, (_, type) => {
             const realSize = this.providers.dimension.stores[type].store.get('realSize');
             sizeDifference -= realSize;
         });
@@ -622,8 +634,7 @@ function isStretchPlugin(plugin) {
  * @param {number} upper The upper bound.
  * @returns {number} Returns the clamped number.
  */
-
-function baseClamp$1(number, lower, upper) {
+function baseClamp(number, lower, upper) {
   if (number === number) {
     if (upper !== undefined) {
       number = number <= upper ? number : upper;
@@ -635,11 +646,6 @@ function baseClamp$1(number, lower, upper) {
   return number;
 }
 
-var _baseClamp = baseClamp$1;
-
-var baseClamp = _baseClamp,
-    toInteger$1 = toInteger_1;
-
 /** Used as references for the maximum length and index of an array. */
 var MAX_ARRAY_LENGTH = 4294967295;
 
@@ -670,15 +676,10 @@ var MAX_ARRAY_LENGTH = 4294967295;
  * _.toLength('3.2');
  * // => 3
  */
-function toLength$1(value) {
-  return value ? baseClamp(toInteger$1(value), 0, MAX_ARRAY_LENGTH) : 0;
+function toLength(value) {
+  return value ? baseClamp(toInteger(value), 0, MAX_ARRAY_LENGTH) : 0;
 }
 
-var toLength_1 = toLength$1;
-
-var toInteger = toInteger_1,
-    toLength = toLength_1;
-
 /**
  * The base implementation of `_.fill` without an iteratee call guard.
  *
@@ -689,7 +690,7 @@ var toInteger = toInteger_1,
  * @param {number} [end=array.length] The end position.
  * @returns {Array} Returns `array`.
  */
-function baseFill$1(array, value, start, end) {
+function baseFill(array, value, start, end) {
   var length = array.length;
 
   start = toInteger(start);
@@ -707,11 +708,6 @@ function baseFill$1(array, value, start, end) {
   return array;
 }
 
-var _baseFill = baseFill$1;
-
-var baseFill = _baseFill,
-    isIterateeCall = _isIterateeCall;
-
 /**
  * Fills elements of `array` with `value` from `start` up to, but not
  * including, `end`.
@@ -753,8 +749,6 @@ function fill(array, value, start, end) {
   return baseFill(array, value, start, end);
 }
 
-var fill_1 = fill;
-
 const INITIAL = {
     mime: 'text/csv',
     fileKind: 'csv',
@@ -928,7 +922,7 @@ class ExportFilePlugin extends BasePlugin {
     }
     getGroupHeaders(depth, groups, items, visibleItems) {
         const rows = [];
-        const template = fill_1(new Array(items.length), '');
+        const template = fill(new Array(items.length), '');
         for (let d = 0; d < depth; d++) {
             const rgRow = [...template];
             rows.push(rgRow);
@@ -1219,7 +1213,7 @@ class FilterPlugin extends BasePlugin {
             }
         }
         if (config.collection) {
-            this.filterCollection = reduce_1(config.collection, (result, item, prop) => {
+            this.filterCollection = reduce(config.collection, (result, item, prop) => {
                 if (this.filterFunctionsIndexedByType[item.type]) {
                     result[prop] = item;
                 }
@@ -1895,7 +1889,7 @@ class ColumnPlugin extends BasePlugin {
         super(revogrid, providers);
         this.revogrid = revogrid;
         this.providers = providers;
-        this.moveFunc = debounce_1((e) => this.doMove(e), 5);
+        this.moveFunc = debounce((e) => this.doMove(e), 5);
         this.staticDragData = null;
         this.dragData = null;
         this.localSubscriptions = {};
@@ -2003,7 +1997,7 @@ class ColumnPlugin extends BasePlugin {
         this.clearOrder();
     }
     clearLocalSubscriptions() {
-        each(this.localSubscriptions, ({ target, callback }, key) => target.removeEventListener(key, callback));
+        forEach(this.localSubscriptions, ({ target, callback }, key) => target.removeEventListener(key, callback));
     }
     clearOrder() {
         this.staticDragData = null;
@@ -2037,10 +2031,6 @@ function getLeftRelative(absoluteX, gridPos, offset) {
     return absoluteX - gridPos - offset;
 }
 
-var baseGetTag = _baseGetTag,
-    isArray = isArray_1,
-    isObjectLike = isObjectLike_1;
-
 /** `Object#toString` result references. */
 var stringTag = '[object String]';
 
@@ -2061,15 +2051,11 @@ var stringTag = '[object String]';
  * _.isString(1);
  * // => false
  */
-function isString$1(value) {
+function isString(value) {
   return typeof value == 'string' ||
     (!isArray(value) && isObjectLike(value) && baseGetTag(value) == stringTag);
 }
 
-var isString_1 = isString$1;
-
-var baseProperty = _baseProperty;
-
 /**
  * Gets the size of an ASCII `string`.
  *
@@ -2077,12 +2063,11 @@ var baseProperty = _baseProperty;
  * @param {string} string The string inspect.
  * @returns {number} Returns the string size.
  */
-var asciiSize$1 = baseProperty('length');
+var asciiSize = baseProperty('length');
 
-var _asciiSize = asciiSize$1;
+const asciiSize$1 = asciiSize;
 
 /** Used to compose unicode character classes. */
-
 var rsAstralRange$1 = '\\ud800-\\udfff',
     rsComboMarksRange$1 = '\\u0300-\\u036f',
     reComboHalfMarksRange$1 = '\\ufe20-\\ufe2f',
@@ -2103,14 +2088,11 @@ var reHasUnicode = RegExp('[' + rsZWJ$1 + rsAstralRange$1  + rsComboRange$1 + rs
  * @param {string} string The string to inspect.
  * @returns {boolean} Returns `true` if a symbol is found, else `false`.
  */
-function hasUnicode$1(string) {
+function hasUnicode(string) {
   return reHasUnicode.test(string);
 }
 
-var _hasUnicode = hasUnicode$1;
-
 /** Used to compose unicode character classes. */
-
 var rsAstralRange = '\\ud800-\\udfff',
     rsComboMarksRange = '\\u0300-\\u036f',
     reComboHalfMarksRange = '\\ufe20-\\ufe2f',
@@ -2145,7 +2127,7 @@ var reUnicode = RegExp(rsFitz + '(?=' + rsFitz + ')|' + rsSymbol + rsSeq, 'g');
  * @param {string} string The string inspect.
  * @returns {number} Returns the string size.
  */
-function unicodeSize$1(string) {
+function unicodeSize(string) {
   var result = reUnicode.lastIndex = 0;
   while (reUnicode.test(string)) {
     ++result;
@@ -2153,12 +2135,6 @@ function unicodeSize$1(string) {
   return result;
 }
 
-var _unicodeSize = unicodeSize$1;
-
-var asciiSize = _asciiSize,
-    hasUnicode = _hasUnicode,
-    unicodeSize = _unicodeSize;
-
 /**
  * Gets the number of symbols in `string`.
  *
@@ -2166,20 +2142,12 @@ var asciiSize = _asciiSize,
  * @param {string} string The string to inspect.
  * @returns {number} Returns the string size.
  */
-function stringSize$1(string) {
+function stringSize(string) {
   return hasUnicode(string)
     ? unicodeSize(string)
-    : asciiSize(string);
+    : asciiSize$1(string);
 }
 
-var _stringSize = stringSize$1;
-
-var baseKeys = _baseKeys,
-    getTag = _getTag,
-    isArrayLike = isArrayLike_1,
-    isString = isString_1,
-    stringSize = _stringSize;
-
 /** `Object#toString` result references. */
 var mapTag = '[object Map]',
     setTag = '[object Set]';
@@ -2219,8 +2187,6 @@ function size(collection) {
   return baseKeys(collection).length;
 }
 
-var size_1 = size;
-
 /**
  * Lifecycle
  * 1. @event `beforesorting` - Triggered when sorting just starts. Nothing has happened yet. This can be triggered from a column or from the source. If the type is from rows, the column will be undefined.
@@ -2241,7 +2207,7 @@ class SortingPlugin extends BasePlugin {
         super(revogrid, providers);
         this.revogrid = revogrid;
         this.sortingPromise = null;
-        this.postponeSort = debounce_1(async (order, comparison) => this.runSorting(order, comparison), 50);
+        this.postponeSort = debounce(async (order, comparison) => this.runSorting(order, comparison), 50);
         const beforeanysource = async ({ detail: { type }, }) => {
             // if sorting was provided - sort data
             if (!!this.sorting && this.sortingFunc) {
@@ -2324,7 +2290,7 @@ class SortingPlugin extends BasePlugin {
             this.sorting = Object.assign(Object.assign({}, this.sorting), sorting);
             // extend sorting function with new sorting for multiple columns sorting
             this.sortingFunc = Object.assign(Object.assign({}, this.sortingFunc), sortingFunc);
-            if (column.prop in sorting && size_1(sorting) > 1 && order === undefined) {
+            if (column.prop in sorting && size(sorting) > 1 && order === undefined) {
                 delete sorting[column.prop];
                 delete sortingFunc[column.prop];
             }
@@ -2356,7 +2322,7 @@ class SortingPlugin extends BasePlugin {
      */
     async sort(sorting, sortingFunc, types = ['rgRow', 'rowPinStart', 'rowPinEnd']) {
         // if no sorting - reset
-        if (!size_1(sorting)) {
+        if (!size(sorting)) {
             this.sorting = undefined;
             this.sortingFunc = undefined;
             for (let type of types) {
@@ -2364,7 +2330,7 @@ class SortingPlugin extends BasePlugin {
                 // row data
                 const source = store.get('source');
                 // row indexes
-                const proxyItems = range_1(0, source.length);
+                const proxyItems = range(0, source.length);
                 setStore(store, {
                     proxyItems,
                     source: [...source],
@@ -2471,7 +2437,7 @@ class ColumnDataProvider {
         return getSourceItem(this.dataSources[type].store, virtualIndex);
     }
     getRawColumns() {
-        return reduce_1(this.dataSources, (result, item, type) => {
+        return reduce(this.dataSources, (result, item, type) => {
             result[type] = item.store.get('source');
             return result;
         }, {
@@ -2572,14 +2538,14 @@ class ColumnDataProvider {
         return column;
     }
     clearSorting() {
-        const types = reduce_1(this.sorting, (r, c) => {
+        const types = reduce(this.sorting, (r, c) => {
             const k = getColumnType(c);
             r[k] = true;
             return r;
         }, {});
-        each(types, (_, type) => {
+        forEach(types, (_, type) => {
             const cols = this.dataSources[type].store.get('source');
-            each(cols, (c) => (c.order = undefined));
+            forEach(cols, (c) => (c.order = undefined));
             this.dataSources[type].setData({ source: [...cols] });
         });
         this.sorting = {};
@@ -2592,7 +2558,7 @@ class ColumnDataProvider {
 class DataProvider {
     constructor(dimensionProvider) {
         this.dimensionProvider = dimensionProvider;
-        this.stores = reduce_1(rowTypes, (sources, k) => {
+        this.stores = reduce(rowTypes, (sources, k) => {
             sources[k] = new DataStore(k);
             return sources;
         }, {});
@@ -2659,10 +2625,10 @@ class DataProvider {
 class DimensionProvider {
     constructor(viewports, config) {
         this.viewports = viewports;
-        const sizeChanged = debounce_1((k) => config.realSizeChanged(k), RESIZE_INTERVAL);
-        this.stores = reduce_1([...rowTypes, ...columnTypes], (sources, k) => {
-            sources[k] = new DimensionStore();
-            sources[k].store.onChange('realSize', () => sizeChanged(k));
+        const sizeChanged = debounce((k) => config.realSizeChanged(k), RESIZE_INTERVAL);
+        this.stores = reduce([...rowTypes, ...columnTypes], (sources, t) => {
+            sources[t] = new DimensionStore(t);
+            sources[t].store.onChange('realSize', () => sizeChanged(t));
             return sources;
         }, {});
     }
@@ -2744,6 +2710,7 @@ class DimensionProvider {
             if (noVirtual) {
                 vpUpdate.virtualSize = this.stores[type].getCurrentState().realSize;
             }
+            // if virtualSize present this would trigger viewport clear
             this.viewports.stores[type].setViewport(vpUpdate);
             this.setViewPortCoordinate({
                 coordinate: this.viewports.stores[type].lastCoordinate,
@@ -2797,7 +2764,7 @@ class DimensionProvider {
 
 class ViewportProvider {
     constructor() {
-        this.stores = reduce_1([...rowTypes, ...columnTypes], (sources, k) => {
+        this.stores = reduce([...rowTypes, ...columnTypes], (sources, k) => {
             sources[k] = new ViewportStore(k);
             return sources;
         }, {});
@@ -2909,7 +2876,7 @@ 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 = reduce_1(detail || {}, (r, size, i) => {
+        const changedItems = reduce(detail || {}, (r, size, i) => {
             const index = parseInt(i, 10);
             const item = getSourceItem(store, index);
             if (item) {
@@ -3796,7 +3763,7 @@ const RevoGridComponent = /*@__PURE__*/ proxyCustomElement(class RevoGridCompone
             vals: after,
             oldVals: before,
         });
-        // apply new vals
+        // apply new values
         const newRows = rowDefinitionByType(newVal);
         // clear current defs
         if (oldVal) {
@@ -3811,18 +3778,14 @@ const RevoGridComponent = /*@__PURE__*/ proxyCustomElement(class RevoGridCompone
                 }
             }
         }
-        if (!newVal.length) {
-            if (forceUpdate) {
-                this.dimensionProvider.setCustomSizes('rgRow', {});
-            }
-            else {
-                return;
-            }
-        }
-        Object.entries(newRows).forEach(([k, r]) => {
+        // set new sizes
+        rowTypes.forEach((t) => {
             var _a;
-            const type = k;
-            (_a = this.dimensionProvider) === null || _a === void 0 ? void 0 : _a.setCustomSizes(type, r.sizes || {});
+            const newSizes = newRows[t];
+            // apply new sizes or force update
+            if (newSizes || forceUpdate) {
+                (_a = this.dimensionProvider) === null || _a === void 0 ? void 0 : _a.setCustomSizes(t, (newSizes === null || newSizes === void 0 ? void 0 : newSizes.sizes) || {});
+            }
         });
     }
     trimmedRowsChanged(newVal = {}) {