npm - @dialpad/dialtone-vue - Versions diffs - 3.222.0-next.2 → 3.222.1 - Mend

@dialpad/dialtone-vue 3.222.0-next.2 → 3.222.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 (2055) hide show

package/dist/lib/editor/editor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"editor.js","names":[],"sources":["../../../recipes/conversation_view/editor/editor.vue"],"sourcesContent":["<template>\n <div\n ref=\"editorRoot\"\n :class=\"['d-recipe-editor', $attrs.class]\"\n :style=\"$attrs.style\"\n data-qa=\"dt-recipe-editor\"\n role=\"presentation\"\n @click=\"$refs.richTextEditor.focusEditor()\"\n >\n <!-- Section for the top UI -->\n <dt-stack\n class=\"d-recipe-editor__top-bar\"\n direction=\"row\"\n gap=\"150\"\n >\n <dt-stack\n v-for=\"buttonGroup in buttonGroups\"\n :key=\"buttonGroup.key\"\n direction=\"row\"\n gap=\"50\"\n >\n <template v-for=\"button in buttonGroup.buttonGroup\">\n <!-- Font Style Popover -->\n <editor-toolbar-popover-button\n v-if=\"button.buttonType === 'popover' && button.selector === 'fontStyle'\"\n :key=\"getButtonKey(buttonGroup.key, button.selector)\"\n :ref=\"getButtonRef(buttonGroup.key, button.selector)\"\n :is-active=\"$refs.richTextEditor?.editor?.isActive(button.selector)\"\n :tooltip-message=\"button.tooltipMessage\"\n :data-qa=\"button.dataQA\"\n :popover-data-qa=\"'dt-recipe-editor-font-style-input-popover'\"\n :tabindex=\"canFocus(getButtonRef(buttonGroup.key, button.selector)) ? 0 : -1\"\n :icon=\"button.icon\"\n @shift-focus-right=\"shiftActionBarFocusRight\"\n @shift-focus-left=\"shiftActionBarFocusLeft\"\n >\n <template #content=\"{ close }\">\n <dt-combobox\n label=\"\"\n :show-label=\"false\"\n :show-list=\"true\"\n :click-on-select=\"true\"\n @escape=\"close()\"\n >\n <template #input=\"{ inputProps }\">\n <!-- eslint-disable vue/no-restricted-class -->\n <dt-input\n v-bind=\"inputProps\"\n v-model=\"fontStyleSearch\"\n class=\"d-p-100 d-pbe-50 d-w216\"\n type=\"search\"\n :placeholder=\"i18n.$t('DIALTONE_EDITOR_FONT_STYLE_SEARCH_PLACEHOLDER')\"\n :size=\"200\"\n role=\"menuitem\"\n >\n <template #startIcon=\"{ iconSize }\">\n <dt-icon-search :size=\"iconSize\" />\n </template>\n </dt-input>\n <!-- eslint-enable vue/no-restricted-class -->\n </template>\n <template #list=\"{ listProps }\">\n <ul\n v-bind=\"listProps\"\n >\n <dt-list-item\n v-for=\"fontStyle in filteredFontStyles\"\n :key=\"fontStyle.name\"\n :selected=\"isCurrentFontFamily(fontStyle.value)\"\n :style=\"{ fontFamily: fontStyle.value \|\| 'inherit' }\"\n role=\"option\"\n navigation-type=\"arrow-keys\"\n @click=\"\n close(focusEditor);\n onFontStyleSelect(fontStyle.value)\n \"\n >\n {{ fontStyle.name }}\n </dt-list-item>\n </ul>\n </template>\n </dt-combobox>\n </template>\n </editor-toolbar-popover-button>\n\n <!-- Font Size Dropdown -->\n <editor-toolbar-dropdown-button\n v-else-if=\"button.buttonType === 'popover' && button.selector === 'fontSize'\"\n :key=\"getButtonKey(buttonGroup.key, button.selector)\"\n :ref=\"getButtonRef(buttonGroup.key, button.selector)\"\n :is-active=\"$refs.richTextEditor?.editor?.isActive(button.selector)\"\n :tooltip-message=\"button.tooltipMessage\"\n :data-qa=\"button.dataQA\"\n :dropdown-data-qa=\"'dt-recipe-editor-font-size-input-popover'\"\n :tabindex=\"canFocus(getButtonRef(buttonGroup.key, button.selector)) ? 0 : -1\"\n :icon=\"button.icon\"\n @shift-focus-right=\"shiftActionBarFocusRight\"\n @shift-focus-left=\"shiftActionBarFocusLeft\"\n >\n <template #list=\"{ close }\">\n <dt-list-item\n v-for=\"fontSize in fontSizes\"\n :key=\"fontSize.name\"\n :selected=\"isCurrentFontSize(fontSize.value)\"\n role=\"menuitem\"\n navigation-type=\"arrow-keys\"\n @click=\"\n close(focusEditor);\n onFontSizeSelect(fontSize.value, $event)\n \"\n >\n <span :style=\"{ fontSize: fontSize.value }\">{{ fontSize.name }}</span>\n </dt-list-item>\n </template>\n </editor-toolbar-dropdown-button>\n\n <!-- Font Color Button -->\n <dt-button\n v-else-if=\"button.buttonType === 'custom' && button.selector === 'fontColor'\"\n :key=\"getButtonKey(buttonGroup.key, button.selector)\"\n :ref=\"getButtonRef(buttonGroup.key, button.selector)\"\n v-dt-tooltip=\"{\n message: button.tooltipMessage,\n placement: 'top',\n externalAnchorElement: $refs[getButtonRef(buttonGroup.key, button.selector)]?.$el,\n }\"\n kind=\"muted\"\n importance=\"clear\"\n :size=\"100\"\n :active=\"$refs.richTextEditor?.editor?.isActive(button.selector)\"\n :tabindex=\"canFocus(getButtonRef(buttonGroup.key, button.selector)) ? 0 : -1\"\n :aria-label=\"button.tooltipMessage\"\n :data-qa=\"button.dataQA\"\n @keydown.right.stop=\"shiftActionBarFocusRight\"\n @keydown.left.stop=\"shiftActionBarFocusLeft\"\n @click=\"button.onClick()\"\n >\n <template #icon>\n <component\n :is=\"button.icon\"\n size=\"200\"\n :style=\"!isDefaultFontColor ? { color: currentFontColor } : {}\"\n />\n <!-- eslint-disable vue/no-restricted-class -->\n <dt-input\n :value=\"currentFontColor\"\n class=\"d-w0 d-h0 d-of-hidden\"\n input-class=\"colorPickerInput d-w0 d-h0 d-p-0 d-bar-0\"\n input-wrapper-class=\"d-w0 d-h0 d-ba-none\"\n :size=\"200\"\n type=\"color\"\n @update:model-value=\"onColorPickerInput\"\n @click.stop\n />\n <!-- eslint-enable vue/no-restricted-class -->\n </template>\n </dt-button>\n\n <!-- Variable Popover -->\n <editor-toolbar-popover-button\n v-else-if=\"button.buttonType === 'popover' && button.selector === 'variable'\"\n :key=\"getButtonKey(buttonGroup.key, button.selector)\"\n :ref=\"getButtonRef(buttonGroup.key, button.selector)\"\n :is-active=\"false\"\n :tooltip-message=\"button.tooltipMessage\"\n :data-qa=\"button.dataQA\"\n :popover-data-qa=\"'dt-recipe-editor-variable-popover'\"\n :tabindex=\"canFocus(getButtonRef(buttonGroup.key, button.selector)) ? 0 : -1\"\n :icon=\"button.icon\"\n @shift-focus-right=\"shiftActionBarFocusRight\"\n @shift-focus-left=\"shiftActionBarFocusLeft\"\n >\n <template #content=\"{ close }\">\n <dt-combobox\n label=\"\"\n :show-label=\"false\"\n :show-list=\"true\"\n :click-on-select=\"true\"\n @escape=\"close()\"\n >\n <template #input=\"{ inputProps }\">\n <!-- eslint-disable vue/no-restricted-class -->\n <dt-input\n v-bind=\"inputProps\"\n v-model=\"variableSearchValue\"\n class=\"d-p-100 d-pbe-50 d-w264\"\n type=\"search\"\n :placeholder=\"i18n.$t('DIALTONE_EDITOR_VARIABLE_POPOVER_SEARCH_PLACEHOLDER')\"\n :size=\"300\"\n role=\"menuitem\"\n >\n <template #startIcon=\"{ iconSize }\">\n <dt-icon-search :size=\"iconSize\" />\n </template>\n </dt-input>\n <!-- eslint-enable vue/no-restricted-class -->\n </template>\n <template #list=\"{ listProps }\">\n <div v-bind=\"listProps\">\n <dt-list-item-group\n v-for=\"(category, index) in filteredCategories\"\n :key=\"category.name\"\n :heading=\"category.name\"\n heading-class=\"d-headline--sm-compact d-p-100\"\n >\n <dt-list-item\n v-for=\"item in getFilteredItemsForCategory(category)\"\n :key=\"category.name + item.name\"\n role=\"option\"\n navigation-type=\"arrow-keys\"\n @click=\"\n insertVariable(category.name, item);\n close(focusEditor);\n \"\n >\n {{ item.name }}\n </dt-list-item>\n <dt-dropdown-separator\n v-if=\"index < filteredCategories.length - 1\"\n />\n </dt-list-item-group>\n </div>\n </template>\n </dt-combobox>\n </template>\n </editor-toolbar-popover-button>\n\n <!-- Regular Toolbar Button -->\n <editor-toolbar-button\n v-else-if=\"button.buttonType === 'button'\"\n :key=\"getButtonKey(buttonGroup.key, button.selector)\"\n :ref=\"getButtonRef(buttonGroup.key, button.selector)\"\n :is-active=\"$refs.richTextEditor?.editor?.isActive(button.selector)\"\n :tooltip-message=\"button.tooltipMessage\"\n :data-qa=\"button.dataQA\"\n :tabindex=\"canFocus(getButtonRef(buttonGroup.key, button.selector)) ? 0 : -1\"\n :icon=\"button.icon\"\n :label=\"button.label\"\n :on-click=\"button.onClick\"\n @shift-focus-right=\"shiftActionBarFocusRight\"\n @shift-focus-left=\"shiftActionBarFocusLeft\"\n />\n </template>\n <div class=\"d-recipe-editor__button-group-divider\" />\n </dt-stack>\n <dt-stack\n v-if=\"linkButton.showBtn\"\n direction=\"row\"\n gap=\"50\"\n >\n <dt-popover\n :open=\"showLinkInput\"\n :show-close-button=\"false\"\n data-qa=\"dt-recipe-editor-link-input-popover\"\n padding=\"none\"\n placement=\"bottom-start\"\n @click=\"onInputFocus\"\n @opened=\"updateInput\"\n @click.stop=\"onInputFocus\"\n >\n <template #anchor>\n <dt-tooltip\n :key=\"linkButton.key\"\n :message=\"linkButton.tooltipMessage\"\n placement=\"top\"\n >\n <template #anchor>\n <dt-button\n :ref=\"getButtonRef('custom', 'link')\"\n :active=\"$refs.richTextEditor?.editor?.isActive(linkButton.selector)\"\n :aria-label=\"linkButton.tooltipMessage\"\n :data-qa=\"linkButton.dataQA\"\n :tabindex=\"canFocus(getButtonRef('custom', 'link')) ? 0 : -1\"\n importance=\"clear\"\n kind=\"muted\"\n :size=\"100\"\n @click=\"linkButton.onClick()\"\n @keydown.right.stop=\"shiftActionBarFocusRight\"\n @keydown.left.stop=\"shiftActionBarFocusLeft\"\n >\n <template #icon>\n <component\n :is=\"linkButton.icon\"\n size=\"200\"\n />\n </template>\n </dt-button>\n </template>\n </dt-tooltip>\n </template>\n\n <template #content>\n <div class=\"d-recipe-editor__popover-content\">\n <span>\n {{ showAddLinkButtonLabels.title }}\n </span>\n <dt-input\n v-model=\"linkInput\"\n :input-aria-label=\"showAddLinkButtonLabels['aria-label']\"\n :placeholder=\"setLinkPlaceholder\"\n data-qa=\"dt-recipe-editor-link-input\"\n input-wrapper-class=\"d-recipe-editor-link__input-wrapper\"\n @click=\"onInputFocus\"\n @focus=\"onInputFocus\"\n @click.stop=\"onInputFocus\"\n @keydown.enter=\"setLink\"\n />\n </div>\n </template>\n <template #footerContent>\n <dt-stack\n direction=\"row\"\n gap=\"50\"\n class=\"d-recipe-editor__popover-footer\"\n >\n <dt-button\n data-qa=\"dt-recipe-editor-remove-link-btn\"\n importance=\"clear\"\n kind=\"muted\"\n :size=\"200\"\n v-bind=\"removeLinkButtonLabels\"\n @click=\"removeLink\"\n >\n {{ removeLinkButtonLabels.title }}\n </dt-button>\n <dt-button\n data-qa=\"dt-recipe-editor-set-link-cancel-btn\"\n importance=\"clear\"\n kind=\"muted\"\n :size=\"200\"\n v-bind=\"cancelSetLinkButtonLabels\"\n @click=\"closeLinkInput\"\n >\n {{ cancelSetLinkButtonLabels.title }}\n </dt-button>\n <dt-button\n data-qa=\"dt-recipe-editor-set-link-confirm-btn\"\n :size=\"200\"\n v-bind=\"confirmSetLinkButtonLabels\"\n @click=\"setLink\"\n >\n {{ confirmSetLinkButtonLabels.title }}\n </dt-button>\n </dt-stack>\n </template>\n </dt-popover>\n </dt-stack>\n </dt-stack>\n\n <!-- Some wrapper to restrict the height and show the scrollbar -->\n <div\n :style=\"{ 'max-height': maxHeight }\"\n :class=\"['d-recipe-editor__content', { 'd-recipe-editor__content-image-resize': allowImageResize }]\"\n >\n <dt-rich-text-editor\n ref=\"richTextEditor\"\n v-model=\"internalInputValue\"\n :allow-font-color=\"true\"\n :allow-font-family=\"true\"\n :allow-inline-images=\"true\"\n :allow-line-breaks=\"true\"\n :allow-variable=\"true\"\n :allow-font-size=\"showFontSizeButton\"\n :allow-background-color=\"allowBackgroundColor\"\n :allow-line-height=\"allowLineHeight\"\n :variable-items=\"flattenedVariableItems\"\n :show-link-bubble-menu=\"false\"\n :auto-focus=\"autoFocus\"\n :editable=\"editable\"\n :input-aria-label=\"inputAriaLabel\"\n :input-class=\"`d-recipe-editor__content-input ${inputClass}`\"\n :link=\"true\"\n :output-format=\"htmlOutputFormat\"\n :placeholder=\"placeholder\"\n :preserve-whitespace=\"preserveWhitespace\"\n :use-div-tags=\"useDivTags\"\n :allow-tables=\"allowTables\"\n :allow-image-resize=\"allowImageResize\"\n data-qa=\"dt-rich-text-editor\"\n v-bind=\"removeClassStyleAttrs($attrs)\"\n @text-input=\"onTextInput\"\n @blur=\"onBlur\"\n @focus=\"onFocus\"\n @update:model-value=\"onUpdateModelValue\"\n @selected=\"onSelected\"\n />\n </div>\n </div>\n</template>\n\n<script>\nimport {\n DtRichTextEditor,\n RICH_TEXT_EDITOR_OUTPUT_FORMATS,\n RICH_TEXT_EDITOR_AUTOFOCUS_TYPES,\n} from '@/components/RichTextEditor';\nimport {\n EDITOR_SUPPORTED_LINK_PROTOCOLS,\n EDITOR_DEFAULT_LINK_PREFIX,\n EDITOR_DEFAULT_FONT_COLOR,\n} from './editor_constants.js';\nimport { removeClassStyleAttrs } from '@/common/utils';\nimport { DtButton } from '@/components/Button';\nimport { DtPopover } from '@/components/Popover';\nimport { DtStack } from '@/components/Stack';\nimport { DtInput } from '@/components/Input';\nimport { DtTooltip } from '@/components/Tooltip';\nimport { DtListItem } from '@/components/ListItem';\nimport { DtCombobox } from '@/components/Combobox';\n\nimport { DtDropdownSeparator } from '@/components/Dropdown/index.js';\nimport { DtListItemGroup } from '@/components/ListItemGroup/index.js';\nimport EditorToolbarButton from './EditorToolbarButton.vue';\nimport EditorToolbarDropdownButton from './EditorToolbarDropdownButton.vue';\nimport EditorToolbarPopoverButton from './EditorToolbarPopoverButton.vue';\nimport {\n DtIconAlignCenter,\n DtIconAlignJustify,\n DtIconAlignLeft,\n DtIconAlignRight,\n DtIconBold,\n DtIconCodeBlock,\n DtIconImage,\n DtIconItalic,\n DtIconQuickReply,\n DtIconLink2,\n DtIconListBullet,\n DtIconListOrdered,\n DtIconQuote,\n DtIconStrikethrough,\n DtIconUnderline,\n DtIconType,\n DtIconBraces,\n DtIconSearch,\n DtIconChevronDown,\n DtIconFontSize,\n DtIconStopFilled,\n} from '@dialpad/dialtone-icons/vue';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtRecipeEditor',\n\n components: {\n DtListItemGroup,\n DtDropdownSeparator,\n DtListItem,\n DtRichTextEditor,\n DtButton,\n DtPopover,\n DtStack,\n DtInput,\n DtTooltip,\n DtCombobox,\n EditorToolbarButton,\n EditorToolbarDropdownButton,\n EditorToolbarPopoverButton,\n DtIconQuickReply,\n DtIconBold,\n DtIconItalic,\n DtIconUnderline,\n DtIconStrikethrough,\n DtIconListBullet,\n DtIconListOrdered,\n DtIconAlignLeft,\n DtIconAlignCenter,\n DtIconAlignRight,\n DtIconAlignJustify,\n DtIconQuote,\n DtIconCodeBlock,\n DtIconLink2,\n DtIconImage,\n DtIconSearch,\n DtIconType,\n DtIconBraces,\n DtIconChevronDown,\n DtIconFontSize,\n DtIconStopFilled,\n },\n\n mixins: [],\n\n inheritAttrs: false,\n\n props: {\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 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-p-100 d-hmx-150\"\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 Placeholder text\n /\n placeholder: {\n type: String,\n default: '',\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 /\n Placeholder text for the set link input field\n /\n setLinkPlaceholder: {\n type: String,\n default: '',\n },\n\n /\n Show button to render text as bold\n /\n showBoldButton: {\n type: Boolean,\n default: true,\n },\n\n /\n Show button to render text in italics\n /\n showItalicsButton: {\n type: Boolean,\n default: true,\n },\n\n /\n Show button to underline text\n /\n showUnderlineButton: {\n type: Boolean,\n default: true,\n },\n\n /\n Show button to strike text\n /\n showStrikeButton: {\n type: Boolean,\n default: true,\n },\n\n /\n Show button to render list items\n /\n showListItemsButton: {\n type: Boolean,\n default: true,\n },\n\n /\n Show button to render ordered list items\n /\n showOrderedListButton: {\n type: Boolean,\n default: true,\n },\n\n /\n Show button to align text to the left\n /\n showAlignLeftButton: {\n type: Boolean,\n default: true,\n },\n\n /\n Show button to align text to the center\n /\n showAlignCenterButton: {\n type: Boolean,\n default: true,\n },\n\n /\n Show button to align text to the right\n /\n showAlignRightButton: {\n type: Boolean,\n default: true,\n },\n\n /\n Show button to justify text\n /\n showAlignJustifyButton: {\n type: Boolean,\n default: true,\n },\n\n /\n Show button to add quote format to text\n /\n showQuoteButton: {\n type: Boolean,\n default: true,\n },\n\n /\n Show button to add code block\n /\n showCodeBlockButton: {\n type: Boolean,\n default: true,\n },\n\n /\n Show button to handle quick replies\n /\n showQuickRepliesButton: {\n type: Boolean,\n default: true,\n },\n\n /\n Show button to add an inline image\n /\n showInlineImageButton: {\n type: Boolean,\n default: false,\n },\n\n /\n Show button to add a variable\n /\n showVariableButton: {\n type: Boolean,\n default: false,\n },\n\n /\n Variable categories to display when variable button is clicked\n /\n variableCategories: {\n type: Array,\n default: () => [],\n },\n\n /\n Show add link default config.\n /\n showAddLink: {\n type: Object,\n default: () => ({\n showAddLinkButton: true,\n }),\n },\n\n /\n Show font style button.\n /\n showFontStyleButton: {\n type: Boolean,\n default: false,\n },\n\n /\n Show font size button.\n /\n showFontSizeButton: {\n type: Boolean,\n default: false,\n },\n\n /\n Show font color button.\n /\n showFontColorButton: {\n type: Boolean,\n default: false,\n },\n\n /\n Available font styles for the font style dropdown.\n /\n fontStyles: {\n type: Array,\n default: () => [\n { name: 'Arial', value: null }, // arial is the default font\n { name: 'Georgia', value: 'Georgia' },\n { name: 'Helvetica', value: 'Helvetica' },\n { name: 'Verdana', value: 'Verdana'},\n { name: 'Times New Roman', value: 'Times New Roman' },\n ],\n },\n\n fontSizes : {\n type: Array,\n default: () => [\n { name: 'Small', value: '12px'},\n { name: 'Normal', value: '15px'},\n { name: 'Large', value: '24px'},\n { name: 'Huge', value: '36px'},\n ],\n },\n\n /\n Whether the input allows background color to be introduced in the text.\n /\n allowBackgroundColor: {\n type: Boolean,\n default: false,\n },\n\n /\n Whether the input allows line height to be introduced in the text.\n /\n allowLineHeight: {\n type: Boolean,\n default: false,\n },\n\n /\n Controls how whitespace is handled when parsing HTML content.\n * - 'full': All whitespace is preserved\n * - true: Whitespace in inline content is preserved, whitespace-only nodes between blocks are removed\n * - false: Standard HTML whitespace collapsing\n * @values full, true, false\n /\n preserveWhitespace: {\n type: [Boolean, String],\n default: 'full',\n },\n\n /\n Use div tags instead of paragraph tags to show text\n /\n useDivTags: {\n type: Boolean,\n default: false,\n },\n\n /\n Allow Tables to be used in to the editor\n /\n allowTables: {\n type: Boolean,\n default: false,\n },\n\n /\n Allow image resizing\n /\n allowImageResize: {\n type: Boolean,\n default: false,\n },\n },\n\n emits: [\n /\n Native focus event\n * @event input\n * @type {String\|JSON}\n /\n 'focus',\n\n /\n Native blur event\n * @event input\n * @type {String\|JSON}\n /\n 'blur',\n\n /\n Event fired to sync the modelValue prop with the parent component\n * @event update:modelValue\n * @type {String\|JSON}\n /\n 'update:modelValue',\n\n /\n Quick replies button\n * pressed event\n * @event quick-replies-click\n /\n 'quick-replies-click',\n\n /\n Emit when inline image button is clicked\n * @event inline-image-click\n /\n 'inline-image-click',\n\n /\n Emit when text input is changed\n * @event text-input\n * @type {String}\n /\n 'text-input',\n ],\n\n data () {\n return {\n internalInputValue: this.modelValue, // internal input content\n hasFocus: false,\n\n linkOptions: {\n class: 'd-recipe-editor__link',\n },\n\n currentFontColor: undefined,\n showLinkInput: false,\n fontStyleSearch: '',\n linkInput: '',\n currentButtonRefIndex: 0,\n variableSearchValue: '',\n i18n: new DialtoneLocalization(),\n };\n },\n\n computed: {\n inputLength () {\n return this.internalInputValue.length;\n },\n\n htmlOutputFormat () {\n return RICH_TEXT_EDITOR_OUTPUT_FORMATS[2];\n },\n\n flattenedVariableItems () {\n if (!this.variableCategories) return [];\n return this.variableCategories.reduce((acc, category) => {\n return acc.concat(category.items \|\| []);\n }, []);\n },\n\n showingTextFormatButtons () {\n return this.showBoldButton \|\| this.showItalicsButton \|\| this.showStrikeButton \|\| this.showUnderlineButton;\n },\n\n showingAlignmentButtons () {\n return this.showAlignLeftButton \|\| this.showAlignCenterButton \|\|\n this.showAlignRightButton \|\| this.showAlignJustifyButton;\n },\n\n showingListButtons () {\n return this.showListItemsButton \|\| this.showOrderedListButton;\n },\n\n orderedRefs () {\n const refs = this.buttonGroups.reduce(function (acc, buttonData) {\n buttonData.buttonGroup.forEach(button => {\n acc.push(this.getButtonRef(buttonData.key, button.selector));\n }, this);\n return acc;\n }.bind(this), []);\n refs.push(this.getButtonRef('custom', 'link'));\n return refs;\n },\n\n buttonGroups () {\n const individualButtonStacks = this.individualButtons.map(buttonData => ({\n key: buttonData.selector,\n buttonGroup: [buttonData],\n }));\n return [\n { key: 'new', buttonGroup: this.newButtons },\n { key: 'format', buttonGroup: this.textFormatButtons },\n { key: 'alignment', buttonGroup: this.alignmentButtons },\n { key: 'list', buttonGroup: this.listButtons },\n ...individualButtonStacks,\n ].filter(buttonGroupData => buttonGroupData.buttonGroup.length > 0);\n },\n\n newButtons () {\n return [\n {\n showBtn: this.showQuickRepliesButton,\n buttonType: 'button',\n label: this.i18n.$t('DIALTONE_EDITOR_QUICK_REPLY_BUTTON_LABEL'),\n selector: 'quickReplies',\n icon: DtIconQuickReply,\n dataQA: 'dt-recipe-editor-quick-replies-btn',\n tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_QUICK_REPLY_BUTTON_LABEL'),\n onClick: this.onQuickRepliesClick,\n },\n ].filter(button => button.showBtn);\n },\n\n textFormatButtons () {\n return [\n {\n showBtn: this.showFontStyleButton,\n buttonType: 'popover',\n selector: 'fontStyle',\n icon: DtIconType,\n dataQA: 'dt-recipe-editor-font-style-btn',\n tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_FONT_STYLE_BUTTON_LABEL'),\n },\n {\n showBtn: this.showFontSizeButton,\n buttonType: 'popover',\n selector: 'fontSize',\n icon: DtIconFontSize,\n dataQA: 'dt-recipe-editor-font-size-btn',\n tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_FONT_SIZE_BUTTON_LABEL'),\n },\n {\n showBtn: this.showFontColorButton,\n buttonType: 'custom',\n selector: 'fontColor',\n icon: DtIconStopFilled,\n dataQA: 'dt-recipe-editor-font-color-btn',\n tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_FONT_COLOR_BUTTON_LABEL'),\n onClick: this.onColorPickerButtonClick,\n },\n {\n showBtn: this.showBoldButton,\n buttonType: 'button',\n selector: 'bold',\n icon: DtIconBold,\n dataQA: 'dt-recipe-editor-bold-btn',\n tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_BOLD_BUTTON_LABEL'),\n onClick: this.onBoldTextToggle,\n },\n {\n showBtn: this.showItalicsButton,\n buttonType: 'button',\n selector: 'italic',\n icon: DtIconItalic,\n dataQA: 'dt-recipe-editor-italics-btn',\n tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_ITALICS_BUTTON_LABEL'),\n onClick: this.onItalicTextToggle,\n },\n {\n showBtn: this.showUnderlineButton,\n buttonType: 'button',\n selector: 'underline',\n icon: DtIconUnderline,\n dataQA: 'dt-recipe-editor-underline-btn',\n tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_UNDERLINE_BUTTON_LABEL'),\n onClick: this.onUnderlineTextToggle,\n },\n {\n showBtn: this.showStrikeButton,\n buttonType: 'button',\n selector: 'strike',\n icon: DtIconStrikethrough,\n dataQA: 'dt-recipe-editor-strike-btn',\n tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_STRIKE_BUTTON_LABEL'),\n onClick: this.onStrikethroughTextToggle,\n },\n ].filter(button => button.showBtn);\n },\n\n alignmentButtons () {\n return [\n {\n showBtn: this.showAlignLeftButton,\n buttonType: 'button',\n selector: { textAlign: 'left' },\n icon: DtIconAlignLeft,\n dataQA: 'dt-recipe-editor-align-left-btn',\n tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_ALIGN_LEFT_BUTTON_LABEL'),\n onClick: () => this.onTextAlign('left'),\n },\n {\n showBtn: this.showAlignCenterButton,\n buttonType: 'button',\n selector: { textAlign: 'center' },\n icon: DtIconAlignCenter,\n dataQA: 'dt-recipe-editor-align-center-btn',\n tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_ALIGN_CENTER_BUTTON_LABEL'),\n onClick: () => this.onTextAlign('center'),\n },\n {\n showBtn: this.showAlignRightButton,\n buttonType: 'button',\n selector: { textAlign: 'right' },\n icon: DtIconAlignRight,\n dataQA: 'dt-recipe-editor-align-right-btn',\n tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_ALIGN_RIGHT_BUTTON_LABEL'),\n onClick: () => this.onTextAlign('right'),\n },\n {\n showBtn: this.showAlignJustifyButton,\n buttonType: 'button',\n selector: { textAlign: 'justify' },\n icon: DtIconAlignJustify,\n dataQA: 'dt-recipe-editor-align-justify-btn',\n tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_ALIGN_JUSTIFY_BUTTON_LABEL'),\n onClick: () => this.onTextAlign('justify'),\n },\n ].filter(button => button.showBtn);\n },\n\n listButtons () {\n return [\n {\n showBtn: this.showListItemsButton,\n buttonType: 'button',\n selector: 'bulletList',\n icon: DtIconListBullet,\n dataQA: 'dt-recipe-editor-list-items-btn',\n tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_BULLET_LIST_BUTTON_LABEL'),\n onClick: this.onBulletListToggle,\n },\n {\n showBtn: this.showOrderedListButton,\n buttonType: 'button',\n selector: 'orderedList',\n icon: DtIconListOrdered,\n dataQA: 'dt-recipe-editor-ordered-list-items-btn',\n tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_ORDERED_LIST_BUTTON_LABEL'),\n onClick: this.onOrderedListToggle,\n },\n ].filter(button => button.showBtn);\n },\n\n individualButtons () {\n return [\n {\n showBtn: this.showQuoteButton,\n buttonType: 'button',\n selector: 'blockquote',\n icon: DtIconQuote,\n dataQA: 'dt-recipe-editor-blockquote-btn',\n tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_QUOTE_BUTTON_LABEL'),\n onClick: this.onBlockquoteToggle,\n },\n {\n showBtn: this.showCodeBlockButton,\n buttonType: 'button',\n selector: 'codeBlock',\n icon: DtIconCodeBlock,\n dataQA: 'dt-recipe-editor-code-block-btn',\n tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_CODE_BUTTON_LABEL'),\n onClick: this.onCodeBlockToggle,\n },\n {\n showBtn: this.showInlineImageButton,\n buttonType: 'button',\n selector: 'image',\n icon: DtIconImage,\n dataQA: 'dt-recipe-editor-inline-image-btn',\n tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_IMAGE_BUTTON_LABEL'),\n // Handle getting image\n onClick: this.onInsertInlineImageClick,\n },\n {\n showBtn: this.showVariableButton,\n buttonType: 'popover',\n selector: 'variable',\n icon: DtIconBraces,\n dataQA: 'dt-recipe-editor-variable-btn',\n tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_VARIABLE_BUTTON_LABEL'),\n },\n ].filter(button => button.showBtn);\n },\n\n linkButton () {\n return {\n showBtn: this.showAddLink.showAddLinkButton,\n buttonType: 'custom',\n selector: 'link',\n icon: DtIconLink2,\n dataQA: 'dt-recipe-editor-add-link-btn',\n tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_LINK_BUTTON_LABEL'),\n onClick: this.openLinkInput,\n };\n },\n\n confirmSetLinkButtonLabels () {\n return this.i18n.$ta('DIALTONE_EDITOR_CONFIRM_SET_LINK_BUTTON');\n },\n\n cancelSetLinkButtonLabels () {\n return this.i18n.$ta('DIALTONE_EDITOR_CANCEL_SET_LINK_BUTTON');\n },\n\n removeLinkButtonLabels () {\n return this.i18n.$ta('DIALTONE_EDITOR_REMOVE_LINK_BUTTON');\n },\n\n showAddLinkButtonLabels () {\n return this.i18n.$ta('DIALTONE_EDITOR_ADD_LINK_BUTTON');\n },\n\n filteredFontStyles () {\n const searchValue = this.fontStyleSearch.toLowerCase();\n return this.fontStyles.filter((item) =>\n item.name.toLowerCase().includes(searchValue),\n );\n },\n\n filteredCategories() {\n return this.variableCategories.filter(\n (category) => this.getFilteredItemsForCategory(category).length,\n );\n },\n\n colorPickerInput() {\n return this.$refs.editorRoot?.querySelector('.colorPickerInput');\n },\n\n isDefaultFontColor() {\n return this.currentFontColor === EDITOR_DEFAULT_FONT_COLOR;\n },\n\n actionBarBtn () {\n const ref = this.$refs[this.orderedRefs[this.currentButtonRefIndex]][0]?.$refs?.buttonRef // get nested ref\n \|\| this.$refs[this.orderedRefs[this.currentButtonRefIndex]];\n return Array.isArray(ref) ? ref[0] : ref;\n },\n\n },\n\n watch: {\n modelValue (newValue) {\n this.internalInputValue = newValue;\n },\n },\n\n methods: {\n removeClassStyleAttrs,\n\n focusEditor () {\n this.$refs.richTextEditor?.editor?.commands.focus();\n },\n\n onInputFocus (event) {\n event?.stopPropagation();\n },\n\n removeLink () {\n this.$refs.richTextEditor?.editor?.chain()?.focus()?.unsetLink()?.run();\n this.closeLinkInput();\n },\n\n setLink (event) {\n const editor = this.$refs.richTextEditor?.editor;\n event?.preventDefault();\n event?.stopPropagation();\n\n if (!this.linkInput) {\n // If link text is set to empty string,\n // remove any existing links.\n this.removeLink();\n return;\n }\n\n // Check if input matches any of the supported link formats\n const prefix = EDITOR_SUPPORTED_LINK_PROTOCOLS.find(prefixRegex => prefixRegex.test(this.linkInput));\n\n if (!prefix) {\n // If no matching pattern is found, prepend default prefix\n this.linkInput = `${EDITOR_DEFAULT_LINK_PREFIX}${this.linkInput}`;\n }\n\n const selection = editor?.view?.state?.selection;\n\n if (selection.anchor === selection.head) {\n // If no text has been selected, manually insert the link text.\n // Do not rely on link options set through DtRichTextEditor\n // component, because they clash with these and cause issues.\n editor\n .chain()\n .focus()\n .insertContentAt(\n selection.anchor,\n `<a class=\"${this.linkOptions.class}\" href=${this.linkInput}>${this.linkInput}</a>`,\n )\n .run();\n } else {\n // Set or edit the link\n editor\n .chain()\n .focus()\n .extendMarkRange('link')\n .setLink({ href: this.linkInput, class: this.linkOptions.class })\n .run();\n }\n\n this.closeLinkInput();\n },\n\n openLinkInput () {\n this.showLinkInput = true;\n },\n\n updateInput (openedInput) {\n if (!openedInput) {\n return this.closeLinkInput();\n }\n this.linkInput = this.$refs.richTextEditor?.editor?.getAttributes('link')?.href;\n },\n\n closeLinkInput () {\n this.showLinkInput = false;\n this.linkInput = '';\n this.$refs.richTextEditor.editor?.chain().focus();\n },\n\n onBoldTextToggle () {\n this.$refs.richTextEditor?.editor?.chain().focus().toggleBold().run();\n },\n\n onItalicTextToggle () {\n this.$refs.richTextEditor?.editor.chain().focus().toggleItalic().run();\n },\n\n onUnderlineTextToggle () {\n this.$refs.richTextEditor?.editor.chain().focus().toggleUnderline().run();\n },\n\n onStrikethroughTextToggle () {\n this.$refs.richTextEditor?.editor.chain().focus().toggleStrike().run();\n },\n\n onTextAlign (alignment) {\n if (this.$refs.richTextEditor?.editor?.isActive({ textAlign: alignment })) {\n // If this alignment type is already set here, unset it\n return this.$refs.richTextEditor?.editor.chain().focus().unsetTextAlign().run();\n }\n this.$refs.richTextEditor?.editor.chain().focus().setTextAlign(alignment).run();\n },\n\n onBulletListToggle () {\n this.$refs.richTextEditor?.editor.chain().focus().toggleBulletList().run();\n },\n\n onOrderedListToggle () {\n this.$refs.richTextEditor?.editor.chain().focus().toggleOrderedList().run();\n },\n\n onCodeBlockToggle () {\n this.$refs.richTextEditor?.editor.chain().focus().toggleCodeBlock().run();\n },\n\n onQuickRepliesClick () {\n this.$emit('quick-replies-click');\n },\n\n onInsertInlineImageClick () {\n this.$emit('inline-image-click');\n },\n\n insertVariable (categoryName, variableData) {\n // Insert a variable using the custom command from the Variable extension\n this.$refs.richTextEditor?.editor.chain().focus().insertVariable({\n id: variableData.id,\n placeholder: variableData.placeholder \|\| '',\n altText: '',\n enableAltText: variableData.enableAltText,\n }).run();\n },\n\n insertInlineImage (imageUrl) {\n this.$refs.richTextEditor?.editor.chain().focus().setImage({ src: imageUrl }).run();\n },\n\n insertInMessageBody (messageContent) {\n this.$refs.richTextEditor?.editor.chain().focus().insertContent(messageContent).run();\n },\n\n setCursorPosition (position = null) {\n this.$refs.richTextEditor?.editor.chain().focus(position).run();\n },\n\n onBlockquoteToggle () {\n this.$refs.richTextEditor?.editor.chain().focus().toggleBlockquote().run();\n },\n\n onTextInput (input) {\n this.$emit('text-input', input);\n },\n\n onFocus (event) {\n this.hasFocus = true;\n this.$emit('focus', event);\n },\n\n onBlur (event) {\n this.hasFocus = false;\n this.$emit('blur', event);\n },\n\n onUpdateModelValue (event) {\n this.$emit('update:modelValue', event);\n },\n\n onSelected() {\n this.updateFontColorInput();\n },\n\n getButtonKey (key, selector) {\n return `${key}-${JSON.stringify(selector)}`;\n },\n\n // Unique Button Ref Key to identify ref\n getButtonRef (key, selector) {\n return `${this.getButtonKey(key, selector)}-ref`;\n },\n\n /\n Determines if an element in the action bar button list is focusable with tab key\n * @param {string} refKey - unique identifier for the ref element in DOM\n /\n canFocus (refKey) {\n return refKey === this.orderedRefs[this.currentButtonRefIndex];\n },\n\n shiftActionBarFocusRight () {\n this.shiftButtonRefIndex(1);\n },\n\n shiftActionBarFocusLeft () {\n this.shiftButtonRefIndex(-1);\n },\n\n shiftButtonRefIndex (shiftAmount) {\n const previousActionBarBtn = this.actionBarBtn;\n const index = (this.currentButtonRefIndex + shiftAmount) % this.orderedRefs.length;\n this.currentButtonRefIndex = index >= 0 ? index : this.orderedRefs.length + index;\n const currentActionBarBtn = this.actionBarBtn;\n\n previousActionBarBtn.$el.blur();\n currentActionBarBtn.$el.focus();\n },\n\n onFontStyleSelect (fontFamily) {\n if (fontFamily) {\n this.$refs.richTextEditor?.editor?.chain().focus().setFontFamily(fontFamily).run();\n } else {\n this.$refs.richTextEditor?.editor?.chain().focus().unsetFontFamily().run();\n }\n this.$refs.richTextEditor?.editor?.commands.focus();\n },\n\n isCurrentFontFamily (fontFamily) {\n if (!fontFamily) {\n return !this.$refs.richTextEditor?.editor?.getAttributes('textStyle')?.fontFamily;\n }\n return this.$refs.richTextEditor?.editor?.isActive('textStyle', { fontFamily });\n },\n\n onFontSizeSelect (fontSize) {\n this.$refs.richTextEditor?.editor?.chain().focus().setFontSize(fontSize).run();\n this.$refs.richTextEditor?.editor?.commands.focus();\n },\n\n isCurrentFontSize (fontSize) {\n if (!fontSize) {\n return !this.$refs.richTextEditor?.editor?.getAttributes('textStyle')?.fontSize;\n }\n return this.$refs.richTextEditor?.editor?.isActive('textStyle', { fontSize });\n },\n\n getFilteredItemsForCategory(category) {\n const searchValue = this.variableSearchValue.toLowerCase();\n if (category.name.toLowerCase().includes(searchValue)) {\n return category.items;\n }\n return category.items.filter((item) =>\n item.name.toLowerCase().includes(searchValue),\n );\n },\n\n updateFontColorInput() {\n this.currentFontColor = this.$refs.richTextEditor?.editor?.getAttributes('textStyle')?.color \|\| EDITOR_DEFAULT_FONT_COLOR;\n },\n\n onColorPickerButtonClick () {\n this.colorPickerInput?.click();\n },\n\n onColorPickerInput (fontColor) {\n this.$refs.richTextEditor?.editor?.chain().focus().setColor(fontColor).run();\n this.$refs.richTextEditor?.editor?.commands.focus();\n this.updateFontColorInput();\n },\n },\n};\n</script>\n\n<style>\n/ Image resizing classes - only active when allowImageResize is true /\n\n/ Image border /\n.d-recipe-editor__content-image-resize .tiptap .ProseMirror-selectednode [data-resize-wrapper] {\n outline: 1px solid var(--dt-color-chart-info-selected);\n line-height: 0 !important;\n}\n\n/ Corner handles */\n.d-recipe-editor__content-image-resize .tiptap .ProseMirror-selectednode [data-resize-handle] {\n position: absolute;\n background: var(--dt-color-chart-info-selected);\n z-index: 10;\n}\n\n.d-recipe-editor__content-image-resize .tiptap .ProseMirror-selectednode [data-resize-handle='top-left'],\n.d-recipe-editor__content-image-resize .tiptap .ProseMirror-selectednode [data-resize-handle='top-right'],\n.d-recipe-editor__content-image-resize .tiptap .ProseMirror-selectednode [data-resize-handle='bottom-left'],\n.d-recipe-editor__content-image-resize .tiptap .ProseMirror-selectednode [data-resize-handle='bottom-right'] {\n inline-size: 8px;\n block-size: 8px;\n}\n.d-recipe-editor__content-image-resize .tiptap .ProseMirror-selectednode [data-resize-handle='top-left'] {\n cursor: nwse-resize;\n transform: translate(-50%, -50%);\n}\n.d-recipe-editor__content-image-resize .tiptap .ProseMirror-selectednode [data-resize-handle='top-right'] {\n cursor: nesw-resize;\n transform: translate(50%, -50%);\n}\n.d-recipe-editor__content-image-resize .tiptap .ProseMirror-selectednode [data-resize-handle='bottom-left'] {\n cursor: nesw-resize;\n transform: translate(-50%, 50%);\n}\n.d-recipe-editor__content-image-resize .tiptap .ProseMirror-selectednode [data-resize-handle='bottom-right'] {\n cursor: nwse-resize;\n transform: translate(50%, 50%);\n}\n</style>\n"],"mappings":"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"}
1	+ {"version":3,"file":"editor.js","names":[],"sources":["../../../recipes/conversation_view/editor/editor.vue"],"sourcesContent":["<template>\n <div\n ref=\"editorRoot\"\n class=\"d-recipe-editor\"\n v-bind=\"addClassStyleAttrs($attrs)\"\n data-qa=\"dt-recipe-editor\"\n role=\"presentation\"\n @click=\"$refs.richTextEditor.focusEditor()\"\n >\n <!-- Section for the top UI -->\n <dt-stack\n class=\"d-recipe-editor__top-bar\"\n direction=\"row\"\n gap=\"450\"\n >\n <dt-stack\n v-for=\"buttonGroup in buttonGroups\"\n :key=\"buttonGroup.key\"\n direction=\"row\"\n gap=\"300\"\n >\n <template v-for=\"button in buttonGroup.buttonGroup\">\n <!-- Font Style Popover -->\n <editor-toolbar-popover-button\n v-if=\"button.buttonType === 'popover' && button.selector === 'fontStyle'\"\n :key=\"getButtonKey(buttonGroup.key, button.selector)\"\n :ref=\"getButtonRef(buttonGroup.key, button.selector)\"\n :is-active=\"$refs.richTextEditor?.editor?.isActive(button.selector)\"\n :tooltip-message=\"button.tooltipMessage\"\n :data-qa=\"button.dataQA\"\n :popover-data-qa=\"'dt-recipe-editor-font-style-input-popover'\"\n :tabindex=\"canFocus(getButtonRef(buttonGroup.key, button.selector)) ? 0 : -1\"\n :icon=\"button.icon\"\n @shift-focus-right=\"shiftActionBarFocusRight\"\n @shift-focus-left=\"shiftActionBarFocusLeft\"\n >\n <template #content=\"{ close }\">\n <dt-combobox\n label=\"\"\n :label-visible=\"false\"\n :show-list=\"true\"\n :click-on-select=\"true\"\n @escape=\"close()\"\n >\n <template #input=\"{ inputProps }\">\n <dt-input\n v-bind=\"inputProps\"\n v-model=\"fontStyleSearch\"\n root-class=\"d-p8 d-pb4 d-w216\"\n type=\"search\"\n :placeholder=\"i18n.$t('DIALTONE_EDITOR_FONT_STYLE_SEARCH_PLACEHOLDER')\"\n size=\"sm\"\n role=\"menuitem\"\n >\n <template #leftIcon=\"{ iconSize }\">\n <dt-icon-search :size=\"iconSize\" />\n </template>\n </dt-input>\n </template>\n <template #list=\"{ listProps }\">\n <ul\n v-bind=\"listProps\"\n >\n <dt-list-item\n v-for=\"fontStyle in filteredFontStyles\"\n :key=\"fontStyle.name\"\n :selected=\"isCurrentFontFamily(fontStyle.value)\"\n :style=\"{ fontFamily: fontStyle.value \|\| 'inherit' }\"\n role=\"option\"\n navigation-type=\"arrow-keys\"\n @click=\"\n close(focusEditor);\n onFontStyleSelect(fontStyle.value)\n \"\n >\n {{ fontStyle.name }}\n </dt-list-item>\n </ul>\n </template>\n </dt-combobox>\n </template>\n </editor-toolbar-popover-button>\n\n <!-- Font Size Dropdown -->\n <editor-toolbar-dropdown-button\n v-else-if=\"button.buttonType === 'popover' && button.selector === 'fontSize'\"\n :key=\"getButtonKey(buttonGroup.key, button.selector)\"\n :ref=\"getButtonRef(buttonGroup.key, button.selector)\"\n :is-active=\"$refs.richTextEditor?.editor?.isActive(button.selector)\"\n :tooltip-message=\"button.tooltipMessage\"\n :data-qa=\"button.dataQA\"\n :dropdown-data-qa=\"'dt-recipe-editor-font-size-input-popover'\"\n :tabindex=\"canFocus(getButtonRef(buttonGroup.key, button.selector)) ? 0 : -1\"\n :icon=\"button.icon\"\n @shift-focus-right=\"shiftActionBarFocusRight\"\n @shift-focus-left=\"shiftActionBarFocusLeft\"\n >\n <template #list=\"{ close }\">\n <dt-list-item\n v-for=\"fontSize in fontSizes\"\n :key=\"fontSize.name\"\n :selected=\"isCurrentFontSize(fontSize.value)\"\n role=\"menuitem\"\n navigation-type=\"arrow-keys\"\n @click=\"\n close(focusEditor);\n onFontSizeSelect(fontSize.value, $event)\n \"\n >\n <span :style=\"{ fontSize: fontSize.value }\">{{ fontSize.name }}</span>\n </dt-list-item>\n </template>\n </editor-toolbar-dropdown-button>\n\n <!-- Font Color Button -->\n <dt-button\n v-else-if=\"button.buttonType === 'custom' && button.selector === 'fontColor'\"\n :key=\"getButtonKey(buttonGroup.key, button.selector)\"\n :ref=\"getButtonRef(buttonGroup.key, button.selector)\"\n v-dt-tooltip=\"{\n message: button.tooltipMessage,\n placement: 'top',\n externalAnchorElement: $refs[getButtonRef(buttonGroup.key, button.selector)]?.$el, \n }\"\n kind=\"muted\"\n importance=\"clear\"\n size=\"xs\"\n :active=\"$refs.richTextEditor?.editor?.isActive(button.selector)\"\n :tabindex=\"canFocus(getButtonRef(buttonGroup.key, button.selector)) ? 0 : -1\"\n :aria-label=\"button.tooltipMessage\"\n :data-qa=\"button.dataQA\"\n @keydown.right.stop=\"shiftActionBarFocusRight\"\n @keydown.left.stop=\"shiftActionBarFocusLeft\"\n @click=\"button.onClick()\"\n >\n <template #icon>\n <component\n :is=\"button.icon\"\n size=\"200\"\n :style=\"!isDefaultFontColor ? { color: currentFontColor } : {}\"\n />\n <dt-input\n :value=\"currentFontColor\"\n root-class=\"d-w0 d-h0 d-of-hidden\"\n input-class=\"colorPickerInput d-w0 d-h0 d-p0 d-bar0\"\n input-wrapper-class=\"d-w0 d-h0 d-ba-none\"\n size=\"sm\"\n type=\"color\"\n @input=\"onColorPickerInput\"\n @click.stop\n />\n </template>\n </dt-button>\n\n <!-- Variable Popover -->\n <editor-toolbar-popover-button\n v-else-if=\"button.buttonType === 'popover' && button.selector === 'variable'\"\n :key=\"getButtonKey(buttonGroup.key, button.selector)\"\n :ref=\"getButtonRef(buttonGroup.key, button.selector)\"\n :is-active=\"false\"\n :tooltip-message=\"button.tooltipMessage\"\n :data-qa=\"button.dataQA\"\n :popover-data-qa=\"'dt-recipe-editor-variable-popover'\"\n :tabindex=\"canFocus(getButtonRef(buttonGroup.key, button.selector)) ? 0 : -1\"\n :icon=\"button.icon\"\n @shift-focus-right=\"shiftActionBarFocusRight\"\n @shift-focus-left=\"shiftActionBarFocusLeft\"\n >\n <template #content=\"{ close }\">\n <dt-combobox\n label=\"\"\n :label-visible=\"false\"\n :show-list=\"true\"\n :click-on-select=\"true\"\n @escape=\"close()\"\n >\n <template #input=\"{ inputProps }\">\n <dt-input\n v-bind=\"inputProps\"\n v-model=\"variableSearchValue\"\n root-class=\"d-p8 d-pb4 d-w264\"\n type=\"search\"\n :placeholder=\"i18n.$t('DIALTONE_EDITOR_VARIABLE_POPOVER_SEARCH_PLACEHOLDER')\"\n size=\"md\"\n role=\"menuitem\"\n >\n <template #leftIcon=\"{ iconSize }\">\n <dt-icon-search :size=\"iconSize\" />\n </template>\n </dt-input>\n </template>\n <template #list=\"{ listProps }\">\n <div v-bind=\"listProps\">\n <dt-list-item-group\n v-for=\"(category, index) in filteredCategories\"\n :key=\"category.name\"\n :heading=\"category.name\"\n heading-class=\"d-headline--sm-compact d-p8\"\n >\n <dt-list-item\n v-for=\"item in getFilteredItemsForCategory(category)\"\n :key=\"category.name + item.name\"\n role=\"option\"\n navigation-type=\"arrow-keys\"\n @click=\"\n insertVariable(category.name, item);\n close(focusEditor);\n \"\n >\n {{ item.name }}\n </dt-list-item>\n <dt-dropdown-separator\n v-if=\"index < filteredCategories.length - 1\"\n />\n </dt-list-item-group>\n </div>\n </template>\n </dt-combobox>\n </template>\n </editor-toolbar-popover-button>\n\n <!-- Regular Toolbar Button -->\n <editor-toolbar-button\n v-else-if=\"button.buttonType === 'button'\"\n :key=\"getButtonKey(buttonGroup.key, button.selector)\"\n :ref=\"getButtonRef(buttonGroup.key, button.selector)\"\n :is-active=\"$refs.richTextEditor?.editor?.isActive(button.selector)\"\n :tooltip-message=\"button.tooltipMessage\"\n :data-qa=\"button.dataQA\"\n :tabindex=\"canFocus(getButtonRef(buttonGroup.key, button.selector)) ? 0 : -1\"\n :icon=\"button.icon\"\n :label=\"button.label\"\n :on-click=\"button.onClick\"\n @shift-focus-right=\"shiftActionBarFocusRight\"\n @shift-focus-left=\"shiftActionBarFocusLeft\"\n />\n </template>\n <div class=\"d-recipe-editor__button-group-divider\" />\n </dt-stack>\n <dt-stack\n v-if=\"linkButton.showBtn\"\n direction=\"row\"\n gap=\"300\"\n >\n <dt-popover\n :open=\"showLinkInput\"\n :show-close-button=\"false\"\n data-qa=\"dt-recipe-editor-link-input-popover\"\n padding=\"none\"\n placement=\"bottom-start\"\n @click=\"onInputFocus\"\n @opened=\"updateInput\"\n @click.stop=\"onInputFocus\"\n >\n <template #anchor>\n <dt-tooltip\n :key=\"linkButton.key\"\n :message=\"linkButton.tooltipMessage\"\n placement=\"top\"\n >\n <template #anchor>\n <dt-button\n :ref=\"getButtonRef('custom', 'link')\"\n :active=\"$refs.richTextEditor?.editor?.isActive(linkButton.selector)\"\n :aria-label=\"linkButton.tooltipMessage\"\n :data-qa=\"linkButton.dataQA\"\n :tabindex=\"canFocus(getButtonRef('custom', 'link')) ? 0 : -1\"\n importance=\"clear\"\n kind=\"muted\"\n size=\"xs\"\n @click=\"linkButton.onClick()\"\n @keydown.right.stop=\"shiftActionBarFocusRight\"\n @keydown.left.stop=\"shiftActionBarFocusLeft\"\n >\n <template #icon>\n <component\n :is=\"linkButton.icon\"\n size=\"200\"\n />\n </template>\n </dt-button>\n </template>\n </dt-tooltip>\n </template>\n\n <template #content>\n <div class=\"d-recipe-editor__popover-content\">\n <span>\n {{ showAddLinkButtonLabels.title }}\n </span>\n <dt-input\n v-model=\"linkInput\"\n :input-aria-label=\"showAddLinkButtonLabels['aria-label']\"\n :placeholder=\"setLinkPlaceholder\"\n data-qa=\"dt-recipe-editor-link-input\"\n input-wrapper-class=\"d-recipe-editor-link__input-wrapper\"\n @click=\"onInputFocus\"\n @focus=\"onInputFocus\"\n @click.stop=\"onInputFocus\"\n @keydown.enter=\"setLink\"\n />\n </div>\n </template>\n <template #footerContent>\n <dt-stack\n direction=\"row\"\n gap=\"300\"\n class=\"d-recipe-editor__popover-footer\"\n >\n <dt-button\n data-qa=\"dt-recipe-editor-remove-link-btn\"\n importance=\"clear\"\n kind=\"muted\"\n size=\"sm\"\n v-bind=\"removeLinkButtonLabels\"\n @click=\"removeLink\"\n >\n {{ removeLinkButtonLabels.title }}\n </dt-button>\n <dt-button\n data-qa=\"dt-recipe-editor-set-link-cancel-btn\"\n importance=\"clear\"\n kind=\"muted\"\n size=\"sm\"\n v-bind=\"cancelSetLinkButtonLabels\"\n @click=\"closeLinkInput\"\n >\n {{ cancelSetLinkButtonLabels.title }}\n </dt-button>\n <dt-button\n data-qa=\"dt-recipe-editor-set-link-confirm-btn\"\n size=\"sm\"\n v-bind=\"confirmSetLinkButtonLabels\"\n @click=\"setLink\"\n >\n {{ confirmSetLinkButtonLabels.title }}\n </dt-button>\n </dt-stack>\n </template>\n </dt-popover>\n </dt-stack>\n </dt-stack>\n\n <!-- Some wrapper to restrict the height and show the scrollbar -->\n <div\n :style=\"{ 'max-height': maxHeight }\"\n :class=\"['d-recipe-editor__content', { 'd-recipe-editor__content-image-resize': allowImageResize }]\"\n >\n <dt-rich-text-editor\n ref=\"richTextEditor\"\n v-model=\"internalInputValue\"\n :allow-font-color=\"true\"\n :allow-font-family=\"true\"\n :allow-inline-images=\"true\"\n :allow-line-breaks=\"true\"\n :allow-variable=\"true\"\n :allow-font-size=\"showFontSizeButton\"\n :allow-background-color=\"allowBackgroundColor\"\n :allow-line-height=\"allowLineHeight\"\n :variable-items=\"flattenedVariableItems\"\n :hide-link-bubble-menu=\"true\"\n :auto-focus=\"autoFocus\"\n :editable=\"editable\"\n :input-aria-label=\"inputAriaLabel\"\n :input-class=\"`d-recipe-editor__content-input ${inputClass}`\"\n :link=\"true\"\n :output-format=\"htmlOutputFormat\"\n :placeholder=\"placeholder\"\n :preserve-whitespace=\"preserveWhitespace\"\n :use-div-tags=\"useDivTags\"\n :allow-tables=\"allowTables\"\n :allow-image-resize=\"allowImageResize\"\n data-qa=\"dt-rich-text-editor\"\n v-bind=\"removeClassStyleAttrs($attrs)\"\n @text-input=\"onTextInput\"\n @blur=\"onBlur\"\n @focus=\"onFocus\"\n @input=\"onInput($event)\"\n @selected=\"onSelected\"\n />\n </div>\n </div>\n</template>\n\n<script>\nimport {\n DtRichTextEditor,\n RICH_TEXT_EDITOR_OUTPUT_FORMATS,\n RICH_TEXT_EDITOR_AUTOFOCUS_TYPES,\n} from '@/components/rich_text_editor';\nimport {\n EDITOR_SUPPORTED_LINK_PROTOCOLS,\n EDITOR_DEFAULT_LINK_PREFIX,\n EDITOR_DEFAULT_FONT_COLOR,\n} from './editor_constants.js';\nimport { removeClassStyleAttrs, addClassStyleAttrs } from '@/common/utils';\nimport { DtButton } from '@/components/button';\nimport { DtPopover } from '@/components/popover';\nimport { DtStack } from '@/components/stack';\nimport { DtInput } from '@/components/input';\nimport { DtTooltip } from '@/components/tooltip';\nimport { DtListItem } from '@/components/list_item';\nimport { DtCombobox } from '@/components/combobox';\n\nimport { DtDropdownSeparator } from '@/components/dropdown/index.js';\nimport { DtListItemGroup } from '@/components/list_item_group/index.js';\nimport EditorToolbarButton from './EditorToolbarButton.vue';\nimport EditorToolbarDropdownButton from './EditorToolbarDropdownButton.vue';\nimport EditorToolbarPopoverButton from './EditorToolbarPopoverButton.vue';\nimport {\n DtIconAlignCenter,\n DtIconAlignJustify,\n DtIconAlignLeft,\n DtIconAlignRight,\n DtIconBold,\n DtIconCodeBlock,\n DtIconImage,\n DtIconItalic,\n DtIconQuickReply,\n DtIconLink2,\n DtIconListBullet,\n DtIconListOrdered,\n DtIconQuote,\n DtIconStrikethrough,\n DtIconUnderline,\n DtIconType,\n DtIconBraces,\n DtIconSearch,\n DtIconChevronDown,\n DtIconFontSize,\n DtIconStopFilled,\n} from '@dialpad/dialtone-icons/vue3';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtRecipeEditor',\n\n components: {\n DtListItemGroup,\n DtDropdownSeparator,\n DtListItem,\n DtRichTextEditor,\n DtButton,\n DtPopover,\n DtStack,\n DtInput,\n DtTooltip,\n DtCombobox,\n EditorToolbarButton,\n EditorToolbarDropdownButton,\n EditorToolbarPopoverButton,\n DtIconQuickReply,\n DtIconBold,\n DtIconItalic,\n DtIconUnderline,\n DtIconStrikethrough,\n DtIconListBullet,\n DtIconListOrdered,\n DtIconAlignLeft,\n DtIconAlignCenter,\n DtIconAlignRight,\n DtIconAlignJustify,\n DtIconQuote,\n DtIconCodeBlock,\n DtIconLink2,\n DtIconImage,\n DtIconSearch,\n DtIconType,\n DtIconBraces,\n DtIconChevronDown,\n DtIconFontSize,\n DtIconStopFilled,\n },\n\n mixins: [],\n\n inheritAttrs: false,\n\n props: {\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 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 Placeholder text\n /\n placeholder: {\n type: String,\n default: '',\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 /\n Placeholder text for the set link input field\n /\n setLinkPlaceholder: {\n type: String,\n default: '',\n },\n\n /\n Show button to render text as bold\n /\n showBoldButton: {\n type: Boolean,\n default: true,\n },\n\n /\n Show button to render text in italics\n /\n showItalicsButton: {\n type: Boolean,\n default: true,\n },\n\n /\n Show button to underline text\n /\n showUnderlineButton: {\n type: Boolean,\n default: true,\n },\n\n /\n Show button to strike text\n /\n showStrikeButton: {\n type: Boolean,\n default: true,\n },\n\n /\n Show button to render list items\n /\n showListItemsButton: {\n type: Boolean,\n default: true,\n },\n\n /\n Show button to render ordered list items\n /\n showOrderedListButton: {\n type: Boolean,\n default: true,\n },\n\n /\n Show button to align text to the left\n /\n showAlignLeftButton: {\n type: Boolean,\n default: true,\n },\n\n /\n Show button to align text to the center\n /\n showAlignCenterButton: {\n type: Boolean,\n default: true,\n },\n\n /\n Show button to align text to the right\n /\n showAlignRightButton: {\n type: Boolean,\n default: true,\n },\n\n /\n Show button to justify text\n /\n showAlignJustifyButton: {\n type: Boolean,\n default: true,\n },\n\n /\n Show button to add quote format to text\n /\n showQuoteButton: {\n type: Boolean,\n default: true,\n },\n\n /\n Show button to add code block\n /\n showCodeBlockButton: {\n type: Boolean,\n default: true,\n },\n\n /\n Show button to handle quick replies\n /\n showQuickRepliesButton: {\n type: Boolean,\n default: true,\n },\n\n /\n Show button to add an inline image\n /\n showInlineImageButton: {\n type: Boolean,\n default: false,\n },\n\n /\n Show button to add a variable\n /\n showVariableButton: {\n type: Boolean,\n default: false,\n },\n\n /\n Variable categories to display when variable button is clicked\n /\n variableCategories: {\n type: Array,\n default: () => [],\n },\n\n /\n Show add link default config.\n /\n showAddLink: {\n type: Object,\n default: () => ({\n showAddLinkButton: true,\n }),\n },\n\n /\n Show font style button.\n /\n showFontStyleButton: {\n type: Boolean,\n default: false,\n },\n\n /\n Show font size button.\n /\n showFontSizeButton: {\n type: Boolean,\n default: false,\n },\n\n /\n Show font color button.\n /\n showFontColorButton: {\n type: Boolean,\n default: false,\n },\n\n /\n Available font styles for the font style dropdown.\n /\n fontStyles: {\n type: Array,\n default: () => [\n { name: 'Arial', value: null }, // arial is the default font\n { name: 'Georgia', value: 'Georgia' },\n { name: 'Helvetica', value: 'Helvetica' },\n { name: 'Verdana', value: 'Verdana'},\n { name: 'Times New Roman', value: 'Times New Roman' },\n ],\n },\n\n fontSizes : {\n type: Array,\n default: () => [\n { name: 'Small', value: '12px'},\n { name: 'Normal', value: '15px'},\n { name: 'Large', value: '24px'},\n { name: 'Huge', value: '36px'},\n ],\n },\n\n /\n Whether the input allows background color to be introduced in the text.\n /\n allowBackgroundColor: {\n type: Boolean,\n default: false,\n },\n\n /\n Whether the input allows line height to be introduced in the text.\n /\n allowLineHeight: {\n type: Boolean,\n default: false,\n },\n\n /\n Controls how whitespace is handled when parsing HTML content.\n * - 'full': All whitespace is preserved\n * - true: Whitespace in inline content is preserved, whitespace-only nodes between blocks are removed\n * - false: Standard HTML whitespace collapsing\n * @values full, true, false\n /\n preserveWhitespace: {\n type: [Boolean, String],\n default: 'full',\n },\n\n /\n Use div tags instead of paragraph tags to show text\n /\n useDivTags: {\n type: Boolean,\n default: false,\n },\n\n /\n Allow Tables to be used in to the editor\n /\n allowTables: {\n type: Boolean,\n default: false,\n },\n\n /\n Allow image resizing\n /\n allowImageResize: {\n type: Boolean,\n default: false,\n },\n },\n\n emits: [\n /\n Native focus event\n * @event input\n * @type {String\|JSON}\n /\n 'focus',\n\n /\n Native blur event\n * @event input\n * @type {String\|JSON}\n /\n 'blur',\n\n /\n Native input event\n * @event input\n * @type {String\|JSON}\n /\n 'input',\n\n /\n Event fired to sync the modelValue prop with the parent component\n * @event input\n * @type {String\|JSON}\n /\n 'update:modelValue',\n\n /\n Quick replies button\n * pressed event\n * @event quick-replies-click\n /\n 'quick-replies-click',\n\n /\n Emit when inline image button is clicked\n * @event inline-image-click\n /\n 'inline-image-click',\n\n /\n Emit when text input is changed\n * @event text-input\n * @type {String}\n /\n 'text-input',\n ],\n\n data () {\n return {\n internalInputValue: this.modelValue, // internal input content\n hasFocus: false,\n\n linkOptions: {\n class: 'd-recipe-editor__link',\n },\n\n currentFontColor: undefined,\n showLinkInput: false,\n fontStyleSearch: '',\n linkInput: '',\n currentButtonRefIndex: 0,\n variableSearchValue: '',\n i18n: new DialtoneLocalization(),\n };\n },\n\n computed: {\n inputLength () {\n return this.internalInputValue.length;\n },\n\n htmlOutputFormat () {\n return RICH_TEXT_EDITOR_OUTPUT_FORMATS[2];\n },\n\n flattenedVariableItems () {\n if (!this.variableCategories) return [];\n return this.variableCategories.reduce((acc, category) => {\n return acc.concat(category.items \|\| []);\n }, []);\n },\n\n showingTextFormatButtons () {\n return this.showBoldButton \|\| this.showItalicsButton \|\| this.showStrikeButton \|\| this.showUnderlineButton;\n },\n\n showingAlignmentButtons () {\n return this.showAlignLeftButton \|\| this.showAlignCenterButton \|\|\n this.showAlignRightButton \|\| this.showAlignJustifyButton;\n },\n\n showingListButtons () {\n return this.showListItemsButton \|\| this.showOrderedListButton;\n },\n\n orderedRefs () {\n const refs = this.buttonGroups.reduce(function (acc, buttonData) {\n buttonData.buttonGroup.forEach(button => {\n acc.push(this.getButtonRef(buttonData.key, button.selector));\n }, this);\n return acc;\n }.bind(this), []);\n refs.push(this.getButtonRef('custom', 'link'));\n return refs;\n },\n\n buttonGroups () {\n const individualButtonStacks = this.individualButtons.map(buttonData => ({\n key: buttonData.selector,\n buttonGroup: [buttonData],\n }));\n return [\n { key: 'new', buttonGroup: this.newButtons },\n { key: 'format', buttonGroup: this.textFormatButtons },\n { key: 'alignment', buttonGroup: this.alignmentButtons },\n { key: 'list', buttonGroup: this.listButtons },\n ...individualButtonStacks,\n ].filter(buttonGroupData => buttonGroupData.buttonGroup.length > 0);\n },\n\n newButtons () {\n return [\n {\n showBtn: this.showQuickRepliesButton,\n buttonType: 'button',\n label: this.i18n.$t('DIALTONE_EDITOR_QUICK_REPLY_BUTTON_LABEL'),\n selector: 'quickReplies',\n icon: DtIconQuickReply,\n dataQA: 'dt-recipe-editor-quick-replies-btn',\n tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_QUICK_REPLY_BUTTON_LABEL'),\n onClick: this.onQuickRepliesClick,\n },\n ].filter(button => button.showBtn);\n },\n\n textFormatButtons () {\n return [\n {\n showBtn: this.showFontStyleButton,\n buttonType: 'popover',\n selector: 'fontStyle',\n icon: DtIconType,\n dataQA: 'dt-recipe-editor-font-style-btn',\n tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_FONT_STYLE_BUTTON_LABEL'),\n },\n {\n showBtn: this.showFontSizeButton,\n buttonType: 'popover',\n selector: 'fontSize',\n icon: DtIconFontSize,\n dataQA: 'dt-recipe-editor-font-size-btn',\n tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_FONT_SIZE_BUTTON_LABEL'),\n },\n {\n showBtn: this.showFontColorButton,\n buttonType: 'custom',\n selector: 'fontColor',\n icon: DtIconStopFilled,\n dataQA: 'dt-recipe-editor-font-color-btn',\n tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_FONT_COLOR_BUTTON_LABEL'),\n onClick: this.onColorPickerButtonClick,\n },\n {\n showBtn: this.showBoldButton,\n buttonType: 'button',\n selector: 'bold',\n icon: DtIconBold,\n dataQA: 'dt-recipe-editor-bold-btn',\n tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_BOLD_BUTTON_LABEL'),\n onClick: this.onBoldTextToggle,\n },\n {\n showBtn: this.showItalicsButton,\n buttonType: 'button',\n selector: 'italic',\n icon: DtIconItalic,\n dataQA: 'dt-recipe-editor-italics-btn',\n tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_ITALICS_BUTTON_LABEL'),\n onClick: this.onItalicTextToggle,\n },\n {\n showBtn: this.showUnderlineButton,\n buttonType: 'button',\n selector: 'underline',\n icon: DtIconUnderline,\n dataQA: 'dt-recipe-editor-underline-btn',\n tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_UNDERLINE_BUTTON_LABEL'),\n onClick: this.onUnderlineTextToggle,\n },\n {\n showBtn: this.showStrikeButton,\n buttonType: 'button',\n selector: 'strike',\n icon: DtIconStrikethrough,\n dataQA: 'dt-recipe-editor-strike-btn',\n tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_STRIKE_BUTTON_LABEL'),\n onClick: this.onStrikethroughTextToggle,\n },\n ].filter(button => button.showBtn);\n },\n\n alignmentButtons () {\n return [\n {\n showBtn: this.showAlignLeftButton,\n buttonType: 'button',\n selector: { textAlign: 'left' },\n icon: DtIconAlignLeft,\n dataQA: 'dt-recipe-editor-align-left-btn',\n tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_ALIGN_LEFT_BUTTON_LABEL'),\n onClick: () => this.onTextAlign('left'),\n },\n {\n showBtn: this.showAlignCenterButton,\n buttonType: 'button',\n selector: { textAlign: 'center' },\n icon: DtIconAlignCenter,\n dataQA: 'dt-recipe-editor-align-center-btn',\n tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_ALIGN_CENTER_BUTTON_LABEL'),\n onClick: () => this.onTextAlign('center'),\n },\n {\n showBtn: this.showAlignRightButton,\n buttonType: 'button',\n selector: { textAlign: 'right' },\n icon: DtIconAlignRight,\n dataQA: 'dt-recipe-editor-align-right-btn',\n tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_ALIGN_RIGHT_BUTTON_LABEL'),\n onClick: () => this.onTextAlign('right'),\n },\n {\n showBtn: this.showAlignJustifyButton,\n buttonType: 'button',\n selector: { textAlign: 'justify' },\n icon: DtIconAlignJustify,\n dataQA: 'dt-recipe-editor-align-justify-btn',\n tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_ALIGN_JUSTIFY_BUTTON_LABEL'),\n onClick: () => this.onTextAlign('justify'),\n },\n ].filter(button => button.showBtn);\n },\n\n listButtons () {\n return [\n {\n showBtn: this.showListItemsButton,\n buttonType: 'button',\n selector: 'bulletList',\n icon: DtIconListBullet,\n dataQA: 'dt-recipe-editor-list-items-btn',\n tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_BULLET_LIST_BUTTON_LABEL'),\n onClick: this.onBulletListToggle,\n },\n {\n showBtn: this.showOrderedListButton,\n buttonType: 'button',\n selector: 'orderedList',\n icon: DtIconListOrdered,\n dataQA: 'dt-recipe-editor-ordered-list-items-btn',\n tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_ORDERED_LIST_BUTTON_LABEL'),\n onClick: this.onOrderedListToggle,\n },\n ].filter(button => button.showBtn);\n },\n\n individualButtons () {\n return [\n {\n showBtn: this.showQuoteButton,\n buttonType: 'button',\n selector: 'blockquote',\n icon: DtIconQuote,\n dataQA: 'dt-recipe-editor-blockquote-btn',\n tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_QUOTE_BUTTON_LABEL'),\n onClick: this.onBlockquoteToggle,\n },\n {\n showBtn: this.showCodeBlockButton,\n buttonType: 'button',\n selector: 'codeBlock',\n icon: DtIconCodeBlock,\n dataQA: 'dt-recipe-editor-code-block-btn',\n tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_CODE_BUTTON_LABEL'),\n onClick: this.onCodeBlockToggle,\n },\n {\n showBtn: this.showInlineImageButton,\n buttonType: 'button',\n selector: 'image',\n icon: DtIconImage,\n dataQA: 'dt-recipe-editor-inline-image-btn',\n tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_IMAGE_BUTTON_LABEL'),\n // Handle getting image\n onClick: this.onInsertInlineImageClick,\n },\n {\n showBtn: this.showVariableButton,\n buttonType: 'popover',\n selector: 'variable',\n icon: DtIconBraces,\n dataQA: 'dt-recipe-editor-variable-btn',\n tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_VARIABLE_BUTTON_LABEL'),\n },\n ].filter(button => button.showBtn);\n },\n\n linkButton () {\n return {\n showBtn: this.showAddLink.showAddLinkButton,\n buttonType: 'custom',\n selector: 'link',\n icon: DtIconLink2,\n dataQA: 'dt-recipe-editor-add-link-btn',\n tooltipMessage: this.i18n.$t('DIALTONE_EDITOR_LINK_BUTTON_LABEL'),\n onClick: this.openLinkInput,\n };\n },\n\n confirmSetLinkButtonLabels () {\n return this.i18n.$ta('DIALTONE_EDITOR_CONFIRM_SET_LINK_BUTTON');\n },\n\n cancelSetLinkButtonLabels () {\n return this.i18n.$ta('DIALTONE_EDITOR_CANCEL_SET_LINK_BUTTON');\n },\n\n removeLinkButtonLabels () {\n return this.i18n.$ta('DIALTONE_EDITOR_REMOVE_LINK_BUTTON');\n },\n\n showAddLinkButtonLabels () {\n return this.i18n.$ta('DIALTONE_EDITOR_ADD_LINK_BUTTON');\n },\n\n filteredFontStyles () {\n const searchValue = this.fontStyleSearch.toLowerCase();\n return this.fontStyles.filter((item) =>\n item.name.toLowerCase().includes(searchValue),\n );\n },\n\n filteredCategories() {\n return this.variableCategories.filter(\n (category) => this.getFilteredItemsForCategory(category).length,\n );\n },\n\n colorPickerInput() {\n return this.$refs.editorRoot?.querySelector('.colorPickerInput');\n },\n\n isDefaultFontColor() {\n return this.currentFontColor === EDITOR_DEFAULT_FONT_COLOR;\n },\n\n actionBarBtn () {\n const ref = this.$refs[this.orderedRefs[this.currentButtonRefIndex]][0]?.$refs?.buttonRef // get nested ref\n \|\| this.$refs[this.orderedRefs[this.currentButtonRefIndex]];\n return Array.isArray(ref) ? ref[0] : ref;\n },\n\n },\n\n watch: {\n modelValue (newValue) {\n this.internalInputValue = newValue;\n },\n },\n\n methods: {\n removeClassStyleAttrs,\n addClassStyleAttrs,\n\n focusEditor () {\n this.$refs.richTextEditor?.editor?.commands.focus();\n },\n\n onInputFocus (event) {\n event?.stopPropagation();\n },\n\n removeLink () {\n this.$refs.richTextEditor?.editor?.chain()?.focus()?.unsetLink()?.run();\n this.closeLinkInput();\n },\n\n setLink (event) {\n const editor = this.$refs.richTextEditor?.editor;\n event?.preventDefault();\n event?.stopPropagation();\n\n if (!this.linkInput) {\n // If link text is set to empty string,\n // remove any existing links.\n this.removeLink();\n return;\n }\n\n // Check if input matches any of the supported link formats\n const prefix = EDITOR_SUPPORTED_LINK_PROTOCOLS.find(prefixRegex => prefixRegex.test(this.linkInput));\n\n if (!prefix) {\n // If no matching pattern is found, prepend default prefix\n this.linkInput = `${EDITOR_DEFAULT_LINK_PREFIX}${this.linkInput}`;\n }\n\n const selection = editor?.view?.state?.selection;\n\n if (selection.anchor === selection.head) {\n // If no text has been selected, manually insert the link text.\n // Do not rely on link options set through DtRichTextEditor\n // component, because they clash with these and cause issues.\n editor\n .chain()\n .focus()\n .insertContentAt(\n selection.anchor,\n `<a class=\"${this.linkOptions.class}\" href=${this.linkInput}>${this.linkInput}</a>`,\n )\n .run();\n } else {\n // Set or edit the link\n editor\n .chain()\n .focus()\n .extendMarkRange('link')\n .setLink({ href: this.linkInput, class: this.linkOptions.class })\n .run();\n }\n\n this.closeLinkInput();\n },\n\n openLinkInput () {\n this.showLinkInput = true;\n },\n\n updateInput (openedInput) {\n if (!openedInput) {\n return this.closeLinkInput();\n }\n this.linkInput = this.$refs.richTextEditor?.editor?.getAttributes('link')?.href;\n },\n\n closeLinkInput () {\n this.showLinkInput = false;\n this.linkInput = '';\n this.$refs.richTextEditor.editor?.chain().focus();\n },\n\n onBoldTextToggle () {\n this.$refs.richTextEditor?.editor?.chain().focus().toggleBold().run();\n },\n\n onItalicTextToggle () {\n this.$refs.richTextEditor?.editor.chain().focus().toggleItalic().run();\n },\n\n onUnderlineTextToggle () {\n this.$refs.richTextEditor?.editor.chain().focus().toggleUnderline().run();\n },\n\n onStrikethroughTextToggle () {\n this.$refs.richTextEditor?.editor.chain().focus().toggleStrike().run();\n },\n\n onTextAlign (alignment) {\n if (this.$refs.richTextEditor?.editor?.isActive({ textAlign: alignment })) {\n // If this alignment type is already set here, unset it\n return this.$refs.richTextEditor?.editor.chain().focus().unsetTextAlign().run();\n }\n this.$refs.richTextEditor?.editor.chain().focus().setTextAlign(alignment).run();\n },\n\n onBulletListToggle () {\n this.$refs.richTextEditor?.editor.chain().focus().toggleBulletList().run();\n },\n\n onOrderedListToggle () {\n this.$refs.richTextEditor?.editor.chain().focus().toggleOrderedList().run();\n },\n\n onCodeBlockToggle () {\n this.$refs.richTextEditor?.editor.chain().focus().toggleCodeBlock().run();\n },\n\n onQuickRepliesClick () {\n this.$emit('quick-replies-click');\n },\n\n onInsertInlineImageClick () {\n this.$emit('inline-image-click');\n },\n\n insertVariable (categoryName, variableData) {\n // Insert a variable using the custom command from the Variable extension\n this.$refs.richTextEditor?.editor.chain().focus().insertVariable({\n id: variableData.id,\n placeholder: variableData.placeholder \|\| '',\n altText: '',\n enableAltText: variableData.enableAltText,\n }).run();\n },\n\n insertInlineImage (imageUrl) {\n this.$refs.richTextEditor?.editor.chain().focus().setImage({ src: imageUrl }).run();\n },\n\n insertInMessageBody (messageContent) {\n this.$refs.richTextEditor?.editor.chain().focus().insertContent(messageContent).run();\n },\n\n setCursorPosition (position = null) {\n this.$refs.richTextEditor?.editor.chain().focus(position).run();\n },\n\n onBlockquoteToggle () {\n this.$refs.richTextEditor?.editor.chain().focus().toggleBlockquote().run();\n },\n\n onTextInput (input) {\n this.$emit('text-input', input);\n },\n\n onFocus (event) {\n this.hasFocus = true;\n this.$emit('focus', event);\n },\n\n onBlur (event) {\n this.hasFocus = false;\n this.$emit('blur', event);\n },\n\n onInput (event) {\n this.$emit('input', event);\n this.$emit('update:modelValue', event);\n },\n\n onSelected() {\n this.updateFontColorInput();\n },\n\n getButtonKey (key, selector) {\n return `${key}-${JSON.stringify(selector)}`;\n },\n\n // Unique Button Ref Key to identify ref\n getButtonRef (key, selector) {\n return `${this.getButtonKey(key, selector)}-ref`;\n },\n\n /\n Determines if an element in the action bar button list is focusable with tab key\n * @param {string} refKey - unique identifier for the ref element in DOM\n /\n canFocus (refKey) {\n return refKey === this.orderedRefs[this.currentButtonRefIndex];\n },\n\n shiftActionBarFocusRight () {\n this.shiftButtonRefIndex(1);\n },\n\n shiftActionBarFocusLeft () {\n this.shiftButtonRefIndex(-1);\n },\n\n shiftButtonRefIndex (shiftAmount) {\n const previousActionBarBtn = this.actionBarBtn;\n const index = (this.currentButtonRefIndex + shiftAmount) % this.orderedRefs.length;\n this.currentButtonRefIndex = index >= 0 ? index : this.orderedRefs.length + index;\n const currentActionBarBtn = this.actionBarBtn;\n\n previousActionBarBtn.$el.blur();\n currentActionBarBtn.$el.focus();\n },\n\n onFontStyleSelect (fontFamily) {\n if (fontFamily) {\n this.$refs.richTextEditor?.editor?.chain().focus().setFontFamily(fontFamily).run();\n } else {\n this.$refs.richTextEditor?.editor?.chain().focus().unsetFontFamily().run();\n }\n this.$refs.richTextEditor?.editor?.commands.focus();\n },\n\n isCurrentFontFamily (fontFamily) {\n if (!fontFamily) {\n return !this.$refs.richTextEditor?.editor?.getAttributes('textStyle')?.fontFamily;\n }\n return this.$refs.richTextEditor?.editor?.isActive('textStyle', { fontFamily });\n },\n\n onFontSizeSelect (fontSize) {\n this.$refs.richTextEditor?.editor?.chain().focus().setFontSize(fontSize).run();\n this.$refs.richTextEditor?.editor?.commands.focus();\n },\n\n isCurrentFontSize (fontSize) {\n if (!fontSize) {\n return !this.$refs.richTextEditor?.editor?.getAttributes('textStyle')?.fontSize;\n }\n return this.$refs.richTextEditor?.editor?.isActive('textStyle', { fontSize });\n },\n\n getFilteredItemsForCategory(category) {\n const searchValue = this.variableSearchValue.toLowerCase();\n if (category.name.toLowerCase().includes(searchValue)) {\n return category.items;\n }\n return category.items.filter((item) =>\n item.name.toLowerCase().includes(searchValue),\n );\n },\n\n updateFontColorInput() {\n this.currentFontColor = this.$refs.richTextEditor?.editor?.getAttributes('textStyle')?.color \|\| EDITOR_DEFAULT_FONT_COLOR;\n },\n\n onColorPickerButtonClick () {\n this.colorPickerInput?.click();\n },\n\n onColorPickerInput (fontColor) {\n this.$refs.richTextEditor?.editor?.chain().focus().setColor(fontColor).run();\n this.$refs.richTextEditor?.editor?.commands.focus();\n this.updateFontColorInput();\n },\n },\n};\n</script>\n\n<style>\n/ Image resizing classes - only active when allowImageResize is true /\n\n/ Image border /\n.d-recipe-editor__content-image-resize .tiptap .ProseMirror-selectednode [data-resize-wrapper] {\n outline: 1px solid var(--dt-color-chart-info-selected);\n line-height: 0 !important;\n}\n\n/ Corner handles */\n.d-recipe-editor__content-image-resize .tiptap .ProseMirror-selectednode [data-resize-handle] {\n position: absolute;\n background: var(--dt-color-chart-info-selected);\n z-index: 10;\n}\n\n.d-recipe-editor__content-image-resize .tiptap .ProseMirror-selectednode [data-resize-handle='top-left'],\n.d-recipe-editor__content-image-resize .tiptap .ProseMirror-selectednode [data-resize-handle='top-right'],\n.d-recipe-editor__content-image-resize .tiptap .ProseMirror-selectednode [data-resize-handle='bottom-left'],\n.d-recipe-editor__content-image-resize .tiptap .ProseMirror-selectednode [data-resize-handle='bottom-right'] {\n width: 8px;\n height: 8px;\n}\n.d-recipe-editor__content-image-resize .tiptap .ProseMirror-selectednode [data-resize-handle='top-left'] {\n cursor: nwse-resize;\n transform: translate(-50%, -50%);\n}\n.d-recipe-editor__content-image-resize .tiptap .ProseMirror-selectednode [data-resize-handle='top-right'] {\n cursor: nesw-resize;\n transform: translate(50%, -50%);\n}\n.d-recipe-editor__content-image-resize .tiptap .ProseMirror-selectednode [data-resize-handle='bottom-left'] {\n cursor: nesw-resize;\n transform: translate(-50%, 50%);\n}\n.d-recipe-editor__content-image-resize .tiptap .ProseMirror-selectednode [data-resize-handle='bottom-right'] {\n cursor: nwse-resize;\n transform: translate(50%, 50%);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAkbA,IAAK,KAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,YAAY;EACV,iBAAA;EACA,qBAAA;EACA,YAAA;EACA,kBAAA;EACA,UAAA;EACA,WAAA;EACA,SAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,6BAAA;EACA,4BAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CAED,QAAQ,EAAE;CAEV,cAAc;CAEd,OAAO;EAKL,YAAY;GACV,MAAM,CAAC,QAAQ,OAAO;GACtB,SAAS;GACV;EAKD,UAAU;GACR,MAAM;GACN,SAAS;GACV;EAKD,gBAAgB;GACd,MAAM;GACN,UAAU;GACV,SAAS;GACV;EAOD,YAAY;GACV,MAAM;GACN,SAAS;GACV;EAaD,WAAW;GACT,MAAM;IAAC;IAAS;IAAQ;IAAO;GAC/B,SAAS;GACT,UAAW,GAAW;AAIpB,WAHI,OAAO,KAAc,WAChB,EAAiC,SAAS,EAAU,GAEtD;;GAEV;EAKD,aAAa;GACX,MAAM;GACN,SAAS;GACV;EAMD,WAAW;GACT,MAAM;GACN,SAAS;GACV;EAKD,oBAAoB;GAClB,MAAM;GACN,SAAS;GACV;EAKD,gBAAgB;GACd,MAAM;GACN,SAAS;GACV;EAKD,mBAAmB;GACjB,MAAM;GACN,SAAS;GACV;EAKD,qBAAqB;GACnB,MAAM;GACN,SAAS;GACV;EAKD,kBAAkB;GAChB,MAAM;GACN,SAAS;GACV;EAKD,qBAAqB;GACnB,MAAM;GACN,SAAS;GACV;EAKD,uBAAuB;GACrB,MAAM;GACN,SAAS;GACV;EAKD,qBAAqB;GACnB,MAAM;GACN,SAAS;GACV;EAKD,uBAAuB;GACrB,MAAM;GACN,SAAS;GACV;EAKD,sBAAsB;GACpB,MAAM;GACN,SAAS;GACV;EAKD,wBAAwB;GACtB,MAAM;GACN,SAAS;GACV;EAKD,iBAAiB;GACf,MAAM;GACN,SAAS;GACV;EAKD,qBAAqB;GACnB,MAAM;GACN,SAAS;GACV;EAKD,wBAAwB;GACtB,MAAM;GACN,SAAS;GACV;EAKD,uBAAuB;GACrB,MAAM;GACN,SAAS;GACV;EAKD,oBAAoB;GAClB,MAAM;GACN,SAAS;GACV;EAKD,oBAAoB;GAClB,MAAM;GACN,eAAe,EAAE;GAClB;EAKD,aAAa;GACX,MAAM;GACN,gBAAgB,EACd,mBAAmB,IACpB;GACF;EAKD,qBAAqB;GACnB,MAAM;GACN,SAAS;GACV;EAKD,oBAAoB;GAClB,MAAM;GACN,SAAS;GACV;EAKD,qBAAqB;GACnB,MAAM;GACN,SAAS;GACV;EAKD,YAAY;GACV,MAAM;GACN,eAAe;IACb;KAAE,MAAM;KAAS,OAAO;KAAM;IAC9B;KAAE,MAAM;KAAW,OAAO;KAAW;IACrC;KAAE,MAAM;KAAa,OAAO;KAAa;IACzC;KAAE,MAAM;KAAW,OAAO;KAAU;IACpC;KAAE,MAAM;KAAmB,OAAO;KAAmB;IACtD;GACF;EAED,WAAY;GACV,MAAM;GACN,eAAe;IACb;KAAE,MAAM;KAAS,OAAO;KAAO;IAC/B;KAAE,MAAM;KAAU,OAAO;KAAO;IAChC;KAAE,MAAM;KAAS,OAAO;KAAO;IAC/B;KAAE,MAAM;KAAQ,OAAO;KAAO;IAC/B;GACF;EAKD,sBAAsB;GACpB,MAAM;GACN,SAAS;GACV;EAKD,iBAAiB;GACf,MAAM;GACN,SAAS;GACV;EASD,oBAAoB;GAClB,MAAM,CAAC,SAAS,OAAO;GACvB,SAAS;GACV;EAKD,YAAY;GACV,MAAM;GACN,SAAS;GACV;EAKD,aAAa;GACX,MAAM;GACN,SAAS;GACV;EAKD,kBAAkB;GAChB,MAAM;GACN,SAAS;GACV;EACF;CAED,OAAO;EAML;EAOA;EAOA;EAOA;EAOA;EAMA;EAOA;EACD;CAED,OAAQ;AACN,SAAO;GACL,oBAAoB,KAAK;GACzB,UAAU;GAEV,aAAa,EACX,OAAO,yBACR;GAED,kBAAkB,KAAA;GAClB,eAAe;GACf,iBAAiB;GACjB,WAAW;GACX,uBAAuB;GACvB,qBAAqB;GACrB,MAAM,IAAI,GAAsB;GACjC;;CAGH,UAAU;EACR,cAAe;AACb,UAAO,KAAK,mBAAmB;;EAGjC,mBAAoB;AAClB,UAAO,EAAgC;;EAGzC,yBAA0B;AAExB,UADK,KAAK,qBACH,KAAK,mBAAmB,QAAQ,GAAK,MACnC,EAAI,OAAO,EAAS,SAAS,EAAE,CAAC,EACtC,EAAE,CAAC,GAH+B,EAAE;;EAMzC,2BAA4B;AAC1B,UAAO,KAAK,kBAAkB,KAAK,qBAAqB,KAAK,oBAAoB,KAAK;;EAGxF,0BAA2B;AACzB,UAAO,KAAK,uBAAuB,KAAK,yBACtC,KAAK,wBAAwB,KAAK;;EAGtC,qBAAsB;AACpB,UAAO,KAAK,uBAAuB,KAAK;;EAG1C,cAAe;GACb,IAAM,IAAO,KAAK,aAAa,OAAO,SAAU,GAAK,GAAY;AAI/D,WAHA,EAAW,YAAY,SAAQ,MAAU;AACvC,OAAI,KAAK,KAAK,aAAa,EAAW,KAAK,EAAO,SAAS,CAAC;OAC3D,KAAK,EACD;KACP,KAAK,KAAK,EAAE,EAAE,CAAC;AAEjB,UADA,EAAK,KAAK,KAAK,aAAa,UAAU,OAAO,CAAC,EACvC;;EAGT,eAAgB;GACd,IAAM,IAAyB,KAAK,kBAAkB,KAAI,OAAe;IACvE,KAAK,EAAW;IAChB,aAAa,CAAC,EAAW;IAC1B,EAAE;AACH,UAAO;IACL;KAAE,KAAK;KAAO,aAAa,KAAK;KAAY;IAC5C;KAAE,KAAK;KAAU,aAAa,KAAK;KAAmB;IACtD;KAAE,KAAK;KAAa,aAAa,KAAK;KAAkB;IACxD;KAAE,KAAK;KAAQ,aAAa,KAAK;KAAa;IAC9C,GAAG;IACJ,CAAC,QAAO,MAAmB,EAAgB,YAAY,SAAS,EAAE;;EAGrE,aAAc;AACZ,UAAO,CACL;IACE,SAAS,KAAK;IACd,YAAY;IACZ,OAAO,KAAK,KAAK,GAAG,2CAA2C;IAC/D,UAAU;IACV,MAAM;IACN,QAAQ;IACR,gBAAgB,KAAK,KAAK,GAAG,2CAA2C;IACxE,SAAS,KAAK;IACf,CACF,CAAC,QAAO,MAAU,EAAO,QAAQ;;EAGpC,oBAAqB;AACnB,UAAO;IACL;KACE,SAAS,KAAK;KACd,YAAY;KACZ,UAAU;KACV,MAAM;KACN,QAAQ;KACR,gBAAgB,KAAK,KAAK,GAAG,0CAA0C;KACxE;IACD;KACE,SAAS,KAAK;KACd,YAAY;KACZ,UAAU;KACV,MAAM;KACN,QAAQ;KACR,gBAAgB,KAAK,KAAK,GAAG,yCAAyC;KACvE;IACD;KACE,SAAS,KAAK;KACd,YAAY;KACZ,UAAU;KACV,MAAM;KACN,QAAQ;KACR,gBAAgB,KAAK,KAAK,GAAG,0CAA0C;KACvE,SAAS,KAAK;KACf;IACD;KACE,SAAS,KAAK;KACd,YAAY;KACZ,UAAU;KACV,MAAM;KACN,QAAQ;KACR,gBAAgB,KAAK,KAAK,GAAG,oCAAoC;KACjE,SAAS,KAAK;KACf;IACD;KACE,SAAS,KAAK;KACd,YAAY;KACZ,UAAU;KACV,MAAM;KACN,QAAQ;KACR,gBAAgB,KAAK,KAAK,GAAG,uCAAuC;KACpE,SAAS,KAAK;KACf;IACD;KACE,SAAS,KAAK;KACd,YAAY;KACZ,UAAU;KACV,MAAM;KACN,QAAQ;KACR,gBAAgB,KAAK,KAAK,GAAG,yCAAyC;KACtE,SAAS,KAAK;KACf;IACD;KACE,SAAS,KAAK;KACd,YAAY;KACZ,UAAU;KACV,MAAM;KACN,QAAQ;KACR,gBAAgB,KAAK,KAAK,GAAG,sCAAsC;KACnE,SAAS,KAAK;KACf;IACF,CAAC,QAAO,MAAU,EAAO,QAAQ;;EAGpC,mBAAoB;AAClB,UAAO;IACL;KACE,SAAS,KAAK;KACd,YAAY;KACZ,UAAU,EAAE,WAAW,QAAQ;KAC/B,MAAM;KACN,QAAQ;KACR,gBAAgB,KAAK,KAAK,GAAG,0CAA0C;KACvE,eAAe,KAAK,YAAY,OAAO;KACxC;IACD;KACE,SAAS,KAAK;KACd,YAAY;KACZ,UAAU,EAAE,WAAW,UAAU;KACjC,MAAM;KACN,QAAQ;KACR,gBAAgB,KAAK,KAAK,GAAG,4CAA4C;KACzE,eAAe,KAAK,YAAY,SAAS;KAC1C;IACD;KACE,SAAS,KAAK;KACd,YAAY;KACZ,UAAU,EAAE,WAAW,SAAS;KAChC,MAAM;KACN,QAAQ;KACR,gBAAgB,KAAK,KAAK,GAAG,2CAA2C;KACxE,eAAe,KAAK,YAAY,QAAQ;KACzC;IACD;KACE,SAAS,KAAK;KACd,YAAY;KACZ,UAAU,EAAE,WAAW,WAAW;KAClC,MAAM;KACN,QAAQ;KACR,gBAAgB,KAAK,KAAK,GAAG,6CAA6C;KAC1E,eAAe,KAAK,YAAY,UAAU;KAC3C;IACF,CAAC,QAAO,MAAU,EAAO,QAAQ;;EAGpC,cAAe;AACb,UAAO,CACL;IACE,SAAS,KAAK;IACd,YAAY;IACZ,UAAU;IACV,MAAM;IACN,QAAQ;IACR,gBAAgB,KAAK,KAAK,GAAG,2CAA2C;IACxE,SAAS,KAAK;IACf,EACD;IACE,SAAS,KAAK;IACd,YAAY;IACZ,UAAU;IACV,MAAM;IACN,QAAQ;IACR,gBAAgB,KAAK,KAAK,GAAG,4CAA4C;IACzE,SAAS,KAAK;IACf,CACF,CAAC,QAAO,MAAU,EAAO,QAAQ;;EAGpC,oBAAqB;AACnB,UAAO;IACL;KACE,SAAS,KAAK;KACd,YAAY;KACZ,UAAU;KACV,MAAM;KACN,QAAQ;KACR,gBAAgB,KAAK,KAAK,GAAG,qCAAqC;KAClE,SAAS,KAAK;KACf;IACD;KACE,SAAS,KAAK;KACd,YAAY;KACZ,UAAU;KACV,MAAM;KACN,QAAQ;KACR,gBAAgB,KAAK,KAAK,GAAG,oCAAoC;KACjE,SAAS,KAAK;KACf;IACD;KACE,SAAS,KAAK;KACd,YAAY;KACZ,UAAU;KACV,MAAM;KACN,QAAQ;KACR,gBAAgB,KAAK,KAAK,GAAG,qCAAqC;KAElE,SAAS,KAAK;KACf;IACD;KACE,SAAS,KAAK;KACd,YAAY;KACZ,UAAU;KACV,MAAM;KACN,QAAQ;KACR,gBAAgB,KAAK,KAAK,GAAG,wCAAwC;KACtE;IACF,CAAC,QAAO,MAAU,EAAO,QAAQ;;EAGpC,aAAc;AACZ,UAAO;IACL,SAAS,KAAK,YAAY;IAC1B,YAAY;IACZ,UAAU;IACV,MAAM;IACN,QAAQ;IACR,gBAAgB,KAAK,KAAK,GAAG,oCAAoC;IACjE,SAAS,KAAK;IACf;;EAGH,6BAA8B;AAC5B,UAAO,KAAK,KAAK,IAAI,0CAA0C;;EAGjE,4BAA6B;AAC3B,UAAO,KAAK,KAAK,IAAI,yCAAyC;;EAGhE,yBAA0B;AACxB,UAAO,KAAK,KAAK,IAAI,qCAAqC;;EAG5D,0BAA2B;AACzB,UAAO,KAAK,KAAK,IAAI,kCAAkC;;EAGzD,qBAAsB;GACpB,IAAM,IAAc,KAAK,gBAAgB,aAAa;AACtD,UAAO,KAAK,WAAW,QAAQ,MAC7B,EAAK,KAAK,aAAa,CAAC,SAAS,EAAY,CAC9C;;EAGH,qBAAqB;AACnB,UAAO,KAAK,mBAAmB,QAC5B,MAAa,KAAK,4BAA4B,EAAS,CAAC,OAC1D;;EAGH,mBAAmB;AACjB,UAAO,KAAK,MAAM,YAAY,cAAc,oBAAoB;;EAGlE,qBAAqB;AACnB,UAAO,KAAK,qBAAqB;;EAGnC,eAAgB;GACd,IAAM,IAAM,KAAK,MAAM,KAAK,YAAY,KAAK,wBAAwB,IAAI,OAAO,aAC3E,KAAK,MAAM,KAAK,YAAY,KAAK;AACtC,UAAO,MAAM,QAAQ,EAAG,GAAI,EAAI,KAAK;;EAGxC;CAED,OAAO,EACL,WAAY,GAAU;AACpB,OAAK,qBAAqB;IAE7B;CAED,SAAS;EACP;EACA;EAEA,cAAe;AACb,QAAK,MAAM,gBAAgB,QAAQ,SAAS,OAAO;;EAGrD,aAAc,GAAO;AACnB,MAAO,iBAAiB;;EAG1B,aAAc;AAEZ,GADA,KAAK,MAAM,gBAAgB,QAAQ,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EACvE,KAAK,gBAAgB;;EAGvB,QAAS,GAAO;GACd,IAAM,IAAS,KAAK,MAAM,gBAAgB;AAI1C,OAHA,GAAO,gBAAgB,EACvB,GAAO,iBAAiB,EAEpB,CAAC,KAAK,WAAW;AAGnB,SAAK,YAAY;AACjB;;AAMF,GAFe,EAAgC,MAAK,MAAe,EAAY,KAAK,KAAK,UAAU,CAAC,KAIlG,KAAK,YAAY,GAAG,IAA6B,KAAK;GAGxD,IAAM,IAAY,GAAQ,MAAM,OAAO;AAwBvC,GAtBI,EAAU,WAAW,EAAU,OAIjC,EACG,OAAM,CACN,OAAM,CACN,gBACC,EAAU,QACZ,aAAa,KAAK,YAAY,MAAM,SAAS,KAAK,UAAU,GAAG,KAAK,UAAU,MAC9E,CACC,KAAK,GAGR,EACG,OAAM,CACN,OAAM,CACN,gBAAgB,OAAM,CACtB,QAAQ;IAAE,MAAM,KAAK;IAAW,OAAO,KAAK,YAAY;IAAO,CAAA,CAC/D,KAAK,EAGV,KAAK,gBAAgB;;EAGvB,gBAAiB;AACf,QAAK,gBAAgB;;EAGvB,YAAa,GAAa;AACxB,OAAI,CAAC,EACH,QAAO,KAAK,gBAAgB;AAE9B,QAAK,YAAY,KAAK,MAAM,gBAAgB,QAAQ,cAAc,OAAO,EAAE;;EAG7E,iBAAkB;AAGhB,GAFA,KAAK,gBAAgB,IACrB,KAAK,YAAY,IACjB,KAAK,MAAM,eAAe,QAAQ,OAAO,CAAC,OAAO;;EAGnD,mBAAoB;AAClB,QAAK,MAAM,gBAAgB,QAAQ,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,KAAK;;EAGvE,qBAAsB;AACpB,QAAK,MAAM,gBAAgB,OAAO,OAAO,CAAC,OAAO,CAAC,cAAc,CAAC,KAAK;;EAGxE,wBAAyB;AACvB,QAAK,MAAM,gBAAgB,OAAO,OAAO,CAAC,OAAO,CAAC,iBAAiB,CAAC,KAAK;;EAG3E,4BAA6B;AAC3B,QAAK,MAAM,gBAAgB,OAAO,OAAO,CAAC,OAAO,CAAC,cAAc,CAAC,KAAK;;EAGxE,YAAa,GAAW;AACtB,OAAI,KAAK,MAAM,gBAAgB,QAAQ,SAAS,EAAE,WAAW,GAAW,CAAC,CAEvE,QAAO,KAAK,MAAM,gBAAgB,OAAO,OAAO,CAAC,OAAO,CAAC,gBAAgB,CAAC,KAAK;AAEjF,QAAK,MAAM,gBAAgB,OAAO,OAAO,CAAC,OAAO,CAAC,aAAa,EAAU,CAAC,KAAK;;EAGjF,qBAAsB;AACpB,QAAK,MAAM,gBAAgB,OAAO,OAAO,CAAC,OAAO,CAAC,kBAAkB,CAAC,KAAK;;EAG5E,sBAAuB;AACrB,QAAK,MAAM,gBAAgB,OAAO,OAAO,CAAC,OAAO,CAAC,mBAAmB,CAAC,KAAK;;EAG7E,oBAAqB;AACnB,QAAK,MAAM,gBAAgB,OAAO,OAAO,CAAC,OAAO,CAAC,iBAAiB,CAAC,KAAK;;EAG3E,sBAAuB;AACrB,QAAK,MAAM,sBAAsB;;EAGnC,2BAA4B;AAC1B,QAAK,MAAM,qBAAqB;;EAGlC,eAAgB,GAAc,GAAc;AAE1C,QAAK,MAAM,gBAAgB,OAAO,OAAO,CAAC,OAAO,CAAC,eAAe;IAC/D,IAAI,EAAa;IACjB,aAAa,EAAa,eAAe;IACzC,SAAS;IACT,eAAe,EAAa;IAC7B,CAAC,CAAC,KAAK;;EAGV,kBAAmB,GAAU;AAC3B,QAAK,MAAM,gBAAgB,OAAO,OAAO,CAAC,OAAO,CAAC,SAAS,EAAE,KAAK,GAAU,CAAC,CAAC,KAAK;;EAGrF,oBAAqB,GAAgB;AACnC,QAAK,MAAM,gBAAgB,OAAO,OAAO,CAAC,OAAO,CAAC,cAAc,EAAe,CAAC,KAAK;;EAGvF,kBAAmB,IAAW,MAAM;AAClC,QAAK,MAAM,gBAAgB,OAAO,OAAO,CAAC,MAAM,EAAS,CAAC,KAAK;;EAGjE,qBAAsB;AACpB,QAAK,MAAM,gBAAgB,OAAO,OAAO,CAAC,OAAO,CAAC,kBAAkB,CAAC,KAAK;;EAG5E,YAAa,GAAO;AAClB,QAAK,MAAM,cAAc,EAAM;;EAGjC,QAAS,GAAO;AAEd,GADA,KAAK,WAAW,IAChB,KAAK,MAAM,SAAS,EAAM;;EAG5B,OAAQ,GAAO;AAEb,GADA,KAAK,WAAW,IAChB,KAAK,MAAM,QAAQ,EAAM;;EAG3B,QAAS,GAAO;AAEd,GADA,KAAK,MAAM,SAAS,EAAM,EAC1B,KAAK,MAAM,qBAAqB,EAAM;;EAGxC,aAAa;AACX,QAAK,sBAAsB;;EAG7B,aAAc,GAAK,GAAU;AAC3B,UAAO,GAAG,EAAI,GAAG,KAAK,UAAU,EAAS;;EAI3C,aAAc,GAAK,GAAU;AAC3B,UAAO,GAAG,KAAK,aAAa,GAAK,EAAS,CAAC;;EAO7C,SAAU,GAAQ;AAChB,UAAO,MAAW,KAAK,YAAY,KAAK;;EAG1C,2BAA4B;AAC1B,QAAK,oBAAoB,EAAE;;EAG7B,0BAA2B;AACzB,QAAK,oBAAoB,GAAG;;EAG9B,oBAAqB,GAAa;GAChC,IAAM,IAAuB,KAAK,cAC5B,KAAS,KAAK,wBAAwB,KAAe,KAAK,YAAY;AAC5E,QAAK,wBAAwB,KAAS,IAAI,IAAQ,KAAK,YAAY,SAAS;GAC5E,IAAM,IAAsB,KAAK;AAGjC,GADA,EAAqB,IAAI,MAAM,EAC/B,EAAoB,IAAI,OAAO;;EAGjC,kBAAmB,GAAY;AAM7B,GALI,IACF,KAAK,MAAM,gBAAgB,QAAQ,OAAO,CAAC,OAAO,CAAC,cAAc,EAAW,CAAC,KAAK,GAElF,KAAK,MAAM,gBAAgB,QAAQ,OAAO,CAAC,OAAO,CAAC,iBAAiB,CAAC,KAAK,EAE5E,KAAK,MAAM,gBAAgB,QAAQ,SAAS,OAAO;;EAGrD,oBAAqB,GAAY;AAI/B,UAHK,IAGE,KAAK,MAAM,gBAAgB,QAAQ,SAAS,aAAa,EAAE,eAAY,CAAC,GAFtE,CAAC,KAAK,MAAM,gBAAgB,QAAQ,cAAc,YAAY,EAAE;;EAK3E,iBAAkB,GAAU;AAE1B,GADA,KAAK,MAAM,gBAAgB,QAAQ,OAAO,CAAC,OAAO,CAAC,YAAY,EAAS,CAAC,KAAK,EAC9E,KAAK,MAAM,gBAAgB,QAAQ,SAAS,OAAO;;EAGrD,kBAAmB,GAAU;AAI3B,UAHK,IAGE,KAAK,MAAM,gBAAgB,QAAQ,SAAS,aAAa,EAAE,aAAU,CAAC,GAFpE,CAAC,KAAK,MAAM,gBAAgB,QAAQ,cAAc,YAAY,EAAE;;EAK3E,4BAA4B,GAAU;GACpC,IAAM,IAAc,KAAK,oBAAoB,aAAa;AAI1D,UAHI,EAAS,KAAK,aAAa,CAAC,SAAS,EAAY,GAC5C,EAAS,QAEX,EAAS,MAAM,QAAQ,MAC5B,EAAK,KAAK,aAAa,CAAC,SAAS,EAAY,CAC9C;;EAGH,uBAAuB;AACrB,QAAK,mBAAmB,KAAK,MAAM,gBAAgB,QAAQ,cAAc,YAAY,EAAE,SAAA;;EAGzF,2BAA4B;AAC1B,QAAK,kBAAkB,OAAO;;EAGhC,mBAAoB,GAAW;AAG7B,GAFA,KAAK,MAAM,gBAAgB,QAAQ,OAAO,CAAC,OAAO,CAAC,SAAS,EAAU,CAAC,KAAK,EAC5E,KAAK,MAAM,gBAAgB,QAAQ,SAAS,OAAO,EACnD,KAAK,sBAAsB;;EAE9B;CACF,SA7nCgB,OAAM,oCAAkC;;;aA7RvD,EA4XM,OA5XN,EA4XM;EA3XJ,KAAI;EACJ,OAAM;IACE,EAAA,mBAAmB,EAAA,OAAM,EAAA;EACjC,WAAQ;EACR,MAAK;EACJ,SAAK,EAAA,OAAA,EAAA,MAAA,MAAE,EAAA,MAAM,eAAe,aAAW;MAGxC,EA2UW,GAAA;EA1UT,OAAM;EACN,WAAU;EACV,KAAI;;mBAGiC,EAAA,EAAA,GAAA,EADrC,EA+NW,GAAA,MAAA,EA9Na,EAAA,eAAf,YADT,EA+NW,GAAA;GA7NR,KAAK,EAAY;GAClB,WAAU;GACV,KAAI;;oBAE+C,EAAA,EAAA,GAAA,EAAnD,EAuNW,GAAA,MAAA,EAvNgB,EAAY,cAAtB,wBAGP,EAAO,eAAU,aAAkB,EAAO,aAAQ,eAAA,GAAA,EAD1D,EA0DgC,GAAA;IAxD7B,KAAK,EAAA,aAAa,EAAY,KAAK,EAAO,SAAQ;;IAClD,KAAK,EAAA,aAAa,EAAY,KAAK,EAAO,SAAQ;IAClD,aAAW,EAAA,MAAM,gBAAgB,QAAQ,SAAS,EAAO,SAAQ;IACjE,mBAAiB,EAAO;IACxB,WAAS,EAAO;IAChB,mBAAiB;IACjB,UAAU,EAAA,SAAS,EAAA,aAAa,EAAY,KAAK,EAAO,SAAQ,CAAA,GAAA,IAAA;IAChE,MAAM,EAAO;IACb,mBAAmB,EAAA;IACnB,kBAAkB,EAAA;;IAER,SAAO,GA2CF,EA3CM,eAAK,CACzB,EA0Cc,GAAA;KAzCZ,OAAM;KACL,iBAAe;KACf,aAAW;KACX,mBAAiB;KACjB,WAAM,MAAE,GAAK;;KAEH,OAAK,GAaH,EAbO,oBAAU,CAC5B,EAYW,GAZX,EAYW,EAAA,SAAA,IAAA,EAXD,GAAU;kBACT,EAAA;oDAAA,EAAA,kBAAe;MACxB,cAAW;MACX,MAAK;MACJ,aAAa,EAAA,KAAK,GAAE,gDAAA;MACrB,MAAK;MACL,MAAK;;MAEM,UAAQ,GACkB,EADd,kBAAQ,CAC7B,EAAmC,GAAA,EAAlB,MAAM,GAAQ,EAAA,MAAA,GAAA,CAAA,OAAA,CAAA,CAAA,CAAA;;;KAI1B,MAAI,GAkBR,EAlBY,mBAAS,CAC1B,EAiBK,MAjBL,EAiBK,EAAA,SAAA,IAAA,EAhBK,EAAS,EAAA,EAAA,EAAA,GAAA,EAEjB,EAae,GAAA,MAAA,EAZO,EAAA,qBAAb,YADT,EAae,GAAA;MAXZ,KAAK,EAAU;MACf,UAAU,EAAA,oBAAoB,EAAU,MAAK;MAC7C,OAAK,EAAA,EAAA,YAAgB,EAAU,SAAK,WAAA,CAAA;MACrC,MAAK;MACL,mBAAgB;MACf,UAAK,MAAA;AAAuE,OAA5C,EAAM,EAAA,YAAW,EAA2B,EAAA,kBAAkB,EAAU,MAAK;;;uBAK1F,CAAA,EAAA,EAAjB,EAAU,KAAI,EAAA,EAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;SAUhB,EAAO,eAAU,aAAkB,EAAO,aAAQ,cAAA,GAAA,EAD/D,EA4BiC,GAAA;IA1B9B,KAAK,EAAA,aAAa,EAAY,KAAK,EAAO,SAAQ;;IAClD,KAAK,EAAA,aAAa,EAAY,KAAK,EAAO,SAAQ;IAClD,aAAW,EAAA,MAAM,gBAAgB,QAAQ,SAAS,EAAO,SAAQ;IACjE,mBAAiB,EAAO;IACxB,WAAS,EAAO;IAChB,oBAAkB;IAClB,UAAU,EAAA,SAAS,EAAA,aAAa,EAAY,KAAK,EAAO,SAAQ,CAAA,GAAA,IAAA;IAChE,MAAM,EAAO;IACb,mBAAmB,EAAA;IACnB,kBAAkB,EAAA;;IAER,MAAI,GAEkB,EAFd,eAAK,EAAA,EAAA,GAAA,EACtB,EAYe,GAAA,MAAA,EAXM,EAAA,YAAZ,YADT,EAYe,GAAA;KAVZ,KAAK,EAAS;KACd,UAAU,EAAA,kBAAkB,EAAS,MAAK;KAC3C,MAAK;KACL,mBAAgB;KACf,UAAK,MAAA;AAA2D,MAAtC,EAAM,EAAA,YAAW,EAAqB,EAAA,iBAAiB,EAAS,OAAO,EAAM;;;sBAKlC,CAAtE,EAAsE,QAAA,EAA/D,OAAK,EAAA,EAAA,UAAc,EAAS,OAAK,CAAA,EAAA,EAAA,EAAO,EAAS,KAAI,EAAA,EAAA,CAAA,CAAA;;;;;;;;;;;;SAOrD,EAAO,eAAU,YAAiB,EAAO,aAAQ,cAAA,IAAA,GAAA,EAD9D,EAqCY,GAAA;IAnCT,KAAK,EAAA,aAAa,EAAY,KAAK,EAAO,SAAQ;;IAClD,KAAK,EAAA,aAAa,EAAY,KAAK,EAAO,SAAQ;IAMnD,MAAK;IACL,YAAW;IACX,MAAK;IACJ,QAAQ,EAAA,MAAM,gBAAgB,QAAQ,SAAS,EAAO,SAAQ;IAC9D,UAAU,EAAA,SAAS,EAAA,aAAa,EAAY,KAAK,EAAO,SAAQ,CAAA,GAAA,IAAA;IAChE,cAAY,EAAO;IACnB,WAAS,EAAO;IAChB,WAAO,CAAA,EAAA,EAAa,EAAA,0BAAwB,CAAA,OAAA,CAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EACzB,EAAA,yBAAuB,CAAA,OAAA,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA;IAC1C,UAAK,MAAE,EAAO,SAAO;;IAEX,MAAI,QAKX,EAAA,GAAA,EAJF,EAIE,EAHK,EAAO,KAAI,EAAA;KAChB,MAAK;KACJ,OAAK,EAAG,EAAA,qBAA8C,EAAA,GAA5B,EAAA,OAAY,EAAA,kBAAgB,CAAA;6BAEzD,EASE,GAAA;KARC,OAAO,EAAA;KACR,cAAW;KACX,eAAY;KACZ,uBAAoB;KACpB,MAAK;KACL,MAAK;KACJ,SAAO,EAAA;KACP,SAAK,EAAA,OAAA,EAAA,KAAA,QAAN,IAAW,CAAA,OAAA,CAAA;;;;;;;;;;;aA9BwB,EAAO;;2BAAqF,EAAA,MAAM,EAAA,aAAa,EAAY,KAAK,EAAO,SAAQ,GAAI;UAqC/K,EAAO,eAAU,aAAkB,EAAO,aAAQ,cAAA,GAAA,EAD/D,EAgEgC,GAAA;IA9D7B,KAAK,EAAA,aAAa,EAAY,KAAK,EAAO,SAAQ;;IAClD,KAAK,EAAA,aAAa,EAAY,KAAK,EAAO,SAAQ;IAClD,aAAW;IACX,mBAAiB,EAAO;IACxB,WAAS,EAAO;IAChB,mBAAiB;IACjB,UAAU,EAAA,SAAS,EAAA,aAAa,EAAY,KAAK,EAAO,SAAQ,CAAA,GAAA,IAAA;IAChE,MAAM,EAAO;IACb,mBAAmB,EAAA;IACnB,kBAAkB,EAAA;;IAER,SAAO,GAiDF,EAjDM,eAAK,CACzB,EAgDc,GAAA;KA/CZ,OAAM;KACL,iBAAe;KACf,aAAW;KACX,mBAAiB;KACjB,WAAM,MAAE,GAAK;;KAEH,OAAK,GAaH,EAbO,oBAAU,CAC5B,EAYW,GAZX,EAYW,EAAA,SAAA,IAAA,EAXD,GAAU;kBACT,EAAA;oDAAA,EAAA,sBAAmB;MAC5B,cAAW;MACX,MAAK;MACJ,aAAa,EAAA,KAAK,GAAE,sDAAA;MACrB,MAAK;MACL,MAAK;;MAEM,UAAQ,GACkB,EADd,kBAAQ,CAC7B,EAAmC,GAAA,EAAlB,MAAM,GAAQ,EAAA,MAAA,GAAA,CAAA,OAAA,CAAA,CAAA,CAAA;;;KAI1B,MAAI,GAwBP,EAxBW,mBAAS,CAC1B,EAuBM,OAvBN,EAuBM,EAAA,SAAA,IAAA,EAvBO,EAAS,EAAA,EAAA,EAAA,GAAA,EACpB,EAqBqB,GAAA,MAAA,EApBS,EAAA,qBAApB,GAAU,YADpB,EAqBqB,GAAA;MAnBlB,KAAK,EAAS;MACd,SAAS,EAAS;MACnB,iBAAc;;uBAGyC,EAAA,EAAA,GAAA,EADvD,EAWe,GAAA,MAAA,EAVE,EAAA,4BAA4B,EAAQ,GAA5C,YADT,EAWe,GAAA;OATZ,KAAK,EAAS,OAAO,EAAK;OAC3B,MAAK;OACL,mBAAgB;OACf,UAAK,MAAA;AAA4F,QAA/D,EAAA,eAAe,EAAS,MAAM,EAAI,EAA6B,EAAM,EAAA,YAAW;;;wBAKpG,CAAA,EAAA,EAAZ,EAAK,KAAI,EAAA,EAAA,CAAA,CAAA;;sCAGN,IAAQ,EAAA,mBAAmB,SAAM,KAAA,GAAA,EADzC,EAEE,GAAA,EAAA,KAAA,GAAA,CAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA;;;;;;;;;;;;;SAUD,EAAO,eAAU,YAAA,GAAA,EAD9B,EAaE,GAAA;IAXC,KAAK,EAAA,aAAa,EAAY,KAAK,EAAO,SAAQ;;IAClD,KAAK,EAAA,aAAa,EAAY,KAAK,EAAO,SAAQ;IAClD,aAAW,EAAA,MAAM,gBAAgB,QAAQ,SAAS,EAAO,SAAQ;IACjE,mBAAiB,EAAO;IACxB,WAAS,EAAO;IAChB,UAAU,EAAA,SAAS,EAAA,aAAa,EAAY,KAAK,EAAO,SAAQ,CAAA,GAAA,IAAA;IAChE,MAAM,EAAO;IACb,OAAO,EAAO;IACd,YAAU,EAAO;IACjB,mBAAmB,EAAA;IACnB,kBAAkB,EAAA;;;;;;;;;;;mDAGvB,EAAqD,OAAA,EAAhD,OAAM,yCAAuC,EAAA,MAAA,GAAA,EAAA,CAAA;;qBAG5C,EAAA,WAAW,WAAA,GAAA,EADnB,EAqGW,GAAA;;GAnGT,WAAU;GACV,KAAI;;oBAiGS,CA/Fb,EA+Fa,GAAA;IA9FV,MAAM,EAAA;IACN,qBAAmB;IACpB,WAAQ;IACR,SAAQ;IACR,WAAU;IACT,SAAK,CAAE,EAAA,cAAA,EAEK,EAAA,cAAY,CAAA,OAAA,CAAA,CAAA;IADxB,UAAQ,EAAA;;IAGE,QAAM,QA4BF,EAAA,GAAA,EA3Bb,EA2Ba,GAAA;KA1BV,KAAK,EAAA,WAAW;KAChB,SAAS,EAAA,WAAW;KACrB,WAAU;;KAEC,QAAM,QAoBH,CAnBZ,EAmBY,GAAA;MAlBT,KAAK,EAAA,aAAY,UAAA,OAAA;MACjB,QAAQ,EAAA,MAAM,gBAAgB,QAAQ,SAAS,EAAA,WAAW,SAAQ;MAClE,cAAY,EAAA,WAAW;MACvB,WAAS,EAAA,WAAW;MACpB,UAAU,EAAA,SAAS,EAAA,aAAY,UAAA,OAAA,CAAA,GAAA,IAAA;MAChC,YAAW;MACX,MAAK;MACL,MAAK;MACJ,SAAK,EAAA,OAAA,EAAA,MAAA,MAAE,EAAA,WAAW,SAAO;MACzB,WAAO,CAAA,EAAA,EAAa,EAAA,0BAAwB,CAAA,OAAA,CAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EACzB,EAAA,yBAAuB,CAAA,OAAA,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA;;MAEhC,MAAI,QAIX,EAAA,GAAA,EAHF,EAGE,EAFK,EAAA,WAAW,KAAI,EAAA,EACpB,MAAK,OAAK,CAAA,EAAA,CAAA;;;;;;;;;;;IAQX,SAAO,QAgBV,CAfN,EAeM,OAfN,IAeM,CAdJ,EAEO,QAAA,MAAA,EADF,EAAA,wBAAwB,MAAK,EAAA,EAAA,EAElC,EAUE,GAAA;iBATS,EAAA;mDAAA,EAAA,YAAS;KACjB,oBAAkB,EAAA,wBAAuB;KACzC,aAAa,EAAA;KACd,WAAQ;KACR,uBAAoB;KACnB,SAAK,CAAE,EAAA,cAAA,EAEK,EAAA,cAAY,CAAA,OAAA,CAAA,CAAA;KADxB,SAAO,EAAA;KAEP,WAAO,EAAQ,EAAA,SAAO,CAAA,QAAA,CAAA;;;;;;;;;IAIlB,eAAa,QAkCX,CAjCX,EAiCW,GAAA;KAhCT,WAAU;KACV,KAAI;KACJ,OAAM;;sBAWM;MATZ,EASY,GATZ,EASY;OARV,WAAQ;OACR,YAAW;OACX,MAAK;OACL,MAAK;SACG,EAAA,wBAAsB,EAC7B,SAAO,EAAA,YAAU,CAAA,EAAA;wBAEgB,CAAA,EAAA,EAA/B,EAAA,uBAAuB,MAAK,EAAA,EAAA,CAAA,CAAA;;;MAEjC,EASY,GATZ,EASY;OARV,WAAQ;OACR,YAAW;OACX,MAAK;OACL,MAAK;SACG,EAAA,2BAAyB,EAChC,SAAO,EAAA,gBAAc,CAAA,EAAA;wBAEe,CAAA,EAAA,EAAlC,EAAA,0BAA0B,MAAK,EAAA,EAAA,CAAA,CAAA;;;MAEpC,EAOY,GAPZ,EAOY;OANV,WAAQ;OACR,MAAK;SACG,EAAA,4BAA0B,EACjC,SAAO,EAAA,SAAO,CAAA,EAAA;wBAEuB,CAAA,EAAA,EAAnC,EAAA,2BAA2B,MAAK,EAAA,EAAA,CAAA,CAAA;;;;;;;;;;;;;;;KAS/C,EAoCM,OAAA;EAnCH,OAAK,EAAA,EAAA,cAAkB,EAAA,WAAS,CAAA;EAChC,OAAK,GAAA,CAAA,4BAAA,EAAA,yCAA0E,EAAA,kBAAgB,CAAA,CAAA;KAEhG,EA+BE,GA/BF,EA+BE;EA9BA,KAAI;cACK,EAAA;gDAAA,EAAA,qBAAkB;EAC1B,oBAAkB;EAClB,qBAAmB;EACnB,uBAAqB;EACrB,qBAAmB;EACnB,kBAAgB;EAChB,mBAAiB,EAAA;EACjB,0BAAwB,EAAA;EACxB,qBAAmB,EAAA;EACnB,kBAAgB,EAAA;EAChB,yBAAuB;EACvB,cAAY,EAAA;EACZ,UAAU,EAAA;EACV,oBAAkB,EAAA;EAClB,eAAW,kCAAoC,EAAA;EAC/C,MAAM;EACN,iBAAe,EAAA;EACf,aAAa,EAAA;EACb,uBAAqB,EAAA;EACrB,gBAAc,EAAA;EACd,gBAAc,EAAA;EACd,sBAAoB,EAAA;EACrB,WAAQ;IACA,EAAA,sBAAsB,EAAA,OAAM,EAAA;EACnC,aAAY,EAAA;EACZ,QAAM,EAAA;EACN,SAAO,EAAA;EACP,SAAK,EAAA,OAAA,EAAA,MAAA,MAAE,EAAA,QAAQ,EAAM;EACrB,YAAU,EAAA"}

package/dist/lib/emoji/emoji.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),t=require(`../../common/emoji/index.cjs`),n=require(`../icon/icon-constants.cjs`),r=require(`../skeleton/skeleton.cjs`);let i=require(`vue`);var a={name:`DtEmoji`,components:{DtSkeleton:r.default},props:{code:{type:String,required:!0},size:{type:String,default:`500`,validator:e=>Object.keys(n.ICON_SIZE_MODIFIERS).includes(e)},imgClass:{type:[String,Object,Array],default:``},ariaLabel:{type:String,default:null},showSkeleton:{type:Boolean,default:!0}},data(){return{emojiData:null,imgLoading:!1}},computed:{emojiDataValid(){return!!this.emojiData},emojiSrc(){return this.emojiDataValid?this.emojiData?.custom?this.emojiData.image:[`100`,`200`].includes(this.size)?t.emojiImageUrlSmall+this.emojiData.key+t.emojiFileExtensionSmall:t.emojiImageUrlLarge+this.emojiData.key+t.emojiFileExtensionLarge:`invalid`},emojiAlt(){if(this.emojiDataValid)return this.emojiData.unicode_output?t.stringToUnicode(this.emojiData.unicode_output):this.emojiData.name},emojiLabel(){return this.emojiDataValid?this.ariaLabel?this.ariaLabel:this.emojiData.name:`Invalid Emoji`},emojiSize(){return n.ICON_SIZE_MODIFIERS[this.size]}},watch:{code:{handler:function(){this.getEmojiData()},immediate:!0},emojiSrc:{handler:async function(){this.imgLoading=!0},immediate:!0}},methods:{getEmojiData(){this.emojiData=t.codeToEmojiData(this.code)},imageLoaded(){this.imgLoading=!1},imageErrored(){this.imgLoading=!1}}},o=[`aria-label`,`alt`,`title`,`src`];function s(e,t,n,r,a,s){let c=(0,i.resolveComponent)(`dt-skeleton`);return(0,i.openBlock)(),(0,i.createElementBlock)(`span`,{class:(0,i.normalizeClass)([`d-emoji d-icon`,s.emojiSize])},[(0,i.withDirectives)((0,i.createVNode)(c,{offset:0,class:(0,i.normalizeClass)([`d-icon`,s.emojiSize]),"shape-option":{shape:`circle`,size:`100%`}},null,8,[`class`]),[[i.vShow,a.imgLoading&&n.showSkeleton]]),(0,i.withDirectives)((0,i.createElementVNode)(`img`,{ref:`emojiImg`,class:(0,i.normalizeClass)([`d-icon`,s.emojiSize,n.imgClass]),"aria-label":s.emojiLabel,alt:s.emojiAlt,title:s.emojiLabel,src:s.emojiSrc,onLoad:t[0]||(t[0]=(...e)=>s.imageLoaded&&s.imageLoaded(...e)),onError:t[1]||(t[1]=(...e)=>s.imageErrored&&s.imageErrored(...e))},null,42,o),[[i.vShow,!a.imgLoading]])],2)}var c=e.t(a,[[`render`,s]]);exports.default=c;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),t=require(`../../common/emoji/index.cjs`),n=require(`../icon/icon-constants.cjs`),r=require(`../skeleton/skeleton.cjs`);let i=require(`vue`);var a={compatConfig:{MODE:3},name:`DtEmoji`,components:{DtSkeleton:r.default},props:{code:{type:String,required:!0},size:{type:String,default:`500`,validator:e=>Object.keys(n.ICON_SIZE_MODIFIERS).includes(e)},imgClass:{type:[String,Object,Array],default:``},ariaLabel:{type:String,default:null},showSkeleton:{type:Boolean,default:!0}},data(){return{emojiData:null,imgLoading:!1}},computed:{emojiDataValid(){return!!this.emojiData},emojiSrc(){return this.emojiDataValid?this.emojiData?.custom?this.emojiData.image:[`100`,`200`].includes(this.size)?t.emojiImageUrlSmall+this.emojiData.key+t.emojiFileExtensionSmall:t.emojiImageUrlLarge+this.emojiData.key+t.emojiFileExtensionLarge:`invalid`},emojiAlt(){if(this.emojiDataValid)return this.emojiData.unicode_output?t.stringToUnicode(this.emojiData.unicode_output):this.emojiData.name},emojiLabel(){return this.emojiDataValid?this.ariaLabel?this.ariaLabel:this.emojiData.name:`Invalid Emoji`},emojiSize(){return n.ICON_SIZE_MODIFIERS[this.size]}},watch:{code:{handler:function(){this.getEmojiData()},immediate:!0},emojiSrc:{handler:async function(){this.imgLoading=!0},immediate:!0}},methods:{getEmojiData(){this.emojiData=t.codeToEmojiData(this.code)},imageLoaded(){this.imgLoading=!1},imageErrored(){this.imgLoading=!1}}},o=[`aria-label`,`alt`,`title`,`src`];function s(e,t,n,r,a,s){let c=(0,i.resolveComponent)(`dt-skeleton`);return(0,i.openBlock)(),(0,i.createElementBlock)(`span`,{class:(0,i.normalizeClass)([`d-emoji d-icon`,s.emojiSize])},[(0,i.withDirectives)((0,i.createVNode)(c,{offset:0,class:(0,i.normalizeClass)([`d-icon`,s.emojiSize]),"shape-option":{shape:`circle`,size:`100%`}},null,8,[`class`]),[[i.vShow,a.imgLoading&&n.showSkeleton]]),(0,i.withDirectives)((0,i.createElementVNode)(`img`,{ref:`emojiImg`,class:(0,i.normalizeClass)([`d-icon`,s.emojiSize,n.imgClass]),"aria-label":s.emojiLabel,alt:s.emojiAlt,title:s.emojiLabel,src:s.emojiSrc,onLoad:t[0]||(t[0]=(...e)=>s.imageLoaded&&s.imageLoaded(...e)),onError:t[1]||(t[1]=(...e)=>s.imageErrored&&s.imageErrored(...e))},null,42,o),[[i.vShow,!a.imgLoading]])],2)}var c=e.t(a,[[`render`,s]]);exports.default=c;
 //# sourceMappingURL=emoji.cjs.map

