@carbon/vue 3.0.30 → 3.0.32

package/dist/carbon-vue-3.common.js

@@ -3696,8 +3696,12 @@ __webpack_require__.d(__webpack_exports__, {
 
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js + 2 modules
 var defineProperty = __webpack_require__(139);
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js
+var asyncToGenerator = __webpack_require__(698);
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
 var objectSpread2 = __webpack_require__(8844);
+// EXTERNAL MODULE: ./node_modules/regenerator-runtime/runtime.js
+var runtime = __webpack_require__(7452);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.includes.js
 var es_array_includes = __webpack_require__(7746);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.concat.js
@@ -3718,6 +3722,8 @@ var cvContentSwitcherStore = __webpack_require__(5246);
 
 
 
+
+
 var _hoisted_1 = ["id"];
 
 
@@ -3744,6 +3750,26 @@ var _hoisted_1 = ["id"];
     var isLight = (0,cvTheme/* useIsLight */.I)(props);
     cvContentSwitcherStore/* default */.A.addParent(cvId.value);
     cvContentSwitcherStore/* default */.A.setContentSelected('global', undefined);
+
+    // Check for initial selection after child components have set up
+    var hadInitialSelection = null;
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(/*#__PURE__*/(0,asyncToGenerator/* default */.A)(/*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+      var _store$state$cvId$val, _store$state$cvId$val2;
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
+            case 2:
+              hadInitialSelection = ((_store$state$cvId$val = cvContentSwitcherStore/* default */.A.state[cvId.value]) === null || _store$state$cvId$val === void 0 ? void 0 : _store$state$cvId$val.selected) !== undefined && ((_store$state$cvId$val2 = cvContentSwitcherStore/* default */.A.state[cvId.value]) === null || _store$state$cvId$val2 === void 0 ? void 0 : _store$state$cvId$val2.selected) !== '';
+            case 3:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    })));
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onUnmounted)(function () {
       cvContentSwitcherStore/* default */.A.removeParent(cvId.value);
     });
@@ -3751,7 +3777,7 @@ var _hoisted_1 = ["id"];
       return cvContentSwitcherStore/* default */.A.state.global.latest;
     }, function (val, prev) {
       // if previous is not set, do not emit. This mimics the current v2 behaviour where the initial content does not generate an event
-      if (prev) emit('selected', val);
+      if (prev || val && hadInitialSelection === false) emit('selected', val);
     });
     var ourLatest = undefined;
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(function () {
@@ -3759,17 +3785,18 @@ var _hoisted_1 = ["id"];
     }, function (val) {
       if (ourLatest !== (val === null || val === void 0 ? void 0 : val.latest)) {
         // if ourLatest is not set, do not emit. This mimics the current v2 behaviour where the initial content does not generate an event
-        if (ourLatest) emit('selected', val === null || val === void 0 ? void 0 : val.latest);
+        // However, if there was no initial selection (selectedIndex=-1), we should emit on first click
+        if (ourLatest || val !== null && val !== void 0 && val.latest && hadInitialSelection === false) emit('selected', val === null || val === void 0 ? void 0 : val.latest);
         ourLatest = val === null || val === void 0 ? void 0 : val.latest;
       }
     }, {
       deep: true
     });
     return function (_ctx, _cache) {
-      var _ref2;
+      var _ref3;
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
         id: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(cvId),
-        class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["cv-content-switcher ".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--content-switcher"), (_ref2 = {}, (0,defineProperty/* default */.A)(_ref2, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--content-switcher--light"), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(isLight)), (0,defineProperty/* default */.A)(_ref2, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--content-switcher--").concat(__props.size || 'md'), __props.size || 'md'), _ref2)]),
+        class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["cv-content-switcher ".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--content-switcher"), (_ref3 = {}, (0,defineProperty/* default */.A)(_ref3, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--content-switcher--light"), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(isLight)), (0,defineProperty/* default */.A)(_ref3, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--content-switcher--").concat(__props.size || 'md'), __props.size || 'md'), _ref3)]),
         role: "tablist"
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")], 10, _hoisted_1);
     };
@@ -9312,7 +9339,7 @@ const __exports__ = /*#__PURE__*/(0,exportHelper/* default */.A)(CvDatePickerSke
 
 /***/ }),
 
-/***/ 4073:
+/***/ 257:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -9531,6 +9558,7 @@ var _hoisted_7 = ["aria-disabled"];
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(function () {
       return props.modelValue;
     }, function () {
+      if (props.modelValue === dataValue.value) return;
       dataValue.value = props.modelValue;
       dataCaption.value = undefined;
     });
