@dialpad/dialtone
Version:
Dialpad's Dialtone design system monorepo
3 lines (2 loc) • 4.79 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const k=require("@dialpad/dialtone-icons/vue3"),c=require("./message-input-button.cjs"),e=require("vue"),m=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),b=require("../popover/popover.cjs"),v=require("../input/input.cjs"),g=require("../button/button.cjs"),_=require("../stack/stack.cjs"),f={compatConfig:{MODE:3},name:"MessageInputLink",components:{DtPopover:b.default,DtInput:v.default,DtButton:g.default,DtStack:_.default,DtIconLink2:k.DtIconLink2,DtRecipeMessageInputButton:c.default},props:{open:{type:Boolean,default:!1},linkButtonOptions:{type:Object,required:!0},isSelectionActive:{type:Function,default:()=>{}}},emits:["set-link","remove-link","opened"],data(){return{linkText:"",linkInput:"",isOpen:!1}},watch:{open:{immediate:!0,handler(l){this.isOpen=l}}},methods:{setInitialValues(l,t){this.linkText=l,this.linkInput=t}}},x={key:0,class:"d-recipe-message-input__link-dialog-title"};function O(l,t,n,C,i,w){const r=e.resolveComponent("dt-icon-link2"),p=e.resolveComponent("dt-recipe-message-input-button"),u=e.resolveComponent("dt-input"),s=e.resolveComponent("dt-button"),a=e.resolveComponent("dt-stack"),d=e.resolveComponent("dt-popover");return e.openBlock(),e.createBlock(d,{open:i.isOpen,placement:"bottom-start","content-class":"d-recipe-message-input__link-popover","visually-hidden-close":!0,"visually-hidden-close-label":n.linkButtonOptions.visuallyHiddenCloseText,"data-qa":"dt-message-input-link-popover","show-close-button":!1,onOpened:t[12]||(t[12]=o=>l.$emit("opened",o))},{anchor:e.withCtx(()=>[e.createVNode(p,{"aria-label":n.linkButtonOptions.ariaLabel,"tooltip-text":n.linkButtonOptions.tooltipText,"keyboard-shortcut-text":n.linkButtonOptions.keyboardShortcutText,"data-qa":"message-input-link-btn","is-active":n.isSelectionActive("link"),onClick:t[0]||(t[0]=o=>i.isOpen=!0)},{icon:e.withCtx(()=>[e.createVNode(r,{class:"d-recipe-message-input__button-stack-icon",size:"200"})]),_:1},8,["aria-label","tooltip-text","keyboard-shortcut-text","is-active"])]),content:e.withCtx(()=>[e.createVNode(a,{gap:"500"},{default:e.withCtx(()=>[n.linkButtonOptions.dialogTitle.length>0?(e.openBlock(),e.createElementBlock("div",x,e.toDisplayString(n.linkButtonOptions.dialogTitle),1)):e.createCommentVNode("",!0),e.createVNode(u,{modelValue:i.linkText,"onUpdate:modelValue":t[1]||(t[1]=o=>i.linkText=o),"input-aria-label":n.linkButtonOptions.textLabel,size:"xs","data-qa":"dt-message-input-link-text-input",label:n.linkButtonOptions.textLabel,"input-wrapper-class":"d-recipe-message-input__link-input",onClick:t[2]||(t[2]=e.withModifiers(()=>{},["stop"])),onFocus:t[3]||(t[3]=e.withModifiers(()=>{},["stop"])),onKeydown:t[4]||(t[4]=e.withKeys(o=>l.$emit("set-link",i.linkText,i.linkInput),["enter"]))},null,8,["modelValue","input-aria-label","label"]),e.createVNode(u,{modelValue:i.linkInput,"onUpdate:modelValue":t[5]||(t[5]=o=>i.linkInput=o),"input-aria-label":n.linkButtonOptions.linkLabel,size:"xs","data-qa":"dt-message-input-link-input",placeholder:n.linkButtonOptions.linkPlaceholder,label:n.linkButtonOptions.linkLabel,"input-wrapper-class":"d-recipe-message-input__link-input",onClick:t[6]||(t[6]=e.withModifiers(()=>{},["stop"])),onFocus:t[7]||(t[7]=e.withModifiers(()=>{},["stop"])),onKeydown:t[8]||(t[8]=e.withKeys(o=>l.$emit("set-link",i.linkText,i.linkInput),["enter"]))},null,8,["modelValue","input-aria-label","placeholder","label"]),e.createVNode(a,{direction:"row",class:"d-recipe-message-input__link-dialog-buttons"},{default:e.withCtx(()=>[e.createVNode(s,{"aria-label":n.linkButtonOptions.removeLabel,importance:"clear",kind:"danger",size:"md","data-qa":"dt-message-input-link-remove-btn",onClick:t[9]||(t[9]=o=>l.$emit("remove-link",i.linkText,i.linkInput))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.linkButtonOptions.removeLabel),1)]),_:1},8,["aria-label"]),e.createVNode(a,{direction:"row",gap:"400"},{default:e.withCtx(()=>[e.createVNode(s,{"aria-label":n.linkButtonOptions.cancelLabel,importance:"clear",kind:"muted",size:"md","data-qa":"dt-message-input-link-cancel-btn",onClick:t[10]||(t[10]=o=>i.isOpen=!1)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.linkButtonOptions.cancelLabel),1)]),_:1},8,["aria-label"]),e.createVNode(s,{size:"md","aria-label":n.linkButtonOptions.confirmLabel,"data-qa":"dt-message-input-link-confirm-btn",onClick:t[11]||(t[11]=o=>l.$emit("set-link",i.linkText,i.linkInput))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.linkButtonOptions.confirmLabel),1)]),_:1},8,["aria-label"])]),_:1})]),_:1})]),_:1})]),_:1},8,["open","visually-hidden-close-label"])}const B=m._(f,[["render",O]]);exports.default=B;
//# sourceMappingURL=message-input-link.cjs.map