@dialpad/dialtone-vue 3.218.4 → 3.218.5

package/dist/{attachment_carousel-DMKCJe7S.cjs → attachment_carousel-BWzRsDBY.cjs}

@@ -1,2 +1,2 @@
 require(`./chunk-Bmb41Sf3.cjs`);const e=require(`./_plugin-vue_export-helper-D8jCH6HB.cjs`),t=require(`./localization/index.cjs`),n=require(`./lib/button/button.cjs`),r=require(`./lib/image-viewer/image-viewer.cjs`),i=require(`./lib/progress-circle/progress-circle.cjs`);let a=require(`vue`),o=require(`@dialpad/dialtone-icons/vue3`);var s={compatConfig:{MODE:3},name:`DtImageCarousel`,components:{DtImageViewer:r.default,DtButton:n.default,DtIconClose:o.DtIconClose,DtProgressCircle:i.default},props:{mediaItem:{type:Object,required:!0},index:{type:Number,required:!0}},emits:[`remove-media`],data(){return{i18n:new t.DialtoneLocalization}},computed:{closeButtonTitle(){return this.i18n.$t(`DIALTONE_CLOSE_BUTTON`)}},methods:{removeMediaItem(e){this.$emit(`remove-media`,e)}}},c={class:`d-recipe-attachment-carousel__image`},l={class:`d-recipe-attachment-carousel__image-top-right`},u={class:`d-recipe-attachment-carousel__image-progress-bar`};function d(e,t,n,r,i,o){let s=(0,a.resolveComponent)(`dt-image-viewer`),d=(0,a.resolveComponent)(`dt-progress-circle`),f=(0,a.resolveComponent)(`dt-icon-close`),p=(0,a.resolveComponent)(`dt-button`);return(0,a.openBlock)(),(0,a.createElementBlock)(`li`,c,[(0,a.createVNode)(s,{"image-button-class":`d-recipe-attachment-carousel__image-viewer`,"image-src":n.mediaItem.path,"image-alt":n.mediaItem.altText,"aria-label":i.i18n.$t(`DIALTONE_IMAGE_CAROUSEL_CLICK_TO_OPEN_ARIA_LABEL`)},null,8,[`image-src`,`image-alt`,`aria-label`]),(0,a.createElementVNode)(`div`,l,[(0,a.createElementVNode)(`span`,u,[n.mediaItem.isUploading?((0,a.openBlock)(),(0,a.createBlock)(d,{key:0,kind:`brand`,size:`400`,progress:n.mediaItem.progress,"aria-label":i.i18n.$t(`DIALTONE_IMAGE_CAROUSEL_PROGRESS_BAR_ARIA_LABEL`)},null,8,[`progress`,`aria-label`])):(0,a.createCommentVNode)(``,!0)]),(0,a.createVNode)(p,{id:`closeButton-${n.index}`,tabindex:`0`,class:`d-recipe-attachment-carousel__image-close-button`,circle:``,size:`xs`,importance:`clear`,"aria-label":o.closeButtonTitle,title:o.closeButtonTitle,onClick:t[0]||(t[0]=e=>o.removeMediaItem(n.index))},{icon:(0,a.withCtx)(()=>[(0,a.createVNode)(f,{size:`200`})]),_:1},8,[`id`,`aria-label`,`title`])])])}var f=e.t(s,[[`render`,d]]),p=64,m={compatConfig:{MODE:3},name:`DtRecipeAttachmentCarousel`,components:{DtButton:n.default,DtIconArrowRight:o.DtIconArrowRight,DtIconArrowLeft:o.DtIconArrowLeft,DtImageCarousel:f},props:{mediaList:{type:Array,default:()=>[]}},emits:[`remove-media`],data(){return{showCloseButton:{},showRightArrow:!0,showLeftArrow:!1,isMounted:!1,i18n:new t.DialtoneLocalization}},computed:{filteredMediaList(){return this.mediaList.filter(e=>e.type===`image`||e.type===`video`)}},mounted:function(){this.showLeftArrow=this.$refs.carousel.scrollLeft>0,this.showRightArrow=this.$refs.carousel.scrollWidth>this.$refs.carousel.clientWidth},methods:{onItemFocus(e){e.currentTarget.scrollIntoView({behavior:`smooth`})},mediaComponent(e){switch(e){case`image`:return`dt-image-carousel`;default:return null}},removeMediaItem(e){this.showRightArrow=this.$refs.carousel.scrollWidth>this.$refs.carousel.clientWidth+p,this.$emit(`remove-media`,e)},closeButton(e,t){this.showCloseButton[t]=e},handleScroll(){let e=this.$refs.carousel;this.showLeftArrow=e.scrollLeft>0,this.showRightArrow=e.scrollLeft+e.clientWidth!==e.scrollWidth},leftScroll(){this.$refs.carousel.scrollTo({left:this.$refs.carousel.scrollLeft-100,behavior:`smooth`})},rightScroll(){this.$refs.carousel.scrollTo({left:this.$refs.carousel.scrollLeft+100,behavior:`smooth`})}}},h={class:`d-recipe-attachment-carousel`,role:`presentation`};function g(e,t,n,r,i,o){let s=(0,a.resolveComponent)(`dt-icon-arrow-left`),c=(0,a.resolveComponent)(`dt-button`),l=(0,a.resolveComponent)(`dt-icon-arrow-right`);return(0,a.openBlock)(),(0,a.createElementBlock)(`div`,h,[n.mediaList.length>0?((0,a.openBlock)(),(0,a.createElementBlock)(`ul`,{key:0,ref:`carousel`,class:`d-recipe-attachment-carousel__media-list`,onScroll:t[0]||(t[0]=(...e)=>o.handleScroll&&o.handleScroll(...e))},[((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(o.filteredMediaList,(e,t)=>((0,a.openBlock)(),(0,a.createBlock)((0,a.resolveDynamicComponent)(o.mediaComponent(e.type)),{key:`media-${t}`,index:t,"media-item":e,onRemoveMedia:e=>o.removeMediaItem(t),onFocusin:o.onItemFocus},null,40,[`index`,`media-item`,`onRemoveMedia`,`onFocusin`]))),128))],544)):(0,a.createCommentVNode)(``,!0),(0,a.withDirectives)((0,a.createVNode)(c,{tabindex:`-1`,"aria-label":i.i18n.$t(`DIALTONE_ATTACHMENT_CAROUSEL_LEFT_ARROW_ARIA_LABEL`),class:`d-recipe-attachment-carousel__arrow d-recipe-attachment-carousel__arrow--left`,circle:``,size:`xs`,importance:`clear`,onClick:o.leftScroll},{icon:(0,a.withCtx)(()=>[(0,a.createVNode)(s,{size:`100`})]),_:1},8,[`aria-label`,`onClick`]),[[a.vShow,i.showLeftArrow]]),(0,a.withDirectives)((0,a.createVNode)(c,{tabindex:`-1`,"aria-label":i.i18n.$t(`DIALTONE_ATTACHMENT_CAROUSEL_RIGHT_ARROW_ARIA_LABEL`),class:`d-recipe-attachment-carousel__arrow d-recipe-attachment-carousel__arrow--right`,circle:``,size:`xs`,importance:`clear`,onClick:o.rightScroll},{icon:(0,a.withCtx)(()=>[(0,a.createVNode)(l,{size:`100`})]),_:1},8,[`aria-label`,`onClick`]),[[a.vShow,i.showRightArrow]])])}var _=e.t(m,[[`render`,g]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return _}});
-//# sourceMappingURL=attachment_carousel-DMKCJe7S.cjs.map
+//# sourceMappingURL=attachment_carousel-BWzRsDBY.cjs.map

package/dist/{attachment_carousel-DMKCJe7S.cjs.map → attachment_carousel-BWzRsDBY.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"attachment_carousel-DMKCJe7S.cjs","names":[],"sources":["../recipes/conversation_view/attachment_carousel/media_components/image_carousel.vue","../recipes/conversation_view/attachment_carousel/attachment_carousel.vue"],"sourcesContent":["<template>\n  <li\n    class=\"d-recipe-attachment-carousel__image\"\n  >\n    <dt-image-viewer\n      image-button-class=\"d-recipe-attachment-carousel__image-viewer\"\n      :image-src=\"mediaItem.path\"\n      :image-alt=\"mediaItem.altText\"\n      :aria-label=\"i18n.$t('DIALTONE_IMAGE_CAROUSEL_CLICK_TO_OPEN_ARIA_LABEL')\"\n    />\n\n    <!-- Loader / Close button -->\n    <div\n      class=\"d-recipe-attachment-carousel__image-top-right\"\n    >\n      <span\n        class=\"d-recipe-attachment-carousel__image-progress-bar\"\n      >\n        <dt-progress-circle\n          v-if=\"mediaItem.isUploading\"\n          kind=\"brand\"\n          size=\"400\"\n          :progress=\"mediaItem.progress\"\n          :aria-label=\"i18n.$t('DIALTONE_IMAGE_CAROUSEL_PROGRESS_BAR_ARIA_LABEL')\"\n        />\n      </span>\n      <dt-button\n        :id=\"`closeButton-${index}`\"\n        tabindex=\"0\"\n        class=\"d-recipe-attachment-carousel__image-close-button\"\n        circle\n        size=\"xs\"\n        importance=\"clear\"\n        :aria-label=\"closeButtonTitle\"\n        :title=\"closeButtonTitle\"\n        @click=\"removeMediaItem(index)\"\n      >\n        <template #icon>\n          <dt-icon-close\n            size=\"200\"\n          />\n        </template>\n      </dt-button>\n    </div>\n  </li>\n</template>\n\n<script>\nimport { DtImageViewer } from '@/components/image_viewer';\nimport { DtButton } from '@/components/button';\nimport { DtIconClose } from '@dialpad/dialtone-icons/vue3';\nimport { DialtoneLocalization } from '@/localization';\n\nimport { DtProgressCircle } from '@/components/progress_circle';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtImageCarousel',\n\n  components: {\n    DtImageViewer,\n    DtButton,\n    DtIconClose,\n    DtProgressCircle,\n  },\n\n  props: {\n    mediaItem: {\n      type: Object,\n      required: true,\n    },\n\n    index: {\n      type: Number,\n      required: true,\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when media close button is clicked to remove the image\n     *\n     * @event remove-media\n     * @type {Number}\n     */\n    'remove-media',\n  ],\n\n  data () {\n    return {\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    closeButtonTitle () {\n      return this.i18n.$t('DIALTONE_CLOSE_BUTTON');\n    },\n  },\n\n  methods: {\n    removeMediaItem (index) {\n      this.$emit('remove-media', index);\n    },\n  },\n};\n</script>\n","<template>\n  <div\n    class=\"d-recipe-attachment-carousel\"\n    role=\"presentation\"\n  >\n    <ul\n      v-if=\"mediaList.length > 0\"\n      ref=\"carousel\"\n      class=\"d-recipe-attachment-carousel__media-list\"\n      @scroll=\"handleScroll\"\n    >\n      <!-- media list -->\n      <component\n        :is=\"mediaComponent(mediaItem.type)\"\n        v-for=\"(mediaItem, index) in filteredMediaList\"\n        :key=\"`media-${index}`\"\n        :index=\"index\"\n        :media-item=\"mediaItem\"\n        @remove-media=\"removeMediaItem(index)\"\n        @focusin=\"onItemFocus\"\n      />\n    </ul>\n\n    <!-- Carousel Arrows -->\n    <dt-button\n      v-show=\"showLeftArrow\"\n      tabindex=\"-1\"\n      :aria-label=\"i18n.$t('DIALTONE_ATTACHMENT_CAROUSEL_LEFT_ARROW_ARIA_LABEL')\"\n      class=\"d-recipe-attachment-carousel__arrow d-recipe-attachment-carousel__arrow--left\"\n      circle\n      size=\"xs\"\n      importance=\"clear\"\n      @click=\"leftScroll\"\n    >\n      <template #icon>\n        <dt-icon-arrow-left\n          size=\"100\"\n        />\n      </template>\n    </dt-button>\n    <dt-button\n      v-show=\"showRightArrow\"\n      tabindex=\"-1\"\n      :aria-label=\"i18n.$t('DIALTONE_ATTACHMENT_CAROUSEL_RIGHT_ARROW_ARIA_LABEL')\"\n      class=\"d-recipe-attachment-carousel__arrow d-recipe-attachment-carousel__arrow--right\"\n      circle\n      size=\"xs\"\n      importance=\"clear\"\n      @click=\"rightScroll\"\n    >\n      <template #icon>\n        <dt-icon-arrow-right\n          size=\"100\"\n        />\n      </template>\n    </dt-button>\n  </div>\n</template>\n\n<script>\nimport { DtIconArrowRight, DtIconArrowLeft } from '@dialpad/dialtone-icons/vue3';\nimport { DtButton } from '@/components/button';\nimport { DialtoneLocalization } from '@/localization';\n\nimport DtImageCarousel from './media_components/image_carousel.vue';\n\nconst MEDIA_ITEM_WIDTH = 64;\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeAttachmentCarousel',\n\n  components: {\n    DtButton,\n    DtIconArrowRight,\n    DtIconArrowLeft,\n    DtImageCarousel,\n  },\n\n  /* inheritAttrs: false is generally an option we want to set on library\n    components. This allows any attributes passed in that are not recognized\n    as props to be passed down to another element or component using v-bind:$attrs\n    more info: https://vuejs.org/v2/api/#inheritAttrs */\n  // inheritAttrs: false,\n\n  props: {\n    /**\n     * media - object array of media objects\n     * @type {Array}\n     *\n     * Object: {\n     *  path: String,\n     *  altText: String | null,\n     * }\n     */\n    mediaList: {\n      type: Array,\n      default: () => [],\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when popover is shown or hidden\n     *\n     * @event remove-media\n     * @type {Number}\n     */\n    'remove-media',\n  ],\n\n  data () {\n    return {\n      showCloseButton: {},\n      showRightArrow: true,\n      showLeftArrow: false,\n      isMounted: false,\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    filteredMediaList () {\n      return this.mediaList.filter((mediaItem) => mediaItem.type === 'image' || mediaItem.type === 'video');\n    },\n  },\n\n  mounted: function () {\n    this.showLeftArrow = this.$refs.carousel.scrollLeft > 0;\n    this.showRightArrow = this.$refs.carousel.scrollWidth > this.$refs.carousel.clientWidth;\n  },\n\n  methods: {\n    onItemFocus (e) {\n      e.currentTarget.scrollIntoView({ behavior: 'smooth' });\n    },\n\n    mediaComponent (type) {\n      switch (type) {\n        case 'image':\n          return 'dt-image-carousel';\n        default:\n          // unknown media type\n          return null;\n      }\n    },\n\n    removeMediaItem (index) {\n      // make sure the carousel arrows is updated. 64 is the width of each media item\n      this.showRightArrow = this.$refs.carousel.scrollWidth > (this.$refs.carousel.clientWidth + MEDIA_ITEM_WIDTH);\n      this.$emit('remove-media', index);\n    },\n\n    closeButton (val, index) {\n      this.showCloseButton[index] = val;\n    },\n\n    handleScroll () {\n      const carousel = this.$refs.carousel;\n      this.showLeftArrow = carousel.scrollLeft > 0;\n      this.showRightArrow = !((carousel.scrollLeft + carousel.clientWidth) === carousel.scrollWidth);\n    },\n\n    leftScroll () {\n      this.$refs.carousel.scrollTo({\n        left: this.$refs.carousel.scrollLeft - 100,\n        behavior: 'smooth',\n      });\n    },\n\n    rightScroll () {\n      this.$refs.carousel.scrollTo({\n        left: this.$refs.carousel.scrollLeft + 100,\n        behavior: 'smooth',\n      });\n    },\n  },\n};\n</script>\n"],"mappings":"8UAuDA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,kBAEN,WAAY,CACV,cAAA,EAAA,QACA,SAAA,EAAA,QACA,YAAA,EAAA,YACA,iBAAA,EAAA,QACD,CAED,MAAO,CACL,UAAW,CACT,KAAM,OACN,SAAU,GACX,CAED,MAAO,CACL,KAAM,OACN,SAAU,GACX,CACF,CAED,MAAO,CAOL,eACD,CAED,MAAQ,CACN,MAAO,CACL,KAAM,IAAI,EAAA,qBACX,EAGH,SAAU,CACR,kBAAoB,CAClB,OAAO,KAAK,KAAK,GAAG,wBAAwB,EAE/C,CAED,QAAS,CACP,gBAAiB,EAAO,CACtB,KAAK,MAAM,eAAgB,EAAM,EAEpC,CACF,IAvGG,MAAM,sCAAqC,IAWzC,MAAM,gDAA+C,IAGnD,MAAM,mDAAkD,yPA4BzD,KA3CL,EA2CK,EAAA,EAAA,EAAA,aAnCD,EAAA,CAJA,qBAAmB,6CAClB,YAAW,EAAA,UAAU,KACrB,YAAW,EAAA,UAAU,QACrB,aAAY,EAAA,KAAK,GAAE,mDAAA,0EAmChB,MA/BN,EA+BM,EAAA,EAAA,EAAA,oBAlBG,OAVP,EAUO,CANG,EAAA,UAAU,cAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,aAKhB,EAAA,OAJA,KAAK,QACL,KAAK,MACJ,SAAU,EAAA,UAAU,SACpB,aAAY,EAAA,KAAK,GAAE,kDAAA,yFAmBZ,EAAA,CAfT,GAAE,eAAiB,EAAA,QACpB,SAAS,IACT,MAAM,mDACN,OAAA,GACA,KAAK,KACL,WAAW,QACV,aAAY,EAAA,iBACZ,MAAO,EAAA,iBACP,QAAK,EAAA,KAAA,EAAA,GAAA,GAAE,EAAA,gBAAgB,EAAA,MAAK,IAElB,MAAA,EAAA,EAAA,aAGP,EAAA,EAAA,EAAA,aAAA,EAAA,CADA,KAAK,MAAK,CAAA,CAAA,CAAA,qEC2BhB,EAAmB,GAEpB,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,6BAEN,WAAY,CACV,SAAA,EAAA,QACA,iBAAA,EAAA,iBACA,gBAAA,EAAA,gBACA,gBAAA,EACD,CAQD,MAAO,CAUL,UAAW,CACT,KAAM,MACN,YAAe,EAAE,CAClB,CACF,CAED,MAAO,CAOL,eACD,CAED,MAAQ,CACN,MAAO,CACL,gBAAiB,EAAE,CACnB,eAAgB,GAChB,cAAe,GACf,UAAW,GACX,KAAM,IAAI,EAAA,qBACX,EAGH,SAAU,CACR,mBAAqB,CACnB,OAAO,KAAK,UAAU,OAAQ,GAAc,EAAU,OAAS,SAAW,EAAU,OAAS,QAAQ,EAExG,CAED,QAAS,UAAY,CACnB,KAAK,cAAgB,KAAK,MAAM,SAAS,WAAa,EACtD,KAAK,eAAiB,KAAK,MAAM,SAAS,YAAc,KAAK,MAAM,SAAS,aAG9E,QAAS,CACP,YAAa,EAAG,CACd,EAAE,cAAc,eAAe,CAAE,SAAU,SAAU,CAAC,EAGxD,eAAgB,EAAM,CACpB,OAAQ,EAAR,CACE,IAAK,QACH,MAAO,oBACT,QAEE,OAAO,OAIb,gBAAiB,EAAO,CAEtB,KAAK,eAAiB,KAAK,MAAM,SAAS,YAAe,KAAK,MAAM,SAAS,YAAc,EAC3F,KAAK,MAAM,eAAgB,EAAM,EAGnC,YAAa,EAAK,EAAO,CACvB,KAAK,gBAAgB,GAAS,GAGhC,cAAgB,CACd,IAAM,EAAW,KAAK,MAAM,SAC5B,KAAK,cAAgB,EAAS,WAAa,EAC3C,KAAK,eAAoB,EAAS,WAAa,EAAS,cAAiB,EAAS,aAGpF,YAAc,CACZ,KAAK,MAAM,SAAS,SAAS,CAC3B,KAAM,KAAK,MAAM,SAAS,WAAa,IACvC,SAAU,SACX,CAAC,EAGJ,aAAe,CACb,KAAK,MAAM,SAAS,SAAS,CAC3B,KAAM,KAAK,MAAM,SAAS,WAAa,IACvC,SAAU,SACX,CAAC,EAEL,CACF,IA/KG,MAAM,+BACN,KAAK,kOAqDD,MAvDN,EAuDM,CAlDI,EAAA,UAAU,OAAM,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAenB,KAAA,OAdH,IAAI,WACJ,MAAM,2CACL,SAAM,EAAA,KAAA,EAAA,IAAA,GAAA,IAAE,EAAA,cAAA,EAAA,aAAA,GAAA,EAAY,kDAWnB,EAAA,SAAA,MAAA,EAAA,EAAA,YAN6B,EAAA,mBAArB,EAAW,uEADd,EAAA,eAAe,EAAU,KAAI,CAAA,CAAA,CAEjC,IAAG,SAAW,IACP,QACP,aAAY,EACZ,cAAY,GAAE,EAAA,gBAAgB,EAAK,CACnC,UAAS,EAAA,+JAoBF,EAAA,CAbV,SAAS,KACR,aAAY,EAAA,KAAK,GAAE,qDAAA,CACpB,MAAM,gFACN,OAAA,GACA,KAAK,KACL,WAAW,QACV,QAAO,EAAA,aAEG,MAAA,EAAA,EAAA,aAGP,EAAA,EAAA,EAAA,aAAA,EAAA,CADA,KAAK,MAAK,CAAA,CAAA,CAAA,4CAXN,EAAA,cAAa,CAAA,CAAA,wCA8BX,EAAA,CAbV,SAAS,KACR,aAAY,EAAA,KAAK,GAAE,sDAAA,CACpB,MAAM,iFACN,OAAA,GACA,KAAK,KACL,WAAW,QACV,QAAO,EAAA,cAEG,MAAA,EAAA,EAAA,aAGP,EAAA,EAAA,EAAA,aAAA,EAAA,CADA,KAAK,MAAK,CAAA,CAAA,CAAA,4CAXN,EAAA,eAAc,CAAA,CAAA"}
+{"version":3,"file":"attachment_carousel-BWzRsDBY.cjs","names":[],"sources":["../recipes/conversation_view/attachment_carousel/media_components/image_carousel.vue","../recipes/conversation_view/attachment_carousel/attachment_carousel.vue"],"sourcesContent":["<template>\n  <li\n    class=\"d-recipe-attachment-carousel__image\"\n  >\n    <dt-image-viewer\n      image-button-class=\"d-recipe-attachment-carousel__image-viewer\"\n      :image-src=\"mediaItem.path\"\n      :image-alt=\"mediaItem.altText\"\n      :aria-label=\"i18n.$t('DIALTONE_IMAGE_CAROUSEL_CLICK_TO_OPEN_ARIA_LABEL')\"\n    />\n\n    <!-- Loader / Close button -->\n    <div\n      class=\"d-recipe-attachment-carousel__image-top-right\"\n    >\n      <span\n        class=\"d-recipe-attachment-carousel__image-progress-bar\"\n      >\n        <dt-progress-circle\n          v-if=\"mediaItem.isUploading\"\n          kind=\"brand\"\n          size=\"400\"\n          :progress=\"mediaItem.progress\"\n          :aria-label=\"i18n.$t('DIALTONE_IMAGE_CAROUSEL_PROGRESS_BAR_ARIA_LABEL')\"\n        />\n      </span>\n      <dt-button\n        :id=\"`closeButton-${index}`\"\n        tabindex=\"0\"\n        class=\"d-recipe-attachment-carousel__image-close-button\"\n        circle\n        size=\"xs\"\n        importance=\"clear\"\n        :aria-label=\"closeButtonTitle\"\n        :title=\"closeButtonTitle\"\n        @click=\"removeMediaItem(index)\"\n      >\n        <template #icon>\n          <dt-icon-close\n            size=\"200\"\n          />\n        </template>\n      </dt-button>\n    </div>\n  </li>\n</template>\n\n<script>\nimport { DtImageViewer } from '@/components/image_viewer';\nimport { DtButton } from '@/components/button';\nimport { DtIconClose } from '@dialpad/dialtone-icons/vue3';\nimport { DialtoneLocalization } from '@/localization';\n\nimport { DtProgressCircle } from '@/components/progress_circle';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtImageCarousel',\n\n  components: {\n    DtImageViewer,\n    DtButton,\n    DtIconClose,\n    DtProgressCircle,\n  },\n\n  props: {\n    mediaItem: {\n      type: Object,\n      required: true,\n    },\n\n    index: {\n      type: Number,\n      required: true,\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when media close button is clicked to remove the image\n     *\n     * @event remove-media\n     * @type {Number}\n     */\n    'remove-media',\n  ],\n\n  data () {\n    return {\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    closeButtonTitle () {\n      return this.i18n.$t('DIALTONE_CLOSE_BUTTON');\n    },\n  },\n\n  methods: {\n    removeMediaItem (index) {\n      this.$emit('remove-media', index);\n    },\n  },\n};\n</script>\n","<template>\n  <div\n    class=\"d-recipe-attachment-carousel\"\n    role=\"presentation\"\n  >\n    <ul\n      v-if=\"mediaList.length > 0\"\n      ref=\"carousel\"\n      class=\"d-recipe-attachment-carousel__media-list\"\n      @scroll=\"handleScroll\"\n    >\n      <!-- media list -->\n      <component\n        :is=\"mediaComponent(mediaItem.type)\"\n        v-for=\"(mediaItem, index) in filteredMediaList\"\n        :key=\"`media-${index}`\"\n        :index=\"index\"\n        :media-item=\"mediaItem\"\n        @remove-media=\"removeMediaItem(index)\"\n        @focusin=\"onItemFocus\"\n      />\n    </ul>\n\n    <!-- Carousel Arrows -->\n    <dt-button\n      v-show=\"showLeftArrow\"\n      tabindex=\"-1\"\n      :aria-label=\"i18n.$t('DIALTONE_ATTACHMENT_CAROUSEL_LEFT_ARROW_ARIA_LABEL')\"\n      class=\"d-recipe-attachment-carousel__arrow d-recipe-attachment-carousel__arrow--left\"\n      circle\n      size=\"xs\"\n      importance=\"clear\"\n      @click=\"leftScroll\"\n    >\n      <template #icon>\n        <dt-icon-arrow-left\n          size=\"100\"\n        />\n      </template>\n    </dt-button>\n    <dt-button\n      v-show=\"showRightArrow\"\n      tabindex=\"-1\"\n      :aria-label=\"i18n.$t('DIALTONE_ATTACHMENT_CAROUSEL_RIGHT_ARROW_ARIA_LABEL')\"\n      class=\"d-recipe-attachment-carousel__arrow d-recipe-attachment-carousel__arrow--right\"\n      circle\n      size=\"xs\"\n      importance=\"clear\"\n      @click=\"rightScroll\"\n    >\n      <template #icon>\n        <dt-icon-arrow-right\n          size=\"100\"\n        />\n      </template>\n    </dt-button>\n  </div>\n</template>\n\n<script>\nimport { DtIconArrowRight, DtIconArrowLeft } from '@dialpad/dialtone-icons/vue3';\nimport { DtButton } from '@/components/button';\nimport { DialtoneLocalization } from '@/localization';\n\nimport DtImageCarousel from './media_components/image_carousel.vue';\n\nconst MEDIA_ITEM_WIDTH = 64;\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeAttachmentCarousel',\n\n  components: {\n    DtButton,\n    DtIconArrowRight,\n    DtIconArrowLeft,\n    DtImageCarousel,\n  },\n\n  /* inheritAttrs: false is generally an option we want to set on library\n    components. This allows any attributes passed in that are not recognized\n    as props to be passed down to another element or component using v-bind:$attrs\n    more info: https://vuejs.org/v2/api/#inheritAttrs */\n  // inheritAttrs: false,\n\n  props: {\n    /**\n     * media - object array of media objects\n     * @type {Array}\n     *\n     * Object: {\n     *  path: String,\n     *  altText: String | null,\n     * }\n     */\n    mediaList: {\n      type: Array,\n      default: () => [],\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when popover is shown or hidden\n     *\n     * @event remove-media\n     * @type {Number}\n     */\n    'remove-media',\n  ],\n\n  data () {\n    return {\n      showCloseButton: {},\n      showRightArrow: true,\n      showLeftArrow: false,\n      isMounted: false,\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    filteredMediaList () {\n      return this.mediaList.filter((mediaItem) => mediaItem.type === 'image' || mediaItem.type === 'video');\n    },\n  },\n\n  mounted: function () {\n    this.showLeftArrow = this.$refs.carousel.scrollLeft > 0;\n    this.showRightArrow = this.$refs.carousel.scrollWidth > this.$refs.carousel.clientWidth;\n  },\n\n  methods: {\n    onItemFocus (e) {\n      e.currentTarget.scrollIntoView({ behavior: 'smooth' });\n    },\n\n    mediaComponent (type) {\n      switch (type) {\n        case 'image':\n          return 'dt-image-carousel';\n        default:\n          // unknown media type\n          return null;\n      }\n    },\n\n    removeMediaItem (index) {\n      // make sure the carousel arrows is updated. 64 is the width of each media item\n      this.showRightArrow = this.$refs.carousel.scrollWidth > (this.$refs.carousel.clientWidth + MEDIA_ITEM_WIDTH);\n      this.$emit('remove-media', index);\n    },\n\n    closeButton (val, index) {\n      this.showCloseButton[index] = val;\n    },\n\n    handleScroll () {\n      const carousel = this.$refs.carousel;\n      this.showLeftArrow = carousel.scrollLeft > 0;\n      this.showRightArrow = !((carousel.scrollLeft + carousel.clientWidth) === carousel.scrollWidth);\n    },\n\n    leftScroll () {\n      this.$refs.carousel.scrollTo({\n        left: this.$refs.carousel.scrollLeft - 100,\n        behavior: 'smooth',\n      });\n    },\n\n    rightScroll () {\n      this.$refs.carousel.scrollTo({\n        left: this.$refs.carousel.scrollLeft + 100,\n        behavior: 'smooth',\n      });\n    },\n  },\n};\n</script>\n"],"mappings":"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"}

