@sbb-esta/lyne-elements 4.6.0 → 4.8.0

package/train/train/train.component.js

@@ -1,122 +1,2 @@
-var U = (e) => {
-  throw TypeError(e);
-};
-var G = (e, a, s) => a.has(e) || U("Cannot " + s);
-var m = (e, a, s) => (G(e, a, "read from private field"), s ? s.call(e) : a.get(e)), g = (e, a, s) => a.has(e) ? U("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(e) : a.set(e, s), n = (e, a, s, o) => (G(e, a, "write to private field"), o ? o.call(e, s) : a.set(e, s), s);
-import { __runInitializers as l, __esDecorate as L } from "tslib";
-import { css as W, LitElement as q, nothing as v } from "lit";
-import { customElement as B, property as f } from "lit/decorators.js";
-import { unsafeStatic as P, html as u } from "lit/static-html.js";
-import { SbbLanguageController as F } from "../../core/controllers.js";
-import { forceType as y, omitEmptyConverter as H } from "../../core/decorators.js";
-import { i18nTrain as J, i18nWagonsLabel as K } from "../../core/i18n.js";
-import { SbbNamedSlotListMixin as Q } from "../../core/mixins.js";
-import { boxSizingStyles as R } from "../../core/styles.js";
-import "../../icon.js";
-const V = W`: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}`;
-let ct = (() => {
-  var b, d, h, p, _, r;
-  let e = [B("sbb-train")], a, s = [], o, x = Q(q), w, z = [], $ = [], S, k = [], E = [], I, T = [], D = [], A, C = [], j = [], N, M = [], O = [];
-  return r = class extends x {
-    constructor() {
-      super(...arguments);
-      g(this, b);
-      g(this, d);
-      g(this, h);
-      g(this, p);
-      g(this, _);
-      this.listChildLocalNames = [
-        "sbb-train-wagon",
-        "sbb-train-blocked-passage"
-      ], n(this, b, l(this, z, "")), n(this, d, (l(this, $), l(this, k, "6"))), n(this, h, (l(this, E), l(this, T, ""))), n(this, p, (l(this, D), l(this, C, ""))), n(this, _, (l(this, j), l(this, M, "left"))), this._language = (l(this, O), new F(this));
-    }
-    /** General label for "driving direction". */
-    get directionLabel() {
-      return m(this, b);
-    }
-    set directionLabel(i) {
-      n(this, b, i);
-    }
-    /** Heading level of the direction label, used for screen readers. */
-    get directionLabelLevel() {
-      return m(this, d);
-    }
-    set directionLabelLevel(i) {
-      n(this, d, i);
-    }
-    /** Label for the destination station of the train. */
-    get station() {
-      return m(this, h);
-    }
-    set station(i) {
-      n(this, h, i);
-    }
-    /** Accessibility label for additional information regarding the leaving direction of the train. */
-    get accessibilityLabel() {
-      return m(this, p);
-    }
-    set accessibilityLabel(i) {
-      n(this, p, i);
-    }
-    /** Controls the direction indicator to show the arrow left or right. Default is left.  */
-    get direction() {
-      return m(this, _);
-    }
-    set direction(i) {
-      n(this, _, i);
-    }
-    /**
-     * Create the aria-label text out of the direction label, station and the accessibility label.
-     */
-    _getDirectionAriaLabel() {
-      const i = [J[this._language.current]];
-      return this.directionLabel && this.station && i.push(`${this.directionLabel} ${this.station}`), this.accessibilityLabel && i.push(this.accessibilityLabel), `${i.join(", ")}.`;
-    }
-    willUpdate(i) {
-      super.willUpdate(i), i.has("listChildren") && this.dispatchEvent(new Event("trainslotchange", { bubbles: !0 }));
-    }
-    render() {
-      const i = `h${this.directionLabelLevel}`;
-      return u`
-      <div class="sbb-train">
-        <${P(i)} class="sbb-train__direction-label-sr">
-          ${this._getDirectionAriaLabel()}
-        </${P(i)}>
-        ${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>` : v}
-
-                  <span class="sbb-train__direction-label">
-                    ${this.directionLabel} ${this.station}
-                  </span>
-
-                  ${this.direction === "right" ? u`<sbb-icon name="chevron-small-right-small"></sbb-icon>` : v}
-                </span>
-              </div>` : v}
-        ${this.renderList({
-        class: "sbb-train__wagons",
-        ariaLabel: K[this._language.current]
-      })}
-      </div>
-    `;
-    }
-  }, b = new WeakMap(), d = new WeakMap(), h = new WeakMap(), p = new WeakMap(), _ = new WeakMap(), o = r, (() => {
-    const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(x[Symbol.metadata] ?? null) : void 0;
-    w = [y(), f({ attribute: "direction-label", reflect: !0, converter: H })], S = [f({ attribute: "direction-label-level" })], I = [y(), f()], A = [y(), f({ attribute: "accessibility-label" })], N = [f({ reflect: !0 })], L(r, null, w, { kind: "accessor", name: "directionLabel", static: !1, private: !1, access: { has: (t) => "directionLabel" in t, get: (t) => t.directionLabel, set: (t, c) => {
-      t.directionLabel = c;
-    } }, metadata: i }, z, $), L(r, null, S, { kind: "accessor", name: "directionLabelLevel", static: !1, private: !1, access: { has: (t) => "directionLabelLevel" in t, get: (t) => t.directionLabelLevel, set: (t, c) => {
-      t.directionLabelLevel = c;
-    } }, metadata: i }, k, E), L(r, null, I, { kind: "accessor", name: "station", static: !1, private: !1, access: { has: (t) => "station" in t, get: (t) => t.station, set: (t, c) => {
-      t.station = c;
-    } }, metadata: i }, T, D), L(r, null, A, { kind: "accessor", name: "accessibilityLabel", static: !1, private: !1, access: { has: (t) => "accessibilityLabel" in t, get: (t) => t.accessibilityLabel, set: (t, c) => {
-      t.accessibilityLabel = c;
-    } }, metadata: i }, C, j), L(r, null, N, { kind: "accessor", name: "direction", static: !1, private: !1, access: { has: (t) => "direction" in t, get: (t) => t.direction, set: (t, c) => {
-      t.direction = c;
-    } }, metadata: i }, M, O), L(null, a = { value: o }, e, { kind: "class", name: o.name, metadata: i }, null, s), o = a.value, i && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: i });
-  })(), r.styles = [R, V], r.events = {
-    trainslotchange: "trainslotchange"
-  }, l(o, s), o;
-})();
-export {
-  ct as SbbTrainElement
-};
+import { t as e } from "../../train.component-V6FLqC82.js";
+export { e as SbbTrainElement };

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

