@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.
- package/dist/carbon-vue-3.common.js +129 -34
- package/dist/carbon-vue-3.common.js.map +1 -1
- package/dist/carbon-vue-3.css +1 -1
- package/dist/carbon-vue-3.umd.js +129 -34
- package/dist/carbon-vue-3.umd.js.map +1 -1
- package/dist/carbon-vue-3.umd.min.js +4 -4
- package/dist/carbon-vue-3.umd.min.js.map +1 -1
- package/dist/web-types.json +1 -1
- package/package.json +1 -1
- package/src/components/CvContentSwitcher/CvContentSwitcher.stories.mdx +2 -2
- package/src/components/CvContentSwitcher/CvContentSwitcher.vue +17 -3
- package/src/components/CvDropdown/CvDropdown.vue +26 -2
- package/src/components/CvOverflowMenu/CvOverflowMenu.vue +2 -1
- package/src/components/CvTabs/CvTabs.vue +22 -7
- package/src/components/CvTabs/__tests__/__snapshots__/CvTabs.spec.js.snap +3 -3
- package/src/components/CvUIShell/CvSideNav.vue +5 -2
|
@@ -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
|
-
|
|
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
|
|
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"), (
|
|
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
|
-
/***/
|
|
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
|
-
/***/
|
|
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 = ["
|
|
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
|
-
|
|
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-
|
|
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:
|
|
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))],
|
|
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,
|
|
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-
|
|
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:
|
|
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))],
|
|
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":
|
|
21378
|
-
inert:
|
|
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":
|
|
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":
|
|
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 +
|
|
43353
|
-
var CvDropdown = __webpack_require__(
|
|
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 +
|
|
43443
|
-
var CvTabs = __webpack_require__(
|
|
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
|