@ckeditor/ckeditor5-engine 38.2.0-alpha.0 → 38.2.0-alpha.1

package/src/view/editableelement.d.ts

@@ -5,10 +5,10 @@
 /**
  * @module engine/view/editableelement
  */
-import ContainerElement from './containerelement';
-import type { ElementAttributes } from './element';
-import type Document from './document';
-import type Node from './node';
+import ContainerElement from './containerelement.js';
+import type { ElementAttributes } from './element.js';
+import type Document from './document.js';
+import type Node from './node.js';
 declare const EditableElement_base: import("@ckeditor/ckeditor5-utils").Mixed<typeof ContainerElement, import("@ckeditor/ckeditor5-utils").Observable>;
 /**
  * Editable element which can be a {@link module:engine/view/rooteditableelement~RootEditableElement root}

package/src/view/editableelement.js

@@ -5,7 +5,7 @@
 /**
  * @module engine/view/editableelement
  */
-import ContainerElement from './containerelement';
+import ContainerElement from './containerelement.js';
 import { ObservableMixin } from '@ckeditor/ckeditor5-utils';
 /**
  * Editable element which can be a {@link module:engine/view/rooteditableelement~RootEditableElement root}

package/src/view/element.d.ts

@@ -5,12 +5,12 @@
 /**
  * @module engine/view/element
  */
-import Node from './node';
+import Node from './node.js';
 import { type ArrayOrItem } from '@ckeditor/ckeditor5-utils';
-import { type MatcherPattern } from './matcher';
-import { type StyleValue } from './stylesmap';
-import type Document from './document';
-import type Item from './item';
+import { type MatcherPattern } from './matcher.js';
+import { type StyleValue } from './stylesmap.js';
+import type Document from './document.js';
+import type Item from './item.js';
 /**
  * View element.
  *

package/src/view/element.js

@@ -5,12 +5,12 @@
 /**
  * @module engine/view/element
  */
-import Node from './node';
-import Text from './text';
-import TextProxy from './textproxy';
+import Node from './node.js';
+import Text from './text.js';
+import TextProxy from './textproxy.js';
 import { isIterable, toArray, toMap } from '@ckeditor/ckeditor5-utils';
-import { default as Matcher } from './matcher';
-import { default as StylesMap } from './stylesmap';
+import { default as Matcher } from './matcher.js';
+import { default as StylesMap } from './stylesmap.js';
 // @if CK_DEBUG_ENGINE // const { convertMapToTags } = require( '../dev-utils/utils' );
 /**
  * View element.

package/src/view/emptyelement.d.ts

@@ -5,10 +5,10 @@
 /**
  * @module engine/view/emptyelement
  */
-import Element, { type ElementAttributes } from './element';
-import Node from './node';
-import type Document from './document';
-import type Item from './item';
+import Element, { type ElementAttributes } from './element.js';
+import Node from './node.js';
+import type Document from './document.js';
+import type Item from './item.js';
 /**
  * Empty element class. It is used to represent elements that cannot contain any child nodes (for example `<img>` elements).
  *

package/src/view/emptyelement.js

@@ -5,8 +5,8 @@
 /**
  * @module engine/view/emptyelement
  */
-import Element from './element';
-import Node from './node';
+import Element from './element.js';
+import Node from './node.js';
 import { CKEditorError } from '@ckeditor/ckeditor5-utils';
 /**
  * Empty element class. It is used to represent elements that cannot contain any child nodes (for example `<img>` elements).

package/src/view/filler.d.ts

@@ -2,7 +2,7 @@
  * @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
  */
-import type View from './view';
+import type View from './view.js';
 /**
  * Set of utilities related to handling block and inline fillers.
  *
@@ -76,7 +76,7 @@ export declare const INLINE_FILLER: string;
  * @param domNode DOM node.
  * @returns True if the text node starts with the {@link module:engine/view/filler~INLINE_FILLER inline filler}.
  */