@@ -1,26 +1,2 @@
-import { __esDecorate as i, __runInitializers as n } from "tslib";
-import { css as l, LitElement as c, html as d } from "lit";
-import { customElement as p } from "lit/decorators.js";
-import { boxSizingStyles as g } from "../../core/styles.js";
-const m = l`: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}`;
-let f = (() => {
-  var e;
-  let b = [p("sbb-train-blocked-passage")], r, t = [], a, o = c;
-  return e = class extends o {
-    render() {
-      return d`
-      <span class="sbb-train-blocked-passage">
-        <span class="sbb-train-blocked-passage__wrapper">
-          <span class="sbb-train-blocked-passage__icon"></span>
-        </span>
-      </span>
-    `;
-    }
-  }, a = e, (() => {
-    const s = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
-    i(null, r = { value: a }, b, { kind: "class", name: a.name, metadata: s }, null, t), a = r.value, s && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: s });
-  })(), e.styles = [g, m], n(a, t), a;
-})();
-export {
-  f as SbbTrainBlockedPassageElement
-};
+import { t as e } from "../../train-blocked-passage.component-RIMoX91U.js";
+export { e as SbbTrainBlockedPassageElement };

package/train/train-blocked-passage.js

@@ -1,4 +1,4 @@
-import { SbbTrainBlockedPassageElement as o } from "./train-blocked-passage/train-blocked-passage.component.js";
-export {
-  o as SbbTrainBlockedPassageElement
-};
+import { t as e } from "../train-blocked-passage.component-RIMoX91U.js";
+e.define(), console.warn("The entrypoint '@sbb-esta/elements/train/train-blocked-passage.js' has been deprecated.\nUse either '@sbb-esta/elements/train.js' or '@sbb-esta/elements/train.pure.js' instead.");
+//#endregion
+export { e as SbbTrainBlockedPassageElement };

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

