@dialpad/dialtone/dist/vue3/lib/notice/notice-icon.js

Dialpad's Dialtone design system monorepo

import { DtIconInfo as n, DtIconCheckCircle as r, DtIconAlertTriangle as c, DtIconAlertCircle as a, DtIconBell as s } from "@dialpad/dialtone-icons/vue3";
import { NOTICE_KINDS as l } from "./notice-constants.js";
import { hasSlotContent as d } from "../../common/utils/index.js";
import { openBlock as o, createElementBlock as m, renderSlot as f, createBlock as p, resolveDynamicComponent as u, createCommentVNode as I } from "vue";
import { _ } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
const D = /* @__PURE__ */ new Map([
  ["info", n],
  ["success", r],
  ["warning", c],
  ["error", a],
  ["base", s]
]), C = {
  compatConfig: { MODE: 3 },
  name: "DtNoticeIcon",
  components: {
    DtIconInfo: n,
    DtIconCheckCircle: r,
    DtIconAlertTriangle: c,
    DtIconAlertCircle: a,
    DtIconBell: s
  },
  props: {
    /**
     * Kind of icon
     * @values base, error, info, success, warning
     */
    kind: {
      type: String,
      default: "base",
      validate(e) {
        return l.includes(e);
      }
    }
  },
  data() {
    return {
      hasSlotContent: d
    };
  },
  computed: {
    defaultIcon() {
      return D.get(this.kind);
    }
  }
}, k = {
  key: 0,
  "aria-hidden": "true",
  class: "d-notice__icon"
};
function h(e, g, N, S, i, t) {
  return t.defaultIcon || i.hasSlotContent(e.$slots.default) ? (o(), m("div", k, [
    f(e.$slots, "default", {}, () => [
      (o(), p(u(t.defaultIcon), { size: "400" }))
    ])
  ])) : I("", !0);
}
const $ = /* @__PURE__ */ _(C, [["render", h]]);
export {
  $ as default
};
//# sourceMappingURL=notice-icon.js.map