npm - @dialpad/dialtone-vue - Versions diffs - 3.220.0-next.5 → 3.220.0 - Mend

@dialpad/dialtone-vue 3.220.0-next.5 → 3.220.0

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"general-row.js","names":[],"sources":["../../../recipes/leftbar/general_row/general_row.vue"],"sourcesContent":["<template>\n <div\n :class=\"[leftbarGeneralRowClasses, $attrs.class]\"\n :style=\"$attrs.style\"\n data-qa=\"dt-recipe-leftbar-row\"\n >\n <a\n class=\"d-recipe-leftbar-row__primary\"\n :data-qa=\"'data-qa' in $attrs ? $attrs['data-qa'] : 'd-recipe-leftbar-row-link'\"\n :aria-label=\"getAriaLabel\"\n :title=\"description\"\n :href=\"'href' in $attrs ? $attrs.href : 'javascript:void(0)'\"\n v-bind=\"removeClassStyleAttrs($attrs)\"\n v-on=\"generalRowListeners\"\n >\n <div\n class=\"d-recipe-leftbar-row__alpha\"\n >\n <div\n v-if=\"isTyping\"\n v-dt-tooltip=\"typingTooltip\"\n class=\"d-recipe-leftbar-row__is-typing\"\n >\n <span /><span /><span />\n </div>\n <!-- @slot Slot for start content -->\n <template v-else-if=\"$slots.start\">\n <slot name=\"start\" />\n </template>\n <!-- @slot @deprecated Use start -->\n <template v-else-if=\"$slots.left\">\n <slot name=\"left\" />\n </template>\n <template v-else>\n <div\n v-if=\"isDialbotType\"\n class=\"d-recipe-leftbar-general-row__icon\"\n data-qa=\"dt-recipe-leftbar-row-icon\"\n >\n <dt-icon-dialbot size=\"500\" />\n </div>\n <div\n v-else-if=\"isContactCenterType\"\n :class=\"contactCenterIconClasses\"\n data-qa=\"dt-recipe-leftbar-row-icon\"\n />\n <div\n v-else\n data-qa=\"dt-recipe-leftbar-row-icon\"\n >\n <dt-avatar\n icon-only\n :size=\"avatarSize\"\n >\n <template #icon=\"{ iconSize: slotIconSize }\">\n <component\n :is=\"getIconComponent\"\n :size=\"slotIconSize\"\n />\n </template>\n </dt-avatar>\n </div>\n </template>\n </div>\n <div\n class=\"d-recipe-leftbar-row__label\"\n :style=\"`flex-basis: ${labelWidth}`\"\n >\n <slot name=\"label\">\n <dt-emoji-text-wrapper\n class=\"d-recipe-leftbar-row__description\"\n data-qa=\"dt-recipe-leftbar-row-description\"\n size=\"200\"\n >\n {{ description }}\n </dt-emoji-text-wrapper>\n </slot>\n </div>\n </a>\n <div\n v-if=\"hasActions\"\n class=\"d-recipe-leftbar-row__omega\"\n >\n <dt-tooltip\n v-if=\"dndText\"\n placement=\"top\"\n :message=\"dndTextTooltip\"\n >\n <template #anchor>\n <div\n ref=\"d-recipe-leftbar-row-dnd\"\n class=\"d-recipe-leftbar-row__dnd\"\n data-qa=\"dt-recipe-leftbar-row-dnd\"\n >\n {{ dndText }}\n </div>\n </template>\n </dt-tooltip>\n <div\n v-if=\"activeVoiceChat\"\n v-dt-tooltip=\"activeVoiceChatTooltip\"\n class=\"d-recipe-leftbar-row__active-voice\"\n >\n <dt-icon-waveform\n size=\"300\"\n />\n </div>\n <dt-tooltip\n v-else-if=\"showUnreadCount \|\| showUnreadMentionCount\"\n :message=\"unreadCountTooltip\"\n placement=\"top\"\n >\n <template #anchor>\n <dt-badge\n v-if=\"showUnreadCount\"\n kind=\"count\"\n type=\"bulletin\"\n data-qa=\"dt-recipe-leftbar-row-unread-badge\"\n :class=\"['d-recipe-leftbar-row__unread-badge', {\n 'd-recipe-leftbar-row__unread-count-badge':\n shouldApplyCustomStyleForCountBadge,\n }]\"\n >\n {{ unreadCount }}\n </dt-badge>\n <dt-badge\n v-if=\"showUnreadMentionCount\"\n kind=\"count\"\n type=\"bulletin\"\n data-qa=\"dt-recipe-leftbar-row-unread-mention-badge\"\n :class=\"['d-recipe-leftbar-row__unread-badge',\n { 'd-recipe-leftbar-row__unread-mention-count-badge': shouldApplyCustomStyleForCountBadge },\n { 'd-recipe-leftbar-row__unread-mention-only-count-badge': shouldApplyCustomStyleForMentionOnly },\n ]\"\n >\n {{ unreadMentionCount }}\n </dt-badge>\n </template>\n </dt-tooltip>\n <div\n v-if=\"hasCallButton\"\n class=\"d-recipe-leftbar-row__action\"\n data-qa=\"dt-recipe-leftbar-row-action\"\n >\n <dt-tooltip\n :message=\"callButtonTooltip\"\n placement=\"top\"\n >\n <template #anchor>\n <dt-button\n class=\"d-recipe-leftbar-row__action-button\"\n data-qa=\"dt-recipe-leftbar-row-action-call-button\"\n circle\n :size=\"100\"\n kind=\"inverted\"\n :aria-label=\"callButtonTooltip\"\n @focus=\"actionFocused = true\"\n @blur=\"actionFocused = false\"\n @click.stop=\"$emit('call', $event)\"\n >\n <template #icon>\n <dt-icon-phone\n size=\"200\"\n />\n </template>\n </dt-button>\n </template>\n </dt-tooltip>\n </div>\n </div>\n </div>\n</template>\n\n<script>\n/* eslint-disable max-lines /\nimport {\n LEFTBAR_GENERAL_ROW_TYPES,\n LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS,\n LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR,\n LEFTBAR_GENERAL_ROW_ICON_SIZES,\n} from './general_row_constants';\nimport { DtBadge } from '@/components/Badge';\nimport {\n DtIconPhone,\n DtIconWaveform,\n DtIconDialbot,\n DtIconInbox,\n DtIconContacts,\n DtIconHash,\n DtIconThread,\n DtIconLayoutTemplate,\n DtIconLock,\n DtIconSparkle,\n DtIconUsers,\n DtIconExternalLink,\n DtIconLockFilled,\n DtIconHashBold,\n DtIconAtSign,\n DtIconLaptop2,\n DtIconCalendarClock,\n} from '@dialpad/dialtone-icons/vue';\nimport { DtButton } from '@/components/Button';\nimport { DtTooltip } from '@/components/Tooltip';\nimport { DtEmojiTextWrapper } from '@/components/EmojiTextWrapper';\nimport { DtAvatar } from '@/components/Avatar';\nimport DtRecipeLeftbarGeneralRowIcon from './leftbar_general_row_icon.vue';\nimport { extractVueListeners, safeConcatStrings, removeClassStyleAttrs, returnFirstEl } from '@/common/utils';\nimport { DialtoneLocalization } from '@/localization';\n\nconst TYPE_TO_ICON = new Map([\n [LEFTBAR_GENERAL_ROW_TYPES.INBOX, DtIconInbox],\n [LEFTBAR_GENERAL_ROW_TYPES.CONTACTS, DtIconContacts],\n [LEFTBAR_GENERAL_ROW_TYPES.CHANNELS, DtIconHash],\n [LEFTBAR_GENERAL_ROW_TYPES.THREADS, DtIconThread],\n [LEFTBAR_GENERAL_ROW_TYPES.LAUNCHPAD, DtIconLayoutTemplate],\n [LEFTBAR_GENERAL_ROW_TYPES.LOCKED_CHANNEL, DtIconLock],\n [LEFTBAR_GENERAL_ROW_TYPES.QUICK_START, DtIconSparkle],\n [LEFTBAR_GENERAL_ROW_TYPES.COACHING_GROUP, DtIconUsers],\n [LEFTBAR_GENERAL_ROW_TYPES.COACHING_CENTER, DtIconExternalLink],\n ['locked channel unread', DtIconLockFilled],\n ['channel unread', DtIconHashBold],\n [LEFTBAR_GENERAL_ROW_TYPES.ASSIGNED, DtIconAtSign],\n [LEFTBAR_GENERAL_ROW_TYPES.DIGITAL, DtIconLaptop2],\n [LEFTBAR_GENERAL_ROW_TYPES.SCHEDULED, DtIconCalendarClock],\n]);\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtRecipeGeneralRow',\n\n components: {\n DtEmojiTextWrapper,\n DtBadge,\n DtButton,\n DtTooltip,\n DtIconPhone,\n DtIconWaveform,\n DtIconDialbot,\n DtAvatar,\n DtRecipeLeftbarGeneralRowIcon,\n },\n\n inheritAttrs: false,\n\n props: {\n /\n Determines the icon to show.\n * If type is contact center, the color prop must be provided and will determine the color of the icon\n /\n type: {\n type: String,\n default: 'inbox',\n validator: (type) => {\n return Object.values(LEFTBAR_GENERAL_ROW_TYPES).includes(type);\n },\n },\n\n /\n Will be read out by a screen reader upon focus of this row. If not defined \"description\" will be read.\n /\n ariaLabel: {\n type: String,\n default: '',\n },\n\n /\n Text displayed next to the icon. Required. Even if you are overriding this field using the label slot\n * you still must input this as it will be displayed as the \"title\" attribute for the row.\n /\n description: {\n type: String,\n required: true,\n },\n\n /\n Determines the color of the contact center icon\n /\n color: {\n type: String,\n default: null,\n validator: (color) => {\n return Object.keys(LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS).includes(color);\n },\n },\n\n /\n The channel setting, either 'mention' or 'always'.\n * @values 'mention', 'always', null.\n /\n channelSetting: {\n type: String,\n default: null,\n },\n\n /\n Styles the row with an increased font weight to convey it has unreads. This must be true to see\n * the unread count badge.\n /\n hasUnreads: {\n type: Boolean,\n default: false,\n },\n\n /\n Number of unread messages\n /\n unreadCount: {\n type: String,\n default: null,\n },\n\n /\n Number of unread mention messages\n /\n unreadMentionCount: {\n type: String,\n default: null,\n },\n\n /\n Determines if the row is selected\n /\n selected: {\n type: Boolean,\n default: false,\n },\n\n /\n Gives a faded style to be used when muted\n /\n muted: {\n type: Boolean,\n default: false,\n },\n\n /\n Shows styling to represent an active voice chat. This will display over unreadCount.\n /\n activeVoiceChat: {\n type: Boolean,\n default: false,\n },\n\n /\n Acronym used to represent \"Do not Disturb\" state. If entered will display the entered text alongside\n * unreadCount.\n /\n dndText: {\n type: String,\n default: '',\n },\n\n /\n Whether the row should have a call button. Usually only applicable to individual contact rows.\n /\n hasCallButton: {\n type: Boolean,\n default: false,\n },\n\n /\n Shows an \"is typing\" animation over the avatar when true.\n /\n isTyping: {\n type: Boolean,\n default: false,\n },\n\n /\n Sets the size of the icon.\n /\n iconSize: {\n type: String,\n default: '300',\n validator: (size) => {\n return LEFTBAR_GENERAL_ROW_ICON_SIZES.includes(size);\n },\n },\n },\n\n emits: [\n /\n Call button clicked\n \n @event call\n * @type {PointerEvent \| KeyboardEvent}\n /\n 'call',\n ],\n\n data () {\n return {\n actionFocused: false,\n labelWidth: '100%',\n i18n: new DialtoneLocalization(),\n };\n },\n\n computed: {\n leftbarGeneralRowClasses () {\n return [\n 'd-recipe-leftbar-row',\n {\n 'd-recipe-leftbar-row--no-action': !this.hasCallButton,\n 'd-recipe-leftbar-row--has-unread': this.hasUnreads,\n 'd-recipe-leftbar-row__unread-count': this.showUnreadCount \|\| this.showUnreadMentionCount,\n 'd-recipe-leftbar-row--selected': this.selected,\n 'd-recipe-leftbar-row--muted': this.muted,\n 'd-recipe-leftbar-row--action-focused': this.actionFocused,\n },\n ];\n },\n\n getIcon () {\n switch (this.type) {\n case LEFTBAR_GENERAL_ROW_TYPES.CHANNELS:\n if (this.hasUnreads) return 'channel unread';\n break;\n case LEFTBAR_GENERAL_ROW_TYPES.LOCKED_CHANNEL:\n if (this.hasUnreads) return 'locked channel unread';\n break;\n }\n return this.type;\n },\n\n getIconComponent () {\n return TYPE_TO_ICON.get(this.getIcon);\n },\n\n isDialbotType () {\n return this.type === LEFTBAR_GENERAL_ROW_TYPES.DIALBOT;\n },\n\n isContactCenterType () {\n return this.type === LEFTBAR_GENERAL_ROW_TYPES.CONTACT_CENTER;\n },\n\n contactCenterIconClasses () {\n return [\n 'd-recipe-leftbar-row__icon-cc',\n LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS[this.color],\n ];\n },\n\n avatarSize () {\n // Map icon sizes to avatar sizes\n // iconSize '300' -> avatar size 300\n // iconSize '200' -> avatar size 200\n return this.iconSize;\n },\n\n generalRowListeners () {\n return extractVueListeners(this.$attrs);\n },\n\n getAriaLabel () {\n if (this.ariaLabel) return this.ariaLabel;\n\n return safeConcatStrings([\n this.typingTooltip,\n this.description,\n this.unreadCountTooltip,\n this.dndTextTooltip,\n this.activeVoiceChatTooltip,\n ]);\n },\n\n hasActions () {\n return this.dndText \|\| this.activeVoiceChat \|\| this.showUnreadCount \|\| this.hasCallButton \|\|\n this.showUnreadMentionCount;\n },\n\n showUnreadCount () {\n return !!this.unreadCount && this.hasUnreads;\n },\n\n showUnreadMentionCount () {\n return !!this.unreadMentionCount && this.hasUnreads;\n },\n\n hasUnreadCount () {\n return this.unreadCount !== null;\n },\n\n hasUnreadMentionCount () {\n return this.unreadMentionCount !== null;\n },\n\n shouldApplyCustomStyleForCountBadge () {\n return this.hasUnreadCount && this.hasUnreadMentionCount;\n },\n\n /\n When a channel in 'always' setting, meaning the user should see both unread count and unread mention count,\n * if there are only mention messages, we should apply the theme design tokens var(--dt-theme-mention-color-[background\|\|foreground]-strong).\n * @returns {boolean}\n */\n shouldApplyCustomStyleForMentionOnly () {\n return this.channelSetting === 'always' && !this.hasUnreadCount && this.hasUnreadMentionCount;\n },\n\n messageCount () {\n return isNaN(this.unreadCount)\n ? this.unreadCount\n : Number(this.unreadCount);\n },\n\n mentionCount () {\n return isNaN(this.unreadMentionCount)\n ? this.unreadMentionCount\n : Number(this.unreadMentionCount);\n },\n\n unreadCountTooltip () {\n return safeConcatStrings([\n this.unreadCount && this.i18n.$t('DIALTONE_UNREAD_MESSAGE_COUNT_TEXT', { unreadCount: this.messageCount }),\n this.unreadMentionCount && this.i18n.$t('DIALTONE_UNREAD_MENTION_COUNT_TEXT', { unreadCount: this.mentionCount }),\n ]);\n },\n\n dndTextTooltip () {\n return this.dndText && this.i18n.$t('DIALTONE_GENERAL_ROW_DND_TEXT_TOOLTIP');\n },\n\n activeVoiceChatTooltip () {\n return this.activeVoiceChat && this.i18n.$t('DIALTONE_GENERAL_ROW_ACTIVE_VOICE_CHAT_TEXT');\n },\n\n callButtonTooltip () {\n return this.i18n.$t('DIALTONE_GENERAL_ROW_CALL_BUTTON_TOOLTIP');\n },\n\n typingTooltip () {\n return this.isTyping && this.i18n.$t('DIALTONE_TYPING_TEXT');\n },\n },\n\n watch: {\n $props: {\n immediate: true,\n deep: true,\n async handler () {\n this.validateProps();\n await this.$nextTick();\n this.adjustLabelWidth();\n },\n },\n },\n\n mounted () {\n this.resizeObserver = new ResizeObserver(this.adjustLabelWidth);\n this.resizeObserver.observe(returnFirstEl(this.$el));\n this.adjustLabelWidth();\n },\n\n beforeUnmount: function () {\n this.resizeObserver.disconnect();\n },\n\n methods: {\n removeClassStyleAttrs,\n\n validateProps () {\n if (this.type === LEFTBAR_GENERAL_ROW_TYPES.CONTACT_CENTER &&\n !Object.keys(LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS).includes(this.color)) {\n console.error(LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR);\n }\n },\n\n adjustLabelWidth () {\n const labelWidth = returnFirstEl(this.$el)?.querySelector('.d-recipe-leftbar-row__primary')?.clientWidth \|\| 0;\n const omegaWidth = returnFirstEl(this.$el)?.querySelector('.d-recipe-leftbar-row__omega')?.clientWidth \|\| 0;\n const alphaWidth = returnFirstEl(this.$el)?.querySelector('.d-recipe-leftbar-row__alpha')?.clientWidth \|\| 0;\n const paddings = 16;\n this.labelWidth = labelWidth - (omegaWidth + alphaWidth + paddings) + 'px';\n },\n },\n};\n</script>\n"],"mappings":"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"}
1	+ {"version":3,"file":"general-row.js","names":[],"sources":["../../../recipes/leftbar/general_row/general_row.vue"],"sourcesContent":["<template>\n <div\n :class=\"leftbarGeneralRowClasses\"\n v-bind=\"addClassStyleAttrs($attrs)\"\n data-qa=\"dt-recipe-leftbar-row\"\n >\n <a\n class=\"d-recipe-leftbar-row__primary\"\n :data-qa=\"'data-qa' in $attrs ? $attrs['data-qa'] : 'd-recipe-leftbar-row-link'\"\n :aria-label=\"getAriaLabel\"\n :title=\"description\"\n :href=\"'href' in $attrs ? $attrs.href : 'javascript:void(0)'\"\n v-bind=\"removeClassStyleAttrs($attrs)\"\n v-on=\"generalRowListeners\"\n >\n <div\n class=\"d-recipe-leftbar-row__alpha\"\n >\n <div\n v-if=\"isTyping\"\n v-dt-tooltip=\"typingTooltip\"\n class=\"d-recipe-leftbar-row__is-typing\"\n >\n <span /><span /><span />\n </div>\n <slot\n v-else\n name=\"left\"\n >\n <dt-recipe-leftbar-general-row-icon\n :type=\"getIcon\"\n :color=\"color\"\n :icon-size=\"iconSize\"\n data-qa=\"dt-recipe-leftbar-row-icon\"\n />\n </slot>\n </div>\n <div\n class=\"d-recipe-leftbar-row__label\"\n :style=\"`flex-basis: ${labelWidth}`\"\n >\n <slot name=\"label\">\n <dt-emoji-text-wrapper\n class=\"d-recipe-leftbar-row__description\"\n data-qa=\"dt-recipe-leftbar-row-description\"\n size=\"200\"\n >\n {{ description }}\n </dt-emoji-text-wrapper>\n </slot>\n </div>\n </a>\n <div\n v-if=\"hasActions\"\n class=\"d-recipe-leftbar-row__omega\"\n >\n <dt-tooltip\n v-if=\"dndText\"\n placement=\"top\"\n :message=\"dndTextTooltip\"\n >\n <template #anchor>\n <div\n ref=\"d-recipe-leftbar-row-dnd\"\n class=\"d-recipe-leftbar-row__dnd\"\n data-qa=\"dt-recipe-leftbar-row-dnd\"\n >\n {{ dndText }}\n </div>\n </template>\n </dt-tooltip>\n <div\n v-if=\"activeVoiceChat\"\n v-dt-tooltip=\"activeVoiceChatTooltip\"\n class=\"d-recipe-leftbar-row__active-voice\"\n >\n <dt-icon-waveform\n size=\"300\"\n />\n </div>\n <dt-tooltip\n v-else-if=\"showUnreadCount \|\| showUnreadMentionCount\"\n :message=\"unreadCountTooltip\"\n placement=\"top\"\n >\n <template #anchor>\n <dt-badge\n v-if=\"showUnreadCount\"\n kind=\"count\"\n type=\"bulletin\"\n data-qa=\"dt-recipe-leftbar-row-unread-badge\"\n :class=\"['d-recipe-leftbar-row__unread-badge', {\n 'd-recipe-leftbar-row__unread-count-badge':\n shouldApplyCustomStyleForCountBadge,\n }]\"\n >\n {{ unreadCount }}\n </dt-badge>\n <dt-badge\n v-if=\"showUnreadMentionCount\"\n kind=\"count\"\n type=\"bulletin\"\n data-qa=\"dt-recipe-leftbar-row-unread-mention-badge\"\n :class=\"['d-recipe-leftbar-row__unread-badge',\n { 'd-recipe-leftbar-row__unread-mention-count-badge': shouldApplyCustomStyleForCountBadge },\n { 'd-recipe-leftbar-row__unread-mention-only-count-badge': shouldApplyCustomStyleForMentionOnly },\n ]\"\n >\n {{ unreadMentionCount }}\n </dt-badge>\n </template>\n </dt-tooltip>\n <div\n v-if=\"hasCallButton\"\n class=\"d-recipe-leftbar-row__action\"\n data-qa=\"dt-recipe-leftbar-row-action\"\n >\n <dt-tooltip\n :message=\"callButtonTooltip\"\n placement=\"top\"\n >\n <template #anchor>\n <dt-button\n class=\"d-recipe-leftbar-row__action-button\"\n data-qa=\"dt-recipe-leftbar-row-action-call-button\"\n circle\n size=\"xs\"\n kind=\"inverted\"\n :aria-label=\"callButtonTooltip\"\n @focus=\"actionFocused = true\"\n @blur=\"actionFocused = false\"\n @click.stop=\"$emit('call', $event)\"\n >\n <template #icon>\n <dt-icon-phone\n size=\"200\"\n />\n </template>\n </dt-button>\n </template>\n </dt-tooltip>\n </div>\n </div>\n </div>\n</template>\n\n<script>\n/* eslint-disable max-lines /\nimport {\n LEFTBAR_GENERAL_ROW_TYPES,\n LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS,\n LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR,\n LEFTBAR_GENERAL_ROW_ICON_SIZES,\n} from './general_row_constants';\nimport { DtBadge } from '@/components/badge';\nimport { DtIconPhone, DtIconWaveform } from '@dialpad/dialtone-icons/vue3';\nimport { DtButton } from '@/components/button';\nimport { DtTooltip } from '@/components/tooltip';\nimport { DtEmojiTextWrapper } from '@/components/emoji_text_wrapper';\nimport DtRecipeLeftbarGeneralRowIcon from './leftbar_general_row_icon.vue';\nimport { extractVueListeners, safeConcatStrings, removeClassStyleAttrs, returnFirstEl, addClassStyleAttrs } from '@/common/utils';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtRecipeGeneralRow',\n\n components: {\n DtEmojiTextWrapper,\n DtBadge,\n DtButton,\n DtTooltip,\n DtIconPhone,\n DtIconWaveform,\n DtRecipeLeftbarGeneralRowIcon,\n },\n\n inheritAttrs: false,\n\n props: {\n /\n Determines the icon to show.\n * If type is contact center, the color prop must be provided and will determine the color of the icon\n /\n type: {\n type: String,\n default: 'inbox',\n validator: (type) => {\n return Object.values(LEFTBAR_GENERAL_ROW_TYPES).includes(type);\n },\n },\n\n /\n Will be read out by a screen reader upon focus of this row. If not defined \"description\" will be read.\n /\n ariaLabel: {\n type: String,\n default: '',\n },\n\n /\n Text displayed next to the icon. Required. Even if you are overriding this field using the label slot\n * you still must input this as it will be displayed as the \"title\" attribute for the row.\n /\n description: {\n type: String,\n required: true,\n },\n\n /\n Determines the color of the contact center icon\n /\n color: {\n type: String,\n default: null,\n validator: (color) => {\n return Object.keys(LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS).includes(color);\n },\n },\n\n /\n The channel setting, either 'mention' or 'always'.\n * @values 'mention', 'always', null.\n /\n channelSetting: {\n type: String,\n default: null,\n },\n\n /\n Styles the row with an increased font weight to convey it has unreads. This must be true to see\n * the unread count badge.\n /\n hasUnreads: {\n type: Boolean,\n default: false,\n },\n\n /\n Number of unread messages\n /\n unreadCount: {\n type: String,\n default: null,\n },\n\n /\n Number of unread mention messages\n /\n unreadMentionCount: {\n type: String,\n default: null,\n },\n\n /\n Determines if the row is selected\n /\n selected: {\n type: Boolean,\n default: false,\n },\n\n /\n Gives a faded style to be used when muted\n /\n muted: {\n type: Boolean,\n default: false,\n },\n\n /\n Shows styling to represent an active voice chat. This will display over unreadCount.\n /\n activeVoiceChat: {\n type: Boolean,\n default: false,\n },\n\n /\n Acronym used to represent \"Do not Disturb\" state. If entered will display the entered text alongside\n * unreadCount.\n /\n dndText: {\n type: String,\n default: '',\n },\n\n /\n Whether the row should have a call button. Usually only applicable to individual contact rows.\n /\n hasCallButton: {\n type: Boolean,\n default: false,\n },\n\n /\n Shows an \"is typing\" animation over the avatar when true.\n /\n isTyping: {\n type: Boolean,\n default: false,\n },\n\n /\n Sets the size of the icon.\n /\n iconSize: {\n type: String,\n default: '300',\n validator: (size) => {\n return LEFTBAR_GENERAL_ROW_ICON_SIZES.includes(size);\n },\n },\n },\n\n emits: [\n /\n Call button clicked\n \n @event call\n * @type {PointerEvent \| KeyboardEvent}\n /\n 'call',\n ],\n\n data () {\n return {\n actionFocused: false,\n labelWidth: '100%',\n i18n: new DialtoneLocalization(),\n };\n },\n\n computed: {\n leftbarGeneralRowClasses () {\n return [\n 'd-recipe-leftbar-row',\n {\n 'd-recipe-leftbar-row--no-action': !this.hasCallButton,\n 'd-recipe-leftbar-row--has-unread': this.hasUnreads,\n 'd-recipe-leftbar-row__unread-count': this.showUnreadCount \|\| this.showUnreadMentionCount,\n 'd-recipe-leftbar-row--selected': this.selected,\n 'd-recipe-leftbar-row--muted': this.muted,\n 'd-recipe-leftbar-row--action-focused': this.actionFocused,\n },\n ];\n },\n\n getIcon () {\n switch (this.type) {\n case LEFTBAR_GENERAL_ROW_TYPES.CHANNELS:\n if (this.hasUnreads) return 'channel unread';\n break;\n case LEFTBAR_GENERAL_ROW_TYPES.LOCKED_CHANNEL:\n if (this.hasUnreads) return 'locked channel unread';\n break;\n }\n return this.type;\n },\n\n generalRowListeners () {\n return extractVueListeners(this.$attrs);\n },\n\n getAriaLabel () {\n if (this.ariaLabel) return this.ariaLabel;\n\n return safeConcatStrings([\n this.typingTooltip,\n this.description,\n this.unreadCountTooltip,\n this.dndTextTooltip,\n this.activeVoiceChatTooltip,\n ]);\n },\n\n hasActions () {\n return this.dndText \|\| this.activeVoiceChat \|\| this.showUnreadCount \|\| this.hasCallButton \|\|\n this.showUnreadMentionCount;\n },\n\n showUnreadCount () {\n return !!this.unreadCount && this.hasUnreads;\n },\n\n showUnreadMentionCount () {\n return !!this.unreadMentionCount && this.hasUnreads;\n },\n\n hasUnreadCount () {\n return this.unreadCount !== null;\n },\n\n hasUnreadMentionCount () {\n return this.unreadMentionCount !== null;\n },\n\n shouldApplyCustomStyleForCountBadge () {\n return this.hasUnreadCount && this.hasUnreadMentionCount;\n },\n\n /\n When a channel in 'always' setting, meaning the user should see both unread count and unread mention count,\n * if there are only mention messages, we should apply the theme design tokens var(--dt-theme-mention-color-[background\|\|foreground]-strong).\n * @returns {boolean}\n */\n shouldApplyCustomStyleForMentionOnly () {\n return this.channelSetting === 'always' && !this.hasUnreadCount && this.hasUnreadMentionCount;\n },\n\n messageCount () {\n return isNaN(this.unreadCount)\n ? this.unreadCount\n : Number(this.unreadCount);\n },\n\n mentionCount () {\n return isNaN(this.unreadMentionCount)\n ? this.unreadMentionCount\n : Number(this.unreadMentionCount);\n },\n\n unreadCountTooltip () {\n return safeConcatStrings([\n this.unreadCount && this.i18n.$t('DIALTONE_UNREAD_MESSAGE_COUNT_TEXT', { unreadCount: this.messageCount }),\n this.unreadMentionCount && this.i18n.$t('DIALTONE_UNREAD_MENTION_COUNT_TEXT', { unreadCount: this.mentionCount }),\n ]);\n },\n\n dndTextTooltip () {\n return this.dndText && this.i18n.$t('DIALTONE_GENERAL_ROW_DND_TEXT_TOOLTIP');\n },\n\n activeVoiceChatTooltip () {\n return this.activeVoiceChat && this.i18n.$t('DIALTONE_GENERAL_ROW_ACTIVE_VOICE_CHAT_TEXT');\n },\n\n callButtonTooltip () {\n return this.i18n.$t('DIALTONE_GENERAL_ROW_CALL_BUTTON_TOOLTIP');\n },\n\n typingTooltip () {\n return this.isTyping && this.i18n.$t('DIALTONE_TYPING_TEXT');\n },\n },\n\n watch: {\n $props: {\n immediate: true,\n deep: true,\n async handler () {\n this.validateProps();\n await this.$nextTick();\n this.adjustLabelWidth();\n },\n },\n },\n\n mounted () {\n this.resizeObserver = new ResizeObserver(this.adjustLabelWidth);\n this.resizeObserver.observe(returnFirstEl(this.$el));\n this.adjustLabelWidth();\n },\n\n beforeUnmount: function () {\n this.resizeObserver.disconnect();\n },\n\n methods: {\n removeClassStyleAttrs,\n addClassStyleAttrs,\n\n validateProps () {\n if (this.type === LEFTBAR_GENERAL_ROW_TYPES.CONTACT_CENTER &&\n !Object.keys(LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS).includes(this.color)) {\n console.error(LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR);\n }\n },\n\n adjustLabelWidth () {\n const labelWidth = returnFirstEl(this.$el)?.querySelector('.d-recipe-leftbar-row__primary')?.clientWidth \|\| 0;\n const omegaWidth = returnFirstEl(this.$el)?.querySelector('.d-recipe-leftbar-row__omega')?.clientWidth \|\| 0;\n const alphaWidth = returnFirstEl(this.$el)?.querySelector('.d-recipe-leftbar-row__alpha')?.clientWidth \|\| 0;\n const paddings = 16;\n this.labelWidth = labelWidth - (omegaWidth + alphaWidth + paddings) + 'px';\n },\n },\n};\n</script>\n"],"mappings":"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"}

