wave-ui 1.45.1 → 1.45.5

package/dist/wave-ui.es.js

@@ -2605,7 +2605,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;
@@ -5282,7 +5282,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 +5481,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 +5547,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 +5581,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 +5597,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 +5686,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 +5697,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)