@dialpad/dialtone-vue 2.75.1 → 2.77.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.
Files changed (7) hide show
  1. package/CHANGELOG.json +1 -1
  2. package/CHANGELOG.md +26 -0
  3. package/dist/component-documentation.json +1 -1
  4. package/dist/dialtone-vue.common.js +87 -33
  5. package/dist/dialtone-vue.umd.js +87 -33
  6. package/dist/dialtone-vue.umd.min.js +1 -1
  7. package/package.json +1 -1
package/dist/dialtone-vue.common.js CHANGED
@@ -5923,9 +5923,9 @@ const LIST_ITEM_NAVIGATION_TYPES = {
5923
5923
  LIST_ITEM_TYPES,
5924
5924
  LIST_ITEM_NAVIGATION_TYPES
5925
5925
  });
5926
- ;// 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/list_item/default_list_item.vue?vue&type=template&id=34e0ff0b&
5927
- var default_list_itemvue_type_template_id_34e0ff0b_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"dt-default-list-item d-fs-200 d-lh-300 d-py4 d-px8 d-d-flex d-ai-center"},[(_vm.$slots.left)?_c('section',{staticClass:"dt-default-list-item--left d-d-inline-flex d-as-flex-start d-d-flex d-ai-center d-pr8",attrs:{"data-qa":"dt-default-list-item-left-wrapper"}},[_vm._t("left")],2):_vm._e(),_c('section',{staticClass:"d-fl-grow1 d-of-hidden"},[(_vm.$slots.default)?_c('div',[_vm._t("default")],2):_vm._e(),(_vm.$slots.subtitle)?_c('div',{class:['d-fs-100 d-fc-tertiary', { 'd-mtn2': _vm.$slots.default }],attrs:{"data-qa":"dt-default-list-item-subtitle-wrapper"}},[_vm._t("subtitle")],2):_vm._e(),(_vm.$slots.bottom)?_c('div',{staticClass:"d-mt2",attrs:{"data-qa":"dt-default-list-item-bottom-wrapper"}},[_vm._t("bottom")],2):_vm._e()]),(_vm.$slots.right)?_c('section',{staticClass:"dt-default-list-item--right d-d-inline-flex d-as-flex-start d-d-flex d-ai-center d-pl8",attrs:{"data-qa":"dt-default-list-item-right-wrapper"}},[_vm._t("right")],2):_vm._e(),_vm._t("selected")],2)}
5928
- var default_list_itemvue_type_template_id_34e0ff0b_staticRenderFns = []
5926
+ ;// 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/list_item/default_list_item.vue?vue&type=template&id=39fb64c2&
5927
+ var default_list_itemvue_type_template_id_39fb64c2_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"dt-default-list-item d-fs-200 d-lh-300 d-py4 d-px8 d-d-flex d-ai-center"},[(_vm.$slots.left)?_c('section',{staticClass:"dt-default-list-item--left d-d-inline-flex d-as-flex-start d-d-flex d-ai-center d-pr8",attrs:{"data-qa":"dt-default-list-item-left-wrapper"}},[_vm._t("left")],2):_vm._e(),_c('section',{staticClass:"d-fl-grow1"},[(_vm.$slots.default)?_c('div',[_vm._t("default")],2):_vm._e(),(_vm.$slots.subtitle)?_c('div',{class:['d-fs-100 d-fc-tertiary', { 'd-mtn2': _vm.$slots.default }],attrs:{"data-qa":"dt-default-list-item-subtitle-wrapper"}},[_vm._t("subtitle")],2):_vm._e(),(_vm.$slots.bottom)?_c('div',{staticClass:"d-mt2",attrs:{"data-qa":"dt-default-list-item-bottom-wrapper"}},[_vm._t("bottom")],2):_vm._e()]),(_vm.$slots.right)?_c('section',{staticClass:"dt-default-list-item--right d-d-inline-flex d-as-flex-start d-d-flex d-ai-center d-pl8",attrs:{"data-qa":"dt-default-list-item-right-wrapper"}},[_vm._t("right")],2):_vm._e(),_vm._t("selected")],2)}
5928
+ var default_list_itemvue_type_template_id_39fb64c2_staticRenderFns = []
5929
5929
 
