@atoms-studio/components - npm Package Compare versions

Comparing version 0.2.7 to 0.2.8

dist/components.cjs.js

@@ -135,2 +135,7 @@ 'use strict';
   },
+
+  preloadImage: {
+    type: Boolean,
+    default: false,
+  },
 };
@@ -164,3 +169,3 @@
     resizeParams = '?';
-    if (width && height) {
+    if (width && height && config.mode) {
       resizeParams += "w=" + width + "&h=" + height + "&fit=" + (config.mode) + "&";
@@ -212,2 +217,19 @@ }
 
+  head: function head() {
+    if (this.preloadImage) {
+      return {
+        link: [
+          {
+            rel: 'preload',
+            as: 'image',
+            href: this.srcWebP || this.srcDefault,
+            imagesrcset: this.srcWebP
+              ? this.webpsrcsetString
+              : this.srcsetString,
+            imagesizes: this.sizesString,
+          } ],
+      }
+    }
+  },
+
   computed: {
@@ -214,0 +236,0 @@ imageUrl: function imageUrl() {

dist/components.esm.js

@@ -131,2 +131,7 @@ //
   },
+
+  preloadImage: {
+    type: Boolean,
+    default: false,
+  },
 };
@@ -160,3 +165,3 @@
     resizeParams = '?';
-    if (width && height) {
+    if (width && height && config.mode) {
       resizeParams += "w=" + width + "&h=" + height + "&fit=" + (config.mode) + "&";
@@ -208,2 +213,19 @@ }
 
+  head: function head() {
+    if (this.preloadImage) {
+      return {
+        link: [
+          {
+            rel: 'preload',
+            as: 'image',
+            href: this.srcWebP || this.srcDefault,
+            imagesrcset: this.srcWebP
+              ? this.webpsrcsetString
+              : this.srcsetString,
+            imagesizes: this.sizesString,
+          } ],
+      }
+    }
+  },
+
   computed: {
@@ -210,0 +232,0 @@ imageUrl: function imageUrl() {

package.json

 {
   "name": "@atoms-studio/components",
-  "version": "0.2.7",
+  "version": "0.2.8",
   "license": "MIT",
@@ -5,0 +5,0 @@ "homepage": "https://github.com/atoms-studio/blueprint#readme",

New alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

29043

3.33%

Lines of code

1018

4.09%

Worsened metrics

Number of medium supply chain risk alerts

1

Infinity%

No dependency changes