@dialpad/dialtone 9.130.0 → 9.131.0

package/dist/vue3/lib/list-item/list-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"list-item.js","sources":["../../../components/list_item/list_item.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"elementType\"\n    :id=\"id\"\n    :class=\"[\n      'd-list-item',\n      {\n        'd-list-item--focusable': isFocusable,\n        'd-list-item--highlighted': isHighlighted,\n        'd-list-item--static': !isHoverable,\n      }]\"\n    :tabindex=\"isFocusable ? 0 : -1\"\n    :role=\"role\"\n    :aria-selected=\"role === 'listitem' ? undefined : isHighlighted\"\n    v-on=\"listItemListeners\"\n  >\n    <dt-item-layout\n      v-if=\"isDefaultType\"\n      unstyled\n      :class=\"['d-list-item__wrapper', wrapperClass]\"\n      left-class=\"d-list-item__left\"\n      content-class=\"d-list-item__content\"\n      title-class=\"d-list-item__title\"\n      subtitle-class=\"d-list-item__subtitle\"\n      bottom-class=\"d-list-item__bottom\"\n      right-class=\"d-list-item__right\"\n      selected-class=\"d-list-item__selected\"\n      data-qa=\"dt-list-item-wrapper\"\n    >\n      <template\n        v-for=\"(_, slotName) in $slots\"\n        #[slotName]\n      >\n        <!-- @slot named slots for custom list items -->\n        <slot :name=\"slotName\" />\n      </template>\n      <template\n        v-if=\"selected\"\n        #selected\n      >\n        <dt-icon-check size=\"400\" />\n      </template>\n    </dt-item-layout>\n    <!-- @slot slot for the main content -->\n    <slot v-else />\n  </component>\n</template>\n\n<script>\nimport {\n  LIST_ITEM_TYPES,\n  LIST_ITEM_NAVIGATION_TYPES,\n} from './list_item_constants';\nimport utils from '@/common/utils';\nimport { DtIconCheck } from '@dialpad/dialtone-icons/vue3';\nimport { DtItemLayout } from '@/components/item_layout';\n\nconst ROLES = ['listitem', 'menuitem', 'option'];\n\n/**\n * A list item is an element that can be used to represent individual items in a list.\n * @see https://dialtone.dialpad.com/components/list_item.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtListItem',\n\n  components: {\n    DtItemLayout,\n    DtIconCheck,\n  },\n\n  /**\n   * Value provided from keyboard_list_navigation.js using id prop.\n   */\n  inject: {\n    highlightId: { default: null },\n  },\n\n  props: {\n    /**\n     * Id for the item.\n     */\n    id: {\n      type: String,\n      default () { return utils.getUniqueString(); },\n    },\n\n    /**\n     * String to use for the item's role.\n     */\n    role: {\n      type: String,\n      default: 'listitem',\n      validator: (role) => (ROLES).includes(role),\n    },\n\n    /**\n     * HTML element type (tag name) of the content wrapper element.\n     */\n    elementType: {\n      type: String,\n      default: 'li',\n    },\n\n    /**\n     * The type of child list item to use.\n     * @values default, custom\n     */\n    type: {\n      type: String,\n      default: LIST_ITEM_TYPES.DEFAULT,\n      validator: (t) => Object.values(LIST_ITEM_TYPES).includes(t),\n    },\n\n    /**\n     * The type of navigation that this component should support.\n     * - \"arrow-keys\" for items that are navigated with UP/DOWN keys.\n     * - \"tab\" for items that are navigated using the TAB key.\n     * - \"none\" for static items that are not interactive.\n     * @values arrow-keys, tab, none\n     */\n    navigationType: {\n      type: String,\n      default: LIST_ITEM_NAVIGATION_TYPES.NONE,\n      validator: (t) => Object.values(LIST_ITEM_NAVIGATION_TYPES).includes(t),\n    },\n\n    /**\n     * Applies selected styles to the list item\n     */\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Additional Classes to apply to the wrapper element,\n     * note: it only applies on \"default\" type\n     * Can accept all of: String, Object, and Array, i.e. has the\n     * same api as Vue's built-in handling of the class attribute.\n     */\n    wrapperClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n  },\n\n  emits: [\n    /**\n     * Key down event\n     *\n     * @event keydown\n     * @type {KeyboardEvent}\n     */\n    'keydown',\n\n    /**\n     * Native mouse move event\n     *\n     * @event mousemove\n     * @type {MouseEvent}\n     */\n    'mousemove',\n\n    /**\n     * Native mouse leave event\n     *\n     * @event mouseleave\n     * @type {MouseEvent}\n     */\n    'mouseleave',\n  ],\n\n  data () {\n    return {\n      injected: false,\n      mouseHighlighted: false,\n    };\n  },\n\n  computed: {\n    isDefaultType () {\n      return this.type === LIST_ITEM_TYPES.DEFAULT;\n    },\n\n    listItemListeners () {\n      return {\n        keydown: event => {\n          if (['enter', 'space'].includes(event.code.toLowerCase())) {\n            this.onClick(event);\n          }\n          this.$emit('keydown', event);\n        },\n\n        mousemove: event => {\n          this.onMouseHover(event);\n          this.$emit('mousemove', event);\n        },\n\n        mouseleave: event => {\n          this.onMouseLeave(event);\n          this.$emit('mouseleave', event);\n        },\n      };\n    },\n\n    /**\n     * For keyboard navigation, whether this item is currently highlighted.\n     * An injected highlightId will override the default mouseover highlight.\n     */\n    isHighlighted () {\n      if (this.isHoverable) {\n        return this.highlightId && this.highlightId() ? this.id === this.highlightId() : this.mouseHighlighted;\n      }\n      return false;\n    },\n\n    isFocusable () {\n      // Navigation type has to be set to \"tab\".\n      return this.navigationType === LIST_ITEM_NAVIGATION_TYPES.TAB;\n    },\n\n    /**\n     * Whether to apply hover styles.\n     */\n    isHoverable () {\n      return this.navigationType !== LIST_ITEM_NAVIGATION_TYPES.NONE;\n    },\n  },\n\n  methods: {\n    onClick (e) {\n      // disabled as we do not want to override native click\n      // eslint-disable-next-line vue/require-explicit-emits\n      this.$emit('click', e);\n    },\n\n    onMouseHover () {\n      this.mouseHighlighted = true;\n    },\n\n    onMouseLeave () {\n      this.mouseHighlighted = false;\n    },\n  },\n};\n</script>\n"],"names":["ROLES","_sfc_main","DtItemLayout","DtIconCheck","utils","role","LIST_ITEM_TYPES","t","LIST_ITEM_NAVIGATION_TYPES","event","_openBlock","_createBlock","_resolveDynamicComponent","$props","_mergeProps","$options","_toHandlers","_withCtx","_component_dt_item_layout","_normalizeClass","_createSlots","_renderList","_ctx","_","slotName","_renderSlot","_createVNode","_component_dt_icon_check"],"mappings":"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"}
+{"version":3,"file":"list-item.js","sources":["../../../components/list_item/list_item.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"elementType\"\n    :id=\"id\"\n    :class=\"[\n      'd-list-item',\n      {\n        'd-list-item--focusable': isFocusable,\n        'd-list-item--highlighted': isHighlighted,\n        'd-list-item--static': !isHoverable,\n      }]\"\n    :tabindex=\"isFocusable ? 0 : -1\"\n    :role=\"role\"\n    :aria-selected=\"role === 'listitem' ? undefined : isHighlighted\"\n    v-on=\"listItemListeners\"\n  >\n    <dt-item-layout\n      v-if=\"isDefaultType\"\n      unstyled\n      :class=\"['d-list-item__wrapper', wrapperClass]\"\n      left-class=\"d-list-item__left\"\n      content-class=\"d-list-item__content\"\n      title-class=\"d-list-item__title\"\n      subtitle-class=\"d-list-item__subtitle\"\n      bottom-class=\"d-list-item__bottom\"\n      right-class=\"d-list-item__right\"\n      selected-class=\"d-list-item__selected\"\n      data-qa=\"dt-list-item-wrapper\"\n    >\n      <template\n        v-for=\"(_, slotName) in $slots\"\n        #[slotName]\n      >\n        <!-- @slot named slots for custom list items -->\n        <slot :name=\"slotName\" />\n      </template>\n      <template\n        v-if=\"selected\"\n        #selected\n      >\n        <dt-icon-check size=\"400\" />\n      </template>\n    </dt-item-layout>\n    <!-- @slot slot for the main content -->\n    <slot v-else />\n  </component>\n</template>\n\n<script>\nimport {\n  LIST_ITEM_TYPES,\n  LIST_ITEM_NAVIGATION_TYPES,\n} from './list_item_constants';\nimport utils from '@/common/utils';\nimport { DtIconCheck } from '@dialpad/dialtone-icons/vue3';\nimport { DtItemLayout } from '@/components/item_layout';\n\nconst ROLES = ['listitem', 'menuitem', 'option'];\n\n/**\n * A list item is an element that can be used to represent individual items in a list.\n * @see https://dialtone.dialpad.com/components/list_item.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtListItem',\n\n  components: {\n    DtItemLayout,\n    DtIconCheck,\n  },\n\n  /**\n   * Value provided from keyboard_list_navigation.js using id prop.\n   */\n  inject: {\n    highlightId: { default: null },\n  },\n\n  props: {\n    /**\n     * Id for the item.\n     */\n    id: {\n      type: String,\n      default () { return utils.getUniqueString(); },\n    },\n\n    /**\n     * String to use for the item's role.\n     */\n    role: {\n      type: String,\n      default: 'listitem',\n      validator: (role) => (ROLES).includes(role),\n    },\n\n    /**\n     * HTML element type (tag name) of the content wrapper element.\n     */\n    elementType: {\n      type: String,\n      default: 'li',\n    },\n\n    /**\n     * The type of child list item to use.\n     * @values default, custom\n     */\n    type: {\n      type: String,\n      default: LIST_ITEM_TYPES.DEFAULT,\n      validator: (t) => Object.values(LIST_ITEM_TYPES).includes(t),\n    },\n\n    /**\n     * The type of navigation that this component should support.\n     * - \"arrow-keys\" for items that are navigated with UP/DOWN keys.\n     * - \"tab\" for items that are navigated using the TAB key.\n     * - \"none\" for static items that are not interactive.\n     * @values arrow-keys, tab, none\n     */\n    navigationType: {\n      type: String,\n      default: LIST_ITEM_NAVIGATION_TYPES.NONE,\n      validator: (t) => Object.values(LIST_ITEM_NAVIGATION_TYPES).includes(t),\n    },\n\n    /**\n     * Applies selected styles to the list item\n     */\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Additional Classes to apply to the wrapper element,\n     * note: it only applies on \"default\" type\n     * Can accept all of: String, Object, and Array, i.e. has the\n     * same api as Vue's built-in handling of the class attribute.\n     */\n    wrapperClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n  },\n\n  emits: [\n    /**\n     * Key down event\n     *\n     * @event keydown\n     * @type {KeyboardEvent}\n     */\n    'keydown',\n\n    /**\n     * Native mouse move event\n     *\n     * @event mousemove\n     * @type {MouseEvent}\n     */\n    'mousemove',\n\n    /**\n     * Native mouse leave event\n     *\n     * @event mouseleave\n     * @type {MouseEvent}\n     */\n    'mouseleave',\n  ],\n\n  data () {\n    return {\n      injected: false,\n      mouseHighlighted: false,\n    };\n  },\n\n  computed: {\n    isDefaultType () {\n      return this.type === LIST_ITEM_TYPES.DEFAULT;\n    },\n\n    listItemListeners () {\n      return {\n        keydown: event => {\n          if (['enter', 'space'].includes(event.code.toLowerCase())) {\n            this.onClick(event);\n          }\n          this.$emit('keydown', event);\n        },\n\n        mousemove: event => {\n          this.onMouseHover(event);\n          this.$emit('mousemove', event);\n        },\n\n        mouseleave: event => {\n          this.onMouseLeave(event);\n          this.$emit('mouseleave', event);\n        },\n      };\n    },\n\n    /**\n     * For keyboard navigation, whether this item is currently highlighted.\n     * An injected highlightId will override the default mouseover highlight.\n     */\n    isHighlighted () {\n      if (this.isHoverable) {\n        return this.highlightId && this.highlightId() ? this.id === this.highlightId() : this.mouseHighlighted;\n      }\n      return false;\n    },\n\n    isFocusable () {\n      // Navigation type has to be set to \"tab\".\n      return this.navigationType === LIST_ITEM_NAVIGATION_TYPES.TAB;\n    },\n\n    /**\n     * Whether to apply hover styles.\n     */\n    isHoverable () {\n      return this.navigationType !== LIST_ITEM_NAVIGATION_TYPES.NONE;\n    },\n  },\n\n  methods: {\n    onClick (e) {\n      // disabled as we do not want to override native click\n      // eslint-disable-next-line vue/require-explicit-emits\n      this.$emit('click', e);\n    },\n\n    onMouseHover () {\n      this.mouseHighlighted = true;\n    },\n\n    onMouseLeave () {\n      this.mouseHighlighted = false;\n    },\n  },\n};\n</script>\n"],"names":["ROLES","_sfc_main","DtItemLayout","DtIconCheck","utils","role","LIST_ITEM_TYPES","t","LIST_ITEM_NAVIGATION_TYPES","event","_openBlock","_createBlock","_resolveDynamicComponent","$props","_mergeProps","$options","_toHandlers","_withCtx","_component_dt_item_layout","_normalizeClass","_createSlots","_renderList","_ctx","_","slotName","_renderSlot","_createVNode","_component_dt_icon_check"],"mappings":"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"}

