@carbon/vue 3.0.12 → 3.0.13

package/dist/carbon-vue-3.common.js

@@ -1270,19 +1270,18 @@ var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__(3797);
 // EXTERNAL MODULE: ./src/global/settings.js
 var settings = __webpack_require__(8955);
 ;// CONCATENATED MODULE: ./src/components/CvAccordion/consts.js
-var alignConsts = [null, 'start', 'end', ''];
+var alignConsts = ['', 'start', 'end'];
 alignConsts.$labels = {
-  'Not supplied': 0,
-  Start: 1,
-  End: 2,
-  'Empty string': 3
+  'Default (end)': 0,
+  'Start (start)': 1,
+  'End (end)': 2
 };
-var sizeConsts = [null, 'sm', 'xl', ''];
+var sizeConsts = ['', 'sm', 'md', 'xl'];
 sizeConsts.$labels = {
-  'Not supplied': 0,
+  'Default (md)': 0,
   'Small (sm)': 1,
-  'Large (xl)': 2,
-  'Empty string': 3
+  'Medium (md)': 2,
+  'Extra large (xl)': 3
 };
 var CvAccordionConsts = {
   alignConsts: alignConsts,
@@ -1313,22 +1312,22 @@ var __default__ = {
 /* harmony default export */ var CvAccordionvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(__default__, {
   props: {
     /**
-     * optional align, defaults to 'end'
+     * Specify the alignment of the accordion heading title and chevron.
      */
     align: {
       type: String,
-      default: null,
+      default: '',
       validator: function validator(val) {
         return alignConsts.includes(val);
       }
     },
 
     /**
-     * optional size setting
+     * Specify the size of the Accordion
      */
     size: {
       type: String,
-      default: null,
+      default: '',
       validator: function validator(val) {
         return sizeConsts.includes(val);
       }
@@ -1336,7 +1335,7 @@ var __default__ = {
   },
   emits: {
     /**
-     * Triggers when the clear button is pressed on a filter CvTag
+     * Triggers when state of an accordion item changes
      */
     change: function change(payload) {
       var _payload$change, _payload$change2;
@@ -1381,6 +1380,19 @@ var __default__ = {
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('deregisterItem', function (itemCvId) {
       items.delete(itemCvId);
     });
+    /**
+     * @typedef {Object} AccordionChangeElement
+     * @property {string} id
+     * @property {boolean} open
+     */
+
+    /**
+     * @typedef {Object} AccordionChangeEvent
+     * @property {AccordionChangeElement} change
+     * @property {Array<AccordionChangeElement>} state
+     * @param ev
+     */
+
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('onAccItemChange', function (clickedItemCvId, open) {
       items.get(clickedItemCvId).open = open;
       emit('change', {
@@ -1459,31 +1471,39 @@ var __default__ = {
 /* harmony default export */ var CvAccordionItemvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(__default__, {
   props: (0,objectSpread2/* default */.Z)({
     /**
-     * disables this accodion item
+     * disables this accordion item
      */
     disabled: Boolean,
 
     /**
-     * initial open state of the accordion item
+     * open state of the accordion item. available as a v-model
      */
     open: Boolean
   }, use_cvId/* props */.N),
-  setup: function setup(__props) {
+  emits: ['update:open'],
+  setup: function setup(__props, _ref) {
+    var emit = _ref.emit;
     var props = __props; // Accordion methods
 
     var registerItem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('registerItem', function () {});
     var deregisterItem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('deregisterItem', function () {});
-    var onAccItemChagne = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('onAccItemChange', function () {}); // Accordion item methods
+    var onAccItemChange = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('onAccItemChange', function (clickedItemCvId, open) {});
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(function () {
+      return props.open;
+    }, function () {
+      if (props.open !== isOpen.value) toggleOpen(props.open);
+    }); // Accordion item methods
 
-    var cvId = (0,use_cvId/* useCvId */.l)(props);
+    var cvId = (0,use_cvId/* useCvId */.l)(props, true);
     var isOpen = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(props.open);
     var animation = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)('');
 
     var toggleOpen = function toggleOpen(force) {
       var newValue = typeof force !== 'undefined' ? force : !isOpen.value;
       animation.value = newValue ? 'expanding' : 'collapsing';
+      if (newValue !== props.open) emit('update:open', newValue);
+      if (isOpen.value !== newValue) onAccItemChange(cvId.value, newValue);
       isOpen.value = newValue;
-      onAccItemChagne(cvId.value, newValue);
     };
 
     var onClick = function onClick() {
@@ -1504,11 +1524,11 @@ var __default__ = {
       deregisterItem(cvId.value);
     });
     return function (_ctx, _cache) {
-      var _ref;
+      var _ref2;
 
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("li", {
         "data-accordion-item": "",
-        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"), (_ref = {}, (0,defineProperty/* default */.Z)(_ref, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--accordion__item--disabled"), __props.disabled), (0,defineProperty/* default */.Z)(_ref, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--accordion__item--active"), isOpen.value), (0,defineProperty/* default */.Z)(_ref, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--accordion__item--").concat(animation.value), animation.value), _ref)]]),
+        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)]]),
         onAnimationend: onAnimationEnd
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("button", {
         ref: "button",
@@ -2411,7 +2431,7 @@ var use_cvId = __webpack_require__(9902);
 
 
 
-var _hoisted_1 = ["id", "checked", "aria-checked", "value", "disabled"];
+var _hoisted_1 = ["id", "checked", "value", "disabled"];
 var _hoisted_2 = ["for"];
 
 
@@ -2433,7 +2453,11 @@ var _hoisted_2 = ["for"];
      */
     label: {
       type: String,
-      default: null
+      default: null,
+      required: true,
+      validator: function validator(label) {
+        return !!label.length;
+      }
     },
 
     /**
@@ -2493,7 +2517,6 @@ var _hoisted_2 = ["for"];
         type: "checkbox",
         class: "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--checkbox"),
         checked: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(isChecked) === true,
-        "aria-checked": "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(isChecked)),
         value: _ctx.value,
         disabled: __props.disabled || null,
         onFocus: onFocus,
@@ -6354,7 +6377,7 @@ const __exports__ = CvDataTableSkeletonvue_type_script_setup_true_lang_js;
 
 /***/ }),
 
-/***/ 783:
+/***/ 4662:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -9258,34 +9281,47 @@ var _hoisted_7 = [_hoisted_6];
       type: [String, Object, Array, Date],
       default: undefined
     },
+
+    /** Date picker label */
     dateLabel: {
       type: String,
       default: undefined
     },
+
+    /** Date picker end label (when using kind="range") */
     dateEndLabel: {
       type: String,
       default: 'End date'
     },
-    invalid: {
-      type: Boolean,
-      default: false
-    },
+
+    /** If true, the date picker will be disabled */
     disabled: {
       type: Boolean,
       default: false
     },
+
+    /** Date picker text on invalid value */
     invalidMessage: {
       type: String,
       default: undefined
     },
+
+    /** Regex pattern used for form validation, default \d{1,2}/\d{1,2}/\d{4} */
     pattern: {
       type: String,
       default: '\\d{1,2}/\\d{1,2}/\\d{4}'
     },
+
+    /** Date picker input placeholder, shown when date picker is empty. Default 'mm/dd/yyyy' */
     placeholder: {
       type: String,
       default: 'mm/dd/yyyy'
     },
+
+    /** You can pass flatpickr options through this prop.
+     See https://flatpickr.js.org/options/ for more details.
+     Some of the options is not supported (for example, onChange, onReady, mode, nextArrow, prevArrow).
+     Also, you have to pass dateFormat field in calOptions object if you use it. */
     calOptions: {
       type: Object,
       default: function _default() {
@@ -9298,6 +9334,9 @@ var _hoisted_7 = [_hoisted_6];
       type: Boolean,
       default: true
     },
+
+    /** Date picker kind (also known as mode in flatpickr options).
+     Possible values: 'short', 'simple', 'single', 'range' */
     kind: {
       type: String,
       default: 'simple',
@@ -9440,6 +9479,7 @@ var _hoisted_7 = [_hoisted_6];
     };
 
     var dateToString = function dateToString(val) {
+      if (!val) return '';
       return calendar.formatDate(val, props.calOptions.dateFormat);
     }; // eslint-disable-next-line no-unused-vars
 
@@ -9472,14 +9512,18 @@ var _hoisted_7 = [_hoisted_6];
     };
 
     var setDate = function setDate(value) {
-      if (!value) return;
+      try {
+        if (value === undefined) return;
 
-      if (isSingle.value) {
-        calendar.setDate(value, true);
-      } else if (isRange.value) {
-        calendar.setDate([value.startDate, value.endDate], true);
-      } else {
-        date.value.value = value;
+        if (isSingle.value) {
+          calendar.setDate(value, true);
+        } else if (isRange.value) {
+          calendar.setDate([value.startDate, value.endDate], true);
+        } else {
+          date.value.value = value;
+        }
+      } catch (e) {
+        console.error('setDate', e);
       }
     };
 
@@ -9610,10 +9654,10 @@ var _hoisted_7 = [_hoisted_6];
 });
 ;// CONCATENATED MODULE: ./src/components/CvDatePicker/CvDatePicker.vue?vue&type=script&setup=true&lang=js
  
-;// 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
+;// 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=db78c4fc&lang=scss
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/CvDatePicker/CvDatePicker.vue?vue&type=style&index=0&id=168e5454&lang=scss
+;// CONCATENATED MODULE: ./src/components/CvDatePicker/CvDatePicker.vue?vue&type=style&index=0&id=db78c4fc&lang=scss
 
 ;// CONCATENATED MODULE: ./src/components/CvDatePicker/CvDatePicker.vue
 
@@ -15821,7 +15865,11 @@ var __default__ = {
     checked: Boolean,
     label: {
       type: String,
-      default: undefined
+      default: null,
+      required: true,
+      validator: function validator(label) {
+        return !!label.length;
+      }
     },
     value: {
       type: String,
@@ -15861,10 +15909,9 @@ var __default__ = {
         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"))
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("span", {
         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"))
-      }, null, 2), __props.label ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", {
-        key: 0,
+      }, null, 2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("span", {
         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))
-      }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(__props.label), 3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 10, _hoisted_2)], 2);
+      }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(__props.label), 3)], 10, _hoisted_2)], 2);
     };
   }
 }));
