@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.
@@ -210,7 +210,7 @@ __webpack_require__.r(__webpack_exports__);
210
210
 
211
211
  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()));
212
212
  // Module
213
- ___CSS_LOADER_EXPORT___.push([module.id, ".root-layout__header--sticky{position:-webkit-sticky;position:sticky;top:0}", ""]);
213
+ ___CSS_LOADER_EXPORT___.push([module.id, ".root-layout__header--sticky{position:sticky;top:0}", ""]);
214
214
  // Exports
215
215
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
216
216
 
@@ -330,7 +330,7 @@ __webpack_require__.r(__webpack_exports__);
330
330
 
331
331
  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()));
332
332
  // Module
333
- ___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}", ""]);
333
+ ___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}", ""]);
334
334
  // Exports
335
335
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
336
336
 
@@ -1302,13 +1302,13 @@ const FOCUSABLE_SELECTOR_NOT_HIDDEN = 'input:not([type=hidden]):not(:disabled)';
1302
1302
 
1303
1303
  const FOCUSABLE_SELECTOR_NOT_DISABLED = 'select:not(:disabled),textarea:not(:disabled),button:not(:disabled)'; // // selector to find focusable not hidden and disabled elements
1304
1304
 
1305
- const FOCUSABLE_SELECTOR_NOT_HIDDEN_DISABLED = "".concat(FOCUSABLE_SELECTOR_NOT_HIDDEN, ",").concat(FOCUSABLE_SELECTOR_NOT_DISABLED); // selector to find focusable elements
1305
+ const FOCUSABLE_SELECTOR_NOT_HIDDEN_DISABLED = `${FOCUSABLE_SELECTOR_NOT_HIDDEN},${FOCUSABLE_SELECTOR_NOT_DISABLED}`; // selector to find focusable elements
1306
1306
 
1307
- const FOCUSABLE_SELECTOR = "a,frame,iframe,".concat(FOCUSABLE_SELECTOR_NOT_HIDDEN_DISABLED, ",*[tabindex]");
1307
+ const FOCUSABLE_SELECTOR = `a,frame,iframe,${FOCUSABLE_SELECTOR_NOT_HIDDEN_DISABLED},*[tabindex]`;
1308
1308
  const scheduler = typeof setImmediate === 'function' ? setImmediate : setTimeout;
1309
1309
  function getUniqueString() {
1310
1310
  let prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DEFAULT_PREFIX;
1311
- return "".concat(prefix).concat(UNIQUE_ID_COUNTER++);
1311
+ return `${prefix}${UNIQUE_ID_COUNTER++}`;
1312
1312
  }
1313
1313
  function formatMessages(messages) {
1314
1314
  if (!messages) {
@@ -1389,7 +1389,7 @@ const htmlFragment = {
1389
1389
  this.$createElement = h;
1390
1390
  },
1391
1391
 
1392
- template: "<div>".concat(ctx.props.html, "</div>")
1392
+ template: `<div>${ctx.props.html}</div>`
1393
1393
  }).$mount()._vnode.children;
1394
1394
  }
1395
1395
 
@@ -2123,7 +2123,11 @@ const INVALID_COMBINATION = [{
2123
2123
  }];
2124
2124
 
2125
2125
  function _invalidCombinationMessage(circle, kind, importance) {
2126
- 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");
2126
+ return `You cannot have a ${circle ? 'circle ' : ''}button \
2127
+ with kind: ${kind} and importance: ${importance} as it \
2128
+ does not exist in our design system. \
2129
+ See https://dialpad.design/components/button for a \
2130
+ list of available button styles`;
2127
2131
  }
2128
2132
 
