npm - @dialpad/dialtone - Versions diffs - 9.97.0 → 9.99.0-beta.1 - Mend

@dialpad/dialtone 9.97.0 → 9.99.0-beta.1

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 (476) hide show

package/dist/vue3/recipes/conversation_view/message_input/message_input.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"message_input.vue.js","sources":["../../../../recipes/conversation_view/message_input/message_input.vue"],"sourcesContent":["<!-- eslint-disable max-lines -->\n<template>\n <div\n data-qa=\"dt-recipe-message-input\"\n role=\"presentation\"\n class=\"d-recipe-message-input\"\n @dragover.prevent\n @drop.prevent=\"onDrop\"\n @paste=\"onPaste\"\n @mousedown=\"onMousedown\"\n >\n <!-- @slot Renders above the input, but still within the borders. -->\n <slot name=\"top\" />\n\n <!-- set key to selectedText to force update. otherwise this component may not reflect the active selection -->\n <dt-recipe-message-input-topbar\n v-if=\"richText\"\n :key=\"selectedText\"\n :bold-button-options=\"boldButtonOptions\"\n :italic-button-options=\"italicButtonOptions\"\n :strike-button-options=\"strikeButtonOptions\"\n :bullet-list-button-options=\"bulletListButtonOptions\"\n :ordered-list-button-options=\"orderedListButtonOptions\"\n :block-quote-button-options=\"blockQuoteButtonOptions\"\n :code-button-options=\"codeButtonOptions\"\n :code-block-button-options=\"codeBlockButtonOptions\"\n :is-selection-active=\"isSelectionActive\"\n @click=\"handleTopbarClick\"\n >\n <template #link>\n <dt-recipe-message-input-link\n ref=\"link\"\n :open=\"linkDialogOpen\"\n :link-button-options=\"linkButtonOptions\"\n :is-selection-active=\"isSelectionActive\"\n @opened=\"linkDialogOpened\"\n @set-link=\"setLink\"\n @remove-link=\"removeLink\"\n />\n </template>\n </dt-recipe-message-input-topbar>\n <!-- Some wrapper to restrict the height and show the scrollbar -->\n <div\n v-dt-scrollbar\n class=\"d-recipe-message-input__editor-wrapper\"\n :style=\"{ 'max-height': maxHeight }\"\n >\n <dt-rich-text-editor\n ref=\"richTextEditor\"\n v-model=\"internalInputValue\"\n :allow-blockquote=\"richText\"\n :allow-bold=\"richText\"\n :allow-bullet-list=\"richText\"\n :allow-code=\"richText\"\n :allow-codeblock=\"richText\"\n :allow-italic=\"richText\"\n :allow-strike=\"richText\"\n :allow-underline=\"richText\"\n :editable=\"editable\"\n :input-aria-label=\"inputAriaLabel\"\n :input-class=\"inputClass\"\n :output-format=\"outputFormat\"\n :auto-focus=\"autoFocus\"\n :link=\"richText\"\n :placeholder=\"placeholder\"\n :prevent-typing=\"preventTyping\"\n :mention-suggestion=\"mentionSuggestion\"\n :channel-suggestion=\"channelSuggestion\"\n :slash-command-suggestion=\"slashCommandSuggestion\"\n :additional-extensions=\"additionalExtensions\"\n :hide-link-bubble-menu=\"hideLinkBubbleMenu\"\n v-bind=\"$attrs\"\n @input=\"onInput\"\n @text-input=\"onTextInput\"\n @enter=\"onSend\"\n @selected=\"selectedText = $event\"\n @edit-link=\"initLinkDialog\"\n @focus=\"isFocused = true\"\n @blur=\"isFocused = false\"\n />\n </div>\n <!-- @slot Slot for attachment carousel -->\n <slot name=\"middle\" />\n <!-- Section for the bottom UI -->\n <section class=\"d-recipe-message-input__bottom-section\">\n <!-- Left content -->\n <div class=\"d-recipe-message-input__bottom-section-left\">\n <dt-stack\n gap=\"200\"\n direction=\"row\"\n >\n <dt-button\n v-if=\"showImagePicker\"\n v-dt-tooltip:top-start=\"showImagePicker?.tooltipLabel\"\n data-qa=\"dt-recipe-message-input-image-btn\"\n size=\"sm\"\n class=\"d-recipe-message-input__button\"\n kind=\"muted\"\n importance=\"clear\"\n :aria-label=\"showImagePicker.ariaLabel\"\n @click=\"onSelectImage\"\n @mouseenter=\"imagePickerFocus = true\"\n @mouseleave=\"imagePickerFocus = false\"\n @focus=\"imagePickerFocus = true\"\n @blur=\"imagePickerFocus = false\"\n >\n <template #icon>\n <dt-icon-image size=\"300\" />\n </template>\n </dt-button>\n <dt-input\n ref=\"messageInputImageUpload\"\n data-qa=\"dt-recipe-message-input-image-input\"\n accept=\"image/, video/\"\n type=\"file\"\n class=\"d-recipe-message-input__image-input\"\n multiple\n hidden\n @input=\"onImageUpload\"\n />\n <dt-popover\n v-if=\"showEmojiPicker\"\n open.sync=\"emojiPickerOpened\"\n data-qa=\"dt-recipe-message-input-emoji-picker-popover\"\n initial-focus-element=\"#searchInput\"\n padding=\"none\"\n >\n <template #anchor=\"{ attrs }\">\n <dt-button\n v-dt-tooltip=\"emojiTooltipMessage\"\n v-bind=\"attrs\"\n data-qa=\"dt-recipe-message-input-emoji-picker-btn\"\n size=\"sm\"\n class=\"d-recipe-message-input__button\"\n kind=\"muted\"\n importance=\"clear\"\n :aria-label=\"emojiButtonAriaLabel\"\n @click=\"toggleEmojiPicker\"\n @mouseenter=\"emojiPickerFocus = true\"\n @mouseleave=\"emojiPickerFocus = false\"\n @focus=\"emojiPickerFocus = true\"\n @blur=\"emojiPickerFocus = false\"\n >\n <template #icon>\n <dt-icon-very-satisfied\n v-if=\"emojiPickerHovered\"\n size=\"300\"\n />\n <dt-icon-satisfied\n v-else\n size=\"300\"\n />\n </template>\n </dt-button>\n </template>\n <template #content=\"{ close }\">\n <dt-emoji-picker\n v-bind=\"emojiPickerProps\"\n @skin-tone=\"onSkinTone\"\n @selected-emoji=\"(emoji) => onSelectEmoji(emoji, close)\"\n />\n </template>\n </dt-popover>\n <!-- @slot Slot for emojiGiphy picker -->\n <slot name=\"emojiGiphyPicker\" />\n </dt-stack>\n </div>\n <!-- Right content -->\n <div class=\"d-recipe-message-input__bottom-section-right\">\n <dt-stack\n direction=\"row\"\n gap=\"300\"\n >\n <!-- @slot Slot for sms count -->\n <div class=\"d-recipe-message-input__sms-count\">\n <slot name=\"smsCount\" />\n </div>\n\n <!-- Optionally displayed remaining character counter -->\n <dt-tooltip\n v-if=\"Boolean(showCharacterLimit)\"\n class=\"d-recipe-message-input__remaining-char-tooltip\"\n placement=\"top-end\"\n :enabled=\"characterLimitTooltipEnabled\"\n :message=\"showCharacterLimit.message\"\n :offset=\"[10, 8]\"\n >\n <template #anchor>\n <p\n v-show=\"displayCharacterLimitWarning\"\n class=\"d-recipe-message-input__remaining-char\"\n data-qa=\"dt-recipe-message-input-character-limit\"\n >\n {{ showCharacterLimit.count - inputLength }}\n </p>\n </template>\n </dt-tooltip>\n\n <!-- Cancel button for edit mode -->\n <dt-button\n v-if=\"showCancel\"\n data-qa=\"dt-recipe-message-input-cancel-button\"\n class=\"d-recipe-message-input__button d-recipe-message-input__cancel-button\"\n size=\"sm\"\n kind=\"muted\"\n importance=\"clear\"\n :aria-label=\"showCancel.ariaLabel\"\n @click=\"onCancel\"\n >\n <p>{{ showCancel.text }}</p>\n </dt-button>\n\n <!-- @slot Slot for sendButton picker -->\n <slot name=\"sendButton\">\n <!-- Send button -->\n <!-- Right positioned UI - send button -->\n <dt-button\n v-if=\"showSend\"\n v-dt-tooltip:top-end=\"showSend?.tooltipLabel\"\n data-qa=\"dt-recipe-message-input-send-btn\"\n size=\"sm\"\n kind=\"default\"\n importance=\"primary\"\n :class=\"[\n 'd-recipe-message-input__button d-recipe-message-input__send-button',\n {\n 'd-recipe-message-input__send-button--disabled': isSendDisabled,\n 'd-btn--icon-only': showSendIcon,\n },\n ]\"\n :aria-label=\"showSend.ariaLabel\"\n :aria-disabled=\"isSendDisabled\"\n @click=\"onSend\"\n >\n <template\n v-if=\"showSendIcon\"\n #icon\n >\n <!-- @slot Slot for send button icon -->\n <slot\n name=\"sendIcon\"\n :icon-size=\"sendIconSize\"\n >\n <dt-icon-send :size=\"sendIconSize\" />\n </slot>\n </template>\n <template v-if=\"showSend.text\">\n <p>{{ showSend.text }}</p>\n </template>\n </dt-button>\n </slot>\n </dt-stack>\n </div>\n </section>\n </div>\n</template>\n\n<script>\n/* eslint-disable max-lines /\nimport {\n DtRichTextEditor,\n RICH_TEXT_EDITOR_OUTPUT_FORMATS,\n RICH_TEXT_EDITOR_AUTOFOCUS_TYPES,\n} from '@/components/rich_text_editor';\nimport lastActiveNodes from './last_active_nodes';\nimport MeetingPill from './extensions/meeting_pill/meeting_pill';\nimport { DtButton } from '@/components/button';\nimport { DtEmojiPicker } from '@/components/emoji_picker';\nimport { DtPopover } from '@/components/popover';\nimport { DtInput } from '@/components/input';\nimport { DtTooltip } from '@/components/tooltip';\nimport { DtStack } from '@/components/stack';\nimport {\n DtIconImage, DtIconVerySatisfied, DtIconSatisfied, DtIconSend,\n} from '@dialpad/dialtone-icons/vue3';\nimport DtRecipeMessageInputTopbar from './message_input_topbar.vue';\nimport DtRecipeMessageInputLink from './message_input_link.vue';\n\nimport {\n EDITOR_SUPPORTED_LINK_PROTOCOLS,\n EDITOR_DEFAULT_LINK_PREFIX,\n} from '../editor/editor_constants.js';\n\nexport default {\n name: 'DtRecipeMessageInput',\n\n components: {\n DtButton,\n DtEmojiPicker,\n DtInput,\n DtPopover,\n DtRecipeMessageInputTopbar,\n DtRecipeMessageInputLink,\n DtRichTextEditor,\n DtTooltip,\n DtStack,\n DtIconImage,\n DtIconVerySatisfied,\n DtIconSatisfied,\n DtIconSend,\n },\n\n mixins: [],\n\n inheritAttrs: false,\n\n props: {\n /\n Displays all the buttons for rich text formatting above the message input, and enables it within the editor.\n * Rich text formatting for the purposes of this component is defined as:\n \n bold, italic, strikethrough, lists, blockquotes, inline code tags, and code blocks.\n \n If you are sending a message to a phone rather than a Dialpad to Dialpad message, you should have this as false.\n /\n richText: {\n type: Boolean,\n default: true,\n },\n\n /\n Value of the input. The object format should match TipTap's JSON\n * document structure: https://tiptap.dev/guide/output#option-1-json\n /\n modelValue: {\n type: [Object, String],\n default: '',\n },\n\n /\n Whether the input is editable\n /\n editable: {\n type: Boolean,\n default: true,\n },\n\n /\n Descriptive label for the input element\n /\n inputAriaLabel: {\n type: String,\n required: true,\n default: '',\n },\n\n /\n Prevents the user from typing any further. Deleting text will still work.\n /\n preventTyping: {\n type: Boolean,\n default: false,\n },\n\n /\n Additional class name for the input element. Only accepts a String value\n * because this is passed to the editor via options. For multiple classes,\n * join them into one string, e.g. \"d-p8 d-hmx96\"\n /\n inputClass: {\n type: String,\n default: '',\n },\n\n /\n Whether the input should receive focus after the component has been\n * mounted. Either one of `start`, `end`, `all` or a Boolean or a Number.\n * - `start` Sets the focus to the beginning of the input\n * - `end` Sets the focus to the end of the input\n * - `all` Selects the whole contents of the input\n * - `Number` Sets the focus to a specific position in the input\n * - `true` Defaults to `start`\n * - `false` Disables autofocus\n * @values true, false, start, end, all, number\n /\n autoFocus: {\n type: [Boolean, String, Number],\n default: false,\n validator (autoFocus) {\n if (typeof autoFocus === 'string') {\n return RICH_TEXT_EDITOR_AUTOFOCUS_TYPES.includes(autoFocus);\n }\n return true;\n },\n },\n\n /\n The output format that the editor uses when emitting the \"@input\" event.\n * One of `text`, `json`, `html`. See https://tiptap.dev/guide/output for\n * examples.\n * @values text, json, html\n /\n outputFormat: {\n type: String,\n default: 'json',\n validator (outputFormat) {\n return RICH_TEXT_EDITOR_OUTPUT_FORMATS.includes(outputFormat);\n },\n },\n\n /\n Placeholder text\n /\n placeholder: {\n type: String,\n default: '',\n },\n\n /\n Disable Send Button\n /\n disableSend: {\n type: Boolean,\n default: false,\n },\n\n /\n Content area needs to dynamically adjust height based on the conversation area height.\n * can be vh\|px\|rem\|em\|%\n /\n maxHeight: {\n type: String,\n default: 'unset',\n },\n\n // Emoji picker props\n showEmojiPicker: {\n type: Boolean,\n default: true,\n },\n\n /\n Props to pass into the emoji picker.\n /\n emojiPickerProps: {\n type: Object,\n default: () => ({}),\n validate (emojiPickerProps) {\n return [\n 'searchNoResultsLabel',\n 'searchResultsLabel',\n 'searchPlaceholderLabel',\n 'skinSelectorButtonTooltipLabel',\n 'tabSetLabels',\n ].every((prop) => emojiPickerProps[prop] != null);\n },\n },\n\n /\n Emoji button tooltip label\n /\n emojiTooltipMessage: {\n type: String,\n default: 'Emoji',\n },\n\n // Aria label for buttons\n /\n Emoji button aria label\n /\n emojiButtonAriaLabel: {\n type: String,\n default: 'emoji button',\n },\n\n /\n Enable character Limit warning\n /\n showCharacterLimit: {\n type: [Boolean, Object],\n default: () => ({ count: 1500, warning: 500, message: '' }),\n },\n\n showImagePicker: {\n type: [Boolean, Object],\n default: () => ({\n tooltipLabel: 'Attach Image',\n ariaLabel: 'image button',\n }),\n },\n\n /\n Send button defaults.\n /\n showSend: {\n type: [Boolean, Object],\n default: () => ({}),\n },\n\n /\n Cancel button defaults.\n /\n showCancel: {\n type: [Boolean, Object],\n default: () => ({ text: 'Cancel' }),\n },\n\n /\n suggestion object containing the items query function.\n * The valid keys passed into this object can be found here: https://tiptap.dev/api/utilities/suggestion\n \n The only required key is the items function which is used to query the contacts for suggestion.\n * items({ query }) => { return [ContactObject]; }\n * ContactObject format:\n * { name: string, avatarSrc: string, id: string }\n \n When null, it does not add the plugin.\n /\n mentionSuggestion: {\n type: Object,\n default: null,\n },\n\n /\n suggestion object containing the items query function.\n * The valid keys passed into this object can be found here: https://tiptap.dev/api/utilities/suggestion\n \n The only required key is the items function which is used to query the channels for suggestion.\n * items({ query }) => { return [ChannelObject]; }\n * ChannelObject format:\n * { name: string, id: string, locked: boolean }\n \n When null, it does not add the plugin. Setting locked to true will display a lock rather than hash.\n /\n channelSuggestion: {\n type: Object,\n default: null,\n },\n\n /\n suggestion object containing the items query function.\n * The valid keys passed into this object can be found here: https://tiptap.dev/api/utilities/suggestion\n \n The only required key is the items function which is used to query the slash commands for suggestion.\n * items({ query }) => { return [SlashCommandObject]; }\n * SlashCommandObject format:\n * { command: string, description: string, parametersExample?: string }\n * The \"parametersExample\" parameter is optional, and describes an example\n * of the parameters that command can take.\n \n When null, it does not add the plugin.\n /\n slashCommandSuggestion: {\n type: Object,\n default: null,\n },\n\n /\n descriptive text fields for the bold button\n \n object format:\n * { ariaLabel: string, tooltipText: string, keyboardShortcutText: string }\n /\n boldButtonOptions: {\n type: Object,\n default: () => ({\n ariaLabel: 'Toggle bold on selected text',\n tooltipText: 'Bold',\n keyboardShortcutText: 'Mod + B',\n }),\n },\n\n /\n descriptive text fields for the italic button\n \n object format:\n * { ariaLabel: string, tooltipText: string, keyboardShortcutText: string }\n /\n italicButtonOptions: {\n type: Object,\n default: () => ({\n ariaLabel: 'Toggle italic on selected text',\n tooltipText: 'Italic',\n keyboardShortcutText: 'Mod + I',\n }),\n },\n\n /\n descriptive text fields for the strikethrough button\n \n object format:\n * { ariaLabel: string, tooltipText: string, keyboardShortcutText: string }\n /\n strikeButtonOptions: {\n type: Object,\n default: () => ({\n ariaLabel: 'Toggle strikethrough on selected text',\n tooltipText: 'Strikethrough',\n keyboardShortcutText: 'Mod + Shift + S',\n }),\n },\n\n /\n descriptive text fields for the link button\n \n object format:\n * { ariaLabel: string, tooltipText: string, keyboardShortcutText: string }\n /\n linkButtonOptions: {\n type: Object,\n default: () => ({\n ariaLabel: 'Create or edit link on selected text',\n tooltipText: 'Link',\n // TODO: implement mod k\n keyboardShortcutText: 'Mod + K',\n dialogTitle: 'Add a link',\n textLabel: 'Text to display (optional)',\n linkLabel: 'Link',\n linkPlaceholder: 'e.g. https://www.dialpad.com',\n removeLabel: 'Remove',\n cancelLabel: 'Cancel',\n confirmLabel: 'Done',\n visuallyHiddenCloseText: 'Close link dialog',\n }),\n },\n\n /\n descriptive text fields for the bullet list button\n \n object format:\n * { ariaLabel: string, tooltipText: string, keyboardShortcutText: string }\n /\n bulletListButtonOptions: {\n type: Object,\n default: () => ({\n ariaLabel: 'Toggle bullet list on selected text',\n tooltipText: 'Bullet list',\n keyboardShortcutText: 'Mod + Shift + 8',\n }),\n },\n\n /\n descriptive text fields for the ordered list button\n \n object format:\n * { ariaLabel: string, tooltipText: string, keyboardShortcutText: string }\n /\n orderedListButtonOptions: {\n type: Object,\n default: () => ({\n ariaLabel: 'Toggle ordered list on selected text',\n tooltipText: 'Ordered list',\n keyboardShortcutText: 'Mod + Shift + 7',\n }),\n },\n\n /\n descriptive text fields for the italic button\n \n object format:\n * { ariaLabel: string, tooltipText: string, keyboardShortcutText: string }\n /\n blockQuoteButtonOptions: {\n type: Object,\n default: () => ({\n ariaLabel: 'Toggle Blockquote on selected text',\n tooltipText: 'Blockquote',\n keyboardShortcutText: 'Mod + Shift + B',\n }),\n },\n\n /\n descriptive text fields for the code button\n \n object format:\n * { ariaLabel: string, tooltipText: string, keyboardShortcutText: string }\n /\n codeButtonOptions: {\n type: Object,\n default: () => ({\n ariaLabel: 'Toggle code tag on selected text',\n tooltipText: 'Code',\n keyboardShortcutText: 'Mod + E',\n }),\n },\n\n /\n descriptive text fields for the code block button\n \n object format:\n * { ariaLabel: string, tooltipText: string, keyboardShortcutText: string }\n /\n codeBlockButtonOptions: {\n type: Object,\n default: () => ({\n ariaLabel: 'Toggle code block on selected text',\n tooltipText: 'Code block',\n keyboardShortcutText: 'Mod + Alt + C',\n }),\n },\n },\n\n emits: [\n /\n Fires when send button is clicked\n \n @event submit\n * @type {String}\n /\n 'submit',\n\n /\n Fires when media is selected from image button\n \n @event select-media\n * @type {Array}\n /\n 'select-media',\n\n /\n Fires when media is dropped into the message input\n \n @event add-media\n * @type {Array}\n /\n 'add-media',\n\n /\n Fires when media is pasted into the message input\n \n @event paste-media\n * @type {Array}\n /\n 'paste-media',\n\n /\n Fires when cancel button is pressed (only on edit mode)\n \n @event cancel\n * @type {Boolean}\n /\n 'cancel',\n\n /\n Fires when skin tone is selected from the emoji picker\n \n @event skin-tone\n * @type {String}\n /\n 'skin-tone',\n\n /\n Fires when emoji is selected from the emoji picker\n \n @event selected-emoji\n * @type {String}\n /\n 'selected-emoji',\n\n /\n Fires when a slash command is selected\n \n @event selected-command\n * @type {String}\n /\n 'selected-command',\n\n /\n Fires when meeting pill is closed\n \n @event meeting-pill-close\n * @type {String}\n /\n 'meeting-pill-close',\n\n /\n Event to sync the value with the parent\n * @event update:modelValue\n * @type {String\|JSON}\n /\n 'update:modelValue',\n\n /\n Emitted when input changes, returns text content only\n * @event text-input\n * @type {String}\n */\n 'text-input',\n ],\n\n data () {\n return {\n // If an ordered list is nested within an unordered list, we only want to show the currently selected list as\n // active. This function performs the logic to determine the farthest active node from the root.\n lastActiveNodes,\n additionalExtensions: [MeetingPill],\n internalInputValue: this.modelValue, // internal input content\n imagePickerFocus: false,\n emojiPickerFocus: false,\n emojiPickerOpened: false,\n isFocused: false,\n linkOptions: {\n class: 'd-link d-c-text d-d-inline-block',\n },\n\n linkDialogOpen: false,\n selectedText: '',\n text: '',\n hideLinkBubbleMenu: false,\n };\n },\n\n computed: {\n\n showSendIcon () {\n return !this.showSend.text;\n },\n\n inputLength () {\n return this.text.length;\n },\n\n displayCharacterLimitWarning () {\n return (\n Boolean(this.showCharacterLimit) &&\n this.showCharacterLimit.count - this.inputLength <=\n this.showCharacterLimit.warning\n );\n },\n\n characterLimitTooltipEnabled () {\n return (\n this.showCharacterLimit.message &&\n this.showCharacterLimit.count - this.inputLength < 0\n );\n },\n\n isSendDisabled () {\n return (\n this.disableSend \|\|\n (this.showCharacterLimit &&\n this.inputLength > this.showCharacterLimit.count)\n );\n },\n\n computedCloseButtonProps () {\n return {\n ariaLabel: 'Close',\n };\n },\n\n emojiPickerHovered () {\n return this.emojiPickerFocus \|\| this.emojiPickerOpened;\n },\n\n sendIconSize () {\n return '300';\n },\n },\n\n watch: {\n modelValue (newValue) {\n this.internalInputValue = newValue;\n },\n\n emojiPickerOpened (newValue) {\n if (!newValue) {\n this.$refs.richTextEditor?.focusEditor();\n }\n },\n },\n\n created () {\n if (this.modelValue && this.outputFormat === 'text') {\n this.internalInputValue = this.modelValue.replace(/\\n/g, '<br>');\n } else {\n this.internalInputValue = this.modelValue;\n }\n },\n\n methods: {\n linkDialogOpened (value) {\n this.linkDialogOpen = value;\n if (value === true) {\n this.initLinkDialog();\n } else {\n this.hideLinkBubbleMenu = false;\n this.$refs.richTextEditor?.focusEditor();\n }\n },\n\n // eslint-disable-next-line complexity\n handleTopbarClick (type) {\n const editor = this.$refs.richTextEditor?.editor;\n // Key is the name returned in the event, value is the name of the TipTap command function to run.\n const typeToCommandMap = {\n bold: () => editor?.chain().focus().toggleBold().run(),\n italic: () => editor?.chain().focus().toggleItalic().run(),\n strike: () => editor?.chain().focus().toggleStrike().run(),\n bulletList: () => editor?.chain().focus().toggleBulletList().run(),\n orderedList: () => editor?.chain().focus().toggleOrderedList().run(),\n blockquote: () => editor?.chain().focus().toggleBlockquote().run(),\n code: () => editor?.chain().focus().toggleCode().run(),\n codeBlock: () => editor?.chain().focus().toggleCodeBlock().run(),\n };\n\n if (editor && typeToCommandMap[type]) {\n typeToCommandMap[type]();\n }\n },\n\n // Checks if the node currently selected is active ex/ the bold button is active if the selected text is bold\n isSelectionActive (type) {\n if (['bulletList', 'orderedList'].includes(type)) {\n return this.lastActiveNodes(this.$refs.richTextEditor?.editor?.state, [{ type: 'bulletList' }, { type: 'orderedList' }]).includes(type) && this.isFocused;\n }\n return this.$refs.richTextEditor?.editor?.isActive(type) && this.isFocused;\n },\n\n initLinkDialog () {\n this.$refs.link.setInitialValues(this.selectedText, this.$refs.richTextEditor?.editor?.getAttributes('link')?.href);\n this.hideLinkBubbleMenu = true;\n this.linkDialogOpen = true;\n },\n\n removeLink () {\n this.$refs.richTextEditor?.removeLink();\n this.linkDialogOpen = false;\n },\n\n setLink (linkText, linkInput) {\n this.$refs.richTextEditor.setLink(\n linkInput, linkText, this.linkOptions, EDITOR_SUPPORTED_LINK_PROTOCOLS, EDITOR_DEFAULT_LINK_PREFIX,\n );\n this.linkDialogOpen = false;\n },\n\n // Mousedown instead of click because it fires before the blur event.\n onMousedown (e) {\n const isWithinInput = this.$refs.richTextEditor.$el\n .querySelector('.tiptap')\n .contains(e.target);\n\n // If the click is not within the tiptap rich text editor input itself, but still within the wrapping div,\n // focus the editor.\n if (!isWithinInput) {\n // Prevent default prevents blurring the rich text editor input when it is already focused.\n e.preventDefault();\n this.$refs.richTextEditor.focusEditor();\n }\n },\n\n onDrop (e) {\n const dt = e.dataTransfer;\n const files = Array.from(dt.files);\n this.$emit('add-media', files);\n },\n\n onPaste (e) {\n if (e.clipboardData.files.length) {\n e.stopPropagation();\n e.preventDefault();\n const files = [...e.clipboardData.files];\n this.$emit('paste-media', files);\n }\n },\n\n onSkinTone (skinTone) {\n this.$emit('skin-tone', skinTone);\n },\n\n onSelectEmoji (emoji, close) {\n if (!emoji) {\n return;\n }\n\n if (!emoji.shift_key) {\n close();\n }\n\n // Insert emoji into the editor\n this.$refs.richTextEditor.editor.commands.insertContent({\n type: 'emoji',\n attrs: {\n code: emoji.shortname,\n },\n });\n this.$emit('selected-emoji', emoji);\n },\n\n onSelectImage () {\n this.$refs.messageInputImageUpload.$refs.input.click();\n },\n\n onImageUpload () {\n this.$emit(\n 'select-media',\n this.$refs.messageInputImageUpload.$refs.input.files,\n );\n },\n\n toggleEmojiPicker () {\n this.emojiPickerOpened = !this.emojiPickerOpened;\n },\n\n onSend () {\n if (this.isSendDisabled) {\n return;\n }\n this.$emit('submit', this.internalInputValue);\n },\n\n onCancel () {\n this.$emit('cancel');\n },\n\n onInput (event) {\n this.$emit('update:modelValue', event);\n },\n\n onTextInput (event) {\n this.text = event;\n this.$emit('text-input', event);\n },\n },\n};\n</script>\n"],"names":["_createElementBlock","_withModifiers","_renderSlot","_createBlock","_createVNode","_createCommentVNode","_normalizeStyle","_mergeProps","_createElementVNode","_withCtx","_toDisplayString","_normalizeClass","_createSlots","_openBlock"],"mappings":"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"}
1	+ {"version":3,"file":"message_input.vue.js","sources":["../../../../recipes/conversation_view/message_input/message_input.vue"],"sourcesContent":["<!-- eslint-disable max-lines -->\n<template>\n <div\n data-qa=\"dt-recipe-message-input\"\n role=\"presentation\"\n class=\"d-recipe-message-input\"\n @dragover.prevent\n @drop.prevent=\"onDrop\"\n @paste=\"onPaste\"\n @mousedown=\"onMousedown\"\n >\n <!-- @slot Renders above the input, but still within the borders. -->\n <slot name=\"top\" />\n\n <!-- set key to selectedText to force update. otherwise this component may not reflect the active selection -->\n <dt-recipe-message-input-topbar\n v-if=\"richText\"\n :key=\"selectedText\"\n :bold-button-options=\"boldButtonOptions\"\n :italic-button-options=\"italicButtonOptions\"\n :strike-button-options=\"strikeButtonOptions\"\n :bullet-list-button-options=\"bulletListButtonOptions\"\n :ordered-list-button-options=\"orderedListButtonOptions\"\n :block-quote-button-options=\"blockQuoteButtonOptions\"\n :code-button-options=\"codeButtonOptions\"\n :code-block-button-options=\"codeBlockButtonOptions\"\n :is-selection-active=\"isSelectionActive\"\n @click=\"handleTopbarClick\"\n >\n <template #link>\n <dt-recipe-message-input-link\n ref=\"link\"\n :open=\"linkDialogOpen\"\n :link-button-options=\"linkButtonOptions\"\n :is-selection-active=\"isSelectionActive\"\n @opened=\"linkDialogOpened\"\n @set-link=\"setLink\"\n @remove-link=\"removeLink\"\n />\n </template>\n </dt-recipe-message-input-topbar>\n <!-- Some wrapper to restrict the height and show the scrollbar -->\n <div\n v-dt-scrollbar\n class=\"d-recipe-message-input__editor-wrapper\"\n :style=\"{ 'max-height': maxHeight }\"\n >\n <dt-rich-text-editor\n ref=\"richTextEditor\"\n v-model=\"internalInputValue\"\n :allow-blockquote=\"richText\"\n :allow-bold=\"richText\"\n :allow-bullet-list=\"richText\"\n :allow-code=\"richText\"\n :allow-codeblock=\"richText\"\n :allow-italic=\"richText\"\n :allow-strike=\"richText\"\n :allow-underline=\"richText\"\n :editable=\"editable\"\n :input-aria-label=\"inputAriaLabel\"\n :input-class=\"inputClass\"\n :output-format=\"outputFormat\"\n :auto-focus=\"autoFocus\"\n :link=\"richText\"\n :placeholder=\"placeholder\"\n :prevent-typing=\"preventTyping\"\n :mention-suggestion=\"mentionSuggestion\"\n :channel-suggestion=\"channelSuggestion\"\n :slash-command-suggestion=\"slashCommandSuggestion\"\n :additional-extensions=\"additionalExtensions\"\n :hide-link-bubble-menu=\"hideLinkBubbleMenu\"\n v-bind=\"$attrs\"\n @input=\"onInput\"\n @text-input=\"onTextInput\"\n @enter=\"onSend\"\n @selected=\"selectedText = $event\"\n @edit-link=\"initLinkDialog\"\n @focus=\"isFocused = true\"\n @blur=\"isFocused = false\"\n />\n </div>\n <!-- @slot Slot for attachment carousel -->\n <slot name=\"middle\" />\n <!-- Section for the bottom UI -->\n <section class=\"d-recipe-message-input__bottom-section\">\n <!-- Left content -->\n <div class=\"d-recipe-message-input__bottom-section-left\">\n <dt-stack\n gap=\"200\"\n direction=\"row\"\n >\n <dt-button\n v-if=\"showImagePicker\"\n v-dt-tooltip:top-start=\"showImagePicker?.tooltipLabel\"\n data-qa=\"dt-recipe-message-input-image-btn\"\n size=\"sm\"\n class=\"d-recipe-message-input__button\"\n kind=\"muted\"\n importance=\"clear\"\n :aria-label=\"showImagePicker.ariaLabel\"\n @click=\"onSelectImage\"\n @mouseenter=\"imagePickerFocus = true\"\n @mouseleave=\"imagePickerFocus = false\"\n @focus=\"imagePickerFocus = true\"\n @blur=\"imagePickerFocus = false\"\n >\n <template #icon>\n <dt-icon-image size=\"300\" />\n </template>\n </dt-button>\n <dt-input\n ref=\"messageInputImageUpload\"\n data-qa=\"dt-recipe-message-input-image-input\"\n accept=\"image/, video/\"\n type=\"file\"\n class=\"d-recipe-message-input__image-input\"\n multiple\n hidden\n @input=\"onImageUpload\"\n />\n <dt-popover\n v-if=\"showEmojiPicker\"\n open.sync=\"emojiPickerOpened\"\n data-qa=\"dt-recipe-message-input-emoji-picker-popover\"\n initial-focus-element=\"#searchInput\"\n padding=\"none\"\n >\n <template #anchor=\"{ attrs }\">\n <dt-button\n v-dt-tooltip=\"emojiTooltipMessage\"\n v-bind=\"attrs\"\n data-qa=\"dt-recipe-message-input-emoji-picker-btn\"\n size=\"sm\"\n class=\"d-recipe-message-input__button\"\n kind=\"muted\"\n importance=\"clear\"\n :aria-label=\"emojiButtonAriaLabel\"\n @click=\"toggleEmojiPicker\"\n @mouseenter=\"emojiPickerFocus = true\"\n @mouseleave=\"emojiPickerFocus = false\"\n @focus=\"emojiPickerFocus = true\"\n @blur=\"emojiPickerFocus = false\"\n >\n <template #icon>\n <dt-icon-very-satisfied\n v-if=\"emojiPickerHovered\"\n size=\"300\"\n />\n <dt-icon-satisfied\n v-else\n size=\"300\"\n />\n </template>\n </dt-button>\n </template>\n <template #content=\"{ close }\">\n <dt-emoji-picker\n v-bind=\"emojiPickerProps\"\n @skin-tone=\"onSkinTone\"\n @selected-emoji=\"(emoji) => onSelectEmoji(emoji, close)\"\n />\n </template>\n </dt-popover>\n <!-- @slot Slot for emojiGiphy picker -->\n <slot name=\"emojiGiphyPicker\" />\n </dt-stack>\n </div>\n <!-- Right content -->\n <div class=\"d-recipe-message-input__bottom-section-right\">\n <dt-stack\n direction=\"row\"\n gap=\"300\"\n >\n <!-- @slot Slot for sms count -->\n <div class=\"d-recipe-message-input__sms-count\">\n <slot name=\"smsCount\" />\n </div>\n\n <!-- Optionally displayed remaining character counter -->\n <dt-tooltip\n v-if=\"Boolean(showCharacterLimit)\"\n class=\"d-recipe-message-input__remaining-char-tooltip\"\n placement=\"top-end\"\n :enabled=\"characterLimitTooltipEnabled\"\n :message=\"showCharacterLimit.message\"\n :offset=\"[10, 8]\"\n >\n <template #anchor>\n <p\n v-show=\"displayCharacterLimitWarning\"\n class=\"d-recipe-message-input__remaining-char\"\n data-qa=\"dt-recipe-message-input-character-limit\"\n >\n {{ showCharacterLimit.count - inputLength }}\n </p>\n </template>\n </dt-tooltip>\n\n <!-- Cancel button for edit mode -->\n <dt-button\n v-if=\"showCancel\"\n data-qa=\"dt-recipe-message-input-cancel-button\"\n class=\"d-recipe-message-input__button d-recipe-message-input__cancel-button\"\n size=\"sm\"\n kind=\"muted\"\n importance=\"clear\"\n :aria-label=\"showCancel.ariaLabel\"\n @click=\"onCancel\"\n >\n <p>{{ showCancel.text }}</p>\n </dt-button>\n\n <!-- @slot Slot for sendButton picker -->\n <slot name=\"sendButton\">\n <!-- Send button -->\n <!-- Right positioned UI - send button -->\n <dt-button\n v-if=\"showSend\"\n v-dt-tooltip:top-end=\"showSend?.tooltipLabel\"\n data-qa=\"dt-recipe-message-input-send-btn\"\n size=\"sm\"\n kind=\"default\"\n importance=\"primary\"\n :class=\"[\n 'd-recipe-message-input__button d-recipe-message-input__send-button',\n {\n 'd-recipe-message-input__send-button--disabled': isSendDisabled,\n 'd-btn--icon-only': showSendIcon,\n },\n ]\"\n :aria-label=\"showSend.ariaLabel\"\n :aria-disabled=\"isSendDisabled\"\n @click=\"onSend\"\n >\n <template\n v-if=\"showSendIcon\"\n #icon\n >\n <!-- @slot Slot for send button icon -->\n <slot\n name=\"sendIcon\"\n :icon-size=\"sendIconSize\"\n >\n <dt-icon-send :size=\"sendIconSize\" />\n </slot>\n </template>\n <template v-if=\"showSend.text\">\n <p>{{ showSend.text }}</p>\n </template>\n </dt-button>\n </slot>\n </dt-stack>\n </div>\n </section>\n </div>\n</template>\n\n<script>\n/* eslint-disable max-lines /\nimport {\n DtRichTextEditor,\n RICH_TEXT_EDITOR_OUTPUT_FORMATS,\n RICH_TEXT_EDITOR_AUTOFOCUS_TYPES,\n} from '@/components/rich_text_editor';\nimport lastActiveNodes from './last_active_nodes';\nimport MeetingPill from './extensions/meeting_pill/meeting_pill';\nimport { DtButton } from '@/components/button';\nimport { DtEmojiPicker } from '@/components/emoji_picker';\nimport { DtPopover } from '@/components/popover';\nimport { DtInput } from '@/components/input';\nimport { DtTooltip } from '@/components/tooltip';\nimport { DtStack } from '@/components/stack';\nimport {\n DtIconImage, DtIconVerySatisfied, DtIconSatisfied, DtIconSend,\n} from '@dialpad/dialtone-icons/vue3';\nimport DtRecipeMessageInputTopbar from './message_input_topbar.vue';\nimport DtRecipeMessageInputLink from './message_input_link.vue';\n\nimport {\n EDITOR_SUPPORTED_LINK_PROTOCOLS,\n EDITOR_DEFAULT_LINK_PREFIX,\n} from '../editor/editor_constants.js';\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtRecipeMessageInput',\n\n components: {\n DtButton,\n DtEmojiPicker,\n DtInput,\n DtPopover,\n DtRecipeMessageInputTopbar,\n DtRecipeMessageInputLink,\n DtRichTextEditor,\n DtTooltip,\n DtStack,\n DtIconImage,\n DtIconVerySatisfied,\n DtIconSatisfied,\n DtIconSend,\n },\n\n mixins: [],\n\n inheritAttrs: false,\n\n props: {\n /\n Displays all the buttons for rich text formatting above the message input, and enables it within the editor.\n * Rich text formatting for the purposes of this component is defined as:\n \n bold, italic, strikethrough, lists, blockquotes, inline code tags, and code blocks.\n \n If you are sending a message to a phone rather than a Dialpad to Dialpad message, you should have this as false.\n /\n richText: {\n type: Boolean,\n default: true,\n },\n\n /\n Value of the input. The object format should match TipTap's JSON\n * document structure: https://tiptap.dev/guide/output#option-1-json\n /\n modelValue: {\n type: [Object, String],\n default: '',\n },\n\n /\n Whether the input is editable\n /\n editable: {\n type: Boolean,\n default: true,\n },\n\n /\n Descriptive label for the input element\n /\n inputAriaLabel: {\n type: String,\n required: true,\n default: '',\n },\n\n /\n Prevents the user from typing any further. Deleting text will still work.\n /\n preventTyping: {\n type: Boolean,\n default: false,\n },\n\n /\n Additional class name for the input element. Only accepts a String value\n * because this is passed to the editor via options. For multiple classes,\n * join them into one string, e.g. \"d-p8 d-hmx96\"\n /\n inputClass: {\n type: String,\n default: '',\n },\n\n /\n Whether the input should receive focus after the component has been\n * mounted. Either one of `start`, `end`, `all` or a Boolean or a Number.\n * - `start` Sets the focus to the beginning of the input\n * - `end` Sets the focus to the end of the input\n * - `all` Selects the whole contents of the input\n * - `Number` Sets the focus to a specific position in the input\n * - `true` Defaults to `start`\n * - `false` Disables autofocus\n * @values true, false, start, end, all, number\n /\n autoFocus: {\n type: [Boolean, String, Number],\n default: false,\n validator (autoFocus) {\n if (typeof autoFocus === 'string') {\n return RICH_TEXT_EDITOR_AUTOFOCUS_TYPES.includes(autoFocus);\n }\n return true;\n },\n },\n\n /\n The output format that the editor uses when emitting the \"@input\" event.\n * One of `text`, `json`, `html`. See https://tiptap.dev/guide/output for\n * examples.\n * @values text, json, html\n /\n outputFormat: {\n type: String,\n default: 'json',\n validator (outputFormat) {\n return RICH_TEXT_EDITOR_OUTPUT_FORMATS.includes(outputFormat);\n },\n },\n\n /\n Placeholder text\n /\n placeholder: {\n type: String,\n default: '',\n },\n\n /\n Disable Send Button\n /\n disableSend: {\n type: Boolean,\n default: false,\n },\n\n /\n Content area needs to dynamically adjust height based on the conversation area height.\n * can be vh\|px\|rem\|em\|%\n /\n maxHeight: {\n type: String,\n default: 'unset',\n },\n\n // Emoji picker props\n showEmojiPicker: {\n type: Boolean,\n default: true,\n },\n\n /\n Props to pass into the emoji picker.\n /\n emojiPickerProps: {\n type: Object,\n default: () => ({}),\n validate (emojiPickerProps) {\n return [\n 'searchNoResultsLabel',\n 'searchResultsLabel',\n 'searchPlaceholderLabel',\n 'skinSelectorButtonTooltipLabel',\n 'tabSetLabels',\n ].every((prop) => emojiPickerProps[prop] != null);\n },\n },\n\n /\n Emoji button tooltip label\n /\n emojiTooltipMessage: {\n type: String,\n default: 'Emoji',\n },\n\n // Aria label for buttons\n /\n Emoji button aria label\n /\n emojiButtonAriaLabel: {\n type: String,\n default: 'emoji button',\n },\n\n /\n Enable character Limit warning\n /\n showCharacterLimit: {\n type: [Boolean, Object],\n default: () => ({ count: 1500, warning: 500, message: '' }),\n },\n\n showImagePicker: {\n type: [Boolean, Object],\n default: () => ({\n tooltipLabel: 'Attach Image',\n ariaLabel: 'image button',\n }),\n },\n\n /\n Send button defaults.\n /\n showSend: {\n type: [Boolean, Object],\n default: () => ({}),\n },\n\n /\n Cancel button defaults.\n /\n showCancel: {\n type: [Boolean, Object],\n default: () => ({ text: 'Cancel' }),\n },\n\n /\n suggestion object containing the items query function.\n * The valid keys passed into this object can be found here: https://tiptap.dev/api/utilities/suggestion\n \n The only required key is the items function which is used to query the contacts for suggestion.\n * items({ query }) => { return [ContactObject]; }\n * ContactObject format:\n * { name: string, avatarSrc: string, id: string }\n \n When null, it does not add the plugin.\n /\n mentionSuggestion: {\n type: Object,\n default: null,\n },\n\n /\n suggestion object containing the items query function.\n * The valid keys passed into this object can be found here: https://tiptap.dev/api/utilities/suggestion\n \n The only required key is the items function which is used to query the channels for suggestion.\n * items({ query }) => { return [ChannelObject]; }\n * ChannelObject format:\n * { name: string, id: string, locked: boolean }\n \n When null, it does not add the plugin. Setting locked to true will display a lock rather than hash.\n /\n channelSuggestion: {\n type: Object,\n default: null,\n },\n\n /\n suggestion object containing the items query function.\n * The valid keys passed into this object can be found here: https://tiptap.dev/api/utilities/suggestion\n \n The only required key is the items function which is used to query the slash commands for suggestion.\n * items({ query }) => { return [SlashCommandObject]; }\n * SlashCommandObject format:\n * { command: string, description: string, parametersExample?: string }\n * The \"parametersExample\" parameter is optional, and describes an example\n * of the parameters that command can take.\n \n When null, it does not add the plugin.\n /\n slashCommandSuggestion: {\n type: Object,\n default: null,\n },\n\n /\n descriptive text fields for the bold button\n \n object format:\n * { ariaLabel: string, tooltipText: string, keyboardShortcutText: string }\n /\n boldButtonOptions: {\n type: Object,\n default: () => ({\n ariaLabel: 'Toggle bold on selected text',\n tooltipText: 'Bold',\n keyboardShortcutText: 'Mod + B',\n }),\n },\n\n /\n descriptive text fields for the italic button\n \n object format:\n * { ariaLabel: string, tooltipText: string, keyboardShortcutText: string }\n /\n italicButtonOptions: {\n type: Object,\n default: () => ({\n ariaLabel: 'Toggle italic on selected text',\n tooltipText: 'Italic',\n keyboardShortcutText: 'Mod + I',\n }),\n },\n\n /\n descriptive text fields for the strikethrough button\n \n object format:\n * { ariaLabel: string, tooltipText: string, keyboardShortcutText: string }\n /\n strikeButtonOptions: {\n type: Object,\n default: () => ({\n ariaLabel: 'Toggle strikethrough on selected text',\n tooltipText: 'Strikethrough',\n keyboardShortcutText: 'Mod + Shift + S',\n }),\n },\n\n /\n descriptive text fields for the link button\n \n object format:\n * { ariaLabel: string, tooltipText: string, keyboardShortcutText: string }\n /\n linkButtonOptions: {\n type: Object,\n default: () => ({\n ariaLabel: 'Create or edit link on selected text',\n tooltipText: 'Link',\n // TODO: implement mod k\n keyboardShortcutText: 'Mod + K',\n dialogTitle: 'Add a link',\n textLabel: 'Text to display (optional)',\n linkLabel: 'Link',\n linkPlaceholder: 'e.g. https://www.dialpad.com',\n removeLabel: 'Remove',\n cancelLabel: 'Cancel',\n confirmLabel: 'Done',\n visuallyHiddenCloseText: 'Close link dialog',\n }),\n },\n\n /\n descriptive text fields for the bullet list button\n \n object format:\n * { ariaLabel: string, tooltipText: string, keyboardShortcutText: string }\n /\n bulletListButtonOptions: {\n type: Object,\n default: () => ({\n ariaLabel: 'Toggle bullet list on selected text',\n tooltipText: 'Bullet list',\n keyboardShortcutText: 'Mod + Shift + 8',\n }),\n },\n\n /\n descriptive text fields for the ordered list button\n \n object format:\n * { ariaLabel: string, tooltipText: string, keyboardShortcutText: string }\n /\n orderedListButtonOptions: {\n type: Object,\n default: () => ({\n ariaLabel: 'Toggle ordered list on selected text',\n tooltipText: 'Ordered list',\n keyboardShortcutText: 'Mod + Shift + 7',\n }),\n },\n\n /\n descriptive text fields for the italic button\n \n object format:\n * { ariaLabel: string, tooltipText: string, keyboardShortcutText: string }\n /\n blockQuoteButtonOptions: {\n type: Object,\n default: () => ({\n ariaLabel: 'Toggle Blockquote on selected text',\n tooltipText: 'Blockquote',\n keyboardShortcutText: 'Mod + Shift + B',\n }),\n },\n\n /\n descriptive text fields for the code button\n \n object format:\n * { ariaLabel: string, tooltipText: string, keyboardShortcutText: string }\n /\n codeButtonOptions: {\n type: Object,\n default: () => ({\n ariaLabel: 'Toggle code tag on selected text',\n tooltipText: 'Code',\n keyboardShortcutText: 'Mod + E',\n }),\n },\n\n /\n descriptive text fields for the code block button\n \n object format:\n * { ariaLabel: string, tooltipText: string, keyboardShortcutText: string }\n /\n codeBlockButtonOptions: {\n type: Object,\n default: () => ({\n ariaLabel: 'Toggle code block on selected text',\n tooltipText: 'Code block',\n keyboardShortcutText: 'Mod + Alt + C',\n }),\n },\n },\n\n emits: [\n /\n Fires when send button is clicked\n \n @event submit\n * @type {String}\n /\n 'submit',\n\n /\n Fires when media is selected from image button\n \n @event select-media\n * @type {Array}\n /\n 'select-media',\n\n /\n Fires when media is dropped into the message input\n \n @event add-media\n * @type {Array}\n /\n 'add-media',\n\n /\n Fires when media is pasted into the message input\n \n @event paste-media\n * @type {Array}\n /\n 'paste-media',\n\n /\n Fires when cancel button is pressed (only on edit mode)\n \n @event cancel\n * @type {Boolean}\n /\n 'cancel',\n\n /\n Fires when skin tone is selected from the emoji picker\n \n @event skin-tone\n * @type {String}\n /\n 'skin-tone',\n\n /\n Fires when emoji is selected from the emoji picker\n \n @event selected-emoji\n * @type {String}\n /\n 'selected-emoji',\n\n /\n Fires when a slash command is selected\n \n @event selected-command\n * @type {String}\n /\n 'selected-command',\n\n /\n Fires when meeting pill is closed\n \n @event meeting-pill-close\n * @type {String}\n /\n 'meeting-pill-close',\n\n /\n Event to sync the value with the parent\n * @event update:modelValue\n * @type {String\|JSON}\n /\n 'update:modelValue',\n\n /\n Emitted when input changes, returns text content only\n * @event text-input\n * @type {String}\n */\n 'text-input',\n ],\n\n data () {\n return {\n // If an ordered list is nested within an unordered list, we only want to show the currently selected list as\n // active. This function performs the logic to determine the farthest active node from the root.\n lastActiveNodes,\n additionalExtensions: [MeetingPill],\n internalInputValue: this.modelValue, // internal input content\n imagePickerFocus: false,\n emojiPickerFocus: false,\n emojiPickerOpened: false,\n isFocused: false,\n linkOptions: {\n class: 'd-link d-c-text d-d-inline-block',\n },\n\n linkDialogOpen: false,\n selectedText: '',\n text: '',\n hideLinkBubbleMenu: false,\n };\n },\n\n computed: {\n\n showSendIcon () {\n return !this.showSend.text;\n },\n\n inputLength () {\n return this.text.length;\n },\n\n displayCharacterLimitWarning () {\n return (\n Boolean(this.showCharacterLimit) &&\n this.showCharacterLimit.count - this.inputLength <=\n this.showCharacterLimit.warning\n );\n },\n\n characterLimitTooltipEnabled () {\n return (\n this.showCharacterLimit.message &&\n this.showCharacterLimit.count - this.inputLength < 0\n );\n },\n\n isSendDisabled () {\n return (\n this.disableSend \|\|\n (this.showCharacterLimit &&\n this.inputLength > this.showCharacterLimit.count)\n );\n },\n\n computedCloseButtonProps () {\n return {\n ariaLabel: 'Close',\n };\n },\n\n emojiPickerHovered () {\n return this.emojiPickerFocus \|\| this.emojiPickerOpened;\n },\n\n sendIconSize () {\n return '300';\n },\n },\n\n watch: {\n modelValue (newValue) {\n this.internalInputValue = newValue;\n },\n\n emojiPickerOpened (newValue) {\n if (!newValue) {\n this.$refs.richTextEditor?.focusEditor();\n }\n },\n },\n\n created () {\n if (this.modelValue && this.outputFormat === 'text') {\n this.internalInputValue = this.modelValue.replace(/\\n/g, '<br>');\n } else {\n this.internalInputValue = this.modelValue;\n }\n },\n\n methods: {\n linkDialogOpened (value) {\n this.linkDialogOpen = value;\n if (value === true) {\n this.initLinkDialog();\n } else {\n this.hideLinkBubbleMenu = false;\n this.$refs.richTextEditor?.focusEditor();\n }\n },\n\n // eslint-disable-next-line complexity\n handleTopbarClick (type) {\n const editor = this.$refs.richTextEditor?.editor;\n // Key is the name returned in the event, value is the name of the TipTap command function to run.\n const typeToCommandMap = {\n bold: () => editor?.chain().focus().toggleBold().run(),\n italic: () => editor?.chain().focus().toggleItalic().run(),\n strike: () => editor?.chain().focus().toggleStrike().run(),\n bulletList: () => editor?.chain().focus().toggleBulletList().run(),\n orderedList: () => editor?.chain().focus().toggleOrderedList().run(),\n blockquote: () => editor?.chain().focus().toggleBlockquote().run(),\n code: () => editor?.chain().focus().toggleCode().run(),\n codeBlock: () => editor?.chain().focus().toggleCodeBlock().run(),\n };\n\n if (editor && typeToCommandMap[type]) {\n typeToCommandMap[type]();\n }\n },\n\n // Checks if the node currently selected is active ex/ the bold button is active if the selected text is bold\n isSelectionActive (type) {\n if (['bulletList', 'orderedList'].includes(type)) {\n return this.lastActiveNodes(this.$refs.richTextEditor?.editor?.state, [{ type: 'bulletList' }, { type: 'orderedList' }]).includes(type) && this.isFocused;\n }\n return this.$refs.richTextEditor?.editor?.isActive(type) && this.isFocused;\n },\n\n initLinkDialog () {\n this.$refs.link.setInitialValues(this.selectedText, this.$refs.richTextEditor?.editor?.getAttributes('link')?.href);\n this.hideLinkBubbleMenu = true;\n this.linkDialogOpen = true;\n },\n\n removeLink () {\n this.$refs.richTextEditor?.removeLink();\n this.linkDialogOpen = false;\n },\n\n setLink (linkText, linkInput) {\n this.$refs.richTextEditor.setLink(\n linkInput, linkText, this.linkOptions, EDITOR_SUPPORTED_LINK_PROTOCOLS, EDITOR_DEFAULT_LINK_PREFIX,\n );\n this.linkDialogOpen = false;\n },\n\n // Mousedown instead of click because it fires before the blur event.\n onMousedown (e) {\n const isWithinInput = this.$refs.richTextEditor.$el\n .querySelector('.tiptap')\n .contains(e.target);\n\n // If the click is not within the tiptap rich text editor input itself, but still within the wrapping div,\n // focus the editor.\n if (!isWithinInput) {\n // Prevent default prevents blurring the rich text editor input when it is already focused.\n e.preventDefault();\n this.$refs.richTextEditor.focusEditor();\n }\n },\n\n onDrop (e) {\n const dt = e.dataTransfer;\n const files = Array.from(dt.files);\n this.$emit('add-media', files);\n },\n\n onPaste (e) {\n if (e.clipboardData.files.length) {\n e.stopPropagation();\n e.preventDefault();\n const files = [...e.clipboardData.files];\n this.$emit('paste-media', files);\n }\n },\n\n onSkinTone (skinTone) {\n this.$emit('skin-tone', skinTone);\n },\n\n onSelectEmoji (emoji, close) {\n if (!emoji) {\n return;\n }\n\n if (!emoji.shift_key) {\n close();\n }\n\n // Insert emoji into the editor\n this.$refs.richTextEditor.editor.commands.insertContent({\n type: 'emoji',\n attrs: {\n code: emoji.shortname,\n },\n });\n this.$emit('selected-emoji', emoji);\n },\n\n onSelectImage () {\n this.$refs.messageInputImageUpload.$refs.input.click();\n },\n\n onImageUpload () {\n this.$emit(\n 'select-media',\n this.$refs.messageInputImageUpload.$refs.input.files,\n );\n },\n\n toggleEmojiPicker () {\n this.emojiPickerOpened = !this.emojiPickerOpened;\n },\n\n onSend () {\n if (this.isSendDisabled) {\n return;\n }\n this.$emit('submit', this.internalInputValue);\n },\n\n onCancel () {\n this.$emit('cancel');\n },\n\n onInput (event) {\n this.$emit('update:modelValue', event);\n },\n\n onTextInput (event) {\n this.text = event;\n this.$emit('text-input', event);\n },\n },\n};\n</script>\n"],"names":["_createElementBlock","_withModifiers","_renderSlot","_createBlock","_createVNode","_createCommentVNode","_normalizeStyle","_mergeProps","_createElementVNode","_withCtx","_toDisplayString","_normalizeClass","_createSlots","_openBlock"],"mappings":";;;;;;;;;;;;;;;;AA2RA,MAAK,YAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,MAAM;AAAA,EAEN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAAA,EAED,QAAQ,CAAE;AAAA,EAEV,cAAc;AAAA,EAEd,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASL,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,YAAY;AAAA,MACV,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,gBAAgB;AAAA,MACd,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOD,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAaD,WAAW;AAAA,MACT,MAAM,CAAC,SAAS,QAAQ,MAAM;AAAA,MAC9B,SAAS;AAAA,MACT,UAAW,WAAW;AACpB,YAAI,OAAO,cAAc,UAAU;AACjC,iBAAO,iCAAiC,SAAS,SAAS;AAAA,QAC5D;AACA,eAAO;AAAA,MACR;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQD,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,UAAW,cAAc;AACvB,eAAO,gCAAgC,SAAS,YAAY;AAAA,MAC7D;AAAA,IACF;AAAA;AAAA;AAAA;AAAA,IAKD,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA,IAGD,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,kBAAkB;AAAA,MAChB,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,MAChB,SAAU,kBAAkB;AAC1B,eAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF,EAAE,MAAM,CAAC,SAAS,iBAAiB,IAAI,KAAK,IAAI;AAAA,MACjD;AAAA,IACF;AAAA;AAAA;AAAA;AAAA,IAKD,qBAAqB;AAAA,MACnB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,sBAAsB;AAAA,MACpB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,oBAAoB;AAAA,MAClB,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,SAAS,OAAO,EAAE,OAAO,MAAM,SAAS,KAAK,SAAS;IACvD;AAAA,IAED,iBAAiB;AAAA,MACf,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,SAAS,OAAO;AAAA,QACd,cAAc;AAAA,QACd,WAAW;AAAA,MACb;AAAA,IACD;AAAA;AAAA;AAAA;AAAA,IAKD,UAAU;AAAA,MACR,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,SAAS,OAAO,CAAA;AAAA,IACjB;AAAA;AAAA;AAAA;AAAA,IAKD,YAAY;AAAA,MACV,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,SAAS,OAAO,EAAE,MAAM;IACzB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAaD,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAaD,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAeD,wBAAwB;AAAA,MACtB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQD,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS,OAAO;AAAA,QACd,WAAW;AAAA,QACX,aAAa;AAAA,QACb,sBAAsB;AAAA,MACxB;AAAA,IACD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQD,qBAAqB;AAAA,MACnB,MAAM;AAAA,MACN,SAAS,OAAO;AAAA,QACd,WAAW;AAAA,QACX,aAAa;AAAA,QACb,sBAAsB;AAAA,MACxB;AAAA,IACD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQD,qBAAqB;AAAA,MACnB,MAAM;AAAA,MACN,SAAS,OAAO;AAAA,QACd,WAAW;AAAA,QACX,aAAa;AAAA,QACb,sBAAsB;AAAA,MACxB;AAAA,IACD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQD,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS,OAAO;AAAA,QACd,WAAW;AAAA,QACX,aAAa;AAAA;AAAA,QAEb,sBAAsB;AAAA,QACtB,aAAa;AAAA,QACb,WAAW;AAAA,QACX,WAAW;AAAA,QACX,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,aAAa;AAAA,QACb,cAAc;AAAA,QACd,yBAAyB;AAAA,MAC3B;AAAA,IACD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQD,yBAAyB;AAAA,MACvB,MAAM;AAAA,MACN,SAAS,OAAO;AAAA,QACd,WAAW;AAAA,QACX,aAAa;AAAA,QACb,sBAAsB;AAAA,MACxB;AAAA,IACD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQD,0BAA0B;AAAA,MACxB,MAAM;AAAA,MACN,SAAS,OAAO;AAAA,QACd,WAAW;AAAA,QACX,aAAa;AAAA,QACb,sBAAsB;AAAA,MACxB;AAAA,IACD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQD,yBAAyB;AAAA,MACvB,MAAM;AAAA,MACN,SAAS,OAAO;AAAA,QACd,WAAW;AAAA,QACX,aAAa;AAAA,QACb,sBAAsB;AAAA,MACxB;AAAA,IACD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQD,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS,OAAO;AAAA,QACd,WAAW;AAAA,QACX,aAAa;AAAA,QACb,sBAAsB;AAAA,MACxB;AAAA,IACD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQD,wBAAwB;AAAA,MACtB,MAAM;AAAA,MACN,SAAS,OAAO;AAAA,QACd,WAAW;AAAA,QACX,aAAa;AAAA,QACb,sBAAsB;AAAA,MACxB;AAAA,IACD;AAAA,EACF;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOL;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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA;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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA;AAAA,EACD;AAAA,EAED,OAAQ;AACN,WAAO;AAAA;AAAA;AAAA,MAGL;AAAA,MACA,sBAAsB,CAAC,WAAW;AAAA,MAClC,oBAAoB,KAAK;AAAA;AAAA,MACzB,kBAAkB;AAAA,MAClB,kBAAkB;AAAA,MAClB,mBAAmB;AAAA,MACnB,WAAW;AAAA,MACX,aAAa;AAAA,QACX,OAAO;AAAA,MACR;AAAA,MAED,gBAAgB;AAAA,MAChB,cAAc;AAAA,MACd,MAAM;AAAA,MACN,oBAAoB;AAAA;EAEvB;AAAA,EAED,UAAU;AAAA,IAER,eAAgB;AACd,aAAO,CAAC,KAAK,SAAS;AAAA,IACvB;AAAA,IAED,cAAe;AACb,aAAO,KAAK,KAAK;AAAA,IAClB;AAAA,IAED,+BAAgC;AAC9B,aACE,QAAQ,KAAK,kBAAkB,KAC/B,KAAK,mBAAmB,QAAQ,KAAK,eACnC,KAAK,mBAAmB;AAAA,IAE7B;AAAA,IAED,+BAAgC;AAC9B,aACE,KAAK,mBAAmB,WACxB,KAAK,mBAAmB,QAAQ,KAAK,cAAc;AAAA,IAEtD;AAAA,IAED,iBAAkB;AAChB,aACE,KAAK,eACJ,KAAK,sBACJ,KAAK,cAAc,KAAK,mBAAmB;AAAA,IAEhD;AAAA,IAED,2BAA4B;AAC1B,aAAO;AAAA,QACL,WAAW;AAAA;IAEd;AAAA,IAED,qBAAsB;AACpB,aAAO,KAAK,oBAAoB,KAAK;AAAA,IACtC;AAAA,IAED,eAAgB;AACd,aAAO;AAAA,IACR;AAAA,EACF;AAAA,EAED,OAAO;AAAA,IACL,WAAY,UAAU;AACpB,WAAK,qBAAqB;AAAA,IAC3B;AAAA,IAED,kBAAmB,UAAU;;AAC3B,UAAI,CAAC,UAAU;AACb,mBAAK,MAAM,mBAAX,mBAA2B;AAAA,MAC7B;AAAA,IACD;AAAA,EACF;AAAA,EAED,UAAW;AACT,QAAI,KAAK,cAAc,KAAK,iBAAiB,QAAQ;AACnD,WAAK,qBAAqB,KAAK,WAAW,QAAQ,OAAO,MAAM;AAAA,WAC1D;AACL,WAAK,qBAAqB,KAAK;AAAA,IACjC;AAAA,EACD;AAAA,EAED,SAAS;AAAA,IACP,iBAAkB,OAAO;;AACvB,WAAK,iBAAiB;AACtB,UAAI,UAAU,MAAM;AAClB,aAAK,eAAc;AAAA,aACd;AACL,aAAK,qBAAqB;AAC1B,mBAAK,MAAM,mBAAX,mBAA2B;AAAA,MAC7B;AAAA,IACD;AAAA;AAAA,IAGD,kBAAmB,MAAM;;AACvB,YAAM,UAAS,UAAK,MAAM,mBAAX,mBAA2B;AAE1C,YAAM,mBAAmB;AAAA,QACvB,MAAM,MAAM,iCAAQ,QAAQ,QAAQ,aAAa;AAAA,QACjD,QAAQ,MAAM,iCAAQ,QAAQ,QAAQ,eAAe;AAAA,QACrD,QAAQ,MAAM,iCAAQ,QAAQ,QAAQ,eAAe;AAAA,QACrD,YAAY,MAAM,iCAAQ,QAAQ,QAAQ,mBAAmB;AAAA,QAC7D,aAAa,MAAM,iCAAQ,QAAQ,QAAQ,oBAAoB;AAAA,QAC/D,YAAY,MAAM,iCAAQ,QAAQ,QAAQ,mBAAmB;AAAA,QAC7D,MAAM,MAAM,iCAAQ,QAAQ,QAAQ,aAAa;AAAA,QACjD,WAAW,MAAM,iCAAQ,QAAQ,QAAQ,kBAAkB;AAAA;AAG7D,UAAI,UAAU,iBAAiB,IAAI,GAAG;AACpC,yBAAiB,IAAI;MACvB;AAAA,IACD;AAAA;AAAA,IAGD,kBAAmB,MAAM;;AACvB,UAAI,CAAC,cAAc,aAAa,EAAE,SAAS,IAAI,GAAG;AAChD,eAAO,KAAK,iBAAgB,gBAAK,MAAM,mBAAX,mBAA2B,WAA3B,mBAAmC,OAAO,CAAC,EAAE,MAAM,gBAAgB,EAAE,MAAM,eAAe,CAAC,EAAE,SAAS,IAAI,KAAK,KAAK;AAAA,MAClJ;AACA,eAAO,gBAAK,MAAM,mBAAX,mBAA2B,WAA3B,mBAAmC,SAAS,UAAS,KAAK;AAAA,IAClE;AAAA,IAED,iBAAkB;;AAChB,WAAK,MAAM,KAAK,iBAAiB,KAAK,eAAc,sBAAK,MAAM,mBAAX,mBAA2B,WAA3B,mBAAmC,cAAc,YAAjD,mBAA0D,IAAI;AAClH,WAAK,qBAAqB;AAC1B,WAAK,iBAAiB;AAAA,IACvB;AAAA,IAED,aAAc;;AACZ,iBAAK,MAAM,mBAAX,mBAA2B;AAC3B,WAAK,iBAAiB;AAAA,IACvB;AAAA,IAED,QAAS,UAAU,WAAW;AAC5B,WAAK,MAAM,eAAe;AAAA,QACxB;AAAA,QAAW;AAAA,QAAU,KAAK;AAAA,QAAa;AAAA,QAAiC;AAAA;AAE1E,WAAK,iBAAiB;AAAA,IACvB;AAAA;AAAA,IAGD,YAAa,GAAG;AACd,YAAM,gBAAgB,KAAK,MAAM,eAAe,IAC7C,cAAc,SAAS,EACvB,SAAS,EAAE,MAAM;AAIpB,UAAI,CAAC,eAAe;AAElB,UAAE,eAAc;AAChB,aAAK,MAAM,eAAe;MAC5B;AAAA,IACD;AAAA,IAED,OAAQ,GAAG;AACT,YAAM,KAAK,EAAE;AACb,YAAM,QAAQ,MAAM,KAAK,GAAG,KAAK;AACjC,WAAK,MAAM,aAAa,KAAK;AAAA,IAC9B;AAAA,IAED,QAAS,GAAG;AACV,UAAI,EAAE,cAAc,MAAM,QAAQ;AAChC,UAAE,gBAAe;AACjB,UAAE,eAAc;AAChB,cAAM,QAAQ,CAAC,GAAG,EAAE,cAAc,KAAK;AACvC,aAAK,MAAM,eAAe,KAAK;AAAA,MACjC;AAAA,IACD;AAAA,IAED,WAAY,UAAU;AACpB,WAAK,MAAM,aAAa,QAAQ;AAAA,IACjC;AAAA,IAED,cAAe,OAAO,OAAO;AAC3B,UAAI,CAAC,OAAO;AACV;AAAA,MACF;AAEA,UAAI,CAAC,MAAM,WAAW;AACpB;MACF;AAGA,WAAK,MAAM,eAAe,OAAO,SAAS,cAAc;AAAA,QACtD,MAAM;AAAA,QACN,OAAO;AAAA,UACL,MAAM,MAAM;AAAA,QACb;AAAA,MACH,CAAC;AACD,WAAK,MAAM,kBAAkB,KAAK;AAAA,IACnC;AAAA,IAED,gBAAiB;AACf,WAAK,MAAM,wBAAwB,MAAM,MAAM,MAAK;AAAA,IACrD;AAAA,IAED,gBAAiB;AACf,WAAK;AAAA,QACH;AAAA,QACA,KAAK,MAAM,wBAAwB,MAAM,MAAM;AAAA;IAElD;AAAA,IAED,oBAAqB;AACnB,WAAK,oBAAoB,CAAC,KAAK;AAAA,IAChC;AAAA,IAED,SAAU;AACR,UAAI,KAAK,gBAAgB;AACvB;AAAA,MACF;AACA,WAAK,MAAM,UAAU,KAAK,kBAAkB;AAAA,IAC7C;AAAA,IAED,WAAY;AACV,WAAK,MAAM,QAAQ;AAAA,IACpB;AAAA,IAED,QAAS,OAAO;AACd,WAAK,MAAM,qBAAqB,KAAK;AAAA,IACtC;AAAA,IAED,YAAa,OAAO;AAClB,WAAK,OAAO;AACZ,WAAK,MAAM,cAAc,KAAK;AAAA,IAC/B;AAAA,EACF;AACH;AAp6Ba,MAAA,aAAA,EAAA,OAAM,yCAAwC;AAEhD,MAAA,aAAA,EAAA,OAAM,8CAA6C;AAkFnD,MAAA,aAAA,EAAA,OAAM,+CAA8C;AAMhD,MAAA,aAAA,EAAA,OAAM,oCAAmC;qBA9KxD,KAAA,EAAA;;;;;;;;;;;;;;;;;sBAEEA,mBA4PM,OAAA;AAAA,IA3PJ,WAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACL,YAAQ,OAAA,EAAA,MAAA,OAAA,EAAA,IANbC,cAMI,MAAiB;AAAA,IAAA,GAAA,CAAA,SAAA,CAAA;AAAA,IAChB,QAAI,OAAA,EAAA,MAAA,OAAA,EAAA,IAPTA,2BAOmB,SAAM,UAAA,SAAA,OAAA,GAAA,IAAA,GAAA,CAAA,SAAA,CAAA;AAAA,IACpB,kDAAO,SAAO,WAAA,SAAA,QAAA,GAAA,IAAA;AAAA,IACd,sDAAW,SAAW,eAAA,SAAA,YAAA,GAAA,IAAA;AAAA;IAGvBC,WAAmB,KAAA,QAAA,KAAA;AAAA,IAIX,OAAQ,yBADhBC,YAyBiC,2CAAA;AAAA,MAvB9B,KAAK,MAAY;AAAA,MACjB,uBAAqB,OAAiB;AAAA,MACtC,yBAAuB,OAAmB;AAAA,MAC1C,yBAAuB,OAAmB;AAAA,MAC1C,8BAA4B,OAAuB;AAAA,MACnD,+BAA6B,OAAwB;AAAA,MACrD,8BAA4B,OAAuB;AAAA,MACnD,uBAAqB,OAAiB;AAAA,MACtC,6BAA2B,OAAsB;AAAA,MACjD,uBAAqB,SAAiB;AAAA,MACtC,SAAO,SAAiB;AAAA;MAEd,cACT,MAQE;AAAA,QARFC,YAQE,yCAAA;AAAA,UAPA,KAAI;AAAA,UACH,MAAM,MAAc;AAAA,UACpB,uBAAqB,OAAiB;AAAA,UACtC,uBAAqB,SAAiB;AAAA,UACtC,UAAQ,SAAgB;AAAA,UACxB,WAAU,SAAO;AAAA,UACjB,cAAa,SAAU;AAAA;;MArClC,GAAA;AAAA,yQAAAC,mBAAA,IAAA,IAAA;AAAA,iCA0CIL,mBAsCM,OAAA;AAAA,MApCJ,OAAM;AAAA,MACL,OA7CPM,+BA6C8B,OAAS,UAAA,CAAA;AAAA;MAEjCF,YAgCE,gCAhCFG,WAgCE;AAAA,QA/BA,KAAI;AAAA,QAhDZ,YAiDiB,MAAkB;AAAA,QAjDnC,uBAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAiDiB,MAAkB,qBAAA;AAAA,QAC1B,oBAAkB,OAAQ;AAAA,QAC1B,cAAY,OAAQ;AAAA,QACpB,qBAAmB,OAAQ;AAAA,QAC3B,cAAY,OAAQ;AAAA,QACpB,mBAAiB,OAAQ;AAAA,QACzB,gBAAc,OAAQ;AAAA,QACtB,gBAAc,OAAQ;AAAA,QACtB,mBAAiB,OAAQ;AAAA,QACzB,UAAU,OAAQ;AAAA,QAClB,oBAAkB,OAAc;AAAA,QAChC,eAAa,OAAU;AAAA,QACvB,iBAAe,OAAY;AAAA,QAC3B,cAAY,OAAS;AAAA,QACrB,MAAM,OAAQ;AAAA,QACd,aAAa,OAAW;AAAA,QACxB,kBAAgB,OAAa;AAAA,QAC7B,sBAAoB,OAAiB;AAAA,QACrC,sBAAoB,OAAiB;AAAA,QACrC,4BAA0B,OAAsB;AAAA,QAChD,yBAAuB,MAAoB;AAAA,QAC3C,yBAAuB,MAAkB;AAAA,SAClC,KAAM,QAAA;AAAA,QACb,SAAO,SAAO;AAAA,QACd,aAAY,SAAW;AAAA,QACvB,SAAO,SAAM;AAAA,QACb,YAAQ,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAE,MAAY,eAAG;AAAA,QACzB,YAAW,SAAc;AAAA,QACzB,+CAAO,MAAS,YAAA;AAAA,QAChB,8CAAM,MAAS,YAAA;AAAA;;;;IAIpBL,WAAsB,KAAA,QAAA,QAAA;AAAA,IAEtBM,mBAyKU,WAzKV,YAyKU;AAAA,MAvKRA,mBAgFM,OAhFN,YAgFM;AAAA,QA/EJJ,YA8EW,qBAAA;AAAA,UA7ET,KAAI;AAAA,UACJ,WAAU;AAAA;UAzFpB,SAAAK,QA2FU,MAkBY;;AAAA;AAAA,cAjBJ,OAAe,+CADvBN,YAkBY,sBAAA;AAAA,gBA7GtB,KAAA;AAAA,gBA8FY,WAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,YAAW;AAAA,gBACV,cAAY,OAAe,gBAAC;AAAA,gBAC5B,SAAO,SAAa;AAAA,gBACpB,oDAAY,MAAgB,mBAAA;AAAA,gBAC5B,oDAAY,MAAgB,mBAAA;AAAA,gBAC5B,+CAAO,MAAgB,mBAAA;AAAA,gBACvB,8CAAM,MAAgB,mBAAA;AAAA;gBAEZ,cACT,MAA4B;AAAA,kBAA5BC,YAA4B,0BAAA,EAAb,MAAK,MAAK,CAAA;AAAA;gBA3GvC,GAAA;AAAA;yCA6FoC,YAAe,oBAAf,mBAAiB,cAA5B,WAAS;AAAA,mBA7FlCC,mBAAA,IAAA,IAAA;AAAA,cA8GUD,YASE,qBAAA;AAAA,gBARA,KAAI;AAAA,gBACJ,WAAQ;AAAA,gBACR,QAAO;AAAA,gBACP,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,UAAA;AAAA,gBACA,QAAA;AAAA,gBACC,SAAO,SAAa;AAAA;cAGf,OAAe,gCADvBD,YA0Ca,uBAAA;AAAA,gBAlKvB,KAAA;AAAA,gBA0HY,aAAU;AAAA,gBACV,WAAQ;AAAA,gBACR,yBAAsB;AAAA,gBACtB,SAAQ;AAAA;gBAEG,QAAMM,QACf,CAyBY,EA1BO,YAAK;AAAA,+CACxBN,YAyBY,sBAzBZI,WAEU,OAAK;AAAA,oBACb,WAAQ;AAAA,oBACR,MAAK;AAAA,oBACL,OAAM;AAAA,oBACN,MAAK;AAAA,oBACL,YAAW;AAAA,oBACV,cAAY,OAAoB;AAAA,oBAChC,SAAO,SAAiB;AAAA,oBACxB,oDAAY,MAAgB,mBAAA;AAAA,oBAC5B,oDAAY,MAAgB,mBAAA;AAAA,oBAC5B,iDAAO,MAAgB,mBAAA;AAAA,oBACvB,gDAAM,MAAgB,mBAAA;AAAA;oBAEZ,cACT,MAGE;AAAA,sBAFM,SAAkB,mCAD1BJ,YAGE,mCAAA;AAAA,wBAnJpB,KAAA;AAAA,wBAkJoB,MAAK;AAAA,0CAEPA,YAGE,8BAAA;AAAA,wBAvJpB,KAAA;AAAA,wBAsJoB,MAAK;AAAA;;oBAtJzB,GAAA;AAAA;4CAiI8B,OAAmB,mBAAA;AAAA;;gBA0B1B,SAAOM,QAChB,CAIE,EALkB,YAAK;AAAA,kBACzBL,YAIE,4BAJFG,WACU,OAAgB,kBAAA;AAAA,oBACvB,YAAW,SAAU;AAAA,oBACrB,kBAAiB,UAAU,uBAAc,OAAO,KAAK;AAAA;;gBA/JtE,GAAA;AAAA,oBAAAF,mBAAA,IAAA,IAAA;AAAA,cAoKUH,WAAgC,KAAA,QAAA,kBAAA;AAAA;;UApK1C,GAAA;AAAA;;MAwKMM,mBAoFM,OApFN,YAoFM;AAAA,QAnFJJ,YAkFW,qBAAA;AAAA,UAjFT,WAAU;AAAA,UACV,KAAI;AAAA;UA3Kd,SAAAK,QA8KU,MAEM;AAAA,YAFND,mBAEM,OAFN,YAEM;AAAA,cADJN,WAAwB,KAAA,QAAA,UAAA;AAAA;YAKlB,QAAQ,OAAkB,kBAAA,kBADlCC,YAiBa,uBAAA;AAAA,cApMvB,KAAA;AAAA,cAqLY,OAAM;AAAA,cACN,WAAU;AAAA,cACT,SAAS,SAA4B;AAAA,cACrC,SAAS,OAAkB,mBAAC;AAAA,cAC5B,QAAQ,CAAO,IAAA,CAAA;AAAA;cAEL,gBACT,MAMI;AAAA,+BANJK,mBAMI,KAAA;AAAA,kBAJF,OAAM;AAAA,kBACN,WAAQ;AAAA,mCAEL,OAAkB,mBAAC,QAAQ,SAAW,WAAA,GAAA,GAAA,GAAA;AAAA,0BAJjC,SAA4B,4BAAA;AAAA;;cA7LpD,GAAA;AAAA,6CAAAH,mBAAA,IAAA,IAAA;AAAA,YAwMkB,OAAU,2BADlBF,YAWY,sBAAA;AAAA,cAlNtB,KAAA;AAAA,cAyMY,WAAQ;AAAA,cACR,OAAM;AAAA,cACN,MAAK;AAAA,cACL,MAAK;AAAA,cACL,YAAW;AAAA,cACV,cAAY,OAAU,WAAC;AAAA,cACvB,SAAO,SAAQ;AAAA;cA/M5B,SAAAM,QAiNY,MAA4B;AAAA,gBAA5BD,mBAA4B,KAAA,MAAAE,gBAAtB,OAAU,WAAC,IAAI,GAAA,CAAA;AAAA;cAjNjC,GAAA;AAAA,gDAAAL,mBAAA,IAAA,IAAA;AAAA,YAqNUH,WAqCO,+BArCP,MAqCO;;AAAA;AAAA,gBAjCG,OAAQ,wCADhBC,YAiCY,sBAAA;AAAA,kBAzPxB,KAAA;AAAA,kBA2Nc,WAAQ;AAAA,kBACR,MAAK;AAAA,kBACL,MAAK;AAAA,kBACL,YAAW;AAAA,kBACV,OA/NfQ,eAAA;AAAA;;uEA+NmM,SAAc;AAAA,0CAAwC,SAAY;AAAA;;kBAOtP,cAAY,OAAQ,SAAC;AAAA,kBACrB,iBAAe,SAAc;AAAA,kBAC7B,SAAO,SAAM;AAAA,gBAxO5B,GAAAC,YAAA;AAAA,kBAAA,SAAAH,QAsPc,MAEW;AAAA,oBAFK,OAAA,SAAS,QACvBI,UAAA,GAAAb,mBAA0B,KAvP1C,YAAAU,gBAuPsB,OAAQ,SAAC,IAAI,GAAA,CAAA,KAvPnCL,mBAAA,IAAA,IAAA;AAAA;kBAAA,GAAA;AAAA;kBA2OsB,SAAY;oBA3OlC,MA4OiB;AAAA,oBA5OjB,IAAAI,QA+OgB,MAKO;AAAA,sBALPP,WAKO,KAHJ,QAAA,YAAA,EAAA,UAAW,SAAA,aAAY,GAF1B,MAKO;AAAA,wBADLE,YAAqC,yBAAA,EAAtB,MAAM,SAAY,aAAA,GAAA,MAAA,GAAA,CAAA,MAAA,CAAA;AAAA;;oBAnPnD,KAAA;AAAA,sBAAA;AAAA;2CA0NoC,YAAQ,aAAR,mBAAU,cAAnB,SAAO;AAAA,qBA1NlCC,mBAAA,IAAA,IAAA;AAAA;;;UAAA,GAAA;AAAA;;;;;;"}

