@ckeditor/ckeditor5-engine 34.2.0 → 35.1.0

package/src/view/observer/focusobserver.js

@@ -2,15 +2,11 @@
  * @license Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
-
 /**
  * @module engine/view/observer/focusobserver
  */
-
 /* globals setTimeout, clearTimeout */
-
 import DomEventObserver from './domeventobserver';
-
 /**
  * {@link module:engine/view/document~Document#event:focus Focus}
  * and {@link module:engine/view/document~Document#event:blur blur} events observer.
@@ -22,63 +18,52 @@ import DomEventObserver from './domeventobserver';
  * @extends module:engine/view/observer/domeventobserver~DomEventObserver
  */
 export default class FocusObserver extends DomEventObserver {
-	constructor( view ) {
-		super( view );
-
-		this.domEventType = [ 'focus', 'blur' ];
-		this.useCapture = true;
-		const document = this.document;
-
-		document.on( 'focus', () => {
-			document.isFocused = true;
-
-			// Unfortunately native `selectionchange` event is fired asynchronously.
-			// We need to wait until `SelectionObserver` handle the event and then render. Otherwise rendering will
-			// overwrite new DOM selection with selection from the view.
-			// See https://github.com/ckeditor/ckeditor5-engine/issues/795 for more details.
-			// Long timeout is needed to solve #676 and https://github.com/ckeditor/ckeditor5-engine/issues/1157 issues.
-			//
-			// Using `view.change()` instead of `view.forceRender()` to prevent double rendering
-			// in a situation where `selectionchange` already caused selection change.
-			this._renderTimeoutId = setTimeout( () => view.change( () => {} ), 50 );
-		} );
-
-		document.on( 'blur', ( evt, data ) => {
-			const selectedEditable = document.selection.editableElement;
-
-			if ( selectedEditable === null || selectedEditable === data.target ) {
-				document.isFocused = false;
-
-				// Re-render the document to update view elements
-				// (changing document.isFocused already marked view as changed since last rendering).
-				view.change( () => {} );
-			}
-		} );
-
-		/**
-		 * Identifier of the timeout currently used by focus listener to delay rendering execution.
-		 *
-		 * @private
-		 * @member {Number} #_renderTimeoutId
-		 */
-	}
-
-	onDomEvent( domEvent ) {
-		this.fire( domEvent.type, domEvent );
-	}
-
-	/**
-	 * @inheritDoc
-	 */
-	destroy() {
-		if ( this._renderTimeoutId ) {
-			clearTimeout( this._renderTimeoutId );
-		}
-
-		super.destroy();
-	}
+    constructor(view) {
+        super(view);
+        this.domEventType = ['focus', 'blur'];
+        this.useCapture = true;
+        const document = this.document;
+        document.on('focus', () => {
+            document.isFocused = true;
+            // Unfortunately native `selectionchange` event is fired asynchronously.
+            // We need to wait until `SelectionObserver` handle the event and then render. Otherwise rendering will
+            // overwrite new DOM selection with selection from the view.
+            // See https://github.com/ckeditor/ckeditor5-engine/issues/795 for more details.
+            // Long timeout is needed to solve #676 and https://github.com/ckeditor/ckeditor5-engine/issues/1157 issues.
+            //
+            // Using `view.change()` instead of `view.forceRender()` to prevent double rendering
+            // in a situation where `selectionchange` already caused selection change.
+            this._renderTimeoutId = setTimeout(() => view.change(() => { }), 50);
+        });
+        document.on('blur', (evt, data) => {
+            const selectedEditable = document.selection.editableElement;
+            if (selectedEditable === null || selectedEditable === data.target) {
+                document.isFocused = false;
+                // Re-render the document to update view elements
+                // (changing document.isFocused already marked view as changed since last rendering).
+                view.change(() => { });
+            }
+        });
+        /**
+         * Identifier of the timeout currently used by focus listener to delay rendering execution.
+         *
+         * @private
+         * @member {Number} #_renderTimeoutId
+         */
+    }
+    onDomEvent(domEvent) {
+        this.fire(domEvent.type, domEvent);
+    }
+    /**
+     * @inheritDoc
+     */
+    destroy() {
+        if (this._renderTimeoutId) {
+            clearTimeout(this._renderTimeoutId);
+        }
+        super.destroy();
+    }
 }
-
 /**
  * Fired when one of the editables gets focus.
  *
@@ -91,7 +76,6 @@ export default class FocusObserver extends DomEventObserver {
  * @event module:engine/view/document~Document#event:focus
  * @param {module:engine/view/observer/domeventdata~DomEventData} data Event data.
  */
-
 /**
  * Fired when one of the editables loses focus.
  *

package/src/view/observer/inputobserver.js

@@ -2,13 +2,10 @@
  * @license Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
-
 /**
  * @module engine/view/observer/inputobserver
  */
-
 import DomEventObserver from './domeventobserver';