package/dist/lib/emoji/emoji.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"emoji.cjs","names":[],"sources":["../../../components/~~Emoji~~/~~Emoji~~.vue"],"sourcesContent":["<template>\n <span :class=\"['d-emoji d-icon', emojiSize]\">\n <dt-skeleton\n v-show=\"imgLoading && showSkeleton\"\n :offset=\"0\"\n :class=\"['d-icon', emojiSize]\"\n :shape-option=\"{ shape: 'circle', size: '100%' }\"\n />\n <img\n v-show=\"!imgLoading\"\n ref=\"emojiImg\"\n :class=\"['d-icon', emojiSize, imgClass]\"\n :aria-label=\"emojiLabel\"\n :alt=\"emojiAlt\"\n :title=\"emojiLabel\"\n :src=\"emojiSrc\"\n @load=\"imageLoaded\"\n @error=\"imageErrored\"\n >\n </span>\n</template>\n\n<script>\nimport { ICON_SIZE_MODIFIERS } from '@/components/~~Icon~~';\nimport {\n codeToEmojiData,\n stringToUnicode,\n emojiImageUrlSmall,\n emojiFileExtensionSmall,\n emojiImageUrlLarge,\n emojiFileExtensionLarge,\n} from '@/common/emoji';\nimport { DtSkeleton } from '@/components/~~Skeleton~~';\n\n/*\n Renders an emoji from a shortcode such as :smile: or unicode character such as 😄\n * @see https://dialtone.dialpad.com/components/emoji.html\n /\nexport default {\n name: 'DtEmoji',\n\n components: {\n DtSkeleton,\n },\n\n props: {\n /\n Supports shortcode ex: :smile: or unicode ex: 😄. Will display the resulting emoji.\n * <a class=\"d-link\" href=\"https://emojipedia.org/joypixels/\" target=\"_blank\">JoyPixels</a>\n * for all supported shortcode/unicode or the docs for setting up custom emojis.\n /\n code: {\n type: String,\n required: true,\n },\n\n /\n The size of the emoji. Can be any of the icon size utility classes from\n * <a class=\"d-link\" href=\"https://dialtone.dialpad.com/components/icon.html\" target=\"_blank\"> Dialpad Icon Size</a>\n * @values 100, 200, 300, 400, 500, 600, 700, 800\n /\n size: {\n type: String,\n default: '500',\n validator: (t) => Object.keys(ICON_SIZE_MODIFIERS).includes(t),\n },\n\n /\n Additional class name for the emoji img element.\n * Can accept String, Object, and Array, i.e. has the\n * same API as Vue's built-in handling of the class attribute.\n /\n imgClass: {\n type: [String, Object, Array],\n default: '',\n },\n\n /\n Will be read out on a screen reader for this emoji. You must use this prop if you want your emoji to be i18n\n * Compatible as Dialtone Vue will not translate it by itself. If you do not set this prop the aria-label will\n * be set to the english description of the emoji. You can retrieve the description for an emoji yourself via the\n * getEmojiData() function\n /\n ariaLabel: {\n type: String,\n default: null,\n },\n\n /\n Shows a skeleton loader while the emoji asset is loading.\n * @values true, false\n */\n showSkeleton: {\n type: Boolean,\n default: true,\n },\n },\n\n data () {\n return {\n emojiData: null,\n imgLoading: false,\n };\n },\n\n computed: {\n emojiDataValid () {\n return !!this.emojiData;\n },\n\n emojiSrc () {\n if (!this.emojiDataValid) { return 'invalid'; }\n\n // custom emoji\n if (this.emojiData?.custom) {\n return this.emojiData.image;\n }\n\n if (['100', '200'].includes(this.size)) {\n return emojiImageUrlSmall + this.emojiData.key + emojiFileExtensionSmall;\n } else {\n return emojiImageUrlLarge + this.emojiData.key + emojiFileExtensionLarge;\n }\n },\n\n emojiAlt () {\n if (!this.emojiDataValid) { return undefined; }\n return this.emojiData.unicode_output ? stringToUnicode(this.emojiData.unicode_output) : this.emojiData.name;\n },\n\n emojiLabel () {\n if (!this.emojiDataValid) { return 'Invalid Emoji'; }\n return this.ariaLabel ? this.ariaLabel : this.emojiData.name;\n },\n\n emojiSize () {\n return ICON_SIZE_MODIFIERS[this.size];\n },\n },\n\n watch: {\n code: {\n handler: function () {\n this.getEmojiData();\n },\n\n immediate: true,\n },\n\n emojiSrc: {\n handler: async function () {\n this.imgLoading = true;\n },\n\n immediate: true,\n },\n },\n\n methods: {\n getEmojiData () {\n this.emojiData = codeToEmojiData(this.code);\n },\n\n imageLoaded () {\n this.imgLoading = false;\n },\n\n imageErrored () {\n this.imgLoading = false;\n },\n },\n};\n</script>\n"],"mappings":"gVAsCA,IAAK,EAAU,CACb,KAAM,UAEN,WAAY,CACV,WAAA,EAAA,QACD,CAED,MAAO,CAML,KAAM,CACJ,KAAM,OACN,SAAU,GACX,CAOD,KAAM,CACJ,KAAM,OACN,QAAS,MACT,UAAY,GAAM,OAAO,KAAK,EAAA,oBAAoB,CAAC,SAAS,EAAE,CAC/D,CAOD,SAAU,CACR,KAAM,CAAC,OAAQ,OAAQ,MAAM,CAC7B,QAAS,GACV,CAQD,UAAW,CACT,KAAM,OACN,QAAS,KACV,CAMD,aAAc,CACZ,KAAM,QACN,QAAS,GACV,CACF,CAED,MAAQ,CACN,MAAO,CACL,UAAW,KACX,WAAY,GACb,EAGH,SAAU,CACR,gBAAkB,CAChB,MAAO,CAAC,CAAC,KAAK,WAGhB,UAAY,CAWR,OAVG,KAAK,eAGN,KAAK,WAAW,OACX,KAAK,UAAU,MAGpB,CAAC,MAAO,MAAM,CAAC,SAAS,KAAK,KAAK,CAC7B,EAAA,mBAAqB,KAAK,UAAU,IAAM,EAAA,wBAE1C,EAAA,mBAAqB,KAAK,UAAU,IAAM,EAAA,wBAVhB,WAcrC,UAAY,CACL,QAAK,eACV,OAAO,KAAK,UAAU,eAAiB,EAAA,gBAAgB,KAAK,UAAU,eAAc,CAAI,KAAK,UAAU,MAGzG,YAAc,CAEZ,OADK,KAAK,eACH,KAAK,UAAY,KAAK,UAAY,KAAK,UAAU,KADrB,iBAIrC,WAAa,CACX,OAAO,EAAA,oBAAoB,KAAK,OAEnC,CAED,MAAO,CACL,KAAM,CACJ,QAAS,UAAY,CACnB,KAAK,cAAc,EAGrB,UAAW,GACZ,CAED,SAAU,CACR,QAAS,gBAAkB,CACzB,KAAK,WAAa,IAGpB,UAAW,GACZ,CACF,CAED,QAAS,CACP,cAAgB,CACd,KAAK,UAAY,EAAA,gBAAgB,KAAK,KAAK,EAG7C,aAAe,CACb,KAAK,WAAa,IAGpB,cAAgB,CACd,KAAK,WAAa,IAErB,CACF,~~2JAxJQ~~,OAAA,CAlBA,OAAA,EAAA,EAAA,gBAAK,CAAA,iBAAqB,EAAA,UAAS,CAAA,CAAA,CAAA,EAAA,EAAA,EAAA,iBAAA,EAAA,EAAA,aAMtC,EAAA,CAHC,OAAQ,EACR,OAAA,EAAA,EAAA,gBAAK,CAAA,SAAa,EAAA,UAAS,CAAA,CAC3B,eAAc,CAAA,MAAA,SAAA,KAAA,OAAiC,8BAHxC,EAAA,YAAc,EAAA,aAAY,CAAA,CAAA,EAAA,EAAA,EAAA,iBAAA,EAAA,EAAA,oBAenC,MAAA,CARC,IAAI,WACH,OAAA,EAAA,EAAA,gBAAK,CAAA,SAAa,EAAA,UAAW,EAAA,SAAQ,CAAA,CACrC,aAAY,EAAA,WACZ,IAAK,EAAA,SACL,MAAO,EAAA,WACP,IAAK,EAAA,SACL,OAAI,EAAA,KAAA,EAAA,IAAA,GAAA,IAAE,EAAA,aAAA,EAAA,YAAA,GAAA,EAAW,EACjB,QAAK,EAAA,KAAA,EAAA,IAAA,GAAA,IAAE,EAAA,cAAA,EAAA,aAAA,GAAA,EAAY,yBARX,EAAA,WAAU,CAAA,CAAA,CAAA,CAAA,EAAA"}
1	+ {"version":3,"file":"emoji.cjs","names":[],"sources":["../../../components/emoji/emoji.vue"],"sourcesContent":["<template>\n <span :class=\"['d-emoji d-icon', emojiSize]\">\n <dt-skeleton\n v-show=\"imgLoading && showSkeleton\"\n :offset=\"0\"\n :class=\"['d-icon', emojiSize]\"\n :shape-option=\"{ shape: 'circle', size: '100%' }\"\n />\n <img\n v-show=\"!imgLoading\"\n ref=\"emojiImg\"\n :class=\"['d-icon', emojiSize, imgClass]\"\n :aria-label=\"emojiLabel\"\n :alt=\"emojiAlt\"\n :title=\"emojiLabel\"\n :src=\"emojiSrc\"\n @load=\"imageLoaded\"\n @error=\"imageErrored\"\n >\n </span>\n</template>\n\n<script>\nimport { ICON_SIZE_MODIFIERS } from '@/components/icon';\nimport {\n codeToEmojiData,\n stringToUnicode,\n emojiImageUrlSmall,\n emojiFileExtensionSmall,\n emojiImageUrlLarge,\n emojiFileExtensionLarge,\n} from '@/common/emoji';\nimport { DtSkeleton } from '@/components/skeleton';\n\n/*\n Renders an emoji from a shortcode such as :smile: or unicode character such as 😄\n * @see https://dialtone.dialpad.com/components/emoji.html\n /\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtEmoji',\n\n components: {\n DtSkeleton,\n },\n\n props: {\n /\n Supports shortcode ex: :smile: or unicode ex: 😄. Will display the resulting emoji.\n * <a class=\"d-link\" href=\"https://emojipedia.org/joypixels/\" target=\"_blank\">JoyPixels</a>\n * for all supported shortcode/unicode or the docs for setting up custom emojis.\n /\n code: {\n type: String,\n required: true,\n },\n\n /\n The size of the emoji. Can be any of the icon size utility classes from\n * <a class=\"d-link\" href=\"https://dialtone.dialpad.com/components/icon.html\" target=\"_blank\"> Dialpad Icon Size</a>\n * @values 100, 200, 300, 400, 500, 600, 700, 800\n /\n size: {\n type: String,\n default: '500',\n validator: (t) => Object.keys(ICON_SIZE_MODIFIERS).includes(t),\n },\n\n /\n Additional class name for the emoji img element.\n * Can accept String, Object, and Array, i.e. has the\n * same API as Vue's built-in handling of the class attribute.\n /\n imgClass: {\n type: [String, Object, Array],\n default: '',\n },\n\n /\n Will be read out on a screen reader for this emoji. You must use this prop if you want your emoji to be i18n\n * Compatible as Dialtone Vue will not translate it by itself. If you do not set this prop the aria-label will\n * be set to the english description of the emoji. You can retrieve the description for an emoji yourself via the\n * getEmojiData() function\n /\n ariaLabel: {\n type: String,\n default: null,\n },\n\n /\n Shows a skeleton loader while the emoji asset is loading.\n * @values true, false\n */\n showSkeleton: {\n type: Boolean,\n default: true,\n },\n },\n\n data () {\n return {\n emojiData: null,\n imgLoading: false,\n };\n },\n\n computed: {\n emojiDataValid () {\n return !!this.emojiData;\n },\n\n emojiSrc () {\n if (!this.emojiDataValid) { return 'invalid'; }\n\n // custom emoji\n if (this.emojiData?.custom) {\n return this.emojiData.image;\n }\n\n if (['100', '200'].includes(this.size)) {\n return emojiImageUrlSmall + this.emojiData.key + emojiFileExtensionSmall;\n } else {\n return emojiImageUrlLarge + this.emojiData.key + emojiFileExtensionLarge;\n }\n },\n\n emojiAlt () {\n if (!this.emojiDataValid) { return undefined; }\n return this.emojiData.unicode_output ? stringToUnicode(this.emojiData.unicode_output) : this.emojiData.name;\n },\n\n emojiLabel () {\n if (!this.emojiDataValid) { return 'Invalid Emoji'; }\n return this.ariaLabel ? this.ariaLabel : this.emojiData.name;\n },\n\n emojiSize () {\n return ICON_SIZE_MODIFIERS[this.size];\n },\n },\n\n watch: {\n code: {\n handler: function () {\n this.getEmojiData();\n },\n\n immediate: true,\n },\n\n emojiSrc: {\n handler: async function () {\n this.imgLoading = true;\n },\n\n immediate: true,\n },\n },\n\n methods: {\n getEmojiData () {\n this.emojiData = codeToEmojiData(this.code);\n },\n\n imageLoaded () {\n this.imgLoading = false;\n },\n\n imageErrored () {\n this.imgLoading = false;\n },\n },\n};\n</script>\n"],"mappings":"gVAsCA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,UAEN,WAAY,CACV,WAAA,EAAA,QACD,CAED,MAAO,CAML,KAAM,CACJ,KAAM,OACN,SAAU,GACX,CAOD,KAAM,CACJ,KAAM,OACN,QAAS,MACT,UAAY,GAAM,OAAO,KAAK,EAAA,oBAAoB,CAAC,SAAS,EAAE,CAC/D,CAOD,SAAU,CACR,KAAM,CAAC,OAAQ,OAAQ,MAAM,CAC7B,QAAS,GACV,CAQD,UAAW,CACT,KAAM,OACN,QAAS,KACV,CAMD,aAAc,CACZ,KAAM,QACN,QAAS,GACV,CACF,CAED,MAAQ,CACN,MAAO,CACL,UAAW,KACX,WAAY,GACb,EAGH,SAAU,CACR,gBAAkB,CAChB,MAAO,CAAC,CAAC,KAAK,WAGhB,UAAY,CAWR,OAVG,KAAK,eAGN,KAAK,WAAW,OACX,KAAK,UAAU,MAGpB,CAAC,MAAO,MAAM,CAAC,SAAS,KAAK,KAAK,CAC7B,EAAA,mBAAqB,KAAK,UAAU,IAAM,EAAA,wBAE1C,EAAA,mBAAqB,KAAK,UAAU,IAAM,EAAA,wBAVhB,WAcrC,UAAY,CACL,QAAK,eACV,OAAO,KAAK,UAAU,eAAiB,EAAA,gBAAgB,KAAK,UAAU,eAAc,CAAI,KAAK,UAAU,MAGzG,YAAc,CAEZ,OADK,KAAK,eACH,KAAK,UAAY,KAAK,UAAY,KAAK,UAAU,KADrB,iBAIrC,WAAa,CACX,OAAO,EAAA,oBAAoB,KAAK,OAEnC,CAED,MAAO,CACL,KAAM,CACJ,QAAS,UAAY,CACnB,KAAK,cAAc,EAGrB,UAAW,GACZ,CAED,SAAU,CACR,QAAS,gBAAkB,CACzB,KAAK,WAAa,IAGpB,UAAW,GACZ,CACF,CAED,QAAS,CACP,cAAgB,CACd,KAAK,UAAY,EAAA,gBAAgB,KAAK,KAAK,EAG7C,aAAe,CACb,KAAK,WAAa,IAGpB,cAAgB,CACd,KAAK,WAAa,IAErB,CACF,2JAzJQ,OAAA,CAlBA,OAAA,EAAA,EAAA,gBAAK,CAAA,iBAAqB,EAAA,UAAS,CAAA,CAAA,CAAA,EAAA,EAAA,EAAA,iBAAA,EAAA,EAAA,aAMtC,EAAA,CAHC,OAAQ,EACR,OAAA,EAAA,EAAA,gBAAK,CAAA,SAAa,EAAA,UAAS,CAAA,CAC3B,eAAc,CAAA,MAAA,SAAA,KAAA,OAAiC,8BAHxC,EAAA,YAAc,EAAA,aAAY,CAAA,CAAA,EAAA,EAAA,EAAA,iBAAA,EAAA,EAAA,oBAenC,MAAA,CARC,IAAI,WACH,OAAA,EAAA,EAAA,gBAAK,CAAA,SAAa,EAAA,UAAW,EAAA,SAAQ,CAAA,CACrC,aAAY,EAAA,WACZ,IAAK,EAAA,SACL,MAAO,EAAA,WACP,IAAK,EAAA,SACL,OAAI,EAAA,KAAA,EAAA,IAAA,GAAA,IAAE,EAAA,aAAA,EAAA,YAAA,GAAA,EAAW,EACjB,QAAK,EAAA,KAAA,EAAA,IAAA,GAAA,IAAE,EAAA,cAAA,EAAA,aAAA,GAAA,EAAY,yBARX,EAAA,WAAU,CAAA,CAAA,CAAA,CAAA,EAAA"}

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

