@carbon/vue 3.0.29 → 3.0.31

package/dist/carbon-vue-3.css

@@ -1 +1 @@
-#invalid-message-placeholder{display:block;height:16px}.inputWrapper[data-v-1da605fd]{width:8.96875rem}.label[data-v-1da605fd]{width:4.6875rem;height:.875rem;margin-bottom:.5rem}.input[data-v-1da605fd]{height:2.5rem;margin-bottom:0}
+#invalid-message-placeholder{display:block;height:16px}.inputWrapper[data-v-1da605fd]{width:8.96875rem}.label[data-v-1da605fd]{width:4.6875rem;height:.875rem;margin-bottom:.5rem}.input[data-v-1da605fd]{height:2.5rem;margin-bottom:0}.bx--list-box .bx--list-box__menu{overflow-y:hidden!important}.bx--list-box--expanded .bx--list-box__menu.cv-dropdown__menu--transition-done{overflow-y:auto!important}

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

@@ -3706,8 +3706,12 @@ __webpack_require__.d(__webpack_exports__, {
 
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js + 2 modules
 var defineProperty = __webpack_require__(9635);
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js
+var asyncToGenerator = __webpack_require__(6356);
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
 var objectSpread2 = __webpack_require__(2378);
+// 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
@@ -3728,6 +3732,8 @@ var cvContentSwitcherStore = __webpack_require__(7000);
 
 
 
+
+
 var _hoisted_1 = ["id"];
 
 
@@ -3754,6 +3760,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);
     });
@@ -3761,7 +3787,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 () {
@@ -3769,17 +3795,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);
     };
@@ -9322,7 +9349,7 @@ const __exports__ = /*#__PURE__*/(0,exportHelper/* default */.A)(CvDatePickerSke
 
 /***/ }),
 
-/***/ 306:
+/***/ 4230:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -9518,6 +9545,7 @@ var _hoisted_7 = ["aria-disabled"];
     var itemsList = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)([]);
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('dropdown-items', itemsList);
     var open = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(false);
+    var transitionDone = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(false);
     var data = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({
       isHelper: false,
       isInvalid: undefined,
@@ -9549,6 +9577,15 @@ var _hoisted_7 = ["aria-disabled"];
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(open, function () {
       focusItem.value = '';
+      if (open.value) {
+        // Wait for the transition to complete before allowing overflow
+        transitionDone.value = false;
+        setTimeout(function () {
+          transitionDone.value = true;
+        }, 200); // Increase delay to ensure animation completes
+      } else {
+        transitionDone.value = false;
+      }
     });
     var ariaLabeledBy = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(function () {
       if (props.label) {
@@ -9733,7 +9770,9 @@ var _hoisted_7 = ["aria-disabled"];
         ref: dropList,
         "aria-hidden": !open.value ? 'true' : 'false',
         "aria-labelledby": "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(uid), "-label"),
-        class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--list-box__menu")),
+        class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--list-box__menu"), {
+          'cv-dropdown__menu--transition-done': transitionDone.value
+        }]),
         role: "menu",
         tabindex: "-1"
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default", {}, function () {
@@ -9774,10 +9813,17 @@ 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-64.use[0]!./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.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-64.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.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
+// 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
 
 
 
+;
+
 const __exports__ = CvDropdownvue_type_script_setup_true_lang_js;
 
 /* harmony default export */ var CvDropdown = (__exports__);
@@ -13959,7 +14005,7 @@ var _hoisted_3 = ["id", "aria-labelledby"];
             var tryOn = _step.value;
             if (
             // don't focus on before after or something that can't be tabbed to
-            !(tryOn.classList.contains('cv-overflow-menu__before-content') || tryOn.classList.contains('cv-overflow-menu__after-content') || tryOn.tabindex < 0)) {
+            !(tryOn.classList.contains('cv-overflow-menu__before-content') || tryOn.classList.contains('cv-overflow-menu__after-content') || tryOn.tabindex < 0 || tryOn.disabled)) {
               focusOn = tryOn;
               break;
             }
@@ -17078,7 +17124,7 @@ const __exports__ = CvTabvue_type_script_setup_true_lang_js;
 
 /***/ }),
 
-/***/ 4240:
+/***/ 7558:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -17092,6 +17138,40 @@ __webpack_require__.d(__webpack_exports__, {
 
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js + 2 modules
 var defineProperty = __webpack_require__(9635);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.symbol.js
+var es_symbol = __webpack_require__(3534);
+;// ./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) {
+    if ({}.hasOwnProperty.call(r, n)) {
+      if (-1 !== e.indexOf(n)) continue;
+      t[n] = r[n];
+    }
+  }
+  return t;
+}
+
+;// ./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js
+
+
+function _objectWithoutProperties(e, t) {
+  if (null == e) return {};
+  var o,
+    r,
+    i = _objectWithoutPropertiesLoose(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < n.length; r++) {
+      o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+    }
+  }
+  return i;
+}
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.assign.js
+var es_object_assign = __webpack_require__(9218);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.iterator.js
 var es_array_iterator = __webpack_require__(8665);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.to-string.js
