@dialpad/dialtone-vue 3.218.3 → 3.218.4

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

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

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

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("./general-row.cjs"),E=require("./leftbar-general-row-icon.cjs"),R=require("./general-row-constants.cjs");exports.DtRecipeGeneralRow=_.default;exports.DtRecipeLeftbarGeneralRowIcon=E.default;exports.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS=R.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS;exports.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR=R.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR;exports.LEFTBAR_GENERAL_ROW_ICON_SIZES=R.LEFTBAR_GENERAL_ROW_ICON_SIZES;exports.LEFTBAR_GENERAL_ROW_TYPES=R.LEFTBAR_GENERAL_ROW_TYPES;
-//# sourceMappingURL=index.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./general-row-constants.cjs`),t=require(`./leftbar-general-row-icon.cjs`),n=require(`./general-row.cjs`);exports.DtRecipeGeneralRow=n.default,exports.DtRecipeLeftbarGeneralRowIcon=t.default,exports.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS=e.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS,exports.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR=e.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR,exports.LEFTBAR_GENERAL_ROW_ICON_SIZES=e.LEFTBAR_GENERAL_ROW_ICON_SIZES,exports.LEFTBAR_GENERAL_ROW_TYPES=e.LEFTBAR_GENERAL_ROW_TYPES;

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

