@carbon/vue 3.0.18 → 3.0.20

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

@@ -10277,14 +10277,18 @@ var _hoisted_7 = ["aria-disabled"];
             _: 2
           }, 1032, ["value"]);
         }), 128))];
-      })], 10, _hoisted_6)], 16, _hoisted_3), data.isInvalid ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
+      })], 10, _hoisted_6)], 16, _hoisted_3), data.isInvalid ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("p", {
         key: 1,
-        class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--form-requirement"))
+        class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--form-requirement")),
+        role: "alert",
+        "aria-atomic": "true"
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "invalid-message", {}, function () {
         return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(__props.invalidMessage), 1)];
-      })], 2)) : isWarning.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
+      })], 2)) : isWarning.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("p", {
         key: 2,
-        class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--form-requirement"))
+        class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--form-requirement")),
+        role: "alert",
+        "aria-atomic": "true"
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "warning-message", {}, function () {
         return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(__props.warningMessage), 1)];
       })], 2)) : data.isHelper ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
@@ -12874,7 +12878,7 @@ var close_16 = __webpack_require__(2148);
 // EXTERNAL MODULE: ./src/components/CvCheckbox/CvCheckbox.vue + 2 modules
 var CvCheckbox = __webpack_require__(852);
 // EXTERNAL MODULE: ./src/components/CvTag/CvTag.vue + 4 modules
-var CvTag = __webpack_require__(8959);
+var CvTag = __webpack_require__(5625);
 ;// CONCATENATED MODULE: ./src/components/CvMultiSelect/consts.js
 var TOP_AFTER_REOPEN = 0;
 var TOP = 1;
@@ -18508,7 +18512,7 @@ const __exports__ = CvTabsSkeletonvue_type_script_setup_true_lang_js;
 
 /***/ }),
 
-/***/ 8959:
+/***/ 5625:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -18526,13 +18530,15 @@ var es_array_filter = __webpack_require__(7327);
 var es_object_to_string = __webpack_require__(1539);
 // EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
 var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__(7203);
-;// 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/CvTag/CvTag.vue?vue&type=template&id=e419b92c
+;// 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/CvTag/CvTag.vue?vue&type=template&id=798616b4
 
 
 
 var _hoisted_1 = ["title"];
 var _hoisted_2 = ["aria-label", "disabled"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_cv_svg = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("cv-svg");
+
   var _component_Close16 = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("Close16");
 
   return $props.skeleton ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
@@ -18543,10 +18549,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($setup.tagClasses),
     role: "listitem",
     title: $setup.title
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("span", {
+  }, [!$props.skeleton && $props.renderIcon ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_cv_svg, {
+    key: 0,
+    svg: $props.renderIcon,
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat($setup.carbonPrefix, "--tag__custom-icon"))
+  }, null, 8, ["svg", "class"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("span", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat($setup.carbonPrefix, "--tag__label"))
   }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.label), 3), $props.filter ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("button", {
-    key: 0,
+    key: 1,
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat($setup.carbonPrefix, "--tag__close-icon")),
     "aria-label": $props.clearAriaLabel,
     disabled: $props.disabled || null,
@@ -18555,7 +18565,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }, ["stop", "prevent"]))
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_Close16)], 10, _hoisted_2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 10, _hoisted_1));
 }
-;// CONCATENATED MODULE: ./src/components/CvTag/CvTag.vue?vue&type=template&id=e419b92c
+;// CONCATENATED MODULE: ./src/components/CvTag/CvTag.vue?vue&type=template&id=798616b4
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.includes.js
 var es_array_includes = __webpack_require__(6699);
@@ -18571,6 +18581,8 @@ var settings = __webpack_require__(624);
 var consts = __webpack_require__(5185);
 // EXTERNAL MODULE: ./node_modules/@carbon/icons-vue/es/close/16.js
 var _16 = __webpack_require__(2148);
+// EXTERNAL MODULE: ./src/components/CvSvg/_CvSvg.vue + 2 modules
+var _CvSvg = __webpack_require__(1164);
 ;// 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/index.js??ruleSet[0].use[0]!./src/components/CvTag/CvTag.vue?vue&type=script&lang=js
 
 
