@proximus/lavender-mega-dropdown 2.0.0-alpha.103 → 2.0.0-alpha.104

package/dist/index.es.js

@@ -2136,14 +2136,14 @@ class me extends HTMLElement {
         <slot name="mdd-footer"></slot>
       </px-hstack>
     </px-section>
-  </dialog>`, this.attachShadow({ mode: "open" }), this.shadowRoot.innerHTML = this.template, this.shadowRoot.adoptedStyleSheets = [Rt], this.internals = (e = this.attachInternals) == null ? void 0 : e.call(this), this.role = "menu", this.internals && (this.internals.role = "menu");
+  </dialog>`, this.attachShadow({ mode: "open" }), this.shadowRoot.innerHTML = this.template, this.shadowRoot.adoptedStyleSheets = [Rt], this.internals = (e = this.attachInternals) == null ? void 0 : e.call(this), this.internals && (this.internals.role = "menu");
   }
   static get observedAttributes() {
     return ["hidden", "name", "close-button-aria-label", "back-to-menu-label"];
   }
   connectedCallback() {
     var e, o;
-    if (this.querySelectorAll("px-mdd-section").length === 0)
+    if (this.role = "menu", this.querySelectorAll("px-mdd-section").length === 0)
       throw new Error("HeaderPanel must contain at least one MenuSection");
     this.hidden = !0, this.internals && (this.internals.ariaHidden = "true"), this.ariaHidden = "true", this.setAttribute("slot", "header-panels"), this.shadowRoot.addEventListener("click", (r) => {
       if (r.target.closest("px-button-icon"))
@@ -2591,7 +2591,7 @@ class $e extends HTMLElement {
       </span>
       <px-spacer></px-spacer>
       <px-icon name="chevron_right" from="lavender"></px-icon>
-    </px-hstack>`, this.attachShadow({ mode: "open" }), this.shadowRoot.adoptedStyleSheets = [Nt], this.internals = (t = this.attachInternals) == null ? void 0 : t.call(this), this.role = "listitem", this.internals && (this.internals.role = "listitem");
+    </px-hstack>`, this.attachShadow({ mode: "open" }), this.shadowRoot.adoptedStyleSheets = [Nt], this.internals = (t = this.attachInternals) == null ? void 0 : t.call(this), this.internals && (this.internals.role = "listitem");
   }
   static get observedAttributes() {
     return ["href", "for"];
@@ -2604,7 +2604,7 @@ class $e extends HTMLElement {
     t === "href" && this.$link ? this.$link.href = e : t === "href" && !this.$link && e ? (this.shadowRoot.innerHTML = `<a href="${e}">${this.template}</a>`, this.shadowRoot.firstElementChild.setAttribute("tabindex", "0"), this.$arrowIcon.style.display = "none") : t === "for" && !this.$button && e && (this.shadowRoot.innerHTML = `<button>${this.template}</button>`, this.shadowRoot.firstElementChild.setAttribute("tabindex", "0"));
   }
   connectedCallback() {
-    this.hasAttribute("href") ? (this.updateView("href", this.href), this.$link.href = this.href) : this.hasAttribute("for") && (this.updateView("for", this.getAttribute("for")), this.addEventListener("click", this.handleClick)), this.$after && this.$after.localName === "px-icon" && this.configureAfterIcon(this.$after), this.$link && (this.$arrowIcon.style.display = "none");
+    this.role = "listitem", this.hasAttribute("href") ? (this.updateView("href", this.href), this.$link.href = this.href) : this.hasAttribute("for") && (this.updateView("for", this.getAttribute("for")), this.addEventListener("click", this.handleClick)), this.$after && this.$after.localName === "px-icon" && this.configureAfterIcon(this.$after), this.$link && (this.$arrowIcon.style.display = "none");
   }
   handleClick() {
     const t = new CustomEvent("section-item-click", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proximus/lavender-mega-dropdown",
-  "version": "2.0.0-alpha.103",
+  "version": "2.0.0-alpha.104",
   "description": "",
   "main": "dist/index.es.js",
   "types": "dist/index.d.ts",