wave-ui 1.45.2 → 1.45.7

package/dist/wave-ui.es.js

@@ -545,14 +545,14 @@ var render$O = function() {
         return null;
       }
       !item._disabled && _vm.toggleItem(item, $event);
-    } } }, [_vm.expandIcon && !_vm.expandIconRight ? _c("w-button", { staticClass: "w-accordion__expand-icon", attrs: { "icon": item._expanded && _vm.collapseIcon || _vm.expandIcon, "disabled": item._disabled || null, "tabindex": -1, "text": "" }, on: { "keypress": function($event) {
+    } } }, [_vm.expandIcon && !_vm.expandIconRight ? _c("w-button", { staticClass: "w-accordion__expand-icon", class: { "w-accordion__expand-icon--expanded": item._expanded }, attrs: { "icon": item._expanded && _vm.collapseIcon || _vm.expandIcon, "disabled": item._disabled || null, "tabindex": -1, "text": "" }, on: { "keypress": function($event) {
       $event.stopPropagation();
     }, "click": function($event) {
       $event.stopPropagation();
       !item._disabled && _vm.toggleItem(item, $event);
     } } }) : _vm._e(), _vm.$scopedSlots["item-title." + (item.id || i + 1)] ? _vm._t("item-title." + (item.id || i + 1), null, { "item": _vm.getOriginalItem(item), "expanded": item._expanded, "index": i + 1 }) : _vm._t("item-title", function() {
       return [_c("div", { staticClass: "grow", domProps: { "innerHTML": _vm._s(item[_vm.itemTitleKey]) } })];
-    }, { "item": _vm.getOriginalItem(item), "expanded": item._expanded, "index": i + 1 }), _vm.expandIcon && _vm.expandIconRight ? _c("w-button", { staticClass: "w-accordion__expand-icon", attrs: { "icon": item._expanded && _vm.collapseIcon || _vm.expandIcon, "text": "" }, on: { "keypress": function($event) {
+    }, { "item": _vm.getOriginalItem(item), "expanded": item._expanded, "index": i + 1 }), _vm.expandIcon && _vm.expandIconRight ? _c("w-button", { staticClass: "w-accordion__expand-icon", class: { "w-accordion__expand-icon--expanded": item._expanded }, attrs: { "icon": item._expanded && _vm.collapseIcon || _vm.expandIcon, "text": "" }, on: { "keypress": function($event) {
       $event.stopPropagation();
     }, "click": function($event) {
       $event.stopPropagation();
@@ -992,7 +992,7 @@ const __vue2_script$L = {
     classes() {
       return {
         "d-block": this.block,
-        "row": this.row,
+        row: this.row,
         "align-center": this.alignCenter,
         "align-end": this.alignEnd,
         "justify-center": this.justifyCenter,
@@ -1303,7 +1303,7 @@ var wButton = /* @__PURE__ */ function() {
 const objectifyClasses = (classes = {}) => {
   if (typeof classes === "string")
     classes = { [classes]: true };
-  else if (typeof classes === "array")
+  else if (Array.isArray(classes))
     classes = { [classes.join(" ")]: true };
   return classes;
 };
@@ -1997,6 +1997,7 @@ const __vue2_script$z = {
     justifyEnd: { type: Boolean },
     justifySpaceBetween: { type: Boolean },
     justifySpaceAround: { type: Boolean },
+    justifySpaceEvenly: { type: Boolean },
     basisZero: { type: Boolean },
     gap: { type: Number, default: 0 }
   },
@@ -2018,6 +2019,7 @@ const __vue2_script$z = {
         "justify-end": this.justifyEnd,
         "justify-space-between": this.justifySpaceBetween,
         "justify-space-around": this.justifySpaceAround,
+        "justify-space-evenly": this.justifySpaceEvenly,
         "basis-zero": this.basisZero,
         [`w-flex--gap${this.gap}`]: this.gap
       };
@@ -2605,7 +2607,7 @@ const __vue2_script$u = {
       return listeners;
     },
     hasValue() {
-      return this.inputValue || ["date", "time"].includes(this.type) || this.type === "number" && this.inputNumberError || this.type === "file" && this.inputFiles.length;
+      return this.inputValue || this.inputValue === 0 || ["date", "time"].includes(this.type) || this.type === "number" && this.inputNumberError || this.type === "file" && this.inputFiles.length;
     },
     hasLabel() {
       return this.label || this.$slots.default;
@@ -2686,7 +2688,6 @@ const __vue2_script$u = {
       reader.addEventListener("progress", (event) => {
         if (event.loaded && event.total) {
           this.$set(file, "progress", event.loaded * 100 / event.total);
-          console.log(`Progress: ${Math.round(file.progress)}`);
         }
       });
       reader.readAsDataURL(original);
@@ -5282,7 +5283,7 @@ const __vue2_script$b = {
       return listeners;
     },
     hasValue() {
-      return this.inputValue;
+      return this.inputValue || this.inputValue === 0;
     },
     hasLabel() {
       return this.label || this.$slots.default;
@@ -5481,7 +5482,7 @@ var render$8 = function() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c("div", { ref: "wrapper", staticClass: "w-tooltip-wrap", class: { "w-tooltip-wrap--attached": !_vm.detachTo } }, [_vm._t("activator", null, { "on": _vm.eventHandlers }), _c("transition", { attrs: { "name": _vm.transitionName, "appear": "" } }, [_c("div", { directives: [{ name: "show", rawName: "v-show", value: _vm.showTooltip, expression: "showTooltip" }], ref: "tooltip", staticClass: "w-tooltip", class: _vm.classes, style: _vm.styles }, [_vm.bgColor ? _c("div", { class: _vm.color }, [_vm._t("default")], 2) : _vm._t("default")], 2)])], 2);
+  return _c("div", { staticClass: "w-tooltip-wrap", class: { "w-tooltip-wrap--attached": !_vm.detachTo } }, [_vm._t("activator", null, { "on": _vm.eventHandlers }), _c("transition", { attrs: { "name": _vm.transitionName, "appear": "" } }, [_c("div", { directives: [{ name: "show", rawName: "v-show", value: _vm.showTooltip, expression: "showTooltip" }], ref: "tooltip", staticClass: "w-tooltip", class: _vm.classes, style: _vm.styles }, [_vm._t("default")], 2)])], 2);
 };
 var staticRenderFns$8 = [];
 var wTooltip_vue_vue_type_style_index_0_lang = "";
@@ -5547,7 +5548,7 @@ const __vue2_script$8 = {
       return target;
     },
     tooltipParentEl() {
-      return this.detachTo ? this.detachToTarget : this.$refs.wrapper;
+      return this.detachTo ? this.detachToTarget : this.$el;
     },
     position() {
       return this.top && "top" || this.bottom && "bottom" || this.left && "left" || this.right && "right" || "bottom";
@@ -5581,8 +5582,8 @@ const __vue2_script$8 = {
     },
     classes() {
       return __spreadProps(__spreadValues({
-        [this.color]: !this.bgColor,
-        [`${this.bgColor} ${this.bgColor}--bg`]: this.bgColor
+        [this.color]: this.color,
+        [`${this.bgColor}--bg`]: this.bgColor
       }, this.tooltipClasses), {
         [`w-tooltip--${this.position}`]: true,
         "w-tooltip--tile": this.tile,
@@ -5597,8 +5598,9 @@ const __vue2_script$8 = {
     styles() {
       return {
         zIndex: this.zIndex || this.zIndex === 0 || null,
-        top: `${~~this.tooltipCoordinates.top}px`,
-        left: `${~~this.tooltipCoordinates.left}px`
+        top: this.tooltipCoordinates.top && `${~~this.tooltipCoordinates.top}px` || null,
+        left: this.tooltipCoordinates.left && `${~~this.tooltipCoordinates.left}px` || null,
+        "--w-tooltip-bg-color": this.$waveui.colors[this.bgColor || "white"]
       };
     },
     eventHandlers() {
@@ -5685,7 +5687,7 @@ const __vue2_script$8 = {
       return coords;
     },
     insertTooltip() {
-      const wrapper = this.$refs.wrapper;
+      const wrapper = this.$el;
       this.tooltipEl = this.$refs.tooltip.$el || this.$refs.tooltip;
       wrapper.parentNode.insertBefore(this.activatorEl, wrapper);
       this.detachToTarget.appendChild(this.$refs.tooltip);
@@ -5696,7 +5698,7 @@ const __vue2_script$8 = {
     }
   },
   mounted() {
-    this.activatorEl = this.$refs.wrapper.firstElementChild;
+    this.activatorEl = this.$el.firstElementChild;
     if (this.detachTo)
       this.insertTooltip();
     if (this.value)