@carbon/vue 3.0.26 → 3.0.29

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

@@ -5914,7 +5914,7 @@ const __exports__ = CvDataTableSkeletonvue_type_script_setup_true_lang_js;
 
 /***/ }),
 
-/***/ 9026:
+/***/ 8285:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -8778,9 +8778,9 @@ var monthSelectPlugin_monthToStr = function monthToStr(monthNumber, shorthand, l
 
 var _hoisted_1 = ["id", "data-date-picker", "data-date-picker-type"];
 var _hoisted_2 = ["for"];
-var _hoisted_3 = ["id", "data-invalid", "disabled", "data-date-picker-input-from", "pattern", "placeholder"];
+var _hoisted_3 = ["id", "aria-description", "data-invalid", "disabled", "data-date-picker-input-from", "pattern", "placeholder"];
 var _hoisted_4 = ["for"];
-var _hoisted_5 = ["id", "data-date-picker-input-to", "data-invalid", "disabled", "pattern", "placeholder"];
+var _hoisted_5 = ["id", "aria-description", "data-date-picker-input-to", "data-invalid", "disabled", "pattern", "placeholder"];
 
 
 
@@ -9102,7 +9102,8 @@ var _hoisted_5 = ["id", "data-date-picker-input-to", "data-invalid", "disabled",
             ref: date,
             type: "text",
             "data-date-picker-input": "",
-            role: "datepicker",
+            "data-testid": "datepicker",
+            "aria-description": __props.placeholder,
             "data-invalid": isInvalid.value || null,
             disabled: __props.disabled || null,
             "data-date-picker-input-from": "".concat(getKind.value === 'range'),
@@ -9137,7 +9138,8 @@ var _hoisted_5 = ["id", "data-date-picker-input-to", "data-invalid", "disabled",
             ref: todate,
             type: "text",
             "data-date-picker-input": "",
-            role: "todatepicker",
+            "data-testid": "todatepicker",
+            "aria-description": __props.placeholder,
             "data-date-picker-input-to": "".concat(__props.kind === 'range'),
             "data-invalid": isInvalid.value || null,
             disabled: __props.disabled || null,
@@ -9162,10 +9164,10 @@ var _hoisted_5 = ["id", "data-date-picker-input-to", "data-invalid", "disabled",
 });
 ;// ./src/components/CvDatePicker/CvDatePicker.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/CvDatePicker/CvDatePicker.vue?vue&type=style&index=0&id=8eb50384&lang=scss
+;// ./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/CvDatePicker/CvDatePicker.vue?vue&type=style&index=0&id=3cc101f2&lang=scss
 // extracted by mini-css-extract-plugin
 
-;// ./src/components/CvDatePicker/CvDatePicker.vue?vue&type=style&index=0&id=8eb50384&lang=scss
+;// ./src/components/CvDatePicker/CvDatePicker.vue?vue&type=style&index=0&id=3cc101f2&lang=scss
 
 ;// ./src/components/CvDatePicker/CvDatePicker.vue
 
@@ -9570,6 +9572,13 @@ var _hoisted_7 = ["aria-disabled"];
     });
     var el = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(null);
     function onClickOut() {
+      // Move focus to button if focus is inside dropdown list
+      var dropListEl = dropList.value;
+      if (dropListEl && dropListEl.contains(document.activeElement)) {
+        if (button.value && typeof button.value.focus === 'function') {
+          button.value.focus();
+        }
+      }
       open.value = false;
     }
     (0,index_esm/* onClickOutside */.X2)(el, onClickOut);
@@ -9616,8 +9625,14 @@ var _hoisted_7 = ["aria-disabled"];
       }
     }
     function onEsc() {
+      // Move focus to button if focus is inside dropdown list
+      var dropListEl = dropList.value;
+      if (dropListEl && dropListEl.contains(document.activeElement)) {
+        if (button.value && typeof button.value.focus === 'function') {
+          button.value.focus();
+        }
+      }
       open.value = false;
-      doFocus();
     }
     var button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(null);
     var listBox = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(null);
@@ -9629,8 +9644,10 @@ var _hoisted_7 = ["aria-disabled"];
           open.value = false;
         } else if (ev.target === null || (_listBox$value = listBox.value) !== null && _listBox$value !== void 0 && _listBox$value.contains(ev.target)) {
           // list has focus, close and return focus to dropdown
+          if (button.value && typeof button.value.focus === 'function') {
+            button.value.focus();
+          }
           open.value = false;
-          doFocus();
           ev.preventDefault();
         }
       }