@@ -9776,10 +9804,10 @@ var _hoisted_7 = ["aria-disabled"];
 });
 ;// ./src/components/CvDropdown/CvDropdown.vue?vue&type=script&setup=true&lang=js
  
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/CvDropdown/CvDropdown.vue?vue&type=style&index=0&id=21e6324c&lang=scss
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/CvDropdown/CvDropdown.vue?vue&type=style&index=0&id=63d258f4&lang=scss
 // extracted by mini-css-extract-plugin
 
-;// ./src/components/CvDropdown/CvDropdown.vue?vue&type=style&index=0&id=21e6324c&lang=scss
+;// ./src/components/CvDropdown/CvDropdown.vue?vue&type=style&index=0&id=63d258f4&lang=scss
 
 ;// ./src/components/CvDropdown/CvDropdown.vue
 
@@ -11873,6 +11901,7 @@ var _hoisted_4 = ["tabindex"];
   setup: function setup(__props, _ref) {
     var __expose = _ref.expose,
       __emit = _ref.emit;
+    var mouseDownTarget = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(null);
     var props = __props;
     var uid = (0,cvId/* useCvId */.K)(props, true);
     var dataVisible = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(false);
@@ -11903,6 +11932,7 @@ var _hoisted_4 = ["tabindex"];
       document.body.classList.add("".concat(settings/* carbonPrefix */.s, "--body--with-modal-open"));
       (_el$value = el.value) === null || _el$value === void 0 ? void 0 : _el$value.addEventListener('transitionend', onShown);
       dataVisible.value = true;
+      mouseDownTarget.value = null;
     }
     var content = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(null);
     function onShown() {
@@ -11958,6 +11988,7 @@ var _hoisted_4 = ["tabindex"];
         emit('modal-hidden', uid.value);
       }
       dataVisible.value = false;
+      mouseDownTarget.value = null;
     }
     function afterHide(event) {
       if (event.propertyName === 'opacity') {
@@ -12006,10 +12037,13 @@ var _hoisted_4 = ["tabindex"];
       (_closeBtn$value2 = closeBtn.value) === null || _closeBtn$value2 === void 0 ? void 0 : _closeBtn$value2.focus();
     }
     function onExternalClick(ev) {
-      if (ev.target === el.value) {
+      if (ev.target === el.value && mouseDownTarget.value === el.value) {
         _maybeHide(ev, 'external-click');
       }
     }
+    function onMouseDown(ev) {
+      mouseDownTarget.value = ev.target;
+    }
     function onEsc(ev) {
       _maybeHide(ev, 'escape-press');
     }
@@ -12064,6 +12098,7 @@ var _hoisted_4 = ["tabindex"];
         tabindex: "-1"
       }, _ctx.$attrs, {
         onKeydown: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)(onEsc, ["prevent"]), ["esc"]),
+        onMousedown: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)(onMouseDown, ["self"]),
         onClick: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)(onExternalClick, ["self"])
       }), [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)(dialogAttrs.value, {
         ref: "modalDialog",
@@ -14348,25 +14383,52 @@ var _hoisted_3 = ["aria-label", "disabled"];
       type: Number,
       default: undefined
     },
+    pageSize: {
+      type: Number,
+      default: undefined
+    },
     pageSizes: {
       type: Array,
       default: function _default() {
         return [10, 20, 30, 40, 50];
       }
+    },
+    rangeTextFormatter: {
+      type: Function,
+      default: undefined
+    },
+    pageOfPagesFormatter: {
+      type: Function,
+      default: undefined
     }
   },
-  emits: ['change'],
+  emits: ['change', 'update:page', 'update:pageSize'],
   setup: function setup(__props, _ref) {
     var __emit = _ref.emit;
     var emit = __emit;
     var props = __props;
     var attrs = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.useAttrs)();
     var cvId = (0,use_cvId/* useCvId */.K)(attrs, true);
+
+    // Read once at setup time: whether the parent bound a v-model listener for
+    // this prop. vnode.props is a plain object Vue replaces on patch, not
+    // something Vue's reactivity system tracks, so this can't be a computed()
+    // that reacts to listeners being added/removed later - it only reflects
+    // how the component was initially used.
+    var instance = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.getCurrentInstance)();
+    var pageControlled = 'onUpdate:page' in (instance.vnode.props || {});
+    var pageSizeControlled = 'onUpdate:pageSize' in (instance.vnode.props || {});
     var firstItem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(1);
-    var pageValue = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(1);
-    var pageSizeValue = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(10);
+    var internalPage = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(1);
+    var internalPageSize = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(10);
     var pageCount = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(1);
     var pages = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)([1]);
