@sbb-esta/lyne-elements 1.6.0 → 1.8.0

package/container/sticky-bar.js

@@ -2,11 +2,11 @@ import { css as d, LitElement as c, html as l } from "lit";
 import { property as v, customElement as p } from "lit/decorators.js";
 import { hostAttributes as k } from "../core/decorators.js";
 import { AgnosticIntersectionObserver as h } from "../core/observers.js";
-const y = d`*,:before,:after{box-sizing:border-box}:host{--sbb-sticky-bar-padding-block: var(--sbb-spacing-responsive-xs);--sbb-sticky-bar-fade-in-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-5x) );--sbb-sticky-bar-fade-out-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-2x) );--sbb-sticky-bar-animation-easing: var(--sbb-animation-easing);--sbb-sticky-bar-border-radius: var(--sbb-border-radius-8x);display:contents}:host([data-sticking]){--sbb-sticky-bar-sticky-background-color: var( --sbb-container-background-color, var(--sbb-color-white) )}:host([data-sticking][color=white]){--sbb-sticky-bar-sticky-background-color: var(--sbb-color-white)}:host([data-sticking][color=milk]){--sbb-sticky-bar-sticky-background-color: var(--sbb-color-milk)}.sbb-sticky-bar__wrapper{position:sticky;inset-block-end:0;display:block;z-index:var(--sbb-sticky-bar-z-index)}.sbb-sticky-bar__wrapper:after,.sbb-sticky-bar__wrapper:before{content:"";top:0;right:0;bottom:0;left:0;position:absolute;display:block;z-index:-1}.sbb-sticky-bar__wrapper:before{background-color:var(--sbb-container-background-color);padding:0!important}:host(:not([data-expanded])) .sbb-sticky-bar__wrapper:before{padding-inline:var(--sbb-layout-base-offset-responsive);margin-inline:auto;width:100%}@media (min-width: 90rem){:host(:not([data-expanded])) .sbb-sticky-bar__wrapper:before{max-width:calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive))}}:host([data-expanded]) .sbb-sticky-bar__wrapper:before{padding-inline:var(--sbb-spacing-responsive-xxs)}.sbb-sticky-bar__wrapper:after{background-color:var(--sbb-sticky-bar-sticky-background-color, transparent);transition:background-color var(--sbb-sticky-bar-fade-out-animation-duration) var(--sbb-sticky-bar-animation-easing);border-start-start-radius:var(--sbb-sticky-bar-border-radius);border-start-end-radius:var(--sbb-sticky-bar-border-radius)}:host([data-sticking]) .sbb-sticky-bar__wrapper:after{transition-duration:var(--sbb-sticky-bar-fade-in-animation-duration)}@media (forced-colors: active){:host([data-sticking]) .sbb-sticky-bar__wrapper:after{border-block-start:var(--sbb-border-width-1x) solid CanvasText;border-radius:0}}.sbb-sticky-bar{display:flex;padding-block:var(--sbb-sticky-bar-padding-block);margin-block-end:-1px}.sbb-sticky-bar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-start-start-radius:var(--sbb-sticky-bar-border-radius);border-start-end-radius:var(--sbb-sticky-bar-border-radius);transition:box-shadow var(--sbb-sticky-bar-fade-out-animation-duration) var(--sbb-sticky-bar-animation-easing);clip-path:polygon(-50% calc(-1 * var(--sbb-shadow-elevation-level-11-shadow-1-blur)),150% calc(-1 * var(--sbb-shadow-elevation-level-11-shadow-1-blur)),150% 50%,-50% 50%)}:host([data-sticking]) .sbb-sticky-bar:before{box-shadow:var(--sbb-shadow-elevation-level-11-shadow-2-offset-x) var(--sbb-shadow-elevation-level-11-shadow-2-offset-y) var(--sbb-shadow-elevation-level-11-shadow-2-blur) var(--sbb-shadow-elevation-level-11-shadow-2-spread) var(--sbb-shadow-elevation-level-11-soft-2-color),var(--sbb-shadow-elevation-level-11-shadow-1-offset-x) var(--sbb-shadow-elevation-level-11-shadow-1-offset-y) var(--sbb-shadow-elevation-level-11-shadow-1-blur) var(--sbb-shadow-elevation-level-11-shadow-1-spread) var(--sbb-shadow-elevation-level-11-soft-1-color);transition-duration:var(--sbb-sticky-bar-fade-in-animation-duration)}:host(:not([data-expanded])) .sbb-sticky-bar{padding-inline:var(--sbb-layout-base-offset-responsive);margin-inline:auto;width:100%}@media (min-width: 90rem){:host(:not([data-expanded])) .sbb-sticky-bar{max-width:calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive))}}:host([data-expanded]) .sbb-sticky-bar{padding-inline:var(--sbb-spacing-responsive-xxs)}.sbb-sticky-bar__intersector{height:1px}.sbb-sticky-bar__intersector:after{content:"";display:block;position:absolute;width:100%;height:calc(var(--sbb-sticky-bar-bottom-overlapping-height, 0) + 1px);background-color:transparent;pointer-events:none;transition:background-color var(--sbb-sticky-bar-fade-out-animation-duration) var(--sbb-sticky-bar-animation-easing)}:host([data-sticking]) .sbb-sticky-bar__intersector:after{transition-duration:var(--sbb-sticky-bar-fade-in-animation-duration);background-color:var(--sbb-sticky-bar-sticky-background-color)}`;
-var u = Object.defineProperty, g = Object.getOwnPropertyDescriptor, n = (a, s, e, r) => {
-  for (var t = r > 1 ? void 0 : r ? g(s, e) : s, o = a.length - 1, b; o >= 0; o--)
-    (b = a[o]) && (t = (r ? b(s, e, t) : b(t)) || t);
-  return r && t && u(s, e, t), t;
+const y = d`*,:before,:after{box-sizing:border-box}:host{--sbb-sticky-bar-padding-block: var(--sbb-spacing-responsive-xs);--sbb-sticky-bar-fade-in-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-5x) );--sbb-sticky-bar-fade-out-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-2x) );--sbb-sticky-bar-animation-easing: var(--sbb-animation-easing);--sbb-sticky-bar-border-radius: var(--sbb-border-radius-8x);display:contents}:host([data-sticking]){--sbb-sticky-bar-sticky-background-color: var( --sbb-container-background-color, var(--sbb-color-white) )}:host([data-sticking][color=white]){--sbb-sticky-bar-sticky-background-color: var(--sbb-color-white)}:host([data-sticking][color=milk]){--sbb-sticky-bar-sticky-background-color: var(--sbb-color-milk)}.sbb-sticky-bar__wrapper{position:sticky;inset-block-end:0;display:block;z-index:var(--sbb-sticky-bar-z-index)}.sbb-sticky-bar__wrapper:after,.sbb-sticky-bar__wrapper:before{content:"";top:0;right:0;bottom:0;left:0;position:absolute;display:block;z-index:-1}.sbb-sticky-bar__wrapper:before{background-color:var(--sbb-container-background-color);padding:0!important}:host(:not([data-expanded])) .sbb-sticky-bar__wrapper:before{padding-inline:var(--sbb-layout-base-offset-responsive);margin-inline:auto;width:100%}@media (min-width: 90rem){:host(:not([data-expanded])) .sbb-sticky-bar__wrapper:before{max-width:calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive))}}.sbb-sticky-bar__wrapper:after{background-color:var(--sbb-sticky-bar-sticky-background-color, transparent);transition:background-color var(--sbb-sticky-bar-fade-out-animation-duration) var(--sbb-sticky-bar-animation-easing);border-start-start-radius:var(--sbb-sticky-bar-border-radius);border-start-end-radius:var(--sbb-sticky-bar-border-radius)}:host([data-sticking]) .sbb-sticky-bar__wrapper:after{transition-duration:var(--sbb-sticky-bar-fade-in-animation-duration)}@media (forced-colors: active){:host([data-sticking]) .sbb-sticky-bar__wrapper:after{border-block-start:var(--sbb-border-width-1x) solid CanvasText;border-radius:0}}.sbb-sticky-bar{display:flex;padding-block:var(--sbb-sticky-bar-padding-block);margin-block-end:-1px}.sbb-sticky-bar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-start-start-radius:var(--sbb-sticky-bar-border-radius);border-start-end-radius:var(--sbb-sticky-bar-border-radius);transition:box-shadow var(--sbb-sticky-bar-fade-out-animation-duration) var(--sbb-sticky-bar-animation-easing);clip-path:polygon(-50% calc(-1 * var(--sbb-shadow-elevation-level-11-shadow-1-blur)),150% calc(-1 * var(--sbb-shadow-elevation-level-11-shadow-1-blur)),150% 50%,-50% 50%)}:host([data-sticking]) .sbb-sticky-bar:before{box-shadow:var(--sbb-shadow-elevation-level-11-shadow-2-offset-x) var(--sbb-shadow-elevation-level-11-shadow-2-offset-y) var(--sbb-shadow-elevation-level-11-shadow-2-blur) var(--sbb-shadow-elevation-level-11-shadow-2-spread) var(--sbb-shadow-elevation-level-11-soft-2-color),var(--sbb-shadow-elevation-level-11-shadow-1-offset-x) var(--sbb-shadow-elevation-level-11-shadow-1-offset-y) var(--sbb-shadow-elevation-level-11-shadow-1-blur) var(--sbb-shadow-elevation-level-11-shadow-1-spread) var(--sbb-shadow-elevation-level-11-soft-1-color);transition-duration:var(--sbb-sticky-bar-fade-in-animation-duration)}:host(:not([data-expanded])) .sbb-sticky-bar{padding-inline:var(--sbb-layout-base-offset-responsive);margin-inline:auto;width:100%}@media (min-width: 90rem){:host(:not([data-expanded])) .sbb-sticky-bar{max-width:calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive))}}:host([data-expanded]) .sbb-sticky-bar{padding-inline:var(--sbb-spacing-responsive-xxs)}.sbb-sticky-bar__intersector{height:1px}.sbb-sticky-bar__intersector:after{content:"";display:block;position:absolute;width:100%;height:calc(var(--sbb-sticky-bar-bottom-overlapping-height, 0) + 1px);background-color:transparent;pointer-events:none;transition:background-color var(--sbb-sticky-bar-fade-out-animation-duration) var(--sbb-sticky-bar-animation-easing)}:host([data-sticking]) .sbb-sticky-bar__intersector:after{transition-duration:var(--sbb-sticky-bar-fade-in-animation-duration);background-color:var(--sbb-sticky-bar-sticky-background-color)}`;
+var u = Object.defineProperty, g = Object.getOwnPropertyDescriptor, n = (a, s, o, r) => {
+  for (var t = r > 1 ? void 0 : r ? g(s, o) : s, e = a.length - 1, b; e >= 0; e--)
+    (b = a[e]) && (t = (r ? b(s, o, t) : b(t)) || t);
+  return r && t && u(s, o, t), t;
 };
 let i = class extends c {
   constructor() {

package/core/a11y/focus-visible-within-controller.d.ts

@@ -1,5 +1,4 @@
 import { ReactiveController, ReactiveControllerHost } from 'lit';
-
 export declare class SbbFocusVisibleWithinController implements ReactiveController {
     private _host;
     private _focusinHandler;

package/core/base-elements/action-base-element.d.ts

@@ -1,5 +1,4 @@
 import { LitElement, TemplateResult } from 'lit';
-
 export declare abstract class SbbActionBaseElement extends LitElement {
     protected get maybeDisabled(): boolean | undefined;
     protected setupBaseEventHandlers(): void;

package/core/base-elements/button-base-element.d.ts

@@ -1,5 +1,4 @@
 import { SbbActionBaseElement } from './action-base-element.js';
-
 /** Enumeration for type attribute in <button> HTML tag. */
 export type SbbButtonType = 'button' | 'reset' | 'submit';
 /** Button base class. */

package/core/base-elements/link-base-element.d.ts

@@ -1,7 +1,6 @@
 import { TemplateResult } from 'lit';
 import { SbbLanguageController } from '../controllers.js';
 import { SbbActionBaseElement } from './action-base-element.js';
-
 /** Enumeration for 'target' attribute in <a> HTML tag. */
 export type LinkTargetType = '_blank' | '_self' | '_parent' | '_top';
 /** Link base class. */

package/core/base-elements/open-close-base-element.d.ts

@@ -1,7 +1,6 @@
 import { LitElement } from 'lit';
 import { EventEmitter } from '../eventing.js';
 import { SbbOpenedClosedState } from '../interfaces.js';
-
 /**
  * Base class for overlay components.
  *
@@ -20,6 +19,8 @@ export declare abstract class SbbOpenCloseBaseElement extends LitElement {
     /** The state of the component. */
     protected set state(state: SbbOpenedClosedState);
     protected get state(): SbbOpenedClosedState;
+    /** Whether the element is open. */
+    get isOpen(): boolean;
     /** Emits whenever the component starts the opening transition. */
     protected willOpen: EventEmitter;
     /** Emits whenever the component is opened. */
@@ -34,4 +35,12 @@ export declare abstract class SbbOpenCloseBaseElement extends LitElement {
     abstract close(): void;
     connectedCallback(): void;
 }
+declare global {
+    interface GlobalEventHandlersEventMap {
+        willOpen: CustomEvent<void>;
+        willClose: CustomEvent<void>;
+        didOpen: CustomEvent<void>;
+        didClose: CustomEvent<void>;
+    }
+}
 //# sourceMappingURL=open-close-base-element.d.ts.map

package/core/base-elements/open-close-base-element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"open-close-base-element.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/base-elements/open-close-base-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAE7D;;;;;;;GAOG;AACH,8BAAsB,uBAAwB,SAAQ,UAAU;IAC9D,gBAAuB,MAAM;;;;;MAKlB;IAEX,kCAAkC;IAClC,SAAS,KAAK,KAAK,CAAC,KAAK,EAAE,oBAAoB,EAE9C;IACD,SAAS,KAAK,KAAK,IAAI,oBAAoB,CAE1C;IAED,kEAAkE;IAClE,SAAS,CAAC,QAAQ,EAAE,YAAY,CAG9B;IAEF,8CAA8C;IAC9C,SAAS,CAAC,OAAO,EAAE,YAAY,CAAkE;IAEjG,kEAAkE;IAClE,SAAS,CAAC,SAAS,EAAE,YAAY,CAG/B;IAEF,8CAA8C;IAC9C,SAAS,CAAC,QAAQ,EAAE,YAAY,CAG9B;IAEF,2BAA2B;aACX,IAAI,IAAI,IAAI;IAC5B,4BAA4B;aACZ,KAAK,IAAI,IAAI;IAEb,iBAAiB,IAAI,IAAI;CAI1C"}
+{"version":3,"file":"open-close-base-element.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/base-elements/open-close-base-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAE7D;;;;;;;GAOG;AACH,8BAAsB,uBAAwB,SAAQ,UAAU;IAC9D,gBAAuB,MAAM;;;;;MAKlB;IAEX,kCAAkC;IAClC,SAAS,KAAK,KAAK,CAAC,KAAK,EAAE,oBAAoB,EAE9C;IACD,SAAS,KAAK,KAAK,IAAI,oBAAoB,CAE1C;IAED,mCAAmC;IACnC,IAAW,MAAM,IAAI,OAAO,CAE3B;IAED,kEAAkE;IAClE,SAAS,CAAC,QAAQ,EAAE,YAAY,CAG9B;IAEF,8CAA8C;IAC9C,SAAS,CAAC,OAAO,EAAE,YAAY,CAAkE;IAEjG,kEAAkE;IAClE,SAAS,CAAC,SAAS,EAAE,YAAY,CAG/B;IAEF,8CAA8C;IAC9C,SAAS,CAAC,QAAQ,EAAE,YAAY,CAG9B;IAEF,2BAA2B;aACX,IAAI,IAAI,IAAI;IAC5B,4BAA4B;aACZ,KAAK,IAAI,IAAI;IAEb,iBAAiB,IAAI,IAAI;CAI1C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,2BAA2B;QACnC,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;QAC5B,SAAS,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;QAC7B,OAAO,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;QAC3B,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;KAC7B;CACF"}

package/core/base-elements.js

@@ -214,6 +214,10 @@ const p = class p extends w {
   get state() {
     return this.getAttribute("data-state");
   }
+  /** Whether the element is open. */
+  get isOpen() {
+    return this.state === "opened";
+  }
   connectedCallback() {
     super.connectedCallback(), this.state || (this.state = "closed");
   }

package/core/config/config.d.ts

@@ -1,5 +1,4 @@
 import { DateAdapter } from '../datetime.js';
-
 export interface SbbIconConfig {
     interceptor?: (parameters: {
         namespace: string;

package/core/controllers/connected-abort-controller.d.ts

@@ -1,5 +1,4 @@
 import { ReactiveController, ReactiveControllerHost } from 'lit';
-
 export declare class SbbConnectedAbortController implements ReactiveController {
     private _host;
     private _abortController?;

package/core/controllers/inert-controller.d.ts

@@ -0,0 +1,18 @@
+import { ReactiveController, ReactiveControllerHost } from 'lit';
+import { SbbOpenCloseBaseElement } from '../base-elements/open-close-base-element.js';
+export declare class SbbInertController implements ReactiveController {
+    private _host;
+    private _inertElements;
+    private _inertOverlays;
+    constructor(_host: ReactiveControllerHost & SbbOpenCloseBaseElement, _inertElements?: Set<HTMLElement>, _inertOverlays?: Set<HTMLElement>);
+    hostConnected(): void;
+    hostDisconnected(): void;
+    /** Applies inert state to every other element on the page except the overlay. */
+    activate(): void;
+    /** Removes inert state. */
+    deactivate(): void;
+    private _currentOverlay;
+    private _removeInertAttributes;
+    private _addInertAttributes;
+}
+//# sourceMappingURL=inert-controller.d.ts.map

package/core/controllers/inert-controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inert-controller.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/controllers/inert-controller.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAEtE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,6CAA6C,CAAC;AAM3F,qBAAa,kBAAmB,YAAW,kBAAkB;IAEzD,OAAO,CAAC,KAAK;IACb,OAAO,CAAC,cAAc;IACtB,OAAO,CAAC,cAAc;gBAFd,KAAK,EAAE,sBAAsB,GAAG,uBAAuB,EACvD,cAAc,mBAAgB,EAC9B,cAAc,mBAAgB;IAKjC,aAAa,IAAI,IAAI;IAMrB,gBAAgB,IAAI,IAAI;IAM/B,iFAAiF;IAC1E,QAAQ,IAAI,IAAI;IAUvB,2BAA2B;IACpB,UAAU,IAAI,IAAI;IAyBzB,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,sBAAsB;IAmB9B,OAAO,CAAC,mBAAmB;CA6B5B"}

package/core/controllers/language-controller.d.ts

@@ -1,5 +1,4 @@
 import { ReactiveController, ReactiveControllerHost } from 'lit';
-
 /**
  * The LanguageController is a reactive controller that observes the "lang" attribute
  * of the <html> tag.

package/core/controllers/slot-state-controller.d.ts

@@ -1,5 +1,4 @@
 import { ReactiveController, ReactiveControllerHost } from 'lit';
-
 /**
  * This controller checks for slotted children. From these it generates
  * a list of used slot names (`unnamed` for children without a slot attribute)

package/core/controllers.d.ts

@@ -1,4 +1,5 @@
 export * from './controllers/connected-abort-controller.js';
+export * from './controllers/inert-controller.js';
 export * from './controllers/language-controller.js';
 export * from './controllers/slot-state-controller.js';
 //# sourceMappingURL=controllers.d.ts.map

package/core/controllers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"controllers.d.ts","sourceRoot":"","sources":["../../../src/elements/core/controllers.ts"],"names":[],"mappings":"AAAA,cAAc,6CAA6C,CAAC;AAC5D,cAAc,sCAAsC,CAAC;AACrD,cAAc,wCAAwC,CAAC"}
+{"version":3,"file":"controllers.d.ts","sourceRoot":"","sources":["../../../src/elements/core/controllers.ts"],"names":[],"mappings":"AAAA,cAAc,6CAA6C,CAAC;AAC5D,cAAc,mCAAmC,CAAC;AAClD,cAAc,sCAAsC,CAAC;AACrD,cAAc,wCAAwC,CAAC"}

package/core/controllers.js

@@ -1,7 +1,7 @@
-import { isServer as d } from "lit";
+import { isServer as c } from "lit";
 import { readConfig as u } from "./config.js";
 import { AgnosticMutationObserver as _ } from "./observers.js";
-class b {
+class C {
   constructor(t) {
     this._host = t, this._abortController = new AbortController(), this._host.addController(this);
   }
@@ -17,14 +17,57 @@ class b {
     (t = this._abortController) == null || t.abort(), this._abortController = void 0;
   }
 }
+const b = ["script", "head", "template", "style"], f = /* @__PURE__ */ new Set(), g = /* @__PURE__ */ new Set();
+class E {
+  constructor(t, i = f, r = g) {
+    var s, o;
+    this._host = t, this._inertElements = i, this._inertOverlays = r, (o = (s = this._host).addController) == null || o.call(s, this);
+  }
+  hostConnected() {
+    this._host.isOpen && this.activate();
+  }
+  hostDisconnected() {
+    this._inertOverlays.has(this._host) && this.deactivate();
+  }
+  /** Applies inert state to every other element on the page except the overlay. */
+  activate() {
+    this._inertOverlays.size && this._removeInertAttributes(), this._inertOverlays.add(this._host), this._addInertAttributes();
+  }
+  /** Removes inert state. */
+  deactivate() {
+    if (this._currentOverlay() !== this._host) {
+      this._inertOverlays.has(this._host) && this._inertOverlays.delete(this._host);
+      return;
+    }
+    this._removeInertAttributes(), this._inertOverlays.delete(this._host), this._inertOverlays.size && this._addInertAttributes();
+  }
+  _currentOverlay() {
+    return [...this._inertOverlays].pop() ?? null;
+  }
+  _removeInertAttributes() {
+    this._inertElements.forEach((t) => {
+      t && (t.hasAttribute("data-sbb-inert") && (t.inert = !1, t.removeAttribute("data-sbb-inert")), t.hasAttribute("data-sbb-aria-hidden") && (t.removeAttribute("aria-hidden"), t.removeAttribute("data-sbb-aria-hidden")));
+    }), this._inertElements.clear();
+  }
+  _addInertAttributes() {
+    var i, r;
+    let t = this._currentOverlay();
+    for (; t !== document.documentElement && t !== null; )
+      Array.from(((i = (t == null ? void 0 : t.parentElement) ?? (t == null ? void 0 : t.getRootNode())) == null ? void 0 : i.childNodes) ?? []).filter(
+        (s) => s !== t && s instanceof window.HTMLElement && !b.includes(s.localName)
+      ).forEach((s) => {
+        this._inertElements.add(s), s.inert || (s.inert = !0, s.toggleAttribute("data-sbb-inert", !0)), s.hasAttribute("aria-hidden") || (s.setAttribute("aria-hidden", "true"), s.toggleAttribute("data-sbb-aria-hidden", !0));
+      }), t = (t == null ? void 0 : t.parentElement) ?? ((r = t == null ? void 0 : t.getRootNode()) == null ? void 0 : r.host) ?? null;
+  }
+}
 const e = class e {
   constructor(t) {
     this._host = t, this._handlers = [], this._host.addController(this);
   }
   /** Get the current language. */
   static get current() {
-    const s = ((u().language ?? (d ? e._defaultLanguage : document.documentElement.getAttribute("lang"))) || e._defaultLanguage).split("-")[0];
-    return e._supportedLocales.includes(s) ? s : e._defaultLanguage;
+    const i = ((u().language ?? (c ? e._defaultLanguage : document.documentElement.getAttribute("lang"))) || e._defaultLanguage).split("-")[0];
+    return e._supportedLocales.includes(i) ? i : e._defaultLanguage;
   }
   /** Get the current language. */
   get current() {
@@ -44,20 +87,20 @@ const e = class e {
     this._previousLanguage = this.current, e._listeners.delete(this), e._listeners.size || e._observer.disconnect();
   }
   _callHandlers(t = !0) {
-    this._handlers.forEach((s) => s()), t && this._host.requestUpdate();
+    this._handlers.forEach((i) => i()), t && this._host.requestUpdate();
   }
 };
 e._defaultLanguage = "en", e._supportedLocales = ["en", "de", "fr", "it"], e._listeners = /* @__PURE__ */ new Set(), e._observer = new _((t) => {
-  t[0].oldValue !== document.documentElement.getAttribute("lang") && e._listeners.forEach((s) => s._callHandlers());
+  t[0].oldValue !== document.documentElement.getAttribute("lang") && e._listeners.forEach((i) => i._callHandlers());
 }), e._observerConfig = {
   attributeFilter: ["lang"],
   attributeOldValue: !0
 };
-let h = e;
-class C {
-  constructor(t, s = null) {
-    this._host = t, this._onChangeCallback = s, this.slots = /* @__PURE__ */ new Set(), this._slotchangeHandler = (o) => {
-      this._syncSlots(o.target);
+let d = e;
+class p {
+  constructor(t, i = null) {
+    this._host = t, this._onChangeCallback = i, this.slots = /* @__PURE__ */ new Set(), this._slotchangeHandler = (r) => {
+      this._syncSlots(r.target);
     }, this._host.addController(this);
   }
   hostConnected() {
@@ -69,20 +112,21 @@ class C {
     (t = this._host.shadowRoot) == null || t.removeEventListener("slotchange", this._slotchangeHandler);
   }
   _syncSlots(...t) {
-    var n;
-    for (const r of t) {
-      const i = r.name || "unnamed";
-      r.assignedNodes().some((l) => {
-        var a;
-        return "tagName" in l || ((a = l.textContent) == null ? void 0 : a.trim());
-      }) ? this.slots.add(i) : this.slots.delete(i);
+    var s;
+    for (const o of t) {
+      const a = o.name || "unnamed";
+      o.assignedNodes().some((h) => {
+        var l;
+        return "tagName" in h || ((l = h.textContent) == null ? void 0 : l.trim());
+      }) ? this.slots.add(a) : this.slots.delete(a);
     }
-    const s = this._host.getAttribute("data-slot-names"), o = [...this.slots].sort().join(" ");
-    o ? this._host.getAttribute("data-slot-names") !== o && this._host.setAttribute("data-slot-names", o) : this._host.removeAttribute("data-slot-names"), o !== s && ((n = this._onChangeCallback) == null || n.call(this));
+    const i = this._host.getAttribute("data-slot-names"), r = [...this.slots].sort().join(" ");
+    r ? this._host.getAttribute("data-slot-names") !== r && this._host.setAttribute("data-slot-names", r) : this._host.removeAttribute("data-slot-names"), r !== i && ((s = this._onChangeCallback) == null || s.call(this));
   }
 }
 export {
-  b as SbbConnectedAbortController,
-  h as SbbLanguageController,
-  C as SbbSlotStateController
+  C as SbbConnectedAbortController,
+  E as SbbInertController,
+  d as SbbLanguageController,
+  p as SbbSlotStateController
 };

package/core/datetime/native-date-adapter.d.ts

@@ -1,6 +1,5 @@
 import { SbbDateLike } from '../interfaces.js';
 import { DateAdapter } from './date-adapter.js';
-
 export declare class NativeDateAdapter extends DateAdapter<Date> {
     private readonly _cutoffYearOffset;
     constructor(cutoffYearOffset?: number);

package/core/decorators/host-attributes.d.ts

@@ -1,6 +1,5 @@
 import { ReactiveElement } from 'lit';
 import { AbstractConstructor } from '../mixins.js';
-
 /**
  * Applies the given attributes to the related element.
  * If an empty string is passed as a value, the attribute will be set

package/core/decorators/slot-state.d.ts

@@ -1,6 +1,5 @@
 import { ReactiveElement } from 'lit';
 import { AbstractConstructor } from '../mixins.js';
-
 /**
  * Adds the {@link SbbSlotStateController} to the related element.
  *

package/core/dom/ssr.d.ts

@@ -1,5 +1,4 @@
 import { LitElement } from 'lit';
-
 /**
  * In SSR the local/tag name is not available on the class instance, but it is available
  * in the shim customElements registry.

package/core/eventing/form-element-handlers.d.ts

@@ -1,5 +1,4 @@
 import { HandlerAspect } from './handler-repository.js';
-
 /**
  * Prevents scrolling from pressing Space
  * @param event The origin event.

package/core/i18n/i18n.d.ts

@@ -1,5 +1,4 @@
 import { SbbLanguage, SbbOccupancy } from '../interfaces.js';
-
 export declare const i18nDirection: Record<string, string>;
 export declare const i18nArrival: Record<string, string>;
 export declare const i18nSector: Record<string, string>;

package/core/i18n.js

@@ -499,7 +499,7 @@ const n = {
   it: "Clicca su questa scheda per i dettagli"
 }, he = {
   de: "Klicken Sie auf diese Karte, um zurück zur Zusammenfassung zu gelangen",
-  en: "Click on this card to go back to summary",
+  en: "Click on this card to go back to the summary",
   fr: "Cliquez sur cette carte pour revenir au résumé",
   it: "Clicca su questa scheda per tornare al sommario"
 }, ge = {

package/core/images.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"images.d.ts","sourceRoot":"","sources":["../../../src/elements/core/images.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY,EAAE,MAAM,EAWzB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"images.d.ts","sourceRoot":"","sources":["../../../src/elements/core/images.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY,EAAE,MAAM,EAYzB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/core/mixins/disabled-mixin.d.ts

@@ -1,6 +1,5 @@
 import { LitElement } from 'lit';
 import { AbstractConstructor } from './constructor.js';
-
 export declare class SbbDisabledMixinType {
     set disabled(value: boolean);
     get disabled(): boolean;

package/core/mixins/form-associated-checkbox-mixin.d.ts

@@ -3,7 +3,6 @@ import { Constructor } from './constructor.js';
 import { SbbDisabledMixinType } from './disabled-mixin.js';
 import { FormRestoreReason, FormRestoreState, SbbFormAssociatedMixinType } from './form-associated-mixin.js';
 import { SbbRequiredMixinType } from './required-mixin.js';
-
 export declare abstract class SbbFormAssociatedCheckboxMixinType extends SbbFormAssociatedMixinType implements Partial<SbbDisabledMixinType>, Partial<SbbRequiredMixinType> {
     get checked(): boolean;
     set checked(value: boolean);

package/core/mixins/form-associated-mixin.d.ts

@@ -1,6 +1,5 @@
 import { LitElement } from 'lit';
 import { Constructor } from './constructor.js';
-
 export declare abstract class SbbFormAssociatedMixinType {
     get form(): HTMLFormElement | null;
     get name(): string;

package/core/mixins/hydration-mixin.d.ts

@@ -1,6 +1,5 @@
 import { LitElement } from 'lit';
 import { AbstractConstructor } from './constructor.js';
-
 export declare abstract class SbbHydrationMixinType {
     /**
      * Returns a Promise that resolves when the element has completed hydration.

package/core/mixins/named-slot-list-mixin.d.ts

@@ -1,7 +1,10 @@
 import { LitElement, TemplateResult } from 'lit';
 import { AbstractConstructor } from './constructor.js';
 import { SbbHydrationMixinType } from './hydration-mixin.js';
-
+export type SbbNamedSlotProperties = {
+    name: string;
+    ariaHidden: boolean;
+};
 /**
  * Helper type for willUpdate or similar checks.
  * Allows the usage of the string literal 'listChildren'.
@@ -23,8 +26,10 @@ export declare abstract class SbbNamedSlotListMixinType<C extends HTMLElement> e
         class?: string;
         ariaLabel?: string;
         ariaLabelledby?: string;
+    }, listItemAttributes?: {
+        localNameVisualOnly?: string[];
     }): TemplateResult;
-    protected listSlotNames(): string[];
+    protected listSlotEntries(): SbbNamedSlotProperties[];
     protected renderHiddenSlot(): TemplateResult;
 }
 export declare const SbbNamedSlotListMixin: <C extends HTMLElement, T extends AbstractConstructor<LitElement>>(superClass: T) => AbstractConstructor<SbbNamedSlotListMixinType<C>> & T;

package/core/mixins/named-slot-list-mixin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"named-slot-list-mixin.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/mixins/named-slot-list-mixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAW,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAqB,KAAK,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAErF,OAAO,6BAA6B,CAAC;AAKrC;;;;;;;;;;GAUG;AACH,MAAM,MAAM,gBAAgB,CAC1B,CAAC,SAAS,yBAAyB,CAAC,CAAC,CAAC,EACtC,CAAC,SAAS,WAAW,GAAG,WAAW,IACjC,CAAC,GAAG;IAAE,YAAY,EAAE,CAAC,EAAE,CAAA;CAAE,CAAC;AAE9B,MAAM,CAAC,OAAO,CAAC,QAAQ,OAAO,yBAAyB,CACrD,CAAC,SAAS,WAAW,CACrB,SAAQ,qBAAqB;IAC7B,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,mBAAmB,EAAE,MAAM,EAAE,CAAC;IACjD,SAAS,CAAC,YAAY,EAAE,CAAC,EAAE,CAAC;IACrC,SAAS,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE;QAChC,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,cAAc,CAAC,EAAE,MAAM,CAAC;KACzB,GAAG,cAAc;IAClB,SAAS,CAAC,aAAa,IAAI,MAAM,EAAE;IACnC,SAAS,CAAC,gBAAgB,IAAI,cAAc;CAC7C;AAGD,eAAO,MAAM,qBAAqB,GAChC,CAAC,SAAS,WAAW,EACrB,CAAC,SAAS,mBAAmB,CAAC,UAAU,CAAC,cAE7B,CAAC,KACZ,mBAAmB,CAAC,yBAAyB,CAAC,CAAC,CAAC,CAAC,GAAG,CAsHtD,CAAC"}
+{"version":3,"file":"named-slot-list-mixin.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/mixins/named-slot-list-mixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAW,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAqB,KAAK,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAErF,OAAO,6BAA6B,CAAC;AAKrC,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;GAUG;AACH,MAAM,MAAM,gBAAgB,CAC1B,CAAC,SAAS,yBAAyB,CAAC,CAAC,CAAC,EACtC,CAAC,SAAS,WAAW,GAAG,WAAW,IACjC,CAAC,GAAG;IAAE,YAAY,EAAE,CAAC,EAAE,CAAA;CAAE,CAAC;AAE9B,MAAM,CAAC,OAAO,CAAC,QAAQ,OAAO,yBAAyB,CACrD,CAAC,SAAS,WAAW,CACrB,SAAQ,qBAAqB;IAC7B,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,mBAAmB,EAAE,MAAM,EAAE,CAAC;IACjD,SAAS,CAAC,YAAY,EAAE,CAAC,EAAE,CAAC;IACrC,SAAS,CAAC,UAAU,CAClB,UAAU,CAAC,EAAE;QACX,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,cAAc,CAAC,EAAE,MAAM,CAAC;KACzB,EACD,kBAAkB,CAAC,EAAE;QACnB,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;KAChC,GACA,cAAc;IACjB,SAAS,CAAC,eAAe,IAAI,sBAAsB,EAAE;IACrD,SAAS,CAAC,gBAAgB,IAAI,cAAc;CAC7C;AAGD,eAAO,MAAM,qBAAqB,GAChC,CAAC,SAAS,WAAW,EACrB,CAAC,SAAS,mBAAmB,CAAC,UAAU,CAAC,cAE7B,CAAC,KACZ,mBAAmB,CAAC,yBAAyB,CAAC,CAAC,CAAC,CAAC,GAAG,CAsItD,CAAC"}

package/core/mixins/negative-mixin.d.ts

@@ -1,6 +1,5 @@
 import { LitElement } from 'lit';
 import { AbstractConstructor } from './constructor.js';
-
 export declare class SbbNegativeMixinType {
     negative: boolean;
 }

package/core/mixins/panel-mixin.d.ts

@@ -1,6 +1,5 @@
 import { LitElement } from 'lit';
 import { AbstractConstructor } from './constructor.js';
-
 export declare class SbbPanelMixinType {
     color: 'white' | 'milk';
     borderless: boolean;

package/core/mixins/required-mixin.d.ts

@@ -1,7 +1,6 @@
 import { LitElement } from 'lit';
 import { AbstractConstructor } from './constructor.js';
 import { SbbFormAssociatedMixinType } from './form-associated-mixin.js';
-
 export declare class SbbRequiredMixinType {
     set required(value: boolean);
     get required(): boolean;

package/core/mixins/update-scheduler-mixin.d.ts

@@ -1,6 +1,5 @@
 import { LitElement } from 'lit';
 import { AbstractConstructor } from './constructor.js';
-
 export declare class SbbUpdateSchedulerMixinType {
     protected startUpdate(): void;
     protected completeUpdate(): void;