wave-ui 1.65.0 → 1.65.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wave-ui",
-  "version": "1.65.0",
+  "version": "1.65.2",
   "description": "An emerging UI framework for Vue.js (2 & 3) with only the bright side. :sunny:",
   "author": "Antoni Andre <antoniandre.web@gmail.com>",
   "homepage": "https://antoniandre.github.io/wave-ui",

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

@@ -1,34 +1,34 @@
 <template lang="pug">
-.w-confirm
-  w-menu(v-model="showPopup" v-bind="wMenuProps")
-    template(#activator="{ on }")
-      w-button.w-confirm__button(
-        v-on="{ ...$listeners, ...(disablePrompt ? {} : on) }"
-        v-bind="buttonProps")
-        slot
-    w-flex(:column="!inline" align-center)
-      div
-        slot(name="question") {{ question }}
-      .w-flex.justify-end(:class="inline ? 'ml2' : 'mt2'")
-        w-button.mr2(
-          v-if="cancel !== false"
-          v-bind="cancelButtonProps"
-          :bg-color="(cancelButton || {}).bgColor || 'error'"
-          @keyup.escape="!persistent && onCancel()"
-          @click="onCancel")
-          slot(name="cancel") {{ cancelButton.label }}
-        w-button(
-          v-bind="confirmButtonProps"
-          :bg-color="(confirmButton || {}).bgColor || 'success'"
-          v-focus
-          @keyup.escape="!persistent && onCancel()"
-          @click="onConfirm")
-          slot(name="confirm") {{ confirmButton.label }}
+w-menu(v-model="showPopup" v-bind="wMenuProps")
+  template(#activator="{ on }")
+    w-button.w-confirm(
+      v-on="{ ...$listeners, ...(disablePrompt ? {} : on) }"
+      v-bind="buttonProps")
+      slot
+  w-flex(:column="!inline" align-center)
+    div
+      slot(name="question") {{ question }}
+    .w-flex.justify-end(:class="inline ? 'ml2' : 'mt2'")
+      w-button.mr2(
+        v-if="cancel !== false"
+        v-bind="cancelButtonProps"
+        :bg-color="(cancelButton || {}).bgColor || 'error'"
+        @keyup.escape="!persistent && onCancel()"
+        @click="onCancel")
+        slot(name="cancel") {{ cancelButton.label }}
+      w-button(
+        v-bind="confirmButtonProps"
+        :bg-color="(confirmButton || {}).bgColor || 'success'"
+        v-focus
+        @keyup.escape="!persistent && onCancel()"
+        @click="onConfirm")
+        slot(name="confirm") {{ confirmButton.label }}
 </template>
 
 <script>
 export default {
   name: 'w-confirm',
+  inheritAttrs: false, // The attrs are only bound to the button, not the w-menu.
   props: {
     // Main button props.
     bgColor: { type: String },

package/src/wave-ui/components/w-notification-manager.vue

@@ -10,27 +10,21 @@ transition-group(
       v-if="notif._value"
       :key="notif._uid"
       v-model="notif._value"
-      @close="notifManager.dismiss(notif._uid)"
+      @close="$waveui._notificationManager.dismiss(notif._uid)"
       v-bind="notifProps(notif)")
       div(v-html="notif.message")
 </template>
 
 <script>
-import NotificationManager from '../utils/notification-manager'
-
 export default {
   name: 'w-notification-manager',
 
-  data: () => ({
-    notifManager: null
-  }),
-
   computed: {
     conf () {
       return this.$waveui.config.notificationManager
     },
     notifications () {
-      return this.notifManager?.notifications || []
+      return this.$waveui._notificationManager.notifications || []
     },
     // Possible transitions: slide-fade-down, slide-fade-left, slide-fade-right,
     // slide-left, slide-right, bounce, twist, fade, scale, scale-fade.
@@ -46,15 +40,6 @@ export default {
       const { _value, _uid, message, timeout, ...props } = notif
       return props
     }
-  },
-
-  created () {
-    this.notifManager = new NotificationManager()
-  },
-
-  beforeUnmount () {
-    this.notifManager.notifications = []
-    delete this.notifManager
   }
 }
 </script>