@@ -18582,33 +18594,30 @@ var _16 = __webpack_require__(2148);
 
 
 
+
 /* harmony default export */ var CvTagvue_type_script_lang_js = ({
   name: 'CvTag',
   components: {
+    CvSvg: _CvSvg/* default */.Z,
     Close16: _16/* default */.Z
   },
   props: {
+    /** aria label to use for the x icon for the filter tag */
     clearAriaLabel: {
       type: String,
       default: 'Clear filter'
     },
 
-    /**
-     * disabled by property or if skeleton
-     */
+    /** disabled by property or if skeleton */
     disabled: Boolean,
 
-    /**
-     * label to be used in the CvTag component
-     */
+    /** label to be used in the CvTag component */
     label: {
       type: String,
       required: true
     },
 
-    /**
-     * kind of the CvTag
-     */
+    /** kind of the CvTag */
     kind: {
       type: String,
       default: undefined,
@@ -18618,22 +18627,25 @@ var _16 = __webpack_require__(2148);
     },
 
     /**
-     * If filter is true, the CvTag will include a remove button on the right side, which on a click, will emit the 'remove' event.
+     * If filter is true, the CvTag will include a remove button on the right side, which on a click, will emit the
+     * 'remove' event.
      */
     filter: {
       type: Boolean,
       default: false
     },
 
-    /**
-     * skeleton used when loading
-     */
+    /** skeleton used when loading */
     skeleton: Boolean,
 
-    /**
-     * tag size small
-     */
-    small: Boolean
+    /** tag size small */
+    small: Boolean,
+
+    /** Optional prop to render a custom icon. \@carbon/icons-vue icon, href, svg or symbol */
+    renderIcon: {
+      type: [String, Object],
+      default: undefined
+    }
   },
   emits: [
   /**
@@ -18729,7 +18741,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 ;// CONCATENATED MODULE: ./src/components/CvTag/CvTagSkeleton.vue?vue&type=template&id=75495299
 
 // EXTERNAL MODULE: ./src/components/CvTag/CvTag.vue + 4 modules
-var CvTag = __webpack_require__(8959);
+var CvTag = __webpack_require__(5625);
 ;// 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/index.js??ruleSet[0].use[0]!./src/components/CvTag/CvTagSkeleton.vue?vue&type=script&lang=js
 
 /* harmony default export */ var CvTagSkeletonvue_type_script_lang_js = ({
@@ -43661,7 +43673,7 @@ var map = {
 	"./CvTabs/CvTab.vue": 1955,
 	"./CvTabs/CvTabs.vue": 2216,
 	"./CvTabs/CvTabsSkeleton.vue": 2070,
-	"./CvTag/CvTag.vue": 8959,
+	"./CvTag/CvTag.vue": 5625,
 	"./CvTag/CvTagSkeleton.vue": 7638,
 	"./CvTextArea/CvTextArea.vue": 9403,
 	"./CvTextArea/CvTextAreaSkeleton.vue": 7394,
@@ -44667,7 +44679,7 @@ var CvTabs = __webpack_require__(2216);
 // EXTERNAL MODULE: ./src/components/CvTabs/CvTabsSkeleton.vue + 2 modules
 var CvTabsSkeleton = __webpack_require__(2070);
 // EXTERNAL MODULE: ./src/components/CvTag/CvTag.vue + 4 modules
-var CvTag = __webpack_require__(8959);
+var CvTag = __webpack_require__(5625);
 // EXTERNAL MODULE: ./src/components/CvTag/CvTagSkeleton.vue + 4 modules
 var CvTagSkeleton = __webpack_require__(7638);
 // EXTERNAL MODULE: ./src/components/CvTextArea/CvTextArea.vue + 2 modules
@@ -44816,7 +44828,8 @@ var components = ctx.keys().map(function (k) {
       }
     }
   }
-});
+}); // AUTO-GENERATED EXPORTS - DO NOT EDIT BELOW
+