package/dist/lib/general-row/leftbar-general-row-icon.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(`./general-row-constants.cjs`);let n=require(`vue`),r=require(`@dialpad/dialtone-icons/vue`);var i=new Map([[t.LEFTBAR_GENERAL_ROW_TYPES.INBOX,r.DtIconInbox],[t.LEFTBAR_GENERAL_ROW_TYPES.CONTACTS,r.DtIconContacts],[t.LEFTBAR_GENERAL_ROW_TYPES.CHANNELS,r.DtIconHash],[t.LEFTBAR_GENERAL_ROW_TYPES.THREADS,r.DtIconThread],[t.LEFTBAR_GENERAL_ROW_TYPES.LAUNCHPAD,r.DtIconLayoutTemplate],[t.LEFTBAR_GENERAL_ROW_TYPES.LOCKED_CHANNEL,r.DtIconLock],[t.LEFTBAR_GENERAL_ROW_TYPES.QUICK_START,r.DtIconSparkle],[t.LEFTBAR_GENERAL_ROW_TYPES.COACHING_GROUP,r.DtIconUsers],[t.LEFTBAR_GENERAL_ROW_TYPES.COACHING_CENTER,r.DtIconExternalLink],[`locked channel unread`,r.DtIconLockFilled],[`channel unread`,r.DtIconHashBold],[t.LEFTBAR_GENERAL_ROW_TYPES.ASSIGNED,r.DtIconAtSign],[t.LEFTBAR_GENERAL_ROW_TYPES.DIGITAL,r.DtIconLaptop2],[t.LEFTBAR_GENERAL_ROW_TYPES.SCHEDULED,r.DtIconCalendarClock]]),a={compatConfig:{MODE:3},name:`DtRecipeLeftbarGeneralRowIcon`,components:{DtIconDialbot:r.DtIconDialbot,DtIconInbox:r.DtIconInbox,DtIconContacts:r.DtIconContacts,DtIconHash:r.DtIconHash,DtIconThread:r.DtIconThread,DtIconLayoutTemplate:r.DtIconLayoutTemplate,DtIconLock:r.DtIconLock,DtIconSparkle:r.DtIconSparkle,DtIconUsers:r.DtIconUsers,DtIconExternalLink:r.DtIconExternalLink,DtIconLockFilled:r.DtIconLockFilled,DtIconHashBold:r.DtIconHashBold,DtIconAtSign:r.DtIconAtSign,DtIconLaptop2:r.DtIconLaptop2,DtIconCalendarClock:r.DtIconCalendarClock},props:{type:{type:String,default:null},color:{type:String,default:null},iconSize:{type:String,default:`300`}},computed:{isIconType(){return![t.LEFTBAR_GENERAL_ROW_TYPES.DIALBOT,t.LEFTBAR_GENERAL_ROW_TYPES.CONTACT_CENTER].includes(this.type)},isContactCenterType(){return this.type===t.LEFTBAR_GENERAL_ROW_TYPES.CONTACT_CENTER},isDialbotType(){return this.type===t.LEFTBAR_GENERAL_ROW_TYPES.DIALBOT},getIconName(){return i.get(this.type)},contactCenterIconClasses(){return[`d-recipe-leftbar-row__icon-cc`,t.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS[this.color]]}}},o={key:2,class:`d-recipe-leftbar-general-row__icon`,"data-qa":`general-row-dialbot`};function s(e,t,r,i,a,s){let c=(0,n.resolveComponent)(`dt-icon-dialbot`);return s.isIconType?((0,n.openBlock)(),(0,n.createBlock)((0,n.resolveDynamicComponent)(s.getIconName),{key:0,size:r.iconSize},null,8,[`size`])):s.isContactCenterType?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:1,class:(0,n.normalizeClass)(s.contactCenterIconClasses)},null,2)):s.isDialbotType?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,o,[(0,n.createVNode)(c,{size:`500`})])):(0,n.createCommentVNode)(``,!0)}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(`./general-row-constants.cjs`);let n=require(`vue`),r=require(`@dialpad/dialtone-icons/vue3`);var i=new Map([[t.LEFTBAR_GENERAL_ROW_TYPES.INBOX,r.DtIconInbox],[t.LEFTBAR_GENERAL_ROW_TYPES.CONTACTS,r.DtIconContacts],[t.LEFTBAR_GENERAL_ROW_TYPES.CHANNELS,r.DtIconHash],[t.LEFTBAR_GENERAL_ROW_TYPES.THREADS,r.DtIconThread],[t.LEFTBAR_GENERAL_ROW_TYPES.LAUNCHPAD,r.DtIconLayoutTemplate],[t.LEFTBAR_GENERAL_ROW_TYPES.LOCKED_CHANNEL,r.DtIconLock],[t.LEFTBAR_GENERAL_ROW_TYPES.QUICK_START,r.DtIconSparkle],[t.LEFTBAR_GENERAL_ROW_TYPES.COACHING_GROUP,r.DtIconUsers],[t.LEFTBAR_GENERAL_ROW_TYPES.COACHING_CENTER,r.DtIconExternalLink],[`locked channel unread`,r.DtIconLockFilled],[`channel unread`,r.DtIconHashBold],[t.LEFTBAR_GENERAL_ROW_TYPES.ASSIGNED,r.DtIconAtSign],[t.LEFTBAR_GENERAL_ROW_TYPES.DIGITAL,r.DtIconLaptop2],[t.LEFTBAR_GENERAL_ROW_TYPES.SCHEDULED,r.DtIconCalendarClock]]),a={compatConfig:{MODE:3},name:`DtRecipeLeftbarGeneralRowIcon`,components:{DtIconDialbot:r.DtIconDialbot,DtIconInbox:r.DtIconInbox,DtIconContacts:r.DtIconContacts,DtIconHash:r.DtIconHash,DtIconThread:r.DtIconThread,DtIconLayoutTemplate:r.DtIconLayoutTemplate,DtIconLock:r.DtIconLock,DtIconSparkle:r.DtIconSparkle,DtIconUsers:r.DtIconUsers,DtIconExternalLink:r.DtIconExternalLink,DtIconLockFilled:r.DtIconLockFilled,DtIconHashBold:r.DtIconHashBold,DtIconAtSign:r.DtIconAtSign,DtIconLaptop2:r.DtIconLaptop2,DtIconCalendarClock:r.DtIconCalendarClock},props:{type:{type:String,default:null},color:{type:String,default:null},iconSize:{type:String,default:`300`}},computed:{isIconType(){return![t.LEFTBAR_GENERAL_ROW_TYPES.DIALBOT,t.LEFTBAR_GENERAL_ROW_TYPES.CONTACT_CENTER].includes(this.type)},isContactCenterType(){return this.type===t.LEFTBAR_GENERAL_ROW_TYPES.CONTACT_CENTER},isDialbotType(){return this.type===t.LEFTBAR_GENERAL_ROW_TYPES.DIALBOT},getIconName(){return i.get(this.type)},contactCenterIconClasses(){return[`d-recipe-leftbar-row__icon-cc`,t.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS[this.color]]}}},o={key:2,class:`d-recipe-leftbar-general-row__icon`,"data-qa":`general-row-dialbot`};function s(e,t,r,i,a,s){let c=(0,n.resolveComponent)(`dt-icon-dialbot`);return s.isIconType?((0,n.openBlock)(),(0,n.createBlock)((0,n.resolveDynamicComponent)(s.getIconName),{key:0,size:r.iconSize},null,8,[`size`])):s.isContactCenterType?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:1,class:(0,n.normalizeClass)(s.contactCenterIconClasses)},null,2)):s.isDialbotType?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,o,[(0,n.createVNode)(c,{size:`500`})])):(0,n.createCommentVNode)(``,!0)}var c=e.t(a,[[`render`,s]]);exports.default=c;
 //# sourceMappingURL=leftbar-general-row-icon.cjs.map

