@dialpad/dialtone 9.66.0 → 9.67.0

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

@@ -6,16 +6,16 @@ import { extractVueListeners, safeConcatStrings } from "../common/utils.js";
 import { DtBadge } from "./badge.js";
 import { DtButton } from "./button.js";
 import { DtTooltip } from "./tooltip.js";
-import "../chunks/index-dfdrE-3M.js";
+import "../chunks/index-GVD15GIB.js";
 import "@dialpad/dialtone-emojis";
-import "../chunks/icon_constants-gIQj4mf7.js";
+import "../chunks/icon_constants-Dy4MEUJL.js";
 import "@dialpad/dialtone-icons/icons.json";
 import "./emoji.js";
 import "./skeleton.js";
 import "@dialpad/dialtone-icons/vue3";
 import "../common/constants.js";
 import "../chunks/link_constants-AfTWrr-n.js";
-import "../chunks/popover_constants-6YkPPbnk.js";
+import "../chunks/popover_constants-WsOUIY-m.js";
 import "tippy.js";
 const LEFTBAR_GENERAL_ROW_TYPES = {
   INBOX: "inbox",
@@ -63,12 +63,13 @@ const LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS = {
   "black-300": "d-bgc-black-300"
 };
 const LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR = "If type is contact center, color must be oneof the following:" + Object.keys(LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS).join(", ");
-const LEFTBAR_GENERAL_ROW_ICON_SIZES = ["300", "200"];
+const LEFTBAR_GENERAL_ROW_ICON_SIZES = [
+  "300",
+  "200"
+];
 const _sfc_main$1 = {
   name: "DtRecipeLeftbarGeneralRowIcon",
-  components: {
-    DtIcon
-  },
+  components: { DtIcon },
   props: {
     type: {
       type: String,
@@ -97,10 +98,17 @@ const _sfc_main$1 = {
       return LEFTBAR_GENERAL_ROW_ICON_MAPPING[this.type];
     },
     contactCenterIconClasses() {
-      return ["dt-leftbar-row__icon-cc", LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS[this.color]];
+      return [
+        "dt-leftbar-row__icon-cc",
+        LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS[this.color]
+      ];
     },
     dialbotClasses() {
-      return ["d-d-flex", "d-ai-center", "d-jc-center"];
+      return [
+        "d-d-flex",
+        "d-ai-center",
+        "d-jc-center"
+      ];
     }
   }
 };
@@ -117,10 +125,12 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     key: 2,
     class: normalizeClass($options.dialbotClasses),
     "data-qa": "general-row-dialbot"
-  }, [createVNode(_component_dt_icon, {
-    name: "dialbot",
-    size: "500"
-  })], 2)) : createCommentVNode("", true);
+  }, [
+    createVNode(_component_dt_icon, {
+      name: "dialbot",
+      size: "500"
+    })
+  ], 2)) : createCommentVNode("", true);
 }
 const DtRecipeLeftbarGeneralRowIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
 const _sfc_main = {
@@ -293,14 +303,17 @@ const _sfc_main = {
   },
   computed: {
     leftbarGeneralRowClasses() {
-      return ["dt-leftbar-row", {
-        "dt-leftbar-row--no-action": !this.hasCallButton,
-        "dt-leftbar-row--has-unread": this.hasUnreads,
-        "dt-leftbar-row--unread-count": this.showUnreadCount || this.showUnreadMentionCount,
-        "dt-leftbar-row--selected": this.selected,
-        "dt-leftbar-row--muted": this.muted,
-        "dt-leftbar-row--action-focused": this.actionFocused
-      }];
+      return [
+        "dt-leftbar-row",
+        {
+          "dt-leftbar-row--no-action": !this.hasCallButton,
+          "dt-leftbar-row--has-unread": this.hasUnreads,
+          "dt-leftbar-row--unread-count": this.showUnreadCount || this.showUnreadMentionCount,
+          "dt-leftbar-row--selected": this.selected,
+          "dt-leftbar-row--muted": this.muted,
+          "dt-leftbar-row--action-focused": this.actionFocused
+        }
+      ];
     },
     getIcon() {
       switch (this.type) {
@@ -385,9 +398,7 @@ const _sfc_main = {
 };
 const _withScopeId = (n) => (pushScopeId("data-v-b6629526"), n = n(), popScopeId(), n);
 const _hoisted_1 = ["data-qa", "aria-label", "title", "href"];
-const _hoisted_2 = {
-  class: "dt-leftbar-row__alpha"
-};
+const _hoisted_2 = { class: "dt-leftbar-row__alpha" };
 const _hoisted_3 = {
   key: 0,
   class: "dt-leftbar-row__is-typing"
@@ -395,7 +406,11 @@ const _hoisted_3 = {
 const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", null, null, -1));
 const _hoisted_5 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", null, null, -1));
 const _hoisted_6 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", null, null, -1));
-const _hoisted_7 = [_hoisted_4, _hoisted_5, _hoisted_6];
+const _hoisted_7 = [
+  _hoisted_4,
+  _hoisted_5,
+  _hoisted_6
+];
 const _hoisted_8 = {
   key: 0,
   class: "dt-leftbar-row__omega"
@@ -419,97 +434,132 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass($options.leftbarGeneralRowClasses),
     "data-qa": "dt-leftbar-row"
-  }, [createElementVNode("a", mergeProps({
-    class: "dt-leftbar-row__primary",
-    "data-qa": "data-qa" in _ctx.$attrs ? _ctx.$attrs["data-qa"] : "dt-leftbar-row-link",
-    "aria-label": $options.getAriaLabel,
-    title: $props.description,
-    href: "href" in _ctx.$attrs ? _ctx.$attrs.href : "javascript:void(0)"
-  }, _ctx.$attrs, toHandlers($options.generalRowListeners, true)), [createElementVNode("div", _hoisted_2, [$props.isTyping ? (openBlock(), createElementBlock("div", _hoisted_3, _hoisted_7)) : renderSlot(_ctx.$slots, "left", {
-    key: 1
-  }, () => [createVNode(_component_dt_recipe_leftbar_general_row_icon, {
-    type: $options.getIcon,
-    color: $props.color,
-    "icon-size": $props.iconSize,
-    "data-qa": "dt-leftbar-row-icon"
-  }, null, 8, ["type", "color", "icon-size"])], true)]), createElementVNode("div", {
-    class: "dt-leftbar-row__label",
-    style: normalizeStyle(`flex-basis: ${$data.labelWidth}`)
-  }, [renderSlot(_ctx.$slots, "label", {}, () => [createVNode(_component_dt_emoji_text_wrapper, {
-    class: "dt-leftbar-row__description",
-    "data-qa": "dt-leftbar-row-description",
-    size: "200"
-  }, {
-    default: withCtx(() => [createTextVNode(toDisplayString($props.description), 1)]),
-    _: 1
-  })], true)], 4)], 16, _hoisted_1), $options.hasActions ? (openBlock(), createElementBlock("div", _hoisted_8, [$props.dndText ? (openBlock(), createBlock(_component_dt_tooltip, {
-    key: 0,
-    placement: "top",
-    message: $props.dndTextTooltip
-  }, {
-    anchor: withCtx(() => [createElementVNode("div", {
-      ref: "dt-leftbar-row-dnd",
-      class: "dt-leftbar-row__dnd",
-      "data-qa": "dt-leftbar-row-dnd"
-    }, toDisplayString($props.dndText), 513)]),
-    _: 1
-  }, 8, ["message"])) : createCommentVNode("", true), $props.activeVoiceChat ? (openBlock(), createElementBlock("div", _hoisted_9, [createVNode(_component_dt_icon, {
-    size: "300",
-    name: "waveform"
-  })])) : $options.showUnreadCount || $options.showUnreadMentionCount ? (openBlock(), createBlock(_component_dt_tooltip, {
-    key: 2,
-    message: $props.unreadCountTooltip,
-    placement: "top"
-  }, {
-    anchor: withCtx(() => [$options.showUnreadCount ? (openBlock(), createBlock(_component_dt_badge, {
-      key: 0,
-      kind: "count",
-      type: "bulletin",
-      "data-qa": "dt-leftbar-row-unread-badge",
-      class: normalizeClass(["dt-leftbar-row__unread-badge", {
-        "dt-leftbar-row__unread-count-badge": $options.shouldApplyCustomStyleForCountBadge
-      }])
-    }, {
-      default: withCtx(() => [createTextVNode(toDisplayString($props.unreadCount), 1)]),
-      _: 1
-    }, 8, ["class"])) : createCommentVNode("", true), $options.showUnreadMentionCount ? (openBlock(), createBlock(_component_dt_badge, {
-      key: 1,
-      kind: "count",
-      type: "bulletin",
-      "data-qa": "dt-leftbar-row-unread-mention-badge",
-      class: normalizeClass(["dt-leftbar-row__unread-badge", {
-        "dt-leftbar-row__unread-mention-count-badge": $options.shouldApplyCustomStyleForCountBadge
+  }, [
+    createElementVNode("a", mergeProps({
+      class: "dt-leftbar-row__primary",
+      "data-qa": "data-qa" in _ctx.$attrs ? _ctx.$attrs["data-qa"] : "dt-leftbar-row-link",
+      "aria-label": $options.getAriaLabel,
+      title: $props.description,
+      href: "href" in _ctx.$attrs ? _ctx.$attrs.href : "javascript:void(0)"
+    }, _ctx.$attrs, toHandlers($options.generalRowListeners, true)), [
+      createElementVNode("div", _hoisted_2, [
+        $props.isTyping ? (openBlock(), createElementBlock("div", _hoisted_3, _hoisted_7)) : renderSlot(_ctx.$slots, "left", { key: 1 }, () => [
+          createVNode(_component_dt_recipe_leftbar_general_row_icon, {
+            type: $options.getIcon,
+            color: $props.color,
+            "icon-size": $props.iconSize,
+            "data-qa": "dt-leftbar-row-icon"
+          }, null, 8, ["type", "color", "icon-size"])
+        ], true)
+      ]),
+      createElementVNode("div", {
+        class: "dt-leftbar-row__label",
+        style: normalizeStyle(`flex-basis: ${$data.labelWidth}`)
+      }, [
+        renderSlot(_ctx.$slots, "label", {}, () => [
+          createVNode(_component_dt_emoji_text_wrapper, {
+            class: "dt-leftbar-row__description",
+            "data-qa": "dt-leftbar-row-description",
+            size: "200"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString($props.description), 1)
+            ]),
+            _: 1
+          })
+        ], true)
+      ], 4)
+    ], 16, _hoisted_1),
+    $options.hasActions ? (openBlock(), createElementBlock("div", _hoisted_8, [
+      $props.dndText ? (openBlock(), createBlock(_component_dt_tooltip, {
+        key: 0,
+        placement: "top",
+        message: $props.dndTextTooltip
+      }, {
+        anchor: withCtx(() => [
+          createElementVNode("div", {
+            ref: "dt-leftbar-row-dnd",
+            class: "dt-leftbar-row__dnd",
+            "data-qa": "dt-leftbar-row-dnd"
+          }, toDisplayString($props.dndText), 513)
+        ]),
+        _: 1
+      }, 8, ["message"])) : createCommentVNode("", true),
+      $props.activeVoiceChat ? (openBlock(), createElementBlock("div", _hoisted_9, [
+        createVNode(_component_dt_icon, {
+          size: "300",
+          name: "waveform"
+        })
+      ])) : $options.showUnreadCount || $options.showUnreadMentionCount ? (openBlock(), createBlock(_component_dt_tooltip, {
+        key: 2,
+        message: $props.unreadCountTooltip,
+        placement: "top"
       }, {
-        "dt-leftbar-row__unread-mention-only-count-badge": $options.shouldApplyCustomStyleForMentionOnly
-      }])
-    }, {
-      default: withCtx(() => [createTextVNode(toDisplayString($props.unreadMentionCount), 1)]),
-      _: 1
-    }, 8, ["class"])) : createCommentVNode("", true)]),
-    _: 1
-  }, 8, ["message"])) : createCommentVNode("", true), $props.hasCallButton ? (openBlock(), createElementBlock("div", _hoisted_10, [createVNode(_component_dt_tooltip, {
-    message: $props.callButtonTooltip,
-    placement: "top"
-  }, {
-    anchor: withCtx(() => [createVNode(_component_dt_button, {
-      class: "dt-leftbar-row__action-button",
-      "data-qa": "dt-leftbar-row-action-call-button",
-      circle: true,
-      size: "xs",
-      kind: "inverted",
-      "aria-label": $props.callButtonTooltip,
-      onFocus: _cache[0] || (_cache[0] = ($event) => $data.actionFocused = true),
-      onBlur: _cache[1] || (_cache[1] = ($event) => $data.actionFocused = false),
-      onClick: _cache[2] || (_cache[2] = withModifiers(($event) => _ctx.$emit("call", $event), ["stop"]))
-    }, {
-      icon: withCtx(() => [createVNode(_component_dt_icon, {
-        name: "phone",
-        size: "200"
-      })]),
-      _: 1
-    }, 8, ["aria-label"])]),
-    _: 1
-  }, 8, ["message"])])) : createCommentVNode("", true)])) : createCommentVNode("", true)], 2);
+        anchor: withCtx(() => [
+          $options.showUnreadCount ? (openBlock(), createBlock(_component_dt_badge, {
+            key: 0,
+            kind: "count",
+            type: "bulletin",
+            "data-qa": "dt-leftbar-row-unread-badge",
+            class: normalizeClass(["dt-leftbar-row__unread-badge", {
+              "dt-leftbar-row__unread-count-badge": $options.shouldApplyCustomStyleForCountBadge
+            }])
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString($props.unreadCount), 1)
+            ]),
+            _: 1
+          }, 8, ["class"])) : createCommentVNode("", true),
+          $options.showUnreadMentionCount ? (openBlock(), createBlock(_component_dt_badge, {
+            key: 1,
+            kind: "count",
+            type: "bulletin",
+            "data-qa": "dt-leftbar-row-unread-mention-badge",
+            class: normalizeClass([
+              "dt-leftbar-row__unread-badge",
+              { "dt-leftbar-row__unread-mention-count-badge": $options.shouldApplyCustomStyleForCountBadge },
+              { "dt-leftbar-row__unread-mention-only-count-badge": $options.shouldApplyCustomStyleForMentionOnly }
+            ])
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString($props.unreadMentionCount), 1)
+            ]),
+            _: 1
+          }, 8, ["class"])) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["message"])) : createCommentVNode("", true),
+      $props.hasCallButton ? (openBlock(), createElementBlock("div", _hoisted_10, [
+        createVNode(_component_dt_tooltip, {
+          message: $props.callButtonTooltip,
+          placement: "top"
+        }, {
+          anchor: withCtx(() => [
+            createVNode(_component_dt_button, {
+              class: "dt-leftbar-row__action-button",
+              "data-qa": "dt-leftbar-row-action-call-button",
+              circle: true,
+              size: "xs",
+              kind: "inverted",
+              "aria-label": $props.callButtonTooltip,
+              onFocus: _cache[0] || (_cache[0] = ($event) => $data.actionFocused = true),
+              onBlur: _cache[1] || (_cache[1] = ($event) => $data.actionFocused = false),
+              onClick: _cache[2] || (_cache[2] = withModifiers(($event) => _ctx.$emit("call", $event), ["stop"]))
+            }, {
+              icon: withCtx(() => [
+                createVNode(_component_dt_icon, {
+                  name: "phone",
+                  size: "200"
+                })
+              ]),
+              _: 1
+            }, 8, ["aria-label"])
+          ]),
+          _: 1
+        }, 8, ["message"])
+      ])) : createCommentVNode("", true)
+    ])) : createCommentVNode("", true)
+  ], 2);
 }
 const DtRecipeGeneralRow = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-b6629526"]]);
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"general-row.js","sources":["../../recipes/leftbar/general_row/general_row_constants.js","../../recipes/leftbar/general_row/leftbar_general_row_icon.vue","../../recipes/leftbar/general_row/general_row.vue"],"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_ICON_MAPPING = {\n  [LEFTBAR_GENERAL_ROW_TYPES.INBOX]: 'inbox',\n  [LEFTBAR_GENERAL_ROW_TYPES.CONTACTS]: 'contacts',\n  [LEFTBAR_GENERAL_ROW_TYPES.CHANNELS]: 'hash',\n  [LEFTBAR_GENERAL_ROW_TYPES.THREADS]: 'thread',\n  [LEFTBAR_GENERAL_ROW_TYPES.LAUNCHPAD]: 'layout-template',\n  [LEFTBAR_GENERAL_ROW_TYPES.LOCKED_CHANNEL]: 'lock',\n  [LEFTBAR_GENERAL_ROW_TYPES.QUICK_START]: 'sparkle',\n  [LEFTBAR_GENERAL_ROW_TYPES.COACHING_GROUP]: 'users',\n  [LEFTBAR_GENERAL_ROW_TYPES.COACHING_CENTER]: 'external-link',\n  'locked channel unread': 'lock-filled',\n  'channel unread': 'hash-bold',\n  [LEFTBAR_GENERAL_ROW_TYPES.ASSIGNED]: 'at-sign',\n  [LEFTBAR_GENERAL_ROW_TYPES.DIGITAL]: 'laptop-2',\n  [LEFTBAR_GENERAL_ROW_TYPES.SCHEDULED]: 'calendar-clock',\n};\n\nexport const LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS = {\n  'magenta-200': 'd-bgc-magenta-200',\n  'green-200': 'd-bgc-green-200',\n  'gold-300': 'd-bgc-gold-300',\n  'purple-600': 'd-bgc-purple-600',\n  'magenta-300': 'd-bgc-magenta-300',\n  'purple-300': 'd-bgc-purple-300',\n  'green-500': 'd-bgc-green-500',\n  'purple-100': 'd-bgc-purple-100',\n  'magenta-400': 'd-bgc-magenta-400',\n  'magenta-100': 'd-bgc-magenta-100',\n  'black-300': 'd-bgc-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_ICON_MAPPING,\n  LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS,\n  LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR,\n  LEFTBAR_GENERAL_ROW_ICON_SIZES,\n};\n","<template>\n  <dt-icon\n    v-if=\"isIconType\"\n    :name=\"getIconName\"\n    :size=\"iconSize\"\n  />\n  <div\n    v-else-if=\"isContactCenterType\"\n    :class=\"contactCenterIconClasses\"\n  />\n  <div\n    v-else-if=\"isDialbotType\"\n    :class=\"dialbotClasses\"\n    data-qa=\"general-row-dialbot\"\n  >\n    <dt-icon\n      name=\"dialbot\"\n      size=\"500\"\n    />\n  </div>\n</template>\n\n<script>\nimport { DtIcon } from '@/components/icon';\nimport {\n  LEFTBAR_GENERAL_ROW_ICON_MAPPING as ICON_MAPPING,\n  LEFTBAR_GENERAL_ROW_TYPES as TYPES,\n  LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS as COLORS,\n} from '@/recipes/leftbar/general_row/general_row_constants';\n\nexport default {\n  name: 'DtRecipeLeftbarGeneralRowIcon',\n  components: { DtIcon },\n  props: {\n    type: {\n      type: String,\n      default: null,\n    },\n\n    color: {\n      type: String,\n      default: null,\n    },\n\n    iconSize: {\n      type: String,\n      default: '300',\n    },\n  },\n\n  computed: {\n    isIconType () {\n      return ![TYPES.DIALBOT, TYPES.CONTACT_CENTER].includes(this.type);\n    },\n\n    isContactCenterType () {\n      return this.type === TYPES.CONTACT_CENTER;\n    },\n\n    isDialbotType () {\n      return this.type === TYPES.DIALBOT;\n    },\n\n    getIconName () {\n      return ICON_MAPPING[this.type];\n    },\n\n    contactCenterIconClasses () {\n      return [\n        'dt-leftbar-row__icon-cc',\n        COLORS[this.color],\n      ];\n    },\n\n    dialbotClasses () {\n      return [\n        'd-d-flex',\n        'd-ai-center',\n        'd-jc-center',\n      ];\n    },\n  },\n};\n</script>\n","<template>\n  <div\n    :class=\"leftbarGeneralRowClasses\"\n    data-qa=\"dt-leftbar-row\"\n  >\n    <a\n      class=\"dt-leftbar-row__primary\"\n      :data-qa=\"'data-qa' in $attrs ? $attrs['data-qa'] : 'dt-leftbar-row-link'\"\n      :aria-label=\"getAriaLabel\"\n      :title=\"description\"\n      :href=\"'href' in $attrs ? $attrs.href : 'javascript:void(0)'\"\n      v-bind=\"$attrs\"\n      v-on=\"generalRowListeners\"\n    >\n      <div\n        class=\"dt-leftbar-row__alpha\"\n      >\n        <div\n          v-if=\"isTyping\"\n          class=\"dt-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-leftbar-row-icon\"\n          />\n        </slot>\n      </div>\n      <div\n        class=\"dt-leftbar-row__label\"\n        :style=\"`flex-basis: ${labelWidth}`\"\n      >\n        <slot name=\"label\">\n          <dt-emoji-text-wrapper\n            class=\"dt-leftbar-row__description\"\n            data-qa=\"dt-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=\"dt-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=\"dt-leftbar-row-dnd\"\n            class=\"dt-leftbar-row__dnd\"\n            data-qa=\"dt-leftbar-row-dnd\"\n          >\n            {{ dndText }}\n          </div>\n        </template>\n      </dt-tooltip>\n      <div\n        v-if=\"activeVoiceChat\"\n        class=\"dt-leftbar-row__active-voice\"\n      >\n        <dt-icon\n          size=\"300\"\n          name=\"waveform\"\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-leftbar-row-unread-badge\"\n            :class=\"['dt-leftbar-row__unread-badge', {\n              'dt-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-leftbar-row-unread-mention-badge\"\n            :class=\"['dt-leftbar-row__unread-badge',\n                     { 'dt-leftbar-row__unread-mention-count-badge': shouldApplyCustomStyleForCountBadge },\n                     { 'dt-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=\"dt-leftbar-row__action\"\n        data-qa=\"dt-leftbar-row-action\"\n      >\n        <dt-tooltip\n          :message=\"callButtonTooltip\"\n          placement=\"top\"\n        >\n          <template #anchor>\n            <dt-button\n              class=\"dt-leftbar-row__action-button\"\n              data-qa=\"dt-leftbar-row-action-call-button\"\n              :circle=\"true\"\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\n                  name=\"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 { DtIcon } from '@/components/icon';\nimport { DtButton } from '@/components/button';\nimport { DtTooltip } from '@/components/tooltip';\nimport DtEmojiTextWrapper from '@/components/emoji_text_wrapper/emoji_text_wrapper.vue';\nimport DtRecipeLeftbarGeneralRowIcon from './leftbar_general_row_icon.vue';\nimport { extractVueListeners, safeConcatStrings } from '@/common/utils';\n\nexport default {\n  name: 'DtRecipeGeneralRow',\n\n  components: {\n    DtEmojiTextWrapper,\n    DtBadge,\n    DtIcon,\n    DtButton,\n    DtTooltip,\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     * Text shown when the unread count is hovered.\n     */\n    unreadCountTooltip: {\n      type: String,\n      default: '',\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     * Text shown in tooltip when you hover the dndText\n     */\n    dndTextTooltip: {\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     * Text shown when the call button is hovered.\n     */\n    callButtonTooltip: {\n      type: String,\n      default: '',\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    };\n  },\n\n  computed: {\n    leftbarGeneralRowClasses () {\n      return [\n        'dt-leftbar-row',\n        {\n          'dt-leftbar-row--no-action': !this.hasCallButton,\n          'dt-leftbar-row--has-unread': this.hasUnreads,\n          'dt-leftbar-row--unread-count': this.showUnreadCount || this.showUnreadMentionCount,\n          'dt-leftbar-row--selected': this.selected,\n          'dt-leftbar-row--muted': this.muted,\n          'dt-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      return this.ariaLabel\n        ? this.ariaLabel\n        : safeConcatStrings([this.description, this.unreadCountTooltip, this.dndTextTooltip]);\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\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(this.$el);\n    this.adjustLabelWidth();\n  },\n\n  beforeUnmount: function () {\n    this.resizeObserver.disconnect();\n  },\n\n  methods: {\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 = this.$el?.querySelector('.dt-leftbar-row__primary')?.clientWidth || 0;\n      const omegaWidth = this.$el?.querySelector('.dt-leftbar-row__omega')?.clientWidth || 0;\n      const alphaWidth = this.$el?.querySelector('.dt-leftbar-row__alpha')?.clientWidth || 0;\n      const paddings = 16;\n      this.labelWidth = labelWidth - (omegaWidth + alphaWidth + paddings) + 'px';\n    },\n  },\n};\n</script>\n\n<style lang=\"less\" scoped>\n@import \"../style/leftbar_row.less\";\n</style>\n"],"names":["LEFTBAR_GENERAL_ROW_TYPES","INBOX","CONTACTS","CHANNELS","THREADS","LAUNCHPAD","LOCKED_CHANNEL","CONTACT_CENTER","QUICK_START","COACHING_GROUP","COACHING_CENTER","DIALBOT","ASSIGNED","DIGITAL","SCHEDULED","LEFTBAR_GENERAL_ROW_ICON_MAPPING","LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS","LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR","Object","keys","join","LEFTBAR_GENERAL_ROW_ICON_SIZES","_sfc_main","name","components","DtIcon","props","type","String","default","color","iconSize","computed","isIconType","TYPES","includes","isContactCenterType","isDialbotType","getIconName","ICON_MAPPING","contactCenterIconClasses","COLORS","dialbotClasses","$options","_createBlock","_component_dt_icon","size","$props","_createElementBlock","class","_createVNode","DtEmojiTextWrapper","DtBadge","DtButton","DtTooltip","DtRecipeLeftbarGeneralRowIcon","inheritAttrs","validator","values","ariaLabel","description","required","channelSetting","hasUnreads","Boolean","unreadCount","unreadMentionCount","unreadCountTooltip","selected","muted","activeVoiceChat","dndText","dndTextTooltip","hasCallButton","callButtonTooltip","isTyping","emits","data","actionFocused","labelWidth","leftbarGeneralRowClasses","showUnreadCount","showUnreadMentionCount","getIcon","generalRowListeners","extractVueListeners","$attrs","getAriaLabel","safeConcatStrings","hasActions","hasUnreadCount","hasUnreadMentionCount","shouldApplyCustomStyleForCountBadge","shouldApplyCustomStyleForMentionOnly","watch","immediate","deep","handler","validateProps","$nextTick","adjustLabelWidth","mounted","resizeObserver","ResizeObserver","observe","$el","beforeUnmount","disconnect","methods","console","error","querySelector","clientWidth","omegaWidth","alphaWidth","paddings","_hoisted_2","_createElementVNode","_hoisted_4","_hoisted_5","_hoisted_6","_mergeProps","_ctx","title","href","_toHandlers","_openBlock","_hoisted_3","_hoisted_7","_renderSlot","_component_dt_recipe_leftbar_general_row_icon","style","$data","_component_dt_emoji_text_wrapper","_hoisted_8","_component_dt_tooltip","placement","message","anchor","ref","_hoisted_9","_component_dt_badge","kind","_normalizeClass","_hoisted_10","_component_dt_button","circle","onFocus","onBlur","onClick","_cache","_withModifiers","$event","$emit","icon"],"mappings":"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"}
+{"version":3,"file":"general-row.js","sources":["../../recipes/leftbar/general_row/general_row_constants.js","../../recipes/leftbar/general_row/leftbar_general_row_icon.vue","../../recipes/leftbar/general_row/general_row.vue"],"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_ICON_MAPPING = {\n  [LEFTBAR_GENERAL_ROW_TYPES.INBOX]: 'inbox',\n  [LEFTBAR_GENERAL_ROW_TYPES.CONTACTS]: 'contacts',\n  [LEFTBAR_GENERAL_ROW_TYPES.CHANNELS]: 'hash',\n  [LEFTBAR_GENERAL_ROW_TYPES.THREADS]: 'thread',\n  [LEFTBAR_GENERAL_ROW_TYPES.LAUNCHPAD]: 'layout-template',\n  [LEFTBAR_GENERAL_ROW_TYPES.LOCKED_CHANNEL]: 'lock',\n  [LEFTBAR_GENERAL_ROW_TYPES.QUICK_START]: 'sparkle',\n  [LEFTBAR_GENERAL_ROW_TYPES.COACHING_GROUP]: 'users',\n  [LEFTBAR_GENERAL_ROW_TYPES.COACHING_CENTER]: 'external-link',\n  'locked channel unread': 'lock-filled',\n  'channel unread': 'hash-bold',\n  [LEFTBAR_GENERAL_ROW_TYPES.ASSIGNED]: 'at-sign',\n  [LEFTBAR_GENERAL_ROW_TYPES.DIGITAL]: 'laptop-2',\n  [LEFTBAR_GENERAL_ROW_TYPES.SCHEDULED]: 'calendar-clock',\n};\n\nexport const LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS = {\n  'magenta-200': 'd-bgc-magenta-200',\n  'green-200': 'd-bgc-green-200',\n  'gold-300': 'd-bgc-gold-300',\n  'purple-600': 'd-bgc-purple-600',\n  'magenta-300': 'd-bgc-magenta-300',\n  'purple-300': 'd-bgc-purple-300',\n  'green-500': 'd-bgc-green-500',\n  'purple-100': 'd-bgc-purple-100',\n  'magenta-400': 'd-bgc-magenta-400',\n  'magenta-100': 'd-bgc-magenta-100',\n  'black-300': 'd-bgc-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_ICON_MAPPING,\n  LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS,\n  LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR,\n  LEFTBAR_GENERAL_ROW_ICON_SIZES,\n};\n","<template>\n  <dt-icon\n    v-if=\"isIconType\"\n    :name=\"getIconName\"\n    :size=\"iconSize\"\n  />\n  <div\n    v-else-if=\"isContactCenterType\"\n    :class=\"contactCenterIconClasses\"\n  />\n  <div\n    v-else-if=\"isDialbotType\"\n    :class=\"dialbotClasses\"\n    data-qa=\"general-row-dialbot\"\n  >\n    <dt-icon\n      name=\"dialbot\"\n      size=\"500\"\n    />\n  </div>\n</template>\n\n<script>\nimport { DtIcon } from '@/components/icon';\nimport {\n  LEFTBAR_GENERAL_ROW_ICON_MAPPING as ICON_MAPPING,\n  LEFTBAR_GENERAL_ROW_TYPES as TYPES,\n  LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS as COLORS,\n} from '@/recipes/leftbar/general_row/general_row_constants';\n\nexport default {\n  name: 'DtRecipeLeftbarGeneralRowIcon',\n  components: { DtIcon },\n  props: {\n    type: {\n      type: String,\n      default: null,\n    },\n\n    color: {\n      type: String,\n      default: null,\n    },\n\n    iconSize: {\n      type: String,\n      default: '300',\n    },\n  },\n\n  computed: {\n    isIconType () {\n      return ![TYPES.DIALBOT, TYPES.CONTACT_CENTER].includes(this.type);\n    },\n\n    isContactCenterType () {\n      return this.type === TYPES.CONTACT_CENTER;\n    },\n\n    isDialbotType () {\n      return this.type === TYPES.DIALBOT;\n    },\n\n    getIconName () {\n      return ICON_MAPPING[this.type];\n    },\n\n    contactCenterIconClasses () {\n      return [\n        'dt-leftbar-row__icon-cc',\n        COLORS[this.color],\n      ];\n    },\n\n    dialbotClasses () {\n      return [\n        'd-d-flex',\n        'd-ai-center',\n        'd-jc-center',\n      ];\n    },\n  },\n};\n</script>\n","<template>\n  <div\n    :class=\"leftbarGeneralRowClasses\"\n    data-qa=\"dt-leftbar-row\"\n  >\n    <a\n      class=\"dt-leftbar-row__primary\"\n      :data-qa=\"'data-qa' in $attrs ? $attrs['data-qa'] : 'dt-leftbar-row-link'\"\n      :aria-label=\"getAriaLabel\"\n      :title=\"description\"\n      :href=\"'href' in $attrs ? $attrs.href : 'javascript:void(0)'\"\n      v-bind=\"$attrs\"\n      v-on=\"generalRowListeners\"\n    >\n      <div\n        class=\"dt-leftbar-row__alpha\"\n      >\n        <div\n          v-if=\"isTyping\"\n          class=\"dt-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-leftbar-row-icon\"\n          />\n        </slot>\n      </div>\n      <div\n        class=\"dt-leftbar-row__label\"\n        :style=\"`flex-basis: ${labelWidth}`\"\n      >\n        <slot name=\"label\">\n          <dt-emoji-text-wrapper\n            class=\"dt-leftbar-row__description\"\n            data-qa=\"dt-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=\"dt-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=\"dt-leftbar-row-dnd\"\n            class=\"dt-leftbar-row__dnd\"\n            data-qa=\"dt-leftbar-row-dnd\"\n          >\n            {{ dndText }}\n          </div>\n        </template>\n      </dt-tooltip>\n      <div\n        v-if=\"activeVoiceChat\"\n        class=\"dt-leftbar-row__active-voice\"\n      >\n        <dt-icon\n          size=\"300\"\n          name=\"waveform\"\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-leftbar-row-unread-badge\"\n            :class=\"['dt-leftbar-row__unread-badge', {\n              'dt-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-leftbar-row-unread-mention-badge\"\n            :class=\"['dt-leftbar-row__unread-badge',\n                     { 'dt-leftbar-row__unread-mention-count-badge': shouldApplyCustomStyleForCountBadge },\n                     { 'dt-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=\"dt-leftbar-row__action\"\n        data-qa=\"dt-leftbar-row-action\"\n      >\n        <dt-tooltip\n          :message=\"callButtonTooltip\"\n          placement=\"top\"\n        >\n          <template #anchor>\n            <dt-button\n              class=\"dt-leftbar-row__action-button\"\n              data-qa=\"dt-leftbar-row-action-call-button\"\n              :circle=\"true\"\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\n                  name=\"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 { DtIcon } from '@/components/icon';\nimport { DtButton } from '@/components/button';\nimport { DtTooltip } from '@/components/tooltip';\nimport DtEmojiTextWrapper from '@/components/emoji_text_wrapper/emoji_text_wrapper.vue';\nimport DtRecipeLeftbarGeneralRowIcon from './leftbar_general_row_icon.vue';\nimport { extractVueListeners, safeConcatStrings } from '@/common/utils';\n\nexport default {\n  name: 'DtRecipeGeneralRow',\n\n  components: {\n    DtEmojiTextWrapper,\n    DtBadge,\n    DtIcon,\n    DtButton,\n    DtTooltip,\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     * Text shown when the unread count is hovered.\n     */\n    unreadCountTooltip: {\n      type: String,\n      default: '',\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     * Text shown in tooltip when you hover the dndText\n     */\n    dndTextTooltip: {\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     * Text shown when the call button is hovered.\n     */\n    callButtonTooltip: {\n      type: String,\n      default: '',\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    };\n  },\n\n  computed: {\n    leftbarGeneralRowClasses () {\n      return [\n        'dt-leftbar-row',\n        {\n          'dt-leftbar-row--no-action': !this.hasCallButton,\n          'dt-leftbar-row--has-unread': this.hasUnreads,\n          'dt-leftbar-row--unread-count': this.showUnreadCount || this.showUnreadMentionCount,\n          'dt-leftbar-row--selected': this.selected,\n          'dt-leftbar-row--muted': this.muted,\n          'dt-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      return this.ariaLabel\n        ? this.ariaLabel\n        : safeConcatStrings([this.description, this.unreadCountTooltip, this.dndTextTooltip]);\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\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(this.$el);\n    this.adjustLabelWidth();\n  },\n\n  beforeUnmount: function () {\n    this.resizeObserver.disconnect();\n  },\n\n  methods: {\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 = this.$el?.querySelector('.dt-leftbar-row__primary')?.clientWidth || 0;\n      const omegaWidth = this.$el?.querySelector('.dt-leftbar-row__omega')?.clientWidth || 0;\n      const alphaWidth = this.$el?.querySelector('.dt-leftbar-row__alpha')?.clientWidth || 0;\n      const paddings = 16;\n      this.labelWidth = labelWidth - (omegaWidth + alphaWidth + paddings) + 'px';\n    },\n  },\n};\n</script>\n\n<style lang=\"less\" scoped>\n@import \"../style/leftbar_row.less\";\n</style>\n"],"names":["_sfc_main","TYPES","ICON_MAPPING","COLORS","_createBlock","_createElementBlock","_createVNode","DtEmojiTextWrapper","_createElementVNode","_mergeProps","_toHandlers","_openBlock","_renderSlot","_normalizeClass","_withModifiers"],"mappings":"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"}

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

