@sbb-esta/lyne-elements 2.8.0 → 2.9.0

package/time-input/time-input.component.d.ts

@@ -0,0 +1,63 @@
+import { CSSResultGroup, LitElement, PropertyDeclaration, TemplateResult } from 'lit';
+import { SbbDateLike } from '../core/interfaces.js';
+/**
+ * * Combined with a native input, it displays the input's value as a formatted time.
+ *
+ * @event {CustomEvent<void>} didChange - Deprecated. used for React. Will probably be removed once React 19 is available.
+ * @event {CustomEvent<SbbValidationChangeEvent>} validationChange - Emits whenever the internal validation state changes.
+ */
+export declare class SbbTimeInputElement extends LitElement {
+    static styles: CSSResultGroup;
+    static readonly events: {
+        readonly didChange: "didChange";
+        readonly validationChange: "validationChange";
+    };
+    /** Reference of the native input connected to the datepicker. */
+    accessor input: string | HTMLElement | null;
+    private accessor _inputElement;
+    /** Formats the current input's value as date. */
+    set valueAsDate(date: SbbDateLike | null);
+    get valueAsDate(): Date | null;
+    /**
+     * @deprecated only used for React. Will probably be removed once React 19 is available.
+     */
+    private _didChange;
+    /** Emits whenever the internal validation state changes. */
+    private _validationChange;
+    private _statusContainer;
+    private _inputAbortController;
+    private _inputIdReferenceController;
+    private _language;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    requestUpdate(name?: PropertyKey, oldValue?: unknown, options?: PropertyDeclaration): void;
+    private _configureInputElement;
+    /**
+     * Updates `value` and `valueAsDate`. The direct update on the `_inputElement` is required
+     * to force the input change when the typed value is the same of the current one.
+     */
+    private _updateValue;
+    /** Emits the change event. */
+    private _emitChange;
+    /** Returns the right format for the `value` property. */
+    private _formatValue;
+    /**
+     * Returns the right format for the `valueAsDate` property:
+     * sets the start date at 01.01.1970, then adds the typed hours/minutes.
+     */
+    private _formatValueAsDate;
+    /** Checks if values of hours and minutes are possible, to avoid non-existent times. */
+    private _isTimeValid;
+    /** Validate input against the defined RegExps. */
+    private _parseInput;
+    /**  Only allow typing numbers and separator keys. */
+    private _preventCharInsert;
+    private _updateAccessibilityMessage;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-time-input': SbbTimeInputElement;
+    }
+}
+//# sourceMappingURL=time-input.component.d.ts.map

package/time-input/time-input.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-input.component.d.ts","sourceRoot":"","sources":["../../../src/elements/time-input/time-input.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAGnB,UAAU,EACV,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAOb,OAAO,KAAK,EAAE,WAAW,EAA4B,MAAM,uBAAuB,CAAC;AAanF;;;;;GAKG;AACH,qBAEM,mBAAoB,SAAQ,UAAU;IAC1C,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;MAGlB;IAGX,iEAAiE;IACjE,SACgB,KAAK,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,CAAQ;IAEjD,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAiC;IAExE,iDAAiD;IACjD,IACW,WAAW,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,EAc9C;IACD,IAAW,WAAW,IAAI,IAAI,GAAG,IAAI,CAEpC;IAED;;OAEG;IACH,OAAO,CAAC,UAAU,CAGf;IAEH,4DAA4D;IAC5D,OAAO,CAAC,iBAAiB,CAOvB;IAEF,OAAO,CAAC,gBAAgB,CAAwB;IAChD,OAAO,CAAC,qBAAqB,CAAyB;IACtD,OAAO,CAAC,2BAA2B,CAA+C;IAClF,OAAO,CAAC,SAAS,CAAmC;IAEpC,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B,aAAa,CAC3B,IAAI,CAAC,EAAE,WAAW,EAClB,QAAQ,CAAC,EAAE,OAAO,EAClB,OAAO,CAAC,EAAE,mBAAmB,GAC5B,IAAI;IAQP,OAAO,CAAC,sBAAsB;IA4D9B;;;OAGG;IACH,OAAO,CAAC,YAAY;IA4BpB,8BAA8B;IAC9B,OAAO,CAAC,WAAW;IAKnB,yDAAyD;IACzD,OAAO,CAAC,YAAY;IAMpB;;;OAGG;IACH,OAAO,CAAC,kBAAkB;IAQ1B,uFAAuF;IACvF,OAAO,CAAC,YAAY;IAIpB,kDAAkD;IAClD,OAAO,CAAC,WAAW;IAoBnB,qDAAqD;IACrD,OAAO,CAAC,kBAAkB;IA6B1B,OAAO,CAAC,2BAA2B;cAWhB,MAAM,IAAI,cAAc;CAQ5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}

