@sbb-esta/lyne-elements 1.12.1 → 1.14.0

package/toggle-check.js

@@ -1,25 +1,52 @@
-import { css as g, LitElement as n, html as h } from "lit";
-import { property as i, customElement as d } from "lit/decorators.js";
-import { slotState as k } from "./core/decorators.js";
-import { SbbFormAssociatedCheckboxMixin as v } from "./core/mixins.js";
-import { SbbIconNameMixin as f } from "./icon.js";
-const p = g`@charset "UTF-8";*,:before,:after{box-sizing:border-box}:host{display:inline-block;outline:none!important;--sbb-toggle-check-checked-color: var(--sbb-color-red);--sbb-toggle-check-background-color: var(--sbb-color-cloud);--sbb-toggle-check-icon-color: var(--sbb-toggle-check-checked-color);--sbb-toggle-check-icon-opacity: 0;--sbb-toggle-check-circle-background-color: var(--sbb-color-white);--sbb-toggle-check-circle-border-color: var(--sbb-color-smoke);--sbb-toggle-check-circle-border-style: solid;--sbb-toggle-check-circle-diameter: 1.75rem;--sbb-toggle-check-overall-height: var(--sbb-toggle-check-circle-diameter);--sbb-toggle-check-circle-transform: translate(0, -50%);--sbb-toggle-check-height: 1.5rem;--sbb-toggle-check-width: calc(2 * var(--sbb-toggle-check-height));--sbb-toggle-check-cursor: pointer;--sbb-toggle-check-flex-direction: row-reverse;--sbb-toggle-check-gap: var(--sbb-spacing-fixed-3x);--sbb-toggle-check-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-6x) )}@media (forced-colors: active){:host{--sbb-toggle-check-background-color: CanvasText;--sbb-toggle-check-circle-background-color: Canvas}}:host([size=m]){--sbb-toggle-check-overall-height: calc(1em * var(--sbb-typo-line-height-body-text))}:host([data-checked]){--sbb-toggle-check-background-color: var(--sbb-toggle-check-checked-color);--sbb-toggle-check-circle-border-color: var(--sbb-toggle-check-background-color);--sbb-toggle-check-icon-opacity: 1;--sbb-toggle-check-circle-transform: translate( calc(100% - 2 * (100% - .5 * var(--sbb-toggle-check-width))), -50% )}@media (forced-colors: active){:host([data-checked]){--sbb-toggle-check-icon-color: Highlight;--sbb-toggle-check-background-color: Highlight}}:host(:disabled){--sbb-toggle-check-background-color: var(--sbb-color-cloud);--sbb-toggle-check-circle-border-color: var(--sbb-color-smoke);--sbb-toggle-check-circle-border-style: dashed;--sbb-toggle-check-circle-background-color: var(--sbb-color-milk);--sbb-toggle-check-icon-color: var(--sbb-color-granite);--sbb-toggle-check-cursor: default}@media (forced-colors: active){:host(:disabled){--sbb-toggle-check-icon-color: GrayText;--sbb-toggle-check-background-color: GrayText;--sbb-toggle-check-circle-border-style: solid}}:host([data-checked]:disabled){--sbb-toggle-check-circle-background-color: var(--sbb-color-white)}:host([label-position=before]){--sbb-toggle-check-flex-direction: row}.sbb-toggle-check{position:relative;display:flex;color:var(--sbb-color-charcoal);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:var(--sbb-toggle-check-cursor)}.sbb-toggle-check:before{content:"​";-webkit-user-select:none;user-select:none;width:0;height:0}:host(:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-toggle-check{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);border-radius:calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset))}.sbb-toggle-check__container{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);display:flex;flex-direction:var(--sbb-toggle-check-flex-direction);gap:var(--sbb-toggle-check-gap);align-items:start;width:100%}:host([size=m]) .sbb-toggle-check__container{--sbb-text-font-size: var(--sbb-font-size-text-m);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}:host([size=xs]) .sbb-toggle-check__container{--sbb-text-font-size: var(--sbb-font-size-text-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}.sbb-toggle-check__label{flex-grow:1;padding-block-start:calc((var(--sbb-toggle-check-circle-diameter) - var(--sbb-typo-line-height-body-text) * 1em) / 2)}:host(:not([data-slot-names~=unnamed])) .sbb-toggle-check__label{display:none}.sbb-toggle-check__track{display:inline-block;position:relative;min-width:var(--sbb-toggle-check-width);height:var(--sbb-toggle-check-height);border-radius:var(--sbb-border-radius-infinity);background-color:var(--sbb-toggle-check-background-color);margin-block:calc((var(--sbb-toggle-check-overall-height) - var(--sbb-toggle-check-height)) / 2)}.sbb-toggle-check__circle{box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-1-color);position:absolute;top:50%;transform:translateY(-50%);width:var(--sbb-toggle-check-circle-diameter);height:var(--sbb-toggle-check-circle-diameter);border:var(--sbb-border-width-1x) var(--sbb-toggle-check-circle-border-style) var(--sbb-toggle-check-circle-border-color);border-radius:50%;background-color:var(--sbb-toggle-check-circle-background-color);color:var(--sbb-toggle-check-icon-color);will-change:transform;transform:var(--sbb-toggle-check-circle-transform);transition:transform ease var(--sbb-toggle-check-animation-duration)}.sbb-toggle-check__icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--sbb-size-icon-ui-small);height:var(--sbb-size-icon-ui-small);opacity:var(--sbb-toggle-check-icon-opacity);transition:opacity ease var(--sbb-toggle-check-animation-duration)}`;
-var u = Object.defineProperty, m = Object.getOwnPropertyDescriptor, b = (t, c, r, s) => {
-  for (var e = s > 1 ? void 0 : s ? m(c, r) : c, l = t.length - 1, a; l >= 0; l--)
-    (a = t[l]) && (e = (s ? a(c, r, e) : a(e)) || e);
-  return s && e && u(c, r, e), e;
+var S = (e) => {
+  throw TypeError(e);
 };
-let o = class extends v(
-  f(n)
-) {
-  constructor() {
-    super(...arguments), this.size = "s", this.iconName = "tick-small", this.labelPosition = "after";
-  }
-  async willUpdate(t) {
-    super.willUpdate(t), t.has("checked") && (this.internals.ariaChecked = `${this.checked}`, this.toggleAttribute("data-checked", this.checked));
-  }
-  render() {
-    return h`
+var C = (e, o, c) => o.has(e) || S("Cannot " + c);
+var h = (e, o, c) => (C(e, o, "read from private field"), c ? c.call(e) : o.get(e)), d = (e, o, c) => o.has(e) ? S("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(e) : o.set(e, c), k = (e, o, c, l) => (C(e, o, "write to private field"), l ? l.call(e, c) : o.set(e, c), c);
+import { __esDecorate as v, __runInitializers as r } from "tslib";
+import { css as I, LitElement as T, html as E } from "lit";
+import { customElement as D, property as m } from "lit/decorators.js";
+import { slotState as U, forceType as j } from "./core/decorators.js";
+import { SbbFormAssociatedCheckboxMixin as A } from "./core/mixins.js";
+import { SbbIconNameMixin as F } from "./icon.js";
+const G = I`@charset "UTF-8";*,:before,:after{box-sizing:border-box}:host{display:inline-block;outline:none!important;--sbb-toggle-check-checked-color: var(--sbb-color-red);--sbb-toggle-check-background-color: var(--sbb-color-cloud);--sbb-toggle-check-icon-color: var(--sbb-toggle-check-checked-color);--sbb-toggle-check-icon-opacity: 0;--sbb-toggle-check-circle-background-color: var(--sbb-color-white);--sbb-toggle-check-circle-border-color: var(--sbb-color-smoke);--sbb-toggle-check-circle-border-style: solid;--sbb-toggle-check-circle-diameter: 1.75rem;--sbb-toggle-check-overall-height: var(--sbb-toggle-check-circle-diameter);--sbb-toggle-check-circle-transform: translate(0, -50%);--sbb-toggle-check-height: 1.5rem;--sbb-toggle-check-width: calc(2 * var(--sbb-toggle-check-height));--sbb-toggle-check-cursor: pointer;--sbb-toggle-check-flex-direction: row-reverse;--sbb-toggle-check-gap: var(--sbb-spacing-fixed-3x);--sbb-toggle-check-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-6x) )}@media (forced-colors: active){:host{--sbb-toggle-check-background-color: CanvasText;--sbb-toggle-check-circle-background-color: Canvas}}:host([size=m]){--sbb-toggle-check-overall-height: calc(1em * var(--sbb-typo-line-height-body-text))}:host([data-checked]){--sbb-toggle-check-background-color: var(--sbb-toggle-check-checked-color);--sbb-toggle-check-circle-border-color: var(--sbb-toggle-check-background-color);--sbb-toggle-check-icon-opacity: 1;--sbb-toggle-check-circle-transform: translate( calc(100% - 2 * (100% - .5 * var(--sbb-toggle-check-width))), -50% )}@media (forced-colors: active){:host([data-checked]){--sbb-toggle-check-icon-color: Highlight;--sbb-toggle-check-background-color: Highlight}}:host(:disabled){--sbb-toggle-check-background-color: var(--sbb-color-cloud);--sbb-toggle-check-circle-border-color: var(--sbb-color-smoke);--sbb-toggle-check-circle-border-style: dashed;--sbb-toggle-check-circle-background-color: var(--sbb-color-milk);--sbb-toggle-check-icon-color: var(--sbb-color-granite);--sbb-toggle-check-cursor: default}@media (forced-colors: active){:host(:disabled){--sbb-toggle-check-icon-color: GrayText;--sbb-toggle-check-background-color: GrayText;--sbb-toggle-check-circle-border-style: solid}}:host([data-checked]:disabled){--sbb-toggle-check-circle-background-color: var(--sbb-color-white)}:host([label-position=before]){--sbb-toggle-check-flex-direction: row}.sbb-toggle-check{position:relative;display:flex;color:var(--sbb-color-charcoal);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:var(--sbb-toggle-check-cursor)}.sbb-toggle-check:before{content:"​";-webkit-user-select:none;user-select:none;width:0;height:0}:host(:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-toggle-check{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);border-radius:calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset))}.sbb-toggle-check__container{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);display:flex;flex-direction:var(--sbb-toggle-check-flex-direction);gap:var(--sbb-toggle-check-gap);align-items:start;width:100%}:host([size=m]) .sbb-toggle-check__container{--sbb-text-font-size: var(--sbb-font-size-text-m);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}:host([size=xs]) .sbb-toggle-check__container{--sbb-text-font-size: var(--sbb-font-size-text-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}.sbb-toggle-check__label{flex-grow:1;padding-block-start:calc((var(--sbb-toggle-check-circle-diameter) - var(--sbb-typo-line-height-body-text) * 1em) / 2)}:host(:not([data-slot-names~=unnamed])) .sbb-toggle-check__label{display:none}.sbb-toggle-check__track{display:inline-block;position:relative;min-width:var(--sbb-toggle-check-width);height:var(--sbb-toggle-check-height);border-radius:var(--sbb-border-radius-infinity);background-color:var(--sbb-toggle-check-background-color);margin-block:calc((var(--sbb-toggle-check-overall-height) - var(--sbb-toggle-check-height)) / 2)}.sbb-toggle-check__circle{box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-1-color);position:absolute;top:50%;transform:translateY(-50%);width:var(--sbb-toggle-check-circle-diameter);height:var(--sbb-toggle-check-circle-diameter);border:var(--sbb-border-width-1x) var(--sbb-toggle-check-circle-border-style) var(--sbb-toggle-check-circle-border-color);border-radius:50%;background-color:var(--sbb-toggle-check-circle-background-color);color:var(--sbb-toggle-check-icon-color);will-change:transform;transform:var(--sbb-toggle-check-circle-transform);transition:transform ease var(--sbb-toggle-check-animation-duration)}.sbb-toggle-check__icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--sbb-size-icon-ui-small);height:var(--sbb-size-icon-ui-small);opacity:var(--sbb-toggle-check-icon-opacity);transition:opacity ease var(--sbb-toggle-check-animation-duration)}`;
+let J = (() => {
+  var i, b, n, a;
+  let e = [D("sbb-toggle-check"), U()], o, c = [], l, f = A(F(T)), u, p = [], _ = [], y, x = [], w = [], z, N = [], P = [];
+  return a = class extends f {
+    constructor() {
+      super(...arguments);
+      d(this, i, r(this, p, "s"));
+      d(this, b, (r(this, _), r(this, x, "tick-small")));
+      d(this, n, (r(this, w), r(this, N, "after")));
+      r(this, P);
+    }
+    /** Size variant, either m, s or xs. */
+    get size() {
+      return h(this, i);
+    }
+    set size(s) {
+      k(this, i, s);
+    }
+    /** The svg name for the true state - default -> 'tick-small' */
+    get iconName() {
+      return h(this, b);
+    }
+    set iconName(s) {
+      k(this, b, s);
+    }
+    /** The label position relative to the toggle. Defaults to 'after' */
+    get labelPosition() {
+      return h(this, n);
+    }
+    set labelPosition(s) {
+      k(this, n, s);
+    }
+    async willUpdate(s) {
+      super.willUpdate(s), s.has("checked") && (this.internals.ariaChecked = `${this.checked}`, this.toggleAttribute("data-checked", this.checked));
+    }
+    render() {
+      return E`
       <span class="sbb-toggle-check">
         <span class="sbb-toggle-check__container">
           <span class="sbb-toggle-check__label">
