@dialpad/dialtone-vue 3.220.0-next.4 → 3.220.0

package/dist/lib/message-input/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../message_input-rXsWKem_.js";
+import { t as e } from "../../message_input-DO6pV_GG.js";
 export { e as DtRecipeMessageInput };

package/dist/lib/message-input/message-input-button.cjs

@@ -1,2 +1,2 @@
-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`),n=require(`../stack/stack.cjs`),r=require(`../tooltip/tooltip.cjs`),i=require(`../keyboard-shortcut/keyboard-shortcut.cjs`);let a=require(`vue`);var o={compatConfig:{MODE:3},name:`DtRecipeMessageInputButton`,components:{DtButton:t.default,DtTooltip:r.default,DtStack:n.default,DtKeyboardShortcut:i.default},props:{ariaLabel:{type:String,required:!0},tooltipText:{type:String,required:!0},keyboardShortcutText:{type:String,default:``},isActive:{type:Boolean,default:!1},dataQa:{type:String,required:!0}},emits:[`click`]};function s(e,t,n,r,i,o){let s=(0,a.resolveComponent)(`dt-button`),c=(0,a.resolveComponent)(`dt-keyboard-shortcut`),l=(0,a.resolveComponent)(`dt-stack`),u=(0,a.resolveComponent)(`dt-tooltip`);return(0,a.openBlock)(),(0,a.createBlock)(u,null,{anchor:(0,a.withCtx)(()=>[(0,a.createVNode)(s,{"data-qa":n.dataQa,importance:`clear`,kind:`muted`,"aria-label":n.ariaLabel,size:100,active:n.isActive,onClick:t[0]||(t[0]=t=>e.$emit(`click`,t))},{icon:(0,a.withCtx)(()=>[(0,a.renderSlot)(e.$slots,`icon`)]),_:3},8,[`data-qa`,`aria-label`,`active`])]),default:(0,a.withCtx)(()=>[(0,a.createVNode)(l,{gap:`200`},{default:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`p`,null,(0,a.toDisplayString)(n.tooltipText),1),n.keyboardShortcutText?((0,a.openBlock)(),(0,a.createBlock)(c,{key:0,inverted:``,shortcut:n.keyboardShortcutText},null,8,[`shortcut`])):(0,a.createCommentVNode)(``,!0)]),_:1})]),_:3})}var c=e.t(o,[[`render`,s]]);exports.default=c;
+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`),n=require(`../stack/stack.cjs`),r=require(`../tooltip/tooltip.cjs`),i=require(`../keyboard-shortcut/keyboard-shortcut.cjs`);let a=require(`vue`);var o={compatConfig:{MODE:3},name:`DtRecipeMessageInputButton`,components:{DtButton:t.default,DtTooltip:r.default,DtStack:n.default,DtKeyboardShortcut:i.default},props:{ariaLabel:{type:String,required:!0},tooltipText:{type:String,required:!0},keyboardShortcutText:{type:String,default:``},isActive:{type:Boolean,default:!1},dataQa:{type:String,required:!0}},emits:[`click`]};function s(e,t,n,r,i,o){let s=(0,a.resolveComponent)(`dt-button`),c=(0,a.resolveComponent)(`dt-keyboard-shortcut`),l=(0,a.resolveComponent)(`dt-stack`),u=(0,a.resolveComponent)(`dt-tooltip`);return(0,a.openBlock)(),(0,a.createBlock)(u,null,{anchor:(0,a.withCtx)(()=>[(0,a.createVNode)(s,{"data-qa":n.dataQa,importance:`clear`,kind:`muted`,"aria-label":n.ariaLabel,size:`xs`,active:n.isActive,onClick:t[0]||(t[0]=t=>e.$emit(`click`,t))},{icon:(0,a.withCtx)(()=>[(0,a.renderSlot)(e.$slots,`icon`)]),_:3},8,[`data-qa`,`aria-label`,`active`])]),default:(0,a.withCtx)(()=>[(0,a.createVNode)(l,{gap:`200`},{default:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`p`,null,(0,a.toDisplayString)(n.tooltipText),1),n.keyboardShortcutText?((0,a.openBlock)(),(0,a.createBlock)(c,{key:0,inverted:``,shortcut:n.keyboardShortcutText},null,8,[`shortcut`])):(0,a.createCommentVNode)(``,!0)]),_:1})]),_:3})}var c=e.t(o,[[`render`,s]]);exports.default=c;
 //# sourceMappingURL=message-input-button.cjs.map

package/dist/lib/message-input/message-input-button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"message-input-button.cjs","names":[],"sources":["../../../recipes/conversation_view/message_input/message_input_button.vue"],"sourcesContent":["<template>\n  <dt-tooltip>\n    <template #anchor>\n      <dt-button\n        :data-qa=\"dataQa\"\n        importance=\"clear\"\n        kind=\"muted\"\n        :aria-label=\"ariaLabel\"\n        :size=\"100\"\n        :active=\"isActive\"\n        @click=\"$emit('click', $event)\"\n      >\n        <template #icon>\n          <slot name=\"icon\" />\n        </template>\n      </dt-button>\n    </template>\n    <dt-stack gap=\"200\">\n      <p>{{ tooltipText }}</p>\n      <dt-keyboard-shortcut\n        v-if=\"keyboardShortcutText\"\n        inverted\n        :shortcut=\"keyboardShortcutText\"\n      />\n    </dt-stack>\n  </dt-tooltip>\n</template>\n\n<script>\nimport { DtButton } from '@/components/button';\nimport { DtTooltip } from '@/components/tooltip';\nimport { DtStack } from '@/components/stack';\nimport { DtKeyboardShortcut } from '@/components/keyboard_shortcut';\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeMessageInputButton',\n  components: {\n    DtButton,\n    DtTooltip,\n    DtStack,\n    DtKeyboardShortcut,\n  },\n\n  props: {\n    ariaLabel: {\n      type: String,\n      required: true,\n    },\n\n    tooltipText: {\n      type: String,\n      required: true,\n    },\n\n    keyboardShortcutText: {\n      type: String,\n      default: '',\n    },\n\n    isActive: {\n      type: Boolean,\n      default: false,\n    },\n\n    dataQa: {\n      type: String,\n      required: true,\n    },\n  },\n\n  emits: ['click'],\n};\n</script>\n"],"mappings":"sXAiCA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,6BACN,WAAY,CACV,SAAA,EAAA,QACA,UAAA,EAAA,QACA,QAAA,EAAA,QACA,mBAAA,EAAA,QACD,CAED,MAAO,CACL,UAAW,CACT,KAAM,OACN,SAAU,GACX,CAED,YAAa,CACX,KAAM,OACN,SAAU,GACX,CAED,qBAAsB,CACpB,KAAM,OACN,QAAS,GACV,CAED,SAAU,CACR,KAAM,QACN,QAAS,GACV,CAED,OAAQ,CACN,KAAM,OACN,SAAU,GACX,CACF,CAED,MAAO,CAAC,QAAQ,CACjB,0OA9Cc,EAAA,KAAA,CAvBA,QAAA,EAAA,EAAA,aAaG,EAAA,EAAA,EAAA,aAAA,EAAA,CAXT,UAAS,EAAA,OACV,WAAW,QACX,KAAK,QACJ,aAAY,EAAA,UACZ,KAAM,IACN,OAAQ,EAAA,SACR,QAAK,EAAA,KAAA,EAAA,GAAA,GAAE,EAAA,MAAK,QAAU,EAAM,IAElB,MAAA,EAAA,EAAA,aACW,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,OAAA,CAAA,CAAA,uEAWf,EAAA,EAAA,EAAA,aAAA,EAAA,CAPD,IAAI,MAAK,CAAA,2BACO,EAAA,EAAA,EAAA,oBAAA,IAAA,MAAA,EAAA,EAAA,iBAAlB,EAAA,YAAW,CAAA,EAAA,CAET,EAAA,uBAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,aAGN,EAAA,OAFA,SAAA,GACC,SAAU,EAAA"}
+{"version":3,"file":"message-input-button.cjs","names":[],"sources":["../../../recipes/conversation_view/message_input/message_input_button.vue"],"sourcesContent":["<template>\n  <dt-tooltip>\n    <template #anchor>\n      <dt-button\n        :data-qa=\"dataQa\"\n        importance=\"clear\"\n        kind=\"muted\"\n        :aria-label=\"ariaLabel\"\n        size=\"xs\"\n        :active=\"isActive\"\n        @click=\"$emit('click', $event)\"\n      >\n        <template #icon>\n          <slot name=\"icon\" />\n        </template>\n      </dt-button>\n    </template>\n    <dt-stack gap=\"200\">\n      <p>{{ tooltipText }}</p>\n      <dt-keyboard-shortcut\n        v-if=\"keyboardShortcutText\"\n        inverted\n        :shortcut=\"keyboardShortcutText\"\n      />\n    </dt-stack>\n  </dt-tooltip>\n</template>\n\n<script>\nimport { DtButton } from '@/components/button';\nimport { DtTooltip } from '@/components/tooltip';\nimport { DtStack } from '@/components/stack';\nimport { DtKeyboardShortcut } from '@/components/keyboard_shortcut';\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeMessageInputButton',\n  components: {\n    DtButton,\n    DtTooltip,\n    DtStack,\n    DtKeyboardShortcut,\n  },\n\n  props: {\n    ariaLabel: {\n      type: String,\n      required: true,\n    },\n\n    tooltipText: {\n      type: String,\n      required: true,\n    },\n\n    keyboardShortcutText: {\n      type: String,\n      default: '',\n    },\n\n    isActive: {\n      type: Boolean,\n      default: false,\n    },\n\n    dataQa: {\n      type: String,\n      required: true,\n    },\n  },\n\n  emits: ['click'],\n};\n</script>\n"],"mappings":"sXAiCA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,6BACN,WAAY,CACV,SAAA,EAAA,QACA,UAAA,EAAA,QACA,QAAA,EAAA,QACA,mBAAA,EAAA,QACD,CAED,MAAO,CACL,UAAW,CACT,KAAM,OACN,SAAU,GACX,CAED,YAAa,CACX,KAAM,OACN,SAAU,GACX,CAED,qBAAsB,CACpB,KAAM,OACN,QAAS,GACV,CAED,SAAU,CACR,KAAM,QACN,QAAS,GACV,CAED,OAAQ,CACN,KAAM,OACN,SAAU,GACX,CACF,CAED,MAAO,CAAC,QAAQ,CACjB,0OA9Cc,EAAA,KAAA,CAvBA,QAAA,EAAA,EAAA,aAaG,EAAA,EAAA,EAAA,aAAA,EAAA,CAXT,UAAS,EAAA,OACV,WAAW,QACX,KAAK,QACJ,aAAY,EAAA,UACb,KAAK,KACJ,OAAQ,EAAA,SACR,QAAK,EAAA,KAAA,EAAA,GAAA,GAAE,EAAA,MAAK,QAAU,EAAM,IAElB,MAAA,EAAA,EAAA,aACW,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,OAAA,CAAA,CAAA,uEAWf,EAAA,EAAA,EAAA,aAAA,EAAA,CAPD,IAAI,MAAK,CAAA,2BACO,EAAA,EAAA,EAAA,oBAAA,IAAA,MAAA,EAAA,EAAA,iBAAlB,EAAA,YAAW,CAAA,EAAA,CAET,EAAA,uBAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,aAGN,EAAA,OAFA,SAAA,GACC,SAAU,EAAA"}

package/dist/lib/message-input/message-input-button.js

