@sbb-esta/lyne-elements 5.0.0-next → 5.0.0-next.2

package/toggle.component-2e_7FeR4.js

@@ -1,156 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { html as n, isServer as r, unsafeCSS as i } from "lit";
-import { property as a } from "lit/decorators.js";
-import { SbbDisabledMixin as o, SbbElement as s, SbbFormAssociatedMixin as c, boxSizingStyles as l, forceType as u, interactivityChecker as d, isLean as f } from "./core.js";
-//#region src/elements/toggle/toggle/toggle.scss?inline
-var p = ":host{display:block;width:fit-content;border-radius:var(--sbb-toggle-border-radius);--sbb-toggle-width: fit-content;--sbb-toggle-min-width: calc( var(--sbb-toggle-padding-inline) * 4 + var(--sbb-size-icon-ui-small) );--sbb-toggle-selected-option-border-width: var(--sbb-border-width-1x);--sbb-toggle-selected-option-border-style: solid;--sbb-toggle-selected-option-border-color: var(--sbb-border-color-5);--sbb-toggle-selected-option-background-color: var(--sbb-background-color-1);--sbb-toggle-background-inset: .125rem;--sbb-toggle-padding-inline: var(--sbb-spacing-responsive-xs);--sbb-toggle-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-toggle-height: var(--sbb-size-element-m);--sbb-toggle-border-radius: var(--sbb-border-radius-infinity);--sbb-toggle-grid-template-columns: auto auto}@media(forced-colors:active){:host{--sbb-toggle-selected-option-border-color: Highlight;--sbb-toggle-selected-option-border-width: var(--sbb-border-width-2x)}}:host([even]){width:100%;--sbb-toggle-width: 100%;--sbb-toggle-grid-template-columns: 50% 50%}:host(:disabled){--sbb-toggle-selected-option-border-color: var(--sbb-color-graphite);--sbb-toggle-selected-option-border-color: light-dark( var(--sbb-color-graphite), var(--sbb-color-smoke) );--sbb-toggle-selected-option-border-style: dashed}@media(forced-colors:active){:host(:disabled){--sbb-toggle-selected-option-border-style: solid;--sbb-toggle-selected-option-border-color: GrayText}}:host([size=s]){--sbb-toggle-padding-inline: var(--sbb-spacing-responsive-xxxs);--sbb-toggle-height: var(--sbb-size-element-xxs)}:host(:is(:not(:is(:state(initialized),[state--initialized])),:is(:state(disable-animation-on-resizing),[state--disable-animation-on-resizing]))){--sbb-disable-animation-duration: 0s}.sbb-toggle{--sbb-text-font-size: var(--sbb-text-font-size-m);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);display:grid;grid-template-columns:var(--sbb-toggle-grid-template-columns);grid-template-areas:\"start end\";align-items:center;min-width:var(--sbb-toggle-min-width);width:var(--sbb-toggle-width);height:var(--sbb-toggle-height);max-width:100%;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:var(--sbb-toggle-border-radius)}.sbb-toggle:before{content:\"\";display:block;grid-area:start/start/end/end;margin-inline:var(--sbb-toggle-option-left, 0) var(--sbb-toggle-option-right, 0);background-color:var(--sbb-toggle-selected-option-background-color);border-radius:var(--sbb-toggle-border-radius);max-width:100%;height:100%;border:var(--sbb-toggle-selected-option-border-width) var(--sbb-toggle-selected-option-border-style) var(--sbb-toggle-selected-option-border-color);transition-duration:var(--sbb-toggle-animation-duration);transition-timing-function:ease;transition-property:margin-inline-start,margin-inline-end}.sbb-toggle:after{content:\"\";grid-area:start/start/end/end;order:-1;background:var(--sbb-background-color-4);margin-inline:var(--sbb-toggle-background-inset);height:calc(100% - 2 * var(--sbb-toggle-background-inset));border-radius:var(--sbb-toggle-border-radius)}@media(forced-colors:active){.sbb-toggle:after{border:var(--sbb-border-width-1x) solid CanvasText}}::slotted(sbb-toggle-option:first-of-type){grid-area:start}::slotted(sbb-toggle-option:last-of-type){grid-area:end}", m = (() => {
-	let m = o(c(s)), h = [], g, _ = [], v = [], y, b = [], x = [], S;
-	return class extends m {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(m[Symbol.metadata] ?? null) : void 0;
-			g = [u(), a({
-				reflect: !0,
-				type: Boolean
-			})], y = [a({ reflect: !0 })], S = [a()], e(this, null, g, {
-				kind: "accessor",
-				name: "even",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "even" in e,
-					get: (e) => e.even,
-					set: (e, t) => {
-						e.even = t;
-					}
-				},
-				metadata: t
-			}, _, v), e(this, null, y, {
-				kind: "accessor",
-				name: "size",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "size" in e,
-					get: (e) => e.size,
-					set: (e, t) => {
-						e.size = t;
-					}
-				},
-				metadata: t
-			}, b, x), e(this, null, S, {
-				kind: "setter",
-				name: "value",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "value" in e,
-					set: (e, t) => {
-						e.value = t;
-					}
-				},
-				metadata: t
-			}, null, h), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-toggle";
-		}
-		static {
-			this.role = "radiogroup";
-		}
-		static {
-			this.styles = [l, i(p)];
-		}
-		static {
-			this.events = { change: "change" };
-		}
-		#e;
-		get even() {
-			return this.#e;
-		}
-		set even(e) {
-			this.#e = e;
-		}
-		#t;
-		get size() {
-			return this.#t;
-		}
-		set size(e) {
-			this.#t = e;
-		}
-		set value(e) {
-			r || !this.hasUpdated ? this._fallbackValue = e : this._valueChanged(e);
-		}
-		get value() {
-			return r ? this._fallbackValue ?? null : this.options.find((e) => e.checked)?.value ?? this.options[0]?.value ?? null;
-		}
-		get options() {
-			return Array.from(this.querySelectorAll?.("sbb-toggle-option") ?? []);
-		}
-		constructor() {
-			super(), this.#e = (t(this, h), t(this, _, !1)), this.#t = (t(this, v), t(this, b, f() ? "s" : "m")), this._fallbackValue = (t(this, x), null), this.addEventListener?.("input", () => this._handleInput(), { passive: !0 }), this.addEventListener?.("keydown", (e) => this._handleKeyDown(e));
-		}
-		willUpdate(e) {
-			super.willUpdate(e), (e.has("disabled") || e.has("formDisabled")) && this._updateDisabled(), this.hasUpdated || this._valueChanged(this._fallbackValue);
-		}
-		statusChanged() {
-			this.updateFormValue(), this.updatePillPosition();
-		}
-		formResetCallback() {
-			this.value = this.hasAttribute("value") ? this.getAttribute("value") : null;
-		}
-		formStateRestoreCallback(e, t) {
-			typeof e == "string" || e == null ? this.value = e ?? null : e instanceof FormData && this._readFormData(e).then((e) => {
-				this.value = e;
-			});
-		}
-		async _readFormData(e) {
-			let t = e.get(this.name);
-			return t instanceof Blob ? JSON.parse(await t.text()) : t;
-		}
-		updatePillPosition(e = !1) {
-			let t = this.options, n = this.shadowRoot?.querySelector(".sbb-toggle");
-			if (t.length < 2 || !n || t.every((e) => !e.checked) || t.every((e) => !e.clientWidth)) return;
-			this.toggleState("disable-animation-on-resizing", e);
-			let r = t[0], i = r.checked, a = i ? "0px" : `${r.clientWidth}px`, o = i ? `${n.clientWidth - r.clientWidth}px` : "0px";
-			o === "0px" && a === "0px" || (this.style?.setProperty("--sbb-toggle-option-left", a), this.style?.setProperty("--sbb-toggle-option-right", o), this.offsetWidth, this.internals.states.add("initialized"));
-		}
-		_updateToggle() {
-			this._valueChanged(this.value), this._updateDisabled();
-		}
-		_valueChanged(e) {
-			let t = this.options, n = t.find((t) => e === t.value) ?? t.find((e) => e.checked) ?? t[0];
-			n && (n.checked = !0, this.statusChanged());
-		}
-		_updateDisabled() {
-			for (let e of this.options) e.disabled = this.disabled || this.formDisabled;
-		}
-		_handleInput() {
-			this.statusChanged(), this.dispatchEvent(new Event("change", { bubbles: !0 }));
-		}
-		_handleKeyDown(e) {
-			if (!this.options.filter((e) => !e.disabled && d.isVisible(e)) || e.target !== this && e.target.parentElement !== this) return;
-			let t = this.options, n = this.matches(":dir(rtl)"), r = t.findIndex((e) => e.checked) ?? t[0], i = t.slice(r + 1).concat(t.slice(0, r)).filter((e) => !e.disabled && d.isVisible(e));
-			(n ? e.key === "ArrowLeft" : e.key === " " || e.key === "ArrowRight") ? (this._selectAndFocusOption(i[0]), e.preventDefault()) : (n ? e.key === " " || e.key === "ArrowRight" : e.key === "ArrowLeft") && (this._selectAndFocusOption(i.at(-1)), e.preventDefault());
-		}
-		_selectAndFocusOption(e) {
-			!e || e.disabled || e.checked || (e.checked = !0, e.focus(), e.dispatchEvent(new InputEvent("input", {
-				bubbles: !0,
-				composed: !0
-			})));
-		}
-		render() {
-			return n`
-      <div class="sbb-toggle">
-        <slot @slotchange=${this._updateToggle}></slot>
-      </div>
-    `;
-		}
-	};
-})();
-//#endregion
-export { m as t };

