@proximus/lavender-header 2.0.0-alpha.111 → 2.0.0-alpha.113

package/dist/index.es.js

@@ -83,10 +83,10 @@ const qt = [...zt, "link-m", "link-s"], V = [
   "btn-secondary",
   "btn-tertiary",
   "icon-link"
-], Ot = ["", "default", "alternative"], O = class O extends $t {
+], Nt = ["", "default", "alternative"], N = class N extends $t {
   constructor() {
     super(it, nt, st), this.template = () => '<slot name="before"></slot><slot></slot><slot name="after"></slot>';
-    const t = document.createElement(O.nativeName);
+    const t = document.createElement(N.nativeName);
     t.innerHTML = this.template(), this.shadowRoot.appendChild(t);
   }
   static get observedAttributes() {
@@ -130,7 +130,7 @@ const qt = [...zt, "link-m", "link-s"], V = [
         case "shape--tablet":
         case "shape--laptop":
         case "shape--desktop":
-          this.updateShape(t, o, Ot);
+          this.updateShape(t, o, Nt);
           break;
         case "extended":
         case "extended--mobile":
@@ -311,19 +311,19 @@ const qt = [...zt, "link-m", "link-s"], V = [
     t ? this.setAttribute("title", t) : this.removeAttribute("title");
   }
 };
-O.nativeName = "a";
-let j = O;
+N.nativeName = "a";
+let j = N;
 customElements.get("px-a") || customElements.define("px-a", j);
-var m, I, dt;
-class It extends j {
+var m, O, dt;
+class Ot extends j {
   constructor() {
     super();
-    u(this, I);
+    u(this, O);
     u(this, m);
     this.$el.classList.add("wrapper"), A(this, m, new Tt(
       this,
       this.$el,
-      () => b(this, I, dt).call(this)
+      () => b(this, O, dt).call(this)
     ));
   }
   connectedCallback() {
@@ -344,11 +344,11 @@ class It extends j {
       }
   }
 }
-m = new WeakMap(), I = new WeakSet(), dt = function() {
+m = new WeakMap(), O = new WeakSet(), dt = function() {
   return !this.hasAttribute("disabled") && this.$el.getAttribute("aria-disabled") !== "true";
 };
-customElements.get("px-a-wrapper") || customElements.define("px-a-wrapper", It);
-class Nt extends HTMLElement {
+customElements.get("px-a-wrapper") || customElements.define("px-a-wrapper", Ot);
+class It extends HTMLElement {
   constructor() {
     super(), this.template = `<px-a font-weight="title" font-size="body-l" color="brand" variant="no-style">
     <slot></slot>
@@ -359,7 +359,7 @@ class Nt extends HTMLElement {
     });
   }
 }
-customElements.get("px-mdd-a") || customElements.define("px-mdd-a", Nt);
+customElements.get("px-mdd-a") || customElements.define("px-mdd-a", It);
 const Bt = "#navigation-container{border-bottom:var(--px-size-border-m) solid var(--px-color-border-main-default)}#dropdown-zone--desktop{display:none}#primary-navigation{display:none;margin:0;padding:0}#panel-container{position:absolute;top:0;left:0;right:0;z-index:999}#backdrop-filter{display:none;position:absolute;z-index:998;left:0;width:100vw;height:100%;background:#0000004d;-webkit-backdrop-filter:saturate(180%) blur(15px);backdrop-filter:saturate(180%) blur(15px)}@media screen and (min-width: 48rem){#dropdown-zone--desktop{display:flex;justify-content:space-between;align-items:center;margin-block:var(--px-padding-s-tablet)}#primary-navigation{display:block}#panel-container{top:auto}}@media screen and (min-width: 64.0625rem){#dropdown-zone--desktop{margin-block:var(--px-padding-s-laptop)}}@media screen and (min-width: 90.0625rem){#dropdown-zone--desktop{margin-block:var(--px-padding-s-desktop)}}";
 function P(r) {
   var t = typeof r;
@@ -672,7 +672,7 @@ T = new WeakMap(), i = new WeakSet(), bt = function() {
   return this.querySelectorAll("px-mdd");
 };
 customElements.get("px-header") || customElements.define("px-header", ge);
-const xe = ':host{position:relative}::slotted([slot="popover"]){position:absolute;border-radius:var(--px-radius-main, 8px);background:var(--px-color-background-container-light-default, #fff);box-shadow:0 20px 25px -5px #25252514;margin:0;padding:var(--px-padding-xs-mobile) 0;border:0;right:0;width:auto}:host([grow]) ::slotted([slot="trigger"]):after{right:0;padding-right:var(--px-padding-xs-mobile)}:host([anchoralignment="top-left"]) ::slotted([slot="popover"]){top:auto}:host([anchoralignment="top-right"]) ::slotted([slot="popover"]){top:auto}:host([anchoralignment="bottom-right"]) ::slotted([slot="popover"]){left:auto}@media screen and (max-width: 47.938rem){::slotted([slot="trigger"]){display:block;width:100%}:host([anchoralignment="top-left"]) ::slotted([slot="popover"]){left:var(--px-padding-s-mobile)}:host([anchoralignment="top-right"]) ::slotted([slot="popover"]){left:var(--px-padding-s-mobile)}}@media screen and (min-width: 48rem){::slotted([slot="popover"]){padding-block:var(--px-padding-s-desktop);right:auto;width:auto}}', fe = [
+const xe = ':host{position:relative}::slotted([slot="popover"]){position:fixed;border-radius:var(--px-radius-main, 8px);background:var(--px-color-background-container-light-default, #fff);box-shadow:0 20px 25px -5px #25252514;margin:0;padding:var(--px-padding-xs-mobile) 0;border:0;right:0;width:auto}:host([grow]) ::slotted([slot="trigger"]):after{right:0;padding-right:var(--px-padding-xs-mobile)}:host([anchoralignment="top-left"]) ::slotted([slot="popover"]){top:auto}:host([anchoralignment="top-right"]) ::slotted([slot="popover"]){top:auto}:host([anchoralignment="bottom-right"]) ::slotted([slot="popover"]){left:auto}@media screen and (max-width: 47.938rem){::slotted([slot="trigger"]){display:block;width:100%}:host([anchoralignment="top-left"]) ::slotted([slot="popover"]){left:var(--px-padding-s-mobile)}:host([anchoralignment="top-right"]) ::slotted([slot="popover"]){left:var(--px-padding-s-mobile)}}@media screen and (min-width: 48rem){::slotted([slot="popover"]){padding-block:var(--px-padding-s-desktop);right:auto;width:auto}}', fe = [
   "top-left",
   "top-right",
   "bottom-left",
@@ -726,7 +726,7 @@ class ve extends X {
       anchor-name: ${this.anchorName};
     }
     :host([anchoralignment="bottom-left"]) {
-      ::slotted([slot="popover"]) {
+      ::slotted([popover]) {
         position-anchor: ${this.anchorName};
         top: anchor(${this.anchorName} bottom);
         left: anchor(${this.anchorName} left);
@@ -851,7 +851,7 @@ w = new WeakSet(), gt = function() {
  * race conditions when the popover is toggled and the trigger click event is fired.
  */
 xt = function() {
-  this.$trigger && (this.manualToggle || this.$trigger.addEventListener("click", this.triggerPopoverDisplay), this.$popoverElement.addEventListener("beforetoggle", d(this, k)), this.$popoverElement.addEventListener("toggle", d(this, y)));
+  this.$trigger && !["button", "input"].includes(this.$trigger.localName) && (this.manualToggle || this.$trigger.addEventListener("click", this.triggerPopoverDisplay), this.$popoverElement.addEventListener("beforetoggle", d(this, k)), this.$popoverElement.addEventListener("toggle", d(this, y)));
 };
 customElements.get("px-dropdown") || customElements.define("px-dropdown", ve);
 const ft = new CSSStyleSheet();
@@ -862,12 +862,12 @@ ft.replaceSync(`
     }
   }
 `);
-var N, B, vt;
+var I, B, vt;
 class me extends HTMLElement {
   constructor() {
     super();
     u(this, B);
-    u(this, N, `<px-mdd
+    u(this, I, `<px-mdd
     name="__lavender_mobile_menu"
     hidden--tablet
     hidden--laptop
@@ -876,7 +876,7 @@ class me extends HTMLElement {
     <span slot="title"><slot name="title"></slot></span>
     <px-mdd-section title-hidden></px-mdd-section>
   </px-mdd>`);
-    this.attachShadow({ mode: "open" }), this.shadowRoot.innerHTML = d(this, N), this.shadowRoot.adoptedStyleSheets = [ft];
+    this.attachShadow({ mode: "open" }), this.shadowRoot.innerHTML = d(this, I), this.shadowRoot.adoptedStyleSheets = [ft];
   }
   connectedCallback() {
     this.setAttribute("slot", "header-panels");
@@ -901,7 +901,7 @@ class me extends HTMLElement {
     return this.shadowRoot.querySelector("px-mdd");
   }
 }
-N = new WeakMap(), B = new WeakSet(), vt = function() {
+I = new WeakMap(), B = new WeakSet(), vt = function() {
   const e = this.closest("px-header"), o = e.querySelector(
     'px-dropdown[slot="target-group"]'
   ), a = e.querySelector(

package/package.json

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