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

package/package.json

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

package/src/autoimage.d.ts

@@ -9,12 +9,12 @@ import { Plugin, type Editor } from 'ckeditor5/src/core.js';
 import { Clipboard } from 'ckeditor5/src/clipboard.js';
 import { Undo } from 'ckeditor5/src/undo.js';
 import { Delete } from 'ckeditor5/src/typing.js';
-import ImageUtils from './imageutils.js';
+import { ImageUtils } from './imageutils.js';
 /**
  * The auto-image plugin. It recognizes image links in the pasted content and embeds
  * them shortly after they are injected into the document.
  */
-export default class AutoImage extends Plugin {
+export declare class AutoImage extends Plugin {
     /**
      * @inheritDoc
      */

package/src/autoimage.js

@@ -7,11 +7,11 @@
  */
 import { Plugin } from 'ckeditor5/src/core.js';
 import { Clipboard } from 'ckeditor5/src/clipboard.js';
-import { LivePosition, LiveRange } from 'ckeditor5/src/engine.js';
+import { ModelLivePosition, ModelLiveRange } from 'ckeditor5/src/engine.js';
 import { Undo } from 'ckeditor5/src/undo.js';
 import { Delete } from 'ckeditor5/src/typing.js';
 import { global } from 'ckeditor5/src/utils.js';
-import ImageUtils from './imageutils.js';
+import { ImageUtils } from './imageutils.js';
 // Implements the pattern: http(s)://(www.)example.com/path/to/resource.ext?query=params&maybe=too.
 const IMAGE_URL_REGEXP = new RegExp(String(/^(http(s)?:\/\/)?[\w-]+\.[\w.~:/[\]@!$&'()*+,;=%-]+/.source +
     /\.(jpg|jpeg|png|gif|ico|webp|JPG|JPEG|PNG|GIF|ICO|WEBP)/.source +
@@ -21,7 +21,7 @@ const IMAGE_URL_REGEXP = new RegExp(String(/^(http(s)?:\/\/)?[\w-]+\.[\w.~:/[\]@
  * The auto-image plugin. It recognizes image links in the pasted content and embeds
  * them shortly after they are injected into the document.
  */
-export default class AutoImage extends Plugin {
+export class AutoImage extends Plugin {
     /**
      * @inheritDoc
      */
@@ -70,9 +70,9 @@ export default class AutoImage extends Plugin {
         // into an image.
         this.listenTo(clipboardPipeline, 'inputTransformation', () => {
             const firstRange = modelDocument.selection.getFirstRange();
-            const leftLivePosition = LivePosition.fromPosition(firstRange.start);
+            const leftLivePosition = ModelLivePosition.fromPosition(firstRange.start);
             leftLivePosition.stickiness = 'toPrevious';
-            const rightLivePosition = LivePosition.fromPosition(firstRange.end);
+            const rightLivePosition = ModelLivePosition.fromPosition(firstRange.end);
             rightLivePosition.stickiness = 'toNext';
             modelDocument.once('change:data', () => {
                 this._embedImageBetweenPositions(leftLivePosition, rightLivePosition);
@@ -98,8 +98,8 @@ export default class AutoImage extends Plugin {
      */
     _embedImageBetweenPositions(leftPosition, rightPosition) {
         const editor = this.editor;
-        // TODO: Use a marker instead of LiveRange & LivePositions.
-        const urlRange = new LiveRange(leftPosition, rightPosition);
+        // TODO: Use a marker instead of ModelLiveRange & LivePositions.
+        const urlRange = new ModelLiveRange(leftPosition, rightPosition);
         const walker = urlRange.getWalker({ ignoreElementEnd: true });
         const selectionAttributes = Object.fromEntries(editor.model.document.selection.getAttributes());
         const imageUtils = this.editor.plugins.get('ImageUtils');
@@ -116,7 +116,7 @@ export default class AutoImage extends Plugin {
             return;
         }
         // Position will not be available in the `setTimeout` function so let's clone it.
-        this._positionToInsert = LivePosition.fromPosition(leftPosition);
+        this._positionToInsert = ModelLivePosition.fromPosition(leftPosition);
         // This action mustn't be executed if undo was called between pasting and auto-embedding.
         this._timeoutId = setTimeout(() => {
             // Do nothing if image element cannot be inserted at the current position.

package/src/image/converters.d.ts

@@ -6,7 +6,7 @@
  * @module image/image/converters
  */
 import type { DowncastDispatcher, UpcastDispatcher } from 'ckeditor5/src/engine.js';
-import type ImageUtils from '../imageutils.js';
+import { type ImageUtils } from '../imageutils.js';
 /**
  * Returns a function that converts the image view representation:
  *

package/src/image/imageblockediting.d.ts

@@ -7,10 +7,10 @@
  */
 import { Plugin } from 'ckeditor5/src/core.js';
 import { ClipboardPipeline } from 'ckeditor5/src/clipboard.js';
-import ImageEditing from './imageediting.js';
-import ImageSizeAttributes from '../imagesizeattributes.js';
-import ImageUtils from '../imageutils.js';
-import ImagePlaceholder from './imageplaceholder.js';
+import { ImageEditing } from './imageediting.js';
+import { ImageSizeAttributes } from '../imagesizeattributes.js';
+import { ImageUtils } from '../imageutils.js';
+import { ImagePlaceholder } from './imageplaceholder.js';
 /**
  * The image block plugin.
  *
@@ -21,7 +21,7 @@ import ImagePlaceholder from './imageplaceholder.js';
  * * {@link module:image/image/imagetypecommand~ImageTypeCommand `'imageTypeBlock'`} command that converts inline images into
  * block images.
  */
-export default class ImageBlockEditing extends Plugin {
+export declare class ImageBlockEditing extends Plugin {
     /**
      * @inheritDoc
      */

package/src/image/imageblockediting.js

@@ -7,14 +7,14 @@
  */
 import { Plugin } from 'ckeditor5/src/core.js';
 import { ClipboardPipeline } from 'ckeditor5/src/clipboard.js';
-import { UpcastWriter } from 'ckeditor5/src/engine.js';
+import { ViewUpcastWriter } from 'ckeditor5/src/engine.js';
 import { downcastImageAttribute, downcastSrcsetAttribute, upcastImageFigure } from './converters.js';
-import ImageEditing from './imageediting.js';
-import ImageSizeAttributes from '../imagesizeattributes.js';
-import ImageTypeCommand from './imagetypecommand.js';
-import ImageUtils from '../imageutils.js';
+import { ImageEditing } from './imageediting.js';
+import { ImageSizeAttributes } from '../imagesizeattributes.js';
+import { ImageTypeCommand } from './imagetypecommand.js';
+import { ImageUtils } from '../imageutils.js';
 import { getImgViewElementMatcher, createBlockImageViewElement, determineImageTypeForInsertionAtSelection } from './utils.js';
-import ImagePlaceholder from './imageplaceholder.js';
+import { ImagePlaceholder } from './imageplaceholder.js';
 /**
  * The image block plugin.
  *
@@ -25,7 +25,7 @@ import ImagePlaceholder from './imageplaceholder.js';
  * * {@link module:image/image/imagetypecommand~ImageTypeCommand `'imageTypeBlock'`} command that converts inline images into
  * block images.
  */
-export default class ImageBlockEditing extends Plugin {
+export class ImageBlockEditing extends Plugin {
     /**
      * @inheritDoc
      */
@@ -136,7 +136,7 @@ export default class ImageBlockEditing extends Plugin {
             // Convert inline images into block images only when the currently selected block is empty
             // (e.g. an empty paragraph) or some object is selected (to replace it).
             if (determineImageTypeForInsertionAtSelection(model.schema, selection) === 'imageBlock') {
-                const writer = new UpcastWriter(editingView.document);
+                const writer = new ViewUpcastWriter(editingView.document);
                 // Wrap <img ... /> -> <figure class="image"><img .../></figure>
                 const blockViewImages = docFragmentChildren.map(inlineViewImage => writer.createElement('figure', { class: 'image' }, inlineViewImage));
                 data.content = writer.createDocumentFragment(blockViewImages);

package/src/image/imageediting.d.ts

@@ -6,7 +6,7 @@
  * @module image/image/imageediting
  */
 import { Plugin } from 'ckeditor5/src/core.js';
-import ImageUtils from '../imageutils.js';
+import { ImageUtils } from '../imageutils.js';
 /**
  * The image engine plugin. This module loads common code shared between
  * {@link module:image/image/imageinlineediting~ImageInlineEditing} and
@@ -14,7 +14,7 @@ import ImageUtils from '../imageutils.js';
  *
  * This plugin registers the {@link module:image/image/insertimagecommand~InsertImageCommand 'insertImage'} command.
  */
-export default class ImageEditing extends Plugin {
+export declare class ImageEditing extends Plugin {
     /**
      * @inheritDoc
      */

package/src/image/imageediting.js

@@ -6,10 +6,10 @@
  * @module image/image/imageediting
  */
 import { Plugin } from 'ckeditor5/src/core.js';
-import ImageLoadObserver from './imageloadobserver.js';
-import InsertImageCommand from './insertimagecommand.js';
-import ReplaceImageSourceCommand from './replaceimagesourcecommand.js';
-import ImageUtils from '../imageutils.js';
+import { ImageLoadObserver } from './imageloadobserver.js';
+import { InsertImageCommand } from './insertimagecommand.js';
+import { ReplaceImageSourceCommand } from './replaceimagesourcecommand.js';
+import { ImageUtils } from '../imageutils.js';
 /**
  * The image engine plugin. This module loads common code shared between
  * {@link module:image/image/imageinlineediting~ImageInlineEditing} and
@@ -17,7 +17,7 @@ import ImageUtils from '../imageutils.js';
  *
  * This plugin registers the {@link module:image/image/insertimagecommand~InsertImageCommand 'insertImage'} command.
  */
-export default class ImageEditing extends Plugin {
+export class ImageEditing extends Plugin {
     /**
      * @inheritDoc
      */

package/src/image/imageinlineediting.d.ts

@@ -7,10 +7,10 @@
  */
 import { Plugin } from 'ckeditor5/src/core.js';
 import { ClipboardPipeline } from 'ckeditor5/src/clipboard.js';
-import ImageEditing from './imageediting.js';
-import ImageSizeAttributes from '../imagesizeattributes.js';
-import ImageUtils from '../imageutils.js';
-import ImagePlaceholder from './imageplaceholder.js';
+import { ImageEditing } from './imageediting.js';
+import { ImageSizeAttributes } from '../imagesizeattributes.js';
+import { ImageUtils } from '../imageutils.js';
+import { ImagePlaceholder } from './imageplaceholder.js';
 /**
  * The image inline plugin.
  *
@@ -21,7 +21,7 @@ import ImagePlaceholder from './imageplaceholder.js';
  * * {@link module:image/image/imagetypecommand~ImageTypeCommand `'imageTypeInline'`} command that converts block images into
  * inline images.
  */
-export default class ImageInlineEditing extends Plugin {
+export declare class ImageInlineEditing extends Plugin {
     /**
      * @inheritDoc
      */

package/src/image/imageinlineediting.js

@@ -7,14 +7,14 @@
  */
 import { Plugin } from 'ckeditor5/src/core.js';
 import { ClipboardPipeline } from 'ckeditor5/src/clipboard.js';
-import { UpcastWriter } from 'ckeditor5/src/engine.js';
+import { ViewUpcastWriter } from 'ckeditor5/src/engine.js';
 import { downcastImageAttribute, downcastSrcsetAttribute } from './converters.js';
-import ImageEditing from './imageediting.js';
-import ImageSizeAttributes from '../imagesizeattributes.js';
-import ImageTypeCommand from './imagetypecommand.js';
-import ImageUtils from '../imageutils.js';
+import { ImageEditing } from './imageediting.js';
+import { ImageSizeAttributes } from '../imagesizeattributes.js';
+import { ImageTypeCommand } from './imagetypecommand.js';
+import { ImageUtils } from '../imageutils.js';
 import { getImgViewElementMatcher, createInlineImageViewElement, determineImageTypeForInsertionAtSelection } from './utils.js';
-import ImagePlaceholder from './imageplaceholder.js';
+import { ImagePlaceholder } from './imageplaceholder.js';
 /**
  * The image inline plugin.
  *
@@ -25,7 +25,7 @@ import ImagePlaceholder from './imageplaceholder.js';
  * * {@link module:image/image/imagetypecommand~ImageTypeCommand `'imageTypeInline'`} command that converts block images into
  * inline images.
  */
-export default class ImageInlineEditing extends Plugin {
+export class ImageInlineEditing extends Plugin {
     /**
      * @inheritDoc
      */
@@ -139,7 +139,7 @@ export default class ImageInlineEditing extends Plugin {
             // Convert block images into inline images only when pasting or dropping into non-empty blocks
             // and when the block is not an object (e.g. pasting to replace another widget).
             if (determineImageTypeForInsertionAtSelection(model.schema, selection) === 'imageInline') {
-                const writer = new UpcastWriter(editingView.document);
+                const writer = new ViewUpcastWriter(editingView.document);
                 // Unwrap <figure class="image"><img .../></figure> -> <img ... />
                 // but <figure class="image"><img .../><figcaption>...</figcaption></figure> -> stays the same
                 const inlineViewImages = docFragmentChildren.map(blockViewImage => {

package/src/image/imageloadobserver.d.ts

@@ -7,14 +7,14 @@
  */
 import { Observer } from 'ckeditor5/src/engine.js';
 /**
- * Observes all new images added to the {@link module:engine/view/document~Document},
- * fires {@link module:engine/view/document~Document#event:imageLoaded} and
- * {@link module:engine/view/document~Document#event:layoutChanged} event every time when the new image
+ * Observes all new images added to the {@link module:engine/view/document~ViewDocument},
+ * fires {@link module:engine/view/document~ViewDocument#event:imageLoaded} and
+ * {@link module:engine/view/document~ViewDocument#event:layoutChanged} event every time when the new image
  * has been loaded.
  *
  * **Note:** This event is not fired for images that has been added to the document and rendered as `complete` (already loaded).
  */
-export default class ImageLoadObserver extends Observer {
+export declare class ImageLoadObserver extends Observer {
     /**
      * @inheritDoc
      */
@@ -24,8 +24,8 @@ export default class ImageLoadObserver extends Observer {
      */
     stopObserving(domRoot: HTMLElement): void;
     /**
-     * Fires {@link module:engine/view/document~Document#event:layoutChanged} and
-     * {@link module:engine/view/document~Document#event:imageLoaded}
+     * Fires {@link module:engine/view/document~ViewDocument#event:layoutChanged} and
+     * {@link module:engine/view/document~ViewDocument#event:imageLoaded}
      * if observer {@link #isEnabled is enabled}.
      *
      * @param domEvent The DOM event.
@@ -39,7 +39,7 @@ export default class ImageLoadObserver extends Observer {
  *
  * @see module:image/image/imageloadobserver~ImageLoadObserver
  *
- * @eventName module:engine/view/document~Document#imageLoaded
+ * @eventName module:engine/view/document~ViewDocument#imageLoaded
  * @param data Event data.
  */
 export type ImageLoadedEvent = {

package/src/image/imageloadobserver.js

@@ -7,14 +7,14 @@
  */
 import { Observer } from 'ckeditor5/src/engine.js';
 /**
- * Observes all new images added to the {@link module:engine/view/document~Document},
- * fires {@link module:engine/view/document~Document#event:imageLoaded} and
- * {@link module:engine/view/document~Document#event:layoutChanged} event every time when the new image
+ * Observes all new images added to the {@link module:engine/view/document~ViewDocument},
+ * fires {@link module:engine/view/document~ViewDocument#event:imageLoaded} and
+ * {@link module:engine/view/document~ViewDocument#event:layoutChanged} event every time when the new image
  * has been loaded.
  *
  * **Note:** This event is not fired for images that has been added to the document and rendered as `complete` (already loaded).
  */
-export default class ImageLoadObserver extends Observer {
+export class ImageLoadObserver extends Observer {
     /**
      * @inheritDoc
      */
@@ -37,8 +37,8 @@ export default class ImageLoadObserver extends Observer {
         this.stopListening(domRoot);
     }
     /**
-     * Fires {@link module:engine/view/document~Document#event:layoutChanged} and
-     * {@link module:engine/view/document~Document#event:imageLoaded}
+     * Fires {@link module:engine/view/document~ViewDocument#event:layoutChanged} and
+     * {@link module:engine/view/document~ViewDocument#event:imageLoaded}
      * if observer {@link #isEnabled is enabled}.
      *
      * @param domEvent The DOM event.

package/src/image/imageplaceholder.d.ts

@@ -6,12 +6,12 @@
  * @module image/image/imageplaceholder
  */
 import { Plugin } from 'ckeditor5/src/core.js';
-import ImageUtils from '../imageutils.js';
+import { ImageUtils } from '../imageutils.js';
 import '../../theme/imageplaceholder.css';
 /**
  * Adds support for image placeholder that is automatically removed when the image is loaded.
  */
-export default class ImagePlaceholder extends Plugin {
+export declare class ImagePlaceholder extends Plugin {
     /**
      * @inheritDoc
      */

package/src/image/imageplaceholder.js

@@ -6,13 +6,13 @@
  * @module image/image/imageplaceholder
  */
 import { Plugin } from 'ckeditor5/src/core.js';
-import ImageUtils from '../imageutils.js';
-import ImageLoadObserver from './imageloadobserver.js';
+import { ImageUtils } from '../imageutils.js';
+import { ImageLoadObserver } from './imageloadobserver.js';
 import '../../theme/imageplaceholder.css';
 /**
  * Adds support for image placeholder that is automatically removed when the image is loaded.
  */
-export default class ImagePlaceholder extends Plugin {
+export class ImagePlaceholder extends Plugin {
     /**
      * @inheritDoc
      */

package/src/image/imagetypecommand.d.ts

@@ -5,12 +5,12 @@
 /**
  * @module image/image/imagetypecommand
  */
-import type { Element } from 'ckeditor5/src/engine.js';
+import type { ModelElement } from 'ckeditor5/src/engine.js';
 import { Command, type Editor } from 'ckeditor5/src/core.js';
 /**
  * The image type command. It changes the type of a selected image, depending on the configuration.
  */
-export default class ImageTypeCommand extends Command {
+export declare class ImageTypeCommand extends Command {
     /**
      * Model element name the command converts to.
      */
@@ -38,7 +38,7 @@ export default class ImageTypeCommand extends Command {
     execute(options?: {
         setImageSizes?: boolean;
     }): {
-        oldElement: Element;
-        newElement: Element;
+        oldElement: ModelElement;
+        newElement: ModelElement;
     } | null;
 }

package/src/image/imagetypecommand.js

@@ -6,7 +6,7 @@ import { Command } from 'ckeditor5/src/core.js';
 /**
  * The image type command. It changes the type of a selected image, depending on the configuration.
  */
-export default class ImageTypeCommand extends Command {
+export class ImageTypeCommand extends Command {
     /**
      * Model element name the command converts to.
      */

package/src/image/insertimagecommand.d.ts

@@ -43,7 +43,7 @@ import { type ArrayOrItem } from 'ckeditor5/src/utils.js';
  * } );
  * ```
  */
-export default class InsertImageCommand extends Command {
+export declare class InsertImageCommand extends Command {
     /**
      * @inheritDoc
      */

package/src/image/insertimagecommand.js

@@ -43,7 +43,7 @@ import { logWarning, toArray } from 'ckeditor5/src/utils.js';
  * } );
  * ```
  */
-export default class InsertImageCommand extends Command {
+export class InsertImageCommand extends Command {
     /**
      * @inheritDoc
      */

package/src/image/replaceimagesourcecommand.d.ts

@@ -3,7 +3,7 @@
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
 import { Command, type Editor } from 'ckeditor5/src/core.js';
-import type { Writer, Element } from 'ckeditor5/src/engine.js';
+import type { ModelWriter, ModelElement } from 'ckeditor5/src/engine.js';
 /**
  * @module image/image/replaceimagesourcecommand
  */
@@ -16,7 +16,7 @@ import type { Writer, Element } from 'ckeditor5/src/engine.js';
  * editor.execute( 'replaceImageSource', { source: 'http://url.to.the/image' } );
  * ```
  */
-export default class ReplaceImageSourceCommand extends Command {
+export declare class ReplaceImageSourceCommand extends Command {
     value: string | null;
     constructor(editor: Editor);
     /**
@@ -47,5 +47,5 @@ export default class ReplaceImageSourceCommand extends Command {
      * } );
      * ```
      */
-    cleanupImage(writer: Writer, image: Element): void;
+    cleanupImage(writer: ModelWriter, image: ModelElement): void;
 }

package/src/image/replaceimagesourcecommand.js

@@ -15,7 +15,7 @@ import { Command } from 'ckeditor5/src/core.js';
  * editor.execute( 'replaceImageSource', { source: 'http://url.to.the/image' } );
  * ```
  */
-export default class ReplaceImageSourceCommand extends Command {
+export class ReplaceImageSourceCommand extends Command {
     constructor(editor) {
         super(editor);
         this.decorate('cleanupImage');

package/src/image/ui/utils.d.ts

@@ -5,7 +5,7 @@
 /**
  * @module image/image/ui/utils
  */
-import type { PositionOptions } from 'ckeditor5/src/utils.js';
+import type { DomOptimalPositionOptions } from 'ckeditor5/src/utils.js';
 import type { Editor } from 'ckeditor5/src/core.js';
 /**
  * A helper utility that positions the
@@ -13,6 +13,7 @@ import type { Editor } from 'ckeditor5/src/core.js';
  * with respect to the image in the editor content, if one is selected.
  *
  * @param editor The editor instance.
+ * @internal
  */
 export declare function repositionContextualBalloon(editor: Editor): void;
 /**
@@ -21,5 +22,6 @@ export declare function repositionContextualBalloon(editor: Editor): void;
  * to the selected element in the editor content.
  *
  * @param editor The editor instance.
+ * @internal
  */
-export declare function getBalloonPositionData(editor: Editor): Partial<PositionOptions>;
+export declare function getBalloonPositionData(editor: Editor): Partial<DomOptimalPositionOptions>;

package/src/image/ui/utils.js

@@ -9,6 +9,7 @@ import { BalloonPanelView } from 'ckeditor5/src/ui.js';
  * with respect to the image in the editor content, if one is selected.
  *
  * @param editor The editor instance.
+ * @internal
  */
 export function repositionContextualBalloon(editor) {
     const balloon = editor.plugins.get('ContextualBalloon');
@@ -24,6 +25,7 @@ export function repositionContextualBalloon(editor) {
  * to the selected element in the editor content.
  *
  * @param editor The editor instance.
+ * @internal
  */
 export function getBalloonPositionData(editor) {
     const editingView = editor.editing.view;

package/src/image/utils.d.ts

@@ -5,7 +5,7 @@
 /**
  * @module image/image/utils
  */
-import type { DocumentSelection, MatcherPattern, Schema, Selection, ViewContainerElement, DowncastWriter, ViewElement } from 'ckeditor5/src/engine.js';
+import type { ModelDocumentSelection, MatcherPattern, ModelSchema, ModelSelection, ViewContainerElement, ViewDowncastWriter, ViewElement } from 'ckeditor5/src/engine.js';
 import type { Editor } from 'ckeditor5/src/core.js';
 /**
  * Creates a view element representing the inline image.
@@ -18,7 +18,7 @@ import type { Editor } from 'ckeditor5/src/core.js';
  *
  * @internal
  */
-export declare function createInlineImageViewElement(writer: DowncastWriter): ViewContainerElement;
+export declare function createInlineImageViewElement(writer: ViewDowncastWriter): ViewContainerElement;
 /**
  * Creates a view element representing the block image.
  *
@@ -30,7 +30,7 @@ export declare function createInlineImageViewElement(writer: DowncastWriter): Vi
  *
  * @internal
  */
-export declare function createBlockImageViewElement(writer: DowncastWriter): ViewContainerElement;
+export declare function createBlockImageViewElement(writer: ViewDowncastWriter): ViewContainerElement;
 /**
  * A function returning a `MatcherPattern` for a particular type of View images.
  *
@@ -49,9 +49,11 @@ export declare function getImgViewElementMatcher(editor: Editor, matchImageType:
  *
  * @internal
  */
-export declare function determineImageTypeForInsertionAtSelection(schema: Schema, selection: Selection | DocumentSelection): 'imageBlock' | 'imageInline';
+export declare function determineImageTypeForInsertionAtSelection(schema: ModelSchema, selection: ModelSelection | ModelDocumentSelection): 'imageBlock' | 'imageInline';
 /**
  * Returns parsed value of the size, but only if it contains unit: px.
+ *
+ * @internal
  */
 export declare function getSizeValueIfInPx(size: string | undefined): number | null;
 /**
@@ -60,5 +62,7 @@ export declare function getSizeValueIfInPx(size: string | undefined): number | n
  * If both image styles: width & height are set, they will override the image width & height attributes in the
  * browser. In this case, the image looks the same as if these styles were applied to attributes instead of styles.
  * That's why we can upcast these styles to width & height attributes instead of resizedWidth and resizedHeight.
+ *
+ * @internal
  */
 export declare function widthAndHeightStylesAreBothSet(viewElement: ViewElement): boolean;

package/src/image/utils.js

@@ -100,6 +100,8 @@ export function determineImageTypeForInsertionAtSelection(schema, selection) {
 }
 /**
  * Returns parsed value of the size, but only if it contains unit: px.
+ *
+ * @internal
  */
 export function getSizeValueIfInPx(size) {
     if (size && size.endsWith('px')) {
@@ -113,6 +115,8 @@ export function getSizeValueIfInPx(size) {
  * If both image styles: width & height are set, they will override the image width & height attributes in the
  * browser. In this case, the image looks the same as if these styles were applied to attributes instead of styles.
  * That's why we can upcast these styles to width & height attributes instead of resizedWidth and resizedHeight.
+ *
+ * @internal
  */
 export function widthAndHeightStylesAreBothSet(viewElement) {
     const widthStyle = getSizeValueIfInPx(viewElement.getStyle('width'));

package/src/image.d.ts

@@ -6,8 +6,8 @@
  * @module image/image
  */
 import { Plugin } from 'ckeditor5/src/core.js';
-import ImageBlock from './imageblock.js';
-import ImageInline from './imageinline.js';
+import { ImageBlock } from './imageblock.js';
+import { ImageInline } from './imageinline.js';
 import '../theme/image.css';
 /**
  * The image plugin.
@@ -22,7 +22,7 @@ import '../theme/image.css';
  * Usually, it is used in conjunction with other plugins from this package. See the {@glink api/image package page}
  * for more information.
  */
-export default class Image extends Plugin {
+export declare class Image extends Plugin {
     /**
      * @inheritDoc
      */

package/src/image.js

@@ -6,8 +6,8 @@
  * @module image/image
  */
 import { Plugin } from 'ckeditor5/src/core.js';
-import ImageBlock from './imageblock.js';
-import ImageInline from './imageinline.js';
+import { ImageBlock } from './imageblock.js';
+import { ImageInline } from './imageinline.js';
 import '../theme/image.css';
 /**
  * The image plugin.
@@ -22,7 +22,7 @@ import '../theme/image.css';
  * Usually, it is used in conjunction with other plugins from this package. See the {@glink api/image package page}
  * for more information.
  */
-export default class Image extends Plugin {
+export class Image extends Plugin {
     /**
      * @inheritDoc
      */