npm - @dialpad/dialtone-vue - Versions diffs - 2.195.3 → 2.195.5 - Mend

@dialpad/dialtone-vue 2.195.3 → 2.195.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (494) hide show

package/dist/lib/link/link.js CHANGED Viewed

@@ -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/lib/list-item/list-item-constants.cjs.map CHANGED Viewed

	@@ -1 +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"}
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,EAEAC,EAAe,CACb,gBAAAF,EACA,2BAAAC,CACF"}

package/dist/lib/list-item/list-item-constants.js.map CHANGED Viewed

	@@ -1 +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;"}
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,GAEAC,IAAe;AAAA,EACb,iBAAAF;AAAA,EACA,4BAAAC;AACF;"}

package/dist/lib/list-item/list-item.cjs.map CHANGED Viewed

	@@ -1 +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"}
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,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/lib/list-item/list-item.js CHANGED Viewed

@@ -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/lib/list-item/list-item.js.map CHANGED Viewed

	@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;"}
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,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/lib/list-item-group/list-item-group-constants.cjs.map CHANGED Viewed

	@@ -1 +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"}
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,KAEjCC,EAAe,CACb,kBAAAD,CACF"}

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

	@@ -1 +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;"}
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,MAEjCC,IAAe;AAAA,EACb;AACF;"}

package/dist/lib/list-item-group/list-item-group.cjs.map CHANGED Viewed

	@@ -1 +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"}
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,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/lib/loader/loader.cjs.map CHANGED Viewed

	@@ -1 +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"}
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,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/lib/message-input/last-active-nodes.cjs CHANGED Viewed

@@ -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/lib/message-input/last-active-nodes.cjs.map CHANGED Viewed

	@@ -1 +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"}
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(([, 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/lib/message-input/last-active-nodes.js CHANGED Viewed

@@ -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/lib/message-input/last-active-nodes.js.map CHANGED Viewed

	@@ -1 +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;"}
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(([, 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/lib/message-input/message-input-button.cjs CHANGED Viewed

@@ -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/lib/message-input/message-input-button.cjs.map CHANGED Viewed

	@@ -1 +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"}
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,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/lib/message-input/message-input-button.js CHANGED Viewed

@@ -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/lib/message-input/message-input-constants.cjs.map CHANGED Viewed

	@@ -1 +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"}
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,KAEjCC,EAAe,CACb,kBAAAD,CACF"}

package/dist/lib/message-input/message-input-constants.js.map CHANGED Viewed

	@@ -1 +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;"}
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,MAEjCC,IAAe;AAAA,EACb;AACF;"}

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

@@ -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/lib/message-input/message-input-link.cjs.map CHANGED Viewed

	@@ -1 +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"}
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,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/lib/message-input/message-input-link.js CHANGED Viewed

@@ -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/lib/message-input/message-input-topbar.cjs.map CHANGED Viewed

	@@ -1 +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"}
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,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/lib/message-input/message-input-topbar.js CHANGED Viewed

@@ -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: {