wave-ui 2.31.0 → 2.31.4

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "wave-ui",
-  "version": "2.31.0",
-  "description": "An emerging UI framework for Vue.js & Vue 3 with only the bright side. :sunny:",
+  "version": "2.31.4",
+  "description": "An emerging UI framework for Vue.js (2 & 3) with only the bright side. :sunny:",
   "author": "Antoni Andre <antoniandre.web@gmail.com>",
   "main": "./dist/wave-ui.umd.js",
   "unpkg": "dist/wave-ui.umd.js",
@@ -62,7 +62,7 @@
     "splitpanes": "^3.0.6",
     "vite": "^2.7.13",
     "vite-plugin-pug": "^0.3.0",
-    "vue": "^3.2.29",
+    "vue": "^3.2.31",
     "vue-cal": "^4.2.0",
     "vue-router": "^4.0.12",
     "vueperslides": "^3.3.2",

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

@@ -48,7 +48,7 @@ export default {
     ligature () {
       if (!config.iconsLigature) return false
 
-      const [fontName, icon] = this.$slots.default()[0].children
+      const [fontName, icon] = this.$slots.default()[0]?.children?.split(' ')
       return fontName === config.iconsLigature && { fontName, icon }
     },
     forcedSize () {

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

@@ -217,7 +217,7 @@ export default {
     hasValue () {
       switch (this.type) {
         case 'file': return !!this.inputFiles.length
-        case 'number': return this.inputNumberError
+        case 'number': return this.inputValue || this.inputValue === 0 || this.inputNumberError
         case 'date':
         case 'time':
           return true

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

@@ -1,7 +1,10 @@
 <template lang="pug">
 .w-progress(:class="classes" :style="styles")
   //- Linear progress.
-  .w-progress__progress(v-if="!circle" :class="{ full: progressValue === 100 }" :style="`width: ${progressValue}%`")
+  .w-progress__progress(
+    v-if="!circle"
+    :class="{ full: progressValue === 100 }"
+    :style="`width: ${progressValue}%`")
 
   //- Circular progress.
   template(v-else)

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

@@ -1,5 +1,5 @@
 <template lang="pug">
-.w-spinner(v-if="value || value === undefined" :class="classes" :style="styles")
+.w-spinner(v-if="modelValue || modelValue === undefined" :class="classes" :style="styles")
   span(v-if="isThreeDots")
 </template>
 
@@ -7,7 +7,7 @@
 export default {
   name: 'w-spinner',
   props: {
-    value: {},
+    modelValue: {},
     color: { type: String, default: 'primary' },
     xs: { type: Boolean },
     sm: { type: Boolean },

package/src/wave-ui/core.js

@@ -85,14 +85,6 @@ export default class WaveUI {
       // Merge user options into the default config.
       mergeConfig(options)
 
-      // @todo: remove this warning in version 1.40+.
-      if (config.disableColorShades) {
-        consoleWarn(
-          'WARNING - Since version 1.30 (Vue 2) & 2.17 (Vue 3), the option `disableColorShades` is replaced with `css.colorShades`.\n' +
-          'https://antoniandre.github.io/wave-ui/release-notes'
-        )
-      }
-
       // Add color shades for each custom color given in options.
       if (config.css.colorShades) {
         config.colorShades = {}

package/src/wave-ui/scss/_mixins.scss

@@ -6,14 +6,11 @@
   transition: $duration $delay cubic-bezier(0.18, 0.89, 0.32, 1.28);
 }
 
-/**
- * Generates a triangle arrow on the edge of an element.
- *
- * @param $color: the color to apply to the triangle.
- * @param $selector: the element selector that receives the modifiers (--top, --left, etc.).
- * @param $size: the triangle size at the base.
- * @param $thickness: the border thickness, 0 to remove the border.
- */
+// Generates a triangle arrow on the edge of an element.
+// @param $color: the color to apply to the triangle.
+// @param $selector: the element selector that receives the modifiers (--top, --left, etc.).
+// @param $size: the triangle size at the base.
+// @param $thickness: the border thickness, 0 to remove the border.
 @mixin triangle($color: white, $selector: '', $size: 7px, $thickness: 1px) {
   @if ($thickness > 0) {
     // The underneath border triangle.