handsontable 16.0.1 → 16.1.0-next-91b8a0f-20250905

package/plugins/copyPaste/contextMenuItem/copyWithColumnHeaders.mjs

@@ -8,8 +8,8 @@ export default function copyWithColumnHeadersItem(copyPastePlugin) {
   return {
     key: 'copy_with_column_headers',
     name() {
-      const selectedRange = this.getSelectedRangeLast();
-      const nounForm = selectedRange ? clamp(selectedRange.getWidth() - 1, 0, 1) : 0;
+      const activeSelectedRange = this.getSelectedRangeActive();
+      const nounForm = activeSelectedRange ? clamp(activeSelectedRange.getWidth() - 1, 0, 1) : 0;
       return this.getTranslatedPhrase(CONTEXTMENU_ITEMS_COPY_WITH_COLUMN_HEADERS, nounForm);
     },
     callback() {
@@ -19,7 +19,7 @@ export default function copyWithColumnHeadersItem(copyPastePlugin) {
       if (!this.hasColHeaders()) {
         return true;
       }
-      const range = this.getSelectedRangeLast();
+      const range = this.getSelectedRangeActive();
       if (!range) {
         return true;
       }

package/plugins/copyPaste/contextMenuItem/cut.js

@@ -21,7 +21,7 @@ function cutItem(copyPastePlugin) {
       if (this.countRows() === 0 || this.countCols() === 0) {
         return true;
       }
-      const range = this.getSelectedRangeLast();
+      const range = this.getSelectedRangeActive();
       if (!range) {
         return true;
       }

package/plugins/copyPaste/contextMenuItem/cut.mjs

@@ -16,7 +16,7 @@ export default function cutItem(copyPastePlugin) {
       if (this.countRows() === 0 || this.countCols() === 0) {
         return true;
       }
-      const range = this.getSelectedRangeLast();
+      const range = this.getSelectedRangeActive();
       if (!range) {
         return true;
       }

package/plugins/copyPaste/copyPaste.js

@@ -3,6 +3,7 @@
 exports.__esModule = true;
 require("core-js/modules/es.error.cause.js");
 require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.json.stringify.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.map.js");
@@ -11,6 +12,7 @@ var _hooks = require("../../core/hooks");
 var _SheetClip = require("../../3rdparty/SheetClip");
 var _array = require("../../helpers/array");
 var _string = require("../../helpers/string");
+var _object = require("../../helpers/object");
 var _element = require("../../helpers/dom/element");
 var _browser = require("../../helpers/browser");
 var _copy = _interopRequireDefault(require("./contextMenuItem/copy"));
@@ -42,6 +44,7 @@ _hooks.Hooks.getSingleton().register('afterCopy');
 const PLUGIN_KEY = exports.PLUGIN_KEY = 'copyPaste';
 const PLUGIN_PRIORITY = exports.PLUGIN_PRIORITY = 80;
 const SETTING_KEYS = ['fragmentSelection'];
+const SOURCE_DATA_HTML_MIME_TYPE = 'application/ht-source-data-json-html';
 const META_HEAD = ['<meta name="generator" content="Handsontable"/>', '<style type="text/css">td{white-space:normal}br{mso-data-placement:same-cell}</style>'].join('');
 
 /* eslint-disable jsdoc/require-description-complete-sentence */
@@ -377,9 +380,11 @@ class CopyPaste extends _base.BasePlugin {
    * Converts the contents of multiple ranges (`ranges`) into an array of arrays.
    *
    * @param {Array<{startRow: number, startCol: number, endRow: number, endCol: number}>} ranges Array of objects with properties `startRow`, `startCol`, `endRow` and `endCol`.
+   * @param {boolean} [useSourceData=false] Whether to use the source data instead of the data. This will stringify objects as JSON.
    * @returns {Array[]} An array of arrays that will be copied to the clipboard.
    */
   getRangedData(ranges) {
+    let useSourceData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     const data = [];
     const {
       rows,
@@ -394,7 +399,11 @@ class CopyPaste extends _base.BasePlugin {
           // `row` as the second argument acts here as the `headerLevel` argument
           rowSet.push(this.hot.getColHeader(column, row));
         } else {
-          rowSet.push(this.hot.getCopyableData(row, column));
+          let copyableCellData = useSourceData ? this.hot.getCopyableSourceData(row, column) : this.hot.getCopyableData(row, column);
+          if (useSourceData && (0, _object.isObject)(copyableCellData)) {
+            copyableCellData = JSON.stringify(copyableCellData);
+          }
+          rowSet.push(copyableCellData);
         }
       });
       data.push(rowSet);
@@ -430,7 +439,7 @@ class CopyPaste extends _base.BasePlugin {
    * Prepares copyable text from the cells selection in the invisible textarea.
    */
   setCopyableText() {
-    const selectionRange = this.hot.getSelectedRangeLast();
+    const selectionRange = this.hot.getSelectedRangeActive();
     if (!selectionRange) {
       return;
     }
@@ -492,13 +501,14 @@ class CopyPaste extends _base.BasePlugin {
    *
    * @private
    * @param {Array} inputArray An array of the data to populate.
+   * @param {Array} sourceInputArray An array of the source data to populate.
    * @param {Array} [selection] The selection which indicates from what position the data will be populated.
    * @returns {Array} Range coordinates after populate data.
    */
-  populateValues(inputArray) {
-    let selection = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.hot.getSelectedRangeLast();
+  populateValues(inputArray, sourceInputArray) {
+    let selection = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : this.hot.getSelectedRangeActive();
     if (!inputArray.length) {
-      return;
+      return [null, null, null, null];
     }
     const populatedRowsLength = inputArray.length;
     const populatedColumnsLength = inputArray[0].length;
@@ -534,18 +544,28 @@ class CopyPaste extends _base.BasePlugin {
       const newRow = [];
       const insertedRow = newRows.length % populatedRowsLength;
       while (newRow.length < populatedColumnsLength || visualColumnForPopulatedData <= endColumnFromSelection) {
+        var _sourceInputArray$ins;
         const {
           skipColumnOnPaste,
           visualCol
-        } = this.hot.getCellMeta(startRow, visualColumnForPopulatedData);
+        } = this.hot.getCellMeta(visualRow, visualColumnForPopulatedData);
+        const sourceDataAtTarget = this.hot.getSourceDataAtCell(visualRow, visualColumnForPopulatedData);
+        const insertedColumn = newRow.length % populatedColumnsLength;
         visualColumnForPopulatedData = visualCol + 1;
         if (skipColumnOnPaste === true) {
           /* eslint-disable no-continue */
           continue;
         }
         lastVisualColumn = visualCol;
-        const insertedColumn = newRow.length % populatedColumnsLength;
-        newRow.push(inputArray[insertedRow][insertedColumn]);
+        const sourceCellValue = sourceInputArray === null || sourceInputArray === void 0 || (_sourceInputArray$ins = sourceInputArray[insertedRow]) === null || _sourceInputArray$ins === void 0 ? void 0 : _sourceInputArray$ins[insertedColumn];
+        let cellValue = inputArray[insertedRow][insertedColumn];
+        if (sourceInputArray && (0, _string.isJSON)(sourceCellValue)) {
+          const parsedCellValue = JSON.parse(sourceCellValue);
+          if ((0, _object.isObject)(sourceDataAtTarget) || sourceDataAtTarget === null) {
+            cellValue = parsedCellValue;
+          }
+        }
+        newRow.push(cellValue);
       }
       newRows.push(newRow);
     }
@@ -574,19 +594,13 @@ class CopyPaste extends _base.BasePlugin {
     event.preventDefault();
     this.setCopyableText();
     _classPrivateFieldSet(_isTriggeredByCopy, this, false);
-    const data = this.getRangedData(this.copyableRanges);
+    const rangedData = this.getRangedData(this.copyableRanges);
+    const rangedSourceData = this.getRangedData(this.copyableRanges, true);
     const copiedHeadersCount = _assertClassBrand(_CopyPaste_brand, this, _countCopiedHeaders).call(this, this.copyableRanges);
-    const allowCopying = !!this.hot.runHooks('beforeCopy', data, this.copyableRanges, copiedHeadersCount);
+    const allowCopying = !!this.hot.runHooks('beforeCopy', rangedData, this.copyableRanges, copiedHeadersCount);
     if (allowCopying) {
-      const textPlain = (0, _SheetClip.stringify)(data);
-      if (event && event.clipboardData) {
-        const textHTML = (0, _parseTable._dataToHTML)(data, this.hot.rootDocument);
-        event.clipboardData.setData('text/plain', textPlain);
-        event.clipboardData.setData('text/html', [META_HEAD, textHTML].join(''));
-      } else if (typeof ClipboardEvent === 'undefined') {
-        this.hot.rootWindow.clipboardData.setData('Text', textPlain);
-      }
-      this.hot.runHooks('afterCopy', data, this.copyableRanges, copiedHeadersCount);
+      _assertClassBrand(_CopyPaste_brand, this, _setClipboardData).call(this, event, rangedData, rangedSourceData);
+      this.hot.runHooks('afterCopy', rangedData, this.copyableRanges, copiedHeadersCount);
     }
     _classPrivateFieldSet(_copyMode, this, 'cells-only');
   }
@@ -608,16 +622,10 @@ class CopyPaste extends _base.BasePlugin {
     this.setCopyableText();
     _classPrivateFieldSet(_isTriggeredByCut, this, false);
     const rangedData = this.getRangedData(this.copyableRanges);
+    const rangedSourceData = this.getRangedData(this.copyableRanges, true);
     const allowCuttingOut = !!this.hot.runHooks('beforeCut', rangedData, this.copyableRanges);
     if (allowCuttingOut) {
-      const textPlain = (0, _SheetClip.stringify)(rangedData);
-      if (event && event.clipboardData) {
-        const textHTML = (0, _parseTable._dataToHTML)(rangedData, this.hot.rootDocument);
-        event.clipboardData.setData('text/plain', textPlain);
-        event.clipboardData.setData('text/html', [META_HEAD, textHTML].join(''));
-      } else if (typeof ClipboardEvent === 'undefined') {
-        this.hot.rootWindow.clipboardData.setData('Text', textPlain);
-      }
+      _assertClassBrand(_CopyPaste_brand, this, _setClipboardData).call(this, event, rangedData, rangedSourceData);
       this.hot.emptySelectedCells('CopyPaste.cut');
       this.hot.runHooks('afterCut', rangedData, this.copyableRanges);
     }
@@ -638,7 +646,13 @@ class CopyPaste extends _base.BasePlugin {
     }
     event.preventDefault();
     let pastedData;
+    let pastedSourceData;
     if (event && typeof event.clipboardData !== 'undefined') {
+      const sourceDataHTML = event.clipboardData.getData(SOURCE_DATA_HTML_MIME_TYPE);
+      if (sourceDataHTML) {
+        const parsedSourceConfig = (0, _parseTable.htmlToGridSettings)(sourceDataHTML, this.hot.rootDocument);
+        pastedSourceData = parsedSourceConfig.data;
+      }
       const textHTML = (0, _string.sanitize)(event.clipboardData.getData('text/html'), {
         ADD_TAGS: ['meta'],
         ADD_ATTR: ['content'],
@@ -662,15 +676,19 @@ class CopyPaste extends _base.BasePlugin {
     if (this.hot.runHooks('beforePaste', pastedData, this.copyableRanges) === false) {
       return;
     }
-    const [startRow, startColumn, endRow, endColumn] = this.populateValues(pastedData);
-    this.hot.selectCell(startRow, startColumn, Math.min(this.hot.countRows() - 1, endRow), Math.min(this.hot.countCols() - 1, endColumn));
+    const [startRow, startColumn, endRow, endColumn] = this.populateValues(pastedData, pastedSourceData);
+    if (startRow !== null && startColumn !== null) {
+      this.hot.selectCell(startRow, startColumn, Math.min(this.hot.countRows() - 1, endRow), Math.min(this.hot.countCols() - 1, endColumn));
+    }
     this.hot.runHooks('afterPaste', pastedData, this.copyableRanges);
   }
 
   /**
-   * Add copy and cut options to the Context Menu.
+   * Sets the clipboard data.
    *
-   * @param {object} options Contains default added options of the Context Menu.
+   * @param {ClipboardEvent} event The Clipboard event.
+   * @param {Array} rangedData Ranged data to set to the clipboard.
+   * @param {Array} rangedSourceData Ranged source data to set to the clipboard.
    */
 
   /**
@@ -684,12 +702,12 @@ exports.CopyPaste = CopyPaste;
 function _ensureClipboardEventsGetTriggered(eventName) {
   // Without this workaround Safari (tested on Safari@16.5.2) does not trigger the 'copy' event.
   if ((0, _browser.isSafari)()) {
-    const lastSelectedRange = this.hot.getSelectedRangeLast();
-    if (lastSelectedRange) {
+    const activeSelectedRange = this.hot.getSelectedRangeActive();
+    if (activeSelectedRange) {
       const {
         row: highlightRow,
         col: highlightColumn
-      } = lastSelectedRange.highlight;
+      } = activeSelectedRange.highlight;
       const currentlySelectedCell = this.hot.getCell(highlightRow, highlightColumn, true);
       if (currentlySelectedCell) {
         (0, _element.runWithSelectedContendEditableElement)(currentlySelectedCell, () => {
@@ -726,12 +744,12 @@ function _countCopiedHeaders(ranges) {
 }
 function _addContentEditableToHighlightedCell() {
   if (this.hot.isListening()) {
-    const lastSelectedRange = this.hot.getSelectedRangeLast();
-    if (lastSelectedRange) {
+    const activeSelectedRange = this.hot.getSelectedRangeActive();
+    if (activeSelectedRange) {
       const {
         row: highlightRow,
         col: highlightColumn
-      } = lastSelectedRange.highlight;
+      } = activeSelectedRange.highlight;
       const currentlySelectedCell = this.hot.getCell(highlightRow, highlightColumn, true);
       if (currentlySelectedCell) {
         (0, _element.makeElementContentEditableAndSelectItsContent)(currentlySelectedCell);
@@ -745,12 +763,12 @@ function _addContentEditableToHighlightedCell() {
 function _removeContentEditableFromHighlightedCell() {
   // If the instance is not listening, the workaround is not needed.
   if (this.hot.isListening()) {
-    const lastSelectedRange = this.hot.getSelectedRangeLast();
-    if (lastSelectedRange) {
+    const activeSelectedRange = this.hot.getSelectedRangeActive();
+    if (activeSelectedRange) {
       const {
         row: highlightRow,
         col: highlightColumn
-      } = lastSelectedRange.highlight;
+      } = activeSelectedRange.highlight;
       const currentlySelectedCell = this.hot.getCell(highlightRow, highlightColumn, true);
       if (currentlySelectedCell !== null && currentlySelectedCell !== void 0 && currentlySelectedCell.hasAttribute('contenteditable')) {
         (0, _element.removeContentEditableFromElementAndDeselect)(currentlySelectedCell);
@@ -758,6 +776,23 @@ function _removeContentEditableFromHighlightedCell() {
     }
   }
 }
+function _setClipboardData(event, rangedData, rangedSourceData) {
+  const textPlain = (0, _SheetClip.stringify)(rangedData);
+  if (event && event.clipboardData) {
+    const textHTML = (0, _parseTable._dataToHTML)(rangedData);
+    const textSourceDataHTML = (0, _parseTable._dataToHTML)(rangedSourceData);
+    event.clipboardData.setData('text/plain', textPlain);
+    event.clipboardData.setData('text/html', [META_HEAD, textHTML].join(''));
+    event.clipboardData.setData(SOURCE_DATA_HTML_MIME_TYPE, [META_HEAD, textSourceDataHTML].join(''));
+  } else if (typeof ClipboardEvent === 'undefined') {
+    this.hot.rootWindow.clipboardData.setData('Text', textPlain);
+  }
+}
+/**
+ * Add copy and cut options to the Context Menu.
+ *
+ * @param {object} options Contains default added options of the Context Menu.
+ */
 function _onAfterContextMenuDefaultOptions(options) {
   options.items.push({
     name: '---------'

package/plugins/copyPaste/copyPaste.mjs

@@ -1,5 +1,6 @@
 import "core-js/modules/es.error.cause.js";
 import "core-js/modules/es.array.push.js";
+import "core-js/modules/es.json.stringify.js";
 import "core-js/modules/esnext.iterator.constructor.js";
 import "core-js/modules/esnext.iterator.filter.js";
 import "core-js/modules/esnext.iterator.map.js";
@@ -16,7 +17,8 @@ import { BasePlugin } from "../base/index.mjs";
 import { Hooks } from "../../core/hooks/index.mjs";
 import { stringify, parse } from "../../3rdparty/SheetClip/index.mjs";
 import { arrayEach } from "../../helpers/array.mjs";
-import { sanitize } from "../../helpers/string.mjs";
+import { sanitize, isJSON } from "../../helpers/string.mjs";
+import { isObject } from "../../helpers/object.mjs";
 import { removeContentEditableFromElementAndDeselect, runWithSelectedContendEditableElement, makeElementContentEditableAndSelectItsContent, isHTMLElement, isInternalElement } from "../../helpers/dom/element.mjs";
 import { isSafari } from "../../helpers/browser.mjs";
 import copyItem from "./contextMenuItem/copy.mjs";
@@ -38,6 +40,7 @@ Hooks.getSingleton().register('afterCopy');
 export const PLUGIN_KEY = 'copyPaste';
 export const PLUGIN_PRIORITY = 80;
 const SETTING_KEYS = ['fragmentSelection'];
+const SOURCE_DATA_HTML_MIME_TYPE = 'application/ht-source-data-json-html';
 const META_HEAD = ['<meta name="generator" content="Handsontable"/>', '<style type="text/css">td{white-space:normal}br{mso-data-placement:same-cell}</style>'].join('');
 
 /* eslint-disable jsdoc/require-description-complete-sentence */
@@ -373,9 +376,11 @@ export class CopyPaste extends BasePlugin {
    * Converts the contents of multiple ranges (`ranges`) into an array of arrays.
    *
    * @param {Array<{startRow: number, startCol: number, endRow: number, endCol: number}>} ranges Array of objects with properties `startRow`, `startCol`, `endRow` and `endCol`.
+   * @param {boolean} [useSourceData=false] Whether to use the source data instead of the data. This will stringify objects as JSON.
    * @returns {Array[]} An array of arrays that will be copied to the clipboard.
    */
   getRangedData(ranges) {
+    let useSourceData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     const data = [];
     const {
       rows,
@@ -390,7 +395,11 @@ export class CopyPaste extends BasePlugin {
           // `row` as the second argument acts here as the `headerLevel` argument
           rowSet.push(this.hot.getColHeader(column, row));
         } else {
-          rowSet.push(this.hot.getCopyableData(row, column));
+          let copyableCellData = useSourceData ? this.hot.getCopyableSourceData(row, column) : this.hot.getCopyableData(row, column);
+          if (useSourceData && isObject(copyableCellData)) {
+            copyableCellData = JSON.stringify(copyableCellData);
+          }
+          rowSet.push(copyableCellData);
         }
       });
       data.push(rowSet);
@@ -426,7 +435,7 @@ export class CopyPaste extends BasePlugin {
    * Prepares copyable text from the cells selection in the invisible textarea.
    */
   setCopyableText() {
-    const selectionRange = this.hot.getSelectedRangeLast();
+    const selectionRange = this.hot.getSelectedRangeActive();
     if (!selectionRange) {
       return;
     }
@@ -488,13 +497,14 @@ export class CopyPaste extends BasePlugin {
    *
    * @private
    * @param {Array} inputArray An array of the data to populate.
+   * @param {Array} sourceInputArray An array of the source data to populate.
    * @param {Array} [selection] The selection which indicates from what position the data will be populated.
    * @returns {Array} Range coordinates after populate data.
    */
-  populateValues(inputArray) {
-    let selection = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.hot.getSelectedRangeLast();
+  populateValues(inputArray, sourceInputArray) {
+    let selection = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : this.hot.getSelectedRangeActive();
     if (!inputArray.length) {
-      return;
+      return [null, null, null, null];
     }
     const populatedRowsLength = inputArray.length;
     const populatedColumnsLength = inputArray[0].length;
@@ -530,18 +540,28 @@ export class CopyPaste extends BasePlugin {
       const newRow = [];
       const insertedRow = newRows.length % populatedRowsLength;
       while (newRow.length < populatedColumnsLength || visualColumnForPopulatedData <= endColumnFromSelection) {
+        var _sourceInputArray$ins;
         const {
           skipColumnOnPaste,
           visualCol
-        } = this.hot.getCellMeta(startRow, visualColumnForPopulatedData);
+        } = this.hot.getCellMeta(visualRow, visualColumnForPopulatedData);
+        const sourceDataAtTarget = this.hot.getSourceDataAtCell(visualRow, visualColumnForPopulatedData);
+        const insertedColumn = newRow.length % populatedColumnsLength;
         visualColumnForPopulatedData = visualCol + 1;
         if (skipColumnOnPaste === true) {
           /* eslint-disable no-continue */
           continue;
         }
         lastVisualColumn = visualCol;
-        const insertedColumn = newRow.length % populatedColumnsLength;
-        newRow.push(inputArray[insertedRow][insertedColumn]);
+        const sourceCellValue = sourceInputArray === null || sourceInputArray === void 0 || (_sourceInputArray$ins = sourceInputArray[insertedRow]) === null || _sourceInputArray$ins === void 0 ? void 0 : _sourceInputArray$ins[insertedColumn];
+        let cellValue = inputArray[insertedRow][insertedColumn];
+        if (sourceInputArray && isJSON(sourceCellValue)) {
+          const parsedCellValue = JSON.parse(sourceCellValue);
+          if (isObject(sourceDataAtTarget) || sourceDataAtTarget === null) {
+            cellValue = parsedCellValue;
+          }
+        }
+        newRow.push(cellValue);
       }
       newRows.push(newRow);
     }
@@ -570,19 +590,13 @@ export class CopyPaste extends BasePlugin {
     event.preventDefault();
     this.setCopyableText();
     _classPrivateFieldSet(_isTriggeredByCopy, this, false);
-    const data = this.getRangedData(this.copyableRanges);
+    const rangedData = this.getRangedData(this.copyableRanges);
+    const rangedSourceData = this.getRangedData(this.copyableRanges, true);
     const copiedHeadersCount = _assertClassBrand(_CopyPaste_brand, this, _countCopiedHeaders).call(this, this.copyableRanges);
-    const allowCopying = !!this.hot.runHooks('beforeCopy', data, this.copyableRanges, copiedHeadersCount);
+    const allowCopying = !!this.hot.runHooks('beforeCopy', rangedData, this.copyableRanges, copiedHeadersCount);
     if (allowCopying) {
-      const textPlain = stringify(data);
-      if (event && event.clipboardData) {
-        const textHTML = _dataToHTML(data, this.hot.rootDocument);
-        event.clipboardData.setData('text/plain', textPlain);
-        event.clipboardData.setData('text/html', [META_HEAD, textHTML].join(''));
-      } else if (typeof ClipboardEvent === 'undefined') {
-        this.hot.rootWindow.clipboardData.setData('Text', textPlain);
-      }
-      this.hot.runHooks('afterCopy', data, this.copyableRanges, copiedHeadersCount);
+      _assertClassBrand(_CopyPaste_brand, this, _setClipboardData).call(this, event, rangedData, rangedSourceData);
+      this.hot.runHooks('afterCopy', rangedData, this.copyableRanges, copiedHeadersCount);
     }
     _classPrivateFieldSet(_copyMode, this, 'cells-only');
   }
@@ -604,16 +618,10 @@ export class CopyPaste extends BasePlugin {
     this.setCopyableText();
     _classPrivateFieldSet(_isTriggeredByCut, this, false);
     const rangedData = this.getRangedData(this.copyableRanges);
+    const rangedSourceData = this.getRangedData(this.copyableRanges, true);
     const allowCuttingOut = !!this.hot.runHooks('beforeCut', rangedData, this.copyableRanges);
     if (allowCuttingOut) {
-      const textPlain = stringify(rangedData);
-      if (event && event.clipboardData) {
-        const textHTML = _dataToHTML(rangedData, this.hot.rootDocument);
-        event.clipboardData.setData('text/plain', textPlain);
-        event.clipboardData.setData('text/html', [META_HEAD, textHTML].join(''));
-      } else if (typeof ClipboardEvent === 'undefined') {
-        this.hot.rootWindow.clipboardData.setData('Text', textPlain);
-      }
+      _assertClassBrand(_CopyPaste_brand, this, _setClipboardData).call(this, event, rangedData, rangedSourceData);
       this.hot.emptySelectedCells('CopyPaste.cut');
       this.hot.runHooks('afterCut', rangedData, this.copyableRanges);
     }
@@ -634,7 +642,13 @@ export class CopyPaste extends BasePlugin {
     }
     event.preventDefault();
     let pastedData;
+    let pastedSourceData;
     if (event && typeof event.clipboardData !== 'undefined') {
+      const sourceDataHTML = event.clipboardData.getData(SOURCE_DATA_HTML_MIME_TYPE);
+      if (sourceDataHTML) {
+        const parsedSourceConfig = htmlToGridSettings(sourceDataHTML, this.hot.rootDocument);
+        pastedSourceData = parsedSourceConfig.data;
+      }
       const textHTML = sanitize(event.clipboardData.getData('text/html'), {
         ADD_TAGS: ['meta'],
         ADD_ATTR: ['content'],
@@ -658,15 +672,19 @@ export class CopyPaste extends BasePlugin {
     if (this.hot.runHooks('beforePaste', pastedData, this.copyableRanges) === false) {
       return;
     }
-    const [startRow, startColumn, endRow, endColumn] = this.populateValues(pastedData);
-    this.hot.selectCell(startRow, startColumn, Math.min(this.hot.countRows() - 1, endRow), Math.min(this.hot.countCols() - 1, endColumn));
+    const [startRow, startColumn, endRow, endColumn] = this.populateValues(pastedData, pastedSourceData);
+    if (startRow !== null && startColumn !== null) {
+      this.hot.selectCell(startRow, startColumn, Math.min(this.hot.countRows() - 1, endRow), Math.min(this.hot.countCols() - 1, endColumn));
+    }
     this.hot.runHooks('afterPaste', pastedData, this.copyableRanges);
   }
 
   /**
-   * Add copy and cut options to the Context Menu.
+   * Sets the clipboard data.
    *
-   * @param {object} options Contains default added options of the Context Menu.
+   * @param {ClipboardEvent} event The Clipboard event.
+   * @param {Array} rangedData Ranged data to set to the clipboard.
+   * @param {Array} rangedSourceData Ranged source data to set to the clipboard.
    */
 
   /**
@@ -679,12 +697,12 @@ export class CopyPaste extends BasePlugin {
 function _ensureClipboardEventsGetTriggered(eventName) {
   // Without this workaround Safari (tested on Safari@16.5.2) does not trigger the 'copy' event.
   if (isSafari()) {
-    const lastSelectedRange = this.hot.getSelectedRangeLast();
-    if (lastSelectedRange) {
+    const activeSelectedRange = this.hot.getSelectedRangeActive();
+    if (activeSelectedRange) {
       const {
         row: highlightRow,
         col: highlightColumn
-      } = lastSelectedRange.highlight;
+      } = activeSelectedRange.highlight;
       const currentlySelectedCell = this.hot.getCell(highlightRow, highlightColumn, true);
       if (currentlySelectedCell) {
         runWithSelectedContendEditableElement(currentlySelectedCell, () => {
@@ -721,12 +739,12 @@ function _countCopiedHeaders(ranges) {
 }
 function _addContentEditableToHighlightedCell() {
   if (this.hot.isListening()) {
-    const lastSelectedRange = this.hot.getSelectedRangeLast();
-    if (lastSelectedRange) {
+    const activeSelectedRange = this.hot.getSelectedRangeActive();
+    if (activeSelectedRange) {
       const {
         row: highlightRow,
         col: highlightColumn
-      } = lastSelectedRange.highlight;
+      } = activeSelectedRange.highlight;
       const currentlySelectedCell = this.hot.getCell(highlightRow, highlightColumn, true);
       if (currentlySelectedCell) {
         makeElementContentEditableAndSelectItsContent(currentlySelectedCell);
@@ -740,12 +758,12 @@ function _addContentEditableToHighlightedCell() {
 function _removeContentEditableFromHighlightedCell() {
   // If the instance is not listening, the workaround is not needed.
   if (this.hot.isListening()) {
-    const lastSelectedRange = this.hot.getSelectedRangeLast();
-    if (lastSelectedRange) {
+    const activeSelectedRange = this.hot.getSelectedRangeActive();
+    if (activeSelectedRange) {
       const {
         row: highlightRow,
         col: highlightColumn
-      } = lastSelectedRange.highlight;
+      } = activeSelectedRange.highlight;
       const currentlySelectedCell = this.hot.getCell(highlightRow, highlightColumn, true);
       if (currentlySelectedCell !== null && currentlySelectedCell !== void 0 && currentlySelectedCell.hasAttribute('contenteditable')) {
         removeContentEditableFromElementAndDeselect(currentlySelectedCell);
@@ -753,6 +771,23 @@ function _removeContentEditableFromHighlightedCell() {
     }
   }
 }
+function _setClipboardData(event, rangedData, rangedSourceData) {
+  const textPlain = stringify(rangedData);
+  if (event && event.clipboardData) {
+    const textHTML = _dataToHTML(rangedData);
+    const textSourceDataHTML = _dataToHTML(rangedSourceData);
+    event.clipboardData.setData('text/plain', textPlain);
+    event.clipboardData.setData('text/html', [META_HEAD, textHTML].join(''));
+    event.clipboardData.setData(SOURCE_DATA_HTML_MIME_TYPE, [META_HEAD, textSourceDataHTML].join(''));
+  } else if (typeof ClipboardEvent === 'undefined') {
+    this.hot.rootWindow.clipboardData.setData('Text', textPlain);
+  }
+}
+/**
+ * Add copy and cut options to the Context Menu.
+ *
+ * @param {object} options Contains default added options of the Context Menu.
+ */
 function _onAfterContextMenuDefaultOptions(options) {
   options.items.push({
     name: '---------'

package/plugins/customBorders/customBorders.js

@@ -721,7 +721,7 @@ function _onAfterContextMenuDefaultOptions(defaultOptions) {
       return this.getTranslatedPhrase(C.CONTEXTMENU_ITEMS_BORDERS);
     },
     disabled() {
-      const range = this.getSelectedRangeLast();
+      const range = this.getSelectedRangeActive();
       if (!range) {
         return true;
       }

package/plugins/customBorders/customBorders.mjs

@@ -716,7 +716,7 @@ function _onAfterContextMenuDefaultOptions(defaultOptions) {
       return this.getTranslatedPhrase(C.CONTEXTMENU_ITEMS_BORDERS);
     },
     disabled() {
-      const range = this.getSelectedRangeLast();
+      const range = this.getSelectedRangeActive();
       if (!range) {
         return true;
       }

package/plugins/dialog/dialog.d.ts

@@ -0,0 +1,23 @@
+import Core from '../../core';
+import { BasePlugin } from '../base';
+
+export interface DialogConfig {
+  content?: string | HTMLElement;
+  customClassName?: string;
+  background?: 'solid' | 'semi-transparent';
+  contentBackground?: boolean;
+  animation?: boolean;
+  closable?: boolean;
+}
+
+export type Settings = boolean | DialogConfig;
+
+export class Dialog extends BasePlugin {
+
+  constructor(hotInstance: Core);
+  isVisible(): boolean;
+  show(config?: DialogConfig): void;
+  hide(): void;
+  update(config: DialogConfig): void;
+  focus(): void;
+}