package/dist/{attachment_carousel-gV6IHYgP.js → attachment_carousel-Xub5CrN3.js}

@@ -188,4 +188,4 @@ var j = /* @__PURE__ */ e(O, [["render", A]]);
 //#endregion
 export { j as t };
 
-//# sourceMappingURL=attachment_carousel-gV6IHYgP.js.map
+//# sourceMappingURL=attachment_carousel-Xub5CrN3.js.map

package/dist/{attachment_carousel-gV6IHYgP.js.map → attachment_carousel-Xub5CrN3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"attachment_carousel-gV6IHYgP.js","names":[],"sources":["../recipes/conversation_view/attachment_carousel/media_components/image_carousel.vue","../recipes/conversation_view/attachment_carousel/attachment_carousel.vue"],"sourcesContent":["<template>\n  <li\n    class=\"d-recipe-attachment-carousel__image\"\n  >\n    <dt-image-viewer\n      image-button-class=\"d-recipe-attachment-carousel__image-viewer\"\n      :image-src=\"mediaItem.path\"\n      :image-alt=\"mediaItem.altText\"\n      :aria-label=\"i18n.$t('DIALTONE_IMAGE_CAROUSEL_CLICK_TO_OPEN_ARIA_LABEL')\"\n    />\n\n    <!-- Loader / Close button -->\n    <div\n      class=\"d-recipe-attachment-carousel__image-top-right\"\n    >\n      <span\n        class=\"d-recipe-attachment-carousel__image-progress-bar\"\n      >\n        <dt-progress-circle\n          v-if=\"mediaItem.isUploading\"\n          kind=\"brand\"\n          size=\"400\"\n          :progress=\"mediaItem.progress\"\n          :aria-label=\"i18n.$t('DIALTONE_IMAGE_CAROUSEL_PROGRESS_BAR_ARIA_LABEL')\"\n        />\n      </span>\n      <dt-button\n        :id=\"`closeButton-${index}`\"\n        tabindex=\"0\"\n        class=\"d-recipe-attachment-carousel__image-close-button\"\n        circle\n        size=\"xs\"\n        importance=\"clear\"\n        :aria-label=\"closeButtonTitle\"\n        :title=\"closeButtonTitle\"\n        @click=\"removeMediaItem(index)\"\n      >\n        <template #icon>\n          <dt-icon-close\n            size=\"200\"\n          />\n        </template>\n      </dt-button>\n    </div>\n  </li>\n</template>\n\n<script>\nimport { DtImageViewer } from '@/components/image_viewer';\nimport { DtButton } from '@/components/button';\nimport { DtIconClose } from '@dialpad/dialtone-icons/vue3';\nimport { DialtoneLocalization } from '@/localization';\n\nimport { DtProgressCircle } from '@/components/progress_circle';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtImageCarousel',\n\n  components: {\n    DtImageViewer,\n    DtButton,\n    DtIconClose,\n    DtProgressCircle,\n  },\n\n  props: {\n    mediaItem: {\n      type: Object,\n      required: true,\n    },\n\n    index: {\n      type: Number,\n      required: true,\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when media close button is clicked to remove the image\n     *\n     * @event remove-media\n     * @type {Number}\n     */\n    'remove-media',\n  ],\n\n  data () {\n    return {\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    closeButtonTitle () {\n      return this.i18n.$t('DIALTONE_CLOSE_BUTTON');\n    },\n  },\n\n  methods: {\n    removeMediaItem (index) {\n      this.$emit('remove-media', index);\n    },\n  },\n};\n</script>\n","<template>\n  <div\n    class=\"d-recipe-attachment-carousel\"\n    role=\"presentation\"\n  >\n    <ul\n      v-if=\"mediaList.length > 0\"\n      ref=\"carousel\"\n      class=\"d-recipe-attachment-carousel__media-list\"\n      @scroll=\"handleScroll\"\n    >\n      <!-- media list -->\n      <component\n        :is=\"mediaComponent(mediaItem.type)\"\n        v-for=\"(mediaItem, index) in filteredMediaList\"\n        :key=\"`media-${index}`\"\n        :index=\"index\"\n        :media-item=\"mediaItem\"\n        @remove-media=\"removeMediaItem(index)\"\n        @focusin=\"onItemFocus\"\n      />\n    </ul>\n\n    <!-- Carousel Arrows -->\n    <dt-button\n      v-show=\"showLeftArrow\"\n      tabindex=\"-1\"\n      :aria-label=\"i18n.$t('DIALTONE_ATTACHMENT_CAROUSEL_LEFT_ARROW_ARIA_LABEL')\"\n      class=\"d-recipe-attachment-carousel__arrow d-recipe-attachment-carousel__arrow--left\"\n      circle\n      size=\"xs\"\n      importance=\"clear\"\n      @click=\"leftScroll\"\n    >\n      <template #icon>\n        <dt-icon-arrow-left\n          size=\"100\"\n        />\n      </template>\n    </dt-button>\n    <dt-button\n      v-show=\"showRightArrow\"\n      tabindex=\"-1\"\n      :aria-label=\"i18n.$t('DIALTONE_ATTACHMENT_CAROUSEL_RIGHT_ARROW_ARIA_LABEL')\"\n      class=\"d-recipe-attachment-carousel__arrow d-recipe-attachment-carousel__arrow--right\"\n      circle\n      size=\"xs\"\n      importance=\"clear\"\n      @click=\"rightScroll\"\n    >\n      <template #icon>\n        <dt-icon-arrow-right\n          size=\"100\"\n        />\n      </template>\n    </dt-button>\n  </div>\n</template>\n\n<script>\nimport { DtIconArrowRight, DtIconArrowLeft } from '@dialpad/dialtone-icons/vue3';\nimport { DtButton } from '@/components/button';\nimport { DialtoneLocalization } from '@/localization';\n\nimport DtImageCarousel from './media_components/image_carousel.vue';\n\nconst MEDIA_ITEM_WIDTH = 64;\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeAttachmentCarousel',\n\n  components: {\n    DtButton,\n    DtIconArrowRight,\n    DtIconArrowLeft,\n    DtImageCarousel,\n  },\n\n  /* inheritAttrs: false is generally an option we want to set on library\n    components. This allows any attributes passed in that are not recognized\n    as props to be passed down to another element or component using v-bind:$attrs\n    more info: https://vuejs.org/v2/api/#inheritAttrs */\n  // inheritAttrs: false,\n\n  props: {\n    /**\n     * media - object array of media objects\n     * @type {Array}\n     *\n     * Object: {\n     *  path: String,\n     *  altText: String | null,\n     * }\n     */\n    mediaList: {\n      type: Array,\n      default: () => [],\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when popover is shown or hidden\n     *\n     * @event remove-media\n     * @type {Number}\n     */\n    'remove-media',\n  ],\n\n  data () {\n    return {\n      showCloseButton: {},\n      showRightArrow: true,\n      showLeftArrow: false,\n      isMounted: false,\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    filteredMediaList () {\n      return this.mediaList.filter((mediaItem) => mediaItem.type === 'image' || mediaItem.type === 'video');\n    },\n  },\n\n  mounted: function () {\n    this.showLeftArrow = this.$refs.carousel.scrollLeft > 0;\n    this.showRightArrow = this.$refs.carousel.scrollWidth > this.$refs.carousel.clientWidth;\n  },\n\n  methods: {\n    onItemFocus (e) {\n      e.currentTarget.scrollIntoView({ behavior: 'smooth' });\n    },\n\n    mediaComponent (type) {\n      switch (type) {\n        case 'image':\n          return 'dt-image-carousel';\n        default:\n          // unknown media type\n          return null;\n      }\n    },\n\n    removeMediaItem (index) {\n      // make sure the carousel arrows is updated. 64 is the width of each media item\n      this.showRightArrow = this.$refs.carousel.scrollWidth > (this.$refs.carousel.clientWidth + MEDIA_ITEM_WIDTH);\n      this.$emit('remove-media', index);\n    },\n\n    closeButton (val, index) {\n      this.showCloseButton[index] = val;\n    },\n\n    handleScroll () {\n      const carousel = this.$refs.carousel;\n      this.showLeftArrow = carousel.scrollLeft > 0;\n      this.showRightArrow = !((carousel.scrollLeft + carousel.clientWidth) === carousel.scrollWidth);\n    },\n\n    leftScroll () {\n      this.$refs.carousel.scrollTo({\n        left: this.$refs.carousel.scrollLeft - 100,\n        behavior: 'smooth',\n      });\n    },\n\n    rightScroll () {\n      this.$refs.carousel.scrollTo({\n        left: this.$refs.carousel.scrollLeft + 100,\n        behavior: 'smooth',\n      });\n    },\n  },\n};\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"attachment_carousel-Xub5CrN3.js","names":[],"sources":["../recipes/conversation_view/attachment_carousel/media_components/image_carousel.vue","../recipes/conversation_view/attachment_carousel/attachment_carousel.vue"],"sourcesContent":["<template>\n  <li\n    class=\"d-recipe-attachment-carousel__image\"\n  >\n    <dt-image-viewer\n      image-button-class=\"d-recipe-attachment-carousel__image-viewer\"\n      :image-src=\"mediaItem.path\"\n      :image-alt=\"mediaItem.altText\"\n      :aria-label=\"i18n.$t('DIALTONE_IMAGE_CAROUSEL_CLICK_TO_OPEN_ARIA_LABEL')\"\n    />\n\n    <!-- Loader / Close button -->\n    <div\n      class=\"d-recipe-attachment-carousel__image-top-right\"\n    >\n      <span\n        class=\"d-recipe-attachment-carousel__image-progress-bar\"\n      >\n        <dt-progress-circle\n          v-if=\"mediaItem.isUploading\"\n          kind=\"brand\"\n          size=\"400\"\n          :progress=\"mediaItem.progress\"\n          :aria-label=\"i18n.$t('DIALTONE_IMAGE_CAROUSEL_PROGRESS_BAR_ARIA_LABEL')\"\n        />\n      </span>\n      <dt-button\n        :id=\"`closeButton-${index}`\"\n        tabindex=\"0\"\n        class=\"d-recipe-attachment-carousel__image-close-button\"\n        circle\n        size=\"xs\"\n        importance=\"clear\"\n        :aria-label=\"closeButtonTitle\"\n        :title=\"closeButtonTitle\"\n        @click=\"removeMediaItem(index)\"\n      >\n        <template #icon>\n          <dt-icon-close\n            size=\"200\"\n          />\n        </template>\n      </dt-button>\n    </div>\n  </li>\n</template>\n\n<script>\nimport { DtImageViewer } from '@/components/image_viewer';\nimport { DtButton } from '@/components/button';\nimport { DtIconClose } from '@dialpad/dialtone-icons/vue3';\nimport { DialtoneLocalization } from '@/localization';\n\nimport { DtProgressCircle } from '@/components/progress_circle';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtImageCarousel',\n\n  components: {\n    DtImageViewer,\n    DtButton,\n    DtIconClose,\n    DtProgressCircle,\n  },\n\n  props: {\n    mediaItem: {\n      type: Object,\n      required: true,\n    },\n\n    index: {\n      type: Number,\n      required: true,\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when media close button is clicked to remove the image\n     *\n     * @event remove-media\n     * @type {Number}\n     */\n    'remove-media',\n  ],\n\n  data () {\n    return {\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    closeButtonTitle () {\n      return this.i18n.$t('DIALTONE_CLOSE_BUTTON');\n    },\n  },\n\n  methods: {\n    removeMediaItem (index) {\n      this.$emit('remove-media', index);\n    },\n  },\n};\n</script>\n","<template>\n  <div\n    class=\"d-recipe-attachment-carousel\"\n    role=\"presentation\"\n  >\n    <ul\n      v-if=\"mediaList.length > 0\"\n      ref=\"carousel\"\n      class=\"d-recipe-attachment-carousel__media-list\"\n      @scroll=\"handleScroll\"\n    >\n      <!-- media list -->\n      <component\n        :is=\"mediaComponent(mediaItem.type)\"\n        v-for=\"(mediaItem, index) in filteredMediaList\"\n        :key=\"`media-${index}`\"\n        :index=\"index\"\n        :media-item=\"mediaItem\"\n        @remove-media=\"removeMediaItem(index)\"\n        @focusin=\"onItemFocus\"\n      />\n    </ul>\n\n    <!-- Carousel Arrows -->\n    <dt-button\n      v-show=\"showLeftArrow\"\n      tabindex=\"-1\"\n      :aria-label=\"i18n.$t('DIALTONE_ATTACHMENT_CAROUSEL_LEFT_ARROW_ARIA_LABEL')\"\n      class=\"d-recipe-attachment-carousel__arrow d-recipe-attachment-carousel__arrow--left\"\n      circle\n      size=\"xs\"\n      importance=\"clear\"\n      @click=\"leftScroll\"\n    >\n      <template #icon>\n        <dt-icon-arrow-left\n          size=\"100\"\n        />\n      </template>\n    </dt-button>\n    <dt-button\n      v-show=\"showRightArrow\"\n      tabindex=\"-1\"\n      :aria-label=\"i18n.$t('DIALTONE_ATTACHMENT_CAROUSEL_RIGHT_ARROW_ARIA_LABEL')\"\n      class=\"d-recipe-attachment-carousel__arrow d-recipe-attachment-carousel__arrow--right\"\n      circle\n      size=\"xs\"\n      importance=\"clear\"\n      @click=\"rightScroll\"\n    >\n      <template #icon>\n        <dt-icon-arrow-right\n          size=\"100\"\n        />\n      </template>\n    </dt-button>\n  </div>\n</template>\n\n<script>\nimport { DtIconArrowRight, DtIconArrowLeft } from '@dialpad/dialtone-icons/vue3';\nimport { DtButton } from '@/components/button';\nimport { DialtoneLocalization } from '@/localization';\n\nimport DtImageCarousel from './media_components/image_carousel.vue';\n\nconst MEDIA_ITEM_WIDTH = 64;\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeAttachmentCarousel',\n\n  components: {\n    DtButton,\n    DtIconArrowRight,\n    DtIconArrowLeft,\n    DtImageCarousel,\n  },\n\n  /* inheritAttrs: false is generally an option we want to set on library\n    components. This allows any attributes passed in that are not recognized\n    as props to be passed down to another element or component using v-bind:$attrs\n    more info: https://vuejs.org/v2/api/#inheritAttrs */\n  // inheritAttrs: false,\n\n  props: {\n    /**\n     * media - object array of media objects\n     * @type {Array}\n     *\n     * Object: {\n     *  path: String,\n     *  altText: String | null,\n     * }\n     */\n    mediaList: {\n      type: Array,\n      default: () => [],\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when popover is shown or hidden\n     *\n     * @event remove-media\n     * @type {Number}\n     */\n    'remove-media',\n  ],\n\n  data () {\n    return {\n      showCloseButton: {},\n      showRightArrow: true,\n      showLeftArrow: false,\n      isMounted: false,\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    filteredMediaList () {\n      return this.mediaList.filter((mediaItem) => mediaItem.type === 'image' || mediaItem.type === 'video');\n    },\n  },\n\n  mounted: function () {\n    this.showLeftArrow = this.$refs.carousel.scrollLeft > 0;\n    this.showRightArrow = this.$refs.carousel.scrollWidth > this.$refs.carousel.clientWidth;\n  },\n\n  methods: {\n    onItemFocus (e) {\n      e.currentTarget.scrollIntoView({ behavior: 'smooth' });\n    },\n\n    mediaComponent (type) {\n      switch (type) {\n        case 'image':\n          return 'dt-image-carousel';\n        default:\n          // unknown media type\n          return null;\n      }\n    },\n\n    removeMediaItem (index) {\n      // make sure the carousel arrows is updated. 64 is the width of each media item\n      this.showRightArrow = this.$refs.carousel.scrollWidth > (this.$refs.carousel.clientWidth + MEDIA_ITEM_WIDTH);\n      this.$emit('remove-media', index);\n    },\n\n    closeButton (val, index) {\n      this.showCloseButton[index] = val;\n    },\n\n    handleScroll () {\n      const carousel = this.$refs.carousel;\n      this.showLeftArrow = carousel.scrollLeft > 0;\n      this.showRightArrow = !((carousel.scrollLeft + carousel.clientWidth) === carousel.scrollWidth);\n    },\n\n    leftScroll () {\n      this.$refs.carousel.scrollTo({\n        left: this.$refs.carousel.scrollLeft - 100,\n        behavior: 'smooth',\n      });\n    },\n\n    rightScroll () {\n      this.$refs.carousel.scrollTo({\n        left: this.$refs.carousel.scrollLeft + 100,\n        behavior: 'smooth',\n      });\n    },\n  },\n};\n</script>\n"],"mappings":"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"}

