@dialpad/dialtone/dist/vue3/components/illustration/illustration.vue.cjs

Dialpad's Dialtone design system monorepo

"use strict";
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
const vue = require("vue");
const vue3 = require("@dialpad/dialtone-icons/vue3");
const illustration_constants = require("./illustration_constants.cjs");
const _sfc_main = /* @__PURE__ */ Object.assign({
  name: "DtIllustration"
}, {
  __name: "illustration",
  props: {
    /**
       * The illustration name in kebab-case
       */
    name: {
      type: String,
      required: true,
      validator: (name) => illustration_constants.ILLUSTRATION_NAMES.includes(name)
    }
  },
  setup(__props) {
    const props = __props;
    const illustration = vue.computed(() => vue3.illustrations[`./src/illustrations/${props.name}.vue`]);
    return (_ctx, _cache) => {
      return illustration.value ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(illustration.value), {
        key: 0,
        "data-qa": _ctx.$attrs["data-qa"] ?? "dt-illustration"
      }, null, 8, ["data-qa"])) : vue.createCommentVNode("", true);
    };
  }
});
const _sfc_main$1 = _sfc_main;
exports.default = _sfc_main$1;
//# sourceMappingURL=illustration.vue.cjs.map