@@ -1,92 +1,2 @@
-var z = (t) => {
-  throw TypeError(t);
-};
-var S = (t, o, s) => o.has(t) || z("Cannot " + s);
-var p = (t, o, s) => (S(t, o, "read from private field"), s ? s.call(t) : o.get(t)), h = (t, o, s) => o.has(t) ? z("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(t) : o.set(t, s), m = (t, o, s, i) => (S(t, o, "write to private field"), i ? i.call(t, s) : o.set(t, s), s);
-import { __esDecorate as v, __runInitializers as f } from "tslib";
-import { css as L, LitElement as $, nothing as E, html as u } from "lit";
-import { customElement as A, property as P, state as I } from "lit/decorators.js";
-import { styleMap as N } from "lit/directives/style-map.js";
-import { SbbLanguageController as T } from "../../core/controllers.js";
-import { i18nSectorShort as D, i18nSector as j, i18nTrains as M } from "../../core/i18n.js";
-import { SbbNamedSlotListMixin as O } from "../../core/mixins.js";
-import { boxSizingStyles as U } from "../../core/styles.js";
-const q = L`: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}`;
-let X = (() => {
-  var b, l, e;
-  let t = [A("sbb-train-formation")], o, s = [], i, _ = O($), g, w = [], k = [], x, y = [], C = [];
-  return e = class extends _ {
-    constructor() {
-      super();
-      h(this, b);
-      h(this, l);
-      this.listChildLocalNames = ["sbb-train"], m(this, b, f(this, w, "side")), m(this, l, (f(this, k), f(this, y, []))), this._language = (f(this, C), new T(this)), this.addEventListener?.("trainslotchange", (r) => this._readSectors(r)), this.addEventListener?.("sectorchange", (r) => this._readSectors(r));
-    }
-    /** Whether the view of the wagons is from side or top perspective. */
-    get view() {
-      return p(this, b);
-    }
-    set view(r) {
-      m(this, b, r);
-    }
-    get _sectors() {
-      return p(this, l);
-    }
-    set _sectors(r) {
-      m(this, l, r);
-    }
-    _readSectors(r) {
-      r?.stopPropagation(), this._sectors = Array.from(this.querySelectorAll?.("sbb-train-wagon,sbb-train-blocked-passage") ?? []).reduce((a, n) => {
-        const c = a[a.length - 1];
-        if (n.localName === "sbb-train-wagon") {
-          const d = n.sector ?? n.getAttribute("sector");
-          !c.label && d && (c.label = d), !d || c.label === d ? c.wagonCount++ : a.push({
-            label: d,
-            wagonCount: 1,
-            blockedPassageCount: 0
-          });
-        } else n.localName === "sbb-train-blocked-passage" && c.blockedPassageCount++;
-        return a;
-      }, [{ wagonCount: 0, blockedPassageCount: 0 }]);
-    }
-    willUpdate(r) {
-      super.willUpdate(r), r.has("listChildren") && this._readSectors();
-    }
-    render() {
-      return u`
-      <div class="sbb-train-formation">
-        ${this._sectors.length && this._sectors[0].label !== void 0 ? u`<div class="sbb-train-formation__sectors" aria-hidden="true">
-              ${this._sectors.map((r) => u`<span
-                    class="sbb-train-formation__sector"
-                    style=${N({
-        "--sbb-train-formation-wagon-count": r.wagonCount,
-        "--sbb-train-formation-wagon-blocked-passage-count": r.blockedPassageCount
-      })}
-                  >
-                    <span class="sbb-train-formation__sector-sticky-wrapper">
-                      ${`${r.wagonCount === 1 && r.label ? D[this._language.current] : j[this._language.current]} ${r.label ? r.label : ""}`}
-                    </span>
-                  </span>`)}
-            </div>` : E}
-
-        <div class="sbb-train-formation__trains">
-          ${this.renderList({
-        class: "sbb-train-formation__train-list",
-        ariaLabel: M[this._language.current]
-      })}
-        </div>
-      </div>
-    `;
-    }
-  }, b = new WeakMap(), l = new WeakMap(), i = e, (() => {
-    const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(_[Symbol.metadata] ?? null) : void 0;
-    g = [P({ reflect: !0 })], x = [I()], v(e, null, g, { kind: "accessor", name: "view", static: !1, private: !1, access: { has: (a) => "view" in a, get: (a) => a.view, set: (a, n) => {
-      a.view = n;
-    } }, metadata: r }, w, k), v(e, null, x, { kind: "accessor", name: "_sectors", static: !1, private: !1, access: { has: (a) => "_sectors" in a, get: (a) => a._sectors, set: (a, n) => {
-      a._sectors = n;
-    } }, metadata: r }, y, C), v(null, o = { value: i }, t, { kind: "class", name: i.name, metadata: r }, null, s), i = o.value, r && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
-  })(), e.styles = [U, q], f(i, s), i;
-})();
-export {
-  X as SbbTrainFormationElement
-};
+import { t as e } from "../../train-formation.component-B17tc6cx.js";
+export { e as SbbTrainFormationElement };

package/train/train-formation.js

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

package/train/train-wagon/train-wagon.component.js

@@ -1,173 +1,2 @@
-var V = (e) => {
-  throw TypeError(e);
-};
-var X = (e, s, l) => s.has(e) || V("Cannot " + l);
-var h = (e, s, l) => (X(e, s, "read from private field"), l ? l.call(e) : s.get(e)), p = (e, s, l) => s.has(e) ? V("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(e) : s.set(e, l), o = (e, s, l, b) => (X(e, s, "write to private field"), b ? b.call(e, l) : s.set(e, l), l);
-import { __runInitializers as r, __esDecorate as d } from "tslib";
-import { css as et, LitElement as st, nothing as g } from "lit";
-import { customElement as it, property as u } from "lit/decorators.js";
-import { when as nt } from "lit/directives/when.js";
-import { html as c } from "lit/static-html.js";
-import { SbbLanguageController as ot } from "../../core/controllers.js";
-import { forceType as $, handleDistinctChange as rt, omitEmptyConverter as Y } from "../../core/decorators.js";
-import { i18nClosedCompartmentLabel as ct, i18nLocomotiveLabel as lt, i18nCouchetteWagonLabel as bt, i18nSleepingWagonLabel as gt, i18nRestaurantWagonLabel as ht, i18nWagonLabel as pt, i18nSector as dt, i18nWagonLabelNumber as ut, i18nClass as Z, i18nBlockedPassage as tt, i18nAdditionalWagonInformationHeading as yt } from "../../core/i18n.js";
-import { SbbNamedSlotListMixin as mt } from "../../core/mixins.js";
-import { boxSizingStyles as _t } from "../../core/styles.js";
-import "../../icon.js";
-import "../../timetable-occupancy-icon.js";
-const wt = et`: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}`, at = {
-  couchette: "sa-cc",
-  sleeping: "sa-wl",
-  restaurant: "sa-wr"
-};
-let Wt = (() => {
-  var y, m, _, w, f, v, x, i;
-  let e = [it("sbb-train-wagon")], s, l = [], b, k = mt(st), C, z = [], T = [], L, P = [], S = [], A, I = [], E = [], W, j = [], D = [], N, B = [], M = [], O, G = [], H = [], R, q = [], F = [];
-  return i = class extends k {
-    constructor() {
-      super(...arguments);
-      p(this, y);
-      p(this, m);
-      p(this, _);
-      p(this, w);
-      p(this, f);
-      p(this, v);
-      p(this, x);
-      o(this, y, r(this, z, "wagon")), this.listChildLocalNames = (r(this, T), ["sbb-icon"]), o(this, m, r(this, P, null)), o(this, _, (r(this, S), r(this, I, ""))), o(this, w, (r(this, E), r(this, j, "none"))), o(this, f, (r(this, D), r(this, B, null))), o(this, v, (r(this, M), r(this, G, ""))), o(this, x, (r(this, H), r(this, q, ""))), this._language = (r(this, F), new ot(this));
-    }
-    /**
-     * Wagon type.
-     * For `wagon-end-left` and `wagon-end-right`, please set the corresponding value of the `blockedPassage` property.
-     */
-    get type() {
-      return h(this, y);
-    }
-    set type(a) {
-      o(this, y, a);
-    }
-    /** Occupancy of a wagon. */
-    get occupancy() {
-      return h(this, m);
-    }
-    set occupancy(a) {
-      o(this, m, a);
-    }
-    /** Sector in which the wagon stops. */
-    get sector() {
-      return h(this, _);
-    }
-    set sector(a) {
-      o(this, _, a);
-    }
-    /** Accessibility text for blocked passages of the wagon. */
-    get blockedPassage() {
-      return h(this, w);
-    }
-    set blockedPassage(a) {
-      o(this, w, a);
-    }
-    /** Class label */
-    get wagonClass() {
-      return h(this, f);
-    }
-    set wagonClass(a) {
-      o(this, f, a);
-    }
-    /** Wagon number */
-    get label() {
-      return h(this, v);
-    }
-    set label(a) {
-      o(this, v, a);
-    }
-    /** Additional accessibility text which will be appended to the end. */
-    get additionalAccessibilityText() {
-      return h(this, x);
-    }
-    set additionalAccessibilityText(a) {
-      o(this, x, a);
-    }
-    _sectorChanged() {
-      this.dispatchEvent(new Event("sectorchange", { bubbles: !0, composed: !0 }));
-    }
-    _typeLabel() {
-      return this.type === "closed" ? ct[this._language.current] : this.type === "locomotive" ? lt[this._language.current] : this.type === "couchette" ? bt[this._language.current] : this.type === "sleeping" ? gt[this._language.current] : this.type === "restaurant" ? ht[this._language.current] : pt[this._language.current];
-    }
-    render() {
-      const a = this.type === "wagon-end-left" && this.blockedPassage === "none" ? "previous" : this.type === "wagon-end-right" && this.blockedPassage === "none" ? "next" : this.blockedPassage ?? "none", t = a !== "none", n = +!!this.sector + +!!this.label + +(!!this.wagonClass && this.type !== "closed") + +(!!this.occupancy && this.type !== "closed") + +t, J = `${dt[this._language.current]}, ${this.sector}`, K = this.label ? c`<span class="sbb-screen-reader-only">
-            ${`${ut[this._language.current]}, ${this.label}`}
-          </span>
-          <span aria-hidden="true">${this.label}</span>` : g, Q = c`<span class="sbb-screen-reader-only">
-        ${this.wagonClass === "1" ? Z.first[this._language.current] : Z.second[this._language.current]}
-      </span>
-      <span aria-hidden="true">${this.wagonClass}</span>`, U = at[this.type] ? c`<sbb-icon
-          name=${at[this.type]}
-          class="sbb-train-wagon__main-icon"
-        ></sbb-icon>` : g;
-      return c`
-      <div class="sbb-train-wagon">
-        ${nt(n > 1, () => c`<ul aria-label=${this._typeLabel()} class="sbb-train-wagon__compartment">
-              ${this.sector ? c`<li class="sbb-screen-reader-only">${J}</li>` : g}
-              <li class="sbb-train-wagon__label" aria-hidden=${`${!this.label}`}>
-                ${K}
-              </li>
-              ${this.wagonClass && this.type !== "closed" ? c`<li class="sbb-train-wagon__class">${Q}</li>` : g}
-              ${this.occupancy && this.type !== "closed" ? c`<sbb-timetable-occupancy-icon
-                    class="sbb-train-wagon__occupancy"
-                    role="listitem"
-                    occupancy=${this.occupancy}
-                  ></sbb-timetable-occupancy-icon>` : g}
-              ${t ? c`<li class="sbb-screen-reader-only">
-                    ${tt[a][this._language.current]}
-                  </li>` : g}
-              ${U}
-            </ul>`, () => c`<div class="sbb-train-wagon__compartment">
-              <span class="sbb-screen-reader-only">
-                ${`${this._typeLabel()}${this.sector ? `, ${J}` : ""}`}
-              </span>
-              <span class="sbb-train-wagon__label" aria-hidden=${`${!this.label}`}>
-                ${K}
-              </span>
-
-              ${this.wagonClass && this.type !== "closed" ? c`<span class="sbb-train-wagon__class">${Q}</span>` : g}
-              ${this.occupancy && this.type !== "closed" ? c`<sbb-timetable-occupancy-icon
-                    class="sbb-train-wagon__occupancy"
-                    occupancy=${this.occupancy}
-                  ></sbb-timetable-occupancy-icon>` : g}
-              ${t ? c`<span class="sbb-screen-reader-only">
-                    ${tt[a][this._language.current]}
-                  </span>` : g}
-              ${U}
-            </div> `)}
-        ${this.additionalAccessibilityText ? c`<span class="sbb-screen-reader-only">, ${this.additionalAccessibilityText}</span>` : g}
-        ${this.renderList({
-        class: "sbb-train-wagon__attribute-icon-list",
-        ariaLabel: yt[this._language.current]
-      })}
-      </div>
-    `;
-    }
-  }, y = new WeakMap(), m = new WeakMap(), _ = new WeakMap(), w = new WeakMap(), f = new WeakMap(), v = new WeakMap(), x = new WeakMap(), b = i, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(k[Symbol.metadata] ?? null) : void 0;
-    C = [u({ reflect: !0 })], L = [u()], A = [$(), rt((t) => t._sectorChanged()), u({ reflect: !0, converter: Y })], W = [u({ attribute: "blocked-passage" })], N = [u({ attribute: "wagon-class" })], O = [$(), u({ reflect: !0, converter: Y })], R = [$(), u({ attribute: "additional-accessibility-text" })], d(i, null, C, { kind: "accessor", name: "type", static: !1, private: !1, access: { has: (t) => "type" in t, get: (t) => t.type, set: (t, n) => {
-      t.type = n;
-    } }, metadata: a }, z, T), d(i, null, L, { kind: "accessor", name: "occupancy", static: !1, private: !1, access: { has: (t) => "occupancy" in t, get: (t) => t.occupancy, set: (t, n) => {
-      t.occupancy = n;
-    } }, metadata: a }, P, S), d(i, null, A, { kind: "accessor", name: "sector", static: !1, private: !1, access: { has: (t) => "sector" in t, get: (t) => t.sector, set: (t, n) => {
-      t.sector = n;
-    } }, metadata: a }, I, E), d(i, null, W, { kind: "accessor", name: "blockedPassage", static: !1, private: !1, access: { has: (t) => "blockedPassage" in t, get: (t) => t.blockedPassage, set: (t, n) => {
-      t.blockedPassage = n;
-    } }, metadata: a }, j, D), d(i, null, N, { kind: "accessor", name: "wagonClass", static: !1, private: !1, access: { has: (t) => "wagonClass" in t, get: (t) => t.wagonClass, set: (t, n) => {
-      t.wagonClass = n;
-    } }, metadata: a }, B, M), d(i, null, O, { kind: "accessor", name: "label", static: !1, private: !1, access: { has: (t) => "label" in t, get: (t) => t.label, set: (t, n) => {
-      t.label = n;
-    } }, metadata: a }, G, H), d(i, null, R, { kind: "accessor", name: "additionalAccessibilityText", static: !1, private: !1, access: { has: (t) => "additionalAccessibilityText" in t, get: (t) => t.additionalAccessibilityText, set: (t, n) => {
-      t.additionalAccessibilityText = n;
-    } }, metadata: a }, q, F), d(null, s = { value: b }, e, { kind: "class", name: b.name, metadata: a }, null, l), b = s.value, a && Object.defineProperty(b, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), i.styles = [_t, wt], i.events = {
-    sectorchange: "sectorchange"
-  }, r(b, l), b;
-})();
-export {
-  Wt as SbbTrainWagonElement
-};
+import { t as e } from "../../train-wagon.component-bGA2a-0M.js";
+export { e as SbbTrainWagonElement };

package/train/train-wagon.js

@@ -1,4 +1,4 @@
-import { SbbTrainWagonElement as o } from "./train-wagon/train-wagon.component.js";
-export {
-  o as SbbTrainWagonElement
-};
+import { t as e } from "../train-wagon.component-bGA2a-0M.js";
+e.define(), console.warn("The entrypoint '@sbb-esta/elements/train/train-wagon.js' has been deprecated.\nUse either '@sbb-esta/elements/train.js' or '@sbb-esta/elements/train.pure.js' instead.");
+//#endregion
+export { e as SbbTrainWagonElement };

package/train/train.js

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

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

@@ -0,0 +1,23 @@
+import { css as e, html as t } from "lit";
+import { SbbElement as n } from "./core/base-elements.js";
+import { boxSizingStyles as r } from "./core/styles.js";
+//#region src/elements/train/train-blocked-passage/train-blocked-passage.scss?lit&inline
+var i = e`:host{--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;display:block}@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);height:var(--sbb-train-blocked-passage-height);flex-direction:column;justify-content:center;display:flex}.sbb-train-blocked-passage__icon{width:100%;height:var(--sbb-train-blocked-passage-icon-dimension);background-color:var(--sbb-train-blocked-passage-background-color);border-radius:50%;flex-direction:column;align-items:center;display:flex;position:relative}.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, i];
+	}
+	render() {
+		return t`
+      <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-B17tc6cx.js

@@ -0,0 +1,121 @@
+import { __esDecorate as e, __runInitializers as t } from "tslib";
+import { css as n, html as r, nothing as i } from "lit";
+import { property as a, state as o } from "lit/decorators.js";
+import { SbbElement as s } from "./core/base-elements.js";
+import { SbbNamedSlotListMixin as c } from "./core/mixins.js";
+import { boxSizingStyles as l } from "./core/styles.js";
+import { SbbLanguageController as u } from "./core/controllers.js";
+import { i18nSector as d, i18nSectorShort as f, i18nTrains as p } from "./core/i18n.js";
+import { styleMap as m } from "lit/directives/style-map.js";
+//#region src/elements/train/train-formation/train-formation.scss?lit&inline
+var h = n`:host{--sbb-train-formation-sector-line-color:var(--lightningcss-light,var(--sbb-color-cement))var(--lightningcss-dark,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);display:block}@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:var(--lightningcss-light,color-mix(in srgb, var(--sbb-color-black) 30%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--sbb-color-white) 30%, transparent));--sbb-scrollbar-color-hover:var(--lightningcss-light,color-mix(in srgb, var(--sbb-color-black) 60%, transparent))var(--lightningcss-dark,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{display:none}.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{row-gap:calc(var(--sbb-train-formation-show-sectors-gap,0) * var(--sbb-train-formation-vertical-gap));color:var(--sbb-train-formation-text-color);grid-template:"start sectors end""start trains end"/auto 1fr auto;padding-block-end:var(--sbb-train-formation-vertical-gap);display:grid;position:relative;overflow-x:auto}.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:"";width:var(--sbb-train-formation-padding-inline);display:block}.sbb-train-formation:before{grid-area:start}.sbb-train-formation:after{grid-area:end}.sbb-train-formation__sectors{gap:var(--sbb-train-formation-wagon-gap);grid-area:sectors;display:flex}.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{padding:0 var(--sbb-spacing-fixed-1x);margin:0 var(--sbb-spacing-fixed-2x);white-space:nowrap;position:sticky;inset:auto 0;overflow:hidden}.sbb-train-formation__sector-sticky-wrapper:before,.sbb-train-formation__sector-sticky-wrapper:after{content:"";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));position:absolute}.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{font-size:inherit;gap:var(--sbb-train-formation-wagon-gap);margin:0;padding:0;list-style:none;display:flex}.sbb-train-formation__train-list>:is(li,span){display:inline-flex}`, g = (() => {
+	let n = c(s), g, _ = [], v = [], y, b = [], x = [];
+	return class extends n {
+		static {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
+			g = [a({ reflect: !0 })], y = [o()], e(this, null, g, {
+				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), e(this, null, y, {
+				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
+			}, b, x), t && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: t
+			});
+		}
+		static {
+			this.elementName = "sbb-train-formation";
+		}
+		static {
+			this.styles = [l, 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, _, "side"), this.#t = (t(this, v), t(this, b, [])), this._language = (t(this, x), new u(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 r`
+      <div class="sbb-train-formation">
+        ${this._sectors.length && this._sectors[0].label !== void 0 ? r`<div class="sbb-train-formation__sectors" aria-hidden="true">
+              ${this._sectors.map((e) => r`<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>` : i}
+
+        <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 };