@sbb-esta/lyne-elements 1.5.0 → 1.7.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.
  *

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/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/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;

package/core/mixins.js

@@ -1,16 +1,16 @@
 import { property as o, state as y } from "lit/decorators.js";
-import { defaultConverter as u, html as b, nothing as p, css as x } from "lit";
+import { defaultConverter as p, html as c, nothing as b, css as x } from "lit";
 import { hostAttributes as k } from "./decorators.js";
 import { preventScrollOnSpacebarPress as v, EventEmitter as w } from "./eventing.js";
 import { getLocalName as f } from "./dom.js";
 import "../screen-reader-only.js";
-var S = Object.defineProperty, E = Object.getOwnPropertyDescriptor, P = (n, s, r, t) => {
-  for (var e = E(s, r), i = n.length - 1, a; i >= 0; i--)
-    (a = n[i]) && (e = a(s, r, e) || e);
+var S = Object.defineProperty, E = Object.getOwnPropertyDescriptor, P = (i, s, r, t) => {
+  for (var e = E(s, r), n = i.length - 1, a; n >= 0; n--)
+    (a = i[n]) && (e = a(s, r, e) || e);
   return e && S(s, r, e), e;
 };
-const C = (n) => {
-  class s extends n {
+const C = (i) => {
+  class s extends i {
     constructor() {
       super(...arguments), this._disabled = !1;
     }
@@ -31,21 +31,21 @@ const C = (n) => {
   return P([
     o({ reflect: !0, type: Boolean })
   ], s.prototype, "disabled"), s;
-}, J = (n) => {
-  class s extends C(n) {
+}, J = (i) => {
+  class s extends C(i) {
     willUpdate(t) {
       super.willUpdate(t), t.has("disabled") && (this.disabled ? (this.setAttribute("aria-disabled", "true"), this.removeAttribute("tabindex")) : (this.removeAttribute("aria-disabled"), this.setAttribute("tabindex", "0")));
     }
   }
   return s;
 };
-var $ = Object.defineProperty, R = Object.getOwnPropertyDescriptor, c = (n, s, r, t) => {
-  for (var e = t > 1 ? void 0 : t ? R(s, r) : s, i = n.length - 1, a; i >= 0; i--)
-    (a = n[i]) && (e = (t ? a(s, r, e) : a(e)) || e);
+var $ = Object.defineProperty, O = Object.getOwnPropertyDescriptor, h = (i, s, r, t) => {
+  for (var e = t > 1 ? void 0 : t ? O(s, r) : s, n = i.length - 1, a; n >= 0; n--)
+    (a = i[n]) && (e = (t ? a(s, r, e) : a(e)) || e);
   return t && e && $(s, r, e), e;
 };
-const A = (n) => {
-  const r = class r extends n {
+const R = (i) => {
+  const r = class r extends i {
     constructor() {
       super(...arguments), this._value = null, this.internals = this.attachInternals(), this.formDisabled = !1;
     }
@@ -97,8 +97,8 @@ const A = (n) => {
     get willValidate() {
       return this.internals.willValidate;
     }
-    attributeChangedCallback(e, i, a) {
-      (e !== "name" || i !== a) && super.attributeChangedCallback(e, i, a);
+    attributeChangedCallback(e, n, a) {
+      (e !== "name" || n !== a) && super.attributeChangedCallback(e, n, a);
     }
     /**
      * Returns true if internals target element has no validity problems; false otherwise.
@@ -137,21 +137,21 @@ const A = (n) => {
   };
   r.formAssociated = !0;
   let s = r;
-  return c([
+  return h([
     o()
-  ], s.prototype, "name", 1), c([
+  ], s.prototype, "name", 1), h([
     o()
-  ], s.prototype, "value", 1), c([
+  ], s.prototype, "value", 1), h([
     y()
   ], s.prototype, "formDisabled", 2), s;
 };
-var O = Object.defineProperty, q = Object.getOwnPropertyDescriptor, L = (n, s, r, t) => {
-  for (var e = q(s, r), i = n.length - 1, a; i >= 0; i--)
-    (a = n[i]) && (e = a(s, r, e) || e);
-  return e && O(s, r, e), e;
+var q = Object.defineProperty, L = Object.getOwnPropertyDescriptor, A = (i, s, r, t) => {
+  for (var e = L(s, r), n = i.length - 1, a; n >= 0; n--)
+    (a = i[n]) && (e = a(s, r, e) || e);
+  return e && q(s, r, e), e;
 };
-const D = (n) => {
-  class s extends n {
+const D = (i) => {
+  class s extends i {
     constructor() {
       super(...arguments), this._required = !1;
     }
@@ -172,17 +172,17 @@ const D = (n) => {
       return !1;
     }
   }
-  return L([
+  return A([
     o({ reflect: !0, type: Boolean })
   ], s.prototype, "required"), s;
 };
-var M = Object.defineProperty, U = Object.getOwnPropertyDescriptor, m = (n, s, r, t) => {
-  for (var e = t > 1 ? void 0 : t ? U(s, r) : s, i = n.length - 1, a; i >= 0; i--)
-    (a = n[i]) && (e = (t ? a(s, r, e) : a(e)) || e);
+var M = Object.defineProperty, U = Object.getOwnPropertyDescriptor, m = (i, s, r, t) => {
+  for (var e = t > 1 ? void 0 : t ? U(s, r) : s, n = i.length - 1, a; n >= 0; n--)
+    (a = i[n]) && (e = (t ? a(s, r, e) : a(e)) || e);
   return t && e && M(s, r, e), e;
 };
-const Q = (n) => {
-  let s = class extends C(D(A(n))) {
+const Q = (i) => {
+  let s = class extends C(D(R(i))) {
     constructor() {
       super(), this._attributeMutationBlocked = !1, this._checked = !1, this._handleKeyboardInteraction = (r) => {
         r.key === " " && this._handleUserInteraction();
@@ -235,11 +235,11 @@ const Q = (n) => {
     o({
       type: Boolean,
       converter: {
-        ...u,
+        ...p,
         // We need to pass information to the setter so that we know it was called by attribute change.
         fromAttribute: (r, t) => {
-          var i, a;
-          return { value: (a = (i = u).fromAttribute) == null ? void 0 : a.call(i, r, t), attribute: !0 };
+          var n, a;
+          return { value: (a = (n = p).fromAttribute) == null ? void 0 : a.call(n, r, t), attribute: !0 };
         }
       }
     })
@@ -248,23 +248,23 @@ const Q = (n) => {
       tabindex: "0"
     })
   ], s), s;
-}, I = (n) => {
-  class s extends n {
+}, N = (i) => {
+  class s extends i {
     constructor(...t) {
       var e;
       if (super(...t), this._hydrationComplete = new Promise(
-        (i) => this._resolveHydration = i
+        (n) => this._resolveHydration = n
       ), this._hydrationRequired = !!this.shadowRoot, !this._hydrationRequired)
         this._resolveHydration(!1);
       else {
-        const i = (l) => {
-          this._hydrationRequired && l.stopImmediatePropagation();
-        }, a = { capture: !0 }, d = (e = this.shadowRoot) == null ? void 0 : e.querySelectorAll("slot");
-        d != null && d.length && (d.forEach(
-          (l) => l.addEventListener("slotchange", i, a)
+        const n = (d) => {
+          this._hydrationRequired && d.stopImmediatePropagation();
+        }, a = { capture: !0 }, l = (e = this.shadowRoot) == null ? void 0 : e.querySelectorAll("slot");
+        l != null && l.length && (l.forEach(
+          (d) => d.addEventListener("slotchange", n, a)
         ), this.hydrationComplete.then(
-          () => d.forEach((l) => {
-            l.removeEventListener("slotchange", i, a), l.assignedNodes().length && l.dispatchEvent(new Event("slotchange", { bubbles: !0 }));
+          () => l.forEach((d) => {
+            d.removeEventListener("slotchange", n, a), d.assignedNodes().length && d.dispatchEvent(new Event("slotchange", { bubbles: !0 }));
           })
         ));
       }
@@ -290,20 +290,20 @@ const Q = (n) => {
   }
   return s;
 };
-var N = Object.defineProperty, B = (n, s, r, t) => {
-  for (var e = void 0, i = n.length - 1, a; i >= 0; i--)
-    (a = n[i]) && (e = a(s, r, e) || e);
-  return e && N(s, r, e), e;
+var B = Object.defineProperty, V = (i, s, r, t) => {
+  for (var e = void 0, n = i.length - 1, a; n >= 0; n--)
+    (a = i[n]) && (e = a(s, r, e) || e);
+  return e && B(s, r, e), e;
 };
-const _ = "data-ssr-child-count", g = "li", W = (n) => {
-  class s extends I(n) {
+const _ = "data-ssr-child-count", g = "li", W = (i) => {
+  class s extends N(i) {
     constructor() {
       super(...arguments), this.listChildren = [], this._handleSlotchange = () => {
         const t = Array.from(this.children ?? []).filter(
           (e) => this.listChildLocalNames.includes(e.localName)
         );
-        t.length === this.listChildren.length && this.listChildren.every((e, i) => t[i] === e) || (this.listChildren.filter((e) => !t.includes(e)).forEach((e) => e.removeAttribute("slot")), this.listChildren = t, this.listChildren.forEach(
-          (e, i) => e.setAttribute("slot", `${g}-${i}`)
+        t.length === this.listChildren.length && this.listChildren.every((e, n) => t[n] === e) || (this.listChildren.filter((e) => !t.includes(e)).forEach((e) => e.removeAttribute("slot")), this.listChildren = t, this.listChildren.forEach(
+          (e, n) => e.setAttribute("slot", `${g}-${n}`)
         ), this.removeAttribute(_));
       };
     }
@@ -316,42 +316,54 @@ const _ = "data-ssr-child-count", g = "li", W = (n) => {
       super.disconnectedCallback(), (t = this.shadowRoot) == null || t.removeEventListener("slotchange", this._handleSlotchange);
     }
     /**
-     * Renders list and list slots for slotted children or an amount of list slots
+     * Renders list and list slots for slotted children or a number of list slots
      * corresponding to the `data-ssr-child-count` attribute value.
      *
      * This is a possible optimization for SSR, as in an SSR Lit environment
      * other elements are not available, but might be available in the meta
-     * framework wrapper (like e.g. React). This allows to provide the amount of
+     * framework wrapper (like e.g. React). This allows to provide the number of
      * children to be passed via the `data-ssr-child-count` attribute value.
      */
-    renderList(t = {}) {
-      const e = this.listSlotNames();
-      return e.length >= 2 ? b`
+    renderList(t = {}, e = {}) {
+      const n = this.listSlotEntries(e);
+      return n.length >= 2 ? c`
           <ul
             class=${t.class || (this.localName ?? f(this))}
-            aria-label=${t.ariaLabel || p}
-            aria-labelledby=${t.ariaLabelledby || p}
+            aria-label=${t.ariaLabel || b}
+            aria-labelledby=${t.ariaLabelledby || b}
           >
-            ${e.map((i) => b`<li><slot name=${i}></slot></li>`)}
+            ${n.map(
+        (a) => c`
+                <li aria-hidden=${a.ariaHidden || b}>
+                  <slot name=${a.name}></slot>
+                </li>
+              `
+      )}
           </ul>
           ${this.renderHiddenSlot()}
-        ` : e.length === 1 ? b`<sbb-screen-reader-only>${t.ariaLabel}</sbb-screen-reader-only>
+        ` : n.length === 1 ? c`<sbb-screen-reader-only>${t.ariaLabel}</sbb-screen-reader-only>
           <span class=${t.class || (this.localName ?? f(this))}>
-            <span><slot name=${e[0]}></slot></span>
+            <span><slot name=${n[0].name}></slot></span>
           </span>
           ${this.renderHiddenSlot()} ` : this.renderHiddenSlot();
     }
     /**
-     * Returns an array of list slot names with the length corresponding to the amount of matched
-     * children or the `data-ssr-child-count` attribute value.
+     * Returns an array of SbbNamedSlotProperties, which holds the list slot names and the hidden property;
+     * its length corresponds to the number of matched children or the `data-ssr-child-count` attribute value.
      *
      * This is a possible optimization for SSR, as in an SSR Lit environment
      * other elements are not available, but might be available in the meta
-     * framework wrapper (like e.g. React). This allows to provide the amount of
+     * framework wrapper (like e.g. React). This allows to provide the number of
      * children to be passed via the `data-ssr-child-count` attribute value.
      */
-    listSlotNames() {
-      return (this.listChildren.length ? this.listChildren : Array.from({ length: +(this.getAttribute(_) ?? 0) })).map((e, i) => `${g}-${i}`);
+    listSlotEntries(t) {
+      return (this.listChildren.length ? this.listChildren : Array.from({ length: +(this.getAttribute(_) ?? 0) })).map((n, a) => {
+        var l;
+        return {
+          name: `${g}-${a}`,
+          ariaHidden: ((l = t == null ? void 0 : t.localNameVisualOnly) == null ? void 0 : l.includes(n.localName)) ?? !1
+        };
+      });
     }
     /**
      * Returns a hidden slot, which is intended as the children change detection.
@@ -359,36 +371,36 @@ const _ = "data-ssr-child-count", g = "li", W = (n) => {
      * the slotchange event, which can be used to assign it to the appropriate named slot.
      */
     renderHiddenSlot() {
-      return b`<span hidden><slot></slot></span>`;
+      return c`<span hidden><slot></slot></span>`;
     }
   }
-  return B([
+  return V([
     y()
   ], s.prototype, "listChildren"), s;
 };
-var V = Object.defineProperty, j = (n, s, r, t) => {
-  for (var e = void 0, i = n.length - 1, a; i >= 0; i--)
-    (a = n[i]) && (e = a(s, r, e) || e);
-  return e && V(s, r, e), e;
+var j = Object.defineProperty, H = (i, s, r, t) => {
+  for (var e = void 0, n = i.length - 1, a; n >= 0; n--)
+    (a = i[n]) && (e = a(s, r, e) || e);
+  return e && j(s, r, e), e;
 };
-const Y = (n) => {
-  class s extends n {
+const Y = (i) => {
+  class s extends i {
     constructor() {
       super(...arguments), this.negative = !1;
     }
   }
-  return j([
+  return H([
     o({ reflect: !0, type: Boolean })
   ], s.prototype, "negative"), s;
 };
-var H = Object.defineProperty, h = (n, s, r, t) => {
-  for (var e = void 0, i = n.length - 1, a; i >= 0; i--)
-    (a = n[i]) && (e = a(s, r, e) || e);
-  return e && H(s, r, e), e;
+var I = Object.defineProperty, u = (i, s, r, t) => {
+  for (var e = void 0, n = i.length - 1, a; n >= 0; n--)
+    (a = i[n]) && (e = a(s, r, e) || e);
+  return e && I(s, r, e), e;
 };
-const Z = (n) => {
+const Z = (i) => {
   var t;
-  const s = (t = class extends n {
+  const s = (t = class extends i {
     constructor() {
       super(...arguments), this.color = "white", this.borderless = !1, this._panelConnected = new w(
         this,
@@ -402,15 +414,15 @@ const Z = (n) => {
   }, t.events = {
     panelConnected: "panelConnected"
   }, t);
-  return h([
+  return u([
     o()
-  ], s.prototype, "color"), h([
+  ], s.prototype, "color"), u([
     o({ reflect: !0, type: Boolean })
-  ], s.prototype, "borderless"), h([
+  ], s.prototype, "borderless"), u([
     o()
   ], s.prototype, "expansionState"), s;
-}, ee = (n) => {
-  class s extends n {
+}, ee = (i) => {
+  class s extends i {
     constructor() {
       super(...arguments), this._updatePromise = Promise.resolve(), this._updateResolve = () => {
       };
@@ -432,8 +444,8 @@ export {
   C as SbbDisabledMixin,
   J as SbbDisabledTabIndexActionMixin,
   Q as SbbFormAssociatedCheckboxMixin,
-  A as SbbFormAssociatedMixin,
-  I as SbbHydrationMixin,
+  R as SbbFormAssociatedMixin,
+  N as SbbHydrationMixin,
   W as SbbNamedSlotListMixin,
   Y as SbbNegativeMixin,
   Z as SbbPanelMixin,

package/core/overlay/overlay.d.ts

@@ -1,5 +1,4 @@
 import { TemplateResult } from 'lit';
-
 /**
  * Used to create the "wrapping" effect around the anchor for overlays (es. autocomplete)
  * Works in conjunction with the 'overlayGapFixCorners()' function in 'overlay.ts'