@@ -3,8 +3,9 @@ import { codeToEmojiData as t, emojiFileExtensionLarge as n, emojiFileExtensionS
 import { ICON_SIZE_MODIFIERS as s } from "../icon/icon-constants.js";
 import c from "../skeleton/skeleton.js";
 import { createElementBlock as l, createElementVNode as u, createVNode as d, normalizeClass as f, openBlock as p, resolveComponent as m, vShow as h, withDirectives as g } from "vue";
-//#region components/Emoji/Emoji.vue
+//#region components/emoji/emoji.vue
 var _ = {
+	compatConfig: { MODE: 3 },
 	name: "DtEmoji",
 	components: { DtSkeleton: c },
 	props: {

package/dist/lib/emoji/emoji.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"emoji.js","names":[],"sources":["../../../components/~~Emoji~~/~~Emoji~~.vue"],"sourcesContent":["<template>\n <span :class=\"['d-emoji d-icon', emojiSize]\">\n <dt-skeleton\n v-show=\"imgLoading && showSkeleton\"\n :offset=\"0\"\n :class=\"['d-icon', emojiSize]\"\n :shape-option=\"{ shape: 'circle', size: '100%' }\"\n />\n <img\n v-show=\"!imgLoading\"\n ref=\"emojiImg\"\n :class=\"['d-icon', emojiSize, imgClass]\"\n :aria-label=\"emojiLabel\"\n :alt=\"emojiAlt\"\n :title=\"emojiLabel\"\n :src=\"emojiSrc\"\n @load=\"imageLoaded\"\n @error=\"imageErrored\"\n >\n </span>\n</template>\n\n<script>\nimport { ICON_SIZE_MODIFIERS } from '@/components/~~Icon~~';\nimport {\n codeToEmojiData,\n stringToUnicode,\n emojiImageUrlSmall,\n emojiFileExtensionSmall,\n emojiImageUrlLarge,\n emojiFileExtensionLarge,\n} from '@/common/emoji';\nimport { DtSkeleton } from '@/components/~~Skeleton~~';\n\n/*\n Renders an emoji from a shortcode such as :smile: or unicode character such as 😄\n * @see https://dialtone.dialpad.com/components/emoji.html\n /\nexport default {\n name: 'DtEmoji',\n\n components: {\n DtSkeleton,\n },\n\n props: {\n /\n Supports shortcode ex: :smile: or unicode ex: 😄. Will display the resulting emoji.\n * <a class=\"d-link\" href=\"https://emojipedia.org/joypixels/\" target=\"_blank\">JoyPixels</a>\n * for all supported shortcode/unicode or the docs for setting up custom emojis.\n /\n code: {\n type: String,\n required: true,\n },\n\n /\n The size of the emoji. Can be any of the icon size utility classes from\n * <a class=\"d-link\" href=\"https://dialtone.dialpad.com/components/icon.html\" target=\"_blank\"> Dialpad Icon Size</a>\n * @values 100, 200, 300, 400, 500, 600, 700, 800\n /\n size: {\n type: String,\n default: '500',\n validator: (t) => Object.keys(ICON_SIZE_MODIFIERS).includes(t),\n },\n\n /\n Additional class name for the emoji img element.\n * Can accept String, Object, and Array, i.e. has the\n * same API as Vue's built-in handling of the class attribute.\n /\n imgClass: {\n type: [String, Object, Array],\n default: '',\n },\n\n /\n Will be read out on a screen reader for this emoji. You must use this prop if you want your emoji to be i18n\n * Compatible as Dialtone Vue will not translate it by itself. If you do not set this prop the aria-label will\n * be set to the english description of the emoji. You can retrieve the description for an emoji yourself via the\n * getEmojiData() function\n /\n ariaLabel: {\n type: String,\n default: null,\n },\n\n /\n Shows a skeleton loader while the emoji asset is loading.\n * @values true, false\n */\n showSkeleton: {\n type: Boolean,\n default: true,\n },\n },\n\n data () {\n return {\n emojiData: null,\n imgLoading: false,\n };\n },\n\n computed: {\n emojiDataValid () {\n return !!this.emojiData;\n },\n\n emojiSrc () {\n if (!this.emojiDataValid) { return 'invalid'; }\n\n // custom emoji\n if (this.emojiData?.custom) {\n return this.emojiData.image;\n }\n\n if (['100', '200'].includes(this.size)) {\n return emojiImageUrlSmall + this.emojiData.key + emojiFileExtensionSmall;\n } else {\n return emojiImageUrlLarge + this.emojiData.key + emojiFileExtensionLarge;\n }\n },\n\n emojiAlt () {\n if (!this.emojiDataValid) { return undefined; }\n return this.emojiData.unicode_output ? stringToUnicode(this.emojiData.unicode_output) : this.emojiData.name;\n },\n\n emojiLabel () {\n if (!this.emojiDataValid) { return 'Invalid Emoji'; }\n return this.ariaLabel ? this.ariaLabel : this.emojiData.name;\n },\n\n emojiSize () {\n return ICON_SIZE_MODIFIERS[this.size];\n },\n },\n\n watch: {\n code: {\n handler: function () {\n this.getEmojiData();\n },\n\n immediate: true,\n },\n\n emojiSrc: {\n handler: async function () {\n this.imgLoading = true;\n },\n\n immediate: true,\n },\n },\n\n methods: {\n getEmojiData () {\n this.emojiData = codeToEmojiData(this.code);\n },\n\n imageLoaded () {\n this.imgLoading = false;\n },\n\n imageErrored () {\n this.imgLoading = false;\n },\n },\n};\n</script>\n"],"mappings":";;;;;;AAsCA,IAAK,IAAU;CACb,MAAM;CAEN,YAAY,EACV,YAAA,GACD;CAED,OAAO;EAML,MAAM;GACJ,MAAM;GACN,UAAU;GACX;EAOD,MAAM;GACJ,MAAM;GACN,SAAS;GACT,YAAY,MAAM,OAAO,KAAK,EAAoB,CAAC,SAAS,EAAE;GAC/D;EAOD,UAAU;GACR,MAAM;IAAC;IAAQ;IAAQ;IAAM;GAC7B,SAAS;GACV;EAQD,WAAW;GACT,MAAM;GACN,SAAS;GACV;EAMD,cAAc;GACZ,MAAM;GACN,SAAS;GACV;EACF;CAED,OAAQ;AACN,SAAO;GACL,WAAW;GACX,YAAY;GACb;;CAGH,UAAU;EACR,iBAAkB;AAChB,UAAO,CAAC,CAAC,KAAK;;EAGhB,WAAY;AAWR,UAVG,KAAK,iBAGN,KAAK,WAAW,SACX,KAAK,UAAU,QAGpB,CAAC,OAAO,MAAM,CAAC,SAAS,KAAK,KAAK,GAC7B,IAAqB,KAAK,UAAU,MAAM,IAE1C,IAAqB,KAAK,UAAU,MAAM,IAVhB;;EAcrC,WAAY;AACL,YAAK,eACV,QAAO,KAAK,UAAU,iBAAiB,EAAgB,KAAK,UAAU,eAAc,GAAI,KAAK,UAAU;;EAGzG,aAAc;AAEZ,UADK,KAAK,iBACH,KAAK,YAAY,KAAK,YAAY,KAAK,UAAU,OADrB;;EAIrC,YAAa;AACX,UAAO,EAAoB,KAAK;;EAEnC;CAED,OAAO;EACL,MAAM;GACJ,SAAS,WAAY;AACnB,SAAK,cAAc;;GAGrB,WAAW;GACZ;EAED,UAAU;GACR,SAAS,iBAAkB;AACzB,SAAK,aAAa;;GAGpB,WAAW;GACZ;EACF;CAED,SAAS;EACP,eAAgB;AACd,QAAK,YAAY,EAAgB,KAAK,KAAK;;EAG7C,cAAe;AACb,QAAK,aAAa;;EAGpB,eAAgB;AACd,QAAK,aAAa;;EAErB;CACF;;;;;;;;~~aA1KC~~,EAkBO,QAAA,EAlBA,OAAK,EAAA,CAAA,kBAAqB,EAAA,UAAS,CAAA,EAAA,EAAA,CAAA,EACxC,EAKE,GAAA;EAHC,QAAQ;EACR,OAAK,EAAA,CAAA,UAAa,EAAA,UAAS,CAAA;EAC3B,gBAAc;GAAA,OAAA;GAAA,MAAA;GAAiC;8BAHxC,EAAA,cAAc,EAAA,aAAY,CAAA,CAAA,EAAA,EAKpC,EAUC,OAAA;EARC,KAAI;EACH,OAAK,EAAA;GAAA;GAAa,EAAA;GAAW,EAAA;GAAQ,CAAA;EACrC,cAAY,EAAA;EACZ,KAAK,EAAA;EACL,OAAO,EAAA;EACP,KAAK,EAAA;EACL,QAAI,EAAA,OAAA,EAAA,MAAA,GAAA,MAAE,EAAA,eAAA,EAAA,YAAA,GAAA,EAAW;EACjB,SAAK,EAAA,OAAA,EAAA,MAAA,GAAA,MAAE,EAAA,gBAAA,EAAA,aAAA,GAAA,EAAY;wBARX,EAAA,WAAU,CAAA,CAAA,CAAA,EAAA,EAAA"}
1	+ {"version":3,"file":"emoji.js","names":[],"sources":["../../../components/emoji/emoji.vue"],"sourcesContent":["<template>\n <span :class=\"['d-emoji d-icon', emojiSize]\">\n <dt-skeleton\n v-show=\"imgLoading && showSkeleton\"\n :offset=\"0\"\n :class=\"['d-icon', emojiSize]\"\n :shape-option=\"{ shape: 'circle', size: '100%' }\"\n />\n <img\n v-show=\"!imgLoading\"\n ref=\"emojiImg\"\n :class=\"['d-icon', emojiSize, imgClass]\"\n :aria-label=\"emojiLabel\"\n :alt=\"emojiAlt\"\n :title=\"emojiLabel\"\n :src=\"emojiSrc\"\n @load=\"imageLoaded\"\n @error=\"imageErrored\"\n >\n </span>\n</template>\n\n<script>\nimport { ICON_SIZE_MODIFIERS } from '@/components/icon';\nimport {\n codeToEmojiData,\n stringToUnicode,\n emojiImageUrlSmall,\n emojiFileExtensionSmall,\n emojiImageUrlLarge,\n emojiFileExtensionLarge,\n} from '@/common/emoji';\nimport { DtSkeleton } from '@/components/skeleton';\n\n/*\n Renders an emoji from a shortcode such as :smile: or unicode character such as 😄\n * @see https://dialtone.dialpad.com/components/emoji.html\n /\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtEmoji',\n\n components: {\n DtSkeleton,\n },\n\n props: {\n /\n Supports shortcode ex: :smile: or unicode ex: 😄. Will display the resulting emoji.\n * <a class=\"d-link\" href=\"https://emojipedia.org/joypixels/\" target=\"_blank\">JoyPixels</a>\n * for all supported shortcode/unicode or the docs for setting up custom emojis.\n /\n code: {\n type: String,\n required: true,\n },\n\n /\n The size of the emoji. Can be any of the icon size utility classes from\n * <a class=\"d-link\" href=\"https://dialtone.dialpad.com/components/icon.html\" target=\"_blank\"> Dialpad Icon Size</a>\n * @values 100, 200, 300, 400, 500, 600, 700, 800\n /\n size: {\n type: String,\n default: '500',\n validator: (t) => Object.keys(ICON_SIZE_MODIFIERS).includes(t),\n },\n\n /\n Additional class name for the emoji img element.\n * Can accept String, Object, and Array, i.e. has the\n * same API as Vue's built-in handling of the class attribute.\n /\n imgClass: {\n type: [String, Object, Array],\n default: '',\n },\n\n /\n Will be read out on a screen reader for this emoji. You must use this prop if you want your emoji to be i18n\n * Compatible as Dialtone Vue will not translate it by itself. If you do not set this prop the aria-label will\n * be set to the english description of the emoji. You can retrieve the description for an emoji yourself via the\n * getEmojiData() function\n /\n ariaLabel: {\n type: String,\n default: null,\n },\n\n /\n Shows a skeleton loader while the emoji asset is loading.\n * @values true, false\n */\n showSkeleton: {\n type: Boolean,\n default: true,\n },\n },\n\n data () {\n return {\n emojiData: null,\n imgLoading: false,\n };\n },\n\n computed: {\n emojiDataValid () {\n return !!this.emojiData;\n },\n\n emojiSrc () {\n if (!this.emojiDataValid) { return 'invalid'; }\n\n // custom emoji\n if (this.emojiData?.custom) {\n return this.emojiData.image;\n }\n\n if (['100', '200'].includes(this.size)) {\n return emojiImageUrlSmall + this.emojiData.key + emojiFileExtensionSmall;\n } else {\n return emojiImageUrlLarge + this.emojiData.key + emojiFileExtensionLarge;\n }\n },\n\n emojiAlt () {\n if (!this.emojiDataValid) { return undefined; }\n return this.emojiData.unicode_output ? stringToUnicode(this.emojiData.unicode_output) : this.emojiData.name;\n },\n\n emojiLabel () {\n if (!this.emojiDataValid) { return 'Invalid Emoji'; }\n return this.ariaLabel ? this.ariaLabel : this.emojiData.name;\n },\n\n emojiSize () {\n return ICON_SIZE_MODIFIERS[this.size];\n },\n },\n\n watch: {\n code: {\n handler: function () {\n this.getEmojiData();\n },\n\n immediate: true,\n },\n\n emojiSrc: {\n handler: async function () {\n this.imgLoading = true;\n },\n\n immediate: true,\n },\n },\n\n methods: {\n getEmojiData () {\n this.emojiData = codeToEmojiData(this.code);\n },\n\n imageLoaded () {\n this.imgLoading = false;\n },\n\n imageErrored () {\n this.imgLoading = false;\n },\n },\n};\n</script>\n"],"mappings":";;;;;;AAsCA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,YAAY,EACV,YAAA,GACD;CAED,OAAO;EAML,MAAM;GACJ,MAAM;GACN,UAAU;GACX;EAOD,MAAM;GACJ,MAAM;GACN,SAAS;GACT,YAAY,MAAM,OAAO,KAAK,EAAoB,CAAC,SAAS,EAAE;GAC/D;EAOD,UAAU;GACR,MAAM;IAAC;IAAQ;IAAQ;IAAM;GAC7B,SAAS;GACV;EAQD,WAAW;GACT,MAAM;GACN,SAAS;GACV;EAMD,cAAc;GACZ,MAAM;GACN,SAAS;GACV;EACF;CAED,OAAQ;AACN,SAAO;GACL,WAAW;GACX,YAAY;GACb;;CAGH,UAAU;EACR,iBAAkB;AAChB,UAAO,CAAC,CAAC,KAAK;;EAGhB,WAAY;AAWR,UAVG,KAAK,iBAGN,KAAK,WAAW,SACX,KAAK,UAAU,QAGpB,CAAC,OAAO,MAAM,CAAC,SAAS,KAAK,KAAK,GAC7B,IAAqB,KAAK,UAAU,MAAM,IAE1C,IAAqB,KAAK,UAAU,MAAM,IAVhB;;EAcrC,WAAY;AACL,YAAK,eACV,QAAO,KAAK,UAAU,iBAAiB,EAAgB,KAAK,UAAU,eAAc,GAAI,KAAK,UAAU;;EAGzG,aAAc;AAEZ,UADK,KAAK,iBACH,KAAK,YAAY,KAAK,YAAY,KAAK,UAAU,OADrB;;EAIrC,YAAa;AACX,UAAO,EAAoB,KAAK;;EAEnC;CAED,OAAO;EACL,MAAM;GACJ,SAAS,WAAY;AACnB,SAAK,cAAc;;GAGrB,WAAW;GACZ;EAED,UAAU;GACR,SAAS,iBAAkB;AACzB,SAAK,aAAa;;GAGpB,WAAW;GACZ;EACF;CAED,SAAS;EACP,eAAgB;AACd,QAAK,YAAY,EAAgB,KAAK,KAAK;;EAG7C,cAAe;AACb,QAAK,aAAa;;EAGpB,eAAgB;AACd,QAAK,aAAa;;EAErB;CACF;;;;;;;;aA3KC,EAkBO,QAAA,EAlBA,OAAK,EAAA,CAAA,kBAAqB,EAAA,UAAS,CAAA,EAAA,EAAA,CAAA,EACxC,EAKE,GAAA;EAHC,QAAQ;EACR,OAAK,EAAA,CAAA,UAAa,EAAA,UAAS,CAAA;EAC3B,gBAAc;GAAA,OAAA;GAAA,MAAA;GAAiC;8BAHxC,EAAA,cAAc,EAAA,aAAY,CAAA,CAAA,EAAA,EAKpC,EAUC,OAAA;EARC,KAAI;EACH,OAAK,EAAA;GAAA;GAAa,EAAA;GAAW,EAAA;GAAQ,CAAA;EACrC,cAAY,EAAA;EACZ,KAAK,EAAA;EACL,OAAO,EAAA;EACP,KAAK,EAAA;EACL,QAAI,EAAA,OAAA,EAAA,MAAA,GAAA,MAAE,EAAA,eAAA,EAAA,YAAA,GAAA,EAAW;EACjB,SAAK,EAAA,OAAA,EAAA,MAAA,GAAA,MAAE,EAAA,gBAAA,EAAA,aAAA,GAAA,EAAY;wBARX,EAAA,WAAU,CAAA,CAAA,CAAA,EAAA,EAAA"}

package/dist/lib/emoji-picker/emoji-picker-constants.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"emoji-picker-constants.cjs","names":[],"sources":["../../../components/~~EmojiPicker~~/~~EmojiPickerConstants~~.js"],"sourcesContent":["export const ARROW_KEYS = {\n ARROW_UP: 'ArrowUp',\n ARROW_DOWN: 'ArrowDown',\n ARROW_LEFT: 'ArrowLeft',\n ARROW_RIGHT: 'ArrowRight',\n};\n\nexport const CDN_URL = 'https://static.dialpadcdn.com/joypixels/png/unicode/32/';\nexport const EMOJIS_PER_ROW = 9;\nexport const EMOJI_PICKER_SKIN_TONE_MODIFIERS = {\n DEFAULT: 'Default',\n LIGHT: 'Light',\n MEDIUM_LIGHT: 'MediumLight',\n MEDIUM: 'Medium',\n MEDIUM_DARK: 'MediumDark',\n DARK: 'Dark',\n};\n\nexport default {\n EMOJI_PICKER_SKIN_TONE_MODIFIERS,\n};\n"],"mappings":"+FAAA,IAAa,EAAa,CACxB,SAAU,UACV,WAAY,YACZ,WAAY,YACZ,YAAa,aACd,CAEY,EAAU,0DACV,EAAiB,EACjB,EAAmC,CAC9C,QAAS,UACT,MAAO,QACP,aAAc,cACd,OAAQ,SACR,YAAa,aACb,KAAM,OACP,CAED,EAAe,CACb,mCACD"}
1	+ {"version":3,"file":"emoji-picker-constants.cjs","names":[],"sources":["../../../components/emoji_picker/emoji_picker_constants.js"],"sourcesContent":["export const ARROW_KEYS = {\n ARROW_UP: 'ArrowUp',\n ARROW_DOWN: 'ArrowDown',\n ARROW_LEFT: 'ArrowLeft',\n ARROW_RIGHT: 'ArrowRight',\n};\n\nexport const CDN_URL = 'https://static.dialpadcdn.com/joypixels/png/unicode/32/';\nexport const EMOJIS_PER_ROW = 9;\nexport const EMOJI_PICKER_SKIN_TONE_MODIFIERS = {\n DEFAULT: 'Default',\n LIGHT: 'Light',\n MEDIUM_LIGHT: 'MediumLight',\n MEDIUM: 'Medium',\n MEDIUM_DARK: 'MediumDark',\n DARK: 'Dark',\n};\n\nexport default {\n EMOJI_PICKER_SKIN_TONE_MODIFIERS,\n};\n"],"mappings":"+FAAA,IAAa,EAAa,CACxB,SAAU,UACV,WAAY,YACZ,WAAY,YACZ,YAAa,aACd,CAEY,EAAU,0DACV,EAAiB,EACjB,EAAmC,CAC9C,QAAS,UACT,MAAO,QACP,aAAc,cACd,OAAQ,SACR,YAAa,aACb,KAAM,OACP,CAED,EAAe,CACb,mCACD"}

package/dist/lib/emoji-picker/emoji-picker-constants.js CHANGED Viewed

@@ -1,4 +1,4 @@
-//#region components/EmojiPicker/EmojiPickerConstants.js
+//#region components/emoji_picker/emoji_picker_constants.js
 var e = {
 	ARROW_UP: "ArrowUp",
 	ARROW_DOWN: "ArrowDown",

package/dist/lib/emoji-picker/emoji-picker-constants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"emoji-picker-constants.js","names":[],"sources":["../../../components/~~EmojiPicker~~/~~EmojiPickerConstants~~.js"],"sourcesContent":["export const ARROW_KEYS = {\n ARROW_UP: 'ArrowUp',\n ARROW_DOWN: 'ArrowDown',\n ARROW_LEFT: 'ArrowLeft',\n ARROW_RIGHT: 'ArrowRight',\n};\n\nexport const CDN_URL = 'https://static.dialpadcdn.com/joypixels/png/unicode/32/';\nexport const EMOJIS_PER_ROW = 9;\nexport const EMOJI_PICKER_SKIN_TONE_MODIFIERS = {\n DEFAULT: 'Default',\n LIGHT: 'Light',\n MEDIUM_LIGHT: 'MediumLight',\n MEDIUM: 'Medium',\n MEDIUM_DARK: 'MediumDark',\n DARK: 'Dark',\n};\n\nexport default {\n EMOJI_PICKER_SKIN_TONE_MODIFIERS,\n};\n"],"mappings":";AAAA,IAAa,IAAa;CACxB,UAAU;CACV,YAAY;CACZ,YAAY;CACZ,aAAa;CACd,EAEY,IAAU,2DACV,IAAiB,GACjB,IAAmC;CAC9C,SAAS;CACT,OAAO;CACP,cAAc;CACd,QAAQ;CACR,aAAa;CACb,MAAM;CACP,EAED,IAAe,EACb,qCACD"}
1	+ {"version":3,"file":"emoji-picker-constants.js","names":[],"sources":["../../../components/emoji_picker/emoji_picker_constants.js"],"sourcesContent":["export const ARROW_KEYS = {\n ARROW_UP: 'ArrowUp',\n ARROW_DOWN: 'ArrowDown',\n ARROW_LEFT: 'ArrowLeft',\n ARROW_RIGHT: 'ArrowRight',\n};\n\nexport const CDN_URL = 'https://static.dialpadcdn.com/joypixels/png/unicode/32/';\nexport const EMOJIS_PER_ROW = 9;\nexport const EMOJI_PICKER_SKIN_TONE_MODIFIERS = {\n DEFAULT: 'Default',\n LIGHT: 'Light',\n MEDIUM_LIGHT: 'MediumLight',\n MEDIUM: 'Medium',\n MEDIUM_DARK: 'MediumDark',\n DARK: 'Dark',\n};\n\nexport default {\n EMOJI_PICKER_SKIN_TONE_MODIFIERS,\n};\n"],"mappings":";AAAA,IAAa,IAAa;CACxB,UAAU;CACV,YAAY;CACZ,YAAY;CACZ,aAAa;CACd,EAEY,IAAU,2DACV,IAAiB,GACjB,IAAmC;CAC9C,SAAS;CACT,OAAO;CACP,cAAc;CACd,QAAQ;CACR,aAAa;CACb,MAAM;CACP,EAED,IAAe,EACb,qCACD"}

package/dist/lib/emoji-picker/emoji-picker.cjs CHANGED Viewed

	@@ -1 +1 @@
1	- Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../~~EmojiPicker~~-~~KO1yhODv~~.cjs`);exports.default=e.t;
1	+ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../emoji_picker-Cl-T4BXK.cjs`);exports.default=e.t;

