@dialpad/dialtone-vue 3.60.1 → 3.60.2

package/dist/dialtone-vue.umd.js

@@ -2654,10 +2654,10 @@ function notice_actionvue_type_template_id_b37ee780_render(_ctx, _cache, $props,
 }
 ;// CONCATENATED MODULE: ./components/notice/notice_action.vue?vue&type=template&id=b37ee780
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/button/button.vue?vue&type=template&id=1758fb47
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/button/button.vue?vue&type=template&id=da53e7de
 
-const buttonvue_type_template_id_1758fb47_hoisted_1 = ["type", "disabled", "aria-live", "aria-label"];
-function buttonvue_type_template_id_1758fb47_render(_ctx, _cache, $props, $setup, $data, $options) {
+const buttonvue_type_template_id_da53e7de_hoisted_1 = ["type", "disabled", "aria-live", "aria-label"];
+function buttonvue_type_template_id_da53e7de_render(_ctx, _cache, $props, $setup, $data, $options) {
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("button", (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
     class: ['base-button__button', $options.buttonClasses()],
     "data-qa": "dt-button",
@@ -2676,9 +2676,9 @@ function buttonvue_type_template_id_1758fb47_render(_ctx, _cache, $props, $setup
     key: 1,
     "data-qa": "dt-button-label",
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-w100p', 'd-btn__label', 'base-button__label', $props.labelClass])
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default")], 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 16, buttonvue_type_template_id_1758fb47_hoisted_1);
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default")], 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 16, buttonvue_type_template_id_da53e7de_hoisted_1);
 }
-;// CONCATENATED MODULE: ./components/button/button.vue?vue&type=template&id=1758fb47
+;// CONCATENATED MODULE: ./components/button/button.vue?vue&type=template&id=da53e7de
 
 ;// CONCATENATED MODULE: ./components/button/button_constants.js
 const BUTTON_SIZE_MODIFIERS = {
@@ -2867,7 +2867,7 @@ const LINK_KIND_MODIFIERS = {
      */
     width: {
       type: String,
-      default: 'auto'
+      default: null
     },
 
     /**
@@ -3037,7 +3037,7 @@ const LINK_KIND_MODIFIERS = {
 
 
 ;
-const button_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(buttonvue_type_script_lang_js, [['render',buttonvue_type_template_id_1758fb47_render]])
+const button_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(buttonvue_type_script_lang_js, [['render',buttonvue_type_template_id_da53e7de_render]])
 
 /* harmony default export */ const button_button = (button_exports_);
 ;// CONCATENATED MODULE: ./components/button/index.js
@@ -6684,11 +6684,11 @@ function dropdownvue_type_template_id_13df1af6_render(_ctx, _cache, $props, $set
 }
 ;// CONCATENATED MODULE: ./components/dropdown/dropdown.vue?vue&type=template&id=13df1af6
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/popover/popover.vue?vue&type=template&id=2900cc6f
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/popover/popover.vue?vue&type=template&id=1cbf1212
 
-const popovervue_type_template_id_2900cc6f_hoisted_1 = ["aria-hidden"];
-const popovervue_type_template_id_2900cc6f_hoisted_2 = ["id", "tabindex"];
-function popovervue_type_template_id_2900cc6f_render(_ctx, _cache, $props, $setup, $data, $options) {
+const popovervue_type_template_id_1cbf1212_hoisted_1 = ["aria-hidden"];
+const popovervue_type_template_id_1cbf1212_hoisted_2 = ["id", "tabindex"];
+function popovervue_type_template_id_1cbf1212_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_popover_header_footer = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("popover-header-footer");
 
   const _component_sr_only_close_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("sr-only-close-button");
@@ -6702,7 +6702,7 @@ function popovervue_type_template_id_2900cc6f_render(_ctx, _cache, $props, $setu
     class: "d-modal--transparent",
     "aria-hidden": $props.modal && $data.isOpen ? 'false' : 'true',
     onClick: _cache[0] || (_cache[0] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)(() => {}, ["prevent", "stop"]))
-  }, null, 8, popovervue_type_template_id_2900cc6f_hoisted_1)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveDynamicComponent)($props.elementType), {
+  }, null, 8, popovervue_type_template_id_1cbf1212_hoisted_1)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveDynamicComponent)($props.elementType), {
     ref: "popover",
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-popover', {
       'd-popover__anchor--opened': $data.isOpen
@@ -6734,7 +6734,7 @@ function popovervue_type_template_id_2900cc6f_render(_ctx, _cache, $props, $setu
         'aria-controls': $props.id,
         'aria-haspopup': $props.role
       }
-    })], 40, popovervue_type_template_id_2900cc6f_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_lazy_show, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
+    })], 40, popovervue_type_template_id_1cbf1212_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_lazy_show, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
       id: $props.id,
       ref: "content",
       role: $props.role,