-export declare function startsWithFiller(domNode: Node): boolean;
+export declare function startsWithFiller(domNode: Node | string): boolean;
 /**
  * Checks if the text node contains only the {@link module:engine/view/filler~INLINE_FILLER inline filler}.
  *
@@ -101,7 +101,7 @@ export declare function isInlineFiller(domText: Text): boolean;
  * @param domText DOM text node, possible with inline filler.
  * @returns Data without filler.
  */
-export declare function getDataWithoutFiller(domText: Text): string;
+export declare function getDataWithoutFiller(domText: Text | string): string;
 /**
  * Assign key observer which move cursor from the end of the inline filler to the beginning of it when
  * the left arrow is pressed, so the filler does not break navigation.

package/src/view/filler.js

@@ -86,6 +86,9 @@ export const INLINE_FILLER = '\u2060'.repeat(INLINE_FILLER_LENGTH);
  * @returns True if the text node starts with the {@link module:engine/view/filler~INLINE_FILLER inline filler}.
  */
 export function startsWithFiller(domNode) {
+    if (typeof domNode == 'string') {
+        return domNode.substr(0, INLINE_FILLER_LENGTH) === INLINE_FILLER;
+    }
     return isText(domNode) && (domNode.data.substr(0, INLINE_FILLER_LENGTH) === INLINE_FILLER);
 }
 /**
@@ -115,12 +118,11 @@ export function isInlineFiller(domText) {
  * @returns Data without filler.
  */
 export function getDataWithoutFiller(domText) {
+    const data = typeof domText == 'string' ? domText : domText.data;
     if (startsWithFiller(domText)) {
-        return domText.data.slice(INLINE_FILLER_LENGTH);
-    }
-    else {
-        return domText.data;
+        return data.slice(INLINE_FILLER_LENGTH);
     }
+    return data;
 }
 /**
  * Assign key observer which move cursor from the end of the inline filler to the beginning of it when

package/src/view/item.d.ts

@@ -2,8 +2,8 @@
  * @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
  */
-import type Node from './node';
-import type TextProxy from './textproxy';
+import type Node from './node.js';
+import type TextProxy from './textproxy.js';
 /**
  * @module engine/view/item
  */

package/src/view/matcher.d.ts

@@ -5,7 +5,7 @@
 /**
  * @module engine/view/matcher
  */
-import type Element from './element';
+import type Element from './element.js';
 /**
  * View matcher class.
  * Instance of this class can be used to find {@link module:engine/view/element~Element elements} that match given pattern.

package/src/view/node.d.ts

@@ -5,11 +5,11 @@
 /**
  * @module engine/view/node
  */
-import TypeCheckable from './typecheckable';
-import '@ckeditor/ckeditor5-utils/src/version';
-import type { default as Document, ChangeType } from './document';
-import type DocumentFragment from './documentfragment';
-import type Element from './element';
+import TypeCheckable from './typecheckable.js';
+import '@ckeditor/ckeditor5-utils/src/version.js';
+import type { default as Document, ChangeType } from './document.js';
+import type DocumentFragment from './documentfragment.js';
+import type Element from './element.js';
 declare const Node_base: import("@ckeditor/ckeditor5-utils").Mixed<typeof TypeCheckable, import("@ckeditor/ckeditor5-utils").Emitter>;
 /**
  * Abstract view node class.

package/src/view/node.js

@@ -5,11 +5,11 @@
 /**
  * @module engine/view/node
  */
-import TypeCheckable from './typecheckable';
+import TypeCheckable from './typecheckable.js';
 import { CKEditorError, EmitterMixin, compareArrays } from '@ckeditor/ckeditor5-utils';
 import { clone } from 'lodash-es';
 // To check if component is loaded more than once.
-import '@ckeditor/ckeditor5-utils/src/version';
+import '@ckeditor/ckeditor5-utils/src/version.js';
 /**
  * Abstract view node class.
  *

package/src/view/observer/arrowkeysobserver.d.ts

@@ -5,10 +5,10 @@
 /**
  * @module engine/view/observer/arrowkeysobserver
  */