package/train-blocked-passage.component-EET0Kobk.js

@@ -1,22 +0,0 @@
-import { html as e, unsafeCSS as t } from "lit";
-import { SbbElement as n, boxSizingStyles as r } from "./core.js";
-//#region src/elements/train/train-blocked-passage/train-blocked-passage.scss?inline
-var i = ":host{display:block;--sbb-train-blocked-passage-height: var(--sbb-train-formation-wagon-height);--sbb-train-blocked-passage-background-color: var(--sbb-color-error);--sbb-train-blocked-passage-bar-color: var(--sbb-color-white);--sbb-train-blocked-passage-icon-dimension: 1rem;--sbb-train-blocked-passage-icon-bar-width: .625rem;--sbb-train-blocked-passage-icon-bar-height: .25rem;--sbb-train-blocked-passage-icon-bar-border-radius: .0625rem}@media(forced-colors:active){:host{--sbb-train-blocked-passage-background-color: CanvasText;--sbb-train-blocked-passage-bar-color: Canvas}}.sbb-train-blocked-passage:before{content:\"\";display:var(--sbb-train-formation-wagon-label-display, block);height:calc(var(--sbb-text-font-size-xxs) * var(--sbb-typo-line-height-text))}.sbb-train-blocked-passage__wrapper{width:var(--sbb-train-blocked-passage-icon-dimension);display:flex;justify-content:center;flex-direction:column;height:var(--sbb-train-blocked-passage-height)}.sbb-train-blocked-passage__icon{width:100%;height:var(--sbb-train-blocked-passage-icon-dimension);border-radius:50%;background-color:var(--sbb-train-blocked-passage-background-color);position:relative;flex-direction:column;display:flex;align-items:center}.sbb-train-blocked-passage__icon:before{content:\"\";width:var(--sbb-train-blocked-passage-icon-bar-width);height:var(--sbb-train-blocked-passage-icon-bar-height);border-radius:var(--sbb-train-blocked-passage-icon-bar-border-radius);background-color:var(--sbb-train-blocked-passage-bar-color);margin:auto 0}", a = class extends n {
-	static {
-		this.elementName = "sbb-train-blocked-passage";
-	}
-	static {
-		this.styles = [r, t(i)];
-	}
-	render() {
-		return e`
-      <span class="sbb-train-blocked-passage">
-        <span class="sbb-train-blocked-passage__wrapper">
-          <span class="sbb-train-blocked-passage__icon"></span>
-        </span>
-      </span>
-    `;
-	}
-};
-//#endregion
-export { a as t };

