@dialpad/dialtone/dist/vue3/lib/editor/EditorToolbarButton.cjs

Dialpad's Dialtone design system monorepo

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`);let n=require(`vue`);var r={name:`EditorToolbarButton`,components:{DtButton:t.default},props:{isActive:{type:Boolean,default:!1},tooltipMessage:{type:String,required:!0},dataQA:{type:String,default:``},tabindex:{type:Number,default:-1},icon:{type:Object,required:!0},label:{type:String,default:``},onClick:{type:Function,required:!0}},emits:[`shift-focus-right`,`shift-focus-left`]};function i(e,t,r,i,a,o){let s=(0,n.resolveComponent)(`dt-button`),c=(0,n.resolveDirective)(`dt-tooltip`);return(0,n.withDirectives)(((0,n.openBlock)(),(0,n.createBlock)(s,{ref:`buttonRef`,active:r.isActive,"aria-label":r.tooltipMessage,"data-qa":r.dataQA,tabindex:r.tabindex,importance:`clear`,kind:`muted`,size:`xs`,onClick:r.onClick,onKeydown:[t[0]||(t[0]=(0,n.withKeys)((0,n.withModifiers)(t=>e.$emit(`shift-focus-right`),[`stop`]),[`right`])),t[1]||(t[1]=(0,n.withKeys)((0,n.withModifiers)(t=>e.$emit(`shift-focus-left`),[`stop`]),[`left`]))]},{icon:(0,n.withCtx)(()=>[((0,n.openBlock)(),(0,n.createBlock)((0,n.resolveDynamicComponent)(r.icon),{size:`200`})),(0,n.renderSlot)(e.$slots,`extra`)]),default:(0,n.withCtx)(()=>[(0,n.createTextVNode)(` `+(0,n.toDisplayString)(r.label),1)]),_:3},8,[`active`,`aria-label`,`data-qa`,`tabindex`,`onClick`])),[[c,{message:r.tooltipMessage,placement:`top`,externalAnchorElement:e.$refs.buttonRef?.$el}]])}var a=e.t(r,[[`render`,i]]);exports.default=a;
//# sourceMappingURL=EditorToolbarButton.cjs.map