@@ -6797,7 +6797,7 @@ function popovervue_type_template_id_2900cc6f_render(_ctx, _cache, $props, $setu
     _: 3
   }, 8, ["class"]))]);
 }
-;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=template&id=2900cc6f
+;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=template&id=1cbf1212
 
 ;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getWindow.js
 function getWindow(node) {
@@ -12227,7 +12227,7 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
     },
 
     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);
 
@@ -12237,7 +12237,7 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
         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() {
@@ -12283,8 +12283,10 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
 
         (_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();
       }
     },
 
@@ -12313,10 +12315,10 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
 });
 ;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=script&lang=js
  
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/popover/popover.vue?vue&type=style&index=0&id=2900cc6f&lang=less
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/popover/popover.vue?vue&type=style&index=0&id=1cbf1212&lang=less
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=style&index=0&id=2900cc6f&lang=less
+;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=style&index=0&id=1cbf1212&lang=less
 
 ;// CONCATENATED MODULE: ./components/popover/popover.vue
 
@@ -12326,7 +12328,7 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
 ;
 
 
-const popover_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(popovervue_type_script_lang_js, [['render',popovervue_type_template_id_2900cc6f_render]])
+const popover_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(popovervue_type_script_lang_js, [['render',popovervue_type_template_id_1cbf1212_render]])
 
 /* harmony default export */ const popover = (popover_exports_);
 ;// CONCATENATED MODULE: ./components/popover/index.js
@@ -20397,17 +20399,17 @@ const DtScroller_exports_ = DtScrollervue_type_script_setup_true_lang_js;
 /* harmony default export */ const DtScroller = (DtScroller_exports_);
 ;// CONCATENATED MODULE: ./components/scroller/index.js
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue?vue&type=template&id=62487eb8
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue?vue&type=template&id=503d743c
 