5930
5930
 
5931
5931
  ;// 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/list_item/default_list_item.vue?vue&type=script&lang=js&
@@ -5993,8 +5993,8 @@ var default_list_itemvue_type_style_index_0_lang_less_ = __webpack_require__(298
5993
5993
 
5994
5994
  var default_list_item_component = normalizeComponent(
5995
5995
  list_item_default_list_itemvue_type_script_lang_js_,
5996
- default_list_itemvue_type_template_id_34e0ff0b_render,
5997
- default_list_itemvue_type_template_id_34e0ff0b_staticRenderFns,
5996
+ default_list_itemvue_type_template_id_39fb64c2_render,
5997
+ default_list_itemvue_type_template_id_39fb64c2_staticRenderFns,
5998
5998
  false,
5999
5999
  null,
6000
6000
  null,
@@ -8390,8 +8390,8 @@ return [_c('ul',{ref:"listWrapper",class:_vm.listClasses,attrs:{"id":_vm.listId,
8390
8390
  var dropdownvue_type_template_id_b22f331a_staticRenderFns = []
8391
8391
 
8392
8392
 
8393
- ;// 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/popover/popover.vue?vue&type=template&id=683dbc64&
8394
- var popovervue_type_template_id_683dbc64_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.modal && _vm.isOpen)?_c('portal',[_c('div',{staticClass:"d-modal--transparent",attrs:{"aria-hidden":_vm.modal && _vm.isOpen ? 'false' : 'true'},on:{"click":function($event){$event.preventDefault();$event.stopPropagation();}}})]):_vm._e(),_c(_vm.elementType,_vm._g({ref:"popover",tag:"component",class:['d-popover', { 'd-popover__anchor--opened': _vm.isOpen }],attrs:{"data-qa":"dt-popover-container"}},_vm.$listeners),[_c('div',{ref:"anchor",attrs:{"id":!_vm.ariaLabelledby && _vm.labelledBy,"data-qa":"dt-popover-anchor","tabindex":_vm.openOnContext ? 0 : undefined},on:{"!click":function($event){return _vm.defaultToggleOpen.apply(null, arguments)},"contextmenu":_vm.onContext,"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }$event.preventDefault();return _vm.onArrowKeyPress.apply(null, arguments)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }$event.preventDefault();return _vm.onArrowKeyPress.apply(null, arguments)}],"!keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"escape",undefined,$event.key,undefined)){ return null; }return _vm.closePopover.apply(null, arguments)}}},[_vm._t("anchor",null,{"attrs":{
8393
+ ;// 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/popover/popover.vue?vue&type=template&id=432e3a72&
8394
+ var popovervue_type_template_id_432e3a72_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.modal && _vm.isOpen)?_c('portal',[_c('div',{staticClass:"d-modal--transparent",attrs:{"aria-hidden":_vm.modal && _vm.isOpen ? 'false' : 'true'},on:{"click":function($event){$event.preventDefault();$event.stopPropagation();}}})]):_vm._e(),_c(_vm.elementType,_vm._g({ref:"popover",tag:"component",class:['d-popover', { 'd-popover__anchor--opened': _vm.isOpen }],attrs:{"data-qa":"dt-popover-container"}},_vm.$listeners),[_c('div',{ref:"anchor",attrs:{"id":!_vm.ariaLabelledby && _vm.labelledBy,"data-qa":"dt-popover-anchor","tabindex":_vm.openOnContext ? 0 : undefined},on:{"!click":function($event){return _vm.defaultToggleOpen.apply(null, arguments)},"contextmenu":_vm.onContext,"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }$event.preventDefault();return _vm.onArrowKeyPress.apply(null, arguments)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }$event.preventDefault();return _vm.onArrowKeyPress.apply(null, arguments)}],"!keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"escape",undefined,$event.key,undefined)){ return null; }return _vm.closePopover.apply(null, arguments)}}},[_vm._t("anchor",null,{"attrs":{
8395
8395
  'aria-expanded': _vm.isOpen.toString(),
8396
8396
  'aria-controls': _vm.id,
8397
8397
  'aria-haspopup': _vm.role,
@@ -8402,7 +8402,7 @@ var popovervue_type_template_id_683dbc64_render = function () {var _vm=this;var
8402
8402
  'd-popover__content',
8403
8403
  _vm.POPOVER_PADDING_CLASSES[_vm.padding],
8404
8404
  _vm.contentClass ],attrs:{"data-qa":"dt-popover-content"}},[_vm._t("content",null,{"close":_vm.closePopover})],2),(_vm.$slots.footerContent)?_c('popover-header-footer',{ref:"popover__footer",class:_vm.POPOVER_HEADER_FOOTER_PADDING_CLASSES[_vm.padding],attrs:{"type":"footer","content-class":_vm.footerClass},scopedSlots:_vm._u([{key:"content",fn:function(){return [_vm._t("footerContent",null,{"close":_vm.closePopover})]},proxy:true}],null,true)}):_vm._e(),(_vm.showVisuallyHiddenClose)?_c('sr-only-close-button',{attrs:{"visually-hidden-close-label":_vm.visuallyHiddenCloseLabel},on:{"close":_vm.closePopover}}):_vm._e()],1)],1)],1)}
8405
- var popovervue_type_template_id_683dbc64_staticRenderFns = []
8405
+ var popovervue_type_template_id_432e3a72_staticRenderFns = []
8406
8406
 
8407
8407
 
8408
8408
  ;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getBoundingClientRect.js
@@ -13990,9 +13990,12 @@ var popover_header_footer_component = normalizeComponent(
13990
13990
  await this.$nextTick();
13991
13991
 
13992
13992
  if (this.modal) {
13993
+ var _element$tagName;
13994
+
13993
13995
  const element = this.anchorEl.closest('body, .tippy-box');
13996
+ if (!element) return;
13994
13997
 
13995
- if (element.tagName.toLowerCase() === 'body') {
13998
+ if (((_element$tagName = element.tagName) === null || _element$tagName === void 0 ? void 0 : _element$tagName.toLowerCase()) === 'body') {
13996
13999
  element.classList.remove('d-of-hidden');
13997
14000
  this.tip.setProps({
13998
14001
  offset: this.offset
@@ -14071,7 +14074,9 @@ var popover_header_footer_component = normalizeComponent(
14071
14074
  },
14072
14075
 
14073
14076
  focusInitialElementById() {
14074
- const result = this.$refs.content.$el.querySelector(this.initialFocusElement);
14077
+ var _this$$refs$content, _this$$refs$content$$;
14078
+
14079
+ const result = (_this$$refs$content = this.$refs.content) === null || _this$$refs$content === void 0 ? void 0 : (_this$$refs$content$$ = _this$$refs$content.$el) === null || _this$$refs$content$$ === void 0 ? void 0 : _this$$refs$content$$.querySelector(this.initialFocusElement);
14075
14080
 
14076
14081
  if (result) {
14077
14082
  result.focus();
@@ -14168,8 +14173,8 @@ var popovervue_type_style_index_0_lang_less_ = __webpack_require__(4230);
14168
14173
 
14169
14174
  var popover_component = normalizeComponent(
14170
14175
  popover_popovervue_type_script_lang_js_,
14171
- popovervue_type_template_id_683dbc64_render,
14172
- popovervue_type_template_id_683dbc64_staticRenderFns,
14176
+ popovervue_type_template_id_432e3a72_render,
14177
+ popovervue_type_template_id_432e3a72_staticRenderFns,
14173
14178
  false,
14174
14179
  null,
14175
14180
  null,
@@ -16491,8 +16496,8 @@ var input_group_component = normalizeComponent(
16491
16496
  /* harmony default export */ const input_group_input_group = (input_group_component.exports);
16492
16497
  ;// CONCATENATED MODULE: ./components/input_group/index.js
16493
16498
 
16494
- ;// 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/modal/modal.vue?vue&type=template&id=a8730b96&
16495
- var modalvue_type_template_id_a8730b96_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-lazy-show',_vm._g({class:[
16499
+ ;// 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/modal/modal.vue?vue&type=template&id=48ae2696&
16500
+ var modalvue_type_template_id_48ae2696_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-lazy-show',_vm._g({class:[
16496
16501
  'd-modal',
16497
16502
  _vm.MODAL_KIND_MODIFIERS[_vm.kind],
16498
16503
  _vm.MODAL_SIZE_MODIFIERS[_vm.size],
@@ -16507,7 +16512,7 @@ var modalvue_type_template_id_a8730b96_render = function () {var _vm=this;var _h
16507
16512
  _vm.contentClass ],attrs:{"data-qa":"dt-modal-copy"}},[_vm._t("default")],2):_c('p',{class:[
16508
16513
  'd-modal__content',
16509
16514
  _vm.contentClass ],attrs:{"data-qa":"dt-modal-copy"}},[_vm._v(" "+_vm._s(_vm.copy)+" ")]),(_vm.hasFooterSlot)?_c('footer',{staticClass:"d-modal__footer"},[_vm._t("footer")],2):_vm._e(),(!_vm.hideClose)?_c('dt-button',_vm._b({staticClass:"d-modal__close",attrs:{"circle":"","size":"lg","importance":"clear","aria-label":_vm.closeButtonProps.ariaLabel},on:{"click":_vm.close},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('dt-icon',{attrs:{"name":"close","size":"400"}})]},proxy:true}],null,false,1709155279)},'dt-button',_vm.closeButtonProps,false)):_vm._e(),(_vm.showVisuallyHiddenClose)?_c('sr-only-close-button',{attrs:{"visually-hidden-close-label":_vm.visuallyHiddenCloseLabel},on:{"close":_vm.close}}):_vm._e()],1)])],1)}