@@ -1,12 +1,4 @@
-import { default as _ } from "./general-row.js";
-import { default as A } from "./leftbar-general-row-icon.js";
-import { LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS as L, LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR as O, LEFTBAR_GENERAL_ROW_ICON_SIZES as N, LEFTBAR_GENERAL_ROW_TYPES as o } from "./general-row-constants.js";
-export {
-  _ as DtRecipeGeneralRow,
-  A as DtRecipeLeftbarGeneralRowIcon,
-  L as LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS,
-  O as LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR,
-  N as LEFTBAR_GENERAL_ROW_ICON_SIZES,
-  o as LEFTBAR_GENERAL_ROW_TYPES
-};
-//# sourceMappingURL=index.js.map
+import { LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS as e, LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR as t, LEFTBAR_GENERAL_ROW_ICON_SIZES as n, LEFTBAR_GENERAL_ROW_TYPES as r } from "./general-row-constants.js";
+import i from "./leftbar-general-row-icon.js";
+import a from "./general-row.js";
+export { a as DtRecipeGeneralRow, i as DtRecipeLeftbarGeneralRowIcon, e as LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS, t as LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR, n as LEFTBAR_GENERAL_ROW_ICON_SIZES, r as LEFTBAR_GENERAL_ROW_TYPES };

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"leftbar-general-row-icon.cjs","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"],"names":["typeToIcon","TYPES","DtIconInbox","DtIconContacts","DtIconHash","DtIconThread","DtIconLayoutTemplate","DtIconLock","DtIconSparkle","DtIconUsers","DtIconExternalLink","DtIconLockFilled","DtIconHashBold","DtIconAtSign","DtIconLaptop2","DtIconCalendarClock","_sfc_main","DtIconDialbot","COLORS","$options","_openBlock","_createBlock","_resolveDynamicComponent","$props","_createElementBlock","_hoisted_1","_createVNode","_component_dt_icon_dialbot"],"mappings":"gRA4CMA,EAAa,IAAI,IAAI,CACzB,CAACC,EAAAA,0BAAM,MAAOC,aAAW,EACzB,CAACD,EAAAA,0BAAM,SAAUE,gBAAc,EAC/B,CAACF,EAAAA,0BAAM,SAAUG,YAAU,EAC3B,CAACH,EAAAA,0BAAM,QAASI,cAAY,EAC5B,CAACJ,EAAAA,0BAAM,UAAWK,sBAAoB,EACtC,CAACL,EAAAA,0BAAM,eAAgBM,YAAU,EACjC,CAACN,EAAAA,0BAAM,YAAaO,eAAa,EACjC,CAACP,EAAAA,0BAAM,eAAgBQ,aAAW,EAClC,CAACR,EAAAA,0BAAM,gBAAiBS,oBAAkB,EAC1C,CAAC,wBAAyBC,EAAAA,gBAAgB,EAC1C,CAAC,iBAAkBC,EAAAA,cAAc,EACjC,CAACX,EAAAA,0BAAM,SAAUY,cAAY,EAC7B,CAACZ,EAAAA,0BAAM,QAASa,eAAa,EAC7B,CAACb,EAAAA,0BAAM,UAAWc,qBAAmB,CACvC,CAAC,EAEIC,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,gCACN,WAAY,eACVC,EAAAA,0BACAf,EAAAA,YACA,eAAAC,EAAAA,0BACAC,EAAAA,wBACAC,EAAAA,aACA,qBAAAC,EAAAA,gCACAC,EAAAA,yBACAC,EAAAA,0BACAC,EAAAA,YACA,mBAAAC,EAAAA,mBACA,iBAAAC,EAAAA,iBACA,eAAAC,EAAAA,4BACAC,EAAAA,2BACAC,EAAAA,cACA,oBAAAC,EAAAA,qBAGF,MAAO,CACL,KAAM,CACJ,KAAM,OACN,QAAS,MAGX,MAAO,CACL,KAAM,OACN,QAAS,MAGX,SAAU,CACR,KAAM,OACN,QAAS,QAIb,SAAU,CACR,YAAc,CACZ,MAAO,CAAC,CAACd,EAAAA,0BAAM,QAASA,EAAAA,0BAAM,cAAc,EAAE,SAAS,KAAK,IAAI,CAClE,EAEA,qBAAuB,CACrB,OAAO,KAAK,OAASA,EAAAA,0BAAM,cAC7B,EAEA,eAAiB,CACf,OAAO,KAAK,OAASA,EAAAA,0BAAM,OAC7B,EAEA,aAAe,CACb,OAAOD,EAAW,IAAI,KAAK,IAAI,CACjC,EAEA,0BAA4B,CAC1B,MAAO,CACL,gCACAkB,EAAAA,0CAAO,KAAK,KAAK,EAErB,EAEJ,WA/GI,MAAM,qCACN,UAAQ,oGAVFC,EAAA,YAFRC,EAAAA,UAAA,EAAAC,EAAAA,YAIEC,EAAAA,wBAHKH,EAAA,WAAW,EAAA,OAEf,KAAMI,EAAA,4BAGIJ,EAAA,mCADbK,EAAAA,mBAGE,MAAA,OADC,uBAAOL,EAAA,wBAAwB,YAGrBA,EAAA,eADbC,EAAAA,YAAAI,EAAAA,mBAQM,MARNC,EAQM,CAHJC,EAAAA,YAEEC,EAAA,CADA,KAAK,KAAK,CAAA"}
+{"version":3,"file":"leftbar-general-row-icon.cjs","names":[],"sources":["../../../recipes/leftbar/general_row/leftbar_general_row_icon.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"getIconName\"\n    v-if=\"isIconType\"\n    :size=\"iconSize\"\n  />\n  <div\n    v-else-if=\"isContactCenterType\"\n    :class=\"contactCenterIconClasses\"\n  />\n  <div\n    v-else-if=\"isDialbotType\"\n    class=\"d-recipe-leftbar-general-row__icon\"\n    data-qa=\"general-row-dialbot\"\n  >\n    <dt-icon-dialbot\n      size=\"500\"\n    />\n  </div>\n</template>\n\n<script>\nimport {\n  DtIconDialbot,\n  DtIconInbox,\n  DtIconContacts,\n  DtIconHash,\n  DtIconThread,\n  DtIconLayoutTemplate,\n  DtIconLock,\n  DtIconSparkle,\n  DtIconUsers,\n  DtIconExternalLink,\n  DtIconLockFilled,\n  DtIconHashBold,\n  DtIconAtSign,\n  DtIconLaptop2,\n  DtIconCalendarClock,\n} from '@dialpad/dialtone-icons/vue3';\nimport {\n  LEFTBAR_GENERAL_ROW_TYPES as TYPES,\n  LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS as COLORS,\n} from '@/recipes/leftbar/general_row/general_row_constants';\n\nconst typeToIcon = new Map([\n  [TYPES.INBOX, DtIconInbox],\n  [TYPES.CONTACTS, DtIconContacts],\n  [TYPES.CHANNELS, DtIconHash],\n  [TYPES.THREADS, DtIconThread],\n  [TYPES.LAUNCHPAD, DtIconLayoutTemplate],\n  [TYPES.LOCKED_CHANNEL, DtIconLock],\n  [TYPES.QUICK_START, DtIconSparkle],\n  [TYPES.COACHING_GROUP, DtIconUsers],\n  [TYPES.COACHING_CENTER, DtIconExternalLink],\n  ['locked channel unread', DtIconLockFilled],\n  ['channel unread', DtIconHashBold],\n  [TYPES.ASSIGNED, DtIconAtSign],\n  [TYPES.DIGITAL, DtIconLaptop2],\n  [TYPES.SCHEDULED, DtIconCalendarClock],\n]);\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeLeftbarGeneralRowIcon',\n  components: {\n    DtIconDialbot,\n    DtIconInbox,\n    DtIconContacts,\n    DtIconHash,\n    DtIconThread,\n    DtIconLayoutTemplate,\n    DtIconLock,\n    DtIconSparkle,\n    DtIconUsers,\n    DtIconExternalLink,\n    DtIconLockFilled,\n    DtIconHashBold,\n    DtIconAtSign,\n    DtIconLaptop2,\n    DtIconCalendarClock,\n  },\n\n  props: {\n    type: {\n      type: String,\n      default: null,\n    },\n\n    color: {\n      type: String,\n      default: null,\n    },\n\n    iconSize: {\n      type: String,\n      default: '300',\n    },\n  },\n\n  computed: {\n    isIconType () {\n      return ![TYPES.DIALBOT, TYPES.CONTACT_CENTER].includes(this.type);\n    },\n\n    isContactCenterType () {\n      return this.type === TYPES.CONTACT_CENTER;\n    },\n\n    isDialbotType () {\n      return this.type === TYPES.DIALBOT;\n    },\n\n    getIconName () {\n      return typeToIcon.get(this.type);\n    },\n\n    contactCenterIconClasses () {\n      return [\n        'd-recipe-leftbar-row__icon-cc',\n        COLORS[this.color],\n      ];\n    },\n  },\n};\n</script>\n"],"mappings":"2SA4CA,IAAM,EAAa,IAAI,IAAI,CACzB,CAAC,EAAA,0BAAM,MAAO,EAAA,YAAY,CAC1B,CAAC,EAAA,0BAAM,SAAU,EAAA,eAAe,CAChC,CAAC,EAAA,0BAAM,SAAU,EAAA,WAAW,CAC5B,CAAC,EAAA,0BAAM,QAAS,EAAA,aAAa,CAC7B,CAAC,EAAA,0BAAM,UAAW,EAAA,qBAAqB,CACvC,CAAC,EAAA,0BAAM,eAAgB,EAAA,WAAW,CAClC,CAAC,EAAA,0BAAM,YAAa,EAAA,cAAc,CAClC,CAAC,EAAA,0BAAM,eAAgB,EAAA,YAAY,CACnC,CAAC,EAAA,0BAAM,gBAAiB,EAAA,mBAAmB,CAC3C,CAAC,wBAAyB,EAAA,iBAAiB,CAC3C,CAAC,iBAAkB,EAAA,eAAe,CAClC,CAAC,EAAA,0BAAM,SAAU,EAAA,aAAa,CAC9B,CAAC,EAAA,0BAAM,QAAS,EAAA,cAAc,CAC9B,CAAC,EAAA,0BAAM,UAAW,EAAA,oBAAoB,CACvC,CAAC,CAEG,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,gCACN,WAAY,CACV,cAAA,EAAA,cACA,YAAA,EAAA,YACA,eAAA,EAAA,eACA,WAAA,EAAA,WACA,aAAA,EAAA,aACA,qBAAA,EAAA,qBACA,WAAA,EAAA,WACA,cAAA,EAAA,cACA,YAAA,EAAA,YACA,mBAAA,EAAA,mBACA,iBAAA,EAAA,iBACA,eAAA,EAAA,eACA,aAAA,EAAA,aACA,cAAA,EAAA,cACA,oBAAA,EAAA,oBACD,CAED,MAAO,CACL,KAAM,CACJ,KAAM,OACN,QAAS,KACV,CAED,MAAO,CACL,KAAM,OACN,QAAS,KACV,CAED,SAAU,CACR,KAAM,OACN,QAAS,MACV,CACF,CAED,SAAU,CACR,YAAc,CACZ,MAAO,CAAC,CAAC,EAAA,0BAAM,QAAS,EAAA,0BAAM,eAAe,CAAC,SAAS,KAAK,KAAK,EAGnE,qBAAuB,CACrB,OAAO,KAAK,OAAS,EAAA,0BAAM,gBAG7B,eAAiB,CACf,OAAO,KAAK,OAAS,EAAA,0BAAM,SAG7B,aAAe,CACb,OAAO,EAAW,IAAI,KAAK,KAAK,EAGlC,0BAA4B,CAC1B,MAAO,CACL,gCACA,EAAA,0CAAO,KAAK,OACb,EAEJ,CACF,UA/GG,MAAM,qCACN,UAAQ,sGAVF,EAAA,aAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,cAAA,EAAA,EAAA,yBADD,EAAA,YAAW,CAAA,OAEf,KAAM,EAAA,4BAGI,EAAA,sBAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAEX,MAAA,OADC,OAAA,EAAA,EAAA,gBAAO,EAAA,yBAAwB,WAGrB,EAAA,gBAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAOP,MARN,EAQM,EAAA,EAAA,EAAA,aADF,EAAA,CADA,KAAK,MAAK,CAAA,CAAA,CAAA,GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA"}

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