@@ -17147,6 +17227,9 @@ var _16 = __webpack_require__(238);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/CvTabs/CvTabs.vue?vue&type=script&setup=true&lang=js
 
 
+var _excluded = ["aria-label"];
+
+
 
 
 
@@ -17161,16 +17244,20 @@ var _hoisted_1 = {
     "width": "100%"
   }
 };
-var _hoisted_2 = ["onKeydown"];
-var _hoisted_3 = ["id", "aria-controls", "aria-disabled", "aria-selected", "tabindex", "onClick"];
-var _hoisted_4 = {
+var _hoisted_2 = ["aria-label", "onKeydown"];
+var _hoisted_3 = ["aria-label", "tabIndex"];
+var _hoisted_4 = ["id", "aria-controls", "aria-disabled", "aria-selected", "tabindex", "onClick"];
+var _hoisted_5 = ["aria-label", "tabIndex"];
+var _hoisted_6 = {
   class: "cv-tabs__panels"
 };
 
 
 
 var OVERFLOW_BUTTON_OFFSET = 40;
-/* harmony default export */ var CvTabsvue_type_script_setup_true_lang_js = ({
+/* harmony default export */ var CvTabsvue_type_script_setup_true_lang_js = (/*@__PURE__*/Object.assign({
+  inheritAttrs: false
+}, {
   __name: 'CvTabs',
   props: {
     /**
@@ -17214,6 +17301,12 @@ var OVERFLOW_BUTTON_OFFSET = 40;
     var __emit = _ref.emit;
     var props = __props;
     var emit = __emit;
+    var attrs = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.useAttrs)();
+    var attrsWithoutAriaLabel = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(function () {
+      var _ = attrs['aria-label'],
+        rest = _objectWithoutProperties(attrs, _excluded);
+      return rest;
+    });
     var selectedId = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)('');
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('tab-selected', selectedId);
     /**
@@ -17469,16 +17562,16 @@ var OVERFLOW_BUTTON_OFFSET = 40;
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", _hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
         "data-tabs": "",
         class: ["cv-tab ".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--tabs--scrollable"), (_ref4 = {}, (0,defineProperty/* default */.A)(_ref4, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--tabs--container"), __props.container), (0,defineProperty/* default */.A)(_ref4, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--tabs--scrollable--container"), __props.container), _ref4)],
-        role: "navigation"
-      }, _ctx.$attrs, {
+        role: "navigation",
+        "aria-label": (0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(attrs)['aria-label'] || 'Tabs'
+      }, attrsWithoutAriaLabel.value, {
         onKeydown: [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)(onRight, ["prevent", "stop"]), ["right"]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)(onLeft, ["prevent", "stop"]), ["left"])]
       }), [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("button", {
         ref_key: "elLeftOverflow",
         ref: elLeftOverflow,
-        "aria-hidden": "true",
-        "aria-label": "scroll left",
+        "aria-label": leftOverflowNavButtonHidden.value ? undefined : 'Scroll tabs left',
         class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([(_ref5 = {}, (0,defineProperty/* default */.A)(_ref5, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--tab--overflow-nav-button"), horizontalOverflow.value), (0,defineProperty/* default */.A)(_ref5, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--tab--overflow-nav-button--hidden"), leftOverflowNavButtonHidden.value), _ref5)]),
-        tabIndex: "-1",
+        tabIndex: leftOverflowNavButtonHidden.value ? -1 : 0,
         type: "button",
         onClick: _cache[0] || (_cache[0] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)(function (e) {
           return onOverflowClick(e, {
@@ -17491,7 +17584,7 @@ var OVERFLOW_BUTTON_OFFSET = 40;
           });
         }, ["stop", "prevent"])),
         onMouseup: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)(onOverflowMouseUp, ["stop", "prevent"])
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(ChevronLeft16))], 34), !leftOverflowNavButtonHidden.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(ChevronLeft16))], 42, _hoisted_3), !leftOverflowNavButtonHidden.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
         key: 0,
         class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--tabs__overflow-indicator--left"))
       }, null, 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("ul", {
@@ -17524,17 +17617,16 @@ var OVERFLOW_BUTTON_OFFSET = 40;
           ref_for: true
         }, tab), function () {
           return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(tab.label), 1)];
