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

package/dist/lib/feed-item-row/feed-item-row.js.map

@@ -1 +1 @@
-{"version":3,"file":"feed-item-row.js","sources":["../../../recipes/conversation_view/feed_item_row/feed_item_row.vue"],"sourcesContent":["<template>\n  <dt-list-item\n    ref=\"FeedItemRef\"\n    navigation-type=\"none\"\n    v-bind=\"$attrs\"\n    :class=\"listItemClasses\"\n    data-qa=\"dt-recipe-feed-item-row\"\n    v-on=\"feedListeners\"\n  >\n    <!-- Avatar or time -->\n    <template #start>\n      <div\n        v-if=\"showHeader\"\n        class=\"d-recipe-feed-item-row__avatar-container\"\n      >\n        <!-- @slot Slot to contain the avatar, overrides avatar props. -->\n        <slot\n          name=\"avatar\"\n        >\n          <dt-avatar\n            :full-name=\"displayName\"\n            :image-src=\"avatarImageUrl\"\n            image-alt=\"\"\n            :seed=\"avatarSeed\"\n          >\n            <template\n              v-if=\"noInitials\"\n              #icon=\"{ iconSize }\"\n            >\n              <dt-icon-user\n                :size=\"iconSize\"\n              />\n            </template>\n          </dt-avatar>\n        </slot>\n      </div>\n      <!-- show time instead of avatar when headers not present -->\n      <span\n        v-if=\"!showHeader\"\n        v-show=\"isActive\"\n        class=\"d-recipe-feed-item-row__left-time\"\n        data-qa=\"dt-recipe-feed-item-row--left-time\"\n      >\n        {{ shortTime }}\n      </span>\n    </template>\n\n    <article class=\"d-recipe-feed-item-row__content\">\n      <!-- Feed Item -->\n      <div\n        v-if=\"showHeader\"\n        data-qa=\"dt-recipe-feed-item-row--header\"\n        class=\"d-recipe-feed-item-row__header\"\n      >\n        <!-- @slot Slot for display name -->\n        <slot name=\"displayName\">\n          <p class=\"d-recipe-feed-item-row__header-name\">\n            {{ displayName }}\n          </p>\n        </slot>\n        <time\n          class=\"d-recipe-feed-item-row__header-time\"\n        >\n          {{ time }}\n        </time>\n        <dt-badge\n          v-if=\"labelText\"\n          :text=\"labelText\"\n        />\n      </div>\n      <!-- @slot Default content slot for feed item row -->\n      <span\n        data-qa=\"dt-recipe-feed-item-row--content\"\n      >\n        <slot />\n      </span>\n      <div\n        v-if=\"hasAttachmentContent\"\n        data-qa=\"dt-recipe-feed-item-row--attachment\"\n        class=\"d-recipe-feed-item-row__attachment\"\n      >\n        <slot name=\"attachment\" />\n      </div>\n    </article>\n\n    <template #blockEnd>\n      <!-- Reactions -->\n      <div\n        v-if=\"$slots.reactions\"\n        class=\"d-recipe-feed-item-row__reactions\"\n        data-qa=\"dt-recipe-feed-item-row--reactions\"\n      >\n        <!-- @slot Slot for reactions row component -->\n        <slot name=\"reactions\" />\n      </div>\n\n      <!-- Threading -->\n      <div\n        v-if=\"$slots.threading\"\n        class=\"d-recipe-feed-item-row__threading\"\n      >\n        <!-- @slot Slot for threading row component -->\n        <slot name=\"threading\" />\n      </div>\n\n      <!-- Action menu -->\n      <div\n        v-show=\"isActive\"\n        data-qa=\"dt-recipe-feed-item-row--menu\"\n        class=\"d-recipe-feed-item-row__menu\"\n      >\n        <dt-lazy-show\n          :appear=\"true\"\n          transition=\"fade\"\n          :show=\"isActive\"\n        >\n          <!-- @slot Slot for actions hover menu component -->\n          <slot name=\"menu\" />\n        </dt-lazy-show>\n      </div>\n    </template>\n  </dt-list-item>\n</template>\n\n<script>\nimport { DEFAULT_FEED_ROW_STATE, FEED_ROW_STATE_BACKGROUND_COLOR } from './feed_item_row_constants.js';\nimport { DtAvatar } from '@/components/avatar';\nimport { DtLazyShow } from '@/components/lazy_show';\nimport { DtListItem } from '@/components/list_item';\nimport { DtBadge } from '@/components/badge';\nimport Modal from '@/common/mixins/modal';\nimport { DtIconUser } from '@dialpad/dialtone-icons/vue';\nimport { hasSlotContent } from '@/common/utils';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeFeedItemRow',\n\n  components: {\n    DtAvatar,\n    DtLazyShow,\n    DtListItem,\n    DtBadge,\n    DtIconUser,\n  },\n\n  mixins: [Modal],\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Avatar seed, set this to the user's ID to get the same avatar background gradient each time it is displayed.\n     */\n    avatarSeed: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Show avatar, show header text or dont show left time and vice versa\n     */\n    showHeader: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Optional avatar image url.\n     * If not provided it will use extracted initials from displayName.\n     */\n    avatarImageUrl: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The display name of the sender\n     */\n    displayName: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Initials will never be shown. Instead it will show a \"User\" icon.\n     */\n    noInitials: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * time string displayed as is.\n     * Shown on the header when showHeader is true\n     */\n    time: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * short time string without AM/PM displayed as is.\n     * Shown on the left of feed item when showHeader is false and isActive is true\n     */\n    shortTime: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * A label displayed next to the displayName. Will not show if empty.\n     */\n    labelText: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * displays a darkened background on the row.\n     */\n    isActive: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * state for the feed item row. Can be normal, searched & error\n     */\n    state: {\n      type: String,\n      default: DEFAULT_FEED_ROW_STATE,\n      validator: state => Object.keys(FEED_ROW_STATE_BACKGROUND_COLOR).includes(state),\n    },\n  },\n\n  emits: [\n    /**\n     * Fires when hovered over feed row\n     *\n     * @event hover\n     * @type {Boolean}\n     */\n    'hover',\n\n    /**\n     * Fires when focused over feed row\n     *\n     * @event focus\n     * @type {Boolean}\n     */\n    'focus',\n\n    /**\n     * Key down event\n     *\n     * @event keydown\n     * @type {KeyboardEvent}\n     */\n    'keydown',\n  ],\n\n  data () {\n    return {\n      transitionActive: false,\n    };\n  },\n\n  computed: {\n    feedListeners () {\n      return {\n        mouseenter: () => this.setHover(true),\n        mouseleave: () => this.setHover(false),\n        focusin: () => this.setFocus(true),\n        focusout: () => this.setFocus(false),\n        transitionend: () => this.transitionComplete(),\n        keydown: event => {\n          switch (event.code) {\n            case 'Tab':\n              this.trapFocus(event);\n              break;\n          }\n          this.$emit('keydown', event);\n        },\n      };\n    },\n\n    listItemClasses () {\n      return [\n        'd-recipe-feed-item-row',\n        { 'd-recipe-feed-item-row--active': this.isActive && this.state === DEFAULT_FEED_ROW_STATE },\n        { 'd-recipe-feed-item-row__state-transition': this.transitionActive },\n        FEED_ROW_STATE_BACKGROUND_COLOR[this.state],\n\n      ];\n    },\n\n    hasAttachmentContent () {\n      return hasSlotContent(this.$slots.attachment);\n    },\n  },\n\n  watch: {\n    state: {\n      immediate: true,\n      handler: function (newState) {\n        if (newState !== DEFAULT_FEED_ROW_STATE) {\n          this.transitionActive = true;\n        }\n      },\n    },\n  },\n\n  methods: {\n    transitionComplete () {\n      if (this.state === DEFAULT_FEED_ROW_STATE) {\n        this.transitionActive = false;\n      }\n    },\n\n    trapFocus (e) {\n      this.focusTrappedTabPress(e);\n    },\n\n    setFocus (bool) {\n      this.$emit('focus', bool);\n    },\n\n    setHover (bool) {\n      this.$emit('hover', bool);\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtAvatar","DtLazyShow","DtListItem","DtBadge","DtIconUser","Modal","DEFAULT_FEED_ROW_STATE","state","FEED_ROW_STATE_BACKGROUND_COLOR","event","hasSlotContent","newState","bool","_hoisted_2","_hoisted_4","_hoisted_5","_hoisted_6","_openBlock","_createBlock","_component_dt_list_item","_mergeProps","_ctx","$options","_toHandlers","$props","_createElementBlock","_hoisted_1","_renderSlot","_createVNode","_component_dt_avatar","_withCtx","iconSize","_component_dt_icon_user","_hoisted_8","_hoisted_9","_withDirectives","_createElementVNode","_hoisted_10","_component_dt_lazy_show","_hoisted_3","_toDisplayString","_component_dt_badge","_hoisted_7"],"mappings":"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"}
+{"version":3,"file":"feed-item-row.js","names":[],"sources":["../../../recipes/conversation_view/feed_item_row/feed_item_row.vue"],"sourcesContent":["<template>\n  <dt-list-item\n    ref=\"FeedItemRef\"\n    navigation-type=\"none\"\n    v-bind=\"$attrs\"\n    :class=\"listItemClasses\"\n    data-qa=\"dt-recipe-feed-item-row\"\n    v-on=\"feedListeners\"\n  >\n    <!-- Avatar or time -->\n    <template #left>\n      <div\n        v-if=\"showHeader\"\n        class=\"d-recipe-feed-item-row__avatar-container\"\n      >\n        <!-- @slot Slot to contain the avatar, overrides avatar props. -->\n        <slot\n          name=\"avatar\"\n        >\n          <dt-avatar\n            :full-name=\"displayName\"\n            :image-src=\"avatarImageUrl\"\n            image-alt=\"\"\n            :seed=\"avatarSeed\"\n          >\n            <template\n              v-if=\"noInitials\"\n              #icon=\"{ iconSize }\"\n            >\n              <dt-icon-user\n                :size=\"iconSize\"\n              />\n            </template>\n          </dt-avatar>\n        </slot>\n      </div>\n      <!-- show time instead of avatar when headers not present -->\n      <span\n        v-if=\"!showHeader\"\n        v-show=\"isActive\"\n        class=\"d-recipe-feed-item-row__left-time\"\n        data-qa=\"dt-recipe-feed-item-row--left-time\"\n      >\n        {{ shortTime }}\n      </span>\n    </template>\n\n    <article class=\"d-recipe-feed-item-row__content\">\n      <!-- Feed Item -->\n      <div\n        v-if=\"showHeader\"\n        data-qa=\"dt-recipe-feed-item-row--header\"\n        class=\"d-recipe-feed-item-row__header\"\n      >\n        <!-- @slot Slot for display name -->\n        <slot name=\"displayName\">\n          <p class=\"d-recipe-feed-item-row__header-name\">\n            {{ displayName }}\n          </p>\n        </slot>\n        <time\n          class=\"d-recipe-feed-item-row__header-time\"\n        >\n          {{ time }}\n        </time>\n        <dt-badge\n          v-if=\"labelText\"\n          :text=\"labelText\"\n        />\n      </div>\n      <!-- @slot Default content slot for feed item row -->\n      <span\n        data-qa=\"dt-recipe-feed-item-row--content\"\n      >\n        <slot />\n      </span>\n      <div\n        v-if=\"hasAttachmentContent\"\n        data-qa=\"dt-recipe-feed-item-row--attachment\"\n        class=\"d-recipe-feed-item-row__attachment\"\n      >\n        <slot name=\"attachment\" />\n      </div>\n    </article>\n\n    <template #bottom>\n      <!-- Reactions -->\n      <div\n        v-if=\"$slots.reactions\"\n        class=\"d-recipe-feed-item-row__reactions\"\n        data-qa=\"dt-recipe-feed-item-row--reactions\"\n      >\n        <!-- @slot Slot for reactions row component -->\n        <slot name=\"reactions\" />\n      </div>\n\n      <!-- Threading -->\n      <div\n        v-if=\"$slots.threading\"\n        class=\"d-recipe-feed-item-row__threading\"\n      >\n        <!-- @slot Slot for threading row component -->\n        <slot name=\"threading\" />\n      </div>\n\n      <!-- Action menu -->\n      <div\n        v-show=\"isActive\"\n        data-qa=\"dt-recipe-feed-item-row--menu\"\n        class=\"d-recipe-feed-item-row__menu\"\n      >\n        <dt-lazy-show\n          :appear=\"true\"\n          transition=\"fade\"\n          :show=\"isActive\"\n        >\n          <!-- @slot Slot for actions hover menu component -->\n          <slot name=\"menu\" />\n        </dt-lazy-show>\n      </div>\n    </template>\n  </dt-list-item>\n</template>\n\n<script>\nimport { DEFAULT_FEED_ROW_STATE, FEED_ROW_STATE_BACKGROUND_COLOR } from './feed_item_row_constants.js';\nimport { DtAvatar } from '@/components/avatar';\nimport { DtLazyShow } from '@/components/lazy_show';\nimport { DtListItem } from '@/components/list_item';\nimport { DtBadge } from '@/components/badge';\nimport Modal from '@/common/mixins/modal';\nimport { DtIconUser } from '@dialpad/dialtone-icons/vue3';\nimport { hasSlotContent } from '@/common/utils';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeFeedItemRow',\n\n  components: {\n    DtAvatar,\n    DtLazyShow,\n    DtListItem,\n    DtBadge,\n    DtIconUser,\n  },\n\n  mixins: [Modal],\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Avatar seed, set this to the user's ID to get the same avatar background gradient each time it is displayed.\n     */\n    avatarSeed: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Show avatar, show header text or dont show left time and vice versa\n     */\n    showHeader: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Optional avatar image url.\n     * If not provided it will use extracted initials from displayName.\n     */\n    avatarImageUrl: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The display name of the sender\n     */\n    displayName: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Initials will never be shown. Instead it will show a \"User\" icon.\n     */\n    noInitials: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * time string displayed as is.\n     * Shown on the header when showHeader is true\n     */\n    time: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * short time string without AM/PM displayed as is.\n     * Shown on the left of feed item when showHeader is false and isActive is true\n     */\n    shortTime: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * A label displayed next to the displayName. Will not show if empty.\n     */\n    labelText: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * displays a darkened background on the row.\n     */\n    isActive: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * state for the feed item row. Can be normal, searched & error\n     */\n    state: {\n      type: String,\n      default: DEFAULT_FEED_ROW_STATE,\n      validator: state => Object.keys(FEED_ROW_STATE_BACKGROUND_COLOR).includes(state),\n    },\n  },\n\n  emits: [\n    /**\n     * Fires when hovered over feed row\n     *\n     * @event hover\n     * @type {Boolean}\n     */\n    'hover',\n\n    /**\n     * Fires when focused over feed row\n     *\n     * @event focus\n     * @type {Boolean}\n     */\n    'focus',\n\n    /**\n     * Key down event\n     *\n     * @event keydown\n     * @type {KeyboardEvent}\n     */\n    'keydown',\n  ],\n\n  data () {\n    return {\n      transitionActive: false,\n    };\n  },\n\n  computed: {\n    feedListeners () {\n      return {\n        mouseenter: () => this.setHover(true),\n        mouseleave: () => this.setHover(false),\n        focusin: () => this.setFocus(true),\n        focusout: () => this.setFocus(false),\n        transitionend: () => this.transitionComplete(),\n        keydown: event => {\n          switch (event.code) {\n            case 'Tab':\n              this.trapFocus(event);\n              break;\n          }\n          this.$emit('keydown', event);\n        },\n      };\n    },\n\n    listItemClasses () {\n      return [\n        'd-recipe-feed-item-row',\n        { 'd-recipe-feed-item-row--active': this.isActive && this.state === DEFAULT_FEED_ROW_STATE },\n        { 'd-recipe-feed-item-row__state-transition': this.transitionActive },\n        FEED_ROW_STATE_BACKGROUND_COLOR[this.state],\n\n      ];\n    },\n\n    hasAttachmentContent () {\n      return hasSlotContent(this.$slots.attachment);\n    },\n  },\n\n  watch: {\n    state: {\n      immediate: true,\n      handler: function (newState) {\n        if (newState !== DEFAULT_FEED_ROW_STATE) {\n          this.transitionActive = true;\n        }\n      },\n    },\n  },\n\n  methods: {\n    transitionComplete () {\n      if (this.state === DEFAULT_FEED_ROW_STATE) {\n        this.transitionActive = false;\n      }\n    },\n\n    trapFocus (e) {\n      this.focusTrappedTabPress(e);\n    },\n\n    setFocus (bool) {\n      this.$emit('focus', bool);\n    },\n\n    setHover (bool) {\n      this.$emit('hover', bool);\n    },\n  },\n};\n</script>\n"],"mappings":"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"}

