@aotearoan/neon
Version:
Neon is a lightweight design library of Vue 3 components with minimal dependencies.
53 lines (52 loc) • 2.05 kB
JavaScript
import p from "./NeonToggleChip.es.js";
import { resolveComponent as a, openBlock as i, createElementBlock as r, withKeys as s, withModifiers as n, normalizeClass as g, createBlock as h, createCommentVNode as b, renderSlot as m, createElementVNode as t, toDisplayString as u, mergeProps as C } from "vue";
import c from "../../../_virtual/_plugin-vue_export-helper.es.js";
const k = ["aria-disabled", "aria-pressed"], f = { class: "neon-toggle-chip__label" }, $ = ["checked", "disabled"];
function w(e, o, y, V, v, z) {
const d = a("neon-icon");
return i(), r("label", {
ref: "toggleChipLabel",
"aria-disabled": e.disabled,
"aria-pressed": e.modelValue,
class: g([[
`neon-toggle-chip--${e.size}`,
`neon-toggle-chip--${e.color}`,
{
"neon-toggle-chip--disabled": e.disabled,
"neon-toggle-chip--checked": e.modelValue,
"neon-toggle-chip--show-check": e.showCheck
}
], "neon-toggle-chip no-style"]),
role: "button",
tabindex: "0",
onKeydown: [
o[2] || (o[2] = s((...l) => e.toggleChip && e.toggleChip(...l), ["enter"])),
o[3] || (o[3] = s(n((...l) => e.toggleChip && e.toggleChip(...l), ["prevent"]), ["space"]))
]
}, [
e.modelValue && e.showCheck ? (i(), h(d, {
key: 0,
disabled: e.disabled,
class: "neon-toggle-chip__checked",
name: "check"
}, null, 8, ["disabled"])) : b("", !0),
m(e.$slots, "default", {}, () => [
t("span", f, u(e.label), 1)
]),
t("input", C({
checked: e.modelValue,
disabled: e.disabled,
class: "neon-toggle-chip__input",
tabindex: "-1",
type: "checkbox"
}, e.sanitizedAttributes, {
onClick: o[0] || (o[0] = n((...l) => e.toggleChip && e.toggleChip(...l), ["prevent", "stop"])),
onInput: o[1] || (o[1] = n((...l) => e.toggleChip && e.toggleChip(...l), ["prevent", "stop"]))
}), null, 16, $)
], 42, k);
}
const K = /* @__PURE__ */ c(p, [["render", w]]);
export {
K as default
};
//# sourceMappingURL=NeonToggleChip.vue.es.js.map