wave-ui 3.4.6 → 3.5.0

package/dist/wave-ui.es.js

@@ -1556,7 +1556,7 @@ const _t = {
   Vt
 ], Rt = ["for"], Tt = ["for", "innerHTML"];
 function Lt(e, t, l, a, r, i) {
-  return s(), m(V(e.formRegister && !i.wCheckboxes ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: r.isChecked, disabled: e.isDisabled }, {
+  return s(), m(V(e.formRegister && !i.wCheckboxes ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: r.isChecked, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": t[5] || (t[5] = (o) => e.valid = o),
     onReset: t[6] || (t[6] = (o) => {
@@ -1571,7 +1571,7 @@ function Lt(e, t, l, a, r, i) {
         type: "checkbox",
         name: e.inputName,
         checked: r.isChecked || null,
-        disabled: e.isDisabled || null,
+        disabled: e.isDisabled || e.isReadonly || null,
         required: e.required || null,
         tabindex: e.tabindex || null,
         onFocus: t[0] || (t[0] = (o) => e.$emit("focus", o)),
@@ -1661,6 +1661,7 @@ const xt = {
       return {
         [`w-checkbox w-checkbox--${this.isChecked ? "checked" : "unchecked"}`]: !0,
         "w-checkbox--disabled": this.isDisabled,
+        "w-checkbox--readonly": this.isReadonly,
         "w-checkbox--indeterminate": this.indeterminate,
         "w-checkbox--ripple": this.ripple.start,
         "w-checkbox--rippled": this.ripple.end,
@@ -3159,20 +3160,22 @@ const xl = {
       this.isFocused = !1, this.$emit("blur", e);
     },
     onFileChange(e) {
-      this.inputFiles = [...e.target.files].map((t) => {
-        const [, l = "", a = "", r = ""] = t.name.match(/^(.*?)\.([^.]*)$|(.*)/), i = Q({
-          name: t.name,
-          base: l || r,
-          extension: a,
-          type: t.type,
-          size: t.size,
-          lastModified: t.lastModified,
+      this.inputFiles = [...e.target.files].map((l) => {
+        const [, a = "", r = "", i = ""] = l.name.match(/^(.*?)\.([^.]*)$|(.*)/), o = Q({
+          name: l.name,
+          base: a || i,
+          extension: r,
+          type: l.type,
+          size: l.size,
+          lastModified: l.lastModified,
           preview: null,
           progress: 0,
-          file: t
+          file: l
         });
-        return this.readFile(t, i), i;
-      }), this.$emit("update:modelValue", this.inputFiles), this.$emit("input", this.inputFiles);
+        return this.readFile(l, o), o;
+      });
+      const t = this.multiple ? this.inputFiles : this.inputFiles[0];
+      this.$emit("update:modelValue", t), this.$emit("input", t);
     },
     readFile(e, t) {
       const l = new FileReader(), a = typeof this.preview == "string", r = e.type && e.type.startsWith("image/");
@@ -4141,7 +4144,7 @@ const J = 40, ei = J / 2, ti = Math.round(J * 3.14 * 100) / 100, li = {
   }
 }, ii = /* @__PURE__ */ v(li, [["render", Zl]]), si = ["id", "name", "checked", "disabled", "required", "tabindex", "aria-checked"], ai = ["for"], oi = ["for", "innerHTML"], ni = ["for"], ri = ["for", "innerHTML"];
 function di(e, t, l, a, r, i) {
-  return s(), m(V(e.formRegister && !i.wRadios ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.inputValue, disabled: e.isDisabled }, {
+  return s(), m(V(e.formRegister && !i.wRadios ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: e.inputValue, disabled: e.isDisabled, readonly: e.isReadonly }, {
     valid: e.valid,
     "onUpdate:valid": t[3] || (t[3] = (o) => e.valid = o),
     onReset: t[4] || (t[4] = (o) => {
@@ -4156,7 +4159,7 @@ function di(e, t, l, a, r, i) {
         type: "radio",
         name: e.inputName,
         checked: e.inputValue || null,
-        disabled: e.isDisabled || null,
+        disabled: e.isDisabled || e.isReadonly || null,
         required: e.required || null,
         tabindex: e.tabindex || null,
         onFocus: t[0] || (t[0] = (o) => e.$emit("focus", o)),
@@ -4238,6 +4241,7 @@ const ui = {
       return {
         [`w-radio w-radio--${this.inputValue ? "checked" : "unchecked"}`]: !0,
         "w-radio--disabled": this.isDisabled,
+        "w-radio--readonly": this.isReadonly,
         "w-radio--ripple": this.ripple.start,
         "w-radio--rippled": this.ripple.end,
         "w-radio--dark": this.ripple.dark,