package/dist/lib/feed-item-row/index.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("./feed-item-row.cjs"),e=require("./feed-item-row-constants.cjs");exports.DtRecipeFeedItemRow=_.default;exports.DEFAULT_FEED_ROW_STATE=e.DEFAULT_FEED_ROW_STATE;exports.FEED_ROW_STATE_BACKGROUND_COLOR=e.FEED_ROW_STATE_BACKGROUND_COLOR;
-//# sourceMappingURL=index.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./feed-item-row-constants.cjs`),t=require(`./feed-item-row.cjs`);exports.DEFAULT_FEED_ROW_STATE=e.DEFAULT_FEED_ROW_STATE,exports.DtRecipeFeedItemRow=t.default,exports.FEED_ROW_STATE_BACKGROUND_COLOR=e.FEED_ROW_STATE_BACKGROUND_COLOR;

package/dist/lib/feed-item-row/index.js

@@ -1,8 +1,3 @@
-import { default as _ } from "./feed-item-row.js";
-import { DEFAULT_FEED_ROW_STATE as o, FEED_ROW_STATE_BACKGROUND_COLOR as t } from "./feed-item-row-constants.js";
-export {
-  o as DEFAULT_FEED_ROW_STATE,
-  _ as DtRecipeFeedItemRow,
-  t as FEED_ROW_STATE_BACKGROUND_COLOR
-};
-//# sourceMappingURL=index.js.map
+import { DEFAULT_FEED_ROW_STATE as e, FEED_ROW_STATE_BACKGROUND_COLOR as t } from "./feed-item-row-constants.js";
+import n from "./feed-item-row.js";
+export { e as DEFAULT_FEED_ROW_STATE, n as DtRecipeFeedItemRow, t as FEED_ROW_STATE_BACKGROUND_COLOR };

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={INBOX:"inbox",CONTACTS:"contacts",CHANNELS:"channels",THREADS:"threads",LAUNCHPAD:"launchpad",LOCKED_CHANNEL:"locked channel",CONTACT_CENTER:"contact center",QUICK_START:"quick start",COACHING_GROUP:"coaching group",COACHING_CENTER:"coaching center",DIALBOT:"dialbot",ASSIGNED:"assigned",DIGITAL:"digital",SCHEDULED:"scheduled"},e={"magenta-100":"d-recipe-leftbar-general-row__contact-center--magenta-100","magenta-200":"d-recipe-leftbar-general-row__contact-center--magenta-200","magenta-300":"d-recipe-leftbar-general-row__contact-center--magenta-300","magenta-400":"d-recipe-leftbar-general-row__contact-center--magenta-400","green-200":"d-recipe-leftbar-general-row__contact-center--green-200","green-500":"d-recipe-leftbar-general-row__contact-center--green-500","gold-300":"d-recipe-leftbar-general-row__contact-center--gold-300","purple-100":"d-recipe-leftbar-general-row__contact-center--purple-100","purple-300":"d-recipe-leftbar-general-row__contact-center--purple-300","purple-600":"d-recipe-leftbar-general-row__contact-center--purple-600","black-300":"d-recipe-leftbar-general-row__contact-center--black-300"},r="If type is contact center, color must be oneof the following:"+Object.keys(e).join(", "),c=["300","200"],n={LEFTBAR_GENERAL_ROW_TYPES:t,LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS:e,LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR:r,LEFTBAR_GENERAL_ROW_ICON_SIZES:c};exports.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS=e;exports.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR=r;exports.LEFTBAR_GENERAL_ROW_ICON_SIZES=c;exports.LEFTBAR_GENERAL_ROW_TYPES=t;exports.default=n;
-//# sourceMappingURL=general-row-constants.cjs.map
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e={INBOX:`inbox`,CONTACTS:`contacts`,CHANNELS:`channels`,THREADS:`threads`,LAUNCHPAD:`launchpad`,LOCKED_CHANNEL:`locked channel`,CONTACT_CENTER:`contact center`,QUICK_START:`quick start`,COACHING_GROUP:`coaching group`,COACHING_CENTER:`coaching center`,DIALBOT:`dialbot`,ASSIGNED:`assigned`,DIGITAL:`digital`,SCHEDULED:`scheduled`},t={"magenta-100":`d-recipe-leftbar-general-row__contact-center--magenta-100`,"magenta-200":`d-recipe-leftbar-general-row__contact-center--magenta-200`,"magenta-300":`d-recipe-leftbar-general-row__contact-center--magenta-300`,"magenta-400":`d-recipe-leftbar-general-row__contact-center--magenta-400`,"green-200":`d-recipe-leftbar-general-row__contact-center--green-200`,"green-500":`d-recipe-leftbar-general-row__contact-center--green-500`,"gold-300":`d-recipe-leftbar-general-row__contact-center--gold-300`,"purple-100":`d-recipe-leftbar-general-row__contact-center--purple-100`,"purple-300":`d-recipe-leftbar-general-row__contact-center--purple-300`,"purple-600":`d-recipe-leftbar-general-row__contact-center--purple-600`,"black-300":`d-recipe-leftbar-general-row__contact-center--black-300`},n=`If type is contact center, color must be oneof the following:`+Object.keys(t).join(`, `),r=[`300`,`200`],i={LEFTBAR_GENERAL_ROW_TYPES:e,LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS:t,LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR:n,LEFTBAR_GENERAL_ROW_ICON_SIZES:r};exports.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS=t,exports.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR=n,exports.LEFTBAR_GENERAL_ROW_ICON_SIZES=r,exports.LEFTBAR_GENERAL_ROW_TYPES=e,exports.default=i;
+//# sourceMappingURL=general-row-constants.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"general-row-constants.cjs","sources":["../../../recipes/leftbar/general_row/general_row_constants.js"],"sourcesContent":["export const LEFTBAR_GENERAL_ROW_TYPES = {\n  INBOX: 'inbox',\n  CONTACTS: 'contacts',\n  CHANNELS: 'channels',\n  THREADS: 'threads',\n  LAUNCHPAD: 'launchpad',\n  LOCKED_CHANNEL: 'locked channel',\n  CONTACT_CENTER: 'contact center',\n  QUICK_START: 'quick start',\n  COACHING_GROUP: 'coaching group',\n  COACHING_CENTER: 'coaching center',\n  DIALBOT: 'dialbot',\n  ASSIGNED: 'assigned',\n  DIGITAL: 'digital',\n  SCHEDULED: 'scheduled',\n};\n\nexport const LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS = {\n  'magenta-100': 'd-recipe-leftbar-general-row__contact-center--magenta-100',\n  'magenta-200': 'd-recipe-leftbar-general-row__contact-center--magenta-200',\n  'magenta-300': 'd-recipe-leftbar-general-row__contact-center--magenta-300',\n  'magenta-400': 'd-recipe-leftbar-general-row__contact-center--magenta-400',\n  'green-200': 'd-recipe-leftbar-general-row__contact-center--green-200',\n  'green-500': 'd-recipe-leftbar-general-row__contact-center--green-500',\n  'gold-300': 'd-recipe-leftbar-general-row__contact-center--gold-300',\n  'purple-100': 'd-recipe-leftbar-general-row__contact-center--purple-100',\n  'purple-300': 'd-recipe-leftbar-general-row__contact-center--purple-300',\n  'purple-600': 'd-recipe-leftbar-general-row__contact-center--purple-600',\n  'black-300': 'd-recipe-leftbar-general-row__contact-center--black-300',\n};\n\nexport const LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR = 'If type is contact center, color must be one' +\n    'of the following:' + Object.keys(LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS).join(', ');\n\nexport const LEFTBAR_GENERAL_ROW_ICON_SIZES = [\n  '300',\n  '200',\n];\n\nexport default {\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};\n"],"names":["LEFTBAR_GENERAL_ROW_TYPES","LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS","LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR","LEFTBAR_GENERAL_ROW_ICON_SIZES","general_row_constants"],"mappings":"4GAAY,MAACA,EAA4B,CACvC,MAAO,QACP,SAAU,WACV,SAAU,WACV,QAAS,UACT,UAAW,YACX,eAAgB,iBAChB,eAAgB,iBAChB,YAAa,cACb,eAAgB,iBAChB,gBAAiB,kBACjB,QAAS,UACT,SAAU,WACV,QAAS,UACT,UAAW,WACb,EAEaC,EAA4C,CACvD,cAAe,4DACf,cAAe,4DACf,cAAe,4DACf,cAAe,4DACf,YAAa,0DACb,YAAa,0DACb,WAAY,yDACZ,aAAc,2DACd,aAAc,2DACd,aAAc,2DACd,YAAa,yDACf,EAEaC,EAAsD,gEACzC,OAAO,KAAKD,CAAyC,EAAE,KAAK,IAAI,EAE7EE,EAAiC,CAC5C,MACA,KACF,EAEAC,EAAe,CACb,0BAAAJ,EACA,0CAAAC,EACA,oDAAAC,EACA,+BAAAC,CACF"}
+{"version":3,"file":"general-row-constants.cjs","names":[],"sources":["../../../recipes/leftbar/general_row/general_row_constants.js"],"sourcesContent":["export const LEFTBAR_GENERAL_ROW_TYPES = {\n  INBOX: 'inbox',\n  CONTACTS: 'contacts',\n  CHANNELS: 'channels',\n  THREADS: 'threads',\n  LAUNCHPAD: 'launchpad',\n  LOCKED_CHANNEL: 'locked channel',\n  CONTACT_CENTER: 'contact center',\n  QUICK_START: 'quick start',\n  COACHING_GROUP: 'coaching group',\n  COACHING_CENTER: 'coaching center',\n  DIALBOT: 'dialbot',\n  ASSIGNED: 'assigned',\n  DIGITAL: 'digital',\n  SCHEDULED: 'scheduled',\n};\n\nexport const LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS = {\n  'magenta-100': 'd-recipe-leftbar-general-row__contact-center--magenta-100',\n  'magenta-200': 'd-recipe-leftbar-general-row__contact-center--magenta-200',\n  'magenta-300': 'd-recipe-leftbar-general-row__contact-center--magenta-300',\n  'magenta-400': 'd-recipe-leftbar-general-row__contact-center--magenta-400',\n  'green-200': 'd-recipe-leftbar-general-row__contact-center--green-200',\n  'green-500': 'd-recipe-leftbar-general-row__contact-center--green-500',\n  'gold-300': 'd-recipe-leftbar-general-row__contact-center--gold-300',\n  'purple-100': 'd-recipe-leftbar-general-row__contact-center--purple-100',\n  'purple-300': 'd-recipe-leftbar-general-row__contact-center--purple-300',\n  'purple-600': 'd-recipe-leftbar-general-row__contact-center--purple-600',\n  'black-300': 'd-recipe-leftbar-general-row__contact-center--black-300',\n};\n\nexport const LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR = 'If type is contact center, color must be one' +\n    'of the following:' + Object.keys(LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS).join(', ');\n\nexport const LEFTBAR_GENERAL_ROW_ICON_SIZES = [\n  '300',\n  '200',\n];\n\nexport default {\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};\n"],"mappings":"+FAAA,IAAa,EAA4B,CACvC,MAAO,QACP,SAAU,WACV,SAAU,WACV,QAAS,UACT,UAAW,YACX,eAAgB,iBAChB,eAAgB,iBAChB,YAAa,cACb,eAAgB,iBAChB,gBAAiB,kBACjB,QAAS,UACT,SAAU,WACV,QAAS,UACT,UAAW,YACZ,CAEY,EAA4C,CACvD,cAAe,4DACf,cAAe,4DACf,cAAe,4DACf,cAAe,4DACf,YAAa,0DACb,YAAa,0DACb,WAAY,yDACZ,aAAc,2DACd,aAAc,2DACd,aAAc,2DACd,YAAa,0DACd,CAEY,EAAsD,gEACzC,OAAO,KAAK,EAA0C,CAAC,KAAK,KAAK,CAE9E,EAAiC,CAC5C,MACA,MACD,CAED,EAAe,CACb,4BACA,4CACA,sDACA,iCACD"}

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

