@ckeditor/ckeditor5-image 48.8.1-alpha.4 → 49.0.0-alpha.1

package/dist/imageupload.d.ts

@@ -1,36 +1,36 @@
 /**
- * @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
- */
+* @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
+*/
 /**
- * @module image/imageupload
- */
-import { Plugin } from '@ckeditor/ckeditor5-core';
-import { ImageUploadUI } from './imageupload/imageuploadui.js';
-import { ImageUploadProgress } from './imageupload/imageuploadprogress.js';
-import { ImageUploadEditing } from './imageupload/imageuploadediting.js';
+* @module image/imageupload
+*/
+import { Plugin, type PluginDependenciesOf } from "@ckeditor/ckeditor5-core";
+import { ImageUploadUI } from "./imageupload/imageuploadui.js";
+import { ImageUploadProgress } from "./imageupload/imageuploadprogress.js";
+import { ImageUploadEditing } from "./imageupload/imageuploadediting.js";
 /**
- * The image upload plugin.
- *
- * For a detailed overview, check the {@glink features/images/image-upload/image-upload image upload feature} documentation.
- *
- * This plugin does not do anything directly, but it loads a set of specific plugins to enable image uploading:
- *
- * * {@link module:image/imageupload/imageuploadediting~ImageUploadEditing},
- * * {@link module:image/imageupload/imageuploadui~ImageUploadUI},
- * * {@link module:image/imageupload/imageuploadprogress~ImageUploadProgress}.
- */
+* The image upload plugin.
+*
+* For a detailed overview, check the {@glink features/images/image-upload/image-upload image upload feature} documentation.
+*
+* This plugin does not do anything directly, but it loads a set of specific plugins to enable image uploading:
+*
+* * {@link module:image/imageupload/imageuploadediting~ImageUploadEditing},
+* * {@link module:image/imageupload/imageuploadui~ImageUploadUI},
+* * {@link module:image/imageupload/imageuploadprogress~ImageUploadProgress}.
+*/
 export declare class ImageUpload extends Plugin {
-    /**
-     * @inheritDoc
-     */
-    static get pluginName(): "ImageUpload";
-    /**
-     * @inheritDoc
-     */
-    static get isOfficialPlugin(): true;
-    /**
-     * @inheritDoc
-     */
-    static get requires(): readonly [typeof ImageUploadEditing, typeof ImageUploadUI, typeof ImageUploadProgress];
+	/**
+	* @inheritDoc
+	*/
+	static get pluginName(): "ImageUpload";
+	/**
+	* @inheritDoc
+	*/
+	static override get isOfficialPlugin(): true;
+	/**
+	* @inheritDoc
+	*/
+	static get requires(): PluginDependenciesOf<[ImageUploadEditing, ImageUploadUI, ImageUploadProgress]>;
 }

package/dist/imageutils.d.ts

