@aotearoan/neon/dist/components/presentation/badge/NeonBadge.vue.es.js

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

import l from "./NeonBadge.es.js";
import { resolveComponent as i, openBlock as n, createElementBlock as o, normalizeClass as s, toDisplayString as r, createBlock as d, createCommentVNode as g } from "vue";
import b from "../../../_virtual/_plugin-vue_export-helper.es.js";
const m = ["innerHTML"], t = {
  key: 1,
  class: "neon-badge__label"
}, c = ["alt", "src"];
function p(e, u, f, h, k, $) {
  const a = i("neon-icon");
  return n(), o("div", {
    class: s([[
      `neon-badge--${e.color}`,
      e.alternateColor ? `neon-badge--alternate-color-${e.alternateColor}` : "",
      `neon-badge--${e.size}`,
      {
        "neon-badge--with-label": e.label,
        "neon-badge--disabled": e.disabled,
        "neon-badge--with-image": e.image,
        "neon-badge--with-icon": e.icon
      },
      e.circular ? "neon-badge--circular" : "neon-badge--square"
    ], "neon-badge"])
  }, [
    e.jazziconId ? (n(), o("div", {
      key: 0,
      class: "neon-badge__image",
      innerHTML: e.svg
    }, null, 8, m)) : e.label ? (n(), o("span", t, r(e.label), 1)) : e.image ? (n(), o("img", {
      key: 2,
      alt: e.imageAlt,
      src: e.image,
      class: "neon-badge__image"
    }, null, 8, c)) : e.icon ? (n(), d(a, {
      key: 3,
      disabled: e.disabled,
      inverse: !!e.color,
      name: e.icon,
      class: "neon-badge__icon"
    }, null, 8, ["disabled", "inverse", "name"])) : g("", !0)
  ], 2);
}
const _ = /* @__PURE__ */ b(l, [["render", p]]);
export {
  _ as default
};
//# sourceMappingURL=NeonBadge.vue.es.js.map