@dialpad/dialtone-vue 2.26.0 → 2.26.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.
@@ -220,7 +220,7 @@ __webpack_require__.r(__webpack_exports__);
220
220
 
221
221
  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()));
222
222
  // Module
223
- ___CSS_LOADER_EXPORT___.push([module.id, ".root-layout__header--sticky{position:-webkit-sticky;position:sticky;top:0}", ""]);
223
+ ___CSS_LOADER_EXPORT___.push([module.id, ".root-layout__header--sticky{position:sticky;top:0}", ""]);
224
224
  // Exports
225
225
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
226
226
 
@@ -340,7 +340,7 @@ __webpack_require__.r(__webpack_exports__);
340
340
 
341
341
  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()));
342
342
  // Module
343
- ___CSS_LOADER_EXPORT___.push([module.id, ".dt-recipe--callbar-button-with-popover--button{position:relative;display:inline-block}.dt-recipe--callbar-button-with-popover--arrow.d-btn--circle{position:absolute;top:2rem;right:0;width:var(--su16);height:var(--su16);padding:var(--su8);border-radius:var(--su4)}.dt-recipe--callbar-button-with-popover--arrow.d-btn--circle.d-btn--active{background:var(--black-025)}.dt-recipe--callbar-button-with-popover--popover .d-popover__header{background:var(--black-900);color:var(--white)}.dt-recipe--callbar-button-with-popover--popover .d-popover__header button{color:var(--white)}.d-tab--selected:after,.d-tab--selected:hover:after{--tab--bgc:var(--black-900)}.tab-group{display:flex;flex-direction:column;height:100%}.tab-content{flex:1 1 100%;overflow-y:auto}", ""]);
343
+ ___CSS_LOADER_EXPORT___.push([module.id, ".dt-recipe--callbar-button-with-popover--button{position:relative;display:inline-block}.dt-recipe--callbar-button-with-popover--arrow.d-btn--circle{position:absolute;top:2rem;right:0;width:var(--su16);height:var(--su16);padding:var(--su8);border-radius:var(--su4)}.dt-recipe--callbar-button-with-popover--arrow.d-btn--circle.d-btn--active{background:var(--black-025)}.dt-recipe--callbar-button-with-popover--popover .d-popover__header{background:var(--black-900);color:var(--white)}.dt-recipe--callbar-button-with-popover--popover .d-popover__header button{color:var(--white)}.dt-recipe--callbar-button-with-popover--button .d-tab--selected:after,.dt-recipe--callbar-button-with-popover--button .d-tab--selected:hover:after{--tab--bgc:var(--black-900)}.dt-recipe--callbar-button-with-popover--button .tab-group{display:flex;flex-direction:column;height:100%}.dt-recipe--callbar-button-with-popover--button .tab-content{flex:1 1 100%;overflow-y:auto}", ""]);
344
344
  // Exports
345
345
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
346
346
 
@@ -1320,13 +1320,13 @@ const FOCUSABLE_SELECTOR_NOT_HIDDEN = 'input:not([type=hidden]):not(:disabled)';
1320
1320
 
1321
1321
  const FOCUSABLE_SELECTOR_NOT_DISABLED = 'select:not(:disabled),textarea:not(:disabled),button:not(:disabled)'; // // selector to find focusable not hidden and disabled elements
1322
1322
 
1323
- const FOCUSABLE_SELECTOR_NOT_HIDDEN_DISABLED = "".concat(FOCUSABLE_SELECTOR_NOT_HIDDEN, ",").concat(FOCUSABLE_SELECTOR_NOT_DISABLED); // selector to find focusable elements
1323
+ const FOCUSABLE_SELECTOR_NOT_HIDDEN_DISABLED = `${FOCUSABLE_SELECTOR_NOT_HIDDEN},${FOCUSABLE_SELECTOR_NOT_DISABLED}`; // selector to find focusable elements
1324
1324
 