@@ -46,7 +46,7 @@ function h(e, t, n, r, i, m) {
 			importance: "clear",
 			kind: "muted",
 			"aria-label": n.ariaLabel,
-			size: 100,
+			size: "xs",
 			active: n.isActive,
 			onClick: t[0] || (t[0] = (t) => e.$emit("click", t))
 		}, {

package/dist/lib/message-input/message-input-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"message-input-button.js","names":[],"sources":["../../../recipes/conversation_view/message_input/message_input_button.vue"],"sourcesContent":["<template>\n  <dt-tooltip>\n    <template #anchor>\n      <dt-button\n        :data-qa=\"dataQa\"\n        importance=\"clear\"\n        kind=\"muted\"\n        :aria-label=\"ariaLabel\"\n        :size=\"100\"\n        :active=\"isActive\"\n        @click=\"$emit('click', $event)\"\n      >\n        <template #icon>\n          <slot name=\"icon\" />\n        </template>\n      </dt-button>\n    </template>\n    <dt-stack gap=\"200\">\n      <p>{{ tooltipText }}</p>\n      <dt-keyboard-shortcut\n        v-if=\"keyboardShortcutText\"\n        inverted\n        :shortcut=\"keyboardShortcutText\"\n      />\n    </dt-stack>\n  </dt-tooltip>\n</template>\n\n<script>\nimport { DtButton } from '@/components/button';\nimport { DtTooltip } from '@/components/tooltip';\nimport { DtStack } from '@/components/stack';\nimport { DtKeyboardShortcut } from '@/components/keyboard_shortcut';\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeMessageInputButton',\n  components: {\n    DtButton,\n    DtTooltip,\n    DtStack,\n    DtKeyboardShortcut,\n  },\n\n  props: {\n    ariaLabel: {\n      type: String,\n      required: true,\n    },\n\n    tooltipText: {\n      type: String,\n      required: true,\n    },\n\n    keyboardShortcutText: {\n      type: String,\n      default: '',\n    },\n\n    isActive: {\n      type: Boolean,\n      default: false,\n    },\n\n    dataQa: {\n      type: String,\n      required: true,\n    },\n  },\n\n  emits: ['click'],\n};\n</script>\n"],"mappings":";;;;;;;AAiCA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CACN,YAAY;EACV,UAAA;EACA,WAAA;EACA,SAAA;EACA,oBAAA;EACD;CAED,OAAO;EACL,WAAW;GACT,MAAM;GACN,UAAU;GACX;EAED,aAAa;GACX,MAAM;GACN,UAAU;GACX;EAED,sBAAsB;GACpB,MAAM;GACN,SAAS;GACV;EAED,UAAU;GACR,MAAM;GACN,SAAS;GACV;EAED,QAAQ;GACN,MAAM;GACN,UAAU;GACX;EACF;CAED,OAAO,CAAC,QAAQ;CACjB;;;aAtEC,EAwBa,GAAA,MAAA;EAvBA,QAAM,QAaH,CAZZ,EAYY,GAAA;GAXT,WAAS,EAAA;GACV,YAAW;GACX,MAAK;GACJ,cAAY,EAAA;GACZ,MAAM;GACN,QAAQ,EAAA;GACR,SAAK,EAAA,OAAA,EAAA,MAAA,MAAE,EAAA,MAAK,SAAU,EAAM;;GAElB,MAAI,QACO,CAApB,EAAoB,EAAA,QAAA,OAAA,CAAA,CAAA;;;;;;;mBAWf,CAPX,EAOW,GAAA,EAPD,KAAI,OAAK,EAAA;oBACO,CAAxB,EAAwB,KAAA,MAAA,EAAlB,EAAA,YAAW,EAAA,EAAA,EAET,EAAA,wBAAA,GAAA,EADR,EAIE,GAAA;;IAFA,UAAA;IACC,UAAU,EAAA"}
+{"version":3,"file":"message-input-button.js","names":[],"sources":["../../../recipes/conversation_view/message_input/message_input_button.vue"],"sourcesContent":["<template>\n  <dt-tooltip>\n    <template #anchor>\n      <dt-button\n        :data-qa=\"dataQa\"\n        importance=\"clear\"\n        kind=\"muted\"\n        :aria-label=\"ariaLabel\"\n        size=\"xs\"\n        :active=\"isActive\"\n        @click=\"$emit('click', $event)\"\n      >\n        <template #icon>\n          <slot name=\"icon\" />\n        </template>\n      </dt-button>\n    </template>\n    <dt-stack gap=\"200\">\n      <p>{{ tooltipText }}</p>\n      <dt-keyboard-shortcut\n        v-if=\"keyboardShortcutText\"\n        inverted\n        :shortcut=\"keyboardShortcutText\"\n      />\n    </dt-stack>\n  </dt-tooltip>\n</template>\n\n<script>\nimport { DtButton } from '@/components/button';\nimport { DtTooltip } from '@/components/tooltip';\nimport { DtStack } from '@/components/stack';\nimport { DtKeyboardShortcut } from '@/components/keyboard_shortcut';\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeMessageInputButton',\n  components: {\n    DtButton,\n    DtTooltip,\n    DtStack,\n    DtKeyboardShortcut,\n  },\n\n  props: {\n    ariaLabel: {\n      type: String,\n      required: true,\n    },\n\n    tooltipText: {\n      type: String,\n      required: true,\n    },\n\n    keyboardShortcutText: {\n      type: String,\n      default: '',\n    },\n\n    isActive: {\n      type: Boolean,\n      default: false,\n    },\n\n    dataQa: {\n      type: String,\n      required: true,\n    },\n  },\n\n  emits: ['click'],\n};\n</script>\n"],"mappings":";;;;;;;AAiCA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CACN,YAAY;EACV,UAAA;EACA,WAAA;EACA,SAAA;EACA,oBAAA;EACD;CAED,OAAO;EACL,WAAW;GACT,MAAM;GACN,UAAU;GACX;EAED,aAAa;GACX,MAAM;GACN,UAAU;GACX;EAED,sBAAsB;GACpB,MAAM;GACN,SAAS;GACV;EAED,UAAU;GACR,MAAM;GACN,SAAS;GACV;EAED,QAAQ;GACN,MAAM;GACN,UAAU;GACX;EACF;CAED,OAAO,CAAC,QAAQ;CACjB;;;aAtEC,EAwBa,GAAA,MAAA;EAvBA,QAAM,QAaH,CAZZ,EAYY,GAAA;GAXT,WAAS,EAAA;GACV,YAAW;GACX,MAAK;GACJ,cAAY,EAAA;GACb,MAAK;GACJ,QAAQ,EAAA;GACR,SAAK,EAAA,OAAA,EAAA,MAAA,MAAE,EAAA,MAAK,SAAU,EAAM;;GAElB,MAAI,QACO,CAApB,EAAoB,EAAA,QAAA,OAAA,CAAA,CAAA;;;;;;;mBAWf,CAPX,EAOW,GAAA,EAPD,KAAI,OAAK,EAAA;oBACO,CAAxB,EAAwB,KAAA,MAAA,EAAlB,EAAA,YAAW,EAAA,EAAA,EAET,EAAA,wBAAA,GAAA,EADR,EAIE,GAAA;;IAFA,UAAA;IACC,UAAU,EAAA"}

package/dist/lib/message-input/message-input-link.cjs

