@ckeditor/ckeditor5-image 45.0.0-alpha.9 → 45.1.0-alpha.0

package/package.json

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

package/src/imageresize/imageresizebuttons.d.ts

@@ -41,7 +41,7 @@ export default class ImageResizeButtons extends Plugin {
     /**
      * A helper function that creates a standalone button component for the plugin.
      *
-     * @param resizeOption A model of the resize option.
+     * @param option A model of the resize option.
      */
     private _registerImageResizeButton;
     /**

package/src/imageresize/imageresizebuttons.js

@@ -69,7 +69,7 @@ export default class ImageResizeButtons extends Plugin {
     /**
      * A helper function that creates a standalone button component for the plugin.
      *
-     * @param resizeOption A model of the resize option.
+     * @param option A model of the resize option.
      */
     _registerImageResizeButton(option) {
         const editor = this.editor;
@@ -87,7 +87,7 @@ export default class ImageResizeButtons extends Plugin {
                  * {@link module:image/imageconfig~ImageResizeOption plugin configuration}.
                  *
                  * @error imageresizebuttons-missing-icon
-                 * @param option Invalid image resize option.
+                 * @param {module:image/imageconfig~ImageResizeOption} option Invalid image resize option.
                 */
                 throw new CKEditorError('imageresizebuttons-missing-icon', editor, option);
             }

package/src/imageresize/imageresizeediting.js

@@ -179,5 +179,10 @@ export default class ImageResizeEditing extends Plugin {
                 }
             }
         });
+        editor.conversion.for('upcast').add(dispatcher => {
+            dispatcher.on(`element:${imageType === 'imageBlock' ? 'figure' : 'img'}`, (evt, data, conversionApi) => {
+                conversionApi.consumable.consume(data.viewItem, { classes: ['image_resized'] });
+            });
+        });
     }
 }

package/src/imagesizeattributes.js

@@ -114,6 +114,16 @@ export default class ImageSizeAttributes extends Plugin {
             attachDowncastConverter(dispatcher, 'width', 'width', false);
             attachDowncastConverter(dispatcher, 'height', 'height', false);
         });
+        // Consume `aspect-ratio` style if `width` and `height` attributes are set on the image.
+        editor.conversion.for('upcast').add(dispatcher => {
+            dispatcher.on('element:img', (evt, data, conversionApi) => {
+                const width = data.viewItem.getAttribute('width');
+                const height = data.viewItem.getAttribute('height');
+                if (width && height) {
+                    conversionApi.consumable.consume(data.viewItem, { styles: ['aspect-ratio'] });
+                }
+            });
+        });
         function attachDowncastConverter(dispatcher, modelAttributeName, viewAttributeName, setRatioForInlineImage, isEditingDowncast = false) {
             dispatcher.on(`attribute:${modelAttributeName}:${imageType}`, (evt, data, conversionApi) => {
                 if (!conversionApi.consumable.consume(data.item, evt.name)) {

package/src/imagestyle/utils.js

@@ -274,8 +274,8 @@ function isValidOption(option, { isBlockPluginLoaded, isInlinePluginLoaded }) {
              * are missing. Make sure these plugins are loaded in your editor to get this image style option working.
              *
              * @error image-style-missing-dependency
-             * @param {String} [option] The name of the unsupported option.
-             * @param {String} [missingPlugins] The names of the plugins one of which has to be loaded for the particular option.
+             * @param {string} style The name of the unsupported option.
+             * @param {Array.<string>} missingPlugins The names of the plugins one of which has to be loaded for the particular option.
              */
             logWarning('image-style-missing-dependency', {
                 style: option,
@@ -312,8 +312,7 @@ function warnInvalidStyle(info) {
      * * {@link module:image/imageconfig~ImageStyleDropdownDefinition image style dropdown definition}
      *
      * @error image-style-configuration-definition-invalid
-     * @param {String} [dropdown] The name of the invalid drop-down
-     * @param {String} [style] The name of the invalid image style option
+     * @param {object} info The information about the invalid definition.
      */
     logWarning('image-style-configuration-definition-invalid', info);
 }