package/time-input.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './time-input/time-input.js';
+export * from './time-input/time-input.component.js';
 //# sourceMappingURL=time-input.d.ts.map

package/time-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"time-input.d.ts","sourceRoot":"","sources":["../../src/elements/time-input.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,4BAA4B,CAAC"}
+{"version":3,"file":"time-input.d.ts","sourceRoot":"","sources":["../../src/elements/time-input.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,sCAAsC,CAAC"}

package/time-input.js

@@ -1,4 +1,4 @@
-import { SbbTimeInputElement as t } from "./time-input/time-input.js";
+import { SbbTimeInputElement as t } from "./time-input/time-input.component.js";
 export {
   t as SbbTimeInputElement
 };

package/timetable-occupancy/timetable-occupancy.component.d.ts

@@ -0,0 +1,22 @@
+import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
+import { SbbOccupancy } from '../core/interfaces.js';
+declare const SbbTimetableOccupancyElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbNegativeMixinType> & typeof LitElement;
+/**
+ * Used in `sbb-timetable-row`, it displays information about wagon occupancy.
+ */
+export declare class SbbTimetableOccupancyElement extends SbbTimetableOccupancyElement_base {
+    static styles: CSSResultGroup;
+    /** Occupancy for first class wagons. */
+    accessor firstClassOccupancy: SbbOccupancy | null;
+    /** Occupancy for second class wagons. */
+    accessor secondClassOccupancy: SbbOccupancy | null;
+    private _language;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-timetable-occupancy': SbbTimetableOccupancyElement;
+    }
+}
+export {};
+//# sourceMappingURL=timetable-occupancy.component.d.ts.map

package/timetable-occupancy/timetable-occupancy.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timetable-occupancy.component.d.ts","sourceRoot":"","sources":["../../../src/elements/timetable-occupancy/timetable-occupancy.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAKhD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAK1D,OAAO,0BAA0B,CAAC;AAClC,OAAO,gCAAgC,CAAC;;AAExC;;GAEG;AACH,qBAEM,4BAA6B,SAAQ,iCAA4B;IACrE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,wCAAwC;IACxC,SACgB,mBAAmB,EAAE,YAAY,GAAG,IAAI,CAAQ;IAEhE,yCAAyC;IACzC,SACgB,oBAAoB,EAAE,YAAY,GAAG,IAAI,CAAQ;IAEjE,OAAO,CAAC,SAAS,CAAmC;cAEjC,MAAM,IAAI,cAAc;CAkC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,yBAAyB,EAAE,4BAA4B,CAAC;KACzD;CACF"}

package/timetable-occupancy-icon/timetable-occupancy-icon.component.d.ts

@@ -0,0 +1,27 @@
+import { CSSResultGroup, PropertyValues } from 'lit';
+import { SbbOccupancy } from '../core/interfaces.js';
+import { SbbIconBase } from '../icon.js';
+declare const SbbTimetableOccupancyIconElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbNegativeMixinType> & typeof SbbIconBase;
+/**
+ * It displays a wagon's occupancy icon.
+ */
+export declare class SbbTimetableOccupancyIconElement extends SbbTimetableOccupancyIconElement_base {
+    static styles: CSSResultGroup;
+    /** Wagon occupancy. */
+    accessor occupancy: SbbOccupancy;
+    private _language;
+    private _mediaMatcher;
+    private _forcedColors;
+    private _setNameAndAriaLabel;
+    protected fetchSvgIcon(namespace: string, name: string): Promise<string>;
+    private _setAriaLabel;
+    connectedCallback(): void;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-timetable-occupancy-icon': SbbTimetableOccupancyIconElement;
+    }
+}
+export {};
+//# sourceMappingURL=timetable-occupancy-icon.component.d.ts.map