@@ -9639,9 +9656,6 @@ var _hoisted_7 = ["aria-disabled"];
       if (props.disabled) {
         ev.preventDefault();
       } else {
-        open.value = !open.value;
-        doFocus(); // open or close (Some browsers do not focus on button when clicked)
-
         var target = ev.target;
         while (!target.classList.contains("".concat(settings/* carbonPrefix */.s, "--dropdown-link")) && (_dropList$value2 = dropList.value) !== null && _dropList$value2 !== void 0 && _dropList$value2.contains(target)) {
           var _dropList$value2;
@@ -9650,6 +9664,14 @@ var _hoisted_7 = ["aria-disabled"];
         if (target.classList.contains("".concat(settings/* carbonPrefix */.s, "--dropdown-link"))) {
           var targetItemEl = target.parentNode;
           dataValue.value = targetItemEl.getAttribute('data-value');
+          // Move focus to button before closing
+          if (button.value && typeof button.value.focus === 'function') {
+            button.value.focus();
+          }
+          open.value = false;
+        } else {
+          open.value = !open.value;
+          doFocus(); // open or close (Some browsers do not focus on button when clicked)
         }
       }
     }
@@ -19971,18 +19993,24 @@ var settings = __webpack_require__(7284);
     tagType: {
       type: String,
       default: 'main'
+    },
+    id: {
+      type: String,
+      default: 'main-content'
     }
   },
   setup: function setup(__props) {
     return function (_ctx, _cache) {
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveDynamicComponent)(__props.tagType), {
-        class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--content"))
+        id: __props.id,
+        class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--content")),
+        tabindex: "-1"
       }, {
         default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(function () {
           return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")];
         }),
         _: 3
-      }, 8, ["class"]);
+      }, 8, ["id", "class"]);
     };
   }
 });
@@ -20204,7 +20232,7 @@ var _hoisted_1 = ["id"];
       var found = data.panelControllers.find(function (item) {
         return item.ariaControls === srcComponent.id;
       });
-      if (srcComponent.el !== srcEvent.relatedTarget && !srcComponent.el.contains(srcEvent.relatedTarget) && found && found.el !== srcEvent.relatedTarget) {
+      if (srcComponent.el.value !== srcEvent.relatedTarget && !srcComponent.el.value.contains(srcEvent.relatedTarget) && found && found.el.value !== srcEvent.relatedTarget) {
         onCvPanelControlToggle(found, false);
       }
     }
@@ -20486,6 +20514,7 @@ var _hoisted_2 = ["aria-label", "aria-labelledby"];
         ref_key: "el",
         ref: el,
         class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("cv-header-menu ".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--header__submenu")),
+        role: "menuitem",
         onMouseenter: _cache[1] || (_cache[1] = function ($event) {
           return doHoverToggle(true);
         }),
@@ -20497,9 +20526,9 @@ var _hoisted_2 = ["aria-label", "aria-labelledby"];
         "aria-expanded": data.expanded ? 'true' : 'false',
         class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--header__menu-item ").concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--header__menu-title")),
         href: "javascript:void(0)",
-        role: "menuitem",
         tabindex: "0",
         "aria-label": _ctx.$attrs.ariaLabel,
+        role: "button",
         onClick: doToggle,
         onKeydown: [_cache[0] || (_cache[0] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)(function () {}, ["prevent"]), ["space"])), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)(doToggle, ["prevent"]), ["enter"])],
         onKeyup: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)(doToggle, ["prevent"]), ["space"]),
@@ -20722,7 +20751,10 @@ var cvLink = __webpack_require__(6272);
 
 
 
-var _hoisted_1 = ["role"];
+var _hoisted_1 = {
+  class: "cv-header-menu-item",
+  role: "none"
+};
 
 
 
