wave-ui 1.63.0 → 1.64.0

package/dist/wave-ui.es.js

@@ -1481,7 +1481,11 @@ const __vue2_script$L = {
   computed: {
     buttonProps() {
       const { tooltip, tooltipProps, ...props } = this.$props;
-      return { ...props, ...this.$attrs };
+      return {
+        ...props,
+        ...this.$attrs,
+        class: this.tooltip && this.$vnode.data.staticClass
+      };
     }
   }
 };
@@ -4818,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);
@@ -4886,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: () => ({
@@ -4923,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,
@@ -4952,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)
@@ -7162,6 +7170,7 @@ const __vue2_script = {
     counts: { type: Boolean },
     itemIconKey: { type: String, default: "icon" },
     iconColor: { type: String },
+    itemLabelKey: { type: String, default: "label" },
     itemIconColorKey: { type: String, default: "iconColor" },
     itemRouteKey: { type: String, default: "route" },
     itemDisabledKey: { type: String, default: "disabled" },
@@ -7195,7 +7204,7 @@ const __vue2_script = {
         this.currentDepthItems.push({
           originalItem: item,
           _uid: this.depth.toString() + (i + 1),
-          label: item.label,
+          label: item[this.itemLabelKey],
           children: !!item.children,
           branch: item.branch,
           route: item[this.itemRouteKey],