wave-ui 1.63.1 → 1.65.0

package/dist/wave-ui.es.js

@@ -1484,7 +1484,7 @@ const __vue2_script$L = {
       return {
         ...props,
         ...this.$attrs,
-        class: this.tooltip && this.$vnode.data.staticClass
+        class: this.tooltip && [this.$vnode.data.staticClass, this.$vnode.data.class]
       };
     }
   }
@@ -4822,7 +4822,7 @@ var render$l = function() {
       !_vm.isDisabled && !_vm.isReadonly && (_vm.showMenu ? _vm.closeMenu : _vm.openMenu)();
     } } }, [_vm.innerIconLeft ? _c("w-icon", { staticClass: "w-select__icon w-select__icon--inner-left", attrs: { "tag": "label" }, on: { "click": function($event) {
       return _vm.$emit("click:inner-icon-left", $event);
-    } } }, [_vm._v(_vm._s(_vm.innerIconLeft))]) : _vm._e(), _vm.$scopedSlots.selection ? _c("div", { staticClass: "w-select__selection-slot" }, [_vm._t("selection", null, { "item": _vm.multiple ? _vm.inputValue : _vm.inputValue[0] })], 2) : _vm._e(), _c("input", { ref: "selection-input", staticClass: "w-select__selection", attrs: { "type": "text", "id": "w-select--" + _vm._uid, "placeholder": !_vm.$scopedSlots.selection && _vm.placeholder || null, "disabled": _vm.isDisabled || null, "readonly": "", "aria-readonly": "true", "required": _vm.required || null, "tabindex": _vm.tabindex || null, "autocomplete": "off" }, domProps: { "value": _vm.$scopedSlots.selection ? "" : _vm.selectionString }, on: { "focus": function($event) {
+    } } }, [_vm._v(_vm._s(_vm.innerIconLeft))]) : _vm._e(), _vm.$scopedSlots.selection ? _c("div", { staticClass: "w-select__selection-slot" }, [_vm._t("selection", null, { "item": _vm.multiple ? _vm.inputValue : _vm.inputValue[0] })], 2) : _vm._e(), _c("div", { ref: "selection-input", staticClass: "w-select__selection", class: { "w-select__selection--placeholder": !_vm.$scopedSlots.selection && !_vm.selectionString && _vm.placeholder }, attrs: { "contenteditable": _vm.isDisabled || _vm.isReadonly ? "false" : "true", "id": "w-select--" + _vm._uid, "disabled": _vm.isDisabled || null, "readonly": "", "aria-readonly": "true", "tabindex": _vm.tabindex || null }, domProps: { "innerHTML": _vm._s((_vm.$scopedSlots.selection ? "" : _vm.selectionString) || _vm.placeholder) }, on: { "focus": function($event) {
       !_vm.isDisabled && !_vm.isReadonly && _vm.onFocus($event);
     }, "blur": _vm.onBlur, "keydown": function($event) {
       !_vm.isDisabled && !_vm.isReadonly && _vm.onKeydown($event);
@@ -4890,7 +4890,8 @@ const __vue2_script$l = {
     dark: { type: Boolean },
     returnObject: { type: Boolean },
     noUnselect: { type: Boolean },
-    menuProps: { type: Object }
+    menuProps: { type: Object },
+    fitToContent: { type: Boolean }
   },
   emits: ["input", "update:modelValue", "focus", "blur", "item-click", "item-select", "click:inner-icon-left", "click:inner-icon-right"],
   data: () => ({
@@ -4927,6 +4928,7 @@ const __vue2_script$l = {
       return {
         "w-select": true,
         "w-select--disabled": this.isDisabled,
+        "w-select--fit-to-content": this.fitToContent,
         "w-select--readonly": this.isReadonly,
         [`w-select--${this.hasValue ? "filled" : "empty"}`]: true,
         "w-select--focused": (this.isFocused || this.showMenu) && !this.isReadonly,
@@ -4956,12 +4958,14 @@ const __vue2_script$l = {
     onFocus(e) {
       this.isFocused = true;
       this.$emit("focus", e);
+      return false;
     },
     onBlur(e) {
       this.isFocused = false;
       this.$emit("blur", e);
     },
     onKeydown(e) {
+      e.preventDefault();
       if ([13, 27, 38, 40].includes(e.keyCode))
         e.preventDefault();
       if (e.keyCode === 27)