@dialpad/dialtone-vue 3.218.3 → 3.219.0-next.2

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { DtIconCalendarClock as c, DtIconLaptop2 as r, DtIconAtSign as a, DtIconHashBold as l, DtIconLockFilled as i, DtIconExternalLink as s, DtIconUsers as C, DtIconSparkle as p, DtIconLock as I, DtIconLayoutTemplate as _, DtIconThread as D, DtIconHash as T, DtIconContacts as d, DtIconInbox as E, DtIconDialbot as u } from "@dialpad/dialtone-icons/vue3";
+import { DtIconCalendarClock as c, DtIconLaptop2 as r, DtIconAtSign as a, DtIconHashBold as l, DtIconLockFilled as i, DtIconExternalLink as s, DtIconUsers as C, DtIconSparkle as p, DtIconLock as I, DtIconLayoutTemplate as _, DtIconThread as D, DtIconHash as T, DtIconContacts as d, DtIconInbox as E, DtIconDialbot as u } from "@dialpad/dialtone-icons/vue";
 import { LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS as A, LEFTBAR_GENERAL_ROW_TYPES as e } from "./general-row-constants.js";
 import { resolveComponent as y, openBlock as n, createBlock as L, resolveDynamicComponent as R, createElementBlock as o, normalizeClass as f, createVNode as O, createCommentVNode as S } from "vue";
 import { _ as h } from "../../_plugin-vue_export-helper-CHgC5LLL.js";

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

