@dialpad/dialtone
Version:
Dialpad's Dialtone design system monorepo
73 lines (72 loc) • 2.74 kB
JavaScript
import { NodeViewWrapper, nodeViewProps } from "@tiptap/vue-3";
import { DtIconClose, DtIconVideo } from "@dialpad/dialtone-icons/vue3";
import { resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, createTextVNode, toDisplayString } from "vue";
import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
import DtItemLayout from "../../../../../components/item_layout/item_layout.vue.js";
import DtButton from "../../../../../components/button/button.vue.js";
const _sfc_main = {
name: "MeetingPill",
components: {
NodeViewWrapper,
DtItemLayout,
DtIconClose,
DtButton,
DtIconVideo
},
props: 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 = resolveComponent("dt-icon-video");
const _component_dt_icon_close = resolveComponent("dt-icon-close");
const _component_dt_button = resolveComponent("dt-button");
const _component_dt_item_layout = resolveComponent("dt-item-layout");
const _component_node_view_wrapper = resolveComponent("node-view-wrapper");
return openBlock(), createBlock(_component_node_view_wrapper, { class: "d-recipe-message-input-meeting-pill" }, {
default: withCtx(() => [
createVNode(_component_dt_item_layout, {
class: "d-recipe-message-input-meeting-pill__layout",
unstyled: ""
}, {
left: withCtx(() => [
createElementVNode("div", _hoisted_1, [
createVNode(_component_dt_icon_video, { size: "400" })
])
]),
right: withCtx(() => [
createElementVNode("div", _hoisted_2, [
createVNode(_component_dt_button, {
circle: "",
"aria-label": _ctx.node.attrs["close-button-aria-label"],
size: "xs",
importance: "clear",
onClick: $options.close
}, {
icon: withCtx(() => [
createVNode(_component_dt_icon_close, { size: "300" })
]),
_: 1
}, 8, ["aria-label", "onClick"])
])
]),
default: withCtx(() => [
createTextVNode(" " + toDisplayString(_ctx.node.attrs.text) + " ", 1)
]),
_: 1
})
]),
_: 1
});
}
const MeetingPill = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
export {
MeetingPill as default
};
//# sourceMappingURL=MeetingPill.vue.js.map