1325
- const FOCUSABLE_SELECTOR = "a,frame,iframe,".concat(FOCUSABLE_SELECTOR_NOT_HIDDEN_DISABLED, ",*[tabindex]");
1325
+ const FOCUSABLE_SELECTOR = `a,frame,iframe,${FOCUSABLE_SELECTOR_NOT_HIDDEN_DISABLED},*[tabindex]`;
1326
1326
  const scheduler = typeof setImmediate === 'function' ? setImmediate : setTimeout;
1327
1327
  function getUniqueString() {
1328
1328
  let prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DEFAULT_PREFIX;
1329
- return "".concat(prefix).concat(UNIQUE_ID_COUNTER++);
1329
+ return `${prefix}${UNIQUE_ID_COUNTER++}`;
1330
1330
  }
1331
1331
  function formatMessages(messages) {
1332
1332
  if (!messages) {
@@ -1407,7 +1407,7 @@ const htmlFragment = {
1407
1407
  this.$createElement = h;
1408
1408
  },
1409
1409
 
1410
- template: "<div>".concat(ctx.props.html, "</div>")
1410
+ template: `<div>${ctx.props.html}</div>`
1411
1411
  }).$mount()._vnode.children;
1412
1412
  }
1413
1413
 
@@ -2141,7 +2141,11 @@ const INVALID_COMBINATION = [{
2141
2141
  }];
2142
2142
 
2143
2143
  function _invalidCombinationMessage(circle, kind, importance) {
2144
- return "You cannot have a ".concat(circle ? 'circle ' : '', "button with kind: ").concat(kind, " and importance: ").concat(importance, " as it does not exist in our design system. See https://dialpad.design/components/button for a list of available button styles");
2144
+ return `You cannot have a ${circle ? 'circle ' : ''}button \
2145
+ with kind: ${kind} and importance: ${importance} as it \
2146
+ does not exist in our design system. \
2147
+ See https://dialpad.design/components/button for a \
2148
+ list of available button styles`;
2145
2149
  }
2146
2150
 
