wave-ui 3.4.7 → 3.5.1

package/dist/wave-ui.es.js

@@ -1369,6 +1369,9 @@ function bt(e, t, l, a, r, i) {
     ]),
     _: 3
   }, 16)) : (s(), m(o, ie(C({ key: 1 }, i.buttonProps)), {
+    loading: g(() => [
+      p(e.$slots, "loading")
+    ]),
     default: g(() => [
       p(e.$slots, "default")
     ]),
@@ -1556,7 +1559,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 +1574,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 +1664,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,
@@ -4143,7 +4147,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) => {
@@ -4158,7 +4162,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)),
@@ -4240,6 +4244,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,
@@ -4746,7 +4751,7 @@ function xi(e, t, l, a, r, i) {
             "onUpdate:modelValue": i.onInput,
             onItemClick: t[6] || (t[6] = (h) => e.$emit("item-click", h)),
             onItemSelect: i.onListItemSelect,
-            "onKeydown:enter": t[7] || (t[7] = (h) => l.noUnselect && !l.multiple && i.closeMenu("la3")),
+            "onKeydown:enter": t[7] || (t[7] = (h) => l.noUnselect && !l.multiple && i.closeMenu()),
             "onKeydown:escape": t[8] || (t[8] = (h) => e.showMenu && (this.showMenu = !1)),
             items: i.selectItems,
             multiple: l.multiple,
@@ -4904,8 +4909,8 @@ const Pi = {
     },
     onKeydown(e) {
       if (!e.metaKey && !e.ctrlKey && e.keyCode !== 9 && e.preventDefault(), e.keyCode === 27 && this.showMenu)
-        this.closeMenu("la5");
-      else if (e.keyCode === 13)
+        this.closeMenu();
+      else if ([13, 32].includes(e.keyCode))
         this.openMenu();
       else if ([38, 40].includes(e.keyCode))
         if (this.multiple)
@@ -4943,7 +4948,7 @@ const Pi = {
       const t = this.selectItems.map((l) => l.value);
       return e.map((l) => {
         let a = l;
-        return typeof l == "object" && (a = l[this.itemValueKey] !== void 0 ? l[this.itemValueKey] : l[this.itemLabelKey] !== void 0 ? l[this.itemLabelKey] : l), this.selectItems[t.indexOf(a)];
+        return l && typeof l == "object" && (a = l[this.itemValueKey] !== void 0 ? l[this.itemValueKey] : l[this.itemLabelKey] !== void 0 ? l[this.itemLabelKey] : l), this.selectItems[t.indexOf(a)];
       }).filter((l) => l !== void 0);
     },
     openMenu() {