@ckeditor/ckeditor5-clipboard 45.2.1 → 46.0.0-alpha.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ckeditor/ckeditor5-clipboard",
-  "version": "45.2.1",
+  "version": "46.0.0-alpha.1",
   "description": "Clipboard integration feature for CKEditor 5.",
   "keywords": [
     "ckeditor",
@@ -13,12 +13,12 @@
   "type": "module",
   "main": "src/index.js",
   "dependencies": {
-    "@ckeditor/ckeditor5-core": "45.2.1",
-    "@ckeditor/ckeditor5-engine": "45.2.1",
-    "@ckeditor/ckeditor5-ui": "45.2.1",
-    "@ckeditor/ckeditor5-utils": "45.2.1",
-    "@ckeditor/ckeditor5-widget": "45.2.1",
-    "es-toolkit": "1.32.0"
+    "@ckeditor/ckeditor5-core": "46.0.0-alpha.1",
+    "@ckeditor/ckeditor5-engine": "46.0.0-alpha.1",
+    "@ckeditor/ckeditor5-ui": "46.0.0-alpha.1",
+    "@ckeditor/ckeditor5-utils": "46.0.0-alpha.1",
+    "@ckeditor/ckeditor5-widget": "46.0.0-alpha.1",
+    "es-toolkit": "1.39.5"
   },
   "author": "CKSource (http://cksource.com/)",
   "license": "SEE LICENSE IN LICENSE.md",

package/src/clipboard.d.ts

@@ -6,10 +6,10 @@
  * @module clipboard/clipboard
  */
 import { Plugin } from '@ckeditor/ckeditor5-core';
-import ClipboardPipeline from './clipboardpipeline.js';
-import DragDrop from './dragdrop.js';
-import PastePlainText from './pasteplaintext.js';
-import ClipboardMarkersUtils from './clipboardmarkersutils.js';
+import { ClipboardPipeline } from './clipboardpipeline.js';
+import { DragDrop } from './dragdrop.js';
+import { PastePlainText } from './pasteplaintext.js';
+import { ClipboardMarkersUtils } from './clipboardmarkersutils.js';
 /**
  * The clipboard feature.
  *
@@ -20,7 +20,7 @@ import ClipboardMarkersUtils from './clipboardmarkersutils.js';
  * * {@link module:clipboard/dragdrop~DragDrop}
  * * {@link module:clipboard/pasteplaintext~PastePlainText}
  */
-export default class Clipboard extends Plugin {
+export declare class Clipboard extends Plugin {
     /**
      * @inheritDoc
      */

package/src/clipboard.js

@@ -6,10 +6,10 @@
  * @module clipboard/clipboard
  */
 import { Plugin } from '@ckeditor/ckeditor5-core';
-import ClipboardPipeline from './clipboardpipeline.js';
-import DragDrop from './dragdrop.js';
-import PastePlainText from './pasteplaintext.js';
-import ClipboardMarkersUtils from './clipboardmarkersutils.js';
+import { ClipboardPipeline } from './clipboardpipeline.js';
+import { DragDrop } from './dragdrop.js';
+import { PastePlainText } from './pasteplaintext.js';
+import { ClipboardMarkersUtils } from './clipboardmarkersutils.js';
 /**
  * The clipboard feature.
  *
@@ -20,7 +20,7 @@ import ClipboardMarkersUtils from './clipboardmarkersutils.js';
  * * {@link module:clipboard/dragdrop~DragDrop}
  * * {@link module:clipboard/pasteplaintext~PastePlainText}
  */
-export default class Clipboard extends Plugin {
+export class Clipboard extends Plugin {
     /**
      * @inheritDoc
      */

package/src/clipboardmarkersutils.d.ts

@@ -3,14 +3,14 @@
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
 import { Plugin, type NonEmptyArray } from '@ckeditor/ckeditor5-core';
-import { Range, type DocumentFragment, type Element, type DocumentSelection, type Selection, type Writer } from '@ckeditor/ckeditor5-engine';
+import { ModelRange, type ModelDocumentFragment, type ModelElement, type ModelDocumentSelection, type ModelSelection, type ModelWriter } from '@ckeditor/ckeditor5-engine';
 /**
  * Part of the clipboard logic. Responsible for collecting markers from selected fragments
  * and restoring them with proper positions in pasted elements.
  *
  * @internal
  */
-export default class ClipboardMarkersUtils extends Plugin {
+export declare class ClipboardMarkersUtils extends Plugin {
     /**
      * Map of marker names that can be copied.
      *
@@ -50,7 +50,7 @@ export default class ClipboardMarkersUtils extends Plugin {
      * @param getCopiedFragment	Callback that performs copy of selection and returns it as fragment.
      * @internal
      */
-    _copySelectedFragmentWithMarkers(action: ClipboardMarkerRestrictedAction, selection: Selection | DocumentSelection, getCopiedFragment?: (writer: Writer) => DocumentFragment): DocumentFragment;
+    _copySelectedFragmentWithMarkers(action: ClipboardMarkerRestrictedAction, selection: ModelSelection | ModelDocumentSelection, getCopiedFragment?: (writer: ModelWriter) => ModelDocumentFragment): ModelDocumentFragment;
     /**
      * Performs paste of markers on already pasted element.
      *
@@ -69,7 +69,7 @@ export default class ClipboardMarkersUtils extends Plugin {
      * @param getPastedDocumentElement Getter used to get target markers element.
      * @internal
      */
-    _pasteMarkersIntoTransformedElement(markers: Record<string, Range> | Map<string, Range>, getPastedDocumentElement: (writer: Writer) => Element): Element;
+    _pasteMarkersIntoTransformedElement(markers: Record<string, ModelRange> | Map<string, ModelRange>, getPastedDocumentElement: (writer: ModelWriter) => ModelElement): ModelElement;
     /**
      * Pastes document fragment with markers to document.
      * If `duplicateOnPaste` is `true` in marker config then associated markers IDs
@@ -78,7 +78,7 @@ export default class ClipboardMarkersUtils extends Plugin {
      * @param fragment Document fragment that should contain already processed by pipeline markers.
      * @internal
      */
-    _pasteFragmentWithMarkers(fragment: DocumentFragment): Range;
+    _pasteFragmentWithMarkers(fragment: ModelDocumentFragment): ModelRange;
     /**
      * In some situations we have to perform copy on selected fragment with certain markers. This function allows to temporarily bypass
      * restrictions on markers that we want to copy.

package/src/clipboardmarkersutils.js

@@ -8,14 +8,14 @@
 import { mapValues } from 'es-toolkit/compat';
 import { uid } from '@ckeditor/ckeditor5-utils';
 import { Plugin } from '@ckeditor/ckeditor5-core';
-import { Range } from '@ckeditor/ckeditor5-engine';
+import { ModelRange } from '@ckeditor/ckeditor5-engine';
 /**
  * Part of the clipboard logic. Responsible for collecting markers from selected fragments
  * and restoring them with proper positions in pasted elements.
  *
  * @internal
  */
-export default class ClipboardMarkersUtils extends Plugin {
+export class ClipboardMarkersUtils extends Plugin {
     /**
      * Map of marker names that can be copied.
      *
@@ -409,7 +409,7 @@ export default class ClipboardMarkersUtils extends Plugin {
         // We have to remove `fake-marker-start` firstly and then remove `fake-marker-2-start`.
         // Removal of `fake-marker-2-start` affects `fake-marker-end` position so we cannot create
         // connection between `fake-marker-start` and `fake-marker-end` without iterating whole set firstly.
-        return mapValues(fakeMarkersRanges, range => new Range(range.start || writer.createPositionFromPath(rootElement, [0]), range.end || writer.createPositionAt(rootElement, 'end')));
+        return mapValues(fakeMarkersRanges, range => new ModelRange(range.start || writer.createPositionFromPath(rootElement, [0]), range.end || writer.createPositionAt(rootElement, 'end')));
     }
     /**
      * Returns array that contains list of fake markers with corresponding `$marker` elements.

package/src/clipboardobserver.d.ts

@@ -2,30 +2,30 @@
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-import { DataTransfer, DomEventObserver, type DomEventData, type EditingView, type ViewDocumentFragment, type ViewElement, type ViewRange } from '@ckeditor/ckeditor5-engine';
+import { ViewDataTransfer, DomEventObserver, type ViewDocumentDomEventData, type EditingView, type ViewDocumentFragment, type ViewElement, type ViewRange } from '@ckeditor/ckeditor5-engine';
 /**
  * Clipboard events observer.
  *
  * Fires the following events:
  *
- * * {@link module:engine/view/document~Document#event:clipboardInput},
- * * {@link module:engine/view/document~Document#event:paste},
- * * {@link module:engine/view/document~Document#event:copy},
- * * {@link module:engine/view/document~Document#event:cut},
- * * {@link module:engine/view/document~Document#event:drop},
- * * {@link module:engine/view/document~Document#event:dragover},
- * * {@link module:engine/view/document~Document#event:dragging},
- * * {@link module:engine/view/document~Document#event:dragstart},
- * * {@link module:engine/view/document~Document#event:dragend},
- * * {@link module:engine/view/document~Document#event:dragenter},
- * * {@link module:engine/view/document~Document#event:dragleave}.
+ * * {@link module:engine/view/document~ViewDocument#event:clipboardInput},
+ * * {@link module:engine/view/document~ViewDocument#event:paste},
+ * * {@link module:engine/view/document~ViewDocument#event:copy},
+ * * {@link module:engine/view/document~ViewDocument#event:cut},
+ * * {@link module:engine/view/document~ViewDocument#event:drop},
+ * * {@link module:engine/view/document~ViewDocument#event:dragover},
+ * * {@link module:engine/view/document~ViewDocument#event:dragging},
+ * * {@link module:engine/view/document~ViewDocument#event:dragstart},
+ * * {@link module:engine/view/document~ViewDocument#event:dragend},
+ * * {@link module:engine/view/document~ViewDocument#event:dragenter},
+ * * {@link module:engine/view/document~ViewDocument#event:dragleave}.
  *
  * **Note**: This observer is not available by default (ckeditor5-engine does not add it on its own).
- * To make it available, it needs to be added to {@link module:engine/view/document~Document} by using
- * the {@link module:engine/view/view~View#addObserver `View#addObserver()`} method. Alternatively, you can load the
+ * To make it available, it needs to be added to {@link module:engine/view/document~ViewDocument} by using
+ * the {@link module:engine/view/view~EditingView#addObserver `View#addObserver()`} method. Alternatively, you can load the
  * {@link module:clipboard/clipboard~Clipboard} plugin which adds this observer automatically (because it uses it).
  */
-export default class ClipboardObserver extends DomEventObserver<'paste' | 'copy' | 'cut' | 'drop' | 'dragover' | 'dragstart' | 'dragend' | 'dragenter' | 'dragleave', ClipboardEventData> {
+export declare class ClipboardObserver extends DomEventObserver<'paste' | 'copy' | 'cut' | 'drop' | 'dragover' | 'dragstart' | 'dragend' | 'dragenter' | 'dragleave', ClipboardEventData> {
     readonly domEventType: readonly ["paste", "copy", "cut", "drop", "dragover", "dragstart", "dragend", "dragenter", "dragleave"];
     constructor(view: EditingView);
     onDomEvent(domEvent: ClipboardEvent | DragEvent): void;
@@ -37,15 +37,15 @@ export interface ClipboardEventData {
     /**
      * The data transfer instance.
      */
-    dataTransfer: DataTransfer;
+    dataTransfer: ViewDataTransfer;
     /**
      * The position into which the content is dropped.
      */
     dropRange?: ViewRange | null;
 }
 /**
- * Fired as a continuation of the {@link module:engine/view/document~Document#event:paste} and
- * {@link module:engine/view/document~Document#event:drop} events.
+ * Fired as a continuation of the {@link module:engine/view/document~ViewDocument#event:paste} and
+ * {@link module:engine/view/document~ViewDocument#event:drop} events.
  *
  * It is a part of the {@glink framework/deep-dive/clipboard#input-pipeline clipboard input pipeline}.
  *
@@ -53,23 +53,23 @@ export interface ClipboardEventData {
  * and inserted into the editor.
  *
  * **Note**: This event is not available by default. To make it available, {@link module:clipboard/clipboardobserver~ClipboardObserver}
- * needs to be added to the {@link module:engine/view/document~Document} by using the {@link module:engine/view/view~View#addObserver}
- * method. This is usually done by the {@link module:clipboard/clipboard~Clipboard} plugin, but if for some reason it is not loaded,
- * the observer must be added manually.
+ * needs to be added to the {@link module:engine/view/document~ViewDocument} by using the
+ * {@link module:engine/view/view~EditingView#addObserver} method. This is usually done by the {@link module:clipboard/clipboard~Clipboard}
+ * plugin, but if for some reason it is not loaded, the observer must be added manually.
  *
  * @see module:clipboard/clipboardobserver~ClipboardObserver
  * @see module:clipboard/clipboard~Clipboard
  *
- * @eventName module:engine/view/document~Document#clipboardInput
+ * @eventName module:engine/view/document~ViewDocument#clipboardInput
  * @param data The event data.
  */
 export type ViewDocumentClipboardInputEvent = {
     name: 'clipboardInput';
-    args: [data: DomEventData<ClipboardEvent | DragEvent> & ClipboardInputEventData];
+    args: [data: ViewDocumentDomEventData<ClipboardEvent | DragEvent> & ClipboardInputEventData];
 };
 /**
- * The value of the {@link module:engine/view/document~Document#event:paste},
- * {@link module:engine/view/document~Document#event:copy} and {@link module:engine/view/document~Document#event:cut} events.
+ * The value of the {@link module:engine/view/document~ViewDocument#event:paste},
+ * {@link module:engine/view/document~ViewDocument#event:copy} and {@link module:engine/view/document~ViewDocument#event:cut} events.
  *
  * In order to access the clipboard data, use the `dataTransfer` property.
  */
@@ -77,7 +77,7 @@ export interface ClipboardInputEventData {
     /**
      * Data transfer instance.
      */
-    dataTransfer: DataTransfer;
+    dataTransfer: ViewDataTransfer;
     /**
      * Whether the event was triggered by a paste or a drop operation.
      */
@@ -103,18 +103,18 @@ export interface ClipboardInputEventData {
  * Introduced by {@link module:clipboard/clipboardobserver~ClipboardObserver}.
  *
  * **Note**: This event is not available by default. To make it available, {@link module:clipboard/clipboardobserver~ClipboardObserver}
- * needs to be added to the {@link module:engine/view/document~Document} by using the {@link module:engine/view/view~View#addObserver}
- * method. This is usually done by the {@link module:clipboard/clipboard~Clipboard} plugin, but if for some reason it is not loaded,
- * the observer must be added manually.
+ * needs to be added to the {@link module:engine/view/document~ViewDocument} by using the
+ * {@link module:engine/view/view~EditingView#addObserver} method. This is usually done by the {@link module:clipboard/clipboard~Clipboard}
+ * plugin, but if for some reason it is not loaded, the observer must be added manually.
  *
- * @see module:engine/view/document~Document#event:clipboardInput
+ * @see module:engine/view/document~ViewDocument#event:clipboardInput
  *
- * @eventName module:engine/view/document~Document#dragover
+ * @eventName module:engine/view/document~ViewDocument#dragover
  * @param data The event data.
  */
 export type ViewDocumentDragOverEvent = {
     name: 'dragover';
-    args: [data: DomEventData<DragEvent> & ClipboardEventData];
+    args: [data: ViewDocumentDomEventData<DragEvent> & ClipboardEventData];
 };
 /**
  * Fired when the user dropped the content into one of the editing roots of the editor.
@@ -122,18 +122,18 @@ export type ViewDocumentDragOverEvent = {
  * Introduced by {@link module:clipboard/clipboardobserver~ClipboardObserver}.
  *
  * **Note**: This event is not available by default. To make it available, {@link module:clipboard/clipboardobserver~ClipboardObserver}
- * needs to be added to the {@link module:engine/view/document~Document} by using the {@link module:engine/view/view~View#addObserver}
- * method. This is usually done by the {@link module:clipboard/clipboard~Clipboard} plugin, but if for some reason it is not loaded,
- * the observer must be added manually.
+ * needs to be added to the {@link module:engine/view/document~ViewDocument} by using the
+ * {@link module:engine/view/view~EditingView#addObserver} method. This is usually done by the {@link module:clipboard/clipboard~Clipboard}
+ * plugin, but if for some reason it is not loaded, the observer must be added manually.
  *
- * @see module:engine/view/document~Document#event:clipboardInput
+ * @see module:engine/view/document~ViewDocument#event:clipboardInput
  *
- * @eventName module:engine/view/document~Document#drop
+ * @eventName module:engine/view/document~ViewDocument#drop
  * @param data The event data.
  */
 export type ViewDocumentDropEvent = {
     name: 'drop';
-    args: [data: DomEventData<DragEvent> & ClipboardEventData];
+    args: [data: ViewDocumentDomEventData<DragEvent> & ClipboardEventData];
 };
 /**
  * Fired when the user pasted the content into one of the editing roots of the editor.
@@ -141,18 +141,18 @@ export type ViewDocumentDropEvent = {
  * Introduced by {@link module:clipboard/clipboardobserver~ClipboardObserver}.
  *
  * **Note**: This event is not available by default. To make it available, {@link module:clipboard/clipboardobserver~ClipboardObserver}
- * needs to be added to the {@link module:engine/view/document~Document} by using the {@link module:engine/view/view~View#addObserver}
- * method. This is usually done by the {@link module:clipboard/clipboard~Clipboard} plugin, but if for some reason it is not loaded,
- * the observer must be added manually.
+ * needs to be added to the {@link module:engine/view/document~ViewDocument} by using the
+ * {@link module:engine/view/view~EditingView#addObserver} method. This is usually done by the {@link module:clipboard/clipboard~Clipboard}
+ * plugin, but if for some reason it is not loaded, the observer must be added manually.
  *
- * @see module:engine/view/document~Document#event:clipboardInput
+ * @see module:engine/view/document~ViewDocument#event:clipboardInput
  *
- * @eventName module:engine/view/document~Document#paste
+ * @eventName module:engine/view/document~ViewDocument#paste
  * @param {module:clipboard/clipboardobserver~ClipboardEventData} data The event data.
  */
 export type ViewDocumentPasteEvent = {
     name: 'paste';
-    args: [data: DomEventData<ClipboardEvent> & ClipboardEventData];
+    args: [data: ViewDocumentDomEventData<ClipboardEvent> & ClipboardEventData];
 };
 /**
  * Fired when the user copied the content from one of the editing roots of the editor.
@@ -160,18 +160,18 @@ export type ViewDocumentPasteEvent = {
  * Introduced by {@link module:clipboard/clipboardobserver~ClipboardObserver}.
  *
  * **Note**: This event is not available by default. To make it available, {@link module:clipboard/clipboardobserver~ClipboardObserver}
- * needs to be added to the {@link module:engine/view/document~Document} by using the {@link module:engine/view/view~View#addObserver}
- * method. This is usually done by the {@link module:clipboard/clipboard~Clipboard} plugin, but if for some reason it is not loaded,
- * the observer must be added manually.
+ * needs to be added to the {@link module:engine/view/document~ViewDocument} by using the
+ * {@link module:engine/view/view~EditingView#addObserver} method. This is usually done by the {@link module:clipboard/clipboard~Clipboard}
+ * plugin, but if for some reason it is not loaded, the observer must be added manually.
  *
  * @see module:clipboard/clipboardobserver~ClipboardObserver
  *
- * @eventName module:engine/view/document~Document#copy
+ * @eventName module:engine/view/document~ViewDocument#copy
  * @param data The event data.
  */
 export type ViewDocumentCopyEvent = {
     name: 'copy';
-    args: [data: DomEventData<ClipboardEvent> & ClipboardEventData];
+    args: [data: ViewDocumentDomEventData<ClipboardEvent> & ClipboardEventData];
 };
 /**
  * Fired when the user cut the content from one of the editing roots of the editor.
@@ -179,21 +179,21 @@ export type ViewDocumentCopyEvent = {
  * Introduced by {@link module:clipboard/clipboardobserver~ClipboardObserver}.
  *
  * **Note**: This event is not available by default. To make it available, {@link module:clipboard/clipboardobserver~ClipboardObserver}
- * needs to be added to the {@link module:engine/view/document~Document} by using the {@link module:engine/view/view~View#addObserver}
- * method. This is usually done by the {@link module:clipboard/clipboard~Clipboard} plugin, but if for some reason it is not loaded,
- * the observer must be added manually.
+ * needs to be added to the {@link module:engine/view/document~ViewDocument} by using the
+ * {@link module:engine/view/view~EditingView#addObserver} method. This is usually done by the {@link module:clipboard/clipboard~Clipboard}
+ * plugin, but if for some reason it is not loaded, the observer must be added manually.
  *
  * @see module:clipboard/clipboardobserver~ClipboardObserver
  *
- * @eventName module:engine/view/document~Document#cut
+ * @eventName module:engine/view/document~ViewDocument#cut
  * @param data The event data.
  */
 export type ViewDocumentCutEvent = {
     name: 'cut';
-    args: [data: DomEventData<ClipboardEvent> & ClipboardEventData];
+    args: [data: ViewDocumentDomEventData<ClipboardEvent> & ClipboardEventData];
 };
 /**
- * Fired as a continuation of the {@link module:engine/view/document~Document#event:dragover} event.
+ * Fired as a continuation of the {@link module:engine/view/document~ViewDocument#event:dragover} event.
  *
  * It is a part of the {@glink framework/deep-dive/clipboard#input-pipeline clipboard input pipeline}.
  *
@@ -201,25 +201,26 @@ export type ViewDocumentCutEvent = {
  * and inserted into the editor.
  *
  * **Note**: This event is not available by default. To make it available, {@link module:clipboard/clipboardobserver~ClipboardObserver}
- * needs to be added to the {@link module:engine/view/document~Document} by using the {@link module:engine/view/view~View#addObserver}
- * method. This is usually done by the {@link module:clipboard/clipboard~Clipboard} plugin, but if for some reason it is not loaded,
+ * needs to be added to the {@link module:engine/view/document~ViewDocument} by using the
+ * {@link module:engine/view/view~EditingView#addObserver}  method. This is usually done by the
+ * {@link module:clipboard/clipboard~Clipboard} plugin, but if for some reason it is not loaded,
  * the observer must be added manually.
  *
  * @see module:clipboard/clipboardobserver~ClipboardObserver
  * @see module:clipboard/clipboard~Clipboard
  *
- * @eventName module:engine/view/document~Document#dragging
+ * @eventName module:engine/view/document~ViewDocument#dragging
  * @param data The event data.
  */
 export type ViewDocumentDraggingEvent = {
     name: 'dragging';
-    args: [data: DomEventData<DragEvent> & DraggingEventData];
+    args: [data: ViewDocumentDomEventData<DragEvent> & DraggingEventData];
 };
 export interface DraggingEventData {
     /**
      * The data transfer instance.
      */
-    dataTransfer: DataTransfer;
+    dataTransfer: ViewDataTransfer;
     /**
      * Whether the event was triggered by a paste or a drop operation.
      */
@@ -240,18 +241,18 @@ export interface DraggingEventData {
  * Introduced by {@link module:clipboard/clipboardobserver~ClipboardObserver}.
  *
  * **Note**: This event is not available by default. To make it available, {@link module:clipboard/clipboardobserver~ClipboardObserver}
- * needs to be added to the {@link module:engine/view/document~Document} by using the {@link module:engine/view/view~View#addObserver}
- * method. This is usually done by the {@link module:clipboard/clipboard~Clipboard} plugin, but if for some reason it is not loaded,
- * the observer must be added manually.
+ * needs to be added to the {@link module:engine/view/document~ViewDocument} by using the
+ * {@link module:engine/view/view~EditingView#addObserver} method. This is usually done by the {@link module:clipboard/clipboard~Clipboard}
+ * plugin, but if for some reason it is not loaded, the observer must be added manually.
  *
- * @see module:engine/view/document~Document#event:clipboardInput
+ * @see module:engine/view/document~ViewDocument#event:clipboardInput
  *
- * @eventName module:engine/view/document~Document#dragstart
+ * @eventName module:engine/view/document~ViewDocument#dragstart
  * @param data The event data.
  */
 export type ViewDocumentDragStartEvent = {
     name: 'dragstart';
-    args: [data: DomEventData<DragEvent> & ClipboardEventData];
+    args: [data: ViewDocumentDomEventData<DragEvent> & ClipboardEventData];
 };
 /**
  * Fired when the user ended dragging the content.
@@ -259,18 +260,18 @@ export type ViewDocumentDragStartEvent = {
  * Introduced by {@link module:clipboard/clipboardobserver~ClipboardObserver}.
  *
  * **Note**: This event is not available by default. To make it available, {@link module:clipboard/clipboardobserver~ClipboardObserver}
- * needs to be added to the {@link module:engine/view/document~Document} by using the {@link module:engine/view/view~View#addObserver}
- * method. This is usually done by the {@link module:clipboard/clipboard~Clipboard} plugin, but if for some reason it is not loaded,
- * the observer must be added manually.
+ * needs to be added to the {@link module:engine/view/document~ViewDocument} by using the
+ * {@link module:engine/view/view~EditingView#addObserver} method. This is usually done by the {@link module:clipboard/clipboard~Clipboard}
+ * plugin, but if for some reason it is not loaded, the observer must be added manually.
  *
- * @see module:engine/view/document~Document#event:clipboardInput
+ * @see module:engine/view/document~ViewDocument#event:clipboardInput
  *
- * @eventName module:engine/view/document~Document#dragend
+ * @eventName module:engine/view/document~ViewDocument#dragend
  * @param data The event data.
  */
 export type ViewDocumentDragEndEvent = {
     name: 'dragend';
-    args: [data: DomEventData<DragEvent> & ClipboardEventData];
+    args: [data: ViewDocumentDomEventData<DragEvent> & ClipboardEventData];
 };
 /**
  * Fired when the user drags the content into one of the editing roots of the editor.
@@ -278,18 +279,18 @@ export type ViewDocumentDragEndEvent = {
  * Introduced by {@link module:clipboard/clipboardobserver~ClipboardObserver}.
  *
  * **Note**: This event is not available by default. To make it available, {@link module:clipboard/clipboardobserver~ClipboardObserver}
- * needs to be added to the {@link module:engine/view/document~Document} by using the {@link module:engine/view/view~View#addObserver}
- * method. This is usually done by the {@link module:clipboard/clipboard~Clipboard} plugin, but if for some reason it is not loaded,
- * the observer must be added manually.
+ * needs to be added to the {@link module:engine/view/document~ViewDocument} by using the
+ * {@link module:engine/view/view~EditingView#addObserver} method. This is usually done by the {@link module:clipboard/clipboard~Clipboard}
+ * plugin, but if for some reason it is not loaded, the observer must be added manually.
  *
- * @see module:engine/view/document~Document#event:clipboardInput
+ * @see module:engine/view/document~ViewDocument#event:clipboardInput
  *
- * @eventName module:engine/view/document~Document#dragenter
+ * @eventName module:engine/view/document~ViewDocument#dragenter
  * @param data The event data.
  */
 export type ViewDocumentDragEnterEvent = {
     name: 'dragenter';
-    args: [data: DomEventData<DragEvent> & ClipboardEventData];
+    args: [data: ViewDocumentDomEventData<DragEvent> & ClipboardEventData];
 };
 /**
  * Fired when the user drags the content out of one of the editing roots of the editor.
@@ -297,16 +298,16 @@ export type ViewDocumentDragEnterEvent = {
  * Introduced by {@link module:clipboard/clipboardobserver~ClipboardObserver}.
  *
  * **Note**: This event is not available by default. To make it available, {@link module:clipboard/clipboardobserver~ClipboardObserver}
- * needs to be added to the {@link module:engine/view/document~Document} by using the {@link module:engine/view/view~View#addObserver}
- * method. This is usually done by the {@link module:clipboard/clipboard~Clipboard} plugin, but if for some reason it is not loaded,
- * the observer must be added manually.
+ * needs to be added to the {@link module:engine/view/document~ViewDocument} by using the
+ * {@link module:engine/view/view~EditingView#addObserver} method. This is usually done by the {@link module:clipboard/clipboard~Clipboard}
+ * plugin, but if for some reason it is not loaded, the observer must be added manually.
  *
- * @see module:engine/view/document~Document#event:clipboardInput
+ * @see module:engine/view/document~ViewDocument#event:clipboardInput
  *
- * @eventName module:engine/view/document~Document#dragleave
+ * @eventName module:engine/view/document~ViewDocument#dragleave
  * @param data The event data.
  */
 export type ViewDocumentDragLeaveEvent = {
     name: 'dragleave';
-    args: [data: DomEventData<DragEvent> & ClipboardEventData];
+    args: [data: ViewDocumentDomEventData<DragEvent> & ClipboardEventData];
 };

package/src/clipboardobserver.js

@@ -6,30 +6,30 @@
  * @module clipboard/clipboardobserver
  */
 import { EventInfo, getRangeFromMouseEvent } from '@ckeditor/ckeditor5-utils';
-import { DataTransfer, DomEventObserver } from '@ckeditor/ckeditor5-engine';
+import { ViewDataTransfer, DomEventObserver } from '@ckeditor/ckeditor5-engine';
 /**
  * Clipboard events observer.
  *
  * Fires the following events:
  *
- * * {@link module:engine/view/document~Document#event:clipboardInput},
- * * {@link module:engine/view/document~Document#event:paste},
- * * {@link module:engine/view/document~Document#event:copy},
- * * {@link module:engine/view/document~Document#event:cut},
- * * {@link module:engine/view/document~Document#event:drop},
- * * {@link module:engine/view/document~Document#event:dragover},
- * * {@link module:engine/view/document~Document#event:dragging},
- * * {@link module:engine/view/document~Document#event:dragstart},
- * * {@link module:engine/view/document~Document#event:dragend},
- * * {@link module:engine/view/document~Document#event:dragenter},
- * * {@link module:engine/view/document~Document#event:dragleave}.
+ * * {@link module:engine/view/document~ViewDocument#event:clipboardInput},
+ * * {@link module:engine/view/document~ViewDocument#event:paste},
+ * * {@link module:engine/view/document~ViewDocument#event:copy},
+ * * {@link module:engine/view/document~ViewDocument#event:cut},
+ * * {@link module:engine/view/document~ViewDocument#event:drop},
+ * * {@link module:engine/view/document~ViewDocument#event:dragover},
+ * * {@link module:engine/view/document~ViewDocument#event:dragging},
+ * * {@link module:engine/view/document~ViewDocument#event:dragstart},
+ * * {@link module:engine/view/document~ViewDocument#event:dragend},
+ * * {@link module:engine/view/document~ViewDocument#event:dragenter},
+ * * {@link module:engine/view/document~ViewDocument#event:dragleave}.
  *
  * **Note**: This observer is not available by default (ckeditor5-engine does not add it on its own).
- * To make it available, it needs to be added to {@link module:engine/view/document~Document} by using
- * the {@link module:engine/view/view~View#addObserver `View#addObserver()`} method. Alternatively, you can load the
+ * To make it available, it needs to be added to {@link module:engine/view/document~ViewDocument} by using
+ * the {@link module:engine/view/view~EditingView#addObserver `View#addObserver()`} method. Alternatively, you can load the
  * {@link module:clipboard/clipboard~Clipboard} plugin which adds this observer automatically (because it uses it).
  */
-export default class ClipboardObserver extends DomEventObserver {
+export class ClipboardObserver extends DomEventObserver {
     domEventType = [
         'paste', 'copy', 'cut', 'drop', 'dragover', 'dragstart', 'dragend', 'dragenter', 'dragleave'
     ];
@@ -64,7 +64,7 @@ export default class ClipboardObserver extends DomEventObserver {
         const nativeDataTransfer = 'clipboardData' in domEvent ? domEvent.clipboardData : domEvent.dataTransfer;
         const cacheFiles = domEvent.type == 'drop' || domEvent.type == 'paste';
         const evtData = {
-            dataTransfer: new DataTransfer(nativeDataTransfer, { cacheFiles })
+            dataTransfer: new ViewDataTransfer(nativeDataTransfer, { cacheFiles })
         };
         if (domEvent.type == 'drop' || domEvent.type == 'dragover') {
             const domRange = getRangeFromMouseEvent(domEvent);