package/dist/lib/emoji-picker/emoji-picker.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import { t as e } from "../../EmojiPicker-BllVwJf4.js";
+import { t as e } from "../../emoji_picker-tVHfpHDk.js";
 export { e as default };

package/dist/lib/emoji-picker/index.cjs CHANGED Viewed

	@@ -1 +1 @@
1	- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../~~EmojiPicker~~-~~KO1yhODv~~.cjs`),t=require(`./emoji-picker-constants.cjs`);exports.ARROW_KEYS=t.ARROW_KEYS,exports.CDN_URL=t.CDN_URL,exports.DtEmojiPicker=e.t,exports.EMOJIS_PER_ROW=t.EMOJIS_PER_ROW,exports.EMOJI_PICKER_SKIN_TONE_MODIFIERS=t.EMOJI_PICKER_SKIN_TONE_MODIFIERS;
1	+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../emoji_picker-Cl-T4BXK.cjs`),t=require(`./emoji-picker-constants.cjs`);exports.ARROW_KEYS=t.ARROW_KEYS,exports.CDN_URL=t.CDN_URL,exports.DtEmojiPicker=e.t,exports.EMOJIS_PER_ROW=t.EMOJIS_PER_ROW,exports.EMOJI_PICKER_SKIN_TONE_MODIFIERS=t.EMOJI_PICKER_SKIN_TONE_MODIFIERS;

