@dialpad/dialtone-vue 3.222.2 → 3.223.0-next.1

package/dist/lib/general-row/general-row.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"general-row.cjs","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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"}
+{"version":3,"file":"general-row.cjs","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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"}

package/dist/lib/general-row/general-row.js

@@ -1,5 +1,6 @@
-import { addClassStyleAttrs as e, extractVueListeners as t, removeClassStyleAttrs as n, returnFirstEl as r, safeConcatStrings as i } from "../../common/utils/index.js";
-import { t as a } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import { extractVueListeners as e, removeClassStyleAttrs as t, returnFirstEl as n, safeConcatStrings as r } from "../../common/utils/index.js";
+import { t as i } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import a from "../avatar/avatar.js";
 import o from "../badge/badge.js";
 import { DialtoneLocalization as s } from "../../localization/index.js";
 import c from "../button/button.js";
@@ -7,10 +8,25 @@ import l from "../tooltip/tooltip.js";
 import u from "../emoji-text-wrapper/emoji-text-wrapper.js";
 import { LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS as d, LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR as f, LEFTBAR_GENERAL_ROW_ICON_SIZES as p, LEFTBAR_GENERAL_ROW_TYPES as m } from "./general-row-constants.js";
 import h from "./leftbar-general-row-icon.js";
-import { createBlock as g, createCommentVNode as _, createElementBlock as v, createElementVNode as y, createTextVNode as b, createVNode as x, mergeProps as S, normalizeClass as C, normalizeStyle as w, openBlock as T, renderSlot as E, resolveComponent as D, resolveDirective as O, toDisplayString as k, toHandlers as A, withCtx as j, withDirectives as M, withModifiers as N } from "vue";
-import { DtIconPhone as P, DtIconWaveform as F } from "@dialpad/dialtone-icons/vue3";
+import { Fragment as g, createBlock as _, createCommentVNode as v, createElementBlock as y, createElementVNode as b, createTextVNode as x, createVNode as S, mergeProps as C, normalizeClass as w, normalizeStyle as T, openBlock as E, renderSlot as D, resolveComponent as O, resolveDirective as ee, resolveDynamicComponent as k, toDisplayString as A, toHandlers as j, withCtx as M, withDirectives as N, withModifiers as P } from "vue";
+import { DtIconAtSign as F, DtIconCalendarClock as I, DtIconContacts as L, DtIconDialbot as R, DtIconExternalLink as z, DtIconHash as B, DtIconHashBold as V, DtIconInbox as H, DtIconLaptop2 as U, DtIconLayoutTemplate as W, DtIconLock as te, DtIconLockFilled as G, DtIconPhone as K, DtIconSparkle as q, DtIconThread as J, DtIconUsers as Y, DtIconWaveform as X } from "@dialpad/dialtone-icons/vue";
 //#region recipes/leftbar/general_row/general_row.vue
