activity-indicator/dist/activity-indicator.min.js

an animate progress activity-indicator component for vue

!function(t){"use strict";function a(t,a,i,n,e,s,r,o,y,l){"boolean"!=typeof r&&(y=o,o=r,r=!1);const m="function"==typeof i?i.options:i;let c;if(t&&t.render&&(m.render=t.render,m.staticRenderFns=t.staticRenderFns,m._compiled=!0,e&&(m.functional=!0)),n&&(m._scopeId=n),s?(c=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),a&&a.call(this,y(t)),t&&t._registeredComponents&&t._registeredComponents.add(s)},m._ssrRegister=c):a&&(c=r?function(t){a.call(this,l(t,this.$root.$options.shadowRoot))}:function(t){a.call(this,o(t))}),c)if(m.functional){const t=m.render;m.render=function(a,i){return c.call(i),t(a,i)}}else{const t=m.beforeCreate;m.beforeCreate=t?[].concat(t,c):[c]}return i}const i={name:"activityIndicator",props:{hidesWhenStopped:{type:Boolean,default:!1},value:{type:[Number,String],default:1/12},animate:{type:Boolean,default:!0},tintColor:{type:String,default:function(){return"#999999"}}},data:function(){return{animating:!1,percent:1/12}},methods:{_opacity:function(t){return this.percent>=t/12||this.animating?1:0},startAnimating:function(){this.animating=!0,this.percent=1/12},stopAnimating:function(){this.animating=!1},isAnimating:function(){return this.animating}},watch:{value:{handler:function(t){this.percent=t},immediate:!0},animate:{handler:function(t){t?this.startAnimating():this.stopAnimating()},immediate:!0}}};var n=function(){var t=this,a=t.$createElement,i=t._self._c||a;return i("div",{staticClass:"--atvt-container",staticStyle:{display:"flex","align-items":"center","justify-content":"center"}},[i("svg",{staticStyle:{margin:"auto",display:"block","background-repeat-y":"initial","background-repeat-x":"initial",background:"transparent"},style:{"animation-play-state":t.animating?"running":"paused"},attrs:{xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",width:"100%",height:"100%",viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid"}},[i("g",{staticStyle:{transform:"matrix(1, 0, 0, 1, 0, 0)","animation-delay":"0s"},style:{"animation-play-state":t.animating?"running":"paused"},attrs:{transform:"rotate(0 50 50)",opacity:t._opacity(1)}},[i("rect",{staticStyle:{"animation-delay":"0s"},style:{"animation-play-state":t.animating?"running":"paused"},attrs:{x:"47.5",y:"21",rx:"2.5",ry:"3.06",width:"5",height:"18",fill:t.tintColor,opacity:t._opacity(1)}},[t.animating?i("animate",{staticStyle:{"animation-play-state":"running","animation-delay":"0s"},attrs:{attributeName:"opacity",values:"1;0",keyTimes:"0;1",dur:"1s",begin:"-0.9166666666666666s",repeatCount:"indefinite"}}):t._e()])]),t._v(" "),i("g",{staticStyle:{transform:"matrix(0.866025, 0.5, -0.5, 0.866025, 31.6987, -18.3013)","animation-delay":"0s"},style:{"animation-play-state":t.animating?"running":"paused"},attrs:{transform:"rotate(30 50 50)",opacity:t._opacity(2)}},[i("rect",{staticStyle:{"animation-delay":"0s"},style:{"animation-play-state":t.animating?"running":"paused"},attrs:{x:"47.5",y:"21",rx:"2.5",ry:"3.06",width:"5",height:"18",fill:t.tintColor,opacity:t._opacity(2)}},[t.animating?i("animate",{staticStyle:{"animation-play-state":"running","animation-delay":"0s"},attrs:{attributeName:"opacity",values:"1;0",keyTimes:"0;1",dur:"1s",begin:"-0.8333333333333334s",repeatCount:"indefinite"}}):t._e()])]),t._v(" "),i("g",{staticStyle:{transform:"matrix(0.5, 0.866025, -0.866025, 0.5, 68.3013, -18.3013)","animation-delay":"0s"},style:{"animation-play-state":t.animating?"running":"paused"},attrs:{transform:"rotate(60 50 50)",opacity:t._opacity(3)}},[i("rect",{staticStyle:{"animation-delay":"0s"},style:{"animation-play-state":t.animating?"running":"paused"},attrs:{x:"47.5",y:"21",rx:"2.5",ry:"3.06",width:"5",height:"18",fill:t.tintColor,opacity:t._opacity(3)}},[t.animating?i("animate",{staticStyle:{"animation-play-state":"running","animation-delay":"0s"},attrs:{attributeName:"opacity",values:"1;0",keyTimes:"0;1",dur:"1s",begin:"-0.75s",repeatCount:"indefinite"}}):t._e()])]),t._v(" "),i("g",{staticStyle:{transform:"matrix(6.12323e-17, 1, -1, 6.12323e-17, 100, 0)","animation-delay":"0s"},style:{"animation-play-state":t.animating?"running":"paused"},attrs:{transform:"rotate(90 50 50)",opacity:t._opacity(4)}},[i("rect",{staticStyle:{"animation-delay":"0s"},style:{"animation-play-state":t.animating?"running":"paused"},attrs:{x:"47.5",y:"21",rx:"2.5",ry:"3.06",width:"5",height:"18",fill:t.tintColor,opacity:t._opacity(4)}},[t.animating?i("animate",{staticStyle:{"animation-play-state":"running","animation-delay":"0s"},attrs:{attributeName:"opacity",values:"1;0",keyTimes:"0;1",dur:"1s",begin:"-0.6666666666666666s",repeatCount:"indefinite"}}):t._e()])]),t._v(" "),i("g",{staticStyle:{transform:"matrix(-0.5, 0.866025, -0.866025, -0.5, 118.301, 31.6987)","animation-delay":"0s"},style:{"animation-play-state":t.animating?"running":"paused"},attrs:{transform:"rotate(120 50 50)",opacity:t._opacity(5)}},[i("rect",{staticStyle:{"animation-delay":"0s"},style:{"animation-play-state":t.animating?"running":"paused"},attrs:{x:"47.5",y:"21",rx:"2.5",ry:"3.06",width:"5",height:"18",fill:t.tintColor,opacity:t._opacity(5)}},[t.animating?i("animate",{staticStyle:{"animation-play-state":"running","animation-delay":"0s"},attrs:{attributeName:"opacity",values:"1;0",keyTimes:"0;1",dur:"1s",begin:"-0.5833333333333334s",repeatCount:"indefinite"}}):t._e()])]),t._v(" "),i("g",{staticStyle:{transform:"matrix(-0.866025, 0.5, -0.5, -0.866025, 118.301, 68.3013)","animation-delay":"0s"},style:{"animation-play-state":t.animating?"running":"paused"},attrs:{transform:"rotate(150 50 50)",opacity:t._opacity(6)}},[i("rect",{staticStyle:{"animation-delay":"0s"},style:{"animation-play-state":t.animating?"running":"paused"},attrs:{x:"47.5",y:"21",rx:"2.5",ry:"3.06",width:"5",height:"18",fill:t.tintColor,opacity:t._opacity(6)}},[t.animating?i("animate",{staticStyle:{"animation-play-state":"running","animation-delay":"0s"},attrs:{attributeName:"opacity",values:"1;0",keyTimes:"0;1",dur:"1s",begin:"-0.5s",repeatCount:"indefinite"}}):t._e()])]),t._v(" "),i("g",{staticStyle:{transform:"matrix(-1, 1.22465e-16, -1.22465e-16, -1, 100, 100)","animation-delay":"0s"},style:{"animation-play-state":t.animating?"running":"paused"},attrs:{transform:"rotate(180 50 50)",opacity:t._opacity(7)}},[i("rect",{staticStyle:{"animation-delay":"0s"},style:{"animation-play-state":t.animating?"running":"paused"},attrs:{x:"47.5",y:"21",rx:"2.5",ry:"3.06",width:"5",height:"18",fill:t.tintColor,opacity:t._opacity(7)}},[t.animating?i("animate",{staticStyle:{"animation-play-state":"running","animation-delay":"0s"},attrs:{attributeName:"opacity",values:"1;0",keyTimes:"0;1",dur:"1s",begin:"-0.4166666666666667s",repeatCount:"indefinite"}}):t._e()])]),t._v(" "),i("g",{staticStyle:{transform:"matrix(-0.866025, -0.5, 0.5, -0.866025, 68.3013, 118.301)","animation-delay":"0s"},style:{"animation-play-state":t.animating?"running":"paused"},attrs:{transform:"rotate(210 50 50)",opacity:t._opacity(8)}},[i("rect",{staticStyle:{"animation-delay":"0s"},style:{"animation-play-state":t.animating?"running":"paused"},attrs:{x:"47.5",y:"21",rx:"2.5",ry:"3.06",width:"5",height:"18",fill:t.tintColor,opacity:t._opacity(8)}},[t.animating?i("animate",{staticStyle:{"animation-play-state":"running","animation-delay":"0s"},attrs:{attributeName:"opacity",values:"1;0",keyTimes:"0;1",dur:"1s",begin:"-0.3333333333333333s",repeatCount:"indefinite"}}):t._e()])]),t._v(" "),i("g",{staticStyle:{transform:"matrix(-0.5, -0.866025, 0.866025, -0.5, 31.6987, 118.301)","animation-delay":"0s"},style:{"animation-play-state":t.animating?"running":"paused"},attrs:{transform:"rotate(240 50 50)",opacity:t._opacity(9)}},[i("rect",{staticStyle:{"animation-delay":"0s"},style:{"animation-play-state":t.animating?"running":"paused"},attrs:{x:"47.5",y:"21",rx:"2.5",ry:"3.06",width:"5",height:"18",fill:t.tintColor,opacity:t._opacity(9)}},[t.animating?i("animate",{staticStyle:{"animation-play-state":"running","animation-delay":"0s"},attrs:{attributeName:"opacity",values:"1;0",keyTimes:"0;1",dur:"1s",begin:"-0.25s",repeatCount:"indefinite"}}):t._e()])]),t._v(" "),i("g",{staticStyle:{transform:"matrix(-1.83697e-16, -1, 1, -1.83697e-16, 7.10543e-15, 100)","animation-delay":"0s"},style:{"animation-play-state":t.animating?"running":"paused"},attrs:{transform:"rotate(270 50 50)",opacity:t._opacity(10)}},[i("rect",{staticStyle:{"animation-delay":"0s"},style:{"animation-play-state":t.animating?"running":"paused"},attrs:{x:"47.5",y:"21",rx:"2.5",ry:"3.06",width:"5",height:"18",fill:t.tintColor,opacity:t._opacity(10)}},[t.animating?i("animate",{staticStyle:{"animation-play-state":"running","animation-delay":"0s"},attrs:{attributeName:"opacity",values:"1;0",keyTimes:"0;1",dur:"1s",begin:"-0.16666666666666666s",repeatCount:"indefinite"}}):t._e()])]),t._v(" "),i("g",{staticStyle:{transform:"matrix(0.5, -0.866025, 0.866025, 0.5, -18.3013, 68.3013)","animation-delay":"0s"},style:{"animation-play-state":t.animating?"running":"paused"},attrs:{transform:"rotate(300 50 50)",opacity:t._opacity(11)}},[i("rect",{staticStyle:{"animation-delay":"0s"},style:{"animation-play-state":t.animating?"running":"paused"},attrs:{x:"47.5",y:"21",rx:"2.5",ry:"3.06",width:"5",height:"18",fill:t.tintColor,opacity:t._opacity(11)}},[t.animating?i("animate",{staticStyle:{"animation-play-state":"running","animation-delay":"0s"},attrs:{attributeName:"opacity",values:"1;0",keyTimes:"0;1",dur:"1s",begin:"-0.08333333333333333s",repeatCount:"indefinite"}}):t._e()])]),t._v(" "),i("g",{staticStyle:{transform:"matrix(0.866025, -0.5, 0.5, 0.866025, -18.3013, 31.6987)","animation-delay":"0s"},style:{"animation-play-state":t.animating?"running":"paused"},attrs:{transform:"rotate(330 50 50)",opacity:t._opacity(12)}},[i("rect",{style:{"animation-play-state":t.animating?"running":"paused"},attrs:{x:"47.5",y:"21",rx:"2.5",ry:"3.06",width:"5",height:"18",fill:t.tintColor,opacity:t._opacity(12)}},[t.animating?i("animate",{staticStyle:{"animation-play-state":"running","animation-delay":"0s"},attrs:{attributeName:"opacity",values:"1;0",keyTimes:"0;1",dur:"1s",begin:"0s",repeatCount:"indefinite"}}):t._e()])])])])};n._withStripped=!0;const e=a({render:n,staticRenderFns:[]},undefined,i,undefined,false,undefined,!1,void 0,void 0,void 0);var s=[e],r=function(t){s.forEach((function(a){t.component(a.name,a)}))};"undefined"!=typeof window&&window.Vue&&r(window.Vue),t.ActivityIndicator=e,t.default=r}(this["activity-indicator"]=this["activity-indicator"]||{});