UNPKG

@vue-interface/activity-indicator

Version:
3 lines (2 loc) 10.3 kB
(function(c,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("vue"),require("@vue-interface/component-registry")):typeof define=="function"&&define.amd?define(["exports","vue","@vue-interface/component-registry"],i):(c=typeof globalThis<"u"?globalThis:c||self,i(c.ActivityIndicator={},c.Vue,c.VueInterfaceComponentRegistry))})(this,function(c,i,l){"use strict";const d=l.factory();function v(t){return d.get(t)}function y(t,e){return d.register(t,e)}function h(t){return d.remove(t)}function u(){return d.reset()}function r(t,e="px"){return t!=null&&t!==!1&&isFinite(t)?`${t}${e}`:t}const f=i.defineComponent({props:{absolute:Boolean,center:Boolean,label:{type:String,default:void 0},size:{type:String,default:"md"},registry:{type:String,default:"indicators"},type:{type:[Object,String],required:!0},height:{type:[String,Number],default:void 0},maxHeight:{type:[String,Number],default:void 0},minHeight:{type:[String,Number],default:void 0},width:{type:[String,Number],default:void 0},maxWidth:{type:[String,Number],default:void 0},minWidth:{type:[String,Number],default:void 0}},data:()=>({is:null}),computed:{classes(){return{"activity-indicator-center":this.center,"activity-indicator-absolute":this.absolute,[this.size&&`activity-indicator-${this.size}`]:!!this.size}},style(){return{width:r(this.width),maxWidth:r(this.maxWidth),minWidth:r(this.minWidth),height:r(this.height),maxHeight:r(this.maxHeight),minHeight:r(this.minHeight)}}},methods:{componentFromRegistry(t){var e;try{return(e=i.inject(this.registry||"indicators",d))==null?void 0:e.get(t)}catch{}},component(){return typeof this.type=="string"?this.componentFromRegistry(this.type):i.toRaw(this.type)}}}),Di="",n=(t,e)=>{const a=t.__vccOpts||t;for(const[o,s]of e)a[o]=s;return a},m={class:"activity-indicator-content"},p={key:0,class:"activity-indicator-label"};function $(t,e,a,o,s,ht){return i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(["activity-indicator",t.classes]),style:i.normalizeStyle(t.style)},[i.createElementVNode("div",m,[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(t.component()),{class:"mx-auto"})),t.label?(i.openBlock(),i.createElementBlock("div",p,i.toDisplayString(t.label),1)):i.createCommentVNode("",!0)])],6)}const _=n(f,[["render",$]]),g=(t,e)=>{const a=l.factory();if(t.component("ActivityIndicator",_),t.provide(e.key||"indicators",a),e.indicators)for(const[o,s]of Object.entries(e.indicators))a.register(o,s)},Ii="",b={},k={class:"activity-indicator-chase"},B=[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)];function S(t,e){return i.openBlock(),i.createElementBlock("div",k,B)}const q=n(b,[["render",S]]),zi="",E={},N={class:"activity-indicator-circle-fade"},V=[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)];function C(t,e){return i.openBlock(),i.createElementBlock("div",N,V)}const x=n(E,[["render",C]]),Ti="",F={},O={class:"activity-indicator-circle-orbit"},P=[i.createElementVNode("div",{class:"activity-indicator-circle-orbit-dot1"},null,-1),i.createElementVNode("div",{class:"activity-indicator-circle-orbit-dot2"},null,-1)];function D(t,e){return i.openBlock(),i.createElementBlock("div",O,P)}const I=n(F,[["render",D]]),wi="",A={},z={class:"activity-indicator-circle-trail"},H=[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)];function T(t,e){return i.openBlock(),i.createElementBlock("div",z,H)}const W=n(A,[["render",T]]),Ri="",j={},w={class:"activity-indicator-dots"},G=[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)];function R(t,e){return i.openBlock(),i.createElementBlock("div",w,G)}const M=n(j,[["render",R]]),Li="",J={},K={class:"activity-indicator-double-pulse"},L=[i.createElementVNode("div",{class:"activity-indicator-double-pulse-bounce1"},null,-1),i.createElementVNode("div",{class:"activity-indicator-double-pulse-bounce2"},null,-1)];function Q(t,e){return i.openBlock(),i.createElementBlock("div",K,L)}const U=n(J,[["render",Q]]),Xi="",X={},Y={class:"activity-indicator-facebook"},Z=[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)];function ii(t,e){return i.openBlock(),i.createElementBlock("div",Y,Z)}const ti=n(X,[["render",ii]]),Zi="",ci={},ei={class:"activity-indicator-grid"},ni=[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)];function ai(t,e){return i.openBlock(),i.createElementBlock("div",ei,ni)}const di=n(ci,[["render",ai]]),tt="",ri={},oi={class:"activity-indicator-pulse"};function si(t,e){return i.openBlock(),i.createElementBlock("div",oi)}const li=n(ri,[["render",si]]),ct="",_i={},vi={class:"activity-indicator-spinner"},yi=[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)];function hi(t,e){return i.openBlock(),i.createElementBlock("div",vi,yi)}const ui=n(_i,[["render",hi]]),nt="",fi={},mi={class:"activity-indicator-spotify"};function pi(t,e){return i.openBlock(),i.createElementBlock("div",mi)}const $i=n(fi,[["render",pi]]),at="",gi={},bi={class:"activity-indicator-square"};function ki(t,e){return i.openBlock(),i.createElementBlock("div",bi)}const Bi=n(gi,[["render",ki]]),dt="",Si={},qi={class:"activity-indicator-square-fold"},Ei=[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)];function Ni(t,e){return i.openBlock(),i.createElementBlock("div",qi,Ei)}const Vi=n(Si,[["render",Ni]]),_t="",Ci={},xi={class:"activity-indicator-square-orbit"},Fi=[i.createElementVNode("div",{class:"activity-indicator-square-orbit-cube1"},null,-1),i.createElementVNode("div",{class:"activity-indicator-square-orbit-cube2"},null,-1)];function Oi(t,e){return i.openBlock(),i.createElementBlock("div",xi,Fi)}const Pi=n(Ci,[["render",Oi]]);c.ActivityIndicator=_,c.ActivityIndicatorPlugin=g,c.Chase=q,c.CircleFade=x,c.CircleOrbit=I,c.CircleTrail=W,c.Dots=M,c.DoublePulse=U,c.Facebook=ti,c.Grid=di,c.Pulse=li,c.Spinner=ui,c.Spotify=$i,c.Square=Bi,c.SquareFold=Vi,c.SquareOrbit=Pi,c.get=v,c.register=y,c.registry=d,c.remove=h,c.reset=u,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})}); //# sourceMappingURL=activity-indicator.umd.cjs.map