@vue-interface/activity-indicator
Version:
An Vue activity indicator component.
3 lines (2 loc) • 8.49 kB
JavaScript
(function(t,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],i):(t=typeof globalThis<"u"?globalThis:t||self,i(t.ActivityIndicator={},t.Vue))})(this,(function(t,i){"use strict";const r={class:"activity-indicator-content"},e=i.defineComponent({__name:"ActivityIndicator",props:{size:{default:"activity-indicator-md"},type:{}},setup(a){return(c,n)=>(i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(["activity-indicator",a.size])},[i.createElementVNode("div",r,[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(a.type),{class:"mx-auto"}))])],2))}}),d=(a,c)=>{const n=a.__vccOpts||a;for(const[li,vi]of c)n[li]=vi;return n},o={},s={class:"activity-indicator-chase"};function l(a,c){return i.openBlock(),i.createElementBlock("div",s,[...c[0]||(c[0]=[i.createStaticVNode('<div class="activity-indicator-chase-dot"></div><div class="activity-indicator-chase-dot"></div><div class="activity-indicator-chase-dot"></div><div class="activity-indicator-chase-dot"></div><div class="activity-indicator-chase-dot"></div><div class="activity-indicator-chase-dot"></div>',6)])])}const v=d(o,[["render",l]]),y={},_={class:"activity-indicator-circle-fade"};function f(a,c){return i.openBlock(),i.createElementBlock("div",_,[...c[0]||(c[0]=[i.createStaticVNode('<div class="activity-indicator-circle1 activity-indicator-circle"></div><div class="activity-indicator-circle2 activity-indicator-circle"></div><div class="activity-indicator-circle3 activity-indicator-circle"></div><div class="activity-indicator-circle4 activity-indicator-circle"></div><div class="activity-indicator-circle5 activity-indicator-circle"></div><div class="activity-indicator-circle6 activity-indicator-circle"></div><div class="activity-indicator-circle7 activity-indicator-circle"></div><div class="activity-indicator-circle8 activity-indicator-circle"></div><div class="activity-indicator-circle9 activity-indicator-circle"></div><div class="activity-indicator-circle10 activity-indicator-circle"></div><div class="activity-indicator-circle11 activity-indicator-circle"></div><div class="activity-indicator-circle12 activity-indicator-circle"></div>',12)])])}const m=d(y,[["render",f]]),u={},p={class:"activity-indicator-circle-orbit"};function k(a,c){return i.openBlock(),i.createElementBlock("div",p,[...c[0]||(c[0]=[i.createElementVNode("div",{class:"activity-indicator-circle-orbit-dot"},null,-1),i.createElementVNode("div",{class:"activity-indicator-circle-orbit-dot"},null,-1)])])}const $=d(u,[["render",k]]),b={},h={class:"activity-indicator-circle-trail"};function B(a,c){return i.openBlock(),i.createElementBlock("div",h,[...c[0]||(c[0]=[i.createStaticVNode('<div class="activity-indicator-circle-trail1 activity-indicator-child"></div><div class="activity-indicator-circle-trail2 activity-indicator-child"></div><div class="activity-indicator-circle-trail3 activity-indicator-child"></div><div class="activity-indicator-circle-trail4 activity-indicator-child"></div><div class="activity-indicator-circle-trail5 activity-indicator-child"></div><div class="activity-indicator-circle-trail6 activity-indicator-child"></div><div class="activity-indicator-circle-trail7 activity-indicator-child"></div><div class="activity-indicator-circle-trail8 activity-indicator-child"></div><div class="activity-indicator-circle-trail9 activity-indicator-child"></div><div class="activity-indicator-circle-trail10 activity-indicator-child"></div><div class="activity-indicator-circle-trail11 activity-indicator-child"></div><div class="activity-indicator-circle-trail12 activity-indicator-child"></div>',12)])])}const E=d(b,[["render",B]]),q={},g={class:"activity-indicator-dots"};function V(a,c){return i.openBlock(),i.createElementBlock("div",g,[...c[0]||(c[0]=[i.createElementVNode("div",{class:"activity-indicator-dots-bounce1"},null,-1),i.createElementVNode("div",{class:"activity-indicator-dots-bounce2"},null,-1),i.createElementVNode("div",{class:"activity-indicator-dots-bounce3"},null,-1)])])}const N=d(q,[["render",V]]),S={},C={class:"activity-indicator-double-pulse"};function F(a,c){return i.openBlock(),i.createElementBlock("div",C,[...c[0]||(c[0]=[i.createElementVNode("div",{class:"activity-indicator-double-pulse-bounce1"},null,-1),i.createElementVNode("div",{class:"activity-indicator-double-pulse-bounce2"},null,-1)])])}const O=d(S,[["render",F]]),x={},D={class:"activity-indicator-facebook"};function P(a,c){return i.openBlock(),i.createElementBlock("div",D,[...c[0]||(c[0]=[i.createStaticVNode('<div class="activity-indicator-facebook-rect1"></div><div class="activity-indicator-facebook-rect2"></div><div class="activity-indicator-facebook-rect3"></div><div class="activity-indicator-facebook-rect4"></div><div class="activity-indicator-facebook-rect5"></div>',5)])])}const T=d(x,[["render",P]]),z={},A={class:"activity-indicator-grid"};function I(a,c){return i.openBlock(),i.createElementBlock("div",A,[...c[0]||(c[0]=[i.createStaticVNode('<div class="activity-indicator-grid activity-indicator-grid1"></div><div class="activity-indicator-grid activity-indicator-grid2"></div><div class="activity-indicator-grid activity-indicator-grid3"></div><div class="activity-indicator-grid activity-indicator-grid4"></div><div class="activity-indicator-grid activity-indicator-grid5"></div><div class="activity-indicator-grid activity-indicator-grid6"></div><div class="activity-indicator-grid activity-indicator-grid7"></div><div class="activity-indicator-grid activity-indicator-grid8"></div><div class="activity-indicator-grid activity-indicator-grid9"></div>',9)])])}const j=d(z,[["render",I]]),G={},M={class:"activity-indicator-pulse"};function w(a,c){return i.openBlock(),i.createElementBlock("div",M)}const H=d(G,[["render",w]]),J={},K={class:"activity-indicator-spinner"};function L(a,c){return i.openBlock(),i.createElementBlock("div",K,[...c[0]||(c[0]=[i.createStaticVNode('<div class="activity-indicator-spinner1 activity-indicator-spinner"></div><div class="activity-indicator-spinner2 activity-indicator-spinner"></div><div class="activity-indicator-spinner3 activity-indicator-spinner"></div><div class="activity-indicator-spinner4 activity-indicator-spinner"></div><div class="activity-indicator-spinner5 activity-indicator-spinner"></div><div class="activity-indicator-spinner6 activity-indicator-spinner"></div><div class="activity-indicator-spinner7 activity-indicator-spinner"></div><div class="activity-indicator-spinner8 activity-indicator-spinner"></div><div class="activity-indicator-spinner9 activity-indicator-spinner"></div><div class="activity-indicator-spinner10 activity-indicator-spinner"></div><div class="activity-indicator-spinner11 activity-indicator-spinner"></div><div class="activity-indicator-spinner12 activity-indicator-spinner"></div>',12)])])}const Q=d(J,[["render",L]]),R={},U={class:"activity-indicator-spotify"};function W(a,c){return i.openBlock(),i.createElementBlock("div",U)}const X=d(R,[["render",W]]),Y={},Z={class:"activity-indicator-square"};function ii(a,c){return i.openBlock(),i.createElementBlock("div",Z)}const ci=d(Y,[["render",ii]]),ti={},ai={class:"activity-indicator-square-fold"};function di(a,c){return i.openBlock(),i.createElementBlock("div",ai,[...c[0]||(c[0]=[i.createElementVNode("div",{class:"activity-indicator-square-fold-square1 activity-indicator-square-fold-square"},null,-1),i.createElementVNode("div",{class:"activity-indicator-square-fold-square2 activity-indicator-square-fold-square"},null,-1),i.createElementVNode("div",{class:"activity-indicator-square-fold-square4 activity-indicator-square-fold-square"},null,-1),i.createElementVNode("div",{class:"activity-indicator-square-fold-square3 activity-indicator-square-fold-square"},null,-1)])])}const ni=d(ti,[["render",di]]),ri={},ei={class:"activity-indicator-square-orbit"};function oi(a,c){return i.openBlock(),i.createElementBlock("div",ei,[...c[0]||(c[0]=[i.createElementVNode("div",{class:"activity-indicator-square-orbit-cube1"},null,-1),i.createElementVNode("div",{class:"activity-indicator-square-orbit-cube2"},null,-1)])])}const si=d(ri,[["render",oi]]);t.ActivityIndicator=e,t.Chase=v,t.CircleFade=m,t.CircleOrbit=$,t.CircleTrail=E,t.Dots=N,t.DoublePulse=O,t.Facebook=T,t.Grid=j,t.Pulse=H,t.Spinner=Q,t.Spotify=X,t.Square=ci,t.SquareFold=ni,t.SquareOrbit=si,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})}));
//# sourceMappingURL=activity-indicator.umd.cjs.map