@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.umd.js CHANGED
@@ -5933,9 +5933,9 @@ const LIST_ITEM_NAVIGATION_TYPES = {
5933
5933
  LIST_ITEM_TYPES,
5934
5934
  LIST_ITEM_NAVIGATION_TYPES
5935
5935
  });
5936
- ;// 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&
5937
- 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)}
5938
- var default_list_itemvue_type_template_id_34e0ff0b_staticRenderFns = []
5936
+ ;// 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&
5937
+ 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)}
5938
+ var default_list_itemvue_type_template_id_39fb64c2_staticRenderFns = []
5939
5939
 
5940
5940
 
5941
5941
  ;// 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/list_item/default_list_item.vue?vue&type=script&lang=js&
@@ -6003,8 +6003,8 @@ var default_list_itemvue_type_style_index_0_lang_less_ = __webpack_require__(673
6003
6003
 
6004
6004
  var default_list_item_component = normalizeComponent(
6005
6005
  list_item_default_list_itemvue_type_script_lang_js_,
6006
- default_list_itemvue_type_template_id_34e0ff0b_render,
6007
- default_list_itemvue_type_template_id_34e0ff0b_staticRenderFns,
6006
+ default_list_itemvue_type_template_id_39fb64c2_render,
6007
+ default_list_itemvue_type_template_id_39fb64c2_staticRenderFns,
6008
6008
  false,
6009
6009
  null,
6010
6010
  null,
@@ -8400,8 +8400,8 @@ return [_c('ul',{ref:"listWrapper",class:_vm.listClasses,attrs:{"id":_vm.listId,
8400
8400
  var dropdownvue_type_template_id_b22f331a_staticRenderFns = []
8401
8401
 
8402
8402
 
8403
- ;// 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&
8404
- 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":{
8403
+ ;// 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&
8404
+ 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":{
8405
8405
  'aria-expanded': _vm.isOpen.toString(),
8406
8406
  'aria-controls': _vm.id,
8407
8407
  'aria-haspopup': _vm.role,
@@ -8412,7 +8412,7 @@ var popovervue_type_template_id_683dbc64_render = function () {var _vm=this;var
8412
8412
  'd-popover__content',
8413
8413
  _vm.POPOVER_PADDING_CLASSES[_vm.padding],
8414
8414
  _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)}
8415
- var popovervue_type_template_id_683dbc64_staticRenderFns = []
8415
+ var popovervue_type_template_id_432e3a72_staticRenderFns = []
8416
8416
 
8417
8417
 
8418
8418
  ;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getBoundingClientRect.js
@@ -14000,9 +14000,12 @@ var popover_header_footer_component = normalizeComponent(
14000
14000
  await this.$nextTick();
14001
14001
 
14002
14002
  if (this.modal) {
14003
+ var _element$tagName;
14004
+
14003
14005
  const element = this.anchorEl.closest('body, .tippy-box');
14006
+ if (!element) return;
14004
14007
 
14005
- if (element.tagName.toLowerCase() === 'body') {
14008
+ if (((_element$tagName = element.tagName) === null || _element$tagName === void 0 ? void 0 : _element$tagName.toLowerCase()) === 'body') {
14006
14009
  element.classList.remove('d-of-hidden');
14007
14010
  this.tip.setProps({
14008
14011
  offset: this.offset
@@ -14081,7 +14084,9 @@ var popover_header_footer_component = normalizeComponent(
14081
14084
  },
14082
14085
 
14083
14086
  focusInitialElementById() {
14084
- const result = this.$refs.content.$el.querySelector(this.initialFocusElement);
14087
+ var _this$$refs$content, _this$$refs$content$$;
14088
+
14089
+ 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);
14085
14090
 
14086
14091
  if (result) {
14087
14092
  result.focus();
@@ -14178,8 +14183,8 @@ var popovervue_type_style_index_0_lang_less_ = __webpack_require__(2532);
14178
14183
 
14179
14184
  var popover_component = normalizeComponent(
14180
14185
  popover_popovervue_type_script_lang_js_,
14181
- popovervue_type_template_id_683dbc64_render,
14182
- popovervue_type_template_id_683dbc64_staticRenderFns,
14186
+ popovervue_type_template_id_432e3a72_render,
14187
+ popovervue_type_template_id_432e3a72_staticRenderFns,
14183
14188
  false,
14184
14189
  null,
14185
14190
  null,
@@ -16501,8 +16506,8 @@ var input_group_component = normalizeComponent(
16501
16506
  /* harmony default export */ const input_group_input_group = (input_group_component.exports);
16502
16507
  ;// CONCATENATED MODULE: ./components/input_group/index.js
16503
16508
 
16504
- ;// 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&
16505
- 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:[
16509
+ ;// 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&
16510
+ 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:[
16506
16511
  'd-modal',
16507
16512
  _vm.MODAL_KIND_MODIFIERS[_vm.kind],
16508
16513
  _vm.MODAL_SIZE_MODIFIERS[_vm.size],
@@ -16517,7 +16522,7 @@ var modalvue_type_template_id_a8730b96_render = function () {var _vm=this;var _h
16517
16522
  _vm.contentClass ],attrs:{"data-qa":"dt-modal-copy"}},[_vm._t("default")],2):_c('p',{class:[
16518
16523
  'd-modal__content',
16519
16524
  _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)}
16520
- var modalvue_type_template_id_a8730b96_staticRenderFns = []
16525
+ var modalvue_type_template_id_48ae2696_staticRenderFns = []
16521
16526
 
16522
16527
 
16523
16528
  ;// CONCATENATED MODULE: ./components/modal/modal_constants.js
@@ -16851,6 +16856,8 @@ var notice_component = normalizeComponent(
16851
16856
  //
16852
16857
  //
16853
16858
 
16859
+ /* eslint-disable max-lines */
16860
+
16854
16861
 
16855
16862
 
16856
16863
 
@@ -17025,6 +17032,15 @@ var notice_component = normalizeComponent(
17025
17032
  default: false
17026
17033
  },
17027
17034
 
17035
+ /**
17036
+ * Whether the modal will close when you click outside of the dialog on the overlay.
17037
+ * @values true, false
17038
+ */
17039
+ closeOnClick: {
17040
+ type: Boolean,
17041
+ default: true
17042
+ },
17043
+
17028
17044
  /**
17029
17045
  * Scrollable modal that allows scroll the modal content keeping the header and footer fixed
17030
17046
  * @values true, false
@@ -17057,6 +17073,7 @@ var notice_component = normalizeComponent(
17057
17073
  modalListeners() {
17058
17074
  return { ...this.$listeners,
17059
17075
  click: event => {
17076
+ if (!this.closeOnClick) return;
17060
17077
  event.target === event.currentTarget && this.close();
17061
17078
  this.$emit('click', event);
17062
17079
  },
@@ -17157,8 +17174,8 @@ var notice_component = normalizeComponent(
17157
17174
  ;
17158
17175
  var modal_component = normalizeComponent(
17159
17176
  modal_modalvue_type_script_lang_js_,
17160
- modalvue_type_template_id_a8730b96_render,
17161
- modalvue_type_template_id_a8730b96_staticRenderFns,
17177
+ modalvue_type_template_id_48ae2696_render,
17178
+ modalvue_type_template_id_48ae2696_staticRenderFns,
17162
17179
  false,
17163
17180
  null,
17164
17181
  null,
@@ -21476,15 +21493,15 @@ var stack_component = normalizeComponent(
21476
21493
  /* harmony default export */ const stack = (stack_component.exports);
21477
21494
  ;// CONCATENATED MODULE: ./components/stack/index.js
21478
21495
 
21479
- ;// 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&
21480
- 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){
21496
+ ;// 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&
21497
+ 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){
21481
21498
  var inputProps = ref.inputProps;
21482
21499
  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){
21483
21500
  var opened = ref.opened;
21484
21501
  var listProps = ref.listProps;
21485
21502
  var clearHighlightIndex = ref.clearHighlightIndex;
21486
- 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))}
21487
- var combobox_with_popovervue_type_template_id_5bccf868_staticRenderFns = []
21503
+ 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))}
21504
+ var combobox_with_popovervue_type_template_id_386059b2_staticRenderFns = []
21488
21505
 
21489
21506
 
21490
21507
  ;// 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&
@@ -21594,6 +21611,7 @@ var combobox_with_popovervue_type_template_id_5bccf868_staticRenderFns = []
21594
21611
  //
21595
21612
  //
21596
21613
  //
21614
+ //
21597
21615
 
21598
21616
 
21599
21617
 
@@ -21805,6 +21823,15 @@ var combobox_with_popovervue_type_template_id_5bccf868_staticRenderFns = []
21805
21823
  validator: appendTo => {
21806
21824
  return POPOVER_APPEND_TO_VALUES.includes(appendTo) || appendTo instanceof HTMLElement;
21807
21825
  }
21826
+ },
21827
+
21828
+ /**
21829
+ * Named transition when the content display is toggled.
21830
+ * @see DtLazyShow
21831
+ */
21832
+ transition: {
21833
+ type: String,
21834
+ default: 'fade'
21808
21835
  }
21809
21836
  },
21810
21837
  emits: [
@@ -21969,8 +21996,8 @@ var combobox_with_popovervue_type_template_id_5bccf868_staticRenderFns = []
21969
21996
  ;
21970
21997
  var combobox_with_popover_component = normalizeComponent(
21971
21998
  combobox_with_popover_combobox_with_popovervue_type_script_lang_js_,
21972
- combobox_with_popovervue_type_template_id_5bccf868_render,
21973
- combobox_with_popovervue_type_template_id_5bccf868_staticRenderFns,
21999
+ combobox_with_popovervue_type_template_id_386059b2_render,
22000
+ combobox_with_popovervue_type_template_id_386059b2_staticRenderFns,
21974
22001
  false,
21975
22002
  null,
21976
22003
  null,
@@ -21981,11 +22008,11 @@ var combobox_with_popover_component = normalizeComponent(
21981
22008
  /* harmony default export */ const combobox_with_popover = (combobox_with_popover_component.exports);
21982
22009
  ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_with_popover/index.js
21983
22010
 
21984
- ;// 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&
21985
- 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){
22011
+ ;// 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&
22012
+ 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){
21986
22013
  var onInput = ref.onInput;
21987
22014
  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)})}
21988
- var combobox_multi_selectvue_type_template_id_40bca95e_staticRenderFns = []
22015
+ var combobox_multi_selectvue_type_template_id_42ee0c13_staticRenderFns = []
21989
22016
 
21990
22017
 
21991
22018
  ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/combobox_multi_select_story_constants.js
@@ -22202,6 +22229,7 @@ const CHIP_TOP_POSITION = {
22202
22229
  //
22203
22230
  //
22204
22231
  //
22232
+ //
22205
22233
 
22206
22234
 
22207
22235
 
@@ -22372,6 +22400,15 @@ const CHIP_TOP_POSITION = {
22372
22400
  validator: appendTo => {
22373
22401
  return POPOVER_APPEND_TO_VALUES.includes(appendTo) || appendTo instanceof HTMLElement;
22374
22402
  }
22403
+ },
22404
+
22405
+ /**
22406
+ * Named transition when the content display is toggled.
22407
+ * @see DtLazyShow
22408
+ */
22409
+ transition: {
22410
+ type: String,
22411
+ default: 'fade'
22375
22412
  }
22376
22413
  },
22377
22414
  emits: [
@@ -22702,8 +22739,8 @@ const CHIP_TOP_POSITION = {
22702
22739
  ;
22703
22740
  var combobox_multi_select_component = normalizeComponent(
22704
22741
  combobox_multi_select_combobox_multi_selectvue_type_script_lang_js_,
22705
- combobox_multi_selectvue_type_template_id_40bca95e_render,
22706
- combobox_multi_selectvue_type_template_id_40bca95e_staticRenderFns,
22742
+ combobox_multi_selectvue_type_template_id_42ee0c13_render,
22743
+ combobox_multi_selectvue_type_template_id_42ee0c13_staticRenderFns,
22707
22744
  false,
22708
22745
  null,
22709
22746
  null,
@@ -22715,9 +22752,9 @@ var combobox_multi_select_component = normalizeComponent(
22715
22752
  ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/index.js
22716
22753
 
22717
22754
 
22718
- ;// 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&
22719
- 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)}
22720
- var callbar_buttonvue_type_template_id_9499378e_staticRenderFns = []
22755
+ ;// 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&
22756
+ 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)}
22757
+ var callbar_buttonvue_type_template_id_66e6b32c_staticRenderFns = []
22721
22758
 
22722
22759
 
22723
22760
  ;// 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&
@@ -22853,6 +22890,15 @@ const VALID_WIDTH_SIZE = ['sm', 'md', 'lg', 'xl'];
22853
22890
  type: String,
22854
22891
  default: 'xl',
22855
22892
  validator: size => VALID_WIDTH_SIZE.includes(size)
22893
+ },
22894
+
22895
+ /**
22896
+ * The fill and outline of the button associated with its visual importance.
22897
+ * @values clear, outlined, primary
22898
+ */
22899
+ importance: {
22900
+ type: String,
22901
+ default: ''
22856
22902
  }
22857
22903
  },
22858
22904
  emits: [
@@ -22889,6 +22935,14 @@ const VALID_WIDTH_SIZE = ['sm', 'md', 'lg', 'xl'];
22889
22935
  default:
22890
22936
  return '8.4rem';
22891
22937
  }
22938
+ },
22939
+
22940
+ buttonImportance() {
22941
+ if (this.importance) {
22942
+ return this.importance;
22943
+ }
22944
+
22945
+ return this.circle ? 'outlined' : 'clear';
22892
22946
  }
22893
22947
 
22894
22948
  }
@@ -22910,8 +22964,8 @@ var callbar_buttonvue_type_style_index_0_lang_less_ = __webpack_require__(736);
22910
22964
 
22911
22965
  var callbar_button_component = normalizeComponent(
22912
22966
  callbar_button_callbar_buttonvue_type_script_lang_js_,
22913
- callbar_buttonvue_type_template_id_9499378e_render,
22914
- callbar_buttonvue_type_template_id_9499378e_staticRenderFns,
22967
+ callbar_buttonvue_type_template_id_66e6b32c_render,
22968
+ callbar_buttonvue_type_template_id_66e6b32c_staticRenderFns,
22915
22969
  false,
22916
22970
  null,
22917
22971
  null,