@@ -15906,7 +15953,16 @@ var settings = __webpack_require__(8955);
 /* harmony default export */ var CvRadioGroupvue_type_script_setup_true_lang_js = ({
   __name: 'CvRadioGroup',
   props: {
-    vertical: Boolean
+    vertical: Boolean,
+    legendText: {
+      type: String,
+      default: null,
+      required: true,
+      validator: function validator(legend) {
+        return !!legend.length;
+      }
+    },
+    hideLegend: Boolean
   },
   emits: ['change'],
   setup: function setup(__props, _ref) {
@@ -15917,9 +15973,12 @@ var settings = __webpack_require__(8955);
     return function (_ctx, _cache) {
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
         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"))
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("fieldset", {
         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)])
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")], 2)], 2);
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("legend", {
+        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)]),
+        dir: "auto"
+      }, (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);
     };
   }
 });
@@ -43515,7 +43574,7 @@ var map = {
 	"./CvDataTable/CvDataTableHeading.vue": 6403,
 	"./CvDataTable/CvDataTableRow.vue": 6358,
 	"./CvDataTable/CvDataTableSkeleton.vue": 2372,
-	"./CvDatePicker/CvDatePicker.vue": 783,
+	"./CvDatePicker/CvDatePicker.vue": 4662,
 	"./CvDatePicker/CvDatePickerSkeleton.vue": 8310,
 	"./CvDropdown/CvDropdown.vue": 1189,
 	"./CvDropdown/CvDropdownItem.vue": 4671,