@ckeditor/ckeditor5-image 47.6.1 → 48.0.0-alpha.0

package/{src → dist}/imageresize/imageresizebuttons.d.ts

@@ -5,7 +5,7 @@
 /**
  * @module image/imageresize/imageresizebuttons
  */
-import { Plugin, type Editor } from 'ckeditor5/src/core.js';
+import { Plugin, type Editor } from '@ckeditor/ckeditor5-core';
 import { ImageResizeEditing } from './imageresizeediting.js';
 /**
  * The image resize buttons plugin.

package/{src → dist}/imageresize/imageresizeediting.d.ts

@@ -2,7 +2,7 @@
  * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-import { type Editor, Plugin } from 'ckeditor5/src/core.js';
+import { type Editor, Plugin } from '@ckeditor/ckeditor5-core';
 import { ImageUtils } from '../imageutils.js';
 /**
  * The image resize editing feature.

package/{src → dist}/imageresize/imageresizehandles.d.ts

@@ -2,8 +2,8 @@
  * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-import { Plugin } from 'ckeditor5/src/core.js';
-import { WidgetResize } from 'ckeditor5/src/widget.js';
+import { Plugin } from '@ckeditor/ckeditor5-core';
+import { WidgetResize } from '@ckeditor/ckeditor5-widget';
 import { ImageUtils } from '../imageutils.js';
 /**
  * The image resize by handles feature.

package/{src → dist}/imageresize/resizeimagecommand.d.ts

@@ -5,7 +5,7 @@
 /**
  * @module image/imageresize/resizeimagecommand
  */
-import { Command } from 'ckeditor5/src/core.js';
+import { Command } from '@ckeditor/ckeditor5-core';
 /**
  * The resize image command. Currently, it only supports the width attribute.
  */

package/{src → dist}/imageresize/ui/imagecustomresizeformview.d.ts

@@ -5,11 +5,9 @@
 /**
  * @module image/imageresize/ui/imagecustomresizeformview
  */
-import { ButtonView, FocusCycler, LabeledFieldView, View, ViewCollection, type FocusableView, type InputNumberView } from 'ckeditor5/src/ui.js';
-import { FocusTracker, KeystrokeHandler, type Locale } from 'ckeditor5/src/utils.js';
+import { ButtonView, FocusCycler, LabeledFieldView, View, ViewCollection, type FocusableView, type InputNumberView } from '@ckeditor/ckeditor5-ui';
+import { FocusTracker, KeystrokeHandler, type Locale } from '@ckeditor/ckeditor5-utils';
 import '../../../theme/imagecustomresizeform.css';
-import '@ckeditor/ckeditor5-ui/theme/components/responsive-form/responsiveform.css';
-import '@ckeditor/ckeditor5-ui/theme/components/form/form.css';
 /**
  * The ImageCustomResizeFormView class.
  *

package/{src → dist}/imageresize/utils/getselectedimageeditornodes.d.ts

@@ -5,8 +5,8 @@
 /**
  * @module image/imageresize/utils/getselectedimageeditornodes
  */
-import type { ViewElement, ModelElement } from 'ckeditor5/src/engine.js';
-import type { Editor } from 'ckeditor5/src/core.js';
+import type { ViewElement, ModelElement } from '@ckeditor/ckeditor5-engine';
+import type { Editor } from '@ckeditor/ckeditor5-core';
 /**
  * Finds model, view and DOM element for selected image element. Returns `null` if there is no image selected.
  *

package/{src → dist}/imageresize/utils/getselectedimagepossibleresizerange.d.ts

@@ -5,7 +5,7 @@
 /**
  * @module image/imageresize/utils/getselectedimagepossibleresizerange
  */
-import type { Editor } from 'ckeditor5/src/core.js';
+import type { Editor } from '@ckeditor/ckeditor5-core';
 /**
  * Returns min and max value of resize image in specified unit.
  *

package/{src → dist}/imageresize/utils/getselectedimagewidthinunits.d.ts

@@ -2,7 +2,7 @@
  * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-import type { Editor } from 'ckeditor5/src/core.js';
+import type { Editor } from '@ckeditor/ckeditor5-core';
 import { type DimensionWithUnit } from './tryparsedimensionwithunit.js';
 /**
  * Returns image width in specified units. It is width of image after resize.

package/{src → dist}/imageresize.d.ts

@@ -5,7 +5,7 @@
 /**
  * @module image/imageresize
  */