-var I = {
+var Z = new Map([
+	[m.INBOX, H],
+	[m.CONTACTS, L],
+	[m.CHANNELS, B],
+	[m.THREADS, J],
+	[m.LAUNCHPAD, W],
+	[m.LOCKED_CHANNEL, te],
+	[m.QUICK_START, q],
+	[m.COACHING_GROUP, Y],
+	[m.COACHING_CENTER, z],
+	["locked channel unread", G],
+	["channel unread", V],
+	[m.ASSIGNED, F],
+	[m.DIGITAL, U],
+	[m.SCHEDULED, I]
+]), Q = {
 	compatConfig: { MODE: 3 },
 	name: "DtRecipeGeneralRow",
 	components: {
@@ -18,8 +34,10 @@ var I = {
 		DtBadge: o,
 		DtButton: c,
 		DtTooltip: l,
-		DtIconPhone: P,
-		DtIconWaveform: F,
+		DtIconPhone: K,
+		DtIconWaveform: X,
+		DtIconDialbot: R,
+		DtAvatar: a,
 		DtRecipeLeftbarGeneralRowIcon: h
 	},
 	inheritAttrs: !1,
@@ -118,11 +136,26 @@ var I = {
 			}
 			return this.type;
 		},
+		getIconComponent() {
+			return Z.get(this.getIcon);
+		},
+		isDialbotType() {
+			return this.type === m.DIALBOT;
+		},
+		isContactCenterType() {
+			return this.type === m.CONTACT_CENTER;
+		},
+		contactCenterIconClasses() {
+			return ["d-recipe-leftbar-row__icon-cc", d[this.color]];
+		},
+		avatarSize() {
+			return this.iconSize;
+		},
 		generalRowListeners() {
-			return t(this.$attrs);
+			return e(this.$attrs);
 		},
 		getAriaLabel() {
-			return this.ariaLabel ? this.ariaLabel : i([
+			return this.ariaLabel ? this.ariaLabel : r([
 				this.typingTooltip,
 				this.description,
 				this.unreadCountTooltip,
@@ -158,7 +191,7 @@ var I = {
 			return isNaN(this.unreadMentionCount) ? this.unreadMentionCount : Number(this.unreadMentionCount);
 		},
 		unreadCountTooltip() {
-			return i([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 })]);
+			return r([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 })]);
 		},
 		dndTextTooltip() {
 			return this.dndText && this.i18n.$t("DIALTONE_GENERAL_ROW_DND_TEXT_TOOLTIP");
@@ -181,138 +214,149 @@ var I = {
 		}
 	} },
 	mounted() {
-		this.resizeObserver = new ResizeObserver(this.adjustLabelWidth), this.resizeObserver.observe(r(this.$el)), this.adjustLabelWidth();
+		this.resizeObserver = new ResizeObserver(this.adjustLabelWidth), this.resizeObserver.observe(n(this.$el)), this.adjustLabelWidth();
 	},
 	beforeUnmount: function() {
 		this.resizeObserver.disconnect();
 	},
 	methods: {
-		removeClassStyleAttrs: n,
-		addClassStyleAttrs: e,
+		removeClassStyleAttrs: t,
 		validateProps() {
 			this.type === m.CONTACT_CENTER && !Object.keys(d).includes(this.color) && console.error(f);
 		},
 		adjustLabelWidth() {
-			this.labelWidth = (r(this.$el)?.querySelector(".d-recipe-leftbar-row__primary")?.clientWidth || 0) - ((r(this.$el)?.querySelector(".d-recipe-leftbar-row__omega")?.clientWidth || 0) + (r(this.$el)?.querySelector(".d-recipe-leftbar-row__alpha")?.clientWidth || 0) + 16) + "px";
+			this.labelWidth = (n(this.$el)?.querySelector(".d-recipe-leftbar-row__primary")?.clientWidth || 0) - ((n(this.$el)?.querySelector(".d-recipe-leftbar-row__omega")?.clientWidth || 0) + (n(this.$el)?.querySelector(".d-recipe-leftbar-row__alpha")?.clientWidth || 0) + 16) + "px";
 		}
 	}
-}, L = [
+}, ne = [
 	"data-qa",
 	"aria-label",
 	"title",
 	"href"
-], R = { class: "d-recipe-leftbar-row__alpha" }, z = {
+], re = { class: "d-recipe-leftbar-row__alpha" }, ie = {
 	key: 0,
 	class: "d-recipe-leftbar-row__is-typing"
-}, B = {
+}, ae = {
+	key: 0,
+	class: "d-recipe-leftbar-general-row__icon",
+	"data-qa": "dt-recipe-leftbar-row-icon"
+}, oe = {
+	key: 2,
+	"data-qa": "dt-recipe-leftbar-row-icon"
+}, $ = {
 	key: 0,
 	class: "d-recipe-leftbar-row__omega"
-}, V = {
+}, se = {
 	key: 1,
 	class: "d-recipe-leftbar-row__active-voice"
-}, H = {
+}, ce = {
 	key: 3,
 	class: "d-recipe-leftbar-row__action",
 	"data-qa": "dt-recipe-leftbar-row-action"
 };
-function U(e, t, n, r, i, a) {
-	let o = D("dt-recipe-leftbar-general-row-icon"), s = D("dt-emoji-text-wrapper"), c = D("dt-tooltip"), l = D("dt-icon-waveform"), u = D("dt-badge"), d = D("dt-icon-phone"), f = D("dt-button"), p = O("dt-tooltip");
-	return T(), v("div", S({ class: a.leftbarGeneralRowClasses }, a.addClassStyleAttrs(e.$attrs), { "data-qa": "dt-recipe-leftbar-row" }), [y("a", S({
+function le(e, t, n, r, i, a) {
+	let o = O("dt-icon-dialbot"), s = O("dt-avatar"), c = O("dt-emoji-text-wrapper"), l = O("dt-tooltip"), u = O("dt-icon-waveform"), d = O("dt-badge"), f = O("dt-icon-phone"), p = O("dt-button"), m = ee("dt-tooltip");
+	return E(), y("div", {
+		class: w([a.leftbarGeneralRowClasses, e.$attrs.class]),
+		style: T(e.$attrs.style),
+		"data-qa": "dt-recipe-leftbar-row"
+	}, [b("a", C({
 		class: "d-recipe-leftbar-row__primary",
 		"data-qa": "data-qa" in e.$attrs ? e.$attrs["data-qa"] : "d-recipe-leftbar-row-link",
 		"aria-label": a.getAriaLabel,
 		title: n.description,
 		href: "href" in e.$attrs ? e.$attrs.href : "javascript:void(0)"
-	}, a.removeClassStyleAttrs(e.$attrs), A(a.generalRowListeners, !0)), [y("div", R, [n.isTyping ? M((T(), v("div", z, [...t[3] || (t[3] = [
-		y("span", null, null, -1),
-		y("span", null, null, -1),
-		y("span", null, null, -1)
-	])])), [[p, a.typingTooltip]]) : E(e.$slots, "left", { key: 1 }, () => [x(o, {
-		type: a.getIcon,
-		color: n.color,
-		"icon-size": n.iconSize,
+	}, a.removeClassStyleAttrs(e.$attrs), j(a.generalRowListeners, !0)), [b("div", re, [n.isTyping ? N((E(), y("div", ie, [...t[3] || (t[3] = [
+		b("span", null, null, -1),
+		b("span", null, null, -1),
+		b("span", null, null, -1)
+	])])), [[m, a.typingTooltip]]) : e.$slots.start ? D(e.$slots, "start", { key: 1 }) : e.$slots.left ? D(e.$slots, "left", { key: 2 }) : (E(), y(g, { key: 3 }, [a.isDialbotType ? (E(), y("div", ae, [S(o, { size: "500" })])) : a.isContactCenterType ? (E(), y("div", {
+		key: 1,
+		class: w(a.contactCenterIconClasses),
 		"data-qa": "dt-recipe-leftbar-row-icon"
-	}, null, 8, [
-		"type",
-		"color",
-		"icon-size"
-	])])]), y("div", {
+	}, null, 2)) : (E(), y("div", oe, [S(s, {
+		"icon-only": "",
+		size: a.avatarSize
+	}, {
+		icon: M(({ iconSize: e }) => [(E(), _(k(a.getIconComponent), { size: e }, null, 8, ["size"]))]),
+		_: 1
+	}, 8, ["size"])]))], 64))]), b("div", {
 		class: "d-recipe-leftbar-row__label",
-		style: w(`flex-basis: ${i.labelWidth}`)
-	}, [E(e.$slots, "label", {}, () => [x(s, {
+		style: T(`flex-basis: ${i.labelWidth}`)
+	}, [D(e.$slots, "label", {}, () => [S(c, {
 		class: "d-recipe-leftbar-row__description",
 		"data-qa": "dt-recipe-leftbar-row-description",
 		size: "200"
 	}, {
-		default: j(() => [b(k(n.description), 1)]),
+		default: M(() => [x(A(n.description), 1)]),
 		_: 1
-	})])], 4)], 16, L), a.hasActions ? (T(), v("div", B, [
-		n.dndText ? (T(), g(c, {
+	})])], 4)], 16, ne), a.hasActions ? (E(), y("div", $, [
+		n.dndText ? (E(), _(l, {
 			key: 0,
 			placement: "top",
 			message: a.dndTextTooltip
 		}, {
-			anchor: j(() => [y("div", {
+			anchor: M(() => [b("div", {
 				ref: "d-recipe-leftbar-row-dnd",
 				class: "d-recipe-leftbar-row__dnd",
 				"data-qa": "dt-recipe-leftbar-row-dnd"
-			}, k(n.dndText), 513)]),
+			}, A(n.dndText), 513)]),
 			_: 1
-		}, 8, ["message"])) : _("", !0),
-		n.activeVoiceChat ? M((T(), v("div", V, [x(l, { size: "300" })])), [[p, a.activeVoiceChatTooltip]]) : a.showUnreadCount || a.showUnreadMentionCount ? (T(), g(c, {
+		}, 8, ["message"])) : v("", !0),
+		n.activeVoiceChat ? N((E(), y("div", se, [S(u, { size: "300" })])), [[m, a.activeVoiceChatTooltip]]) : a.showUnreadCount || a.showUnreadMentionCount ? (E(), _(l, {
 			key: 2,
 			message: a.unreadCountTooltip,
 			placement: "top"
 		}, {
-			anchor: j(() => [a.showUnreadCount ? (T(), g(u, {
+			anchor: M(() => [a.showUnreadCount ? (E(), _(d, {
 				key: 0,
 				kind: "count",
 				type: "bulletin",
 				"data-qa": "dt-recipe-leftbar-row-unread-badge",
-				class: C(["d-recipe-leftbar-row__unread-badge", { "d-recipe-leftbar-row__unread-count-badge": a.shouldApplyCustomStyleForCountBadge }])
+				class: w(["d-recipe-leftbar-row__unread-badge", { "d-recipe-leftbar-row__unread-count-badge": a.shouldApplyCustomStyleForCountBadge }])
 			}, {
-				default: j(() => [b(k(n.unreadCount), 1)]),
+				default: M(() => [x(A(n.unreadCount), 1)]),
 				_: 1
-			}, 8, ["class"])) : _("", !0), a.showUnreadMentionCount ? (T(), g(u, {
+			}, 8, ["class"])) : v("", !0), a.showUnreadMentionCount ? (E(), _(d, {
 				key: 1,
 				kind: "count",
 				type: "bulletin",
 				"data-qa": "dt-recipe-leftbar-row-unread-mention-badge",
-				class: C([
+				class: w([
 					"d-recipe-leftbar-row__unread-badge",
 					{ "d-recipe-leftbar-row__unread-mention-count-badge": a.shouldApplyCustomStyleForCountBadge },
 					{ "d-recipe-leftbar-row__unread-mention-only-count-badge": a.shouldApplyCustomStyleForMentionOnly }
 				])
 			}, {
-				default: j(() => [b(k(n.unreadMentionCount), 1)]),
+				default: M(() => [x(A(n.unreadMentionCount), 1)]),
 				_: 1
-			}, 8, ["class"])) : _("", !0)]),
+			}, 8, ["class"])) : v("", !0)]),
 			_: 1
-		}, 8, ["message"])) : _("", !0),
-		n.hasCallButton ? (T(), v("div", H, [x(c, {
+		}, 8, ["message"])) : v("", !0),
+		n.hasCallButton ? (E(), y("div", ce, [S(l, {
 			message: a.callButtonTooltip,
 			placement: "top"
 		}, {
-			anchor: j(() => [x(f, {
+			anchor: M(() => [S(p, {
 				class: "d-recipe-leftbar-row__action-button",
 				"data-qa": "dt-recipe-leftbar-row-action-call-button",
 				circle: "",
-				size: "xs",
+				size: 100,
 				kind: "inverted",
 				"aria-label": a.callButtonTooltip,
 				onFocus: t[0] || (t[0] = (e) => i.actionFocused = !0),
 				onBlur: t[1] || (t[1] = (e) => i.actionFocused = !1),
-				onClick: t[2] || (t[2] = N((t) => e.$emit("call", t), ["stop"]))
+				onClick: t[2] || (t[2] = P((t) => e.$emit("call", t), ["stop"]))
 			}, {
-				icon: j(() => [x(d, { size: "200" })]),
+				icon: M(() => [S(f, { size: "200" })]),
 				_: 1
 			}, 8, ["aria-label"])]),
 			_: 1
-		}, 8, ["message"])])) : _("", !0)
-	])) : _("", !0)], 16);
+		}, 8, ["message"])])) : v("", !0)
+	])) : v("", !0)], 6);
 }
-var W = /* @__PURE__ */ a(I, [["render", U]]);
+var ue = /* @__PURE__ */ i(Q, [["render", le]]);
 //#endregion
-export { W as default };
+export { ue as default };
 
 //# sourceMappingURL=general-row.js.map

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

@@ -1 +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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"}
+{"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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"}

package/dist/lib/general-row/leftbar-general-row-icon.cjs

@@ -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/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;
+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;
 //# sourceMappingURL=leftbar-general-row-icon.cjs.map

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

@@ -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/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"}
+{"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"}

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

@@ -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/vue3";
+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";
 //#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

@@ -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/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"}
+{"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"}

package/dist/lib/group-row/group-row.cjs

@@ -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/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;
+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;
 //# sourceMappingURL=group-row.cjs.map