@ckeditor/ckeditor5-image 45.2.1-alpha.9 → 46.0.0-alpha.0

package/src/imagestyle.d.ts

@@ -6,8 +6,8 @@
  * @module image/imagestyle
  */
 import { Plugin } from 'ckeditor5/src/core.js';
-import ImageStyleEditing from './imagestyle/imagestyleediting.js';
-import ImageStyleUI from './imagestyle/imagestyleui.js';
+import { ImageStyleEditing } from './imagestyle/imagestyleediting.js';
+import { ImageStyleUI } from './imagestyle/imagestyleui.js';
 /**
  * The image style plugin.
  *
@@ -20,7 +20,7 @@ import ImageStyleUI from './imagestyle/imagestyleui.js';
  * It provides a default configuration, which can be extended or overwritten.
  * Read more about the {@link module:image/imageconfig~ImageConfig#styles image styles configuration}.
  */
-export default class ImageStyle extends Plugin {
+export declare class ImageStyle extends Plugin {
     /**
      * @inheritDoc
      */

package/src/imagestyle.js

@@ -6,8 +6,8 @@
  * @module image/imagestyle
  */
 import { Plugin } from 'ckeditor5/src/core.js';
-import ImageStyleEditing from './imagestyle/imagestyleediting.js';
-import ImageStyleUI from './imagestyle/imagestyleui.js';
+import { ImageStyleEditing } from './imagestyle/imagestyleediting.js';
+import { ImageStyleUI } from './imagestyle/imagestyleui.js';
 /**
  * The image style plugin.
  *
@@ -20,7 +20,7 @@ import ImageStyleUI from './imagestyle/imagestyleui.js';
  * It provides a default configuration, which can be extended or overwritten.
  * Read more about the {@link module:image/imageconfig~ImageConfig#styles image styles configuration}.
  */
-export default class ImageStyle extends Plugin {
+export class ImageStyle extends Plugin {
     /**
      * @inheritDoc
      */

package/src/imagetextalternative/imagetextalternativecommand.d.ts

@@ -9,7 +9,7 @@ import { Command } from 'ckeditor5/src/core.js';
 /**
  * The image text alternative command. It is used to change the `alt` attribute of `<imageBlock>` and `<imageInline>` model elements.
  */
-export default class ImageTextAlternativeCommand extends Command {
+export declare class ImageTextAlternativeCommand extends Command {
     /**
      * The command value: `false` if there is no `alt` attribute, otherwise the value of the `alt` attribute.
      *

package/src/imagetextalternative/imagetextalternativecommand.js

@@ -9,7 +9,7 @@ import { Command } from 'ckeditor5/src/core.js';
 /**
  * The image text alternative command. It is used to change the `alt` attribute of `<imageBlock>` and `<imageInline>` model elements.
  */
-export default class ImageTextAlternativeCommand extends Command {
+export class ImageTextAlternativeCommand extends Command {
     /**
      * @inheritDoc
      */

package/src/imagetextalternative/imagetextalternativeediting.d.ts

@@ -6,13 +6,13 @@
  * @module image/imagetextalternative/imagetextalternativeediting
  */
 import { Plugin } from 'ckeditor5/src/core.js';
-import ImageUtils from '../imageutils.js';
+import { ImageUtils } from '../imageutils.js';
 /**
  * The image text alternative editing plugin.
  *
  * Registers the `'imageTextAlternative'` command.
  */
-export default class ImageTextAlternativeEditing extends Plugin {
+export declare class ImageTextAlternativeEditing extends Plugin {
     /**
      * @inheritDoc
      */

package/src/imagetextalternative/imagetextalternativeediting.js

@@ -6,14 +6,14 @@
  * @module image/imagetextalternative/imagetextalternativeediting
  */
 import { Plugin } from 'ckeditor5/src/core.js';
-import ImageTextAlternativeCommand from './imagetextalternativecommand.js';
-import ImageUtils from '../imageutils.js';
+import { ImageTextAlternativeCommand } from './imagetextalternativecommand.js';
+import { ImageUtils } from '../imageutils.js';
 /**
  * The image text alternative editing plugin.
  *
  * Registers the `'imageTextAlternative'` command.
  */
-export default class ImageTextAlternativeEditing extends Plugin {
+export class ImageTextAlternativeEditing extends Plugin {
     /**
      * @inheritDoc
      */

package/src/imagetextalternative/imagetextalternativeui.d.ts

@@ -12,7 +12,7 @@ import { ContextualBalloon } from 'ckeditor5/src/ui.js';
  *
  * The plugin uses the {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon}.
  */
-export default class ImageTextAlternativeUI extends Plugin {
+export declare class ImageTextAlternativeUI extends Plugin {
     /**
      * The contextual balloon plugin instance.
      */

package/src/imagetextalternative/imagetextalternativeui.js

@@ -8,14 +8,14 @@
 import { Plugin } from 'ckeditor5/src/core.js';
 import { ButtonView, ContextualBalloon, clickOutsideHandler, CssTransitionDisablerMixin } from 'ckeditor5/src/ui.js';
 import { IconTextAlternative } from 'ckeditor5/src/icons.js';
-import TextAlternativeFormView from './ui/textalternativeformview.js';
+import { TextAlternativeFormView } from './ui/textalternativeformview.js';
 import { repositionContextualBalloon, getBalloonPositionData } from '../image/ui/utils.js';
 /**
  * The image text alternative UI plugin.
  *
  * The plugin uses the {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon}.
  */
-export default class ImageTextAlternativeUI extends Plugin {
+export class ImageTextAlternativeUI extends Plugin {
     /**
      * The contextual balloon plugin instance.
      */

package/src/imagetextalternative/ui/textalternativeformview.d.ts

@@ -12,8 +12,10 @@ import '@ckeditor/ckeditor5-ui/theme/components/responsive-form/responsiveform.c
 import '@ckeditor/ckeditor5-ui/theme/components/form/form.css';
 /**
  * The TextAlternativeFormView class.
+ *
+ * @internal
  */
-export default class TextAlternativeFormView extends View {
+export declare class TextAlternativeFormView extends View {
     /**
      * Tracks information about the DOM focus in the form.
      */
@@ -81,6 +83,7 @@ export default class TextAlternativeFormView extends View {
  * Fired when the form view is submitted.
  *
  * @eventName ~TextAlternativeFormView#submit
+ * @internal
  */
 export type TextAlternativeFormViewSubmitEvent = {
     name: 'submit';
@@ -90,6 +93,7 @@ export type TextAlternativeFormViewSubmitEvent = {
  * Fired when the form view is canceled.
  *
  * @eventName ~TextAlternativeFormView#cancel
+ * @internal
  */
 export type TextAlternativeFormViewCancelEvent = {
     name: 'cancel';

package/src/imagetextalternative/ui/textalternativeformview.js

@@ -16,8 +16,10 @@ import '@ckeditor/ckeditor5-ui/theme/components/responsive-form/responsiveform.c
 import '@ckeditor/ckeditor5-ui/theme/components/form/form.css';
 /**
  * The TextAlternativeFormView class.
+ *
+ * @internal
  */
-export default class TextAlternativeFormView extends View {
+export class TextAlternativeFormView extends View {
     /**
      * Tracks information about the DOM focus in the form.
      */

package/src/imagetextalternative.d.ts

@@ -6,8 +6,8 @@
  * @module image/imagetextalternative
  */
 import { Plugin } from 'ckeditor5/src/core.js';
-import ImageTextAlternativeEditing from './imagetextalternative/imagetextalternativeediting.js';
-import ImageTextAlternativeUI from './imagetextalternative/imagetextalternativeui.js';
+import { ImageTextAlternativeEditing } from './imagetextalternative/imagetextalternativeediting.js';
+import { ImageTextAlternativeUI } from './imagetextalternative/imagetextalternativeui.js';
 /**
  * The image text alternative plugin.
  *
@@ -17,7 +17,7 @@ import ImageTextAlternativeUI from './imagetextalternative/imagetextalternativeu
  *  {@link module:image/imagetextalternative/imagetextalternativeediting~ImageTextAlternativeEditing}
  * and {@link module:image/imagetextalternative/imagetextalternativeui~ImageTextAlternativeUI} plugins.
  */
-export default class ImageTextAlternative extends Plugin {
+export declare class ImageTextAlternative extends Plugin {
     /**
      * @inheritDoc
      */

package/src/imagetextalternative.js

@@ -6,8 +6,8 @@
  * @module image/imagetextalternative
  */
 import { Plugin } from 'ckeditor5/src/core.js';
-import ImageTextAlternativeEditing from './imagetextalternative/imagetextalternativeediting.js';
-import ImageTextAlternativeUI from './imagetextalternative/imagetextalternativeui.js';
+import { ImageTextAlternativeEditing } from './imagetextalternative/imagetextalternativeediting.js';
+import { ImageTextAlternativeUI } from './imagetextalternative/imagetextalternativeui.js';
 /**
  * The image text alternative plugin.
  *
@@ -17,7 +17,7 @@ import ImageTextAlternativeUI from './imagetextalternative/imagetextalternativeu
  *  {@link module:image/imagetextalternative/imagetextalternativeediting~ImageTextAlternativeEditing}
  * and {@link module:image/imagetextalternative/imagetextalternativeui~ImageTextAlternativeUI} plugins.
  */
-export default class ImageTextAlternative extends Plugin {
+export class ImageTextAlternative extends Plugin {
     /**
      * @inheritDoc
      */

package/src/imagetoolbar.d.ts

@@ -7,7 +7,7 @@
  */
 import { Plugin } from 'ckeditor5/src/core.js';
 import { WidgetToolbarRepository } from 'ckeditor5/src/widget.js';
-import ImageUtils from './imageutils.js';
+import { ImageUtils } from './imageutils.js';
 /**
  * The image toolbar plugin. It creates and manages the image toolbar (the toolbar displayed when an image is selected).
  *
@@ -19,7 +19,7 @@ import ImageUtils from './imageutils.js';
  *
  * The toolbar uses the {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon}.
  */
-export default class ImageToolbar extends Plugin {
+export declare class ImageToolbar extends Plugin {
     /**
      * @inheritDoc
      */

package/src/imagetoolbar.js

@@ -7,7 +7,7 @@
  */
 import { Plugin } from 'ckeditor5/src/core.js';
 import { WidgetToolbarRepository } from 'ckeditor5/src/widget.js';
-import ImageUtils from './imageutils.js';
+import { ImageUtils } from './imageutils.js';
 import { isObject } from 'es-toolkit/compat';
 /**
  * The image toolbar plugin. It creates and manages the image toolbar (the toolbar displayed when an image is selected).
@@ -20,7 +20,7 @@ import { isObject } from 'es-toolkit/compat';
  *
  * The toolbar uses the {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon}.
  */
-export default class ImageToolbar extends Plugin {
+export class ImageToolbar extends Plugin {
     /**
      * @inheritDoc
      */

package/src/imageupload/imageuploadediting.d.ts

@@ -6,19 +6,19 @@
  * @module image/imageupload/imageuploadediting
  */
 import { Plugin, type Editor } from 'ckeditor5/src/core.js';
-import { type Element, type Writer, type DataTransfer } from 'ckeditor5/src/engine.js';
+import { type ModelElement, type ModelWriter, type ViewDataTransfer } from 'ckeditor5/src/engine.js';
 import { Notification } from 'ckeditor5/src/ui.js';
 import { ClipboardPipeline } from 'ckeditor5/src/clipboard.js';
 import { FileRepository, type UploadResponse, type FileLoader } from 'ckeditor5/src/upload.js';
-import ImageUtils from '../imageutils.js';
+import { ImageUtils } from '../imageutils.js';
 /**
  * The editing part of the image upload feature. It registers the `'uploadImage'` command
  * and the `imageUpload` command as an aliased name.
  *
  * When an image is uploaded, it fires the {@link ~ImageUploadEditing#event:uploadComplete `uploadComplete`} event
- * that allows adding custom attributes to the {@link module:engine/model/element~Element image element}.
+ * that allows adding custom attributes to the {@link module:engine/model/element~ModelElement image element}.
  */
-export default class ImageUploadEditing extends Plugin {
+export declare class ImageUploadEditing extends Plugin {
     /**
      * @inheritDoc
      */
@@ -71,7 +71,7 @@ export default class ImageUploadEditing extends Plugin {
      * @param data Data object from which `srcset` will be created.
      * @param image The image element on which the `srcset` attribute will be set.
      */
-    protected _parseAndSetSrcsetAttributeOnImage(data: Record<string, unknown>, image: Element, writer: Writer): void;
+    protected _parseAndSetSrcsetAttributeOnImage(data: Record<string, unknown>, image: ModelElement, writer: ModelWriter): void;
     /**
      * Registers image upload converters.
      *
@@ -82,10 +82,10 @@ export default class ImageUploadEditing extends Plugin {
 /**
  * Returns `true` if non-empty `text/html` is included in the data transfer.
  */
-export declare function isHtmlIncluded(dataTransfer: DataTransfer): boolean;
+export declare function isHtmlInDataTransfer(dataTransfer: ViewDataTransfer): boolean;
 /**
  * An event fired when an image is uploaded. You can hook into this event to provide
- * custom attributes to the {@link module:engine/model/element~Element image element} based on the data from
+ * custom attributes to the {@link module:engine/model/element~ModelElement image element} based on the data from
  * the server.
  *
  * ```ts
@@ -122,7 +122,7 @@ export type ImageUploadCompleteData = {
      */
     data: UploadResponse;
     /**
-     * The model {@link module:engine/model/element~Element image element} that can be customized.
+     * The model {@link module:engine/model/element~ModelElement image element} that can be customized.
      */
-    imageElement: Element;
+    imageElement: ModelElement;
 };

package/src/imageupload/imageuploadediting.js

@@ -6,13 +6,13 @@
  * @module image/imageupload/imageuploadediting
  */
 import { Plugin } from 'ckeditor5/src/core.js';
-import { UpcastWriter } from 'ckeditor5/src/engine.js';
+import { ViewUpcastWriter } from 'ckeditor5/src/engine.js';
 import { Notification } from 'ckeditor5/src/ui.js';
 import { ClipboardPipeline } from 'ckeditor5/src/clipboard.js';
 import { FileRepository } from 'ckeditor5/src/upload.js';
 import { env } from 'ckeditor5/src/utils.js';
-import ImageUtils from '../imageutils.js';
-import UploadImageCommand from './uploadimagecommand.js';
+import { ImageUtils } from '../imageutils.js';
+import { UploadImageCommand } from './uploadimagecommand.js';
 import { fetchLocalImage, isLocalImage } from '../../src/imageupload/utils.js';
 import { createImageTypeRegExp } from './utils.js';
 /**
@@ -20,9 +20,9 @@ import { createImageTypeRegExp } from './utils.js';
  * and the `imageUpload` command as an aliased name.
  *
  * When an image is uploaded, it fires the {@link ~ImageUploadEditing#event:uploadComplete `uploadComplete`} event
- * that allows adding custom attributes to the {@link module:engine/model/element~Element image element}.
+ * that allows adding custom attributes to the {@link module:engine/model/element~ModelElement image element}.
  */
-export default class ImageUploadEditing extends Plugin {
+export class ImageUploadEditing extends Plugin {
     /**
      * @inheritDoc
      */
@@ -121,7 +121,7 @@ export default class ImageUploadEditing extends Plugin {
         this.listenTo(editor.editing.view.document, 'clipboardInput', (evt, data) => {
             // Skip if non empty HTML data is included.
             // https://github.com/ckeditor/ckeditor5-upload/issues/68
-            if (isHtmlIncluded(data.dataTransfer)) {
+            if (isHtmlInDataTransfer(data.dataTransfer)) {
                 return;
             }
             const images = Array.from(data.dataTransfer.files).filter(file => {
@@ -164,7 +164,7 @@ export default class ImageUploadEditing extends Plugin {
             if (!fetchableImages.length) {
                 return;
             }
-            const writer = new UpcastWriter(editor.editing.view.document);
+            const writer = new ViewUpcastWriter(editor.editing.view.document);
             for (const fetchableImage of fetchableImages) {
                 // Set attribute marking that the image was processed already.
                 writer.setAttribute('uploadProcessed', true, fetchableImage.imageElement);
@@ -464,7 +464,7 @@ export default class ImageUploadEditing extends Plugin {
 /**
  * Returns `true` if non-empty `text/html` is included in the data transfer.
  */
-export function isHtmlIncluded(dataTransfer) {
+export function isHtmlInDataTransfer(dataTransfer) {
     return Array.from(dataTransfer.types).includes('text/html') && dataTransfer.getData('text/html') !== '';
 }
 function getImagesFromChangeItem(editor, item) {

package/src/imageupload/imageuploadprogress.d.ts

@@ -13,7 +13,7 @@ import '../../theme/imageuploadloader.css';
  * The image upload progress plugin.
  * It shows a placeholder when the image is read from the disk and a progress bar while the image is uploading.
  */
-export default class ImageUploadProgress extends Plugin {
+export declare class ImageUploadProgress extends Plugin {
     /**
      * @inheritDoc
      */

package/src/imageupload/imageuploadprogress.js

@@ -14,7 +14,7 @@ import '../../theme/imageuploadloader.css';
  * The image upload progress plugin.
  * It shows a placeholder when the image is read from the disk and a progress bar while the image is uploading.
  */
-export default class ImageUploadProgress extends Plugin {
+export class ImageUploadProgress extends Plugin {
     /**
      * @inheritDoc
      */
@@ -176,7 +176,7 @@ function _showCompleteIcon(viewFigure, writer, view) {
     }, 3000);
 }
 /**
- * Create progress bar element using {@link module:engine/view/uielement~UIElement}.
+ * Create progress bar element using {@link module:engine/view/uielement~ViewUIElement}.
  */
 function _createProgressBar(writer) {
     const progressBar = writer.createUIElement('div', { class: 'ck-progress-bar' });
@@ -184,7 +184,7 @@ function _createProgressBar(writer) {
     return progressBar;
 }
 /**
- * Create placeholder element using {@link module:engine/view/uielement~UIElement}.
+ * Create placeholder element using {@link module:engine/view/uielement~ViewUIElement}.
  */
 function _createPlaceholder(writer) {
     const placeholder = writer.createUIElement('div', { class: 'ck-upload-placeholder-loader' });
@@ -192,7 +192,7 @@ function _createPlaceholder(writer) {
     return placeholder;
 }
 /**
- * Returns {@link module:engine/view/uielement~UIElement} of given unique property from image figure element.
+ * Returns {@link module:engine/view/uielement~ViewUIElement} of given unique property from image figure element.
  * Returns `undefined` if element is not found.
  */
 function _getUIElement(imageFigure, uniqueProperty) {
@@ -203,7 +203,7 @@ function _getUIElement(imageFigure, uniqueProperty) {
     }
 }
 /**
- * Removes {@link module:engine/view/uielement~UIElement} of given unique property from image figure element.
+ * Removes {@link module:engine/view/uielement~ViewUIElement} of given unique property from image figure element.
  */
 function _removeUIElement(viewFigure, writer, uniqueProperty) {
     const element = _getUIElement(viewFigure, uniqueProperty);

package/src/imageupload/imageuploadui.d.ts

@@ -19,7 +19,7 @@ import { Plugin } from 'ckeditor5/src/core.js';
  * It also integrates with the `insertImage` toolbar component and `menuBar:insertImage` menu component, which are the default components
  * through which image upload is available.
  */
-export default class ImageUploadUI extends Plugin {
+export declare class ImageUploadUI extends Plugin {
     /**
      * @inheritDoc
      */

package/src/imageupload/imageuploadui.js

@@ -22,7 +22,7 @@ import { createImageTypeRegExp } from './utils.js';
  * It also integrates with the `insertImage` toolbar component and `menuBar:insertImage` menu component, which are the default components
  * through which image upload is available.
  */
-export default class ImageUploadUI extends Plugin {
+export class ImageUploadUI extends Plugin {
     /**
      * @inheritDoc
      */

package/src/imageupload/uploadimagecommand.d.ts

@@ -38,7 +38,7 @@ import { type ArrayOrItem } from 'ckeditor5/src/utils.js';
  * } );
  * ```
  */
-export default class UploadImageCommand extends Command {
+export declare class UploadImageCommand extends Command {
     /**
      * The command property: `false` if there is no permission on image upload, otherwise `true`.
      *

package/src/imageupload/uploadimagecommand.js

@@ -39,7 +39,7 @@ import { toArray } from 'ckeditor5/src/utils.js';
  * } );
  * ```
  */
-export default class UploadImageCommand extends Command {
+export class UploadImageCommand extends Command {
     /**
      * Creates an instance of the `imageUlpoad` command. When executed, the command upload one of
      * the currently selected image from computer.

package/src/imageupload/utils.d.ts

@@ -6,7 +6,7 @@
  * @module image/imageupload/utils
  */
 import type { ViewElement } from 'ckeditor5/src/engine.js';
-import type ImageUtils from '../imageutils.js';
+import { type ImageUtils } from '../imageutils.js';
 /**
  * Creates a regular expression used to test for image files.
  *
@@ -20,6 +20,7 @@ export declare function createImageTypeRegExp(types: Array<string>): RegExp;
 /**
  * Creates a promise that fetches the image local source (Base64 or blob) and resolves with a `File` object.
  *
+ * @internal
  * @param image Image whose source to fetch.
  * @returns A promise which resolves when an image source is fetched and converted to a `File` instance.
  * It resolves with a `File` object. If there were any errors during file processing, the promise will be rejected.
@@ -29,5 +30,6 @@ export declare function fetchLocalImage(image: ViewElement): Promise<File>;
  * Checks whether a given node is an image element with a local source (Base64 or blob).
  *
  * @param node The node to check.
+ * @internal
  */
 export declare function isLocalImage(imageUtils: ImageUtils, node: ViewElement): boolean;

package/src/imageupload/utils.js

@@ -20,6 +20,7 @@ export function createImageTypeRegExp(types) {
 /**
  * Creates a promise that fetches the image local source (Base64 or blob) and resolves with a `File` object.
  *
+ * @internal
  * @param image Image whose source to fetch.
  * @returns A promise which resolves when an image source is fetched and converted to a `File` instance.
  * It resolves with a `File` object. If there were any errors during file processing, the promise will be rejected.
@@ -51,6 +52,7 @@ export function fetchLocalImage(image) {
  * Checks whether a given node is an image element with a local source (Base64 or blob).
  *
  * @param node The node to check.
+ * @internal
  */
 export function isLocalImage(imageUtils, node) {
     if (!imageUtils.isInlineImageView(node) || !node.getAttribute('src')) {

package/src/imageupload.d.ts

@@ -6,9 +6,9 @@
  * @module image/imageupload
  */
 import { Plugin } from 'ckeditor5/src/core.js';
-import ImageUploadUI from './imageupload/imageuploadui.js';
-import ImageUploadProgress from './imageupload/imageuploadprogress.js';
-import ImageUploadEditing from './imageupload/imageuploadediting.js';
+import { ImageUploadUI } from './imageupload/imageuploadui.js';
+import { ImageUploadProgress } from './imageupload/imageuploadprogress.js';
+import { ImageUploadEditing } from './imageupload/imageuploadediting.js';
 /**
  * The image upload plugin.
  *
@@ -20,7 +20,7 @@ import ImageUploadEditing from './imageupload/imageuploadediting.js';
  * * {@link module:image/imageupload/imageuploadui~ImageUploadUI},
  * * {@link module:image/imageupload/imageuploadprogress~ImageUploadProgress}.
  */
-export default class ImageUpload extends Plugin {
+export declare class ImageUpload extends Plugin {
     /**
      * @inheritDoc
      */

package/src/imageupload.js

@@ -6,9 +6,9 @@
  * @module image/imageupload
  */
 import { Plugin } from 'ckeditor5/src/core.js';
-import ImageUploadUI from './imageupload/imageuploadui.js';
-import ImageUploadProgress from './imageupload/imageuploadprogress.js';
-import ImageUploadEditing from './imageupload/imageuploadediting.js';
+import { ImageUploadUI } from './imageupload/imageuploadui.js';
+import { ImageUploadProgress } from './imageupload/imageuploadprogress.js';
+import { ImageUploadEditing } from './imageupload/imageuploadediting.js';
 /**
  * The image upload plugin.
  *
@@ -20,7 +20,7 @@ import ImageUploadEditing from './imageupload/imageuploadediting.js';
  * * {@link module:image/imageupload/imageuploadui~ImageUploadUI},
  * * {@link module:image/imageupload/imageuploadprogress~ImageUploadProgress}.
  */
-export default class ImageUpload extends Plugin {
+export class ImageUpload extends Plugin {
     /**
      * @inheritDoc
      */

package/src/imageutils.d.ts

@@ -5,12 +5,12 @@
 /**
  * @module image/imageutils
  */
-import type { Element, ViewElement, DocumentSelection, ViewDocumentSelection, Selection, ViewSelection, DowncastWriter, Position, ViewContainerElement } from 'ckeditor5/src/engine.js';
+import type { ModelElement, ViewElement, ModelDocumentSelection, ViewDocumentSelection, ModelSelection, ViewSelection, ViewDowncastWriter, ModelPosition, ViewContainerElement } from 'ckeditor5/src/engine.js';
 import { Plugin } from 'ckeditor5/src/core.js';
 /**
  * A set of helpers related to images.
  */
-export default class ImageUtils extends Plugin {
+export declare class ImageUtils extends Plugin {
     /**
      * DOM Emitter.
      */
@@ -26,7 +26,7 @@ export default class ImageUtils extends Plugin {
     /**
      * Checks if the provided model element is an `image` or `imageInline`.
      */
-    isImage(modelElement?: Element | null): modelElement is Element & {
+    isImage(modelElement?: ModelElement | null): modelElement is ModelElement & {
         name: 'imageInline' | 'imageBlock';
     };
     /**
@@ -52,7 +52,7 @@ export default class ImageUtils extends Plugin {
      * ```
      *
      * @param attributes Attributes of the inserted image.
-     * This method filters out the attributes which are disallowed by the {@link module:engine/model/schema~Schema}.
+     * This method filters out the attributes which are disallowed by the {@link module:engine/model/schema~ModelSchema}.
      * @param selectable Place to insert the image. If not specified,
      * the {@link module:widget/utils~findOptimalInsertionRange} logic will be applied for the block images
      * and `model.document.selection` for the inline images.
@@ -66,16 +66,16 @@ export default class ImageUtils extends Plugin {
      * The default is `true`.
      * @return The inserted model image element.
      */
-    insertImage(attributes?: Record<string, unknown>, selectable?: Selection | Position | null, imageType?: ('imageBlock' | 'imageInline' | null), options?: {
+    insertImage(attributes?: Record<string, unknown>, selectable?: ModelSelection | ModelPosition | null, imageType?: ('imageBlock' | 'imageInline' | null), options?: {
         setImageSizes?: boolean;
-    }): Element | null;
+    }): ModelElement | null;
     /**
      * Reads original image sizes and sets them as `width` and `height`.
      *
      * The `src` attribute may not be available if the user is using an upload adapter. In such a case,
      * this method is called again after the upload process is complete and the `src` attribute is available.
      */
-    setImageNaturalSizeAttributes(imageElement: Element): void;
+    setImageNaturalSizeAttributes(imageElement: ModelElement): void;
     /**
      * Returns an image widget editing view element if one is selected or is among the selection's ancestors.
      */
@@ -83,7 +83,7 @@ export default class ImageUtils extends Plugin {
     /**
      * Returns a image model element if one is selected or is among the selection's ancestors.
      */
-    getClosestSelectedImageElement(selection: Selection | DocumentSelection): Element | null;
+    getClosestSelectedImageElement(selection: ModelSelection | ModelDocumentSelection): ModelElement | null;
     /**
      * Returns an image widget editing view based on the passed image view.
      */
@@ -95,15 +95,15 @@ export default class ImageUtils extends Plugin {
      */
     isImageAllowed(): boolean;
     /**
-     * Converts a given {@link module:engine/view/element~Element} to an image widget:
-     * * Adds a {@link module:engine/view/element~Element#_setCustomProperty custom property} allowing to recognize the image widget
+     * Converts a given {@link module:engine/view/element~ViewElement} to an image widget:
+     * * Adds a {@link module:engine/view/element~ViewElement#_setCustomProperty custom property} allowing to recognize the image widget
      * element.
      * * Calls the {@link module:widget/utils~toWidget} function with the proper element's label creator.
      *
      * @param writer An instance of the view writer.
      * @param label The element's label. It will be concatenated with the image `alt` attribute if one is present.
      */
-    toImageWidget(viewElement: ViewElement, writer: DowncastWriter, label: string): ViewElement;
+    toImageWidget(viewElement: ViewElement, writer: ViewDowncastWriter, label: string): ViewElement;
     /**
      * Checks if a given view element is an image widget.
      */
@@ -111,11 +111,11 @@ export default class ImageUtils extends Plugin {
     /**
      * Checks if the provided model element is an `image`.
      */
-    isBlockImage(modelElement?: Element | null): boolean;
+    isBlockImage(modelElement?: ModelElement | null): boolean;
     /**
      * Checks if the provided model element is an `imageInline`.
      */
-    isInlineImage(modelElement?: Element | null): boolean;
+    isInlineImage(modelElement?: ModelElement | null): boolean;
     /**
      * Get the view `<img>` from another view element, e.g. a widget (`<figure class="image">`), a link (`<a>`).
      *