@revolist/revogrid 4.23.8 → 4.23.10

package/dist/cjs/{cell-renderer-Dcz022q7.js → cell-renderer-Dl9kKeKp.js}

@@ -5,7 +5,7 @@
 
 var index = require('./index-Dq8Xzj5l.js');
 var dimension_helpers = require('./dimension.helpers-B9HgANnM.js');
-var column_service = require('./column.service-C1Qvcf5l.js');
+var column_service = require('./column.service-BNWNiJW3.js');
 
 /**
  * Renders sorting direction and optional additive sorting rank.

package/dist/cjs/{column.drag.plugin-CHyc9aCK.js → column.drag.plugin-BRraLvz3.js}

@@ -3,14 +3,14 @@
  */
 'use strict';
 
-var column_service = require('./column.service-C1Qvcf5l.js');
+var column_service = require('./column.service-BNWNiJW3.js');
 var dimension_helpers = require('./dimension.helpers-B9HgANnM.js');
 var viewport_store = require('./viewport.store-BscUCiUk.js');
 var index$1 = require('./index-DxaSE5uZ.js');
 var index = require('./index-Dq8Xzj5l.js');
 var filter_button = require('./filter.button-w6LWnyhi.js');
 var debounce = require('./debounce-CcpHiH2p.js');
-var headerCellRenderer = require('./header-cell-renderer-vVr4IWNV.js');
+var headerCellRenderer = require('./header-cell-renderer-DyjOxArm.js');
 
 function calculateRealSize({ count, originItemSize, sizes, }) {
     const safeCount = Math.max(0, count);

package/dist/cjs/{column.service-C1Qvcf5l.js → column.service-BNWNiJW3.js}

@@ -819,43 +819,82 @@ class ColumnService {
             mapping,
         };
     }