@@ -1,129 +1,129 @@
 /**
- * @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
- */
+* @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
+*/
 /**
- * @module image/imageutils
- */
-import type { ModelElement, ViewElement, ModelDocumentSelection, ViewDocumentSelection, ModelSelection, ViewSelection, ViewDowncastWriter, ModelPosition, ViewContainerElement } from '@ckeditor/ckeditor5-engine';
-import { Plugin } from '@ckeditor/ckeditor5-core';
+* @module image/imageutils
+*/
+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.
- */
+* A set of helpers related to images.
+*/
 export declare class ImageUtils extends Plugin {
-    /**
-     * DOM Emitter.
-     */
-    private _domEmitter;
-    /**
-     * @inheritDoc
-     */
-    static get pluginName(): "ImageUtils";
-    /**
-     * @inheritDoc
-     */
-    static get isOfficialPlugin(): true;
-    /**
-     * Checks if the provided model element is an `image` or `imageInline`.
-     */
-    isImage(modelElement?: ModelElement | null): modelElement is ModelElement & {
-        name: 'imageInline' | 'imageBlock';
-    };
-    /**
-     * Checks if the provided view element represents an inline image.
-     *
-     * Also, see {@link module:image/imageutils~ImageUtils#isImageWidget}.
-     */
-    isInlineImageView(element?: ViewElement | null): boolean;
-    /**
-     * Checks if the provided view element represents a block image.
-     *
-     * Also, see {@link module:image/imageutils~ImageUtils#isImageWidget}.
-     */
-    isBlockImageView(element?: ViewElement | null): boolean;
-    /**
-     * Handles inserting single file. This method unifies image insertion using {@link module:widget/utils~findOptimalInsertionRange}
-     * method.
-     *
-     * ```ts
-     * const imageUtils = editor.plugins.get( 'ImageUtils' );
-     *
-     * imageUtils.insertImage( { src: 'path/to/image.jpg' } );
-     * ```
-     *
-     * @param attributes Attributes of the inserted image.
-     * 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.
-     *
-     * **Note**: If `selectable` is passed, this helper will not be able to set selection attributes (such as `linkHref`)
-     * and apply them to the new image. In this case, make sure all selection attributes are passed in `attributes`.
-     *
-     * @param imageType Image type of inserted image. If not specified,
-     * it will be determined automatically depending of editor config or place of the insertion.
-     * @param options.setImageSizes Specifies whether the image `width` and `height` attributes should be set automatically.
-     * The default is `true`.
-     * @return The inserted model image element.
-     */
-    insertImage(attributes?: Record<string, unknown>, selectable?: ModelSelection | ModelPosition | null, imageType?: ('imageBlock' | 'imageInline' | null), options?: {
-        setImageSizes?: boolean;
-    }): 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: ModelElement): void;
-    /**
-     * Returns an image widget editing view element if one is selected or is among the selection's ancestors.
-     */
-    getClosestSelectedImageWidget(selection: ViewSelection | ViewDocumentSelection): ViewElement | null;
-    /**
-     * Returns a image model element if one is selected or is among the selection's ancestors.
-     */
-    getClosestSelectedImageElement(selection: ModelSelection | ModelDocumentSelection): ModelElement | null;
-    /**
-     * Returns an image widget editing view based on the passed image view.
-     */
-    getImageWidgetFromImageView(imageView: ViewElement): ViewContainerElement | null;
-    /**
-     * Checks if image can be inserted at current model selection.
-     *
-     * @internal
-     */
-    isImageAllowed(): boolean;
-    /**
-     * 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: ViewDowncastWriter, label: string): ViewElement;
-    /**
-     * Checks if a given view element is an image widget.
-     */
-    protected isImageWidget(viewElement: ViewElement): boolean;
-    /**
-     * Checks if the provided model element is an `image`.
-     */
-    isBlockImage(modelElement?: ModelElement | null): boolean;
-    /**
-     * Checks if the provided model element is an `imageInline`.
-     */
-    isInlineImage(modelElement?: ModelElement | null): boolean;
-    /**
-     * Get the view `<img>` from another view element, e.g. a widget (`<figure class="image">`), a link (`<a>`).
-     *
-     * The `<img>` can be located deep in other elements, so this helper performs a deep tree search.
-     */
-    findViewImgElement(figureView: ViewElement): ViewElement | undefined;
-    /**
-     * @inheritDoc
-     */
-    destroy(): void;
+	/**
+	* DOM Emitter.
+	*/
+	private _domEmitter;
+	/**
+	* @inheritDoc
+	*/
+	static get pluginName(): "ImageUtils";
+	/**
+	* @inheritDoc
+	*/
+	static override get isOfficialPlugin(): true;
+	/**
+	* Checks if the provided model element is an `image` or `imageInline`.
+	*/
+	isImage(modelElement?: ModelElement | null): modelElement is ModelElement & {
+		name: "imageInline" | "imageBlock";
+	};
+	/**
+	* Checks if the provided view element represents an inline image.
+	*
+	* Also, see {@link module:image/imageutils~ImageUtils#isImageWidget}.
+	*/
+	isInlineImageView(element?: ViewElement | null): boolean;
+	/**
+	* Checks if the provided view element represents a block image.
+	*
+	* Also, see {@link module:image/imageutils~ImageUtils#isImageWidget}.
+	*/
+	isBlockImageView(element?: ViewElement | null): boolean;
+	/**
+	* Handles inserting single file. This method unifies image insertion using {@link module:widget/utils~findOptimalInsertionRange}
+	* method.
+	*
+	* ```ts
+	* const imageUtils = editor.plugins.get( 'ImageUtils' );
+	*
+	* imageUtils.insertImage( { src: 'path/to/image.jpg' } );
+	* ```
+	*
+	* @param attributes Attributes of the inserted image.
+	* 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.
+	*
+	* **Note**: If `selectable` is passed, this helper will not be able to set selection attributes (such as `linkHref`)
+	* and apply them to the new image. In this case, make sure all selection attributes are passed in `attributes`.
+	*
+	* @param imageType Image type of inserted image. If not specified,
+	* it will be determined automatically depending of editor config or place of the insertion.
+	* @param options.setImageSizes Specifies whether the image `width` and `height` attributes should be set automatically.
+	* The default is `true`.
+	* @return The inserted model image element.
+	*/
+	insertImage(attributes?: Record<string, unknown>, selectable?: ModelSelection | ModelPosition | null, imageType?: ("imageBlock" | "imageInline" | null), options?: {
+		setImageSizes?: boolean;
+	}): 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: ModelElement): void;
+	/**
+	* Returns an image widget editing view element if one is selected or is among the selection's ancestors.
+	*/
+	getClosestSelectedImageWidget(selection: ViewSelection | ViewDocumentSelection): ViewElement | null;
+	/**
+	* Returns a image model element if one is selected or is among the selection's ancestors.
+	*/
+	getClosestSelectedImageElement(selection: ModelSelection | ModelDocumentSelection): ModelElement | null;
+	/**
+	* Returns an image widget editing view based on the passed image view.
+	*/
+	getImageWidgetFromImageView(imageView: ViewElement): ViewContainerElement | null;
+	/**
+	* Checks if image can be inserted at current model selection.
+	*
+	* @internal
+	*/
+	isImageAllowed(): boolean;
+	/**
+	* 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: ViewDowncastWriter, label: string): ViewElement;
+	/**
+	* Checks if a given view element is an image widget.
+	*/
+	protected isImageWidget(viewElement: ViewElement): boolean;
+	/**
+	* Checks if the provided model element is an `image`.
+	*/
+	isBlockImage(modelElement?: ModelElement | null): boolean;
+	/**
+	* Checks if the provided model element is an `imageInline`.
+	*/
+	isInlineImage(modelElement?: ModelElement | null): boolean;
+	/**
+	* Get the view `<img>` from another view element, e.g. a widget (`<figure class="image">`), a link (`<a>`).
+	*
+	* The `<img>` can be located deep in other elements, so this helper performs a deep tree search.
+	*/
+	findViewImgElement(figureView: ViewElement): ViewElement | undefined;
+	/**
+	* @inheritDoc
+	*/
+	override destroy(): void;
 }

