@aotearoan/neon
Version:
Neon is a lightweight design library of Vue 3 components with minimal dependencies.
39 lines (38 loc) • 1.22 kB
JavaScript
import a from "./NeonModal.es.js";
import { resolveComponent as r, openBlock as e, createElementBlock as s, normalizeClass as n, createElementVNode as l, renderSlot as c, createBlock as d, createCommentVNode as m } from "vue";
import i from "../../../_virtual/_plugin-vue_export-helper.es.js";
const p = {
ref: "modal",
class: "neon-modal__container"
};
function _(o, u, f, v, k, b) {
const t = r("neon-button");
return e(), s("div", {
class: n([{ "neon-modal--open": o.open }, "neon-modal"]),
role: "dialog"
}, [
l("div", p, [
c(o.$slots, "default"),
o.dismissible ? (e(), d(t, {
key: 0,
circular: !0,
transparent: !0,
"button-style": "text",
class: "neon-modal__close",
color: "low-contrast",
icon: "times",
size: "s",
tabindex: "0",
onClick: o.close
}, null, 8, ["onClick"])) : m("", !0)
], 512),
l("div", {
class: n([{ "neon-modal__overlay--opaque": o.opaque, "neon-modal__overlay--show-top-nav": o.showTopNav }, "neon-modal__overlay"])
}, null, 2)
], 2);
}
const h = /* @__PURE__ */ i(a, [["render", _]]);
export {
h as default
};
//# sourceMappingURL=NeonModal.vue.es.js.map