@carbon/vue 3.0.11 → 3.0.13
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 +197 -99
- package/dist/carbon-vue-3.common.js.map +1 -1
- package/dist/carbon-vue-3.umd.js +197 -99
- 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 +5505 -0
- package/package.json +2 -2
- package/src/components/CvAccordion/CvAccordion.stories.mdx +153 -0
- package/src/components/CvAccordion/CvAccordion.vue +18 -5
- package/src/components/CvAccordion/CvAccordionItem.vue +18 -6
- package/src/components/CvAccordion/consts.js +8 -9
- package/src/components/CvCheckbox/CvCheckbox.vue +6 -2
- package/src/components/CvDataTable/CvDataTable.stories.mdx +39 -14
- package/src/components/CvDataTable/CvDataTableHeading.vue +3 -5
- package/src/components/CvDatePicker/CvDatePicker.stories.js +165 -14
- package/src/components/CvDatePicker/CvDatePicker.vue +31 -17
- 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/CvRadioButton/CvRadioButton.stories.js +20 -1
- package/src/components/CvRadioButton/CvRadioButton.vue +7 -5
- package/src/components/CvRadioButton/CvRadioGroup.vue +18 -2
- package/src/components/CvRadioButton/__tests__/__snapshots__/CvRadioButton.spec.js.snap +6 -4
- package/src/components/CvSearch/CvSearch.vue +1 -1
- package/src/components/CvTabs/CvTabs.vue +2 -2
- package/src/components/CvAccordion/CvAccordion.stories.js +0 -55
package/dist/carbon-vue-3.umd.js
CHANGED
|
@@ -1280,19 +1280,18 @@ var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__(7203);
|
|
|
1280
1280
|
// EXTERNAL MODULE: ./src/global/settings.js
|
|
1281
1281
|
var settings = __webpack_require__(624);
|
|
1282
1282
|
;// CONCATENATED MODULE: ./src/components/CvAccordion/consts.js
|
|
1283
|
-
var alignConsts = [
|
|
1283
|
+
var alignConsts = ['', 'start', 'end'];
|
|
1284
1284
|
alignConsts.$labels = {
|
|
1285
|
-
'
|
|
1286
|
-
Start: 1,
|
|
1287
|
-
End: 2
|
|
1288
|
-
'Empty string': 3
|
|
1285
|
+
'Default (end)': 0,
|
|
1286
|
+
'Start (start)': 1,
|
|
1287
|
+
'End (end)': 2
|
|
1289
1288
|
};
|
|
1290
|
-
var sizeConsts = [
|
|
1289
|
+
var sizeConsts = ['', 'sm', 'md', 'xl'];
|
|
1291
1290
|
sizeConsts.$labels = {
|
|
1292
|
-
'
|
|
1291
|
+
'Default (md)': 0,
|
|
1293
1292
|
'Small (sm)': 1,
|
|
1294
|
-
'
|
|
1295
|
-
'
|
|
1293
|
+
'Medium (md)': 2,
|
|
1294
|
+
'Extra large (xl)': 3
|
|
1296
1295
|
};
|
|
1297
1296
|
var CvAccordionConsts = {
|
|
1298
1297
|
alignConsts: alignConsts,
|
|
@@ -1323,22 +1322,22 @@ var __default__ = {
|
|
|
1323
1322
|
/* harmony default export */ var CvAccordionvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(__default__, {
|
|
1324
1323
|
props: {
|
|
1325
1324
|
/**
|
|
1326
|
-
*
|
|
1325
|
+
* Specify the alignment of the accordion heading title and chevron.
|
|
1327
1326
|
*/
|
|
1328
1327
|
align: {
|
|
1329
1328
|
type: String,
|
|
1330
|
-
default:
|
|
1329
|
+
default: '',
|
|
1331
1330
|
validator: function validator(val) {
|
|
1332
1331
|
return alignConsts.includes(val);
|
|
1333
1332
|
}
|
|
1334
1333
|
},
|
|
1335
1334
|
|
|
1336
1335
|
/**
|
|
1337
|
-
*
|
|
1336
|
+
* Specify the size of the Accordion
|
|
1338
1337
|
*/
|
|
1339
1338
|
size: {
|
|
1340
1339
|
type: String,
|
|
1341
|
-
default:
|
|
1340
|
+
default: '',
|
|
1342
1341
|
validator: function validator(val) {
|
|
1343
1342
|
return sizeConsts.includes(val);
|
|
1344
1343
|
}
|
|
@@ -1346,7 +1345,7 @@ var __default__ = {
|
|
|
1346
1345
|
},
|
|
1347
1346
|
emits: {
|
|
1348
1347
|
/**
|
|
1349
|
-
* Triggers when
|
|
1348
|
+
* Triggers when state of an accordion item changes
|
|
1350
1349
|
*/
|
|
1351
1350
|
change: function change(payload) {
|
|
1352
1351
|
var _payload$change, _payload$change2;
|
|
@@ -1391,6 +1390,19 @@ var __default__ = {
|
|
|
1391
1390
|
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('deregisterItem', function (itemCvId) {
|
|
1392
1391
|
items.delete(itemCvId);
|
|
1393
1392
|
});
|
|
1393
|
+
/**
|
|
1394
|
+
* @typedef {Object} AccordionChangeElement
|
|
1395
|
+
* @property {string} id
|
|
1396
|
+
* @property {boolean} open
|
|
1397
|
+
*/
|
|
1398
|
+
|
|
1399
|
+
/**
|
|
1400
|
+
* @typedef {Object} AccordionChangeEvent
|
|
1401
|
+
* @property {AccordionChangeElement} change
|
|
1402
|
+
* @property {Array<AccordionChangeElement>} state
|
|
1403
|
+
* @param ev
|
|
1404
|
+
*/
|
|
1405
|
+
|
|
1394
1406
|
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('onAccItemChange', function (clickedItemCvId, open) {
|
|
1395
1407
|
items.get(clickedItemCvId).open = open;
|
|
1396
1408
|
emit('change', {
|
|
@@ -1469,31 +1481,39 @@ var __default__ = {
|
|
|
1469
1481
|
/* harmony default export */ var CvAccordionItemvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(__default__, {
|
|
1470
1482
|
props: (0,objectSpread2/* default */.Z)({
|
|
1471
1483
|
/**
|
|
1472
|
-
* disables this
|
|
1484
|
+
* disables this accordion item
|
|
1473
1485
|
*/
|
|
1474
1486
|
disabled: Boolean,
|
|
1475
1487
|
|
|
1476
1488
|
/**
|
|
1477
|
-
*
|
|
1489
|
+
* open state of the accordion item. available as a v-model
|
|
1478
1490
|
*/
|
|
1479
1491
|
open: Boolean
|
|
1480
1492
|
}, use_cvId/* props */.N),
|
|
1481
|
-
|
|
1493
|
+
emits: ['update:open'],
|
|
1494
|
+
setup: function setup(__props, _ref) {
|
|
1495
|
+
var emit = _ref.emit;
|
|
1482
1496
|
var props = __props; // Accordion methods
|
|
1483
1497
|
|
|
1484
1498
|
var registerItem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('registerItem', function () {});
|
|
1485
1499
|
var deregisterItem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('deregisterItem', function () {});
|
|
1486
|
-
var
|
|
1500
|
+
var onAccItemChange = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('onAccItemChange', function (clickedItemCvId, open) {});
|
|
1501
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(function () {
|
|
1502
|
+
return props.open;
|
|
1503
|
+
}, function () {
|
|
1504
|
+
if (props.open !== isOpen.value) toggleOpen(props.open);
|
|
1505
|
+
}); // Accordion item methods
|
|
1487
1506
|
|
|
1488
|
-
var cvId = (0,use_cvId/* useCvId */.l)(props);
|
|
1507
|
+
var cvId = (0,use_cvId/* useCvId */.l)(props, true);
|
|
1489
1508
|
var isOpen = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(props.open);
|
|
1490
1509
|
var animation = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)('');
|
|
1491
1510
|
|
|
1492
1511
|
var toggleOpen = function toggleOpen(force) {
|
|
1493
1512
|
var newValue = typeof force !== 'undefined' ? force : !isOpen.value;
|
|
1494
1513
|
animation.value = newValue ? 'expanding' : 'collapsing';
|
|
1514
|
+
if (newValue !== props.open) emit('update:open', newValue);
|
|
1515
|
+
if (isOpen.value !== newValue) onAccItemChange(cvId.value, newValue);
|
|
1495
1516
|
isOpen.value = newValue;
|
|
1496
|
-
onAccItemChagne(cvId.value, newValue);
|
|
1497
1517
|
};
|
|
1498
1518
|
|
|
1499
1519
|
var onClick = function onClick() {
|
|
@@ -1514,11 +1534,11 @@ var __default__ = {
|
|
|
1514
1534
|
deregisterItem(cvId.value);
|
|
1515
1535
|
});
|
|
1516
1536
|
return function (_ctx, _cache) {
|
|
1517
|
-
var
|
|
1537
|
+
var _ref2;
|
|
1518
1538
|
|
|
1519
1539
|
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("li", {
|
|
1520
1540
|
"data-accordion-item": "",
|
|
1521
|
-
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["cv-accordion-item", ["".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--accordion__item"), (
|
|
1541
|
+
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["cv-accordion-item", ["".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--accordion__item"), (_ref2 = {}, (0,defineProperty/* default */.Z)(_ref2, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--accordion__item--disabled"), __props.disabled), (0,defineProperty/* default */.Z)(_ref2, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--accordion__item--active"), isOpen.value), (0,defineProperty/* default */.Z)(_ref2, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--accordion__item--").concat(animation.value), animation.value), _ref2)]]),
|
|
1522
1542
|
onAnimationend: onAnimationEnd
|
|
1523
1543
|
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("button", {
|
|
1524
1544
|
ref: "button",
|
|
@@ -2421,7 +2441,7 @@ var use_cvId = __webpack_require__(6216);
|
|
|
2421
2441
|
|
|
2422
2442
|
|
|
2423
2443
|
|
|
2424
|
-
var _hoisted_1 = ["id", "checked", "
|
|
2444
|
+
var _hoisted_1 = ["id", "checked", "value", "disabled"];
|
|
2425
2445
|
var _hoisted_2 = ["for"];
|
|
2426
2446
|
|
|
2427
2447
|
|
|
@@ -2443,7 +2463,11 @@ var _hoisted_2 = ["for"];
|
|
|
2443
2463
|
*/
|
|
2444
2464
|
label: {
|
|
2445
2465
|
type: String,
|
|
2446
|
-
default: null
|
|
2466
|
+
default: null,
|
|
2467
|
+
required: true,
|
|
2468
|
+
validator: function validator(label) {
|
|
2469
|
+
return !!label.length;
|
|
2470
|
+
}
|
|
2447
2471
|
},
|
|
2448
2472
|
|
|
2449
2473
|
/**
|
|
@@ -2503,7 +2527,6 @@ var _hoisted_2 = ["for"];
|
|
|
2503
2527
|
type: "checkbox",
|
|
2504
2528
|
class: "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--checkbox"),
|
|
2505
2529
|
checked: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(isChecked) === true,
|
|
2506
|
-
"aria-checked": "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(isChecked)),
|
|
2507
2530
|
value: _ctx.value,
|
|
2508
2531
|
disabled: __props.disabled || null,
|
|
2509
2532
|
onFocus: onFocus,
|
|
@@ -5594,6 +5617,8 @@ var objectSpread2 = __webpack_require__(230);
|
|
|
5594
5617
|
var es_array_concat = __webpack_require__(2222);
|
|
5595
5618
|
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.function.name.js
|
|
5596
5619
|
var es_function_name = __webpack_require__(8309);
|
|
5620
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.includes.js
|
|
5621
|
+
var es_array_includes = __webpack_require__(6699);
|
|
5597
5622
|
// EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
|
|
5598
5623
|
var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__(7203);
|
|
5599
5624
|
// EXTERNAL MODULE: ./node_modules/@carbon/icons-vue/es/utils-148d018d.js
|
|
@@ -5670,6 +5695,7 @@ var cvDataTableStore = __webpack_require__(4132);
|
|
|
5670
5695
|
|
|
5671
5696
|
|
|
5672
5697
|
|
|
5698
|
+
|
|
5673
5699
|
var _hoisted_1 = ["id", "aria-sort"];
|
|
5674
5700
|
|
|
5675
5701
|
|
|
@@ -5771,12 +5797,7 @@ var _hoisted_1 = ["id", "aria-sort"];
|
|
|
5771
5797
|
}
|
|
5772
5798
|
|
|
5773
5799
|
var heading = cvDataTableStore/* default */.Z.findHeading(parent, cvId);
|
|
5774
|
-
|
|
5775
|
-
if ((heading === null || heading === void 0 ? void 0 : heading.order) !== 'ascending' && (heading === null || heading === void 0 ? void 0 : heading.order) !== 'descending') {
|
|
5776
|
-
return 'none';
|
|
5777
|
-
} else {
|
|
5778
|
-
return heading === null || heading === void 0 ? void 0 : heading.order;
|
|
5779
|
-
}
|
|
5800
|
+
if (['ascending', 'descending', 'none'].includes(heading === null || heading === void 0 ? void 0 : heading.order)) return heading.order;else return 'none';
|
|
5780
5801
|
});
|
|
5781
5802
|
var headingLabelTag = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(function () {
|
|
5782
5803
|
// no tag if non-blank skeleton
|
|
@@ -6366,7 +6387,7 @@ const __exports__ = CvDataTableSkeletonvue_type_script_setup_true_lang_js;
|
|
|
6366
6387
|
|
|
6367
6388
|
/***/ }),
|
|
6368
6389
|
|
|
6369
|
-
/***/
|
|
6390
|
+
/***/ 1945:
|
|
6370
6391
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
6371
6392
|
|
|
6372
6393
|
"use strict";
|
|
@@ -9270,34 +9291,47 @@ var _hoisted_7 = [_hoisted_6];
|
|
|
9270
9291
|
type: [String, Object, Array, Date],
|
|
9271
9292
|
default: undefined
|
|
9272
9293
|
},
|
|
9294
|
+
|
|
9295
|
+
/** Date picker label */
|
|
9273
9296
|
dateLabel: {
|
|
9274
9297
|
type: String,
|
|
9275
9298
|
default: undefined
|
|
9276
9299
|
},
|
|
9300
|
+
|
|
9301
|
+
/** Date picker end label (when using kind="range") */
|
|
9277
9302
|
dateEndLabel: {
|
|
9278
9303
|
type: String,
|
|
9279
9304
|
default: 'End date'
|
|
9280
9305
|
},
|
|
9281
|
-
|
|
9282
|
-
|
|
9283
|
-
default: false
|
|
9284
|
-
},
|
|
9306
|
+
|
|
9307
|
+
/** If true, the date picker will be disabled */
|
|
9285
9308
|
disabled: {
|
|
9286
9309
|
type: Boolean,
|
|
9287
9310
|
default: false
|
|
9288
9311
|
},
|
|
9312
|
+
|
|
9313
|
+
/** Date picker text on invalid value */
|
|
9289
9314
|
invalidMessage: {
|
|
9290
9315
|
type: String,
|
|
9291
9316
|
default: undefined
|
|
9292
9317
|
},
|
|
9318
|
+
|
|
9319
|
+
/** Regex pattern used for form validation, default \d{1,2}/\d{1,2}/\d{4} */
|
|
9293
9320
|
pattern: {
|
|
9294
9321
|
type: String,
|
|
9295
9322
|
default: '\\d{1,2}/\\d{1,2}/\\d{4}'
|
|
9296
9323
|
},
|
|
9324
|
+
|
|
9325
|
+
/** Date picker input placeholder, shown when date picker is empty. Default 'mm/dd/yyyy' */
|
|
9297
9326
|
placeholder: {
|
|
9298
9327
|
type: String,
|
|
9299
9328
|
default: 'mm/dd/yyyy'
|
|
9300
9329
|
},
|
|
9330
|
+
|
|
9331
|
+
/** You can pass flatpickr options through this prop.
|
|
9332
|
+
See https://flatpickr.js.org/options/ for more details.
|
|
9333
|
+
Some of the options is not supported (for example, onChange, onReady, mode, nextArrow, prevArrow).
|
|
9334
|
+
Also, you have to pass dateFormat field in calOptions object if you use it. */
|
|
9301
9335
|
calOptions: {
|
|
9302
9336
|
type: Object,
|
|
9303
9337
|
default: function _default() {
|
|
@@ -9310,6 +9344,9 @@ var _hoisted_7 = [_hoisted_6];
|
|
|
9310
9344
|
type: Boolean,
|
|
9311
9345
|
default: true
|
|
9312
9346
|
},
|
|
9347
|
+
|
|
9348
|
+
/** Date picker kind (also known as mode in flatpickr options).
|
|
9349
|
+
Possible values: 'short', 'simple', 'single', 'range' */
|
|
9313
9350
|
kind: {
|
|
9314
9351
|
type: String,
|
|
9315
9352
|
default: 'simple',
|
|
@@ -9330,9 +9367,9 @@ var _hoisted_7 = [_hoisted_6];
|
|
|
9330
9367
|
var dateWrapper = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(null);
|
|
9331
9368
|
var date = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(null);
|
|
9332
9369
|
var todate = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(null);
|
|
9370
|
+
var calendar;
|
|
9333
9371
|
var cvId = (0,use_cvId/* useCvId */.l)(props, true, 'date-picker-');
|
|
9334
9372
|
var isLight = (0,cvTheme/* useIsLight */.h)(props);
|
|
9335
|
-
var calendar;
|
|
9336
9373
|
var getKind = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)({
|
|
9337
9374
|
get: function get() {
|
|
9338
9375
|
if (['short', 'simple', 'single', 'range'].includes(props.kind)) {
|
|
@@ -9452,6 +9489,7 @@ var _hoisted_7 = [_hoisted_6];
|
|
|
9452
9489
|
};
|
|
9453
9490
|
|
|
9454
9491
|
var dateToString = function dateToString(val) {
|
|
9492
|
+
if (!val) return '';
|
|
9455
9493
|
return calendar.formatDate(val, props.calOptions.dateFormat);
|
|
9456
9494
|
}; // eslint-disable-next-line no-unused-vars
|
|
9457
9495
|
|
|
@@ -9484,14 +9522,18 @@ var _hoisted_7 = [_hoisted_6];
|
|
|
9484
9522
|
};
|
|
9485
9523
|
|
|
9486
9524
|
var setDate = function setDate(value) {
|
|
9487
|
-
|
|
9525
|
+
try {
|
|
9526
|
+
if (value === undefined) return;
|
|
9488
9527
|
|
|
9489
|
-
|
|
9490
|
-
|
|
9491
|
-
|
|
9492
|
-
|
|
9493
|
-
|
|
9494
|
-
|
|
9528
|
+
if (isSingle.value) {
|
|
9529
|
+
calendar.setDate(value, true);
|
|
9530
|
+
} else if (isRange.value) {
|
|
9531
|
+
calendar.setDate([value.startDate, value.endDate], true);
|
|
9532
|
+
} else {
|
|
9533
|
+
date.value.value = value;
|
|
9534
|
+
}
|
|
9535
|
+
} catch (e) {
|
|
9536
|
+
console.error('setDate', e);
|
|
9495
9537
|
}
|
|
9496
9538
|
};
|
|
9497
9539
|
|
|
@@ -9566,15 +9608,12 @@ var _hoisted_7 = [_hoisted_6];
|
|
|
9566
9608
|
"data-date-picker-input": "",
|
|
9567
9609
|
role: "datepicker",
|
|
9568
9610
|
"data-invalid": isInvalid.value || null,
|
|
9569
|
-
disabled: __props.disabled,
|
|
9570
|
-
"data-date-picker-input-from": getKind.value === 'range',
|
|
9611
|
+
disabled: __props.disabled || null,
|
|
9612
|
+
"data-date-picker-input-from": "".concat(getKind.value === 'range'),
|
|
9571
9613
|
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")),
|
|
9572
9614
|
pattern: __props.pattern,
|
|
9573
9615
|
placeholder: __props.placeholder,
|
|
9574
|
-
onChange: handleUpdateEvent
|
|
9575
|
-
onClick: _cache[0] || (_cache[0] = function () {
|
|
9576
|
-
return _ctx.handleClick && _ctx.handleClick.apply(_ctx, arguments);
|
|
9577
|
-
})
|
|
9616
|
+
onChange: handleUpdateEvent
|
|
9578
9617
|
}, 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), {
|
|
9579
9618
|
key: 0,
|
|
9580
9619
|
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")),
|
|
@@ -9593,7 +9632,7 @@ var _hoisted_7 = [_hoisted_6];
|
|
|
9593
9632
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--label"))
|
|
9594
9633
|
}, (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", {
|
|
9595
9634
|
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")),
|
|
9596
|
-
onClick: _cache[
|
|
9635
|
+
onClick: _cache[0] || (_cache[0] = function ($event) {
|
|
9597
9636
|
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(calendar).open();
|
|
9598
9637
|
})
|
|
9599
9638
|
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("input", {
|
|
@@ -9603,9 +9642,9 @@ var _hoisted_7 = [_hoisted_6];
|
|
|
9603
9642
|
type: "text",
|
|
9604
9643
|
"data-date-picker-input": "",
|
|
9605
9644
|
role: "todatepicker",
|
|
9606
|
-
"data-date-picker-input-to": __props.kind === 'range',
|
|
9645
|
+
"data-date-picker-input-to": "".concat(__props.kind === 'range'),
|
|
9607
9646
|
"data-invalid": isInvalid.value || null,
|
|
9608
|
-
disabled: __props.disabled,
|
|
9647
|
+
disabled: __props.disabled || null,
|
|
9609
9648
|
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")),
|
|
9610
9649
|
pattern: __props.pattern,
|
|
9611
9650
|
placeholder: __props.placeholder,
|
|
@@ -9625,10 +9664,10 @@ var _hoisted_7 = [_hoisted_6];
|
|
|
9625
9664
|
});
|
|
9626
9665
|
;// CONCATENATED MODULE: ./src/components/CvDatePicker/CvDatePicker.vue?vue&type=script&setup=true&lang=js
|
|
9627
9666
|
|
|
9628
|
-
;// CONCATENATED MODULE: ./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/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=
|
|
9667
|
+
;// CONCATENATED MODULE: ./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/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=db78c4fc&lang=scss
|
|
9629
9668
|
// extracted by mini-css-extract-plugin
|
|
9630
9669
|
|
|
9631
|
-
;// CONCATENATED MODULE: ./src/components/CvDatePicker/CvDatePicker.vue?vue&type=style&index=0&id=
|
|
9670
|
+
;// CONCATENATED MODULE: ./src/components/CvDatePicker/CvDatePicker.vue?vue&type=style&index=0&id=db78c4fc&lang=scss
|
|
9632
9671
|
|
|
9633
9672
|
;// CONCATENATED MODULE: ./src/components/CvDatePicker/CvDatePicker.vue
|
|
9634
9673
|
|
|
@@ -12216,7 +12255,7 @@ const __exports__ = CvLoadingvue_type_script_setup_true_lang_js;
|
|
|
12216
12255
|
|
|
12217
12256
|
/***/ }),
|
|
12218
12257
|
|
|
12219
|
-
/***/
|
|
12258
|
+
/***/ 3458:
|
|
12220
12259
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
12221
12260
|
|
|
12222
12261
|
"use strict";
|
|
@@ -12225,7 +12264,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
12225
12264
|
|
|
12226
12265
|
// EXPORTS
|
|
12227
12266
|
__webpack_require__.d(__webpack_exports__, {
|
|
12228
|
-
"default": function() { return /* binding */
|
|
12267
|
+
"default": function() { return /* binding */ CvModal_CvModal; }
|
|
12229
12268
|
});
|
|
12230
12269
|
|
|
12231
12270
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
|
|
@@ -12234,10 +12273,24 @@ var defineProperty = __webpack_require__(752);
|
|
|
12234
12273
|
var objectSpread2 = __webpack_require__(230);
|
|
12235
12274
|
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.includes.js
|
|
12236
12275
|
var es_array_includes = __webpack_require__(6699);
|
|
12276
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.includes.js
|
|
12277
|
+
var es_string_includes = __webpack_require__(2023);
|
|
12237
12278
|
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.concat.js
|
|
12238
12279
|
var es_array_concat = __webpack_require__(2222);
|
|
12239
12280
|
// EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
|
|
12240
12281
|
var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__(7203);
|
|
12282
|
+
;// CONCATENATED MODULE: ./src/components/CvModal/index.js
|
|
12283
|
+
|
|
12284
|
+
var MODAL_SIZE_EXTRA_SMALL = 'xs';
|
|
12285
|
+
var MODAL_SIZE_SMALL = 'sm';
|
|
12286
|
+
var MODAL_SIZE_MEDIUM = 'md';
|
|
12287
|
+
var MODAL_SIZE_LARGE = 'lg';
|
|
12288
|
+
var MODAL_SIZES = ['', MODAL_SIZE_EXTRA_SMALL, MODAL_SIZE_SMALL, 'small', MODAL_SIZE_MEDIUM, 'medium', 'large', MODAL_SIZE_LARGE];
|
|
12289
|
+
var MODAL_KIND_PRIMARY = 'primary';
|
|
12290
|
+
var MODAL_KIND_DANGER = 'danger';
|
|
12291
|
+
var MODAL_KINDS = ['', MODAL_KIND_PRIMARY, MODAL_KIND_DANGER];
|
|
12292
|
+
|
|
12293
|
+
/* harmony default export */ var components_CvModal = ((/* unused pure expression or super */ null && (CvModal)));
|
|
12241
12294
|
// EXTERNAL MODULE: ./src/components/CvButton/CvButton.vue + 4 modules
|
|
12242
12295
|
var CvButton = __webpack_require__(7084);
|
|
12243
12296
|
// EXTERNAL MODULE: ./src/global/settings.js
|
|
@@ -12254,6 +12307,7 @@ var CvButtonSet = __webpack_require__(269);
|
|
|
12254
12307
|
|
|
12255
12308
|
|
|
12256
12309
|
|
|
12310
|
+
|
|
12257
12311
|
var _hoisted_1 = ["id", "onKeydown", "onClick"];
|
|
12258
12312
|
var _hoisted_2 = ["aria-label"];
|
|
12259
12313
|
var _hoisted_3 = ["aria-label"];
|
|
@@ -12264,6 +12318,7 @@ var _hoisted_4 = ["tabindex"];
|
|
|
12264
12318
|
|
|
12265
12319
|
|
|
12266
12320
|
|
|
12321
|
+
|
|
12267
12322
|
/* harmony default export */ var CvModalvue_type_script_setup_true_lang_js = ({
|
|
12268
12323
|
__name: 'CvModal',
|
|
12269
12324
|
props: (0,objectSpread2/* default */.Z)({
|
|
@@ -12298,7 +12353,9 @@ var _hoisted_4 = ["tabindex"];
|
|
|
12298
12353
|
type: String,
|
|
12299
12354
|
default: '',
|
|
12300
12355
|
validator: function validator(val) {
|
|
12301
|
-
|
|
12356
|
+
var valid = MODAL_KINDS.includes(val);
|
|
12357
|
+
if (!valid) console.warn('valid kinds:', MODAL_KINDS);
|
|
12358
|
+
return valid;
|
|
12302
12359
|
}
|
|
12303
12360
|
},
|
|
12304
12361
|
|
|
@@ -12344,7 +12401,9 @@ var _hoisted_4 = ["tabindex"];
|
|
|
12344
12401
|
size: {
|
|
12345
12402
|
type: String,
|
|
12346
12403
|
validator: function validator(val) {
|
|
12347
|
-
|
|
12404
|
+
var valid = MODAL_SIZES.includes(val);
|
|
12405
|
+
if (!valid) console.warn('valid sizes:', MODAL_SIZES);
|
|
12406
|
+
return valid;
|
|
12348
12407
|
},
|
|
12349
12408
|
default: ''
|
|
12350
12409
|
},
|
|
@@ -12380,7 +12439,8 @@ var _hoisted_4 = ["tabindex"];
|
|
|
12380
12439
|
}, cvId/* props */.N),
|
|
12381
12440
|
emits: ['modal-shown', 'modal-hidden', 'after-modal-hidden', 'modal-hide-request', 'primary-click', 'secondary-click', 'other-btn-click', 'update:modelValue', 'update:visible'],
|
|
12382
12441
|
setup: function setup(__props, _ref) {
|
|
12383
|
-
var
|
|
12442
|
+
var __expose = _ref.expose,
|
|
12443
|
+
emit = _ref.emit;
|
|
12384
12444
|
var props = __props;
|
|
12385
12445
|
var uid = (0,cvId/* useCvId */.l)(props, true);
|
|
12386
12446
|
var dataVisible = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(false);
|
|
@@ -12512,24 +12572,24 @@ var _hoisted_4 = ["tabindex"];
|
|
|
12512
12572
|
return attrs;
|
|
12513
12573
|
});
|
|
12514
12574
|
var primaryKind = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(function () {
|
|
12515
|
-
if (props.kind ===
|
|
12516
|
-
return
|
|
12575
|
+
if (props.kind === MODAL_KIND_DANGER) {
|
|
12576
|
+
return MODAL_KIND_DANGER;
|
|
12517
12577
|
} else {
|
|
12518
|
-
return
|
|
12578
|
+
return MODAL_KIND_PRIMARY;
|
|
12519
12579
|
}
|
|
12520
12580
|
});
|
|
12521
12581
|
var internalSize = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(function () {
|
|
12522
12582
|
switch (props.size) {
|
|
12523
|
-
case
|
|
12524
|
-
return
|
|
12583
|
+
case MODAL_SIZE_EXTRA_SMALL:
|
|
12584
|
+
return MODAL_SIZE_EXTRA_SMALL;
|
|
12525
12585
|
|
|
12526
|
-
case
|
|
12586
|
+
case MODAL_SIZE_SMALL:
|
|
12527
12587
|
case 'small':
|
|
12528
|
-
return
|
|
12588
|
+
return MODAL_SIZE_SMALL;
|
|
12529
12589
|
|
|
12530
|
-
case
|
|
12590
|
+
case MODAL_SIZE_LARGE:
|
|
12531
12591
|
case 'large':
|
|
12532
|
-
return
|
|
12592
|
+
return MODAL_SIZE_LARGE;
|
|
12533
12593
|
|
|
12534
12594
|
default:
|
|
12535
12595
|
return '';
|
|
@@ -12587,7 +12647,13 @@ var _hoisted_4 = ["tabindex"];
|
|
|
12587
12647
|
|
|
12588
12648
|
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.onBeforeUnmount)(function () {
|
|
12589
12649
|
if (dataVisible.value) hide();
|
|
12650
|
+
}); // exposing methods
|
|
12651
|
+
|
|
12652
|
+
__expose({
|
|
12653
|
+
show: show,
|
|
12654
|
+
hide: hide
|
|
12590
12655
|
});
|
|
12656
|
+
|
|
12591
12657
|
return function (_ctx, _cache) {
|
|
12592
12658
|
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, {
|
|
12593
12659
|
to: "body",
|
|
@@ -12599,7 +12665,7 @@ var _hoisted_4 = ["tabindex"];
|
|
|
12599
12665
|
"data-modal": "",
|
|
12600
12666
|
class: ["cv-modal ".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--modal"), (0,defineProperty/* default */.Z)({
|
|
12601
12667
|
'is-visible': dataVisible.value
|
|
12602
|
-
}, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--modal--danger"), __props.kind ===
|
|
12668
|
+
}, "".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))],
|
|
12603
12669
|
tabindex: "-1"
|
|
12604
12670
|
}, _ctx.$attrs, {
|
|
12605
12671
|
onKeydown: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)(onEsc, ["prevent"]), ["esc"]),
|
|
@@ -12718,7 +12784,7 @@ var _hoisted_4 = ["tabindex"];
|
|
|
12718
12784
|
|
|
12719
12785
|
const __exports__ = CvModalvue_type_script_setup_true_lang_js;
|
|
12720
12786
|
|
|
12721
|
-
/* harmony default export */ var
|
|
12787
|
+
/* harmony default export */ var CvModal_CvModal = (__exports__);
|
|
12722
12788
|
|
|
12723
12789
|
/***/ }),
|
|
12724
12790
|
|
|
@@ -13100,10 +13166,14 @@ var _hoisted_7 = ["onClick", "onMousemove"];
|
|
|
13100
13166
|
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(updateSelectedItems);
|
|
13101
13167
|
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(function () {
|
|
13102
13168
|
return props.modelValue;
|
|
13103
|
-
}, updateSelectedItems
|
|
13169
|
+
}, updateSelectedItems, {
|
|
13170
|
+
deep: true
|
|
13171
|
+
});
|
|
13104
13172
|
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(function () {
|
|
13105
13173
|
return props.options;
|
|
13106
|
-
}, updateOptions
|
|
13174
|
+
}, updateOptions, {
|
|
13175
|
+
deep: true
|
|
13176
|
+
});
|
|
13107
13177
|
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(function () {
|
|
13108
13178
|
return props.selectionFeedback;
|
|
13109
13179
|
}, updateOptions);
|
|
@@ -13568,7 +13638,7 @@ const __exports__ = CvMultiSelectvue_type_script_setup_true_lang_js;
|
|
|
13568
13638
|
|
|
13569
13639
|
/***/ }),
|
|
13570
13640
|
|
|
13571
|
-
/***/
|
|
13641
|
+
/***/ 560:
|
|
13572
13642
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
13573
13643
|
|
|
13574
13644
|
"use strict";
|
|
@@ -13586,7 +13656,7 @@ var defineProperty = __webpack_require__(752);
|
|
|
13586
13656
|
var es_array_concat = __webpack_require__(2222);
|
|
13587
13657
|
// EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
|
|
13588
13658
|
var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__(7203);
|
|
13589
|
-
;// CONCATENATED MODULE: ./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/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=
|
|
13659
|
+
;// CONCATENATED MODULE: ./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/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
|
|
13590
13660
|
|
|
13591
13661
|
|
|
13592
13662
|
|
|
@@ -13607,15 +13677,20 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
13607
13677
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat($setup.carbonPrefix, "--inline-notification__text-wrapper"))
|
|
13608
13678
|
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("p", {
|
|
13609
13679
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat($setup.carbonPrefix, "--inline-notification__title"))
|
|
13610
|
-
}, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.
|
|
13680
|
+
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "title", {}, function () {
|
|
13681
|
+
return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.title), 1)];
|
|
13682
|
+
})], 2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
|
|
13611
13683
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat($setup.carbonPrefix, "--inline-notification__subtitle"))
|
|
13612
|
-
}, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.
|
|
13684
|
+
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "subtitle", {}, function () {
|
|
13685
|
+
return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.subTitle), 1)];
|
|
13686
|
+
})], 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", {
|
|
13613
13687
|
key: 0,
|
|
13614
13688
|
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")]),
|
|
13615
13689
|
onClick: _cache[0] || (_cache[0] = function ($event) {
|
|
13616
13690
|
return _ctx.$emit('action');
|
|
13617
13691
|
})
|
|
13618
|
-
}, (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_.
|
|
13692
|
+
}, (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", {
|
|
13693
|
+
key: 1,
|
|
13619
13694
|
type: "button",
|
|
13620
13695
|
"aria-label": $props.closeAriaLabel,
|
|
13621
13696
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat($setup.carbonPrefix, "--inline-notification__close-button")),
|
|
@@ -13624,9 +13699,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
13624
13699
|
})
|
|
13625
13700
|
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_close20, {
|
|
13626
13701
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat($setup.carbonPrefix, "--inline-notification__close-icon"))
|
|
13627
|
-
}, null, 8, ["class"])], 10, _hoisted_2)], 10, _hoisted_1);
|
|
13702
|
+
}, null, 8, ["class"])], 10, _hoisted_2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 10, _hoisted_1);
|
|
13628
13703
|
}
|
|
13629
|
-
;// CONCATENATED MODULE: ./src/components/CvNotification/CvInlineNotification.vue?vue&type=template&id=
|
|
13704
|
+
;// CONCATENATED MODULE: ./src/components/CvNotification/CvInlineNotification.vue?vue&type=template&id=47cf1043
|
|
13630
13705
|
|
|
13631
13706
|
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.includes.js
|
|
13632
13707
|
var es_array_includes = __webpack_require__(6699);
|
|
@@ -13666,7 +13741,7 @@ var consts = __webpack_require__(4975);
|
|
|
13666
13741
|
default: ''
|
|
13667
13742
|
},
|
|
13668
13743
|
|
|
13669
|
-
/** Notification
|
|
13744
|
+
/** Notification subtitle */
|
|
13670
13745
|
subTitle: {
|
|
13671
13746
|
type: String,
|
|
13672
13747
|
default: ''
|
|
@@ -13688,6 +13763,12 @@ var consts = __webpack_require__(4975);
|
|
|
13688
13763
|
lowContrast: {
|
|
13689
13764
|
type: Boolean,
|
|
13690
13765
|
default: false
|
|
13766
|
+
},
|
|
13767
|
+
|
|
13768
|
+
/** Set to true to hide the code button */
|
|
13769
|
+
hideCloseButton: {
|
|
13770
|
+
type: Boolean,
|
|
13771
|
+
default: false
|
|
13691
13772
|
}
|
|
13692
13773
|
},
|
|
13693
13774
|
emits: [
|
|
@@ -15794,7 +15875,11 @@ var __default__ = {
|
|
|
15794
15875
|
checked: Boolean,
|
|
15795
15876
|
label: {
|
|
15796
15877
|
type: String,
|
|
15797
|
-
default:
|
|
15878
|
+
default: null,
|
|
15879
|
+
required: true,
|
|
15880
|
+
validator: function validator(label) {
|
|
15881
|
+
return !!label.length;
|
|
15882
|
+
}
|
|
15798
15883
|
},
|
|
15799
15884
|
value: {
|
|
15800
15885
|
type: String,
|
|
@@ -15834,10 +15919,9 @@ var __default__ = {
|
|
|
15834
15919
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--radio-button__label"))
|
|
15835
15920
|
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("span", {
|
|
15836
15921
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--radio-button__appearance"))
|
|
15837
|
-
}, null, 2),
|
|
15838
|
-
key: 0,
|
|
15922
|
+
}, null, 2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("span", {
|
|
15839
15923
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)((0,defineProperty/* default */.Z)({}, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--visually-hidden"), __props.hideLabel))
|
|
15840
|
-
}, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(__props.label), 3)
|
|
15924
|
+
}, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(__props.label), 3)], 10, _hoisted_2)], 2);
|
|
15841
15925
|
};
|
|
15842
15926
|
}
|
|
15843
15927
|
}));
|
|
@@ -15879,7 +15963,16 @@ var settings = __webpack_require__(624);
|
|
|
15879
15963
|
/* harmony default export */ var CvRadioGroupvue_type_script_setup_true_lang_js = ({
|
|
15880
15964
|
__name: 'CvRadioGroup',
|
|
15881
15965
|
props: {
|
|
15882
|
-
vertical: Boolean
|
|
15966
|
+
vertical: Boolean,
|
|
15967
|
+
legendText: {
|
|
15968
|
+
type: String,
|
|
15969
|
+
default: null,
|
|
15970
|
+
required: true,
|
|
15971
|
+
validator: function validator(legend) {
|
|
15972
|
+
return !!legend.length;
|
|
15973
|
+
}
|
|
15974
|
+
},
|
|
15975
|
+
hideLegend: Boolean
|
|
15883
15976
|
},
|
|
15884
15977
|
emits: ['change'],
|
|
15885
15978
|
setup: function setup(__props, _ref) {
|
|
@@ -15890,9 +15983,12 @@ var settings = __webpack_require__(624);
|
|
|
15890
15983
|
return function (_ctx, _cache) {
|
|
15891
15984
|
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
|
|
15892
15985
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("cv-radio-group ".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--form-item"))
|
|
15893
|
-
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("
|
|
15986
|
+
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("fieldset", {
|
|
15894
15987
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--radio-button-group"), (0,defineProperty/* default */.Z)({}, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--radio-button-group--vertical"), __props.vertical)])
|
|
15895
|
-
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.
|
|
15988
|
+
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("legend", {
|
|
15989
|
+
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--label"), (0,defineProperty/* default */.Z)({}, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--visually-hidden"), __props.hideLegend)]),
|
|
15990
|
+
dir: "auto"
|
|
15991
|
+
}, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(__props.legendText), 3), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")], 2)], 2);
|
|
15896
15992
|
};
|
|
15897
15993
|
}
|
|
15898
15994
|
});
|
|
@@ -16178,7 +16274,7 @@ var _hoisted_4 = ["title", "aria-label"];
|
|
|
16178
16274
|
|
|
16179
16275
|
return function (_ctx, _cache) {
|
|
16180
16276
|
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), {
|
|
16181
|
-
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"))
|
|
16277
|
+
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])
|
|
16182
16278
|
}, {
|
|
16183
16279
|
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(function () {
|
|
16184
16280
|
var _ref2;
|
|
@@ -17946,7 +18042,9 @@ var OVERFLOW_BUTTON_OFFSET = 40;
|
|
|
17946
18042
|
}
|
|
17947
18043
|
|
|
17948
18044
|
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(maybeSelectFirstTab);
|
|
17949
|
-
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(tabs, maybeSelectFirstTab
|
|
18045
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(tabs, maybeSelectFirstTab, {
|
|
18046
|
+
deep: true
|
|
18047
|
+
});
|
|
17950
18048
|
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(selectedId, function () {
|
|
17951
18049
|
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(function () {
|
|
17952
18050
|
doTabClick(selectedId.value);
|
|
@@ -18261,7 +18359,7 @@ var OVERFLOW_BUTTON_OFFSET = 40;
|
|
|
18261
18359
|
role: "tab",
|
|
18262
18360
|
"aria-controls": tab.uid,
|
|
18263
18361
|
"aria-disabled": disabledTabs.value.has(tab.uid) || null,
|
|
18264
|
-
"aria-selected": selectedId.value === tab.uid,
|
|
18362
|
+
"aria-selected": "".concat(selectedId.value === tab.uid),
|
|
18265
18363
|
tabindex: selectedId.value === tab.uid ? 0 : -1,
|
|
18266
18364
|
type: "button",
|
|
18267
18365
|
onClick: function onClick($event) {
|
|
@@ -42069,7 +42167,7 @@ var codeSnippetKinds = ['oneline', 'multiline', 'inline'];
|
|
|
42069
42167
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
42070
42168
|
|
|
42071
42169
|
"use strict";
|
|
42072
|
-
/* harmony import */ var
|
|
42170
|
+
/* 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__(230);
|
|
42073
42171
|
/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6699);
|
|
42074
42172
|
/* 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__);
|
|
42075
42173
|
/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2023);
|
|
@@ -42342,7 +42440,7 @@ var logger = loggerEnabled ? console.debug : function () {};
|
|
|
42342
42440
|
} else {
|
|
42343
42441
|
var current = headings[index];
|
|
42344
42442
|
|
|
42345
|
-
var changes = (0,
|
|
42443
|
+
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);
|
|
42346
42444
|
|
|
42347
42445
|
var changed = current.name !== changes.name || current.order !== changes.order || current.sortable !== changes.sortable;
|
|
42348
42446
|
|
|
@@ -42462,7 +42560,7 @@ var logger = loggerEnabled ? console.debug : function () {};
|
|
|
42462
42560
|
} else {
|
|
42463
42561
|
var current = rows[index];
|
|
42464
42562
|
|
|
42465
|
-
var changes = (0,
|
|
42563
|
+
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);
|
|
42466
42564
|
|
|
42467
42565
|
var changed = current.value !== changes.value || current.expandable !== changes.expandable || current.isExpanded !== changes.isExpanded || current.isChecked !== changes.isChecked;
|
|
42468
42566
|
|
|
@@ -42807,7 +42905,7 @@ var directions = Object.values(TipDirections);
|
|
|
42807
42905
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
42808
42906
|
|
|
42809
42907
|
"use strict";
|
|
42810
|
-
/* harmony import */ var
|
|
42908
|
+
/* 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__(230);
|
|
42811
42909
|
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7203);
|
|
42812
42910
|
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_1__);
|
|
42813
42911
|
|
|
@@ -42832,7 +42930,7 @@ var directions = Object.values(TipDirections);
|
|
|
42832
42930
|
var slots = (0,vue__WEBPACK_IMPORTED_MODULE_1__.useSlots)();
|
|
42833
42931
|
var attrs = (0,vue__WEBPACK_IMPORTED_MODULE_1__.useAttrs)();
|
|
42834
42932
|
return function () {
|
|
42835
|
-
if (props.tagType) return (0,vue__WEBPACK_IMPORTED_MODULE_1__.h)(props.tagType, (0,
|
|
42933
|
+
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();
|
|
42836
42934
|
};
|
|
42837
42935
|
}
|
|
42838
42936
|
});
|
|
@@ -43486,7 +43584,7 @@ var map = {
|
|
|
43486
43584
|
"./CvDataTable/CvDataTableHeading.vue": 3764,
|
|
43487
43585
|
"./CvDataTable/CvDataTableRow.vue": 5001,
|
|
43488
43586
|
"./CvDataTable/CvDataTableSkeleton.vue": 5755,
|
|
43489
|
-
"./CvDatePicker/CvDatePicker.vue":
|
|
43587
|
+
"./CvDatePicker/CvDatePicker.vue": 1945,
|
|
43490
43588
|
"./CvDatePicker/CvDatePickerSkeleton.vue": 4711,
|
|
43491
43589
|
"./CvDropdown/CvDropdown.vue": 5414,
|
|
43492
43590
|
"./CvDropdown/CvDropdownItem.vue": 4630,
|
|
@@ -43505,9 +43603,9 @@ var map = {
|
|
|
43505
43603
|
"./CvList/CvList.vue": 6989,
|
|
43506
43604
|
"./CvList/CvListItem.vue": 3851,
|
|
43507
43605
|
"./CvLoading/CvLoading.vue": 3618,
|
|
43508
|
-
"./CvModal/CvModal.vue":
|
|
43606
|
+
"./CvModal/CvModal.vue": 3458,
|
|
43509
43607
|
"./CvMultiSelect/CvMultiSelect.vue": 7228,
|
|
43510
|
-
"./CvNotification/CvInlineNotification.vue":
|
|
43608
|
+
"./CvNotification/CvInlineNotification.vue": 560,
|
|
43511
43609
|
"./CvNotification/CvToastNotification.vue": 9493,
|
|
43512
43610
|
"./CvNumberInput/CvNumberInput.vue": 7134,
|
|
43513
43611
|
"./CvNumberInput/CvNumberInputSkeleton.vue": 4316,
|