-import { Plugin } from 'ckeditor5/src/core.js';
+import { Plugin } from '@ckeditor/ckeditor5-core';
 import { ImageResizeButtons } from './imageresize/imageresizebuttons.js';
 import { ImageResizeEditing } from './imageresize/imageresizeediting.js';
 import { ImageResizeHandles } from './imageresize/imageresizehandles.js';

package/{src → dist}/imagesizeattributes.d.ts

@@ -5,7 +5,7 @@
 /**
  * @module image/imagesizeattributes
  */
-import { Plugin } from 'ckeditor5/src/core.js';
+import { Plugin } from '@ckeditor/ckeditor5-core';
 import { ImageUtils } from './imageutils.js';
 /**
  * This plugin enables `width` and `height` attributes in inline and block image elements.

package/{src → dist}/imagestyle/converters.d.ts

@@ -2,8 +2,8 @@
  * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-import type { DowncastAttributeEvent, UpcastElementEvent } from 'ckeditor5/src/engine.js';
-import { type GetCallback } from 'ckeditor5/src/utils.js';
+import type { DowncastAttributeEvent, UpcastElementEvent } from '@ckeditor/ckeditor5-engine';
+import { type GetCallback } from '@ckeditor/ckeditor5-utils';
 import type { ImageStyleOptionDefinition } from '../imageconfig.js';
 /**
  * @module image/imagestyle/converters

package/{src → dist}/imagestyle/imagestylecommand.d.ts

@@ -5,8 +5,8 @@
 /**
  * @module image/imagestyle/imagestylecommand
  */
-import type { ModelElement } from 'ckeditor5/src/engine.js';
-import { Command, type Editor } from 'ckeditor5/src/core.js';
+import type { ModelElement } from '@ckeditor/ckeditor5-engine';
+import { Command, type Editor } from '@ckeditor/ckeditor5-core';
 import type { ImageStyleOptionDefinition } from '../imageconfig.js';
 /**
  * The image style command. It is used to apply {@link module:image/imageconfig~ImageStyleConfig#options image style option}

package/{src → dist}/imagestyle/imagestyleediting.d.ts

@@ -5,7 +5,7 @@
 /**
  * @module image/imagestyle/imagestyleediting
  */
-import { Plugin } from 'ckeditor5/src/core.js';
+import { Plugin } from '@ckeditor/ckeditor5-core';
 import { ImageUtils } from '../imageutils.js';
 import type { ImageStyleOptionDefinition } from '../imageconfig.js';
 /**

package/{src → dist}/imagestyle/imagestyleui.d.ts

@@ -5,7 +5,7 @@
 /**
  * @module image/imagestyle/imagestyleui
  */
-import { Plugin } from 'ckeditor5/src/core.js';
+import { Plugin } from '@ckeditor/ckeditor5-core';
 import { ImageStyleEditing } from './imagestyleediting.js';
 import '../../theme/imagestyle.css';
 /**

package/{src → dist}/imagestyle/utils.d.ts

@@ -2,7 +2,7 @@
  * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-import type { Editor, PluginCollection } from 'ckeditor5/src/core.js';
+import type { Editor, PluginCollection } from '@ckeditor/ckeditor5-core';
 import type { ImageStyleConfig, ImageStyleDropdownDefinition, ImageStyleOptionDefinition } from '../imageconfig.js';
 /**
  * Default image style options provided by the plugin that can be referred in the {@link module:image/imageconfig~ImageConfig#styles}

package/{src → dist}/imagestyle.d.ts

@@ -5,7 +5,7 @@
 /**
  * @module image/imagestyle
  */
-import { Plugin } from 'ckeditor5/src/core.js';
+import { Plugin } from '@ckeditor/ckeditor5-core';
 import { ImageStyleEditing } from './imagestyle/imagestyleediting.js';
 import { ImageStyleUI } from './imagestyle/imagestyleui.js';
 /**

package/{src → dist}/imagetextalternative/imagetextalternativecommand.d.ts

@@ -5,7 +5,7 @@
 /**
  * @module image/imagetextalternative/imagetextalternativecommand
  */
-import { Command } from 'ckeditor5/src/core.js';
+import { Command } from '@ckeditor/ckeditor5-core';
 /**
  * The image text alternative command. It is used to change the `alt` attribute of `<imageBlock>` and `<imageInline>` model elements.
  */

package/{src → dist}/imagetextalternative/imagetextalternativeediting.d.ts

@@ -5,7 +5,7 @@
 /**
  * @module image/imagetextalternative/imagetextalternativeediting
  */
