@dialpad/dialtone-vue
Version:
Vue component library for Dialpad's design system Dialtone
44 lines (43 loc) • 1.95 kB
JavaScript
import { NodeViewWrapper, nodeViewProps } from "@tiptap/vue-2";
import { DtIconClose, DtIconVideo } from "@dialpad/dialtone-icons/vue2";
import normalizeComponent from "../../../../../_virtual/_plugin-vue2_normalizer.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);
}
}
};
var _sfc_render = function render() {
var _vm = this, _c = _vm._self._c;
return _c("node-view-wrapper", { staticClass: "d-recipe-message-input-meeting-pill" }, [_c("dt-item-layout", { staticClass: "d-recipe-message-input-meeting-pill__layout", attrs: { "unstyled": "" }, scopedSlots: _vm._u([{ key: "left", fn: function() {
return [_c("div", { staticClass: "d-recipe-message-input-meeting-pill__icon" }, [_c("dt-icon-video", { attrs: { "size": "400" } })], 1)];
}, proxy: true }, { key: "right", fn: function() {
return [_c("div", { staticClass: "d-recipe-message-input-meeting-pill__close" }, [_c("dt-button", { attrs: { "circle": "", "aria-label": _vm.node.attrs["close-button-aria-label"], "size": "xs", "importance": "clear" }, on: { "click": _vm.close }, scopedSlots: _vm._u([{ key: "icon", fn: function() {
return [_c("dt-icon-close", { attrs: { "size": "300" } })];
}, proxy: true }]) })], 1)];
}, proxy: true }]) }, [_vm._v(" " + _vm._s(_vm.node.attrs.text) + " ")])], 1);
};
var _sfc_staticRenderFns = [];
var __component__ = /* @__PURE__ */ normalizeComponent(
_sfc_main,
_sfc_render,
_sfc_staticRenderFns
);
const MeetingPill = __component__.exports;
export {
MeetingPill as default
};
//# sourceMappingURL=MeetingPill.vue.js.map