@carbon/vue 3.0.30 → 3.0.31

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);
     };
@@ -21187,12 +21214,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 +21365,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 +21469,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) {