maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
49 lines (48 loc) • 1.58 kB
JavaScript
import { defineComponent as l, defineAsyncComponent as c, onMounted as a, onUnmounted as d, openBlock as s, createBlock as m, Teleport as u, createElementVNode as p, mergeProps as i, createVNode as f, unref as _, createElementBlock as z, renderSlot as v, createCommentVNode as k } from "vue";
import '../assets/MazFullscreenLoader.dL5SG0Ne.css';const y = { key: 0 }, C = /* @__PURE__ */ l({
__name: "MazFullscreenLoader",
props: {
color: { default: "primary" },
size: { default: "3em" },
teleportSelector: { default: "body" }
},
setup(t) {
const r = c(() => import("./MazSpinner.C_i8HP1F.mjs"));
function o() {
document.documentElement.classList.add("--maz-fullscreen-loader-present");
}
function n() {
document.documentElement.classList.remove("--maz-fullscreen-loader-present");
}
return a(() => {
o();
}), d(() => {
n();
}), (e, E) => (s(), m(u, { to: e.teleportSelector }, [
p(
"div",
i({ class: "m-fullscreen-loader m-reset-css" }, e.$attrs),
[
f(_(r), {
color: e.color,
size: e.size
}, null, 8, ["color", "size"]),
e.$slots.default ? (s(), z("span", y, [
v(e.$slots, "default", {}, void 0, !0)
])) : k("v-if", !0)
],
16
/* FULL_PROPS */
)
], 8, ["to"]));
}
}), M = (t, r) => {
const o = t.__vccOpts || t;
for (const [n, e] of r)
o[n] = e;
return o;
}, S = /* @__PURE__ */ M(C, [["__scopeId", "data-v-7c1470b6"]]);
export {
S as M,
M as _
};