package/dist/lib/general-row/leftbar-general-row-icon.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"leftbar-general-row-icon.cjs","names":[],"sources":["../../../recipes/leftbar/general_row/leftbar_general_row_icon.vue"],"sourcesContent":["<template>\n <component\n :is=\"getIconName\"\n v-if=\"isIconType\"\n :size=\"iconSize\"\n />\n <div\n v-else-if=\"isContactCenterType\"\n :class=\"contactCenterIconClasses\"\n />\n <div\n v-else-if=\"isDialbotType\"\n class=\"d-recipe-leftbar-general-row__icon\"\n data-qa=\"general-row-dialbot\"\n >\n <dt-icon-dialbot\n size=\"500\"\n />\n </div>\n</template>\n\n<script>\nimport {\n DtIconDialbot,\n DtIconInbox,\n DtIconContacts,\n DtIconHash,\n DtIconThread,\n DtIconLayoutTemplate,\n DtIconLock,\n DtIconSparkle,\n DtIconUsers,\n DtIconExternalLink,\n DtIconLockFilled,\n DtIconHashBold,\n DtIconAtSign,\n DtIconLaptop2,\n DtIconCalendarClock,\n} from '@dialpad/dialtone-icons/~~vue~~';\nimport {\n LEFTBAR_GENERAL_ROW_TYPES as TYPES,\n LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS as COLORS,\n} from '@/recipes/leftbar/general_row/general_row_constants';\n\nconst typeToIcon = new Map([\n [TYPES.INBOX, DtIconInbox],\n [TYPES.CONTACTS, DtIconContacts],\n [TYPES.CHANNELS, DtIconHash],\n [TYPES.THREADS, DtIconThread],\n [TYPES.LAUNCHPAD, DtIconLayoutTemplate],\n [TYPES.LOCKED_CHANNEL, DtIconLock],\n [TYPES.QUICK_START, DtIconSparkle],\n [TYPES.COACHING_GROUP, DtIconUsers],\n [TYPES.COACHING_CENTER, DtIconExternalLink],\n ['locked channel unread', DtIconLockFilled],\n ['channel unread', DtIconHashBold],\n [TYPES.ASSIGNED, DtIconAtSign],\n [TYPES.DIGITAL, DtIconLaptop2],\n [TYPES.SCHEDULED, DtIconCalendarClock],\n]);\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtRecipeLeftbarGeneralRowIcon',\n components: {\n DtIconDialbot,\n DtIconInbox,\n DtIconContacts,\n DtIconHash,\n DtIconThread,\n DtIconLayoutTemplate,\n DtIconLock,\n DtIconSparkle,\n DtIconUsers,\n DtIconExternalLink,\n DtIconLockFilled,\n DtIconHashBold,\n DtIconAtSign,\n DtIconLaptop2,\n DtIconCalendarClock,\n },\n\n props: {\n type: {\n type: String,\n default: null,\n },\n\n color: {\n type: String,\n default: null,\n },\n\n iconSize: {\n type: String,\n default: '300',\n },\n },\n\n computed: {\n isIconType () {\n return ![TYPES.DIALBOT, TYPES.CONTACT_CENTER].includes(this.type);\n },\n\n isContactCenterType () {\n return this.type === TYPES.CONTACT_CENTER;\n },\n\n isDialbotType () {\n return this.type === TYPES.DIALBOT;\n },\n\n getIconName () {\n return typeToIcon.get(this.type);\n },\n\n contactCenterIconClasses () {\n return [\n 'd-recipe-leftbar-row__icon-cc',\n COLORS[this.color],\n ];\n },\n },\n};\n</script>\n"],"mappings":"~~0SA4CA~~,IAAM,EAAa,IAAI,IAAI,CACzB,CAAC,EAAA,0BAAM,MAAO,EAAA,YAAY,CAC1B,CAAC,EAAA,0BAAM,SAAU,EAAA,eAAe,CAChC,CAAC,EAAA,0BAAM,SAAU,EAAA,WAAW,CAC5B,CAAC,EAAA,0BAAM,QAAS,EAAA,aAAa,CAC7B,CAAC,EAAA,0BAAM,UAAW,EAAA,qBAAqB,CACvC,CAAC,EAAA,0BAAM,eAAgB,EAAA,WAAW,CAClC,CAAC,EAAA,0BAAM,YAAa,EAAA,cAAc,CAClC,CAAC,EAAA,0BAAM,eAAgB,EAAA,YAAY,CACnC,CAAC,EAAA,0BAAM,gBAAiB,EAAA,mBAAmB,CAC3C,CAAC,wBAAyB,EAAA,iBAAiB,CAC3C,CAAC,iBAAkB,EAAA,eAAe,CAClC,CAAC,EAAA,0BAAM,SAAU,EAAA,aAAa,CAC9B,CAAC,EAAA,0BAAM,QAAS,EAAA,cAAc,CAC9B,CAAC,EAAA,0BAAM,UAAW,EAAA,oBAAoB,CACvC,CAAC,CAEG,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,gCACN,WAAY,CACV,cAAA,EAAA,cACA,YAAA,EAAA,YACA,eAAA,EAAA,eACA,WAAA,EAAA,WACA,aAAA,EAAA,aACA,qBAAA,EAAA,qBACA,WAAA,EAAA,WACA,cAAA,EAAA,cACA,YAAA,EAAA,YACA,mBAAA,EAAA,mBACA,iBAAA,EAAA,iBACA,eAAA,EAAA,eACA,aAAA,EAAA,aACA,cAAA,EAAA,cACA,oBAAA,EAAA,oBACD,CAED,MAAO,CACL,KAAM,CACJ,KAAM,OACN,QAAS,KACV,CAED,MAAO,CACL,KAAM,OACN,QAAS,KACV,CAED,SAAU,CACR,KAAM,OACN,QAAS,MACV,CACF,CAED,SAAU,CACR,YAAc,CACZ,MAAO,CAAC,CAAC,EAAA,0BAAM,QAAS,EAAA,0BAAM,eAAe,CAAC,SAAS,KAAK,KAAK,EAGnE,qBAAuB,CACrB,OAAO,KAAK,OAAS,EAAA,0BAAM,gBAG7B,eAAiB,CACf,OAAO,KAAK,OAAS,EAAA,0BAAM,SAG7B,aAAe,CACb,OAAO,EAAW,IAAI,KAAK,KAAK,EAGlC,0BAA4B,CAC1B,MAAO,CACL,gCACA,EAAA,0CAAO,KAAK,OACb,EAEJ,CACF,UA/GG,MAAM,qCACN,UAAQ,sGAVF,EAAA,aAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,cAAA,EAAA,EAAA,yBADD,EAAA,YAAW,CAAA,OAEf,KAAM,EAAA,4BAGI,EAAA,sBAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAEX,MAAA,OADC,OAAA,EAAA,EAAA,gBAAO,EAAA,yBAAwB,WAGrB,EAAA,gBAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAOP,MARN,EAQM,EAAA,EAAA,EAAA,aADF,EAAA,CADA,KAAK,MAAK,CAAA,CAAA,CAAA,GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA"}
1	+ {"version":3,"file":"leftbar-general-row-icon.cjs","names":[],"sources":["../../../recipes/leftbar/general_row/leftbar_general_row_icon.vue"],"sourcesContent":["<template>\n <component\n :is=\"getIconName\"\n v-if=\"isIconType\"\n :size=\"iconSize\"\n />\n <div\n v-else-if=\"isContactCenterType\"\n :class=\"contactCenterIconClasses\"\n />\n <div\n v-else-if=\"isDialbotType\"\n class=\"d-recipe-leftbar-general-row__icon\"\n data-qa=\"general-row-dialbot\"\n >\n <dt-icon-dialbot\n size=\"500\"\n />\n </div>\n</template>\n\n<script>\nimport {\n DtIconDialbot,\n DtIconInbox,\n DtIconContacts,\n DtIconHash,\n DtIconThread,\n DtIconLayoutTemplate,\n DtIconLock,\n DtIconSparkle,\n DtIconUsers,\n DtIconExternalLink,\n DtIconLockFilled,\n DtIconHashBold,\n DtIconAtSign,\n DtIconLaptop2,\n DtIconCalendarClock,\n} from '@dialpad/dialtone-icons/vue3';\nimport {\n LEFTBAR_GENERAL_ROW_TYPES as TYPES,\n LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS as COLORS,\n} from '@/recipes/leftbar/general_row/general_row_constants';\n\nconst typeToIcon = new Map([\n [TYPES.INBOX, DtIconInbox],\n [TYPES.CONTACTS, DtIconContacts],\n [TYPES.CHANNELS, DtIconHash],\n [TYPES.THREADS, DtIconThread],\n [TYPES.LAUNCHPAD, DtIconLayoutTemplate],\n [TYPES.LOCKED_CHANNEL, DtIconLock],\n [TYPES.QUICK_START, DtIconSparkle],\n [TYPES.COACHING_GROUP, DtIconUsers],\n [TYPES.COACHING_CENTER, DtIconExternalLink],\n ['locked channel unread', DtIconLockFilled],\n ['channel unread', DtIconHashBold],\n [TYPES.ASSIGNED, DtIconAtSign],\n [TYPES.DIGITAL, DtIconLaptop2],\n [TYPES.SCHEDULED, DtIconCalendarClock],\n]);\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtRecipeLeftbarGeneralRowIcon',\n components: {\n DtIconDialbot,\n DtIconInbox,\n DtIconContacts,\n DtIconHash,\n DtIconThread,\n DtIconLayoutTemplate,\n DtIconLock,\n DtIconSparkle,\n DtIconUsers,\n DtIconExternalLink,\n DtIconLockFilled,\n DtIconHashBold,\n DtIconAtSign,\n DtIconLaptop2,\n DtIconCalendarClock,\n },\n\n props: {\n type: {\n type: String,\n default: null,\n },\n\n color: {\n type: String,\n default: null,\n },\n\n iconSize: {\n type: String,\n default: '300',\n },\n },\n\n computed: {\n isIconType () {\n return ![TYPES.DIALBOT, TYPES.CONTACT_CENTER].includes(this.type);\n },\n\n isContactCenterType () {\n return this.type === TYPES.CONTACT_CENTER;\n },\n\n isDialbotType () {\n return this.type === TYPES.DIALBOT;\n },\n\n getIconName () {\n return typeToIcon.get(this.type);\n },\n\n contactCenterIconClasses () {\n return [\n 'd-recipe-leftbar-row__icon-cc',\n COLORS[this.color],\n ];\n },\n },\n};\n</script>\n"],"mappings":"2SA4CA,IAAM,EAAa,IAAI,IAAI,CACzB,CAAC,EAAA,0BAAM,MAAO,EAAA,YAAY,CAC1B,CAAC,EAAA,0BAAM,SAAU,EAAA,eAAe,CAChC,CAAC,EAAA,0BAAM,SAAU,EAAA,WAAW,CAC5B,CAAC,EAAA,0BAAM,QAAS,EAAA,aAAa,CAC7B,CAAC,EAAA,0BAAM,UAAW,EAAA,qBAAqB,CACvC,CAAC,EAAA,0BAAM,eAAgB,EAAA,WAAW,CAClC,CAAC,EAAA,0BAAM,YAAa,EAAA,cAAc,CAClC,CAAC,EAAA,0BAAM,eAAgB,EAAA,YAAY,CACnC,CAAC,EAAA,0BAAM,gBAAiB,EAAA,mBAAmB,CAC3C,CAAC,wBAAyB,EAAA,iBAAiB,CAC3C,CAAC,iBAAkB,EAAA,eAAe,CAClC,CAAC,EAAA,0BAAM,SAAU,EAAA,aAAa,CAC9B,CAAC,EAAA,0BAAM,QAAS,EAAA,cAAc,CAC9B,CAAC,EAAA,0BAAM,UAAW,EAAA,oBAAoB,CACvC,CAAC,CAEG,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,gCACN,WAAY,CACV,cAAA,EAAA,cACA,YAAA,EAAA,YACA,eAAA,EAAA,eACA,WAAA,EAAA,WACA,aAAA,EAAA,aACA,qBAAA,EAAA,qBACA,WAAA,EAAA,WACA,cAAA,EAAA,cACA,YAAA,EAAA,YACA,mBAAA,EAAA,mBACA,iBAAA,EAAA,iBACA,eAAA,EAAA,eACA,aAAA,EAAA,aACA,cAAA,EAAA,cACA,oBAAA,EAAA,oBACD,CAED,MAAO,CACL,KAAM,CACJ,KAAM,OACN,QAAS,KACV,CAED,MAAO,CACL,KAAM,OACN,QAAS,KACV,CAED,SAAU,CACR,KAAM,OACN,QAAS,MACV,CACF,CAED,SAAU,CACR,YAAc,CACZ,MAAO,CAAC,CAAC,EAAA,0BAAM,QAAS,EAAA,0BAAM,eAAe,CAAC,SAAS,KAAK,KAAK,EAGnE,qBAAuB,CACrB,OAAO,KAAK,OAAS,EAAA,0BAAM,gBAG7B,eAAiB,CACf,OAAO,KAAK,OAAS,EAAA,0BAAM,SAG7B,aAAe,CACb,OAAO,EAAW,IAAI,KAAK,KAAK,EAGlC,0BAA4B,CAC1B,MAAO,CACL,gCACA,EAAA,0CAAO,KAAK,OACb,EAEJ,CACF,UA/GG,MAAM,qCACN,UAAQ,sGAVF,EAAA,aAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,cAAA,EAAA,EAAA,yBADD,EAAA,YAAW,CAAA,OAEf,KAAM,EAAA,4BAGI,EAAA,sBAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAEX,MAAA,OADC,OAAA,EAAA,EAAA,gBAAO,EAAA,yBAAwB,WAGrB,EAAA,gBAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAOP,MARN,EAQM,EAAA,EAAA,EAAA,aADF,EAAA,CADA,KAAK,MAAK,CAAA,CAAA,CAAA,GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA"}

package/dist/lib/general-row/leftbar-general-row-icon.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
 import { LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS as t, LEFTBAR_GENERAL_ROW_TYPES as n } from "./general-row-constants.js";
 import { createBlock as r, createCommentVNode as i, createElementBlock as a, createVNode as o, normalizeClass as s, openBlock as c, resolveComponent as l, resolveDynamicComponent as u } from "vue";
