@carbon/vue 3.0.29 → 3.0.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -3696,8 +3696,12 @@ __webpack_require__.d(__webpack_exports__, {
3696
3696
 
3697
3697
  // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js + 2 modules
3698
3698
  var defineProperty = __webpack_require__(139);
3699
+ // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js
3700
+ var asyncToGenerator = __webpack_require__(698);
3699
3701
  // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
3700
3702
  var objectSpread2 = __webpack_require__(8844);
3703
+ // EXTERNAL MODULE: ./node_modules/regenerator-runtime/runtime.js
3704
+ var runtime = __webpack_require__(7452);
3701
3705
  // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.includes.js
3702
3706
  var es_array_includes = __webpack_require__(7746);
3703
3707
  // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.concat.js
@@ -3718,6 +3722,8 @@ var cvContentSwitcherStore = __webpack_require__(5246);
3718
3722
 
3719
3723
 
3720
3724
 
3725
+
3726
+
3721
3727
  var _hoisted_1 = ["id"];
3722
3728
 
3723
3729
 
@@ -3744,6 +3750,26 @@ var _hoisted_1 = ["id"];
3744
3750
  var isLight = (0,cvTheme/* useIsLight */.I)(props);
3745
3751
  cvContentSwitcherStore/* default */.A.addParent(cvId.value);
3746
3752
  cvContentSwitcherStore/* default */.A.setContentSelected('global', undefined);
3753
+
3754
+ // Check for initial selection after child components have set up
3755
+ var hadInitialSelection = null;
3756
+ (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(/*#__PURE__*/(0,asyncToGenerator/* default */.A)(/*#__PURE__*/regeneratorRuntime.mark(function _callee() {
3757
+ var _store$state$cvId$val, _store$state$cvId$val2;
3758
+ return regeneratorRuntime.wrap(function _callee$(_context) {
3759
+ while (1) {
3760
+ switch (_context.prev = _context.next) {
3761
+ case 0:
3762
+ _context.next = 2;
3763
+ return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
3764
+ case 2:
3765
+ 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) !== '';
3766
+ case 3:
3767
+ case "end":
3768
+ return _context.stop();
3769
+ }
3770
+ }
3771
+ }, _callee);
3772
+ })));
3747
3773
  (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onUnmounted)(function () {
3748
3774
  cvContentSwitcherStore/* default */.A.removeParent(cvId.value);
3749
3775
  });
@@ -3751,7 +3777,7 @@ var _hoisted_1 = ["id"];
3751
3777
  return cvContentSwitcherStore/* default */.A.state.global.latest;
3752
3778
  }, function (val, prev) {
3753
3779
  // if previous is not set, do not emit. This mimics the current v2 behaviour where the initial content does not generate an event
3754
- if (prev) emit('selected', val);
3780
+ if (prev || val && hadInitialSelection === false) emit('selected', val);
3755
3781
  });
3756
3782
  var ourLatest = undefined;
3757
3783
  (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(function () {
@@ -3759,17 +3785,18 @@ var _hoisted_1 = ["id"];
3759
3785
  }, function (val) {
3760
3786
  if (ourLatest !== (val === null || val === void 0 ? void 0 : val.latest)) {
3761
3787
  // if ourLatest is not set, do not emit. This mimics the current v2 behaviour where the initial content does not generate an event
3762
- if (ourLatest) emit('selected', val === null || val === void 0 ? void 0 : val.latest);
3788
+ // However, if there was no initial selection (selectedIndex=-1), we should emit on first click
3789
+ if (ourLatest || val !== null && val !== void 0 && val.latest && hadInitialSelection === false) emit('selected', val === null || val === void 0 ? void 0 : val.latest);
3763
3790
  ourLatest = val === null || val === void 0 ? void 0 : val.latest;
3764
3791
  }
3765
3792
  }, {
3766
3793
  deep: true
3767
3794
  });
3768
3795
  return function (_ctx, _cache) {
3769
- var _ref2;
3796
+ var _ref3;
3770
3797
  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
3771
3798
  id: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(cvId),
3772
- 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)]),
3799
+ 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)]),
3773
3800
  role: "tablist"
3774
3801
  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")], 10, _hoisted_1);
3775
3802
  };
