npm - @dialpad/dialtone-vue - Versions diffs - 2.78.1 → 2.79.0 - Mend

@dialpad/dialtone-vue 2.78.1 → 2.79.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 (6) hide show

package/CHANGELOG.json +1 -1
package/CHANGELOG.md +14 -0
package/dist/dialtone-vue.common.js +45 -29
package/dist/dialtone-vue.umd.js +45 -29
package/dist/dialtone-vue.umd.min.js +1 -1
package/package.json +2 -2

package/CHANGELOG.md CHANGED Viewed

@@ -1,3 +1,17 @@
+# [2.79.0](https://github.com/dialpad/dialtone-vue/compare/v2.78.2...v2.79.0) (2023-04-11)
+### Features
+* update dialtone-icons ([01b8f90](https://github.com/dialpad/dialtone-vue/commit/01b8f9066e64ed6c15fb1ef5175f95408d919aac))
+## [2.78.2](https://github.com/dialpad/dialtone-vue/compare/v2.78.1...v2.78.2) (2023-04-11)
+### Bug Fixes
+* null protection on some refs ([#903](https://github.com/dialpad/dialtone-vue/issues/903)) ([e1addd3](https://github.com/dialpad/dialtone-vue/commit/e1addd30be47f3d0bef1b0fba33822c0423bcc23))
 ## [2.78.1](https://github.com/dialpad/dialtone-vue/compare/v2.78.0...v2.78.1) (2023-04-10)

package/dist/dialtone-vue.common.js CHANGED Viewed

@@ -8428,8 +8428,8 @@ return [_c('ul',{ref:"listWrapper",class:_vm.listClasses,attrs:{"id":_vm.listId,
 var dropdownvue_type_template_id_c0aa082e_staticRenderFns = []
-;// 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=6d22723e&
-var popovervue_type_template_id_6d22723e_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":{
+;// 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=01a6c752&
+var popovervue_type_template_id_01a6c752_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":{
           'aria-expanded': _vm.isOpen.toString(),
           'aria-controls': _vm.id,
           'aria-haspopup': _vm.role,
@@ -8440,7 +8440,7 @@ var popovervue_type_template_id_6d22723e_render = function () {var _vm=this;var
           'd-popover__content',
           _vm.POPOVER_PADDING_CLASSES[_vm.padding],
           _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)}
-var popovervue_type_template_id_6d22723e_staticRenderFns = []
+var popovervue_type_template_id_01a6c752_staticRenderFns = []
 ;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getBoundingClientRect.js
@@ -14106,7 +14106,7 @@ var popover_header_footer_component = normalizeComponent(
     },
     focusInitialElementById() {
-      var _this$$refs$content, _this$$refs$content$$;
+      var _this$$refs$content, _this$$refs$content$$, _this$$refs$content2;
       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);
@@ -14116,7 +14116,7 @@ var popover_header_footer_component = normalizeComponent(
         console.warn('Could not find the element specified in dt-popover prop "initialFocusElement". ' + 'Defaulting to focusing the dialog.');
       }
-      result ? result.focus() : this.$refs.content.$el.focus();
+      result ? result.focus() : (_this$$refs$content2 = this.$refs.content) === null || _this$$refs$content2 === void 0 ? void 0 : _this$$refs$content2.$el.focus();
     },
     onResize() {
@@ -14160,8 +14160,10 @@ var popover_header_footer_component = normalizeComponent(
         (_this$$refs$popover__ = this.$refs.popover__header) === null || _this$$refs$popover__ === void 0 ? void 0 : _this$$refs$popover__.focusCloseButton();
       } else {
+        var _this$$refs$content3;
         // if there are no focusable elements at all focus the dialog itself
-        this.$refs.content.$el.focus();
+        (_this$$refs$content3 = this.$refs.content) === null || _this$$refs$content3 === void 0 ? void 0 : _this$$refs$content3.$el.focus();
       }
     },
@@ -14205,8 +14207,8 @@ var popovervue_type_style_index_0_lang_less_ = __webpack_require__(4230);
 var popover_component = normalizeComponent(
   popover_popovervue_type_script_lang_js_,
-  popovervue_type_template_id_6d22723e_render,
-  popovervue_type_template_id_6d22723e_staticRenderFns,
+  popovervue_type_template_id_01a6c752_render,
+  popovervue_type_template_id_01a6c752_staticRenderFns,
   false,
   null,
   null,
@@ -21525,15 +21527,15 @@ var stack_component = normalizeComponent(
 /* harmony default export */ const stack = (stack_component.exports);
 ;// CONCATENATED MODULE: ./components/stack/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_with_popover/combobox_with_popover.vue?vue&type=template&id=386059b2&
-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){
+;// 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=1ab85920&
+var combobox_with_popovervue_type_template_id_1ab85920_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){
 var inputProps = ref.inputProps;
 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){
 var opened = ref.opened;
 var listProps = ref.listProps;
 var clearHighlightIndex = ref.clearHighlightIndex;
 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))}
-var combobox_with_popovervue_type_template_id_386059b2_staticRenderFns = []
+var combobox_with_popovervue_type_template_id_1ab85920_staticRenderFns = []
 ;// 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&
@@ -21988,7 +21990,9 @@ var combobox_with_popovervue_type_template_id_386059b2_staticRenderFns = []
     },
     onFocusIn(e) {
-      if (this.hasSuggestionList && e && this.$refs.input.querySelector('input') === e.target) {
+      var _this$$refs$input;
+      if (this.hasSuggestionList && e && ((_this$$refs$input = this.$refs.input) === null || _this$$refs$input === void 0 ? void 0 : _this$$refs$input.querySelector('input')) === e.target) {
         // only trigger if we show suggestion list when focused, and
         // it's the input specifically that was focused
         this.showComboboxList();
@@ -21996,10 +22000,10 @@ var combobox_with_popovervue_type_template_id_386059b2_staticRenderFns = []
     },
     onFocusOut(e) {
-      var _this$$refs$popover$t, _e$composedPath;
+      var _this$$refs$popover, _this$$refs$popover$t, _e$composedPath;
       // Check if the focus change was to another target within the combobox component
-      const popoverEl = (_this$$refs$popover$t = this.$refs.popover.tip) === null || _this$$refs$popover$t === void 0 ? void 0 : _this$$refs$popover$t.popper;
+      const popoverEl = (_this$$refs$popover = this.$refs.popover) === null || _this$$refs$popover === void 0 ? void 0 : (_this$$refs$popover$t = _this$$refs$popover.tip) === null || _this$$refs$popover$t === void 0 ? void 0 : _this$$refs$popover$t.popper;
       const comboboxEl = this.$refs.input;
       if ((_e$composedPath = e.composedPath()) !== null && _e$composedPath !== void 0 && _e$composedPath.some(el => [popoverEl, comboboxEl].includes(el))) return; // If outside the combobox then close
@@ -22028,8 +22032,8 @@ var combobox_with_popovervue_type_template_id_386059b2_staticRenderFns = []
 ;
 var combobox_with_popover_component = normalizeComponent(
   combobox_with_popover_combobox_with_popovervue_type_script_lang_js_,
-  combobox_with_popovervue_type_template_id_386059b2_render,
-  combobox_with_popovervue_type_template_id_386059b2_staticRenderFns,
+  combobox_with_popovervue_type_template_id_1ab85920_render,
+  combobox_with_popovervue_type_template_id_1ab85920_staticRenderFns,
   false,
   null,
   null,
@@ -22040,11 +22044,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=42ee0c13&
-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){
+;// 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=4a2fe866&
+var combobox_multi_selectvue_type_template_id_4a2fe866_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){
 var onInput = ref.onInput;
 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)})}
-var combobox_multi_selectvue_type_template_id_42ee0c13_staticRenderFns = []
+var combobox_multi_selectvue_type_template_id_4a2fe866_staticRenderFns = []
 ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/combobox_multi_select_story_constants.js
@@ -22580,8 +22584,10 @@ const CHIP_TOP_POSITION = {
   methods: {
     onChipRemove(item) {
+      var _this$$refs$input;
       this.$emit('remove', item);
-      this.$refs.input.focus();
+      (_this$$refs$input = this.$refs.input) === null || _this$$refs$input === void 0 ? void 0 : _this$$refs$input.focus();
     },
     onComboboxSelect(i) {
@@ -22590,19 +22596,23 @@ const CHIP_TOP_POSITION = {
     },
     showComboboxList() {
+      var _this$$refs$comboboxW;
       if (this.showList != null) {
         return;
       }
-      this.$refs.comboboxWithPopover.showComboboxList();
+      (_this$$refs$comboboxW = this.$refs.comboboxWithPopover) === null || _this$$refs$comboboxW === void 0 ? void 0 : _this$$refs$comboboxW.showComboboxList();
     },
     closeComboboxList() {
+      var _this$$refs$comboboxW2;
       if (this.showList != null) {
         return;
       }
-      this.$refs.comboboxWithPopover.closeComboboxList();
+      (_this$$refs$comboboxW2 = this.$refs.comboboxWithPopover) === null || _this$$refs$comboboxW2 === void 0 ? void 0 : _this$$refs$comboboxW2.closeComboboxList();
     },
     getChipButtons() {
@@ -22626,9 +22636,9 @@ const CHIP_TOP_POSITION = {
     },
     getInput() {
-      var _this$$refs$input;
+      var _this$$refs$input2;
-      return (_this$$refs$input = this.$refs.input) === null || _this$$refs$input === void 0 ? void 0 : _this$$refs$input.$refs.input;
+      return (_this$$refs$input2 = this.$refs.input) === null || _this$$refs$input2 === void 0 ? void 0 : _this$$refs$input2.$refs.input;
     },
     onChipKeyup(event) {
@@ -22664,22 +22674,28 @@ const CHIP_TOP_POSITION = {
     },
     moveFromInputToChip() {
+      var _this$$refs$input3;
       this.getLastChipButton().focus();
-      this.$refs.input.blur();
+      (_this$$refs$input3 = this.$refs.input) === null || _this$$refs$input3 === void 0 ? void 0 : _this$$refs$input3.blur();
       this.closeComboboxList();
     },
     moveFromChipToInput() {
+      var _this$$refs$input4;
       this.getLastChipButton().blur();
-      this.$refs.input.focus();
+      (_this$$refs$input4 = this.$refs.input) === null || _this$$refs$input4 === void 0 ? void 0 : _this$$refs$input4.focus();
       this.showComboboxList();
     },
     navigateBetweenChips(target, toLeft) {
+      var _this$$refs$chips;
       const from = this.getChipButtons().indexOf(target);
       const to = toLeft ? from - 1 : from + 1;
-      if (to < 0 || to >= this.$refs.chips.length) {
+      if (to < 0 || to >= ((_this$$refs$chips = this.$refs.chips) === null || _this$$refs$chips === void 0 ? void 0 : _this$$refs$chips.length)) {
         return;
       }
@@ -22771,8 +22787,8 @@ const CHIP_TOP_POSITION = {
 ;
 var combobox_multi_select_component = normalizeComponent(
   combobox_multi_select_combobox_multi_selectvue_type_script_lang_js_,
-  combobox_multi_selectvue_type_template_id_42ee0c13_render,
-  combobox_multi_selectvue_type_template_id_42ee0c13_staticRenderFns,
+  combobox_multi_selectvue_type_template_id_4a2fe866_render,
+  combobox_multi_selectvue_type_template_id_4a2fe866_staticRenderFns,
   false,
   null,
   null,

package/dist/dialtone-vue.umd.js CHANGED Viewed

@@ -8438,8 +8438,8 @@ return [_c('ul',{ref:"listWrapper",class:_vm.listClasses,attrs:{"id":_vm.listId,
 var dropdownvue_type_template_id_c0aa082e_staticRenderFns = []
-;// 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=6d22723e&
-var popovervue_type_template_id_6d22723e_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":{
+;// 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=01a6c752&
+var popovervue_type_template_id_01a6c752_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":{
           'aria-expanded': _vm.isOpen.toString(),
           'aria-controls': _vm.id,
           'aria-haspopup': _vm.role,
@@ -8450,7 +8450,7 @@ var popovervue_type_template_id_6d22723e_render = function () {var _vm=this;var
           'd-popover__content',
           _vm.POPOVER_PADDING_CLASSES[_vm.padding],
           _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)}
-var popovervue_type_template_id_6d22723e_staticRenderFns = []
+var popovervue_type_template_id_01a6c752_staticRenderFns = []
 ;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getBoundingClientRect.js
@@ -14116,7 +14116,7 @@ var popover_header_footer_component = normalizeComponent(
     },
     focusInitialElementById() {
-      var _this$$refs$content, _this$$refs$content$$;
+      var _this$$refs$content, _this$$refs$content$$, _this$$refs$content2;
       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);
@@ -14126,7 +14126,7 @@ var popover_header_footer_component = normalizeComponent(
         console.warn('Could not find the element specified in dt-popover prop "initialFocusElement". ' + 'Defaulting to focusing the dialog.');
       }
-      result ? result.focus() : this.$refs.content.$el.focus();
+      result ? result.focus() : (_this$$refs$content2 = this.$refs.content) === null || _this$$refs$content2 === void 0 ? void 0 : _this$$refs$content2.$el.focus();
     },
     onResize() {
@@ -14170,8 +14170,10 @@ var popover_header_footer_component = normalizeComponent(
         (_this$$refs$popover__ = this.$refs.popover__header) === null || _this$$refs$popover__ === void 0 ? void 0 : _this$$refs$popover__.focusCloseButton();
       } else {
+        var _this$$refs$content3;
         // if there are no focusable elements at all focus the dialog itself
-        this.$refs.content.$el.focus();
+        (_this$$refs$content3 = this.$refs.content) === null || _this$$refs$content3 === void 0 ? void 0 : _this$$refs$content3.$el.focus();
       }
     },
@@ -14215,8 +14217,8 @@ var popovervue_type_style_index_0_lang_less_ = __webpack_require__(2532);
 var popover_component = normalizeComponent(
   popover_popovervue_type_script_lang_js_,
-  popovervue_type_template_id_6d22723e_render,
-  popovervue_type_template_id_6d22723e_staticRenderFns,
+  popovervue_type_template_id_01a6c752_render,
+  popovervue_type_template_id_01a6c752_staticRenderFns,
   false,
   null,
   null,
@@ -21535,15 +21537,15 @@ var stack_component = normalizeComponent(
 /* harmony default export */ const stack = (stack_component.exports);
 ;// CONCATENATED MODULE: ./components/stack/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_with_popover/combobox_with_popover.vue?vue&type=template&id=386059b2&
-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){
+;// 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=1ab85920&
+var combobox_with_popovervue_type_template_id_1ab85920_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){
 var inputProps = ref.inputProps;
 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){
 var opened = ref.opened;
 var listProps = ref.listProps;
 var clearHighlightIndex = ref.clearHighlightIndex;
 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))}
-var combobox_with_popovervue_type_template_id_386059b2_staticRenderFns = []
+var combobox_with_popovervue_type_template_id_1ab85920_staticRenderFns = []
 ;// 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&
@@ -21998,7 +22000,9 @@ var combobox_with_popovervue_type_template_id_386059b2_staticRenderFns = []
     },
     onFocusIn(e) {
-      if (this.hasSuggestionList && e && this.$refs.input.querySelector('input') === e.target) {
+      var _this$$refs$input;
+      if (this.hasSuggestionList && e && ((_this$$refs$input = this.$refs.input) === null || _this$$refs$input === void 0 ? void 0 : _this$$refs$input.querySelector('input')) === e.target) {
         // only trigger if we show suggestion list when focused, and
         // it's the input specifically that was focused
         this.showComboboxList();
@@ -22006,10 +22010,10 @@ var combobox_with_popovervue_type_template_id_386059b2_staticRenderFns = []
     },
     onFocusOut(e) {
-      var _this$$refs$popover$t, _e$composedPath;
+      var _this$$refs$popover, _this$$refs$popover$t, _e$composedPath;
       // Check if the focus change was to another target within the combobox component
-      const popoverEl = (_this$$refs$popover$t = this.$refs.popover.tip) === null || _this$$refs$popover$t === void 0 ? void 0 : _this$$refs$popover$t.popper;
+      const popoverEl = (_this$$refs$popover = this.$refs.popover) === null || _this$$refs$popover === void 0 ? void 0 : (_this$$refs$popover$t = _this$$refs$popover.tip) === null || _this$$refs$popover$t === void 0 ? void 0 : _this$$refs$popover$t.popper;
       const comboboxEl = this.$refs.input;
       if ((_e$composedPath = e.composedPath()) !== null && _e$composedPath !== void 0 && _e$composedPath.some(el => [popoverEl, comboboxEl].includes(el))) return; // If outside the combobox then close
@@ -22038,8 +22042,8 @@ var combobox_with_popovervue_type_template_id_386059b2_staticRenderFns = []
 ;
 var combobox_with_popover_component = normalizeComponent(
   combobox_with_popover_combobox_with_popovervue_type_script_lang_js_,
-  combobox_with_popovervue_type_template_id_386059b2_render,
-  combobox_with_popovervue_type_template_id_386059b2_staticRenderFns,
+  combobox_with_popovervue_type_template_id_1ab85920_render,
+  combobox_with_popovervue_type_template_id_1ab85920_staticRenderFns,
   false,
   null,
   null,
@@ -22050,11 +22054,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=42ee0c13&
-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){
+;// 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=4a2fe866&
+var combobox_multi_selectvue_type_template_id_4a2fe866_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){
 var onInput = ref.onInput;
 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)})}
-var combobox_multi_selectvue_type_template_id_42ee0c13_staticRenderFns = []
+var combobox_multi_selectvue_type_template_id_4a2fe866_staticRenderFns = []
 ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/combobox_multi_select_story_constants.js
@@ -22590,8 +22594,10 @@ const CHIP_TOP_POSITION = {
   methods: {
     onChipRemove(item) {
+      var _this$$refs$input;
       this.$emit('remove', item);
-      this.$refs.input.focus();
+      (_this$$refs$input = this.$refs.input) === null || _this$$refs$input === void 0 ? void 0 : _this$$refs$input.focus();
     },
     onComboboxSelect(i) {
@@ -22600,19 +22606,23 @@ const CHIP_TOP_POSITION = {
     },
     showComboboxList() {
+      var _this$$refs$comboboxW;
       if (this.showList != null) {
         return;
       }
-      this.$refs.comboboxWithPopover.showComboboxList();
+      (_this$$refs$comboboxW = this.$refs.comboboxWithPopover) === null || _this$$refs$comboboxW === void 0 ? void 0 : _this$$refs$comboboxW.showComboboxList();
     },
     closeComboboxList() {
+      var _this$$refs$comboboxW2;
       if (this.showList != null) {
         return;
       }
-      this.$refs.comboboxWithPopover.closeComboboxList();
+      (_this$$refs$comboboxW2 = this.$refs.comboboxWithPopover) === null || _this$$refs$comboboxW2 === void 0 ? void 0 : _this$$refs$comboboxW2.closeComboboxList();
     },
     getChipButtons() {
@@ -22636,9 +22646,9 @@ const CHIP_TOP_POSITION = {
     },
     getInput() {
-      var _this$$refs$input;
+      var _this$$refs$input2;
-      return (_this$$refs$input = this.$refs.input) === null || _this$$refs$input === void 0 ? void 0 : _this$$refs$input.$refs.input;
+      return (_this$$refs$input2 = this.$refs.input) === null || _this$$refs$input2 === void 0 ? void 0 : _this$$refs$input2.$refs.input;
     },
     onChipKeyup(event) {
@@ -22674,22 +22684,28 @@ const CHIP_TOP_POSITION = {
     },
     moveFromInputToChip() {
+      var _this$$refs$input3;
       this.getLastChipButton().focus();
-      this.$refs.input.blur();
+      (_this$$refs$input3 = this.$refs.input) === null || _this$$refs$input3 === void 0 ? void 0 : _this$$refs$input3.blur();
       this.closeComboboxList();
     },
     moveFromChipToInput() {
+      var _this$$refs$input4;
       this.getLastChipButton().blur();
-      this.$refs.input.focus();
+      (_this$$refs$input4 = this.$refs.input) === null || _this$$refs$input4 === void 0 ? void 0 : _this$$refs$input4.focus();
       this.showComboboxList();
     },
     navigateBetweenChips(target, toLeft) {
+      var _this$$refs$chips;
       const from = this.getChipButtons().indexOf(target);
       const to = toLeft ? from - 1 : from + 1;
-      if (to < 0 || to >= this.$refs.chips.length) {
+      if (to < 0 || to >= ((_this$$refs$chips = this.$refs.chips) === null || _this$$refs$chips === void 0 ? void 0 : _this$$refs$chips.length)) {
         return;
       }
@@ -22781,8 +22797,8 @@ const CHIP_TOP_POSITION = {
 ;
 var combobox_multi_select_component = normalizeComponent(
   combobox_multi_select_combobox_multi_selectvue_type_script_lang_js_,
-  combobox_multi_selectvue_type_template_id_42ee0c13_render,
-  combobox_multi_selectvue_type_template_id_42ee0c13_staticRenderFns,
+  combobox_multi_selectvue_type_template_id_4a2fe866_render,
+  combobox_multi_selectvue_type_template_id_4a2fe866_staticRenderFns,
   false,
   null,
   null,