@dialpad/dialtone-vue 2.60.0 → 2.62.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.
- package/CHANGELOG.json +1 -1
- package/CHANGELOG.md +21 -0
- package/dist/dialtone-vue.common.js +132 -40
- package/dist/dialtone-vue.umd.js +130 -38
- package/dist/dialtone-vue.umd.min.js +1 -1
- package/package.json +2 -2
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--
|
|
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
|
|
|
@@ -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(--
|
|
415
|
+
___CSS_LOADER_EXPORT___.push([module.id, ".dt-leftbar-row{--leftbar-row-color-foreground:var(--theme-sidebar-color);--leftbar-row-color-background:transparent;--leftbar-row-radius:100em;--leftbar-row-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-alpha-opacity:100%;--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-description-opacity:100%;--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}.dt-leftbar-row:not(.dt-leftbar-row--no-action):hover{--leftbar-row-omega-min-width:var(--leftbar-row-alpha-width)}.dt-leftbar-row--has-unread{--leftbar-row-description-font-weight:var(--fw-bold);--leftbar-row-alpha-color-foreground:var(--leftbar-row-color-foreground)}.dt-leftbar-row--has-unread:not(.dt-leftbar-row--no-action):hover{--leftbar-row-omega-visibility:hidden}.dt-leftbar-row--muted{--leftbar-row-alpha-opacity:50%;--leftbar-row-description-opacity:60%}.dt-leftbar-row--selected{--leftbar-row-color-background:var(--theme-sidebar-active-row-color-background);--leftbar-row-color-foreground:var(--theme-sidebar-active-row-color)}.dt-leftbar-row--selected .d-avatar__count{--avatar-count-color-shadow:var(--theme-sidebar-active-row-color-background)}.dt-leftbar-row--action-focused{--leftbar-row-omega-visibility:hidden}.dt-leftbar-row__primary{display:flex;align-items:center;flex:1;width:100%;text-align:left;color:var(--leftbar-row-color-foreground);text-decoration:none;background-color:var(--leftbar-row-color-background);border-radius:var(--leftbar-row-radius);transition-duration:var(--td200);transition-property:background-color,border,box-shadow;transition-timing-function:var(--ttf-out-quint);-webkit-appearance:none;appearance:none;font-size:inhert;line-height:inherit;margin:0;border:0;padding:0;cursor:pointer}.dt-leftbar-row__primary:hover{--leftbar-row-color-background:var(--theme-sidebar-row-color-background-hover)}.dt-leftbar-row__primary:active{--leftbar-row-color-background:var(--theme-sidebar-active-row-color-background)}.dt-leftbar-row__primary:focus-visible{box-shadow:var(--bs-focus-ring-inset)}.dt-leftbar-row__action{position:absolute;right:var(--leftbar-row-action-position-right);top:var(--leftbar-row-action-position-bottom);transform:translateY(calc(var(--leftbar-row-action-position-bottom)*-1));opacity:0}.dt-leftbar-row:hover .dt-leftbar-row__action,.dt-leftbar-row__action:focus,.dt-leftbar-row__action:focus-within{opacity:1}.dt-leftbar-row__action-button{width:var(--leftbar-row-action-width);height:var(--leftbar-row-action-height)}.dt-leftbar-row__alpha{color:var(--leftbar-row-alpha-color-foreground);display:flex;box-sizing:border-box;justify-content:center;align-items:center;padding-left:var(--space-400);padding-right:var(--space-400);width:var(--leftbar-row-alpha-width);height:var(--leftbar-row-alpha-height);opacity:var(--leftbar-row-alpha-opacity)}.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{color:var(--black-600);font-size:var(--fs-100);font-weight:var(--fw-bold)}.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);opacity:var(--leftbar-row-description-opacity)}.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}}", ""]);
|
|
416
416
|
// Exports
|
|
417
417
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
|
|
418
418
|
|
|
@@ -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),
|
|
@@ -20922,15 +20923,15 @@ var stack_component = normalizeComponent(
|
|
|
20922
20923
|
/* harmony default export */ const stack = (stack_component.exports);
|
|
20923
20924
|
;// CONCATENATED MODULE: ./components/stack/index.js
|
|
20924
20925
|
|
|
20925
|
-
;// 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/comboboxes/combobox_with_popover/combobox_with_popover.vue?vue&type=template&id=
|
|
20926
|
-
var
|
|
20926
|
+
;// 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/comboboxes/combobox_with_popover/combobox_with_popover.vue?vue&type=template&id=5bccf868&
|
|
20927
|
+
var combobox_with_popovervue_type_template_id_5bccf868_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-combobox',_vm._g({ref:"combobox",attrs:{"loading":_vm.loading,"label":_vm.label,"label-visible":_vm.labelVisible,"size":_vm.size,"description":_vm.description,"empty-list":_vm.emptyList,"empty-state-message":_vm.emptyStateMessage,"show-list":_vm.isListShown,"on-beginning-of-list":_vm.onBeginningOfList,"on-end-of-list":_vm.onEndOfList,"list-rendered-outside":true,"list-id":_vm.listId,"data-qa":"dt-combobox"},scopedSlots:_vm._u([{key:"input",fn:function(ref){
|
|
20927
20928
|
var inputProps = ref.inputProps;
|
|
20928
20929
|
return [_c('div',{ref:"input",attrs:{"id":_vm.externalAnchor},on:{"focusin":_vm.onFocusIn,"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }return _vm.openOnArrowKeyPress($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }return _vm.openOnArrowKeyPress($event)}]}},[_vm._t("input",null,{"inputProps":inputProps,"onInput":_vm.handleDisplayList})],2)]}},{key:"list",fn:function(ref){
|
|
20929
20930
|
var opened = ref.opened;
|
|
20930
20931
|
var listProps = ref.listProps;
|
|
20931
20932
|
var clearHighlightIndex = ref.clearHighlightIndex;
|
|
20932
20933
|
return [_c('dt-popover',{ref:"popover",attrs:{"open":_vm.isListShown,"hide-on-click":false,"max-height":_vm.maxHeight,"max-width":_vm.maxWidth,"offset":_vm.popoverOffset,"sticky":_vm.popoverSticky,"placement":"bottom-start","initial-focus-element":"none","padding":"none","role":"listbox","external-anchor":_vm.externalAnchor,"content-width":_vm.contentWidth,"content-tabindex":null,"modal":false,"auto-focus":false,"append-to":_vm.appendTo,"visually-hidden-close-label":_vm.visuallyHiddenCloseLabel,"visually-hidden-close":_vm.visuallyHiddenClose},on:{"update:open":function($event){_vm.isListShown=$event},"opened":function($event){return opened($event, arguments[1]);}},scopedSlots:_vm._u([{key:"headerContent",fn:function(){return [(_vm.$slots.header)?_c('div',{ref:"header"},[_vm._t("header")],2):_vm._e()]},proxy:true},{key:"content",fn:function(){return [_c('div',{ref:"listWrapper",class:[_vm.DROPDOWN_PADDING_CLASSES[_vm.padding], _vm.listClass],on:{"mouseleave":clearHighlightIndex,"focusout":clearHighlightIndex}},[(_vm.loading)?_c('combobox-loading-list',_vm._b({},'combobox-loading-list',listProps,false)):(_vm.emptyList && _vm.emptyStateMessage)?_c('combobox-empty-list',_vm._b({attrs:{"message":_vm.emptyStateMessage}},'combobox-empty-list',listProps,false)):_vm._t("list",null,{"listProps":listProps})],2)]},proxy:true},{key:"footerContent",fn:function(){return [(_vm.$slots.footer)?_c('div',{ref:"footer"},[_vm._t("footer")],2):_vm._e()]},proxy:true}],null,true)})]}}],null,true)},_vm.comboboxListeners))}
|
|
20933
|
-
var
|
|
20934
|
+
var combobox_with_popovervue_type_template_id_5bccf868_staticRenderFns = []
|
|
20934
20935
|
|
|
20935
20936
|
|
|
20936
20937
|
;// 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/comboboxes/combobox_with_popover/combobox_with_popover.vue?vue&type=script&lang=js&
|
|
@@ -21383,12 +21384,12 @@ var combobox_with_popovervue_type_template_id_2f87445e_staticRenderFns = []
|
|
|
21383
21384
|
},
|
|
21384
21385
|
|
|
21385
21386
|
onFocusOut(e) {
|
|
21387
|
+
var _this$$refs$popover$t, _e$composedPath;
|
|
21388
|
+
|
|
21386
21389
|
// Check if the focus change was to another target within the combobox component
|
|
21387
|
-
const
|
|
21388
|
-
|
|
21389
|
-
|
|
21390
|
-
});
|
|
21391
|
-
if (isComboboxStillFocused) return; // If outside the combobox then close
|
|
21390
|
+
const popoverEl = (_this$$refs$popover$t = this.$refs.popover.tip) === null || _this$$refs$popover$t === void 0 ? void 0 : _this$$refs$popover$t.popper;
|
|
21391
|
+
const comboboxEl = this.$refs.input;
|
|
21392
|
+
if ((_e$composedPath = e.composedPath()) !== null && _e$composedPath !== void 0 && _e$composedPath.some(el => [popoverEl, comboboxEl].includes(el))) return; // If outside the combobox then close
|
|
21392
21393
|
|
|
21393
21394
|
this.closeComboboxList();
|
|
21394
21395
|
},
|
|
@@ -21415,8 +21416,8 @@ var combobox_with_popovervue_type_template_id_2f87445e_staticRenderFns = []
|
|
|
21415
21416
|
;
|
|
21416
21417
|
var combobox_with_popover_component = normalizeComponent(
|
|
21417
21418
|
combobox_with_popover_combobox_with_popovervue_type_script_lang_js_,
|
|
21418
|
-
|
|
21419
|
-
|
|
21419
|
+
combobox_with_popovervue_type_template_id_5bccf868_render,
|
|
21420
|
+
combobox_with_popovervue_type_template_id_5bccf868_staticRenderFns,
|
|
21420
21421
|
false,
|
|
21421
21422
|
null,
|
|
21422
21423
|
null,
|
|
@@ -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=
|
|
22165
|
-
var
|
|
22166
|
-
var
|
|
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
|
-
|
|
22319
|
-
|
|
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=
|
|
22331
|
-
var
|
|
22332
|
-
var
|
|
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
|
-
|
|
22618
|
-
|
|
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=
|
|
23329
|
-
var
|
|
23330
|
-
var
|
|
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=1889c7ad&
|
|
23368
|
+
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)])])}
|
|
23369
|
+
var general_rowvue_type_template_id_1889c7ad_staticRenderFns = []
|
|
23331
23370
|
|
|
23332
23371
|
|
|
23333
23372
|
;// CONCATENATED MODULE: ./recipes/leftbar/general_row/general_row_constants.js
|
|
@@ -23338,7 +23377,9 @@ const LEFTBAR_GENERAL_ROW_TYPES = {
|
|
|
23338
23377
|
THREADS: 'threads',
|
|
23339
23378
|
LOCKED_CHANNEL: 'locked channel',
|
|
23340
23379
|
CONTACT_CENTER: 'contact center',
|
|
23341
|
-
DIALBOT: 'dialbot'
|
|
23380
|
+
DIALBOT: 'dialbot',
|
|
23381
|
+
ASSIGNED: 'assigned',
|
|
23382
|
+
DIGITAL: 'digital'
|
|
23342
23383
|
};
|
|
23343
23384
|
const LEFTBAR_GENERAL_ROW_ICON_MAPPING = {
|
|
23344
23385
|
[LEFTBAR_GENERAL_ROW_TYPES.INBOX]: 'inbox',
|
|
@@ -23347,20 +23388,28 @@ const LEFTBAR_GENERAL_ROW_ICON_MAPPING = {
|
|
|
23347
23388
|
[LEFTBAR_GENERAL_ROW_TYPES.THREADS]: 'thread',
|
|
23348
23389
|
[LEFTBAR_GENERAL_ROW_TYPES.LOCKED_CHANNEL]: 'lock',
|
|
23349
23390
|
'locked channel unread': 'lock-filled',
|
|
23350
|
-
'channel unread': 'hash-bold'
|
|
23391
|
+
'channel unread': 'hash-bold',
|
|
23392
|
+
[LEFTBAR_GENERAL_ROW_TYPES.ASSIGNED]: 'at-sign',
|
|
23393
|
+
[LEFTBAR_GENERAL_ROW_TYPES.DIGITAL]: 'message'
|
|
23351
23394
|
};
|
|
23352
23395
|
const LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS = {
|
|
23353
|
-
|
|
23354
|
-
|
|
23355
|
-
|
|
23356
|
-
|
|
23357
|
-
magenta: 'd-bgc-magenta-300',
|
|
23358
|
-
|
|
23396
|
+
'magenta-200': 'd-bgc-magenta-200',
|
|
23397
|
+
'green-200': 'd-bgc-green-200',
|
|
23398
|
+
'gold-300': 'd-bgc-gold-300',
|
|
23399
|
+
'purple-600': 'd-bgc-purple-600',
|
|
23400
|
+
'magenta-300': 'd-bgc-magenta-300',
|
|
23401
|
+
'purple-300': 'd-bgc-purple-300',
|
|
23402
|
+
'green-500': 'd-bgc-green-500',
|
|
23403
|
+
'purple-100': 'd-bgc-purple-100',
|
|
23404
|
+
'magenta-400': 'd-bgc-magenta-400',
|
|
23405
|
+
'magenta-100': 'd-bgc-magenta-100'
|
|
23359
23406
|
};
|
|
23407
|
+
const LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR = 'If type is contact center, color must be one' + 'of the following:' + Object.keys(LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS).join(', ');
|
|
23360
23408
|
/* harmony default export */ const general_row_constants = ({
|
|
23361
23409
|
LEFTBAR_GENERAL_ROW_TYPES,
|
|
23362
23410
|
LEFTBAR_GENERAL_ROW_ICON_MAPPING,
|
|
23363
|
-
LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS
|
|
23411
|
+
LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS,
|
|
23412
|
+
LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR
|
|
23364
23413
|
});
|
|
23365
23414
|
;// 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/emoji/emoji.vue?vue&type=template&id=147e0534&
|
|
23366
23415
|
var emojivue_type_template_id_147e0534_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{class:_vm.emojiSize},[_c('dt-skeleton',{directives:[{name:"show",rawName:"v-show",value:(_vm.imgLoading && _vm.showSkeleton),expression:"imgLoading && showSkeleton"}],class:_vm.emojiSize,attrs:{"offset":0,"shape-option":{ shape: 'square', contentClass: _vm.emojiSize, size: 'auto' }}}),_c('img',{directives:[{name:"show",rawName:"v-show",value:(!_vm.imgLoading),expression:"!imgLoading"}],ref:"emojiImg",class:['d-icon', _vm.emojiSize, _vm.imgClass],attrs:{"aria-label":_vm.emojiLabel,"alt":_vm.emojiAlt,"title":_vm.emojiLabel,"src":_vm.emojiSrc},on:{"load":_vm.imageLoaded,"error":_vm.imageErrored}})],1)}
|
|
@@ -24042,6 +24091,22 @@ var leftbar_general_row_icon_component = normalizeComponent(
|
|
|
24042
24091
|
//
|
|
24043
24092
|
//
|
|
24044
24093
|
//
|
|
24094
|
+
//
|
|
24095
|
+
//
|
|
24096
|
+
//
|
|
24097
|
+
//
|
|
24098
|
+
//
|
|
24099
|
+
//
|
|
24100
|
+
//
|
|
24101
|
+
//
|
|
24102
|
+
//
|
|
24103
|
+
//
|
|
24104
|
+
//
|
|
24105
|
+
//
|
|
24106
|
+
//
|
|
24107
|
+
//
|
|
24108
|
+
//
|
|
24109
|
+
|
|
24045
24110
|
|
|
24046
24111
|
|
|
24047
24112
|
|
|
@@ -24051,6 +24116,7 @@ var leftbar_general_row_icon_component = normalizeComponent(
|
|
|
24051
24116
|
components: {
|
|
24052
24117
|
DtEmojiTextWrapper: emoji_text_wrapper,
|
|
24053
24118
|
DtBadge: badge,
|
|
24119
|
+
DtIcon: icon,
|
|
24054
24120
|
DtRecipeLeftbarGeneralRowIcon: leftbar_general_row_icon
|
|
24055
24121
|
},
|
|
24056
24122
|
inheritAttrs: false,
|
|
@@ -24100,13 +24166,39 @@ var leftbar_general_row_icon_component = normalizeComponent(
|
|
|
24100
24166
|
selected: {
|
|
24101
24167
|
type: Boolean,
|
|
24102
24168
|
default: false
|
|
24169
|
+
},
|
|
24170
|
+
|
|
24171
|
+
/**
|
|
24172
|
+
* Gives a faded style to be used when muted
|
|
24173
|
+
*/
|
|
24174
|
+
muted: {
|
|
24175
|
+
type: Boolean,
|
|
24176
|
+
default: false
|
|
24177
|
+
},
|
|
24178
|
+
|
|
24179
|
+
/**
|
|
24180
|
+
* Shows styling to represent an active voice chat. This will display over unreadCount.
|
|
24181
|
+
*/
|
|
24182
|
+
activeVoiceChat: {
|
|
24183
|
+
type: Boolean,
|
|
24184
|
+
default: false
|
|
24185
|
+
},
|
|
24186
|
+
|
|
24187
|
+
/**
|
|
24188
|
+
* Acronym used to represent "Do not Disturb" state. If entered will display the entered text over
|
|
24189
|
+
* unreadCount and activeVoiceChat.
|
|
24190
|
+
*/
|
|
24191
|
+
dndText: {
|
|
24192
|
+
type: String,
|
|
24193
|
+
default: ''
|
|
24103
24194
|
}
|
|
24104
24195
|
},
|
|
24105
24196
|
computed: {
|
|
24106
24197
|
leftbarGeneralRowClasses() {
|
|
24107
24198
|
return ['dt-leftbar-row', 'dt-leftbar-row--no-action', {
|
|
24108
24199
|
'dt-leftbar-row--has-unread': this.hasUnreadMessages,
|
|
24109
|
-
'dt-leftbar-row--selected': this.selected
|
|
24200
|
+
'dt-leftbar-row--selected': this.selected,
|
|
24201
|
+
'dt-leftbar-row--muted': this.muted
|
|
24110
24202
|
}];
|
|
24111
24203
|
},
|
|
24112
24204
|
|
|
@@ -24143,7 +24235,7 @@ var leftbar_general_row_icon_component = normalizeComponent(
|
|
|
24143
24235
|
methods: {
|
|
24144
24236
|
validateProps() {
|
|
24145
24237
|
if (this.type === LEFTBAR_GENERAL_ROW_TYPES.CONTACT_CENTER && !Object.keys(LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS).includes(this.color)) {
|
|
24146
|
-
console.error(
|
|
24238
|
+
console.error(LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR);
|
|
24147
24239
|
}
|
|
24148
24240
|
}
|
|
24149
24241
|
|
|
@@ -24166,8 +24258,8 @@ var general_rowvue_type_style_index_0_lang_less_ = __webpack_require__(745);
|
|
|
24166
24258
|
|
|
24167
24259
|
var general_row_component = normalizeComponent(
|
|
24168
24260
|
general_row_general_rowvue_type_script_lang_js_,
|
|
24169
|
-
|
|
24170
|
-
|
|
24261
|
+
general_rowvue_type_template_id_1889c7ad_render,
|
|
24262
|
+
general_rowvue_type_template_id_1889c7ad_staticRenderFns,
|
|
24171
24263
|
false,
|
|
24172
24264
|
null,
|
|
24173
24265
|
null,
|