package/dist/dialtone-vue.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const ee=require(`./common/mixins/dom.cjs`),e=require(`./common/constants/index.cjs`),t=require(`./common/validators/index.cjs`),n=require(`./common/utils/index.cjs`),r=require(`./common/mixins/input.cjs`),te=require(`./lib/validation-messages/validation-messages.cjs`),ne=require(`./common/mixins/input-group.cjs`),re=require(`./common/mixins/keyboard-list-navigation.cjs`),i=require(`./common/mixins/modal.cjs`),a=require(`./lib/skeleton/skeleton-constants.cjs`),ie=require(`./common/mixins/skeleton.cjs`),o=require(`./common/dates/index.cjs`),s=require(`./common/emoji/index.cjs`),c=require(`./lib/presence/presence-constants.cjs`),ae=require(`./lib/presence/presence.cjs`),l=require(`./lib/avatar/avatar-constants.cjs`),u=require(`./lib/icon/icon-constants.cjs`),oe=require(`./lib/avatar/avatar.cjs`),d=require(`./lib/badge/badge-constants.cjs`),se=require(`./lib/icon/icon.cjs`),ce=require(`./lib/badge/badge.cjs`),f=require(`./lib/notice/notice-constants.cjs`),le=require(`./lib/notice/notice-icon.cjs`),ue=require(`./lib/notice/notice-content.cjs`),de=require(`./lib/loader/loader.cjs`),p=require(`./lib/button/button-constants.cjs`),m=require(`./lib/link/link-constants.cjs`),fe=require(`./lib/link/link.cjs`),pe=require(`./localization/index.cjs`),me=require(`./lib/button/button.cjs`),he=require(`./lib/notice/notice-action.cjs`),ge=require(`./lib/notice/notice.cjs`),_e=require(`./lib/banner/banner.cjs`);require(`./lib/banner/index.cjs`);const h=require(`./lib/breadcrumbs/breadcrumbs-constants.cjs`),ve=require(`./lib/breadcrumbs/breadcrumb-item.cjs`),ye=require(`./lib/breadcrumbs/breadcrumbs.cjs`);require(`./lib/breadcrumbs/index.cjs`);const be=require(`./lib/button-group/button-group-constants.cjs`),xe=require(`./lib/button-group/button-group.cjs`);require(`./lib/button-group/index.cjs`);const Se=require(`./lib/card/card.cjs`),Ce=require(`./lib/checkbox/checkbox.cjs`);require(`./lib/checkbox/index.cjs`);const we=require(`./lib/input-group/input-group.cjs`),Te=require(`./lib/checkbox-group/checkbox-group.cjs`);require(`./lib/checkbox-group/index.cjs`);const g=require(`./lib/chip/chip-constants.cjs`),_=require(`./lib/chip/chip.cjs`),v=require(`./lib/codeblock/codeblock.cjs`);require(`./lib/codeblock/index.cjs`);const y=require(`./lib/lazy-show/lazy-show.cjs`),b=require(`./lib/collapsible/collapsible.cjs`),x=require(`./lib/list-item/list-item-constants.cjs`),S=require(`./lib/item-layout/item-layout.cjs`),C=require(`./lib/list-item/list-item.cjs`),w=require(`./lib/skeleton/skeleton-shape.cjs`),T=require(`./lib/skeleton/skeleton-text.cjs`),E=require(`./lib/skeleton/skeleton-paragraph.cjs`),D=require(`./lib/skeleton/skeleton-list-item.cjs`),O=require(`./lib/skeleton/skeleton.cjs`),Ee=require(`./combobox-DhjZxfUw.cjs`),De=require(`./lib/combobox/combobox-constants.cjs`),k=require(`./lib/stack/stack-constants.cjs`),Oe=require(`./lib/stack/stack.cjs`),A=require(`./lib/tooltip/tooltip-constants.cjs`),j=require(`./lib/popover/popover-constants.cjs`),ke=require(`./lib/tooltip/tooltip.cjs`),Ae=require(`./datepicker-DprRX9AH.cjs`),M=require(`./lib/datepicker/formatUtils.cjs`);require(`./lib/datepicker/index.cjs`);const je=require(`./lib/description-list/description-list-constants.cjs`),Me=require(`./lib/description-list/description-list.cjs`);require(`./lib/description-list/index.cjs`);const Ne=require(`./lib/popover/popover.cjs`),Pe=require(`./lib/dropdown/dropdown-constants.cjs`),Fe=require(`./lib/dropdown/dropdown.cjs`),Ie=require(`./lib/dropdown/dropdown-separator.cjs`),Le=require(`./lib/emoji/emoji.cjs`),N=require(`./lib/input/input-constants.cjs`),Re=require(`./lib/input/input.cjs`),ze=require(`./emoji_picker-Cl-T4BXK.cjs`),P=require(`./lib/tab/tabs-constants.cjs`),Be=require(`./lib/tab/tab-group.cjs`),Ve=require(`./lib/tab/tab.cjs`),He=require(`./lib/tab/tab-panel.cjs`),F=require(`./lib/emoji-picker/emoji-picker-constants.cjs`),Ue=require(`./lib/emoji-text-wrapper/emoji-text-wrapper.cjs`),I=require(`./lib/empty-state/empty-state-constants.cjs`),We=require(`./lib/empty-state/empty-state.cjs`);require(`./lib/empty-state/index.cjs`);const Ge=require(`./lib/hovercard/hovercard.cjs`);require(`./lib/hovercard/index.cjs`);const Ke=require(`./lib/illustration/illustration-constants.cjs`),qe=require(`./lib/illustration/illustration.cjs`);require(`./lib/illustration/index.cjs`);const Je=require(`./lib/image-viewer/image-viewer.cjs`),Ye=require(`./lib/keyboard-shortcut/keyboard-shortcut.cjs`),Xe=require(`./lib/keyboard-shortcut/keyboard-shortcut-constants.cjs`),Ze=require(`./lib/list-item-group/list-item-group.cjs`);require(`./lib/loader/index.cjs`);const L=require(`./lib/modal/modal-constants.cjs`),Qe=require(`./lib/modal/modal.cjs`);require(`./lib/modal/index.cjs`);const $e=require(`./lib/pagination/pagination.cjs`);require(`./lib/pagination/index.cjs`);const R=require(`./lib/progress-circle/progress-circle-constants.cjs`),et=require(`./lib/progress-circle/progress-circle.cjs`),tt=require(`./lib/radio/radio-constants.cjs`),nt=require(`./lib/radio/radio.cjs`);require(`./lib/radio/index.cjs`);const rt=require(`./lib/radio-group/radio-group.cjs`);require(`./lib/radio-group/index.cjs`);const it=require(`./rich_text_editor-CEwKDuzw.cjs`),z=require(`./lib/rich-text-editor/rich-text-editor-constants.cjs`),B=require(`./lib/root-layout/root-layout-constants.cjs`),at=require(`./lib/root-layout/root-layout.cjs`);require(`./lib/root-layout/index.cjs`);const ot=require(`./scroller-06ayn-64.cjs`);require(`./lib/scroller/index.cjs`);const V=require(`./lib/select-menu/select-menu-constants.cjs`),st=require(`./lib/select-menu/select-menu.cjs`);require(`./lib/select-menu/index.cjs`);const ct=require(`./lib/split-button/split-button-constants.cjs`),lt=require(`./lib/split-button/split-button.cjs`);require(`./lib/split-button/index.cjs`);const H=require(`./lib/toast/toast-constants.cjs`),ut=require(`./toast-0QfP90_3.cjs`);require(`./lib/toast/index.cjs`);const U=require(`./lib/toggle/toggle-constants.cjs`),dt=require(`./lib/toggle/toggle.cjs`);require(`./lib/toggle/index.cjs`);const W=require(`./lib/combobox-with-popover/combobox-with-popover.cjs`),G=require(`./lib/combobox-multi-select/combobox-multi-select-constants.cjs`),K=require(`./lib/combobox-multi-select/combobox-multi-select.cjs`);require(`./lib/combobox-multi-select/index.cjs`),require(`./lib/combobox-with-popover/index.cjs`);const ft=require(`./lib/tooltip-directive/tooltip.cjs`);require(`./lib/tooltip-directive/index.cjs`);const pt=require(`./lib/scrollbar-directive/scrollbar.cjs`);require(`./lib/scrollbar-directive/index.cjs`);const mt=require(`./lib/callbar-button/callbar-button-constants.cjs`),ht=require(`./lib/callbar-button/callbar-button.cjs`),gt=require(`./lib/callbar-button-with-popover/callbar-button-with-popover.cjs`);require(`./lib/callbar-button-with-popover/index.cjs`);const _t=require(`./lib/callbar-button-with-dropdown/callbar-button-with-dropdown.cjs`);require(`./lib/callbar-button-with-dropdown/index.cjs`);const q=require(`./lib/ivr-node/ivr-node-constants.cjs`),vt=require(`./lib/ivr-node/ivr-node.cjs`);require(`./lib/ivr-node/index.cjs`);const yt=require(`./lib/grouped-chip/grouped-chip.cjs`);require(`./lib/grouped-chip/index.cjs`);const bt=require(`./attachment_carousel-DMKCJe7S.cjs`);require(`./lib/attachment-carousel/index.cjs`);const xt=require(`./lib/editor/editor.cjs`);require(`./lib/editor/index.cjs`);const St=require(`./lib/emoji-row/emoji-row-constants.cjs`),Ct=require(`./lib/emoji-row/emoji-row.cjs`);require(`./lib/emoji-row/index.cjs`);const wt=require(`./lib/feed-item-pill/feed-item-pill-constants.cjs`),Tt=require(`./lib/feed-item-pill/feed-item-pill.cjs`);require(`./lib/feed-item-pill/index.cjs`);const J=require(`./lib/feed-item-row/feed-item-row-constants.cjs`),Et=require(`./lib/feed-item-row/feed-item-row.cjs`);require(`./lib/feed-item-row/index.cjs`);const Dt=require(`./message_input-VmltTreF.cjs`);require(`./lib/message-input/index.cjs`);const Ot=require(`./lib/time-pill/time-pill.cjs`);require(`./lib/time-pill/index.cjs`);const kt=require(`./lib/settings-menu-button/settings-menu-button.cjs`);require(`./lib/settings-menu-button/index.cjs`);const At=require(`./lib/contact-info/contact-info.cjs`);require(`./lib/contact-info/index.cjs`);const Y=require(`./lib/callbox/callbox-constants.cjs`),jt=require(`./lib/callbox/callbox.cjs`);require(`./lib/callbox/index.cjs`);const Mt=require(`./lib/contact-centers-row/contact-centers-row.cjs`);require(`./lib/contact-centers-row/index.cjs`);const X=require(`./lib/general-row/general-row-constants.cjs`),Nt=require(`./lib/general-row/leftbar-general-row-icon.cjs`),Pt=require(`./lib/general-row/general-row.cjs`),Ft=require(`./lib/contact-row/contact-row.cjs`);require(`./lib/contact-row/index.cjs`);const It=require(`./lib/group-row/group-row.cjs`);require(`./lib/group-row/index.cjs`);const Z=require(`./lib/unread-pill/unread-pill-constants.cjs`),Lt=require(`./lib/unread-pill/unread-pill.cjs`);require(`./lib/unread-pill/index.cjs`);const Q=require(`./lib/motion-text/motion-text-constants.cjs`),$=require(`./lib/motion-text/motion-text.cjs`);require(`./lib/motion-text/index.cjs`);const Rt=require(`./lib/top-banner-info/top-banner-info-constants.cjs`),zt=require(`./lib/top-banner-info/top-banner-info.cjs`);require(`./lib/top-banner-info/index.cjs`),exports.ARROW_KEYS=F.ARROW_KEYS,exports.AVATAR_COLORS=l.AVATAR_COLORS,exports.AVATAR_GROUP_VALIDATOR=l.AVATAR_GROUP_VALIDATOR,exports.AVATAR_ICON_SIZES=l.AVATAR_ICON_SIZES,exports.AVATAR_KIND_MODIFIERS=l.AVATAR_KIND_MODIFIERS,exports.AVATAR_PRESENCE_SIZE_MODIFIERS=l.AVATAR_PRESENCE_SIZE_MODIFIERS,exports.AVATAR_PRESENCE_STATES=l.AVATAR_PRESENCE_STATES,exports.AVATAR_RANDOM_COLORS=l.AVATAR_RANDOM_COLORS,exports.AVATAR_SIZE_MODIFIERS=l.AVATAR_SIZE_MODIFIERS,exports.BADGE_DECORATION_MODIFIERS=d.BADGE_DECORATION_MODIFIERS,exports.BADGE_KIND_MODIFIERS=d.BADGE_KIND_MODIFIERS,exports.BADGE_TYPE_MODIFIERS=d.BADGE_TYPE_MODIFIERS,exports.BREADCRUMBS_INVERTED_MODIFIER=h.BREADCRUMBS_INVERTED_MODIFIER,exports.BREADCRUMB_ITEM_SELECTED_MODIFIER=h.BREADCRUMB_ITEM_SELECTED_MODIFIER,exports.BUTTON_GROUP_ALIGNMENT=be.BUTTON_GROUP_ALIGNMENT,exports.BUTTON_ICON_SIZES=p.BUTTON_ICON_SIZES,exports.BUTTON_IMPORTANCE_MODIFIERS=p.BUTTON_IMPORTANCE_MODIFIERS,exports.BUTTON_KIND_MODIFIERS=p.BUTTON_KIND_MODIFIERS,exports.BUTTON_SIZE_MODIFIERS=p.BUTTON_SIZE_MODIFIERS,exports.BUTTON_TYPES=p.BUTTON_TYPES,exports.CALLBAR_BUTTON_VALID_WIDTH_SIZE=mt.CALLBAR_BUTTON_VALID_WIDTH_SIZE,exports.CALLBOX_BADGE_COLORS=Y.CALLBOX_BADGE_COLORS,exports.CALLBOX_BORDER_COLORS=Y.CALLBOX_BORDER_COLORS,exports.CDN_URL=F.CDN_URL,exports.CHIP_CLOSE_BUTTON_SIZE_MODIFIERS=g.CHIP_CLOSE_BUTTON_SIZE_MODIFIERS,exports.CHIP_ICON_SIZES=g.CHIP_ICON_SIZES,exports.CHIP_SIZES=G.CHIP_SIZES,exports.CHIP_SIZE_MODIFIERS=g.CHIP_SIZE_MODIFIERS,exports.CHIP_TOP_POSITION=G.CHIP_TOP_POSITION,exports.COLOR_CODES=Rt.COLOR_CODES,exports.COMBOBOX_LABEL_SIZES=De.COMBOBOX_LABEL_SIZES,exports.DANGER=m.DANGER,exports.DEFAULT_FEED_ROW_STATE=J.DEFAULT_FEED_ROW_STATE,exports.DEFAULT_PREFIX=e.DEFAULT_PREFIX,exports.DEFAULT_VALIDATION_MESSAGE_TYPE=e.DEFAULT_VALIDATION_MESSAGE_TYPE,exports.DESCRIPTION_SIZE_MODIFIERS=e.DESCRIPTION_SIZE_MODIFIERS,exports.DESCRIPTION_SIZE_TYPES=e.DESCRIPTION_SIZE_TYPES,exports.DROPDOWN_PADDING_CLASSES=Pe.DROPDOWN_PADDING_CLASSES,exports.DT_DESCRIPTION_LIST_DIRECTION=je.DT_DESCRIPTION_LIST_DIRECTION,exports.DT_STACK_DIRECTION=k.DT_STACK_DIRECTION,exports.DT_STACK_GAP=k.DT_STACK_GAP,exports.DT_STACK_RESPONSIVE_BREAKPOINTS=k.DT_STACK_RESPONSIVE_BREAKPOINTS,exports.DialtoneLocalization=pe.DialtoneLocalization,exports.DtAvatar=oe.default,exports.DtBadge=ce.default,exports.DtBanner=_e.default,exports.DtBreadcrumbItem=ve.default,exports.DtBreadcrumbs=ye.default,exports.DtButton=me.default,exports.DtButtonGroup=xe.default,exports.DtCard=Se.default,exports.DtCheckableInputMixin=r.CheckableMixin,exports.DtCheckbox=Ce.default,exports.DtCheckboxGroup=Te.default,exports.DtChip=_.default,exports.DtCodeblock=v.default,exports.DtCollapsible=b.default,exports.DtCombobox=Ee.t,exports.DtComboboxMultiSelect=K.default,exports.DtRecipeComboboxMultiSelect=K.default,exports.DtComboboxWithPopover=W.default,exports.DtRecipeComboboxWithPopover=W.default,exports.DtDOMMixin=ee.default,exports.DtDatepicker=Ae.t,exports.DtDescriptionList=Me.default,exports.DtDropdown=Fe.default,exports.DtDropdownSeparator=Ie.default,exports.DtEmoji=Le.default,exports.DtEmojiPicker=ze.t,exports.DtEmojiTextWrapper=Ue.default,exports.DtEmptyState=We.default,exports.DtGroupableInputMixin=r.GroupableMixin,exports.DtHovercard=Ge.default,exports.DtIcon=se.default,exports.DtIllustration=qe.default,exports.DtImageViewer=Je.default,exports.DtInput=Re.default,exports.DtInputGroup=we.default,exports.DtInputGroupMixin=ne.InputGroupMixin,exports.DtInputMixin=r.InputMixin,exports.DtItemLayout=S.default,exports.DtKeyboardListNavigationMixin=re.default,exports.DtKeyboardShortcut=Ye.default,exports.DtLazyShow=y.default,exports.DtLink=fe.default,exports.DtListItem=C.default,exports.DtListItemGroup=Ze.default,exports.DtLoader=de.default,exports.DtModal=Qe.default,exports.DtModalMixin=i.default,exports.DtMotionText=$.default,exports.DtRecipeMotionText=$.default,exports.DtNotice=ge.default,exports.DtNoticeAction=he.default,exports.DtNoticeContent=ue.default,exports.DtNoticeIcon=le.default,exports.DtPagination=$e.default,exports.DtPopover=Ne.default,exports.DtPresence=ae.default,exports.DtProgressCircle=et.default,exports.DtRadio=nt.default,exports.DtRadioGroup=rt.default,exports.DtRecipeAttachmentCarousel=bt.t,exports.DtRecipeCallbarButton=ht.default,exports.DtRecipeCallbarButtonWithDropdown=_t.default,exports.DtRecipeCallbarButtonWithPopover=gt.default,exports.DtRecipeCallbox=jt.default,exports.DtRecipeContactCentersRow=Mt.default,exports.DtRecipeContactInfo=At.default,exports.DtRecipeContactRow=Ft.default,exports.DtRecipeEditor=xt.default,exports.DtRecipeEmojiRow=Ct.default,exports.DtRecipeFeedItemPill=Tt.default,exports.DtRecipeFeedItemRow=Et.default,exports.DtRecipeGeneralRow=Pt.default,exports.DtRecipeGroupRow=It.default,exports.DtRecipeGroupedChip=yt.default,exports.DtRecipeIvrNode=vt.default,exports.DtRecipeLeftbarGeneralRowIcon=Nt.default,exports.DtRecipeMessageInput=Dt.t,exports.DtRecipeSettingsMenuButton=kt.default,exports.DtRecipeTimePill=Ot.default,exports.DtRecipeTopBannerInfo=zt.default,exports.DtRecipeUnreadPill=Lt.default,exports.DtRichTextEditor=it.t,exports.DtRootLayout=at.default,exports.DtScrollbarDirective=pt.DtScrollbarDirective,exports.DtScroller=ot.t,exports.DtSelectMenu=st.default,exports.DtSkeleton=O.default,exports.DtSkeletonListItem=D.default,exports.DtSkeletonMixin=ie.default,exports.DtSkeletonParagraph=E.default,exports.DtSkeletonShape=w.default,exports.DtSkeletonText=T.default,exports.DtSplitButton=lt.default,exports.DtStack=Oe.default,exports.DtTab=Ve.default,exports.DtTabGroup=Be.default,exports.DtTabPanel=He.default,exports.DtToast=ut.t,exports.DtToggle=dt.default,exports.DtTooltip=ke.default,exports.DtTooltipDirective=ft.DtTooltipDirective,exports.DtValidationMessages=te.default,exports.EMOJIS_PER_ROW=F.EMOJIS_PER_ROW,exports.EMOJI_PICKER_SKIN_TONE_MODIFIERS=F.EMOJI_PICKER_SKIN_TONE_MODIFIERS,exports.EMPTY_STATE_SIZE_MODIFIERS=I.EMPTY_STATE_SIZE_MODIFIERS,exports.EVENT_KEYNAMES=e.EVENT_KEYNAMES,exports.FEED_ITEM_PILL_BORDER_COLORS=wt.FEED_ITEM_PILL_BORDER_COLORS,exports.FEED_ROW_STATE_BACKGROUND_COLOR=J.FEED_ROW_STATE_BACKGROUND_COLOR,exports.ICON_NAMES=u.ICON_NAMES,exports.ICON_POSITION_MODIFIERS=p.ICON_POSITION_MODIFIERS,exports.ICON_SIZE_MODIFIERS=u.ICON_SIZE_MODIFIERS,exports.ILLUSTRATION_NAMES=Ke.ILLUSTRATION_NAMES,exports.INPUT_SIZES=N.INPUT_SIZES,exports.INPUT_TYPES=N.INPUT_TYPES,exports.INVALID_COMBINATION=p.INVALID_COMBINATION,exports.IVR_NODE_ASSIGN=q.IVR_NODE_ASSIGN,exports.IVR_NODE_BRANCH=q.IVR_NODE_BRANCH,exports.IVR_NODE_CUSTOMER_DATA=q.IVR_NODE_CUSTOMER_DATA,exports.IVR_NODE_EXPERT=q.IVR_NODE_EXPERT,exports.IVR_NODE_GO_TO=q.IVR_NODE_GO_TO,exports.IVR_NODE_HANGUP=q.IVR_NODE_HANGUP,exports.IVR_NODE_ICON_TYPES=q.IVR_NODE_ICON_TYPES,exports.IVR_NODE_LABELS=q.IVR_NODE_LABELS,exports.IVR_NODE_PROMPT_COLLECT=q.IVR_NODE_PROMPT_COLLECT,exports.IVR_NODE_PROMPT_MENU=q.IVR_NODE_PROMPT_MENU,exports.IVR_NODE_PROMPT_PLAY=q.IVR_NODE_PROMPT_PLAY,exports.IVR_NODE_TRANSFER=q.IVR_NODE_TRANSFER,exports.LABEL_SIZE_MODIFIERS=e.LABEL_SIZE_MODIFIERS,exports.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS=X.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS,exports.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR=X.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR,exports.LEFTBAR_GENERAL_ROW_ICON_SIZES=X.LEFTBAR_GENERAL_ROW_ICON_SIZES,exports.LEFTBAR_GENERAL_ROW_TYPES=X.LEFTBAR_GENERAL_ROW_TYPES,exports.LINK_KIND_MODIFIERS=m.LINK_KIND_MODIFIERS,exports.LINK_VARIANTS=m.LINK_VARIANTS,exports.LIST_ITEM_NAVIGATION_TYPES=x.LIST_ITEM_NAVIGATION_TYPES,exports.LIST_ITEM_TYPES=x.LIST_ITEM_TYPES,exports.MENTION=m.MENTION,exports.MODAL_BANNER_KINDS=L.MODAL_BANNER_KINDS,exports.MODAL_KIND_MODIFIERS=L.MODAL_KIND_MODIFIERS,exports.MODAL_SIZE_MODIFIERS=L.MODAL_SIZE_MODIFIERS,exports.MOTION_TEXT_ANIMATION_MODES=Q.MOTION_TEXT_ANIMATION_MODES,exports.MOTION_TEXT_SPEEDS=Q.MOTION_TEXT_SPEEDS,exports.MOTION_TEXT_TIMING_PRESETS=Q.MOTION_TEXT_TIMING_PRESETS,exports.MULTI_SELECT_SIZES=G.MULTI_SELECT_SIZES,exports.MUTED=m.MUTED,exports.NOTICE_KINDS=f.NOTICE_KINDS,exports.NOTICE_ROLES=f.NOTICE_ROLES,exports.POPOVER_APPEND_TO_VALUES=j.POPOVER_APPEND_TO_VALUES,exports.POPOVER_CONTENT_WIDTHS=j.POPOVER_CONTENT_WIDTHS,exports.POPOVER_DIRECTIONS=j.POPOVER_DIRECTIONS,exports.POPOVER_HEADER_FOOTER_PADDING_CLASSES=j.POPOVER_HEADER_FOOTER_PADDING_CLASSES,exports.POPOVER_INITIAL_FOCUS_STRINGS=j.POPOVER_INITIAL_FOCUS_STRINGS,exports.POPOVER_PADDING_CLASSES=j.POPOVER_PADDING_CLASSES,exports.POPOVER_ROLES=j.POPOVER_ROLES,exports.POPOVER_STICKY_VALUES=j.POPOVER_STICKY_VALUES,exports.PRESENCE_STATES=c.PRESENCE_STATES,exports.PRESENCE_STATES_LIST=c.PRESENCE_STATES_LIST,exports.PROGRESS_CIRCLE_KINDS=R.PROGRESS_CIRCLE_KINDS,exports.PROGRESS_CIRCLE_KIND_DEFAULT=R.PROGRESS_CIRCLE_KIND_DEFAULT,exports.PROGRESS_CIRCLE_SIZES=R.PROGRESS_CIRCLE_SIZES,exports.PROGRESS_CIRCLE_SIZE_DEFAULT=R.PROGRESS_CIRCLE_SIZE_DEFAULT,exports.RADIO_INPUT_VALIDATION_CLASSES=tt.RADIO_INPUT_VALIDATION_CLASSES,exports.REACTIONS_ATTRIBUTES=St.REACTIONS_ATTRIBUTES,exports.RICH_TEXT_EDITOR_AUTOFOCUS_TYPES=z.RICH_TEXT_EDITOR_AUTOFOCUS_TYPES,exports.RICH_TEXT_EDITOR_OUTPUT_FORMATS=z.RICH_TEXT_EDITOR_OUTPUT_FORMATS,exports.ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS=B.ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS,exports.ROOT_LAYOUT_SIDEBAR_POSITIONS=B.ROOT_LAYOUT_SIDEBAR_POSITIONS,exports.SELECT_SIZE_MODIFIERS=V.SELECT_SIZE_MODIFIERS,exports.SELECT_STATE_MODIFIERS=V.SELECT_STATE_MODIFIERS,exports.SHORTCUTS_ALIASES_LIST=Xe.SHORTCUTS_ALIASES_LIST,exports.SKELETON_HEADING_HEIGHTS=a.SKELETON_HEADING_HEIGHTS,exports.SKELETON_RIPPLE_DURATION=a.SKELETON_RIPPLE_DURATION,exports.SKELETON_SHAPES=a.SKELETON_SHAPES,exports.SKELETON_SHAPE_SIZES=a.SKELETON_SHAPE_SIZES,exports.SKELETON_TEXT_TYPES=a.SKELETON_TEXT_TYPES,exports.SPLIT_BUTTON_ICON_SIZES=ct.SPLIT_BUTTON_ICON_SIZES,exports.SUCCESS=m.SUCCESS,exports.TAB_IMPORTANCE_MODIFIERS=P.TAB_IMPORTANCE_MODIFIERS,exports.TAB_LIST_IMPORTANCE_MODIFIERS=P.TAB_LIST_IMPORTANCE_MODIFIERS,exports.TAB_LIST_KIND_MODIFIERS=P.TAB_LIST_KIND_MODIFIERS,exports.TAB_LIST_SIZES=P.TAB_LIST_SIZES,exports.TOAST_MIN_DURATION=H.TOAST_MIN_DURATION,exports.TOAST_ROLES=H.TOAST_ROLES,exports.TOGGLE_CHECKED_VALUES=U.TOGGLE_CHECKED_VALUES,exports.TOGGLE_SIZE_MODIFIERS=U.TOGGLE_SIZE_MODIFIERS,exports.TOOLTIP_DELAY_MS=A.TOOLTIP_DELAY_MS,exports.TOOLTIP_DIRECTIONS=A.TOOLTIP_DIRECTIONS,exports.TOOLTIP_HIDE_ON_CLICK_VARIANTS=A.TOOLTIP_HIDE_ON_CLICK_VARIANTS,exports.TOOLTIP_KIND_MODIFIERS=A.TOOLTIP_KIND_MODIFIERS,exports.TOOLTIP_STICKY_VALUES=A.TOOLTIP_STICKY_VALUES,exports.UNREAD_PILL_DIRECTIONS=Z.UNREAD_PILL_DIRECTIONS,exports.UNREAD_PILL_KINDS=Z.UNREAD_PILL_KINDS,exports.VALIDATION_MESSAGE_TYPES=e.VALIDATION_MESSAGE_TYPES,exports.WARNING=m.WARNING,exports.addClassStyleAttrs=n.addClassStyleAttrs,exports.capitalizeFirstLetter=n.capitalizeFirstLetter,exports.codeToEmojiData=s.codeToEmojiData,Object.defineProperty(exports,`customEmojiAssetUrl`,{enumerable:!0,get:function(){return s.customEmojiAssetUrl}}),exports.debounce=n.debounce,exports.defaultEmojiAssetUrl=s.defaultEmojiAssetUrl,exports.disableRootScrolling=n.disableRootScrolling,exports.durationInHHMM=o.durationInHHMM,Object.defineProperty(exports,`emojiFileExtensionLarge`,{enumerable:!0,get:function(){return s.emojiFileExtensionLarge}}),Object.defineProperty(exports,`emojiFileExtensionSmall`,{enumerable:!0,get:function(){return s.emojiFileExtensionSmall}}),Object.defineProperty(exports,`emojiImageUrlLarge`,{enumerable:!0,get:function(){return s.emojiImageUrlLarge}}),Object.defineProperty(exports,`emojiImageUrlSmall`,{enumerable:!0,get:function(){return s.emojiImageUrlSmall}}),exports.emojiJson=s.emojiJson,exports.emojiRegex=s.emojiRegex,exports.emojiShortCodeRegex=s.emojiShortCodeRegex,exports.emojiVersion=s.emojiVersion,exports.enableRootScrolling=n.enableRootScrolling,exports.extractNonListeners=n.extractNonListeners,exports.extractVueListeners=n.extractVueListeners,exports.filterFormattedMessages=n.filterFormattedMessages,exports.filterValidShortCodes=s.filterValidShortCodes,exports.findEmojis=s.findEmojis,exports.findFirstFocusableNode=n.findFirstFocusableNode,exports.findShortCodes=s.findShortCodes,exports.flushPromises=n.flushPromises,exports.formatLong=M.formatLong,exports.formatMedium=M.formatMedium,exports.formatMessages=n.formatMessages,exports.formatNoYear=M.formatNoYear,exports.formatNumerical=M.formatNumerical,exports.formatShort=M.formatShort,exports.getDateMedium=o.getDateMedium,exports.getEmojiData=s.getEmojiData,exports.getEmojiShortCode=s.getEmojiShortCode,exports.getLinkKindModifier=m.getLinkKindModifier,exports.getPhoneNumberRegex=n.getPhoneNumberRegex,exports.getRandomElement=n.getRandomElement,exports.getRandomInt=n.getRandomInt,exports.getUniqueString=n.getUniqueString,exports.getValidationState=n.getValidationState,exports.hasFormattedMessageOfType=n.hasFormattedMessageOfType,exports.hasSlotContent=n.hasSlotContent,exports.htmlFragment=n.htmlFragment,exports.isEmailAddress=n.isEmailAddress,exports.isOutOfViewPort=n.isOutOfViewPort,exports.isPhoneNumber=n.isPhoneNumber,exports.isURL=n.isURL,exports.javaHashCode=n.javaHashCode,exports.kebabCaseToPascalCase=n.kebabCaseToPascalCase,exports.linkRegex=n.linkRegex,exports.pascalCaseToKebabCase=n.pascalCaseToKebabCase,exports.relativeDate=o.relativeDate,exports.removeClassStyleAttrs=n.removeClassStyleAttrs,exports.returnFirstEl=n.returnFirstEl,exports.safeConcatStrings=n.safeConcatStrings,exports.setCustomEmojiJson=s.setCustomEmojiJson,exports.setCustomEmojiUrl=s.setCustomEmojiUrl,exports.setDateLocale=o.setDateLocale,exports.setEmojiAssetUrlLarge=s.setEmojiAssetUrlLarge,exports.setEmojiAssetUrlSmall=s.setEmojiAssetUrlSmall,exports.shortcodeToEmojiData=s.shortcodeToEmojiData,exports.stringToUnicode=s.stringToUnicode,exports.toFluentKeyString=n.toFluentKeyString,exports.unicodeToString=s.unicodeToString,exports.validateCustomEmojiJson=s.validateCustomEmojiJson,exports.validationMessageValidator=t.validationMessageValidator,exports.warnIfUnmounted=n.warnIfUnmounted;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const ee=require(`./common/mixins/dom.cjs`),e=require(`./common/constants/index.cjs`),t=require(`./common/validators/index.cjs`),n=require(`./common/utils/index.cjs`),r=require(`./common/mixins/input.cjs`),te=require(`./lib/validation-messages/validation-messages.cjs`),ne=require(`./common/mixins/input-group.cjs`),re=require(`./common/mixins/keyboard-list-navigation.cjs`),i=require(`./common/mixins/modal.cjs`),a=require(`./lib/skeleton/skeleton-constants.cjs`),ie=require(`./common/mixins/skeleton.cjs`),o=require(`./common/dates/index.cjs`),s=require(`./common/emoji/index.cjs`),c=require(`./lib/presence/presence-constants.cjs`),ae=require(`./lib/presence/presence.cjs`),l=require(`./lib/avatar/avatar-constants.cjs`),u=require(`./lib/icon/icon-constants.cjs`),oe=require(`./lib/avatar/avatar.cjs`),d=require(`./lib/badge/badge-constants.cjs`),se=require(`./lib/icon/icon.cjs`),ce=require(`./lib/badge/badge.cjs`),f=require(`./lib/notice/notice-constants.cjs`),le=require(`./lib/notice/notice-icon.cjs`),ue=require(`./lib/notice/notice-content.cjs`),de=require(`./lib/loader/loader.cjs`),p=require(`./lib/button/button-constants.cjs`),m=require(`./lib/link/link-constants.cjs`),fe=require(`./lib/link/link.cjs`),pe=require(`./localization/index.cjs`),me=require(`./lib/button/button.cjs`),he=require(`./lib/notice/notice-action.cjs`),ge=require(`./lib/notice/notice.cjs`),_e=require(`./lib/banner/banner.cjs`);require(`./lib/banner/index.cjs`);const h=require(`./lib/breadcrumbs/breadcrumbs-constants.cjs`),ve=require(`./lib/breadcrumbs/breadcrumb-item.cjs`),ye=require(`./lib/breadcrumbs/breadcrumbs.cjs`);require(`./lib/breadcrumbs/index.cjs`);const be=require(`./lib/button-group/button-group-constants.cjs`),xe=require(`./lib/button-group/button-group.cjs`);require(`./lib/button-group/index.cjs`);const Se=require(`./lib/card/card.cjs`),Ce=require(`./lib/checkbox/checkbox.cjs`);require(`./lib/checkbox/index.cjs`);const we=require(`./lib/input-group/input-group.cjs`),Te=require(`./lib/checkbox-group/checkbox-group.cjs`);require(`./lib/checkbox-group/index.cjs`);const g=require(`./lib/chip/chip-constants.cjs`),_=require(`./lib/chip/chip.cjs`),v=require(`./lib/codeblock/codeblock.cjs`);require(`./lib/codeblock/index.cjs`);const y=require(`./lib/lazy-show/lazy-show.cjs`),b=require(`./lib/collapsible/collapsible.cjs`),x=require(`./lib/list-item/list-item-constants.cjs`),S=require(`./lib/item-layout/item-layout.cjs`),C=require(`./lib/list-item/list-item.cjs`),w=require(`./lib/skeleton/skeleton-shape.cjs`),T=require(`./lib/skeleton/skeleton-text.cjs`),E=require(`./lib/skeleton/skeleton-paragraph.cjs`),D=require(`./lib/skeleton/skeleton-list-item.cjs`),O=require(`./lib/skeleton/skeleton.cjs`),Ee=require(`./combobox-DhjZxfUw.cjs`),De=require(`./lib/combobox/combobox-constants.cjs`),k=require(`./lib/stack/stack-constants.cjs`),Oe=require(`./lib/stack/stack.cjs`),A=require(`./lib/tooltip/tooltip-constants.cjs`),j=require(`./lib/popover/popover-constants.cjs`),ke=require(`./lib/tooltip/tooltip.cjs`),Ae=require(`./datepicker-DprRX9AH.cjs`),M=require(`./lib/datepicker/formatUtils.cjs`);require(`./lib/datepicker/index.cjs`);const je=require(`./lib/description-list/description-list-constants.cjs`),Me=require(`./lib/description-list/description-list.cjs`);require(`./lib/description-list/index.cjs`);const Ne=require(`./lib/popover/popover.cjs`),Pe=require(`./lib/dropdown/dropdown-constants.cjs`),Fe=require(`./lib/dropdown/dropdown.cjs`),Ie=require(`./lib/dropdown/dropdown-separator.cjs`),Le=require(`./lib/emoji/emoji.cjs`),N=require(`./lib/input/input-constants.cjs`),Re=require(`./lib/input/input.cjs`),ze=require(`./emoji_picker-Cl-T4BXK.cjs`),P=require(`./lib/tab/tabs-constants.cjs`),Be=require(`./lib/tab/tab-group.cjs`),Ve=require(`./lib/tab/tab.cjs`),He=require(`./lib/tab/tab-panel.cjs`),F=require(`./lib/emoji-picker/emoji-picker-constants.cjs`),Ue=require(`./lib/emoji-text-wrapper/emoji-text-wrapper.cjs`),I=require(`./lib/empty-state/empty-state-constants.cjs`),We=require(`./lib/empty-state/empty-state.cjs`);require(`./lib/empty-state/index.cjs`);const Ge=require(`./lib/hovercard/hovercard.cjs`);require(`./lib/hovercard/index.cjs`);const Ke=require(`./lib/illustration/illustration-constants.cjs`),qe=require(`./lib/illustration/illustration.cjs`);require(`./lib/illustration/index.cjs`);const Je=require(`./lib/image-viewer/image-viewer.cjs`),Ye=require(`./lib/keyboard-shortcut/keyboard-shortcut.cjs`),Xe=require(`./lib/keyboard-shortcut/keyboard-shortcut-constants.cjs`),Ze=require(`./lib/list-item-group/list-item-group.cjs`);require(`./lib/loader/index.cjs`);const L=require(`./lib/modal/modal-constants.cjs`),Qe=require(`./lib/modal/modal.cjs`);require(`./lib/modal/index.cjs`);const $e=require(`./lib/pagination/pagination.cjs`);require(`./lib/pagination/index.cjs`);const R=require(`./lib/progress-circle/progress-circle-constants.cjs`),et=require(`./lib/progress-circle/progress-circle.cjs`),tt=require(`./lib/radio/radio-constants.cjs`),nt=require(`./lib/radio/radio.cjs`);require(`./lib/radio/index.cjs`);const rt=require(`./lib/radio-group/radio-group.cjs`);require(`./lib/radio-group/index.cjs`);const it=require(`./rich_text_editor-D5_gdzNn.cjs`),z=require(`./lib/rich-text-editor/rich-text-editor-constants.cjs`);require(`./markdownRenderer-PRpHJ151.cjs`);const B=require(`./lib/root-layout/root-layout-constants.cjs`),at=require(`./lib/root-layout/root-layout.cjs`);require(`./lib/root-layout/index.cjs`);const ot=require(`./scroller-CuYuo1vd.cjs`);require(`./lib/scroller/index.cjs`);const V=require(`./lib/select-menu/select-menu-constants.cjs`),st=require(`./lib/select-menu/select-menu.cjs`);require(`./lib/select-menu/index.cjs`);const ct=require(`./lib/split-button/split-button-constants.cjs`),lt=require(`./lib/split-button/split-button.cjs`);require(`./lib/split-button/index.cjs`);const H=require(`./lib/toast/toast-constants.cjs`),ut=require(`./toast-BZ8qQHML.cjs`);require(`./lib/toast/index.cjs`);const U=require(`./lib/toggle/toggle-constants.cjs`),dt=require(`./lib/toggle/toggle.cjs`);require(`./lib/toggle/index.cjs`);const W=require(`./lib/combobox-with-popover/combobox-with-popover.cjs`),G=require(`./lib/combobox-multi-select/combobox-multi-select-constants.cjs`),K=require(`./lib/combobox-multi-select/combobox-multi-select.cjs`);require(`./lib/combobox-multi-select/index.cjs`),require(`./lib/combobox-with-popover/index.cjs`);const ft=require(`./lib/tooltip-directive/tooltip.cjs`);require(`./lib/tooltip-directive/index.cjs`);const pt=require(`./lib/scrollbar-directive/scrollbar.cjs`);require(`./lib/scrollbar-directive/index.cjs`);const mt=require(`./lib/callbar-button/callbar-button-constants.cjs`),ht=require(`./lib/callbar-button/callbar-button.cjs`),gt=require(`./lib/callbar-button-with-popover/callbar-button-with-popover.cjs`);require(`./lib/callbar-button-with-popover/index.cjs`);const _t=require(`./lib/callbar-button-with-dropdown/callbar-button-with-dropdown.cjs`);require(`./lib/callbar-button-with-dropdown/index.cjs`);const q=require(`./lib/ivr-node/ivr-node-constants.cjs`),vt=require(`./lib/ivr-node/ivr-node.cjs`);require(`./lib/ivr-node/index.cjs`);const yt=require(`./lib/grouped-chip/grouped-chip.cjs`);require(`./lib/grouped-chip/index.cjs`);const bt=require(`./attachment_carousel-BWzRsDBY.cjs`);require(`./lib/attachment-carousel/index.cjs`);const xt=require(`./lib/editor/editor.cjs`);require(`./lib/editor/index.cjs`);const St=require(`./lib/emoji-row/emoji-row-constants.cjs`),Ct=require(`./lib/emoji-row/emoji-row.cjs`);require(`./lib/emoji-row/index.cjs`);const wt=require(`./lib/feed-item-pill/feed-item-pill-constants.cjs`),Tt=require(`./lib/feed-item-pill/feed-item-pill.cjs`);require(`./lib/feed-item-pill/index.cjs`);const J=require(`./lib/feed-item-row/feed-item-row-constants.cjs`),Et=require(`./lib/feed-item-row/feed-item-row.cjs`);require(`./lib/feed-item-row/index.cjs`);const Dt=require(`./message_input-Bs-fg95i.cjs`);require(`./lib/message-input/index.cjs`);const Ot=require(`./lib/time-pill/time-pill.cjs`);require(`./lib/time-pill/index.cjs`);const kt=require(`./lib/settings-menu-button/settings-menu-button.cjs`);require(`./lib/settings-menu-button/index.cjs`);const At=require(`./lib/contact-info/contact-info.cjs`);require(`./lib/contact-info/index.cjs`);const Y=require(`./lib/callbox/callbox-constants.cjs`),jt=require(`./lib/callbox/callbox.cjs`);require(`./lib/callbox/index.cjs`);const Mt=require(`./lib/contact-centers-row/contact-centers-row.cjs`);require(`./lib/contact-centers-row/index.cjs`);const X=require(`./lib/general-row/general-row-constants.cjs`),Nt=require(`./lib/general-row/leftbar-general-row-icon.cjs`),Pt=require(`./lib/general-row/general-row.cjs`),Ft=require(`./lib/contact-row/contact-row.cjs`);require(`./lib/contact-row/index.cjs`);const It=require(`./lib/group-row/group-row.cjs`);require(`./lib/group-row/index.cjs`);const Z=require(`./lib/unread-pill/unread-pill-constants.cjs`),Lt=require(`./lib/unread-pill/unread-pill.cjs`);require(`./lib/unread-pill/index.cjs`);const Q=require(`./lib/motion-text/motion-text-constants.cjs`),$=require(`./lib/motion-text/motion-text.cjs`);require(`./lib/motion-text/index.cjs`);const Rt=require(`./lib/top-banner-info/top-banner-info-constants.cjs`),zt=require(`./lib/top-banner-info/top-banner-info.cjs`);require(`./lib/top-banner-info/index.cjs`),exports.ARROW_KEYS=F.ARROW_KEYS,exports.AVATAR_COLORS=l.AVATAR_COLORS,exports.AVATAR_GROUP_VALIDATOR=l.AVATAR_GROUP_VALIDATOR,exports.AVATAR_ICON_SIZES=l.AVATAR_ICON_SIZES,exports.AVATAR_KIND_MODIFIERS=l.AVATAR_KIND_MODIFIERS,exports.AVATAR_PRESENCE_SIZE_MODIFIERS=l.AVATAR_PRESENCE_SIZE_MODIFIERS,exports.AVATAR_PRESENCE_STATES=l.AVATAR_PRESENCE_STATES,exports.AVATAR_RANDOM_COLORS=l.AVATAR_RANDOM_COLORS,exports.AVATAR_SIZE_MODIFIERS=l.AVATAR_SIZE_MODIFIERS,exports.BADGE_DECORATION_MODIFIERS=d.BADGE_DECORATION_MODIFIERS,exports.BADGE_KIND_MODIFIERS=d.BADGE_KIND_MODIFIERS,exports.BADGE_TYPE_MODIFIERS=d.BADGE_TYPE_MODIFIERS,exports.BREADCRUMBS_INVERTED_MODIFIER=h.BREADCRUMBS_INVERTED_MODIFIER,exports.BREADCRUMB_ITEM_SELECTED_MODIFIER=h.BREADCRUMB_ITEM_SELECTED_MODIFIER,exports.BUTTON_GROUP_ALIGNMENT=be.BUTTON_GROUP_ALIGNMENT,exports.BUTTON_ICON_SIZES=p.BUTTON_ICON_SIZES,exports.BUTTON_IMPORTANCE_MODIFIERS=p.BUTTON_IMPORTANCE_MODIFIERS,exports.BUTTON_KIND_MODIFIERS=p.BUTTON_KIND_MODIFIERS,exports.BUTTON_SIZE_MODIFIERS=p.BUTTON_SIZE_MODIFIERS,exports.BUTTON_TYPES=p.BUTTON_TYPES,exports.CALLBAR_BUTTON_VALID_WIDTH_SIZE=mt.CALLBAR_BUTTON_VALID_WIDTH_SIZE,exports.CALLBOX_BADGE_COLORS=Y.CALLBOX_BADGE_COLORS,exports.CALLBOX_BORDER_COLORS=Y.CALLBOX_BORDER_COLORS,exports.CDN_URL=F.CDN_URL,exports.CHIP_CLOSE_BUTTON_SIZE_MODIFIERS=g.CHIP_CLOSE_BUTTON_SIZE_MODIFIERS,exports.CHIP_ICON_SIZES=g.CHIP_ICON_SIZES,exports.CHIP_SIZES=G.CHIP_SIZES,exports.CHIP_SIZE_MODIFIERS=g.CHIP_SIZE_MODIFIERS,exports.CHIP_TOP_POSITION=G.CHIP_TOP_POSITION,exports.COLOR_CODES=Rt.COLOR_CODES,exports.COMBOBOX_LABEL_SIZES=De.COMBOBOX_LABEL_SIZES,exports.DANGER=m.DANGER,exports.DEFAULT_FEED_ROW_STATE=J.DEFAULT_FEED_ROW_STATE,exports.DEFAULT_PREFIX=e.DEFAULT_PREFIX,exports.DEFAULT_VALIDATION_MESSAGE_TYPE=e.DEFAULT_VALIDATION_MESSAGE_TYPE,exports.DESCRIPTION_SIZE_MODIFIERS=e.DESCRIPTION_SIZE_MODIFIERS,exports.DESCRIPTION_SIZE_TYPES=e.DESCRIPTION_SIZE_TYPES,exports.DROPDOWN_PADDING_CLASSES=Pe.DROPDOWN_PADDING_CLASSES,exports.DT_DESCRIPTION_LIST_DIRECTION=je.DT_DESCRIPTION_LIST_DIRECTION,exports.DT_STACK_DIRECTION=k.DT_STACK_DIRECTION,exports.DT_STACK_GAP=k.DT_STACK_GAP,exports.DT_STACK_RESPONSIVE_BREAKPOINTS=k.DT_STACK_RESPONSIVE_BREAKPOINTS,exports.DialtoneLocalization=pe.DialtoneLocalization,exports.DtAvatar=oe.default,exports.DtBadge=ce.default,exports.DtBanner=_e.default,exports.DtBreadcrumbItem=ve.default,exports.DtBreadcrumbs=ye.default,exports.DtButton=me.default,exports.DtButtonGroup=xe.default,exports.DtCard=Se.default,exports.DtCheckableInputMixin=r.CheckableMixin,exports.DtCheckbox=Ce.default,exports.DtCheckboxGroup=Te.default,exports.DtChip=_.default,exports.DtCodeblock=v.default,exports.DtCollapsible=b.default,exports.DtCombobox=Ee.t,exports.DtComboboxMultiSelect=K.default,exports.DtRecipeComboboxMultiSelect=K.default,exports.DtComboboxWithPopover=W.default,exports.DtRecipeComboboxWithPopover=W.default,exports.DtDOMMixin=ee.default,exports.DtDatepicker=Ae.t,exports.DtDescriptionList=Me.default,exports.DtDropdown=Fe.default,exports.DtDropdownSeparator=Ie.default,exports.DtEmoji=Le.default,exports.DtEmojiPicker=ze.t,exports.DtEmojiTextWrapper=Ue.default,exports.DtEmptyState=We.default,exports.DtGroupableInputMixin=r.GroupableMixin,exports.DtHovercard=Ge.default,exports.DtIcon=se.default,exports.DtIllustration=qe.default,exports.DtImageViewer=Je.default,exports.DtInput=Re.default,exports.DtInputGroup=we.default,exports.DtInputGroupMixin=ne.InputGroupMixin,exports.DtInputMixin=r.InputMixin,exports.DtItemLayout=S.default,exports.DtKeyboardListNavigationMixin=re.default,exports.DtKeyboardShortcut=Ye.default,exports.DtLazyShow=y.default,exports.DtLink=fe.default,exports.DtListItem=C.default,exports.DtListItemGroup=Ze.default,exports.DtLoader=de.default,exports.DtModal=Qe.default,exports.DtModalMixin=i.default,exports.DtMotionText=$.default,exports.DtRecipeMotionText=$.default,exports.DtNotice=ge.default,exports.DtNoticeAction=he.default,exports.DtNoticeContent=ue.default,exports.DtNoticeIcon=le.default,exports.DtPagination=$e.default,exports.DtPopover=Ne.default,exports.DtPresence=ae.default,exports.DtProgressCircle=et.default,exports.DtRadio=nt.default,exports.DtRadioGroup=rt.default,exports.DtRecipeAttachmentCarousel=bt.t,exports.DtRecipeCallbarButton=ht.default,exports.DtRecipeCallbarButtonWithDropdown=_t.default,exports.DtRecipeCallbarButtonWithPopover=gt.default,exports.DtRecipeCallbox=jt.default,exports.DtRecipeContactCentersRow=Mt.default,exports.DtRecipeContactInfo=At.default,exports.DtRecipeContactRow=Ft.default,exports.DtRecipeEditor=xt.default,exports.DtRecipeEmojiRow=Ct.default,exports.DtRecipeFeedItemPill=Tt.default,exports.DtRecipeFeedItemRow=Et.default,exports.DtRecipeGeneralRow=Pt.default,exports.DtRecipeGroupRow=It.default,exports.DtRecipeGroupedChip=yt.default,exports.DtRecipeIvrNode=vt.default,exports.DtRecipeLeftbarGeneralRowIcon=Nt.default,exports.DtRecipeMessageInput=Dt.t,exports.DtRecipeSettingsMenuButton=kt.default,exports.DtRecipeTimePill=Ot.default,exports.DtRecipeTopBannerInfo=zt.default,exports.DtRecipeUnreadPill=Lt.default,exports.DtRichTextEditor=it.t,exports.DtRootLayout=at.default,exports.DtScrollbarDirective=pt.DtScrollbarDirective,exports.DtScroller=ot.t,exports.DtSelectMenu=st.default,exports.DtSkeleton=O.default,exports.DtSkeletonListItem=D.default,exports.DtSkeletonMixin=ie.default,exports.DtSkeletonParagraph=E.default,exports.DtSkeletonShape=w.default,exports.DtSkeletonText=T.default,exports.DtSplitButton=lt.default,exports.DtStack=Oe.default,exports.DtTab=Ve.default,exports.DtTabGroup=Be.default,exports.DtTabPanel=He.default,exports.DtToast=ut.t,exports.DtToggle=dt.default,exports.DtTooltip=ke.default,exports.DtTooltipDirective=ft.DtTooltipDirective,exports.DtValidationMessages=te.default,exports.EMOJIS_PER_ROW=F.EMOJIS_PER_ROW,exports.EMOJI_PICKER_SKIN_TONE_MODIFIERS=F.EMOJI_PICKER_SKIN_TONE_MODIFIERS,exports.EMPTY_STATE_SIZE_MODIFIERS=I.EMPTY_STATE_SIZE_MODIFIERS,exports.EVENT_KEYNAMES=e.EVENT_KEYNAMES,exports.FEED_ITEM_PILL_BORDER_COLORS=wt.FEED_ITEM_PILL_BORDER_COLORS,exports.FEED_ROW_STATE_BACKGROUND_COLOR=J.FEED_ROW_STATE_BACKGROUND_COLOR,exports.ICON_NAMES=u.ICON_NAMES,exports.ICON_POSITION_MODIFIERS=p.ICON_POSITION_MODIFIERS,exports.ICON_SIZE_MODIFIERS=u.ICON_SIZE_MODIFIERS,exports.ILLUSTRATION_NAMES=Ke.ILLUSTRATION_NAMES,exports.INPUT_SIZES=N.INPUT_SIZES,exports.INPUT_TYPES=N.INPUT_TYPES,exports.INVALID_COMBINATION=p.INVALID_COMBINATION,exports.IVR_NODE_ASSIGN=q.IVR_NODE_ASSIGN,exports.IVR_NODE_BRANCH=q.IVR_NODE_BRANCH,exports.IVR_NODE_CUSTOMER_DATA=q.IVR_NODE_CUSTOMER_DATA,exports.IVR_NODE_EXPERT=q.IVR_NODE_EXPERT,exports.IVR_NODE_GO_TO=q.IVR_NODE_GO_TO,exports.IVR_NODE_HANGUP=q.IVR_NODE_HANGUP,exports.IVR_NODE_ICON_TYPES=q.IVR_NODE_ICON_TYPES,exports.IVR_NODE_LABELS=q.IVR_NODE_LABELS,exports.IVR_NODE_PROMPT_COLLECT=q.IVR_NODE_PROMPT_COLLECT,exports.IVR_NODE_PROMPT_MENU=q.IVR_NODE_PROMPT_MENU,exports.IVR_NODE_PROMPT_PLAY=q.IVR_NODE_PROMPT_PLAY,exports.IVR_NODE_TRANSFER=q.IVR_NODE_TRANSFER,exports.LABEL_SIZE_MODIFIERS=e.LABEL_SIZE_MODIFIERS,exports.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS=X.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS,exports.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR=X.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR,exports.LEFTBAR_GENERAL_ROW_ICON_SIZES=X.LEFTBAR_GENERAL_ROW_ICON_SIZES,exports.LEFTBAR_GENERAL_ROW_TYPES=X.LEFTBAR_GENERAL_ROW_TYPES,exports.LINK_KIND_MODIFIERS=m.LINK_KIND_MODIFIERS,exports.LINK_VARIANTS=m.LINK_VARIANTS,exports.LIST_ITEM_NAVIGATION_TYPES=x.LIST_ITEM_NAVIGATION_TYPES,exports.LIST_ITEM_TYPES=x.LIST_ITEM_TYPES,exports.MENTION=m.MENTION,exports.MODAL_BANNER_KINDS=L.MODAL_BANNER_KINDS,exports.MODAL_KIND_MODIFIERS=L.MODAL_KIND_MODIFIERS,exports.MODAL_SIZE_MODIFIERS=L.MODAL_SIZE_MODIFIERS,exports.MOTION_TEXT_ANIMATION_MODES=Q.MOTION_TEXT_ANIMATION_MODES,exports.MOTION_TEXT_SPEEDS=Q.MOTION_TEXT_SPEEDS,exports.MOTION_TEXT_TIMING_PRESETS=Q.MOTION_TEXT_TIMING_PRESETS,exports.MULTI_SELECT_SIZES=G.MULTI_SELECT_SIZES,exports.MUTED=m.MUTED,exports.NOTICE_KINDS=f.NOTICE_KINDS,exports.NOTICE_ROLES=f.NOTICE_ROLES,exports.POPOVER_APPEND_TO_VALUES=j.POPOVER_APPEND_TO_VALUES,exports.POPOVER_CONTENT_WIDTHS=j.POPOVER_CONTENT_WIDTHS,exports.POPOVER_DIRECTIONS=j.POPOVER_DIRECTIONS,exports.POPOVER_HEADER_FOOTER_PADDING_CLASSES=j.POPOVER_HEADER_FOOTER_PADDING_CLASSES,exports.POPOVER_INITIAL_FOCUS_STRINGS=j.POPOVER_INITIAL_FOCUS_STRINGS,exports.POPOVER_PADDING_CLASSES=j.POPOVER_PADDING_CLASSES,exports.POPOVER_ROLES=j.POPOVER_ROLES,exports.POPOVER_STICKY_VALUES=j.POPOVER_STICKY_VALUES,exports.PRESENCE_STATES=c.PRESENCE_STATES,exports.PRESENCE_STATES_LIST=c.PRESENCE_STATES_LIST,exports.PROGRESS_CIRCLE_KINDS=R.PROGRESS_CIRCLE_KINDS,exports.PROGRESS_CIRCLE_KIND_DEFAULT=R.PROGRESS_CIRCLE_KIND_DEFAULT,exports.PROGRESS_CIRCLE_SIZES=R.PROGRESS_CIRCLE_SIZES,exports.PROGRESS_CIRCLE_SIZE_DEFAULT=R.PROGRESS_CIRCLE_SIZE_DEFAULT,exports.RADIO_INPUT_VALIDATION_CLASSES=tt.RADIO_INPUT_VALIDATION_CLASSES,exports.REACTIONS_ATTRIBUTES=St.REACTIONS_ATTRIBUTES,exports.RICH_TEXT_EDITOR_AUTOFOCUS_TYPES=z.RICH_TEXT_EDITOR_AUTOFOCUS_TYPES,exports.RICH_TEXT_EDITOR_OUTPUT_FORMATS=z.RICH_TEXT_EDITOR_OUTPUT_FORMATS,exports.ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS=B.ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS,exports.ROOT_LAYOUT_SIDEBAR_POSITIONS=B.ROOT_LAYOUT_SIDEBAR_POSITIONS,exports.SELECT_SIZE_MODIFIERS=V.SELECT_SIZE_MODIFIERS,exports.SELECT_STATE_MODIFIERS=V.SELECT_STATE_MODIFIERS,exports.SHORTCUTS_ALIASES_LIST=Xe.SHORTCUTS_ALIASES_LIST,exports.SKELETON_HEADING_HEIGHTS=a.SKELETON_HEADING_HEIGHTS,exports.SKELETON_RIPPLE_DURATION=a.SKELETON_RIPPLE_DURATION,exports.SKELETON_SHAPES=a.SKELETON_SHAPES,exports.SKELETON_SHAPE_SIZES=a.SKELETON_SHAPE_SIZES,exports.SKELETON_TEXT_TYPES=a.SKELETON_TEXT_TYPES,exports.SPLIT_BUTTON_ICON_SIZES=ct.SPLIT_BUTTON_ICON_SIZES,exports.SUCCESS=m.SUCCESS,exports.TAB_IMPORTANCE_MODIFIERS=P.TAB_IMPORTANCE_MODIFIERS,exports.TAB_LIST_IMPORTANCE_MODIFIERS=P.TAB_LIST_IMPORTANCE_MODIFIERS,exports.TAB_LIST_KIND_MODIFIERS=P.TAB_LIST_KIND_MODIFIERS,exports.TAB_LIST_SIZES=P.TAB_LIST_SIZES,exports.TOAST_MIN_DURATION=H.TOAST_MIN_DURATION,exports.TOAST_ROLES=H.TOAST_ROLES,exports.TOGGLE_CHECKED_VALUES=U.TOGGLE_CHECKED_VALUES,exports.TOGGLE_SIZE_MODIFIERS=U.TOGGLE_SIZE_MODIFIERS,exports.TOOLTIP_DELAY_MS=A.TOOLTIP_DELAY_MS,exports.TOOLTIP_DIRECTIONS=A.TOOLTIP_DIRECTIONS,exports.TOOLTIP_HIDE_ON_CLICK_VARIANTS=A.TOOLTIP_HIDE_ON_CLICK_VARIANTS,exports.TOOLTIP_KIND_MODIFIERS=A.TOOLTIP_KIND_MODIFIERS,exports.TOOLTIP_STICKY_VALUES=A.TOOLTIP_STICKY_VALUES,exports.UNREAD_PILL_DIRECTIONS=Z.UNREAD_PILL_DIRECTIONS,exports.UNREAD_PILL_KINDS=Z.UNREAD_PILL_KINDS,exports.VALIDATION_MESSAGE_TYPES=e.VALIDATION_MESSAGE_TYPES,exports.WARNING=m.WARNING,exports.addClassStyleAttrs=n.addClassStyleAttrs,exports.capitalizeFirstLetter=n.capitalizeFirstLetter,exports.codeToEmojiData=s.codeToEmojiData,Object.defineProperty(exports,`customEmojiAssetUrl`,{enumerable:!0,get:function(){return s.customEmojiAssetUrl}}),exports.debounce=n.debounce,exports.defaultEmojiAssetUrl=s.defaultEmojiAssetUrl,exports.disableRootScrolling=n.disableRootScrolling,exports.durationInHHMM=o.durationInHHMM,Object.defineProperty(exports,`emojiFileExtensionLarge`,{enumerable:!0,get:function(){return s.emojiFileExtensionLarge}}),Object.defineProperty(exports,`emojiFileExtensionSmall`,{enumerable:!0,get:function(){return s.emojiFileExtensionSmall}}),Object.defineProperty(exports,`emojiImageUrlLarge`,{enumerable:!0,get:function(){return s.emojiImageUrlLarge}}),Object.defineProperty(exports,`emojiImageUrlSmall`,{enumerable:!0,get:function(){return s.emojiImageUrlSmall}}),exports.emojiJson=s.emojiJson,exports.emojiRegex=s.emojiRegex,exports.emojiShortCodeRegex=s.emojiShortCodeRegex,exports.emojiVersion=s.emojiVersion,exports.enableRootScrolling=n.enableRootScrolling,exports.extractNonListeners=n.extractNonListeners,exports.extractVueListeners=n.extractVueListeners,exports.filterFormattedMessages=n.filterFormattedMessages,exports.filterValidShortCodes=s.filterValidShortCodes,exports.findEmojis=s.findEmojis,exports.findFirstFocusableNode=n.findFirstFocusableNode,exports.findShortCodes=s.findShortCodes,exports.flushPromises=n.flushPromises,exports.formatLong=M.formatLong,exports.formatMedium=M.formatMedium,exports.formatMessages=n.formatMessages,exports.formatNoYear=M.formatNoYear,exports.formatNumerical=M.formatNumerical,exports.formatShort=M.formatShort,exports.getDateMedium=o.getDateMedium,exports.getEmojiData=s.getEmojiData,exports.getEmojiShortCode=s.getEmojiShortCode,exports.getLinkKindModifier=m.getLinkKindModifier,exports.getPhoneNumberRegex=n.getPhoneNumberRegex,exports.getRandomElement=n.getRandomElement,exports.getRandomInt=n.getRandomInt,exports.getUniqueString=n.getUniqueString,exports.getValidationState=n.getValidationState,exports.hasFormattedMessageOfType=n.hasFormattedMessageOfType,exports.hasSlotContent=n.hasSlotContent,exports.htmlFragment=n.htmlFragment,exports.isEmailAddress=n.isEmailAddress,exports.isOutOfViewPort=n.isOutOfViewPort,exports.isPhoneNumber=n.isPhoneNumber,exports.isURL=n.isURL,exports.javaHashCode=n.javaHashCode,exports.kebabCaseToPascalCase=n.kebabCaseToPascalCase,exports.linkRegex=n.linkRegex,exports.pascalCaseToKebabCase=n.pascalCaseToKebabCase,exports.relativeDate=o.relativeDate,exports.removeClassStyleAttrs=n.removeClassStyleAttrs,exports.returnFirstEl=n.returnFirstEl,exports.safeConcatStrings=n.safeConcatStrings,exports.setCustomEmojiJson=s.setCustomEmojiJson,exports.setCustomEmojiUrl=s.setCustomEmojiUrl,exports.setDateLocale=o.setDateLocale,exports.setEmojiAssetUrlLarge=s.setEmojiAssetUrlLarge,exports.setEmojiAssetUrlSmall=s.setEmojiAssetUrlSmall,exports.shortcodeToEmojiData=s.shortcodeToEmojiData,exports.stringToUnicode=s.stringToUnicode,exports.toFluentKeyString=n.toFluentKeyString,exports.unicodeToString=s.unicodeToString,exports.validateCustomEmojiJson=s.validateCustomEmojiJson,exports.validationMessageValidator=t.validationMessageValidator,exports.warnIfUnmounted=n.warnIfUnmounted;