-
 /**
  * Observer for events connected with data input.
  *
@@ -17,17 +14,14 @@ import DomEventObserver from './domeventobserver';
  * @extends module:engine/view/observer/domeventobserver~DomEventObserver
  */
 export default class InputObserver extends DomEventObserver {
-	constructor( view ) {
-		super( view );
-
-		this.domEventType = [ 'beforeinput' ];
-	}
-
-	onDomEvent( domEvent ) {
-		this.fire( domEvent.type, domEvent );
-	}
+    constructor(view) {
+        super(view);
+        this.domEventType = ['beforeinput'];
+    }
+    onDomEvent(domEvent) {
+        this.fire(domEvent.type, domEvent);
+    }
 }
-
 /**
  * Fired before browser inputs (or deletes) some data.
  *

package/src/view/observer/keyobserver.js

@@ -2,14 +2,11 @@
  * @license Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
-
 /**
  * @module engine/view/observer/keyobserver
  */
-
 import DomEventObserver from './domeventobserver';
 import { getCode } from '@ckeditor/ckeditor5-utils/src/keyboard';
-
 /**
  * Observer for events connected with pressing keyboard keys.
  *
@@ -18,28 +15,24 @@ import { getCode } from '@ckeditor/ckeditor5-utils/src/keyboard';
  * @extends module:engine/view/observer/domeventobserver~DomEventObserver
  */
 export default class KeyObserver extends DomEventObserver {
-	constructor( view ) {
-		super( view );
-
-		this.domEventType = [ 'keydown', 'keyup' ];
-	}
-
-	onDomEvent( domEvt ) {
-		this.fire( domEvt.type, domEvt, {
-			keyCode: domEvt.keyCode,
-
-			altKey: domEvt.altKey,
-			ctrlKey: domEvt.ctrlKey,
-			shiftKey: domEvt.shiftKey,
-			metaKey: domEvt.metaKey,
-
-			get keystroke() {
-				return getCode( this );
-			}
-		} );
-	}
+    constructor(view) {
+        super(view);
+        this.domEventType = ['keydown', 'keyup'];
+    }
+    onDomEvent(domEvt) {
+        const data = {
+            keyCode: domEvt.keyCode,
+            altKey: domEvt.altKey,
+            ctrlKey: domEvt.ctrlKey,
+            shiftKey: domEvt.shiftKey,
+            metaKey: domEvt.metaKey,
+            get keystroke() {
+                return getCode(this);
+            }
+        };
+        this.fire(domEvt.type, domEvt, data);
+    }
 }
-
 /**
  * Fired when a key has been pressed.
  *
@@ -52,7 +45,6 @@ export default class KeyObserver extends DomEventObserver {
  * @event module:engine/view/document~Document#event:keydown
  * @param {module:engine/view/observer/keyobserver~KeyEventData} keyEventData
  */
-
 /**
  * Fired when a key has been released.
  *
@@ -65,7 +57,6 @@ export default class KeyObserver extends DomEventObserver {
  * @event module:engine/view/document~Document#event:keyup
  * @param {module:engine/view/observer/keyobserver~KeyEventData} keyEventData
  */
-
 /**
  * The value of both events - {@link module:engine/view/document~Document#event:keydown} and
  * {@link module:engine/view/document~Document#event:keyup}.
@@ -74,7 +65,6 @@ export default class KeyObserver extends DomEventObserver {
  * @extends module:engine/view/observer/domeventdata~DomEventData
  * @implements module:utils/keyboard~KeystrokeInfo
  */
-
 /**
  * Code of the whole keystroke. See {@link module:utils/keyboard~getCode}.
  *

package/src/view/observer/mouseobserver.js

@@ -2,13 +2,10 @@
  * @license Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
-
 /**
  * @module engine/view/observer/mouseobserver
  */
-
 import DomEventObserver from './domeventobserver';
-
 /**
  * Mouse events observer.
  *
@@ -18,17 +15,14 @@ import DomEventObserver from './domeventobserver';
  * @extends module:engine/view/observer/domeventobserver~DomEventObserver
  */
 export default class MouseObserver extends DomEventObserver {
-	constructor( view ) {
-		super( view );
-
-		this.domEventType = [ 'mousedown', 'mouseup', 'mouseover', 'mouseout' ];
-	}
-
-	onDomEvent( domEvent ) {
-		this.fire( domEvent.type, domEvent );
-	}
+    constructor(view) {
+        super(view);
+        this.domEventType = ['mousedown', 'mouseup', 'mouseover', 'mouseout'];
+    }
+    onDomEvent(domEvent) {
+        this.fire(domEvent.type, domEvent);
+    }
 }
-
 /**
  * Fired when the mouse button is pressed down on one of the editing roots of the editor.
  *
@@ -41,7 +35,6 @@ export default class MouseObserver extends DomEventObserver {
  * @event module:engine/view/document~Document#event:mousedown
  * @param {module:engine/view/observer/domeventdata~DomEventData} data The event data.
  */
-
 /**
  * Fired when the mouse button is released over one of the editing roots of the editor.
  *