@@ -9312,7 +9339,7 @@ const __exports__ = /*#__PURE__*/(0,exportHelper/* default */.A)(CvDatePickerSke
9312
9339
 
9313
9340
  /***/ }),
9314
9341
 
9315
- /***/ 2124:
9342
+ /***/ 4073:
9316
9343
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
9317
9344
 
9318
9345
  "use strict";
@@ -9508,6 +9535,7 @@ var _hoisted_7 = ["aria-disabled"];
9508
9535
  var itemsList = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)([]);
9509
9536
  (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('dropdown-items', itemsList);
9510
9537
  var open = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(false);
9538
+ var transitionDone = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(false);
9511
9539
  var data = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({
9512
9540
  isHelper: false,
9513
9541
  isInvalid: undefined,
@@ -9539,6 +9567,15 @@ var _hoisted_7 = ["aria-disabled"];
9539
9567
  });
9540
9568
  (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(open, function () {
9541
9569
  focusItem.value = '';
9570
+ if (open.value) {
9571
+ // Wait for the transition to complete before allowing overflow
9572
+ transitionDone.value = false;
9573
+ setTimeout(function () {
9574
+ transitionDone.value = true;
9575
+ }, 200); // Increase delay to ensure animation completes
9576
+ } else {
9577
+ transitionDone.value = false;
9578
+ }
9542
9579
  });
9543
9580
  var ariaLabeledBy = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(function () {
9544
9581
  if (props.label) {
@@ -9723,7 +9760,9 @@ var _hoisted_7 = ["aria-disabled"];
9723
9760
  ref: dropList,
9724
9761
  "aria-hidden": !open.value ? 'true' : 'false',
9725
9762
  "aria-labelledby": "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(uid), "-label"),
9726
- 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")),
9763
+ 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"), {
9764
+ 'cv-dropdown__menu--transition-done': transitionDone.value
9765
+ }]),
9727
9766
  role: "menu",
9728
9767
  tabindex: "-1"
9729
9768
  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default", {}, function () {
@@ -9764,10 +9803,17 @@ var _hoisted_7 = ["aria-disabled"];
9764
9803
  });
9765
9804
  ;// ./src/components/CvDropdown/CvDropdown.vue?vue&type=script&setup=true&lang=js
9766
9805
 
9806
+ ;// ./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
9807
+ // extracted by mini-css-extract-plugin
9808
+
9809
+ ;// ./src/components/CvDropdown/CvDropdown.vue?vue&type=style&index=0&id=21e6324c&lang=scss
9810
+
9767
9811
  ;// ./src/components/CvDropdown/CvDropdown.vue
9768
9812
 
9769
9813
 
9770
9814
 
9815
+ ;
9816
+
9771
9817
  const __exports__ = CvDropdownvue_type_script_setup_true_lang_js;
9772
9818
 
9773
9819
  /* harmony default export */ var CvDropdown = (__exports__);
@@ -13949,7 +13995,7 @@ var _hoisted_3 = ["id", "aria-labelledby"];
13949
13995
  var tryOn = _step.value;
13950
13996
  if (
13951
13997
  // don't focus on before after or something that can't be tabbed to
13952
- !(tryOn.classList.contains('cv-overflow-menu__before-content') || tryOn.classList.contains('cv-overflow-menu__after-content') || tryOn.tabindex < 0)) {
13998
+ !(tryOn.classList.contains('cv-overflow-menu__before-content') || tryOn.classList.contains('cv-overflow-menu__after-content') || tryOn.tabindex < 0 || tryOn.disabled)) {
13953
13999
  focusOn = tryOn;
13954
14000
  break;
13955
14001
  }
@@ -17068,7 +17114,7 @@ const __exports__ = CvTabvue_type_script_setup_true_lang_js;
17068
17114
 
17069
17115
  /***/ }),
17070
17116
 
17071
- /***/ 6396:
17117
+ /***/ 2225:
17072
17118
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
17073
17119
 
17074
17120
  "use strict";
