vue3-spinkit/build/vue3-spinner.umd.cjs

A collection of loading indicators animated with CSS for VueJS 3

(function(n,t){typeof exports=="object"&&typeof module<"u"?module.exports=t(require("vue")):typeof define=="function"&&define.amd?define(["vue"],t):(n=typeof globalThis<"u"?globalThis:n||self,n["vue3-spinner"]=t(n.Vue))})(this,function(n){"use strict";const r=Object.freeze(Object.defineProperty({__proto__:null,AWESOMESpinTypeNERS:{loadbar:{className:"sk-loadbar",node:0},hydrogen:{className:"sk-hydrogen",node:0},clock:{className:"sk-clock",node:0},"circle-fade":{className:"sk-circle-fade",node:0},moon:{className:"sk-moon",node:1}},LOADERS_CSS:{"square-spin":{node:1},"ball-grid-beat":{node:9},"ball-grid-pulse":{node:9},"line-spin-fade-loader":{node:8},"ball-spin-fade-loader":{node:8},"ball-pulse-rise":{node:5},"line-scale":{node:5},"line-scale-pulse-out":{node:5},"line-scale-pulse-out-rapid":{node:5},pacman:{node:5},"line-scale-party":{node:4},"ball-triangle-path":{node:3},"ball-scale-multiple":{node:3},"ball-scale-ripple-multiple":{node:3},"ball-pulse-sync":{node:3},"ball-pulse":{node:3},"ball-beat":{node:3},"ball-zig-zag":{node:2},"ball-zig-zag-deflect":{node:2},"ball-clip-rotate-pulse":{node:2},"ball-clip-rotate-multiple":{node:2},"ball-clip-rotate":{node:1},"ball-scale-ripple":{node:1},"triangle-skew-spin":{node:1}},LOADING_IO:{"circle-solid-spin":{className:"sk-circle-solid-spin",node:1},"dual-ring":{className:"sk-dual-ring",node:0},facebook:{className:"sk-facebook",node:3},heart:{className:"sk-heart",node:1},ring:{className:"sk-ring",node:4},roller:{className:"sk-roller",node:8},ellipsis:{className:"sk-ellipsis",node:4},grid:{className:"sk-grid",node:9},hourglass:{className:"sk-hourglass",node:0},ripple:{className:"sk-ripple",node:2}},SPINKIT_:{circle:{className:"sk-circle",node:12},"cube-grid":{className:"sk-cube-grid",node:9},wave:{className:"sk-wave",node:5},"folding-cube":{className:"sk-folding-cube",node:4},"three-bounce":{className:"sk-three-bounce",node:3},"double-bounce":{className:"sk-double-bounce",node:2},"wandering-cubes":{className:"sk-wandering-cubes",node:2},"chasing-dots":{className:"sk-chasing-dots",node:2},"rotating-plane":{className:"sk-rotating-plane",node:1},pulse:{className:"sk-pulse",node:1},wordpress:{className:"sk-wordpress",node:1},"fading-circle":{className:"sk-fading-circle",node:12}}},Symbol.toStringTag,{value:"Module"})),p=n.defineComponent({name:"imp-spinner",props:{name:{type:String,default:"",require:!0},color:{type:String,default:""},noFadeIn:{type:Boolean,default:!1},fadeIn:{type:String,default:"full"},className:{type:String,default:""},width:{type:String,default:""},height:{type:String,default:""}},setup(e){const a=n.reactive(Object.values(r).reduce((s,l)=>Object.assign(s,l),{})),d=n.computed(()=>{const s=a[e.name],l=s&&s.node?s.node:0,i=s&&s.className?s.className:e.name;return{node:l,className:i}}),c=n.computed(()=>{const s=e.color!==""?"color: "+e.color+";":"",l=e.width!==""?"width: "+e.width+"px;":"",i=e.height!==""?"height: "+e.height+"px;":"";return"text-align: center;"+s+l+i});return{loading:d,style:c}}}),m=(e,a)=>{const d=e.__vccOpts||e;for(const[c,s]of a)d[c]=s;return d};function u(e,a,d,c,s,l){return e.loading.className!==""?(n.openBlock(),n.createElementBlock("div",{key:0,class:n.normalizeClass([{"sk-fade-in":e.fadeIn==="full"&&!e.noFadeIn,"sk-fade-in-half-second":e.fadeIn==="half"&&!e.noFadeIn,"sk-fade-in-quarter-second":e.fadeIn==="quarter"&&!e.noFadeIn,[e.className]:!!e.className},"sk-spinner",e.loading.className]),style:n.normalizeStyle(e.style)},[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(e.loading.node,(i,g)=>(n.openBlock(),n.createElementBlock("div",{key:g}))),128))],6)):n.createCommentVNode("",!0)}const o=m(p,[["render",u],["__scopeId","data-v-f0430583"]]);o.install=function(e){e.component(o.name,o)};const f=[o];return{install:function(e){f.forEach(a=>{e.component(a.name,a)})},Spinner:o}});