@dialpad/dialtone/dist/vue3/lib/message-input/message-input-link.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(`../../localization/index.cjs`),n=require(`../button/button.cjs`),r=require(`../stack/stack.cjs`),i=require(`../popover/popover.cjs`),a=require(`../input/input.cjs`),o=require(`./message-input-button.cjs`);let s=require(`vue`),c=require(`@dialpad/dialtone-icons/vue3`);var l={compatConfig:{MODE:3},name:`MessageInputLink`,components:{DtPopover:i.default,DtInput:a.default,DtButton:n.default,DtStack:r.default,DtIconLink2:c.DtIconLink2,DtRecipeMessageInputButton:o.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 t.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(e){this.isOpen=e}}},methods:{setInitialValues(e,t){this.linkText=e,this.linkInput=t}}},u={class:`d-recipe-message-input__link-dialog-title`};function d(e,t,n,r,i,a){let o=(0,s.resolveComponent)(`dt-icon-link2`),c=(0,s.resolveComponent)(`dt-recipe-message-input-button`),l=(0,s.resolveComponent)(`dt-input`),d=(0,s.resolveComponent)(`dt-button`),f=(0,s.resolveComponent)(`dt-stack`),p=(0,s.resolveComponent)(`dt-popover`);return(0,s.openBlock)(),(0,s.createBlock)(p,{open:i.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]=t=>e.$emit(`opened`,t))},{anchor:(0,s.withCtx)(()=>[(0,s.createVNode)(c,{"aria-label":a.anchorButtonLabel[`aria-label`],"tooltip-text":a.anchorButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.linkButtonOptions.keyboardShortcutText,"data-qa":`message-input-link-btn`,"is-active":n.isSelectionActive(`link`),onClick:t[0]||(t[0]=e=>i.isOpen=!0)},{icon:(0,s.withCtx)(()=>[(0,s.createVNode)(o,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`])]),content:(0,s.withCtx)(()=>[(0,s.createVNode)(f,{gap:`500`},{default:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`div`,u,(0,s.toDisplayString)(i.i18n.$t(`DIALTONE_MESSAGE_INPUT_LINK_DIALOG_TITLE`)),1),(0,s.createVNode)(l,{modelValue:i.linkText,"onUpdate:modelValue":t[1]||(t[1]=e=>i.linkText=e),"input-aria-label":a.textInputLabel,size:`xs`,"data-qa":`dt-message-input-link-text-input`,label:a.textInputLabel,"input-wrapper-class":`d-recipe-message-input__link-input`,onClick:t[2]||(t[2]=(0,s.withModifiers)(()=>{},[`stop`])),onFocus:t[3]||(t[3]=(0,s.withModifiers)(()=>{},[`stop`])),onKeydown:t[4]||(t[4]=(0,s.withKeys)(t=>e.$emit(`set-link`,i.linkText,i.linkInput),[`enter`]))},null,8,[`modelValue`,`input-aria-label`,`label`]),(0,s.createVNode)(l,{modelValue:i.linkInput,"onUpdate:modelValue":t[5]||(t[5]=e=>i.linkInput=e),"input-aria-label":a.linkInputLabel,size:`xs`,"data-qa":`dt-message-input-link-input`,placeholder:a.linkInputPlaceHolder,label:a.linkInputLabel,"input-wrapper-class":`d-recipe-message-input__link-input`,onClick:t[6]||(t[6]=(0,s.withModifiers)(()=>{},[`stop`])),onFocus:t[7]||(t[7]=(0,s.withModifiers)(()=>{},[`stop`])),onKeydown:t[8]||(t[8]=(0,s.withKeys)(t=>e.$emit(`set-link`,i.linkText,i.linkInput),[`enter`]))},null,8,[`modelValue`,`input-aria-label`,`placeholder`,`label`]),(0,s.createVNode)(f,{direction:`row`,class:`d-recipe-message-input__link-dialog-buttons`},{default:(0,s.withCtx)(()=>[(0,s.createVNode)(d,{"aria-label":a.removeButtonLabel,title:a.removeButtonLabel,importance:`clear`,kind:`danger`,size:`md`,"data-qa":`dt-message-input-link-remove-btn`,onClick:t[9]||(t[9]=t=>e.$emit(`remove-link`,i.linkText,i.linkInput))},{default:(0,s.withCtx)(()=>[(0,s.createTextVNode)((0,s.toDisplayString)(a.removeButtonLabel),1)]),_:1},8,[`aria-label`,`title`]),(0,s.createVNode)(f,{direction:`row`,gap:`400`},{default:(0,s.withCtx)(()=>[(0,s.createVNode)(d,{"aria-label":a.cancelButtonLabel,title:a.cancelButtonLabel,importance:`clear`,kind:`muted`,size:`md`,"data-qa":`dt-message-input-link-cancel-btn`,onClick:t[10]||(t[10]=e=>i.isOpen=!1)},{default:(0,s.withCtx)(()=>[(0,s.createTextVNode)((0,s.toDisplayString)(a.cancelButtonLabel),1)]),_:1},8,[`aria-label`,`title`]),(0,s.createVNode)(d,{size:`md`,"aria-label":a.confirmButtonLabel,title:a.confirmButtonLabel,"data-qa":`dt-message-input-link-confirm-btn`,onClick:t[11]||(t[11]=t=>e.$emit(`set-link`,i.linkText,i.linkInput))},{default:(0,s.withCtx)(()=>[(0,s.createTextVNode)((0,s.toDisplayString)(a.confirmButtonLabel),1)]),_:1},8,[`aria-label`,`title`])]),_:1})]),_:1})]),_:1})]),_:1},8,[`open`])}var f=e.t(l,[[`render`,d]]);exports.default=f;
//# sourceMappingURL=message-input-link.cjs.map