16510
- var modalvue_type_template_id_a8730b96_staticRenderFns = []
16515
+ var modalvue_type_template_id_48ae2696_staticRenderFns = []
16511
16516
 
16512
16517
 
16513
16518
  ;// CONCATENATED MODULE: ./components/modal/modal_constants.js
@@ -16841,6 +16846,8 @@ var notice_component = normalizeComponent(
16841
16846
  //
16842
16847
  //
16843
16848
 
16849
+ /* eslint-disable max-lines */
16850
+
16844
16851
 
16845
16852
 
16846
16853
 
@@ -17015,6 +17022,15 @@ var notice_component = normalizeComponent(
17015
17022
  default: false
17016
17023
  },
17017
17024
 
17025
+ /**
17026
+ * Whether the modal will close when you click outside of the dialog on the overlay.
17027
+ * @values true, false
17028
+ */
17029
+ closeOnClick: {
17030
+ type: Boolean,
17031
+ default: true
17032
+ },
17033
+
17018
17034
  /**
17019
17035
  * Scrollable modal that allows scroll the modal content keeping the header and footer fixed
17020
17036
  * @values true, false
@@ -17047,6 +17063,7 @@ var notice_component = normalizeComponent(
17047
17063
  modalListeners() {
17048
17064
  return { ...this.$listeners,
17049
17065
  click: event => {
17066
+ if (!this.closeOnClick) return;
17050
17067
  event.target === event.currentTarget && this.close();
17051
17068
  this.$emit('click', event);
17052
17069
  },
@@ -17147,8 +17164,8 @@ var notice_component = normalizeComponent(
17147
17164
  ;
17148
17165
  var modal_component = normalizeComponent(
17149
17166
  modal_modalvue_type_script_lang_js_,
17150
- modalvue_type_template_id_a8730b96_render,
17151
- modalvue_type_template_id_a8730b96_staticRenderFns,
17167
+ modalvue_type_template_id_48ae2696_render,
17168
+ modalvue_type_template_id_48ae2696_staticRenderFns,
17152
17169
  false,
17153
17170
  null,
17154
17171
  null,
@@ -21466,15 +21483,15 @@ var stack_component = normalizeComponent(
21466
21483
  /* harmony default export */ const stack = (stack_component.exports);
21467
21484
  ;// CONCATENATED MODULE: ./components/stack/index.js
21468
21485
 
21469
- ;// 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&
21470
- 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){
21486
+ ;// 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=386059b2&
21487
+ var combobox_with_popovervue_type_template_id_386059b2_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){
21471
21488
  var inputProps = ref.inputProps;
21472
21489
  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){
21473
21490
  var opened = ref.opened;
21474
21491
  var listProps = ref.listProps;
21475
21492
  var clearHighlightIndex = ref.clearHighlightIndex;
21476
- 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))}
21477
- var combobox_with_popovervue_type_template_id_5bccf868_staticRenderFns = []
21493
+ 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,"transition":_vm.transition,"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))}
21494
+ var combobox_with_popovervue_type_template_id_386059b2_staticRenderFns = []
21478
21495
 