2129
2133
  /* harmony default export */ const button_constants = ({
@@ -2550,8 +2554,8 @@ var notice_action_component = normalizeComponent(
2550
2554
  /* harmony default export */ const notice_action = (notice_action_component.exports);
2551
2555
  ;// CONCATENATED MODULE: ./common/mixins/modal.js
2552
2556
  const focusableAttrs = ':not(:disabled):not([aria-disabled="true"])';
2553
- const tabbableAttrs = "".concat(focusableAttrs, ":not([tabindex=\"-1\"])");
2554
- const focusableElementsList = "button,[href],input,select,textarea,details,[tabindex]";
2557
+ const tabbableAttrs = `${focusableAttrs}:not([tabindex="-1"])`;
2558
+ const focusableElementsList = `button,[href],input,select,textarea,details,[tabindex]`;
2555
2559
  /**
2556
2560
  * this mixin provides the methods to automatically trap tab focus within
2557
2561
  * the component this mixin is on, meaning it is not possible to tab out
@@ -2866,7 +2870,8 @@ const focusableElementsList = "button,[href],input,select,textarea,details,[tabi
2866
2870
 
2867
2871
  bannerBackgroundImage() {
2868
2872
  if (this.backgroundImage === '') return null;
2869
- return "background-image: url(".concat(this.backgroundImage, ");\n background-size: ").concat(this.backgroundSize, ";");
2873
+ return `background-image: url(${this.backgroundImage});
2874
+ background-size: ${this.backgroundSize};`;
2870
2875
  }
2871
2876
 
2872
2877
  },
@@ -3203,7 +3208,7 @@ var breadcrumb_item_component = normalizeComponent(
3203
3208
 
3204
3209
  methods: {
3205
3210
  getBreadcrumbItemKey(index) {
3206
- return "breadcrumbs-item-".concat(index, "-").concat(utils.getUniqueString());
3211
+ return `breadcrumbs-item-${index}-${utils.getUniqueString()}`;
3207
3212
  }
3208
3213
 
3209
3214
  }
@@ -3656,7 +3661,7 @@ const ERROR_INVALID_LIST_ELEMENT = 'listElementKey is required or the referenced
3656
3661
  return null;
3657
3662
  }
3658
3663
 
3659
- return Array.from(listElement.querySelectorAll("[role=\"".concat(listItemRole, "\"]")));
3664
+ return Array.from(listElement.querySelectorAll(`[role="${listItemRole}"]`));
3660
3665
  },
3661
3666
 
3662
3667
  onUpKey() {
@@ -3759,8 +3764,8 @@ const ERROR_INVALID_LIST_ELEMENT = 'listElementKey is required or the referenced
3759
3764
  return;
3760
3765
  }
3761
3766
 
3762
- const listItems = Array.from(listElement.querySelectorAll("[role=\"".concat(listItemRole, "\"]")));
3763
- return listItems.indexOf(listElement.querySelector("#".concat(id)));
3767
+ const listItems = Array.from(listElement.querySelectorAll(`[role="${listItemRole}"]`));
3768
+ return listItems.indexOf(listElement.querySelector(`#${id}`));
3764
3769
  },
3765
3770
 
3766
3771
  _getItemId(index) {
@@ -3772,7 +3777,7 @@ const ERROR_INVALID_LIST_ELEMENT = 'listElementKey is required or the referenced
3772
3777
  return;
3773
3778
  }
3774
3779
 
3775
- return (_listElement$querySel = listElement.querySelectorAll("[role=\"".concat(listItemRole, "\"]"))[index]) === null || _listElement$querySel === void 0 ? void 0 : _listElement$querySel.id;
3780
+ return (_listElement$querySel = listElement.querySelectorAll(`[role="${listItemRole}"]`)[index]) === null || _listElement$querySel === void 0 ? void 0 : _listElement$querySel.id;
3776
3781
  },
3777
3782
 
3778
3783
  scrollActiveItemIntoViewIfNeeded() {
@@ -4220,8 +4225,8 @@ const SKELETON_HEADING_HEIGHTS = {
4220
4225
 
4221
4226
  const animationDelay = this.skeletonOffset * SKELETON_RIPPLE_DURATION / 1000;
4222
4227
  const animationDuration = this.animationDuration === -1 ? 1000 : this.animationDuration;
4223
- style.animationDelay = "".concat(animationDelay, "ms");
4224
- style.animationDuration = "".concat(animationDuration, "ms");
4228
+ style.animationDelay = `${animationDelay}ms`;
4229
+ style.animationDuration = `${animationDuration}ms`;
4225
4230
  return style;
4226
4231
  }
4227
4232
 
@@ -4558,7 +4563,7 @@ const validator = number => number !== '' && !Number.isNaN(Number(number));
4558
4563
  randomWidthPercentage() {
4559
4564
  const min = Math.min(this.minWidth, this.maxWidth);
4560
4565
  const max = Math.max(this.minWidth, this.maxWidth);
4561
- return "".concat(Math.round(Math.random() * (max - min)) + min, "%");
4566
+ return `${Math.round(Math.random() * (max - min)) + min}%`;
4562
4567
  },
4563
4568
 
4564
4569
  getSizeParagraphRow(row) {
@@ -4817,10 +4822,10 @@ var skeleton_list_item_component = normalizeComponent(
4817
4822
  });
4818
4823
 
4819
4824
  if (filtered.length >= 2) {
4820
- const errorMessage = "Use only one of ".concat(filtered.map(_ref2 => {
4825
+ const errorMessage = `Use only one of ${filtered.map(_ref2 => {
4821
4826
  let [key] = _ref2;
4822
4827
  return key;
4823
- }).join(' | '), " options at the same time");
4828
+ }).join(' | ')} options at the same time`;
4824
4829
  console.error(errorMessage);
4825
4830
  }
4826
4831
  }
@@ -5242,7 +5247,7 @@ var combobox_empty_list_component = normalizeComponent(
5242
5247
  getListElement() {
5243
5248
  var _this$outsideRendered, _this$$refs$listWrapp;
5244
5249
 
5245
- 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));
5250
+ 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}`);
5246
5251
  },
5247
5252
 
5248
5253
  clearHighlightIndex() {
@@ -5296,7 +5301,8 @@ var combobox_empty_list_component = normalizeComponent(
5296
5301
 
5297
5302
  validateEmptyListProps() {
5298
5303
  if (this.emptyList && !this.emptyStateMessage || !this.emptyList && this.emptyStateMessage) {
5299
- console.error("Invalid props: you must pass both props emptyList and emptyStateMessage to show the\n empty message.");
5304
+ console.error(`Invalid props: you must pass both props emptyList and emptyStateMessage to show the
5305
+ empty message.`);
5300
5306
  }
5301
5307
  }
5302
5308
 
@@ -5433,7 +5439,7 @@ var collapsible_lazy_showvue_type_template_id_22ec4864_staticRenderFns = []
5433
5439
  enter(element) {
5434
5440
  requestAnimationFrame(() => {
5435
5441
  requestAnimationFrame(() => {
5436
- element.style.height = "".concat(element.scrollHeight, "px");
5442
+ element.style.height = `${element.scrollHeight}px`;
5437
5443
  });
5438
5444
  });
5439
5445
  },
@@ -5451,7 +5457,7 @@ var collapsible_lazy_showvue_type_template_id_22ec4864_staticRenderFns = []
5451
5457
  beforeLeave(element) {
5452
5458
  requestAnimationFrame(() => {
5453
5459
  if (!element.style.height) {
5454
- element.style.height = "".concat(element.offsetHeight, "px");
5460
+ element.style.height = `${element.offsetHeight}px`;
5455
5461
  }
5456
5462
  });
5457
5463
  },
@@ -11516,7 +11522,7 @@ var popover_header_footer_component = normalizeComponent(
11516
11522
 
11517
11523
  async setPopoverContentAnchorWidth() {
11518
11524
  await this.$nextTick();
11519
- this.popoverContentEl.style.width = "".concat(this.anchorEl.clientWidth, "px");
11525
+ this.popoverContentEl.style.width = `${this.anchorEl.clientWidth}px`;
11520
11526
  },
11521
11527
 
11522
11528
  focusFirstElementIfNeeded(domEl) {
@@ -12222,7 +12228,7 @@ function validationMessageValidator(rawMessages) {
12222
12228
  },
12223
12229
  methods: {
12224
12230
  getMessageKey(type, index) {
12225
- return "validation-message-".concat(type, "-").concat(index, "-").concat(this.id);
12231
+ return `validation-message-${type}-${index}-${this.id}`;
12226
12232
  },
12227
12233
 
12228
12234
  messageTypeClass(type) {
@@ -12567,7 +12573,7 @@ const GroupableMixin = {
12567
12573
  const reactiveGroupName = (_this$groupContext5 = this.groupContext) === null || _this$groupContext5 === void 0 ? void 0 : _this$groupContext5.name;
12568
12574
 
12569
12575
  if (!!this.name && hasGroupName && reactiveGroupName !== this.name) {
12570
- 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);
12576
+ 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);
12571
12577
  }
12572
12578
  }
12573
12579
 
@@ -12978,7 +12984,7 @@ const MessagesMixin = {
12978
12984
  },
12979
12985
 
12980
12986
  descriptionKey() {
12981
- return "input-description-".concat(getUniqueString());
12987
+ return `input-description-${getUniqueString()}`;
12982
12988
  },
12983
12989
 
12984
12990
  inputState() {
@@ -13164,7 +13170,7 @@ const MessagesMixin = {
13164
13170
  },
13165
13171
 
13166
13172
  getMessageKey(type, index) {
13167
- return "message-".concat(type, "-").concat(index);
13173
+ return `message-${type}-${index}`;
13168
13174
  },
13169
13175
 
13170
13176
  validateLength(length) {
@@ -13469,7 +13475,7 @@ const InputGroupMixin = {
13469
13475
  },
13470
13476
  methods: {
13471
13477
  getMessageKey(type, index) {
13472
- return "input-group-message-".concat(type, "-").concat(index, "-").concat(this.id);
13478
+ return `input-group-message-${type}-${index}-${this.id}`;
13473
13479
  }
13474
13480
 
13475
13481
  }
@@ -13798,7 +13804,7 @@ const MODAL_SIZE_MODIFIERS = {
13798
13804
 
13799
13805
  computed: {
13800
13806
  open() {
13801
- return "".concat(!this.show);
13807
+ return `${!this.show}`;
13802
13808
  },
13803
13809
 
13804
13810
  hasFooterSlot() {
@@ -14770,7 +14776,7 @@ var radio_component = normalizeComponent(
14770
14776
  },
14771
14777
 
14772
14778
  getMessageKey(type, index) {
14773
- return "radio-group-message-".concat(type, "-").concat(index, "-").concat(this.id);
14779
+ return `radio-group-message-${type}-${index}-${this.id}`;
14774
14780
  }
14775
14781
 
14776
14782
  }
@@ -15093,7 +15099,7 @@ const TAB_IMPORTANCE_MODIFIERS = {
15093
15099
  },
15094
15100
 
15095
15101
  getIndexAndTabs() {
15096
- const index = this.tabs.findIndex(context => this.focusId ? context.id === "".concat(this.focusId) : context.isSelected);
15102
+ const index = this.tabs.findIndex(context => this.focusId ? context.id === `${this.focusId}` : context.isSelected);
15097
15103
  return {
15098
15104
  tabs: this.tabs,
15099
15105
  index
@@ -15712,7 +15718,7 @@ var checkbox_component = normalizeComponent(
15712
15718
  },
15713
15719
 
15714
15720
  getMessageKey(type, index) {
15715
- return "checkbox-group-message-".concat(type, "-").concat(index, "-").concat(this.id);
15721
+ return `checkbox-group-message-${type}-${index}-${this.id}`;
15716
15722
  }
15717
15723
 
15718
15724
  }
@@ -16313,7 +16319,7 @@ const optionsValidator = options => {
16313
16319
  },
16314
16320
 
16315
16321
  descriptionKey() {
16316
- return "select-".concat(this.selectKey, "-description");
16322
+ return `select-${this.selectKey}-description`;
16317
16323
  },
16318
16324
 
16319
16325
  labelAriaDetails() {
@@ -16341,7 +16347,7 @@ const optionsValidator = options => {
16341
16347
  },
16342
16348
 
16343
16349
  getOptionKey(value) {
16344
- return "select-".concat(this.selectKey, "-option-").concat(value);
16350
+ return `select-${this.selectKey}-option-${value}`;
16345
16351
  },
16346
16352
 
16347
16353
  validateOptionsPresence() {
@@ -16847,10 +16853,10 @@ var tooltipvue_type_template_id_2ae452d6_staticRenderFns = []
16847
16853
 
16848
16854
  const TOOLTIP_DIRECTIONS = [...BASE_TIPPY_DIRECTIONS];
16849
16855
  const TOOLTIP_KIND_MODIFIERS = {
16850
- hover: "d-tooltip--hover",
16851
- show: "d-tooltip--show",
16852
- inverted: "d-tooltip--inverted",
16853
- hide: "d-tooltip--hide"
16856
+ hover: `d-tooltip--hover`,
16857
+ show: `d-tooltip--show`,
16858
+ inverted: `d-tooltip--inverted`,
16859
+ hide: `d-tooltip--hide`
16854
16860
  };
16855
16861
  const TOOLTIP_STICKY_VALUES = [...TIPPY_STICKY_VALUES];
16856
16862
  const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
@@ -17394,7 +17400,7 @@ const SHORTCUTS_ICON_ALIASES = {
17394
17400
  const SHORTCUTS_ICON_SEPARATOR = {
17395
17401
  '{plus}': 'IconAdd'
17396
17402
  };
17397
- const SHORTCUTS_ALIASES_LIST = Object.keys(SHORTCUTS_ALIASES).map(key => "{".concat(key, "}")).concat(Object.keys(SHORTCUTS_ICON_ALIASES));
17403
+ const SHORTCUTS_ALIASES_LIST = Object.keys(SHORTCUTS_ALIASES).map(key => `{${key}}`).concat(Object.keys(SHORTCUTS_ICON_ALIASES));
17398
17404
  ;// 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!./components/keyboard_shortcut/keyboard_shortcut.vue?vue&type=script&lang=js&
17399
17405
  //
17400
17406
  //
@@ -17511,7 +17517,7 @@ const SHORTCUTS_ALIASES_LIST = Object.keys(SHORTCUTS_ALIASES).map(key => "{".con
17511
17517
  '{win} + D K + {win}' returned value will be [{win}, ' ', '{plus}', ' D K ', '{plus}', ' ', {win}]
17512
17518
  */
17513
17519
 
17514
- const regex = new RegExp("(".concat(iconAliasString, ")"), 'gi');
17520
+ const regex = new RegExp(`(${iconAliasString})`, 'gi');
17515
17521
  return this.formattedShortcut.split(regex).filter(Boolean);
17516
17522
  }
17517
17523
 
@@ -19097,9 +19103,9 @@ var callbar_button_component = normalizeComponent(
19097
19103
  /* harmony default export */ const callbar_button = (callbar_button_component.exports);
19098
19104
  ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/index.js
19099
19105
 
19100
- ;// 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&
19101
- 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)}
19102
- var callbar_button_with_popovervue_type_template_id_d1e0f278_staticRenderFns = []
19106
+ ;// 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&
19107
+ 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)}
19108
+ var callbar_button_with_popovervue_type_template_id_59ea5c82_staticRenderFns = []
19103
19109
 
19104
19110
 
19105
19111
  ;// 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&
@@ -19365,8 +19371,8 @@ var callbar_button_with_popovervue_type_style_index_0_lang_less_ = __webpack_req
19365
19371
 
19366
19372
  var callbar_button_with_popover_component = normalizeComponent(
19367
19373
  callbar_button_with_popover_callbar_button_with_popovervue_type_script_lang_js_,
19368
- callbar_button_with_popovervue_type_template_id_d1e0f278_render,
19369
- callbar_button_with_popovervue_type_template_id_d1e0f278_staticRenderFns,
19374
+ callbar_button_with_popovervue_type_template_id_59ea5c82_render,
19375
+ callbar_button_with_popovervue_type_template_id_59ea5c82_staticRenderFns,
19370
19376
  false,
19371
19377
  null,
19372
19378
  null,