@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
package/dist/carbon-vue-3.umd.js
CHANGED
|
@@ -5914,7 +5914,7 @@ const __exports__ = CvDataTableSkeletonvue_type_script_setup_true_lang_js;
|
|
|
5914
5914
|
|
|
5915
5915
|
/***/ }),
|
|
5916
5916
|
|
|
5917
|
-
/***/
|
|
5917
|
+
/***/ 8285:
|
|
5918
5918
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
5919
5919
|
|
|
5920
5920
|
"use strict";
|
|
@@ -8778,9 +8778,9 @@ var monthSelectPlugin_monthToStr = function monthToStr(monthNumber, shorthand, l
|
|
|
8778
8778
|
|
|
8779
8779
|
var _hoisted_1 = ["id", "data-date-picker", "data-date-picker-type"];
|
|
8780
8780
|
var _hoisted_2 = ["for"];
|
|
8781
|
-
var _hoisted_3 = ["id", "data-invalid", "disabled", "data-date-picker-input-from", "pattern", "placeholder"];
|
|
8781
|
+
var _hoisted_3 = ["id", "aria-description", "data-invalid", "disabled", "data-date-picker-input-from", "pattern", "placeholder"];
|
|
8782
8782
|
var _hoisted_4 = ["for"];
|
|
8783
|
-
var _hoisted_5 = ["id", "data-date-picker-input-to", "data-invalid", "disabled", "pattern", "placeholder"];
|
|
8783
|
+
var _hoisted_5 = ["id", "aria-description", "data-date-picker-input-to", "data-invalid", "disabled", "pattern", "placeholder"];
|
|
8784
8784
|
|
|
8785
8785
|
|
|
8786
8786
|
|
|
@@ -9102,7 +9102,8 @@ var _hoisted_5 = ["id", "data-date-picker-input-to", "data-invalid", "disabled",
|
|
|
9102
9102
|
ref: date,
|
|
9103
9103
|
type: "text",
|
|
9104
9104
|
"data-date-picker-input": "",
|
|
9105
|
-
|
|
9105
|
+
"data-testid": "datepicker",
|
|
9106
|
+
"aria-description": __props.placeholder,
|
|
9106
9107
|
"data-invalid": isInvalid.value || null,
|
|
9107
9108
|
disabled: __props.disabled || null,
|
|
9108
9109
|
"data-date-picker-input-from": "".concat(getKind.value === 'range'),
|
|
@@ -9137,7 +9138,8 @@ var _hoisted_5 = ["id", "data-date-picker-input-to", "data-invalid", "disabled",
|
|
|
9137
9138
|
ref: todate,
|
|
9138
9139
|
type: "text",
|
|
9139
9140
|
"data-date-picker-input": "",
|
|
9140
|
-
|
|
9141
|
+
"data-testid": "todatepicker",
|
|
9142
|
+
"aria-description": __props.placeholder,
|
|
9141
9143
|
"data-date-picker-input-to": "".concat(__props.kind === 'range'),
|
|
9142
9144
|
"data-invalid": isInvalid.value || null,
|
|
9143
9145
|
disabled: __props.disabled || null,
|
|
@@ -9162,10 +9164,10 @@ var _hoisted_5 = ["id", "data-date-picker-input-to", "data-invalid", "disabled",
|
|
|
9162
9164
|
});
|
|
9163
9165
|
;// ./src/components/CvDatePicker/CvDatePicker.vue?vue&type=script&setup=true&lang=js
|
|
9164
9166
|
|
|
9165
|
-
;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-64.use[0]!./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.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-64.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.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=
|
|
9167
|
+
;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-64.use[0]!./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.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-64.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.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
|
|
9166
9168
|
// extracted by mini-css-extract-plugin
|
|
9167
9169
|
|
|
9168
|
-
;// ./src/components/CvDatePicker/CvDatePicker.vue?vue&type=style&index=0&id=
|
|
9170
|
+
;// ./src/components/CvDatePicker/CvDatePicker.vue?vue&type=style&index=0&id=3cc101f2&lang=scss
|
|
9169
9171
|
|
|
9170
9172
|
;// ./src/components/CvDatePicker/CvDatePicker.vue
|
|
9171
9173
|
|
|
@@ -20204,7 +20206,7 @@ var _hoisted_1 = ["id"];
|
|
|
20204
20206
|
var found = data.panelControllers.find(function (item) {
|
|
20205
20207
|
return item.ariaControls === srcComponent.id;
|
|
20206
20208
|
});
|
|
20207
|
-
if (srcComponent.el !== srcEvent.relatedTarget && !srcComponent.el.contains(srcEvent.relatedTarget) && found && found.el !== srcEvent.relatedTarget) {
|
|
20209
|
+
if (srcComponent.el.value !== srcEvent.relatedTarget && !srcComponent.el.value.contains(srcEvent.relatedTarget) && found && found.el.value !== srcEvent.relatedTarget) {
|
|
20208
20210
|
onCvPanelControlToggle(found, false);
|
|
20209
20211
|
}
|
|
20210
20212
|
}
|
|
@@ -42242,7 +42244,7 @@ var map = {
|
|
|
42242
42244
|
"./CvDataTable/CvDataTableHeading.vue": 2335,
|
|
42243
42245
|
"./CvDataTable/CvDataTableRow.vue": 6428,
|
|
42244
42246
|
"./CvDataTable/CvDataTableSkeleton.vue": 2446,
|
|
42245
|
-
"./CvDatePicker/CvDatePicker.vue":
|
|
42247
|
+
"./CvDatePicker/CvDatePicker.vue": 8285,
|
|
42246
42248
|
"./CvDatePicker/CvDatePickerSkeleton.vue": 333,
|
|
42247
42249
|
"./CvDropdown/CvDropdown.vue": 306,
|
|
42248
42250
|
"./CvDropdown/CvDropdownItem.vue": 8073,
|
|
@@ -43125,6 +43127,7 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
43125
43127
|
CvToggle: function() { return /* reexport */ CvToggle["default"]; },
|
|
43126
43128
|
CvToggleSkeleton: function() { return /* reexport */ CvToggle_Skeleton["default"]; },
|
|
43127
43129
|
CvTooltip: function() { return /* reexport */ CvTooltip["default"]; },
|
|
43130
|
+
PanelFocusTestComponent: function() { return /* reexport */ PanelFocusTestComponent; },
|
|
43128
43131
|
"default": function() { return /* binding */ entry_lib; }
|
|
43129
43132
|
});
|
|
43130
43133
|
|
|
@@ -43232,7 +43235,7 @@ var CvDataTableRow = __webpack_require__(6428);
|
|
|
43232
43235
|
// EXTERNAL MODULE: ./src/components/CvDataTable/CvDataTableSkeleton.vue + 2 modules
|
|
43233
43236
|
var CvDataTableSkeleton = __webpack_require__(2446);
|
|
43234
43237
|
// EXTERNAL MODULE: ./src/components/CvDatePicker/CvDatePicker.vue + 15 modules
|
|
43235
|
-
var CvDatePicker = __webpack_require__(
|
|
43238
|
+
var CvDatePicker = __webpack_require__(8285);
|
|
43236
43239
|
// EXTERNAL MODULE: ./src/components/CvDatePicker/CvDatePickerSkeleton.vue + 4 modules
|
|
43237
43240
|
var CvDatePickerSkeleton = __webpack_require__(333);
|
|
43238
43241
|
// EXTERNAL MODULE: ./src/components/CvDropdown/CvDropdown.vue + 2 modules
|
|
@@ -43403,6 +43406,94 @@ var CvSwitcher = __webpack_require__(7170);
|
|
|
43403
43406
|
var CvSwitcherItem = __webpack_require__(6202);
|
|
43404
43407
|
// EXTERNAL MODULE: ./src/components/CvUIShell/CvSwitcherItemLink.vue + 2 modules
|
|
43405
43408
|
var CvSwitcherItemLink = __webpack_require__(1139);
|
|
43409
|
+
// EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
|
|
43410
|
+
var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__(9274);
|
|
43411
|
+
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??clonedRuleSet-82.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
|
|
43412
|
+
|
|
43413
|
+
|
|
43414
|
+
|
|
43415
|
+
|
|
43416
|
+
|
|
43417
|
+
|
|
43418
|
+
|
|
43419
|
+
/* harmony default export */ var PanelFocusTestComponentvue_type_script_setup_true_lang_js = ({
|
|
43420
|
+
__name: 'PanelFocusTestComponent',
|
|
43421
|
+
setup: function setup(__props) {
|
|
43422
|
+
return function (_ctx, _cache) {
|
|
43423
|
+
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, {
|
|
43424
|
+
"header-global": (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(function () {
|
|
43425
|
+
return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(CvHeaderGlobalAction["default"], {
|
|
43426
|
+
"data-testid": "action-button",
|
|
43427
|
+
"aria-label": "List links",
|
|
43428
|
+
"aria-controls": "links-panel",
|
|
43429
|
+
label: "Links"
|
|
43430
|
+
}, {
|
|
43431
|
+
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(function () {
|
|
43432
|
+
return _cache[0] || (_cache[0] = [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)(" Links ")]);
|
|
43433
|
+
}),
|
|
43434
|
+
_: 1
|
|
43435
|
+
})];
|
|
43436
|
+
}),
|
|
43437
|
+
"right-panels": (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(function () {
|
|
43438
|
+
return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(CvHeaderPanel["default"], {
|
|
43439
|
+
id: "links-panel",
|
|
43440
|
+
"data-testid": "links-panel"
|
|
43441
|
+
}, {
|
|
43442
|
+
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(function () {
|
|
43443
|
+
return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(CvSwitcher["default"], null, {
|
|
43444
|
+
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(function () {
|
|
43445
|
+
return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(CvSwitcherItem["default"], null, {
|
|
43446
|
+
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(function () {
|
|
43447
|
+
return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(CvSwitcherItemLink["default"], {
|
|
43448
|
+
href: "javascript:void(0)",
|
|
43449
|
+
"data-testid": "link-1",
|
|
43450
|
+
selected: ""
|
|
43451
|
+
}, {
|
|
43452
|
+
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(function () {
|
|
43453
|
+
return _cache[1] || (_cache[1] = [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)(" Selected app ")]);
|
|
43454
|
+
}),
|
|
43455
|
+
_: 1
|
|
43456
|
+
})];
|
|
43457
|
+
}),
|
|
43458
|
+
_: 1
|
|
43459
|
+
}), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(CvSwitcherItem["default"], null, {
|
|
43460
|
+
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(function () {
|
|
43461
|
+
return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(CvSwitcherItemLink["default"], {
|
|
43462
|
+
href: "javascript:void(0)",
|
|
43463
|
+
"data-testid": "link-2"
|
|
43464
|
+
}, {
|
|
43465
|
+
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(function () {
|
|
43466
|
+
return _cache[2] || (_cache[2] = [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)(" Other app ")]);
|
|
43467
|
+
}),
|
|
43468
|
+
_: 1
|
|
43469
|
+
})];
|
|
43470
|
+
}),
|
|
43471
|
+
_: 1
|
|
43472
|
+
})];
|
|
43473
|
+
}),
|
|
43474
|
+
_: 1
|
|
43475
|
+
})];
|
|
43476
|
+
}),
|
|
43477
|
+
_: 1
|
|
43478
|
+
})];
|
|
43479
|
+
}),
|
|
43480
|
+
_: 1
|
|
43481
|
+
}), _cache[3] || (_cache[3] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("input", {
|
|
43482
|
+
type: "text",
|
|
43483
|
+
"data-testid": "outer-input"
|
|
43484
|
+
}, null, -1))], 64);
|
|
43485
|
+
};
|
|
43486
|
+
}
|
|
43487
|
+
});
|
|
43488
|
+
;// ./src/components/CvUIShell/__tests__/PanelFocusTestComponent.vue?vue&type=script&setup=true&lang=js
|
|
43489
|
+
|
|
43490
|
+
;// ./src/components/CvUIShell/__tests__/PanelFocusTestComponent.vue
|
|
43491
|
+
|
|
43492
|
+
|
|
43493
|
+
|
|
43494
|
+
const __exports__ = PanelFocusTestComponentvue_type_script_setup_true_lang_js;
|
|
43495
|
+
|
|
43496
|
+
/* harmony default export */ var PanelFocusTestComponent = (__exports__);
|
|
43406
43497
|
;// ./src/index.js
|
|
43407
43498
|
|
|
43408
43499
|
|
|
@@ -43588,6 +43679,7 @@ var components = ctx.keys().map(function (k) {
|
|
|
43588
43679
|
|
|
43589
43680
|
|
|
43590
43681
|
|
|
43682
|
+
|
|
43591
43683
|
|
|
43592
43684
|
|
|
43593
43685
|
;// ./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js
|