@sbb-esta/lyne-elements 4.9.0 → 4.10.0

package/teaser.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./teaser.component-CUUvAAZ7.js";
+import { t as e } from "./teaser.component-WZL0vAo9.js";
 export { e as SbbTeaserElement };

package/time-input/time-input.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../time-input.component-BDkxBiPM.js";
+import { t as e } from "../time-input.component-CuQ-3YEM.js";
 export { e as SbbTimeInputElement };

package/{time-input.component-BDkxBiPM.js → time-input.component-CuQ-3YEM.js}

@@ -1,18 +1,18 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n, isServer as r } from "lit";
+import { isServer as n, unsafeCSS as r } from "lit";
 import { property as i } from "lit/decorators.js";
 import { SbbElement as a } from "./core/base-elements.js";
 import { SbbFormAssociatedInputMixin as o } from "./core/mixins.js";
 import { SbbLanguageController as s } from "./core/controllers.js";
 import { i18nTimeInputChange as c, i18nTimeInvalid as l, i18nTimeMax as u, i18nTimeMaxLength as d } from "./core/i18n.js";
 import { sbbLiveAnnouncer as f } from "./core/a11y.js";
-//#region src/elements/time-input/time-input.scss?lit&inline
-var p = n`:host{display:inline-flex;min-width:var(--sbb-time-input-max-width);max-width:var(--sbb-time-input-max-width);cursor:text;align-items:center}@media(forced-colors:active){:host{color:FieldText}}:host(:disabled){cursor:var(--sbb-cursor-default)}:host(:focus){text-overflow:initial!important}:host(:empty):after{content:attr(placeholder);color:var(--sbb-color-5);-webkit-text-fill-color:var(--sbb-color-5);opacity:1}@media(forced-colors:active){:host(:empty):after{color:GrayText}}`, m = /[0-9.:,\-;_hH]/, h = /[^0-9.:,\-;_hH]/g, g = /^([0-9]{1,2})([0-9]{2})$/, _ = /^([0-9]{1,2})?[.:,\-;_hH]?([0-9]{1,2})?$/, v = (() => {
-	let n = o(a), v = [], y;
-	return class extends n {
+//#region src/elements/time-input/time-input.scss?inline
+var p = ":host{display:inline-flex;min-width:var(--sbb-time-input-max-width);max-width:var(--sbb-time-input-max-width);cursor:text;align-items:center;font-weight:400}@media(forced-colors:active){:host{color:FieldText}}:host(:disabled){cursor:var(--sbb-cursor-default)}:host(:focus){text-overflow:initial!important}:host(:empty):after{content:attr(placeholder);color:var(--sbb-color-5);-webkit-text-fill-color:var(--sbb-color-5);opacity:1}@media(forced-colors:active){:host(:empty):after{color:GrayText}}", m = /[0-9.:,\-;_hH]/, h = /[^0-9.:,\-;_hH]/g, g = /^([0-9]{1,2})([0-9]{2})$/, _ = /^([0-9]{1,2})?[.:,\-;_hH]?([0-9]{1,2})?$/, v = (() => {
+	let v = o(a), y = [], b;
+	return class extends v {
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			y = [i({ attribute: !1 })], e(this, null, y, {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(v[Symbol.metadata] ?? null) : void 0;
+			b = [i({ attribute: !1 })], e(this, null, b, {
 				kind: "setter",
 				name: "valueAsDate",
 				static: !1,
@@ -24,7 +24,7 @@ var p = n`:host{display:inline-flex;min-width:var(--sbb-time-input-max-width);ma
 					}
 				},
 				metadata: t
-			}, null, v), t && Object.defineProperty(this, Symbol.metadata, {
+			}, null, y), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -35,10 +35,10 @@ var p = n`:host{display:inline-flex;min-width:var(--sbb-time-input-max-width);ma
 			this.elementName = "sbb-time-input";
 		}
 		static {
-			this.styles = p;
+			this.styles = r(p);
 		}
 		set value(e) {
-			e = typeof e == "string" ? e.replace(h, "").substring(0, 5) : "", this._tryParseValue(e), !r && !this.matches(":focus") && this.valueAsDate !== null && (e = this._formatTime()), super.value = e;
+			e = typeof e == "string" ? e.replace(h, "").substring(0, 5) : "", this._tryParseValue(e), !n && !this.matches(":focus") && this.valueAsDate !== null && (e = this._formatTime()), super.value = e;
 		}
 		get value() {
 			return super.value ?? "";
@@ -60,7 +60,7 @@ var p = n`:host{display:inline-flex;min-width:var(--sbb-time-input-max-width);ma
 			} else return null;
 		}
 		constructor() {
-			super(), this._valueAsTime = t(this, v), this._language = new s(this), this.addEventListener?.("change", () => this._updateValueDateFormat(), { capture: !0 }), this.addEventListener?.("change", () => f.announce(c(this.value)[this._language.current])), this.addEventListener?.("keydown", (e) => this._preventCharInsert(e));
+			super(), this._valueAsTime = t(this, y), this._language = new s(this), this.addEventListener?.("change", () => this._updateValueDateFormat(), { capture: !0 }), this.addEventListener?.("change", () => f.announce(c(this.value)[this._language.current])), this.addEventListener?.("keydown", (e) => this._preventCharInsert(e));
 		}
 		connectedCallback() {
 			super.connectedCallback(), this.inputMode ||= "numeric", this.placeholder ||= "HH:MM";

package/time-input.js

@@ -1,4 +1,4 @@
-import { t as e } from "./time-input.component-BDkxBiPM.js";
+import { t as e } from "./time-input.component-CuQ-3YEM.js";
 import "./time-input.pure.js";
 //#region src/elements/time-input.ts
 e.define();

package/time-input.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./time-input.component-BDkxBiPM.js";
+import { t as e } from "./time-input.component-CuQ-3YEM.js";
 export { e as SbbTimeInputElement };

package/timetable-form/timetable-form/timetable-form.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../timetable-form.component-BeopwQmE.js";
+import { t as e } from "../../timetable-form.component-CU1FXAZH.js";
 export { e as SbbTimetableFormElement };

package/timetable-form/timetable-form-details/timetable-form-details.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../timetable-form-details.component-CfpM_Kse.js";
+import { t as e } from "../../timetable-form-details.component-CBZ7QSAx.js";
 export { e as SbbTimetableFormDetailsElement };

package/timetable-form/timetable-form-details.js

@@ -1,4 +1,4 @@
-import { t as e } from "../timetable-form-details.component-CfpM_Kse.js";
+import { t as e } from "../timetable-form-details.component-CBZ7QSAx.js";
 e.define(), console.warn("The entrypoint '@sbb-esta/elements/timetable-form/timetable-form-details.js' has been deprecated.\nUse either '@sbb-esta/elements/timetable-form.js' or '@sbb-esta/elements/timetable-form.pure.js' instead.");
 //#endregion
 export { e as SbbTimetableFormDetailsElement };

package/timetable-form/timetable-form-field/timetable-form-field.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../timetable-form-field.component-DJ9FZ9vI.js";
+import { t as e } from "../../timetable-form-field.component-BKxQQqt7.js";
 export { e as SbbTimetableFormFieldElement };

package/timetable-form/timetable-form-field.js

@@ -1,4 +1,4 @@
-import { t as e } from "../timetable-form-field.component-DJ9FZ9vI.js";
+import { t as e } from "../timetable-form-field.component-BKxQQqt7.js";
 e.define(), console.warn("The entrypoint '@sbb-esta/elements/timetable-form/timetable-form-field.js' has been deprecated.\nUse either '@sbb-esta/elements/timetable-form.js' or '@sbb-esta/elements/timetable-form.pure.js' instead.");
 //#endregion
 export { e as SbbTimetableFormFieldElement };

package/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../timetable-form-swap-button.component-BXQ-ukkk.js";
+import { t as e } from "../../timetable-form-swap-button.component-C71eoTQH.js";
 export { e as SbbTimetableFormSwapButtonElement };

package/timetable-form/timetable-form-swap-button.js

@@ -1,4 +1,4 @@
-import { t as e } from "../timetable-form-swap-button.component-BXQ-ukkk.js";
+import { t as e } from "../timetable-form-swap-button.component-C71eoTQH.js";
 e.define(), console.warn("The entrypoint '@sbb-esta/elements/timetable-form/timetable-form-swap-button.js' has been deprecated.\nUse either '@sbb-esta/elements/timetable-form.js' or '@sbb-esta/elements/timetable-form.pure.js' instead.");
 //#endregion
 export { e as SbbTimetableFormSwapButtonElement };

package/timetable-form/timetable-form.js

@@ -1,4 +1,4 @@
-import { t as e } from "../timetable-form.component-BeopwQmE.js";
+import { t as e } from "../timetable-form.component-CU1FXAZH.js";
 e.define(), console.warn("The entrypoint '@sbb-esta/elements/timetable-form/timetable-form.js' has been deprecated.\nUse either '@sbb-esta/elements/timetable-form.js' or '@sbb-esta/elements/timetable-form.pure.js' instead.");
 //#endregion
 export { e as SbbTimetableFormElement };

package/timetable-form-details.component-CBZ7QSAx.js

@@ -0,0 +1,16 @@
+import { html as e, unsafeCSS as t } from "lit";
+import { SbbElement as n } from "./core/base-elements.js";
+//#region src/elements/timetable-form/timetable-form-details/timetable-form-details.scss?inline
+var r = ":host{--sbb-timetable-form-details-padding-block: var(--sbb-spacing-fixed-1x);--sbb-timetable-form-details-padding-inline: var(--sbb-spacing-responsive-xxs);--sbb-timetable-form-details-horizontal-divider-height: 1.5rem;display:flex;flex-wrap:wrap;gap:var(--sbb-spacing-fixed-1x);border-block-start:var(--sbb-border-width-1x) solid var(--sbb-border-color-4-inverted);padding-block:var(--sbb-timetable-form-details-padding-block);padding-inline-start:calc(var(--sbb-size-icon-ui-small) + var(--sbb-spacing-responsive-xxxs));align-items:center}::slotted(sbb-form-field){--sbb-form-field-border-radius: var(--sbb-border-radius-6x);--sbb-form-field-outline-offset: -.3125rem}::slotted(sbb-divider[orientation=vertical]){height:var(--sbb-timetable-form-details-horizontal-divider-height)}::slotted(:last-child){margin-inline-end:var(--sbb-timetable-form-details-padding-inline)}", i = class extends n {
+	static {
+		this.elementName = "sbb-timetable-form-details";
+	}
+	static {
+		this.styles = t(r);
+	}
+	render() {
+		return e`<slot></slot>`;
+	}
+};
+//#endregion
+export { i as t };

package/timetable-form-field.component-BKxQQqt7.js

@@ -0,0 +1,32 @@
+import { html as e, isServer as t, unsafeCSS as n } from "lit";
+import { SbbFormFieldElement as r } from "./form-field.pure.js";
+//#region src/elements/timetable-form/timetable-form-field/timetable-form-field.scss?inline
+var i = ":host{display:flex;--sbb-form-field-border-radius: var(--sbb-border-radius-6x);--sbb-form-field-outline-offset: -.3125rem;--sbb-timetable-form-field-route-icon-color: var(--sbb-color-2);--sbb-timetable-form-field-route-icon-background-color: var(--sbb-background-color-1)}:host(:first-of-type){--sbb-timetable-form-field-route-icon-rotate: 90deg}:host(:last-of-type){--sbb-timetable-form-field-route-icon-rotate: -90deg;--sbb-timetable-form-field-route-icon-translate: -.0625rem 0}:host(:where(:not(:last-of-type))) .sbb-form-field__wrapper:after{content:\"\";position:absolute;border-block-end:var(--sbb-border-width-1x) var(--sbb-form-field-border-style) var(--sbb-border-color-4-inverted);inset-inline:var(--sbb-form-field-padding-inline);inset-block-end:0}.sbb-timetable-form-field__start-route-icon{align-self:center;margin-inline-start:var(--sbb-form-field-padding-inline);rotate:var(--sbb-timetable-form-field-route-icon-rotate);translate:var(--sbb-timetable-form-field-route-icon-translate)}.sbb-timetable-form-field__start-route-icon:after{--connecting-line-offset: .1875rem;--connecting-line-width: calc( (var(--sbb-form-field-min-height) - var(--sbb-icon-svg-height)) / 2 + var(--connecting-line-offset) );content:\"\";position:absolute;inset-block-start:50%;border-block-start:var(--sbb-border-width-1x) solid var(--sbb-timetable-form-field-route-icon-color);width:var(--connecting-line-width);margin-left:calc(var(--connecting-line-offset) * -1)}.sbb-timetable-form-field__via-route-icon{align-self:stretch;position:relative;width:var(--sbb-size-icon-ui-small);margin-inline-start:var(--sbb-form-field-padding-inline)}.sbb-timetable-form-field__via-route-icon:before{content:\"\";position:absolute;inset-inline-start:50%;height:100%;margin-inline-start:-.0625rem;border-inline-start:var(--sbb-border-width-1x) solid var(--sbb-timetable-form-field-route-icon-color)}.sbb-timetable-form-field__via-route-icon:after{content:\"\";position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%;width:.4375rem;height:.4375rem;border:var(--sbb-border-width-1x) solid var(--sbb-timetable-form-field-route-icon-color);border-radius:var(--sbb-border-radius-infinity);background-color:var(--sbb-timetable-form-field-route-icon-background-color);margin-inline-start:-.03125rem}.sbb-form-field__space-wrapper{flex-grow:1}";
+//#endregion
+//#region src/elements/timetable-form/timetable-form-field/timetable-form-field.component.ts
+r.define();
+var a = class extends r {
+	static {
+		this.elementName = "sbb-timetable-form-field";
+	}
+	static {
+		this.styles = [r.styles, n(i)];
+	}
+	constructor() {
+		super(), this._routeIcon = !1, this.borderless = !0, this.floatingLabel = !0, this.width = "collapse", this.size = "l";
+	}
+	connectedCallback() {
+		super.connectedCallback(), !t && this.hydrationComplete.then(() => this._routeIcon = this.matches(":first-of-type, :last-of-type"));
+	}
+	render() {
+		return e`
+      ${this._routeIcon ? e` <sbb-icon
+            name="route-circle-start-small"
+            class="sbb-timetable-form-field__start-route-icon"
+          ></sbb-icon>` : e` <span class="sbb-timetable-form-field__via-route-icon"></span> `}
+      ${super.render()}
+    `;
+	}
+};
+//#endregion
+export { a as t };

package/timetable-form-swap-button.component-C71eoTQH.js

@@ -0,0 +1,41 @@
+import { unsafeCSS as e } from "lit";
+import { SbbSecondaryButtonElement as t } from "./button.pure.js";
+import { SbbLanguageController as n } from "./core/controllers.js";
+import { i18nTimetableFormSwapButtonLabel as r } from "./core/i18n.js";
+//#region src/elements/timetable-form/timetable-form-swap-button/timetable-form-swap-button.scss?inline
+var i = ":host(:is(:state(timetable-form-context),[state--timetable-form-context])){--sbb-timetable-form-swap-button-margin-inline-end: var(--sbb-spacing-fixed-6x);--sbb-timetable-form-swap-button-translate: 0 -50%;--sbb-timetable-form-swap-button-z-index: 1;--sbb-timetable-form-swap-button-position: absolute;position:relative}.sbb-timetable-form-swap-button{position:var(--sbb-timetable-form-swap-button-position, relative);margin-inline-end:var(--sbb-timetable-form-swap-button-margin-inline-end);translate:var(--sbb-timetable-form-swap-button-translate);z-index:var(--sbb-timetable-form-swap-button-z-index);inset-inline-end:0}";
+//#endregion
+//#region src/elements/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.ts
+t.define();
+var a = class extends t {
+	static {
+		this.elementName = "sbb-timetable-form-swap-button";
+	}
+	static {
+		this.styles = [t.styles, e(i)];
+	}
+	constructor() {
+		super(), this._languageController = new n(this), this.addEventListener("click", () => this._invertFieldValues());
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.toggleState("timetable-form-context", !!this.closest("sbb-timetable-form"));
+	}
+	willUpdate(e) {
+		super.willUpdate(e), this.internals.ariaLabel = r[this._languageController.current];
+	}
+	_invertFieldValues() {
+		let e = this.closest("sbb-timetable-form"), t = Array.from(e?.querySelectorAll("sbb-timetable-form-field") || []), n = t.map((e) => e.inputElement?.value);
+		!e || n.length === 0 || n.every((e) => !e) || n.reverse().forEach((e, n) => {
+			let r = t[n].inputElement;
+			r instanceof HTMLInputElement && (r.value = e, r.dispatchEvent(new InputEvent("input", {
+				bubbles: !0,
+				composed: !0
+			})), r.dispatchEvent(new Event("change", { bubbles: !0 })));
+		});
+	}
+	renderIconName() {
+		return super.renderIconName() || "arrow-change-small";
+	}
+};
+//#endregion
+export { a as t };

package/timetable-form.component-CU1FXAZH.js

@@ -0,0 +1,16 @@
+import { html as e, unsafeCSS as t } from "lit";
+import { SbbElement as n } from "./core/base-elements.js";
+//#region src/elements/timetable-form/timetable-form/timetable-form.scss?inline
+var r = ":host{--sbb-timetable-form-background-color: var(--sbb-background-color-1);--sbb-timetable-form-border-radius: var(--sbb-border-radius-4x);border-radius:var(--sbb-timetable-form-border-radius);background-color:var(--sbb-timetable-form-background-color);display:flex;flex-direction:column}", i = class extends n {
+	static {
+		this.elementName = "sbb-timetable-form";
+	}
+	static {
+		this.styles = t(r);
+	}
+	render() {
+		return e`<slot></slot>`;
+	}
+};
+//#endregion
+export { i as t };

package/timetable-form.js

@@ -1,7 +1,7 @@
-import { t as e } from "./timetable-form-details.component-CfpM_Kse.js";
-import { t } from "./timetable-form-field.component-DJ9FZ9vI.js";
-import { t as n } from "./timetable-form-swap-button.component-BXQ-ukkk.js";
-import { t as r } from "./timetable-form.component-BeopwQmE.js";
+import { t as e } from "./timetable-form-details.component-CBZ7QSAx.js";
+import { t } from "./timetable-form-field.component-BKxQQqt7.js";
+import { t as n } from "./timetable-form-swap-button.component-C71eoTQH.js";
+import { t as r } from "./timetable-form.component-CU1FXAZH.js";
 import "./timetable-form.pure.js";
 r.define(), e.define(), t.define(), n.define();
 //#endregion

package/timetable-form.pure.js

@@ -1,5 +1,5 @@
-import { t as e } from "./timetable-form-details.component-CfpM_Kse.js";
-import { t } from "./timetable-form-field.component-DJ9FZ9vI.js";
-import { t as n } from "./timetable-form-swap-button.component-BXQ-ukkk.js";
-import { t as r } from "./timetable-form.component-BeopwQmE.js";
+import { t as e } from "./timetable-form-details.component-CBZ7QSAx.js";
+import { t } from "./timetable-form-field.component-BKxQQqt7.js";
+import { t as n } from "./timetable-form-swap-button.component-C71eoTQH.js";
+import { t as r } from "./timetable-form.component-CU1FXAZH.js";
 export { e as SbbTimetableFormDetailsElement, r as SbbTimetableFormElement, t as SbbTimetableFormFieldElement, n as SbbTimetableFormSwapButtonElement };

package/timetable-occupancy/timetable-occupancy.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../timetable-occupancy.component-CuI4uxPK.js";
+import { t as e } from "../timetable-occupancy.component-Db9SfiyD.js";
 export { e as SbbTimetableOccupancyElement };

package/timetable-occupancy-icon/timetable-occupancy-icon.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../timetable-occupancy-icon.component-LLMT_897.js";
+import { t as e } from "../timetable-occupancy-icon.component-Ck0VCzxz.js";
 export { e as SbbTimetableOccupancyIconElement };

package/{timetable-occupancy-icon.component-LLMT_897.js → timetable-occupancy-icon.component-Ck0VCzxz.js}

@@ -1,22 +1,22 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n } from "lit";
+import { unsafeCSS as n } from "lit";
 import { property as r } from "lit/decorators.js";
 import { SbbNegativeMixin as i } from "./core/mixins.js";
 import { SbbDarkModeController as a, SbbLanguageController as o, SbbMediaMatcherController as s, SbbMediaQueryForcedColors as c } from "./core/controllers.js";
 import { i18nOccupancy as l } from "./core/i18n.js";
 import { SbbIconBase as u } from "./icon.js";
-//#region src/elements/timetable-occupancy-icon/timetable-occupancy-icon.scss?lit&inline
-var d = n`@media(forced-colors:active)and (prefers-color-scheme:light){:host svg{filter:invert(1)}}`, f = (() => {
-	let n = i(u), f, p = [], m = [];
-	return class extends n {
+//#region src/elements/timetable-occupancy-icon/timetable-occupancy-icon.scss?inline
+var d = "@media(forced-colors:active)and (prefers-color-scheme:light){:host svg{filter:invert(1)}}", f = (() => {
+	let f = i(u), p, m = [], h = [];
+	return class extends f {
 		constructor() {
-			super(...arguments), this.#e = t(this, p, "none"), this._language = (t(this, m), new o(this).withHandler(() => this._setAriaLabel())), this._mediaMatcher = new s(this, { [c]: (e) => {
+			super(...arguments), this.#e = t(this, m, "none"), this._language = (t(this, h), new o(this).withHandler(() => this._setAriaLabel())), this._mediaMatcher = new s(this, { [c]: (e) => {
 				this._forcedColors = e, this._setNameAndAriaLabel();
 			} }), this._darkModeController = new a(this, () => this._setNameAndAriaLabel()), this._forcedColors = this._mediaMatcher.matches(c) ?? !1;
 		}
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			f = [r()], e(this, null, f, {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
+			p = [r()], e(this, null, p, {
 				kind: "accessor",
 				name: "occupancy",
 				static: !1,
@@ -29,7 +29,7 @@ var d = n`@media(forced-colors:active)and (prefers-color-scheme:light){:host svg
 					}
 				},
 				metadata: t
-			}, p, m), t && Object.defineProperty(this, Symbol.metadata, {
+			}, m, h), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -40,7 +40,7 @@ var d = n`@media(forced-colors:active)and (prefers-color-scheme:light){:host svg
 			this.elementName = "sbb-timetable-occupancy-icon";
 		}
 		static {
-			this.styles = [u.styles, d];
+			this.styles = [u.styles, n(d)];
 		}
 		#e;
 		get occupancy() {

package/timetable-occupancy-icon.js

@@ -1,4 +1,4 @@
-import { t as e } from "./timetable-occupancy-icon.component-LLMT_897.js";
+import { t as e } from "./timetable-occupancy-icon.component-Ck0VCzxz.js";
 import "./timetable-occupancy-icon.pure.js";
 //#region src/elements/timetable-occupancy-icon.ts
 e.define();

package/timetable-occupancy-icon.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./timetable-occupancy-icon.component-LLMT_897.js";
+import { t as e } from "./timetable-occupancy-icon.component-Ck0VCzxz.js";
 export { e as SbbTimetableOccupancyIconElement };

package/{timetable-occupancy.component-CuI4uxPK.js → timetable-occupancy.component-Db9SfiyD.js}

@@ -1,5 +1,5 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n, html as r, nothing as i } from "lit";
+import { html as n, nothing as r, unsafeCSS as i } from "lit";
 import { property as a } from "lit/decorators.js";
 import { SbbElement as o } from "./core/base-elements.js";
 import { SbbNegativeMixin as s } from "./core/mixins.js";
@@ -8,16 +8,16 @@ import { SbbLanguageController as l } from "./core/controllers.js";
 import { i18nClass as u } from "./core/i18n.js";
 import "./screen-reader-only.js";
 import "./timetable-occupancy-icon.js";
-//#region src/elements/timetable-occupancy/timetable-occupancy.scss?lit&inline
-var d = n`:host{display:inline-block;--sbb-timetable-occupancy-color: var(--sbb-color-2);--sbb-icon-svg-width: .890625rem;--sbb-icon-svg-height: v0.75rem}@media(min-width:64rem){:host{--sbb-icon-svg-width: 1.1875rem;--sbb-icon-svg-height: v1rem}}:host([negative]){--sbb-timetable-occupancy-color: var(--sbb-color-2-negative)}.sbb-timetable-occupancy__list{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;align-items:center;flex-wrap:nowrap;gap:var(--sbb-spacing-fixed-2x)}.sbb-timetable-occupancy__list-item{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--sbb-spacing-fixed-1x)}.sbb-timetable-occupancy__list-item-class{--sbb-text-font-size: var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);line-height:1;color:var(--sbb-timetable-occupancy-color)}.sbb-timetable-occupancy__list-item-icon{display:flex}`, f = (() => {
-	let n = s(o), f, p = [], m = [], h, g = [], _ = [];
-	return class extends n {
+//#region src/elements/timetable-occupancy/timetable-occupancy.scss?inline
+var d = ":host{display:inline-block;--sbb-timetable-occupancy-color: var(--sbb-color-2);--sbb-icon-svg-width: .890625rem;--sbb-icon-svg-height: v0.75rem}@media(min-width:64rem){:host{--sbb-icon-svg-width: 1.1875rem;--sbb-icon-svg-height: v1rem}}:host([negative]){--sbb-timetable-occupancy-color: var(--sbb-color-2-negative)}.sbb-timetable-occupancy__list{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;align-items:center;flex-wrap:nowrap;gap:var(--sbb-spacing-fixed-2x)}.sbb-timetable-occupancy__list-item{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--sbb-spacing-fixed-1x)}.sbb-timetable-occupancy__list-item-class{--sbb-text-font-size: var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);line-height:1;color:var(--sbb-timetable-occupancy-color)}.sbb-timetable-occupancy__list-item-icon{display:flex}", f = (() => {
+	let f = s(o), p, m = [], h = [], g, _ = [], v = [];
+	return class extends f {
 		constructor() {
-			super(...arguments), this.#e = t(this, p, null), this.#t = (t(this, m), t(this, g, null)), this._language = (t(this, _), new l(this));
+			super(...arguments), this.#e = t(this, m, null), this.#t = (t(this, h), t(this, _, null)), this._language = (t(this, v), new l(this));
 		}
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			f = [a({ attribute: "first-class-occupancy" })], h = [a({ attribute: "second-class-occupancy" })], e(this, null, f, {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
+			p = [a({ attribute: "first-class-occupancy" })], g = [a({ attribute: "second-class-occupancy" })], e(this, null, p, {
 				kind: "accessor",
 				name: "firstClassOccupancy",
 				static: !1,
@@ -30,7 +30,7 @@ var d = n`:host{display:inline-block;--sbb-timetable-occupancy-color: var(--sbb-
 					}
 				},
 				metadata: t
-			}, p, m), e(this, null, h, {
+			}, m, h), e(this, null, g, {
 				kind: "accessor",
 				name: "secondClassOccupancy",
 				static: !1,
@@ -43,7 +43,7 @@ var d = n`:host{display:inline-block;--sbb-timetable-occupancy-color: var(--sbb-
 					}
 				},
 				metadata: t
-			}, g, _), t && Object.defineProperty(this, Symbol.metadata, {
+			}, _, v), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -54,7 +54,7 @@ var d = n`:host{display:inline-block;--sbb-timetable-occupancy-color: var(--sbb-
 			this.elementName = "sbb-timetable-occupancy";
 		}
 		static {
-			this.styles = [c, d];
+			this.styles = [c, i(d)];
 		}
 		#e;
 		get firstClassOccupancy() {
@@ -71,12 +71,12 @@ var d = n`:host{display:inline-block;--sbb-timetable-occupancy-color: var(--sbb-
 			this.#t = e;
 		}
 		render() {
-			return r` ${(this.firstClassOccupancy || this.secondClassOccupancy) && r`
+			return n` ${(this.firstClassOccupancy || this.secondClassOccupancy) && n`
       <ul
         class="sbb-timetable-occupancy__list"
-        role=${!this.firstClassOccupancy || !this.secondClassOccupancy ? "presentation" : i}
+        role=${!this.firstClassOccupancy || !this.secondClassOccupancy ? "presentation" : r}
       >
-        ${[this.firstClassOccupancy, this.secondClassOccupancy].map((e, t) => e && r`
+        ${[this.firstClassOccupancy, this.secondClassOccupancy].map((e, t) => e && n`
               <li class="sbb-timetable-occupancy__list-item">
                 <span class="sbb-timetable-occupancy__list-item-class" aria-hidden="true">
                   ${this.firstClassOccupancy && t === 0 ? "1" : "2"}.

package/timetable-occupancy.js

@@ -1,4 +1,4 @@
-import { t as e } from "./timetable-occupancy.component-CuI4uxPK.js";
+import { t as e } from "./timetable-occupancy.component-Db9SfiyD.js";
 import "./timetable-occupancy.pure.js";
 //#region src/elements/timetable-occupancy.ts
 e.define();

package/timetable-occupancy.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./timetable-occupancy.component-CuI4uxPK.js";
+import { t as e } from "./timetable-occupancy.component-Db9SfiyD.js";
 export { e as SbbTimetableOccupancyElement };

package/title/title-base.js

@@ -1,2 +1,2 @@
-import { t as e } from "../title-base-DRgSZMaU.js";
+import { t as e } from "../title-base-D72Xo2SW.js";
 export { e as SbbTitleBase };

package/title/title.component.js

@@ -1,3 +1,2 @@
-import "../title-base-DRgSZMaU.js";
-import { t as e } from "../title.component-1oKmMeCz.js";
+import { t as e } from "../title.component-CoMa84Sz.js";
 export { e as SbbTitleElement };

package/title-base-D72Xo2SW.js

@@ -0,0 +1,80 @@
+import { __esDecorate as e, __runInitializers as t } from "tslib";
+import { unsafeCSS as n } from "lit";
+import { property as r } from "lit/decorators.js";
+import { SbbElement as i } from "./core/base-elements.js";
+import { html as a } from "lit/static-html.js";
+//#region src/elements/title/title-common.scss?inline
+var o = ":host{margin-block:var(--sbb-title-margin-block, 0);margin-inline:0;font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height, var(--sbb-typo-line-height-heading));letter-spacing:var(--sbb-typo-letter-spacing-heading);font-size:var(--sbb-title-font-size);--sbb-title-text-color-normal: var(--sbb-title-text-color-normal-override, var(--sbb-color-3));display:block;color:var(--sbb-title-text-color-normal)}:host([id]){scroll-margin-block-start:var(--sbb-spacing-fixed-10x)}:host(:where([level=\"1\"]:not([visual-level]),[visual-level=\"1\"])){--sbb-title-font-size: var(--sbb-title-font-size-level-1-lean, var(--sbb-heading-font-size-1))}:host(:where([level=\"2\"]:not([visual-level]),[visual-level=\"2\"])){--sbb-title-font-size: var(--sbb-title-font-size-level-2-lean, var(--sbb-heading-font-size-2))}:host(:where([level=\"3\"]:not([visual-level]),[visual-level=\"3\"])){--sbb-title-font-size: var(--sbb-title-font-size-level-3-lean, var(--sbb-heading-font-size-3))}:host(:where([level=\"4\"]:not([visual-level]),[visual-level=\"4\"])){--sbb-title-font-size: var(--sbb-title-font-size-level-4-lean, var(--sbb-heading-font-size-4))}:host(:where([level=\"5\"]:not([visual-level]),[visual-level=\"5\"])){--sbb-title-font-size: var(--sbb-title-font-size-level-5-lean, var(--sbb-heading-font-size-5))}:host(:where([level=\"6\"]:not([visual-level]),[visual-level=\"6\"])){--sbb-title-font-size: var(--sbb-title-font-size-level-6-lean, var(--sbb-heading-font-size-6));--sbb-title-line-height: var(--sbb-typo-line-height-text)}", s = (() => {
+	let s = i, c, l = [], u = [], d, f = [], p = [];
+	return class extends s {
+		static {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
+			c = [r({ reflect: !0 })], d = [r({
+				attribute: "visual-level",
+				reflect: !0
+			})], e(this, null, c, {
+				kind: "accessor",
+				name: "level",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "level" in e,
+					get: (e) => e.level,
+					set: (e, t) => {
+						e.level = t;
+					}
+				},
+				metadata: t
+			}, l, u), e(this, null, d, {
+				kind: "accessor",
+				name: "visualLevel",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "visualLevel" in e,
+					get: (e) => e.visualLevel,
+					set: (e, t) => {
+						e.visualLevel = t;
+					}
+				},
+				metadata: t
+			}, f, p), t && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: t
+			});
+		}
+		static {
+			this.role = "heading";
+		}
+		static {
+			this.styles = n(o);
+		}
+		#e = t(this, l, "1");
+		get level() {
+			return this.#e;
+		}
+		set level(e) {
+			this.#e = e;
+		}
+		#t = (t(this, u), t(this, f, null));
+		get visualLevel() {
+			return this.#t;
+		}
+		set visualLevel(e) {
+			this.#t = e;
+		}
+		willUpdate(e) {
+			super.willUpdate(e), e.has("level") && (this.internals.ariaLevel = this.level);
+		}
+		render() {
+			return a`<slot></slot>`;
+		}
+		constructor() {
+			super(...arguments), t(this, p);
+		}
+	};
+})();
+//#endregion
+export { s as t };

package/title.component-CoMa84Sz.js

@@ -0,0 +1,54 @@
+import { t as e } from "./title-base-D72Xo2SW.js";
+import { __esDecorate as t, __runInitializers as n } from "tslib";
+import { unsafeCSS as r } from "lit";
+import { property as i } from "lit/decorators.js";
+import { SbbNegativeMixin as a } from "./core/mixins.js";
+//#region src/elements/title/title.scss?inline
+var o = ":host([negative]){--sbb-title-text-color-normal: var(--sbb-color-3-negative)}:host(:where([level=\"1\"]:not([visual-level]),[visual-level=\"1\"])){--sbb-title-margin-block: var( --sbb-heading-margin-block-1-lean, var(--sbb-heading-margin-block-1) )}:host(:where([level=\"2\"]:not([visual-level]),[visual-level=\"2\"])){--sbb-title-margin-block: var( --sbb-heading-margin-block-2-lean, var(--sbb-heading-margin-block-2) )}:host(:where([level=\"3\"]:not([visual-level]),[visual-level=\"3\"])){--sbb-title-margin-block: var( --sbb-heading-margin-block-3-lean, var(--sbb-heading-margin-block-3) )}:host(:where([level=\"4\"]:not([visual-level]),[visual-level=\"4\"])){--sbb-title-margin-block: var( --sbb-heading-margin-block-4-lean, var(--sbb-heading-margin-block-4) )}:host(:where([level=\"5\"]:not([visual-level]),[visual-level=\"5\"])){--sbb-title-margin-block: var( --sbb-heading-margin-block-5-lean, var(--sbb-heading-margin-block-5) )}:host(:where([level=\"6\"]:not([visual-level]),[visual-level=\"6\"])){--sbb-title-margin-block: var( --sbb-heading-margin-block-6-lean, var(--sbb-heading-margin-block-6) )}", s = (() => {
+	let s = a(e), c, l = [], u = [];
+	return class extends s {
+		static {
+			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
+			c = [i({
+				attribute: "visual-level",
+				reflect: !0
+			})], t(this, null, c, {
+				kind: "accessor",
+				name: "visualLevel",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "visualLevel" in e,
+					get: (e) => e.visualLevel,
+					set: (e, t) => {
+						e.visualLevel = t;
+					}
+				},
+				metadata: e
+			}, l, u), e && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: e
+			});
+		}
+		static {
+			this.elementName = "sbb-title";
+		}
+		static {
+			this.styles = [e.styles, r(o)];
+		}
+		#e = n(this, l, null);
+		get visualLevel() {
+			return this.#e;
+		}
+		set visualLevel(e) {
+			this.#e = e;
+		}
+		constructor() {
+			super(...arguments), n(this, u);
+		}
+	};
+})();
+//#endregion
+export { s as t };

package/title.js

@@ -1,5 +1,5 @@
-import { t as e } from "./title-base-DRgSZMaU.js";
-import { t } from "./title.component-1oKmMeCz.js";
+import { t as e } from "./title-base-D72Xo2SW.js";
+import { t } from "./title.component-CoMa84Sz.js";
 import "./title.pure.js";
 //#region src/elements/title.ts
 t.define();

package/title.pure.js

@@ -1,3 +1,3 @@
-import { t as e } from "./title-base-DRgSZMaU.js";
-import { t } from "./title.component-1oKmMeCz.js";
+import { t as e } from "./title-base-D72Xo2SW.js";
+import { t } from "./title.component-CoMa84Sz.js";
 export { e as SbbTitleBase, t as SbbTitleElement };

package/toast/toast.component.js

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