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