Emit modal changes

Author: holtwick

src/components/tw-modal.vue

@@ -95,7 +95,7 @@ export default defineComponent({
   directives: {
     trapFocus,
   },
-  emits: ["close", "update:modelValue"],
+  emits: ["close", "update:modelValue", "didopen", "willclose"],
   methods: {
     doCancel() {
       this.$emit("cancel")
@@ -128,6 +128,15 @@ export default defineComponent({
   created() {
     document?.addEventListener("keyup", this.keyPress)
   },
+  watch: {
+    modelValue(value) {
+      if (value === true) {
+        this.$emit("didopen")
+      } else {
+        this.$emit("willclose")
+      }
+    },
+  },
   beforeMount() {
     // Insert the Dialog component in the element container
     if (this.standalone && typeof window !== "undefined") {