@sbb-esta/lyne-elements 2.11.0 → 2.11.2

package/header/header/header.component.js

@@ -1,8 +1,8 @@
 var D = (s) => {
   throw TypeError(s);
 };
-var F = (s, i, a) => i.has(s) || D("Cannot " + a);
-var m = (s, i, a) => (F(s, i, "read from private field"), a ? a.call(s) : i.get(s)), p = (s, i, a) => i.has(s) ? D("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(s) : i.set(s, a), l = (s, i, a, d) => (F(s, i, "write to private field"), d ? d.call(s, a) : i.set(s, a), a);
+var F = (s, r, i) => r.has(s) || D("Cannot " + i);
+var m = (s, r, i) => (F(s, r, "read from private field"), i ? i.call(s) : r.get(s)), p = (s, r, i) => r.has(s) ? D("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(s) : r.set(s, i), l = (s, r, i, d) => (F(s, r, "write to private field"), d ? d.call(s, i) : r.set(s, i), i);
 import { __esDecorate as _, __runInitializers as n } from "tslib";
 import { css as q, LitElement as B, isServer as R, html as M } from "lit";
 import { customElement as N, property as v, state as Z } from "lit/decorators.js";
@@ -14,8 +14,8 @@ import { SbbHydrationMixin as Y } from "../../core/mixins.js";
 const G = q`*,:before,:after{box-sizing:border-box}:host{display:block;height:var(--sbb-header-height);--sbb-logo-height: 1rem;--sbb-signet-height: 1rem;--sbb-header-position: fixed;--sbb-header-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-header-inset-inline-end: 0}@media (min-width: 52.5rem){:host{--sbb-logo-height: 1.25rem;--sbb-signet-height: 1.25rem}}:host([hide-on-scroll]){--sbb-header-position: absolute}:host([hide-on-scroll][data-fixed]){--sbb-header-position: fixed;--sbb-header-animation-name: hide;--sbb-header-transform: translate3d(0, -100%, 0);--sbb-header-inset-inline-end: var(--sbb-scrollbar-width, 0)}:host([hide-on-scroll][data-fixed][data-animated]){--sbb-header-transition-timing: cubic-bezier(.4, 0, 1, 1)}:host([hide-on-scroll][data-fixed][data-visible]){--sbb-header-animation-name: show;--sbb-header-transform: translate3d(0, 0, 0);--sbb-header-transition-timing: cubic-bezier(0, 0, .2, 1)}:host([hide-on-scroll][data-fixed][data-has-visible-focus-within]){--sbb-header-transition-duration: 0;--sbb-header-transform: translate3d(0, 0, 0)}.sbb-header{position:var(--sbb-header-position);inset:0 var(--sbb-header-inset-inline-end) auto 0;background:var(--sbb-color-white);z-index:var(--sbb-header-z-index, 10);transform:var(--sbb-header-transform);transition-property:box-shadow;transition-duration:var(--sbb-header-transition-duration);transition-timing-function:var(--sbb-header-transition-timing);animation-name:var(--sbb-header-animation-name);animation-duration:var(--sbb-header-transition-duration);animation-timing-function:var(--sbb-header-transition-timing)}:host(:is([data-shadow],[data-has-visible-focus-within][data-fixed])) .sbb-header{box-shadow:var(--sbb-shadow-elevation-level-9-shadow-2-offset-x) var(--sbb-shadow-elevation-level-9-shadow-2-offset-y) var(--sbb-shadow-elevation-level-9-shadow-2-blur) var(--sbb-shadow-elevation-level-9-shadow-2-spread) var(--sbb-shadow-elevation-level-9-soft-2-color),var(--sbb-shadow-elevation-level-9-shadow-1-offset-x) var(--sbb-shadow-elevation-level-9-shadow-1-offset-y) var(--sbb-shadow-elevation-level-9-shadow-1-blur) var(--sbb-shadow-elevation-level-9-shadow-1-spread) var(--sbb-shadow-elevation-level-9-soft-1-color)}@media (forced-colors: active){.sbb-header{border-block-end:var(--sbb-border-width-1x) solid CanvasText}}.sbb-header__wrapper{display:flex;align-items:center;justify-content:flex-start;height:var(--sbb-header-height)}:host(:not([expanded])) .sbb-header__wrapper{padding-inline:var(--sbb-layout-base-offset-responsive);margin-inline:auto;width:100%}@media (min-width: 90rem){:host(:not([expanded])) .sbb-header__wrapper{max-width:calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive))}}:host([expanded]) .sbb-header__wrapper{padding-inline:var(--sbb-spacing-responsive-xxs)}::slotted(:is(sbb-header-button,sbb-header-link):first-child){margin-inline-start:var(--sbb-header-first-item-margin-inline-start)}:host([size=s]) ::slotted(:is(sbb-header-button,sbb-header-link)){--sbb-header-action-min-height: var(--sbb-size-element-xs);--sbb-header-action-padding-inline: var(--sbb-spacing-fixed-4x)}::slotted(*){flex:0 0 auto}::slotted(.sbb-header-shrinkable){flex-shrink:1;min-width:0}::slotted(.sbb-header-spacer){flex-grow:1}::slotted(.sbb-header-logo){margin-inline-start:var(--sbb-spacing-responsive-s)}::slotted(a.sbb-header-logo){display:block;padding-block:var(--sbb-spacing-fixed-3x);position:relative;outline:none!important}::slotted(a.sbb-header-logo):before{content:"";display:block;position:absolute;inset:var(--sbb-spacing-fixed-3x) 0}::slotted(a.sbb-header-logo:focus-visible):before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);outline-offset:var(--sbb-spacing-fixed-3x);border-radius:1px}@keyframes show{0%{transform:translate3d(0,-100%,0)}to{transform:translateZ(0)}}@keyframes hide{0%{transform:translateZ(0)}to{transform:translate3d(0,-100%,0)}}`, J = "[aria-controls][aria-expanded='true']";
 let le = (() => {
   var h, c, b, f, u, o;
-  let s = [N("sbb-header")], i, a = [], d, x = Y(B), w, O = [], S = [], y, E = [], z = [], k, T = [], C = [], I, L = [], A = [], U, H = [], P = [];
-  return o = class extends x {
+  let s = [N("sbb-header")], r, i = [], d, g = Y(B), x, w = [], O = [], S, y = [], E = [], z, k = [], T = [], C, I = [], L = [], A, U = [], H = [];
+  return o = class extends g {
     constructor() {
       super();
       p(this, h);
@@ -23,7 +23,7 @@ let le = (() => {
       p(this, b);
       p(this, f);
       p(this, u);
-      l(this, h, n(this, O, !1)), l(this, c, (n(this, S), n(this, E, R ? null : document))), l(this, b, (n(this, z), n(this, T, !1))), l(this, f, (n(this, C), n(this, L, W() ? "s" : "m"))), l(this, u, (n(this, A), n(this, H, !0))), this._scrollElement = n(this, P), this._lastScroll = 0, this._scrollOriginIdReferenceController = new V(this, "scrollOrigin"), this.addController(new Q(this));
+      l(this, h, n(this, w, !1)), l(this, c, (n(this, O), n(this, y, R ? null : document))), l(this, b, (n(this, E), n(this, k, !1))), l(this, f, (n(this, T), n(this, I, W() ? "s" : "m"))), l(this, u, (n(this, L), n(this, U, !0))), this._scrollElement = n(this, H), this._lastScroll = 0, this._scrollOriginIdReferenceController = new V(this, "scrollOrigin"), this.addController(new Q(this));
     }
     /**
      * Whether to allow the header content to stretch to full width.
@@ -72,19 +72,17 @@ let le = (() => {
     }
     /** Removes the scroll listener, if previously attached. */
     disconnectedCallback() {
-      var e;
-      super.disconnectedCallback(), this._scrollElement = null, (e = this._scrollEventsController) == null || e.abort();
+      super.disconnectedCallback(), this._scrollElement = null, this._scrollEventsController?.abort();
     }
-    requestUpdate(e, t, r) {
-      super.requestUpdate(e, t, r), !R && (!e || e === "scrollOrigin") && this.hasUpdated && this._updateScrollListener();
+    requestUpdate(e, t, a) {
+      super.requestUpdate(e, t, a), !R && (!e || e === "scrollOrigin") && this.hasUpdated && this._updateScrollListener();
     }
     firstUpdated(e) {
       super.firstUpdated(e), this._updateScrollListener();
     }
     _updateScrollListener() {
-      var r;
       const e = this.scrollOrigin instanceof HTMLElement ? this.scrollOrigin : this._scrollOriginIdReferenceController.find() ?? document;
-      if (e === this._scrollElement || ((r = this._scrollEventsController) == null || r.abort(), this._scrollElement = e, !this._scrollElement))
+      if (e === this._scrollElement || (this._scrollEventsController?.abort(), this._scrollElement = e, !this._scrollElement))
         return;
       this._scrollEventsController = new AbortController(), this._scrollFunction = this._getScrollFunction.bind(this), this._scrollElement.addEventListener("scroll", this._scrollFunction, {
         passive: !0,
@@ -99,8 +97,7 @@ let le = (() => {
     }
     /** Returns the requested property of the scrollContext. */
     _getCurrentScrollProperty(e) {
-      var t;
-      return this._scrollElement instanceof Document ? this._scrollElement.documentElement[e] || this._scrollElement.body[e] : ((t = this._scrollElement) == null ? void 0 : t[e]) || 0;
+      return this._scrollElement instanceof Document ? this._scrollElement.documentElement[e] || this._scrollElement.body[e] : this._scrollElement?.[e] || 0;
     }
     /**
      * Sets the correct value for `scrollTop`, then:
@@ -121,8 +118,8 @@ let le = (() => {
         return;
       const e = Array.from(this.querySelectorAll(J));
       for (const t of e) {
-        const r = t.getAttribute("aria-controls"), g = document.getElementById(r);
-        typeof (g == null ? void 0 : g.close) == "function" && g.close();
+        const a = t.getAttribute("aria-controls"), P = document.getElementById(a);
+        typeof P?.close == "function" && P.close();
       }
     }
     render() {
@@ -135,19 +132,19 @@ let le = (() => {
     `;
     }
   }, h = new WeakMap(), c = new WeakMap(), b = new WeakMap(), f = new WeakMap(), u = new WeakMap(), d = o, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(x[Symbol.metadata] ?? null) : void 0;
-    w = [j(), v({ reflect: !0, type: Boolean })], y = [v({ attribute: "scroll-origin" })], k = [j(), v({ attribute: "hide-on-scroll", reflect: !0, type: Boolean })], I = [v({ reflect: !0 })], U = [Z()], _(o, null, w, { kind: "accessor", name: "expanded", static: !1, private: !1, access: { has: (t) => "expanded" in t, get: (t) => t.expanded, set: (t, r) => {
-      t.expanded = r;
-    } }, metadata: e }, O, S), _(o, null, y, { kind: "accessor", name: "scrollOrigin", static: !1, private: !1, access: { has: (t) => "scrollOrigin" in t, get: (t) => t.scrollOrigin, set: (t, r) => {
-      t.scrollOrigin = r;
-    } }, metadata: e }, E, z), _(o, null, k, { kind: "accessor", name: "hideOnScroll", static: !1, private: !1, access: { has: (t) => "hideOnScroll" in t, get: (t) => t.hideOnScroll, set: (t, r) => {
-      t.hideOnScroll = r;
-    } }, metadata: e }, T, C), _(o, null, I, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (t) => "size" in t, get: (t) => t.size, set: (t, r) => {
-      t.size = r;
-    } }, metadata: e }, L, A), _(o, null, U, { kind: "accessor", name: "_headerOnTop", static: !1, private: !1, access: { has: (t) => "_headerOnTop" in t, get: (t) => t._headerOnTop, set: (t, r) => {
-      t._headerOnTop = r;
-    } }, metadata: e }, H, P), _(null, i = { value: d }, s, { kind: "class", name: d.name, metadata: e }, null, a), d = i.value, e && Object.defineProperty(d, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), o.styles = G, n(d, a), d;
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(g[Symbol.metadata] ?? null) : void 0;
+    x = [j(), v({ reflect: !0, type: Boolean })], S = [v({ attribute: "scroll-origin" })], z = [j(), v({ attribute: "hide-on-scroll", reflect: !0, type: Boolean })], C = [v({ reflect: !0 })], A = [Z()], _(o, null, x, { kind: "accessor", name: "expanded", static: !1, private: !1, access: { has: (t) => "expanded" in t, get: (t) => t.expanded, set: (t, a) => {
+      t.expanded = a;
+    } }, metadata: e }, w, O), _(o, null, S, { kind: "accessor", name: "scrollOrigin", static: !1, private: !1, access: { has: (t) => "scrollOrigin" in t, get: (t) => t.scrollOrigin, set: (t, a) => {
+      t.scrollOrigin = a;
+    } }, metadata: e }, y, E), _(o, null, z, { kind: "accessor", name: "hideOnScroll", static: !1, private: !1, access: { has: (t) => "hideOnScroll" in t, get: (t) => t.hideOnScroll, set: (t, a) => {
+      t.hideOnScroll = a;
+    } }, metadata: e }, k, T), _(o, null, C, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (t) => "size" in t, get: (t) => t.size, set: (t, a) => {
+      t.size = a;
+    } }, metadata: e }, I, L), _(o, null, A, { kind: "accessor", name: "_headerOnTop", static: !1, private: !1, access: { has: (t) => "_headerOnTop" in t, get: (t) => t._headerOnTop, set: (t, a) => {
+      t._headerOnTop = a;
+    } }, metadata: e }, U, H), _(null, r = { value: d }, s, { kind: "class", name: d.name, metadata: e }, null, i), d = r.value, e && Object.defineProperty(d, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), o.styles = G, n(d, i), d;
 })();
 export {
   le as SbbHeaderElement

package/icon/icon-request.js

@@ -1,15 +1,14 @@
-import { isServer as l } from "lit";
-import { readConfig as u } from "../core/config.js";
-import { validateContent as d } from "./icon-validate.js";
-const a = "https://icons.app.sbb.ch/", h = (/* @__PURE__ */ new Map()).set("default", `${a}icons/`).set("picto", `${a}picto/`), f = /* @__PURE__ */ new Map(), $ = (e, n, p) => {
-  var i;
-  const s = u().icon ?? {}, c = ((i = s.namespaces) == null ? void 0 : i.get(e)) ?? h.get(e);
+import { isServer as p } from "lit";
+import { readConfig as l } from "../core/config.js";
+import { validateContent as u } from "./icon-validate.js";
+const i = "https://icons.app.sbb.ch/", d = (/* @__PURE__ */ new Map()).set("default", `${i}icons/`).set("picto", `${i}picto/`), a = /* @__PURE__ */ new Map(), v = (e, n, f) => {
+  const s = l().icon ?? {}, c = s.namespaces?.get(e) ?? d.get(e);
   if (c == null)
     throw Error(`Unable to find the namespace "${e}". Please register your custom namespace.`);
   const o = `${c}${n}.svg`;
-  let r = f.get(o);
+  let r = a.get(o);
   if (!r)
-    if (typeof fetch < "u" && !l)
+    if (typeof fetch < "u" && !p)
       r = (s.interceptor ?? ((t) => t.request()))({
         namespace: e,
         name: n,
@@ -17,15 +16,15 @@ const a = "https://icons.app.sbb.ch/", h = (/* @__PURE__ */ new Map()).set("defa
         request: () => fetch(o).then(async (t) => {
           if (!t.ok)
             throw new Error("Failed to load icon " + e + ":" + n);
-          return d(await t.text(), p);
+          return u(await t.text(), f);
         }).catch((t) => {
           throw Error(t);
         })
-      }), f.set(o, r);
+      }), a.set(o, r);
     else
       return Promise.resolve("");
   return r;
 };
 export {
-  $ as getSvgContent
+  v as getSvgContent
 };

package/icon-sidebar-button-common-CM-ueEhH.js

@@ -0,0 +1,7 @@
+import { css as o } from "lit";
+const i = o`*,:before,:after{box-sizing:border-box}:host{position:absolute;inset:0}`, b = o`*,:before,:after{box-sizing:border-box}:host{position:relative;display:block;height:100%;overflow:auto;outline-color:var(--sbb-focus-outline-color)}`, r = o`*,:before,:after{box-sizing:border-box}:host{display:block;outline:none!important;--sbb-icon-sidebar-button-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-icon-sidebar-button-transition-easing-function: var(--sbb-animation-easing);--sbb-icon-sidebar-button-dimension: var(--sbb-size-element-m);--sbb-icon-sidebar-button-border-radius: var(--sbb-border-radius-4x);--sbb-icon-sidebar-button-color: var(--sbb-color-granite);--sbb-icon-sidebar-button-current-color: var(--sbb-color-charcoal);--sbb-icon-sidebar-button-current-border-width: var(--sbb-border-width-3x);--sbb-icon-sidebar-button-current-border-inset-block: var(--sbb-spacing-fixed-2x);--sbb-icon-sidebar-button__current-border-inset-inline-start: 0;--sbb-icon-sidebar-button__color: var(--sbb-icon-sidebar-button-color)}@media (forced-colors: active){:host{--sbb-icon-sidebar-button-current-color: Highlight !important}}@media (forced-colors: active){:host([data-button]){--sbb-icon-sidebar-button-color: ButtonText !important}}@media (forced-colors: active){:host([data-link]){--sbb-icon-sidebar-button-color: LinkText !important}}@media (any-hover: hover){:host(:not(:active,[data-active]):hover){--sbb-icon-sidebar-button__hover-shift: .0625rem;--sbb-icon-sidebar-button__cursor: pointer}}.sbb-action-base{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:var(--sbb-icon-sidebar-button-dimension);padding-block:0 calc(2 * var(--sbb-icon-sidebar-button__hover-shift, 0rem));color:var(--sbb-icon-sidebar-button__color);border-radius:var(--sbb-icon-sidebar-button-border-radius);cursor:var(--sbb-icon-sidebar-button__cursor);-webkit-user-select:none;user-select:none;transition-duration:var(--sbb-icon-sidebar-button-transition-duration);transition-timing-function:var(--sbb-icon-sidebar-button-transition-easing-function);transition-property:color,padding}:host(.sbb-active) .sbb-action-base{color:var(--sbb-icon-sidebar-button-current-color)}:host(.sbb-active) .sbb-action-base:before{content:"";display:block;position:absolute;inset-block:var(--sbb-icon-sidebar-button-current-border-inset-block);inset-inline:var(--sbb-icon-sidebar-button__current-border-inset-inline-start) 0;border-inline-start:var(--sbb-icon-sidebar-button-current-border-width) solid currentcolor}:host(:focus-visible) .sbb-action-base,.sbb-action-base:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);outline-offset:calc(-1 * var(--sbb-focus-outline-width) - .3125rem)}`;
+export {
+  b as a,
+  r as i,
+  i as s
+};

package/image/image.component.js

@@ -8,7 +8,7 @@ import { S as Se, d as ye, e as ze, f as ve, g as xe, h as Me, i as $e, a as we,
 import { css as Qe, LitElement as qe, nothing as F, html as Q } from "lit";
 import { customElement as Oe, property as g, eventOptions as Te } from "lit/decorators.js";
 import { forceType as b } from "../core/decorators.js";
-const Xe = Qe`*,:before,:after{box-sizing:border-box}:host{--sbb-image-aspect-ratio: 16 / 9;--sbb-image-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-image-object-fit: cover;display:block;border-radius:var(--sbb-border-radius-4x)}.sbb-image__img{opacity:.000001}:host([data-loaded]) .sbb-image__img{opacity:.999999}:host(:not([skip-lqip])) .sbb-image__img{position:absolute;top:0;right:0;bottom:0;left:0}:host([data-loaded]) .sbb-image__blurred{opacity:0}picture{display:contents}:is(.sbb-image__img,.sbb-image__blurred){width:100%;height:100%;object-fit:var(--sbb-image-object-fit);object-position:var(--sbb-image-object-position);transition:opacity var(--sbb-image-animation-duration) var(--sbb-animation-easing)}.sbb-image__wrapper{display:flex;position:relative;width:100%;height:100%;aspect-ratio:var(--sbb-image-aspect-ratio);border-radius:inherit;overflow:hidden}`, Ye = (r) => {
+const Xe = Qe`*,:before,:after{box-sizing:border-box}:host{--sbb-image-aspect-ratio: 16 / 9;--sbb-image-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-image-object-fit: cover;display:block;border-radius:var(--sbb-border-radius-4x)}.sbb-image__img{opacity:.000001}:host([data-loaded]) .sbb-image__img{opacity:.999999}:host(:not([skip-lqip])) .sbb-image__img{position:absolute;inset:0}:host([data-loaded]) .sbb-image__blurred{opacity:0}picture{display:contents}:is(.sbb-image__img,.sbb-image__blurred){width:100%;height:100%;object-fit:var(--sbb-image-object-fit);object-position:var(--sbb-image-object-position);transition:opacity var(--sbb-image-animation-duration) var(--sbb-animation-easing)}.sbb-image__wrapper{display:flex;position:relative;width:100%;height:100%;aspect-ratio:var(--sbb-image-aspect-ratio);border-radius:inherit;overflow:hidden}`, Ye = (r) => {
   if (!r || r.length === 0)
     return [];
   let o;
@@ -293,8 +293,7 @@ let Ze = (() => {
     }
     /** Whether the image is finished loading or failed to load. */
     get complete() {
-      var t, e, i;
-      return ((i = (e = (t = this.shadowRoot) == null ? void 0 : t.querySelector) == null ? void 0 : e.call(t, ".sbb-image__img")) == null ? void 0 : i.complete) ?? !1;
+      return this.shadowRoot?.querySelector?.(".sbb-image__img")?.complete ?? !1;
     }
     updated(t) {
       super.updated(t), this._captionElement && (this._linksInCaption = this._captionElement.querySelectorAll("a"), this._linksInCaption && this._addFocusAbilityToLinksInCaption());
@@ -310,9 +309,8 @@ let Ze = (() => {
       return e ? `${e}rem` : "";
     }
     _addFocusAbilityToLinksInCaption() {
-      var t;
-      (t = this._linksInCaption) == null || t.forEach((e) => {
-        e.removeAttribute("tabindex");
+      this._linksInCaption?.forEach((t) => {
+        t.removeAttribute("tabindex");
       });
     }
     _prepareImageUrl(t, e = !1) {

package/map-container/map-container.component.js

@@ -49,8 +49,7 @@ let N = (() => {
       super.firstUpdated(r), this.hideScrollUpButton || this._observer.observe(this._intersector());
     }
     _intersector() {
-      var r;
-      return ((r = this.shadowRoot) == null ? void 0 : r.querySelector("#intersector")) ?? null;
+      return this.shadowRoot?.querySelector("#intersector") ?? null;
     }
     /**
      * Button click callback to trigger the scroll to container top

package/menu/menu/menu.component.js

@@ -1,8 +1,8 @@
-var C = (s) => {
-  throw TypeError(s);
+var C = (i) => {
+  throw TypeError(i);
 };
-var A = (s, r, n) => r.has(s) || C("Cannot " + n);
-var u = (s, r, n) => (A(s, r, "read from private field"), n ? n.call(s) : r.get(s)), g = (s, r, n) => r.has(s) ? C("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(s) : r.set(s, n), d = (s, r, n, o) => (A(s, r, "write to private field"), o ? o.call(s, n) : r.set(s, n), n);
+var A = (i, r, s) => r.has(i) || C("Cannot " + s);
+var u = (i, r, s) => (A(i, r, "read from private field"), s ? s.call(i) : r.get(i)), g = (i, r, s) => r.has(i) ? C("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(i) : r.set(i, s), d = (i, r, s, n) => (A(i, r, "write to private field"), n ? n.call(i, s) : r.set(i, s), s);
 import { __esDecorate as _, __runInitializers as m } from "tslib";
 import { css as T, isServer as N, html as L } from "lit";
 import { customElement as B, property as S } from "lit/decorators.js";
@@ -26,59 +26,56 @@ const J = T`*,:before,:after{box-sizing:border-box}:host{display:contents;--sbb-
   "SBB-BLOCK-LINK-BUTTON"
 ];
 let te = 0, _e = (() => {
-  var c, h, a;
-  let s = [B("sbb-menu"), q({
+  var l, b, o;
+  let i = [B("sbb-menu"), q({
     popover: "manual"
-  })], r, n = [], o, v = V(R), f, w = [], y = [], k, x = [], E = [];
-  return a = class extends v {
+  })], r, s = [], n, v = V(R), f, w = [], y = [], k, x = [], E = [];
+  return o = class extends v {
     constructor() {
-      var e, t;
       super();
-      g(this, c);
-      g(this, h);
-      this.listChildLocalNames = ["sbb-menu-button", "sbb-menu-link"], d(this, c, m(this, w, null)), d(this, h, (m(this, y), m(this, x, ""))), this._menu = m(this, E), this._triggerElement = null, this._triggerIdReferenceController = new z(this, "trigger"), this._isPointerDownEventOnMenu = !1, this._escapableOverlayController = new K(this), this._focusTrapController = new M(this), this._scrollHandler = new Z(), this._inertController = new H(this), this._mediaMatcher = new $(this, {
-        [p]: (i) => {
-          i && (this.state === "opening" || this.state === "opened") ? this._scrollHandler.disableScroll() : this._scrollHandler.enableScroll();
+      g(this, l);
+      g(this, b);
+      this.listChildLocalNames = ["sbb-menu-button", "sbb-menu-link"], d(this, l, m(this, w, null)), d(this, b, (m(this, y), m(this, x, ""))), this._menu = m(this, E), this._triggerElement = null, this._triggerIdReferenceController = new z(this, "trigger"), this._isPointerDownEventOnMenu = !1, this._escapableOverlayController = new K(this), this._focusTrapController = new M(this), this._scrollHandler = new Z(), this._inertController = new H(this), this._mediaMatcher = new $(this, {
+        [p]: (e) => {
+          e && (this.state === "opening" || this.state === "opened") ? this._scrollHandler.disableScroll() : this._scrollHandler.enableScroll();
         }
-      }), this._pointerDownListener = (i) => {
-        this._isPointerDownEventOnMenu = O(this._menu, i);
-      }, this._closeOnBackdropClick = (i) => {
-        !this._isPointerDownEventOnMenu && !O(this._menu, i) && this.close();
-      }, (e = this.addEventListener) == null || e.call(this, "click", (i) => this._onClick(i)), (t = this.addEventListener) == null || t.call(this, "keydown", (i) => this._handleKeyDown(i));
+      }), this._pointerDownListener = (e) => {
+        this._isPointerDownEventOnMenu = O(this._menu, e);
+      }, this._closeOnBackdropClick = (e) => {
+        !this._isPointerDownEventOnMenu && !O(this._menu, e) && this.close();
+      }, this.addEventListener?.("click", (e) => this._onClick(e)), this.addEventListener?.("keydown", (e) => this._handleKeyDown(e));
     }
     /**
      * The element that will trigger the menu overlay.
      * Accepts both a string (id of an element) or an HTML element.
      */
     get trigger() {
-      return u(this, c);
+      return u(this, l);
     }
     set trigger(e) {
-      d(this, c, e);
+      d(this, l, e);
     }
     /**
      * This will be forwarded as aria-label to the inner list.
      * Used only if the menu automatically renders the actions inside as a list.
      */
     get listAccessibilityLabel() {
-      return u(this, h);
+      return u(this, b);
     }
     set listAccessibilityLabel(e) {
-      d(this, h, e);
+      d(this, b, e);
     }
     /**
      * Opens the menu on trigger click.
      */
     open() {
-      var e, t;
-      this.state === "closing" || !this._menu || this.willOpen.emit() && ((e = this.showPopover) == null || e.call(this), this.state = "opening", this._setMenuPosition(), (t = this._triggerElement) == null || t.setAttribute("aria-expanded", "true"), this._mediaMatcher.matches(p) && this._scrollHandler.disableScroll(), this._isZeroAnimationDuration() && this._handleOpening());
+      this.state === "closing" || !this._menu || this.willOpen.emit() && (this.showPopover?.(), this.state = "opening", this._setMenuPosition(), this._triggerElement?.setAttribute("aria-expanded", "true"), this._mediaMatcher.matches(p) && this._scrollHandler.disableScroll(), this._isZeroAnimationDuration() && this._handleOpening());
     }
     /**
      * Closes the menu.
      */
     close() {
-      var e;
-      this.state !== "opening" && this.willClose.emit() && (this.state = "closing", (e = this._triggerElement) == null || e.setAttribute("aria-expanded", "false"), this._isZeroAnimationDuration() && this._handleClosing());
+      this.state !== "opening" && this.willClose.emit() && (this.state = "closing", this._triggerElement?.setAttribute("aria-expanded", "false"), this._isZeroAnimationDuration() && this._handleClosing());
     }
     _isZeroAnimationDuration() {
       return F(this, "--sbb-menu-animation-duration");
@@ -87,76 +84,71 @@ let te = 0, _e = (() => {
       this.state = "opened", this._inertController.activate(), this._escapableOverlayController.connect(), this._focusTrapController.focusInitialElement(), this._focusTrapController.enabled = !0, this._attachWindowEvents(), this.didOpen.emit();
     }
     _handleClosing() {
-      var e, t, i, l, b;
-      this.state = "closed", (e = this.hidePopover) == null || e.call(this), (i = (t = this._menu) == null ? void 0 : t.firstElementChild) == null || i.scrollTo(0, 0), this._inertController.deactivate(), (l = this._triggerElement) == null || l.focus({
+      this.state = "closed", this.hidePopover?.(), this._menu?.firstElementChild?.scrollTo(0, 0), this._inertController.deactivate(), this._triggerElement?.focus({
         // When inside the sbb-header, we prevent the scroll to avoid the snapping to the top of the page
         preventScroll: this._triggerElement.localName === "sbb-header-button" || this._triggerElement.localName === "sbb-header-link"
-      }), this._escapableOverlayController.disconnect(), this.didClose.emit(), (b = this._windowEventsController) == null || b.abort(), this._focusTrapController.enabled = !1, this._scrollHandler.enableScroll();
+      }), this._escapableOverlayController.disconnect(), this.didClose.emit(), this._windowEventsController?.abort(), this._focusTrapController.enabled = !1, this._scrollHandler.enableScroll();
     }
     /**
      * Handles click and checks if its target is a sbb-menu-button/sbb-menu-link.
      */
     _onClick(e) {
       const t = e.target;
-      ((t == null ? void 0 : t.localName) === "sbb-menu-button" || (t == null ? void 0 : t.localName) === "sbb-menu-link") && this.close();
+      (t?.localName === "sbb-menu-button" || t?.localName === "sbb-menu-link") && this.close();
     }
     _handleKeyDown(e) {
       if (!P(e))
         return;
       e.preventDefault();
-      const t = Array.from(this.querySelectorAll("sbb-menu-button, sbb-menu-link")).filter((b) => (!b.disabled || b.disabledInteractive) && D.isVisible(b)), i = t.findIndex((b) => b === e.target);
-      let l;
+      const t = Array.from(this.querySelectorAll("sbb-menu-button, sbb-menu-link")).filter((h) => (!h.disabled || h.disabledInteractive) && D.isVisible(h)), a = t.findIndex((h) => h === e.target);
+      let c;
       switch (e.key) {
         case "ArrowUp":
         case "ArrowDown":
         case "ArrowLeft":
         case "ArrowRight":
-          l = U(e, i, t.length);
+          c = U(e, a, t.length);
           break;
         case "PageUp":
         case "Home":
-          l = 0;
+          c = 0;
           break;
         case "End":
         case "PageDown":
-          l = t.length - 1;
+          c = t.length - 1;
           break;
         // this should never happen since all the case allowed by `isArrowKeyOrPageKeysPressed` should be covered
         default:
-          l = 0;
+          c = 0;
       }
-      t[l].focus();
+      t[c].focus();
     }
     // Removes trigger click listener on trigger change.
     createRenderRoot() {
-      var t;
       const e = super.createRenderRoot();
-      return (t = this.shadowRoot) == null || t.addEventListener("slotchange", (i) => this._checkListCase(i), {
+      return this.shadowRoot?.addEventListener("slotchange", (t) => this._checkListCase(t), {
         capture: !0
       }), e;
     }
     connectedCallback() {
-      super.connectedCallback(), this.id || (this.id = `sbb-menu-${te++}`), this.hasUpdated && this._configureTrigger();
+      super.connectedCallback(), this.id ||= `sbb-menu-${te++}`, this.hasUpdated && this._configureTrigger();
     }
     disconnectedCallback() {
-      var e, t;
-      super.disconnectedCallback(), this._triggerElement = null, (e = this._triggerAbortController) == null || e.abort(), (t = this._windowEventsController) == null || t.abort(), this._scrollHandler.enableScroll();
+      super.disconnectedCallback(), this._triggerElement = null, this._triggerAbortController?.abort(), this._windowEventsController?.abort(), this._scrollHandler.enableScroll();
     }
-    requestUpdate(e, t, i) {
-      super.requestUpdate(e, t, i), !N && (!e || e === "trigger") && this.hasUpdated && this._configureTrigger();
+    requestUpdate(e, t, a) {
+      super.requestUpdate(e, t, a), !N && (!e || e === "trigger") && this.hasUpdated && this._configureTrigger();
     }
     firstUpdated(e) {
       super.firstUpdated(e), this._configureTrigger();
     }
     _checkListCase(e) {
-      var t;
-      (t = this.children) != null && t.length && Array.from(this.children ?? []).every((i) => i.localName === "sbb-menu-button" || i.localName === "sbb-menu-link") || (e.stopImmediatePropagation(), this.listChildren.length && (this.listChildren.forEach((i) => i.removeAttribute("slot")), this.listChildren = []));
+      this.children?.length && Array.from(this.children ?? []).every((t) => t.localName === "sbb-menu-button" || t.localName === "sbb-menu-link") || (e.stopImmediatePropagation(), this.listChildren.length && (this.listChildren.forEach((t) => t.removeAttribute("slot")), this.listChildren = []));
     }
     // Check if the trigger is valid and attach click event listeners.
     _configureTrigger() {
-      var t;
       const e = this.trigger instanceof HTMLElement ? this.trigger : this._triggerIdReferenceController.find();
-      e !== this._triggerElement && ((t = this._triggerAbortController) == null || t.abort(), W(this._triggerElement), this._triggerElement = e, this._triggerElement && (Q(this._triggerElement, "menu", this.id, this.state), this._triggerAbortController = new AbortController(), this._triggerElement.addEventListener("click", () => this.open(), {
+      e !== this._triggerElement && (this._triggerAbortController?.abort(), W(this._triggerElement), this._triggerElement = e, this._triggerElement && (Q(this._triggerElement, "menu", this.id, this.state), this._triggerAbortController = new AbortController(), this._triggerElement.addEventListener("click", () => this.open(), {
         signal: this._triggerAbortController.signal
       })));
     }
@@ -216,14 +208,14 @@ let te = 0, _e = (() => {
       </div>
     `;
     }
-  }, c = new WeakMap(), h = new WeakMap(), o = a, (() => {
+  }, l = new WeakMap(), b = new WeakMap(), n = o, (() => {
     const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(v[Symbol.metadata] ?? null) : void 0;
-    f = [S()], k = [Y(), S({ attribute: "list-accessibility-label" })], _(a, null, f, { kind: "accessor", name: "trigger", static: !1, private: !1, access: { has: (t) => "trigger" in t, get: (t) => t.trigger, set: (t, i) => {
-      t.trigger = i;
-    } }, metadata: e }, w, y), _(a, null, k, { kind: "accessor", name: "listAccessibilityLabel", static: !1, private: !1, access: { has: (t) => "listAccessibilityLabel" in t, get: (t) => t.listAccessibilityLabel, set: (t, i) => {
-      t.listAccessibilityLabel = i;
-    } }, metadata: e }, x, E), _(null, r = { value: o }, s, { kind: "class", name: o.name, metadata: e }, null, n), o = r.value, e && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), a.styles = J, m(o, n), o;
+    f = [S()], k = [Y(), S({ attribute: "list-accessibility-label" })], _(o, null, f, { kind: "accessor", name: "trigger", static: !1, private: !1, access: { has: (t) => "trigger" in t, get: (t) => t.trigger, set: (t, a) => {
+      t.trigger = a;
+    } }, metadata: e }, w, y), _(o, null, k, { kind: "accessor", name: "listAccessibilityLabel", static: !1, private: !1, access: { has: (t) => "listAccessibilityLabel" in t, get: (t) => t.listAccessibilityLabel, set: (t, a) => {
+      t.listAccessibilityLabel = a;
+    } }, metadata: e }, x, E), _(null, r = { value: n }, i, { kind: "class", name: n.name, metadata: e }, null, s), n = r.value, e && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), o.styles = J, m(n, s), n;
 })();
 export {
   _e as SbbMenuElement

package/navigation/common/navigation-action-common.js

@@ -1,25 +1,23 @@
-var h = (t) => {
+var v = (t) => {
   throw TypeError(t);
 };
-var g = (t, i, e) => i.has(t) || h("Cannot " + e);
-var f = (t, i, e) => (g(t, i, "read from private field"), e ? e.call(t) : i.get(t)), u = (t, i, e) => i.has(t) ? h("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(t) : i.set(t, e), l = (t, i, e, b) => (g(t, i, "write to private field"), b ? b.call(t, e) : i.set(t, e), e);
-import { __esDecorate as m, __runInitializers as d } from "tslib";
+var h = (t, i, e) => i.has(t) || v("Cannot " + e);
+var g = (t, i, e) => (h(t, i, "read from private field"), e ? e.call(t) : i.get(t)), f = (t, i, e) => i.has(t) ? v("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(t) : i.set(t, e), r = (t, i, e, s) => (h(t, i, "write to private field"), s ? s.call(t, e) : i.set(t, e), e);
+import { __esDecorate as m, __runInitializers as u } from "tslib";
 import { property as p } from "lit/decorators.js";
 import { html as y } from "lit/static-html.js";
 import { isLean as z } from "../../core/dom.js";
 import { css as k } from "lit";
 import "../../icon.js";
 const x = k`*,:before,:after{box-sizing:border-box}:host{--sbb-navigation-action-color: var(--sbb-color-cloud);--sbb-navigation-action-icon-display: none;display:block;outline:none!important}:host([data-section-action][data-action-active].sbb-active){--sbb-navigation-action-icon-display: block}:host([data-action-active]){--sbb-navigation-action-color: var(--sbb-color-storm)}@media (forced-colors: active){:host([data-action-active]){--sbb-navigation-action-color: Highlight}}sbb-icon{display:var(--sbb-navigation-action-icon-display);position:absolute;inset-inline-start:calc((var(--sbb-size-icon-ui-small) + var(--sbb-spacing-fixed-1x)) * -1);inset-block-start:calc(1em * var(--sbb-typo-line-height-body-text) / 2);transform:translateY(-50%)}@media (any-hover: hover){:host(:hover){--sbb-navigation-action-color: var(--sbb-color-storm)}}@media (forced-colors: active){:host([data-button]){--sbb-navigation-action-color: ButtonText}}:is(.sbb-navigation-button,.sbb-navigation-link){--sbb-title-line-height: var(--sbb-typo-line-height-titles);--sbb-title-margin-block-start: 0;--sbb-title-margin-block-end: 0;margin:0;margin-block:var(--sbb-title-margin-block-start) var(--sbb-title-margin-block-end);font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height);letter-spacing:var(--sbb-typo-letter-spacing-titles);font-size:var(--sbb-title-font-size);--sbb-title-font-size: var(--sbb-font-size-title-4);cursor:pointer;position:relative;text-decoration:none;display:flex;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:color var(--sbb-disable-animation-duration, var(--sbb-animation-duration-3x)) ease;-webkit-hyphens:auto;hyphens:auto;text-align:left;color:var(--sbb-navigation-action-color);outline:none}@media (forced-colors: active){:is(.sbb-navigation-button,.sbb-navigation-link){transition:none}}:host([size=m]) :is(.sbb-navigation-button,.sbb-navigation-link){--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);font-weight:700}:host([size=s]) :is(.sbb-navigation-button,.sbb-navigation-link){--sbb-text-font-size: var(--sbb-font-size-text-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);font-weight:700}:host(:focus-visible) :is(.sbb-navigation-button,.sbb-navigation-link),:is(.sbb-navigation-button,.sbb-navigation-link):focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset))}`, I = (t) => (() => {
-  var s, o;
-  let e = t, b, c = [], v = [];
+  var n, o;
+  let e = t, s, l = [], c = [];
   return o = class extends e {
-    constructor(...n) {
-      var a;
-      super(...n);
-      u(this, s);
-      l(this, s, d(this, c, z() ? "s" : "l")), this.connectedSection = d(this, v), this._navigationMarker = null, this._navigationSection = null, (a = this.addEventListener) == null || a.call(this, "click", () => {
-        var r;
-        !this.hasAttribute("data-action-active") && this._navigationMarker && !this.connectedSection && ((r = this.marker) == null || r.select(this));
+    constructor(...a) {
+      super(...a);
+      f(this, n);
+      r(this, n, u(this, l, z() ? "s" : "l")), this.connectedSection = u(this, c), this._navigationMarker = null, this._navigationSection = null, this.addEventListener?.("click", () => {
+        !this.hasAttribute("data-action-active") && this._navigationMarker && !this.connectedSection && this.marker?.select(this);
       });
     }
     /**
@@ -27,10 +25,10 @@ const x = k`*,:before,:after{box-sizing:border-box}:host{--sbb-navigation-action
      * @default 'l' / 's' (lean)
      */
     get size() {
-      return f(this, s);
+      return g(this, n);
     }
-    set size(n) {
-      l(this, s, n);
+    set size(a) {
+      r(this, n, a);
     }
     /** The navigation marker in which the action is nested. */
     get marker() {
@@ -46,11 +44,11 @@ const x = k`*,:before,:after{box-sizing:border-box}:host{--sbb-navigation-action
     renderTemplate() {
       return y`<sbb-icon name="dash-small"></sbb-icon> <slot></slot>`;
     }
-  }, s = new WeakMap(), (() => {
-    const n = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
-    b = [p({ reflect: !0 })], m(o, null, b, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (a) => "size" in a, get: (a) => a.size, set: (a, r) => {
-      a.size = r;
-    } }, metadata: n }, c, v), n && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: n });
+  }, n = new WeakMap(), (() => {
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
+    s = [p({ reflect: !0 })], m(o, null, s, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (b) => "size" in b, get: (b) => b.size, set: (b, d) => {
+      b.size = d;
+    } }, metadata: a }, l, c), a && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
   })(), o.styles = x, o;
 })();
 export {