@vue-interface/activity-indicator/dist/activity-indicator.js

An Vue activity indicator component.

import { defineComponent as y, inject as u, toRaw as h, openBlock as c, createElementBlock as a, normalizeClass as f, normalizeStyle as p, createElementVNode as e, createBlock as $, resolveDynamicComponent as g, toDisplayString as m, createCommentVNode as b, createStaticVNode as r } from "vue";
import { factory as l } from "@vue-interface/component-registry";
const o = l();
function Mi(i) {
  return o.get(i);
}
function Qi(i, t) {
  return o.register(i, t);
}
function Ui(i) {
  return o.remove(i);
}
function Xi() {
  return o.reset();
}
function d(i, t = "px") {
  return i != null && i !== !1 && isFinite(i) ? `${i}${t}` : i;
}
const x = y({
  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: d(this.width),
        maxWidth: d(this.maxWidth),
        minWidth: d(this.minWidth),
        height: d(this.height),
        maxHeight: d(this.maxHeight),
        minHeight: d(this.minHeight)
      };
    }
  },
  methods: {
    componentFromRegistry(i) {
      var t;
      try {
        return (t = u(this.registry || "indicators", o)) == null ? void 0 : t.get(i);
      } catch {
      }
    },
    component() {
      return typeof this.type == "string" ? this.componentFromRegistry(this.type) : h(this.type);
    }
  }
});
const n = (i, t) => {
  const s = i.__vccOpts || i;
  for (const [v, _] of t)
    s[v] = _;
  return s;
}, q = { class: "activity-indicator-content" }, S = {
  key: 0,
  class: "activity-indicator-label"
};
function k(i, t, s, v, _, Ji) {
  return c(), a("div", {
    class: f(["activity-indicator", i.classes]),
    style: p(i.style)
  }, [
    e("div", q, [
      (c(), $(g(i.component()), { class: "mx-auto" })),
      i.label ? (c(), a("div", S, m(i.label), 1)) : b("", !0)
    ])
  ], 6);
}
const C = /* @__PURE__ */ n(x, [["render", k]]), Yi = (i, t) => {
  const s = l();
  if (i.component("ActivityIndicator", C), i.provide(t.key || "indicators", s), t.indicators)
    for (const [v, _] of Object.entries(t.indicators))
      s.register(v, _);
};
const F = {}, N = { class: "activity-indicator-chase" }, O = /* @__PURE__ */ r('<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), z = [
  O
];
function D(i, t) {
  return c(), a("div", N, z);
}
const Zi = /* @__PURE__ */ n(F, [["render", D]]);
const H = {}, W = { class: "activity-indicator-circle-fade" }, B = /* @__PURE__ */ r('<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), P = [
  B
];
function w(i, t) {
  return c(), a("div", W, P);
}
const it = /* @__PURE__ */ n(H, [["render", w]]);
const A = {}, I = { class: "activity-indicator-circle-orbit" }, j = /* @__PURE__ */ e("div", { class: "activity-indicator-circle-orbit-dot1" }, null, -1), R = /* @__PURE__ */ e("div", { class: "activity-indicator-circle-orbit-dot2" }, null, -1), V = [
  j,
  R
];
function E(i, t) {
  return c(), a("div", I, V);
}
const tt = /* @__PURE__ */ n(A, [["render", E]]);
const G = {}, T = { class: "activity-indicator-circle-trail" }, J = /* @__PURE__ */ r('<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), K = [
  J
];
function L(i, t) {
  return c(), a("div", T, K);
}
const ct = /* @__PURE__ */ n(G, [["render", L]]);
const M = {}, Q = { class: "activity-indicator-dots" }, U = /* @__PURE__ */ e("div", { class: "activity-indicator-dots-bounce1" }, null, -1), X = /* @__PURE__ */ e("div", { class: "activity-indicator-dots-bounce2" }, null, -1), Y = /* @__PURE__ */ e("div", { class: "activity-indicator-dots-bounce3" }, null, -1), Z = [
  U,
  X,
  Y
];
function ii(i, t) {
  return c(), a("div", Q, Z);
}
const at = /* @__PURE__ */ n(M, [["render", ii]]);
const ti = {}, ci = { class: "activity-indicator-double-pulse" }, ai = /* @__PURE__ */ e("div", { class: "activity-indicator-double-pulse-bounce1" }, null, -1), ni = /* @__PURE__ */ e("div", { class: "activity-indicator-double-pulse-bounce2" }, null, -1), ei = [
  ai,
  ni
];
function si(i, t) {
  return c(), a("div", ci, ei);
}
const nt = /* @__PURE__ */ n(ti, [["render", si]]);
const di = {}, ri = { class: "activity-indicator-facebook" }, oi = /* @__PURE__ */ r('<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), vi = [
  oi
];
function _i(i, t) {
  return c(), a("div", ri, vi);
}
const et = /* @__PURE__ */ n(di, [["render", _i]]);
const li = {}, yi = { class: "activity-indicator-grid" }, ui = /* @__PURE__ */ r('<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), hi = [
  ui
];
function fi(i, t) {
  return c(), a("div", yi, hi);
}
const st = /* @__PURE__ */ n(li, [["render", fi]]);
const pi = {}, $i = { class: "activity-indicator-pulse" };
function gi(i, t) {
  return c(), a("div", $i);
}
const dt = /* @__PURE__ */ n(pi, [["render", gi]]);
const mi = {}, bi = { class: "activity-indicator-spinner" }, xi = /* @__PURE__ */ r('<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), qi = [
  xi
];
function Si(i, t) {
  return c(), a("div", bi, qi);
}
const rt = /* @__PURE__ */ n(mi, [["render", Si]]);
const ki = {}, Ci = { class: "activity-indicator-spotify" };
function Fi(i, t) {
  return c(), a("div", Ci);
}
const ot = /* @__PURE__ */ n(ki, [["render", Fi]]);
const Ni = {}, Oi = { class: "activity-indicator-square" };
function zi(i, t) {
  return c(), a("div", Oi);
}
const vt = /* @__PURE__ */ n(Ni, [["render", zi]]);
const Di = {}, Hi = { class: "activity-indicator-square-fold" }, Wi = /* @__PURE__ */ e("div", { class: "activity-indicator-square-fold-square1 activity-indicator-square-fold-square" }, null, -1), Bi = /* @__PURE__ */ e("div", { class: "activity-indicator-square-fold-square2 activity-indicator-square-fold-square" }, null, -1), Pi = /* @__PURE__ */ e("div", { class: "activity-indicator-square-fold-square4 activity-indicator-square-fold-square" }, null, -1), wi = /* @__PURE__ */ e("div", { class: "activity-indicator-square-fold-square3 activity-indicator-square-fold-square" }, null, -1), Ai = [
  Wi,
  Bi,
  Pi,
  wi
];
function Ii(i, t) {
  return c(), a("div", Hi, Ai);
}
const _t = /* @__PURE__ */ n(Di, [["render", Ii]]);
const ji = {}, Ri = { class: "activity-indicator-square-orbit" }, Vi = /* @__PURE__ */ e("div", { class: "activity-indicator-square-orbit-cube1" }, null, -1), Ei = /* @__PURE__ */ e("div", { class: "activity-indicator-square-orbit-cube2" }, null, -1), Gi = [
  Vi,
  Ei
];
function Ti(i, t) {
  return c(), a("div", Ri, Gi);
}
const lt = /* @__PURE__ */ n(ji, [["render", Ti]]);
export {
  C as ActivityIndicator,
  Yi as ActivityIndicatorPlugin,
  Zi as Chase,
  it as CircleFade,
  tt as CircleOrbit,
  ct as CircleTrail,
  at as Dots,
  nt as DoublePulse,
  et as Facebook,
  st as Grid,
  dt as Pulse,
  rt as Spinner,
  ot as Spotify,
  vt as Square,
  _t as SquareFold,
  lt as SquareOrbit,
  Mi as get,
  Qi as register,
  o as registry,
  Ui as remove,
  Xi as reset
};
//# sourceMappingURL=activity-indicator.js.map