@@ -6,11 +6,11 @@ const vue = require("vue");
 const _pluginVue_exportHelper = require("../chunks/_plugin-vue_export-helper-fhnQq0tA.js");
 const lib_generalRow = require("./general-row.cjs");
 require("@dialpad/dialtone-icons/vue3");
-require("../chunks/icon_constants-bvhFNOPu.js");
+require("../chunks/icon_constants-QYpmdE0R.js");
 require("@dialpad/dialtone-icons/icons.json");
 require("../common/constants.cjs");
 require("./emoji-text-wrapper.cjs");
-require("../chunks/index-fEp0B-5Z.js");
+require("../chunks/index-lu2o2f4r.js");
 require("@dialpad/dialtone-emojis");
 require("./emoji.cjs");
 require("./skeleton.cjs");
@@ -18,7 +18,7 @@ require("./badge.cjs");
 require("./button.cjs");
 require("../chunks/link_constants-x8NwdqmA.js");
 require("./tooltip.cjs");
-require("../chunks/popover_constants-h9MD6WUt.js");
+require("../chunks/popover_constants-XnGWXaxX.js");
 require("tippy.js");
 const _sfc_main = {
   name: "DtRecipeGroupRow",
@@ -101,10 +101,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     selected: $props.selected,
     "is-typing": $props.isTyping
   }, _ctx.$attrs, vue.toHandlers($options.contactRowListeners)), {
-    left: vue.withCtx(() => [vue.createVNode(_component_dt_icon, {
-      name: "users",
-      size: "300"
-    })]),
+    left: vue.withCtx(() => [
+      vue.createVNode(_component_dt_icon, {
+        name: "users",
+        size: "300"
+      })
+    ]),
     _: 1
   }, 16, ["description", "aria-label", "unread-count", "has-unreads", "unread-count-tooltip", "selected", "is-typing"]);
 }

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

