@dialpad/dialtone
Version:
Dialpad's Dialtone design system monorepo
3 lines (2 loc) • 5.25 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const _=require("@dialpad/dialtone-icons/vue3"),m=require("./message-input-button.cjs"),k=require("../../localization/index.cjs"),e=require("vue"),b=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),L=require("../stack/stack.cjs"),I=require("../button/button.cjs"),N=require("../input/input.cjs"),E=require("../popover/popover.cjs"),v={compatConfig:{MODE:3},name:"MessageInputLink",components:{DtPopover:E.default,DtInput:N.default,DtButton:I.default,DtStack:L.default,DtIconLink2:_.DtIconLink2,DtRecipeMessageInputButton:m.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,i18n:new k.DialtoneLocalization}},computed:{anchorButtonLabel(){return this.i18n.$ta("DIALTONE_MESSAGE_INPUT_LINK_BUTTON_LABEL")},textInputLabel(){return this.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_TEXT_LABEL")},linkInputLabel(){return this.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_LINK_LABEL")},linkInputPlaceHolder(){return this.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_LINK_PLACEHOLDER")},removeButtonLabel(){return this.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_REMOVE_LABEL")},cancelButtonLabel(){return this.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_CANCEL_LABEL")},confirmButtonLabel(){return this.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_CONFIRM_LABEL")}},watch:{open:{immediate:!0,handler(o){this.isOpen=o}}},methods:{setInitialValues(o,t){this.linkText=o,this.linkInput=t}}},T={class:"d-recipe-message-input__link-dialog-title"};function g(o,t,u,x,n,i){const p=e.resolveComponent("dt-icon-link2"),d=e.resolveComponent("dt-recipe-message-input-button"),s=e.resolveComponent("dt-input"),a=e.resolveComponent("dt-button"),r=e.resolveComponent("dt-stack"),c=e.resolveComponent("dt-popover");return e.openBlock(),e.createBlock(c,{open:n.isOpen,placement:"bottom-start","content-class":"d-recipe-message-input__link-popover","data-qa":"dt-message-input-link-popover","show-close-button":!1,onOpened:t[12]||(t[12]=l=>o.$emit("opened",l))},{anchor:e.withCtx(()=>[e.createVNode(d,{"aria-label":i.anchorButtonLabel["aria-label"],"tooltip-text":i.anchorButtonLabel["tooltip-text"],"keyboard-shortcut-text":u.linkButtonOptions.keyboardShortcutText,"data-qa":"message-input-link-btn","is-active":u.isSelectionActive("link"),onClick:t[0]||(t[0]=l=>n.isOpen=!0)},{icon:e.withCtx(()=>[e.createVNode(p,{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(r,{gap:"500"},{default:e.withCtx(()=>[e.createElementVNode("div",T,e.toDisplayString(n.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_DIALOG_TITLE")),1),e.createVNode(s,{modelValue:n.linkText,"onUpdate:modelValue":t[1]||(t[1]=l=>n.linkText=l),"input-aria-label":i.textInputLabel,size:"xs","data-qa":"dt-message-input-link-text-input",label:i.textInputLabel,"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(l=>o.$emit("set-link",n.linkText,n.linkInput),["enter"]))},null,8,["modelValue","input-aria-label","label"]),e.createVNode(s,{modelValue:n.linkInput,"onUpdate:modelValue":t[5]||(t[5]=l=>n.linkInput=l),"input-aria-label":i.linkInputLabel,size:"xs","data-qa":"dt-message-input-link-input",placeholder:i.linkInputPlaceHolder,label:i.linkInputLabel,"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(l=>o.$emit("set-link",n.linkText,n.linkInput),["enter"]))},null,8,["modelValue","input-aria-label","placeholder","label"]),e.createVNode(r,{direction:"row",class:"d-recipe-message-input__link-dialog-buttons"},{default:e.withCtx(()=>[e.createVNode(a,{"aria-label":i.removeButtonLabel,title:i.removeButtonLabel,importance:"clear",kind:"danger",size:"md","data-qa":"dt-message-input-link-remove-btn",onClick:t[9]||(t[9]=l=>o.$emit("remove-link",n.linkText,n.linkInput))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.removeButtonLabel),1)]),_:1},8,["aria-label","title"]),e.createVNode(r,{direction:"row",gap:"400"},{default:e.withCtx(()=>[e.createVNode(a,{"aria-label":i.cancelButtonLabel,title:i.cancelButtonLabel,importance:"clear",kind:"muted",size:"md","data-qa":"dt-message-input-link-cancel-btn",onClick:t[10]||(t[10]=l=>n.isOpen=!1)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.cancelButtonLabel),1)]),_:1},8,["aria-label","title"]),e.createVNode(a,{size:"md","aria-label":i.confirmButtonLabel,title:i.confirmButtonLabel,"data-qa":"dt-message-input-link-confirm-btn",onClick:t[11]||(t[11]=l=>o.$emit("set-link",n.linkText,n.linkInput))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.confirmButtonLabel),1)]),_:1},8,["aria-label","title"])]),_:1})]),_:1})]),_:1})]),_:1},8,["open"])}const f=b._(v,[["render",g]]);exports.default=f;
//# sourceMappingURL=message-input-link.cjs.map