chore: release 1.1.0

Author: amrelbialy

CHANGELOG.md

@@ -25,6 +25,15 @@ Types of changes:
 - ...
 
 -------------
+
+## 1.1.0 - 2021-07-19
+
+### Deprecated
+
+- Property **ignoreNodeImgSize** is deprecated. Use **imageSizeAttributes: 'ignore'** instead
+
+### Added
+- new property: **imageSizeAttributes**
 ## 1.0.7- 2020-02-12
 ### Added
 - OnImgLoad to capture event on load

README.md

@@ -1,4 +1,4 @@
-[![Release](https://img.shields.io/badge/release-v1.0.7-blue.svg)](https://github.com/scaleflex/vue-cloudimage-responsive-blur-hash/releases)
+[![Release](https://img.shields.io/badge/release-v1.1.0-blue.svg)](https://github.com/scaleflex/vue-cloudimage-responsive-blur-hash/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)
 [![Contributions welcome](https://img.shields.io/badge/contributions-welcome-orange.svg)](#contributing)
 [![License](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)
@@ -315,6 +315,22 @@ Delay for processing an image after rendering component.
 **NOTE:** normally the parameter is not needed, but in some cases with integrating third part libraries it can fix wrong
 calculation of image container.
 
+### 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
 
 ### src

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-cloudimage-responsive-blur-hash",
-  "version": "1.0.7",
+  "version": "1.1.0",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",
   "description": "Cloudimage Responsive will smartly resize, compress and accelerate images across the World in your site for all devices. The plugin supports lazy loading technique with blur hash placeholder.",
@@ -36,7 +36,7 @@
     "publish-demo": "npm run build-demo && npm run deploy"
   },
   "dependencies": {
-    "cloudimage-responsive-utils": "^2.0.16",
+    "cloudimage-responsive-utils": "^2.3.0",
     "core-js": "^3.6.5",
     "throttle-debounce": "^2.3.0"
   },
@@ -83,4 +83,4 @@
     "webpack-cli": "^3.3.12",
     "webpack-dev-server": "^3.11.0"
   }
-}
+}

src/CloudImageProvider.vue

@@ -32,6 +32,7 @@ export default {
               xl: "(min-width: 1200px)" // from 1200    USUALSCREEN
             },
         params:  this.cloudImageConfig.params? processParams(this.cloudImageConfig.params) :'org_if_sml=1',
+        imageSizeAttributes: this.cloudImageConfig.imageSizeAttributes || 'use',
         innerWidth: typeof window !== "undefined" ? window.innerWidth : null,
         previewQualityFactor: 10,
         doNotReplaceURL: this.cloudImageConfig.doNotReplaceURL || false,