package/dist/lib/emoji-picker/index.js CHANGED Viewed

@@ -1,3 +1,3 @@
-import { t as e } from "../../EmojiPicker-BllVwJf4.js";
+import { t as e } from "../../emoji_picker-tVHfpHDk.js";
 import { ARROW_KEYS as t, CDN_URL as n, EMOJIS_PER_ROW as r, EMOJI_PICKER_SKIN_TONE_MODIFIERS as i } from "./emoji-picker-constants.js";
 export { t as ARROW_KEYS, n as CDN_URL, e as DtEmojiPicker, r as EMOJIS_PER_ROW, i as EMOJI_PICKER_SKIN_TONE_MODIFIERS };

package/dist/lib/emoji-row/emoji-row.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),t=require(`../../common/emoji/index.cjs`),n=require(`../../localization/index.cjs`),r=require(`../button/button.cjs`),i=require(`../tooltip/tooltip.cjs`),a=require(`../emoji/emoji.cjs`),o=require(`../emoji-text-wrapper/emoji-text-wrapper.cjs`),s=require(`./emoji-row-constants.cjs`);let c=require(`vue`);var l={compatConfig:{MODE:3},name:`DtRecipeEmojiRow`,components:{DtTooltip:i.default,DtButton:r.default,DtEmoji:a.default,DtEmojiTextWrapper:o.default},props:{reactions:{type:Array,default:()=>[],validator:e=>{for(let t of e)if(!s.REACTIONS_ATTRIBUTES.every(e=>t[e]!==void 0))return!1;return!0}}},emits:[`emoji-clicked`,`emoji-hovered`],data(){return{i18n:new n.DialtoneLocalization}},methods:{emojiClicked(e){this.$emit(`emoji-clicked`,e.emojiUnicodeOrShortname)},emojiHovered(e,t){this.$emit(`emoji-hovered`,{reaction:e.emojiUnicodeOrShortname,state:t})},reactionLabel(e){return this.i18n.$t(`DIALTONE_EMOJI_ROW_REACTION_LABEL`,{reaction:t.getEmojiShortCode(e.emojiUnicodeOrShortname),personCount:e.num})}}},u={class:`d-recipe-emoji-row`},d={"aria-hidden":`true`},f={class:`d-recipe-emoji-row__tooltip-emoji`},p={class:`d-recipe-emoji-row__tooltip-names`},m=[`textContent`],h={class:`d-recipe-emoji-row__emoji`},g={class:`d-recipe-emoji-row__reaction-number`};function _(e,t,n,r,i,a){let o=(0,c.resolveComponent)(`dt-emoji-text-wrapper`),s=(0,c.resolveComponent)(`dt-emoji`),l=(0,c.resolveComponent)(`dt-button`),_=(0,c.resolveComponent)(`dt-tooltip`);return(0,c.openBlock)(),(0,c.createElementBlock)(`span`,u,[((0,c.openBlock)(!0),(0,c.createElementBlock)(c.Fragment,null,(0,c.renderList)(n.reactions,e=>((0,c.openBlock)(),(0,c.createElementBlock)(`span`,{key:e.unicodeOutput},[(0,c.createVNode)(_,{class:`d-recipe-emoji-row__tooltip`,"content-class":`d-recipe-emoji-row__tooltip-content`,"fallback-placements":[`top`,`bottom`],sticky:`popper`,onShown:t=>a.emojiHovered(e,t)},{anchor:(0,c.withCtx)(({attrs:t})=>[(0,c.createVNode)(l,{importance:`clear`,size:200,"data-qa":`feed-item-reaction-button`,class:(0,c.normalizeClass)([`d-recipe-emoji-row__reaction`,e.isSelected?`d-recipe-emoji-row__reaction--selected`:``]),"aria-label":a.reactionLabel(e),attrs:t,onClick:t=>a.emojiClicked(e)},{default:(0,c.withCtx)(()=>[(0,c.createElementVNode)(`span`,h,[(0,c.createVNode)(s,{class:`d-recipe-emoji-row__emoji`,size:`200`,"img-class":`d-recipe-emoji-row__emoji-img`,code:e.emojiUnicodeOrShortname},null,8,[`code`])]),(0,c.createElementVNode)(`span`,g,(0,c.toDisplayString)(e.num),1)]),_:2},1032,[`class`,`aria-label`,`attrs`,`onClick`])]),default:(0,c.withCtx)(()=>[(0,c.createElementVNode)(`span`,d,[(0,c.createVNode)(o,{size:`800`},{default:(0,c.withCtx)(()=>[(0,c.createElementVNode)(`p`,f,(0,c.toDisplayString)(e.emojiUnicodeOrShortname),1),t[0]||(t[0]=(0,c.createElementVNode)(`br`,null,null,-1)),(0,c.createElementVNode)(`p`,p,[(0,c.createTextVNode)((0,c.toDisplayString)(e.names)+` `,1),(0,c.createElementVNode)(`span`,{class:`d-recipe-emoji-row__tooltip-label`,textContent:(0,c.toDisplayString)(a.reactionLabel(e))},null,8,m)])]),_:2},1024)])]),_:2},1032,[`onShown`])]))),128)),(0,c.renderSlot)(e.$slots,`picker`)])}var v=e.t(l,[[`render`,_]]);exports.default=v;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),t=require(`../../common/emoji/index.cjs`),n=require(`../../localization/index.cjs`),r=require(`../button/button.cjs`),i=require(`../tooltip/tooltip.cjs`),a=require(`../emoji/emoji.cjs`),o=require(`../emoji-text-wrapper/emoji-text-wrapper.cjs`),s=require(`./emoji-row-constants.cjs`);let c=require(`vue`);var l={compatConfig:{MODE:3},name:`DtRecipeEmojiRow`,components:{DtTooltip:i.default,DtButton:r.default,DtEmoji:a.default,DtEmojiTextWrapper:o.default},props:{reactions:{type:Array,default:()=>[],validator:e=>{for(let t of e)if(!s.REACTIONS_ATTRIBUTES.every(e=>t[e]!==void 0))return!1;return!0}}},emits:[`emoji-clicked`,`emoji-hovered`],data(){return{i18n:new n.DialtoneLocalization}},methods:{emojiClicked(e){this.$emit(`emoji-clicked`,e.emojiUnicodeOrShortname)},emojiHovered(e,t){this.$emit(`emoji-hovered`,{reaction:e.emojiUnicodeOrShortname,state:t})},reactionLabel(e){return this.i18n.$t(`DIALTONE_EMOJI_ROW_REACTION_LABEL`,{reaction:t.getEmojiShortCode(e.emojiUnicodeOrShortname),personCount:e.num})}}},u={class:`d-recipe-emoji-row`},d={"aria-hidden":`true`},f={class:`d-recipe-emoji-row__tooltip-emoji`},p={class:`d-recipe-emoji-row__tooltip-names`},m=[`textContent`],h={class:`d-recipe-emoji-row__emoji`},g={class:`d-recipe-emoji-row__reaction-number`};function _(e,t,n,r,i,a){let o=(0,c.resolveComponent)(`dt-emoji-text-wrapper`),s=(0,c.resolveComponent)(`dt-emoji`),l=(0,c.resolveComponent)(`dt-button`),_=(0,c.resolveComponent)(`dt-tooltip`);return(0,c.openBlock)(),(0,c.createElementBlock)(`span`,u,[((0,c.openBlock)(!0),(0,c.createElementBlock)(c.Fragment,null,(0,c.renderList)(n.reactions,e=>((0,c.openBlock)(),(0,c.createElementBlock)(`span`,{key:e.unicodeOutput},[(0,c.createVNode)(_,{class:`d-recipe-emoji-row__tooltip`,"content-class":`d-recipe-emoji-row__tooltip-content`,"fallback-placements":[`top`,`bottom`],sticky:`popper`,onShown:t=>a.emojiHovered(e,t)},{anchor:(0,c.withCtx)(({attrs:t})=>[(0,c.createVNode)(l,{importance:`clear`,size:`sm`,"data-qa":`feed-item-reaction-button`,class:(0,c.normalizeClass)([`d-recipe-emoji-row__reaction`,e.isSelected?`d-recipe-emoji-row__reaction--selected`:``]),"aria-label":a.reactionLabel(e),attrs:t,onClick:t=>a.emojiClicked(e)},{default:(0,c.withCtx)(()=>[(0,c.createElementVNode)(`span`,h,[(0,c.createVNode)(s,{class:`d-recipe-emoji-row__emoji`,size:`200`,"img-class":`d-recipe-emoji-row__emoji-img`,code:e.emojiUnicodeOrShortname},null,8,[`code`])]),(0,c.createElementVNode)(`span`,g,(0,c.toDisplayString)(e.num),1)]),_:2},1032,[`class`,`aria-label`,`attrs`,`onClick`])]),default:(0,c.withCtx)(()=>[(0,c.createElementVNode)(`span`,d,[(0,c.createVNode)(o,{size:`800`},{default:(0,c.withCtx)(()=>[(0,c.createElementVNode)(`p`,f,(0,c.toDisplayString)(e.emojiUnicodeOrShortname),1),t[0]||(t[0]=(0,c.createElementVNode)(`br`,null,null,-1)),(0,c.createElementVNode)(`p`,p,[(0,c.createTextVNode)((0,c.toDisplayString)(e.names)+` `,1),(0,c.createElementVNode)(`span`,{class:`d-recipe-emoji-row__tooltip-label`,textContent:(0,c.toDisplayString)(a.reactionLabel(e))},null,8,m)])]),_:2},1024)])]),_:2},1032,[`onShown`])]))),128)),(0,c.renderSlot)(e.$slots,`picker`)])}var v=e.t(l,[[`render`,_]]);exports.default=v;
 //# sourceMappingURL=emoji-row.cjs.map

