@ckeditor/ckeditor5-image 44.2.0-alpha.1 → 44.2.0-alpha.11

package/dist/index.js

@@ -1620,6 +1620,12 @@ const IMAGE_URL_REGEXP = new RegExp(String(/^(http(s)?:\/\/)?[\w-]+\.[\w.~:/[\]@
                 } else {
                     viewWriter.removeAttribute(viewAttributeName, img);
                 }
+                const width = data.item.getAttribute('width');
+                const height = data.item.getAttribute('height');
+                const hasSizes = width && height;
+                if (hasSizes && isEditingDowncast) {
+                    viewWriter.setAttribute('loading', 'lazy', img);
+                }
                 // Do not set aspect-ratio for pictures. See https://github.com/ckeditor/ckeditor5/issues/14579.
                 if (data.item.hasAttribute('sources')) {
                     return;
@@ -1629,14 +1635,8 @@ const IMAGE_URL_REGEXP = new RegExp(String(/^(http(s)?:\/\/)?[\w-]+\.[\w.~:/[\]@
                 if (imageType === 'imageInline' && !isResized && !setRatioForInlineImage) {
                     return;
                 }
-                const width = data.item.getAttribute('width');
-                const height = data.item.getAttribute('height');
-                if (!width || !height) {
-                    return;
-                }
-                viewWriter.setStyle('aspect-ratio', `${width}/${height}`, img);
-                if (isEditingDowncast) {
-                    viewWriter.setAttribute('loading', 'lazy', img);
+                if (hasSizes) {
+                    viewWriter.setStyle('aspect-ratio', `${width}/${height}`, img);
                 }
             });
         }
@@ -5056,7 +5056,6 @@ const RESIZED_IMAGE_CLASS = 'image_resized';
     }
     const imageParentWidthPx = calculateResizeHostAncestorWidth(imageNodes.dom);
     const imageHolderDimension = {
-        unit: 'px',
         value: new Rect(imageNodes.dom).width
     };
     return tryCastDimensionsToUnit(imageParentWidthPx, imageHolderDimension, targetUnit);
@@ -5269,9 +5268,7 @@ const RESIZED_IMAGE_CLASS = 'image_resized';
     }
     const imageParentWidthPx = calculateResizeHostAncestorWidth(imageNodes.dom);
     const minimumImageWidth = tryParseDimensionWithUnit(window.getComputedStyle(imageNodes.dom).minWidth) || {
-        value: 1,
-        unit: 'px'
-    };
+        value: 1};
     const lower = Math.max(0.1, tryCastDimensionsToUnit(imageParentWidthPx, minimumImageWidth, targetUnit).value);
     const upper = targetUnit === 'px' ? imageParentWidthPx : 100;
     return {