package/train-formation.component-5AASBGSX.js

@@ -1,117 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { html as n, nothing as r, unsafeCSS as i } from "lit";
-import { property as a, state as o } from "lit/decorators.js";
-import { SbbElement as s, SbbLanguageController as c, SbbNamedSlotListMixin as l, boxSizingStyles as u, i18nSector as d, i18nSectorShort as f, i18nTrains as p } from "./core.js";
-import { styleMap as m } from "lit/directives/style-map.js";
-//#region src/elements/train/train-formation/train-formation.scss?inline
-var h = ":host{display:block;--sbb-train-formation-sector-line-color: var(--sbb-color-cement);--sbb-train-formation-sector-line-color: light-dark( var(--sbb-color-cement), var(--sbb-color-smoke) );--sbb-train-formation-sector-line-width: var(--sbb-border-width-1x);--sbb-train-formation-blocked-passage-width: 1rem;--sbb-train-formation-text-color: var(--sbb-color-3);--sbb-train-formation-vertical-gap: var(--sbb-spacing-fixed-2x)}@media(forced-colors:active){:host{--sbb-train-formation-sector-line-color: CanvasText}}.sbb-train-formation{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: transparent;--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-train-formation::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-train-formation::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-train-formation::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-train-formation::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-train-formation::-webkit-scrollbar-button,.sbb-train-formation::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-train-formation{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-train-formation{display:grid;grid-template:\"start sectors end\" auto \"start trains end\" auto/auto 1fr auto;position:relative;overflow-x:auto;row-gap:calc(var(--sbb-train-formation-show-sectors-gap, 0) * var(--sbb-train-formation-vertical-gap));padding-block-end:var(--sbb-train-formation-vertical-gap);color:var(--sbb-train-formation-text-color)}.sbb-train-formation:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}.sbb-train-formation:before,.sbb-train-formation:after{content:\"\";display:block;width:var(--sbb-train-formation-padding-inline)}.sbb-train-formation:before{grid-area:start}.sbb-train-formation:after{grid-area:end}.sbb-train-formation__sectors{display:flex;grid-area:sectors;gap:var(--sbb-train-formation-wagon-gap)}.sbb-train-formation__sector{--_wagon-sum: var(--sbb-train-formation-wagon-count) * var(--sbb-train-formation-wagon-width);--_blocked-passage-sum: var(--sbb-train-formation-wagon-blocked-passage-count) * var(--sbb-train-formation-blocked-passage-width);--_total-count: calc( var(--sbb-train-formation-wagon-count) + var(--sbb-train-formation-wagon-blocked-passage-count) );--_gap-sum: calc((var(--_total-count) - 1) * var(--sbb-train-formation-wagon-gap));--_sector-width: calc(var(--_wagon-sum) + var(--_blocked-passage-sum) + var(--_gap-sum));--sbb-text-font-size: var(--sbb-text-font-size-xs);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);flex:0 0 var(--_sector-width);text-align:center;overflow-x:clip}.sbb-train-formation__sector-sticky-wrapper{position:sticky;inset:auto 0;padding:0 var(--sbb-spacing-fixed-1x);margin:0 var(--sbb-spacing-fixed-2x);overflow:hidden;white-space:nowrap}.sbb-train-formation__sector-sticky-wrapper:before,.sbb-train-formation__sector-sticky-wrapper:after{content:\"\";position:absolute;inset-block:calc(50% - var(--sbb-train-formation-sector-line-width) / 2);border-block-end:var(--sbb-train-formation-sector-line-width) solid var(--sbb-train-formation-sector-line-color);width:calc(.5 * var(--_sector-width))}.sbb-train-formation__sector-sticky-wrapper:before{inset-inline-end:100%}.sbb-train-formation__sector-sticky-wrapper:after{inset-inline-start:100%}.sbb-train-formation__trains{grid-area:trains}.sbb-train-formation__train-list{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;gap:var(--sbb-train-formation-wagon-gap)}.sbb-train-formation__train-list>:is(li,span){display:inline-flex}", g = (() => {
-	let g = l(s), _, v = [], y = [], b, x = [], S = [];
-	return class extends g {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(g[Symbol.metadata] ?? null) : void 0;
-			_ = [a({ reflect: !0 })], b = [o()], e(this, null, _, {
-				kind: "accessor",
-				name: "view",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "view" in e,
-					get: (e) => e.view,
-					set: (e, t) => {
-						e.view = t;
-					}
-				},
-				metadata: t
-			}, v, y), e(this, null, b, {
-				kind: "accessor",
-				name: "_sectors",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "_sectors" in e,
-					get: (e) => e._sectors,
-					set: (e, t) => {
-						e._sectors = t;
-					}
-				},
-				metadata: t
-			}, x, S), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-train-formation";
-		}
-		static {
-			this.styles = [u, i(h)];
-		}
-		#e;
-		get view() {
-			return this.#e;
-		}
-		set view(e) {
-			this.#e = e;
-		}
-		#t;
-		get _sectors() {
-			return this.#t;
-		}
-		set _sectors(e) {
-			this.#t = e;
-		}
-		constructor() {
-			super(), this.listChildLocalNames = ["sbb-train"], this.#e = t(this, v, "side"), this.#t = (t(this, y), t(this, x, [])), this._language = (t(this, S), new c(this)), this.addEventListener?.("trainslotchange", (e) => this._readSectors(e)), this.addEventListener?.("sectorchange", (e) => this._readSectors(e));
-		}
-		_readSectors(e) {
-			e?.stopPropagation(), this._sectors = Array.from(this.querySelectorAll?.("sbb-train-wagon,sbb-train-blocked-passage") ?? []).reduce((e, t) => {
-				let n = e[e.length - 1];
-				if (t.localName === "sbb-train-wagon") {
-					let r = t.sector ?? t.getAttribute("sector");
-					!n.label && r && (n.label = r), !r || n.label === r ? n.wagonCount++ : e.push({
-						label: r,
-						wagonCount: 1,
-						blockedPassageCount: 0
-					});
-				} else t.localName === "sbb-train-blocked-passage" && n.blockedPassageCount++;
-				return e;
-			}, [{
-				wagonCount: 0,
-				blockedPassageCount: 0
-			}]);
-		}
-		willUpdate(e) {
-			super.willUpdate(e), e.has("listChildren") && this._readSectors();
-		}
-		render() {
-			return n`
-      <div class="sbb-train-formation">
-        ${this._sectors.length && this._sectors[0].label !== void 0 ? n`<div class="sbb-train-formation__sectors" aria-hidden="true">
-              ${this._sectors.map((e) => n`<span
-                    class="sbb-train-formation__sector"
-                    style=${m({
-				"--sbb-train-formation-wagon-count": e.wagonCount,
-				"--sbb-train-formation-wagon-blocked-passage-count": e.blockedPassageCount
-			})}
-                  >
-                    <span class="sbb-train-formation__sector-sticky-wrapper">
-                      ${`${e.wagonCount === 1 && e.label ? f[this._language.current] : d[this._language.current]} ${e.label ? e.label : ""}`}
-                    </span>
-                  </span>`)}
-            </div>` : r}
-
-        <div class="sbb-train-formation__trains">
-          ${this.renderList({
-				class: "sbb-train-formation__train-list",
-				ariaLabel: p[this._language.current]
-			})}
-        </div>
-      </div>
-    `;
-		}
-	};
-})();
-//#endregion
-export { g as t };

