@carbon/vue 3.0.9-alpha.0 → 3.0.9

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

@@ -12074,10 +12074,10 @@ var CvButtonCommon = __webpack_require__(1795);
 
 
 var _hoisted_1 = ["for", "onKeydown"];
-var _hoisted_2 = ["id", "accept"];
+var _hoisted_2 = ["id", "accept", "disabled"];
 var _hoisted_3 = ["for"];
 var _hoisted_4 = ["onKeydown"];
-var _hoisted_5 = ["id", "accept"];
+var _hoisted_5 = ["id", "accept", "disabled"];
 
 
 
@@ -12105,8 +12105,10 @@ var __default__ = {
     },
     buttonSize: CvButtonCommon/* props.size */.N.size,
     clearOnReselect: Boolean,
+    disabled: Boolean,
     dropTargetLabel: String,
     helperText: String,
+    initialStateUploading: Boolean,
     kind: {
       type: String,
       default: KINDS.DRAG_TARGET,
@@ -12179,7 +12181,7 @@ var __default__ = {
           var newFile = createInternalFile((internalFile === null || internalFile === void 0 ? void 0 : internalFile.file) || file);
 
           if (internalFile) {
-            internalFile.state = newFile.initialState;
+            internalFile.state = newFile.state;
             internalFile.invalidMessageTitle = newFile.invalidMessageTitle;
             internalFile.invalidMessage = newFile.invalidMessage;
           } else {
@@ -12223,6 +12225,11 @@ var __default__ = {
     }
 
     function onDragEvent(evt) {
+      if (props.disabled) {
+        evt.preventDefault();
+        return;
+      }
+
       if (Array.prototype.indexOf.call(evt.dataTransfer.types, 'Files') === -1) {
         return;
       }
@@ -12257,7 +12264,7 @@ var __default__ = {
 
     function onItemRemove(index) {
       internalFiles.value.splice(index, 1);
-      emit('update:modelValue', this.internalFiles);
+      emit('update:modelValue', internalFiles.value);
     }
 
     function onKeyHit() {
@@ -12269,20 +12276,31 @@ var __default__ = {
       internalFiles.value = props.modelValue || [];
     }); // exposed methods
 
+    function clear() {
+      internalFiles.value = [];
+      emit('update:modelValue', internalFiles.value);
+    }
+
+    function remove(index) {
+      onItemRemove(index);
+    }
+
+    function setInvalidMessage(index, message) {
+      internalFiles.value[index].invalidMessage = message;
+    }
+
+    function setState(index, state) {
+      if ([STATES.COMPLETE, STATES.UPLOADING, STATES.NONE].includes(state)) {
+        internalFiles.value[index].state = state;
+      }
+    } // exposing methods
+
+
     __expose({
-      setState: function setState(index, state) {
-        if ([STATES.COMPLETE, STATES.UPLOADING, STATES.NONE].includes(state)) {
-          internalFiles.value[index].state = state;
-        }
-      },
-      clear: function clear() {
-        internalFiles.value = [];
-        emit('update:modelValue', internalFiles);
-      },
-      setInvalidMessage: function setInvalidMessage(index, message) {
-        internalFiles.value[index].invalidMessage = message;
-      },
-      remove: onItemRemove
+      clear: clear,
+      remove: remove,
+      setInvalidMessage: setInvalidMessage,
+      setState: setState
     });
 
     return function (_ctx, _cache) {
@@ -12291,16 +12309,16 @@ var __default__ = {
       }, {
         default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(function () {
           return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("p", {
-            class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--file--label"))
+            class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--file--label"), (0,defineProperty/* default */.Z)({}, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--file--label--disabled"), __props.disabled)])
           }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(__props.label), 3), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("p", {
-            class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--label-description"))
+            class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--label-description"), (0,defineProperty/* default */.Z)({}, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--label-description--disabled"), __props.disabled)])
           }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(__props.helperText), 3), __props.kind === 'button' ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
             key: 0,
             class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--file")),
             "data-file": ""
           }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("label", {
             for: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(cvId),
-            class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(buttonClasses)),
+            class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([(0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(buttonClasses), (0,defineProperty/* default */.Z)({}, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--btn--disabled"), __props.disabled)]),
             tabindex: "0",
             onKeydown: [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)(onKeyHit, ["prevent"]), ["enter"]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)(onKeyHit, ["prevent"]), ["space"])]
           }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "drop-target", {}, function () {
@@ -12311,6 +12329,7 @@ var __default__ = {
             ref: fileInput,
             class: "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--file-input"),
             accept: __props.accept,
+            disabled: __props.disabled,
             type: "file"
           }, _ctx.$attrs, {
             "data-file-uploader": "",
@@ -12326,7 +12345,7 @@ var __default__ = {
             role: "button",
             tabindex: "0",
             "data-file-drop-container": "",
-            class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--file-browse-btn"), "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--file__drop-container"), (0,defineProperty/* default */.Z)({}, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--file__drop-container--drag-over"), allowDrop.value)]),
+            class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--file-browse-btn"), "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--file__drop-container"), (0,defineProperty/* default */.Z)({}, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--file__drop-container--drag-over"), allowDrop.value && !__props.disabled), (0,defineProperty/* default */.Z)({}, "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--file-browse-btn--disabled"), __props.disabled)]),
             onDragover: onDragEvent,
             onDragleave: onDragEvent,
             onDrop: onDragEvent,