@@ -1,2 +1,2 @@
-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/vue`);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:`200`},{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:100,"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:100,"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:`critical`,size:300,"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:`100`},{default:(0,s.withCtx)(()=>[(0,s.createVNode)(d,{"aria-label":a.cancelButtonLabel,title:a.cancelButtonLabel,importance:`clear`,kind:`muted`,size:300,"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:300,"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;
+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

package/dist/lib/message-input/message-input-link.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"message-input-link.cjs","names":[],"sources":["../../../recipes/conversation_view/message_input/message_input_link.vue"],"sourcesContent":["<template>\n  <dt-popover\n    :open=\"isOpen\"\n    placement=\"bottom-start\"\n    content-class=\"d-recipe-message-input__link-popover\"\n    data-qa=\"dt-message-input-link-popover\"\n    :show-close-button=\"false\"\n    @opened=\"$emit('opened', $event)\"\n  >\n    <template #anchor>\n      <dt-recipe-message-input-button\n        :aria-label=\"anchorButtonLabel['aria-label']\"\n        :tooltip-text=\"anchorButtonLabel['tooltip-text']\"\n        :keyboard-shortcut-text=\"linkButtonOptions.keyboardShortcutText\"\n        data-qa=\"message-input-link-btn\"\n        :is-active=\"isSelectionActive('link')\"\n        @click=\"isOpen = true\"\n      >\n        <template #icon>\n          <dt-icon-link2\n            class=\"d-recipe-message-input__button-stack-icon\"\n            size=\"200\"\n          />\n        </template>\n      </dt-recipe-message-input-button>\n    </template>\n\n    <template #content>\n      <dt-stack gap=\"200\">\n        <div\n          class=\"d-recipe-message-input__link-dialog-title\"\n        >\n          {{ i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_DIALOG_TITLE') }}\n        </div>\n        <dt-input\n          v-model=\"linkText\"\n          :input-aria-label=\"textInputLabel\"\n          :size=\"100\"\n          data-qa=\"dt-message-input-link-text-input\"\n          :label=\"textInputLabel\"\n          input-wrapper-class=\"d-recipe-message-input__link-input\"\n          @click.stop\n          @focus.stop\n          @keydown.enter=\"$emit('set-link', linkText, linkInput)\"\n        />\n        <dt-input\n          v-model=\"linkInput\"\n          :input-aria-label=\"linkInputLabel\"\n          :size=\"100\"\n          data-qa=\"dt-message-input-link-input\"\n          :placeholder=\"linkInputPlaceHolder\"\n          :label=\"linkInputLabel\"\n          input-wrapper-class=\"d-recipe-message-input__link-input\"\n          @click.stop\n          @focus.stop\n          @keydown.enter=\"$emit('set-link', linkText, linkInput)\"\n        />\n        <dt-stack\n          direction=\"row\"\n          class=\"d-recipe-message-input__link-dialog-buttons\"\n        >\n          <dt-button\n            :aria-label=\"removeButtonLabel\"\n            :title=\"removeButtonLabel\"\n            importance=\"clear\"\n            kind=\"critical\"\n            :size=\"300\"\n            data-qa=\"dt-message-input-link-remove-btn\"\n            @click=\"$emit('remove-link', linkText, linkInput)\"\n          >\n            {{ removeButtonLabel }}\n          </dt-button>\n          <dt-stack\n            direction=\"row\"\n            gap=\"100\"\n          >\n            <dt-button\n              :aria-label=\"cancelButtonLabel\"\n              :title=\"cancelButtonLabel\"\n              importance=\"clear\"\n              kind=\"muted\"\n              :size=\"300\"\n              data-qa=\"dt-message-input-link-cancel-btn\"\n              @click=\"isOpen = false\"\n            >\n              {{ cancelButtonLabel }}\n            </dt-button>\n            <dt-button\n              :size=\"300\"\n              :aria-label=\"confirmButtonLabel\"\n              :title=\"confirmButtonLabel\"\n              data-qa=\"dt-message-input-link-confirm-btn\"\n              @click=\"$emit('set-link', linkText, linkInput)\"\n            >\n              {{ confirmButtonLabel }}\n            </dt-button>\n          </dt-stack>\n        </dt-stack>\n      </dt-stack>\n    </template>\n  </dt-popover>\n</template>\n\n<script>\nimport { DtPopover } from '@/components/popover';\nimport { DtInput } from '@/components/input';\nimport { DtButton } from '@/components/button';\nimport { DtStack } from '@/components/stack';\nimport { DtIconLink2 } from '@dialpad/dialtone-icons/vue';\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'MessageInputLink',\n\n  components: {\n    DtPopover,\n    DtInput,\n    DtButton,\n    DtStack,\n    DtIconLink2,\n    DtRecipeMessageInputButton,\n  },\n\n  props: {\n    open: {\n      type: Boolean,\n      default: false,\n    },\n\n    linkButtonOptions: {\n      type: Object,\n      required: true,\n    },\n\n    isSelectionActive: {\n      type: Function,\n      default: () => {},\n    },\n  },\n\n  emits: ['set-link', 'remove-link', 'opened'],\n\n  data () {\n    return {\n      linkText: '',\n      linkInput: '',\n      isOpen: false,\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    anchorButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_LINK_BUTTON_LABEL'); },\n    textInputLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_TEXT_LABEL'); },\n    linkInputLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_LINK_LABEL'); },\n    linkInputPlaceHolder () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_LINK_PLACEHOLDER'); },\n    removeButtonLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_REMOVE_LABEL'); },\n    cancelButtonLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_CANCEL_LABEL'); },\n    confirmButtonLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_CONFIRM_LABEL'); },\n  },\n\n  watch: {\n    open: {\n      immediate: true,\n      handler (value) {\n        this.isOpen = value;\n      },\n    },\n  },\n\n  methods: {\n    setInitialValues (linkText, linkInput) {\n      this.linkText = linkText;\n      this.linkInput = linkInput;\n    },\n  },\n};\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"message-input-link.cjs","names":[],"sources":["../../../recipes/conversation_view/message_input/message_input_link.vue"],"sourcesContent":["<template>\n  <dt-popover\n    :open=\"isOpen\"\n    placement=\"bottom-start\"\n    content-class=\"d-recipe-message-input__link-popover\"\n    data-qa=\"dt-message-input-link-popover\"\n    :show-close-button=\"false\"\n    @opened=\"$emit('opened', $event)\"\n  >\n    <template #anchor>\n      <dt-recipe-message-input-button\n        :aria-label=\"anchorButtonLabel['aria-label']\"\n        :tooltip-text=\"anchorButtonLabel['tooltip-text']\"\n        :keyboard-shortcut-text=\"linkButtonOptions.keyboardShortcutText\"\n        data-qa=\"message-input-link-btn\"\n        :is-active=\"isSelectionActive('link')\"\n        @click=\"isOpen = true\"\n      >\n        <template #icon>\n          <dt-icon-link2\n            class=\"d-recipe-message-input__button-stack-icon\"\n            size=\"200\"\n          />\n        </template>\n      </dt-recipe-message-input-button>\n    </template>\n\n    <template #content>\n      <dt-stack gap=\"500\">\n        <div\n          class=\"d-recipe-message-input__link-dialog-title\"\n        >\n          {{ i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_DIALOG_TITLE') }}\n        </div>\n        <dt-input\n          v-model=\"linkText\"\n          :input-aria-label=\"textInputLabel\"\n          size=\"xs\"\n          data-qa=\"dt-message-input-link-text-input\"\n          :label=\"textInputLabel\"\n          input-wrapper-class=\"d-recipe-message-input__link-input\"\n          @click.stop\n          @focus.stop\n          @keydown.enter=\"$emit('set-link', linkText, linkInput)\"\n        />\n        <dt-input\n          v-model=\"linkInput\"\n          :input-aria-label=\"linkInputLabel\"\n          size=\"xs\"\n          data-qa=\"dt-message-input-link-input\"\n          :placeholder=\"linkInputPlaceHolder\"\n          :label=\"linkInputLabel\"\n          input-wrapper-class=\"d-recipe-message-input__link-input\"\n          @click.stop\n          @focus.stop\n          @keydown.enter=\"$emit('set-link', linkText, linkInput)\"\n        />\n        <dt-stack\n          direction=\"row\"\n          class=\"d-recipe-message-input__link-dialog-buttons\"\n        >\n          <dt-button\n            :aria-label=\"removeButtonLabel\"\n            :title=\"removeButtonLabel\"\n            importance=\"clear\"\n            kind=\"danger\"\n            size=\"md\"\n            data-qa=\"dt-message-input-link-remove-btn\"\n            @click=\"$emit('remove-link', linkText, linkInput)\"\n          >\n            {{ removeButtonLabel }}\n          </dt-button>\n          <dt-stack\n            direction=\"row\"\n            gap=\"400\"\n          >\n            <dt-button\n              :aria-label=\"cancelButtonLabel\"\n              :title=\"cancelButtonLabel\"\n              importance=\"clear\"\n              kind=\"muted\"\n              size=\"md\"\n              data-qa=\"dt-message-input-link-cancel-btn\"\n              @click=\"isOpen = false\"\n            >\n              {{ cancelButtonLabel }}\n            </dt-button>\n            <dt-button\n              size=\"md\"\n              :aria-label=\"confirmButtonLabel\"\n              :title=\"confirmButtonLabel\"\n              data-qa=\"dt-message-input-link-confirm-btn\"\n              @click=\"$emit('set-link', linkText, linkInput)\"\n            >\n              {{ confirmButtonLabel }}\n            </dt-button>\n          </dt-stack>\n        </dt-stack>\n      </dt-stack>\n    </template>\n  </dt-popover>\n</template>\n\n<script>\nimport { DtPopover } from '@/components/popover';\nimport { DtInput } from '@/components/input';\nimport { DtButton } from '@/components/button';\nimport { DtStack } from '@/components/stack';\nimport { DtIconLink2 } from '@dialpad/dialtone-icons/vue3';\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'MessageInputLink',\n\n  components: {\n    DtPopover,\n    DtInput,\n    DtButton,\n    DtStack,\n    DtIconLink2,\n    DtRecipeMessageInputButton,\n  },\n\n  props: {\n    open: {\n      type: Boolean,\n      default: false,\n    },\n\n    linkButtonOptions: {\n      type: Object,\n      required: true,\n    },\n\n    isSelectionActive: {\n      type: Function,\n      default: () => {},\n    },\n  },\n\n  emits: ['set-link', 'remove-link', 'opened'],\n\n  data () {\n    return {\n      linkText: '',\n      linkInput: '',\n      isOpen: false,\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    anchorButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_LINK_BUTTON_LABEL'); },\n    textInputLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_TEXT_LABEL'); },\n    linkInputLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_LINK_LABEL'); },\n    linkInputPlaceHolder () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_LINK_PLACEHOLDER'); },\n    removeButtonLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_REMOVE_LABEL'); },\n    cancelButtonLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_CANCEL_LABEL'); },\n    confirmButtonLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_CONFIRM_LABEL'); },\n  },\n\n  watch: {\n    open: {\n      immediate: true,\n      handler (value) {\n        this.isOpen = value;\n      },\n    },\n  },\n\n  methods: {\n    setInitialValues (linkText, linkInput) {\n      this.linkText = linkText;\n      this.linkInput = linkInput;\n    },\n  },\n};\n</script>\n"],"mappings":"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"}

package/dist/lib/message-input/message-input-link.js

@@ -6,7 +6,7 @@ import i from "../popover/popover.js";
 import a from "../input/input.js";
 import o from "./message-input-button.js";
 import { createBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, openBlock as d, resolveComponent as f, toDisplayString as p, withCtx as m, withKeys as h, withModifiers as g } from "vue";
-import { DtIconLink2 as _ } from "@dialpad/dialtone-icons/vue";
+import { DtIconLink2 as _ } from "@dialpad/dialtone-icons/vue3";
 //#region recipes/conversation_view/message_input/message_input_link.vue
 var v = {
 	compatConfig: { MODE: 3 },
@@ -108,14 +108,14 @@ function b(e, t, n, r, i, a) {
 			"keyboard-shortcut-text",
 			"is-active"
 		])]),
-		content: m(() => [u(x, { gap: "200" }, {
+		content: m(() => [u(x, { gap: "500" }, {
 			default: m(() => [
 				c("div", y, p(i.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_DIALOG_TITLE")), 1),
 				u(v, {
 					modelValue: i.linkText,
 					"onUpdate:modelValue": t[1] || (t[1] = (e) => i.linkText = e),
 					"input-aria-label": a.textInputLabel,
-					size: 100,
+					size: "xs",
 					"data-qa": "dt-message-input-link-text-input",
 					label: a.textInputLabel,
 					"input-wrapper-class": "d-recipe-message-input__link-input",
@@ -131,7 +131,7 @@ function b(e, t, n, r, i, a) {
 					modelValue: i.linkInput,
 					"onUpdate:modelValue": t[5] || (t[5] = (e) => i.linkInput = e),
 					"input-aria-label": a.linkInputLabel,
-					size: 100,
+					size: "xs",
 					"data-qa": "dt-message-input-link-input",
 					placeholder: a.linkInputPlaceHolder,
 					label: a.linkInputLabel,
@@ -153,8 +153,8 @@ function b(e, t, n, r, i, a) {
 						"aria-label": a.removeButtonLabel,
 						title: a.removeButtonLabel,
 						importance: "clear",
-						kind: "critical",
-						size: 300,
+						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))
 					}, {
@@ -162,21 +162,21 @@ function b(e, t, n, r, i, a) {
 						_: 1
 					}, 8, ["aria-label", "title"]), u(x, {
 						direction: "row",
-						gap: "100"
+						gap: "400"
 					}, {
 						default: m(() => [u(b, {
 							"aria-label": a.cancelButtonLabel,
 							title: a.cancelButtonLabel,
 							importance: "clear",
 							kind: "muted",
-							size: 300,
+							size: "md",
 							"data-qa": "dt-message-input-link-cancel-btn",
 							onClick: t[10] || (t[10] = (e) => i.isOpen = !1)
 						}, {
 							default: m(() => [l(p(a.cancelButtonLabel), 1)]),
 							_: 1
 						}, 8, ["aria-label", "title"]), u(b, {
-							size: 300,
+							size: "md",
 							"aria-label": a.confirmButtonLabel,
 							title: a.confirmButtonLabel,
 							"data-qa": "dt-message-input-link-confirm-btn",

package/dist/lib/message-input/message-input-link.js.map

@@ -1 +1 @@
-{"version":3,"file":"message-input-link.js","names":[],"sources":["../../../recipes/conversation_view/message_input/message_input_link.vue"],"sourcesContent":["<template>\n  <dt-popover\n    :open=\"isOpen\"\n    placement=\"bottom-start\"\n    content-class=\"d-recipe-message-input__link-popover\"\n    data-qa=\"dt-message-input-link-popover\"\n    :show-close-button=\"false\"\n    @opened=\"$emit('opened', $event)\"\n  >\n    <template #anchor>\n      <dt-recipe-message-input-button\n        :aria-label=\"anchorButtonLabel['aria-label']\"\n        :tooltip-text=\"anchorButtonLabel['tooltip-text']\"\n        :keyboard-shortcut-text=\"linkButtonOptions.keyboardShortcutText\"\n        data-qa=\"message-input-link-btn\"\n        :is-active=\"isSelectionActive('link')\"\n        @click=\"isOpen = true\"\n      >\n        <template #icon>\n          <dt-icon-link2\n            class=\"d-recipe-message-input__button-stack-icon\"\n            size=\"200\"\n          />\n        </template>\n      </dt-recipe-message-input-button>\n    </template>\n\n    <template #content>\n      <dt-stack gap=\"200\">\n        <div\n          class=\"d-recipe-message-input__link-dialog-title\"\n        >\n          {{ i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_DIALOG_TITLE') }}\n        </div>\n        <dt-input\n          v-model=\"linkText\"\n          :input-aria-label=\"textInputLabel\"\n          :size=\"100\"\n          data-qa=\"dt-message-input-link-text-input\"\n          :label=\"textInputLabel\"\n          input-wrapper-class=\"d-recipe-message-input__link-input\"\n          @click.stop\n          @focus.stop\n          @keydown.enter=\"$emit('set-link', linkText, linkInput)\"\n        />\n        <dt-input\n          v-model=\"linkInput\"\n          :input-aria-label=\"linkInputLabel\"\n          :size=\"100\"\n          data-qa=\"dt-message-input-link-input\"\n          :placeholder=\"linkInputPlaceHolder\"\n          :label=\"linkInputLabel\"\n          input-wrapper-class=\"d-recipe-message-input__link-input\"\n          @click.stop\n          @focus.stop\n          @keydown.enter=\"$emit('set-link', linkText, linkInput)\"\n        />\n        <dt-stack\n          direction=\"row\"\n          class=\"d-recipe-message-input__link-dialog-buttons\"\n        >\n          <dt-button\n            :aria-label=\"removeButtonLabel\"\n            :title=\"removeButtonLabel\"\n            importance=\"clear\"\n            kind=\"critical\"\n            :size=\"300\"\n            data-qa=\"dt-message-input-link-remove-btn\"\n            @click=\"$emit('remove-link', linkText, linkInput)\"\n          >\n            {{ removeButtonLabel }}\n          </dt-button>\n          <dt-stack\n            direction=\"row\"\n            gap=\"100\"\n          >\n            <dt-button\n              :aria-label=\"cancelButtonLabel\"\n              :title=\"cancelButtonLabel\"\n              importance=\"clear\"\n              kind=\"muted\"\n              :size=\"300\"\n              data-qa=\"dt-message-input-link-cancel-btn\"\n              @click=\"isOpen = false\"\n            >\n              {{ cancelButtonLabel }}\n            </dt-button>\n            <dt-button\n              :size=\"300\"\n              :aria-label=\"confirmButtonLabel\"\n              :title=\"confirmButtonLabel\"\n              data-qa=\"dt-message-input-link-confirm-btn\"\n              @click=\"$emit('set-link', linkText, linkInput)\"\n            >\n              {{ confirmButtonLabel }}\n            </dt-button>\n          </dt-stack>\n        </dt-stack>\n      </dt-stack>\n    </template>\n  </dt-popover>\n</template>\n\n<script>\nimport { DtPopover } from '@/components/popover';\nimport { DtInput } from '@/components/input';\nimport { DtButton } from '@/components/button';\nimport { DtStack } from '@/components/stack';\nimport { DtIconLink2 } from '@dialpad/dialtone-icons/vue';\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'MessageInputLink',\n\n  components: {\n    DtPopover,\n    DtInput,\n    DtButton,\n    DtStack,\n    DtIconLink2,\n    DtRecipeMessageInputButton,\n  },\n\n  props: {\n    open: {\n      type: Boolean,\n      default: false,\n    },\n\n    linkButtonOptions: {\n      type: Object,\n      required: true,\n    },\n\n    isSelectionActive: {\n      type: Function,\n      default: () => {},\n    },\n  },\n\n  emits: ['set-link', 'remove-link', 'opened'],\n\n  data () {\n    return {\n      linkText: '',\n      linkInput: '',\n      isOpen: false,\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    anchorButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_LINK_BUTTON_LABEL'); },\n    textInputLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_TEXT_LABEL'); },\n    linkInputLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_LINK_LABEL'); },\n    linkInputPlaceHolder () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_LINK_PLACEHOLDER'); },\n    removeButtonLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_REMOVE_LABEL'); },\n    cancelButtonLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_CANCEL_LABEL'); },\n    confirmButtonLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_CONFIRM_LABEL'); },\n  },\n\n  watch: {\n    open: {\n      immediate: true,\n      handler (value) {\n        this.isOpen = value;\n      },\n    },\n  },\n\n  methods: {\n    setInitialValues (linkText, linkInput) {\n      this.linkText = linkText;\n      this.linkInput = linkInput;\n    },\n  },\n};\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"message-input-link.js","names":[],"sources":["../../../recipes/conversation_view/message_input/message_input_link.vue"],"sourcesContent":["<template>\n  <dt-popover\n    :open=\"isOpen\"\n    placement=\"bottom-start\"\n    content-class=\"d-recipe-message-input__link-popover\"\n    data-qa=\"dt-message-input-link-popover\"\n    :show-close-button=\"false\"\n    @opened=\"$emit('opened', $event)\"\n  >\n    <template #anchor>\n      <dt-recipe-message-input-button\n        :aria-label=\"anchorButtonLabel['aria-label']\"\n        :tooltip-text=\"anchorButtonLabel['tooltip-text']\"\n        :keyboard-shortcut-text=\"linkButtonOptions.keyboardShortcutText\"\n        data-qa=\"message-input-link-btn\"\n        :is-active=\"isSelectionActive('link')\"\n        @click=\"isOpen = true\"\n      >\n        <template #icon>\n          <dt-icon-link2\n            class=\"d-recipe-message-input__button-stack-icon\"\n            size=\"200\"\n          />\n        </template>\n      </dt-recipe-message-input-button>\n    </template>\n\n    <template #content>\n      <dt-stack gap=\"500\">\n        <div\n          class=\"d-recipe-message-input__link-dialog-title\"\n        >\n          {{ i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_DIALOG_TITLE') }}\n        </div>\n        <dt-input\n          v-model=\"linkText\"\n          :input-aria-label=\"textInputLabel\"\n          size=\"xs\"\n          data-qa=\"dt-message-input-link-text-input\"\n          :label=\"textInputLabel\"\n          input-wrapper-class=\"d-recipe-message-input__link-input\"\n          @click.stop\n          @focus.stop\n          @keydown.enter=\"$emit('set-link', linkText, linkInput)\"\n        />\n        <dt-input\n          v-model=\"linkInput\"\n          :input-aria-label=\"linkInputLabel\"\n          size=\"xs\"\n          data-qa=\"dt-message-input-link-input\"\n          :placeholder=\"linkInputPlaceHolder\"\n          :label=\"linkInputLabel\"\n          input-wrapper-class=\"d-recipe-message-input__link-input\"\n          @click.stop\n          @focus.stop\n          @keydown.enter=\"$emit('set-link', linkText, linkInput)\"\n        />\n        <dt-stack\n          direction=\"row\"\n          class=\"d-recipe-message-input__link-dialog-buttons\"\n        >\n          <dt-button\n            :aria-label=\"removeButtonLabel\"\n            :title=\"removeButtonLabel\"\n            importance=\"clear\"\n            kind=\"danger\"\n            size=\"md\"\n            data-qa=\"dt-message-input-link-remove-btn\"\n            @click=\"$emit('remove-link', linkText, linkInput)\"\n          >\n            {{ removeButtonLabel }}\n          </dt-button>\n          <dt-stack\n            direction=\"row\"\n            gap=\"400\"\n          >\n            <dt-button\n              :aria-label=\"cancelButtonLabel\"\n              :title=\"cancelButtonLabel\"\n              importance=\"clear\"\n              kind=\"muted\"\n              size=\"md\"\n              data-qa=\"dt-message-input-link-cancel-btn\"\n              @click=\"isOpen = false\"\n            >\n              {{ cancelButtonLabel }}\n            </dt-button>\n            <dt-button\n              size=\"md\"\n              :aria-label=\"confirmButtonLabel\"\n              :title=\"confirmButtonLabel\"\n              data-qa=\"dt-message-input-link-confirm-btn\"\n              @click=\"$emit('set-link', linkText, linkInput)\"\n            >\n              {{ confirmButtonLabel }}\n            </dt-button>\n          </dt-stack>\n        </dt-stack>\n      </dt-stack>\n    </template>\n  </dt-popover>\n</template>\n\n<script>\nimport { DtPopover } from '@/components/popover';\nimport { DtInput } from '@/components/input';\nimport { DtButton } from '@/components/button';\nimport { DtStack } from '@/components/stack';\nimport { DtIconLink2 } from '@dialpad/dialtone-icons/vue3';\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'MessageInputLink',\n\n  components: {\n    DtPopover,\n    DtInput,\n    DtButton,\n    DtStack,\n    DtIconLink2,\n    DtRecipeMessageInputButton,\n  },\n\n  props: {\n    open: {\n      type: Boolean,\n      default: false,\n    },\n\n    linkButtonOptions: {\n      type: Object,\n      required: true,\n    },\n\n    isSelectionActive: {\n      type: Function,\n      default: () => {},\n    },\n  },\n\n  emits: ['set-link', 'remove-link', 'opened'],\n\n  data () {\n    return {\n      linkText: '',\n      linkInput: '',\n      isOpen: false,\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    anchorButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_LINK_BUTTON_LABEL'); },\n    textInputLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_TEXT_LABEL'); },\n    linkInputLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_LINK_LABEL'); },\n    linkInputPlaceHolder () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_LINK_PLACEHOLDER'); },\n    removeButtonLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_REMOVE_LABEL'); },\n    cancelButtonLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_CANCEL_LABEL'); },\n    confirmButtonLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_CONFIRM_LABEL'); },\n  },\n\n  watch: {\n    open: {\n      immediate: true,\n      handler (value) {\n        this.isOpen = value;\n      },\n    },\n  },\n\n  methods: {\n    setInitialValues (linkText, linkInput) {\n      this.linkText = linkText;\n      this.linkInput = linkInput;\n    },\n  },\n};\n</script>\n"],"mappings":"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"}

package/dist/lib/message-input/message-input-topbar.cjs

@@ -1,2 +1,2 @@
-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(`../stack/stack.cjs`),r=require(`./message-input-button.cjs`);let i=require(`vue`),a=require(`@dialpad/dialtone-icons/vue`);var o={compatConfig:{MODE:3},name:`DtRecipeMessageInputTopbar`,components:{DtStack:n.default,DtIconListBullet:a.DtIconListBullet,DtIconBold:a.DtIconBold,DtIconItalic:a.DtIconItalic,DtIconStrikethrough:a.DtIconStrikethrough,DtIconListOrdered:a.DtIconListOrdered,DtIconQuote:a.DtIconQuote,DtIconCode:a.DtIconCode,DtIconCodeBlock:a.DtIconCodeBlock,DtRecipeMessageInputButton:r.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 t.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`)}}};function s(e,t,n,r,a,o){let s=(0,i.resolveComponent)(`dt-icon-bold`),c=(0,i.resolveComponent)(`dt-recipe-message-input-button`),l=(0,i.resolveComponent)(`dt-icon-italic`),u=(0,i.resolveComponent)(`dt-icon-strikethrough`),d=(0,i.resolveComponent)(`dt-icon-list-bullet`),f=(0,i.resolveComponent)(`dt-icon-list-ordered`),p=(0,i.resolveComponent)(`dt-icon-quote`),m=(0,i.resolveComponent)(`dt-icon-code`),h=(0,i.resolveComponent)(`dt-icon-code-block`),g=(0,i.resolveComponent)(`dt-stack`);return(0,i.openBlock)(),(0,i.createBlock)(g,{direction:`row`,gap:`25`,class:`d-recipe-message-input__button-stack`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(c,{"aria-label":o.boldButtonLabel[`aria-label`],"tooltip-text":o.boldButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.boldButtonOptions.keyboardShortcutText,"data-qa":`bold`,"is-active":n.isSelectionActive(`bold`),onClick:t[0]||(t[0]=t=>e.$emit(`click`,`bold`,t))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(s,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`]),(0,i.createVNode)(c,{"aria-label":o.italicButtonLabel[`aria-label`],"tooltip-text":o.italicButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.italicButtonOptions.keyboardShortcutText,"data-qa":`italic`,"is-active":n.isSelectionActive(`italic`),onClick:t[1]||(t[1]=t=>e.$emit(`click`,`italic`,t))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(l,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`]),(0,i.createVNode)(c,{"aria-label":o.strikeButtonLabel[`aria-label`],"tooltip-text":o.strikeButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.strikeButtonOptions.keyboardShortcutText,"data-qa":`strikethrough`,"is-active":n.isSelectionActive(`strike`),onClick:t[2]||(t[2]=t=>e.$emit(`click`,`strike`,t))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(u,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`]),t[8]||(t[8]=(0,i.createElementVNode)(`div`,{class:`d-recipe-message-input--button-group-divider`},null,-1)),(0,i.renderSlot)(e.$slots,`link`),t[9]||(t[9]=(0,i.createElementVNode)(`div`,{class:`d-recipe-message-input--button-group-divider`},null,-1)),(0,i.createVNode)(c,{"aria-label":o.bulletListButtonLabel[`aria-label`],"tooltip-text":o.bulletListButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.bulletListButtonOptions.keyboardShortcutText,"data-qa":`bullet-list`,"is-active":n.isSelectionActive(`bulletList`),onClick:t[3]||(t[3]=t=>e.$emit(`click`,`bulletList`,t))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(d,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`]),(0,i.createVNode)(c,{"aria-label":o.orderedListButtonLabel[`aria-label`],"tooltip-text":o.orderedListButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.orderedListButtonOptions.keyboardShortcutText,"data-qa":`ordered-list`,"is-active":n.isSelectionActive(`orderedList`),onClick:t[4]||(t[4]=t=>e.$emit(`click`,`orderedList`,t))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(f,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`]),t[10]||(t[10]=(0,i.createElementVNode)(`div`,{class:`d-recipe-message-input--button-group-divider`},null,-1)),(0,i.createVNode)(c,{"aria-label":o.blockQuoteButtonLabel[`aria-label`],"tooltip-text":o.blockQuoteButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.blockQuoteButtonOptions.keyboardShortcutText,"data-qa":`blockquote`,"is-active":n.isSelectionActive(`blockquote`),onClick:t[5]||(t[5]=t=>e.$emit(`click`,`blockquote`,t))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(p,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`]),t[11]||(t[11]=(0,i.createElementVNode)(`div`,{class:`d-recipe-message-input--button-group-divider`},null,-1)),(0,i.createVNode)(c,{"aria-label":o.codeButtonLabel[`aria-label`],"tooltip-text":o.codeButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.codeButtonOptions.keyboardShortcutText,"data-qa":`code`,"is-active":n.isSelectionActive(`code`),onClick:t[6]||(t[6]=t=>e.$emit(`click`,`code`,t))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(m,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`]),(0,i.createVNode)(c,{"aria-label":o.codeBlockButtonLabel[`aria-label`],"tooltip-text":o.codeBlockButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.codeBlockButtonOptions.keyboardShortcutText,"data-qa":`code-block`,"is-active":n.isSelectionActive(`codeBlock`),onClick:t[7]||(t[7]=t=>e.$emit(`click`,`codeBlock`,t))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(h,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`])]),_:3})}var c=e.t(o,[[`render`,s]]);exports.default=c;
+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(`../stack/stack.cjs`),r=require(`./message-input-button.cjs`);let i=require(`vue`),a=require(`@dialpad/dialtone-icons/vue3`);var o={compatConfig:{MODE:3},name:`DtRecipeMessageInputTopbar`,components:{DtStack:n.default,DtIconListBullet:a.DtIconListBullet,DtIconBold:a.DtIconBold,DtIconItalic:a.DtIconItalic,DtIconStrikethrough:a.DtIconStrikethrough,DtIconListOrdered:a.DtIconListOrdered,DtIconQuote:a.DtIconQuote,DtIconCode:a.DtIconCode,DtIconCodeBlock:a.DtIconCodeBlock,DtRecipeMessageInputButton:r.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 t.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`)}}};function s(e,t,n,r,a,o){let s=(0,i.resolveComponent)(`dt-icon-bold`),c=(0,i.resolveComponent)(`dt-recipe-message-input-button`),l=(0,i.resolveComponent)(`dt-icon-italic`),u=(0,i.resolveComponent)(`dt-icon-strikethrough`),d=(0,i.resolveComponent)(`dt-icon-list-bullet`),f=(0,i.resolveComponent)(`dt-icon-list-ordered`),p=(0,i.resolveComponent)(`dt-icon-quote`),m=(0,i.resolveComponent)(`dt-icon-code`),h=(0,i.resolveComponent)(`dt-icon-code-block`),g=(0,i.resolveComponent)(`dt-stack`);return(0,i.openBlock)(),(0,i.createBlock)(g,{direction:`row`,gap:`200`,class:`d-recipe-message-input__button-stack`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(c,{"aria-label":o.boldButtonLabel[`aria-label`],"tooltip-text":o.boldButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.boldButtonOptions.keyboardShortcutText,"data-qa":`bold`,"is-active":n.isSelectionActive(`bold`),onClick:t[0]||(t[0]=t=>e.$emit(`click`,`bold`,t))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(s,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`]),(0,i.createVNode)(c,{"aria-label":o.italicButtonLabel[`aria-label`],"tooltip-text":o.italicButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.italicButtonOptions.keyboardShortcutText,"data-qa":`italic`,"is-active":n.isSelectionActive(`italic`),onClick:t[1]||(t[1]=t=>e.$emit(`click`,`italic`,t))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(l,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`]),(0,i.createVNode)(c,{"aria-label":o.strikeButtonLabel[`aria-label`],"tooltip-text":o.strikeButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.strikeButtonOptions.keyboardShortcutText,"data-qa":`strikethrough`,"is-active":n.isSelectionActive(`strike`),onClick:t[2]||(t[2]=t=>e.$emit(`click`,`strike`,t))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(u,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`]),t[8]||(t[8]=(0,i.createElementVNode)(`div`,{class:`d-recipe-message-input--button-group-divider`},null,-1)),(0,i.renderSlot)(e.$slots,`link`),t[9]||(t[9]=(0,i.createElementVNode)(`div`,{class:`d-recipe-message-input--button-group-divider`},null,-1)),(0,i.createVNode)(c,{"aria-label":o.bulletListButtonLabel[`aria-label`],"tooltip-text":o.bulletListButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.bulletListButtonOptions.keyboardShortcutText,"data-qa":`bullet-list`,"is-active":n.isSelectionActive(`bulletList`),onClick:t[3]||(t[3]=t=>e.$emit(`click`,`bulletList`,t))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(d,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`]),(0,i.createVNode)(c,{"aria-label":o.orderedListButtonLabel[`aria-label`],"tooltip-text":o.orderedListButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.orderedListButtonOptions.keyboardShortcutText,"data-qa":`ordered-list`,"is-active":n.isSelectionActive(`orderedList`),onClick:t[4]||(t[4]=t=>e.$emit(`click`,`orderedList`,t))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(f,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`]),t[10]||(t[10]=(0,i.createElementVNode)(`div`,{class:`d-recipe-message-input--button-group-divider`},null,-1)),(0,i.createVNode)(c,{"aria-label":o.blockQuoteButtonLabel[`aria-label`],"tooltip-text":o.blockQuoteButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.blockQuoteButtonOptions.keyboardShortcutText,"data-qa":`blockquote`,"is-active":n.isSelectionActive(`blockquote`),onClick:t[5]||(t[5]=t=>e.$emit(`click`,`blockquote`,t))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(p,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`]),t[11]||(t[11]=(0,i.createElementVNode)(`div`,{class:`d-recipe-message-input--button-group-divider`},null,-1)),(0,i.createVNode)(c,{"aria-label":o.codeButtonLabel[`aria-label`],"tooltip-text":o.codeButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.codeButtonOptions.keyboardShortcutText,"data-qa":`code`,"is-active":n.isSelectionActive(`code`),onClick:t[6]||(t[6]=t=>e.$emit(`click`,`code`,t))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(m,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`]),(0,i.createVNode)(c,{"aria-label":o.codeBlockButtonLabel[`aria-label`],"tooltip-text":o.codeBlockButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.codeBlockButtonOptions.keyboardShortcutText,"data-qa":`code-block`,"is-active":n.isSelectionActive(`codeBlock`),onClick:t[7]||(t[7]=t=>e.$emit(`click`,`codeBlock`,t))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(h,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`])]),_:3})}var c=e.t(o,[[`render`,s]]);exports.default=c;
 //# sourceMappingURL=message-input-topbar.cjs.map

package/dist/lib/message-input/message-input-topbar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"message-input-topbar.cjs","names":[],"sources":["../../../recipes/conversation_view/message_input/message_input_topbar.vue"],"sourcesContent":["<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"25\"\n    class=\"d-recipe-message-input__button-stack\"\n  >\n    <dt-recipe-message-input-button\n      :aria-label=\"boldButtonLabel['aria-label']\"\n      :tooltip-text=\"boldButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"boldButtonOptions.keyboardShortcutText\"\n      data-qa=\"bold\"\n      :is-active=\"isSelectionActive('bold')\"\n      @click=\"$emit('click', 'bold', $event)\"\n    >\n      <template #icon>\n        <dt-icon-bold\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"italicButtonLabel['aria-label']\"\n      :tooltip-text=\"italicButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"italicButtonOptions.keyboardShortcutText\"\n      data-qa=\"italic\"\n      :is-active=\"isSelectionActive('italic')\"\n      @click=\"$emit('click', 'italic', $event)\"\n    >\n      <template #icon>\n        <dt-icon-italic\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"strikeButtonLabel['aria-label']\"\n      :tooltip-text=\"strikeButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"strikeButtonOptions.keyboardShortcutText\"\n      data-qa=\"strikethrough\"\n      :is-active=\"isSelectionActive('strike')\"\n      @click=\"$emit('click', 'strike', $event)\"\n    >\n      <template #icon>\n        <dt-icon-strikethrough\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <!-- @slot special slot for link button, since links require a custom dialog -->\n    <slot name=\"link\" />\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"bulletListButtonLabel['aria-label']\"\n      :tooltip-text=\"bulletListButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"bulletListButtonOptions.keyboardShortcutText\"\n      data-qa=\"bullet-list\"\n      :is-active=\"isSelectionActive('bulletList')\"\n      @click=\"$emit('click', 'bulletList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-bullet\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"orderedListButtonLabel['aria-label']\"\n      :tooltip-text=\"orderedListButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"orderedListButtonOptions.keyboardShortcutText\"\n      data-qa=\"ordered-list\"\n      :is-active=\"isSelectionActive('orderedList')\"\n      @click=\"$emit('click', 'orderedList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-ordered\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"blockQuoteButtonLabel['aria-label']\"\n      :tooltip-text=\"blockQuoteButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"blockQuoteButtonOptions.keyboardShortcutText\"\n      data-qa=\"blockquote\"\n      :is-active=\"isSelectionActive('blockquote')\"\n      @click=\"$emit('click', 'blockquote', $event)\"\n    >\n      <template #icon>\n        <dt-icon-quote\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"codeButtonLabel['aria-label']\"\n      :tooltip-text=\"codeButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"codeButtonOptions.keyboardShortcutText\"\n      data-qa=\"code\"\n      :is-active=\"isSelectionActive('code')\"\n      @click=\"$emit('click', 'code', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"codeBlockButtonLabel['aria-label']\"\n      :tooltip-text=\"codeBlockButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"codeBlockButtonOptions.keyboardShortcutText\"\n      data-qa=\"code-block\"\n      :is-active=\"isSelectionActive('codeBlock')\"\n      @click=\"$emit('click', 'codeBlock', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code-block\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n  </dt-stack>\n</template>\n\n<script>\nimport { DtStack } from '@/components/stack';\nimport {\n  DtIconListBullet,\n  DtIconBold,\n  DtIconItalic,\n  DtIconStrikethrough,\n  DtIconListOrdered,\n  DtIconQuote,\n  DtIconCode,\n  DtIconCodeBlock,\n} from '@dialpad/dialtone-icons/vue';\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeMessageInputTopbar',\n  components: {\n    DtStack,\n    DtIconListBullet,\n    DtIconBold,\n    DtIconItalic,\n    DtIconStrikethrough,\n    DtIconListOrdered,\n    DtIconQuote,\n    DtIconCode,\n    DtIconCodeBlock,\n    DtRecipeMessageInputButton,\n  },\n\n  props: {\n    boldButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    italicButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    strikeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    bulletListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    orderedListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    blockQuoteButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeBlockButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    isSelectionActive: {\n      type: Function,\n      default: () => {},\n    },\n  },\n\n  emits: ['click'],\n\n  data () {\n    return {\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    boldButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BOLD_BUTTON_LABEL'); },\n    italicButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_ITALIC_BUTTON_LABEL'); },\n    strikeButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_STRIKETHROUGH_BUTTON_LABEL'); },\n    bulletListButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BULLET_LIST_BUTTON_LABEL'); },\n    orderedListButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_ORDERED_LIST_BUTTON_LABEL'); },\n    blockQuoteButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BLOCK_QUOTE_BUTTON_LABEL'); },\n    codeButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_CODE_BUTTON_LABEL'); },\n    codeBlockButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_CODE_BLOCK_BUTTON_LABEL'); },\n  },\n};\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"message-input-topbar.cjs","names":[],"sources":["../../../recipes/conversation_view/message_input/message_input_topbar.vue"],"sourcesContent":["<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"200\"\n    class=\"d-recipe-message-input__button-stack\"\n  >\n    <dt-recipe-message-input-button\n      :aria-label=\"boldButtonLabel['aria-label']\"\n      :tooltip-text=\"boldButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"boldButtonOptions.keyboardShortcutText\"\n      data-qa=\"bold\"\n      :is-active=\"isSelectionActive('bold')\"\n      @click=\"$emit('click', 'bold', $event)\"\n    >\n      <template #icon>\n        <dt-icon-bold\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"italicButtonLabel['aria-label']\"\n      :tooltip-text=\"italicButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"italicButtonOptions.keyboardShortcutText\"\n      data-qa=\"italic\"\n      :is-active=\"isSelectionActive('italic')\"\n      @click=\"$emit('click', 'italic', $event)\"\n    >\n      <template #icon>\n        <dt-icon-italic\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"strikeButtonLabel['aria-label']\"\n      :tooltip-text=\"strikeButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"strikeButtonOptions.keyboardShortcutText\"\n      data-qa=\"strikethrough\"\n      :is-active=\"isSelectionActive('strike')\"\n      @click=\"$emit('click', 'strike', $event)\"\n    >\n      <template #icon>\n        <dt-icon-strikethrough\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <!-- @slot special slot for link button, since links require a custom dialog -->\n    <slot name=\"link\" />\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"bulletListButtonLabel['aria-label']\"\n      :tooltip-text=\"bulletListButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"bulletListButtonOptions.keyboardShortcutText\"\n      data-qa=\"bullet-list\"\n      :is-active=\"isSelectionActive('bulletList')\"\n      @click=\"$emit('click', 'bulletList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-bullet\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"orderedListButtonLabel['aria-label']\"\n      :tooltip-text=\"orderedListButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"orderedListButtonOptions.keyboardShortcutText\"\n      data-qa=\"ordered-list\"\n      :is-active=\"isSelectionActive('orderedList')\"\n      @click=\"$emit('click', 'orderedList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-ordered\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"blockQuoteButtonLabel['aria-label']\"\n      :tooltip-text=\"blockQuoteButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"blockQuoteButtonOptions.keyboardShortcutText\"\n      data-qa=\"blockquote\"\n      :is-active=\"isSelectionActive('blockquote')\"\n      @click=\"$emit('click', 'blockquote', $event)\"\n    >\n      <template #icon>\n        <dt-icon-quote\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"codeButtonLabel['aria-label']\"\n      :tooltip-text=\"codeButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"codeButtonOptions.keyboardShortcutText\"\n      data-qa=\"code\"\n      :is-active=\"isSelectionActive('code')\"\n      @click=\"$emit('click', 'code', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"codeBlockButtonLabel['aria-label']\"\n      :tooltip-text=\"codeBlockButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"codeBlockButtonOptions.keyboardShortcutText\"\n      data-qa=\"code-block\"\n      :is-active=\"isSelectionActive('codeBlock')\"\n      @click=\"$emit('click', 'codeBlock', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code-block\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n  </dt-stack>\n</template>\n\n<script>\nimport { DtStack } from '@/components/stack';\nimport {\n  DtIconListBullet,\n  DtIconBold,\n  DtIconItalic,\n  DtIconStrikethrough,\n  DtIconListOrdered,\n  DtIconQuote,\n  DtIconCode,\n  DtIconCodeBlock,\n} from '@dialpad/dialtone-icons/vue3';\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeMessageInputTopbar',\n  components: {\n    DtStack,\n    DtIconListBullet,\n    DtIconBold,\n    DtIconItalic,\n    DtIconStrikethrough,\n    DtIconListOrdered,\n    DtIconQuote,\n    DtIconCode,\n    DtIconCodeBlock,\n    DtRecipeMessageInputButton,\n  },\n\n  props: {\n    boldButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    italicButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    strikeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    bulletListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    orderedListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    blockQuoteButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeBlockButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    isSelectionActive: {\n      type: Function,\n      default: () => {},\n    },\n  },\n\n  emits: ['click'],\n\n  data () {\n    return {\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    boldButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BOLD_BUTTON_LABEL'); },\n    italicButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_ITALIC_BUTTON_LABEL'); },\n    strikeButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_STRIKETHROUGH_BUTTON_LABEL'); },\n    bulletListButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BULLET_LIST_BUTTON_LABEL'); },\n    orderedListButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_ORDERED_LIST_BUTTON_LABEL'); },\n    blockQuoteButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BLOCK_QUOTE_BUTTON_LABEL'); },\n    codeButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_CODE_BUTTON_LABEL'); },\n    codeBlockButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_CODE_BLOCK_BUTTON_LABEL'); },\n  },\n};\n</script>\n"],"mappings":"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"}

package/dist/lib/message-input/message-input-topbar.js

@@ -3,7 +3,7 @@ import { DialtoneLocalization as t } from "../../localization/index.js";
 import n from "../stack/stack.js";
 import r from "./message-input-button.js";
 import { createBlock as i, createElementVNode as a, createVNode as o, openBlock as s, renderSlot as c, resolveComponent as l, withCtx as u } from "vue";
-import { DtIconBold as d, DtIconCode as f, DtIconCodeBlock as p, DtIconItalic as m, DtIconListBullet as h, DtIconListOrdered as g, DtIconQuote as _, DtIconStrikethrough as v } from "@dialpad/dialtone-icons/vue";
+import { DtIconBold as d, DtIconCode as f, DtIconCodeBlock as p, DtIconItalic as m, DtIconListBullet as h, DtIconListOrdered as g, DtIconQuote as _, DtIconStrikethrough as v } from "@dialpad/dialtone-icons/vue3";
 //#region recipes/conversation_view/message_input/message_input_topbar.vue
 var y = {
 	compatConfig: { MODE: 3 },
@@ -93,7 +93,7 @@ function b(e, t, n, r, d, f) {
 	let p = l("dt-icon-bold"), m = l("dt-recipe-message-input-button"), h = l("dt-icon-italic"), g = l("dt-icon-strikethrough"), _ = l("dt-icon-list-bullet"), v = l("dt-icon-list-ordered"), y = l("dt-icon-quote"), b = l("dt-icon-code"), x = l("dt-icon-code-block"), S = l("dt-stack");
 	return s(), i(S, {
 		direction: "row",
-		gap: "25",
+		gap: "200",
 		class: "d-recipe-message-input__button-stack"
 	}, {
 		default: u(() => [

package/dist/lib/message-input/message-input-topbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"message-input-topbar.js","names":[],"sources":["../../../recipes/conversation_view/message_input/message_input_topbar.vue"],"sourcesContent":["<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"25\"\n    class=\"d-recipe-message-input__button-stack\"\n  >\n    <dt-recipe-message-input-button\n      :aria-label=\"boldButtonLabel['aria-label']\"\n      :tooltip-text=\"boldButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"boldButtonOptions.keyboardShortcutText\"\n      data-qa=\"bold\"\n      :is-active=\"isSelectionActive('bold')\"\n      @click=\"$emit('click', 'bold', $event)\"\n    >\n      <template #icon>\n        <dt-icon-bold\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"italicButtonLabel['aria-label']\"\n      :tooltip-text=\"italicButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"italicButtonOptions.keyboardShortcutText\"\n      data-qa=\"italic\"\n      :is-active=\"isSelectionActive('italic')\"\n      @click=\"$emit('click', 'italic', $event)\"\n    >\n      <template #icon>\n        <dt-icon-italic\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"strikeButtonLabel['aria-label']\"\n      :tooltip-text=\"strikeButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"strikeButtonOptions.keyboardShortcutText\"\n      data-qa=\"strikethrough\"\n      :is-active=\"isSelectionActive('strike')\"\n      @click=\"$emit('click', 'strike', $event)\"\n    >\n      <template #icon>\n        <dt-icon-strikethrough\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <!-- @slot special slot for link button, since links require a custom dialog -->\n    <slot name=\"link\" />\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"bulletListButtonLabel['aria-label']\"\n      :tooltip-text=\"bulletListButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"bulletListButtonOptions.keyboardShortcutText\"\n      data-qa=\"bullet-list\"\n      :is-active=\"isSelectionActive('bulletList')\"\n      @click=\"$emit('click', 'bulletList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-bullet\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"orderedListButtonLabel['aria-label']\"\n      :tooltip-text=\"orderedListButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"orderedListButtonOptions.keyboardShortcutText\"\n      data-qa=\"ordered-list\"\n      :is-active=\"isSelectionActive('orderedList')\"\n      @click=\"$emit('click', 'orderedList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-ordered\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"blockQuoteButtonLabel['aria-label']\"\n      :tooltip-text=\"blockQuoteButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"blockQuoteButtonOptions.keyboardShortcutText\"\n      data-qa=\"blockquote\"\n      :is-active=\"isSelectionActive('blockquote')\"\n      @click=\"$emit('click', 'blockquote', $event)\"\n    >\n      <template #icon>\n        <dt-icon-quote\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"codeButtonLabel['aria-label']\"\n      :tooltip-text=\"codeButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"codeButtonOptions.keyboardShortcutText\"\n      data-qa=\"code\"\n      :is-active=\"isSelectionActive('code')\"\n      @click=\"$emit('click', 'code', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"codeBlockButtonLabel['aria-label']\"\n      :tooltip-text=\"codeBlockButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"codeBlockButtonOptions.keyboardShortcutText\"\n      data-qa=\"code-block\"\n      :is-active=\"isSelectionActive('codeBlock')\"\n      @click=\"$emit('click', 'codeBlock', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code-block\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n  </dt-stack>\n</template>\n\n<script>\nimport { DtStack } from '@/components/stack';\nimport {\n  DtIconListBullet,\n  DtIconBold,\n  DtIconItalic,\n  DtIconStrikethrough,\n  DtIconListOrdered,\n  DtIconQuote,\n  DtIconCode,\n  DtIconCodeBlock,\n} from '@dialpad/dialtone-icons/vue';\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeMessageInputTopbar',\n  components: {\n    DtStack,\n    DtIconListBullet,\n    DtIconBold,\n    DtIconItalic,\n    DtIconStrikethrough,\n    DtIconListOrdered,\n    DtIconQuote,\n    DtIconCode,\n    DtIconCodeBlock,\n    DtRecipeMessageInputButton,\n  },\n\n  props: {\n    boldButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    italicButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    strikeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    bulletListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    orderedListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    blockQuoteButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeBlockButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    isSelectionActive: {\n      type: Function,\n      default: () => {},\n    },\n  },\n\n  emits: ['click'],\n\n  data () {\n    return {\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    boldButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BOLD_BUTTON_LABEL'); },\n    italicButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_ITALIC_BUTTON_LABEL'); },\n    strikeButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_STRIKETHROUGH_BUTTON_LABEL'); },\n    bulletListButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BULLET_LIST_BUTTON_LABEL'); },\n    orderedListButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_ORDERED_LIST_BUTTON_LABEL'); },\n    blockQuoteButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BLOCK_QUOTE_BUTTON_LABEL'); },\n    codeButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_CODE_BUTTON_LABEL'); },\n    codeBlockButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_CODE_BLOCK_BUTTON_LABEL'); },\n  },\n};\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"message-input-topbar.js","names":[],"sources":["../../../recipes/conversation_view/message_input/message_input_topbar.vue"],"sourcesContent":["<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"200\"\n    class=\"d-recipe-message-input__button-stack\"\n  >\n    <dt-recipe-message-input-button\n      :aria-label=\"boldButtonLabel['aria-label']\"\n      :tooltip-text=\"boldButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"boldButtonOptions.keyboardShortcutText\"\n      data-qa=\"bold\"\n      :is-active=\"isSelectionActive('bold')\"\n      @click=\"$emit('click', 'bold', $event)\"\n    >\n      <template #icon>\n        <dt-icon-bold\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"italicButtonLabel['aria-label']\"\n      :tooltip-text=\"italicButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"italicButtonOptions.keyboardShortcutText\"\n      data-qa=\"italic\"\n      :is-active=\"isSelectionActive('italic')\"\n      @click=\"$emit('click', 'italic', $event)\"\n    >\n      <template #icon>\n        <dt-icon-italic\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"strikeButtonLabel['aria-label']\"\n      :tooltip-text=\"strikeButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"strikeButtonOptions.keyboardShortcutText\"\n      data-qa=\"strikethrough\"\n      :is-active=\"isSelectionActive('strike')\"\n      @click=\"$emit('click', 'strike', $event)\"\n    >\n      <template #icon>\n        <dt-icon-strikethrough\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <!-- @slot special slot for link button, since links require a custom dialog -->\n    <slot name=\"link\" />\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"bulletListButtonLabel['aria-label']\"\n      :tooltip-text=\"bulletListButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"bulletListButtonOptions.keyboardShortcutText\"\n      data-qa=\"bullet-list\"\n      :is-active=\"isSelectionActive('bulletList')\"\n      @click=\"$emit('click', 'bulletList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-bullet\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"orderedListButtonLabel['aria-label']\"\n      :tooltip-text=\"orderedListButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"orderedListButtonOptions.keyboardShortcutText\"\n      data-qa=\"ordered-list\"\n      :is-active=\"isSelectionActive('orderedList')\"\n      @click=\"$emit('click', 'orderedList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-ordered\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"blockQuoteButtonLabel['aria-label']\"\n      :tooltip-text=\"blockQuoteButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"blockQuoteButtonOptions.keyboardShortcutText\"\n      data-qa=\"blockquote\"\n      :is-active=\"isSelectionActive('blockquote')\"\n      @click=\"$emit('click', 'blockquote', $event)\"\n    >\n      <template #icon>\n        <dt-icon-quote\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"codeButtonLabel['aria-label']\"\n      :tooltip-text=\"codeButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"codeButtonOptions.keyboardShortcutText\"\n      data-qa=\"code\"\n      :is-active=\"isSelectionActive('code')\"\n      @click=\"$emit('click', 'code', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"codeBlockButtonLabel['aria-label']\"\n      :tooltip-text=\"codeBlockButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"codeBlockButtonOptions.keyboardShortcutText\"\n      data-qa=\"code-block\"\n      :is-active=\"isSelectionActive('codeBlock')\"\n      @click=\"$emit('click', 'codeBlock', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code-block\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n  </dt-stack>\n</template>\n\n<script>\nimport { DtStack } from '@/components/stack';\nimport {\n  DtIconListBullet,\n  DtIconBold,\n  DtIconItalic,\n  DtIconStrikethrough,\n  DtIconListOrdered,\n  DtIconQuote,\n  DtIconCode,\n  DtIconCodeBlock,\n} from '@dialpad/dialtone-icons/vue3';\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeMessageInputTopbar',\n  components: {\n    DtStack,\n    DtIconListBullet,\n    DtIconBold,\n    DtIconItalic,\n    DtIconStrikethrough,\n    DtIconListOrdered,\n    DtIconQuote,\n    DtIconCode,\n    DtIconCodeBlock,\n    DtRecipeMessageInputButton,\n  },\n\n  props: {\n    boldButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    italicButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    strikeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    bulletListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    orderedListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    blockQuoteButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeBlockButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    isSelectionActive: {\n      type: Function,\n      default: () => {},\n    },\n  },\n\n  emits: ['click'],\n\n  data () {\n    return {\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    boldButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BOLD_BUTTON_LABEL'); },\n    italicButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_ITALIC_BUTTON_LABEL'); },\n    strikeButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_STRIKETHROUGH_BUTTON_LABEL'); },\n    bulletListButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BULLET_LIST_BUTTON_LABEL'); },\n    orderedListButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_ORDERED_LIST_BUTTON_LABEL'); },\n    blockQuoteButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BLOCK_QUOTE_BUTTON_LABEL'); },\n    codeButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_CODE_BUTTON_LABEL'); },\n    codeBlockButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_CODE_BLOCK_BUTTON_LABEL'); },\n  },\n};\n</script>\n"],"mappings":"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"}

package/dist/lib/message-input/message-input.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../message_input-DktL-f28.cjs`);exports.default=e.t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../message_input-BiCHkV9g.cjs`);exports.default=e.t;

package/dist/lib/message-input/message-input.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../message_input-rXsWKem_.js";
+import { t as e } from "../../message_input-DO6pV_GG.js";
 export { e as default };

package/dist/lib/modal/modal-constants.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={default:``,critical:`d-modal--critical`},t={default:``,full:`d-modal--full`},n={critical:`d-modal__banner--critical`,info:`d-modal__banner--info`,positive:`d-modal__banner--positive`,warning:`d-modal__banner--warning`,base:`d-modal__banner--general`};exports.MODAL_BANNER_KINDS=n,exports.MODAL_KIND_MODIFIERS=e,exports.MODAL_SIZE_MODIFIERS=t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={default:``,danger:`d-modal--danger`},t={default:``,full:`d-modal--full`},n={error:`d-modal__banner--critical`,info:`d-modal__banner--info`,success:`d-modal__banner--success`,warning:`d-modal__banner--warning`,base:`d-modal__banner--general`};exports.MODAL_BANNER_KINDS=n,exports.MODAL_KIND_MODIFIERS=e,exports.MODAL_SIZE_MODIFIERS=t;
 //# sourceMappingURL=modal-constants.cjs.map

package/dist/lib/modal/modal-constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"modal-constants.cjs","names":[],"sources":["../../../components/modal/modal_constants.js"],"sourcesContent":["// Modal style modifiers\nexport const MODAL_KIND_MODIFIERS = {\n  default: '',\n  critical: 'd-modal--critical',\n};\n\n// Modal size modifiers\nexport const MODAL_SIZE_MODIFIERS = {\n  default: '',\n  full: 'd-modal--full',\n};\n\nexport const MODAL_BANNER_KINDS = {\n  critical: 'd-modal__banner--critical',\n  info: 'd-modal__banner--info',\n  positive: 'd-modal__banner--positive',\n  warning: 'd-modal__banner--warning',\n  base: 'd-modal__banner--general',\n};\n"],"mappings":"mEACA,IAAa,EAAuB,CAClC,QAAS,GACT,SAAU,oBACX,CAGY,EAAuB,CAClC,QAAS,GACT,KAAM,gBACP,CAEY,EAAqB,CAChC,SAAU,4BACV,KAAM,wBACN,SAAU,4BACV,QAAS,2BACT,KAAM,2BACP"}
+{"version":3,"file":"modal-constants.cjs","names":[],"sources":["../../../components/modal/modal_constants.js"],"sourcesContent":["// Modal style modifiers\nexport const MODAL_KIND_MODIFIERS = {\n  default: '',\n  danger: 'd-modal--danger',\n};\n\n// Modal size modifiers\nexport const MODAL_SIZE_MODIFIERS = {\n  default: '',\n  full: 'd-modal--full',\n};\n\nexport const MODAL_BANNER_KINDS = {\n  error: 'd-modal__banner--critical',\n  info: 'd-modal__banner--info',\n  success: 'd-modal__banner--success',\n  warning: 'd-modal__banner--warning',\n  base: 'd-modal__banner--general',\n};\n"],"mappings":"mEACA,IAAa,EAAuB,CAClC,QAAS,GACT,OAAQ,kBACT,CAGY,EAAuB,CAClC,QAAS,GACT,KAAM,gBACP,CAEY,EAAqB,CAChC,MAAO,4BACP,KAAM,wBACN,QAAS,2BACT,QAAS,2BACT,KAAM,2BACP"}

package/dist/lib/modal/modal-constants.js

@@ -1,14 +1,14 @@
 //#region components/modal/modal_constants.js
 var e = {
 	default: "",
-	critical: "d-modal--critical"
+	danger: "d-modal--danger"
 }, t = {
 	default: "",
 	full: "d-modal--full"
 }, n = {
-	critical: "d-modal__banner--critical",
+	error: "d-modal__banner--critical",
 	info: "d-modal__banner--info",
-	positive: "d-modal__banner--positive",
+	success: "d-modal__banner--success",
 	warning: "d-modal__banner--warning",
 	base: "d-modal__banner--general"
 };

package/dist/lib/modal/modal-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal-constants.js","names":[],"sources":["../../../components/modal/modal_constants.js"],"sourcesContent":["// Modal style modifiers\nexport const MODAL_KIND_MODIFIERS = {\n  default: '',\n  critical: 'd-modal--critical',\n};\n\n// Modal size modifiers\nexport const MODAL_SIZE_MODIFIERS = {\n  default: '',\n  full: 'd-modal--full',\n};\n\nexport const MODAL_BANNER_KINDS = {\n  critical: 'd-modal__banner--critical',\n  info: 'd-modal__banner--info',\n  positive: 'd-modal__banner--positive',\n  warning: 'd-modal__banner--warning',\n  base: 'd-modal__banner--general',\n};\n"],"mappings":";AACA,IAAa,IAAuB;CAClC,SAAS;CACT,UAAU;CACX,EAGY,IAAuB;CAClC,SAAS;CACT,MAAM;CACP,EAEY,IAAqB;CAChC,UAAU;CACV,MAAM;CACN,UAAU;CACV,SAAS;CACT,MAAM;CACP"}
+{"version":3,"file":"modal-constants.js","names":[],"sources":["../../../components/modal/modal_constants.js"],"sourcesContent":["// Modal style modifiers\nexport const MODAL_KIND_MODIFIERS = {\n  default: '',\n  danger: 'd-modal--danger',\n};\n\n// Modal size modifiers\nexport const MODAL_SIZE_MODIFIERS = {\n  default: '',\n  full: 'd-modal--full',\n};\n\nexport const MODAL_BANNER_KINDS = {\n  error: 'd-modal__banner--critical',\n  info: 'd-modal__banner--info',\n  success: 'd-modal__banner--success',\n  warning: 'd-modal__banner--warning',\n  base: 'd-modal__banner--general',\n};\n"],"mappings":";AACA,IAAa,IAAuB;CAClC,SAAS;CACT,QAAQ;CACT,EAGY,IAAuB;CAClC,SAAS;CACT,MAAM;CACP,EAEY,IAAqB;CAChC,OAAO;CACP,MAAM;CACN,SAAS;CACT,SAAS;CACT,MAAM;CACP"}

package/dist/lib/modal/modal.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/utils/index.cjs`),t=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),n=require(`../../common/mixins/mode.cjs`),r=require(`../notice/notice-constants.cjs`),i=require(`../text/text.cjs`),a=require(`../../localization/index.cjs`),o=require(`../button/button.cjs`),s=require(`../../shared/sr_only_close_button.cjs`),c=require(`./modal-constants.cjs`);let l=require(`vue`),u=require(`@dialpad/dialtone-icons/vue`);var d=`button:not(:disabled),[href],input:not(:disabled),select:not(:disabled),textarea:not(:disabled),details,[tabindex]:not([tabindex="-1"]):not(:disabled):not([aria-disabled="true"])`,f={compatConfig:{MODE:3},name:`DtModal`,components:{DtButton:o.default,DtText:i.default,DtIconClose:u.DtIconClose,SrOnlyCloseButton:s.default},mixins:[n.default],props:{copy:{type:String,default:``},describedById:{type:String,default:``},labelledById:{type:String,default:function(){return e.getUniqueString()}},open:{type:Boolean,default:!1},headerText:{type:String,default:void 0},bannerHeaderText:{type:String,default:void 0},kind:{type:String,default:`default`,validator:e=>Object.keys(c.MODAL_KIND_MODIFIERS).includes(e)},size:{type:String,default:`default`,validator:e=>Object.keys(c.MODAL_SIZE_MODIFIERS).includes(e)},modalClass:{type:[String,Object,Array],default:``},dialogClass:{type:[String,Object,Array],default:``},contentClass:{type:[String,Object,Array],default:``},bannerKind:{type:String,default:`warning`,validator(e){return r.NOTICE_KINDS.includes(e)}},bannerClass:{type:[String,Object,Array],default:``},headerClass:{type:[String,Object,Array],default:``},footerClass:{type:[String,Object,Array],default:``},showClose:{type:Boolean,default:!0},closeOnClick:{type:Boolean,default:!0},fixedHeaderFooter:{type:Boolean,default:!0},initialFocusElement:{type:[String,HTMLElement],default:`first`,validator:e=>e===`first`||e instanceof HTMLElement||e.startsWith(`#`)},appendTo:{type:String,default:void 0}},emits:[`click`,`keydown`,`update:open`],data(){return{MODAL_KIND_MODIFIERS:c.MODAL_KIND_MODIFIERS,MODAL_SIZE_MODIFIERS:c.MODAL_SIZE_MODIFIERS,MODAL_BANNER_KINDS:c.MODAL_BANNER_KINDS,hasSlotContent:e.hasSlotContent,i18n:new a.DialtoneLocalization}},computed:{hasFooterSlot(){return!!this.$slots.footer},bannerKindClass(){return c.MODAL_BANNER_KINDS[this.bannerKind]},closeButtonTitle(){return this.i18n.$t(`DIALTONE_CLOSE_BUTTON`)}},watch:{open(e){this.syncDialogState(e)}},mounted(){this.open&&this.syncDialogState(!0)},beforeUnmount(){let t=this.$refs.dialogEl;t?.open&&(t.close(),e.enableRootScrolling(this.getScrollRoot())),this.previousActiveElement=null},methods:{getScrollRoot(){return e.returnFirstEl(this.$refs.dialogEl)?.getRootNode()?.host},syncDialogState(t){let n=this.$refs.dialogEl;n&&(t?(this.previousActiveElement=document.activeElement,n.open||n.showModal(),e.disableRootScrolling(this.getScrollRoot())):n.open&&e.enableRootScrolling(this.getScrollRoot()))},close(){this.$emit(`update:open`,!1)},onBackdropClick(e){this.closeOnClick&&e.target===e.currentTarget&&this.close(),this.$emit(`click`,e)},onKeydown(e){this.$emit(`keydown`,e)},async onAfterEnter(){this.$emit(`update:open`,!0),await this.setFocusAfterTransition()},onAfterLeave(){let e=this.$refs.dialogEl;e?.open&&e.close(),this.previousActiveElement?.focus(),this.previousActiveElement=null},focusFirstTabbable(e){let t=[...e.querySelectorAll(d)];if(!t.length)return;let n=t[0];n.matches(`[type="radio"]:not(:checked)`)&&(n=t.find(e=>e.checked&&e.name===n.name)||n),n.focus({preventScroll:!0})},async setFocusAfterTransition(){let e=this.$refs.dialogEl;if(e)if(await this.$nextTick(),this.initialFocusElement===`first`)this.focusFirstTabbable(e);else if(typeof this.initialFocusElement==`string`&&this.initialFocusElement.startsWith(`#`)){let t=e.querySelector(this.initialFocusElement);t?t.focus():(console.warn(`Could not find the element specified in dt-modal prop "initialFocusElement". Defaulting to focusing the first element.`),this.focusFirstTabbable(e))}else this.initialFocusElement instanceof HTMLElement&&this.initialFocusElement.focus()}}},p=[`aria-describedby`,`aria-labelledby`],m=[`id`];function h(e,t,n,r,i,a){let o=(0,l.resolveComponent)(`dt-text`),s=(0,l.resolveComponent)(`sr-only-close-button`),c=(0,l.resolveComponent)(`dt-icon-close`),u=(0,l.resolveComponent)(`dt-button`);return(0,l.openBlock)(),(0,l.createBlock)(l.Teleport,{disabled:!n.appendTo,to:n.appendTo},[(0,l.createElementVNode)(`dialog`,(0,l.mergeProps)({ref:`dialogEl`,class:[`d-modal`,i.MODAL_KIND_MODIFIERS[n.kind],i.MODAL_SIZE_MODIFIERS[n.size],n.modalClass],"data-qa":`dt-modal`,"aria-describedby":n.describedById||void 0,"aria-labelledby":n.labelledById},e.modeAttrs,{onCancel:t[0]||(t[0]=(0,l.withModifiers)((...e)=>a.close&&a.close(...e),[`prevent`])),onClick:t[1]||(t[1]=(...e)=>a.onBackdropClick&&a.onBackdropClick(...e)),onKeydown:t[2]||(t[2]=(...e)=>a.onKeydown&&a.onKeydown(...e))}),[n.open&&(i.hasSlotContent(e.$slots.banner)||n.bannerHeaderText)?((0,l.openBlock)(),(0,l.createElementBlock)(`div`,{key:0,"data-qa":`dt-modal-banner`,class:(0,l.normalizeClass)([`d-modal__banner`,n.bannerClass,a.bannerKindClass])},[(0,l.renderSlot)(e.$slots,`banner`,{},()=>[(0,l.createTextVNode)((0,l.toDisplayString)(n.bannerHeaderText),1)])],2)):(0,l.createCommentVNode)(``,!0),(0,l.createVNode)(l.Transition,{appear:n.open,name:`d-modal__dialog`,onAfterEnter:a.onAfterEnter,onAfterLeave:a.onAfterLeave},{default:(0,l.withCtx)(()=>[(0,l.withDirectives)((0,l.createElementVNode)(`div`,{class:(0,l.normalizeClass)([`d-modal__dialog`,{"d-modal__dialog--scrollable":n.fixedHeaderFooter},n.dialogClass])},[i.hasSlotContent(e.$slots.header)?((0,l.openBlock)(),(0,l.createElementBlock)(`div`,{key:0,id:n.labelledById,class:(0,l.normalizeClass)([`d-modal__header`,n.headerClass]),"data-qa":`dt-modal-title`},[(0,l.renderSlot)(e.$slots,`header`)],10,m)):((0,l.openBlock)(),(0,l.createBlock)(o,{key:1,id:n.labelledById,kind:`headline`,size:600,strength:`medium`,density:`100`,"text-box-trim":`start`,as:`h2`,class:`d-modal__header`,"data-qa":`dt-modal-title`},{default:(0,l.withCtx)(()=>[(0,l.createTextVNode)((0,l.toDisplayString)(n.headerText),1)]),_:1},8,[`id`])),i.hasSlotContent(e.$slots.default)?((0,l.openBlock)(),(0,l.createElementBlock)(`div`,{key:2,class:(0,l.normalizeClass)([`d-modal__content`,n.contentClass]),"data-qa":`dt-modal-copy`},[(0,l.renderSlot)(e.$slots,`default`)],2)):((0,l.openBlock)(),(0,l.createElementBlock)(`p`,{key:3,class:(0,l.normalizeClass)([`d-modal__content`,n.contentClass]),"data-qa":`dt-modal-copy`},(0,l.toDisplayString)(n.copy),3)),a.hasFooterSlot?((0,l.openBlock)(),(0,l.createElementBlock)(`footer`,{key:4,class:(0,l.normalizeClass)([`d-modal__footer`,n.footerClass])},[(0,l.renderSlot)(e.$slots,`footer`)],2)):(0,l.createCommentVNode)(``,!0),n.showClose?((0,l.openBlock)(),(0,l.createBlock)(u,{key:6,class:`d-modal__close`,"data-qa":`dt-modal-close-button`,size:300,kind:`muted`,importance:`clear`,"aria-label":a.closeButtonTitle,title:a.closeButtonTitle,onClick:a.close},{icon:(0,l.withCtx)(({iconSize:e})=>[(0,l.createVNode)(c,{size:e},null,8,[`size`])]),_:1},8,[`aria-label`,`title`,`onClick`])):((0,l.openBlock)(),(0,l.createBlock)(s,{key:5,onClose:a.close},null,8,[`onClose`]))],2),[[l.vShow,n.open]])]),_:3},8,[`appear`,`onAfterEnter`,`onAfterLeave`])],16,p)],8,[`disabled`,`to`])}var g=t.t(f,[[`render`,h]]);exports.default=g;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/constants/index.cjs`),t=require(`../../common/utils/index.cjs`),n=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),r=require(`../../common/mixins/modal.cjs`),i=require(`../notice/notice-constants.cjs`),a=require(`../../localization/index.cjs`),o=require(`../button/button.cjs`),s=require(`../../shared/sr_only_close_button.cjs`),c=require(`../lazy-show/lazy-show.cjs`),l=require(`./modal-constants.cjs`);let u=require(`vue`),d=require(`@dialpad/dialtone-icons/vue3`);var f={compatConfig:{MODE:3},name:`DtModal`,components:{DtLazyShow:c.default,DtButton:o.default,DtIconClose:d.DtIconClose,SrOnlyCloseButton:s.default},mixins:[r.default],props:{copy:{type:String,default:``},describedById:{type:String,default:``},labelledById:{type:String,default:function(){return t.getUniqueString()}},show:{type:Boolean,default:!1},title:{type:String,default:``},bannerTitle:{type:String,default:``},kind:{type:String,default:`default`,validator:e=>Object.keys(l.MODAL_KIND_MODIFIERS).includes(e)},size:{type:String,default:`default`,validator:e=>Object.keys(l.MODAL_SIZE_MODIFIERS).includes(e)},modalClass:{type:[String,Object,Array],default:``},dialogClass:{type:[String,Object,Array],default:``},contentClass:{type:[String,Object,Array],default:``},bannerKind:{type:String,default:`warning`,validate(e){return i.NOTICE_KINDS.includes(e)}},bannerClass:{type:[String,Object,Array],default:``},hideClose:{type:Boolean,default:!1},closeOnClick:{type:Boolean,default:!0},fixedHeaderFooter:{type:Boolean,default:!0},initialFocusElement:{type:[String,HTMLElement],default:`first`,validator:e=>e===`first`||e instanceof HTMLElement||e.startsWith(`#`)},appendTo:{type:String,default:void 0}},emits:[`click`,`keydown`,`update:show`],data(){return{MODAL_KIND_MODIFIERS:l.MODAL_KIND_MODIFIERS,MODAL_SIZE_MODIFIERS:l.MODAL_SIZE_MODIFIERS,MODAL_BANNER_KINDS:l.MODAL_BANNER_KINDS,EVENT_KEYNAMES:e.EVENT_KEYNAMES,hasSlotContent:t.hasSlotContent,i18n:new a.DialtoneLocalization}},computed:{modalListeners(){return{click:e=>{this.closeOnClick&&e.target===e.currentTarget?this.close():this.show&&e.target!==e.currentTarget&&this.handleModalClick(e),this.$emit(`click`,e)},keydown:t=>{switch(t.code){case e.EVENT_KEYNAMES.esc:case e.EVENT_KEYNAMES.escape:this.close();break;case e.EVENT_KEYNAMES.tab:this.trapFocus(t);break}this.$emit(`keydown`,t)},"after-enter":async()=>{this.$emit(`update:show`,!0),await this.setFocusAfterTransition()},focusin:e=>{let t=this.$refs.modalRoot?.$el||this.$el;this.show&&t&&!t.contains(e.target)&&(e.preventDefault(),this.focusFirstElement(t))}}},open(){return`${!this.show}`},hasFooterSlot(){return!!this.$slots.footer},bannerKindClass(){return l.MODAL_BANNER_KINDS[this.bannerKind]},closeButtonTitle(){return this.i18n.$t(`DIALTONE_CLOSE_BUTTON`)}},watch:{show:{handler(e){e?(this.previousActiveElement=document.activeElement,t.disableRootScrolling(t.returnFirstEl(this.$refs.modalRoot?.$el||this.$el).getRootNode().host)):(t.enableRootScrolling(t.returnFirstEl(this.$refs.modalRoot?.$el||this.$el).getRootNode().host),this.previousActiveElement?.focus(),this.previousActiveElement=null)}}},methods:{close(){this.$emit(`update:show`,!1)},async setFocusAfterTransition(){let e=this.$refs.modalRoot?.$el||this.$el;this.initialFocusElement===`first`?await this.focusFirstElement(e):this.initialFocusElement.startsWith(`#`)?await this.focusElementById(this.initialFocusElement):this.initialFocusElement instanceof HTMLElement&&this.initialFocusElement.focus()},trapFocus(e){if(this.show){let t=this.$refs.modalRoot?.$el||this.$el;this.focusTrappedTabPress(e,t)}},handleModalClick(e){let t=e.target,n=this.$refs.modalRoot?.$el||this.$el,r=this._getFocusableElements(n);r.length&&!r.includes(t)&&(r.includes(document.activeElement)||this.focusFirstElement(n))}}},p=[`aria-describedby`,`aria-labelledby`],m=[`id`],h=[`id`],g={key:4,class:`d-modal__footer`};function _(e,t,n,r,i,a){let o=(0,u.resolveComponent)(`sr-only-close-button`),s=(0,u.resolveComponent)(`dt-icon-close`),c=(0,u.resolveComponent)(`dt-button`),l=(0,u.resolveComponent)(`dt-lazy-show`);return(0,u.openBlock)(),(0,u.createBlock)(u.Teleport,{disabled:!n.appendTo,to:n.appendTo},[(0,u.createVNode)(l,(0,u.mergeProps)({ref:`modalRoot`,transition:`d-zoom`,show:n.show,class:[`d-modal`,i.MODAL_KIND_MODIFIERS[n.kind],i.MODAL_SIZE_MODIFIERS[n.size],n.modalClass],"data-qa":`dt-modal`,"aria-hidden":a.open},(0,u.toHandlers)(a.modalListeners)),{default:(0,u.withCtx)(()=>[n.show&&(i.hasSlotContent(e.$slots.banner)||n.bannerTitle)?((0,u.openBlock)(),(0,u.createElementBlock)(`div`,{key:0,"data-qa":`dt-modal-banner`,class:(0,u.normalizeClass)([`d-modal__banner`,n.bannerClass,a.bannerKindClass])},[(0,u.renderSlot)(e.$slots,`banner`,{},()=>[(0,u.createTextVNode)((0,u.toDisplayString)(n.bannerTitle),1)])],2)):(0,u.createCommentVNode)(``,!0),(0,u.createVNode)(u.Transition,{appear:``,name:`d-modal__dialog`},{default:(0,u.withCtx)(()=>[(0,u.withDirectives)((0,u.createElementVNode)(`div`,{class:(0,u.normalizeClass)([`d-modal__dialog`,{"d-modal__dialog--scrollable":n.fixedHeaderFooter},n.dialogClass]),role:`dialog`,"aria-modal":`true`,"aria-describedby":n.describedById,"aria-labelledby":n.labelledById},[i.hasSlotContent(e.$slots.header)?((0,u.openBlock)(),(0,u.createElementBlock)(`div`,{key:0,id:n.labelledById,class:`d-modal__header`,"data-qa":`dt-modal-title`},[(0,u.renderSlot)(e.$slots,`header`)],8,m)):((0,u.openBlock)(),(0,u.createElementBlock)(`h2`,{key:1,id:n.labelledById,class:`d-modal__header`,"data-qa":`dt-modal-title`},(0,u.toDisplayString)(n.title),9,h)),i.hasSlotContent(e.$slots.default)?((0,u.openBlock)(),(0,u.createElementBlock)(`div`,{key:2,class:(0,u.normalizeClass)([`d-modal__content`,n.contentClass]),"data-qa":`dt-modal-copy`},[(0,u.renderSlot)(e.$slots,`default`)],2)):((0,u.openBlock)(),(0,u.createElementBlock)(`p`,{key:3,class:(0,u.normalizeClass)([`d-modal__content`,n.contentClass]),"data-qa":`dt-modal-copy`},(0,u.toDisplayString)(n.copy),3)),a.hasFooterSlot?((0,u.openBlock)(),(0,u.createElementBlock)(`footer`,g,[(0,u.renderSlot)(e.$slots,`footer`)])):(0,u.createCommentVNode)(``,!0),n.hideClose?((0,u.openBlock)(),(0,u.createBlock)(o,{key:5,onClose:a.close},null,8,[`onClose`])):((0,u.openBlock)(),(0,u.createBlock)(c,{key:6,class:`d-modal__close`,"data-qa":`dt-modal-close-button`,size:`md`,kind:`muted`,importance:`clear`,"aria-label":a.closeButtonTitle,title:a.closeButtonTitle,onClick:a.close},{icon:(0,u.withCtx)(({iconSize:e})=>[(0,u.createVNode)(s,{size:e},null,8,[`size`])]),_:1},8,[`aria-label`,`title`,`onClick`]))],10,p),[[u.vShow,n.show]])]),_:3})]),_:3},16,[`show`,`class`,`aria-hidden`])],8,[`disabled`,`to`])}var v=n.t(f,[[`render`,_]]);exports.default=v;
 //# sourceMappingURL=modal.cjs.map