@dialpad/dialtone
Version:
Dialpad's Dialtone design system monorepo
83 lines (82 loc) • 2.89 kB
JavaScript
"use strict";
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 button = require("../../../components/button/button.vue.cjs");
const tooltip = require("../../../components/tooltip/tooltip.vue.cjs");
const stack = require("../../../components/stack/stack.vue.cjs");
const keyboard_shortcut = require("../../../components/keyboard_shortcut/keyboard_shortcut.vue.cjs");
const _sfc_main = {
compatConfig: { MODE: 3 },
name: "DtRecipeMessageInputButton",
components: {
DtButton: button.default,
DtTooltip: tooltip.default,
DtStack: stack.default,
DtKeyboardShortcut: keyboard_shortcut.default
},
props: {
ariaLabel: {
type: String,
required: true
},
tooltipText: {
type: String,
required: true
},
keyboardShortcutText: {
type: String,
default: ""
},
isActive: {
type: Boolean,
default: false
},
dataQa: {
type: String,
required: true
}
},
emits: ["click"]
};
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
const _component_dt_button = vue.resolveComponent("dt-button");
const _component_dt_keyboard_shortcut = vue.resolveComponent("dt-keyboard-shortcut");
const _component_dt_stack = vue.resolveComponent("dt-stack");
const _component_dt_tooltip = vue.resolveComponent("dt-tooltip");
return vue.openBlock(), vue.createBlock(_component_dt_tooltip, null, {
anchor: vue.withCtx(() => [
vue.createVNode(_component_dt_button, {
"data-qa": $props.dataQa,
importance: "clear",
kind: "muted",
"aria-label": $props.ariaLabel,
size: "xs",
active: $props.isActive,
onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
}, {
icon: vue.withCtx(() => [
vue.renderSlot(_ctx.$slots, "icon")
]),
_: 3
}, 8, ["data-qa", "aria-label", "active"])
]),
default: vue.withCtx(() => [
vue.createVNode(_component_dt_stack, { gap: "200" }, {
default: vue.withCtx(() => [
vue.createElementVNode("p", null, vue.toDisplayString($props.tooltipText), 1),
$props.keyboardShortcutText ? (vue.openBlock(), vue.createBlock(_component_dt_keyboard_shortcut, {
key: 0,
inverted: "",
shortcut: $props.keyboardShortcutText
}, null, 8, ["shortcut"])) : vue.createCommentVNode("", true)
]),
_: 1
})
]),
_: 3
});
}
const DtRecipeMessageInputButton = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
exports.default = DtRecipeMessageInputButton;
//# sourceMappingURL=message_input_button.vue.cjs.map