package/dist/lib/emoji-row/emoji-row.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"emoji-row.cjs","names":[],"sources":["../../../recipes/conversation_view/emoji_row/emoji_row.vue"],"sourcesContent":["<template>\n <span class=\"d-recipe-emoji-row\">\n <span\n v-for=\"reaction in reactions\"\n :key=\"reaction.unicodeOutput\"\n >\n <dt-tooltip\n class=\"d-recipe-emoji-row__tooltip\"\n content-class=\"d-recipe-emoji-row__tooltip-content\"\n :fallback-placements=\"['top', 'bottom']\"\n sticky=\"popper\"\n @shown=\"(shown) => emojiHovered(reaction, shown)\"\n >\n <span aria-hidden=\"true\">\n <dt-emoji-text-wrapper size=\"800\">\n <p class=\"d-recipe-emoji-row__tooltip-emoji\">\n {{ reaction.emojiUnicodeOrShortname }}\n </p>\n <br>\n <p class=\"d-recipe-emoji-row__tooltip-names\">\n {{ reaction.names }}\n <span\n class=\"d-recipe-emoji-row__tooltip-label\"\n v-text=\"reactionLabel(reaction)\"\n />\n </p>\n </dt-emoji-text-wrapper>\n </span>\n <template #anchor=\"{ attrs }\">\n <dt-button\n importance=\"clear\"\n :size=\"~~200~~\"\n data-qa=\"feed-item-reaction-button\"\n :class=\"[\n 'd-recipe-emoji-row__reaction',\n reaction.isSelected ? 'd-recipe-emoji-row__reaction--selected' : '',\n ]\"\n :aria-label=\"reactionLabel(reaction)\"\n :attrs=\"attrs\"\n @click=\"emojiClicked(reaction)\"\n >\n <span class=\"d-recipe-emoji-row__emoji\">\n <dt-emoji\n class=\"d-recipe-emoji-row__emoji\"\n size=\"200\"\n img-class=\"d-recipe-emoji-row__emoji-img\"\n :code=\"reaction.emojiUnicodeOrShortname\"\n />\n </span>\n <span class=\"d-recipe-emoji-row__reaction-number\">\n {{ reaction.num }}\n </span>\n </dt-button>\n </template>\n </dt-tooltip>\n </span>\n <!-- TODO: Replace picker slot with a button with localized text and emit any event needed -->\n <!-- @slot Slot for emoji picker component, including the anchor. -->\n <slot name=\"picker\" />\n </span>\n</template>\n\n<script>\nimport { REACTIONS_ATTRIBUTES } from './emoji_row_constants.js';\nimport { DtButton } from '@/components/~~Button~~';\nimport { DtTooltip } from '@/components/~~Tooltip~~';\nimport { DtEmoji } from '@/components/~~Emoji~~';\nimport { DtEmojiTextWrapper } from '@/components/~~EmojiTextWrapper~~';\nimport { DialtoneLocalization } from '@/localization';\nimport { getEmojiShortCode } from '@/common/emoji';\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtRecipeEmojiRow',\n\n components: { DtTooltip, DtButton, DtEmoji, DtEmojiTextWrapper },\n\n props: {\n /*\n Provide an array of reaction objects to be shown.\n */\n reactions: {\n type: Array,\n default: () => [],\n validator: (reactions) => {\n for (const reaction of reactions) {\n const validInput = REACTIONS_ATTRIBUTES.every((attribute) => reaction[attribute] !== undefined);\n if (!validInput) return false;\n }\n return true;\n },\n },\n },\n\n emits: [\n 'emoji-clicked',\n 'emoji-hovered',\n ],\n\n data () {\n return {\n i18n: new DialtoneLocalization(),\n };\n },\n\n methods: {\n emojiClicked (reaction) {\n this.$emit('emoji-clicked', reaction.emojiUnicodeOrShortname);\n },\n\n emojiHovered (reaction, state) {\n this.$emit('emoji-hovered', {\n reaction: reaction.emojiUnicodeOrShortname,\n state,\n });\n },\n\n reactionLabel (reaction) {\n return this.i18n.$t('DIALTONE_EMOJI_ROW_REACTION_LABEL', {\n reaction: getEmojiShortCode(reaction.emojiUnicodeOrShortname),\n personCount: reaction.num,\n });\n },\n },\n};\n</script>\n"],"mappings":"mfAuEA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,mBAEN,WAAY,CAAE,UAAA,EAAA,QAAW,SAAA,EAAA,QAAU,QAAA,EAAA,QAAS,mBAAA,EAAA,QAAoB,CAEhE,MAAO,CAIL,UAAW,CACT,KAAM,MACN,YAAe,EAAE,CACjB,UAAY,GAAc,CACxB,IAAK,IAAM,KAAY,EAErB,GAAI,CADe,EAAA,qBAAqB,MAAO,GAAc,EAAS,KAAe,IAAA,GAAU,CAC9E,MAAO,GAE1B,MAAO,IAEV,CACF,CAED,MAAO,CACL,gBACA,gBACD,CAED,MAAQ,CACN,MAAO,CACL,KAAM,IAAI,EAAA,qBACX,EAGH,QAAS,CACP,aAAc,EAAU,CACtB,KAAK,MAAM,gBAAiB,EAAS,wBAAwB,EAG/D,aAAc,EAAU,EAAO,CAC7B,KAAK,MAAM,gBAAiB,CAC1B,SAAU,EAAS,wBACnB,QACD,CAAC,EAGJ,cAAe,EAAU,CACvB,OAAO,KAAK,KAAK,GAAG,oCAAqC,CACvD,SAAU,EAAA,kBAAkB,EAAS,wBAAwB,CAC7D,YAAa,EAAS,IACvB,CAAC,EAEL,CACF,IA3HO,MAAM,qBAAoB,IAYpB,cAAY,OAAM,IAEjB,MAAM,oCAAmC,IAIzC,MAAM,oCAAmC,sBAsBtC,MAAM,4BAA2B,IAQjC,MAAM,sCAAqC,kPAUpD,OA1DP,EA0DO,GAAA,EAAA,EAAA,WAAA,GAAA,EAAA,EAAA,EAAA,oBAJE,EAAA,SAAA,MAAA,EAAA,EAAA,YApDc,EAAA,UAAZ,+CAoDF,OAAA,CAnDJ,IAAK,EAAS,cAAA,CAAA,EAAA,EAAA,EAAA,aAkDF,EAAA,CA/CX,MAAM,8BACN,gBAAc,sCACb,sBAAqB,CAAA,MAAA,SAAiB,CACvC,OAAO,SACN,QAAQ,GAAU,EAAA,aAAa,EAAU,EAAK,GAiBpC,QAAA,EAAA,EAAA,UAwBG,CAxBO,WAAK,EAAA,EAAA,EAAA,aAwBZ,EAAA,CAtBV,WAAW,~~QACV~~,~~KAAM~~,~~IACP~~,UAAQ,4BACP,OAAA,EAAA,EAAA,gBAAK,CAAA,+BAAgE,EAAS,WAAU,yCAAA,GAAA,CAAA,CAIxF,aAAY,EAAA,cAAc,EAAQ,CAC3B,QACP,QAAK,GAAE,EAAA,aAAa,EAAQ,6BAStB,EAAA,EAAA,EAAA,oBAAA,OAPP,EAOO,EAAA,EAAA,EAAA,aADH,EAAA,CAJA,MAAM,4BACN,KAAK,MACL,YAAU,gCACT,KAAM,EAAS,qEAKb,OAFP,GAAA,EAAA,EAAA,iBACK,EAAS,IAAG,CAAA,EAAA,CAAA,CAAA,iFAvBd,EAAA,EAAA,EAAA,oBAAA,OAdP,EAcO,EAAA,EAAA,EAAA,aADmB,EAAA,CAZD,KAAK,MAAK,CAAA,2BAG3B,0BAAA,IAFJ,GAAA,EAAA,EAAA,iBACK,EAAS,wBAAuB,CAAA,EAAA,sCAEjC,KAAA,KAAA,KAAA,GAAA,2BAOA,IANJ,EAMI,EAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBALC,EAAS,MAAK,CAAG,IACpB,EAAA,EAAA,EAAA,EAAA,oBAGE,OAAA,CAFA,MAAM,sEAC0B,EAAxB,cAAc,EAAQ,CAAA,iFAmCpB,EAAA,OAAA,SAAA,CAAA,CAAA"}
1	+ {"version":3,"file":"emoji-row.cjs","names":[],"sources":["../../../recipes/conversation_view/emoji_row/emoji_row.vue"],"sourcesContent":["<template>\n <span class=\"d-recipe-emoji-row\">\n <span\n v-for=\"reaction in reactions\"\n :key=\"reaction.unicodeOutput\"\n >\n <dt-tooltip\n class=\"d-recipe-emoji-row__tooltip\"\n content-class=\"d-recipe-emoji-row__tooltip-content\"\n :fallback-placements=\"['top', 'bottom']\"\n sticky=\"popper\"\n @shown=\"(shown) => emojiHovered(reaction, shown)\"\n >\n <span aria-hidden=\"true\">\n <dt-emoji-text-wrapper size=\"800\">\n <p class=\"d-recipe-emoji-row__tooltip-emoji\">\n {{ reaction.emojiUnicodeOrShortname }}\n </p>\n <br>\n <p class=\"d-recipe-emoji-row__tooltip-names\">\n {{ reaction.names }}\n <span\n class=\"d-recipe-emoji-row__tooltip-label\"\n v-text=\"reactionLabel(reaction)\"\n />\n </p>\n </dt-emoji-text-wrapper>\n </span>\n <template #anchor=\"{ attrs }\">\n <dt-button\n importance=\"clear\"\n size=\"sm\"\n data-qa=\"feed-item-reaction-button\"\n :class=\"[\n 'd-recipe-emoji-row__reaction',\n reaction.isSelected ? 'd-recipe-emoji-row__reaction--selected' : '',\n ]\"\n :aria-label=\"reactionLabel(reaction)\"\n :attrs=\"attrs\"\n @click=\"emojiClicked(reaction)\"\n >\n <span class=\"d-recipe-emoji-row__emoji\">\n <dt-emoji\n class=\"d-recipe-emoji-row__emoji\"\n size=\"200\"\n img-class=\"d-recipe-emoji-row__emoji-img\"\n :code=\"reaction.emojiUnicodeOrShortname\"\n />\n </span>\n <span class=\"d-recipe-emoji-row__reaction-number\">\n {{ reaction.num }}\n </span>\n </dt-button>\n </template>\n </dt-tooltip>\n </span>\n <!-- TODO: Replace picker slot with a button with localized text and emit any event needed -->\n <!-- @slot Slot for emoji picker component, including the anchor. -->\n <slot name=\"picker\" />\n </span>\n</template>\n\n<script>\nimport { REACTIONS_ATTRIBUTES } from './emoji_row_constants.js';\nimport { DtButton } from '@/components/button';\nimport { DtTooltip } from '@/components/tooltip';\nimport { DtEmoji } from '@/components/emoji';\nimport { DtEmojiTextWrapper } from '@/components/emoji_text_wrapper';\nimport { DialtoneLocalization } from '@/localization';\nimport { getEmojiShortCode } from '@/common/emoji';\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtRecipeEmojiRow',\n\n components: { DtTooltip, DtButton, DtEmoji, DtEmojiTextWrapper },\n\n props: {\n /*\n Provide an array of reaction objects to be shown.\n */\n reactions: {\n type: Array,\n default: () => [],\n validator: (reactions) => {\n for (const reaction of reactions) {\n const validInput = REACTIONS_ATTRIBUTES.every((attribute) => reaction[attribute] !== undefined);\n if (!validInput) return false;\n }\n return true;\n },\n },\n },\n\n emits: [\n 'emoji-clicked',\n 'emoji-hovered',\n ],\n\n data () {\n return {\n i18n: new DialtoneLocalization(),\n };\n },\n\n methods: {\n emojiClicked (reaction) {\n this.$emit('emoji-clicked', reaction.emojiUnicodeOrShortname);\n },\n\n emojiHovered (reaction, state) {\n this.$emit('emoji-hovered', {\n reaction: reaction.emojiUnicodeOrShortname,\n state,\n });\n },\n\n reactionLabel (reaction) {\n return this.i18n.$t('DIALTONE_EMOJI_ROW_REACTION_LABEL', {\n reaction: getEmojiShortCode(reaction.emojiUnicodeOrShortname),\n personCount: reaction.num,\n });\n },\n },\n};\n</script>\n"],"mappings":"mfAuEA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,mBAEN,WAAY,CAAE,UAAA,EAAA,QAAW,SAAA,EAAA,QAAU,QAAA,EAAA,QAAS,mBAAA,EAAA,QAAoB,CAEhE,MAAO,CAIL,UAAW,CACT,KAAM,MACN,YAAe,EAAE,CACjB,UAAY,GAAc,CACxB,IAAK,IAAM,KAAY,EAErB,GAAI,CADe,EAAA,qBAAqB,MAAO,GAAc,EAAS,KAAe,IAAA,GAAU,CAC9E,MAAO,GAE1B,MAAO,IAEV,CACF,CAED,MAAO,CACL,gBACA,gBACD,CAED,MAAQ,CACN,MAAO,CACL,KAAM,IAAI,EAAA,qBACX,EAGH,QAAS,CACP,aAAc,EAAU,CACtB,KAAK,MAAM,gBAAiB,EAAS,wBAAwB,EAG/D,aAAc,EAAU,EAAO,CAC7B,KAAK,MAAM,gBAAiB,CAC1B,SAAU,EAAS,wBACnB,QACD,CAAC,EAGJ,cAAe,EAAU,CACvB,OAAO,KAAK,KAAK,GAAG,oCAAqC,CACvD,SAAU,EAAA,kBAAkB,EAAS,wBAAwB,CAC7D,YAAa,EAAS,IACvB,CAAC,EAEL,CACF,IA3HO,MAAM,qBAAoB,IAYpB,cAAY,OAAM,IAEjB,MAAM,oCAAmC,IAIzC,MAAM,oCAAmC,sBAsBtC,MAAM,4BAA2B,IAQjC,MAAM,sCAAqC,kPAUpD,OA1DP,EA0DO,GAAA,EAAA,EAAA,WAAA,GAAA,EAAA,EAAA,EAAA,oBAJE,EAAA,SAAA,MAAA,EAAA,EAAA,YApDc,EAAA,UAAZ,+CAoDF,OAAA,CAnDJ,IAAK,EAAS,cAAA,CAAA,EAAA,EAAA,EAAA,aAkDF,EAAA,CA/CX,MAAM,8BACN,gBAAc,sCACb,sBAAqB,CAAA,MAAA,SAAiB,CACvC,OAAO,SACN,QAAQ,GAAU,EAAA,aAAa,EAAU,EAAK,GAiBpC,QAAA,EAAA,EAAA,UAwBG,CAxBO,WAAK,EAAA,EAAA,EAAA,aAwBZ,EAAA,CAtBV,WAAW,QACX,KAAK,KACL,UAAQ,4BACP,OAAA,EAAA,EAAA,gBAAK,CAAA,+BAAgE,EAAS,WAAU,yCAAA,GAAA,CAAA,CAIxF,aAAY,EAAA,cAAc,EAAQ,CAC3B,QACP,QAAK,GAAE,EAAA,aAAa,EAAQ,6BAStB,EAAA,EAAA,EAAA,oBAAA,OAPP,EAOO,EAAA,EAAA,EAAA,aADH,EAAA,CAJA,MAAM,4BACN,KAAK,MACL,YAAU,gCACT,KAAM,EAAS,qEAKb,OAFP,GAAA,EAAA,EAAA,iBACK,EAAS,IAAG,CAAA,EAAA,CAAA,CAAA,iFAvBd,EAAA,EAAA,EAAA,oBAAA,OAdP,EAcO,EAAA,EAAA,EAAA,aADmB,EAAA,CAZD,KAAK,MAAK,CAAA,2BAG3B,0BAAA,IAFJ,GAAA,EAAA,EAAA,iBACK,EAAS,wBAAuB,CAAA,EAAA,sCAEjC,KAAA,KAAA,KAAA,GAAA,2BAOA,IANJ,EAMI,EAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBALC,EAAS,MAAK,CAAG,IACpB,EAAA,EAAA,EAAA,EAAA,oBAGE,OAAA,CAFA,MAAM,sEAC0B,EAAxB,cAAc,EAAQ,CAAA,iFAmCpB,EAAA,OAAA,SAAA,CAAA,CAAA"}