-    getTransformedDataToApply(start, data) {
+    getTransformedDataToApply({ start, data, targetRange, }) {
         const changed = {};
         const copyRowLength = data.length;
+        if (!copyRowLength) {
+            return {
+                changed,
+                range: null,
+            };
+        }
         const colLength = this.columns.length;
         const rowLength = this.dataStore.get('items').length;
+        const bounds = this.getDataApplyBounds(start, targetRange, copyRowLength, rowLength, colLength);
+        if (!bounds) {
+            return {
+                changed,
+                range: null,
+            };
+        }
+        const { startRow, startCol, endRow } = bounds;
+        let maxCol = startCol - 1;
+        let lastRow = startRow - 1;
         // rows
-        let rowIndex = start.y;
-        let maxCol = 0;
-        for (let i = 0; rowIndex < rowLength && i < copyRowLength; rowIndex++, i++) {
+        for (let rowIndex = startRow, i = 0; rowIndex <= endRow; rowIndex++, i++) {
             // copy original data link
             const copyRow = data[i % copyRowLength];
             const copyColLength = (copyRow === null || copyRow === void 0 ? void 0 : copyRow.length) || 0;
-            // columns
-            let colIndex = start.x;
-            for (let j = 0; colIndex < colLength && j < copyColLength; colIndex++, j++) {
-                const p = this.columns[colIndex].prop;
-                const currentCol = j % colLength;
-                /** if can write */
-                if (!this.isReadOnly(rowIndex, colIndex)) {
-                    /** to show before save */
-                    if (!changed[rowIndex]) {
-                        changed[rowIndex] = {};
-                    }
-                    changed[rowIndex][p] = copyRow[currentCol];
-                }
+            if (!copyColLength) {
+                continue;
             }
-            maxCol = Math.max(maxCol, colIndex - 1);
+            maxCol = Math.max(maxCol, this.applyClipboardRow(changed, {
+                bounds,
+                copyColLength,
+                copyRow,
+                rowIndex,
+                start,
+                targetRange,
+            }));
+            lastRow = rowIndex;
         }
-        const range = getRange(start, {
-            y: rowIndex - 1,
-            x: maxCol,
-        });
         return {
             changed,
-            range,
+            range: this.getAppliedRange(bounds, lastRow, maxCol),
         };
     }
+    getDataApplyBounds(start, targetRange, copyRowLength, rowLength, colLength) {
+        var _a, _b, _c;
+        const startRow = (_a = targetRange === null || targetRange === void 0 ? void 0 : targetRange.y) !== null && _a !== void 0 ? _a : start.y;
+        const startCol = (_b = targetRange === null || targetRange === void 0 ? void 0 : targetRange.x) !== null && _b !== void 0 ? _b : start.x;
+        const endRow = Math.min(rowLength - 1, (_c = targetRange === null || targetRange === void 0 ? void 0 : targetRange.y1) !== null && _c !== void 0 ? _c : start.y + copyRowLength - 1);
+        if (endRow < startRow || startCol >= colLength) {
+            return null;
+        }
+        return { startRow, startCol, endRow, colLength };
+    }
+    applyClipboardRow(changed, { bounds, copyColLength, copyRow, rowIndex, start, targetRange, }) {
+        var _a;
+        const endCol = Math.min(bounds.colLength - 1, (_a = targetRange === null || targetRange === void 0 ? void 0 : targetRange.x1) !== null && _a !== void 0 ? _a : start.x + copyColLength - 1);
+        for (let colIndex = bounds.startCol, j = 0; colIndex <= endCol; colIndex++, j++) {
+            if (this.isReadOnly(rowIndex, colIndex)) {
+                continue;
+            }
+            const prop = this.columns[colIndex].prop;
+            changed[rowIndex] = changed[rowIndex] || {};
+            changed[rowIndex][prop] = copyRow[j % copyColLength];
+        }
+        return endCol;
+    }
+    getAppliedRange({ startRow, startCol }, lastRow, maxCol) {
+        if (lastRow < startRow || maxCol < startCol) {
+            return null;
+        }
+        return getRange({ x: startCol, y: startRow }, {
+            y: lastRow,
+            x: maxCol,
+        });
+    }
     getRangeStaticData(d, value) {
         const changed = {};
         // rows

package/dist/cjs/{header-cell-renderer-vVr4IWNV.js → header-cell-renderer-DyjOxArm.js}

@@ -4,7 +4,7 @@
 'use strict';
 
 var index = require('./index-Dq8Xzj5l.js');
-var column_service = require('./column.service-C1Qvcf5l.js');
+var column_service = require('./column.service-BNWNiJW3.js');
 
 /**
  * Dispatches a custom event to a specified target element.

package/dist/cjs/index.cjs.js

@@ -3,10 +3,10 @@
  */
 'use strict';
 
-var column_service = require('./column.service-C1Qvcf5l.js');
-var column_drag_plugin = require('./column.drag.plugin-CHyc9aCK.js');
-var headerCellRenderer = require('./header-cell-renderer-vVr4IWNV.js');
-var cellRenderer = require('./cell-renderer-Dcz022q7.js');
+var column_service = require('./column.service-BNWNiJW3.js');
+var column_drag_plugin = require('./column.drag.plugin-BRraLvz3.js');
+var headerCellRenderer = require('./header-cell-renderer-DyjOxArm.js');
+var cellRenderer = require('./cell-renderer-Dl9kKeKp.js');
 var index$1 = require('./index-DxaSE5uZ.js');
 var textEditor = require('./text-editor-B4W-m-r-.js');
 var edit_utils = require('./edit.utils-pKeiYFLJ.js');

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

@@ -4,17 +4,17 @@
 'use strict';
 
 var index = require('./index-Dq8Xzj5l.js');
-var column_service = require('./column.service-C1Qvcf5l.js');
+var column_service = require('./column.service-BNWNiJW3.js');
 var dimension_helpers = require('./dimension.helpers-B9HgANnM.js');
 var debounce = require('./debounce-CcpHiH2p.js');
 var viewport_helpers = require('./viewport.helpers-BND76K2j.js');
-var column_drag_plugin = require('./column.drag.plugin-CHyc9aCK.js');
+var column_drag_plugin = require('./column.drag.plugin-BRraLvz3.js');
 var viewport_store = require('./viewport.store-BscUCiUk.js');
 var theme_service = require('./theme.service-BgnxGIjK.js');
 var index$1 = require('./index-DxaSE5uZ.js');
 var events = require('./events-DeLDyZlb.js');
 require('./filter.button-w6LWnyhi.js');
-require('./header-cell-renderer-vVr4IWNV.js');
+require('./header-cell-renderer-DyjOxArm.js');
 
 class ColumnDataProvider {
     get stores() {
@@ -1447,7 +1447,7 @@ const RevoGridComponent = class {
         this.rowSize = 0;
         /** Indicates default column size. */
         this.colSize = 100;
-        /** When true, user can range selection. */
+        /** When true, user can select a cell range. Required for range-based clipboard fill. */
         this.range = false;
         /** When true, grid in read only mode. */
         this.readonly = false;
@@ -1459,7 +1459,7 @@ const RevoGridComponent = class {
         this.noHorizontalScrollTransfer = false;
         /** When true cell focus appear. */
         this.canFocus = true;
-        /** When true enable clipboard. */
+        /** When true enable clipboard. Can be boolean or clipboard config. */
         this.useClipboard = true;
         /**
          * Columns - defines an array of grid columns.

package/dist/cjs/revogr-attribution_7.cjs.entry.js

@@ -6,7 +6,7 @@
 var index = require('./index-Dq8Xzj5l.js');
 var dimension_helpers = require('./dimension.helpers-B9HgANnM.js');
 var events = require('./events-DeLDyZlb.js');
-var column_service = require('./column.service-C1Qvcf5l.js');
+var column_service = require('./column.service-BNWNiJW3.js');
 var edit_utils = require('./edit.utils-pKeiYFLJ.js');
 var index$1 = require('./index-DxaSE5uZ.js');
 var debounce = require('./debounce-CcpHiH2p.js');
@@ -651,6 +651,30 @@ class AutoFillService {
     }
 }
 
+function getRangeFillClipboardData(data, useClipboard) {
+    var _a;
+    if (!isClipboardRangeFillEnabled(useClipboard)) {
+        return null;
+    }
+    const normalized = trimTrailingEmptyClipboardRows(data);
+    return normalized.length === 1 && ((_a = normalized[0]) === null || _a === void 0 ? void 0 : _a.length) === 1
+        ? normalized
+        : null;
+}
+function isClipboardRangeFillEnabled(useClipboard) {
+    return (typeof useClipboard === 'object' && useClipboard.rangeFill === true);
+}
+function trimTrailingEmptyClipboardRows(data) {
+    const rows = [...data];
+    while (rows.length > 1 && isEmptyClipboardRow(rows[rows.length - 1])) {
+        rows.pop();
+    }
+    return rows;
+}
+function isEmptyClipboardRow(row) {
+    return !row || row.every(cell => cell === '');
+}
+
 const revogrOverlayStyleCss = () => `revogr-overlay-selection{display:block;position:relative;width:100%}revogr-overlay-selection .autofill-handle{position:absolute;width:14px;height:14px;margin-left:-13px;margin-top:-13px;z-index:10;cursor:crosshair}revogr-overlay-selection .autofill-handle::before{content:"";position:absolute;right:0;bottom:0;width:10px;height:10px;background:#0d63e8;border:1px solid white;box-sizing:border-box}revogr-overlay-selection.mobile .autofill-handle{position:absolute;width:30px;height:30px;margin-left:-29px;margin-top:-29px;z-index:10;cursor:crosshair}revogr-overlay-selection.mobile .autofill-handle::before{content:"";position:absolute;right:0;bottom:0;width:12px;height:12px;background:#0d63e8;border:1px solid white;box-sizing:border-box}revogr-overlay-selection .selection-border-range{position:absolute;pointer-events:none;z-index:9;box-shadow:-1px 0 0 #0d63e8 inset, 1px 0 0 #0d63e8 inset, 0 -1px 0 #0d63e8 inset, 0 1px 0 #0d63e8 inset}revogr-overlay-selection .selection-border-range .range-handlers{height:100%;background-color:transparent;width:75%;max-width:50px;min-width:20px;left:50%;transform:translateX(-50%);position:absolute}revogr-overlay-selection .selection-border-range .range-handlers>span{pointer-events:auto;height:20px;width:20px;position:absolute;left:50%;transform:translateX(-50%)}revogr-overlay-selection .selection-border-range .range-handlers>span:before,revogr-overlay-selection .selection-border-range .range-handlers>span:after{position:absolute;border-radius:5px;width:15px;height:5px;left:50%;transform:translateX(-50%);background-color:rgba(0, 0, 0, 0.2)}revogr-overlay-selection .selection-border-range .range-handlers>span:first-child{top:-7px}revogr-overlay-selection .selection-border-range .range-handlers>span:first-child:before{content:"";top:0}revogr-overlay-selection .selection-border-range .range-handlers>span:last-child{bottom:-7px}revogr-overlay-selection .selection-border-range .range-handlers>span:last-child:after{content:"";bottom:0}revogr-overlay-selection revogr-edit{z-index:10}`;
 
 const OverlaySelection = class {
@@ -898,9 +922,9 @@ const OverlaySelection = class {
                 nodes.push(index.h("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 (index.h(index.Host, { key: 'd936e8452e84c7a25ecd6502e929f1a5af69467f', 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 (index.h(index.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),
             // it's done to be able to throw events from different levels, not just from editor
-            onCelledit: (e) => this.onEditCell(e) }, nodes, index.h("slot", { key: 'cd3525d404aa44fd8d06e7fc459777acb8a9d585', name: "data" })));
+            onCelledit: (e) => this.onEditCell(e) }, nodes, index.h("slot", { key: '3cbe4c3ad7d447f779e9e20f73eec2e3107275e0', name: "data" })));
     }
     /**
      * Executes the focus operation on the specified range of cells.
@@ -1065,13 +1089,25 @@ const OverlaySelection = class {
         if (!focus || isEditing) {
             return;
         }
-        let { changed, range } = this.columnService.getTransformedDataToApply(focus, data);
+        const rangeFillData = getRangeFillClipboardData(data, this.useClipboard);
+        const targetRange = rangeFillData
+            ? this.getClipboardPasteTargetRange()
+            : null;
+        let { changed, range } = this.columnService.getTransformedDataToApply({
+            start: focus,
+            data: rangeFillData || data,
+            targetRange,
+        });
         const { defaultPrevented: canPaste } = this.rangeClipboardPaste.emit(Object.assign({ data: changed, models: collectModelsOfRange(changed, this.dataStore), range }, this.types));
         if (canPaste) {
             return;
         }
         (_a = this.autoFillService) === null || _a === void 0 ? void 0 : _a.onRangeApply(changed, range, range);
     }
+    getClipboardPasteTargetRange() {
+        const range = this.selectionStore.get('range');
+        return range && !column_service.isRangeSingleCell(range) ? range : null;
+    }
     async focusNext() {
         var _a;
         const canFocus = await ((_a = this.keyboardService) === null || _a === void 0 ? void 0 : _a.keyChangeSelection(new KeyboardEvent('keydown', {

package/dist/cjs/revogr-data_4.cjs.entry.js

@@ -4,11 +4,11 @@
 'use strict';
 
 var index = require('./index-Dq8Xzj5l.js');
-var column_service = require('./column.service-C1Qvcf5l.js');
+var column_service = require('./column.service-BNWNiJW3.js');
 var dimension_helpers = require('./dimension.helpers-B9HgANnM.js');
-var cellRenderer = require('./cell-renderer-Dcz022q7.js');
+var cellRenderer = require('./cell-renderer-Dl9kKeKp.js');
 var filter_button = require('./filter.button-w6LWnyhi.js');
-var headerCellRenderer = require('./header-cell-renderer-vVr4IWNV.js');
+var headerCellRenderer = require('./header-cell-renderer-DyjOxArm.js');
 var throttle = require('./throttle-BCwEuJJq.js');
 var viewport_helpers = require('./viewport.helpers-BND76K2j.js');
 require('./debounce-CcpHiH2p.js');

package/dist/collection/components/data/column.service.js

@@ -144,43 +144,82 @@ export default class ColumnService {
             mapping,
         };
     }
-    getTransformedDataToApply(start, data) {
+    getTransformedDataToApply({ start, data, targetRange, }) {
         const changed = {};
         const copyRowLength = data.length;
+        if (!copyRowLength) {
+            return {
+                changed,
+                range: null,
+            };
+        }
         const colLength = this.columns.length;
         const rowLength = this.dataStore.get('items').length;
+        const bounds = this.getDataApplyBounds(start, targetRange, copyRowLength, rowLength, colLength);
+        if (!bounds) {
+            return {
+                changed,
+                range: null,
+            };
+        }
+        const { startRow, startCol, endRow } = bounds;
+        let maxCol = startCol - 1;
+        let lastRow = startRow - 1;
         // rows
-        let rowIndex = start.y;
-        let maxCol = 0;
-        for (let i = 0; rowIndex < rowLength && i < copyRowLength; rowIndex++, i++) {
+        for (let rowIndex = startRow, i = 0; rowIndex <= endRow; rowIndex++, i++) {
             // copy original data link
             const copyRow = data[i % copyRowLength];
             const copyColLength = (copyRow === null || copyRow === void 0 ? void 0 : copyRow.length) || 0;
-            // columns
-            let colIndex = start.x;
-            for (let j = 0; colIndex < colLength && j < copyColLength; colIndex++, j++) {
-                const p = this.columns[colIndex].prop;
-                const currentCol = j % colLength;
-                /** if can write */
-                if (!this.isReadOnly(rowIndex, colIndex)) {
-                    /** to show before save */
-                    if (!changed[rowIndex]) {
-                        changed[rowIndex] = {};
-                    }
-                    changed[rowIndex][p] = copyRow[currentCol];
-                }
+            if (!copyColLength) {
+                continue;
             }
-            maxCol = Math.max(maxCol, colIndex - 1);
+            maxCol = Math.max(maxCol, this.applyClipboardRow(changed, {
+                bounds,
+                copyColLength,
+                copyRow,
+                rowIndex,
+                start,
+                targetRange,
+            }));
+            lastRow = rowIndex;
         }
-        const range = getRange(start, {
-            y: rowIndex - 1,
-            x: maxCol,
-        });
         return {
             changed,
-            range,
+            range: this.getAppliedRange(bounds, lastRow, maxCol),
         };
     }
+    getDataApplyBounds(start, targetRange, copyRowLength, rowLength, colLength) {
+        var _a, _b, _c;
+        const startRow = (_a = targetRange === null || targetRange === void 0 ? void 0 : targetRange.y) !== null && _a !== void 0 ? _a : start.y;
+        const startCol = (_b = targetRange === null || targetRange === void 0 ? void 0 : targetRange.x) !== null && _b !== void 0 ? _b : start.x;
+        const endRow = Math.min(rowLength - 1, (_c = targetRange === null || targetRange === void 0 ? void 0 : targetRange.y1) !== null && _c !== void 0 ? _c : start.y + copyRowLength - 1);
+        if (endRow < startRow || startCol >= colLength) {
+            return null;
+        }
+        return { startRow, startCol, endRow, colLength };
+    }
+    applyClipboardRow(changed, { bounds, copyColLength, copyRow, rowIndex, start, targetRange, }) {
+        var _a;
+        const endCol = Math.min(bounds.colLength - 1, (_a = targetRange === null || targetRange === void 0 ? void 0 : targetRange.x1) !== null && _a !== void 0 ? _a : start.x + copyColLength - 1);
+        for (let colIndex = bounds.startCol, j = 0; colIndex <= endCol; colIndex++, j++) {
+            if (this.isReadOnly(rowIndex, colIndex)) {
+                continue;
+            }
+            const prop = this.columns[colIndex].prop;
+            changed[rowIndex] = changed[rowIndex] || {};
+            changed[rowIndex][prop] = copyRow[j % copyColLength];
+        }
+        return endCol;
+    }
+    getAppliedRange({ startRow, startCol }, lastRow, maxCol) {
+        if (lastRow < startRow || maxCol < startCol) {
+            return null;
+        }
+        return getRange({ x: startCol, y: startRow }, {
+            y: lastRow,
+            x: maxCol,
+        });
+    }
     getRangeStaticData(d, value) {
         const changed = {};
         // rows

package/dist/collection/components/overlay/clipboard.utils.js

@@ -0,0 +1,26 @@
+/*!
+ * Built by Revolist OU ❤️
+ */
+export function getRangeFillClipboardData(data, useClipboard) {
+    var _a;
+    if (!isClipboardRangeFillEnabled(useClipboard)) {
+        return null;
+    }
+    const normalized = trimTrailingEmptyClipboardRows(data);
+    return normalized.length === 1 && ((_a = normalized[0]) === null || _a === void 0 ? void 0 : _a.length) === 1
+        ? normalized
+        : null;
+}
+export function isClipboardRangeFillEnabled(useClipboard) {
+    return (typeof useClipboard === 'object' && useClipboard.rangeFill === true);
+}
+function trimTrailingEmptyClipboardRows(data) {
+    const rows = [...data];
+    while (rows.length > 1 && isEmptyClipboardRow(rows[rows.length - 1])) {
+        rows.pop();
+    }
+    return rows;
+}
+function isEmptyClipboardRow(row) {
+    return !row || row.every(cell => cell === '');
+}

package/dist/collection/components/overlay/revogr-overlay-selection.js

@@ -10,6 +10,7 @@ import { collectModelsOfRange, getCell, getFocusCellBasedOnEvent, styleByCellPro
 import { isEditInput } from "../editors/edit.utils";
 import { KeyboardService } from "./keyboard.service";
 import { AutoFillService } from "./autofill.service";
+import { getRangeFillClipboardData } from "./clipboard.utils";
 import { verifyTouchTarget } from "../../utils/events";
 import { getCellData } from "../../utils";
 /**
@@ -233,9 +234,9 @@ export class OverlaySelection {
                 nodes.push(h("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 (h(Host, { key: 'd936e8452e84c7a25ecd6502e929f1a5af69467f', 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 (h(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),
             // it's done to be able to throw events from different levels, not just from editor
-            onCelledit: (e) => this.onEditCell(e) }, nodes, h("slot", { key: 'cd3525d404aa44fd8d06e7fc459777acb8a9d585', name: "data" })));
+            onCelledit: (e) => this.onEditCell(e) }, nodes, h("slot", { key: '3cbe4c3ad7d447f779e9e20f73eec2e3107275e0', name: "data" })));
     }
     /**
      * Executes the focus operation on the specified range of cells.
@@ -400,13 +401,25 @@ export class OverlaySelection {
         if (!focus || isEditing) {
             return;
         }
-        let { changed, range } = this.columnService.getTransformedDataToApply(focus, data);
+        const rangeFillData = getRangeFillClipboardData(data, this.useClipboard);
+        const targetRange = rangeFillData
+            ? this.getClipboardPasteTargetRange()
+            : null;
+        let { changed, range } = this.columnService.getTransformedDataToApply({
+            start: focus,
+            data: rangeFillData || data,
+            targetRange,
+        });
         const { defaultPrevented: canPaste } = this.rangeClipboardPaste.emit(Object.assign({ data: changed, models: collectModelsOfRange(changed, this.dataStore), range }, this.types));
         if (canPaste) {
             return;
         }
         (_a = this.autoFillService) === null || _a === void 0 ? void 0 : _a.onRangeApply(changed, range, range);
     }
+    getClipboardPasteTargetRange() {
+        const range = this.selectionStore.get('range');
+        return range && !isRangeSingleCell(range) ? range : null;
+    }
     async focusNext() {
         var _a;
         const canFocus = await ((_a = this.keyboardService) === null || _a === void 0 ? void 0 : _a.keyChangeSelection(new KeyboardEvent('keydown', {
@@ -565,15 +578,22 @@ export class OverlaySelection {
                 "type": "boolean",
                 "mutable": false,
                 "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
+                    "original": "boolean | ClipboardConfig",
+                    "resolved": "ClipboardConfig | boolean",
+                    "references": {
+                        "ClipboardConfig": {
+                            "location": "import",
+                            "path": "@type",
+                            "id": "src/types/index.ts::ClipboardConfig",
+                            "referenceLocation": "ClipboardConfig"
+                        }
+                    }
                 },
                 "required": false,
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Enable revogr-clipboard component (read more in revogr-clipboard component).\nAllows copy/paste."
+                    "text": "Enable revogr-clipboard component (read more in revogr-clipboard component).\nAllows copy/paste. Can be boolean or clipboard config."
                 },
                 "getter": false,
                 "setter": false,

package/dist/collection/components/revoGrid/revo-grid.js

@@ -64,7 +64,7 @@ export class RevoGridComponent {
         this.rowSize = 0;
         /** Indicates default column size. */
         this.colSize = 100;
-        /** When true, user can range selection. */
+        /** When true, user can select a cell range. Required for range-based clipboard fill. */
         this.range = false;
         /** When true, grid in read only mode. */
         this.readonly = false;
@@ -76,7 +76,7 @@ export class RevoGridComponent {
         this.noHorizontalScrollTransfer = false;
         /** When true cell focus appear. */
         this.canFocus = true;
-        /** When true enable clipboard. */
+        /** When true enable clipboard. Can be boolean or clipboard config. */
         this.useClipboard = true;
         /**
          * Columns - defines an array of grid columns.
@@ -1202,7 +1202,7 @@ export class RevoGridComponent {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "When true, user can range selection."
+                    "text": "When true, user can select a cell range. Required for range-based clipboard fill."
                 },
                 "getter": false,
                 "setter": false,
@@ -1294,15 +1294,22 @@ export class RevoGridComponent {
                 "type": "boolean",
                 "mutable": false,
                 "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
+                    "original": "boolean | ClipboardConfig",
+                    "resolved": "ClipboardConfig | boolean",
+                    "references": {
+                        "ClipboardConfig": {
+                            "location": "import",
+                            "path": "@type",
+                            "id": "src/types/index.ts::ClipboardConfig",
+                            "referenceLocation": "ClipboardConfig"
+                        }
+                    }
                 },
                 "required": false,
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "When true enable clipboard."
+                    "text": "When true enable clipboard. Can be boolean or clipboard config."
                 },
                 "getter": false,
                 "setter": false,

package/dist/collection/serve/controller.js

@@ -428,6 +428,7 @@ function onLoad() {
 
   grid.readonly = false;
   grid.range = true;
+  grid.useClipboard = { rangeFill: true };
   grid.resize = true;
   grid.filter = true;
 

package/dist/esm/{cell-renderer-BtN-NGCk.js → cell-renderer-CdF2Jm3B.js}

@@ -3,7 +3,7 @@
  */
 import { h, f as Build } from './index-Chp_81rd.js';
 import { n as DATA_ROW, w as DRAG_ICON_CLASS, x as DRAGGABLE_CLASS } from './dimension.helpers-CGKwSvw6.js';
-import { l as GROUP_EXPAND_BTN, m as GROUP_EXPAND_EVENT, G as GROUP_DEPTH, h as GROUP_EXPANDED, P as PSEUDO_GROUP_ITEM, O as isRowDragService, B as getCellDataParsed } from './column.service-CC_SD8W3.js';
+import { l as GROUP_EXPAND_BTN, m as GROUP_EXPAND_EVENT, G as GROUP_DEPTH, h as GROUP_EXPANDED, P as PSEUDO_GROUP_ITEM, O as isRowDragService, B as getCellDataParsed } from './column.service-C6hByxPy.js';
 
 /**
  * Renders sorting direction and optional additive sorting rank.

package/dist/esm/{column.drag.plugin-DEKk4rrp.js → column.drag.plugin-V9DDE3mU.js}

@@ -1,14 +1,14 @@
 /*!
  * Built by Revolist OU ❤️
  */
-import { J as reduce, g as getRange, K as baseEach, C as getColumnType, c as columnTypes, L as toInteger, u as isGrouping, t as getGroupingName, r as rowTypes, B as getCellDataParsed, A as getCellRaw, j as GROUP_COLUMN_PROP, I as getColumnByProp, h as GROUP_EXPANDED, x as getParsedGroup, y as isSameGroup, G as GROUP_DEPTH, e as PSEUDO_GROUP_ITEM_VALUE, d as PSEUDO_GROUP_ITEM_ID, o as GROUPING_ROW_TYPE, p as getSource, f as PSEUDO_GROUP_COLUMN, s as gatherGrouping, m as GROUP_EXPAND_EVENT, v as isGroupingColumn, q as getExpanded, E as isColGrouping } from './column.service-CC_SD8W3.js';
+import { J as reduce, g as getRange, K as baseEach, C as getColumnType, c as columnTypes, L as toInteger, u as isGrouping, t as getGroupingName, r as rowTypes, B as getCellDataParsed, A as getCellRaw, j as GROUP_COLUMN_PROP, I as getColumnByProp, h as GROUP_EXPANDED, x as getParsedGroup, y as isSameGroup, G as GROUP_DEPTH, e as PSEUDO_GROUP_ITEM_VALUE, d as PSEUDO_GROUP_ITEM_ID, o as GROUPING_ROW_TYPE, p as getSource, f as PSEUDO_GROUP_COLUMN, s as gatherGrouping, m as GROUP_EXPAND_EVENT, v as isGroupingColumn, q as getExpanded, E as isColGrouping } from './column.service-C6hByxPy.js';
 import { K as createStore, l as setStore, i as calculateDimensionData, L as identity, N as isArray, b as getSourceItem, g as getPhysical, e as setItems, j as getItemByPosition } from './dimension.helpers-CGKwSvw6.js';
 import { j as calculateRowHeaderSize } from './viewport.store-_c579YyM.js';
 import { g as getScrollbarSize, t as timeout } from './index-Db3qZoW5.js';
 import { h } from './index-Chp_81rd.js';
 import { b as FILTER_PROP, i as isFilterBtn } from './filter.button-C8XTWPU2.js';
 import { d as debounce } from './debounce-PCRWZliA.js';
-import { O as ON_COLUMN_CLICK, d as dispatch } from './header-cell-renderer-B-LX2sgu.js';
+import { O as ON_COLUMN_CLICK, d as dispatch } from './header-cell-renderer-BMmXRsd_.js';
 
 function calculateRealSize({ count, originItemSize, sizes, }) {
     const safeCount = Math.max(0, count);