package/timetable-occupancy-icon/timetable-occupancy-icon.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timetable-occupancy-icon.component.d.ts","sourceRoot":"","sources":["../../../src/elements/timetable-occupancy-icon/timetable-occupancy-icon.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAU1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE1D,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;;AAIzC;;GAEG;AACH,qBAEM,gCAAiC,SAAQ,qCAA6B;IAC1E,OAAuB,MAAM,EAAE,cAAc,CAA+B;IAE5E,uBAAuB;IACvB,SAA4B,SAAS,EAAE,YAAY,CAAU;IAE7D,OAAO,CAAC,SAAS,CAA2E;IAC5F,OAAO,CAAC,aAAa,CAKlB;IAEH,OAAO,CAAC,aAAa,CAA2E;YAElF,oBAAoB;cAeT,YAAY,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;IAKvF,OAAO,CAAC,aAAa;IAOL,iBAAiB,IAAI,IAAI;cAKtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;CAO7E;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,8BAA8B,EAAE,gCAAgC,CAAC;KAClE;CACF"}

package/timetable-occupancy-icon.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './timetable-occupancy-icon/timetable-occupancy-icon.js';
+export * from './timetable-occupancy-icon/timetable-occupancy-icon.component.js';
 //# sourceMappingURL=timetable-occupancy-icon.d.ts.map

