@vue-interface/activity-indicator
Version:
An Vue activity indicator component.
1 lines • 45 kB
Source Map (JSON)
{"version":3,"file":"activity-indicator.umd.cjs","sources":["../src/registry.ts","../src/ActivityIndicator.vue","../src/ActivityIndicatorPlugin.ts","../src/types/Chase.vue","../src/types/CircleFade.vue","../src/types/CircleOrbit.vue","../src/types/CircleTrail.vue","../src/types/Dots.vue","../src/types/DoublePulse.vue","../src/types/Facebook.vue","../src/types/Grid.vue","../src/types/Pulse.vue","../src/types/Spinner.vue","../src/types/Spotify.vue","../src/types/Square.vue","../src/types/SquareFold.vue","../src/types/SquareOrbit.vue"],"sourcesContent":["import { factory } from '@vue-interface/component-registry';\n\nexport const registry = factory();\n\nexport function get(key: string): any {\n return registry.get(key);\n}\n\nexport function register(key: string | object, value: any) {\n return registry.register(key, value);\n}\n\nexport function remove(key: string) {\n return registry.remove(key);\n}\n\nexport function reset() {\n return registry.reset();\n}","<script lang=\"ts\">\nimport { ComponentRegistry } from '@vue-interface/component-registry';\nimport { defineComponent, inject, toRaw } from 'vue';\nimport { registry } from './registry';\n\nfunction unit(value: any, uom = 'px'): string|undefined {\n return value !== null\n && value !== undefined\n && value !== false\n && isFinite(value) ? `${value}${uom}` : value;\n}\n\nexport default defineComponent({\n\n props: {\n\n absolute: Boolean,\n\n center: Boolean,\n\n label: {\n type: String,\n default: undefined\n },\n\n size: {\n type: String,\n default: 'md'\n },\n\n registry: {\n type: String,\n default: 'indicators'\n },\n\n type: {\n type: [Object, String],\n required: true\n },\n\n height: {\n type: [String, Number],\n default: undefined\n },\n\n maxHeight: {\n type: [String, Number],\n default: undefined\n },\n\n minHeight: {\n type: [String, Number],\n default: undefined\n },\n\n width: {\n type: [String, Number],\n default: undefined\n },\n\n maxWidth: {\n type: [String, Number],\n default: undefined\n },\n\n minWidth: {\n type: [String, Number],\n default: undefined\n }\n },\n\n data: () => ({\n is: null\n }),\n\n computed: {\n\n classes() {\n return {\n 'activity-indicator-center': this.center,\n 'activity-indicator-absolute': this.absolute,\n [this.size && `activity-indicator-${this.size}`]: !!this.size\n };\n },\n\n style() {\n return {\n width: unit(this.width),\n maxWidth: unit(this.maxWidth),\n minWidth: unit(this.minWidth),\n height: unit(this.height),\n maxHeight: unit(this.maxHeight),\n minHeight: unit(this.minHeight)\n };\n }\n\n },\n\n methods: {\n componentFromRegistry(key: string) {\n try {\n return inject<ComponentRegistry>(this.registry || 'indicators', registry)?.get(key);\n }\n catch (e) {\n // Ignore the error\n }\n },\n component() {\n if(typeof this.type === 'string') {\n return this.componentFromRegistry(this.type);\n }\n\n return toRaw(this.type);\n }\n },\n\n});\n</script>\n\n<template>\n <div\n class=\"activity-indicator\"\n :class=\"classes\"\n :style=\"style\">\n <div class=\"activity-indicator-content\">\n <Component\n :is=\"component()\"\n class=\"mx-auto\" />\n <div\n v-if=\"label\"\n class=\"activity-indicator-label\">\n {{ label }}\n </div> \n </div>\n </div>\n</template>\n\n<style>\n.activity-indicator-label {\n margin-top: .75rem;\n text-align: center;\n}\n.activity-indicator-xs {\n font-size: .5rem;\n}\n\n.activity-indicator-sm {\n font-size: .75rem;\n}\n\n.activity-indicator-md {\n font-size: 1rem;\n}\n.activity-indicator-lg {\n font-size: 1.25rem;\n}\n.activity-indicator-xl {\n font-size: 1.75rem;\n}\n.activity-indicator-center {\n display: flex;\n align-items: center;\n justify-content: center;\n margin: auto;\n}\n.activity-indicator-absolute {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n}\n</style>\n","import { factory } from '@vue-interface/component-registry';\nimport { App } from 'vue';\nimport ActivityIndicator from './ActivityIndicator.vue';\n\ninterface ActivityIndicatorPluginOptions {\n key?: string,\n indicators: {\n [key: string]: any\n }\n}\n\nexport default (app: App, options: ActivityIndicatorPluginOptions) => {\n const registry = factory();\n\n app.component('ActivityIndicator', ActivityIndicator); \n app.provide(options.key || 'indicators', registry);\n\n if(options.indicators) {\n for(const [key, component] of Object.entries(options.indicators)) {\n registry.register(key, component);\n }\n }\n};","<template>\n <div class=\"activity-indicator-chase\">\n <div class=\"activity-indicator-chase-dot\" />\n <div class=\"activity-indicator-chase-dot\" />\n <div class=\"activity-indicator-chase-dot\" />\n <div class=\"activity-indicator-chase-dot\" />\n <div class=\"activity-indicator-chase-dot\" />\n <div class=\"activity-indicator-chase-dot\" />\n </div>\n</template>\n\n<style>\n.activity-indicator-chase {\n width: 2.5em;\n height: 2.5em;\n position: relative;\n animation: activity-indicator-chase 2.5s infinite linear both;\n}\n\n.activity-indicator-chase-dot {\n width: 100%;\n height: 100%;\n position: absolute;\n left: 0;\n top: 0; \n animation: activity-indicator-chase-dot 2.0s infinite ease-in-out both; \n}\n\n.activity-indicator-chase-dot:before {\n content: '';\n display: block;\n width: 25%;\n height: 25%;\n background-color: currentColor;\n border-radius: 100%;\n animation: activity-indicator-chase-dot-before 2.0s infinite ease-in-out both; \n}\n\n.activity-indicator-chase-dot:nth-child(1) { animation-delay: -1.1s; }\n.activity-indicator-chase-dot:nth-child(2) { animation-delay: -1.0s; }\n.activity-indicator-chase-dot:nth-child(3) { animation-delay: -0.9s; }\n.activity-indicator-chase-dot:nth-child(4) { animation-delay: -0.8s; }\n.activity-indicator-chase-dot:nth-child(5) { animation-delay: -0.7s; }\n.activity-indicator-chase-dot:nth-child(6) { animation-delay: -0.6s; }\n.activity-indicator-chase-dot:nth-child(1):before { animation-delay: -1.1s; }\n.activity-indicator-chase-dot:nth-child(2):before { animation-delay: -1.0s; }\n.activity-indicator-chase-dot:nth-child(3):before { animation-delay: -0.9s; }\n.activity-indicator-chase-dot:nth-child(4):before { animation-delay: -0.8s; }\n.activity-indicator-chase-dot:nth-child(5):before { animation-delay: -0.7s; }\n.activity-indicator-chase-dot:nth-child(6):before { animation-delay: -0.6s; }\n\n@keyframes activity-indicator-chase {\n 100% { transform: rotate(360deg); } \n}\n\n@keyframes activity-indicator-chase-dot {\n 80%, 100% { transform: rotate(360deg); } \n}\n\n@keyframes activity-indicator-chase-dot-before {\n 50% {\n transform: scale(0.4); \n } 100%, 0% {\n transform: scale(1.0); \n } \n}\n</style>","<template>\n <div class=\"activity-indicator-circle-fade\">\n <div class=\"activity-indicator-circle1 activity-indicator-circle\" />\n <div class=\"activity-indicator-circle2 activity-indicator-circle\" />\n <div class=\"activity-indicator-circle3 activity-indicator-circle\" />\n <div class=\"activity-indicator-circle4 activity-indicator-circle\" />\n <div class=\"activity-indicator-circle5 activity-indicator-circle\" />\n <div class=\"activity-indicator-circle6 activity-indicator-circle\" />\n <div class=\"activity-indicator-circle7 activity-indicator-circle\" />\n <div class=\"activity-indicator-circle8 activity-indicator-circle\" />\n <div class=\"activity-indicator-circle9 activity-indicator-circle\" />\n <div class=\"activity-indicator-circle10 activity-indicator-circle\" />\n <div class=\"activity-indicator-circle11 activity-indicator-circle\" />\n <div class=\"activity-indicator-circle12 activity-indicator-circle\" />\n </div>\n</template>\n\n<style>\n.activity-indicator-circle-fade {\n width: 2.5em;\n height: 2.5em;\n position: relative;\n}\n\n.activity-indicator-circle-fade .activity-indicator-circle {\n width: 100%;\n height: 100%;\n position: absolute;\n left: 0;\n top: 0;\n}\n\n.activity-indicator-circle-fade .activity-indicator-circle:before {\n content: '';\n display: block;\n margin: 0 auto;\n width: 15%;\n height: 15%;\n background-color: #333;\n border-radius: 100%;\n -webkit-animation: activity-indicator-circle-fade 1.2s infinite ease-in-out both;\n animation: activity-indicator-circle-fade 1.2s infinite ease-in-out both;\n}\n.activity-indicator-circle-fade .activity-indicator-circle2 {\n -webkit-transform: rotate(30deg);\n -ms-transform: rotate(30deg);\n transform: rotate(30deg);\n}\n.activity-indicator-circle-fade .activity-indicator-circle3 {\n -webkit-transform: rotate(60deg);\n -ms-transform: rotate(60deg);\n transform: rotate(60deg);\n}\n.activity-indicator-circle-fade .activity-indicator-circle4 {\n -webkit-transform: rotate(90deg);\n -ms-transform: rotate(90deg);\n transform: rotate(90deg);\n}\n.activity-indicator-circle-fade .activity-indicator-circle5 {\n -webkit-transform: rotate(120deg);\n -ms-transform: rotate(120deg);\n transform: rotate(120deg);\n}\n.activity-indicator-circle-fade .activity-indicator-circle6 {\n -webkit-transform: rotate(150deg);\n -ms-transform: rotate(150deg);\n transform: rotate(150deg);\n}\n.activity-indicator-circle-fade .activity-indicator-circle7 {\n -webkit-transform: rotate(180deg);\n -ms-transform: rotate(180deg);\n transform: rotate(180deg);\n}\n.activity-indicator-circle-fade .activity-indicator-circle8 {\n -webkit-transform: rotate(210deg);\n -ms-transform: rotate(210deg);\n transform: rotate(210deg);\n}\n.activity-indicator-circle-fade .activity-indicator-circle9 {\n -webkit-transform: rotate(240deg);\n -ms-transform: rotate(240deg);\n transform: rotate(240deg);\n}\n.activity-indicator-circle-fade .activity-indicator-circle10 {\n -webkit-transform: rotate(270deg);\n -ms-transform: rotate(270deg);\n transform: rotate(270deg);\n}\n.activity-indicator-circle-fade .activity-indicator-circle11 {\n -webkit-transform: rotate(300deg);\n -ms-transform: rotate(300deg);\n transform: rotate(300deg); \n}\n.activity-indicator-circle-fade .activity-indicator-circle12 {\n -webkit-transform: rotate(330deg);\n -ms-transform: rotate(330deg);\n transform: rotate(330deg); \n}\n.activity-indicator-circle-fade .activity-indicator-circle2:before {\n -webkit-animation-delay: -1.1s;\n animation-delay: -1.1s; \n}\n.activity-indicator-circle-fade .activity-indicator-circle3:before {\n -webkit-animation-delay: -1s;\n animation-delay: -1s; \n}\n.activity-indicator-circle-fade .activity-indicator-circle4:before {\n -webkit-animation-delay: -0.9s;\n animation-delay: -0.9s; \n}\n.activity-indicator-circle-fade .activity-indicator-circle5:before {\n -webkit-animation-delay: -0.8s;\n animation-delay: -0.8s; \n}\n.activity-indicator-circle-fade .activity-indicator-circle6:before {\n -webkit-animation-delay: -0.7s;\n animation-delay: -0.7s; \n}\n.activity-indicator-circle-fade .activity-indicator-circle7:before {\n -webkit-animation-delay: -0.6s;\n animation-delay: -0.6s; \n}\n.activity-indicator-circle-fade .activity-indicator-circle8:before {\n -webkit-animation-delay: -0.5s;\n animation-delay: -0.5s; \n}\n.activity-indicator-circle-fade .activity-indicator-circle9:before {\n -webkit-animation-delay: -0.4s;\n animation-delay: -0.4s;\n}\n.activity-indicator-circle-fade .activity-indicator-circle10:before {\n -webkit-animation-delay: -0.3s;\n animation-delay: -0.3s;\n}\n.activity-indicator-circle-fade .activity-indicator-circle11:before {\n -webkit-animation-delay: -0.2s;\n animation-delay: -0.2s;\n}\n.activity-indicator-circle-fade .activity-indicator-circle12:before {\n -webkit-animation-delay: -0.1s;\n animation-delay: -0.1s;\n}\n\n@-webkit-keyframes activity-indicator-circle-fade {\n 0%, 39%, 100% { opacity: 0; }\n 40% { opacity: 1; }\n}\n\n@keyframes activity-indicator-circle-fade {\n 0%, 39%, 100% { opacity: 0; }\n 40% { opacity: 1; } \n}\n</style>\n","<template>\n <div class=\"activity-indicator-circle-orbit\">\n <div class=\"activity-indicator-circle-orbit-dot1\" />\n <div class=\"activity-indicator-circle-orbit-dot2\" />\n </div>\n</template>\n\n<style>\n.activity-indicator-circle-orbit {\n width: 2.5em;\n height: 2.5em;\n position: relative;\n text-align: center;\n \n -webkit-animation: activity-indicator-circle-orbit-rotate 2.0s infinite linear;\n animation: activity-indicator-circle-orbit-rotate 2.0s infinite linear;\n}\n\n.activity-indicator-circle-orbit-dot1, .activity-indicator-circle-orbit-dot2 {\n width: 60%;\n height: 60%;\n display: inline-block;\n position: absolute;\n top: 0;\n background-color: currentColor;\n border-radius: 100%;\n \n -webkit-animation: activity-indicator-circle-orbit-bounce 2.0s infinite ease-in-out;\n animation: activity-indicator-circle-orbit-bounce 2.0s infinite ease-in-out;\n}\n\n.activity-indicator-circle-orbit-dot2 {\n top: auto;\n bottom: 0;\n -webkit-animation-delay: -1.0s;\n animation-delay: -1.0s;\n}\n\n@-webkit-keyframes activity-indicator-circle-orbit-rotate { 100% { -webkit-transform: rotate(360deg) }}\n@keyframes activity-indicator-circle-orbit-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}\n\n@-webkit-keyframes activity-indicator-circle-orbit-bounce {\n 0%, 100% { -webkit-transform: scale(0.0) }\n 50% { -webkit-transform: scale(1.0) }\n}\n\n@keyframes activity-indicator-circle-orbit-bounce {\n 0%, 100% { \n transform: scale(0.0);\n -webkit-transform: scale(0.0);\n } 50% { \n transform: scale(1.0);\n -webkit-transform: scale(1.0);\n }\n}\n</style>","<template>\n <div class=\"activity-indicator-circle-trail\">\n <div class=\"activity-indicator-circle-trail1 activity-indicator-child\" />\n <div class=\"activity-indicator-circle-trail2 activity-indicator-child\" />\n <div class=\"activity-indicator-circle-trail3 activity-indicator-child\" />\n <div class=\"activity-indicator-circle-trail4 activity-indicator-child\" />\n <div class=\"activity-indicator-circle-trail5 activity-indicator-child\" />\n <div class=\"activity-indicator-circle-trail6 activity-indicator-child\" />\n <div class=\"activity-indicator-circle-trail7 activity-indicator-child\" />\n <div class=\"activity-indicator-circle-trail8 activity-indicator-child\" />\n <div class=\"activity-indicator-circle-trail9 activity-indicator-child\" />\n <div class=\"activity-indicator-circle-trail10 activity-indicator-child\" />\n <div class=\"activity-indicator-circle-trail11 activity-indicator-child\" />\n <div class=\"activity-indicator-circle-trail12 activity-indicator-child\" />\n </div>\n</template>\n\n<style>\n.activity-indicator-circle-trail {\n width: 2.5em;\n height: 2.5em;\n position: relative;\n}\n.activity-indicator-circle-trail .activity-indicator-child {\n width: 100%;\n height: 100%;\n position: absolute;\n left: 0;\n top: 0;\n}\n.activity-indicator-circle-trail .activity-indicator-child:before {\n content: '';\n display: block;\n margin: 0 auto;\n width: .4em;\n height: .4em;\n background-color: currentColor;\n border-radius: 100%;\n -webkit-animation: activity-indicator-circle-trail 1.2s infinite ease-in-out both;\n animation: activity-indicator-circle-trail 1.2s infinite ease-in-out both;\n}\n.activity-indicator-circle-trail .activity-indicator-circle-trail2 {\n -webkit-transform: rotate(30deg);\n -ms-transform: rotate(30deg);\n transform: rotate(30deg); }\n.activity-indicator-circle-trail .activity-indicator-circle-trail3 {\n -webkit-transform: rotate(60deg);\n -ms-transform: rotate(60deg);\n transform: rotate(60deg); }\n.activity-indicator-circle-trail .activity-indicator-circle-trail4 {\n -webkit-transform: rotate(90deg);\n -ms-transform: rotate(90deg);\n transform: rotate(90deg); }\n.activity-indicator-circle-trail .activity-indicator-circle-trail5 {\n -webkit-transform: rotate(120deg);\n -ms-transform: rotate(120deg);\n transform: rotate(120deg); }\n.activity-indicator-circle-trail .activity-indicator-circle-trail6 {\n -webkit-transform: rotate(150deg);\n -ms-transform: rotate(150deg);\n transform: rotate(150deg); }\n.activity-indicator-circle-trail .activity-indicator-circle-trail7 {\n -webkit-transform: rotate(180deg);\n -ms-transform: rotate(180deg);\n transform: rotate(180deg); }\n.activity-indicator-circle-trail .activity-indicator-circle-trail8 {\n -webkit-transform: rotate(210deg);\n -ms-transform: rotate(210deg);\n transform: rotate(210deg); }\n.activity-indicator-circle-trail .activity-indicator-circle-trail9 {\n -webkit-transform: rotate(240deg);\n -ms-transform: rotate(240deg);\n transform: rotate(240deg); }\n.activity-indicator-circle-trail .activity-indicator-circle-trail10 {\n -webkit-transform: rotate(270deg);\n -ms-transform: rotate(270deg);\n transform: rotate(270deg); }\n.activity-indicator-circle-trail .activity-indicator-circle-trail11 {\n -webkit-transform: rotate(300deg);\n -ms-transform: rotate(300deg);\n transform: rotate(300deg); }\n.activity-indicator-circle-trail .activity-indicator-circle-trail12 {\n -webkit-transform: rotate(330deg);\n -ms-transform: rotate(330deg);\n transform: rotate(330deg); }\n.activity-indicator-circle-trail .activity-indicator-circle-trail2:before {\n -webkit-animation-delay: -1.1s;\n animation-delay: -1.1s; }\n.activity-indicator-circle-trail .activity-indicator-circle-trail3:before {\n -webkit-animation-delay: -1s;\n animation-delay: -1s; }\n.activity-indicator-circle-trail .activity-indicator-circle-trail4:before {\n -webkit-animation-delay: -0.9s;\n animation-delay: -0.9s; }\n.activity-indicator-circle-trail .activity-indicator-circle-trail5:before {\n -webkit-animation-delay: -0.8s;\n animation-delay: -0.8s; }\n.activity-indicator-circle-trail .activity-indicator-circle-trail6:before {\n -webkit-animation-delay: -0.7s;\n animation-delay: -0.7s; }\n.activity-indicator-circle-trail .activity-indicator-circle-trail7:before {\n -webkit-animation-delay: -0.6s;\n animation-delay: -0.6s; }\n.activity-indicator-circle-trail .activity-indicator-circle-trail8:before {\n -webkit-animation-delay: -0.5s;\n animation-delay: -0.5s; }\n.activity-indicator-circle-trail .activity-indicator-circle-trail9:before {\n -webkit-animation-delay: -0.4s;\n animation-delay: -0.4s; }\n.activity-indicator-circle-trail .activity-indicator-circle-trail10:before {\n -webkit-animation-delay: -0.3s;\n animation-delay: -0.3s; }\n.activity-indicator-circle-trail .activity-indicator-circle-trail11:before {\n -webkit-animation-delay: -0.2s;\n animation-delay: -0.2s; }\n.activity-indicator-circle-trail .activity-indicator-circle-trail12:before {\n -webkit-animation-delay: -0.1s;\n animation-delay: -0.1s; }\n\n@-webkit-keyframes activity-indicator-circle-trail {\n 0%, 80%, 100% {\n -webkit-transform: scale(0);\n transform: scale(0);\n } 40% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}\n\n@keyframes activity-indicator-circle-trail {\n 0%, 80%, 100% {\n -webkit-transform: scale(0);\n transform: scale(0);\n } 40% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}\n</style>\n","<template>\n <div class=\"activity-indicator-dots\">\n <div class=\"activity-indicator-dots-bounce1\" />\n <div class=\"activity-indicator-dots-bounce2\" />\n <div class=\"activity-indicator-dots-bounce3\" />\n </div>\n</template>\n\n<style>\n.activity-indicator-dots {\n font-size: 1em;\n position: relative;\n}\n\n.activity-indicator-dots > div {\n width: 1em;\n height: 1em;\n background-color: currentColor;\n border-radius: 100%;\n display: inline-block;\n -webkit-animation: activity-indicator-dots 1.4s infinite ease-in-out both;\n animation: activity-indicator-dots 1.4s infinite ease-in-out both;\n}\n\n.activity-indicator-dots > div:not(:last-child) {\n margin-right: .2em;\n}\n\n.activity-indicator-dots .activity-indicator-dots-bounce1 {\n -webkit-animation-delay: -0.32s;\n animation-delay: -0.32s;\n}\n\n.activity-indicator-dots .activity-indicator-dots-bounce2 {\n -webkit-animation-delay: -0.16s;\n animation-delay: -0.16s;\n}\n\n@-webkit-keyframes activity-indicator-dots {\n 0%, 80%, 100% { -webkit-transform: scale(0) }\n 40% { -webkit-transform: scale(1.0) }\n}\n\n@keyframes activity-indicator-dots {\n 0%, 80%, 100% { \n -webkit-transform: scale(0);\n transform: scale(0);\n } 40% { \n -webkit-transform: scale(1.0);\n transform: scale(1.0);\n }\n}\n</style>\n","<template>\n <div class=\"activity-indicator-double-pulse\">\n <div class=\"activity-indicator-double-pulse-bounce1\" />\n <div class=\"activity-indicator-double-pulse-bounce2\" />\n </div>\n</template>\n\n<style>\n.activity-indicator-double-pulse {\n width: 2.5em;\n height: 2.5em;\n position: relative;\n}\n\n.activity-indicator-double-pulse-bounce1, .activity-indicator-double-pulse-bounce2 {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background-color: currentColor;\n opacity: 0.66;\n position: absolute;\n top: 0;\n left: 0;\n \n -webkit-animation: activity-indicator-double-pulse 2.0s infinite ease-in-out;\n animation: activity-indicator-double-pulse 2.0s infinite ease-in-out;\n}\n\n.activity-indicator-double-pulse-bounce2 {\n -webkit-animation-delay: -1.0s;\n animation-delay: -1.0s;\n}\n\n@-webkit-keyframes activity-indicator-double-pulse {\n 0%, 100% { -webkit-transform: scale(0.0) }\n 50% { -webkit-transform: scale(1.0) }\n}\n\n@keyframes activity-indicator-double-pulse {\n 0%, 100% { \n transform: scale(0.0);\n -webkit-transform: scale(0.0);\n } 50% { \n transform: scale(1.0);\n -webkit-transform: scale(1.0);\n }\n}\n</style>","<template>\n <div class=\"activity-indicator-facebook\">\n <div class=\"activity-indicator-facebook-rect1\" />\n <div class=\"activity-indicator-facebook-rect2\" />\n <div class=\"activity-indicator-facebook-rect3\" />\n <div class=\"activity-indicator-facebook-rect4\" />\n <div class=\"activity-indicator-facebook-rect5\" />\n </div>\n</template>\n\n<style>\n.activity-indicator-facebook {\n height: 4em;\n}\n\n.activity-indicator-facebook > div {\n background-color: #333;\n height: 100%;\n width: 6px;\n margin-right: 2px;\n display: inline-block;\n \n -webkit-animation: activity-indicator-facebook 1.2s infinite ease-in-out;\n animation: activity-indicator-facebook 1.2s infinite ease-in-out;\n}\n\n.activity-indicator-facebook .activity-indicator-facebook-rect2 {\n -webkit-animation-delay: -1.1s;\n animation-delay: -1.1s;\n}\n\n.activity-indicator-facebook .activity-indicator-facebook-rect3 {\n -webkit-animation-delay: -1.0s;\n animation-delay: -1.0s;\n}\n\n.activity-indicator-facebook .activity-indicator-facebook-rect4 {\n -webkit-animation-delay: -0.9s;\n animation-delay: -0.9s;\n}\n\n.activity-indicator-facebook .activity-indicator-facebook-rect5 {\n -webkit-animation-delay: -0.8s;\n animation-delay: -0.8s;\n}\n\n@-webkit-keyframes activity-indicator-facebook {\n 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } \n 20% { -webkit-transform: scaleY(1.0) }\n}\n\n@keyframes activity-indicator-facebook {\n 0%, 40%, 100% { \n transform: scaleY(0.4);\n -webkit-transform: scaleY(0.4);\n } 20% { \n transform: scaleY(1.0);\n -webkit-transform: scaleY(1.0);\n }\n}\n</style>\n","<template>\n <div class=\"activity-indicator-grid\">\n <div class=\"activity-indicator-grid activity-indicator-grid1\" />\n <div class=\"activity-indicator-grid activity-indicator-grid2\" />\n <div class=\"activity-indicator-grid activity-indicator-grid3\" />\n <div class=\"activity-indicator-grid activity-indicator-grid4\" />\n <div class=\"activity-indicator-grid activity-indicator-grid5\" />\n <div class=\"activity-indicator-grid activity-indicator-grid6\" />\n <div class=\"activity-indicator-grid activity-indicator-grid7\" />\n <div class=\"activity-indicator-grid activity-indicator-grid8\" />\n <div class=\"activity-indicator-grid activity-indicator-grid9\" />\n </div>\n</template>\n\n<style>\n.activity-indicator-grid {\n width: 2.5em;\n height: 2.5em;\n}\n\n.activity-indicator-grid .activity-indicator-grid {\n width: 33%;\n height: 33%;\n background-color: currentColor;\n float: left;\n -webkit-animation: activity-indicator-grid 1.3s infinite ease-in-out;\n animation: activity-indicator-grid 1.3s infinite ease-in-out; \n}\n.activity-indicator-grid .activity-indicator-grid1 {\n -webkit-animation-delay: 0.2s;\n animation-delay: 0.2s; }\n.activity-indicator-grid .activity-indicator-grid2 {\n -webkit-animation-delay: 0.3s;\n animation-delay: 0.3s; }\n.activity-indicator-grid .activity-indicator-grid3 {\n -webkit-animation-delay: 0.4s;\n animation-delay: 0.4s; }\n.activity-indicator-grid .activity-indicator-grid4 {\n -webkit-animation-delay: 0.1s;\n animation-delay: 0.1s; }\n.activity-indicator-grid .activity-indicator-grid5 {\n -webkit-animation-delay: 0.2s;\n animation-delay: 0.2s; }\n.activity-indicator-grid .activity-indicator-grid6 {\n -webkit-animation-delay: 0.3s;\n animation-delay: 0.3s; }\n.activity-indicator-grid .activity-indicator-grid7 {\n -webkit-animation-delay: 0s;\n animation-delay: 0s; }\n.activity-indicator-grid .activity-indicator-grid8 {\n -webkit-animation-delay: 0.1s;\n animation-delay: 0.1s; }\n.activity-indicator-grid .activity-indicator-grid9 {\n -webkit-animation-delay: 0.2s;\n animation-delay: 0.2s; }\n\n@-webkit-keyframes activity-indicator-grid {\n 0%, 70%, 100% {\n -webkit-transform: scale3D(1, 1, 1);\n transform: scale3D(1, 1, 1);\n } 35% {\n -webkit-transform: scale3D(0, 0, 1);\n transform: scale3D(0, 0, 1); \n }\n}\n\n@keyframes activity-indicator-grid {\n 0%, 70%, 100% {\n -webkit-transform: scale3D(1, 1, 1);\n transform: scale3D(1, 1, 1);\n } 35% {\n -webkit-transform: scale3D(0, 0, 1);\n transform: scale3D(0, 0, 1);\n } \n}\n</style>\n","<template>\n <div class=\"activity-indicator-pulse\" />\n</template>\n\n<style>\n.activity-indicator-pulse {\n width: 2.5em;\n height: 2.5em;\n background-color: currentColor;\n border-radius: 100%; \n -webkit-animation: activity-indicator-pulse 1.0s infinite ease-in-out;\n animation: activity-indicator-pulse 1.0s infinite ease-in-out;\n}\n\n@-webkit-keyframes activity-indicator-pulse {\n 0% { -webkit-transform: scale(0) }\n 100% {\n -webkit-transform: scale(1.0);\n opacity: 0;\n }\n}\n\n@keyframes activity-indicator-pulse {\n 0% { \n -webkit-transform: scale(0);\n transform: scale(0);\n } 100% {\n -webkit-transform: scale(1.0);\n transform: scale(1.0);\n opacity: 0;\n }\n}\n</style>","<template>\n <div class=\"activity-indicator-spinner\">\n <div class=\"activity-indicator-spinner1 activity-indicator-spinner\" />\n <div class=\"activity-indicator-spinner2 activity-indicator-spinner\" />\n <div class=\"activity-indicator-spinner3 activity-indicator-spinner\" />\n <div class=\"activity-indicator-spinner4 activity-indicator-spinner\" />\n <div class=\"activity-indicator-spinner5 activity-indicator-spinner\" />\n <div class=\"activity-indicator-spinner6 activity-indicator-spinner\" />\n <div class=\"activity-indicator-spinner7 activity-indicator-spinner\" />\n <div class=\"activity-indicator-spinner8 activity-indicator-spinner\" />\n <div class=\"activity-indicator-spinner9 activity-indicator-spinner\" />\n <div class=\"activity-indicator-spinner10 activity-indicator-spinner\" />\n <div class=\"activity-indicator-spinner11 activity-indicator-spinner\" />\n <div class=\"activity-indicator-spinner12 activity-indicator-spinner\" />\n </div>\n</template>\n\n<style>\n.activity-indicator-spinner {\n width: 2.5em;\n height: 2.5em;\n position: relative;\n}\n\n.activity-indicator-spinner .activity-indicator-spinner {\n width: 100%;\n height: 100%;\n position: absolute;\n left: 0;\n top: 0;\n}\n\n.activity-indicator-spinner .activity-indicator-spinner:before {\n content: '';\n display: block;\n margin: 0 auto;\n width: 10%;\n height: 33.333%;\n background-color: currentColor;\n -webkit-animation: activity-indicator-spinner 1.2s infinite ease-in-out both;\n animation: activity-indicator-spinner 1.2s infinite ease-in-out both;\n}\n.activity-indicator-spinner .activity-indicator-spinner2 {\n -webkit-transform: rotate(30deg);\n -ms-transform: rotate(30deg);\n transform: rotate(30deg);\n}\n.activity-indicator-spinner .activity-indicator-spinner3 {\n -webkit-transform: rotate(60deg);\n -ms-transform: rotate(60deg);\n transform: rotate(60deg);\n}\n.activity-indicator-spinner .activity-indicator-spinner4 {\n -webkit-transform: rotate(90deg);\n -ms-transform: rotate(90deg);\n transform: rotate(90deg);\n}\n.activity-indicator-spinner .activity-indicator-spinner5 {\n -webkit-transform: rotate(120deg);\n -ms-transform: rotate(120deg);\n transform: rotate(120deg);\n}\n.activity-indicator-spinner .activity-indicator-spinner6 {\n -webkit-transform: rotate(150deg);\n -ms-transform: rotate(150deg);\n transform: rotate(150deg);\n}\n.activity-indicator-spinner .activity-indicator-spinner7 {\n -webkit-transform: rotate(180deg);\n -ms-transform: rotate(180deg);\n transform: rotate(180deg);\n}\n.activity-indicator-spinner .activity-indicator-spinner8 {\n -webkit-transform: rotate(210deg);\n -ms-transform: rotate(210deg);\n transform: rotate(210deg);\n}\n.activity-indicator-spinner .activity-indicator-spinner9 {\n -webkit-transform: rotate(240deg);\n -ms-transform: rotate(240deg);\n transform: rotate(240deg);\n}\n.activity-indicator-spinner .activity-indicator-spinner10 {\n -webkit-transform: rotate(270deg);\n -ms-transform: rotate(270deg);\n transform: rotate(270deg);\n}\n.activity-indicator-spinner .activity-indicator-spinner11 {\n -webkit-transform: rotate(300deg);\n -ms-transform: rotate(300deg);\n transform: rotate(300deg); \n}\n.activity-indicator-spinner .activity-indicator-spinner12 {\n -webkit-transform: rotate(330deg);\n -ms-transform: rotate(330deg);\n transform: rotate(330deg); \n}\n.activity-indicator-spinner .activity-indicator-spinner2:before {\n -webkit-animation-delay: -1.1s;\n animation-delay: -1.1s; \n}\n.activity-indicator-spinner .activity-indicator-spinner3:before {\n -webkit-animation-delay: -1s;\n animation-delay: -1s; \n}\n.activity-indicator-spinner .activity-indicator-spinner4:before {\n -webkit-animation-delay: -0.9s;\n animation-delay: -0.9s; \n}\n.activity-indicator-spinner .activity-indicator-spinner5:before {\n -webkit-animation-delay: -0.8s;\n animation-delay: -0.8s; \n}\n.activity-indicator-spinner .activity-indicator-spinner6:before {\n -webkit-animation-delay: -0.7s;\n animation-delay: -0.7s; \n}\n.activity-indicator-spinner .activity-indicator-spinner7:before {\n -webkit-animation-delay: -0.6s;\n animation-delay: -0.6s; \n}\n.activity-indicator-spinner .activity-indicator-spinner8:before {\n -webkit-animation-delay: -0.5s;\n animation-delay: -0.5s; \n}\n.activity-indicator-spinner .activity-indicator-spinner9:before {\n -webkit-animation-delay: -0.4s;\n animation-delay: -0.4s;\n}\n.activity-indicator-spinner .activity-indicator-spinner10:before {\n -webkit-animation-delay: -0.3s;\n animation-delay: -0.3s;\n}\n.activity-indicator-spinner .activity-indicator-spinner11:before {\n -webkit-animation-delay: -0.2s;\n animation-delay: -0.2s;\n}\n.activity-indicator-spinner .activity-indicator-spinner12:before {\n -webkit-animation-delay: -0.1s;\n animation-delay: -0.1s;\n}\n\n@-webkit-keyframes activity-indicator-spinner {\n 0%, 39%, 100% { opacity: 0; }\n 40% { opacity: 1; }\n}\n\n@keyframes activity-indicator-spinner {\n 0%, 39%, 100% { opacity: 0; }\n 40% { opacity: 1; } \n}\n</style>\n","<template>\n <div class=\"activity-indicator-spotify\" />\n</template>\n\n<style>\n .activity-indicator-spotify {\n width: 2em;\n height: 2em;\n border-radius: 50%;\n background: conic-gradient(white, black);\n position: relative;\n animation: activity-indicator-spotify 1.4s linear infinite;\n transform: translateZ(0);\n }\n\n .activity-indicator-spotify::after {\n background: white;\n width: 75%;\n height: 75%;\n border-radius: 50%;\n content: \"\";\n margin: auto;\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n }\n\n @keyframes activity-indicator-spotify {\n from {\n transform: rotate(0deg);\n }\n\n to {\n transform: rotate(360deg);\n }\n }\n \n</style>","<template>\n <div class=\"activity-indicator-square\" />\n</template>\n\n<style>\n.activity-indicator-square {\n width: 2.5em;\n height: 2.5em;\n background-color: currentColor;\n -webkit-animation: activity-indicator-square 1.2s infinite ease-in-out;\n animation: activity-indicator-square 1.2s infinite ease-in-out;\n}\n\n@-webkit-keyframes activity-indicator-square {\n 0% { -webkit-transform: perspective(120px) }\n 50% { -webkit-transform: perspective(120px) rotateY(180deg) }\n 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) }\n}\n\n@keyframes activity-indicator-square {\n 0% { \n transform: perspective(120px) rotateX(0deg) rotateY(0deg);\n -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) \n } 50% { \n transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);\n -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) \n } 100% { \n transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);\n -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);\n }\n}\n</style>\n","<template>\n <div class=\"activity-indicator-square-fold\">\n <div class=\"activity-indicator-square-fold-square1 activity-indicator-square-fold-square\" />\n <div class=\"activity-indicator-square-fold-square2 activity-indicator-square-fold-square\" />\n <div class=\"activity-indicator-square-fold-square4 activity-indicator-square-fold-square\" />\n <div class=\"activity-indicator-square-fold-square3 activity-indicator-square-fold-square\" />\n </div>\n</template>\n<style>\n.activity-indicator-square-fold {\n margin: 1em;\n width: 2.5em;\n height: 2.5em;\n position: relative;\n -webkit-transform: rotateZ(45deg);\n transform: rotateZ(45deg);\n}\n\n.activity-indicator-square-fold .activity-indicator-square-fold-square {\n float: left;\n width: 50%;\n height: 50%;\n position: relative;\n -webkit-transform: scale(1.1);\n -ms-transform: scale(1.1);\n transform: scale(1.1); \n}\n.activity-indicator-square-fold .activity-indicator-square-fold-square:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: #333;\n -webkit-animation: activity-indicator-square-fold 2.4s infinite linear both;\n animation: activity-indicator-square-fold 2.4s infinite linear both;\n -webkit-transform-origin: 100% 100%;\n -ms-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n}\n.activity-indicator-square-fold .activity-indicator-square-fold-square2 {\n -webkit-transform: scale(1.1) rotateZ(90deg);\n transform: scale(1.1) rotateZ(90deg);\n}\n.activity-indicator-square-fold .activity-indicator-square-fold-square3 {\n -webkit-transform: scale(1.1) rotateZ(180deg);\n transform: scale(1.1) rotateZ(180deg);\n}\n.activity-indicator-square-fold .activity-indicator-square-fold-square4 {\n -webkit-transform: scale(1.1) rotateZ(270deg);\n transform: scale(1.1) rotateZ(270deg);\n}\n.activity-indicator-square-fold .activity-indicator-square-fold-square2:before {\n -webkit-animation-delay: 0.3s;\n animation-delay: 0.3s;\n}\n.activity-indicator-square-fold .activity-indicator-square-fold-square3:before {\n -webkit-animation-delay: 0.6s;\n animation-delay: 0.6s; \n}\n.activity-indicator-square-fold .activity-indicator-square-fold-square4:before {\n -webkit-animation-delay: 0.9s;\n animation-delay: 0.9s;\n}\n@-webkit-keyframes activity-indicator-square-fold {\n 0%, 10% {\n -webkit-transform: perspective(140px) rotateX(-180deg);\n transform: perspective(140px) rotateX(-180deg);\n opacity: 0; \n } 25%, 75% {\n -webkit-transform: perspective(140px) rotateX(0deg);\n transform: perspective(140px) rotateX(0deg);\n opacity: 1; \n } 90%, 100% {\n -webkit-transform: perspective(140px) rotateY(180deg);\n transform: perspective(140px) rotateY(180deg);\n opacity: 0; \n } \n}\n\n@keyframes activity-indicator-square-fold {\n 0%, 10% {\n -webkit-transform: perspective(140px) rotateX(-180deg);\n transform: perspective(140px) rotateX(-180deg);\n opacity: 0; \n } 25%, 75% {\n -webkit-transform: perspective(140px) rotateX(0deg);\n transform: perspective(140px) rotateX(0deg);\n opacity: 1; \n } 90%, 100% {\n -webkit-transform: perspective(140px) rotateY(180deg);\n transform: perspective(140px) rotateY(180deg);\n opacity: 0; \n }\n}\n</style>","<template>\n <div class=\"activity-indicator-square-orbit\">\n <div class=\"activity-indicator-square-orbit-cube1\" />\n <div class=\"activity-indicator-square-orbit-cube2\" />\n </div>\n</template>\n\n<style>\n.activity-indicator-square-orbit {\n margin: .5em;\n width: 3em;\n height: 3em;\n position: relative;\n}\n\n.activity-indicator-square-orbit-cube1, .activity-indicator-square-orbit-cube2 {\n background-color: #333;\n width: 1em;\n height: 1em;\n position: absolute;\n top: 0;\n left: 0;\n \n -webkit-animation: activity-indicator-square-orbit 1.8s infinite ease-in-out;\n animation: activity-indicator-square-orbit 1.8s infinite ease-in-out;\n}\n\n.activity-indicator-square-orbit-cube2 {\n -webkit-animation-delay: -0.9s;\n animation-delay: -0.9s;\n}\n\n@-webkit-keyframes activity-indicator-square-orbit {\n 25% { -webkit-transform: translateX(2em) rotate(-90deg) scale(0.5) }\n 50% { -webkit-transform: translateX(2em) translateY(2em) rotate(-180deg) }\n 75% { -webkit-transform: translateX(0px) translateY(2em) rotate(-270deg) scale(0.5) }\n 100% { -webkit-transform: rotate(-360deg) }\n}\n\n@keyframes activity-indicator-square-orbit {\n 25% { \n transform: translateX(2em) rotate(-90deg) scale(0.5);\n -webkit-transform: translateX(2em) rotate(-90deg) scale(0.5);\n } 50% { \n transform: translateX(2em) translateY(2em) rotate(-179deg);\n -webkit-transform: translateX(2em) translateY(2em) rotate(-179deg);\n } 50.1% { \n transform: translateX(2em) translateY(2em) rotate(-180deg);\n -webkit-transform: translateX(2em) translateY(2em) rotate(-180deg);\n } 75% { \n transform: translateX(0px) translateY(2em) rotate(-270deg) scale(0.5);\n -webkit-transform: translateX(0px) translateY(2em) rotate(-270deg) scale(0.5);\n } 100% { \n transform: rotate(-360deg);\n -webkit-transform: rotate(-360deg);\n }\n}\n</style>\n"],"names":["registry","factory","get","key","register","value","remove","reset","unit","uom","_sfc_main$e","defineComponent","inject","toRaw","_hoisted_2","_sfc_render","_ctx","_cache","$props","$data","$options","_openBlock","_createElementBlock","_normalizeClass","_normalizeStyle","_createElementVNode","_hoisted_1","_createBlock","_resolveDynamicComponent","_toDisplayString","_createCommentVNode","ActivityIndicatorPlugin","app","options","ActivityIndicator","component","_hoisted_8","_hoisted_14","_hoisted_4","_hoisted_5","_hoisted_7","_hoisted_11","_hoisted_6"],"mappings":"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"}