@@ -12339,6 +12358,7 @@ var __default__ = {
             ref: fileInput,
             class: "".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--file-input"),
             accept: __props.accept,
+            disabled: __props.disabled,
             type: "file"
           }, _ctx.$attrs, {
             tabindex: "-1",
@@ -14246,7 +14266,7 @@ var close_16 = __webpack_require__(2148);
 // EXTERNAL MODULE: ./src/components/CvCheckbox/CvCheckbox.vue + 2 modules
 var CvCheckbox = __webpack_require__(2413);
 // EXTERNAL MODULE: ./src/components/CvTag/CvTag.vue + 4 modules
-var CvTag = __webpack_require__(3354);
+var CvTag = __webpack_require__(5480);
 ;// CONCATENATED MODULE: ./src/components/CvMultiSelect/consts.js
 var TOP_AFTER_REOPEN = 0;
 var TOP = 1;
@@ -19655,7 +19675,9 @@ var OVERFLOW_BUTTON_OFFSET = 40;
           ref: elLink,
           tabindex: selectedId.value === tab.uid ? 0 : -1,
           type: "button"
-        }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(tab.label), 11, _hoisted_4)], 2);
+        }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, tab.uid, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeProps)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.guardReactiveProps)(tab)), function () {
+          return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(tab.label), 1)];
+        })], 10, _hoisted_4)], 2);
       }), 128))], 2), !rightOverflowNavButtonHidden.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
         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), "--tabs__overflow-indicator--right"))
@@ -19760,7 +19782,7 @@ const __exports__ = CvTabsSkeletonvue_type_script_setup_true_lang_js;
 
 /***/ }),
 
-/***/ 3354:
+/***/ 5480:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -19778,7 +19800,7 @@ 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/@vue/cli-plugin-babel/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=289e93b8
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-plugin-babel/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=3d67de34
 
 
 
@@ -19807,12 +19829,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     disabled: $props.disabled
   }, [(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=289e93b8
+;// CONCATENATED MODULE: ./src/components/CvTag/CvTag.vue?vue&type=template&id=3d67de34
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.includes.js
 var es_array_includes = __webpack_require__(6699);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.includes.js
 var es_string_includes = __webpack_require__(2023);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.small.js
+var es_string_small = __webpack_require__(7268);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.concat.js
 var es_array_concat = __webpack_require__(2222);
 // EXTERNAL MODULE: ./src/global/settings.js
@@ -19831,6 +19855,7 @@ var _16 = __webpack_require__(2148);
 
 
 
+
 /* harmony default export */ var CvTagvue_type_script_lang_js = ({
   name: 'CvTag',
   components: {
@@ -19877,7 +19902,12 @@ var _16 = __webpack_require__(2148);
     /**
      * skeleton used when loading
      */
-    skeleton: Boolean
+    skeleton: Boolean,
+
+    /**
+     * tag size small
+     */
+    small: Boolean
   },
   emits: [
   /**
@@ -19890,11 +19920,14 @@ var _16 = __webpack_require__(2148);
       return props.filter ? props.clearAriaLabel : null;
     });
     var tagClasses = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(function () {
-      var classes = ["".concat(settings/* carbonPrefix */.B, "--tag"), "".concat(settings/* carbonPrefix */.B, "--tag--").concat(props.kind)];
+      var classes = ["".concat(settings/* carbonPrefix */.B, "--tag")];
+      if (props.small) classes.push("".concat(settings/* carbonPrefix */.B, "--tag--sm"));
 
       if (props.skeleton) {
         classes.push("".concat(settings/* carbonPrefix */.B, "--skeleton"));
       } else {
+        classes.push("".concat(settings/* carbonPrefix */.B, "--tag--").concat(props.kind));
+
         if (props.filter) {
           classes.push("".concat(settings/* carbonPrefix */.B, "--tag--filter"));
         }
@@ -19937,6 +19970,70 @@ const __exports__ = /*#__PURE__*/(0,exportHelper/* default */.Z)(CvTagvue_type_s
 
 /***/ }),
 
+/***/ 8971:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": function() { return /* binding */ CvTagSkeleton; }
+});
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.small.js
+var es_string_small = __webpack_require__(7268);
+// EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
+var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__(7203);
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-plugin-babel/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/CvTagSkeleton.vue?vue&type=template&id=75495299
+
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_CvTag = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("CvTag");
+
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_CvTag, {
+    skeleton: "",
+    small: $props.small,
+    label: ''
+  }, null, 8, ["small"]);
+}
+;// 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__(5480);
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-plugin-babel/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 = ({
+  name: 'CvTagSkeleton',
+  components: {
+    CvTag: CvTag["default"]
+  },
+  props: {
+    /**
+     * tag size small
+     */
+    small: {
+      type: Boolean
+    }
+  }
+});
+;// CONCATENATED MODULE: ./src/components/CvTag/CvTagSkeleton.vue?vue&type=script&lang=js
+ 
+// EXTERNAL MODULE: ./node_modules/@vue/cli-service/node_modules/vue-loader/dist/exportHelper.js
+var exportHelper = __webpack_require__(8118);
+;// CONCATENATED MODULE: ./src/components/CvTag/CvTagSkeleton.vue
+
+
+
+
+;
+const __exports__ = /*#__PURE__*/(0,exportHelper/* default */.Z)(CvTagSkeletonvue_type_script_lang_js, [['render',render]])
+
+/* harmony default export */ var CvTagSkeleton = (__exports__);
+
+/***/ }),
+
 /***/ 3440:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
@@ -43107,7 +43204,8 @@ var map = {
 	"./CvTabs/CvTab.vue": 9960,
 	"./CvTabs/CvTabs.vue": 5560,
 	"./CvTabs/CvTabsSkeleton.vue": 5491,
-	"./CvTag/CvTag.vue": 3354,
+	"./CvTag/CvTag.vue": 5480,
+	"./CvTag/CvTagSkeleton.vue": 8971,
 	"./CvTextArea/CvTextArea.vue": 3440,
 	"./CvTextArea/CvTextAreaSkeleton.vue": 7543,
 	"./CvTextInput/CvTextInput.vue": 254,