21479
21496
 
21480
21497
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40[0].rules[0].use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue?vue&type=script&lang=js&
@@ -21584,6 +21601,7 @@ var combobox_with_popovervue_type_template_id_5bccf868_staticRenderFns = []
21584
21601
  //
21585
21602
  //
21586
21603
  //
21604
+ //
21587
21605
 
21588
21606
 
21589
21607
 
@@ -21795,6 +21813,15 @@ var combobox_with_popovervue_type_template_id_5bccf868_staticRenderFns = []
21795
21813
  validator: appendTo => {
21796
21814
  return POPOVER_APPEND_TO_VALUES.includes(appendTo) || appendTo instanceof HTMLElement;
21797
21815
  }
21816
+ },
21817
+
21818
+ /**
21819
+ * Named transition when the content display is toggled.
21820
+ * @see DtLazyShow
21821
+ */
21822
+ transition: {
21823
+ type: String,
21824
+ default: 'fade'
21798
21825
  }
21799
21826
  },
21800
21827
  emits: [
@@ -21959,8 +21986,8 @@ var combobox_with_popovervue_type_template_id_5bccf868_staticRenderFns = []
21959
21986
  ;
21960
21987
  var combobox_with_popover_component = normalizeComponent(
21961
21988
  combobox_with_popover_combobox_with_popovervue_type_script_lang_js_,
21962
- combobox_with_popovervue_type_template_id_5bccf868_render,
21963
- combobox_with_popovervue_type_template_id_5bccf868_staticRenderFns,
21989
+ combobox_with_popovervue_type_template_id_386059b2_render,
21990
+ combobox_with_popovervue_type_template_id_386059b2_staticRenderFns,
21964
21991
  false,
21965
21992
  null,
21966
21993
  null,
@@ -21971,11 +21998,11 @@ var combobox_with_popover_component = normalizeComponent(
21971
21998
  /* harmony default export */ const combobox_with_popover = (combobox_with_popover_component.exports);
21972
21999
  ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_with_popover/index.js
21973
22000
 
21974
- ;// 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_multi_select/combobox_multi_select.vue?vue&type=template&id=40bca95e&
21975
- var combobox_multi_selectvue_type_template_id_40bca95e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-recipe-combobox-with-popover',{ref:"comboboxWithPopover",attrs:{"label":_vm.label,"show-list":_vm.showList,"max-height":_vm.listMaxHeight,"popover-offset":_vm.popoverOffset,"has-suggestion-list":_vm.hasSuggestionList,"visually-hidden-close-label":_vm.visuallyHiddenCloseLabel,"visually-hidden-close":_vm.visuallyHiddenClose,"content-width":"anchor","append-to":_vm.appendTo},on:{"select":_vm.onComboboxSelect},scopedSlots:_vm._u([{key:"input",fn:function(ref){
22001
+ ;// 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_multi_select/combobox_multi_select.vue?vue&type=template&id=42ee0c13&
22002
+ var combobox_multi_selectvue_type_template_id_42ee0c13_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-recipe-combobox-with-popover',{ref:"comboboxWithPopover",attrs:{"label":_vm.label,"show-list":_vm.showList,"max-height":_vm.listMaxHeight,"popover-offset":_vm.popoverOffset,"has-suggestion-list":_vm.hasSuggestionList,"visually-hidden-close-label":_vm.visuallyHiddenCloseLabel,"visually-hidden-close":_vm.visuallyHiddenClose,"content-width":"anchor","append-to":_vm.appendTo,"transition":_vm.transition},on:{"select":_vm.onComboboxSelect},scopedSlots:_vm._u([{key:"input",fn:function(ref){
21976
22003
  var onInput = ref.onInput;
21977
22004
  return [_c('span',{ref:"inputSlotWrapper",staticClass:"d-ps-relative d-d-block"},[_c('span',{ref:"chipsWrapper",staticClass:"d-ps-absolute d-mx2 d-pl1"},_vm._l((_vm.selectedItems),function(item){return _c('dt-chip',_vm._g({key:item.id,ref:"chips",refInFor:true,class:['d-mt4', 'd-mx2', 'd-zi-base1'],attrs:{"label-class":['d-chip__label'],"close-button-props":{ ariaLabel: 'close' },"size":_vm.CHIP_SIZES[_vm.size]},on:{"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"backspace",undefined,$event.key,undefined)){ return null; }return _vm.onChipRemove(item)},"close":function($event){return _vm.onChipRemove(item)}}},_vm.chipListeners),[_vm._v(" "+_vm._s(item)+" ")])}),1),_c('dt-input',_vm._g({ref:"input",staticClass:"d-fl-grow1",attrs:{"aria-label":_vm.label,"label":_vm.labelVisible ? _vm.label : '',"description":_vm.description,"placeholder":_vm.inputPlaceHolder,"show-messages":_vm.showInputMessages,"messages":_vm.inputMessages,"size":_vm.size},on:{"input":onInput},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:"value"}},_vm.inputListeners)),_c('dt-validation-messages',{attrs:{"validation-messages":_vm.maxSelectedMessage,"show-messages":_vm.showValidationMessages}})],1)]}},{key:"header",fn:function(){return [(_vm.$slots.header)?_c('div',{ref:"header"},[_vm._t("header")],2):_vm._e()]},proxy:true},{key:"list",fn:function(){return [_c('div',{ref:"list",on:{"mousedown":function($event){$event.preventDefault();}}},[(!_vm.loading)?_vm._t("list"):_c('div',{staticClass:"d-ta-center d-py16"},[_vm._v(" "+_vm._s(_vm.loadingMessage)+" ")])],2)]},proxy:true},{key:"footer",fn:function(){return [(_vm.$slots.footer)?_c('div',{ref:"footer"},[_vm._t("footer")],2):_vm._e()]},proxy:true}],null,true)})}
21978
- var combobox_multi_selectvue_type_template_id_40bca95e_staticRenderFns = []
22005
+ var combobox_multi_selectvue_type_template_id_42ee0c13_staticRenderFns = []
21979
22006
 
21980
22007
 
21981
22008
  ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/combobox_multi_select_story_constants.js
@@ -22192,6 +22219,7 @@ const CHIP_TOP_POSITION = {
22192
22219
  //
22193
22220
  //
22194
22221
  //
22222
+ //
22195
22223
 
22196
22224
 
22197
22225
 
@@ -22362,6 +22390,15 @@ const CHIP_TOP_POSITION = {
22362
22390
  validator: appendTo => {
22363
22391
  return POPOVER_APPEND_TO_VALUES.includes(appendTo) || appendTo instanceof HTMLElement;
22364
22392
  }
22393
+ },
22394
+
22395
+ /**
22396
+ * Named transition when the content display is toggled.
22397
+ * @see DtLazyShow
22398
+ */
22399
+ transition: {
22400
+ type: String,
22401
+ default: 'fade'
22365
22402
  }
22366
22403
  },
22367
22404
  emits: [
@@ -22692,8 +22729,8 @@ const CHIP_TOP_POSITION = {
22692
22729
  ;
22693
22730
  var combobox_multi_select_component = normalizeComponent(
22694
22731
  combobox_multi_select_combobox_multi_selectvue_type_script_lang_js_,
22695
- combobox_multi_selectvue_type_template_id_40bca95e_render,
22696
- combobox_multi_selectvue_type_template_id_40bca95e_staticRenderFns,
22732
+ combobox_multi_selectvue_type_template_id_42ee0c13_render,
22733
+ combobox_multi_selectvue_type_template_id_42ee0c13_staticRenderFns,
22697
22734
  false,
22698
22735
  null,
22699
22736
  null,
@@ -22705,9 +22742,9 @@ var combobox_multi_select_component = normalizeComponent(
22705
22742
  ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/index.js
22706
22743
 
22707
22744
 
22708
- ;// 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=9499378e&
22709
- var callbar_buttonvue_type_template_id_9499378e_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('span',{class:{ 'd-c-not-allowed': _vm.disabled }},[_c('dt-button',_vm._g({class:_vm.callbarButtonClass,attrs:{"importance":_vm.circle ? 'outlined' : 'clear',"kind":"muted","icon-position":"top","aria-disabled":_vm.disabled,"aria-label":_vm.ariaLabel,"label-class":_vm.callbarButtonTextClass,"width":_vm.buttonWidth}},_vm.$listeners),[_vm._t("default"),_vm._t("icon",null,{"slot":"icon"})],2)],1)]},proxy:true}],null,true)},[_vm._t("tooltip")],2)}
22710
- var callbar_buttonvue_type_template_id_9499378e_staticRenderFns = []
22745
+ ;// 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=66e6b32c&
22746
+ var callbar_buttonvue_type_template_id_66e6b32c_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('span',{class:{ 'd-c-not-allowed': _vm.disabled }},[_c('dt-button',_vm._g({class:_vm.callbarButtonClass,attrs:{"importance":_vm.buttonImportance,"kind":"muted","icon-position":"top","aria-disabled":_vm.disabled,"aria-label":_vm.ariaLabel,"label-class":_vm.callbarButtonTextClass,"width":_vm.buttonWidth}},_vm.$listeners),[_vm._t("default"),_vm._t("icon",null,{"slot":"icon"})],2)],1)]},proxy:true}],null,true)},[_vm._t("tooltip")],2)}
22747
+ var callbar_buttonvue_type_template_id_66e6b32c_staticRenderFns = []
22711
22748
 
22712
22749
 
22713
22750
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40[0].rules[0].use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/buttons/callbar_button/callbar_button.vue?vue&type=script&lang=js&
@@ -22843,6 +22880,15 @@ const VALID_WIDTH_SIZE = ['sm', 'md', 'lg', 'xl'];
22843
22880
  type: String,
22844
22881
  default: 'xl',
22845
22882
  validator: size => VALID_WIDTH_SIZE.includes(size)
22883
+ },
22884
+
22885
+ /**
22886
+ * The fill and outline of the button associated with its visual importance.
22887
+ * @values clear, outlined, primary
22888
+ */
22889
+ importance: {
22890
+ type: String,
22891
+ default: ''
22846
22892
  }
22847
22893
  },
22848
22894
  emits: [
@@ -22879,6 +22925,14 @@ const VALID_WIDTH_SIZE = ['sm', 'md', 'lg', 'xl'];
22879
22925
  default:
22880
22926
  return '8.4rem';
22881
22927
  }
22928
+ },
22929
+
22930
+ buttonImportance() {
22931
+ if (this.importance) {
22932
+ return this.importance;
22933
+ }
22934
+
22935
+ return this.circle ? 'outlined' : 'clear';
22882
22936
  }
22883
22937
 
22884
22938
  }
@@ -22900,8 +22954,8 @@ var callbar_buttonvue_type_style_index_0_lang_less_ = __webpack_require__(2759);
22900
22954
 
22901
22955
  var callbar_button_component = normalizeComponent(
22902
22956
  callbar_button_callbar_buttonvue_type_script_lang_js_,
22903
- callbar_buttonvue_type_template_id_9499378e_render,
22904
- callbar_buttonvue_type_template_id_9499378e_staticRenderFns,
22957
+ callbar_buttonvue_type_template_id_66e6b32c_render,
22958
+ callbar_buttonvue_type_template_id_66e6b32c_staticRenderFns,
22905
22959
  false,
22906
22960
  null,
22907
22961
  null,