@sbb-esta/lyne-elements 1.16.0 → 2.0.1

package/message.js

@@ -2,17 +2,17 @@ var z = (t) => {
   throw TypeError(t);
 };
 var k = (t, e, s) => e.has(t) || z("Cannot " + s);
-var m = (t, e, s) => (k(t, e, "read from private field"), s ? s.call(t) : e.get(t)), g = (t, e, s) => e.has(t) ? z("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, s), v = (t, e, s, i) => (k(t, e, "write to private field"), i ? i.call(t, s) : e.set(t, s), s);
+var m = (t, e, s) => (k(t, e, "read from private field"), s ? s.call(t) : e.get(t)), g = (t, e, s) => e.has(t) ? z("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, s), v = (t, e, s, l) => (k(t, e, "write to private field"), l ? l.call(t, s) : e.set(t, s), s);
 import { __esDecorate as d, __runInitializers as b } from "tslib";
 import { css as C, html as S, LitElement as w } from "lit";
 import { customElement as E, property as L } from "lit/decorators.js";
 import { forceType as I } from "./core/decorators.js";
 import "./title.js";
-const D = C`*,:before,:after{box-sizing:border-box}:host{--sbb-message-subtitle-color: var(--sbb-color-granite);--sbb-message-image-margin-block: 0 var(--sbb-spacing-responsive-s);--sbb-message-legend-margin-block: var(--sbb-spacing-responsive-xxxs) 0;--sbb-message-action-margin-block: var(--sbb-spacing-responsive-xxxs) 0;display:block}.sbb-message__container{text-align:center}.sbb-message__title{margin:0}::slotted([slot=title]){margin:0}::slotted([slot=image]){margin-block:var(--sbb-message-image-margin-block);width:100%}::slotted([slot=subtitle]){--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);color:var(--sbb-message-subtitle-color);margin:0}::slotted([slot=legend]){--sbb-text-font-size: var(--sbb-font-size-text-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);padding:0;color:var(--sbb-color-granite);margin-block:var(--sbb-message-legend-margin-block)}::slotted([slot=action]){margin-block:var(--sbb-message-action-margin-block)}`;
+const D = C`*,:before,:after{box-sizing:border-box}:host{--sbb-message-subtitle-color: var(--sbb-color-granite);--sbb-message-image-margin-block: 0 var(--sbb-spacing-responsive-s);--sbb-message-image-border-radius: var(--sbb-border-radius-4x);--sbb-message-legend-margin-block: var(--sbb-spacing-responsive-xxxs) 0;--sbb-message-action-margin-block: var(--sbb-spacing-responsive-xxxs) 0;display:block}.sbb-message__container{text-align:center}.sbb-message__title{margin:0}::slotted([slot=title]){margin:0}::slotted([slot=image]){display:block;margin-block:var(--sbb-message-image-margin-block)!important;width:100%}::slotted([slot=subtitle]){--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);color:var(--sbb-message-subtitle-color);margin:0}::slotted([slot=legend]){--sbb-text-font-size: var(--sbb-font-size-text-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);padding:0;color:var(--sbb-color-granite);margin-block:var(--sbb-message-legend-margin-block)}::slotted([slot=action]){margin-block:var(--sbb-message-action-margin-block)}`;
 let A = (() => {
   var n, r, a;
-  let t = [E("sbb-message")], e, s = [], i, f = w, p, _ = [], u = [], h, x = [], y = [];
-  return a = class extends f {
+  let t = [E("sbb-message")], e, s = [], l, p = w, f, _ = [], u = [], h, x = [], y = [];
+  return a = class extends p {
     constructor() {
       super(...arguments);
       g(this, n, b(this, _, ""));
@@ -46,14 +46,14 @@ let A = (() => {
       </div>
     `;
     }
-  }, n = new WeakMap(), r = new WeakMap(), i = a, (() => {
-    const o = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
-    p = [I(), L({ attribute: "title-content" })], h = [L({ attribute: "title-level" })], d(a, null, p, { kind: "accessor", name: "titleContent", static: !1, private: !1, access: { has: (l) => "titleContent" in l, get: (l) => l.titleContent, set: (l, c) => {
-      l.titleContent = c;
-    } }, metadata: o }, _, u), d(a, null, h, { kind: "accessor", name: "titleLevel", static: !1, private: !1, access: { has: (l) => "titleLevel" in l, get: (l) => l.titleLevel, set: (l, c) => {
-      l.titleLevel = c;
-    } }, metadata: o }, x, y), d(null, e = { value: i }, t, { kind: "class", name: i.name, metadata: o }, null, s), i = e.value, o && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: o });
-  })(), a.styles = D, b(i, s), i;
+  }, n = new WeakMap(), r = new WeakMap(), l = a, (() => {
+    const o = typeof Symbol == "function" && Symbol.metadata ? Object.create(p[Symbol.metadata] ?? null) : void 0;
+    f = [I(), L({ attribute: "title-content" })], h = [L({ attribute: "title-level" })], d(a, null, f, { kind: "accessor", name: "titleContent", static: !1, private: !1, access: { has: (i) => "titleContent" in i, get: (i) => i.titleContent, set: (i, c) => {
+      i.titleContent = c;
+    } }, metadata: o }, _, u), d(a, null, h, { kind: "accessor", name: "titleLevel", static: !1, private: !1, access: { has: (i) => "titleLevel" in i, get: (i) => i.titleLevel, set: (i, c) => {
+      i.titleLevel = c;
+    } }, metadata: o }, x, y), d(null, e = { value: l }, t, { kind: "class", name: l.name, metadata: o }, null, s), l = e.value, o && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: o });
+  })(), a.styles = D, b(l, s), l;
 })();
 export {
   A as SbbMessageElement

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

@@ -1 +1 @@
-{"version":3,"file":"navigation-action-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/navigation/common/navigation-action-common.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAExE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAGhE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAI5E,OAAO,eAAe,CAAC;AAEvB,MAAM,MAAM,uBAAuB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEtD,MAAM,CAAC,OAAO,OAAO,yCAAyC;IAC5D,SAAgB,IAAI,EAAE,uBAAuB,CAAC;IAC9C,IAAW,MAAM,IAAI,0BAA0B,GAAG,IAAI,CAAC;IACvD,IAAW,OAAO,IAAI,2BAA2B,GAAG,IAAI,CAAC;IAClD,gBAAgB,EAAE,2BAA2B,GAAG,IAAI,CAAC;CAC7D;AAGD,eAAO,MAAM,qCAAqC,GAChD,CAAC,SAAS,mBAAmB,CAAC,oBAAoB,CAAC,cAEvC,CAAC,KACZ,mBAAmB,CAAC,yCAAyC,CAAC,GAAG,CA4DnE,CAAC"}
+{"version":3,"file":"navigation-action-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/navigation/common/navigation-action-common.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAGxE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAGhE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAI5E,OAAO,eAAe,CAAC;AAEvB,MAAM,MAAM,uBAAuB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEtD,MAAM,CAAC,OAAO,OAAO,yCAAyC;IAC5D,SAAgB,IAAI,EAAE,uBAAuB,CAAC;IAC9C,IAAW,MAAM,IAAI,0BAA0B,GAAG,IAAI,CAAC;IACvD,IAAW,OAAO,IAAI,2BAA2B,GAAG,IAAI,CAAC;IAClD,gBAAgB,EAAE,2BAA2B,GAAG,IAAI,CAAC;CAC7D;AAGD,eAAO,MAAM,qCAAqC,GAChD,CAAC,SAAS,mBAAmB,CAAC,oBAAoB,CAAC,cAEvC,CAAC,KACZ,mBAAmB,CAAC,yCAAyC,CAAC,GAAG,CAiEnE,CAAC"}

package/navigation/common.js

@@ -7,18 +7,22 @@ import { __runInitializers as u, __esDecorate as m } from "tslib";
 import { property as p } from "lit/decorators.js";
 import { html as y } from "lit/static-html.js";
 import { SbbConnectedAbortController as z } from "../core/controllers.js";
-import { css as k } from "lit";
+import { isLean as k } from "../core/dom.js";
+import { css as x } from "lit";
 import "../icon.js";
-const x = k`*,:before,:after{box-sizing:border-box}:host{--sbb-navigation-action-color: var(--sbb-color-cloud);--sbb-navigation-action-icon-display: none;display:block;outline:none!important}:host([data-section-action][data-action-active].sbb-active){--sbb-navigation-action-icon-display: block}:host([data-action-active]){--sbb-navigation-action-color: var(--sbb-color-storm)}@media (forced-colors: active){:host([data-action-active]){--sbb-navigation-action-color: Highlight}}sbb-icon{display:var(--sbb-navigation-action-icon-display);position:absolute;inset-inline-start:calc((var(--sbb-size-icon-ui-small) + var(--sbb-spacing-fixed-1x)) * -1);inset-block-start:calc(1em * var(--sbb-typo-line-height-body-text) / 2);transform:translateY(-50%)}@media (any-hover: hover){:host(:hover){--sbb-navigation-action-color: var(--sbb-color-storm)}}@media (forced-colors: active){:host([role=button]){--sbb-navigation-action-color: ButtonText}}:is(.sbb-navigation-button,.sbb-navigation-link){--sbb-title-line-height: var(--sbb-typo-line-height-titles);--sbb-title-margin-block-start: 0;--sbb-title-margin-block-end: 0;margin:0;margin-block:var(--sbb-title-margin-block-start) var(--sbb-title-margin-block-end);font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height);letter-spacing:var(--sbb-typo-letter-spacing-titles);font-size:var(--sbb-title-font-size);--sbb-title-font-size: var(--sbb-font-size-title-4);cursor:pointer;position:relative;text-decoration:none;display:flex;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:color var(--sbb-disable-animation-zero-time, var(--sbb-animation-duration-3x)) ease;-webkit-hyphens:auto;hyphens:auto;text-align:left;color:var(--sbb-navigation-action-color);outline:none}@media (forced-colors: active){:is(.sbb-navigation-button,.sbb-navigation-link){transition:none}}:host([size=m]) :is(.sbb-navigation-button,.sbb-navigation-link){--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);font-weight:700}:host([size=s]) :is(.sbb-navigation-button,.sbb-navigation-link){--sbb-text-font-size: var(--sbb-font-size-text-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);font-weight:700}:host(:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch])) :is(.sbb-navigation-button,.sbb-navigation-link),:host(:not([data-focus-origin=mouse],[data-focus-origin=touch])) :is(.sbb-navigation-button,.sbb-navigation-link):focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);border-radius:calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset))}`, I = (t) => (() => {
+const _ = x`*,:before,:after{box-sizing:border-box}:host{--sbb-navigation-action-color: var(--sbb-color-cloud);--sbb-navigation-action-icon-display: none;display:block;outline:none!important}:host([data-section-action][data-action-active].sbb-active){--sbb-navigation-action-icon-display: block}:host([data-action-active]){--sbb-navigation-action-color: var(--sbb-color-storm)}@media (forced-colors: active){:host([data-action-active]){--sbb-navigation-action-color: Highlight}}sbb-icon{display:var(--sbb-navigation-action-icon-display);position:absolute;inset-inline-start:calc((var(--sbb-size-icon-ui-small) + var(--sbb-spacing-fixed-1x)) * -1);inset-block-start:calc(1em * var(--sbb-typo-line-height-body-text) / 2);transform:translateY(-50%)}@media (any-hover: hover){:host(:hover){--sbb-navigation-action-color: var(--sbb-color-storm)}}@media (forced-colors: active){:host([data-button]){--sbb-navigation-action-color: ButtonText}}:is(.sbb-navigation-button,.sbb-navigation-link){--sbb-title-line-height: var(--sbb-typo-line-height-titles);--sbb-title-margin-block-start: 0;--sbb-title-margin-block-end: 0;margin:0;margin-block:var(--sbb-title-margin-block-start) var(--sbb-title-margin-block-end);font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height);letter-spacing:var(--sbb-typo-letter-spacing-titles);font-size:var(--sbb-title-font-size);--sbb-title-font-size: var(--sbb-font-size-title-4);cursor:pointer;position:relative;text-decoration:none;display:flex;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:color var(--sbb-disable-animation-duration, var(--sbb-animation-duration-3x)) ease;-webkit-hyphens:auto;hyphens:auto;text-align:left;color:var(--sbb-navigation-action-color);outline:none}@media (forced-colors: active){:is(.sbb-navigation-button,.sbb-navigation-link){transition:none}}:host([size=m]) :is(.sbb-navigation-button,.sbb-navigation-link){--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);font-weight:700}:host([size=s]) :is(.sbb-navigation-button,.sbb-navigation-link){--sbb-text-font-size: var(--sbb-font-size-text-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);font-weight:700}:host(:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch])) :is(.sbb-navigation-button,.sbb-navigation-link),:host(:not([data-focus-origin=mouse],[data-focus-origin=touch])) :is(.sbb-navigation-button,.sbb-navigation-link):focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);border-radius:calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset))}`, O = (t) => (() => {
   var s, e;
   let o = t, r, l = [], c = [];
   return e = class extends o {
     constructor() {
       super(...arguments);
       f(this, s);
-      b(this, s, u(this, l, "l")), this.connectedSection = u(this, c), this._abort = new z(this), this._navigationMarker = null, this._navigationSection = null;
+      b(this, s, u(this, l, k() ? "s" : "l")), this.connectedSection = u(this, c), this._abort = new z(this), this._navigationMarker = null, this._navigationSection = null;
     }
-    /** Action size variant. */
+    /**
+     * Action size variant, either s, m or l.
+     * @default 'l' / 's' (lean)
+     */
     get size() {
       return h(this, s);
     }
@@ -49,8 +53,8 @@ const x = k`*,:before,:after{box-sizing:border-box}:host{--sbb-navigation-action
     r = [p({ reflect: !0 })], m(e, null, r, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (a) => "size" in a, get: (a) => a.size, set: (a, d) => {
       a.size = d;
     } }, metadata: n }, l, c), n && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: n });
