@dialpad/dialtone
Version:
Dialpad's Dialtone design system monorepo
52 lines (51 loc) • 1.67 kB
JavaScript
;
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
const vue = require("vue");
const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.cjs");
const avatar = require("../../../avatar/avatar.vue.cjs");
const stack = require("../../../stack/stack.vue.cjs");
const _sfc_main = {
compatConfig: { MODE: 3 },
name: "MentionSuggestion",
components: {
DtAvatar: avatar.default,
DtStack: stack.default
},
props: {
item: {
type: Object,
required: true
}
},
computed: {
name() {
return this.item.name;
},
avatarSrc() {
return this.item.avatarSrc;
}
}
};
const _hoisted_1 = { class: "d-mention-suggestion__name" };
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
const _component_dt_avatar = vue.resolveComponent("dt-avatar");
const _component_dt_stack = vue.resolveComponent("dt-stack");
return vue.openBlock(), vue.createBlock(_component_dt_stack, {
direction: "row",
gap: "400"
}, {
default: vue.withCtx(() => [
vue.createVNode(_component_dt_avatar, {
"full-name": $options.name,
"image-src": $options.avatarSrc,
"image-alt": $options.name,
size: "xs"
}, null, 8, ["full-name", "image-src", "image-alt"]),
vue.createElementVNode("span", _hoisted_1, vue.toDisplayString($options.name), 1)
]),
_: 1
});
}
const MentionSuggestion = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
exports.default = MentionSuggestion;
//# sourceMappingURL=MentionSuggestion.vue.cjs.map