UNPKG

@dialpad/dialtone

Version:

Dialpad's Dialtone design system monorepo

2 lines 1.73 kB
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),t=require(`../button/button.cjs`),n=require(`../stack/stack.cjs`),r=require(`../tooltip/tooltip.cjs`),i=require(`../keyboard-shortcut/keyboard-shortcut.cjs`);let a=require(`vue`);var o={compatConfig:{MODE:3},name:`DtRecipeMessageInputButton`,components:{DtButton:t.default,DtTooltip:r.default,DtStack:n.default,DtKeyboardShortcut:i.default},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`]};function s(e,t,n,r,i,o){let s=(0,a.resolveComponent)(`dt-button`),c=(0,a.resolveComponent)(`dt-keyboard-shortcut`),l=(0,a.resolveComponent)(`dt-stack`),u=(0,a.resolveComponent)(`dt-tooltip`);return(0,a.openBlock)(),(0,a.createBlock)(u,null,{anchor:(0,a.withCtx)(()=>[(0,a.createVNode)(s,{"data-qa":n.dataQa,importance:`clear`,kind:`muted`,"aria-label":n.ariaLabel,size:`xs`,active:n.isActive,onClick:t[0]||(t[0]=t=>e.$emit(`click`,t))},{icon:(0,a.withCtx)(()=>[(0,a.renderSlot)(e.$slots,`icon`)]),_:3},8,[`data-qa`,`aria-label`,`active`])]),default:(0,a.withCtx)(()=>[(0,a.createVNode)(l,{gap:`200`},{default:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`p`,null,(0,a.toDisplayString)(n.tooltipText),1),n.keyboardShortcutText?((0,a.openBlock)(),(0,a.createBlock)(c,{key:0,inverted:``,shortcut:n.keyboardShortcutText},null,8,[`shortcut`])):(0,a.createCommentVNode)(``,!0)]),_:1})]),_:3})}var c=e.t(o,[[`render`,s]]);exports.default=c; //# sourceMappingURL=message-input-button.cjs.map