@dialpad/dialtone-vue 2.64.0 → 2.65.0-beta.1
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.
- package/CHANGELOG.json +1 -1
- package/CHANGELOG.md +7 -0
- package/dist/dialtone-vue.common.js +169 -35
- package/dist/dialtone-vue.umd.js +169 -35
- package/dist/dialtone-vue.umd.min.js +1 -1
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
# [2.65.0-beta.1](https://github.com/dialpad/dialtone-vue/compare/v2.64.0...v2.65.0-beta.1) (2023-03-09)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Features
|
|
5
|
+
|
|
6
|
+
* **Theme:** update leftbar theme vars ([#800](https://github.com/dialpad/dialtone-vue/issues/800)) ([62898a6](https://github.com/dialpad/dialtone-vue/commit/62898a67d96ad0d56f254fdbc9607d71f8a453ea))
|
|
7
|
+
|
|
1
8
|
# [2.64.0](https://github.com/dialpad/dialtone-vue/compare/v2.63.0...v2.64.0) (2023-03-06)
|
|
2
9
|
|
|
3
10
|
|
|
@@ -402,7 +402,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
402
402
|
|
|
403
403
|
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()));
|
|
404
404
|
// Module
|
|
405
|
-
___CSS_LOADER_EXPORT___.push([module.id, ".dt-leftbar-row{--leftbar-row-color-foreground:var(--theme-sidebar-color);--leftbar-row-color-background:
|
|
405
|
+
___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%}}", ""]);
|
|
406
406
|
// Exports
|
|
407
407
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
|
|
408
408
|
|
|
@@ -12566,7 +12566,6 @@ const getArrowDetected = fn => ({
|
|
|
12566
12566
|
;// CONCATENATED MODULE: ./components/popover/tippy_utils.js
|
|
12567
12567
|
|
|
12568
12568
|
|
|
12569
|
-
|
|
12570
12569
|
const BASE_TIPPY_DIRECTIONS = ['bottom', 'bottom-start', 'bottom-end', 'right', 'right-start', 'right-end', 'left', 'left-start', 'left-end', 'top', 'top-start', 'top-end'];
|
|
12571
12570
|
const TIPPY_STICKY_VALUES = [true, false, 'reference', 'popper'];
|
|
12572
12571
|
const tippy_utils_createTippy = (anchorElement, options) => {
|
|
@@ -12615,24 +12614,17 @@ const getPopperOptions = function () {
|
|
|
12615
12614
|
};
|
|
12616
12615
|
};
|
|
12617
12616
|
|
|
12618
|
-
const createAnchor =
|
|
12617
|
+
const createAnchor = anchorWrapper => {
|
|
12619
12618
|
const span = document.createElement('span');
|
|
12620
|
-
span.setAttribute('tabindex', tabIndex);
|
|
12621
12619
|
span.innerText = anchorWrapper.innerText || '';
|
|
12622
12620
|
anchorWrapper.innerText = '';
|
|
12623
12621
|
anchorWrapper.appendChild(span);
|
|
12624
12622
|
return span;
|
|
12625
12623
|
};
|
|
12626
12624
|
|
|
12627
|
-
const getAnchor =
|
|
12628
|
-
let tabIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '0';
|
|
12625
|
+
const getAnchor = anchorWrapper => {
|
|
12629
12626
|
const anchor = anchorWrapper === null || anchorWrapper === void 0 ? void 0 : anchorWrapper.children[0];
|
|
12630
12627
|
if (!anchor) return createAnchor(anchorWrapper);
|
|
12631
|
-
|
|
12632
|
-
if (!findFirstFocusableNode(anchor)) {
|
|
12633
|
-
anchor.setAttribute('tabindex', tabIndex);
|
|
12634
|
-
}
|
|
12635
|
-
|
|
12636
12628
|
return anchor;
|
|
12637
12629
|
};
|
|
12638
12630
|
const getContentWrapper = content => {
|
|
@@ -19716,15 +19708,15 @@ var toggle_component = normalizeComponent(
|
|
|
19716
19708
|
/* harmony default export */ const toggle = (toggle_component.exports);
|
|
19717
19709
|
;// CONCATENATED MODULE: ./components/toggle/index.js
|
|
19718
19710
|
|
|
19719
|
-
;// 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=
|
|
19720
|
-
var
|
|
19711
|
+
;// 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&
|
|
19712
|
+
var tooltipvue_type_template_id_6d30a218_render = function () {
|
|
19721
19713
|
var _obj;
|
|
19722
|
-
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:[
|
|
19714
|
+
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:[
|
|
19723
19715
|
'd-tooltip',
|
|
19724
19716
|
("d-tooltip__arrow-tippy--" + _vm.currentPlacement),
|
|
19725
19717
|
( _obj = {}, _obj[ _vm.TOOLTIP_KIND_MODIFIERS.inverted ] = _vm.inverted, _obj ),
|
|
19726
19718
|
_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)}
|
|
19727
|
-
var
|
|
19719
|
+
var tooltipvue_type_template_id_6d30a218_staticRenderFns = []
|
|
19728
19720
|
|
|
19729
19721
|
|
|
19730
19722
|
;// CONCATENATED MODULE: ./components/tooltip/tooltip_constants.js
|
|
@@ -19788,6 +19780,7 @@ const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
|
|
|
19788
19780
|
//
|
|
19789
19781
|
//
|
|
19790
19782
|
//
|
|
19783
|
+
//
|
|
19791
19784
|
|
|
19792
19785
|
|
|
19793
19786
|
|
|
@@ -20131,8 +20124,8 @@ var tooltipvue_type_style_index_0_lang_less_ = __webpack_require__(213);
|
|
|
20131
20124
|
|
|
20132
20125
|
var tooltip_component = normalizeComponent(
|
|
20133
20126
|
tooltip_tooltipvue_type_script_lang_js_,
|
|
20134
|
-
|
|
20135
|
-
|
|
20127
|
+
tooltipvue_type_template_id_6d30a218_render,
|
|
20128
|
+
tooltipvue_type_template_id_6d30a218_staticRenderFns,
|
|
20136
20129
|
false,
|
|
20137
20130
|
null,
|
|
20138
20131
|
null,
|
|
@@ -23355,9 +23348,9 @@ var grouped_chip_component = normalizeComponent(
|
|
|
23355
23348
|
/* harmony default export */ const grouped_chip = (grouped_chip_component.exports);
|
|
23356
23349
|
;// CONCATENATED MODULE: ./recipes/chips/grouped_chip/index.js
|
|
23357
23350
|
|
|
23358
|
-
;// 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=
|
|
23359
|
-
var
|
|
23360
|
-
var
|
|
23351
|
+
;// 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=18766278&
|
|
23352
|
+
var general_rowvue_type_template_id_18766278_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"},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,2110922487)})],1):_vm._e()])}
|
|
23353
|
+
var general_rowvue_type_template_id_18766278_staticRenderFns = []
|
|
23361
23354
|
|
|
23362
23355
|
|
|
23363
23356
|
;// CONCATENATED MODULE: ./recipes/leftbar/general_row/general_row_constants.js
|
|
@@ -23368,6 +23361,9 @@ const LEFTBAR_GENERAL_ROW_TYPES = {
|
|
|
23368
23361
|
THREADS: 'threads',
|
|
23369
23362
|
LOCKED_CHANNEL: 'locked channel',
|
|
23370
23363
|
CONTACT_CENTER: 'contact center',
|
|
23364
|
+
QUICK_START: 'quick start',
|
|
23365
|
+
COACHING_GROUP: 'coaching group',
|
|
23366
|
+
COACHING_CENTER: 'coaching center',
|
|
23371
23367
|
DIALBOT: 'dialbot',
|
|
23372
23368
|
ASSIGNED: 'assigned',
|
|
23373
23369
|
DIGITAL: 'digital'
|
|
@@ -23378,6 +23374,9 @@ const LEFTBAR_GENERAL_ROW_ICON_MAPPING = {
|
|
|
23378
23374
|
[LEFTBAR_GENERAL_ROW_TYPES.CHANNELS]: 'hash',
|
|
23379
23375
|
[LEFTBAR_GENERAL_ROW_TYPES.THREADS]: 'thread',
|
|
23380
23376
|
[LEFTBAR_GENERAL_ROW_TYPES.LOCKED_CHANNEL]: 'lock',
|
|
23377
|
+
[LEFTBAR_GENERAL_ROW_TYPES.QUICK_START]: 'sparkle',
|
|
23378
|
+
[LEFTBAR_GENERAL_ROW_TYPES.COACHING_GROUP]: 'users',
|
|
23379
|
+
[LEFTBAR_GENERAL_ROW_TYPES.COACHING_CENTER]: 'external-link',
|
|
23381
23380
|
'locked channel unread': 'lock-filled',
|
|
23382
23381
|
'channel unread': 'hash-bold',
|
|
23383
23382
|
[LEFTBAR_GENERAL_ROW_TYPES.ASSIGNED]: 'at-sign',
|
|
@@ -24136,6 +24135,40 @@ var leftbar_general_row_icon_component = normalizeComponent(
|
|
|
24136
24135
|
//
|
|
24137
24136
|
//
|
|
24138
24137
|
//
|
|
24138
|
+
//
|
|
24139
|
+
//
|
|
24140
|
+
//
|
|
24141
|
+
//
|
|
24142
|
+
//
|
|
24143
|
+
//
|
|
24144
|
+
//
|
|
24145
|
+
//
|
|
24146
|
+
//
|
|
24147
|
+
//
|
|
24148
|
+
//
|
|
24149
|
+
//
|
|
24150
|
+
//
|
|
24151
|
+
//
|
|
24152
|
+
//
|
|
24153
|
+
//
|
|
24154
|
+
//
|
|
24155
|
+
//
|
|
24156
|
+
//
|
|
24157
|
+
//
|
|
24158
|
+
//
|
|
24159
|
+
//
|
|
24160
|
+
//
|
|
24161
|
+
//
|
|
24162
|
+
//
|
|
24163
|
+
//
|
|
24164
|
+
//
|
|
24165
|
+
//
|
|
24166
|
+
//
|
|
24167
|
+
//
|
|
24168
|
+
//
|
|
24169
|
+
//
|
|
24170
|
+
//
|
|
24171
|
+
|
|
24139
24172
|
|
|
24140
24173
|
|
|
24141
24174
|
|
|
@@ -24149,6 +24182,7 @@ var leftbar_general_row_icon_component = normalizeComponent(
|
|
|
24149
24182
|
DtBadge: badge,
|
|
24150
24183
|
DtIcon: icon,
|
|
24151
24184
|
DtButton: button_button,
|
|
24185
|
+
DtTooltip: tooltip,
|
|
24152
24186
|
DtRecipeLeftbarGeneralRowIcon: leftbar_general_row_icon
|
|
24153
24187
|
},
|
|
24154
24188
|
inheritAttrs: false,
|
|
@@ -24166,13 +24200,22 @@ var leftbar_general_row_icon_component = normalizeComponent(
|
|
|
24166
24200
|
},
|
|
24167
24201
|
|
|
24168
24202
|
/**
|
|
24169
|
-
*
|
|
24203
|
+
* Will be read out by a screen reader upon focus of this row. If not defined "description" will be read.
|
|
24170
24204
|
*/
|
|
24171
|
-
|
|
24205
|
+
ariaLabel: {
|
|
24172
24206
|
type: String,
|
|
24173
24207
|
default: ''
|
|
24174
24208
|
},
|
|
24175
24209
|
|
|
24210
|
+
/**
|
|
24211
|
+
* Text displayed next to the icon. Required. Even if you are overriding this field using the label slot
|
|
24212
|
+
* you still must input this as it will be displayed as the "title" attribute for the row.
|
|
24213
|
+
*/
|
|
24214
|
+
description: {
|
|
24215
|
+
type: String,
|
|
24216
|
+
required: true
|
|
24217
|
+
},
|
|
24218
|
+
|
|
24176
24219
|
/**
|
|
24177
24220
|
* Determines the color of the contact center icon
|
|
24178
24221
|
*/
|
|
@@ -24201,6 +24244,14 @@ var leftbar_general_row_icon_component = normalizeComponent(
|
|
|
24201
24244
|
default: null
|
|
24202
24245
|
},
|
|
24203
24246
|
|
|
24247
|
+
/**
|
|
24248
|
+
* Text shown when the unread count is hovered.
|
|
24249
|
+
*/
|
|
24250
|
+
unreadCountTooltip: {
|
|
24251
|
+
type: String,
|
|
24252
|
+
default: ''
|
|
24253
|
+
},
|
|
24254
|
+
|
|
24204
24255
|
/**
|
|
24205
24256
|
* Determines if the row is selected
|
|
24206
24257
|
*/
|
|
@@ -24234,12 +24285,36 @@ var leftbar_general_row_icon_component = normalizeComponent(
|
|
|
24234
24285
|
default: ''
|
|
24235
24286
|
},
|
|
24236
24287
|
|
|
24288
|
+
/**
|
|
24289
|
+
* Text shown in tooltip when you hover the dndText
|
|
24290
|
+
*/
|
|
24291
|
+
dndTextTooltip: {
|
|
24292
|
+
type: String,
|
|
24293
|
+
default: ''
|
|
24294
|
+
},
|
|
24295
|
+
|
|
24237
24296
|
/**
|
|
24238
24297
|
* Whether the row should have a call button. Usually only applicable to individual contact rows.
|
|
24239
24298
|
*/
|
|
24240
24299
|
hasCallButton: {
|
|
24241
24300
|
type: Boolean,
|
|
24242
24301
|
default: false
|
|
24302
|
+
},
|
|
24303
|
+
|
|
24304
|
+
/**
|
|
24305
|
+
* Text shown when the call button is hovered.
|
|
24306
|
+
*/
|
|
24307
|
+
callButtonTooltip: {
|
|
24308
|
+
type: String,
|
|
24309
|
+
default: ''
|
|
24310
|
+
},
|
|
24311
|
+
|
|
24312
|
+
/**
|
|
24313
|
+
* Shows an "is typing" animation over the avatar when true.
|
|
24314
|
+
*/
|
|
24315
|
+
isTyping: {
|
|
24316
|
+
type: Boolean,
|
|
24317
|
+
default: false
|
|
24243
24318
|
}
|
|
24244
24319
|
},
|
|
24245
24320
|
emits: [
|
|
@@ -24287,6 +24362,10 @@ var leftbar_general_row_icon_component = normalizeComponent(
|
|
|
24287
24362
|
}
|
|
24288
24363
|
|
|
24289
24364
|
return this.type;
|
|
24365
|
+
},
|
|
24366
|
+
|
|
24367
|
+
getAriaLabel() {
|
|
24368
|
+
return this.ariaLabel ? this.ariaLabel : `${this.description} ${this.unreadCountTooltip} ${this.dndTextTooltip}`;
|
|
24290
24369
|
}
|
|
24291
24370
|
|
|
24292
24371
|
},
|
|
@@ -24327,8 +24406,8 @@ var general_rowvue_type_style_index_0_lang_less_ = __webpack_require__(641);
|
|
|
24327
24406
|
|
|
24328
24407
|
var general_row_component = normalizeComponent(
|
|
24329
24408
|
general_row_general_rowvue_type_script_lang_js_,
|
|
24330
|
-
|
|
24331
|
-
|
|
24409
|
+
general_rowvue_type_template_id_18766278_render,
|
|
24410
|
+
general_rowvue_type_template_id_18766278_staticRenderFns,
|
|
24332
24411
|
false,
|
|
24333
24412
|
null,
|
|
24334
24413
|
null,
|
|
@@ -24340,9 +24419,9 @@ var general_row_component = normalizeComponent(
|
|
|
24340
24419
|
;// CONCATENATED MODULE: ./recipes/leftbar/general_row/index.js
|
|
24341
24420
|
|
|
24342
24421
|
|
|
24343
|
-
;// 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=
|
|
24344
|
-
var
|
|
24345
|
-
var
|
|
24422
|
+
;// 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&
|
|
24423
|
+
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))}
|
|
24424
|
+
var group_rowvue_type_template_id_2afb38bf_staticRenderFns = []
|
|
24346
24425
|
|
|
24347
24426
|
|
|
24348
24427
|
;// 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 +24448,9 @@ var group_rowvue_type_template_id_4a86bd91_staticRenderFns = []
|
|
|
24369
24448
|
//
|
|
24370
24449
|
//
|
|
24371
24450
|
//
|
|
24451
|
+
//
|
|
24452
|
+
//
|
|
24453
|
+
//
|
|
24372
24454
|
|
|
24373
24455
|
|
|
24374
24456
|
/* harmony default export */ const group_rowvue_type_script_lang_js_ = ({
|
|
@@ -24406,12 +24488,20 @@ var group_rowvue_type_template_id_4a86bd91_staticRenderFns = []
|
|
|
24406
24488
|
required: true
|
|
24407
24489
|
},
|
|
24408
24490
|
|
|
24491
|
+
/**
|
|
24492
|
+
* Screen reader will read out the number of users in the group using this text. Ex: "2 users"
|
|
24493
|
+
*/
|
|
24494
|
+
groupCountText: {
|
|
24495
|
+
type: String,
|
|
24496
|
+
default: ''
|
|
24497
|
+
},
|
|
24498
|
+
|
|
24409
24499
|
/**
|
|
24410
24500
|
* Names of the group members
|
|
24411
24501
|
*/
|
|
24412
24502
|
names: {
|
|
24413
24503
|
type: String,
|
|
24414
|
-
|
|
24504
|
+
required: true
|
|
24415
24505
|
},
|
|
24416
24506
|
|
|
24417
24507
|
/**
|
|
@@ -24422,6 +24512,14 @@ var group_rowvue_type_template_id_4a86bd91_staticRenderFns = []
|
|
|
24422
24512
|
default: null
|
|
24423
24513
|
},
|
|
24424
24514
|
|
|
24515
|
+
/**
|
|
24516
|
+
* Text shown when the unread count is hovered.
|
|
24517
|
+
*/
|
|
24518
|
+
unreadCountTooltip: {
|
|
24519
|
+
type: String,
|
|
24520
|
+
default: null
|
|
24521
|
+
},
|
|
24522
|
+
|
|
24425
24523
|
/**
|
|
24426
24524
|
* Styles the row with an increased font weight to convey it has unreads. This must be true to see
|
|
24427
24525
|
* the unread count badge.
|
|
@@ -24437,6 +24535,14 @@ var group_rowvue_type_template_id_4a86bd91_staticRenderFns = []
|
|
|
24437
24535
|
selected: {
|
|
24438
24536
|
type: Boolean,
|
|
24439
24537
|
default: false
|
|
24538
|
+
},
|
|
24539
|
+
|
|
24540
|
+
/**
|
|
24541
|
+
* Shows an "is typing" animation over the avatar when true.
|
|
24542
|
+
*/
|
|
24543
|
+
isTyping: {
|
|
24544
|
+
type: Boolean,
|
|
24545
|
+
default: false
|
|
24440
24546
|
}
|
|
24441
24547
|
},
|
|
24442
24548
|
emits: [
|
|
@@ -24460,8 +24566,8 @@ var group_rowvue_type_template_id_4a86bd91_staticRenderFns = []
|
|
|
24460
24566
|
;
|
|
24461
24567
|
var group_row_component = normalizeComponent(
|
|
24462
24568
|
group_row_group_rowvue_type_script_lang_js_,
|
|
24463
|
-
|
|
24464
|
-
|
|
24569
|
+
group_rowvue_type_template_id_2afb38bf_render,
|
|
24570
|
+
group_rowvue_type_template_id_2afb38bf_staticRenderFns,
|
|
24465
24571
|
false,
|
|
24466
24572
|
null,
|
|
24467
24573
|
null,
|
|
@@ -24472,9 +24578,9 @@ var group_row_component = normalizeComponent(
|
|
|
24472
24578
|
/* harmony default export */ const group_row = (group_row_component.exports);
|
|
24473
24579
|
;// CONCATENATED MODULE: ./recipes/leftbar/group_row/index.js
|
|
24474
24580
|
|
|
24475
|
-
;// 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=
|
|
24476
|
-
var
|
|
24477
|
-
var
|
|
24581
|
+
;// 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=483627f3&
|
|
24582
|
+
var contact_rowvue_type_template_id_483627f3_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))}
|
|
24583
|
+
var contact_rowvue_type_template_id_483627f3_staticRenderFns = []
|
|
24478
24584
|
|
|
24479
24585
|
|
|
24480
24586
|
;// 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 +24646,10 @@ var contact_rowvue_type_template_id_22dc813a_staticRenderFns = []
|
|
|
24540
24646
|
//
|
|
24541
24647
|
//
|
|
24542
24648
|
//
|
|
24649
|
+
//
|
|
24650
|
+
//
|
|
24651
|
+
//
|
|
24652
|
+
//
|
|
24543
24653
|
|
|
24544
24654
|
|
|
24545
24655
|
|
|
@@ -24647,6 +24757,30 @@ var contact_rowvue_type_template_id_22dc813a_staticRenderFns = []
|
|
|
24647
24757
|
noInitials: {
|
|
24648
24758
|
type: Boolean,
|
|
24649
24759
|
default: false
|
|
24760
|
+
},
|
|
24761
|
+
|
|
24762
|
+
/**
|
|
24763
|
+
* Shows an "is typing" animation over the avatar when true.
|
|
24764
|
+
*/
|
|
24765
|
+
isTyping: {
|
|
24766
|
+
type: Boolean,
|
|
24767
|
+
default: false
|
|
24768
|
+
},
|
|
24769
|
+
|
|
24770
|
+
/**
|
|
24771
|
+
* Text shown when the call button is hovered.
|
|
24772
|
+
*/
|
|
24773
|
+
callButtonTooltip: {
|
|
24774
|
+
type: String,
|
|
24775
|
+
default: ''
|
|
24776
|
+
},
|
|
24777
|
+
|
|
24778
|
+
/**
|
|
24779
|
+
* Text shown when the unread count is hovered.
|
|
24780
|
+
*/
|
|
24781
|
+
unreadCountTooltip: {
|
|
24782
|
+
type: String,
|
|
24783
|
+
default: ''
|
|
24650
24784
|
}
|
|
24651
24785
|
},
|
|
24652
24786
|
emits: [
|
|
@@ -24701,8 +24835,8 @@ var contact_rowvue_type_template_id_22dc813a_staticRenderFns = []
|
|
|
24701
24835
|
;
|
|
24702
24836
|
var contact_row_component = normalizeComponent(
|
|
24703
24837
|
contact_row_contact_rowvue_type_script_lang_js_,
|
|
24704
|
-
|
|
24705
|
-
|
|
24838
|
+
contact_rowvue_type_template_id_483627f3_render,
|
|
24839
|
+
contact_rowvue_type_template_id_483627f3_staticRenderFns,
|
|
24706
24840
|
false,
|
|
24707
24841
|
null,
|
|
24708
24842
|
null,
|