@ckeditor/ckeditor5-clipboard 38.1.0 → 38.1.1

package/src/dragdropblocktoolbar.d.ts

@@ -1,47 +1,47 @@
-/**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */
-/**
- * @module clipboard/dragdropblocktoolbar
- */
-import { Plugin } from '@ckeditor/ckeditor5-core';
-/**
- * Integration of an experimental block Drag and drop support with the block toolbar.
- *
- * @internal
- */
-export default class DragDropBlockToolbar extends Plugin {
-    /**
-     * Whether current dragging is started by block toolbar button dragging.
-     */
-    private _isBlockDragging;
-    /**
-     * DOM Emitter.
-     */
-    private _domEmitter;
-    /**
-     * @inheritDoc
-     */
-    static get pluginName(): "DragDropBlockToolbar";
-    /**
-     * @inheritDoc
-     */
-    init(): void;
-    /**
-     * @inheritDoc
-     */
-    destroy(): void;
-    /**
-     * The `dragstart` event handler.
-     */
-    private _handleBlockDragStart;
-    /**
-     * The `dragover` and `drop` event handler.
-     */
-    private _handleBlockDragging;
-    /**
-     * The `dragend` event handler.
-     */
-    private _handleBlockDragEnd;
-}
+/**
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @module clipboard/dragdropblocktoolbar
+ */
+import { Plugin } from '@ckeditor/ckeditor5-core';
+/**
+ * Integration of an experimental block Drag and drop support with the block toolbar.
+ *
+ * @internal
+ */
+export default class DragDropBlockToolbar extends Plugin {
+    /**
+     * Whether current dragging is started by block toolbar button dragging.
+     */
+    private _isBlockDragging;
+    /**
+     * DOM Emitter.
+     */
+    private _domEmitter;
+    /**
+     * @inheritDoc
+     */
+    static get pluginName(): "DragDropBlockToolbar";
+    /**
+     * @inheritDoc
+     */
+    init(): void;
+    /**
+     * @inheritDoc
+     */
+    destroy(): void;
+    /**
+     * The `dragstart` event handler.
+     */
+    private _handleBlockDragStart;
+    /**
+     * The `dragover` and `drop` event handler.
+     */
+    private _handleBlockDragging;
+    /**
+     * The `dragend` event handler.
+     */
+    private _handleBlockDragEnd;
+}

package/src/dragdropblocktoolbar.js

