@sbb-esta/lyne-elements-dev 4.9.0-dev.1775028444 → 4.9.0-dev.1775050914

package/{train-wagon.component-Bv0S8rtv.js → train-wagon.component-BLoxPxgb.js}

@@ -1,5 +1,5 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n, nothing as r } from "lit";
+import { nothing 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 { forceType as o, handleDistinctChange as s, omitEmptyConverter as c } from "./core/decorators.js";
@@ -11,30 +11,30 @@ import { i18nAdditionalWagonInformationHeading as p, i18nBlockedPassage as m, i1
 import "./icon.js";
 import "./timetable-occupancy-icon.js";
 import { when as w } from "lit/directives/when.js";
-//#region src/elements/train/train-wagon/train-wagon.scss?lit&inline
-var T = n`: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}`, E = {
+//#region src/elements/train/train-wagon/train-wagon.scss?inline
+var T = ":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}", E = {
 	couchette: "sa-cc",
 	sleeping: "sa-wl",
 	restaurant: "sa-wr"
 }, D = (() => {
-	let n = l(a), D, O = [], k = [], A, j = [], M = [], N, P = [], F = [], I, L = [], R = [], z, B = [], V = [], H, U = [], W = [], G, K = [], q = [];
-	return class extends n {
+	let D = l(a), O, k = [], A = [], j, M = [], N = [], P, F = [], I = [], L, R = [], z = [], B, V = [], H = [], U, W = [], G = [], K, q = [], J = [];
+	return class extends D {
 		constructor() {
-			super(...arguments), this.#e = t(this, O, "wagon"), this.listChildLocalNames = (t(this, k), ["sbb-icon"]), this.#t = t(this, j, null), this.#n = (t(this, M), t(this, P, "")), this.#r = (t(this, F), t(this, L, "none")), this.#i = (t(this, R), t(this, B, null)), this.#a = (t(this, V), t(this, U, "")), this.#o = (t(this, W), t(this, K, "")), this._language = (t(this, q), new f(this));
+			super(...arguments), this.#e = t(this, k, "wagon"), this.listChildLocalNames = (t(this, A), ["sbb-icon"]), this.#t = t(this, M, null), this.#n = (t(this, N), t(this, F, "")), this.#r = (t(this, I), t(this, R, "none")), this.#i = (t(this, z), t(this, V, null)), this.#a = (t(this, H), t(this, W, "")), this.#o = (t(this, G), t(this, q, "")), this._language = (t(this, J), new f(this));
 		}
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			D = [i({ reflect: !0 })], A = [i()], N = [
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(D[Symbol.metadata] ?? null) : void 0;
+			O = [i({ reflect: !0 })], j = [i()], P = [
 				o(),
 				s((e) => e._sectorChanged()),
 				i({
 					reflect: !0,
 					converter: c
 				})
-			], I = [i({ attribute: "blocked-passage" })], z = [i({ attribute: "wagon-class" })], H = [o(), i({
+			], L = [i({ attribute: "blocked-passage" })], B = [i({ attribute: "wagon-class" })], U = [o(), i({
 				reflect: !0,
 				converter: c
-			})], G = [o(), i({ attribute: "additional-accessibility-text" })], e(this, null, D, {
+			})], K = [o(), i({ attribute: "additional-accessibility-text" })], e(this, null, O, {
 				kind: "accessor",
 				name: "type",
 				static: !1,
@@ -47,7 +47,7 @@ var T = n`:host{display:block;--sbb-train-wagon-width: var(--sbb-train-formation
 					}
 				},
 				metadata: t
-			}, O, k), e(this, null, A, {
+			}, k, A), e(this, null, j, {
 				kind: "accessor",
 				name: "occupancy",
 				static: !1,
@@ -60,7 +60,7 @@ var T = n`:host{display:block;--sbb-train-wagon-width: var(--sbb-train-formation
 					}
 				},
 				metadata: t
-			}, j, M), e(this, null, N, {
+			}, M, N), e(this, null, P, {
 				kind: "accessor",
 				name: "sector",
 				static: !1,
@@ -73,7 +73,7 @@ var T = n`:host{display:block;--sbb-train-wagon-width: var(--sbb-train-formation
 					}
 				},
 				metadata: t
-			}, P, F), e(this, null, I, {
+			}, F, I), e(this, null, L, {
 				kind: "accessor",
 				name: "blockedPassage",
 				static: !1,
@@ -86,7 +86,7 @@ var T = n`:host{display:block;--sbb-train-wagon-width: var(--sbb-train-formation
 					}
 				},
 				metadata: t
-			}, L, R), e(this, null, z, {
+			}, R, z), e(this, null, B, {
 				kind: "accessor",
 				name: "wagonClass",
 				static: !1,
@@ -99,7 +99,7 @@ var T = n`:host{display:block;--sbb-train-wagon-width: var(--sbb-train-formation
 					}
 				},
 				metadata: t
-			}, B, V), e(this, null, H, {
+			}, V, H), e(this, null, U, {
 				kind: "accessor",
 				name: "label",
 				static: !1,
@@ -112,7 +112,7 @@ var T = n`:host{display:block;--sbb-train-wagon-width: var(--sbb-train-formation
 					}
 				},
 				metadata: t
-			}, U, W), e(this, null, G, {
+			}, W, G), e(this, null, K, {
 				kind: "accessor",
 				name: "additionalAccessibilityText",
 				static: !1,
@@ -125,7 +125,7 @@ var T = n`:host{display:block;--sbb-train-wagon-width: var(--sbb-train-formation
 					}
 				},
 				metadata: t
-			}, K, q), t && Object.defineProperty(this, Symbol.metadata, {
+			}, q, J), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -136,7 +136,7 @@ var T = n`:host{display:block;--sbb-train-wagon-width: var(--sbb-train-formation
 			this.elementName = "sbb-train-wagon";
 		}
 		static {
-			this.styles = [u, T];
+			this.styles = [u, r(T)];
 		}
 		static {
 			this.events = { sectorchange: "sectorchange" };
@@ -200,32 +200,32 @@ var T = n`:host{display:block;--sbb-train-wagon-width: var(--sbb-train-formation
 			return this.type === "closed" ? g[this._language.current] : this.type === "locomotive" ? v[this._language.current] : this.type === "couchette" ? _[this._language.current] : this.type === "sleeping" ? x[this._language.current] : this.type === "restaurant" ? y[this._language.current] : S[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", n = +!!this.sector + +!!this.label + +(!!this.wagonClass && this.type !== "closed") + +(!!this.occupancy && this.type !== "closed") + +t, i = `${b[this._language.current]}, ${this.sector}`, a = this.label ? d`<span class="sbb-screen-reader-only">
+			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 = `${b[this._language.current]}, ${this.sector}`, a = this.label ? d`<span class="sbb-screen-reader-only">
             ${`${C[this._language.current]}, ${this.label}`}
           </span>
-          <span aria-hidden="true">${this.label}</span>` : r, o = d`<span class="sbb-screen-reader-only">
+          <span aria-hidden="true">${this.label}</span>` : n, o = d`<span class="sbb-screen-reader-only">
         ${this.wagonClass === "1" ? h.first[this._language.current] : h.second[this._language.current]}
       </span>
       <span aria-hidden="true">${this.wagonClass}</span>`, s = E[this.type] ? d`<sbb-icon
           name=${E[this.type]}
           class="sbb-train-wagon__main-icon"
-        ></sbb-icon>` : r;
+        ></sbb-icon>` : n;
 			return d`
       <div class="sbb-train-wagon">
-        ${w(n > 1, () => d`<ul aria-label=${this._typeLabel()} class="sbb-train-wagon__compartment">
-              ${this.sector ? d`<li class="sbb-screen-reader-only">${i}</li>` : r}
+        ${w(r > 1, () => d`<ul aria-label=${this._typeLabel()} class="sbb-train-wagon__compartment">
+              ${this.sector ? d`<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" ? d`<li class="sbb-train-wagon__class">${o}</li>` : r}
+              ${this.wagonClass && this.type !== "closed" ? d`<li class="sbb-train-wagon__class">${o}</li>` : n}
               ${this.occupancy && this.type !== "closed" ? d`<sbb-timetable-occupancy-icon
                     class="sbb-train-wagon__occupancy"
                     role="listitem"
                     occupancy=${this.occupancy}
-                  ></sbb-timetable-occupancy-icon>` : r}
+                  ></sbb-timetable-occupancy-icon>` : n}
               ${t ? d`<li class="sbb-screen-reader-only">
                     ${m[e][this._language.current]}
-                  </li>` : r}
+                  </li>` : n}
               ${s}
             </ul>`, () => d`<div class="sbb-train-wagon__compartment">
               <span class="sbb-screen-reader-only">
@@ -235,17 +235,17 @@ var T = n`:host{display:block;--sbb-train-wagon-width: var(--sbb-train-formation
                 ${a}
               </span>
 
-              ${this.wagonClass && this.type !== "closed" ? d`<span class="sbb-train-wagon__class">${o}</span>` : r}
+              ${this.wagonClass && this.type !== "closed" ? d`<span class="sbb-train-wagon__class">${o}</span>` : n}
               ${this.occupancy && this.type !== "closed" ? d`<sbb-timetable-occupancy-icon
                     class="sbb-train-wagon__occupancy"
                     occupancy=${this.occupancy}
-                  ></sbb-timetable-occupancy-icon>` : r}
+                  ></sbb-timetable-occupancy-icon>` : n}
               ${t ? d`<span class="sbb-screen-reader-only">
                     ${m[e][this._language.current]}
-                  </span>` : r}
+                  </span>` : n}
               ${s}
             </div> `)}
-        ${this.additionalAccessibilityText ? d`<span class="sbb-screen-reader-only">, ${this.additionalAccessibilityText}</span>` : r}
+        ${this.additionalAccessibilityText ? d`<span class="sbb-screen-reader-only">, ${this.additionalAccessibilityText}</span>` : n}
         ${this.renderList({
 				class: "sbb-train-wagon__attribute-icon-list",
 				ariaLabel: p[this._language.current]

package/{train.component-C4X5hN8z.js → train.component-Be7d8Ggx.js}

@@ -1,5 +1,5 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n, nothing as r } from "lit";
+import { nothing 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 { forceType as o, omitEmptyConverter as s } from "./core/decorators.js";
@@ -9,20 +9,20 @@ import { html as u, unsafeStatic as d } from "lit/static-html.js";
 import { SbbLanguageController as f } from "./core/controllers.js";
 import { i18nTrain as p, i18nWagonsLabel as m } from "./core/i18n.js";
 import "./icon.js";
-//#region src/elements/train/train/train.scss?lit&inline
-var h = n`:host{display:block;--sbb-train-direction-label-spacing: var(--sbb-spacing-fixed-1x)}.sbb-train{--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);display:flex;flex-direction:column;gap:var(--sbb-train-formation-vertical-gap);position:relative}.sbb-train:before{content:"";display:var(--sbb-train-formation-reserve-spacing-display, none);height:max(var(--sbb-size-icon-ui-small),1em * var(--sbb-typo-line-height-text))}.sbb-train__wagons{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;gap:var(--sbb-train-formation-wagon-gap)}.sbb-train__direction-heading{display:flex;position:absolute;width:100%}.sbb-train__direction-sticky-wrapper{position:sticky;inset-inline-start:0;display:inline-flex;align-items:center;gap:var(--sbb-train-direction-label-spacing);max-width:100%}.sbb-train__direction-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sbb-train__direction-label-sr{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}`, g = (() => {
-	let n = c(a), g, _ = [], v = [], y, b = [], x = [], S, C = [], w = [], T, E = [], D = [], O, k = [], A = [];
-	return class extends n {
+//#region src/elements/train/train/train.scss?inline
+var h = ":host{display:block;--sbb-train-direction-label-spacing: var(--sbb-spacing-fixed-1x)}.sbb-train{--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);display:flex;flex-direction:column;gap:var(--sbb-train-formation-vertical-gap);position:relative}.sbb-train:before{content:\"\";display:var(--sbb-train-formation-reserve-spacing-display, none);height:max(var(--sbb-size-icon-ui-small),1em * var(--sbb-typo-line-height-text))}.sbb-train__wagons{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;gap:var(--sbb-train-formation-wagon-gap)}.sbb-train__direction-heading{display:flex;position:absolute;width:100%}.sbb-train__direction-sticky-wrapper{position:sticky;inset-inline-start:0;display:inline-flex;align-items:center;gap:var(--sbb-train-direction-label-spacing);max-width:100%}.sbb-train__direction-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sbb-train__direction-label-sr{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}", g = (() => {
+	let g = c(a), _, v = [], y = [], b, x = [], S = [], C, w = [], T = [], E, D = [], O = [], k, A = [], j = [];
+	return class extends g {
 		constructor() {
-			super(...arguments), this.listChildLocalNames = ["sbb-train-wagon", "sbb-train-blocked-passage"], this.#e = t(this, _, ""), this.#t = (t(this, v), t(this, b, "6")), this.#n = (t(this, x), t(this, C, "")), this.#r = (t(this, w), t(this, E, "")), this.#i = (t(this, D), t(this, k, "left")), this._language = (t(this, A), new f(this));
+			super(...arguments), this.listChildLocalNames = ["sbb-train-wagon", "sbb-train-blocked-passage"], this.#e = t(this, v, ""), this.#t = (t(this, y), t(this, x, "6")), this.#n = (t(this, S), t(this, w, "")), this.#r = (t(this, T), t(this, D, "")), this.#i = (t(this, O), t(this, A, "left")), this._language = (t(this, j), new f(this));
 		}
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			g = [o(), i({
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(g[Symbol.metadata] ?? null) : void 0;
+			_ = [o(), i({
 				attribute: "direction-label",
 				reflect: !0,
 				converter: s
-			})], y = [i({ attribute: "direction-label-level" })], S = [o(), i()], T = [o(), i({ attribute: "accessibility-label" })], O = [i({ reflect: !0 })], e(this, null, g, {
+			})], b = [i({ attribute: "direction-label-level" })], C = [o(), i()], E = [o(), i({ attribute: "accessibility-label" })], k = [i({ reflect: !0 })], e(this, null, _, {
 				kind: "accessor",
 				name: "directionLabel",
 				static: !1,
@@ -35,7 +35,7 @@ var h = n`:host{display:block;--sbb-train-direction-label-spacing: var(--sbb-spa
 					}
 				},
 				metadata: t
-			}, _, v), e(this, null, y, {
+			}, v, y), e(this, null, b, {
 				kind: "accessor",
 				name: "directionLabelLevel",
 				static: !1,
@@ -48,7 +48,7 @@ var h = n`:host{display:block;--sbb-train-direction-label-spacing: var(--sbb-spa
 					}
 				},
 				metadata: t
-			}, b, x), e(this, null, S, {
+			}, x, S), e(this, null, C, {
 				kind: "accessor",
 				name: "station",
 				static: !1,
@@ -61,7 +61,7 @@ var h = n`:host{display:block;--sbb-train-direction-label-spacing: var(--sbb-spa
 					}
 				},
 				metadata: t
-			}, C, w), e(this, null, T, {
+			}, w, T), e(this, null, E, {
 				kind: "accessor",
 				name: "accessibilityLabel",
 				static: !1,
@@ -74,7 +74,7 @@ var h = n`:host{display:block;--sbb-train-direction-label-spacing: var(--sbb-spa
 					}
 				},
 				metadata: t
-			}, E, D), e(this, null, O, {
+			}, D, O), e(this, null, k, {
 				kind: "accessor",
 				name: "direction",
 				static: !1,
@@ -87,7 +87,7 @@ var h = n`:host{display:block;--sbb-train-direction-label-spacing: var(--sbb-spa
 					}
 				},
 				metadata: t
-			}, k, A), t && Object.defineProperty(this, Symbol.metadata, {
+			}, A, j), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -98,7 +98,7 @@ var h = n`:host{display:block;--sbb-train-direction-label-spacing: var(--sbb-spa
 			this.elementName = "sbb-train";
 		}
 		static {
-			this.styles = [l, h];
+			this.styles = [l, r(h)];
 		}
 		static {
 			this.events = { trainslotchange: "trainslotchange" };
@@ -154,15 +154,15 @@ var h = n`:host{display:block;--sbb-train-direction-label-spacing: var(--sbb-spa
         </${d(e)}>
         ${this.directionLabel ? u`<div class="sbb-train__direction-heading" aria-hidden="true">
                 <span class="sbb-train__direction-sticky-wrapper">
-                  ${this.direction === "left" ? u`<sbb-icon name="chevron-small-left-small"></sbb-icon>` : r}
+                  ${this.direction === "left" ? u`<sbb-icon name="chevron-small-left-small"></sbb-icon>` : n}
 
                   <span class="sbb-train__direction-label">
                     ${this.directionLabel} ${this.station}
                   </span>
 
-                  ${this.direction === "right" ? u`<sbb-icon name="chevron-small-right-small"></sbb-icon>` : r}
+                  ${this.direction === "right" ? u`<sbb-icon name="chevron-small-right-small"></sbb-icon>` : n}
                 </span>
-              </div>` : r}
+              </div>` : n}
         ${this.renderList({
 				class: "sbb-train__wagons",
 				ariaLabel: m[this._language.current]

package/train.js

@@ -1,7 +1,7 @@
-import { t as e } from "./train-blocked-passage.component-D3secLf7.js";
-import { t } from "./train-formation.component-C4XNo8kV.js";
-import { t as n } from "./train-wagon.component-Bv0S8rtv.js";
-import { t as r } from "./train.component-C4X5hN8z.js";
+import { t as e } from "./train-blocked-passage.component-CO2uXJYY.js";
+import { t } from "./train-formation.component-Ce_AU4_i.js";
+import { t as n } from "./train-wagon.component-BLoxPxgb.js";
+import { t as r } from "./train.component-Be7d8Ggx.js";
 import "./train.pure.js";
 r.define(), e.define(), t.define(), n.define();
 //#endregion

package/train.pure.js

@@ -1,5 +1,5 @@
-import { t as e } from "./train-blocked-passage.component-D3secLf7.js";
-import { t } from "./train-formation.component-C4XNo8kV.js";
-import { t as n } from "./train-wagon.component-Bv0S8rtv.js";
-import { t as r } from "./train.component-C4X5hN8z.js";
+import { t as e } from "./train-blocked-passage.component-CO2uXJYY.js";
+import { t } from "./train-formation.component-Ce_AU4_i.js";
+import { t as n } from "./train-wagon.component-BLoxPxgb.js";
+import { t as r } from "./train.component-Be7d8Ggx.js";
 export { e as SbbTrainBlockedPassageElement, r as SbbTrainElement, t as SbbTrainFormationElement, n as SbbTrainWagonElement };

package/visual-checkbox/visual-checkbox.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../visual-checkbox.component-7nbeNHqk.js";
+import { t as e } from "../visual-checkbox.component-BqqxEaSW.js";
 export { e as SbbVisualCheckboxElement };

package/visual-checkbox.component-BqqxEaSW.js

@@ -0,0 +1,118 @@
+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 } from "lit/decorators.js";
+import { SbbElement as o } from "./core/base-elements.js";
+import { forceType as s } from "./core/decorators.js";
+import { isLean as c } from "./core/dom.js";
+import { SbbDisabledMixin as l, SbbNegativeMixin as u } from "./core/mixins.js";
+import { boxSizingStyles as d } from "./core/styles.js";
+//#region src/elements/visual-checkbox/visual-checkbox.scss?inline
+var f = ":host{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--sbb-visual-checkbox-dimension);height:var(--sbb-visual-checkbox-dimension);border-radius:var(--sbb-border-radius-2x);background-color:var(--sbb-visual-checkbox-background-color);cursor:var(--sbb-visual-checkbox-cursor);outline:var(--sbb-visual-checkbox-border-width) var(--sbb-visual-checkbox-border-style) var(--sbb-visual-checkbox-border-color);outline-offset:calc(-1 * var(--sbb-visual-checkbox-border-width))}:host([size=xs]){--sbb-visual-checkbox-dimension: var(--sbb-checkbox-dimension-xs)}:host([size=s]){--sbb-visual-checkbox-dimension: var(--sbb-checkbox-dimension-s)}:host([size=m]){--sbb-visual-checkbox-dimension: var(--sbb-checkbox-dimension-m)}:host([negative]){--sbb-visual-checkbox-background-color: var(--sbb-visual-checkbox-background-color-negative);--sbb-visual-checkbox-selection-color: var(--sbb-visual-checkbox-selection-color-negative)}:host([disabled]){--sbb-visual-checkbox-background-color: var(--sbb-visual-checkbox-background-color-disabled);--sbb-visual-checkbox-border-style: var(--sbb-visual-checkbox-border-style-disabled);--sbb-visual-checkbox-cursor: var(--sbb-cursor-default);--sbb-visual-checkbox-border-color: var(--sbb-visual-checkbox-border-color-disabled);--sbb-visual-checkbox-selection-color: var(--sbb-visual-checkbox-selection-color-disabled)}:host([disabled][negative]){--sbb-visual-checkbox-background-color: var( --sbb-visual-checkbox-background-color-negative-disabled );--sbb-visual-checkbox-selection-color: var( --sbb-visual-checkbox-selection-color-disabled-negative )}@media(forced-colors:active){:host([indeterminate]){--sbb-visual-checkbox-selection-color: ButtonBorder}:host([indeterminate][disabled]){--sbb-visual-checkbox-selection-color: GrayText}:host([checked]:not([indeterminate])){--sbb-visual-checkbox-background-color: Highlight;--sbb-visual-checkbox-border-width: 0}:host([disabled][checked]:not([indeterminate])){--sbb-visual-checkbox-background-color: GrayText}}path{stroke:var(--sbb-visual-checkbox-selection-color)}", p = (() => {
+	let p = l(u(o)), m, h = [], g = [], _, v = [], y = [], b, x = [], S = [];
+	return class extends p {
+		static {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(p[Symbol.metadata] ?? null) : void 0;
+			m = [s(), a({
+				reflect: !0,
+				type: Boolean
+			})], _ = [s(), a({
+				reflect: !0,
+				type: Boolean
+			})], b = [a({ reflect: !0 })], e(this, null, m, {
+				kind: "accessor",
+				name: "checked",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "checked" in e,
+					get: (e) => e.checked,
+					set: (e, t) => {
+						e.checked = t;
+					}
+				},
+				metadata: t
+			}, h, g), e(this, null, _, {
+				kind: "accessor",
+				name: "indeterminate",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "indeterminate" in e,
+					get: (e) => e.indeterminate,
+					set: (e, t) => {
+						e.indeterminate = t;
+					}
+				},
+				metadata: t
+			}, v, y), e(this, null, b, {
+				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
+			}, x, S), t && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: t
+			});
+		}
+		static {
+			this.elementName = "sbb-visual-checkbox";
+		}
+		static {
+			this.styles = [d, i(f)];
+		}
+		#e = t(this, h, !1);
+		get checked() {
+			return this.#e;
+		}
+		set checked(e) {
+			this.#e = e;
+		}
+		#t = (t(this, g), t(this, v, !1));
+		get indeterminate() {
+			return this.#t;
+		}
+		set indeterminate(e) {
+			this.#t = e;
+		}
+		#n = (t(this, y), t(this, x, c() ? "xs" : "m"));
+		get size() {
+			return this.#n;
+		}
+		set size(e) {
+			this.#n = e;
+		}
+		render() {
+			return n`
+      ${this.checked || this.indeterminate ? n`<svg
+            viewBox="0 0 24 24"
+            xmlns="http://www.w3.org/2000/svg"
+            width="100%"
+            height="100%"
+          >
+            <path
+              fill="none"
+              d=${this.indeterminate ? "M9 12H15" : "M8 12.3304L10.4615 15L16 9"}
+              stroke-width="2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+            />
+          </svg>` : r}
+    `;
+		}
+		constructor() {
+			super(...arguments), t(this, S);
+		}
+	};
+})();
+//#endregion
+export { p as t };

package/visual-checkbox.js

@@ -1,4 +1,4 @@
-import { t as e } from "./visual-checkbox.component-7nbeNHqk.js";
+import { t as e } from "./visual-checkbox.component-BqqxEaSW.js";
 import "./visual-checkbox.pure.js";
 //#region src/elements/visual-checkbox.ts
 e.define();

package/visual-checkbox.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./visual-checkbox.component-7nbeNHqk.js";
+import { t as e } from "./visual-checkbox.component-BqqxEaSW.js";
 export { e as SbbVisualCheckboxElement };

package/action-group.component-OZNshH7G.js

@@ -1,158 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n, html as r } from "lit";
-import { property as i } from "lit/decorators.js";
-import { SbbElement as a } from "./core/base-elements.js";
-import { isLean as o } from "./core/dom.js";
-import { boxSizingStyles as s } from "./core/styles.js";
-//#region src/elements/action-group/action-group.scss?lit&inline
-var c = n`:host{--sbb-action-group-gap: var(--sbb-spacing-fixed-4x);display:flex;flex-direction:var(--sbb-action-group-orientation, row);align-items:var(--sbb-action-group-align-items, center);justify-content:var(--sbb-action-group-justify-content, start);gap:var(--sbb-action-group-gap)}:host([orientation=horizontal][align-group=start]){--sbb-action-group-justify-content: flex-start}:host([orientation=horizontal][align-group=center]){--sbb-action-group-justify-content: center}:host([orientation=horizontal][align-group=stretch]){--sbb-action-group-justify-content: space-between}:host([orientation=horizontal][align-group=end]){--sbb-action-group-justify-content: flex-end}:host([orientation=vertical]){--sbb-action-group-orientation: column;--sbb-action-group-gap: var(--sbb-spacing-fixed-2x)}:host([orientation=vertical][align-group=start]){--sbb-action-group-align-items: flex-start}:host([orientation=vertical][align-group=center]){--sbb-action-group-align-items: center}:host([orientation=vertical][align-group=stretch]){--sbb-action-group-align-items: stretch}:host([orientation=vertical][align-group=end]){--sbb-action-group-align-items: flex-end}@media(min-width:0rem){:host([orientation=vertical][horizontal-from=zero][align-group=start]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-start;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=zero][align-group=center]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: center;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=zero][align-group=stretch]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: space-between;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=zero][align-group=end]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-end;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}}@media(min-width:37.5rem){:host([orientation=vertical][horizontal-from=small][align-group=start]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-start;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=small][align-group=center]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: center;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=small][align-group=stretch]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: space-between;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=small][align-group=end]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-end;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}}@media(min-width:64rem){:host([orientation=vertical][horizontal-from=large][align-group=start]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-start;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=large][align-group=center]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: center;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=large][align-group=stretch]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: space-between;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=large][align-group=end]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-end;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}}@media(min-width:90rem){:host([orientation=vertical][horizontal-from=ultra][align-group=start]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-start;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=ultra][align-group=center]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: center;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=ultra][align-group=stretch]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: space-between;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=ultra][align-group=end]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-end;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}}::slotted([align-self=start]){margin-inline-end:auto}::slotted([align-self=center]){margin-inline:auto}::slotted([align-self=end]){margin-inline-start:auto}::slotted(:is(sbb-block-link,sbb-block-link-button,sbb-block-link-static)){white-space:nowrap}`, l = (() => {
-	let n = a, l, u = [], d = [], f, p = [], m = [], h, g = [], _ = [], v, y = [], b = [], x, S = [], C = [];
-	return class extends n {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			l = [i({
-				attribute: "align-group",
-				reflect: !0
-			})], f = [i({
-				attribute: "horizontal-from",
-				reflect: !0
-			})], h = [i({ reflect: !0 })], v = [i({
-				attribute: "button-size",
-				reflect: !0
-			})], x = [i({
-				attribute: "link-size",
-				reflect: !0
-			})], e(this, null, l, {
-				kind: "accessor",
-				name: "alignGroup",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "alignGroup" in e,
-					get: (e) => e.alignGroup,
-					set: (e, t) => {
-						e.alignGroup = t;
-					}
-				},
-				metadata: t
-			}, u, d), e(this, null, f, {
-				kind: "accessor",
-				name: "horizontalFrom",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "horizontalFrom" in e,
-					get: (e) => e.horizontalFrom,
-					set: (e, t) => {
-						e.horizontalFrom = t;
-					}
-				},
-				metadata: t
-			}, p, m), e(this, null, h, {
-				kind: "accessor",
-				name: "orientation",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "orientation" in e,
-					get: (e) => e.orientation,
-					set: (e, t) => {
-						e.orientation = t;
-					}
-				},
-				metadata: t
-			}, g, _), e(this, null, v, {
-				kind: "accessor",
-				name: "buttonSize",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "buttonSize" in e,
-					get: (e) => e.buttonSize,
-					set: (e, t) => {
-						e.buttonSize = t;
-					}
-				},
-				metadata: t
-			}, y, b), e(this, null, x, {
-				kind: "accessor",
-				name: "linkSize",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "linkSize" in e,
-					get: (e) => e.linkSize,
-					set: (e, t) => {
-						e.linkSize = t;
-					}
-				},
-				metadata: t
-			}, S, C), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-action-group";
-		}
-		static {
-			this.styles = [s, c];
-		}
-		#e = t(this, u, "start");
-		get alignGroup() {
-			return this.#e;
-		}
-		set alignGroup(e) {
-			this.#e = e;
-		}
-		#t = (t(this, d), t(this, p, "large"));
-		get horizontalFrom() {
-			return this.#t;
-		}
-		set horizontalFrom(e) {
-			this.#t = e;
-		}
-		#n = (t(this, m), t(this, g, "horizontal"));
-		get orientation() {
-			return this.#n;
-		}
-		set orientation(e) {
-			this.#n = e;
-		}
-		#r = (t(this, _), t(this, y, o() ? "s" : "l"));
-		get buttonSize() {
-			return this.#r;
-		}
-		set buttonSize(e) {
-			this.#r = e;
-		}
-		#i = (t(this, b), t(this, S, o() ? "xs" : "m"));
-		get linkSize() {
-			return this.#i;
-		}
-		set linkSize(e) {
-			this.#i = e;
-		}
-		willUpdate(e) {
-			super.willUpdate(e), e.has("buttonSize") && this._syncButtons(), e.has("linkSize") && this._syncLinks();
-		}
-		_syncButtons() {
-			this.querySelectorAll?.(":is(:state(sbb-button),[state--sbb-button])").forEach((e) => e.size = this.buttonSize);
-		}
-		_syncLinks() {
-			this.querySelectorAll?.("sbb-block-link, sbb-block-link-button, sbb-block-link-static").forEach((e) => {
-				e.size = this.linkSize;
-			});
-		}
-		render() {
-			return r` <slot></slot> `;
-		}
-		constructor() {
-			super(...arguments), t(this, C);
-		}
-	};
-})();
-//#endregion
-export { l as t };