-import Observer from './observer';
-import type View from '../view';
-import type { KeyEventData } from './keyobserver';
-import type { BubblingEvent } from './bubblingemittermixin';
+import Observer from './observer.js';
+import type View from '../view.js';
+import type { KeyEventData } from './keyobserver.js';
+import type { BubblingEvent } from './bubblingemittermixin.js';
 /**
  * Arrow keys observer introduces the {@link module:engine/view/document~Document#event:arrowKey `Document#arrowKey`} event.
  *

package/src/view/observer/arrowkeysobserver.js

@@ -5,8 +5,8 @@
 /**
  * @module engine/view/observer/arrowkeysobserver
  */
-import Observer from './observer';
-import BubblingEventInfo from './bubblingeventinfo';
+import Observer from './observer.js';
+import BubblingEventInfo from './bubblingeventinfo.js';
 import { isArrowKeyCode } from '@ckeditor/ckeditor5-utils';
 /**
  * Arrow keys observer introduces the {@link module:engine/view/document~Document#event:arrowKey `Document#arrowKey`} event.

package/src/view/observer/bubblingemittermixin.d.ts

@@ -6,8 +6,8 @@
  * @module engine/view/observer/bubblingemittermixin
  */
 import { type ArrayOrItem, type Emitter, type BaseEvent, type CallbackOptions, type Constructor, type Mixed } from '@ckeditor/ckeditor5-utils';
-import BubblingEventInfo from './bubblingeventinfo';
-import type Node from '../node';
+import BubblingEventInfo from './bubblingeventinfo.js';
+import type Node from '../node.js';
 /**
  * Bubbling emitter mixin for the view document as described in the {@link ~BubblingEmitter} interface.
  *

package/src/view/observer/bubblingemittermixin.js

@@ -6,7 +6,7 @@
  * @module engine/view/observer/bubblingemittermixin
  */
 import { CKEditorError, EmitterMixin, EventInfo, toArray } from '@ckeditor/ckeditor5-utils';
-import BubblingEventInfo from './bubblingeventinfo';
+import BubblingEventInfo from './bubblingeventinfo.js';
 const contextsSymbol = Symbol('bubbling contexts');
 /**
  * Bubbling emitter mixin for the view document as described in the {@link ~BubblingEmitter} interface.

package/src/view/observer/bubblingeventinfo.d.ts

@@ -6,9 +6,9 @@
  * @module engine/view/observer/bubblingeventinfo
  */
 import { EventInfo } from '@ckeditor/ckeditor5-utils';
-import type Document from '../document';
-import type Node from '../node';
-import type Range from '../range';
+import type Document from '../document.js';
+import type Node from '../node.js';
+import type Range from '../range.js';
 /**
  * The event object passed to bubbling event callbacks. It is used to provide information about the event as well as a tool to
  * manipulate it.

package/src/view/observer/clickobserver.d.ts

@@ -5,9 +5,9 @@
 /**
  * @module engine/view/observer/clickobserver
  */
-import DomEventObserver from './domeventobserver';
-import type DomEventData from './domeventdata';
-import type { BubblingEvent } from './bubblingemittermixin';
+import DomEventObserver from './domeventobserver.js';
+import type DomEventData from './domeventdata.js';
+import type { BubblingEvent } from './bubblingemittermixin.js';
 /**
  * {@link module:engine/view/document~Document#event:click Click} event observer.
  *

package/src/view/observer/clickobserver.js

@@ -5,7 +5,7 @@
 /**
  * @module engine/view/observer/clickobserver
  */
-import DomEventObserver from './domeventobserver';
+import DomEventObserver from './domeventobserver.js';
 /**
  * {@link module:engine/view/document~Document#event:click Click} event observer.
  *

package/src/view/observer/compositionobserver.d.ts

@@ -5,9 +5,9 @@
 /**
  * @module engine/view/observer/compositionobserver
  */
