@dialpad/dialtone-vue 2.78.0 → 2.78.1

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [2.78.1](https://github.com/dialpad/dialtone-vue/compare/v2.78.0...v2.78.1) (2023-04-10)
+
+
+### Bug Fixes
+
+* showing both image and initials issue ([#901](https://github.com/dialpad/dialtone-vue/issues/901)) ([b827e5e](https://github.com/dialpad/dialtone-vue/commit/b827e5ea08c5c8d0c91716190c716c6ccac74837))
+
 # [2.78.0](https://github.com/dialpad/dialtone-vue/compare/v2.77.2...v2.78.0) (2023-04-06)
 
 

package/dist/dialtone-vue.common.js

@@ -2421,7 +2421,7 @@ 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=5943554e&
+;// 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=7a8c5449&
 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",class:[_vm.canvasClass, '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.overlayIcon || _vm.overlayText)?_c('div',{staticClass:"d-bgc-black-900 d-o70 d-ps-absolute d-w100p d-h100p d-mn4 d-ba d-baw4 d-bc-white d-bar-pill d-d-flex d-ai-center d-zi-base"},[(_vm.overlayIcon)?_c('dt-icon',{staticClass:"d-fc-white d-w100p",attrs:{"name":_vm.overlayIcon}}):(_vm.overlayText)?_c('p',{staticClass:"d-fs-200 d-fw-bold d-fc-white d-w100p d-ta-center"},[_vm._v(" "+_vm._s(_vm.overlayText)+" ")]):_vm._e()],1):_vm._e(),(_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)}
@@ -3317,6 +3317,10 @@ const AVATAR_GROUP_VALIDATOR = group => group > 1;
     kindHandler(el) {
       switch (this.kind) {
         case 'image':
+          if (this.showInitials) {
+            el.classList.add('d-avatar__image', 'd-zi-base1');
+          }
+
           this.validateImageAttrsPresence();
           this.setImageListeners(el);
           break;

package/dist/dialtone-vue.umd.js

@@ -2431,7 +2431,7 @@ 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=5943554e&
+;// 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=7a8c5449&
 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",class:[_vm.canvasClass, '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.overlayIcon || _vm.overlayText)?_c('div',{staticClass:"d-bgc-black-900 d-o70 d-ps-absolute d-w100p d-h100p d-mn4 d-ba d-baw4 d-bc-white d-bar-pill d-d-flex d-ai-center d-zi-base"},[(_vm.overlayIcon)?_c('dt-icon',{staticClass:"d-fc-white d-w100p",attrs:{"name":_vm.overlayIcon}}):(_vm.overlayText)?_c('p',{staticClass:"d-fs-200 d-fw-bold d-fc-white d-w100p d-ta-center"},[_vm._v(" "+_vm._s(_vm.overlayText)+" ")]):_vm._e()],1):_vm._e(),(_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)}
@@ -3327,6 +3327,10 @@ const AVATAR_GROUP_VALIDATOR = group => group > 1;
     kindHandler(el) {
       switch (this.kind) {
         case 'image':
+          if (this.showInitials) {
+            el.classList.add('d-avatar__image', 'd-zi-base1');
+          }
+
           this.validateImageAttrsPresence();
           this.setImageListeners(el);
           break;