@dialpad/dialtone 9.130.0 → 9.131.0

package/dist/vue2/lib/link/link.js

@@ -1,4 +1,4 @@
-import { LINK_VARIANTS as r, LINK_KIND_MODIFIERS as s, getLinkKindModifier as i } from "./link-constants.js";
+import { getLinkKindModifier as r, LINK_KIND_MODIFIERS as s, LINK_VARIANTS as i } from "./link-constants.js";
 import { n as a } from "../../_plugin-vue2_normalizer-DSLOjnn3.js";
 const o = {
   name: "DtLink",
@@ -11,7 +11,7 @@ const o = {
       type: String,
       default: "",
       validator(e) {
-        return r.includes(e);
+        return i.includes(e);
       }
     },
     /**
@@ -56,7 +56,7 @@ const o = {
     getLinkClasses() {
       return [
         "d-link",
-        i(this.kind, this.inverted)
+        r(this.kind, this.inverted)
       ];
     }
   }

package/dist/vue2/lib/list-item/list-item-constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"list-item-constants.cjs","sources":["../../../components/list_item/list_item_constants.js"],"sourcesContent":["export const LIST_ITEM_TYPES = {\n  DEFAULT: 'default',\n  CUSTOM: 'custom',\n};\n\nexport const LIST_ITEM_NAVIGATION_TYPES = {\n  ARROW_KEYS: 'arrow-keys',\n  TAB: 'tab',\n  NONE: 'none',\n};\n\nexport default {\n  LIST_ITEM_TYPES,\n  LIST_ITEM_NAVIGATION_TYPES,\n};\n"],"names":["LIST_ITEM_TYPES","LIST_ITEM_NAVIGATION_TYPES","list_item_constants"],"mappings":"4GAAY,MAACA,EAAkB,CAC7B,QAAS,UACT,OAAQ,QACV,EAEaC,EAA6B,CACxC,WAAY,aACZ,IAAK,MACL,KAAM,MACR,EAEeC,EAAA,CACb,gBAAAF,EACA,2BAAAC,CACF"}
+{"version":3,"file":"list-item-constants.cjs","sources":["../../../components/list_item/list_item_constants.js"],"sourcesContent":["export const LIST_ITEM_TYPES = {\n  DEFAULT: 'default',\n  CUSTOM: 'custom',\n};\n\nexport const LIST_ITEM_NAVIGATION_TYPES = {\n  ARROW_KEYS: 'arrow-keys',\n  TAB: 'tab',\n  NONE: 'none',\n};\n\nexport default {\n  LIST_ITEM_TYPES,\n  LIST_ITEM_NAVIGATION_TYPES,\n};\n"],"names":["LIST_ITEM_TYPES","LIST_ITEM_NAVIGATION_TYPES","list_item_constants"],"mappings":"4GAAY,MAACA,EAAkB,CAC7B,QAAS,UACT,OAAQ,QACV,EAEaC,EAA6B,CACxC,WAAY,aACZ,IAAK,MACL,KAAM,MACR,EAEAC,EAAe,CACb,gBAAAF,EACA,2BAAAC,CACF"}

package/dist/vue2/lib/list-item/list-item-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"list-item-constants.js","sources":["../../../components/list_item/list_item_constants.js"],"sourcesContent":["export const LIST_ITEM_TYPES = {\n  DEFAULT: 'default',\n  CUSTOM: 'custom',\n};\n\nexport const LIST_ITEM_NAVIGATION_TYPES = {\n  ARROW_KEYS: 'arrow-keys',\n  TAB: 'tab',\n  NONE: 'none',\n};\n\nexport default {\n  LIST_ITEM_TYPES,\n  LIST_ITEM_NAVIGATION_TYPES,\n};\n"],"names":["LIST_ITEM_TYPES","LIST_ITEM_NAVIGATION_TYPES","list_item_constants"],"mappings":"AAAY,MAACA,IAAkB;AAAA,EAC7B,SAAS;AAAA,EACT,QAAQ;AACV,GAEaC,IAA6B;AAAA,EACxC,YAAY;AAAA,EACZ,KAAK;AAAA,EACL,MAAM;AACR,GAEeC,IAAA;AAAA,EACb,iBAAAF;AAAA,EACA,4BAAAC;AACF;"}
+{"version":3,"file":"list-item-constants.js","sources":["../../../components/list_item/list_item_constants.js"],"sourcesContent":["export const LIST_ITEM_TYPES = {\n  DEFAULT: 'default',\n  CUSTOM: 'custom',\n};\n\nexport const LIST_ITEM_NAVIGATION_TYPES = {\n  ARROW_KEYS: 'arrow-keys',\n  TAB: 'tab',\n  NONE: 'none',\n};\n\nexport default {\n  LIST_ITEM_TYPES,\n  LIST_ITEM_NAVIGATION_TYPES,\n};\n"],"names":["LIST_ITEM_TYPES","LIST_ITEM_NAVIGATION_TYPES","list_item_constants"],"mappings":"AAAY,MAACA,IAAkB;AAAA,EAC7B,SAAS;AAAA,EACT,QAAQ;AACV,GAEaC,IAA6B;AAAA,EACxC,YAAY;AAAA,EACZ,KAAK;AAAA,EACL,MAAM;AACR,GAEAC,IAAe;AAAA,EACb,iBAAAF;AAAA,EACA,4BAAAC;AACF;"}

package/dist/vue2/lib/list-item/list-item.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"list-item.cjs","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/vue2';\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  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     * Native click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n\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        ...this.$listeners,\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      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","LIST_ITEM_NAVIGATION_TYPES","event","e"],"mappings":"iVAyDAA,EAAA,CAAA,WAAA,WAAA,QAAA,EAMAC,EAAA,CACA,KAAA,aAEA,WAAA,CACA,aAAAC,EAAA,QACA,YAAAC,EAAA,WACA,EAKA,OAAA,CACA,YAAA,CAAA,QAAA,IAAA,CACA,EAEA,MAAA,CAIA,GAAA,CACA,KAAA,OACA,SAAA,CAAA,OAAAC,UAAA,gBAAA,CAAA,CACA,EAKA,KAAA,CACA,KAAA,OACA,QAAA,WACA,UAAAC,GAAAL,EAAA,SAAAK,CAAA,CACA,EAKA,YAAA,CACA,KAAA,OACA,QAAA,IACA,EAMA,KAAA,CACA,KAAA,OACA,QAAAC,EAAA,gBAAA,QACA,UAAA,GAAA,OAAA,OAAAA,iBAAA,EAAA,SAAA,CAAA,CACA,EASA,eAAA,CACA,KAAA,OACA,QAAAC,EAAA,2BAAA,KACA,UAAA,GAAA,OAAA,OAAAA,4BAAA,EAAA,SAAA,CAAA,CACA,EAKA,SAAA,CACA,KAAA,QACA,QAAA,EACA,EAQA,aAAA,CACA,KAAA,CAAA,OAAA,OAAA,KAAA,EACA,QAAA,EACA,CACA,EAEA,MAAA,CAOA,QAQA,UAQA,YAQA,YACA,EAEA,MAAA,CACA,MAAA,CACA,SAAA,GACA,iBAAA,EACA,CACA,EAEA,SAAA,CACA,eAAA,CACA,OAAA,KAAA,OAAAD,EAAA,gBAAA,OACA,EAEA,mBAAA,CACA,MAAA,CACA,GAAA,KAAA,WACA,QAAAE,GAAA,CACA,CAAA,QAAA,OAAA,EAAA,SAAAA,EAAA,KAAA,YAAA,CAAA,GACA,KAAA,QAAAA,CAAA,EAEA,KAAA,MAAA,UAAAA,CAAA,CACA,EAEA,UAAAA,GAAA,CACA,KAAA,aAAAA,CAAA,EACA,KAAA,MAAA,YAAAA,CAAA,CACA,EAEA,WAAAA,GAAA,CACA,KAAA,aAAAA,CAAA,EACA,KAAA,MAAA,aAAAA,CAAA,CACA,CACA,CACA,EAMA,eAAA,CACA,OAAA,KAAA,YACA,KAAA,aAAA,KAAA,YAAA,EAAA,KAAA,KAAA,KAAA,cAAA,KAAA,iBAEA,EACA,EAEA,aAAA,CAEA,OAAA,KAAA,iBAAAD,EAAA,2BAAA,GACA,EAKA,aAAA,CACA,OAAA,KAAA,iBAAAA,EAAA,2BAAA,IACA,CACA,EAEA,QAAA,CACA,QAAAE,EAAA,CACA,KAAA,MAAA,QAAAA,CAAA,CACA,EAEA,cAAA,CACA,KAAA,iBAAA,EACA,EAEA,cAAA,CACA,KAAA,iBAAA,EACA,CACA,CACA"}
+{"version":3,"file":"list-item.cjs","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/vue2';\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  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     * Native click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n\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        ...this.$listeners,\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      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","LIST_ITEM_NAVIGATION_TYPES","event","e"],"mappings":"iVAyDAA,EAAA,CAAA,WAAA,WAAA,QAAA,EAMAC,EAAA,CACA,KAAA,aAEA,WAAA,CACA,aAAAC,EAAAA,QACA,YAAAC,EAAAA,WACA,EAKA,OAAA,CACA,YAAA,CAAA,QAAA,IAAA,CACA,EAEA,MAAA,CAIA,GAAA,CACA,KAAA,OACA,SAAA,CAAA,OAAAC,EAAAA,QAAA,gBAAA,CAAA,CACA,EAKA,KAAA,CACA,KAAA,OACA,QAAA,WACA,UAAAC,GAAAL,EAAA,SAAAK,CAAA,CACA,EAKA,YAAA,CACA,KAAA,OACA,QAAA,IACA,EAMA,KAAA,CACA,KAAA,OACA,QAAAC,EAAAA,gBAAA,QACA,UAAA,GAAA,OAAA,OAAAA,iBAAA,EAAA,SAAA,CAAA,CACA,EASA,eAAA,CACA,KAAA,OACA,QAAAC,EAAAA,2BAAA,KACA,UAAA,GAAA,OAAA,OAAAA,4BAAA,EAAA,SAAA,CAAA,CACA,EAKA,SAAA,CACA,KAAA,QACA,QAAA,EACA,EAQA,aAAA,CACA,KAAA,CAAA,OAAA,OAAA,KAAA,EACA,QAAA,EACA,CACA,EAEA,MAAA,CAOA,QAQA,UAQA,YAQA,YACA,EAEA,MAAA,CACA,MAAA,CACA,SAAA,GACA,iBAAA,EACA,CACA,EAEA,SAAA,CACA,eAAA,CACA,OAAA,KAAA,OAAAD,EAAAA,gBAAA,OACA,EAEA,mBAAA,CACA,MAAA,CACA,GAAA,KAAA,WACA,QAAAE,GAAA,CACA,CAAA,QAAA,OAAA,EAAA,SAAAA,EAAA,KAAA,YAAA,CAAA,GACA,KAAA,QAAAA,CAAA,EAEA,KAAA,MAAA,UAAAA,CAAA,CACA,EAEA,UAAAA,GAAA,CACA,KAAA,aAAAA,CAAA,EACA,KAAA,MAAA,YAAAA,CAAA,CACA,EAEA,WAAAA,GAAA,CACA,KAAA,aAAAA,CAAA,EACA,KAAA,MAAA,aAAAA,CAAA,CACA,CACA,CACA,EAMA,eAAA,CACA,OAAA,KAAA,YACA,KAAA,aAAA,KAAA,YAAA,EAAA,KAAA,KAAA,KAAA,YAAA,EAAA,KAAA,iBAEA,EACA,EAEA,aAAA,CAEA,OAAA,KAAA,iBAAAD,EAAAA,2BAAA,GACA,EAKA,aAAA,CACA,OAAA,KAAA,iBAAAA,EAAAA,2BAAA,IACA,CACA,EAEA,QAAA,CACA,QAAAE,EAAA,CACA,KAAA,MAAA,QAAAA,CAAA,CACA,EAEA,cAAA,CACA,KAAA,iBAAA,EACA,EAEA,cAAA,CACA,KAAA,iBAAA,EACA,CACA,CACA"}

package/dist/vue2/lib/list-item/list-item.js

@@ -1,4 +1,4 @@
-import { LIST_ITEM_TYPES as l, LIST_ITEM_NAVIGATION_TYPES as i } from "./list-item-constants.js";
+import { LIST_ITEM_NAVIGATION_TYPES as i, LIST_ITEM_TYPES as l } from "./list-item-constants.js";
 import r from "../../common/utils/index.js";
 import { DtIconCheck as n } from "@dialpad/dialtone-icons/vue2";
 import { n as a } from "../../_plugin-vue2_normalizer-DSLOjnn3.js";

package/dist/vue2/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/vue2';\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  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     * Native click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n\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        ...this.$listeners,\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      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"],"mappings":";;;;;AAyDA,MAAAA,IAAA,CAAA,YAAA,YAAA,QAAA,GAMAC,IAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,EACA;AAAA;AAAA;AAAA;AAAA,EAKA,QAAA;AAAA,IACA,aAAA,EAAA,SAAA,KAAA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,IAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,eAAAC,EAAA,gBAAA;AAAA,MAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA,CAAAC,MAAAL,EAAA,SAAAK,CAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,aAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAAC,EAAA;AAAA,MACA,WAAA,CAAAC,MAAA,OAAA,OAAAD,CAAA,EAAA,SAAAC,CAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASA,gBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAAC,EAAA;AAAA,MACA,WAAA,CAAAD,MAAA,OAAA,OAAAC,CAAA,EAAA,SAAAD,CAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA,cAAA;AAAA,MACA,MAAA,CAAA,QAAA,QAAA,KAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA;AAAA,EACA;AAAA,EAEA,OAAA;AACA,WAAA;AAAA,MACA,UAAA;AAAA,MACA,kBAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,gBAAA;AACA,aAAA,KAAA,SAAAD,EAAA;AAAA,IACA;AAAA,IAEA,oBAAA;AACA,aAAA;AAAA,QACA,GAAA,KAAA;AAAA,QACA,SAAA,CAAAG,MAAA;AACA,UAAA,CAAA,SAAA,OAAA,EAAA,SAAAA,EAAA,KAAA,YAAA,CAAA,KACA,KAAA,QAAAA,CAAA,GAEA,KAAA,MAAA,WAAAA,CAAA;AAAA,QACA;AAAA,QAEA,WAAA,CAAAA,MAAA;AACA,eAAA,aAAAA,CAAA,GACA,KAAA,MAAA,aAAAA,CAAA;AAAA,QACA;AAAA,QAEA,YAAA,CAAAA,MAAA;AACA,eAAA,aAAAA,CAAA,GACA,KAAA,MAAA,cAAAA,CAAA;AAAA,QACA;AAAA,MACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,gBAAA;AACA,aAAA,KAAA,cACA,KAAA,eAAA,KAAA,YAAA,IAAA,KAAA,OAAA,KAAA,gBAAA,KAAA,mBAEA;AAAA,IACA;AAAA,IAEA,cAAA;AAEA,aAAA,KAAA,mBAAAD,EAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,cAAA;AACA,aAAA,KAAA,mBAAAA,EAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA,IACA,QAAA,GAAA;AACA,WAAA,MAAA,SAAA,CAAA;AAAA,IACA;AAAA,IAEA,eAAA;AACA,WAAA,mBAAA;AAAA,IACA;AAAA,IAEA,eAAA;AACA,WAAA,mBAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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/vue2';\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  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     * Native click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n\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        ...this.$listeners,\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      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"],"mappings":";;;;;AAyDA,MAAAA,IAAA,CAAA,YAAA,YAAA,QAAA,GAMAC,IAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,EACA;AAAA;AAAA;AAAA;AAAA,EAKA,QAAA;AAAA,IACA,aAAA,EAAA,SAAA,KAAA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,IAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,eAAAC,EAAA,gBAAA;AAAA,MAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA,CAAAC,MAAAL,EAAA,SAAAK,CAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,aAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAAC,EAAA;AAAA,MACA,WAAA,CAAAC,MAAA,OAAA,OAAAD,CAAA,EAAA,SAAAC,CAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASA,gBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAAC,EAAA;AAAA,MACA,WAAA,CAAAD,MAAA,OAAA,OAAAC,CAAA,EAAA,SAAAD,CAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA,cAAA;AAAA,MACA,MAAA,CAAA,QAAA,QAAA,KAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA;AAAA,EACA;AAAA,EAEA,OAAA;AACA,WAAA;AAAA,MACA,UAAA;AAAA,MACA,kBAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,gBAAA;AACA,aAAA,KAAA,SAAAD,EAAA;AAAA,IACA;AAAA,IAEA,oBAAA;AACA,aAAA;AAAA,QACA,GAAA,KAAA;AAAA,QACA,SAAA,CAAAG,MAAA;AACA,UAAA,CAAA,SAAA,OAAA,EAAA,SAAAA,EAAA,KAAA,YAAA,CAAA,KACA,KAAA,QAAAA,CAAA,GAEA,KAAA,MAAA,WAAAA,CAAA;AAAA,QACA;AAAA,QAEA,WAAA,CAAAA,MAAA;AACA,eAAA,aAAAA,CAAA,GACA,KAAA,MAAA,aAAAA,CAAA;AAAA,QACA;AAAA,QAEA,YAAA,CAAAA,MAAA;AACA,eAAA,aAAAA,CAAA,GACA,KAAA,MAAA,cAAAA,CAAA;AAAA,QACA;AAAA,MACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,gBAAA;AACA,aAAA,KAAA,cACA,KAAA,eAAA,KAAA,YAAA,IAAA,KAAA,OAAA,KAAA,YAAA,IAAA,KAAA,mBAEA;AAAA,IACA;AAAA,IAEA,cAAA;AAEA,aAAA,KAAA,mBAAAD,EAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,cAAA;AACA,aAAA,KAAA,mBAAAA,EAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA,IACA,QAAA,GAAA;AACA,WAAA,MAAA,SAAA,CAAA;AAAA,IACA;AAAA,IAEA,eAAA;AACA,WAAA,mBAAA;AAAA,IACA;AAAA,IAEA,eAAA;AACA,WAAA,mBAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/vue2/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/vue2/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/vue2/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  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"],"mappings":"oNA6BAA,EAAA,CACA,KAAA,kBAEA,MAAA,CAIA,GAAA,CACA,KAAA,OACA,SAAA,CAAA,OAAAC,EAAA,gBAAA,CAAA,CACA,EAKA,QAAA,CACA,KAAA,OACA,QAAA,EACA,EAKA,aAAA,CACA,KAAA,CAAA,OAAA,MAAA,MAAA,EACA,QAAA,EACA,EAKA,UAAA,CACA,KAAA,CAAA,OAAA,MAAA,MAAA,EACA,QAAA,EACA,CACA,CACA"}
+{"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  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"],"mappings":"oNA6BAA,EAAA,CACA,KAAA,kBAEA,MAAA,CAIA,GAAA,CACA,KAAA,OACA,SAAA,CAAA,OAAAC,EAAAA,gBAAA,CAAA,CACA,EAKA,QAAA,CACA,KAAA,OACA,QAAA,EACA,EAKA,aAAA,CACA,KAAA,CAAA,OAAA,MAAA,MAAA,EACA,QAAA,EACA,EAKA,UAAA,CACA,KAAA,CAAA,OAAA,MAAA,MAAA,EACA,QAAA,EACA,CACA,CACA"}

package/dist/vue2/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=\"loaderText\"\n    data-qa=\"dt-loader\"\n  >\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/vue2';\nimport { ICON_SIZE_MODIFIERS } from '@/components/icon';\nimport { DialtoneLocalization } from '@/localization';\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  data () {\n    return {\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    loaderText () {\n      return this.ariaLabel || this.i18n.$t('DIALTONE_LOADING');\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtIconLoading","s","ICON_SIZE_MODIFIERS","DialtoneLocalization"],"mappings":"sSAmBAA,EAAA,CACA,KAAA,WAEA,WAAA,CACA,cAAAC,EAAA,aACA,EAEA,MAAA,CAKA,UAAA,CACA,KAAA,OACA,QAAA,EACA,EAMA,KAAA,CACA,KAAA,OACA,QAAA,MACA,UAAAC,GAAA,OAAA,KAAAC,qBAAA,EAAA,SAAAD,CAAA,CACA,CACA,EAEA,MAAA,CACA,MAAA,CACA,KAAA,IAAAE,EAAAA,oBACA,CACA,EAEA,SAAA,CACA,YAAA,CACA,OAAA,KAAA,WAAA,KAAA,KAAA,GAAA,kBAAA,CACA,CACA,CACA"}
+{"version":3,"file":"loader.cjs","sources":["../../../components/loader/loader.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-loader\"\n    :aria-label=\"loaderText\"\n    data-qa=\"dt-loader\"\n  >\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/vue2';\nimport { ICON_SIZE_MODIFIERS } from '@/components/icon';\nimport { DialtoneLocalization } from '@/localization';\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  data () {\n    return {\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    loaderText () {\n      return this.ariaLabel || this.i18n.$t('DIALTONE_LOADING');\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtIconLoading","s","ICON_SIZE_MODIFIERS","DialtoneLocalization"],"mappings":"sSAmBAA,EAAA,CACA,KAAA,WAEA,WAAA,CACA,cAAAC,EAAAA,aACA,EAEA,MAAA,CAKA,UAAA,CACA,KAAA,OACA,QAAA,EACA,EAMA,KAAA,CACA,KAAA,OACA,QAAA,MACA,UAAAC,GAAA,OAAA,KAAAC,qBAAA,EAAA,SAAAD,CAAA,CACA,CACA,EAEA,MAAA,CACA,MAAA,CACA,KAAA,IAAAE,EAAAA,oBACA,CACA,EAEA,SAAA,CACA,YAAA,CACA,OAAA,KAAA,WAAA,KAAA,KAAA,GAAA,kBAAA,CACA,CACA,CACA"}

package/dist/vue2/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/vue2/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/vue2/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/vue2/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/vue2/lib/message-input/message-input-button.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../../_plugin-vue2_normalizer-e_CkxkSV.cjs"),a=require("../button/button.cjs"),n=require("../tooltip/tooltip.cjs"),u=require("../stack/stack.cjs"),i=require("../keyboard-shortcut/keyboard-shortcut.cjs"),c={name:"DtRecipeMessageInputButton",components:{DtButton:a.default,DtTooltip:n.default,DtStack:u.default,DtKeyboardShortcut:i.default},props:{ariaLabel:{type:String,required:!0},tooltipText:{type:String,required:!0},keyboardShortcutText:{type:String,default:""},isActive:{type:Boolean,default:!1},dataQa:{type:String,required:!0}},emits:["click"]};var s=function(){var t=this,e=t._self._c;return e("dt-tooltip",{scopedSlots:t._u([{key:"anchor",fn:function(){return[e("dt-button",{attrs:{"data-qa":t.dataQa,importance:"clear",kind:"muted","aria-label":t.ariaLabel,size:"xs",active:t.isActive},on:{click:function(r){return t.$emit("click",r)}},scopedSlots:t._u([{key:"icon",fn:function(){return[t._t("icon")]},proxy:!0}],null,!0)})]},proxy:!0}])},[e("dt-stack",{attrs:{gap:"200"}},[e("p",[t._v(t._s(t.tooltipText))]),t.keyboardShortcutText?e("dt-keyboard-shortcut",{attrs:{inverted:"",shortcut:t.keyboardShortcutText}}):t._e()],1)],1)},l=[],d=o.n(c,s,l);const _=d.exports;exports.default=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../../_plugin-vue2_normalizer-e_CkxkSV.cjs"),a=require("../keyboard-shortcut/keyboard-shortcut.cjs"),n=require("../stack/stack.cjs"),u=require("../tooltip/tooltip.cjs"),i=require("../button/button.cjs"),c={name:"DtRecipeMessageInputButton",components:{DtButton:i.default,DtTooltip:u.default,DtStack:n.default,DtKeyboardShortcut:a.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"]};var s=function(){var t=this,e=t._self._c;return e("dt-tooltip",{scopedSlots:t._u([{key:"anchor",fn:function(){return[e("dt-button",{attrs:{"data-qa":t.dataQa,importance:"clear",kind:"muted","aria-label":t.ariaLabel,size:"xs",active:t.isActive},on:{click:function(r){return t.$emit("click",r)}},scopedSlots:t._u([{key:"icon",fn:function(){return[t._t("icon")]},proxy:!0}],null,!0)})]},proxy:!0}])},[e("dt-stack",{attrs:{gap:"200"}},[e("p",[t._v(t._s(t.tooltipText))]),t.keyboardShortcutText?e("dt-keyboard-shortcut",{attrs:{inverted:"",shortcut:t.keyboardShortcutText}}):t._e()],1)],1)},l=[],d=o.n(c,s,l);const _=d.exports;exports.default=_;
 //# sourceMappingURL=message-input-button.cjs.map

package/dist/vue2/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  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"],"mappings":"wUAiCAA,EAAA,CACA,KAAA,6BACA,WAAA,CACA,SAAAC,EAAA,QACA,UAAAC,EAAA,QACA,QAAAC,EAAA,QACA,mBAAAC,EAAA,OACA,EAEA,MAAA,CACA,UAAA,CACA,KAAA,OACA,SAAA,EACA,EAEA,YAAA,CACA,KAAA,OACA,SAAA,EACA,EAEA,qBAAA,CACA,KAAA,OACA,QAAA,EACA,EAEA,SAAA,CACA,KAAA,QACA,QAAA,EACA,EAEA,OAAA,CACA,KAAA,OACA,SAAA,EACA,CACA,EAEA,MAAA,CAAA,OAAA,CACA"}
+{"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  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"],"mappings":"wUAiCAA,EAAA,CACA,KAAA,6BACA,WAAA,CACA,SAAAC,EAAAA,QACA,UAAAC,EAAAA,QACA,QAAAC,EAAAA,QACA,mBAAAC,EAAAA,OACA,EAEA,MAAA,CACA,UAAA,CACA,KAAA,OACA,SAAA,EACA,EAEA,YAAA,CACA,KAAA,OACA,SAAA,EACA,EAEA,qBAAA,CACA,KAAA,OACA,QAAA,EACA,EAEA,SAAA,CACA,KAAA,QACA,QAAA,EACA,EAEA,OAAA,CACA,KAAA,OACA,SAAA,EACA,CACA,EAEA,MAAA,CAAA,OAAA,CACA"}

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

@@ -1,15 +1,15 @@
 import { n as o } from "../../_plugin-vue2_normalizer-DSLOjnn3.js";
-import a from "../button/button.js";
-import n from "../tooltip/tooltip.js";
-import i from "../stack/stack.js";
-import c from "../keyboard-shortcut/keyboard-shortcut.js";
+import a from "../keyboard-shortcut/keyboard-shortcut.js";
+import n from "../stack/stack.js";
+import i from "../tooltip/tooltip.js";
+import c from "../button/button.js";
 const u = {
   name: "DtRecipeMessageInputButton",
   components: {
-    DtButton: a,
-    DtTooltip: n,
-    DtStack: i,
-    DtKeyboardShortcut: c
+    DtButton: c,
+    DtTooltip: i,
+    DtStack: n,
+    DtKeyboardShortcut: a
   },
   props: {
     ariaLabel: {

package/dist/vue2/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/vue2/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/vue2/lib/message-input/message-input-link.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("@dialpad/dialtone-icons/vue2"),o=require("./message-input-button.cjs"),l=require("../../localization/index.cjs"),r=require("../../_plugin-vue2_normalizer-e_CkxkSV.cjs"),u=require("../popover/popover.cjs"),s=require("../input/input.cjs"),c=require("../button/button.cjs"),p=require("../stack/stack.cjs"),_={name:"MessageInputLink",components:{DtPopover:u.default,DtInput:s.default,DtButton:c.default,DtStack:p.default,DtIconLink2:a.DtIconLink2,DtRecipeMessageInputButton:o.default},props:{open:{type:Boolean,default:!1},linkButtonOptions:{type:Object,required:!0},isSelectionActive:{type:Function,default:()=>{}}},emits:["set-link","remove-link","opened"],data(){return{linkText:"",linkInput:"",isOpen:!1,i18n:new l.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(i){this.isOpen=i}}},methods:{setInitialValues(i,t){this.linkText=i,this.linkInput=t}}};var k=function(){var t=this,n=t._self._c;return n("dt-popover",{attrs:{open:t.isOpen,placement:"bottom-start","content-class":"d-recipe-message-input__link-popover","data-qa":"dt-message-input-link-popover","show-close-button":!1},on:{opened:function(e){return t.$emit("opened",e)}},scopedSlots:t._u([{key:"anchor",fn:function(){return[n("dt-recipe-message-input-button",{attrs:{"aria-label":t.anchorButtonLabel["aria-label"],"tooltip-text":t.anchorButtonLabel["tooltip-text"],"keyboard-shortcut-text":t.linkButtonOptions.keyboardShortcutText,"data-qa":"message-input-link-btn","is-active":t.isSelectionActive("link")},on:{click:function(e){t.isOpen=!0}},scopedSlots:t._u([{key:"icon",fn:function(){return[n("dt-icon-link2",{staticClass:"d-recipe-message-input__button-stack-icon",attrs:{size:"200"}})]},proxy:!0}])})]},proxy:!0},{key:"content",fn:function(){return[n("dt-stack",{attrs:{gap:"500"}},[n("div",{staticClass:"d-recipe-message-input__link-dialog-title"},[t._v(" "+t._s(t.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_DIALOG_TITLE"))+" ")]),n("dt-input",{attrs:{"input-aria-label":t.textInputLabel,size:"xs","data-qa":"dt-message-input-link-text-input",label:t.textInputLabel,"input-wrapper-class":"d-recipe-message-input__link-input"},on:{click:function(e){e.stopPropagation()},focus:function(e){e.stopPropagation()},keydown:function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:t.$emit("set-link",t.linkText,t.linkInput)}},nativeOn:{click:function(e){e.stopPropagation()}},model:{value:t.linkText,callback:function(e){t.linkText=e},expression:"linkText"}}),n("dt-input",{attrs:{"input-aria-label":t.linkInputLabel,size:"xs","data-qa":"dt-message-input-link-input",placeholder:t.linkInputPlaceHolder,label:t.linkInputLabel,"input-wrapper-class":"d-recipe-message-input__link-input"},on:{click:function(e){e.stopPropagation()},focus:function(e){e.stopPropagation()},keydown:function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:t.$emit("set-link",t.linkText,t.linkInput)}},nativeOn:{click:function(e){e.stopPropagation()}},model:{value:t.linkInput,callback:function(e){t.linkInput=e},expression:"linkInput"}}),n("dt-stack",{staticClass:"d-recipe-message-input__link-dialog-buttons",attrs:{direction:"row"}},[n("dt-button",{attrs:{"aria-label":t.removeButtonLabel,title:t.removeButtonLabel,importance:"clear",kind:"danger",size:"md","data-qa":"dt-message-input-link-remove-btn"},on:{click:function(e){return t.$emit("remove-link",t.linkText,t.linkInput)}}},[t._v(" "+t._s(t.removeButtonLabel)+" ")]),n("dt-stack",{attrs:{direction:"row",gap:"400"}},[n("dt-button",{attrs:{"aria-label":t.cancelButtonLabel,title:t.cancelButtonLabel,importance:"clear",kind:"muted",size:"md","data-qa":"dt-message-input-link-cancel-btn"},on:{click:function(e){t.isOpen=!1}}},[t._v(" "+t._s(t.cancelButtonLabel)+" ")]),n("dt-button",{attrs:{size:"md","aria-label":t.confirmButtonLabel,title:t.confirmButtonLabel,"data-qa":"dt-message-input-link-confirm-btn"},on:{click:function(e){return t.$emit("set-link",t.linkText,t.linkInput)}}},[t._v(" "+t._s(t.confirmButtonLabel)+" ")])],1)],1)],1)]},proxy:!0}])})},d=[],L=r.n(_,k,d);const b=L.exports;exports.default=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("@dialpad/dialtone-icons/vue2"),o=require("./message-input-button.cjs"),l=require("../../localization/index.cjs"),r=require("../../_plugin-vue2_normalizer-e_CkxkSV.cjs"),u=require("../stack/stack.cjs"),s=require("../button/button.cjs"),c=require("../input/input.cjs"),p=require("../popover/popover.cjs"),_={name:"MessageInputLink",components:{DtPopover:p.default,DtInput:c.default,DtButton:s.default,DtStack:u.default,DtIconLink2:a.DtIconLink2,DtRecipeMessageInputButton:o.default},props:{open:{type:Boolean,default:!1},linkButtonOptions:{type:Object,required:!0},isSelectionActive:{type:Function,default:()=>{}}},emits:["set-link","remove-link","opened"],data(){return{linkText:"",linkInput:"",isOpen:!1,i18n:new l.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(i){this.isOpen=i}}},methods:{setInitialValues(i,t){this.linkText=i,this.linkInput=t}}};var k=function(){var t=this,n=t._self._c;return n("dt-popover",{attrs:{open:t.isOpen,placement:"bottom-start","content-class":"d-recipe-message-input__link-popover","data-qa":"dt-message-input-link-popover","show-close-button":!1},on:{opened:function(e){return t.$emit("opened",e)}},scopedSlots:t._u([{key:"anchor",fn:function(){return[n("dt-recipe-message-input-button",{attrs:{"aria-label":t.anchorButtonLabel["aria-label"],"tooltip-text":t.anchorButtonLabel["tooltip-text"],"keyboard-shortcut-text":t.linkButtonOptions.keyboardShortcutText,"data-qa":"message-input-link-btn","is-active":t.isSelectionActive("link")},on:{click:function(e){t.isOpen=!0}},scopedSlots:t._u([{key:"icon",fn:function(){return[n("dt-icon-link2",{staticClass:"d-recipe-message-input__button-stack-icon",attrs:{size:"200"}})]},proxy:!0}])})]},proxy:!0},{key:"content",fn:function(){return[n("dt-stack",{attrs:{gap:"500"}},[n("div",{staticClass:"d-recipe-message-input__link-dialog-title"},[t._v(" "+t._s(t.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_DIALOG_TITLE"))+" ")]),n("dt-input",{attrs:{"input-aria-label":t.textInputLabel,size:"xs","data-qa":"dt-message-input-link-text-input",label:t.textInputLabel,"input-wrapper-class":"d-recipe-message-input__link-input"},on:{click:function(e){e.stopPropagation()},focus:function(e){e.stopPropagation()},keydown:function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:t.$emit("set-link",t.linkText,t.linkInput)}},nativeOn:{click:function(e){e.stopPropagation()}},model:{value:t.linkText,callback:function(e){t.linkText=e},expression:"linkText"}}),n("dt-input",{attrs:{"input-aria-label":t.linkInputLabel,size:"xs","data-qa":"dt-message-input-link-input",placeholder:t.linkInputPlaceHolder,label:t.linkInputLabel,"input-wrapper-class":"d-recipe-message-input__link-input"},on:{click:function(e){e.stopPropagation()},focus:function(e){e.stopPropagation()},keydown:function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:t.$emit("set-link",t.linkText,t.linkInput)}},nativeOn:{click:function(e){e.stopPropagation()}},model:{value:t.linkInput,callback:function(e){t.linkInput=e},expression:"linkInput"}}),n("dt-stack",{staticClass:"d-recipe-message-input__link-dialog-buttons",attrs:{direction:"row"}},[n("dt-button",{attrs:{"aria-label":t.removeButtonLabel,title:t.removeButtonLabel,importance:"clear",kind:"danger",size:"md","data-qa":"dt-message-input-link-remove-btn"},on:{click:function(e){return t.$emit("remove-link",t.linkText,t.linkInput)}}},[t._v(" "+t._s(t.removeButtonLabel)+" ")]),n("dt-stack",{attrs:{direction:"row",gap:"400"}},[n("dt-button",{attrs:{"aria-label":t.cancelButtonLabel,title:t.cancelButtonLabel,importance:"clear",kind:"muted",size:"md","data-qa":"dt-message-input-link-cancel-btn"},on:{click:function(e){t.isOpen=!1}}},[t._v(" "+t._s(t.cancelButtonLabel)+" ")]),n("dt-button",{attrs:{size:"md","aria-label":t.confirmButtonLabel,title:t.confirmButtonLabel,"data-qa":"dt-message-input-link-confirm-btn"},on:{click:function(e){return t.$emit("set-link",t.linkText,t.linkInput)}}},[t._v(" "+t._s(t.confirmButtonLabel)+" ")])],1)],1)],1)]},proxy:!0}])})},d=[],L=r.n(_,k,d);const b=L.exports;exports.default=b;
 //# sourceMappingURL=message-input-link.cjs.map

package/dist/vue2/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          @click.native.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          @click.native.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/vue2';\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\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"],"mappings":"4aAkHAA,EAAA,CACA,KAAA,mBAEA,WAAA,CACA,UAAAC,EAAA,QACA,QAAAC,EAAA,QACA,SAAAC,EAAA,QACA,QAAAC,EAAA,QACA,YAAAC,EAAA,YACA,2BAAAC,EAAA,OACA,EAEA,MAAA,CACA,KAAA,CACA,KAAA,QACA,QAAA,EACA,EAEA,kBAAA,CACA,KAAA,OACA,SAAA,EACA,EAEA,kBAAA,CACA,KAAA,SACA,QAAA,IAAA,CAAA,CACA,CACA,EAEA,MAAA,CAAA,WAAA,cAAA,QAAA,EAEA,MAAA,CACA,MAAA,CACA,SAAA,GACA,UAAA,GACA,OAAA,GACA,KAAA,IAAAC,EAAAA,oBACA,CACA,EAEA,SAAA,CACA,mBAAA,CAAA,OAAA,KAAA,KAAA,IAAA,0CAAA,CAAA,EACA,gBAAA,CAAA,OAAA,KAAA,KAAA,GAAA,wCAAA,CAAA,EACA,gBAAA,CAAA,OAAA,KAAA,KAAA,GAAA,wCAAA,CAAA,EACA,sBAAA,CAAA,OAAA,KAAA,KAAA,GAAA,8CAAA,CAAA,EACA,mBAAA,CAAA,OAAA,KAAA,KAAA,GAAA,0CAAA,CAAA,EACA,mBAAA,CAAA,OAAA,KAAA,KAAA,GAAA,0CAAA,CAAA,EACA,oBAAA,CAAA,OAAA,KAAA,KAAA,GAAA,2CAAA,CAAA,CACA,EAEA,MAAA,CACA,KAAA,CACA,UAAA,GACA,QAAAC,EAAA,CACA,KAAA,OAAAA,CACA,CACA,CACA,EAEA,QAAA,CACA,iBAAAC,EAAAC,EAAA,CACA,KAAA,SAAAD,EACA,KAAA,UAAAC,CACA,CACA,CACA"}
+{"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          @click.native.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          @click.native.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/vue2';\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\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"],"mappings":"4aAkHAA,EAAA,CACA,KAAA,mBAEA,WAAA,CACA,UAAAC,EAAAA,QACA,QAAAC,EAAAA,QACA,SAAAC,EAAAA,QACA,QAAAC,EAAAA,QACA,YAAAC,EAAAA,YACA,2BAAAC,EAAAA,OACA,EAEA,MAAA,CACA,KAAA,CACA,KAAA,QACA,QAAA,EACA,EAEA,kBAAA,CACA,KAAA,OACA,SAAA,EACA,EAEA,kBAAA,CACA,KAAA,SACA,QAAA,IAAA,CAAA,CACA,CACA,EAEA,MAAA,CAAA,WAAA,cAAA,QAAA,EAEA,MAAA,CACA,MAAA,CACA,SAAA,GACA,UAAA,GACA,OAAA,GACA,KAAA,IAAAC,EAAAA,oBACA,CACA,EAEA,SAAA,CACA,mBAAA,CAAA,OAAA,KAAA,KAAA,IAAA,0CAAA,CAAA,EACA,gBAAA,CAAA,OAAA,KAAA,KAAA,GAAA,wCAAA,CAAA,EACA,gBAAA,CAAA,OAAA,KAAA,KAAA,GAAA,wCAAA,CAAA,EACA,sBAAA,CAAA,OAAA,KAAA,KAAA,GAAA,8CAAA,CAAA,EACA,mBAAA,CAAA,OAAA,KAAA,KAAA,GAAA,0CAAA,CAAA,EACA,mBAAA,CAAA,OAAA,KAAA,KAAA,GAAA,0CAAA,CAAA,EACA,oBAAA,CAAA,OAAA,KAAA,KAAA,GAAA,2CAAA,CAAA,CACA,EAEA,MAAA,CACA,KAAA,CACA,UAAA,GACA,QAAAC,EAAA,CACA,KAAA,OAAAA,CACA,CACA,CACA,EAEA,QAAA,CACA,iBAAAC,EAAAC,EAAA,CACA,KAAA,SAAAD,EACA,KAAA,UAAAC,CACA,CACA,CACA"}

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

@@ -2,17 +2,17 @@ import { DtIconLink2 as o } from "@dialpad/dialtone-icons/vue2";
 import a from "./message-input-button.js";
 import { DialtoneLocalization as r } from "../../localization/index.js";
 import { n as l } from "../../_plugin-vue2_normalizer-DSLOjnn3.js";
-import s from "../popover/popover.js";
-import u from "../input/input.js";
-import p from "../button/button.js";
-import c from "../stack/stack.js";
+import s from "../stack/stack.js";
+import u from "../button/button.js";
+import p from "../input/input.js";
+import c from "../popover/popover.js";
 const k = {
   name: "MessageInputLink",
   components: {
-    DtPopover: s,
-    DtInput: u,
-    DtButton: p,
-    DtStack: c,
+    DtPopover: c,
+    DtInput: p,
+    DtButton: u,
+    DtStack: s,
     DtIconLink2: o,
     DtRecipeMessageInputButton: a
   },

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

@@ -1 +1 @@
-{"version":3,"file":"message-input-topbar.cjs","sources":["../../../recipes/conversation_view/message_input/message_input_topbar.vue"],"sourcesContent":["<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"200\"\n    class=\"d-recipe-message-input__button-stack\"\n  >\n    <dt-recipe-message-input-button\n      :aria-label=\"boldButtonLabel['aria-label']\"\n      :tooltip-text=\"boldButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"boldButtonOptions.keyboardShortcutText\"\n      data-qa=\"bold\"\n      :is-active=\"isSelectionActive('bold')\"\n      @click=\"$emit('click', 'bold', $event)\"\n    >\n      <template #icon>\n        <dt-icon-bold\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"italicButtonLabel['aria-label']\"\n      :tooltip-text=\"italicButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"italicButtonOptions.keyboardShortcutText\"\n      data-qa=\"italic\"\n      :is-active=\"isSelectionActive('italic')\"\n      @click=\"$emit('click', 'italic', $event)\"\n    >\n      <template #icon>\n        <dt-icon-italic\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"strikeButtonLabel['aria-label']\"\n      :tooltip-text=\"strikeButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"strikeButtonOptions.keyboardShortcutText\"\n      data-qa=\"strikethrough\"\n      :is-active=\"isSelectionActive('strike')\"\n      @click=\"$emit('click', 'strike', $event)\"\n    >\n      <template #icon>\n        <dt-icon-strikethrough\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <!-- @slot special slot for link button, since links require a custom dialog -->\n    <slot name=\"link\" />\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"bulletListButtonLabel['aria-label']\"\n      :tooltip-text=\"bulletListButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"bulletListButtonOptions.keyboardShortcutText\"\n      data-qa=\"bullet-list\"\n      :is-active=\"isSelectionActive('bulletList')\"\n      @click=\"$emit('click', 'bulletList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-bullet\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"orderedListButtonLabel['aria-label']\"\n      :tooltip-text=\"orderedListButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"orderedListButtonOptions.keyboardShortcutText\"\n      data-qa=\"ordered-list\"\n      :is-active=\"isSelectionActive('orderedList')\"\n      @click=\"$emit('click', 'orderedList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-ordered\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"blockQuoteButtonLabel['aria-label']\"\n      :tooltip-text=\"blockQuoteButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"blockQuoteButtonOptions.keyboardShortcutText\"\n      data-qa=\"blockquote\"\n      :is-active=\"isSelectionActive('blockquote')\"\n      @click=\"$emit('click', 'blockquote', $event)\"\n    >\n      <template #icon>\n        <dt-icon-quote\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"codeButtonLabel['aria-label']\"\n      :tooltip-text=\"codeButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"codeButtonOptions.keyboardShortcutText\"\n      data-qa=\"code\"\n      :is-active=\"isSelectionActive('code')\"\n      @click=\"$emit('click', 'code', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"codeBlockButtonLabel['aria-label']\"\n      :tooltip-text=\"codeBlockButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"codeBlockButtonOptions.keyboardShortcutText\"\n      data-qa=\"code-block\"\n      :is-active=\"isSelectionActive('codeBlock')\"\n      @click=\"$emit('click', 'codeBlock', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code-block\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n  </dt-stack>\n</template>\n\n<script>\nimport { DtStack } from '@/components/stack';\nimport {\n  DtIconListBullet,\n  DtIconBold,\n  DtIconItalic,\n  DtIconStrikethrough,\n  DtIconListOrdered,\n  DtIconQuote,\n  DtIconCode,\n  DtIconCodeBlock,\n} from '@dialpad/dialtone-icons/vue2';\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  name: 'DtRecipeMessageInputTopbar',\n  components: {\n    DtStack,\n    DtIconListBullet,\n    DtIconBold,\n    DtIconItalic,\n    DtIconStrikethrough,\n    DtIconListOrdered,\n    DtIconQuote,\n    DtIconCode,\n    DtIconCodeBlock,\n    DtRecipeMessageInputButton,\n  },\n\n  props: {\n    boldButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    italicButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    strikeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    bulletListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    orderedListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    blockQuoteButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeBlockButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    isSelectionActive: {\n      type: Function,\n      default: () => {},\n    },\n  },\n\n  emits: ['click'],\n\n  data () {\n    return {\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    boldButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BOLD_BUTTON_LABEL'); },\n    italicButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_ITALIC_BUTTON_LABEL'); },\n    strikeButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_STRIKETHROUGH_BUTTON_LABEL'); },\n    bulletListButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BULLET_LIST_BUTTON_LABEL'); },\n    orderedListButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_ORDERED_LIST_BUTTON_LABEL'); },\n    blockQuoteButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BLOCK_QUOTE_BUTTON_LABEL'); },\n    codeButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_CODE_BUTTON_LABEL'); },\n    codeBlockButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_CODE_BLOCK_BUTTON_LABEL'); },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtStack","DtIconListBullet","DtIconBold","DtIconItalic","DtIconStrikethrough","DtIconListOrdered","DtIconQuote","DtIconCode","DtIconCodeBlock","DtRecipeMessageInputButton","DialtoneLocalization"],"mappings":"sUA4JAA,EAAA,CACA,KAAA,6BACA,WAAA,CACA,QAAAC,EAAA,QACA,iBAAAC,EAAA,iBACA,WAAAC,EAAA,WACA,aAAAC,EAAA,aACA,oBAAAC,EAAA,oBACA,kBAAAC,EAAA,kBACA,YAAAC,EAAA,YACA,WAAAC,EAAA,WACA,gBAAAC,EAAA,gBACA,2BAAAC,EAAA,OACA,EAEA,MAAA,CACA,kBAAA,CACA,KAAA,OACA,QAAA,KAAA,CAAA,EACA,EAEA,oBAAA,CACA,KAAA,OACA,QAAA,KAAA,CAAA,EACA,EAEA,oBAAA,CACA,KAAA,OACA,QAAA,KAAA,CAAA,EACA,EAEA,wBAAA,CACA,KAAA,OACA,QAAA,KAAA,CAAA,EACA,EAEA,yBAAA,CACA,KAAA,OACA,QAAA,KAAA,CAAA,EACA,EAEA,wBAAA,CACA,KAAA,OACA,QAAA,KAAA,CAAA,EACA,EAEA,kBAAA,CACA,KAAA,OACA,QAAA,KAAA,CAAA,EACA,EAEA,uBAAA,CACA,KAAA,OACA,QAAA,KAAA,CAAA,EACA,EAEA,kBAAA,CACA,KAAA,SACA,QAAA,IAAA,CAAA,CACA,CACA,EAEA,MAAA,CAAA,OAAA,EAEA,MAAA,CACA,MAAA,CACA,KAAA,IAAAC,EAAAA,oBACA,CACA,EAEA,SAAA,CACA,iBAAA,CAAA,OAAA,KAAA,KAAA,IAAA,0CAAA,CAAA,EACA,mBAAA,CAAA,OAAA,KAAA,KAAA,IAAA,4CAAA,CAAA,EACA,mBAAA,CAAA,OAAA,KAAA,KAAA,IAAA,mDAAA,CAAA,EACA,uBAAA,CAAA,OAAA,KAAA,KAAA,IAAA,iDAAA,CAAA,EACA,wBAAA,CAAA,OAAA,KAAA,KAAA,IAAA,kDAAA,CAAA,EACA,uBAAA,CAAA,OAAA,KAAA,KAAA,IAAA,iDAAA,CAAA,EACA,iBAAA,CAAA,OAAA,KAAA,KAAA,IAAA,0CAAA,CAAA,EACA,sBAAA,CAAA,OAAA,KAAA,KAAA,IAAA,gDAAA,CAAA,CACA,CACA"}
+{"version":3,"file":"message-input-topbar.cjs","sources":["../../../recipes/conversation_view/message_input/message_input_topbar.vue"],"sourcesContent":["<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"200\"\n    class=\"d-recipe-message-input__button-stack\"\n  >\n    <dt-recipe-message-input-button\n      :aria-label=\"boldButtonLabel['aria-label']\"\n      :tooltip-text=\"boldButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"boldButtonOptions.keyboardShortcutText\"\n      data-qa=\"bold\"\n      :is-active=\"isSelectionActive('bold')\"\n      @click=\"$emit('click', 'bold', $event)\"\n    >\n      <template #icon>\n        <dt-icon-bold\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"italicButtonLabel['aria-label']\"\n      :tooltip-text=\"italicButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"italicButtonOptions.keyboardShortcutText\"\n      data-qa=\"italic\"\n      :is-active=\"isSelectionActive('italic')\"\n      @click=\"$emit('click', 'italic', $event)\"\n    >\n      <template #icon>\n        <dt-icon-italic\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"strikeButtonLabel['aria-label']\"\n      :tooltip-text=\"strikeButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"strikeButtonOptions.keyboardShortcutText\"\n      data-qa=\"strikethrough\"\n      :is-active=\"isSelectionActive('strike')\"\n      @click=\"$emit('click', 'strike', $event)\"\n    >\n      <template #icon>\n        <dt-icon-strikethrough\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <!-- @slot special slot for link button, since links require a custom dialog -->\n    <slot name=\"link\" />\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"bulletListButtonLabel['aria-label']\"\n      :tooltip-text=\"bulletListButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"bulletListButtonOptions.keyboardShortcutText\"\n      data-qa=\"bullet-list\"\n      :is-active=\"isSelectionActive('bulletList')\"\n      @click=\"$emit('click', 'bulletList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-bullet\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"orderedListButtonLabel['aria-label']\"\n      :tooltip-text=\"orderedListButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"orderedListButtonOptions.keyboardShortcutText\"\n      data-qa=\"ordered-list\"\n      :is-active=\"isSelectionActive('orderedList')\"\n      @click=\"$emit('click', 'orderedList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-ordered\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"blockQuoteButtonLabel['aria-label']\"\n      :tooltip-text=\"blockQuoteButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"blockQuoteButtonOptions.keyboardShortcutText\"\n      data-qa=\"blockquote\"\n      :is-active=\"isSelectionActive('blockquote')\"\n      @click=\"$emit('click', 'blockquote', $event)\"\n    >\n      <template #icon>\n        <dt-icon-quote\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"codeButtonLabel['aria-label']\"\n      :tooltip-text=\"codeButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"codeButtonOptions.keyboardShortcutText\"\n      data-qa=\"code\"\n      :is-active=\"isSelectionActive('code')\"\n      @click=\"$emit('click', 'code', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"codeBlockButtonLabel['aria-label']\"\n      :tooltip-text=\"codeBlockButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"codeBlockButtonOptions.keyboardShortcutText\"\n      data-qa=\"code-block\"\n      :is-active=\"isSelectionActive('codeBlock')\"\n      @click=\"$emit('click', 'codeBlock', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code-block\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n  </dt-stack>\n</template>\n\n<script>\nimport { DtStack } from '@/components/stack';\nimport {\n  DtIconListBullet,\n  DtIconBold,\n  DtIconItalic,\n  DtIconStrikethrough,\n  DtIconListOrdered,\n  DtIconQuote,\n  DtIconCode,\n  DtIconCodeBlock,\n} from '@dialpad/dialtone-icons/vue2';\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  name: 'DtRecipeMessageInputTopbar',\n  components: {\n    DtStack,\n    DtIconListBullet,\n    DtIconBold,\n    DtIconItalic,\n    DtIconStrikethrough,\n    DtIconListOrdered,\n    DtIconQuote,\n    DtIconCode,\n    DtIconCodeBlock,\n    DtRecipeMessageInputButton,\n  },\n\n  props: {\n    boldButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    italicButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    strikeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    bulletListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    orderedListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    blockQuoteButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeBlockButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    isSelectionActive: {\n      type: Function,\n      default: () => {},\n    },\n  },\n\n  emits: ['click'],\n\n  data () {\n    return {\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    boldButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BOLD_BUTTON_LABEL'); },\n    italicButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_ITALIC_BUTTON_LABEL'); },\n    strikeButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_STRIKETHROUGH_BUTTON_LABEL'); },\n    bulletListButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BULLET_LIST_BUTTON_LABEL'); },\n    orderedListButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_ORDERED_LIST_BUTTON_LABEL'); },\n    blockQuoteButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BLOCK_QUOTE_BUTTON_LABEL'); },\n    codeButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_CODE_BUTTON_LABEL'); },\n    codeBlockButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_CODE_BLOCK_BUTTON_LABEL'); },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtStack","DtIconListBullet","DtIconBold","DtIconItalic","DtIconStrikethrough","DtIconListOrdered","DtIconQuote","DtIconCode","DtIconCodeBlock","DtRecipeMessageInputButton","DialtoneLocalization"],"mappings":"sUA4JAA,EAAA,CACA,KAAA,6BACA,WAAA,CACA,QAAAC,EAAAA,QACA,iBAAAC,EAAAA,iBACA,WAAAC,EAAAA,WACA,aAAAC,EAAAA,aACA,oBAAAC,EAAAA,oBACA,kBAAAC,EAAAA,kBACA,YAAAC,EAAAA,YACA,WAAAC,EAAAA,WACA,gBAAAC,EAAAA,gBACA,2BAAAC,EAAAA,OACA,EAEA,MAAA,CACA,kBAAA,CACA,KAAA,OACA,QAAA,KAAA,CAAA,EACA,EAEA,oBAAA,CACA,KAAA,OACA,QAAA,KAAA,CAAA,EACA,EAEA,oBAAA,CACA,KAAA,OACA,QAAA,KAAA,CAAA,EACA,EAEA,wBAAA,CACA,KAAA,OACA,QAAA,KAAA,CAAA,EACA,EAEA,yBAAA,CACA,KAAA,OACA,QAAA,KAAA,CAAA,EACA,EAEA,wBAAA,CACA,KAAA,OACA,QAAA,KAAA,CAAA,EACA,EAEA,kBAAA,CACA,KAAA,OACA,QAAA,KAAA,CAAA,EACA,EAEA,uBAAA,CACA,KAAA,OACA,QAAA,KAAA,CAAA,EACA,EAEA,kBAAA,CACA,KAAA,SACA,QAAA,IAAA,CAAA,CACA,CACA,EAEA,MAAA,CAAA,OAAA,EAEA,MAAA,CACA,MAAA,CACA,KAAA,IAAAC,EAAAA,oBACA,CACA,EAEA,SAAA,CACA,iBAAA,CAAA,OAAA,KAAA,KAAA,IAAA,0CAAA,CAAA,EACA,mBAAA,CAAA,OAAA,KAAA,KAAA,IAAA,4CAAA,CAAA,EACA,mBAAA,CAAA,OAAA,KAAA,KAAA,IAAA,mDAAA,CAAA,EACA,uBAAA,CAAA,OAAA,KAAA,KAAA,IAAA,iDAAA,CAAA,EACA,wBAAA,CAAA,OAAA,KAAA,KAAA,IAAA,kDAAA,CAAA,EACA,uBAAA,CAAA,OAAA,KAAA,KAAA,IAAA,iDAAA,CAAA,EACA,iBAAA,CAAA,OAAA,KAAA,KAAA,IAAA,0CAAA,CAAA,EACA,sBAAA,CAAA,OAAA,KAAA,KAAA,IAAA,gDAAA,CAAA,CACA,CACA"}

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

@@ -1,4 +1,4 @@
-import { DtIconListBullet as i, DtIconBold as n, DtIconItalic as c, DtIconStrikethrough as a, DtIconListOrdered as s, DtIconQuote as r, DtIconCode as u, DtIconCodeBlock as l } from "@dialpad/dialtone-icons/vue2";
+import { DtIconCodeBlock as i, DtIconCode as n, DtIconQuote as c, DtIconListOrdered as a, DtIconStrikethrough as s, DtIconItalic as r, DtIconBold as u, DtIconListBullet as l } from "@dialpad/dialtone-icons/vue2";
 import d from "./message-input-button.js";
 import { DialtoneLocalization as p } from "../../localization/index.js";
 import { n as b } from "../../_plugin-vue2_normalizer-DSLOjnn3.js";
@@ -7,14 +7,14 @@ const k = {
   name: "DtRecipeMessageInputTopbar",
   components: {
     DtStack: _,
-    DtIconListBullet: i,
-    DtIconBold: n,
-    DtIconItalic: c,
-    DtIconStrikethrough: a,
-    DtIconListOrdered: s,
-    DtIconQuote: r,
-    DtIconCode: u,
-    DtIconCodeBlock: l,
+    DtIconListBullet: l,
+    DtIconBold: u,
+    DtIconItalic: r,
+    DtIconStrikethrough: s,
+    DtIconListOrdered: a,
+    DtIconQuote: c,
+    DtIconCode: n,
+    DtIconCodeBlock: i,
     DtRecipeMessageInputButton: d
   },
   props: {