package/train-wagon.component-CLMLEf6I.js

@@ -1,257 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { nothing as n, unsafeCSS as r } from "lit";
-import { property as i } from "lit/decorators.js";
-import { SbbElement as a, SbbLanguageController as o, SbbNamedSlotListMixin as s, boxSizingStyles as c, forceType as l, handleDistinctChange as u, i18nAdditionalWagonInformationHeading as d, i18nBlockedPassage as f, i18nClass as p, i18nClosedCompartmentLabel as m, i18nCouchetteWagonLabel as h, i18nLocomotiveLabel as g, i18nRestaurantWagonLabel as _, i18nSector as v, i18nSleepingWagonLabel as y, i18nWagonLabel as b, i18nWagonLabelNumber as x, omitEmptyConverter as S } from "./core.js";
-import { html as C } from "lit/static-html.js";
-import { SbbIconElement as w } from "./icon.pure.js";
-import { SbbTimetableOccupancyIconElement as T } from "./timetable-occupancy-icon.pure.js";
-import { when as E } from "lit/directives/when.js";
-//#region src/elements/train/train-wagon/train-wagon.scss?inline
-var D = ":host{display:block;--sbb-train-wagon-width: var(--sbb-train-formation-wagon-width);--sbb-train-wagon-height: var(--sbb-train-formation-wagon-height);--sbb-train-wagon-shape-color: var(--sbb-color-3);--sbb-train-wagon-main-icon-height: 1.25rem;--sbb-train-wagon-main-icon-margin-block-start: .625rem;--sbb-train-wagon-attribute-icon-gap: var(--sbb-spacing-fixed-1x);--sbb-train-wagon-attribute-icon-height: .875rem;--sbb-train-wagon-attribute-icon-color: var(--sbb-color-1);--sbb-train-wagon-occupancy-height: .75rem}@media(forced-colors:active){:host{--sbb-train-wagon-shape-color: CanvasText}}@media(forced-colors:active){:host([type=closed]){--sbb-train-wagon-shape-color: GrayText}}:host(:is([type=sleeping],[type=couchette])){--sbb-train-wagon-main-icon-margin-block-start: .390625rem}:host(:is([type=wagon],[type=restaurant],[type=sleeping],[type=couchette])){--sbb-train-wagon-shape: var(--sbb-train-wagon-wagon-shape)}:host([type=closed]){--sbb-train-wagon-shape: var(--sbb-train-wagon-wagon-closed-shape)}:host([type=locomotive]){--sbb-train-wagon-shape: var(--sbb-train-wagon-locomotive-shape)}:host([type=wagon-end-left]){--sbb-train-wagon-shape: var(--sbb-train-wagon-wagon-end-left-shape)}:host([type=wagon-end-right]){--sbb-train-wagon-shape: var(--sbb-train-wagon-wagon-end-right-shape)}.sbb-train-wagon{display:flex;flex-direction:column;align-items:center;width:var(--sbb-train-wagon-width);gap:var(--sbb-train-formation-vertical-gap)}.sbb-train-wagon__compartment{list-style:none;margin:0;padding:0;font-size:inherit;display:grid;grid-template:\"label label\" auto \"occupancy class\" 1fr/1fr 1fr}.sbb-train-wagon__compartment:before{content:\"\";grid-column:occupancy/class;grid-row:occupancy;pointer-events:none;width:var(--sbb-train-wagon-width);height:var(--sbb-train-wagon-height);background-color:var(--sbb-train-wagon-shape-color);-webkit-mask-image:var(--sbb-train-wagon-shape);mask-image:var(--sbb-train-wagon-shape)}.sbb-train-wagon__main-icon{--sbb-icon-svg-height: var(--sbb-train-wagon-main-icon-height);grid-column:occupancy/class;grid-row:occupancy;margin-block-start:var(--sbb-train-wagon-main-icon-margin-block-start);justify-self:center}.sbb-train-wagon__label{--sbb-text-font-size: var(--sbb-text-font-size-xxs);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);grid-area:label;text-align:center;display:var(--sbb-train-formation-wagon-label-display, inline-block);min-height:calc(1em * var(--sbb-typo-line-height-text))}.sbb-train-wagon__occupancy,.sbb-train-wagon__class{height:var(--sbb-train-wagon-height);display:flex;align-items:center;justify-content:center}.sbb-train-wagon__occupancy{--sbb-icon-svg-height: var(--sbb-train-wagon-occupancy-height);grid-area:occupancy}.sbb-train-wagon__class{--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);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);grid-area:class}.sbb-train-wagon__attribute-icon-list{list-style:none;margin:0;padding:0;font-size:inherit;--sbb-icon-svg-height: var(--sbb-train-wagon-attribute-icon-height);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sbb-train-wagon-attribute-icon-gap);color:var(--sbb-train-wagon-attribute-icon-color)}.sbb-train-wagon__attribute-icon-list>:is(li,span){display:inline-flex}.sbb-screen-reader-only{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}", O = {
-	couchette: "sa-cc",
-	sleeping: "sa-wl",
-	restaurant: "sa-wr"
-}, k = (() => {
-	let k = s(a), A, j = [], M = [], N, P = [], F = [], I, L = [], R = [], z, B = [], V = [], H, U = [], W = [], G, K = [], q = [], J, Y = [], X = [];
-	return class extends k {
-		constructor() {
-			super(...arguments), this.#e = t(this, j, "wagon"), this.listChildLocalNames = (t(this, M), ["sbb-icon"]), this.#t = t(this, P, null), this.#n = (t(this, F), t(this, L, "")), this.#r = (t(this, R), t(this, B, "none")), this.#i = (t(this, V), t(this, U, null)), this.#a = (t(this, W), t(this, K, "")), this.#o = (t(this, q), t(this, Y, "")), this._language = (t(this, X), new o(this));
-		}
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(k[Symbol.metadata] ?? null) : void 0;
-			A = [i({ reflect: !0 })], N = [i()], I = [
-				l(),
-				u((e) => e._sectorChanged()),
-				i({
-					reflect: !0,
-					converter: S
-				})
-			], z = [i({ attribute: "blocked-passage" })], H = [i({ attribute: "wagon-class" })], G = [l(), i({
-				reflect: !0,
-				converter: S
-			})], J = [l(), i({ attribute: "additional-accessibility-text" })], e(this, null, A, {
-				kind: "accessor",
-				name: "type",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "type" in e,
-					get: (e) => e.type,
-					set: (e, t) => {
-						e.type = t;
-					}
-				},
-				metadata: t
-			}, j, M), e(this, null, N, {
-				kind: "accessor",
-				name: "occupancy",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "occupancy" in e,
-					get: (e) => e.occupancy,
-					set: (e, t) => {
-						e.occupancy = t;
-					}
-				},
-				metadata: t
-			}, P, F), e(this, null, I, {
-				kind: "accessor",
-				name: "sector",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "sector" in e,
-					get: (e) => e.sector,
-					set: (e, t) => {
-						e.sector = t;
-					}
-				},
-				metadata: t
-			}, L, R), e(this, null, z, {
-				kind: "accessor",
-				name: "blockedPassage",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "blockedPassage" in e,
-					get: (e) => e.blockedPassage,
-					set: (e, t) => {
-						e.blockedPassage = t;
-					}
-				},
-				metadata: t
-			}, B, V), e(this, null, H, {
-				kind: "accessor",
-				name: "wagonClass",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "wagonClass" in e,
-					get: (e) => e.wagonClass,
-					set: (e, t) => {
-						e.wagonClass = t;
-					}
-				},
-				metadata: t
-			}, U, W), e(this, null, G, {
-				kind: "accessor",
-				name: "label",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "label" in e,
-					get: (e) => e.label,
-					set: (e, t) => {
-						e.label = t;
-					}
-				},
-				metadata: t
-			}, K, q), e(this, null, J, {
-				kind: "accessor",
-				name: "additionalAccessibilityText",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "additionalAccessibilityText" in e,
-					get: (e) => e.additionalAccessibilityText,
-					set: (e, t) => {
-						e.additionalAccessibilityText = t;
-					}
-				},
-				metadata: t
-			}, Y, X), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-train-wagon";
-		}
-		static {
-			this.elementDependencies = [w, T];
-		}
-		static {
-			this.styles = [c, r(D)];
-		}
-		static {
-			this.events = { sectorchange: "sectorchange" };
-		}
-		#e;
-		get type() {
-			return this.#e;
-		}
-		set type(e) {
-			this.#e = e;
-		}
-		#t;
-		get occupancy() {
-			return this.#t;
-		}
-		set occupancy(e) {
-			this.#t = e;
-		}
-		#n;
-		get sector() {
-			return this.#n;
-		}
-		set sector(e) {
-			this.#n = e;
-		}
-		#r;
-		get blockedPassage() {
-			return this.#r;
-		}
-		set blockedPassage(e) {
-			this.#r = e;
-		}
-		#i;
-		get wagonClass() {
-			return this.#i;
-		}
-		set wagonClass(e) {
-			this.#i = e;
-		}
-		#a;
-		get label() {
-			return this.#a;
-		}
-		set label(e) {
-			this.#a = e;
-		}
-		#o;
-		get additionalAccessibilityText() {
-			return this.#o;
-		}
-		set additionalAccessibilityText(e) {
-			this.#o = e;
-		}
-		_sectorChanged() {
-			this.dispatchEvent(new Event("sectorchange", {
-				bubbles: !0,
-				composed: !0
-			}));
-		}
-		_typeLabel() {
-			return this.type === "closed" ? m[this._language.current] : this.type === "locomotive" ? g[this._language.current] : this.type === "couchette" ? h[this._language.current] : this.type === "sleeping" ? y[this._language.current] : this.type === "restaurant" ? _[this._language.current] : b[this._language.current];
-		}
-		render() {
-			let e = this.type === "wagon-end-left" && this.blockedPassage === "none" ? "previous" : this.type === "wagon-end-right" && this.blockedPassage === "none" ? "next" : this.blockedPassage ?? "none", t = e !== "none", r = +!!this.sector + +!!this.label + +(!!this.wagonClass && this.type !== "closed") + +(!!this.occupancy && this.type !== "closed") + +t, i = `${v[this._language.current]}, ${this.sector}`, a = this.label ? C`<span class="sbb-screen-reader-only">
-            ${`${x[this._language.current]}, ${this.label}`}
-          </span>
-          <span aria-hidden="true">${this.label}</span>` : n, o = C`<span class="sbb-screen-reader-only">
-        ${this.wagonClass === "1" ? p.first[this._language.current] : p.second[this._language.current]}
-      </span>
-      <span aria-hidden="true">${this.wagonClass}</span>`, s = O[this.type] ? C`<sbb-icon
-          name=${O[this.type]}
-          class="sbb-train-wagon__main-icon"
-        ></sbb-icon>` : n;
-			return C`
-      <div class="sbb-train-wagon">
-        ${E(r > 1, () => C`<ul aria-label=${this._typeLabel()} class="sbb-train-wagon__compartment">
-              ${this.sector ? C`<li class="sbb-screen-reader-only">${i}</li>` : n}
-              <li class="sbb-train-wagon__label" aria-hidden=${`${!this.label}`}>
-                ${a}
-              </li>
-              ${this.wagonClass && this.type !== "closed" ? C`<li class="sbb-train-wagon__class">${o}</li>` : n}
-              ${this.occupancy && this.type !== "closed" ? C`<sbb-timetable-occupancy-icon
-                    class="sbb-train-wagon__occupancy"
-                    role="listitem"
-                    occupancy=${this.occupancy}
-                  ></sbb-timetable-occupancy-icon>` : n}
-              ${t ? C`<li class="sbb-screen-reader-only">
-                    ${f[e][this._language.current]}
-                  </li>` : n}
-              ${s}
-            </ul>`, () => C`<div class="sbb-train-wagon__compartment">
-              <span class="sbb-screen-reader-only">
-                ${`${this._typeLabel()}${this.sector ? `, ${i}` : ""}`}
-              </span>
-              <span class="sbb-train-wagon__label" aria-hidden=${`${!this.label}`}>
-                ${a}
-              </span>
-
-              ${this.wagonClass && this.type !== "closed" ? C`<span class="sbb-train-wagon__class">${o}</span>` : n}
-              ${this.occupancy && this.type !== "closed" ? C`<sbb-timetable-occupancy-icon
-                    class="sbb-train-wagon__occupancy"
-                    occupancy=${this.occupancy}
-                  ></sbb-timetable-occupancy-icon>` : n}
-              ${t ? C`<span class="sbb-screen-reader-only">
-                    ${f[e][this._language.current]}
-                  </span>` : n}
-              ${s}
-            </div> `)}
-        ${this.additionalAccessibilityText ? C`<span class="sbb-screen-reader-only">, ${this.additionalAccessibilityText}</span>` : n}
-        ${this.renderList({
-				class: "sbb-train-wagon__attribute-icon-list",
-				ariaLabel: d[this._language.current]
-			})}
-      </div>
-    `;
-		}
-	};
-})();
-//#endregion
-export { k as t };