2147
2151
  /* harmony default export */ const button_constants = ({
@@ -2568,8 +2572,8 @@ var notice_action_component = normalizeComponent(
2568
2572
  /* harmony default export */ const notice_action = (notice_action_component.exports);
2569
2573
  ;// CONCATENATED MODULE: ./common/mixins/modal.js
2570
2574
  const focusableAttrs = ':not(:disabled):not([aria-disabled="true"])';
2571
- const tabbableAttrs = "".concat(focusableAttrs, ":not([tabindex=\"-1\"])");
2572
- const focusableElementsList = "button,[href],input,select,textarea,details,[tabindex]";
2575
+ const tabbableAttrs = `${focusableAttrs}:not([tabindex="-1"])`;
2576
+ const focusableElementsList = `button,[href],input,select,textarea,details,[tabindex]`;
2573
2577
  /**
2574
2578
  * this mixin provides the methods to automatically trap tab focus within
2575
2579
  * the component this mixin is on, meaning it is not possible to tab out
@@ -2884,7 +2888,8 @@ const focusableElementsList = "button,[href],input,select,textarea,details,[tabi
2884
2888
 
2885
2889
  bannerBackgroundImage() {
2886
2890
  if (this.backgroundImage === '') return null;
2887
- return "background-image: url(".concat(this.backgroundImage, ");\n background-size: ").concat(this.backgroundSize, ";");
2891
+ return `background-image: url(${this.backgroundImage});
2892
+ background-size: ${this.backgroundSize};`;
2888
2893
  }
2889
2894
 
2890
2895
  },
@@ -3221,7 +3226,7 @@ var breadcrumb_item_component = normalizeComponent(
3221
3226
 
3222
3227
  methods: {
3223
3228
  getBreadcrumbItemKey(index) {
3224
- return "breadcrumbs-item-".concat(index, "-").concat(utils.getUniqueString());
3229
+ return `breadcrumbs-item-${index}-${utils.getUniqueString()}`;
3225
3230
  }
3226
3231
 
3227
3232
  }
@@ -3674,7 +3679,7 @@ const ERROR_INVALID_LIST_ELEMENT = 'listElementKey is required or the referenced
3674
3679
  return null;
3675
3680
  }
3676
3681
 
3677
- return Array.from(listElement.querySelectorAll("[role=\"".concat(listItemRole, "\"]")));
3682
+ return Array.from(listElement.querySelectorAll(`[role="${listItemRole}"]`));
3678
3683
  },
3679
3684
 
3680
3685
  onUpKey() {
@@ -3777,8 +3782,8 @@ const ERROR_INVALID_LIST_ELEMENT = 'listElementKey is required or the referenced
3777
3782
  return;
3778
3783
  }
3779
3784
 
3780
- const listItems = Array.from(listElement.querySelectorAll("[role=\"".concat(listItemRole, "\"]")));
3781
- return listItems.indexOf(listElement.querySelector("#".concat(id)));
3785
+ const listItems = Array.from(listElement.querySelectorAll(`[role="${listItemRole}"]`));
3786
+ return listItems.indexOf(listElement.querySelector(`#${id}`));
3782
3787
  },
3783
3788
 
3784
3789
  _getItemId(index) {
@@ -3790,7 +3795,7 @@ const ERROR_INVALID_LIST_ELEMENT = 'listElementKey is required or the referenced
3790
3795
  return;
3791
3796
  }
3792
3797
 
3793
- return (_listElement$querySel = listElement.querySelectorAll("[role=\"".concat(listItemRole, "\"]"))[index]) === null || _listElement$querySel === void 0 ? void 0 : _listElement$querySel.id;
3798
+ return (_listElement$querySel = listElement.querySelectorAll(`[role="${listItemRole}"]`)[index]) === null || _listElement$querySel === void 0 ? void 0 : _listElement$querySel.id;
3794
3799
  },
3795
3800
 
3796
3801
  scrollActiveItemIntoViewIfNeeded() {
@@ -4238,8 +4243,8 @@ const SKELETON_HEADING_HEIGHTS = {
4238
4243
 
4239
4244
  const animationDelay = this.skeletonOffset * SKELETON_RIPPLE_DURATION / 1000;
4240
4245
  const animationDuration = this.animationDuration === -1 ? 1000 : this.animationDuration;
4241
- style.animationDelay = "".concat(animationDelay, "ms");
4242
- style.animationDuration = "".concat(animationDuration, "ms");
4246
+ style.animationDelay = `${animationDelay}ms`;
4247
+ style.animationDuration = `${animationDuration}ms`;
4243
4248
  return style;
4244
4249
  }
4245
4250
 
@@ -4576,7 +4581,7 @@ const validator = number => number !== '' && !Number.isNaN(Number(number));
4576
4581
  randomWidthPercentage() {
4577
4582
  const min = Math.min(this.minWidth, this.maxWidth);
4578
4583
  const max = Math.max(this.minWidth, this.maxWidth);
4579
- return "".concat(Math.round(Math.random() * (max - min)) + min, "%");
4584
+ return `${Math.round(Math.random() * (max - min)) + min}%`;
4580
4585
  },
4581
4586
 
4582
4587
  getSizeParagraphRow(row) {
@@ -4835,10 +4840,10 @@ var skeleton_list_item_component = normalizeComponent(
4835
4840
  });
4836
4841
 
4837
4842
  if (filtered.length >= 2) {
4838
- const errorMessage = "Use only one of ".concat(filtered.map(_ref2 => {
4843
+ const errorMessage = `Use only one of ${filtered.map(_ref2 => {
4839
4844
  let [key] = _ref2;
4840
4845
  return key;
4841
- }).join(' | '), " options at the same time");
4846
+ }).join(' | ')} options at the same time`;
4842
4847
  console.error(errorMessage);
4843
4848
  }
4844
4849
  }
@@ -5260,7 +5265,7 @@ var combobox_empty_list_component = normalizeComponent(
5260
5265
  getListElement() {
5261
5266
  var _this$outsideRendered, _this$$refs$listWrapp;
5262
5267
 
5263
- return (_this$outsideRendered = this.outsideRenderedListRef) !== null && _this$outsideRendered !== void 0 ? _this$outsideRendered : (_this$$refs$listWrapp = this.$refs.listWrapper) === null || _this$$refs$listWrapp === void 0 ? void 0 : _this$$refs$listWrapp.querySelector("#".concat(this.listId));
5268
+ return (_this$outsideRendered = this.outsideRenderedListRef) !== null && _this$outsideRendered !== void 0 ? _this$outsideRendered : (_this$$refs$listWrapp = this.$refs.listWrapper) === null || _this$$refs$listWrapp === void 0 ? void 0 : _this$$refs$listWrapp.querySelector(`#${this.listId}`);
5264
5269
  },
5265
5270
 
5266
5271
  clearHighlightIndex() {
@@ -5314,7 +5319,8 @@ var combobox_empty_list_component = normalizeComponent(
5314
5319
 
5315
5320
  validateEmptyListProps() {
5316
5321
  if (this.emptyList && !this.emptyStateMessage || !this.emptyList && this.emptyStateMessage) {
5317
- console.error("Invalid props: you must pass both props emptyList and emptyStateMessage to show the\n empty message.");
5322
+ console.error(`Invalid props: you must pass both props emptyList and emptyStateMessage to show the
5323
+ empty message.`);
5318
5324
  }
5319
5325
  }
5320
5326
 
@@ -5451,7 +5457,7 @@ var collapsible_lazy_showvue_type_template_id_22ec4864_staticRenderFns = []
5451
5457
  enter(element) {
5452
5458
  requestAnimationFrame(() => {
5453
5459
  requestAnimationFrame(() => {
5454
- element.style.height = "".concat(element.scrollHeight, "px");
5460
+ element.style.height = `${element.scrollHeight}px`;
5455
5461
  });
5456
5462
  });
5457
5463
  },
@@ -5469,7 +5475,7 @@ var collapsible_lazy_showvue_type_template_id_22ec4864_staticRenderFns = []
5469
5475
  beforeLeave(element) {
5470
5476
  requestAnimationFrame(() => {
5471
5477
  if (!element.style.height) {
5472
- element.style.height = "".concat(element.offsetHeight, "px");
5478
+ element.style.height = `${element.offsetHeight}px`;
5473
5479
  }
5474
5480
  });
5475
5481
  },
@@ -11534,7 +11540,7 @@ var popover_header_footer_component = normalizeComponent(
11534
11540
 
11535
11541
  async setPopoverContentAnchorWidth() {
11536
11542
  await this.$nextTick();
11537
- this.popoverContentEl.style.width = "".concat(this.anchorEl.clientWidth, "px");
11543
+ this.popoverContentEl.style.width = `${this.anchorEl.clientWidth}px`;
11538
11544
  },
11539
11545
 
11540
11546
  focusFirstElementIfNeeded(domEl) {
@@ -12240,7 +12246,7 @@ function validationMessageValidator(rawMessages) {
12240
12246
  },
12241
12247
  methods: {
12242
12248
  getMessageKey(type, index) {
12243
- return "validation-message-".concat(type, "-").concat(index, "-").concat(this.id);
12249
+ return `validation-message-${type}-${index}-${this.id}`;
12244
12250
  },
12245
12251
 
12246
12252
  messageTypeClass(type) {
@@ -12585,7 +12591,7 @@ const GroupableMixin = {
12585
12591
  const reactiveGroupName = (_this$groupContext5 = this.groupContext) === null || _this$groupContext5 === void 0 ? void 0 : _this$groupContext5.name;
12586
12592
 
12587
12593
  if (!!this.name && hasGroupName && reactiveGroupName !== this.name) {
12588
- external_commonjs_vue_commonjs2_vue_root_Vue_default().util.warn('Component is being used inside a Group. Did you mean to override the name prop value ' + "(".concat(reactiveGroupName, ") with (").concat(this.name, ")? It is recommended to only set name at the Group level."), this);
12594
+ external_commonjs_vue_commonjs2_vue_root_Vue_default().util.warn('Component is being used inside a Group. Did you mean to override the name prop value ' + `(${reactiveGroupName}) with (${this.name})? It is recommended to only set name at the Group level.`, this);
12589
12595
  }
12590
12596
  }
12591
12597
 
@@ -12996,7 +13002,7 @@ const MessagesMixin = {
12996
13002
  },
12997
13003
 
12998
13004
  descriptionKey() {
12999
- return "input-description-".concat(getUniqueString());
13005
+ return `input-description-${getUniqueString()}`;
13000
13006
  },
13001
13007
 
13002
13008
  inputState() {
@@ -13182,7 +13188,7 @@ const MessagesMixin = {
13182
13188
  },
13183
13189
 
13184
13190
  getMessageKey(type, index) {
13185
- return "message-".concat(type, "-").concat(index);
13191
+ return `message-${type}-${index}`;
13186
13192
  },
13187
13193
 
13188
13194
  validateLength(length) {
@@ -13487,7 +13493,7 @@ const InputGroupMixin = {
13487
13493
  },
13488
13494
  methods: {
13489
13495
  getMessageKey(type, index) {
13490
- return "input-group-message-".concat(type, "-").concat(index, "-").concat(this.id);
13496
+ return `input-group-message-${type}-${index}-${this.id}`;
13491
13497
  }
13492
13498
 
13493
13499
  }
@@ -13816,7 +13822,7 @@ const MODAL_SIZE_MODIFIERS = {
13816
13822
 
13817
13823
  computed: {
13818
13824
  open() {
13819
- return "".concat(!this.show);
13825
+ return `${!this.show}`;
13820
13826
  },
13821
13827
 
13822
13828
  hasFooterSlot() {
@@ -14788,7 +14794,7 @@ var radio_component = normalizeComponent(
14788
14794
  },
14789
14795
 
14790
14796
  getMessageKey(type, index) {
14791
- return "radio-group-message-".concat(type, "-").concat(index, "-").concat(this.id);
14797
+ return `radio-group-message-${type}-${index}-${this.id}`;
14792
14798
  }
14793
14799
 
14794
14800
  }
@@ -15111,7 +15117,7 @@ const TAB_IMPORTANCE_MODIFIERS = {
15111
15117
  },
15112
15118
 
15113
15119
  getIndexAndTabs() {
15114
- const index = this.tabs.findIndex(context => this.focusId ? context.id === "".concat(this.focusId) : context.isSelected);
15120
+ const index = this.tabs.findIndex(context => this.focusId ? context.id === `${this.focusId}` : context.isSelected);
15115
15121
  return {
15116
15122
  tabs: this.tabs,
15117
15123
  index
@@ -15730,7 +15736,7 @@ var checkbox_component = normalizeComponent(
15730
15736
  },
15731
15737
 
15732
15738
  getMessageKey(type, index) {
15733
- return "checkbox-group-message-".concat(type, "-").concat(index, "-").concat(this.id);
15739
+ return `checkbox-group-message-${type}-${index}-${this.id}`;
15734
15740
  }
15735
15741
 
15736
15742
  }
@@ -16331,7 +16337,7 @@ const optionsValidator = options => {
16331
16337
  },
16332
16338
 
16333
16339
  descriptionKey() {
16334
- return "select-".concat(this.selectKey, "-description");
16340
+ return `select-${this.selectKey}-description`;
16335
16341
  },
16336
16342
 
16337
16343
  labelAriaDetails() {
@@ -16359,7 +16365,7 @@ const optionsValidator = options => {
16359
16365
  },
16360
16366
 
16361
16367
  getOptionKey(value) {
16362
- return "select-".concat(this.selectKey, "-option-").concat(value);
16368
+ return `select-${this.selectKey}-option-${value}`;
16363
16369
  },
16364
16370
 
16365
16371
  validateOptionsPresence() {
@@ -16865,10 +16871,10 @@ var tooltipvue_type_template_id_2ae452d6_staticRenderFns = []
16865
16871
 
16866
16872
  const TOOLTIP_DIRECTIONS = [...BASE_TIPPY_DIRECTIONS];
16867
16873
  const TOOLTIP_KIND_MODIFIERS = {
16868
- hover: "d-tooltip--hover",
16869
- show: "d-tooltip--show",
16870
- inverted: "d-tooltip--inverted",
16871
- hide: "d-tooltip--hide"
16874
+ hover: `d-tooltip--hover`,
16875
+ show: `d-tooltip--show`,
16876
+ inverted: `d-tooltip--inverted`,
16877
+ hide: `d-tooltip--hide`
16872
16878
  };
16873
16879
  const TOOLTIP_STICKY_VALUES = [...TIPPY_STICKY_VALUES];
16874
16880
  const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
@@ -17412,7 +17418,7 @@ const SHORTCUTS_ICON_ALIASES = {
17412
17418
  const SHORTCUTS_ICON_SEPARATOR = {
17413
17419
  '{plus}': 'IconAdd'
17414
17420
  };
17415
- const SHORTCUTS_ALIASES_LIST = Object.keys(SHORTCUTS_ALIASES).map(key => "{".concat(key, "}")).concat(Object.keys(SHORTCUTS_ICON_ALIASES));
17421
+ const SHORTCUTS_ALIASES_LIST = Object.keys(SHORTCUTS_ALIASES).map(key => `{${key}}`).concat(Object.keys(SHORTCUTS_ICON_ALIASES));
17416
17422
  ;// 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!./components/keyboard_shortcut/keyboard_shortcut.vue?vue&type=script&lang=js&
17417
17423
  //
17418
17424
  //
@@ -17529,7 +17535,7 @@ const SHORTCUTS_ALIASES_LIST = Object.keys(SHORTCUTS_ALIASES).map(key => "{".con
17529
17535
  '{win} + D K + {win}' returned value will be [{win}, ' ', '{plus}', ' D K ', '{plus}', ' ', {win}]
17530
17536
  */
17531
17537
 
17532
- const regex = new RegExp("(".concat(iconAliasString, ")"), 'gi');
17538
+ const regex = new RegExp(`(${iconAliasString})`, 'gi');
17533
17539
  return this.formattedShortcut.split(regex).filter(Boolean);
17534
17540
  }
17535
17541
 
@@ -19115,9 +19121,9 @@ var callbar_button_component = normalizeComponent(
19115
19121
  /* harmony default export */ const callbar_button = (callbar_button_component.exports);
19116
19122
  ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/index.js
19117
19123
 
19118
- ;// 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=d1e0f278&
19119
- var callbar_button_with_popovervue_type_template_id_d1e0f278_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"dt-recipe--callbar-button-with-popover--button"},[_c('dt-recipe-callbar-button',{staticClass:"dt-recipe--callbar-button-with-popover--main-button",attrs:{"aria-label":_vm.ariaLabel,"disabled":_vm.disabled,"active":_vm.active,"danger":_vm.danger},on:{"click":_vm.buttonClick}},[_vm._t("icon",null,{"slot":"icon"}),_vm._t("tooltip",null,{"slot":"tooltip"}),_vm._t("default")],2),(!_vm.disabled)?_c('dt-popover',_vm._b({staticClass:"dt-recipe--callbar-button-with-popover--popover-wrapper",attrs:{"id":_vm.id,"disabled":_vm.disabled,"open":_vm.open,"placement":_vm.placement,"initial-focus-element":_vm.initialFocusElement,"show-close-button":_vm.showCloseButton,"padding":"none","dialog-class":"d-h464 d-w512 dt-recipe--callbar-button-with-popover--popover","header-class":"d-d-flex d-ai-center d-fw-normal d-px12"},on:{"opened":_vm.onModalIsOpened},scopedSlots:_vm._u([{key:"anchor",fn:function(){return [_c('dt-button',{staticClass:"dt-recipe--callbar-button-with-popover--arrow",attrs:{"circle":"","importance":"clear","size":"lg","aria-label":_vm.arrowButtonLabel,"active":_vm.open},on:{"click":_vm.arrowClick},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-arrow-drop-up',{staticClass:"d-svg--size-16"})]},proxy:true}],null,false,2876394386)})]},proxy:true}],null,false,4054443748)},'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)}
19120
- var callbar_button_with_popovervue_type_template_id_d1e0f278_staticRenderFns = []
19124
+ ;// 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=59ea5c82&
19125
+ var callbar_button_with_popovervue_type_template_id_59ea5c82_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"dt-recipe--callbar-button-with-popover--button"},[_c('dt-recipe-callbar-button',{staticClass:"dt-recipe--callbar-button-with-popover--main-button",attrs:{"aria-label":_vm.ariaLabel,"disabled":_vm.disabled,"active":_vm.active,"danger":_vm.danger},on:{"click":_vm.buttonClick}},[_vm._t("icon",null,{"slot":"icon"}),_vm._t("tooltip",null,{"slot":"tooltip"}),_vm._t("default")],2),(!_vm.disabled)?_c('dt-popover',_vm._b({staticClass:"dt-recipe--callbar-button-with-popover--popover-wrapper",attrs:{"id":_vm.id,"disabled":_vm.disabled,"open":_vm.open,"placement":_vm.placement,"initial-focus-element":_vm.initialFocusElement,"show-close-button":_vm.showCloseButton,"padding":"none","dialog-class":"d-h464 d-w512 dt-recipe--callbar-button-with-popover--popover","header-class":"d-d-flex d-ai-center d-fw-normal d-px12"},on:{"opened":_vm.onModalIsOpened},scopedSlots:_vm._u([{key:"anchor",fn:function(){return [_c('dt-button',{staticClass:"dt-recipe--callbar-button-with-popover--arrow",attrs:{"circle":"","importance":"clear","size":"lg","aria-label":_vm.arrowButtonLabel,"active":_vm.open},on:{"click":_vm.arrowClick},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-arrow-drop-up',{staticClass:"d-svg--size-16"})]},proxy:true}],null,false,2876394386)})]},proxy:true}],null,false,4054443748)},'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)}
19126
+ var callbar_button_with_popovervue_type_template_id_59ea5c82_staticRenderFns = []
19121
19127
 
19122
19128
 
19123
19129
  ;// 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!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconArrowDropUp.vue?vue&type=template&id=65ee6042&
@@ -19383,8 +19389,8 @@ var callbar_button_with_popovervue_type_style_index_0_lang_less_ = __webpack_req
19383
19389
 
19384
19390
  var callbar_button_with_popover_component = normalizeComponent(
19385
19391
  callbar_button_with_popover_callbar_button_with_popovervue_type_script_lang_js_,
19386
- callbar_button_with_popovervue_type_template_id_d1e0f278_render,
19387
- callbar_button_with_popovervue_type_template_id_d1e0f278_staticRenderFns,
19392
+ callbar_button_with_popovervue_type_template_id_59ea5c82_render,
19393
+ callbar_button_with_popovervue_type_template_id_59ea5c82_staticRenderFns,
19388
19394
  false,
19389
19395
  null,
19390
19396
  null,