-  })(), e.styles = x, e;
+  })(), e.styles = _, e;
 })();
 export {
-  I as SbbNavigationActionCommonElementMixin
+  O as SbbNavigationActionCommonElementMixin
 };

package/navigation/navigation/navigation.d.ts

@@ -55,6 +55,9 @@ export declare class SbbNavigationElement extends SbbNavigationElement_base {
      * Closes the navigation.
      */
     close(): void;
+    private _isZeroAnimationDuration;
+    private _handleClosing;
+    private _handleOpening;
     private _removeTriggerClickListener;
     private _configure;
     private _trapFocusFilter;

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":"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,qBAKM,oBAAqB,SAAQ,yBAAgD;IACjF,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;IACH,SAEgB,uBAAuB,EAAE,MAAM,CAAM;IAErD;;OAEG;IACM,OAAO,CAAC,QAAQ,CAAC,wBAAwB,CAA4B;IAE9E,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"}
+{"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;AAwBtE,OAAO,oCAAoC,CAAC;;AAW5C;;;;;;;;;;;GAWG;AACH,qBAKM,oBAAqB,SAAQ,yBAAgD;IACjF,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;IACH,SAEgB,uBAAuB,EAAE,MAAM,CAAM;IAErD;;OAEG;IACM,OAAO,CAAC,QAAQ,CAAC,wBAAwB,CAA4B;IAE9E,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;IAwBnB,OAAO,CAAC,mBAAmB;IAO3B,OAAO,CAAC,mBAAmB;IAO3B;;OAEG;IACI,KAAK,IAAI,IAAI;IAmBpB,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,cAAc;IAkBtB,OAAO,CAAC,cAAc;IAYtB,OAAO,CAAC,2BAA2B;IAYnC,OAAO,CAAC,UAAU;IAqBlB,OAAO,CAAC,gBAAgB,CAEtB;IAIF,OAAO,CAAC,eAAe;IAQvB,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-list/navigation-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-list.d.ts","sourceRoot":"","sources":["../../../../src/elements/navigation/navigation-list/navigation-list.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAIb,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;;;;;GAKG;AACH,qBAGM,wBAAyB,SAAQ,6BAG1B;IACX,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,mBAA4B,mBAAmB,WAG7C;IAEF;;OAEG;IACH,SAEgB,KAAK,EAAE,MAAM,CAAM;cAEhB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;cAQ3E,MAAM,IAAI,cAAc;CAW5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,qBAAqB,EAAE,wBAAwB,CAAC;KACjD;CACF"}
+{"version":3,"file":"navigation-list.d.ts","sourceRoot":"","sources":["../../../../src/elements/navigation/navigation-list/navigation-list.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAKb,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;;;;;GAKG;AACH,qBAGM,wBAAyB,SAAQ,6BAG1B;IACX,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,mBAA4B,mBAAmB,WAG7C;IAEF;;OAEG;IACH,SAEgB,KAAK,EAAE,MAAM,CAAM;cAEhB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;cAQ3E,MAAM,IAAI,cAAc;CAW5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,qBAAqB,EAAE,wBAAwB,CAAC;KACjD;CACF"}

package/navigation/navigation-list.js

@@ -2,16 +2,17 @@ var p = (t) => {
   throw TypeError(t);
 };
 var g = (t, e, a) => e.has(t) || p("Cannot " + a);
-var h = (t, e, a) => (g(t, e, "read from private field"), a ? a.call(t) : e.get(t)), _ = (t, e, a) => e.has(t) ? p("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, a), r = (t, e, a, l) => (g(t, e, "write to private field"), l ? l.call(t, a) : e.set(t, a), a);
+var h = (t, e, a) => (g(t, e, "read from private field"), a ? a.call(t) : e.get(t)), _ = (t, e, a) => e.has(t) ? p("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, a), r = (t, e, a, i) => (g(t, e, "write to private field"), i ? i.call(t, a) : e.set(t, a), a);
 import { __esDecorate as v, __runInitializers as b } from "tslib";
 import { css as y, LitElement as x, html as z } from "lit";
 import { customElement as k, property as S } from "lit/decorators.js";
-import { slotState as E, forceType as L, omitEmptyConverter as w } from "../core/decorators.js";
-import { SbbNamedSlotListMixin as C } from "../core/mixins.js";
-const D = y`*,:before,:after{box-sizing:border-box}:host{display:block}.sbb-navigation-list__content{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-direction:column;align-items:flex-start;gap:var(--sbb-spacing-fixed-2x);margin-block:var(--sbb-spacing-fixed-1x)}.sbb-navigation-list__label{--sbb-text-font-size: var(--sbb-font-size-text-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);font-weight:700;display:block;color:var(--sbb-color-storm);padding-block-end:var(--sbb-spacing-fixed-2x)}:host(:not([data-slot-names~=label],[label])) .sbb-navigation-list__label{display:none}`;
-let M = (() => {
+import { slotState as L, forceType as E, omitEmptyConverter as w } from "../core/decorators.js";
+import { isLean as C } from "../core/dom.js";
+import { SbbNamedSlotListMixin as D } from "../core/mixins.js";
+const I = y`*,:before,:after{box-sizing:border-box}:host{display:block}.sbb-navigation-list__content{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-direction:column;align-items:flex-start;gap:var(--sbb-spacing-fixed-2x);margin-block:var(--sbb-spacing-fixed-1x)}.sbb-navigation-list__label{--sbb-text-font-size: var(--sbb-font-size-text-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);font-weight:700;display:block;color:var(--sbb-color-storm);padding-block-end:var(--sbb-spacing-fixed-2x)}:host(:not([data-slot-names~=label],[label])) .sbb-navigation-list__label{display:none}`;
+let A = (() => {
   var o, s;
-  let t = [k("sbb-navigation-list"), E()], e, a = [], l, c = C(x), m, d = [], f = [];
+  let t = [k("sbb-navigation-list"), L()], e, a = [], i, c = D(x), m, d = [], f = [];
   return s = class extends c {
     constructor() {
       super(...arguments);
@@ -27,11 +28,11 @@ let M = (() => {
     get label() {
       return h(this, o);
     }
-    set label(i) {
-      r(this, o, i);
+    set label(l) {
+      r(this, o, l);
     }
-    willUpdate(i) {
-      super.willUpdate(i), i.has("listChildren") && this.listChildren.forEach((n) => n.size = "m");
+    willUpdate(l) {
+      super.willUpdate(l), l.has("listChildren") && this.listChildren.forEach((n) => n.size = C() ? "s" : "m");
     }
     render() {
       return z`
@@ -44,13 +45,13 @@ let M = (() => {
       })}
     `;
     }
-  }, o = new WeakMap(), l = s, (() => {
-    const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
-    m = [L(), S({ reflect: !0, converter: w })], v(s, null, m, { kind: "accessor", name: "label", static: !1, private: !1, access: { has: (n) => "label" in n, get: (n) => n.label, set: (n, u) => {
+  }, o = new WeakMap(), i = s, (() => {
+    const l = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
+    m = [E(), S({ reflect: !0, converter: w })], v(s, null, m, { kind: "accessor", name: "label", static: !1, private: !1, access: { has: (n) => "label" in n, get: (n) => n.label, set: (n, u) => {
       n.label = u;
-    } }, metadata: i }, d, f), v(null, e = { value: l }, t, { kind: "class", name: l.name, metadata: i }, null, a), l = e.value, i && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: i });
-  })(), s.styles = D, b(l, a), l;
+    } }, metadata: l }, d, f), v(null, e = { value: i }, t, { kind: "class", name: i.name, metadata: l }, null, a), i = e.value, l && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: l });
+  })(), s.styles = I, b(i, a), i;
 })();
 export {
-  M as SbbNavigationListElement
+  A as SbbNavigationListElement
 };

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

@@ -12,7 +12,8 @@ export declare class SbbNavigationMarkerElement extends SbbNavigationMarkerEleme
     static styles: CSSResultGroup;
     protected readonly listChildLocalNames: string[];
     /**
-     * Marker size variant.
+     * Marker size variant, either s or l.
+     * @default 'l' / 's' (lean)
      */
     accessor size: 'l' | 's';
     private _currentActiveAction?;

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":"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,qBAEM,0BAA2B,SAAQ,+BAG5B;IACX,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,mBAA4B,mBAAmB,WAG7C;IAEF;;OAEG;IACH,SAA6C,IAAI,EAAE,GAAG,GAAG,GAAG,CAAO;IAEnE,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"}
+{"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;AAIhG,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,qBAEM,0BAA2B,SAAQ,+BAG5B;IACX,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,mBAA4B,mBAAmB,WAG7C;IAEF;;;OAGG;IACH,SAA6C,IAAI,EAAE,GAAG,GAAG,GAAG,CAAwB;IAEpF,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"}

package/navigation/navigation-marker.js

@@ -5,13 +5,14 @@ var f = (i, e, a) => e.has(i) || p("Cannot " + a);
 var u = (i, e, a) => (f(i, e, "read from private field"), a ? a.call(i) : e.get(i)), k = (i, e, a) => e.has(i) ? p("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(i) : e.set(i, a), l = (i, e, a, s) => (f(i, e, "write to private field"), s ? s.call(i, a) : e.set(i, a), a);
 import { __esDecorate as x, __runInitializers as c } from "tslib";
 import { ResizeController as y } from "@lit-labs/observers/resize-controller.js";
-import { css as _, LitElement as z } from "lit";
-import { customElement as A, property as w } from "lit/decorators.js";
-import { SbbNamedSlotListMixin as S } from "../core/mixins.js";
-const C = _`*,:before,:after{box-sizing:border-box}:host{--sbb-navigation-action-gap: var(--sbb-spacing-responsive-xs);--sbb-navigation-marker-position-x: var(--sbb-spacing-fixed-1x);--sbb-navigation-marker-position-y: unset;--sbb-navigation-marker-width: 1.0625rem;--sbb-navigation-marker-border: var(--sbb-border-width-1x);--sbb-navigation-marker-padding-inline-start: var(--sbb-spacing-fixed-6x);--sbb-navigation-marker-typo-line-height: var(--sbb-typo-line-height-titles);--sbb-navigation-margin-inline-start: var(--sbb-spacing-fixed-3x);--sbb-navigation-marker-margin-block: calc( 1em * var(--sbb-navigation-marker-typo-line-height) / 2 - var(--sbb-navigation-marker-border) / 2 );display:block}:host([size=s]){--sbb-navigation-action-gap: var(--sbb-spacing-fixed-2x);--sbb-navigation-marker-width: .5rem;--sbb-navigation-marker-typo-line-height: var(--sbb-typo-line-height-body-text);--sbb-navigation-margin-inline-start: var(--sbb-spacing-fixed-2x);--sbb-navigation-marker-position-x: calc( var(--sbb-navigation-marker-padding-inline-start) - var(--sbb-spacing-fixed-2x) );--sbb-navigation-marker-padding-inline-start: calc( var(--sbb-spacing-fixed-6x) + var(--sbb-spacing-fixed-1x) )}.sbb-navigation-marker{list-style:none;padding:0;font-size:inherit;--sbb-title-line-height: var(--sbb-typo-line-height-titles);--sbb-title-margin-block-start: 0;--sbb-title-margin-block-end: 0;margin:0;margin-block:var(--sbb-title-margin-block-start) var(--sbb-title-margin-block-end);font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height);letter-spacing:var(--sbb-typo-letter-spacing-titles);font-size:var(--sbb-title-font-size);--sbb-title-font-size: var(--sbb-font-size-title-4);position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--sbb-navigation-action-gap);padding-inline-start:var(--sbb-navigation-marker-padding-inline-start)}.sbb-navigation-marker:before{content:"";position:absolute;opacity:0;inset-inline-start:var(--sbb-navigation-marker-position-x);inset-block-start:var(--sbb-navigation-marker-position-y);width:var(--sbb-navigation-marker-width);border-block-start:var(--sbb-navigation-marker-border) solid var(--sbb-color-storm);margin-block:var(--sbb-navigation-marker-margin-block);transition-duration:var(--sbb-disable-animation-zero-time, var(--sbb-animation-duration-6x));transition-timing-function:ease;transition-property:opacity,inset-block-start}:host([data-has-active-action]) .sbb-navigation-marker:before{opacity:1}@media (forced-colors: active){.sbb-navigation-marker:before{border-color:CanvasText}}:host([size=s]) .sbb-navigation-marker{--sbb-text-font-size: var(--sbb-font-size-text-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);font-weight:700}::slotted(:is(sbb-navigation-button,sbb-navigation-link)){margin-inline-start:var(--sbb-navigation-margin-inline-start)}`;
-let D = (() => {
+import { css as _, LitElement as A } from "lit";
+import { customElement as z, property as w } from "lit/decorators.js";
+import { isLean as S } from "../core/dom.js";
+import { SbbNamedSlotListMixin as C } from "../core/mixins.js";
+const M = _`*,:before,:after{box-sizing:border-box}:host{--sbb-navigation-action-gap: var(--sbb-spacing-responsive-xs);--sbb-navigation-marker-position-x: var(--sbb-spacing-fixed-1x);--sbb-navigation-marker-position-y: unset;--sbb-navigation-marker-width: 1.0625rem;--sbb-navigation-marker-border: var(--sbb-border-width-1x);--sbb-navigation-marker-padding-inline-start: var(--sbb-spacing-fixed-6x);--sbb-navigation-marker-typo-line-height: var(--sbb-typo-line-height-titles);--sbb-navigation-margin-inline-start: var(--sbb-spacing-fixed-3x);--sbb-navigation-marker-margin-block: calc( 1em * var(--sbb-navigation-marker-typo-line-height) / 2 - var(--sbb-navigation-marker-border) / 2 );display:block}:host([size=s]){--sbb-navigation-action-gap: var(--sbb-spacing-fixed-2x);--sbb-navigation-marker-width: .5rem;--sbb-navigation-marker-typo-line-height: var(--sbb-typo-line-height-body-text);--sbb-navigation-margin-inline-start: var(--sbb-spacing-fixed-2x);--sbb-navigation-marker-position-x: calc( var(--sbb-navigation-marker-padding-inline-start) - var(--sbb-spacing-fixed-2x) );--sbb-navigation-marker-padding-inline-start: calc( var(--sbb-spacing-fixed-6x) + var(--sbb-spacing-fixed-1x) )}.sbb-navigation-marker{list-style:none;padding:0;font-size:inherit;--sbb-title-line-height: var(--sbb-typo-line-height-titles);--sbb-title-margin-block-start: 0;--sbb-title-margin-block-end: 0;margin:0;margin-block:var(--sbb-title-margin-block-start) var(--sbb-title-margin-block-end);font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height);letter-spacing:var(--sbb-typo-letter-spacing-titles);font-size:var(--sbb-title-font-size);--sbb-title-font-size: var(--sbb-font-size-title-4);position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--sbb-navigation-action-gap);padding-inline-start:var(--sbb-navigation-marker-padding-inline-start)}.sbb-navigation-marker:before{content:"";position:absolute;opacity:0;inset-inline-start:var(--sbb-navigation-marker-position-x);inset-block-start:var(--sbb-navigation-marker-position-y);width:var(--sbb-navigation-marker-width);border-block-start:var(--sbb-navigation-marker-border) solid var(--sbb-color-storm);margin-block:var(--sbb-navigation-marker-margin-block);transition-duration:var(--sbb-disable-animation-duration, var(--sbb-animation-duration-6x));transition-timing-function:ease;transition-property:opacity,inset-block-start}:host([data-has-active-action]) .sbb-navigation-marker:before{opacity:1}@media (forced-colors: active){.sbb-navigation-marker:before{border-color:CanvasText}}:host([size=s]) .sbb-navigation-marker{--sbb-text-font-size: var(--sbb-font-size-text-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);font-weight:700}::slotted(:is(sbb-navigation-button,sbb-navigation-link)){margin-inline-start:var(--sbb-navigation-margin-inline-start)}`;
+let O = (() => {
   var o, n;
-  let i = [A("sbb-navigation-marker")], e, a = [], s, v = S(z), g, m = [], d = [];
+  let i = [z("sbb-navigation-marker")], e, a = [], s, v = C(A), g, m = [], d = [];
   return n = class extends v {
     constructor() {
       super();
@@ -19,13 +20,14 @@ let D = (() => {
       this.listChildLocalNames = [
         "sbb-navigation-button",
         "sbb-navigation-link"
-      ], l(this, o, c(this, m, "l")), this._currentActiveAction = c(this, d), new y(this, {
+      ], l(this, o, c(this, m, S() ? "s" : "l")), this._currentActiveAction = c(this, d), new y(this, {
         skipInitial: !0,
         callback: () => this._setMarkerPosition()
       });
     }
     /**
-     * Marker size variant.
+     * Marker size variant, either s or l.
+     * @default 'l' / 's' (lean)
      */
     get size() {
       return u(this, o);
@@ -73,8 +75,8 @@ let D = (() => {
     g = [w({ reflect: !0 })], x(n, null, g, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (r) => "size" in r, get: (r) => r.size, set: (r, b) => {
       r.size = b;
     } }, metadata: t }, m, d), x(null, e = { value: s }, i, { kind: "class", name: s.name, metadata: t }, null, a), s = e.value, t && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), n.styles = C, c(s, a), s;
+  })(), n.styles = M, c(s, a), s;
 })();
 export {
-  D as SbbNavigationMarkerElement
+  O as SbbNavigationMarkerElement
 };

package/navigation/navigation-section/navigation-section.d.ts

@@ -42,6 +42,9 @@ export declare class SbbNavigationSectionElement extends SbbNavigationSectionEle
      * Opens the navigation section on trigger click.
      */
     open(): void;
+    private _isZeroAnimationDuration;
+    private _handleOpening;
+    private _handleClosing;
     private _setActiveNavigationAction;
     private _closePreviousNavigationSection;
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"navigation-section.d.ts","sourceRoot":"","sources":["../../../../src/elements/navigation/navigation-section/navigation-section.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,UAAU,EAAW,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAyB1F,OAAO,oCAAoC,CAAC;AAC5C,OAAO,kBAAkB,CAAC;;AAI1B;;;;GAIG;AACH,qBAMM,2BAA4B,SAAQ,gCAAmC;IAC3E,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;OAEG;IACH,SAEgB,YAAY,EAAE,MAAM,CAAM;IAE1C;;;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;IACH,SAEgB,kBAAkB,EAAE,MAAM,CAAM;IAEhD;;OAEG;IACH,SAEgB,sBAAsB,EAAE,MAAM,CAAM;IAEpD;;OAEG;IACH,OAAO,KAAK,MAAM,QAGjB;IACD,OAAO,KAAK,MAAM,GAEjB;IAED,OAAO,CAAC,qBAAqB,CAAC,CAAqC;IACnE,OAAO,CAAC,kBAAkB,CAAe;IACzC,OAAO,CAAC,kCAAkC,CAAe;IACzD,OAAO,CAAC,eAAe,CAA2C;IAClE,OAAO,CAAC,4BAA4B,CAAmB;IACvD,OAAO,CAAC,uBAAuB,CAAmB;IAClD,OAAO,CAAC,SAAS,CAAmC;IAEpD;;OAEG;IACI,IAAI,IAAI,IAAI;IAanB,OAAO,CAAC,0BAA0B;IAIlC,OAAO,CAAC,+BAA+B;IAIvC;;OAEG;IACI,KAAK,IAAI,IAAI;IAYpB,OAAO,CAAC,2BAA2B;IAYnC,OAAO,CAAC,UAAU;IAyBlB,OAAO,CAAC,mBAAmB;IAa3B,OAAO,CAAC,eAAe;IAsBvB,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,mBAAmB;IAa3B,OAAO,CAAC,6BAA6B,CAOnC;IAEF,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,wBAAwB;IAKhC,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,0BAA0B;IAYlC,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,6BAA6B;IAoCrB,iBAAiB,IAAI,IAAI;IASzB,oBAAoB,IAAI,IAAI;cAMzB,MAAM,IAAI,cAAc;CA0C5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,wBAAwB,EAAE,2BAA2B,CAAC;KACvD;CACF"}
+{"version":3,"file":"navigation-section.d.ts","sourceRoot":"","sources":["../../../../src/elements/navigation/navigation-section/navigation-section.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,UAAU,EAAW,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AA8B1F,OAAO,oCAAoC,CAAC;AAC5C,OAAO,kBAAkB,CAAC;;AAI1B;;;;GAIG;AACH,qBAMM,2BAA4B,SAAQ,gCAAmC;IAC3E,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;OAEG;IACH,SAEgB,YAAY,EAAE,MAAM,CAAM;IAE1C;;;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;IACH,SAEgB,kBAAkB,EAAE,MAAM,CAAM;IAEhD;;OAEG;IACH,SAEgB,sBAAsB,EAAE,MAAM,CAAM;IAEpD;;OAEG;IACH,OAAO,KAAK,MAAM,QAGjB;IACD,OAAO,KAAK,MAAM,GAEjB;IAED,OAAO,CAAC,qBAAqB,CAAC,CAAqC;IACnE,OAAO,CAAC,kBAAkB,CAAe;IACzC,OAAO,CAAC,kCAAkC,CAAe;IACzD,OAAO,CAAC,eAAe,CAA2C;IAClE,OAAO,CAAC,4BAA4B,CAAmB;IACvD,OAAO,CAAC,uBAAuB,CAAmB;IAClD,OAAO,CAAC,SAAS,CAAmC;IAEpD;;OAEG;IACI,IAAI,IAAI,IAAI;IAmBnB,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,cAAc;IAatB,OAAO,CAAC,0BAA0B;IAIlC,OAAO,CAAC,+BAA+B;IAIvC;;OAEG;IACI,KAAK,IAAI,IAAI;IAkBpB,OAAO,CAAC,2BAA2B;IAYnC,OAAO,CAAC,UAAU;IAyBlB,OAAO,CAAC,mBAAmB;IAa3B,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,mBAAmB;IAa3B,OAAO,CAAC,6BAA6B,CAOnC;IAEF,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,wBAAwB;IAKhC,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,0BAA0B;IAYlC,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,6BAA6B;IAoCrB,iBAAiB,IAAI,IAAI;IASzB,oBAAoB,IAAI,IAAI;cAMzB,MAAM,IAAI,cAAc;CA0C5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,wBAAwB,EAAE,2BAA2B,CAAC;KACvD;CACF"}

package/navigation/navigation-section.js

@@ -1,34 +1,34 @@
-var R = (a) => {
+var D = (a) => {
   throw TypeError(a);
 };
-var $ = (a, n, s) => n.has(a) || R("Cannot " + s);
-var m = (a, n, s) => ($(a, n, "read from private field"), s ? s.call(a) : n.get(a)), _ = (a, n, s) => n.has(a) ? R("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(a) : n.set(a, s), b = (a, n, s, r) => ($(a, n, "write to private field"), r ? r.call(a, s) : n.set(a, s), s);
+var R = (a, n, s) => n.has(a) || D("Cannot " + s);
+var m = (a, n, s) => (R(a, n, "read from private field"), s ? s.call(a) : n.get(a)), _ = (a, n, s) => n.has(a) ? D("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(a) : n.set(a, s), b = (a, n, s, r) => (R(a, n, "write to private field"), r ? r.call(a, s) : n.set(a, s), s);
 import { __runInitializers as l, __esDecorate as v } from "tslib";
-import { css as U, LitElement as Z, html as j, nothing as P } from "lit";
+import { css as K, LitElement as M, html as j, nothing as Z } from "lit";
 import { customElement as G, property as p } from "lit/decorators.js";
-import { ref as q } from "lit/directives/ref.js";
-import { setModalityOnNextFocus as D, getFirstFocusableElement as H, getFocusableElements as K } from "../core/a11y.js";
+import { ref as $ } from "lit/directives/ref.js";
+import { setModalityOnNextFocus as P, getFirstFocusableElement as H, getFocusableElements as U } from "../core/a11y.js";
 import { SbbLanguageController as V } from "../core/controllers.js";
 import { hostAttributes as W, slotState as X, forceType as f, omitEmptyConverter as Y } from "../core/decorators.js";
-import { setOrRemoveAttribute as J, findReferencedElement as Q, isBreakpoint as tt } from "../core/dom.js";
-import { i18nGoBack as it } from "../core/i18n.js";
-import { SbbUpdateSchedulerMixin as et } from "../core/mixins.js";
-import { removeAriaOverlayTriggerAttributes as at, setAriaOverlayTriggerAttributes as nt } from "../core/overlay.js";
+import { setOrRemoveAttribute as J, isZeroAnimationDuration as Q, findReferencedElement as tt, isBreakpoint as it } from "../core/dom.js";
+import { i18nGoBack as et } from "../core/i18n.js";
+import { SbbUpdateSchedulerMixin as at } from "../core/mixins.js";
+import { removeAriaOverlayTriggerAttributes as nt, setAriaOverlayTriggerAttributes as st } from "../core/overlay.js";
 import "../button/transparent-button.js";
 import "../divider.js";
-const st = U`*,:before,:after{box-sizing:border-box}:host{--sbb-navigation-section-display: none;--sbb-navigation-section-column: 1 / 5;--sbb-navigation-section-position: fixed;--sbb-navigation-section-pointer-events: none;--sbb-navigation-section-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-3x) );--sbb-navigation-section-animation-easing: ease-out;--sbb-navigation-section-padding-inline: var(--sbb-layout-base-offset-responsive);--sbb-navigation-section-padding-block: var(--sbb-spacing-responsive-l);--sbb-navigation-section-transform: translateX(100%);--sbb-navigation-section-content-padding-inline-start: var(--sbb-spacing-fixed-12x);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-navigation-section-width: 100dvw;--sbb-navigation-section-height: 100dvh;display:var(--sbb-navigation-section-display);position:var(--sbb-navigation-section-position);grid-column:var(--sbb-navigation-section-column);inset-inline-start:0;inset-block-start:0;width:var(--sbb-navigation-section-width);height:var(--sbb-navigation-section-height);z-index:var(--sbb-navigation-z-index, var(--sbb-overlay-default-z-index))}@media (min-width: 64rem){:host{--sbb-navigation-section-column: 5 / 9;--sbb-navigation-section-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-4x) );--sbb-navigation-section-padding-block: var(--sbb-spacing-responsive-xl);--sbb-navigation-section-padding-inline: var(--sbb-spacing-fixed-8x) var(--sbb-layout-base-offset-responsive);--sbb-navigation-section-position: relative;--sbb-navigation-section-transform: translateX(0%);--sbb-navigation-section-content-padding-inline-start: 0;--sbb-navigation-section-width: calc( 100% + var(--sbb-layout-base-offset-responsive) + var(--sbb-grid-base-gutter-responsive) );transform:translate(calc(var(--sbb-grid-base-gutter-responsive) * -1))}}@media (min-width: 80rem){:host{--sbb-navigation-section-column: 5 / 13}}@media (min-width: 90rem){:host{--sbb-navigation-section-column: 6 / 17;--sbb-navigation-section-padding-block: var(--sbb-spacing-responsive-xxl) var(--sbb-spacing-responsive-l)}}:host([data-state=opened]){--sbb-navigation-section-pointer-events: all}:host([data-state=opening]){--sbb-navigation-section-position: absolute}:host(:is([data-state=opening],[data-state=closing])){--sbb-navigation-section-pointer-events: none}:host([data-state]:not([data-state=closed])){--sbb-navigation-section-display: block}::slotted(*){padding-inline-start:var(--sbb-navigation-section-content-padding-inline-start)}::slotted([data-sbb-button]){grid-column-start:1}.sbb-navigation-section__container{pointer-events:var(--sbb-navigation-section-pointer-events);height:var(--sbb-navigation-section-height)}.sbb-navigation-section{display:none;border:none;margin:0;width:100%;height:100%;color:var(--sbb-color-white);background-color:transparent;padding:0;overflow:hidden}:host([data-state]:not([data-state=closed])) .sbb-navigation-section{display:block;animation-name:open;animation-duration:var(--sbb-navigation-section-animation-duration);animation-timing-function:var(--sbb-navigation-section-animation-easing)}:host([data-state][data-state=closing]) .sbb-navigation-section{animation-name:close}@media (forced-colors: active){.sbb-navigation-section{outline:var(--sbb-border-width-1x) solid CanvasText}}.sbb-navigation-section__wrapper{--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-navigation-section__wrapper::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-navigation-section__wrapper::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-navigation-section__wrapper::-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-navigation-section__wrapper::-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-navigation-section__wrapper::-webkit-scrollbar-button,.sbb-navigation-section__wrapper::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-navigation-section__wrapper{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-navigation-section__wrapper{height:100%;padding-block:var(--sbb-navigation-section-padding-block);outline:none;overflow-y:auto}:host(:is([data-state=opening],[data-state=closing])) .sbb-navigation-section__wrapper{--sbb-scrollbar-color: transparent;scrollbar-color:transparent transparent}.sbb-navigation-section__header{position:relative;display:flex;align-items:center;gap:var(--sbb-spacing-fixed-1x);margin-block-start:var(--sbb-spacing-responsive-xxl);padding-inline-start:var(--sbb-navigation-section-content-padding-inline-start)}@media (min-width: 64rem){.sbb-navigation-section__header{margin-block-start:0;padding-inline-start:0}}@media (min-width: 80rem){.sbb-navigation-section__header{grid-column:1/4}}:host(:not([data-slot-names~=title],[title-content])) .sbb-navigation-section__header{display:none}.sbb-navigation-section__back{position:absolute;transform:translate(calc((100% + var(--sbb-spacing-fixed-1x)) * -1))}@media (min-width: 64rem){.sbb-navigation-section__back{display:none}}.sbb-navigation-section__title{--sbb-title-line-height: var(--sbb-typo-line-height-titles);--sbb-title-margin-block-start: 0;--sbb-title-margin-block-end: 0;margin:0;margin-block:var(--sbb-title-margin-block-start) var(--sbb-title-margin-block-end);font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height);letter-spacing:var(--sbb-typo-letter-spacing-titles);font-size:var(--sbb-title-font-size);--sbb-title-font-size: var(--sbb-font-size-title-4)}@media (min-width: 64rem){.sbb-navigation-section__title{--sbb-title-line-height: var(--sbb-typo-line-height-titles);--sbb-title-margin-block-start: 0;--sbb-title-margin-block-end: 0;margin:0;margin-block:var(--sbb-title-margin-block-start) var(--sbb-title-margin-block-end);font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height);letter-spacing:var(--sbb-typo-letter-spacing-titles);font-size:var(--sbb-title-font-size);--sbb-title-font-size: var(--sbb-font-size-title-2)}}.sbb-navigation-section__content{display:grid;grid-template-columns:1fr;grid-gap:var(--sbb-spacing-responsive-l) var(--sbb-grid-base-gutter-responsive);padding-inline:var(--sbb-navigation-section-padding-inline)}@media (min-width: 64rem){.sbb-navigation-section__content{opacity:0;transform:translateY(var(--sbb-spacing-fixed-3x));transition-duration:var(--sbb-navigation-section-animation-duration);transition-delay:var(--sbb-navigation-section-animation-duration);transition-timing-function:var(--sbb-navigation-section-animation-easing);transition-property:opacity,transform}:host([data-state=opened]) .sbb-navigation-section__content{opacity:1;transform:translateY(0)}}@media (min-width: 80rem){.sbb-navigation-section__content{grid-template-columns:repeat(3,1fr)}}:host([data-state=closing]) .sbb-navigation-section__content{transition-delay:0s}@keyframes open{0%{transform:var(--sbb-navigation-section-transform)}to{transform:translate(0)}}@keyframes close{0%{transform:translate(0)}to{transform:var(--sbb-navigation-section-transform)}}`;
-let ot = 0, kt = (() => {
+const ot = K`*,:before,:after{box-sizing:border-box}:host{--sbb-navigation-section-display: none;--sbb-navigation-section-column: 1 / 5;--sbb-navigation-section-position: fixed;--sbb-navigation-section-pointer-events: none;--sbb-navigation-section-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-3x) );--sbb-navigation-section-animation-easing: ease-out;--sbb-navigation-section-padding-inline: var(--sbb-layout-base-offset-responsive);--sbb-navigation-section-padding-block: var(--sbb-spacing-responsive-l);--sbb-navigation-section-transform: translateX(100%);--sbb-navigation-section-content-padding-inline-start: var(--sbb-spacing-fixed-12x);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-navigation-section-width: 100dvw;--sbb-navigation-section-height: 100dvh;display:var(--sbb-navigation-section-display);position:var(--sbb-navigation-section-position);grid-column:var(--sbb-navigation-section-column);inset-inline-start:0;inset-block-start:0;width:var(--sbb-navigation-section-width);height:var(--sbb-navigation-section-height);z-index:var(--sbb-navigation-z-index, var(--sbb-overlay-default-z-index))}@media (min-width: 64rem){:host{--sbb-navigation-section-column: 5 / 9;--sbb-navigation-section-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-navigation-section-padding-block: var(--sbb-spacing-responsive-xl);--sbb-navigation-section-padding-inline: var(--sbb-spacing-fixed-8x) var(--sbb-layout-base-offset-responsive);--sbb-navigation-section-position: relative;--sbb-navigation-section-transform: translateX(0%);--sbb-navigation-section-content-padding-inline-start: 0;--sbb-navigation-section-width: calc( 100% + var(--sbb-layout-base-offset-responsive) + var(--sbb-grid-base-gutter-responsive) );transform:translate(calc(var(--sbb-grid-base-gutter-responsive) * -1))}}@media (min-width: 80rem){:host{--sbb-navigation-section-column: 5 / 13}}@media (min-width: 90rem){:host{--sbb-navigation-section-column: 6 / 17;--sbb-navigation-section-padding-block: var(--sbb-spacing-responsive-xxl) var(--sbb-spacing-responsive-l)}}:host([data-state=opened]){--sbb-navigation-section-pointer-events: all}:host([data-state=opening]){--sbb-navigation-section-position: absolute}:host(:is([data-state=opening],[data-state=closing])){--sbb-navigation-section-pointer-events: none}:host([data-state]:not([data-state=closed])){--sbb-navigation-section-display: block}::slotted(*){padding-inline-start:var(--sbb-navigation-section-content-padding-inline-start)}::slotted([data-sbb-button]){grid-column-start:1}.sbb-navigation-section__container{pointer-events:var(--sbb-navigation-section-pointer-events);height:var(--sbb-navigation-section-height)}.sbb-navigation-section{display:none;border:none;margin:0;width:100%;height:100%;color:var(--sbb-color-white);background-color:transparent;padding:0;overflow:hidden}:host([data-state]:not([data-state=closed])) .sbb-navigation-section{display:block;animation-name:open;animation-duration:var(--sbb-navigation-section-animation-duration);animation-timing-function:var(--sbb-navigation-section-animation-easing)}:host([data-state][data-state=closing]) .sbb-navigation-section{animation-name:close}@media (forced-colors: active){.sbb-navigation-section{outline:var(--sbb-border-width-1x) solid CanvasText}}.sbb-navigation-section__wrapper{--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-navigation-section__wrapper::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-navigation-section__wrapper::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-navigation-section__wrapper::-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-navigation-section__wrapper::-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-navigation-section__wrapper::-webkit-scrollbar-button,.sbb-navigation-section__wrapper::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-navigation-section__wrapper{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-navigation-section__wrapper{height:100%;padding-block:var(--sbb-navigation-section-padding-block);outline:none;overflow-y:auto}:host(:is([data-state=opening],[data-state=closing])) .sbb-navigation-section__wrapper{--sbb-scrollbar-color: transparent;scrollbar-color:transparent transparent}.sbb-navigation-section__header{position:relative;display:flex;align-items:center;gap:var(--sbb-spacing-fixed-1x);margin-block-start:var(--sbb-spacing-responsive-xxl);padding-inline-start:var(--sbb-navigation-section-content-padding-inline-start)}@media (min-width: 64rem){.sbb-navigation-section__header{margin-block-start:0;padding-inline-start:0}}@media (min-width: 80rem){.sbb-navigation-section__header{grid-column:1/4}}:host(:not([data-slot-names~=title],[title-content])) .sbb-navigation-section__header{display:none}.sbb-navigation-section__back{position:absolute;transform:translate(calc((100% + var(--sbb-spacing-fixed-1x)) * -1))}@media (min-width: 64rem){.sbb-navigation-section__back{display:none}}.sbb-navigation-section__title{--sbb-title-line-height: var(--sbb-typo-line-height-titles);--sbb-title-margin-block-start: 0;--sbb-title-margin-block-end: 0;margin:0;margin-block:var(--sbb-title-margin-block-start) var(--sbb-title-margin-block-end);font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height);letter-spacing:var(--sbb-typo-letter-spacing-titles);font-size:var(--sbb-title-font-size);--sbb-title-font-size: var(--sbb-font-size-title-4)}@media (min-width: 64rem){.sbb-navigation-section__title{--sbb-title-line-height: var(--sbb-typo-line-height-titles);--sbb-title-margin-block-start: 0;--sbb-title-margin-block-end: 0;margin:0;margin-block:var(--sbb-title-margin-block-start) var(--sbb-title-margin-block-end);font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height);letter-spacing:var(--sbb-typo-letter-spacing-titles);font-size:var(--sbb-title-font-size);--sbb-title-font-size: var(--sbb-font-size-title-2)}}.sbb-navigation-section__content{display:grid;grid-template-columns:1fr;grid-gap:var(--sbb-spacing-responsive-l) var(--sbb-grid-base-gutter-responsive);padding-inline:var(--sbb-navigation-section-padding-inline)}@media (min-width: 64rem){.sbb-navigation-section__content{opacity:0;transform:translateY(var(--sbb-spacing-fixed-3x));transition-duration:var(--sbb-navigation-section-animation-duration);transition-delay:var(--sbb-navigation-section-animation-duration);transition-timing-function:var(--sbb-navigation-section-animation-easing);transition-property:opacity,transform}:host([data-state=opened]) .sbb-navigation-section__content{opacity:1;transform:translateY(0)}}@media (min-width: 80rem){.sbb-navigation-section__content{grid-template-columns:repeat(3,1fr)}}:host([data-state=closing]) .sbb-navigation-section__content{transition-delay:0s}@keyframes open{0%{transform:var(--sbb-navigation-section-transform)}to{transform:translate(0)}}@keyframes close{0%{transform:translate(0)}to{transform:var(--sbb-navigation-section-transform)}}`;
+let rt = 0, Et = (() => {
   var c, g, d, o;
   let a = [G("sbb-navigation-section"), W({
     slot: "navigation-section"
-  }), X()], n, s = [], r, y = et(Z), w = [], k, E = [], x = [], L, C, S = [], A = [], N, z = [], B = [];
+  }), X()], n, s = [], r, y = at(M), w = [], k, E = [], C = [], x, L, A = [], S = [], N, z = [], B = [];
   return o = class extends y {
     constructor() {
       super(...arguments);
       _(this, c);
       _(this, g);
       _(this, d);
-      b(this, c, (l(this, w), l(this, E, ""))), this._trigger = (l(this, x), null), b(this, g, l(this, S, "")), b(this, d, (l(this, A), l(this, z, ""))), this._firstLevelNavigation = (l(this, B), null), this._triggerElement = null, this._language = new V(this), this._handleNavigationSectionClose = (t) => {
+      b(this, c, (l(this, w), l(this, E, ""))), this._trigger = (l(this, C), null), b(this, g, l(this, A, "")), b(this, d, (l(this, S), l(this, z, ""))), this._firstLevelNavigation = (l(this, B), null), this._triggerElement = null, this._language = new V(this), this._handleNavigationSectionClose = (t) => {
         t.composedPath().filter((e) => e instanceof window.HTMLElement).some((e) => this._isCloseElement(e)) && this.close();
       };
     }
@@ -84,7 +84,17 @@ let ot = 0, kt = (() => {
      */
     open() {
       var t;
-      this._state !== "closed" || !this._navigationSection || (this._setActiveNavigationAction(), this._closePreviousNavigationSection(), this._state = "opening", this.startUpdate(), this.inert = !0, (t = this._triggerElement) == null || t.setAttribute("aria-expanded", "true"));
+      this._state !== "closed" || !this._navigationSection || (this._setActiveNavigationAction(), this._closePreviousNavigationSection(), this._state = "opening", this.startUpdate(), this.inert = !0, (t = this._triggerElement) == null || t.setAttribute("aria-expanded", "true"), this._isZeroAnimationDuration() && this._handleOpening());
+    }
+    _isZeroAnimationDuration() {
+      return Q(this, "--sbb-navigation-section-animation-duration");
+    }
+    _handleOpening() {
+      this._state = "opened", this.inert = !1, this._attachWindowEvents(), this._setNavigationInert(), this._setNavigationSectionFocus(), this._checkActiveAction(), this.completeUpdate();
+    }
+    _handleClosing() {
+      var t;
+      this._state = "closed", this._navigationSectionContainerElement.scrollTo(0, 0), (t = this._windowEventsController) == null || t.abort(), this._resetLists(), this._setNavigationInert(), this._isZeroToLargeBreakpoint() && this._triggerElement && (P(this._triggerElement), this._triggerElement.focus()), this.completeUpdate();
     }
     _setActiveNavigationAction() {
       var t, i;
@@ -99,7 +109,7 @@ let ot = 0, kt = (() => {
      */
     close() {
       var t;
-      this._state === "opened" && (this._state = "closing", this.startUpdate(), this.inert = !0, (t = this._triggerElement) == null || t.setAttribute("aria-expanded", "false"));
+      this._state === "opened" && (this._state = "closing", this.startUpdate(), this.inert = !0, (t = this._triggerElement) == null || t.setAttribute("aria-expanded", "false"), this._isZeroAnimationDuration() && this._handleClosing());
     }
     // Removes trigger click listener on trigger change.
     _removeTriggerClickListener(t, i) {
@@ -109,7 +119,7 @@ let ot = 0, kt = (() => {
     // Check if the trigger is valid and attach click event listeners.
     _configure(t) {
       var i;
-      at(this._triggerElement), t && (this._triggerElement = Q(t), this._triggerElement && (nt(this._triggerElement, "menu", this.id, this._state), (i = this._navigationSectionController) == null || i.abort(), this._navigationSectionController = new AbortController(), this._triggerElement.connectedSection = this, this._triggerElement.addEventListener("click", () => this.open(), {
+      nt(this._triggerElement), t && (this._triggerElement = tt(t), this._triggerElement && (st(this._triggerElement, "menu", this.id, this._state), (i = this._navigationSectionController) == null || i.abort(), this._navigationSectionController = new AbortController(), this._triggerElement.connectedSection = this, this._triggerElement.addEventListener("click", () => this.open(), {
         signal: this._navigationSectionController.signal
       }), this.addEventListener("keydown", (e) => this._handleNavigationSectionFocus(e), {
         signal: this._navigationSectionController.signal
@@ -121,8 +131,7 @@ let ot = 0, kt = (() => {
     // In rare cases it can be that the animationEnd event is triggered twice.
     // To avoid entering a corrupt state, exit when state is not expected.
     _onAnimationEnd(t) {
-      var i;
-      t.animationName === "open" && this._state === "opening" ? (this._state = "opened", this.inert = !1, this._attachWindowEvents(), this._setNavigationInert(), this._setNavigationSectionFocus(), this._checkActiveAction()) : t.animationName === "close" && this._state === "closing" && (this._state = "closed", this._navigationSectionContainerElement.scrollTo(0, 0), (i = this._windowEventsController) == null || i.abort(), this._resetLists(), this._setNavigationInert(), this._isZeroToLargeBreakpoint() && this._triggerElement && (D(this._triggerElement), this._triggerElement.focus())), this.completeUpdate();
+      t.animationName === "open" && this._state === "opening" ? this._handleOpening() : t.animationName === "close" && this._state === "closing" && this._handleClosing();
     }
     _resetLists() {
       const t = Array.from(this.querySelectorAll("[data-section-action][data-action-active]"));
@@ -139,7 +148,7 @@ let ot = 0, kt = (() => {
       return t.nodeName === "A" || !t.hasAttribute("disabled") && (t.hasAttribute("sbb-navigation-close") || t.hasAttribute("sbb-navigation-section-close"));
     }
     _isZeroToLargeBreakpoint() {
-      return tt("zero", "large") ?? !1;
+      return it("zero", "large") ?? !1;
     }
     // Closes the navigation on "Esc" key pressed.
     _onKeydownEvent(t) {
@@ -148,7 +157,7 @@ let ot = 0, kt = (() => {
     // Set focus on the first focusable element.
     _setNavigationSectionFocus() {
       const t = H([this.shadowRoot.querySelector("#sbb-navigation-section-back-button")].concat(Array.from(this.children)).filter((i) => i instanceof window.HTMLElement));
-      t && (D(t), t.focus());
+      t && (P(t), t.focus());
     }
     _checkActiveAction() {
       var t;
@@ -157,14 +166,14 @@ let ot = 0, kt = (() => {
     _handleNavigationSectionFocus(t) {
       if (t.key !== "Tab" || this._isZeroToLargeBreakpoint())
         return;
-      const i = Array.from(this.closest("sbb-navigation").shadowRoot.children), e = K(i, {
-        filter: (M) => M.nodeName !== "SBB-NAVIGATION-SECTION"
-      }), h = Array.from(this.shadowRoot.children), u = K(h), T = u[0], F = u[u.length - 1], I = t.shiftKey ? this._triggerElement : e[e.indexOf(this._triggerElement) + 1], O = t.shiftKey ? T : F;
+      const i = Array.from(this.closest("sbb-navigation").shadowRoot.children), e = U(i, {
+        filter: (q) => q.nodeName !== "SBB-NAVIGATION-SECTION"
+      }), h = Array.from(this.shadowRoot.children), u = U(h), T = u[0], F = u[u.length - 1], I = t.shiftKey ? this._triggerElement : e[e.indexOf(this._triggerElement) + 1], O = t.shiftKey ? T : F;
       I && (T.getRootNode().activeElement === O || F.getRootNode().activeElement === O) && (I.focus(), t.preventDefault());
     }
     connectedCallback() {
       var t, i;
-      super.connectedCallback(), this.id || (this.id = `sbb-navigation-section-${ot++}`), this._state || (this._state = "closed"), this._configure(this.trigger), this._firstLevelNavigation = (i = (t = this._triggerElement) == null ? void 0 : t.closest) == null ? void 0 : i.call(t, "sbb-navigation");
+      super.connectedCallback(), this.id || (this.id = `sbb-navigation-section-${rt++}`), this._state || (this._state = "closed"), this._configure(this.trigger), this._firstLevelNavigation = (i = (t = this._triggerElement) == null ? void 0 : t.closest) == null ? void 0 : i.call(t, "sbb-navigation");
     }
     disconnectedCallback() {
       var t, i;
@@ -174,14 +183,14 @@ let ot = 0, kt = (() => {
       return j`
       <div
         class="sbb-navigation-section__container"
-        ${q((t) => this._navigationSectionContainerElement = t)}
+        ${$((t) => this._navigationSectionContainerElement = t)}
       >
         <nav
-          @animationend=${(t) => this._onAnimationEnd(t)}
+          @animationend=${this._onAnimationEnd}
           class="sbb-navigation-section"
-          aria-labelledby=${this.accessibilityLabel ? P : "title"}
-          aria-label=${this.accessibilityLabel ? this.accessibilityLabel : P}
-          ${q((t) => this._navigationSection = t)}
+          aria-labelledby=${this.accessibilityLabel ? Z : "title"}
+          aria-label=${this.accessibilityLabel ? this.accessibilityLabel : Z}
+          ${$((t) => this._navigationSection = t)}
         >
           <div class="sbb-navigation-section__wrapper">
             <div class="sbb-navigation-section__content">
@@ -190,7 +199,7 @@ let ot = 0, kt = (() => {
                 <sbb-transparent-button
                   id="sbb-navigation-section-back-button"
                   class="sbb-navigation-section__back"
-                  aria-label=${this.accessibilityBackLabel || it[this._language.current]}
+                  aria-label=${this.accessibilityBackLabel || et[this._language.current]}
                   negative
                   size="m"
                   type="button"
@@ -211,17 +220,17 @@ let ot = 0, kt = (() => {
     }
   }, c = new WeakMap(), g = new WeakMap(), d = new WeakMap(), r = o, (() => {
     const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(y[Symbol.metadata] ?? null) : void 0;
-    k = [f(), p({ attribute: "title-content", reflect: !0, converter: Y })], L = [p()], C = [f(), p({ attribute: "accessibility-label" })], N = [f(), p({ attribute: "accessibility-back-label" })], v(o, null, k, { kind: "accessor", name: "titleContent", static: !1, private: !1, access: { has: (i) => "titleContent" in i, get: (i) => i.titleContent, set: (i, e) => {
+    k = [f(), p({ attribute: "title-content", reflect: !0, converter: Y })], x = [p()], L = [f(), p({ attribute: "accessibility-label" })], N = [f(), p({ attribute: "accessibility-back-label" })], v(o, null, k, { kind: "accessor", name: "titleContent", static: !1, private: !1, access: { has: (i) => "titleContent" in i, get: (i) => i.titleContent, set: (i, e) => {
       i.titleContent = e;
-    } }, metadata: t }, E, x), v(o, null, L, { kind: "setter", name: "trigger", static: !1, private: !1, access: { has: (i) => "trigger" in i, set: (i, e) => {
+    } }, metadata: t }, E, C), v(o, null, x, { kind: "setter", name: "trigger", static: !1, private: !1, access: { has: (i) => "trigger" in i, set: (i, e) => {
       i.trigger = e;
-    } }, metadata: t }, null, w), v(o, null, C, { kind: "accessor", name: "accessibilityLabel", static: !1, private: !1, access: { has: (i) => "accessibilityLabel" in i, get: (i) => i.accessibilityLabel, set: (i, e) => {
+    } }, metadata: t }, null, w), v(o, null, L, { kind: "accessor", name: "accessibilityLabel", static: !1, private: !1, access: { has: (i) => "accessibilityLabel" in i, get: (i) => i.accessibilityLabel, set: (i, e) => {
       i.accessibilityLabel = e;
-    } }, metadata: t }, S, A), v(o, null, N, { kind: "accessor", name: "accessibilityBackLabel", static: !1, private: !1, access: { has: (i) => "accessibilityBackLabel" in i, get: (i) => i.accessibilityBackLabel, set: (i, e) => {
+    } }, metadata: t }, A, S), v(o, null, N, { kind: "accessor", name: "accessibilityBackLabel", static: !1, private: !1, access: { has: (i) => "accessibilityBackLabel" in i, get: (i) => i.accessibilityBackLabel, set: (i, e) => {
       i.accessibilityBackLabel = e;
     } }, metadata: t }, z, B), v(null, n = { value: r }, a, { kind: "class", name: r.name, metadata: t }, null, s), r = n.value, t && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), o.styles = st, l(r, s), r;
+  })(), o.styles = ot, l(r, s), r;
 })();
 export {
-  kt as SbbNavigationSectionElement
+  Et as SbbNavigationSectionElement
 };