@revolist/revogrid 4.23.21 → 4.23.23

package/hydrate/index.mjs

@@ -13634,6 +13634,7 @@ class KeyboardService {
         if (typeof (editCell === null || editCell === void 0 ? void 0 : editCell.val) !== 'string') {
             return false;
         }
+        e.preventDefault();
         this.sv.selectionStore.set('edit', Object.assign(Object.assign({}, editCell), { val: `${editCell.val}${e.key}` }));
         return true;
     }
@@ -13695,7 +13696,9 @@ class KeyboardService {
         }
         // pressed letter key
         if (!isShortcutModifier(e) && e.key.length === 1) {
-            this.sv.change(e.key);
+            if (this.sv.change(e.key)) {
+                e.preventDefault();
+            }
             return;
         }
         // pressed arrow, change selection position
@@ -14127,12 +14130,7 @@ class OverlaySelection {
                     return this.doFocus(f, f, changes);
                 }
             },
-            change: val => {
-                if (this.readonly) {
-                    return;
-                }
-                this.doEdit(val);
-            },
+            change: val => this.doEdit(val),
             cancel: async () => {
                 var _a;
                 await ((_a = this.revogrEdit) === null || _a === void 0 ? void 0 : _a.cancelChanges());
@@ -14261,9 +14259,9 @@ class OverlaySelection {
                 nodes.push(hAsync("revogr-order-editor", { ref: e => (this.orderEditor = e), dataStore: this.dataStore, dimensionRow: this.dimensionRow, dimensionCol: this.dimensionCol, parent: this.element, rowType: this.types.rowType, onRowdragstartinit: e => this.rowDragStart(e) }));
             }
         }
