@volverjs/ui-vue 0.0.10-beta.53 → 0.0.10-beta.54

package/dist/components/index.es.js

@@ -538,6 +538,7 @@ const CheckboxRadioGroupProps = {
   ...ModifiersProps,
   ...LabelProps,
   ...LoadingProps,
+  ...RequiredProps,
   /**
    * Input value
    */
@@ -3225,6 +3226,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
       computed(() => ({
         disabled: disabled.value,
         readonly: readonly.value,
+        required: props.required,
         horizontal: !vertical.value,
         valid: valid.value,
         invalid: invalid.value
@@ -3235,7 +3237,8 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
         id: `${props.name}_opt${index}`,
         name: props.name,
         label: getOptionLabel(option),
-        value: getOptionValue(option)
+        value: getOptionValue(option),
+        required: props.required
       };
     }
     const { HintSlot, hintSlotScope } = HintSlotFactory(propsDefaults, slots);
@@ -5471,6 +5474,7 @@ const VvInputFileProps = {
   ...LoadingProps,
   ...ReadonlyProps,
   ...DisabledProps,
+  ...RequiredProps,
   ...IconProps,
   /**
    * Input value
@@ -5581,7 +5585,7 @@ const _hoisted_1$6 = ["for"];
 const _hoisted_2$4 = { class: "vv-input-file__preview" };
 const _hoisted_3$2 = ["src", "alt"];
 const _hoisted_4$2 = { class: "vv-input-file__wrapper" };
-const _hoisted_5$2 = ["id", "readonly", "disabled", "placeholder", "aria-describedby", "aria-invalid", "aria-errormessage", "multiple", "accept", "capture", "name"];
+const _hoisted_5$2 = ["id", "readonly", "disabled", "required", "placeholder", "aria-describedby", "aria-invalid", "aria-errormessage", "multiple", "accept", "capture", "name"];
 const _hoisted_6$2 = ["value"];
 const _hoisted_7$2 = ["onClick"];
 const _hoisted_8$1 = ["title", "onClick"];
@@ -5620,10 +5624,13 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       "vv-input-file",
       modifiers,
       computed(() => ({
-        "dragging": isDragging.value,
-        "loading": props.loading && !hasProgress.value,
         "valid": props.valid === true,
         "invalid": props.invalid === true,
+        "loading": props.loading && !hasProgress.value,
+        "disabled": props.disabled,
+        "required": props.required,
+        "readonly": props.readonly,
+        "dragging": isDragging.value,
         "icon-before": !!hasIconBefore.value,
         "icon-after": !!hasIconAfter.value,
         "drop-area": hasDropArea.value
@@ -5886,6 +5893,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
               type: "file",
               readonly: unref(readonly),
               disabled: unref(disabled),
+              required: _ctx.required,
               placeholder: _ctx.placeholder,
               "aria-describedby": unref(hasHintLabelOrSlot) ? hasHintId.value : void 0,
               "aria-invalid": _ctx.invalid,
@@ -6667,7 +6675,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     );
     function updateMaskValue(newValue) {
       var _a;
-      if (newValue === void 0) {
+      if (newValue === void 0 || newValue === null) {
         typed.value = "";
         unmasked.value = "";
         return;
@@ -7538,6 +7546,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       computed(() => ({
         disabled: disabled.value,
         readonly: readonly.value,
+        required: props.required,
         horizontal: !vertical.value,
         valid: valid.value,
         invalid: invalid.value
@@ -7548,7 +7557,8 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         id: `${props.name}_opt${index}`,
         name: props.name,
         label: getOptionLabel(option),
-        value: getOptionValue(option)
+        value: getOptionValue(option),
+        required: props.required
       };
     }
     const { HintSlot, hintSlotScope } = HintSlotFactory(propsDefaults, slots);