package/timetable-occupancy-icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"timetable-occupancy-icon.d.ts","sourceRoot":"","sources":["../../src/elements/timetable-occupancy-icon.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,wDAAwD,CAAC"}
+{"version":3,"file":"timetable-occupancy-icon.d.ts","sourceRoot":"","sources":["../../src/elements/timetable-occupancy-icon.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,kEAAkE,CAAC"}

package/timetable-occupancy-icon.js

@@ -1,4 +1,4 @@
-import { SbbTimetableOccupancyIconElement as b } from "./timetable-occupancy-icon/timetable-occupancy-icon.js";
+import { SbbTimetableOccupancyIconElement as b } from "./timetable-occupancy-icon/timetable-occupancy-icon.component.js";
 export {
   b as SbbTimetableOccupancyIconElement
 };

package/timetable-occupancy.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './timetable-occupancy/timetable-occupancy.js';
+export * from './timetable-occupancy/timetable-occupancy.component.js';
 //# sourceMappingURL=timetable-occupancy.d.ts.map

package/timetable-occupancy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"timetable-occupancy.d.ts","sourceRoot":"","sources":["../../src/elements/timetable-occupancy.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,8CAA8C,CAAC"}
+{"version":3,"file":"timetable-occupancy.d.ts","sourceRoot":"","sources":["../../src/elements/timetable-occupancy.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,wDAAwD,CAAC"}

package/timetable-occupancy.js

@@ -1,4 +1,4 @@
-import { SbbTimetableOccupancyElement as c } from "./timetable-occupancy/timetable-occupancy.js";
+import { SbbTimetableOccupancyElement as c } from "./timetable-occupancy/timetable-occupancy.component.js";
 export {
   c as SbbTimetableOccupancyElement
 };

package/title/title.component.d.ts

@@ -0,0 +1,17 @@
+import { CSSResultGroup } from 'lit';
+import { SbbTitleBase } from './title-base.js';
+declare const SbbTitleElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbNegativeMixinType> & typeof SbbTitleBase;
+/**
+ * @cssprop [--sbb-title-margin-block-start=var(--sbb-spacing-responsive-m)] - Margin block start of the title.
+ * @cssprop [--sbb-title-margin-block-end=var(--sbb-spacing-responsive-s)] - Margin block end of the title.
+ */
+export declare class SbbTitleElement extends SbbTitleElement_base {
+    static styles: CSSResultGroup;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-title': SbbTitleElement;
+    }
+}
+export {};
+//# sourceMappingURL=title.component.d.ts.map

package/title/title.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"title.component.d.ts","sourceRoot":"","sources":["../../../src/elements/title/title.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;;AAG/C;;;GAGG;AACH,qBAEM,eAAgB,SAAQ,oBAA8B;IAC1D,OAAuB,MAAM,EAAE,cAAc,CAAgC;CAC9E;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,WAAW,EAAE,eAAe,CAAC;KAC9B;CACF"}

package/title.d.ts

@@ -1,6 +1,6 @@
 /**
  * @entrypoint
  */
-export * from './title/title.js';
+export * from './title/title.component.js';
 export * from './title/title-base.js';
 //# sourceMappingURL=title.d.ts.map

package/title.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"title.d.ts","sourceRoot":"","sources":["../../src/elements/title.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"title.d.ts","sourceRoot":"","sources":["../../src/elements/title.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC"}

package/title.js

@@ -1,4 +1,4 @@
-import { SbbTitleElement as b } from "./title/title.js";
+import { SbbTitleElement as b } from "./title/title.component.js";
 import { SbbTitleBase as r } from "./title/title-base.js";
 export {
   r as SbbTitleBase,

package/toast/toast.component.d.ts

@@ -0,0 +1,80 @@
+import { CSSResultGroup, TemplateResult } from 'lit';
+import { SbbOpenCloseBaseElement } from '../core/base-elements.js';
+type SbbToastPositionVertical = 'top' | 'bottom';
+type SbbToastPositionHorizontal = 'left' | 'start' | 'center' | 'right' | 'end';
+export type SbbToastPosition = `${SbbToastPositionVertical}-${SbbToastPositionHorizontal}`;
+declare const SbbToastElement_base: import('../core/mixins.js').AbstractConstructor<import('../icon.js').SbbIconNameMixinType> & import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbHydrationMixinType> & typeof SbbOpenCloseBaseElement;
+/**
+ * It displays a toast notification.
+ *
+ * @slot - Use the unnamed slot to add content to the `sbb-toast`.
+ * @slot icon - Assign a custom icon via slot.
+ * @slot action - Provide a custom action for this toast.
+ * @event {CustomEvent<void>} willOpen - Emits whenever the `sbb-toast` starts the opening transition. Can be canceled.
+ * @event {CustomEvent<void>} didOpen - Emits whenever the `sbb-toast` is opened.
+ * @event {CustomEvent<void>} willClose - Emits whenever the `sbb-toast` begins the closing transition. Can be canceled.
+ * @event {CustomEvent<void>} didClose - Emits whenever the `sbb-toast` is closed.
+ * @cssprop [--sbb-toast-z-index=var(--sbb-overlay-default-z-index)] - To specify a custom stack order,
+ * the `z-index` can be overridden by defining this CSS variable. The default `z-index` of the
+ * component is set to `var(--sbb-overlay-default-z-index)` with a value of `1000`.
+ */
+export declare class SbbToastElement extends SbbToastElement_base {
+    static styles: CSSResultGroup;
+    /**
+     * The length of time in milliseconds to wait before automatically dismissing the toast.
+     * If 0, it stays open indefinitely.
+     */
+    accessor timeout: number;
+    /** The position where to place the toast. */
+    accessor position: SbbToastPosition;
+    /** Whether the toast has a close button. */
+    accessor dismissible: boolean;
+    /**
+     * The ARIA politeness level.
+     * Check https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions#live_regions for further info
+     */
+    accessor politeness: 'polite' | 'assertive' | 'off';
+    private _closeTimeout?;
+    private _language;
+    /**
+     * Role of the live region. This is only for Firefox as there is a known issue where Firefox +
+     * JAWS does not read out aria-live message.
+     */
+    private get _role();
+    constructor();
+    /**
+     * Open the toast.
+     * If there are other opened toasts in the page, close them first.
+     */
+    open(): void;
+    private _isZeroAnimationDuration;
+    /**
+     * Close the toast.
+     */
+    close(): void;
+    private _handleClosing;
+    private _handleOpening;
+    private _onClick;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /**
+     * Slotted text nodes are not read correctly by screen readers on Chrome.
+     * To address the problem, if there is at least a root text node,
+     * we wrap the whole content in a <span> tag
+     */
+    private _onContentSlotChange;
+    private _onActionSlotChange;
+    private _onToastAnimationEnd;
+    /**
+     * Since we do not stack toasts, we force the closing on other existing opened ones
+     */
+    private _closeOtherToasts;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-toast': SbbToastElement;
+    }
+}
+export {};
+//# sourceMappingURL=toast.component.d.ts.map

package/toast/toast.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.component.d.ts","sourceRoot":"","sources":["../../../src/elements/toast/toast.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AAYnE,OAAO,iCAAiC,CAAC;AAEzC,KAAK,wBAAwB,GAAG,KAAK,GAAG,QAAQ,CAAC;AACjD,KAAK,0BAA0B,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;AAChF,MAAM,MAAM,gBAAgB,GAAG,GAAG,wBAAwB,IAAI,0BAA0B,EAAE,CAAC;;AAK3F;;;;;;;;;;;;;GAaG;AACH,qBAMM,eAAgB,SAAQ,oBAA4D;IACxF,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;OAGG;IACH,SAEgB,OAAO,EAAE,MAAM,CAAQ;IAEvC,6CAA6C;IAC7C,SAA6C,QAAQ,EAAE,gBAAgB,CAAmB;IAE1F,4CAA4C;IAC5C,SAEgB,WAAW,EAAE,OAAO,CAAS;IAE7C;;;OAGG;IACH,SAA4B,UAAU,EAAE,QAAQ,GAAG,WAAW,GAAG,KAAK,CAAY;IAElF,OAAO,CAAC,aAAa,CAAC,CAAgC;IACtD,OAAO,CAAC,SAAS,CAAmC;IAEpD;;;OAGG;IACH,OAAO,KAAK,KAAK,GAUhB;;IAOD;;;OAGG;IACI,IAAI,IAAI,IAAI;IAoBnB,OAAO,CAAC,wBAAwB;IAIhC;;OAEG;IACI,KAAK,IAAI,IAAI;IAkBpB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,QAAQ;IAQA,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAQ5C;;;;OAIG;IACH,OAAO,CAAC,oBAAoB;IAU5B,OAAO,CAAC,mBAAmB;IAyB3B,OAAO,CAAC,oBAAoB;IAS5B;;OAEG;IACH,OAAO,CAAC,iBAAiB;cAQN,MAAM,IAAI,cAAc;CAiC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,WAAW,EAAE,eAAe,CAAC;KAC9B;CACF"}

package/toast.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './toast/toast.js';
+export * from './toast/toast.component.js';
 //# sourceMappingURL=toast.d.ts.map

package/toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../src/elements/toast.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../src/elements/toast.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,4BAA4B,CAAC"}

package/toast.js

@@ -1,4 +1,4 @@
-import { SbbToastElement as t } from "./toast/toast.js";
+import { SbbToastElement as t } from "./toast/toast.component.js";
 export {
   t as SbbToastElement
 };

package/toggle/toggle/toggle.component.d.ts

@@ -0,0 +1,74 @@
+import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
+import { FormRestoreReason, FormRestoreState } from '../../core/mixins.js';
+import { SbbToggleOptionElement } from '../toggle-option.js';
+declare const SbbToggleElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbFormAssociatedMixinType<string>> & typeof LitElement;
+/**
+ * It can be used as a container for two `sbb-toggle-option`, acting as a toggle button.
+ *
+ * @slot - Use the unnamed slot to add `<sbb-toggle-option>` elements to the toggle.
+ * @event {CustomEvent<void>} change - Emits whenever the toggle value changes.
+ */
+export declare class SbbToggleElement extends SbbToggleElement_base {
+    static styles: CSSResultGroup;
+    static readonly events: {
+        readonly change: "change";
+    };
+    /**
+     * If true, set the width of the component fixed; if false,
+     * the width is dynamic based on the label of the sbb-toggle-option.
+     */
+    accessor even: boolean;
+    /**
+     * Size variant, either m or s.
+     * @default 'm' / 's' (lean)
+     */
+    accessor size: 's' | 'm';
+    /**
+     * The value of the toggle. It needs to be mutable since it is updated whenever
+     * a new option is selected (see the `onToggleOptionSelect()` method).
+     */
+    set value(value: string | null);
+    get value(): string;
+    private _value;
+    /** The child instances of sbb-toggle-option as an array. */
+    get options(): SbbToggleOptionElement[];
+    private _loaded;
+    /** Emits whenever the toggle value changes. */
+    private _change;
+    constructor();
+    connectedCallback(): void;
+    protected willUpdate(changedProperties: PropertyValues): void;
+    protected firstUpdated(changedProperties: PropertyValues<this>): Promise<void>;
+    /**
+     * Called whenever the value changes, both programmatically or by user interaction.
+     * @internal
+     */
+    statusChanged(): void;
+    /**
+     * Reset to the init value if present. Select the first option, otherwise.
+     */
+    formResetCallback(): void;
+    formStateRestoreCallback(state: FormRestoreState | null, _reason: FormRestoreReason): void;
+    /**
+     * @deprecated Will be made 'private' in the next major version
+     * @internal
+     */
+    updatePillPosition(resizing?: boolean): void;
+    protected updateFormValue(): void;
+    private _updateToggle;
+    private _valueChanged;
+    private _updateDisabled;
+    /**
+     * Called on user interaction (click or keyboard)
+     */
+    private _handleInput;
+    private _handleKeyDown;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-toggle': SbbToggleElement;
+    }
+}
+export {};
+//# sourceMappingURL=toggle.component.d.ts.map

package/toggle/toggle/toggle.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/toggle/toggle/toggle.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAGnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAOb,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAGtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;;AAIlE;;;;;GAKG;AACH,qBAEM,gBAAiB,SAAQ,qBAAoD;IACjF,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX;;;OAGG;IACH,SAEgB,IAAI,EAAE,OAAO,CAAS;IAEtC;;;OAGG;IACH,SAA6C,IAAI,EAAE,GAAG,GAAG,GAAG,CAAwB;IAEpF;;;OAGG;IACH,IACoB,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAM7C;IACD,IAAoB,KAAK,IAAI,MAAM,CAIlC;IACD,OAAO,CAAC,MAAM,CAAuB;IAErC,4DAA4D;IAC5D,IAAW,OAAO,IAAI,sBAAsB,EAAE,CAE7C;IAED,OAAO,CAAC,OAAO,CAAkB;IAEjC,+CAA+C;IAC/C,OAAO,CAAC,OAAO,CAGZ;;IAWa,iBAAiB,IAAI,IAAI;cAKtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;cAO7C,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAQ7F;;;OAGG;IACI,aAAa,IAAI,IAAI;IAK5B;;OAEG;IACI,iBAAiB,IAAI,IAAI;IAIzB,wBAAwB,CAC7B,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAC9B,OAAO,EAAE,iBAAiB,GACzB,IAAI;IAIP;;;OAGG;IACI,kBAAkB,CAAC,QAAQ,UAAQ,GAAG,IAAI;IAmCjD,SAAS,CAAC,eAAe,IAAI,IAAI;IAIjC,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,aAAa;IAuBrB,OAAO,CAAC,eAAe;IAMvB;;OAEG;IACH,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,cAAc;cA6BH,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}

