@carbon/vue 3.0.26 → 3.0.27
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 +106 -14
- package/dist/carbon-vue-3.common.js.map +1 -1
- package/dist/carbon-vue-3.umd.js +102 -10
- package/dist/carbon-vue-3.umd.js.map +1 -1
- package/dist/carbon-vue-3.umd.min.js +2 -2
- package/dist/carbon-vue-3.umd.min.js.map +1 -1
- package/dist/web-types.json +9 -1
- package/package.json +1 -1
- package/src/components/CvDatePicker/CvDatePicker.vue +4 -2
- package/src/components/CvUIShell/CvHeader.vue +3 -3
- package/src/components/CvUIShell/__tests__/PanelFocusTestComponent.vue +47 -0
- package/src/index.js +1 -0
|
@@ -5904,7 +5904,7 @@ const __exports__ = CvDataTableSkeletonvue_type_script_setup_true_lang_js;
|
|
|
5904
5904
|
|
|
5905
5905
|
/***/ }),
|
|
5906
5906
|
|
|
5907
|
-
/***/
|
|
5907
|
+
/***/ 8192:
|
|
5908
5908
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
5909
5909
|
|
|
5910
5910
|
"use strict";
|
|
@@ -8768,9 +8768,9 @@ var monthSelectPlugin_monthToStr = function monthToStr(monthNumber, shorthand, l
|
|
|
8768
8768
|
|
|
8769
8769
|
var _hoisted_1 = ["id", "data-date-picker", "data-date-picker-type"];
|
|
8770
8770
|
var _hoisted_2 = ["for"];
|
|
8771
|
-
var _hoisted_3 = ["id", "data-invalid", "disabled", "data-date-picker-input-from", "pattern", "placeholder"];
|
|
8771
|
+
var _hoisted_3 = ["id", "aria-description", "data-invalid", "disabled", "data-date-picker-input-from", "pattern", "placeholder"];
|
|
8772
8772
|
var _hoisted_4 = ["for"];
|
|
8773
|
-
var _hoisted_5 = ["id", "data-date-picker-input-to", "data-invalid", "disabled", "pattern", "placeholder"];
|
|
8773
|
+
var _hoisted_5 = ["id", "aria-description", "data-date-picker-input-to", "data-invalid", "disabled", "pattern", "placeholder"];
|
|
8774
8774
|
|
|
8775
8775
|
|
|
8776
8776
|
|
|
@@ -9092,7 +9092,8 @@ var _hoisted_5 = ["id", "data-date-picker-input-to", "data-invalid", "disabled",
|
|
|
9092
9092
|
ref: date,
|
|
9093
9093
|
type: "text",
|
|
9094
9094
|
"data-date-picker-input": "",
|
|
9095
|
-
|
|
9095
|
+
"data-testid": "datepicker",
|
|
9096
|
+
"aria-description": __props.placeholder,
|
|
9096
9097
|
"data-invalid": isInvalid.value || null,
|
|
9097
9098
|
disabled: __props.disabled || null,
|
|
9098
9099
|
"data-date-picker-input-from": "".concat(getKind.value === 'range'),
|
|
@@ -9127,7 +9128,8 @@ var _hoisted_5 = ["id", "data-date-picker-input-to", "data-invalid", "disabled",
|
|
|
9127
9128
|
ref: todate,
|
|
9128
9129
|
type: "text",
|
|
9129
9130
|
"data-date-picker-input": "",
|
|
9130
|
-
|
|
9131
|
+
"data-testid": "todatepicker",
|
|
9132
|
+
"aria-description": __props.placeholder,
|
|
9131
9133
|
"data-date-picker-input-to": "".concat(__props.kind === 'range'),
|
|
9132
9134
|
"data-invalid": isInvalid.value || null,
|
|
9133
9135
|
disabled: __props.disabled || null,
|
|
@@ -9152,10 +9154,10 @@ var _hoisted_5 = ["id", "data-date-picker-input-to", "data-invalid", "disabled",
|
|
|
9152
9154
|
});
|
|
9153
9155
|
;// ./src/components/CvDatePicker/CvDatePicker.vue?vue&type=script&setup=true&lang=js
|
|
9154
9156
|
|
|
9155
|
-
;// ./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/CvDatePicker/CvDatePicker.vue?vue&type=style&index=0&id=
|
|
9157
|
+
;// ./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/CvDatePicker/CvDatePicker.vue?vue&type=style&index=0&id=3cc101f2&lang=scss
|
|
9156
9158
|
// extracted by mini-css-extract-plugin
|
|
9157
9159
|
|
|
9158
|
-
;// ./src/components/CvDatePicker/CvDatePicker.vue?vue&type=style&index=0&id=
|
|
9160
|
+
;// ./src/components/CvDatePicker/CvDatePicker.vue?vue&type=style&index=0&id=3cc101f2&lang=scss
|
|
9159
9161
|
|
|
9160
9162
|
;// ./src/components/CvDatePicker/CvDatePicker.vue
|
|
9161
9163
|
|
|
@@ -10014,7 +10016,7 @@ var CvForm = __webpack_require__(9005);
|
|
|
10014
10016
|
// EXTERNAL MODULE: ./src/components/CvForm/CvFormGroup.vue + 2 modules
|
|
10015
10017
|
var CvFormGroup = __webpack_require__(8657);
|
|
10016
10018
|
// EXTERNAL MODULE: ./src/components/CvForm/CvFormItem.vue + 2 modules
|
|
10017
|
-
var CvFormItem = __webpack_require__(
|
|
10019
|
+
var CvFormItem = __webpack_require__(1034);
|
|
10018
10020
|
;// ./src/components/CvForm/index.js
|
|
10019
10021
|
|
|
10020
10022
|
|
|
@@ -10676,7 +10678,7 @@ const __exports__ = CvFormGroupvue_type_script_setup_true_lang_js;
|
|
|
10676
10678
|
|
|
10677
10679
|
/***/ }),
|
|
10678
10680
|
|
|
10679
|
-
/***/
|
|
10681
|
+
/***/ 1034:
|
|
10680
10682
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
10681
10683
|
|
|
10682
10684
|
"use strict";
|
|
@@ -20194,7 +20196,7 @@ var _hoisted_1 = ["id"];
|
|
|
20194
20196
|
var found = data.panelControllers.find(function (item) {
|
|
20195
20197
|
return item.ariaControls === srcComponent.id;
|
|
20196
20198
|
});
|
|
20197
|
-
if (srcComponent.el !== srcEvent.relatedTarget && !srcComponent.el.contains(srcEvent.relatedTarget) && found && found.el !== srcEvent.relatedTarget) {
|
|
20199
|
+
if (srcComponent.el.value !== srcEvent.relatedTarget && !srcComponent.el.value.contains(srcEvent.relatedTarget) && found && found.el.value !== srcEvent.relatedTarget) {
|
|
20198
20200
|
onCvPanelControlToggle(found, false);
|
|
20199
20201
|
}
|
|
20200
20202
|
}
|
|
@@ -42232,7 +42234,7 @@ var map = {
|
|
|
42232
42234
|
"./CvDataTable/CvDataTableHeading.vue": 1829,
|
|
42233
42235
|
"./CvDataTable/CvDataTableRow.vue": 7270,
|
|
42234
42236
|
"./CvDataTable/CvDataTableSkeleton.vue": 9587,
|
|
42235
|
-
"./CvDatePicker/CvDatePicker.vue":
|
|
42237
|
+
"./CvDatePicker/CvDatePicker.vue": 8192,
|
|
42236
42238
|
"./CvDatePicker/CvDatePickerSkeleton.vue": 8607,
|
|
42237
42239
|
"./CvDropdown/CvDropdown.vue": 2124,
|
|
42238
42240
|
"./CvDropdown/CvDropdownItem.vue": 4895,
|
|
@@ -42242,7 +42244,7 @@ var map = {
|
|
|
42242
42244
|
"./CvFileUploader/CvFileUploaderSkeleton.vue": 4238,
|
|
42243
42245
|
"./CvForm/CvForm.vue": 9005,
|
|
42244
42246
|
"./CvForm/CvFormGroup.vue": 8657,
|
|
42245
|
-
"./CvForm/CvFormItem.vue":
|
|
42247
|
+
"./CvForm/CvFormItem.vue": 1034,
|
|
42246
42248
|
"./CvGrid/CvColumn.vue": 2117,
|
|
42247
42249
|
"./CvGrid/CvGrid.vue": 6999,
|
|
42248
42250
|
"./CvGrid/CvRow.vue": 1927,
|
|
@@ -43115,6 +43117,7 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
43115
43117
|
CvToggle: function() { return /* reexport */ CvToggle["default"]; },
|
|
43116
43118
|
CvToggleSkeleton: function() { return /* reexport */ CvToggle_Skeleton["default"]; },
|
|
43117
43119
|
CvTooltip: function() { return /* reexport */ CvTooltip["default"]; },
|
|
43120
|
+
PanelFocusTestComponent: function() { return /* reexport */ PanelFocusTestComponent; },
|
|
43118
43121
|
"default": function() { return /* binding */ entry_lib; }
|
|
43119
43122
|
});
|
|
43120
43123
|
|
|
@@ -43222,7 +43225,7 @@ var CvDataTableRow = __webpack_require__(7270);
|
|
|
43222
43225
|
// EXTERNAL MODULE: ./src/components/CvDataTable/CvDataTableSkeleton.vue + 2 modules
|
|
43223
43226
|
var CvDataTableSkeleton = __webpack_require__(9587);
|
|
43224
43227
|
// EXTERNAL MODULE: ./src/components/CvDatePicker/CvDatePicker.vue + 15 modules
|
|
43225
|
-
var CvDatePicker = __webpack_require__(
|
|
43228
|
+
var CvDatePicker = __webpack_require__(8192);
|
|
43226
43229
|
// EXTERNAL MODULE: ./src/components/CvDatePicker/CvDatePickerSkeleton.vue + 4 modules
|
|
43227
43230
|
var CvDatePickerSkeleton = __webpack_require__(8607);
|
|
43228
43231
|
// EXTERNAL MODULE: ./src/components/CvDropdown/CvDropdown.vue + 2 modules
|
|
@@ -43242,7 +43245,7 @@ var CvForm = __webpack_require__(9005);
|
|
|
43242
43245
|
// EXTERNAL MODULE: ./src/components/CvForm/CvFormGroup.vue + 2 modules
|
|
43243
43246
|
var CvFormGroup = __webpack_require__(8657);
|
|
43244
43247
|
// EXTERNAL MODULE: ./src/components/CvForm/CvFormItem.vue + 2 modules
|
|
43245
|
-
var CvFormItem = __webpack_require__(
|
|
43248
|
+
var CvFormItem = __webpack_require__(1034);
|
|
43246
43249
|
// EXTERNAL MODULE: ./src/components/CvGrid/CvColumn.vue + 3 modules
|
|
43247
43250
|
var CvColumn = __webpack_require__(2117);
|
|
43248
43251
|
// EXTERNAL MODULE: ./src/components/CvGrid/CvGrid.vue + 2 modules
|
|
@@ -43393,6 +43396,94 @@ var CvSwitcher = __webpack_require__(9198);
|
|
|
43393
43396
|
var CvSwitcherItem = __webpack_require__(7525);
|
|
43394
43397
|
// EXTERNAL MODULE: ./src/components/CvUIShell/CvSwitcherItemLink.vue + 2 modules
|
|
43395
43398
|
var CvSwitcherItemLink = __webpack_require__(7233);
|
|
43399
|
+
// EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
|
|
43400
|
+
var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__(4100);
|
|
43401
|
+
;// ./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/CvUIShell/__tests__/PanelFocusTestComponent.vue?vue&type=script&setup=true&lang=js
|
|
43402
|
+
|
|
43403
|
+
|
|
43404
|
+
|
|
43405
|
+
|
|
43406
|
+
|
|
43407
|
+
|
|
43408
|
+
|
|
43409
|
+
/* harmony default export */ var PanelFocusTestComponentvue_type_script_setup_true_lang_js = ({
|
|
43410
|
+
__name: 'PanelFocusTestComponent',
|
|
43411
|
+
setup: function setup(__props) {
|
|
43412
|
+
return function (_ctx, _cache) {
|
|
43413
|
+
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, {
|
|
43414
|
+
"header-global": (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(function () {
|
|
43415
|
+
return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(CvHeaderGlobalAction["default"], {
|
|
43416
|
+
"data-testid": "action-button",
|
|
43417
|
+
"aria-label": "List links",
|
|
43418
|
+
"aria-controls": "links-panel",
|
|
43419
|
+
label: "Links"
|
|
43420
|
+
}, {
|
|
43421
|
+
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(function () {
|
|
43422
|
+
return _cache[0] || (_cache[0] = [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)(" Links ")]);
|
|
43423
|
+
}),
|
|
43424
|
+
_: 1
|
|
43425
|
+
})];
|
|
43426
|
+
}),
|
|
43427
|
+
"right-panels": (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(function () {
|
|
43428
|
+
return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(CvHeaderPanel["default"], {
|
|
43429
|
+
id: "links-panel",
|
|
43430
|
+
"data-testid": "links-panel"
|
|
43431
|
+
}, {
|
|
43432
|
+
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(function () {
|
|
43433
|
+
return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(CvSwitcher["default"], null, {
|
|
43434
|
+
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(function () {
|
|
43435
|
+
return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(CvSwitcherItem["default"], null, {
|
|
43436
|
+
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(function () {
|
|
43437
|
+
return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(CvSwitcherItemLink["default"], {
|
|
43438
|
+
href: "javascript:void(0)",
|
|
43439
|
+
"data-testid": "link-1",
|
|
43440
|
+
selected: ""
|
|
43441
|
+
}, {
|
|
43442
|
+
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(function () {
|
|
43443
|
+
return _cache[1] || (_cache[1] = [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)(" Selected app ")]);
|
|
43444
|
+
}),
|
|
43445
|
+
_: 1
|
|
43446
|
+
})];
|
|
43447
|
+
}),
|
|
43448
|
+
_: 1
|
|
43449
|
+
}), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(CvSwitcherItem["default"], null, {
|
|
43450
|
+
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(function () {
|
|
43451
|
+
return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(CvSwitcherItemLink["default"], {
|
|
43452
|
+
href: "javascript:void(0)",
|
|
43453
|
+
"data-testid": "link-2"
|
|
43454
|
+
}, {
|
|
43455
|
+
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(function () {
|
|
43456
|
+
return _cache[2] || (_cache[2] = [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)(" Other app ")]);
|
|
43457
|
+
}),
|
|
43458
|
+
_: 1
|
|
43459
|
+
})];
|
|
43460
|
+
}),
|
|
43461
|
+
_: 1
|
|
43462
|
+
})];
|
|
43463
|
+
}),
|
|
43464
|
+
_: 1
|
|
43465
|
+
})];
|
|
43466
|
+
}),
|
|
43467
|
+
_: 1
|
|
43468
|
+
})];
|
|
43469
|
+
}),
|
|
43470
|
+
_: 1
|
|
43471
|
+
}), _cache[3] || (_cache[3] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("input", {
|
|
43472
|
+
type: "text",
|
|
43473
|
+
"data-testid": "outer-input"
|
|
43474
|
+
}, null, -1))], 64);
|
|
43475
|
+
};
|
|
43476
|
+
}
|
|
43477
|
+
});
|
|
43478
|
+
;// ./src/components/CvUIShell/__tests__/PanelFocusTestComponent.vue?vue&type=script&setup=true&lang=js
|
|
43479
|
+
|
|
43480
|
+
;// ./src/components/CvUIShell/__tests__/PanelFocusTestComponent.vue
|
|
43481
|
+
|
|
43482
|
+
|
|
43483
|
+
|
|
43484
|
+
const __exports__ = PanelFocusTestComponentvue_type_script_setup_true_lang_js;
|
|
43485
|
+
|
|
43486
|
+
/* harmony default export */ var PanelFocusTestComponent = (__exports__);
|
|
43396
43487
|
;// ./src/index.js
|
|
43397
43488
|
|
|
43398
43489
|
|
|
@@ -43578,6 +43669,7 @@ var components = ctx.keys().map(function (k) {
|
|
|
43578
43669
|
|
|
43579
43670
|
|
|
43580
43671
|
|
|
43672
|
+
|
|
43581
43673
|
|
|
43582
43674
|
|
|
43583
43675
|
;// ./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js
|