@ckeditor/ckeditor5-clipboard 45.2.1-alpha.9 → 46.0.0-alpha.0

package/src/clipboardpipeline.d.ts

@@ -6,8 +6,8 @@
  * @module clipboard/clipboardpipeline
  */
 import { Plugin } from '@ckeditor/ckeditor5-core';
-import type { DataTransfer, DocumentFragment, Range, ViewDocumentFragment, ViewRange, Selection, DocumentSelection } from '@ckeditor/ckeditor5-engine';
-import ClipboardMarkersUtils from './clipboardmarkersutils.js';
+import type { ViewDataTransfer, ModelDocumentFragment, ModelRange, ViewDocumentFragment, ViewRange, ModelSelection, ModelDocumentSelection } from '@ckeditor/ckeditor5-engine';
+import { ClipboardMarkersUtils } from './clipboardmarkersutils.js';
 /**
  * The clipboard pipeline feature. It is responsible for intercepting the `paste` and `drop` events and
  * passing the pasted content through a series of events in order to insert it into the editor's content.
@@ -20,7 +20,7 @@ import ClipboardMarkersUtils from './clipboardmarkersutils.js';
  * ## Event: `paste` or `drop`
  *
  * 1. Translates the event data.
- * 2. Fires the {@link module:engine/view/document~Document#event:clipboardInput `view.Document#clipboardInput`} event.
+ * 2. Fires the {@link module:engine/view/document~ViewDocument#event:clipboardInput `view.Document#clipboardInput`} event.
  *
  * ## Event: `view.Document#clipboardInput`
  *
@@ -28,15 +28,15 @@ import ClipboardMarkersUtils from './clipboardmarkersutils.js';
  *    from the last point.
  * 2. Otherwise, it retrieves `text/html` or `text/plain` from `data.dataTransfer`.
  * 3. Normalizes the raw data by applying simple filters on string data.
- * 4. Processes the raw data to {@link module:engine/view/documentfragment~DocumentFragment `view.DocumentFragment`} with the
+ * 4. Processes the raw data to {@link module:engine/view/documentfragment~ViewDocumentFragment `view.DocumentFragment`} with the
  *    {@link module:engine/controller/datacontroller~DataController#htmlProcessor `DataController#htmlProcessor`}.
  * 5. Fires the {@link module:clipboard/clipboardpipeline~ClipboardPipeline#event:inputTransformation
  *   `ClipboardPipeline#inputTransformation`} event with the view document fragment in the `data.content` event field.
  *
  * ## Event: `ClipboardPipeline#inputTransformation`
  *
- * 1. Converts {@link module:engine/view/documentfragment~DocumentFragment `view.DocumentFragment`} from the `data.content` field to
- *    {@link module:engine/model/documentfragment~DocumentFragment `model.DocumentFragment`}.
+ * 1. Converts {@link module:engine/view/documentfragment~ViewDocumentFragment `view.DocumentFragment`} from the `data.content` field to
+ *    {@link module:engine/model/documentfragment~ModelDocumentFragment `model.DocumentFragment`}.
  * 2. Fires the {@link module:clipboard/clipboardpipeline~ClipboardPipeline#event:contentInsertion `ClipboardPipeline#contentInsertion`}
  *    event with the model document fragment in the `data.content` event field.
  *    **Note**: The `ClipboardPipeline#contentInsertion` event is fired within a model change block to allow other handlers
@@ -53,10 +53,10 @@ import ClipboardMarkersUtils from './clipboardmarkersutils.js';
  *
  * ## Event: `copy`, `cut` or `dragstart`
  *
- * 1. Retrieves the selected {@link module:engine/model/documentfragment~DocumentFragment `model.DocumentFragment`} by calling
+ * 1. Retrieves the selected {@link module:engine/model/documentfragment~ModelDocumentFragment `model.DocumentFragment`} by calling
  *    {@link module:engine/model/model~Model#getSelectedContent `model#getSelectedContent()`}.
- * 2. Converts the model document fragment to {@link module:engine/view/documentfragment~DocumentFragment `view.DocumentFragment`}.
- * 3. Fires the {@link module:engine/view/document~Document#event:clipboardOutput `view.Document#clipboardOutput`} event
+ * 2. Converts the model document fragment to {@link module:engine/view/documentfragment~ViewDocumentFragment `view.DocumentFragment`}.
+ * 3. Fires the {@link module:engine/view/document~ViewDocument#event:clipboardOutput `view.Document#clipboardOutput`} event
  *    with the view document fragment in the `data.content` event field.
  *
  * ## Event: `view.Document#clipboardOutput`
@@ -69,7 +69,7 @@ import ClipboardMarkersUtils from './clipboardmarkersutils.js';
  *
  * Read more about the clipboard integration in the {@glink framework/deep-dive/clipboard clipboard deep-dive} guide.
  */