-import { Plugin } from 'ckeditor5/src/core.js';
+import { Plugin } from '@ckeditor/ckeditor5-core';
 import { ImageUtils } from '../imageutils.js';
 /**
  * The image text alternative editing plugin.

package/{src → dist}/imagetextalternative/imagetextalternativeui.d.ts

@@ -5,8 +5,8 @@
 /**
  * @module image/imagetextalternative/imagetextalternativeui
  */
-import { Plugin } from 'ckeditor5/src/core.js';
-import { ContextualBalloon } from 'ckeditor5/src/ui.js';
+import { Plugin } from '@ckeditor/ckeditor5-core';
+import { ContextualBalloon } from '@ckeditor/ckeditor5-ui';
 /**
  * The image text alternative UI plugin.
  *

package/{src → dist}/imagetextalternative/ui/textalternativeformview.d.ts

@@ -5,11 +5,9 @@
 /**
  * @module image/imagetextalternative/ui/textalternativeformview
  */
-import { ButtonView, FocusCycler, LabeledFieldView, View, ViewCollection, type InputView, type FocusableView } from 'ckeditor5/src/ui.js';
-import { FocusTracker, KeystrokeHandler, type Locale } from 'ckeditor5/src/utils.js';
+import { ButtonView, FocusCycler, LabeledFieldView, View, ViewCollection, type InputView, type FocusableView } from '@ckeditor/ckeditor5-ui';
+import { FocusTracker, KeystrokeHandler, type Locale } from '@ckeditor/ckeditor5-utils';
 import '../../../theme/textalternativeform.css';
-import '@ckeditor/ckeditor5-ui/theme/components/responsive-form/responsiveform.css';
-import '@ckeditor/ckeditor5-ui/theme/components/form/form.css';
 /**
  * The TextAlternativeFormView class.
  *

package/{src → dist}/imagetextalternative.d.ts

@@ -5,7 +5,7 @@
 /**
  * @module image/imagetextalternative
  */
-import { Plugin } from 'ckeditor5/src/core.js';
+import { Plugin } from '@ckeditor/ckeditor5-core';
 import { ImageTextAlternativeEditing } from './imagetextalternative/imagetextalternativeediting.js';
 import { ImageTextAlternativeUI } from './imagetextalternative/imagetextalternativeui.js';
 /**

package/{src → dist}/imagetoolbar.d.ts

@@ -5,8 +5,8 @@
 /**
  * @module image/imagetoolbar
  */
-import { Plugin } from 'ckeditor5/src/core.js';
-import { WidgetToolbarRepository } from 'ckeditor5/src/widget.js';
+import { Plugin } from '@ckeditor/ckeditor5-core';
+import { WidgetToolbarRepository } from '@ckeditor/ckeditor5-widget';
 import { ImageUtils } from './imageutils.js';
 /**
  * The image toolbar plugin. It creates and manages the image toolbar (the toolbar displayed when an image is selected).

package/{src → dist}/imageupload/imageuploadediting.d.ts

@@ -5,11 +5,11 @@
 /**
  * @module image/imageupload/imageuploadediting
  */
-import { Plugin, type Editor } from 'ckeditor5/src/core.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 { Plugin, type Editor } from '@ckeditor/ckeditor5-core';
+import { type ModelElement, type ModelWriter, type ViewDataTransfer } from '@ckeditor/ckeditor5-engine';
+import { Notification } from '@ckeditor/ckeditor5-ui';
+import { ClipboardPipeline } from '@ckeditor/ckeditor5-clipboard';
+import { FileRepository, type UploadResponse, type FileLoader } from '@ckeditor/ckeditor5-upload';
 import { ImageUtils } from '../imageutils.js';
 /**
  * The editing part of the image upload feature. It registers the `'uploadImage'` command

package/{src → dist}/imageupload/imageuploadprogress.d.ts

@@ -5,7 +5,7 @@
 /**
  * @module image/imageupload/imageuploadprogress
  */
-import { type Editor, Plugin } from 'ckeditor5/src/core.js';
+import { type Editor, Plugin } from '@ckeditor/ckeditor5-core';
 import '../../theme/imageuploadprogress.css';
 import '../../theme/imageuploadicon.css';
 import '../../theme/imageuploadloader.css';

package/{src → dist}/imageupload/imageuploadui.d.ts

@@ -5,7 +5,7 @@
 /**
  * @module image/imageupload/imageuploadui
  */