@@ -17082,6 +17128,40 @@ __webpack_require__.d(__webpack_exports__, {
17082
17128
 
17083
17129
  // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js + 2 modules
17084
17130
  var defineProperty = __webpack_require__(139);
17131
+ // EXTERNAL MODULE: ./node_modules/core-js/modules/es.symbol.js
17132
+ var es_symbol = __webpack_require__(3534);
17133
+ ;// ./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
17134
+ function _objectWithoutPropertiesLoose(r, e) {
17135
+ if (null == r) return {};
17136
+ var t = {};
17137
+ for (var n in r) {
17138
+ if ({}.hasOwnProperty.call(r, n)) {
17139
+ if (-1 !== e.indexOf(n)) continue;
17140
+ t[n] = r[n];
17141
+ }
17142
+ }
17143
+ return t;
17144
+ }
17145
+
17146
+ ;// ./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js
17147
+
17148
+
17149
+ function _objectWithoutProperties(e, t) {
17150
+ if (null == e) return {};
17151
+ var o,
17152
+ r,
17153
+ i = _objectWithoutPropertiesLoose(e, t);
17154
+ if (Object.getOwnPropertySymbols) {
17155
+ var n = Object.getOwnPropertySymbols(e);
17156
+ for (r = 0; r < n.length; r++) {
17157
+ o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
17158
+ }
17159
+ }
17160
+ return i;
17161
+ }
17162
+
17163
+ // EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.assign.js
17164
+ var es_object_assign = __webpack_require__(9218);
17085
17165
  // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.iterator.js
17086
17166
  var es_array_iterator = __webpack_require__(8665);
17087
17167
  // EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.to-string.js
@@ -17137,6 +17217,9 @@ var _16 = __webpack_require__(238);
17137
17217
  ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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
17138
17218
 
17139
17219
 
17220
+ var _excluded = ["aria-label"];
17221
+
17222
+
17140
17223
 
17141
17224
 
17142
17225
 
@@ -17151,16 +17234,20 @@ var _hoisted_1 = {
17151
17234
  "width": "100%"
17152
17235
  }
17153
17236
  };
17154
- var _hoisted_2 = ["onKeydown"];
17155
- var _hoisted_3 = ["id", "aria-controls", "aria-disabled", "aria-selected", "tabindex", "onClick"];
17156
- var _hoisted_4 = {
17237
+ var _hoisted_2 = ["aria-label", "onKeydown"];
17238
+ var _hoisted_3 = ["aria-label", "tabIndex"];
17239
+ var _hoisted_4 = ["id", "aria-controls", "aria-disabled", "aria-selected", "tabindex", "onClick"];
17240
+ var _hoisted_5 = ["aria-label", "tabIndex"];
17241
+ var _hoisted_6 = {
17157
17242
  class: "cv-tabs__panels"
17158
17243
  };
17159
17244
 
17160
17245
 
17161
17246
 
17162
17247
  var OVERFLOW_BUTTON_OFFSET = 40;
17163
- /* harmony default export */ var CvTabsvue_type_script_setup_true_lang_js = ({
17248
+ /* harmony default export */ var CvTabsvue_type_script_setup_true_lang_js = (/*@__PURE__*/Object.assign({
17249
+ inheritAttrs: false
17250
+ }, {
17164
17251
  __name: 'CvTabs',
17165
17252
  props: {
17166
17253
  /**
@@ -17204,6 +17291,12 @@ var OVERFLOW_BUTTON_OFFSET = 40;
17204
17291
  var __emit = _ref.emit;
17205
17292
  var props = __props;
17206
17293
  var emit = __emit;
17294
+ var attrs = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.useAttrs)();
17295
+ var attrsWithoutAriaLabel = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(function () {
17296
+ var _ = attrs['aria-label'],
17297
+ rest = _objectWithoutProperties(attrs, _excluded);
17298
+ return rest;
17299
+ });
17207
17300
  var selectedId = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)('');
17208
17301
  (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('tab-selected', selectedId);
17209
17302
  /**
@@ -17459,16 +17552,16 @@ var OVERFLOW_BUTTON_OFFSET = 40;
17459
17552
  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)({
17460
17553
  "data-tabs": "",
17461
17554
  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)],
17462
- role: "navigation"
17463
- }, _ctx.$attrs, {
17555
+ role: "navigation",
17556
+ "aria-label": (0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(attrs)['aria-label'] || 'Tabs'
17557
+ }, attrsWithoutAriaLabel.value, {
17464
17558
  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"])]
17465
17559
  }), [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("button", {
17466
17560
  ref_key: "elLeftOverflow",
17467
17561
  ref: elLeftOverflow,
17468
- "aria-hidden": "true",
17469
- "aria-label": "scroll left",
17562
+ "aria-label": leftOverflowNavButtonHidden.value ? undefined : 'Scroll tabs left',
17470
17563
  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)]),
17471
- tabIndex: "-1",
17564
+ tabIndex: leftOverflowNavButtonHidden.value ? -1 : 0,
17472
17565
  type: "button",
17473
17566
  onClick: _cache[0] || (_cache[0] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)(function (e) {
17474
17567
  return onOverflowClick(e, {
@@ -17481,7 +17574,7 @@ var OVERFLOW_BUTTON_OFFSET = 40;
17481
17574
  });
17482
17575
  }, ["stop", "prevent"])),
17483
17576
  onMouseup: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)(onOverflowMouseUp, ["stop", "prevent"])
17484
- }, [(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", {
17577
+ }, [(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", {
17485
17578
  key: 0,
17486
17579
  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"))
17487
17580
  }, null, 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("ul", {
@@ -17514,17 +17607,16 @@ var OVERFLOW_BUTTON_OFFSET = 40;
17514
17607
  ref_for: true
17515
17608
  }, tab), function () {
17516
17609
  return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(tab.label), 1)];
17517
- })], 10, _hoisted_3)], 2);
17610
+ })], 10, _hoisted_4)], 2);
17518
17611
  }), 128))], 2), !rightOverflowNavButtonHidden.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
17519
17612
  key: 1,
17520
17613
  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"))
17521
17614
  }, null, 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("button", {
17522
17615
  ref_key: "elRightOverflow",
17523
17616
  ref: elRightOverflow,
17524
- "aria-hidden": "true",
17525
- "aria-label": "scroll right",
17617
+ "aria-label": rightOverflowNavButtonHidden.value ? undefined : 'Scroll tabs right',
17526
17618
  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)]),
17527
- tabIndex: "-1",
17619
+ tabIndex: rightOverflowNavButtonHidden.value ? -1 : 0,
17528
17620
  type: "button",
17529
17621
  onClick: _cache[2] || (_cache[2] = function (e) {
17530
17622
  return onOverflowClick(e, {
@@ -17537,10 +17629,10 @@ var OVERFLOW_BUTTON_OFFSET = 40;
17537
17629
  });
17538
17630
  }),
17539
17631
  onMouseup: onOverflowMouseUp
17540
- }, [(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")])]);
17632
+ }, [(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")])]);
17541
17633
  };
17542
17634
  }
17543
- });
17635
+ }));
17544
17636
  ;// ./src/components/CvTabs/CvTabs.vue?vue&type=script&setup=true&lang=js
17545
17637
 
17546
17638
  ;// ./src/components/CvTabs/CvTabs.vue
@@ -21122,12 +21214,12 @@ __webpack_require__.d(__webpack_exports__, {
21122
21214
 
21123
21215
  // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js + 2 modules
21124
21216
  var defineProperty = __webpack_require__(139);
21217
+ // EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.fixed.js
21218
+ var es_string_fixed = __webpack_require__(9607);
21125
21219
  // EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.to-string.js
21126
21220
  var es_object_to_string = __webpack_require__(5086);
21127
21221
  // EXTERNAL MODULE: ./node_modules/core-js/modules/web.dom-collections.for-each.js
21128
21222
  var web_dom_collections_for_each = __webpack_require__(8379);
21129
- // EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.fixed.js
21130
- var es_string_fixed = __webpack_require__(9607);
21131
21223
  // EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
21132
21224
  var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__(4100);
21133
21225
  // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.concat.js
@@ -21273,6 +21365,9 @@ var CvSideNavvue_type_script_setup_true_lang_js_hoisted_1 = ["id", "aria-hidden"
21273
21365
  data.dataExpanded = val;
21274
21366
  }
21275
21367
  });
21368
+ var isHidden = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(function () {
21369
+ return !panelExpanded.value && !props.fixed && !props.rail;
21370
+ });
21276
21371
  /**
21277
21372
  * @type {CvHeaderPanel}
21278
21373
  */
@@ -21374,8 +21469,8 @@ var CvSideNavvue_type_script_setup_true_lang_js_hoisted_1 = ["id", "aria-hidden"
21374
21469
  ref_key: "el",
21375
21470
  ref: el,
21376
21471
  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)]),
21377
- "aria-hidden": !panelExpanded.value && !__props.fixed ? 'true' : 'false',
21378
- inert: !panelExpanded.value && !__props.fixed,
21472
+ "aria-hidden": isHidden.value ? 'true' : 'false',
21473
+ inert: isHidden.value,
21379
21474
  onFocusout: onFocusout,
21380
21475
  onMousedown: onMouseDown,
21381
21476
  onMouseenter: _cache[0] || (_cache[0] = function ($event) {
@@ -42357,7 +42452,7 @@ var map = {
42357
42452
  "./CvDataTable/CvDataTableSkeleton.vue": 9587,
42358
42453
  "./CvDatePicker/CvDatePicker.vue": 8192,
42359
42454
  "./CvDatePicker/CvDatePickerSkeleton.vue": 8607,
42360
- "./CvDropdown/CvDropdown.vue": 2124,
42455
+ "./CvDropdown/CvDropdown.vue": 4073,
42361
42456
  "./CvDropdown/CvDropdownItem.vue": 4895,
42362
42457
  "./CvDropdown/CvDropdownSkeleton.vue": 3786,
42363
42458
  "./CvFileUploader/CvFileUploader.vue": 6565,
@@ -42402,7 +42497,7 @@ var map = {
42402
42497
  "./CvStructuredList/CvStructuredListItemSelectable.vue": 8771,
42403
42498
  "./CvStructuredList/CvStructuredListItemStandard.vue": 4916,
42404
42499
  "./CvTabs/CvTab.vue": 9638,
42405
- "./CvTabs/CvTabs.vue": 6396,
42500
+ "./CvTabs/CvTabs.vue": 2225,
42406
42501
  "./CvTabs/CvTabsSkeleton.vue": 5655,
42407
42502
  "./CvTag/CvTag.vue": 9800,
42408
42503
  "./CvTag/CvTagSkeleton.vue": 468,
@@ -43349,8 +43444,8 @@ var CvDataTableSkeleton = __webpack_require__(9587);
43349
43444
  var CvDatePicker = __webpack_require__(8192);
43350
43445
  // EXTERNAL MODULE: ./src/components/CvDatePicker/CvDatePickerSkeleton.vue + 4 modules
43351
43446
  var CvDatePickerSkeleton = __webpack_require__(8607);
43352
- // EXTERNAL MODULE: ./src/components/CvDropdown/CvDropdown.vue + 2 modules
43353
- var CvDropdown = __webpack_require__(2124);
43447
+ // EXTERNAL MODULE: ./src/components/CvDropdown/CvDropdown.vue + 4 modules
43448
+ var CvDropdown = __webpack_require__(4073);
43354
43449
  // EXTERNAL MODULE: ./src/components/CvDropdown/CvDropdownItem.vue + 2 modules
43355
43450
  var CvDropdownItem = __webpack_require__(4895);
43356
43451
  // EXTERNAL MODULE: ./src/components/CvDropdown/CvDropdownSkeleton.vue + 2 modules
@@ -43439,8 +43534,8 @@ var CvStructuredListItemSelectable = __webpack_require__(8771);
43439
43534
  var CvStructuredListItemStandard = __webpack_require__(4916);
43440
43535
  // EXTERNAL MODULE: ./src/components/CvTabs/CvTab.vue + 2 modules
43441
43536
  var CvTab = __webpack_require__(9638);
43442
- // EXTERNAL MODULE: ./src/components/CvTabs/CvTabs.vue + 3 modules
43443
- var CvTabs = __webpack_require__(6396);
43537
+ // EXTERNAL MODULE: ./src/components/CvTabs/CvTabs.vue + 5 modules
43538
+ var CvTabs = __webpack_require__(2225);
43444
43539
  // EXTERNAL MODULE: ./src/components/CvTabs/CvTabsSkeleton.vue + 2 modules
43445
43540
  var CvTabsSkeleton = __webpack_require__(5655);
43446
43541
  // EXTERNAL MODULE: ./src/components/CvTag/CvTag.vue + 4 modules