@aotearoan/neon/dist/components/feedback/note/NeonNote.vue.es.js

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

import u from "./NeonNote.es.js";
import { resolveComponent as o, openBlock as n, createElementBlock as l, normalizeClass as _, createElementVNode as f, createVNode as s, withCtx as a, createBlock as i, createCommentVNode as t, toDisplayString as N, renderSlot as k, withKeys as r, withModifiers as y } from "vue";
import b from "../../../_virtual/_plugin-vue_export-helper.es.js";
const h = { class: "neon-note__container" }, w = {
  key: 1,
  class: "neon-note__title"
};
function C(e, $, g, v, B, K) {
  const c = o("neon-icon"), m = o("neon-inline"), p = o("neon-stack"), d = o("neon-button");
  return n(), l("div", {
    class: _([[
      `neon-note--${e.color}`,
      { "neon-note--with-title": e.title, "neon-note--with-title-only": e.title && !e.slots.default }
    ], "neon-note"]),
    role: "note"
  }, [
    f("div", h, [
      s(p, { gap: "s" }, {
        default: a(() => [
          s(m, { gap: "s" }, {
            default: a(() => [
              e.iconName ? (n(), i(c, {
                key: 0,
                color: e.color,
                name: e.iconName,
                class: "neon-note__icon"
              }, null, 8, ["color", "name"])) : t("", !0),
              e.title ? (n(), l("span", w, N(e.title), 1)) : t("", !0)
            ]),
            _: 1
          }),
          k(e.$slots, "default")
        ]),
        _: 3
      })
    ]),
    e.closable ? (n(), i(d, {
      key: 0,
      "aria-label": e.ariaLabelCloseNote,
      circular: !0,
      transparent: !0,
      "button-style": "text",
      class: "neon-note__close",
      color: "low-contrast",
      icon: "times",
      size: "s",
      tabindex: "0",
      onClick: e.closeNote,
      onKeydown: [
        r(e.closeNote, ["enter"]),
        r(y(e.closeNote, ["stop"]), ["space"])
      ]
    }, null, 8, ["aria-label", "onClick", "onKeydown"])) : t("", !0)
  ], 2);
}
const S = /* @__PURE__ */ b(u, [["render", C]]);
export {
  S as default
};
//# sourceMappingURL=NeonNote.vue.es.js.map