@aotearoan/neon/dist/components/user-input/list/NeonList.vue.es.js

Neon is a lightweight design library of Vue 3 components with minimal dependencies.

import d from "./NeonList.es.js";
import { resolveComponent as m, openBlock as o, createBlock as i, TransitionGroup as p, normalizeClass as c, withCtx as u, createElementBlock as l, Fragment as k, renderList as y, withKeys as t, withModifiers as f, createElementVNode as $, toDisplayString as b, createCommentVNode as v } from "vue";
import w from "../../../_virtual/_plugin-vue_export-helper.es.js";
const C = ["onClick", "onKeydown"];
function h(e, r, _, g, B, K) {
  const a = m("neon-icon");
  return o(), i(p, {
    "aria-disabled": e.disabled,
    class: c([[`neon-list--${e.size}`, `neon-list--${e.color}`, { "neon-list--disabled": e.disabled }], "no-style neon-list"]),
    name: "neon-transition-list-item",
    role: "group",
    tag: "ul"
  }, {
    default: u(() => [
      (o(!0), l(k, null, y(e.modelValue, (n) => (o(), l("li", {
        key: n.key,
        "aria-checked": "true",
        class: "neon-list__item",
        role: "switch",
        tabindex: "0",
        onClick: (s) => e.remove(n.key),
        onKeydown: [
          t((s) => e.remove(n.key), ["enter"]),
          t((s) => e.remove(n.key), ["space"]),
          r[0] || (r[0] = t(f(() => {
          }, ["prevent"]), ["space"]))
        ]
      }, [
        $("span", null, b(n.label), 1),
        e.disabled ? v("", !0) : (o(), i(a, {
          key: 0,
          name: "times"
        }))
      ], 40, C))), 128))
    ]),
    _: 1
  }, 8, ["aria-disabled", "class"]);
}
const E = /* @__PURE__ */ w(d, [["render", h]]);
export {
  E as default
};
//# sourceMappingURL=NeonList.vue.es.js.map