@aotearoan/neon
Version:
Neon is a lightweight design library of Vue 3 components with minimal dependencies.
59 lines (58 loc) • 2.07 kB
JavaScript
import u from "./NeonDialog.es.js";
import { resolveComponent as n, openBlock as p, createBlock as m, withKeys as f, withCtx as t, createVNode as l, createElementVNode as a, toDisplayString as b } from "vue";
import _ from "../../../_virtual/_plugin-vue_export-helper.es.js";
const v = { class: "neon-dialog__title" }, $ = ["innerHTML"], g = { ref: "actions" };
function L(o, e, q, w, y, C) {
const r = n("neon-button"), s = n("neon-card-body"), d = n("neon-card"), c = n("neon-modal");
return p(), m(c, {
opaque: o.opaque,
open: o.open,
class: "neon-dialog",
onKeydown: e[2] || (e[2] = f((i) => o.cancel(), ["esc"]))
}, {
default: t(() => [
l(d, { size: "m" }, {
default: t(() => [
l(s, null, {
default: t(() => [
a("div", null, [
a("h6", v, b(o.title), 1),
a("div", {
class: "neon-dialog__question",
innerHTML: o.question
}, null, 8, $)
]),
a("div", g, [
l(r, {
"aria-label": o.cancelLabel,
"full-width": !0,
label: o.cancelLabel,
size: "s",
onClick: e[0] || (e[0] = (i) => o.cancel())
}, null, 8, ["aria-label", "label"]),
l(r, {
"alternate-color": o.alternateColor,
"aria-label": o.confirmLabel,
color: o.color,
"full-width": !0,
label: o.confirmLabel,
class: "neon-dialog__confirm-button",
size: "s",
onClick: e[1] || (e[1] = (i) => o.confirm())
}, null, 8, ["alternate-color", "aria-label", "color", "label"])
], 512)
]),
_: 1
})
]),
_: 1
})
]),
_: 1
}, 8, ["opaque", "open"]);
}
const N = /* @__PURE__ */ _(u, [["render", L]]);
export {
N as default
};
//# sourceMappingURL=NeonDialog.vue.es.js.map