@dialpad/dialtone-vue 3.199.0 → 3.199.1

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

@@ -1 +1 @@
-{"version":3,"file":"general-row.cjs","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","omegaWidth","alphaWidth","paddings","_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_4","_hoisted_5","_hoisted_6","_openBlock","_createElementBlock","_mergeProps","$options","_ctx","$props","_toHandlers","_hoisted_3","_hoisted_7","_renderSlot","_createVNode","_component_dt_recipe_leftbar_general_row_icon","_normalizeStyle","$data","_component_dt_emoji_text_wrapper","_withCtx","_createTextVNode","_toDisplayString","_hoisted_8","_createBlock","_component_dt_tooltip","_createCommentVNode","_withDirectives","_hoisted_9","_component_dt_icon_waveform","_component_dt_badge","_normalizeClass","_hoisted_10","_component_dt_button","_cache","_withModifiers","$event","_component_dt_icon_phone"],"mappings":"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"}
+{"version":3,"file":"general-row.cjs","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","omegaWidth","alphaWidth","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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"}

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

@@ -3,7 +3,7 @@ import { DtIconWaveform as M, DtIconPhone as W } from "@dialpad/dialtone-icons/v
 import I from "./leftbar-general-row-icon.js";
 import { addClassStyleAttrs as q, removeClassStyleAttrs as z, returnFirstEl as b, safeConcatStrings as v, extractVueListeners as F } from "../../common/utils/index.js";
 import { DialtoneLocalization as V } from "../../localization/index.js";
-import { resolveComponent as o, resolveDirective as G, createElementBlock as h, openBlock as r, mergeProps as O, createElementVNode as s, createCommentVNode as u, toHandlers as x, withDirectives as L, renderSlot as R, createVNode as c, normalizeStyle as j, withCtx as i, createTextVNode as w, toDisplayString as m, createBlock as T, normalizeClass as S, withModifiers as P } from "vue";
+import { resolveComponent as o, resolveDirective as G, createElementBlock as h, openBlock as a, mergeProps as O, createElementVNode as i, createCommentVNode as u, toHandlers as x, withDirectives as L, renderSlot as R, createVNode as c, normalizeStyle as j, withCtx as s, createTextVNode as w, toDisplayString as m, createBlock as T, normalizeClass as S, withModifiers as P } from "vue";
 import { _ as X } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import H from "../tooltip/tooltip.js";
 import Y from "../button/button.js";
@@ -264,51 +264,51 @@ const J = {
     },
     adjustLabelWidth() {
       var l, e, _, p, d, f;
-      const t = ((e = (l = b(this.$el)) == null ? void 0 : l.querySelector(".d-recipe-leftbar-row__primary")) == null ? void 0 : e.clientWidth) || 0, a = ((p = (_ = b(this.$el)) == null ? void 0 : _.querySelector(".d-recipe-leftbar-row__omega")) == null ? void 0 : p.clientWidth) || 0, n = ((f = (d = b(this.$el)) == null ? void 0 : d.querySelector(".d-recipe-leftbar-row__alpha")) == null ? void 0 : f.clientWidth) || 0, g = 16;
-      this.labelWidth = t - (a + n + g) + "px";
+      const t = ((e = (l = b(this.$el)) == null ? void 0 : l.querySelector(".d-recipe-leftbar-row__primary")) == null ? void 0 : e.clientWidth) || 0, n = ((p = (_ = b(this.$el)) == null ? void 0 : _.querySelector(".d-recipe-leftbar-row__omega")) == null ? void 0 : p.clientWidth) || 0, r = ((f = (d = b(this.$el)) == null ? void 0 : d.querySelector(".d-recipe-leftbar-row__alpha")) == null ? void 0 : f.clientWidth) || 0, g = 16;
+      this.labelWidth = t - (n + r + g) + "px";
     }
   }
 }, Q = ["data-qa", "aria-label", "title", "href"], $ = { class: "d-recipe-leftbar-row__alpha" }, ee = {
   key: 0,
   class: "d-recipe-leftbar-row__is-typing"
-}, te = /* @__PURE__ */ s("span", null, null, -1), ne = /* @__PURE__ */ s("span", null, null, -1), re = /* @__PURE__ */ s("span", null, null, -1), ae = [
-  te,
-  ne,
-  re
-], oe = {
+}, te = {
   key: 0,
   class: "d-recipe-leftbar-row__omega"
-}, ie = {
+}, re = {
   key: 1,
   class: "d-recipe-leftbar-row__active-voice"
-}, se = {
+}, ne = {
   key: 3,
   class: "d-recipe-leftbar-row__action",
   "data-qa": "dt-recipe-leftbar-row-action"
 };