package/toggle/toggle-option/toggle-option.component.d.ts

@@ -0,0 +1,32 @@
+import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
+declare const SbbToggleOptionElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../icon.js').SbbIconNameMixinType> & typeof LitElement;
+/**
+ * It displays a toggle option within a `sbb-toggle`.
+ *
+ * @slot - Use the unnamed slot to add content to the label of the toggle option.
+ * @slot icon - Slot used to render the `sbb-icon`.
+ */
+export declare class SbbToggleOptionElement extends SbbToggleOptionElement_base {
+    static styles: CSSResultGroup;
+    /** Whether the toggle-option is checked. */
+    accessor checked: boolean;
+    /** Value of toggle-option. */
+    accessor value: string;
+    private _toggle;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    private _uncheckOtherOptions;
+    private _handleDisabledChange;
+    private _handleInput;
+    private _verifyTabindex;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-toggle-option': SbbToggleOptionElement;
+    }
+}
+export {};
+//# sourceMappingURL=toggle-option.component.d.ts.map

package/toggle/toggle-option/toggle-option.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-option.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/toggle/toggle-option/toggle-option.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;;AAWvC;;;;;GAKG;AACH,qBAGM,sBAAuB,SAAQ,2BAA8C;IACjF,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,4CAA4C;IAC5C,SAEgB,OAAO,EAAE,OAAO,CAAS;IAEzC,8BAA8B;IAC9B,SAEgB,KAAK,EAAE,MAAM,CAAM;IAEnC,OAAO,CAAC,OAAO,CAAiC;;IAyBhC,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;cAKzB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAe5E,OAAO,CAAC,oBAAoB;IAK5B,OAAO,CAAC,qBAAqB;IAK7B,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,eAAe;cAIJ,MAAM,IAAI,cAAc;CAU5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}

