@supersoniks/concorde 3.1.73 → 3.1.75

package/src/core/components/ui/modal/modal.ts

@@ -143,6 +143,21 @@ export class Modal extends Subscriber(LitElement) {
           transform: translateX(-50%) translateY(-50%);
         }
 
+        /* Solution améliorée pour les navigateurs supportant round() */
+        @supports (transform: translateX(round(-50%, 1px))) {
+          .modal-wrapper {
+            transform: translateX(round(-50%, 1px)) translateY(round(-50%, 1px));
+          }
+        }
+
+        :host([fullScreen]) .modal-wrapper {
+          top: 0;
+          left: 0;
+          right: 0;
+          bottom: 0;
+          transform: none;
+        }
+
         .modal {
           top: 50%;
           bottom: auto;
@@ -393,25 +408,29 @@ export class Modal extends Subscriber(LitElement) {
     this.dispatchEvent(new CustomEvent("show"));
   }
 
-  hide(): void {
-    this.visible = false;
-    this.modalElement?.setAttribute("tabindex", "-1");
-    this.dispatchEvent(new CustomEvent("hide"));
-    if (this.hasAttribute("resetDataProviderOnHide")) {
-      PublisherManager.get(this.getAttribute("resetDataProviderOnHide")).set(
-        {}
-      );
-    }
+  hide(): Promise<void> {
+    return new Promise((resolve) => {
+      this.visible = false;
+      this.modalElement?.setAttribute("tabindex", "-1");
+      this.dispatchEvent(new CustomEvent("hide"));
 
-    setTimeout(() => {
-      if (this.removeHashOnHide) {
-        window.history.replaceState({}, "", window.location.pathname);
-      }
-      if (this.removeOnHide) {
-        this.remove();
+      if (this.hasAttribute("resetDataProviderOnHide")) {
+        PublisherManager.get(this.getAttribute("resetDataProviderOnHide")).set(
+          {}
+        );
       }
-      this.dispatchEvent(new CustomEvent("hidden"));
-    }, 480);
+
+      setTimeout(() => {
+        if (this.removeHashOnHide) {
+          window.history.replaceState({}, "", window.location.pathname);
+        }
+        if (this.removeOnHide) {
+          this.remove();
+        }
+        this.dispatchEvent(new CustomEvent("hidden"));
+        resolve();
+      }, 480);
+    });
   }
 
   dispose() {