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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ckeditor/ckeditor5-widget",
-  "version": "45.2.1",
+  "version": "46.0.0-alpha.0",
   "description": "Widget API for CKEditor 5.",
   "keywords": [
     "ckeditor",
@@ -12,14 +12,14 @@
   "type": "module",
   "main": "src/index.js",
   "dependencies": {
-    "@ckeditor/ckeditor5-core": "45.2.1",
-    "@ckeditor/ckeditor5-engine": "45.2.1",
-    "@ckeditor/ckeditor5-enter": "45.2.1",
-    "@ckeditor/ckeditor5-icons": "45.2.1",
-    "@ckeditor/ckeditor5-ui": "45.2.1",
-    "@ckeditor/ckeditor5-utils": "45.2.1",
-    "@ckeditor/ckeditor5-typing": "45.2.1",
-    "es-toolkit": "1.32.0"
+    "@ckeditor/ckeditor5-core": "46.0.0-alpha.0",
+    "@ckeditor/ckeditor5-engine": "46.0.0-alpha.0",
+    "@ckeditor/ckeditor5-enter": "46.0.0-alpha.0",
+    "@ckeditor/ckeditor5-icons": "46.0.0-alpha.0",
+    "@ckeditor/ckeditor5-ui": "46.0.0-alpha.0",
+    "@ckeditor/ckeditor5-utils": "46.0.0-alpha.0",
+    "@ckeditor/ckeditor5-typing": "46.0.0-alpha.0",
+    "es-toolkit": "1.39.5"
   },
   "author": "CKSource (http://cksource.com/)",
   "license": "SEE LICENSE IN LICENSE.md",

package/src/highlightstack.d.ts

@@ -2,8 +2,8 @@
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-import type { DowncastWriter, HighlightDescriptor } from '@ckeditor/ckeditor5-engine';
-declare const HighlightStack_base: {
+import type { ViewDowncastWriter, DowncastHighlightDescriptor } from '@ckeditor/ckeditor5-engine';
+declare const WidgetHighlightStack_base: {
     new (): import("@ckeditor/ckeditor5-utils").Emitter;
     prototype: import("@ckeditor/ckeditor5-utils").Emitter;
 };
@@ -14,25 +14,25 @@ declare const HighlightStack_base: {
  *
  * * highlight with highest priority should be applied,
  * * if two highlights have same priority - sort by CSS class provided in
- * {@link module:engine/conversion/downcasthelpers~HighlightDescriptor}.
+ * {@link module:engine/conversion/downcasthelpers~DowncastHighlightDescriptor}.
  *
  * This way, highlight will be applied with the same rules it is applied on texts.
  */
-export default class HighlightStack extends /* #__PURE__ */ HighlightStack_base {
+export declare class WidgetHighlightStack extends /* #__PURE__ */ WidgetHighlightStack_base {
     private readonly _stack;
     /**
      * Adds highlight descriptor to the stack.
      *
      * @fires change:top
      */
-    add(descriptor: HighlightDescriptor, writer: DowncastWriter): void;
+    add(descriptor: DowncastHighlightDescriptor, writer: ViewDowncastWriter): void;
     /**
      * Removes highlight descriptor from the stack.
      *
      * @fires change:top
      * @param id Id of the descriptor to remove.
      */
-    remove(id: string, writer: DowncastWriter): void;
+    remove(id: string, writer: ViewDowncastWriter): void;
     /**
      * Inserts a given descriptor in correct place in the stack. It also takes care about updating information
      * when descriptor with same id is already present.
@@ -46,29 +46,29 @@ export default class HighlightStack extends /* #__PURE__ */ HighlightStack_base
     private _removeDescriptor;
 }
 /**
- * Fired when top element on {@link module:widget/highlightstack~HighlightStack} has been changed
+ * Fired when top element on {@link module:widget/highlightstack~WidgetHighlightStack} has been changed
  *
- * @eventName ~HighlightStack#change:top
+ * @eventName ~WidgetHighlightStack#change:top
  */
-export type HighlightStackChangeEvent = {
+export type WidgetHighlightStackChangeEvent = {
     name: 'change' | 'change:top';
-    args: [HighlightStackChangeEventData];
+    args: [WidgetHighlightStackChangeEventData];
 };
 /**
  * Additional information about the change.
  */
-export type HighlightStackChangeEventData = {
+export type WidgetHighlightStackChangeEventData = {
     /**
      * Old highlight descriptor. It will be `undefined` when first descriptor is added to the stack.
      */
-    oldDescriptor: HighlightDescriptor;
+    oldDescriptor: DowncastHighlightDescriptor;
     /**
      * New highlight descriptor. It will be `undefined` when last descriptor is removed from the stack.
      */
-    newDescriptor: HighlightDescriptor;
+    newDescriptor: DowncastHighlightDescriptor;
     /**
      * View writer that can be used to modify element.
      */
-    writer: DowncastWriter;
+    writer: ViewDowncastWriter;
 };
 export {};

package/src/highlightstack.js

@@ -13,11 +13,11 @@ import { EmitterMixin } from '@ckeditor/ckeditor5-utils';
  *
  * * highlight with highest priority should be applied,
  * * if two highlights have same priority - sort by CSS class provided in
- * {@link module:engine/conversion/downcasthelpers~HighlightDescriptor}.
+ * {@link module:engine/conversion/downcasthelpers~DowncastHighlightDescriptor}.
  *
  * This way, highlight will be applied with the same rules it is applied on texts.
  */
-export default class HighlightStack extends /* #__PURE__ */ EmitterMixin() {
+export class WidgetHighlightStack extends /* #__PURE__ */ EmitterMixin() {
     _stack = [];
     /**
      * Adds highlight descriptor to the stack.
@@ -118,7 +118,7 @@ function shouldABeBeforeB(a, b) {
     return classesToString(a.classes) > classesToString(b.classes);
 }
 /**
- * Converts CSS classes passed with {@link module:engine/conversion/downcasthelpers~HighlightDescriptor} to
+ * Converts CSS classes passed with {@link module:engine/conversion/downcasthelpers~DowncastHighlightDescriptor} to
  * sorted string.
  */
 function classesToString(classes) {

package/src/index.d.ts

@@ -5,9 +5,15 @@
 /**
  * @module widget
  */
-export { default as Widget } from './widget.js';
-export { default as WidgetToolbarRepository } from './widgettoolbarrepository.js';
-export { default as WidgetResize } from './widgetresize.js';
-export { default as WidgetTypeAround } from './widgettypearound/widgettypearound.js';
-export * from './utils.js';
+export { Widget } from './widget.js';
+export { WidgetToolbarRepository } from './widgettoolbarrepository.js';
+export { WidgetResize, type WidgetResizerOptions } from './widgetresize.js';
+export { WidgetTypeAround } from './widgettypearound/widgettypearound.js';
+export { WIDGET_CLASS_NAME, WIDGET_SELECTED_CLASS_NAME, isWidget, toWidget, setHighlightHandling, setLabel, getLabel, toWidgetEditable, findOptimalInsertionRange, viewToModelPositionOutsideModelElement, calculateResizeHostAncestorWidth, calculateResizeHostPercentageWidth } from './utils.js';
+export { WidgetHighlightStack, type WidgetHighlightStackChangeEvent, type WidgetHighlightStackChangeEventData } from './highlightstack.js';
+export { verticalWidgetNavigationHandler } from './verticalnavigation.js';
+export { WidgetResizeState } from './widgetresize/resizerstate.js';
+export { WidgetResizer, type WidgetResizerBeginEvent, type WidgetResizerCancelEvent, type WidgetResizerCommitEvent, type WidgetResizerUpdateSizeEvent } from './widgetresize/resizer.js';
+export { SizeView as _WidgetSizeView } from './widgetresize/sizeview.js';
+export { TYPE_AROUND_SELECTION_ATTRIBUTE as _WIDGET_TYPE_AROUND_SELECTION_ATTRIBUTE, getClosestTypeAroundDomButton as _getClosestWidgetTypeAroundDomButton, getTypeAroundButtonPosition as _getWidgetTypeAroundButtonPosition, getClosestWidgetViewElement as _getClosestWidgetViewElement, getTypeAroundFakeCaretPosition as _getWidgetTypeAroundFakeCaretPosition, isTypeAroundWidget } from './widgettypearound/utils.js';
 import './augmentation.js';

package/src/index.js

@@ -5,9 +5,15 @@
 /**
  * @module widget
  */
-export { default as Widget } from './widget.js';
-export { default as WidgetToolbarRepository } from './widgettoolbarrepository.js';
-export { default as WidgetResize } from './widgetresize.js';
-export { default as WidgetTypeAround } from './widgettypearound/widgettypearound.js';
-export * from './utils.js';
+export { Widget } from './widget.js';
+export { WidgetToolbarRepository } from './widgettoolbarrepository.js';
+export { WidgetResize } from './widgetresize.js';
+export { WidgetTypeAround } from './widgettypearound/widgettypearound.js';
+export { WIDGET_CLASS_NAME, WIDGET_SELECTED_CLASS_NAME, isWidget, toWidget, setHighlightHandling, setLabel, getLabel, toWidgetEditable, findOptimalInsertionRange, viewToModelPositionOutsideModelElement, calculateResizeHostAncestorWidth, calculateResizeHostPercentageWidth } from './utils.js';
+export { WidgetHighlightStack } from './highlightstack.js';
+export { verticalWidgetNavigationHandler } from './verticalnavigation.js';
+export { WidgetResizeState } from './widgetresize/resizerstate.js';
+export { WidgetResizer } from './widgetresize/resizer.js';
+export { SizeView as _WidgetSizeView } from './widgetresize/sizeview.js';
+export { TYPE_AROUND_SELECTION_ATTRIBUTE as _WIDGET_TYPE_AROUND_SELECTION_ATTRIBUTE, getClosestTypeAroundDomButton as _getClosestWidgetTypeAroundDomButton, getTypeAroundButtonPosition as _getWidgetTypeAroundButtonPosition, getClosestWidgetViewElement as _getClosestWidgetViewElement, getTypeAroundFakeCaretPosition as _getWidgetTypeAroundFakeCaretPosition, isTypeAroundWidget } from './widgettypearound/utils.js';
 import './augmentation.js';

package/src/utils.d.ts

@@ -3,7 +3,7 @@
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
 import { Rect, type GetCallback } from '@ckeditor/ckeditor5-utils';
-import { type HighlightDescriptor, type MapperViewToModelPositionEvent, type DocumentSelection, type DowncastWriter, type Model, type Range, type Selection, type ViewEditableElement, type ViewElement, type ViewTypeCheckable } from '@ckeditor/ckeditor5-engine';
+import { type DowncastHighlightDescriptor, type MapperViewToModelPositionEvent, type ModelDocumentSelection, type ViewDowncastWriter, type Model, type ModelRange, type ModelSelection, type ViewEditableElement, type ViewElement, type ViewTypeCheckable } from '@ckeditor/ckeditor5-engine';
 /**
  * CSS class added to each widget element.
  */
@@ -13,15 +13,15 @@ export declare const WIDGET_CLASS_NAME = "ck-widget";
  */
 export declare const WIDGET_SELECTED_CLASS_NAME = "ck-widget_selected";
 /**
- * Returns `true` if given {@link module:engine/view/node~Node} is an {@link module:engine/view/element~Element} and a widget.
+ * Returns `true` if given {@link module:engine/view/node~ViewNode} is an {@link module:engine/view/element~ViewElement} and a widget.
  */
 export declare function isWidget(node: ViewTypeCheckable): boolean;
 /**
- * Converts the given {@link module:engine/view/element~Element} to a widget in the following way:
+ * Converts the given {@link module:engine/view/element~ViewElement} to a widget in the following way:
  *
  * * sets the `contenteditable` attribute to `"false"`,
  * * adds the `ck-widget` CSS class,
- * * adds a custom {@link module:engine/view/element~Element#getFillerOffset `getFillerOffset()`} method returning `null`,
+ * * adds a custom {@link module:engine/view/element~ViewElement#getFillerOffset `getFillerOffset()`} method returning `null`,
  * * adds a custom property allowing to recognize widget elements by using {@link ~isWidget `isWidget()`},
  * * implements the {@link ~setHighlightHandling view highlight on widgets}.
  *
@@ -62,15 +62,15 @@ export declare function isWidget(node: ViewTypeCheckable): boolean;
  * @param options.hasSelectionHandle If `true`, the widget will have a selection handle added.
  * @returns Returns the same element.
  */
-export declare function toWidget(element: ViewElement, writer: DowncastWriter, options?: {
+export declare function toWidget(element: ViewElement, writer: ViewDowncastWriter, options?: {
     label?: string | (() => string);
     hasSelectionHandle?: boolean;
 }): ViewElement;
 /**
- * Sets highlight handling methods. Uses {@link module:widget/highlightstack~HighlightStack} to
+ * Sets highlight handling methods. Uses {@link module:widget/highlightstack~WidgetHighlightStack} to
  * properly determine which highlight descriptor should be used at given time.
  */
-export declare function setHighlightHandling(element: ViewElement, writer: DowncastWriter, add?: (element: ViewElement, descriptor: HighlightDescriptor, writer: DowncastWriter) => void, remove?: (element: ViewElement, descriptor: HighlightDescriptor, writer: DowncastWriter) => void): void;
+export declare function setHighlightHandling(element: ViewElement, writer: ViewDowncastWriter, add?: (element: ViewElement, descriptor: DowncastHighlightDescriptor, writer: ViewDowncastWriter) => void, remove?: (element: ViewElement, descriptor: DowncastHighlightDescriptor, writer: ViewDowncastWriter) => void): void;
 /**
  * Sets label for given element.
  * It can be passed as a plain string or a function returning a string. Function will be called each time label is retrieved by
@@ -82,9 +82,10 @@ export declare function setLabel(element: ViewElement, labelOrCreator: string |
  */
 export declare function getLabel(element: ViewElement): string;
 /**
- * Adds functionality to the provided {@link module:engine/view/editableelement~EditableElement} to act as a widget's editable:
+ * Adds functionality to the provided {@link module:engine/view/editableelement~ViewEditableElement} to act as a widget's editable:
  *
- * * sets the `contenteditable` attribute to `true` when {@link module:engine/view/editableelement~EditableElement#isReadOnly} is `false`,
+ * * sets the `contenteditable` attribute to `true` when
+ * {@link module:engine/view/editableelement~ViewEditableElement#isReadOnly} is `false`,
  * otherwise sets it to `false`,
  * * adds the `ck-editor__editable` and `ck-editor__nested-editable` CSS classes,
  * * adds the `ck-editor__nested-editable_focused` CSS class when the editable is focused and removes it when it is blurred.
@@ -125,7 +126,7 @@ export declare function getLabel(element: ViewElement): string;
  * @param options.withAriaRole Whether to add the role="textbox" attribute on the editable. Defaults to `true`.
  * @returns Returns the same element that was provided in the `editable` parameter
  */
-export declare function toWidgetEditable(editable: ViewEditableElement, writer: DowncastWriter, options?: {
+export declare function toWidgetEditable(editable: ViewEditableElement, writer: ViewDowncastWriter, options?: {
     label?: string;
     withAriaRole?: boolean;
 }): ViewEditableElement;
@@ -144,7 +145,7 @@ export declare function toWidgetEditable(editable: ViewEditableElement, writer:
  * @param model Model instance.
  * @returns The optimal range.
  */
-export declare function findOptimalInsertionRange(selection: Selection | DocumentSelection, model: Model): Range;
+export declare function findOptimalInsertionRange(selection: ModelSelection | ModelDocumentSelection, model: Model): ModelRange;
 /**
  * A util to be used in order to map view positions to correct model positions when implementing a widget
  * which renders non-empty view element for an empty model element.

package/src/utils.js

@@ -8,7 +8,7 @@
 import { IconDragHandle } from '@ckeditor/ckeditor5-icons';
 import { Rect, CKEditorError, toArray } from '@ckeditor/ckeditor5-utils';
 import { IconView } from '@ckeditor/ckeditor5-ui';
-import HighlightStack from './highlightstack.js';
+import { WidgetHighlightStack } from './highlightstack.js';
 import { getTypeAroundFakeCaretPosition } from './widgettypearound/utils.js';
 /**
  * CSS class added to each widget element.
@@ -19,7 +19,7 @@ export const WIDGET_CLASS_NAME = 'ck-widget';
  */
 export const WIDGET_SELECTED_CLASS_NAME = 'ck-widget_selected';
 /**
- * Returns `true` if given {@link module:engine/view/node~Node} is an {@link module:engine/view/element~Element} and a widget.
+ * Returns `true` if given {@link module:engine/view/node~ViewNode} is an {@link module:engine/view/element~ViewElement} and a widget.
  */
 export function isWidget(node) {
     if (!node.is('element')) {
@@ -28,11 +28,11 @@ export function isWidget(node) {
     return !!node.getCustomProperty('widget');
 }
 /**
- * Converts the given {@link module:engine/view/element~Element} to a widget in the following way:
+ * Converts the given {@link module:engine/view/element~ViewElement} to a widget in the following way:
  *
  * * sets the `contenteditable` attribute to `"false"`,
  * * adds the `ck-widget` CSS class,
- * * adds a custom {@link module:engine/view/element~Element#getFillerOffset `getFillerOffset()`} method returning `null`,
+ * * adds a custom {@link module:engine/view/element~ViewElement#getFillerOffset `getFillerOffset()`} method returning `null`,
  * * adds a custom property allowing to recognize widget elements by using {@link ~isWidget `isWidget()`},
  * * implements the {@link ~setHighlightHandling view highlight on widgets}.
  *
@@ -76,7 +76,7 @@ export function isWidget(node) {
 export function toWidget(element, writer, options = {}) {
     if (!element.is('containerElement')) {
         /**
-         * The element passed to `toWidget()` must be a {@link module:engine/view/containerelement~ContainerElement}
+         * The element passed to `toWidget()` must be a {@link module:engine/view/containerelement~ViewContainerElement}
          * instance.
          *
          * @error widget-to-widget-wrong-element-type
@@ -127,11 +127,11 @@ function removeHighlight(element, descriptor, writer) {
     }
 }
 /**
- * Sets highlight handling methods. Uses {@link module:widget/highlightstack~HighlightStack} to
+ * Sets highlight handling methods. Uses {@link module:widget/highlightstack~WidgetHighlightStack} to
  * properly determine which highlight descriptor should be used at given time.
  */
 export function setHighlightHandling(element, writer, add = addHighlight, remove = removeHighlight) {
-    const stack = new HighlightStack();
+    const stack = new WidgetHighlightStack();
     stack.on('change:top', (evt, data) => {
         if (data.oldDescriptor) {
             remove(element, data.oldDescriptor, data.writer);
@@ -169,9 +169,10 @@ export function getLabel(element) {
     }, '');
 }
 /**
- * Adds functionality to the provided {@link module:engine/view/editableelement~EditableElement} to act as a widget's editable:
+ * Adds functionality to the provided {@link module:engine/view/editableelement~ViewEditableElement} to act as a widget's editable:
  *
- * * sets the `contenteditable` attribute to `true` when {@link module:engine/view/editableelement~EditableElement#isReadOnly} is `false`,
+ * * sets the `contenteditable` attribute to `true` when
+ * {@link module:engine/view/editableelement~ViewEditableElement#isReadOnly} is `false`,
  * otherwise sets it to `false`,
  * * adds the `ck-editor__editable` and `ck-editor__nested-editable` CSS classes,
  * * adds the `ck-editor__nested-editable_focused` CSS class when the editable is focused and removes it when it is blurred.

package/src/verticalnavigation.d.ts

@@ -12,4 +12,4 @@ import type { EditingController, ViewDocumentArrowKeyEvent } from '@ckeditor/cke
  *
  * @param editing The editing controller.
  */
-export default function verticalNavigationHandler(editing: EditingController): GetCallback<ViewDocumentArrowKeyEvent>;
+export declare function verticalWidgetNavigationHandler(editing: EditingController): GetCallback<ViewDocumentArrowKeyEvent>;

package/src/verticalnavigation.js

@@ -11,7 +11,7 @@ import { keyCodes, Rect } from '@ckeditor/ckeditor5-utils';
  *
  * @param editing The editing controller.
  */
-export default function verticalNavigationHandler(editing) {
+export function verticalWidgetNavigationHandler(editing) {
     const model = editing.model;
     return (evt, data) => {
         const arrowUpPressed = data.keyCode == keyCodes.arrowup;

package/src/widget.d.ts

@@ -6,9 +6,9 @@
  * @module widget/widget
  */
 import { Plugin } from '@ckeditor/ckeditor5-core';
-import { type Element, type Node } from '@ckeditor/ckeditor5-engine';
+import { type ModelElement, type ModelNode } from '@ckeditor/ckeditor5-engine';
 import { Delete } from '@ckeditor/ckeditor5-typing';
-import WidgetTypeAround from './widgettypearound/widgettypearound.js';
+import { WidgetTypeAround } from './widgettypearound/widgettypearound.js';
 import '../theme/widget.css';
 /**
  * The widget plugin. It enables base support for widgets.
@@ -19,11 +19,11 @@ import '../theme/widget.css';
  *
  * * The model to view selection converter for the editing pipeline (it handles widget custom selection rendering).
  * If a converted selection wraps around a widget element, that selection is marked as
- * {@link module:engine/view/selection~Selection#isFake fake}. Additionally, the `ck-widget_selected` CSS class
+ * {@link module:engine/view/selection~ViewSelection#isFake fake}. Additionally, the `ck-widget_selected` CSS class
  * is added to indicate that widget has been selected.
  * * The mouse and keyboard events handling on and around widget elements.
  */
-export default class Widget extends Plugin {
+export declare class Widget extends Plugin {
     /**
      * Holds previously selected widgets.
      */
@@ -45,7 +45,7 @@ export default class Widget extends Plugin {
      */
     init(): void;
     /**
-     * Handles {@link module:engine/view/document~Document#event:mousedown mousedown} events on widget elements.
+     * Handles {@link module:engine/view/document~ViewDocument#event:mousedown mousedown} events on widget elements.
      */
     private _onMousedown;
     /**
@@ -53,7 +53,7 @@ export default class Widget extends Plugin {
      */
     private _selectBlockContent;
     /**
-     * Handles {@link module:engine/view/document~Document#event:keydown keydown} events and changes
+     * Handles {@link module:engine/view/document~ViewDocument#event:keydown keydown} events and changes
      * the model selection when:
      *
      * * arrow key is pressed when the widget is selected,
@@ -63,7 +63,7 @@ export default class Widget extends Plugin {
      */
     private _handleSelectionChangeOnArrowKeyPress;
     /**
-     * Handles {@link module:engine/view/document~Document#event:keydown keydown} events and prevents
+     * Handles {@link module:engine/view/document~ViewDocument#event:keydown keydown} events and prevents
      * the default browser behavior to make sure the fake selection is not being moved from a fake selection
      * container.
      *
@@ -78,20 +78,20 @@ export default class Widget extends Plugin {
      */
     private _handleDelete;
     /**
-     * Sets {@link module:engine/model/selection~Selection document's selection} over given element.
+     * Sets {@link module:engine/model/selection~ModelSelection document's selection} over given element.
      *
      * @internal
      */
-    _setSelectionOverElement(element: Node): void;
+    _setSelectionOverElement(element: ModelNode): void;
     /**
-     * Checks if {@link module:engine/model/element~Element element} placed next to the current
-     * {@link module:engine/model/selection~Selection model selection} exists and is marked in
-     * {@link module:engine/model/schema~Schema schema} as `object`.
+     * Checks if {@link module:engine/model/element~ModelElement element} placed next to the current
+     * {@link module:engine/model/selection~ModelSelection model selection} exists and is marked in
+     * {@link module:engine/model/schema~ModelSchema schema} as `object`.
      *
      * @internal
      * @param forward Direction of checking.
      */
-    _getObjectElementNextToSelection(forward: boolean): Element | null;
+    _getObjectElementNextToSelection(forward: boolean): ModelElement | null;
     /**
      * Removes CSS class from previously selected widgets.
      */

package/src/widget.js

@@ -6,11 +6,11 @@
  * @module widget/widget
  */
 import { Plugin } from '@ckeditor/ckeditor5-core';
-import { MouseObserver, TreeWalker } from '@ckeditor/ckeditor5-engine';
+import { MouseObserver, ModelTreeWalker } from '@ckeditor/ckeditor5-engine';
 import { Delete } from '@ckeditor/ckeditor5-typing';
 import { env, keyCodes, getLocalizedArrowKeyCodeDirection, getRangeFromMouseEvent } from '@ckeditor/ckeditor5-utils';
-import WidgetTypeAround from './widgettypearound/widgettypearound.js';
-import verticalNavigationHandler from './verticalnavigation.js';
+import { WidgetTypeAround } from './widgettypearound/widgettypearound.js';
+import { verticalWidgetNavigationHandler } from './verticalnavigation.js';
 import { getLabel, isWidget, WIDGET_SELECTED_CLASS_NAME } from './utils.js';
 import '../theme/widget.css';
 /**
@@ -22,11 +22,11 @@ import '../theme/widget.css';
  *
  * * The model to view selection converter for the editing pipeline (it handles widget custom selection rendering).
  * If a converted selection wraps around a widget element, that selection is marked as
- * {@link module:engine/view/selection~Selection#isFake fake}. Additionally, the `ck-widget_selected` CSS class
+ * {@link module:engine/view/selection~ViewSelection#isFake fake}. Additionally, the `ck-widget_selected` CSS class
  * is added to indicate that widget has been selected.
  * * The mouse and keyboard events handling on and around widget elements.
  */
-export default class Widget extends Plugin {
+export class Widget extends Plugin {
     /**
      * Holds previously selected widgets.
      */
@@ -141,7 +141,7 @@ export default class Widget extends Plugin {
         this.listenTo(viewDocument, 'arrowKey', (...args) => {
             this._preventDefaultOnArrowKeyPress(...args);
         }, { context: '$root' });
-        this.listenTo(viewDocument, 'arrowKey', verticalNavigationHandler(this.editor.editing), { context: '$text' });
+        this.listenTo(viewDocument, 'arrowKey', verticalWidgetNavigationHandler(this.editor.editing), { context: '$text' });
         // Handle custom delete behaviour.
         this.listenTo(viewDocument, 'delete', (evt, data) => {
             if (this._handleDelete(data.direction == 'forward')) {
@@ -213,7 +213,7 @@ export default class Widget extends Plugin {
         });
     }
     /**
-     * Handles {@link module:engine/view/document~Document#event:mousedown mousedown} events on widget elements.
+     * Handles {@link module:engine/view/document~ViewDocument#event:mousedown mousedown} events on widget elements.
      */
     _onMousedown(eventInfo, domEventData) {
         const editor = this.editor;
@@ -290,7 +290,7 @@ export default class Widget extends Plugin {
         return true;
     }
     /**
-     * Handles {@link module:engine/view/document~Document#event:keydown keydown} events and changes
+     * Handles {@link module:engine/view/document~ViewDocument#event:keydown keydown} events and changes
      * the model selection when:
      *
      * * arrow key is pressed when the widget is selected,
@@ -353,7 +353,7 @@ export default class Widget extends Plugin {
         }
     }
     /**
-     * Handles {@link module:engine/view/document~Document#event:keydown keydown} events and prevents
+     * Handles {@link module:engine/view/document~ViewDocument#event:keydown keydown} events and prevents
      * the default browser behavior to make sure the fake selection is not being moved from a fake selection
      * container.
      *
@@ -402,7 +402,7 @@ export default class Widget extends Plugin {
         }
     }
     /**
-     * Sets {@link module:engine/model/selection~Selection document's selection} over given element.
+     * Sets {@link module:engine/model/selection~ModelSelection document's selection} over given element.
      *
      * @internal
      */
@@ -412,9 +412,9 @@ export default class Widget extends Plugin {
         });
     }
     /**
-     * Checks if {@link module:engine/model/element~Element element} placed next to the current
-     * {@link module:engine/model/selection~Selection model selection} exists and is marked in
-     * {@link module:engine/model/schema~Schema schema} as `object`.
+     * Checks if {@link module:engine/model/element~ModelElement element} placed next to the current
+     * {@link module:engine/model/selection~ModelSelection model selection} exists and is marked in
+     * {@link module:engine/model/schema~ModelSchema schema} as `object`.
      *
      * @internal
      * @param forward Direction of checking.
@@ -587,7 +587,7 @@ function findTextBlockAncestor(modelElement, schema) {
  * Returns next text block where could put selection.
  */
 function findNextTextBlock(position, schema) {
-    const treeWalker = new TreeWalker({ startPosition: position });
+    const treeWalker = new ModelTreeWalker({ startPosition: position });
     for (const { item } of treeWalker) {
         if (schema.isLimit(item) || !item.is('element')) {
             return null;

package/src/widgetresize/resizer.d.ts

@@ -3,16 +3,16 @@
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
 import { Rect, type DecoratedMethodEvent } from '@ckeditor/ckeditor5-utils';
-import ResizeState from './resizerstate.js';
-import type { ResizerOptions } from '../widgetresize.js';
-declare const Resizer_base: {
+import { WidgetResizeState } from './resizerstate.js';
+import type { WidgetResizerOptions } from '../widgetresize.js';
+declare const WidgetResizer_base: {
     new (): import("@ckeditor/ckeditor5-utils").Observable;
     prototype: import("@ckeditor/ckeditor5-utils").Observable;
 };
 /**
  * Represents a resizer for a single resizable object.
  */
-export default class Resizer extends /* #__PURE__ */ Resizer_base {
+export declare class WidgetResizer extends /* #__PURE__ */ WidgetResizer_base {
     /**
      * Flag that indicates whether resizer can be used.
      *
@@ -51,19 +51,19 @@ export default class Resizer extends /* #__PURE__ */ Resizer_base {
      */
     private _viewResizerWrapper;
     /**
-     * The width of the resized {@link module:widget/widgetresize~ResizerOptions#viewElement viewElement} before the resizing started.
+     * The width of the resized {@link module:widget/widgetresize~WidgetResizerOptions#viewElement viewElement} before the resizing started.
      */
     private _initialViewWidth;
     /**
      * @param options Resizer options.
      */
-    constructor(options: ResizerOptions);
+    constructor(options: WidgetResizerOptions);
     /**
      * Stores the state of the resizable host geometry, such as the original width, the currently proposed height, etc.
      *
      * Note that a new state is created for each resize transaction.
      */
-    get state(): ResizeState;
+    get state(): WidgetResizeState;
     /**
      * Makes resizer visible in the UI.
      */
@@ -159,19 +159,19 @@ export default class Resizer extends /* #__PURE__ */ Resizer_base {
     private _appendSizeUI;
 }
 /**
- * @eventName ~Resizer#begin
+ * @eventName ~WidgetResizer#begin
  */
-export type ResizerBeginEvent = DecoratedMethodEvent<Resizer, 'begin'>;
+export type WidgetResizerBeginEvent = DecoratedMethodEvent<WidgetResizer, 'begin'>;
 /**
- * @eventName ~Resizer#cancel
+ * @eventName ~WidgetResizer#cancel
  */
-export type ResizerCancelEvent = DecoratedMethodEvent<Resizer, 'cancel'>;
+export type WidgetResizerCancelEvent = DecoratedMethodEvent<WidgetResizer, 'cancel'>;
 /**
- * @eventName ~Resizer#commit
+ * @eventName ~WidgetResizer#commit
  */
-export type ResizerCommitEvent = DecoratedMethodEvent<Resizer, 'commit'>;
+export type WidgetResizerCommitEvent = DecoratedMethodEvent<WidgetResizer, 'commit'>;
 /**
- * @eventName ~Resizer#updateSize
+ * @eventName ~WidgetResizer#updateSize
  */
-export type ResizerUpdateSizeEvent = DecoratedMethodEvent<Resizer, 'updateSize'>;
+export type WidgetResizerUpdateSizeEvent = DecoratedMethodEvent<WidgetResizer, 'updateSize'>;
 export {};

package/src/widgetresize/resizer.js

@@ -7,12 +7,12 @@
  */
 import { Template } from '@ckeditor/ckeditor5-ui';
 import { Rect, ObservableMixin, compareArrays } from '@ckeditor/ckeditor5-utils';
-import ResizeState from './resizerstate.js';
-import SizeView from './sizeview.js';
+import { WidgetResizeState } from './resizerstate.js';
+import { SizeView } from './sizeview.js';
 /**
  * Represents a resizer for a single resizable object.
  */
-export default class Resizer extends /* #__PURE__ */ ObservableMixin() {
+export class WidgetResizer extends /* #__PURE__ */ ObservableMixin() {
     /**
      * Stores the state of the resizable host geometry, such as the original width, the currently proposed height, etc.
      *
@@ -32,7 +32,7 @@ export default class Resizer extends /* #__PURE__ */ ObservableMixin() {
      */
     _viewResizerWrapper = null;
     /**
-     * The width of the resized {@link module:widget/widgetresize~ResizerOptions#viewElement viewElement} before the resizing started.
+     * The width of the resized {@link module:widget/widgetresize~WidgetResizerOptions#viewElement viewElement} before the resizing started.
      */
     _initialViewWidth;
     /**
@@ -127,7 +127,7 @@ export default class Resizer extends /* #__PURE__ */ ObservableMixin() {
      * @param domResizeHandle Clicked handle.
      */
     begin(domResizeHandle) {
-        this._state = new ResizeState(this._options);
+        this._state = new WidgetResizeState(this._options);
         this._sizeView._bindToState(this._options, this.state);
         this._initialViewWidth = this._options.viewElement.getStyle('width');
         this.state.begin(domResizeHandle, this._getHandleHost(), this._getResizeHost());