-export default class ClipboardPipeline extends Plugin {
+export declare class ClipboardPipeline extends Plugin {
     /**
      * @inheritDoc
      */
@@ -91,7 +91,7 @@ export default class ClipboardPipeline extends Plugin {
      *
      * @internal
      */
-    _fireOutputTransformationEvent(dataTransfer: DataTransfer, selection: Selection | DocumentSelection, method: 'copy' | 'cut' | 'dragstart'): void;
+    _fireOutputTransformationEvent(dataTransfer: ViewDataTransfer, selection: ModelSelection | ModelDocumentSelection, method: 'copy' | 'cut' | 'dragstart'): void;
     /**
      * The clipboard paste pipeline.
      */
@@ -136,7 +136,7 @@ export interface ClipboardInputTransformationData {
     /**
      * The data transfer instance.
      */
-    dataTransfer: DataTransfer;
+    dataTransfer: ViewDataTransfer;
     /**
      * The target drop ranges.
      */
@@ -183,7 +183,7 @@ export interface ClipboardContentInsertionData {
      * The content to be inserted into the editor.
      * Read more about the clipboard pipelines in the {@glink framework/deep-dive/clipboard clipboard deep-dive} guide.
      */
-    content: DocumentFragment;
+    content: ModelDocumentFragment;
     /**
      * Whether the event was triggered by a paste or a drop operation.
      */
@@ -195,7 +195,7 @@ export interface ClipboardContentInsertionData {
     /**
      * The data transfer instance.
      */
-    dataTransfer: DataTransfer;
+    dataTransfer: ViewDataTransfer;
     /**
      * The target drop ranges.
      */
@@ -204,10 +204,10 @@ export interface ClipboardContentInsertionData {
      * The result of the `model.insertContent()` call
      * (inserted by the event handler at a low priority).
      */
-    resultRange?: Range;
+    resultRange?: ModelRange;
 }
 /**
- * Fired on {@link module:engine/view/document~Document#event:copy} and {@link module:engine/view/document~Document#event:cut}
+ * Fired on {@link module:engine/view/document~ViewDocument#event:copy} and {@link module:engine/view/document~ViewDocument#event:cut}
  * with a copy of the selected content. The content can be processed before it ends up in the clipboard.
  *
  * It is a part of the {@glink framework/deep-dive/clipboard#output-pipeline clipboard output pipeline}.
@@ -215,7 +215,7 @@ export interface ClipboardContentInsertionData {
  * @see module:clipboard/clipboardobserver~ClipboardObserver
  * @see module:clipboard/clipboardpipeline~ClipboardPipeline
  *
- * @eventName module:engine/view/document~Document#clipboardOutput
+ * @eventName module:engine/view/document~ViewDocument#clipboardOutput
  * @param data The event data.
  */
 export type ViewDocumentClipboardOutputEvent = {
@@ -231,7 +231,7 @@ export interface ViewDocumentClipboardOutputEventData {
      *
      * @readonly
      */
-    dataTransfer: DataTransfer;
+    dataTransfer: ViewDataTransfer;
     /**
      * Content to be put into the clipboard. It can be modified by the event listeners.
      * Read more about the clipboard pipelines in the {@glink framework/deep-dive/clipboard clipboard deep-dive} guide.
@@ -243,8 +243,8 @@ export interface ViewDocumentClipboardOutputEventData {
     method: 'copy' | 'cut' | 'dragstart';
 }
 /**
- * Fired on {@link module:engine/view/document~Document#event:copy}, {@link module:engine/view/document~Document#event:cut}
- * and {@link module:engine/view/document~Document#event:dragstart}. The content can be processed before it ends up in the clipboard.
+ * Fired on {@link module:engine/view/document~ViewDocument#event:copy}, {@link module:engine/view/document~ViewDocument#event:cut}
+ * and {@link module:engine/view/document~ViewDocument#event:dragstart}. The content can be processed before it ends up in the clipboard.
  *
  * It is a part of the {@glink framework/deep-dive/clipboard#output-pipeline clipboard output pipeline}.
  *
@@ -264,12 +264,12 @@ export interface ClipboardOutputTransformationData {
      *
      * @readonly
      */
-    dataTransfer: DataTransfer;
+    dataTransfer: ViewDataTransfer;
     /**
      * Content to be put into the clipboard. It can be modified by the event listeners.
      * Read more about the clipboard pipelines in the {@glink framework/deep-dive/clipboard clipboard deep-dive} guide.
      */
-    content: DocumentFragment;
+    content: ModelDocumentFragment;
     /**
      * Whether the event was triggered by a copy or cut operation.
      */

package/src/clipboardpipeline.js

@@ -7,11 +7,11 @@
  */
 import { Plugin } from '@ckeditor/ckeditor5-core';
 import { EventInfo } from '@ckeditor/ckeditor5-utils';
-import ClipboardObserver from './clipboardobserver.js';
-import plainTextToHtml from './utils/plaintexttohtml.js';
-import normalizeClipboardHtml from './utils/normalizeclipboarddata.js';
-import viewToPlainText from './utils/viewtoplaintext.js';
-import ClipboardMarkersUtils from './clipboardmarkersutils.js';
+import { ClipboardObserver } from './clipboardobserver.js';
+import { plainTextToHtml } from './utils/plaintexttohtml.js';
+import { normalizeClipboardData } from './utils/normalizeclipboarddata.js';
+import { viewToPlainText } from './utils/viewtoplaintext.js';
+import { ClipboardMarkersUtils } from './clipboardmarkersutils.js';
 // Input pipeline events overview:
 //
 //              ┌──────────────────────┐          ┌──────────────────────┐
@@ -68,7 +68,7 @@ import ClipboardMarkersUtils from './clipboardmarkersutils.js';
  * ## Event: `paste` or `drop`
  *
  * 1. Translates the event data.
- * 2. Fires the {@link module:engine/view/document~Document#event:clipboardInput `view.Document#clipboardInput`} event.
+ * 2. Fires the {@link module:engine/view/document~ViewDocument#event:clipboardInput `view.Document#clipboardInput`} event.
  *
  * ## Event: `view.Document#clipboardInput`
  *
@@ -76,15 +76,15 @@ import ClipboardMarkersUtils from './clipboardmarkersutils.js';
  *    from the last point.
  * 2. Otherwise, it retrieves `text/html` or `text/plain` from `data.dataTransfer`.
  * 3. Normalizes the raw data by applying simple filters on string data.
- * 4. Processes the raw data to {@link module:engine/view/documentfragment~DocumentFragment `view.DocumentFragment`} with the
+ * 4. Processes the raw data to {@link module:engine/view/documentfragment~ViewDocumentFragment `view.DocumentFragment`} with the
  *    {@link module:engine/controller/datacontroller~DataController#htmlProcessor `DataController#htmlProcessor`}.
  * 5. Fires the {@link module:clipboard/clipboardpipeline~ClipboardPipeline#event:inputTransformation
  *   `ClipboardPipeline#inputTransformation`} event with the view document fragment in the `data.content` event field.
  *
  * ## Event: `ClipboardPipeline#inputTransformation`
  *
- * 1. Converts {@link module:engine/view/documentfragment~DocumentFragment `view.DocumentFragment`} from the `data.content` field to
- *    {@link module:engine/model/documentfragment~DocumentFragment `model.DocumentFragment`}.
+ * 1. Converts {@link module:engine/view/documentfragment~ViewDocumentFragment `view.DocumentFragment`} from the `data.content` field to
+ *    {@link module:engine/model/documentfragment~ModelDocumentFragment `model.DocumentFragment`}.
  * 2. Fires the {@link module:clipboard/clipboardpipeline~ClipboardPipeline#event:contentInsertion `ClipboardPipeline#contentInsertion`}
  *    event with the model document fragment in the `data.content` event field.
  *    **Note**: The `ClipboardPipeline#contentInsertion` event is fired within a model change block to allow other handlers
@@ -101,10 +101,10 @@ import ClipboardMarkersUtils from './clipboardmarkersutils.js';
  *
  * ## Event: `copy`, `cut` or `dragstart`
  *
- * 1. Retrieves the selected {@link module:engine/model/documentfragment~DocumentFragment `model.DocumentFragment`} by calling
+ * 1. Retrieves the selected {@link module:engine/model/documentfragment~ModelDocumentFragment `model.DocumentFragment`} by calling
  *    {@link module:engine/model/model~Model#getSelectedContent `model#getSelectedContent()`}.
- * 2. Converts the model document fragment to {@link module:engine/view/documentfragment~DocumentFragment `view.DocumentFragment`}.
- * 3. Fires the {@link module:engine/view/document~Document#event:clipboardOutput `view.Document#clipboardOutput`} event
+ * 2. Converts the model document fragment to {@link module:engine/view/documentfragment~ViewDocumentFragment `view.DocumentFragment`}.
+ * 3. Fires the {@link module:engine/view/document~ViewDocument#event:clipboardOutput `view.Document#clipboardOutput`} event
  *    with the view document fragment in the `data.content` event field.
  *
  * ## Event: `view.Document#clipboardOutput`
@@ -117,7 +117,7 @@ import ClipboardMarkersUtils from './clipboardmarkersutils.js';
  *
  * Read more about the clipboard integration in the {@glink framework/deep-dive/clipboard clipboard deep-dive} guide.
  */
-export default class ClipboardPipeline extends Plugin {
+export class ClipboardPipeline extends Plugin {
     /**
      * @inheritDoc
      */
@@ -188,7 +188,7 @@ export default class ClipboardPipeline extends Plugin {
             else {
                 let contentData = '';
                 if (dataTransfer.getData('text/html')) {
-                    contentData = normalizeClipboardHtml(dataTransfer.getData('text/html'));
+                    contentData = normalizeClipboardData(dataTransfer.getData('text/html'));
                 }
                 else if (dataTransfer.getData('text/plain')) {
                     contentData = plainTextToHtml(dataTransfer.getData('text/plain'));

package/src/dragdrop.d.ts

@@ -7,9 +7,9 @@
  */
 import { Plugin } from '@ckeditor/ckeditor5-core';
 import { Widget } from '@ckeditor/ckeditor5-widget';
-import ClipboardPipeline from './clipboardpipeline.js';
-import DragDropTarget from './dragdroptarget.js';
-import DragDropBlockToolbar from './dragdropblocktoolbar.js';
+import { ClipboardPipeline } from './clipboardpipeline.js';
+import { DragDropTarget } from './dragdroptarget.js';
+import { DragDropBlockToolbar } from './dragdropblocktoolbar.js';
 import '../theme/clipboard.css';
 /**
  * The drag and drop feature. It works on top of the {@link module:clipboard/clipboardpipeline~ClipboardPipeline}.
@@ -18,7 +18,7 @@ import '../theme/clipboard.css';
  *
  * @internal
  */
-export default class DragDrop extends Plugin {
+export declare class DragDrop extends Plugin {
     /**
      * The live range over the original content that is being dragged.
      */

package/src/dragdrop.js

@@ -6,13 +6,13 @@
  * @module clipboard/dragdrop
  */
 import { Plugin } from '@ckeditor/ckeditor5-core';
-import { LiveRange, MouseObserver } from '@ckeditor/ckeditor5-engine';
+import { ModelLiveRange, MouseObserver } from '@ckeditor/ckeditor5-engine';
 import { Widget, isWidget } from '@ckeditor/ckeditor5-widget';
 import { env, uid, global, createElement, DomEmitterMixin, delay, Rect } from '@ckeditor/ckeditor5-utils';
-import ClipboardPipeline from './clipboardpipeline.js';
-import ClipboardObserver from './clipboardobserver.js';
-import DragDropTarget from './dragdroptarget.js';
-import DragDropBlockToolbar from './dragdropblocktoolbar.js';
+import { ClipboardPipeline } from './clipboardpipeline.js';
+import { ClipboardObserver } from './clipboardobserver.js';
+import { DragDropTarget } from './dragdroptarget.js';
+import { DragDropBlockToolbar } from './dragdropblocktoolbar.js';
 import '../theme/clipboard.css';
 // Drag and drop events overview:
 //
@@ -98,7 +98,7 @@ import '../theme/clipboard.css';
  *
  * @internal
  */
-export default class DragDrop extends Plugin {
+export class DragDrop extends Plugin {
     /**
      * The live range over the original content that is being dragged.
      */
@@ -456,7 +456,7 @@ export default class DragDrop extends Plugin {
         const draggableWidget = target ? findDraggableWidget(target) : null;
         if (draggableWidget) {
             const modelElement = editor.editing.mapper.toModelElement(draggableWidget);
-            this._draggedRange = LiveRange.fromRange(model.createRangeOn(modelElement));
+            this._draggedRange = ModelLiveRange.fromRange(model.createRangeOn(modelElement));
             this._blockMode = model.schema.isBlock(modelElement);
             // Disable toolbars so they won't obscure the drop area.
             if (editor.plugins.has('WidgetToolbarRepository')) {
@@ -472,19 +472,19 @@ export default class DragDrop extends Plugin {
         const blocks = Array.from(selection.getSelectedBlocks());
         const draggedRange = selection.getFirstRange();
         if (blocks.length == 0) {
-            this._draggedRange = LiveRange.fromRange(draggedRange);
+            this._draggedRange = ModelLiveRange.fromRange(draggedRange);
             return;
         }
         const blockRange = getRangeIncludingFullySelectedParents(model, blocks);
         if (blocks.length > 1) {
-            this._draggedRange = LiveRange.fromRange(blockRange);
+            this._draggedRange = ModelLiveRange.fromRange(blockRange);
             this._blockMode = true;
             // TODO block mode for dragging from outside editor? or inline? or both?
         }
         else if (blocks.length == 1) {
             const touchesBlockEdges = draggedRange.start.isTouching(blockRange.start) &&
                 draggedRange.end.isTouching(blockRange.end);
-            this._draggedRange = LiveRange.fromRange(touchesBlockEdges ? blockRange : draggedRange);
+            this._draggedRange = ModelLiveRange.fromRange(touchesBlockEdges ? blockRange : draggedRange);
             this._blockMode = touchesBlockEdges;
         }
         model.change(writer => writer.setSelection(this._draggedRange.toRange()));

package/src/dragdropblocktoolbar.d.ts

@@ -11,7 +11,7 @@ import { Plugin } from '@ckeditor/ckeditor5-core';
  *
  * @internal
  */
-export default class DragDropBlockToolbar extends Plugin {
+export declare class DragDropBlockToolbar extends Plugin {
     /**
      * Whether current dragging is started by block toolbar button dragging.
      */

package/src/dragdropblocktoolbar.js

@@ -7,13 +7,13 @@
  */
 import { Plugin } from '@ckeditor/ckeditor5-core';
 import { env, global, DomEmitterMixin } from '@ckeditor/ckeditor5-utils';
-import ClipboardObserver from './clipboardobserver.js';
+import { ClipboardObserver } from './clipboardobserver.js';
 /**
  * Integration of a block Drag and Drop support with the block toolbar.
  *
  * @internal
  */
-export default class DragDropBlockToolbar extends Plugin {
+export class DragDropBlockToolbar extends Plugin {
     /**
      * Whether current dragging is started by block toolbar button dragging.
      */

package/src/dragdroptarget.d.ts

@@ -6,13 +6,13 @@
  * @module clipboard/dragdroptarget
  */
 import { Plugin } from '@ckeditor/ckeditor5-core';
-import { type Range, type LiveRange, type ViewElement, type ViewRange } from '@ckeditor/ckeditor5-engine';
+import { type ModelRange, type ModelLiveRange, type ViewElement, type ViewRange } from '@ckeditor/ckeditor5-engine';
 /**
  * Part of the Drag and Drop handling. Responsible for finding and displaying the drop target.
  *
  * @internal
  */
-export default class DragDropTarget extends Plugin {
+export declare class DragDropTarget extends Plugin {
     /**
      * A delayed callback removing the drop marker.
      *
@@ -60,13 +60,13 @@ export default class DragDropTarget extends Plugin {
      *
      * @internal
      */
-    updateDropMarker(targetViewElement: ViewElement, targetViewRanges: Array<ViewRange> | null, clientX: number, clientY: number, blockMode: boolean, draggedRange: LiveRange | null): void;
+    updateDropMarker(targetViewElement: ViewElement, targetViewRanges: Array<ViewRange> | null, clientX: number, clientY: number, blockMode: boolean, draggedRange: ModelLiveRange | null): void;
     /**
      * Finds the final drop target range.
      *
      * @internal
      */
-    getFinalDropRange(targetViewElement: ViewElement, targetViewRanges: Array<ViewRange> | null, clientX: number, clientY: number, blockMode: boolean, draggedRange: LiveRange | null): Range | null;
+    getFinalDropRange(targetViewElement: ViewElement, targetViewRanges: Array<ViewRange> | null, clientX: number, clientY: number, blockMode: boolean, draggedRange: ModelLiveRange | null): ModelRange | null;
     /**
      * Removes the drop target marker.
      *

package/src/dragdroptarget.js

@@ -7,14 +7,14 @@
  */
 import { Plugin } from '@ckeditor/ckeditor5-core';
 import { global, Rect, DomEmitterMixin, delay, ResizeObserver } from '@ckeditor/ckeditor5-utils';
-import LineView from './lineview.js';
+import { LineView } from './lineview.js';
 import { throttle } from 'es-toolkit/compat';
 /**
  * Part of the Drag and Drop handling. Responsible for finding and displaying the drop target.
  *
  * @internal
  */
-export default class DragDropTarget extends Plugin {
+export class DragDropTarget extends Plugin {
     /**
      * A delayed callback removing the drop marker.
      *

package/src/index.d.ts

@@ -5,14 +5,19 @@
 /**
  * @module clipboard
  */
-export { default as Clipboard } from './clipboard.js';
-export { default as ClipboardPipeline, type ClipboardContentInsertionEvent, type ClipboardContentInsertionData, type ClipboardInputTransformationEvent, type ClipboardInputTransformationData, type ClipboardOutputTransformationEvent, type ClipboardOutputTransformationData, type ViewDocumentClipboardOutputEvent } from './clipboardpipeline.js';
-export { default as ClipboardMarkersUtils, type ClipboardMarkerRestrictedAction, type ClipboardMarkerConfiguration } from './clipboardmarkersutils.js';
-export { default as plainTextToHtml } from './utils/plaintexttohtml.js';
-export { default as viewToPlainText } from './utils/viewtoplaintext.js';
-export { default as DragDrop } from './dragdrop.js';
-export { default as PastePlainText } from './pasteplaintext.js';
-export { default as DragDropTarget } from './dragdroptarget.js';
-export { default as DragDropBlockToolbar } from './dragdropblocktoolbar.js';
-export { default as ClipboardObserver, type ClipboardEventData, type ViewDocumentClipboardInputEvent, type ViewDocumentCopyEvent, type ViewDocumentPasteEvent, type ViewDocumentCutEvent } from './clipboardobserver.js';
+export { Clipboard } from './clipboard.js';
+export { ClipboardPipeline, type ClipboardContentInsertionEvent, type ClipboardContentInsertionData, type ClipboardInputTransformationEvent, type ClipboardInputTransformationData, type ClipboardOutputTransformationEvent, type ClipboardOutputTransformationData, type ViewDocumentClipboardOutputEvent, type ViewDocumentClipboardOutputEventData } from './clipboardpipeline.js';
+export { ClipboardMarkersUtils, type ClipboardMarkerRestrictedAction, type ClipboardMarkerConfiguration } from './clipboardmarkersutils.js';
+export { plainTextToHtml } from './utils/plaintexttohtml.js';
+export { viewToPlainText } from './utils/viewtoplaintext.js';
+export { DragDrop } from './dragdrop.js';
+export { PastePlainText } from './pasteplaintext.js';
+export { DragDropTarget } from './dragdroptarget.js';
+export { DragDropBlockToolbar } from './dragdropblocktoolbar.js';
+export { ClipboardObserver, type ClipboardEventData, type ClipboardInputEventData, type DraggingEventData, type ViewDocumentClipboardInputEvent, type ViewDocumentCopyEvent, type ViewDocumentPasteEvent, type ViewDocumentCutEvent, type ViewDocumentDragOverEvent, type ViewDocumentDropEvent, type ViewDocumentDraggingEvent, type ViewDocumentDragStartEvent, type ViewDocumentDragEndEvent, type ViewDocumentDragEnterEvent, type ViewDocumentDragLeaveEvent } from './clipboardobserver.js';
+export { DragDrop as _DragDrop } from './dragdrop.js';
+export { DragDropBlockToolbar as _DragDropBlockToolbar } from './dragdropblocktoolbar.js';
+export { DragDropTarget as _DragDropTarget } from './dragdroptarget.js';
+export { LineView as _ClipboardLineView } from './lineview.js';
+export { normalizeClipboardData as _normalizeClipboardData } from './utils/normalizeclipboarddata.js';
 import './augmentation.js';

package/src/index.js

@@ -5,14 +5,19 @@
 /**
  * @module clipboard
  */
-export { default as Clipboard } from './clipboard.js';
-export { default as ClipboardPipeline } from './clipboardpipeline.js';
-export { default as ClipboardMarkersUtils } from './clipboardmarkersutils.js';
-export { default as plainTextToHtml } from './utils/plaintexttohtml.js';
-export { default as viewToPlainText } from './utils/viewtoplaintext.js';
-export { default as DragDrop } from './dragdrop.js';
-export { default as PastePlainText } from './pasteplaintext.js';
-export { default as DragDropTarget } from './dragdroptarget.js';
-export { default as DragDropBlockToolbar } from './dragdropblocktoolbar.js';
-export { default as ClipboardObserver } from './clipboardobserver.js';
+export { Clipboard } from './clipboard.js';
+export { ClipboardPipeline } from './clipboardpipeline.js';
+export { ClipboardMarkersUtils } from './clipboardmarkersutils.js';
+export { plainTextToHtml } from './utils/plaintexttohtml.js';
+export { viewToPlainText } from './utils/viewtoplaintext.js';
+export { DragDrop } from './dragdrop.js';
+export { PastePlainText } from './pasteplaintext.js';
+export { DragDropTarget } from './dragdroptarget.js';
+export { DragDropBlockToolbar } from './dragdropblocktoolbar.js';
+export { ClipboardObserver } from './clipboardobserver.js';
+export { DragDrop as _DragDrop } from './dragdrop.js';
+export { DragDropBlockToolbar as _DragDropBlockToolbar } from './dragdropblocktoolbar.js';
+export { DragDropTarget as _DragDropTarget } from './dragdroptarget.js';
+export { LineView as _ClipboardLineView } from './lineview.js';
+export { normalizeClipboardData as _normalizeClipboardData } from './utils/normalizeclipboarddata.js';
 import './augmentation.js';

package/src/lineview.d.ts

@@ -8,8 +8,10 @@
 import { View } from '@ckeditor/ckeditor5-ui';
 /**
  * The horizontal drop target line view.
+ *
+ * @internal
  */
-export default class LineView extends View {
+export declare class LineView extends View {
     /**
      * Controls whether the line is visible.
      *

package/src/lineview.js

@@ -11,8 +11,10 @@ import { toUnit } from '@ckeditor/ckeditor5-utils';
 const toPx = /* #__PURE__ */ toUnit('px');
 /**
  * The horizontal drop target line view.
+ *
+ * @internal
  */
-export default class LineView extends View {
+export class LineView extends View {
     /**
      * @inheritDoc
      */

package/src/pasteplaintext.d.ts

@@ -6,13 +6,13 @@
  * @module clipboard/pasteplaintext
  */
 import { Plugin } from '@ckeditor/ckeditor5-core';
-import ClipboardPipeline from './clipboardpipeline.js';
+import { ClipboardPipeline } from './clipboardpipeline.js';
 /**
  * The plugin detects the user's intention to paste plain text.
  *
  * For example, it detects the <kbd>Ctrl/Cmd</kbd> + <kbd>Shift</kbd> + <kbd>V</kbd> keystroke.
  */
-export default class PastePlainText extends Plugin {
+export declare class PastePlainText extends Plugin {
     /**
      * @inheritDoc
      */

package/src/pasteplaintext.js

@@ -6,14 +6,14 @@
  * @module clipboard/pasteplaintext
  */
 import { Plugin } from '@ckeditor/ckeditor5-core';
-import ClipboardObserver from './clipboardobserver.js';
-import ClipboardPipeline from './clipboardpipeline.js';
+import { ClipboardObserver } from './clipboardobserver.js';
+import { ClipboardPipeline } from './clipboardpipeline.js';
 /**
  * The plugin detects the user's intention to paste plain text.
  *
  * For example, it detects the <kbd>Ctrl/Cmd</kbd> + <kbd>Shift</kbd> + <kbd>V</kbd> keystroke.
  */
-export default class PastePlainText extends Plugin {
+export class PastePlainText extends Plugin {
     /**
      * @inheritDoc
      */

package/src/utils/normalizeclipboarddata.d.ts

@@ -11,5 +11,6 @@
  *
  * @param data The HTML data to normalize.
  * @returns Normalized HTML.
+ * @internal
  */
-export default function normalizeClipboardData(data: string): string;
+export declare function normalizeClipboardData(data: string): string;

package/src/utils/normalizeclipboarddata.js

@@ -11,8 +11,9 @@
  *
  * @param data The HTML data to normalize.
  * @returns Normalized HTML.
+ * @internal
  */
-export default function normalizeClipboardData(data) {
+export function normalizeClipboardData(data) {
     return data
         .replace(/<span(?: class="Apple-converted-space"|)>(\s+)<\/span>/g, (fullMatch, spaces) => {
         // Handle the most popular and problematic case when even a single space becomes an nbsp;.

package/src/utils/plaintexttohtml.d.ts

@@ -11,4 +11,4 @@
  * @param text The plain text to convert.
  * @returns HTML generated from the plain text.
  */
-export default function plainTextToHtml(text: string): string;
+export declare function plainTextToHtml(text: string): string;

package/src/utils/plaintexttohtml.js

@@ -11,7 +11,7 @@
  * @param text The plain text to convert.
  * @returns HTML generated from the plain text.
  */
-export default function plainTextToHtml(text) {
+export function plainTextToHtml(text) {
     text = text
         // Encode &.
         .replace(/&/g, '&')

package/src/utils/viewtoplaintext.d.ts

@@ -5,12 +5,12 @@
 /**
  * @module clipboard/utils/viewtoplaintext
  */
-import type { DomConverter, ViewDocumentFragment, ViewItem } from '@ckeditor/ckeditor5-engine';
+import type { ViewDomConverter, ViewDocumentFragment, ViewItem } from '@ckeditor/ckeditor5-engine';
 /**
- * Converts {@link module:engine/view/item~Item view item} and all of its children to plain text.
+ * Converts {@link module:engine/view/item~ViewItem view item} and all of its children to plain text.
  *
  * @param converter The converter instance.
  * @param viewItem View item to convert.
  * @returns Plain text representation of `viewItem`.
  */
-export default function viewToPlainText(converter: DomConverter, viewItem: ViewItem | ViewDocumentFragment): string;
+export declare function viewToPlainText(converter: ViewDomConverter, viewItem: ViewItem | ViewDocumentFragment): string;

package/src/utils/viewtoplaintext.js

@@ -8,13 +8,13 @@
 const smallPaddingElements = ['figcaption', 'li'];
 const listElements = ['ol', 'ul'];
 /**
- * Converts {@link module:engine/view/item~Item view item} and all of its children to plain text.
+ * Converts {@link module:engine/view/item~ViewItem view item} and all of its children to plain text.
  *
  * @param converter The converter instance.
  * @param viewItem View item to convert.
  * @returns Plain text representation of `viewItem`.
  */
-export default function viewToPlainText(converter, viewItem) {
+export function viewToPlainText(converter, viewItem) {
     if (viewItem.is('$text') || viewItem.is('$textProxy')) {
         return viewItem.data;
     }
@@ -72,7 +72,7 @@ function newLinePadding(element, previous) {
     }
     if (listElements.includes(element.name) && listElements.includes(previous.name)) {
         /**
-         * Because `<ul>` and `<ol>` are AttributeElements, two consecutive lists will not have any padding between
+         * Because `<ul>` and `<ol>` are ViewAttributeElements, two consecutive lists will not have any padding between
          * them (see the `if` statement below). To fix this, we need to make an exception for this case.
          */
         return '\n\n';

package/theme/clipboard.css

@@ -34,5 +34,6 @@
 
 .ck.ck-clipboard-drop-target-line {
 	position: absolute;
+	z-index: var(--ck-z-default);
 	pointer-events: none;
 }