-import { Plugin } from 'ckeditor5/src/core.js';
+import { Plugin } from '@ckeditor/ckeditor5-core';
 /**
  * The image upload button plugin.
  *

package/{src → dist}/imageupload/uploadimagecommand.d.ts

@@ -2,8 +2,8 @@
  * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-import { Command, type Editor } from 'ckeditor5/src/core.js';
-import { type ArrayOrItem } from 'ckeditor5/src/utils.js';
+import { Command, type Editor } from '@ckeditor/ckeditor5-core';
+import { type ArrayOrItem } from '@ckeditor/ckeditor5-utils';
 /**
  * @module image/imageupload/uploadimagecommand
  */

package/{src → dist}/imageupload/utils.d.ts

@@ -5,7 +5,7 @@
 /**
  * @module image/imageupload/utils
  */
-import type { ViewElement } from 'ckeditor5/src/engine.js';
+import type { ViewElement } from '@ckeditor/ckeditor5-engine';
 import { type ImageUtils } from '../imageutils.js';
 /**
  * Creates a regular expression used to test for image files.

package/{src → dist}/imageupload.d.ts

@@ -5,7 +5,7 @@
 /**
  * @module image/imageupload
  */
-import { Plugin } from 'ckeditor5/src/core.js';
+import { Plugin } from '@ckeditor/ckeditor5-core';
 import { ImageUploadUI } from './imageupload/imageuploadui.js';
 import { ImageUploadProgress } from './imageupload/imageuploadprogress.js';
 import { ImageUploadEditing } from './imageupload/imageuploadediting.js';

package/{src → dist}/imageutils.d.ts

@@ -5,8 +5,8 @@
 /**
  * @module image/imageutils
  */
-import type { ModelElement, ViewElement, ModelDocumentSelection, ViewDocumentSelection, ModelSelection, ViewSelection, ViewDowncastWriter, ModelPosition, ViewContainerElement } from 'ckeditor5/src/engine.js';
-import { Plugin } from 'ckeditor5/src/core.js';
+import type { ModelElement, ViewElement, ModelDocumentSelection, ViewDocumentSelection, ModelSelection, ViewSelection, ViewDowncastWriter, ModelPosition, ViewContainerElement } from '@ckeditor/ckeditor5-engine';
+import { Plugin } from '@ckeditor/ckeditor5-core';
 /**
  * A set of helpers related to images.
  */

package/dist/index-content.css

@@ -3,150 +3,147 @@
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
 :root{
-	--ck-content-color-image-caption-background:hsl(0, 0%, 97%);
-	--ck-content-color-image-caption-text:hsl(0, 0%, 20%);
+  --ck-content-color-image-caption-background:#f7f7f7;
+  --ck-content-color-image-caption-text:#333;
 }
+
 .ck-content .image > figcaption{
-	display:table-caption;
-	caption-side:bottom;
-	word-break:normal;
-	overflow-wrap:anywhere;
-	break-before:avoid;
-	color:var(--ck-content-color-image-caption-text);
-	background-color:var(--ck-content-color-image-caption-background);
-	padding:.6em;
-	font-size:.75em;
-	outline-offset:-1px;
+  caption-side:bottom;
+  word-break:normal;
+  overflow-wrap:anywhere;
+  break-before:avoid;
+  color:var(--ck-content-color-image-caption-text);
+  background-color:var(--ck-content-color-image-caption-background);
+  outline-offset:-1px;
+  padding:.6em;
+  font-size:.75em;
+  display:table-caption;
 }
+
 @media (forced-colors: active){
-.ck-content .image > figcaption{
-		background-color:unset;
-		color:unset;
+  .ck-content .image > figcaption{
+    background-color:unset;
+    color:unset;
+  }
 }
-	}
+
 .ck-content img.image_resized{
-	height:auto;
+  height:auto;
 }
 
 .ck-content .image.image_resized{
-	max-width:100%;
-	display:block;
-	box-sizing:border-box;
+  box-sizing:border-box;
+  max-width:100%;
+  display:block;
 }
 
 .ck-content .image.image_resized img{
-		width:100%;
-	}
+  width:100%;
+}
 
 .ck-content .image.image_resized > figcaption{
-		display:block;
-	}
+  display:block;
+}
 
 :root{
-	--ck-content-image-style-spacing:1.5em;
-	--ck-content-inline-image-style-spacing:calc(var(--ck-content-image-style-spacing) / 2);
+  --ck-content-image-style-spacing:1.5em;
+  --ck-content-inline-image-style-spacing:calc(var(--ck-content-image-style-spacing) / 2);
 }
 
-.ck-content .image.image-style-block-align-left,
-		.ck-content .image.image-style-block-align-right{
-			max-width:calc(100% - var(--ck-content-image-style-spacing));
-		}
+.ck-content .image.image-style-block-align-left, .ck-content .image.image-style-block-align-right{
+  max-width:calc(100% - var(--ck-content-image-style-spacing));
+}
 
