vue-cloudimage-responsive - npm Package Compare versions

Comparing version 1.1.0 to 1.2.0

CHANGELOG.md

@@ -28,3 +28,11 @@ # Changelog
 -------------
+## 1.2.0 - 2021-07-19
 
+### Deprecated
+
+- Property **ignoreNodeImgSize** is deprecated. Use **imageSizeAttributes: 'ignore'** instead
+
+### Added
+- new property: **imageSizeAttributes**
+
 ## 1.1.0 2021-06-16
@@ -31,0 +39,0 @@ ### Added

dist/index.cjs.js

 /*
- * vue-cloudimage-responsive v1.1.0
+ * vue-cloudimage-responsive v1.2.0
  *
@@ -876,2 +876,3 @@ * @license
         params: this.cloudImageConfig.params ? cloudimageResponsiveUtils.processParams(this.cloudImageConfig.params) : 'org_if_sml=1',
+        imageSizeAttributes: this.cloudImageConfig.imageSizeAttributes || 'use',
         innerWidth: typeof window !== 'undefined' ? window.innerWidth : null,
@@ -878,0 +879,0 @@ previewQualityFactor: 10,

dist/index.es.js

 /*
- * vue-cloudimage-responsive v1.1.0
+ * vue-cloudimage-responsive v1.2.0
  *
@@ -872,2 +872,3 @@ * @license
         params: this.cloudImageConfig.params ? processParams(this.cloudImageConfig.params) : 'org_if_sml=1',
+        imageSizeAttributes: this.cloudImageConfig.imageSizeAttributes || 'use',
         innerWidth: typeof window !== 'undefined' ? window.innerWidth : null,
@@ -874,0 +875,0 @@ previewQualityFactor: 10,

package.json

 {
   "name": "vue-cloudimage-responsive",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "main": "dist/index.cjs.js",
@@ -39,3 +39,3 @@ "module": "dist/index.es.js",
   "dependencies": {
-    "cloudimage-responsive-utils": "^2.2.0",
+    "cloudimage-responsive-utils": "^2.3.0",
     "core-js": "^3.15.2"
@@ -42,0 +42,0 @@ },

README.md

@@ -1,2 +0,2 @@
-[![Release](https://img.shields.io/badge/release-v1.0.5-blue.svg)](https://github.com/scaleflex/vue-cloudimage-responsive/releases)
+[![Release](https://img.shields.io/badge/release-v1.2.0-blue.svg)](https://github.com/scaleflex/vue-cloudimage-responsive/releases)
 [![Free plan](https://img.shields.io/badge/price-includes%20free%20plan-green.svg)](https://www.cloudimage.io/en/home#b38181a6-b9c8-4015-9742-7b1a1ad382d5)
@@ -326,2 +326,18 @@ [![Contributions welcome](https://img.shields.io/badge/contributions-welcome-orange.svg)](#contributing)
 
+### ImageSizeAttributes
+
+###### Type: **String** | possible values: 'use', 'ignore', 'take-ratio' | Default: **'use'** 
+
+If width and height attributes are set:
+
+**use** - width & height attributes values will be used to calculate image size (according to user's DPR) and **ratio**. 
+
+**take-ratio** - width & height attributes values will be used only to calculate **ratio**.
+
+**ignore** - width & height attributes will be ignored.
+
+If width and height attributes are NOT set, image container size will be detected to calculate result image size (according to user's DPR)
+
+*Note*: If only width or height attributes is set, ratio is going to be taken from ci-ratio image attribute
+
 ## <a name="image_properties"></a> Image properties
@@ -328,0 +344,0 @@

No alert changes

Improved metrics

Total package byte prevSize

77432

increased by2.18%

Lines of code

1740

increased by0.12%

Number of lines in readme file

479

increased by3.46%

Dependency changes

• Updatedcloudimage-responsive-utils@^2.3.0