-const combobox_with_popovervue_type_template_id_62487eb8_hoisted_1 = ["id"];
-const combobox_with_popovervue_type_template_id_62487eb8_hoisted_2 = {
+const combobox_with_popovervue_type_template_id_503d743c_hoisted_1 = ["id"];
+const combobox_with_popovervue_type_template_id_503d743c_hoisted_2 = {
   ref: "header"
 };
-const combobox_with_popovervue_type_template_id_62487eb8_hoisted_3 = ["onMouseleave", "onFocusout"];
-const combobox_with_popovervue_type_template_id_62487eb8_hoisted_4 = {
+const combobox_with_popovervue_type_template_id_503d743c_hoisted_3 = ["onMouseleave", "onFocusout"];
+const combobox_with_popovervue_type_template_id_503d743c_hoisted_4 = {
   ref: "footer"
 };
-function combobox_with_popovervue_type_template_id_62487eb8_render(_ctx, _cache, $props, $setup, $data, $options) {
+function combobox_with_popovervue_type_template_id_503d743c_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_combobox_loading_list = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("combobox-loading-list");
 
   const _component_combobox_empty_list = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("combobox-empty-list");
@@ -20446,7 +20448,7 @@ function combobox_with_popovervue_type_template_id_62487eb8_render(_ctx, _cache,
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "input", {
         inputProps: inputProps,
         onInput: $options.handleDisplayList
-      })], 40, combobox_with_popovervue_type_template_id_62487eb8_hoisted_1)];
+      })], 40, combobox_with_popovervue_type_template_id_503d743c_hoisted_1)];
     }),
     list: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(_ref2 => {
       let {
@@ -20493,22 +20495,22 @@ function combobox_with_popovervue_type_template_id_62487eb8_render(_ctx, _cache,
         }), null, 16, ["message"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "list", {
           key: 2,
           listProps: listProps
-        })], 42, combobox_with_popovervue_type_template_id_62487eb8_hoisted_3)]),
+        })], 42, combobox_with_popovervue_type_template_id_503d743c_hoisted_3)]),
         _: 2
       }, [$data.hasSlotContent(_ctx.$slots.header) ? {
         name: "headerContent",
-        fn: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", combobox_with_popovervue_type_template_id_62487eb8_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "header")], 512)]),
+        fn: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", combobox_with_popovervue_type_template_id_503d743c_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "header")], 512)]),
         key: "0"
       } : undefined, $data.hasSlotContent(_ctx.$slots.footer) ? {
         name: "footerContent",
-        fn: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", combobox_with_popovervue_type_template_id_62487eb8_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "footer")], 512)]),
+        fn: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", combobox_with_popovervue_type_template_id_503d743c_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "footer")], 512)]),
         key: "1"
       } : undefined]), 1032, ["open", "max-height", "max-width", "offset", "sticky", "external-anchor", "content-width", "append-to", "transition", "visually-hidden-close-label", "visually-hidden-close", "onOpened"])];
     }),
     _: 3
   }, 16, ["loading", "label", "label-visible", "size", "description", "empty-list", "empty-state-message", "show-list", "on-beginning-of-list", "on-end-of-list", "list-id"]);
 }
-;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue?vue&type=template&id=62487eb8
+;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue?vue&type=template&id=503d743c
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue?vue&type=script&lang=js
 /* eslint-disable vuejs-accessibility/no-static-element-interactions */
@@ -20857,7 +20859,9 @@ function combobox_with_popovervue_type_template_id_62487eb8_render(_ctx, _cache,
     },
 
     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();
@@ -20865,10 +20869,10 @@ function combobox_with_popovervue_type_template_id_62487eb8_render(_ctx, _cache,
     },
 
     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
 