-import DomEventObserver from './domeventobserver';
-import type View from '../view';
-import type DomEventData from './domeventdata';
+import DomEventObserver from './domeventobserver.js';
+import type View from '../view.js';
+import type DomEventData from './domeventdata.js';
 /**
  * {@link module:engine/view/document~Document#event:compositionstart Compositionstart},
  * {@link module:engine/view/document~Document#event:compositionupdate compositionupdate} and

package/src/view/observer/compositionobserver.js

@@ -5,7 +5,7 @@
 /**
  * @module engine/view/observer/compositionobserver
  */
-import DomEventObserver from './domeventobserver';
+import DomEventObserver from './domeventobserver.js';
 /**
  * {@link module:engine/view/document~Document#event:compositionstart Compositionstart},
  * {@link module:engine/view/document~Document#event:compositionupdate compositionupdate} and

package/src/view/observer/domeventdata.d.ts

@@ -2,9 +2,9 @@
  * @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
  */
-import type Document from '../document';
-import type Element from '../element';
-import type View from '../view';
+import type Document from '../document.js';
+import type Element from '../element.js';
+import type View from '../view.js';
 /**
  * Information about a DOM event in context of the {@link module:engine/view/document~Document}.
  * It wraps the native event, which usually should not be used as the wrapper contains

package/src/view/observer/domeventobserver.d.ts

@@ -5,7 +5,7 @@
 /**
  * @module engine/view/observer/domeventobserver
  */
-import Observer from './observer';
+import Observer from './observer.js';
 import type { EventInfo } from '@ckeditor/ckeditor5-utils';
 /**
  * Base class for DOM event observers. This class handles

package/src/view/observer/domeventobserver.js

@@ -5,8 +5,8 @@
 /**
  * @module engine/view/observer/domeventobserver
  */
-import Observer from './observer';
-import DomEventData from './domeventdata';
+import Observer from './observer.js';
+import DomEventData from './domeventdata.js';
 /**
  * Base class for DOM event observers. This class handles
  * {@link module:engine/view/observer/observer~Observer#observe adding} listeners to DOM elements,

package/src/view/observer/fakeselectionobserver.d.ts

@@ -5,8 +5,8 @@
 /**
  * @module engine/view/observer/fakeselectionobserver
  */
-import Observer from './observer';
-import type View from '../view';
+import Observer from './observer.js';
+import type View from '../view.js';
 /**
  * Fake selection observer class. If view selection is fake it is placed in dummy DOM container. This observer listens
  * on {@link module:engine/view/document~Document#event:keydown keydown} events and handles moving fake view selection to the correct place

package/src/view/observer/fakeselectionobserver.js

@@ -5,8 +5,8 @@
 /**
  * @module engine/view/observer/fakeselectionobserver
  */
-import Observer from './observer';
-import ViewSelection from '../selection';
+import Observer from './observer.js';
+import ViewSelection from '../selection.js';
 import { keyCodes } from '@ckeditor/ckeditor5-utils';
 import { debounce } from 'lodash-es';
 /**

package/src/view/observer/focusobserver.d.ts

@@ -5,9 +5,9 @@
 /**
  * @module engine/view/observer/focusobserver
  */
-import DomEventObserver from './domeventobserver';
-import type DomEventData from './domeventdata';
-import type View from '../view';
+import DomEventObserver from './domeventobserver.js';
+import type DomEventData from './domeventdata.js';
+import type View from '../view.js';
 /**
  * {@link module:engine/view/document~Document#event:focus Focus}
  * and {@link module:engine/view/document~Document#event:blur blur} events observer.

package/src/view/observer/focusobserver.js

@@ -6,7 +6,7 @@
  * @module engine/view/observer/focusobserver
  */
 /* globals setTimeout, clearTimeout */
-import DomEventObserver from './domeventobserver';
+import DomEventObserver from './domeventobserver.js';
 /**
  * {@link module:engine/view/document~Document#event:focus Focus}
  * and {@link module:engine/view/document~Document#event:blur blur} events observer.

package/src/view/observer/inputobserver.d.ts

@@ -5,10 +5,10 @@
 /**
  * @module engine/view/observer/inputobserver
  */