@@ -1,114 +1,114 @@
-/**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */
-/**
- * @module clipboard/dragdropblocktoolbar
- */
-/* istanbul ignore file -- @preserve */
-import { Plugin } from '@ckeditor/ckeditor5-core';
-import { env, global, DomEmitterMixin } from '@ckeditor/ckeditor5-utils';
-import ClipboardObserver from './clipboardobserver';
-/**
- * Integration of an experimental block Drag and drop support with the block toolbar.
- *
- * @internal
- */
-export default class DragDropBlockToolbar extends Plugin {
-    constructor() {
-        super(...arguments);
-        /**
-         * Whether current dragging is started by block toolbar button dragging.
-         */
-        this._isBlockDragging = false;
-        /**
-         * DOM Emitter.
-         */
-        this._domEmitter = new (DomEmitterMixin())();
-    }
-    /**
-     * @inheritDoc
-     */
-    static get pluginName() {
-        return 'DragDropBlockToolbar';
-    }
-    /**
-     * @inheritDoc
-     */
-    init() {
-        const editor = this.editor;
-        this.listenTo(editor, 'change:isReadOnly', (evt, name, isReadOnly) => {
-            if (isReadOnly) {
-                this.forceDisabled('readOnlyMode');
-                this._isBlockDragging = false;
-            }
-            else {
-                this.clearForceDisabled('readOnlyMode');
-            }
-        });
-        if (env.isAndroid) {
-            this.forceDisabled('noAndroidSupport');
-        }
-        if (editor.plugins.has('BlockToolbar')) {
-            const blockToolbar = editor.plugins.get('BlockToolbar');
-            const element = blockToolbar.buttonView.element;
-            element.setAttribute('draggable', 'true');
-            this._domEmitter.listenTo(element, 'dragstart', (evt, data) => this._handleBlockDragStart(data));
-            this._domEmitter.listenTo(global.document, 'dragover', (evt, data) => this._handleBlockDragging(data));
-            this._domEmitter.listenTo(global.document, 'drop', (evt, data) => this._handleBlockDragging(data));
-            this._domEmitter.listenTo(global.document, 'dragend', () => this._handleBlockDragEnd(), { useCapture: true });
-        }
-    }
-    /**
-     * @inheritDoc
-     */
-    destroy() {
-        this._domEmitter.stopListening();
-        return super.destroy();
-    }
-    /**
-     * The `dragstart` event handler.
-     */
-    _handleBlockDragStart(domEvent) {
-        if (!this.isEnabled) {
-            return;
-        }
-        const model = this.editor.model;
-        const selection = model.document.selection;
-        const blocks = Array.from(selection.getSelectedBlocks());
-        const draggedRange = model.createRange(model.createPositionBefore(blocks[0]), model.createPositionAfter(blocks[blocks.length - 1]));
-        model.change(writer => writer.setSelection(draggedRange));
-        this._isBlockDragging = true;
-        this.editor.editing.view.getObserver(ClipboardObserver).onDomEvent(domEvent);
-    }
-    /**
-     * The `dragover` and `drop` event handler.
-     */
-    _handleBlockDragging(domEvent) {
-        if (!this.isEnabled || !this._isBlockDragging) {
-            return;
-        }
-        const clientX = domEvent.clientX + 100;
-        const clientY = domEvent.clientY;
-        const target = document.elementFromPoint(clientX, clientY);
-        if (!target || !target.closest('.ck-editor__editable')) {
-            return;
-        }
-        this.editor.editing.view.getObserver(ClipboardObserver).onDomEvent({
-            ...domEvent,
-            type: domEvent.type,
-            dataTransfer: domEvent.dataTransfer,
-            target,
-            clientX,
-            clientY,
-            preventDefault: () => domEvent.preventDefault(),
-            stopPropagation: () => domEvent.stopPropagation()
-        });
-    }
-    /**
-     * The `dragend` event handler.
-     */
-    _handleBlockDragEnd() {
-        this._isBlockDragging = false;
-    }
-}
+/**
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @module clipboard/dragdropblocktoolbar
+ */
+/* istanbul ignore file -- @preserve */
+import { Plugin } from '@ckeditor/ckeditor5-core';
+import { env, global, DomEmitterMixin } from '@ckeditor/ckeditor5-utils';
+import ClipboardObserver from './clipboardobserver';
+/**
+ * Integration of an experimental block Drag and drop support with the block toolbar.
+ *
+ * @internal
+ */
+export default class DragDropBlockToolbar extends Plugin {
+    constructor() {
+        super(...arguments);
+        /**
+         * Whether current dragging is started by block toolbar button dragging.
+         */
+        this._isBlockDragging = false;
+        /**
+         * DOM Emitter.
+         */
+        this._domEmitter = new (DomEmitterMixin())();
+    }
+    /**
+     * @inheritDoc
+     */
+    static get pluginName() {
+        return 'DragDropBlockToolbar';
+    }
+    /**
+     * @inheritDoc
+     */
+    init() {
+        const editor = this.editor;
+        this.listenTo(editor, 'change:isReadOnly', (evt, name, isReadOnly) => {
+            if (isReadOnly) {
+                this.forceDisabled('readOnlyMode');
+                this._isBlockDragging = false;
+            }
+            else {
+                this.clearForceDisabled('readOnlyMode');
+            }
+        });
+        if (env.isAndroid) {
+            this.forceDisabled('noAndroidSupport');
+        }
+        if (editor.plugins.has('BlockToolbar')) {
+            const blockToolbar = editor.plugins.get('BlockToolbar');
+            const element = blockToolbar.buttonView.element;
+            element.setAttribute('draggable', 'true');
+            this._domEmitter.listenTo(element, 'dragstart', (evt, data) => this._handleBlockDragStart(data));
+            this._domEmitter.listenTo(global.document, 'dragover', (evt, data) => this._handleBlockDragging(data));
+            this._domEmitter.listenTo(global.document, 'drop', (evt, data) => this._handleBlockDragging(data));
+            this._domEmitter.listenTo(global.document, 'dragend', () => this._handleBlockDragEnd(), { useCapture: true });
+        }
+    }
+    /**
+     * @inheritDoc
+     */
+    destroy() {
+        this._domEmitter.stopListening();
+        return super.destroy();
+    }
+    /**
+     * The `dragstart` event handler.
+     */
+    _handleBlockDragStart(domEvent) {
+        if (!this.isEnabled) {
+            return;
+        }
+        const model = this.editor.model;
+        const selection = model.document.selection;
+        const blocks = Array.from(selection.getSelectedBlocks());
+        const draggedRange = model.createRange(model.createPositionBefore(blocks[0]), model.createPositionAfter(blocks[blocks.length - 1]));
+        model.change(writer => writer.setSelection(draggedRange));
+        this._isBlockDragging = true;
+        this.editor.editing.view.getObserver(ClipboardObserver).onDomEvent(domEvent);
+    }
+    /**
+     * The `dragover` and `drop` event handler.
+     */
+    _handleBlockDragging(domEvent) {
+        if (!this.isEnabled || !this._isBlockDragging) {
+            return;
+        }
+        const clientX = domEvent.clientX + 100;
+        const clientY = domEvent.clientY;
+        const target = document.elementFromPoint(clientX, clientY);
+        if (!target || !target.closest('.ck-editor__editable')) {
+            return;
+        }
+        this.editor.editing.view.getObserver(ClipboardObserver).onDomEvent({
+            ...domEvent,
+            type: domEvent.type,
+            dataTransfer: domEvent.dataTransfer,
+            target,
+            clientX,
+            clientY,
+            preventDefault: () => domEvent.preventDefault(),
+            stopPropagation: () => domEvent.stopPropagation()
+        });
+    }
+    /**
+     * The `dragend` event handler.
+     */
+    _handleBlockDragEnd() {
+        this._isBlockDragging = false;
+    }
+}

