@revolist/revogrid 4.0.12 → 4.0.14

package/standalone/revo-grid.js

@@ -4,17 +4,17 @@
 import { h, proxyCustomElement, HTMLElement, createEvent, Host } from '@stencil/core/internal/client';
 import { e as each, _ as _baseEach } from './each.js';
 import { r as reduce_1, c as calculateDimensionData, a as getItemByIndex, g as getItemByPosition } from './dimension.helpers.js';
-import { _ as _baseIteratee, a as _arrayMap, b as _baseProperty } from './_baseIteratee.js';
+import { _ as _baseIteratee, a as _arrayMap, b as _baseProperty, c as _getTag } from './_baseIteratee.js';
 import { i as isArrayLike_1, k as keys_1, a as isArray_1, _ as _baseKeys } from './identity.js';
 import { h as createStore, i as setStore, j as findIndex_1, D as DataStore, b as getSourceItem, e as getSourceItemVirtualIndexByProp, s as setSourceByVirtualIndex, a as getVisibleSourceItem, f as gatherTrimmedItems, r as range_1, k as toInteger_1, _ as _isIterateeCall, g as getPhysical, d as setItems } from './data.store.js';
+import { _ as _baseGetTag, i as isObjectLike_1 } from './isObjectLike.js';
+import './_nodeUtil.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, U as UUID } from './consts.js';
 import { V as ViewportStore, f as calculateRowHeaderSize, h as defineCustomElement$6 } from './revogr-row-headers2.js';
 import { t as timeout, g as getScrollbarSize } from './index2.js';
 import { F as FILTER_PROP, i as isFilterBtn } from './filter.button.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 { g as getLastCell, 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';
@@ -94,91 +94,6 @@ class ThemeService {
     }
 }
 