+    var pageValue = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(function () {
+      return pageControlled && props.page !== undefined ? props.page : internalPage.value;
+    });
+    var pageSizeValue = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(function () {
+      return pageSizeControlled && props.pageSize !== undefined ? props.pageSize : internalPageSize.value;
+    });
     var noWayBack = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(function () {
       return props.backwardsButtonDisabled || pageValue.value === 1;
     });
@@ -14383,6 +14445,13 @@ var _hoisted_3 = ["aria-label", "disabled"];
       var _ofNPagesProps$value = ofNPagesProps.value,
         pages = _ofNPagesProps$value.pages,
         items = _ofNPagesProps$value.items;
+      if (props.pageOfPagesFormatter) {
+        return props.pageOfPagesFormatter({
+          pages: pages,
+          items: items,
+          page: pageValue.value
+        });
+      }
       if (items !== Infinity) {
         return "of ".concat(pages, " pages");
       }
@@ -14400,6 +14469,13 @@ var _hoisted_3 = ["aria-label", "disabled"];
         start = _rangeProps$value.start,
         end = _rangeProps$value.end,
         items = _rangeProps$value.items;
+      if (props.rangeTextFormatter) {
+        return props.rangeTextFormatter({
+          start: start,
+          end: end,
+          items: items
+        });
+      }
       if (items !== Infinity) {
         return "".concat(start, "-").concat(end, " of ").concat(items, " items");
       } else {
@@ -14414,16 +14490,23 @@ var _hoisted_3 = ["aria-label", "disabled"];
       };
     });
     function adjustValues() {
-      pageSizeValue.value = newPageSizeValue(props.pageSizes);
+      if (!pageSizeControlled) {
+        internalPageSize.value = newPageSizeValue(props.pageSizes);
+      }
       pageCount.value = newPageCount(props.numberOfItems, pageSizeValue.value);
-      pageValue.value = newPageValue(props.page, pageCount.value);
+      if (!pageControlled) {
+        internalPage.value = newPageValue(props.page, pageCount.value);
+      }
       pages.value = newPagesArray(pageCount.value);
       firstItem.value = newFirstItem(pageValue.value, pageSizeValue.value);
     }
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(function () {
       adjustValues();
-      // always emit on mount
-      emit('change', internalValue.value);
+      // always emit on mount, unless both page and pageSize are fully
+      // controlled by the parent, in which case nothing here was derived.
+      if (!pageControlled || !pageSizeControlled) {
+        emit('change', internalValue.value);
+      }
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(function () {
       return props.pageSizes;
@@ -14440,41 +14523,45 @@ var _hoisted_3 = ["aria-label", "disabled"];
     }, function () {
       return adjustValues();
     });
+    function propose(nextPage, nextPageSize) {
+      if (!pageControlled) {
+        internalPage.value = nextPage;
+      }
+      if (!pageSizeControlled) {
+        internalPageSize.value = nextPageSize;
+      }
+      firstItem.value = newFirstItem(nextPage, nextPageSize);
+      if (pageControlled && nextPage !== pageValue.value) {
+        emit('update:page', nextPage);
+      }
+      if (pageSizeControlled && nextPageSize !== pageSizeValue.value) {
+        emit('update:pageSize', nextPageSize);
+      }
+      emit('change', {
+        start: firstItem.value,
+        page: nextPage,
+        length: nextPageSize
+      });
+    }
     function onPageChange(newVal) {
-      pageValue.value = parseInt(newVal, 10);
-      firstItem.value = newFirstItem(pageValue.value, pageSizeValue.value);
-      emit('change', internalValue.value);
+      propose(parseInt(newVal, 10), pageSizeValue.value);
     }
-    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(function () {
-      return props.numberOfItems;
-    }, function () {
-      return onPageSizeChange(pageSizeValue.value);
-    });
     function onPageSizeChange(newVal) {
-      pageSizeValue.value = parseInt(newVal, 10);
-      pageCount.value = newPageCount(props.numberOfItems, pageSizeValue.value);
-      pages.value = newPagesArray(pageCount.value);
-      // what page is firstItem on
-      (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(function () {
-        // setting pageValue immediately seems to cause a problem - test set pageSize to 40, page to 3, set pageSize to 10
-        // this previously resulted in 1 being set on Chrome (other browsers untested)
-        pageValue.value = Math.ceil(firstItem.value / pageSizeValue.value);
-        firstItem.value = newFirstItem(pageValue.value, pageSizeValue.value);
-        emit('change', internalValue.value);
-      });
+      var nextPageSize = parseInt(newVal, 10);
+      var nextPageCount = newPageCount(props.numberOfItems, nextPageSize);
+      pageCount.value = nextPageCount;
+      pages.value = newPagesArray(nextPageCount);
+      var nextPage = Math.ceil(firstItem.value / nextPageSize);
+      propose(nextPage, nextPageSize);
     }
     function onPrevPage() {
       if (pageValue.value > 1) {
-        pageValue.value--;
-        firstItem.value = newFirstItem(pageValue.value, pageSizeValue.value);
-        emit('change', internalValue.value);
+        propose(pageValue.value - 1, pageSizeValue.value);
       }
     }
     function onNextPage() {
       if (pageValue.value < pageCount.value) {
-        pageValue.value++;
-        firstItem.value = newFirstItem(pageValue.value, pageSizeValue.value);
-        emit('change', internalValue.value);
+        propose(pageValue.value + 1, pageSizeValue.value);
       }
     }
     function newPageValue(page, lastPage) {
@@ -17377,10 +17464,10 @@ var OVERFLOW_BUTTON_OFFSET = 40;
         }
       }
       if (newScrollLeft !== undefined) {
-        var _elTabList$value9, _elTabList$value10;
+        var _elTabList$value9, _elTabList$value0;
         skipScroll.value = true;
         leftOverflowNavButtonHidden.value = newScrollLeft <= 0;
-        rightOverflowNavButtonHidden.value = newScrollLeft + ((_elTabList$value9 = elTabList.value) === null || _elTabList$value9 === void 0 ? void 0 : _elTabList$value9.clientWidth) >= ((_elTabList$value10 = elTabList.value) === null || _elTabList$value10 === void 0 ? void 0 : _elTabList$value10.scrollWidth);
+        rightOverflowNavButtonHidden.value = newScrollLeft + ((_elTabList$value9 = elTabList.value) === null || _elTabList$value9 === void 0 ? void 0 : _elTabList$value9.clientWidth) >= ((_elTabList$value0 = elTabList.value) === null || _elTabList$value0 === void 0 ? void 0 : _elTabList$value0.scrollWidth);
         (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(function () {
           // allow left and right nav hide to propagate before setting scroll
           scrollContainer.scrollLeft = newScrollLeft;
@@ -17462,11 +17549,11 @@ var OVERFLOW_BUTTON_OFFSET = 40;
     var elRightOverflow = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(null);
     var elLeftOverflow = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(null);
     function onOverflowClick(e, _ref2) {
-      var _elTabList$value11;
+      var _elTabList$value1;
       var direction = _ref2.direction,
         _ref2$multiplier = _ref2.multiplier,
         multiplier = _ref2$multiplier === void 0 ? 10 : _ref2$multiplier;
-      var scrollLeft = (_elTabList$value11 = elTabList.value) === null || _elTabList$value11 === void 0 ? void 0 : _elTabList$value11.scrollLeft;
+      var scrollLeft = (_elTabList$value1 = elTabList.value) === null || _elTabList$value1 === void 0 ? void 0 : _elTabList$value1.scrollLeft;
 
       // account for overflow button appearing and causing tablist width change
       if (elTabList.value && direction === 1 && !scrollLeft) {
@@ -17508,16 +17595,16 @@ var OVERFLOW_BUTTON_OFFSET = 40;
       clearInterval(overflowNavInterval);
     }
     function leftEdgeReached(direction) {
-      var _elTabList$value12;
-      var scrollLeft = ((_elTabList$value12 = elTabList.value) === null || _elTabList$value12 === void 0 ? void 0 : _elTabList$value12.scrollLeft) || Number.MIN_VALUE;
+      var _elTabList$value10;
+      var scrollLeft = ((_elTabList$value10 = elTabList.value) === null || _elTabList$value10 === void 0 ? void 0 : _elTabList$value10.scrollLeft) || Number.MIN_VALUE;
       return direction === -1 && scrollLeft <= OVERFLOW_BUTTON_OFFSET;
     }
     function rightEdgeReached(direction) {
       if (!elTabList.value) return false;
-      var _elTabList$value13 = elTabList.value,
-        clientWidth = _elTabList$value13.clientWidth,
-        scrollLeft = _elTabList$value13.scrollLeft,
-        scrollWidth = _elTabList$value13.scrollWidth;
+      var _elTabList$value11 = elTabList.value,
+        clientWidth = _elTabList$value11.clientWidth,
+        scrollLeft = _elTabList$value11.scrollLeft,
+        scrollWidth = _elTabList$value11.scrollWidth;
       return direction === 1 && scrollLeft + clientWidth >= scrollWidth;
     }
     return function (_ctx, _cache) {
@@ -21187,12 +21274,12 @@ __webpack_require__.d(__webpack_exports__, {
 
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js + 2 modules
 var defineProperty = __webpack_require__(139);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.fixed.js
+var es_string_fixed = __webpack_require__(9607);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.to-string.js
 var es_object_to_string = __webpack_require__(5086);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/web.dom-collections.for-each.js
 var web_dom_collections_for_each = __webpack_require__(8379);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.fixed.js
-var es_string_fixed = __webpack_require__(9607);
 // EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
 var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__(4100);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.concat.js
@@ -21338,6 +21425,9 @@ var CvSideNavvue_type_script_setup_true_lang_js_hoisted_1 = ["id", "aria-hidden"
         data.dataExpanded = val;
       }
     });
+    var isHidden = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(function () {
+      return !panelExpanded.value && !props.fixed && !props.rail;
+    });
     /**
      * @type {CvHeaderPanel}
      */
@@ -21439,8 +21529,8 @@ var CvSideNavvue_type_script_setup_true_lang_js_hoisted_1 = ["id", "aria-hidden"
         ref_key: "el",
         ref: el,
         class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["cv-side-nav", "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--side-nav"), "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--side-nav__navigation"), (_ref2 = {}, (0,defineProperty/* default */.A)(_ref2, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--side-nav--expanded"), panelExpanded.value), (0,defineProperty/* default */.A)(_ref2, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--side-nav--rail"), __props.rail), (0,defineProperty/* default */.A)(_ref2, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--side-nav--collapsed"), !panelExpanded.value && __props.fixed), (0,defineProperty/* default */.A)(_ref2, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--side-nav--ux"), isChildOfHeader.value), _ref2)]),
-        "aria-hidden": !panelExpanded.value && !__props.fixed ? 'true' : 'false',
-        inert: !panelExpanded.value && !__props.fixed,
+        "aria-hidden": isHidden.value ? 'true' : 'false',
+        inert: isHidden.value,
         onFocusout: onFocusout,
         onMousedown: onMouseDown,
         onMouseenter: _cache[0] || (_cache[0] = function ($event) {
@@ -42214,8 +42304,11 @@ var useCvId = function useCvId(props) {
 /* unused harmony export linkSizes */
 /* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(7746);
 /* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4100);
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3148);
+/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4100);
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_2__);
+
 
 /*
  * Provides common "link" properties.
@@ -42237,14 +42330,14 @@ var props = {
   }
 };
 var useTagType = function useTagType(props) {
-  var tagType = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(function () {
+  var tagType = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(function () {
     // if to is used and not href then user wanted a router-link
     return props.to && !props.href ? 'router-link' : 'a';
   });
   return tagType;
 };
 var useLinkProps = function useLinkProps(props) {
-  var linkProps = (0,vue__WEBPACK_IMPORTED_MODULE_1__.computed)(function () {
+  var linkProps = (0,vue__WEBPACK_IMPORTED_MODULE_2__.computed)(function () {
     if (props.disabled) {
       return {
         'aria-disabled': true,
@@ -42422,7 +42515,7 @@ var map = {
 	"./CvDataTable/CvDataTableSkeleton.vue": 9587,
 	"./CvDatePicker/CvDatePicker.vue": 8192,
 	"./CvDatePicker/CvDatePickerSkeleton.vue": 8607,
-	"./CvDropdown/CvDropdown.vue": 4073,
+	"./CvDropdown/CvDropdown.vue": 257,
 	"./CvDropdown/CvDropdownItem.vue": 4895,
 	"./CvDropdown/CvDropdownSkeleton.vue": 3786,
 	"./CvFileUploader/CvFileUploader.vue": 6565,
@@ -43415,7 +43508,7 @@ var CvDatePicker = __webpack_require__(8192);
 // EXTERNAL MODULE: ./src/components/CvDatePicker/CvDatePickerSkeleton.vue + 4 modules
 var CvDatePickerSkeleton = __webpack_require__(8607);
 // EXTERNAL MODULE: ./src/components/CvDropdown/CvDropdown.vue + 4 modules
-var CvDropdown = __webpack_require__(4073);
+var CvDropdown = __webpack_require__(257);
 // EXTERNAL MODULE: ./src/components/CvDropdown/CvDropdownItem.vue + 2 modules
 var CvDropdownItem = __webpack_require__(4895);
 // EXTERNAL MODULE: ./src/components/CvDropdown/CvDropdownSkeleton.vue + 2 modules