-import DomEventObserver from './domeventobserver';
-import type DomEventData from './domeventdata';
-import type ViewRange from '../range';
-import DataTransfer from '../datatransfer';
+import DomEventObserver from './domeventobserver.js';
+import type DomEventData from './domeventdata.js';
+import type ViewRange from '../range.js';
+import DataTransfer from '../datatransfer.js';
 /**
  * Observer for events connected with data input.
  *

package/src/view/observer/inputobserver.js

@@ -5,8 +5,8 @@
 /**
  * @module engine/view/observer/inputobserver
  */
-import DomEventObserver from './domeventobserver';
-import DataTransfer from '../datatransfer';
+import DomEventObserver from './domeventobserver.js';
+import DataTransfer from '../datatransfer.js';
 import { env } from '@ckeditor/ckeditor5-utils';
 /**
  * Observer for events connected with data input.

package/src/view/observer/keyobserver.d.ts

@@ -5,8 +5,8 @@
 /**
  * @module engine/view/observer/keyobserver
  */
-import DomEventObserver from './domeventobserver';
-import type DomEventData from './domeventdata';
+import DomEventObserver from './domeventobserver.js';
+import type DomEventData from './domeventdata.js';
 import { type KeystrokeInfo } from '@ckeditor/ckeditor5-utils';
 /**
  * Observer for events connected with pressing keyboard keys.

package/src/view/observer/keyobserver.js

@@ -5,7 +5,7 @@
 /**
  * @module engine/view/observer/keyobserver
  */
-import DomEventObserver from './domeventobserver';
+import DomEventObserver from './domeventobserver.js';
 import { getCode } from '@ckeditor/ckeditor5-utils';
 /**
  * Observer for events connected with pressing keyboard keys.

package/src/view/observer/mouseobserver.d.ts

@@ -5,8 +5,8 @@
 /**
  * @module engine/view/observer/mouseobserver
  */
-import DomEventObserver from './domeventobserver';
-import type DomEventData from './domeventdata';
+import DomEventObserver from './domeventobserver.js';
+import type DomEventData from './domeventdata.js';
 /**
  * Mouse events observer.
  *

package/src/view/observer/mouseobserver.js

@@ -5,7 +5,7 @@
 /**
  * @module engine/view/observer/mouseobserver
  */
-import DomEventObserver from './domeventobserver';
+import DomEventObserver from './domeventobserver.js';
 /**
  * Mouse events observer.
  *

package/src/view/observer/mutationobserver.d.ts

@@ -5,10 +5,10 @@
 /**
  * @module engine/view/observer/mutationobserver
  */
-import Observer from './observer';
-import type DomConverter from '../domconverter';
-import type Renderer from '../renderer';
-import type View from '../view';
+import Observer from './observer.js';
+import type DomConverter from '../domconverter.js';
+import type Renderer from '../renderer.js';
+import type View from '../view.js';
 /**
  * Mutation observer's role is to watch for any DOM changes inside the editor that weren't
  * done by the editor's {@link module:engine/view/renderer~Renderer} itself and reverting these changes.

package/src/view/observer/mutationobserver.js

@@ -6,8 +6,8 @@
  * @module engine/view/observer/mutationobserver
  */
 /* globals window */
-import Observer from './observer';
-import { startsWithFiller } from '../filler';
+import Observer from './observer.js';
+import { startsWithFiller } from '../filler.js';
 import { isEqualWith } from 'lodash-es';
 /**
  * Mutation observer's role is to watch for any DOM changes inside the editor that weren't

package/src/view/observer/observer.d.ts

@@ -2,8 +2,8 @@
  * @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
  */