-.ck-content .image.image-style-align-left,
-		.ck-content .image.image-style-align-right{
-			clear:none;
-		}
+.ck-content .image.image-style-align-left, .ck-content .image.image-style-align-right{
+  clear:none;
+}
 
 .ck-content .image.image-style-side{
-			float:right;
-			margin-left:var(--ck-content-image-style-spacing);
-			max-width:50%;
-		}
+  float:right;
+  margin-left:var(--ck-content-image-style-spacing);
+  max-width:50%;
+}
 
 .ck-content .image.image-style-align-left{
-			float:left;
-			margin-right:var(--ck-content-image-style-spacing);
-		}
+  float:left;
+  margin-right:var(--ck-content-image-style-spacing);
+}
 
 .ck-content .image.image-style-align-right{
-			float:right;
-			margin-left:var(--ck-content-image-style-spacing);
-		}
+  float:right;
+  margin-left:var(--ck-content-image-style-spacing);
+}
 
 .ck-content .image.image-style-block-align-right{
-			margin-right:0;
-			margin-left:auto;
-		}
+  margin-left:auto;
+  margin-right:0;
+}
 
 .ck-content .image.image-style-block-align-left{
-			margin-left:0;
-			margin-right:auto;
-		}
+  margin-left:0;
+  margin-right:auto;
+}
 
 .ck-content .image-style-align-center{
-		margin-left:auto;
-		margin-right:auto;
-	}
+  margin-left:auto;
+  margin-right:auto;
+}
 
 .ck-content .image-style-align-left{
-		float:left;
-		margin-right:var(--ck-content-image-style-spacing);
-	}
+  float:left;
+  margin-right:var(--ck-content-image-style-spacing);
+}
 
 .ck-content .image-style-align-right{
-		float:right;
-		margin-left:var(--ck-content-image-style-spacing);
-	}
-
-.ck-content p + .image.image-style-align-left,
-	.ck-content p + .image.image-style-align-right,
-	.ck-content p + .image.image-style-side{
-		margin-top:0;
-	}
-
-.ck-content .image-inline.image-style-align-left,
-		.ck-content .image-inline.image-style-align-right{
-			margin-top:var(--ck-content-inline-image-style-spacing);
-			margin-bottom:var(--ck-content-inline-image-style-spacing);
-		}
+  float:right;
+  margin-left:var(--ck-content-image-style-spacing);
+}
+
+.ck-content p + .image.image-style-align-left, .ck-content p + .image.image-style-align-right, .ck-content p + .image.image-style-side{
+  margin-top:0;
+}
+
+.ck-content .image-inline.image-style-align-left, .ck-content .image-inline.image-style-align-right{
+  margin-top:var(--ck-content-inline-image-style-spacing);
+  margin-bottom:var(--ck-content-inline-image-style-spacing);
+}
 
 .ck-content .image-inline.image-style-align-left{
-			margin-right:var(--ck-content-inline-image-style-spacing);
-		}
+  margin-right:var(--ck-content-inline-image-style-spacing);
+}
 
 .ck-content .image-inline.image-style-align-right{
-			margin-left:var(--ck-content-inline-image-style-spacing);
-		}
+  margin-left:var(--ck-content-inline-image-style-spacing);
+}
 
 .ck-content .image{
-		display:table;
-		clear:both;
-		text-align:center;
-		margin:0.9em auto;
-		min-width:50px;
-	}
+  clear:both;
+  text-align:center;
+  min-width:50px;
+  margin:.9em auto;
+  display:table;
+}
 
 .ck-content .image img{
-			display:block;
-			margin:0 auto;
-			max-width:100%;
-			min-width:100%;
-			height:auto;
-		}
+  min-width:100%;
+  max-width:100%;
+  height:auto;
+  margin:0 auto;
+  display:block;
+}
 
 .ck-content .image-inline{
-		display:inline-flex;
-		max-width:100%;
-		align-items:flex-start;
-	}
+  align-items:flex-start;
+  max-width:100%;
+  display:inline-flex;
+}
 
 .ck-content .image-inline picture{
-			display:flex;
-		}
-
-.ck-content .image-inline picture,
-		.ck-content .image-inline img{
-			flex-grow:1;
-			flex-shrink:1;
-			max-width:100%;
-		}
+  display:flex;
+}
+
+.ck-content .image-inline picture, .ck-content .image-inline img{
+  flex-grow:1;
+  flex-shrink:1;
+  max-width:100%;
+}