@@ -20736,7 +20768,7 @@ var _hoisted_1 = ["role"];
     },
     role: {
       type: String,
-      default: undefined
+      default: 'menuitem'
     }
   }, cvLink/* props */.xk),
   setup: function setup(__props) {
@@ -20746,14 +20778,15 @@ var _hoisted_1 = ["role"];
     var activePage = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(function () {
       return props.active && props.ariaCurrent !== 'page';
     });
+    var tabindex = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(function () {
+      return props.role === 'menuitem' ? '0' : undefined;
+    });
     return function (_ctx, _cache) {
-      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("li", {
-        class: "cv-header-menu-item",
-        role: __props.role
-      }, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveDynamicComponent)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(tagType)), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)((0,objectSpread2/* default */.A)((0,objectSpread2/* default */.A)({}, _ctx.$attrs), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(linkProps)), {
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("li", _hoisted_1, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveDynamicComponent)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(tagType)), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)((0,objectSpread2/* default */.A)((0,objectSpread2/* default */.A)({}, _ctx.$attrs), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(linkProps)), {
         class: ["".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--header__menu-item"), (0,defineProperty/* default */.A)({}, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--header__menu-item--current"), activePage.value)],
-        role: "menuitem",
-        "aria-current": __props.ariaCurrent
+        "aria-current": __props.ariaCurrent,
+        role: __props.role,
+        tabindex: tabindex.value
       }), {
         default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(function () {
           return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("span", {
@@ -20761,7 +20794,7 @@ var _hoisted_1 = ["role"];
           }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")], 2)];
         }),
         _: 3
-      }, 16, ["class", "aria-current"]))], 8, _hoisted_1);
+      }, 16, ["class", "aria-current", "role", "tabindex"]))]);
     };
   }
 });
@@ -20853,17 +20886,27 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* binding */ CvHeaderNav; }
 });
 
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.assign.js
+var es_object_assign = __webpack_require__(9218);
 // EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
 var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__(9274);
 // EXTERNAL MODULE: ./src/global/settings.js
 var settings = __webpack_require__(7284);
 ;// ./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/CvUIShell/CvHeaderNav.vue?vue&type=script&setup=true&lang=js
 
-var _hoisted_1 = ["ariaLabeldBy"];
 
-/* harmony default export */ var CvHeaderNavvue_type_script_setup_true_lang_js = ({
+var _hoisted_1 = ["aria-label", "aria-labelledby"];
+
+var __default__ = {
+  inheritAttrs: false
+};
+/* harmony default export */ var CvHeaderNavvue_type_script_setup_true_lang_js = (/*@__PURE__*/Object.assign(__default__, {
   __name: 'CvHeaderNav',
   props: {
+    ariaLabel: {
+      type: String,
+      default: undefined
+    },
     ariaLabelledBy: {
       type: String,
       default: undefined
@@ -20876,11 +20919,13 @@ var _hoisted_1 = ["ariaLabeldBy"];
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("ul", {
         class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--header__menu-bar")),
         role: "menubar",
-        ariaLabeldBy: __props.ariaLabelledBy
+        "aria-orientation": "horizontal",
+        "aria-label": __props.ariaLabel || _ctx.$attrs['aria-label'],
+        "aria-labelledby": __props.ariaLabelledBy || _ctx.$attrs['aria-labelledby']
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")], 10, _hoisted_1)], 2);
     };
   }
-});
+}));
 ;// ./src/components/CvUIShell/CvHeaderNav.vue?vue&type=script&setup=true&lang=js
  
 ;// ./src/components/CvUIShell/CvHeaderNav.vue
@@ -20907,6 +20952,10 @@ __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.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: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
 var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__(9274);
 // EXTERNAL MODULE: ./src/global/settings.js
@@ -20916,7 +20965,9 @@ var event_bus = __webpack_require__(9294);
 ;// ./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/CvUIShell/CvHeaderPanel.vue?vue&type=script&setup=true&lang=js
 
 
-var _hoisted_1 = ["id", "aria-hidden"];
+
+
+var _hoisted_1 = ["id", "aria-hidden", "inert"];
 
 
 
@@ -20998,6 +21049,29 @@ var _hoisted_1 = ["id", "aria-hidden"];
     }, function () {
       panelExpanded.value = props.expanded;
     });
+    function manageFocusableElements(isExpanded) {
+      if (!el.value) return;
+      var focusableElements = el.value.querySelectorAll('a, button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])');
+      focusableElements.forEach(function (element) {
+        if (isExpanded) {
+          // Restore original tabindex when expanded
+          var originalTabindex = element.getAttribute('data-original-tabindex');
+          if (originalTabindex !== null) {
+            if (originalTabindex === 'null') {
+              element.removeAttribute('tabindex');
+            } else {
+              element.setAttribute('tabindex', originalTabindex);
+            }
+            element.removeAttribute('data-original-tabindex');
+          }
+        } else {
+          // Store original tabindex and set to -1 when collapsed
+          var currentTabindex = element.getAttribute('tabindex');
+          element.setAttribute('data-original-tabindex', currentTabindex || 'null');
+          element.setAttribute('tabindex', '-1');
+        }
+      });
+    }
     var emit = __emit;
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(panelExpanded, function (current) {
       emit('update:expanded', current);
@@ -21005,6 +21079,18 @@ var _hoisted_1 = ["id", "aria-hidden"];
         id: props.id,
         expanded: current
       });
