skeleton-loader-vue - npm Package Compare versions

Comparing version 1.0.6 to 1.0.7

dist/skeleton-loader-vue.esm.js

@@ -250,4 +250,4 @@ //
       return {
-        width: `${this.width}px`,
-        height: `${this.height}px`,
+        width: typeof this.width === 'number' ? `${this.width}px` : this.width,
+        height: typeof this.width === 'number' ? `${this.height}px` : this.height,
         'background-color': `${this.color}`,
@@ -277,3 +277,2 @@ 'border-radius': this.rounded ? `${this.radius}px` : 0
   return _c('div', {
-    staticClass: "loader",
     class: _vm.bindClass,
@@ -289,4 +288,4 @@ style: _vm.style
   if (!inject) return;
-  inject("data-v-2aec199c_0", {
-    source: ".loader[data-v-2aec199c]{overflow:hidden;position:relative}.loader[data-v-2aec199c]::before{content:\"\";display:block;position:absolute;left:0;right:0;bottom:0;top:0}.shape--text[data-v-2aec199c]{height:20px}.shape--round[data-v-2aec199c]{border-radius:8px}",
+  inject("data-v-6fd019a7_0", {
+    source: ".loader[data-v-6fd019a7]{overflow:hidden;position:relative}.loader[data-v-6fd019a7]::before{content:\"\";display:block;position:absolute;left:0;right:0;bottom:0;top:0}.shape--text[data-v-6fd019a7]{height:20px}.shape--round[data-v-6fd019a7]{border-radius:8px}",
     map: undefined,
@@ -299,3 +298,3 @@ media: undefined
 
-const __vue_scope_id__$1 = "data-v-2aec199c";
+const __vue_scope_id__$1 = "data-v-6fd019a7";
 /* module identifier */
@@ -302,0 +301,0 @@

dist/skeleton-loader-vue.min.js

@@ -1,1 +0,1 @@
-var SkeletonLoaderVue=function(e){"use strict";var t={props:{height:{type:[Number,String],default:100},width:{type:[Number,String],default:100},color:{type:String,default:"rgba(0, 0, 0, 0.12)"},animation:{type:String,default:"wave"}},computed:{style:function(){return"width: ".concat(this.width,"px; height: ").concat(this.height,"px; background-color: ").concat(this.color)},bindClass:function(){return"animation--".concat(this.animation)}}};function n(e,t,n,i,a,o,r,s,d,l){"boolean"!=typeof r&&(d=s,s=r,r=!1);const c="function"==typeof n?n.options:n;let u;if(e&&e.render&&(c.render=e.render,c.staticRenderFns=e.staticRenderFns,c._compiled=!0,a&&(c.functional=!0)),i&&(c._scopeId=i),o?(u=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),t&&t.call(this,d(e)),e&&e._registeredComponents&&e._registeredComponents.add(o)},c._ssrRegister=u):t&&(u=r?function(e){t.call(this,l(e,this.$root.$options.shadowRoot))}:function(e){t.call(this,s(e))}),u)if(c.functional){const e=c.render;c.render=function(t,n){return u.call(n),e(t,n)}}else{const e=c.beforeCreate;c.beforeCreate=e?[].concat(e,u):[u]}return n}const i="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());function a(e){return(e,t)=>function(e,t){const n=i?t.media||"default":e,a=r[n]||(r[n]={ids:new Set,styles:[]});if(!a.ids.has(e)){a.ids.add(e);let n=t.source;if(t.map&&(n+="\n/*# sourceURL="+t.map.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(t.map))))+" */"),a.element||(a.element=document.createElement("style"),a.element.type="text/css",t.media&&a.element.setAttribute("media",t.media),void 0===o&&(o=document.head||document.getElementsByTagName("head")[0]),o.appendChild(a.element)),"styleSheet"in a.element)a.styles.push(n),a.element.styleSheet.cssText=a.styles.filter(Boolean).join("\n");else{const e=a.ids.size-1,t=document.createTextNode(n),i=a.element.childNodes;i[e]&&a.element.removeChild(i[e]),i.length?a.element.insertBefore(t,i[e]):a.element.appendChild(t)}}}(e,t)}let o;const r={};var s=n({render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"loader"},["circle"===e.type?n("circle-loader",{attrs:{width:e.loaderWidth,height:e.loaderHeight,animation:e.animation,color:e.color}}):n("square-loader",{attrs:{width:e.loaderWidth,height:e.loaderHeight,animation:e.animation,type:e.type,color:e.color,rounded:e.rounded,radius:e.radius}})],1)},staticRenderFns:[]},(function(e){e&&e("data-v-2d86da82_0",{source:".loader{width:fit-content;cursor:wait}@keyframes fade{0%{opacity:1}50%{opacity:.4}100%{opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(.85)}100%{transform:scale(1)}}@keyframes pulse-x{0%{transform:scaleX(1)}50%{transform:scaleX(.75)}100%{transform:scaleX(1)}}@keyframes pulse-y{0%{transform:scaleY(1)}50%{transform:scaleY(.75)}100%{transform:scaleY(1)}}@keyframes wave{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.animation--fade{animation:fade 1.5s linear .5s infinite}.animation--wave::before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:wave 1.5s linear .5s infinite}.animation--pulse-x{animation:pulse-x 1.5s linear .5s infinite}.animation--pulse-y{animation:pulse-y 1.5s linear .5s infinite}.animation--pulse{animation:pulse 1.5s linear .5s infinite}",map:void 0,media:void 0})}),{components:{CircleLoader:n({render:function(){var e=this.$createElement;return(this._self._c||e)("div",{staticClass:"circle-loader",class:this.bindClass,style:this.style})},staticRenderFns:[]},(function(e){e&&e("data-v-5bdc6b08_0",{source:'.circle-loader[data-v-5bdc6b08]{overflow:hidden;width:100px;height:100px;background-color:red;border-radius:50%;position:relative}.circle-loader[data-v-5bdc6b08]::before{content:"";display:block;position:absolute;left:0;right:0;bottom:0;top:0}',map:void 0,media:void 0})}),t,"data-v-5bdc6b08",!1,void 0,!1,a,void 0,void 0),SquareLoader:n({render:function(){var e=this.$createElement;return(this._self._c||e)("div",{staticClass:"loader",class:this.bindClass,style:this.style})},staticRenderFns:[]},(function(e){e&&e("data-v-2aec199c_0",{source:'.loader[data-v-2aec199c]{overflow:hidden;position:relative}.loader[data-v-2aec199c]::before{content:"";display:block;position:absolute;left:0;right:0;bottom:0;top:0}.shape--text[data-v-2aec199c]{height:20px}.shape--round[data-v-2aec199c]{border-radius:8px}',map:void 0,media:void 0})}),{props:{height:{type:[Number,String],default:100},width:{type:[Number,String],default:200},color:{type:String,default:"rgba(0, 0, 0, 0.12)"},animation:{type:String,default:"wave"},type:{type:String,default:"rect"},rounded:{type:Boolean,default:!1},radius:{type:[Number,String],default:0}},computed:{style:function(){return{width:"".concat(this.width,"px"),height:"".concat(this.height,"px"),"background-color":"".concat(this.color),"border-radius":this.rounded?"".concat(this.radius,"px"):0}},bindClass:function(){return"animation--".concat(this.animation," shape--").concat(this.type," shape--").concat(this.rounded?"round":"flat")}}},"data-v-2aec199c",!1,void 0,!1,a,void 0,void 0)},props:{type:{type:String,default:"rect"},size:{type:[Number,String]},animation:{type:String,default:"wave"},height:{type:[Number,String]},width:{type:[Number,String]},color:{type:String,default:"rgba(0, 0, 0, 0.12)"},rounded:{type:Boolean,default:!1},radius:{type:[Number,String],default:8}},computed:{loaderWidth:function(){return this.size?this.size:this.width},loaderHeight:function(){return this.size?this.size:this.height}}},void 0,!1,void 0,!1,a,void 0,void 0),d=function(e){d.installed||(d.installed=!0,e.component("skeleton-loader-vue",s))},l={install:d},c=null;return"undefined"!=typeof window?c=window.Vue:"undefined"!=typeof global&&(c=global.Vue),c&&c.use(l),s.install=d,e.default=s,e}({});
+var SkeletonLoaderVue=function(e){"use strict";var t={props:{height:{type:[Number,String],default:100},width:{type:[Number,String],default:100},color:{type:String,default:"rgba(0, 0, 0, 0.12)"},animation:{type:String,default:"wave"}},computed:{style:function(){return"width: ".concat(this.width,"px; height: ").concat(this.height,"px; background-color: ").concat(this.color)},bindClass:function(){return"animation--".concat(this.animation)}}};function n(e,t,n,i,a,o,r,s,d,l){"boolean"!=typeof r&&(d=s,s=r,r=!1);const c="function"==typeof n?n.options:n;let u;if(e&&e.render&&(c.render=e.render,c.staticRenderFns=e.staticRenderFns,c._compiled=!0,a&&(c.functional=!0)),i&&(c._scopeId=i),o?(u=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),t&&t.call(this,d(e)),e&&e._registeredComponents&&e._registeredComponents.add(o)},c._ssrRegister=u):t&&(u=r?function(e){t.call(this,l(e,this.$root.$options.shadowRoot))}:function(e){t.call(this,s(e))}),u)if(c.functional){const e=c.render;c.render=function(t,n){return u.call(n),e(t,n)}}else{const e=c.beforeCreate;c.beforeCreate=e?[].concat(e,u):[u]}return n}const i="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());function a(e){return(e,t)=>function(e,t){const n=i?t.media||"default":e,a=r[n]||(r[n]={ids:new Set,styles:[]});if(!a.ids.has(e)){a.ids.add(e);let n=t.source;if(t.map&&(n+="\n/*# sourceURL="+t.map.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(t.map))))+" */"),a.element||(a.element=document.createElement("style"),a.element.type="text/css",t.media&&a.element.setAttribute("media",t.media),void 0===o&&(o=document.head||document.getElementsByTagName("head")[0]),o.appendChild(a.element)),"styleSheet"in a.element)a.styles.push(n),a.element.styleSheet.cssText=a.styles.filter(Boolean).join("\n");else{const e=a.ids.size-1,t=document.createTextNode(n),i=a.element.childNodes;i[e]&&a.element.removeChild(i[e]),i.length?a.element.insertBefore(t,i[e]):a.element.appendChild(t)}}}(e,t)}let o;const r={};var s=n({render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"loader"},["circle"===e.type?n("circle-loader",{attrs:{width:e.loaderWidth,height:e.loaderHeight,animation:e.animation,color:e.color}}):n("square-loader",{attrs:{width:e.loaderWidth,height:e.loaderHeight,animation:e.animation,type:e.type,color:e.color,rounded:e.rounded,radius:e.radius}})],1)},staticRenderFns:[]},(function(e){e&&e("data-v-2d86da82_0",{source:".loader{width:fit-content;cursor:wait}@keyframes fade{0%{opacity:1}50%{opacity:.4}100%{opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(.85)}100%{transform:scale(1)}}@keyframes pulse-x{0%{transform:scaleX(1)}50%{transform:scaleX(.75)}100%{transform:scaleX(1)}}@keyframes pulse-y{0%{transform:scaleY(1)}50%{transform:scaleY(.75)}100%{transform:scaleY(1)}}@keyframes wave{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.animation--fade{animation:fade 1.5s linear .5s infinite}.animation--wave::before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:wave 1.5s linear .5s infinite}.animation--pulse-x{animation:pulse-x 1.5s linear .5s infinite}.animation--pulse-y{animation:pulse-y 1.5s linear .5s infinite}.animation--pulse{animation:pulse 1.5s linear .5s infinite}",map:void 0,media:void 0})}),{components:{CircleLoader:n({render:function(){var e=this.$createElement;return(this._self._c||e)("div",{staticClass:"circle-loader",class:this.bindClass,style:this.style})},staticRenderFns:[]},(function(e){e&&e("data-v-5bdc6b08_0",{source:'.circle-loader[data-v-5bdc6b08]{overflow:hidden;width:100px;height:100px;background-color:red;border-radius:50%;position:relative}.circle-loader[data-v-5bdc6b08]::before{content:"";display:block;position:absolute;left:0;right:0;bottom:0;top:0}',map:void 0,media:void 0})}),t,"data-v-5bdc6b08",!1,void 0,!1,a,void 0,void 0),SquareLoader:n({render:function(){var e=this.$createElement;return(this._self._c||e)("div",{class:this.bindClass,style:this.style})},staticRenderFns:[]},(function(e){e&&e("data-v-6fd019a7_0",{source:'.loader[data-v-6fd019a7]{overflow:hidden;position:relative}.loader[data-v-6fd019a7]::before{content:"";display:block;position:absolute;left:0;right:0;bottom:0;top:0}.shape--text[data-v-6fd019a7]{height:20px}.shape--round[data-v-6fd019a7]{border-radius:8px}',map:void 0,media:void 0})}),{props:{height:{type:[Number,String],default:100},width:{type:[Number,String],default:200},color:{type:String,default:"rgba(0, 0, 0, 0.12)"},animation:{type:String,default:"wave"},type:{type:String,default:"rect"},rounded:{type:Boolean,default:!1},radius:{type:[Number,String],default:0}},computed:{style:function(){return{width:"number"==typeof this.width?"".concat(this.width,"px"):this.width,height:"number"==typeof this.width?"".concat(this.height,"px"):this.height,"background-color":"".concat(this.color),"border-radius":this.rounded?"".concat(this.radius,"px"):0}},bindClass:function(){return"animation--".concat(this.animation," shape--").concat(this.type," shape--").concat(this.rounded?"round":"flat")}}},"data-v-6fd019a7",!1,void 0,!1,a,void 0,void 0)},props:{type:{type:String,default:"rect"},size:{type:[Number,String]},animation:{type:String,default:"wave"},height:{type:[Number,String]},width:{type:[Number,String]},color:{type:String,default:"rgba(0, 0, 0, 0.12)"},rounded:{type:Boolean,default:!1},radius:{type:[Number,String],default:8}},computed:{loaderWidth:function(){return this.size?this.size:this.width},loaderHeight:function(){return this.size?this.size:this.height}}},void 0,!1,void 0,!1,a,void 0,void 0),d=function(e){d.installed||(d.installed=!0,e.component("skeleton-loader-vue",s))},l={install:d},c=null;return"undefined"!=typeof window?c=window.Vue:"undefined"!=typeof global&&(c=global.Vue),c&&c.use(l),s.install=d,e.default=s,e}({});

dist/skeleton-loader-vue.ssr.js

@@ -227,4 +227,4 @@ 'use strict';Object.defineProperty(exports,'__esModule',{value:true});//
       return {
-        width: "".concat(this.width, "px"),
-        height: "".concat(this.height, "px"),
+        width: typeof this.width === 'number' ? "".concat(this.width, "px") : this.width,
+        height: typeof this.width === 'number' ? "".concat(this.height, "px") : this.height,
         'background-color': "".concat(this.color),
@@ -250,3 +250,2 @@ 'border-radius': this.rounded ? "".concat(this.radius, "px") : 0
   return _c('div', {
-    staticClass: "loader",
     class: _vm.bindClass,
@@ -262,4 +261,4 @@ style: _vm.style
   if (!inject) return;
-  inject("data-v-2aec199c_0", {
-    source: ".loader[data-v-2aec199c]{overflow:hidden;position:relative}.loader[data-v-2aec199c]::before{content:\"\";display:block;position:absolute;left:0;right:0;bottom:0;top:0}.shape--text[data-v-2aec199c]{height:20px}.shape--round[data-v-2aec199c]{border-radius:8px}",
+  inject("data-v-6fd019a7_0", {
+    source: ".loader[data-v-6fd019a7]{overflow:hidden;position:relative}.loader[data-v-6fd019a7]::before{content:\"\";display:block;position:absolute;left:0;right:0;bottom:0;top:0}.shape--text[data-v-6fd019a7]{height:20px}.shape--round[data-v-6fd019a7]{border-radius:8px}",
     map: undefined,
@@ -272,6 +271,6 @@ media: undefined
 
-var __vue_scope_id__$1 = "data-v-2aec199c";
+var __vue_scope_id__$1 = "data-v-6fd019a7";
 /* module identifier */
 
-var __vue_module_identifier__$1 = "data-v-2aec199c";
+var __vue_module_identifier__$1 = "data-v-6fd019a7";
 /* functional template */
@@ -278,0 +277,0 @@

package.json

 {
   "name": "skeleton-loader-vue",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "A simple, customizable skeleton loader for your vue app",
@@ -5,0 +5,0 @@ "author": "Abdulqudus Abubakre <[e-mail]> (http://github.com/abdulqudus001)",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

54861

increased by0.49%

Worsened metrics

Lines of code

777

decreased by-0.26%

No dependency changes