package/dist/dialtone-vue.js

@@ -111,12 +111,13 @@ import ur from "./lib/radio/radio.js";
 import "./lib/radio/index.js";
 import dr from "./lib/radio-group/radio-group.js";
 import "./lib/radio-group/index.js";
-import { t as fr } from "./rich_text_editor-CtCGNkSD.js";
+import { t as fr } from "./rich_text_editor-Cu0E6GWr.js";
 import { RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as pr, RICH_TEXT_EDITOR_OUTPUT_FORMATS as mr } from "./lib/rich-text-editor/rich-text-editor-constants.js";
+import "./markdownRenderer-D14GhUiu.js";
 import { ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS as hr, ROOT_LAYOUT_SIDEBAR_POSITIONS as gr } from "./lib/root-layout/root-layout-constants.js";
 import _r from "./lib/root-layout/root-layout.js";
 import "./lib/root-layout/index.js";
-import { t as vr } from "./scroller-Ckquh-PU.js";
+import { t as vr } from "./scroller-axSKchCc.js";
 import "./lib/scroller/index.js";
 import { SELECT_SIZE_MODIFIERS as yr, SELECT_STATE_MODIFIERS as br } from "./lib/select-menu/select-menu-constants.js";
 import xr from "./lib/select-menu/select-menu.js";