package/dist/index-content.css

@@ -2,148 +2,153 @@
  * @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
  */
-:root{
-  --ck-content-color-image-caption-background:#f7f7f7;
-  --ck-content-color-image-caption-text:#333;
-}
-
-.ck-content .image > figcaption{
-  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;
+:root, :host {
+  --ck-content-color-image-caption-background: #f7f7f7;
+  --ck-content-color-image-caption-text: #333;
+  --ck-content-image-style-spacing: 1.5em;
+  --ck-content-inline-image-style-spacing: calc(var(--ck-content-image-style-spacing) / 2);
+}
+
+.ck-content .image > figcaption {
+  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) {
+    background-color: unset;
+    color: unset;
   }
 }
 
-.ck-content img.image_resized{
-  height:auto;
-}
-
-.ck-content .image.image_resized{
-  box-sizing:border-box;
-  max-width:100%;
-  display:block;
-}
-
-.ck-content .image.image_resized img{
-  width:100%;
-}
-
-.ck-content .image.image_resized > figcaption{
-  display:block;
+.ck-content img.image_resized {
+  height: auto;
 }
 
-: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.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_resized {
+  box-sizing: border-box;
+  max-width: 100%;
+  display: block;
 
-.ck-content .image.image-style-side{
-  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);
-}
-
-.ck-content .image.image-style-align-right{
-  float:right;
-  margin-left:var(--ck-content-image-style-spacing);
-}
+  & img {
+    width: 100%;
+  }
 
-.ck-content .image.image-style-block-align-right{
-  margin-left:auto;
-  margin-right:0;
+  & > figcaption {
+    display: block;
+  }
 }
 
-.ck-content .image.image-style-block-align-left{
-  margin-left:0;
-  margin-right:auto;
-}
+.ck-content {
+  & .image {
+    &.image-style-block-align-left, &.image-style-block-align-right {
+      max-width: calc(100% - var(--ck-content-image-style-spacing));
+    }
+
+    &.image-style-align-left, &.image-style-align-right {
+      clear: none;
+    }
+
+    &.image-style-side {
+      float: right;
+      margin-left: var(--ck-content-image-style-spacing);
+      max-width: 50%;
+    }
+
+    &.image-style-align-left {
+      float: left;
+      margin-right: var(--ck-content-image-style-spacing);
+    }
+
+    &.image-style-align-right {
+      float: right;
+      margin-left: var(--ck-content-image-style-spacing);
+    }
+
+    &.image-style-block-align-right {
+      margin-left: auto;
+      margin-right: 0;
+    }
+
+    &.image-style-block-align-left {
+      margin-left: 0;
+      margin-right: auto;
+    }
+  }
 
-.ck-content .image-style-align-center{
-  margin-left:auto;
-  margin-right:auto;
-}
+  & .image-style-align-center {
+    margin-left: auto;
+    margin-right: auto;
+  }
 
-.ck-content .image-style-align-left{
-  float:left;
-  margin-right:var(--ck-content-image-style-spacing);
-}
+  & .image-style-align-left {
+    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);
-}
+  & .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;
-}
+  & p + .image.image-style-align-left, & p + .image.image-style-align-right, & 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);
-}
+  & .image-inline {
+    &.image-style-align-left, &.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);
-}
+    &.image-style-align-left {
+      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);
+    &.image-style-align-right {
+      margin-left: var(--ck-content-inline-image-style-spacing);
+    }
+  }
 }
 
