@ckeditor/ckeditor5-clipboard 39.0.1 → 40.0.0

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 a 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,121 @@
-/**
- * @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
+ */
+import { Plugin } from '@ckeditor/ckeditor5-core';
+import { env, global, DomEmitterMixin } from '@ckeditor/ckeditor5-utils';
+import ClipboardObserver from './clipboardobserver';
+/**
+ * Integration of a 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;
+            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 });
+            if (this.isEnabled) {
+                element.setAttribute('draggable', 'true');
+            }
+            this.on('change:isEnabled', (evt, name, isEnabled) => {
+                element.setAttribute('draggable', isEnabled ? 'true' : 'false');
+            });
+        }
+    }
+    /**
+     * @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 view = this.editor.editing.view;
+        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;
+        view.focus();
+        view.getObserver(ClipboardObserver).onDomEvent(domEvent);
+    }
+    /**
+     * The `dragover` and `drop` event handler.
+     */
+    _handleBlockDragging(domEvent) {
+        if (!this.isEnabled || !this._isBlockDragging) {
+            return;
+        }
+        const clientX = domEvent.clientX + (this.editor.locale.contentLanguageDirection == 'ltr' ? 100 : -100);
+        const clientY = domEvent.clientY;
+        const target = document.elementFromPoint(clientX, clientY);
+        const view = this.editor.editing.view;
+        if (!target || !target.closest('.ck-editor__editable')) {
+            return;
+        }
+        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/dragdroptarget.d.ts

@@ -1,94 +1,94 @@
-/**
- * @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/dragdroptarget
- */
-import { Plugin } from '@ckeditor/ckeditor5-core';
-import { type Range, 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 {
-    /**
-     * A delayed callback removing the drop marker.
-     *
-     * @internal
-     */
-    readonly removeDropMarkerDelayed: import("@ckeditor/ckeditor5-utils").DelayedFunc<() => void>;
-    /**
-     * A throttled callback updating the drop marker.
-     */
-    private readonly _updateDropMarkerThrottled;
-    /**
-     * A throttled callback reconverting the drop parker.
-     */
-    private readonly _reconvertMarkerThrottled;
-    /**
-     * The horizontal drop target line view.
-     */
-    private _dropTargetLineView;
-    /**
-     * DOM Emitter.
-     */
-    private _domEmitter;
-    /**
-     * Map of document scrollable elements.
-     */
-    private _scrollables;
-    /**
-     * @inheritDoc
-     */
-    static get pluginName(): "DragDropTarget";
-    /**
-     * @inheritDoc
-     */
-    init(): void;
-    /**
-     * @inheritDoc
-     */
-    destroy(): void;
-    /**
-     * Finds the drop target range and updates the drop marker.
-     *
-     * @internal
-     */
-    updateDropMarker(targetViewElement: ViewElement, targetViewRanges: Array<ViewRange> | null, clientX: number, clientY: number, blockMode: boolean): void;
-    /**
-     * Finds the final drop target range.
-     *
-     * @internal
-     */
-    getFinalDropRange(targetViewElement: ViewElement, targetViewRanges: Array<ViewRange> | null, clientX: number, clientY: number, blockMode: boolean): Range | null;
-    /**
-     * Removes the drop target marker.
-     *
-     * @internal
-     */
-    removeDropMarker(): void;
-    /**
-     * Creates downcast conversion for the drop target marker.
-     */
-    private _setupDropMarker;
-    /**
-     * Updates the drop target marker to the provided range.
-     *
-     * @param targetRange The range to set the marker to.
-     */
-    private _updateDropMarker;
-    /**
-     * Creates the UI element for vertical (in-line) drop target.
-     */
-    private _createDropTargetPosition;
-    /**
-     * Updates the horizontal drop target line.
-     */
-    private _updateDropTargetLine;
-    /**
-     * Finds the closest scrollable element rect for the given view element.
-     */
-    private _getScrollableRect;
-}
+/**
+ * @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/dragdroptarget
+ */
+import { Plugin } from '@ckeditor/ckeditor5-core';
+import { type Range, 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 {
+    /**
+     * A delayed callback removing the drop marker.
+     *
+     * @internal
+     */
+    readonly removeDropMarkerDelayed: import("@ckeditor/ckeditor5-utils").DelayedFunc<() => void>;
+    /**
+     * A throttled callback updating the drop marker.
+     */
+    private readonly _updateDropMarkerThrottled;
+    /**
+     * A throttled callback reconverting the drop parker.
+     */
+    private readonly _reconvertMarkerThrottled;
+    /**
+     * The horizontal drop target line view.
+     */
+    private _dropTargetLineView;
+    /**
+     * DOM Emitter.
+     */
+    private _domEmitter;
+    /**
+     * Map of document scrollable elements.
+     */
+    private _scrollables;
+    /**
+     * @inheritDoc
+     */
+    static get pluginName(): "DragDropTarget";
+    /**
+     * @inheritDoc
+     */
+    init(): void;
+    /**
+     * @inheritDoc
+     */
+    destroy(): void;
+    /**
+     * Finds the drop target range and updates the drop marker.
+     *
+     * @internal
+     */
+    updateDropMarker(targetViewElement: ViewElement, targetViewRanges: Array<ViewRange> | null, clientX: number, clientY: number, blockMode: boolean): void;
+    /**
+     * Finds the final drop target range.
+     *
+     * @internal
+     */
+    getFinalDropRange(targetViewElement: ViewElement, targetViewRanges: Array<ViewRange> | null, clientX: number, clientY: number, blockMode: boolean): Range | null;
+    /**
+     * Removes the drop target marker.
+     *
+     * @internal
+     */
+    removeDropMarker(): void;
+    /**
+     * Creates downcast conversion for the drop target marker.
+     */
+    private _setupDropMarker;
+    /**
+     * Updates the drop target marker to the provided range.
+     *
+     * @param targetRange The range to set the marker to.
+     */
+    private _updateDropMarker;
+    /**
+     * Creates the UI element for vertical (in-line) drop target.
+     */
+    private _createDropTargetPosition;
+    /**
+     * Updates the horizontal drop target line.
+     */
+    private _updateDropTargetLine;
+    /**
+     * Finds the closest scrollable element rect for the given view element.
+     */
+    private _getScrollableRect;
+}