@dialpad/dialtone-vue 2.15.0 → 2.16.0

package/dist/dialtone-vue.common.js

@@ -17101,11 +17101,11 @@ var combobox_with_popover_component = normalizeComponent(
 /* harmony default export */ const combobox_with_popover = (combobox_with_popover_component.exports);
 ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_with_popover/index.js
 
-;// 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=b69c13e6&
-var combobox_multi_selectvue_type_template_id_b69c13e6_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){
+;// 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=907d2f60&
+var combobox_multi_selectvue_type_template_id_907d2f60_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){
 var onInput = ref.onInput;
 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)})}
-var combobox_multi_selectvue_type_template_id_b69c13e6_staticRenderFns = []
+var combobox_multi_selectvue_type_template_id_907d2f60_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/combobox_multi_select_story_constants.js
@@ -17482,10 +17482,19 @@ const MULTI_SELECT_SIZES = {
       return { ...this.$listeners,
         input: event => {
           this.$emit('input', event);
+
+          if (this.hasSuggestionList) {
+            this.showComboboxList();
+          }
         },
         keyup: event => {
           this.onInputKeyup(event);
           this.$emit('keyup', event);
+        },
+        click: event => {
+          if (this.hasSuggestionList) {
+            this.showComboboxList();
+          }
         }
       };
     }
@@ -17545,6 +17554,22 @@ const MULTI_SELECT_SIZES = {
       this.$emit('select', i);
     },
 
+    showComboboxList() {
+      if (this.showList != null) {
+        return;
+      }
+
+      this.$refs.comboboxWithPopover.showComboboxList();
+    },
+
+    closeComboboxList() {
+      if (this.showList != null) {
+        return;
+      }
+
+      this.$refs.comboboxWithPopover.closeComboboxList();
+    },
+
     getChipButtons() {
       return this.$refs.chips && this.$refs.chips.map(chip => chip.$el.querySelector('button'));
     },
@@ -17606,13 +17631,13 @@ const MULTI_SELECT_SIZES = {
     moveFromInputToChip() {
       this.getLastChipButton().focus();
       this.$refs.input.blur();
-      this.$refs.comboboxWithPopover.closeComboboxList();
+      this.closeComboboxList();
     },
 
     moveFromChipToInput() {
       this.getLastChipButton().blur();
       this.$refs.input.focus();
-      this.$refs.comboboxWithPopover.showComboboxList();
+      this.showComboboxList();
     },
 
     navigateBetweenChips(target, toLeft) {
@@ -17625,7 +17650,7 @@ const MULTI_SELECT_SIZES = {
 
       this.getChipButtons()[from].blur();
       this.getChipButtons()[to].focus();
-      this.$refs.comboboxWithPopover.closeComboboxList();
+      this.closeComboboxList();
     },
 
     setChipsTopPosition() {
@@ -17717,8 +17742,8 @@ const MULTI_SELECT_SIZES = {
 ;
 var combobox_multi_select_component = normalizeComponent(
   combobox_multi_select_combobox_multi_selectvue_type_script_lang_js_,
-  combobox_multi_selectvue_type_template_id_b69c13e6_render,
-  combobox_multi_selectvue_type_template_id_b69c13e6_staticRenderFns,
+  combobox_multi_selectvue_type_template_id_907d2f60_render,
+  combobox_multi_selectvue_type_template_id_907d2f60_staticRenderFns,
   false,
   null,
   null,

package/dist/dialtone-vue.umd.js

@@ -17119,11 +17119,11 @@ var combobox_with_popover_component = normalizeComponent(
 /* harmony default export */ const combobox_with_popover = (combobox_with_popover_component.exports);
 ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_with_popover/index.js
 
-;// 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=b69c13e6&
-var combobox_multi_selectvue_type_template_id_b69c13e6_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){
+;// 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=907d2f60&
+var combobox_multi_selectvue_type_template_id_907d2f60_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){
 var onInput = ref.onInput;
 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)})}
-var combobox_multi_selectvue_type_template_id_b69c13e6_staticRenderFns = []
+var combobox_multi_selectvue_type_template_id_907d2f60_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/combobox_multi_select_story_constants.js
@@ -17500,10 +17500,19 @@ const MULTI_SELECT_SIZES = {
       return { ...this.$listeners,
         input: event => {
           this.$emit('input', event);
+
+          if (this.hasSuggestionList) {
+            this.showComboboxList();
+          }
         },
         keyup: event => {
           this.onInputKeyup(event);
           this.$emit('keyup', event);
+        },
+        click: event => {
+          if (this.hasSuggestionList) {
+            this.showComboboxList();
+          }
         }
       };
     }
@@ -17563,6 +17572,22 @@ const MULTI_SELECT_SIZES = {
       this.$emit('select', i);
     },
 
+    showComboboxList() {
+      if (this.showList != null) {
+        return;
+      }
+
+      this.$refs.comboboxWithPopover.showComboboxList();
+    },
+
+    closeComboboxList() {
+      if (this.showList != null) {
+        return;
+      }
+
+      this.$refs.comboboxWithPopover.closeComboboxList();
+    },
+
     getChipButtons() {
       return this.$refs.chips && this.$refs.chips.map(chip => chip.$el.querySelector('button'));
     },
@@ -17624,13 +17649,13 @@ const MULTI_SELECT_SIZES = {
     moveFromInputToChip() {
       this.getLastChipButton().focus();
       this.$refs.input.blur();
-      this.$refs.comboboxWithPopover.closeComboboxList();
+      this.closeComboboxList();
     },
 
     moveFromChipToInput() {
       this.getLastChipButton().blur();
       this.$refs.input.focus();
-      this.$refs.comboboxWithPopover.showComboboxList();
+      this.showComboboxList();
     },
 
     navigateBetweenChips(target, toLeft) {
@@ -17643,7 +17668,7 @@ const MULTI_SELECT_SIZES = {
 
       this.getChipButtons()[from].blur();
       this.getChipButtons()[to].focus();
-      this.$refs.comboboxWithPopover.closeComboboxList();
+      this.closeComboboxList();
     },
 
     setChipsTopPosition() {
@@ -17735,8 +17760,8 @@ const MULTI_SELECT_SIZES = {
 ;
 var combobox_multi_select_component = normalizeComponent(
   combobox_multi_select_combobox_multi_selectvue_type_script_lang_js_,
-  combobox_multi_selectvue_type_template_id_b69c13e6_render,
-  combobox_multi_selectvue_type_template_id_b69c13e6_staticRenderFns,
+  combobox_multi_selectvue_type_template_id_907d2f60_render,
+  combobox_multi_selectvue_type_template_id_907d2f60_staticRenderFns,
   false,
   null,
   null,