@@ -1,95 +1,91 @@
-import { DtIconCalendarClock as c, DtIconLaptop2 as r, DtIconAtSign as a, DtIconHashBold as l, DtIconLockFilled as i, DtIconExternalLink as s, DtIconUsers as C, DtIconSparkle as p, DtIconLock as I, DtIconLayoutTemplate as _, DtIconThread as D, DtIconHash as T, DtIconContacts as d, DtIconInbox as E, DtIconDialbot as u } from "@dialpad/dialtone-icons/vue3";
-import { LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS as A, LEFTBAR_GENERAL_ROW_TYPES as e } from "./general-row-constants.js";
-import { resolveComponent as y, openBlock as n, createBlock as L, resolveDynamicComponent as R, createElementBlock as o, normalizeClass as f, createVNode as O, createCommentVNode as S } from "vue";
-import { _ as h } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const k = /* @__PURE__ */ new Map([
-  [e.INBOX, E],
-  [e.CONTACTS, d],
-  [e.CHANNELS, T],
-  [e.THREADS, D],
-  [e.LAUNCHPAD, _],
-  [e.LOCKED_CHANNEL, I],
-  [e.QUICK_START, p],
-  [e.COACHING_GROUP, C],
-  [e.COACHING_CENTER, s],
-  ["locked channel unread", i],
-  ["channel unread", l],
-  [e.ASSIGNED, a],
-  [e.DIGITAL, r],
-  [e.SCHEDULED, c]
-]), b = {
-  compatConfig: { MODE: 3 },
-  name: "DtRecipeLeftbarGeneralRowIcon",
-  components: {
-    DtIconDialbot: u,
-    DtIconInbox: E,
-    DtIconContacts: d,
-    DtIconHash: T,
-    DtIconThread: D,
-    DtIconLayoutTemplate: _,
-    DtIconLock: I,
-    DtIconSparkle: p,
-    DtIconUsers: C,
-    DtIconExternalLink: s,
-    DtIconLockFilled: i,
-    DtIconHashBold: l,
-    DtIconAtSign: a,
-    DtIconLaptop2: r,
-    DtIconCalendarClock: c
-  },
-  props: {
-    type: {
-      type: String,
-      default: null
-    },
-    color: {
-      type: String,
-      default: null
-    },
-    iconSize: {
-      type: String,
-      default: "300"
-    }
-  },
-  computed: {
-    isIconType() {
-      return ![e.DIALBOT, e.CONTACT_CENTER].includes(this.type);
-    },
-    isContactCenterType() {
-      return this.type === e.CONTACT_CENTER;
-    },
-    isDialbotType() {
-      return this.type === e.DIALBOT;
-    },
-    getIconName() {
-      return k.get(this.type);
-    },
-    contactCenterIconClasses() {
-      return [
-        "d-recipe-leftbar-row__icon-cc",
-        A[this.color]
-      ];
-    }
-  }
-}, g = {
-  key: 2,
-  class: "d-recipe-leftbar-general-row__icon",
-  "data-qa": "general-row-dialbot"
+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";
+//#region recipes/leftbar/general_row/leftbar_general_row_icon.vue
+var E = new Map([
+	[n.INBOX, v],
+	[n.CONTACTS, p],
+	[n.CHANNELS, g],
+	[n.THREADS, w],
+	[n.LAUNCHPAD, b],
+	[n.LOCKED_CHANNEL, x],
+	[n.QUICK_START, C],
+	[n.COACHING_GROUP, T],
+	[n.COACHING_CENTER, h],
+	["locked channel unread", S],
+	["channel unread", _],
+	[n.ASSIGNED, d],
+	[n.DIGITAL, y],
+	[n.SCHEDULED, f]
+]), D = {
+	compatConfig: { MODE: 3 },
+	name: "DtRecipeLeftbarGeneralRowIcon",
+	components: {
+		DtIconDialbot: m,
+		DtIconInbox: v,
+		DtIconContacts: p,
+		DtIconHash: g,
+		DtIconThread: w,
+		DtIconLayoutTemplate: b,
+		DtIconLock: x,
+		DtIconSparkle: C,
+		DtIconUsers: T,
+		DtIconExternalLink: h,
+		DtIconLockFilled: S,
+		DtIconHashBold: _,
+		DtIconAtSign: d,
+		DtIconLaptop2: y,
+		DtIconCalendarClock: f
+	},
+	props: {
+		type: {
+			type: String,
+			default: null
+		},
+		color: {
+			type: String,
+			default: null
+		},
+		iconSize: {
+			type: String,
+			default: "300"
+		}
+	},
+	computed: {
+		isIconType() {
+			return ![n.DIALBOT, n.CONTACT_CENTER].includes(this.type);
+		},
+		isContactCenterType() {
+			return this.type === n.CONTACT_CENTER;
+		},
+		isDialbotType() {
+			return this.type === n.DIALBOT;
+		},
+		getIconName() {
+			return E.get(this.type);
+		},
+		contactCenterIconClasses() {
+			return ["d-recipe-leftbar-row__icon-cc", t[this.color]];
+		}
+	}
+}, O = {
+	key: 2,
+	class: "d-recipe-leftbar-general-row__icon",
+	"data-qa": "general-row-dialbot"
 };
-function B(G, H, m, w, z, t) {
-  const N = y("dt-icon-dialbot");
-  return t.isIconType ? (n(), L(R(t.getIconName), {
-    key: 0,
-    size: m.iconSize
-  }, null, 8, ["size"])) : t.isContactCenterType ? (n(), o("div", {
-    key: 1,
-    class: f(t.contactCenterIconClasses)
-  }, null, 2)) : t.isDialbotType ? (n(), o("div", g, [
-    O(N, { size: "500" })
-  ])) : S("", !0);
+function k(e, t, n, d, f, p) {
+	let m = l("dt-icon-dialbot");
+	return p.isIconType ? (c(), r(u(p.getIconName), {
+		key: 0,
+		size: n.iconSize
+	}, null, 8, ["size"])) : p.isContactCenterType ? (c(), a("div", {
+		key: 1,
+		class: s(p.contactCenterIconClasses)
+	}, null, 2)) : p.isDialbotType ? (c(), a("div", O, [o(m, { size: "500" })])) : i("", !0);
 }
-const P = /* @__PURE__ */ h(b, [["render", B]]);
-export {
-  P as default
-};
-//# sourceMappingURL=leftbar-general-row-icon.js.map
+var A = /* @__PURE__ */ e(D, [["render", k]]);
+//#endregion
+export { A as default };
+
+//# sourceMappingURL=leftbar-general-row-icon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"leftbar-general-row-icon.js","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"],"names":["typeToIcon","TYPES","DtIconInbox","DtIconContacts","DtIconHash","DtIconThread","DtIconLayoutTemplate","DtIconLock","DtIconSparkle","DtIconUsers","DtIconExternalLink","DtIconLockFilled","DtIconHashBold","DtIconAtSign","DtIconLaptop2","DtIconCalendarClock","_sfc_main","DtIconDialbot","COLORS","$options","_openBlock","_createBlock","_resolveDynamicComponent","$props","_createElementBlock","_hoisted_1","_createVNode","_component_dt_icon_dialbot"],"mappings":";;;;AA4CA,MAAMA,IAAa,oBAAI,IAAI;AAAA,EACzB,CAACC,EAAM,OAAOC,CAAW;AAAA,EACzB,CAACD,EAAM,UAAUE,CAAc;AAAA,EAC/B,CAACF,EAAM,UAAUG,CAAU;AAAA,EAC3B,CAACH,EAAM,SAASI,CAAY;AAAA,EAC5B,CAACJ,EAAM,WAAWK,CAAoB;AAAA,EACtC,CAACL,EAAM,gBAAgBM,CAAU;AAAA,EACjC,CAACN,EAAM,aAAaO,CAAa;AAAA,EACjC,CAACP,EAAM,gBAAgBQ,CAAW;AAAA,EAClC,CAACR,EAAM,iBAAiBS,CAAkB;AAAA,EAC1C,CAAC,yBAAyBC,CAAgB;AAAA,EAC1C,CAAC,kBAAkBC,CAAc;AAAA,EACjC,CAACX,EAAM,UAAUY,CAAY;AAAA,EAC7B,CAACZ,EAAM,SAASa,CAAa;AAAA,EAC7B,CAACb,EAAM,WAAWc,CAAmB;AACvC,CAAC,GAEIC,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EACN,YAAY;AAAA,IACV,eAAAC;AAAA,IACA,aAAAf;AAAA,IACA,gBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,qBAAAC;AAAA;EAGF,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA;IAGX,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;IAGX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;EAIb,UAAU;AAAA,IACR,aAAc;AACZ,aAAO,CAAC,CAACd,EAAM,SAASA,EAAM,cAAc,EAAE,SAAS,KAAK,IAAI;AAAA,IAClE;AAAA,IAEA,sBAAuB;AACrB,aAAO,KAAK,SAASA,EAAM;AAAA,IAC7B;AAAA,IAEA,gBAAiB;AACf,aAAO,KAAK,SAASA,EAAM;AAAA,IAC7B;AAAA,IAEA,cAAe;AACb,aAAOD,EAAW,IAAI,KAAK,IAAI;AAAA,IACjC;AAAA,IAEA,2BAA4B;AAC1B,aAAO;AAAA,QACL;AAAA,QACAkB,EAAO,KAAK,KAAK;AAAA;IAErB;AAAA;AAEJ;;EA/GI,OAAM;AAAA,EACN,WAAQ;;;;SAVFC,EAAA,cAFRC,EAAA,GAAAC,EAIEC,EAHKH,EAAA,WAAW,GAAA;AAAA;IAEf,MAAMI,EAAA;AAAA,2BAGIJ,EAAA,4BADbK,EAGE,OAAA;AAAA;IADC,SAAOL,EAAA,wBAAwB;AAAA,iBAGrBA,EAAA,iBADbC,KAAAI,EAQM,OARNC,GAQM;AAAA,IAHJC,EAEEC,GAAA,EADA,MAAK,MAAK,CAAA;AAAA;;;"}
+{"version":3,"file":"leftbar-general-row-icon.js","names":[],"sources":["../../../recipes/leftbar/general_row/leftbar_general_row_icon.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"getIconName\"\n    v-if=\"isIconType\"\n    :size=\"iconSize\"\n  />\n  <div\n    v-else-if=\"isContactCenterType\"\n    :class=\"contactCenterIconClasses\"\n  />\n  <div\n    v-else-if=\"isDialbotType\"\n    class=\"d-recipe-leftbar-general-row__icon\"\n    data-qa=\"general-row-dialbot\"\n  >\n    <dt-icon-dialbot\n      size=\"500\"\n    />\n  </div>\n</template>\n\n<script>\nimport {\n  DtIconDialbot,\n  DtIconInbox,\n  DtIconContacts,\n  DtIconHash,\n  DtIconThread,\n  DtIconLayoutTemplate,\n  DtIconLock,\n  DtIconSparkle,\n  DtIconUsers,\n  DtIconExternalLink,\n  DtIconLockFilled,\n  DtIconHashBold,\n  DtIconAtSign,\n  DtIconLaptop2,\n  DtIconCalendarClock,\n} from '@dialpad/dialtone-icons/vue3';\nimport {\n  LEFTBAR_GENERAL_ROW_TYPES as TYPES,\n  LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS as COLORS,\n} from '@/recipes/leftbar/general_row/general_row_constants';\n\nconst typeToIcon = new Map([\n  [TYPES.INBOX, DtIconInbox],\n  [TYPES.CONTACTS, DtIconContacts],\n  [TYPES.CHANNELS, DtIconHash],\n  [TYPES.THREADS, DtIconThread],\n  [TYPES.LAUNCHPAD, DtIconLayoutTemplate],\n  [TYPES.LOCKED_CHANNEL, DtIconLock],\n  [TYPES.QUICK_START, DtIconSparkle],\n  [TYPES.COACHING_GROUP, DtIconUsers],\n  [TYPES.COACHING_CENTER, DtIconExternalLink],\n  ['locked channel unread', DtIconLockFilled],\n  ['channel unread', DtIconHashBold],\n  [TYPES.ASSIGNED, DtIconAtSign],\n  [TYPES.DIGITAL, DtIconLaptop2],\n  [TYPES.SCHEDULED, DtIconCalendarClock],\n]);\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeLeftbarGeneralRowIcon',\n  components: {\n    DtIconDialbot,\n    DtIconInbox,\n    DtIconContacts,\n    DtIconHash,\n    DtIconThread,\n    DtIconLayoutTemplate,\n    DtIconLock,\n    DtIconSparkle,\n    DtIconUsers,\n    DtIconExternalLink,\n    DtIconLockFilled,\n    DtIconHashBold,\n    DtIconAtSign,\n    DtIconLaptop2,\n    DtIconCalendarClock,\n  },\n\n  props: {\n    type: {\n      type: String,\n      default: null,\n    },\n\n    color: {\n      type: String,\n      default: null,\n    },\n\n    iconSize: {\n      type: String,\n      default: '300',\n    },\n  },\n\n  computed: {\n    isIconType () {\n      return ![TYPES.DIALBOT, TYPES.CONTACT_CENTER].includes(this.type);\n    },\n\n    isContactCenterType () {\n      return this.type === TYPES.CONTACT_CENTER;\n    },\n\n    isDialbotType () {\n      return this.type === TYPES.DIALBOT;\n    },\n\n    getIconName () {\n      return typeToIcon.get(this.type);\n    },\n\n    contactCenterIconClasses () {\n      return [\n        'd-recipe-leftbar-row__icon-cc',\n        COLORS[this.color],\n      ];\n    },\n  },\n};\n</script>\n"],"mappings":";;;;;AA4CA,IAAM,IAAa,IAAI,IAAI;CACzB,CAAC,EAAM,OAAO,EAAY;CAC1B,CAAC,EAAM,UAAU,EAAe;CAChC,CAAC,EAAM,UAAU,EAAW;CAC5B,CAAC,EAAM,SAAS,EAAa;CAC7B,CAAC,EAAM,WAAW,EAAqB;CACvC,CAAC,EAAM,gBAAgB,EAAW;CAClC,CAAC,EAAM,aAAa,EAAc;CAClC,CAAC,EAAM,gBAAgB,EAAY;CACnC,CAAC,EAAM,iBAAiB,EAAmB;CAC3C,CAAC,yBAAyB,EAAiB;CAC3C,CAAC,kBAAkB,EAAe;CAClC,CAAC,EAAM,UAAU,EAAa;CAC9B,CAAC,EAAM,SAAS,EAAc;CAC9B,CAAC,EAAM,WAAW,EAAoB;CACvC,CAAC,EAEG,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CACN,YAAY;EACV;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CAED,OAAO;EACL,MAAM;GACJ,MAAM;GACN,SAAS;GACV;EAED,OAAO;GACL,MAAM;GACN,SAAS;GACV;EAED,UAAU;GACR,MAAM;GACN,SAAS;GACV;EACF;CAED,UAAU;EACR,aAAc;AACZ,UAAO,CAAC,CAAC,EAAM,SAAS,EAAM,eAAe,CAAC,SAAS,KAAK,KAAK;;EAGnE,sBAAuB;AACrB,UAAO,KAAK,SAAS,EAAM;;EAG7B,gBAAiB;AACf,UAAO,KAAK,SAAS,EAAM;;EAG7B,cAAe;AACb,UAAO,EAAW,IAAI,KAAK,KAAK;;EAGlC,2BAA4B;AAC1B,UAAO,CACL,iCACA,EAAO,KAAK,OACb;;EAEJ;CACF;;CA/GG,OAAM;CACN,WAAQ;;;;QAVF,EAAA,cAAA,GAAA,EAFR,EAIE,EAHK,EAAA,YAAW,EAAA;;EAEf,MAAM,EAAA;0BAGI,EAAA,uBAAA,GAAA,EADb,EAGE,OAAA;;EADC,OAAK,EAAE,EAAA,yBAAwB;gBAGrB,EAAA,iBAAA,GAAA,EADb,EAQM,OARN,GAQM,CAHJ,EAEE,GAAA,EADA,MAAK,OAAK,CAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"group-row.cjs","sources":["../../../recipes/leftbar/group_row/group_row.vue"],"sourcesContent":["<template>\n  <dt-recipe-general-row\n    :description=\"names\"\n    :aria-label=\"ariaLabel\"\n    :unread-count=\"unreadCount\"\n    :has-unreads=\"hasUnreads\"\n    :unread-mention-count=\"unreadMentionCount\"\n    :unread-count-tooltip=\"unreadCountTooltip\"\n    :selected=\"selected\"\n    :is-typing=\"isTyping\"\n    v-bind=\"$attrs\"\n    v-on=\"contactRowListeners\"\n  >\n    <template #left>\n      <dt-icon-users\n        size=\"300\"\n      />\n    </template>\n  </dt-recipe-general-row>\n</template>\n\n<script>\nimport { DtRecipeGeneralRow } from '@/recipes/leftbar/general_row';\nimport { DtIconUsers } from '@dialpad/dialtone-icons/vue3';\nimport { safeConcatStrings, extractVueListeners } from '@/common/utils';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeGroupRow',\n\n  components: {\n    DtIconUsers,\n    DtRecipeGeneralRow,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n\n    /**\n     * Names of the group members\n     */\n    names: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Number of unread messages\n     */\n    unreadCount: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Number of unread mention messages\n     */\n    unreadMentionCount: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Styles the row with an increased font weight to convey it has unreads. This must be true to see\n     * the unread count badge.\n     */\n    hasUnreads: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Determines if the row is selected\n     */\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Shows an \"is typing\" animation over the avatar when true.\n     */\n    isTyping: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  data () {\n    return {\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    groupCount () {\n      return this.names.split(',').length;\n    },\n\n    messageCount () {\n      return isNaN(this.unreadCount)\n        ? this.unreadCount\n        : Number(this.unreadCount);\n    },\n\n    mentionCount () {\n      return isNaN(this.unreadMentionCount)\n        ? this.unreadMentionCount\n        : Number(this.unreadMentionCount);\n    },\n\n    unreadCountTooltip () {\n      return safeConcatStrings([\n        this.unreadCount && this.i18n.$t('DIALTONE_UNREAD_MESSAGE_COUNT_TEXT', { unreadCount: this.messageCount }),\n        this.unreadMentionCount && this.i18n.$t('DIALTONE_UNREAD_MENTION_COUNT_TEXT', { unreadCount: this.mentionCount }),\n      ]);\n    },\n\n    typingTooltip () {\n      return this.isTyping && this.i18n.$t('DIALTONE_TYPING_TEXT');\n    },\n\n    ariaLabel () {\n      return safeConcatStrings([\n        this.typingTooltip,\n        this.i18n.$t('DIALTONE_GROUP_ROW_GROUP_COUNT_TEXT', { count: this.groupCount }),\n        this.names,\n        this.unreadCountTooltip,\n      ]);\n    },\n\n    contactRowListeners () {\n      return extractVueListeners(this.$attrs);\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtIconUsers","DtRecipeGeneralRow","DialtoneLocalization","safeConcatStrings","extractVueListeners","_openBlock","_createBlock","_component_dt_recipe_general_row","_mergeProps","$props","$options","_ctx","_toHandlers","_createVNode","_component_dt_icon_users"],"mappings":"uWA2BKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,mBAEN,WAAY,aACVC,EAAAA,YACA,mBAAAC,EAAAA,SAGF,aAAc,GAEd,MAAO,CAKL,MAAO,CACL,KAAM,OACN,SAAU,IAMZ,YAAa,CACX,KAAM,OACN,QAAS,MAMX,mBAAoB,CAClB,KAAM,OACN,QAAS,MAOX,WAAY,CACV,KAAM,QACN,QAAS,IAMX,SAAU,CACR,KAAM,QACN,QAAS,IAMX,SAAU,CACR,KAAM,QACN,QAAS,KAIb,MAAQ,CACN,MAAO,CACL,KAAM,IAAIC,EAAAA,qBAEd,EAEA,SAAU,CACR,YAAc,CACZ,OAAO,KAAK,MAAM,MAAM,GAAG,EAAE,MAC/B,EAEA,cAAgB,CACd,OAAO,MAAM,KAAK,WAAW,EACzB,KAAK,YACL,OAAO,KAAK,WAAW,CAC7B,EAEA,cAAgB,CACd,OAAO,MAAM,KAAK,kBAAkB,EAChC,KAAK,mBACL,OAAO,KAAK,kBAAkB,CACpC,EAEA,oBAAsB,CACpB,OAAOC,oBAAkB,CACvB,KAAK,aAAe,KAAK,KAAK,GAAG,qCAAsC,CAAE,YAAa,KAAK,aAAc,EACzG,KAAK,oBAAsB,KAAK,KAAK,GAAG,qCAAsC,CAAE,YAAa,KAAK,aAAc,CAClH,CAAC,CACH,EAEA,eAAiB,CACf,OAAO,KAAK,UAAY,KAAK,KAAK,GAAG,sBAAsB,CAC7D,EAEA,WAAa,CACX,OAAOA,oBAAkB,CACvB,KAAK,cACL,KAAK,KAAK,GAAG,sCAAuC,CAAE,MAAO,KAAK,WAAY,EAC9E,KAAK,MACL,KAAK,kBACP,CAAC,CACH,EAEA,qBAAuB,CACrB,OAAOC,EAAAA,oBAAoB,KAAK,MAAM,CACxC,EAEJ,oHAxIE,OAAAC,YAAA,EAAAC,cAiBwBC,EAjBxBC,EAAAA,WAiBwB,CAhBrB,YAAaC,EAAA,MACb,aAAYC,EAAA,UACZ,eAAcD,EAAA,YACd,cAAaA,EAAA,WACb,uBAAsBA,EAAA,mBACtB,uBAAsBC,EAAA,mBACtB,SAAUD,EAAA,SACV,YAAWA,EAAA,UACJE,EAAA,OACRC,EAAAA,WAAMF,EAAA,mBAAmB,CAAA,EAAA,CAEd,eACT,IAEE,CAFFG,EAAAA,YAEEC,EAAA,CADA,KAAK,KAAK,CAAA"}
+{"version":3,"file":"group-row.cjs","names":[],"sources":["../../../recipes/leftbar/group_row/group_row.vue"],"sourcesContent":["<template>\n  <dt-recipe-general-row\n    :description=\"names\"\n    :aria-label=\"ariaLabel\"\n    :unread-count=\"unreadCount\"\n    :has-unreads=\"hasUnreads\"\n    :unread-mention-count=\"unreadMentionCount\"\n    :unread-count-tooltip=\"unreadCountTooltip\"\n    :selected=\"selected\"\n    :is-typing=\"isTyping\"\n    v-bind=\"$attrs\"\n    v-on=\"contactRowListeners\"\n  >\n    <template #left>\n      <dt-icon-users\n        size=\"300\"\n      />\n    </template>\n  </dt-recipe-general-row>\n</template>\n\n<script>\nimport { DtRecipeGeneralRow } from '@/recipes/leftbar/general_row';\nimport { DtIconUsers } from '@dialpad/dialtone-icons/vue3';\nimport { safeConcatStrings, extractVueListeners } from '@/common/utils';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeGroupRow',\n\n  components: {\n    DtIconUsers,\n    DtRecipeGeneralRow,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n\n    /**\n     * Names of the group members\n     */\n    names: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Number of unread messages\n     */\n    unreadCount: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Number of unread mention messages\n     */\n    unreadMentionCount: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Styles the row with an increased font weight to convey it has unreads. This must be true to see\n     * the unread count badge.\n     */\n    hasUnreads: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Determines if the row is selected\n     */\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Shows an \"is typing\" animation over the avatar when true.\n     */\n    isTyping: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  data () {\n    return {\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    groupCount () {\n      return this.names.split(',').length;\n    },\n\n    messageCount () {\n      return isNaN(this.unreadCount)\n        ? this.unreadCount\n        : Number(this.unreadCount);\n    },\n\n    mentionCount () {\n      return isNaN(this.unreadMentionCount)\n        ? this.unreadMentionCount\n        : Number(this.unreadMentionCount);\n    },\n\n    unreadCountTooltip () {\n      return safeConcatStrings([\n        this.unreadCount && this.i18n.$t('DIALTONE_UNREAD_MESSAGE_COUNT_TEXT', { unreadCount: this.messageCount }),\n        this.unreadMentionCount && this.i18n.$t('DIALTONE_UNREAD_MENTION_COUNT_TEXT', { unreadCount: this.mentionCount }),\n      ]);\n    },\n\n    typingTooltip () {\n      return this.isTyping && this.i18n.$t('DIALTONE_TYPING_TEXT');\n    },\n\n    ariaLabel () {\n      return safeConcatStrings([\n        this.typingTooltip,\n        this.i18n.$t('DIALTONE_GROUP_ROW_GROUP_COUNT_TEXT', { count: this.groupCount }),\n        this.names,\n        this.unreadCountTooltip,\n      ]);\n    },\n\n    contactRowListeners () {\n      return extractVueListeners(this.$attrs);\n    },\n  },\n};\n</script>\n"],"mappings":"wVA2BA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,mBAEN,WAAY,CACV,oDAAA,YACA,mBAAA,EAAA,QACD,CAED,aAAc,GAEd,MAAO,CAKL,MAAO,CACL,KAAM,OACN,SAAU,GACX,CAKD,YAAa,CACX,KAAM,OACN,QAAS,KACV,CAKD,mBAAoB,CAClB,KAAM,OACN,QAAS,KACV,CAMD,WAAY,CACV,KAAM,QACN,QAAS,GACV,CAKD,SAAU,CACR,KAAM,QACN,QAAS,GACV,CAKD,SAAU,CACR,KAAM,QACN,QAAS,GACV,CACF,CAED,MAAQ,CACN,MAAO,CACL,KAAM,IAAI,EAAA,qBACX,EAGH,SAAU,CACR,YAAc,CACZ,OAAO,KAAK,MAAM,MAAM,IAAI,CAAC,QAG/B,cAAgB,CACd,OAAO,MAAM,KAAK,YAAW,CACzB,KAAK,YACL,OAAO,KAAK,YAAY,EAG9B,cAAgB,CACd,OAAO,MAAM,KAAK,mBAAkB,CAChC,KAAK,mBACL,OAAO,KAAK,mBAAmB,EAGrC,oBAAsB,CACpB,OAAO,EAAA,kBAAkB,CACvB,KAAK,aAAe,KAAK,KAAK,GAAG,qCAAsC,CAAE,YAAa,KAAK,aAAc,CAAC,CAC1G,KAAK,oBAAsB,KAAK,KAAK,GAAG,qCAAsC,CAAE,YAAa,KAAK,aAAc,CAAC,CAClH,CAAC,EAGJ,eAAiB,CACf,OAAO,KAAK,UAAY,KAAK,KAAK,GAAG,uBAAuB,EAG9D,WAAa,CACX,OAAO,EAAA,kBAAkB,CACvB,KAAK,cACL,KAAK,KAAK,GAAG,sCAAuC,CAAE,MAAO,KAAK,WAAY,CAAC,CAC/E,KAAK,MACL,KAAK,mBACN,CAAC,EAGJ,qBAAuB,CACrB,OAAO,EAAA,oBAAoB,KAAK,OAAO,EAE1C,CACF,mKAvHyB,GAAA,EAAA,EAAA,YAAA,CAhBrB,YAAa,EAAA,MACb,aAAY,EAAA,UACZ,eAAc,EAAA,YACd,cAAa,EAAA,WACb,uBAAsB,EAAA,mBACtB,uBAAsB,EAAA,mBACtB,SAAU,EAAA,SACV,YAAW,EAAA,UACJ,EAAA,QAAA,EAAA,EAAA,YACkB,EAApB,oBAAmB,CAAA,CAAA,CAEd,MAAA,EAAA,EAAA,aAGP,EAAA,EAAA,EAAA,aAAA,EAAA,CADA,KAAK,MAAK,CAAA,CAAA,CAAA"}