@ckeditor/ckeditor5-engine 45.2.1 → 46.0.0-alpha.0

package/src/view/downcastwriter.js

@@ -5,18 +5,18 @@
 /**
  * @module engine/view/downcastwriter
  */
-import Position from './position.js';
-import Range from './range.js';
-import Selection from './selection.js';
-import ContainerElement from './containerelement.js';
-import AttributeElement from './attributeelement.js';
-import EmptyElement from './emptyelement.js';
-import UIElement from './uielement.js';
-import RawElement from './rawelement.js';
+import { ViewPosition } from './position.js';
+import { ViewRange } from './range.js';
+import { ViewSelection } from './selection.js';
+import { ViewContainerElement } from './containerelement.js';
+import { ViewAttributeElement } from './attributeelement.js';
+import { ViewEmptyElement } from './emptyelement.js';
+import { ViewUIElement } from './uielement.js';
+import { ViewRawElement } from './rawelement.js';
 import { CKEditorError, isIterable } from '@ckeditor/ckeditor5-utils';
-import DocumentFragment from './documentfragment.js';
-import Text from './text.js';
-import EditableElement from './editableelement.js';
+import { ViewDocumentFragment } from './documentfragment.js';
+import { ViewText } from './text.js';
+import { ViewEditableElement } from './editableelement.js';
 import { isPlainObject } from 'es-toolkit/compat';
 /**
  * View downcast writer.
@@ -24,23 +24,23 @@ import { isPlainObject } from 'es-toolkit/compat';
  * It provides a set of methods used to manipulate view nodes.
  *
  * Do not create an instance of this writer manually. To modify a view structure, use
- * the {@link module:engine/view/view~View#change `View#change()`} block.
+ * the {@link module:engine/view/view~EditingView#change `View#change()`} block.
  *
- * The `DowncastWriter` is designed to work with semantic views which are the views that were/are being downcasted from the model.
+ * The `ViewDowncastWriter` is designed to work with semantic views which are the views that were/are being downcasted from the model.
  * To work with ordinary views (e.g. parsed from a pasted content) use the
- * {@link module:engine/view/upcastwriter~UpcastWriter upcast writer}.
+ * {@link module:engine/view/upcastwriter~ViewUpcastWriter upcast writer}.
  *
  * Read more about changing the view in the {@glink framework/architecture/editing-engine#changing-the-view Changing the view}
  * section of the {@glink framework/architecture/editing-engine Editing engine architecture} guide.
  */
