wave-ui 1.51.0 → 1.51.1

package/dist/wave-ui.es.js

@@ -3383,7 +3383,7 @@ var DetachableMixin = {
     if (this.value && this.activator)
       this.toggle({ type: "click", target: this.activatorEl });
   },
-  destroy() {
+  beforeDestroy() {
     var _a;
     this.close();
     this.removeFromDOM();
@@ -3753,9 +3753,7 @@ var render$q = function() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c("transition", { attrs: { "name": "fade", "appear": "" }, on: { "after-leave": function($event) {
-    return _vm.$emit("closed");
-  } } }, [_vm.value ? _c("div", { directives: [{ name: "focus", rawName: "v-focus" }], staticClass: "w-overlay", class: _vm.classes, style: _vm.value && _vm.styles || null, attrs: { "tabindex": "0" }, on: { "keydown": function($event) {
+  return _c("transition", { attrs: { "name": "fade", "appear": "" }, on: { "after-leave": _vm.onClosed } }, [_vm.showOverlay ? _c("div", { directives: [{ name: "show", rawName: "v-show", value: _vm.value, expression: "value" }, { name: "focus", rawName: "v-focus" }], staticClass: "w-overlay", class: _vm.classes, style: _vm.value && _vm.styles || null, attrs: { "tabindex": "0" }, on: { "keydown": function($event) {
     if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "escape", void 0, $event.key, void 0)) {
       return null;
     }
@@ -3777,7 +3775,8 @@ const __vue2_script$q = {
   },
   emits: ["input", "update:modelValue", "click", "close", "closed"],
   data: () => ({
-    persistentAnimate: false
+    persistentAnimate: false,
+    showOverlay: false
   }),
   computed: {
     backgroundColor() {
@@ -3808,6 +3807,19 @@ const __vue2_script$q = {
         this.$emit("close");
       }
       this.$emit("click", e);
+    },
+    onClosed() {
+      this.showOverlay = false;
+      this.$emit("closed");
+    }
+  },
+  created() {
+    this.showOverlay = this.value;
+  },
+  watch: {
+    value(bool) {
+      if (bool)
+        this.showOverlay = true;
     }
   }
 };