package/dist/vue3/lib/list-item-group/list-item-group-constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"list-item-group-constants.cjs","sources":["../../../components/list_item_group/list_item_group_constants.js"],"sourcesContent":["export const DEFAULT_CONSTANTS = null;\n\nexport default {\n  DEFAULT_CONSTANTS,\n};\n"],"names":["DEFAULT_CONSTANTS","list_item_group_constants"],"mappings":"4GAAY,MAACA,EAAoB,KAElBC,EAAA,CACb,kBAAAD,CACF"}
+{"version":3,"file":"list-item-group-constants.cjs","sources":["../../../components/list_item_group/list_item_group_constants.js"],"sourcesContent":["export const DEFAULT_CONSTANTS = null;\n\nexport default {\n  DEFAULT_CONSTANTS,\n};\n"],"names":["DEFAULT_CONSTANTS","list_item_group_constants"],"mappings":"4GAAY,MAACA,EAAoB,KAEjCC,EAAe,CACb,kBAAAD,CACF"}

package/dist/vue3/lib/list-item-group/list-item-group-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"list-item-group-constants.js","sources":["../../../components/list_item_group/list_item_group_constants.js"],"sourcesContent":["export const DEFAULT_CONSTANTS = null;\n\nexport default {\n  DEFAULT_CONSTANTS,\n};\n"],"names":["DEFAULT_CONSTANTS","list_item_group_constants"],"mappings":"AAAY,MAACA,IAAoB,MAElBC,IAAA;AAAA,EACb;AACF;"}
+{"version":3,"file":"list-item-group-constants.js","sources":["../../../components/list_item_group/list_item_group_constants.js"],"sourcesContent":["export const DEFAULT_CONSTANTS = null;\n\nexport default {\n  DEFAULT_CONSTANTS,\n};\n"],"names":["DEFAULT_CONSTANTS","list_item_group_constants"],"mappings":"AAAY,MAACA,IAAoB,MAEjCC,IAAe;AAAA,EACb;AACF;"}