-export default class DowncastWriter {
+export class ViewDowncastWriter {
     /**
      * The view document instance in which this writer operates.
      */
     document;
     /**
-     * Holds references to the attribute groups that share the same {@link module:engine/view/attributeelement~AttributeElement#id id}.
-     * The keys are `id`s, the values are `Set`s holding {@link module:engine/view/attributeelement~AttributeElement}s.
+     * Holds references to the attribute groups that share the same {@link module:engine/view/attributeelement~ViewAttributeElement#id id}.
+     * The keys are `id`s, the values are `Set`s holding {@link module:engine/view/attributeelement~ViewAttributeElement}s.
      */
     _cloneGroups = new Map();
     /**
@@ -57,28 +57,29 @@ export default class DowncastWriter {
         this.document.selection._setTo(...args);
     }
     /**
-     * Moves {@link module:engine/view/documentselection~DocumentSelection#focus selection's focus} to the specified location.
+     * Moves {@link module:engine/view/documentselection~ViewDocumentSelection#focus selection's focus} to the specified location.
      *
-     * The location can be specified in the same form as {@link module:engine/view/view~View#createPositionAt view.createPositionAt()}
+     * The location can be specified in the same form as
+     * {@link module:engine/view/view~EditingView#createPositionAt view.createPositionAt()}
      * parameters.
      *
      * @param itemOrPosition
-     * @param offset Offset or one of the flags. Used only when the first parameter is a {@link module:engine/view/item~Item view item}.
+     * @param offset Offset or one of the flags. Used only when the first parameter is a {@link module:engine/view/item~ViewItem view item}.
      */
     setSelectionFocus(itemOrPosition, offset) {
         this.document.selection._setFocus(itemOrPosition, offset);
     }
     /**
-     * Creates a new {@link module:engine/view/documentfragment~DocumentFragment} instance.
+     * Creates a new {@link module:engine/view/documentfragment~ViewDocumentFragment} instance.
      *
      * @param children A list of nodes to be inserted into the created document fragment.
      * @returns The created document fragment.
      */
     createDocumentFragment(children) {
-        return new DocumentFragment(this.document, children);
+        return new ViewDocumentFragment(this.document, children);
     }
     /**
-     * Creates a new {@link module:engine/view/text~Text text node}.
+     * Creates a new {@link module:engine/view/text~ViewText text node}.
      *
      * ```ts
      * writer.createText( 'foo' );
@@ -88,10 +89,10 @@ export default class DowncastWriter {
      * @returns The created text node.
      */
     createText(data) {
-        return new Text(this.document, data);
+        return new ViewText(this.document, data);
     }
     /**
-     * Creates a new {@link module:engine/view/attributeelement~AttributeElement}.
+     * Creates a new {@link module:engine/view/attributeelement~ViewAttributeElement}.
      *
      * ```ts
      * writer.createAttributeElement( 'strong' );
@@ -107,14 +108,14 @@ export default class DowncastWriter {
      * @param name Name of the element.
      * @param attributes Element's attributes.
      * @param options Element's options.
-     * @param options.priority Element's {@link module:engine/view/attributeelement~AttributeElement#priority priority}.
-     * @param options.id Element's {@link module:engine/view/attributeelement~AttributeElement#id id}.
+     * @param options.priority Element's {@link module:engine/view/attributeelement~ViewAttributeElement#priority priority}.
+     * @param options.id Element's {@link module:engine/view/attributeelement~ViewAttributeElement#id id}.
      * @param options.renderUnsafeAttributes A list of attribute names that should be rendered in the editing
      * pipeline even though they would normally be filtered out by unsafe attribute detection mechanisms.
      * @returns Created element.
      */
     createAttributeElement(name, attributes, options = {}) {
-        const attributeElement = new AttributeElement(this.document, name, attributes);
+        const attributeElement = new ViewAttributeElement(this.document, name, attributes);
         if (typeof options.priority === 'number') {
             attributeElement._priority = options.priority;
         }
@@ -127,21 +128,21 @@ export default class DowncastWriter {
         return attributeElement;
     }
     createContainerElement(name, attributes, childrenOrOptions = {}, options = {}) {
-        let children = null;
-        if (isPlainObject(childrenOrOptions)) {
+        let children = undefined;
+        if (isContainerOptions(childrenOrOptions)) {
             options = childrenOrOptions;
         }
         else {
             children = childrenOrOptions;
         }
-        const containerElement = new ContainerElement(this.document, name, attributes, children);
+        const containerElement = new ViewContainerElement(this.document, name, attributes, children);
         if (options.renderUnsafeAttributes) {
             containerElement._unsafeAttributesToRender.push(...options.renderUnsafeAttributes);
         }
         return containerElement;
     }
     /**
-     * Creates a new {@link module:engine/view/editableelement~EditableElement}.
+     * Creates a new {@link module:engine/view/editableelement~ViewEditableElement}.
      *
      * ```ts
      * writer.createEditableElement( 'div' );
@@ -159,14 +160,14 @@ export default class DowncastWriter {
      * @returns Created element.
      */
     createEditableElement(name, attributes, options = {}) {
-        const editableElement = new EditableElement(this.document, name, attributes);
+        const editableElement = new ViewEditableElement(this.document, name, attributes);
         if (options.renderUnsafeAttributes) {
             editableElement._unsafeAttributesToRender.push(...options.renderUnsafeAttributes);
         }
         return editableElement;
     }
     /**
-     * Creates a new {@link module:engine/view/emptyelement~EmptyElement}.
+     * Creates a new {@link module:engine/view/emptyelement~ViewEmptyElement}.
      *
      * ```ts
      * writer.createEmptyElement( 'img' );
@@ -181,14 +182,14 @@ export default class DowncastWriter {
      * @returns Created element.
      */
     createEmptyElement(name, attributes, options = {}) {
-        const emptyElement = new EmptyElement(this.document, name, attributes);
+        const emptyElement = new ViewEmptyElement(this.document, name, attributes);
         if (options.renderUnsafeAttributes) {
             emptyElement._unsafeAttributesToRender.push(...options.renderUnsafeAttributes);
         }
         return emptyElement;
     }
     /**
-     * Creates a new {@link module:engine/view/uielement~UIElement}.
+     * Creates a new {@link module:engine/view/uielement~ViewUIElement}.
      *
      * ```ts
      * writer.createUIElement( 'span' );
@@ -217,14 +218,14 @@ export default class DowncastWriter {
      * @returns The created element.
      */
     createUIElement(name, attributes, renderFunction) {
-        const uiElement = new UIElement(this.document, name, attributes);
+        const uiElement = new ViewUIElement(this.document, name, attributes);
         if (renderFunction) {
             uiElement.render = renderFunction;
         }
         return uiElement;
     }
     /**
-     * Creates a new {@link module:engine/view/rawelement~RawElement}.
+     * Creates a new {@link module:engine/view/rawelement~ViewRawElement}.
      *
      * ```ts
      * writer.createRawElement( 'span', { id: 'foo-1234' }, function( domElement ) {
@@ -238,7 +239,7 @@ export default class DowncastWriter {
      * Raw elements are a perfect tool for integration with external frameworks and data sources.
      *
      * Unlike {@link #createUIElement UI elements}, raw elements act like "real" editor content (similar to
-     * {@link module:engine/view/containerelement~ContainerElement} or {@link module:engine/view/emptyelement~EmptyElement}),
+     * {@link module:engine/view/containerelement~ViewContainerElement} or {@link module:engine/view/emptyelement~ViewEmptyElement}),
      * and they are considered by the editor selection.
      *
      * You should not use raw elements to render the UI in the editor content. Check out {@link #createUIElement `#createUIElement()`}
@@ -253,7 +254,7 @@ export default class DowncastWriter {
      * @returns The created element.
      */
     createRawElement(name, attributes, renderFunction, options = {}) {
-        const rawElement = new RawElement(this.document, name, attributes);
+        const rawElement = new ViewRawElement(this.document, name, attributes);
         if (renderFunction) {
             rawElement.render = renderFunction;
         }
@@ -351,32 +352,32 @@ export default class DowncastWriter {
      * <p><b>fo{o</b><u>ba}r</u></p> -> <p><b>fo</b><b>o</b><u>ba</u><u>r</u></b></p>
      * ```
      *
-     * **Note:** {@link module:engine/view/documentfragment~DocumentFragment DocumentFragment} is treated like a container.
+     * **Note:** {@link module:engine/view/documentfragment~ViewDocumentFragment DocumentFragment} is treated like a container.
      *
-     * **Note:** The difference between {@link module:engine/view/downcastwriter~DowncastWriter#breakAttributes breakAttributes()} and
-     * {@link module:engine/view/downcastwriter~DowncastWriter#breakContainer breakContainer()} is that `breakAttributes()` breaks all
-     * {@link module:engine/view/attributeelement~AttributeElement attribute elements} that are ancestors of a given `position`,
-     * up to the first encountered {@link module:engine/view/containerelement~ContainerElement container element}.
+     * **Note:** The difference between {@link module:engine/view/downcastwriter~ViewDowncastWriter#breakAttributes breakAttributes()} and
+     * {@link module:engine/view/downcastwriter~ViewDowncastWriter#breakContainer breakContainer()} is that `breakAttributes()` breaks all
+     * {@link module:engine/view/attributeelement~ViewAttributeElement attribute elements} that are ancestors of a given `position`,
+     * up to the first encountered {@link module:engine/view/containerelement~ViewContainerElement container element}.
      * `breakContainer()` assumes that a given `position` is directly in the container element and breaks that container element.
      *
      * Throws the `view-writer-invalid-range-container` {@link module:utils/ckeditorerror~CKEditorError CKEditorError}
-     * when the {@link module:engine/view/range~Range#start start}
-     * and {@link module:engine/view/range~Range#end end} positions of a passed range are not placed inside same parent container.
+     * when the {@link module:engine/view/range~ViewRange#start start}
+     * and {@link module:engine/view/range~ViewRange#end end} positions of a passed range are not placed inside same parent container.
      *
      * Throws the `view-writer-cannot-break-empty-element` {@link module:utils/ckeditorerror~CKEditorError CKEditorError}
-     * when trying to break attributes inside an {@link module:engine/view/emptyelement~EmptyElement EmptyElement}.
+     * when trying to break attributes inside an {@link module:engine/view/emptyelement~ViewEmptyElement ViewEmptyElement}.
      *
      * Throws the `view-writer-cannot-break-ui-element` {@link module:utils/ckeditorerror~CKEditorError CKEditorError}
-     * when trying to break attributes inside a {@link module:engine/view/uielement~UIElement UIElement}.
+     * when trying to break attributes inside a {@link module:engine/view/uielement~ViewUIElement UIElement}.
      *
-     * @see module:engine/view/attributeelement~AttributeElement
-     * @see module:engine/view/containerelement~ContainerElement
-     * @see module:engine/view/downcastwriter~DowncastWriter#breakContainer
+     * @see module:engine/view/attributeelement~ViewAttributeElement
+     * @see module:engine/view/containerelement~ViewContainerElement
+     * @see module:engine/view/downcastwriter~ViewDowncastWriter#breakContainer
      * @param positionOrRange The position where to break attribute elements.
      * @returns The new position or range, after breaking the attribute elements.
      */
     breakAttributes(positionOrRange) {
-        if (positionOrRange instanceof Position) {
+        if (positionOrRange instanceof ViewPosition) {
             return this._breakAttributes(positionOrRange);
         }
         else {
@@ -384,7 +385,7 @@ export default class DowncastWriter {
         }
     }
     /**
-     * Breaks a {@link module:engine/view/containerelement~ContainerElement container view element} into two, at the given position.
+     * Breaks a {@link module:engine/view/containerelement~ViewContainerElement container view element} into two, at the given position.
      * The position has to be directly inside the container element and cannot be in the root. It does not break the conrainer view element
      * if the position is at the beginning or at the end of its parent element.
      *
@@ -395,15 +396,15 @@ export default class DowncastWriter {
      * <p>foobar^</p> -> <p>foobar</p>^
      * ```
      *
-     * **Note:** The difference between {@link module:engine/view/downcastwriter~DowncastWriter#breakAttributes breakAttributes()} and
-     * {@link module:engine/view/downcastwriter~DowncastWriter#breakContainer breakContainer()} is that `breakAttributes()` breaks all
-     * {@link module:engine/view/attributeelement~AttributeElement attribute elements} that are ancestors of a given `position`,
-     * up to the first encountered {@link module:engine/view/containerelement~ContainerElement container element}.
+     * **Note:** The difference between {@link module:engine/view/downcastwriter~ViewDowncastWriter#breakAttributes breakAttributes()} and
+     * {@link module:engine/view/downcastwriter~ViewDowncastWriter#breakContainer breakContainer()} is that `breakAttributes()` breaks all
+     * {@link module:engine/view/attributeelement~ViewAttributeElement attribute elements} that are ancestors of a given `position`,
+     * up to the first encountered {@link module:engine/view/containerelement~ViewContainerElement container element}.
      * `breakContainer()` assumes that the given `position` is directly in the container element and breaks that container element.
      *
-     * @see module:engine/view/attributeelement~AttributeElement
-     * @see module:engine/view/containerelement~ContainerElement
-     * @see module:engine/view/downcastwriter~DowncastWriter#breakAttributes
+     * @see module:engine/view/attributeelement~ViewAttributeElement
+     * @see module:engine/view/containerelement~ViewContainerElement
+     * @see module:engine/view/downcastwriter~ViewDowncastWriter#breakAttributes
      * @param position The position where to break the element.
      * @returns The position between broken elements. If an element has not been broken,
      * the returned position is placed either before or after it.
@@ -427,20 +428,20 @@ export default class DowncastWriter {
             throw new CKEditorError('view-writer-break-root', this.document);
         }
         if (position.isAtStart) {
-            return Position._createBefore(element);
+            return ViewPosition._createBefore(element);
         }
         else if (!position.isAtEnd) {
             const newElement = element._clone(false);
-            this.insert(Position._createAfter(element), newElement);
-            const sourceRange = new Range(position, Position._createAt(element, 'end'));
-            const targetPosition = new Position(newElement, 0);
+            this.insert(ViewPosition._createAfter(element), newElement);
+            const sourceRange = new ViewRange(position, ViewPosition._createAt(element, 'end'));
+            const targetPosition = new ViewPosition(newElement, 0);
             this.move(sourceRange, targetPosition);
         }
-        return Position._createAfter(element);
+        return ViewPosition._createAfter(element);
     }
     /**
-     * Merges {@link module:engine/view/attributeelement~AttributeElement attribute elements}. It also merges text nodes if needed.
-     * Only {@link module:engine/view/attributeelement~AttributeElement#isSimilar similar} attribute elements can be merged.
+     * Merges {@link module:engine/view/attributeelement~ViewAttributeElement attribute elements}. It also merges text nodes if needed.
+     * Only {@link module:engine/view/attributeelement~ViewAttributeElement#isSimilar similar} attribute elements can be merged.
      *
      * In following examples `<p>` is a container and `<b>` is an attribute element:
      *
@@ -457,14 +458,15 @@ export default class DowncastWriter {
      * <p><b>foo</b><i>[]</i><b>bar</b></p> -> <p><b>foo{}bar</b></p>
      * ```
      *
-     * **Note:** Difference between {@link module:engine/view/downcastwriter~DowncastWriter#mergeAttributes mergeAttributes} and
-     * {@link module:engine/view/downcastwriter~DowncastWriter#mergeContainers mergeContainers} is that `mergeAttributes` merges two
-     * {@link module:engine/view/attributeelement~AttributeElement attribute elements} or {@link module:engine/view/text~Text text nodes}
-     * while `mergeContainer` merges two {@link module:engine/view/containerelement~ContainerElement container elements}.
+     * **Note:** Difference between {@link module:engine/view/downcastwriter~ViewDowncastWriter#mergeAttributes mergeAttributes} and
+     * {@link module:engine/view/downcastwriter~ViewDowncastWriter#mergeContainers mergeContainers} is that `mergeAttributes` merges two
+     * {@link module:engine/view/attributeelement~ViewAttributeElement attribute elements} or
+     * {@link module:engine/view/text~ViewText text nodes} while `mergeContainer` merges two
+     * {@link module:engine/view/containerelement~ViewContainerElement container elements}.
      *
-     * @see module:engine/view/attributeelement~AttributeElement
-     * @see module:engine/view/containerelement~ContainerElement
-     * @see module:engine/view/downcastwriter~DowncastWriter#mergeContainers
+     * @see module:engine/view/attributeelement~ViewAttributeElement
+     * @see module:engine/view/containerelement~ViewContainerElement
+     * @see module:engine/view/downcastwriter~ViewDowncastWriter#mergeContainers
      * @param position Merge position.
      * @returns Position after merge.
      */
@@ -481,7 +483,7 @@ export default class DowncastWriter {
             const offset = positionParent.index;
             positionParent._remove();
             this._removeFromClonedElementsGroup(positionParent);
-            return this.mergeAttributes(new Position(parent, offset));
+            return this.mergeAttributes(new ViewPosition(parent, offset));
         }
         const nodeBefore = positionParent.getChild(positionOffset - 1);
         const nodeAfter = positionParent.getChild(positionOffset);
@@ -502,27 +504,29 @@ export default class DowncastWriter {
             this._removeFromClonedElementsGroup(nodeAfter);
             // New position is located inside the first node, before new nodes.
             // Call this method recursively to merge again if needed.
-            return this.mergeAttributes(new Position(nodeBefore, count));
+            return this.mergeAttributes(new ViewPosition(nodeBefore, count));
         }
         return position;
     }
     /**
-     * Merges two {@link module:engine/view/containerelement~ContainerElement container elements} that are before and after given position.
-     * Precisely, the element after the position is removed and it's contents are moved to element before the position.
+     * Merges two {@link module:engine/view/containerelement~ViewContainerElement container elements} that are
+     * before and after given position. Precisely, the element after the position is removed and it's contents are
+     * moved to element before the position.
      *
      * ```html
      * <p>foo</p>^<p>bar</p> -> <p>foo^bar</p>
      * <div>foo</div>^<p>bar</p> -> <div>foo^bar</div>
      * ```
      *
-     * **Note:** Difference between {@link module:engine/view/downcastwriter~DowncastWriter#mergeAttributes mergeAttributes} and
-     * {@link module:engine/view/downcastwriter~DowncastWriter#mergeContainers mergeContainers} is that `mergeAttributes` merges two
-     * {@link module:engine/view/attributeelement~AttributeElement attribute elements} or {@link module:engine/view/text~Text text nodes}
-     * while `mergeContainer` merges two {@link module:engine/view/containerelement~ContainerElement container elements}.
+     * **Note:** Difference between {@link module:engine/view/downcastwriter~ViewDowncastWriter#mergeAttributes mergeAttributes} and
+     * {@link module:engine/view/downcastwriter~ViewDowncastWriter#mergeContainers mergeContainers} is that `mergeAttributes` merges two
+     * {@link module:engine/view/attributeelement~ViewAttributeElement attribute elements} or
+     * {@link module:engine/view/text~ViewText text nodes} while `mergeContainer` merges two
+     * {@link module:engine/view/containerelement~ViewContainerElement container elements}.
      *
-     * @see module:engine/view/attributeelement~AttributeElement
-     * @see module:engine/view/containerelement~ContainerElement
-     * @see module:engine/view/downcastwriter~DowncastWriter#mergeAttributes
+     * @see module:engine/view/attributeelement~ViewAttributeElement
+     * @see module:engine/view/containerelement~ViewContainerElement
+     * @see module:engine/view/downcastwriter~ViewDowncastWriter#mergeAttributes
      * @param position Merge position.
      * @returns Position after merge.
      */
@@ -538,9 +542,11 @@ export default class DowncastWriter {
             throw new CKEditorError('view-writer-merge-containers-invalid-position', this.document);
         }
         const lastChild = prev.getChild(prev.childCount - 1);
-        const newPosition = lastChild instanceof Text ? Position._createAt(lastChild, 'end') : Position._createAt(prev, 'end');
-        this.move(Range._createIn(next), Position._createAt(prev, 'end'));
-        this.remove(Range._createOn(next));
+        const newPosition = lastChild instanceof ViewText ?
+            ViewPosition._createAt(lastChild, 'end') :
+            ViewPosition._createAt(prev, 'end');
+        this.move(ViewRange._createIn(next), ViewPosition._createAt(prev, 'end'));
+        this.remove(ViewRange._createOn(next));
         return newPosition;
     }
     /**
@@ -548,12 +554,12 @@ export default class DowncastWriter {
      * and merging them afterwards.
      *
      * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `view-writer-insert-invalid-node` when nodes to insert
-     * contains instances that are not {@link module:engine/view/text~Text Texts},
-     * {@link module:engine/view/attributeelement~AttributeElement AttributeElements},
-     * {@link module:engine/view/containerelement~ContainerElement ContainerElements},
-     * {@link module:engine/view/emptyelement~EmptyElement EmptyElements},
-     * {@link module:engine/view/rawelement~RawElement RawElements} or
-     * {@link module:engine/view/uielement~UIElement UIElements}.
+     * contains instances that are not {@link module:engine/view/text~ViewText Texts},
+     * {@link module:engine/view/attributeelement~ViewAttributeElement ViewAttributeElements},
+     * {@link module:engine/view/containerelement~ViewContainerElement ViewContainerElements},
+     * {@link module:engine/view/emptyelement~ViewEmptyElement ViewEmptyElements},
+     * {@link module:engine/view/rawelement~ViewRawElement RawElements} or
+     * {@link module:engine/view/uielement~ViewUIElement UIElements}.
      *
      * @param position Insertion position.
      * @param nodes Node or nodes to insert.
@@ -561,13 +567,13 @@ export default class DowncastWriter {
      */
     insert(position, nodes) {
         nodes = isIterable(nodes) ? [...nodes] : [nodes];
-        // Check if nodes to insert are instances of AttributeElements, ContainerElements, EmptyElements, UIElements or Text.
+        // Check if nodes to insert are instances of ViewAttributeElements, ViewContainerElements, ViewEmptyElements, UIElements or Text.
         validateNodesToInsert(nodes, this.document);
-        // Group nodes in batches of nodes that require or do not require breaking an AttributeElements.
+        // Group nodes in batches of nodes that require or do not require breaking an ViewAttributeElements.
         const nodeGroups = nodes.reduce((groups, node) => {
             const lastGroup = groups[groups.length - 1];
             // Break attributes on nodes that do exist in the model tree so they can have attributes, other elements
-            // can't have an attribute in model and won't get wrapped with an AttributeElement while down-casted.
+            // can't have an attribute in model and won't get wrapped with an ViewAttributeElement while down-casted.
             const breakAttributes = !node.is('uiElement');
             if (!lastGroup || lastGroup.breakAttributes != breakAttributes) {
                 groups.push({
@@ -592,28 +598,28 @@ export default class DowncastWriter {
         }
         // When no nodes were inserted - return collapsed range.
         if (!start) {
-            return new Range(position);
+            return new ViewRange(position);
         }
-        return new Range(start, end);
+        return new ViewRange(start, end);
     }
     /**
      * Removes provided range from the container.
      *
      * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `view-writer-invalid-range-container` when
-     * {@link module:engine/view/range~Range#start start} and {@link module:engine/view/range~Range#end end} positions are not placed inside
-     * same parent container.
+     * {@link module:engine/view/range~ViewRange#start start} and {@link module:engine/view/range~ViewRange#end end}
+     * positions are not placed inside same parent container.
      *
      * @param rangeOrItem Range to remove from container
-     * or an {@link module:engine/view/item~Item item} to remove. If range is provided, after removing, it will be updated
+     * or an {@link module:engine/view/item~ViewItem item} to remove. If range is provided, after removing, it will be updated
      * to a collapsed range showing the new position.
      * @returns Document fragment containing removed nodes.
      */
     remove(rangeOrItem) {
-        const range = rangeOrItem instanceof Range ? rangeOrItem : Range._createOn(rangeOrItem);
+        const range = rangeOrItem instanceof ViewRange ? rangeOrItem : ViewRange._createOn(rangeOrItem);
         validateRangeContainer(range, this.document);
         // If range is collapsed - nothing to remove.
         if (range.isCollapsed) {
-            return new DocumentFragment(this.document);
+            return new ViewDocumentFragment(this.document);
         }
         // Break attributes at range start and end.
         const { start: breakStart, end: breakEnd } = this._breakAttributesRange(range, true);
@@ -629,14 +635,14 @@ export default class DowncastWriter {
         range.start = mergePosition;
         range.end = mergePosition.clone();
         // Return removed nodes.
-        return new DocumentFragment(this.document, removed);
+        return new ViewDocumentFragment(this.document, removed);
     }
     /**
      * Removes matching elements from given range.
      *
      * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `view-writer-invalid-range-container` when
-     * {@link module:engine/view/range~Range#start start} and {@link module:engine/view/range~Range#end end} positions are not placed inside
-     * same parent container.
+     * {@link module:engine/view/range~ViewRange#start start} and {@link module:engine/view/range~ViewRange#end end}
+     * positions are not placed inside same parent container.
      *
      * @param range Range to clear.
      * @param element Element to remove.
@@ -656,7 +662,7 @@ export default class DowncastWriter {
             // When current item matches to the given element.
             if (item.is('element') && element.isSimilar(item)) {
                 // Create range on this element.
-                rangeToRemove = Range._createOn(item);
+                rangeToRemove = ViewRange._createOn(item);
                 // When range starts inside Text or TextProxy element.
             }
             else if (!current.nextPosition.isAfter(range.start) && item.is('$textProxy')) {
@@ -666,7 +672,7 @@ export default class DowncastWriter {
                 });
                 // If it is then create range inside this element.
                 if (parentElement) {
-                    rangeToRemove = Range._createIn(parentElement);
+                    rangeToRemove = ViewRange._createIn(parentElement);
                 }
             }
             // If we have found element to remove.
@@ -687,13 +693,13 @@ export default class DowncastWriter {
      * Moves nodes from provided range to target position.
      *
      * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `view-writer-invalid-range-container` when
-     * {@link module:engine/view/range~Range#start start} and {@link module:engine/view/range~Range#end end} positions are not placed inside
-     * same parent container.
+     * {@link module:engine/view/range~ViewRange#start start} and {@link module:engine/view/range~ViewRange#end end}
+     * positions are not placed inside same parent container.
      *
      * @param sourceRange Range containing nodes to move.
      * @param targetPosition Position to insert.
      * @returns Range in target container. Inserted nodes are placed between
-     * {@link module:engine/view/range~Range#start start} and {@link module:engine/view/range~Range#end end} positions.
+     * {@link module:engine/view/range~ViewRange#start start} and {@link module:engine/view/range~ViewRange#end end} positions.
      */
     move(sourceRange, targetPosition) {
         let nodes;
@@ -711,18 +717,18 @@ export default class DowncastWriter {
         return this.insert(targetPosition, nodes);
     }
     /**
-     * Wraps elements within range with provided {@link module:engine/view/attributeelement~AttributeElement AttributeElement}.
+     * Wraps elements within range with provided {@link module:engine/view/attributeelement~ViewAttributeElement ViewAttributeElement}.
      * If a collapsed range is provided, it will be wrapped only if it is equal to view selection.
      *
      * If a collapsed range was passed and is same as selection, the selection
      * will be moved to the inside of the wrapped attribute element.
      *
      * Throws {@link module:utils/ckeditorerror~CKEditorError} `view-writer-invalid-range-container`
-     * when {@link module:engine/view/range~Range#start}
-     * and {@link module:engine/view/range~Range#end} positions are not placed inside same parent container.
+     * when {@link module:engine/view/range~ViewRange#start}
+     * and {@link module:engine/view/range~ViewRange#end} positions are not placed inside same parent container.
      *
      * Throws {@link module:utils/ckeditorerror~CKEditorError} `view-writer-wrap-invalid-attribute` when passed attribute element is not
-     * an instance of {@link module:engine/view/attributeelement~AttributeElement AttributeElement}.
+     * an instance of {@link module:engine/view/attributeelement~ViewAttributeElement ViewAttributeElement}.
      *
      * Throws {@link module:utils/ckeditorerror~CKEditorError} `view-writer-wrap-nonselection-collapsed-range` when passed range
      * is collapsed and different than view selection.
@@ -732,7 +738,7 @@ export default class DowncastWriter {
      * @returns range Range after wrapping, spanning over wrapping attribute element.
      */
     wrap(range, attribute) {
-        if (!(attribute instanceof AttributeElement)) {
+        if (!(attribute instanceof ViewAttributeElement)) {
             throw new CKEditorError('view-writer-wrap-invalid-attribute', this.document);
         }
         validateRangeContainer(range, this.document);
@@ -752,21 +758,21 @@ export default class DowncastWriter {
             if (viewSelection.isCollapsed && viewSelection.getFirstPosition().isEqual(range.start)) {
                 this.setSelection(position);
             }
-            return new Range(position);
+            return new ViewRange(position);
         }
     }
     /**
      * Unwraps nodes within provided range from attribute element.
      *
      * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `view-writer-invalid-range-container` when
-     * {@link module:engine/view/range~Range#start start} and {@link module:engine/view/range~Range#end end} positions are not placed inside
-     * same parent container.
+     * {@link module:engine/view/range~ViewRange#start start} and {@link module:engine/view/range~ViewRange#end end}
+     * positions are not placed inside same parent container.
      */
     unwrap(range, attribute) {
-        if (!(attribute instanceof AttributeElement)) {
+        if (!(attribute instanceof ViewAttributeElement)) {
             /**
-             * The `attribute` passed to {@link module:engine/view/downcastwriter~DowncastWriter#unwrap `DowncastWriter#unwrap()`}
-             * must be an instance of {@link module:engine/view/attributeelement~AttributeElement `AttributeElement`}.
+             * The `attribute` passed to {@link module:engine/view/downcastwriter~ViewDowncastWriter#unwrap `ViewDowncastWriter#unwrap()`}
+             * must be an instance of {@link module:engine/view/attributeelement~ViewAttributeElement `AttributeElement`}.
              *
              * @error view-writer-unwrap-invalid-attribute
              */
@@ -789,12 +795,12 @@ export default class DowncastWriter {
             newRange.end.offset--;
         }
         const end = this.mergeAttributes(newRange.end);
-        return new Range(start, end);
+        return new ViewRange(start, end);
     }
     /**
      * Renames element by creating a copy of renamed element but with changed name and then moving contents of the
-     * old element to the new one. Keep in mind that this will invalidate all {@link module:engine/view/position~Position positions} which
-     * has renamed element as {@link module:engine/view/position~Position#parent a parent}.
+     * old element to the new one. Keep in mind that this will invalidate all {@link module:engine/view/position~ViewPosition positions}
+     * which has renamed element as {@link module:engine/view/position~ViewPosition#parent a parent}.
      *
      * New element has to be created because `Element#tagName` property in DOM is readonly.
      *
@@ -805,17 +811,17 @@ export default class DowncastWriter {
      * @returns Element created due to rename.
      */
     rename(newName, viewElement) {
-        const newElement = new ContainerElement(this.document, newName, viewElement.getAttributes());
-        this.insert(Position._createAfter(viewElement), newElement);
-        this.move(Range._createIn(viewElement), Position._createAt(newElement, 0));
-        this.remove(Range._createOn(viewElement));
+        const newElement = new ViewContainerElement(this.document, newName, viewElement.getAttributes());
+        this.insert(ViewPosition._createAfter(viewElement), newElement);
+        this.move(ViewRange._createIn(viewElement), ViewPosition._createAt(newElement, 0));
+        this.remove(ViewRange._createOn(viewElement));
         return newElement;
     }
     /**
      * Cleans up memory by removing obsolete cloned elements group from the writer.
      *
-     * Should be used whenever all {@link module:engine/view/attributeelement~AttributeElement attribute elements}
-     * with the same {@link module:engine/view/attributeelement~AttributeElement#id id} are going to be removed from the view and
+     * Should be used whenever all {@link module:engine/view/attributeelement~ViewAttributeElement attribute elements}
+     * with the same {@link module:engine/view/attributeelement~ViewAttributeElement#id id} are going to be removed from the view and
      * the group will no longer be needed.
      *
      * Cloned elements group are not removed automatically in case if the group is still needed after all its elements
@@ -831,20 +837,20 @@ export default class DowncastWriter {
     /**
      * Creates position at the given location. The location can be specified as:
      *
-     * * a {@link module:engine/view/position~Position position},
+     * * a {@link module:engine/view/position~ViewPosition position},
      * * parent element and offset (offset defaults to `0`),
      * * parent element and `'end'` (sets position at the end of that element),
-     * * {@link module:engine/view/item~Item view item} and `'before'` or `'after'` (sets position before or after given view item).
+     * * {@link module:engine/view/item~ViewItem view item} and `'before'` or `'after'` (sets position before or after given view item).
      *
      * This method is a shortcut to other constructors such as:
      *
      * * {@link #createPositionBefore},
      * * {@link #createPositionAfter},
      *
-     * @param offset Offset or one of the flags. Used only when the first parameter is a {@link module:engine/view/item~Item view item}.
+     * @param offset Offset or one of the flags. Used only when the first parameter is a {@link module:engine/view/item~ViewItem view item}.
      */
     createPositionAt(itemOrPosition, offset) {
-        return Position._createAt(itemOrPosition, offset);
+        return ViewPosition._createAt(itemOrPosition, offset);
     }
     /**
      * Creates a new position after given view item.
@@ -852,7 +858,7 @@ export default class DowncastWriter {
      * @param item View item after which the position should be located.
      */
     createPositionAfter(item) {
-        return Position._createAfter(item);
+        return ViewPosition._createAfter(item);
     }
     /**
      * Creates a new position before given view item.
@@ -860,36 +866,36 @@ export default class DowncastWriter {
      * @param item View item before which the position should be located.
      */
     createPositionBefore(item) {
-        return Position._createBefore(item);
+        return ViewPosition._createBefore(item);
     }
     /**
      * Creates a range spanning from `start` position to `end` position.
      *
-     * **Note:** This factory method creates its own {@link module:engine/view/position~Position} instances basing on passed values.
+     * **Note:** This factory method creates its own {@link module:engine/view/position~ViewPosition} instances basing on passed values.
      *
      * @param start Start position.
      * @param end End position. If not set, range will be collapsed at `start` position.
      */
     createRange(start, end) {
-        return new Range(start, end);
+        return new ViewRange(start, end);
     }
     /**
-     * Creates a range that starts before given {@link module:engine/view/item~Item view item} and ends after it.
+     * Creates a range that starts before given {@link module:engine/view/item~ViewItem view item} and ends after it.
      */
     createRangeOn(item) {
-        return Range._createOn(item);
+        return ViewRange._createOn(item);
     }
     /**
-     * Creates a range inside an {@link module:engine/view/element~Element element} which starts before the first child of
+     * Creates a range inside an {@link module:engine/view/element~ViewElement element} which starts before the first child of
      * that element and ends after the last child of that element.
      *
      * @param element Element which is a parent for the range.
      */
     createRangeIn(element) {
-        return Range._createIn(element);
+        return ViewRange._createIn(element);
     }
     createSelection(...args) {
-        return new Selection(...args);
+        return new ViewSelection(...args);
     }
     /**
      * Creates placeholders for child elements of the {@link module:engine/conversion/downcasthelpers~DowncastHelpers#elementToStructure
@@ -960,7 +966,7 @@ export default class DowncastWriter {
     _insertNodes(position, nodes, breakAttributes) {
         let parentElement;
         // Break attributes on nodes that do exist in the model tree so they can have attributes, other elements
-        // can't have an attribute in model and won't get wrapped with an AttributeElement while down-casted.
+        // can't have an attribute in model and won't get wrapped with an ViewAttributeElement while down-casted.
         if (breakAttributes) {
             parentElement = getParentContainer(position);
         }
@@ -993,7 +999,7 @@ export default class DowncastWriter {
             endPosition.offset--;
         }
         const end = this.mergeAttributes(endPosition);
-        return new Range(start, end);
+        return new ViewRange(start, end);
     }
     /**
      * Wraps children with provided `wrapElement`. Only children contained in `parent` element between
@@ -1016,7 +1022,7 @@ export default class DowncastWriter {
             //
             if (isAttribute && child._canMergeAttributesFrom(wrapElement)) {
                 child._mergeAttributesFrom(wrapElement);
-                wrapPositions.push(new Position(parent, i));
+                wrapPositions.push(new ViewPosition(parent, i));
             }
             //
             // Wrap the child if it is not an attribute element or if it is an attribute element that should be inside
@@ -1032,7 +1038,7 @@ export default class DowncastWriter {
                 newAttribute._appendChild(child);
                 parent._insertChild(i, newAttribute);
                 this._addToClonedElementsGroup(newAttribute);
-                wrapPositions.push(new Position(parent, i));
+                wrapPositions.push(new ViewPosition(parent, i));
             }
             //
             // If other nested attribute is found and it wasn't wrapped (see above), continue wrapping inside it.
@@ -1059,7 +1065,7 @@ export default class DowncastWriter {
                 endOffset--;
             }
         }
-        return Range._createFromParentsAndOffsets(parent, startOffset, parent, endOffset);
+        return ViewRange._createFromParentsAndOffsets(parent, startOffset, parent, endOffset);
     }
     /**
      * Unwraps children from provided `unwrapElement`. Only children contained in `parent` element between
@@ -1093,7 +1099,7 @@ export default class DowncastWriter {
                 parent._insertChild(i, unwrapped);
                 this._removeFromClonedElementsGroup(child);
                 // Save start and end position of moved items.
-                unwrapPositions.push(new Position(parent, i), new Position(parent, i + count));
+                unwrapPositions.push(new ViewPosition(parent, i), new ViewPosition(parent, i + count));
                 // Skip elements that were unwrapped. Assuming there won't be another element to unwrap in child elements.
                 i += count;
                 endOffset += count - 1;
@@ -1108,7 +1114,7 @@ export default class DowncastWriter {
             //
             if (child._canSubtractAttributesOf(unwrapElement)) {
                 child._subtractAttributesOf(unwrapElement);
-                unwrapPositions.push(new Position(parent, i), new Position(parent, i + 1));
+                unwrapPositions.push(new ViewPosition(parent, i), new ViewPosition(parent, i + 1));
                 i++;
                 continue;
             }
@@ -1135,14 +1141,14 @@ export default class DowncastWriter {
                 endOffset--;
             }
         }
-        return Range._createFromParentsAndOffsets(parent, startOffset, parent, endOffset);
+        return ViewRange._createFromParentsAndOffsets(parent, startOffset, parent, endOffset);
     }
     /**
      * Helper function for `view.writer.wrap`. Wraps range with provided attribute element.
      * This method will also merge newly added attribute element with its siblings whenever possible.
      *
      * Throws {@link module:utils/ckeditorerror~CKEditorError} `view-writer-wrap-invalid-attribute` when passed attribute element is not
-     * an instance of {@link module:engine/view/attributeelement~AttributeElement AttributeElement}.
+     * an instance of {@link module:engine/view/attributeelement~ViewAttributeElement ViewAttributeElement}.
      *
      * @returns New range after wrapping, spanning over wrapping attribute element.
      */
@@ -1159,14 +1165,14 @@ export default class DowncastWriter {
             newRange.end.offset--;
         }
         const end = this.mergeAttributes(newRange.end);
-        return new Range(start, end);
+        return new ViewRange(start, end);
     }
     /**
      * Helper function for {@link #wrap}. Wraps position with provided attribute element.
      * This method will also merge newly added attribute element with its siblings whenever possible.
      *
      * Throws {@link module:utils/ckeditorerror~CKEditorError} `view-writer-wrap-invalid-attribute` when passed attribute element is not
-     * an instance of {@link module:engine/view/attributeelement~AttributeElement AttributeElement}.
+     * an instance of {@link module:engine/view/attributeelement~ViewAttributeElement ViewAttributeElement}.
      *
      * @returns New position after wrapping.
      */
@@ -1186,11 +1192,11 @@ export default class DowncastWriter {
         // Insert fake element in position location.
         position.parent._insertChild(position.offset, fakeElement);
         // Range around inserted fake attribute element.
-        const wrapRange = new Range(position, position.getShiftedBy(1));
+        const wrapRange = new ViewRange(position, position.getShiftedBy(1));
         // Wrap fake element with attribute (it will also merge if possible).
         this.wrap(wrapRange, attribute);
         // Remove fake element and place new position there.
-        const newPosition = new Position(fakeElement.parent, fakeElement.index);
+        const newPosition = new ViewPosition(fakeElement.parent, fakeElement.index);
         fakeElement._remove();
         // If position is placed between text nodes - merge them and return position inside.
         const nodeBefore = newPosition.nodeBefore;
@@ -1202,7 +1208,7 @@ export default class DowncastWriter {
         return movePositionToTextNode(newPosition);
     }
     /**
-     * Helper function used by other `DowncastWriter` methods. Breaks attribute elements at the boundaries of given range.
+     * Helper function used by other `ViewDowncastWriter` methods. Breaks attribute elements at the boundaries of given range.
      *
      * @param range Range which `start` and `end` positions will be used to break attributes.
      * @param forceSplitText If set to `true`, will break text nodes even if they are directly in container element.
@@ -1216,23 +1222,23 @@ export default class DowncastWriter {
         // Break at the collapsed position. Return new collapsed range.
         if (range.isCollapsed) {
             const position = this._breakAttributes(range.start, forceSplitText);
-            return new Range(position, position);
+            return new ViewRange(position, position);
         }
         const breakEnd = this._breakAttributes(rangeEnd, forceSplitText);
         const count = breakEnd.parent.childCount;
         const breakStart = this._breakAttributes(rangeStart, forceSplitText);
         // Calculate new break end offset.
         breakEnd.offset += breakEnd.parent.childCount - count;
-        return new Range(breakStart, breakEnd);
+        return new ViewRange(breakStart, breakEnd);
     }
     /**
-     * Helper function used by other `DowncastWriter` methods. Breaks attribute elements at given position.
+     * Helper function used by other `ViewDowncastWriter` methods. Breaks attribute elements at given position.
      *
      * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `view-writer-cannot-break-empty-element` when break position
-     * is placed inside {@link module:engine/view/emptyelement~EmptyElement EmptyElement}.
+     * is placed inside {@link module:engine/view/emptyelement~ViewEmptyElement ViewEmptyElement}.
      *
      * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `view-writer-cannot-break-ui-element` when break position
-     * is placed inside {@link module:engine/view/uielement~UIElement UIElement}.
+     * is placed inside {@link module:engine/view/uielement~ViewUIElement UIElement}.
      *
      * @param position Position where to break attributes.
      * @param forceSplitText If set to `true`, will break text nodes even if they are directly in container element.
@@ -1242,13 +1248,13 @@ export default class DowncastWriter {
     _breakAttributes(position, forceSplitText = false) {
         const positionOffset = position.offset;
         const positionParent = position.parent;
-        // If position is placed inside EmptyElement - throw an exception as we cannot break inside.
+        // If position is placed inside ViewEmptyElement - throw an exception as we cannot break inside.
         if (position.parent.is('emptyElement')) {
             /**
              * Cannot break an `EmptyElement` instance.
              *
              * This error is thrown if
-             * {@link module:engine/view/downcastwriter~DowncastWriter#breakAttributes `DowncastWriter#breakAttributes()`}
+             * {@link module:engine/view/downcastwriter~ViewDowncastWriter#breakAttributes `ViewDowncastWriter#breakAttributes()`}
              * was executed in an incorrect position.
              *
              * @error view-writer-cannot-break-empty-element
@@ -1261,7 +1267,7 @@ export default class DowncastWriter {
              * Cannot break a `UIElement` instance.
              *
              * This error is thrown if
-             * {@link module:engine/view/downcastwriter~DowncastWriter#breakAttributes `DowncastWriter#breakAttributes()`}
+             * {@link module:engine/view/downcastwriter~ViewDowncastWriter#breakAttributes `ViewDowncastWriter#breakAttributes()`}
              * was executed in an incorrect position.
              *
              * @error view-writer-cannot-break-ui-element
@@ -1274,7 +1280,7 @@ export default class DowncastWriter {
              * Cannot break a `RawElement` instance.
              *
              * This error is thrown if
-             * {@link module:engine/view/downcastwriter~DowncastWriter#breakAttributes `DowncastWriter#breakAttributes()`}
+             * {@link module:engine/view/downcastwriter~ViewDowncastWriter#breakAttributes `ViewDowncastWriter#breakAttributes()`}
              * was executed in an incorrect position.
              *
              * @error view-writer-cannot-break-raw-element
@@ -1298,7 +1304,7 @@ export default class DowncastWriter {
         // <p>foo<b><u>bar</u>[]</b></p>
         // <p>foo<b><u>bar</u></b>[]</p>
         if (positionOffset == length) {
-            const newPosition = new Position(positionParent.parent, positionParent.index + 1);
+            const newPosition = new ViewPosition(positionParent.parent, positionParent.index + 1);
             return this._breakAttributes(newPosition, forceSplitText);
         }
         else {
@@ -1306,7 +1312,7 @@ export default class DowncastWriter {
             // <p>foo<b>[]<u>bar</u></b></p>
             // <p>foo{}<b><u>bar</u></b></p>
             if (positionOffset === 0) {
-                const newPosition = new Position(positionParent.parent, positionParent.index);
+                const newPosition = new ViewPosition(positionParent.parent, positionParent.index);
                 return this._breakAttributes(newPosition, forceSplitText);
             }
             // <p>foo<b><u>b{}ar</u></b></p>
@@ -1326,19 +1332,19 @@ export default class DowncastWriter {
                 // Move nodes to cloned node.
                 clonedNode._appendChild(nodesToMove);
                 // Create new position to work on.
-                const newPosition = new Position(positionParent.parent, offsetAfter);
+                const newPosition = new ViewPosition(positionParent.parent, offsetAfter);
                 return this._breakAttributes(newPosition, forceSplitText);
             }
         }
     }
     /**
-     * Stores the information that an {@link module:engine/view/attributeelement~AttributeElement attribute element} was
+     * Stores the information that an {@link module:engine/view/attributeelement~ViewAttributeElement attribute element} was
      * added to the tree. Saves the reference to the group in the given element and updates the group, so other elements
      * from the group now keep a reference to the given attribute element.
      *
-     * The clones group can be obtained using {@link module:engine/view/attributeelement~AttributeElement#getElementsWithSameId}.
+     * The clones group can be obtained using {@link module:engine/view/attributeelement~ViewAttributeElement#getElementsWithSameId}.
      *
-     * Does nothing if added element has no {@link module:engine/view/attributeelement~AttributeElement#id id}.
+     * Does nothing if added element has no {@link module:engine/view/attributeelement~ViewAttributeElement#id id}.
      *
      * @param element Attribute element to save.
      */
@@ -1367,13 +1373,13 @@ export default class DowncastWriter {
         element._clonesGroup = group;
     }
     /**
-     * Removes all the information about the given {@link module:engine/view/attributeelement~AttributeElement attribute element}
+     * Removes all the information about the given {@link module:engine/view/attributeelement~ViewAttributeElement attribute element}
      * from its clones group.
      *
      * Keep in mind, that the element will still keep a reference to the group (but the group will not keep a reference to it).
      * This allows to reference the whole group even if the element was already removed from the tree.
      *
-     * Does nothing if the element has no {@link module:engine/view/attributeelement~AttributeElement#id id}.
+     * Does nothing if the element has no {@link module:engine/view/attributeelement~ViewAttributeElement#id id}.
      *
      * @param element Attribute element to remove.
      */
@@ -1403,15 +1409,15 @@ function _hasNonUiChildren(parent) {
     return Array.from(parent.getChildren()).some(child => !child.is('uiElement'));
 }
 /**
- * The `attribute` passed to {@link module:engine/view/downcastwriter~DowncastWriter#wrap `DowncastWriter#wrap()`}
- * must be an instance of {@link module:engine/view/attributeelement~AttributeElement `AttributeElement`}.
+ * The `attribute` passed to {@link module:engine/view/downcastwriter~ViewDowncastWriter#wrap `ViewDowncastWriter#wrap()`}
+ * must be an instance of {@link module:engine/view/attributeelement~ViewAttributeElement `AttributeElement`}.
  *
  * @error view-writer-wrap-invalid-attribute
  */
 /**
- * Returns first parent container of specified {@link module:engine/view/position~Position Position}.
+ * Returns first parent container of specified {@link module:engine/view/position~ViewPosition Position}.
  * Position's parent node is checked as first, then next parents are checked.
- * Note that {@link module:engine/view/documentfragment~DocumentFragment DocumentFragment} is treated like a container.
+ * Note that {@link module:engine/view/documentfragment~ViewDocumentFragment DocumentFragment} is treated like a container.
  *
  * @param position Position used as a start point to locate parent container.
  * @returns Parent container element or `undefined` if container is not found.
@@ -1427,10 +1433,10 @@ function getParentContainer(position) {
     return parent;
 }
 /**
- * Checks if first {@link module:engine/view/attributeelement~AttributeElement AttributeElement} provided to the function
+ * Checks if first {@link module:engine/view/attributeelement~ViewAttributeElement ViewAttributeElement} provided to the function
  * can be wrapped outside second element. It is done by comparing elements'
- * {@link module:engine/view/attributeelement~AttributeElement#priority priorities}, if both have same priority
- * {@link module:engine/view/element~Element#getIdentity identities} are compared.
+ * {@link module:engine/view/attributeelement~ViewAttributeElement#priority priorities}, if both have same priority
+ * {@link module:engine/view/element~ViewElement#getIdentity identities} are compared.
  */
 function shouldABeOutsideB(a, b) {
     if (a.priority < b.priority) {
@@ -1457,11 +1463,11 @@ function shouldABeOutsideB(a, b) {
 function movePositionToTextNode(position) {
     const nodeBefore = position.nodeBefore;
     if (nodeBefore && nodeBefore.is('$text')) {
-        return new Position(nodeBefore, nodeBefore.data.length);
+        return new ViewPosition(nodeBefore, nodeBefore.data.length);
     }
     const nodeAfter = position.nodeAfter;
     if (nodeAfter && nodeAfter.is('$text')) {
-        return new Position(nodeAfter, 0);
+        return new ViewPosition(nodeAfter, 0);
     }
     return position;
 }
@@ -1479,19 +1485,19 @@ function movePositionToTextNode(position) {
  */
 function breakTextNode(position) {
     if (position.offset == position.parent.data.length) {
-        return new Position(position.parent.parent, position.parent.index + 1);
+        return new ViewPosition(position.parent.parent, position.parent.index + 1);
     }
     if (position.offset === 0) {
-        return new Position(position.parent.parent, position.parent.index);
+        return new ViewPosition(position.parent.parent, position.parent.index);
     }
     // Get part of the text that need to be moved.
     const textToMove = position.parent.data.slice(position.offset);
     // Leave rest of the text in position's parent.
     position.parent._data = position.parent.data.slice(0, position.offset);
     // Insert new text node after position's parent text node.
-    position.parent.parent._insertChild(position.parent.index + 1, new Text(position.root.document, textToMove));
+    position.parent.parent._insertChild(position.parent.index + 1, new ViewText(position.root.document, textToMove));
     // Return new position between two newly created text nodes.
-    return new Position(position.parent.parent, position.parent.index + 1);
+    return new ViewPosition(position.parent.parent, position.parent.index + 1);
 }
 /**
  * Merges two text nodes into first node. Removes second node and returns merge position.
@@ -1505,9 +1511,9 @@ function mergeTextNodes(t1, t2) {
     const nodeBeforeLength = t1.data.length;
     t1._data += t2.data;
     t2._remove();
-    return new Position(t1, nodeBeforeLength);
+    return new ViewPosition(t1, nodeBeforeLength);
 }
-const validNodesToInsert = [Text, AttributeElement, ContainerElement, EmptyElement, RawElement, UIElement];
+const validNodesToInsert = [ViewText, ViewAttributeElement, ViewContainerElement, ViewEmptyElement, ViewRawElement, ViewUIElement];
 /**
  * Checks if provided nodes are valid to insert.
  *
@@ -1520,15 +1526,15 @@ function validateNodesToInsert(nodes, errorContext) {
             /**
              * One of the nodes to be inserted is of an invalid type.
              *
-             * Nodes to be inserted with {@link module:engine/view/downcastwriter~DowncastWriter#insert `DowncastWriter#insert()`} should be
-             * of the following types:
+             * Nodes to be inserted with {@link module:engine/view/downcastwriter~ViewDowncastWriter#insert `ViewDowncastWriter#insert()`}
+             * should be of the following types:
              *
-             * * {@link module:engine/view/attributeelement~AttributeElement AttributeElement},
-             * * {@link module:engine/view/containerelement~ContainerElement ContainerElement},
-             * * {@link module:engine/view/emptyelement~EmptyElement EmptyElement},
-             * * {@link module:engine/view/uielement~UIElement UIElement},
-             * * {@link module:engine/view/rawelement~RawElement RawElement},
-             * * {@link module:engine/view/text~Text Text}.
+             * * {@link module:engine/view/attributeelement~ViewAttributeElement ViewAttributeElement},
+             * * {@link module:engine/view/containerelement~ViewContainerElement ViewContainerElement},
+             * * {@link module:engine/view/emptyelement~ViewEmptyElement ViewEmptyElement},
+             * * {@link module:engine/view/uielement~ViewUIElement UIElement},
+             * * {@link module:engine/view/rawelement~ViewRawElement RawElement},
+             * * {@link module:engine/view/text~ViewText Text}.
              *
              * @error view-writer-insert-invalid-node-type
              */
@@ -1540,16 +1546,16 @@ function validateNodesToInsert(nodes, errorContext) {
     }
 }
 /**
- * Checks if node is ContainerElement or DocumentFragment, because in most cases they should be treated the same way.
+ * Checks if node is ViewContainerElement or DocumentFragment, because in most cases they should be treated the same way.
  *
- * @returns Returns `true` if node is instance of ContainerElement or DocumentFragment.
+ * @returns Returns `true` if node is instance of ViewContainerElement or DocumentFragment.
  */
 function isContainerOrFragment(node) {
     return node && (node.is('containerElement') || node.is('documentFragment'));
 }
 /**
- * Checks if {@link module:engine/view/range~Range#start range start} and {@link module:engine/view/range~Range#end range end} are placed
- * inside same {@link module:engine/view/containerelement~ContainerElement container element}.
+ * Checks if {@link module:engine/view/range~ViewRange#start range start} and {@link module:engine/view/range~ViewRange#end range end}
+ * are placed inside same {@link module:engine/view/containerelement~ViewContainerElement container element}.
  * Throws {@link module:utils/ckeditorerror~CKEditorError CKEditorError} `view-writer-invalid-range-container` when validation fails.
  */
 function validateRangeContainer(range, errorContext) {
@@ -1559,14 +1565,14 @@ function validateRangeContainer(range, errorContext) {
         /**
          * The container of the given range is invalid.
          *
-         * This may happen if {@link module:engine/view/range~Range#start range start} and
-         * {@link module:engine/view/range~Range#end range end} positions are not placed inside the same container element or
+         * This may happen if {@link module:engine/view/range~ViewRange#start range start} and
+         * {@link module:engine/view/range~ViewRange#end range end} positions are not placed inside the same container element or
          * a parent container for these positions cannot be found.
          *
-         * Methods like {@link module:engine/view/downcastwriter~DowncastWriter#wrap `DowncastWriter#remove()`},
-         * {@link module:engine/view/downcastwriter~DowncastWriter#wrap `DowncastWriter#clean()`},
-         * {@link module:engine/view/downcastwriter~DowncastWriter#wrap `DowncastWriter#wrap()`},
-         * {@link module:engine/view/downcastwriter~DowncastWriter#wrap `DowncastWriter#unwrap()`} need to be called
+         * Methods like {@link module:engine/view/downcastwriter~ViewDowncastWriter#wrap `ViewDowncastWriter#remove()`},
+         * {@link module:engine/view/downcastwriter~ViewDowncastWriter#wrap `ViewDowncastWriter#clean()`},
+         * {@link module:engine/view/downcastwriter~ViewDowncastWriter#wrap `ViewDowncastWriter#wrap()`},
+         * {@link module:engine/view/downcastwriter~ViewDowncastWriter#wrap `ViewDowncastWriter#unwrap()`} need to be called
          * on a range that has its start and end positions located in the same container element. Both positions can be
          * nested within other elements (e.g. an attribute element) but the closest container ancestor must be the same.
          *
@@ -1575,3 +1581,9 @@ function validateRangeContainer(range, errorContext) {
         throw new CKEditorError('view-writer-invalid-range-container', errorContext);
     }
 }
+/**
+ * Checks if the provided argument is a plain object that can be used as options for container element.
+ */
+function isContainerOptions(childrenOrOptions) {
+    return isPlainObject(childrenOrOptions);
+}