@dialpad/dialtone-vue 2.61.0 → 2.63.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/CHANGELOG.json +1 -1
  2. package/CHANGELOG.md +14 -0
  3. package/dist/dialtone-vue.common.js +80 -28
  4. package/dist/dialtone-vue.umd.js +80 -28
  5. package/dist/dialtone-vue.umd.min.js +1 -1
  6. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,17 @@
1
+ # [2.63.0](https://github.com/dialpad/dialtone-vue/compare/v2.62.0...v2.63.0) (2023-03-02)
2
+
3
+
4
+ ### Features
5
+
6
+ * **Leftbar General Row:** add hasUnreads prop ([5da9dd7](https://github.com/dialpad/dialtone-vue/commit/5da9dd75c0d2e521018b8767d1e8beb012a4da75))
7
+
8
+ # [2.62.0](https://github.com/dialpad/dialtone-vue/compare/v2.61.0...v2.62.0) (2023-03-01)
9
+
10
+
11
+ ### Features
12
+
13
+ * DP-59900 Add `buttonWidthSize` prop ([167b08c](https://github.com/dialpad/dialtone-vue/commit/167b08c081f3a5f73d8d2bad733f323a3b6c0ff7))
14
+
1
15
  # [2.61.0](https://github.com/dialpad/dialtone-vue/compare/v2.60.0...v2.61.0) (2023-03-01)
2
16
 
3
17
 
package/dist/dialtone-vue.common.js CHANGED
@@ -354,7 +354,7 @@ __webpack_require__.r(__webpack_exports__);
354
354
 
355
355
  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()));
356
356
  // Module
357
- ___CSS_LOADER_EXPORT___.push([module.id, ".dt-recipe--callbar-button-with-popover--button{position:relative;display:inline-block}.dt-recipe--callbar-button-with-popover--arrow.d-btn--circle{position:absolute;top:2rem;right:0;width:var(--su16);height:var(--su16);padding:var(--su8);border-radius:var(--su4)}.dt-recipe--callbar-button-with-popover--arrow.d-btn--circle.d-btn--active{background:var(--black-025)}.dt-recipe--callbar-button-with-popover--popover .d-popover__header{background:var(--black-900);color:var(--white)}.dt-recipe--callbar-button-with-popover--popover .d-popover__header button{color:var(--white)}.dt-recipe--callbar-button-with-popover--button .d-tab--selected:after,.dt-recipe--callbar-button-with-popover--button .d-tab--selected:hover:after{--tab--bgc:var(--black-900)}.dt-recipe--callbar-button-with-popover--button .tab-group{display:flex;flex-direction:column;height:100%}.dt-recipe--callbar-button-with-popover--button .tab-content{flex:1 1 100%;overflow-y:auto}", ""]);
357
+ ___CSS_LOADER_EXPORT___.push([module.id, ".dt-recipe--callbar-button-with-popover--arrow.d-btn--circle{margin-top:-1.2rem;width:var(--su16);height:var(--su16);padding:var(--su8);border-radius:var(--su4)}.dt-recipe--callbar-button-with-popover--arrow.d-btn--circle.d-btn--active{background:var(--black-025)}.dt-recipe--callbar-button-with-popover--popover .d-popover__header{background:var(--black-900);color:var(--white)}.dt-recipe--callbar-button-with-popover--popover .d-popover__header button{color:var(--white)}.dt-recipe--callbar-button-with-popover--button .d-tab--selected:after,.dt-recipe--callbar-button-with-popover--button .d-tab--selected:hover:after{--tab--bgc:var(--black-900)}.dt-recipe--callbar-button-with-popover--button .tab-group{display:flex;flex-direction:column;height:100%}.dt-recipe--callbar-button-with-popover--button .tab-content{flex:1 1 100%;overflow-y:auto}", ""]);
358
358
  // Exports
359
359
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
360
360
 
@@ -2349,6 +2349,7 @@ __webpack_require__.d(__webpack_exports__, {
2349
2349
  "TOOLTIP_STICKY_VALUES": () => (/* reexport */ TOOLTIP_STICKY_VALUES),
2350
2350
  "USER_STATUS_COLOR_MODIFIERS": () => (/* reexport */ USER_STATUS_COLOR_MODIFIERS),
2351
2351
  "VALIDATION_MESSAGE_TYPES": () => (/* reexport */ VALIDATION_MESSAGE_TYPES),
2352
+ "VALID_WIDTH_SIZE": () => (/* reexport */ VALID_WIDTH_SIZE),
2352
2353
  "filterFormattedMessages": () => (/* reexport */ filterFormattedMessages),
2353
2354
  "formatMessages": () => (/* reexport */ formatMessages),
2354
2355
  "getUniqueString": () => (/* reexport */ getUniqueString),
@@ -22151,9 +22152,9 @@ var combobox_multi_select_component = normalizeComponent(
22151
22152
  ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/index.js
22152
22153
 
22153
22154
 
22154
- ;// 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/buttons/callbar_button/callbar_button.vue?vue&type=template&id=7a807bca&
22155
- var callbar_buttonvue_type_template_id_7a807bca_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-tooltip',{attrs:{"id":_vm.id,"offset":[0, -12]},scopedSlots:_vm._u([{key:"anchor",fn:function(){return [_c('dt-button',_vm._g({class:_vm.callbarButtonClass,attrs:{"importance":_vm.circle ? 'outlined' : 'clear',"kind":"muted","icon-position":"top","disabled":_vm.disabled,"aria-label":_vm.ariaLabel,"label-class":"d-fs-100","width":"8.4rem"}},_vm.$listeners),[_vm._t("default"),_vm._t("icon",null,{"slot":"icon"})],2)]},proxy:true}],null,true)},[_vm._t("tooltip")],2)}
22156
- var callbar_buttonvue_type_template_id_7a807bca_staticRenderFns = []
22155
+ ;// 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/buttons/callbar_button/callbar_button.vue?vue&type=template&id=44881500&
22156
+ var callbar_buttonvue_type_template_id_44881500_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-tooltip',{attrs:{"id":_vm.id,"offset":[0, -12]},scopedSlots:_vm._u([{key:"anchor",fn:function(){return [_c('dt-button',_vm._g({class:_vm.callbarButtonClass,attrs:{"importance":_vm.circle ? 'outlined' : 'clear',"kind":"muted","icon-position":"top","disabled":_vm.disabled,"aria-label":_vm.ariaLabel,"label-class":"d-fs-100","width":_vm.buttonWidth}},_vm.$listeners),[_vm._t("default"),_vm._t("icon",null,{"slot":"icon"})],2)]},proxy:true}],null,true)},[_vm._t("tooltip")],2)}
22157
+ var callbar_buttonvue_type_template_id_44881500_staticRenderFns = []
22157
22158
 
22158
22159
 
22159
22160
  ;// 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/buttons/callbar_button/callbar_button.vue?vue&type=script&lang=js&
@@ -22188,6 +22189,7 @@ var callbar_buttonvue_type_template_id_7a807bca_staticRenderFns = []
22188
22189
 
22189
22190
 
22190
22191
 
22192
+ const VALID_WIDTH_SIZE = ['sm', 'md', 'lg', 'xl'];
22191
22193
  /* harmony default export */ const callbar_buttonvue_type_script_lang_js_ = ({
22192
22194
  name: 'DtRecipeCallbarButton',
22193
22195
  components: {
@@ -22267,6 +22269,15 @@ var callbar_buttonvue_type_template_id_7a807bca_staticRenderFns = []
22267
22269
  buttonClass: {
22268
22270
  type: [String, Array, Object],
22269
22271
  default: ''
22272
+ },
22273
+
22274
+ /*
22275
+ * Width size. Valid values are: 'xl', 'lg', 'md' and 'sm'.
22276
+ */
22277
+ buttonWidthSize: {
22278
+ type: String,
22279
+ default: 'xl',
22280
+ validator: size => VALID_WIDTH_SIZE.includes(size)
22270
22281
  }
22271
22282
  },
22272
22283
  emits: [
@@ -22284,6 +22295,20 @@ var callbar_buttonvue_type_template_id_7a807bca_staticRenderFns = []
22284
22295
  'dt-recipe-callbar-button--active': this.active,
22285
22296
  'dt-recipe-callbar-button--danger': this.danger
22286
22297
  }];
22298
+ },
22299
+
22300
+ buttonWidth() {
22301
+ switch (this.buttonWidthSize) {
22302
+ case 'sm':
22303
+ case 'md':
22304
+ return '4.5rem';
22305
+
22306
+ case 'lg':
22307
+ return '6rem';
22308
+
22309
+ default:
22310
+ return '8.4rem';
22311
+ }
22287
22312
  }
22288
22313
 
22289
22314
  }
@@ -22305,8 +22330,8 @@ var callbar_buttonvue_type_style_index_0_lang_less_ = __webpack_require__(759);
22305
22330
 
22306
22331
  var callbar_button_component = normalizeComponent(
22307
22332
  callbar_button_callbar_buttonvue_type_script_lang_js_,
22308
- callbar_buttonvue_type_template_id_7a807bca_render,
22309
- callbar_buttonvue_type_template_id_7a807bca_staticRenderFns,
22333
+ callbar_buttonvue_type_template_id_44881500_render,
22334
+ callbar_buttonvue_type_template_id_44881500_staticRenderFns,
22310
22335
  false,
22311
22336
  null,
22312
22337
  null,
@@ -22317,9 +22342,9 @@ var callbar_button_component = normalizeComponent(
22317
22342
  /* harmony default export */ const callbar_button = (callbar_button_component.exports);
22318
22343
  ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/index.js
22319
22344
 
22320
- ;// 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/buttons/callbar_button_with_popover/callbar_button_with_popover.vue?vue&type=template&id=cca8d214&
22321
- var callbar_button_with_popovervue_type_template_id_cca8d214_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"dt-recipe--callbar-button-with-popover--button"},[_c('dt-recipe-callbar-button',{staticClass:"dt-recipe--callbar-button-with-popover--main-button",attrs:{"aria-label":_vm.ariaLabel,"disabled":_vm.disabled,"active":_vm.active,"danger":_vm.danger,"button-class":_vm.buttonClass},on:{"click":_vm.buttonClick}},[_vm._t("icon",null,{"slot":"icon"}),_vm._t("tooltip",null,{"slot":"tooltip"}),_vm._t("default")],2),(_vm.showArrowButton)?_c('dt-popover',_vm._b({staticClass:"dt-recipe--callbar-button-with-popover--popover-wrapper",attrs:{"id":_vm.id,"open":_vm.open,"placement":_vm.placement,"initial-focus-element":_vm.initialFocusElement,"show-close-button":_vm.showCloseButton,"padding":"none","dialog-class":['dt-recipe--callbar-button-with-popover--popover', _vm.contentClass],"header-class":"d-d-flex d-ai-center d-fw-normal d-px12"},on:{"opened":_vm.onModalIsOpened},scopedSlots:_vm._u([{key:"anchor",fn:function(){return [_c('dt-button',{staticClass:"dt-recipe--callbar-button-with-popover--arrow",attrs:{"circle":"","importance":"clear","size":"lg","width":"2rem","aria-label":_vm.arrowButtonLabel,"active":_vm.open},on:{"click":_vm.arrowClick},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('dt-icon',{attrs:{"name":"chevron-up","size":"200"}})]},proxy:true}],null,false,3340821372)})]},proxy:true}],null,false,86794195)},'dt-popover',_vm.$attrs,false),[_vm._t("content",null,{"slot":"content"}),_vm._t("headerContent",null,{"slot":"headerContent"}),_vm._t("footerContent",null,{"slot":"footerContent"})],2):_vm._e()],1)}
22322
- var callbar_button_with_popovervue_type_template_id_cca8d214_staticRenderFns = []
22345
+ ;// 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/buttons/callbar_button_with_popover/callbar_button_with_popover.vue?vue&type=template&id=428bc44b&
22346
+ var callbar_button_with_popovervue_type_template_id_428bc44b_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-d-flex d-ai-center"},[_c('dt-recipe-callbar-button',{staticClass:"dt-recipe--callbar-button-with-popover--main-button",attrs:{"aria-label":_vm.ariaLabel,"disabled":_vm.disabled,"active":_vm.active,"danger":_vm.danger,"button-class":_vm.buttonClass,"button-width-size":_vm.buttonWidthSize},on:{"click":_vm.buttonClick}},[_vm._t("icon",null,{"slot":"icon"}),_vm._t("tooltip",null,{"slot":"tooltip"}),_vm._t("default")],2),(_vm.showArrowButton)?_c('dt-popover',_vm._b({staticClass:"dt-recipe--callbar-button-with-popover--popover-wrapper",attrs:{"id":_vm.id,"open":_vm.open,"placement":_vm.placement,"initial-focus-element":_vm.initialFocusElement,"show-close-button":_vm.showCloseButton,"padding":"none","dialog-class":['dt-recipe--callbar-button-with-popover--popover', _vm.contentClass],"header-class":"d-d-flex d-ai-center d-fw-normal d-px12"},on:{"opened":_vm.onModalIsOpened},scopedSlots:_vm._u([{key:"anchor",fn:function(){return [_c('dt-button',{class:['dt-recipe--callbar-button-with-popover--arrow', _vm.isCompactMode ? 'd-mln16' : 'd-mln24'],attrs:{"circle":"","importance":"clear","size":"lg","width":"2rem","aria-label":_vm.arrowButtonLabel,"active":_vm.open},on:{"click":_vm.arrowClick},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('dt-icon',{attrs:{"name":"chevron-up","size":"200"}})]},proxy:true}],null,false,3340821372)})]},proxy:true}],null,false,821174459)},'dt-popover',_vm.$attrs,false),[_vm._t("content",null,{"slot":"content"}),_vm._t("headerContent",null,{"slot":"headerContent"}),_vm._t("footerContent",null,{"slot":"footerContent"})],2):_vm._e()],1)}
22347
+ var callbar_button_with_popovervue_type_template_id_428bc44b_staticRenderFns = []
22323
22348
 