@@ -1 +1 @@
-{"version":3,"file":"leftbar-general-row-icon.js","sources":["../../../recipes/leftbar/general_row/leftbar_general_row_icon.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"getIconName\"\n    v-if=\"isIconType\"\n    :size=\"iconSize\"\n  />\n  <div\n    v-else-if=\"isContactCenterType\"\n    :class=\"contactCenterIconClasses\"\n  />\n  <div\n    v-else-if=\"isDialbotType\"\n    class=\"d-recipe-leftbar-general-row__icon\"\n    data-qa=\"general-row-dialbot\"\n  >\n    <dt-icon-dialbot\n      size=\"500\"\n    />\n  </div>\n</template>\n\n<script>\nimport {\n  DtIconDialbot,\n  DtIconInbox,\n  DtIconContacts,\n  DtIconHash,\n  DtIconThread,\n  DtIconLayoutTemplate,\n  DtIconLock,\n  DtIconSparkle,\n  DtIconUsers,\n  DtIconExternalLink,\n  DtIconLockFilled,\n  DtIconHashBold,\n  DtIconAtSign,\n  DtIconLaptop2,\n  DtIconCalendarClock,\n} from '@dialpad/dialtone-icons/vue3';\nimport {\n  LEFTBAR_GENERAL_ROW_TYPES as TYPES,\n  LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS as COLORS,\n} from '@/recipes/leftbar/general_row/general_row_constants';\n\nconst typeToIcon = new Map([\n  [TYPES.INBOX, DtIconInbox],\n  [TYPES.CONTACTS, DtIconContacts],\n  [TYPES.CHANNELS, DtIconHash],\n  [TYPES.THREADS, DtIconThread],\n  [TYPES.LAUNCHPAD, DtIconLayoutTemplate],\n  [TYPES.LOCKED_CHANNEL, DtIconLock],\n  [TYPES.QUICK_START, DtIconSparkle],\n  [TYPES.COACHING_GROUP, DtIconUsers],\n  [TYPES.COACHING_CENTER, DtIconExternalLink],\n  ['locked channel unread', DtIconLockFilled],\n  ['channel unread', DtIconHashBold],\n  [TYPES.ASSIGNED, DtIconAtSign],\n  [TYPES.DIGITAL, DtIconLaptop2],\n  [TYPES.SCHEDULED, DtIconCalendarClock],\n]);\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeLeftbarGeneralRowIcon',\n  components: {\n    DtIconDialbot,\n    DtIconInbox,\n    DtIconContacts,\n    DtIconHash,\n    DtIconThread,\n    DtIconLayoutTemplate,\n    DtIconLock,\n    DtIconSparkle,\n    DtIconUsers,\n    DtIconExternalLink,\n    DtIconLockFilled,\n    DtIconHashBold,\n    DtIconAtSign,\n    DtIconLaptop2,\n    DtIconCalendarClock,\n  },\n\n  props: {\n    type: {\n      type: String,\n      default: null,\n    },\n\n    color: {\n      type: String,\n      default: null,\n    },\n\n    iconSize: {\n      type: String,\n      default: '300',\n    },\n  },\n\n  computed: {\n    isIconType () {\n      return ![TYPES.DIALBOT, TYPES.CONTACT_CENTER].includes(this.type);\n    },\n\n    isContactCenterType () {\n      return this.type === TYPES.CONTACT_CENTER;\n    },\n\n    isDialbotType () {\n      return this.type === TYPES.DIALBOT;\n    },\n\n    getIconName () {\n      return typeToIcon.get(this.type);\n    },\n\n    contactCenterIconClasses () {\n      return [\n        'd-recipe-leftbar-row__icon-cc',\n        COLORS[this.color],\n      ];\n    },\n  },\n};\n</script>\n"],"names":["typeToIcon","TYPES","DtIconInbox","DtIconContacts","DtIconHash","DtIconThread","DtIconLayoutTemplate","DtIconLock","DtIconSparkle","DtIconUsers","DtIconExternalLink","DtIconLockFilled","DtIconHashBold","DtIconAtSign","DtIconLaptop2","DtIconCalendarClock","_sfc_main","DtIconDialbot","COLORS","$options","_openBlock","_createBlock","_resolveDynamicComponent","$props","_createElementBlock","_hoisted_1","_createVNode","_component_dt_icon_dialbot"],"mappings":";;;;AA4CA,MAAMA,IAAa,oBAAI,IAAI;AAAA,EACzB,CAACC,EAAM,OAAOC,CAAW;AAAA,EACzB,CAACD,EAAM,UAAUE,CAAc;AAAA,EAC/B,CAACF,EAAM,UAAUG,CAAU;AAAA,EAC3B,CAACH,EAAM,SAASI,CAAY;AAAA,EAC5B,CAACJ,EAAM,WAAWK,CAAoB;AAAA,EACtC,CAACL,EAAM,gBAAgBM,CAAU;AAAA,EACjC,CAACN,EAAM,aAAaO,CAAa;AAAA,EACjC,CAACP,EAAM,gBAAgBQ,CAAW;AAAA,EAClC,CAACR,EAAM,iBAAiBS,CAAkB;AAAA,EAC1C,CAAC,yBAAyBC,CAAgB;AAAA,EAC1C,CAAC,kBAAkBC,CAAc;AAAA,EACjC,CAACX,EAAM,UAAUY,CAAY;AAAA,EAC7B,CAACZ,EAAM,SAASa,CAAa;AAAA,EAC7B,CAACb,EAAM,WAAWc,CAAmB;AACvC,CAAC,GAEIC,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EACN,YAAY;AAAA,IACV,eAAAC;AAAA,IACA,aAAAf;AAAA,IACA,gBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,qBAAAC;AAAA;EAGF,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA;IAGX,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;IAGX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;EAIb,UAAU;AAAA,IACR,aAAc;AACZ,aAAO,CAAC,CAACd,EAAM,SAASA,EAAM,cAAc,EAAE,SAAS,KAAK,IAAI;AAAA,IAClE;AAAA,IAEA,sBAAuB;AACrB,aAAO,KAAK,SAASA,EAAM;AAAA,IAC7B;AAAA,IAEA,gBAAiB;AACf,aAAO,KAAK,SAASA,EAAM;AAAA,IAC7B;AAAA,IAEA,cAAe;AACb,aAAOD,EAAW,IAAI,KAAK,IAAI;AAAA,IACjC;AAAA,IAEA,2BAA4B;AAC1B,aAAO;AAAA,QACL;AAAA,QACAkB,EAAO,KAAK,KAAK;AAAA;IAErB;AAAA;AAEJ;;EA/GI,OAAM;AAAA,EACN,WAAQ;;;;SAVFC,EAAA,cAFRC,EAAA,GAAAC,EAIEC,EAHKH,EAAA,WAAW,GAAA;AAAA;IAEf,MAAMI,EAAA;AAAA,2BAGIJ,EAAA,4BADbK,EAGE,OAAA;AAAA;IADC,SAAOL,EAAA,wBAAwB;AAAA,iBAGrBA,EAAA,iBADbC,KAAAI,EAQM,OARNC,GAQM;AAAA,IAHJC,EAEEC,GAAA,EADA,MAAK,MAAK,CAAA;AAAA;;;"}
+{"version":3,"file":"leftbar-general-row-icon.js","sources":["../../../recipes/leftbar/general_row/leftbar_general_row_icon.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"getIconName\"\n    v-if=\"isIconType\"\n    :size=\"iconSize\"\n  />\n  <div\n    v-else-if=\"isContactCenterType\"\n    :class=\"contactCenterIconClasses\"\n  />\n  <div\n    v-else-if=\"isDialbotType\"\n    class=\"d-recipe-leftbar-general-row__icon\"\n    data-qa=\"general-row-dialbot\"\n  >\n    <dt-icon-dialbot\n      size=\"500\"\n    />\n  </div>\n</template>\n\n<script>\nimport {\n  DtIconDialbot,\n  DtIconInbox,\n  DtIconContacts,\n  DtIconHash,\n  DtIconThread,\n  DtIconLayoutTemplate,\n  DtIconLock,\n  DtIconSparkle,\n  DtIconUsers,\n  DtIconExternalLink,\n  DtIconLockFilled,\n  DtIconHashBold,\n  DtIconAtSign,\n  DtIconLaptop2,\n  DtIconCalendarClock,\n} from '@dialpad/dialtone-icons/vue';\nimport {\n  LEFTBAR_GENERAL_ROW_TYPES as TYPES,\n  LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS as COLORS,\n} from '@/recipes/leftbar/general_row/general_row_constants';\n\nconst typeToIcon = new Map([\n  [TYPES.INBOX, DtIconInbox],\n  [TYPES.CONTACTS, DtIconContacts],\n  [TYPES.CHANNELS, DtIconHash],\n  [TYPES.THREADS, DtIconThread],\n  [TYPES.LAUNCHPAD, DtIconLayoutTemplate],\n  [TYPES.LOCKED_CHANNEL, DtIconLock],\n  [TYPES.QUICK_START, DtIconSparkle],\n  [TYPES.COACHING_GROUP, DtIconUsers],\n  [TYPES.COACHING_CENTER, DtIconExternalLink],\n  ['locked channel unread', DtIconLockFilled],\n  ['channel unread', DtIconHashBold],\n  [TYPES.ASSIGNED, DtIconAtSign],\n  [TYPES.DIGITAL, DtIconLaptop2],\n  [TYPES.SCHEDULED, DtIconCalendarClock],\n]);\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeLeftbarGeneralRowIcon',\n  components: {\n    DtIconDialbot,\n    DtIconInbox,\n    DtIconContacts,\n    DtIconHash,\n    DtIconThread,\n    DtIconLayoutTemplate,\n    DtIconLock,\n    DtIconSparkle,\n    DtIconUsers,\n    DtIconExternalLink,\n    DtIconLockFilled,\n    DtIconHashBold,\n    DtIconAtSign,\n    DtIconLaptop2,\n    DtIconCalendarClock,\n  },\n\n  props: {\n    type: {\n      type: String,\n      default: null,\n    },\n\n    color: {\n      type: String,\n      default: null,\n    },\n\n    iconSize: {\n      type: String,\n      default: '300',\n    },\n  },\n\n  computed: {\n    isIconType () {\n      return ![TYPES.DIALBOT, TYPES.CONTACT_CENTER].includes(this.type);\n    },\n\n    isContactCenterType () {\n      return this.type === TYPES.CONTACT_CENTER;\n    },\n\n    isDialbotType () {\n      return this.type === TYPES.DIALBOT;\n    },\n\n    getIconName () {\n      return typeToIcon.get(this.type);\n    },\n\n    contactCenterIconClasses () {\n      return [\n        'd-recipe-leftbar-row__icon-cc',\n        COLORS[this.color],\n      ];\n    },\n  },\n};\n</script>\n"],"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

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

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

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

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

@@ -1,4 +1,4 @@
-import { DtIconUsers as u } from "@dialpad/dialtone-icons/vue3";
+import { DtIconUsers as u } from "@dialpad/dialtone-icons/vue";
 import { extractVueListeners as s, safeConcatStrings as n } from "../../common/utils/index.js";
 import { DialtoneLocalization as d } from "../../localization/index.js";
 import { resolveComponent as o, openBlock as c, createBlock as l, mergeProps as p, toHandlers as _, withCtx as m, createVNode as C } from "vue";
@@ -106,7 +106,7 @@ function g(r, N, t, E, y, e) {
     selected: t.selected,
     "is-typing": t.isTyping
   }, r.$attrs, _(e.contactRowListeners)), {
-    left: m(() => [
+    start: m(() => [
       C(i, { size: "300" })
     ]),
     _: 1

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;;;;;"}
+{"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 #start>\n      <dt-icon-users\n        size=\"300\"\n      />\n    </template>\n  </dt-recipe-general-row>\n</template>\n\n<script>\nimport { DtRecipeGeneralRow } from '@/recipes/leftbar/general_row';\nimport { DtIconUsers } from '@dialpad/dialtone-icons/vue';\nimport { safeConcatStrings, extractVueListeners } from '@/common/utils';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeGroupRow',\n\n  components: {\n    DtIconUsers,\n    DtRecipeGeneralRow,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n\n    /**\n     * Names of the group members\n     */\n    names: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Number of unread messages\n     */\n    unreadCount: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Number of unread mention messages\n     */\n    unreadMentionCount: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Styles the row with an increased font weight to convey it has unreads. This must be true to see\n     * the unread count badge.\n     */\n    hasUnreads: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Determines if the row is selected\n     */\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Shows an \"is typing\" animation over the avatar when true.\n     */\n    isTyping: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  data () {\n    return {\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    groupCount () {\n      return this.names.split(',').length;\n    },\n\n    messageCount () {\n      return isNaN(this.unreadCount)\n        ? this.unreadCount\n        : Number(this.unreadCount);\n    },\n\n    mentionCount () {\n      return isNaN(this.unreadMentionCount)\n        ? this.unreadMentionCount\n        : Number(this.unreadMentionCount);\n    },\n\n    unreadCountTooltip () {\n      return safeConcatStrings([\n        this.unreadCount && this.i18n.$t('DIALTONE_UNREAD_MESSAGE_COUNT_TEXT', { unreadCount: this.messageCount }),\n        this.unreadMentionCount && this.i18n.$t('DIALTONE_UNREAD_MENTION_COUNT_TEXT', { unreadCount: this.mentionCount }),\n      ]);\n    },\n\n    typingTooltip () {\n      return this.isTyping && this.i18n.$t('DIALTONE_TYPING_TEXT');\n    },\n\n    ariaLabel () {\n      return safeConcatStrings([\n        this.typingTooltip,\n        this.i18n.$t('DIALTONE_GROUP_ROW_GROUP_COUNT_TEXT', { count: this.groupCount }),\n        this.names,\n        this.unreadCountTooltip,\n      ]);\n    },\n\n    contactRowListeners () {\n      return extractVueListeners(this.$attrs);\n    },\n  },\n};\n</script>\n"],"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,SACT,MAEE;AAAA,MAFFG,EAEEC,GAAA,EADA,MAAK,MAAK,CAAA;AAAA;;;;;"}

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

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

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","$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"}
+{"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=\"100\"\n      :grouped-chip=\"true\"\n      class=\"d-recipe-grouped-chip__content d-recipe-grouped-chip__content-left\"\n    >\n      <template\n        v-if=\"hasSlotContent($slots.startIcon) || hasSlotContent($slots.leftIcon)\"\n        #icon\n      >\n        <div\n          v-if=\"hasSlotContent($slots.startIcon) || hasSlotContent($slots.leftIcon)\"\n          data-qa=\"left-grouped-chip-icon\"\n        >\n          <!-- @slot Slot for start chip icon information -->\n          <slot\n            v-if=\"$slots.startIcon\"\n            name=\"startIcon\"\n          />\n          <!-- @slot @deprecated Use startIcon -->\n          <slot\n            v-else\n            name=\"leftIcon\"\n          />\n        </div>\n      </template>\n      <template #default>\n        <div\n          v-if=\"hasSlotContent($slots.startContent) || hasSlotContent($slots.leftContent)\"\n          data-qa=\"left-grouped-chip-content\"\n        >\n          <!-- @slot Slot for start chip content information -->\n          <slot\n            v-if=\"$slots.startContent\"\n            name=\"startContent\"\n          />\n          <!-- @slot @deprecated Use startContent -->\n          <slot\n            v-else\n            name=\"leftContent\"\n          />\n        </div>\n      </template>\n    </dt-chip>\n\n    <!-- End side split chip -->\n    <dt-chip\n      :hide-close=\"true\"\n      :interactive=\"false\"\n      :size=\"100\"\n      :grouped-chip=\"true\"\n      class=\"d-recipe-grouped-chip__content d-recipe-grouped-chip__content-right\"\n    >\n      <template #icon>\n        <div\n          v-if=\"hasSlotContent($slots.endIcon) || hasSlotContent($slots.rightIcon)\"\n          data-qa=\"right-grouped-chip-icon\"\n        >\n          <!-- @slot Slot for end chip icon information -->\n          <slot\n            v-if=\"$slots.endIcon\"\n            name=\"endIcon\"\n          />\n          <!-- @slot @deprecated Use endIcon -->\n          <slot\n            v-else\n            name=\"rightIcon\"\n          />\n        </div>\n      </template>\n      <template #default>\n        <div\n          v-if=\"hasSlotContent($slots.endContent) || hasSlotContent($slots.rightContent)\"\n          data-qa=\"right-grouped-chip-content\"\n        >\n          <!-- @slot Slot for end chip content information -->\n          <slot\n            v-if=\"$slots.endContent\"\n            name=\"endContent\"\n          />\n          <!-- @slot @deprecated Use endContent -->\n          <slot\n            v-else\n            name=\"rightContent\"\n          />\n        </div>\n      </template>\n    </dt-chip>\n  </div>\n</template>\n\n<script>\nimport { DtChip } from '@/components/chip';\nimport { hasSlotContent } from '@/common/utils';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeGroupedChip',\n\n  components: {\n    DtChip,\n  },\n\n  data () {\n    return {\n      hasSlotContent,\n    };\n  },\n};\n</script>\n"],"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":"qQAqGKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,sBAEN,WAAY,CACV,OAAAC,EAAAA,SAGF,MAAQ,CACN,MAAO,CACL,eAAAC,EAAAA,eAEJ,CACF,KAhHI,UAAQ,yBACR,MAAM,kCAeA,UAAQ,mCAiBR,UAAQ,sCA2BR,UAAQ,oCAiBR,UAAQ,4FA9EhB,OAAAC,YAAA,EAAAC,qBA6FM,MA7FNC,EA6FM,CAzFJC,EAAAA,YA4CUC,EAAA,CA3CP,aAAY,GACZ,YAAa,GACb,KAAM,IACN,eAAc,GACf,MAAM,qFAsBK,kBACT,IAcM,CAbEC,EAAA,eAAeC,SAAO,YAAY,GAAKD,EAAA,eAAeC,EAAA,OAAO,WAAW,GADhFN,EAAAA,YAAAC,EAAAA,mBAcM,MAdNM,EAcM,CARID,EAAA,OAAO,aADfE,EAAAA,WAGEF,EAAA,OAAA,eAAA,CAAA,IAAA,CAAA,CAAA,EAEFE,EAAAA,WAGEF,EAAA,OAAA,cAAA,CAAA,IAAA,CAAA,CAAA,yCAjCED,EAAA,eAAeC,SAAO,SAAS,GAAKD,EAAA,eAAeC,EAAA,OAAO,QAAQ,QACvE,oBAED,IAcM,CAbED,EAAA,eAAeC,SAAO,SAAS,GAAKD,EAAA,eAAeC,EAAA,OAAO,QAAQ,GAD1EN,EAAAA,YAAAC,EAAAA,mBAcM,MAdNQ,EAcM,CARIH,EAAA,OAAO,UADfE,EAAAA,WAGEF,EAAA,OAAA,YAAA,CAAA,IAAA,CAAA,CAAA,EAEFE,EAAAA,WAGEF,EAAA,OAAA,WAAA,CAAA,IAAA,CAAA,CAAA,2DAuBRH,EAAAA,YAyCUC,EAAA,CAxCP,aAAY,GACZ,YAAa,GACb,KAAM,IACN,eAAc,GACf,MAAM,wEAEK,eACT,IAcM,CAbEC,EAAA,eAAeC,SAAO,OAAO,GAAKD,EAAA,eAAeC,EAAA,OAAO,SAAS,GADzEN,EAAAA,YAAAC,EAAAA,mBAcM,MAdNS,EAcM,CARIJ,EAAA,OAAO,QADfE,EAAAA,WAGEF,EAAA,OAAA,UAAA,CAAA,IAAA,CAAA,CAAA,EAEFE,EAAAA,WAGEF,EAAA,OAAA,YAAA,CAAA,IAAA,CAAA,CAAA,mCAGK,kBACT,IAcM,CAbED,EAAA,eAAeC,SAAO,UAAU,GAAKD,EAAA,eAAeC,EAAA,OAAO,YAAY,GAD/EN,EAAAA,YAAAC,EAAAA,mBAcM,MAdNU,EAcM,CARIL,EAAA,OAAO,WADfE,EAAAA,WAGEF,EAAA,OAAA,aAAA,CAAA,IAAA,CAAA,CAAA,EAEFE,EAAAA,WAGEF,EAAA,OAAA,eAAA,CAAA,IAAA,CAAA,CAAA"}

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

@@ -1,8 +1,8 @@
-import { hasSlotContent as d } from "../../common/utils/index.js";
-import { resolveComponent as h, openBlock as o, createElementBlock as n, createVNode as p, createSlots as l, withCtx as i, renderSlot as r, createCommentVNode as s } from "vue";
+import { hasSlotContent as p } from "../../common/utils/index.js";
+import { resolveComponent as d, openBlock as n, createElementBlock as s, createVNode as c, createSlots as h, withCtx as r, renderSlot as o, createCommentVNode as i } from "vue";
 import { _ as a } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import u from "../chip/chip.js";
-const f = {
+const C = {
   compatConfig: { MODE: 3 },
   name: "DtRecipeGroupedChip",
   components: {
@@ -10,10 +10,10 @@ const f = {
   },
   data() {
     return {
-      hasSlotContent: d
+      hasSlotContent: p
     };
   }
-}, _ = {
+}, f = {
   "data-qa": "dt-recipe-grouped-chip",
   class: "d-recipe-grouped-chip"
 }, g = {
@@ -22,62 +22,62 @@ const f = {
 }, m = {
   key: 0,
   "data-qa": "left-grouped-chip-content"
-}, C = {
+}, $ = {
   key: 0,
   "data-qa": "right-grouped-chip-icon"
-}, v = {
+}, k = {
   key: 0,
   "data-qa": "right-grouped-chip-content"
 };
-function S(e, $, k, q, t, y) {
-  const c = h("dt-chip");
-  return o(), n("div", _, [
-    p(c, {
+function y(t, S, I, _, e, v) {
+  const l = d("dt-chip");
+  return n(), s("div", f, [
+    c(l, {
       "hide-close": !0,
       interactive: !1,
-      size: "xs",
+      size: 100,
       "grouped-chip": !0,
       class: "d-recipe-grouped-chip__content d-recipe-grouped-chip__content-left"
-    }, l({
-      default: i(() => [
-        t.hasSlotContent(e.$slots.leftContent) ? (o(), n("div", m, [
-          r(e.$slots, "leftContent")
-        ])) : s("", !0)
+    }, h({
+      default: r(() => [
+        e.hasSlotContent(t.$slots.startContent) || e.hasSlotContent(t.$slots.leftContent) ? (n(), s("div", m, [
+          t.$slots.startContent ? o(t.$slots, "startContent", { key: 0 }) : o(t.$slots, "leftContent", { key: 1 })
+        ])) : i("", !0)
       ]),
       _: 2
     }, [
-      t.hasSlotContent(e.$slots.leftIcon) ? {
+      e.hasSlotContent(t.$slots.startIcon) || e.hasSlotContent(t.$slots.leftIcon) ? {
         name: "icon",
-        fn: i(() => [
-          t.hasSlotContent(e.$slots.leftIcon) ? (o(), n("div", g, [
-            r(e.$slots, "leftIcon")
-          ])) : s("", !0)
+        fn: r(() => [
+          e.hasSlotContent(t.$slots.startIcon) || e.hasSlotContent(t.$slots.leftIcon) ? (n(), s("div", g, [
+            t.$slots.startIcon ? o(t.$slots, "startIcon", { key: 0 }) : o(t.$slots, "leftIcon", { key: 1 })
+          ])) : i("", !0)
         ]),
         key: "0"
       } : void 0
     ]), 1024),
-    p(c, {
+    c(l, {
       "hide-close": !0,
       interactive: !1,
-      size: "xs",
+      size: 100,
       "grouped-chip": !0,
       class: "d-recipe-grouped-chip__content d-recipe-grouped-chip__content-right"
     }, {
-      icon: i(() => [
-        t.hasSlotContent(e.$slots.rightIcon) ? (o(), n("div", C, [
-          r(e.$slots, "rightIcon")
-        ])) : s("", !0)
+      icon: r(() => [
+        e.hasSlotContent(t.$slots.endIcon) || e.hasSlotContent(t.$slots.rightIcon) ? (n(), s("div", $, [
+          t.$slots.endIcon ? o(t.$slots, "endIcon", { key: 0 }) : o(t.$slots, "rightIcon", { key: 1 })
+        ])) : i("", !0)
       ]),
-      default: i(() => [
-        t.hasSlotContent(e.$slots.rightContent) ? (o(), n("div", v, [
-          r(e.$slots, "rightContent")
-        ])) : s("", !0)
+      default: r(() => [
+        e.hasSlotContent(t.$slots.endContent) || e.hasSlotContent(t.$slots.rightContent) ? (n(), s("div", k, [
+          t.$slots.endContent ? o(t.$slots, "endContent", { key: 0 }) : o(t.$slots, "rightContent", { key: 1 })
+        ])) : i("", !0)
       ]),
       _: 3
     })
   ]);
 }
-const E = /* @__PURE__ */ a(f, [["render", S]]);
+const E = /* @__PURE__ */ a(C, [["render", y]]);
 export {
   E as default
 };

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","$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;;;;;;;"}
+{"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=\"100\"\n      :grouped-chip=\"true\"\n      class=\"d-recipe-grouped-chip__content d-recipe-grouped-chip__content-left\"\n    >\n      <template\n        v-if=\"hasSlotContent($slots.startIcon) || hasSlotContent($slots.leftIcon)\"\n        #icon\n      >\n        <div\n          v-if=\"hasSlotContent($slots.startIcon) || hasSlotContent($slots.leftIcon)\"\n          data-qa=\"left-grouped-chip-icon\"\n        >\n          <!-- @slot Slot for start chip icon information -->\n          <slot\n            v-if=\"$slots.startIcon\"\n            name=\"startIcon\"\n          />\n          <!-- @slot @deprecated Use startIcon -->\n          <slot\n            v-else\n            name=\"leftIcon\"\n          />\n        </div>\n      </template>\n      <template #default>\n        <div\n          v-if=\"hasSlotContent($slots.startContent) || hasSlotContent($slots.leftContent)\"\n          data-qa=\"left-grouped-chip-content\"\n        >\n          <!-- @slot Slot for start chip content information -->\n          <slot\n            v-if=\"$slots.startContent\"\n            name=\"startContent\"\n          />\n          <!-- @slot @deprecated Use startContent -->\n          <slot\n            v-else\n            name=\"leftContent\"\n          />\n        </div>\n      </template>\n    </dt-chip>\n\n    <!-- End side split chip -->\n    <dt-chip\n      :hide-close=\"true\"\n      :interactive=\"false\"\n      :size=\"100\"\n      :grouped-chip=\"true\"\n      class=\"d-recipe-grouped-chip__content d-recipe-grouped-chip__content-right\"\n    >\n      <template #icon>\n        <div\n          v-if=\"hasSlotContent($slots.endIcon) || hasSlotContent($slots.rightIcon)\"\n          data-qa=\"right-grouped-chip-icon\"\n        >\n          <!-- @slot Slot for end chip icon information -->\n          <slot\n            v-if=\"$slots.endIcon\"\n            name=\"endIcon\"\n          />\n          <!-- @slot @deprecated Use endIcon -->\n          <slot\n            v-else\n            name=\"rightIcon\"\n          />\n        </div>\n      </template>\n      <template #default>\n        <div\n          v-if=\"hasSlotContent($slots.endContent) || hasSlotContent($slots.rightContent)\"\n          data-qa=\"right-grouped-chip-content\"\n        >\n          <!-- @slot Slot for end chip content information -->\n          <slot\n            v-if=\"$slots.endContent\"\n            name=\"endContent\"\n          />\n          <!-- @slot @deprecated Use endContent -->\n          <slot\n            v-else\n            name=\"rightContent\"\n          />\n        </div>\n      </template>\n    </dt-chip>\n  </div>\n</template>\n\n<script>\nimport { DtChip } from '@/components/chip';\nimport { hasSlotContent } from '@/common/utils';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeGroupedChip',\n\n  components: {\n    DtChip,\n  },\n\n  data () {\n    return {\n      hasSlotContent,\n    };\n  },\n};\n</script>\n"],"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":";;;;AAqGA,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;EAhHI,WAAQ;AAAA,EACR,OAAM;;;EAeA,WAAQ;;;EAiBR,WAAQ;;;EA2BR,WAAQ;;;EAiBR,WAAQ;;;;AA9EhB,SAAAC,EAAA,GAAAC,EA6FM,OA7FNC,GA6FM;AAAA,IAzFJC,EA4CUC,GAAA;AAAA,MA3CP,cAAY;AAAA,MACZ,aAAa;AAAA,MACb,MAAM;AAAA,MACN,gBAAc;AAAA,MACf,OAAM;AAAA;MAsBK,WACT,MAcM;AAAA,QAbEC,EAAA,eAAeC,SAAO,YAAY,KAAKD,EAAA,eAAeC,EAAA,OAAO,WAAW,KADhFN,KAAAC,EAcM,OAdNM,GAcM;AAAA,UARID,EAAA,OAAO,eADfE,EAGEF,EAAA,QAAA,gBAAA,EAAA,KAAA,EAAA,CAAA,IAEFE,EAGEF,EAAA,QAAA,eAAA,EAAA,KAAA,EAAA,CAAA;AAAA;;;;MAjCED,EAAA,eAAeC,SAAO,SAAS,KAAKD,EAAA,eAAeC,EAAA,OAAO,QAAQ;cACvE;AAAA,cAED,MAcM;AAAA,UAbED,EAAA,eAAeC,SAAO,SAAS,KAAKD,EAAA,eAAeC,EAAA,OAAO,QAAQ,KAD1EN,KAAAC,EAcM,OAdNQ,GAcM;AAAA,YARIH,EAAA,OAAO,YADfE,EAGEF,EAAA,QAAA,aAAA,EAAA,KAAA,EAAA,CAAA,IAEFE,EAGEF,EAAA,QAAA,YAAA,EAAA,KAAA,EAAA,CAAA;AAAA;;;;;IAuBRH,EAyCUC,GAAA;AAAA,MAxCP,cAAY;AAAA,MACZ,aAAa;AAAA,MACb,MAAM;AAAA,MACN,gBAAc;AAAA,MACf,OAAM;AAAA;MAEK,QACT,MAcM;AAAA,QAbEC,EAAA,eAAeC,SAAO,OAAO,KAAKD,EAAA,eAAeC,EAAA,OAAO,SAAS,KADzEN,KAAAC,EAcM,OAdNS,GAcM;AAAA,UARIJ,EAAA,OAAO,UADfE,EAGEF,EAAA,QAAA,WAAA,EAAA,KAAA,EAAA,CAAA,IAEFE,EAGEF,EAAA,QAAA,aAAA,EAAA,KAAA,EAAA,CAAA;AAAA;;MAGK,WACT,MAcM;AAAA,QAbED,EAAA,eAAeC,SAAO,UAAU,KAAKD,EAAA,eAAeC,EAAA,OAAO,YAAY,KAD/EN,KAAAC,EAcM,OAdNU,GAcM;AAAA,UARIL,EAAA,OAAO,aADfE,EAGEF,EAAA,QAAA,cAAA,EAAA,KAAA,EAAA,CAAA,IAEFE,EAGEF,EAAA,QAAA,gBAAA,EAAA,KAAA,EAAA,CAAA;AAAA;;;;;;;"}

package/dist/lib/hovercard/hovercard.cjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"hovercard.cjs","sources":["../../../components/hovercard/hovercard.vue"],"sourcesContent":["<!-- eslint-disable vue/multi-word-component-names -->\n<template>\n  <dt-popover\n    :id=\"id\"\n    ref=\"popover\"\n    :open=\"hovercardOpen\"\n    :placement=\"placement\"\n    :content-class=\"contentClass\"\n    :dialog-class=\"dialogClass\"\n    :fallback-placements=\"fallbackPlacements\"\n    :padding=\"padding\"\n    :transition=\"transition ? 'fade' : null\"\n    :offset=\"offset\"\n    :modal=\"false\"\n    initial-focus-element=\"none\"\n    :header-class=\"headerClass\"\n    :footer-class=\"footerClass\"\n    :append-to=\"appendTo\"\n    :external-anchor-element=\"externalAnchorElement\"\n    data-qa=\"dt-hovercard\"\n    :enter-delay=\"enterDelay\"\n    :leave-delay=\"leaveDelay\"\n    @opened=\"(e) => ($emit('opened', e))\"\n    @mouseenter-popover=\"onMouseEnter\"\n    @mouseleave-popover=\"onMouseLeave\"\n    @mouseenter-popover-anchor=\"onMouseEnter\"\n    @mouseleave-popover-anchor=\"onMouseLeave\"\n  >\n    <template #anchor=\"{ attrs }\">\n      <!-- @slot Anchor element that activates the hovercard. Usually a button. -->\n      <slot\n        name=\"anchor\"\n        v-bind=\"attrs\"\n      />\n    </template>\n    <template #content>\n      <div\n        @focusin=\"onContentFocusIn\"\n        @focusout=\"onContentFocusOut\"\n      >\n        <!-- @slot Slot for the content that is displayed in the hovercard. -->\n        <slot name=\"content\" />\n      </div>\n    </template>\n    <template #headerContent>\n      <!-- @slot Slot for hovercard header content -->\n      <slot name=\"headerContent\" />\n    </template>\n\n    <template #footerContent>\n      <!-- @slot Slot for the footer content. -->\n      <slot name=\"footerContent\" />\n    </template>\n  </dt-popover>\n</template>\n\n<script setup>\nimport { ref, watch, nextTick, onMounted, onBeforeUnmount } from 'vue';\nimport { POPOVER_APPEND_TO_VALUES, POPOVER_PADDING_CLASSES, DtPopover } from '@/components/popover/index.js';\nimport { TOOLTIP_DIRECTIONS, TOOLTIP_DELAY_MS } from '@/components/tooltip/index.js';\nimport { getUniqueString } from '@/common/utils';\n\nconst props = defineProps({\n  /**\n     * Fade transition when the content display is toggled.\n     * @type boolean\n     * @values true, false\n     */\n  transition: {\n    type: Boolean,\n    default: false,\n  },\n\n  /**\n     * Controls whether the hovercard is shown. Leaving this null will have the hovercard trigger on hover by default.\n     * If you set this value, the default trigger behavior will be disabled, and you can control it as you need.\n     * Supports .sync modifier\n     * @values null, true, false\n     */\n  open: {\n    type: Boolean,\n    default: null,\n  },\n\n  /**\n      * If the popover does not fit in the direction described by \"placement\",\n     * it will attempt to change its direction to the \"fallbackPlacements\".\n     * @see https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements\"\n     */\n  fallbackPlacements: {\n    type: Array,\n    default: () => {\n      return ['auto'];\n    },\n  },\n\n  /**\n     * The direction the popover displays relative to the anchor.\n     * @see https://atomiks.github.io/tippyjs/v6/all-props/#placement\"\n     * @values top, top-start, top-end,\n     * right, right-start, right-end,\n     * left, left-start, left-end,\n     * bottom, bottom-start, bottom-end,\n     * auto, auto-start, auto-end\n     */\n  placement: {\n    type: String,\n    default: 'top-start',\n    validator (placement) {\n      return TOOLTIP_DIRECTIONS.includes(placement);\n    },\n  },\n\n  /**\n     * Padding size class for the popover content.\n     * @values none, small, medium, large\n     */\n  padding: {\n    type: String,\n    default: 'large',\n    validator: (padding) => {\n      return Object.keys(POPOVER_PADDING_CLASSES).some((item) => item === padding);\n    },\n  },\n\n  /**\n     * Displaces the content box from its anchor element\n     * by the specified number of pixels.\n     * @see https://atomiks.github.io/tippyjs/v6/all-props/#offset\"\n     */\n  offset: {\n    type: Array,\n    default: () => [0, 16],\n  },\n\n  /**\n     * The id of the tooltip\n     */\n  id: {\n    type: String,\n    default () { return getUniqueString(); },\n  },\n\n  /**\n     * Additional class name for the header content wrapper element.\n     */\n  headerClass: {\n    type: [String, Array, Object],\n    default: '',\n  },\n\n  /**\n     * Additional class name for the footer content wrapper element.\n     */\n  footerClass: {\n    type: [String, Array, Object],\n    default: '',\n  },\n\n  /**\n     * Additional class name for the dialog element.\n     */\n  dialogClass: {\n    type: [String, Array, Object],\n    default: '',\n  },\n\n  /**\n     * Additional class name for the content wrapper element.\n     */\n  contentClass: {\n    type: [String, Array, Object],\n    default: '',\n  },\n\n  /**\n     * Sets the element to which the popover is going to append to.\n     * 'body' will append to the nearest body (supports shadow DOM).\n     * @values 'body', 'parent', HTMLElement,\n     */\n  appendTo: {\n    type: [HTMLElement, String],\n    default: 'body',\n    validator: appendTo => {\n      return POPOVER_APPEND_TO_VALUES.includes(appendTo) ||\n            (appendTo instanceof HTMLElement);\n    },\n  },\n\n  /**\n   * The enter delay in milliseconds before the hovercard is shown.\n   * @type number\n   */\n  enterDelay: {\n    type: Number,\n    default: TOOLTIP_DELAY_MS,\n  },\n\n  /**\n   * The leave delay in milliseconds before the hovercard is hidden.\n   * @type number\n   */\n  leaveDelay: {\n    type: Number,\n    default: TOOLTIP_DELAY_MS,\n  },\n\n  /**\n   * External anchor element reference. Use this instead of the anchor slot when\n   * the anchor may be inside a Shadow DOM, as querySelector cannot pierce shadow boundaries.\n   */\n  externalAnchorElement: {\n    type: HTMLElement,\n    default: null,\n  },\n});\n\ndefineEmits([\n  /**\n   * Emitted when hovercard is shown or hidden\n   *\n   * @event opened\n   * @type {Boolean | Array}\n   */\n  'opened',\n]);\n\nconst hovercardOpen = ref(props.open);\nconst contentFocused = ref(false);\nconst mouseOverHovercard = ref(false);\nconst inTimer = ref(null);\nconst outTimer = ref(null);\nconst anchorEl = ref(null);\nconst observer = ref(null);\nconst popover = ref(null);\n\nonMounted(() => {\n  nextTick(() => {\n    anchorEl.value = popover.value?.$refs?.anchor?.firstElementChild;\n\n    observer.value = new MutationObserver(() => {\n      if (anchorEl.value && !anchorEl.value.isConnected) {\n        hovercardOpen.value = false;\n      }\n    });\n\n    observer.value.observe(document.body, {\n      childList: true,\n      subtree: true,\n    });\n  });\n});\n\nonBeforeUnmount(() => {\n  if (observer.value) {\n    observer.value.disconnect();\n  }\n  clearTimeout(inTimer);\n  clearTimeout(outTimer);\n});\n\nwatch(() => props.open, (open) => {\n  hovercardOpen.value = open;\n}, { immediate: true });\n\ndefineExpose({ show: onMouseEnter, hide: onMouseLeave });\n\nfunction setInTimer () {\n  if (props.open === null) {\n    clearTimeout(outTimer.value);\n    inTimer.value = setTimeout(() => {\n      hovercardOpen.value = true;\n    }, props.enterDelay);\n  }\n}\n\nfunction setOutTimer () {\n  if (props.open === null) {\n    clearTimeout(inTimer.value);\n    outTimer.value = setTimeout(() => {\n      hovercardOpen.value = false;\n    }, props.leaveDelay);\n  }\n}\n\nfunction onMouseEnter () {\n  mouseOverHovercard.value = true;\n  setInTimer();\n}\n\nfunction onMouseLeave () {\n  mouseOverHovercard.value = false;\n  if (contentFocused.value) {\n    return;\n  }\n  setOutTimer();\n}\n\nfunction onContentFocusIn () {\n  contentFocused.value = true;\n  setInTimer();\n}\n\nfunction onContentFocusOut () {\n  contentFocused.value = false;\n\n  // If mouse is not over the hovercard, close it\n  if (!mouseOverHovercard.value) {\n    setOutTimer();\n  }\n}\n</script>\n"],"names":["props","__props","hovercardOpen","ref","contentFocused","mouseOverHovercard","inTimer","outTimer","anchorEl","observer","popover","onMounted","nextTick","_c","_b","_a","onBeforeUnmount","watch","open","__expose","onMouseEnter","onMouseLeave","setInTimer","setOutTimer","onContentFocusIn","onContentFocusOut","_createBlock","_unref","DtPopover","_cache","e","$emit","_withCtx","attrs","_renderSlot","_ctx","_createElementVNode"],"mappings":"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"}
+{"version":3,"file":"hovercard.cjs","sources":["../../../components/hovercard/hovercard.vue"],"sourcesContent":["<!-- eslint-disable vue/multi-word-component-names -->\n<template>\n  <dt-popover\n    :id=\"id\"\n    ref=\"popover\"\n    :open=\"hovercardOpen\"\n    :placement=\"placement\"\n    :content-class=\"contentClass\"\n    :content-mode=\"contentMode\"\n    :dialog-class=\"dialogClass\"\n    :fallback-placements=\"fallbackPlacements\"\n    :padding=\"padding\"\n    :transition=\"transition ? 'fade' : null\"\n    :offset=\"offset\"\n    :modal=\"false\"\n    initial-focus-element=\"none\"\n    :header-class=\"headerClass\"\n    :footer-class=\"footerClass\"\n    :append-to=\"appendTo\"\n    :external-anchor-element=\"externalAnchorElement\"\n    data-qa=\"dt-hovercard\"\n    :enter-delay=\"enterDelay\"\n    :leave-delay=\"leaveDelay\"\n    @opened=\"(e) => ($emit('opened', e))\"\n    @mouseenter-popover=\"onMouseEnter\"\n    @mouseleave-popover=\"onMouseLeave\"\n    @mouseenter-popover-anchor=\"onMouseEnter\"\n    @mouseleave-popover-anchor=\"onMouseLeave\"\n  >\n    <template #anchor=\"{ attrs }\">\n      <!-- @slot Anchor element that activates the hovercard. Usually a button. -->\n      <slot\n        name=\"anchor\"\n        v-bind=\"attrs\"\n      />\n    </template>\n    <template #content>\n      <div\n        @focusin=\"onContentFocusIn\"\n        @focusout=\"onContentFocusOut\"\n      >\n        <!-- @slot Slot for the content that is displayed in the hovercard. -->\n        <slot name=\"content\" />\n      </div>\n    </template>\n    <template #headerContent>\n      <!-- @slot Slot for hovercard header content -->\n      <slot name=\"headerContent\" />\n    </template>\n\n    <template #footerContent>\n      <!-- @slot Slot for the footer content. -->\n      <slot name=\"footerContent\" />\n    </template>\n  </dt-popover>\n</template>\n\n<script setup>\nimport { ref, watch, nextTick, onMounted, onBeforeUnmount } from 'vue';\nimport { POPOVER_APPEND_TO_VALUES, POPOVER_PADDING_CLASSES, DtPopover } from '@/components/popover/index.js';\nimport { TOOLTIP_DIRECTIONS, TOOLTIP_DELAY_MS } from '@/components/tooltip/index.js';\nimport { getUniqueString } from '@/common/utils';\nimport { CONTENT_MODE_PROP } from '@/common/mode_constants';\n\ndefineOptions({\n  name: 'DtHovercard',\n});\n\nconst props = defineProps({\n  /**\n     * Applies a color mode to the positioned content element.\n     * @values light, dark, invert\n     */\n  contentMode: CONTENT_MODE_PROP,\n\n  /**\n     * Fade transition when the content display is toggled.\n     * @type boolean\n     * @values true, false\n     */\n  transition: {\n    type: Boolean,\n    default: false,\n  },\n\n  /**\n     * Controls whether the hovercard is shown. Leaving this null will have the hovercard trigger on hover by default.\n     * If you set this value, the default trigger behavior will be disabled, and you can control it as you need.\n     * Supports .sync modifier\n     * @values null, true, false\n     */\n  open: {\n    type: Boolean,\n    default: null,\n  },\n\n  /**\n      * If the popover does not fit in the direction described by \"placement\",\n     * it will attempt to change its direction to the \"fallbackPlacements\".\n     * @see https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements\"\n     */\n  fallbackPlacements: {\n    type: Array,\n    default: () => {\n      return ['auto'];\n    },\n  },\n\n  /**\n     * The direction the popover displays relative to the anchor.\n     * @see https://atomiks.github.io/tippyjs/v6/all-props/#placement\"\n     * @values top, top-start, top-end,\n     * right, right-start, right-end,\n     * left, left-start, left-end,\n     * bottom, bottom-start, bottom-end,\n     * auto, auto-start, auto-end\n     */\n  placement: {\n    type: String,\n    default: 'top-start',\n    validator (placement) {\n      return TOOLTIP_DIRECTIONS.includes(placement);\n    },\n  },\n\n  /**\n     * Padding size class for the popover content.\n     * @values none, small, medium, large\n     */\n  padding: {\n    type: String,\n    default: 'large',\n    validator: (padding) => {\n      return Object.keys(POPOVER_PADDING_CLASSES).some((item) => item === padding);\n    },\n  },\n\n  /**\n     * Displaces the content box from its anchor element\n     * by the specified number of pixels.\n     * @see https://atomiks.github.io/tippyjs/v6/all-props/#offset\"\n     */\n  offset: {\n    type: Array,\n    default: () => [0, 16],\n  },\n\n  /**\n     * The id of the tooltip\n     */\n  id: {\n    type: String,\n    default () { return getUniqueString(); },\n  },\n\n  /**\n     * Additional class name for the header content wrapper element.\n     */\n  headerClass: {\n    type: [String, Array, Object],\n    default: '',\n  },\n\n  /**\n     * Additional class name for the footer content wrapper element.\n     */\n  footerClass: {\n    type: [String, Array, Object],\n    default: '',\n  },\n\n  /**\n     * Additional class name for the dialog element.\n     */\n  dialogClass: {\n    type: [String, Array, Object],\n    default: '',\n  },\n\n  /**\n     * Additional class name for the content wrapper element.\n     */\n  contentClass: {\n    type: [String, Array, Object],\n    default: '',\n  },\n\n  /**\n     * Sets the element to which the popover is going to append to.\n     * 'body' will append to the nearest body (supports shadow DOM).\n     * @values 'body', 'parent', HTMLElement,\n     */\n  appendTo: {\n    type: [HTMLElement, String],\n    default: 'body',\n    validator: appendTo => {\n      return POPOVER_APPEND_TO_VALUES.includes(appendTo) ||\n            (appendTo instanceof HTMLElement);\n    },\n  },\n\n  /**\n   * The enter delay in milliseconds before the hovercard is shown.\n   * @type number\n   */\n  enterDelay: {\n    type: Number,\n    default: TOOLTIP_DELAY_MS,\n  },\n\n  /**\n   * The leave delay in milliseconds before the hovercard is hidden.\n   * @type number\n   */\n  leaveDelay: {\n    type: Number,\n    default: TOOLTIP_DELAY_MS,\n  },\n\n  /**\n   * External anchor element reference. Use this instead of the anchor slot when\n   * the anchor may be inside a Shadow DOM, as querySelector cannot pierce shadow boundaries.\n   */\n  externalAnchorElement: {\n    type: HTMLElement,\n    default: null,\n  },\n});\n\ndefineEmits([\n  /**\n   * Emitted when hovercard is shown or hidden\n   *\n   * @event opened\n   * @type {Boolean | Array}\n   */\n  'opened',\n]);\n\nconst hovercardOpen = ref(props.open);\nconst contentFocused = ref(false);\nconst mouseOverHovercard = ref(false);\nconst inTimer = ref(null);\nconst outTimer = ref(null);\nconst anchorEl = ref(null);\nconst observer = ref(null);\nconst popover = ref(null);\n\nonMounted(() => {\n  nextTick(() => {\n    anchorEl.value = popover.value?.$refs?.anchor?.firstElementChild;\n\n    observer.value = new MutationObserver(() => {\n      if (anchorEl.value && !anchorEl.value.isConnected) {\n        hovercardOpen.value = false;\n      }\n    });\n\n    observer.value.observe(document.body, {\n      childList: true,\n      subtree: true,\n    });\n  });\n});\n\nonBeforeUnmount(() => {\n  if (observer.value) {\n    observer.value.disconnect();\n  }\n  clearTimeout(inTimer);\n  clearTimeout(outTimer);\n});\n\nwatch(() => props.open, (open) => {\n  hovercardOpen.value = open;\n}, { immediate: true });\n\ndefineExpose({ show: onMouseEnter, hide: onMouseLeave });\n\nfunction setInTimer () {\n  if (props.open === null) {\n    clearTimeout(outTimer.value);\n    inTimer.value = setTimeout(() => {\n      hovercardOpen.value = true;\n    }, props.enterDelay);\n  }\n}\n\nfunction setOutTimer () {\n  if (props.open === null) {\n    clearTimeout(inTimer.value);\n    outTimer.value = setTimeout(() => {\n      hovercardOpen.value = false;\n    }, props.leaveDelay);\n  }\n}\n\nfunction onMouseEnter () {\n  mouseOverHovercard.value = true;\n  setInTimer();\n}\n\nfunction onMouseLeave () {\n  mouseOverHovercard.value = false;\n  if (contentFocused.value) {\n    return;\n  }\n  setOutTimer();\n}\n\nfunction onContentFocusIn () {\n  contentFocused.value = true;\n  setInTimer();\n}\n\nfunction onContentFocusOut () {\n  contentFocused.value = false;\n\n  // If mouse is not over the hovercard, close it\n  if (!mouseOverHovercard.value) {\n    setOutTimer();\n  }\n}\n</script>\n"],"names":["props","__props","hovercardOpen","ref","contentFocused","mouseOverHovercard","inTimer","outTimer","anchorEl","observer","popover","onMounted","nextTick","_c","_b","_a","onBeforeUnmount","watch","open","__expose","onMouseEnter","onMouseLeave","setInTimer","setOutTimer","onContentFocusIn","onContentFocusOut","_createBlock","_unref","DtPopover","_cache","e","$emit","_withCtx","attrs","_renderSlot","_ctx","_createElementVNode"],"mappings":"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"}