package/dist/vue3/recipes/conversation_view/message_input/message_input_button.vue.cjs CHANGED Viewed

@@ -7,6 +7,7 @@ const tooltip = require("../../../components/tooltip/tooltip.vue.cjs");
 const stack = require("../../../components/stack/stack.vue.cjs");
 const keyboard_shortcut = require("../../../components/keyboard_shortcut/keyboard_shortcut.vue.cjs");
 const _sfc_main = {
+  compatConfig: { MODE: 3 },
   name: "DtRecipeMessageInputButton",
   components: {
     DtButton: button.default,

package/dist/vue3/recipes/conversation_view/message_input/message_input_button.vue.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"message_input_button.vue.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":["DtButton","DtTooltip","DtStack","DtKeyboardShortcut","_createBlock","_createVNode","_renderSlot","_withCtx","_createElementVNode","_createCommentVNode"],"mappings":";;;;;;;;AAiCA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV,UAAAA,OAAQ;AAAA,IACR,WAAAC,QAAS;AAAA,IACT,SAAAC,MAAO;AAAA,IACP,oBAAAC,kBAAkB;AAAA,EACnB;AAAA,EAED,OAAO;AAAA,IACL,WAAW;AAAA,MACT,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,IAED,aAAa;AAAA,MACX,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,IAED,sBAAsB;AAAA,MACpB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IAED,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IAED,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,EACF;AAAA,EAED,OAAO,CAAC,OAAO;AACjB;;;;;;~~0BArEEC~~,gBAwBa,uBAAA,MAAA;AAAA,IAvBA,oBACT,MAYY;AAAA,MAZZC,IAAAA,YAYY,sBAAA;AAAA,QAXT,WAAS,OAAM;AAAA,QAChB,YAAW;AAAA,QACX,MAAK;AAAA,QACJ,cAAY,OAAS;AAAA,QACtB,MAAK;AAAA,QACJ,QAAQ,OAAQ;AAAA,QAChB,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAE,KAAK,MAAA,SAAU,MAAM;AAAA;QAElB,kBACT,MAAoB;AAAA,UAApBC,eAAoB,KAAA,QAAA,MAAA;AAAA;QAb9B,GAAA;AAAA;;IAAA,SAAAC,IAAA,QAiBI,MAOW;AAAA,MAPXF,IAAAA,YAOW,qBAAA,EAPD,KAAI,MAAK,GAAA;AAAA,QAjBvB,SAAAE,IAAA,QAkBM,MAAwB;AAAA,UAAxBC,IAAA,mBAAwB,+BAAlB,OAAW,WAAA,GAAA,CAAA;AAAA,UAET,OAAoB,yCAD5BJ,IAIE,YAAA,iCAAA;AAAA,YAvBR,KAAA;AAAA,YAqBQ,UAAA;AAAA,YACC,UAAU,OAAoB;AAAA,uCAtBvCK,IAAA,mBAAA,IAAA,IAAA;AAAA;QAAA,GAAA;AAAA;;IAAA,GAAA;AAAA;;;;"}
1	+ {"version":3,"file":"message_input_button.vue.cjs","sources":["../../../../recipes/conversation_view/message_input/message_input_button.vue"],"sourcesContent":["<template>\n <dt-tooltip>\n <template #anchor>\n <dt-button\n :data-qa=\"dataQa\"\n importance=\"clear\"\n kind=\"muted\"\n :aria-label=\"ariaLabel\"\n size=\"xs\"\n :active=\"isActive\"\n @click=\"$emit('click', $event)\"\n >\n <template #icon>\n <slot name=\"icon\" />\n </template>\n </dt-button>\n </template>\n <dt-stack gap=\"200\">\n <p>{{ tooltipText }}</p>\n <dt-keyboard-shortcut\n v-if=\"keyboardShortcutText\"\n inverted\n :shortcut=\"keyboardShortcutText\"\n />\n </dt-stack>\n </dt-tooltip>\n</template>\n\n<script>\nimport { DtButton } from '@/components/button';\nimport { DtTooltip } from '@/components/tooltip';\nimport { DtStack } from '@/components/stack';\nimport { DtKeyboardShortcut } from '@/components/keyboard_shortcut';\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtRecipeMessageInputButton',\n components: {\n DtButton,\n DtTooltip,\n DtStack,\n DtKeyboardShortcut,\n },\n\n props: {\n ariaLabel: {\n type: String,\n required: true,\n },\n\n tooltipText: {\n type: String,\n required: true,\n },\n\n keyboardShortcutText: {\n type: String,\n default: '',\n },\n\n isActive: {\n type: Boolean,\n default: false,\n },\n\n dataQa: {\n type: String,\n required: true,\n },\n },\n\n emits: ['click'],\n};\n</script>\n"],"names":["DtButton","DtTooltip","DtStack","DtKeyboardShortcut","_createBlock","_createVNode","_renderSlot","_withCtx","_createElementVNode","_createCommentVNode"],"mappings":";;;;;;;;AAiCA,MAAK,YAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,MAAM;AAAA,EACN,YAAY;AAAA,IACV,UAAAA,OAAQ;AAAA,IACR,WAAAC,QAAS;AAAA,IACT,SAAAC,MAAO;AAAA,IACP,oBAAAC,kBAAkB;AAAA,EACnB;AAAA,EAED,OAAO;AAAA,IACL,WAAW;AAAA,MACT,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,IAED,aAAa;AAAA,MACX,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,IAED,sBAAsB;AAAA,MACpB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IAED,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IAED,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,EACF;AAAA,EAED,OAAO,CAAC,OAAO;AACjB;;;;;;0BAtEEC,gBAwBa,uBAAA,MAAA;AAAA,IAvBA,oBACT,MAYY;AAAA,MAZZC,IAAAA,YAYY,sBAAA;AAAA,QAXT,WAAS,OAAM;AAAA,QAChB,YAAW;AAAA,QACX,MAAK;AAAA,QACJ,cAAY,OAAS;AAAA,QACtB,MAAK;AAAA,QACJ,QAAQ,OAAQ;AAAA,QAChB,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAE,KAAK,MAAA,SAAU,MAAM;AAAA;QAElB,kBACT,MAAoB;AAAA,UAApBC,eAAoB,KAAA,QAAA,MAAA;AAAA;QAb9B,GAAA;AAAA;;IAAA,SAAAC,IAAA,QAiBI,MAOW;AAAA,MAPXF,IAAAA,YAOW,qBAAA,EAPD,KAAI,MAAK,GAAA;AAAA,QAjBvB,SAAAE,IAAA,QAkBM,MAAwB;AAAA,UAAxBC,IAAA,mBAAwB,+BAAlB,OAAW,WAAA,GAAA,CAAA;AAAA,UAET,OAAoB,yCAD5BJ,IAIE,YAAA,iCAAA;AAAA,YAvBR,KAAA;AAAA,YAqBQ,UAAA;AAAA,YACC,UAAU,OAAoB;AAAA,uCAtBvCK,IAAA,mBAAA,IAAA,IAAA;AAAA;QAAA,GAAA;AAAA;;IAAA,GAAA;AAAA;;;;"}

package/dist/vue3/recipes/conversation_view/message_input/message_input_button.vue.js CHANGED Viewed

@@ -5,6 +5,7 @@ import DtTooltip from "../../../components/tooltip/tooltip.vue.js";
 import DtStack from "../../../components/stack/stack.vue.js";
 import DtKeyboardShortcut from "../../../components/keyboard_shortcut/keyboard_shortcut.vue.js";
 const _sfc_main = {
+  compatConfig: { MODE: 3 },
   name: "DtRecipeMessageInputButton",
   components: {
     DtButton,

package/dist/vue3/recipes/conversation_view/message_input/message_input_button.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"message_input_button.vue.js","sources":["../../../../recipes/conversation_view/message_input/message_input_button.vue"],"sourcesContent":["<template>\n <dt-tooltip>\n <template #anchor>\n <dt-button\n :data-qa=\"dataQa\"\n importance=\"clear\"\n kind=\"muted\"\n :aria-label=\"ariaLabel\"\n size=\"xs\"\n :active=\"isActive\"\n @click=\"$emit('click', $event)\"\n >\n <template #icon>\n <slot name=\"icon\" />\n </template>\n </dt-button>\n </template>\n <dt-stack gap=\"200\">\n <p>{{ tooltipText }}</p>\n <dt-keyboard-shortcut\n v-if=\"keyboardShortcutText\"\n inverted\n :shortcut=\"keyboardShortcutText\"\n />\n </dt-stack>\n </dt-tooltip>\n</template>\n\n<script>\nimport { DtButton } from '@/components/button';\nimport { DtTooltip } from '@/components/tooltip';\nimport { DtStack } from '@/components/stack';\nimport { DtKeyboardShortcut } from '@/components/keyboard_shortcut';\nexport default {\n 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":["_createBlock","_createVNode","_renderSlot","_withCtx","_createElementVNode","_createCommentVNode"],"mappings":";;;;;;AAiCA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAAA,EAED,OAAO;AAAA,IACL,WAAW;AAAA,MACT,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,IAED,aAAa;AAAA,MACX,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,IAED,sBAAsB;AAAA,MACpB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IAED,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IAED,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,EACF;AAAA,EAED,OAAO,CAAC,OAAO;AACjB;;;;;;~~sBArEEA~~,YAwBa,uBAAA,MAAA;AAAA,IAvBA,gBACT,MAYY;AAAA,MAZZC,YAYY,sBAAA;AAAA,QAXT,WAAS,OAAM;AAAA,QAChB,YAAW;AAAA,QACX,MAAK;AAAA,QACJ,cAAY,OAAS;AAAA,QACtB,MAAK;AAAA,QACJ,QAAQ,OAAQ;AAAA,QAChB,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAE,KAAK,MAAA,SAAU,MAAM;AAAA;QAElB,cACT,MAAoB;AAAA,UAApBC,WAAoB,KAAA,QAAA,MAAA;AAAA;QAb9B,GAAA;AAAA;;IAAA,SAAAC,QAiBI,MAOW;AAAA,MAPXF,YAOW,qBAAA,EAPD,KAAI,MAAK,GAAA;AAAA,QAjBvB,SAAAE,QAkBM,MAAwB;AAAA,UAAxBC,mBAAwB,2BAAlB,OAAW,WAAA,GAAA,CAAA;AAAA,UAET,OAAoB,qCAD5BJ,YAIE,iCAAA;AAAA,YAvBR,KAAA;AAAA,YAqBQ,UAAA;AAAA,YACC,UAAU,OAAoB;AAAA,uCAtBvCK,mBAAA,IAAA,IAAA;AAAA;QAAA,GAAA;AAAA;;IAAA,GAAA;AAAA;;;"}
1	+ {"version":3,"file":"message_input_button.vue.js","sources":["../../../../recipes/conversation_view/message_input/message_input_button.vue"],"sourcesContent":["<template>\n <dt-tooltip>\n <template #anchor>\n <dt-button\n :data-qa=\"dataQa\"\n importance=\"clear\"\n kind=\"muted\"\n :aria-label=\"ariaLabel\"\n size=\"xs\"\n :active=\"isActive\"\n @click=\"$emit('click', $event)\"\n >\n <template #icon>\n <slot name=\"icon\" />\n </template>\n </dt-button>\n </template>\n <dt-stack gap=\"200\">\n <p>{{ tooltipText }}</p>\n <dt-keyboard-shortcut\n v-if=\"keyboardShortcutText\"\n inverted\n :shortcut=\"keyboardShortcutText\"\n />\n </dt-stack>\n </dt-tooltip>\n</template>\n\n<script>\nimport { DtButton } from '@/components/button';\nimport { DtTooltip } from '@/components/tooltip';\nimport { DtStack } from '@/components/stack';\nimport { DtKeyboardShortcut } from '@/components/keyboard_shortcut';\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtRecipeMessageInputButton',\n components: {\n DtButton,\n DtTooltip,\n DtStack,\n DtKeyboardShortcut,\n },\n\n props: {\n ariaLabel: {\n type: String,\n required: true,\n },\n\n tooltipText: {\n type: String,\n required: true,\n },\n\n keyboardShortcutText: {\n type: String,\n default: '',\n },\n\n isActive: {\n type: Boolean,\n default: false,\n },\n\n dataQa: {\n type: String,\n required: true,\n },\n },\n\n emits: ['click'],\n};\n</script>\n"],"names":["_createBlock","_createVNode","_renderSlot","_withCtx","_createElementVNode","_createCommentVNode"],"mappings":";;;;;;AAiCA,MAAK,YAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAAA,EAED,OAAO;AAAA,IACL,WAAW;AAAA,MACT,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,IAED,aAAa;AAAA,MACX,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,IAED,sBAAsB;AAAA,MACpB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IAED,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IAED,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,EACF;AAAA,EAED,OAAO,CAAC,OAAO;AACjB;;;;;;sBAtEEA,YAwBa,uBAAA,MAAA;AAAA,IAvBA,gBACT,MAYY;AAAA,MAZZC,YAYY,sBAAA;AAAA,QAXT,WAAS,OAAM;AAAA,QAChB,YAAW;AAAA,QACX,MAAK;AAAA,QACJ,cAAY,OAAS;AAAA,QACtB,MAAK;AAAA,QACJ,QAAQ,OAAQ;AAAA,QAChB,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,YAAE,KAAK,MAAA,SAAU,MAAM;AAAA;QAElB,cACT,MAAoB;AAAA,UAApBC,WAAoB,KAAA,QAAA,MAAA;AAAA;QAb9B,GAAA;AAAA;;IAAA,SAAAC,QAiBI,MAOW;AAAA,MAPXF,YAOW,qBAAA,EAPD,KAAI,MAAK,GAAA;AAAA,QAjBvB,SAAAE,QAkBM,MAAwB;AAAA,UAAxBC,mBAAwB,2BAAlB,OAAW,WAAA,GAAA,CAAA;AAAA,UAET,OAAoB,qCAD5BJ,YAIE,iCAAA;AAAA,YAvBR,KAAA;AAAA,YAqBQ,UAAA;AAAA,YACC,UAAU,OAAoB;AAAA,uCAtBvCK,mBAAA,IAAA,IAAA;AAAA;QAAA,GAAA;AAAA;;IAAA,GAAA;AAAA;;;"}

package/dist/vue3/recipes/conversation_view/message_input/message_input_link.vue.cjs CHANGED Viewed

@@ -9,6 +9,7 @@ const input = require("../../../components/input/input.vue.cjs");
 const button = require("../../../components/button/button.vue.cjs");
 const stack = require("../../../components/stack/stack.vue.cjs");
 const _sfc_main = {
+  compatConfig: { MODE: 3 },
   name: "MessageInputLink",
   components: {
     DtPopover: popover.default,

package/dist/vue3/recipes/conversation_view/message_input/message_input_link.vue.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"message_input_link.vue.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 :visually-hidden-close=\"true\"\n :visually-hidden-close-label=\"linkButtonOptions.visuallyHiddenCloseText\"\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=\"linkButtonOptions.ariaLabel\"\n :tooltip-text=\"linkButtonOptions.tooltipText\"\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 v-if=\"linkButtonOptions.dialogTitle.length > 0\"\n class=\"d-recipe-message-input__link-dialog-title\"\n >\n {{ linkButtonOptions.dialogTitle }}\n </div>\n <dt-input\n v-model=\"linkText\"\n :input-aria-label=\"linkButtonOptions.textLabel\"\n size=\"xs\"\n data-qa=\"dt-message-input-link-text-input\"\n :label=\"linkButtonOptions.textLabel\"\n input-wrapper-class=\"d-recipe-message-input__link-input\"\n @click.stop\n @focus.stop\n @keydown.enter=\"$emit('set-link', linkText, linkInput)\"\n />\n <dt-input\n v-model=\"linkInput\"\n :input-aria-label=\"linkButtonOptions.linkLabel\"\n size=\"xs\"\n data-qa=\"dt-message-input-link-input\"\n :placeholder=\"linkButtonOptions.linkPlaceholder\"\n :label=\"linkButtonOptions.linkLabel\"\n input-wrapper-class=\"d-recipe-message-input__link-input\"\n @click.stop\n @focus.stop\n @keydown.enter=\"$emit('set-link', linkText, linkInput)\"\n />\n <dt-stack\n direction=\"row\"\n class=\"d-recipe-message-input__link-dialog-buttons\"\n >\n <dt-button\n :aria-label=\"linkButtonOptions.removeLabel\"\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 {{ linkButtonOptions.removeLabel }}\n </dt-button>\n <dt-stack\n direction=\"row\"\n gap=\"400\"\n >\n <dt-button\n :aria-label=\"linkButtonOptions.cancelLabel\"\n importance=\"clear\"\n kind=\"muted\"\n size=\"md\"\n data-qa=\"dt-message-input-link-cancel-btn\"\n @click=\"isOpen = false\"\n >\n {{ linkButtonOptions.cancelLabel }}\n </dt-button>\n <dt-button\n size=\"md\"\n :aria-label=\"linkButtonOptions.confirmLabel\"\n data-qa=\"dt-message-input-link-confirm-btn\"\n @click=\"$emit('set-link', linkText, linkInput)\"\n >\n {{ linkButtonOptions.confirmLabel }}\n </dt-button>\n </dt-stack>\n </dt-stack>\n </dt-stack>\n </template>\n </dt-popover>\n</template>\n\n<script>\nimport { DtPopover } from '@/components/popover';\nimport { DtInput } from '@/components/input';\nimport { DtButton } from '@/components/button';\nimport { DtStack } from '@/components/stack';\nimport { DtIconLink2 } from '@dialpad/dialtone-icons/vue3';\nimport DtRecipeMessageInputButton from './message_input_button.vue';\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 };\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":["DtPopover","DtInput","DtButton","DtStack","DtIconLink2","DtRecipeMessageInputButton","_createBlock","_createVNode","_withCtx","_openBlock","_createElementBlock","_toDisplayString","_createCommentVNode","_withModifiers","_withKeys","_createTextVNode"],"mappings":";;;;;;;;;;AA8GA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,WAAAA,QAAS;AAAA,IACT,SAAAC,MAAO;AAAA,IACP,UAAAC,OAAQ;AAAA,IACR,SAAAC,MAAO;AAAA,iBACPC,KAAW;AAAA,gCACXC,qBAA0B;AAAA,EAC3B;AAAA,EAED,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IAED,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,IAED,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS,MAAM;AAAA,MAAE;AAAA,IAClB;AAAA,EACF;AAAA,EAED,OAAO,CAAC,YAAY,eAAe,QAAQ;AAAA,EAE3C,OAAQ;AACN,WAAO;AAAA,MACL,UAAU;AAAA,MACV,WAAW;AAAA,MACX,QAAQ;AAAA;EAEX;AAAA,EAED,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,WAAW;AAAA,MACX,QAAS,OAAO;AACd,aAAK,SAAS;AAAA,MACf;AAAA,IACF;AAAA,EACF;AAAA,EAED,SAAS;AAAA,IACP,iBAAkB,UAAU,WAAW;AACrC,WAAK,WAAW;AAChB,WAAK,YAAY;AAAA,IAClB;AAAA,EACF;AACH;;~~EApKA~~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"}
1	+ {"version":3,"file":"message_input_link.vue.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 :visually-hidden-close=\"true\"\n :visually-hidden-close-label=\"linkButtonOptions.visuallyHiddenCloseText\"\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=\"linkButtonOptions.ariaLabel\"\n :tooltip-text=\"linkButtonOptions.tooltipText\"\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 v-if=\"linkButtonOptions.dialogTitle.length > 0\"\n class=\"d-recipe-message-input__link-dialog-title\"\n >\n {{ linkButtonOptions.dialogTitle }}\n </div>\n <dt-input\n v-model=\"linkText\"\n :input-aria-label=\"linkButtonOptions.textLabel\"\n size=\"xs\"\n data-qa=\"dt-message-input-link-text-input\"\n :label=\"linkButtonOptions.textLabel\"\n input-wrapper-class=\"d-recipe-message-input__link-input\"\n @click.stop\n @focus.stop\n @keydown.enter=\"$emit('set-link', linkText, linkInput)\"\n />\n <dt-input\n v-model=\"linkInput\"\n :input-aria-label=\"linkButtonOptions.linkLabel\"\n size=\"xs\"\n data-qa=\"dt-message-input-link-input\"\n :placeholder=\"linkButtonOptions.linkPlaceholder\"\n :label=\"linkButtonOptions.linkLabel\"\n input-wrapper-class=\"d-recipe-message-input__link-input\"\n @click.stop\n @focus.stop\n @keydown.enter=\"$emit('set-link', linkText, linkInput)\"\n />\n <dt-stack\n direction=\"row\"\n class=\"d-recipe-message-input__link-dialog-buttons\"\n >\n <dt-button\n :aria-label=\"linkButtonOptions.removeLabel\"\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 {{ linkButtonOptions.removeLabel }}\n </dt-button>\n <dt-stack\n direction=\"row\"\n gap=\"400\"\n >\n <dt-button\n :aria-label=\"linkButtonOptions.cancelLabel\"\n importance=\"clear\"\n kind=\"muted\"\n size=\"md\"\n data-qa=\"dt-message-input-link-cancel-btn\"\n @click=\"isOpen = false\"\n >\n {{ linkButtonOptions.cancelLabel }}\n </dt-button>\n <dt-button\n size=\"md\"\n :aria-label=\"linkButtonOptions.confirmLabel\"\n data-qa=\"dt-message-input-link-confirm-btn\"\n @click=\"$emit('set-link', linkText, linkInput)\"\n >\n {{ linkButtonOptions.confirmLabel }}\n </dt-button>\n </dt-stack>\n </dt-stack>\n </dt-stack>\n </template>\n </dt-popover>\n</template>\n\n<script>\nimport { DtPopover } from '@/components/popover';\nimport { DtInput } from '@/components/input';\nimport { DtButton } from '@/components/button';\nimport { DtStack } from '@/components/stack';\nimport { DtIconLink2 } from '@dialpad/dialtone-icons/vue3';\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nexport default {\n compatConfig: { MODE: 3 },\n name: 'MessageInputLink',\n\n components: {\n DtPopover,\n DtInput,\n DtButton,\n DtStack,\n DtIconLink2,\n DtRecipeMessageInputButton,\n },\n\n props: {\n open: {\n type: Boolean,\n default: false,\n },\n\n linkButtonOptions: {\n type: Object,\n required: true,\n },\n\n isSelectionActive: {\n type: Function,\n default: () => {},\n },\n },\n\n emits: ['set-link', 'remove-link', 'opened'],\n\n data () {\n return {\n linkText: '',\n linkInput: '',\n isOpen: false,\n };\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":["DtPopover","DtInput","DtButton","DtStack","DtIconLink2","DtRecipeMessageInputButton","_createBlock","_createVNode","_withCtx","_openBlock","_createElementBlock","_toDisplayString","_createCommentVNode","_withModifiers","_withKeys","_createTextVNode"],"mappings":"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"}

package/dist/vue3/recipes/conversation_view/message_input/message_input_link.vue.js CHANGED Viewed

@@ -7,6 +7,7 @@ import DtInput from "../../../components/input/input.vue.js";
 import DtButton from "../../../components/button/button.vue.js";
 import DtStack from "../../../components/stack/stack.vue.js";
 const _sfc_main = {
+  compatConfig: { MODE: 3 },
   name: "MessageInputLink",
   components: {
     DtPopover,

package/dist/vue3/recipes/conversation_view/message_input/message_input_link.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"message_input_link.vue.js","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 :visually-hidden-close=\"true\"\n :visually-hidden-close-label=\"linkButtonOptions.visuallyHiddenCloseText\"\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=\"linkButtonOptions.ariaLabel\"\n :tooltip-text=\"linkButtonOptions.tooltipText\"\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 v-if=\"linkButtonOptions.dialogTitle.length > 0\"\n class=\"d-recipe-message-input__link-dialog-title\"\n >\n {{ linkButtonOptions.dialogTitle }}\n </div>\n <dt-input\n v-model=\"linkText\"\n :input-aria-label=\"linkButtonOptions.textLabel\"\n size=\"xs\"\n data-qa=\"dt-message-input-link-text-input\"\n :label=\"linkButtonOptions.textLabel\"\n input-wrapper-class=\"d-recipe-message-input__link-input\"\n @click.stop\n @focus.stop\n @keydown.enter=\"$emit('set-link', linkText, linkInput)\"\n />\n <dt-input\n v-model=\"linkInput\"\n :input-aria-label=\"linkButtonOptions.linkLabel\"\n size=\"xs\"\n data-qa=\"dt-message-input-link-input\"\n :placeholder=\"linkButtonOptions.linkPlaceholder\"\n :label=\"linkButtonOptions.linkLabel\"\n input-wrapper-class=\"d-recipe-message-input__link-input\"\n @click.stop\n @focus.stop\n @keydown.enter=\"$emit('set-link', linkText, linkInput)\"\n />\n <dt-stack\n direction=\"row\"\n class=\"d-recipe-message-input__link-dialog-buttons\"\n >\n <dt-button\n :aria-label=\"linkButtonOptions.removeLabel\"\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 {{ linkButtonOptions.removeLabel }}\n </dt-button>\n <dt-stack\n direction=\"row\"\n gap=\"400\"\n >\n <dt-button\n :aria-label=\"linkButtonOptions.cancelLabel\"\n importance=\"clear\"\n kind=\"muted\"\n size=\"md\"\n data-qa=\"dt-message-input-link-cancel-btn\"\n @click=\"isOpen = false\"\n >\n {{ linkButtonOptions.cancelLabel }}\n </dt-button>\n <dt-button\n size=\"md\"\n :aria-label=\"linkButtonOptions.confirmLabel\"\n data-qa=\"dt-message-input-link-confirm-btn\"\n @click=\"$emit('set-link', linkText, linkInput)\"\n >\n {{ linkButtonOptions.confirmLabel }}\n </dt-button>\n </dt-stack>\n </dt-stack>\n </dt-stack>\n </template>\n </dt-popover>\n</template>\n\n<script>\nimport { DtPopover } from '@/components/popover';\nimport { DtInput } from '@/components/input';\nimport { DtButton } from '@/components/button';\nimport { DtStack } from '@/components/stack';\nimport { DtIconLink2 } from '@dialpad/dialtone-icons/vue3';\nimport DtRecipeMessageInputButton from './message_input_button.vue';\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 };\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":["_createBlock","_createVNode","_withCtx","_openBlock","_createElementBlock","_toDisplayString","_createCommentVNode","_withModifiers","_withKeys","_createTextVNode"],"mappings":";;;;;;;;AA8GA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAAA,EAED,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IAED,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,IAED,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS,MAAM;AAAA,MAAE;AAAA,IAClB;AAAA,EACF;AAAA,EAED,OAAO,CAAC,YAAY,eAAe,QAAQ;AAAA,EAE3C,OAAQ;AACN,WAAO;AAAA,MACL,UAAU;AAAA,MACV,WAAW;AAAA,MACX,QAAQ;AAAA;EAEX;AAAA,EAED,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,WAAW;AAAA,MACX,QAAS,OAAO;AACd,aAAK,SAAS;AAAA,MACf;AAAA,IACF;AAAA,EACF;AAAA,EAED,SAAS;AAAA,IACP,iBAAkB,UAAU,WAAW;AACrC,WAAK,WAAW;AAChB,WAAK,YAAY;AAAA,IAClB;AAAA,EACF;AACH;;~~EApKA~~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"}
1	+ {"version":3,"file":"message_input_link.vue.js","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 :visually-hidden-close=\"true\"\n :visually-hidden-close-label=\"linkButtonOptions.visuallyHiddenCloseText\"\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=\"linkButtonOptions.ariaLabel\"\n :tooltip-text=\"linkButtonOptions.tooltipText\"\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 v-if=\"linkButtonOptions.dialogTitle.length > 0\"\n class=\"d-recipe-message-input__link-dialog-title\"\n >\n {{ linkButtonOptions.dialogTitle }}\n </div>\n <dt-input\n v-model=\"linkText\"\n :input-aria-label=\"linkButtonOptions.textLabel\"\n size=\"xs\"\n data-qa=\"dt-message-input-link-text-input\"\n :label=\"linkButtonOptions.textLabel\"\n input-wrapper-class=\"d-recipe-message-input__link-input\"\n @click.stop\n @focus.stop\n @keydown.enter=\"$emit('set-link', linkText, linkInput)\"\n />\n <dt-input\n v-model=\"linkInput\"\n :input-aria-label=\"linkButtonOptions.linkLabel\"\n size=\"xs\"\n data-qa=\"dt-message-input-link-input\"\n :placeholder=\"linkButtonOptions.linkPlaceholder\"\n :label=\"linkButtonOptions.linkLabel\"\n input-wrapper-class=\"d-recipe-message-input__link-input\"\n @click.stop\n @focus.stop\n @keydown.enter=\"$emit('set-link', linkText, linkInput)\"\n />\n <dt-stack\n direction=\"row\"\n class=\"d-recipe-message-input__link-dialog-buttons\"\n >\n <dt-button\n :aria-label=\"linkButtonOptions.removeLabel\"\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 {{ linkButtonOptions.removeLabel }}\n </dt-button>\n <dt-stack\n direction=\"row\"\n gap=\"400\"\n >\n <dt-button\n :aria-label=\"linkButtonOptions.cancelLabel\"\n importance=\"clear\"\n kind=\"muted\"\n size=\"md\"\n data-qa=\"dt-message-input-link-cancel-btn\"\n @click=\"isOpen = false\"\n >\n {{ linkButtonOptions.cancelLabel }}\n </dt-button>\n <dt-button\n size=\"md\"\n :aria-label=\"linkButtonOptions.confirmLabel\"\n data-qa=\"dt-message-input-link-confirm-btn\"\n @click=\"$emit('set-link', linkText, linkInput)\"\n >\n {{ linkButtonOptions.confirmLabel }}\n </dt-button>\n </dt-stack>\n </dt-stack>\n </dt-stack>\n </template>\n </dt-popover>\n</template>\n\n<script>\nimport { DtPopover } from '@/components/popover';\nimport { DtInput } from '@/components/input';\nimport { DtButton } from '@/components/button';\nimport { DtStack } from '@/components/stack';\nimport { DtIconLink2 } from '@dialpad/dialtone-icons/vue3';\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nexport default {\n compatConfig: { MODE: 3 },\n name: 'MessageInputLink',\n\n components: {\n DtPopover,\n DtInput,\n DtButton,\n DtStack,\n DtIconLink2,\n DtRecipeMessageInputButton,\n },\n\n props: {\n open: {\n type: Boolean,\n default: false,\n },\n\n linkButtonOptions: {\n type: Object,\n required: true,\n },\n\n isSelectionActive: {\n type: Function,\n default: () => {},\n },\n },\n\n emits: ['set-link', 'remove-link', 'opened'],\n\n data () {\n return {\n linkText: '',\n linkInput: '',\n isOpen: false,\n };\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":["_createBlock","_createVNode","_withCtx","_openBlock","_createElementBlock","_toDisplayString","_createCommentVNode","_withModifiers","_withKeys","_createTextVNode"],"mappings":"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"}

package/dist/vue3/recipes/conversation_view/message_input/message_input_topbar.vue.cjs CHANGED Viewed

@@ -6,6 +6,7 @@ const vue = require("vue");
 const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.cjs");
 const stack = require("../../../components/stack/stack.vue.cjs");
 const _sfc_main = {
+  compatConfig: { MODE: 3 },
   name: "DtRecipeMesageInputTopbar",
   components: {
     DtStack: stack.default,

package/dist/vue3/recipes/conversation_view/message_input/message_input_topbar.vue.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"message_input_topbar.vue.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=\"boldButtonOptions.ariaLabel\"\n :tooltip-text=\"boldButtonOptions.tooltipText\"\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\n <dt-recipe-message-input-button\n :aria-label=\"italicButtonOptions.ariaLabel\"\n :tooltip-text=\"italicButtonOptions.tooltipText\"\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\n <dt-recipe-message-input-button\n :aria-label=\"strikeButtonOptions.ariaLabel\"\n :tooltip-text=\"strikeButtonOptions.tooltipText\"\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=\"bulletListButtonOptions.ariaLabel\"\n :tooltip-text=\"bulletListButtonOptions.tooltipText\"\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\n <dt-recipe-message-input-button\n :aria-label=\"orderedListButtonOptions.ariaLabel\"\n :tooltip-text=\"orderedListButtonOptions.tooltipText\"\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 <dt-recipe-message-input-button\n :aria-label=\"blockQuoteButtonOptions.ariaLabel\"\n :tooltip-text=\"blockQuoteButtonOptions.tooltipText\"\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=\"codeButtonOptions.ariaLabel\"\n :tooltip-text=\"codeButtonOptions.tooltipText\"\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=\"codeBlockButtonOptions.ariaLabel\"\n :tooltip-text=\"codeBlockButtonOptions.tooltipText\"\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';\n\nimport {\n DtIconListBullet, DtIconBold, DtIconItalic, DtIconStrikethrough,\n DtIconListOrdered, DtIconQuote, DtIconCode, DtIconCodeBlock,\n} from '@dialpad/dialtone-icons/vue3';\n\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nexport default {\n name: 'DtRecipeMesageInputTopbar',\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</script>\n"],"names":["DtStack","DtIconListBullet","DtIconBold","DtIconItalic","DtIconStrikethrough","DtIconListOrdered","DtIconQuote","DtIconCode","DtIconCodeBlock","DtRecipeMessageInputButton","_createElementVNode","_createBlock","_withCtx","_createVNode","_renderSlot"],"mappings":"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"}
1	+ {"version":3,"file":"message_input_topbar.vue.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=\"boldButtonOptions.ariaLabel\"\n :tooltip-text=\"boldButtonOptions.tooltipText\"\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\n <dt-recipe-message-input-button\n :aria-label=\"italicButtonOptions.ariaLabel\"\n :tooltip-text=\"italicButtonOptions.tooltipText\"\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\n <dt-recipe-message-input-button\n :aria-label=\"strikeButtonOptions.ariaLabel\"\n :tooltip-text=\"strikeButtonOptions.tooltipText\"\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=\"bulletListButtonOptions.ariaLabel\"\n :tooltip-text=\"bulletListButtonOptions.tooltipText\"\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\n <dt-recipe-message-input-button\n :aria-label=\"orderedListButtonOptions.ariaLabel\"\n :tooltip-text=\"orderedListButtonOptions.tooltipText\"\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 <dt-recipe-message-input-button\n :aria-label=\"blockQuoteButtonOptions.ariaLabel\"\n :tooltip-text=\"blockQuoteButtonOptions.tooltipText\"\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=\"codeButtonOptions.ariaLabel\"\n :tooltip-text=\"codeButtonOptions.tooltipText\"\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=\"codeBlockButtonOptions.ariaLabel\"\n :tooltip-text=\"codeBlockButtonOptions.tooltipText\"\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';\n\nimport {\n DtIconListBullet, DtIconBold, DtIconItalic, DtIconStrikethrough,\n DtIconListOrdered, DtIconQuote, DtIconCode, DtIconCodeBlock,\n} from '@dialpad/dialtone-icons/vue3';\n\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtRecipeMesageInputTopbar',\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</script>\n"],"names":["DtStack","DtIconListBullet","DtIconBold","DtIconItalic","DtIconStrikethrough","DtIconListOrdered","DtIconQuote","DtIconCode","DtIconCodeBlock","DtRecipeMessageInputButton","_createElementVNode","_createBlock","_withCtx","_createVNode","_renderSlot"],"mappings":"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"}

package/dist/vue3/recipes/conversation_view/message_input/message_input_topbar.vue.js CHANGED Viewed

@@ -4,6 +4,7 @@ import { resolveComponent, openBlock, createBlock, withCtx, createVNode, renderS
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
 import DtStack from "../../../components/stack/stack.vue.js";
 const _sfc_main = {
+  compatConfig: { MODE: 3 },
   name: "DtRecipeMesageInputTopbar",
   components: {
     DtStack,

package/dist/vue3/recipes/conversation_view/message_input/message_input_topbar.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"message_input_topbar.vue.js","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=\"boldButtonOptions.ariaLabel\"\n :tooltip-text=\"boldButtonOptions.tooltipText\"\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\n <dt-recipe-message-input-button\n :aria-label=\"italicButtonOptions.ariaLabel\"\n :tooltip-text=\"italicButtonOptions.tooltipText\"\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\n <dt-recipe-message-input-button\n :aria-label=\"strikeButtonOptions.ariaLabel\"\n :tooltip-text=\"strikeButtonOptions.tooltipText\"\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=\"bulletListButtonOptions.ariaLabel\"\n :tooltip-text=\"bulletListButtonOptions.tooltipText\"\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\n <dt-recipe-message-input-button\n :aria-label=\"orderedListButtonOptions.ariaLabel\"\n :tooltip-text=\"orderedListButtonOptions.tooltipText\"\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 <dt-recipe-message-input-button\n :aria-label=\"blockQuoteButtonOptions.ariaLabel\"\n :tooltip-text=\"blockQuoteButtonOptions.tooltipText\"\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=\"codeButtonOptions.ariaLabel\"\n :tooltip-text=\"codeButtonOptions.tooltipText\"\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=\"codeBlockButtonOptions.ariaLabel\"\n :tooltip-text=\"codeBlockButtonOptions.tooltipText\"\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';\n\nimport {\n DtIconListBullet, DtIconBold, DtIconItalic, DtIconStrikethrough,\n DtIconListOrdered, DtIconQuote, DtIconCode, DtIconCodeBlock,\n} from '@dialpad/dialtone-icons/vue3';\n\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nexport default {\n name: 'DtRecipeMesageInputTopbar',\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</script>\n"],"names":["_createElementVNode","_createBlock","_withCtx","_createVNode","_renderSlot"],"mappings":"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"}
1	+ {"version":3,"file":"message_input_topbar.vue.js","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=\"boldButtonOptions.ariaLabel\"\n :tooltip-text=\"boldButtonOptions.tooltipText\"\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\n <dt-recipe-message-input-button\n :aria-label=\"italicButtonOptions.ariaLabel\"\n :tooltip-text=\"italicButtonOptions.tooltipText\"\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\n <dt-recipe-message-input-button\n :aria-label=\"strikeButtonOptions.ariaLabel\"\n :tooltip-text=\"strikeButtonOptions.tooltipText\"\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=\"bulletListButtonOptions.ariaLabel\"\n :tooltip-text=\"bulletListButtonOptions.tooltipText\"\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\n <dt-recipe-message-input-button\n :aria-label=\"orderedListButtonOptions.ariaLabel\"\n :tooltip-text=\"orderedListButtonOptions.tooltipText\"\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 <dt-recipe-message-input-button\n :aria-label=\"blockQuoteButtonOptions.ariaLabel\"\n :tooltip-text=\"blockQuoteButtonOptions.tooltipText\"\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=\"codeButtonOptions.ariaLabel\"\n :tooltip-text=\"codeButtonOptions.tooltipText\"\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=\"codeBlockButtonOptions.ariaLabel\"\n :tooltip-text=\"codeBlockButtonOptions.tooltipText\"\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';\n\nimport {\n DtIconListBullet, DtIconBold, DtIconItalic, DtIconStrikethrough,\n DtIconListOrdered, DtIconQuote, DtIconCode, DtIconCodeBlock,\n} from '@dialpad/dialtone-icons/vue3';\n\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtRecipeMesageInputTopbar',\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</script>\n"],"names":["_createElementVNode","_createBlock","_withCtx","_createVNode","_renderSlot"],"mappings":"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"}

package/dist/vue3/recipes/conversation_view/time_pill/time_pill.vue.cjs CHANGED Viewed

@@ -3,6 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.cjs");
 const _sfc_main = {
+  compatConfig: { MODE: 3 },
   name: "DtRecipeTimePill",
   props: {
     /**

package/dist/vue3/recipes/conversation_view/time_pill/time_pill.vue.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"time_pill.vue.cjs","sources":["../../../../recipes/conversation_view/time_pill/time_pill.vue"],"sourcesContent":["<template>\n <time\n data-qa=\"dt-recipe-time-pill\"\n :dateTime=\"dateTime\"\n class=\"d-recipe-time-pill\"\n >\n {{ dateTimeDisplay }}\n </time>\n</template>\n\n<script>\nimport {} from './time_pill_constants';\n\nexport default {\n name: 'DtRecipeTimePill',\n\n props: {\n /*\n Date time display value\n /\n dateTimeDisplay: {\n type: String,\n required: true,\n },\n\n /\n Machine-readable attribute\n * Accepts a string value of YYYY-MM-DD or YYYY-MM-DDThh:mm:ssTZD\n */\n dateTime: {\n type: String,\n required: true,\n validator: (t) => {\n // Since this will only ever be used in the context of a date, we're rejecting non date inputs\n const x = new Date(t);\n if (x instanceof Date && !isNaN(x)) {\n return true;\n }\n return false;\n },\n },\n },\n};\n</script>\n"],"names":["_createElementBlock","_toDisplayString"],"mappings":";;;;AAaA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,UAAU;AAAA,MACR,MAAM;AAAA,MACN,UAAU;AAAA,MACV,WAAW,CAAC,MAAM;AAEhB,cAAM,IAAI,IAAI,KAAK,CAAC;AACpB,YAAI,aAAa,QAAQ,CAAC,MAAM,CAAC,GAAG;AAClC,iBAAO;AAAA,QACT;AACA,eAAO;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACH;~~AA1CA~~,MAAA,aAAA,CAAA,UAAA;;0BACEA,IAMO,mBAAA,QAAA;AAAA,IALL,WAAQ;AAAA,IACP,UAAU,OAAQ;AAAA,IACnB,OAAM;AAAA,EAEH,GAAAC,IAAAA,gBAAA,OAAA,eAAe,GANtB,GAAA,UAAA;;;;"}
1	+ {"version":3,"file":"time_pill.vue.cjs","sources":["../../../../recipes/conversation_view/time_pill/time_pill.vue"],"sourcesContent":["<template>\n <time\n data-qa=\"dt-recipe-time-pill\"\n :dateTime=\"dateTime\"\n class=\"d-recipe-time-pill\"\n >\n {{ dateTimeDisplay }}\n </time>\n</template>\n\n<script>\nimport {} from './time_pill_constants';\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtRecipeTimePill',\n\n props: {\n /*\n Date time display value\n /\n dateTimeDisplay: {\n type: String,\n required: true,\n },\n\n /\n Machine-readable attribute\n * Accepts a string value of YYYY-MM-DD or YYYY-MM-DDThh:mm:ssTZD\n */\n dateTime: {\n type: String,\n required: true,\n validator: (t) => {\n // Since this will only ever be used in the context of a date, we're rejecting non date inputs\n const x = new Date(t);\n if (x instanceof Date && !isNaN(x)) {\n return true;\n }\n return false;\n },\n },\n },\n};\n</script>\n"],"names":["_createElementBlock","_toDisplayString"],"mappings":";;;;AAaA,MAAK,YAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,MAAM;AAAA,EAEN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,UAAU;AAAA,MACR,MAAM;AAAA,MACN,UAAU;AAAA,MACV,WAAW,CAAC,MAAM;AAEhB,cAAM,IAAI,IAAI,KAAK,CAAC;AACpB,YAAI,aAAa,QAAQ,CAAC,MAAM,CAAC,GAAG;AAClC,iBAAO;AAAA,QACT;AACA,eAAO;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACH;AA3CA,MAAA,aAAA,CAAA,UAAA;;0BACEA,IAMO,mBAAA,QAAA;AAAA,IALL,WAAQ;AAAA,IACP,UAAU,OAAQ;AAAA,IACnB,OAAM;AAAA,EAEH,GAAAC,IAAAA,gBAAA,OAAA,eAAe,GANtB,GAAA,UAAA;;;;"}

package/dist/vue3/recipes/conversation_view/time_pill/time_pill.vue.js CHANGED Viewed

@@ -1,6 +1,7 @@
 import { openBlock, createElementBlock, toDisplayString } from "vue";
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
+  compatConfig: { MODE: 3 },
   name: "DtRecipeTimePill",
   props: {
     /**

package/dist/vue3/recipes/conversation_view/time_pill/time_pill.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"time_pill.vue.js","sources":["../../../../recipes/conversation_view/time_pill/time_pill.vue"],"sourcesContent":["<template>\n <time\n data-qa=\"dt-recipe-time-pill\"\n :dateTime=\"dateTime\"\n class=\"d-recipe-time-pill\"\n >\n {{ dateTimeDisplay }}\n </time>\n</template>\n\n<script>\nimport {} from './time_pill_constants';\n\nexport default {\n name: 'DtRecipeTimePill',\n\n props: {\n /*\n Date time display value\n /\n dateTimeDisplay: {\n type: String,\n required: true,\n },\n\n /\n Machine-readable attribute\n * Accepts a string value of YYYY-MM-DD or YYYY-MM-DDThh:mm:ssTZD\n */\n dateTime: {\n type: String,\n required: true,\n validator: (t) => {\n // Since this will only ever be used in the context of a date, we're rejecting non date inputs\n const x = new Date(t);\n if (x instanceof Date && !isNaN(x)) {\n return true;\n }\n return false;\n },\n },\n },\n};\n</script>\n"],"names":["_createElementBlock","_toDisplayString"],"mappings":";;AAaA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,UAAU;AAAA,MACR,MAAM;AAAA,MACN,UAAU;AAAA,MACV,WAAW,CAAC,MAAM;AAEhB,cAAM,IAAI,IAAI,KAAK,CAAC;AACpB,YAAI,aAAa,QAAQ,CAAC,MAAM,CAAC,GAAG;AAClC,iBAAO;AAAA,QACT;AACA,eAAO;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACH;~~AA1CA~~,MAAA,aAAA,CAAA,UAAA;;sBACEA,mBAMO,QAAA;AAAA,IALL,WAAQ;AAAA,IACP,UAAU,OAAQ;AAAA,IACnB,OAAM;AAAA,EAEH,GAAAC,gBAAA,OAAA,eAAe,GANtB,GAAA,UAAA;;;"}
1	+ {"version":3,"file":"time_pill.vue.js","sources":["../../../../recipes/conversation_view/time_pill/time_pill.vue"],"sourcesContent":["<template>\n <time\n data-qa=\"dt-recipe-time-pill\"\n :dateTime=\"dateTime\"\n class=\"d-recipe-time-pill\"\n >\n {{ dateTimeDisplay }}\n </time>\n</template>\n\n<script>\nimport {} from './time_pill_constants';\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtRecipeTimePill',\n\n props: {\n /*\n Date time display value\n /\n dateTimeDisplay: {\n type: String,\n required: true,\n },\n\n /\n Machine-readable attribute\n * Accepts a string value of YYYY-MM-DD or YYYY-MM-DDThh:mm:ssTZD\n */\n dateTime: {\n type: String,\n required: true,\n validator: (t) => {\n // Since this will only ever be used in the context of a date, we're rejecting non date inputs\n const x = new Date(t);\n if (x instanceof Date && !isNaN(x)) {\n return true;\n }\n return false;\n },\n },\n },\n};\n</script>\n"],"names":["_createElementBlock","_toDisplayString"],"mappings":";;AAaA,MAAK,YAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,MAAM;AAAA,EAEN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,UAAU;AAAA,MACR,MAAM;AAAA,MACN,UAAU;AAAA,MACV,WAAW,CAAC,MAAM;AAEhB,cAAM,IAAI,IAAI,KAAK,CAAC;AACpB,YAAI,aAAa,QAAQ,CAAC,MAAM,CAAC,GAAG;AAClC,iBAAO;AAAA,QACT;AACA,eAAO;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACH;AA3CA,MAAA,aAAA,CAAA,UAAA;;sBACEA,mBAMO,QAAA;AAAA,IALL,WAAQ;AAAA,IACP,UAAU,OAAQ;AAAA,IACnB,OAAM;AAAA,EAEH,GAAAC,gBAAA,OAAA,eAAe,GANtB,GAAA,UAAA;;;"}