@@ -1,44 +1,38 @@
-const t = {
-  INBOX: "inbox",
-  CONTACTS: "contacts",
-  CHANNELS: "channels",
-  THREADS: "threads",
-  LAUNCHPAD: "launchpad",
-  LOCKED_CHANNEL: "locked channel",
-  CONTACT_CENTER: "contact center",
-  QUICK_START: "quick start",
-  COACHING_GROUP: "coaching group",
-  COACHING_CENTER: "coaching center",
-  DIALBOT: "dialbot",
-  ASSIGNED: "assigned",
-  DIGITAL: "digital",
-  SCHEDULED: "scheduled"
-}, e = {
-  "magenta-100": "d-recipe-leftbar-general-row__contact-center--magenta-100",
-  "magenta-200": "d-recipe-leftbar-general-row__contact-center--magenta-200",
-  "magenta-300": "d-recipe-leftbar-general-row__contact-center--magenta-300",
-  "magenta-400": "d-recipe-leftbar-general-row__contact-center--magenta-400",
-  "green-200": "d-recipe-leftbar-general-row__contact-center--green-200",
-  "green-500": "d-recipe-leftbar-general-row__contact-center--green-500",
-  "gold-300": "d-recipe-leftbar-general-row__contact-center--gold-300",
-  "purple-100": "d-recipe-leftbar-general-row__contact-center--purple-100",
-  "purple-300": "d-recipe-leftbar-general-row__contact-center--purple-300",
-  "purple-600": "d-recipe-leftbar-general-row__contact-center--purple-600",
-  "black-300": "d-recipe-leftbar-general-row__contact-center--black-300"
-}, r = "If type is contact center, color must be oneof the following:" + Object.keys(e).join(", "), c = [
-  "300",
-  "200"
-], n = {
-  LEFTBAR_GENERAL_ROW_TYPES: t,
-  LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS: e,
-  LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR: r,
-  LEFTBAR_GENERAL_ROW_ICON_SIZES: c
+//#region recipes/leftbar/general_row/general_row_constants.js
+var e = {
+	INBOX: "inbox",
+	CONTACTS: "contacts",
+	CHANNELS: "channels",
+	THREADS: "threads",
+	LAUNCHPAD: "launchpad",
+	LOCKED_CHANNEL: "locked channel",
+	CONTACT_CENTER: "contact center",
+	QUICK_START: "quick start",
+	COACHING_GROUP: "coaching group",
+	COACHING_CENTER: "coaching center",
+	DIALBOT: "dialbot",
+	ASSIGNED: "assigned",
+	DIGITAL: "digital",
+	SCHEDULED: "scheduled"
+}, t = {
+	"magenta-100": "d-recipe-leftbar-general-row__contact-center--magenta-100",
+	"magenta-200": "d-recipe-leftbar-general-row__contact-center--magenta-200",
+	"magenta-300": "d-recipe-leftbar-general-row__contact-center--magenta-300",
+	"magenta-400": "d-recipe-leftbar-general-row__contact-center--magenta-400",
+	"green-200": "d-recipe-leftbar-general-row__contact-center--green-200",
+	"green-500": "d-recipe-leftbar-general-row__contact-center--green-500",
+	"gold-300": "d-recipe-leftbar-general-row__contact-center--gold-300",
+	"purple-100": "d-recipe-leftbar-general-row__contact-center--purple-100",
+	"purple-300": "d-recipe-leftbar-general-row__contact-center--purple-300",
+	"purple-600": "d-recipe-leftbar-general-row__contact-center--purple-600",
+	"black-300": "d-recipe-leftbar-general-row__contact-center--black-300"
+}, n = "If type is contact center, color must be oneof the following:" + Object.keys(t).join(", "), r = ["300", "200"], i = {
+	LEFTBAR_GENERAL_ROW_TYPES: e,
+	LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS: t,
+	LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR: n,
+	LEFTBAR_GENERAL_ROW_ICON_SIZES: r
 };
-export {
-  e as LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS,
-  r as LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR,
-  c as LEFTBAR_GENERAL_ROW_ICON_SIZES,
-  t as LEFTBAR_GENERAL_ROW_TYPES,
-  n as default
-};
-//# sourceMappingURL=general-row-constants.js.map
+//#endregion
+export { t as LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS, n as LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR, r as LEFTBAR_GENERAL_ROW_ICON_SIZES, e as LEFTBAR_GENERAL_ROW_TYPES, i as default };
+
+//# sourceMappingURL=general-row-constants.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"general-row-constants.js","sources":["../../../recipes/leftbar/general_row/general_row_constants.js"],"sourcesContent":["export const LEFTBAR_GENERAL_ROW_TYPES = {\n  INBOX: 'inbox',\n  CONTACTS: 'contacts',\n  CHANNELS: 'channels',\n  THREADS: 'threads',\n  LAUNCHPAD: 'launchpad',\n  LOCKED_CHANNEL: 'locked channel',\n  CONTACT_CENTER: 'contact center',\n  QUICK_START: 'quick start',\n  COACHING_GROUP: 'coaching group',\n  COACHING_CENTER: 'coaching center',\n  DIALBOT: 'dialbot',\n  ASSIGNED: 'assigned',\n  DIGITAL: 'digital',\n  SCHEDULED: 'scheduled',\n};\n\nexport const LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS = {\n  'magenta-100': 'd-recipe-leftbar-general-row__contact-center--magenta-100',\n  'magenta-200': 'd-recipe-leftbar-general-row__contact-center--magenta-200',\n  'magenta-300': 'd-recipe-leftbar-general-row__contact-center--magenta-300',\n  'magenta-400': 'd-recipe-leftbar-general-row__contact-center--magenta-400',\n  'green-200': 'd-recipe-leftbar-general-row__contact-center--green-200',\n  'green-500': 'd-recipe-leftbar-general-row__contact-center--green-500',\n  'gold-300': 'd-recipe-leftbar-general-row__contact-center--gold-300',\n  'purple-100': 'd-recipe-leftbar-general-row__contact-center--purple-100',\n  'purple-300': 'd-recipe-leftbar-general-row__contact-center--purple-300',\n  'purple-600': 'd-recipe-leftbar-general-row__contact-center--purple-600',\n  'black-300': 'd-recipe-leftbar-general-row__contact-center--black-300',\n};\n\nexport const LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR = 'If type is contact center, color must be one' +\n    'of the following:' + Object.keys(LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS).join(', ');\n\nexport const LEFTBAR_GENERAL_ROW_ICON_SIZES = [\n  '300',\n  '200',\n];\n\nexport default {\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};\n"],"names":["LEFTBAR_GENERAL_ROW_TYPES","LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS","LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR","LEFTBAR_GENERAL_ROW_ICON_SIZES","general_row_constants"],"mappings":"AAAY,MAACA,IAA4B;AAAA,EACvC,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS;AAAA,EACT,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,UAAU;AAAA,EACV,SAAS;AAAA,EACT,WAAW;AACb,GAEaC,IAA4C;AAAA,EACvD,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AAAA,EACf,aAAa;AAAA,EACb,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,aAAa;AACf,GAEaC,IAAsD,kEACzC,OAAO,KAAKD,CAAyC,EAAE,KAAK,IAAI,GAE7EE,IAAiC;AAAA,EAC5C;AAAA,EACA;AACF,GAEAC,IAAe;AAAA,EACb,2BAAAJ;AAAA,EACA,2CAAAC;AAAA,EACA,qDAAAC;AAAA,EACA,gCAAAC;AACF;"}
+{"version":3,"file":"general-row-constants.js","names":[],"sources":["../../../recipes/leftbar/general_row/general_row_constants.js"],"sourcesContent":["export const LEFTBAR_GENERAL_ROW_TYPES = {\n  INBOX: 'inbox',\n  CONTACTS: 'contacts',\n  CHANNELS: 'channels',\n  THREADS: 'threads',\n  LAUNCHPAD: 'launchpad',\n  LOCKED_CHANNEL: 'locked channel',\n  CONTACT_CENTER: 'contact center',\n  QUICK_START: 'quick start',\n  COACHING_GROUP: 'coaching group',\n  COACHING_CENTER: 'coaching center',\n  DIALBOT: 'dialbot',\n  ASSIGNED: 'assigned',\n  DIGITAL: 'digital',\n  SCHEDULED: 'scheduled',\n};\n\nexport const LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS = {\n  'magenta-100': 'd-recipe-leftbar-general-row__contact-center--magenta-100',\n  'magenta-200': 'd-recipe-leftbar-general-row__contact-center--magenta-200',\n  'magenta-300': 'd-recipe-leftbar-general-row__contact-center--magenta-300',\n  'magenta-400': 'd-recipe-leftbar-general-row__contact-center--magenta-400',\n  'green-200': 'd-recipe-leftbar-general-row__contact-center--green-200',\n  'green-500': 'd-recipe-leftbar-general-row__contact-center--green-500',\n  'gold-300': 'd-recipe-leftbar-general-row__contact-center--gold-300',\n  'purple-100': 'd-recipe-leftbar-general-row__contact-center--purple-100',\n  'purple-300': 'd-recipe-leftbar-general-row__contact-center--purple-300',\n  'purple-600': 'd-recipe-leftbar-general-row__contact-center--purple-600',\n  'black-300': 'd-recipe-leftbar-general-row__contact-center--black-300',\n};\n\nexport const LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR = 'If type is contact center, color must be one' +\n    'of the following:' + Object.keys(LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS).join(', ');\n\nexport const LEFTBAR_GENERAL_ROW_ICON_SIZES = [\n  '300',\n  '200',\n];\n\nexport default {\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};\n"],"mappings":";AAAA,IAAa,IAA4B;CACvC,OAAO;CACP,UAAU;CACV,UAAU;CACV,SAAS;CACT,WAAW;CACX,gBAAgB;CAChB,gBAAgB;CAChB,aAAa;CACb,gBAAgB;CAChB,iBAAiB;CACjB,SAAS;CACT,UAAU;CACV,SAAS;CACT,WAAW;CACZ,EAEY,IAA4C;CACvD,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,aAAa;CACb,aAAa;CACb,YAAY;CACZ,cAAc;CACd,cAAc;CACd,cAAc;CACd,aAAa;CACd,EAEY,IAAsD,kEACzC,OAAO,KAAK,EAA0C,CAAC,KAAK,KAAK,EAE9E,IAAiC,CAC5C,OACA,MACD,EAED,IAAe;CACb;CACA;CACA;CACA;CACD"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./general-row-constants.cjs"),a=require("@dialpad/dialtone-icons/vue"),R=require("./leftbar-general-row-icon.cjs"),l=require("../../common/utils/index.cjs"),f=require("../../localization/index.cjs"),e=require("vue"),A=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),N=require("../avatar/avatar.cjs"),L=require("../tooltip/tooltip.cjs"),y=require("../button/button.cjs"),w=require("../badge/badge.cjs"),O=require("../emoji-text-wrapper/emoji-text-wrapper.cjs"),S=new Map([[n.LEFTBAR_GENERAL_ROW_TYPES.INBOX,a.DtIconInbox],[n.LEFTBAR_GENERAL_ROW_TYPES.CONTACTS,a.DtIconContacts],[n.LEFTBAR_GENERAL_ROW_TYPES.CHANNELS,a.DtIconHash],[n.LEFTBAR_GENERAL_ROW_TYPES.THREADS,a.DtIconThread],[n.LEFTBAR_GENERAL_ROW_TYPES.LAUNCHPAD,a.DtIconLayoutTemplate],[n.LEFTBAR_GENERAL_ROW_TYPES.LOCKED_CHANNEL,a.DtIconLock],[n.LEFTBAR_GENERAL_ROW_TYPES.QUICK_START,a.DtIconSparkle],[n.LEFTBAR_GENERAL_ROW_TYPES.COACHING_GROUP,a.DtIconUsers],[n.LEFTBAR_GENERAL_ROW_TYPES.COACHING_CENTER,a.DtIconExternalLink],["locked channel unread",a.DtIconLockFilled],["channel unread",a.DtIconHashBold],[n.LEFTBAR_GENERAL_ROW_TYPES.ASSIGNED,a.DtIconAtSign],[n.LEFTBAR_GENERAL_ROW_TYPES.DIGITAL,a.DtIconLaptop2],[n.LEFTBAR_GENERAL_ROW_TYPES.SCHEDULED,a.DtIconCalendarClock]]),B={compatConfig:{MODE:3},name:"DtRecipeGeneralRow",components:{DtEmojiTextWrapper:O.default,DtBadge:w.default,DtButton:y.default,DtTooltip:L.default,DtIconPhone:a.DtIconPhone,DtIconWaveform:a.DtIconWaveform,DtIconDialbot:a.DtIconDialbot,DtAvatar:N.default,DtRecipeLeftbarGeneralRowIcon:R.default},inheritAttrs:!1,props:{type:{type:String,default:"inbox",validator:o=>Object.values(n.LEFTBAR_GENERAL_ROW_TYPES).includes(o)},ariaLabel:{type:String,default:""},description:{type:String,required:!0},color:{type:String,default:null,validator:o=>Object.keys(n.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS).includes(o)},channelSetting:{type:String,default:null},hasUnreads:{type:Boolean,default:!1},unreadCount:{type:String,default:null},unreadMentionCount:{type:String,default:null},selected:{type:Boolean,default:!1},muted:{type:Boolean,default:!1},activeVoiceChat:{type:Boolean,default:!1},dndText:{type:String,default:""},hasCallButton:{type:Boolean,default:!1},isTyping:{type:Boolean,default:!1},iconSize:{type:String,default:"300",validator:o=>n.LEFTBAR_GENERAL_ROW_ICON_SIZES.includes(o)}},emits:["call"],data(){return{actionFocused:!1,labelWidth:"100%",i18n:new f.DialtoneLocalization}},computed:{leftbarGeneralRowClasses(){return["d-recipe-leftbar-row",{"d-recipe-leftbar-row--no-action":!this.hasCallButton,"d-recipe-leftbar-row--has-unread":this.hasUnreads,"d-recipe-leftbar-row__unread-count":this.showUnreadCount||this.showUnreadMentionCount,"d-recipe-leftbar-row--selected":this.selected,"d-recipe-leftbar-row--muted":this.muted,"d-recipe-leftbar-row--action-focused":this.actionFocused}]},getIcon(){switch(this.type){case n.LEFTBAR_GENERAL_ROW_TYPES.CHANNELS:if(this.hasUnreads)return"channel unread";break;case n.LEFTBAR_GENERAL_ROW_TYPES.LOCKED_CHANNEL:if(this.hasUnreads)return"locked channel unread";break}return this.type},getIconComponent(){return S.get(this.getIcon)},isDialbotType(){return this.type===n.LEFTBAR_GENERAL_ROW_TYPES.DIALBOT},isContactCenterType(){return this.type===n.LEFTBAR_GENERAL_ROW_TYPES.CONTACT_CENTER},contactCenterIconClasses(){return["d-recipe-leftbar-row__icon-cc",n.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS[this.color]]},avatarSize(){return this.iconSize},generalRowListeners(){return l.extractVueListeners(this.$attrs)},getAriaLabel(){return this.ariaLabel?this.ariaLabel:l.safeConcatStrings([this.typingTooltip,this.description,this.unreadCountTooltip,this.dndTextTooltip,this.activeVoiceChatTooltip])},hasActions(){return this.dndText||this.activeVoiceChat||this.showUnreadCount||this.hasCallButton||this.showUnreadMentionCount},showUnreadCount(){return!!this.unreadCount&&this.hasUnreads},showUnreadMentionCount(){return!!this.unreadMentionCount&&this.hasUnreads},hasUnreadCount(){return this.unreadCount!==null},hasUnreadMentionCount(){return this.unreadMentionCount!==null},shouldApplyCustomStyleForCountBadge(){return this.hasUnreadCount&&this.hasUnreadMentionCount},shouldApplyCustomStyleForMentionOnly(){return this.channelSetting==="always"&&!this.hasUnreadCount&&this.hasUnreadMentionCount},messageCount(){return isNaN(this.unreadCount)?this.unreadCount:Number(this.unreadCount)},mentionCount(){return isNaN(this.unreadMentionCount)?this.unreadMentionCount:Number(this.unreadMentionCount)},unreadCountTooltip(){return l.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})])},dndTextTooltip(){return this.dndText&&this.i18n.$t("DIALTONE_GENERAL_ROW_DND_TEXT_TOOLTIP")},activeVoiceChatTooltip(){return this.activeVoiceChat&&this.i18n.$t("DIALTONE_GENERAL_ROW_ACTIVE_VOICE_CHAT_TEXT")},callButtonTooltip(){return this.i18n.$t("DIALTONE_GENERAL_ROW_CALL_BUTTON_TOOLTIP")},typingTooltip(){return this.isTyping&&this.i18n.$t("DIALTONE_TYPING_TEXT")}},watch:{$props:{immediate:!0,deep:!0,async handler(){this.validateProps(),await this.$nextTick(),this.adjustLabelWidth()}}},mounted(){this.resizeObserver=new ResizeObserver(this.adjustLabelWidth),this.resizeObserver.observe(l.returnFirstEl(this.$el)),this.adjustLabelWidth()},beforeUnmount:function(){this.resizeObserver.disconnect()},methods:{removeClassStyleAttrs:l.removeClassStyleAttrs,addClassStyleAttrs:l.addClassStyleAttrs,validateProps(){this.type===n.LEFTBAR_GENERAL_ROW_TYPES.CONTACT_CENTER&&!Object.keys(n.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS).includes(this.color)&&console.error(n.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR)},adjustLabelWidth(){var s,t,u,_,h,d;const o=((t=(s=l.returnFirstEl(this.$el))==null?void 0:s.querySelector(".d-recipe-leftbar-row__primary"))==null?void 0:t.clientWidth)||0,i=((_=(u=l.returnFirstEl(this.$el))==null?void 0:u.querySelector(".d-recipe-leftbar-row__omega"))==null?void 0:_.clientWidth)||0,r=((d=(h=l.returnFirstEl(this.$el))==null?void 0:h.querySelector(".d-recipe-leftbar-row__alpha"))==null?void 0:d.clientWidth)||0,p=16;this.labelWidth=o-(i+r+p)+"px"}}},g=["data-qa","aria-label","title","href"],v={class:"d-recipe-leftbar-row__alpha"},D={key:0,class:"d-recipe-leftbar-row__is-typing"},k={key:0,class:"d-recipe-leftbar-general-row__icon","data-qa":"dt-recipe-leftbar-row-icon"},I={key:2,"data-qa":"dt-recipe-leftbar-row-icon"},W={key:0,class:"d-recipe-leftbar-row__omega"},F={key:1,class:"d-recipe-leftbar-row__active-voice"},G={key:3,class:"d-recipe-leftbar-row__action","data-qa":"dt-recipe-leftbar-row-action"};function V(o,i,r,p,s,t){const u=e.resolveComponent("dt-icon-dialbot"),_=e.resolveComponent("dt-avatar"),h=e.resolveComponent("dt-emoji-text-wrapper"),d=e.resolveComponent("dt-tooltip"),T=e.resolveComponent("dt-icon-waveform"),E=e.resolveComponent("dt-badge"),m=e.resolveComponent("dt-icon-phone"),b=e.resolveComponent("dt-button"),C=e.resolveDirective("dt-tooltip");return e.openBlock(),e.createElementBlock("div",e.mergeProps({class:t.leftbarGeneralRowClasses},t.addClassStyleAttrs(o.$attrs),{"data-qa":"dt-recipe-leftbar-row"}),[e.createElementVNode("a",e.mergeProps({class:"d-recipe-leftbar-row__primary","data-qa":"data-qa"in o.$attrs?o.$attrs["data-qa"]:"d-recipe-leftbar-row-link","aria-label":t.getAriaLabel,title:r.description,href:"href"in o.$attrs?o.$attrs.href:"javascript:void(0)"},t.removeClassStyleAttrs(o.$attrs),e.toHandlers(t.generalRowListeners,!0)),[e.createElementVNode("div",v,[r.isTyping?e.withDirectives((e.openBlock(),e.createElementBlock("div",D,[...i[3]||(i[3]=[e.createElementVNode("span",null,null,-1),e.createElementVNode("span",null,null,-1),e.createElementVNode("span",null,null,-1)])])),[[C,t.typingTooltip]]):o.$slots.start?e.renderSlot(o.$slots,"start",{key:1}):o.$slots.left?e.renderSlot(o.$slots,"left",{key:2}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[t.isDialbotType?(e.openBlock(),e.createElementBlock("div",k,[e.createVNode(u,{size:"500"})])):t.isContactCenterType?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(t.contactCenterIconClasses),"data-qa":"dt-recipe-leftbar-row-icon"},null,2)):(e.openBlock(),e.createElementBlock("div",I,[e.createVNode(_,{"icon-only":"",size:t.avatarSize},{icon:e.withCtx(({iconSize:c})=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.getIconComponent),{size:c},null,8,["size"]))]),_:1},8,["size"])]))],64))]),e.createElementVNode("div",{class:"d-recipe-leftbar-row__label",style:e.normalizeStyle(`flex-basis: ${s.labelWidth}`)},[e.renderSlot(o.$slots,"label",{},()=>[e.createVNode(h,{class:"d-recipe-leftbar-row__description","data-qa":"dt-recipe-leftbar-row-description",size:"200"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.description),1)]),_:1})])],4)],16,g),t.hasActions?(e.openBlock(),e.createElementBlock("div",W,[r.dndText?(e.openBlock(),e.createBlock(d,{key:0,placement:"top",message:t.dndTextTooltip},{anchor:e.withCtx(()=>[e.createElementVNode("div",{ref:"d-recipe-leftbar-row-dnd",class:"d-recipe-leftbar-row__dnd","data-qa":"dt-recipe-leftbar-row-dnd"},e.toDisplayString(r.dndText),513)]),_:1},8,["message"])):e.createCommentVNode("",!0),r.activeVoiceChat?e.withDirectives((e.openBlock(),e.createElementBlock("div",F,[e.createVNode(T,{size:"300"})])),[[C,t.activeVoiceChatTooltip]]):t.showUnreadCount||t.showUnreadMentionCount?(e.openBlock(),e.createBlock(d,{key:2,message:t.unreadCountTooltip,placement:"top"},{anchor:e.withCtx(()=>[t.showUnreadCount?(e.openBlock(),e.createBlock(E,{key:0,kind:"count",type:"bulletin","data-qa":"dt-recipe-leftbar-row-unread-badge",class:e.normalizeClass(["d-recipe-leftbar-row__unread-badge",{"d-recipe-leftbar-row__unread-count-badge":t.shouldApplyCustomStyleForCountBadge}])},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.unreadCount),1)]),_:1},8,["class"])):e.createCommentVNode("",!0),t.showUnreadMentionCount?(e.openBlock(),e.createBlock(E,{key:1,kind:"count",type:"bulletin","data-qa":"dt-recipe-leftbar-row-unread-mention-badge",class:e.normalizeClass(["d-recipe-leftbar-row__unread-badge",{"d-recipe-leftbar-row__unread-mention-count-badge":t.shouldApplyCustomStyleForCountBadge},{"d-recipe-leftbar-row__unread-mention-only-count-badge":t.shouldApplyCustomStyleForMentionOnly}])},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.unreadMentionCount),1)]),_:1},8,["class"])):e.createCommentVNode("",!0)]),_:1},8,["message"])):e.createCommentVNode("",!0),r.hasCallButton?(e.openBlock(),e.createElementBlock("div",G,[e.createVNode(d,{message:t.callButtonTooltip,placement:"top"},{anchor:e.withCtx(()=>[e.createVNode(b,{class:"d-recipe-leftbar-row__action-button","data-qa":"dt-recipe-leftbar-row-action-call-button",circle:"",size:100,kind:"inverted","aria-label":t.callButtonTooltip,onFocus:i[0]||(i[0]=c=>s.actionFocused=!0),onBlur:i[1]||(i[1]=c=>s.actionFocused=!1),onClick:i[2]||(i[2]=e.withModifiers(c=>o.$emit("call",c),["stop"]))},{icon:e.withCtx(()=>[e.createVNode(m,{size:"200"})]),_:1},8,["aria-label"])]),_:1},8,["message"])])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],16)}const U=A._(B,[["render",V]]);exports.default=U;
-//# sourceMappingURL=general-row.cjs.map
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/utils/index.cjs`),t=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),n=require(`../badge/badge.cjs`),r=require(`../../localization/index.cjs`),i=require(`../button/button.cjs`),a=require(`../tooltip/tooltip.cjs`),o=require(`../emoji-text-wrapper/emoji-text-wrapper.cjs`),s=require(`./general-row-constants.cjs`),c=require(`./leftbar-general-row-icon.cjs`);let l=require(`vue`),u=require(`@dialpad/dialtone-icons/vue3`);var d={compatConfig:{MODE:3},name:`DtRecipeGeneralRow`,components:{DtEmojiTextWrapper:o.default,DtBadge:n.default,DtButton:i.default,DtTooltip:a.default,DtIconPhone:u.DtIconPhone,DtIconWaveform:u.DtIconWaveform,DtRecipeLeftbarGeneralRowIcon:c.default},inheritAttrs:!1,props:{type:{type:String,default:`inbox`,validator:e=>Object.values(s.LEFTBAR_GENERAL_ROW_TYPES).includes(e)},ariaLabel:{type:String,default:``},description:{type:String,required:!0},color:{type:String,default:null,validator:e=>Object.keys(s.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS).includes(e)},channelSetting:{type:String,default:null},hasUnreads:{type:Boolean,default:!1},unreadCount:{type:String,default:null},unreadMentionCount:{type:String,default:null},selected:{type:Boolean,default:!1},muted:{type:Boolean,default:!1},activeVoiceChat:{type:Boolean,default:!1},dndText:{type:String,default:``},hasCallButton:{type:Boolean,default:!1},isTyping:{type:Boolean,default:!1},iconSize:{type:String,default:`300`,validator:e=>s.LEFTBAR_GENERAL_ROW_ICON_SIZES.includes(e)}},emits:[`call`],data(){return{actionFocused:!1,labelWidth:`100%`,i18n:new r.DialtoneLocalization}},computed:{leftbarGeneralRowClasses(){return[`d-recipe-leftbar-row`,{"d-recipe-leftbar-row--no-action":!this.hasCallButton,"d-recipe-leftbar-row--has-unread":this.hasUnreads,"d-recipe-leftbar-row__unread-count":this.showUnreadCount||this.showUnreadMentionCount,"d-recipe-leftbar-row--selected":this.selected,"d-recipe-leftbar-row--muted":this.muted,"d-recipe-leftbar-row--action-focused":this.actionFocused}]},getIcon(){switch(this.type){case s.LEFTBAR_GENERAL_ROW_TYPES.CHANNELS:if(this.hasUnreads)return`channel unread`;break;case s.LEFTBAR_GENERAL_ROW_TYPES.LOCKED_CHANNEL:if(this.hasUnreads)return`locked channel unread`;break}return this.type},generalRowListeners(){return e.extractVueListeners(this.$attrs)},getAriaLabel(){return this.ariaLabel?this.ariaLabel:e.safeConcatStrings([this.typingTooltip,this.description,this.unreadCountTooltip,this.dndTextTooltip,this.activeVoiceChatTooltip])},hasActions(){return this.dndText||this.activeVoiceChat||this.showUnreadCount||this.hasCallButton||this.showUnreadMentionCount},showUnreadCount(){return!!this.unreadCount&&this.hasUnreads},showUnreadMentionCount(){return!!this.unreadMentionCount&&this.hasUnreads},hasUnreadCount(){return this.unreadCount!==null},hasUnreadMentionCount(){return this.unreadMentionCount!==null},shouldApplyCustomStyleForCountBadge(){return this.hasUnreadCount&&this.hasUnreadMentionCount},shouldApplyCustomStyleForMentionOnly(){return this.channelSetting===`always`&&!this.hasUnreadCount&&this.hasUnreadMentionCount},messageCount(){return isNaN(this.unreadCount)?this.unreadCount:Number(this.unreadCount)},mentionCount(){return isNaN(this.unreadMentionCount)?this.unreadMentionCount:Number(this.unreadMentionCount)},unreadCountTooltip(){return e.safeConcatStrings([this.unreadCount&&this.i18n.$t(`DIALTONE_UNREAD_MESSAGE_COUNT_TEXT`,{unreadCount:this.messageCount}),this.unreadMentionCount&&this.i18n.$t(`DIALTONE_UNREAD_MENTION_COUNT_TEXT`,{unreadCount:this.mentionCount})])},dndTextTooltip(){return this.dndText&&this.i18n.$t(`DIALTONE_GENERAL_ROW_DND_TEXT_TOOLTIP`)},activeVoiceChatTooltip(){return this.activeVoiceChat&&this.i18n.$t(`DIALTONE_GENERAL_ROW_ACTIVE_VOICE_CHAT_TEXT`)},callButtonTooltip(){return this.i18n.$t(`DIALTONE_GENERAL_ROW_CALL_BUTTON_TOOLTIP`)},typingTooltip(){return this.isTyping&&this.i18n.$t(`DIALTONE_TYPING_TEXT`)}},watch:{$props:{immediate:!0,deep:!0,async handler(){this.validateProps(),await this.$nextTick(),this.adjustLabelWidth()}}},mounted(){this.resizeObserver=new ResizeObserver(this.adjustLabelWidth),this.resizeObserver.observe(e.returnFirstEl(this.$el)),this.adjustLabelWidth()},beforeUnmount:function(){this.resizeObserver.disconnect()},methods:{removeClassStyleAttrs:e.removeClassStyleAttrs,addClassStyleAttrs:e.addClassStyleAttrs,validateProps(){this.type===s.LEFTBAR_GENERAL_ROW_TYPES.CONTACT_CENTER&&!Object.keys(s.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS).includes(this.color)&&console.error(s.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR)},adjustLabelWidth(){this.labelWidth=(e.returnFirstEl(this.$el)?.querySelector(`.d-recipe-leftbar-row__primary`)?.clientWidth||0)-((e.returnFirstEl(this.$el)?.querySelector(`.d-recipe-leftbar-row__omega`)?.clientWidth||0)+(e.returnFirstEl(this.$el)?.querySelector(`.d-recipe-leftbar-row__alpha`)?.clientWidth||0)+16)+`px`}}},f=[`data-qa`,`aria-label`,`title`,`href`],p={class:`d-recipe-leftbar-row__alpha`},m={key:0,class:`d-recipe-leftbar-row__is-typing`},h={key:0,class:`d-recipe-leftbar-row__omega`},g={key:1,class:`d-recipe-leftbar-row__active-voice`},_={key:3,class:`d-recipe-leftbar-row__action`,"data-qa":`dt-recipe-leftbar-row-action`};function v(e,t,n,r,i,a){let o=(0,l.resolveComponent)(`dt-recipe-leftbar-general-row-icon`),s=(0,l.resolveComponent)(`dt-emoji-text-wrapper`),c=(0,l.resolveComponent)(`dt-tooltip`),u=(0,l.resolveComponent)(`dt-icon-waveform`),d=(0,l.resolveComponent)(`dt-badge`),v=(0,l.resolveComponent)(`dt-icon-phone`),y=(0,l.resolveComponent)(`dt-button`),b=(0,l.resolveDirective)(`dt-tooltip`);return(0,l.openBlock)(),(0,l.createElementBlock)(`div`,(0,l.mergeProps)({class:a.leftbarGeneralRowClasses},a.addClassStyleAttrs(e.$attrs),{"data-qa":`dt-recipe-leftbar-row`}),[(0,l.createElementVNode)(`a`,(0,l.mergeProps)({class:`d-recipe-leftbar-row__primary`,"data-qa":`data-qa`in e.$attrs?e.$attrs[`data-qa`]:`d-recipe-leftbar-row-link`,"aria-label":a.getAriaLabel,title:n.description,href:`href`in e.$attrs?e.$attrs.href:`javascript:void(0)`},a.removeClassStyleAttrs(e.$attrs),(0,l.toHandlers)(a.generalRowListeners,!0)),[(0,l.createElementVNode)(`div`,p,[n.isTyping?(0,l.withDirectives)(((0,l.openBlock)(),(0,l.createElementBlock)(`div`,m,[...t[3]||(t[3]=[(0,l.createElementVNode)(`span`,null,null,-1),(0,l.createElementVNode)(`span`,null,null,-1),(0,l.createElementVNode)(`span`,null,null,-1)])])),[[b,a.typingTooltip]]):(0,l.renderSlot)(e.$slots,`left`,{key:1},()=>[(0,l.createVNode)(o,{type:a.getIcon,color:n.color,"icon-size":n.iconSize,"data-qa":`dt-recipe-leftbar-row-icon`},null,8,[`type`,`color`,`icon-size`])])]),(0,l.createElementVNode)(`div`,{class:`d-recipe-leftbar-row__label`,style:(0,l.normalizeStyle)(`flex-basis: ${i.labelWidth}`)},[(0,l.renderSlot)(e.$slots,`label`,{},()=>[(0,l.createVNode)(s,{class:`d-recipe-leftbar-row__description`,"data-qa":`dt-recipe-leftbar-row-description`,size:`200`},{default:(0,l.withCtx)(()=>[(0,l.createTextVNode)((0,l.toDisplayString)(n.description),1)]),_:1})])],4)],16,f),a.hasActions?((0,l.openBlock)(),(0,l.createElementBlock)(`div`,h,[n.dndText?((0,l.openBlock)(),(0,l.createBlock)(c,{key:0,placement:`top`,message:a.dndTextTooltip},{anchor:(0,l.withCtx)(()=>[(0,l.createElementVNode)(`div`,{ref:`d-recipe-leftbar-row-dnd`,class:`d-recipe-leftbar-row__dnd`,"data-qa":`dt-recipe-leftbar-row-dnd`},(0,l.toDisplayString)(n.dndText),513)]),_:1},8,[`message`])):(0,l.createCommentVNode)(``,!0),n.activeVoiceChat?(0,l.withDirectives)(((0,l.openBlock)(),(0,l.createElementBlock)(`div`,g,[(0,l.createVNode)(u,{size:`300`})])),[[b,a.activeVoiceChatTooltip]]):a.showUnreadCount||a.showUnreadMentionCount?((0,l.openBlock)(),(0,l.createBlock)(c,{key:2,message:a.unreadCountTooltip,placement:`top`},{anchor:(0,l.withCtx)(()=>[a.showUnreadCount?((0,l.openBlock)(),(0,l.createBlock)(d,{key:0,kind:`count`,type:`bulletin`,"data-qa":`dt-recipe-leftbar-row-unread-badge`,class:(0,l.normalizeClass)([`d-recipe-leftbar-row__unread-badge`,{"d-recipe-leftbar-row__unread-count-badge":a.shouldApplyCustomStyleForCountBadge}])},{default:(0,l.withCtx)(()=>[(0,l.createTextVNode)((0,l.toDisplayString)(n.unreadCount),1)]),_:1},8,[`class`])):(0,l.createCommentVNode)(``,!0),a.showUnreadMentionCount?((0,l.openBlock)(),(0,l.createBlock)(d,{key:1,kind:`count`,type:`bulletin`,"data-qa":`dt-recipe-leftbar-row-unread-mention-badge`,class:(0,l.normalizeClass)([`d-recipe-leftbar-row__unread-badge`,{"d-recipe-leftbar-row__unread-mention-count-badge":a.shouldApplyCustomStyleForCountBadge},{"d-recipe-leftbar-row__unread-mention-only-count-badge":a.shouldApplyCustomStyleForMentionOnly}])},{default:(0,l.withCtx)(()=>[(0,l.createTextVNode)((0,l.toDisplayString)(n.unreadMentionCount),1)]),_:1},8,[`class`])):(0,l.createCommentVNode)(``,!0)]),_:1},8,[`message`])):(0,l.createCommentVNode)(``,!0),n.hasCallButton?((0,l.openBlock)(),(0,l.createElementBlock)(`div`,_,[(0,l.createVNode)(c,{message:a.callButtonTooltip,placement:`top`},{anchor:(0,l.withCtx)(()=>[(0,l.createVNode)(y,{class:`d-recipe-leftbar-row__action-button`,"data-qa":`dt-recipe-leftbar-row-action-call-button`,circle:``,size:`xs`,kind:`inverted`,"aria-label":a.callButtonTooltip,onFocus:t[0]||(t[0]=e=>i.actionFocused=!0),onBlur:t[1]||(t[1]=e=>i.actionFocused=!1),onClick:t[2]||(t[2]=(0,l.withModifiers)(t=>e.$emit(`call`,t),[`stop`]))},{icon:(0,l.withCtx)(()=>[(0,l.createVNode)(v,{size:`200`})]),_:1},8,[`aria-label`])]),_:1},8,[`message`])])):(0,l.createCommentVNode)(``,!0)])):(0,l.createCommentVNode)(``,!0)],16)}var y=t.t(d,[[`render`,v]]);exports.default=y;
+//# sourceMappingURL=general-row.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"general-row.cjs","sources":["../../../recipes/leftbar/general_row/general_row.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"leftbarGeneralRowClasses\"\n    v-bind=\"addClassStyleAttrs($attrs)\"\n    data-qa=\"dt-recipe-leftbar-row\"\n  >\n    <a\n      class=\"d-recipe-leftbar-row__primary\"\n      :data-qa=\"'data-qa' in $attrs ? $attrs['data-qa'] : 'd-recipe-leftbar-row-link'\"\n      :aria-label=\"getAriaLabel\"\n      :title=\"description\"\n      :href=\"'href' in $attrs ? $attrs.href : 'javascript:void(0)'\"\n      v-bind=\"removeClassStyleAttrs($attrs)\"\n      v-on=\"generalRowListeners\"\n    >\n      <div\n        class=\"d-recipe-leftbar-row__alpha\"\n      >\n        <div\n          v-if=\"isTyping\"\n          v-dt-tooltip=\"typingTooltip\"\n          class=\"d-recipe-leftbar-row__is-typing\"\n        >\n          <span /><span /><span />\n        </div>\n        <!-- @slot 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","omegaWidth","alphaWidth","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":"ilBAiNMA,EAAe,IAAI,IAAI,CAC3B,CAACC,EAAAA,0BAA0B,MAAOC,aAAW,EAC7C,CAACD,EAAAA,0BAA0B,SAAUE,gBAAc,EACnD,CAACF,EAAAA,0BAA0B,SAAUG,YAAU,EAC/C,CAACH,EAAAA,0BAA0B,QAASI,cAAY,EAChD,CAACJ,EAAAA,0BAA0B,UAAWK,sBAAoB,EAC1D,CAACL,EAAAA,0BAA0B,eAAgBM,YAAU,EACrD,CAACN,EAAAA,0BAA0B,YAAaO,eAAa,EACrD,CAACP,EAAAA,0BAA0B,eAAgBQ,aAAW,EACtD,CAACR,EAAAA,0BAA0B,gBAAiBS,oBAAkB,EAC9D,CAAC,wBAAyBC,EAAAA,gBAAgB,EAC1C,CAAC,iBAAkBC,EAAAA,cAAc,EACjC,CAACX,EAAAA,0BAA0B,SAAUY,cAAY,EACjD,CAACZ,EAAAA,0BAA0B,QAASa,eAAa,EACjD,CAACb,EAAAA,0BAA0B,UAAWc,qBAAmB,CAC3D,CAAC,EAEIC,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,qBAEN,WAAY,CACV,mBAAAC,EAAAA,QACA,QAAAC,EAAAA,QACA,SAAAC,EAAAA,QACA,UAAAC,EAAAA,oBACAC,EAAAA,YACA,eAAAC,EAAAA,6BACAC,EAAAA,cACA,SAAAC,EAAAA,sCACAC,EAAAA,SAGF,aAAc,GAEd,MAAO,CAKL,KAAM,CACJ,KAAM,OACN,QAAS,QACT,UAAYC,GACH,OAAO,OAAOzB,EAAAA,yBAAyB,EAAE,SAASyB,CAAI,GAOjE,UAAW,CACT,KAAM,OACN,QAAS,IAOX,YAAa,CACX,KAAM,OACN,SAAU,IAMZ,MAAO,CACL,KAAM,OACN,QAAS,KACT,UAAYC,GACH,OAAO,KAAKC,EAAAA,yCAAyC,EAAE,SAASD,CAAK,GAQhF,eAAgB,CACd,KAAM,OACN,QAAS,MAOX,WAAY,CACV,KAAM,QACN,QAAS,IAMX,YAAa,CACX,KAAM,OACN,QAAS,MAMX,mBAAoB,CAClB,KAAM,OACN,QAAS,MAMX,SAAU,CACR,KAAM,QACN,QAAS,IAMX,MAAO,CACL,KAAM,QACN,QAAS,IAMX,gBAAiB,CACf,KAAM,QACN,QAAS,IAOX,QAAS,CACP,KAAM,OACN,QAAS,IAMX,cAAe,CACb,KAAM,QACN,QAAS,IAMX,SAAU,CACR,KAAM,QACN,QAAS,IAMX,SAAU,CACR,KAAM,OACN,QAAS,MACT,UAAYE,GACHC,EAAAA,+BAA+B,SAASD,CAAI,IAKzD,MAAO,CAOL,QAGF,MAAQ,CACN,MAAO,CACL,cAAe,GACf,WAAY,OACZ,KAAM,IAAIE,EAAAA,qBAEd,EAEA,SAAU,CACR,0BAA4B,CAC1B,MAAO,CACL,uBACA,CACE,kCAAmC,CAAC,KAAK,cACzC,mCAAoC,KAAK,WACzC,qCAAsC,KAAK,iBAAmB,KAAK,uBACnE,iCAAkC,KAAK,SACvC,8BAA+B,KAAK,MACpC,uCAAwC,KAAK,eAGnD,EAEA,SAAW,CACT,OAAQ,KAAK,KAAI,CACf,KAAK9B,EAAAA,0BAA0B,SAC7B,GAAI,KAAK,WAAY,MAAO,iBAC5B,MACF,KAAKA,EAAAA,0BAA0B,eAC7B,GAAI,KAAK,WAAY,MAAO,wBAC5B,KACJ,CACA,OAAO,KAAK,IACd,EAEA,kBAAoB,CAClB,OAAOD,EAAa,IAAI,KAAK,OAAO,CACtC,EAEA,eAAiB,CACf,OAAO,KAAK,OAASC,EAAAA,0BAA0B,OACjD,EAEA,qBAAuB,CACrB,OAAO,KAAK,OAASA,EAAAA,0BAA0B,cACjD,EAEA,0BAA4B,CAC1B,MAAO,CACL,gCACA2B,EAAAA,0CAA0C,KAAK,KAAK,EAExD,EAEA,YAAc,CAIZ,OAAO,KAAK,QACd,EAEA,qBAAuB,CACrB,OAAOI,EAAAA,oBAAoB,KAAK,MAAM,CACxC,EAEA,cAAgB,CACd,OAAI,KAAK,UAAkB,KAAK,UAEzBC,oBAAkB,CACvB,KAAK,cACL,KAAK,YACL,KAAK,mBACL,KAAK,eACL,KAAK,sBACP,CAAC,CACH,EAEA,YAAc,CACZ,OAAO,KAAK,SAAW,KAAK,iBAAmB,KAAK,iBAAmB,KAAK,eAC1E,KAAK,sBACT,EAEA,iBAAmB,CACjB,MAAO,CAAC,CAAC,KAAK,aAAe,KAAK,UACpC,EAEA,wBAA0B,CACxB,MAAO,CAAC,CAAC,KAAK,oBAAsB,KAAK,UAC3C,EAEA,gBAAkB,CAChB,OAAO,KAAK,cAAgB,IAC9B,EAEA,uBAAyB,CACvB,OAAO,KAAK,qBAAuB,IACrC,EAEA,qCAAuC,CACrC,OAAO,KAAK,gBAAkB,KAAK,qBACrC,EAOA,sCAAwC,CACtC,OAAO,KAAK,iBAAmB,UAAY,CAAC,KAAK,gBAAkB,KAAK,qBAC1E,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,OAAOA,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,gBAAkB,CAChB,OAAO,KAAK,SAAW,KAAK,KAAK,GAAG,uCAAuC,CAC7E,EAEA,wBAA0B,CACxB,OAAO,KAAK,iBAAmB,KAAK,KAAK,GAAG,6CAA6C,CAC3F,EAEA,mBAAqB,CACnB,OAAO,KAAK,KAAK,GAAG,0CAA0C,CAChE,EAEA,eAAiB,CACf,OAAO,KAAK,UAAY,KAAK,KAAK,GAAG,sBAAsB,CAC7D,GAGF,MAAO,CACL,OAAQ,CACN,UAAW,GACX,KAAM,GACN,MAAM,SAAW,CACf,KAAK,cAAa,EAClB,MAAM,KAAK,UAAS,EACpB,KAAK,iBAAgB,CACvB,IAIJ,SAAW,CACT,KAAK,eAAiB,IAAI,eAAe,KAAK,gBAAgB,EAC9D,KAAK,eAAe,QAAQC,EAAAA,cAAc,KAAK,GAAG,CAAC,EACnD,KAAK,iBAAgB,CACvB,EAEA,cAAe,UAAY,CACzB,KAAK,eAAe,WAAU,CAChC,EAEA,QAAS,CACP,sBAAAC,EAAAA,sBACA,mBAAAC,EAAAA,mBAEA,eAAiB,CACX,KAAK,OAASnC,EAAAA,0BAA0B,gBAC1C,CAAC,OAAO,KAAK2B,EAAAA,yCAAyC,EAAE,SAAS,KAAK,KAAK,GAC3E,QAAQ,MAAMS,qDAAmD,CAErE,EAEA,kBAAoB,iBAClB,MAAMC,IAAaJ,GAAAA,EAAAA,EAAAA,cAAc,KAAK,GAAG,IAAtBA,YAAAA,EAAyB,cAAc,oCAAvCA,YAAAA,EAA0E,cAAe,EACtGK,IAAaL,GAAAA,EAAAA,EAAAA,cAAc,KAAK,GAAG,IAAtBA,YAAAA,EAAyB,cAAc,kCAAvCA,YAAAA,EAAwE,cAAe,EACpGM,IAAaN,GAAAA,EAAAA,EAAAA,cAAc,KAAK,GAAG,IAAtBA,YAAAA,EAAyB,cAAc,kCAAvCA,YAAAA,EAAwE,cAAe,EACpGO,EAAW,GACjB,KAAK,WAAaH,GAAcC,EAAaC,EAAaC,GAAY,IACxE,EAEJ,4CAljBQC,EAAA,CAAA,MAAM,6BAA6B,WAKjC,MAAM,4CAeJ,MAAM,qCACN,UAAQ,uCAWR,UAAQ,uCAiCd,MAAM,wCAoBJ,MAAM,+CAwCN,MAAM,+BACN,UAAQ,8YA7Id,OAAAC,EAAAA,UAAA,EAAAC,qBAyKM,MAzKNC,EAAAA,WAyKM,CAxKH,MAAOC,EAAA,wBAAwB,EACxBA,EAAA,mBAAmBC,EAAA,MAAM,EAAA,CACjC,UAAQ,uBAAuB,CAAA,EAAA,CAE/BC,EAAAA,mBAwEI,IAxEJH,aAwEI,CAvEF,MAAM,gCACL,UAAO,YAAeE,EAAA,OAASA,EAAA,OAAM,SAAA,EAAA,4BACrC,aAAYD,EAAA,aACZ,MAAOG,EAAA,YACP,KAAI,SAAYF,EAAA,OAASA,EAAA,OAAO,KAAI,oBAC7B,EAAAD,EAAA,sBAAsBC,EAAA,MAAM,EACpCG,EAAAA,WAA0BJ,EAApB,oBAAmB,EAAA,CAAA,EAAA,CAEzBE,EAAAA,mBAgDM,MAhDNN,EAgDM,CA5CIO,EAAA,SADRE,EAAAA,gBAAAR,EAAAA,UAAA,EAAAC,EAAAA,mBAMM,MANNQ,EAMM,CAAA,GAAAC,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA,CADJL,EAAAA,mBAAQ,OAAA,KAAA,KAAA,EAAA,EAAAA,EAAAA,mBAAQ,OAAA,KAAA,KAAA,EAAA,EAAAA,EAAAA,mBAAQ,OAAA,KAAA,KAAA,EAAA,WAHVF,EAAA,aAAa,IAMRC,EAAA,OAAO,MAC1BO,EAAAA,WAAqBP,EAAA,OAAA,QAAA,CAAA,IAAA,CAAA,CAAA,EAGFA,EAAA,OAAO,KAC1BO,EAAAA,WAAoBP,EAAA,OAAA,OAAA,CAAA,IAAA,CAAA,CAAA,iBAEtBH,EAAAA,mBA6BWW,EAAAA,SAAA,CAAA,IAAA,CAAA,EAAA,CA3BDT,EAAA,eADRH,EAAAA,YAAAC,EAAAA,mBAMM,MANNY,EAMM,CADJC,EAAAA,YAA8BC,EAAA,CAAb,KAAK,KAAK,CAAA,KAGhBZ,EAAA,mCADbF,EAAAA,mBAIE,MAAA,OAFC,uBAAOE,EAAA,wBAAwB,EAChC,UAAQ,wCAEVH,EAAAA,YAAAC,EAAAA,mBAeM,MAfNe,EAeM,CAXJF,EAAAA,YAUYG,EAAA,CATV,YAAA,GACC,KAAMd,EAAA,aAEI,KAAIe,EAAAA,QACb,CAGE,CAAA,SAJyBC,CAAY,IAAA,EACvCnB,EAAAA,UAAA,EAAAoB,EAAAA,YAGEC,0BAFKlB,EAAA,gBAAgB,EAAA,CACpB,KAAMgB,CAAY,EAAA,KAAA,EAAA,CAAA,MAAA,CAAA,iCAO/Bd,EAAAA,mBAaM,MAAA,CAZJ,MAAM,8BACL,sCAAsBiB,EAAA,UAAU,EAAA,IAEjCX,EAAAA,WAQOP,oBARP,IAQO,CAPLU,EAAAA,YAMwBS,EAAA,CALtB,MAAM,oCACN,UAAQ,oCACR,KAAK,0BAEL,IAAiB,qCAAdjB,EAAA,WAAW,EAAA,CAAA,uBAMdH,EAAA,YADRH,EAAAA,YAAAC,EAAAA,mBA0FM,MA1FNuB,EA0FM,CArFIlB,EAAA,uBADRc,EAAAA,YAcaK,EAAA,OAZX,UAAU,MACT,QAAStB,EAAA,iBAEC,iBACT,IAMM,CANNE,EAAAA,mBAMM,MAAA,CALJ,IAAI,2BACJ,MAAM,4BACN,UAAQ,+CAELC,EAAA,OAAO,EAAA,GAAA,qDAKRA,EAAA,gBADRE,EAAAA,gBAAAR,EAAAA,UAAA,EAAAC,qBAQM,MARNyB,EAQM,CAHJZ,EAAAA,YAEEa,EAAA,CADA,KAAK,KAAK,CAAA,SAJExB,EAAA,sBAAsB,IAQzBA,EAAA,iBAAmBA,EAAA,sCADhCiB,EAAAA,YA+BaK,EAAA,OA7BV,QAAStB,EAAA,mBACV,UAAU,QAEC,iBACT,IAWW,CAVHA,EAAA,+BADRiB,EAAAA,YAWWQ,EAAA,OATT,KAAK,QACL,KAAK,WACL,UAAQ,qCACP,MAAKC,EAAAA,eAAA,CAAA,qCAAA,4CAAqH1B,EAAA,2DAK3H,IAAiB,qCAAdG,EAAA,WAAW,EAAA,CAAA,mDAGRH,EAAA,sCADRiB,EAAAA,YAWWQ,EAAA,OATT,KAAK,QACL,KAAK,WACL,UAAQ,6CACP,MAAKC,EAAAA,eAAA,CAAA,yFAAoH1B,EAAA,mCAAmC,2DAAoFA,EAAA,oCAAoC,wBAKrR,IAAwB,qCAArBG,EAAA,kBAAkB,EAAA,CAAA,sGAKnBA,EAAA,eADRN,EAAAA,YAAAC,EAAAA,mBA6BM,MA7BN6B,EA6BM,CAxBJhB,EAAAA,YAuBaW,EAAA,CAtBV,QAAStB,EAAA,kBACV,UAAU,QAEC,iBACT,IAgBY,CAhBZW,EAAAA,YAgBYiB,EAAA,CAfV,MAAM,sCACN,UAAQ,2CACR,OAAA,GACC,KAAM,IACP,KAAK,WACJ,aAAY5B,EAAA,kBACZ,uBAAOmB,EAAA,cAAa,IACpB,sBAAMA,EAAA,cAAa,IACnB,QAAKZ,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAsB,EAAAA,cAAAC,GAAO7B,EAAA,MAAK,OAAS6B,CAAM,EAAA,CAAA,MAAA,CAAA,KAEtB,eACT,IAEE,CAFFnB,EAAAA,YAEEoB,EAAA,CADA,KAAK,KAAK,CAAA"}
+{"version":3,"file":"general-row.cjs","names":[],"sources":["../../../recipes/leftbar/general_row/general_row.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"leftbarGeneralRowClasses\"\n    v-bind=\"addClassStyleAttrs($attrs)\"\n    data-qa=\"dt-recipe-leftbar-row\"\n  >\n    <a\n      class=\"d-recipe-leftbar-row__primary\"\n      :data-qa=\"'data-qa' in $attrs ? $attrs['data-qa'] : 'd-recipe-leftbar-row-link'\"\n      :aria-label=\"getAriaLabel\"\n      :title=\"description\"\n      :href=\"'href' in $attrs ? $attrs.href : 'javascript:void(0)'\"\n      v-bind=\"removeClassStyleAttrs($attrs)\"\n      v-on=\"generalRowListeners\"\n    >\n      <div\n        class=\"d-recipe-leftbar-row__alpha\"\n      >\n        <div\n          v-if=\"isTyping\"\n          v-dt-tooltip=\"typingTooltip\"\n          class=\"d-recipe-leftbar-row__is-typing\"\n        >\n          <span /><span /><span />\n        </div>\n        <slot\n          v-else\n          name=\"left\"\n        >\n          <dt-recipe-leftbar-general-row-icon\n            :type=\"getIcon\"\n            :color=\"color\"\n            :icon-size=\"iconSize\"\n            data-qa=\"dt-recipe-leftbar-row-icon\"\n          />\n        </slot>\n      </div>\n      <div\n        class=\"d-recipe-leftbar-row__label\"\n        :style=\"`flex-basis: ${labelWidth}`\"\n      >\n        <slot name=\"label\">\n          <dt-emoji-text-wrapper\n            class=\"d-recipe-leftbar-row__description\"\n            data-qa=\"dt-recipe-leftbar-row-description\"\n            size=\"200\"\n          >\n            {{ description }}\n          </dt-emoji-text-wrapper>\n        </slot>\n      </div>\n    </a>\n    <div\n      v-if=\"hasActions\"\n      class=\"d-recipe-leftbar-row__omega\"\n    >\n      <dt-tooltip\n        v-if=\"dndText\"\n        placement=\"top\"\n        :message=\"dndTextTooltip\"\n      >\n        <template #anchor>\n          <div\n            ref=\"d-recipe-leftbar-row-dnd\"\n            class=\"d-recipe-leftbar-row__dnd\"\n            data-qa=\"dt-recipe-leftbar-row-dnd\"\n          >\n            {{ dndText }}\n          </div>\n        </template>\n      </dt-tooltip>\n      <div\n        v-if=\"activeVoiceChat\"\n        v-dt-tooltip=\"activeVoiceChatTooltip\"\n        class=\"d-recipe-leftbar-row__active-voice\"\n      >\n        <dt-icon-waveform\n          size=\"300\"\n        />\n      </div>\n      <dt-tooltip\n        v-else-if=\"showUnreadCount || showUnreadMentionCount\"\n        :message=\"unreadCountTooltip\"\n        placement=\"top\"\n      >\n        <template #anchor>\n          <dt-badge\n            v-if=\"showUnreadCount\"\n            kind=\"count\"\n            type=\"bulletin\"\n            data-qa=\"dt-recipe-leftbar-row-unread-badge\"\n            :class=\"['d-recipe-leftbar-row__unread-badge', {\n              'd-recipe-leftbar-row__unread-count-badge':\n                shouldApplyCustomStyleForCountBadge,\n            }]\"\n          >\n            {{ unreadCount }}\n          </dt-badge>\n          <dt-badge\n            v-if=\"showUnreadMentionCount\"\n            kind=\"count\"\n            type=\"bulletin\"\n            data-qa=\"dt-recipe-leftbar-row-unread-mention-badge\"\n            :class=\"['d-recipe-leftbar-row__unread-badge',\n                     { 'd-recipe-leftbar-row__unread-mention-count-badge': shouldApplyCustomStyleForCountBadge },\n                     { 'd-recipe-leftbar-row__unread-mention-only-count-badge': shouldApplyCustomStyleForMentionOnly },\n            ]\"\n          >\n            {{ unreadMentionCount }}\n          </dt-badge>\n        </template>\n      </dt-tooltip>\n      <div\n        v-if=\"hasCallButton\"\n        class=\"d-recipe-leftbar-row__action\"\n        data-qa=\"dt-recipe-leftbar-row-action\"\n      >\n        <dt-tooltip\n          :message=\"callButtonTooltip\"\n          placement=\"top\"\n        >\n          <template #anchor>\n            <dt-button\n              class=\"d-recipe-leftbar-row__action-button\"\n              data-qa=\"dt-recipe-leftbar-row-action-call-button\"\n              circle\n              size=\"xs\"\n              kind=\"inverted\"\n              :aria-label=\"callButtonTooltip\"\n              @focus=\"actionFocused = true\"\n              @blur=\"actionFocused = false\"\n              @click.stop=\"$emit('call', $event)\"\n            >\n              <template #icon>\n                <dt-icon-phone\n                  size=\"200\"\n                />\n              </template>\n            </dt-button>\n          </template>\n        </dt-tooltip>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n/* eslint-disable max-lines */\nimport {\n  LEFTBAR_GENERAL_ROW_TYPES,\n  LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS,\n  LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR,\n  LEFTBAR_GENERAL_ROW_ICON_SIZES,\n} from './general_row_constants';\nimport { DtBadge } from '@/components/badge';\nimport { DtIconPhone, DtIconWaveform } from '@dialpad/dialtone-icons/vue3';\nimport { DtButton } from '@/components/button';\nimport { DtTooltip } from '@/components/tooltip';\nimport { DtEmojiTextWrapper } from '@/components/emoji_text_wrapper';\nimport DtRecipeLeftbarGeneralRowIcon from './leftbar_general_row_icon.vue';\nimport { extractVueListeners, safeConcatStrings, removeClassStyleAttrs, returnFirstEl, addClassStyleAttrs } from '@/common/utils';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeGeneralRow',\n\n  components: {\n    DtEmojiTextWrapper,\n    DtBadge,\n    DtButton,\n    DtTooltip,\n    DtIconPhone,\n    DtIconWaveform,\n    DtRecipeLeftbarGeneralRowIcon,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Determines the icon to show.\n     * If type is contact center, the color prop must be provided and will determine the color of the icon\n     */\n    type: {\n      type: String,\n      default: 'inbox',\n      validator: (type) => {\n        return Object.values(LEFTBAR_GENERAL_ROW_TYPES).includes(type);\n      },\n    },\n\n    /**\n     * Will be read out by a screen reader upon focus of this row. If not defined \"description\" will be read.\n     */\n    ariaLabel: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Text displayed next to the icon. Required. Even if you are overriding this field using the label slot\n     * you still must input this as it will be displayed as the \"title\" attribute for the row.\n     */\n    description: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Determines the color of the contact center icon\n     */\n    color: {\n      type: String,\n      default: null,\n      validator: (color) => {\n        return Object.keys(LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS).includes(color);\n      },\n    },\n\n    /**\n     * The channel setting, either 'mention' or 'always'.\n     * @values 'mention', 'always', null.\n     */\n    channelSetting: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Styles the row with an increased font weight to convey it has unreads. This must be true to see\n     * the unread count badge.\n     */\n    hasUnreads: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Number of unread messages\n     */\n    unreadCount: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Number of unread mention messages\n     */\n    unreadMentionCount: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Determines if the row is selected\n     */\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Gives a faded style to be used when muted\n     */\n    muted: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Shows styling to represent an active voice chat. This will display over unreadCount.\n     */\n    activeVoiceChat: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Acronym used to represent \"Do not Disturb\" state. If entered will display the entered text alongside\n     * unreadCount.\n     */\n    dndText: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Whether the row should have a call button. Usually only applicable to individual contact rows.\n     */\n    hasCallButton: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Shows an \"is typing\" animation over the avatar when true.\n     */\n    isTyping: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Sets the size of the icon.\n     */\n    iconSize: {\n      type: String,\n      default: '300',\n      validator: (size) => {\n        return LEFTBAR_GENERAL_ROW_ICON_SIZES.includes(size);\n      },\n    },\n  },\n\n  emits: [\n    /**\n     * Call button clicked\n     *\n     * @event call\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'call',\n  ],\n\n  data () {\n    return {\n      actionFocused: false,\n      labelWidth: '100%',\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    leftbarGeneralRowClasses () {\n      return [\n        'd-recipe-leftbar-row',\n        {\n          'd-recipe-leftbar-row--no-action': !this.hasCallButton,\n          'd-recipe-leftbar-row--has-unread': this.hasUnreads,\n          'd-recipe-leftbar-row__unread-count': this.showUnreadCount || this.showUnreadMentionCount,\n          'd-recipe-leftbar-row--selected': this.selected,\n          'd-recipe-leftbar-row--muted': this.muted,\n          'd-recipe-leftbar-row--action-focused': this.actionFocused,\n        },\n      ];\n    },\n\n    getIcon () {\n      switch (this.type) {\n        case LEFTBAR_GENERAL_ROW_TYPES.CHANNELS:\n          if (this.hasUnreads) return 'channel unread';\n          break;\n        case LEFTBAR_GENERAL_ROW_TYPES.LOCKED_CHANNEL:\n          if (this.hasUnreads) return 'locked channel unread';\n          break;\n      }\n      return this.type;\n    },\n\n    generalRowListeners () {\n      return extractVueListeners(this.$attrs);\n    },\n\n    getAriaLabel () {\n      if (this.ariaLabel) return this.ariaLabel;\n\n      return safeConcatStrings([\n        this.typingTooltip,\n        this.description,\n        this.unreadCountTooltip,\n        this.dndTextTooltip,\n        this.activeVoiceChatTooltip,\n      ]);\n    },\n\n    hasActions () {\n      return this.dndText || this.activeVoiceChat || this.showUnreadCount || this.hasCallButton ||\n        this.showUnreadMentionCount;\n    },\n\n    showUnreadCount () {\n      return !!this.unreadCount && this.hasUnreads;\n    },\n\n    showUnreadMentionCount () {\n      return !!this.unreadMentionCount && this.hasUnreads;\n    },\n\n    hasUnreadCount () {\n      return this.unreadCount !== null;\n    },\n\n    hasUnreadMentionCount () {\n      return this.unreadMentionCount !== null;\n    },\n\n    shouldApplyCustomStyleForCountBadge () {\n      return this.hasUnreadCount && this.hasUnreadMentionCount;\n    },\n\n    /**\n     * When a channel in 'always' setting, meaning the user should see both unread count and unread mention count,\n     * if there are only mention messages, we should apply the theme design tokens var(--dt-theme-mention-color-[background||foreground]-strong).\n     * @returns {boolean}\n     */\n    shouldApplyCustomStyleForMentionOnly () {\n      return this.channelSetting === 'always' && !this.hasUnreadCount && this.hasUnreadMentionCount;\n    },\n\n    messageCount () {\n      return isNaN(this.unreadCount)\n        ? this.unreadCount\n        : Number(this.unreadCount);\n    },\n\n    mentionCount () {\n      return isNaN(this.unreadMentionCount)\n        ? this.unreadMentionCount\n        : Number(this.unreadMentionCount);\n    },\n\n    unreadCountTooltip () {\n      return safeConcatStrings([\n        this.unreadCount && this.i18n.$t('DIALTONE_UNREAD_MESSAGE_COUNT_TEXT', { unreadCount: this.messageCount }),\n        this.unreadMentionCount && this.i18n.$t('DIALTONE_UNREAD_MENTION_COUNT_TEXT', { unreadCount: this.mentionCount }),\n      ]);\n    },\n\n    dndTextTooltip () {\n      return this.dndText && this.i18n.$t('DIALTONE_GENERAL_ROW_DND_TEXT_TOOLTIP');\n    },\n\n    activeVoiceChatTooltip () {\n      return this.activeVoiceChat && this.i18n.$t('DIALTONE_GENERAL_ROW_ACTIVE_VOICE_CHAT_TEXT');\n    },\n\n    callButtonTooltip () {\n      return this.i18n.$t('DIALTONE_GENERAL_ROW_CALL_BUTTON_TOOLTIP');\n    },\n\n    typingTooltip () {\n      return this.isTyping && this.i18n.$t('DIALTONE_TYPING_TEXT');\n    },\n  },\n\n  watch: {\n    $props: {\n      immediate: true,\n      deep: true,\n      async handler () {\n        this.validateProps();\n        await this.$nextTick();\n        this.adjustLabelWidth();\n      },\n    },\n  },\n\n  mounted () {\n    this.resizeObserver = new ResizeObserver(this.adjustLabelWidth);\n    this.resizeObserver.observe(returnFirstEl(this.$el));\n    this.adjustLabelWidth();\n  },\n\n  beforeUnmount: function () {\n    this.resizeObserver.disconnect();\n  },\n\n  methods: {\n    removeClassStyleAttrs,\n    addClassStyleAttrs,\n\n    validateProps () {\n      if (this.type === LEFTBAR_GENERAL_ROW_TYPES.CONTACT_CENTER &&\n        !Object.keys(LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS).includes(this.color)) {\n        console.error(LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR);\n      }\n    },\n\n    adjustLabelWidth () {\n      const labelWidth = returnFirstEl(this.$el)?.querySelector('.d-recipe-leftbar-row__primary')?.clientWidth || 0;\n      const omegaWidth = returnFirstEl(this.$el)?.querySelector('.d-recipe-leftbar-row__omega')?.clientWidth || 0;\n      const alphaWidth = returnFirstEl(this.$el)?.querySelector('.d-recipe-leftbar-row__alpha')?.clientWidth || 0;\n      const paddings = 16;\n      this.labelWidth = labelWidth - (omegaWidth + alphaWidth + paddings) + 'px';\n    },\n  },\n};\n</script>\n"],"mappings":"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"}