-import { DtIconAtSign as d, DtIconCalendarClock as f, DtIconContacts as p, DtIconDialbot as m, DtIconExternalLink as h, DtIconHash as g, DtIconHashBold as _, DtIconInbox as v, DtIconLaptop2 as y, DtIconLayoutTemplate as b, DtIconLock as x, DtIconLockFilled as S, DtIconSparkle as C, DtIconThread as w, DtIconUsers as T } from "@dialpad/dialtone-icons/vue";
+import { DtIconAtSign as d, DtIconCalendarClock as f, DtIconContacts as p, DtIconDialbot as m, DtIconExternalLink as h, DtIconHash as g, DtIconHashBold as _, DtIconInbox as v, DtIconLaptop2 as y, DtIconLayoutTemplate as b, DtIconLock as x, DtIconLockFilled as S, DtIconSparkle as C, DtIconThread as w, DtIconUsers as T } from "@dialpad/dialtone-icons/vue3";
 //#region recipes/leftbar/general_row/leftbar_general_row_icon.vue
 var E = new Map([
 	[n.INBOX, v],

package/dist/lib/general-row/leftbar-general-row-icon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"leftbar-general-row-icon.js","names":[],"sources":["../../../recipes/leftbar/general_row/leftbar_general_row_icon.vue"],"sourcesContent":["<template>\n <component\n :is=\"getIconName\"\n v-if=\"isIconType\"\n :size=\"iconSize\"\n />\n <div\n v-else-if=\"isContactCenterType\"\n :class=\"contactCenterIconClasses\"\n />\n <div\n v-else-if=\"isDialbotType\"\n class=\"d-recipe-leftbar-general-row__icon\"\n data-qa=\"general-row-dialbot\"\n >\n <dt-icon-dialbot\n size=\"500\"\n />\n </div>\n</template>\n\n<script>\nimport {\n DtIconDialbot,\n DtIconInbox,\n DtIconContacts,\n DtIconHash,\n DtIconThread,\n DtIconLayoutTemplate,\n DtIconLock,\n DtIconSparkle,\n DtIconUsers,\n DtIconExternalLink,\n DtIconLockFilled,\n DtIconHashBold,\n DtIconAtSign,\n DtIconLaptop2,\n DtIconCalendarClock,\n} from '@dialpad/dialtone-icons/~~vue~~';\nimport {\n LEFTBAR_GENERAL_ROW_TYPES as TYPES,\n LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS as COLORS,\n} from '@/recipes/leftbar/general_row/general_row_constants';\n\nconst typeToIcon = new Map([\n [TYPES.INBOX, DtIconInbox],\n [TYPES.CONTACTS, DtIconContacts],\n [TYPES.CHANNELS, DtIconHash],\n [TYPES.THREADS, DtIconThread],\n [TYPES.LAUNCHPAD, DtIconLayoutTemplate],\n [TYPES.LOCKED_CHANNEL, DtIconLock],\n [TYPES.QUICK_START, DtIconSparkle],\n [TYPES.COACHING_GROUP, DtIconUsers],\n [TYPES.COACHING_CENTER, DtIconExternalLink],\n ['locked channel unread', DtIconLockFilled],\n ['channel unread', DtIconHashBold],\n [TYPES.ASSIGNED, DtIconAtSign],\n [TYPES.DIGITAL, DtIconLaptop2],\n [TYPES.SCHEDULED, DtIconCalendarClock],\n]);\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtRecipeLeftbarGeneralRowIcon',\n components: {\n DtIconDialbot,\n DtIconInbox,\n DtIconContacts,\n DtIconHash,\n DtIconThread,\n DtIconLayoutTemplate,\n DtIconLock,\n DtIconSparkle,\n DtIconUsers,\n DtIconExternalLink,\n DtIconLockFilled,\n DtIconHashBold,\n DtIconAtSign,\n DtIconLaptop2,\n DtIconCalendarClock,\n },\n\n props: {\n type: {\n type: String,\n default: null,\n },\n\n color: {\n type: String,\n default: null,\n },\n\n iconSize: {\n type: String,\n default: '300',\n },\n },\n\n computed: {\n isIconType () {\n return ![TYPES.DIALBOT, TYPES.CONTACT_CENTER].includes(this.type);\n },\n\n isContactCenterType () {\n return this.type === TYPES.CONTACT_CENTER;\n },\n\n isDialbotType () {\n return this.type === TYPES.DIALBOT;\n },\n\n getIconName () {\n return typeToIcon.get(this.type);\n },\n\n contactCenterIconClasses () {\n return [\n 'd-recipe-leftbar-row__icon-cc',\n COLORS[this.color],\n ];\n },\n },\n};\n</script>\n"],"mappings":";;;;;AA4CA,IAAM,IAAa,IAAI,IAAI;CACzB,CAAC,EAAM,OAAO,EAAY;CAC1B,CAAC,EAAM,UAAU,EAAe;CAChC,CAAC,EAAM,UAAU,EAAW;CAC5B,CAAC,EAAM,SAAS,EAAa;CAC7B,CAAC,EAAM,WAAW,EAAqB;CACvC,CAAC,EAAM,gBAAgB,EAAW;CAClC,CAAC,EAAM,aAAa,EAAc;CAClC,CAAC,EAAM,gBAAgB,EAAY;CACnC,CAAC,EAAM,iBAAiB,EAAmB;CAC3C,CAAC,yBAAyB,EAAiB;CAC3C,CAAC,kBAAkB,EAAe;CAClC,CAAC,EAAM,UAAU,EAAa;CAC9B,CAAC,EAAM,SAAS,EAAc;CAC9B,CAAC,EAAM,WAAW,EAAoB;CACvC,CAAC,EAEG,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CACN,YAAY;EACV;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CAED,OAAO;EACL,MAAM;GACJ,MAAM;GACN,SAAS;GACV;EAED,OAAO;GACL,MAAM;GACN,SAAS;GACV;EAED,UAAU;GACR,MAAM;GACN,SAAS;GACV;EACF;CAED,UAAU;EACR,aAAc;AACZ,UAAO,CAAC,CAAC,EAAM,SAAS,EAAM,eAAe,CAAC,SAAS,KAAK,KAAK;;EAGnE,sBAAuB;AACrB,UAAO,KAAK,SAAS,EAAM;;EAG7B,gBAAiB;AACf,UAAO,KAAK,SAAS,EAAM;;EAG7B,cAAe;AACb,UAAO,EAAW,IAAI,KAAK,KAAK;;EAGlC,2BAA4B;AAC1B,UAAO,CACL,iCACA,EAAO,KAAK,OACb;;EAEJ;CACF;;CA/GG,OAAM;CACN,WAAQ;;;;QAVF,EAAA,cAAA,GAAA,EAFR,EAIE,EAHK,EAAA,YAAW,EAAA;;EAEf,MAAM,EAAA;0BAGI,EAAA,uBAAA,GAAA,EADb,EAGE,OAAA;;EADC,OAAK,EAAE,EAAA,yBAAwB;gBAGrB,EAAA,iBAAA,GAAA,EADb,EAQM,OARN,GAQM,CAHJ,EAEE,GAAA,EADA,MAAK,OAAK,CAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA"}
1	+ {"version":3,"file":"leftbar-general-row-icon.js","names":[],"sources":["../../../recipes/leftbar/general_row/leftbar_general_row_icon.vue"],"sourcesContent":["<template>\n <component\n :is=\"getIconName\"\n v-if=\"isIconType\"\n :size=\"iconSize\"\n />\n <div\n v-else-if=\"isContactCenterType\"\n :class=\"contactCenterIconClasses\"\n />\n <div\n v-else-if=\"isDialbotType\"\n class=\"d-recipe-leftbar-general-row__icon\"\n data-qa=\"general-row-dialbot\"\n >\n <dt-icon-dialbot\n size=\"500\"\n />\n </div>\n</template>\n\n<script>\nimport {\n DtIconDialbot,\n DtIconInbox,\n DtIconContacts,\n DtIconHash,\n DtIconThread,\n DtIconLayoutTemplate,\n DtIconLock,\n DtIconSparkle,\n DtIconUsers,\n DtIconExternalLink,\n DtIconLockFilled,\n DtIconHashBold,\n DtIconAtSign,\n DtIconLaptop2,\n DtIconCalendarClock,\n} from '@dialpad/dialtone-icons/vue3';\nimport {\n LEFTBAR_GENERAL_ROW_TYPES as TYPES,\n LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS as COLORS,\n} from '@/recipes/leftbar/general_row/general_row_constants';\n\nconst typeToIcon = new Map([\n [TYPES.INBOX, DtIconInbox],\n [TYPES.CONTACTS, DtIconContacts],\n [TYPES.CHANNELS, DtIconHash],\n [TYPES.THREADS, DtIconThread],\n [TYPES.LAUNCHPAD, DtIconLayoutTemplate],\n [TYPES.LOCKED_CHANNEL, DtIconLock],\n [TYPES.QUICK_START, DtIconSparkle],\n [TYPES.COACHING_GROUP, DtIconUsers],\n [TYPES.COACHING_CENTER, DtIconExternalLink],\n ['locked channel unread', DtIconLockFilled],\n ['channel unread', DtIconHashBold],\n [TYPES.ASSIGNED, DtIconAtSign],\n [TYPES.DIGITAL, DtIconLaptop2],\n [TYPES.SCHEDULED, DtIconCalendarClock],\n]);\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtRecipeLeftbarGeneralRowIcon',\n components: {\n DtIconDialbot,\n DtIconInbox,\n DtIconContacts,\n DtIconHash,\n DtIconThread,\n DtIconLayoutTemplate,\n DtIconLock,\n DtIconSparkle,\n DtIconUsers,\n DtIconExternalLink,\n DtIconLockFilled,\n DtIconHashBold,\n DtIconAtSign,\n DtIconLaptop2,\n DtIconCalendarClock,\n },\n\n props: {\n type: {\n type: String,\n default: null,\n },\n\n color: {\n type: String,\n default: null,\n },\n\n iconSize: {\n type: String,\n default: '300',\n },\n },\n\n computed: {\n isIconType () {\n return ![TYPES.DIALBOT, TYPES.CONTACT_CENTER].includes(this.type);\n },\n\n isContactCenterType () {\n return this.type === TYPES.CONTACT_CENTER;\n },\n\n isDialbotType () {\n return this.type === TYPES.DIALBOT;\n },\n\n getIconName () {\n return typeToIcon.get(this.type);\n },\n\n contactCenterIconClasses () {\n return [\n 'd-recipe-leftbar-row__icon-cc',\n COLORS[this.color],\n ];\n },\n },\n};\n</script>\n"],"mappings":";;;;;AA4CA,IAAM,IAAa,IAAI,IAAI;CACzB,CAAC,EAAM,OAAO,EAAY;CAC1B,CAAC,EAAM,UAAU,EAAe;CAChC,CAAC,EAAM,UAAU,EAAW;CAC5B,CAAC,EAAM,SAAS,EAAa;CAC7B,CAAC,EAAM,WAAW,EAAqB;CACvC,CAAC,EAAM,gBAAgB,EAAW;CAClC,CAAC,EAAM,aAAa,EAAc;CAClC,CAAC,EAAM,gBAAgB,EAAY;CACnC,CAAC,EAAM,iBAAiB,EAAmB;CAC3C,CAAC,yBAAyB,EAAiB;CAC3C,CAAC,kBAAkB,EAAe;CAClC,CAAC,EAAM,UAAU,EAAa;CAC9B,CAAC,EAAM,SAAS,EAAc;CAC9B,CAAC,EAAM,WAAW,EAAoB;CACvC,CAAC,EAEG,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CACN,YAAY;EACV;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CAED,OAAO;EACL,MAAM;GACJ,MAAM;GACN,SAAS;GACV;EAED,OAAO;GACL,MAAM;GACN,SAAS;GACV;EAED,UAAU;GACR,MAAM;GACN,SAAS;GACV;EACF;CAED,UAAU;EACR,aAAc;AACZ,UAAO,CAAC,CAAC,EAAM,SAAS,EAAM,eAAe,CAAC,SAAS,KAAK,KAAK;;EAGnE,sBAAuB;AACrB,UAAO,KAAK,SAAS,EAAM;;EAG7B,gBAAiB;AACf,UAAO,KAAK,SAAS,EAAM;;EAG7B,cAAe;AACb,UAAO,EAAW,IAAI,KAAK,KAAK;;EAGlC,2BAA4B;AAC1B,UAAO,CACL,iCACA,EAAO,KAAK,OACb;;EAEJ;CACF;;CA/GG,OAAM;CACN,WAAQ;;;;QAVF,EAAA,cAAA,GAAA,EAFR,EAIE,EAHK,EAAA,YAAW,EAAA;;EAEf,MAAM,EAAA;0BAGI,EAAA,uBAAA,GAAA,EADb,EAGE,OAAA;;EADC,OAAK,EAAE,EAAA,yBAAwB;gBAGrB,EAAA,iBAAA,GAAA,EADb,EAQM,OARN,GAQM,CAHJ,EAEE,GAAA,EADA,MAAK,OAAK,CAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA"}

package/dist/lib/group-row/group-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(`../../common/utils/index.cjs`),t=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),n=require(`../../localization/index.cjs`),r=require(`../general-row/general-row.cjs`);let i=require(`vue`);var a={compatConfig:{MODE:3},name:`DtRecipeGroupRow`,components:{DtIconUsers:require(`@dialpad/dialtone-icons/vue`).DtIconUsers,DtRecipeGeneralRow:r.default},inheritAttrs:!1,props:{names:{type:String,required:!0},unreadCount:{type:String,default:null},unreadMentionCount:{type:String,default:null},hasUnreads:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},isTyping:{type:Boolean,default:!1}},data(){return{i18n:new n.DialtoneLocalization}},computed:{groupCount(){return this.names.split(`,`).length},messageCount(){return isNaN(this.unreadCount)?this.unreadCount:Number(this.unreadCount)},mentionCount(){return isNaN(this.unreadMentionCount)?this.unreadMentionCount:Number(this.unreadMentionCount)},unreadCountTooltip(){return e.safeConcatStrings([this.unreadCount&&this.i18n.$t(`DIALTONE_UNREAD_MESSAGE_COUNT_TEXT`,{unreadCount:this.messageCount}),this.unreadMentionCount&&this.i18n.$t(`DIALTONE_UNREAD_MENTION_COUNT_TEXT`,{unreadCount:this.mentionCount})])},typingTooltip(){return this.isTyping&&this.i18n.$t(`DIALTONE_TYPING_TEXT`)},ariaLabel(){return e.safeConcatStrings([this.typingTooltip,this.i18n.$t(`DIALTONE_GROUP_ROW_GROUP_COUNT_TEXT`,{count:this.groupCount}),this.names,this.unreadCountTooltip])},contactRowListeners(){return e.extractVueListeners(this.$attrs)}}};function o(e,t,n,r,a,o){let s=(0,i.resolveComponent)(`dt-icon-users`),c=(0,i.resolveComponent)(`dt-recipe-general-row`);return(0,i.openBlock)(),(0,i.createBlock)(c,(0,i.mergeProps)({description:n.names,"aria-label":o.ariaLabel,"unread-count":n.unreadCount,"has-unreads":n.hasUnreads,"unread-mention-count":n.unreadMentionCount,"unread-count-tooltip":o.unreadCountTooltip,selected:n.selected,"is-typing":n.isTyping},e.$attrs,(0,i.toHandlers)(o.contactRowListeners)),{start:(0,i.withCtx)(()=>[(0,i.createVNode)(s,{size:`300`})]),_:1},16,[`description`,`aria-label`,`unread-count`,`has-unreads`,`unread-mention-count`,`unread-count-tooltip`,`selected`,`is-typing`])}var s=t.t(a,[[`render`,o]]);exports.default=s;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/utils/index.cjs`),t=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),n=require(`../../localization/index.cjs`),r=require(`../general-row/general-row.cjs`);let i=require(`vue`);var a={compatConfig:{MODE:3},name:`DtRecipeGroupRow`,components:{DtIconUsers:require(`@dialpad/dialtone-icons/vue3`).DtIconUsers,DtRecipeGeneralRow:r.default},inheritAttrs:!1,props:{names:{type:String,required:!0},unreadCount:{type:String,default:null},unreadMentionCount:{type:String,default:null},hasUnreads:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},isTyping:{type:Boolean,default:!1}},data(){return{i18n:new n.DialtoneLocalization}},computed:{groupCount(){return this.names.split(`,`).length},messageCount(){return isNaN(this.unreadCount)?this.unreadCount:Number(this.unreadCount)},mentionCount(){return isNaN(this.unreadMentionCount)?this.unreadMentionCount:Number(this.unreadMentionCount)},unreadCountTooltip(){return e.safeConcatStrings([this.unreadCount&&this.i18n.$t(`DIALTONE_UNREAD_MESSAGE_COUNT_TEXT`,{unreadCount:this.messageCount}),this.unreadMentionCount&&this.i18n.$t(`DIALTONE_UNREAD_MENTION_COUNT_TEXT`,{unreadCount:this.mentionCount})])},typingTooltip(){return this.isTyping&&this.i18n.$t(`DIALTONE_TYPING_TEXT`)},ariaLabel(){return e.safeConcatStrings([this.typingTooltip,this.i18n.$t(`DIALTONE_GROUP_ROW_GROUP_COUNT_TEXT`,{count:this.groupCount}),this.names,this.unreadCountTooltip])},contactRowListeners(){return e.extractVueListeners(this.$attrs)}}};function o(e,t,n,r,a,o){let s=(0,i.resolveComponent)(`dt-icon-users`),c=(0,i.resolveComponent)(`dt-recipe-general-row`);return(0,i.openBlock)(),(0,i.createBlock)(c,(0,i.mergeProps)({description:n.names,"aria-label":o.ariaLabel,"unread-count":n.unreadCount,"has-unreads":n.hasUnreads,"unread-mention-count":n.unreadMentionCount,"unread-count-tooltip":o.unreadCountTooltip,selected:n.selected,"is-typing":n.isTyping},e.$attrs,(0,i.toHandlers)(o.contactRowListeners)),{left:(0,i.withCtx)(()=>[(0,i.createVNode)(s,{size:`300`})]),_:1},16,[`description`,`aria-label`,`unread-count`,`has-unreads`,`unread-mention-count`,`unread-count-tooltip`,`selected`,`is-typing`])}var s=t.t(a,[[`render`,o]]);exports.default=s;
 //# sourceMappingURL=group-row.cjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"group-row.cjs","names":[],"sources":["../../../recipes/leftbar/group_row/group_row.vue"],"sourcesContent":["<template>\n <dt-recipe-general-row\n :description=\"names\"\n :aria-label=\"ariaLabel\"\n :unread-count=\"unreadCount\"\n :has-unreads=\"hasUnreads\"\n :unread-mention-count=\"unreadMentionCount\"\n :unread-count-tooltip=\"unreadCountTooltip\"\n :selected=\"selected\"\n :is-typing=\"isTyping\"\n v-bind=\"$attrs\"\n v-on=\"contactRowListeners\"\n >\n <template #~~start~~>\n <dt-icon-users\n size=\"300\"\n />\n </template>\n </dt-recipe-general-row>\n</template>\n\n<script>\nimport { DtRecipeGeneralRow } from '@/recipes/leftbar/general_row';\nimport { DtIconUsers } from '@dialpad/dialtone-icons/~~vue~~';\nimport { safeConcatStrings, extractVueListeners } from '@/common/utils';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtRecipeGroupRow',\n\n components: {\n DtIconUsers,\n DtRecipeGeneralRow,\n },\n\n inheritAttrs: false,\n\n props: {\n\n /*\n Names of the group members\n /\n names: {\n type: String,\n required: true,\n },\n\n /\n Number of unread messages\n /\n unreadCount: {\n type: String,\n default: null,\n },\n\n /\n Number of unread mention messages\n /\n unreadMentionCount: {\n type: String,\n default: null,\n },\n\n /\n Styles the row with an increased font weight to convey it has unreads. This must be true to see\n * the unread count badge.\n /\n hasUnreads: {\n type: Boolean,\n default: false,\n },\n\n /\n Determines if the row is selected\n /\n selected: {\n type: Boolean,\n default: false,\n },\n\n /\n Shows an \"is typing\" animation over the avatar when true.\n */\n isTyping: {\n type: Boolean,\n default: false,\n },\n },\n\n data () {\n return {\n i18n: new DialtoneLocalization(),\n };\n },\n\n computed: {\n groupCount () {\n return this.names.split(',').length;\n },\n\n messageCount () {\n return isNaN(this.unreadCount)\n ? this.unreadCount\n : Number(this.unreadCount);\n },\n\n mentionCount () {\n return isNaN(this.unreadMentionCount)\n ? this.unreadMentionCount\n : Number(this.unreadMentionCount);\n },\n\n unreadCountTooltip () {\n return safeConcatStrings([\n this.unreadCount && this.i18n.$t('DIALTONE_UNREAD_MESSAGE_COUNT_TEXT', { unreadCount: this.messageCount }),\n this.unreadMentionCount && this.i18n.$t('DIALTONE_UNREAD_MENTION_COUNT_TEXT', { unreadCount: this.mentionCount }),\n ]);\n },\n\n typingTooltip () {\n return this.isTyping && this.i18n.$t('DIALTONE_TYPING_TEXT');\n },\n\n ariaLabel () {\n return safeConcatStrings([\n this.typingTooltip,\n this.i18n.$t('DIALTONE_GROUP_ROW_GROUP_COUNT_TEXT', { count: this.groupCount }),\n this.names,\n this.unreadCountTooltip,\n ]);\n },\n\n contactRowListeners () {\n return extractVueListeners(this.$attrs);\n },\n },\n};\n</script>\n"],"mappings":"wVA2BA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,mBAEN,WAAY,CACV,~~mDAAA~~,YACA,mBAAA,EAAA,QACD,CAED,aAAc,GAEd,MAAO,CAKL,MAAO,CACL,KAAM,OACN,SAAU,GACX,CAKD,YAAa,CACX,KAAM,OACN,QAAS,KACV,CAKD,mBAAoB,CAClB,KAAM,OACN,QAAS,KACV,CAMD,WAAY,CACV,KAAM,QACN,QAAS,GACV,CAKD,SAAU,CACR,KAAM,QACN,QAAS,GACV,CAKD,SAAU,CACR,KAAM,QACN,QAAS,GACV,CACF,CAED,MAAQ,CACN,MAAO,CACL,KAAM,IAAI,EAAA,qBACX,EAGH,SAAU,CACR,YAAc,CACZ,OAAO,KAAK,MAAM,MAAM,IAAI,CAAC,QAG/B,cAAgB,CACd,OAAO,MAAM,KAAK,YAAW,CACzB,KAAK,YACL,OAAO,KAAK,YAAY,EAG9B,cAAgB,CACd,OAAO,MAAM,KAAK,mBAAkB,CAChC,KAAK,mBACL,OAAO,KAAK,mBAAmB,EAGrC,oBAAsB,CACpB,OAAO,EAAA,kBAAkB,CACvB,KAAK,aAAe,KAAK,KAAK,GAAG,qCAAsC,CAAE,YAAa,KAAK,aAAc,CAAC,CAC1G,KAAK,oBAAsB,KAAK,KAAK,GAAG,qCAAsC,CAAE,YAAa,KAAK,aAAc,CAAC,CAClH,CAAC,EAGJ,eAAiB,CACf,OAAO,KAAK,UAAY,KAAK,KAAK,GAAG,uBAAuB,EAG9D,WAAa,CACX,OAAO,EAAA,kBAAkB,CACvB,KAAK,cACL,KAAK,KAAK,GAAG,sCAAuC,CAAE,MAAO,KAAK,WAAY,CAAC,CAC/E,KAAK,MACL,KAAK,mBACN,CAAC,EAGJ,qBAAuB,CACrB,OAAO,EAAA,oBAAoB,KAAK,OAAO,EAE1C,CACF,mKAvHyB,GAAA,EAAA,EAAA,YAAA,CAhBrB,YAAa,EAAA,MACb,aAAY,EAAA,UACZ,eAAc,EAAA,YACd,cAAa,EAAA,WACb,uBAAsB,EAAA,mBACtB,uBAAsB,EAAA,mBACtB,SAAU,EAAA,SACV,YAAW,EAAA,UACJ,EAAA,QAAA,EAAA,EAAA,YACkB,EAApB,oBAAmB,CAAA,CAAA,CAEd,~~OAAA~~,EAAA,EAAA,aAGP,EAAA,EAAA,EAAA,aAAA,EAAA,CADA,KAAK,MAAK,CAAA,CAAA,CAAA"}
1	+ {"version":3,"file":"group-row.cjs","names":[],"sources":["../../../recipes/leftbar/group_row/group_row.vue"],"sourcesContent":["<template>\n <dt-recipe-general-row\n :description=\"names\"\n :aria-label=\"ariaLabel\"\n :unread-count=\"unreadCount\"\n :has-unreads=\"hasUnreads\"\n :unread-mention-count=\"unreadMentionCount\"\n :unread-count-tooltip=\"unreadCountTooltip\"\n :selected=\"selected\"\n :is-typing=\"isTyping\"\n v-bind=\"$attrs\"\n v-on=\"contactRowListeners\"\n >\n <template #left>\n <dt-icon-users\n size=\"300\"\n />\n </template>\n </dt-recipe-general-row>\n</template>\n\n<script>\nimport { DtRecipeGeneralRow } from '@/recipes/leftbar/general_row';\nimport { DtIconUsers } from '@dialpad/dialtone-icons/vue3';\nimport { safeConcatStrings, extractVueListeners } from '@/common/utils';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtRecipeGroupRow',\n\n components: {\n DtIconUsers,\n DtRecipeGeneralRow,\n },\n\n inheritAttrs: false,\n\n props: {\n\n /*\n Names of the group members\n /\n names: {\n type: String,\n required: true,\n },\n\n /\n Number of unread messages\n /\n unreadCount: {\n type: String,\n default: null,\n },\n\n /\n Number of unread mention messages\n /\n unreadMentionCount: {\n type: String,\n default: null,\n },\n\n /\n Styles the row with an increased font weight to convey it has unreads. This must be true to see\n * the unread count badge.\n /\n hasUnreads: {\n type: Boolean,\n default: false,\n },\n\n /\n Determines if the row is selected\n /\n selected: {\n type: Boolean,\n default: false,\n },\n\n /\n Shows an \"is typing\" animation over the avatar when true.\n */\n isTyping: {\n type: Boolean,\n default: false,\n },\n },\n\n data () {\n return {\n i18n: new DialtoneLocalization(),\n };\n },\n\n computed: {\n groupCount () {\n return this.names.split(',').length;\n },\n\n messageCount () {\n return isNaN(this.unreadCount)\n ? this.unreadCount\n : Number(this.unreadCount);\n },\n\n mentionCount () {\n return isNaN(this.unreadMentionCount)\n ? this.unreadMentionCount\n : Number(this.unreadMentionCount);\n },\n\n unreadCountTooltip () {\n return safeConcatStrings([\n this.unreadCount && this.i18n.$t('DIALTONE_UNREAD_MESSAGE_COUNT_TEXT', { unreadCount: this.messageCount }),\n this.unreadMentionCount && this.i18n.$t('DIALTONE_UNREAD_MENTION_COUNT_TEXT', { unreadCount: this.mentionCount }),\n ]);\n },\n\n typingTooltip () {\n return this.isTyping && this.i18n.$t('DIALTONE_TYPING_TEXT');\n },\n\n ariaLabel () {\n return safeConcatStrings([\n this.typingTooltip,\n this.i18n.$t('DIALTONE_GROUP_ROW_GROUP_COUNT_TEXT', { count: this.groupCount }),\n this.names,\n this.unreadCountTooltip,\n ]);\n },\n\n contactRowListeners () {\n return extractVueListeners(this.$attrs);\n },\n },\n};\n</script>\n"],"mappings":"wVA2BA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,mBAEN,WAAY,CACV,oDAAA,YACA,mBAAA,EAAA,QACD,CAED,aAAc,GAEd,MAAO,CAKL,MAAO,CACL,KAAM,OACN,SAAU,GACX,CAKD,YAAa,CACX,KAAM,OACN,QAAS,KACV,CAKD,mBAAoB,CAClB,KAAM,OACN,QAAS,KACV,CAMD,WAAY,CACV,KAAM,QACN,QAAS,GACV,CAKD,SAAU,CACR,KAAM,QACN,QAAS,GACV,CAKD,SAAU,CACR,KAAM,QACN,QAAS,GACV,CACF,CAED,MAAQ,CACN,MAAO,CACL,KAAM,IAAI,EAAA,qBACX,EAGH,SAAU,CACR,YAAc,CACZ,OAAO,KAAK,MAAM,MAAM,IAAI,CAAC,QAG/B,cAAgB,CACd,OAAO,MAAM,KAAK,YAAW,CACzB,KAAK,YACL,OAAO,KAAK,YAAY,EAG9B,cAAgB,CACd,OAAO,MAAM,KAAK,mBAAkB,CAChC,KAAK,mBACL,OAAO,KAAK,mBAAmB,EAGrC,oBAAsB,CACpB,OAAO,EAAA,kBAAkB,CACvB,KAAK,aAAe,KAAK,KAAK,GAAG,qCAAsC,CAAE,YAAa,KAAK,aAAc,CAAC,CAC1G,KAAK,oBAAsB,KAAK,KAAK,GAAG,qCAAsC,CAAE,YAAa,KAAK,aAAc,CAAC,CAClH,CAAC,EAGJ,eAAiB,CACf,OAAO,KAAK,UAAY,KAAK,KAAK,GAAG,uBAAuB,EAG9D,WAAa,CACX,OAAO,EAAA,kBAAkB,CACvB,KAAK,cACL,KAAK,KAAK,GAAG,sCAAuC,CAAE,MAAO,KAAK,WAAY,CAAC,CAC/E,KAAK,MACL,KAAK,mBACN,CAAC,EAGJ,qBAAuB,CACrB,OAAO,EAAA,oBAAoB,KAAK,OAAO,EAE1C,CACF,mKAvHyB,GAAA,EAAA,EAAA,YAAA,CAhBrB,YAAa,EAAA,MACb,aAAY,EAAA,UACZ,eAAc,EAAA,YACd,cAAa,EAAA,WACb,uBAAsB,EAAA,mBACtB,uBAAsB,EAAA,mBACtB,SAAU,EAAA,SACV,YAAW,EAAA,UACJ,EAAA,QAAA,EAAA,EAAA,YACkB,EAApB,oBAAmB,CAAA,CAAA,CAEd,MAAA,EAAA,EAAA,aAGP,EAAA,EAAA,EAAA,aAAA,EAAA,CADA,KAAK,MAAK,CAAA,CAAA,CAAA"}

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

@@ -3,7 +3,7 @@ import { t as n } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
 import { DialtoneLocalization as r } from "../../localization/index.js";
 import i from "../general-row/general-row.js";
 import { createBlock as a, createVNode as o, mergeProps as s, openBlock as c, resolveComponent as l, toHandlers as u, withCtx as d } from "vue";
-import { DtIconUsers as f } from "@dialpad/dialtone-icons/vue";
+import { DtIconUsers as f } from "@dialpad/dialtone-icons/vue3";
 //#region recipes/leftbar/group_row/group_row.vue
 var p = {
 	compatConfig: { MODE: 3 },
@@ -83,7 +83,7 @@ function m(e, t, n, r, i, f) {
 		selected: n.selected,
 		"is-typing": n.isTyping
 	}, e.$attrs, u(f.contactRowListeners)), {
-		start: d(() => [o(p, { size: "300" })]),
+		left: d(() => [o(p, { size: "300" })]),
 		_: 1
 	}, 16, [
 		"description",

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

	@@ -1 +1 @@
1	- {"version":3,"file":"group-row.js","names":[],"sources":["../../../recipes/leftbar/group_row/group_row.vue"],"sourcesContent":["<template>\n <dt-recipe-general-row\n :description=\"names\"\n :aria-label=\"ariaLabel\"\n :unread-count=\"unreadCount\"\n :has-unreads=\"hasUnreads\"\n :unread-mention-count=\"unreadMentionCount\"\n :unread-count-tooltip=\"unreadCountTooltip\"\n :selected=\"selected\"\n :is-typing=\"isTyping\"\n v-bind=\"$attrs\"\n v-on=\"contactRowListeners\"\n >\n <template #~~start~~>\n <dt-icon-users\n size=\"300\"\n />\n </template>\n </dt-recipe-general-row>\n</template>\n\n<script>\nimport { DtRecipeGeneralRow } from '@/recipes/leftbar/general_row';\nimport { DtIconUsers } from '@dialpad/dialtone-icons/~~vue~~';\nimport { safeConcatStrings, extractVueListeners } from '@/common/utils';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtRecipeGroupRow',\n\n components: {\n DtIconUsers,\n DtRecipeGeneralRow,\n },\n\n inheritAttrs: false,\n\n props: {\n\n /*\n Names of the group members\n /\n names: {\n type: String,\n required: true,\n },\n\n /\n Number of unread messages\n /\n unreadCount: {\n type: String,\n default: null,\n },\n\n /\n Number of unread mention messages\n /\n unreadMentionCount: {\n type: String,\n default: null,\n },\n\n /\n Styles the row with an increased font weight to convey it has unreads. This must be true to see\n * the unread count badge.\n /\n hasUnreads: {\n type: Boolean,\n default: false,\n },\n\n /\n Determines if the row is selected\n /\n selected: {\n type: Boolean,\n default: false,\n },\n\n /\n Shows an \"is typing\" animation over the avatar when true.\n */\n isTyping: {\n type: Boolean,\n default: false,\n },\n },\n\n data () {\n return {\n i18n: new DialtoneLocalization(),\n };\n },\n\n computed: {\n groupCount () {\n return this.names.split(',').length;\n },\n\n messageCount () {\n return isNaN(this.unreadCount)\n ? this.unreadCount\n : Number(this.unreadCount);\n },\n\n mentionCount () {\n return isNaN(this.unreadMentionCount)\n ? this.unreadMentionCount\n : Number(this.unreadMentionCount);\n },\n\n unreadCountTooltip () {\n return safeConcatStrings([\n this.unreadCount && this.i18n.$t('DIALTONE_UNREAD_MESSAGE_COUNT_TEXT', { unreadCount: this.messageCount }),\n this.unreadMentionCount && this.i18n.$t('DIALTONE_UNREAD_MENTION_COUNT_TEXT', { unreadCount: this.mentionCount }),\n ]);\n },\n\n typingTooltip () {\n return this.isTyping && this.i18n.$t('DIALTONE_TYPING_TEXT');\n },\n\n ariaLabel () {\n return safeConcatStrings([\n this.typingTooltip,\n this.i18n.$t('DIALTONE_GROUP_ROW_GROUP_COUNT_TEXT', { count: this.groupCount }),\n this.names,\n this.unreadCountTooltip,\n ]);\n },\n\n contactRowListeners () {\n return extractVueListeners(this.$attrs);\n },\n },\n};\n</script>\n"],"mappings":";;;;;;;AA2BA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,YAAY;EACV;EACA,oBAAA;EACD;CAED,cAAc;CAEd,OAAO;EAKL,OAAO;GACL,MAAM;GACN,UAAU;GACX;EAKD,aAAa;GACX,MAAM;GACN,SAAS;GACV;EAKD,oBAAoB;GAClB,MAAM;GACN,SAAS;GACV;EAMD,YAAY;GACV,MAAM;GACN,SAAS;GACV;EAKD,UAAU;GACR,MAAM;GACN,SAAS;GACV;EAKD,UAAU;GACR,MAAM;GACN,SAAS;GACV;EACF;CAED,OAAQ;AACN,SAAO,EACL,MAAM,IAAI,GAAsB,EACjC;;CAGH,UAAU;EACR,aAAc;AACZ,UAAO,KAAK,MAAM,MAAM,IAAI,CAAC;;EAG/B,eAAgB;AACd,UAAO,MAAM,KAAK,YAAW,GACzB,KAAK,cACL,OAAO,KAAK,YAAY;;EAG9B,eAAgB;AACd,UAAO,MAAM,KAAK,mBAAkB,GAChC,KAAK,qBACL,OAAO,KAAK,mBAAmB;;EAGrC,qBAAsB;AACpB,UAAO,EAAkB,CACvB,KAAK,eAAe,KAAK,KAAK,GAAG,sCAAsC,EAAE,aAAa,KAAK,cAAc,CAAC,EAC1G,KAAK,sBAAsB,KAAK,KAAK,GAAG,sCAAsC,EAAE,aAAa,KAAK,cAAc,CAAC,CAClH,CAAC;;EAGJ,gBAAiB;AACf,UAAO,KAAK,YAAY,KAAK,KAAK,GAAG,uBAAuB;;EAG9D,YAAa;AACX,UAAO,EAAkB;IACvB,KAAK;IACL,KAAK,KAAK,GAAG,uCAAuC,EAAE,OAAO,KAAK,YAAY,CAAC;IAC/E,KAAK;IACL,KAAK;IACN,CAAC;;EAGJ,sBAAuB;AACrB,UAAO,EAAoB,KAAK,OAAO;;EAE1C;CACF;;;aAxIC,EAiBwB,GAjBxB,EAiBwB;EAhBrB,aAAa,EAAA;EACb,cAAY,EAAA;EACZ,gBAAc,EAAA;EACd,eAAa,EAAA;EACb,wBAAsB,EAAA;EACtB,wBAAsB,EAAA;EACtB,UAAU,EAAA;EACV,aAAW,EAAA;IACJ,EAAA,QACR,EAA0B,EAApB,oBAAmB,CAAA,EAAA;EAEd,~~OAAK~~,~~QAGZ~~,CAFF,EAEE,GAAA,EADA,MAAK,OAAK,CAAA,CAAA,CAAA"}
1	+ {"version":3,"file":"group-row.js","names":[],"sources":["../../../recipes/leftbar/group_row/group_row.vue"],"sourcesContent":["<template>\n <dt-recipe-general-row\n :description=\"names\"\n :aria-label=\"ariaLabel\"\n :unread-count=\"unreadCount\"\n :has-unreads=\"hasUnreads\"\n :unread-mention-count=\"unreadMentionCount\"\n :unread-count-tooltip=\"unreadCountTooltip\"\n :selected=\"selected\"\n :is-typing=\"isTyping\"\n v-bind=\"$attrs\"\n v-on=\"contactRowListeners\"\n >\n <template #left>\n <dt-icon-users\n size=\"300\"\n />\n </template>\n </dt-recipe-general-row>\n</template>\n\n<script>\nimport { DtRecipeGeneralRow } from '@/recipes/leftbar/general_row';\nimport { DtIconUsers } from '@dialpad/dialtone-icons/vue3';\nimport { safeConcatStrings, extractVueListeners } from '@/common/utils';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtRecipeGroupRow',\n\n components: {\n DtIconUsers,\n DtRecipeGeneralRow,\n },\n\n inheritAttrs: false,\n\n props: {\n\n /*\n Names of the group members\n /\n names: {\n type: String,\n required: true,\n },\n\n /\n Number of unread messages\n /\n unreadCount: {\n type: String,\n default: null,\n },\n\n /\n Number of unread mention messages\n /\n unreadMentionCount: {\n type: String,\n default: null,\n },\n\n /\n Styles the row with an increased font weight to convey it has unreads. This must be true to see\n * the unread count badge.\n /\n hasUnreads: {\n type: Boolean,\n default: false,\n },\n\n /\n Determines if the row is selected\n /\n selected: {\n type: Boolean,\n default: false,\n },\n\n /\n Shows an \"is typing\" animation over the avatar when true.\n */\n isTyping: {\n type: Boolean,\n default: false,\n },\n },\n\n data () {\n return {\n i18n: new DialtoneLocalization(),\n };\n },\n\n computed: {\n groupCount () {\n return this.names.split(',').length;\n },\n\n messageCount () {\n return isNaN(this.unreadCount)\n ? this.unreadCount\n : Number(this.unreadCount);\n },\n\n mentionCount () {\n return isNaN(this.unreadMentionCount)\n ? this.unreadMentionCount\n : Number(this.unreadMentionCount);\n },\n\n unreadCountTooltip () {\n return safeConcatStrings([\n this.unreadCount && this.i18n.$t('DIALTONE_UNREAD_MESSAGE_COUNT_TEXT', { unreadCount: this.messageCount }),\n this.unreadMentionCount && this.i18n.$t('DIALTONE_UNREAD_MENTION_COUNT_TEXT', { unreadCount: this.mentionCount }),\n ]);\n },\n\n typingTooltip () {\n return this.isTyping && this.i18n.$t('DIALTONE_TYPING_TEXT');\n },\n\n ariaLabel () {\n return safeConcatStrings([\n this.typingTooltip,\n this.i18n.$t('DIALTONE_GROUP_ROW_GROUP_COUNT_TEXT', { count: this.groupCount }),\n this.names,\n this.unreadCountTooltip,\n ]);\n },\n\n contactRowListeners () {\n return extractVueListeners(this.$attrs);\n },\n },\n};\n</script>\n"],"mappings":";;;;;;;AA2BA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,YAAY;EACV;EACA,oBAAA;EACD;CAED,cAAc;CAEd,OAAO;EAKL,OAAO;GACL,MAAM;GACN,UAAU;GACX;EAKD,aAAa;GACX,MAAM;GACN,SAAS;GACV;EAKD,oBAAoB;GAClB,MAAM;GACN,SAAS;GACV;EAMD,YAAY;GACV,MAAM;GACN,SAAS;GACV;EAKD,UAAU;GACR,MAAM;GACN,SAAS;GACV;EAKD,UAAU;GACR,MAAM;GACN,SAAS;GACV;EACF;CAED,OAAQ;AACN,SAAO,EACL,MAAM,IAAI,GAAsB,EACjC;;CAGH,UAAU;EACR,aAAc;AACZ,UAAO,KAAK,MAAM,MAAM,IAAI,CAAC;;EAG/B,eAAgB;AACd,UAAO,MAAM,KAAK,YAAW,GACzB,KAAK,cACL,OAAO,KAAK,YAAY;;EAG9B,eAAgB;AACd,UAAO,MAAM,KAAK,mBAAkB,GAChC,KAAK,qBACL,OAAO,KAAK,mBAAmB;;EAGrC,qBAAsB;AACpB,UAAO,EAAkB,CACvB,KAAK,eAAe,KAAK,KAAK,GAAG,sCAAsC,EAAE,aAAa,KAAK,cAAc,CAAC,EAC1G,KAAK,sBAAsB,KAAK,KAAK,GAAG,sCAAsC,EAAE,aAAa,KAAK,cAAc,CAAC,CAClH,CAAC;;EAGJ,gBAAiB;AACf,UAAO,KAAK,YAAY,KAAK,KAAK,GAAG,uBAAuB;;EAG9D,YAAa;AACX,UAAO,EAAkB;IACvB,KAAK;IACL,KAAK,KAAK,GAAG,uCAAuC,EAAE,OAAO,KAAK,YAAY,CAAC;IAC/E,KAAK;IACL,KAAK;IACN,CAAC;;EAGJ,sBAAuB;AACrB,UAAO,EAAoB,KAAK,OAAO;;EAE1C;CACF;;;aAxIC,EAiBwB,GAjBxB,EAiBwB;EAhBrB,aAAa,EAAA;EACb,cAAY,EAAA;EACZ,gBAAc,EAAA;EACd,eAAa,EAAA;EACb,wBAAsB,EAAA;EACtB,wBAAsB,EAAA;EACtB,UAAU,EAAA;EACV,aAAW,EAAA;IACJ,EAAA,QACR,EAA0B,EAApB,oBAAmB,CAAA,EAAA;EAEd,MAAI,QAGX,CAFF,EAEE,GAAA,EADA,MAAK,OAAK,CAAA,CAAA,CAAA"}

package/dist/lib/grouped-chip/grouped-chip.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/utils/index.cjs`),t=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),n=require(`../chip/chip.cjs`);let r=require(`vue`);var i={compatConfig:{MODE:3},name:`DtRecipeGroupedChip`,components:{DtChip:n.default},data(){return{hasSlotContent:e.hasSlotContent}}},a={"data-qa":`dt-recipe-grouped-chip`,class:`d-recipe-grouped-chip`},o={key:0,"data-qa":`left-grouped-chip-icon`},s={key:0,"data-qa":`left-grouped-chip-content`},c={key:0,"data-qa":`right-grouped-chip-icon`},l={key:0,"data-qa":`right-grouped-chip-content`};function u(e,t,n,i,u,d){let f=(0,r.resolveComponent)(`dt-chip`);return(0,r.openBlock)(),(0,r.createElementBlock)(`div`,a,[(0,r.createVNode)(f,{"show-close":!1,interactive:!1,size:100,"grouped-chip":!0,class:`d-recipe-grouped-chip__content d-recipe-grouped-chip__content-left`},(0,r.createSlots)({default:(0,r.withCtx)(()=>[u.hasSlotContent(e.$slots.startContent)||u.hasSlotContent(e.$slots.leftContent)?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,s,[e.$slots.startContent?(0,r.renderSlot)(e.$slots,`startContent`,{key:0}):(0,r.renderSlot)(e.$slots,`leftContent`,{key:1})])):(0,r.createCommentVNode)(``,!0)]),_:2},[u.hasSlotContent(e.$slots.startIcon)||u.hasSlotContent(e.$slots.leftIcon)?{name:`icon`,fn:(0,r.withCtx)(()=>[u.hasSlotContent(e.$slots.startIcon)||u.hasSlotContent(e.$slots.leftIcon)?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,o,[e.$slots.startIcon?(0,r.renderSlot)(e.$slots,`startIcon`,{key:0}):(0,r.renderSlot)(e.$slots,`leftIcon`,{key:1})])):(0,r.createCommentVNode)(``,!0)]),key:`0`}:void 0]),1024),(0,r.createVNode)(f,{"show-close":!1,interactive:!1,size:100,"grouped-chip":!0,class:`d-recipe-grouped-chip__content d-recipe-grouped-chip__content-right`},{icon:(0,r.withCtx)(()=>[u.hasSlotContent(e.$slots.endIcon)||u.hasSlotContent(e.$slots.rightIcon)?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,c,[e.$slots.endIcon?(0,r.renderSlot)(e.$slots,`endIcon`,{key:0}):(0,r.renderSlot)(e.$slots,`rightIcon`,{key:1})])):(0,r.createCommentVNode)(``,!0)]),default:(0,r.withCtx)(()=>[u.hasSlotContent(e.$slots.endContent)||u.hasSlotContent(e.$slots.rightContent)?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,l,[e.$slots.endContent?(0,r.renderSlot)(e.$slots,`endContent`,{key:0}):(0,r.renderSlot)(e.$slots,`rightContent`,{key:1})])):(0,r.createCommentVNode)(``,!0)]),_:3})])}var d=t.t(i,[[`render`,u]]);exports.default=d;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/utils/index.cjs`),t=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),n=require(`../chip/chip.cjs`);let r=require(`vue`);var i={compatConfig:{MODE:3},name:`DtRecipeGroupedChip`,components:{DtChip:n.default},data(){return{hasSlotContent:e.hasSlotContent}}},a={"data-qa":`dt-recipe-grouped-chip`,class:`d-recipe-grouped-chip`},o={key:0,"data-qa":`left-grouped-chip-icon`},s={key:0,"data-qa":`left-grouped-chip-content`},c={key:0,"data-qa":`right-grouped-chip-icon`},l={key:0,"data-qa":`right-grouped-chip-content`};function u(e,t,n,i,u,d){let f=(0,r.resolveComponent)(`dt-chip`);return(0,r.openBlock)(),(0,r.createElementBlock)(`div`,a,[(0,r.createVNode)(f,{"hide-close":!0,interactive:!1,size:`xs`,"grouped-chip":!0,class:`d-recipe-grouped-chip__content d-recipe-grouped-chip__content-left`},(0,r.createSlots)({default:(0,r.withCtx)(()=>[u.hasSlotContent(e.$slots.leftContent)?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,s,[(0,r.renderSlot)(e.$slots,`leftContent`)])):(0,r.createCommentVNode)(``,!0)]),_:2},[u.hasSlotContent(e.$slots.leftIcon)?{name:`icon`,fn:(0,r.withCtx)(()=>[u.hasSlotContent(e.$slots.leftIcon)?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,o,[(0,r.renderSlot)(e.$slots,`leftIcon`)])):(0,r.createCommentVNode)(``,!0)]),key:`0`}:void 0]),1024),(0,r.createVNode)(f,{"hide-close":!0,interactive:!1,size:`xs`,"grouped-chip":!0,class:`d-recipe-grouped-chip__content d-recipe-grouped-chip__content-right`},{icon:(0,r.withCtx)(()=>[u.hasSlotContent(e.$slots.rightIcon)?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,c,[(0,r.renderSlot)(e.$slots,`rightIcon`)])):(0,r.createCommentVNode)(``,!0)]),default:(0,r.withCtx)(()=>[u.hasSlotContent(e.$slots.rightContent)?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,l,[(0,r.renderSlot)(e.$slots,`rightContent`)])):(0,r.createCommentVNode)(``,!0)]),_:3})])}var d=t.t(i,[[`render`,u]]);exports.default=d;
 //# sourceMappingURL=grouped-chip.cjs.map

package/dist/lib/grouped-chip/grouped-chip.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"grouped-chip.cjs","names":[],"sources":["../../../recipes/chips/grouped_chip/grouped_chip.vue"],"sourcesContent":["<template>\n <div\n data-qa=\"dt-recipe-grouped-chip\"\n class=\"d-recipe-grouped-chip\"\n >\n <dt-chip\n :~~show~~-close=\"~~false~~\"\n :interactive=\"false\"\n :size=\"~~100~~\"\n :grouped-chip=\"true\"\n class=\"d-recipe-grouped-chip__content d-recipe-grouped-chip__content-left\"\n >\n <template\n v-if=\"hasSlotContent($slots.~~startIcon) \|\| hasSlotContent($slots.~~leftIcon)\"\n #icon\n >\n <div\n v-if=\"hasSlotContent($slots.~~startIcon) \|\| hasSlotContent($slots.~~leftIcon)\"\n data-qa=\"left-grouped-chip-icon\"\n >\n ~~<!-- @slot Slot for start chip icon information -->\n~~ <slot~~\n v-if=\"$slots.startIcon\"\n name=\"startIcon\"\n />\n <!--~~ ~~@slot @deprecated Use startIcon -->\n <slot\n v-else\n~~ name=\"leftIcon\"\n />\n </div>\n </template>\n <template #default>\n <div\n v-if=\"hasSlotContent($slots.~~startContent) \|\| hasSlotContent($slots.~~leftContent)\"\n data-qa=\"left-grouped-chip-content\"\n >\n <!-- @slot Slot for ~~start~~ chip content information -->\n <slot~~\n v-if=\"$slots.startContent\"\n name=\"startContent\"\n />\n <!--~~ ~~@slot @deprecated Use startContent -->\n <slot\n v-else\n~~ name=\"leftContent\"\n />\n </div>\n </template>\n </dt-chip>\n\n <!-- ~~End~~ side split chip -->\n <dt-chip\n :~~show~~-close=\"~~false~~\"\n :interactive=\"false\"\n :size=\"~~100~~\"\n :grouped-chip=\"true\"\n class=\"d-recipe-grouped-chip__content d-recipe-grouped-chip__content-right\"\n >\n <template #icon>\n <div\n v-if=\"hasSlotContent($slots.~~endIcon) \|\| hasSlotContent($slots.~~rightIcon)\"\n data-qa=\"right-grouped-chip-icon\"\n >\n <!-- @slot Slot for ~~end~~ chip ~~icon~~ information -->\n <slot~~\n v-if=\"$slots.endIcon\"\n name=\"endIcon\"\n />\n <!--~~ ~~@slot @deprecated Use endIcon -->\n <slot\n v-else\n~~ name=\"rightIcon\"\n />\n </div>\n </template>\n <template #default>\n <div\n v-if=\"hasSlotContent($slots.~~endContent) \|\| hasSlotContent($slots.~~rightContent)\"\n data-qa=\"right-grouped-chip-content\"\n >\n <!-- @slot Slot for ~~end~~ chip content information -->\n <slot~~\n v-if=\"$slots.endContent\"\n name=\"endContent\"\n />\n <!--~~ ~~@slot @deprecated Use endContent -->\n <slot\n v-else\n~~ name=\"rightContent\"\n />\n </div>\n </template>\n </dt-chip>\n </div>\n</template>\n\n<script>\nimport { DtChip } from '@/components/~~Chip~~';\nimport { hasSlotContent } from '@/common/utils';\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtRecipeGroupedChip',\n\n components: {\n DtChip,\n },\n\n data () {\n return {\n hasSlotContent,\n };\n },\n};\n</script>\n"],"mappings":"~~gSAqGA~~,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,sBAEN,WAAY,CACV,OAAA,EAAA,QACD,CAED,MAAQ,CACN,MAAO,CACL,eAAA,EAAA,eACD,EAEJ,~~IAhHG~~,UAAQ,yBACR,MAAM,~~kCAeA~~,UAAQ,~~mCAiBR~~,UAAQ,~~sCA2BR~~,UAAQ,~~oCAiBR~~,UAAQ,+~~IAeV~~,~~MA7FN~~,~~EA6FM~~,EAAA,EAAA,EAAA,~~aA7CM~~,EAAA,~~CA3CP~~,aAAY,GACZ,YAAa,~~GACb~~,~~KAAM~~,~~IACN~~,eAAc,GACf,MAAM,~~yFAsBK~~,SAAA,EAAA,EAAA,~~aAeH~~,~~CAbE~~,EAAA,eAAe,EAAA,OAAO,~~aAAY,EAAK,EAAA,eAAe,EAAA,OAAO,~~YAAW,GAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,~~oBAa1E~~,~~MAdN~~,~~EAcM~~,~~CARI,~~EAAA,~~OAAO,cAAA,~~EAAA,EAAA,~~YAEb~~,EAAA,OAAA,~~eAAA,CAAA,IAAA,EAAA,CAAA,EAAA,EAAA,EAAA,YAKA,EAAA,OAAA,~~cAAA,CAAA,~~IAAA,EAAA,~~CAAA,~~CAAA,CAAA,~~GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,CAAA,CAAA,~~OAjCE~~,EAAA,eAAe,EAAA,OAAO,~~UAAS,EAAK,EAAA,eAAe,EAAA,OAAO,~~SAAQ,CAAA,~~MACvE~~,~~4BAgBK~~,~~CAbE~~,EAAA,eAAe,EAAA,OAAO,~~UAAS,EAAK,EAAA,eAAe,EAAA,OAAO,~~SAAQ,GAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,~~oBAapE~~,~~MAdN~~,~~EAcM~~,~~CARI,~~EAAA,~~OAAO,WAAA,~~EAAA,EAAA,~~YAEb~~,EAAA,OAAA,~~YAAA,CAAA,IAAA,EAAA,CAAA,EAAA,EAAA,EAAA,YAKA,EAAA,OAAA,~~WAAA,CAAA,~~IAAA,EAAA,~~CAAA,~~CAAA,CAAA,~~GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,CAAA,CAAA,~~2CAgEE~~,EAAA,~~CAxCP~~,aAAY,GACZ,YAAa,~~GACb~~,~~KAAM~~,~~IACN~~,eAAc,GACf,MAAM,wEAEK,MAAA,EAAA,EAAA,~~aAeH~~,~~CAbE~~,EAAA,eAAe,EAAA,OAAO,~~QAAO,EAAK,EAAA,eAAe,EAAA,OAAO,~~UAAS,GAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,~~oBAanE~~,~~MAdN~~,~~EAcM~~,~~CARI,~~EAAA,~~OAAO,SAAA,~~EAAA,EAAA,~~YAEb~~,EAAA,OAAA,~~UAAA,CAAA,IAAA,EAAA,CAAA,EAAA,EAAA,EAAA,YAKA,EAAA,OAAA,~~YAAA,CAAA,~~IAAA,EAAA,~~CAAA,~~CAAA,CAAA,~~GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,CAAA,CAAA,~~CAGK~~,SAAA,EAAA,EAAA,~~aAeH~~,~~CAbE~~,EAAA,eAAe,EAAA,OAAO,~~WAAU,EAAK,EAAA,eAAe,EAAA,OAAO,~~aAAY,GAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,~~oBAazE~~,~~MAdN~~,~~EAcM~~,~~CARI,~~EAAA,~~OAAO,YAAA,~~EAAA,EAAA,~~YAEb~~,EAAA,OAAA,~~aAAA,CAAA,IAAA,EAAA,CAAA,EAAA,EAAA,EAAA,YAKA,EAAA,OAAA,~~eAAA,CAAA,~~IAAA,EAAA,~~CAAA,~~CAAA,CAAA,~~GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,CAAA,CAAA"}
1	+ {"version":3,"file":"grouped-chip.cjs","names":[],"sources":["../../../recipes/chips/grouped_chip/grouped_chip.vue"],"sourcesContent":["<template>\n <div\n data-qa=\"dt-recipe-grouped-chip\"\n class=\"d-recipe-grouped-chip\"\n >\n <dt-chip\n :hide-close=\"true\"\n :interactive=\"false\"\n size=\"xs\"\n :grouped-chip=\"true\"\n class=\"d-recipe-grouped-chip__content d-recipe-grouped-chip__content-left\"\n >\n <template\n v-if=\"hasSlotContent($slots.leftIcon)\"\n #icon\n >\n <!-- @slot Slot for left chip icon information -->\n <div\n v-if=\"hasSlotContent($slots.leftIcon)\"\n data-qa=\"left-grouped-chip-icon\"\n >\n <slot name=\"leftIcon\" />\n </div>\n </template>\n <template #default>\n <div\n v-if=\"hasSlotContent($slots.leftContent)\"\n data-qa=\"left-grouped-chip-content\"\n >\n <!-- @slot Slot for left chip content information -->\n <slot name=\"leftContent\" />\n </div>\n </template>\n </dt-chip>\n\n <!-- Right side split chip -->\n <dt-chip\n :hide-close=\"true\"\n :interactive=\"false\"\n size=\"xs\"\n :grouped-chip=\"true\"\n class=\"d-recipe-grouped-chip__content d-recipe-grouped-chip__content-right\"\n >\n <template #icon>\n <div\n v-if=\"hasSlotContent($slots.rightIcon)\"\n data-qa=\"right-grouped-chip-icon\"\n >\n <!-- @slot Slot for right chip content information -->\n <slot name=\"rightIcon\" />\n </div>\n </template>\n <template #default>\n <div\n v-if=\"hasSlotContent($slots.rightContent)\"\n data-qa=\"right-grouped-chip-content\"\n >\n <!-- @slot Slot for right chip content information -->\n <slot name=\"rightContent\" />\n </div>\n </template>\n </dt-chip>\n </div>\n</template>\n\n<script>\nimport { DtChip } from '@/components/chip';\nimport { hasSlotContent } from '@/common/utils';\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtRecipeGroupedChip',\n\n components: {\n DtChip,\n },\n\n data () {\n return {\n hasSlotContent,\n };\n },\n};\n</script>\n"],"mappings":"gSAqEA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,sBAEN,WAAY,CACV,OAAA,EAAA,QACD,CAED,MAAQ,CACN,MAAO,CACL,eAAA,EAAA,eACD,EAEJ,IAhFG,UAAQ,yBACR,MAAM,kCAgBA,UAAQ,mCAQR,UAAQ,sCAmBR,UAAQ,oCASR,UAAQ,+IAOV,MA7DN,EA6DM,EAAA,EAAA,EAAA,aA7BM,EAAA,CA3BP,aAAY,GACZ,YAAa,GACd,KAAK,KACJ,eAAc,GACf,MAAM,yFAcK,SAAA,EAAA,EAAA,aAOH,CALE,EAAA,eAAe,EAAA,OAAO,YAAW,GAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAKnC,MANN,EAMM,EAAA,EAAA,EAAA,YADuB,EAAA,OAAA,cAAA,CAAA,CAAA,GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,CAAA,CAAA,OAjBvB,EAAA,eAAe,EAAA,OAAO,SAAQ,CAAA,MACnC,4BAQK,CAJE,EAAA,eAAe,EAAA,OAAO,SAAQ,GAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAIhC,MALN,EAKM,EAAA,EAAA,EAAA,YADoB,EAAA,OAAA,WAAA,CAAA,CAAA,GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,CAAA,CAAA,2CAwCpB,EAAA,CAxBP,aAAY,GACZ,YAAa,GACd,KAAK,KACJ,eAAc,GACf,MAAM,wEAEK,MAAA,EAAA,EAAA,aAOH,CALE,EAAA,eAAe,EAAA,OAAO,UAAS,GAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAKjC,MANN,EAMM,EAAA,EAAA,EAAA,YADqB,EAAA,OAAA,YAAA,CAAA,CAAA,GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,CAAA,CAAA,CAGlB,SAAA,EAAA,EAAA,aAOH,CALE,EAAA,eAAe,EAAA,OAAO,aAAY,GAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAKpC,MANN,EAMM,EAAA,EAAA,EAAA,YADwB,EAAA,OAAA,eAAA,CAAA,CAAA,GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,CAAA,CAAA"}

package/dist/lib/grouped-chip/grouped-chip.js CHANGED Viewed

@@ -29,27 +29,27 @@ var d = {
 function _(e, t, n, d, _, v) {
 	let y = l("dt-chip");
 	return s(), i("div", f, [o(y, {
-		"show-close": !1,
+		"hide-close": !0,
 		interactive: !1,
-		size: 100,
+		size: "xs",
 		"grouped-chip": !0,
 		class: "d-recipe-grouped-chip__content d-recipe-grouped-chip__content-left"
 	}, a({
-		default: u(() => [_.hasSlotContent(e.$slots.startContent) || _.hasSlotContent(e.$slots.leftContent) ? (s(), i("div", m, [e.$slots.startContent ? c(e.$slots, "startContent", { key: 0 }) : c(e.$slots, "leftContent", { key: 1 })])) : r("", !0)]),
+		default: u(() => [_.hasSlotContent(e.$slots.leftContent) ? (s(), i("div", m, [c(e.$slots, "leftContent")])) : r("", !0)]),
 		_: 2
-	}, [_.hasSlotContent(e.$slots.startIcon) || _.hasSlotContent(e.$slots.leftIcon) ? {
+	}, [_.hasSlotContent(e.$slots.leftIcon) ? {
 		name: "icon",
-		fn: u(() => [_.hasSlotContent(e.$slots.startIcon) || _.hasSlotContent(e.$slots.leftIcon) ? (s(), i("div", p, [e.$slots.startIcon ? c(e.$slots, "startIcon", { key: 0 }) : c(e.$slots, "leftIcon", { key: 1 })])) : r("", !0)]),
+		fn: u(() => [_.hasSlotContent(e.$slots.leftIcon) ? (s(), i("div", p, [c(e.$slots, "leftIcon")])) : r("", !0)]),
 		key: "0"
 	} : void 0]), 1024), o(y, {
-		"show-close": !1,
+		"hide-close": !0,
 		interactive: !1,
-		size: 100,
+		size: "xs",
 		"grouped-chip": !0,
 		class: "d-recipe-grouped-chip__content d-recipe-grouped-chip__content-right"
 	}, {
-		icon: u(() => [_.hasSlotContent(e.$slots.endIcon) || _.hasSlotContent(e.$slots.rightIcon) ? (s(), i("div", h, [e.$slots.endIcon ? c(e.$slots, "endIcon", { key: 0 }) : c(e.$slots, "rightIcon", { key: 1 })])) : r("", !0)]),
-		default: u(() => [_.hasSlotContent(e.$slots.endContent) || _.hasSlotContent(e.$slots.rightContent) ? (s(), i("div", g, [e.$slots.endContent ? c(e.$slots, "endContent", { key: 0 }) : c(e.$slots, "rightContent", { key: 1 })])) : r("", !0)]),
+		icon: u(() => [_.hasSlotContent(e.$slots.rightIcon) ? (s(), i("div", h, [c(e.$slots, "rightIcon")])) : r("", !0)]),
+		default: u(() => [_.hasSlotContent(e.$slots.rightContent) ? (s(), i("div", g, [c(e.$slots, "rightContent")])) : r("", !0)]),
 		_: 3
 	})]);
 }

package/dist/lib/grouped-chip/grouped-chip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"grouped-chip.js","names":[],"sources":["../../../recipes/chips/grouped_chip/grouped_chip.vue"],"sourcesContent":["<template>\n <div\n data-qa=\"dt-recipe-grouped-chip\"\n class=\"d-recipe-grouped-chip\"\n >\n <dt-chip\n :~~show~~-close=\"~~false~~\"\n :interactive=\"false\"\n :size=\"~~100~~\"\n :grouped-chip=\"true\"\n class=\"d-recipe-grouped-chip__content d-recipe-grouped-chip__content-left\"\n >\n <template\n v-if=\"hasSlotContent($slots.~~startIcon) \|\| hasSlotContent($slots.~~leftIcon)\"\n #icon\n >\n <div\n v-if=\"hasSlotContent($slots.~~startIcon) \|\| hasSlotContent($slots.~~leftIcon)\"\n data-qa=\"left-grouped-chip-icon\"\n >\n ~~<!-- @slot Slot for start chip icon information -->\n~~ <slot~~\n v-if=\"$slots.startIcon\"\n name=\"startIcon\"\n />\n <!--~~ ~~@slot @deprecated Use startIcon -->\n <slot\n v-else\n~~ name=\"leftIcon\"\n />\n </div>\n </template>\n <template #default>\n <div\n v-if=\"hasSlotContent($slots.~~startContent) \|\| hasSlotContent($slots.~~leftContent)\"\n data-qa=\"left-grouped-chip-content\"\n >\n <!-- @slot Slot for ~~start~~ chip content information -->\n <slot~~\n v-if=\"$slots.startContent\"\n name=\"startContent\"\n />\n <!--~~ ~~@slot @deprecated Use startContent -->\n <slot\n v-else\n~~ name=\"leftContent\"\n />\n </div>\n </template>\n </dt-chip>\n\n <!-- ~~End~~ side split chip -->\n <dt-chip\n :~~show~~-close=\"~~false~~\"\n :interactive=\"false\"\n :size=\"~~100~~\"\n :grouped-chip=\"true\"\n class=\"d-recipe-grouped-chip__content d-recipe-grouped-chip__content-right\"\n >\n <template #icon>\n <div\n v-if=\"hasSlotContent($slots.~~endIcon) \|\| hasSlotContent($slots.~~rightIcon)\"\n data-qa=\"right-grouped-chip-icon\"\n >\n <!-- @slot Slot for ~~end~~ chip ~~icon~~ information -->\n <slot~~\n v-if=\"$slots.endIcon\"\n name=\"endIcon\"\n />\n <!--~~ ~~@slot @deprecated Use endIcon -->\n <slot\n v-else\n~~ name=\"rightIcon\"\n />\n </div>\n </template>\n <template #default>\n <div\n v-if=\"hasSlotContent($slots.~~endContent) \|\| hasSlotContent($slots.~~rightContent)\"\n data-qa=\"right-grouped-chip-content\"\n >\n <!-- @slot Slot for ~~end~~ chip content information -->\n <slot~~\n v-if=\"$slots.endContent\"\n name=\"endContent\"\n />\n <!--~~ ~~@slot @deprecated Use endContent -->\n <slot\n v-else\n~~ name=\"rightContent\"\n />\n </div>\n </template>\n </dt-chip>\n </div>\n</template>\n\n<script>\nimport { DtChip } from '@/components/~~Chip~~';\nimport { hasSlotContent } from '@/common/utils';\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtRecipeGroupedChip',\n\n components: {\n DtChip,\n },\n\n data () {\n return {\n hasSlotContent,\n };\n },\n};\n</script>\n"],"mappings":";;;;;~~AAqGA~~,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,YAAY,EACV,QAAA,GACD;CAED,OAAQ;AACN,SAAO,EACL,mBACD;;CAEJ;~~CAhHG~~,WAAQ;CACR,OAAM;;;~~CAeA~~,WAAQ;;;~~CAiBR~~,WAAQ;;;~~CA2BR~~,WAAQ;;;~~CAiBR~~,WAAQ;;;;~~aA9EhB~~,~~EA6FM~~,~~OA7FN~~,~~GA6FM~~,~~CAzFJ~~,~~EA4CU~~,GAAA;~~EA3CP~~,cAAY;EACZ,aAAa;~~EACb~~,~~MAAM~~;~~EACN~~,gBAAc;EACf,OAAM;;~~EAsBK~~,SAAO,~~QAeV~~,~~CAbE~~,EAAA,eAAe,EAAA,OAAO,~~aAAY,IAAK,EAAA,eAAe,EAAA,OAAO,~~YAAW,IAAA,GAAA,~~EADhF~~,~~EAcM~~,~~OAdN~~,~~GAcM~~,~~CARI~~,~~EAAA~~,~~OAAO,eADf,EAGE,~~EAAA,QAAA,~~gBAAA~~,~~EAAA,KAAA,GAAA,~~CAAA,~~GAEF,EAGE,EAAA,QAAA,eAAA,EAAA,KAAA,GAAA,~~CAAA,~~CAAA,CAAA,~~IAAA,EAAA,IAAA,GAAA,CAAA,CAAA;;~~KAjCE~~,EAAA,eAAe,EAAA,OAAO,~~UAAS,IAAK,EAAA,eAAe,EAAA,OAAO,~~SAAQ,GAAA;~~QACvE~~;~~cAgBK~~,~~CAbE~~,EAAA,eAAe,EAAA,OAAO,~~UAAS,IAAK,EAAA,eAAe,EAAA,OAAO,~~SAAQ,IAAA,GAAA,~~EAD1E~~,~~EAcM~~,~~OAdN~~,~~GAcM~~,~~CARI~~,~~EAAA~~,~~OAAO,YADf,EAGE,~~EAAA,QAAA,~~aAAA~~,~~EAAA,KAAA,GAAA,~~CAAA,~~GAEF,EAGE,EAAA,QAAA,YAAA,EAAA,KAAA,GAAA,~~CAAA,~~CAAA,CAAA,~~IAAA,EAAA,IAAA,GAAA,CAAA,CAAA;;~~sBAuBR~~,~~EAyCU~~,GAAA;~~EAxCP~~,cAAY;EACZ,aAAa;~~EACb~~,~~MAAM~~;~~EACN~~,gBAAc;EACf,OAAM;;EAEK,MAAI,~~QAeP~~,~~CAbE~~,EAAA,eAAe,EAAA,OAAO,~~QAAO,IAAK,EAAA,eAAe,EAAA,OAAO,~~UAAS,IAAA,GAAA,~~EADzE~~,~~EAcM~~,~~OAdN~~,~~GAcM~~,~~CARI~~,~~EAAA~~,~~OAAO,UADf,EAGE,~~EAAA,QAAA,~~WAAA~~,~~EAAA,KAAA,GAAA,~~CAAA,~~GAEF,EAGE,EAAA,QAAA,aAAA,EAAA,KAAA,GAAA,~~CAAA,~~CAAA,CAAA,~~IAAA,EAAA,IAAA,GAAA,CAAA,CAAA;~~EAGK~~,SAAO,~~QAeV~~,~~CAbE~~,EAAA,eAAe,EAAA,OAAO,~~WAAU,IAAK,EAAA,eAAe,EAAA,OAAO,~~aAAY,IAAA,GAAA,~~EAD/E~~,~~EAcM~~,~~OAdN~~,~~GAcM~~,~~CARI~~,~~EAAA~~,~~OAAO,aADf,EAGE,~~EAAA,QAAA,~~cAAA~~,~~EAAA,KAAA,GAAA,~~CAAA,~~GAEF,EAGE,EAAA,QAAA,gBAAA,EAAA,KAAA,GAAA,~~CAAA,~~CAAA,CAAA,~~IAAA,EAAA,IAAA,GAAA,CAAA,CAAA"}
1	+ {"version":3,"file":"grouped-chip.js","names":[],"sources":["../../../recipes/chips/grouped_chip/grouped_chip.vue"],"sourcesContent":["<template>\n <div\n data-qa=\"dt-recipe-grouped-chip\"\n class=\"d-recipe-grouped-chip\"\n >\n <dt-chip\n :hide-close=\"true\"\n :interactive=\"false\"\n size=\"xs\"\n :grouped-chip=\"true\"\n class=\"d-recipe-grouped-chip__content d-recipe-grouped-chip__content-left\"\n >\n <template\n v-if=\"hasSlotContent($slots.leftIcon)\"\n #icon\n >\n <!-- @slot Slot for left chip icon information -->\n <div\n v-if=\"hasSlotContent($slots.leftIcon)\"\n data-qa=\"left-grouped-chip-icon\"\n >\n <slot name=\"leftIcon\" />\n </div>\n </template>\n <template #default>\n <div\n v-if=\"hasSlotContent($slots.leftContent)\"\n data-qa=\"left-grouped-chip-content\"\n >\n <!-- @slot Slot for left chip content information -->\n <slot name=\"leftContent\" />\n </div>\n </template>\n </dt-chip>\n\n <!-- Right side split chip -->\n <dt-chip\n :hide-close=\"true\"\n :interactive=\"false\"\n size=\"xs\"\n :grouped-chip=\"true\"\n class=\"d-recipe-grouped-chip__content d-recipe-grouped-chip__content-right\"\n >\n <template #icon>\n <div\n v-if=\"hasSlotContent($slots.rightIcon)\"\n data-qa=\"right-grouped-chip-icon\"\n >\n <!-- @slot Slot for right chip content information -->\n <slot name=\"rightIcon\" />\n </div>\n </template>\n <template #default>\n <div\n v-if=\"hasSlotContent($slots.rightContent)\"\n data-qa=\"right-grouped-chip-content\"\n >\n <!-- @slot Slot for right chip content information -->\n <slot name=\"rightContent\" />\n </div>\n </template>\n </dt-chip>\n </div>\n</template>\n\n<script>\nimport { DtChip } from '@/components/chip';\nimport { hasSlotContent } from '@/common/utils';\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtRecipeGroupedChip',\n\n components: {\n DtChip,\n },\n\n data () {\n return {\n hasSlotContent,\n };\n },\n};\n</script>\n"],"mappings":";;;;;AAqEA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,YAAY,EACV,QAAA,GACD;CAED,OAAQ;AACN,SAAO,EACL,mBACD;;CAEJ;CAhFG,WAAQ;CACR,OAAM;;;CAgBA,WAAQ;;;CAQR,WAAQ;;;CAmBR,WAAQ;;;CASR,WAAQ;;;;aAtDhB,EA6DM,OA7DN,GA6DM,CAzDJ,EA4BU,GAAA;EA3BP,cAAY;EACZ,aAAa;EACd,MAAK;EACJ,gBAAc;EACf,OAAM;;EAcK,SAAO,QAOV,CALE,EAAA,eAAe,EAAA,OAAO,YAAW,IAAA,GAAA,EADzC,EAMM,OANN,GAMM,CADJ,EAA2B,EAAA,QAAA,cAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA;;KAjBvB,EAAA,eAAe,EAAA,OAAO,SAAQ,GAAA;QACnC;cAQK,CAJE,EAAA,eAAe,EAAA,OAAO,SAAQ,IAAA,GAAA,EADtC,EAKM,OALN,GAKM,CADJ,EAAwB,EAAA,QAAA,WAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA;;sBAe9B,EAyBU,GAAA;EAxBP,cAAY;EACZ,aAAa;EACd,MAAK;EACJ,gBAAc;EACf,OAAM;;EAEK,MAAI,QAOP,CALE,EAAA,eAAe,EAAA,OAAO,UAAS,IAAA,GAAA,EADvC,EAMM,OANN,GAMM,CADJ,EAAyB,EAAA,QAAA,YAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA;EAGlB,SAAO,QAOV,CALE,EAAA,eAAe,EAAA,OAAO,aAAY,IAAA,GAAA,EAD1C,EAMM,OANN,GAMM,CADJ,EAA4B,EAAA,QAAA,eAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA"}

package/dist/lib/hovercard/hovercard.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/utils/index.cjs`),t=require(`../../mode_constants-CzYJW9ua.cjs`),n=require(`../tooltip/tooltipconstants.cjs`),r=require(`../popover/popoverconstants.cjs`),i=require(`../popover/popover.cjs`);let a=require(`vue`);var o=Object.assign({name:`DtHovercard`},{__name:`Hovercard`,props:{contentMode:t.t,transition:{type:Boolean,default:!1},open:{type:Boolean,default:null},fallbackPlacements:{type:Array,default:()=>[`auto`]},placement:{type:String,default:`top-start`,validator(e){return n.TOOLTIP_DIRECTIONS.includes(e)}},padding:{type:String,default:`large`,validator:e=>Object.keys(r.POPOVER_PADDING_CLASSES).some(t=>t===e)},offset:{type:Array,default:()=>[0,16]},id:{type:String,default(){return e.getUniqueString()}},anchorClass:{type:[String,Array,Object],default:``},headerClass:{type:[String,Array,Object],default:``},footerClass:{type:[String,Array,Object],default:``},dialogClass:{type:[String,Array,Object],default:``},contentClass:{type:[String,Array,Object],default:``},appendTo:{type:[HTMLElement,String],default:`body`,validator:e=>r.POPOVER_APPEND_TO_VALUES.includes(e)||e instanceof HTMLElement},enterDelay:{type:Number,default:300},leaveDelay:{type:Number,default:300},externalAnchorElement:{type:HTMLElement,default:null}},emits:[`opened`],setup(e,{expose:t}){let n=e,r=(0,a.ref)(n.open),o=(0,a.ref)(!1),s=(0,a.ref)(!1),c=(0,a.ref)(null),l=(0,a.ref)(null),u=(0,a.ref)(null),d=(0,a.ref)(null),f=(0,a.ref)(null);(0,a.onMounted)(()=>{(0,a.nextTick)(()=>{u.value=f.value?.$refs?.anchor?.firstElementChild,d.value=new MutationObserver(()=>{u.value&&!u.value.isConnected&&(r.value=!1)}),d.value.observe(document.body,{childList:!0,subtree:!0})})}),(0,a.onBeforeUnmount)(()=>{d.value&&d.value.disconnect(),clearTimeout(c),clearTimeout(l)}),(0,a.watch)(()=>n.open,e=>{r.value=e},{immediate:!0}),t({show:h,hide:g});function p(){n.open===null&&(clearTimeout(l.value),c.value=setTimeout(()=>{r.value=!0},n.enterDelay))}function m(){n.open===null&&(clearTimeout(c.value),l.value=setTimeout(()=>{r.value=!1},n.leaveDelay))}function h(){s.value=!0,p()}function g(){s.value=!1,!o.value&&m()}function _(){o.value=!0,p()}function v(){o.value=!1,s.value||m()}return(t,n)=>((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(i.default),{id:e.id,ref_key:`popover`,ref:f,open:r.value,placement:e.placement,"content-class":e.contentClass,"content-mode":e.contentMode,"dialog-class":e.dialogClass,"fallback-placements":e.fallbackPlacements,padding:e.padding,transition:e.transition?`fade`:null,offset:e.offset,modal:!1,"initial-focus-element":`none`,"header-class":e.headerClass,"footer-class":e.footerClass,"append-to":e.appendTo,"anchor-class":e.anchorClass,"external-anchor-element":e.externalAnchorElement,"data-qa":`dt-hovercard`,"enter-delay":e.enterDelay,"leave-delay":e.leaveDelay,onOpened:n[0]||(n[0]=e=>t.$emit(`opened`,e)),onMouseenterPopover:h,onMouseleavePopover:g,onMouseenterPopoverAnchor:h,onMouseleavePopoverAnchor:g},{anchor:(0,a.withCtx)(({attrs:e})=>[(0,a.renderSlot)(t.$slots,`anchor`,(0,a.normalizeProps)((0,a.guardReactiveProps)(e)))]),content:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`div`,{onFocusin:_,onFocusout:v},[(0,a.renderSlot)(t.$slots,`content`)],32)]),headerContent:(0,a.withCtx)(()=>[(0,a.renderSlot)(t.$slots,`headerContent`)]),footerContent:(0,a.withCtx)(()=>[(0,a.renderSlot)(t.$slots,`footerContent`)]),_:3},8,[`id`,`open`,`placement`,`content-class`,`content-mode`,`dialog-class`,`fallback-placements`,`padding`,`transition`,`offset`,`header-class`,`footer-class`,`append-to`,`anchor-class`,`external-anchor-element`,`enter-delay`,`leave-delay`]))}});exports.default=o;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/utils/index.cjs`),t=require(`../tooltip/tooltip-constants.cjs`),n=require(`../popover/popover-constants.cjs`),r=require(`../popover/popover.cjs`);let i=require(`vue`);var a={__name:`hovercard`,props:{transition:{type:Boolean,default:!1},open:{type:Boolean,default:null},fallbackPlacements:{type:Array,default:()=>[`auto`]},placement:{type:String,default:`top-start`,validator(e){return t.TOOLTIP_DIRECTIONS.includes(e)}},padding:{type:String,default:`large`,validator:e=>Object.keys(n.POPOVER_PADDING_CLASSES).some(t=>t===e)},offset:{type:Array,default:()=>[0,16]},id:{type:String,default(){return e.getUniqueString()}},headerClass:{type:[String,Array,Object],default:``},footerClass:{type:[String,Array,Object],default:``},dialogClass:{type:[String,Array,Object],default:``},contentClass:{type:[String,Array,Object],default:``},appendTo:{type:[HTMLElement,String],default:`body`,validator:e=>n.POPOVER_APPEND_TO_VALUES.includes(e)||e instanceof HTMLElement},enterDelay:{type:Number,default:300},leaveDelay:{type:Number,default:300},externalAnchorElement:{type:HTMLElement,default:null}},emits:[`opened`],setup(e,{expose:t}){let n=e,a=(0,i.ref)(n.open),o=(0,i.ref)(!1),s=(0,i.ref)(!1),c=(0,i.ref)(null),l=(0,i.ref)(null),u=(0,i.ref)(null),d=(0,i.ref)(null),f=(0,i.ref)(null);(0,i.onMounted)(()=>{(0,i.nextTick)(()=>{u.value=f.value?.$refs?.anchor?.firstElementChild,d.value=new MutationObserver(()=>{u.value&&!u.value.isConnected&&(a.value=!1)}),d.value.observe(document.body,{childList:!0,subtree:!0})})}),(0,i.onBeforeUnmount)(()=>{d.value&&d.value.disconnect(),clearTimeout(c),clearTimeout(l)}),(0,i.watch)(()=>n.open,e=>{a.value=e},{immediate:!0}),t({show:h,hide:g});function p(){n.open===null&&(clearTimeout(l.value),c.value=setTimeout(()=>{a.value=!0},n.enterDelay))}function m(){n.open===null&&(clearTimeout(c.value),l.value=setTimeout(()=>{a.value=!1},n.leaveDelay))}function h(){s.value=!0,p()}function g(){s.value=!1,!o.value&&m()}function _(){o.value=!0,p()}function v(){o.value=!1,s.value||m()}return(t,n)=>((0,i.openBlock)(),(0,i.createBlock)((0,i.unref)(r.default),{id:e.id,ref_key:`popover`,ref:f,open:a.value,placement:e.placement,"content-class":e.contentClass,"dialog-class":e.dialogClass,"fallback-placements":e.fallbackPlacements,padding:e.padding,transition:e.transition?`fade`:null,offset:e.offset,modal:!1,"initial-focus-element":`none`,"header-class":e.headerClass,"footer-class":e.footerClass,"append-to":e.appendTo,"external-anchor-element":e.externalAnchorElement,"data-qa":`dt-hovercard`,"enter-delay":e.enterDelay,"leave-delay":e.leaveDelay,onOpened:n[0]||(n[0]=e=>t.$emit(`opened`,e)),onMouseenterPopover:h,onMouseleavePopover:g,onMouseenterPopoverAnchor:h,onMouseleavePopoverAnchor:g},{anchor:(0,i.withCtx)(({attrs:e})=>[(0,i.renderSlot)(t.$slots,`anchor`,(0,i.normalizeProps)((0,i.guardReactiveProps)(e)))]),content:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,{onFocusin:_,onFocusout:v},[(0,i.renderSlot)(t.$slots,`content`)],32)]),headerContent:(0,i.withCtx)(()=>[(0,i.renderSlot)(t.$slots,`headerContent`)]),footerContent:(0,i.withCtx)(()=>[(0,i.renderSlot)(t.$slots,`footerContent`)]),_:3},8,[`id`,`open`,`placement`,`content-class`,`dialog-class`,`fallback-placements`,`padding`,`transition`,`offset`,`header-class`,`footer-class`,`append-to`,`external-anchor-element`,`enter-delay`,`leave-delay`]))}};exports.default=a;
 //# sourceMappingURL=hovercard.cjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"hovercard.cjs","names":["$emit"],"sources":["../../../components/Hovercard/Hovercard.vue"],"sourcesContent":["<!-- eslint-disable vue/multi-word-component-names -->\n<template>\n <dt-popover\n :id=\"id\"\n ref=\"popover\"\n :open=\"hovercardOpen\"\n :placement=\"placement\"\n :content-class=\"contentClass\"\n :content-mode=\"contentMode\"\n :dialog-class=\"dialogClass\"\n :fallback-placements=\"fallbackPlacements\"\n :padding=\"padding\"\n :transition=\"transition ? 'fade' : null\"\n :offset=\"offset\"\n :modal=\"false\"\n initial-focus-element=\"none\"\n :header-class=\"headerClass\"\n :footer-class=\"footerClass\"\n :append-to=\"appendTo\"\n :anchor-class=\"anchorClass\"\n :external-anchor-element=\"externalAnchorElement\"\n data-qa=\"dt-hovercard\"\n :enter-delay=\"enterDelay\"\n :leave-delay=\"leaveDelay\"\n @opened=\"(e) => ($emit('opened', e))\"\n @mouseenter-popover=\"onMouseEnter\"\n @mouseleave-popover=\"onMouseLeave\"\n @mouseenter-popover-anchor=\"onMouseEnter\"\n @mouseleave-popover-anchor=\"onMouseLeave\"\n >\n <template #anchor=\"{ attrs }\">\n <!-- @slot Anchor element that activates the hovercard. Usually a button. -->\n <slot\n name=\"anchor\"\n v-bind=\"attrs\"\n />\n </template>\n <template #content>\n <div\n @focusin=\"onContentFocusIn\"\n @focusout=\"onContentFocusOut\"\n >\n <!-- @slot Slot for the content that is displayed in the hovercard. -->\n <slot name=\"content\" />\n </div>\n </template>\n <template #headerContent>\n <!-- @slot Slot for hovercard header content -->\n <slot name=\"headerContent\" />\n </template>\n\n <template #footerContent>\n <!-- @slot Slot for the footer content. -->\n <slot name=\"footerContent\" />\n </template>\n </dt-popover>\n</template>\n\n<script setup>\nimport { ref, watch, nextTick, onMounted, onBeforeUnmount } from 'vue';\nimport { POPOVER_APPEND_TO_VALUES, POPOVER_PADDING_CLASSES, DtPopover } from '@/components/Popover/index.js';\nimport { TOOLTIP_DIRECTIONS, TOOLTIP_DELAY_MS } from '@/components/Tooltip/index.js';\nimport { getUniqueString } from '@/common/utils';\nimport { CONTENT_MODE_PROP } from '@/common/mode_constants';\n\ndefineOptions({\n name: 'DtHovercard',\n});\n\nconst props = defineProps({\n /*\n Applies a color mode to the positioned content element.\n * @values light, dark, invert\n /\n contentMode: CONTENT_MODE_PROP,\n\n /\n Fade transition when the content display is toggled.\n * @type boolean\n * @values true, false\n /\n transition: {\n type: Boolean,\n default: false,\n },\n\n /\n Controls whether the hovercard is shown. Leaving this null will have the hovercard trigger on hover by default.\n * If you set this value, the default trigger behavior will be disabled, and you can control it as you need.\n * Supports .sync modifier\n * @values null, true, false\n /\n open: {\n type: Boolean,\n default: null,\n },\n\n /\n If the popover does not fit in the direction described by \"placement\",\n * it will attempt to change its direction to the \"fallbackPlacements\".\n * @see https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements\"\n /\n fallbackPlacements: {\n type: Array,\n default: () => {\n return ['auto'];\n },\n },\n\n /\n The direction the popover displays relative to the anchor.\n * @see https://atomiks.github.io/tippyjs/v6/all-props/#placement\"\n * @values top, top-start, top-end,\n * right, right-start, right-end,\n * left, left-start, left-end,\n * bottom, bottom-start, bottom-end,\n * auto, auto-start, auto-end\n /\n placement: {\n type: String,\n default: 'top-start',\n validator (placement) {\n return TOOLTIP_DIRECTIONS.includes(placement);\n },\n },\n\n /\n Padding size class for the popover content.\n * @values none, small, medium, large\n /\n padding: {\n type: String,\n default: 'large',\n validator: (padding) => {\n return Object.keys(POPOVER_PADDING_CLASSES).some((item) => item === padding);\n },\n },\n\n /\n Displaces the content box from its anchor element\n * by the specified number of pixels.\n * @see https://atomiks.github.io/tippyjs/v6/all-props/#offset\"\n /\n offset: {\n type: Array,\n default: () => [0, 16],\n },\n\n /\n The id of the tooltip\n /\n id: {\n type: String,\n default () { return getUniqueString(); },\n },\n\n /\n Additional class name for the anchor wrapper element.\n /\n anchorClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n Additional class name for the header content wrapper element.\n /\n headerClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n Additional class name for the footer content wrapper element.\n /\n footerClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n Additional class name for the dialog element.\n /\n dialogClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n Additional class name for the content wrapper element.\n /\n contentClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n Sets the element to which the popover is going to append to.\n * 'body' will append to the nearest body (supports shadow DOM).\n * @values 'body', 'parent', HTMLElement,\n /\n appendTo: {\n type: [HTMLElement, String],\n default: 'body',\n validator: appendTo => {\n return POPOVER_APPEND_TO_VALUES.includes(appendTo) \|\|\n (appendTo instanceof HTMLElement);\n },\n },\n\n /\n The enter delay in milliseconds before the hovercard is shown.\n * @type number\n /\n enterDelay: {\n type: Number,\n default: TOOLTIP_DELAY_MS,\n },\n\n /\n The leave delay in milliseconds before the hovercard is hidden.\n * @type number\n /\n leaveDelay: {\n type: Number,\n default: TOOLTIP_DELAY_MS,\n },\n\n /\n External anchor element reference. Use this instead of the anchor slot when\n * the anchor may be inside a Shadow DOM, as querySelector cannot pierce shadow boundaries.\n /\n externalAnchorElement: {\n type: HTMLElement,\n default: null,\n },\n});\n\ndefineEmits([\n /\n Emitted when hovercard is shown or hidden\n \n @event opened\n * @type {Boolean \| Array}\n */\n 'opened',\n]);\n\nconst hovercardOpen = ref(props.open);\nconst contentFocused = ref(false);\nconst mouseOverHovercard = ref(false);\nconst inTimer = ref(null);\nconst outTimer = ref(null);\nconst anchorEl = ref(null);\nconst observer = ref(null);\nconst popover = ref(null);\n\nonMounted(() => {\n nextTick(() => {\n anchorEl.value = popover.value?.$refs?.anchor?.firstElementChild;\n\n observer.value = new MutationObserver(() => {\n if (anchorEl.value && !anchorEl.value.isConnected) {\n hovercardOpen.value = false;\n }\n });\n\n observer.value.observe(document.body, {\n childList: true,\n subtree: true,\n });\n });\n});\n\nonBeforeUnmount(() => {\n if (observer.value) {\n observer.value.disconnect();\n }\n clearTimeout(inTimer);\n clearTimeout(outTimer);\n});\n\nwatch(() => props.open, (open) => {\n hovercardOpen.value = open;\n}, { immediate: true });\n\ndefineExpose({ show: onMouseEnter, hide: onMouseLeave });\n\nfunction setInTimer () {\n if (props.open === null) {\n clearTimeout(outTimer.value);\n inTimer.value = setTimeout(() => {\n hovercardOpen.value = true;\n }, props.enterDelay);\n }\n}\n\nfunction setOutTimer () {\n if (props.open === null) {\n clearTimeout(inTimer.value);\n outTimer.value = setTimeout(() => {\n hovercardOpen.value = false;\n }, props.leaveDelay);\n }\n}\n\nfunction onMouseEnter () {\n mouseOverHovercard.value = true;\n setInTimer();\n}\n\nfunction onMouseLeave () {\n mouseOverHovercard.value = false;\n if (contentFocused.value) {\n return;\n }\n setOutTimer();\n}\n\nfunction onContentFocusIn () {\n contentFocused.value = true;\n setInTimer();\n}\n\nfunction onContentFocusOut () {\n contentFocused.value = false;\n\n // If mouse is not over the hovercard, close it\n if (!mouseOverHovercard.value) {\n setOutTimer();\n }\n}\n</script>\n"],"mappings":"05CAqEA,IAAM,EAAQ,EAmLR,GAAA,EAAA,EAAA,KAAoB,EAAM,KAAK,CAC/B,GAAA,EAAA,EAAA,KAAqB,GAAM,CAC3B,GAAA,EAAA,EAAA,KAAyB,GAAM,CAC/B,GAAA,EAAA,EAAA,KAAc,KAAK,CACnB,GAAA,EAAA,EAAA,KAAe,KAAK,CACpB,GAAA,EAAA,EAAA,KAAe,KAAK,CACpB,GAAA,EAAA,EAAA,KAAe,KAAK,CACpB,GAAA,EAAA,EAAA,KAAc,KAAK,EAEzB,EAAA,EAAA,eAAgB,EACd,EAAA,EAAA,cAAe,CACb,EAAS,MAAQ,EAAQ,OAAO,OAAO,QAAQ,kBAE/C,EAAS,MAAQ,IAAI,qBAAuB,CACtC,EAAS,OAAS,CAAC,EAAS,MAAM,cACpC,EAAc,MAAQ,KAExB,CAEF,EAAS,MAAM,QAAQ,SAAS,KAAM,CACpC,UAAW,GACX,QAAS,GACV,CAAC,EACF,EACF,EAEF,EAAA,EAAA,qBAAsB,CAChB,EAAS,OACX,EAAS,MAAM,YAAY,CAE7B,aAAa,EAAQ,CACrB,aAAa,EAAS,EACtB,EAEF,EAAA,EAAA,WAAY,EAAM,KAAO,GAAS,CAChC,EAAc,MAAQ,GACrB,CAAE,UAAW,GAAM,CAAC,CAEvB,EAAa,CAAE,KAAM,EAAc,KAAM,EAAc,CAAC,CAExD,SAAS,GAAc,CACjB,EAAM,OAAS,OACjB,aAAa,EAAS,MAAM,CAC5B,EAAQ,MAAQ,eAAiB,CAC/B,EAAc,MAAQ,IACrB,EAAM,WAAW,EAIxB,SAAS,GAAe,CAClB,EAAM,OAAS,OACjB,aAAa,EAAQ,MAAM,CAC3B,EAAS,MAAQ,eAAiB,CAChC,EAAc,MAAQ,IACrB,EAAM,WAAW,EAIxB,SAAS,GAAgB,CACvB,EAAmB,MAAQ,GAC3B,GAAY,CAGd,SAAS,GAAgB,CACvB,EAAmB,MAAQ,GACvB,GAAe,OAGnB,GAAa,CAGf,SAAS,GAAoB,CAC3B,EAAe,MAAQ,GACvB,GAAY,CAGd,SAAS,GAAqB,CAC5B,EAAe,MAAQ,GAGlB,EAAmB,OACtB,GAAa,+DAlRF,EAAA,QAAA,CAAA,CApDV,GAAI,EAAA,WACD,UAAJ,IAAI,EACH,KAAM,EAAA,MACN,UAAW,EAAA,UACX,gBAAe,EAAA,aACf,eAAc,EAAA,YACd,eAAc,EAAA,YACd,sBAAqB,EAAA,mBACrB,QAAS,EAAA,QACT,WAAY,EAAA,WAAU,OAAA,KACtB,OAAQ,EAAA,OACR,MAAO,GACR,wBAAsB,OACrB,eAAc,EAAA,YACd,eAAc,EAAA,YACd,YAAW,EAAA,SACX,eAAc,EAAA,YACd,0BAAyB,EAAA,sBAC1B,UAAQ,eACP,cAAa,EAAA,WACb,cAAa,EAAA,WACb,SAAM,EAAA,KAAA,EAAA,GAAG,GAAOA,EAAAA,MAAK,SAAW,EAAC,EACjC,oBAAoB,EACpB,oBAAoB,EACpB,0BAA2B,EAC3B,0BAA2B,IAEjB,QAAA,EAAA,EAAA,UAKP,CALiB,WAAK,EAAA,EAAA,EAAA,YAKtB,EAAA,OAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,EAAA,oBADQ,EAAK,CAAA,CAAA,CAAA,CAAA,CAGN,SAAA,EAAA,EAAA,aAOH,EAAA,EAAA,EAAA,oBAAA,MAAA,CALH,UAAS,EACT,WAAU,qBAGY,EAAA,OAAA,UAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAGhB,eAAA,EAAA,EAAA,aAEoB,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,gBAAA,CAAA,CAAA,CAGpB,eAAA,EAAA,EAAA,aAEoB,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,gBAAA,CAAA,CAAA"}
1	+ {"version":3,"file":"hovercard.cjs","names":["$emit"],"sources":["../../../components/hovercard/hovercard.vue"],"sourcesContent":["<!-- eslint-disable vue/multi-word-component-names -->\n<template>\n <dt-popover\n :id=\"id\"\n ref=\"popover\"\n :open=\"hovercardOpen\"\n :placement=\"placement\"\n :content-class=\"contentClass\"\n :dialog-class=\"dialogClass\"\n :fallback-placements=\"fallbackPlacements\"\n :padding=\"padding\"\n :transition=\"transition ? 'fade' : null\"\n :offset=\"offset\"\n :modal=\"false\"\n initial-focus-element=\"none\"\n :header-class=\"headerClass\"\n :footer-class=\"footerClass\"\n :append-to=\"appendTo\"\n :external-anchor-element=\"externalAnchorElement\"\n data-qa=\"dt-hovercard\"\n :enter-delay=\"enterDelay\"\n :leave-delay=\"leaveDelay\"\n @opened=\"(e) => ($emit('opened', e))\"\n @mouseenter-popover=\"onMouseEnter\"\n @mouseleave-popover=\"onMouseLeave\"\n @mouseenter-popover-anchor=\"onMouseEnter\"\n @mouseleave-popover-anchor=\"onMouseLeave\"\n >\n <template #anchor=\"{ attrs }\">\n <!-- @slot Anchor element that activates the hovercard. Usually a button. -->\n <slot\n name=\"anchor\"\n v-bind=\"attrs\"\n />\n </template>\n <template #content>\n <div\n @focusin=\"onContentFocusIn\"\n @focusout=\"onContentFocusOut\"\n >\n <!-- @slot Slot for the content that is displayed in the hovercard. -->\n <slot name=\"content\" />\n </div>\n </template>\n <template #headerContent>\n <!-- @slot Slot for hovercard header content -->\n <slot name=\"headerContent\" />\n </template>\n\n <template #footerContent>\n <!-- @slot Slot for the footer content. -->\n <slot name=\"footerContent\" />\n </template>\n </dt-popover>\n</template>\n\n<script setup>\nimport { ref, watch, nextTick, onMounted, onBeforeUnmount } from 'vue';\nimport { POPOVER_APPEND_TO_VALUES, POPOVER_PADDING_CLASSES, DtPopover } from '@/components/popover/index.js';\nimport { TOOLTIP_DIRECTIONS, TOOLTIP_DELAY_MS } from '@/components/tooltip/index.js';\nimport { getUniqueString } from '@/common/utils';\n\nconst props = defineProps({\n /*\n Fade transition when the content display is toggled.\n * @type boolean\n * @values true, false\n /\n transition: {\n type: Boolean,\n default: false,\n },\n\n /\n Controls whether the hovercard is shown. Leaving this null will have the hovercard trigger on hover by default.\n * If you set this value, the default trigger behavior will be disabled, and you can control it as you need.\n * Supports .sync modifier\n * @values null, true, false\n /\n open: {\n type: Boolean,\n default: null,\n },\n\n /\n If the popover does not fit in the direction described by \"placement\",\n * it will attempt to change its direction to the \"fallbackPlacements\".\n * @see https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements\"\n /\n fallbackPlacements: {\n type: Array,\n default: () => {\n return ['auto'];\n },\n },\n\n /\n The direction the popover displays relative to the anchor.\n * @see https://atomiks.github.io/tippyjs/v6/all-props/#placement\"\n * @values top, top-start, top-end,\n * right, right-start, right-end,\n * left, left-start, left-end,\n * bottom, bottom-start, bottom-end,\n * auto, auto-start, auto-end\n /\n placement: {\n type: String,\n default: 'top-start',\n validator (placement) {\n return TOOLTIP_DIRECTIONS.includes(placement);\n },\n },\n\n /\n Padding size class for the popover content.\n * @values none, small, medium, large\n /\n padding: {\n type: String,\n default: 'large',\n validator: (padding) => {\n return Object.keys(POPOVER_PADDING_CLASSES).some((item) => item === padding);\n },\n },\n\n /\n Displaces the content box from its anchor element\n * by the specified number of pixels.\n * @see https://atomiks.github.io/tippyjs/v6/all-props/#offset\"\n /\n offset: {\n type: Array,\n default: () => [0, 16],\n },\n\n /\n The id of the tooltip\n /\n id: {\n type: String,\n default () { return getUniqueString(); },\n },\n\n /\n Additional class name for the header content wrapper element.\n /\n headerClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n Additional class name for the footer content wrapper element.\n /\n footerClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n Additional class name for the dialog element.\n /\n dialogClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n Additional class name for the content wrapper element.\n /\n contentClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n Sets the element to which the popover is going to append to.\n * 'body' will append to the nearest body (supports shadow DOM).\n * @values 'body', 'parent', HTMLElement,\n /\n appendTo: {\n type: [HTMLElement, String],\n default: 'body',\n validator: appendTo => {\n return POPOVER_APPEND_TO_VALUES.includes(appendTo) \|\|\n (appendTo instanceof HTMLElement);\n },\n },\n\n /\n The enter delay in milliseconds before the hovercard is shown.\n * @type number\n /\n enterDelay: {\n type: Number,\n default: TOOLTIP_DELAY_MS,\n },\n\n /\n The leave delay in milliseconds before the hovercard is hidden.\n * @type number\n /\n leaveDelay: {\n type: Number,\n default: TOOLTIP_DELAY_MS,\n },\n\n /\n External anchor element reference. Use this instead of the anchor slot when\n * the anchor may be inside a Shadow DOM, as querySelector cannot pierce shadow boundaries.\n /\n externalAnchorElement: {\n type: HTMLElement,\n default: null,\n },\n});\n\ndefineEmits([\n /\n Emitted when hovercard is shown or hidden\n \n @event opened\n * @type {Boolean \| Array}\n */\n 'opened',\n]);\n\nconst hovercardOpen = ref(props.open);\nconst contentFocused = ref(false);\nconst mouseOverHovercard = ref(false);\nconst inTimer = ref(null);\nconst outTimer = ref(null);\nconst anchorEl = ref(null);\nconst observer = ref(null);\nconst popover = ref(null);\n\nonMounted(() => {\n nextTick(() => {\n anchorEl.value = popover.value?.$refs?.anchor?.firstElementChild;\n\n observer.value = new MutationObserver(() => {\n if (anchorEl.value && !anchorEl.value.isConnected) {\n hovercardOpen.value = false;\n }\n });\n\n observer.value.observe(document.body, {\n childList: true,\n subtree: true,\n });\n });\n});\n\nonBeforeUnmount(() => {\n if (observer.value) {\n observer.value.disconnect();\n }\n clearTimeout(inTimer);\n clearTimeout(outTimer);\n});\n\nwatch(() => props.open, (open) => {\n hovercardOpen.value = open;\n}, { immediate: true });\n\ndefineExpose({ show: onMouseEnter, hide: onMouseLeave });\n\nfunction setInTimer () {\n if (props.open === null) {\n clearTimeout(outTimer.value);\n inTimer.value = setTimeout(() => {\n hovercardOpen.value = true;\n }, props.enterDelay);\n }\n}\n\nfunction setOutTimer () {\n if (props.open === null) {\n clearTimeout(inTimer.value);\n outTimer.value = setTimeout(() => {\n hovercardOpen.value = false;\n }, props.leaveDelay);\n }\n}\n\nfunction onMouseEnter () {\n mouseOverHovercard.value = true;\n setInTimer();\n}\n\nfunction onMouseLeave () {\n mouseOverHovercard.value = false;\n if (contentFocused.value) {\n return;\n }\n setOutTimer();\n}\n\nfunction onContentFocusIn () {\n contentFocused.value = true;\n setInTimer();\n}\n\nfunction onContentFocusOut () {\n contentFocused.value = false;\n\n // If mouse is not over the hovercard, close it\n if (!mouseOverHovercard.value) {\n setOutTimer();\n }\n}\n</script>\n"],"mappings":"swCA8DA,IAAM,EAAQ,EAqKR,GAAA,EAAA,EAAA,KAAoB,EAAM,KAAK,CAC/B,GAAA,EAAA,EAAA,KAAqB,GAAM,CAC3B,GAAA,EAAA,EAAA,KAAyB,GAAM,CAC/B,GAAA,EAAA,EAAA,KAAc,KAAK,CACnB,GAAA,EAAA,EAAA,KAAe,KAAK,CACpB,GAAA,EAAA,EAAA,KAAe,KAAK,CACpB,GAAA,EAAA,EAAA,KAAe,KAAK,CACpB,GAAA,EAAA,EAAA,KAAc,KAAK,EAEzB,EAAA,EAAA,eAAgB,EACd,EAAA,EAAA,cAAe,CACb,EAAS,MAAQ,EAAQ,OAAO,OAAO,QAAQ,kBAE/C,EAAS,MAAQ,IAAI,qBAAuB,CACtC,EAAS,OAAS,CAAC,EAAS,MAAM,cACpC,EAAc,MAAQ,KAExB,CAEF,EAAS,MAAM,QAAQ,SAAS,KAAM,CACpC,UAAW,GACX,QAAS,GACV,CAAC,EACF,EACF,EAEF,EAAA,EAAA,qBAAsB,CAChB,EAAS,OACX,EAAS,MAAM,YAAY,CAE7B,aAAa,EAAQ,CACrB,aAAa,EAAS,EACtB,EAEF,EAAA,EAAA,WAAY,EAAM,KAAO,GAAS,CAChC,EAAc,MAAQ,GACrB,CAAE,UAAW,GAAM,CAAC,CAEvB,EAAa,CAAE,KAAM,EAAc,KAAM,EAAc,CAAC,CAExD,SAAS,GAAc,CACjB,EAAM,OAAS,OACjB,aAAa,EAAS,MAAM,CAC5B,EAAQ,MAAQ,eAAiB,CAC/B,EAAc,MAAQ,IACrB,EAAM,WAAW,EAIxB,SAAS,GAAe,CAClB,EAAM,OAAS,OACjB,aAAa,EAAQ,MAAM,CAC3B,EAAS,MAAQ,eAAiB,CAChC,EAAc,MAAQ,IACrB,EAAM,WAAW,EAIxB,SAAS,GAAgB,CACvB,EAAmB,MAAQ,GAC3B,GAAY,CAGd,SAAS,GAAgB,CACvB,EAAmB,MAAQ,GACvB,GAAe,OAGnB,GAAa,CAGf,SAAS,GAAoB,CAC3B,EAAe,MAAQ,GACvB,GAAY,CAGd,SAAS,GAAqB,CAC5B,EAAe,MAAQ,GAGlB,EAAmB,OACtB,GAAa,+DA/PF,EAAA,QAAA,CAAA,CAlDV,GAAI,EAAA,WACD,UAAJ,IAAI,EACH,KAAM,EAAA,MACN,UAAW,EAAA,UACX,gBAAe,EAAA,aACf,eAAc,EAAA,YACd,sBAAqB,EAAA,mBACrB,QAAS,EAAA,QACT,WAAY,EAAA,WAAU,OAAA,KACtB,OAAQ,EAAA,OACR,MAAO,GACR,wBAAsB,OACrB,eAAc,EAAA,YACd,eAAc,EAAA,YACd,YAAW,EAAA,SACX,0BAAyB,EAAA,sBAC1B,UAAQ,eACP,cAAa,EAAA,WACb,cAAa,EAAA,WACb,SAAM,EAAA,KAAA,EAAA,GAAG,GAAOA,EAAAA,MAAK,SAAW,EAAC,EACjC,oBAAoB,EACpB,oBAAoB,EACpB,0BAA2B,EAC3B,0BAA2B,IAEjB,QAAA,EAAA,EAAA,UAKP,CALiB,WAAK,EAAA,EAAA,EAAA,YAKtB,EAAA,OAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,EAAA,oBADQ,EAAK,CAAA,CAAA,CAAA,CAAA,CAGN,SAAA,EAAA,EAAA,aAOH,EAAA,EAAA,EAAA,oBAAA,MAAA,CALH,UAAS,EACT,WAAU,qBAGY,EAAA,OAAA,UAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAGhB,eAAA,EAAA,EAAA,aAEoB,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,gBAAA,CAAA,CAAA,CAGpB,eAAA,EAAA,EAAA,aAEoB,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,gBAAA,CAAA,CAAA"}