@@ -125,7 +126,7 @@ import { SPLIT_BUTTON_ICON_SIZES as Sr } from "./lib/split-button/split-button-c
 import Cr from "./lib/split-button/split-button.js";
 import "./lib/split-button/index.js";
 import { TOAST_MIN_DURATION as wr, TOAST_ROLES as Tr } from "./lib/toast/toast-constants.js";
-import { t as Er } from "./toast-B1zeUPtg.js";
+import { t as Er } from "./toast-jpudprAC.js";
 import "./lib/toast/index.js";
 import { TOGGLE_CHECKED_VALUES as Dr, TOGGLE_SIZE_MODIFIERS as Or } from "./lib/toggle/toggle-constants.js";
 import kr from "./lib/toggle/toggle.js";
@@ -150,7 +151,7 @@ import Zr from "./lib/ivr-node/ivr-node.js";
 import "./lib/ivr-node/index.js";
 import Qr from "./lib/grouped-chip/grouped-chip.js";
 import "./lib/grouped-chip/index.js";
-import { t as $r } from "./attachment_carousel-gV6IHYgP.js";
+import { t as $r } from "./attachment_carousel-Xub5CrN3.js";
 import "./lib/attachment-carousel/index.js";
 import ei from "./lib/editor/editor.js";
 import "./lib/editor/index.js";
@@ -163,7 +164,7 @@ import "./lib/feed-item-pill/index.js";
 import { DEFAULT_FEED_ROW_STATE as ai, FEED_ROW_STATE_BACKGROUND_COLOR as oi } from "./lib/feed-item-row/feed-item-row-constants.js";
 import si from "./lib/feed-item-row/feed-item-row.js";
 import "./lib/feed-item-row/index.js";
-import { t as ci } from "./message_input-tVB6JYJm.js";
+import { t as ci } from "./message_input-DfcdjT6O.js";
 import "./lib/message-input/index.js";
 import li from "./lib/time-pill/time-pill.js";
 import "./lib/time-pill/index.js";

package/dist/lib/attachment-carousel/attachment-carousel.cjs

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

package/dist/lib/attachment-carousel/attachment-carousel.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../attachment_carousel-gV6IHYgP.js";
+import { t as e } from "../../attachment_carousel-Xub5CrN3.js";
 export { e as default };

package/dist/lib/attachment-carousel/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../attachment_carousel-DMKCJe7S.cjs`);exports.DtRecipeAttachmentCarousel=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../attachment_carousel-BWzRsDBY.cjs`);exports.DtRecipeAttachmentCarousel=e.t;

package/dist/lib/attachment-carousel/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../attachment_carousel-gV6IHYgP.js";
+import { t as e } from "../../attachment_carousel-Xub5CrN3.js";
 export { e as DtRecipeAttachmentCarousel };

