@carbon/vue 3.0.11 → 3.0.12
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/README.md +4 -4
- package/dist/carbon-vue-3.common.js +95 -56
- package/dist/carbon-vue-3.common.js.map +1 -1
- package/dist/carbon-vue-3.umd.js +95 -56
- 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 +5482 -0
- package/package.json +2 -2
- package/src/components/CvDataTable/CvDataTable.stories.mdx +39 -14
- package/src/components/CvDataTable/CvDataTableHeading.vue +3 -5
- package/src/components/CvDatePicker/CvDatePicker.vue +7 -8
- package/src/components/CvModal/CvModal.vue +35 -13
- package/src/components/CvModal/index.js +29 -1
- package/src/components/CvMultiSelect/CvMultiSelect.vue +2 -2
- package/src/components/CvNotification/CvInlineNotification.stories.js +58 -1
- package/src/components/CvNotification/CvInlineNotification.vue +13 -3
- package/src/components/CvNotification/CvInlineNotificationTemplate.mdx +16 -0
- package/src/components/CvSearch/CvSearch.vue +1 -1
- package/src/components/CvTabs/CvTabs.vue +2 -2
package/README.md
CHANGED
|
@@ -60,11 +60,11 @@ See [Hello Carbon Vue](https://github.com/IBM/hello-carbon-vue3) for an example
|
|
|
60
60
|
`plugins/carbon-vue.js`
|
|
61
61
|
|
|
62
62
|
```js
|
|
63
|
-
import CarbonVue from '@carbon/vue'
|
|
63
|
+
import CarbonVue from '@carbon/vue';
|
|
64
64
|
|
|
65
|
-
export default defineNuxtPlugin(
|
|
66
|
-
|
|
67
|
-
})
|
|
65
|
+
export default defineNuxtPlugin(nuxtApp => {
|
|
66
|
+
nuxtApp.vueApp.use(CarbonVue);
|
|
67
|
+
});
|
|
68
68
|
```
|
|
69
69
|
|
|
70
70
|
See [Hello Carbon Nuxt](#add-to-nuxt-project) **coming soon**
|
|
@@ -5584,6 +5584,8 @@ var objectSpread2 = __webpack_require__(5128);
|
|
|
5584
5584
|
var es_array_concat = __webpack_require__(2222);
|
|
5585
5585
|
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.function.name.js
|
|
5586
5586
|
var es_function_name = __webpack_require__(8309);
|
|
5587
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.includes.js
|
|
5588
|
+
var es_array_includes = __webpack_require__(6699);
|
|
5587
5589
|
// EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
|
|
5588
5590
|
var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__(3797);
|
|
5589
5591
|
// EXTERNAL MODULE: ./node_modules/@carbon/icons-vue/es/utils-148d018d.js
|
|
@@ -5660,6 +5662,7 @@ var cvDataTableStore = __webpack_require__(7122);
|
|
|
5660
5662
|
|
|
5661
5663
|
|
|
5662
5664
|
|
|
5665
|
+
|
|
5663
5666
|
var _hoisted_1 = ["id", "aria-sort"];
|
|
5664
5667
|
|
|
5665
5668
|
|
|
@@ -5761,12 +5764,7 @@ var _hoisted_1 = ["id", "aria-sort"];
|
|
|
5761
5764
|
}
|
|
5762
5765
|
|
|
5763
5766
|
var heading = cvDataTableStore/* default */.Z.findHeading(parent, cvId);
|
|
5764
|
-
|
|
5765
|
-
if ((heading === null || heading === void 0 ? void 0 : heading.order) !== 'ascending' && (heading === null || heading === void 0 ? void 0 : heading.order) !== 'descending') {
|
|
5766
|
-
return 'none';
|
|
5767
|
-
} else {
|
|
5768
|
-
return heading === null || heading === void 0 ? void 0 : heading.order;
|
|
5769
|
-
}
|
|
5767
|
+
if (['ascending', 'descending', 'none'].includes(heading === null || heading === void 0 ? void 0 : heading.order)) return heading.order;else return 'none';
|
|
5770
5768
|
});
|
|
5771
5769
|
var headingLabelTag = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(function () {
|
|
5772
5770
|
// no tag if non-blank skeleton
|
|
@@ -6356,7 +6354,7 @@ const __exports__ = CvDataTableSkeletonvue_type_script_setup_true_lang_js;
|
|
|
6356
6354
|
|
|
6357
6355
|
/***/ }),
|
|
6358
6356
|
|
|
6359
|
-
/***/
|
|
6357
|
+
/***/ 783:
|
|
6360
6358
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
6361
6359
|
|
|
6362
6360
|
"use strict";
|
|
@@ -9320,9 +9318,9 @@ var _hoisted_7 = [_hoisted_6];
|
|
|
9320
9318
|
var dateWrapper = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(null);
|
|
9321
9319
|
var date = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(null);
|
|
9322
9320
|
var todate = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(null);
|
|
9321
|
+
var calendar;
|
|
9323
9322
|
var cvId = (0,use_cvId/* useCvId */.l)(props, true, 'date-picker-');
|
|
9324
9323
|
var isLight = (0,cvTheme/* useIsLight */.h)(props);
|
|
9325
|
-
var calendar;
|
|
9326
9324
|
var getKind = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)({
|
|
9327
9325
|
get: function get() {
|
|
9328
9326
|
if (['short', 'simple', 'single', 'range'].includes(props.kind)) {
|
|
@@ -9556,15 +9554,12 @@ var _hoisted_7 = [_hoisted_6];
|
|
|
9556
9554
|
"data-date-picker-input": "",
|
|
9557
9555
|
role: "datepicker",
|
|
9558
9556
|
"data-invalid": isInvalid.value || null,
|
|
9559
|
-
disabled: __props.disabled,
|
|
9560
|
-
"data-date-picker-input-from": getKind.value === 'range',
|
|
9557
|
+
disabled: __props.disabled || null,
|
|
9558
|
+
"data-date-picker-input-from": "".concat(getKind.value === 'range'),
|
|
9561
9559
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--date-picker__input")),
|
|
9562
9560
|
pattern: __props.pattern,
|
|
9563
9561
|
placeholder: __props.placeholder,
|
|
9564
|
-
onChange: handleUpdateEvent
|
|
9565
|
-
onClick: _cache[0] || (_cache[0] = function () {
|
|
9566
|
-
return _ctx.handleClick && _ctx.handleClick.apply(_ctx, arguments);
|
|
9567
|
-
})
|
|
9562
|
+
onChange: handleUpdateEvent
|
|
9568
9563
|
}, null, 42, _hoisted_3), ['single', 'range'].includes(getKind.value) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(Calendar16), {
|
|
9569
9564
|
key: 0,
|
|
9570
9565
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--date-picker__icon")),
|
|
@@ -9583,7 +9578,7 @@ var _hoisted_7 = [_hoisted_6];
|
|
|
9583
9578
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--label"))
|
|
9584
9579
|
}, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(__props.dateEndLabel), 11, _hoisted_4)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
|
|
9585
9580
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--date-picker-input__wrapper")),
|
|
9586
|
-
onClick: _cache[
|
|
9581
|
+
onClick: _cache[0] || (_cache[0] = function ($event) {
|
|
9587
9582
|
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(calendar).open();
|
|
9588
9583
|
})
|
|
9589
9584
|
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("input", {
|
|
@@ -9593,9 +9588,9 @@ var _hoisted_7 = [_hoisted_6];
|
|
|
9593
9588
|
type: "text",
|
|
9594
9589
|
"data-date-picker-input": "",
|
|
9595
9590
|
role: "todatepicker",
|
|
9596
|
-
"data-date-picker-input-to": __props.kind === 'range',
|
|
9591
|
+
"data-date-picker-input-to": "".concat(__props.kind === 'range'),
|
|
9597
9592
|
"data-invalid": isInvalid.value || null,
|
|
9598
|
-
disabled: __props.disabled,
|
|
9593
|
+
disabled: __props.disabled || null,
|
|
9599
9594
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--date-picker__input")),
|
|
9600
9595
|
pattern: __props.pattern,
|
|
9601
9596
|
placeholder: __props.placeholder,
|
|
@@ -9615,10 +9610,10 @@ var _hoisted_7 = [_hoisted_6];
|
|
|
9615
9610
|
});
|
|
9616
9611
|
;// CONCATENATED MODULE: ./src/components/CvDatePicker/CvDatePicker.vue?vue&type=script&setup=true&lang=js
|
|
9617
9612
|
|
|
9618
|
-
;// CONCATENATED MODULE: ./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/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=
|
|
9613
|
+
;// CONCATENATED MODULE: ./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/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=168e5454&lang=scss
|
|
9619
9614
|
// extracted by mini-css-extract-plugin
|
|
9620
9615
|
|
|
9621
|
-
;// CONCATENATED MODULE: ./src/components/CvDatePicker/CvDatePicker.vue?vue&type=style&index=0&id=
|
|
9616
|
+
;// CONCATENATED MODULE: ./src/components/CvDatePicker/CvDatePicker.vue?vue&type=style&index=0&id=168e5454&lang=scss
|
|
9622
9617
|
|
|
9623
9618
|
;// CONCATENATED MODULE: ./src/components/CvDatePicker/CvDatePicker.vue
|
|
9624
9619
|
|
|
@@ -12206,7 +12201,7 @@ const __exports__ = CvLoadingvue_type_script_setup_true_lang_js;
|
|
|
12206
12201
|
|
|
12207
12202
|
/***/ }),
|
|
12208
12203
|
|
|
12209
|
-
/***/
|
|
12204
|
+
/***/ 2250:
|
|
12210
12205
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
12211
12206
|
|
|
12212
12207
|
"use strict";
|
|
@@ -12215,7 +12210,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
12215
12210
|
|
|
12216
12211
|
// EXPORTS
|
|
12217
12212
|
__webpack_require__.d(__webpack_exports__, {
|
|
12218
|
-
"default": function() { return /* binding */
|
|
12213
|
+
"default": function() { return /* binding */ CvModal_CvModal; }
|
|
12219
12214
|
});
|
|
12220
12215
|
|
|
12221
12216
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
|
|
@@ -12224,10 +12219,24 @@ var defineProperty = __webpack_require__(2260);
|
|
|
12224
12219
|
var objectSpread2 = __webpack_require__(5128);
|
|
12225
12220
|
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.includes.js
|
|
12226
12221
|
var es_array_includes = __webpack_require__(6699);
|
|
12222
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.includes.js
|
|
12223
|
+
var es_string_includes = __webpack_require__(2023);
|
|
12227
12224
|
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.concat.js
|
|
12228
12225
|
var es_array_concat = __webpack_require__(2222);
|
|
12229
12226
|
// EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
|
|
12230
12227
|
var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__(3797);
|
|
12228
|
+
;// CONCATENATED MODULE: ./src/components/CvModal/index.js
|
|
12229
|
+
|
|
12230
|
+
var MODAL_SIZE_EXTRA_SMALL = 'xs';
|
|
12231
|
+
var MODAL_SIZE_SMALL = 'sm';
|
|
12232
|
+
var MODAL_SIZE_MEDIUM = 'md';
|
|
12233
|
+
var MODAL_SIZE_LARGE = 'lg';
|
|
12234
|
+
var MODAL_SIZES = ['', MODAL_SIZE_EXTRA_SMALL, MODAL_SIZE_SMALL, 'small', MODAL_SIZE_MEDIUM, 'medium', 'large', MODAL_SIZE_LARGE];
|
|
12235
|
+
var MODAL_KIND_PRIMARY = 'primary';
|
|
12236
|
+
var MODAL_KIND_DANGER = 'danger';
|
|
12237
|
+
var MODAL_KINDS = ['', MODAL_KIND_PRIMARY, MODAL_KIND_DANGER];
|
|
12238
|
+
|
|
12239
|
+
/* harmony default export */ var components_CvModal = ((/* unused pure expression or super */ null && (CvModal)));
|
|
12231
12240
|
// EXTERNAL MODULE: ./src/components/CvButton/CvButton.vue + 4 modules
|
|
12232
12241
|
var CvButton = __webpack_require__(1510);
|
|
12233
12242
|
// EXTERNAL MODULE: ./src/global/settings.js
|
|
@@ -12244,6 +12253,7 @@ var CvButtonSet = __webpack_require__(2750);
|
|
|
12244
12253
|
|
|
12245
12254
|
|
|
12246
12255
|
|
|
12256
|
+
|
|
12247
12257
|
var _hoisted_1 = ["id", "onKeydown", "onClick"];
|
|
12248
12258
|
var _hoisted_2 = ["aria-label"];
|
|
12249
12259
|
var _hoisted_3 = ["aria-label"];
|
|
@@ -12254,6 +12264,7 @@ var _hoisted_4 = ["tabindex"];
|
|
|
12254
12264
|
|
|
12255
12265
|
|
|
12256
12266
|
|
|
12267
|
+
|
|
12257
12268
|
/* harmony default export */ var CvModalvue_type_script_setup_true_lang_js = ({
|
|
12258
12269
|
__name: 'CvModal',
|
|
12259
12270
|
props: (0,objectSpread2/* default */.Z)({
|
|
@@ -12288,7 +12299,9 @@ var _hoisted_4 = ["tabindex"];
|
|
|
12288
12299
|
type: String,
|
|
12289
12300
|
default: '',
|
|
12290
12301
|
validator: function validator(val) {
|
|
12291
|
-
|
|
12302
|
+
var valid = MODAL_KINDS.includes(val);
|
|
12303
|
+
if (!valid) console.warn('valid kinds:', MODAL_KINDS);
|
|
12304
|
+
return valid;
|
|
12292
12305
|
}
|
|
12293
12306
|
},
|
|
12294
12307
|
|
|
@@ -12334,7 +12347,9 @@ var _hoisted_4 = ["tabindex"];
|
|
|
12334
12347
|
size: {
|
|
12335
12348
|
type: String,
|
|
12336
12349
|
validator: function validator(val) {
|
|
12337
|
-
|
|
12350
|
+
var valid = MODAL_SIZES.includes(val);
|
|
12351
|
+
if (!valid) console.warn('valid sizes:', MODAL_SIZES);
|
|
12352
|
+
return valid;
|
|
12338
12353
|
},
|
|
12339
12354
|
default: ''
|
|
12340
12355
|
},
|
|
@@ -12370,7 +12385,8 @@ var _hoisted_4 = ["tabindex"];
|
|
|
12370
12385
|
}, cvId/* props */.N),
|
|
12371
12386
|
emits: ['modal-shown', 'modal-hidden', 'after-modal-hidden', 'modal-hide-request', 'primary-click', 'secondary-click', 'other-btn-click', 'update:modelValue', 'update:visible'],
|
|
12372
12387
|
setup: function setup(__props, _ref) {
|
|
12373
|
-
var
|
|
12388
|
+
var __expose = _ref.expose,
|
|
12389
|
+
emit = _ref.emit;
|
|
12374
12390
|
var props = __props;
|
|
12375
12391
|
var uid = (0,cvId/* useCvId */.l)(props, true);
|
|
12376
12392
|
var dataVisible = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(false);
|
|
@@ -12502,24 +12518,24 @@ var _hoisted_4 = ["tabindex"];
|
|
|
12502
12518
|
return attrs;
|
|
12503
12519
|
});
|
|
12504
12520
|
var primaryKind = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(function () {
|
|
12505
|
-
if (props.kind ===
|
|
12506
|
-
return
|
|
12521
|
+
if (props.kind === MODAL_KIND_DANGER) {
|
|
12522
|
+
return MODAL_KIND_DANGER;
|
|
12507
12523
|
} else {
|
|
12508
|
-
return
|
|
12524
|
+
return MODAL_KIND_PRIMARY;
|
|
12509
12525
|
}
|
|
12510
12526
|
});
|
|
12511
12527
|
var internalSize = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(function () {
|
|
12512
12528
|
switch (props.size) {
|
|
12513
|
-
case
|
|
12514
|
-
return
|
|
12529
|
+
case MODAL_SIZE_EXTRA_SMALL:
|
|
12530
|
+
return MODAL_SIZE_EXTRA_SMALL;
|
|
12515
12531
|
|
|
12516
|
-
case
|
|
12532
|
+
case MODAL_SIZE_SMALL:
|
|
12517
12533
|
case 'small':
|
|
12518
|
-
return
|
|
12534
|
+
return MODAL_SIZE_SMALL;
|
|
12519
12535
|
|
|
12520
|
-
case
|
|
12536
|
+
case MODAL_SIZE_LARGE:
|
|
12521
12537
|
case 'large':
|
|
12522
|
-
return
|
|
12538
|
+
return MODAL_SIZE_LARGE;
|
|
12523
12539
|
|
|
12524
12540
|
default:
|
|
12525
12541
|
return '';
|
|
@@ -12577,7 +12593,13 @@ var _hoisted_4 = ["tabindex"];
|
|
|
12577
12593
|
|
|
12578
12594
|
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.onBeforeUnmount)(function () {
|
|
12579
12595
|
if (dataVisible.value) hide();
|
|
12596
|
+
}); // exposing methods
|
|
12597
|
+
|
|
12598
|
+
__expose({
|
|
12599
|
+
show: show,
|
|
12600
|
+
hide: hide
|
|
12580
12601
|
});
|
|
12602
|
+
|
|
12581
12603
|
return function (_ctx, _cache) {
|
|
12582
12604
|
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Teleport, {
|
|
12583
12605
|
to: "body",
|
|
@@ -12589,7 +12611,7 @@ var _hoisted_4 = ["tabindex"];
|
|
|
12589
12611
|
"data-modal": "",
|
|
12590
12612
|
class: ["cv-modal ".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--modal"), (0,defineProperty/* default */.Z)({
|
|
12591
12613
|
'is-visible': dataVisible.value
|
|
12592
|
-
}, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--modal--danger"), __props.kind ===
|
|
12614
|
+
}, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--modal--danger"), __props.kind === (0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(MODAL_KIND_DANGER))],
|
|
12593
12615
|
tabindex: "-1"
|
|
12594
12616
|
}, _ctx.$attrs, {
|
|
12595
12617
|
onKeydown: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)(onEsc, ["prevent"]), ["esc"]),
|
|
@@ -12708,7 +12730,7 @@ var _hoisted_4 = ["tabindex"];
|
|
|
12708
12730
|
|
|
12709
12731
|
const __exports__ = CvModalvue_type_script_setup_true_lang_js;
|
|
12710
12732
|
|
|
12711
|
-
/* harmony default export */ var
|
|
12733
|
+
/* harmony default export */ var CvModal_CvModal = (__exports__);
|
|
12712
12734
|
|
|
12713
12735
|
/***/ }),
|
|
12714
12736
|
|
|
@@ -13090,10 +13112,14 @@ var _hoisted_7 = ["onClick", "onMousemove"];
|
|
|
13090
13112
|
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(updateSelectedItems);
|
|
13091
13113
|
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(function () {
|
|
13092
13114
|
return props.modelValue;
|
|
13093
|
-
}, updateSelectedItems
|
|
13115
|
+
}, updateSelectedItems, {
|
|
13116
|
+
deep: true
|
|
13117
|
+
});
|
|
13094
13118
|
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(function () {
|
|
13095
13119
|
return props.options;
|
|
13096
|
-
}, updateOptions
|
|
13120
|
+
}, updateOptions, {
|
|
13121
|
+
deep: true
|
|
13122
|
+
});
|
|
13097
13123
|
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(function () {
|
|
13098
13124
|
return props.selectionFeedback;
|
|
13099
13125
|
}, updateOptions);
|
|
@@ -13558,7 +13584,7 @@ const __exports__ = CvMultiSelectvue_type_script_setup_true_lang_js;
|
|
|
13558
13584
|
|
|
13559
13585
|
/***/ }),
|
|
13560
13586
|
|
|
13561
|
-
/***/
|
|
13587
|
+
/***/ 3102:
|
|
13562
13588
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
13563
13589
|
|
|
13564
13590
|
"use strict";
|
|
@@ -13576,7 +13602,7 @@ var defineProperty = __webpack_require__(2260);
|
|
|
13576
13602
|
var es_array_concat = __webpack_require__(2222);
|
|
13577
13603
|
// EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
|
|
13578
13604
|
var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__(3797);
|
|
13579
|
-
;// CONCATENATED MODULE: ./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/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/CvNotification/CvInlineNotification.vue?vue&type=template&id=
|
|
13605
|
+
;// CONCATENATED MODULE: ./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/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/CvNotification/CvInlineNotification.vue?vue&type=template&id=47cf1043
|
|
13580
13606
|
|
|
13581
13607
|
|
|
13582
13608
|
|
|
@@ -13597,15 +13623,20 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
13597
13623
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat($setup.carbonPrefix, "--inline-notification__text-wrapper"))
|
|
13598
13624
|
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("p", {
|
|
13599
13625
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat($setup.carbonPrefix, "--inline-notification__title"))
|
|
13600
|
-
}, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.
|
|
13626
|
+
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "title", {}, function () {
|
|
13627
|
+
return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.title), 1)];
|
|
13628
|
+
})], 2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
|
|
13601
13629
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat($setup.carbonPrefix, "--inline-notification__subtitle"))
|
|
13602
|
-
}, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.
|
|
13630
|
+
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "subtitle", {}, function () {
|
|
13631
|
+
return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.subTitle), 1)];
|
|
13632
|
+
})], 2)], 2)], 2), $props.actionLabel.length > 0 ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("button", {
|
|
13603
13633
|
key: 0,
|
|
13604
13634
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["".concat($setup.carbonPrefix, "--inline-notification__action-button"), "".concat($setup.carbonPrefix, "--btn"), "".concat($setup.carbonPrefix, "--btn--sm"), "".concat($setup.carbonPrefix, "--btn--ghost")]),
|
|
13605
13635
|
onClick: _cache[0] || (_cache[0] = function ($event) {
|
|
13606
13636
|
return _ctx.$emit('action');
|
|
13607
13637
|
})
|
|
13608
|
-
}, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.actionLabel), 3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.
|
|
13638
|
+
}, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.actionLabel), 3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), !$props.hideCloseButton ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("button", {
|
|
13639
|
+
key: 1,
|
|
13609
13640
|
type: "button",
|
|
13610
13641
|
"aria-label": $props.closeAriaLabel,
|
|
13611
13642
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat($setup.carbonPrefix, "--inline-notification__close-button")),
|
|
@@ -13614,9 +13645,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
13614
13645
|
})
|
|
13615
13646
|
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_close20, {
|
|
13616
13647
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat($setup.carbonPrefix, "--inline-notification__close-icon"))
|
|
13617
|
-
}, null, 8, ["class"])], 10, _hoisted_2)], 10, _hoisted_1);
|
|
13648
|
+
}, null, 8, ["class"])], 10, _hoisted_2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 10, _hoisted_1);
|
|
13618
13649
|
}
|
|
13619
|
-
;// CONCATENATED MODULE: ./src/components/CvNotification/CvInlineNotification.vue?vue&type=template&id=
|
|
13650
|
+
;// CONCATENATED MODULE: ./src/components/CvNotification/CvInlineNotification.vue?vue&type=template&id=47cf1043
|
|
13620
13651
|
|
|
13621
13652
|
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.includes.js
|
|
13622
13653
|
var es_array_includes = __webpack_require__(6699);
|
|
@@ -13656,7 +13687,7 @@ var consts = __webpack_require__(5888);
|
|
|
13656
13687
|
default: ''
|
|
13657
13688
|
},
|
|
13658
13689
|
|
|
13659
|
-
/** Notification
|
|
13690
|
+
/** Notification subtitle */
|
|
13660
13691
|
subTitle: {
|
|
13661
13692
|
type: String,
|
|
13662
13693
|
default: ''
|
|
@@ -13678,6 +13709,12 @@ var consts = __webpack_require__(5888);
|
|
|
13678
13709
|
lowContrast: {
|
|
13679
13710
|
type: Boolean,
|
|
13680
13711
|
default: false
|
|
13712
|
+
},
|
|
13713
|
+
|
|
13714
|
+
/** Set to true to hide the code button */
|
|
13715
|
+
hideCloseButton: {
|
|
13716
|
+
type: Boolean,
|
|
13717
|
+
default: false
|
|
13681
13718
|
}
|
|
13682
13719
|
},
|
|
13683
13720
|
emits: [
|
|
@@ -16168,7 +16205,7 @@ var _hoisted_4 = ["title", "aria-label"];
|
|
|
16168
16205
|
|
|
16169
16206
|
return function (_ctx, _cache) {
|
|
16170
16207
|
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveDynamicComponent)(__props.formItem ? 'div' : _CvEmpty/* default */.Z), {
|
|
16171
|
-
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("cv-search ".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--form-item"))
|
|
16208
|
+
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["cv-search", "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--form-item"), _ctx.$attrs.class])
|
|
16172
16209
|
}, {
|
|
16173
16210
|
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(function () {
|
|
16174
16211
|
var _ref2;
|
|
@@ -17936,7 +17973,9 @@ var OVERFLOW_BUTTON_OFFSET = 40;
|
|
|
17936
17973
|
}
|
|
17937
17974
|
|
|
17938
17975
|
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(maybeSelectFirstTab);
|
|
17939
|
-
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(tabs, maybeSelectFirstTab
|
|
17976
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(tabs, maybeSelectFirstTab, {
|
|
17977
|
+
deep: true
|
|
17978
|
+
});
|
|
17940
17979
|
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(selectedId, function () {
|
|
17941
17980
|
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(function () {
|
|
17942
17981
|
doTabClick(selectedId.value);
|
|
@@ -18251,7 +18290,7 @@ var OVERFLOW_BUTTON_OFFSET = 40;
|
|
|
18251
18290
|
role: "tab",
|
|
18252
18291
|
"aria-controls": tab.uid,
|
|
18253
18292
|
"aria-disabled": disabledTabs.value.has(tab.uid) || null,
|
|
18254
|
-
"aria-selected": selectedId.value === tab.uid,
|
|
18293
|
+
"aria-selected": "".concat(selectedId.value === tab.uid),
|
|
18255
18294
|
tabindex: selectedId.value === tab.uid ? 0 : -1,
|
|
18256
18295
|
type: "button",
|
|
18257
18296
|
onClick: function onClick($event) {
|
|
@@ -42059,7 +42098,7 @@ var codeSnippetKinds = ['oneline', 'multiline', 'inline'];
|
|
|
42059
42098
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
42060
42099
|
|
|
42061
42100
|
"use strict";
|
|
42062
|
-
/* harmony import */ var
|
|
42101
|
+
/* harmony import */ var _home_runner_work_carbon_components_vue_carbon_components_vue_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5128);
|
|
42063
42102
|
/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6699);
|
|
42064
42103
|
/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_1__);
|
|
42065
42104
|
/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2023);
|
|
@@ -42332,7 +42371,7 @@ var logger = loggerEnabled ? console.debug : function () {};
|
|
|
42332
42371
|
} else {
|
|
42333
42372
|
var current = headings[index];
|
|
42334
42373
|
|
|
42335
|
-
var changes = (0,
|
|
42374
|
+
var changes = (0,_home_runner_work_carbon_components_vue_carbon_components_vue_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)((0,_home_runner_work_carbon_components_vue_carbon_components_vue_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)({}, current), update);
|
|
42336
42375
|
|
|
42337
42376
|
var changed = current.name !== changes.name || current.order !== changes.order || current.sortable !== changes.sortable;
|
|
42338
42377
|
|
|
@@ -42452,7 +42491,7 @@ var logger = loggerEnabled ? console.debug : function () {};
|
|
|
42452
42491
|
} else {
|
|
42453
42492
|
var current = rows[index];
|
|
42454
42493
|
|
|
42455
|
-
var changes = (0,
|
|
42494
|
+
var changes = (0,_home_runner_work_carbon_components_vue_carbon_components_vue_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)((0,_home_runner_work_carbon_components_vue_carbon_components_vue_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)({}, current), update);
|
|
42456
42495
|
|
|
42457
42496
|
var changed = current.value !== changes.value || current.expandable !== changes.expandable || current.isExpanded !== changes.isExpanded || current.isChecked !== changes.isChecked;
|
|
42458
42497
|
|
|
@@ -42797,7 +42836,7 @@ var directions = Object.values(TipDirections);
|
|
|
42797
42836
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
42798
42837
|
|
|
42799
42838
|
"use strict";
|
|
42800
|
-
/* harmony import */ var
|
|
42839
|
+
/* harmony import */ var _home_runner_work_carbon_components_vue_carbon_components_vue_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5128);
|
|
42801
42840
|
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3797);
|
|
42802
42841
|
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_1__);
|
|
42803
42842
|
|
|
@@ -42822,7 +42861,7 @@ var directions = Object.values(TipDirections);
|
|
|
42822
42861
|
var slots = (0,vue__WEBPACK_IMPORTED_MODULE_1__.useSlots)();
|
|
42823
42862
|
var attrs = (0,vue__WEBPACK_IMPORTED_MODULE_1__.useAttrs)();
|
|
42824
42863
|
return function () {
|
|
42825
|
-
if (props.tagType) return (0,vue__WEBPACK_IMPORTED_MODULE_1__.h)(props.tagType, (0,
|
|
42864
|
+
if (props.tagType) return (0,vue__WEBPACK_IMPORTED_MODULE_1__.h)(props.tagType, (0,_home_runner_work_carbon_components_vue_carbon_components_vue_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)({}, attrs), slots.default());else return slots.default();
|
|
42826
42865
|
};
|
|
42827
42866
|
}
|
|
42828
42867
|
});
|
|
@@ -43476,7 +43515,7 @@ var map = {
|
|
|
43476
43515
|
"./CvDataTable/CvDataTableHeading.vue": 6403,
|
|
43477
43516
|
"./CvDataTable/CvDataTableRow.vue": 6358,
|
|
43478
43517
|
"./CvDataTable/CvDataTableSkeleton.vue": 2372,
|
|
43479
|
-
"./CvDatePicker/CvDatePicker.vue":
|
|
43518
|
+
"./CvDatePicker/CvDatePicker.vue": 783,
|
|
43480
43519
|
"./CvDatePicker/CvDatePickerSkeleton.vue": 8310,
|
|
43481
43520
|
"./CvDropdown/CvDropdown.vue": 1189,
|
|
43482
43521
|
"./CvDropdown/CvDropdownItem.vue": 4671,
|
|
@@ -43495,9 +43534,9 @@ var map = {
|
|
|
43495
43534
|
"./CvList/CvList.vue": 8356,
|
|
43496
43535
|
"./CvList/CvListItem.vue": 5207,
|
|
43497
43536
|
"./CvLoading/CvLoading.vue": 1549,
|
|
43498
|
-
"./CvModal/CvModal.vue":
|
|
43537
|
+
"./CvModal/CvModal.vue": 2250,
|
|
43499
43538
|
"./CvMultiSelect/CvMultiSelect.vue": 9392,
|
|
43500
|
-
"./CvNotification/CvInlineNotification.vue":
|
|
43539
|
+
"./CvNotification/CvInlineNotification.vue": 3102,
|
|
43501
43540
|
"./CvNotification/CvToastNotification.vue": 9766,
|
|
43502
43541
|
"./CvNumberInput/CvNumberInput.vue": 4518,
|
|
43503
43542
|
"./CvNumberInput/CvNumberInputSkeleton.vue": 9756,
|