+
+      // Manage focusable elements
+      (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(function () {
+        manageFocusableElements(current);
+      });
+    });
+
+    // Initial setup of focusable elements
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(function () {
+      (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(function () {
+        manageFocusableElements(panelExpanded.value);
+      });
     });
     return function (_ctx, _cache) {
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
@@ -21013,6 +21099,7 @@ var _hoisted_1 = ["id", "aria-hidden"];
         ref: el,
         class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["cv-header-panel", "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--header-panel"), (0,defineProperty/* default */.A)({}, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.s), "--header-panel--expanded"), panelExpanded.value)]),
         "aria-hidden": !panelExpanded.value ? 'true' : 'false',
+        inert: !panelExpanded.value,
         onFocusout: onFocusout,
         onMousedown: onMouseDown
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")], 42, _hoisted_1);
@@ -21045,6 +21132,10 @@ __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.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"}
@@ -21143,7 +21234,9 @@ var event_bus = __webpack_require__(9294);
 
 
 
-var CvSideNavvue_type_script_setup_true_lang_js_hoisted_1 = ["id", "aria-hidden"];
+
+
+var CvSideNavvue_type_script_setup_true_lang_js_hoisted_1 = ["id", "aria-hidden", "inert"];
 
 
 
@@ -21221,6 +21314,30 @@ var CvSideNavvue_type_script_setup_true_lang_js_hoisted_1 = ["id", "aria-hidden"
     }, function () {
       panelExpanded.value = props.expanded;
     });
