wave-ui 3.16.0 → 3.16.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wave-ui",
-  "version": "3.16.0",
+  "version": "3.16.2",
   "description": "A UI framework for Vue.js 3 (and 2) with only the bright side. :sunny:",
   "author": "Antoni Andre <antoniandre.web@gmail.com>",
   "homepage": "https://antoniandre.github.io/wave-ui",
@@ -42,6 +42,15 @@
     "vue framework",
     "ui"
   ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build --base /wave-ui/",
+    "build-types": "tsc -p ./tsconfig.json",
+    "build-bundle": "BUNDLE=true vite build && npm run build-types && mv ./dist/style.css ./dist/wave-ui.css",
+    "preview": "vite preview --base /wave-ui/",
+    "lint": "vite lint",
+    "publish-doc": "npm run build && npm run build-bundle && git add . && git commit -m 'Publish documentation on Github.' && git push && git push --tag"
+  },
   "devDependencies": {
     "@eslint/js": "^9.10.0",
     "@faker-js/faker": "^8.4.1",
@@ -80,14 +89,5 @@
   },
   "peerDependencies": {
     "vue": "^3.2.0"
-  },
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build --base /wave-ui/",
-    "build-types": "tsc -p ./tsconfig.json",
-    "build-bundle": "BUNDLE=true vite build && npm run build-types && mv ./dist/style.css ./dist/wave-ui.css",
-    "preview": "vite preview --base /wave-ui/",
-    "lint": "vite lint",
-    "publish-doc": "npm run build && npm run build-bundle && git add . && git commit -m 'Publish documentation on Github.' && git push && git push --tag"
   }
-}
+}

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

@@ -111,10 +111,10 @@ export default {
         'w-alert--tile': this.tile,
         'w-alert--round': this.round,
         'w-alert--one-border': this.hasSingleBorder || this.iconOutside,
-        'w-alert--border-left': (!this.noBorder && this.borderLeft) || this.iconOutside,
-        'w-alert--border-right': !this.noBorder && this.borderRight,
-        'w-alert--border-top': !this.noBorder && this.borderTop,
-        'w-alert--border-bottom': !this.noBorder && this.borderBottom,
+        'w-alert--border-left': this.borderLeft || this.iconOutside,
+        'w-alert--border-right': this.borderRight,
+        'w-alert--border-top': this.borderTop,
+        'w-alert--border-bottom': this.borderBottom,
         'w-alert--border': this.border && !this.hasSingleBorder,
         'w-alert--shadow': this.shadow,
         'w-alert--bold': this.bold

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

@@ -28,6 +28,8 @@ w-overlay.w-dialog(
 </template>
 
 <script>
+import { objectifyClasses } from '../utils/index'
+
 export default {
   name: 'w-dialog',
 
@@ -40,9 +42,9 @@ export default {
     tile: { type: Boolean },
     title: { type: String },
     transition: { type: String, default: 'fade' }, // @todo: validator.
-    titleClass: { type: String },
-    contentClass: { type: String },
-    dialogClass: { type: String },
+    titleClass: { type: [String, Object, Array] },
+    contentClass: { type: [String, Object, Array] },
+    dialogClass: { type: [String, Object, Array] },
     overlayColor: { type: String },
     color: { type: String },
     bgColor: { type: String },
@@ -69,9 +71,21 @@ export default {
   },
 
   computed: {
+    titleClasses () {
+      return objectifyClasses(this.titleClass)
+    },
+
+    contentClasses () {
+      return objectifyClasses(this.contentClass)
+    },
+
+    dialogClasses () {
+      return objectifyClasses(this.dialogClass)
+    },
+
     maxWidth () {
       let width = this.width
-      if (width && parseInt(width) == width) width += 'px'
+      if (width && parseInt(width) === +width) width += 'px'
       return width
     },
     classes () {