@vue-flow/background - npm Package Compare versions

Comparing version 1.0.3 to 1.0.4

dist/vue-flow-background.iife.js

@@ -1,1 +0,1 @@
-var vueFlowBackground=function(o,e,s){"use strict";var a=(t=>(t.Lines="lines",t.Dots="dots",t))(a||{});const u=["x","y","width","height"],h=["stroke","stroke-width","d"],f=["cx","cy","r","fill"],g={key:2,height:"100",width:"100"},m=["fill"],k=["x","y","fill"],y={name:"Background"},w=e.defineComponent({...y,props:{variant:{default:()=>"dots"},gap:{default:10},size:{default:.4},patternColor:null,bgColor:null,height:{default:100},width:{default:100},x:{default:0},y:{default:0}},setup(t){const z={[a.Dots]:"#81818a",[a.Lines]:"#eee"},{id:B,viewport:c}=s.useVueFlow(),l=e.computed(()=>{const n=t.gap&&t.gap*c.value.zoom,r=n&&c.value.x%n,C=n&&c.value.y%n,V=t.size*c.value.zoom;return{scaledGap:n,xOffset:r,yOffset:C,size:V}}),i=`pattern-${B}`,d=e.computed(()=>t.patternColor||z[t.variant||a.Dots]),$=e.computed(()=>`M${l.value.scaledGap/2} 0 V${l.value.scaledGap} M0 ${l.value.scaledGap/2} H${l.value.scaledGap}`);return(n,r)=>(e.openBlock(),e.createElementBlock("svg",{class:"vue-flow__background vue-flow__container",style:e.normalizeStyle({height:`${t.height>100?100:t.height}%`,width:`${t.width>100?100:t.width}%`})},[e.renderSlot(n.$slots,"pattern-container",{id:i},()=>[e.createElementVNode("pattern",{id:i,x:l.value.xOffset,y:l.value.yOffset,width:l.value.scaledGap,height:l.value.scaledGap,patternUnits:"userSpaceOnUse"},[e.renderSlot(n.$slots,"pattern",{},()=>[t.variant===e.unref(a).Lines?(e.openBlock(),e.createElementBlock("path",{key:0,stroke:e.unref(d),"stroke-width":t.size,d:e.unref($)},null,8,h)):t.variant===e.unref(a).Dots?(e.openBlock(),e.createElementBlock("circle",{key:1,cx:l.value.size,cy:l.value.size,r:l.value.size,fill:e.unref(d)},null,8,f)):e.createCommentVNode("",!0),t.bgColor?(e.openBlock(),e.createElementBlock("svg",g,[e.createElementVNode("rect",{width:"100%",height:"100%",fill:t.bgColor},null,8,m)])):e.createCommentVNode("",!0)])],8,u)]),e.createElementVNode("rect",{x:t.x,y:t.y,width:"100%",height:"100%",fill:`url(#${i})`},null,8,k),e.renderSlot(n.$slots,"default",{id:i})],4))}});return o.Background=w,o.BackgroundVariant=a,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"}),o}({},Vue,VueFlow);
+var vueFlowBackground=function(o,e,s){"use strict";var a=(t=>(t.Lines="lines",t.Dots="dots",t))(a||{});const u=["x","y","width","height"],h=["stroke","stroke-width","d"],f=["cx","cy","r","fill"],g={key:2,height:"100",width:"100"},m=["fill"],k=["x","y","fill"],y={name:"Background",compatConfig:{MODE:3}},w=e.defineComponent({...y,props:{variant:{default:()=>"dots"},gap:{default:10},size:{default:.4},patternColor:null,bgColor:null,height:{default:100},width:{default:100},x:{default:0},y:{default:0}},setup(t){const z={[a.Dots]:"#81818a",[a.Lines]:"#eee"},{id:B,viewport:c}=s.useVueFlow(),l=e.computed(()=>{const n=t.gap&&t.gap*c.value.zoom,r=n&&c.value.x%n,$=n&&c.value.y%n,V=t.size*c.value.zoom;return{scaledGap:n,xOffset:r,yOffset:$,size:V}}),i=`pattern-${B}`,d=e.computed(()=>t.patternColor||z[t.variant||a.Dots]),C=e.computed(()=>`M${l.value.scaledGap/2} 0 V${l.value.scaledGap} M0 ${l.value.scaledGap/2} H${l.value.scaledGap}`);return(n,r)=>(e.openBlock(),e.createElementBlock("svg",{class:"vue-flow__background vue-flow__container",style:e.normalizeStyle({height:`${t.height>100?100:t.height}%`,width:`${t.width>100?100:t.width}%`})},[e.renderSlot(n.$slots,"pattern-container",{id:i},()=>[e.createElementVNode("pattern",{id:i,x:l.value.xOffset,y:l.value.yOffset,width:l.value.scaledGap,height:l.value.scaledGap,patternUnits:"userSpaceOnUse"},[e.renderSlot(n.$slots,"pattern",{},()=>[t.variant===e.unref(a).Lines?(e.openBlock(),e.createElementBlock("path",{key:0,stroke:e.unref(d),"stroke-width":t.size,d:e.unref(C)},null,8,h)):t.variant===e.unref(a).Dots?(e.openBlock(),e.createElementBlock("circle",{key:1,cx:l.value.size,cy:l.value.size,r:l.value.size,fill:e.unref(d)},null,8,f)):e.createCommentVNode("",!0),t.bgColor?(e.openBlock(),e.createElementBlock("svg",g,[e.createElementVNode("rect",{width:"100%",height:"100%",fill:t.bgColor},null,8,m)])):e.createCommentVNode("",!0)])],8,u)]),e.createElementVNode("rect",{x:t.x,y:t.y,width:"100%",height:"100%",fill:`url(#${i})`},null,8,k),e.renderSlot(n.$slots,"default",{id:i})],4))}});return o.Background=w,o.BackgroundVariant=a,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"}),o}({},Vue,VueFlow);

dist/vue-flow-background.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),v=require("@vue-flow/core");var o=(t=>(t.Lines="lines",t.Dots="dots",t))(o||{});const g=["x","y","width","height"],m=["stroke","stroke-width","d"],k=["cx","cy","r","fill"],y={key:2,height:"100",width:"100"},w=["fill"],z=["x","y","fill"],$={name:"Background"},B=e.defineComponent({...$,props:{variant:{default:()=>"dots"},gap:{default:10},size:{default:.4},patternColor:null,bgColor:null,height:{default:100},width:{default:100},x:{default:0},y:{default:0}},setup(t){const s={[o.Dots]:"#81818a",[o.Lines]:"#eee"},{id:d,viewport:a}=v.useVueFlow(),l=e.computed(()=>{const n=t.gap&&t.gap*a.value.zoom,r=n&&a.value.x%n,h=n&&a.value.y%n,f=t.size*a.value.zoom;return{scaledGap:n,xOffset:r,yOffset:h,size:f}}),c=`pattern-${d}`,i=e.computed(()=>t.patternColor||s[t.variant||o.Dots]),u=e.computed(()=>`M${l.value.scaledGap/2} 0 V${l.value.scaledGap} M0 ${l.value.scaledGap/2} H${l.value.scaledGap}`);return(n,r)=>(e.openBlock(),e.createElementBlock("svg",{class:"vue-flow__background vue-flow__container",style:e.normalizeStyle({height:`${t.height>100?100:t.height}%`,width:`${t.width>100?100:t.width}%`})},[e.renderSlot(n.$slots,"pattern-container",{id:c},()=>[e.createElementVNode("pattern",{id:c,x:l.value.xOffset,y:l.value.yOffset,width:l.value.scaledGap,height:l.value.scaledGap,patternUnits:"userSpaceOnUse"},[e.renderSlot(n.$slots,"pattern",{},()=>[t.variant===e.unref(o).Lines?(e.openBlock(),e.createElementBlock("path",{key:0,stroke:e.unref(i),"stroke-width":t.size,d:e.unref(u)},null,8,m)):t.variant===e.unref(o).Dots?(e.openBlock(),e.createElementBlock("circle",{key:1,cx:l.value.size,cy:l.value.size,r:l.value.size,fill:e.unref(i)},null,8,k)):e.createCommentVNode("",!0),t.bgColor?(e.openBlock(),e.createElementBlock("svg",y,[e.createElementVNode("rect",{width:"100%",height:"100%",fill:t.bgColor},null,8,w)])):e.createCommentVNode("",!0)])],8,g)]),e.createElementVNode("rect",{x:t.x,y:t.y,width:"100%",height:"100%",fill:`url(#${c})`},null,8,z),e.renderSlot(n.$slots,"default",{id:c})],4))}});exports.Background=B;exports.BackgroundVariant=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),v=require("@vue-flow/core");var n=(t=>(t.Lines="lines",t.Dots="dots",t))(n||{});const g=["x","y","width","height"],m=["stroke","stroke-width","d"],k=["cx","cy","r","fill"],y={key:2,height:"100",width:"100"},w=["fill"],z=["x","y","fill"],C={name:"Background",compatConfig:{MODE:3}},$=e.defineComponent({...C,props:{variant:{default:()=>"dots"},gap:{default:10},size:{default:.4},patternColor:null,bgColor:null,height:{default:100},width:{default:100},x:{default:0},y:{default:0}},setup(t){const s={[n.Dots]:"#81818a",[n.Lines]:"#eee"},{id:d,viewport:a}=v.useVueFlow(),l=e.computed(()=>{const o=t.gap&&t.gap*a.value.zoom,r=o&&a.value.x%o,h=o&&a.value.y%o,f=t.size*a.value.zoom;return{scaledGap:o,xOffset:r,yOffset:h,size:f}}),c=`pattern-${d}`,i=e.computed(()=>t.patternColor||s[t.variant||n.Dots]),u=e.computed(()=>`M${l.value.scaledGap/2} 0 V${l.value.scaledGap} M0 ${l.value.scaledGap/2} H${l.value.scaledGap}`);return(o,r)=>(e.openBlock(),e.createElementBlock("svg",{class:"vue-flow__background vue-flow__container",style:e.normalizeStyle({height:`${t.height>100?100:t.height}%`,width:`${t.width>100?100:t.width}%`})},[e.renderSlot(o.$slots,"pattern-container",{id:c},()=>[e.createElementVNode("pattern",{id:c,x:l.value.xOffset,y:l.value.yOffset,width:l.value.scaledGap,height:l.value.scaledGap,patternUnits:"userSpaceOnUse"},[e.renderSlot(o.$slots,"pattern",{},()=>[t.variant===e.unref(n).Lines?(e.openBlock(),e.createElementBlock("path",{key:0,stroke:e.unref(i),"stroke-width":t.size,d:e.unref(u)},null,8,m)):t.variant===e.unref(n).Dots?(e.openBlock(),e.createElementBlock("circle",{key:1,cx:l.value.size,cy:l.value.size,r:l.value.size,fill:e.unref(i)},null,8,k)):e.createCommentVNode("",!0),t.bgColor?(e.openBlock(),e.createElementBlock("svg",y,[e.createElementVNode("rect",{width:"100%",height:"100%",fill:t.bgColor},null,8,w)])):e.createCommentVNode("",!0)])],8,g)]),e.createElementVNode("rect",{x:t.x,y:t.y,width:"100%",height:"100%",fill:`url(#${c})`},null,8,z),e.renderSlot(o.$slots,"default",{id:c})],4))}});exports.Background=$;exports.BackgroundVariant=n;

package.json

 {
   "name": "@vue-flow/background",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "private": false,
@@ -35,3 +35,3 @@ "license": "MIT",
     "vue-tsc": "^1.0.24",
-    "@vue-flow/core": "1.12.3"
+    "@vue-flow/core": "1.14.3"
   },
@@ -38,0 +38,0 @@ "publishConfig": {

New alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

14446

increased by18.39%

Number of package files

10

increased by11.11%

Lines of code

184

increased by5.75%

Worsened metrics

Number of low quality alerts

2

increased by100%

No dependency changes