@vue-interface/activity-indicator
Version:
An Vue activity indicator component.
127 lines (126 loc) • 8.54 kB
JavaScript
import { defineComponent as e, openBlock as t, createElementBlock as a, normalizeClass as l, createElementVNode as d, createBlock as y, resolveDynamicComponent as _, createStaticVNode as n } from "vue";
const u = { class: "activity-indicator-content" }, di = /* @__PURE__ */ e({
__name: "ActivityIndicator",
props: {
size: { default: "activity-indicator-md" },
type: {}
},
setup(c) {
return (i, s) => (t(), a("div", {
class: l(["activity-indicator", c.size])
}, [
d("div", u, [
(t(), y(_(c.type), { class: "mx-auto" }))
])
], 2));
}
}), r = (c, i) => {
const s = c.__vccOpts || c;
for (const [o, v] of i)
s[o] = v;
return s;
}, f = {}, p = { class: "activity-indicator-chase" };
function $(c, i) {
return t(), a("div", p, [...i[0] || (i[0] = [
n('<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 ri = /* @__PURE__ */ r(f, [["render", $]]), b = {}, h = { class: "activity-indicator-circle-fade" };
function m(c, i) {
return t(), a("div", h, [...i[0] || (i[0] = [
n('<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 ni = /* @__PURE__ */ r(b, [["render", m]]), q = {}, g = { class: "activity-indicator-circle-orbit" };
function x(c, i) {
return t(), a("div", g, [...i[0] || (i[0] = [
d("div", { class: "activity-indicator-circle-orbit-dot" }, null, -1),
d("div", { class: "activity-indicator-circle-orbit-dot" }, null, -1)
])]);
}
const si = /* @__PURE__ */ r(q, [["render", x]]), k = {}, C = { class: "activity-indicator-circle-trail" };
function S(c, i) {
return t(), a("div", C, [...i[0] || (i[0] = [
n('<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 oi = /* @__PURE__ */ r(k, [["render", S]]), z = {}, B = { class: "activity-indicator-dots" };
function D(c, i) {
return t(), a("div", B, [...i[0] || (i[0] = [
d("div", { class: "activity-indicator-dots-bounce1" }, null, -1),
d("div", { class: "activity-indicator-dots-bounce2" }, null, -1),
d("div", { class: "activity-indicator-dots-bounce3" }, null, -1)
])]);
}
const vi = /* @__PURE__ */ r(z, [["render", D]]), F = {}, O = { class: "activity-indicator-double-pulse" };
function A(c, i) {
return t(), a("div", O, [...i[0] || (i[0] = [
d("div", { class: "activity-indicator-double-pulse-bounce1" }, null, -1),
d("div", { class: "activity-indicator-double-pulse-bounce2" }, null, -1)
])]);
}
const ei = /* @__PURE__ */ r(F, [["render", A]]), E = {}, I = { class: "activity-indicator-facebook" };
function N(c, i) {
return t(), a("div", I, [...i[0] || (i[0] = [
n('<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 li = /* @__PURE__ */ r(E, [["render", N]]), P = {}, V = { class: "activity-indicator-grid" };
function G(c, i) {
return t(), a("div", V, [...i[0] || (i[0] = [
n('<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 yi = /* @__PURE__ */ r(P, [["render", G]]), T = {}, j = { class: "activity-indicator-pulse" };
function w(c, i) {
return t(), a("div", j);
}
const _i = /* @__PURE__ */ r(T, [["render", w]]), H = {}, J = { class: "activity-indicator-spinner" };
function K(c, i) {
return t(), a("div", J, [...i[0] || (i[0] = [
n('<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 ui = /* @__PURE__ */ r(H, [["render", K]]), L = {}, M = { class: "activity-indicator-spotify" };
function Q(c, i) {
return t(), a("div", M);
}
const fi = /* @__PURE__ */ r(L, [["render", Q]]), R = {}, U = { class: "activity-indicator-square" };
function W(c, i) {
return t(), a("div", U);
}
const pi = /* @__PURE__ */ r(R, [["render", W]]), X = {}, Y = { class: "activity-indicator-square-fold" };
function Z(c, i) {
return t(), a("div", Y, [...i[0] || (i[0] = [
d("div", { class: "activity-indicator-square-fold-square1 activity-indicator-square-fold-square" }, null, -1),
d("div", { class: "activity-indicator-square-fold-square2 activity-indicator-square-fold-square" }, null, -1),
d("div", { class: "activity-indicator-square-fold-square4 activity-indicator-square-fold-square" }, null, -1),
d("div", { class: "activity-indicator-square-fold-square3 activity-indicator-square-fold-square" }, null, -1)
])]);
}
const $i = /* @__PURE__ */ r(X, [["render", Z]]), ii = {}, ci = { class: "activity-indicator-square-orbit" };
function ti(c, i) {
return t(), a("div", ci, [...i[0] || (i[0] = [
d("div", { class: "activity-indicator-square-orbit-cube1" }, null, -1),
d("div", { class: "activity-indicator-square-orbit-cube2" }, null, -1)
])]);
}
const bi = /* @__PURE__ */ r(ii, [["render", ti]]);
export {
di as ActivityIndicator,
ri as Chase,
ni as CircleFade,
si as CircleOrbit,
oi as CircleTrail,
vi as Dots,
ei as DoublePulse,
li as Facebook,
yi as Grid,
_i as Pulse,
ui as Spinner,
fi as Spotify,
pi as Square,
$i as SquareFold,
bi as SquareOrbit
};
//# sourceMappingURL=activity-indicator.js.map