@aotearoan/neon
Version:
Neon is a lightweight design library of Vue 3 components with minimal dependencies.
48 lines (47 loc) • 1.68 kB
JavaScript
import p from "./NeonSelectableCard.es.js";
import { resolveComponent as l, openBlock as m, createBlock as b, normalizeClass as u, withKeys as s, withModifiers as r, withCtx as d, createVNode as t, renderSlot as f } from "vue";
import k from "../../../_virtual/_plugin-vue_export-helper.es.js";
function $(e, o, v, z, w, h) {
const a = l("neon-switch"), i = l("neon-card-header"), c = l("neon-card");
return m(), b(c, {
class: u([[
`neon-selectable-card--${e.color}`,
{ "neon-selectable-card--selected": e.modelValue },
{ "neon-selectable-card--disabled": e.disabled }
], "neon-selectable-card"]),
"horizontal-borders": !1,
"no-break": !0,
size: e.size,
orientation: "horizontal",
tabindex: "0",
onClick: o[1] || (o[1] = (n) => e.clicked()),
onKeydown: [
o[2] || (o[2] = s(r((n) => e.clicked(), ["stop", "prevent"]), ["enter"])),
o[3] || (o[3] = s(r((n) => e.clicked(), ["stop", "prevent"]), ["space"]))
]
}, {
default: d(() => [
t(i, null, {
default: d(() => [
t(a, {
color: e.color,
disabled: e.disabled,
"model-value": e.modelValue,
size: e.size,
class: "neon-selectable-card__checkbox",
"switch-style": "checkbox",
"onUpdate:modelValue": o[0] || (o[0] = (n) => e.clicked())
}, null, 8, ["color", "disabled", "model-value", "size"])
]),
_: 1
}),
f(e.$slots, "default")
]),
_: 3
}, 8, ["class", "size"]);
}
const B = /* @__PURE__ */ k(p, [["render", $]]);
export {
B as default
};
//# sourceMappingURL=NeonSelectableCard.vue.es.js.map