@sbb-esta/lyne-elements 1.10.0 → 1.11.0

package/journey-header.js

@@ -1,26 +1,25 @@
-import { css as g, LitElement as m, html as p, nothing as c } from "lit";
+import { css as g, LitElement as u, html as p, nothing as c } from "lit";
 import { property as t, customElement as d } from "lit/decorators.js";
-import { SbbLanguageController as u } from "./core/controllers.js";
-import { getDocumentWritingMode as h } from "./core/dom.js";
-import { i18nConnectionFrom as y, i18nConnectionTo as f, i18nConnectionRoundtrip as v } from "./core/i18n.js";
-import { SbbNegativeMixin as _ } from "./core/mixins.js";
+import { SbbLanguageController as m } from "./core/controllers.js";
+import { i18nConnectionFrom as h, i18nConnectionTo as y, i18nConnectionRoundtrip as f } from "./core/i18n.js";
+import { SbbNegativeMixin as v } from "./core/mixins.js";
 import "./icon.js";
 import "./screen-reader-only.js";
 import "./title.js";
-const x = g`*,:before,:after{box-sizing:border-box}:host{--sbb-journey-header-gap: var(--sbb-spacing-fixed-1x);display:block}:host([id]){scroll-margin-block-start:var(--sbb-spacing-fixed-10x)}sbb-title{margin:0}sbb-icon{min-width:var(--sbb-size-icon-ui-small)}.sbb-journey-header{display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--sbb-journey-header-gap);width:fit-content}.sbb-journey-header[dir=rtl] sbb-icon{transform:rotate(-180deg)}`;
-var $ = Object.defineProperty, j = Object.getOwnPropertyDescriptor, n = (s, o, a, i) => {
+const _ = g`*,:before,:after{box-sizing:border-box}:host{--sbb-journey-header-gap: var(--sbb-spacing-fixed-1x);display:block}:host([id]){scroll-margin-block-start:var(--sbb-spacing-fixed-10x)}sbb-title{margin:0}sbb-icon{min-width:var(--sbb-size-icon-ui-small)}.sbb-journey-header{display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--sbb-journey-header-gap);width:fit-content}.sbb-journey-header:dir(rtl) sbb-icon{transform:rotate(-180deg)}`;
+var x = Object.defineProperty, j = Object.getOwnPropertyDescriptor, n = (s, o, a, i) => {
   for (var r = i > 1 ? void 0 : i ? j(o, a) : o, b = s.length - 1, l; b >= 0; b--)
     (l = s[b]) && (r = (i ? l(o, a, r) : l(r)) || r);
-  return i && r && $(o, a, r), r;
+  return i && r && x(o, a, r), r;
 };
 const w = /* @__PURE__ */ new Map([
   ["s", "6"],
   ["m", "5"],
   ["l", "4"]
 ]);
-let e = class extends _(m) {
+let e = class extends v(u) {
   constructor() {
-    super(...arguments), this.level = "3", this.size = "m", this._language = new u(this);
+    super(...arguments), this.level = "3", this.size = "m", this._language = new m(this);
   }
   render() {
     const s = this.roundTrip ? "arrows-long-right-left-small" : "arrow-long-right-small";
@@ -30,21 +29,21 @@ let e = class extends _(m) {
         ?negative=${this.negative}
         visual-level=${w.get(this.size)}
       >
-        <span class="sbb-journey-header" dir=${h()}>
+        <span class="sbb-journey-header">
           <span class="sbb-journey-header__origin">
             <sbb-screen-reader-only>
-              ${y[this._language.current]}&nbsp;
+              ${h[this._language.current]}&nbsp;
             </sbb-screen-reader-only>
             ${this.origin}
           </span>
           <sbb-icon name=${s}></sbb-icon>
           <span class="sbb-journey-header__destination">
             <sbb-screen-reader-only>
-              &nbsp;${f[this._language.current]}&nbsp;
+              &nbsp;${y[this._language.current]}&nbsp;
             </sbb-screen-reader-only>
             ${this.destination}
             ${this.roundTrip ? p` <sbb-screen-reader-only>
-                  ${v(this.origin)[this._language.current]}
+                  ${f(this.origin)[this._language.current]}
                 </sbb-screen-reader-only>` : c}
           </span>
         </span>
@@ -52,7 +51,7 @@ let e = class extends _(m) {
     `;
   }
 };
-e.styles = x;
+e.styles = _;
 n([
   t()
 ], e.prototype, "origin", 2);

package/link/block-link-button/block-link-button.d.ts

@@ -1,5 +1,5 @@
 import { SbbButtonBaseElement } from '../../core/base-elements.js';
-declare const SbbBlockLinkButtonElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbBlockLinkCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof SbbButtonBaseElement;
+declare const SbbBlockLinkButtonElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbBlockLinkCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType & import('../../core/mixins.js').SbbDisabledInteractiveMixinType> & typeof SbbButtonBaseElement;
 /**
  * It displays a link enhanced with the SBB Design, which will behave as a button.
  *

package/link/block-link-button.js

@@ -1,19 +1,19 @@
 import { customElement as i } from "lit/decorators.js";
 import { SbbButtonBaseElement as s } from "../core/base-elements.js";
-import { SbbFocusableDisabledActionMixin as p } from "../core/mixins.js";
-import { SbbBlockLinkCommonElementMixin as c } from "./common.js";
-var f = Object.defineProperty, u = Object.getOwnPropertyDescriptor, v = (l, o, r, t) => {
-  for (var e = t > 1 ? void 0 : t ? u(o, r) : o, n = l.length - 1, b; n >= 0; n--)
-    (b = l[n]) && (e = (t ? b(o, r, e) : b(e)) || e);
-  return t && e && f(o, r, e), e;
+import { SbbDisabledTabIndexActionMixin as p } from "../core/mixins.js";
+import { SbbBlockLinkCommonElementMixin as f } from "./common.js";
+var c = Object.defineProperty, u = Object.getOwnPropertyDescriptor, v = (m, o, n, t) => {
+  for (var e = t > 1 ? void 0 : t ? u(o, n) : o, r = m.length - 1, b; r >= 0; r--)
+    (b = m[r]) && (e = (t ? b(o, n, e) : b(e)) || e);
+  return t && e && c(o, n, e), e;
 };
-let m = class extends c(
+let l = class extends f(
   p(s)
 ) {
 };
-m = v([
+l = v([
   i("sbb-block-link-button")
-], m);
+], l);
 export {
-  m as SbbBlockLinkButtonElement
+  l as SbbBlockLinkButtonElement
 };

package/link/link-button/link-button.d.ts

@@ -1,5 +1,5 @@
 import { SbbButtonBaseElement } from '../../core/base-elements.js';
-declare const SbbLinkButtonElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbInlineLinkCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof SbbButtonBaseElement;
+declare const SbbLinkButtonElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbInlineLinkCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType & import('../../core/mixins.js').SbbDisabledInteractiveMixinType> & typeof SbbButtonBaseElement;
 /**
  * It displays a link enhanced with the SBB Design, which will behave as a button.
  *

package/link/link-button.js

@@ -1,9 +1,9 @@
 import { customElement as l } from "lit/decorators.js";
 import { SbbButtonBaseElement as s } from "../core/base-elements.js";
-import { SbbFocusableDisabledActionMixin as p } from "../core/mixins.js";
+import { SbbDisabledTabIndexActionMixin as p } from "../core/mixins.js";
 import { SbbInlineLinkCommonElementMixin as f } from "./common.js";
-var u = Object.defineProperty, c = Object.getOwnPropertyDescriptor, v = (m, t, o, n) => {
-  for (var e = n > 1 ? void 0 : n ? c(t, o) : t, r = m.length - 1, b; r >= 0; r--)
+var u = Object.defineProperty, v = Object.getOwnPropertyDescriptor, _ = (m, t, o, n) => {
+  for (var e = n > 1 ? void 0 : n ? v(t, o) : t, r = m.length - 1, b; r >= 0; r--)
     (b = m[r]) && (e = (n ? b(t, o, e) : b(e)) || e);
   return n && e && u(t, o, e), e;
 };
@@ -11,7 +11,7 @@ let i = class extends f(
   p(s)
 ) {
 };
-i = v([
+i = _([
   l("sbb-link-button")
 ], i);
 export {

package/logo.js

@@ -1,7 +1,7 @@
 import { css as h, LitElement as g, html as n } from "lit";
 import { property as c, customElement as v } from "lit/decorators.js";
 import { SbbNegativeMixin as p } from "./core/mixins.js";
-const m = h`*,:before,:after{box-sizing:border-box}:host{display:block;height:var(--sbb-logo-height);--sbb-logo-panel-color: var(--sbb-color-red);--sbb-logo-panel-stroke-color: var(--sbb-color-red);--sbb-logo-signet-color: var(--sbb-color-white);--sbb-logo-word-mark-color: var(--sbb-color-black);--sbb-logo-aspect-ratio: 454 / 48;--sbb-logo-svg-container-width: 100%;--sbb-logo-svg-container-height: auto;--sbb-logo-background-color: none}@media (forced-colors: active){:host{--sbb-logo-panel-color: ButtonText !important;--sbb-logo-panel-stroke-color: ButtonText !important;--sbb-logo-signet-color: Canvas !important;--sbb-logo-word-mark-color: ButtonText !important}}:host([negative]){--sbb-logo-word-mark-color: var(--sbb-color-white)}:host([protective-room=minimal]){--sbb-logo-aspect-ratio: 502 / 96;--sbb-logo-svg-container-height: 50%}:host([protective-room=ideal]){--sbb-logo-aspect-ratio: 550 / 144;--sbb-logo-svg-container-height: calc(48 / 144 * 100%)}.sbb-logo{display:flex;align-items:center;justify-content:center;background-color:var(--sbb-logo-background-color);aspect-ratio:var(--sbb-logo-aspect-ratio);height:100%;width:100%}.sbb-logo .sbb-logo__svg-container{display:flex;height:var(--sbb-logo-svg-container-height)}.sbb-logo svg{width:100%;height:100%}#sbb-logo__word-mark{fill:var(--sbb-logo-word-mark-color)}#sbb-logo__panel{fill:var(--sbb-logo-panel-color);stroke:var(--sbb-logo-panel-stroke-color)}#sbb-logo__signet{fill:var(--sbb-logo-signet-color)}`;
+const m = h`*,:before,:after{box-sizing:border-box}:host{display:block;height:var(--sbb-logo-height);--sbb-logo-panel-color: var(--sbb-color-red);--sbb-logo-signet-color: var(--sbb-color-white);--sbb-logo-word-mark-color: var(--sbb-color-black);--sbb-logo-aspect-ratio: 454 / 48;--sbb-logo-svg-container-width: 100%;--sbb-logo-svg-container-height: auto;--sbb-logo-background-color: none}@media (forced-colors: active){:host{--sbb-logo-panel-color: ButtonText !important;--sbb-logo-signet-color: Canvas !important;--sbb-logo-word-mark-color: ButtonText !important}}:host([negative]){--sbb-logo-word-mark-color: var(--sbb-color-white)}:host([protective-room=minimal]){--sbb-logo-aspect-ratio: 502 / 96;--sbb-logo-svg-container-height: 50%}:host([protective-room=ideal]){--sbb-logo-aspect-ratio: 550 / 144;--sbb-logo-svg-container-height: calc(48 / 144 * 100%)}.sbb-logo{display:flex;align-items:center;justify-content:center;background-color:var(--sbb-logo-background-color);aspect-ratio:var(--sbb-logo-aspect-ratio);height:100%;width:100%}.sbb-logo .sbb-logo__svg-container{display:flex;height:var(--sbb-logo-svg-container-height)}.sbb-logo svg{width:100%;height:100%}#sbb-logo__word-mark{fill:var(--sbb-logo-word-mark-color)}#sbb-logo__panel{fill:var(--sbb-logo-panel-color);stroke:var(--sbb-logo-panel-color)}#sbb-logo__signet{fill:var(--sbb-logo-signet-color)}`;
 var d = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, a = (i, e, s, l) => {
   for (var o = l > 1 ? void 0 : l ? _(e, s) : e, r = i.length - 1, b; r >= 0; r--)
     (b = i[r]) && (o = (l ? b(e, s, o) : b(o)) || o);

package/map-container/map-container.d.ts

@@ -1,4 +1,4 @@
-import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
+import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
 /**
  * It can be used as a container for maps.
  *
@@ -9,15 +9,21 @@ import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
  * For specific use cases, this variable can be used to modify the preset height.
  * @cssprop [--sbb-map-container-sidebar-width=zero-large:400px;wide-ultra:480px] - Can be used
  * to modify the width of the left sidebar.
+ * @cssprop [--sbb-map-container-mobile-sticky-block-start=0] - If e.g. a header with a fixed height
+ * is placed before the map-container, the map should be sticky respecting
+ * this offset from the document's top. Only applied on mobile views.
+ * Most commonly it can be set to `var(--sbb-header-height)`.
  */
 export declare class SbbMapContainerElement extends LitElement {
     static styles: CSSResultGroup;
     /** Flag to show/hide the scroll up button inside the sidebar on mobile. */
     hideScrollUpButton: boolean;
     private _scrollUpButtonVisible;
-    private _intersector?;
     private _language;
     private _observer;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    protected firstUpdated(changedProperties: PropertyValues<this>): void;
+    private _intersector;
     /**
      * Button click callback to trigger the scroll to container top
      * @private
@@ -29,9 +35,6 @@ export declare class SbbMapContainerElement extends LitElement {
      * @private
      */
     private _toggleButtonVisibilityOnIntersect;
-    connectedCallback(): void;
-    private _updateIntersectionObserver;
-    disconnectedCallback(): void;
     protected render(): TemplateResult;
 }
 declare global {

package/map-container/map-container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"map-container.d.ts","sourceRoot":"","sources":["../../../src/elements/map-container/map-container.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAWhD,OAAO,8BAA8B,CAAC;AAEtC;;;;;;;;;;GAUG;AACH,qBACa,sBAAuB,SAAQ,UAAU;IACpD,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,2EAA2E;IAEpE,kBAAkB,UAAS;IAEzB,OAAO,CAAC,sBAAsB,CAAS;IAEhD,OAAO,CAAC,YAAY,CAAC,CAAkB;IACvC,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,SAAS,CAEf;IAEF;;;OAGG;IACH,OAAO,CAAC,oBAAoB;IAG5B;;;;OAIG;IACH,OAAO,CAAC,kCAAkC;IAQ1B,iBAAiB,IAAI,IAAI;IAKzC,OAAO,CAAC,2BAA2B;IAOnB,oBAAoB,IAAI,IAAI;cAKzB,MAAM,IAAI,cAAc;CAyC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}
+{"version":3,"file":"map-container.d.ts","sourceRoot":"","sources":["../../../src/elements/map-container/map-container.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAQhD,OAAO,8BAA8B,CAAC;AAEtC;;;;;;;;;;;;;;GAcG;AACH,qBACa,sBAAuB,SAAQ,UAAU;IACpD,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,2EAA2E;IAEpE,kBAAkB,UAAS;IAEzB,OAAO,CAAC,sBAAsB,CAAS;IAEhD,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,SAAS,CAGd;cAEgB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAczD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAO9E,OAAO,CAAC,YAAY;IAIpB;;;OAGG;IACH,OAAO,CAAC,oBAAoB;IAI5B;;;;OAIG;IACH,OAAO,CAAC,kCAAkC;cAQvB,MAAM,IAAI,cAAc;CA2B5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}

package/map-container.js

@@ -1,21 +1,34 @@
-import { css as m, LitElement as p, html as n, nothing as l } from "lit";
+import { IntersectionController as c } from "@lit-labs/observers/intersection-controller.js";
+import { css as d, LitElement as m, html as l, nothing as p } from "lit";
 import { property as h, state as u, customElement as v } from "lit/decorators.js";
-import { ref as d } from "lit/directives/ref.js";
 import { SbbLanguageController as _ } from "./core/controllers.js";
 import { i18nMapContainerButtonLabel as g } from "./core/i18n.js";
-import { AgnosticIntersectionObserver as w } from "./core/observers.js";
 import "./button/tertiary-button.js";
-const f = m`*,:before,:after{box-sizing:border-box}: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-color-white);--sbb-map-container-border-radius: var(--sbb-border-radius-4x);--sbb-map-container-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-4x) );--sbb-map-container-map-height: calc( var(--sbb-map-container-map-height-zero) + var(--sbb-map-container-border-radius) )}@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: 80rem){:host{--sbb-map-container-sidebar-width: 30rem}}.sbb-map-container{display:grid;grid-template-rows:auto auto}@media (min-width: 52.5rem){.sbb-map-container{grid-template-columns:max(var(--sbb-map-container-sidebar-width)) calc(100% - var(--sbb-map-container-sidebar-width));height:calc(100vh - var(--sbb-map-container-margin-start, var(--sbb-header-height)))}}.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([data-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: 52.5rem){.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: var(--sbb-color-black-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-black-alpha-60);--sbb-scrollbar-track-color: var(--sbb-color-cloud);--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: 52.5rem){.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-color-cloud)}}.sbb-map-container__map{position:sticky;inset-block-start:0;inset-inline:0;grid-row:1/2;grid-column:1/3}@media (max-width: 52.4375rem){.sbb-map-container__map{height:var(--sbb-map-container-map-height)}}@media (min-width: 52.5rem){.sbb-map-container__map{grid-row:1/3;grid-column:2/3;position:relative}}`;
-var k = Object.defineProperty, y = Object.getOwnPropertyDescriptor, c = (r, t, i, b) => {
-  for (var a = b > 1 ? void 0 : b ? y(t, i) : t, s = r.length - 1, e; s >= 0; s--)
-    (e = r[s]) && (a = (b ? e(t, i, a) : e(a)) || a);
-  return b && a && k(t, i, a), a;
+const w = d`*,:before,:after{box-sizing:border-box}: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-color-white);--sbb-map-container-border-radius: var(--sbb-border-radius-4x);--sbb-map-container-animation-duration: var( --sbb-disable-animation-zero-time, 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: 80rem){:host{--sbb-map-container-sidebar-width: 30rem}}.sbb-map-container{display:grid;grid-template-rows:auto auto}@media (min-width: 52.5rem){.sbb-map-container{grid-template-columns:max(var(--sbb-map-container-sidebar-width)) calc(100% - var(--sbb-map-container-sidebar-width));height:calc(100vh - var(--sbb-map-container-margin-start, var(--sbb-header-height)))}}.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([data-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: 52.5rem){.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: var(--sbb-color-black-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-black-alpha-60);--sbb-scrollbar-track-color: var(--sbb-color-cloud);--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: 52.5rem){.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-color-cloud)}}.sbb-map-container__map{position:sticky;inset-block-start:0;inset-inline:0;grid-row:1/2;grid-column:1/3}@media (max-width: 52.4375rem){.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: 52.5rem){.sbb-map-container__map{grid-row:1/3;grid-column:2/3;position:relative}}`;
+var f = Object.defineProperty, k = Object.getOwnPropertyDescriptor, n = (r, a, i, b) => {
+  for (var t = b > 1 ? void 0 : b ? k(a, i) : a, s = r.length - 1, e; s >= 0; s--)
+    (e = r[s]) && (t = (b ? e(a, i, t) : e(t)) || t);
+  return b && t && f(a, i, t), t;
 };
-let o = class extends p {
+let o = class extends m {
   constructor() {
-    super(...arguments), this.hideScrollUpButton = !1, this._scrollUpButtonVisible = !1, this._language = new _(this), this._observer = new w(
-      (r) => this._toggleButtonVisibilityOnIntersect(r)
-    );
+    super(...arguments), this.hideScrollUpButton = !1, this._scrollUpButtonVisible = !1, this._language = new _(this), this._observer = new c(this, {
+      target: null,
+      callback: (r) => this._toggleButtonVisibilityOnIntersect(r)
+    });
+  }
+  willUpdate(r) {
+    if (super.willUpdate(r), r.has("hideScrollUpButton")) {
+      const a = this._intersector();
+      !this.hideScrollUpButton && a ? this._observer.observe(a) : a && this._observer.unobserve(a);
+    }
+  }
+  firstUpdated(r) {
+    super.firstUpdated(r), this.hideScrollUpButton || this._observer.observe(this._intersector());
+  }
+  _intersector() {
+    var r;
+    return ((r = this.shadowRoot) == null ? void 0 : r.querySelector("#intersector")) ?? null;
   }
   /**
    * Button click callback to trigger the scroll to container top
@@ -30,44 +43,29 @@ let o = class extends p {
    * @private
    */
   _toggleButtonVisibilityOnIntersect(r) {
-    r.forEach((t) => {
-      const i = !t.isIntersecting;
+    r.forEach((a) => {
+      const i = !a.isIntersecting;
       this.toggleAttribute("data-scroll-up-button-visible", i), this._scrollUpButtonVisible = i;
     });
   }
-  connectedCallback() {
-    super.connectedCallback(), this._updateIntersectionObserver();
-  }
-  _updateIntersectionObserver() {
-    this._observer.disconnect(), !this.hideScrollUpButton && this._intersector && this._observer.observe(this._intersector);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this._observer.disconnect();
-  }
   render() {
-    return n`
+    return l`
       <div class="sbb-map-container">
         <div class="sbb-map-container__map">
           <slot name="map"></slot>
         </div>
         <div class="sbb-map-container__sidebar">
-          ${this.hideScrollUpButton ? l : n`<span
-                ${d((r) => {
-      this._intersector !== r && (this._intersector = r, this._updateIntersectionObserver());
-    })}
-              ></span>`}
+          <span id="intersector"></span>
 
           <slot></slot>
 
-          ${this.hideScrollUpButton ? l : n`<sbb-tertiary-button
+          ${this.hideScrollUpButton ? p : l`<sbb-tertiary-button
                 class="sbb-map-container__sidebar-button"
                 size="l"
                 icon-name="location-pin-map-small"
                 type="button"
                 @click=${() => this._onScrollButtonClick()}
-                ${d((r) => {
-      r && (r.inert = !this._scrollUpButtonVisible);
-    })}
+                .inert=${!this._scrollUpButtonVisible}
               >
                 ${g[this._language.current]}
               </sbb-tertiary-button>`}
@@ -76,14 +74,14 @@ let o = class extends p {
     `;
   }
 };
-o.styles = f;
-c([
+o.styles = w;
+n([
   h({ attribute: "hide-scroll-up-button", reflect: !0, type: Boolean })
 ], o.prototype, "hideScrollUpButton", 2);
-c([
+n([
   u()
 ], o.prototype, "_scrollUpButtonVisible", 2);
-o = c([
+o = n([
   v("sbb-map-container")
 ], o);
 export {

package/menu/common/menu-action-common.d.ts

@@ -1,9 +1,8 @@
 import { SbbActionBaseElement } from '../../core/base-elements.js';
 import { AbstractConstructor, SbbDisabledMixinType } from '../../core/mixins.js';
 import { SbbIconNameMixinType } from '../../icon.js';
-export declare class SbbMenuActionCommonElementMixinType implements Partial<SbbDisabledMixinType>, Partial<SbbIconNameMixinType> {
+export declare class SbbMenuActionCommonElementMixinType extends SbbDisabledMixinType implements Partial<SbbIconNameMixinType> {
     amount?: string;
-    disabled: boolean;
     iconName?: string;
 }
 export declare const SbbMenuActionCommonElementMixin: <T extends AbstractConstructor<SbbActionBaseElement>>(superClass: T) => AbstractConstructor<SbbMenuActionCommonElementMixinType> & T;

package/menu/common/menu-action-common.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-action-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/menu/common/menu-action-common.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EAC1B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAoB,KAAK,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAI5E,MAAM,CAAC,OAAO,OAAO,mCACnB,YAAW,OAAO,CAAC,oBAAoB,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC;IAEhE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CAC1B;AAGD,eAAO,MAAM,+BAA+B,GAC1C,CAAC,SAAS,mBAAmB,CAAC,oBAAoB,CAAC,cAEvC,CAAC,KACZ,mBAAmB,CAAC,mCAAmC,CAAC,GAAG,CA0B7D,CAAC"}
+{"version":3,"file":"menu-action-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/menu/common/menu-action-common.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EAC1B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAoB,KAAK,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAI5E,MAAM,CAAC,OAAO,OAAO,mCACnB,SAAQ,oBACR,YAAW,OAAO,CAAC,oBAAoB,CAAC;IAEjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CAC1B;AAGD,eAAO,MAAM,+BAA+B,GAC1C,CAAC,SAAS,mBAAmB,CAAC,oBAAoB,CAAC,cAEvC,CAAC,KACZ,mBAAmB,CAAC,mCAAmC,CAAC,GAAG,CA0B7D,CAAC"}

package/menu/menu/menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../src/elements/menu/menu/menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAYrE,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAUtE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;;AAkB1D;;;;;;;;;;;GAWG;AACH,qBACa,cAAe,SAAQ,mBAGV;IACxB,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,mBAA4B,mBAAmB,WAAwC;IAEvF;;;OAGG;IACH,IACW,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,EAIpD;IACD,IAAW,OAAO,IAAI,MAAM,GAAG,WAAW,GAAG,IAAI,CAEhD;IACD,OAAO,CAAC,QAAQ,CAAqC;IAErD;;;OAGG;IACyD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAE5F,OAAO,CAAC,KAAK,CAAkB;IAC/B,OAAO,CAAC,eAAe,CAA4B;IACnD,OAAO,CAAC,yBAAyB,CAAkB;IACnD,OAAO,CAAC,eAAe,CAAmB;IAC1C,OAAO,CAAC,uBAAuB,CAAmB;IAClD,OAAO,CAAC,MAAM,CAAyC;IACvD,OAAO,CAAC,aAAa,CAAyB;IAC9C,OAAO,CAAC,cAAc,CAA0B;IAChD,OAAO,CAAC,gBAAgB,CAAgC;IAExD;;OAEG;IACI,IAAI,IAAI,IAAI;IAmBnB;;OAEG;IACI,KAAK,IAAI,IAAI;IAapB;;OAEG;IACH,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,cAAc;YAmBR,eAAe;IAY7B,OAAO,CAAC,2BAA2B;IAWnB,iBAAiB,IAAI,IAAI;IAgBzB,oBAAoB,IAAI,IAAI;IAQ5C,OAAO,CAAC,cAAc;IAmBtB,OAAO,CAAC,UAAU;IAsBlB,OAAO,CAAC,mBAAmB;IAwB3B,OAAO,CAAC,+BAA+B;IAQvC,OAAO,CAAC,oBAAoB,CAE1B;IAGF,OAAO,CAAC,qBAAqB,CAI3B;IAMF,OAAO,CAAC,mBAAmB;IA8B3B,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,gBAAgB;cAyBL,MAAM,IAAI,cAAc;CAqB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../src/elements/menu/menu/menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAYrE,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAUtE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;;AAkB1D;;;;;;;;;;;GAWG;AACH,qBACa,cAAe,SAAQ,mBAGV;IACxB,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,mBAA4B,mBAAmB,WAAwC;IAEvF;;;OAGG;IACH,IACW,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,EAIpD;IACD,IAAW,OAAO,IAAI,MAAM,GAAG,WAAW,GAAG,IAAI,CAEhD;IACD,OAAO,CAAC,QAAQ,CAAqC;IAErD;;;OAGG;IACyD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAE5F,OAAO,CAAC,KAAK,CAAkB;IAC/B,OAAO,CAAC,eAAe,CAA4B;IACnD,OAAO,CAAC,yBAAyB,CAAkB;IACnD,OAAO,CAAC,eAAe,CAAmB;IAC1C,OAAO,CAAC,uBAAuB,CAAmB;IAClD,OAAO,CAAC,MAAM,CAAyC;IACvD,OAAO,CAAC,aAAa,CAAyB;IAC9C,OAAO,CAAC,cAAc,CAA0B;IAChD,OAAO,CAAC,gBAAgB,CAAgC;IAExD;;OAEG;IACI,IAAI,IAAI,IAAI;IAmBnB;;OAEG;IACI,KAAK,IAAI,IAAI;IAapB;;OAEG;IACH,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,cAAc;YAqBR,eAAe;IAY7B,OAAO,CAAC,2BAA2B;IAWnB,iBAAiB,IAAI,IAAI;IAgBzB,oBAAoB,IAAI,IAAI;IAQ5C,OAAO,CAAC,cAAc;IAmBtB,OAAO,CAAC,UAAU;IAsBlB,OAAO,CAAC,mBAAmB;IAwB3B,OAAO,CAAC,+BAA+B;IAQvC,OAAO,CAAC,oBAAoB,CAE1B;IAGF,OAAO,CAAC,qBAAqB,CAI3B;IAMF,OAAO,CAAC,mBAAmB;IA8B3B,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,gBAAgB;cAyBL,MAAM,IAAI,cAAc;CAqB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}

package/menu/menu-button/menu-button.d.ts

@@ -1,5 +1,5 @@
 import { SbbButtonBaseElement } from '../../core/base-elements.js';
-declare const SbbMenuButtonElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbMenuActionCommonElementMixinType> & typeof SbbButtonBaseElement;
+declare const SbbMenuButtonElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType & import('../../core/mixins.js').SbbDisabledInteractiveMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbMenuActionCommonElementMixinType> & typeof SbbButtonBaseElement;
 /**
  * It displays a button element that can be used in the `sbb-menu` component.
  *

package/menu/menu-button.js

@@ -1,19 +1,19 @@
-import { customElement as i } from "lit/decorators.js";
+import { customElement as s } from "lit/decorators.js";
 import { SbbButtonBaseElement as l } from "../core/base-elements.js";
-import { SbbFocusableDisabledActionMixin as p } from "../core/mixins.js";
-import { SbbMenuActionCommonElementMixin as u } from "./common.js";
-var f = Object.defineProperty, c = Object.getOwnPropertyDescriptor, v = (b, t, n, o) => {
-  for (var e = o > 1 ? void 0 : o ? c(t, n) : t, r = b.length - 1, m; r >= 0; r--)
-    (m = b[r]) && (e = (o ? m(t, n, e) : m(e)) || e);
-  return o && e && f(t, n, e), e;
+import { SbbDisabledTabIndexActionMixin as p } from "../core/mixins.js";
+import { SbbMenuActionCommonElementMixin as f } from "./common.js";
+var u = Object.defineProperty, c = Object.getOwnPropertyDescriptor, v = (b, t, o, n) => {
+  for (var e = n > 1 ? void 0 : n ? c(t, o) : t, r = b.length - 1, m; r >= 0; r--)
+    (m = b[r]) && (e = (n ? m(t, o, e) : m(e)) || e);
+  return n && e && u(t, o, e), e;
 };
-let s = class extends p(
-  u(l)
+let i = class extends p(
+  f(l)
 ) {
 };
-s = v([
-  i("sbb-menu-button")
-], s);
+i = v([
+  s("sbb-menu-button")
+], i);
 export {
-  s as SbbMenuButtonElement
+  i as SbbMenuButtonElement
 };

package/menu/menu-link/menu-link.d.ts

@@ -1,5 +1,5 @@
 import { SbbLinkBaseElement } from '../../core/base-elements.js';
-declare const SbbMenuLinkElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbMenuActionCommonElementMixinType> & typeof SbbLinkBaseElement;
+declare const SbbMenuLinkElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledInteractiveMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbMenuActionCommonElementMixinType> & typeof SbbLinkBaseElement;
 /**
  * It displays a link element that can be used in the `sbb-menu` component.
  *

package/menu/menu-link/menu-link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-link.d.ts","sourceRoot":"","sources":["../../../../src/elements/menu/menu-link/menu-link.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;;AAGjE;;;;;;;GAOG;AACH,qBACa,kBAAmB,SAAQ,uBAAmD;CAAG;AAE9F,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF"}
+{"version":3,"file":"menu-link.d.ts","sourceRoot":"","sources":["../../../../src/elements/menu/menu-link/menu-link.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;;AAIjE;;;;;;;GAOG;AACH,qBACa,kBAAmB,SAAQ,uBAEvC;CAAG;AAEJ,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF"}

package/menu/menu-link.js

@@ -1,16 +1,19 @@
-import { customElement as s } from "lit/decorators.js";
-import { SbbLinkBaseElement as i } from "../core/base-elements.js";
-import { SbbMenuActionCommonElementMixin as p } from "./common.js";
-var f = Object.defineProperty, u = Object.getOwnPropertyDescriptor, v = (b, n, m, r) => {
-  for (var e = r > 1 ? void 0 : r ? u(n, m) : n, t = b.length - 1, o; t >= 0; t--)
-    (o = b[t]) && (e = (r ? o(n, m, e) : o(e)) || e);
-  return r && e && f(n, m, e), e;
+import { customElement as l } from "lit/decorators.js";
+import { SbbLinkBaseElement as s } from "../core/base-elements.js";
+import { SbbDisabledInteractiveMixin as p } from "../core/mixins.js";
+import { SbbMenuActionCommonElementMixin as f } from "./common.js";
+var v = Object.defineProperty, c = Object.getOwnPropertyDescriptor, u = (i, r, t, n) => {
+  for (var e = n > 1 ? void 0 : n ? c(r, t) : r, m = i.length - 1, o; m >= 0; m--)
+    (o = i[m]) && (e = (n ? o(r, t, e) : o(e)) || e);
+  return n && e && v(r, t, e), e;
 };
-let l = class extends p(i) {
+let b = class extends p(
+  f(s)
+) {
 };
-l = v([
-  s("sbb-menu-link")
-], l);
+b = u([
+  l("sbb-menu-link")
+], b);
 export {
-  l as SbbMenuLinkElement
+  b as SbbMenuLinkElement
 };

package/menu/menu.js

@@ -4,9 +4,9 @@ import { ref as v } from "lit/directives/ref.js";
 import { SbbFocusHandler as _, isArrowKeyPressed as p, interactivityChecker as f, getNextElementIndex as w, setModalityOnNextFocus as c, IS_FOCUSABLE_QUERY as E } from "../core/a11y.js";
 import { SbbOpenCloseBaseElement as x } from "../core/base-elements.js";
 import { SbbConnectedAbortController as y, SbbInertController as k } from "../core/controllers.js";
-import { SbbScrollHandler as C, isBreakpoint as h, findReferencedElement as L } from "../core/dom.js";
+import { SbbScrollHandler as C, isBreakpoint as d, findReferencedElement as L } from "../core/dom.js";
 import { SbbNamedSlotListMixin as O } from "../core/mixins.js";
-import { isEventOnElement as d, removeAriaOverlayTriggerAttributes as S, setAriaOverlayTriggerAttributes as N, getElementPosition as B } from "../core/overlay.js";
+import { isEventOnElement as h, removeAriaOverlayTriggerAttributes as S, setAriaOverlayTriggerAttributes as N, getElementPosition as B } from "../core/overlay.js";
 const A = u`*,:before,:after{box-sizing:border-box}:host{display:contents;--sbb-menu-position-x: 0;--sbb-menu-position-y: 0;--sbb-menu-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-6x) );--sbb-menu-animation-easing: ease;--sbb-menu-transform: translateY(100%);--sbb-menu-max-width: 100%;--sbb-menu-min-width: 100%;--sbb-menu-inset: 0 auto auto 0;--sbb-menu-container-height: 100vh;--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}@supports (height: 100dvh){:host{--sbb-menu-container-height: 100dvh}}@media (min-width: 52.5rem){:host{--sbb-menu-transform: translateY(var(--sbb-spacing-fixed-2x));--sbb-menu-max-width: 20rem;--sbb-menu-min-width: 11.25rem}}:host(:is([data-state=opened],[data-state=opening])){--sbb-menu-visibility: visible;--sbb-menu-backdrop-color: var(--sbb-color-black-alpha-20)}@media (min-width: 52.5rem){:host(:is([data-state=opened],[data-state=opening])){--sbb-menu-backdrop-color: transparent}}:host(:not([data-state=closed])){--sbb-menu-inset: 0}::slotted(:not(sbb-menu-button,sbb-menu-link,sbb-divider)){display:block;padding-inline:var(--sbb-spacing-fixed-5x)}::slotted(sbb-divider){--sbb-divider-color: var(--sbb-color-iron);margin-block:var(--sbb-spacing-fixed-2x)}.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}.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-color-white);border:none;border-radius:var(--sbb-menu-border-radius) var(--sbb-menu-border-radius) 0 0;background-color:var(--sbb-color-black);padding:0;overflow:hidden}:host([data-state]:not([data-state=closed])) .sbb-menu{display:block;opacity:1;pointer-events:all;animation-name:open;animation-duration:var(--sbb-menu-animation-duration);animation-timing-function:var(--sbb-menu-animation-easing)}:host([data-state][data-state=closing]) .sbb-menu{pointer-events:none;animation-name:close}@media (forced-colors: active){.sbb-menu{outline:var(--sbb-border-width-1x) solid CanvasText}}@media (min-width: 52.5rem){.sbb-menu{top:0;bottom:unset;left:0;right:unset;max-height:fit-content;border-radius:var(--sbb-menu-border-radius)}:host(:not([data-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-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: var(--sbb-color-white-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-white-alpha-60);--sbb-scrollbar-track-color: transparent;--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: 52.5rem){.sbb-menu__content{max-height:fit-content}:host(:not([data-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}}.sbb-menu-list{list-style:none;margin:0;padding:0;font-size:inherit}@keyframes open{0%{opacity:0;transform:var(--sbb-menu-transform)}to{opacity:1;transform:translateY(0)}}@keyframes close{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:var(--sbb-menu-transform)}}`;
 var T = Object.defineProperty, P = Object.getOwnPropertyDescriptor, b = (e, t, n, s) => {
   for (var i = s > 1 ? void 0 : s ? P(t, n) : t, o = e.length - 1, a; o >= 0; o--)
@@ -26,9 +26,9 @@ const I = 8, M = [
 let K = 0, r = class extends O(x) {
   constructor() {
     super(...arguments), this.listChildLocalNames = ["sbb-menu-button", "sbb-menu-link"], this._trigger = null, this._triggerElement = null, this._isPointerDownEventOnMenu = !1, this._abort = new y(this), this._focusHandler = new _(), this._scrollHandler = new C(), this._inertController = new k(this), this._pointerDownListener = (e) => {
-      this._isPointerDownEventOnMenu = d(this._menu, e);
+      this._isPointerDownEventOnMenu = h(this._menu, e);
     }, this._closeOnBackdropClick = (e) => {
-      !this._isPointerDownEventOnMenu && !d(this._menu, e) && this.close();
+      !this._isPointerDownEventOnMenu && !h(this._menu, e) && this.close();
     };
   }
   set trigger(e) {
@@ -43,7 +43,7 @@ let K = 0, r = class extends O(x) {
    */
   open() {
     var e;
-    this.state === "closing" || !this._menu || this.willOpen.emit() && (this.state = "opening", this._setMenuPosition(), (e = this._triggerElement) == null || e.setAttribute("aria-expanded", "true"), h("medium") || this._scrollHandler.disableScroll());
+    this.state === "closing" || !this._menu || this.willOpen.emit() && (this.state = "opening", this._setMenuPosition(), (e = this._triggerElement) == null || e.setAttribute("aria-expanded", "true"), d("medium") || this._scrollHandler.disableScroll());
   }
   /**
    * Closes the menu.
@@ -67,7 +67,9 @@ let K = 0, r = class extends O(x) {
       this.querySelectorAll(
         "sbb-menu-button, sbb-menu-link"
       )
-    ).filter((i) => f.isVisible(i)), n = t.findIndex((i) => i === e.target), s = w(e, n, t.length);
+    ).filter(
+      (i) => (!i.disabled || i.disabledInteractive) && f.isVisible(i)
+    ), n = t.findIndex((i) => i === e.target), s = w(e, n, t.length);
     t[s].focus();
   }
   // Closes the menu on "Esc" key pressed and traps focus within the menu.
@@ -146,7 +148,7 @@ let K = 0, r = class extends O(x) {
   }
   // Set menu position and max height if the breakpoint is medium-ultra.
   _setMenuPosition() {
-    if (!h("medium") || !this._menu || !this._triggerElement || this.state === "closing")
+    if (!d("medium") || !this._menu || !this._triggerElement || this.state === "closing")
       return;
     const e = B(
       this.shadowRoot.querySelector(".sbb-menu__content"),

package/navigation/navigation/navigation.d.ts

@@ -43,8 +43,8 @@ export declare class SbbNavigationElement extends SbbNavigationElement_base {
     private _scrollHandler;
     private _isPointerDownEventOnNavigation;
     private _resizeObserverTimeout;
-    private _navigationObserver;
     private _navigationResizeObserver;
+    constructor();
     /**
      * Opens the navigation.
      */

package/navigation/navigation/navigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../../../src/elements/navigation/navigation/navigation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAM1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAqBtE,OAAO,oCAAoC,CAAC;;AAW5C;;;;;;;;;;;GAWG;AACH,qBAIa,oBAAqB,SAAQ,yBAAgD;IACxF,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;OAGG;IACH,IACW,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,EAIpD;IACD,IAAW,OAAO,IAAI,MAAM,GAAG,WAAW,GAAG,IAAI,CAEhD;IACD,OAAO,CAAC,QAAQ,CAAqC;IAErD;;OAEG;IAC0D,uBAAuB,EAChF,MAAM,GACN,SAAS,CAAC;IAEd;;OAEG;IACM,OAAO,CAAC,wBAAwB,CAA4B;IAErE,IAAW,uBAAuB,IAAI,WAAW,GAAG,IAAI,CAEvD;IAED,OAAO,CAAC,WAAW,CAAkB;IACrC,OAAO,CAAC,yBAAyB,CAAe;IAChD,OAAO,CAAC,eAAe,CAA4B;IACnD,OAAO,CAAC,qBAAqB,CAAmB;IAChD,OAAO,CAAC,uBAAuB,CAAmB;IAClD,OAAO,CAAC,MAAM,CAAyC;IACvD,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,gBAAgB,CAAgC;IACxD,OAAO,CAAC,aAAa,CAAyB;IAC9C,OAAO,CAAC,cAAc,CAA0B;IAChD,OAAO,CAAC,+BAA+B,CAAkB;IACzD,OAAO,CAAC,sBAAsB,CAA8C;IAC5E,OAAO,CAAC,mBAAmB,CAEzB;IACF,OAAO,CAAC,yBAAyB,CAAgE;IAEjG;;OAEG;IACI,IAAI,IAAI,IAAI;IAkBnB,OAAO,CAAC,mBAAmB;IAO3B,OAAO,CAAC,mBAAmB;IAO3B;;OAEG;IACI,KAAK,IAAI,IAAI;IAcpB,OAAO,CAAC,2BAA2B;IAYnC,OAAO,CAAC,UAAU;IAqBlB,OAAO,CAAC,gBAAgB,CAEtB;IAIF,OAAO,CAAC,eAAe;IA4BvB,OAAO,CAAC,aAAa;IASrB,OAAO,CAAC,mBAAmB;IAO3B,OAAO,CAAC,sBAAsB;IAS9B,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,oBAAoB,CAS1B;IAGF,OAAO,CAAC,qBAAqB,CAI3B;IAGF,OAAO,CAAC,0BAA0B;IAWlC,OAAO,CAAC,mBAAmB;IAkBX,iBAAiB,IAAI,IAAI;IAYzB,oBAAoB,IAAI,IAAI;cAUzB,MAAM,IAAI,cAAc;CAqC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,oBAAoB,CAAC;KACxC;CACF"}
+{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../../../src/elements/navigation/navigation/navigation.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAM1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAoBtE,OAAO,oCAAoC,CAAC;;AAW5C;;;;;;;;;;;GAWG;AACH,qBAIa,oBAAqB,SAAQ,yBAAgD;IACxF,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;OAGG;IACH,IACW,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,EAIpD;IACD,IAAW,OAAO,IAAI,MAAM,GAAG,WAAW,GAAG,IAAI,CAEhD;IACD,OAAO,CAAC,QAAQ,CAAqC;IAErD;;OAEG;IAC0D,uBAAuB,EAChF,MAAM,GACN,SAAS,CAAC;IAEd;;OAEG;IACM,OAAO,CAAC,wBAAwB,CAA4B;IAErE,IAAW,uBAAuB,IAAI,WAAW,GAAG,IAAI,CAEvD;IAED,OAAO,CAAC,WAAW,CAAkB;IACrC,OAAO,CAAC,yBAAyB,CAAe;IAChD,OAAO,CAAC,eAAe,CAA4B;IACnD,OAAO,CAAC,qBAAqB,CAAmB;IAChD,OAAO,CAAC,uBAAuB,CAAmB;IAClD,OAAO,CAAC,MAAM,CAAyC;IACvD,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,gBAAgB,CAAgC;IACxD,OAAO,CAAC,aAAa,CAAyB;IAC9C,OAAO,CAAC,cAAc,CAA0B;IAChD,OAAO,CAAC,+BAA+B,CAAkB;IACzD,OAAO,CAAC,sBAAsB,CAA8C;IAC5E,OAAO,CAAC,yBAAyB,CAG9B;;IAYH;;OAEG;IACI,IAAI,IAAI,IAAI;IAkBnB,OAAO,CAAC,mBAAmB;IAO3B,OAAO,CAAC,mBAAmB;IAO3B;;OAEG;IACI,KAAK,IAAI,IAAI;IAcpB,OAAO,CAAC,2BAA2B;IAYnC,OAAO,CAAC,UAAU;IAqBlB,OAAO,CAAC,gBAAgB,CAEtB;IAIF,OAAO,CAAC,eAAe;IA4BvB,OAAO,CAAC,aAAa;IASrB,OAAO,CAAC,mBAAmB;IAO3B,OAAO,CAAC,sBAAsB;IAS9B,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,oBAAoB,CAS1B;IAGF,OAAO,CAAC,qBAAqB,CAI3B;IAGF,OAAO,CAAC,0BAA0B;IAWlC,OAAO,CAAC,mBAAmB;IAkBX,iBAAiB,IAAI,IAAI;IAWzB,oBAAoB,IAAI,IAAI;cAQzB,MAAM,IAAI,cAAc;CAqC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,oBAAoB,CAAC;KACxC;CACF"}

package/navigation/navigation-marker/navigation-marker.d.ts

@@ -16,12 +16,11 @@ export declare class SbbNavigationMarkerElement extends SbbNavigationMarkerEleme
      */
     size?: 'l' | 's';
     private _currentActiveAction?;
-    private _navigationMarkerResizeObserver;
+    constructor();
     protected willUpdate(changedProperties: PropertyValues<WithListChildren<this>>): void;
     private _updateMarkerActions;
     connectedCallback(): void;
     private _checkActiveAction;
-    disconnectedCallback(): void;
     select(action: SbbNavigationButtonElement | SbbNavigationLinkElement): void;
     protected firstUpdated(changedProperties: PropertyValues<WithListChildren<this>>): void;
     reset(): void;

package/navigation/navigation-marker/navigation-marker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-marker.d.ts","sourceRoot":"","sources":["../../../../src/elements/navigation/navigation-marker/navigation-marker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGhG,OAAO,EAAyB,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAEpF,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;;AAItE;;;;GAIG;AACH,qBACa,0BAA2B,SAAQ,+BAGnC;IACX,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,mBAA4B,mBAAmB,WAG7C;IAEF;;OAEG;IACiC,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAO;IAElD,OAAO,CAAC,oBAAoB,CAAC,CAAwD;IAE9F,OAAO,CAAC,+BAA+B,CAErC;cAEiB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;IAS9F,OAAO,CAAC,oBAAoB;IAWZ,iBAAiB,IAAI,IAAI;IAMzC,OAAO,CAAC,kBAAkB;IASV,oBAAoB,IAAI,IAAI;IAKrC,MAAM,CAAC,MAAM,EAAE,0BAA0B,GAAG,wBAAwB,GAAG,IAAI;cAU/D,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;IAMzF,KAAK,IAAI,IAAI;IAQpB,OAAO,CAAC,kBAAkB;cAcP,MAAM,IAAI,cAAc;CAG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,0BAA0B,CAAC;KACrD;CACF"}
+{"version":3,"file":"navigation-marker.d.ts","sourceRoot":"","sources":["../../../../src/elements/navigation/navigation-marker/navigation-marker.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGhG,OAAO,EAAyB,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACpF,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;;AAItE;;;;GAIG;AACH,qBACa,0BAA2B,SAAQ,+BAGnC;IACX,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,mBAA4B,mBAAmB,WAG7C;IAEF;;OAEG;IACiC,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAO;IAE3D,OAAO,CAAC,oBAAoB,CAAC,CAAwD;;cAWlE,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;IAS9F,OAAO,CAAC,oBAAoB;IAWZ,iBAAiB,IAAI,IAAI;IAKzC,OAAO,CAAC,kBAAkB;IASnB,MAAM,CAAC,MAAM,EAAE,0BAA0B,GAAG,wBAAwB,GAAG,IAAI;cAU/D,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;IAMzF,KAAK,IAAI,IAAI;IAQpB,OAAO,CAAC,kBAAkB;cAcP,MAAM,IAAI,cAAc;CAG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,0BAA0B,CAAC;KACrD;CACF"}