@proximus/lavender-light 2.0.0-alpha.42 → 2.0.0-alpha.44

package/dist/lavender-light.es.js

@@ -3508,9 +3508,11 @@ class Modal extends HTMLElement {
   }
   show() {
     this.$dialog.showModal();
+    document.body.style.overflow = "hidden";
   }
   close() {
     this.$dialog.close();
+    document.body.style.overflow = "";
     this.dispatchEvent(
       new CustomEvent(CLOSE_EVENT, {
         bubbles: true,
@@ -4853,7 +4855,7 @@ class Header extends WithExtraAttributes {
             <px-spacer></px-spacer>
             <px-hstack gap--mobile="none" gap="default">
               <slot name="header-actions"></slot>
-              <px-button-icon variant="naked" aria-label="${this.burgerMenuAriaLabel ?? "Open menu"}"
+              <px-button-icon id="burger-menu" variant="naked" aria-label="${this.burgerMenuAriaLabel ?? "Open menu"}"
                               aria-expanded="false" aria-controls="__lavender_mobile_menu" hidden--tablet hidden--laptop
                               hidden--desktop>
                 <px-icon name="burger_menu" from="lavender"></px-icon>
@@ -4918,11 +4920,9 @@ class Header extends WithExtraAttributes {
       });
       __privateMethod(this, _Header_instances, showMobileMenu_fn).call(this);
     });
-    this.shadowRoot.addEventListener("click", (event) => {
-      if (event.target.closest("px-button-icon")) {
-        this.$burgerMenu.setAttribute("aria-expanded", "true");
-        __privateMethod(this, _Header_instances, showMobileMenu_fn).call(this);
-      }
+    this.$burgerMenu.addEventListener("click", () => {
+      this.$burgerMenu.setAttribute("aria-expanded", "true");
+      __privateMethod(this, _Header_instances, showMobileMenu_fn).call(this);
     });
     this.addEventListener("close-panel", () => {
       __privateMethod(this, _Header_instances, hidePanel_fn).call(this);
@@ -4985,7 +4985,7 @@ class Header extends WithExtraAttributes {
     return this.shadowRoot.querySelector("#backdrop-filter");
   }
   get $burgerMenu() {
-    return this.shadowRoot.querySelector("px-button-icon");
+    return this.shadowRoot.querySelector("#burger-menu");
   }
   get $slotMain() {
     return this.querySelector('[slot="main"]');