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

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

import b from "./NeonBadge.es.js";
import { resolveComponent as l, openBlock as n, createElementBlock as o, normalizeClass as c, toDisplayString as g, createBlock as i, createCommentVNode as d } from "vue";
import m from "../../../_virtual/_plugin-vue_export-helper.es.js";
const p = ["innerHTML"], u = {
  key: 1,
  class: "neon-badge__label"
}, f = ["alt", "src"];
function k(e, a, z, $, h, v) {
  const r = l("neon-icon"), s = l("neon-file");
  return n(), o("div", {
    class: c([[
      `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,
        "neon-badge--editable": e.editable
      },
      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, p)) : e.label ? (n(), o("span", u, g(e.label), 1)) : e.image ? (n(), o("img", {
      key: 2,
      alt: e.imageAlt,
      src: e.image,
      class: "neon-badge__image"
    }, null, 8, f)) : e.icon ? (n(), i(r, {
      key: 3,
      disabled: e.disabled,
      inverse: !!e.color,
      name: e.icon,
      class: "neon-badge__icon"
    }, null, 8, ["disabled", "inverse", "name"])) : d("", !0),
    e.editable ? (n(), i(s, {
      key: 4,
      accept: e.accept,
      circular: e.circular,
      color: e.color,
      "direct-upload": !0,
      disabled: e.disabled,
      size: e.size,
      title: e.editButtonTitle,
      class: "neon-badge__upload",
      icon: "pencil",
      "onUpdate:modelValue": a[0] || (a[0] = (t) => e.emit("change-image", t))
    }, null, 8, ["accept", "circular", "color", "disabled", "size", "title"])) : d("", !0)
  ], 2);
}
const w = /* @__PURE__ */ m(b, [["render", k]]);
export {
  w as default
};
//# sourceMappingURL=NeonBadge.vue.es.js.map