-/**
- * Base layer for plugins
- * Provide minimal starting core for plugins to work
- * Extend this class to create plugin
- */
-class BasePlugin {
-    constructor(revogrid, providers) {
-        this.revogrid = revogrid;
-        this.providers = providers;
-        this.subscriptions = {};
-    }
-    /**
-     *
-     * @param eventName - event name to subscribe to in revo-grid component (e.g. 'beforeheaderclick')
-     * @param callback - callback function for event
-     */
-    addEventListener(eventName, callback) {
-        this.revogrid.addEventListener(eventName, callback);
-        this.subscriptions[eventName] = callback;
-    }
-    /**
-     * Subscribe to property change in revo-grid component
-     * You can return false in callback to prevent default value set
-     *
-     * @param prop - property name
-     * @param callback - callback function
-     * @param immediate - trigger callback immediately with current value
-     */
-    watch(prop, callback, { immediate } = { immediate: false }) {
-        const nativeValueDesc = Object.getOwnPropertyDescriptor(this.revogrid, prop) ||
-            Object.getOwnPropertyDescriptor(this.revogrid.constructor.prototype, prop);
-        // Overwrite property descriptor for this instance
-        Object.defineProperty(this.revogrid, prop, {
-            set(val) {
-                var _a;
-                const keepDefault = callback(val);
-                if (keepDefault === false) {
-                    return;
-                }
-                // Continue with native behavior
-                return (_a = nativeValueDesc === null || nativeValueDesc === void 0 ? void 0 : nativeValueDesc.set) === null || _a === void 0 ? void 0 : _a.call(this, val);
-            },
-            get() {
-                var _a;
-                // Continue with native behavior
-                return (_a = nativeValueDesc === null || nativeValueDesc === void 0 ? void 0 : nativeValueDesc.get) === null || _a === void 0 ? void 0 : _a.call(this);
-            },
-        });
-        if (immediate) {
-            callback(nativeValueDesc === null || nativeValueDesc === void 0 ? void 0 : nativeValueDesc.value);
-        }
-    }
-    /**
-     * Remove event listener
-     * @param eventName
-     */
-    removeEventListener(eventName) {
-        this.revogrid.removeEventListener(eventName, this.subscriptions[eventName]);
-        delete this.subscriptions[eventName];
-    }
-    /**
-     * Emit event from revo-grid component
-     * Event can be cancelled by calling event.preventDefault() in callback
-     */
-    emit(eventName, detail) {
-        const event = new CustomEvent(eventName, { detail, cancelable: true });
-        this.revogrid.dispatchEvent(event);
-        return event;
-    }
-    /**
-     * Clear all subscriptions
-     */
-    clearSubscriptions() {
-        for (let type in this.subscriptions) {
-            this.removeEventListener(type);
-        }
-    }
-    /**
-     * Destroy plugin and clear all subscriptions
-     */
-    destroy() {
-        this.clearSubscriptions();
-    }
-}
-
 /**
  * Storing pre-calculated
  * Dimension information and sizes
@@ -297,6 +212,91 @@ function isRowType(type) {
     return rowTypes.indexOf(type) > -1;
 }
 
+/**
+ * Base layer for plugins
+ * Provide minimal starting core for plugins to work
+ * Extend this class to create plugin
+ */
+class BasePlugin {
+    constructor(revogrid, providers) {
+        this.revogrid = revogrid;
+        this.providers = providers;
+        this.subscriptions = {};
+    }
+    /**
+     *
+     * @param eventName - event name to subscribe to in revo-grid component (e.g. 'beforeheaderclick')
+     * @param callback - callback function for event
+     */
+    addEventListener(eventName, callback) {
+        this.revogrid.addEventListener(eventName, callback);
+        this.subscriptions[eventName] = callback;
+    }
+    /**
+     * Subscribe to property change in revo-grid component
+     * You can return false in callback to prevent default value set
+     *
+     * @param prop - property name
+     * @param callback - callback function
+     * @param immediate - trigger callback immediately with current value
+     */
+    watch(prop, callback, { immediate } = { immediate: false }) {
+        const nativeValueDesc = Object.getOwnPropertyDescriptor(this.revogrid, prop) ||
+            Object.getOwnPropertyDescriptor(this.revogrid.constructor.prototype, prop);
+        // Overwrite property descriptor for this instance
+        Object.defineProperty(this.revogrid, prop, {
+            set(val) {
+                var _a;
+                const keepDefault = callback(val);
+                if (keepDefault === false) {
+                    return;
+                }
+                // Continue with native behavior
+                return (_a = nativeValueDesc === null || nativeValueDesc === void 0 ? void 0 : nativeValueDesc.set) === null || _a === void 0 ? void 0 : _a.call(this, val);
+            },
+            get() {
+                var _a;
+                // Continue with native behavior
+                return (_a = nativeValueDesc === null || nativeValueDesc === void 0 ? void 0 : nativeValueDesc.get) === null || _a === void 0 ? void 0 : _a.call(this);
+            },
+        });
+        if (immediate) {
+            callback(nativeValueDesc === null || nativeValueDesc === void 0 ? void 0 : nativeValueDesc.value);
+        }
+    }
+    /**
+     * Remove event listener
+     * @param eventName
+     */
+    removeEventListener(eventName) {
+        this.revogrid.removeEventListener(eventName, this.subscriptions[eventName]);
+        delete this.subscriptions[eventName];
+    }
+    /**
+     * Emit event from revo-grid component
+     * Event can be cancelled by calling event.preventDefault() in callback
+     */
+    emit(eventName, detail) {
+        const event = new CustomEvent(eventName, { detail, cancelable: true });
+        this.revogrid.dispatchEvent(event);
+        return event;
+    }
+    /**
+     * Clear all subscriptions
+     */
+    clearSubscriptions() {
+        for (let type in this.subscriptions) {
+            this.removeEventListener(type);
+        }
+    }
+    /**
+     * Destroy plugin and clear all subscriptions
+     */
+    destroy() {
+        this.clearSubscriptions();
+    }
+}
+
 var baseIteratee$1 = _baseIteratee,
     isArrayLike$2 = isArrayLike_1,
     keys = keys_1;
@@ -923,7 +923,7 @@ class AutoSizeColumnPlugin extends BasePlugin {
             this.precsizeCalculationArea = this.initiatePresizeElement();
             revogrid.appendChild(this.precsizeCalculationArea);
         }