@@ -20893,32 +20897,32 @@ function combobox_with_popovervue_type_template_id_62487eb8_render(_ctx, _cache,
 
 
 ;
-const combobox_with_popover_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(combobox_with_popovervue_type_script_lang_js, [['render',combobox_with_popovervue_type_template_id_62487eb8_render]])
+const combobox_with_popover_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(combobox_with_popovervue_type_script_lang_js, [['render',combobox_with_popovervue_type_template_id_503d743c_render]])
 
 /* harmony default export */ const combobox_with_popover = (combobox_with_popover_exports_);
 ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_with_popover/index.js
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue?vue&type=template&id=45d5e59a
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue?vue&type=template&id=7ed1b4ed
 
-const combobox_multi_selectvue_type_template_id_45d5e59a_hoisted_1 = {
+const combobox_multi_selectvue_type_template_id_7ed1b4ed_hoisted_1 = {
   ref: "inputSlotWrapper",
   class: "d-ps-relative d-d-block"
 };
-const combobox_multi_selectvue_type_template_id_45d5e59a_hoisted_2 = {
+const combobox_multi_selectvue_type_template_id_7ed1b4ed_hoisted_2 = {
   ref: "chipsWrapper",
   class: "d-ps-absolute d-mx2 d-pl1"
 };
-const combobox_multi_selectvue_type_template_id_45d5e59a_hoisted_3 = {
+const combobox_multi_selectvue_type_template_id_7ed1b4ed_hoisted_3 = {
   ref: "header"
 };
-const combobox_multi_selectvue_type_template_id_45d5e59a_hoisted_4 = {
+const combobox_multi_selectvue_type_template_id_7ed1b4ed_hoisted_4 = {
   key: 1,
   class: "d-ta-center d-py16"
 };
-const combobox_multi_selectvue_type_template_id_45d5e59a_hoisted_5 = {
+const combobox_multi_selectvue_type_template_id_7ed1b4ed_hoisted_5 = {
   ref: "footer"
 };
-function combobox_multi_selectvue_type_template_id_45d5e59a_render(_ctx, _cache, $props, $setup, $data, $options) {
+function combobox_multi_selectvue_type_template_id_7ed1b4ed_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_chip = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-chip");
 
   const _component_dt_input = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-input");
@@ -20945,7 +20949,7 @@ function combobox_multi_selectvue_type_template_id_45d5e59a_render(_ctx, _cache,
       let {
         onInput
       } = _ref;
-      return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("span", combobox_multi_selectvue_type_template_id_45d5e59a_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("span", combobox_multi_selectvue_type_template_id_45d5e59a_hoisted_2, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderList)($props.selectedItems, item => {
+      return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("span", combobox_multi_selectvue_type_template_id_7ed1b4ed_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("span", combobox_multi_selectvue_type_template_id_7ed1b4ed_hoisted_2, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderList)($props.selectedItems, item => {
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_dt_chip, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
           ref_for: true,
           ref: "chips",
@@ -20987,19 +20991,19 @@ function combobox_multi_selectvue_type_template_id_45d5e59a_render(_ctx, _cache,
       onMousedown: _cache[1] || (_cache[1] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)(() => {}, ["prevent"]))
     }, [!$props.loading ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "list", {
       key: 0
-    }) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", combobox_multi_selectvue_type_template_id_45d5e59a_hoisted_4, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.loadingMessage), 1))], 544)]),
+    }) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", combobox_multi_selectvue_type_template_id_7ed1b4ed_hoisted_4, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.loadingMessage), 1))], 544)]),
     _: 2
   }, [$data.hasSlotContent(_ctx.$slots.header) ? {
     name: "header",
-    fn: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", combobox_multi_selectvue_type_template_id_45d5e59a_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "header")], 512)]),
+    fn: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", combobox_multi_selectvue_type_template_id_7ed1b4ed_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "header")], 512)]),
     key: "0"
   } : undefined, $data.hasSlotContent(_ctx.$slots.footer) ? {
     name: "footer",
-    fn: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", combobox_multi_selectvue_type_template_id_45d5e59a_hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "footer")], 512)]),
+    fn: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", combobox_multi_selectvue_type_template_id_7ed1b4ed_hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "footer")], 512)]),
     key: "1"
   } : undefined]), 1032, ["label", "show-list", "max-height", "popover-offset", "has-suggestion-list", "visually-hidden-close-label", "visually-hidden-close", "append-to", "transition", "onSelect"]);
 }
-;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue?vue&type=template&id=45d5e59a
+;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue?vue&type=template&id=7ed1b4ed
 
 ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/combobox_multi_select_story_constants.js
 // The item list for default story
@@ -21435,8 +21439,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) {
@@ -21445,19 +21451,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() {
@@ -21481,9 +21491,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) {
@@ -21519,22 +21529,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;
       }
 
@@ -21622,7 +21638,7 @@ const CHIP_TOP_POSITION = {
 
 
 ;
-const combobox_multi_select_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(combobox_multi_selectvue_type_script_lang_js, [['render',combobox_multi_selectvue_type_template_id_45d5e59a_render]])
+const combobox_multi_select_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(combobox_multi_selectvue_type_script_lang_js, [['render',combobox_multi_selectvue_type_template_id_7ed1b4ed_render]])
 
 /* harmony default export */ const combobox_multi_select = (combobox_multi_select_exports_);
 ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/index.js