package/src/dragdropexperimental.d.ts

@@ -1,101 +1,101 @@
-/**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */
-/**
- * @module clipboard/dragdropexperimental
- */
-import { Plugin } from '@ckeditor/ckeditor5-core';
-import { Widget } from '@ckeditor/ckeditor5-widget';
-import ClipboardPipeline from './clipboardpipeline';
-import DragDropTarget from './dragdroptarget';
-import '../theme/clipboard.css';
-/**
- * The drag and drop feature. It works on top of the {@link module:clipboard/clipboardpipeline~ClipboardPipeline}.
- *
- * Read more about the clipboard integration in the {@glink framework/deep-dive/clipboard clipboard deep-dive} guide.
- *
- * @internal
- */
-export default class DragDropExperimental extends Plugin {
-    /**
-     * The live range over the original content that is being dragged.
-     */
-    private _draggedRange;
-    /**
-     * The UID of current dragging that is used to verify if the drop started in the same editor as the drag start.
-     *
-     * **Note**: This is a workaround for broken 'dragend' events (they are not fired if the source text node got removed).
-     */
-    private _draggingUid;
-    /**
-     * The reference to the model element that currently has a `draggable` attribute set (it is set while dragging).
-     */
-    private _draggableElement;
-    /**
-     * A delayed callback removing draggable attributes.
-     */
-    private _clearDraggableAttributesDelayed;
-    /**
-     * Whether the dragged content can be dropped only in block context.
-     */
-    private _blockMode;
-    /**
-     * DOM Emitter.
-     */
-    private _domEmitter;
-    /**
-     * The DOM element used to generate dragged preview image.
-     */
-    private _previewContainer?;
-    /**
-     * @inheritDoc
-     */
-    static get pluginName(): "DragDropExperimental";
-    /**
-     * @inheritDoc
-     */
-    static get requires(): readonly [typeof ClipboardPipeline, typeof Widget, typeof DragDropTarget];
-    /**
-     * @inheritDoc
-     */
-    init(): void;
-    /**
-     * @inheritDoc
-     */
-    destroy(): void;
-    /**
-     * Drag and drop events handling.
-     */
-    private _setupDragging;
-    /**
-     * Integration with the `clipboardInput` event.
-     */
-    private _setupClipboardInputIntegration;
-    /**
-     * Integration with the `contentInsertion` event of the clipboard pipeline.
-     */
-    private _setupContentInsertionIntegration;
-    /**
-     * Adds listeners that add the `draggable` attribute to the elements while the mouse button is down so the dragging could start.
-     */
-    private _setupDraggableAttributeHandling;
-    /**
-     * Removes the `draggable` attribute from the element that was used for dragging.
-     */
-    private _clearDraggableAttributes;
-    /**
-     * Deletes the dragged content from its original range and clears the dragging state.
-     *
-     * @param moved Whether the move succeeded.
-     */
-    private _finalizeDragging;
-    /**
-     * Sets the dragged source range based on event target and document selection.
-     */
-    private _prepareDraggedRange;
-    /**
-     * Updates the dragged preview image.
-     */
-    private _updatePreview;
-}
+/**
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @module clipboard/dragdropexperimental
+ */
+import { Plugin } from '@ckeditor/ckeditor5-core';
+import { Widget } from '@ckeditor/ckeditor5-widget';
+import ClipboardPipeline from './clipboardpipeline';
+import DragDropTarget from './dragdroptarget';
+import '../theme/clipboard.css';
+/**
+ * The drag and drop feature. It works on top of the {@link module:clipboard/clipboardpipeline~ClipboardPipeline}.
+ *
+ * Read more about the clipboard integration in the {@glink framework/deep-dive/clipboard clipboard deep-dive} guide.
+ *
+ * @internal
+ */
+export default class DragDropExperimental extends Plugin {
+    /**
+     * The live range over the original content that is being dragged.
+     */
+    private _draggedRange;
+    /**
+     * The UID of current dragging that is used to verify if the drop started in the same editor as the drag start.
+     *
+     * **Note**: This is a workaround for broken 'dragend' events (they are not fired if the source text node got removed).
+     */
+    private _draggingUid;
+    /**
+     * The reference to the model element that currently has a `draggable` attribute set (it is set while dragging).
+     */
+    private _draggableElement;
+    /**
+     * A delayed callback removing draggable attributes.
+     */
+    private _clearDraggableAttributesDelayed;
+    /**
+     * Whether the dragged content can be dropped only in block context.
+     */
+    private _blockMode;
+    /**
+     * DOM Emitter.
+     */
+    private _domEmitter;
+    /**
+     * The DOM element used to generate dragged preview image.
+     */
+    private _previewContainer?;
+    /**
+     * @inheritDoc
+     */
+    static get pluginName(): "DragDropExperimental";
+    /**
+     * @inheritDoc
+     */
+    static get requires(): readonly [typeof ClipboardPipeline, typeof Widget, typeof DragDropTarget];
+    /**
+     * @inheritDoc
+     */
+    init(): void;
+    /**
+     * @inheritDoc
+     */
+    destroy(): void;
+    /**
+     * Drag and drop events handling.
+     */
+    private _setupDragging;
+    /**
+     * Integration with the `clipboardInput` event.
+     */
+    private _setupClipboardInputIntegration;
+    /**
+     * Integration with the `contentInsertion` event of the clipboard pipeline.
+     */
+    private _setupContentInsertionIntegration;
+    /**
+     * Adds listeners that add the `draggable` attribute to the elements while the mouse button is down so the dragging could start.
+     */
+    private _setupDraggableAttributeHandling;
+    /**
+     * Removes the `draggable` attribute from the element that was used for dragging.
+     */
+    private _clearDraggableAttributes;
+    /**
+     * Deletes the dragged content from its original range and clears the dragging state.
+     *
+     * @param moved Whether the move succeeded.
+     */
+    private _finalizeDragging;
+    /**
+     * Sets the dragged source range based on event target and document selection.
+     */
+    private _prepareDraggedRange;
+    /**
+     * Updates the dragged preview image.
+     */
+    private _updatePreview;
+}