@dialpad/dialtone
Version:
Dialpad's Dialtone design system monorepo
73 lines (72 loc) • 2.94 kB
JavaScript
;
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
const vue3 = require("@tiptap/vue-3");
const vue3$1 = require("@dialpad/dialtone-icons/vue3");
const vue = require("vue");
const _pluginVue_exportHelper = require("../../../../../_virtual/_plugin-vue_export-helper.cjs");
const item_layout = require("../../../../../components/item_layout/item_layout.vue.cjs");
const button = require("../../../../../components/button/button.vue.cjs");
const _sfc_main = {
name: "MeetingPill",
components: {
NodeViewWrapper: vue3.NodeViewWrapper,
DtItemLayout: item_layout.default,
DtIconClose: vue3$1.DtIconClose,
DtButton: button.default,
DtIconVideo: vue3$1.DtIconVideo
},
props: vue3.nodeViewProps,
emits: ["meeting-pill-close"],
methods: {
close(e) {
this.$parent.$emit("meeting-pill-close", e);
}
}
};
const _hoisted_1 = { class: "d-recipe-message-input-meeting-pill__icon" };
const _hoisted_2 = { class: "d-recipe-message-input-meeting-pill__close" };
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
const _component_dt_icon_video = vue.resolveComponent("dt-icon-video");
const _component_dt_icon_close = vue.resolveComponent("dt-icon-close");
const _component_dt_button = vue.resolveComponent("dt-button");
const _component_dt_item_layout = vue.resolveComponent("dt-item-layout");
const _component_node_view_wrapper = vue.resolveComponent("node-view-wrapper");
return vue.openBlock(), vue.createBlock(_component_node_view_wrapper, { class: "d-recipe-message-input-meeting-pill" }, {
default: vue.withCtx(() => [
vue.createVNode(_component_dt_item_layout, {
class: "d-recipe-message-input-meeting-pill__layout",
unstyled: ""
}, {
left: vue.withCtx(() => [
vue.createElementVNode("div", _hoisted_1, [
vue.createVNode(_component_dt_icon_video, { size: "400" })
])
]),
right: vue.withCtx(() => [
vue.createElementVNode("div", _hoisted_2, [
vue.createVNode(_component_dt_button, {
circle: "",
"aria-label": _ctx.node.attrs["close-button-aria-label"],
size: "xs",
importance: "clear",
onClick: $options.close
}, {
icon: vue.withCtx(() => [
vue.createVNode(_component_dt_icon_close, { size: "300" })
]),
_: 1
}, 8, ["aria-label", "onClick"])
])
]),
default: vue.withCtx(() => [
vue.createTextVNode(" " + vue.toDisplayString(_ctx.node.attrs.text) + " ", 1)
]),
_: 1
})
]),
_: 1
});
}
const MeetingPill = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
exports.default = MeetingPill;
//# sourceMappingURL=MeetingPill.vue.cjs.map