wave-ui 3.4.3 → 3.4.4

package/dist/wave-ui.es.js

@@ -4637,9 +4637,9 @@ const _i = {
 }, Ii = ["contenteditable", "id", "disabled", "tabindex", "innerHTML"], Ri = ["value", "name"], Ti = ["for"], Li = ["for"];
 function xi(e, t, l, a, r, i) {
   const o = $("w-icon"), n = $("w-list"), d = $("w-menu");
-  return s(), m(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: i.selectionString, disabled: e.isDisabled, readonly: e.isReadonly }, {
+  return s(), m(V(e.formRegister ? "w-form-element" : "div"), C({ ref: "formEl" }, e.formRegister && { validators: e.validators, inputValue: i.selectionString, disabled: e.isDisabled, readonly: e.isReadonly, isFocused: e.isFocused }, {
     valid: e.valid,
-    "onUpdate:valid": t[9] || (t[9] = (h) => e.valid = h),
+    "onUpdate:valid": t[11] || (t[11] = (h) => e.valid = h),
     onReset: i.onReset,
     wrap: i.hasLabel && l.labelPosition !== "inside",
     class: i.classes
@@ -4658,7 +4658,8 @@ function xi(e, t, l, a, r, i) {
       ], 64)) : c("", !0),
       I(d, C({
         modelValue: e.showMenu,
-        "onUpdate:modelValue": t[8] || (t[8] = (h) => e.showMenu = h),
+        "onUpdate:modelValue": t[9] || (t[9] = (h) => e.showMenu = h),
+        onClose: t[10] || (t[10] = (h) => !h && i.closeMenu()),
         "menu-class": `w-select__menu ${l.menuClass || ""}`,
         transition: "slide-fade-down",
         "append-to": (l.menuProps || {}).appendTo !== void 0 ? (l.menuProps || {}).appendTo : void 0,
@@ -4669,7 +4670,7 @@ function xi(e, t, l, a, r, i) {
         activator: g(({ on: h }) => [
           w("div", {
             class: f(["w-select__selection-wrap", i.inputWrapClasses]),
-            onClick: t[5] || (t[5] = (y) => !e.isDisabled && !e.isReadonly && (e.showMenu ? i.closeMenu : i.openMenu)()),
+            onClick: t[5] || (t[5] = (y) => !e.isDisabled && !e.isReadonly && i.onInputFieldClick()),
             role: "button",
             "aria-haspopup": "listbox",
             "aria-expanded": e.showMenu ? "true" : "false",
@@ -4743,8 +4744,8 @@ 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()),
-            "onKeydown:escape": i.closeMenu,
+            "onKeydown:enter": t[7] || (t[7] = (h) => l.noUnselect && !l.multiple && i.closeMenu("la3")),
+            "onKeydown:escape": t[8] || (t[8] = (h) => e.showMenu && (this.showMenu = !1)),
             items: i.selectItems,
             multiple: l.multiple,
             "arrows-navigation": "",
@@ -4776,7 +4777,7 @@ function xi(e, t, l, a, r, i) {
                 ])
               ])
             }))
-          ]), 1032, ["model-value", "onUpdate:modelValue", "onItemSelect", "onKeydown:escape", "items", "multiple", "add-ids", "no-unselect", "selection-color", "item-color-key"])
+          ]), 1032, ["model-value", "onUpdate:modelValue", "onItemSelect", "items", "multiple", "add-ids", "no-unselect", "selection-color", "item-color-key"])
         ]),
         _: 3
       }, 16, ["modelValue", "menu-class", "append-to"]),
@@ -4893,14 +4894,15 @@ const Oi = {
   },
   methods: {
     onFocus(e) {
-      return this.isFocused = !0, this.$emit("focus", e), !1;
+      if (!this.isFocused)
+        return this.isFocused = !0, this.$emit("focus", e), !1;
     },
     onBlur(e) {
-      this.isFocused = !1, this.$emit("blur", e);
+      this.showMenu || (this.isFocused = !1, this.$emit("blur", e));
     },
     onKeydown(e) {
-      if (e.preventDefault(), [13, 27, 38, 40].includes(e.keyCode) && e.preventDefault(), e.keyCode === 27)
-        this.closeMenu();
+      if (!e.metaKey && !e.ctrlKey && e.keyCode !== 9 && e.preventDefault(), e.keyCode === 27 && this.showMenu)
+        this.closeMenu("la5");
       else if (e.keyCode === 13)
         this.openMenu();
       else if ([38, 40].includes(e.keyCode))
@@ -4923,8 +4925,11 @@ const Oi = {
       const t = this.multiple ? e : e[0];
       this.$emit("update:modelValue", t), this.$emit("input", t);
     },
+    onInputFieldClick() {
+      this.showMenu ? this.showMenu = !1 : this.openMenu();
+    },
     onListItemSelect(e) {
-      this.$emit("item-select", e), this.multiple || this.closeMenu();
+      this.$emit("item-select", e), this.multiple || (this.showMenu = !1);
     },
     onReset() {
       this.inputValue = [];
@@ -4947,7 +4952,8 @@ const Oi = {
       }, 100);
     },
     closeMenu() {
-      (this.menuProps || {}).hideOnMenuClick !== !1 && (this.showMenu = !1, setTimeout(() => this.$refs["selection-input"].focus(), 50));
+      var e;
+      ((e = this.menuProps) == null ? void 0 : e.hideOnMenuClick) !== !1 && (this.showMenu = !1, setTimeout(() => this.$refs["selection-input"].focus(), 50));
     }
   },
   created() {