package/dist/lib/emoji-row/emoji-row.js CHANGED Viewed

@@ -58,7 +58,7 @@ function O(e, t, n, r, i, a) {
 	}, {
 		anchor: y(({ attrs: t }) => [f(b, {
 			importance: "clear",
-			size: 200,
+			size: "sm",
 			"data-qa": "feed-item-reaction-button",
 			class: p(["d-recipe-emoji-row__reaction", e.isSelected ? "d-recipe-emoji-row__reaction--selected" : ""]),
 			"aria-label": a.reactionLabel(e),

package/dist/lib/emoji-row/emoji-row.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"emoji-row.js","names":[],"sources":["../../../recipes/conversation_view/emoji_row/emoji_row.vue"],"sourcesContent":["<template>\n <span class=\"d-recipe-emoji-row\">\n <span\n v-for=\"reaction in reactions\"\n :key=\"reaction.unicodeOutput\"\n >\n <dt-tooltip\n class=\"d-recipe-emoji-row__tooltip\"\n content-class=\"d-recipe-emoji-row__tooltip-content\"\n :fallback-placements=\"['top', 'bottom']\"\n sticky=\"popper\"\n @shown=\"(shown) => emojiHovered(reaction, shown)\"\n >\n <span aria-hidden=\"true\">\n <dt-emoji-text-wrapper size=\"800\">\n <p class=\"d-recipe-emoji-row__tooltip-emoji\">\n {{ reaction.emojiUnicodeOrShortname }}\n </p>\n <br>\n <p class=\"d-recipe-emoji-row__tooltip-names\">\n {{ reaction.names }}\n <span\n class=\"d-recipe-emoji-row__tooltip-label\"\n v-text=\"reactionLabel(reaction)\"\n />\n </p>\n </dt-emoji-text-wrapper>\n </span>\n <template #anchor=\"{ attrs }\">\n <dt-button\n importance=\"clear\"\n :size=\"~~200~~\"\n data-qa=\"feed-item-reaction-button\"\n :class=\"[\n 'd-recipe-emoji-row__reaction',\n reaction.isSelected ? 'd-recipe-emoji-row__reaction--selected' : '',\n ]\"\n :aria-label=\"reactionLabel(reaction)\"\n :attrs=\"attrs\"\n @click=\"emojiClicked(reaction)\"\n >\n <span class=\"d-recipe-emoji-row__emoji\">\n <dt-emoji\n class=\"d-recipe-emoji-row__emoji\"\n size=\"200\"\n img-class=\"d-recipe-emoji-row__emoji-img\"\n :code=\"reaction.emojiUnicodeOrShortname\"\n />\n </span>\n <span class=\"d-recipe-emoji-row__reaction-number\">\n {{ reaction.num }}\n </span>\n </dt-button>\n </template>\n </dt-tooltip>\n </span>\n <!-- TODO: Replace picker slot with a button with localized text and emit any event needed -->\n <!-- @slot Slot for emoji picker component, including the anchor. -->\n <slot name=\"picker\" />\n </span>\n</template>\n\n<script>\nimport { REACTIONS_ATTRIBUTES } from './emoji_row_constants.js';\nimport { DtButton } from '@/components/~~Button~~';\nimport { DtTooltip } from '@/components/~~Tooltip~~';\nimport { DtEmoji } from '@/components/~~Emoji~~';\nimport { DtEmojiTextWrapper } from '@/components/~~EmojiTextWrapper~~';\nimport { DialtoneLocalization } from '@/localization';\nimport { getEmojiShortCode } from '@/common/emoji';\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtRecipeEmojiRow',\n\n components: { DtTooltip, DtButton, DtEmoji, DtEmojiTextWrapper },\n\n props: {\n /*\n Provide an array of reaction objects to be shown.\n */\n reactions: {\n type: Array,\n default: () => [],\n validator: (reactions) => {\n for (const reaction of reactions) {\n const validInput = REACTIONS_ATTRIBUTES.every((attribute) => reaction[attribute] !== undefined);\n if (!validInput) return false;\n }\n return true;\n },\n },\n },\n\n emits: [\n 'emoji-clicked',\n 'emoji-hovered',\n ],\n\n data () {\n return {\n i18n: new DialtoneLocalization(),\n };\n },\n\n methods: {\n emojiClicked (reaction) {\n this.$emit('emoji-clicked', reaction.emojiUnicodeOrShortname);\n },\n\n emojiHovered (reaction, state) {\n this.$emit('emoji-hovered', {\n reaction: reaction.emojiUnicodeOrShortname,\n state,\n });\n },\n\n reactionLabel (reaction) {\n return this.i18n.$t('DIALTONE_EMOJI_ROW_REACTION_LABEL', {\n reaction: getEmojiShortCode(reaction.emojiUnicodeOrShortname),\n personCount: reaction.num,\n });\n },\n },\n};\n</script>\n"],"mappings":";;;;;;;;;;AAuEA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,YAAY;EAAE,WAAA;EAAW,UAAA;EAAU,SAAA;EAAS,oBAAA;EAAoB;CAEhE,OAAO,EAIL,WAAW;EACT,MAAM;EACN,eAAe,EAAE;EACjB,YAAY,MAAc;AACxB,QAAK,IAAM,KAAY,EAErB,KAAI,CADe,EAAqB,OAAO,MAAc,EAAS,OAAe,KAAA,EAAU,CAC9E,QAAO;AAE1B,UAAO;;EAEV,EACF;CAED,OAAO,CACL,iBACA,gBACD;CAED,OAAQ;AACN,SAAO,EACL,MAAM,IAAI,GAAsB,EACjC;;CAGH,SAAS;EACP,aAAc,GAAU;AACtB,QAAK,MAAM,iBAAiB,EAAS,wBAAwB;;EAG/D,aAAc,GAAU,GAAO;AAC7B,QAAK,MAAM,iBAAiB;IAC1B,UAAU,EAAS;IACnB;IACD,CAAC;;EAGJ,cAAe,GAAU;AACvB,UAAO,KAAK,KAAK,GAAG,qCAAqC;IACvD,UAAU,EAAkB,EAAS,wBAAwB;IAC7D,aAAa,EAAS;IACvB,CAAC;;EAEL;CACF,QA3HO,OAAM,sBAAoB,QAYpB,eAAY,QAAM,QAEjB,OAAM,qCAAmC,QAIzC,OAAM,qCAAmC,6BAsBtC,OAAM,6BAA2B,QAQjC,OAAM,uCAAqC;;;aAhD3D,EA0DO,QA1DP,GA0DO,EAAA,EAAA,GAAA,EAzDL,EAqDO,GAAA,MAAA,EApDc,EAAA,YAAZ,YADT,EAqDO,QAAA,EAnDJ,KAAK,EAAS,eAAA,EAAA,CAEf,EAgDa,GAAA;EA/CX,OAAM;EACN,iBAAc;EACb,uBAAqB,CAAA,OAAA,SAAiB;EACvC,QAAO;EACN,UAAQ,MAAU,EAAA,aAAa,GAAU,EAAK;;EAiBpC,QAAM,GAwBH,EAxBO,eAAK,CACxB,EAuBY,GAAA;GAtBV,YAAW;~~GACV~~,~~MAAM~~;~~GACP~~,WAAQ;GACP,OAAK,EAAA,CAAA,gCAAgE,EAAS,aAAU,2CAAA,GAAA,CAAA;GAIxF,cAAY,EAAA,cAAc,EAAQ;GAC3B;GACP,UAAK,MAAE,EAAA,aAAa,EAAQ;;oBAStB,CAPP,EAOO,QAPP,GAOO,CANL,EAKE,GAAA;IAJA,OAAM;IACN,MAAK;IACL,aAAU;IACT,MAAM,EAAS;4BAGpB,EAEO,QAFP,GAEO,EADF,EAAS,IAAG,EAAA,EAAA,CAAA,CAAA;;;;;;;;mBAvBd,CAdP,EAcO,QAdP,GAcO,CAbL,EAYwB,GAAA,EAZD,MAAK,OAAK,EAAA;oBAG3B;IAFJ,EAEI,KAFJ,GAEI,EADC,EAAS,wBAAuB,EAAA,EAAA;oBAErC,EAAI,MAAA,MAAA,MAAA,GAAA;IACJ,EAMI,KANJ,GAMI,CAAA,EAAA,EALC,EAAS,MAAK,GAAG,KACpB,EAAA,EAAA,EAGE,QAAA;KAFA,OAAM;kBACN,EAAgC,EAAxB,cAAc,EAAQ,CAAA;;;;;;mCAmC1C,EAAsB,EAAA,QAAA,SAAA,CAAA,CAAA"}
1	+ {"version":3,"file":"emoji-row.js","names":[],"sources":["../../../recipes/conversation_view/emoji_row/emoji_row.vue"],"sourcesContent":["<template>\n <span class=\"d-recipe-emoji-row\">\n <span\n v-for=\"reaction in reactions\"\n :key=\"reaction.unicodeOutput\"\n >\n <dt-tooltip\n class=\"d-recipe-emoji-row__tooltip\"\n content-class=\"d-recipe-emoji-row__tooltip-content\"\n :fallback-placements=\"['top', 'bottom']\"\n sticky=\"popper\"\n @shown=\"(shown) => emojiHovered(reaction, shown)\"\n >\n <span aria-hidden=\"true\">\n <dt-emoji-text-wrapper size=\"800\">\n <p class=\"d-recipe-emoji-row__tooltip-emoji\">\n {{ reaction.emojiUnicodeOrShortname }}\n </p>\n <br>\n <p class=\"d-recipe-emoji-row__tooltip-names\">\n {{ reaction.names }}\n <span\n class=\"d-recipe-emoji-row__tooltip-label\"\n v-text=\"reactionLabel(reaction)\"\n />\n </p>\n </dt-emoji-text-wrapper>\n </span>\n <template #anchor=\"{ attrs }\">\n <dt-button\n importance=\"clear\"\n size=\"sm\"\n data-qa=\"feed-item-reaction-button\"\n :class=\"[\n 'd-recipe-emoji-row__reaction',\n reaction.isSelected ? 'd-recipe-emoji-row__reaction--selected' : '',\n ]\"\n :aria-label=\"reactionLabel(reaction)\"\n :attrs=\"attrs\"\n @click=\"emojiClicked(reaction)\"\n >\n <span class=\"d-recipe-emoji-row__emoji\">\n <dt-emoji\n class=\"d-recipe-emoji-row__emoji\"\n size=\"200\"\n img-class=\"d-recipe-emoji-row__emoji-img\"\n :code=\"reaction.emojiUnicodeOrShortname\"\n />\n </span>\n <span class=\"d-recipe-emoji-row__reaction-number\">\n {{ reaction.num }}\n </span>\n </dt-button>\n </template>\n </dt-tooltip>\n </span>\n <!-- TODO: Replace picker slot with a button with localized text and emit any event needed -->\n <!-- @slot Slot for emoji picker component, including the anchor. -->\n <slot name=\"picker\" />\n </span>\n</template>\n\n<script>\nimport { REACTIONS_ATTRIBUTES } from './emoji_row_constants.js';\nimport { DtButton } from '@/components/button';\nimport { DtTooltip } from '@/components/tooltip';\nimport { DtEmoji } from '@/components/emoji';\nimport { DtEmojiTextWrapper } from '@/components/emoji_text_wrapper';\nimport { DialtoneLocalization } from '@/localization';\nimport { getEmojiShortCode } from '@/common/emoji';\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtRecipeEmojiRow',\n\n components: { DtTooltip, DtButton, DtEmoji, DtEmojiTextWrapper },\n\n props: {\n /*\n Provide an array of reaction objects to be shown.\n */\n reactions: {\n type: Array,\n default: () => [],\n validator: (reactions) => {\n for (const reaction of reactions) {\n const validInput = REACTIONS_ATTRIBUTES.every((attribute) => reaction[attribute] !== undefined);\n if (!validInput) return false;\n }\n return true;\n },\n },\n },\n\n emits: [\n 'emoji-clicked',\n 'emoji-hovered',\n ],\n\n data () {\n return {\n i18n: new DialtoneLocalization(),\n };\n },\n\n methods: {\n emojiClicked (reaction) {\n this.$emit('emoji-clicked', reaction.emojiUnicodeOrShortname);\n },\n\n emojiHovered (reaction, state) {\n this.$emit('emoji-hovered', {\n reaction: reaction.emojiUnicodeOrShortname,\n state,\n });\n },\n\n reactionLabel (reaction) {\n return this.i18n.$t('DIALTONE_EMOJI_ROW_REACTION_LABEL', {\n reaction: getEmojiShortCode(reaction.emojiUnicodeOrShortname),\n personCount: reaction.num,\n });\n },\n },\n};\n</script>\n"],"mappings":";;;;;;;;;;AAuEA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,YAAY;EAAE,WAAA;EAAW,UAAA;EAAU,SAAA;EAAS,oBAAA;EAAoB;CAEhE,OAAO,EAIL,WAAW;EACT,MAAM;EACN,eAAe,EAAE;EACjB,YAAY,MAAc;AACxB,QAAK,IAAM,KAAY,EAErB,KAAI,CADe,EAAqB,OAAO,MAAc,EAAS,OAAe,KAAA,EAAU,CAC9E,QAAO;AAE1B,UAAO;;EAEV,EACF;CAED,OAAO,CACL,iBACA,gBACD;CAED,OAAQ;AACN,SAAO,EACL,MAAM,IAAI,GAAsB,EACjC;;CAGH,SAAS;EACP,aAAc,GAAU;AACtB,QAAK,MAAM,iBAAiB,EAAS,wBAAwB;;EAG/D,aAAc,GAAU,GAAO;AAC7B,QAAK,MAAM,iBAAiB;IAC1B,UAAU,EAAS;IACnB;IACD,CAAC;;EAGJ,cAAe,GAAU;AACvB,UAAO,KAAK,KAAK,GAAG,qCAAqC;IACvD,UAAU,EAAkB,EAAS,wBAAwB;IAC7D,aAAa,EAAS;IACvB,CAAC;;EAEL;CACF,QA3HO,OAAM,sBAAoB,QAYpB,eAAY,QAAM,QAEjB,OAAM,qCAAmC,QAIzC,OAAM,qCAAmC,6BAsBtC,OAAM,6BAA2B,QAQjC,OAAM,uCAAqC;;;aAhD3D,EA0DO,QA1DP,GA0DO,EAAA,EAAA,GAAA,EAzDL,EAqDO,GAAA,MAAA,EApDc,EAAA,YAAZ,YADT,EAqDO,QAAA,EAnDJ,KAAK,EAAS,eAAA,EAAA,CAEf,EAgDa,GAAA;EA/CX,OAAM;EACN,iBAAc;EACb,uBAAqB,CAAA,OAAA,SAAiB;EACvC,QAAO;EACN,UAAQ,MAAU,EAAA,aAAa,GAAU,EAAK;;EAiBpC,QAAM,GAwBH,EAxBO,eAAK,CACxB,EAuBY,GAAA;GAtBV,YAAW;GACX,MAAK;GACL,WAAQ;GACP,OAAK,EAAA,CAAA,gCAAgE,EAAS,aAAU,2CAAA,GAAA,CAAA;GAIxF,cAAY,EAAA,cAAc,EAAQ;GAC3B;GACP,UAAK,MAAE,EAAA,aAAa,EAAQ;;oBAStB,CAPP,EAOO,QAPP,GAOO,CANL,EAKE,GAAA;IAJA,OAAM;IACN,MAAK;IACL,aAAU;IACT,MAAM,EAAS;4BAGpB,EAEO,QAFP,GAEO,EADF,EAAS,IAAG,EAAA,EAAA,CAAA,CAAA;;;;;;;;mBAvBd,CAdP,EAcO,QAdP,GAcO,CAbL,EAYwB,GAAA,EAZD,MAAK,OAAK,EAAA;oBAG3B;IAFJ,EAEI,KAFJ,GAEI,EADC,EAAS,wBAAuB,EAAA,EAAA;oBAErC,EAAI,MAAA,MAAA,MAAA,GAAA;IACJ,EAMI,KANJ,GAMI,CAAA,EAAA,EALC,EAAS,MAAK,GAAG,KACpB,EAAA,EAAA,EAGE,QAAA;KAFA,OAAM;kBACN,EAAgC,EAAxB,cAAc,EAAQ,CAAA;;;;;;mCAmC1C,EAAsB,EAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/lib/emoji-text-wrapper/emoji-text-wrapper.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/emoji/index.cjs`),t=require(`../icon/icon-constants.cjs`),n=require(`../emoji/emoji.cjs`);let r=require(`vue`);var i=(0,r.h)((0,r.resolveDynamicComponent)(null)).type,a={name:`DtEmojiTextWrapper`,components:{DtEmoji:n.default},props:{elementType:{type:String,default:`div`},size:{type:String,default:`500`,validator:e=>Object.keys(t.ICON_SIZE_MODIFIERS).includes(e)}},data(){return{loadingEmojiJson:!0}},async created(){this.loadingEmojiJson=!1},methods:{replaceDtEmojis(e,t){if(!e.length)return t;let i=e.map(e=>e.replace(/\*/g,`\\*`)),a=RegExp(`(${i.join(`|`)})`,`g`);return t.split(a).filter(e=>e.trim()!==``).map(t=>e.includes(t)?(0,r.h)(n.default,{code:t,size:this.size}):(0,r.h)(`span`,{class:`d-emoji-text-wrapper__text`},t))},searchVNodes(e){if(!e)return;if(typeof e==`string`)return this.searchCodes(e);if(e.type===i)return e;if(typeof e.type==`symbol`)return this.searchCodes(e.children);if(e.props?.innerHTML)return this.searchVNodes(e.props.innerHTML);let t=Array.isArray(e.children)?e.children:[e.children];return(0,r.h)(e.type,e.props,t.map(e=>this.searchVNodes(e)))},replaceVueComponentVNodeContent(){},searchCodes(t){let n=e.findShortCodes(t),r=e.findEmojis(t),i=[...n,...r];return i.length===0?t:this.replaceDtEmojis(i,t)}},render(){let e=this.$slots.default?this.$slots.default():[];return(0,r.h)(this.elementType,{"data-qa":`emoji-text-wrapper`,class:`d-emoji-text-wrapper`},this.loadingEmojiJson?e:e.map(e=>this.searchVNodes(e)))}};exports.default=a;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/emoji/index.cjs`),t=require(`../icon/icon-constants.cjs`),n=require(`../emoji/emoji.cjs`);let r=require(`vue`);var i=(0,r.h)((0,r.resolveDynamicComponent)(null)).type,a={compatConfig:{MODE:3},name:`DtEmojiTextWrapper`,components:{DtEmoji:n.default},props:{elementType:{type:String,default:`div`},size:{type:String,default:`500`,validator:e=>Object.keys(t.ICON_SIZE_MODIFIERS).includes(e)}},data(){return{loadingEmojiJson:!0}},async created(){this.loadingEmojiJson=!1},methods:{replaceDtEmojis(e,t){if(!e.length)return t;let i=e.map(e=>e.replace(/\*/g,`\\*`)),a=RegExp(`(${i.join(`|`)})`,`g`);return t.split(a).filter(e=>e.trim()!==``).map(t=>e.includes(t)?(0,r.h)(n.default,{code:t,size:this.size}):(0,r.h)(`span`,{class:`d-emoji-text-wrapper__text`},t))},searchVNodes(e){if(!e)return;if(typeof e==`string`)return this.searchCodes(e);if(e.type===i)return e;if(typeof e.type==`symbol`)return this.searchCodes(e.children);if(e.props?.innerHTML)return this.searchVNodes(e.props.innerHTML);let t=Array.isArray(e.children)?e.children:[e.children];return(0,r.h)(e.type,e.props,t.map(e=>this.searchVNodes(e)))},replaceVueComponentVNodeContent(){},searchCodes(t){let n=e.findShortCodes(t),r=e.findEmojis(t),i=[...n,...r];return i.length===0?t:this.replaceDtEmojis(i,t)}},render(){let e=this.$slots.default?this.$slots.default():[];return(0,r.h)(this.elementType,{"data-qa":`emoji-text-wrapper`,class:`d-emoji-text-wrapper`},this.loadingEmojiJson?e:e.map(e=>this.searchVNodes(e)))}};exports.default=a;
 //# sourceMappingURL=emoji-text-wrapper.cjs.map