@vue-flow/background - npm Package Compare versions

Comparing version 1.3.1 to 1.3.2

dist/vue-flow-background.iife.js

@@ -53,3 +53,3 @@ var VueFlowBackground = function(exports, vue, core) {
       y: { default: 0 },
-      offset: { default: 2 }
+      offset: { default: 0 }
     },
@@ -59,10 +59,8 @@ setup(__props) {
       const background = vue.computed(() => {
+        const zoom = viewport.value.zoom;
         const [gapX, gapY] = Array.isArray(__props.gap) ? __props.gap : [__props.gap, __props.gap];
-        const scaledGap = [gapX * viewport.value.zoom || 1, gapY * viewport.value.zoom || 1];
-        const scaledSize = __props.size * viewport.value.zoom;
+        const scaledGap = [gapX * zoom || 1, gapY * zoom || 1];
+        const scaledSize = __props.size * zoom;
         const [offsetX, offsetY] = Array.isArray(__props.offset) ? __props.offset : [__props.offset, __props.offset];
-        const scaledOffset = [
-          offsetX * viewport.value.zoom || 1 + scaledGap[0] / 2,
-          offsetY * viewport.value.zoom || 1 + scaledGap[1] / 2
-        ];
+        const scaledOffset = [offsetX * zoom || 1 + scaledGap[0] / 2, offsetY * zoom || 1 + scaledGap[1] / 2];
         return {
@@ -69,0 +67,0 @@ scaledGap,

dist/vue-flow-background.js

@@ -55,3 +55,3 @@ "use strict";
     y: { default: 0 },
-    offset: { default: 2 }
+    offset: { default: 0 }
   },
@@ -61,10 +61,8 @@ setup(__props) {
     const background = vue.computed(() => {
+      const zoom = viewport.value.zoom;
       const [gapX, gapY] = Array.isArray(__props.gap) ? __props.gap : [__props.gap, __props.gap];
-      const scaledGap = [gapX * viewport.value.zoom || 1, gapY * viewport.value.zoom || 1];
-      const scaledSize = __props.size * viewport.value.zoom;
+      const scaledGap = [gapX * zoom || 1, gapY * zoom || 1];
+      const scaledSize = __props.size * zoom;
       const [offsetX, offsetY] = Array.isArray(__props.offset) ? __props.offset : [__props.offset, __props.offset];
-      const scaledOffset = [
-        offsetX * viewport.value.zoom || 1 + scaledGap[0] / 2,
-        offsetY * viewport.value.zoom || 1 + scaledGap[1] / 2
-      ];
+      const scaledOffset = [offsetX * zoom || 1 + scaledGap[0] / 2, offsetY * zoom || 1 + scaledGap[1] / 2];
       return {
@@ -71,0 +69,0 @@ scaledGap,

package.json

 {
   "name": "@vue-flow/background",
-  "version": "1.3.1",
+  "version": "1.3.2",
   "private": false,
@@ -57,3 +57,3 @@ "license": "MIT",
     "@tooling/vite-config": "0.0.0",
-    "@vue-flow/core": "1.41.3"
+    "@vue-flow/core": "1.41.5"
   },
@@ -60,0 +60,0 @@ "publishConfig": {

No alert changes

Worsened metrics

Total package byte prevSize

23471

decreased by-0.77%

Lines of code

551

decreased by-1.08%

No dependency changes