-        return (hAsync(Host, { key: 'ff303c39d59e4ef217421fa11b9a80de07311b07', class: { mobile: this.isMobileDevice }, onDblClick: (e) => this.onElementDblClick(e), onMouseDown: (e) => this.onElementMouseDown(e), onTouchStart: (e) => this.onElementMouseDown(e, true), onCloseedit: (e) => this.closeEdit(e),
+        return (hAsync(Host, { key: '2d8dc4fd40a883fe59b24b2cfac1c370b9f0ac16', class: { mobile: this.isMobileDevice }, onDblClick: (e) => this.onElementDblClick(e), onMouseDown: (e) => this.onElementMouseDown(e), onTouchStart: (e) => this.onElementMouseDown(e, true), onCloseedit: (e) => this.closeEdit(e),
             // it's done to be able to throw events from different levels, not just from editor
-            onCelledit: (e) => this.onEditCell(e) }, nodes, hAsync("slot", { key: '3cbe4c3ad7d447f779e9e20f73eec2e3107275e0', name: "data" })));
+            onCelledit: (e) => this.onEditCell(e) }, nodes, hAsync("slot", { key: '8ad5df55904ca6a8b2fb0e69c5f608ec7264a0f1', name: "data" })));
     }
     /**
      * Executes the focus operation on the specified range of cells.
@@ -14365,15 +14363,16 @@ class OverlaySelection {
      * Start cell editing
      */
     doEdit(val = '') {
-        var _a;
-        if (this.canEdit()) {
-            const focus = this.selectionStore.get('focus');
-            if (!focus) {
-                return;
-            }
-            const data = this.columnService.getSaveData(focus.y, focus.x);
-            (_a = this.setEdit) === null || _a === void 0 ? void 0 : _a.emit(Object.assign(Object.assign({}, data), { val }));
+        if (!this.canEdit()) {
+            return false;
+        }
+        const focus = this.selectionStore.get('focus');
+        if (!focus) {
+            return false;
         }
+        const data = this.columnService.getSaveData(focus.y, focus.x);
+        const event = this.setEdit.emit(Object.assign(Object.assign({}, data), { val }));
+        return !event.defaultPrevented;
     }
     /**
      * Close editor event triggered
@@ -15099,6 +15098,10 @@ function getScrollDimension({ contentSize, clientSize, virtualSize = 0, maxScrol
     };
 }
 
+const DEFAULT_VIRTUAL_X = ['rgCol'];
+function isVirtualXDimension(type, disableVirtualX = false, virtualX = DEFAULT_VIRTUAL_X) {
+    return !disableVirtualX && virtualX.includes(type);
+}
 /**
  * Dimension provider
  * Stores dimension information and custom sizes
@@ -15109,7 +15112,7 @@ class DimensionProvider {
     constructor(viewports, config) {
         this.viewports = viewports;
         const sizeChanged = debounce$1((k) => config.realSizeChanged(k), RESIZE_INTERVAL);
-        this.stores = reduce([...rowTypes, ...columnTypes], (sources, t) => {
+        this.stores = [...rowTypes, ...columnTypes].reduce((sources, t) => {
             sources[t] = new DimensionStore(t);
             sources[t].store.onChange('realSize', () => sizeChanged(t));
             return sources;
@@ -15185,8 +15188,9 @@ class DimensionProvider {
      * Applies new columns to the dimension provider
      * @param columns - new columns data
      * @param disableVirtualX - disable virtual data for X axis
+     * @param virtualX - column dimensions that should use virtual data
      */
-    applyNewColumns(columns, disableVirtualX, keepOld = false) {
+    applyNewColumns(columns, disableVirtualX, keepOld = false, virtualX = DEFAULT_VIRTUAL_X) {
         // Apply new columns to dimension provider
         for (let type of columnTypes) {
             if (!keepOld) {
@@ -15196,7 +15200,7 @@ class DimensionProvider {
             // Get the new columns for the current type
             const items = columns[type];
             // Determine if virtual data should be disabled for the current type
-            const noVirtual = type !== 'rgCol' || disableVirtualX;
+            const noVirtual = !isVirtualXDimension(type, disableVirtualX, virtualX);
             // Set the items count in the dimension provider
             this.stores[type].setStore({ count: items.length });
             // Set the custom sizes for the columns
@@ -15422,7 +15426,7 @@ class BasePlugin {
             },
         });
         if (immediate) {
-            callback(nativeValueDesc === null || nativeValueDesc === void 0 ? void 0 : nativeValueDesc.value);
+            callback((nativeValueDesc === null || nativeValueDesc === void 0 ? void 0 : nativeValueDesc.get) ? nativeValueDesc.get.call(this.revogrid) : nativeValueDesc === null || nativeValueDesc === void 0 ? void 0 : nativeValueDesc.value);
         }
     }
     /**
@@ -17639,6 +17643,9 @@ function viewportDataPartition(data, type, slot, fixed) {
     };
 }
 
+function getViewportResizeDimension(colType, dimension) {
+    return dimension === 'rgCol' ? colType : dimension;
+}
 /** Collect Column data */
 function gatherColumnData(data) {
     const colDimension = data.dimensions[data.colType].store;
@@ -17698,20 +17705,20 @@ class ViewportService {
                 colStore,
                 onHeaderresize: e => this.onColumnResize(val, e, colStore),
             };
-            if (val === 'rgCol') {
-                column.onResizeviewport = (e) => {
-                    var _a;
-                    const vpState = {
-                        clientSize: e.detail.size,
-                    };
-                    // virtual size will be handled by dimension provider if disabled
-                    if ((e.detail.dimension === 'rgRow' && !config.disableVirtualY)
-                        || (e.detail.dimension === 'rgCol' && !config.disableVirtualX)) {
-                        vpState.virtualSize = e.detail.size;
-                    }
-                    (_a = config.viewportProvider) === null || _a === void 0 ? void 0 : _a.setViewport(e.detail.dimension, vpState);
+            column.onResizeviewport = (e) => {
+                var _a;
+                const vpState = {
+                    clientSize: e.detail.size,
                 };
-            }
+                const dimension = getViewportResizeDimension(val, e.detail.dimension);
+                const isVirtualColumn = columnTypes.includes(dimension)
+                    && isVirtualXDimension(dimension, config.disableVirtualX, config.virtualX);
+                // Keep virtual dimensions in sync with their viewport size.
+                if ((dimension === 'rgRow' && !config.disableVirtualY) || isVirtualColumn) {
+                    vpState.virtualSize = e.detail.size;
+                }
+                (_a = config.viewportProvider) === null || _a === void 0 ? void 0 : _a.setViewport(dimension, vpState);
+            };
             const colData = gatherColumnData(column);
             const columnSelectionStore = this.registerCol(colData.position.x, val);
             // render per each column data collections vertically
@@ -19425,6 +19432,12 @@ class RevoGridComponent {
          * Can be used for initial rendering performance improvement.
          */
         this.disableVirtualX = false;
+        /**
+         * Column dimensions that use X axis virtual rendering.
+         * Defaults to regular columns only to preserve pinned column behavior.
+         * Set to `['rgCol', 'colPinStart', 'colPinEnd']` to virtualize all column areas.
+         */
+        this.virtualX = ['rgCol'];
         /**
          * Disable lazy rendering mode for the `Y axis`.
          * Use when not many rows present and you don't need rerenader cells during scroll.
@@ -19876,7 +19889,7 @@ class RevoGridComponent {
         if (beforeSetEvent.defaultPrevented) {
             return;
         }
-        this.dimensionProvider.applyNewColumns(beforeSetEvent.detail.columns, this.disableVirtualX, init);
+        this.dimensionProvider.applyNewColumns(beforeSetEvent.detail.columns, this.disableVirtualX, init, this.virtualX);
         const beforeApplyEvent = this.beforecolumnapplied.emit(columnGather);
         if (beforeApplyEvent.defaultPrevented) {
             return;
@@ -19952,12 +19965,18 @@ class RevoGridComponent {
         };
         this.viewport.setFocus(colType, pending.rowType, cell, cell);
     }
-    disableVirtualXChanged(newVal = false, prevVal = false) {
+    refreshColumnsOnConfigChange(newVal, prevVal) {
         if (newVal === prevVal) {
             return;
         }
         this.columnChanged(this.columns);
     }
+    disableVirtualXChanged(newVal = false, prevVal = false) {
+        this.refreshColumnsOnConfigChange(newVal, prevVal);
+    }
+    virtualXChanged(newVal = ['rgCol'], prevVal = ['rgCol']) {
+        this.refreshColumnsOnConfigChange(newVal, prevVal);
+    }
     rowSizeChanged(s) {
         if (!this.dimensionProvider) {
             return;
@@ -20283,6 +20302,7 @@ class RevoGridComponent {
             selectionStoreConnector: this.selectionStoreConnector,
             noHorizontalScrollTransfer: this.noHorizontalScrollTransfer,
             disableVirtualX: this.disableVirtualX,
+            virtualX: this.virtualX,
             disableVirtualY: this.disableVirtualY,
             resize: c => this.aftercolumnresize.emit(c),
         }, contentHeight);
@@ -20312,11 +20332,14 @@ class RevoGridComponent {
             // Render viewport data (vertical sections)
             view.dataPorts.forEach(data => {
                 const key = `${data.type}_${view.type}`;
-                const dataView = (hAsync("revogr-overlay-selection", Object.assign({}, data, { canDrag: this.canDrag && data.canDrag, isMobileDevice: isMobile, onSelectall: () => { var _a; return (_a = this.selectionStoreConnector) === null || _a === void 0 ? void 0 : _a.selectAll(); }, editors: this.editors, readonly: this.readonly, range: this.range, useClipboard: this.useClipboard, applyChangesOnClose: this.applyOnClose, additionalData: this.additionalData, slot: data.slot, onBeforenextvpfocus: (e) => { var _a; return (_a = this.selectionStoreConnector) === null || _a === void 0 ? void 0 : _a.beforeNextFocusCell(e.detail); }, onCanceledit: () => { var _a; return (_a = this.selectionStoreConnector) === null || _a === void 0 ? void 0 : _a.setEdit(false); }, onSetedit: ({ detail }) => {
+                const dataView = (hAsync("revogr-overlay-selection", Object.assign({}, data, { canDrag: this.canDrag && data.canDrag, isMobileDevice: isMobile, onSelectall: () => { var _a; return (_a = this.selectionStoreConnector) === null || _a === void 0 ? void 0 : _a.selectAll(); }, editors: this.editors, readonly: this.readonly, range: this.range, useClipboard: this.useClipboard, applyChangesOnClose: this.applyOnClose, additionalData: this.additionalData, slot: data.slot, onBeforenextvpfocus: (e) => { var _a; return (_a = this.selectionStoreConnector) === null || _a === void 0 ? void 0 : _a.beforeNextFocusCell(e.detail); }, onCanceledit: () => { var _a; return (_a = this.selectionStoreConnector) === null || _a === void 0 ? void 0 : _a.setEdit(false); }, onSetedit: e => {
                         var _a;
-                        const event = this.beforeeditstart.emit(detail);
-                        if (!event.defaultPrevented) {
-                            (_a = this.selectionStoreConnector) === null || _a === void 0 ? void 0 : _a.setEdit(detail.val);
+                        const event = this.beforeeditstart.emit(e.detail);
+                        if (event.defaultPrevented) {
+                            e.preventDefault();
+                        }
+                        else {
+                            (_a = this.selectionStoreConnector) === null || _a === void 0 ? void 0 : _a.setEdit(e.detail.val);
                         }
                     } }), hAsync("revogr-data", Object.assign({}, data, { colType: view.type, key: key, readonly: this.readonly, range: this.range, rowClass: this.rowClass, rowSelectionStore: data.rowSelectionStore, additionalData: this.additionalData, jobsBeforeRender: this.jobsBeforeRender, slot: DATA_SLOT }), hAsync("slot", { name: `data-${view.type}-${data.type}` })), hAsync("revogr-temp-range", { selectionStore: data.selectionStore, dimensionRow: data.dimensionRow, dimensionCol: data.dimensionCol }), hAsync("revogr-focus", { colData: data.colData, dataStore: data.dataStore, focusTemplate: this.focusTemplate, rowType: data.type, colType: view.type, selectionStore: data.selectionStore, dimensionRow: data.dimensionRow, dimensionCol: data.dimensionCol }, hAsync("slot", { name: `focus-${view.type}-${data.type}` }))));
                 dataViews.push(dataView);
@@ -20357,6 +20380,9 @@ class RevoGridComponent {
         "disableVirtualX": [{
                 "disableVirtualXChanged": 0
             }],
+        "virtualX": [{
+                "virtualXChanged": 0
+            }],
         "rowSize": [{
                 "rowSizeChanged": 0
             }],
@@ -20446,6 +20472,7 @@ class RevoGridComponent {
             "stretch": [8],
             "additionalData": [16],
             "disableVirtualX": [4, "disable-virtual-x"],
+            "virtualX": [16],
             "disableVirtualY": [4, "disable-virtual-y"],
             "hideAttribution": [4, "hide-attribution"],
             "jobsBeforeRender": [16],

package/package.json

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