@proximus/lavender-modal 2.0.0-alpha.59 → 2.0.0-alpha.60

package/dist/Modal.d.ts

@@ -11,6 +11,7 @@ export declare class Modal extends HTMLElement {
     private onOpenClick;
     private onCloseClick;
     private commandButtonCleanups;
+    private opener;
     private openerElement;
     private closerElement;
     template: string;

package/dist/index.es.js

@@ -9,7 +9,7 @@ r.replaceSync(a);
 const l = "px.lavender.modal.close", c = ["", "info", "success", "error", "warning"];
 class d extends HTMLElement {
   constructor() {
-    super(), this.onOpenClick = () => this.show(), this.onCloseClick = () => this.close(), this.commandButtonCleanups = [], this.openerElement = null, this.closerElement = null, this.template = `<dialog>
+    super(), this.onOpenClick = () => this.show(), this.onCloseClick = () => this.close(), this.commandButtonCleanups = [], this.opener = null, this.openerElement = null, this.closerElement = null, this.template = `<dialog>
     <div id="container">
       <div id="content-container">
         <px-vstack gap="default" >
@@ -135,11 +135,16 @@ class d extends HTMLElement {
   }
   addOpenListener() {
     var t;
-    this.removeOpenListener(), this.openerElement = this.$opener, (t = this.openerElement) == null || t.addEventListener("click", this.onOpenClick);
+    this.removeOpenListener(), this.$opener ? (this.openerElement = this.$opener, this.openerElement.addEventListener("click", this.onOpenClick)) : ((t = this.opener) == null || t.disconnect(), this.opener = new MutationObserver(() => {
+      this.$opener && (this.opener.disconnect(), this.opener = null, this.addOpenListener());
+    }), this.opener.observe(document.body, {
+      childList: !0,
+      subtree: !0
+    }));
   }
   removeOpenListener() {
-    var t;
-    (t = this.openerElement) == null || t.removeEventListener("click", this.onOpenClick), this.openerElement = null;
+    var t, e;
+    (t = this.opener) == null || t.disconnect(), this.opener = null, (e = this.openerElement) == null || e.removeEventListener("click", this.onOpenClick), this.openerElement = null;
   }
   addCloseListener(t) {
     var e, o;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proximus/lavender-modal",
-  "version": "2.0.0-alpha.59",
+  "version": "2.0.0-alpha.60",
   "description": "",
   "main": "dist/index.es.js",
   "types": "dist/index.d.ts",