@dialpad/dialtone-vue 2.64.0 → 2.65.0

package/dist/dialtone-vue.common.js

@@ -402,7 +402,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, ".dt-leftbar-row{--leftbar-row-color-foreground:var(--theme-sidebar-color);--leftbar-row-color-background:transparent;--leftbar-row-radius:100em;--leftbar-row-opacity:100%;--leftbar-row-alpha-color-foreground:var(--theme-sidebar-icon-color);--leftbar-row-alpha-width:calc(var(--size-300)*10);--leftbar-row-alpha-height:calc(var(--size-300)*9);--leftbar-row-omega-min-width:0;--leftbar-row-omega-height:var(--leftbar-row-alpha-height);--leftbar-row-omega-visibility:visible;--leftbar-row-description-font-weight:var(--fw-normal);--leftbar-row-description-font-size:var(--fs-200);--leftbar-row-description-line-height:var(--lh-200);--leftbar-row-status-color-foreground:var(--theme-sidebar-status-color);--leftbar-row-status-font-size:var(--fs-100);--leftbar-row-status-line-height:var(--lh-100);--leftbar-row-action-position-right:var(--size-400);--leftbar-row-action-position-bottom:50%;--leftbar-row-action-width:calc(var(--size-300)*6);--leftbar-row-action-height:var(--leftbar-row-action-width);position:relative;opacity:var(--leftbar-row-opacity)}.dt-leftbar-row:not(.dt-leftbar-row--no-action):hover{--leftbar-row-omega-min-width:var(--leftbar-row-alpha-width)}.dt-leftbar-row--has-unread{--leftbar-row-description-font-weight:var(--fw-bold);--leftbar-row-alpha-color-foreground:var(--leftbar-row-color-foreground)}.dt-leftbar-row--has-unread:not(.dt-leftbar-row--no-action):hover{--leftbar-row-omega-visibility:hidden}.dt-leftbar-row--muted{--leftbar-row-opacity:50%}.dt-leftbar-row--selected{--leftbar-row-color-background:var(--theme-sidebar-active-row-color-background);--leftbar-row-color-foreground:var(--theme-sidebar-active-row-color)}.dt-leftbar-row--selected .d-avatar__count{--avatar-count-color-shadow:var(--theme-sidebar-active-row-color-background)}.dt-leftbar-row--action-focused{--leftbar-row-omega-visibility:hidden;--leftbar-row-omega-min-width:var(--leftbar-row-alpha-width)}.dt-leftbar-row__primary{display:flex;align-items:center;flex:1;width:100%;text-align:left;color:var(--leftbar-row-color-foreground);text-decoration:none;background-color:var(--leftbar-row-color-background);border-radius:var(--leftbar-row-radius);transition-duration:var(--td200);transition-property:background-color,border,box-shadow;transition-timing-function:var(--ttf-out-quint);-webkit-appearance:none;appearance:none;font-size:inhert;line-height:inherit;margin:0;border:0;padding:0;cursor:pointer}.dt-leftbar-row__primary:hover{--leftbar-row-color-background:var(--theme-sidebar-row-color-background-hover)}.dt-leftbar-row__primary:active{--leftbar-row-color-background:var(--theme-sidebar-active-row-color-background)}.dt-leftbar-row__primary:focus-visible{box-shadow:var(--bs-focus-ring-inset)}.dt-leftbar-row__action{position:absolute;right:var(--leftbar-row-action-position-right);top:var(--leftbar-row-action-position-bottom);transform:translateY(calc(var(--leftbar-row-action-position-bottom)*-1));opacity:0}.dt-leftbar-row:hover .dt-leftbar-row__action,.dt-leftbar-row__action:focus,.dt-leftbar-row__action:focus-within{opacity:1}.dt-leftbar-row__action-button{width:var(--leftbar-row-action-width);height:var(--leftbar-row-action-height)}.dt-leftbar-row__alpha{color:var(--leftbar-row-alpha-color-foreground);display:flex;box-sizing:border-box;justify-content:center;align-items:center;padding-left:var(--space-400);padding-right:var(--space-400);width:var(--leftbar-row-alpha-width);height:var(--leftbar-row-alpha-height)}.dt-leftbar-row__label{flex:1;min-width:0}.dt-leftbar-row__omega{display:flex;gap:var(--space-300);justify-content:end;align-items:center;box-sizing:border-box;min-width:var(--leftbar-row-omega-min-width);height:var(--leftbar-row-omega-height);padding-left:var(--space-400);padding-right:var(--space-400);visibility:var(--leftbar-row-omega-visibility)}.dt-leftbar-row__active-voice{color:var(--fc-success);-webkit-animation-name:opacity-pulsate;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:both;-moz-animation-name:opacity-pulsate;-moz-animation-duration:1s;-moz-animation-iteration-count:infinite;-moz-animation-fill-mode:both;animation-name:opacity-pulsate;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:both}.dt-leftbar-row__dnd{padding-top:var(--space-200);padding-right:var(--space-300);color:var(--fc-tertiary);font-size:var(--fs-100);line-height:var(--lh-400);font-weight:var(--fw-medium)}.dt-leftbar-row__description{font-weight:var(--leftbar-row-description-font-weight);font-size:var(--leftbar-row-description-font-size);line-height:var(--leftbar-row-description-line-height)}.dt-leftbar-row__description,.dt-leftbar-row__status{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-leftbar-row__status{color:var(--leftbar-row-status-color-foreground);font-size:var(--leftbar-row-status-font-size);line-height:var(--leftbar-row-status-line-height);padding-bottom:var(--space-100)}.dt-leftbar-row__meta-context~.dt-leftbar-row__meta-custom:not(:empty):before{content:\" • \";color:var(--theme-sidebar-status-color)}.dt-leftbar-row__icon-cc{border-radius:var(--size-200);width:calc(var(--size-300)*3.5);height:calc(var(--size-300)*3.5)}.opacity-pulsate{-webkit-animation-name:opacity-pulsate;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:both;-moz-animation-name:opacity-pulsate;-moz-animation-duration:1s;-moz-animation-iteration-count:infinite;-moz-animation-fill-mode:both;animation-name:opacity-pulsate;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:both}@keyframes opacity-pulsate{0%,to{opacity:.2}50%{opacity:1}}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".dt-leftbar-row{--leftbar-row-color-foreground:var(--theme-sidebar-color);--leftbar-row-color-background:var(--theme-sidebar-row-color-background);--leftbar-row-radius:100em;--leftbar-row-opacity:100%;--leftbar-row-alpha-color-foreground:var(--theme-sidebar-icon-color);--leftbar-row-alpha-width:calc(var(--size-300)*10);--leftbar-row-alpha-height:calc(var(--size-300)*9);--leftbar-row-omega-min-width:0;--leftbar-row-omega-height:var(--leftbar-row-alpha-height);--leftbar-row-omega-visibility:visible;--leftbar-row-description-font-weight:var(--fw-normal);--leftbar-row-description-font-size:var(--fs-200);--leftbar-row-description-line-height:var(--lh-200);--leftbar-row-status-color-foreground:var(--theme-sidebar-status-color);--leftbar-row-status-font-size:var(--fs-100);--leftbar-row-status-line-height:var(--lh-100);--leftbar-row-action-position-right:var(--size-400);--leftbar-row-action-position-bottom:50%;--leftbar-row-action-width:calc(var(--size-300)*6);--leftbar-row-action-height:var(--leftbar-row-action-width);position:relative;opacity:var(--leftbar-row-opacity)}.dt-leftbar-row:not(.dt-leftbar-row--no-action):hover{--leftbar-row-omega-min-width:var(--leftbar-row-alpha-width)}.dt-leftbar-row:hover .d-presence{--presence-color-border-base:var(--theme-sidebar-selected-row-color-background)}.dt-leftbar-row:hover .d-avatar__count{--avatar-count-color-shadow:var(--theme-sidebar-selected-row-color-background)}.dt-leftbar-row--has-unread{--leftbar-row-description-font-weight:var(--fw-bold);--leftbar-row-alpha-color-foreground:var(--leftbar-row-color-foreground)}.dt-leftbar-row--has-unread:not(.dt-leftbar-row--no-action):hover{--leftbar-row-omega-visibility:hidden}.dt-leftbar-row--muted{--leftbar-row-opacity:50%}.dt-leftbar-row--selected{--leftbar-row-color-background:var(--theme-sidebar-selected-row-color-background);--leftbar-row-color-foreground:var(--theme-sidebar-selected-row-color)}.dt-leftbar-row--selected .d-avatar__count{--avatar-count-color-shadow:var(--theme-sidebar-selected-row-color-background)}.dt-leftbar-row--action-focused{--leftbar-row-omega-visibility:hidden;--leftbar-row-omega-min-width:var(--leftbar-row-alpha-width)}.dt-leftbar-row__is-typing{--is-typing-size-shape:calc(var(--size-300)*6);height:var(--is-typing-size-shape);width:var(--is-typing-size-shape);position:absolute;display:flex;align-items:center;justify-content:center;gap:2px;border-radius:var(--br-pill);opacity:.75}.dt-leftbar-row__is-typing span{transition:all .5s ease;background:var(--bgc-strong);height:4px;width:4px;display:inline-block;padding:0;opacity:.3;border-radius:var(--br-pill);animation:wave 1.5s ease infinite}.dt-leftbar-row__is-typing span:first-child{animation-delay:0}.dt-leftbar-row__is-typing span:nth-child(2){animation-delay:.1s}.dt-leftbar-row__is-typing span:nth-child(3){animation-delay:.2s}.dt-leftbar-row__primary{display:flex;align-items:center;flex:1;width:100%;text-align:left;color:var(--leftbar-row-color-foreground);text-decoration:none;background-color:var(--leftbar-row-color-background);border-radius:var(--leftbar-row-radius);transition-duration:var(--td200);transition-property:background-color,border,box-shadow;transition-timing-function:var(--ttf-out-quint);-webkit-appearance:none;appearance:none;font-size:inhert;line-height:inherit;margin:0;border:0;padding:0;cursor:pointer}.dt-leftbar-row__primary:hover{--leftbar-row-color-background:var(--theme-sidebar-row-color-background-hover)}.dt-leftbar-row__primary:active{--leftbar-row-color-background:var(--theme-sidebar-row-color-background-active)}.dt-leftbar-row__primary:focus-visible{box-shadow:var(--bs-focus-ring-inset)}.dt-leftbar-row__action{position:absolute;right:var(--leftbar-row-action-position-right);top:var(--leftbar-row-action-position-bottom);transform:translateY(calc(var(--leftbar-row-action-position-bottom)*-1))}.dt-leftbar-row__action-button{opacity:0;width:var(--leftbar-row-action-width);height:var(--leftbar-row-action-height)}.dt-leftbar-row:hover .dt-leftbar-row__action-button,.dt-leftbar-row__action-button:focus-visible{opacity:1}.dt-leftbar-row__alpha{color:var(--leftbar-row-alpha-color-foreground);display:flex;box-sizing:border-box;justify-content:center;align-items:center;padding-left:var(--space-400);padding-right:var(--space-400);width:var(--leftbar-row-alpha-width);height:var(--leftbar-row-alpha-height)}.dt-leftbar-row__label{flex:1;min-width:0}.dt-leftbar-row__omega{display:flex;gap:var(--space-300);justify-content:end;align-items:center;box-sizing:border-box;min-width:var(--leftbar-row-omega-min-width);height:var(--leftbar-row-omega-height);padding-left:var(--space-400);padding-right:var(--space-400);visibility:var(--leftbar-row-omega-visibility)}.dt-leftbar-row__active-voice{color:var(--fc-success);-webkit-animation-name:opacity-pulsate;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:both;-moz-animation-name:opacity-pulsate;-moz-animation-duration:1s;-moz-animation-iteration-count:infinite;-moz-animation-fill-mode:both;animation-name:opacity-pulsate;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:both}.dt-leftbar-row__dnd{padding-top:var(--space-200);padding-right:var(--space-300);color:var(--fc-tertiary);font-size:var(--fs-100);line-height:var(--lh-400);font-weight:var(--fw-medium)}.dt-leftbar-row__description{font-weight:var(--leftbar-row-description-font-weight);font-size:var(--leftbar-row-description-font-size);line-height:var(--leftbar-row-description-line-height)}.dt-leftbar-row__description,.dt-leftbar-row__status{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-leftbar-row__status{color:var(--leftbar-row-status-color-foreground);font-size:var(--leftbar-row-status-font-size);line-height:var(--leftbar-row-status-line-height);padding-bottom:var(--space-100)}.dt-leftbar-row__meta-context~.dt-leftbar-row__meta-custom:not(:empty):before{content:\" • \";color:var(--theme-sidebar-status-color)}.dt-leftbar-row__icon-cc{border-radius:var(--size-200);width:calc(var(--size-300)*3.5);height:calc(var(--size-300)*3.5)}.opacity-pulsate{-webkit-animation-name:opacity-pulsate;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:both;-moz-animation-name:opacity-pulsate;-moz-animation-duration:1s;-moz-animation-iteration-count:infinite;-moz-animation-fill-mode:both;animation-name:opacity-pulsate;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:both}@keyframes opacity-pulsate{0%,to{opacity:.2}50%{opacity:1}}@keyframes wave{0%,50%,to{transform:translate(0)}10%{transform:translateY(-5px);opacity:90%}}", ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -2375,8 +2375,8 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ const setPublicPath = (null);
 
-;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/avatar/avatar.vue?vue&type=template&id=8bf1cd1a&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.avatarClasses,style:(_vm.initialKindStyle),attrs:{"id":_vm.id,"data-qa":"dt-avatar"}},[_c('div',{ref:"canvas",staticClass:"d-avatar__canvas"},[(_vm.showDefaultSlot)?_vm._t("default"):(_vm.showInitials)?_c('span',{class:_vm.AVATAR_KIND_MODIFIERS.initials},[_vm._v(" "+_vm._s(_vm.formattedInitials)+" ")]):_vm._e()],2),(_vm.showGroup)?_c('span',{staticClass:"d-avatar__count",attrs:{"data-qa":"dt-avatar-count"}},[_vm._v(_vm._s(_vm.formattedGroup))]):_vm._e(),(_vm.presence && !_vm.showGroup)?_c('dt-presence',_vm._b({class:[
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/avatar/avatar.vue?vue&type=template&id=0071818a&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.avatarClasses,style:(_vm.initialKindStyle),attrs:{"id":_vm.id,"data-qa":"dt-avatar"}},[_c('div',{ref:"canvas",staticClass:"d-avatar__canvas"},[(_vm.showDefaultSlot)?_vm._t("default"):_vm._e(),(_vm.showInitials)?_c('span',{staticClass:"d-ps-absolute d-zi-base",class:_vm.AVATAR_KIND_MODIFIERS.initials},[_vm._v(" "+_vm._s(_vm.formattedInitials)+" ")]):_vm._e()],2),(_vm.showGroup)?_c('span',{staticClass:"d-avatar__count d-zi-base1",attrs:{"data-qa":"dt-avatar-count"}},[_vm._v(_vm._s(_vm.formattedGroup))]):_vm._e(),(_vm.presence && !_vm.showGroup)?_c('dt-presence',_vm._b({staticClass:"d-zi-base1",class:[
       'd-avatar__presence',
       _vm.AVATAR_PRESENCE_SIZE_MODIFIERS[_vm.size] ],attrs:{"presence":_vm.presence,"data-qa":"dt-presence"}},'dt-presence',_vm.presenceProps,false)):_vm._e()],1)}
 var staticRenderFns = []
@@ -2459,7 +2459,8 @@ var external_commonjs_vue_commonjs2_vue_root_Vue_default = /*#__PURE__*/__webpac
 
 const seedrandom = __webpack_require__(377);
 
-let UNIQUE_ID_COUNTER = 0; // selector to find focusable not hidden inputs
+let UNIQUE_ID_COUNTER = 0;
+let TIMER; // selector to find focusable not hidden inputs
 
 const FOCUSABLE_SELECTOR_NOT_HIDDEN = 'input:not([type=hidden]):not(:disabled)'; // selector to find focusable not disables elements
 
@@ -2581,7 +2582,7 @@ const flushPromises = () => {
  */
 
 const kebabCaseToPascalCase = string => {
-  return string.toLowerCase().split('-').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join('');
+  return string === null || string === void 0 ? void 0 : string.toLowerCase().split('-').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join('');
 };
 /**
  * Transform a string from PascalCase to kebab-case
@@ -2592,6 +2593,17 @@ const kebabCaseToPascalCase = string => {
 const pascalCaseToKebabCase = string => {
   return string.replace(/\.?([A-Z0-9]+)/g, (x, y) => '-' + y.toLowerCase()).replace(/^-/, '');
 };
+/*
+* Set's a global timer to debounce the execution of a function.
+* @param { object } func - the function that is going to be called after timeout
+* @param { number } [timeout=300] timeout
+* */
+
+function debounce(func) {
+  let timeout = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 300;
+  clearTimeout(TIMER);
+  TIMER = setTimeout(func, timeout);
+}
 /* harmony default export */ const utils = ({
   getUniqueString,
   getRandomElement,
@@ -2601,7 +2613,8 @@ const pascalCaseToKebabCase = string => {
   getValidationState,
   htmlFragment,
   flushPromises,
-  kebabCaseToPascalCase
+  kebabCaseToPascalCase,
+  debounce
 });
 ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/presence/presence.vue?vue&type=template&id=77957bb3&
 var presencevue_type_template_id_77957bb3_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-presence",attrs:{"data-qa":"dt-presence","role":"status","aria-live":_vm.$attrs.ariaLive || 'off'}},[(_vm.srText)?_c('span',{staticClass:"sr-only",attrs:{"data-qa":"dt-presence-sr-text"}},[_vm._v(_vm._s(_vm.srText)+" ")]):_vm._e(),_c('div',{staticClass:"d-presence__inner",class:{
@@ -2885,6 +2898,8 @@ const AVATAR_GROUP_VALIDATOR = group => group > 1;
 //
 //
 //
+//
+//
 
 
 
@@ -2991,13 +3006,14 @@ const AVATAR_GROUP_VALIDATOR = group => group > 1;
   data() {
     return {
       // initials, image or icon
-      kind: 'image',
+      kind: null,
       AVATAR_SIZE_MODIFIERS: AVATAR_SIZE_MODIFIERS,
       AVATAR_KIND_MODIFIERS: AVATAR_KIND_MODIFIERS,
       AVATAR_PRESENCE_SIZE_MODIFIERS: AVATAR_PRESENCE_SIZE_MODIFIERS,
       imageLoadedSuccessfully: null,
       slottedInitials: '',
-      formattedInitials: ''
+      formattedInitials: '',
+      initializing: false
     };
   },
 
@@ -3010,11 +3026,11 @@ const AVATAR_GROUP_VALIDATOR = group => group > 1;
     },
 
     showDefaultSlot() {
-      return this.kind !== 'initials' && this.imageLoadedSuccessfully !== false;
+      return this.kind !== 'initials' || this.kind === 'image' && this.imageLoadedSuccessfully === true;
     },
 
     showInitials() {
-      return this.kind === 'initials' || this.initials;
+      return this.kind === 'initials' || this.kind === 'image' && this.initials;
     },
 
     showGroup() {
@@ -3047,28 +3063,27 @@ const AVATAR_GROUP_VALIDATOR = group => group > 1;
   },
 
   updated() {
-    if (this.kind === 'initials') {
-      this.slottedInitials = this.$slots.default[0].text || this.$slots.default[0].textContent;
-      this.formatInitials(this.slottedInitials);
-    }
+    this.init();
   },
 
   methods: {
-    init() {
-      const firstChild = this.$refs.canvas.firstChild;
-
-      if (!firstChild) {
-        return;
-      }
-
+    async init() {
+      if (this.initializing) return;
+      this.kind = null;
+      await this.$nextTick();
+      const firstChild = this.$refs.canvas.firstElementChild || this.$refs.canvas;
+      this.formatInitials(this.initials);
       this.setKind(firstChild);
       this.kindHandler(firstChild);
+      this.initializing = true;
+      await this.$nextTick();
+      this.initializing = false;
     },
 
     kindHandler(el) {
       switch (this.kind) {
         case 'image':
-          el.classList.add('d-avatar__image');
+          el.classList.add('d-avatar__image', 'd-zi-base1');
           this.validateImageAttrsPresence();
           this.setImageListeners(el);
           break;
@@ -3079,24 +3094,25 @@ const AVATAR_GROUP_VALIDATOR = group => group > 1;
 
         case 'initials':
           this.slottedInitials = el.text || el.textContent;
-          this.formatInitials(this.slottedInitials);
+          this.formatInitials(this.slottedInitials.trim() || this.initials);
           break;
       }
     },
 
     setImageListeners(el) {
-      el.addEventListener('error', () => {
-        this.formatInitials(this.initials);
-        this.imageLoadedSuccessfully = false;
+      el.addEventListener('load', () => this._loadedImageEventHandler(el), {
+        once: true
       });
-      el.addEventListener('load', () => {
-        el.classList.add('d-avatar--image-loaded');
-        this.imageLoadedSuccessfully = true;
+      el.addEventListener('error', () => this._erroredImageEventHandler(el), {
+        once: true
       });
     },
 
     formatInitials(initials) {
-      if (!initials) return;
+      if (!initials) {
+        this.formattedInitials = '';
+        return;
+      }
 
       if (this.validatedSize === 'xs') {
         this.formattedInitials = '';
@@ -3108,7 +3124,7 @@ const AVATAR_GROUP_VALIDATOR = group => group > 1;
     },
 
     setKind(element) {
-      if (this.isSvgType(element)) {
+      if (this.isIconType(element)) {
         this.kind = 'icon';
         return;
       }
@@ -3121,7 +3137,7 @@ const AVATAR_GROUP_VALIDATOR = group => group > 1;
       this.kind = 'initials';
     },
 
-    isSvgType(element) {
+    isIconType(element) {
       var _element$tagName;
 
       return (element === null || element === void 0 ? void 0 : (_element$tagName = element.tagName) === null || _element$tagName === void 0 ? void 0 : _element$tagName.toUpperCase()) === 'SVG';
@@ -3167,6 +3183,18 @@ const AVATAR_GROUP_VALIDATOR = group => group > 1;
       if (isSrcMissing || isAltMissing) {
         external_commonjs_vue_commonjs2_vue_root_Vue_default().util.warn('src and alt attributes are required for image avatars', this);
       }
+    },
+
+    _loadedImageEventHandler(el) {
+      this.imageLoadedSuccessfully = true;
+      el.classList.remove('d-d-none');
+      el.classList.add('d-avatar--image-loaded');
+    },
+
+    _erroredImageEventHandler(el) {
+      this.imageLoadedSuccessfully = false;
+      el.classList.remove('d-avatar--image-loaded');
+      el.classList.add('d-d-none');
     }
 
   }
@@ -8611,7 +8639,7 @@ function orderModifiers(modifiers) {
   }, []);
 }
 ;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/utils/debounce.js
-function debounce(fn) {
+function debounce_debounce(fn) {
   var pending;
   return function () {
     if (!pending) {
@@ -8796,7 +8824,7 @@ function popperGenerator(generatorOptions) {
       },
       // Async and optimistically optimized update – it will not be executed if
       // not necessary (debounced to run at most once-per-tick)
-      update: debounce(function () {
+      update: debounce_debounce(function () {
         return new Promise(function (resolve) {
           instance.forceUpdate();
           resolve(state);
@@ -12566,7 +12594,6 @@ const getArrowDetected = fn => ({
 ;// CONCATENATED MODULE: ./components/popover/tippy_utils.js
 
 
-
 const BASE_TIPPY_DIRECTIONS = ['bottom', 'bottom-start', 'bottom-end', 'right', 'right-start', 'right-end', 'left', 'left-start', 'left-end', 'top', 'top-start', 'top-end'];
 const TIPPY_STICKY_VALUES = [true, false, 'reference', 'popper'];
 const tippy_utils_createTippy = (anchorElement, options) => {
@@ -12615,24 +12642,17 @@ const getPopperOptions = function () {
   };
 };
 
-const createAnchor = (anchorWrapper, tabIndex) => {
+const createAnchor = anchorWrapper => {
   const span = document.createElement('span');
-  span.setAttribute('tabindex', tabIndex);
   span.innerText = anchorWrapper.innerText || '';
   anchorWrapper.innerText = '';
   anchorWrapper.appendChild(span);
   return span;
 };
 
-const getAnchor = function (anchorWrapper) {
-  let tabIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '0';
+const getAnchor = anchorWrapper => {
   const anchor = anchorWrapper === null || anchorWrapper === void 0 ? void 0 : anchorWrapper.children[0];
   if (!anchor) return createAnchor(anchorWrapper);
-
-  if (!findFirstFocusableNode(anchor)) {
-    anchor.setAttribute('tabindex', tabIndex);
-  }
-
   return anchor;
 };
 const getContentWrapper = content => {
@@ -19716,15 +19736,15 @@ var toggle_component = normalizeComponent(
 /* harmony default export */ const toggle = (toggle_component.exports);
 ;// CONCATENATED MODULE: ./components/toggle/index.js
 
-;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/tooltip/tooltip.vue?vue&type=template&id=0c394aac&
-var tooltipvue_type_template_id_0c394aac_render = function () {
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/tooltip/tooltip.vue?vue&type=template&id=6d30a218&
+var tooltipvue_type_template_id_6d30a218_render = function () {
 var _obj;
-var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"data-qa":"dt-tooltip-container"}},[_c('a',{ref:"anchor",attrs:{"role":"presentation","data-qa":"dt-tooltip-anchor"},on:{"focusin":_vm.onEnterAnchor,"focusout":_vm.onLeaveAnchor,"mouseenter":_vm.onEnterAnchor,"mouseleave":_vm.onLeaveAnchor,"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }return _vm.onLeaveAnchor.apply(null, arguments)}}},[_vm._t("anchor")],2),_c('dt-lazy-show',_vm._g({ref:"content",class:[
+var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"data-qa":"dt-tooltip-container"}},[_c('a',{ref:"anchor",attrs:{"tabindex":"-1","role":"presentation","data-qa":"dt-tooltip-anchor"},on:{"focusin":_vm.onEnterAnchor,"focusout":_vm.onLeaveAnchor,"mouseenter":_vm.onEnterAnchor,"mouseleave":_vm.onLeaveAnchor,"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }return _vm.onLeaveAnchor.apply(null, arguments)}}},[_vm._t("anchor")],2),_c('dt-lazy-show',_vm._g({ref:"content",class:[
       'd-tooltip',
       ("d-tooltip__arrow-tippy--" + _vm.currentPlacement),
       ( _obj = {}, _obj[ _vm.TOOLTIP_KIND_MODIFIERS.inverted ] = _vm.inverted, _obj ),
       _vm.contentClass ],attrs:{"id":_vm.id,"show":_vm.isShown && (!!_vm.message.trim() || !!_vm.$slots.default),"role":"tooltip","aria-hidden":"false","data-qa":"dt-tooltip","appear":"","transition":_vm.transition}},_vm.tooltipListeners),[_vm._t("default",function(){return [_vm._v(" "+_vm._s(_vm.message)+" ")]})],2)],1)}
-var tooltipvue_type_template_id_0c394aac_staticRenderFns = []
+var tooltipvue_type_template_id_6d30a218_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./components/tooltip/tooltip_constants.js
@@ -19788,6 +19808,7 @@ const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
 //
 //
 //
+//
 
 
 
@@ -20131,8 +20152,8 @@ var tooltipvue_type_style_index_0_lang_less_ = __webpack_require__(213);
 
 var tooltip_component = normalizeComponent(
   tooltip_tooltipvue_type_script_lang_js_,
-  tooltipvue_type_template_id_0c394aac_render,
-  tooltipvue_type_template_id_0c394aac_staticRenderFns,
+  tooltipvue_type_template_id_6d30a218_render,
+  tooltipvue_type_template_id_6d30a218_staticRenderFns,
   false,
   null,
   null,
@@ -23355,9 +23376,9 @@ var grouped_chip_component = normalizeComponent(
 /* harmony default export */ const grouped_chip = (grouped_chip_component.exports);
 ;// CONCATENATED MODULE: ./recipes/chips/grouped_chip/index.js
 
-;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/leftbar/general_row/general_row.vue?vue&type=template&id=37f653fe&
-var general_rowvue_type_template_id_37f653fe_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.leftbarGeneralRowClasses,attrs:{"data-qa":"dt-leftbar-row"}},[_c('button',_vm._g(_vm._b({staticClass:"dt-leftbar-row__primary",attrs:{"data-qa":"dt-leftbar-row-link"}},'button',_vm.$attrs,false),_vm.$listeners),[_c('div',{staticClass:"dt-leftbar-row__alpha"},[_vm._t("left",function(){return [_c('dt-recipe-leftbar-general-row-icon',{attrs:{"type":_vm.getIcon,"color":_vm.color,"data-qa":"dt-leftbar-row-icon"}})]})],2),_c('div',{staticClass:"dt-leftbar-row__label"},[_vm._t("label",function(){return [_c('dt-emoji-text-wrapper',{staticClass:"dt-leftbar-row__description",attrs:{"data-qa":"dt-leftbar-row-description"}},[_vm._v(" "+_vm._s(_vm.description)+" ")])]})],2),_c('div',{staticClass:"dt-leftbar-row__omega"},[(_vm.dndText)?_c('div',{staticClass:"dt-leftbar-row__dnd"},[_vm._v(" "+_vm._s(_vm.dndText)+" ")]):(_vm.activeVoiceChat)?_c('div',{staticClass:"dt-leftbar-row__active-voice"},[_c('dt-icon',{attrs:{"size":"300","name":"activity"}})],1):(!!_vm.unreadCount && _vm.hasUnreads)?_c('dt-badge',{attrs:{"kind":"count","type":"bulletin","data-qa":"dt-leftbar-row-unread-badge"}},[_vm._v(" "+_vm._s(_vm.unreadCount)+" ")]):_vm._e()],1)]),(_vm.hasCallButton)?_c('div',{staticClass:"dt-leftbar-row__action",attrs:{"data-qa":"dt-leftbar-row-action"}},[_c('dt-button',{staticClass:"dt-leftbar-row__action-button",attrs:{"data-qa":"dt-leftbar-row-action-call-button","circle":"","size":"xs","kind":"inverted"},on:{"focus":function($event){_vm.actionFocused = true},"blur":function($event){_vm.actionFocused = false},"mouseout":function($event){_vm.actionFocused = false},"click":function($event){$event.stopPropagation();return _vm.$emit('call', $event)}},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('dt-icon',{attrs:{"name":"phone","size":"200"}})]},proxy:true}],null,false,990728611)})],1):_vm._e()])}
-var general_rowvue_type_template_id_37f653fe_staticRenderFns = []
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/leftbar/general_row/general_row.vue?vue&type=template&id=31787490&
+var general_rowvue_type_template_id_31787490_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.leftbarGeneralRowClasses,attrs:{"data-qa":"dt-leftbar-row"}},[_c('button',_vm._g(_vm._b({staticClass:"dt-leftbar-row__primary",attrs:{"data-qa":"dt-leftbar-row-link","aria-label":_vm.getAriaLabel,"title":_vm.description}},'button',_vm.$attrs,false),_vm.$listeners),[_c('div',{staticClass:"dt-leftbar-row__alpha"},[(_vm.isTyping)?_c('div',{staticClass:"dt-leftbar-row__is-typing"},[_c('span'),_c('span'),_c('span')]):_vm._t("left",function(){return [_c('dt-recipe-leftbar-general-row-icon',{class:{ 'd-o50': _vm.isTyping },attrs:{"type":_vm.getIcon,"color":_vm.color,"data-qa":"dt-leftbar-row-icon"}})]})],2),_c('div',{staticClass:"dt-leftbar-row__label"},[_vm._t("label",function(){return [_c('dt-emoji-text-wrapper',{staticClass:"dt-leftbar-row__description",attrs:{"data-qa":"dt-leftbar-row-description"}},[_vm._v(" "+_vm._s(_vm.description)+" ")])]})],2),_c('div',{staticClass:"dt-leftbar-row__omega"},[(_vm.dndText)?_c('dt-tooltip',{attrs:{"placement":"top","message":_vm.dndTextTooltip},scopedSlots:_vm._u([{key:"anchor",fn:function(){return [_c('div',{staticClass:"dt-leftbar-row__dnd"},[_vm._v(" "+_vm._s(_vm.dndText)+" ")])]},proxy:true}],null,false,1506147022)}):(_vm.activeVoiceChat)?_c('div',{staticClass:"dt-leftbar-row__active-voice"},[_c('dt-icon',{attrs:{"size":"300","name":"activity"}})],1):(!!_vm.unreadCount && _vm.hasUnreads)?_c('dt-tooltip',{attrs:{"message":_vm.unreadCountTooltip,"placement":"top"},scopedSlots:_vm._u([{key:"anchor",fn:function(){return [_c('dt-badge',{attrs:{"kind":"count","type":"bulletin","data-qa":"dt-leftbar-row-unread-badge"}},[_vm._v(" "+_vm._s(_vm.unreadCount)+" ")])]},proxy:true}])}):_vm._e()],1)]),(_vm.hasCallButton)?_c('div',{staticClass:"dt-leftbar-row__action",attrs:{"data-qa":"dt-leftbar-row-action"}},[_c('dt-tooltip',{attrs:{"message":_vm.callButtonTooltip,"placement":"top"},scopedSlots:_vm._u([{key:"anchor",fn:function(){return [_c('dt-button',{staticClass:"dt-leftbar-row__action-button",attrs:{"data-qa":"dt-leftbar-row-action-call-button","circle":"","size":"xs","kind":"inverted","aria-label":_vm.callButtonTooltip},on:{"focus":function($event){_vm.actionFocused = true},"blur":function($event){_vm.actionFocused = false},"mouseleave":function($event){_vm.actionFocused = false},"click":function($event){$event.stopPropagation();return _vm.$emit('call', $event)}},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('dt-icon',{attrs:{"name":"phone","size":"200"}})]},proxy:true}],null,false,990728611)})]},proxy:true}],null,false,4111698736)})],1):_vm._e()])}
+var general_rowvue_type_template_id_31787490_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./recipes/leftbar/general_row/general_row_constants.js
@@ -23368,6 +23389,9 @@ const LEFTBAR_GENERAL_ROW_TYPES = {
   THREADS: 'threads',
   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'
@@ -23378,6 +23402,9 @@ const LEFTBAR_GENERAL_ROW_ICON_MAPPING = {
   [LEFTBAR_GENERAL_ROW_TYPES.CHANNELS]: 'hash',
   [LEFTBAR_GENERAL_ROW_TYPES.THREADS]: 'thread',
   [LEFTBAR_GENERAL_ROW_TYPES.LOCKED_CHANNEL]: 'lock',
+  [LEFTBAR_GENERAL_ROW_TYPES.QUICK_START]: 'sparkle',
+  [LEFTBAR_GENERAL_ROW_TYPES.COACHING_GROUP]: 'users',
+  [LEFTBAR_GENERAL_ROW_TYPES.COACHING_CENTER]: 'external-link',
   'locked channel unread': 'lock-filled',
   'channel unread': 'hash-bold',
   [LEFTBAR_GENERAL_ROW_TYPES.ASSIGNED]: 'at-sign',
@@ -23929,27 +23956,27 @@ var emoji_text_wrapper_component = normalizeComponent(
 )
 
 /* harmony default export */ const emoji_text_wrapper = (emoji_text_wrapper_component.exports);
-;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/leftbar/general_row/leftbar_general_row_icon.vue?vue&type=template&id=06ed62b0&
-var leftbar_general_row_iconvue_type_template_id_06ed62b0_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.isIconType)?_c('dt-icon',{attrs:{"name":_vm.getIconName,"size":"300"}}):(_vm.isContactCenterType)?_c('div',{class:_vm.contactCenterIconClasses}):(_vm.isDialbotType)?_c('div',{class:_vm.dialbotClasses},[_c('icon-dialpad-glyph',{staticClass:"d-svg--size18",attrs:{"color":"white"}})],1):_vm._e()}
-var leftbar_general_row_iconvue_type_template_id_06ed62b0_staticRenderFns = []
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/leftbar/general_row/leftbar_general_row_icon.vue?vue&type=template&id=42d6843e&
+var leftbar_general_row_iconvue_type_template_id_42d6843e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.isIconType)?_c('dt-icon',{attrs:{"name":_vm.getIconName,"size":"300"}}):(_vm.isContactCenterType)?_c('div',{class:_vm.contactCenterIconClasses}):(_vm.isDialbotType)?_c('div',{class:_vm.dialbotClasses},[_c('icon-dialbot',{staticClass:"d-svg--size18"})],1):_vm._e()}
+var leftbar_general_row_iconvue_type_template_id_42d6843e_staticRenderFns = []
 
 
-;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconDialpadGlyph.vue?vue&type=template&id=85d2b6f4&
-var IconDialpadGlyphvue_type_template_id_85d2b6f4_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__dialpadGlyph",attrs:{"aria-hidden":"true","focusable":"false","aria-label":"Dialpad Glyph","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"fill-rule":"evenodd","clip-rule":"evenodd","d":"M12.025 11.197V4.18a.077.077 0 0 0-.132-.053L8.91 7.204a5.095 5.095 0 0 0-7.08 4.693 5.095 5.095 0 0 0 5.096 5.094 5.096 5.096 0 0 0 5.049-4.394v7.019c0 .069.083.102.131.053l2.982-3.079c.61.258 1.28.4 1.984.4a5.095 5.095 0 0 0 5.096-5.093 5.095 5.095 0 0 0-5.096-5.093 5.096 5.096 0 0 0-5.048 4.393Z"}})])}
-var IconDialpadGlyphvue_type_template_id_85d2b6f4_staticRenderFns = []
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconDialbot.vue?vue&type=template&id=afc48fb0&
+var IconDialbotvue_type_template_id_afc48fb0_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--native d-svg__dialbot",attrs:{"aria-hidden":"true","focusable":"false","aria-label":"Dialbot","width":"358","height":"358","viewBox":"0 0 358 358","fill":"none"}},[_c('circle',{attrs:{"cx":"179","cy":"179","r":"179","fill":"url(#paint0_linear_1957_89480)"}}),_c('path',{attrs:{"d":"M179 268.5v-11.933V268.5Zm86.517 0v11.933h19.308l-8.635-17.27-10.673 5.337Zm-16.73-33.459-9.3-7.478-4.797 5.967 3.424 6.848 10.673-5.337ZM179 101.433c42.839 0 77.567 34.728 77.567 77.567h23.866c0-56.02-45.413-101.433-101.433-101.433v23.866ZM101.433 179c0-42.839 34.728-77.567 77.567-77.567V77.567C122.98 77.567 77.567 122.98 77.567 179h23.866ZM179 256.567c-42.839 0-77.567-34.728-77.567-77.567H77.567c0 56.02 45.413 101.433 101.433 101.433v-23.866Zm86.517 0H179v23.866h86.517v-23.866Zm-27.403-16.189 16.729 33.459 21.347-10.674-16.729-33.459-21.347 10.674ZM256.567 179c0 18.396-6.39 35.268-17.08 48.563l18.6 14.955c13.975-17.38 22.346-39.488 22.346-63.518h-23.866Z","fill":"white"}}),_c('path',{attrs:{"d":"M226.733 202.867c-6.527 5.701-13.942 10.11-22.243 13.226-8.302 3.116-16.781 4.674-25.437 4.674-8.727 0-17.241-1.558-25.543-4.674-8.301-3.116-15.716-7.525-22.243-13.226v-11.933c4.399 2.651 9.365 4.939 14.9 6.861a112.143 112.143 0 0 0 16.816 4.674c5.747 1.127 11.104 1.691 16.07 1.691 5.038 0 10.395-.564 16.071-1.691a112.209 112.209 0 0 0 16.816-4.674c5.534-1.922 10.465-4.21 14.793-6.861v11.933Z","fill":"white"}}),_c('defs',[_c('linearGradient',{attrs:{"id":"paint0_linear_1957_89480","x1":"0","y1":"0","x2":"358","y2":"358","gradientUnits":"userSpaceOnUse"}},[_c('stop',{attrs:{"stop-color":"#7C52FF"}}),_c('stop',{attrs:{"offset":"1","stop-color":"#F9008E"}})],1)],1)])}
+var IconDialbotvue_type_template_id_afc48fb0_staticRenderFns = []
 
 
-;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconDialpadGlyph.vue
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconDialbot.vue
 
 var script = {}
 
 
 /* normalize component */
 ;
-var IconDialpadGlyph_component = normalizeComponent(
+var IconDialbot_component = normalizeComponent(
   script,
-  IconDialpadGlyphvue_type_template_id_85d2b6f4_render,
-  IconDialpadGlyphvue_type_template_id_85d2b6f4_staticRenderFns,
+  IconDialbotvue_type_template_id_afc48fb0_render,
+  IconDialbotvue_type_template_id_afc48fb0_staticRenderFns,
   false,
   null,
   null,
@@ -23957,7 +23984,7 @@ var IconDialpadGlyph_component = normalizeComponent(
   
 )
 
-/* harmony default export */ const IconDialpadGlyph = (IconDialpadGlyph_component.exports);
+/* harmony default export */ const IconDialbot = (IconDialbot_component.exports);
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40[0].rules[0].use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/leftbar/general_row/leftbar_general_row_icon.vue?vue&type=script&lang=js&
 //
 //
@@ -23979,7 +24006,6 @@ var IconDialpadGlyph_component = normalizeComponent(
 //
 //
 //
-//
 
 
 
@@ -23987,7 +24013,7 @@ var IconDialpadGlyph_component = normalizeComponent(
   name: 'DtRecipeLeftbarGeneralRowIcon',
   components: {
     DtIcon: icon,
-    IconDialpadGlyph: IconDialpadGlyph
+    IconDialbot: IconDialbot
   },
   props: {
     type: {
@@ -24021,7 +24047,7 @@ var IconDialpadGlyph_component = normalizeComponent(
     },
 
     dialbotClasses() {
-      return ['d-bar-circle', 'd-bgc-purple-400', 'd-w24', 'd-h24', 'd-d-flex', 'd-ai-center', 'd-jc-center'];
+      return ['d-w24', 'd-h24', 'd-d-flex', 'd-ai-center', 'd-jc-center'];
     }
 
   }
@@ -24038,8 +24064,8 @@ var IconDialpadGlyph_component = normalizeComponent(
 ;
 var leftbar_general_row_icon_component = normalizeComponent(
   general_row_leftbar_general_row_iconvue_type_script_lang_js_,
-  leftbar_general_row_iconvue_type_template_id_06ed62b0_render,
-  leftbar_general_row_iconvue_type_template_id_06ed62b0_staticRenderFns,
+  leftbar_general_row_iconvue_type_template_id_42d6843e_render,
+  leftbar_general_row_iconvue_type_template_id_42d6843e_staticRenderFns,
   false,
   null,
   null,
@@ -24136,6 +24162,41 @@ var leftbar_general_row_icon_component = normalizeComponent(
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
 
 
 
@@ -24149,6 +24210,7 @@ var leftbar_general_row_icon_component = normalizeComponent(
     DtBadge: badge,
     DtIcon: icon,
     DtButton: button_button,
+    DtTooltip: tooltip,
     DtRecipeLeftbarGeneralRowIcon: leftbar_general_row_icon
   },
   inheritAttrs: false,
@@ -24166,13 +24228,22 @@ var leftbar_general_row_icon_component = normalizeComponent(
     },
 
     /**
-     * Text displayed next to the icon
+     * Will be read out by a screen reader upon focus of this row. If not defined "description" will be read.
      */
-    description: {
+    ariaLabel: {
       type: String,
       default: ''
     },
 
+    /**
+     * Text displayed next to the icon. Required. Even if you are overriding this field using the label slot
+     * you still must input this as it will be displayed as the "title" attribute for the row.
+     */
+    description: {
+      type: String,
+      required: true
+    },
+
     /**
      * Determines the color of the contact center icon
      */
@@ -24201,6 +24272,14 @@ var leftbar_general_row_icon_component = normalizeComponent(
       default: null
     },
 
+    /**
+     * Text shown when the unread count is hovered.
+     */
+    unreadCountTooltip: {
+      type: String,
+      default: ''
+    },
+
     /**
      * Determines if the row is selected
      */
@@ -24234,12 +24313,36 @@ var leftbar_general_row_icon_component = normalizeComponent(
       default: ''
     },
 
+    /**
+     * Text shown in tooltip when you hover the dndText
+     */
+    dndTextTooltip: {
+      type: String,
+      default: ''
+    },
+
     /**
      * Whether the row should have a call button. Usually only applicable to individual contact rows.
      */
     hasCallButton: {
       type: Boolean,
       default: false
+    },
+
+    /**
+     * Text shown when the call button is hovered.
+     */
+    callButtonTooltip: {
+      type: String,
+      default: ''
+    },
+
+    /**
+     * Shows an "is typing" animation over the avatar when true.
+     */
+    isTyping: {
+      type: Boolean,
+      default: false
     }
   },
   emits: [
@@ -24287,6 +24390,10 @@ var leftbar_general_row_icon_component = normalizeComponent(
       }
 
       return this.type;
+    },
+
+    getAriaLabel() {
+      return this.ariaLabel ? this.ariaLabel : `${this.description} ${this.unreadCountTooltip} ${this.dndTextTooltip}`;
     }
 
   },
@@ -24327,8 +24434,8 @@ var general_rowvue_type_style_index_0_lang_less_ = __webpack_require__(641);
 
 var general_row_component = normalizeComponent(
   general_row_general_rowvue_type_script_lang_js_,
-  general_rowvue_type_template_id_37f653fe_render,
-  general_rowvue_type_template_id_37f653fe_staticRenderFns,
+  general_rowvue_type_template_id_31787490_render,
+  general_rowvue_type_template_id_31787490_staticRenderFns,
   false,
   null,
   null,
@@ -24340,9 +24447,9 @@ var general_row_component = normalizeComponent(
 ;// CONCATENATED MODULE: ./recipes/leftbar/general_row/index.js
 
 
-;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/leftbar/group_row/group_row.vue?vue&type=template&id=4a86bd91&
-var group_rowvue_type_template_id_4a86bd91_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-recipe-general-row',_vm._g({attrs:{"description":_vm.names,"unread-count":_vm.unreadCount,"has-unreads":_vm.hasUnreads,"selected":_vm.selected},scopedSlots:_vm._u([{key:"left",fn:function(){return [_c('dt-avatar',{attrs:{"initials":_vm.avatarInitials,"group":_vm.groupCount}},[_c('img',{attrs:{"data-qa":"dt-avatar-image","src":_vm.avatarSrc,"alt":_vm.avatarInitials}})])]},proxy:true}])},_vm.$listeners))}
-var group_rowvue_type_template_id_4a86bd91_staticRenderFns = []
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/leftbar/group_row/group_row.vue?vue&type=template&id=2afb38bf&
+var group_rowvue_type_template_id_2afb38bf_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-recipe-general-row',_vm._g({attrs:{"description":_vm.names,"aria-label":(_vm.groupCountText + " " + _vm.names),"unread-count":_vm.unreadCount,"has-unreads":_vm.hasUnreads,"unread-count-tooltip":_vm.unreadCountTooltip,"selected":_vm.selected,"is-typing":_vm.isTyping},scopedSlots:_vm._u([{key:"left",fn:function(){return [_c('dt-avatar',{attrs:{"initials":_vm.avatarInitials,"group":_vm.groupCount}},[_c('img',{attrs:{"data-qa":"dt-avatar-image","src":_vm.avatarSrc,"alt":_vm.avatarInitials}})])]},proxy:true}])},_vm.$listeners))}
+var group_rowvue_type_template_id_2afb38bf_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40[0].rules[0].use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/leftbar/group_row/group_row.vue?vue&type=script&lang=js&
@@ -24369,6 +24476,9 @@ var group_rowvue_type_template_id_4a86bd91_staticRenderFns = []
 //
 //
 //
+//
+//
+//
 
 
 /* harmony default export */ const group_rowvue_type_script_lang_js_ = ({
@@ -24406,12 +24516,20 @@ var group_rowvue_type_template_id_4a86bd91_staticRenderFns = []
       required: true
     },
 
+    /**
+     * Screen reader will read out the number of users in the group using this text. Ex: "2 users"
+     */
+    groupCountText: {
+      type: String,
+      default: ''
+    },
+
     /**
      * Names of the group members
      */
     names: {
       type: String,
-      default: ''
+      required: true
     },
 
     /**
@@ -24422,6 +24540,14 @@ var group_rowvue_type_template_id_4a86bd91_staticRenderFns = []
       default: null
     },
 
+    /**
+     * Text shown when the unread count is hovered.
+     */
+    unreadCountTooltip: {
+      type: String,
+      default: null
+    },
+
     /**
      * Styles the row with an increased font weight to convey it has unreads. This must be true to see
      * the unread count badge.
@@ -24437,6 +24563,14 @@ var group_rowvue_type_template_id_4a86bd91_staticRenderFns = []
     selected: {
       type: Boolean,
       default: false
+    },
+
+    /**
+     * Shows an "is typing" animation over the avatar when true.
+     */
+    isTyping: {
+      type: Boolean,
+      default: false
     }
   },
   emits: [
@@ -24460,8 +24594,8 @@ var group_rowvue_type_template_id_4a86bd91_staticRenderFns = []
 ;
 var group_row_component = normalizeComponent(
   group_row_group_rowvue_type_script_lang_js_,
-  group_rowvue_type_template_id_4a86bd91_render,
-  group_rowvue_type_template_id_4a86bd91_staticRenderFns,
+  group_rowvue_type_template_id_2afb38bf_render,
+  group_rowvue_type_template_id_2afb38bf_staticRenderFns,
   false,
   null,
   null,
@@ -24472,9 +24606,9 @@ var group_row_component = normalizeComponent(
 /* harmony default export */ const group_row = (group_row_component.exports);
 ;// CONCATENATED MODULE: ./recipes/leftbar/group_row/index.js
 
-;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/leftbar/contact_row/contact_row.vue?vue&type=template&id=22dc813a&
-var contact_rowvue_type_template_id_22dc813a_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-recipe-general-row',_vm._g({attrs:{"unread-count":_vm.unreadCount,"has-unreads":_vm.hasUnreads,"selected":_vm.selected,"has-call-button":true,"muted":_vm.muted},scopedSlots:_vm._u([{key:"left",fn:function(){return [_c('dt-avatar',{attrs:{"size":"sm","seed":_vm.avatarSeed,"presence":_vm.avatarPresence}},[(_vm.avatarSrc)?_c('img',{attrs:{"data-qa":"dt-avatar-image","src":_vm.avatarSrc,"alt":_vm.name}}):(_vm.noInitials)?[_c('dt-icon',{attrs:{"name":"user","size":"200"}})]:[_vm._v(" "+_vm._s(_vm.avatarInitial)+" ")]],2)]},proxy:true},{key:"label",fn:function(){return [_c('dt-emoji-text-wrapper',{staticClass:"dt-leftbar-row__description",attrs:{"data-qa":"dt-leftbar-row-description","size":"200"}},[_vm._v(" "+_vm._s(_vm.name)+" ")]),_c('div',{staticClass:"dt-leftbar-row__status"},[(_vm.presenceText)?_c('span',{class:['dt-leftbar-row__meta-context', _vm.presenceColorClass],attrs:{"data-qa":"dt-leftbar-row-presence-text"}},[_vm._v(" "+_vm._s(_vm.presenceText)+" ")]):_vm._e(),(_vm.userStatus)?_c('dt-emoji-text-wrapper',{staticClass:"dt-leftbar-row__meta-custom",attrs:{"size":"100","element-type":"span","data-qa":"dt-leftbar-row-user-status"}},[_vm._v(" "+_vm._s(_vm.userStatus)+" ")]):_vm._e()],1)]},proxy:true}])},_vm.$listeners))}
-var contact_rowvue_type_template_id_22dc813a_staticRenderFns = []
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/leftbar/contact_row/contact_row.vue?vue&type=template&id=4a456732&
+var contact_rowvue_type_template_id_4a456732_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-recipe-general-row',_vm._g({attrs:{"unread-count":_vm.unreadCount,"description":(_vm.name + " " + _vm.presenceText + " " + _vm.userStatus),"has-unreads":_vm.hasUnreads,"selected":_vm.selected,"has-call-button":true,"muted":_vm.muted,"is-typing":_vm.isTyping,"call-button-tooltip":_vm.callButtonTooltip,"unread-count-tooltip":_vm.unreadCountTooltip},scopedSlots:_vm._u([{key:"left",fn:function(){return [_c('dt-avatar',{attrs:{"size":"sm","seed":_vm.avatarSeed,"presence":_vm.avatarPresence}},[(_vm.avatarSrc)?_c('img',{attrs:{"data-qa":"dt-avatar-image","src":_vm.avatarSrc,"alt":_vm.name}}):(_vm.noInitials)?[_c('dt-icon',{attrs:{"name":"user","size":"200"}})]:[_vm._v(" "+_vm._s(_vm.avatarInitial)+" ")]],2)]},proxy:true},{key:"label",fn:function(){return [_c('dt-emoji-text-wrapper',{staticClass:"dt-leftbar-row__description",attrs:{"data-qa":"dt-leftbar-row-description","size":"200"}},[_vm._v(" "+_vm._s(_vm.name)+" ")]),_c('div',{staticClass:"dt-leftbar-row__status"},[(_vm.presenceText)?_c('span',{class:['dt-leftbar-row__meta-context', _vm.presenceColorClass],attrs:{"data-qa":"dt-leftbar-row-presence-text"}},[_vm._v(" "+_vm._s(_vm.presenceText)+" ")]):_vm._e(),(_vm.userStatus)?_c('dt-emoji-text-wrapper',{staticClass:"dt-leftbar-row__meta-custom",attrs:{"size":"100","element-type":"span","data-qa":"dt-leftbar-row-user-status"}},[_vm._v(" "+_vm._s(_vm.userStatus)+" ")]):_vm._e()],1)]},proxy:true}])},_vm.$listeners))}
+var contact_rowvue_type_template_id_4a456732_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40[0].rules[0].use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/leftbar/contact_row/contact_row.vue?vue&type=script&lang=js&
@@ -24540,6 +24674,10 @@ var contact_rowvue_type_template_id_22dc813a_staticRenderFns = []
 //
 //
 //
+//
+//
+//
+//
 
 
 
@@ -24567,6 +24705,7 @@ var contact_rowvue_type_template_id_22dc813a_staticRenderFns = []
      * Determines whether to show the presence indicator for
      * Avatar - accepts PRESENCE_STATES values: 'active', 'busy', 'away', 'offline'. defaults to active.
      * @values active, busy, away, offline
+     * @default active
      */
     avatarPresence: {
       type: String,
@@ -24647,6 +24786,30 @@ var contact_rowvue_type_template_id_22dc813a_staticRenderFns = []
     noInitials: {
       type: Boolean,
       default: false
+    },
+
+    /**
+     * Shows an "is typing" animation over the avatar when true.
+     */
+    isTyping: {
+      type: Boolean,
+      default: false
+    },
+
+    /**
+     * Text shown when the call button is hovered.
+     */
+    callButtonTooltip: {
+      type: String,
+      default: ''
+    },
+
+    /**
+     * Text shown when the unread count is hovered.
+     */
+    unreadCountTooltip: {
+      type: String,
+      default: ''
     }
   },
   emits: [
@@ -24701,8 +24864,8 @@ var contact_rowvue_type_template_id_22dc813a_staticRenderFns = []
 ;
 var contact_row_component = normalizeComponent(
   contact_row_contact_rowvue_type_script_lang_js_,
-  contact_rowvue_type_template_id_22dc813a_render,
-  contact_rowvue_type_template_id_22dc813a_staticRenderFns,
+  contact_rowvue_type_template_id_4a456732_render,
+  contact_rowvue_type_template_id_4a456732_staticRenderFns,
   false,
   null,
   null,