wave-ui 1.45.14 → 1.45.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wave-ui",
-  "version": "1.45.14",
+  "version": "1.45.15",
   "description": "An emerging UI framework for Vue.js & Vue 3 with only the bright side. :sunny:",
   "author": "Antoni Andre <antoniandre.web@gmail.com>",
   "main": "./dist/wave-ui.umd.js",

package/src/wave-ui/components/w-input.vue

@@ -261,6 +261,8 @@ export default {
         return file
       }))
       this.$emit('update:modelValue', this.inputFiles)
+      this.$emit('input', this.inputFiles)
+      this.$emit('change', this.inputFiles)
     },
 
     // For file input.
@@ -289,7 +291,7 @@ export default {
     // On page load, check if the field is autofilled by the browser.
     // 20211229. Only a problem on Chrome. Firefox ok, Safari always prompts before filling up.
     setTimeout(() => {
-      if (this.$refs.input.matches(':-webkit-autofill')) this.isAutofilled = true
+      if (this.$refs.input && this.$refs.input.matches(':-webkit-autofill')) this.isAutofilled = true
     }, 400) // Can't be less than 350: time for the browser to autofill.
   },
 

package/src/wave-ui/components/w-tooltip.vue

@@ -367,96 +367,15 @@ export default {
 
   &--custom-transition {transform: none;}
 
-  // &:after {
-  //   content: '';
-  //   position: absolute;
-  //   width: 0;
-  //   height: 0;
-  //   border: 6px solid transparent;
-  // }
-  // &--top:after {
-  //   top: 100%;
-  //   left: 50%;
-  //   border-top-color: $tooltip-bg-color;
-  //   transform: translateX(-50%);
-  //   margin-top: 1px;
-  // }
-  // &--bottom:after {
-  //   bottom: 100%;
-  //   left: 50%;
-  //   border-bottom-color: $tooltip-bg-color;
-  //   transform: translateX(-50%);
-  //   margin-bottom: 1px;
-  // }
-  // &--left:after {
-  //   left: 100%;
-  //   top: 50%;
-  //   border-left-color: $tooltip-bg-color;
-  //   transform: translateY(-50%);
-  //   margin-left: 1px;
-  // }
-  // &--right:after {
-  //   right: 100%;
-  //   top: 50%;
-  //   border-right-color: $tooltip-bg-color;
-  //   transform: translateY(-50%);
-  //   margin-right: 1px;
-  // }
-
   // Tooltip without border.
-  // --------------------------------------------------------
   &--no-border {
     @include triangle(var(--w-tooltip-bg-color), '.w-tooltip', 7px, 0);
   }
+
+  // Tooltip with border.
   &:not(&--no-border) {
     @include triangle(var(--w-tooltip-bg-color), '.w-tooltip', 7px);
   }
-
-  // Tooltip with border.
-  // --------------------------------------------------------
-  // &:not(&--no-border).w-tooltip--top:after {margin-top: -1px;}
-  // &:not(&--no-border).w-tooltip--bottom:after {margin-bottom: -1px;}
-  // &:not(&--no-border).w-tooltip--left:after {margin-left: -1px;}
-  // &:not(&--no-border).w-tooltip--right:after {margin-right: -1px;}
-
-  // &:not(&--no-border) {
-  //   &:before {
-  //     content: '';
-  //     position: absolute;
-  //     width: 0;
-  //     height: 0;
-  //     border: 7px solid transparent;
-  //   }
-  //   &.w-tooltip--top:before {
-  //     top: 100%;
-  //     left: 50%;
-  //     border-top-color: inherit;
-  //     transform: translateX(-50%);
-  //     margin-top: 0;
-  //   }
-  //   &.w-tooltip--bottom:before {
-  //     bottom: 100%;
-  //     left: 50%;
-  //     border-bottom-color: inherit;
-  //     transform: translateX(-50%);
-  //     margin-bottom: 0;
-  //   }
-  //   &.w-tooltip--left:before {
-  //     left: 100%;
-  //     top: 50%;
-  //     border-left-color: inherit;
-  //     transform: translateY(-50%);
-  //     margin-left: 0;
-  //   }
-  //   &.w-tooltip--right:before {
-  //     right: 100%;
-  //     top: 50%;
-  //     border-right-color: inherit;
-  //     transform: translateY(-50%);
-  //     margin-right: 0;
-  //   }
-  // }
-  // --------------------------------------------------------
 }
 
 // Transitions.