@proximus/lavender-header 2.0.0-alpha.143 → 2.0.0-alpha.144

package/dist/index.es.js

@@ -2,7 +2,7 @@ var G = (r) => {
   throw TypeError(r);
 };
 var F = (r, e, t) => e.has(r) || G("Cannot " + t);
-var d = (r, e, t) => (F(r, e, "read from private field"), t ? t.call(r) : e.get(r)), h = (r, e, t) => e.has(r) ? G("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(r) : e.set(r, t), A = (r, e, t, o) => (F(r, e, "write to private field"), o ? o.call(r, t) : e.set(r, t), t), c = (r, e, t) => (F(r, e, "access private method"), t);
+var d = (r, e, t) => (F(r, e, "read from private field"), t ? t.call(r) : e.get(r)), h = (r, e, t) => e.has(r) ? G("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(r) : e.set(r, t), A = (r, e, t, o) => (F(r, e, "write to private field"), o ? o.call(r, t) : e.set(r, t), t), b = (r, e, t) => (F(r, e, "access private method"), t);
 import "@proximus/lavender-button-icon";
 import "@proximus/lavender-cell";
 import { WithExtraAttributes as X, fontsizeValues as zt, PxElement as $t, transferAccessibilityAttributes as At, fontweightValues as St, colorValues as Ct, log as P, checkName as Et, WrappedInteractiveStateController as Tt } from "@proximus/lavender-common";
@@ -324,7 +324,7 @@ class It extends j {
     this.$el.classList.add("wrapper"), A(this, m, new Tt(
       this,
       this.$el,
-      () => c(this, I, dt).call(this)
+      () => b(this, I, dt).call(this)
     ));
   }
   connectedCallback() {
@@ -361,7 +361,7 @@ class Nt extends HTMLElement {
   }
 }
 customElements.get("px-mdd-a") || customElements.define("px-mdd-a", Nt);
-const Ht = '#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}#primary-navigation div,#primary-navigation px-hstack{height:100%}#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: 64.0625rem){#primary-navigation{display:block}#panel-container{top:auto}#dropdown-zone--desktop{display:flex;justify-content:space-between;align-items:center}#dropdown-zone--desktop ::slotted([slot="target-group"]),#dropdown-zone--desktop ::slotted([slot="user-language"]){margin-bottom:var(--px-spacing-s-laptop)}::slotted([slot="header-actions"]){margin-bottom:var(--px-padding-s-laptop)}}@media screen and (min-width: 90.0625rem){#dropdown-zone--desktop ::slotted([slot="target-group"]),#dropdown-zone--desktop ::slotted([slot="user-language"]){margin-bottom:var(--px-spacing-s-desktop)}::slotted([slot="header-actions"]){margin-bottom:var(--px-padding-s-desktop)}}';
+const Ht = '#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}#primary-navigation div,#primary-navigation px-hstack{height:100%}#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)}::slotted([slot="header-logo"]){--px-size-icon-l: 1.9rem;--px-size-icon-xl: 1.9rem}@media screen and (min-width: 64.0625rem){#primary-navigation{display:block}#panel-container{top:auto}#dropdown-zone--desktop{display:flex;justify-content:space-between;align-items:center}#dropdown-zone--desktop ::slotted([slot="target-group"]),#dropdown-zone--desktop ::slotted([slot="user-language"]){margin-bottom:var(--px-spacing-s-laptop)}::slotted([slot="header-actions"]){margin-bottom:var(--px-padding-s-laptop)}::slotted([slot="header-logo"]){--px-size-icon-l: 3.2rem;--px-size-icon-xl: 3.2rem;margin-left:-.1rem}}@media screen and (min-width: 90.0625rem){#dropdown-zone--desktop ::slotted([slot="target-group"]),#dropdown-zone--desktop ::slotted([slot="user-language"]){margin-bottom:var(--px-spacing-s-desktop)}::slotted([slot="header-actions"]){margin-bottom:var(--px-padding-s-desktop)}}';
 function R(r) {
   var e = typeof r;
   return r != null && (e == "object" || e == "function");
@@ -421,8 +421,8 @@ function ot(r) {
   return t || ne.test(r) ? se(r.slice(2), t ? 2 : 8) : ae.test(r) ? et : +r;
 }
 var de = "Expected a function", le = Math.max, pe = Math.min;
-function be(r, e, t) {
-  var o, a, n, s, l, b, x = 0, z = !1, u = !1, B = !0;
+function ce(r, e, t) {
+  var o, a, n, s, l, c, x = 0, z = !1, u = !1, B = !0;
   if (typeof r != "function")
     throw new TypeError(de);
   e = ot(e) || 0, R(t) && (z = !!t.leading, u = "maxWait" in t, n = u ? le(ot(t.maxWait) || 0, e) : n, B = "trailing" in t ? !!t.trailing : B);
@@ -434,12 +434,12 @@ function be(r, e, t) {
     return x = p, l = setTimeout(L, e), z ? D(p) : s;
   }
   function kt(p) {
-    var g = p - b, $ = p - x, Q = e - g;
+    var g = p - c, $ = p - x, Q = e - g;
     return u ? pe(Q, n - $) : Q;
   }
   function J(p) {
-    var g = p - b, $ = p - x;
-    return b === void 0 || g >= e || g < 0 || u && $ >= n;
+    var g = p - c, $ = p - x;
+    return c === void 0 || g >= e || g < 0 || u && $ >= n;
   }
   function L() {
     var p = _();
@@ -451,42 +451,42 @@ function be(r, e, t) {
     return l = void 0, B && o ? D(p) : (o = a = void 0, s);
   }
   function yt() {
-    l !== void 0 && clearTimeout(l), x = 0, o = b = a = l = void 0;
+    l !== void 0 && clearTimeout(l), x = 0, o = c = a = l = void 0;
   }
   function wt() {
     return l === void 0 ? s : K(_());
   }
   function W() {
     var p = _(), g = J(p);
-    if (o = arguments, a = this, b = p, g) {
+    if (o = arguments, a = this, c = p, g) {
       if (l === void 0)
-        return mt(b);
+        return mt(c);
       if (u)
-        return clearTimeout(l), l = setTimeout(L, e), D(b);
+        return clearTimeout(l), l = setTimeout(L, e), D(c);
     }
     return l === void 0 && (l = setTimeout(L, e)), s;
   }
   return W.cancel = yt, W.flush = wt, W;
 }
-var ce = "Expected a function";
+var be = "Expected a function";
 function he(r, e, t) {
   var o = !0, a = !0;
   if (typeof r != "function")
-    throw new TypeError(ce);
-  return R(t) && (o = "leading" in t ? !!t.leading : o, a = "trailing" in t ? !!t.trailing : a), be(r, e, {
+    throw new TypeError(be);
+  return R(t) && (o = "leading" in t ? !!t.leading : o, a = "trailing" in t ? !!t.trailing : a), ce(r, e, {
     leading: o,
     maxWait: e,
     trailing: a
   });
 }
-const bt = new CSSStyleSheet();
-bt.replaceSync(Ht);
+const ct = new CSSStyleSheet();
+ct.replaceSync(Ht);
 const ue = "Menu";
-var T, i, ct, U, Y, ht, Z, v, C, E, f;
+var T, i, bt, U, Y, ht, Z, v, C, E, f;
 class ge extends X {
   constructor() {
     var t;
-    super(bt);
+    super(ct);
     h(this, i);
     h(this, T);
     this.template = `
@@ -537,7 +537,7 @@ class ge extends X {
       <slot name="main"></slot>
     </div>
   `, A(this, T, () => {
-      window.innerWidth >= 1024 && (c(this, i, ht).call(this), c(this, i, ct).call(this));
+      window.innerWidth >= 1024 && (b(this, i, ht).call(this), b(this, i, bt).call(this));
     }), this.shadowRoot.innerHTML = this.template, this.internals = (t = this.attachInternals) == null ? void 0 : t.call(this), this.internals && (this.internals.role = "navigation");
   }
   connectedCallback() {
@@ -547,21 +547,21 @@ class ge extends X {
       );
       o && o.for && (t.target.checked === !1 ? (this.$backdropFilter.style.display = "block", d(this, i, C).forEach((a) => {
         a.checked = !1;
-      }), o.checked = !0, c(this, i, U).call(this, t.target.for)) : c(this, i, Z).call(this));
+      }), o.checked = !0, b(this, i, U).call(this, t.target.for)) : b(this, i, Z).call(this));
     }), this.addEventListener("section-item-click", (t) => {
       this.$backdropFilter.style.display = "block", d(this, i, C).forEach((o) => {
         o.checked = !1;
       }), this.querySelector(
         `px-header-item[for="${t.detail.for}"]`
-      ).checked = !0, c(this, i, U).call(this, t.detail.for);
+      ).checked = !0, b(this, i, U).call(this, t.detail.for);
     }), this.addEventListener("back-to-mobile-menu", () => {
       this.$backdropFilter.style.display = "block", d(this, i, C).forEach((t) => {
         t.checked = !1;
-      }), c(this, i, Y).call(this);
+      }), b(this, i, Y).call(this);
     }), this.$burgerMenu.addEventListener("click", () => {
-      this.$burgerMenu.setAttribute("aria-expanded", "true"), c(this, i, Y).call(this);
+      this.$burgerMenu.setAttribute("aria-expanded", "true"), b(this, i, Y).call(this);
     }), this.addEventListener("close-panel", () => {
-      c(this, i, Z).call(this), this.$burgerMenu.setAttribute("aria-expanded", "false");
+      b(this, i, Z).call(this), this.$burgerMenu.setAttribute("aria-expanded", "false");
     }), this.addEventListener(
       "close-panel-from-dialog",
       (t) => {
@@ -650,7 +650,7 @@ class ge extends X {
     t ? this.setAttribute("primary-navigation-aria-label", t) : this.removeAttribute("primary-navigation-aria-label");
   }
 }
-T = new WeakMap(), i = new WeakSet(), ct = function() {
+T = new WeakMap(), i = new WeakSet(), bt = function() {
   const t = this.querySelectorAll("px-mdd"), o = d(this, i, E).getBoundingClientRect().bottom;
   t.forEach((a) => {
     a.dialogOffsetTop = `${o}px`;
@@ -694,10 +694,10 @@ function rt(r, e, t = "bottom-left", o, a = !1) {
     var z, u;
     if (!r || !e)
       return;
-    const n = r.getBoundingClientRect(), s = ((z = window.visualViewport) == null ? void 0 : z.height) ?? window.innerHeight, l = ((u = window.visualViewport) == null ? void 0 : u.width) ?? window.innerWidth, b = o.getPropertyValue("--px-padding-s-mobile") || "16px", x = parseInt(
+    const n = r.getBoundingClientRect(), s = ((z = window.visualViewport) == null ? void 0 : z.height) ?? window.innerHeight, l = ((u = window.visualViewport) == null ? void 0 : u.width) ?? window.innerWidth, c = o.getPropertyValue("--px-padding-s-mobile") || "16px", x = parseInt(
       (o.getPropertyValue("--px-icon-size-xs-desktop") || "24").replace("px", "")
     );
-    ["top-left", "top-right"].includes(t) ? (e.style.bottom = `calc( ${b} + ${s - n.top - window.scrollY}px)`, e.style.top = "auto", t === "top-left" ? e.style.left = l < 768 ? `${b}px` : `${n.left}px` : e.style.right = l < 768 ? `${b}px` : `${l - n.right}px`) : (e.style.top = `${n.bottom + window.scrollY}px`, t === "bottom-left" ? e.style.left = l < 768 ? `${b}px` : `${n.left}px` : e.style.right = l < 768 ? `${b}px` : `${l - n.right - x}px`);
+    ["top-left", "top-right"].includes(t) ? (e.style.bottom = `calc( ${c} + ${s - n.top - window.scrollY}px)`, e.style.top = "auto", t === "top-left" ? e.style.left = l < 768 ? `${c}px` : `${n.left}px` : e.style.right = l < 768 ? `${c}px` : `${l - n.right}px`) : (e.style.top = `${n.bottom + window.scrollY}px`, t === "bottom-left" ? e.style.left = l < 768 ? `${c}px` : `${n.left}px` : e.style.right = l < 768 ? `${c}px` : `${l - n.right - x}px`);
   });
 }
 const ut = new CSSStyleSheet();
@@ -821,7 +821,7 @@ class fe extends X {
     ) : this.$popoverElement.style.removeProperty("--px-popover-max-height");
   }
   initPopover() {
-    this.$trigger && (this.$trigger.setAttribute("popovertarget", this.popoverId), this.$trigger.setAttribute("aria-controls", this.getAttribute("id")), this.hasAttribute("manual-toggle") || this.$trigger.setAttribute("aria-expanded", "false"), this.$popoverElement.setAttribute("id", this.popoverId), this.$popoverElement.setAttribute("popover", ""), this.$style.innerHTML = this.css, c(this, w, gt).call(this), c(this, w, xt).call(this));
+    this.$trigger && (this.$trigger.setAttribute("popovertarget", this.popoverId), this.$trigger.setAttribute("aria-controls", this.getAttribute("id")), this.hasAttribute("manual-toggle") || this.$trigger.setAttribute("aria-expanded", "false"), this.$popoverElement.setAttribute("id", this.popoverId), this.$popoverElement.setAttribute("popover", ""), this.$style.innerHTML = this.css, b(this, w, gt).call(this), b(this, w, xt).call(this));
   }
   get popoverId() {
     return `${this.getAttribute("id")}-popover`;
@@ -914,12 +914,12 @@ class me extends HTMLElement {
     const o = t.querySelectorAll("px-header-item"), a = t.querySelectorAll("px-action-link"), n = this.shadowRoot.querySelector("px-mdd-section");
     n.innerHTML = `
      ${[...o].map((s) => {
-      const l = s.getAttribute("for"), b = s.getAttribute("href");
-      return l ? `<px-mdd-section-item for="${l}">${s.innerText}</px-mdd-section-item>` : b ? `<px-mdd-section-item href="${b}">${s.innerText}</px-mdd-section-item>` : "";
+      const l = s.getAttribute("for"), c = s.getAttribute("href");
+      return l ? `<px-mdd-section-item for="${l}">${s.innerText}</px-mdd-section-item>` : c ? `<px-mdd-section-item href="${c}">${s.innerText}</px-mdd-section-item>` : "";
     }).join("")}
           ${[...a].filter((s) => !s.hasAttribute("promoted")).map(
       (s) => `<px-mdd-a  href="${s.getAttribute("href")}" slot="footer">${s.innerText}</px-mdd-a>`
-    ).join("")}`, c(this, H, ft).call(this).forEach((s) => {
+    ).join("")}`, b(this, H, ft).call(this).forEach((s) => {
       s && this.$megaDropDown.appendChild(s);
     });
   }

package/package.json

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