-function le(t, a, n, g, l, e) {
+function ae(t, n, r, g, l, e) {
   const _ = o("dt-recipe-leftbar-general-row-icon"), p = o("dt-emoji-text-wrapper"), d = o("dt-tooltip"), f = o("dt-icon-waveform"), E = o("dt-badge"), U = o("dt-icon-phone"), B = o("dt-button"), A = G("dt-tooltip");
-  return r(), h("div", O({ class: e.leftbarGeneralRowClasses }, e.addClassStyleAttrs(t.$attrs), { "data-qa": "dt-recipe-leftbar-row" }), [
-    s("a", O({
+  return a(), h("div", O({ class: e.leftbarGeneralRowClasses }, e.addClassStyleAttrs(t.$attrs), { "data-qa": "dt-recipe-leftbar-row" }), [
+    i("a", O({
       class: "d-recipe-leftbar-row__primary",
       "data-qa": "data-qa" in t.$attrs ? t.$attrs["data-qa"] : "d-recipe-leftbar-row-link",
       "aria-label": e.getAriaLabel,
-      title: n.description,
+      title: r.description,
       href: "href" in t.$attrs ? t.$attrs.href : "javascript:void(0)"
     }, e.removeClassStyleAttrs(t.$attrs), x(e.generalRowListeners, !0)), [
-      s("div", $, [
-        n.isTyping ? L((r(), h("div", ee, ae)), [
+      i("div", $, [
+        r.isTyping ? L((a(), h("div", ee, [...n[3] || (n[3] = [
+          i("span", null, null, -1),
+          i("span", null, null, -1),
+          i("span", null, null, -1)
+        ])])), [
           [A, e.typingTooltip]
         ]) : R(t.$slots, "left", { key: 1 }, () => [
           c(_, {
             type: e.getIcon,
-            color: n.color,
-            "icon-size": n.iconSize,
+            color: r.color,
+            "icon-size": r.iconSize,
             "data-qa": "dt-recipe-leftbar-row-icon"
           }, null, 8, ["type", "color", "icon-size"])
         ])
       ]),
-      s("div", {
+      i("div", {
         class: "d-recipe-leftbar-row__label",
         style: j(`flex-basis: ${l.labelWidth}`)
       }, [
@@ -318,40 +318,40 @@ function le(t, a, n, g, l, e) {
             "data-qa": "dt-recipe-leftbar-row-description",
             size: "200"
           }, {
-            default: i(() => [
-              w(m(n.description), 1)
+            default: s(() => [
+              w(m(r.description), 1)
             ]),
             _: 1
           })
         ])
       ], 4)
     ], 16, Q),
-    e.hasActions ? (r(), h("div", oe, [
-      n.dndText ? (r(), T(d, {
+    e.hasActions ? (a(), h("div", te, [
+      r.dndText ? (a(), T(d, {
         key: 0,
         placement: "top",
         message: e.dndTextTooltip
       }, {
-        anchor: i(() => [
-          s("div", {
+        anchor: s(() => [
+          i("div", {
             ref: "d-recipe-leftbar-row-dnd",
             class: "d-recipe-leftbar-row__dnd",
             "data-qa": "dt-recipe-leftbar-row-dnd"
-          }, m(n.dndText), 513)
+          }, m(r.dndText), 513)
         ]),
         _: 1
       }, 8, ["message"])) : u("", !0),
-      n.activeVoiceChat ? L((r(), h("div", ie, [
+      r.activeVoiceChat ? L((a(), h("div", re, [
         c(f, { size: "300" })
       ])), [
         [A, e.activeVoiceChatTooltip]
-      ]) : e.showUnreadCount || e.showUnreadMentionCount ? (r(), T(d, {
+      ]) : e.showUnreadCount || e.showUnreadMentionCount ? (a(), T(d, {
         key: 2,
         message: e.unreadCountTooltip,
         placement: "top"
       }, {
-        anchor: i(() => [
-          e.showUnreadCount ? (r(), T(E, {
+        anchor: s(() => [
+          e.showUnreadCount ? (a(), T(E, {
             key: 0,
             kind: "count",
             type: "bulletin",
@@ -360,12 +360,12 @@ function le(t, a, n, g, l, e) {
               "d-recipe-leftbar-row__unread-count-badge": e.shouldApplyCustomStyleForCountBadge
             }])
           }, {
-            default: i(() => [
-              w(m(n.unreadCount), 1)
+            default: s(() => [
+              w(m(r.unreadCount), 1)
             ]),
             _: 1
           }, 8, ["class"])) : u("", !0),
-          e.showUnreadMentionCount ? (r(), T(E, {
+          e.showUnreadMentionCount ? (a(), T(E, {
             key: 1,
             kind: "count",
             type: "bulletin",
@@ -376,20 +376,20 @@ function le(t, a, n, g, l, e) {
               { "d-recipe-leftbar-row__unread-mention-only-count-badge": e.shouldApplyCustomStyleForMentionOnly }
             ])
           }, {
-            default: i(() => [
-              w(m(n.unreadMentionCount), 1)
+            default: s(() => [
+              w(m(r.unreadMentionCount), 1)
             ]),
             _: 1
           }, 8, ["class"])) : u("", !0)
         ]),
         _: 1
       }, 8, ["message"])) : u("", !0),
-      n.hasCallButton ? (r(), h("div", se, [
+      r.hasCallButton ? (a(), h("div", ne, [
         c(d, {
           message: e.callButtonTooltip,
           placement: "top"
         }, {
-          anchor: i(() => [
+          anchor: s(() => [
             c(B, {
               class: "d-recipe-leftbar-row__action-button",
               "data-qa": "dt-recipe-leftbar-row-action-call-button",
@@ -397,11 +397,11 @@ function le(t, a, n, g, l, e) {
               size: "xs",
               kind: "inverted",
               "aria-label": e.callButtonTooltip,
-              onFocus: a[0] || (a[0] = (y) => l.actionFocused = !0),
-              onBlur: a[1] || (a[1] = (y) => l.actionFocused = !1),
-              onClick: a[2] || (a[2] = P((y) => t.$emit("call", y), ["stop"]))
+              onFocus: n[0] || (n[0] = (y) => l.actionFocused = !0),
+              onBlur: n[1] || (n[1] = (y) => l.actionFocused = !1),
+              onClick: n[2] || (n[2] = P((y) => t.$emit("call", y), ["stop"]))
             }, {
-              icon: i(() => [
+              icon: s(() => [
                 c(U, { size: "200" })
               ]),
               _: 1
@@ -413,8 +413,8 @@ function le(t, a, n, g, l, e) {
     ])) : u("", !0)
   ], 16);
 }
-const ye = /* @__PURE__ */ X(J, [["render", le]]);
+const Ce = /* @__PURE__ */ X(J, [["render", ae]]);
 export {
-  ye as default
+  Ce as default
 };
 //# sourceMappingURL=general-row.js.map

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_1","_hoisted_2","_createElementVNode","_hoisted_4","_hoisted_5","_hoisted_6","_openBlock","_createElementBlock","_mergeProps","$options","_ctx","$props","_toHandlers","_hoisted_3","_hoisted_7","_renderSlot","_createVNode","_component_dt_recipe_leftbar_general_row_icon","_normalizeStyle","$data","_component_dt_emoji_text_wrapper","_withCtx","_createTextVNode","_toDisplayString","_hoisted_8","_createBlock","_component_dt_tooltip","_createCommentVNode","_withDirectives","_hoisted_9","_component_dt_icon_waveform","_component_dt_badge","_normalizeClass","_hoisted_10","_component_dt_button","_cache","_withModifiers","$event","_component_dt_icon_phone"],"mappings":"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"}
+{"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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"}

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","_createBlock","_resolveDynamicComponent","$props","_createElementBlock","_normalizeClass","_openBlock","_hoisted_1","_createVNode","_component_dt_icon_dialbot","_createCommentVNode"],"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,KA3HA,IAAA,EAYI,MAAM,qCACN,UAAQ,oGAVFC,EAAA,0BAFRC,EAAAA,YADFC,EAAAA,wBAESF,EAAA,WAAW,EAAA,CAFpB,IAAA,EAIK,KAAMG,EAAA,4BAGIH,EAAA,mCADbI,EAAAA,mBAGE,MAAA,CATJ,IAAA,EAQK,MARLC,EAAAA,eAQYL,EAAA,wBAAwB,YAGrBA,EAAA,eADbM,EAAAA,YAAAF,EAAAA,mBAQM,MARNG,EAQM,CAHJC,EAAAA,YAEEC,EAAA,CADA,KAAK,KAAK,CAAA,KAhBhBC,EAAAA,mBAAA,GAAA,EAAA"}
+{"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"}

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","_createBlock","_resolveDynamicComponent","$props","_createElementBlock","_normalizeClass","_openBlock","_hoisted_1","_createVNode","_component_dt_icon_dialbot","_createCommentVNode"],"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;EA3HA,KAAA;AAAA,EAYI,OAAM;AAAA,EACN,WAAQ;;;;SAVFC,EAAA,mBAFRC,EADFC,EAESF,EAAA,WAAW,GAAA;AAAA,IAFpB,KAAA;AAAA,IAIK,MAAMG,EAAA;AAAA,2BAGIH,EAAA,4BADbI,EAGE,OAAA;AAAA,IATJ,KAAA;AAAA,IAQK,OARLC,EAQYL,EAAA,wBAAwB;AAAA,iBAGrBA,EAAA,iBADbM,KAAAF,EAQM,OARNG,GAQM;AAAA,IAHJC,EAEEC,GAAA,EADA,MAAK,MAAK,CAAA;AAAA,QAhBhBC,EAAA,IAAA,EAAA;;;"}
+{"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;;;"}

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,IAflB,EAAA"}
+{"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"group-row.js","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":";;;;;;AA2BA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,aAAAC;AAAA,IACA,oBAAAC;AAAA;EAGF,cAAc;AAAA,EAEd,OAAO;AAAA;AAAA;AAAA;AAAA,IAKL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,UAAU;AAAA;;;;IAMZ,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,oBAAoB;AAAA,MAClB,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;EAIb,OAAQ;AACN,WAAO;AAAA,MACL,MAAM,IAAIC,EAAoB;AAAA;EAElC;AAAA,EAEA,UAAU;AAAA,IACR,aAAc;AACZ,aAAO,KAAK,MAAM,MAAM,GAAG,EAAE;AAAA,IAC/B;AAAA,IAEA,eAAgB;AACd,aAAO,MAAM,KAAK,WAAW,IACzB,KAAK,cACL,OAAO,KAAK,WAAW;AAAA,IAC7B;AAAA,IAEA,eAAgB;AACd,aAAO,MAAM,KAAK,kBAAkB,IAChC,KAAK,qBACL,OAAO,KAAK,kBAAkB;AAAA,IACpC;AAAA,IAEA,qBAAsB;AACpB,aAAOC,EAAkB;AAAA,QACvB,KAAK,eAAe,KAAK,KAAK,GAAG,sCAAsC,EAAE,aAAa,KAAK,cAAc;AAAA,QACzG,KAAK,sBAAsB,KAAK,KAAK,GAAG,sCAAsC,EAAE,aAAa,KAAK,cAAc;AAAA,MAClH,CAAC;AAAA,IACH;AAAA,IAEA,gBAAiB;AACf,aAAO,KAAK,YAAY,KAAK,KAAK,GAAG,sBAAsB;AAAA,IAC7D;AAAA,IAEA,YAAa;AACX,aAAOA,EAAkB;AAAA,QACvB,KAAK;AAAA,QACL,KAAK,KAAK,GAAG,uCAAuC,EAAE,OAAO,KAAK,YAAY;AAAA,QAC9E,KAAK;AAAA,QACL,KAAK;AAAA,MACP,CAAC;AAAA,IACH;AAAA,IAEA,sBAAuB;AACrB,aAAOC,EAAoB,KAAK,MAAM;AAAA,IACxC;AAAA;AAEJ;;;AAxIE,SAAAC,EAAA,GAAAC,EAiBwBC,GAjBxBC,EAiBwB;AAAA,IAhBrB,aAAaC,EAAA;AAAA,IACb,cAAYC,EAAA;AAAA,IACZ,gBAAcD,EAAA;AAAA,IACd,eAAaA,EAAA;AAAA,IACb,wBAAsBA,EAAA;AAAA,IACtB,wBAAsBC,EAAA;AAAA,IACtB,UAAUD,EAAA;AAAA,IACV,aAAWA,EAAA;AAAA,KACJE,EAAA,QACRC,EAAMF,EAAA,mBAAmB,CAAA,GAAA;AAAA,IAEd,QACT,MAEE;AAAA,MAFFG,EAEEC,GAAA,EADA,MAAK,MAAK,CAAA;AAAA;IAflB,GAAA;AAAA;;;"}
+{"version":3,"file":"group-row.js","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":";;;;;;AA2BA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,aAAAC;AAAA,IACA,oBAAAC;AAAA;EAGF,cAAc;AAAA,EAEd,OAAO;AAAA;AAAA;AAAA;AAAA,IAKL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,UAAU;AAAA;;;;IAMZ,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,oBAAoB;AAAA,MAClB,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;EAIb,OAAQ;AACN,WAAO;AAAA,MACL,MAAM,IAAIC,EAAoB;AAAA;EAElC;AAAA,EAEA,UAAU;AAAA,IACR,aAAc;AACZ,aAAO,KAAK,MAAM,MAAM,GAAG,EAAE;AAAA,IAC/B;AAAA,IAEA,eAAgB;AACd,aAAO,MAAM,KAAK,WAAW,IACzB,KAAK,cACL,OAAO,KAAK,WAAW;AAAA,IAC7B;AAAA,IAEA,eAAgB;AACd,aAAO,MAAM,KAAK,kBAAkB,IAChC,KAAK,qBACL,OAAO,KAAK,kBAAkB;AAAA,IACpC;AAAA,IAEA,qBAAsB;AACpB,aAAOC,EAAkB;AAAA,QACvB,KAAK,eAAe,KAAK,KAAK,GAAG,sCAAsC,EAAE,aAAa,KAAK,cAAc;AAAA,QACzG,KAAK,sBAAsB,KAAK,KAAK,GAAG,sCAAsC,EAAE,aAAa,KAAK,cAAc;AAAA,MAClH,CAAC;AAAA,IACH;AAAA,IAEA,gBAAiB;AACf,aAAO,KAAK,YAAY,KAAK,KAAK,GAAG,sBAAsB;AAAA,IAC7D;AAAA,IAEA,YAAa;AACX,aAAOA,EAAkB;AAAA,QACvB,KAAK;AAAA,QACL,KAAK,KAAK,GAAG,uCAAuC,EAAE,OAAO,KAAK,YAAY;AAAA,QAC9E,KAAK;AAAA,QACL,KAAK;AAAA,MACP,CAAC;AAAA,IACH;AAAA,IAEA,sBAAuB;AACrB,aAAOC,EAAoB,KAAK,MAAM;AAAA,IACxC;AAAA;AAEJ;;;AAxIE,SAAAC,EAAA,GAAAC,EAiBwBC,GAjBxBC,EAiBwB;AAAA,IAhBrB,aAAaC,EAAA;AAAA,IACb,cAAYC,EAAA;AAAA,IACZ,gBAAcD,EAAA;AAAA,IACd,eAAaA,EAAA;AAAA,IACb,wBAAsBA,EAAA;AAAA,IACtB,wBAAsBC,EAAA;AAAA,IACtB,UAAUD,EAAA;AAAA,IACV,aAAWA,EAAA;AAAA,KACJE,EAAA,QACRC,EAAMF,EAAA,mBAAmB,CAAA,GAAA;AAAA,IAEd,QACT,MAEE;AAAA,MAFFG,EAEEC,GAAA,EADA,MAAK,MAAK,CAAA;AAAA;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"grouped-chip.cjs","sources":["../../../recipes/chips/grouped_chip/grouped_chip.vue"],"sourcesContent":["<template>\n  <div\n    data-qa=\"dt-recipe-grouped-chip\"\n    class=\"d-recipe-grouped-chip\"\n  >\n    <dt-chip\n      :hide-close=\"true\"\n      :interactive=\"false\"\n      size=\"xs\"\n      :grouped-chip=\"true\"\n      class=\"d-recipe-grouped-chip__content d-recipe-grouped-chip__content-left\"\n    >\n      <template\n        v-if=\"hasSlotContent($slots.leftIcon)\"\n        #icon\n      >\n        <!-- @slot Slot for left chip icon information -->\n        <div\n          v-if=\"hasSlotContent($slots.leftIcon)\"\n          data-qa=\"left-grouped-chip-icon\"\n        >\n          <slot name=\"leftIcon\" />\n        </div>\n      </template>\n      <template #default>\n        <div\n          v-if=\"hasSlotContent($slots.leftContent)\"\n          data-qa=\"left-grouped-chip-content\"\n        >\n          <!-- @slot Slot for left chip content information -->\n          <slot name=\"leftContent\" />\n        </div>\n      </template>\n    </dt-chip>\n\n    <!-- Right side split chip -->\n    <dt-chip\n      :hide-close=\"true\"\n      :interactive=\"false\"\n      size=\"xs\"\n      :grouped-chip=\"true\"\n      class=\"d-recipe-grouped-chip__content d-recipe-grouped-chip__content-right\"\n    >\n      <template #icon>\n        <div\n          v-if=\"hasSlotContent($slots.rightIcon)\"\n          data-qa=\"right-grouped-chip-icon\"\n        >\n          <!-- @slot Slot for right chip content information -->\n          <slot name=\"rightIcon\" />\n        </div>\n      </template>\n      <template #default>\n        <div\n          v-if=\"hasSlotContent($slots.rightContent)\"\n          data-qa=\"right-grouped-chip-content\"\n        >\n          <!-- @slot Slot for right chip content information -->\n          <slot name=\"rightContent\" />\n        </div>\n      </template>\n    </dt-chip>\n  </div>\n</template>\n\n<script>\nimport { DtChip } from '@/components/chip';\nimport { hasSlotContent } from '@/common/utils';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeGroupedChip',\n\n  components: {\n    DtChip,\n  },\n\n  data () {\n    return {\n      hasSlotContent,\n    };\n  },\n};\n</script>\n"],"names":["_sfc_main","DtChip","hasSlotContent","_openBlock","_createElementBlock","_hoisted_1","_createVNode","_component_dt_chip","_createSlots","$data","_ctx","_hoisted_3","_renderSlot","_createCommentVNode","_withCtx","_hoisted_2","_hoisted_4","_hoisted_5"],"mappings":"qQAqEKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,sBAEN,WAAY,CACV,OAAAC,EAAAA,SAGF,MAAQ,CACN,MAAO,CACL,eAAAC,EAAAA,eAEJ,CACF,KAhFI,UAAQ,yBACR,MAAM,4BAHV,IAAA,EAmBU,UAAQ,6BAnBlB,IAAA,EA2BU,UAAQ,gCA3BlB,IAAA,EA8CU,UAAQ,8BA9ClB,IAAA,EAuDU,UAAQ,4FAtDhB,OAAAC,YAAA,EAAAC,qBA6DM,MA7DNC,EA6DM,CAzDJC,EAAAA,YA4BUC,EAAA,CA3BP,aAAY,GACZ,YAAa,GACd,KAAK,KACJ,eAAc,GACf,MAAM,oEAVZ,EAAAC,cAAA,CAwBiB,kBACT,IAMM,CALEC,EAAA,eAAeC,EAAA,OAAO,WAAW,GADzCP,EAAAA,YAAAC,EAAAA,mBAMM,MANNO,EAMM,CADJC,aAA2BF,EAAA,OAAA,aAAA,KA9BrCG,EAAAA,mBAAA,GAAA,EAAA,IAAA,EAAA,IAacJ,EAAA,eAAeC,EAAA,OAAO,QAAQ,GAb5C,KAcS,OAdT,GAAAI,EAAAA,QAiBQ,IAKM,CAJEL,EAAA,eAAeC,EAAA,OAAO,QAAQ,GADtCP,EAAAA,YAAAC,EAAAA,mBAKM,MALNW,EAKM,CADJH,aAAwBF,EAAA,OAAA,UAAA,KArBlCG,EAAAA,mBAAA,GAAA,EAAA,IAAA,IAAA,KAAA,eAoCIP,EAAAA,YAyBUC,EAAA,CAxBP,aAAY,GACZ,YAAa,GACd,KAAK,KACJ,eAAc,GACf,MAAM,wEAEK,eACT,IAMM,CALEE,EAAA,eAAeC,EAAA,OAAO,SAAS,GADvCP,EAAAA,YAAAC,EAAAA,mBAMM,MANNY,EAMM,CADJJ,aAAyBF,EAAA,OAAA,WAAA,KAjDnCG,EAAAA,mBAAA,GAAA,EAAA,IAoDiB,kBACT,IAMM,CALEJ,EAAA,eAAeC,EAAA,OAAO,YAAY,GAD1CP,EAAAA,YAAAC,EAAAA,mBAMM,MANNa,EAMM,CADJL,aAA4BF,EAAA,OAAA,cAAA,KA1DtCG,EAAAA,mBAAA,GAAA,EAAA,IAAA,EAAA"}
+{"version":3,"file":"grouped-chip.cjs","sources":["../../../recipes/chips/grouped_chip/grouped_chip.vue"],"sourcesContent":["<template>\n  <div\n    data-qa=\"dt-recipe-grouped-chip\"\n    class=\"d-recipe-grouped-chip\"\n  >\n    <dt-chip\n      :hide-close=\"true\"\n      :interactive=\"false\"\n      size=\"xs\"\n      :grouped-chip=\"true\"\n      class=\"d-recipe-grouped-chip__content d-recipe-grouped-chip__content-left\"\n    >\n      <template\n        v-if=\"hasSlotContent($slots.leftIcon)\"\n        #icon\n      >\n        <!-- @slot Slot for left chip icon information -->\n        <div\n          v-if=\"hasSlotContent($slots.leftIcon)\"\n          data-qa=\"left-grouped-chip-icon\"\n        >\n          <slot name=\"leftIcon\" />\n        </div>\n      </template>\n      <template #default>\n        <div\n          v-if=\"hasSlotContent($slots.leftContent)\"\n          data-qa=\"left-grouped-chip-content\"\n        >\n          <!-- @slot Slot for left chip content information -->\n          <slot name=\"leftContent\" />\n        </div>\n      </template>\n    </dt-chip>\n\n    <!-- Right side split chip -->\n    <dt-chip\n      :hide-close=\"true\"\n      :interactive=\"false\"\n      size=\"xs\"\n      :grouped-chip=\"true\"\n      class=\"d-recipe-grouped-chip__content d-recipe-grouped-chip__content-right\"\n    >\n      <template #icon>\n        <div\n          v-if=\"hasSlotContent($slots.rightIcon)\"\n          data-qa=\"right-grouped-chip-icon\"\n        >\n          <!-- @slot Slot for right chip content information -->\n          <slot name=\"rightIcon\" />\n        </div>\n      </template>\n      <template #default>\n        <div\n          v-if=\"hasSlotContent($slots.rightContent)\"\n          data-qa=\"right-grouped-chip-content\"\n        >\n          <!-- @slot Slot for right chip content information -->\n          <slot name=\"rightContent\" />\n        </div>\n      </template>\n    </dt-chip>\n  </div>\n</template>\n\n<script>\nimport { DtChip } from '@/components/chip';\nimport { hasSlotContent } from '@/common/utils';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeGroupedChip',\n\n  components: {\n    DtChip,\n  },\n\n  data () {\n    return {\n      hasSlotContent,\n    };\n  },\n};\n</script>\n"],"names":["_sfc_main","DtChip","hasSlotContent","_openBlock","_createElementBlock","_hoisted_1","_createVNode","_component_dt_chip","$data","_ctx","_hoisted_3","_renderSlot","_hoisted_2","_hoisted_4","_hoisted_5"],"mappings":"qQAqEKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,sBAEN,WAAY,CACV,OAAAC,EAAAA,SAGF,MAAQ,CACN,MAAO,CACL,eAAAC,EAAAA,eAEJ,CACF,KAhFI,UAAQ,yBACR,MAAM,kCAgBA,UAAQ,mCAQR,UAAQ,sCAmBR,UAAQ,oCASR,UAAQ,4FAtDhB,OAAAC,YAAA,EAAAC,qBA6DM,MA7DNC,EA6DM,CAzDJC,EAAAA,YA4BUC,EAAA,CA3BP,aAAY,GACZ,YAAa,GACd,KAAK,KACJ,eAAc,GACf,MAAM,qFAcK,kBACT,IAMM,CALEC,EAAA,eAAeC,EAAA,OAAO,WAAW,GADzCN,EAAAA,YAAAC,EAAAA,mBAMM,MANNM,EAMM,CADJC,aAA2BF,EAAA,OAAA,aAAA,yCAjBvBD,EAAA,eAAeC,EAAA,OAAO,QAAQ,QACnC,oBAGD,IAKM,CAJED,EAAA,eAAeC,EAAA,OAAO,QAAQ,GADtCN,EAAAA,YAAAC,EAAAA,mBAKM,MALNQ,EAKM,CADJD,aAAwBF,EAAA,OAAA,UAAA,2DAe9BH,EAAAA,YAyBUC,EAAA,CAxBP,aAAY,GACZ,YAAa,GACd,KAAK,KACJ,eAAc,GACf,MAAM,wEAEK,eACT,IAMM,CALEC,EAAA,eAAeC,EAAA,OAAO,SAAS,GADvCN,EAAAA,YAAAC,EAAAA,mBAMM,MANNS,EAMM,CADJF,aAAyBF,EAAA,OAAA,WAAA,mCAGlB,kBACT,IAMM,CALED,EAAA,eAAeC,EAAA,OAAO,YAAY,GAD1CN,EAAAA,YAAAC,EAAAA,mBAMM,MANNU,EAMM,CADJH,aAA4BF,EAAA,OAAA,cAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"grouped-chip.js","sources":["../../../recipes/chips/grouped_chip/grouped_chip.vue"],"sourcesContent":["<template>\n  <div\n    data-qa=\"dt-recipe-grouped-chip\"\n    class=\"d-recipe-grouped-chip\"\n  >\n    <dt-chip\n      :hide-close=\"true\"\n      :interactive=\"false\"\n      size=\"xs\"\n      :grouped-chip=\"true\"\n      class=\"d-recipe-grouped-chip__content d-recipe-grouped-chip__content-left\"\n    >\n      <template\n        v-if=\"hasSlotContent($slots.leftIcon)\"\n        #icon\n      >\n        <!-- @slot Slot for left chip icon information -->\n        <div\n          v-if=\"hasSlotContent($slots.leftIcon)\"\n          data-qa=\"left-grouped-chip-icon\"\n        >\n          <slot name=\"leftIcon\" />\n        </div>\n      </template>\n      <template #default>\n        <div\n          v-if=\"hasSlotContent($slots.leftContent)\"\n          data-qa=\"left-grouped-chip-content\"\n        >\n          <!-- @slot Slot for left chip content information -->\n          <slot name=\"leftContent\" />\n        </div>\n      </template>\n    </dt-chip>\n\n    <!-- Right side split chip -->\n    <dt-chip\n      :hide-close=\"true\"\n      :interactive=\"false\"\n      size=\"xs\"\n      :grouped-chip=\"true\"\n      class=\"d-recipe-grouped-chip__content d-recipe-grouped-chip__content-right\"\n    >\n      <template #icon>\n        <div\n          v-if=\"hasSlotContent($slots.rightIcon)\"\n          data-qa=\"right-grouped-chip-icon\"\n        >\n          <!-- @slot Slot for right chip content information -->\n          <slot name=\"rightIcon\" />\n        </div>\n      </template>\n      <template #default>\n        <div\n          v-if=\"hasSlotContent($slots.rightContent)\"\n          data-qa=\"right-grouped-chip-content\"\n        >\n          <!-- @slot Slot for right chip content information -->\n          <slot name=\"rightContent\" />\n        </div>\n      </template>\n    </dt-chip>\n  </div>\n</template>\n\n<script>\nimport { DtChip } from '@/components/chip';\nimport { hasSlotContent } from '@/common/utils';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeGroupedChip',\n\n  components: {\n    DtChip,\n  },\n\n  data () {\n    return {\n      hasSlotContent,\n    };\n  },\n};\n</script>\n"],"names":["_sfc_main","DtChip","hasSlotContent","_openBlock","_createElementBlock","_hoisted_1","_createVNode","_component_dt_chip","_createSlots","$data","_ctx","_hoisted_3","_renderSlot","_createCommentVNode","_withCtx","_hoisted_2","_hoisted_4","_hoisted_5"],"mappings":";;;;AAqEA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,QAAAC;AAAA;EAGF,OAAQ;AACN,WAAO;AAAA,MACL,gBAAAC;AAAA;EAEJ;AACF;EAhFI,WAAQ;AAAA,EACR,OAAM;;EAHV,KAAA;AAAA,EAmBU,WAAQ;;EAnBlB,KAAA;AAAA,EA2BU,WAAQ;;EA3BlB,KAAA;AAAA,EA8CU,WAAQ;;EA9ClB,KAAA;AAAA,EAuDU,WAAQ;;;;AAtDhB,SAAAC,EAAA,GAAAC,EA6DM,OA7DNC,GA6DM;AAAA,IAzDJC,EA4BUC,GAAA;AAAA,MA3BP,cAAY;AAAA,MACZ,aAAa;AAAA,MACd,MAAK;AAAA,MACJ,gBAAc;AAAA,MACf,OAAM;AAAA,IAVZ,GAAAC,EAAA;AAAA,MAwBiB,WACT,MAMM;AAAA,QALEC,EAAA,eAAeC,EAAA,OAAO,WAAW,KADzCP,KAAAC,EAMM,OANNO,GAMM;AAAA,UADJC,EAA2BF,EAAA,QAAA,aAAA;AAAA,cA9BrCG,EAAA,IAAA,EAAA;AAAA;MAAA,GAAA;AAAA;MAacJ,EAAA,eAAeC,EAAA,OAAO,QAAQ;QAb5C,MAcS;AAAA,QAdT,IAAAI,EAiBQ,MAKM;AAAA,UAJEL,EAAA,eAAeC,EAAA,OAAO,QAAQ,KADtCP,KAAAC,EAKM,OALNW,GAKM;AAAA,YADJH,EAAwBF,EAAA,QAAA,UAAA;AAAA,gBArBlCG,EAAA,IAAA,EAAA;AAAA;QAAA,KAAA;AAAA,UAAA;AAAA;IAoCIP,EAyBUC,GAAA;AAAA,MAxBP,cAAY;AAAA,MACZ,aAAa;AAAA,MACd,MAAK;AAAA,MACJ,gBAAc;AAAA,MACf,OAAM;AAAA;MAEK,QACT,MAMM;AAAA,QALEE,EAAA,eAAeC,EAAA,OAAO,SAAS,KADvCP,KAAAC,EAMM,OANNY,GAMM;AAAA,UADJJ,EAAyBF,EAAA,QAAA,WAAA;AAAA,cAjDnCG,EAAA,IAAA,EAAA;AAAA;MAoDiB,WACT,MAMM;AAAA,QALEJ,EAAA,eAAeC,EAAA,OAAO,YAAY,KAD1CP,KAAAC,EAMM,OANNa,GAMM;AAAA,UADJL,EAA4BF,EAAA,QAAA,cAAA;AAAA,cA1DtCG,EAAA,IAAA,EAAA;AAAA;MAAA,GAAA;AAAA;;;;"}
+{"version":3,"file":"grouped-chip.js","sources":["../../../recipes/chips/grouped_chip/grouped_chip.vue"],"sourcesContent":["<template>\n  <div\n    data-qa=\"dt-recipe-grouped-chip\"\n    class=\"d-recipe-grouped-chip\"\n  >\n    <dt-chip\n      :hide-close=\"true\"\n      :interactive=\"false\"\n      size=\"xs\"\n      :grouped-chip=\"true\"\n      class=\"d-recipe-grouped-chip__content d-recipe-grouped-chip__content-left\"\n    >\n      <template\n        v-if=\"hasSlotContent($slots.leftIcon)\"\n        #icon\n      >\n        <!-- @slot Slot for left chip icon information -->\n        <div\n          v-if=\"hasSlotContent($slots.leftIcon)\"\n          data-qa=\"left-grouped-chip-icon\"\n        >\n          <slot name=\"leftIcon\" />\n        </div>\n      </template>\n      <template #default>\n        <div\n          v-if=\"hasSlotContent($slots.leftContent)\"\n          data-qa=\"left-grouped-chip-content\"\n        >\n          <!-- @slot Slot for left chip content information -->\n          <slot name=\"leftContent\" />\n        </div>\n      </template>\n    </dt-chip>\n\n    <!-- Right side split chip -->\n    <dt-chip\n      :hide-close=\"true\"\n      :interactive=\"false\"\n      size=\"xs\"\n      :grouped-chip=\"true\"\n      class=\"d-recipe-grouped-chip__content d-recipe-grouped-chip__content-right\"\n    >\n      <template #icon>\n        <div\n          v-if=\"hasSlotContent($slots.rightIcon)\"\n          data-qa=\"right-grouped-chip-icon\"\n        >\n          <!-- @slot Slot for right chip content information -->\n          <slot name=\"rightIcon\" />\n        </div>\n      </template>\n      <template #default>\n        <div\n          v-if=\"hasSlotContent($slots.rightContent)\"\n          data-qa=\"right-grouped-chip-content\"\n        >\n          <!-- @slot Slot for right chip content information -->\n          <slot name=\"rightContent\" />\n        </div>\n      </template>\n    </dt-chip>\n  </div>\n</template>\n\n<script>\nimport { DtChip } from '@/components/chip';\nimport { hasSlotContent } from '@/common/utils';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeGroupedChip',\n\n  components: {\n    DtChip,\n  },\n\n  data () {\n    return {\n      hasSlotContent,\n    };\n  },\n};\n</script>\n"],"names":["_sfc_main","DtChip","hasSlotContent","_openBlock","_createElementBlock","_hoisted_1","_createVNode","_component_dt_chip","$data","_ctx","_hoisted_3","_renderSlot","_hoisted_2","_hoisted_4","_hoisted_5"],"mappings":";;;;AAqEA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,QAAAC;AAAA;EAGF,OAAQ;AACN,WAAO;AAAA,MACL,gBAAAC;AAAA;EAEJ;AACF;EAhFI,WAAQ;AAAA,EACR,OAAM;;;EAgBA,WAAQ;;;EAQR,WAAQ;;;EAmBR,WAAQ;;;EASR,WAAQ;;;;AAtDhB,SAAAC,EAAA,GAAAC,EA6DM,OA7DNC,GA6DM;AAAA,IAzDJC,EA4BUC,GAAA;AAAA,MA3BP,cAAY;AAAA,MACZ,aAAa;AAAA,MACd,MAAK;AAAA,MACJ,gBAAc;AAAA,MACf,OAAM;AAAA;MAcK,WACT,MAMM;AAAA,QALEC,EAAA,eAAeC,EAAA,OAAO,WAAW,KADzCN,KAAAC,EAMM,OANNM,GAMM;AAAA,UADJC,EAA2BF,EAAA,QAAA,aAAA;AAAA;;;;MAjBvBD,EAAA,eAAeC,EAAA,OAAO,QAAQ;cACnC;AAAA,cAGD,MAKM;AAAA,UAJED,EAAA,eAAeC,EAAA,OAAO,QAAQ,KADtCN,KAAAC,EAKM,OALNQ,GAKM;AAAA,YADJD,EAAwBF,EAAA,QAAA,UAAA;AAAA;;;;;IAe9BH,EAyBUC,GAAA;AAAA,MAxBP,cAAY;AAAA,MACZ,aAAa;AAAA,MACd,MAAK;AAAA,MACJ,gBAAc;AAAA,MACf,OAAM;AAAA;MAEK,QACT,MAMM;AAAA,QALEC,EAAA,eAAeC,EAAA,OAAO,SAAS,KADvCN,KAAAC,EAMM,OANNS,GAMM;AAAA,UADJF,EAAyBF,EAAA,QAAA,WAAA;AAAA;;MAGlB,WACT,MAMM;AAAA,QALED,EAAA,eAAeC,EAAA,OAAO,YAAY,KAD1CN,KAAAC,EAMM,OANNU,GAMM;AAAA,UADJH,EAA4BF,EAAA,QAAA,cAAA;AAAA;;;;;;;"}