npm - @vuesimple/vs-loader - Versions diffs - 3.0.2 → 3.0.4 - Mend

@vuesimple/vs-loader 3.0.2 → 3.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/README.md CHANGED Viewed

@@ -59,7 +59,7 @@ npm i @vuesimple/vs-loader
 ```javascript
 // Main/Entry file
-app.use(VsLoader);
+app.use(VsLoader.plugin);
 ```
 ```html

package/dist/index.esm.js CHANGED Viewed

@@ -206,5 +206,6 @@ const E = /* @__PURE__ */ l(P, [["render", I]]), R = {
   }
 };
 export {
-  R as default
+  E as default,
+  R as plugin
 };

package/dist/index.min.js CHANGED Viewed

	@@ -1 +1 @@
1	- (function(){ try {var elementStyle = document.createElement('style'); elementStyle.appendChild(document.createTextNode(".vs-pulse{display:flex}.vs-pulse.vs-loader--center{align-items:center;justify-content:center}@-webkit-keyframes v-pulseStretchDelay{0%,80%{-webkit-transform:scale(1);transform:scale(1);-webkit-opacity:1;opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);-webkit-opacity:.7;opacity:.7}}@keyframes v-pulseStretchDelay{0%,80%{-webkit-transform:scale(1);transform:scale(1);-webkit-opacity:1;opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);-webkit-opacity:.7;opacity:.7}}.vs-dots.vs-loader--center{display:flex;align-items:center;justify-content:center}.vs-dots svg{width:4.5em;margin:3px}.vs-dots .circle-one{animation:1.25s ease-in-out 0s infinite normal none running circleOneKeyframe}.vs-dots .circle-two{animation:1.25s ease-in-out 0s infinite normal none running circleTwoKeyframe}.vs-dots .circle-three{animation:1.25s ease-in-out 0s infinite normal none running circleThreeKeyframe}@keyframes circleOneKeyframe{0%{transform:translateY(5px)}3%{transform:translate(1px,-5px)}6%{transform:translate(3px,-15px)}8%{transform:translate(5px,-18px)}9%{transform:translate(7px,-21px)}11%{transform:translate(8px,-22px)}13%{transform:translate(9px,-23px)}16%{transform:translate(12px,-25px)}18%{transform:translate(13px,-26px)}23%{transform:translate(18px,-26px)}24%{transform:translate(19px,-25px)}28%{transform:translate(22px,-23px)}31%{transform:translate(24px,-21px)}33%{transform:translate(26px,-18px)}34%{transform:translate(28px,-14px)}36%{transform:translate(29px,-12px)}38%{transform:translate(30px,-5px)}39%{transform:translate(31px,5px)}54%{transform:translate(31px,3px)}59%{transform:translate(33px)}61%{transform:translate(43px)}63%{transform:translate(48px)}64%{transform:translate(51px)}66%{transform:translate(53px)}68%{transform:translate(55px)}69%{transform:translate(57px)}76%{transform:translate(60px)}81%{transform:translate(61px)}83%,to{transform:translate(62px)}}@keyframes circleTwoKeyframe{4%{transform:translate(0)}6%{transform:translate(-1px)}8%{transform:translate(-2px)}9%{transform:translate(-5px)}11%{transform:translate(-7px)}13%{transform:translate(-12px)}14%{transform:translate(-17px)}16%{transform:translate(-19px)}18%{transform:translate(-22px)}19%{transform:translate(-25px)}21%{transform:translate(-26px)}23%{transform:translate(-27px)}24%{transform:translate(-28px)}26%{transform:translate(-29px)}29%{transform:translate(-30px)}33%,89%{transform:translate(-31px)}91%{transform:translate(-31px,1px)}94%{transform:translate(-31px,2px)}98%{transform:translate(-31px,3px)}99%{transform:translate(-31px,4px)}to{transform:translate(-31px,5px)}}@keyframes circleThreeKeyframe{39%{transform:translate(0)}44%{transform:translateY(1px)}46%{transform:translateY(2px)}48%{transform:translateY(3px)}49%{transform:translateY(4px)}51%{transform:translateY(5px)}53%{transform:translate(-1px,-6px)}54%{transform:translate(-2px,-13px)}56%{transform:translate(-3px,-15px)}58%{transform:translate(-5px,-19px)}59%{transform:translate(-7px,-21px)}61%{transform:translate(-8px,-22px)}63%{transform:translate(-9px,-24px)}64%{transform:translate(-11px,-25px)}66%{transform:translate(-12px,-26px)}74%{transform:translate(-19px,-26px)}76%{transform:translate(-20px,-25px)}78%{transform:translate(-22px,-24px)}81%{transform:translate(-24px,-21px)}83%{transform:translate(-26px,-19px)}84%{transform:translate(-28px,-15px)}86%{transform:translate(-29px,-13px)}88%{transform:translate(-30px,-6px)}89%{transform:translate(-31px,5px)}91%{transform:translate(-31px,4px)}93%{transform:translate(-31px,3px)}94%{transform:translate(-31px,2px)}98%{transform:translate(-31px,1px)}to{transform:translate(-31px)}}.vs-inline.vs-loader--center{display:flex;align-items:center;justify-content:center}.vs-inline .vs-inline--circle{opacity:.2}.vs-inline .vs-inline--circle:nth-child(1){animation:pulseAnimation 1s infinite;animation-delay:.4s}.vs-inline .vs-inline--circle:nth-child(2){animation:pulseAnimation 1s infinite;animation-delay:.2s}.vs-inline .vs-inline--circle:nth-child(3){animation:pulseAnimation 1s infinite}@keyframes pulseAnimation{0%,to{opacity:.2}50%{opacity:.8}}")); document.head.appendChild(elementStyle);} catch(e) {console.error('vite-plugin-css-injected-by-js', e);} })();var VsLoader=function(e){"use strict";const V="",c=(o,r)=>{const n=o.__vccOpts\|\|o;for(const[l,t]of r)n[l]=t;return n},i={name:"VsLoader",props:{color:{type:String,default:"#1f73b7"},size:{type:[Number,String],default:10},margin:{type:String,default:"3px"},radius:{type:String,default:"100%"},center:{type:Boolean}},data(){return{spinnerStyle:{backgroundColor:this.color,width:this.size+"px",height:this.size+"px",margin:this.margin,borderRadius:this.radius,display:"inline-block",animationName:"v-pulseStretchDelay",animationDuration:"0.75s",animationIterationCount:"infinite",animationTimingFunction:"cubic-bezier(.2,.68,.18,1.08)",animationFillMode:"both"},spinnerDelay1:{animationDelay:"0.12s"},spinnerDelay2:{animationDelay:"0.24s"},spinnerDelay3:{animationDelay:"0.36s"}}}};function a(o,r,n,l,t,s){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["vs-pulse",{"vs-loader--center":n.center}])},[e.createElementVNode("div",{style:e.normalizeStyle([t.spinnerStyle,t.spinnerDelay1])},null,4),e.createElementVNode("div",{style:e.normalizeStyle([t.spinnerStyle,t.spinnerDelay2])},null,4),e.createElementVNode("div",{style:e.normalizeStyle([t.spinnerStyle,t.spinnerDelay3])},null,4)],2)}const _=c(i,[["render",a]]),b="",d={name:"VsDotsLoader",props:{color:{type:String,default:"#1f73b7"},size:{type:[Number,String],default:10},center:{type:Boolean}}},p=["color","font-size"],m=[e.createElementVNode("g",{fill:"currentColor"},[e.createElementVNode("circle",{cy:"36",r:"9",cx:"9",class:"circle-one"}),e.createElementVNode("circle",{cy:"36",r:"9",cx:"40",class:"circle-two"}),e.createElementVNode("circle",{cy:"36",r:"9",cx:"71",class:"circle-three"})],-1)];function y(o,r,n,l,t,s){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["vs-dots",{"vs-loader--center":n.center}])},[(e.openBlock(),e.createElementBlock("svg",{color:n.color,"font-size":n.size,xmlns:"http://www.w3.org/2000/svg",focusable:"false",viewBox:"0 0 80 72",role:"progressbar"},m,8,p))],2)}const f=c(d,[["render",y]]),D="",u={name:"VsInlineLoader",props:{color:{type:String,default:"#1f73b7"},size:{type:[Number,String],default:10},center:{type:Boolean}}},g=["color","width"],h=[e.createElementVNode("circle",{cx:"14",fill:"currentColor",cy:"2",r:"2",class:"vs-inline--circle"},null,-1),e.createElementVNode("circle",{cx:"8",fill:"currentColor",cy:"2",r:"2",class:"vs-inline--circle"},null,-1),e.createElementVNode("circle",{cx:"2",fill:"currentColor",cy:"2",r:"2",class:"vs-inline--circle"},null,-1)];function S(o,r,n,l,t,s){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["vs-inline",{"vs-loader--center":n.center}])},[(e.openBlock(),e.createElementBlock("svg",{color:n.color,viewBox:"0 0 16 4",width:n.size*4},h,8,g))],2)}const x={name:"VsLoader",components:{Pulse:_,Dots:f,Inline:c(u,[["render",S]])},props:{variant:{type:String,default:"Pulse"},color:{type:String},size:{type:[Number,String]},margin:{type:String},center:{type:Boolean}}};function z(o,r,n,l,t,s){return e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.variant),e.normalizeProps(e.guardReactiveProps(o.$props)),null,16)}const B=c(x,[["render",z]])~~;return~~{install(o){o.component("VsLoader",B)}}}(Vue);
1	+ (function(){ try {var elementStyle = document.createElement('style'); elementStyle.appendChild(document.createTextNode(".vs-pulse{display:flex}.vs-pulse.vs-loader--center{align-items:center;justify-content:center}@-webkit-keyframes v-pulseStretchDelay{0%,80%{-webkit-transform:scale(1);transform:scale(1);-webkit-opacity:1;opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);-webkit-opacity:.7;opacity:.7}}@keyframes v-pulseStretchDelay{0%,80%{-webkit-transform:scale(1);transform:scale(1);-webkit-opacity:1;opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);-webkit-opacity:.7;opacity:.7}}.vs-dots.vs-loader--center{display:flex;align-items:center;justify-content:center}.vs-dots svg{width:4.5em;margin:3px}.vs-dots .circle-one{animation:1.25s ease-in-out 0s infinite normal none running circleOneKeyframe}.vs-dots .circle-two{animation:1.25s ease-in-out 0s infinite normal none running circleTwoKeyframe}.vs-dots .circle-three{animation:1.25s ease-in-out 0s infinite normal none running circleThreeKeyframe}@keyframes circleOneKeyframe{0%{transform:translateY(5px)}3%{transform:translate(1px,-5px)}6%{transform:translate(3px,-15px)}8%{transform:translate(5px,-18px)}9%{transform:translate(7px,-21px)}11%{transform:translate(8px,-22px)}13%{transform:translate(9px,-23px)}16%{transform:translate(12px,-25px)}18%{transform:translate(13px,-26px)}23%{transform:translate(18px,-26px)}24%{transform:translate(19px,-25px)}28%{transform:translate(22px,-23px)}31%{transform:translate(24px,-21px)}33%{transform:translate(26px,-18px)}34%{transform:translate(28px,-14px)}36%{transform:translate(29px,-12px)}38%{transform:translate(30px,-5px)}39%{transform:translate(31px,5px)}54%{transform:translate(31px,3px)}59%{transform:translate(33px)}61%{transform:translate(43px)}63%{transform:translate(48px)}64%{transform:translate(51px)}66%{transform:translate(53px)}68%{transform:translate(55px)}69%{transform:translate(57px)}76%{transform:translate(60px)}81%{transform:translate(61px)}83%,to{transform:translate(62px)}}@keyframes circleTwoKeyframe{4%{transform:translate(0)}6%{transform:translate(-1px)}8%{transform:translate(-2px)}9%{transform:translate(-5px)}11%{transform:translate(-7px)}13%{transform:translate(-12px)}14%{transform:translate(-17px)}16%{transform:translate(-19px)}18%{transform:translate(-22px)}19%{transform:translate(-25px)}21%{transform:translate(-26px)}23%{transform:translate(-27px)}24%{transform:translate(-28px)}26%{transform:translate(-29px)}29%{transform:translate(-30px)}33%,89%{transform:translate(-31px)}91%{transform:translate(-31px,1px)}94%{transform:translate(-31px,2px)}98%{transform:translate(-31px,3px)}99%{transform:translate(-31px,4px)}to{transform:translate(-31px,5px)}}@keyframes circleThreeKeyframe{39%{transform:translate(0)}44%{transform:translateY(1px)}46%{transform:translateY(2px)}48%{transform:translateY(3px)}49%{transform:translateY(4px)}51%{transform:translateY(5px)}53%{transform:translate(-1px,-6px)}54%{transform:translate(-2px,-13px)}56%{transform:translate(-3px,-15px)}58%{transform:translate(-5px,-19px)}59%{transform:translate(-7px,-21px)}61%{transform:translate(-8px,-22px)}63%{transform:translate(-9px,-24px)}64%{transform:translate(-11px,-25px)}66%{transform:translate(-12px,-26px)}74%{transform:translate(-19px,-26px)}76%{transform:translate(-20px,-25px)}78%{transform:translate(-22px,-24px)}81%{transform:translate(-24px,-21px)}83%{transform:translate(-26px,-19px)}84%{transform:translate(-28px,-15px)}86%{transform:translate(-29px,-13px)}88%{transform:translate(-30px,-6px)}89%{transform:translate(-31px,5px)}91%{transform:translate(-31px,4px)}93%{transform:translate(-31px,3px)}94%{transform:translate(-31px,2px)}98%{transform:translate(-31px,1px)}to{transform:translate(-31px)}}.vs-inline.vs-loader--center{display:flex;align-items:center;justify-content:center}.vs-inline .vs-inline--circle{opacity:.2}.vs-inline .vs-inline--circle:nth-child(1){animation:pulseAnimation 1s infinite;animation-delay:.4s}.vs-inline .vs-inline--circle:nth-child(2){animation:pulseAnimation 1s infinite;animation-delay:.2s}.vs-inline .vs-inline--circle:nth-child(3){animation:pulseAnimation 1s infinite}@keyframes pulseAnimation{0%,to{opacity:.2}50%{opacity:.8}}")); document.head.appendChild(elementStyle);} catch(e) {console.error('vite-plugin-css-injected-by-js', e);} })();var VsLoader=function(c,e){"use strict";const k="",i=(o,r)=>{const n=o.__vccOpts\|\|o;for(const[l,t]of r)n[l]=t;return n},_={name:"VsLoader",props:{color:{type:String,default:"#1f73b7"},size:{type:[Number,String],default:10},margin:{type:String,default:"3px"},radius:{type:String,default:"100%"},center:{type:Boolean}},data(){return{spinnerStyle:{backgroundColor:this.color,width:this.size+"px",height:this.size+"px",margin:this.margin,borderRadius:this.radius,display:"inline-block",animationName:"v-pulseStretchDelay",animationDuration:"0.75s",animationIterationCount:"infinite",animationTimingFunction:"cubic-bezier(.2,.68,.18,1.08)",animationFillMode:"both"},spinnerDelay1:{animationDelay:"0.12s"},spinnerDelay2:{animationDelay:"0.24s"},spinnerDelay3:{animationDelay:"0.36s"}}}};function d(o,r,n,l,t,s){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["vs-pulse",{"vs-loader--center":n.center}])},[e.createElementVNode("div",{style:e.normalizeStyle([t.spinnerStyle,t.spinnerDelay1])},null,4),e.createElementVNode("div",{style:e.normalizeStyle([t.spinnerStyle,t.spinnerDelay2])},null,4),e.createElementVNode("div",{style:e.normalizeStyle([t.spinnerStyle,t.spinnerDelay3])},null,4)],2)}const p=i(_,[["render",d]]),D="",m={name:"VsDotsLoader",props:{color:{type:String,default:"#1f73b7"},size:{type:[Number,String],default:10},center:{type:Boolean}}},y=["color","font-size"],u=[e.createElementVNode("g",{fill:"currentColor"},[e.createElementVNode("circle",{cy:"36",r:"9",cx:"9",class:"circle-one"}),e.createElementVNode("circle",{cy:"36",r:"9",cx:"40",class:"circle-two"}),e.createElementVNode("circle",{cy:"36",r:"9",cx:"71",class:"circle-three"})],-1)];function f(o,r,n,l,t,s){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["vs-dots",{"vs-loader--center":n.center}])},[(e.openBlock(),e.createElementBlock("svg",{color:n.color,"font-size":n.size,xmlns:"http://www.w3.org/2000/svg",focusable:"false",viewBox:"0 0 80 72",role:"progressbar"},u,8,y))],2)}const g=i(m,[["render",f]]),N="",h={name:"VsInlineLoader",props:{color:{type:String,default:"#1f73b7"},size:{type:[Number,String],default:10},center:{type:Boolean}}},S=["color","width"],z=[e.createElementVNode("circle",{cx:"14",fill:"currentColor",cy:"2",r:"2",class:"vs-inline--circle"},null,-1),e.createElementVNode("circle",{cx:"8",fill:"currentColor",cy:"2",r:"2",class:"vs-inline--circle"},null,-1),e.createElementVNode("circle",{cx:"2",fill:"currentColor",cy:"2",r:"2",class:"vs-inline--circle"},null,-1)];function B(o,r,n,l,t,s){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["vs-inline",{"vs-loader--center":n.center}])},[(e.openBlock(),e.createElementBlock("svg",{color:n.color,viewBox:"0 0 16 4",width:n.size*4},z,8,S))],2)}const V={name:"VsLoader",components:{Pulse:p,Dots:g,Inline:i(h,[["render",B]])},props:{variant:{type:String,default:"Pulse"},color:{type:String},size:{type:[Number,String]},margin:{type:String},center:{type:Boolean}}};function b(o,r,n,l,t,s){return e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.variant),e.normalizeProps(e.guardReactiveProps(o.$props)),null,16)}const a=i(V,[["render",b]]),x={install(o){o.component("VsLoader",a)}};return c.default=a,c.plugin=x,Object.defineProperties(c,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),c}({},Vue);

package/dist/index.umd.js CHANGED Viewed

	@@ -1 +1 @@
1	- (function(){ try {var elementStyle = document.createElement('style'); elementStyle.appendChild(document.createTextNode(".vs-pulse{display:flex}.vs-pulse.vs-loader--center{align-items:center;justify-content:center}@-webkit-keyframes v-pulseStretchDelay{0%,80%{-webkit-transform:scale(1);transform:scale(1);-webkit-opacity:1;opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);-webkit-opacity:.7;opacity:.7}}@keyframes v-pulseStretchDelay{0%,80%{-webkit-transform:scale(1);transform:scale(1);-webkit-opacity:1;opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);-webkit-opacity:.7;opacity:.7}}.vs-dots.vs-loader--center{display:flex;align-items:center;justify-content:center}.vs-dots svg{width:4.5em;margin:3px}.vs-dots .circle-one{animation:1.25s ease-in-out 0s infinite normal none running circleOneKeyframe}.vs-dots .circle-two{animation:1.25s ease-in-out 0s infinite normal none running circleTwoKeyframe}.vs-dots .circle-three{animation:1.25s ease-in-out 0s infinite normal none running circleThreeKeyframe}@keyframes circleOneKeyframe{0%{transform:translateY(5px)}3%{transform:translate(1px,-5px)}6%{transform:translate(3px,-15px)}8%{transform:translate(5px,-18px)}9%{transform:translate(7px,-21px)}11%{transform:translate(8px,-22px)}13%{transform:translate(9px,-23px)}16%{transform:translate(12px,-25px)}18%{transform:translate(13px,-26px)}23%{transform:translate(18px,-26px)}24%{transform:translate(19px,-25px)}28%{transform:translate(22px,-23px)}31%{transform:translate(24px,-21px)}33%{transform:translate(26px,-18px)}34%{transform:translate(28px,-14px)}36%{transform:translate(29px,-12px)}38%{transform:translate(30px,-5px)}39%{transform:translate(31px,5px)}54%{transform:translate(31px,3px)}59%{transform:translate(33px)}61%{transform:translate(43px)}63%{transform:translate(48px)}64%{transform:translate(51px)}66%{transform:translate(53px)}68%{transform:translate(55px)}69%{transform:translate(57px)}76%{transform:translate(60px)}81%{transform:translate(61px)}83%,to{transform:translate(62px)}}@keyframes circleTwoKeyframe{4%{transform:translate(0)}6%{transform:translate(-1px)}8%{transform:translate(-2px)}9%{transform:translate(-5px)}11%{transform:translate(-7px)}13%{transform:translate(-12px)}14%{transform:translate(-17px)}16%{transform:translate(-19px)}18%{transform:translate(-22px)}19%{transform:translate(-25px)}21%{transform:translate(-26px)}23%{transform:translate(-27px)}24%{transform:translate(-28px)}26%{transform:translate(-29px)}29%{transform:translate(-30px)}33%,89%{transform:translate(-31px)}91%{transform:translate(-31px,1px)}94%{transform:translate(-31px,2px)}98%{transform:translate(-31px,3px)}99%{transform:translate(-31px,4px)}to{transform:translate(-31px,5px)}}@keyframes circleThreeKeyframe{39%{transform:translate(0)}44%{transform:translateY(1px)}46%{transform:translateY(2px)}48%{transform:translateY(3px)}49%{transform:translateY(4px)}51%{transform:translateY(5px)}53%{transform:translate(-1px,-6px)}54%{transform:translate(-2px,-13px)}56%{transform:translate(-3px,-15px)}58%{transform:translate(-5px,-19px)}59%{transform:translate(-7px,-21px)}61%{transform:translate(-8px,-22px)}63%{transform:translate(-9px,-24px)}64%{transform:translate(-11px,-25px)}66%{transform:translate(-12px,-26px)}74%{transform:translate(-19px,-26px)}76%{transform:translate(-20px,-25px)}78%{transform:translate(-22px,-24px)}81%{transform:translate(-24px,-21px)}83%{transform:translate(-26px,-19px)}84%{transform:translate(-28px,-15px)}86%{transform:translate(-29px,-13px)}88%{transform:translate(-30px,-6px)}89%{transform:translate(-31px,5px)}91%{transform:translate(-31px,4px)}93%{transform:translate(-31px,3px)}94%{transform:translate(-31px,2px)}98%{transform:translate(-31px,1px)}to{transform:translate(-31px)}}.vs-inline.vs-loader--center{display:flex;align-items:center;justify-content:center}.vs-inline .vs-inline--circle{opacity:.2}.vs-inline .vs-inline--circle:nth-child(1){animation:pulseAnimation 1s infinite;animation-delay:.4s}.vs-inline .vs-inline--circle:nth-child(2){animation:pulseAnimation 1s infinite;animation-delay:.2s}.vs-inline .vs-inline--circle:nth-child(3){animation:pulseAnimation 1s infinite}@keyframes pulseAnimation{0%,to{opacity:.2}50%{opacity:.8}}")); document.head.appendChild(elementStyle);} catch(e) {console.error('vite-plugin-css-injected-by-js', e);} })();(function(e,l){typeof exports=="object"&&typeof module<"u"?~~module.~~exports~~=l(~~require("vue")):typeof define=="function"&&define.amd?define(["vue"],l):(e=typeof globalThis<"u"?globalThis:e\|\|self,e.VsLoader=~~l(e~~.Vue))})(this,function(e){"use strict";const l="",s=(o,r)=>{const n=o.__vccOpts\|\|o;for(const[i,t]of r)n[i]=t;return n},a={name:"VsLoader",props:{color:{type:String,default:"#1f73b7"},size:{type:[Number,String],default:10},margin:{type:String,default:"3px"},radius:{type:String,default:"100%"},center:{type:Boolean}},data(){return{spinnerStyle:{backgroundColor:this.color,width:this.size+"px",height:this.size+"px",margin:this.margin,borderRadius:this.radius,display:"inline-block",animationName:"v-pulseStretchDelay",animationDuration:"0.75s",animationIterationCount:"infinite",animationTimingFunction:"cubic-bezier(.2,.68,.18,1.08)",animationFillMode:"both"},spinnerDelay1:{animationDelay:"0.12s"},spinnerDelay2:{animationDelay:"0.24s"},spinnerDelay3:{animationDelay:"0.36s"}}}};function d(o,r,n,i,t,c){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["vs-pulse",{"vs-loader--center":n.center}])},[e.createElementVNode("div",{style:e.normalizeStyle([t.spinnerStyle,t.spinnerDelay1])},null,4),e.createElementVNode("div",{style:e.normalizeStyle([t.spinnerStyle,t.spinnerDelay2])},null,4),e.createElementVNode("div",{style:e.normalizeStyle([t.spinnerStyle,t.spinnerDelay3])},null,4)],2)}const _=s(a,[["render",d]]),b="",p={name:"VsDotsLoader",props:{color:{type:String,default:"#1f73b7"},size:{type:[Number,String],default:10},center:{type:Boolean}}},m=["color","font-size"],y=[e.createElementVNode("g",{fill:"currentColor"},[e.createElementVNode("circle",{cy:"36",r:"9",cx:"9",class:"circle-one"}),e.createElementVNode("circle",{cy:"36",r:"9",cx:"40",class:"circle-two"}),e.createElementVNode("circle",{cy:"36",r:"9",cx:"71",class:"circle-three"})],-1)];function f(o,r,n,i,t,c){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["vs-dots",{"vs-loader--center":n.center}])},[(e.openBlock(),e.createElementBlock("svg",{color:n.color,"font-size":n.size,xmlns:"http://www.w3.org/2000/svg",focusable:"false",viewBox:"0 0 80 72",role:"progressbar"},y,8,m))],2)}const u=s(p,[["render",f]]),D="",h={name:"VsInlineLoader",props:{color:{type:String,default:"#1f73b7"},size:{type:[Number,String],default:10},center:{type:Boolean}}},g=["color","width"],x=[e.createElementVNode("circle",{cx:"14",fill:"currentColor",cy:"2",r:"2",class:"vs-inline--circle"},null,-1),e.createElementVNode("circle",{cx:"8",fill:"currentColor",cy:"2",r:"2",class:"vs-inline--circle"},null,-1),e.createElementVNode("circle",{cx:"2",fill:"currentColor",cy:"2",r:"2",class:"vs-inline--circle"},null,-1)];function S(o,r,n,i,t,c){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["vs-inline",{"vs-loader--center":n.center}])},[(e.openBlock(),e.createElementBlock("svg",{color:n.color,viewBox:"0 0 16 4",width:n.size*4},x,8,g))],2)}const z={name:"VsLoader",components:{Pulse:_,Dots:u,Inline:s(h,[["render",S]])},props:{variant:{type:String,default:"Pulse"},color:{type:String},size:{type:[Number,String]},margin:{type:String},center:{type:Boolean}}};function B(o,r,n,i,t,c){return e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.variant),e.normalizeProps(e.guardReactiveProps(o.$props)),null,16)}const V=s(z,[["render",B]])~~;return~~{install(o){o.component("VsLoader",V)}}});
1	+ (function(){ try {var elementStyle = document.createElement('style'); elementStyle.appendChild(document.createTextNode(".vs-pulse{display:flex}.vs-pulse.vs-loader--center{align-items:center;justify-content:center}@-webkit-keyframes v-pulseStretchDelay{0%,80%{-webkit-transform:scale(1);transform:scale(1);-webkit-opacity:1;opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);-webkit-opacity:.7;opacity:.7}}@keyframes v-pulseStretchDelay{0%,80%{-webkit-transform:scale(1);transform:scale(1);-webkit-opacity:1;opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);-webkit-opacity:.7;opacity:.7}}.vs-dots.vs-loader--center{display:flex;align-items:center;justify-content:center}.vs-dots svg{width:4.5em;margin:3px}.vs-dots .circle-one{animation:1.25s ease-in-out 0s infinite normal none running circleOneKeyframe}.vs-dots .circle-two{animation:1.25s ease-in-out 0s infinite normal none running circleTwoKeyframe}.vs-dots .circle-three{animation:1.25s ease-in-out 0s infinite normal none running circleThreeKeyframe}@keyframes circleOneKeyframe{0%{transform:translateY(5px)}3%{transform:translate(1px,-5px)}6%{transform:translate(3px,-15px)}8%{transform:translate(5px,-18px)}9%{transform:translate(7px,-21px)}11%{transform:translate(8px,-22px)}13%{transform:translate(9px,-23px)}16%{transform:translate(12px,-25px)}18%{transform:translate(13px,-26px)}23%{transform:translate(18px,-26px)}24%{transform:translate(19px,-25px)}28%{transform:translate(22px,-23px)}31%{transform:translate(24px,-21px)}33%{transform:translate(26px,-18px)}34%{transform:translate(28px,-14px)}36%{transform:translate(29px,-12px)}38%{transform:translate(30px,-5px)}39%{transform:translate(31px,5px)}54%{transform:translate(31px,3px)}59%{transform:translate(33px)}61%{transform:translate(43px)}63%{transform:translate(48px)}64%{transform:translate(51px)}66%{transform:translate(53px)}68%{transform:translate(55px)}69%{transform:translate(57px)}76%{transform:translate(60px)}81%{transform:translate(61px)}83%,to{transform:translate(62px)}}@keyframes circleTwoKeyframe{4%{transform:translate(0)}6%{transform:translate(-1px)}8%{transform:translate(-2px)}9%{transform:translate(-5px)}11%{transform:translate(-7px)}13%{transform:translate(-12px)}14%{transform:translate(-17px)}16%{transform:translate(-19px)}18%{transform:translate(-22px)}19%{transform:translate(-25px)}21%{transform:translate(-26px)}23%{transform:translate(-27px)}24%{transform:translate(-28px)}26%{transform:translate(-29px)}29%{transform:translate(-30px)}33%,89%{transform:translate(-31px)}91%{transform:translate(-31px,1px)}94%{transform:translate(-31px,2px)}98%{transform:translate(-31px,3px)}99%{transform:translate(-31px,4px)}to{transform:translate(-31px,5px)}}@keyframes circleThreeKeyframe{39%{transform:translate(0)}44%{transform:translateY(1px)}46%{transform:translateY(2px)}48%{transform:translateY(3px)}49%{transform:translateY(4px)}51%{transform:translateY(5px)}53%{transform:translate(-1px,-6px)}54%{transform:translate(-2px,-13px)}56%{transform:translate(-3px,-15px)}58%{transform:translate(-5px,-19px)}59%{transform:translate(-7px,-21px)}61%{transform:translate(-8px,-22px)}63%{transform:translate(-9px,-24px)}64%{transform:translate(-11px,-25px)}66%{transform:translate(-12px,-26px)}74%{transform:translate(-19px,-26px)}76%{transform:translate(-20px,-25px)}78%{transform:translate(-22px,-24px)}81%{transform:translate(-24px,-21px)}83%{transform:translate(-26px,-19px)}84%{transform:translate(-28px,-15px)}86%{transform:translate(-29px,-13px)}88%{transform:translate(-30px,-6px)}89%{transform:translate(-31px,5px)}91%{transform:translate(-31px,4px)}93%{transform:translate(-31px,3px)}94%{transform:translate(-31px,2px)}98%{transform:translate(-31px,1px)}to{transform:translate(-31px)}}.vs-inline.vs-loader--center{display:flex;align-items:center;justify-content:center}.vs-inline .vs-inline--circle{opacity:.2}.vs-inline .vs-inline--circle:nth-child(1){animation:pulseAnimation 1s infinite;animation-delay:.4s}.vs-inline .vs-inline--circle:nth-child(2){animation:pulseAnimation 1s infinite;animation-delay:.2s}.vs-inline .vs-inline--circle:nth-child(3){animation:pulseAnimation 1s infinite}@keyframes pulseAnimation{0%,to{opacity:.2}50%{opacity:.8}}")); document.head.appendChild(elementStyle);} catch(e) {console.error('vite-plugin-css-injected-by-js', e);} })();(function(r,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(r=typeof globalThis<"u"?globalThis:r\|\|self,e(r.VsLoader={},r.Vue))})(this,function(r,e){"use strict";const k="",s=(o,l)=>{const n=o.__vccOpts\|\|o;for(const[i,t]of l)n[i]=t;return n},d={name:"VsLoader",props:{color:{type:String,default:"#1f73b7"},size:{type:[Number,String],default:10},margin:{type:String,default:"3px"},radius:{type:String,default:"100%"},center:{type:Boolean}},data(){return{spinnerStyle:{backgroundColor:this.color,width:this.size+"px",height:this.size+"px",margin:this.margin,borderRadius:this.radius,display:"inline-block",animationName:"v-pulseStretchDelay",animationDuration:"0.75s",animationIterationCount:"infinite",animationTimingFunction:"cubic-bezier(.2,.68,.18,1.08)",animationFillMode:"both"},spinnerDelay1:{animationDelay:"0.12s"},spinnerDelay2:{animationDelay:"0.24s"},spinnerDelay3:{animationDelay:"0.36s"}}}};function _(o,l,n,i,t,c){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["vs-pulse",{"vs-loader--center":n.center}])},[e.createElementVNode("div",{style:e.normalizeStyle([t.spinnerStyle,t.spinnerDelay1])},null,4),e.createElementVNode("div",{style:e.normalizeStyle([t.spinnerStyle,t.spinnerDelay2])},null,4),e.createElementVNode("div",{style:e.normalizeStyle([t.spinnerStyle,t.spinnerDelay3])},null,4)],2)}const p=s(d,[["render",_]]),D="",m={name:"VsDotsLoader",props:{color:{type:String,default:"#1f73b7"},size:{type:[Number,String],default:10},center:{type:Boolean}}},y=["color","font-size"],f=[e.createElementVNode("g",{fill:"currentColor"},[e.createElementVNode("circle",{cy:"36",r:"9",cx:"9",class:"circle-one"}),e.createElementVNode("circle",{cy:"36",r:"9",cx:"40",class:"circle-two"}),e.createElementVNode("circle",{cy:"36",r:"9",cx:"71",class:"circle-three"})],-1)];function u(o,l,n,i,t,c){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["vs-dots",{"vs-loader--center":n.center}])},[(e.openBlock(),e.createElementBlock("svg",{color:n.color,"font-size":n.size,xmlns:"http://www.w3.org/2000/svg",focusable:"false",viewBox:"0 0 80 72",role:"progressbar"},f,8,y))],2)}const g=s(m,[["render",u]]),N="",h={name:"VsInlineLoader",props:{color:{type:String,default:"#1f73b7"},size:{type:[Number,String],default:10},center:{type:Boolean}}},S=["color","width"],x=[e.createElementVNode("circle",{cx:"14",fill:"currentColor",cy:"2",r:"2",class:"vs-inline--circle"},null,-1),e.createElementVNode("circle",{cx:"8",fill:"currentColor",cy:"2",r:"2",class:"vs-inline--circle"},null,-1),e.createElementVNode("circle",{cx:"2",fill:"currentColor",cy:"2",r:"2",class:"vs-inline--circle"},null,-1)];function z(o,l,n,i,t,c){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["vs-inline",{"vs-loader--center":n.center}])},[(e.openBlock(),e.createElementBlock("svg",{color:n.color,viewBox:"0 0 16 4",width:n.size*4},x,8,S))],2)}const B={name:"VsLoader",components:{Pulse:p,Dots:g,Inline:s(h,[["render",z]])},props:{variant:{type:String,default:"Pulse"},color:{type:String},size:{type:[Number,String]},margin:{type:String},center:{type:Boolean}}};function V(o,l,n,i,t,c){return e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.variant),e.normalizeProps(e.guardReactiveProps(o.$props)),null,16)}const a=s(B,[["render",V]]),b={install(o){o.component("VsLoader",a)}};r.default=a,r.plugin=b,Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json CHANGED Viewed

@@ -1,11 +1,11 @@
 {
   "name": "@vuesimple/vs-loader",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "description": "A simple vue loader. Perfect for all your loader scenarios.",
   "main": "dist/index.umd.js",
   "module": "dist/index.esm.js",
   "unpkg": "dist/index.min.js",
-  "jsdeliver": "dist/index.min.js",
+  "jsdelivr": "dist/index.min.js",
   "scripts": {
     "build": "rm -rfv dist && vite build --config build/vite.config.js"
   },
@@ -44,5 +44,5 @@
     "url": "https://github.com/ashwinkshenoy/vue-simple/issues"
   },
   "homepage": "https://github.com/ashwinkshenoy/vue-simple/tree/master/packages/vs-loader",
-  "gitHead": "88b006a353ac0e04dcaf682ab3d8512bbeb048bf"
+  "gitHead": "6c190d53a3fb13b81c31ee7943f74c88503276ab"
 }

package/src/index.js CHANGED Viewed

@@ -6,4 +6,5 @@ const plugin = {
   },
 };
-export default plugin;
+export default VsLoader;
+export { plugin };