@sbb-esta/lyne-elements-dev 4.7.0-dev.1773149675 → 4.7.0-dev.1773159918

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

@@ -1,50 +1,50 @@
-var B = (a) => {
-  throw TypeError(a);
+var _ = (t) => {
+  throw TypeError(t);
 };
-var y = (a, i, o) => i.has(a) || B("Cannot " + o);
-var d = (a, i, o) => (y(a, i, "read from private field"), o ? o.call(a) : i.get(a)), p = (a, i, o) => i.has(a) ? B("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(a) : i.set(a, o), c = (a, i, o, s) => (y(a, i, "write to private field"), s ? s.call(a, o) : i.set(a, o), o);
-import { __runInitializers as m, __esDecorate as u } from "tslib";
-import { IntersectionController as U } from "@lit-labs/observers/intersection-controller.js";
-import { css as S, LitElement as V, nothing as I, html as x } from "lit";
-import { customElement as z, property as E, state as C } from "lit/decorators.js";
-import { SbbLanguageController as $ } from "../core/controllers.js";
-import { forceType as O } from "../core/decorators.js";
-import { forwardEvent as D } from "../core/eventing.js";
-import { i18nMapContainerButtonLabel as L } from "../core/i18n.js";
-import { SbbElementInternalsMixin as M } from "../core/mixins.js";
-import { boxSizingStyles as j } from "../core/styles.js";
+var g = (t, i, o) => i.has(t) || _("Cannot " + o);
+var m = (t, i, o) => (g(t, i, "read from private field"), o ? o.call(t) : i.get(t)), p = (t, i, o) => i.has(t) ? _("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(t) : i.set(t, o), c = (t, i, o, l) => (g(t, i, "write to private field"), l ? l.call(t, o) : i.set(t, o), o);
+import { __runInitializers as d, __esDecorate as w } from "tslib";
+import { IntersectionController as k } from "@lit-labs/observers/intersection-controller.js";
+import { css as B, nothing as y, html as f } from "lit";
+import { property as U, state as x } from "lit/decorators.js";
+import { SbbElement as S } from "../core/base-elements.js";
+import { SbbLanguageController as V } from "../core/controllers.js";
+import { forceType as z } from "../core/decorators.js";
+import { forwardEvent as I } from "../core/eventing.js";
+import { i18nMapContainerButtonLabel as $ } from "../core/i18n.js";
+import { boxSizingStyles as O } from "../core/styles.js";
 import "../button/accent-button.js";
-const T = S`:host{display:block;--sbb-map-container-map-height-zero: 18.4375rem;--sbb-map-container-map-height-small: 20rem;--sbb-map-container-sidebar-width: 25rem;--sbb-map-container-sidebar-background-color: var(--sbb-background-color-1);--sbb-map-container-border-radius: var(--sbb-border-radius-4x);--sbb-map-container-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-map-container-map-height: calc( var(--sbb-map-container-map-height-zero) + var(--sbb-map-container-border-radius) );--sbb-map-container-mobile-sticky-block-start: 0}@media(min-width:37.5rem){:host{--sbb-map-container-map-height: calc( var(--sbb-map-container-map-height-small) + var(--sbb-map-container-border-radius) )}}@media(min-width:90rem){:host{--sbb-map-container-sidebar-width: 30rem}}.sbb-map-container{display:grid;grid-template-rows:auto auto}@media(min-width:64rem){.sbb-map-container{grid-template-columns:max(var(--sbb-map-container-sidebar-width)) calc(100% - var(--sbb-map-container-sidebar-width));position:fixed;inset:var(--sbb-map-container-margin-start, var(--sbb-header-height)) 0 0 0}}.sbb-map-container__sidebar-button{position:fixed;left:50%;inset-block-end:var(--sbb-spacing-fixed-5x);visibility:hidden;opacity:0;transform:translate(-50%) translateY(calc(100% + var(--sbb-spacing-fixed-5x)));transition:opacity var(--sbb-map-container-animation-duration) var(--sbb-animation-easing),visibility var(--sbb-map-container-animation-duration) var(--sbb-animation-easing) var(--sbb-map-container-animation-duration),transform var(--sbb-map-container-animation-duration) var(--sbb-animation-easing)}:host(:is(:state(scroll-up-button-visible),[state--scroll-up-button-visible])) .sbb-map-container__sidebar-button{transition:visibility var(--sbb-map-container-animation-duration) var(--sbb-animation-easing),opacity var(--sbb-map-container-animation-duration) var(--sbb-animation-easing),transform var(--sbb-map-container-animation-duration) ease-out;visibility:visible;opacity:1;transform:translate(-50%) translateY(0)}@media(min-width:64rem){.sbb-map-container__sidebar-button{display:none}}.sbb-map-container__sidebar{--sbb-scrollbar-thumb-width: .5rem;--sbb-scrollbar-thumb-width-hover: var(--sbb-scrollbar-thumb-width);--sbb-scrollbar-width-firefox: auto;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: var(--sbb-background-color-4);--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-map-container__sidebar::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-map-container__sidebar::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-map-container__sidebar::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-map-container__sidebar::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-map-container__sidebar::-webkit-scrollbar-button,.sbb-map-container__sidebar::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-map-container__sidebar{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-map-container__sidebar{grid-column:1/3;grid-row:2/3;width:100%;overflow:hidden auto;position:relative;border-start-end-radius:var(--sbb-map-container-border-radius);border-start-start-radius:var(--sbb-map-container-border-radius);margin-block-start:calc(var(--sbb-map-container-border-radius) * -1);background-color:var(--sbb-map-container-sidebar-background-color)}@media(min-width:64rem){.sbb-map-container__sidebar{grid-column:1/2;grid-row:1/3;border-radius:0;margin-block-start:0;border-block-start:var(--sbb-border-width-1x) solid var(--sbb-border-color-4-inverted)}}.sbb-map-container__map{position:sticky;inset-block-start:0;inset-inline:0;grid-row:1/2;grid-column:1/3}@media(max-width:63.9375rem){.sbb-map-container__map{inset-block-start:var(--sbb-map-container-mobile-sticky-block-start);height:var(--sbb-map-container-map-height)}}@media(min-width:64rem){.sbb-map-container__map{grid-row:1/3;grid-column:2/3;position:relative}}`;
-let X = (() => {
-  var n, b, e;
-  let a = [z("sbb-map-container")], i, o = [], s, h = M(V), v, _ = [], g = [], w, f = [], k = [];
-  return e = class extends h {
+const j = B`:host{display:block;--sbb-map-container-map-height-zero: 18.4375rem;--sbb-map-container-map-height-small: 20rem;--sbb-map-container-sidebar-width: 25rem;--sbb-map-container-sidebar-background-color: var(--sbb-background-color-1);--sbb-map-container-border-radius: var(--sbb-border-radius-4x);--sbb-map-container-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-map-container-map-height: calc( var(--sbb-map-container-map-height-zero) + var(--sbb-map-container-border-radius) );--sbb-map-container-mobile-sticky-block-start: 0}@media(min-width:37.5rem){:host{--sbb-map-container-map-height: calc( var(--sbb-map-container-map-height-small) + var(--sbb-map-container-border-radius) )}}@media(min-width:90rem){:host{--sbb-map-container-sidebar-width: 30rem}}.sbb-map-container{display:grid;grid-template-rows:auto auto}@media(min-width:64rem){.sbb-map-container{grid-template-columns:max(var(--sbb-map-container-sidebar-width)) calc(100% - var(--sbb-map-container-sidebar-width));position:fixed;inset:var(--sbb-map-container-margin-start, var(--sbb-header-height)) 0 0 0}}.sbb-map-container__sidebar-button{position:fixed;left:50%;inset-block-end:var(--sbb-spacing-fixed-5x);visibility:hidden;opacity:0;transform:translate(-50%) translateY(calc(100% + var(--sbb-spacing-fixed-5x)));transition:opacity var(--sbb-map-container-animation-duration) var(--sbb-animation-easing),visibility var(--sbb-map-container-animation-duration) var(--sbb-animation-easing) var(--sbb-map-container-animation-duration),transform var(--sbb-map-container-animation-duration) var(--sbb-animation-easing)}:host(:is(:state(scroll-up-button-visible),[state--scroll-up-button-visible])) .sbb-map-container__sidebar-button{transition:visibility var(--sbb-map-container-animation-duration) var(--sbb-animation-easing),opacity var(--sbb-map-container-animation-duration) var(--sbb-animation-easing),transform var(--sbb-map-container-animation-duration) ease-out;visibility:visible;opacity:1;transform:translate(-50%) translateY(0)}@media(min-width:64rem){.sbb-map-container__sidebar-button{display:none}}.sbb-map-container__sidebar{--sbb-scrollbar-thumb-width: .5rem;--sbb-scrollbar-thumb-width-hover: var(--sbb-scrollbar-thumb-width);--sbb-scrollbar-width-firefox: auto;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: var(--sbb-background-color-4);--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-map-container__sidebar::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-map-container__sidebar::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-map-container__sidebar::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-map-container__sidebar::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-map-container__sidebar::-webkit-scrollbar-button,.sbb-map-container__sidebar::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-map-container__sidebar{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-map-container__sidebar{grid-column:1/3;grid-row:2/3;width:100%;overflow:hidden auto;position:relative;border-start-end-radius:var(--sbb-map-container-border-radius);border-start-start-radius:var(--sbb-map-container-border-radius);margin-block-start:calc(var(--sbb-map-container-border-radius) * -1);background-color:var(--sbb-map-container-sidebar-background-color)}@media(min-width:64rem){.sbb-map-container__sidebar{grid-column:1/2;grid-row:1/3;border-radius:0;margin-block-start:0;border-block-start:var(--sbb-border-width-1x) solid var(--sbb-border-color-4-inverted)}}.sbb-map-container__map{position:sticky;inset-block-start:0;inset-inline:0;grid-row:1/2;grid-column:1/3}@media(max-width:63.9375rem){.sbb-map-container__map{inset-block-start:var(--sbb-map-container-mobile-sticky-block-start);height:var(--sbb-map-container-map-height)}}@media(min-width:64rem){.sbb-map-container__map{grid-row:1/3;grid-column:2/3;position:relative}}`;
+let J = (() => {
+  var e, b, s;
+  let t = S, i, o = [], l = [], u, h = [], v = [];
+  return s = class extends t {
     constructor() {
       super(...arguments);
-      p(this, n);
+      p(this, e);
       p(this, b);
-      c(this, n, m(this, _, !1)), c(this, b, (m(this, g), m(this, f, !1))), this._language = (m(this, k), new $(this)), this._observer = new U(this, {
+      c(this, e, d(this, o, !1)), c(this, b, (d(this, l), d(this, h, !1))), this._language = (d(this, v), new V(this)), this._observer = new k(this, {
         target: null,
         callback: (r) => this._toggleButtonVisibilityOnIntersect(r)
       });
     }
     /** Flag to show/hide the scroll up button inside the sidebar on mobile. */
     get hideScrollUpButton() {
-      return d(this, n);
+      return m(this, e);
     }
     set hideScrollUpButton(r) {
-      c(this, n, r);
+      c(this, e, r);
     }
     get _scrollUpButtonVisible() {
-      return d(this, b);
+      return m(this, b);
     }
     set _scrollUpButtonVisible(r) {
       c(this, b, r);
     }
     willUpdate(r) {
       if (super.willUpdate(r), r.has("hideScrollUpButton")) {
-        const t = this._intersector();
-        !this.hideScrollUpButton && t ? this._observer.observe(t) : t && this._observer.unobserve(t);
+        const a = this._intersector();
+        !this.hideScrollUpButton && a ? this._observer.observe(a) : a && this._observer.unobserve(a);
       }
     }
     firstUpdated(r) {
@@ -66,23 +66,23 @@ let X = (() => {
      * @private
      */
     _toggleButtonVisibilityOnIntersect(r) {
-      r.forEach((t) => {
-        const l = !t.isIntersecting;
-        this.toggleState("scroll-up-button-visible", l), this._scrollUpButtonVisible = l;
+      r.forEach((a) => {
+        const n = !a.isIntersecting;
+        this.toggleState("scroll-up-button-visible", n), this._scrollUpButtonVisible = n;
       });
     }
     render() {
-      return x`
+      return f`
       <div class="sbb-map-container">
         <div class="sbb-map-container__map">
           <slot name="map"></slot>
         </div>
-        <div class="sbb-map-container__sidebar" @scroll=${(r) => D(r, document)}>
+        <div class="sbb-map-container__sidebar" @scroll=${(r) => I(r, document)}>
           <span id="intersector"></span>
 
           <slot></slot>
 
-          ${this.hideScrollUpButton ? I : x`<sbb-accent-button
+          ${this.hideScrollUpButton ? y : f`<sbb-accent-button
                 class="sbb-map-container__sidebar-button"
                 size="l"
                 icon-name="location-pin-map-small"
@@ -90,21 +90,21 @@ let X = (() => {
                 @click=${() => this._onScrollButtonClick()}
                 ?inert=${!this._scrollUpButtonVisible}
               >
-                ${L[this._language.current]}
+                ${$[this._language.current]}
               </sbb-accent-button>`}
         </div>
       </div>
     `;
     }
-  }, n = new WeakMap(), b = new WeakMap(), s = e, (() => {
-    const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(h[Symbol.metadata] ?? null) : void 0;
-    v = [O(), E({ attribute: "hide-scroll-up-button", reflect: !0, type: Boolean })], w = [C()], u(e, null, v, { kind: "accessor", name: "hideScrollUpButton", static: !1, private: !1, access: { has: (t) => "hideScrollUpButton" in t, get: (t) => t.hideScrollUpButton, set: (t, l) => {
-      t.hideScrollUpButton = l;
-    } }, metadata: r }, _, g), u(e, null, w, { kind: "accessor", name: "_scrollUpButtonVisible", static: !1, private: !1, access: { has: (t) => "_scrollUpButtonVisible" in t, get: (t) => t._scrollUpButtonVisible, set: (t, l) => {
-      t._scrollUpButtonVisible = l;
-    } }, metadata: r }, f, k), u(null, i = { value: s }, a, { kind: "class", name: s.name, metadata: r }, null, o), s = i.value, r && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
-  })(), e.styles = [j, T], m(s, o), s;
+  }, e = new WeakMap(), b = new WeakMap(), (() => {
+    const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(t[Symbol.metadata] ?? null) : void 0;
+    i = [z(), U({ attribute: "hide-scroll-up-button", reflect: !0, type: Boolean })], u = [x()], w(s, null, i, { kind: "accessor", name: "hideScrollUpButton", static: !1, private: !1, access: { has: (a) => "hideScrollUpButton" in a, get: (a) => a.hideScrollUpButton, set: (a, n) => {
+      a.hideScrollUpButton = n;
+    } }, metadata: r }, o, l), w(s, null, u, { kind: "accessor", name: "_scrollUpButtonVisible", static: !1, private: !1, access: { has: (a) => "_scrollUpButtonVisible" in a, get: (a) => a._scrollUpButtonVisible, set: (a, n) => {
+      a._scrollUpButtonVisible = n;
+    } }, metadata: r }, h, v), r && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
+  })(), s.elementName = "sbb-map-container", s.styles = [O, j], s;
 })();
 export {
-  X as SbbMapContainerElement
+  J as SbbMapContainerElement
 };

package/map-container.js

@@ -1,4 +1,5 @@
-import { SbbMapContainerElement as o } from "./map-container/map-container.component.js";
+import { SbbMapContainerElement as e } from "./map-container/map-container.component.js";
+e.define();
 export {
-  o as SbbMapContainerElement
+  e as SbbMapContainerElement
 };

package/map-container.pure.js

@@ -0,0 +1,4 @@
+import { SbbMapContainerElement as o } from "./map-container/map-container.component.js";
+export {
+  o as SbbMapContainerElement
+};

package/menu/common.js

@@ -1,4 +1,6 @@
-import { SbbMenuActionCommonElementMixin as e } from "./common/menu-action-common.js";
+import { SbbMenuActionCommonElementMixin as s } from "./common/menu-action-common.js";
+console.warn(`The entrypoint '@sbb-esta/elements/menu/common.js' has been deprecated.
+Use either '@sbb-esta/elements/menu.js' or '@sbb-esta/elements/menu.pure.js' instead.`);
 export {
-  e as SbbMenuActionCommonElementMixin
+  s as SbbMenuActionCommonElementMixin
 };

package/menu/menu/menu.component.js

@@ -1,25 +1,27 @@
-var p = (s) => {
+var h = (s) => {
   throw TypeError(s);
 };
-var v = (s, n, i) => n.has(s) || p("Cannot " + i);
-var f = (s, n, i) => (v(s, n, "read from private field"), i ? i.call(s) : n.get(s)), w = (s, n, i) => n.has(s) ? p("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(s) : n.set(s, i), d = (s, n, i, o) => (v(s, n, "write to private field"), o ? o.call(s, i) : n.set(s, i), i);
-import { __esDecorate as k, __runInitializers as u } from "tslib";
-import { css as x, isServer as C, html as M } from "lit";
-import { customElement as S, property as N } from "lit/decorators.js";
-import { ref as A } from "lit/directives/ref.js";
-import { SbbFocusTrapController as O, isArrowKeyOrPageKeysPressed as B, interactivityChecker as T, getNextElementIndex as I } from "../../core/a11y.js";
-import { SbbOpenCloseBaseElement as L } from "../../core/base-elements.js";
-import { SbbEscapableOverlayController as P, SbbInertController as D, SbbMediaQueryBreakpointSmallAndBelow as U, SbbMediaMatcherController as R, SbbDarkModeController as K, SbbLanguageController as z } from "../../core/controllers.js";
-import { idReference as H } from "../../core/decorators.js";
-import { SbbScrollHandler as $, isZeroAnimationDuration as q } from "../../core/dom.js";
-import { forwardEvent as F } from "../../core/eventing.js";
-import { i18nGoBack as Z } from "../../core/i18n/i18n.js";
-import { ɵstateController as j } from "../../core/mixins.js";
-import { isEventOnElement as y, removeAriaOverlayTriggerAttributes as V, setAriaOverlayTriggerAttributes as W, getElementPosition as G, getElementPositionHorizontal as Q } from "../../core/overlay.js";
-import { boxSizingStyles as J } from "../../core/styles.js";
+var m = (s, n, i) => n.has(s) || h("Cannot " + i);
+var u = (s, n, i) => (m(s, n, "read from private field"), i ? i.call(s) : n.get(s)), g = (s, n, i) => n.has(s) ? h("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(s) : n.set(s, i), d = (s, n, i, l) => (m(s, n, "write to private field"), l ? l.call(s, i) : n.set(s, i), i);
+import { __esDecorate as f, __runInitializers as _ } from "tslib";
+import { css as w, isServer as k, html as y } from "lit";
+import { property as x } from "lit/decorators.js";
+import { ref as E } from "lit/directives/ref.js";
+import { SbbFocusTrapController as C, isArrowKeyOrPageKeysPressed as M, interactivityChecker as S, getNextElementIndex as N } from "../../core/a11y.js";
+import { SbbOpenCloseBaseElement as A } from "../../core/base-elements.js";
+import { SbbEscapableOverlayController as B, SbbInertController as O, SbbMediaQueryBreakpointSmallAndBelow as T, SbbMediaMatcherController as L, SbbDarkModeController as I, SbbLanguageController as P } from "../../core/controllers.js";
+import { idReference as U } from "../../core/decorators.js";
+import { SbbScrollHandler as D, isZeroAnimationDuration as R } from "../../core/dom.js";
+import { forwardEvent as K } from "../../core/eventing.js";
+import { i18nGoBack as z } from "../../core/i18n/i18n.js";
+import { ɵstateController as H } from "../../core/mixins.js";
+import { isEventOnElement as p, removeAriaOverlayTriggerAttributes as $, setAriaOverlayTriggerAttributes as q, getElementPosition as F, getElementPositionHorizontal as Z } from "../../core/overlay.js";
+import { boxSizingStyles as j } from "../../core/styles.js";
+import { SbbMenuButtonElement as V } from "../menu-button/menu-button.component.js";
 import "../../divider.js";
-import "../menu-button.js";
-const X = x`:host{display:contents;--sbb-menu-position-x: 0;--sbb-menu-position-y: 0;--sbb-menu-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-menu-animation-easing: ease;--sbb-menu-transform-y: 100%;--sbb-menu-transform-x: 0%;--sbb-menu-max-width: 100%;--sbb-menu-min-width: 100%;--sbb-menu-inset: 0 auto auto 0;--sbb-menu-container-height: 100dvh;--sbb-menu-max-height: calc(85vh - var(--sbb-spacing-fixed-8x));--sbb-menu-min-height: 3.03125rem;--sbb-menu-border-radius: var(--sbb-border-radius-4x);--sbb-menu-visibility: hidden;--sbb-menu-backdrop-color: transparent;--sbb-menu-color: var(--sbb-color-2-inverted);--sbb-menu-background-color: var(--sbb-background-color-1-inverted);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-white) 30%, transparent);--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-white) 60%, transparent);--sbb-scrollbar-track-color: transparent}@media(min-width:64rem){:host{--sbb-menu-transform-y: var(--sbb-spacing-fixed-2x);--sbb-menu-max-width: 20rem;--sbb-menu-min-width: 11.25rem;--sbb-menu-back-button-display: none}}:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening]))){--sbb-menu-visibility: visible;--sbb-menu-backdrop-color: color-mix(in srgb, var(--sbb-color-black) 20%, transparent)}@media(min-width:64rem){:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening]))){--sbb-menu-backdrop-color: transparent}}:host(:not(:is(:state(nested),[state--nested]))){--sbb-menu-back-button-display: none}:host(:not(:is(:state(state-closed),[state--state-closed]))){--sbb-menu-inset: 0}:host(:is(:state(dark),[state--dark])){--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent)}@media(max-width:63.9375rem){:host(:is(:state(skip-animation),[state--skip-animation])){--sbb-menu-animation-duration: 0ms}:host(:is(:state(nested-child),[state--nested-child])){--sbb-menu-transform-x: -100%}:host(:is(:state(nested),[state--nested]):is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){--sbb-menu-open-animation-name: open-sideways}:host(:is(:state(state-closing),[state--state-closing]):is(:state(nested),[state--nested]):not(:is(:state(close-all),[state--close-all]))){--sbb-menu-close-animation-name: close-sideways}}::slotted(:not(sbb-menu-button,sbb-menu-link,sbb-divider)){display:block;padding-inline:var(--sbb-spacing-fixed-5x)}sbb-divider,::slotted(sbb-divider){--sbb-divider-color: var(--sbb-background-color-4-inverted);margin-block:var(--sbb-spacing-fixed-2x)}sbb-divider,#sbb-menu__back-button{display:var(--sbb-menu-back-button-display, block)}.sbb-menu__container{position:fixed;pointer-events:none;inset:var(--sbb-menu-inset);height:var(--sbb-menu-container-height);z-index:var(--sbb-menu-z-index, var(--sbb-overlay-default-z-index))}.sbb-menu__container:before{content:"";visibility:var(--sbb-menu-visibility);pointer-events:all;position:fixed;inset:var(--sbb-menu-inset);height:var(--sbb-menu-container-height);background-color:var(--sbb-menu-backdrop-color);transition-duration:var(--sbb-menu-animation-duration);transition-timing-function:var(--sbb-menu-animation-easing);transition-property:background-color,visibility}:host(:is(:state(nested),[state--nested])) .sbb-menu__container:before{display:none}.sbb-menu{display:none;opacity:0;pointer-events:none;max-width:var(--sbb-menu-max-width);min-width:var(--sbb-menu-min-width);text-align:start;position:absolute;inset-inline-start:0;inset-block-start:unset;inset-block-end:0;inset-inline-end:unset;color:var(--sbb-menu-color);border:none;border-radius:var(--sbb-menu-border-radius) var(--sbb-menu-border-radius) 0 0;background-color:var(--sbb-menu-background-color);padding:0;overflow:hidden;translate:var(--sbb-menu-transform-x) 0;transition:translate var(--sbb-menu-animation-duration)}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-menu{display:block;opacity:1;pointer-events:all;animation-name:var(--sbb-menu-open-animation-name, open);animation-duration:var(--sbb-menu-animation-duration);animation-timing-function:var(--sbb-menu-animation-easing)}:host(:is(:state(state-closing),[state--state-closing])) .sbb-menu{pointer-events:none;animation-name:var(--sbb-menu-close-animation-name, close)}@media(forced-colors:active){.sbb-menu{outline:var(--sbb-border-width-1x) solid CanvasText}}@media(min-width:64rem){.sbb-menu{top:0;bottom:unset;left:0;right:unset;max-height:fit-content;border-radius:var(--sbb-menu-border-radius)}:host(:not(:is(:state(state-closed),[state--state-closed]))) .sbb-menu{top:var(--sbb-menu-position-y);left:var(--sbb-menu-position-x);max-height:var(--sbb-menu-max-height);min-height:var(--sbb-menu-min-height)}}.sbb-menu__content{--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-menu__content::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-menu__content::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-menu__content::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-menu__content::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-menu__content::-webkit-scrollbar-button,.sbb-menu__content::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-menu__content{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-menu__content{max-height:var(--sbb-menu-max-height);padding-block:var(--sbb-spacing-fixed-1x);overflow:auto;outline:none}.sbb-menu__content:after{content:"";display:block;height:var(--sbb-spacing-fixed-8x)}@media(min-width:64rem){.sbb-menu__content{max-height:fit-content}:host(:not(:is(:state(state-closed),[state--state-closed]))) .sbb-menu__content{max-height:var(--sbb-menu-max-height);min-height:var(--sbb-menu-min-height)}.sbb-menu__content:after{display:none}}::slotted(:is(:is(:state(sbb-link),[state--sbb-link]),:is(:state(sbb-button),[state--sbb-button]))){color-scheme:only light}@keyframes open{0%{opacity:0;translate:0 var(--sbb-menu-transform-y)}to{opacity:1;translate:0 0}}@keyframes close{0%{opacity:1;translate:0 0}to{opacity:0;translate:0 var(--sbb-menu-transform-y)}}@keyframes open-sideways{0%{translate:100% 0}to{translate:0 0}}@keyframes close-sideways{0%{translate:0 0}to{translate:100% 0}}`, E = 8, Y = -4, ee = [
+const W = w`:host{display:contents;--sbb-menu-position-x: 0;--sbb-menu-position-y: 0;--sbb-menu-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-menu-animation-easing: ease;--sbb-menu-transform-y: 100%;--sbb-menu-transform-x: 0%;--sbb-menu-max-width: 100%;--sbb-menu-min-width: 100%;--sbb-menu-inset: 0 auto auto 0;--sbb-menu-container-height: 100dvh;--sbb-menu-max-height: calc(85vh - var(--sbb-spacing-fixed-8x));--sbb-menu-min-height: 3.03125rem;--sbb-menu-border-radius: var(--sbb-border-radius-4x);--sbb-menu-visibility: hidden;--sbb-menu-backdrop-color: transparent;--sbb-menu-color: var(--sbb-color-2-inverted);--sbb-menu-background-color: var(--sbb-background-color-1-inverted);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-white) 30%, transparent);--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-white) 60%, transparent);--sbb-scrollbar-track-color: transparent}@media(min-width:64rem){:host{--sbb-menu-transform-y: var(--sbb-spacing-fixed-2x);--sbb-menu-max-width: 20rem;--sbb-menu-min-width: 11.25rem;--sbb-menu-back-button-display: none}}:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening]))){--sbb-menu-visibility: visible;--sbb-menu-backdrop-color: color-mix(in srgb, var(--sbb-color-black) 20%, transparent)}@media(min-width:64rem){:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening]))){--sbb-menu-backdrop-color: transparent}}:host(:not(:is(:state(nested),[state--nested]))){--sbb-menu-back-button-display: none}:host(:not(:is(:state(state-closed),[state--state-closed]))){--sbb-menu-inset: 0}:host(:is(:state(dark),[state--dark])){--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent)}@media(max-width:63.9375rem){:host(:is(:state(skip-animation),[state--skip-animation])){--sbb-menu-animation-duration: 0ms}:host(:is(:state(nested-child),[state--nested-child])){--sbb-menu-transform-x: -100%}:host(:is(:state(nested),[state--nested]):is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){--sbb-menu-open-animation-name: open-sideways}:host(:is(:state(state-closing),[state--state-closing]):is(:state(nested),[state--nested]):not(:is(:state(close-all),[state--close-all]))){--sbb-menu-close-animation-name: close-sideways}}::slotted(:not(sbb-menu-button,sbb-menu-link,sbb-divider)){display:block;padding-inline:var(--sbb-spacing-fixed-5x)}sbb-divider,::slotted(sbb-divider){--sbb-divider-color: var(--sbb-background-color-4-inverted);margin-block:var(--sbb-spacing-fixed-2x)}sbb-divider,#sbb-menu__back-button{display:var(--sbb-menu-back-button-display, block)}.sbb-menu__container{position:fixed;pointer-events:none;inset:var(--sbb-menu-inset);height:var(--sbb-menu-container-height);z-index:var(--sbb-menu-z-index, var(--sbb-overlay-default-z-index))}.sbb-menu__container:before{content:"";visibility:var(--sbb-menu-visibility);pointer-events:all;position:fixed;inset:var(--sbb-menu-inset);height:var(--sbb-menu-container-height);background-color:var(--sbb-menu-backdrop-color);transition-duration:var(--sbb-menu-animation-duration);transition-timing-function:var(--sbb-menu-animation-easing);transition-property:background-color,visibility}:host(:is(:state(nested),[state--nested])) .sbb-menu__container:before{display:none}.sbb-menu{display:none;opacity:0;pointer-events:none;max-width:var(--sbb-menu-max-width);min-width:var(--sbb-menu-min-width);text-align:start;position:absolute;inset-inline-start:0;inset-block-start:unset;inset-block-end:0;inset-inline-end:unset;color:var(--sbb-menu-color);border:none;border-radius:var(--sbb-menu-border-radius) var(--sbb-menu-border-radius) 0 0;background-color:var(--sbb-menu-background-color);padding:0;overflow:hidden;translate:var(--sbb-menu-transform-x) 0;transition:translate var(--sbb-menu-animation-duration)}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-menu{display:block;opacity:1;pointer-events:all;animation-name:var(--sbb-menu-open-animation-name, open);animation-duration:var(--sbb-menu-animation-duration);animation-timing-function:var(--sbb-menu-animation-easing)}:host(:is(:state(state-closing),[state--state-closing])) .sbb-menu{pointer-events:none;animation-name:var(--sbb-menu-close-animation-name, close)}@media(forced-colors:active){.sbb-menu{outline:var(--sbb-border-width-1x) solid CanvasText}}@media(min-width:64rem){.sbb-menu{top:0;bottom:unset;left:0;right:unset;max-height:fit-content;border-radius:var(--sbb-menu-border-radius)}:host(:not(:is(:state(state-closed),[state--state-closed]))) .sbb-menu{top:var(--sbb-menu-position-y);left:var(--sbb-menu-position-x);max-height:var(--sbb-menu-max-height);min-height:var(--sbb-menu-min-height)}}.sbb-menu__content{--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-menu__content::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-menu__content::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-menu__content::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-menu__content::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-menu__content::-webkit-scrollbar-button,.sbb-menu__content::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-menu__content{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-menu__content{max-height:var(--sbb-menu-max-height);padding-block:var(--sbb-spacing-fixed-1x);overflow:auto;outline:none}.sbb-menu__content:after{content:"";display:block;height:var(--sbb-spacing-fixed-8x)}@media(min-width:64rem){.sbb-menu__content{max-height:fit-content}:host(:not(:is(:state(state-closed),[state--state-closed]))) .sbb-menu__content{max-height:var(--sbb-menu-max-height);min-height:var(--sbb-menu-min-height)}.sbb-menu__content:after{display:none}}::slotted(:is(:is(:state(sbb-link),[state--sbb-link]),:is(:state(sbb-button),[state--sbb-button]))){color-scheme:only light}@keyframes open{0%{opacity:0;translate:0 var(--sbb-menu-transform-y)}to{opacity:1;translate:0 0}}@keyframes close{0%{opacity:1;translate:0 0}to{opacity:0;translate:0 var(--sbb-menu-transform-y)}}@keyframes open-sideways{0%{translate:100% 0}to{translate:0 0}}@keyframes close-sideways{0%{translate:0 0}to{translate:100% 0}}`;
+V.define();
+const v = 8, G = -4, Q = [
   "A",
   "BUTTON",
   "SBB-BUTTON",
@@ -31,23 +33,23 @@ const X = x`:host{display:contents;--sbb-menu-position-x: 0;--sbb-menu-position-
   "SBB-MENU-BUTTON",
   "SBB-MENU-LINK"
 ];
-let te = 0, we = (() => {
-  var l, a;
-  let s = [S("sbb-menu")], n, i = [], o, m = L, h, g = [], _ = [];
-  return a = class extends m {
+let J = 0, _e = (() => {
+  var a, o;
+  let s = A, n, i = [], l = [];
+  return o = class extends s {
     constructor() {
       super();
-      w(this, l);
-      d(this, l, u(this, g, null)), this._menu = u(this, _), this._triggerElement = null, this._isPointerDownEventOnMenu = !1, this._escapableOverlayController = new P(this), this._focusTrapController = new O(this), this._scrollHandler = new $(), this._inertController = new D(this), this._mobileBreakpoint = U, this._mediaMatcher = new R(this, {
+      g(this, a);
+      d(this, a, _(this, i, null)), this._menu = _(this, l), this._triggerElement = null, this._isPointerDownEventOnMenu = !1, this._escapableOverlayController = new B(this), this._focusTrapController = new C(this), this._scrollHandler = new D(), this._inertController = new O(this), this._mobileBreakpoint = T, this._mediaMatcher = new L(this, {
         [this._mobileBreakpoint]: (e) => {
           e && (this.state === "opening" || this.state === "opened") ? this._scrollHandler.disableScroll() : this._scrollHandler.enableScroll();
         }
-      }), this._darkModeController = new K(this, () => this._syncNegative()), this._language = new z(this), this._nestedMenu = null, this._pointerDownListener = (e) => {
+      }), this._darkModeController = new I(this, () => this._syncNegative()), this._language = new P(this), this._nestedMenu = null, this._pointerDownListener = (e) => {
         const t = e.target.closest("sbb-menu");
-        this._isPointerDownEventOnMenu = y(this._menu, e) || this._nestedMenus().some((r) => t === r);
+        this._isPointerDownEventOnMenu = p(this._menu, e) || this._nestedMenus().some((r) => t === r);
       }, this._closeOnBackdropClick = (e) => {
         const t = e.target;
-        !this._isPointerDownEventOnMenu && !y(this._menu, e) && !this._nestedMenus().some((r) => r === t) && this.closeAll();
+        !this._isPointerDownEventOnMenu && !p(this._menu, e) && !this._nestedMenus().some((r) => r === t) && this.closeAll();
       }, this.addEventListener?.("keydown", (e) => this._handleKeyDown(e));
     }
     /**
@@ -56,10 +58,10 @@ let te = 0, we = (() => {
      * For attribute usage, provide an id reference.
      */
     get trigger() {
-      return f(this, l);
+      return u(this, a);
     }
     set trigger(e) {
-      d(this, l, e);
+      d(this, a, e);
     }
     firstUpdated(e) {
       super.firstUpdated(e), this._configureTrigger();
@@ -98,7 +100,7 @@ let te = 0, we = (() => {
       }
     }
     _isZeroAnimationDuration() {
-      return q(this, "--sbb-menu-animation-duration");
+      return R(this, "--sbb-menu-animation-duration");
     }
     _handleOpening() {
       this.state = "opened", this._isNested() ? this._updateNestedInert() : this._inertController.activate(), this._escapableOverlayController.connect(), this._focusTrapController.focusInitialElement(), this._focusTrapController.enabled = !0, this._attachWindowEvents(), this.dispatchOpenEvent();
@@ -110,15 +112,15 @@ let te = 0, we = (() => {
       }), this._escapableOverlayController.disconnect(), this.dispatchCloseEvent(), this._windowEventsController?.abort(), this._focusTrapController.enabled = !1, this._scrollHandler.enableScroll();
     }
     _handleKeyDown(e) {
-      if (!B(e))
+      if (!M(e))
         return;
       e.preventDefault();
-      const t = Array.from(this.querySelectorAll("sbb-menu-button, sbb-menu-link")).concat(this.shadowRoot.querySelector("sbb-menu-button")).filter((c) => (!c.disabled || c.disabledInteractive) && T.isVisible(c)), r = t.findIndex((c) => c === e.target);
+      const t = Array.from(this.querySelectorAll("sbb-menu-button, sbb-menu-link")).concat(this.shadowRoot.querySelector("sbb-menu-button")).filter((c) => (!c.disabled || c.disabledInteractive) && S.isVisible(c)), r = t.findIndex((c) => c === e.target);
       let b;
       switch (e.key) {
         case "ArrowUp":
         case "ArrowDown":
-          b = I(e, r, t.length);
+          b = N(e, r, t.length);
           break;
         case "ArrowLeft":
           this._isNested() && this.close();
@@ -143,19 +145,19 @@ let te = 0, we = (() => {
       return this.shadowRoot?.addEventListener("slotchange", () => this._syncNegative(), { capture: !0 }), e;
     }
     connectedCallback() {
-      this.popover = "manual", super.connectedCallback(), this.id ||= `sbb-menu-${te++}`, this.hasUpdated && this._configureTrigger();
+      this.popover = "manual", super.connectedCallback(), this.id ||= `sbb-menu-${J++}`, this.hasUpdated && this._configureTrigger();
     }
     disconnectedCallback() {
       super.disconnectedCallback(), this._triggerElement = null, this._triggerAbortController?.abort(), this._windowEventsController?.abort(), this._scrollHandler.enableScroll();
     }
     requestUpdate(e, t, r) {
-      super.requestUpdate(e, t, r), !C && (!e || e === "trigger") && this.hasUpdated && this._configureTrigger();
+      super.requestUpdate(e, t, r), !k && (!e || e === "trigger") && this.hasUpdated && this._configureTrigger();
     }
     // Check if the trigger is valid and attach click event listeners.
     _configureTrigger() {
-      this.trigger !== this._triggerElement && (this._triggerAbortController?.abort(), V(this._triggerElement), this._triggerElement = this.trigger, this._triggerElement && (W(this._triggerElement, "menu", this.id, this.state), this._triggerAbortController = new AbortController(), this._triggerElement.addEventListener("click", () => this.open(), {
+      this.trigger !== this._triggerElement && (this._triggerAbortController?.abort(), $(this._triggerElement), this._triggerElement = this.trigger, this._triggerElement && (q(this._triggerElement, "menu", this.id, this.state), this._triggerAbortController = new AbortController(), this._triggerElement.addEventListener("click", () => this.open(), {
         signal: this._triggerAbortController.signal
-      }), this.toggleState("nested", ["sbb-menu-button", "sbb-menu-link"].includes(this._triggerElement.localName)), j(this._triggerElement).add("sbb-menu-trigger")));
+      }), this.toggleState("nested", ["sbb-menu-button", "sbb-menu-link"].includes(this._triggerElement.localName)), H(this._triggerElement).add("sbb-menu-trigger")));
     }
     _attachWindowEvents() {
       this._windowEventsController = new AbortController(), document.addEventListener("scroll", () => this._setMenuPosition(), {
@@ -176,7 +178,7 @@ let te = 0, we = (() => {
     // Close menu at any click on an interactive element inside the <sbb-menu> that bubbles to the container.
     _interactiveElementClick(e) {
       const t = e.target;
-      ee.includes(t.nodeName) && !t.hasAttribute("disabled") && !t.matches(":is(:state(sbb-menu-trigger),[state--sbb-menu-trigger])") && t.id !== "sbb-menu__back-button" && this.closeAll();
+      Q.includes(t.nodeName) && !t.hasAttribute("disabled") && !t.matches(":is(:state(sbb-menu-trigger),[state--sbb-menu-trigger])") && t.id !== "sbb-menu__back-button" && this.closeAll();
     }
     /** Converts the linked list into an array of SbbMenuElement. */
     _nestedMenus() {
@@ -215,12 +217,12 @@ let te = 0, we = (() => {
     _setMenuPosition() {
       if (this._isMobile() || !this._menu || !this._triggerElement || this.state === "closing")
         return;
-      const e = this._isNested() ? Q(this.shadowRoot.querySelector(".sbb-menu__content"), this._triggerElement, this.shadowRoot.querySelector(".sbb-menu__container"), {
-        horizontalOffset: E,
-        verticalOffset: Y,
+      const e = this._isNested() ? Z(this.shadowRoot.querySelector(".sbb-menu__content"), this._triggerElement, this.shadowRoot.querySelector(".sbb-menu__container"), {
+        horizontalOffset: v,
+        verticalOffset: G,
         contentSelector: ".sbb-menu__content"
-      }) : G(this.shadowRoot.querySelector(".sbb-menu__content"), this._triggerElement, this.shadowRoot.querySelector(".sbb-menu__container"), {
-        verticalOffset: E
+      }) : F(this.shadowRoot.querySelector(".sbb-menu__content"), this._triggerElement, this.shadowRoot.querySelector(".sbb-menu__container"), {
+        verticalOffset: v
       });
       this.style.setProperty("--sbb-menu-position-x", `${e.left}px`), this.style.setProperty("--sbb-menu-position-y", `${e.top}px`), this.style.setProperty("--sbb-menu-max-height", e.maxHeight);
     }
@@ -233,17 +235,17 @@ let te = 0, we = (() => {
       return this._mediaMatcher.matches(this._mobileBreakpoint) ?? !0;
     }
     render() {
-      return M`
+      return y`
       <div class="sbb-menu__container">
         <div
           @animationend=${this._onMenuAnimationEnd}
           @mouseover=${(e) => this._handleMouseOver(e)}
           class="sbb-menu"
-          ${A((e) => this._menu = e)}
+          ${E((e) => this._menu = e)}
         >
           <div
             @click=${(e) => this._interactiveElementClick(e)}
-            @scroll=${(e) => F(e, document)}
+            @scroll=${(e) => K(e, document)}
             class="sbb-menu__content"
           >
             <slot></slot>
@@ -253,20 +255,20 @@ let te = 0, we = (() => {
               @click=${() => this.close()}
               icon-name="chevron-small-left-small"
             >
-              ${Z[this._language.current]}
+              ${z[this._language.current]}
             </sbb-menu-button>
           </div>
         </div>
       </div>
     `;
     }
-  }, l = new WeakMap(), o = a, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(m[Symbol.metadata] ?? null) : void 0;
-    h = [H(), N()], k(a, null, h, { kind: "accessor", name: "trigger", static: !1, private: !1, access: { has: (t) => "trigger" in t, get: (t) => t.trigger, set: (t, r) => {
+  }, a = new WeakMap(), (() => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
+    n = [U(), x()], f(o, null, n, { kind: "accessor", name: "trigger", static: !1, private: !1, access: { has: (t) => "trigger" in t, get: (t) => t.trigger, set: (t, r) => {
       t.trigger = r;
-    } }, metadata: e }, g, _), k(null, n = { value: o }, s, { kind: "class", name: o.name, metadata: e }, null, i), o = n.value, e && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), a.styles = [J, X], a.role = "menu", u(o, i), o;
+    } }, metadata: e }, i, l), e && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), o.elementName = "sbb-menu", o.styles = [j, W], o.role = "menu", o;
 })();
 export {
-  we as SbbMenuElement
+  _e as SbbMenuElement
 };

package/menu/menu-button/menu-button.component.js

@@ -1,17 +1,10 @@
-import { __esDecorate as r, __runInitializers as m } from "tslib";
-import { customElement as s } from "lit/decorators.js";
-import { SbbButtonBaseElement as c } from "../../core/base-elements.js";
-import { SbbDisabledTabIndexActionMixin as u } from "../../core/mixins.js";
-import { SbbMenuActionCommonElementMixin as b } from "../common.js";
-let x = (() => {
-  var e;
-  let o = [s("sbb-menu-button")], l, i = [], t, n = u(b(c));
-  return e = class extends n {
-  }, t = e, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-    r(null, l = { value: t }, o, { kind: "class", name: t.name, metadata: a }, null, i), t = l.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), e.role = "menuitem", m(t, i), t;
-})();
+import { SbbButtonBaseElement as t } from "../../core/base-elements.js";
+import { SbbDisabledTabIndexActionMixin as o } from "../../core/mixins.js";
+import { SbbMenuActionCommonElementMixin as e } from "../common/menu-action-common.js";
+const i = class i extends o(e(t)) {
+};
+i.elementName = "sbb-menu-button", i.role = "menuitem";
+let m = i;
 export {
-  x as SbbMenuButtonElement
+  m as SbbMenuButtonElement
 };

package/menu/menu-button.js

@@ -1,4 +1,7 @@
-import { SbbMenuButtonElement as n } from "./menu-button/menu-button.component.js";
+import { SbbMenuButtonElement as e } from "./menu-button/menu-button.component.js";
+e.define();
+console.warn(`The entrypoint '@sbb-esta/elements/menu/menu-button.js' has been deprecated.
+Use either '@sbb-esta/elements/menu.js' or '@sbb-esta/elements/menu.pure.js' instead.`);
 export {
-  n as SbbMenuButtonElement
+  e as SbbMenuButtonElement
 };

package/menu/menu-link/menu-link.component.js

@@ -1,20 +1,13 @@
-import { __esDecorate as m, __runInitializers as o } from "tslib";
-import { customElement as s } from "lit/decorators.js";
-import { SbbLinkBaseElement as c } from "../../core/base-elements.js";
-import { SbbDisabledInteractiveMixin as u } from "../../core/mixins.js";
-import { SbbMenuActionCommonElementMixin as b } from "../common.js";
-let y = (() => {
-  var t;
-  let i = [s("sbb-menu-link")], l, r = [], e, n = u(b(c));
-  return t = class extends n {
-    constructor() {
-      super(...arguments), this.anchorRole = "menuitem";
-    }
-  }, e = t, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-    m(null, l = { value: e }, i, { kind: "class", name: e.name, metadata: a }, null, r), e = l.value, a && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a }), o(e, r);
-  })(), e;
-})();
+import { SbbLinkBaseElement as i } from "../../core/base-elements.js";
+import { SbbDisabledInteractiveMixin as m } from "../../core/mixins.js";
+import { SbbMenuActionCommonElementMixin as o } from "../common/menu-action-common.js";
+const t = class t extends m(o(i)) {
+  constructor() {
+    super(...arguments), this.anchorRole = "menuitem";
+  }
+};
+t.elementName = "sbb-menu-link";
+let e = t;
 export {
-  y as SbbMenuLinkElement
+  e as SbbMenuLinkElement
 };

package/menu/menu-link.js

@@ -1,4 +1,7 @@
-import { SbbMenuLinkElement as b } from "./menu-link/menu-link.component.js";
+import { SbbMenuLinkElement as e } from "./menu-link/menu-link.component.js";
+e.define();
+console.warn(`The entrypoint '@sbb-esta/elements/menu/menu-link.js' has been deprecated.
+Use either '@sbb-esta/elements/menu.js' or '@sbb-esta/elements/menu.pure.js' instead.`);
 export {
-  b as SbbMenuLinkElement
+  e as SbbMenuLinkElement
 };

package/menu/menu.js

@@ -1,4 +1,7 @@
-import { SbbMenuElement as m } from "./menu/menu.component.js";
+import { SbbMenuElement as e } from "./menu/menu.component.js";
+e.define();
+console.warn(`The entrypoint '@sbb-esta/elements/menu/menu.js' has been deprecated.
+Use either '@sbb-esta/elements/menu.js' or '@sbb-esta/elements/menu.pure.js' instead.`);
 export {
-  m as SbbMenuElement
+  e as SbbMenuElement
 };

package/menu.js

@@ -1,10 +1,13 @@
-import { SbbMenuElement as o } from "./menu/menu/menu.component.js";
-import { SbbMenuButtonElement as m } from "./menu/menu-button/menu-button.component.js";
-import { SbbMenuLinkElement as r } from "./menu/menu-link/menu-link.component.js";
-import { SbbMenuActionCommonElementMixin as x } from "./menu/common/menu-action-common.js";
+import { SbbMenuActionCommonElementMixin as f } from "./menu/common/menu-action-common.js";
+import { SbbMenuButtonElement as e } from "./menu/menu-button/menu-button.component.js";
+import { SbbMenuLinkElement as n } from "./menu/menu-link/menu-link.component.js";
+import { SbbMenuElement as m } from "./menu/menu/menu.component.js";
+m.define();
+e.define();
+n.define();
 export {
-  x as SbbMenuActionCommonElementMixin,
-  m as SbbMenuButtonElement,
-  o as SbbMenuElement,
-  r as SbbMenuLinkElement
+  f as SbbMenuActionCommonElementMixin,
+  e as SbbMenuButtonElement,
+  m as SbbMenuElement,
+  n as SbbMenuLinkElement
 };

package/menu.pure.js

@@ -0,0 +1,10 @@
+import { SbbMenuActionCommonElementMixin as o } from "./menu/common/menu-action-common.js";
+import { SbbMenuButtonElement as m } from "./menu/menu-button/menu-button.component.js";
+import { SbbMenuLinkElement as r } from "./menu/menu-link/menu-link.component.js";
+import { SbbMenuElement as x } from "./menu/menu/menu.component.js";
+export {
+  o as SbbMenuActionCommonElementMixin,
+  m as SbbMenuButtonElement,
+  x as SbbMenuElement,
+  r as SbbMenuLinkElement
+};