22324
22349
 
22325
22350
  ;// 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/buttons/callbar_button_with_popover/callbar_button_with_popover.vue?vue&type=script&lang=js&
@@ -22395,6 +22420,7 @@ var callbar_button_with_popovervue_type_template_id_cca8d214_staticRenderFns = [
22395
22420
  //
22396
22421
  //
22397
22422
  //
22423
+ //
22398
22424
 
22399
22425
 
22400
22426
 
@@ -22532,6 +22558,15 @@ var callbar_button_with_popovervue_type_template_id_cca8d214_staticRenderFns = [
22532
22558
  default: ''
22533
22559
  },
22534
22560
 
22561
+ /*
22562
+ * Width size. Valid values are: 'xl', 'lg', 'md' and 'sm'.
22563
+ */
22564
+ buttonWidthSize: {
22565
+ type: String,
22566
+ default: 'xl',
22567
+ validator: size => VALID_WIDTH_SIZE.includes(size)
22568
+ },
22569
+
22535
22570
  /**
22536
22571
  * Additional class name for the popover content wrapper element.
22537
22572
  */
@@ -22562,6 +22597,10 @@ var callbar_button_with_popovervue_type_template_id_cca8d214_staticRenderFns = [
22562
22597
  computed: {
22563
22598
  showArrowButton() {
22564
22599
  return this.forceShowArrow || !this.disabled;
22600
+ },
22601
+
22602
+ isCompactMode() {
22603
+ return this.buttonWidthSize === 'sm' || this.buttonWidthSize === 'md';
22565
22604
  }
22566
22605
 
22567
22606
  },
@@ -22604,8 +22643,8 @@ var callbar_button_with_popovervue_type_style_index_0_lang_less_ = __webpack_req
22604
22643
 
22605
22644
  var callbar_button_with_popover_component = normalizeComponent(
22606
22645
  callbar_button_with_popover_callbar_button_with_popovervue_type_script_lang_js_,
22607
- callbar_button_with_popovervue_type_template_id_cca8d214_render,
22608
- callbar_button_with_popovervue_type_template_id_cca8d214_staticRenderFns,
22646
+ callbar_button_with_popovervue_type_template_id_428bc44b_render,
22647
+ callbar_button_with_popovervue_type_template_id_428bc44b_staticRenderFns,
22609
22648
  false,
22610
22649
  null,
22611
22650
  null,
@@ -23315,9 +23354,9 @@ var grouped_chip_component = normalizeComponent(
23315
23354
  /* harmony default export */ const grouped_chip = (grouped_chip_component.exports);
23316
23355
  ;// CONCATENATED MODULE: ./recipes/chips/grouped_chip/index.js
23317
23356
 
23318
- ;// 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=1889c7ad&
23319
- var general_rowvue_type_template_id_1889c7ad_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"},[_c('dt-emoji-text-wrapper',{staticClass:"dt-leftbar-row__description",attrs:{"data-qa":"dt-leftbar-row-description"}},[_vm._v(" "+_vm._s(_vm.description)+" ")])],1),_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.hasUnreadMessages)?_c('dt-badge',{attrs:{"kind":"count","type":"bulletin","data-qa":"dt-leftbar-row-unread-badge"}},[_vm._v(" "+_vm._s(_vm.unreadCount)+" ")]):_vm._e()],1)])])}
23320
- var general_rowvue_type_template_id_1889c7ad_staticRenderFns = []
23357
+ ;// 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=2844a3ae&
23358
+ var general_rowvue_type_template_id_2844a3ae_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"},[_c('dt-emoji-text-wrapper',{staticClass:"dt-leftbar-row__description",attrs:{"data-qa":"dt-leftbar-row-description"}},[_vm._v(" "+_vm._s(_vm.description)+" ")])],1),_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)])])}
23359
+ var general_rowvue_type_template_id_2844a3ae_staticRenderFns = []
23321
23360
 
23322
23361
 
23323
23362
  ;// CONCATENATED MODULE: ./recipes/leftbar/general_row/general_row_constants.js
@@ -24103,6 +24142,14 @@ var leftbar_general_row_icon_component = normalizeComponent(
24103
24142
  }
24104
24143
  },
24105
24144
 
24145
+ /**
24146
+ * Styles the row with an increased font weight to convey it has unreads
24147
+ */
24148
+ hasUnreads: {
24149
+ type: Boolean,
24150
+ default: false
24151
+ },
24152
+
24106
24153
  /**
24107
24154
  * Number of unread messages
24108
24155
  */
@@ -24147,7 +24194,7 @@ var leftbar_general_row_icon_component = normalizeComponent(
24147
24194
  computed: {
24148
24195
  leftbarGeneralRowClasses() {
24149
24196
  return ['dt-leftbar-row', 'dt-leftbar-row--no-action', {
24150
- 'dt-leftbar-row--has-unread': this.hasUnreadMessages,
24197
+ 'dt-leftbar-row--has-unread': this.hasUnreads,
24151
24198
  'dt-leftbar-row--selected': this.selected,
24152
24199
  'dt-leftbar-row--muted': this.muted
24153
24200
  }];
@@ -24156,19 +24203,15 @@ var leftbar_general_row_icon_component = normalizeComponent(
24156
24203
  getIcon() {
24157
24204
  switch (this.type) {
24158
24205
  case LEFTBAR_GENERAL_ROW_TYPES.CHANNELS:
24159
- if (this.hasUnreadMessages) return 'channel unread';
24206
+ if (this.hasUnreads) return 'channel unread';
24160
24207
  break;
24161
24208
 
24162
24209
  case LEFTBAR_GENERAL_ROW_TYPES.LOCKED_CHANNEL:
24163
- if (this.hasUnreadMessages) return 'locked channel unread';
24210
+ if (this.hasUnreads) return 'locked channel unread';
24164
24211
  break;
24165
24212
  }
24166
24213
 
24167
24214
  return this.type;
24168
- },
24169
-
24170
- hasUnreadMessages() {
24171
- return isNaN(Number(this.unreadCount)) ? !!this.unreadCount : Number(this.unreadCount) > 0;
24172
24215
  }
24173
24216
 
24174
24217
  },
@@ -24209,8 +24252,8 @@ var general_rowvue_type_style_index_0_lang_less_ = __webpack_require__(641);
24209
24252
 
24210
24253
  var general_row_component = normalizeComponent(
24211
24254
  general_row_general_rowvue_type_script_lang_js_,
24212
- general_rowvue_type_template_id_1889c7ad_render,
24213
- general_rowvue_type_template_id_1889c7ad_staticRenderFns,
24255
+ general_rowvue_type_template_id_2844a3ae_render,
24256
+ general_rowvue_type_template_id_2844a3ae_staticRenderFns,
24214
24257
  false,
24215
24258
  null,
24216
24259
  null,
@@ -24222,9 +24265,9 @@ var general_row_component = normalizeComponent(
24222
24265
  ;// CONCATENATED MODULE: ./recipes/leftbar/general_row/index.js
24223
24266
 
24224
24267
 
24225
- ;// 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=8a338828&
24226
- var group_rowvue_type_template_id_8a338828_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,"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))}
24227
- var group_rowvue_type_template_id_8a338828_staticRenderFns = []
24268
+ ;// 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=226fd04a&
24269
+ var group_rowvue_type_template_id_226fd04a_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))}
24270
+ var group_rowvue_type_template_id_226fd04a_staticRenderFns = []
24228
24271
 
24229
24272
 
24230
24273
  ;// 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&
@@ -24250,6 +24293,7 @@ var group_rowvue_type_template_id_8a338828_staticRenderFns = []
24250
24293
  //
24251
24294
  //
24252
24295
  //
24296
+ //
24253
24297
 
24254
24298
 
24255
24299
  /* harmony default export */ const group_rowvue_type_script_lang_js_ = ({
@@ -24303,6 +24347,14 @@ var group_rowvue_type_template_id_8a338828_staticRenderFns = []
24303
24347
  default: null
24304
24348
  },
24305
24349
 
24350
+ /**
24351
+ * Styles the row with an increased font weight to convey it has unreads
24352
+ */
24353
+ hasUnreads: {
24354
+ type: Boolean,
24355
+ default: false
24356
+ },
24357
+
24306
24358
  /**
24307
24359
  * Determines if the row is selected
24308
24360
  */
@@ -24324,8 +24376,8 @@ var group_rowvue_type_template_id_8a338828_staticRenderFns = []
24324
24376
  ;
24325
24377
  var group_row_component = normalizeComponent(
24326
24378
  group_row_group_rowvue_type_script_lang_js_,
24327
- group_rowvue_type_template_id_8a338828_render,
24328
- group_rowvue_type_template_id_8a338828_staticRenderFns,
24379
+ group_rowvue_type_template_id_226fd04a_render,
24380
+ group_rowvue_type_template_id_226fd04a_staticRenderFns,
24329
24381
  false,
24330
24382
  null,
24331
24383
  null,
package/dist/dialtone-vue.umd.js CHANGED
@@ -364,7 +364,7 @@ __webpack_require__.r(__webpack_exports__);
364
364
 
365
365
  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()));
366
366
  // Module
367
- ___CSS_LOADER_EXPORT___.push([module.id, ".dt-recipe--callbar-button-with-popover--button{position:relative;display:inline-block}.dt-recipe--callbar-button-with-popover--arrow.d-btn--circle{position:absolute;top:2rem;right:0;width:var(--su16);height:var(--su16);padding:var(--su8);border-radius:var(--su4)}.dt-recipe--callbar-button-with-popover--arrow.d-btn--circle.d-btn--active{background:var(--black-025)}.dt-recipe--callbar-button-with-popover--popover .d-popover__header{background:var(--black-900);color:var(--white)}.dt-recipe--callbar-button-with-popover--popover .d-popover__header button{color:var(--white)}.dt-recipe--callbar-button-with-popover--button .d-tab--selected:after,.dt-recipe--callbar-button-with-popover--button .d-tab--selected:hover:after{--tab--bgc:var(--black-900)}.dt-recipe--callbar-button-with-popover--button .tab-group{display:flex;flex-direction:column;height:100%}.dt-recipe--callbar-button-with-popover--button .tab-content{flex:1 1 100%;overflow-y:auto}", ""]);
367
+ ___CSS_LOADER_EXPORT___.push([module.id, ".dt-recipe--callbar-button-with-popover--arrow.d-btn--circle{margin-top:-1.2rem;width:var(--su16);height:var(--su16);padding:var(--su8);border-radius:var(--su4)}.dt-recipe--callbar-button-with-popover--arrow.d-btn--circle.d-btn--active{background:var(--black-025)}.dt-recipe--callbar-button-with-popover--popover .d-popover__header{background:var(--black-900);color:var(--white)}.dt-recipe--callbar-button-with-popover--popover .d-popover__header button{color:var(--white)}.dt-recipe--callbar-button-with-popover--button .d-tab--selected:after,.dt-recipe--callbar-button-with-popover--button .d-tab--selected:hover:after{--tab--bgc:var(--black-900)}.dt-recipe--callbar-button-with-popover--button .tab-group{display:flex;flex-direction:column;height:100%}.dt-recipe--callbar-button-with-popover--button .tab-content{flex:1 1 100%;overflow-y:auto}", ""]);
368
368
  // Exports
369
369
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
370
370
 
@@ -2359,6 +2359,7 @@ __webpack_require__.d(__webpack_exports__, {
2359
2359
  "TOOLTIP_STICKY_VALUES": () => (/* reexport */ TOOLTIP_STICKY_VALUES),
2360
2360
  "USER_STATUS_COLOR_MODIFIERS": () => (/* reexport */ USER_STATUS_COLOR_MODIFIERS),
2361
2361
  "VALIDATION_MESSAGE_TYPES": () => (/* reexport */ VALIDATION_MESSAGE_TYPES),
2362
+ "VALID_WIDTH_SIZE": () => (/* reexport */ VALID_WIDTH_SIZE),
2362
2363
  "filterFormattedMessages": () => (/* reexport */ filterFormattedMessages),
2363
2364
  "formatMessages": () => (/* reexport */ formatMessages),
2364
2365
  "getUniqueString": () => (/* reexport */ getUniqueString),
@@ -22161,9 +22162,9 @@ var combobox_multi_select_component = normalizeComponent(
22161
22162
  ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/index.js
22162
22163
 
22163
22164
 
22164
- ;// 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/buttons/callbar_button/callbar_button.vue?vue&type=template&id=7a807bca&
22165
- var callbar_buttonvue_type_template_id_7a807bca_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-tooltip',{attrs:{"id":_vm.id,"offset":[0, -12]},scopedSlots:_vm._u([{key:"anchor",fn:function(){return [_c('dt-button',_vm._g({class:_vm.callbarButtonClass,attrs:{"importance":_vm.circle ? 'outlined' : 'clear',"kind":"muted","icon-position":"top","disabled":_vm.disabled,"aria-label":_vm.ariaLabel,"label-class":"d-fs-100","width":"8.4rem"}},_vm.$listeners),[_vm._t("default"),_vm._t("icon",null,{"slot":"icon"})],2)]},proxy:true}],null,true)},[_vm._t("tooltip")],2)}
22166
- var callbar_buttonvue_type_template_id_7a807bca_staticRenderFns = []
22165
+ ;// 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/buttons/callbar_button/callbar_button.vue?vue&type=template&id=44881500&
22166
+ var callbar_buttonvue_type_template_id_44881500_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-tooltip',{attrs:{"id":_vm.id,"offset":[0, -12]},scopedSlots:_vm._u([{key:"anchor",fn:function(){return [_c('dt-button',_vm._g({class:_vm.callbarButtonClass,attrs:{"importance":_vm.circle ? 'outlined' : 'clear',"kind":"muted","icon-position":"top","disabled":_vm.disabled,"aria-label":_vm.ariaLabel,"label-class":"d-fs-100","width":_vm.buttonWidth}},_vm.$listeners),[_vm._t("default"),_vm._t("icon",null,{"slot":"icon"})],2)]},proxy:true}],null,true)},[_vm._t("tooltip")],2)}
22167
+ var callbar_buttonvue_type_template_id_44881500_staticRenderFns = []
22167
22168
 
22168
22169
 
22169
22170
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-80[0].rules[0].use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/buttons/callbar_button/callbar_button.vue?vue&type=script&lang=js&
@@ -22198,6 +22199,7 @@ var callbar_buttonvue_type_template_id_7a807bca_staticRenderFns = []
22198
22199
 
22199
22200
 
22200
22201
 
22202
+ const VALID_WIDTH_SIZE = ['sm', 'md', 'lg', 'xl'];
22201
22203
  /* harmony default export */ const callbar_buttonvue_type_script_lang_js_ = ({
22202
22204
  name: 'DtRecipeCallbarButton',
22203
22205
  components: {
@@ -22277,6 +22279,15 @@ var callbar_buttonvue_type_template_id_7a807bca_staticRenderFns = []
22277
22279
  buttonClass: {
22278
22280
  type: [String, Array, Object],
22279
22281
  default: ''
22282
+ },
22283
+
22284
+ /*
22285
+ * Width size. Valid values are: 'xl', 'lg', 'md' and 'sm'.
22286
+ */
22287
+ buttonWidthSize: {
22288
+ type: String,
22289
+ default: 'xl',
22290
+ validator: size => VALID_WIDTH_SIZE.includes(size)
22280
22291
  }
22281
22292
  },
22282
22293
  emits: [
@@ -22294,6 +22305,20 @@ var callbar_buttonvue_type_template_id_7a807bca_staticRenderFns = []
22294
22305
  'dt-recipe-callbar-button--active': this.active,
22295
22306
  'dt-recipe-callbar-button--danger': this.danger
22296
22307
  }];
22308
+ },
22309
+
22310
+ buttonWidth() {
22311
+ switch (this.buttonWidthSize) {
22312
+ case 'sm':
22313
+ case 'md':
22314
+ return '4.5rem';
22315
+
22316
+ case 'lg':
22317
+ return '6rem';
22318
+
22319
+ default:
22320
+ return '8.4rem';
22321
+ }
22297
22322
  }
22298
22323
 
22299
22324
  }
@@ -22315,8 +22340,8 @@ var callbar_buttonvue_type_style_index_0_lang_less_ = __webpack_require__(736);
22315
22340
 
22316
22341
  var callbar_button_component = normalizeComponent(
22317
22342
  callbar_button_callbar_buttonvue_type_script_lang_js_,
22318
- callbar_buttonvue_type_template_id_7a807bca_render,
22319
- callbar_buttonvue_type_template_id_7a807bca_staticRenderFns,
22343
+ callbar_buttonvue_type_template_id_44881500_render,
22344
+ callbar_buttonvue_type_template_id_44881500_staticRenderFns,
22320
22345
  false,
22321
22346
  null,
22322
22347
  null,
@@ -22327,9 +22352,9 @@ var callbar_button_component = normalizeComponent(
22327
22352
  /* harmony default export */ const callbar_button = (callbar_button_component.exports);
22328
22353
  ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/index.js
22329
22354
 
22330
- ;// 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/buttons/callbar_button_with_popover/callbar_button_with_popover.vue?vue&type=template&id=cca8d214&
22331
- var callbar_button_with_popovervue_type_template_id_cca8d214_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"dt-recipe--callbar-button-with-popover--button"},[_c('dt-recipe-callbar-button',{staticClass:"dt-recipe--callbar-button-with-popover--main-button",attrs:{"aria-label":_vm.ariaLabel,"disabled":_vm.disabled,"active":_vm.active,"danger":_vm.danger,"button-class":_vm.buttonClass},on:{"click":_vm.buttonClick}},[_vm._t("icon",null,{"slot":"icon"}),_vm._t("tooltip",null,{"slot":"tooltip"}),_vm._t("default")],2),(_vm.showArrowButton)?_c('dt-popover',_vm._b({staticClass:"dt-recipe--callbar-button-with-popover--popover-wrapper",attrs:{"id":_vm.id,"open":_vm.open,"placement":_vm.placement,"initial-focus-element":_vm.initialFocusElement,"show-close-button":_vm.showCloseButton,"padding":"none","dialog-class":['dt-recipe--callbar-button-with-popover--popover', _vm.contentClass],"header-class":"d-d-flex d-ai-center d-fw-normal d-px12"},on:{"opened":_vm.onModalIsOpened},scopedSlots:_vm._u([{key:"anchor",fn:function(){return [_c('dt-button',{staticClass:"dt-recipe--callbar-button-with-popover--arrow",attrs:{"circle":"","importance":"clear","size":"lg","width":"2rem","aria-label":_vm.arrowButtonLabel,"active":_vm.open},on:{"click":_vm.arrowClick},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('dt-icon',{attrs:{"name":"chevron-up","size":"200"}})]},proxy:true}],null,false,3340821372)})]},proxy:true}],null,false,86794195)},'dt-popover',_vm.$attrs,false),[_vm._t("content",null,{"slot":"content"}),_vm._t("headerContent",null,{"slot":"headerContent"}),_vm._t("footerContent",null,{"slot":"footerContent"})],2):_vm._e()],1)}
22332
- var callbar_button_with_popovervue_type_template_id_cca8d214_staticRenderFns = []
22355
+ ;// 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/buttons/callbar_button_with_popover/callbar_button_with_popover.vue?vue&type=template&id=428bc44b&
22356
+ var callbar_button_with_popovervue_type_template_id_428bc44b_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-d-flex d-ai-center"},[_c('dt-recipe-callbar-button',{staticClass:"dt-recipe--callbar-button-with-popover--main-button",attrs:{"aria-label":_vm.ariaLabel,"disabled":_vm.disabled,"active":_vm.active,"danger":_vm.danger,"button-class":_vm.buttonClass,"button-width-size":_vm.buttonWidthSize},on:{"click":_vm.buttonClick}},[_vm._t("icon",null,{"slot":"icon"}),_vm._t("tooltip",null,{"slot":"tooltip"}),_vm._t("default")],2),(_vm.showArrowButton)?_c('dt-popover',_vm._b({staticClass:"dt-recipe--callbar-button-with-popover--popover-wrapper",attrs:{"id":_vm.id,"open":_vm.open,"placement":_vm.placement,"initial-focus-element":_vm.initialFocusElement,"show-close-button":_vm.showCloseButton,"padding":"none","dialog-class":['dt-recipe--callbar-button-with-popover--popover', _vm.contentClass],"header-class":"d-d-flex d-ai-center d-fw-normal d-px12"},on:{"opened":_vm.onModalIsOpened},scopedSlots:_vm._u([{key:"anchor",fn:function(){return [_c('dt-button',{class:['dt-recipe--callbar-button-with-popover--arrow', _vm.isCompactMode ? 'd-mln16' : 'd-mln24'],attrs:{"circle":"","importance":"clear","size":"lg","width":"2rem","aria-label":_vm.arrowButtonLabel,"active":_vm.open},on:{"click":_vm.arrowClick},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('dt-icon',{attrs:{"name":"chevron-up","size":"200"}})]},proxy:true}],null,false,3340821372)})]},proxy:true}],null,false,821174459)},'dt-popover',_vm.$attrs,false),[_vm._t("content",null,{"slot":"content"}),_vm._t("headerContent",null,{"slot":"headerContent"}),_vm._t("footerContent",null,{"slot":"footerContent"})],2):_vm._e()],1)}
22357
+ var callbar_button_with_popovervue_type_template_id_428bc44b_staticRenderFns = []
22333
22358
 
22334
22359
 
22335
22360
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-80[0].rules[0].use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/buttons/callbar_button_with_popover/callbar_button_with_popover.vue?vue&type=script&lang=js&
@@ -22405,6 +22430,7 @@ var callbar_button_with_popovervue_type_template_id_cca8d214_staticRenderFns = [
22405
22430
  //
22406
22431
  //
22407
22432
  //
22433
+ //
22408
22434
 
22409
22435
 
22410
22436
 
@@ -22542,6 +22568,15 @@ var callbar_button_with_popovervue_type_template_id_cca8d214_staticRenderFns = [
22542
22568
  default: ''
22543
22569
  },
22544
22570
 
22571
+ /*
22572
+ * Width size. Valid values are: 'xl', 'lg', 'md' and 'sm'.
22573
+ */
22574
+ buttonWidthSize: {
22575
+ type: String,
22576
+ default: 'xl',
22577
+ validator: size => VALID_WIDTH_SIZE.includes(size)
22578
+ },
22579
+
22545
22580
  /**
22546
22581
  * Additional class name for the popover content wrapper element.
22547
22582
  */
@@ -22572,6 +22607,10 @@ var callbar_button_with_popovervue_type_template_id_cca8d214_staticRenderFns = [
22572
22607
  computed: {
22573
22608
  showArrowButton() {
22574
22609
  return this.forceShowArrow || !this.disabled;
22610
+ },
22611
+
22612
+ isCompactMode() {
22613
+ return this.buttonWidthSize === 'sm' || this.buttonWidthSize === 'md';
22575
22614
  }
22576
22615
 
22577
22616
  },
@@ -22614,8 +22653,8 @@ var callbar_button_with_popovervue_type_style_index_0_lang_less_ = __webpack_req
22614
22653
 
22615
22654
  var callbar_button_with_popover_component = normalizeComponent(
22616
22655
  callbar_button_with_popover_callbar_button_with_popovervue_type_script_lang_js_,
22617
- callbar_button_with_popovervue_type_template_id_cca8d214_render,
22618
- callbar_button_with_popovervue_type_template_id_cca8d214_staticRenderFns,
22656
+ callbar_button_with_popovervue_type_template_id_428bc44b_render,
22657
+ callbar_button_with_popovervue_type_template_id_428bc44b_staticRenderFns,
22619
22658
  false,
22620
22659
  null,
22621
22660
  null,
@@ -23325,9 +23364,9 @@ var grouped_chip_component = normalizeComponent(
23325
23364
  /* harmony default export */ const grouped_chip = (grouped_chip_component.exports);
23326
23365
  ;// CONCATENATED MODULE: ./recipes/chips/grouped_chip/index.js
23327
23366
 
23328
- ;// 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=1889c7ad&
23329
- var general_rowvue_type_template_id_1889c7ad_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"},[_c('dt-emoji-text-wrapper',{staticClass:"dt-leftbar-row__description",attrs:{"data-qa":"dt-leftbar-row-description"}},[_vm._v(" "+_vm._s(_vm.description)+" ")])],1),_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.hasUnreadMessages)?_c('dt-badge',{attrs:{"kind":"count","type":"bulletin","data-qa":"dt-leftbar-row-unread-badge"}},[_vm._v(" "+_vm._s(_vm.unreadCount)+" ")]):_vm._e()],1)])])}
23330
- var general_rowvue_type_template_id_1889c7ad_staticRenderFns = []
23367
+ ;// 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=2844a3ae&
23368
+ var general_rowvue_type_template_id_2844a3ae_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"},[_c('dt-emoji-text-wrapper',{staticClass:"dt-leftbar-row__description",attrs:{"data-qa":"dt-leftbar-row-description"}},[_vm._v(" "+_vm._s(_vm.description)+" ")])],1),_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)])])}
23369
+ var general_rowvue_type_template_id_2844a3ae_staticRenderFns = []
23331
23370
 
23332
23371
 
23333
23372
  ;// CONCATENATED MODULE: ./recipes/leftbar/general_row/general_row_constants.js
@@ -24113,6 +24152,14 @@ var leftbar_general_row_icon_component = normalizeComponent(
24113
24152
  }
24114
24153
  },
24115
24154
 
24155
+ /**
24156
+ * Styles the row with an increased font weight to convey it has unreads
24157
+ */
24158
+ hasUnreads: {
24159
+ type: Boolean,
24160
+ default: false
24161
+ },
24162
+
24116
24163
  /**
24117
24164
  * Number of unread messages
24118
24165
  */
@@ -24157,7 +24204,7 @@ var leftbar_general_row_icon_component = normalizeComponent(
24157
24204
  computed: {
24158
24205
  leftbarGeneralRowClasses() {
24159
24206
  return ['dt-leftbar-row', 'dt-leftbar-row--no-action', {
24160
- 'dt-leftbar-row--has-unread': this.hasUnreadMessages,
24207
+ 'dt-leftbar-row--has-unread': this.hasUnreads,
24161
24208
  'dt-leftbar-row--selected': this.selected,
24162
24209
  'dt-leftbar-row--muted': this.muted
24163
24210
  }];
@@ -24166,19 +24213,15 @@ var leftbar_general_row_icon_component = normalizeComponent(
24166
24213
  getIcon() {
24167
24214
  switch (this.type) {
24168
24215
  case LEFTBAR_GENERAL_ROW_TYPES.CHANNELS:
24169
- if (this.hasUnreadMessages) return 'channel unread';
24216
+ if (this.hasUnreads) return 'channel unread';
24170
24217
  break;
24171
24218
 
24172
24219
  case LEFTBAR_GENERAL_ROW_TYPES.LOCKED_CHANNEL:
24173
- if (this.hasUnreadMessages) return 'locked channel unread';
24220
+ if (this.hasUnreads) return 'locked channel unread';
24174
24221
  break;
24175
24222
  }
24176
24223
 
24177
24224
  return this.type;
24178
- },
24179
-
24180
- hasUnreadMessages() {
24181
- return isNaN(Number(this.unreadCount)) ? !!this.unreadCount : Number(this.unreadCount) > 0;
24182
24225
  }
24183
24226
 
24184
24227
  },
@@ -24219,8 +24262,8 @@ var general_rowvue_type_style_index_0_lang_less_ = __webpack_require__(745);
24219
24262
 
24220
24263
  var general_row_component = normalizeComponent(
24221
24264
  general_row_general_rowvue_type_script_lang_js_,
24222
- general_rowvue_type_template_id_1889c7ad_render,
24223
- general_rowvue_type_template_id_1889c7ad_staticRenderFns,
24265
+ general_rowvue_type_template_id_2844a3ae_render,
24266
+ general_rowvue_type_template_id_2844a3ae_staticRenderFns,
24224
24267
  false,
24225
24268
  null,
24226
24269
  null,
@@ -24232,9 +24275,9 @@ var general_row_component = normalizeComponent(
24232
24275
  ;// CONCATENATED MODULE: ./recipes/leftbar/general_row/index.js
24233
24276
 
24234
24277
 
24235
- ;// 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=8a338828&
24236
- var group_rowvue_type_template_id_8a338828_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,"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))}
24237
- var group_rowvue_type_template_id_8a338828_staticRenderFns = []
24278
+ ;// 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=226fd04a&
24279
+ var group_rowvue_type_template_id_226fd04a_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))}
24280
+ var group_rowvue_type_template_id_226fd04a_staticRenderFns = []
24238
24281
 
24239
24282
 
24240
24283
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-80[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&
@@ -24260,6 +24303,7 @@ var group_rowvue_type_template_id_8a338828_staticRenderFns = []
24260
24303
  //
24261
24304
  //
24262
24305
  //
24306
+ //
24263
24307
 
24264
24308
 
24265
24309
  /* harmony default export */ const group_rowvue_type_script_lang_js_ = ({
@@ -24313,6 +24357,14 @@ var group_rowvue_type_template_id_8a338828_staticRenderFns = []
24313
24357
  default: null
24314
24358
  },
24315
24359
 
24360
+ /**
24361
+ * Styles the row with an increased font weight to convey it has unreads
24362
+ */
24363
+ hasUnreads: {
24364
+ type: Boolean,
24365
+ default: false
24366
+ },
24367
+
24316
24368
  /**
24317
24369
  * Determines if the row is selected
24318
24370
  */
@@ -24334,8 +24386,8 @@ var group_rowvue_type_template_id_8a338828_staticRenderFns = []
24334
24386
  ;
24335
24387
  var group_row_component = normalizeComponent(
24336
24388
  group_row_group_rowvue_type_script_lang_js_,
24337
- group_rowvue_type_template_id_8a338828_render,
24338
- group_rowvue_type_template_id_8a338828_staticRenderFns,
24389
+ group_rowvue_type_template_id_226fd04a_render,
24390
+ group_rowvue_type_template_id_226fd04a_staticRenderFns,
24339
24391
  false,
24340
24392
  null,
24341
24393
  null,