@sbb-esta/lyne-elements-dev 0.0.0 → 4.5.1-dev.1771859294

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

@@ -0,0 +1,280 @@
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+import { __esDecorate, __runInitializers } from "tslib";
+import { css, LitElement, nothing, html } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { styleMap } from "lit/directives/style-map.js";
+import { SbbLanguageController } from "../../core/controllers.js";
+import { i18nSectorShort, i18nSector, i18nTrains } from "../../core/i18n.js";
+import { SbbNamedSlotListMixin } from "../../core/mixins.js";
+import { boxSizingStyles } from "../../core/styles.js";
+const style = css`: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: 0.125rem;
+  --sbb-scrollbar-thumb-width-hover: 0.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(0.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(0.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: normal;
+  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(0.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 SbbTrainFormationElement = (() => {
+  var _view_accessor_storage, __sectors_accessor_storage, _a;
+  let _classDecorators = [customElement("sbb-train-formation")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbNamedSlotListMixin(LitElement);
+  let _view_decorators;
+  let _view_initializers = [];
+  let _view_extraInitializers = [];
+  let __sectors_decorators;
+  let __sectors_initializers = [];
+  let __sectors_extraInitializers = [];
+  _a = class extends _classSuper {
+    constructor() {
+      super();
+      __privateAdd(this, _view_accessor_storage);
+      __privateAdd(this, __sectors_accessor_storage);
+      this.listChildLocalNames = ["sbb-train"];
+      __privateSet(this, _view_accessor_storage, __runInitializers(this, _view_initializers, "side"));
+      __privateSet(this, __sectors_accessor_storage, (__runInitializers(this, _view_extraInitializers), __runInitializers(this, __sectors_initializers, [])));
+      this._language = (__runInitializers(this, __sectors_extraInitializers), new SbbLanguageController(this));
+      this.addEventListener?.("trainslotchange", (e) => this._readSectors(e));
+      this.addEventListener?.("sectorchange", (e) => this._readSectors(e));
+    }
+    /** Whether the view of the wagons is from side or top perspective. */
+    get view() {
+      return __privateGet(this, _view_accessor_storage);
+    }
+    set view(value) {
+      __privateSet(this, _view_accessor_storage, value);
+    }
+    get _sectors() {
+      return __privateGet(this, __sectors_accessor_storage);
+    }
+    set _sectors(value) {
+      __privateSet(this, __sectors_accessor_storage, value);
+    }
+    _readSectors(event) {
+      event?.stopPropagation();
+      this._sectors = Array.from(this.querySelectorAll?.("sbb-train-wagon,sbb-train-blocked-passage") ?? []).reduce((aggregatedSectors, item) => {
+        const currentAggregatedSector = aggregatedSectors[aggregatedSectors.length - 1];
+        if (item.localName === "sbb-train-wagon") {
+          const sectorAttribute = item.sector ?? item.getAttribute("sector");
+          if (!currentAggregatedSector.label && sectorAttribute) {
+            currentAggregatedSector.label = sectorAttribute;
+          }
+          if (!sectorAttribute || currentAggregatedSector.label === sectorAttribute) {
+            currentAggregatedSector.wagonCount++;
+          } else {
+            aggregatedSectors.push({
+              label: sectorAttribute,
+              wagonCount: 1,
+              blockedPassageCount: 0
+            });
+          }
+        } else if (item.localName === "sbb-train-blocked-passage") {
+          currentAggregatedSector.blockedPassageCount++;
+        }
+        return aggregatedSectors;
+      }, [{ wagonCount: 0, blockedPassageCount: 0 }]);
+    }
+    willUpdate(changedProperties) {
+      super.willUpdate(changedProperties);
+      if (changedProperties.has("listChildren")) {
+        this._readSectors();
+      }
+    }
+    render() {
+      return html`
+      <div class="sbb-train-formation">
+        ${this._sectors.length && this._sectors[0].label !== void 0 ? html`<div class="sbb-train-formation__sectors" aria-hidden="true">
+              ${this._sectors.map((aggregatedSector) => html`<span
+                    class="sbb-train-formation__sector"
+                    style=${styleMap({
+        "--sbb-train-formation-wagon-count": aggregatedSector.wagonCount,
+        "--sbb-train-formation-wagon-blocked-passage-count": aggregatedSector.blockedPassageCount
+      })}
+                  >
+                    <span class="sbb-train-formation__sector-sticky-wrapper">
+                      ${`${aggregatedSector.wagonCount === 1 && aggregatedSector.label ? i18nSectorShort[this._language.current] : i18nSector[this._language.current]} ${aggregatedSector.label ? aggregatedSector.label : ""}`}
+                    </span>
+                  </span>`)}
+            </div>` : nothing}
+
+        <div class="sbb-train-formation__trains">
+          ${this.renderList({
+        class: "sbb-train-formation__train-list",
+        ariaLabel: i18nTrains[this._language.current]
+      })}
+        </div>
+      </div>
+    `;
+    }
+  }, _view_accessor_storage = new WeakMap(), __sectors_accessor_storage = new WeakMap(), _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    _view_decorators = [property({ reflect: true })];
+    __sectors_decorators = [state()];
+    __esDecorate(_a, null, _view_decorators, { kind: "accessor", name: "view", static: false, private: false, access: { has: (obj) => "view" in obj, get: (obj) => obj.view, set: (obj, value) => {
+      obj.view = value;
+    } }, metadata: _metadata }, _view_initializers, _view_extraInitializers);
+    __esDecorate(_a, null, __sectors_decorators, { kind: "accessor", name: "_sectors", static: false, private: false, access: { has: (obj) => "_sectors" in obj, get: (obj) => obj._sectors, set: (obj, value) => {
+      obj._sectors = value;
+    } }, metadata: _metadata }, __sectors_initializers, __sectors_extraInitializers);
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.styles = [boxSizingStyles, style], __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbTrainFormationElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhaW4tZm9ybWF0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3RyYWluL3RyYWluLWZvcm1hdGlvbi90cmFpbi1mb3JtYXRpb24uY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHR5cGUgQ1NTUmVzdWx0R3JvdXAsXG4gIGh0bWwsXG4gIExpdEVsZW1lbnQsXG4gIG5vdGhpbmcsXG4gIHR5cGUgUHJvcGVydHlWYWx1ZXMsXG4gIHR5cGUgVGVtcGxhdGVSZXN1bHQsXG59IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSwgc3RhdGUgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBzdHlsZU1hcCB9IGZyb20gJ2xpdC9kaXJlY3RpdmVzL3N0eWxlLW1hcC5qcyc7XG5cbmltcG9ydCB7IFNiYkxhbmd1YWdlQ29udHJvbGxlciB9IGZyb20gJy4uLy4uL2NvcmUvY29udHJvbGxlcnMudHMnO1xuaW1wb3J0IHsgaTE4blNlY3RvciwgaTE4blNlY3RvclNob3J0LCBpMThuVHJhaW5zIH0gZnJvbSAnLi4vLi4vY29yZS9pMThuLnRzJztcbmltcG9ydCB7IFNiYk5hbWVkU2xvdExpc3RNaXhpbiwgdHlwZSBXaXRoTGlzdENoaWxkcmVuIH0gZnJvbSAnLi4vLi4vY29yZS9taXhpbnMudHMnO1xuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnLi4vLi4vY29yZS9zdHlsZXMudHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJUcmFpbkJsb2NrZWRQYXNzYWdlRWxlbWVudCB9IGZyb20gJy4uL3RyYWluLWJsb2NrZWQtcGFzc2FnZS50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYlRyYWluV2Fnb25FbGVtZW50IH0gZnJvbSAnLi4vdHJhaW4td2Fnb24udHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJUcmFpbkVsZW1lbnQgfSBmcm9tICcuLi90cmFpbi50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3RyYWluLWZvcm1hdGlvbi5zY3NzP2xpdCZpbmxpbmUnO1xuXG5pbnRlcmZhY2UgQWdncmVnYXRlZFNlY3RvciB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIHdhZ29uQ291bnQ6IG51bWJlcjtcbiAgYmxvY2tlZFBhc3NhZ2VDb3VudDogbnVtYmVyO1xufVxuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGEgdHJhaW4gY29tcG9zaXRpb24sIGFjdGluZyBhcyBhIGNvbnRhaW5lciBmb3Igb25lIG9yIG1vcmUgYHNiYi10cmFpbmAgY29tcG9uZW50LlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkICdzYmItdHJhaW4nIGVsZW1lbnRzIHRvIHRoZSBgc2JiLXRyYWluLWZvcm1hdGlvbmAuXG4gKiBAY3NzcHJvcCBbLS1zYmItdHJhaW4tZm9ybWF0aW9uLXBhZGRpbmctaW5saW5lPTBweF0gLSBEZWZpbmVzIHRoZSBpbmxpbmUgcGFkZGluZyBpbnNpZGUgdGhlIGhvcml6b250YWwgc2Nyb2xsaW5nIGFyZWEuXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi10cmFpbi1mb3JtYXRpb24nKVxuY2xhc3MgU2JiVHJhaW5Gb3JtYXRpb25FbGVtZW50IGV4dGVuZHMgU2JiTmFtZWRTbG90TGlzdE1peGluPFNiYlRyYWluRWxlbWVudCwgdHlwZW9mIExpdEVsZW1lbnQ+KFxuICBMaXRFbGVtZW50LFxuKSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtib3hTaXppbmdTdHlsZXMsIHN0eWxlXTtcbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlYWRvbmx5IGxpc3RDaGlsZExvY2FsTmFtZXMgPSBbJ3NiYi10cmFpbiddO1xuXG4gIC8qKiBXaGV0aGVyIHRoZSB2aWV3IG9mIHRoZSB3YWdvbnMgaXMgZnJvbSBzaWRlIG9yIHRvcCBwZXJzcGVjdGl2ZS4gKi9cbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSB9KSBwdWJsaWMgYWNjZXNzb3IgdmlldzogJ3NpZGUnIHwgJ3RvcCcgPSAnc2lkZSc7XG5cbiAgQHN0YXRlKCkgcHJpdmF0ZSBhY2Nlc3NvciBfc2VjdG9yczogQWdncmVnYXRlZFNlY3RvcltdID0gW107XG5cbiAgcHJpdmF0ZSBfbGFuZ3VhZ2UgPSBuZXcgU2JiTGFuZ3VhZ2VDb250cm9sbGVyKHRoaXMpO1xuXG4gIHB1YmxpYyBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIHRoaXMuYWRkRXZlbnRMaXN0ZW5lcj8uKCd0cmFpbnNsb3RjaGFuZ2UnLCAoZSkgPT4gdGhpcy5fcmVhZFNlY3RvcnMoZSkpO1xuICAgIHRoaXMuYWRkRXZlbnRMaXN0ZW5lcj8uKCdzZWN0b3JjaGFuZ2UnLCAoZSkgPT4gdGhpcy5fcmVhZFNlY3RvcnMoZSkpO1xuICB9XG5cbiAgcHJpdmF0ZSBfcmVhZFNlY3RvcnMoZXZlbnQ/OiBFdmVudCk6IHZvaWQge1xuICAgIC8vIEtlZXAgdGhlIGV2ZW50IGludGVybmFsLlxuICAgIGV2ZW50Py5zdG9wUHJvcGFnYXRpb24oKTtcblxuICAgIHRoaXMuX3NlY3RvcnMgPSBBcnJheS5mcm9tKFxuICAgICAgdGhpcy5xdWVyeVNlbGVjdG9yQWxsPy48U2JiVHJhaW5XYWdvbkVsZW1lbnQgfCBTYmJUcmFpbkJsb2NrZWRQYXNzYWdlRWxlbWVudD4oXG4gICAgICAgICdzYmItdHJhaW4td2Fnb24sc2JiLXRyYWluLWJsb2NrZWQtcGFzc2FnZScsXG4gICAgICApID8/IFtdLFxuICAgICkucmVkdWNlKFxuICAgICAgKFxuICAgICAgICBhZ2dyZWdhdGVkU2VjdG9yczogQWdncmVnYXRlZFNlY3RvcltdLFxuICAgICAgICBpdGVtOiBTYmJUcmFpbldhZ29uRWxlbWVudCB8IFNiYlRyYWluQmxvY2tlZFBhc3NhZ2VFbGVtZW50LFxuICAgICAgKSA9PiB7XG4gICAgICAgIGNvbnN0IGN1cnJlbnRBZ2dyZWdhdGVkU2VjdG9yID0gYWdncmVnYXRlZFNlY3RvcnNbYWdncmVnYXRlZFNlY3RvcnMubGVuZ3RoIC0gMV07XG5cbiAgICAgICAgaWYgKGl0ZW0ubG9jYWxOYW1lID09PSAnc2JiLXRyYWluLXdhZ29uJykge1xuICAgICAgICAgIGNvbnN0IHNlY3RvckF0dHJpYnV0ZSA9XG4gICAgICAgICAgICAoaXRlbSBhcyBTYmJUcmFpbldhZ29uRWxlbWVudCkuc2VjdG9yID8/IGl0ZW0uZ2V0QXR0cmlidXRlKCdzZWN0b3InKTtcblxuICAgICAgICAgIGlmICghY3VycmVudEFnZ3JlZ2F0ZWRTZWN0b3IubGFiZWwgJiYgc2VjdG9yQXR0cmlidXRlKSB7XG4gICAgICAgICAgICBjdXJyZW50QWdncmVnYXRlZFNlY3Rvci5sYWJlbCA9IHNlY3RvckF0dHJpYnV0ZTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICBpZiAoIXNlY3RvckF0dHJpYnV0ZSB8fCBjdXJyZW50QWdncmVnYXRlZFNlY3Rvci5sYWJlbCA9PT0gc2VjdG9yQXR0cmlidXRlKSB7XG4gICAgICAgICAgICBjdXJyZW50QWdncmVnYXRlZFNlY3Rvci53YWdvbkNvdW50Kys7XG4gICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIGFnZ3JlZ2F0ZWRTZWN0b3JzLnB1c2goe1xuICAgICAgICAgICAgICBsYWJlbDogc2VjdG9yQXR0cmlidXRlLFxuICAgICAgICAgICAgICB3YWdvbkNvdW50OiAxLFxuICAgICAgICAgICAgICBibG9ja2VkUGFzc2FnZUNvdW50OiAwLFxuICAgICAgICAgICAgfSk7XG4gICAgICAgICAgfVxuICAgICAgICB9IGVsc2UgaWYgKGl0ZW0ubG9jYWxOYW1lID09PSAnc2JiLXRyYWluLWJsb2NrZWQtcGFzc2FnZScpIHtcbiAgICAgICAgICBjdXJyZW50QWdncmVnYXRlZFNlY3Rvci5ibG9ja2VkUGFzc2FnZUNvdW50Kys7XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gYWdncmVnYXRlZFNlY3RvcnM7XG4gICAgICB9LFxuICAgICAgW3sgd2Fnb25Db3VudDogMCwgYmxvY2tlZFBhc3NhZ2VDb3VudDogMCB9IGFzIEFnZ3JlZ2F0ZWRTZWN0b3JdLFxuICAgICk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgd2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8V2l0aExpc3RDaGlsZHJlbjx0aGlzPj4pOiB2b2lkIHtcbiAgICBzdXBlci53aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzKTtcblxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ2xpc3RDaGlsZHJlbicpKSB7XG4gICAgICB0aGlzLl9yZWFkU2VjdG9ycygpO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi10cmFpbi1mb3JtYXRpb25cIj5cbiAgICAgICAgJHt0aGlzLl9zZWN0b3JzLmxlbmd0aCAmJiB0aGlzLl9zZWN0b3JzWzBdLmxhYmVsICE9PSB1bmRlZmluZWRcbiAgICAgICAgICA/IGh0bWxgPGRpdiBjbGFzcz1cInNiYi10cmFpbi1mb3JtYXRpb25fX3NlY3RvcnNcIiBhcmlhLWhpZGRlbj1cInRydWVcIj5cbiAgICAgICAgICAgICAgJHt0aGlzLl9zZWN0b3JzLm1hcChcbiAgICAgICAgICAgICAgICAoYWdncmVnYXRlZFNlY3RvcikgPT5cbiAgICAgICAgICAgICAgICAgIGh0bWxgPHNwYW5cbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJzYmItdHJhaW4tZm9ybWF0aW9uX19zZWN0b3JcIlxuICAgICAgICAgICAgICAgICAgICBzdHlsZT0ke3N0eWxlTWFwKHtcbiAgICAgICAgICAgICAgICAgICAgICAnLS1zYmItdHJhaW4tZm9ybWF0aW9uLXdhZ29uLWNvdW50JzogYWdncmVnYXRlZFNlY3Rvci53YWdvbkNvdW50LFxuICAgICAgICAgICAgICAgICAgICAgICctLXNiYi10cmFpbi1mb3JtYXRpb24td2Fnb24tYmxvY2tlZC1wYXNzYWdlLWNvdW50JzpcbiAgICAgICAgICAgICAgICAgICAgICAgIGFnZ3JlZ2F0ZWRTZWN0b3IuYmxvY2tlZFBhc3NhZ2VDb3VudCxcbiAgICAgICAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXRyYWluLWZvcm1hdGlvbl9fc2VjdG9yLXN0aWNreS13cmFwcGVyXCI+XG4gICAgICAgICAgICAgICAgICAgICAgJHtgJHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGFnZ3JlZ2F0ZWRTZWN0b3Iud2Fnb25Db3VudCA9PT0gMSAmJiBhZ2dyZWdhdGVkU2VjdG9yLmxhYmVsXG4gICAgICAgICAgICAgICAgICAgICAgICAgID8gaTE4blNlY3RvclNob3J0W3RoaXMuX2xhbmd1YWdlLmN1cnJlbnRdXG4gICAgICAgICAgICAgICAgICAgICAgICAgIDogaTE4blNlY3Rvclt0aGlzLl9sYW5ndWFnZS5jdXJyZW50XVxuICAgICAgICAgICAgICAgICAgICAgIH0gJHthZ2dyZWdhdGVkU2VjdG9yLmxhYmVsID8gYWdncmVnYXRlZFNlY3Rvci5sYWJlbCA6ICcnfWB9XG4gICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgIDwvc3Bhbj5gLFxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9kaXY+YFxuICAgICAgICAgIDogbm90aGluZ31cblxuICAgICAgICA8ZGl2IGNsYXNzPVwic2JiLXRyYWluLWZvcm1hdGlvbl9fdHJhaW5zXCI+XG4gICAgICAgICAgJHt0aGlzLnJlbmRlckxpc3Qoe1xuICAgICAgICAgICAgY2xhc3M6ICdzYmItdHJhaW4tZm9ybWF0aW9uX190cmFpbi1saXN0JyxcbiAgICAgICAgICAgIGFyaWFMYWJlbDogaTE4blRyYWluc1t0aGlzLl9sYW5ndWFnZS5jdXJyZW50XSxcbiAgICAgICAgICB9KX1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItdHJhaW4tZm9ybWF0aW9uJzogU2JiVHJhaW5Gb3JtYXRpb25FbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQW1DTSw0QkFBd0IsTUFBQTs7MEJBRDdCLGNBQWMscUJBQXFCLENBQUM7Ozs7b0JBQ0Usc0JBQ3JDLFVBQVU7Ozs7Ozs7QUFEbUIsRUFBQSxtQkFBUSxZQUV0QztBQUFBLElBV0MsY0FBQTtBQUNFLFlBQUE7QUFQMkI7QUFFcEI7QUFMbUIsV0FBQSxzQkFBc0IsQ0FBQyxXQUFXO0FBR2pCLHlCQUFBLHdCQUFBLGtCQUFBLE1BQUEsb0JBQXVCLE1BQU07QUFFaEQseUJBQUEsNkJBQUEsa0JBQUEsTUFBQSx1QkFBQSxHQUFBLGtCQUFBLE1BQUEsd0JBQStCLENBQUEsQ0FBRTtBQUVuRCxXQUFBLG1FQUFZLElBQUksc0JBQXNCLElBQUk7QUFJaEQsV0FBSyxtQkFBbUIsbUJBQW1CLENBQUMsTUFBTSxLQUFLLGFBQWEsQ0FBQyxDQUFDO0FBQ3RFLFdBQUssbUJBQW1CLGdCQUFnQixDQUFDLE1BQU0sS0FBSyxhQUFhLENBQUMsQ0FBQztBQUFBLElBQ3JFO0FBQUE7QUFBQSxJQVY2QixJQUFnQixPQUFJO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElB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

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

@@ -0,0 +1,5 @@
+/**
+ * @entrypoint
+ */
+export * from './train-formation/train-formation.component.ts';
+//# sourceMappingURL=train-formation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"train-formation.d.ts","sourceRoot":"","sources":["../../../../src/elements/train/train-formation.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,gDAAgD,CAAC"}

package/development/train/train-formation.js

@@ -0,0 +1,5 @@
+import { SbbTrainFormationElement } from "./train-formation/train-formation.component.js";
+export {
+  SbbTrainFormationElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhaW4tZm9ybWF0aW9uLmpzIiwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjsifQ==

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

@@ -0,0 +1,44 @@
+import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
+import { SbbOccupancy } from '../../core/interfaces.ts';
+import { SbbIconElement } from '../../icon.ts';
+declare const SbbTrainWagonElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbNamedSlotListMixinType<SbbIconElement>> & typeof LitElement;
+/**
+ * It displays a train compartment within a `sbb-train` component.
+ *
+ * @slot - Use the unnamed slot to add one or more `sbb-icon` for meta-information of the `sbb-train-wagon`.
+ */
+export declare class SbbTrainWagonElement extends SbbTrainWagonElement_base {
+    static styles: CSSResultGroup;
+    static readonly events: {
+        readonly sectorchange: "sectorchange";
+    };
+    /**
+     * Wagon type.
+     * For `wagon-end-left` and `wagon-end-right`, please set the corresponding value of the `blockedPassage` property.
+     */
+    accessor type: 'wagon' | 'wagon-end-left' | 'wagon-end-right' | 'couchette' | 'sleeping' | 'restaurant' | 'locomotive' | 'closed';
+    protected readonly listChildLocalNames: string[];
+    /** Occupancy of a wagon. */
+    accessor occupancy: SbbOccupancy | null;
+    /** Sector in which the wagon stops. */
+    accessor sector: string;
+    /** Accessibility text for blocked passages of the wagon. */
+    accessor blockedPassage: 'previous' | 'next' | 'both' | 'none';
+    /** Class label */
+    accessor wagonClass: '1' | '2' | null;
+    /** Wagon number */
+    accessor label: string;
+    /** Additional accessibility text which will be appended to the end. */
+    accessor additionalAccessibilityText: string;
+    private _language;
+    private _sectorChanged;
+    private _typeLabel;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-train-wagon': SbbTrainWagonElement;
+    }
+}
+export {};
+//# sourceMappingURL=train-wagon.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"train-wagon.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/train/train-wagon/train-wagon.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,UAAU,EAAW,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAoBpF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAG7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAIpD,OAAO,eAAe,CAAC;AACvB,OAAO,mCAAmC,CAAC;;AAQ3C;;;;GAIG;AACH,qBAEM,oBAAqB,SAAQ,yBAElC;IACC,OAAuB,MAAM,EAAE,cAAc,CAA4B;IACzE,gBAAuB,MAAM;;MAElB;IAEX;;;OAGG;IACH,SAA6C,IAAI,EAC7C,OAAO,GACP,gBAAgB,GAChB,iBAAiB,GACjB,WAAW,GACX,UAAU,GACV,YAAY,GACZ,YAAY,GACZ,QAAQ,CAAW;IAEvB,mBAA4B,mBAAmB,WAAgB;IAE/D,4BAA4B;IAC5B,SAA4B,SAAS,EAAE,YAAY,GAAG,IAAI,CAAQ;IAElE,uCAAuC;IACvC,SAGgB,MAAM,EAAE,MAAM,CAAM;IAEpC,4DAA4D;IAC5D,SACgB,cAAc,EAAE,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAU;IAE/E,kBAAkB;IAClB,SAAwD,UAAU,EAAE,GAAG,GAAG,GAAG,GAAG,IAAI,CAAQ;IAE5F,mBAAmB;IACnB,SAEgB,KAAK,EAAE,MAAM,CAAM;IAEnC,uEAAuE;IACvE,SAEgB,2BAA2B,EAAE,MAAM,CAAM;IAEzD,OAAO,CAAC,SAAS,CAAmC;IAEpD,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,UAAU;cAeC,MAAM,IAAI,cAAc;CA2G5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}