package/toggle/toggle-option.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './toggle-option/toggle-option.js';
+export * from './toggle-option/toggle-option.component.js';
 //# sourceMappingURL=toggle-option.d.ts.map

package/toggle/toggle-option.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-option.d.ts","sourceRoot":"","sources":["../../../src/elements/toggle/toggle-option.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,kCAAkC,CAAC"}
+{"version":3,"file":"toggle-option.d.ts","sourceRoot":"","sources":["../../../src/elements/toggle/toggle-option.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,4CAA4C,CAAC"}

package/toggle/toggle-option.js

@@ -1,4 +1,4 @@
-import { SbbToggleOptionElement as t } from "./toggle-option/toggle-option.js";
+import { SbbToggleOptionElement as t } from "./toggle-option/toggle-option.component.js";
 export {
   t as SbbToggleOptionElement
 };

package/toggle/toggle.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './toggle/toggle.js';
+export * from './toggle/toggle.component.js';
 //# sourceMappingURL=toggle.d.ts.map

package/toggle/toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../src/elements/toggle/toggle.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../src/elements/toggle/toggle.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,8BAA8B,CAAC"}

package/toggle/toggle.js

@@ -1,4 +1,4 @@
-import { SbbToggleElement as b } from "./toggle/toggle.js";
+import { SbbToggleElement as b } from "./toggle/toggle.component.js";
 export {
   b as SbbToggleElement
 };

package/toggle-check/toggle-check.component.d.ts

@@ -0,0 +1,31 @@
+import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
+declare const SbbToggleCheckElement_base: import('../core/mixins.js').Constructor<import('../core/mixins.js').SbbFormAssociatedCheckboxMixinType> & import('../core/mixins.js').AbstractConstructor<import('../icon.js').SbbIconNameMixinType> & typeof LitElement;
+/**
+ * It displays a toggle checkbox.
+ *
+ * @slot - Use the unnamed slot to add content to the toggle label.
+ * @slot icon - Use this slot to provide an icon. If `icon-name` is set, a sbb-icon will be used.
+ * @event {Event} change - Event fired on change.
+ * @event {InputEvent} input - Event fired on input.
+ */
+export declare class SbbToggleCheckElement extends SbbToggleCheckElement_base {
+    static styles: CSSResultGroup;
+    /**
+     * Size variant, either m, s or xs.
+     * @default 's' / 'xs' (lean)
+     */
+    accessor size: 'xs' | 's' | 'm';
+    /** The svg name for the true state - default -> 'tick-small' */
+    accessor iconName: string;
+    /** The label position relative to the toggle. Defaults to 'after' */
+    accessor labelPosition: 'before' | 'after';
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-toggle-check': SbbToggleCheckElement;
+    }
+}
+export {};
+//# sourceMappingURL=toggle-check.component.d.ts.map

