@carbon/vue 3.0.29 → 3.0.30

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.
@@ -9312,7 +9312,7 @@ const __exports__ = /*#__PURE__*/(0,exportHelper/* default */.A)(CvDatePickerSke
9312
9312
 
9313
9313
  /***/ }),
9314
9314
 
9315
- /***/ 2124:
9315
+ /***/ 4073:
9316
9316
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
9317
9317
 
9318
9318
  "use strict";
@@ -9508,6 +9508,7 @@ var _hoisted_7 = ["aria-disabled"];
9508
9508
  var itemsList = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)([]);
9509
9509
  (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('dropdown-items', itemsList);
9510
9510
  var open = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(false);
9511
+ var transitionDone = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(false);
9511
9512
  var data = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({
9512
9513
  isHelper: false,
9513
9514
  isInvalid: undefined,
@@ -9539,6 +9540,15 @@ var _hoisted_7 = ["aria-disabled"];
9539
9540
  });
9540
9541
  (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(open, function () {
9541
9542
  focusItem.value = '';
9543
+ if (open.value) {
9544
+ // Wait for the transition to complete before allowing overflow
9545
+ transitionDone.value = false;
9546
+ setTimeout(function () {
9547
+ transitionDone.value = true;
9548
+ }, 200); // Increase delay to ensure animation completes
9549
+ } else {
9550
+ transitionDone.value = false;
9551
+ }
9542
9552
  });
9543
9553
  var ariaLabeledBy = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(function () {
9544
9554
  if (props.label) {
@@ -9723,7 +9733,9 @@ var _hoisted_7 = ["aria-disabled"];
9723
9733
  ref: dropList,
9724
9734
  "aria-hidden": !open.value ? 'true' : 'false',
9725
9735
  "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")),
9736
+ 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"), {
9737
+ 'cv-dropdown__menu--transition-done': transitionDone.value
9738
+ }]),
9727
9739
  role: "menu",
9728
9740
  tabindex: "-1"
9729
9741
  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default", {}, function () {
@@ -9764,10 +9776,17 @@ var _hoisted_7 = ["aria-disabled"];
9764
9776
  });
9765
9777
  ;// ./src/components/CvDropdown/CvDropdown.vue?vue&type=script&setup=true&lang=js
9766
9778
 
9779
+ ;// ./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
9780
+ // extracted by mini-css-extract-plugin
9781
+
9782
+ ;// ./src/components/CvDropdown/CvDropdown.vue?vue&type=style&index=0&id=21e6324c&lang=scss
9783
+
9767
9784
  ;// ./src/components/CvDropdown/CvDropdown.vue
9768
9785
 
9769
9786
 
9770
9787
 
9788
+ ;
9789
+
9771
9790
  const __exports__ = CvDropdownvue_type_script_setup_true_lang_js;
9772
9791
 
9773
9792
  /* harmony default export */ var CvDropdown = (__exports__);
@@ -13949,7 +13968,7 @@ var _hoisted_3 = ["id", "aria-labelledby"];
13949
13968
  var tryOn = _step.value;
13950
13969
  if (
13951
13970
  // 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)) {
13971
+ !(tryOn.classList.contains('cv-overflow-menu__before-content') || tryOn.classList.contains('cv-overflow-menu__after-content') || tryOn.tabindex < 0 || tryOn.disabled)) {
13953
13972
  focusOn = tryOn;
13954
13973
  break;
13955
13974
  }
@@ -17068,7 +17087,7 @@ const __exports__ = CvTabvue_type_script_setup_true_lang_js;
17068
17087
 
17069
17088
  /***/ }),
17070
17089
 
17071
- /***/ 6396:
17090
+ /***/ 2225:
17072
17091
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
17073
17092
 
17074
17093
  "use strict";