-import type Document from '../document';
-import type View from '../view';
+import type Document from '../document.js';
+import type View from '../view.js';
 declare const Observer_base: {
     new (): import("@ckeditor/ckeditor5-utils").DomEmitter;
     prototype: import("@ckeditor/ckeditor5-utils").DomEmitter;

package/src/view/observer/selectionobserver.d.ts

@@ -5,13 +5,13 @@
 /**
  * @module engine/view/observer/selectionobserver
  */
-import Observer from './observer';
-import MutationObserver from './mutationobserver';
-import type View from '../view';
-import type DocumentSelection from '../documentselection';
-import type DomConverter from '../domconverter';
-import type Selection from '../selection';
-import FocusObserver from './focusobserver';
+import Observer from './observer.js';
+import MutationObserver from './mutationobserver.js';
+import type View from '../view.js';
+import type DocumentSelection from '../documentselection.js';
+import type DomConverter from '../domconverter.js';
+import type Selection from '../selection.js';
+import FocusObserver from './focusobserver.js';
 type DomSelection = globalThis.Selection;
 /**
  * Selection observer class observes selection changes in the document. If a selection changes on the document this

package/src/view/observer/selectionobserver.js

@@ -6,11 +6,11 @@
  * @module engine/view/observer/selectionobserver
  */
 /* global setInterval, clearInterval */
-import Observer from './observer';
-import MutationObserver from './mutationobserver';
+import Observer from './observer.js';
+import MutationObserver from './mutationobserver.js';
 import { env } from '@ckeditor/ckeditor5-utils';
 import { debounce } from 'lodash-es';
-import FocusObserver from './focusobserver';
+import FocusObserver from './focusobserver.js';
 /**
  * Selection observer class observes selection changes in the document. If a selection changes on the document this
  * observer checks if the DOM selection is different from the {@link module:engine/view/document~Document#selection view selection}.

package/src/view/observer/tabobserver.d.ts

@@ -5,10 +5,10 @@
 /**
  * @module engine/view/observer/tabobserver
  */
-import type View from '../view';
-import Observer from './observer';
-import type { KeyEventData } from './keyobserver';
-import type { BubblingEvent } from './bubblingemittermixin';
+import type View from '../view.js';
+import Observer from './observer.js';
+import type { KeyEventData } from './keyobserver.js';
+import type { BubblingEvent } from './bubblingemittermixin.js';
 /**
  * Tab observer introduces the {@link module:engine/view/document~Document#event:tab `Document#tab`} event.
  *

package/src/view/observer/tabobserver.js

@@ -2,8 +2,8 @@
  * @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
  */
-import Observer from './observer';
-import BubblingEventInfo from './bubblingeventinfo';
+import Observer from './observer.js';
+import BubblingEventInfo from './bubblingeventinfo.js';
 import { keyCodes } from '@ckeditor/ckeditor5-utils';
 /**
  * Tab observer introduces the {@link module:engine/view/document~Document#event:tab `Document#tab`} event.

package/src/view/placeholder.d.ts

@@ -6,9 +6,9 @@
  * @module engine/view/placeholder
  */
 import '../../theme/placeholder.css';
-import type DowncastWriter from './downcastwriter';
-import type Element from './element';
-import type View from './view';
+import type DowncastWriter from './downcastwriter.js';
+import type Element from './element.js';
+import type View from './view.js';
 /**
  * A helper that enables a placeholder on the provided view element (also updates its visibility).
  * The placeholder is a CSS pseudo–element (with a text content) attached to the element.

package/src/view/position.d.ts

@@ -5,13 +5,13 @@
 /**
  * @module engine/view/position
  */
-import TypeCheckable from './typecheckable';
-import EditableElement from './editableelement';
-import '@ckeditor/ckeditor5-utils/src/version';
-import type DocumentFragment from './documentfragment';
-import type Item from './item';
-import type Node from './node';
-import { default as TreeWalker, type TreeWalkerValue, type TreeWalkerOptions } from './treewalker';
+import TypeCheckable from './typecheckable.js';
+import EditableElement from './editableelement.js';
+import '@ckeditor/ckeditor5-utils/src/version.js';
+import type DocumentFragment from './documentfragment.js';
+import type Item from './item.js';
+import type Node from './node.js';
+import { default as TreeWalker, type TreeWalkerValue, type TreeWalkerOptions } from './treewalker.js';
 /**
  * Position in the view tree. Position is represented by its parent node and an offset in this parent.
  *