@@ -33,25 +60,20 @@ let o = class extends v(
         </span>
       </span>
     `;
-  }
-};
-o.styles = p;
-o.events = {
-  didChange: "didChange"
-};
-b([
-  i({ reflect: !0 })
-], o.prototype, "size", 2);
-b([
-  i({ attribute: "icon-name" })
-], o.prototype, "iconName", 2);
-b([
-  i({ attribute: "label-position", reflect: !0 })
-], o.prototype, "labelPosition", 2);
-o = b([
-  d("sbb-toggle-check"),
-  k()
-], o);
+    }
+  }, i = new WeakMap(), b = new WeakMap(), n = new WeakMap(), l = a, (() => {
+    const s = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
+    u = [m({ reflect: !0 })], y = [j(), m({ attribute: "icon-name" })], z = [m({ attribute: "label-position", reflect: !0 })], v(a, null, u, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (t) => "size" in t, get: (t) => t.size, set: (t, g) => {
+      t.size = g;
+    } }, metadata: s }, p, _), v(a, null, y, { kind: "accessor", name: "iconName", static: !1, private: !1, access: { has: (t) => "iconName" in t, get: (t) => t.iconName, set: (t, g) => {
+      t.iconName = g;
+    } }, metadata: s }, x, w), v(a, null, z, { kind: "accessor", name: "labelPosition", static: !1, private: !1, access: { has: (t) => "labelPosition" in t, get: (t) => t.labelPosition, set: (t, g) => {
+      t.labelPosition = g;
+    } }, metadata: s }, N, P), v(null, o = { value: l }, e, { kind: "class", name: l.name, metadata: s }, null, c), l = o.value, s && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: s });
+  })(), a.styles = G, a.events = {
+    didChange: "didChange"
+  }, r(l, c), l;
+})();
 export {
-  o as SbbToggleCheckElement
+  J as SbbToggleCheckElement
 };

package/train/train/train.d.ts

@@ -16,15 +16,15 @@ export declare class SbbTrainElement extends SbbTrainElement_base {
     };
     protected readonly listChildLocalNames: string[];
     /** General label for "driving direction". */
-    directionLabel: string;
+    accessor directionLabel: string;
     /** Heading level of the direction label, used for screen readers. */
-    directionLabelLevel: SbbTitleLevel;
+    accessor directionLabelLevel: SbbTitleLevel;
     /** Label for the destination station of the train. */
-    station?: string;
+    accessor station: string;
     /** Accessibility label for additional information regarding the leaving direction of the train. */
-    accessibilityLabel?: string;
+    accessor accessibilityLabel: string;
     /** Controls the direction indicator to show the arrow left or right. Default is left.  */
-    direction: 'left' | 'right';
+    accessor direction: 'left' | 'right';
     private _language;
     /**
      * @internal

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

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

package/train/train-blocked-passage/train-blocked-passage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"train-blocked-passage.d.ts","sourceRoot":"","sources":["../../../../src/elements/train/train-blocked-passage/train-blocked-passage.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAKvC;;GAEG;AACH,qBACa,6BAA8B,SAAQ,UAAU;IAC3D,OAAuB,MAAM,EAAE,cAAc,CAAS;cAEnC,MAAM,IAAI,cAAc;CAS5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,2BAA2B,EAAE,6BAA6B,CAAC;KAC5D;CACF"}
+{"version":3,"file":"train-blocked-passage.d.ts","sourceRoot":"","sources":["../../../../src/elements/train/train-blocked-passage/train-blocked-passage.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAKvC;;GAEG;AACH,qBAEM,6BAA8B,SAAQ,UAAU;IACpD,OAAuB,MAAM,EAAE,cAAc,CAAS;cAEnC,MAAM,IAAI,cAAc;CAS5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,2BAA2B,EAAE,6BAA6B,CAAC;KAC5D;CACF"}

package/train/train-blocked-passage.js

@@ -1,26 +1,25 @@
-import { css as t, LitElement as c, html as l } from "lit";
-import { customElement as d } from "lit/decorators.js";
-const p = t`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-train-blocked-passage-height: var(--sbb-train-formation-wagon-height);--sbb-train-blocked-passage-background-color: var(--sbb-color-red);--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-font-size-text-s) * var(--sbb-typo-line-height-body-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}`;
-var g = Object.defineProperty, h = Object.getOwnPropertyDescriptor, k = (n, e, r, s) => {
-  for (var a = s > 1 ? void 0 : s ? h(e, r) : e, b = n.length - 1, o; b >= 0; b--)
-    (o = n[b]) && (a = (s ? o(e, r, a) : o(a)) || a);
-  return s && a && g(e, r, a), a;
-};
-let i = class extends c {
-  render() {
-    return l`
+import { __esDecorate as i, __runInitializers as n } from "tslib";
+import { css as l, html as c, LitElement as d } from "lit";
+import { customElement as p } from "lit/decorators.js";
+const g = l`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-train-blocked-passage-height: var(--sbb-train-formation-wagon-height);--sbb-train-blocked-passage-background-color: var(--sbb-color-red);--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-font-size-text-s) * var(--sbb-typo-line-height-body-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 u = (() => {
+  var e;
+  let o = [p("sbb-train-blocked-passage")], r, t = [], a, b = d;
+  return e = class extends b {
+    render() {
+      return c`
       <span class="sbb-train-blocked-passage">
         <span class="sbb-train-blocked-passage__wrapper">
           <span class="sbb-train-blocked-passage__icon"></span>
         </span>
       </span>
     `;
-  }
-};
-i.styles = p;
-i = k([
-  d("sbb-train-blocked-passage")
-], i);
+    }
+  }, a = e, (() => {
+    const s = typeof Symbol == "function" && Symbol.metadata ? Object.create(b[Symbol.metadata] ?? null) : void 0;
+    i(null, r = { value: a }, o, { 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, n(a, t), a;
+})();
 export {
-  i as SbbTrainBlockedPassageElement
+  u as SbbTrainBlockedPassageElement
 };

package/train/train-formation/train-formation.d.ts

@@ -11,8 +11,8 @@ export declare class SbbTrainFormationElement extends SbbTrainFormationElement_b
     static styles: CSSResultGroup;
     protected readonly listChildLocalNames: string[];
     /** Option to hide all wagon labels. */
-    hideWagonLabel: boolean;
-    private _sectors;
+    accessor hideWagonLabel: boolean;
+    private accessor _sectors;
     /** Element that defines the visible content width. */
     private _formationDiv?;
     private _contentResizeObserver;

package/train/train-formation/train-formation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"train-formation.d.ts","sourceRoot":"","sources":["../../../../src/elements/train/train-formation/train-formation.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAMb,OAAO,EAAyB,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAGpF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;;AAUnD;;;;GAIG;AACH,qBACa,wBAAyB,SAAQ,6BAGjC;IACX,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,mBAA4B,mBAAmB,WAAiB;IAEhE,uCAAuC;IAC2C,cAAc,UACxF;IAEC,OAAO,CAAC,QAAQ,CAA0B;IAEnD,sDAAsD;IACtD,OAAO,CAAC,aAAa,CAAC,CAAiB;IACvC,OAAO,CAAC,sBAAsB,CAI3B;IACH,OAAO,CAAC,MAAM,CAAyC;IACvD,OAAO,CAAC,SAAS,CAAmC;IAEpC,iBAAiB,IAAI,IAAI;IAOzC;;;OAGG;IACH,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,YAAY;YA0CN,mBAAmB;cAgBd,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;cAQ3E,MAAM,IAAI,cAAc;CAkC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,qBAAqB,EAAE,wBAAwB,CAAC;KACjD;CACF"}
+{"version":3,"file":"train-formation.d.ts","sourceRoot":"","sources":["../../../../src/elements/train/train-formation/train-formation.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAOb,OAAO,EAAyB,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAGpF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;;AAUnD;;;;GAIG;AACH,qBAEM,wBAAyB,SAAQ,6BAEtC;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,mBAA4B,mBAAmB,WAAiB;IAEhE,uCAAuC;IACvC,SAEgB,cAAc,EAAE,OAAO,CAAS;IAEvC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA0B;IAE5D,sDAAsD;IACtD,OAAO,CAAC,aAAa,CAAC,CAAiB;IACvC,OAAO,CAAC,sBAAsB,CAI3B;IACH,OAAO,CAAC,MAAM,CAAyC;IACvD,OAAO,CAAC,SAAS,CAAmC;IAEpC,iBAAiB,IAAI,IAAI;IAOzC;;;OAGG;IACH,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,YAAY;YA0CN,mBAAmB;cAgBd,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;cAQ3E,MAAM,IAAI,cAAc;CAkC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,qBAAqB,EAAE,wBAAwB,CAAC;KACjD;CACF"}

package/train/train-formation.js

@@ -1,104 +1,113 @@
-import { ResizeController as c } from "@lit-labs/observers/resize-controller.js";
-import { css as d, LitElement as f, html as e, nothing as h } from "lit";
-import { property as m, state as p, customElement as u } from "lit/decorators.js";
-import { ref as g } from "lit/directives/ref.js";
-import { SbbConnectedAbortController as v, SbbLanguageController as _ } from "../core/controllers.js";
-import { i18nSectorShort as w, i18nSector as k, i18nTrains as y } from "../core/i18n.js";
-import { SbbNamedSlotListMixin as x } from "../core/mixins.js";
-const C = d`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-train-formation-inline-padding: var(--sbb-spacing-fixed-4x);--sbb-train-formation-background-color: var(--sbb-color-white);--sbb-train-formation-sector-label-color: var(--sbb-color-metal);--sbb-train-formation-sector-line-color: var(--sbb-color-smoke);--sbb-train-formation-blocked-passage-width: 1rem}@media (forced-colors: active){:host{--sbb-train-formation-sector-line-color: CanvasText}}:host([hide-wagon-label]){--sbb-train-formation-wagon-label-display: none}.sbb-train-formation{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: var(--sbb-color-black-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-black-alpha-60);--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;background-color:var(--sbb-train-formation-background-color)}.sbb-train-formation:before,.sbb-train-formation:after{content:"";display:block;width:var(--sbb-train-formation-inline-padding);background-color:var(--sbb-train-formation-background-color)}.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-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);flex:0 0 var(--_sector-width);color:var(--sbb-train-formation-sector-label-color);text-align:center;position:relative;display:inline-block;margin-block-end:var(--sbb-spacing-fixed-4x);max-width:var(--_sector-width)}.sbb-train-formation__sector:before{content:"";position:absolute;top:50%;right:0;bottom:50%;left:0;height:1px;background-color:var(--sbb-train-formation-sector-line-color)}.sbb-train-formation__sector-sticky-wrapper{background-color:var(--sbb-train-formation-background-color);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__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}`;
-var z = Object.defineProperty, D = Object.getOwnPropertyDescriptor, l = (r, t, i, a) => {
-  for (var o = a > 1 ? void 0 : a ? D(t, i) : t, s = r.length - 1, b; s >= 0; s--)
-    (b = r[s]) && (o = (a ? b(t, i, o) : b(o)) || o);
-  return a && o && z(t, i, o), o;
+var z = (a) => {
+  throw TypeError(a);
 };
-let n = class extends x(f) {
-  constructor() {
-    super(...arguments), this.listChildLocalNames = ["sbb-train"], this.hideWagonLabel = !1, this._sectors = [], this._contentResizeObserver = new c(this, {
-      target: null,
-      skipInitial: !0,
-      callback: () => this._applyCssWidth()
-    }), this._abort = new v(this), this._language = new _(this);
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    const r = this._abort.signal;
-    this.addEventListener("trainSlotChange", (t) => this._readSectors(t), { signal: r }), this.addEventListener("sectorChange", (t) => this._readSectors(t), { signal: r });
-  }
-  /**
-   * Apply width of the scrollable space of the formation as a css variable. This will be used from
-   * every slotted sbb-train for the direction-label
-   */
-  _applyCssWidth() {
-    const r = this._formationDiv.getBoundingClientRect().width;
-    this._formationDiv.style.setProperty("--sbb-train-direction-width", `${r}px`);
-  }
-  _readSectors(r) {
-    var t;
-    r == null || r.stopPropagation(), this._sectors = Array.from(
-      ((t = this.querySelectorAll) == null ? void 0 : t.call(
-        this,
-        "sbb-train-wagon,sbb-train-blocked-passage"
-      )) ?? []
-    ).reduce(
-      (i, a) => {
-        const o = i[i.length - 1];
-        if (a.localName === "sbb-train-wagon") {
-          const s = a.sector ?? a.getAttribute("sector");
-          !o.label && s && (o.label = s), !s || o.label === s ? o.wagonCount++ : i.push({
-            label: s,
+var W = (a, o, s) => o.has(a) || z("Cannot " + s);
+var p = (a, o, s) => (W(a, o, "read from private field"), s ? s.call(a) : o.get(a)), u = (a, o, s) => o.has(a) ? z("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(a) : o.set(a, s), h = (a, o, s, i) => (W(a, o, "write to private field"), i ? i.call(a, s) : o.set(a, s), s);
+import { __runInitializers as m, __esDecorate as g } from "tslib";
+import { ResizeController as D } from "@lit-labs/observers/resize-controller.js";
+import { css as S, LitElement as $, html as _, nothing as A } from "lit";
+import { customElement as E, property as P, state as I } from "lit/decorators.js";
+import { ref as O } from "lit/directives/ref.js";
+import { SbbConnectedAbortController as R, SbbLanguageController as T } from "../core/controllers.js";
+import { forceType as N } from "../core/decorators.js";
+import { i18nSectorShort as F, i18nSector as j, i18nTrains as B } from "../core/i18n.js";
+import { SbbNamedSlotListMixin as U } from "../core/mixins.js";
+const q = S`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-train-formation-inline-padding: var(--sbb-spacing-fixed-4x);--sbb-train-formation-background-color: var(--sbb-color-white);--sbb-train-formation-sector-label-color: var(--sbb-color-metal);--sbb-train-formation-sector-line-color: var(--sbb-color-smoke);--sbb-train-formation-blocked-passage-width: 1rem}@media (forced-colors: active){:host{--sbb-train-formation-sector-line-color: CanvasText}}:host([hide-wagon-label]){--sbb-train-formation-wagon-label-display: none}.sbb-train-formation{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: var(--sbb-color-black-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-black-alpha-60);--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;background-color:var(--sbb-train-formation-background-color)}.sbb-train-formation:before,.sbb-train-formation:after{content:"";display:block;width:var(--sbb-train-formation-inline-padding);background-color:var(--sbb-train-formation-background-color)}.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-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);flex:0 0 var(--_sector-width);color:var(--sbb-train-formation-sector-label-color);text-align:center;position:relative;display:inline-block;margin-block-end:var(--sbb-spacing-fixed-4x);max-width:var(--_sector-width)}.sbb-train-formation__sector:before{content:"";position:absolute;top:50%;right:0;bottom:50%;left:0;height:1px;background-color:var(--sbb-train-formation-sector-line-color)}.sbb-train-formation__sector-sticky-wrapper{background-color:var(--sbb-train-formation-background-color);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__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 rt = (() => {
+  var b, l, e;
+  let a = [E("sbb-train-formation")], o, s = [], i, v = U($), w, k = [], y = [], x, C = [], L = [];
+  return e = class extends v {
+    constructor() {
+      super(...arguments);
+      u(this, b);
+      u(this, l);
+      this.listChildLocalNames = ["sbb-train"], h(this, b, m(this, k, !1)), h(this, l, (m(this, y), m(this, C, []))), this._formationDiv = m(this, L), this._contentResizeObserver = new D(this, {
+        target: null,
+        skipInitial: !0,
+        callback: () => this._applyCssWidth()
+      }), this._abort = new R(this), this._language = new T(this);
+    }
+    /** Option to hide all wagon labels. */
+    get hideWagonLabel() {
+      return p(this, b);
+    }
+    set hideWagonLabel(t) {
+      h(this, b, t);
+    }
+    get _sectors() {
+      return p(this, l);
+    }
+    set _sectors(t) {
+      h(this, l, t);
+    }
+    connectedCallback() {
+      super.connectedCallback();
+      const t = this._abort.signal;
+      this.addEventListener("trainSlotChange", (r) => this._readSectors(r), { signal: t }), this.addEventListener("sectorChange", (r) => this._readSectors(r), { signal: t });
+    }
+    /**
+     * Apply width of the scrollable space of the formation as a css variable. This will be used from
+     * every slotted sbb-train for the direction-label
+     */
+    _applyCssWidth() {
+      const t = this._formationDiv.getBoundingClientRect().width;
+      this._formationDiv.style.setProperty("--sbb-train-direction-width", `${t}px`);
+    }
+    _readSectors(t) {
+      var r;
+      t == null || t.stopPropagation(), this._sectors = Array.from(((r = this.querySelectorAll) == null ? void 0 : r.call(this, "sbb-train-wagon,sbb-train-blocked-passage")) ?? []).reduce((n, f) => {
+        const c = n[n.length - 1];
+        if (f.localName === "sbb-train-wagon") {
+          const d = f.sector ?? f.getAttribute("sector");
+          !c.label && d && (c.label = d), !d || c.label === d ? c.wagonCount++ : n.push({
+            label: d,
             wagonCount: 1,
             blockedPassageCount: 0
           });
-        } else a.localName === "sbb-train-blocked-passage" && o.blockedPassageCount++;
-        return i;
-      },
-      [{ wagonCount: 0, blockedPassageCount: 0 }]
-    );
-  }
-  async _updateFormationDiv(r) {
-    r && (this._formationDiv && this._contentResizeObserver.unobserve(this._formationDiv), this._formationDiv = r, this._contentResizeObserver.observe(this._formationDiv), await this.updateComplete, this._applyCssWidth());
-  }
-  willUpdate(r) {
-    super.willUpdate(r), r.has("listChildren") && this._readSectors();
-  }
-  render() {
-    return e`
-      <div class="sbb-train-formation" ${g(this._updateFormationDiv)}>
-        ${this._sectors.length && this._sectors[0].label !== void 0 ? e`<div class="sbb-train-formation__sectors" aria-hidden="true">
-              ${this._sectors.map(
-      (r) => e`<span
+        } else f.localName === "sbb-train-blocked-passage" && c.blockedPassageCount++;
+        return n;
+      }, [{ wagonCount: 0, blockedPassageCount: 0 }]);
+    }
+    async _updateFormationDiv(t) {
+      t && (this._formationDiv && this._contentResizeObserver.unobserve(this._formationDiv), this._formationDiv = t, this._contentResizeObserver.observe(this._formationDiv), await this.updateComplete, this._applyCssWidth());
+    }
+    willUpdate(t) {
+      super.willUpdate(t), t.has("listChildren") && this._readSectors();
+    }
+    render() {
+      return _`
+      <div class="sbb-train-formation" ${O(this._updateFormationDiv)}>
+        ${this._sectors.length && this._sectors[0].label !== void 0 ? _`<div class="sbb-train-formation__sectors" aria-hidden="true">
+              ${this._sectors.map((t) => _`<span
                     class="sbb-train-formation__sector"
                     style="
-                --sbb-train-formation-wagon-count: ${r.wagonCount};
-                --sbb-train-formation-wagon-blocked-passage-count: ${r.blockedPassageCount}"
+                --sbb-train-formation-wagon-count: ${t.wagonCount};
+                --sbb-train-formation-wagon-blocked-passage-count: ${t.blockedPassageCount}"
                   >
                     <span class="sbb-train-formation__sector-sticky-wrapper">
-                      ${`${r.wagonCount === 1 && r.label ? w[this._language.current] : k[this._language.current]} ${r.label ? r.label : ""}`}
+                      ${`${t.wagonCount === 1 && t.label ? F[this._language.current] : j[this._language.current]} ${t.label ? t.label : ""}`}
                     </span>
-                  </span>`
-    )}
-            </div>` : h}
+                  </span>`)}
+            </div>` : A}
 
         <div class="sbb-train-formation__trains">
           ${this.renderList({
-      class: "sbb-train-formation__train-list",
-      ariaLabel: y[this._language.current]
-    })}
+        class: "sbb-train-formation__train-list",
+        ariaLabel: B[this._language.current]
+      })}
         </div>
       </div>
     `;
-  }
-};
-n.styles = C;
-l([
-  m({ attribute: "hide-wagon-label", reflect: !0, type: Boolean })
-], n.prototype, "hideWagonLabel", 2);
-l([
-  p()
-], n.prototype, "_sectors", 2);
-n = l([
-  u("sbb-train-formation")
-], n);
+    }
+  }, b = new WeakMap(), l = new WeakMap(), i = e, (() => {
+    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(v[Symbol.metadata] ?? null) : void 0;
+    w = [N(), P({ attribute: "hide-wagon-label", reflect: !0, type: Boolean })], x = [I()], g(e, null, w, { kind: "accessor", name: "hideWagonLabel", static: !1, private: !1, access: { has: (r) => "hideWagonLabel" in r, get: (r) => r.hideWagonLabel, set: (r, n) => {
+      r.hideWagonLabel = n;
+    } }, metadata: t }, k, y), g(e, null, x, { kind: "accessor", name: "_sectors", static: !1, private: !1, access: { has: (r) => "_sectors" in r, get: (r) => r._sectors, set: (r, n) => {
+      r._sectors = n;
+    } }, metadata: t }, C, L), g(null, o = { value: i }, a, { kind: "class", name: i.name, metadata: t }, null, s), i = o.value, t && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), e.styles = q, m(i, s), i;
+})();
 export {
-  n as SbbTrainFormationElement
+  rt as SbbTrainFormationElement
 };

package/train/train-wagon/train-wagon.d.ts

@@ -14,21 +14,19 @@ export declare class SbbTrainWagonElement extends SbbTrainWagonElement_base {
     };
     protected readonly listChildLocalNames: string[];
     /** Wagon type. */
-    type: 'locomotive' | 'closed' | 'wagon';
+    accessor type: 'locomotive' | 'closed' | 'wagon';
     /** Occupancy of a wagon. */
-    occupancy?: SbbOccupancy;
+    accessor occupancy: SbbOccupancy;
     /** Sector in which to wagon stops. */
-    set sector(value: string);
-    get sector(): string | null;
-    private _sector;
+    accessor sector: string;
     /** Accessibility text for blocked passages of the wagon. */
-    blockedPassage: 'previous' | 'next' | 'both' | 'none';
+    accessor blockedPassage: 'previous' | 'next' | 'both' | 'none';
     /** Visible class label of a wagon. */
-    wagonClass?: '1' | '2';
+    accessor wagonClass: '1' | '2' | null;
     /** Visible label for the wagon number. Not used by type locomotive or closed. */
-    label?: string;
+    accessor label: string;
     /** Additional accessibility text which will be appended to the end. */
-    additionalAccessibilityText?: string;
+    accessor additionalAccessibilityText: string;
     private _language;
     /**
      * @internal

package/train/train-wagon/train-wagon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"train-wagon.d.ts","sourceRoot":"","sources":["../../../../src/elements/train/train-wagon/train-wagon.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EACnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAgBb,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAIpD,OAAO,eAAe,CAAC;AACvB,OAAO,mCAAmC,CAAC;;AAE3C;;;;GAIG;AACH,qBACa,oBAAqB,SAAQ,yBAEzC;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IACX,mBAA4B,mBAAmB,WAAgB;IAE/D,kBAAkB;IACkB,IAAI,EAAE,YAAY,GAAG,QAAQ,GAAG,OAAO,CAAW;IAEtF,4BAA4B;IACT,SAAS,CAAC,EAAE,YAAY,CAAU;IAErD,sCAAsC;IACtC,IACW,MAAM,CAAC,KAAK,EAAE,MAAM,EAG9B;IACD,IAAW,MAAM,IAAI,MAAM,GAAG,IAAI,CAEjC;IACD,OAAO,CAAC,OAAO,CAAuB;IAEtC,4DAA4D;IAErD,cAAc,EAAE,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAU;IAEtE,sCAAsC;IACS,UAAU,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IAEtE,iFAAiF;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IAElC,uEAAuE;IAEhE,2BAA2B,CAAC,EAAE,MAAM,CAAC;IAE5C,OAAO,CAAC,SAAS,CAAmC;IAEpD;;;OAGG;IACH,OAAO,CAAC,aAAa,CAOnB;cAEiB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAe5E,OAAO,CAAC,cAAc;cAIH,MAAM,IAAI,cAAc;CAwG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}
+{"version":3,"file":"train-wagon.d.ts","sourceRoot":"","sources":["../../../../src/elements/train/train-wagon/train-wagon.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EACnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAiBb,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAIpD,OAAO,eAAe,CAAC;AACvB,OAAO,mCAAmC,CAAC;;AAE3C;;;;GAIG;AACH,qBAEM,oBAAqB,SAAQ,yBAElC;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IACX,mBAA4B,mBAAmB,WAAgB;IAE/D,kBAAkB;IAClB,SAA6C,IAAI,EAAE,YAAY,GAAG,QAAQ,GAAG,OAAO,CAAW;IAE/F,4BAA4B;IAC5B,SAA4B,SAAS,EAAE,YAAY,CAAU;IAE7D,sCAAsC;IACtC,SAGgB,MAAM,EAAE,MAAM,CAAM;IAEpC,4DAA4D;IAC5D,SACgB,cAAc,EAAE,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAU;IAE/E,sCAAsC;IACtC,SAAwD,UAAU,EAAE,GAAG,GAAG,GAAG,GAAG,IAAI,CAAQ;IAE5F,iFAAiF;IACjF,SAEgB,KAAK,EAAE,MAAM,CAAM;IAEnC,uEAAuE;IACvE,SAEgB,2BAA2B,EAAE,MAAM,CAAM;IAEzD,OAAO,CAAC,SAAS,CAAmC;IAEpD;;;OAGG;IACH,OAAO,CAAC,aAAa,CAOnB;cAEiB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAe5E,OAAO,CAAC,cAAc;cAIH,MAAM,IAAI,cAAc;CAwG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}