@dialpad/dialtone-vue
Version:
Vue component library for Dialpad's design system Dialtone
57 lines (56 loc) • 1.6 kB
JavaScript
import { n as o } from "../../_plugin-vue2_normalizer-DSLOjnn3.js";
import a from "../keyboard-shortcut/keyboard-shortcut.js";
import n from "../stack/stack.js";
import i from "../tooltip/tooltip.js";
import c from "../button/button.js";
const u = {
name: "DtRecipeMessageInputButton",
components: {
DtButton: c,
DtTooltip: i,
DtStack: n,
DtKeyboardShortcut: a
},
props: {
ariaLabel: {
type: String,
required: !0
},
tooltipText: {
type: String,
required: !0
},
keyboardShortcutText: {
type: String,
default: ""
},
isActive: {
type: Boolean,
default: !1
},
dataQa: {
type: String,
required: !0
}
},
emits: ["click"]
};
var s = function() {
var t = this, e = t._self._c;
return e("dt-tooltip", { scopedSlots: t._u([{ key: "anchor", fn: function() {
return [e("dt-button", { attrs: { "data-qa": t.dataQa, importance: "clear", kind: "muted", "aria-label": t.ariaLabel, size: "xs", active: t.isActive }, on: { click: function(r) {
return t.$emit("click", r);
} }, scopedSlots: t._u([{ key: "icon", fn: function() {
return [t._t("icon")];
}, proxy: !0 }], null, !0) })];
}, proxy: !0 }]) }, [e("dt-stack", { attrs: { gap: "200" } }, [e("p", [t._v(t._s(t.tooltipText))]), t.keyboardShortcutText ? e("dt-keyboard-shortcut", { attrs: { inverted: "", shortcut: t.keyboardShortcutText } }) : t._e()], 1)], 1);
}, p = [], d = /* @__PURE__ */ o(
u,
s,
p
);
const S = d.exports;
export {
S as default
};
//# sourceMappingURL=message-input-button.js.map