@aotearoan/neon
Version:
Neon is a lightweight design library of Vue 3 components with minimal dependencies.
39 lines (38 loc) • 1.3 kB
JavaScript
import t from "./NeonModal.es.js";
import { resolveComponent as r, openBlock as e, createElementBlock as s, normalizeClass as n, createElementVNode as l, renderSlot as d, createBlock as m, createCommentVNode as i } from "vue";
import c from "../../../_virtual/_plugin-vue_export-helper.es.js";
const p = {
ref: "modal",
class: "neon-modal__container"
};
function u(o, _, f, v, k, b) {
const a = r("neon-button");
return e(), s("div", {
class: n([[{ "neon-modal--open": o.open, "neon-modal--no-offset": o.noOffset }, `neon-modal--breakpoint-${o.breakpoint}`], "neon-modal"]),
role: "dialog"
}, [
l("div", p, [
d(o.$slots, "default"),
o.dismissible ? (e(), m(a, {
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"])) : i("", !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__ */ c(t, [["render", u]]);
export {
h as default
};
//# sourceMappingURL=NeonModal.vue.es.js.map