@dialpad/dialtone
Version:
Dialpad's Dialtone design system monorepo
3 lines (2 loc) • 7 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("@dialpad/dialtone-icons/vue3"),L=require("./message-input-button.cjs"),m=require("../../localization/index.cjs"),t=require("vue"),O=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),x=require("../stack/stack.cjs"),T={compatConfig:{MODE:3},name:"DtRecipeMessageInputTopbar",components:{DtStack:x.default,DtIconListBullet:n.DtIconListBullet,DtIconBold:n.DtIconBold,DtIconItalic:n.DtIconItalic,DtIconStrikethrough:n.DtIconStrikethrough,DtIconListOrdered:n.DtIconListOrdered,DtIconQuote:n.DtIconQuote,DtIconCode:n.DtIconCode,DtIconCodeBlock:n.DtIconCodeBlock,DtRecipeMessageInputButton:L.default},props:{boldButtonOptions:{type:Object,default:()=>({})},italicButtonOptions:{type:Object,default:()=>({})},strikeButtonOptions:{type:Object,default:()=>({})},bulletListButtonOptions:{type:Object,default:()=>({})},orderedListButtonOptions:{type:Object,default:()=>({})},blockQuoteButtonOptions:{type:Object,default:()=>({})},codeButtonOptions:{type:Object,default:()=>({})},codeBlockButtonOptions:{type:Object,default:()=>({})},isSelectionActive:{type:Function,default:()=>{}}},emits:["click"],data(){return{i18n:new m.DialtoneLocalization}},computed:{boldButtonLabel(){return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_BOLD_BUTTON_LABEL")},italicButtonLabel(){return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_ITALIC_BUTTON_LABEL")},strikeButtonLabel(){return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_STRIKETHROUGH_BUTTON_LABEL")},bulletListButtonLabel(){return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_BULLET_LIST_BUTTON_LABEL")},orderedListButtonLabel(){return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_ORDERED_LIST_BUTTON_LABEL")},blockQuoteButtonLabel(){return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_BLOCK_QUOTE_BUTTON_LABEL")},codeButtonLabel(){return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_CODE_BUTTON_LABEL")},codeBlockButtonLabel(){return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_CODE_BLOCK_BUTTON_LABEL")}}},v=t.createElementVNode("div",{class:"d-recipe-message-input--button-group-divider"},null,-1),E=t.createElementVNode("div",{class:"d-recipe-message-input--button-group-divider"},null,-1),I=t.createElementVNode("div",{class:"d-recipe-message-input--button-group-divider"},null,-1),N=t.createElementVNode("div",{class:"d-recipe-message-input--button-group-divider"},null,-1);function S(a,e,o,C,D,i){const s=t.resolveComponent("dt-icon-bold"),l=t.resolveComponent("dt-recipe-message-input-button"),r=t.resolveComponent("dt-icon-italic"),d=t.resolveComponent("dt-icon-strikethrough"),u=t.resolveComponent("dt-icon-list-bullet"),b=t.resolveComponent("dt-icon-list-ordered"),_=t.resolveComponent("dt-icon-quote"),k=t.resolveComponent("dt-icon-code"),p=t.resolveComponent("dt-icon-code-block"),B=t.resolveComponent("dt-stack");return t.openBlock(),t.createBlock(B,{direction:"row",gap:"200",class:"d-recipe-message-input__button-stack"},{default:t.withCtx(()=>[t.createVNode(l,{"aria-label":i.boldButtonLabel["aria-label"],"tooltip-text":i.boldButtonLabel["tooltip-text"],"keyboard-shortcut-text":o.boldButtonOptions.keyboardShortcutText,"data-qa":"bold","is-active":o.isSelectionActive("bold"),onClick:e[0]||(e[0]=c=>a.$emit("click","bold",c))},{icon:t.withCtx(()=>[t.createVNode(s,{class:"d-recipe-message-input__button-stack-icon",size:"200"})]),_:1},8,["aria-label","tooltip-text","keyboard-shortcut-text","is-active"]),t.createVNode(l,{"aria-label":i.italicButtonLabel["aria-label"],"tooltip-text":i.italicButtonLabel["tooltip-text"],"keyboard-shortcut-text":o.italicButtonOptions.keyboardShortcutText,"data-qa":"italic","is-active":o.isSelectionActive("italic"),onClick:e[1]||(e[1]=c=>a.$emit("click","italic",c))},{icon:t.withCtx(()=>[t.createVNode(r,{class:"d-recipe-message-input__button-stack-icon",size:"200"})]),_:1},8,["aria-label","tooltip-text","keyboard-shortcut-text","is-active"]),t.createVNode(l,{"aria-label":i.strikeButtonLabel["aria-label"],"tooltip-text":i.strikeButtonLabel["tooltip-text"],"keyboard-shortcut-text":o.strikeButtonOptions.keyboardShortcutText,"data-qa":"strikethrough","is-active":o.isSelectionActive("strike"),onClick:e[2]||(e[2]=c=>a.$emit("click","strike",c))},{icon:t.withCtx(()=>[t.createVNode(d,{class:"d-recipe-message-input__button-stack-icon",size:"200"})]),_:1},8,["aria-label","tooltip-text","keyboard-shortcut-text","is-active"]),v,t.renderSlot(a.$slots,"link"),E,t.createVNode(l,{"aria-label":i.bulletListButtonLabel["aria-label"],"tooltip-text":i.bulletListButtonLabel["tooltip-text"],"keyboard-shortcut-text":o.bulletListButtonOptions.keyboardShortcutText,"data-qa":"bullet-list","is-active":o.isSelectionActive("bulletList"),onClick:e[3]||(e[3]=c=>a.$emit("click","bulletList",c))},{icon:t.withCtx(()=>[t.createVNode(u,{class:"d-recipe-message-input__button-stack-icon",size:"200"})]),_:1},8,["aria-label","tooltip-text","keyboard-shortcut-text","is-active"]),t.createVNode(l,{"aria-label":i.orderedListButtonLabel["aria-label"],"tooltip-text":i.orderedListButtonLabel["tooltip-text"],"keyboard-shortcut-text":o.orderedListButtonOptions.keyboardShortcutText,"data-qa":"ordered-list","is-active":o.isSelectionActive("orderedList"),onClick:e[4]||(e[4]=c=>a.$emit("click","orderedList",c))},{icon:t.withCtx(()=>[t.createVNode(b,{class:"d-recipe-message-input__button-stack-icon",size:"200"})]),_:1},8,["aria-label","tooltip-text","keyboard-shortcut-text","is-active"]),I,t.createVNode(l,{"aria-label":i.blockQuoteButtonLabel["aria-label"],"tooltip-text":i.blockQuoteButtonLabel["tooltip-text"],"keyboard-shortcut-text":o.blockQuoteButtonOptions.keyboardShortcutText,"data-qa":"blockquote","is-active":o.isSelectionActive("blockquote"),onClick:e[5]||(e[5]=c=>a.$emit("click","blockquote",c))},{icon:t.withCtx(()=>[t.createVNode(_,{class:"d-recipe-message-input__button-stack-icon",size:"200"})]),_:1},8,["aria-label","tooltip-text","keyboard-shortcut-text","is-active"]),N,t.createVNode(l,{"aria-label":i.codeButtonLabel["aria-label"],"tooltip-text":i.codeButtonLabel["tooltip-text"],"keyboard-shortcut-text":o.codeButtonOptions.keyboardShortcutText,"data-qa":"code","is-active":o.isSelectionActive("code"),onClick:e[6]||(e[6]=c=>a.$emit("click","code",c))},{icon:t.withCtx(()=>[t.createVNode(k,{class:"d-recipe-message-input__button-stack-icon",size:"200"})]),_:1},8,["aria-label","tooltip-text","keyboard-shortcut-text","is-active"]),t.createVNode(l,{"aria-label":i.codeBlockButtonLabel["aria-label"],"tooltip-text":i.codeBlockButtonLabel["tooltip-text"],"keyboard-shortcut-text":o.codeBlockButtonOptions.keyboardShortcutText,"data-qa":"code-block","is-active":o.isSelectionActive("codeBlock"),onClick:e[7]||(e[7]=c=>a.$emit("click","codeBlock",c))},{icon:t.withCtx(()=>[t.createVNode(p,{class:"d-recipe-message-input__button-stack-icon",size:"200"})]),_:1},8,["aria-label","tooltip-text","keyboard-shortcut-text","is-active"])]),_:3})}const h=O._(T,[["render",S]]);exports.default=h;
//# sourceMappingURL=message-input-topbar.cjs.map