@vuesimple/vs-loader 1.4.6 → 1.4.8
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.
- package/dist/vs-loader.esm.js +3 -3
- package/dist/vs-loader.min.js +1 -1
- package/dist/vs-loader.umd.js +3 -3
- package/package.json +2 -2
package/dist/vs-loader.esm.js
CHANGED
|
@@ -214,7 +214,7 @@ __vue_render__._withStripped = true;
|
|
|
214
214
|
/* style */
|
|
215
215
|
var __vue_inject_styles__ = function (inject) {
|
|
216
216
|
if (!inject) { return }
|
|
217
|
-
inject("data-v-
|
|
217
|
+
inject("data-v-60b66ddc_0", { source: ".vs-pulse {\n display: flex;\n}\n.vs-pulse.vs-loader--center {\n align-items: center;\n justify-content: center;\n}\n@-webkit-keyframes v-pulseStretchDelay {\n0%, 80% {\n -webkit-transform: scale(1);\n transform: scale(1);\n -webkit-opacity: 1;\n opacity: 1;\n}\n45% {\n -webkit-transform: scale(0.1);\n transform: scale(0.1);\n -webkit-opacity: 0.7;\n opacity: 0.7;\n}\n}\n@keyframes v-pulseStretchDelay {\n0%, 80% {\n -webkit-transform: scale(1);\n transform: scale(1);\n -webkit-opacity: 1;\n opacity: 1;\n}\n45% {\n -webkit-transform: scale(0.1);\n transform: scale(0.1);\n -webkit-opacity: 0.7;\n opacity: 0.7;\n}\n}", map: undefined, media: undefined });
|
|
218
218
|
|
|
219
219
|
};
|
|
220
220
|
/* scoped */
|
|
@@ -332,7 +332,7 @@ __vue_render__$1._withStripped = true;
|
|
|
332
332
|
/* style */
|
|
333
333
|
var __vue_inject_styles__$1 = function (inject) {
|
|
334
334
|
if (!inject) { return }
|
|
335
|
-
inject("data-v-
|
|
335
|
+
inject("data-v-95f5a7d6_0", { source: ".vs-dots.vs-loader--center {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.vs-dots svg {\n width: 4.5em;\n margin: 3px;\n}\n.vs-dots .circle-one {\n animation: 1250ms ease-in-out 0s infinite normal none running circleOneKeyframe;\n}\n.vs-dots .circle-two {\n animation: 1250ms ease-in-out 0s infinite normal none running circleTwoKeyframe;\n}\n.vs-dots .circle-three {\n animation: 1250ms ease-in-out 0s infinite normal none running circleThreeKeyframe;\n}\n@keyframes circleOneKeyframe {\n0% {\n transform: translate(0, 5px);\n}\n3% {\n transform: translate(1px, -5px);\n}\n6% {\n transform: translate(3px, -15px);\n}\n8% {\n transform: translate(5px, -18px);\n}\n9% {\n transform: translate(7px, -21px);\n}\n11% {\n transform: translate(8px, -22px);\n}\n13% {\n transform: translate(9px, -23px);\n}\n16% {\n transform: translate(12px, -25px);\n}\n18% {\n transform: translate(13px, -26px);\n}\n23% {\n transform: translate(18px, -26px);\n}\n24% {\n transform: translate(19px, -25px);\n}\n28% {\n transform: translate(22px, -23px);\n}\n31% {\n transform: translate(24px, -21px);\n}\n33% {\n transform: translate(26px, -18px);\n}\n34% {\n transform: translate(28px, -14px);\n}\n36% {\n transform: translate(29px, -12px);\n}\n38% {\n transform: translate(30px, -5px);\n}\n39% {\n transform: translate(31px, 5px);\n}\n54% {\n transform: translate(31px, 3px);\n}\n59% {\n transform: translate(33px);\n}\n61% {\n transform: translate(43px);\n}\n63% {\n transform: translate(48px);\n}\n64% {\n transform: translate(51px);\n}\n66% {\n transform: translate(53px);\n}\n68% {\n transform: translate(55px);\n}\n69% {\n transform: translate(57px);\n}\n76% {\n transform: translate(60px);\n}\n81% {\n transform: translate(61px);\n}\n83%, 100% {\n transform: translate(62px);\n}\n}\n@keyframes circleTwoKeyframe {\n4% {\n transform: translate(0);\n}\n6% {\n transform: translate(-1px);\n}\n8% {\n transform: translate(-2px);\n}\n9% {\n transform: translate(-5px);\n}\n11% {\n transform: translate(-7px);\n}\n13% {\n transform: translate(-12px);\n}\n14% {\n transform: translate(-17px);\n}\n16% {\n transform: translate(-19px);\n}\n18% {\n transform: translate(-22px);\n}\n19% {\n transform: translate(-25px);\n}\n21% {\n transform: translate(-26px);\n}\n23% {\n transform: translate(-27px);\n}\n24% {\n transform: translate(-28px);\n}\n26% {\n transform: translate(-29px);\n}\n29% {\n transform: translate(-30px);\n}\n33%, 89% {\n transform: translate(-31px);\n}\n91% {\n transform: translate(-31px, 1px);\n}\n94% {\n transform: translate(-31px, 2px);\n}\n98% {\n transform: translate(-31px, 3px);\n}\n99% {\n transform: translate(-31px, 4px);\n}\n100% {\n transform: translate(-31px, 5px);\n}\n}\n@keyframes circleThreeKeyframe {\n39% {\n transform: translate(0);\n}\n44% {\n transform: translate(0, 1px);\n}\n46% {\n transform: translate(0, 2px);\n}\n48% {\n transform: translate(0, 3px);\n}\n49% {\n transform: translate(0, 4px);\n}\n51% {\n transform: translate(0, 5px);\n}\n53% {\n transform: translate(-1px, -6px);\n}\n54% {\n transform: translate(-2px, -13px);\n}\n56% {\n transform: translate(-3px, -15px);\n}\n58% {\n transform: translate(-5px, -19px);\n}\n59% {\n transform: translate(-7px, -21px);\n}\n61% {\n transform: translate(-8px, -22px);\n}\n63% {\n transform: translate(-9px, -24px);\n}\n64% {\n transform: translate(-11px, -25px);\n}\n66% {\n transform: translate(-12px, -26px);\n}\n74% {\n transform: translate(-19px, -26px);\n}\n76% {\n transform: translate(-20px, -25px);\n}\n78% {\n transform: translate(-22px, -24px);\n}\n81% {\n transform: translate(-24px, -21px);\n}\n83% {\n transform: translate(-26px, -19px);\n}\n84% {\n transform: translate(-28px, -15px);\n}\n86% {\n transform: translate(-29px, -13px);\n}\n88% {\n transform: translate(-30px, -6px);\n}\n89% {\n transform: translate(-31px, 5px);\n}\n91% {\n transform: translate(-31px, 4px);\n}\n93% {\n transform: translate(-31px, 3px);\n}\n94% {\n transform: translate(-31px, 2px);\n}\n98% {\n transform: translate(-31px, 1px);\n}\n100% {\n transform: translate(-31px);\n}\n}", map: undefined, media: undefined });
|
|
336
336
|
|
|
337
337
|
};
|
|
338
338
|
/* scoped */
|
|
@@ -432,7 +432,7 @@ __vue_render__$2._withStripped = true;
|
|
|
432
432
|
/* style */
|
|
433
433
|
var __vue_inject_styles__$2 = function (inject) {
|
|
434
434
|
if (!inject) { return }
|
|
435
|
-
inject("data-v-
|
|
435
|
+
inject("data-v-21974935_0", { source: ".vs-inline.vs-loader--center {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.vs-inline .vs-inline--circle {\n opacity: 0.2;\n}\n.vs-inline .vs-inline--circle:nth-child(1) {\n animation: pulseAnimation 1s infinite;\n animation-delay: 0.4s;\n}\n.vs-inline .vs-inline--circle:nth-child(2) {\n animation: pulseAnimation 1s infinite;\n animation-delay: 0.2s;\n}\n.vs-inline .vs-inline--circle:nth-child(3) {\n animation: pulseAnimation 1s infinite;\n}\n@keyframes pulseAnimation {\n0%, 100% {\n opacity: 0.2;\n}\n50% {\n opacity: 0.8;\n}\n}", map: undefined, media: undefined });
|
|
436
436
|
|
|
437
437
|
};
|
|
438
438
|
/* scoped */
|
package/dist/vs-loader.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var VsLoader=function(n){"use strict";var t={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:function(){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 e(n,t,e,r,a,s,i,o,l,p){"boolean"!=typeof i&&(l=o,o=i,i=!1);var c,m="function"==typeof e?e.options:e;if(n&&n.render&&(m.render=n.render,m.staticRenderFns=n.staticRenderFns,m._compiled=!0,a&&(m.functional=!0)),r&&(m._scopeId=r),s?(c=function(n){(n=n||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(n=__VUE_SSR_CONTEXT__),t&&t.call(this,l(n)),n&&n._registeredComponents&&n._registeredComponents.add(s)},m._ssrRegister=c):t&&(c=i?function(n){t.call(this,p(n,this.$root.$options.shadowRoot))}:function(n){t.call(this,o(n))}),c)if(m.functional){var f=m.render;m.render=function(n,t){return c.call(t),f(n,t)}}else{var d=m.beforeCreate;m.beforeCreate=d?[].concat(d,c):[c]}return e}var r,a="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());function s(n){return function(n,t){return function(n,t){var e=a?t.media||"default":n,s=i[e]||(i[e]={ids:new Set,styles:[]});if(!s.ids.has(n)){s.ids.add(n);var o=t.source;if(t.map&&(o+="\n/*# sourceURL="+t.map.sources[0]+" */",o+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(t.map))))+" */"),s.element||(s.element=document.createElement("style"),s.element.type="text/css",t.media&&s.element.setAttribute("media",t.media),void 0===r&&(r=document.head||document.getElementsByTagName("head")[0]),r.appendChild(s.element)),"styleSheet"in s.element)s.styles.push(o),s.element.styleSheet.cssText=s.styles.filter(Boolean).join("\n");else{var l=s.ids.size-1,p=document.createTextNode(o),c=s.element.childNodes;c[l]&&s.element.removeChild(c[l]),c.length?s.element.insertBefore(p,c[l]):s.element.appendChild(p)}}}(n,t)}}var i={};var o=t,l=function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("div",{class:["vs-pulse",{"vs-loader--center":n.center}]},[e("div",{style:[n.spinnerStyle,n.spinnerDelay1]}),n._v(" "),e("div",{style:[n.spinnerStyle,n.spinnerDelay2]}),n._v(" "),e("div",{style:[n.spinnerStyle,n.spinnerDelay3]})])};l._withStripped=!0;var p=e({render:l,staticRenderFns:[]},(function(n){n&&n("data-v-715abaa0_0",{source:".vs-pulse {\n display: flex;\n}\n.vs-pulse.vs-loader--center {\n align-items: center;\n justify-content: center;\n}\n@-webkit-keyframes v-pulseStretchDelay {\n0%, 80% {\n -webkit-transform: scale(1);\n transform: scale(1);\n -webkit-opacity: 1;\n opacity: 1;\n}\n45% {\n -webkit-transform: scale(0.1);\n transform: scale(0.1);\n -webkit-opacity: 0.7;\n opacity: 0.7;\n}\n}\n@keyframes v-pulseStretchDelay {\n0%, 80% {\n -webkit-transform: scale(1);\n transform: scale(1);\n -webkit-opacity: 1;\n opacity: 1;\n}\n45% {\n -webkit-transform: scale(0.1);\n transform: scale(0.1);\n -webkit-opacity: 0.7;\n opacity: 0.7;\n}\n}",map:void 0,media:void 0})}),o,void 0,!1,void 0,!1,s,void 0,void 0),c={name:"VsDotsLoader",props:{color:{type:String,default:"#1f73b7"},size:{type:[Number,String],default:10},center:{type:Boolean}}},m=function(){var n=this.$createElement,t=this._self._c||n;return t("div",{class:["vs-dots",{"vs-loader--center":this.center}]},[t("svg",{attrs:{color:this.color,"font-size":this.size,xmlns:"http://www.w3.org/2000/svg",focusable:"false",viewBox:"0 0 80 72",role:"progressbar"}},[t("g",{attrs:{fill:"currentColor"}},[t("circle",{staticClass:"circle-one",attrs:{cy:"36",r:"9",cx:"9"}}),this._v(" "),t("circle",{staticClass:"circle-two",attrs:{cy:"36",r:"9",cx:"40"}}),this._v(" "),t("circle",{staticClass:"circle-three",attrs:{cy:"36",r:"9",cx:"71"}})])])])};m._withStripped=!0;var f=e({render:m,staticRenderFns:[]},(function(n){n&&n("data-v-de7d5a7e_0",{source:".vs-dots.vs-loader--center {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.vs-dots svg {\n width: 4.5em;\n margin: 3px;\n}\n.vs-dots .circle-one {\n animation: 1250ms ease-in-out 0s infinite normal none running circleOneKeyframe;\n}\n.vs-dots .circle-two {\n animation: 1250ms ease-in-out 0s infinite normal none running circleTwoKeyframe;\n}\n.vs-dots .circle-three {\n animation: 1250ms ease-in-out 0s infinite normal none running circleThreeKeyframe;\n}\n@keyframes circleOneKeyframe {\n0% {\n transform: translate(0, 5px);\n}\n3% {\n transform: translate(1px, -5px);\n}\n6% {\n transform: translate(3px, -15px);\n}\n8% {\n transform: translate(5px, -18px);\n}\n9% {\n transform: translate(7px, -21px);\n}\n11% {\n transform: translate(8px, -22px);\n}\n13% {\n transform: translate(9px, -23px);\n}\n16% {\n transform: translate(12px, -25px);\n}\n18% {\n transform: translate(13px, -26px);\n}\n23% {\n transform: translate(18px, -26px);\n}\n24% {\n transform: translate(19px, -25px);\n}\n28% {\n transform: translate(22px, -23px);\n}\n31% {\n transform: translate(24px, -21px);\n}\n33% {\n transform: translate(26px, -18px);\n}\n34% {\n transform: translate(28px, -14px);\n}\n36% {\n transform: translate(29px, -12px);\n}\n38% {\n transform: translate(30px, -5px);\n}\n39% {\n transform: translate(31px, 5px);\n}\n54% {\n transform: translate(31px, 3px);\n}\n59% {\n transform: translate(33px);\n}\n61% {\n transform: translate(43px);\n}\n63% {\n transform: translate(48px);\n}\n64% {\n transform: translate(51px);\n}\n66% {\n transform: translate(53px);\n}\n68% {\n transform: translate(55px);\n}\n69% {\n transform: translate(57px);\n}\n76% {\n transform: translate(60px);\n}\n81% {\n transform: translate(61px);\n}\n83%, 100% {\n transform: translate(62px);\n}\n}\n@keyframes circleTwoKeyframe {\n4% {\n transform: translate(0);\n}\n6% {\n transform: translate(-1px);\n}\n8% {\n transform: translate(-2px);\n}\n9% {\n transform: translate(-5px);\n}\n11% {\n transform: translate(-7px);\n}\n13% {\n transform: translate(-12px);\n}\n14% {\n transform: translate(-17px);\n}\n16% {\n transform: translate(-19px);\n}\n18% {\n transform: translate(-22px);\n}\n19% {\n transform: translate(-25px);\n}\n21% {\n transform: translate(-26px);\n}\n23% {\n transform: translate(-27px);\n}\n24% {\n transform: translate(-28px);\n}\n26% {\n transform: translate(-29px);\n}\n29% {\n transform: translate(-30px);\n}\n33%, 89% {\n transform: translate(-31px);\n}\n91% {\n transform: translate(-31px, 1px);\n}\n94% {\n transform: translate(-31px, 2px);\n}\n98% {\n transform: translate(-31px, 3px);\n}\n99% {\n transform: translate(-31px, 4px);\n}\n100% {\n transform: translate(-31px, 5px);\n}\n}\n@keyframes circleThreeKeyframe {\n39% {\n transform: translate(0);\n}\n44% {\n transform: translate(0, 1px);\n}\n46% {\n transform: translate(0, 2px);\n}\n48% {\n transform: translate(0, 3px);\n}\n49% {\n transform: translate(0, 4px);\n}\n51% {\n transform: translate(0, 5px);\n}\n53% {\n transform: translate(-1px, -6px);\n}\n54% {\n transform: translate(-2px, -13px);\n}\n56% {\n transform: translate(-3px, -15px);\n}\n58% {\n transform: translate(-5px, -19px);\n}\n59% {\n transform: translate(-7px, -21px);\n}\n61% {\n transform: translate(-8px, -22px);\n}\n63% {\n transform: translate(-9px, -24px);\n}\n64% {\n transform: translate(-11px, -25px);\n}\n66% {\n transform: translate(-12px, -26px);\n}\n74% {\n transform: translate(-19px, -26px);\n}\n76% {\n transform: translate(-20px, -25px);\n}\n78% {\n transform: translate(-22px, -24px);\n}\n81% {\n transform: translate(-24px, -21px);\n}\n83% {\n transform: translate(-26px, -19px);\n}\n84% {\n transform: translate(-28px, -15px);\n}\n86% {\n transform: translate(-29px, -13px);\n}\n88% {\n transform: translate(-30px, -6px);\n}\n89% {\n transform: translate(-31px, 5px);\n}\n91% {\n transform: translate(-31px, 4px);\n}\n93% {\n transform: translate(-31px, 3px);\n}\n94% {\n transform: translate(-31px, 2px);\n}\n98% {\n transform: translate(-31px, 1px);\n}\n100% {\n transform: translate(-31px);\n}\n}",map:void 0,media:void 0})}),c,void 0,!1,void 0,!1,s,void 0,void 0),d={name:"VsInlineLoader",props:{color:{type:String,default:"#1f73b7"},size:{type:[Number,String],default:10},center:{type:Boolean}}},x=function(){var n=this.$createElement,t=this._self._c||n;return t("div",{class:["vs-inline",{"vs-loader--center":this.center}]},[t("svg",{attrs:{color:this.color,viewBox:"0 0 16 4",width:4*this.size}},[t("circle",{staticClass:"vs-inline--circle",attrs:{cx:"14",fill:"currentColor",cy:"2",r:"2"}}),this._v(" "),t("circle",{staticClass:"vs-inline--circle",attrs:{cx:"8",fill:"currentColor",cy:"2",r:"2"}}),this._v(" "),t("circle",{staticClass:"vs-inline--circle",attrs:{cx:"2",fill:"currentColor",cy:"2",r:"2"}})])])};x._withStripped=!0;var v={name:"VsLoader",components:{Pulse:p,Dots:f,Inline:e({render:x,staticRenderFns:[]},(function(n){n&&n("data-v-04cfa009_0",{source:".vs-inline.vs-loader--center {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.vs-inline .vs-inline--circle {\n opacity: 0.2;\n}\n.vs-inline .vs-inline--circle:nth-child(1) {\n animation: pulseAnimation 1s infinite;\n animation-delay: 0.4s;\n}\n.vs-inline .vs-inline--circle:nth-child(2) {\n animation: pulseAnimation 1s infinite;\n animation-delay: 0.2s;\n}\n.vs-inline .vs-inline--circle:nth-child(3) {\n animation: pulseAnimation 1s infinite;\n}\n@keyframes pulseAnimation {\n0%, 100% {\n opacity: 0.2;\n}\n50% {\n opacity: 0.8;\n}\n}",map:void 0,media:void 0})}),d,void 0,!1,void 0,!1,s,void 0,void 0)},props:{variant:{type:String,default:"Pulse"},color:{type:String},size:{type:[Number,String]},margin:{type:String},center:{type:Boolean}}},u=function(){var n=this.$createElement;return(this._self._c||n)(this.variant,this._b({tag:"component"},"component",this.$props,!1))};u._withStripped=!0;var y=e({render:u,staticRenderFns:[]},void 0,v,void 0,!1,void 0,!1,void 0,void 0,void 0);function h(n){h.installed||(h.installed=!0,n.component("VsLoader",y))}var g={install:h},_=null;return"undefined"!=typeof window?_=window.Vue:"undefined"!=typeof global&&(_=global.Vue),_&&_.use(g),n.default=y,n.install=h,n}({});
|
|
1
|
+
var VsLoader=function(n){"use strict";var t={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:function(){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 e(n,t,e,r,a,s,i,o,l,p){"boolean"!=typeof i&&(l=o,o=i,i=!1);var c,m="function"==typeof e?e.options:e;if(n&&n.render&&(m.render=n.render,m.staticRenderFns=n.staticRenderFns,m._compiled=!0,a&&(m.functional=!0)),r&&(m._scopeId=r),s?(c=function(n){(n=n||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(n=__VUE_SSR_CONTEXT__),t&&t.call(this,l(n)),n&&n._registeredComponents&&n._registeredComponents.add(s)},m._ssrRegister=c):t&&(c=i?function(n){t.call(this,p(n,this.$root.$options.shadowRoot))}:function(n){t.call(this,o(n))}),c)if(m.functional){var f=m.render;m.render=function(n,t){return c.call(t),f(n,t)}}else{var d=m.beforeCreate;m.beforeCreate=d?[].concat(d,c):[c]}return e}var r,a="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());function s(n){return function(n,t){return function(n,t){var e=a?t.media||"default":n,s=i[e]||(i[e]={ids:new Set,styles:[]});if(!s.ids.has(n)){s.ids.add(n);var o=t.source;if(t.map&&(o+="\n/*# sourceURL="+t.map.sources[0]+" */",o+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(t.map))))+" */"),s.element||(s.element=document.createElement("style"),s.element.type="text/css",t.media&&s.element.setAttribute("media",t.media),void 0===r&&(r=document.head||document.getElementsByTagName("head")[0]),r.appendChild(s.element)),"styleSheet"in s.element)s.styles.push(o),s.element.styleSheet.cssText=s.styles.filter(Boolean).join("\n");else{var l=s.ids.size-1,p=document.createTextNode(o),c=s.element.childNodes;c[l]&&s.element.removeChild(c[l]),c.length?s.element.insertBefore(p,c[l]):s.element.appendChild(p)}}}(n,t)}}var i={};var o=t,l=function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("div",{class:["vs-pulse",{"vs-loader--center":n.center}]},[e("div",{style:[n.spinnerStyle,n.spinnerDelay1]}),n._v(" "),e("div",{style:[n.spinnerStyle,n.spinnerDelay2]}),n._v(" "),e("div",{style:[n.spinnerStyle,n.spinnerDelay3]})])};l._withStripped=!0;var p=e({render:l,staticRenderFns:[]},(function(n){n&&n("data-v-60b66ddc_0",{source:".vs-pulse {\n display: flex;\n}\n.vs-pulse.vs-loader--center {\n align-items: center;\n justify-content: center;\n}\n@-webkit-keyframes v-pulseStretchDelay {\n0%, 80% {\n -webkit-transform: scale(1);\n transform: scale(1);\n -webkit-opacity: 1;\n opacity: 1;\n}\n45% {\n -webkit-transform: scale(0.1);\n transform: scale(0.1);\n -webkit-opacity: 0.7;\n opacity: 0.7;\n}\n}\n@keyframes v-pulseStretchDelay {\n0%, 80% {\n -webkit-transform: scale(1);\n transform: scale(1);\n -webkit-opacity: 1;\n opacity: 1;\n}\n45% {\n -webkit-transform: scale(0.1);\n transform: scale(0.1);\n -webkit-opacity: 0.7;\n opacity: 0.7;\n}\n}",map:void 0,media:void 0})}),o,void 0,!1,void 0,!1,s,void 0,void 0),c={name:"VsDotsLoader",props:{color:{type:String,default:"#1f73b7"},size:{type:[Number,String],default:10},center:{type:Boolean}}},m=function(){var n=this.$createElement,t=this._self._c||n;return t("div",{class:["vs-dots",{"vs-loader--center":this.center}]},[t("svg",{attrs:{color:this.color,"font-size":this.size,xmlns:"http://www.w3.org/2000/svg",focusable:"false",viewBox:"0 0 80 72",role:"progressbar"}},[t("g",{attrs:{fill:"currentColor"}},[t("circle",{staticClass:"circle-one",attrs:{cy:"36",r:"9",cx:"9"}}),this._v(" "),t("circle",{staticClass:"circle-two",attrs:{cy:"36",r:"9",cx:"40"}}),this._v(" "),t("circle",{staticClass:"circle-three",attrs:{cy:"36",r:"9",cx:"71"}})])])])};m._withStripped=!0;var f=e({render:m,staticRenderFns:[]},(function(n){n&&n("data-v-95f5a7d6_0",{source:".vs-dots.vs-loader--center {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.vs-dots svg {\n width: 4.5em;\n margin: 3px;\n}\n.vs-dots .circle-one {\n animation: 1250ms ease-in-out 0s infinite normal none running circleOneKeyframe;\n}\n.vs-dots .circle-two {\n animation: 1250ms ease-in-out 0s infinite normal none running circleTwoKeyframe;\n}\n.vs-dots .circle-three {\n animation: 1250ms ease-in-out 0s infinite normal none running circleThreeKeyframe;\n}\n@keyframes circleOneKeyframe {\n0% {\n transform: translate(0, 5px);\n}\n3% {\n transform: translate(1px, -5px);\n}\n6% {\n transform: translate(3px, -15px);\n}\n8% {\n transform: translate(5px, -18px);\n}\n9% {\n transform: translate(7px, -21px);\n}\n11% {\n transform: translate(8px, -22px);\n}\n13% {\n transform: translate(9px, -23px);\n}\n16% {\n transform: translate(12px, -25px);\n}\n18% {\n transform: translate(13px, -26px);\n}\n23% {\n transform: translate(18px, -26px);\n}\n24% {\n transform: translate(19px, -25px);\n}\n28% {\n transform: translate(22px, -23px);\n}\n31% {\n transform: translate(24px, -21px);\n}\n33% {\n transform: translate(26px, -18px);\n}\n34% {\n transform: translate(28px, -14px);\n}\n36% {\n transform: translate(29px, -12px);\n}\n38% {\n transform: translate(30px, -5px);\n}\n39% {\n transform: translate(31px, 5px);\n}\n54% {\n transform: translate(31px, 3px);\n}\n59% {\n transform: translate(33px);\n}\n61% {\n transform: translate(43px);\n}\n63% {\n transform: translate(48px);\n}\n64% {\n transform: translate(51px);\n}\n66% {\n transform: translate(53px);\n}\n68% {\n transform: translate(55px);\n}\n69% {\n transform: translate(57px);\n}\n76% {\n transform: translate(60px);\n}\n81% {\n transform: translate(61px);\n}\n83%, 100% {\n transform: translate(62px);\n}\n}\n@keyframes circleTwoKeyframe {\n4% {\n transform: translate(0);\n}\n6% {\n transform: translate(-1px);\n}\n8% {\n transform: translate(-2px);\n}\n9% {\n transform: translate(-5px);\n}\n11% {\n transform: translate(-7px);\n}\n13% {\n transform: translate(-12px);\n}\n14% {\n transform: translate(-17px);\n}\n16% {\n transform: translate(-19px);\n}\n18% {\n transform: translate(-22px);\n}\n19% {\n transform: translate(-25px);\n}\n21% {\n transform: translate(-26px);\n}\n23% {\n transform: translate(-27px);\n}\n24% {\n transform: translate(-28px);\n}\n26% {\n transform: translate(-29px);\n}\n29% {\n transform: translate(-30px);\n}\n33%, 89% {\n transform: translate(-31px);\n}\n91% {\n transform: translate(-31px, 1px);\n}\n94% {\n transform: translate(-31px, 2px);\n}\n98% {\n transform: translate(-31px, 3px);\n}\n99% {\n transform: translate(-31px, 4px);\n}\n100% {\n transform: translate(-31px, 5px);\n}\n}\n@keyframes circleThreeKeyframe {\n39% {\n transform: translate(0);\n}\n44% {\n transform: translate(0, 1px);\n}\n46% {\n transform: translate(0, 2px);\n}\n48% {\n transform: translate(0, 3px);\n}\n49% {\n transform: translate(0, 4px);\n}\n51% {\n transform: translate(0, 5px);\n}\n53% {\n transform: translate(-1px, -6px);\n}\n54% {\n transform: translate(-2px, -13px);\n}\n56% {\n transform: translate(-3px, -15px);\n}\n58% {\n transform: translate(-5px, -19px);\n}\n59% {\n transform: translate(-7px, -21px);\n}\n61% {\n transform: translate(-8px, -22px);\n}\n63% {\n transform: translate(-9px, -24px);\n}\n64% {\n transform: translate(-11px, -25px);\n}\n66% {\n transform: translate(-12px, -26px);\n}\n74% {\n transform: translate(-19px, -26px);\n}\n76% {\n transform: translate(-20px, -25px);\n}\n78% {\n transform: translate(-22px, -24px);\n}\n81% {\n transform: translate(-24px, -21px);\n}\n83% {\n transform: translate(-26px, -19px);\n}\n84% {\n transform: translate(-28px, -15px);\n}\n86% {\n transform: translate(-29px, -13px);\n}\n88% {\n transform: translate(-30px, -6px);\n}\n89% {\n transform: translate(-31px, 5px);\n}\n91% {\n transform: translate(-31px, 4px);\n}\n93% {\n transform: translate(-31px, 3px);\n}\n94% {\n transform: translate(-31px, 2px);\n}\n98% {\n transform: translate(-31px, 1px);\n}\n100% {\n transform: translate(-31px);\n}\n}",map:void 0,media:void 0})}),c,void 0,!1,void 0,!1,s,void 0,void 0),d={name:"VsInlineLoader",props:{color:{type:String,default:"#1f73b7"},size:{type:[Number,String],default:10},center:{type:Boolean}}},x=function(){var n=this.$createElement,t=this._self._c||n;return t("div",{class:["vs-inline",{"vs-loader--center":this.center}]},[t("svg",{attrs:{color:this.color,viewBox:"0 0 16 4",width:4*this.size}},[t("circle",{staticClass:"vs-inline--circle",attrs:{cx:"14",fill:"currentColor",cy:"2",r:"2"}}),this._v(" "),t("circle",{staticClass:"vs-inline--circle",attrs:{cx:"8",fill:"currentColor",cy:"2",r:"2"}}),this._v(" "),t("circle",{staticClass:"vs-inline--circle",attrs:{cx:"2",fill:"currentColor",cy:"2",r:"2"}})])])};x._withStripped=!0;var v={name:"VsLoader",components:{Pulse:p,Dots:f,Inline:e({render:x,staticRenderFns:[]},(function(n){n&&n("data-v-21974935_0",{source:".vs-inline.vs-loader--center {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.vs-inline .vs-inline--circle {\n opacity: 0.2;\n}\n.vs-inline .vs-inline--circle:nth-child(1) {\n animation: pulseAnimation 1s infinite;\n animation-delay: 0.4s;\n}\n.vs-inline .vs-inline--circle:nth-child(2) {\n animation: pulseAnimation 1s infinite;\n animation-delay: 0.2s;\n}\n.vs-inline .vs-inline--circle:nth-child(3) {\n animation: pulseAnimation 1s infinite;\n}\n@keyframes pulseAnimation {\n0%, 100% {\n opacity: 0.2;\n}\n50% {\n opacity: 0.8;\n}\n}",map:void 0,media:void 0})}),d,void 0,!1,void 0,!1,s,void 0,void 0)},props:{variant:{type:String,default:"Pulse"},color:{type:String},size:{type:[Number,String]},margin:{type:String},center:{type:Boolean}}},u=function(){var n=this.$createElement;return(this._self._c||n)(this.variant,this._b({tag:"component"},"component",this.$props,!1))};u._withStripped=!0;var y=e({render:u,staticRenderFns:[]},void 0,v,void 0,!1,void 0,!1,void 0,void 0,void 0);function h(n){h.installed||(h.installed=!0,n.component("VsLoader",y))}var g={install:h},_=null;return"undefined"!=typeof window?_=window.Vue:"undefined"!=typeof global&&(_=global.Vue),_&&_.use(g),n.default=y,n.install=h,n}({});
|
package/dist/vs-loader.umd.js
CHANGED
|
@@ -220,7 +220,7 @@
|
|
|
220
220
|
/* style */
|
|
221
221
|
var __vue_inject_styles__ = function (inject) {
|
|
222
222
|
if (!inject) { return }
|
|
223
|
-
inject("data-v-
|
|
223
|
+
inject("data-v-60b66ddc_0", { source: ".vs-pulse {\n display: flex;\n}\n.vs-pulse.vs-loader--center {\n align-items: center;\n justify-content: center;\n}\n@-webkit-keyframes v-pulseStretchDelay {\n0%, 80% {\n -webkit-transform: scale(1);\n transform: scale(1);\n -webkit-opacity: 1;\n opacity: 1;\n}\n45% {\n -webkit-transform: scale(0.1);\n transform: scale(0.1);\n -webkit-opacity: 0.7;\n opacity: 0.7;\n}\n}\n@keyframes v-pulseStretchDelay {\n0%, 80% {\n -webkit-transform: scale(1);\n transform: scale(1);\n -webkit-opacity: 1;\n opacity: 1;\n}\n45% {\n -webkit-transform: scale(0.1);\n transform: scale(0.1);\n -webkit-opacity: 0.7;\n opacity: 0.7;\n}\n}", map: undefined, media: undefined });
|
|
224
224
|
|
|
225
225
|
};
|
|
226
226
|
/* scoped */
|
|
@@ -338,7 +338,7 @@
|
|
|
338
338
|
/* style */
|
|
339
339
|
var __vue_inject_styles__$1 = function (inject) {
|
|
340
340
|
if (!inject) { return }
|
|
341
|
-
inject("data-v-
|
|
341
|
+
inject("data-v-95f5a7d6_0", { source: ".vs-dots.vs-loader--center {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.vs-dots svg {\n width: 4.5em;\n margin: 3px;\n}\n.vs-dots .circle-one {\n animation: 1250ms ease-in-out 0s infinite normal none running circleOneKeyframe;\n}\n.vs-dots .circle-two {\n animation: 1250ms ease-in-out 0s infinite normal none running circleTwoKeyframe;\n}\n.vs-dots .circle-three {\n animation: 1250ms ease-in-out 0s infinite normal none running circleThreeKeyframe;\n}\n@keyframes circleOneKeyframe {\n0% {\n transform: translate(0, 5px);\n}\n3% {\n transform: translate(1px, -5px);\n}\n6% {\n transform: translate(3px, -15px);\n}\n8% {\n transform: translate(5px, -18px);\n}\n9% {\n transform: translate(7px, -21px);\n}\n11% {\n transform: translate(8px, -22px);\n}\n13% {\n transform: translate(9px, -23px);\n}\n16% {\n transform: translate(12px, -25px);\n}\n18% {\n transform: translate(13px, -26px);\n}\n23% {\n transform: translate(18px, -26px);\n}\n24% {\n transform: translate(19px, -25px);\n}\n28% {\n transform: translate(22px, -23px);\n}\n31% {\n transform: translate(24px, -21px);\n}\n33% {\n transform: translate(26px, -18px);\n}\n34% {\n transform: translate(28px, -14px);\n}\n36% {\n transform: translate(29px, -12px);\n}\n38% {\n transform: translate(30px, -5px);\n}\n39% {\n transform: translate(31px, 5px);\n}\n54% {\n transform: translate(31px, 3px);\n}\n59% {\n transform: translate(33px);\n}\n61% {\n transform: translate(43px);\n}\n63% {\n transform: translate(48px);\n}\n64% {\n transform: translate(51px);\n}\n66% {\n transform: translate(53px);\n}\n68% {\n transform: translate(55px);\n}\n69% {\n transform: translate(57px);\n}\n76% {\n transform: translate(60px);\n}\n81% {\n transform: translate(61px);\n}\n83%, 100% {\n transform: translate(62px);\n}\n}\n@keyframes circleTwoKeyframe {\n4% {\n transform: translate(0);\n}\n6% {\n transform: translate(-1px);\n}\n8% {\n transform: translate(-2px);\n}\n9% {\n transform: translate(-5px);\n}\n11% {\n transform: translate(-7px);\n}\n13% {\n transform: translate(-12px);\n}\n14% {\n transform: translate(-17px);\n}\n16% {\n transform: translate(-19px);\n}\n18% {\n transform: translate(-22px);\n}\n19% {\n transform: translate(-25px);\n}\n21% {\n transform: translate(-26px);\n}\n23% {\n transform: translate(-27px);\n}\n24% {\n transform: translate(-28px);\n}\n26% {\n transform: translate(-29px);\n}\n29% {\n transform: translate(-30px);\n}\n33%, 89% {\n transform: translate(-31px);\n}\n91% {\n transform: translate(-31px, 1px);\n}\n94% {\n transform: translate(-31px, 2px);\n}\n98% {\n transform: translate(-31px, 3px);\n}\n99% {\n transform: translate(-31px, 4px);\n}\n100% {\n transform: translate(-31px, 5px);\n}\n}\n@keyframes circleThreeKeyframe {\n39% {\n transform: translate(0);\n}\n44% {\n transform: translate(0, 1px);\n}\n46% {\n transform: translate(0, 2px);\n}\n48% {\n transform: translate(0, 3px);\n}\n49% {\n transform: translate(0, 4px);\n}\n51% {\n transform: translate(0, 5px);\n}\n53% {\n transform: translate(-1px, -6px);\n}\n54% {\n transform: translate(-2px, -13px);\n}\n56% {\n transform: translate(-3px, -15px);\n}\n58% {\n transform: translate(-5px, -19px);\n}\n59% {\n transform: translate(-7px, -21px);\n}\n61% {\n transform: translate(-8px, -22px);\n}\n63% {\n transform: translate(-9px, -24px);\n}\n64% {\n transform: translate(-11px, -25px);\n}\n66% {\n transform: translate(-12px, -26px);\n}\n74% {\n transform: translate(-19px, -26px);\n}\n76% {\n transform: translate(-20px, -25px);\n}\n78% {\n transform: translate(-22px, -24px);\n}\n81% {\n transform: translate(-24px, -21px);\n}\n83% {\n transform: translate(-26px, -19px);\n}\n84% {\n transform: translate(-28px, -15px);\n}\n86% {\n transform: translate(-29px, -13px);\n}\n88% {\n transform: translate(-30px, -6px);\n}\n89% {\n transform: translate(-31px, 5px);\n}\n91% {\n transform: translate(-31px, 4px);\n}\n93% {\n transform: translate(-31px, 3px);\n}\n94% {\n transform: translate(-31px, 2px);\n}\n98% {\n transform: translate(-31px, 1px);\n}\n100% {\n transform: translate(-31px);\n}\n}", map: undefined, media: undefined });
|
|
342
342
|
|
|
343
343
|
};
|
|
344
344
|
/* scoped */
|
|
@@ -438,7 +438,7 @@
|
|
|
438
438
|
/* style */
|
|
439
439
|
var __vue_inject_styles__$2 = function (inject) {
|
|
440
440
|
if (!inject) { return }
|
|
441
|
-
inject("data-v-
|
|
441
|
+
inject("data-v-21974935_0", { source: ".vs-inline.vs-loader--center {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.vs-inline .vs-inline--circle {\n opacity: 0.2;\n}\n.vs-inline .vs-inline--circle:nth-child(1) {\n animation: pulseAnimation 1s infinite;\n animation-delay: 0.4s;\n}\n.vs-inline .vs-inline--circle:nth-child(2) {\n animation: pulseAnimation 1s infinite;\n animation-delay: 0.2s;\n}\n.vs-inline .vs-inline--circle:nth-child(3) {\n animation: pulseAnimation 1s infinite;\n}\n@keyframes pulseAnimation {\n0%, 100% {\n opacity: 0.2;\n}\n50% {\n opacity: 0.8;\n}\n}", map: undefined, media: undefined });
|
|
442
442
|
|
|
443
443
|
};
|
|
444
444
|
/* scoped */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vuesimple/vs-loader",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.8",
|
|
4
4
|
"description": "A simple vue loader. Perfect for all your loader scenarios.",
|
|
5
5
|
"main": "dist/vs-loader.umd.js",
|
|
6
6
|
"module": "dist/vs-loader.esm.js",
|
|
@@ -52,5 +52,5 @@
|
|
|
52
52
|
"url": "https://github.com/ashwinkshenoy/vue-simple/issues"
|
|
53
53
|
},
|
|
54
54
|
"homepage": "https://github.com/ashwinkshenoy/vue-simple/tree/master/packages/vs-loader",
|
|
55
|
-
"gitHead": "
|
|
55
|
+
"gitHead": "5a57825d7dcb4b09c4c547ea65316c77f857bddf"
|
|
56
56
|
}
|