@dialpad/dialtone-vue 2.17.0 → 2.18.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.
|
@@ -3235,9 +3235,9 @@ var button_group_component = normalizeComponent(
|
|
|
3235
3235
|
;// CONCATENATED MODULE: ./components/button_group/index.js
|
|
3236
3236
|
|
|
3237
3237
|
|
|
3238
|
-
;// 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/combobox/combobox.vue?vue&type=template&id=
|
|
3239
|
-
var
|
|
3240
|
-
var
|
|
3238
|
+
;// 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/combobox/combobox.vue?vue&type=template&id=62892fd4&
|
|
3239
|
+
var comboboxvue_type_template_id_62892fd4_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{on:{"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }$event.stopPropagation();return _vm.onKeyValidation($event, 'onEscapeKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }if($event.ctrlKey||$event.shiftKey||$event.altKey||$event.metaKey){ return null; }return _vm.onKeyValidation($event, 'onEnterKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onUpKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onDownKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"home",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onHomeKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"end",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onEndKey')}]}},[_c('div',{attrs:{"data-qa":"dt-combobox-input-wrapper"}},[_vm._t("input",null,{"inputProps":_vm.inputProps})],2),(_vm.showList)?_c('div',{ref:"listWrapper",attrs:{"data-qa":"dt-combobox-list-wrapper"},on:{"mouseleave":_vm.clearHighlightIndex,"focusout":_vm.clearHighlightIndex,"!mousemove":function($event){return _vm.onMouseHighlight.apply(null, arguments)}}},[(_vm.isLoading && !_vm.listRenderedOutside)?_c('combobox-loading-list',_vm._b({},'combobox-loading-list',_vm.listProps,false)):(_vm.isListEmpty && !_vm.listRenderedOutside)?_c('combobox-empty-list',_vm._b({attrs:{"message":_vm.emptyStateMessage}},'combobox-empty-list',_vm.listProps,false)):_vm._t("list",null,{"listProps":_vm.listProps,"opened":_vm.onOpen,"clearHighlightIndex":_vm.clearHighlightIndex,"isLoading":_vm.isLoading,"isListEmpty":_vm.isListEmpty})],2):_vm._e()])}
|
|
3240
|
+
var comboboxvue_type_template_id_62892fd4_staticRenderFns = []
|
|
3241
3241
|
|
|
3242
3242
|
|
|
3243
3243
|
;// CONCATENATED MODULE: ./common/mixins/dom.js
|
|
@@ -4882,7 +4882,7 @@ var combobox_empty_list_component = normalizeComponent(
|
|
|
4882
4882
|
*/
|
|
4883
4883
|
emptyStateMessage: {
|
|
4884
4884
|
type: String,
|
|
4885
|
-
default: '
|
|
4885
|
+
default: ''
|
|
4886
4886
|
}
|
|
4887
4887
|
},
|
|
4888
4888
|
emits: ['select', 'escape', 'highlight', 'opened'],
|
|
@@ -5061,8 +5061,8 @@ var combobox_empty_list_component = normalizeComponent(
|
|
|
5061
5061
|
;
|
|
5062
5062
|
var combobox_component = normalizeComponent(
|
|
5063
5063
|
combobox_comboboxvue_type_script_lang_js_,
|
|
5064
|
-
|
|
5065
|
-
|
|
5064
|
+
comboboxvue_type_template_id_62892fd4_render,
|
|
5065
|
+
comboboxvue_type_template_id_62892fd4_staticRenderFns,
|
|
5066
5066
|
false,
|
|
5067
5067
|
null,
|
|
5068
5068
|
null,
|
|
@@ -5082,8 +5082,8 @@ return [_c('ul',{ref:"listWrapper",class:['d-ps-relative', 'd-px0', _vm.DROPDOWN
|
|
|
5082
5082
|
var dropdownvue_type_template_id_02d3f006_staticRenderFns = []
|
|
5083
5083
|
|
|
5084
5084
|
|
|
5085
|
-
;// 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=
|
|
5086
|
-
var
|
|
5085
|
+
;// 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=52edae7f&
|
|
5086
|
+
var popovervue_type_template_id_52edae7f_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--modal-opened': _vm.modal && _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"},on:{"!click":function($event){return _vm.defaultToggleOpen.apply(null, arguments)},"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)}],"wheel":function (e) { return (_vm.isOpen && _vm.modal) && e.preventDefault(); },"!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":{
|
|
5087
5087
|
'aria-expanded': _vm.isOpen.toString(),
|
|
5088
5088
|
'aria-controls': _vm.id,
|
|
5089
5089
|
'aria-haspopup': _vm.role,
|
|
@@ -5094,7 +5094,7 @@ var popovervue_type_template_id_9802b6fc_render = function () {var _vm=this;var
|
|
|
5094
5094
|
'd-popover__content',
|
|
5095
5095
|
_vm.POPOVER_PADDING_CLASSES[_vm.padding],
|
|
5096
5096
|
_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()],1)],1)],1)}
|
|
5097
|
-
var
|
|
5097
|
+
var popovervue_type_template_id_52edae7f_staticRenderFns = []
|
|
5098
5098
|
|
|
5099
5099
|
|
|
5100
5100
|
;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getBoundingClientRect.js
|
|
@@ -9514,7 +9514,10 @@ const getPopperOptions = function () {
|
|
|
9514
9514
|
boundary = 'clippingParents',
|
|
9515
9515
|
fallbackPlacements = [],
|
|
9516
9516
|
onChangePlacement = () => {},
|
|
9517
|
-
hasHideModifierEnabled = false
|
|
9517
|
+
hasHideModifierEnabled = false,
|
|
9518
|
+
// If set to false the dialog will display over top of the anchor when there is insufficient space.
|
|
9519
|
+
// if set to true it will never move from its position relative to the anchor and will clip instead.
|
|
9520
|
+
tether = true
|
|
9518
9521
|
} = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
9519
9522
|
return {
|
|
9520
9523
|
modifiers: [{
|
|
@@ -9526,6 +9529,12 @@ const getPopperOptions = function () {
|
|
|
9526
9529
|
}, {
|
|
9527
9530
|
name: 'hide',
|
|
9528
9531
|
enabled: hasHideModifierEnabled
|
|
9532
|
+
}, {
|
|
9533
|
+
name: 'preventOverflow',
|
|
9534
|
+
options: {
|
|
9535
|
+
altAxis: !tether,
|
|
9536
|
+
tether
|
|
9537
|
+
}
|
|
9529
9538
|
}, getArrowDetected(_ref => {
|
|
9530
9539
|
let {
|
|
9531
9540
|
state
|
|
@@ -10301,6 +10310,15 @@ var popover_header_footer_component = normalizeComponent(
|
|
|
10301
10310
|
default: 'bottom-end'
|
|
10302
10311
|
},
|
|
10303
10312
|
|
|
10313
|
+
/**
|
|
10314
|
+
* If set to false the dialog will display over top of the anchor when there is insufficient space.
|
|
10315
|
+
* If set to true it will never move from its position relative to the anchor and will clip instead.
|
|
10316
|
+
*/
|
|
10317
|
+
tether: {
|
|
10318
|
+
type: Boolean,
|
|
10319
|
+
default: true
|
|
10320
|
+
},
|
|
10321
|
+
|
|
10304
10322
|
/**
|
|
10305
10323
|
* If the popover sticks to the anchor. This is usually not needed, but can be needed
|
|
10306
10324
|
* if the reference element's position is animating, or to automatically update the popover
|
|
@@ -10439,12 +10457,15 @@ var popover_header_footer_component = normalizeComponent(
|
|
|
10439
10457
|
});
|
|
10440
10458
|
},
|
|
10441
10459
|
|
|
10442
|
-
fallbackPlacements(
|
|
10460
|
+
fallbackPlacements() {
|
|
10443
10461
|
this.tip.setProps({
|
|
10444
|
-
popperOptions:
|
|
10445
|
-
|
|
10446
|
-
|
|
10447
|
-
|
|
10462
|
+
popperOptions: this.popperOptions()
|
|
10463
|
+
});
|
|
10464
|
+
},
|
|
10465
|
+
|
|
10466
|
+
tether() {
|
|
10467
|
+
this.tip.setProps({
|
|
10468
|
+
popperOptions: this.popperOptions()
|
|
10448
10469
|
});
|
|
10449
10470
|
},
|
|
10450
10471
|
|
|
@@ -10488,10 +10509,7 @@ var popover_header_footer_component = normalizeComponent(
|
|
|
10488
10509
|
}
|
|
10489
10510
|
|
|
10490
10511
|
this.tip = tippy_utils_createTippy(this.anchorEl, {
|
|
10491
|
-
popperOptions:
|
|
10492
|
-
fallbackPlacements: this.fallbackPlacements,
|
|
10493
|
-
hasHideModifierEnabled: true
|
|
10494
|
-
}),
|
|
10512
|
+
popperOptions: this.popperOptions(),
|
|
10495
10513
|
contentElement: this.popoverContentEl,
|
|
10496
10514
|
placement: this.placement,
|
|
10497
10515
|
offset: this.offset,
|
|
@@ -10526,6 +10544,14 @@ var popover_header_footer_component = normalizeComponent(
|
|
|
10526
10544
|
* METHODS *
|
|
10527
10545
|
******************/
|
|
10528
10546
|
methods: {
|
|
10547
|
+
popperOptions() {
|
|
10548
|
+
return getPopperOptions({
|
|
10549
|
+
fallbackPlacements: this.fallbackPlacements,
|
|
10550
|
+
tether: this.tether,
|
|
10551
|
+
hasHideModifierEnabled: true
|
|
10552
|
+
});
|
|
10553
|
+
},
|
|
10554
|
+
|
|
10529
10555
|
validateProps() {
|
|
10530
10556
|
if (this.modal && this.initialFocusElement === 'none') {
|
|
10531
10557
|
console.error('If the popover is modal you must set the ' + 'initialFocusElement prop. Possible values: "dialog", "first", HTMLElement');
|
|
@@ -10717,8 +10743,8 @@ var popovervue_type_style_index_0_lang_less_ = __webpack_require__(230);
|
|
|
10717
10743
|
|
|
10718
10744
|
var popover_component = normalizeComponent(
|
|
10719
10745
|
popover_popovervue_type_script_lang_js_,
|
|
10720
|
-
|
|
10721
|
-
|
|
10746
|
+
popovervue_type_template_id_52edae7f_render,
|
|
10747
|
+
popovervue_type_template_id_52edae7f_staticRenderFns,
|
|
10722
10748
|
false,
|
|
10723
10749
|
null,
|
|
10724
10750
|
null,
|
|
@@ -16848,8 +16874,8 @@ var root_layout_component = normalizeComponent(
|
|
|
16848
16874
|
;// CONCATENATED MODULE: ./components/root_layout/index.js
|
|
16849
16875
|
|
|
16850
16876
|
|
|
16851
|
-
;// 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=
|
|
16852
|
-
var
|
|
16877
|
+
;// 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=108db852&
|
|
16878
|
+
var combobox_with_popovervue_type_template_id_108db852_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,"show-list":_vm.isListShown,"on-beginning-of-list":_vm.onBeginningOfList,"on-end-of-list":_vm.onEndOfList,"list-aria-label":_vm.listAriaLabel,"list-rendered-outside":true,"list-id":_vm.listId,"data-qa":"dt-combobox"},scopedSlots:_vm._u([{key:"input",fn:function(ref){
|
|
16853
16879
|
var inputProps = ref.inputProps;
|
|
16854
16880
|
return [_c('div',{ref:"input",attrs:{"id":_vm.externalAnchor},on:{"focusin":_vm.onFocusIn,"focusout":_vm.onFocusOut,"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){
|
|
16855
16881
|
var opened = ref.opened;
|
|
@@ -16857,8 +16883,8 @@ var listProps = ref.listProps;
|
|
|
16857
16883
|
var clearHighlightIndex = ref.clearHighlightIndex;
|
|
16858
16884
|
var isLoading = ref.isLoading;
|
|
16859
16885
|
var isListEmpty = ref.isListEmpty;
|
|
16860
|
-
return [_c('dt-popover',{ref:"popover",attrs:{"open":_vm.isListShown,"hide-on-click":_vm.showList === null,"max-height":_vm.maxHeight,"max-width":_vm.maxWidth,"offset":_vm.popoverOffset,"sticky":_vm.popoverSticky,"placement":"bottom-start","padding":"none","role":"listbox","external-anchor":_vm.externalAnchor,"content-width":_vm.contentWidth,"content-tabindex":null,"modal":false,"auto-focus":false},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",on:{"focusout":_vm.onFocusOut}},[_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":function($event){clearHighlightIndex; _vm.onFocusOut;}}},[(
|
|
16861
|
-
var
|
|
16886
|
+
return [_c('dt-popover',{ref:"popover",attrs:{"open":_vm.isListShown,"hide-on-click":_vm.showList === null,"max-height":_vm.maxHeight,"max-width":_vm.maxWidth,"offset":_vm.popoverOffset,"sticky":_vm.popoverSticky,"placement":"bottom-start","padding":"none","role":"listbox","external-anchor":_vm.externalAnchor,"content-width":_vm.contentWidth,"content-tabindex":null,"modal":false,"auto-focus":false},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",on:{"focusout":_vm.onFocusOut}},[_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":function($event){clearHighlightIndex; _vm.onFocusOut;}}},[(isLoading)?_c('combobox-loading-list',_vm._b({},'combobox-loading-list',listProps,false)):(isListEmpty)?_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",on:{"focusout":_vm.onFocusOut}},[_vm._t("footer")],2):_vm._e()]},proxy:true}],null,true)})]}}],null,true)},_vm.comboboxListeners))}
|
|
16887
|
+
var combobox_with_popovervue_type_template_id_108db852_staticRenderFns = []
|
|
16862
16888
|
|
|
16863
16889
|
|
|
16864
16890
|
;// 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&
|
|
@@ -17117,7 +17143,7 @@ var combobox_with_popovervue_type_template_id_65a49163_staticRenderFns = []
|
|
|
17117
17143
|
*/
|
|
17118
17144
|
emptyStateMessage: {
|
|
17119
17145
|
type: String,
|
|
17120
|
-
default: '
|
|
17146
|
+
default: ''
|
|
17121
17147
|
}
|
|
17122
17148
|
},
|
|
17123
17149
|
emits: ['select', 'escape', 'highlight', 'opened'],
|
|
@@ -17252,8 +17278,8 @@ var combobox_with_popovervue_type_template_id_65a49163_staticRenderFns = []
|
|
|
17252
17278
|
;
|
|
17253
17279
|
var combobox_with_popover_component = normalizeComponent(
|
|
17254
17280
|
combobox_with_popover_combobox_with_popovervue_type_script_lang_js_,
|
|
17255
|
-
|
|
17256
|
-
|
|
17281
|
+
combobox_with_popovervue_type_template_id_108db852_render,
|
|
17282
|
+
combobox_with_popovervue_type_template_id_108db852_staticRenderFns,
|
|
17257
17283
|
false,
|
|
17258
17284
|
null,
|
|
17259
17285
|
null,
|
|
@@ -17264,11 +17290,11 @@ var combobox_with_popover_component = normalizeComponent(
|
|
|
17264
17290
|
/* harmony default export */ const combobox_with_popover = (combobox_with_popover_component.exports);
|
|
17265
17291
|
;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_with_popover/index.js
|
|
17266
17292
|
|
|
17267
|
-
;// 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=
|
|
17268
|
-
var
|
|
17293
|
+
;// 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=50e5c78d&
|
|
17294
|
+
var combobox_multi_selectvue_type_template_id_50e5c78d_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:{"list-aria-label":"listAriaLabel","show-list":_vm.showList,"max-height":_vm.listMaxHeight,"popover-offset":_vm.popoverOffset,"has-suggestion-list":_vm.hasSuggestionList,"content-width":"anchor"},on:{"select":_vm.onComboboxSelect},scopedSlots:_vm._u([{key:"input",fn:function(ref){
|
|
17269
17295
|
var onInput = ref.onInput;
|
|
17270
17296
|
return [_c('span',{ref:"inputSlotWrapper",staticClass:"d-ps-relative"},[_c('span',{ref:"chipsWrapper",staticClass:"d-ps-absolute d-mx2"},_vm._l((_vm.selectedItems),function(item){return _c('dt-chip',_vm._g({key:item.id,ref:"chips",refInFor:true,staticClass:"d-mt4 d-mx2 d-zi-base1",attrs:{"close-button-props":{ ariaLabel: 'close' },"size":_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 d-mb4",attrs:{"label":_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"},[(!_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)})}
|
|
17271
|
-
var
|
|
17297
|
+
var combobox_multi_selectvue_type_template_id_50e5c78d_staticRenderFns = []
|
|
17272
17298
|
|
|
17273
17299
|
|
|
17274
17300
|
;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/combobox_multi_select_story_constants.js
|
|
@@ -17703,7 +17729,6 @@ const MULTI_SELECT_SIZES = {
|
|
|
17703
17729
|
var _this$resizeWindowObs;
|
|
17704
17730
|
|
|
17705
17731
|
(_this$resizeWindowObs = this.resizeWindowObserver) === null || _this$resizeWindowObs === void 0 ? void 0 : _this$resizeWindowObs.unobserve(document.body);
|
|
17706
|
-
console.log('Combobox Multi Select: Unobserve window resize before destory');
|
|
17707
17732
|
},
|
|
17708
17733
|
|
|
17709
17734
|
methods: {
|
|
@@ -17905,8 +17930,8 @@ const MULTI_SELECT_SIZES = {
|
|
|
17905
17930
|
;
|
|
17906
17931
|
var combobox_multi_select_component = normalizeComponent(
|
|
17907
17932
|
combobox_multi_select_combobox_multi_selectvue_type_script_lang_js_,
|
|
17908
|
-
|
|
17909
|
-
|
|
17933
|
+
combobox_multi_selectvue_type_template_id_50e5c78d_render,
|
|
17934
|
+
combobox_multi_selectvue_type_template_id_50e5c78d_staticRenderFns,
|
|
17910
17935
|
false,
|
|
17911
17936
|
null,
|
|
17912
17937
|
null,
|
package/dist/dialtone-vue.umd.js
CHANGED
|
@@ -3253,9 +3253,9 @@ var button_group_component = normalizeComponent(
|
|
|
3253
3253
|
;// CONCATENATED MODULE: ./components/button_group/index.js
|
|
3254
3254
|
|
|
3255
3255
|
|
|
3256
|
-
;// 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/combobox/combobox.vue?vue&type=template&id=
|
|
3257
|
-
var
|
|
3258
|
-
var
|
|
3256
|
+
;// 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/combobox/combobox.vue?vue&type=template&id=62892fd4&
|
|
3257
|
+
var comboboxvue_type_template_id_62892fd4_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{on:{"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }$event.stopPropagation();return _vm.onKeyValidation($event, 'onEscapeKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }if($event.ctrlKey||$event.shiftKey||$event.altKey||$event.metaKey){ return null; }return _vm.onKeyValidation($event, 'onEnterKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onUpKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onDownKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"home",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onHomeKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"end",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onEndKey')}]}},[_c('div',{attrs:{"data-qa":"dt-combobox-input-wrapper"}},[_vm._t("input",null,{"inputProps":_vm.inputProps})],2),(_vm.showList)?_c('div',{ref:"listWrapper",attrs:{"data-qa":"dt-combobox-list-wrapper"},on:{"mouseleave":_vm.clearHighlightIndex,"focusout":_vm.clearHighlightIndex,"!mousemove":function($event){return _vm.onMouseHighlight.apply(null, arguments)}}},[(_vm.isLoading && !_vm.listRenderedOutside)?_c('combobox-loading-list',_vm._b({},'combobox-loading-list',_vm.listProps,false)):(_vm.isListEmpty && !_vm.listRenderedOutside)?_c('combobox-empty-list',_vm._b({attrs:{"message":_vm.emptyStateMessage}},'combobox-empty-list',_vm.listProps,false)):_vm._t("list",null,{"listProps":_vm.listProps,"opened":_vm.onOpen,"clearHighlightIndex":_vm.clearHighlightIndex,"isLoading":_vm.isLoading,"isListEmpty":_vm.isListEmpty})],2):_vm._e()])}
|
|
3258
|
+
var comboboxvue_type_template_id_62892fd4_staticRenderFns = []
|
|
3259
3259
|
|
|
3260
3260
|
|
|
3261
3261
|
;// CONCATENATED MODULE: ./common/mixins/dom.js
|
|
@@ -4900,7 +4900,7 @@ var combobox_empty_list_component = normalizeComponent(
|
|
|
4900
4900
|
*/
|
|
4901
4901
|
emptyStateMessage: {
|
|
4902
4902
|
type: String,
|
|
4903
|
-
default: '
|
|
4903
|
+
default: ''
|
|
4904
4904
|
}
|
|
4905
4905
|
},
|
|
4906
4906
|
emits: ['select', 'escape', 'highlight', 'opened'],
|
|
@@ -5079,8 +5079,8 @@ var combobox_empty_list_component = normalizeComponent(
|
|
|
5079
5079
|
;
|
|
5080
5080
|
var combobox_component = normalizeComponent(
|
|
5081
5081
|
combobox_comboboxvue_type_script_lang_js_,
|
|
5082
|
-
|
|
5083
|
-
|
|
5082
|
+
comboboxvue_type_template_id_62892fd4_render,
|
|
5083
|
+
comboboxvue_type_template_id_62892fd4_staticRenderFns,
|
|
5084
5084
|
false,
|
|
5085
5085
|
null,
|
|
5086
5086
|
null,
|
|
@@ -5100,8 +5100,8 @@ return [_c('ul',{ref:"listWrapper",class:['d-ps-relative', 'd-px0', _vm.DROPDOWN
|
|
|
5100
5100
|
var dropdownvue_type_template_id_02d3f006_staticRenderFns = []
|
|
5101
5101
|
|
|
5102
5102
|
|
|
5103
|
-
;// 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=
|
|
5104
|
-
var
|
|
5103
|
+
;// 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=52edae7f&
|
|
5104
|
+
var popovervue_type_template_id_52edae7f_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--modal-opened': _vm.modal && _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"},on:{"!click":function($event){return _vm.defaultToggleOpen.apply(null, arguments)},"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)}],"wheel":function (e) { return (_vm.isOpen && _vm.modal) && e.preventDefault(); },"!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":{
|
|
5105
5105
|
'aria-expanded': _vm.isOpen.toString(),
|
|
5106
5106
|
'aria-controls': _vm.id,
|
|
5107
5107
|
'aria-haspopup': _vm.role,
|
|
@@ -5112,7 +5112,7 @@ var popovervue_type_template_id_9802b6fc_render = function () {var _vm=this;var
|
|
|
5112
5112
|
'd-popover__content',
|
|
5113
5113
|
_vm.POPOVER_PADDING_CLASSES[_vm.padding],
|
|
5114
5114
|
_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()],1)],1)],1)}
|
|
5115
|
-
var
|
|
5115
|
+
var popovervue_type_template_id_52edae7f_staticRenderFns = []
|
|
5116
5116
|
|
|
5117
5117
|
|
|
5118
5118
|
;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getBoundingClientRect.js
|
|
@@ -9532,7 +9532,10 @@ const getPopperOptions = function () {
|
|
|
9532
9532
|
boundary = 'clippingParents',
|
|
9533
9533
|
fallbackPlacements = [],
|
|
9534
9534
|
onChangePlacement = () => {},
|
|
9535
|
-
hasHideModifierEnabled = false
|
|
9535
|
+
hasHideModifierEnabled = false,
|
|
9536
|
+
// If set to false the dialog will display over top of the anchor when there is insufficient space.
|
|
9537
|
+
// if set to true it will never move from its position relative to the anchor and will clip instead.
|
|
9538
|
+
tether = true
|
|
9536
9539
|
} = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
9537
9540
|
return {
|
|
9538
9541
|
modifiers: [{
|
|
@@ -9544,6 +9547,12 @@ const getPopperOptions = function () {
|
|
|
9544
9547
|
}, {
|
|
9545
9548
|
name: 'hide',
|
|
9546
9549
|
enabled: hasHideModifierEnabled
|
|
9550
|
+
}, {
|
|
9551
|
+
name: 'preventOverflow',
|
|
9552
|
+
options: {
|
|
9553
|
+
altAxis: !tether,
|
|
9554
|
+
tether
|
|
9555
|
+
}
|
|
9547
9556
|
}, getArrowDetected(_ref => {
|
|
9548
9557
|
let {
|
|
9549
9558
|
state
|
|
@@ -10319,6 +10328,15 @@ var popover_header_footer_component = normalizeComponent(
|
|
|
10319
10328
|
default: 'bottom-end'
|
|
10320
10329
|
},
|
|
10321
10330
|
|
|
10331
|
+
/**
|
|
10332
|
+
* If set to false the dialog will display over top of the anchor when there is insufficient space.
|
|
10333
|
+
* If set to true it will never move from its position relative to the anchor and will clip instead.
|
|
10334
|
+
*/
|
|
10335
|
+
tether: {
|
|
10336
|
+
type: Boolean,
|
|
10337
|
+
default: true
|
|
10338
|
+
},
|
|
10339
|
+
|
|
10322
10340
|
/**
|
|
10323
10341
|
* If the popover sticks to the anchor. This is usually not needed, but can be needed
|
|
10324
10342
|
* if the reference element's position is animating, or to automatically update the popover
|
|
@@ -10457,12 +10475,15 @@ var popover_header_footer_component = normalizeComponent(
|
|
|
10457
10475
|
});
|
|
10458
10476
|
},
|
|
10459
10477
|
|
|
10460
|
-
fallbackPlacements(
|
|
10478
|
+
fallbackPlacements() {
|
|
10461
10479
|
this.tip.setProps({
|
|
10462
|
-
popperOptions:
|
|
10463
|
-
|
|
10464
|
-
|
|
10465
|
-
|
|
10480
|
+
popperOptions: this.popperOptions()
|
|
10481
|
+
});
|
|
10482
|
+
},
|
|
10483
|
+
|
|
10484
|
+
tether() {
|
|
10485
|
+
this.tip.setProps({
|
|
10486
|
+
popperOptions: this.popperOptions()
|
|
10466
10487
|
});
|
|
10467
10488
|
},
|
|
10468
10489
|
|
|
@@ -10506,10 +10527,7 @@ var popover_header_footer_component = normalizeComponent(
|
|
|
10506
10527
|
}
|
|
10507
10528
|
|
|
10508
10529
|
this.tip = tippy_utils_createTippy(this.anchorEl, {
|
|
10509
|
-
popperOptions:
|
|
10510
|
-
fallbackPlacements: this.fallbackPlacements,
|
|
10511
|
-
hasHideModifierEnabled: true
|
|
10512
|
-
}),
|
|
10530
|
+
popperOptions: this.popperOptions(),
|
|
10513
10531
|
contentElement: this.popoverContentEl,
|
|
10514
10532
|
placement: this.placement,
|
|
10515
10533
|
offset: this.offset,
|
|
@@ -10544,6 +10562,14 @@ var popover_header_footer_component = normalizeComponent(
|
|
|
10544
10562
|
* METHODS *
|
|
10545
10563
|
******************/
|
|
10546
10564
|
methods: {
|
|
10565
|
+
popperOptions() {
|
|
10566
|
+
return getPopperOptions({
|
|
10567
|
+
fallbackPlacements: this.fallbackPlacements,
|
|
10568
|
+
tether: this.tether,
|
|
10569
|
+
hasHideModifierEnabled: true
|
|
10570
|
+
});
|
|
10571
|
+
},
|
|
10572
|
+
|
|
10547
10573
|
validateProps() {
|
|
10548
10574
|
if (this.modal && this.initialFocusElement === 'none') {
|
|
10549
10575
|
console.error('If the popover is modal you must set the ' + 'initialFocusElement prop. Possible values: "dialog", "first", HTMLElement');
|
|
@@ -10735,8 +10761,8 @@ var popovervue_type_style_index_0_lang_less_ = __webpack_require__(532);
|
|
|
10735
10761
|
|
|
10736
10762
|
var popover_component = normalizeComponent(
|
|
10737
10763
|
popover_popovervue_type_script_lang_js_,
|
|
10738
|
-
|
|
10739
|
-
|
|
10764
|
+
popovervue_type_template_id_52edae7f_render,
|
|
10765
|
+
popovervue_type_template_id_52edae7f_staticRenderFns,
|
|
10740
10766
|
false,
|
|
10741
10767
|
null,
|
|
10742
10768
|
null,
|
|
@@ -16866,8 +16892,8 @@ var root_layout_component = normalizeComponent(
|
|
|
16866
16892
|
;// CONCATENATED MODULE: ./components/root_layout/index.js
|
|
16867
16893
|
|
|
16868
16894
|
|
|
16869
|
-
;// 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=
|
|
16870
|
-
var
|
|
16895
|
+
;// 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=108db852&
|
|
16896
|
+
var combobox_with_popovervue_type_template_id_108db852_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,"show-list":_vm.isListShown,"on-beginning-of-list":_vm.onBeginningOfList,"on-end-of-list":_vm.onEndOfList,"list-aria-label":_vm.listAriaLabel,"list-rendered-outside":true,"list-id":_vm.listId,"data-qa":"dt-combobox"},scopedSlots:_vm._u([{key:"input",fn:function(ref){
|
|
16871
16897
|
var inputProps = ref.inputProps;
|
|
16872
16898
|
return [_c('div',{ref:"input",attrs:{"id":_vm.externalAnchor},on:{"focusin":_vm.onFocusIn,"focusout":_vm.onFocusOut,"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){
|
|
16873
16899
|
var opened = ref.opened;
|
|
@@ -16875,8 +16901,8 @@ var listProps = ref.listProps;
|
|
|
16875
16901
|
var clearHighlightIndex = ref.clearHighlightIndex;
|
|
16876
16902
|
var isLoading = ref.isLoading;
|
|
16877
16903
|
var isListEmpty = ref.isListEmpty;
|
|
16878
|
-
return [_c('dt-popover',{ref:"popover",attrs:{"open":_vm.isListShown,"hide-on-click":_vm.showList === null,"max-height":_vm.maxHeight,"max-width":_vm.maxWidth,"offset":_vm.popoverOffset,"sticky":_vm.popoverSticky,"placement":"bottom-start","padding":"none","role":"listbox","external-anchor":_vm.externalAnchor,"content-width":_vm.contentWidth,"content-tabindex":null,"modal":false,"auto-focus":false},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",on:{"focusout":_vm.onFocusOut}},[_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":function($event){clearHighlightIndex; _vm.onFocusOut;}}},[(
|
|
16879
|
-
var
|
|
16904
|
+
return [_c('dt-popover',{ref:"popover",attrs:{"open":_vm.isListShown,"hide-on-click":_vm.showList === null,"max-height":_vm.maxHeight,"max-width":_vm.maxWidth,"offset":_vm.popoverOffset,"sticky":_vm.popoverSticky,"placement":"bottom-start","padding":"none","role":"listbox","external-anchor":_vm.externalAnchor,"content-width":_vm.contentWidth,"content-tabindex":null,"modal":false,"auto-focus":false},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",on:{"focusout":_vm.onFocusOut}},[_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":function($event){clearHighlightIndex; _vm.onFocusOut;}}},[(isLoading)?_c('combobox-loading-list',_vm._b({},'combobox-loading-list',listProps,false)):(isListEmpty)?_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",on:{"focusout":_vm.onFocusOut}},[_vm._t("footer")],2):_vm._e()]},proxy:true}],null,true)})]}}],null,true)},_vm.comboboxListeners))}
|
|
16905
|
+
var combobox_with_popovervue_type_template_id_108db852_staticRenderFns = []
|
|
16880
16906
|
|
|
16881
16907
|
|
|
16882
16908
|
;// 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&
|
|
@@ -17135,7 +17161,7 @@ var combobox_with_popovervue_type_template_id_65a49163_staticRenderFns = []
|
|
|
17135
17161
|
*/
|
|
17136
17162
|
emptyStateMessage: {
|
|
17137
17163
|
type: String,
|
|
17138
|
-
default: '
|
|
17164
|
+
default: ''
|
|
17139
17165
|
}
|
|
17140
17166
|
},
|
|
17141
17167
|
emits: ['select', 'escape', 'highlight', 'opened'],
|
|
@@ -17270,8 +17296,8 @@ var combobox_with_popovervue_type_template_id_65a49163_staticRenderFns = []
|
|
|
17270
17296
|
;
|
|
17271
17297
|
var combobox_with_popover_component = normalizeComponent(
|
|
17272
17298
|
combobox_with_popover_combobox_with_popovervue_type_script_lang_js_,
|
|
17273
|
-
|
|
17274
|
-
|
|
17299
|
+
combobox_with_popovervue_type_template_id_108db852_render,
|
|
17300
|
+
combobox_with_popovervue_type_template_id_108db852_staticRenderFns,
|
|
17275
17301
|
false,
|
|
17276
17302
|
null,
|
|
17277
17303
|
null,
|
|
@@ -17282,11 +17308,11 @@ var combobox_with_popover_component = normalizeComponent(
|
|
|
17282
17308
|
/* harmony default export */ const combobox_with_popover = (combobox_with_popover_component.exports);
|
|
17283
17309
|
;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_with_popover/index.js
|
|
17284
17310
|
|
|
17285
|
-
;// 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=
|
|
17286
|
-
var
|
|
17311
|
+
;// 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=50e5c78d&
|
|
17312
|
+
var combobox_multi_selectvue_type_template_id_50e5c78d_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:{"list-aria-label":"listAriaLabel","show-list":_vm.showList,"max-height":_vm.listMaxHeight,"popover-offset":_vm.popoverOffset,"has-suggestion-list":_vm.hasSuggestionList,"content-width":"anchor"},on:{"select":_vm.onComboboxSelect},scopedSlots:_vm._u([{key:"input",fn:function(ref){
|
|
17287
17313
|
var onInput = ref.onInput;
|
|
17288
17314
|
return [_c('span',{ref:"inputSlotWrapper",staticClass:"d-ps-relative"},[_c('span',{ref:"chipsWrapper",staticClass:"d-ps-absolute d-mx2"},_vm._l((_vm.selectedItems),function(item){return _c('dt-chip',_vm._g({key:item.id,ref:"chips",refInFor:true,staticClass:"d-mt4 d-mx2 d-zi-base1",attrs:{"close-button-props":{ ariaLabel: 'close' },"size":_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 d-mb4",attrs:{"label":_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"},[(!_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)})}
|
|
17289
|
-
var
|
|
17315
|
+
var combobox_multi_selectvue_type_template_id_50e5c78d_staticRenderFns = []
|
|
17290
17316
|
|
|
17291
17317
|
|
|
17292
17318
|
;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/combobox_multi_select_story_constants.js
|
|
@@ -17721,7 +17747,6 @@ const MULTI_SELECT_SIZES = {
|
|
|
17721
17747
|
var _this$resizeWindowObs;
|
|
17722
17748
|
|
|
17723
17749
|
(_this$resizeWindowObs = this.resizeWindowObserver) === null || _this$resizeWindowObs === void 0 ? void 0 : _this$resizeWindowObs.unobserve(document.body);
|
|
17724
|
-
console.log('Combobox Multi Select: Unobserve window resize before destory');
|
|
17725
17750
|
},
|
|
17726
17751
|
|
|
17727
17752
|
methods: {
|
|
@@ -17923,8 +17948,8 @@ const MULTI_SELECT_SIZES = {
|
|
|
17923
17948
|
;
|
|
17924
17949
|
var combobox_multi_select_component = normalizeComponent(
|
|
17925
17950
|
combobox_multi_select_combobox_multi_selectvue_type_script_lang_js_,
|
|
17926
|
-
|
|
17927
|
-
|
|
17951
|
+
combobox_multi_selectvue_type_template_id_50e5c78d_render,
|
|
17952
|
+
combobox_multi_selectvue_type_template_id_50e5c78d_staticRenderFns,
|
|
17928
17953
|
false,
|
|
17929
17954
|
null,
|
|
17930
17955
|
null,
|