@revolist/revogrid 4.0.12 → 4.0.14

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

@@ -7,17 +7,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-84e32c2a.js');
 const dimension_helpers = require('./dimension.helpers-ee39d6c4.js');
-const storeTypes = require('./storeTypes-b3f924b2.js');
+const base_plugin = require('./base.plugin-32f80cb5.js');
+const toNumber = require('./toNumber-838e6ff5.js');
+const selection_helpers = require('./selection.helpers-32abb2a9.js');
 const debounce = require('./debounce-e2b7c6fb.js');
-const index = require('./index-73c149e3.js');
-const events = require('./events-f8893bba.js');
+const index = require('./index-a9f1b728.js');
+const viewport_store = require('./viewport.store-2ab4e166.js');
 const filter_button = require('./filter.button-db6cbd2e.js');
-const toNumber = require('./toNumber-838e6ff5.js');
-const column_service = require('./column.service-bc269420.js');
-const selection_store = require('./selection.store-2e110a67.js');
+const column_service = require('./column.service-52b4cac9.js');
+const events = require('./events-b28cc194.js');
 const dispatcher = require('./dispatcher-a58fa91a.js');
-const headerCellRenderer = require('./header-cell-renderer-57acd2f7.js');
-require('./viewport.helpers-6670177c.js');
+const headerCellRenderer = require('./header-cell-renderer-a3f202a1.js');
 
 class ThemeCompact {
     constructor() {
@@ -84,114 +84,6 @@ class ThemeService {
     }
 }
 
-/**
- * Storing pre-calculated
- * Dimension information and sizes
- */
-const trimmedPlugin = (store) => {
-    let trimmedSize = {};
-    const setTrimmed = (sizes, trimmed) => {
-        const newSize = Object.assign({}, sizes);
-        trimmedSize = {};
-        dimension_helpers.each(trimmed, (v, index) => {
-            if (v && newSize[index]) {
-                trimmedSize[index] = newSize[index];
-                delete newSize[index];
-            }
-        });
-        store.setDimensionSize(newSize);
-    };
-    return {
-        set(key, val) {
-            switch (key) {
-                case 'trimmed':
-                    const trim = val;
-                    const sizes = store.store.get('sizes');
-                    // recover trimmed, apply new trim
-                    setTrimmed(Object.assign(Object.assign({}, sizes), trimmedSize), trim);
-                    break;
-            }
-        },
-    };
-};
-const realSizePlugin = (store) => {
-    return {
-        set(k) {
-            switch (k) {
-                case 'count':
-                case 'sizes':
-                case 'originItemSize':
-                    let realSize = 0;
-                    const count = store.store.get('count');
-                    for (let i = 0; i < count; i++) {
-                        realSize +=
-                            store.store.get('sizes')[i] || store.store.get('originItemSize');
-                    }
-                    store.setStore({ realSize });
-            }
-        },
-    };
-};
-function initialBase() {
-    return {
-        indexes: [],
-        count: 0,
-        // plugin support
-        trimmed: {},
-        // size operations, this provider stores only changed sizes, not all of them
-        // same as indexes but for sizes and positions
-        // item index to size
-        sizes: {},
-        // order in indexes[] to coordinate
-        positionIndexToItem: {},
-        // initial element to coordinate ^
-        indexToItem: {},
-        positionIndexes: [],
-    };
-}
-function initialState() {
-    return Object.assign(Object.assign({}, initialBase()), { 
-        // size which all items can take
-        realSize: 0, 
-        // initial item size if it wasn't changed
-        originItemSize: 0 });
-}
-class DimensionStore {
-    constructor() {
-        this.store = dimension_helpers.createStore(initialState());
-        this.store.use(trimmedPlugin(this));
-        this.store.use(realSizePlugin(this));
-    }
-    getCurrentState() {
-        const state = initialState();
-        const keys = Object.keys(state);
-        return dimension_helpers.reduce_1(keys, (r, k) => {
-            const data = this.store.get(k);
-            r[k] = data;
-            return r;
-        }, state);
-    }
-    dispose() {
-        dimension_helpers.setStore(this.store, initialState());
-    }
-    setStore(data) {
-        dimension_helpers.setStore(this.store, data);
-    }
-    drop() {
-        dimension_helpers.setStore(this.store, initialBase());
-    }
-    /**
-     * Set custom dimension sizes and overwrite old
-     * Generates new indexes based on sizes
-     * @param sizes - sizes to set
-     */
-    setDimensionSize(sizes) {
-        const dimensionData = dimension_helpers.calculateDimensionData(this.store.get('originItemSize'), sizes);
-        dimension_helpers.setStore(this.store, dimensionData);
-        return dimensionData;
-    }
-}
-
 var baseIteratee$1 = dimension_helpers._baseIteratee,
     isArrayLike$2 = dimension_helpers.isArrayLike_1,
     keys = dimension_helpers.keys_1;
@@ -338,7 +230,7 @@ function map(collection, iteratee) {
 
 var map_1 = map;
 
-class GroupingColumnPlugin extends storeTypes.BasePlugin {
+class GroupingColumnPlugin extends base_plugin.BasePlugin {
     static gatherGroup(res, colData, collection, level = 0) {
         // group template
         const group = Object.assign(Object.assign({}, colData), { level, ids: [] });
@@ -387,7 +279,7 @@ class ColumnDataProvider {
     }
     constructor() {
         this.sorting = null;
-        this.dataSources = dimension_helpers.reduce_1(storeTypes.columnTypes, (sources, k) => {
+        this.dataSources = dimension_helpers.reduce_1(base_plugin.columnTypes, (sources, k) => {
             sources[k] = new dimension_helpers.DataStore(k);
             return sources;
         }, {});
@@ -412,7 +304,7 @@ class ColumnDataProvider {
         if (type !== 'all') {
             return this.dataSources[type].store.get('source');
         }
-        return storeTypes.columnTypes.reduce((r, t) => {
+        return base_plugin.columnTypes.reduce((r, t) => {
             r.push(...this.dataSources[t].store.get('source'));
             return r;
         }, []);
@@ -428,7 +320,7 @@ class ColumnDataProvider {
         this.dataSources[type].refresh();
     }
     setColumns(data) {
-        storeTypes.columnTypes.forEach(k => {
+        base_plugin.columnTypes.forEach(k => {
             // set columns data
             this.dataSources[k].updateData(data.columns[k], {
                 // max depth level
@@ -576,7 +468,7 @@ class ColumnDataProvider {
 class DataProvider {
     constructor(dimensionProvider) {
         this.dimensionProvider = dimensionProvider;
-        this.stores = dimension_helpers.reduce_1(storeTypes.rowTypes, (sources, k) => {
+        this.stores = dimension_helpers.reduce_1(base_plugin.rowTypes, (sources, k) => {
             sources[k] = new dimension_helpers.DataStore(k);
             return sources;
         }, {});
@@ -614,10 +506,10 @@ class DataProvider {
         dimension_helpers.setSourceByVirtualIndex(this.stores[type].store, items);
     }
     refresh(type = 'all') {
-        if (storeTypes.isRowType(type)) {
+        if (base_plugin.isRowType(type)) {
             this.refreshItems(type);
         }
-        storeTypes.rowTypes.forEach((t) => this.refreshItems(t));
+        base_plugin.rowTypes.forEach((t) => this.refreshItems(t));
     }
     refreshItems(type = 'rgRow') {
         const items = this.stores[type].store.get('items');
@@ -644,8 +536,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([...storeTypes.rowTypes, ...storeTypes.columnTypes], (sources, k) => {
-            sources[k] = new DimensionStore();
+        this.stores = dimension_helpers.reduce_1([...base_plugin.rowTypes, ...base_plugin.columnTypes], (sources, k) => {
+            sources[k] = new base_plugin.DimensionStore();
             sources[k].store.onChange('realSize', () => sizeChanged(k));
             return sources;
         }, {});
@@ -708,7 +600,7 @@ class DimensionProvider {
         this.updateViewport(type);
     }
     applyNewColumns(columns, disableVirtualX) {
-        for (let type of storeTypes.columnTypes) {
+        for (let type of base_plugin.columnTypes) {
             // clear existing data
             this.stores[type].drop();
             const items = columns[type];
@@ -738,10 +630,10 @@ class DimensionProvider {
         var _a, _b;
         let x = 0;
         let y = 0;
-        for (let type of storeTypes.columnTypes) {
+        for (let type of base_plugin.columnTypes) {
             x += ((_a = this.stores[type]) === null || _a === void 0 ? void 0 : _a.store.get('realSize')) || 0;
         }
-        for (let type of storeTypes.rowTypes) {
+        for (let type of base_plugin.rowTypes) {
             y += ((_b = this.stores[type]) === null || _b === void 0 ? void 0 : _b.store.get('realSize')) || 0;
         }
         return { y, x };
@@ -765,10 +657,10 @@ class DimensionProvider {
         let stores = [];
         switch (dimensionType) {
             case 'rgCol':
-                stores = storeTypes.columnTypes;
+                stores = base_plugin.columnTypes;
                 break;
             case 'rgRow':
-                stores = storeTypes.rowTypes;
+                stores = base_plugin.rowTypes;
                 break;
         }
         for (let s of stores) {
@@ -779,8 +671,8 @@ class DimensionProvider {
 
 class ViewportProvider {
     constructor() {
-        this.stores = dimension_helpers.reduce_1([...storeTypes.rowTypes, ...storeTypes.columnTypes], (sources, k) => {
-            sources[k] = new events.ViewportStore(k);
+        this.stores = dimension_helpers.reduce_1([...base_plugin.rowTypes, ...base_plugin.columnTypes], (sources, k) => {
+            sources[k] = new viewport_store.ViewportStore(k);
             return sources;
         }, {});
     }
@@ -803,7 +695,7 @@ var ColumnAutoSizeMode;
     // increases and decreases column width based on all items sizes, worst for performance
     ColumnAutoSizeMode["autoSizeAll"] = "autoSizeAll";
 })(ColumnAutoSizeMode || (ColumnAutoSizeMode = {}));
-class AutoSizeColumnPlugin extends storeTypes.BasePlugin {
+class AutoSizeColumnPlugin extends base_plugin.BasePlugin {
     constructor(revogrid, providers, config) {
         super(revogrid, providers);
         this.providers = providers;
@@ -818,7 +710,7 @@ class AutoSizeColumnPlugin extends storeTypes.BasePlugin {
             this.precsizeCalculationArea = this.initiatePresizeElement();
             revogrid.appendChild(this.precsizeCalculationArea);
         }
-        const aftersourceset = ({ detail: { source } }) => {
+        const aftersourceset = ({ detail: { source }, }) => {
             this.setSource(source);
         };
         const afteredit = ({ detail }) => {
@@ -827,7 +719,7 @@ class AutoSizeColumnPlugin extends storeTypes.BasePlugin {
         const afterEditAll = ({ detail }) => {
             this.afterEditAll(detail);
         };
-        const beforecolumnsset = ({ detail: { columns } }) => {
+        const beforecolumnsset = ({ detail: { columns }, }) => {
             this.columnSet(columns);
         };
         const headerDblClick = ({ detail }) => {
@@ -963,7 +855,7 @@ class AutoSizeColumnPlugin extends storeTypes.BasePlugin {
     }
     columnSet(columns) {
         var _a;
-        for (let t of storeTypes.columnTypes) {
+        for (let t of base_plugin.columnTypes) {
             const type = t;
             const cols = columns[type];
             for (let i in cols) {
@@ -1143,7 +1035,7 @@ const filterTypes = {
 
 const FILTER_TRIMMED_TYPE = 'filter';
 const FILTER_CONFIG_CHANGED_EVENT = 'filterconfigchanged';
-class FilterPlugin extends storeTypes.BasePlugin {
+class FilterPlugin extends base_plugin.BasePlugin {
     constructor(revogrid, providers, uiid, config) {
         var _a;
         super(revogrid, providers);
@@ -1621,7 +1513,7 @@ var size_1 = size;
  *
  * Note: If you prevent an event, it will not proceed to the subsequent steps.
  */
-class SortingPlugin extends storeTypes.BasePlugin {
+class SortingPlugin extends base_plugin.BasePlugin {
     async runSorting(order, comparison) {
         var _a;
         await this.sort(order, comparison);
@@ -1637,7 +1529,7 @@ class SortingPlugin extends storeTypes.BasePlugin {
         this.sortingFunc = null;
         this.sortingPromise = null;
         this.postponeSort = debounce.debounce_1(async (order, comparison) => this.runSorting(order, comparison), 50);
-        const beforeanysource = async ({ detail: { type, }, }) => {
+        const beforeanysource = async ({ detail: { type }, }) => {
             // if sorting was provided - sort data
             if (!!this.sorting && this.sortingFunc) {
                 const beforeEvent = this.emit('beforesorting', { type });
@@ -1672,7 +1564,7 @@ class SortingPlugin extends storeTypes.BasePlugin {
     }
     startSorting(order, sortingFunc) {
         if (!this.sortingPromise) {
-            this.revogrid.jobsBeforeRender.push(new Promise((resolve) => {
+            this.revogrid.jobsBeforeRender.push(new Promise(resolve => {
                 this.sortingPromise = resolve;
             }));
         }
@@ -2050,7 +1942,7 @@ var ExportTypes;
 (function (ExportTypes) {
     ExportTypes["csv"] = "csv";
 })(ExportTypes || (ExportTypes = {}));
-class ExportFilePlugin extends storeTypes.BasePlugin {
+class ExportFilePlugin extends base_plugin.BasePlugin {
     /** Exports string */
     async exportString(options = {}, t = ExportTypes.csv) {
         const data = await this.beforeexport();
@@ -2108,7 +2000,7 @@ class ExportFilePlugin extends storeTypes.BasePlugin {
         const data = await this.getSource();
         const colSource = [];
         const colPromises = [];
-        storeTypes.columnTypes.forEach((t, i) => {
+        base_plugin.columnTypes.forEach((t, i) => {
             colPromises.push(this.getColPerSource(t).then(s => (colSource[i] = s)));
         });
         await Promise.all(colPromises);
@@ -2184,7 +2076,7 @@ class ExportFilePlugin extends storeTypes.BasePlugin {
     async getSource() {
         const data = [];
         const promisesData = [];
-        storeTypes.rowTypes.forEach(t => {
+        base_plugin.rowTypes.forEach(t => {
             const dataPart = [];
             data.push(dataPart);
             const promise = this.revogrid.getVisibleSource(t).then((d) => dataPart.push(...d));
@@ -2326,7 +2218,7 @@ function processDoubleConversionTrimmed(initiallyTrimed, firstLevelMap, secondLe
     return trimemedOptionsToUpgrade;
 }
 
-class GroupingRowPlugin extends storeTypes.BasePlugin {
+class GroupingRowPlugin extends base_plugin.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);
@@ -2413,7 +2305,7 @@ class GroupingRowPlugin extends storeTypes.BasePlugin {
         return false;
     }
     setColumns({ columns }) {
-        for (let type of storeTypes.columnTypes) {
+        for (let type of base_plugin.columnTypes) {
             if (this.setColumnGrouping(columns[type])) {
                 break;
             }
@@ -2532,7 +2424,7 @@ class GroupingRowPlugin extends storeTypes.BasePlugin {
             this.doSourceUpdate(Object.assign({}, options));
         }
         // props exist and columns inited
-        for (let t of storeTypes.columnTypes) {
+        for (let t of base_plugin.columnTypes) {
             if (this.setColumnGrouping(this.providers.column.getColumns(t))) {
                 this.providers.column.refreshByType(t);
                 break;
@@ -2544,7 +2436,7 @@ class GroupingRowPlugin extends storeTypes.BasePlugin {
     // clear grouping
     clearGrouping() {
         // clear columns
-        storeTypes.columnTypes.forEach(t => {
+        base_plugin.columnTypes.forEach(t => {
             const cols = this.providers.column.getColumns(t);
             let deleted = false;
             cols.forEach(c => {
@@ -2615,7 +2507,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
-        storeTypes.columnTypes.forEach(val => {
+        base_plugin.columnTypes.forEach(val => {
             const colStore = config.columnProvider.stores[val].store;
             // only columns that have data show
             if (!colStore.get('items').length) {
@@ -2710,10 +2602,10 @@ class ViewportService {
         };
         // y position for selection
         let y = 0;
-        return storeTypes.rowTypes.reduce((r, type) => {
+        return base_plugin.rowTypes.reduce((r, 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_store.EMPTY_INDEX }) });
+            const rgCol = Object.assign(Object.assign({}, data), { position: Object.assign(Object.assign({}, data.position), { y: isPresent ? y : selection_helpers.EMPTY_INDEX }) });
             r.push(this.dataPartition(rgCol, type, slots[type], type !== 'rgRow'));
             if (isPresent) {
                 y++;
@@ -2847,7 +2739,9 @@ class GridScrollingService {
             if (elKey === key) {
                 continue;
             }
-            if (storeTypes.columnTypes.includes(key) && (elKey === 'headerRow' || storeTypes.columnTypes.includes(elKey))) {
+            if (base_plugin.columnTypes.includes(key) &&
+                (elKey === 'headerRow' ||
+                    base_plugin.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));
                 }
@@ -2934,7 +2828,7 @@ const OrderRenderer = ({ ref }) => {
         index$1.h("div", { class: "drag-position", ref: e => (service.rgRow = e) })));
 };
 
-class StretchColumn extends storeTypes.BasePlugin {
+class StretchColumn extends base_plugin.BasePlugin {
     constructor(revogrid, providers) {
         super(revogrid, providers);
         this.providers = providers;
@@ -3124,7 +3018,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 storeTypes.BasePlugin {
+class ColumnPlugin extends base_plugin.BasePlugin {
     constructor(revogrid, providers) {
         super(revogrid, providers);
         this.revogrid = revogrid;
@@ -3849,7 +3743,7 @@ const RevoGridComponent = class {
             realSizeChanged: (k) => this.contentsizechanged.emit(k),
         });
         this.columnProvider = new ColumnDataProvider();
-        this.selectionStoreConnector = new selection_store.SelectionStoreConnector();
+        this.selectionStoreConnector = new selection_helpers.SelectionStoreConnector();
         this.dataProvider = new DataProvider(this.dimensionProvider);
         // #endregion
         // generate uuid for this grid
@@ -3953,7 +3847,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: '1b32ad72b926f749230e2f596329176bdb29b425' }, headerProperties, { slot: column_service.HEADER_SLOT })),
+                index$1.h("revogr-header", Object.assign({ key: 'f304dcc1c0ef2bc274929ef0982152905d31f761' }, headerProperties, { slot: column_service.HEADER_SLOT })),
             ];
             // Render viewport data (vertical sections)
             view.dataPorts.forEach(data => {
@@ -3975,11 +3869,11 @@ const RevoGridComponent = class {
         const typeCol = 'rgCol';
         const viewports = this.viewportProvider.stores;
         const dimensions = this.dimensionProvider.stores;
-        return (index$1.h(index$1.Host, { key: 'f0d986b0d53c989e8f45491d6daa86062ab28b73', [`${index.UUID}`]: this.uuid }, this.hideAttribution ? null : (index$1.h("revogr-attribution", { class: "attribution" })), index$1.h("div", { key: '6299b1dbf4d1a2a6701789d21382a30093188e45', class: "main-viewport", onClick: (e) => {
+        return (index$1.h(index$1.Host, { key: '5eff6aab67d669ea43e09e3e78b32523ecbfdbe0', [`${index.UUID}`]: this.uuid }, this.hideAttribution ? null : (index$1.h("revogr-attribution", { class: "attribution" })), index$1.h("div", { key: '9db44dc1504b6d03273a609f1f68e48e4dc61937', class: "main-viewport", onClick: (e) => {
                 if (e.currentTarget === e.target) {
                     this.viewport.clearEdit();
                 }
-            } }, index$1.h("div", { key: '61d52d916f03c730704e7cfaa2afaf2cb91de0e7', class: "viewports" }, index$1.h("slot", { key: '8250aaeba4cac754d324145bb2940f4db01a901d', name: "viewport" }), viewportSections, index$1.h("revogr-scroll-virtual", { key: 'f18b9209c7a804cc4c295afcc70f6d375d8ad45d', 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: 'ef29f4dc8b587ac3bbfc0d76e7ffa9f9231e0c63', ref: e => (this.orderService = e) }))), index$1.h("revogr-scroll-virtual", { key: 'f8c4b8bd1cda04f2ab17b96cd7ec46faeeb6d7ad', 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: 'f07fe5ec8fc46cd071429d66923267f9459888bf', class: "viewports" }, index$1.h("slot", { key: 'd030f89592e4e426194e7f2a8ebc0f3c49108bfb', name: "viewport" }), viewportSections, index$1.h("revogr-scroll-virtual", { key: '364951111ea2eaeccc816b4b119fe270e77b83bf', 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: '7ace1eff1dc24d7250cbf1fab943a864586dd9db', ref: e => (this.orderService = e) }))), index$1.h("revogr-scroll-virtual", { key: '9fd93540972906cb6b77b5fd31ddf1805e54da4b', 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));
     }
     get element() { return index$1.getElement(this); }
     static get watchers() { return {