package/toggle-check/toggle-check.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-check.component.d.ts","sourceRoot":"","sources":["../../../src/elements/toggle-check/toggle-check.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;;AAUvC;;;;;;;GAOG;AACH,qBAGM,qBAAsB,SAAQ,0BAA4D;IAC9F,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;OAGG;IACH,SAA6C,IAAI,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,CAAyB;IAE5F,gEAAgE;IAChE,SAEyB,QAAQ,EAAE,MAAM,CAAgB;IAEzD,qEAAqE;IACrE,SACgB,aAAa,EAAE,QAAQ,GAAG,OAAO,CAAW;cAEzC,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cASzD,MAAM,IAAI,cAAc;CAgB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,kBAAkB,EAAE,qBAAqB,CAAC;KAC3C;CACF"}

package/toggle-check.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './toggle-check/toggle-check.js';
+export * from './toggle-check/toggle-check.component.js';
 //# sourceMappingURL=toggle-check.d.ts.map

package/toggle-check.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-check.d.ts","sourceRoot":"","sources":["../../src/elements/toggle-check.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,gCAAgC,CAAC"}
+{"version":3,"file":"toggle-check.d.ts","sourceRoot":"","sources":["../../src/elements/toggle-check.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,0CAA0C,CAAC"}

package/toggle-check.js

@@ -1,4 +1,4 @@
-import { SbbToggleCheckElement as b } from "./toggle-check/toggle-check.js";
+import { SbbToggleCheckElement as b } from "./toggle-check/toggle-check.component.js";
 export {
   b as SbbToggleCheckElement
 };

package/toggle.js

@@ -1,5 +1,5 @@
-import { SbbToggleElement as t } from "./toggle/toggle/toggle.js";
-import { SbbToggleOptionElement as g } from "./toggle/toggle-option/toggle-option.js";
+import { SbbToggleElement as t } from "./toggle/toggle/toggle.component.js";
+import { SbbToggleOptionElement as g } from "./toggle/toggle-option/toggle-option.component.js";
 export {
   t as SbbToggleElement,
   g as SbbToggleOptionElement

package/train/train/train.component.d.ts

@@ -0,0 +1,47 @@
+import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
+import { WithListChildren } from '../../core/mixins.js';
+import { SbbTitleLevel } from '../../title.js';
+import { SbbTrainBlockedPassageElement } from '../train-blocked-passage.js';
+import { SbbTrainWagonElement } from '../train-wagon.js';
+declare const SbbTrainElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNamedSlotListMixinType<SbbTrainBlockedPassageElement | SbbTrainWagonElement>> & typeof LitElement;
+/**
+ * It can be used as a container for `sbb-train-wagon` or `sbb-train-blocked-passage` components.
+ *
+ * @slot - Use the unnamed slot to add 'sbb-train-wagon' elements to the `sbb-train`.
+ */
+export declare class SbbTrainElement extends SbbTrainElement_base {
+    static styles: CSSResultGroup;
+    static readonly events: {
+        readonly trainSlotChange: "trainSlotChange";
+    };
+    protected readonly listChildLocalNames: string[];
+    /** General label for "driving direction". */
+    accessor directionLabel: string;
+    /** Heading level of the direction label, used for screen readers. */
+    accessor directionLabelLevel: SbbTitleLevel;
+    /** Label for the destination station of the train. */
+    accessor station: string;
+    /** Accessibility label for additional information regarding the leaving direction of the train. */
+    accessor accessibilityLabel: string;
+    /** Controls the direction indicator to show the arrow left or right. Default is left.  */
+    accessor direction: 'left' | 'right';
+    private _language;
+    /**
+     * @internal
+     * Emits whenever the train slot changes.
+     */
+    private _trainSlotChange;
+    /**
+     * Create the aria-label text out of the direction label, station and the accessibility label.
+     */
+    private _getDirectionAriaLabel;
+    protected willUpdate(changedProperties: PropertyValues<WithListChildren<this>>): void;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-train': SbbTrainElement;
+    }
+}
+export {};
+//# sourceMappingURL=train.component.d.ts.map

package/train/train/train.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"train.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/train/train/train.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EACnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAQb,OAAO,EAAyB,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACpF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,6BAA6B,CAAC;AACjF,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAI9D,OAAO,eAAe,CAAC;;AAEvB;;;;GAIG;AACH,qBAEM,eAAgB,SAAQ,oBAGjB;IACX,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IACX,mBAA4B,mBAAmB,WAG7C;IAEF,6CAA6C;IAC7C,SAEgB,cAAc,EAAE,MAAM,CAAM;IAE5C,qEAAqE;IACrE,SACgB,mBAAmB,EAAE,aAAa,CAAO;IAEzD,sDAAsD;IACtD,SAEgB,OAAO,EAAE,MAAM,CAAM;IAErC,mGAAmG;IACnG,SAEgB,kBAAkB,EAAE,MAAM,CAAM;IAEhD,0FAA0F;IAC1F,SAA6C,SAAS,EAAE,MAAM,GAAG,OAAO,CAAU;IAElF,OAAO,CAAC,SAAS,CAAmC;IAEpD;;;OAGG;IACH,OAAO,CAAC,gBAAgB,CAOtB;IAEF;;OAEG;IACH,OAAO,CAAC,sBAAsB;cAcX,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;cAQ3E,MAAM,IAAI,cAAc;CAmC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,WAAW,EAAE,eAAe,CAAC;KAC9B;CACF"}