@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/dist/dialtone-vue.umd.js
CHANGED
|
@@ -412,7 +412,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
412
412
|
|
|
413
413
|
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()));
|
|
414
414
|
// Module
|
|
415
|
-
___CSS_LOADER_EXPORT___.push([module.id, ".dt-leftbar-row{--leftbar-row-color-foreground:var(--theme-sidebar-color);--leftbar-row-color-background:
|
|
415
|
+
___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%}}", ""]);
|
|
416
416
|
// Exports
|
|
417
417
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
|
|
418
418
|
|
|
@@ -12576,7 +12576,6 @@ const getArrowDetected = fn => ({
|
|
|
12576
12576
|
;// CONCATENATED MODULE: ./components/popover/tippy_utils.js
|
|
12577
12577
|
|
|
12578
12578
|
|
|
12579
|
-
|
|
12580
12579
|
const BASE_TIPPY_DIRECTIONS = ['bottom', 'bottom-start', 'bottom-end', 'right', 'right-start', 'right-end', 'left', 'left-start', 'left-end', 'top', 'top-start', 'top-end'];
|
|
12581
12580
|
const TIPPY_STICKY_VALUES = [true, false, 'reference', 'popper'];
|
|
12582
12581
|
const tippy_utils_createTippy = (anchorElement, options) => {
|
|
@@ -12625,24 +12624,17 @@ const getPopperOptions = function () {
|
|
|
12625
12624
|
};
|
|
12626
12625
|
};
|
|
12627
12626
|
|
|
12628
|
-
const createAnchor =
|
|
12627
|
+
const createAnchor = anchorWrapper => {
|
|
12629
12628
|
const span = document.createElement('span');
|
|
12630
|
-
span.setAttribute('tabindex', tabIndex);
|
|
12631
12629
|
span.innerText = anchorWrapper.innerText || '';
|
|
12632
12630
|
anchorWrapper.innerText = '';
|
|
12633
12631
|
anchorWrapper.appendChild(span);
|
|
12634
12632
|
return span;
|
|
12635
12633
|
};
|
|
12636
12634
|
|
|
12637
|
-
const getAnchor =
|
|
12638
|
-
let tabIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '0';
|
|
12635
|
+
const getAnchor = anchorWrapper => {
|
|
12639
12636
|
const anchor = anchorWrapper === null || anchorWrapper === void 0 ? void 0 : anchorWrapper.children[0];
|
|
12640
12637
|
if (!anchor) return createAnchor(anchorWrapper);
|
|
12641
|
-
|
|
12642
|
-
if (!findFirstFocusableNode(anchor)) {
|
|
12643
|
-
anchor.setAttribute('tabindex', tabIndex);
|
|
12644
|
-
}
|
|
12645
|
-
|
|
12646
12638
|
return anchor;
|
|
12647
12639
|
};
|
|
12648
12640
|
const getContentWrapper = content => {
|
|
@@ -19726,15 +19718,15 @@ var toggle_component = normalizeComponent(
|
|
|
19726
19718
|
/* harmony default export */ const toggle = (toggle_component.exports);
|
|
19727
19719
|
;// CONCATENATED MODULE: ./components/toggle/index.js
|
|
19728
19720
|
|
|
19729
|
-
;// 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=
|
|
19730
|
-
var
|
|
19721
|
+
;// 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&
|
|
19722
|
+
var tooltipvue_type_template_id_6d30a218_render = function () {
|
|
19731
19723
|
var _obj;
|
|
19732
|
-
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:[
|
|
19724
|
+
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:[
|
|
19733
19725
|
'd-tooltip',
|
|
19734
19726
|
("d-tooltip__arrow-tippy--" + _vm.currentPlacement),
|
|
19735
19727
|
( _obj = {}, _obj[ _vm.TOOLTIP_KIND_MODIFIERS.inverted ] = _vm.inverted, _obj ),
|
|
19736
19728
|
_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)}
|
|
19737
|
-
var
|
|
19729
|
+
var tooltipvue_type_template_id_6d30a218_staticRenderFns = []
|
|
19738
19730
|
|
|
19739
19731
|
|
|
19740
19732
|
;// CONCATENATED MODULE: ./components/tooltip/tooltip_constants.js
|
|
@@ -19798,6 +19790,7 @@ const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
|
|
|
19798
19790
|
//
|
|
19799
19791
|
//
|
|
19800
19792
|
//
|
|
19793
|
+
//
|
|
19801
19794
|
|
|
19802
19795
|
|
|
19803
19796
|
|
|
@@ -20141,8 +20134,8 @@ var tooltipvue_type_style_index_0_lang_less_ = __webpack_require__(228);
|
|
|
20141
20134
|
|
|
20142
20135
|
var tooltip_component = normalizeComponent(
|
|
20143
20136
|
tooltip_tooltipvue_type_script_lang_js_,
|
|
20144
|
-
|
|
20145
|
-
|
|
20137
|
+
tooltipvue_type_template_id_6d30a218_render,
|
|
20138
|
+
tooltipvue_type_template_id_6d30a218_staticRenderFns,
|
|
20146
20139
|
false,
|
|
20147
20140
|
null,
|
|
20148
20141
|
null,
|
|
@@ -23365,9 +23358,9 @@ var grouped_chip_component = normalizeComponent(
|
|
|
23365
23358
|
/* harmony default export */ const grouped_chip = (grouped_chip_component.exports);
|
|
23366
23359
|
;// CONCATENATED MODULE: ./recipes/chips/grouped_chip/index.js
|
|
23367
23360
|
|
|
23368
|
-
;// 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=
|
|
23369
|
-
var
|
|
23370
|
-
var
|
|
23361
|
+
;// 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&
|
|
23362
|
+
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()])}
|
|
23363
|
+
var general_rowvue_type_template_id_18766278_staticRenderFns = []
|
|
23371
23364
|
|
|
23372
23365
|
|
|
23373
23366
|
;// CONCATENATED MODULE: ./recipes/leftbar/general_row/general_row_constants.js
|
|
@@ -23378,6 +23371,9 @@ const LEFTBAR_GENERAL_ROW_TYPES = {
|
|
|
23378
23371
|
THREADS: 'threads',
|
|
23379
23372
|
LOCKED_CHANNEL: 'locked channel',
|
|
23380
23373
|
CONTACT_CENTER: 'contact center',
|
|
23374
|
+
QUICK_START: 'quick start',
|
|
23375
|
+
COACHING_GROUP: 'coaching group',
|
|
23376
|
+
COACHING_CENTER: 'coaching center',
|
|
23381
23377
|
DIALBOT: 'dialbot',
|
|
23382
23378
|
ASSIGNED: 'assigned',
|
|
23383
23379
|
DIGITAL: 'digital'
|
|
@@ -23388,6 +23384,9 @@ const LEFTBAR_GENERAL_ROW_ICON_MAPPING = {
|
|
|
23388
23384
|
[LEFTBAR_GENERAL_ROW_TYPES.CHANNELS]: 'hash',
|
|
23389
23385
|
[LEFTBAR_GENERAL_ROW_TYPES.THREADS]: 'thread',
|
|
23390
23386
|
[LEFTBAR_GENERAL_ROW_TYPES.LOCKED_CHANNEL]: 'lock',
|
|
23387
|
+
[LEFTBAR_GENERAL_ROW_TYPES.QUICK_START]: 'sparkle',
|
|
23388
|
+
[LEFTBAR_GENERAL_ROW_TYPES.COACHING_GROUP]: 'users',
|
|
23389
|
+
[LEFTBAR_GENERAL_ROW_TYPES.COACHING_CENTER]: 'external-link',
|
|
23391
23390
|
'locked channel unread': 'lock-filled',
|
|
23392
23391
|
'channel unread': 'hash-bold',
|
|
23393
23392
|
[LEFTBAR_GENERAL_ROW_TYPES.ASSIGNED]: 'at-sign',
|
|
@@ -24146,6 +24145,40 @@ var leftbar_general_row_icon_component = normalizeComponent(
|
|
|
24146
24145
|
//
|
|
24147
24146
|
//
|
|
24148
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
|
+
//
|
|
24172
|
+
//
|
|
24173
|
+
//
|
|
24174
|
+
//
|
|
24175
|
+
//
|
|
24176
|
+
//
|
|
24177
|
+
//
|
|
24178
|
+
//
|
|
24179
|
+
//
|
|
24180
|
+
//
|
|
24181
|
+
|
|
24149
24182
|
|
|
24150
24183
|
|
|
24151
24184
|
|
|
@@ -24159,6 +24192,7 @@ var leftbar_general_row_icon_component = normalizeComponent(
|
|
|
24159
24192
|
DtBadge: badge,
|
|
24160
24193
|
DtIcon: icon,
|
|
24161
24194
|
DtButton: button_button,
|
|
24195
|
+
DtTooltip: tooltip,
|
|
24162
24196
|
DtRecipeLeftbarGeneralRowIcon: leftbar_general_row_icon
|
|
24163
24197
|
},
|
|
24164
24198
|
inheritAttrs: false,
|
|
@@ -24176,13 +24210,22 @@ var leftbar_general_row_icon_component = normalizeComponent(
|
|
|
24176
24210
|
},
|
|
24177
24211
|
|
|
24178
24212
|
/**
|
|
24179
|
-
*
|
|
24213
|
+
* Will be read out by a screen reader upon focus of this row. If not defined "description" will be read.
|
|
24180
24214
|
*/
|
|
24181
|
-
|
|
24215
|
+
ariaLabel: {
|
|
24182
24216
|
type: String,
|
|
24183
24217
|
default: ''
|
|
24184
24218
|
},
|
|
24185
24219
|
|
|
24220
|
+
/**
|
|
24221
|
+
* Text displayed next to the icon. Required. Even if you are overriding this field using the label slot
|
|
24222
|
+
* you still must input this as it will be displayed as the "title" attribute for the row.
|
|
24223
|
+
*/
|
|
24224
|
+
description: {
|
|
24225
|
+
type: String,
|
|
24226
|
+
required: true
|
|
24227
|
+
},
|
|
24228
|
+
|
|
24186
24229
|
/**
|
|
24187
24230
|
* Determines the color of the contact center icon
|
|
24188
24231
|
*/
|
|
@@ -24211,6 +24254,14 @@ var leftbar_general_row_icon_component = normalizeComponent(
|
|
|
24211
24254
|
default: null
|
|
24212
24255
|
},
|
|
24213
24256
|
|
|
24257
|
+
/**
|
|
24258
|
+
* Text shown when the unread count is hovered.
|
|
24259
|
+
*/
|
|
24260
|
+
unreadCountTooltip: {
|
|
24261
|
+
type: String,
|
|
24262
|
+
default: ''
|
|
24263
|
+
},
|
|
24264
|
+
|
|
24214
24265
|
/**
|
|
24215
24266
|
* Determines if the row is selected
|
|
24216
24267
|
*/
|
|
@@ -24244,12 +24295,36 @@ var leftbar_general_row_icon_component = normalizeComponent(
|
|
|
24244
24295
|
default: ''
|
|
24245
24296
|
},
|
|
24246
24297
|
|
|
24298
|
+
/**
|
|
24299
|
+
* Text shown in tooltip when you hover the dndText
|
|
24300
|
+
*/
|
|
24301
|
+
dndTextTooltip: {
|
|
24302
|
+
type: String,
|
|
24303
|
+
default: ''
|
|
24304
|
+
},
|
|
24305
|
+
|
|
24247
24306
|
/**
|
|
24248
24307
|
* Whether the row should have a call button. Usually only applicable to individual contact rows.
|
|
24249
24308
|
*/
|
|
24250
24309
|
hasCallButton: {
|
|
24251
24310
|
type: Boolean,
|
|
24252
24311
|
default: false
|
|
24312
|
+
},
|
|
24313
|
+
|
|
24314
|
+
/**
|
|
24315
|
+
* Text shown when the call button is hovered.
|
|
24316
|
+
*/
|
|
24317
|
+
callButtonTooltip: {
|
|
24318
|
+
type: String,
|
|
24319
|
+
default: ''
|
|
24320
|
+
},
|
|
24321
|
+
|
|
24322
|
+
/**
|
|
24323
|
+
* Shows an "is typing" animation over the avatar when true.
|
|
24324
|
+
*/
|
|
24325
|
+
isTyping: {
|
|
24326
|
+
type: Boolean,
|
|
24327
|
+
default: false
|
|
24253
24328
|
}
|
|
24254
24329
|
},
|
|
24255
24330
|
emits: [
|
|
@@ -24297,6 +24372,10 @@ var leftbar_general_row_icon_component = normalizeComponent(
|
|
|
24297
24372
|
}
|
|
24298
24373
|
|
|
24299
24374
|
return this.type;
|
|
24375
|
+
},
|
|
24376
|
+
|
|
24377
|
+
getAriaLabel() {
|
|
24378
|
+
return this.ariaLabel ? this.ariaLabel : `${this.description} ${this.unreadCountTooltip} ${this.dndTextTooltip}`;
|
|
24300
24379
|
}
|
|
24301
24380
|
|
|
24302
24381
|
},
|
|
@@ -24337,8 +24416,8 @@ var general_rowvue_type_style_index_0_lang_less_ = __webpack_require__(745);
|
|
|
24337
24416
|
|
|
24338
24417
|
var general_row_component = normalizeComponent(
|
|
24339
24418
|
general_row_general_rowvue_type_script_lang_js_,
|
|
24340
|
-
|
|
24341
|
-
|
|
24419
|
+
general_rowvue_type_template_id_18766278_render,
|
|
24420
|
+
general_rowvue_type_template_id_18766278_staticRenderFns,
|
|
24342
24421
|
false,
|
|
24343
24422
|
null,
|
|
24344
24423
|
null,
|
|
@@ -24350,9 +24429,9 @@ var general_row_component = normalizeComponent(
|
|
|
24350
24429
|
;// CONCATENATED MODULE: ./recipes/leftbar/general_row/index.js
|
|
24351
24430
|
|
|
24352
24431
|
|
|
24353
|
-
;// 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=
|
|
24354
|
-
var
|
|
24355
|
-
var
|
|
24432
|
+
;// 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&
|
|
24433
|
+
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))}
|
|
24434
|
+
var group_rowvue_type_template_id_2afb38bf_staticRenderFns = []
|
|
24356
24435
|
|
|
24357
24436
|
|
|
24358
24437
|
;// 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&
|
|
@@ -24379,6 +24458,9 @@ var group_rowvue_type_template_id_4a86bd91_staticRenderFns = []
|
|
|
24379
24458
|
//
|
|
24380
24459
|
//
|
|
24381
24460
|
//
|
|
24461
|
+
//
|
|
24462
|
+
//
|
|
24463
|
+
//
|
|
24382
24464
|
|
|
24383
24465
|
|
|
24384
24466
|
/* harmony default export */ const group_rowvue_type_script_lang_js_ = ({
|
|
@@ -24416,12 +24498,20 @@ var group_rowvue_type_template_id_4a86bd91_staticRenderFns = []
|
|
|
24416
24498
|
required: true
|
|
24417
24499
|
},
|
|
24418
24500
|
|
|
24501
|
+
/**
|
|
24502
|
+
* Screen reader will read out the number of users in the group using this text. Ex: "2 users"
|
|
24503
|
+
*/
|
|
24504
|
+
groupCountText: {
|
|
24505
|
+
type: String,
|
|
24506
|
+
default: ''
|
|
24507
|
+
},
|
|
24508
|
+
|
|
24419
24509
|
/**
|
|
24420
24510
|
* Names of the group members
|
|
24421
24511
|
*/
|
|
24422
24512
|
names: {
|
|
24423
24513
|
type: String,
|
|
24424
|
-
|
|
24514
|
+
required: true
|
|
24425
24515
|
},
|
|
24426
24516
|
|
|
24427
24517
|
/**
|
|
@@ -24432,6 +24522,14 @@ var group_rowvue_type_template_id_4a86bd91_staticRenderFns = []
|
|
|
24432
24522
|
default: null
|
|
24433
24523
|
},
|
|
24434
24524
|
|
|
24525
|
+
/**
|
|
24526
|
+
* Text shown when the unread count is hovered.
|
|
24527
|
+
*/
|
|
24528
|
+
unreadCountTooltip: {
|
|
24529
|
+
type: String,
|
|
24530
|
+
default: null
|
|
24531
|
+
},
|
|
24532
|
+
|
|
24435
24533
|
/**
|
|
24436
24534
|
* Styles the row with an increased font weight to convey it has unreads. This must be true to see
|
|
24437
24535
|
* the unread count badge.
|
|
@@ -24447,6 +24545,14 @@ var group_rowvue_type_template_id_4a86bd91_staticRenderFns = []
|
|
|
24447
24545
|
selected: {
|
|
24448
24546
|
type: Boolean,
|
|
24449
24547
|
default: false
|
|
24548
|
+
},
|
|
24549
|
+
|
|
24550
|
+
/**
|
|
24551
|
+
* Shows an "is typing" animation over the avatar when true.
|
|
24552
|
+
*/
|
|
24553
|
+
isTyping: {
|
|
24554
|
+
type: Boolean,
|
|
24555
|
+
default: false
|
|
24450
24556
|
}
|
|
24451
24557
|
},
|
|
24452
24558
|
emits: [
|
|
@@ -24470,8 +24576,8 @@ var group_rowvue_type_template_id_4a86bd91_staticRenderFns = []
|
|
|
24470
24576
|
;
|
|
24471
24577
|
var group_row_component = normalizeComponent(
|
|
24472
24578
|
group_row_group_rowvue_type_script_lang_js_,
|
|
24473
|
-
|
|
24474
|
-
|
|
24579
|
+
group_rowvue_type_template_id_2afb38bf_render,
|
|
24580
|
+
group_rowvue_type_template_id_2afb38bf_staticRenderFns,
|
|
24475
24581
|
false,
|
|
24476
24582
|
null,
|
|
24477
24583
|
null,
|
|
@@ -24482,9 +24588,9 @@ var group_row_component = normalizeComponent(
|
|
|
24482
24588
|
/* harmony default export */ const group_row = (group_row_component.exports);
|
|
24483
24589
|
;// CONCATENATED MODULE: ./recipes/leftbar/group_row/index.js
|
|
24484
24590
|
|
|
24485
|
-
;// 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=
|
|
24486
|
-
var
|
|
24487
|
-
var
|
|
24591
|
+
;// 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&
|
|
24592
|
+
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))}
|
|
24593
|
+
var contact_rowvue_type_template_id_483627f3_staticRenderFns = []
|
|
24488
24594
|
|
|
24489
24595
|
|
|
24490
24596
|
;// 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/contact_row/contact_row.vue?vue&type=script&lang=js&
|
|
@@ -24550,6 +24656,10 @@ var contact_rowvue_type_template_id_22dc813a_staticRenderFns = []
|
|
|
24550
24656
|
//
|
|
24551
24657
|
//
|
|
24552
24658
|
//
|
|
24659
|
+
//
|
|
24660
|
+
//
|
|
24661
|
+
//
|
|
24662
|
+
//
|
|
24553
24663
|
|
|
24554
24664
|
|
|
24555
24665
|
|
|
@@ -24657,6 +24767,30 @@ var contact_rowvue_type_template_id_22dc813a_staticRenderFns = []
|
|
|
24657
24767
|
noInitials: {
|
|
24658
24768
|
type: Boolean,
|
|
24659
24769
|
default: false
|
|
24770
|
+
},
|
|
24771
|
+
|
|
24772
|
+
/**
|
|
24773
|
+
* Shows an "is typing" animation over the avatar when true.
|
|
24774
|
+
*/
|
|
24775
|
+
isTyping: {
|
|
24776
|
+
type: Boolean,
|
|
24777
|
+
default: false
|
|
24778
|
+
},
|
|
24779
|
+
|
|
24780
|
+
/**
|
|
24781
|
+
* Text shown when the call button is hovered.
|
|
24782
|
+
*/
|
|
24783
|
+
callButtonTooltip: {
|
|
24784
|
+
type: String,
|
|
24785
|
+
default: ''
|
|
24786
|
+
},
|
|
24787
|
+
|
|
24788
|
+
/**
|
|
24789
|
+
* Text shown when the unread count is hovered.
|
|
24790
|
+
*/
|
|
24791
|
+
unreadCountTooltip: {
|
|
24792
|
+
type: String,
|
|
24793
|
+
default: ''
|
|
24660
24794
|
}
|
|
24661
24795
|
},
|
|
24662
24796
|
emits: [
|
|
@@ -24711,8 +24845,8 @@ var contact_rowvue_type_template_id_22dc813a_staticRenderFns = []
|
|
|
24711
24845
|
;
|
|
24712
24846
|
var contact_row_component = normalizeComponent(
|
|
24713
24847
|
contact_row_contact_rowvue_type_script_lang_js_,
|
|
24714
|
-
|
|
24715
|
-
|
|
24848
|
+
contact_rowvue_type_template_id_483627f3_render,
|
|
24849
|
+
contact_rowvue_type_template_id_483627f3_staticRenderFns,
|
|
24716
24850
|
false,
|
|
24717
24851
|
null,
|
|
24718
24852
|
null,
|