package/dist/lib/editor/editor.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(`../../localization/index.cjs`),r=require(`../button/button.cjs`),i=require(`../list-item/list-item.cjs`),a=require(`../../combobox-DhjZxfUw.cjs`),o=require(`../stack/stack.cjs`),s=require(`../tooltip/tooltip.cjs`),c=require(`../popover/popover.cjs`),l=require(`../dropdown/dropdown-separator.cjs`),u=require(`../input/input.cjs`),d=require(`../list-item-group/list-item-group.cjs`),f=require(`../../rich_text_editor-CEwKDuzw.cjs`),p=require(`../rich-text-editor/rich-text-editor-constants.cjs`),m=require(`./editor-constants.cjs`),h=require(`./EditorToolbarButton.cjs`),g=require(`./EditorToolbarDropdownButton.cjs`),_=require(`./EditorToolbarPopoverButton.cjs`);let v=require(`vue`),y=require(`@dialpad/dialtone-icons/vue3`);var b={compatConfig:{MODE:3},name:`DtRecipeEditor`,components:{DtListItemGroup:d.default,DtDropdownSeparator:l.default,DtListItem:i.default,DtRichTextEditor:f.t,DtButton:r.default,DtPopover:c.default,DtStack:o.default,DtInput:u.default,DtTooltip:s.default,DtCombobox:a.t,EditorToolbarButton:h.default,EditorToolbarDropdownButton:g.default,EditorToolbarPopoverButton:_.default,DtIconQuickReply:y.DtIconQuickReply,DtIconBold:y.DtIconBold,DtIconItalic:y.DtIconItalic,DtIconUnderline:y.DtIconUnderline,DtIconStrikethrough:y.DtIconStrikethrough,DtIconListBullet:y.DtIconListBullet,DtIconListOrdered:y.DtIconListOrdered,DtIconAlignLeft:y.DtIconAlignLeft,DtIconAlignCenter:y.DtIconAlignCenter,DtIconAlignRight:y.DtIconAlignRight,DtIconAlignJustify:y.DtIconAlignJustify,DtIconQuote:y.DtIconQuote,DtIconCodeBlock:y.DtIconCodeBlock,DtIconLink2:y.DtIconLink2,DtIconImage:y.DtIconImage,DtIconSearch:y.DtIconSearch,DtIconType:y.DtIconType,DtIconBraces:y.DtIconBraces,DtIconChevronDown:y.DtIconChevronDown,DtIconFontSize:y.DtIconFontSize,DtIconStopFilled:y.DtIconStopFilled},mixins:[],inheritAttrs:!1,props:{modelValue:{type:[Object,String],default:``},editable:{type:Boolean,default:!0},inputAriaLabel:{type:String,required:!0,default:``},inputClass:{type:String,default:``},autoFocus:{type:[Boolean,String,Number],default:!1,validator(e){return typeof e==`string`?p.RICH_TEXT_EDITOR_AUTOFOCUS_TYPES.includes(e):!0}},placeholder:{type:String,default:``},maxHeight:{type:String,default:`unset`},setLinkPlaceholder:{type:String,default:``},showBoldButton:{type:Boolean,default:!0},showItalicsButton:{type:Boolean,default:!0},showUnderlineButton:{type:Boolean,default:!0},showStrikeButton:{type:Boolean,default:!0},showListItemsButton:{type:Boolean,default:!0},showOrderedListButton:{type:Boolean,default:!0},showAlignLeftButton:{type:Boolean,default:!0},showAlignCenterButton:{type:Boolean,default:!0},showAlignRightButton:{type:Boolean,default:!0},showAlignJustifyButton:{type:Boolean,default:!0},showQuoteButton:{type:Boolean,default:!0},showCodeBlockButton:{type:Boolean,default:!0},showQuickRepliesButton:{type:Boolean,default:!0},showInlineImageButton:{type:Boolean,default:!1},showVariableButton:{type:Boolean,default:!1},variableCategories:{type:Array,default:()=>[]},showAddLink:{type:Object,default:()=>({showAddLinkButton:!0})},showFontStyleButton:{type:Boolean,default:!1},showFontSizeButton:{type:Boolean,default:!1},showFontColorButton:{type:Boolean,default:!1},fontStyles:{type:Array,default:()=>[{name:`Arial`,value:null},{name:`Georgia`,value:`Georgia`},{name:`Helvetica`,value:`Helvetica`},{name:`Verdana`,value:`Verdana`},{name:`Times New Roman`,value:`Times New Roman`}]},fontSizes:{type:Array,default:()=>[{name:`Small`,value:`12px`},{name:`Normal`,value:`15px`},{name:`Large`,value:`24px`},{name:`Huge`,value:`36px`}]},allowBackgroundColor:{type:Boolean,default:!1},allowLineHeight:{type:Boolean,default:!1},preserveWhitespace:{type:[Boolean,String],default:`full`},useDivTags:{type:Boolean,default:!1},allowTables:{type:Boolean,default:!1},allowImageResize:{type:Boolean,default:!1}},emits:[`focus`,`blur`,`input`,`update:modelValue`,`quick-replies-click`,`inline-image-click`,`text-input`],data(){return{internalInputValue:this.modelValue,hasFocus:!1,linkOptions:{class:`d-recipe-editor__link`},currentFontColor:void 0,showLinkInput:!1,fontStyleSearch:``,linkInput:``,currentButtonRefIndex:0,variableSearchValue:``,i18n:new n.DialtoneLocalization}},computed:{inputLength(){return this.internalInputValue.length},htmlOutputFormat(){return p.RICH_TEXT_EDITOR_OUTPUT_FORMATS[2]},flattenedVariableItems(){return this.variableCategories?this.variableCategories.reduce((e,t)=>e.concat(t.items||[]),[]):[]},showingTextFormatButtons(){return this.showBoldButton||this.showItalicsButton||this.showStrikeButton||this.showUnderlineButton},showingAlignmentButtons(){return this.showAlignLeftButton||this.showAlignCenterButton||this.showAlignRightButton||this.showAlignJustifyButton},showingListButtons(){return this.showListItemsButton||this.showOrderedListButton},orderedRefs(){let e=this.buttonGroups.reduce(function(e,t){return t.buttonGroup.forEach(n=>{e.push(this.getButtonRef(t.key,n.selector))},this),e}.bind(this),[]);return e.push(this.getButtonRef(`custom`,`link`)),e},buttonGroups(){let e=this.individualButtons.map(e=>({key:e.selector,buttonGroup:[e]}));return[{key:`new`,buttonGroup:this.newButtons},{key:`format`,buttonGroup:this.textFormatButtons},{key:`alignment`,buttonGroup:this.alignmentButtons},{key:`list`,buttonGroup:this.listButtons},...e].filter(e=>e.buttonGroup.length>0)},newButtons(){return[{showBtn:this.showQuickRepliesButton,buttonType:`button`,label:this.i18n.$t(`DIALTONE_EDITOR_QUICK_REPLY_BUTTON_LABEL`),selector:`quickReplies`,icon:y.DtIconQuickReply,dataQA:`dt-recipe-editor-quick-replies-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_QUICK_REPLY_BUTTON_LABEL`),onClick:this.onQuickRepliesClick}].filter(e=>e.showBtn)},textFormatButtons(){return[{showBtn:this.showFontStyleButton,buttonType:`popover`,selector:`fontStyle`,icon:y.DtIconType,dataQA:`dt-recipe-editor-font-style-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_FONT_STYLE_BUTTON_LABEL`)},{showBtn:this.showFontSizeButton,buttonType:`popover`,selector:`fontSize`,icon:y.DtIconFontSize,dataQA:`dt-recipe-editor-font-size-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_FONT_SIZE_BUTTON_LABEL`)},{showBtn:this.showFontColorButton,buttonType:`custom`,selector:`fontColor`,icon:y.DtIconStopFilled,dataQA:`dt-recipe-editor-font-color-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_FONT_COLOR_BUTTON_LABEL`),onClick:this.onColorPickerButtonClick},{showBtn:this.showBoldButton,buttonType:`button`,selector:`bold`,icon:y.DtIconBold,dataQA:`dt-recipe-editor-bold-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_BOLD_BUTTON_LABEL`),onClick:this.onBoldTextToggle},{showBtn:this.showItalicsButton,buttonType:`button`,selector:`italic`,icon:y.DtIconItalic,dataQA:`dt-recipe-editor-italics-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_ITALICS_BUTTON_LABEL`),onClick:this.onItalicTextToggle},{showBtn:this.showUnderlineButton,buttonType:`button`,selector:`underline`,icon:y.DtIconUnderline,dataQA:`dt-recipe-editor-underline-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_UNDERLINE_BUTTON_LABEL`),onClick:this.onUnderlineTextToggle},{showBtn:this.showStrikeButton,buttonType:`button`,selector:`strike`,icon:y.DtIconStrikethrough,dataQA:`dt-recipe-editor-strike-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_STRIKE_BUTTON_LABEL`),onClick:this.onStrikethroughTextToggle}].filter(e=>e.showBtn)},alignmentButtons(){return[{showBtn:this.showAlignLeftButton,buttonType:`button`,selector:{textAlign:`left`},icon:y.DtIconAlignLeft,dataQA:`dt-recipe-editor-align-left-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_ALIGN_LEFT_BUTTON_LABEL`),onClick:()=>this.onTextAlign(`left`)},{showBtn:this.showAlignCenterButton,buttonType:`button`,selector:{textAlign:`center`},icon:y.DtIconAlignCenter,dataQA:`dt-recipe-editor-align-center-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_ALIGN_CENTER_BUTTON_LABEL`),onClick:()=>this.onTextAlign(`center`)},{showBtn:this.showAlignRightButton,buttonType:`button`,selector:{textAlign:`right`},icon:y.DtIconAlignRight,dataQA:`dt-recipe-editor-align-right-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_ALIGN_RIGHT_BUTTON_LABEL`),onClick:()=>this.onTextAlign(`right`)},{showBtn:this.showAlignJustifyButton,buttonType:`button`,selector:{textAlign:`justify`},icon:y.DtIconAlignJustify,dataQA:`dt-recipe-editor-align-justify-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_ALIGN_JUSTIFY_BUTTON_LABEL`),onClick:()=>this.onTextAlign(`justify`)}].filter(e=>e.showBtn)},listButtons(){return[{showBtn:this.showListItemsButton,buttonType:`button`,selector:`bulletList`,icon:y.DtIconListBullet,dataQA:`dt-recipe-editor-list-items-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_BULLET_LIST_BUTTON_LABEL`),onClick:this.onBulletListToggle},{showBtn:this.showOrderedListButton,buttonType:`button`,selector:`orderedList`,icon:y.DtIconListOrdered,dataQA:`dt-recipe-editor-ordered-list-items-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_ORDERED_LIST_BUTTON_LABEL`),onClick:this.onOrderedListToggle}].filter(e=>e.showBtn)},individualButtons(){return[{showBtn:this.showQuoteButton,buttonType:`button`,selector:`blockquote`,icon:y.DtIconQuote,dataQA:`dt-recipe-editor-blockquote-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_QUOTE_BUTTON_LABEL`),onClick:this.onBlockquoteToggle},{showBtn:this.showCodeBlockButton,buttonType:`button`,selector:`codeBlock`,icon:y.DtIconCodeBlock,dataQA:`dt-recipe-editor-code-block-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_CODE_BUTTON_LABEL`),onClick:this.onCodeBlockToggle},{showBtn:this.showInlineImageButton,buttonType:`button`,selector:`image`,icon:y.DtIconImage,dataQA:`dt-recipe-editor-inline-image-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_IMAGE_BUTTON_LABEL`),onClick:this.onInsertInlineImageClick},{showBtn:this.showVariableButton,buttonType:`popover`,selector:`variable`,icon:y.DtIconBraces,dataQA:`dt-recipe-editor-variable-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_VARIABLE_BUTTON_LABEL`)}].filter(e=>e.showBtn)},linkButton(){return{showBtn:this.showAddLink.showAddLinkButton,buttonType:`custom`,selector:`link`,icon:y.DtIconLink2,dataQA:`dt-recipe-editor-add-link-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_LINK_BUTTON_LABEL`),onClick:this.openLinkInput}},confirmSetLinkButtonLabels(){return this.i18n.$ta(`DIALTONE_EDITOR_CONFIRM_SET_LINK_BUTTON`)},cancelSetLinkButtonLabels(){return this.i18n.$ta(`DIALTONE_EDITOR_CANCEL_SET_LINK_BUTTON`)},removeLinkButtonLabels(){return this.i18n.$ta(`DIALTONE_EDITOR_REMOVE_LINK_BUTTON`)},showAddLinkButtonLabels(){return this.i18n.$ta(`DIALTONE_EDITOR_ADD_LINK_BUTTON`)},filteredFontStyles(){let e=this.fontStyleSearch.toLowerCase();return this.fontStyles.filter(t=>t.name.toLowerCase().includes(e))},filteredCategories(){return this.variableCategories.filter(e=>this.getFilteredItemsForCategory(e).length)},colorPickerInput(){return this.$refs.editorRoot?.querySelector(`.colorPickerInput`)},isDefaultFontColor(){return this.currentFontColor===m.EDITOR_DEFAULT_FONT_COLOR},actionBarBtn(){let e=this.$refs[this.orderedRefs[this.currentButtonRefIndex]][0]?.$refs?.buttonRef||this.$refs[this.orderedRefs[this.currentButtonRefIndex]];return Array.isArray(e)?e[0]:e}},watch:{modelValue(e){this.internalInputValue=e}},methods:{removeClassStyleAttrs:e.removeClassStyleAttrs,addClassStyleAttrs:e.addClassStyleAttrs,focusEditor(){this.$refs.richTextEditor?.editor?.commands.focus()},onInputFocus(e){e?.stopPropagation()},removeLink(){this.$refs.richTextEditor?.editor?.chain()?.focus()?.unsetLink()?.run(),this.closeLinkInput()},setLink(e){let t=this.$refs.richTextEditor?.editor;if(e?.preventDefault(),e?.stopPropagation(),!this.linkInput){this.removeLink();return}m.EDITOR_SUPPORTED_LINK_PROTOCOLS.find(e=>e.test(this.linkInput))||(this.linkInput=`${m.EDITOR_DEFAULT_LINK_PREFIX}${this.linkInput}`);let n=t?.view?.state?.selection;n.anchor===n.head?t.chain().focus().insertContentAt(n.anchor,`<a class="${this.linkOptions.class}" href=${this.linkInput}>${this.linkInput}</a>`).run():t.chain().focus().extendMarkRange(`link`).setLink({href:this.linkInput,class:this.linkOptions.class}).run(),this.closeLinkInput()},openLinkInput(){this.showLinkInput=!0},updateInput(e){if(!e)return this.closeLinkInput();this.linkInput=this.$refs.richTextEditor?.editor?.getAttributes(`link`)?.href},closeLinkInput(){this.showLinkInput=!1,this.linkInput=``,this.$refs.richTextEditor.editor?.chain().focus()},onBoldTextToggle(){this.$refs.richTextEditor?.editor?.chain().focus().toggleBold().run()},onItalicTextToggle(){this.$refs.richTextEditor?.editor.chain().focus().toggleItalic().run()},onUnderlineTextToggle(){this.$refs.richTextEditor?.editor.chain().focus().toggleUnderline().run()},onStrikethroughTextToggle(){this.$refs.richTextEditor?.editor.chain().focus().toggleStrike().run()},onTextAlign(e){if(this.$refs.richTextEditor?.editor?.isActive({textAlign:e}))return this.$refs.richTextEditor?.editor.chain().focus().unsetTextAlign().run();this.$refs.richTextEditor?.editor.chain().focus().setTextAlign(e).run()},onBulletListToggle(){this.$refs.richTextEditor?.editor.chain().focus().toggleBulletList().run()},onOrderedListToggle(){this.$refs.richTextEditor?.editor.chain().focus().toggleOrderedList().run()},onCodeBlockToggle(){this.$refs.richTextEditor?.editor.chain().focus().toggleCodeBlock().run()},onQuickRepliesClick(){this.$emit(`quick-replies-click`)},onInsertInlineImageClick(){this.$emit(`inline-image-click`)},insertVariable(e,t){this.$refs.richTextEditor?.editor.chain().focus().insertVariable({id:t.id,placeholder:t.placeholder||``,altText:``,enableAltText:t.enableAltText}).run()},insertInlineImage(e){this.$refs.richTextEditor?.editor.chain().focus().setImage({src:e}).run()},insertInMessageBody(e){this.$refs.richTextEditor?.editor.chain().focus().insertContent(e).run()},setCursorPosition(e=null){this.$refs.richTextEditor?.editor.chain().focus(e).run()},onBlockquoteToggle(){this.$refs.richTextEditor?.editor.chain().focus().toggleBlockquote().run()},onTextInput(e){this.$emit(`text-input`,e)},onFocus(e){this.hasFocus=!0,this.$emit(`focus`,e)},onBlur(e){this.hasFocus=!1,this.$emit(`blur`,e)},onInput(e){this.$emit(`input`,e),this.$emit(`update:modelValue`,e)},onSelected(){this.updateFontColorInput()},getButtonKey(e,t){return`${e}-${JSON.stringify(t)}`},getButtonRef(e,t){return`${this.getButtonKey(e,t)}-ref`},canFocus(e){return e===this.orderedRefs[this.currentButtonRefIndex]},shiftActionBarFocusRight(){this.shiftButtonRefIndex(1)},shiftActionBarFocusLeft(){this.shiftButtonRefIndex(-1)},shiftButtonRefIndex(e){let t=this.actionBarBtn,n=(this.currentButtonRefIndex+e)%this.orderedRefs.length;this.currentButtonRefIndex=n>=0?n:this.orderedRefs.length+n;let r=this.actionBarBtn;t.$el.blur(),r.$el.focus()},onFontStyleSelect(e){e?this.$refs.richTextEditor?.editor?.chain().focus().setFontFamily(e).run():this.$refs.richTextEditor?.editor?.chain().focus().unsetFontFamily().run(),this.$refs.richTextEditor?.editor?.commands.focus()},isCurrentFontFamily(e){return e?this.$refs.richTextEditor?.editor?.isActive(`textStyle`,{fontFamily:e}):!this.$refs.richTextEditor?.editor?.getAttributes(`textStyle`)?.fontFamily},onFontSizeSelect(e){this.$refs.richTextEditor?.editor?.chain().focus().setFontSize(e).run(),this.$refs.richTextEditor?.editor?.commands.focus()},isCurrentFontSize(e){return e?this.$refs.richTextEditor?.editor?.isActive(`textStyle`,{fontSize:e}):!this.$refs.richTextEditor?.editor?.getAttributes(`textStyle`)?.fontSize},getFilteredItemsForCategory(e){let t=this.variableSearchValue.toLowerCase();return e.name.toLowerCase().includes(t)?e.items:e.items.filter(e=>e.name.toLowerCase().includes(t))},updateFontColorInput(){this.currentFontColor=this.$refs.richTextEditor?.editor?.getAttributes(`textStyle`)?.color||`#000000`},onColorPickerButtonClick(){this.colorPickerInput?.click()},onColorPickerInput(e){this.$refs.richTextEditor?.editor?.chain().focus().setColor(e).run(),this.$refs.richTextEditor?.editor?.commands.focus(),this.updateFontColorInput()}}},x={class:`d-recipe-editor__popover-content`};function S(e,t,n,r,i,a){let o=(0,v.resolveComponent)(`dt-icon-search`),s=(0,v.resolveComponent)(`dt-input`),c=(0,v.resolveComponent)(`dt-list-item`),l=(0,v.resolveComponent)(`dt-combobox`),u=(0,v.resolveComponent)(`editor-toolbar-popover-button`),d=(0,v.resolveComponent)(`editor-toolbar-dropdown-button`),f=(0,v.resolveComponent)(`dt-button`),p=(0,v.resolveComponent)(`dt-dropdown-separator`),m=(0,v.resolveComponent)(`dt-list-item-group`),h=(0,v.resolveComponent)(`editor-toolbar-button`),g=(0,v.resolveComponent)(`dt-stack`),_=(0,v.resolveComponent)(`dt-tooltip`),y=(0,v.resolveComponent)(`dt-popover`),b=(0,v.resolveComponent)(`dt-rich-text-editor`),S=(0,v.resolveDirective)(`dt-tooltip`);return(0,v.openBlock)(),(0,v.createElementBlock)(`div`,(0,v.mergeProps)({ref:`editorRoot`,class:`d-recipe-editor`},a.addClassStyleAttrs(e.$attrs),{"data-qa":`dt-recipe-editor`,role:`presentation`,onClick:t[7]||(t[7]=t=>e.$refs.richTextEditor.focusEditor())}),[(0,v.createVNode)(g,{class:`d-recipe-editor__top-bar`,direction:`row`,gap:`450`},{default:(0,v.withCtx)(()=>[((0,v.openBlock)(!0),(0,v.createElementBlock)(v.Fragment,null,(0,v.renderList)(a.buttonGroups,r=>((0,v.openBlock)(),(0,v.createBlock)(g,{key:r.key,direction:`row`,gap:`300`},{default:(0,v.withCtx)(()=>[((0,v.openBlock)(!0),(0,v.createElementBlock)(v.Fragment,null,(0,v.renderList)(r.buttonGroup,g=>((0,v.openBlock)(),(0,v.createElementBlock)(v.Fragment,null,[g.buttonType===`popover`&&g.selector===`fontStyle`?((0,v.openBlock)(),(0,v.createBlock)(u,{key:a.getButtonKey(r.key,g.selector),ref_for:!0,ref:a.getButtonRef(r.key,g.selector),"is-active":e.$refs.richTextEditor?.editor?.isActive(g.selector),"tooltip-message":g.tooltipMessage,"data-qa":g.dataQA,"popover-data-qa":`dt-recipe-editor-font-style-input-popover`,tabindex:a.canFocus(a.getButtonRef(r.key,g.selector))?0:-1,icon:g.icon,onShiftFocusRight:a.shiftActionBarFocusRight,onShiftFocusLeft:a.shiftActionBarFocusLeft},{content:(0,v.withCtx)(({close:e})=>[(0,v.createVNode)(l,{label:``,"label-visible":!1,"show-list":!0,"click-on-select":!0,onEscape:t=>e()},{input:(0,v.withCtx)(({inputProps:e})=>[(0,v.createVNode)(s,(0,v.mergeProps)({ref_for:!0},e,{modelValue:i.fontStyleSearch,"onUpdate:modelValue":t[0]||(t[0]=e=>i.fontStyleSearch=e),"root-class":`d-p8 d-pb4 d-w216`,type:`search`,placeholder:i.i18n.$t(`DIALTONE_EDITOR_FONT_STYLE_SEARCH_PLACEHOLDER`),size:`sm`,role:`menuitem`}),{leftIcon:(0,v.withCtx)(({iconSize:e})=>[(0,v.createVNode)(o,{size:e},null,8,[`size`])]),_:1},16,[`modelValue`,`placeholder`])]),list:(0,v.withCtx)(({listProps:t})=>[(0,v.createElementVNode)(`ul`,(0,v.mergeProps)({ref_for:!0},t),[((0,v.openBlock)(!0),(0,v.createElementBlock)(v.Fragment,null,(0,v.renderList)(a.filteredFontStyles,t=>((0,v.openBlock)(),(0,v.createBlock)(c,{key:t.name,selected:a.isCurrentFontFamily(t.value),style:(0,v.normalizeStyle)({fontFamily:t.value||`inherit`}),role:`option`,"navigation-type":`arrow-keys`,onClick:n=>{e(a.focusEditor),a.onFontStyleSelect(t.value)}},{default:(0,v.withCtx)(()=>[(0,v.createTextVNode)((0,v.toDisplayString)(t.name),1)]),_:2},1032,[`selected`,`style`,`onClick`]))),128))],16)]),_:2},1032,[`onEscape`])]),_:1},8,[`is-active`,`tooltip-message`,`data-qa`,`tabindex`,`icon`,`onShiftFocusRight`,`onShiftFocusLeft`])):g.buttonType===`popover`&&g.selector===`fontSize`?((0,v.openBlock)(),(0,v.createBlock)(d,{key:a.getButtonKey(r.key,g.selector),ref_for:!0,ref:a.getButtonRef(r.key,g.selector),"is-active":e.$refs.richTextEditor?.editor?.isActive(g.selector),"tooltip-message":g.tooltipMessage,"data-qa":g.dataQA,"dropdown-data-qa":`dt-recipe-editor-font-size-input-popover`,tabindex:a.canFocus(a.getButtonRef(r.key,g.selector))?0:-1,icon:g.icon,onShiftFocusRight:a.shiftActionBarFocusRight,onShiftFocusLeft:a.shiftActionBarFocusLeft},{list:(0,v.withCtx)(({close:e})=>[((0,v.openBlock)(!0),(0,v.createElementBlock)(v.Fragment,null,(0,v.renderList)(n.fontSizes,t=>((0,v.openBlock)(),(0,v.createBlock)(c,{key:t.name,selected:a.isCurrentFontSize(t.value),role:`menuitem`,"navigation-type":`arrow-keys`,onClick:n=>{e(a.focusEditor),a.onFontSizeSelect(t.value,n)}},{default:(0,v.withCtx)(()=>[(0,v.createElementVNode)(`span`,{style:(0,v.normalizeStyle)({fontSize:t.value})},(0,v.toDisplayString)(t.name),5)]),_:2},1032,[`selected`,`onClick`]))),128))]),_:1},8,[`is-active`,`tooltip-message`,`data-qa`,`tabindex`,`icon`,`onShiftFocusRight`,`onShiftFocusLeft`])):g.buttonType===`custom`&&g.selector===`fontColor`?(0,v.withDirectives)(((0,v.openBlock)(),(0,v.createBlock)(f,{key:a.getButtonKey(r.key,g.selector),ref_for:!0,ref:a.getButtonRef(r.key,g.selector),kind:`muted`,importance:`clear`,size:`xs`,active:e.$refs.richTextEditor?.editor?.isActive(g.selector),tabindex:a.canFocus(a.getButtonRef(r.key,g.selector))?0:-1,"aria-label":g.tooltipMessage,"data-qa":g.dataQA,onKeydown:[(0,v.withKeys)((0,v.withModifiers)(a.shiftActionBarFocusRight,[`stop`]),[`right`]),(0,v.withKeys)((0,v.withModifiers)(a.shiftActionBarFocusLeft,[`stop`]),[`left`])],onClick:e=>g.onClick()},{icon:(0,v.withCtx)(()=>[((0,v.openBlock)(),(0,v.createBlock)((0,v.resolveDynamicComponent)(g.icon),{size:`200`,style:(0,v.normalizeStyle)(a.isDefaultFontColor?{}:{color:i.currentFontColor})},null,8,[`style`])),(0,v.createVNode)(s,{value:i.currentFontColor,"root-class":`d-w0 d-h0 d-of-hidden`,"input-class":`colorPickerInput d-w0 d-h0 d-p0 d-bar0`,"input-wrapper-class":`d-w0 d-h0 d-ba-none`,size:`sm`,type:`color`,onInput:a.onColorPickerInput,onClick:t[1]||(t[1]=(0,v.withModifiers)(()=>{},[`stop`]))},null,8,[`value`,`onInput`])]),_:2},1032,[`active`,`tabindex`,`aria-label`,`data-qa`,`onKeydown`,`onClick`])),[[S,{message:g.tooltipMessage,placement:`top`,externalAnchorElement:e.$refs[a.getButtonRef(r.key,g.selector)]?.$el}]]):g.buttonType===`popover`&&g.selector===`variable`?((0,v.openBlock)(),(0,v.createBlock)(u,{key:a.getButtonKey(r.key,g.selector),ref_for:!0,ref:a.getButtonRef(r.key,g.selector),"is-active":!1,"tooltip-message":g.tooltipMessage,"data-qa":g.dataQA,"popover-data-qa":`dt-recipe-editor-variable-popover`,tabindex:a.canFocus(a.getButtonRef(r.key,g.selector))?0:-1,icon:g.icon,onShiftFocusRight:a.shiftActionBarFocusRight,onShiftFocusLeft:a.shiftActionBarFocusLeft},{content:(0,v.withCtx)(({close:e})=>[(0,v.createVNode)(l,{label:``,"label-visible":!1,"show-list":!0,"click-on-select":!0,onEscape:t=>e()},{input:(0,v.withCtx)(({inputProps:e})=>[(0,v.createVNode)(s,(0,v.mergeProps)({ref_for:!0},e,{modelValue:i.variableSearchValue,"onUpdate:modelValue":t[2]||(t[2]=e=>i.variableSearchValue=e),"root-class":`d-p8 d-pb4 d-w264`,type:`search`,placeholder:i.i18n.$t(`DIALTONE_EDITOR_VARIABLE_POPOVER_SEARCH_PLACEHOLDER`),size:`md`,role:`menuitem`}),{leftIcon:(0,v.withCtx)(({iconSize:e})=>[(0,v.createVNode)(o,{size:e},null,8,[`size`])]),_:1},16,[`modelValue`,`placeholder`])]),list:(0,v.withCtx)(({listProps:t})=>[(0,v.createElementVNode)(`div`,(0,v.mergeProps)({ref_for:!0},t),[((0,v.openBlock)(!0),(0,v.createElementBlock)(v.Fragment,null,(0,v.renderList)(a.filteredCategories,(t,n)=>((0,v.openBlock)(),(0,v.createBlock)(m,{key:t.name,heading:t.name,"heading-class":`d-headline--sm-compact d-p8`},{default:(0,v.withCtx)(()=>[((0,v.openBlock)(!0),(0,v.createElementBlock)(v.Fragment,null,(0,v.renderList)(a.getFilteredItemsForCategory(t),n=>((0,v.openBlock)(),(0,v.createBlock)(c,{key:t.name+n.name,role:`option`,"navigation-type":`arrow-keys`,onClick:r=>{a.insertVariable(t.name,n),e(a.focusEditor)}},{default:(0,v.withCtx)(()=>[(0,v.createTextVNode)((0,v.toDisplayString)(n.name),1)]),_:2},1032,[`onClick`]))),128)),n<a.filteredCategories.length-1?((0,v.openBlock)(),(0,v.createBlock)(p,{key:0})):(0,v.createCommentVNode)(``,!0)]),_:2},1032,[`heading`]))),128))],16)]),_:2},1032,[`onEscape`])]),_:1},8,[`tooltip-message`,`data-qa`,`tabindex`,`icon`,`onShiftFocusRight`,`onShiftFocusLeft`])):g.buttonType===`button`?((0,v.openBlock)(),(0,v.createBlock)(h,{key:a.getButtonKey(r.key,g.selector),ref_for:!0,ref:a.getButtonRef(r.key,g.selector),"is-active":e.$refs.richTextEditor?.editor?.isActive(g.selector),"tooltip-message":g.tooltipMessage,"data-qa":g.dataQA,tabindex:a.canFocus(a.getButtonRef(r.key,g.selector))?0:-1,icon:g.icon,label:g.label,"on-click":g.onClick,onShiftFocusRight:a.shiftActionBarFocusRight,onShiftFocusLeft:a.shiftActionBarFocusLeft},null,8,[`is-active`,`tooltip-message`,`data-qa`,`tabindex`,`icon`,`label`,`on-click`,`onShiftFocusRight`,`onShiftFocusLeft`])):(0,v.createCommentVNode)(``,!0)],64))),256)),t[8]||(t[8]=(0,v.createElementVNode)(`div`,{class:`d-recipe-editor__button-group-divider`},null,-1))]),_:2},1024))),128)),a.linkButton.showBtn?((0,v.openBlock)(),(0,v.createBlock)(g,{key:0,direction:`row`,gap:`300`},{default:(0,v.withCtx)(()=>[(0,v.createVNode)(y,{open:i.showLinkInput,"show-close-button":!1,"data-qa":`dt-recipe-editor-link-input-popover`,padding:`none`,placement:`bottom-start`,onClick:[a.onInputFocus,(0,v.withModifiers)(a.onInputFocus,[`stop`])],onOpened:a.updateInput},{anchor:(0,v.withCtx)(()=>[((0,v.openBlock)(),(0,v.createBlock)(_,{key:a.linkButton.key,message:a.linkButton.tooltipMessage,placement:`top`},{anchor:(0,v.withCtx)(()=>[(0,v.createVNode)(f,{ref:a.getButtonRef(`custom`,`link`),active:e.$refs.richTextEditor?.editor?.isActive(a.linkButton.selector),"aria-label":a.linkButton.tooltipMessage,"data-qa":a.linkButton.dataQA,tabindex:a.canFocus(a.getButtonRef(`custom`,`link`))?0:-1,importance:`clear`,kind:`muted`,size:`xs`,onClick:t[3]||(t[3]=e=>a.linkButton.onClick()),onKeydown:[(0,v.withKeys)((0,v.withModifiers)(a.shiftActionBarFocusRight,[`stop`]),[`right`]),(0,v.withKeys)((0,v.withModifiers)(a.shiftActionBarFocusLeft,[`stop`]),[`left`])]},{icon:(0,v.withCtx)(()=>[((0,v.openBlock)(),(0,v.createBlock)((0,v.resolveDynamicComponent)(a.linkButton.icon),{size:`200`}))]),_:1},8,[`active`,`aria-label`,`data-qa`,`tabindex`,`onKeydown`])]),_:1},8,[`message`]))]),content:(0,v.withCtx)(()=>[(0,v.createElementVNode)(`div`,x,[(0,v.createElementVNode)(`span`,null,(0,v.toDisplayString)(a.showAddLinkButtonLabels.title),1),(0,v.createVNode)(s,{modelValue:i.linkInput,"onUpdate:modelValue":t[4]||(t[4]=e=>i.linkInput=e),"input-aria-label":a.showAddLinkButtonLabels[`aria-label`],placeholder:n.setLinkPlaceholder,"data-qa":`dt-recipe-editor-link-input`,"input-wrapper-class":`d-recipe-editor-link__input-wrapper`,onClick:[a.onInputFocus,(0,v.withModifiers)(a.onInputFocus,[`stop`])],onFocus:a.onInputFocus,onKeydown:(0,v.withKeys)(a.setLink,[`enter`])},null,8,[`modelValue`,`input-aria-label`,`placeholder`,`onClick`,`onFocus`,`onKeydown`])])]),footerContent:(0,v.withCtx)(()=>[(0,v.createVNode)(g,{direction:`row`,gap:`300`,class:`d-recipe-editor__popover-footer`},{default:(0,v.withCtx)(()=>[(0,v.createVNode)(f,(0,v.mergeProps)({"data-qa":`dt-recipe-editor-remove-link-btn`,importance:`clear`,kind:`muted`,size:`sm`},a.removeLinkButtonLabels,{onClick:a.removeLink}),{default:(0,v.withCtx)(()=>[(0,v.createTextVNode)((0,v.toDisplayString)(a.removeLinkButtonLabels.title),1)]),_:1},16,[`onClick`]),(0,v.createVNode)(f,(0,v.mergeProps)({"data-qa":`dt-recipe-editor-set-link-cancel-btn`,importance:`clear`,kind:`muted`,size:`sm`},a.cancelSetLinkButtonLabels,{onClick:a.closeLinkInput}),{default:(0,v.withCtx)(()=>[(0,v.createTextVNode)((0,v.toDisplayString)(a.cancelSetLinkButtonLabels.title),1)]),_:1},16,[`onClick`]),(0,v.createVNode)(f,(0,v.mergeProps)({"data-qa":`dt-recipe-editor-set-link-confirm-btn`,size:`sm`},a.confirmSetLinkButtonLabels,{onClick:a.setLink}),{default:(0,v.withCtx)(()=>[(0,v.createTextVNode)((0,v.toDisplayString)(a.confirmSetLinkButtonLabels.title),1)]),_:1},16,[`onClick`])]),_:1})]),_:1},8,[`open`,`onClick`,`onOpened`])]),_:1})):(0,v.createCommentVNode)(``,!0)]),_:1}),(0,v.createElementVNode)(`div`,{style:(0,v.normalizeStyle)({"max-height":n.maxHeight}),class:(0,v.normalizeClass)([`d-recipe-editor__content`,{"d-recipe-editor__content-image-resize":n.allowImageResize}])},[(0,v.createVNode)(b,(0,v.mergeProps)({ref:`richTextEditor`,modelValue:i.internalInputValue,"onUpdate:modelValue":t[5]||(t[5]=e=>i.internalInputValue=e),"allow-font-color":!0,"allow-font-family":!0,"allow-inline-images":!0,"allow-line-breaks":!0,"allow-variable":!0,"allow-font-size":n.showFontSizeButton,"allow-background-color":n.allowBackgroundColor,"allow-line-height":n.allowLineHeight,"variable-items":a.flattenedVariableItems,"hide-link-bubble-menu":!0,"auto-focus":n.autoFocus,editable:n.editable,"input-aria-label":n.inputAriaLabel,"input-class":`d-recipe-editor__content-input ${n.inputClass}`,link:!0,"output-format":a.htmlOutputFormat,placeholder:n.placeholder,"preserve-whitespace":n.preserveWhitespace,"use-div-tags":n.useDivTags,"allow-tables":n.allowTables,"allow-image-resize":n.allowImageResize,"data-qa":`dt-rich-text-editor`},a.removeClassStyleAttrs(e.$attrs),{onTextInput:a.onTextInput,onBlur:a.onBlur,onFocus:a.onFocus,onInput:t[6]||(t[6]=e=>a.onInput(e)),onSelected:a.onSelected}),null,16,[`modelValue`,`allow-font-size`,`allow-background-color`,`allow-line-height`,`variable-items`,`auto-focus`,`editable`,`input-aria-label`,`input-class`,`output-format`,`placeholder`,`preserve-whitespace`,`use-div-tags`,`allow-tables`,`allow-image-resize`,`onTextInput`,`onBlur`,`onFocus`,`onSelected`])],6)],16)}var C=t.t(b,[[`render`,S]]);exports.default=C;
+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(`../../localization/index.cjs`),r=require(`../button/button.cjs`),i=require(`../list-item/list-item.cjs`),a=require(`../../combobox-DhjZxfUw.cjs`),o=require(`../stack/stack.cjs`),s=require(`../tooltip/tooltip.cjs`),c=require(`../popover/popover.cjs`),l=require(`../dropdown/dropdown-separator.cjs`),u=require(`../input/input.cjs`),d=require(`../list-item-group/list-item-group.cjs`),f=require(`../../rich_text_editor-D5_gdzNn.cjs`),p=require(`../rich-text-editor/rich-text-editor-constants.cjs`);require(`../../markdownRenderer-PRpHJ151.cjs`);const m=require(`./editor-constants.cjs`),h=require(`./EditorToolbarButton.cjs`),g=require(`./EditorToolbarDropdownButton.cjs`),_=require(`./EditorToolbarPopoverButton.cjs`);let v=require(`vue`),y=require(`@dialpad/dialtone-icons/vue3`);var b={compatConfig:{MODE:3},name:`DtRecipeEditor`,components:{DtListItemGroup:d.default,DtDropdownSeparator:l.default,DtListItem:i.default,DtRichTextEditor:f.t,DtButton:r.default,DtPopover:c.default,DtStack:o.default,DtInput:u.default,DtTooltip:s.default,DtCombobox:a.t,EditorToolbarButton:h.default,EditorToolbarDropdownButton:g.default,EditorToolbarPopoverButton:_.default,DtIconQuickReply:y.DtIconQuickReply,DtIconBold:y.DtIconBold,DtIconItalic:y.DtIconItalic,DtIconUnderline:y.DtIconUnderline,DtIconStrikethrough:y.DtIconStrikethrough,DtIconListBullet:y.DtIconListBullet,DtIconListOrdered:y.DtIconListOrdered,DtIconAlignLeft:y.DtIconAlignLeft,DtIconAlignCenter:y.DtIconAlignCenter,DtIconAlignRight:y.DtIconAlignRight,DtIconAlignJustify:y.DtIconAlignJustify,DtIconQuote:y.DtIconQuote,DtIconCodeBlock:y.DtIconCodeBlock,DtIconLink2:y.DtIconLink2,DtIconImage:y.DtIconImage,DtIconSearch:y.DtIconSearch,DtIconType:y.DtIconType,DtIconBraces:y.DtIconBraces,DtIconChevronDown:y.DtIconChevronDown,DtIconFontSize:y.DtIconFontSize,DtIconStopFilled:y.DtIconStopFilled},mixins:[],inheritAttrs:!1,props:{modelValue:{type:[Object,String],default:``},editable:{type:Boolean,default:!0},inputAriaLabel:{type:String,required:!0,default:``},inputClass:{type:String,default:``},autoFocus:{type:[Boolean,String,Number],default:!1,validator(e){return typeof e==`string`?p.RICH_TEXT_EDITOR_AUTOFOCUS_TYPES.includes(e):!0}},placeholder:{type:String,default:``},maxHeight:{type:String,default:`unset`},setLinkPlaceholder:{type:String,default:``},showBoldButton:{type:Boolean,default:!0},showItalicsButton:{type:Boolean,default:!0},showUnderlineButton:{type:Boolean,default:!0},showStrikeButton:{type:Boolean,default:!0},showListItemsButton:{type:Boolean,default:!0},showOrderedListButton:{type:Boolean,default:!0},showAlignLeftButton:{type:Boolean,default:!0},showAlignCenterButton:{type:Boolean,default:!0},showAlignRightButton:{type:Boolean,default:!0},showAlignJustifyButton:{type:Boolean,default:!0},showQuoteButton:{type:Boolean,default:!0},showCodeBlockButton:{type:Boolean,default:!0},showQuickRepliesButton:{type:Boolean,default:!0},showInlineImageButton:{type:Boolean,default:!1},showVariableButton:{type:Boolean,default:!1},variableCategories:{type:Array,default:()=>[]},showAddLink:{type:Object,default:()=>({showAddLinkButton:!0})},showFontStyleButton:{type:Boolean,default:!1},showFontSizeButton:{type:Boolean,default:!1},showFontColorButton:{type:Boolean,default:!1},fontStyles:{type:Array,default:()=>[{name:`Arial`,value:null},{name:`Georgia`,value:`Georgia`},{name:`Helvetica`,value:`Helvetica`},{name:`Verdana`,value:`Verdana`},{name:`Times New Roman`,value:`Times New Roman`}]},fontSizes:{type:Array,default:()=>[{name:`Small`,value:`12px`},{name:`Normal`,value:`15px`},{name:`Large`,value:`24px`},{name:`Huge`,value:`36px`}]},allowBackgroundColor:{type:Boolean,default:!1},allowLineHeight:{type:Boolean,default:!1},preserveWhitespace:{type:[Boolean,String],default:`full`},useDivTags:{type:Boolean,default:!1},allowTables:{type:Boolean,default:!1},allowImageResize:{type:Boolean,default:!1}},emits:[`focus`,`blur`,`input`,`update:modelValue`,`quick-replies-click`,`inline-image-click`,`text-input`],data(){return{internalInputValue:this.modelValue,hasFocus:!1,linkOptions:{class:`d-recipe-editor__link`},currentFontColor:void 0,showLinkInput:!1,fontStyleSearch:``,linkInput:``,currentButtonRefIndex:0,variableSearchValue:``,i18n:new n.DialtoneLocalization}},computed:{inputLength(){return this.internalInputValue.length},htmlOutputFormat(){return p.RICH_TEXT_EDITOR_OUTPUT_FORMATS[2]},flattenedVariableItems(){return this.variableCategories?this.variableCategories.reduce((e,t)=>e.concat(t.items||[]),[]):[]},showingTextFormatButtons(){return this.showBoldButton||this.showItalicsButton||this.showStrikeButton||this.showUnderlineButton},showingAlignmentButtons(){return this.showAlignLeftButton||this.showAlignCenterButton||this.showAlignRightButton||this.showAlignJustifyButton},showingListButtons(){return this.showListItemsButton||this.showOrderedListButton},orderedRefs(){let e=this.buttonGroups.reduce(function(e,t){return t.buttonGroup.forEach(n=>{e.push(this.getButtonRef(t.key,n.selector))},this),e}.bind(this),[]);return e.push(this.getButtonRef(`custom`,`link`)),e},buttonGroups(){let e=this.individualButtons.map(e=>({key:e.selector,buttonGroup:[e]}));return[{key:`new`,buttonGroup:this.newButtons},{key:`format`,buttonGroup:this.textFormatButtons},{key:`alignment`,buttonGroup:this.alignmentButtons},{key:`list`,buttonGroup:this.listButtons},...e].filter(e=>e.buttonGroup.length>0)},newButtons(){return[{showBtn:this.showQuickRepliesButton,buttonType:`button`,label:this.i18n.$t(`DIALTONE_EDITOR_QUICK_REPLY_BUTTON_LABEL`),selector:`quickReplies`,icon:y.DtIconQuickReply,dataQA:`dt-recipe-editor-quick-replies-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_QUICK_REPLY_BUTTON_LABEL`),onClick:this.onQuickRepliesClick}].filter(e=>e.showBtn)},textFormatButtons(){return[{showBtn:this.showFontStyleButton,buttonType:`popover`,selector:`fontStyle`,icon:y.DtIconType,dataQA:`dt-recipe-editor-font-style-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_FONT_STYLE_BUTTON_LABEL`)},{showBtn:this.showFontSizeButton,buttonType:`popover`,selector:`fontSize`,icon:y.DtIconFontSize,dataQA:`dt-recipe-editor-font-size-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_FONT_SIZE_BUTTON_LABEL`)},{showBtn:this.showFontColorButton,buttonType:`custom`,selector:`fontColor`,icon:y.DtIconStopFilled,dataQA:`dt-recipe-editor-font-color-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_FONT_COLOR_BUTTON_LABEL`),onClick:this.onColorPickerButtonClick},{showBtn:this.showBoldButton,buttonType:`button`,selector:`bold`,icon:y.DtIconBold,dataQA:`dt-recipe-editor-bold-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_BOLD_BUTTON_LABEL`),onClick:this.onBoldTextToggle},{showBtn:this.showItalicsButton,buttonType:`button`,selector:`italic`,icon:y.DtIconItalic,dataQA:`dt-recipe-editor-italics-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_ITALICS_BUTTON_LABEL`),onClick:this.onItalicTextToggle},{showBtn:this.showUnderlineButton,buttonType:`button`,selector:`underline`,icon:y.DtIconUnderline,dataQA:`dt-recipe-editor-underline-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_UNDERLINE_BUTTON_LABEL`),onClick:this.onUnderlineTextToggle},{showBtn:this.showStrikeButton,buttonType:`button`,selector:`strike`,icon:y.DtIconStrikethrough,dataQA:`dt-recipe-editor-strike-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_STRIKE_BUTTON_LABEL`),onClick:this.onStrikethroughTextToggle}].filter(e=>e.showBtn)},alignmentButtons(){return[{showBtn:this.showAlignLeftButton,buttonType:`button`,selector:{textAlign:`left`},icon:y.DtIconAlignLeft,dataQA:`dt-recipe-editor-align-left-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_ALIGN_LEFT_BUTTON_LABEL`),onClick:()=>this.onTextAlign(`left`)},{showBtn:this.showAlignCenterButton,buttonType:`button`,selector:{textAlign:`center`},icon:y.DtIconAlignCenter,dataQA:`dt-recipe-editor-align-center-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_ALIGN_CENTER_BUTTON_LABEL`),onClick:()=>this.onTextAlign(`center`)},{showBtn:this.showAlignRightButton,buttonType:`button`,selector:{textAlign:`right`},icon:y.DtIconAlignRight,dataQA:`dt-recipe-editor-align-right-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_ALIGN_RIGHT_BUTTON_LABEL`),onClick:()=>this.onTextAlign(`right`)},{showBtn:this.showAlignJustifyButton,buttonType:`button`,selector:{textAlign:`justify`},icon:y.DtIconAlignJustify,dataQA:`dt-recipe-editor-align-justify-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_ALIGN_JUSTIFY_BUTTON_LABEL`),onClick:()=>this.onTextAlign(`justify`)}].filter(e=>e.showBtn)},listButtons(){return[{showBtn:this.showListItemsButton,buttonType:`button`,selector:`bulletList`,icon:y.DtIconListBullet,dataQA:`dt-recipe-editor-list-items-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_BULLET_LIST_BUTTON_LABEL`),onClick:this.onBulletListToggle},{showBtn:this.showOrderedListButton,buttonType:`button`,selector:`orderedList`,icon:y.DtIconListOrdered,dataQA:`dt-recipe-editor-ordered-list-items-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_ORDERED_LIST_BUTTON_LABEL`),onClick:this.onOrderedListToggle}].filter(e=>e.showBtn)},individualButtons(){return[{showBtn:this.showQuoteButton,buttonType:`button`,selector:`blockquote`,icon:y.DtIconQuote,dataQA:`dt-recipe-editor-blockquote-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_QUOTE_BUTTON_LABEL`),onClick:this.onBlockquoteToggle},{showBtn:this.showCodeBlockButton,buttonType:`button`,selector:`codeBlock`,icon:y.DtIconCodeBlock,dataQA:`dt-recipe-editor-code-block-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_CODE_BUTTON_LABEL`),onClick:this.onCodeBlockToggle},{showBtn:this.showInlineImageButton,buttonType:`button`,selector:`image`,icon:y.DtIconImage,dataQA:`dt-recipe-editor-inline-image-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_IMAGE_BUTTON_LABEL`),onClick:this.onInsertInlineImageClick},{showBtn:this.showVariableButton,buttonType:`popover`,selector:`variable`,icon:y.DtIconBraces,dataQA:`dt-recipe-editor-variable-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_VARIABLE_BUTTON_LABEL`)}].filter(e=>e.showBtn)},linkButton(){return{showBtn:this.showAddLink.showAddLinkButton,buttonType:`custom`,selector:`link`,icon:y.DtIconLink2,dataQA:`dt-recipe-editor-add-link-btn`,tooltipMessage:this.i18n.$t(`DIALTONE_EDITOR_LINK_BUTTON_LABEL`),onClick:this.openLinkInput}},confirmSetLinkButtonLabels(){return this.i18n.$ta(`DIALTONE_EDITOR_CONFIRM_SET_LINK_BUTTON`)},cancelSetLinkButtonLabels(){return this.i18n.$ta(`DIALTONE_EDITOR_CANCEL_SET_LINK_BUTTON`)},removeLinkButtonLabels(){return this.i18n.$ta(`DIALTONE_EDITOR_REMOVE_LINK_BUTTON`)},showAddLinkButtonLabels(){return this.i18n.$ta(`DIALTONE_EDITOR_ADD_LINK_BUTTON`)},filteredFontStyles(){let e=this.fontStyleSearch.toLowerCase();return this.fontStyles.filter(t=>t.name.toLowerCase().includes(e))},filteredCategories(){return this.variableCategories.filter(e=>this.getFilteredItemsForCategory(e).length)},colorPickerInput(){return this.$refs.editorRoot?.querySelector(`.colorPickerInput`)},isDefaultFontColor(){return this.currentFontColor===m.EDITOR_DEFAULT_FONT_COLOR},actionBarBtn(){let e=this.$refs[this.orderedRefs[this.currentButtonRefIndex]][0]?.$refs?.buttonRef||this.$refs[this.orderedRefs[this.currentButtonRefIndex]];return Array.isArray(e)?e[0]:e}},watch:{modelValue(e){this.internalInputValue=e}},methods:{removeClassStyleAttrs:e.removeClassStyleAttrs,addClassStyleAttrs:e.addClassStyleAttrs,focusEditor(){this.$refs.richTextEditor?.editor?.commands.focus()},onInputFocus(e){e?.stopPropagation()},removeLink(){this.$refs.richTextEditor?.editor?.chain()?.focus()?.unsetLink()?.run(),this.closeLinkInput()},setLink(e){let t=this.$refs.richTextEditor?.editor;if(e?.preventDefault(),e?.stopPropagation(),!this.linkInput){this.removeLink();return}m.EDITOR_SUPPORTED_LINK_PROTOCOLS.find(e=>e.test(this.linkInput))||(this.linkInput=`${m.EDITOR_DEFAULT_LINK_PREFIX}${this.linkInput}`);let n=t?.view?.state?.selection;n.anchor===n.head?t.chain().focus().insertContentAt(n.anchor,`<a class="${this.linkOptions.class}" href=${this.linkInput}>${this.linkInput}</a>`).run():t.chain().focus().extendMarkRange(`link`).setLink({href:this.linkInput,class:this.linkOptions.class}).run(),this.closeLinkInput()},openLinkInput(){this.showLinkInput=!0},updateInput(e){if(!e)return this.closeLinkInput();this.linkInput=this.$refs.richTextEditor?.editor?.getAttributes(`link`)?.href},closeLinkInput(){this.showLinkInput=!1,this.linkInput=``,this.$refs.richTextEditor.editor?.chain().focus()},onBoldTextToggle(){this.$refs.richTextEditor?.editor?.chain().focus().toggleBold().run()},onItalicTextToggle(){this.$refs.richTextEditor?.editor.chain().focus().toggleItalic().run()},onUnderlineTextToggle(){this.$refs.richTextEditor?.editor.chain().focus().toggleUnderline().run()},onStrikethroughTextToggle(){this.$refs.richTextEditor?.editor.chain().focus().toggleStrike().run()},onTextAlign(e){if(this.$refs.richTextEditor?.editor?.isActive({textAlign:e}))return this.$refs.richTextEditor?.editor.chain().focus().unsetTextAlign().run();this.$refs.richTextEditor?.editor.chain().focus().setTextAlign(e).run()},onBulletListToggle(){this.$refs.richTextEditor?.editor.chain().focus().toggleBulletList().run()},onOrderedListToggle(){this.$refs.richTextEditor?.editor.chain().focus().toggleOrderedList().run()},onCodeBlockToggle(){this.$refs.richTextEditor?.editor.chain().focus().toggleCodeBlock().run()},onQuickRepliesClick(){this.$emit(`quick-replies-click`)},onInsertInlineImageClick(){this.$emit(`inline-image-click`)},insertVariable(e,t){this.$refs.richTextEditor?.editor.chain().focus().insertVariable({id:t.id,placeholder:t.placeholder||``,altText:``,enableAltText:t.enableAltText}).run()},insertInlineImage(e){this.$refs.richTextEditor?.editor.chain().focus().setImage({src:e}).run()},insertInMessageBody(e){this.$refs.richTextEditor?.editor.chain().focus().insertContent(e).run()},setCursorPosition(e=null){this.$refs.richTextEditor?.editor.chain().focus(e).run()},onBlockquoteToggle(){this.$refs.richTextEditor?.editor.chain().focus().toggleBlockquote().run()},onTextInput(e){this.$emit(`text-input`,e)},onFocus(e){this.hasFocus=!0,this.$emit(`focus`,e)},onBlur(e){this.hasFocus=!1,this.$emit(`blur`,e)},onInput(e){this.$emit(`input`,e),this.$emit(`update:modelValue`,e)},onSelected(){this.updateFontColorInput()},getButtonKey(e,t){return`${e}-${JSON.stringify(t)}`},getButtonRef(e,t){return`${this.getButtonKey(e,t)}-ref`},canFocus(e){return e===this.orderedRefs[this.currentButtonRefIndex]},shiftActionBarFocusRight(){this.shiftButtonRefIndex(1)},shiftActionBarFocusLeft(){this.shiftButtonRefIndex(-1)},shiftButtonRefIndex(e){let t=this.actionBarBtn,n=(this.currentButtonRefIndex+e)%this.orderedRefs.length;this.currentButtonRefIndex=n>=0?n:this.orderedRefs.length+n;let r=this.actionBarBtn;t.$el.blur(),r.$el.focus()},onFontStyleSelect(e){e?this.$refs.richTextEditor?.editor?.chain().focus().setFontFamily(e).run():this.$refs.richTextEditor?.editor?.chain().focus().unsetFontFamily().run(),this.$refs.richTextEditor?.editor?.commands.focus()},isCurrentFontFamily(e){return e?this.$refs.richTextEditor?.editor?.isActive(`textStyle`,{fontFamily:e}):!this.$refs.richTextEditor?.editor?.getAttributes(`textStyle`)?.fontFamily},onFontSizeSelect(e){this.$refs.richTextEditor?.editor?.chain().focus().setFontSize(e).run(),this.$refs.richTextEditor?.editor?.commands.focus()},isCurrentFontSize(e){return e?this.$refs.richTextEditor?.editor?.isActive(`textStyle`,{fontSize:e}):!this.$refs.richTextEditor?.editor?.getAttributes(`textStyle`)?.fontSize},getFilteredItemsForCategory(e){let t=this.variableSearchValue.toLowerCase();return e.name.toLowerCase().includes(t)?e.items:e.items.filter(e=>e.name.toLowerCase().includes(t))},updateFontColorInput(){this.currentFontColor=this.$refs.richTextEditor?.editor?.getAttributes(`textStyle`)?.color||`#000000`},onColorPickerButtonClick(){this.colorPickerInput?.click()},onColorPickerInput(e){this.$refs.richTextEditor?.editor?.chain().focus().setColor(e).run(),this.$refs.richTextEditor?.editor?.commands.focus(),this.updateFontColorInput()}}},x={class:`d-recipe-editor__popover-content`};function S(e,t,n,r,i,a){let o=(0,v.resolveComponent)(`dt-icon-search`),s=(0,v.resolveComponent)(`dt-input`),c=(0,v.resolveComponent)(`dt-list-item`),l=(0,v.resolveComponent)(`dt-combobox`),u=(0,v.resolveComponent)(`editor-toolbar-popover-button`),d=(0,v.resolveComponent)(`editor-toolbar-dropdown-button`),f=(0,v.resolveComponent)(`dt-button`),p=(0,v.resolveComponent)(`dt-dropdown-separator`),m=(0,v.resolveComponent)(`dt-list-item-group`),h=(0,v.resolveComponent)(`editor-toolbar-button`),g=(0,v.resolveComponent)(`dt-stack`),_=(0,v.resolveComponent)(`dt-tooltip`),y=(0,v.resolveComponent)(`dt-popover`),b=(0,v.resolveComponent)(`dt-rich-text-editor`),S=(0,v.resolveDirective)(`dt-tooltip`);return(0,v.openBlock)(),(0,v.createElementBlock)(`div`,(0,v.mergeProps)({ref:`editorRoot`,class:`d-recipe-editor`},a.addClassStyleAttrs(e.$attrs),{"data-qa":`dt-recipe-editor`,role:`presentation`,onClick:t[7]||(t[7]=t=>e.$refs.richTextEditor.focusEditor())}),[(0,v.createVNode)(g,{class:`d-recipe-editor__top-bar`,direction:`row`,gap:`450`},{default:(0,v.withCtx)(()=>[((0,v.openBlock)(!0),(0,v.createElementBlock)(v.Fragment,null,(0,v.renderList)(a.buttonGroups,r=>((0,v.openBlock)(),(0,v.createBlock)(g,{key:r.key,direction:`row`,gap:`300`},{default:(0,v.withCtx)(()=>[((0,v.openBlock)(!0),(0,v.createElementBlock)(v.Fragment,null,(0,v.renderList)(r.buttonGroup,g=>((0,v.openBlock)(),(0,v.createElementBlock)(v.Fragment,null,[g.buttonType===`popover`&&g.selector===`fontStyle`?((0,v.openBlock)(),(0,v.createBlock)(u,{key:a.getButtonKey(r.key,g.selector),ref_for:!0,ref:a.getButtonRef(r.key,g.selector),"is-active":e.$refs.richTextEditor?.editor?.isActive(g.selector),"tooltip-message":g.tooltipMessage,"data-qa":g.dataQA,"popover-data-qa":`dt-recipe-editor-font-style-input-popover`,tabindex:a.canFocus(a.getButtonRef(r.key,g.selector))?0:-1,icon:g.icon,onShiftFocusRight:a.shiftActionBarFocusRight,onShiftFocusLeft:a.shiftActionBarFocusLeft},{content:(0,v.withCtx)(({close:e})=>[(0,v.createVNode)(l,{label:``,"label-visible":!1,"show-list":!0,"click-on-select":!0,onEscape:t=>e()},{input:(0,v.withCtx)(({inputProps:e})=>[(0,v.createVNode)(s,(0,v.mergeProps)({ref_for:!0},e,{modelValue:i.fontStyleSearch,"onUpdate:modelValue":t[0]||(t[0]=e=>i.fontStyleSearch=e),"root-class":`d-p8 d-pb4 d-w216`,type:`search`,placeholder:i.i18n.$t(`DIALTONE_EDITOR_FONT_STYLE_SEARCH_PLACEHOLDER`),size:`sm`,role:`menuitem`}),{leftIcon:(0,v.withCtx)(({iconSize:e})=>[(0,v.createVNode)(o,{size:e},null,8,[`size`])]),_:1},16,[`modelValue`,`placeholder`])]),list:(0,v.withCtx)(({listProps:t})=>[(0,v.createElementVNode)(`ul`,(0,v.mergeProps)({ref_for:!0},t),[((0,v.openBlock)(!0),(0,v.createElementBlock)(v.Fragment,null,(0,v.renderList)(a.filteredFontStyles,t=>((0,v.openBlock)(),(0,v.createBlock)(c,{key:t.name,selected:a.isCurrentFontFamily(t.value),style:(0,v.normalizeStyle)({fontFamily:t.value||`inherit`}),role:`option`,"navigation-type":`arrow-keys`,onClick:n=>{e(a.focusEditor),a.onFontStyleSelect(t.value)}},{default:(0,v.withCtx)(()=>[(0,v.createTextVNode)((0,v.toDisplayString)(t.name),1)]),_:2},1032,[`selected`,`style`,`onClick`]))),128))],16)]),_:2},1032,[`onEscape`])]),_:1},8,[`is-active`,`tooltip-message`,`data-qa`,`tabindex`,`icon`,`onShiftFocusRight`,`onShiftFocusLeft`])):g.buttonType===`popover`&&g.selector===`fontSize`?((0,v.openBlock)(),(0,v.createBlock)(d,{key:a.getButtonKey(r.key,g.selector),ref_for:!0,ref:a.getButtonRef(r.key,g.selector),"is-active":e.$refs.richTextEditor?.editor?.isActive(g.selector),"tooltip-message":g.tooltipMessage,"data-qa":g.dataQA,"dropdown-data-qa":`dt-recipe-editor-font-size-input-popover`,tabindex:a.canFocus(a.getButtonRef(r.key,g.selector))?0:-1,icon:g.icon,onShiftFocusRight:a.shiftActionBarFocusRight,onShiftFocusLeft:a.shiftActionBarFocusLeft},{list:(0,v.withCtx)(({close:e})=>[((0,v.openBlock)(!0),(0,v.createElementBlock)(v.Fragment,null,(0,v.renderList)(n.fontSizes,t=>((0,v.openBlock)(),(0,v.createBlock)(c,{key:t.name,selected:a.isCurrentFontSize(t.value),role:`menuitem`,"navigation-type":`arrow-keys`,onClick:n=>{e(a.focusEditor),a.onFontSizeSelect(t.value,n)}},{default:(0,v.withCtx)(()=>[(0,v.createElementVNode)(`span`,{style:(0,v.normalizeStyle)({fontSize:t.value})},(0,v.toDisplayString)(t.name),5)]),_:2},1032,[`selected`,`onClick`]))),128))]),_:1},8,[`is-active`,`tooltip-message`,`data-qa`,`tabindex`,`icon`,`onShiftFocusRight`,`onShiftFocusLeft`])):g.buttonType===`custom`&&g.selector===`fontColor`?(0,v.withDirectives)(((0,v.openBlock)(),(0,v.createBlock)(f,{key:a.getButtonKey(r.key,g.selector),ref_for:!0,ref:a.getButtonRef(r.key,g.selector),kind:`muted`,importance:`clear`,size:`xs`,active:e.$refs.richTextEditor?.editor?.isActive(g.selector),tabindex:a.canFocus(a.getButtonRef(r.key,g.selector))?0:-1,"aria-label":g.tooltipMessage,"data-qa":g.dataQA,onKeydown:[(0,v.withKeys)((0,v.withModifiers)(a.shiftActionBarFocusRight,[`stop`]),[`right`]),(0,v.withKeys)((0,v.withModifiers)(a.shiftActionBarFocusLeft,[`stop`]),[`left`])],onClick:e=>g.onClick()},{icon:(0,v.withCtx)(()=>[((0,v.openBlock)(),(0,v.createBlock)((0,v.resolveDynamicComponent)(g.icon),{size:`200`,style:(0,v.normalizeStyle)(a.isDefaultFontColor?{}:{color:i.currentFontColor})},null,8,[`style`])),(0,v.createVNode)(s,{value:i.currentFontColor,"root-class":`d-w0 d-h0 d-of-hidden`,"input-class":`colorPickerInput d-w0 d-h0 d-p0 d-bar0`,"input-wrapper-class":`d-w0 d-h0 d-ba-none`,size:`sm`,type:`color`,onInput:a.onColorPickerInput,onClick:t[1]||(t[1]=(0,v.withModifiers)(()=>{},[`stop`]))},null,8,[`value`,`onInput`])]),_:2},1032,[`active`,`tabindex`,`aria-label`,`data-qa`,`onKeydown`,`onClick`])),[[S,{message:g.tooltipMessage,placement:`top`,externalAnchorElement:e.$refs[a.getButtonRef(r.key,g.selector)]?.$el}]]):g.buttonType===`popover`&&g.selector===`variable`?((0,v.openBlock)(),(0,v.createBlock)(u,{key:a.getButtonKey(r.key,g.selector),ref_for:!0,ref:a.getButtonRef(r.key,g.selector),"is-active":!1,"tooltip-message":g.tooltipMessage,"data-qa":g.dataQA,"popover-data-qa":`dt-recipe-editor-variable-popover`,tabindex:a.canFocus(a.getButtonRef(r.key,g.selector))?0:-1,icon:g.icon,onShiftFocusRight:a.shiftActionBarFocusRight,onShiftFocusLeft:a.shiftActionBarFocusLeft},{content:(0,v.withCtx)(({close:e})=>[(0,v.createVNode)(l,{label:``,"label-visible":!1,"show-list":!0,"click-on-select":!0,onEscape:t=>e()},{input:(0,v.withCtx)(({inputProps:e})=>[(0,v.createVNode)(s,(0,v.mergeProps)({ref_for:!0},e,{modelValue:i.variableSearchValue,"onUpdate:modelValue":t[2]||(t[2]=e=>i.variableSearchValue=e),"root-class":`d-p8 d-pb4 d-w264`,type:`search`,placeholder:i.i18n.$t(`DIALTONE_EDITOR_VARIABLE_POPOVER_SEARCH_PLACEHOLDER`),size:`md`,role:`menuitem`}),{leftIcon:(0,v.withCtx)(({iconSize:e})=>[(0,v.createVNode)(o,{size:e},null,8,[`size`])]),_:1},16,[`modelValue`,`placeholder`])]),list:(0,v.withCtx)(({listProps:t})=>[(0,v.createElementVNode)(`div`,(0,v.mergeProps)({ref_for:!0},t),[((0,v.openBlock)(!0),(0,v.createElementBlock)(v.Fragment,null,(0,v.renderList)(a.filteredCategories,(t,n)=>((0,v.openBlock)(),(0,v.createBlock)(m,{key:t.name,heading:t.name,"heading-class":`d-headline--sm-compact d-p8`},{default:(0,v.withCtx)(()=>[((0,v.openBlock)(!0),(0,v.createElementBlock)(v.Fragment,null,(0,v.renderList)(a.getFilteredItemsForCategory(t),n=>((0,v.openBlock)(),(0,v.createBlock)(c,{key:t.name+n.name,role:`option`,"navigation-type":`arrow-keys`,onClick:r=>{a.insertVariable(t.name,n),e(a.focusEditor)}},{default:(0,v.withCtx)(()=>[(0,v.createTextVNode)((0,v.toDisplayString)(n.name),1)]),_:2},1032,[`onClick`]))),128)),n<a.filteredCategories.length-1?((0,v.openBlock)(),(0,v.createBlock)(p,{key:0})):(0,v.createCommentVNode)(``,!0)]),_:2},1032,[`heading`]))),128))],16)]),_:2},1032,[`onEscape`])]),_:1},8,[`tooltip-message`,`data-qa`,`tabindex`,`icon`,`onShiftFocusRight`,`onShiftFocusLeft`])):g.buttonType===`button`?((0,v.openBlock)(),(0,v.createBlock)(h,{key:a.getButtonKey(r.key,g.selector),ref_for:!0,ref:a.getButtonRef(r.key,g.selector),"is-active":e.$refs.richTextEditor?.editor?.isActive(g.selector),"tooltip-message":g.tooltipMessage,"data-qa":g.dataQA,tabindex:a.canFocus(a.getButtonRef(r.key,g.selector))?0:-1,icon:g.icon,label:g.label,"on-click":g.onClick,onShiftFocusRight:a.shiftActionBarFocusRight,onShiftFocusLeft:a.shiftActionBarFocusLeft},null,8,[`is-active`,`tooltip-message`,`data-qa`,`tabindex`,`icon`,`label`,`on-click`,`onShiftFocusRight`,`onShiftFocusLeft`])):(0,v.createCommentVNode)(``,!0)],64))),256)),t[8]||(t[8]=(0,v.createElementVNode)(`div`,{class:`d-recipe-editor__button-group-divider`},null,-1))]),_:2},1024))),128)),a.linkButton.showBtn?((0,v.openBlock)(),(0,v.createBlock)(g,{key:0,direction:`row`,gap:`300`},{default:(0,v.withCtx)(()=>[(0,v.createVNode)(y,{open:i.showLinkInput,"show-close-button":!1,"data-qa":`dt-recipe-editor-link-input-popover`,padding:`none`,placement:`bottom-start`,onClick:[a.onInputFocus,(0,v.withModifiers)(a.onInputFocus,[`stop`])],onOpened:a.updateInput},{anchor:(0,v.withCtx)(()=>[((0,v.openBlock)(),(0,v.createBlock)(_,{key:a.linkButton.key,message:a.linkButton.tooltipMessage,placement:`top`},{anchor:(0,v.withCtx)(()=>[(0,v.createVNode)(f,{ref:a.getButtonRef(`custom`,`link`),active:e.$refs.richTextEditor?.editor?.isActive(a.linkButton.selector),"aria-label":a.linkButton.tooltipMessage,"data-qa":a.linkButton.dataQA,tabindex:a.canFocus(a.getButtonRef(`custom`,`link`))?0:-1,importance:`clear`,kind:`muted`,size:`xs`,onClick:t[3]||(t[3]=e=>a.linkButton.onClick()),onKeydown:[(0,v.withKeys)((0,v.withModifiers)(a.shiftActionBarFocusRight,[`stop`]),[`right`]),(0,v.withKeys)((0,v.withModifiers)(a.shiftActionBarFocusLeft,[`stop`]),[`left`])]},{icon:(0,v.withCtx)(()=>[((0,v.openBlock)(),(0,v.createBlock)((0,v.resolveDynamicComponent)(a.linkButton.icon),{size:`200`}))]),_:1},8,[`active`,`aria-label`,`data-qa`,`tabindex`,`onKeydown`])]),_:1},8,[`message`]))]),content:(0,v.withCtx)(()=>[(0,v.createElementVNode)(`div`,x,[(0,v.createElementVNode)(`span`,null,(0,v.toDisplayString)(a.showAddLinkButtonLabels.title),1),(0,v.createVNode)(s,{modelValue:i.linkInput,"onUpdate:modelValue":t[4]||(t[4]=e=>i.linkInput=e),"input-aria-label":a.showAddLinkButtonLabels[`aria-label`],placeholder:n.setLinkPlaceholder,"data-qa":`dt-recipe-editor-link-input`,"input-wrapper-class":`d-recipe-editor-link__input-wrapper`,onClick:[a.onInputFocus,(0,v.withModifiers)(a.onInputFocus,[`stop`])],onFocus:a.onInputFocus,onKeydown:(0,v.withKeys)(a.setLink,[`enter`])},null,8,[`modelValue`,`input-aria-label`,`placeholder`,`onClick`,`onFocus`,`onKeydown`])])]),footerContent:(0,v.withCtx)(()=>[(0,v.createVNode)(g,{direction:`row`,gap:`300`,class:`d-recipe-editor__popover-footer`},{default:(0,v.withCtx)(()=>[(0,v.createVNode)(f,(0,v.mergeProps)({"data-qa":`dt-recipe-editor-remove-link-btn`,importance:`clear`,kind:`muted`,size:`sm`},a.removeLinkButtonLabels,{onClick:a.removeLink}),{default:(0,v.withCtx)(()=>[(0,v.createTextVNode)((0,v.toDisplayString)(a.removeLinkButtonLabels.title),1)]),_:1},16,[`onClick`]),(0,v.createVNode)(f,(0,v.mergeProps)({"data-qa":`dt-recipe-editor-set-link-cancel-btn`,importance:`clear`,kind:`muted`,size:`sm`},a.cancelSetLinkButtonLabels,{onClick:a.closeLinkInput}),{default:(0,v.withCtx)(()=>[(0,v.createTextVNode)((0,v.toDisplayString)(a.cancelSetLinkButtonLabels.title),1)]),_:1},16,[`onClick`]),(0,v.createVNode)(f,(0,v.mergeProps)({"data-qa":`dt-recipe-editor-set-link-confirm-btn`,size:`sm`},a.confirmSetLinkButtonLabels,{onClick:a.setLink}),{default:(0,v.withCtx)(()=>[(0,v.createTextVNode)((0,v.toDisplayString)(a.confirmSetLinkButtonLabels.title),1)]),_:1},16,[`onClick`])]),_:1})]),_:1},8,[`open`,`onClick`,`onOpened`])]),_:1})):(0,v.createCommentVNode)(``,!0)]),_:1}),(0,v.createElementVNode)(`div`,{style:(0,v.normalizeStyle)({"max-height":n.maxHeight}),class:(0,v.normalizeClass)([`d-recipe-editor__content`,{"d-recipe-editor__content-image-resize":n.allowImageResize}])},[(0,v.createVNode)(b,(0,v.mergeProps)({ref:`richTextEditor`,modelValue:i.internalInputValue,"onUpdate:modelValue":t[5]||(t[5]=e=>i.internalInputValue=e),"allow-font-color":!0,"allow-font-family":!0,"allow-inline-images":!0,"allow-line-breaks":!0,"allow-variable":!0,"allow-font-size":n.showFontSizeButton,"allow-background-color":n.allowBackgroundColor,"allow-line-height":n.allowLineHeight,"variable-items":a.flattenedVariableItems,"hide-link-bubble-menu":!0,"auto-focus":n.autoFocus,editable:n.editable,"input-aria-label":n.inputAriaLabel,"input-class":`d-recipe-editor__content-input ${n.inputClass}`,link:!0,"output-format":a.htmlOutputFormat,placeholder:n.placeholder,"preserve-whitespace":n.preserveWhitespace,"use-div-tags":n.useDivTags,"allow-tables":n.allowTables,"allow-image-resize":n.allowImageResize,"data-qa":`dt-rich-text-editor`},a.removeClassStyleAttrs(e.$attrs),{onTextInput:a.onTextInput,onBlur:a.onBlur,onFocus:a.onFocus,onInput:t[6]||(t[6]=e=>a.onInput(e)),onSelected:a.onSelected}),null,16,[`modelValue`,`allow-font-size`,`allow-background-color`,`allow-line-height`,`variable-items`,`auto-focus`,`editable`,`input-aria-label`,`input-class`,`output-format`,`placeholder`,`preserve-whitespace`,`use-div-tags`,`allow-tables`,`allow-image-resize`,`onTextInput`,`onBlur`,`onFocus`,`onSelected`])],6)],16)}var C=t.t(b,[[`render`,S]]);exports.default=C;
 //# sourceMappingURL=editor.cjs.map