-        })], 10, _hoisted_3)], 2);
+        })], 10, _hoisted_4)], 2);
       }), 128))], 2), !rightOverflowNavButtonHidden.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
         key: 1,
         class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--tabs__overflow-indicator--right"))
       }, null, 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("button", {
         ref_key: "elRightOverflow",
         ref: elRightOverflow,
-        "aria-hidden": "true",
-        "aria-label": "scroll right",
+        "aria-label": rightOverflowNavButtonHidden.value ? undefined : 'Scroll tabs right',
         class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([(_ref7 = {}, (0,defineProperty/* default */.A)(_ref7, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--tab--overflow-nav-button"), horizontalOverflow.value), (0,defineProperty/* default */.A)(_ref7, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--tab--overflow-nav-button--hidden"), rightOverflowNavButtonHidden.value), _ref7)]),
-        tabIndex: "-1",
+        tabIndex: rightOverflowNavButtonHidden.value ? -1 : 0,
         type: "button",
         onClick: _cache[2] || (_cache[2] = function (e) {
           return onOverflowClick(e, {
@@ -17547,10 +17639,10 @@ var OVERFLOW_BUTTON_OFFSET = 40;
           });
         }),
         onMouseup: onOverflowMouseUp
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(_16/* default */.A))], 34)], 16, _hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")])]);
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(_16/* default */.A))], 42, _hoisted_5)], 16, _hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", _hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")])]);
     };
   }
-});
+}));
 ;// ./src/components/CvTabs/CvTabs.vue?vue&type=script&setup=true&lang=js
  
 ;// ./src/components/CvTabs/CvTabs.vue
@@ -21132,12 +21224,12 @@ __webpack_require__.d(__webpack_exports__, {
 
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js + 2 modules
 var defineProperty = __webpack_require__(9635);
+// 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__(9274);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.concat.js
@@ -21283,6 +21375,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}
      */
@@ -21384,8 +21479,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) {
@@ -42367,7 +42462,7 @@ var map = {
 	"./CvDataTable/CvDataTableSkeleton.vue": 2446,
 	"./CvDatePicker/CvDatePicker.vue": 8285,
 	"./CvDatePicker/CvDatePickerSkeleton.vue": 333,
-	"./CvDropdown/CvDropdown.vue": 306,
+	"./CvDropdown/CvDropdown.vue": 4230,
 	"./CvDropdown/CvDropdownItem.vue": 8073,
 	"./CvDropdown/CvDropdownSkeleton.vue": 8728,
 	"./CvFileUploader/CvFileUploader.vue": 9715,
@@ -42412,7 +42507,7 @@ var map = {
 	"./CvStructuredList/CvStructuredListItemSelectable.vue": 8978,
 	"./CvStructuredList/CvStructuredListItemStandard.vue": 9623,
 	"./CvTabs/CvTab.vue": 9763,
-	"./CvTabs/CvTabs.vue": 4240,
+	"./CvTabs/CvTabs.vue": 7558,
 	"./CvTabs/CvTabsSkeleton.vue": 1413,
 	"./CvTag/CvTag.vue": 8410,
 	"./CvTag/CvTagSkeleton.vue": 2579,
@@ -43359,8 +43454,8 @@ var CvDataTableSkeleton = __webpack_require__(2446);
 var CvDatePicker = __webpack_require__(8285);
 // EXTERNAL MODULE: ./src/components/CvDatePicker/CvDatePickerSkeleton.vue + 4 modules
 var CvDatePickerSkeleton = __webpack_require__(333);
-// EXTERNAL MODULE: ./src/components/CvDropdown/CvDropdown.vue + 2 modules
-var CvDropdown = __webpack_require__(306);
+// EXTERNAL MODULE: ./src/components/CvDropdown/CvDropdown.vue + 4 modules
+var CvDropdown = __webpack_require__(4230);
 // EXTERNAL MODULE: ./src/components/CvDropdown/CvDropdownItem.vue + 2 modules
 var CvDropdownItem = __webpack_require__(8073);
 // EXTERNAL MODULE: ./src/components/CvDropdown/CvDropdownSkeleton.vue + 2 modules
@@ -43449,8 +43544,8 @@ var CvStructuredListItemSelectable = __webpack_require__(8978);
 var CvStructuredListItemStandard = __webpack_require__(9623);
 // EXTERNAL MODULE: ./src/components/CvTabs/CvTab.vue + 2 modules
 var CvTab = __webpack_require__(9763);
-// EXTERNAL MODULE: ./src/components/CvTabs/CvTabs.vue + 3 modules
-var CvTabs = __webpack_require__(4240);
+// EXTERNAL MODULE: ./src/components/CvTabs/CvTabs.vue + 5 modules
+var CvTabs = __webpack_require__(7558);
 // EXTERNAL MODULE: ./src/components/CvTabs/CvTabsSkeleton.vue + 2 modules
 var CvTabsSkeleton = __webpack_require__(1413);
 // EXTERNAL MODULE: ./src/components/CvTag/CvTag.vue + 4 modules