@@ -1 +1 @@
-{"version":3,"file":"group-row.cjs","sources":["../../recipes/leftbar/group_row/group_row.vue"],"sourcesContent":["<template>\n  <dt-recipe-general-row\n    :description=\"names\"\n    :aria-label=\"ariaLabel\"\n    :unread-count=\"unreadCount\"\n    :has-unreads=\"hasUnreads\"\n    :unread-count-tooltip=\"unreadCountTooltip\"\n    :selected=\"selected\"\n    :is-typing=\"isTyping\"\n    v-bind=\"$attrs\"\n    v-on=\"contactRowListeners\"\n  >\n    <template #left>\n      <dt-icon\n        name=\"users\"\n        size=\"300\"\n      />\n    </template>\n  </dt-recipe-general-row>\n</template>\n\n<script>\nimport { DtRecipeGeneralRow } from '@/recipes/leftbar/general_row';\nimport DtIcon from '@/components/icon/icon.vue';\nimport { safeConcatStrings, extractVueListeners } from '@/common/utils';\n\nexport default {\n  name: 'DtRecipeGroupRow',\n\n  components: {\n    DtIcon,\n    DtRecipeGeneralRow,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n\n    /**\n     * Screen reader will read out the number of users in the group using this text. Ex: \"2 users\"\n     */\n    groupCountText: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Names of the group members\n     */\n    names: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Number of unread messages\n     */\n    unreadCount: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Text shown when the unread count is hovered.\n     */\n    unreadCountTooltip: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Styles the row with an increased font weight to convey it has unreads. This must be true to see\n     * the unread count badge.\n     */\n    hasUnreads: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Determines if the row is selected\n     */\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Shows an \"is typing\" animation over the avatar when true.\n     */\n    isTyping: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n  ],\n\n  computed: {\n    ariaLabel () {\n      return safeConcatStrings([this.groupCountText, this.names]);\n    },\n\n    contactRowListeners () {\n      return extractVueListeners(this.$attrs);\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","name","components","DtIcon","DtRecipeGeneralRow","inheritAttrs","props","groupCountText","type","String","default","names","required","unreadCount","unreadCountTooltip","hasUnreads","Boolean","selected","isTyping","emits","computed","ariaLabel","safeConcatStrings","contactRowListeners","extractVueListeners","$attrs","_openBlock","_createBlock","_component_dt_recipe_general_row","_mergeProps","description","$props","$options","_ctx","_toHandlers","left","_createVNode","_component_dt_icon","size"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA0BA,MAAKA,YAAU;AAAA,EACbC,MAAM;AAAA,EAENC,YAAY;AAAA,YACVC,SAAM;AAAA,IACNC,oBAAAA,eAAAA;AAAAA,EACD;AAAA,EAEDC,cAAc;AAAA,EAEdC,OAAO;AAAA;AAAA;AAAA;AAAA,IAKLC,gBAAgB;AAAA,MACdC,MAAMC;AAAAA,MACNC,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKDC,OAAO;AAAA,MACLH,MAAMC;AAAAA,MACNG,UAAU;AAAA,IACX;AAAA;AAAA;AAAA;AAAA,IAKDC,aAAa;AAAA,MACXL,MAAMC;AAAAA,MACNC,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKDI,oBAAoB;AAAA,MAClBN,MAAMC;AAAAA,MACNC,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMDK,YAAY;AAAA,MACVP,MAAMQ;AAAAA,MACNN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKDO,UAAU;AAAA,MACRT,MAAMQ;AAAAA,MACNN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKDQ,UAAU;AAAA,MACRV,MAAMQ;AAAAA,MACNN,SAAS;AAAA,IACX;AAAA,EACD;AAAA,EAEDS,OAAO,CACN;AAAA,EAEDC,UAAU;AAAA,IACRC,YAAa;AACX,aAAOC,aAAAA,kBAAkB,CAAC,KAAKf,gBAAgB,KAAKI,KAAK,CAAC;AAAA,IAC3D;AAAA,IAEDY,sBAAuB;AACrB,aAAOC,aAAmB,oBAAC,KAAKC,MAAM;AAAA,IACxC;AAAA,EACF;AACF;;;;AA3GE,SAAAC,cAAA,GAAAC,gBAiBwBC,kCAjBxBC,IAAAA,WAiBwB;AAAA,IAhBrBC,aAAaC,OAAKpB;AAAAA,IAClB,cAAYqB,SAASX;AAAAA,IACrB,gBAAcU,OAAWlB;AAAAA,IACzB,eAAakB,OAAUhB;AAAAA,IACvB,wBAAsBgB,OAAkBjB;AAAAA,IACxCG,UAAUc,OAAQd;AAAAA,IAClB,aAAWc,OAAQb;AAAAA,KACZe,KAAMR,QACdS,IAAAA,WAA0BF,SAADT,mBAAA,CAAA,GAAA;AAAA,IAEdY,kBACT,MAGE,CAHFC,IAAAA,YAGEC,oBAAA;AAAA,MAFApC,MAAK;AAAA,MACLqC,MAAK;AAAA;;;;;;"}
+{"version":3,"file":"group-row.cjs","sources":["../../recipes/leftbar/group_row/group_row.vue"],"sourcesContent":["<template>\n  <dt-recipe-general-row\n    :description=\"names\"\n    :aria-label=\"ariaLabel\"\n    :unread-count=\"unreadCount\"\n    :has-unreads=\"hasUnreads\"\n    :unread-count-tooltip=\"unreadCountTooltip\"\n    :selected=\"selected\"\n    :is-typing=\"isTyping\"\n    v-bind=\"$attrs\"\n    v-on=\"contactRowListeners\"\n  >\n    <template #left>\n      <dt-icon\n        name=\"users\"\n        size=\"300\"\n      />\n    </template>\n  </dt-recipe-general-row>\n</template>\n\n<script>\nimport { DtRecipeGeneralRow } from '@/recipes/leftbar/general_row';\nimport DtIcon from '@/components/icon/icon.vue';\nimport { safeConcatStrings, extractVueListeners } from '@/common/utils';\n\nexport default {\n  name: 'DtRecipeGroupRow',\n\n  components: {\n    DtIcon,\n    DtRecipeGeneralRow,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n\n    /**\n     * Screen reader will read out the number of users in the group using this text. Ex: \"2 users\"\n     */\n    groupCountText: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Names of the group members\n     */\n    names: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Number of unread messages\n     */\n    unreadCount: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Text shown when the unread count is hovered.\n     */\n    unreadCountTooltip: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Styles the row with an increased font weight to convey it has unreads. This must be true to see\n     * the unread count badge.\n     */\n    hasUnreads: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Determines if the row is selected\n     */\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Shows an \"is typing\" animation over the avatar when true.\n     */\n    isTyping: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n  ],\n\n  computed: {\n    ariaLabel () {\n      return safeConcatStrings([this.groupCountText, this.names]);\n    },\n\n    contactRowListeners () {\n      return extractVueListeners(this.$attrs);\n    },\n  },\n};\n</script>\n"],"names":["DtIcon","DtRecipeGeneralRow","safeConcatStrings","extractVueListeners","_openBlock","_createBlock","_mergeProps","_toHandlers","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA0BA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,QAAAA,SAAM;AAAA,IACN,oBAAAC,eAAkB;AAAA,EACnB;AAAA,EAED,cAAc;AAAA,EAEd,OAAO;AAAA;AAAA;AAAA;AAAA,IAKL,gBAAgB;AAAA,MACd,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,OAAO;AAAA,MACL,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA;AAAA;AAAA;AAAA,IAKD,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,oBAAoB;AAAA,MAClB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAO,CACN;AAAA,EAED,UAAU;AAAA,IACR,YAAa;AACX,aAAOC,aAAAA,kBAAkB,CAAC,KAAK,gBAAgB,KAAK,KAAK,CAAC;AAAA,IAC3D;AAAA,IAED,sBAAuB;AACrB,aAAOC,aAAmB,oBAAC,KAAK,MAAM;AAAA,IACvC;AAAA,EACF;AACH;;;;AA3GE,SAAAC,cAAA,GAAAC,gBAiBwB,kCAjBxBC,IAAAA,WAiBwB;AAAA,IAhBrB,aAAa,OAAK;AAAA,IAClB,cAAY,SAAS;AAAA,IACrB,gBAAc,OAAW;AAAA,IACzB,eAAa,OAAU;AAAA,IACvB,wBAAsB,OAAkB;AAAA,IACxC,UAAU,OAAQ;AAAA,IAClB,aAAW,OAAQ;AAAA,KACZ,KAAM,QACdC,IAAAA,WAA0B,SAAD,mBAAA,CAAA,GAAA;AAAA,IAEd,kBACT,MAGE;AAAA,MAHFC,IAAAA,YAGE,oBAAA;AAAA,QAFA,MAAK;AAAA,QACL,MAAK;AAAA;;;;;;;"}

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

@@ -4,11 +4,11 @@ import { resolveComponent, openBlock, createBlock, mergeProps, toHandlers, withC
 import { _export_sfc } from "../chunks/_plugin-vue_export-helper-caHeSgYY.js";
 import { DtRecipeGeneralRow } from "./general-row.js";
 import "@dialpad/dialtone-icons/vue3";
-import "../chunks/icon_constants-gIQj4mf7.js";
+import "../chunks/icon_constants-Dy4MEUJL.js";
 import "@dialpad/dialtone-icons/icons.json";
 import "../common/constants.js";
 import "./emoji-text-wrapper.js";
-import "../chunks/index-dfdrE-3M.js";
+import "../chunks/index-GVD15GIB.js";
 import "@dialpad/dialtone-emojis";
 import "./emoji.js";
 import "./skeleton.js";
@@ -16,7 +16,7 @@ import "./badge.js";
 import "./button.js";
 import "../chunks/link_constants-AfTWrr-n.js";
 import "./tooltip.js";
-import "../chunks/popover_constants-6YkPPbnk.js";
+import "../chunks/popover_constants-WsOUIY-m.js";
 import "tippy.js";
 const _sfc_main = {
   name: "DtRecipeGroupRow",
@@ -99,10 +99,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     selected: $props.selected,
     "is-typing": $props.isTyping
   }, _ctx.$attrs, toHandlers($options.contactRowListeners)), {
-    left: withCtx(() => [createVNode(_component_dt_icon, {
-      name: "users",
-      size: "300"
-    })]),
+    left: withCtx(() => [
+      createVNode(_component_dt_icon, {
+        name: "users",
+        size: "300"
+      })
+    ]),
     _: 1
   }, 16, ["description", "aria-label", "unread-count", "has-unreads", "unread-count-tooltip", "selected", "is-typing"]);
 }

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

@@ -1 +1 @@
-{"version":3,"file":"group-row.js","sources":["../../recipes/leftbar/group_row/group_row.vue"],"sourcesContent":["<template>\n  <dt-recipe-general-row\n    :description=\"names\"\n    :aria-label=\"ariaLabel\"\n    :unread-count=\"unreadCount\"\n    :has-unreads=\"hasUnreads\"\n    :unread-count-tooltip=\"unreadCountTooltip\"\n    :selected=\"selected\"\n    :is-typing=\"isTyping\"\n    v-bind=\"$attrs\"\n    v-on=\"contactRowListeners\"\n  >\n    <template #left>\n      <dt-icon\n        name=\"users\"\n        size=\"300\"\n      />\n    </template>\n  </dt-recipe-general-row>\n</template>\n\n<script>\nimport { DtRecipeGeneralRow } from '@/recipes/leftbar/general_row';\nimport DtIcon from '@/components/icon/icon.vue';\nimport { safeConcatStrings, extractVueListeners } from '@/common/utils';\n\nexport default {\n  name: 'DtRecipeGroupRow',\n\n  components: {\n    DtIcon,\n    DtRecipeGeneralRow,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n\n    /**\n     * Screen reader will read out the number of users in the group using this text. Ex: \"2 users\"\n     */\n    groupCountText: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Names of the group members\n     */\n    names: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Number of unread messages\n     */\n    unreadCount: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Text shown when the unread count is hovered.\n     */\n    unreadCountTooltip: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Styles the row with an increased font weight to convey it has unreads. This must be true to see\n     * the unread count badge.\n     */\n    hasUnreads: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Determines if the row is selected\n     */\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Shows an \"is typing\" animation over the avatar when true.\n     */\n    isTyping: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n  ],\n\n  computed: {\n    ariaLabel () {\n      return safeConcatStrings([this.groupCountText, this.names]);\n    },\n\n    contactRowListeners () {\n      return extractVueListeners(this.$attrs);\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","name","components","DtIcon","DtRecipeGeneralRow","inheritAttrs","props","groupCountText","type","String","default","names","required","unreadCount","unreadCountTooltip","hasUnreads","Boolean","selected","isTyping","emits","computed","ariaLabel","safeConcatStrings","contactRowListeners","extractVueListeners","$attrs","_openBlock","_createBlock","_component_dt_recipe_general_row","_mergeProps","description","$props","$options","_ctx","_toHandlers","left","_createVNode","_component_dt_icon","size"],"mappings":";;;;;;;;;;;;;;;;;;;;AA0BA,MAAKA,YAAU;AAAA,EACbC,MAAM;AAAA,EAENC,YAAY;AAAA,IACVC;AAAAA,IACAC;AAAAA,EACD;AAAA,EAEDC,cAAc;AAAA,EAEdC,OAAO;AAAA;AAAA;AAAA;AAAA,IAKLC,gBAAgB;AAAA,MACdC,MAAMC;AAAAA,MACNC,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKDC,OAAO;AAAA,MACLH,MAAMC;AAAAA,MACNG,UAAU;AAAA,IACX;AAAA;AAAA;AAAA;AAAA,IAKDC,aAAa;AAAA,MACXL,MAAMC;AAAAA,MACNC,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKDI,oBAAoB;AAAA,MAClBN,MAAMC;AAAAA,MACNC,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMDK,YAAY;AAAA,MACVP,MAAMQ;AAAAA,MACNN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKDO,UAAU;AAAA,MACRT,MAAMQ;AAAAA,MACNN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKDQ,UAAU;AAAA,MACRV,MAAMQ;AAAAA,MACNN,SAAS;AAAA,IACX;AAAA,EACD;AAAA,EAEDS,OAAO,CACN;AAAA,EAEDC,UAAU;AAAA,IACRC,YAAa;AACX,aAAOC,kBAAkB,CAAC,KAAKf,gBAAgB,KAAKI,KAAK,CAAC;AAAA,IAC3D;AAAA,IAEDY,sBAAuB;AACrB,aAAOC,oBAAoB,KAAKC,MAAM;AAAA,IACxC;AAAA,EACF;AACF;;;;AA3GE,SAAAC,UAAA,GAAAC,YAiBwBC,kCAjBxBC,WAiBwB;AAAA,IAhBrBC,aAAaC,OAAKpB;AAAAA,IAClB,cAAYqB,SAASX;AAAAA,IACrB,gBAAcU,OAAWlB;AAAAA,IACzB,eAAakB,OAAUhB;AAAAA,IACvB,wBAAsBgB,OAAkBjB;AAAAA,IACxCG,UAAUc,OAAQd;AAAAA,IAClB,aAAWc,OAAQb;AAAAA,KACZe,KAAMR,QACdS,WAA0BF,SAADT,mBAAA,CAAA,GAAA;AAAA,IAEdY,cACT,MAGE,CAHFC,YAGEC,oBAAA;AAAA,MAFApC,MAAK;AAAA,MACLqC,MAAK;AAAA;;;;;"}
+{"version":3,"file":"group-row.js","sources":["../../recipes/leftbar/group_row/group_row.vue"],"sourcesContent":["<template>\n  <dt-recipe-general-row\n    :description=\"names\"\n    :aria-label=\"ariaLabel\"\n    :unread-count=\"unreadCount\"\n    :has-unreads=\"hasUnreads\"\n    :unread-count-tooltip=\"unreadCountTooltip\"\n    :selected=\"selected\"\n    :is-typing=\"isTyping\"\n    v-bind=\"$attrs\"\n    v-on=\"contactRowListeners\"\n  >\n    <template #left>\n      <dt-icon\n        name=\"users\"\n        size=\"300\"\n      />\n    </template>\n  </dt-recipe-general-row>\n</template>\n\n<script>\nimport { DtRecipeGeneralRow } from '@/recipes/leftbar/general_row';\nimport DtIcon from '@/components/icon/icon.vue';\nimport { safeConcatStrings, extractVueListeners } from '@/common/utils';\n\nexport default {\n  name: 'DtRecipeGroupRow',\n\n  components: {\n    DtIcon,\n    DtRecipeGeneralRow,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n\n    /**\n     * Screen reader will read out the number of users in the group using this text. Ex: \"2 users\"\n     */\n    groupCountText: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Names of the group members\n     */\n    names: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Number of unread messages\n     */\n    unreadCount: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Text shown when the unread count is hovered.\n     */\n    unreadCountTooltip: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Styles the row with an increased font weight to convey it has unreads. This must be true to see\n     * the unread count badge.\n     */\n    hasUnreads: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Determines if the row is selected\n     */\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Shows an \"is typing\" animation over the avatar when true.\n     */\n    isTyping: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n  ],\n\n  computed: {\n    ariaLabel () {\n      return safeConcatStrings([this.groupCountText, this.names]);\n    },\n\n    contactRowListeners () {\n      return extractVueListeners(this.$attrs);\n    },\n  },\n};\n</script>\n"],"names":["_openBlock","_createBlock","_mergeProps","_toHandlers","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;AA0BA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,EACD;AAAA,EAED,cAAc;AAAA,EAEd,OAAO;AAAA;AAAA;AAAA;AAAA,IAKL,gBAAgB;AAAA,MACd,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,OAAO;AAAA,MACL,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA;AAAA;AAAA;AAAA,IAKD,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,oBAAoB;AAAA,MAClB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAO,CACN;AAAA,EAED,UAAU;AAAA,IACR,YAAa;AACX,aAAO,kBAAkB,CAAC,KAAK,gBAAgB,KAAK,KAAK,CAAC;AAAA,IAC3D;AAAA,IAED,sBAAuB;AACrB,aAAO,oBAAoB,KAAK,MAAM;AAAA,IACvC;AAAA,EACF;AACH;;;;AA3GE,SAAAA,UAAA,GAAAC,YAiBwB,kCAjBxBC,WAiBwB;AAAA,IAhBrB,aAAa,OAAK;AAAA,IAClB,cAAY,SAAS;AAAA,IACrB,gBAAc,OAAW;AAAA,IACzB,eAAa,OAAU;AAAA,IACvB,wBAAsB,OAAkB;AAAA,IACxC,UAAU,OAAQ;AAAA,IAClB,aAAW,OAAQ;AAAA,KACZ,KAAM,QACdC,WAA0B,SAAD,mBAAA,CAAA,GAAA;AAAA,IAEd,cACT,MAGE;AAAA,MAHFC,YAGE,oBAAA;AAAA,QAFA,MAAK;AAAA,QACL,MAAK;AAAA;;;;;;"}