+    // Manage focusable elements when panel visibility changes
+    function manageFocusableElements(isExpanded, isFixed) {
+      if (!el.value || isFixed) return;
+      var focusableElements = el.value.querySelectorAll('a, button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])');
+      focusableElements.forEach(function (element) {
+        if (isExpanded) {
+          // Restore original tabindex when expanded
+          var originalTabindex = element.getAttribute('data-original-tabindex');
+          if (originalTabindex !== null) {
+            if (originalTabindex === 'null') {
+              element.removeAttribute('tabindex');
+            } else {
+              element.setAttribute('tabindex', originalTabindex);
+            }
+            element.removeAttribute('data-original-tabindex');
+          }
+        } else {
+          // Store original tabindex and set to -1 when collapsed
+          var currentTabindex = element.getAttribute('tabindex');
+          element.setAttribute('data-original-tabindex', currentTabindex || 'null');
+          element.setAttribute('tabindex', '-1');
+        }
+      });
+    }
     var emit = __emit;
     var isPanelExpanded = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(function () {
       return panelExpanded.value || expandedViaHoverState.value;
@@ -21231,6 +21348,11 @@ var CvSideNavvue_type_script_setup_true_lang_js_hoisted_1 = ["id", "aria-hidden"
         id: props.id,
         expanded: current
       });
+
+      // Manage focusable elements for non-fixed nav
+      (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(function () {
+        manageFocusableElements(current, props.fixed);
+      });
     });
     var isChildOfHeader = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(function () {
       return !!bus.value;
@@ -21263,6 +21385,7 @@ var CvSideNavvue_type_script_setup_true_lang_js_hoisted_1 = ["id", "aria-hidden"
         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,
         onFocusout: onFocusout,
         onMousedown: onMouseDown,
         onMouseenter: _cache[0] || (_cache[0] = function ($event) {
@@ -42242,7 +42365,7 @@ var map = {
 	"./CvDataTable/CvDataTableHeading.vue": 2335,
 	"./CvDataTable/CvDataTableRow.vue": 6428,
 	"./CvDataTable/CvDataTableSkeleton.vue": 2446,
-	"./CvDatePicker/CvDatePicker.vue": 9026,
+	"./CvDatePicker/CvDatePicker.vue": 8285,
 	"./CvDatePicker/CvDatePickerSkeleton.vue": 333,
 	"./CvDropdown/CvDropdown.vue": 306,
 	"./CvDropdown/CvDropdownItem.vue": 8073,
@@ -43125,6 +43248,7 @@ __webpack_require__.d(__webpack_exports__, {
   CvToggle: function() { return /* reexport */ CvToggle["default"]; },
   CvToggleSkeleton: function() { return /* reexport */ CvToggle_Skeleton["default"]; },
   CvTooltip: function() { return /* reexport */ CvTooltip["default"]; },
+  PanelFocusTestComponent: function() { return /* reexport */ PanelFocusTestComponent; },
   "default": function() { return /* binding */ entry_lib; }
 });
 
@@ -43232,7 +43356,7 @@ var CvDataTableRow = __webpack_require__(6428);
 // EXTERNAL MODULE: ./src/components/CvDataTable/CvDataTableSkeleton.vue + 2 modules
 var CvDataTableSkeleton = __webpack_require__(2446);
 // EXTERNAL MODULE: ./src/components/CvDatePicker/CvDatePicker.vue + 15 modules
-var CvDatePicker = __webpack_require__(9026);
+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
@@ -43403,6 +43527,94 @@ var CvSwitcher = __webpack_require__(7170);
 var CvSwitcherItem = __webpack_require__(6202);
 // EXTERNAL MODULE: ./src/components/CvUIShell/CvSwitcherItemLink.vue + 2 modules
 var CvSwitcherItemLink = __webpack_require__(1139);
+// EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
+var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__(9274);
+;// ./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/CvUIShell/__tests__/PanelFocusTestComponent.vue?vue&type=script&setup=true&lang=js
+
+
+
+
+
+
+
+/* harmony default export */ var PanelFocusTestComponentvue_type_script_setup_true_lang_js = ({
+  __name: 'PanelFocusTestComponent',
+  setup: function setup(__props) {
+    return function (_ctx, _cache) {
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(CvHeader["default"], null, {
+        "header-global": (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(function () {
+          return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(CvHeaderGlobalAction["default"], {
+            "data-testid": "action-button",
+            "aria-label": "List links",
+            "aria-controls": "links-panel",
+            label: "Links"
+          }, {
+            default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(function () {
+              return _cache[0] || (_cache[0] = [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)(" Links ")]);
+            }),
+            _: 1
+          })];
+        }),
+        "right-panels": (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(function () {
+          return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(CvHeaderPanel["default"], {
+            id: "links-panel",
+            "data-testid": "links-panel"
+          }, {
+            default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(function () {
+              return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(CvSwitcher["default"], null, {
+                default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(function () {
+                  return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(CvSwitcherItem["default"], null, {
+                    default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(function () {
+                      return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(CvSwitcherItemLink["default"], {
+                        href: "javascript:void(0)",
+                        "data-testid": "link-1",
+                        selected: ""
+                      }, {
+                        default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(function () {
+                          return _cache[1] || (_cache[1] = [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)(" Selected app ")]);
+                        }),
+                        _: 1
+                      })];
+                    }),
+                    _: 1
+                  }), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(CvSwitcherItem["default"], null, {
+                    default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(function () {
+                      return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(CvSwitcherItemLink["default"], {
+                        href: "javascript:void(0)",
+                        "data-testid": "link-2"
+                      }, {
+                        default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(function () {
+                          return _cache[2] || (_cache[2] = [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)(" Other app ")]);
+                        }),
+                        _: 1
+                      })];
+                    }),
+                    _: 1
+                  })];
+                }),
+                _: 1
+              })];
+            }),
+            _: 1
+          })];
+        }),
+        _: 1
+      }), _cache[3] || (_cache[3] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("input", {
+        type: "text",
+        "data-testid": "outer-input"
+      }, null, -1))], 64);
+    };
+  }
+});
+;// ./src/components/CvUIShell/__tests__/PanelFocusTestComponent.vue?vue&type=script&setup=true&lang=js
+ 
+;// ./src/components/CvUIShell/__tests__/PanelFocusTestComponent.vue
+
+
+
+const __exports__ = PanelFocusTestComponentvue_type_script_setup_true_lang_js;
+
+/* harmony default export */ var PanelFocusTestComponent = (__exports__);
 ;// ./src/index.js
 
 
@@ -43588,6 +43800,7 @@ var components = ctx.keys().map(function (k) {
 
 
 
+
 
 
 ;// ./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js