@revolist/revogrid 4.8.6 → 4.8.7

package/dist/types/components/revoGrid/revo-grid.d.ts

@@ -212,7 +212,7 @@ export declare class RevoGridComponent {
      * Triggered before range applied.
      * Use e.preventDefault() to prevent range.
      */
-    beforeange: EventEmitter<ChangedRange>;
+    beforerange: EventEmitter<ChangedRange>;
     /**
      * Triggered after focus render finished.
      * Can be used to access a focus element through `event.target`

package/dist/types/components.d.ts

@@ -740,7 +740,7 @@ declare global {
         "beforerangeedit": BeforeRangeSaveDataDetails;
         "afteredit": AfterEditEvent;
         "beforeautofill": ChangedRange;
-        "beforeange": ChangedRange;
+        "beforerange": ChangedRange;
         "afterfocus": {
     model: any;
     column: ColumnRegular;
@@ -1299,10 +1299,6 @@ declare namespace LocalJSX {
           * Emitted after trimmed values have been applied. Useful for notifying when trimming of values has taken place.
          */
         "onAftertrimmed"?: (event: RevoGridCustomEvent<any>) => void;
-        /**
-          * Triggered before range applied. Use e.preventDefault() to prevent range.
-         */
-        "onBeforeange"?: (event: RevoGridCustomEvent<ChangedRange>) => void;
         /**
           * Before data apply on any source type. Can be source from pinned and main viewport. You can override data source here
          */
@@ -1358,6 +1354,10 @@ declare namespace LocalJSX {
           * Emmited before the grid is rendered.
          */
         "onBeforegridrender"?: (event: RevoGridCustomEvent<any>) => void;
+        /**
+          * Triggered before range applied. Use e.preventDefault() to prevent range.
+         */
+        "onBeforerange"?: (event: RevoGridCustomEvent<ChangedRange>) => void;
         /**
           * This event is triggered before applying range data, specifically when a range selection occurs. To customize the data and prevent the default edit data from being set, you can call `e.preventDefault()`.
          */

package/hydrate/index.js

@@ -14152,7 +14152,7 @@ class RevoGridComponent {
         this.beforerangeedit = createEvent(this, "beforerangeedit", 7);
         this.afteredit = createEvent(this, "afteredit", 7);
         this.beforeautofill = createEvent(this, "beforeautofill", 7);
-        this.beforeange = createEvent(this, "beforeange", 7);
+        this.beforerange = createEvent(this, "beforerange", 7);
         this.afterfocus = createEvent(this, "afterfocus", 7);
         this.roworderchanged = createEvent(this, "roworderchanged", 7);
         this.beforesortingapply = createEvent(this, "beforesortingapply", 7);
@@ -14498,7 +14498,7 @@ class RevoGridComponent {
         this.afteredit.emit(detail);
     }
     onRangeChanged(e) {
-        const beforeange = this.beforeange.emit(e.detail);
+        const beforeange = this.beforerange.emit(e.detail);
         if (beforeange.defaultPrevented) {
             e.preventDefault();
         }
@@ -14836,7 +14836,7 @@ class RevoGridComponent {
             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 = [
-                hAsync("revogr-header", Object.assign({ key: '321be595b925b0b781e6a70ac65f09301ddf9690' }, headerProperties, { slot: HEADER_SLOT })),
+                hAsync("revogr-header", Object.assign({ key: '04119785ef18171d13263b5a56a304c05afddee3' }, headerProperties, { slot: HEADER_SLOT })),
             ];
             // Render viewport data (vertical sections)
             view.dataPorts.forEach(data => {
@@ -14858,11 +14858,11 @@ class RevoGridComponent {
         const typeCol = 'rgCol';
         const viewports = this.viewportProvider.stores;
         const dimensions = this.dimensionProvider.stores;
-        return (hAsync(Host, { key: '9c290a3e6cff0f2e2375f98e020292646dc51ac6', [`${UUID}`]: this.uuid }, this.hideAttribution ? null : (hAsync("revogr-attribution", { class: "attribution" })), hAsync("div", { key: '48417bd11ec1eae854bcc0be942a7e4d27b630ac', class: "main-viewport", onClick: (e) => {
+        return (hAsync(Host, { key: '2f84ce8fcf803cdad1dc8ce5b798b8d3b9b29aed', [`${UUID}`]: this.uuid }, this.hideAttribution ? null : (hAsync("revogr-attribution", { class: "attribution" })), hAsync("div", { key: '6e3e09f51a6316ecea972f9a5f5789983ff236a9', class: "main-viewport", onClick: (e) => {
                 if (e.currentTarget === e.target) {
                     this.viewport.clearEdit();
                 }
-            } }, hAsync("div", { key: '870bb866b39ecdd7af06a0a265891adf76c0a736', class: "viewports" }, hAsync("slot", { key: '6a8b432762f85064e190ead625168913cd610d09', name: "viewport" }), viewportSections, hAsync("revogr-scroll-virtual", { key: '39d6c67a2910f411131bc433441219eb5ddaafa2', 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) }), hAsync(OrderRenderer, { key: '5b0c5d2864da2b7fab55ca0709e5b1250e22db5f', ref: e => (this.orderService = e) }))), hAsync("revogr-scroll-virtual", { key: 'fde782c69924d2a4d1ba5e538da28ca64e8ac292', 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));
+            } }, hAsync("div", { key: '2588926f18143056dc291c3b0ff3c1f5a23b4f2d', class: "viewports" }, hAsync("slot", { key: '9b67ce2dad0aaebb974c5653581f510c246f0aec', name: "viewport" }), viewportSections, hAsync("revogr-scroll-virtual", { key: '90696a6304b7d9dfc532029d139c198c2cfe3c11', 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) }), hAsync(OrderRenderer, { key: '51c029fdbd2d22c8e5b538253f0ff4c2b724920c', ref: e => (this.orderService = e) }))), hAsync("revogr-scroll-virtual", { key: '955fa4b29228b7923d198e55b214fc2ad0f2a19f', 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

package/hydrate/index.mjs

@@ -14148,7 +14148,7 @@ class RevoGridComponent {
         this.beforerangeedit = createEvent(this, "beforerangeedit", 7);
         this.afteredit = createEvent(this, "afteredit", 7);
         this.beforeautofill = createEvent(this, "beforeautofill", 7);
-        this.beforeange = createEvent(this, "beforeange", 7);
+        this.beforerange = createEvent(this, "beforerange", 7);
         this.afterfocus = createEvent(this, "afterfocus", 7);
         this.roworderchanged = createEvent(this, "roworderchanged", 7);
         this.beforesortingapply = createEvent(this, "beforesortingapply", 7);
@@ -14494,7 +14494,7 @@ class RevoGridComponent {
         this.afteredit.emit(detail);
     }
     onRangeChanged(e) {
-        const beforeange = this.beforeange.emit(e.detail);
+        const beforeange = this.beforerange.emit(e.detail);
         if (beforeange.defaultPrevented) {
             e.preventDefault();
         }
@@ -14832,7 +14832,7 @@ class RevoGridComponent {
             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 = [
-                hAsync("revogr-header", Object.assign({ key: '321be595b925b0b781e6a70ac65f09301ddf9690' }, headerProperties, { slot: HEADER_SLOT })),
+                hAsync("revogr-header", Object.assign({ key: '04119785ef18171d13263b5a56a304c05afddee3' }, headerProperties, { slot: HEADER_SLOT })),
             ];
             // Render viewport data (vertical sections)
             view.dataPorts.forEach(data => {
@@ -14854,11 +14854,11 @@ class RevoGridComponent {
         const typeCol = 'rgCol';
         const viewports = this.viewportProvider.stores;
         const dimensions = this.dimensionProvider.stores;
-        return (hAsync(Host, { key: '9c290a3e6cff0f2e2375f98e020292646dc51ac6', [`${UUID}`]: this.uuid }, this.hideAttribution ? null : (hAsync("revogr-attribution", { class: "attribution" })), hAsync("div", { key: '48417bd11ec1eae854bcc0be942a7e4d27b630ac', class: "main-viewport", onClick: (e) => {
+        return (hAsync(Host, { key: '2f84ce8fcf803cdad1dc8ce5b798b8d3b9b29aed', [`${UUID}`]: this.uuid }, this.hideAttribution ? null : (hAsync("revogr-attribution", { class: "attribution" })), hAsync("div", { key: '6e3e09f51a6316ecea972f9a5f5789983ff236a9', class: "main-viewport", onClick: (e) => {
                 if (e.currentTarget === e.target) {
                     this.viewport.clearEdit();
                 }
-            } }, hAsync("div", { key: '870bb866b39ecdd7af06a0a265891adf76c0a736', class: "viewports" }, hAsync("slot", { key: '6a8b432762f85064e190ead625168913cd610d09', name: "viewport" }), viewportSections, hAsync("revogr-scroll-virtual", { key: '39d6c67a2910f411131bc433441219eb5ddaafa2', 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) }), hAsync(OrderRenderer, { key: '5b0c5d2864da2b7fab55ca0709e5b1250e22db5f', ref: e => (this.orderService = e) }))), hAsync("revogr-scroll-virtual", { key: 'fde782c69924d2a4d1ba5e538da28ca64e8ac292', 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));
+            } }, hAsync("div", { key: '2588926f18143056dc291c3b0ff3c1f5a23b4f2d', class: "viewports" }, hAsync("slot", { key: '9b67ce2dad0aaebb974c5653581f510c246f0aec', name: "viewport" }), viewportSections, hAsync("revogr-scroll-virtual", { key: '90696a6304b7d9dfc532029d139c198c2cfe3c11', 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) }), hAsync(OrderRenderer, { key: '51c029fdbd2d22c8e5b538253f0ff4c2b724920c', ref: e => (this.orderService = e) }))), hAsync("revogr-scroll-virtual", { key: '955fa4b29228b7923d198e55b214fc2ad0f2a19f', 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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@revolist/revogrid",
-  "version": "4.8.6",
+  "version": "4.8.7",
   "type": "module",
   "description": "Virtual reactive data grid spreadsheet component - RevoGrid.",
   "license": "MIT",

package/standalone/revo-grid.js

@@ -3398,7 +3398,7 @@ const RevoGridComponent = /*@__PURE__*/ proxyCustomElement(class RevoGridCompone
         this.beforerangeedit = createEvent(this, "beforerangeedit", 7);
         this.afteredit = createEvent(this, "afteredit", 7);
         this.beforeautofill = createEvent(this, "beforeautofill", 7);
-        this.beforeange = createEvent(this, "beforeange", 7);
+        this.beforerange = createEvent(this, "beforerange", 7);
         this.afterfocus = createEvent(this, "afterfocus", 7);
         this.roworderchanged = createEvent(this, "roworderchanged", 7);
         this.beforesortingapply = createEvent(this, "beforesortingapply", 7);
@@ -3744,7 +3744,7 @@ const RevoGridComponent = /*@__PURE__*/ proxyCustomElement(class RevoGridCompone
         this.afteredit.emit(detail);
     }
     onRangeChanged(e) {
-        const beforeange = this.beforeange.emit(e.detail);
+        const beforeange = this.beforerange.emit(e.detail);
         if (beforeange.defaultPrevented) {
             e.preventDefault();
         }
@@ -4082,7 +4082,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: '321be595b925b0b781e6a70ac65f09301ddf9690' }, headerProperties, { slot: HEADER_SLOT })),
+                h("revogr-header", Object.assign({ key: '04119785ef18171d13263b5a56a304c05afddee3' }, headerProperties, { slot: HEADER_SLOT })),
             ];
             // Render viewport data (vertical sections)
             view.dataPorts.forEach(data => {
@@ -4104,11 +4104,11 @@ const RevoGridComponent = /*@__PURE__*/ proxyCustomElement(class RevoGridCompone
         const typeCol = 'rgCol';
         const viewports = this.viewportProvider.stores;
         const dimensions = this.dimensionProvider.stores;
-        return (h(Host, { key: '9c290a3e6cff0f2e2375f98e020292646dc51ac6', [`${UUID}`]: this.uuid }, this.hideAttribution ? null : (h("revogr-attribution", { class: "attribution" })), h("div", { key: '48417bd11ec1eae854bcc0be942a7e4d27b630ac', class: "main-viewport", onClick: (e) => {
+        return (h(Host, { key: '2f84ce8fcf803cdad1dc8ce5b798b8d3b9b29aed', [`${UUID}`]: this.uuid }, this.hideAttribution ? null : (h("revogr-attribution", { class: "attribution" })), h("div", { key: '6e3e09f51a6316ecea972f9a5f5789983ff236a9', class: "main-viewport", onClick: (e) => {
                 if (e.currentTarget === e.target) {
                     this.viewport.clearEdit();
                 }
-            } }, h("div", { key: '870bb866b39ecdd7af06a0a265891adf76c0a736', class: "viewports" }, h("slot", { key: '6a8b432762f85064e190ead625168913cd610d09', name: "viewport" }), viewportSections, h("revogr-scroll-virtual", { key: '39d6c67a2910f411131bc433441219eb5ddaafa2', 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: '5b0c5d2864da2b7fab55ca0709e5b1250e22db5f', ref: e => (this.orderService = e) }))), h("revogr-scroll-virtual", { key: 'fde782c69924d2a4d1ba5e538da28ca64e8ac292', 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: '2588926f18143056dc291c3b0ff3c1f5a23b4f2d', class: "viewports" }, h("slot", { key: '9b67ce2dad0aaebb974c5653581f510c246f0aec', name: "viewport" }), viewportSections, h("revogr-scroll-virtual", { key: '90696a6304b7d9dfc532029d139c198c2cfe3c11', 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: '51c029fdbd2d22c8e5b538253f0ff4c2b724920c', ref: e => (this.orderService = e) }))), h("revogr-scroll-virtual", { key: '955fa4b29228b7923d198e55b214fc2ad0f2a19f', 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