@@ -17082,6 +17101,40 @@ __webpack_require__.d(__webpack_exports__, {
17082
17101
 
17083
17102
  // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js + 2 modules
17084
17103
  var defineProperty = __webpack_require__(139);
17104
+ // EXTERNAL MODULE: ./node_modules/core-js/modules/es.symbol.js
17105
+ var es_symbol = __webpack_require__(3534);
17106
+ ;// ./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
17107
+ function _objectWithoutPropertiesLoose(r, e) {
17108
+ if (null == r) return {};
17109
+ var t = {};
17110
+ for (var n in r) {
17111
+ if ({}.hasOwnProperty.call(r, n)) {
17112
+ if (-1 !== e.indexOf(n)) continue;
17113
+ t[n] = r[n];
17114
+ }
17115
+ }
17116
+ return t;
17117
+ }
17118
+
17119
+ ;// ./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js
17120
+
17121
+
17122
+ function _objectWithoutProperties(e, t) {
17123
+ if (null == e) return {};
17124
+ var o,
17125
+ r,
17126
+ i = _objectWithoutPropertiesLoose(e, t);
17127
+ if (Object.getOwnPropertySymbols) {
17128
+ var n = Object.getOwnPropertySymbols(e);
17129
+ for (r = 0; r < n.length; r++) {
17130
+ o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
17131
+ }
17132
+ }
17133
+ return i;
17134
+ }
17135
+
17136
+ // EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.assign.js
17137
+ var es_object_assign = __webpack_require__(9218);
17085
17138
  // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.iterator.js
17086
17139
  var es_array_iterator = __webpack_require__(8665);
17087
17140
  // EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.to-string.js
@@ -17137,6 +17190,9 @@ var _16 = __webpack_require__(238);
17137
17190
  ;// ./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
17191
 
17139
17192
 
17193
+ var _excluded = ["aria-label"];
17194
+
17195
+
17140
17196
 
17141
17197
 
17142
17198
 
@@ -17151,16 +17207,20 @@ var _hoisted_1 = {
17151
17207
  "width": "100%"
17152
17208
  }
17153
17209
  };
17154
- var _hoisted_2 = ["onKeydown"];
17155
- var _hoisted_3 = ["id", "aria-controls", "aria-disabled", "aria-selected", "tabindex", "onClick"];
17156
- var _hoisted_4 = {
17210
+ var _hoisted_2 = ["aria-label", "onKeydown"];
17211
+ var _hoisted_3 = ["aria-label", "tabIndex"];
17212
+ var _hoisted_4 = ["id", "aria-controls", "aria-disabled", "aria-selected", "tabindex", "onClick"];
17213
+ var _hoisted_5 = ["aria-label", "tabIndex"];
17214
+ var _hoisted_6 = {
17157
17215
  class: "cv-tabs__panels"
17158
17216
  };
17159
17217
 
17160
17218
 
17161
17219
 
17162
17220
  var OVERFLOW_BUTTON_OFFSET = 40;
17163
- /* harmony default export */ var CvTabsvue_type_script_setup_true_lang_js = ({
17221
+ /* harmony default export */ var CvTabsvue_type_script_setup_true_lang_js = (/*@__PURE__*/Object.assign({
17222
+ inheritAttrs: false
17223
+ }, {
17164
17224
  __name: 'CvTabs',
17165
17225
  props: {
17166
17226
  /**
@@ -17204,6 +17264,12 @@ var OVERFLOW_BUTTON_OFFSET = 40;
17204
17264
  var __emit = _ref.emit;
17205
17265
  var props = __props;
17206
17266
  var emit = __emit;
17267
+ var attrs = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.useAttrs)();
17268
+ var attrsWithoutAriaLabel = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(function () {
17269
+ var _ = attrs['aria-label'],
17270
+ rest = _objectWithoutProperties(attrs, _excluded);
17271
+ return rest;
17272
+ });
17207
17273
  var selectedId = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)('');
17208
17274
  (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('tab-selected', selectedId);
17209
17275
  /**
@@ -17459,16 +17525,16 @@ var OVERFLOW_BUTTON_OFFSET = 40;
17459
17525
  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
17526
  "data-tabs": "",
17461
17527
  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, {
17528
+ role: "navigation",
17529
+ "aria-label": (0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(attrs)['aria-label'] || 'Tabs'
17530
+ }, attrsWithoutAriaLabel.value, {
17464
17531
  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
17532
  }), [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("button", {
17466
17533
  ref_key: "elLeftOverflow",
17467
17534
  ref: elLeftOverflow,
17468
- "aria-hidden": "true",
17469
- "aria-label": "scroll left",
17535
+ "aria-label": leftOverflowNavButtonHidden.value ? undefined : 'Scroll tabs left',
17470
17536
  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",
17537
+ tabIndex: leftOverflowNavButtonHidden.value ? -1 : 0,
17472
17538
  type: "button",
17473
17539
  onClick: _cache[0] || (_cache[0] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)(function (e) {
17474
17540
  return onOverflowClick(e, {
@@ -17481,7 +17547,7 @@ var OVERFLOW_BUTTON_OFFSET = 40;
17481
17547
  });
17482
17548
  }, ["stop", "prevent"])),
17483
17549
  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", {
17550
+ }, [(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
17551
  key: 0,
17486
17552
  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
17553
  }, null, 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("ul", {
@@ -17514,17 +17580,16 @@ var OVERFLOW_BUTTON_OFFSET = 40;
17514
17580
  ref_for: true
17515
17581
  }, tab), function () {
17516
17582
  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);
17583
+ })], 10, _hoisted_4)], 2);
17518
17584
  }), 128))], 2), !rightOverflowNavButtonHidden.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
17519
17585
  key: 1,
17520
17586
  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
17587
  }, null, 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("button", {
17522
17588
  ref_key: "elRightOverflow",
17523
17589
  ref: elRightOverflow,
17524
- "aria-hidden": "true",
17525
- "aria-label": "scroll right",
17590
+ "aria-label": rightOverflowNavButtonHidden.value ? undefined : 'Scroll tabs right',
17526
17591
  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",
17592
+ tabIndex: rightOverflowNavButtonHidden.value ? -1 : 0,
17528
17593
  type: "button",
17529
17594
  onClick: _cache[2] || (_cache[2] = function (e) {
17530
17595
  return onOverflowClick(e, {
@@ -17537,10 +17602,10 @@ var OVERFLOW_BUTTON_OFFSET = 40;
17537
17602
  });
17538
17603
  }),
17539
17604
  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")])]);
17605
+ }, [(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
17606
  };
17542
17607
  }
17543
- });
17608
+ }));
17544
17609
  ;// ./src/components/CvTabs/CvTabs.vue?vue&type=script&setup=true&lang=js
17545
17610
 
17546
17611
  ;// ./src/components/CvTabs/CvTabs.vue
@@ -42357,7 +42422,7 @@ var map = {
42357
42422
  "./CvDataTable/CvDataTableSkeleton.vue": 9587,
42358
42423
  "./CvDatePicker/CvDatePicker.vue": 8192,
42359
42424
  "./CvDatePicker/CvDatePickerSkeleton.vue": 8607,
42360
- "./CvDropdown/CvDropdown.vue": 2124,
42425
+ "./CvDropdown/CvDropdown.vue": 4073,
42361
42426
  "./CvDropdown/CvDropdownItem.vue": 4895,
42362
42427
  "./CvDropdown/CvDropdownSkeleton.vue": 3786,
42363
42428
  "./CvFileUploader/CvFileUploader.vue": 6565,
@@ -42402,7 +42467,7 @@ var map = {
42402
42467
  "./CvStructuredList/CvStructuredListItemSelectable.vue": 8771,
42403
42468
  "./CvStructuredList/CvStructuredListItemStandard.vue": 4916,
42404
42469
  "./CvTabs/CvTab.vue": 9638,
42405
- "./CvTabs/CvTabs.vue": 6396,
42470
+ "./CvTabs/CvTabs.vue": 2225,
42406
42471
  "./CvTabs/CvTabsSkeleton.vue": 5655,
42407
42472
  "./CvTag/CvTag.vue": 9800,
42408
42473
  "./CvTag/CvTagSkeleton.vue": 468,
@@ -43349,8 +43414,8 @@ var CvDataTableSkeleton = __webpack_require__(9587);
43349
43414
  var CvDatePicker = __webpack_require__(8192);
43350
43415
  // EXTERNAL MODULE: ./src/components/CvDatePicker/CvDatePickerSkeleton.vue + 4 modules
43351
43416
  var CvDatePickerSkeleton = __webpack_require__(8607);
43352
- // EXTERNAL MODULE: ./src/components/CvDropdown/CvDropdown.vue + 2 modules
43353
- var CvDropdown = __webpack_require__(2124);
43417
+ // EXTERNAL MODULE: ./src/components/CvDropdown/CvDropdown.vue + 4 modules
43418
+ var CvDropdown = __webpack_require__(4073);
43354
43419
  // EXTERNAL MODULE: ./src/components/CvDropdown/CvDropdownItem.vue + 2 modules
43355
43420
  var CvDropdownItem = __webpack_require__(4895);
43356
43421
  // EXTERNAL MODULE: ./src/components/CvDropdown/CvDropdownSkeleton.vue + 2 modules
@@ -43439,8 +43504,8 @@ var CvStructuredListItemSelectable = __webpack_require__(8771);
43439
43504
  var CvStructuredListItemStandard = __webpack_require__(4916);
43440
43505
  // EXTERNAL MODULE: ./src/components/CvTabs/CvTab.vue + 2 modules
43441
43506
  var CvTab = __webpack_require__(9638);
43442
- // EXTERNAL MODULE: ./src/components/CvTabs/CvTabs.vue + 3 modules
43443
- var CvTabs = __webpack_require__(6396);
43507
+ // EXTERNAL MODULE: ./src/components/CvTabs/CvTabs.vue + 5 modules
43508
+ var CvTabs = __webpack_require__(2225);
43444
43509
  // EXTERNAL MODULE: ./src/components/CvTabs/CvTabsSkeleton.vue + 2 modules
43445
43510
  var CvTabsSkeleton = __webpack_require__(5655);
43446
43511
  // EXTERNAL MODULE: ./src/components/CvTag/CvTag.vue + 4 modules