-.ck-content .image{
-  clear:both;
-  text-align:center;
-  min-width:50px;
-  margin:.9em auto;
-  display:table;
-}
+.ck-content {
+  & .image {
+    clear: both;
+    text-align: center;
+    min-width: 50px;
+    margin: .9em auto;
+    display: table;
+
+    & img {
+      min-width: 100%;
+      max-width: 100%;
+      height: auto;
+      margin: 0 auto;
+      display: block;
+    }
+  }
 
-.ck-content .image img{
-  min-width:100%;
-  max-width:100%;
-  height:auto;
-  margin:0 auto;
-  display:block;
-}
+  & .image-inline {
+    align-items: flex-start;
+    max-width: 100%;
+    display: inline-flex;
 
-.ck-content .image-inline{
-  align-items:flex-start;
-  max-width:100%;
-  display:inline-flex;
-}
+    & picture {
+      display: flex;
+    }
 
-.ck-content .image-inline picture{
-  display:flex;
+    & picture, & img {
+      flex-grow: 1;
+      flex-shrink: 1;
+      max-width: 100%;
+    }
+  }
 }
 
-.ck-content .image-inline picture, .ck-content .image-inline img{
-  flex-grow:1;
-  flex-shrink:1;
-  max-width:100%;
-}
+/*# sourceMappingURL=index-content.css.map */

package/dist/index-content.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../theme/index-content.css","index-content.css"],"names":[],"mappings":"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","file":"index-content.css.map","sourcesContent":["/*\n * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.\n * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options\n */\n\n:root,\n:host {\n\t/* The variable is used by both editor and content styles. Keep it in sync with the identical declaration in `imagecaption.css`. */\n\t--ck-content-color-image-caption-background: hsl(0, 0%, 97%);\n\t--ck-content-color-image-caption-text: hsl(0, 0%, 20%);\n\t--ck-content-image-style-spacing: 1.5em;\n\t--ck-content-inline-image-style-spacing: calc(var(--ck-content-image-style-spacing) / 2);\n}\n\n.ck-content .image > figcaption {\n\tdisplay: table-caption;\n\tcaption-side: bottom;\n\tword-break: normal;\n\toverflow-wrap: anywhere;\n\t/*\n\t * `break-before: avoid` is not Baseline \"widely available\" because its support for print/paged-media\n\t * contexts specifically is reportedly unreliable in Firefox, even where nominally supported. There is\n\t * no alternative CSS mechanism to keep this caption attached to its image across a page break, so this\n\t * is an accepted, soft degradation (the caption may occasionally be orphaned onto the next printed page\n\t * in Firefox specifically), not a functional break introduced by this change.\n\t */\n\t/* eslint-disable-next-line css/use-baseline */\n\tbreak-before: avoid;\n\tcolor: var(--ck-content-color-image-caption-text);\n\tbackground-color: var(--ck-content-color-image-caption-background);\n\tpadding: .6em;\n\tfont-size: .75em;\n\toutline-offset: -1px;\n\n\t/* Improve placeholder rendering in high-constrast mode (https://github.com/ckeditor/ckeditor5/issues/14907). */\n\t@media (forced-colors: active) {\n\t\tbackground-color: unset;\n\t\tcolor: unset;\n\t}\n}\n\n/* Preserve aspect ratio of the resized image after introducing image height attribute. */\n\n.ck-content img.image_resized {\n\theight: auto;\n}\n\n.ck-content .image.image_resized {\n\tmax-width: 100%;\n\t/*\n\tThe `<figure>` element for resized images must not use `display:table` as browsers do not support `max-width` for it well.\n\tSee https://stackoverflow.com/questions/4019604/chrome-safari-ignoring-max-width-in-table/14420691#14420691 for more.\n\tFortunately, since we control the width, there is no risk that the image will look bad.\n\t*/\n\tdisplay: block;\n\tbox-sizing: border-box;\n\n\t& img {\n\t\t/* For resized images it is the `<figure>` element that determines the image width. */\n\t\twidth: 100%;\n\t}\n\n\t& > figcaption {\n\t\t/* The `<figure>` element uses `display:block`, so `<figcaption>` also has to. */\n\t\tdisplay: block;\n\t}\n}\n\n.ck-content {\n\t/* See: https://github.com/ckeditor/ckeditor5/issues/16317 */\n\t& .image {\n\t\t/* Provides a minimal side margin for the left and right aligned images, so that the user has a visual feedback\n\t\tconfirming successful application of the style if image width exceeds the editor's size.\n\t\tSee https://github.com/ckeditor/ckeditor5/issues/9342 */\n\t\t&.image-style-block-align-left,\n\t\t&.image-style-block-align-right {\n\t\t\tmax-width: calc(100% - var(--ck-content-image-style-spacing));\n\t\t}\n\n\t\t/* Allows displaying multiple floating images in the same line.\n\t\tSee https://github.com/ckeditor/ckeditor5/issues/9183#issuecomment-804988132 */\n\t\t&.image-style-align-left,\n\t\t&.image-style-align-right {\n\t\t\tclear: none;\n\t\t}\n\n\t\t&.image-style-side {\n\t\t\tfloat: right;\n\t\t\tmargin-left: var(--ck-content-image-style-spacing);\n\t\t\tmax-width: 50%;\n\t\t}\n\n\t\t&.image-style-align-left {\n\t\t\tfloat: left;\n\t\t\tmargin-right: var(--ck-content-image-style-spacing);\n\t\t}\n\n\t\t&.image-style-align-right {\n\t\t\tfloat: right;\n\t\t\tmargin-left: var(--ck-content-image-style-spacing);\n\t\t}\n\n\t\t&.image-style-block-align-right {\n\t\t\tmargin-right: 0;\n\t\t\tmargin-left: auto;\n\t\t}\n\n\t\t&.image-style-block-align-left {\n\t\t\tmargin-left: 0;\n\t\t\tmargin-right: auto;\n\t\t}\n\t}\n\n\t& .image-style-align-center {\n\t\tmargin-left: auto;\n\t\tmargin-right: auto;\n\t}\n\n\t& .image-style-align-left {\n\t\tfloat: left;\n\t\tmargin-right: var(--ck-content-image-style-spacing);\n\t}\n\n\t& .image-style-align-right {\n\t\tfloat: right;\n\t\tmargin-left: var(--ck-content-image-style-spacing);\n\t}\n\n\t/* Simulates margin collapsing with the preceding paragraph, which does not work for the floating elements. */\n\t& p + .image.image-style-align-left,\n\t& p + .image.image-style-align-right,\n\t& p + .image.image-style-side {\n\t\tmargin-top: 0;\n\t}\n\n\t& .image-inline {\n\t\t&.image-style-align-left,\n\t\t&.image-style-align-right {\n\t\t\tmargin-top: var(--ck-content-inline-image-style-spacing);\n\t\t\tmargin-bottom: var(--ck-content-inline-image-style-spacing);\n\t\t}\n\n\t\t&.image-style-align-left {\n\t\t\tmargin-right: var(--ck-content-inline-image-style-spacing);\n\t\t}\n\n\t\t&.image-style-align-right {\n\t\t\tmargin-left: var(--ck-content-inline-image-style-spacing);\n\t\t}\n\t}\n}\n\n.ck-content {\n\t& .image {\n\t\tdisplay: table;\n\t\tclear: both;\n\t\ttext-align: center;\n\n\t\t/* Make sure there is some space between the content and the image. Center image by default. */\n\t\t/* The first value should be equal to --ck-spacing-large variable if used in the editor context\n\t \tto avoid the content jumping (See https://github.com/ckeditor/ckeditor5/issues/9825). */\n\t\tmargin: 0.9em auto;\n\n\t\t/* Make sure the caption will be displayed properly (See: https://github.com/ckeditor/ckeditor5/issues/1870). */\n\t\tmin-width: 50px;\n\n\t\t& img {\n\t\t\t/* Prevent unnecessary margins caused by line-height (see https://github.com/ckeditor/ckeditor5/issues/44). */\n\t\t\tdisplay: block;\n\n\t\t\t/* Center the image if its width is smaller than the content's width. */\n\t\t\tmargin: 0 auto;\n\n\t\t\t/* Make sure the image never exceeds the size of the parent container (ckeditor/ckeditor5-ui#67). */\n\t\t\tmax-width: 100%;\n\n\t\t\t/* Make sure the image is never smaller than the parent container (See: https://github.com/ckeditor/ckeditor5/issues/9300). */\n\t\t\tmin-width: 100%;\n\n\t\t\t/* Keep proportions of the block image if the height is set and the image is wider than the editor width.\n\t\t\tSee https://github.com/ckeditor/ckeditor5/issues/14542. */\n\t\t\theight: auto;\n\t\t}\n\t}\n\n\t& .image-inline {\n\t\t/*\n\t\t * Normally, the .image-inline would have \"display: inline-block\" and \"img { width: 100% }\" (to follow the wrapper while resizing).\n\t\t * Unfortunately, together with \"srcset\", it gets automatically stretched up to the width of the editing root.\n\t\t * This strange behavior does not happen with inline-flex.\n\t\t */\n\t\tdisplay: inline-flex;\n\n\t\t/* While being resized, don't allow the image to exceed the width of the editing root. */\n\t\tmax-width: 100%;\n\n\t\t/* This is required by Safari to resize images in a sensible way. Without this, the browser breaks the ratio. */\n\t\talign-items: flex-start;\n\n\t\t/* When the picture is present it must act as a flex container to let the img resize properly */\n\t\t& picture {\n\t\t\tdisplay: flex;\n\t\t}\n\n\t\t/* When the picture is present, it must act like a resizable img. */\n\t\t& picture,\n\t\t& img {\n\t\t\t/* This is necessary for the img to span the entire .image-inline wrapper and to resize properly. */\n\t\t\tflex-grow: 1;\n\t\t\tflex-shrink: 1;\n\n\t\t\t/* Prevents overflowing the editing root boundaries when an inline image is very wide. */\n\t\t\tmax-width: 100%;\n\t\t}\n\t}\n}\n",":root, :host {\n  --ck-content-color-image-caption-background: #f7f7f7;\n  --ck-content-color-image-caption-text: #333;\n  --ck-content-image-style-spacing: 1.5em;\n  --ck-content-inline-image-style-spacing: calc(var(--ck-content-image-style-spacing) / 2);\n}\n\n.ck-content .image > figcaption {\n  caption-side: bottom;\n  word-break: normal;\n  overflow-wrap: anywhere;\n  break-before: avoid;\n  color: var(--ck-content-color-image-caption-text);\n  background-color: var(--ck-content-color-image-caption-background);\n  outline-offset: -1px;\n  padding: .6em;\n  font-size: .75em;\n  display: table-caption;\n\n  @media (forced-colors: active) {\n    background-color: unset;\n    color: unset;\n  }\n}\n\n.ck-content img.image_resized {\n  height: auto;\n}\n\n.ck-content .image.image_resized {\n  box-sizing: border-box;\n  max-width: 100%;\n  display: block;\n\n  & img {\n    width: 100%;\n  }\n\n  & > figcaption {\n    display: block;\n  }\n}\n\n.ck-content {\n  & .image {\n    &.image-style-block-align-left, &.image-style-block-align-right {\n      max-width: calc(100% - var(--ck-content-image-style-spacing));\n    }\n\n    &.image-style-align-left, &.image-style-align-right {\n      clear: none;\n    }\n\n    &.image-style-side {\n      float: right;\n      margin-left: var(--ck-content-image-style-spacing);\n      max-width: 50%;\n    }\n\n    &.image-style-align-left {\n      float: left;\n      margin-right: var(--ck-content-image-style-spacing);\n    }\n\n    &.image-style-align-right {\n      float: right;\n      margin-left: var(--ck-content-image-style-spacing);\n    }\n\n    &.image-style-block-align-right {\n      margin-left: auto;\n      margin-right: 0;\n    }\n\n    &.image-style-block-align-left {\n      margin-left: 0;\n      margin-right: auto;\n    }\n  }\n\n  & .image-style-align-center {\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  & .image-style-align-left {\n    float: left;\n    margin-right: var(--ck-content-image-style-spacing);\n  }\n\n  & .image-style-align-right {\n    float: right;\n    margin-left: var(--ck-content-image-style-spacing);\n  }\n\n  & p + .image.image-style-align-left, & p + .image.image-style-align-right, & p + .image.image-style-side {\n    margin-top: 0;\n  }\n\n  & .image-inline {\n    &.image-style-align-left, &.image-style-align-right {\n      margin-top: var(--ck-content-inline-image-style-spacing);\n      margin-bottom: var(--ck-content-inline-image-style-spacing);\n    }\n\n    &.image-style-align-left {\n      margin-right: var(--ck-content-inline-image-style-spacing);\n    }\n\n    &.image-style-align-right {\n      margin-left: var(--ck-content-inline-image-style-spacing);\n    }\n  }\n}\n\n.ck-content {\n  & .image {\n    clear: both;\n    text-align: center;\n    min-width: 50px;\n    margin: .9em auto;\n    display: table;\n\n    & img {\n      min-width: 100%;\n      max-width: 100%;\n      height: auto;\n      margin: 0 auto;\n      display: block;\n    }\n  }\n\n  & .image-inline {\n    align-items: flex-start;\n    max-width: 100%;\n    display: inline-flex;\n\n    & picture {\n      display: flex;\n    }\n\n    & picture, & img {\n      flex-grow: 1;\n      flex-shrink: 1;\n      max-width: 100%;\n    }\n  }\n}\n\n/*# sourceMappingURL=index-content.css.map */"]}