package/dist/vue3/lib/list-item-group/list-item-group.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"list-item-group.cjs","sources":["../../../components/list_item_group/list_item_group.vue"],"sourcesContent":["<template>\n  <ul\n    :id=\"id\"\n    :class=\"['d-list-item-group', listClass]\"\n    role=\"group\"\n    data-qa=\"dt-dropdown-list-wrapper\"\n    :aria-labelledby=\"`${id}-heading`\"\n  >\n    <li\n      v-if=\"heading\"\n      :id=\"`${id}-heading`\"\n      role=\"presentation\"\n      data-qa=\"dt-dropdown-list-heading\"\n      :class=\"['dt-dropdown-list--header', headingClass]\"\n    >\n      <!-- @slot Slot for heading, will override heading prop. -->\n      <slot name=\"headingSlot\">\n        {{ heading }}\n      </slot>\n    </li>\n    <!-- @slot Slot for the list component -->\n    <slot />\n  </ul>\n</template>\n\n<script>\nimport {} from './list_item_group_constants';\nimport { getUniqueString } from '@/common/utils';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtListItemGroup',\n\n  props: {\n    /**\n     * Id of the List Item Group\n     */\n    id: {\n      type: String,\n      default () { return getUniqueString(); },\n    },\n\n    /**\n     * List's heading.\n     */\n    heading: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Additional class to style the heading\n     */\n    headingClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class for the wrapper list element.\n     */\n    listClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","getUniqueString","_hoisted_1","_hoisted_2","_createElementBlock","$props","_normalizeClass","_renderSlot","_ctx","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":"uOA6BKA,EAAU,CACb,aAAc,CAAE,KAAM,CAAG,EACzB,KAAM,kBAEN,MAAO,CAIL,GAAI,CACF,KAAM,OACN,SAAW,CAAE,OAAOC,EAAe,gBAAA,CAAK,CACzC,EAKD,QAAS,CACP,KAAM,OACN,QAAS,EACV,EAKD,aAAc,CACZ,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,EACV,EAKD,UAAW,CACT,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,EACV,CACF,CACH,EAlEAC,EAAA,CAAA,KAAA,iBAAA,EAAAC,EAAA,CAAA,IAAA,+CACEC,EAqBK,mBAAA,KAAA,CApBF,GAAIC,EAAE,GACN,MAHLC,EAAAA,oCAGkCD,EAAS,SAAA,CAAA,EACvC,KAAK,QACL,UAAQ,2BACP,qBAAoBA,EAAE,EAAA,aAGfA,EAAO,uBADfD,EAWK,mBAAA,KAAA,CAnBT,IAAA,EAUO,MAAOC,EAAE,EAAA,WACV,KAAK,eACL,UAAQ,2BACP,MAbPC,EAAAA,2CAa2CD,EAAY,YAAA,CAAA,IAGjDE,EAAAA,WAEOC,0BAFP,IAEO,CAlBbC,EAAAA,gBAAAC,EAAAA,gBAiBWL,EAAO,OAAA,EAAA,CAAA,GAjBlB,EAAA,GAAAF,CAAA,GAAAQ,EAAA,mBAAA,GAAA,EAAA,EAqBIJ,aAAQC,EAAA,OAAA,SAAA,CArBZ,EAAA,GAAAN,CAAA"}
+{"version":3,"file":"list-item-group.cjs","sources":["../../../components/list_item_group/list_item_group.vue"],"sourcesContent":["<template>\n  <ul\n    :id=\"id\"\n    :class=\"['d-list-item-group', listClass]\"\n    role=\"group\"\n    data-qa=\"dt-dropdown-list-wrapper\"\n    :aria-labelledby=\"`${id}-heading`\"\n  >\n    <li\n      v-if=\"heading\"\n      :id=\"`${id}-heading`\"\n      role=\"presentation\"\n      data-qa=\"dt-dropdown-list-heading\"\n      :class=\"['dt-dropdown-list--header', headingClass]\"\n    >\n      <!-- @slot Slot for heading, will override heading prop. -->\n      <slot name=\"headingSlot\">\n        {{ heading }}\n      </slot>\n    </li>\n    <!-- @slot Slot for the list component -->\n    <slot />\n  </ul>\n</template>\n\n<script>\nimport {} from './list_item_group_constants';\nimport { getUniqueString } from '@/common/utils';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtListItemGroup',\n\n  props: {\n    /**\n     * Id of the List Item Group\n     */\n    id: {\n      type: String,\n      default () { return getUniqueString(); },\n    },\n\n    /**\n     * List's heading.\n     */\n    heading: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Additional class to style the heading\n     */\n    headingClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class for the wrapper list element.\n     */\n    listClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","getUniqueString","_hoisted_1","_hoisted_2","_createElementBlock","$props","_normalizeClass","_renderSlot","_ctx","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":"uOA6BKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,kBAEN,MAAO,CAIL,GAAI,CACF,KAAM,OACN,SAAW,CAAE,OAAOC,EAAAA,gBAAe,CAAI,GAMzC,QAAS,CACP,KAAM,OACN,QAAS,IAMX,aAAc,CACZ,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,IAMX,UAAW,CACT,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,IAGf,EAlEAC,EAAA,CAAA,KAAA,iBAAA,EAAAC,EAAA,CAAA,IAAA,+CACEC,EAAAA,mBAqBK,KAAA,CApBF,GAAIC,EAAA,GACJ,MAHLC,EAAAA,oCAGkCD,EAAA,SAAS,CAAA,EACvC,KAAK,QACL,UAAQ,2BACP,qBAAoBA,EAAA,EAAE,aAGfA,EAAA,uBADRD,EAAAA,mBAWK,KAAA,CAnBT,IAAA,EAUO,MAAOC,EAAA,EAAE,WACV,KAAK,eACL,UAAQ,2BACP,MAbPC,EAAAA,2CAa2CD,EAAA,YAAY,CAAA,IAGjDE,EAAAA,WAEOC,0BAFP,IAEO,CAlBbC,EAAAA,gBAAAC,EAAAA,gBAiBWL,EAAA,OAAO,EAAA,CAAA,GAjBlB,EAAA,GAAAF,CAAA,GAAAQ,EAAAA,mBAAA,GAAA,EAAA,EAqBIJ,aAAQC,EAAA,OAAA,SAAA,CArBZ,EAAA,GAAAN,CAAA"}

package/dist/vue3/lib/list-item-group/list-item-group.js

@@ -1,5 +1,5 @@
 import { getUniqueString as n } from "../../common/utils/index.js";
-import { openBlock as a, createElementBlock as i, normalizeClass as d, renderSlot as r, createTextVNode as l, toDisplayString as o, createCommentVNode as s } from "vue";
+import { createElementBlock as a, openBlock as i, normalizeClass as d, createCommentVNode as l, renderSlot as r, createTextVNode as o, toDisplayString as s } from "vue";
 import { _ as g } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const c = {
   compatConfig: { MODE: 3 },
@@ -38,14 +38,14 @@ const c = {
   }
 }, u = ["id", "aria-labelledby"], m = ["id"];
 function f(t, p, e, h, _, y) {
-  return a(), i("ul", {
+  return i(), a("ul", {
     id: e.id,
     class: d(["d-list-item-group", e.listClass]),
     role: "group",
     "data-qa": "dt-dropdown-list-wrapper",
     "aria-labelledby": `${e.id}-heading`
   }, [
-    e.heading ? (a(), i("li", {
+    e.heading ? (i(), a("li", {
       key: 0,
       id: `${e.id}-heading`,
       role: "presentation",
@@ -53,9 +53,9 @@ function f(t, p, e, h, _, y) {
       class: d(["dt-dropdown-list--header", e.headingClass])
     }, [
       r(t.$slots, "headingSlot", {}, () => [
-        l(o(e.heading), 1)
+        o(s(e.heading), 1)
       ])
-    ], 10, m)) : s("", !0),
+    ], 10, m)) : l("", !0),
     r(t.$slots, "default")
   ], 10, u);
 }

package/dist/vue3/lib/list-item-group/list-item-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"list-item-group.js","sources":["../../../components/list_item_group/list_item_group.vue"],"sourcesContent":["<template>\n  <ul\n    :id=\"id\"\n    :class=\"['d-list-item-group', listClass]\"\n    role=\"group\"\n    data-qa=\"dt-dropdown-list-wrapper\"\n    :aria-labelledby=\"`${id}-heading`\"\n  >\n    <li\n      v-if=\"heading\"\n      :id=\"`${id}-heading`\"\n      role=\"presentation\"\n      data-qa=\"dt-dropdown-list-heading\"\n      :class=\"['dt-dropdown-list--header', headingClass]\"\n    >\n      <!-- @slot Slot for heading, will override heading prop. -->\n      <slot name=\"headingSlot\">\n        {{ heading }}\n      </slot>\n    </li>\n    <!-- @slot Slot for the list component -->\n    <slot />\n  </ul>\n</template>\n\n<script>\nimport {} from './list_item_group_constants';\nimport { getUniqueString } from '@/common/utils';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtListItemGroup',\n\n  props: {\n    /**\n     * Id of the List Item Group\n     */\n    id: {\n      type: String,\n      default () { return getUniqueString(); },\n    },\n\n    /**\n     * List's heading.\n     */\n    heading: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Additional class to style the heading\n     */\n    headingClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class for the wrapper list element.\n     */\n    listClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","getUniqueString","_hoisted_1","_hoisted_2","_createElementBlock","$props","_normalizeClass","_renderSlot","_ctx","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":";;;AA6BA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,MAAM;AAAA,EAEN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,IAAI;AAAA,MACF,MAAM;AAAA,MACN,UAAW;AAAE,eAAOC,EAAe;AAAA,MAAK;AAAA,IACzC;AAAA;AAAA;AAAA;AAAA,IAKD,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,cAAc;AAAA,MACZ,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,WAAW;AAAA,MACT,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA,EACF;AACH,GAlEAC,IAAA,CAAA,MAAA,iBAAA,GAAAC,IAAA,CAAA,IAAA;;cACEC,EAqBK,MAAA;AAAA,IApBF,IAAIC,EAAE;AAAA,IACN,OAHLC,wBAGkCD,EAAS,SAAA,CAAA;AAAA,IACvC,MAAK;AAAA,IACL,WAAQ;AAAA,IACP,sBAAoBA,EAAE,EAAA;AAAA;IAGfA,EAAO,gBADfD,EAWK,MAAA;AAAA,MAnBT,KAAA;AAAA,MAUO,OAAOC,EAAE,EAAA;AAAA,MACV,MAAK;AAAA,MACL,WAAQ;AAAA,MACP,OAbPC,+BAa2CD,EAAY,YAAA,CAAA;AAAA;MAGjDE,EAEOC,6BAFP,MAEO;AAAA,QAlBbC,EAAAC,EAiBWL,EAAO,OAAA,GAAA,CAAA;AAAA;IAjBlB,GAAA,IAAAF,CAAA,KAAAQ,EAAA,IAAA,EAAA;AAAA,IAqBIJ,EAAQC,EAAA,QAAA,SAAA;AAAA,EArBZ,GAAA,IAAAN,CAAA;;;"}
+{"version":3,"file":"list-item-group.js","sources":["../../../components/list_item_group/list_item_group.vue"],"sourcesContent":["<template>\n  <ul\n    :id=\"id\"\n    :class=\"['d-list-item-group', listClass]\"\n    role=\"group\"\n    data-qa=\"dt-dropdown-list-wrapper\"\n    :aria-labelledby=\"`${id}-heading`\"\n  >\n    <li\n      v-if=\"heading\"\n      :id=\"`${id}-heading`\"\n      role=\"presentation\"\n      data-qa=\"dt-dropdown-list-heading\"\n      :class=\"['dt-dropdown-list--header', headingClass]\"\n    >\n      <!-- @slot Slot for heading, will override heading prop. -->\n      <slot name=\"headingSlot\">\n        {{ heading }}\n      </slot>\n    </li>\n    <!-- @slot Slot for the list component -->\n    <slot />\n  </ul>\n</template>\n\n<script>\nimport {} from './list_item_group_constants';\nimport { getUniqueString } from '@/common/utils';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtListItemGroup',\n\n  props: {\n    /**\n     * Id of the List Item Group\n     */\n    id: {\n      type: String,\n      default () { return getUniqueString(); },\n    },\n\n    /**\n     * List's heading.\n     */\n    heading: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Additional class to style the heading\n     */\n    headingClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class for the wrapper list element.\n     */\n    listClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","getUniqueString","_hoisted_1","_hoisted_2","_createElementBlock","$props","_normalizeClass","_renderSlot","_ctx","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":";;;AA6BA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,IAAI;AAAA,MACF,MAAM;AAAA,MACN,UAAW;AAAE,eAAOC,EAAe;AAAA,MAAI;AAAA;;;;IAMzC,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,cAAc;AAAA,MACZ,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;;;IAMX,WAAW;AAAA,MACT,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA;;AAGf,GAlEAC,IAAA,CAAA,MAAA,iBAAA,GAAAC,IAAA,CAAA,IAAA;;cACEC,EAqBK,MAAA;AAAA,IApBF,IAAIC,EAAA;AAAA,IACJ,OAHLC,wBAGkCD,EAAA,SAAS,CAAA;AAAA,IACvC,MAAK;AAAA,IACL,WAAQ;AAAA,IACP,sBAAoBA,EAAA,EAAE;AAAA;IAGfA,EAAA,gBADRD,EAWK,MAAA;AAAA,MAnBT,KAAA;AAAA,MAUO,OAAOC,EAAA,EAAE;AAAA,MACV,MAAK;AAAA,MACL,WAAQ;AAAA,MACP,OAbPC,+BAa2CD,EAAA,YAAY,CAAA;AAAA;MAGjDE,EAEOC,6BAFP,MAEO;AAAA,QAlBbC,EAAAC,EAiBWL,EAAA,OAAO,GAAA,CAAA;AAAA;IAjBlB,GAAA,IAAAF,CAAA,KAAAQ,EAAA,IAAA,EAAA;AAAA,IAqBIJ,EAAQC,EAAA,QAAA,SAAA;AAAA,EArBZ,GAAA,IAAAN,CAAA;;;"}

package/dist/vue3/lib/loader/loader.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"loader.cjs","sources":["../../../components/loader/loader.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-loader\"\n    :aria-label=\"ariaLabel || 'loading'\"\n    data-qa=\"dt-loader\"\n  >\n    <!-- Localize the aria-label -->\n    <dt-icon-loading\n      class=\"d-loader-icon\"\n      data-qa=\"dt-loader-icon\"\n      :size=\"size\"\n    />\n  </div>\n</template>\n\n<script>\nimport { DtIconLoading } from '@dialpad/dialtone-icons/vue3';\nimport { ICON_SIZE_MODIFIERS } from '@/components/icon';\n\nexport default {\n  name: 'DtLoader',\n\n  components: {\n    DtIconLoading,\n  },\n\n  props: {\n    /**\n     * The label of the loader as read out by a screen reader.\n     * Default is \"loading\"\n     */\n    ariaLabel: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The size of the icon.\n     * @values 100, 200, 300, 400, 500, 600, 700, 800\n     */\n    size: {\n      type: String,\n      default: '500',\n      validator: (s) => Object.keys(ICON_SIZE_MODIFIERS).includes(s),\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtIconLoading","s","ICON_SIZE_MODIFIERS","_hoisted_1","_createElementBlock","$props","_createVNode","_component_dt_icon_loading"],"mappings":"+QAmBKA,EAAU,CACb,KAAM,WAEN,WAAY,eACVC,EAAa,aACd,EAED,MAAO,CAKL,UAAW,CACT,KAAM,OACN,QAAS,EACV,EAMD,KAAM,CACJ,KAAM,OACN,QAAS,MACT,UAAYC,GAAM,OAAO,KAAKC,qBAAmB,EAAE,SAASD,CAAC,CAC9D,CACF,CACH,EA9CAE,EAAA,CAAA,YAAA,6FACEC,EAWM,mBAAA,MAAA,CAVJ,MAAM,WACL,aAAYC,EAAS,WAAA,UACtB,UAAQ,cAGRC,EAAAA,YAIEC,EAAA,CAHA,MAAM,gBACN,UAAQ,iBACP,KAAMF,EAAI,sBAVjB,EAAA,EAAAF,CAAA"}
+{"version":3,"file":"loader.cjs","sources":["../../../components/loader/loader.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-loader\"\n    :aria-label=\"ariaLabel || 'loading'\"\n    data-qa=\"dt-loader\"\n  >\n    <!-- Localize the aria-label -->\n    <dt-icon-loading\n      class=\"d-loader-icon\"\n      data-qa=\"dt-loader-icon\"\n      :size=\"size\"\n    />\n  </div>\n</template>\n\n<script>\nimport { DtIconLoading } from '@dialpad/dialtone-icons/vue3';\nimport { ICON_SIZE_MODIFIERS } from '@/components/icon';\n\nexport default {\n  name: 'DtLoader',\n\n  components: {\n    DtIconLoading,\n  },\n\n  props: {\n    /**\n     * The label of the loader as read out by a screen reader.\n     * Default is \"loading\"\n     */\n    ariaLabel: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The size of the icon.\n     * @values 100, 200, 300, 400, 500, 600, 700, 800\n     */\n    size: {\n      type: String,\n      default: '500',\n      validator: (s) => Object.keys(ICON_SIZE_MODIFIERS).includes(s),\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtIconLoading","s","ICON_SIZE_MODIFIERS","_hoisted_1","_createElementBlock","$props","_createVNode","_component_dt_icon_loading"],"mappings":"+QAmBKA,EAAU,CACb,KAAM,WAEN,WAAY,eACVC,EAAAA,eAGF,MAAO,CAKL,UAAW,CACT,KAAM,OACN,QAAS,IAOX,KAAM,CACJ,KAAM,OACN,QAAS,MACT,UAAYC,GAAM,OAAO,KAAKC,qBAAmB,EAAE,SAASD,CAAC,GAGnE,EA9CAE,EAAA,CAAA,YAAA,6FACEC,EAAAA,mBAWM,MAAA,CAVJ,MAAM,WACL,aAAYC,EAAA,WAAS,UACtB,UAAQ,cAGRC,EAAAA,YAIEC,EAAA,CAHA,MAAM,gBACN,UAAQ,iBACP,KAAMF,EAAA,sBAVb,EAAA,EAAAF,CAAA"}

package/dist/vue3/lib/loader/loader.js

@@ -1,5 +1,5 @@
 import { DtIconLoading as t } from "@dialpad/dialtone-icons/vue3";
-import { resolveComponent as n, openBlock as r, createElementBlock as d, createVNode as i } from "vue";
+import { resolveComponent as n, createElementBlock as r, openBlock as d, createVNode as i } from "vue";
 import { _ as l } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import { ICON_SIZE_MODIFIERS as c } from "../icon/icon-constants.js";
 const s = {
@@ -29,7 +29,7 @@ const s = {
 }, _ = ["aria-label"];
 function m(e, p, o, f, u, g) {
   const a = n("dt-icon-loading");
-  return r(), d("div", {
+  return d(), r("div", {
     class: "d-loader",
     "aria-label": o.ariaLabel || "loading",
     "data-qa": "dt-loader"

package/dist/vue3/lib/loader/loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"loader.js","sources":["../../../components/loader/loader.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-loader\"\n    :aria-label=\"ariaLabel || 'loading'\"\n    data-qa=\"dt-loader\"\n  >\n    <!-- Localize the aria-label -->\n    <dt-icon-loading\n      class=\"d-loader-icon\"\n      data-qa=\"dt-loader-icon\"\n      :size=\"size\"\n    />\n  </div>\n</template>\n\n<script>\nimport { DtIconLoading } from '@dialpad/dialtone-icons/vue3';\nimport { ICON_SIZE_MODIFIERS } from '@/components/icon';\n\nexport default {\n  name: 'DtLoader',\n\n  components: {\n    DtIconLoading,\n  },\n\n  props: {\n    /**\n     * The label of the loader as read out by a screen reader.\n     * Default is \"loading\"\n     */\n    ariaLabel: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The size of the icon.\n     * @values 100, 200, 300, 400, 500, 600, 700, 800\n     */\n    size: {\n      type: String,\n      default: '500',\n      validator: (s) => Object.keys(ICON_SIZE_MODIFIERS).includes(s),\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtIconLoading","s","ICON_SIZE_MODIFIERS","_hoisted_1","_createElementBlock","$props","_createVNode","_component_dt_icon_loading"],"mappings":";;;;AAmBA,MAAKA,IAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,eAAAC;AAAA,EACD;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAACC,MAAM,OAAO,KAAKC,CAAmB,EAAE,SAASD,CAAC;AAAA,IAC9D;AAAA,EACF;AACH,GA9CAE,IAAA,CAAA,YAAA;;;cACEC,EAWM,OAAA;AAAA,IAVJ,OAAM;AAAA,IACL,cAAYC,EAAS,aAAA;AAAA,IACtB,WAAQ;AAAA;IAGRC,EAIEC,GAAA;AAAA,MAHA,OAAM;AAAA,MACN,WAAQ;AAAA,MACP,MAAMF,EAAI;AAAA;EAVjB,GAAA,GAAAF,CAAA;;;"}
+{"version":3,"file":"loader.js","sources":["../../../components/loader/loader.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-loader\"\n    :aria-label=\"ariaLabel || 'loading'\"\n    data-qa=\"dt-loader\"\n  >\n    <!-- Localize the aria-label -->\n    <dt-icon-loading\n      class=\"d-loader-icon\"\n      data-qa=\"dt-loader-icon\"\n      :size=\"size\"\n    />\n  </div>\n</template>\n\n<script>\nimport { DtIconLoading } from '@dialpad/dialtone-icons/vue3';\nimport { ICON_SIZE_MODIFIERS } from '@/components/icon';\n\nexport default {\n  name: 'DtLoader',\n\n  components: {\n    DtIconLoading,\n  },\n\n  props: {\n    /**\n     * The label of the loader as read out by a screen reader.\n     * Default is \"loading\"\n     */\n    ariaLabel: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The size of the icon.\n     * @values 100, 200, 300, 400, 500, 600, 700, 800\n     */\n    size: {\n      type: String,\n      default: '500',\n      validator: (s) => Object.keys(ICON_SIZE_MODIFIERS).includes(s),\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtIconLoading","s","ICON_SIZE_MODIFIERS","_hoisted_1","_createElementBlock","$props","_createVNode","_component_dt_icon_loading"],"mappings":";;;;AAmBA,MAAKA,IAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,eAAAC;AAAA;EAGF,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAACC,MAAM,OAAO,KAAKC,CAAmB,EAAE,SAASD,CAAC;AAAA;;AAGnE,GA9CAE,IAAA,CAAA,YAAA;;;cACEC,EAWM,OAAA;AAAA,IAVJ,OAAM;AAAA,IACL,cAAYC,EAAA,aAAS;AAAA,IACtB,WAAQ;AAAA;IAGRC,EAIEC,GAAA;AAAA,MAHA,OAAM;AAAA,MACN,WAAQ;AAAA,MACP,MAAMF,EAAA;AAAA;EAVb,GAAA,GAAAF,CAAA;;;"}

package/dist/vue3/lib/message-input/last-active-nodes.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function g(t,n){if(!t)return[];const{from:f,to:i}=t.selection;let r;if(typeof n=="string")r=Object.entries(t.schema.nodes).filter(([e,s])=>s.groups.includes(n)).map(([e,s])=>({type:s}));else{r=n;for(const e of r)e.type=e.type?h(e.type,t.schema):null}let l=null,u=null;const d=new Set,a=new Set(r);return t.doc.nodesBetween(f,i,(e,s,y)=>{if(a.size===0)return!1;if(!e.isText){const c=r.filter(o=>o.type?typeof o.type=="string"?!1:e.type.name===o.type.name:!0).find(o=>o.attributes?p(e.attrs,o.attributes):!0);c&&(u&&l&&l!==y&&(a.delete(u),d.add(u)),u=c),l=e}}),u&&d.add(u),[...d.values()].map(e=>{var s;return e.key?e.key:typeof e.type=="string"?e.type:(s=e.type)!=null&&s.name?e.type.name:""})}function h(t,n){if(typeof t=="string"){if(!n.nodes[t])throw Error(`There is no node type named '${t}'. Maybe you forgot to add the extension?`);return n.nodes[t]}return t}function p(t,n,f){const i=Object.keys(n);return i.length?i.every(r=>f.strict?n[r]===t[r]:Object.prototype.toString.call(n[r])==="[object RegExp]"?n[r].test(t[r]):n[r]===t[r]):!0}exports.default=g;exports.objectIncludes=p;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function g(t,n){if(!t)return[];const{from:i,to:o}=t.selection;let r;if(typeof n=="string")r=Object.entries(t.schema.nodes).filter(([,e])=>e.groups.includes(n)).map(([,e])=>({type:e}));else{r=n;for(const e of r)e.type=e.type?h(e.type,t.schema):null}let f=null,s=null;const l=new Set,c=new Set(r);return t.doc.nodesBetween(i,o,(e,d,y)=>{if(c.size===0)return!1;if(!e.isText){const p=r.filter(u=>u.type?typeof u.type=="string"?!1:e.type.name===u.type.name:!0).find(u=>u.attributes?a(e.attrs,u.attributes):!0);p&&(s&&f&&f!==y&&(c.delete(s),l.add(s)),s=p),f=e}}),s&&l.add(s),[...l.values()].map(e=>{var d;return e.key?e.key:typeof e.type=="string"?e.type:(d=e.type)!=null&&d.name?e.type.name:""})}function h(t,n){if(typeof t=="string"){if(!n.nodes[t])throw Error(`There is no node type named '${t}'. Maybe you forgot to add the extension?`);return n.nodes[t]}return t}function a(t,n,i){const o=Object.keys(n);return o.length?o.every(r=>i.strict?n[r]===t[r]:Object.prototype.toString.call(n[r])==="[object RegExp]"?n[r].test(t[r]):n[r]===t[r]):!0}exports.default=g;exports.objectIncludes=a;
 //# sourceMappingURL=last-active-nodes.cjs.map

package/dist/vue3/lib/message-input/last-active-nodes.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"last-active-nodes.cjs","sources":["../../../recipes/conversation_view/message_input/last_active_nodes.js"],"sourcesContent":["/* eslint-disable complexity */\n/**\n * This function was taken from this thread and modified to work in pure JS:\n * https://github.com/ueberdosis/tiptap/issues/1058#issuecomment-778254557\n *\n * description: This helper, lastActiveNodes, finds the last (furthest from the root document)\n * matching types in your selection (ignoring nesting), you can give it either a list of args\n * similar to isActive or a group name, calling it like below. It will return a list of node\n * type names that are the last ones active in the selection, if the selection is 'empty'\n * (just the cursor) the returned list will only have at most one name.\n * This lets you build a UI for lists that works the same as most word processors.\n *\n * @param {Object} state the tiptap editor instance state\n * @param {*} typesOrGroup node types or node group name to consider\n * @returns {Array} node(s) that are the farthest from the root that matches the given type or group\n */\nexport default function lastActiveNodes (state, typesOrGroup) {\n  if (!state) return [];\n\n  const { from, to } = state.selection;\n  let types;\n\n  if (typeof typesOrGroup === 'string') {\n    // types is a name of a node group\n    types = Object.entries(state.schema.nodes)\n      .filter(([name, nodeType]) => nodeType.groups.includes(typesOrGroup))\n      .map(([name, nodeType]) => {\n        return {\n          type: nodeType,\n        };\n      });\n  } else {\n    // types is a list of LastActiveNodeItemOption\n    types = typesOrGroup;\n    for (const item of types) {\n      item.type = item.type ? getNodeType(item.type, state.schema) : null;\n    }\n  }\n\n  let lastNode = null;\n  let lastMatchedType = null;\n  const matchedTypes = new Set();\n  const notFoundTypes = new Set(types);\n\n  state.doc.nodesBetween(from, to, (node, pos, parent) => {\n    if (notFoundTypes.size === 0) return false;\n    if (!node.isText) {\n      const matchedType = types.filter((item) => {\n        if (!item.type) {\n          return true;\n        }\n        if (typeof item.type === 'string') return false; // Typeguard, shouldn't happen\n        return node.type.name === item.type.name;\n      })\n        .find(item => {\n          if (!item.attributes) return true;\n          return objectIncludes(node.attrs, item.attributes);\n        });\n      if (matchedType) {\n        if (lastMatchedType && lastNode && (lastNode !== parent)) {\n          notFoundTypes.delete(lastMatchedType);\n          matchedTypes.add(lastMatchedType);\n        }\n        lastMatchedType = matchedType;\n      }\n      lastNode = node;\n    }\n  });\n\n  if (lastMatchedType) {\n    matchedTypes.add(lastMatchedType);\n  }\n\n  return [...matchedTypes.values()].map((item) => {\n    if (item.key) {\n      return item.key;\n    } else if (typeof item.type === 'string') {\n      return item.type;\n    } else if (item.type?.name) {\n      return item.type.name;\n    } else {\n      return '';\n    }\n  });\n}\n\nfunction getNodeType (nameOrType, schema) {\n  if (typeof nameOrType === 'string') {\n    if (!schema.nodes[nameOrType]) {\n      throw Error(\n        `There is no node type named '${nameOrType}'. Maybe you forgot to add the extension?`,\n      );\n    }\n\n    return schema.nodes[nameOrType];\n  }\n\n  return nameOrType;\n}\n\nexport function objectIncludes (\n  object1,\n  object2,\n  options,\n) {\n  const keys = Object.keys(object2);\n\n  if (!keys.length) {\n    return true;\n  }\n\n  return keys.every(key => {\n    if (options.strict) {\n      return object2[key] === object1[key];\n    }\n\n    if (Object.prototype.toString.call(object2[key]) === '[object RegExp]') {\n      return object2[key].test(object1[key]);\n    }\n\n    return object2[key] === object1[key];\n  });\n}\n"],"names":["lastActiveNodes","state","typesOrGroup","from","to","types","name","nodeType","item","getNodeType","lastNode","lastMatchedType","matchedTypes","notFoundTypes","node","pos","parent","matchedType","objectIncludes","_a","nameOrType","schema","object1","object2","options","keys","key"],"mappings":"4GAgBe,SAASA,EAAiBC,EAAOC,EAAc,CAC5D,GAAI,CAACD,EAAO,MAAO,GAEnB,KAAM,CAAE,KAAAE,EAAM,GAAAC,GAAOH,EAAM,UAC3B,IAAII,EAEJ,GAAI,OAAOH,GAAiB,SAE1BG,EAAQ,OAAO,QAAQJ,EAAM,OAAO,KAAK,EACtC,OAAO,CAAC,CAACK,EAAMC,CAAQ,IAAMA,EAAS,OAAO,SAASL,CAAY,CAAC,EACnE,IAAI,CAAC,CAACI,EAAMC,CAAQ,KACZ,CACL,KAAMA,CAChB,EACO,MACE,CAELF,EAAQH,EACR,UAAWM,KAAQH,EACjBG,EAAK,KAAOA,EAAK,KAAOC,EAAYD,EAAK,KAAMP,EAAM,MAAM,EAAI,IAElE,CAED,IAAIS,EAAW,KACXC,EAAkB,KACtB,MAAMC,EAAe,IAAI,IACnBC,EAAgB,IAAI,IAAIR,CAAK,EAEnC,OAAAJ,EAAM,IAAI,aAAaE,EAAMC,EAAI,CAACU,EAAMC,EAAKC,IAAW,CACtD,GAAIH,EAAc,OAAS,EAAG,MAAO,GACrC,GAAI,CAACC,EAAK,OAAQ,CAChB,MAAMG,EAAcZ,EAAM,OAAQG,GAC3BA,EAAK,KAGN,OAAOA,EAAK,MAAS,SAAiB,GACnCM,EAAK,KAAK,OAASN,EAAK,KAAK,KAH3B,EAIV,EACE,KAAKA,GACCA,EAAK,WACHU,EAAeJ,EAAK,MAAON,EAAK,UAAU,EADpB,EAE9B,EACCS,IACEN,GAAmBD,GAAaA,IAAaM,IAC/CH,EAAc,OAAOF,CAAe,EACpCC,EAAa,IAAID,CAAe,GAElCA,EAAkBM,GAEpBP,EAAWI,CACZ,CACL,CAAG,EAEGH,GACFC,EAAa,IAAID,CAAe,EAG3B,CAAC,GAAGC,EAAa,OAAQ,CAAA,EAAE,IAAKJ,GAAS,OAC9C,OAAIA,EAAK,IACAA,EAAK,IACH,OAAOA,EAAK,MAAS,SACvBA,EAAK,MACHW,EAAAX,EAAK,OAAL,MAAAW,EAAW,KACbX,EAAK,KAAK,KAEV,EAEb,CAAG,CACH,CAEA,SAASC,EAAaW,EAAYC,EAAQ,CACxC,GAAI,OAAOD,GAAe,SAAU,CAClC,GAAI,CAACC,EAAO,MAAMD,CAAU,EAC1B,MAAM,MACJ,gCAAgCA,CAAU,2CAClD,EAGI,OAAOC,EAAO,MAAMD,CAAU,CAC/B,CAED,OAAOA,CACT,CAEO,SAASF,EACdI,EACAC,EACAC,EACA,CACA,MAAMC,EAAO,OAAO,KAAKF,CAAO,EAEhC,OAAKE,EAAK,OAIHA,EAAK,MAAMC,GACZF,EAAQ,OACHD,EAAQG,CAAG,IAAMJ,EAAQI,CAAG,EAGjC,OAAO,UAAU,SAAS,KAAKH,EAAQG,CAAG,CAAC,IAAM,kBAC5CH,EAAQG,CAAG,EAAE,KAAKJ,EAAQI,CAAG,CAAC,EAGhCH,EAAQG,CAAG,IAAMJ,EAAQI,CAAG,CACpC,EAbQ,EAcX"}
+{"version":3,"file":"last-active-nodes.cjs","sources":["../../../recipes/conversation_view/message_input/last_active_nodes.js"],"sourcesContent":["/* eslint-disable complexity */\n/**\n * This function was taken from this thread and modified to work in pure JS:\n * https://github.com/ueberdosis/tiptap/issues/1058#issuecomment-778254557\n *\n * description: This helper, lastActiveNodes, finds the last (furthest from the root document)\n * matching types in your selection (ignoring nesting), you can give it either a list of args\n * similar to isActive or a group name, calling it like below. It will return a list of node\n * type names that are the last ones active in the selection, if the selection is 'empty'\n * (just the cursor) the returned list will only have at most one name.\n * This lets you build a UI for lists that works the same as most word processors.\n *\n * @param {Object} state the tiptap editor instance state\n * @param {*} typesOrGroup node types or node group name to consider\n * @returns {Array} node(s) that are the farthest from the root that matches the given type or group\n */\nexport default function lastActiveNodes (state, typesOrGroup) {\n  if (!state) return [];\n\n  const { from, to } = state.selection;\n  let types;\n\n  if (typeof typesOrGroup === 'string') {\n    // types is a name of a node group\n    types = Object.entries(state.schema.nodes)\n      .filter(([, nodeType]) => nodeType.groups.includes(typesOrGroup))\n      .map(([, nodeType]) => {\n        return {\n          type: nodeType,\n        };\n      });\n  } else {\n    // types is a list of LastActiveNodeItemOption\n    types = typesOrGroup;\n    for (const item of types) {\n      item.type = item.type ? getNodeType(item.type, state.schema) : null;\n    }\n  }\n\n  let lastNode = null;\n  let lastMatchedType = null;\n  const matchedTypes = new Set();\n  const notFoundTypes = new Set(types);\n\n  state.doc.nodesBetween(from, to, (node, pos, parent) => {\n    if (notFoundTypes.size === 0) return false;\n    if (!node.isText) {\n      const matchedType = types.filter((item) => {\n        if (!item.type) {\n          return true;\n        }\n        if (typeof item.type === 'string') return false; // Typeguard, shouldn't happen\n        return node.type.name === item.type.name;\n      })\n        .find(item => {\n          if (!item.attributes) return true;\n          return objectIncludes(node.attrs, item.attributes);\n        });\n      if (matchedType) {\n        if (lastMatchedType && lastNode && (lastNode !== parent)) {\n          notFoundTypes.delete(lastMatchedType);\n          matchedTypes.add(lastMatchedType);\n        }\n        lastMatchedType = matchedType;\n      }\n      lastNode = node;\n    }\n  });\n\n  if (lastMatchedType) {\n    matchedTypes.add(lastMatchedType);\n  }\n\n  return [...matchedTypes.values()].map((item) => {\n    if (item.key) {\n      return item.key;\n    } else if (typeof item.type === 'string') {\n      return item.type;\n    } else if (item.type?.name) {\n      return item.type.name;\n    } else {\n      return '';\n    }\n  });\n}\n\nfunction getNodeType (nameOrType, schema) {\n  if (typeof nameOrType === 'string') {\n    if (!schema.nodes[nameOrType]) {\n      throw Error(\n        `There is no node type named '${nameOrType}'. Maybe you forgot to add the extension?`,\n      );\n    }\n\n    return schema.nodes[nameOrType];\n  }\n\n  return nameOrType;\n}\n\nexport function objectIncludes (\n  object1,\n  object2,\n  options,\n) {\n  const keys = Object.keys(object2);\n\n  if (!keys.length) {\n    return true;\n  }\n\n  return keys.every(key => {\n    if (options.strict) {\n      return object2[key] === object1[key];\n    }\n\n    if (Object.prototype.toString.call(object2[key]) === '[object RegExp]') {\n      return object2[key].test(object1[key]);\n    }\n\n    return object2[key] === object1[key];\n  });\n}\n"],"names":["lastActiveNodes","state","typesOrGroup","from","to","types","nodeType","item","getNodeType","lastNode","lastMatchedType","matchedTypes","notFoundTypes","node","pos","parent","matchedType","objectIncludes","_a","nameOrType","schema","object1","object2","options","keys","key"],"mappings":"4GAgBe,SAASA,EAAiBC,EAAOC,EAAc,CAC5D,GAAI,CAACD,EAAO,MAAO,CAAA,EAEnB,KAAM,CAAE,KAAAE,EAAM,GAAAC,CAAE,EAAKH,EAAM,UAC3B,IAAII,EAEJ,GAAI,OAAOH,GAAiB,SAE1BG,EAAQ,OAAO,QAAQJ,EAAM,OAAO,KAAK,EACtC,OAAO,CAAC,CAAA,CAAGK,CAAQ,IAAMA,EAAS,OAAO,SAASJ,CAAY,CAAC,EAC/D,IAAI,CAAC,CAAA,CAAGI,CAAQ,KACR,CACL,KAAMA,CAChB,EACO,MACE,CAELD,EAAQH,EACR,UAAWK,KAAQF,EACjBE,EAAK,KAAOA,EAAK,KAAOC,EAAYD,EAAK,KAAMN,EAAM,MAAM,EAAI,IAEnE,CAEA,IAAIQ,EAAW,KACXC,EAAkB,KACtB,MAAMC,EAAe,IAAI,IACnBC,EAAgB,IAAI,IAAIP,CAAK,EAEnC,OAAAJ,EAAM,IAAI,aAAaE,EAAMC,EAAI,CAACS,EAAMC,EAAKC,IAAW,CACtD,GAAIH,EAAc,OAAS,EAAG,MAAO,GACrC,GAAI,CAACC,EAAK,OAAQ,CAChB,MAAMG,EAAcX,EAAM,OAAQE,GAC3BA,EAAK,KAGN,OAAOA,EAAK,MAAS,SAAiB,GACnCM,EAAK,KAAK,OAASN,EAAK,KAAK,KAH3B,EAIV,EACE,KAAKA,GACCA,EAAK,WACHU,EAAeJ,EAAK,MAAON,EAAK,UAAU,EADpB,EAE9B,EACCS,IACEN,GAAmBD,GAAaA,IAAaM,IAC/CH,EAAc,OAAOF,CAAe,EACpCC,EAAa,IAAID,CAAe,GAElCA,EAAkBM,GAEpBP,EAAWI,CACb,CACF,CAAC,EAEGH,GACFC,EAAa,IAAID,CAAe,EAG3B,CAAC,GAAGC,EAAa,OAAM,CAAE,EAAE,IAAKJ,GAAS,OAC9C,OAAIA,EAAK,IACAA,EAAK,IACH,OAAOA,EAAK,MAAS,SACvBA,EAAK,MACHW,EAAAX,EAAK,OAAL,MAAAW,EAAW,KACbX,EAAK,KAAK,KAEV,EAEX,CAAC,CACH,CAEA,SAASC,EAAaW,EAAYC,EAAQ,CACxC,GAAI,OAAOD,GAAe,SAAU,CAClC,GAAI,CAACC,EAAO,MAAMD,CAAU,EAC1B,MAAM,MACJ,gCAAgCA,CAAU,2CAClD,EAGI,OAAOC,EAAO,MAAMD,CAAU,CAChC,CAEA,OAAOA,CACT,CAEO,SAASF,EACdI,EACAC,EACAC,EACA,CACA,MAAMC,EAAO,OAAO,KAAKF,CAAO,EAEhC,OAAKE,EAAK,OAIHA,EAAK,MAAMC,GACZF,EAAQ,OACHD,EAAQG,CAAG,IAAMJ,EAAQI,CAAG,EAGjC,OAAO,UAAU,SAAS,KAAKH,EAAQG,CAAG,CAAC,IAAM,kBAC5CH,EAAQG,CAAG,EAAE,KAAKJ,EAAQI,CAAG,CAAC,EAGhCH,EAAQG,CAAG,IAAMJ,EAAQI,CAAG,CACpC,EAbQ,EAcX"}

package/dist/vue3/lib/message-input/last-active-nodes.js

@@ -1,42 +1,42 @@
-function h(t, r) {
+function h(t, n) {
   if (!t) return [];
-  const { from: i, to: o } = t.selection;
-  let n;
-  if (typeof r == "string")
-    n = Object.entries(t.schema.nodes).filter(([e, s]) => s.groups.includes(r)).map(([e, s]) => ({
-      type: s
+  const { from: o, to: f } = t.selection;
+  let r;
+  if (typeof n == "string")
+    r = Object.entries(t.schema.nodes).filter(([, e]) => e.groups.includes(n)).map(([, e]) => ({
+      type: e
     }));
   else {
-    n = r;
-    for (const e of n)
+    r = n;
+    for (const e of r)
       e.type = e.type ? y(e.type, t.schema) : null;
   }
-  let l = null, u = null;
-  const p = /* @__PURE__ */ new Set(), d = new Set(n);
-  return t.doc.nodesBetween(i, o, (e, s, c) => {
+  let i = null, s = null;
+  const l = /* @__PURE__ */ new Set(), d = new Set(r);
+  return t.doc.nodesBetween(o, f, (e, p, c) => {
     if (d.size === 0) return !1;
     if (!e.isText) {
-      const a = n.filter((f) => f.type ? typeof f.type == "string" ? !1 : e.type.name === f.type.name : !0).find((f) => f.attributes ? g(e.attrs, f.attributes) : !0);
-      a && (u && l && l !== c && (d.delete(u), p.add(u)), u = a), l = e;
+      const a = r.filter((u) => u.type ? typeof u.type == "string" ? !1 : e.type.name === u.type.name : !0).find((u) => u.attributes ? g(e.attrs, u.attributes) : !0);
+      a && (s && i && i !== c && (d.delete(s), l.add(s)), s = a), i = e;
     }
-  }), u && p.add(u), [...p.values()].map((e) => {
-    var s;
-    return e.key ? e.key : typeof e.type == "string" ? e.type : (s = e.type) != null && s.name ? e.type.name : "";
+  }), s && l.add(s), [...l.values()].map((e) => {
+    var p;
+    return e.key ? e.key : typeof e.type == "string" ? e.type : (p = e.type) != null && p.name ? e.type.name : "";
   });
 }
-function y(t, r) {
+function y(t, n) {
   if (typeof t == "string") {
-    if (!r.nodes[t])
+    if (!n.nodes[t])
       throw Error(
         `There is no node type named '${t}'. Maybe you forgot to add the extension?`
       );
-    return r.nodes[t];
+    return n.nodes[t];
   }
   return t;
 }
-function g(t, r, i) {
-  const o = Object.keys(r);
-  return o.length ? o.every((n) => i.strict ? r[n] === t[n] : Object.prototype.toString.call(r[n]) === "[object RegExp]" ? r[n].test(t[n]) : r[n] === t[n]) : !0;
+function g(t, n, o) {
+  const f = Object.keys(n);
+  return f.length ? f.every((r) => o.strict ? n[r] === t[r] : Object.prototype.toString.call(n[r]) === "[object RegExp]" ? n[r].test(t[r]) : n[r] === t[r]) : !0;
 }
 export {
   h as default,

package/dist/vue3/lib/message-input/last-active-nodes.js.map

@@ -1 +1 @@
-{"version":3,"file":"last-active-nodes.js","sources":["../../../recipes/conversation_view/message_input/last_active_nodes.js"],"sourcesContent":["/* eslint-disable complexity */\n/**\n * This function was taken from this thread and modified to work in pure JS:\n * https://github.com/ueberdosis/tiptap/issues/1058#issuecomment-778254557\n *\n * description: This helper, lastActiveNodes, finds the last (furthest from the root document)\n * matching types in your selection (ignoring nesting), you can give it either a list of args\n * similar to isActive or a group name, calling it like below. It will return a list of node\n * type names that are the last ones active in the selection, if the selection is 'empty'\n * (just the cursor) the returned list will only have at most one name.\n * This lets you build a UI for lists that works the same as most word processors.\n *\n * @param {Object} state the tiptap editor instance state\n * @param {*} typesOrGroup node types or node group name to consider\n * @returns {Array} node(s) that are the farthest from the root that matches the given type or group\n */\nexport default function lastActiveNodes (state, typesOrGroup) {\n  if (!state) return [];\n\n  const { from, to } = state.selection;\n  let types;\n\n  if (typeof typesOrGroup === 'string') {\n    // types is a name of a node group\n    types = Object.entries(state.schema.nodes)\n      .filter(([name, nodeType]) => nodeType.groups.includes(typesOrGroup))\n      .map(([name, nodeType]) => {\n        return {\n          type: nodeType,\n        };\n      });\n  } else {\n    // types is a list of LastActiveNodeItemOption\n    types = typesOrGroup;\n    for (const item of types) {\n      item.type = item.type ? getNodeType(item.type, state.schema) : null;\n    }\n  }\n\n  let lastNode = null;\n  let lastMatchedType = null;\n  const matchedTypes = new Set();\n  const notFoundTypes = new Set(types);\n\n  state.doc.nodesBetween(from, to, (node, pos, parent) => {\n    if (notFoundTypes.size === 0) return false;\n    if (!node.isText) {\n      const matchedType = types.filter((item) => {\n        if (!item.type) {\n          return true;\n        }\n        if (typeof item.type === 'string') return false; // Typeguard, shouldn't happen\n        return node.type.name === item.type.name;\n      })\n        .find(item => {\n          if (!item.attributes) return true;\n          return objectIncludes(node.attrs, item.attributes);\n        });\n      if (matchedType) {\n        if (lastMatchedType && lastNode && (lastNode !== parent)) {\n          notFoundTypes.delete(lastMatchedType);\n          matchedTypes.add(lastMatchedType);\n        }\n        lastMatchedType = matchedType;\n      }\n      lastNode = node;\n    }\n  });\n\n  if (lastMatchedType) {\n    matchedTypes.add(lastMatchedType);\n  }\n\n  return [...matchedTypes.values()].map((item) => {\n    if (item.key) {\n      return item.key;\n    } else if (typeof item.type === 'string') {\n      return item.type;\n    } else if (item.type?.name) {\n      return item.type.name;\n    } else {\n      return '';\n    }\n  });\n}\n\nfunction getNodeType (nameOrType, schema) {\n  if (typeof nameOrType === 'string') {\n    if (!schema.nodes[nameOrType]) {\n      throw Error(\n        `There is no node type named '${nameOrType}'. Maybe you forgot to add the extension?`,\n      );\n    }\n\n    return schema.nodes[nameOrType];\n  }\n\n  return nameOrType;\n}\n\nexport function objectIncludes (\n  object1,\n  object2,\n  options,\n) {\n  const keys = Object.keys(object2);\n\n  if (!keys.length) {\n    return true;\n  }\n\n  return keys.every(key => {\n    if (options.strict) {\n      return object2[key] === object1[key];\n    }\n\n    if (Object.prototype.toString.call(object2[key]) === '[object RegExp]') {\n      return object2[key].test(object1[key]);\n    }\n\n    return object2[key] === object1[key];\n  });\n}\n"],"names":["lastActiveNodes","state","typesOrGroup","from","to","types","name","nodeType","item","getNodeType","lastNode","lastMatchedType","matchedTypes","notFoundTypes","node","pos","parent","matchedType","objectIncludes","_a","nameOrType","schema","object1","object2","options","keys","key"],"mappings":"AAgBe,SAASA,EAAiBC,GAAOC,GAAc;AAC5D,MAAI,CAACD,EAAO,QAAO;AAEnB,QAAM,EAAE,MAAAE,GAAM,IAAAC,MAAOH,EAAM;AAC3B,MAAII;AAEJ,MAAI,OAAOH,KAAiB;AAE1B,IAAAG,IAAQ,OAAO,QAAQJ,EAAM,OAAO,KAAK,EACtC,OAAO,CAAC,CAACK,GAAMC,CAAQ,MAAMA,EAAS,OAAO,SAASL,CAAY,CAAC,EACnE,IAAI,CAAC,CAACI,GAAMC,CAAQ,OACZ;AAAA,MACL,MAAMA;AAAA,IAChB,EACO;AAAA,OACE;AAEL,IAAAF,IAAQH;AACR,eAAWM,KAAQH;AACjB,MAAAG,EAAK,OAAOA,EAAK,OAAOC,EAAYD,EAAK,MAAMP,EAAM,MAAM,IAAI;AAAA,EAElE;AAED,MAAIS,IAAW,MACXC,IAAkB;AACtB,QAAMC,IAAe,oBAAI,OACnBC,IAAgB,IAAI,IAAIR,CAAK;AAEnC,SAAAJ,EAAM,IAAI,aAAaE,GAAMC,GAAI,CAACU,GAAMC,GAAKC,MAAW;AACtD,QAAIH,EAAc,SAAS,EAAG,QAAO;AACrC,QAAI,CAACC,EAAK,QAAQ;AAChB,YAAMG,IAAcZ,EAAM,OAAO,CAACG,MAC3BA,EAAK,OAGN,OAAOA,EAAK,QAAS,WAAiB,KACnCM,EAAK,KAAK,SAASN,EAAK,KAAK,OAH3B,EAIV,EACE,KAAK,CAAAA,MACCA,EAAK,aACHU,EAAeJ,EAAK,OAAON,EAAK,UAAU,IADpB,EAE9B;AACH,MAAIS,MACEN,KAAmBD,KAAaA,MAAaM,MAC/CH,EAAc,OAAOF,CAAe,GACpCC,EAAa,IAAID,CAAe,IAElCA,IAAkBM,IAEpBP,IAAWI;AAAA,IACZ;AAAA,EACL,CAAG,GAEGH,KACFC,EAAa,IAAID,CAAe,GAG3B,CAAC,GAAGC,EAAa,OAAQ,CAAA,EAAE,IAAI,CAACJ,MAAS;AAzElD,QAAAW;AA0EI,WAAIX,EAAK,MACAA,EAAK,MACH,OAAOA,EAAK,QAAS,WACvBA,EAAK,QACHW,IAAAX,EAAK,SAAL,QAAAW,EAAW,OACbX,EAAK,KAAK,OAEV;AAAA,EAEb,CAAG;AACH;AAEA,SAASC,EAAaW,GAAYC,GAAQ;AACxC,MAAI,OAAOD,KAAe,UAAU;AAClC,QAAI,CAACC,EAAO,MAAMD,CAAU;AAC1B,YAAM;AAAA,QACJ,gCAAgCA,CAAU;AAAA,MAClD;AAGI,WAAOC,EAAO,MAAMD,CAAU;AAAA,EAC/B;AAED,SAAOA;AACT;AAEO,SAASF,EACdI,GACAC,GACAC,GACA;AACA,QAAMC,IAAO,OAAO,KAAKF,CAAO;AAEhC,SAAKE,EAAK,SAIHA,EAAK,MAAM,CAAAC,MACZF,EAAQ,SACHD,EAAQG,CAAG,MAAMJ,EAAQI,CAAG,IAGjC,OAAO,UAAU,SAAS,KAAKH,EAAQG,CAAG,CAAC,MAAM,oBAC5CH,EAAQG,CAAG,EAAE,KAAKJ,EAAQI,CAAG,CAAC,IAGhCH,EAAQG,CAAG,MAAMJ,EAAQI,CAAG,CACpC,IAbQ;AAcX;"}
+{"version":3,"file":"last-active-nodes.js","sources":["../../../recipes/conversation_view/message_input/last_active_nodes.js"],"sourcesContent":["/* eslint-disable complexity */\n/**\n * This function was taken from this thread and modified to work in pure JS:\n * https://github.com/ueberdosis/tiptap/issues/1058#issuecomment-778254557\n *\n * description: This helper, lastActiveNodes, finds the last (furthest from the root document)\n * matching types in your selection (ignoring nesting), you can give it either a list of args\n * similar to isActive or a group name, calling it like below. It will return a list of node\n * type names that are the last ones active in the selection, if the selection is 'empty'\n * (just the cursor) the returned list will only have at most one name.\n * This lets you build a UI for lists that works the same as most word processors.\n *\n * @param {Object} state the tiptap editor instance state\n * @param {*} typesOrGroup node types or node group name to consider\n * @returns {Array} node(s) that are the farthest from the root that matches the given type or group\n */\nexport default function lastActiveNodes (state, typesOrGroup) {\n  if (!state) return [];\n\n  const { from, to } = state.selection;\n  let types;\n\n  if (typeof typesOrGroup === 'string') {\n    // types is a name of a node group\n    types = Object.entries(state.schema.nodes)\n      .filter(([, nodeType]) => nodeType.groups.includes(typesOrGroup))\n      .map(([, nodeType]) => {\n        return {\n          type: nodeType,\n        };\n      });\n  } else {\n    // types is a list of LastActiveNodeItemOption\n    types = typesOrGroup;\n    for (const item of types) {\n      item.type = item.type ? getNodeType(item.type, state.schema) : null;\n    }\n  }\n\n  let lastNode = null;\n  let lastMatchedType = null;\n  const matchedTypes = new Set();\n  const notFoundTypes = new Set(types);\n\n  state.doc.nodesBetween(from, to, (node, pos, parent) => {\n    if (notFoundTypes.size === 0) return false;\n    if (!node.isText) {\n      const matchedType = types.filter((item) => {\n        if (!item.type) {\n          return true;\n        }\n        if (typeof item.type === 'string') return false; // Typeguard, shouldn't happen\n        return node.type.name === item.type.name;\n      })\n        .find(item => {\n          if (!item.attributes) return true;\n          return objectIncludes(node.attrs, item.attributes);\n        });\n      if (matchedType) {\n        if (lastMatchedType && lastNode && (lastNode !== parent)) {\n          notFoundTypes.delete(lastMatchedType);\n          matchedTypes.add(lastMatchedType);\n        }\n        lastMatchedType = matchedType;\n      }\n      lastNode = node;\n    }\n  });\n\n  if (lastMatchedType) {\n    matchedTypes.add(lastMatchedType);\n  }\n\n  return [...matchedTypes.values()].map((item) => {\n    if (item.key) {\n      return item.key;\n    } else if (typeof item.type === 'string') {\n      return item.type;\n    } else if (item.type?.name) {\n      return item.type.name;\n    } else {\n      return '';\n    }\n  });\n}\n\nfunction getNodeType (nameOrType, schema) {\n  if (typeof nameOrType === 'string') {\n    if (!schema.nodes[nameOrType]) {\n      throw Error(\n        `There is no node type named '${nameOrType}'. Maybe you forgot to add the extension?`,\n      );\n    }\n\n    return schema.nodes[nameOrType];\n  }\n\n  return nameOrType;\n}\n\nexport function objectIncludes (\n  object1,\n  object2,\n  options,\n) {\n  const keys = Object.keys(object2);\n\n  if (!keys.length) {\n    return true;\n  }\n\n  return keys.every(key => {\n    if (options.strict) {\n      return object2[key] === object1[key];\n    }\n\n    if (Object.prototype.toString.call(object2[key]) === '[object RegExp]') {\n      return object2[key].test(object1[key]);\n    }\n\n    return object2[key] === object1[key];\n  });\n}\n"],"names":["lastActiveNodes","state","typesOrGroup","from","to","types","nodeType","item","getNodeType","lastNode","lastMatchedType","matchedTypes","notFoundTypes","node","pos","parent","matchedType","objectIncludes","_a","nameOrType","schema","object1","object2","options","keys","key"],"mappings":"AAgBe,SAASA,EAAiBC,GAAOC,GAAc;AAC5D,MAAI,CAACD,EAAO,QAAO,CAAA;AAEnB,QAAM,EAAE,MAAAE,GAAM,IAAAC,EAAE,IAAKH,EAAM;AAC3B,MAAII;AAEJ,MAAI,OAAOH,KAAiB;AAE1B,IAAAG,IAAQ,OAAO,QAAQJ,EAAM,OAAO,KAAK,EACtC,OAAO,CAAC,CAAA,EAAGK,CAAQ,MAAMA,EAAS,OAAO,SAASJ,CAAY,CAAC,EAC/D,IAAI,CAAC,CAAA,EAAGI,CAAQ,OACR;AAAA,MACL,MAAMA;AAAA,IAChB,EACO;AAAA,OACE;AAEL,IAAAD,IAAQH;AACR,eAAWK,KAAQF;AACjB,MAAAE,EAAK,OAAOA,EAAK,OAAOC,EAAYD,EAAK,MAAMN,EAAM,MAAM,IAAI;AAAA,EAEnE;AAEA,MAAIQ,IAAW,MACXC,IAAkB;AACtB,QAAMC,IAAe,oBAAI,IAAG,GACtBC,IAAgB,IAAI,IAAIP,CAAK;AAEnC,SAAAJ,EAAM,IAAI,aAAaE,GAAMC,GAAI,CAACS,GAAMC,GAAKC,MAAW;AACtD,QAAIH,EAAc,SAAS,EAAG,QAAO;AACrC,QAAI,CAACC,EAAK,QAAQ;AAChB,YAAMG,IAAcX,EAAM,OAAO,CAACE,MAC3BA,EAAK,OAGN,OAAOA,EAAK,QAAS,WAAiB,KACnCM,EAAK,KAAK,SAASN,EAAK,KAAK,OAH3B,EAIV,EACE,KAAK,CAAAA,MACCA,EAAK,aACHU,EAAeJ,EAAK,OAAON,EAAK,UAAU,IADpB,EAE9B;AACH,MAAIS,MACEN,KAAmBD,KAAaA,MAAaM,MAC/CH,EAAc,OAAOF,CAAe,GACpCC,EAAa,IAAID,CAAe,IAElCA,IAAkBM,IAEpBP,IAAWI;AAAA,IACb;AAAA,EACF,CAAC,GAEGH,KACFC,EAAa,IAAID,CAAe,GAG3B,CAAC,GAAGC,EAAa,OAAM,CAAE,EAAE,IAAI,CAACJ,MAAS;AAzElD,QAAAW;AA0EI,WAAIX,EAAK,MACAA,EAAK,MACH,OAAOA,EAAK,QAAS,WACvBA,EAAK,QACHW,IAAAX,EAAK,SAAL,QAAAW,EAAW,OACbX,EAAK,KAAK,OAEV;AAAA,EAEX,CAAC;AACH;AAEA,SAASC,EAAaW,GAAYC,GAAQ;AACxC,MAAI,OAAOD,KAAe,UAAU;AAClC,QAAI,CAACC,EAAO,MAAMD,CAAU;AAC1B,YAAM;AAAA,QACJ,gCAAgCA,CAAU;AAAA,MAClD;AAGI,WAAOC,EAAO,MAAMD,CAAU;AAAA,EAChC;AAEA,SAAOA;AACT;AAEO,SAASF,EACdI,GACAC,GACAC,GACA;AACA,QAAMC,IAAO,OAAO,KAAKF,CAAO;AAEhC,SAAKE,EAAK,SAIHA,EAAK,MAAM,CAAAC,MACZF,EAAQ,SACHD,EAAQG,CAAG,MAAMJ,EAAQI,CAAG,IAGjC,OAAO,UAAU,SAAS,KAAKH,EAAQG,CAAG,CAAC,MAAM,oBAC5CH,EAAQG,CAAG,EAAE,KAAKJ,EAAQI,CAAG,CAAC,IAGhCH,EAAQG,CAAG,MAAMJ,EAAQI,CAAG,CACpC,IAbQ;AAcX;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),u=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),d=require("../button/button.cjs"),s=require("../tooltip/tooltip.cjs"),_=require("../stack/stack.cjs"),p=require("../keyboard-shortcut/keyboard-shortcut.cjs"),b={compatConfig:{MODE:3},name:"DtRecipeMessageInputButton",components:{DtButton:d.default,DtTooltip:s.default,DtStack:_.default,DtKeyboardShortcut:p.default},props:{ariaLabel:{type:String,required:!0},tooltipText:{type:String,required:!0},keyboardShortcutText:{type:String,default:""},isActive:{type:Boolean,default:!1},dataQa:{type:String,required:!0}},emits:["click"]};function k(o,r,e,y,f,S){const n=t.resolveComponent("dt-button"),a=t.resolveComponent("dt-keyboard-shortcut"),i=t.resolveComponent("dt-stack"),c=t.resolveComponent("dt-tooltip");return t.openBlock(),t.createBlock(c,null,{anchor:t.withCtx(()=>[t.createVNode(n,{"data-qa":e.dataQa,importance:"clear",kind:"muted","aria-label":e.ariaLabel,size:"xs",active:e.isActive,onClick:r[0]||(r[0]=l=>o.$emit("click",l))},{icon:t.withCtx(()=>[t.renderSlot(o.$slots,"icon")]),_:3},8,["data-qa","aria-label","active"])]),default:t.withCtx(()=>[t.createVNode(i,{gap:"200"},{default:t.withCtx(()=>[t.createElementVNode("p",null,t.toDisplayString(e.tooltipText),1),e.keyboardShortcutText?(t.openBlock(),t.createBlock(a,{key:0,inverted:"",shortcut:e.keyboardShortcutText},null,8,["shortcut"])):t.createCommentVNode("",!0)]),_:1})]),_:3})}const m=u._(b,[["render",k]]);exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),u=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),d=require("../keyboard-shortcut/keyboard-shortcut.cjs"),s=require("../stack/stack.cjs"),_=require("../tooltip/tooltip.cjs"),p=require("../button/button.cjs"),b={compatConfig:{MODE:3},name:"DtRecipeMessageInputButton",components:{DtButton:p.default,DtTooltip:_.default,DtStack:s.default,DtKeyboardShortcut:d.default},props:{ariaLabel:{type:String,required:!0},tooltipText:{type:String,required:!0},keyboardShortcutText:{type:String,default:""},isActive:{type:Boolean,default:!1},dataQa:{type:String,required:!0}},emits:["click"]};function k(o,r,e,y,f,S){const n=t.resolveComponent("dt-button"),a=t.resolveComponent("dt-keyboard-shortcut"),i=t.resolveComponent("dt-stack"),c=t.resolveComponent("dt-tooltip");return t.openBlock(),t.createBlock(c,null,{anchor:t.withCtx(()=>[t.createVNode(n,{"data-qa":e.dataQa,importance:"clear",kind:"muted","aria-label":e.ariaLabel,size:"xs",active:e.isActive,onClick:r[0]||(r[0]=l=>o.$emit("click",l))},{icon:t.withCtx(()=>[t.renderSlot(o.$slots,"icon")]),_:3},8,["data-qa","aria-label","active"])]),default:t.withCtx(()=>[t.createVNode(i,{gap:"200"},{default:t.withCtx(()=>[t.createElementVNode("p",null,t.toDisplayString(e.tooltipText),1),e.keyboardShortcutText?(t.openBlock(),t.createBlock(a,{key:0,inverted:"",shortcut:e.keyboardShortcutText},null,8,["shortcut"])):t.createCommentVNode("",!0)]),_:1})]),_:3})}const m=u._(b,[["render",k]]);exports.default=m;
 //# sourceMappingURL=message-input-button.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"message-input-button.cjs","sources":["../../../recipes/conversation_view/message_input/message_input_button.vue"],"sourcesContent":["<template>\n  <dt-tooltip>\n    <template #anchor>\n      <dt-button\n        :data-qa=\"dataQa\"\n        importance=\"clear\"\n        kind=\"muted\"\n        :aria-label=\"ariaLabel\"\n        size=\"xs\"\n        :active=\"isActive\"\n        @click=\"$emit('click', $event)\"\n      >\n        <template #icon>\n          <slot name=\"icon\" />\n        </template>\n      </dt-button>\n    </template>\n    <dt-stack gap=\"200\">\n      <p>{{ tooltipText }}</p>\n      <dt-keyboard-shortcut\n        v-if=\"keyboardShortcutText\"\n        inverted\n        :shortcut=\"keyboardShortcutText\"\n      />\n    </dt-stack>\n  </dt-tooltip>\n</template>\n\n<script>\nimport { DtButton } from '@/components/button';\nimport { DtTooltip } from '@/components/tooltip';\nimport { DtStack } from '@/components/stack';\nimport { DtKeyboardShortcut } from '@/components/keyboard_shortcut';\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeMessageInputButton',\n  components: {\n    DtButton,\n    DtTooltip,\n    DtStack,\n    DtKeyboardShortcut,\n  },\n\n  props: {\n    ariaLabel: {\n      type: String,\n      required: true,\n    },\n\n    tooltipText: {\n      type: String,\n      required: true,\n    },\n\n    keyboardShortcutText: {\n      type: String,\n      default: '',\n    },\n\n    isActive: {\n      type: Boolean,\n      default: false,\n    },\n\n    dataQa: {\n      type: String,\n      required: true,\n    },\n  },\n\n  emits: ['click'],\n};\n</script>\n"],"names":["_sfc_main","DtButton","DtTooltip","DtStack","DtKeyboardShortcut","_createBlock","_component_dt_tooltip","_createVNode","_component_dt_button","$props","_cache","$event","_ctx","_renderSlot","_withCtx","_component_dt_stack","_createElementVNode","_component_dt_keyboard_shortcut","_createCommentVNode"],"mappings":"2VAiCKA,EAAU,CACb,aAAc,CAAE,KAAM,CAAG,EACzB,KAAM,6BACN,WAAY,CACV,SAAAC,EAAQ,QACR,UAAAC,EAAS,QACT,QAAAC,EAAO,QACP,mBAAAC,EAAkB,OACnB,EAED,MAAO,CACL,UAAW,CACT,KAAM,OACN,SAAU,EACX,EAED,YAAa,CACX,KAAM,OACN,SAAU,EACX,EAED,qBAAsB,CACpB,KAAM,OACN,QAAS,EACV,EAED,SAAU,CACR,KAAM,QACN,QAAS,EACV,EAED,OAAQ,CACN,KAAM,OACN,SAAU,EACX,CACF,EAED,MAAO,CAAC,OAAO,CACjB,wMAtEEC,cAwBaC,EAAA,KAAA,CAvBA,iBACT,IAYY,CAZZC,EAAAA,YAYYC,EAAA,CAXT,UAASC,EAAM,OAChB,WAAW,QACX,KAAK,QACJ,aAAYA,EAAS,UACtB,KAAK,KACJ,OAAQA,EAAQ,SAChB,QAAKC,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAEC,EAAK,MAAA,QAAUD,CAAM,KAElB,eACT,IAAoB,CAApBE,aAAoBD,EAAA,OAAA,MAAA,IAb9B,EAAA,0CAAA,QAAAE,EAAA,QAiBI,IAOW,CAPXP,EAAAA,YAOWQ,EAAA,CAPD,IAAI,KAAK,EAAA,CAjBvB,QAAAD,EAAA,QAkBM,IAAwB,CAAxBE,EAAA,mBAAwB,2BAAlBP,EAAW,WAAA,EAAA,CAAA,EAETA,EAAoB,oCAD5BJ,EAIE,YAAAY,EAAA,CAvBR,IAAA,EAqBQ,SAAA,GACC,SAAUR,EAAoB,4CAtBvCS,EAAA,mBAAA,GAAA,EAAA,IAAA,EAAA,MAAA,EAAA"}
+{"version":3,"file":"message-input-button.cjs","sources":["../../../recipes/conversation_view/message_input/message_input_button.vue"],"sourcesContent":["<template>\n  <dt-tooltip>\n    <template #anchor>\n      <dt-button\n        :data-qa=\"dataQa\"\n        importance=\"clear\"\n        kind=\"muted\"\n        :aria-label=\"ariaLabel\"\n        size=\"xs\"\n        :active=\"isActive\"\n        @click=\"$emit('click', $event)\"\n      >\n        <template #icon>\n          <slot name=\"icon\" />\n        </template>\n      </dt-button>\n    </template>\n    <dt-stack gap=\"200\">\n      <p>{{ tooltipText }}</p>\n      <dt-keyboard-shortcut\n        v-if=\"keyboardShortcutText\"\n        inverted\n        :shortcut=\"keyboardShortcutText\"\n      />\n    </dt-stack>\n  </dt-tooltip>\n</template>\n\n<script>\nimport { DtButton } from '@/components/button';\nimport { DtTooltip } from '@/components/tooltip';\nimport { DtStack } from '@/components/stack';\nimport { DtKeyboardShortcut } from '@/components/keyboard_shortcut';\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeMessageInputButton',\n  components: {\n    DtButton,\n    DtTooltip,\n    DtStack,\n    DtKeyboardShortcut,\n  },\n\n  props: {\n    ariaLabel: {\n      type: String,\n      required: true,\n    },\n\n    tooltipText: {\n      type: String,\n      required: true,\n    },\n\n    keyboardShortcutText: {\n      type: String,\n      default: '',\n    },\n\n    isActive: {\n      type: Boolean,\n      default: false,\n    },\n\n    dataQa: {\n      type: String,\n      required: true,\n    },\n  },\n\n  emits: ['click'],\n};\n</script>\n"],"names":["_sfc_main","DtButton","DtTooltip","DtStack","DtKeyboardShortcut","_createBlock","_component_dt_tooltip","_createVNode","_component_dt_button","$props","_cache","$event","_ctx","_renderSlot","_withCtx","_component_dt_stack","_createElementVNode","_component_dt_keyboard_shortcut","_createCommentVNode"],"mappings":"2VAiCKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,6BACN,WAAY,CACV,SAAAC,EAAAA,QACA,UAAAC,EAAAA,QACA,QAAAC,EAAAA,QACA,mBAAAC,EAAAA,SAGF,MAAO,CACL,UAAW,CACT,KAAM,OACN,SAAU,IAGZ,YAAa,CACX,KAAM,OACN,SAAU,IAGZ,qBAAsB,CACpB,KAAM,OACN,QAAS,IAGX,SAAU,CACR,KAAM,QACN,QAAS,IAGX,OAAQ,CACN,KAAM,OACN,SAAU,KAId,MAAO,CAAC,OAAO,CACjB,wMAtEEC,cAwBaC,EAAA,KAAA,CAvBA,iBACT,IAYY,CAZZC,EAAAA,YAYYC,EAAA,CAXT,UAASC,EAAA,OACV,WAAW,QACX,KAAK,QACJ,aAAYA,EAAA,UACb,KAAK,KACJ,OAAQA,EAAA,SACR,QAAKC,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAEC,EAAA,MAAK,QAAUD,CAAM,KAElB,eACT,IAAoB,CAApBE,aAAoBD,EAAA,OAAA,MAAA,IAb9B,EAAA,0CAAA,QAAAE,EAAAA,QAiBI,IAOW,CAPXP,EAAAA,YAOWQ,EAAA,CAPD,IAAI,KAAK,EAAA,CAjBvB,QAAAD,EAAAA,QAkBM,IAAwB,CAAxBE,EAAAA,mBAAwB,2BAAlBP,EAAA,WAAW,EAAA,CAAA,EAETA,EAAA,oCADRJ,EAAAA,YAIEY,EAAA,CAvBR,IAAA,EAqBQ,SAAA,GACC,SAAUR,EAAA,4CAtBnBS,EAAAA,mBAAA,GAAA,EAAA,IAAA,EAAA,MAAA,EAAA"}

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

@@ -1,17 +1,17 @@
-import { resolveComponent as e, openBlock as n, createBlock as i, withCtx as o, createVNode as c, renderSlot as p, createElementVNode as _, toDisplayString as f, createCommentVNode as k } from "vue";
+import { resolveComponent as e, createBlock as n, openBlock as i, withCtx as o, createVNode as c, createElementVNode as p, createCommentVNode as _, toDisplayString as f, renderSlot as k } from "vue";
 import { _ as y } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import b from "../button/button.js";
-import S from "../tooltip/tooltip.js";
-import g from "../stack/stack.js";
-import h from "../keyboard-shortcut/keyboard-shortcut.js";
+import b from "../keyboard-shortcut/keyboard-shortcut.js";
+import S from "../stack/stack.js";
+import g from "../tooltip/tooltip.js";
+import h from "../button/button.js";
 const x = {
   compatConfig: { MODE: 3 },
   name: "DtRecipeMessageInputButton",
   components: {
-    DtButton: b,
-    DtTooltip: S,
-    DtStack: g,
-    DtKeyboardShortcut: h
+    DtButton: h,
+    DtTooltip: g,
+    DtStack: S,
+    DtKeyboardShortcut: b
   },
   props: {
     ariaLabel: {
@@ -39,7 +39,7 @@ const x = {
 };
 function D(r, a, t, v, B, T) {
   const d = e("dt-button"), l = e("dt-keyboard-shortcut"), u = e("dt-stack"), s = e("dt-tooltip");
-  return n(), i(s, null, {
+  return i(), n(s, null, {
     anchor: o(() => [
       c(d, {
         "data-qa": t.dataQa,
@@ -51,7 +51,7 @@ function D(r, a, t, v, B, T) {
         onClick: a[0] || (a[0] = (m) => r.$emit("click", m))
       }, {
         icon: o(() => [
-          p(r.$slots, "icon")
+          k(r.$slots, "icon")
         ]),
         _: 3
       }, 8, ["data-qa", "aria-label", "active"])
@@ -59,12 +59,12 @@ function D(r, a, t, v, B, T) {
     default: o(() => [
       c(u, { gap: "200" }, {
         default: o(() => [
-          _("p", null, f(t.tooltipText), 1),
-          t.keyboardShortcutText ? (n(), i(l, {
+          p("p", null, f(t.tooltipText), 1),
+          t.keyboardShortcutText ? (i(), n(l, {
             key: 0,
             inverted: "",
             shortcut: t.keyboardShortcutText
-          }, null, 8, ["shortcut"])) : k("", !0)
+          }, null, 8, ["shortcut"])) : _("", !0)
         ]),
         _: 1
       })

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

@@ -1 +1 @@
-{"version":3,"file":"message-input-button.js","sources":["../../../recipes/conversation_view/message_input/message_input_button.vue"],"sourcesContent":["<template>\n  <dt-tooltip>\n    <template #anchor>\n      <dt-button\n        :data-qa=\"dataQa\"\n        importance=\"clear\"\n        kind=\"muted\"\n        :aria-label=\"ariaLabel\"\n        size=\"xs\"\n        :active=\"isActive\"\n        @click=\"$emit('click', $event)\"\n      >\n        <template #icon>\n          <slot name=\"icon\" />\n        </template>\n      </dt-button>\n    </template>\n    <dt-stack gap=\"200\">\n      <p>{{ tooltipText }}</p>\n      <dt-keyboard-shortcut\n        v-if=\"keyboardShortcutText\"\n        inverted\n        :shortcut=\"keyboardShortcutText\"\n      />\n    </dt-stack>\n  </dt-tooltip>\n</template>\n\n<script>\nimport { DtButton } from '@/components/button';\nimport { DtTooltip } from '@/components/tooltip';\nimport { DtStack } from '@/components/stack';\nimport { DtKeyboardShortcut } from '@/components/keyboard_shortcut';\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeMessageInputButton',\n  components: {\n    DtButton,\n    DtTooltip,\n    DtStack,\n    DtKeyboardShortcut,\n  },\n\n  props: {\n    ariaLabel: {\n      type: String,\n      required: true,\n    },\n\n    tooltipText: {\n      type: String,\n      required: true,\n    },\n\n    keyboardShortcutText: {\n      type: String,\n      default: '',\n    },\n\n    isActive: {\n      type: Boolean,\n      default: false,\n    },\n\n    dataQa: {\n      type: String,\n      required: true,\n    },\n  },\n\n  emits: ['click'],\n};\n</script>\n"],"names":["_sfc_main","DtButton","DtTooltip","DtStack","DtKeyboardShortcut","_createBlock","_component_dt_tooltip","_createVNode","_component_dt_button","$props","_cache","$event","_ctx","_renderSlot","_withCtx","_component_dt_stack","_createElementVNode","_component_dt_keyboard_shortcut","_createCommentVNode"],"mappings":";;;;;;AAiCA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,MAAM;AAAA,EACN,YAAY;AAAA,IACV,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,oBAAAC;AAAA,EACD;AAAA,EAED,OAAO;AAAA,IACL,WAAW;AAAA,MACT,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,IAED,aAAa;AAAA,MACX,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,IAED,sBAAsB;AAAA,MACpB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IAED,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IAED,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,EACF;AAAA,EAED,OAAO,CAAC,OAAO;AACjB;;;cAtEEC,EAwBaC,GAAA,MAAA;AAAA,IAvBA,UACT,MAYY;AAAA,MAZZC,EAYYC,GAAA;AAAA,QAXT,WAASC,EAAM;AAAA,QAChB,YAAW;AAAA,QACX,MAAK;AAAA,QACJ,cAAYA,EAAS;AAAA,QACtB,MAAK;AAAA,QACJ,QAAQA,EAAQ;AAAA,QAChB,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEC,EAAK,MAAA,SAAUD,CAAM;AAAA;QAElB,QACT,MAAoB;AAAA,UAApBE,EAAoBD,EAAA,QAAA,MAAA;AAAA;QAb9B,GAAA;AAAA;;IAAA,SAAAE,EAiBI,MAOW;AAAA,MAPXP,EAOWQ,GAAA,EAPD,KAAI,MAAK,GAAA;AAAA,QAjBvB,SAAAD,EAkBM,MAAwB;AAAA,UAAxBE,EAAwB,aAAlBP,EAAW,WAAA,GAAA,CAAA;AAAA,UAETA,EAAoB,6BAD5BJ,EAIEY,GAAA;AAAA,YAvBR,KAAA;AAAA,YAqBQ,UAAA;AAAA,YACC,UAAUR,EAAoB;AAAA,uCAtBvCS,EAAA,IAAA,EAAA;AAAA;QAAA,GAAA;AAAA;;IAAA,GAAA;AAAA;;;"}
+{"version":3,"file":"message-input-button.js","sources":["../../../recipes/conversation_view/message_input/message_input_button.vue"],"sourcesContent":["<template>\n  <dt-tooltip>\n    <template #anchor>\n      <dt-button\n        :data-qa=\"dataQa\"\n        importance=\"clear\"\n        kind=\"muted\"\n        :aria-label=\"ariaLabel\"\n        size=\"xs\"\n        :active=\"isActive\"\n        @click=\"$emit('click', $event)\"\n      >\n        <template #icon>\n          <slot name=\"icon\" />\n        </template>\n      </dt-button>\n    </template>\n    <dt-stack gap=\"200\">\n      <p>{{ tooltipText }}</p>\n      <dt-keyboard-shortcut\n        v-if=\"keyboardShortcutText\"\n        inverted\n        :shortcut=\"keyboardShortcutText\"\n      />\n    </dt-stack>\n  </dt-tooltip>\n</template>\n\n<script>\nimport { DtButton } from '@/components/button';\nimport { DtTooltip } from '@/components/tooltip';\nimport { DtStack } from '@/components/stack';\nimport { DtKeyboardShortcut } from '@/components/keyboard_shortcut';\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeMessageInputButton',\n  components: {\n    DtButton,\n    DtTooltip,\n    DtStack,\n    DtKeyboardShortcut,\n  },\n\n  props: {\n    ariaLabel: {\n      type: String,\n      required: true,\n    },\n\n    tooltipText: {\n      type: String,\n      required: true,\n    },\n\n    keyboardShortcutText: {\n      type: String,\n      default: '',\n    },\n\n    isActive: {\n      type: Boolean,\n      default: false,\n    },\n\n    dataQa: {\n      type: String,\n      required: true,\n    },\n  },\n\n  emits: ['click'],\n};\n</script>\n"],"names":["_sfc_main","DtButton","DtTooltip","DtStack","DtKeyboardShortcut","_createBlock","_component_dt_tooltip","_createVNode","_component_dt_button","$props","_cache","$event","_ctx","_renderSlot","_withCtx","_component_dt_stack","_createElementVNode","_component_dt_keyboard_shortcut","_createCommentVNode"],"mappings":";;;;;;AAiCA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EACN,YAAY;AAAA,IACV,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,oBAAAC;AAAA;EAGF,OAAO;AAAA,IACL,WAAW;AAAA,MACT,MAAM;AAAA,MACN,UAAU;AAAA;IAGZ,aAAa;AAAA,MACX,MAAM;AAAA,MACN,UAAU;AAAA;IAGZ,sBAAsB;AAAA,MACpB,MAAM;AAAA,MACN,SAAS;AAAA;IAGX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;IAGX,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA;;EAId,OAAO,CAAC,OAAO;AACjB;;;cAtEEC,EAwBaC,GAAA,MAAA;AAAA,IAvBA,UACT,MAYY;AAAA,MAZZC,EAYYC,GAAA;AAAA,QAXT,WAASC,EAAA;AAAA,QACV,YAAW;AAAA,QACX,MAAK;AAAA,QACJ,cAAYA,EAAA;AAAA,QACb,MAAK;AAAA,QACJ,QAAQA,EAAA;AAAA,QACR,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEC,EAAA,MAAK,SAAUD,CAAM;AAAA;QAElB,QACT,MAAoB;AAAA,UAApBE,EAAoBD,EAAA,QAAA,MAAA;AAAA;QAb9B,GAAA;AAAA;;IAAA,SAAAE,EAiBI,MAOW;AAAA,MAPXP,EAOWQ,GAAA,EAPD,KAAI,MAAK,GAAA;AAAA,QAjBvB,SAAAD,EAkBM,MAAwB;AAAA,UAAxBE,EAAwB,aAAlBP,EAAA,WAAW,GAAA,CAAA;AAAA,UAETA,EAAA,6BADRJ,EAIEY,GAAA;AAAA,YAvBR,KAAA;AAAA,YAqBQ,UAAA;AAAA,YACC,UAAUR,EAAA;AAAA,uCAtBnBS,EAAA,IAAA,EAAA;AAAA;QAAA,GAAA;AAAA;;IAAA,GAAA;AAAA;;;"}

package/dist/vue3/lib/message-input/message-input-constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"message-input-constants.cjs","sources":["../../../recipes/conversation_view/message_input/message_input_constants.js"],"sourcesContent":["export const DEFAULT_CONSTANTS = null;\n\nexport default {\n  DEFAULT_CONSTANTS,\n};\n"],"names":["DEFAULT_CONSTANTS","message_input_constants"],"mappings":"4GAAY,MAACA,EAAoB,KAElBC,EAAA,CACb,kBAAAD,CACF"}
+{"version":3,"file":"message-input-constants.cjs","sources":["../../../recipes/conversation_view/message_input/message_input_constants.js"],"sourcesContent":["export const DEFAULT_CONSTANTS = null;\n\nexport default {\n  DEFAULT_CONSTANTS,\n};\n"],"names":["DEFAULT_CONSTANTS","message_input_constants"],"mappings":"4GAAY,MAACA,EAAoB,KAEjCC,EAAe,CACb,kBAAAD,CACF"}

package/dist/vue3/lib/message-input/message-input-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"message-input-constants.js","sources":["../../../recipes/conversation_view/message_input/message_input_constants.js"],"sourcesContent":["export const DEFAULT_CONSTANTS = null;\n\nexport default {\n  DEFAULT_CONSTANTS,\n};\n"],"names":["DEFAULT_CONSTANTS","message_input_constants"],"mappings":"AAAY,MAACA,IAAoB,MAElBC,IAAA;AAAA,EACb;AACF;"}
+{"version":3,"file":"message-input-constants.js","sources":["../../../recipes/conversation_view/message_input/message_input_constants.js"],"sourcesContent":["export const DEFAULT_CONSTANTS = null;\n\nexport default {\n  DEFAULT_CONSTANTS,\n};\n"],"names":["DEFAULT_CONSTANTS","message_input_constants"],"mappings":"AAAY,MAACA,IAAoB,MAEjCC,IAAe;AAAA,EACb;AACF;"}

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

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

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

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