-        const aftersourceset = ({ detail: { source } }) => {
+        const aftersourceset = ({ detail: { source }, }) => {
             this.setSource(source);
         };
         const afteredit = ({ detail }) => {
@@ -932,7 +932,7 @@ class AutoSizeColumnPlugin extends BasePlugin {
         const afterEditAll = ({ detail }) => {
             this.afterEditAll(detail);
         };
-        const beforecolumnsset = ({ detail: { columns } }) => {
+        const beforecolumnsset = ({ detail: { columns }, }) => {
             this.columnSet(columns);
         };
         const headerDblClick = ({ detail }) => {
@@ -1742,7 +1742,7 @@ class SortingPlugin extends BasePlugin {
         this.sortingFunc = null;
         this.sortingPromise = null;
         this.postponeSort = 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 });
@@ -1777,7 +1777,7 @@ class SortingPlugin extends BasePlugin {
     }
     startSorting(order, sortingFunc) {
         if (!this.sortingPromise) {
-            this.revogrid.jobsBeforeRender.push(new Promise((resolve) => {
+            this.revogrid.jobsBeforeRender.push(new Promise(resolve => {
                 this.sortingPromise = resolve;
             }));
         }
@@ -2952,7 +2952,9 @@ class GridScrollingService {
             if (elKey === key) {
                 continue;
             }
-            if (columnTypes.includes(key) && (elKey === 'headerRow' || columnTypes.includes(elKey))) {
+            if (columnTypes.includes(key) &&
+                (elKey === 'headerRow' ||
+                    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));
                 }
@@ -4059,7 +4061,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: '1b32ad72b926f749230e2f596329176bdb29b425' }, headerProperties, { slot: HEADER_SLOT })),
+                h("revogr-header", Object.assign({ key: 'f304dcc1c0ef2bc274929ef0982152905d31f761' }, headerProperties, { slot: HEADER_SLOT })),
             ];
             // Render viewport data (vertical sections)
             view.dataPorts.forEach(data => {
@@ -4081,11 +4083,11 @@ const RevoGridComponent = /*@__PURE__*/ proxyCustomElement(class RevoGridCompone
         const typeCol = 'rgCol';
         const viewports = this.viewportProvider.stores;
         const dimensions = this.dimensionProvider.stores;
-        return (h(Host, { key: 'f0d986b0d53c989e8f45491d6daa86062ab28b73', [`${UUID}`]: this.uuid }, this.hideAttribution ? null : (h("revogr-attribution", { class: "attribution" })), h("div", { key: '6299b1dbf4d1a2a6701789d21382a30093188e45', class: "main-viewport", onClick: (e) => {
+        return (h(Host, { key: '5eff6aab67d669ea43e09e3e78b32523ecbfdbe0', [`${UUID}`]: this.uuid }, this.hideAttribution ? null : (h("revogr-attribution", { class: "attribution" })), h("div", { key: '9db44dc1504b6d03273a609f1f68e48e4dc61937', class: "main-viewport", onClick: (e) => {
                 if (e.currentTarget === e.target) {
                     this.viewport.clearEdit();
                 }
-            } }, h("div", { key: '61d52d916f03c730704e7cfaa2afaf2cb91de0e7', class: "viewports" }, h("slot", { key: '8250aaeba4cac754d324145bb2940f4db01a901d', name: "viewport" }), viewportSections, 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) }), h(OrderRenderer, { key: 'ef29f4dc8b587ac3bbfc0d76e7ffa9f9231e0c63', ref: e => (this.orderService = e) }))), 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));
+            } }, h("div", { key: 'f07fe5ec8fc46cd071429d66923267f9459888bf', class: "viewports" }, h("slot", { key: 'd030f89592e4e426194e7f2a8ebc0f3c49108bfb', name: "viewport" }), viewportSections, 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) }), h(OrderRenderer, { key: '7ace1eff1dc24d7250cbf1fab943a864586dd9db', ref: e => (this.orderService = e) }))), 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 this; }
     static get watchers() { return {
@@ -4264,6 +4266,6 @@ function defineCustomElement$1() {
 const RevoGrid = RevoGridComponent;
 const defineCustomElement = defineCustomElement$1;
 
-export { BasePlugin as B, 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, columnTypes as c, defineCustomElement, isRowType as i, rowTypes as r };
 
 //# sourceMappingURL=revo-grid.js.map