@sbb-esta/lyne-elements 2.8.0 → 2.10.0

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

@@ -0,0 +1,273 @@
+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 { SbbLanguageController } from "../../core/controllers.js";
+import { i18nSectorShort, i18nSector, i18nTrains } from "../../core/i18n.js";
+import { SbbNamedSlotListMixin } from "../../core/mixins.js";
+const style = css`*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  display: block;
+  --sbb-train-formation-sector-line-color: var(--sbb-color-cement);
+  --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-charcoal);
+  --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: 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(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-font-size-text-xs);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: normal;
+  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);
+  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() {
+      var _a2, _b;
+      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));
+      (_a2 = this.addEventListener) == null ? void 0 : _a2.call(this, "trainSlotChange", (e) => this._readSectors(e));
+      (_b = this.addEventListener) == null ? void 0 : _b.call(this, "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) {
+      var _a2;
+      event == null ? void 0 : event.stopPropagation();
+      this._sectors = Array.from(((_a2 = this.querySelectorAll) == null ? void 0 : _a2.call(this, "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="
+                --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 = style, __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbTrainFormationElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhaW4tZm9ybWF0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3RyYWluL3RyYWluLWZvcm1hdGlvbi90cmFpbi1mb3JtYXRpb24uY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHR5cGUgQ1NTUmVzdWx0R3JvdXAsXG4gIGh0bWwsXG4gIExpdEVsZW1lbnQsXG4gIG5vdGhpbmcsXG4gIHR5cGUgUHJvcGVydHlWYWx1ZXMsXG4gIHR5cGUgVGVtcGxhdGVSZXN1bHQsXG59IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSwgc3RhdGUgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IFNiYkxhbmd1YWdlQ29udHJvbGxlciB9IGZyb20gJy4uLy4uL2NvcmUvY29udHJvbGxlcnMuanMnO1xuaW1wb3J0IHsgaTE4blNlY3RvciwgaTE4blNlY3RvclNob3J0LCBpMThuVHJhaW5zIH0gZnJvbSAnLi4vLi4vY29yZS9pMThuLmpzJztcbmltcG9ydCB7IFNiYk5hbWVkU2xvdExpc3RNaXhpbiwgdHlwZSBXaXRoTGlzdENoaWxkcmVuIH0gZnJvbSAnLi4vLi4vY29yZS9taXhpbnMuanMnO1xuaW1wb3J0IHR5cGUgeyBTYmJUcmFpbkJsb2NrZWRQYXNzYWdlRWxlbWVudCB9IGZyb20gJy4uL3RyYWluLWJsb2NrZWQtcGFzc2FnZS5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYlRyYWluV2Fnb25FbGVtZW50IH0gZnJvbSAnLi4vdHJhaW4td2Fnb24uanMnO1xuaW1wb3J0IHR5cGUgeyBTYmJUcmFpbkVsZW1lbnQgfSBmcm9tICcuLi90cmFpbi5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3RyYWluLWZvcm1hdGlvbi5zY3NzP2xpdCZpbmxpbmUnO1xuXG5pbnRlcmZhY2UgQWdncmVnYXRlZFNlY3RvciB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIHdhZ29uQ291bnQ6IG51bWJlcjtcbiAgYmxvY2tlZFBhc3NhZ2VDb3VudDogbnVtYmVyO1xufVxuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGEgdHJhaW4gY29tcG9zaXRpb24sIGFjdGluZyBhcyBhIGNvbnRhaW5lciBmb3Igb25lIG9yIG1vcmUgYHNiYi10cmFpbmAgY29tcG9uZW50LlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkICdzYmItdHJhaW4nIGVsZW1lbnRzIHRvIHRoZSBgc2JiLXRyYWluLWZvcm1hdGlvbmAuXG4gKiBAY3NzcHJvcCBbLS1zYmItdHJhaW4tZm9ybWF0aW9uLXBhZGRpbmctaW5saW5lPTBweF0gLSBEZWZpbmVzIHRoZSBpbmxpbmUgcGFkZGluZyBpbnNpZGUgdGhlIGhvcml6b250YWwgc2Nyb2xsaW5nIGFyZWEuXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi10cmFpbi1mb3JtYXRpb24nKVxuY2xhc3MgU2JiVHJhaW5Gb3JtYXRpb25FbGVtZW50IGV4dGVuZHMgU2JiTmFtZWRTbG90TGlzdE1peGluPFNiYlRyYWluRWxlbWVudCwgdHlwZW9mIExpdEVsZW1lbnQ+KFxuICBMaXRFbGVtZW50LFxuKSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVhZG9ubHkgbGlzdENoaWxkTG9jYWxOYW1lcyA9IFsnc2JiLXRyYWluJ107XG5cbiAgLyoqIFdoZXRoZXIgdGhlIHZpZXcgb2YgdGhlIHdhZ29ucyBpcyBmcm9tIHNpZGUgb3IgdG9wIHBlcnNwZWN0aXZlLiAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBhY2Nlc3NvciB2aWV3OiAnc2lkZScgfCAndG9wJyA9ICdzaWRlJztcblxuICBAc3RhdGUoKSBwcml2YXRlIGFjY2Vzc29yIF9zZWN0b3JzOiBBZ2dyZWdhdGVkU2VjdG9yW10gPSBbXTtcblxuICBwcml2YXRlIF9sYW5ndWFnZSA9IG5ldyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIodGhpcyk7XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgdGhpcy5hZGRFdmVudExpc3RlbmVyPy4oJ3RyYWluU2xvdENoYW5nZScsIChlKSA9PiB0aGlzLl9yZWFkU2VjdG9ycyhlKSk7XG4gICAgdGhpcy5hZGRFdmVudExpc3RlbmVyPy4oJ3NlY3RvckNoYW5nZScsIChlKSA9PiB0aGlzLl9yZWFkU2VjdG9ycyhlKSk7XG4gIH1cblxuICBwcml2YXRlIF9yZWFkU2VjdG9ycyhldmVudD86IEV2ZW50KTogdm9pZCB7XG4gICAgLy8gS2VlcCB0aGUgZXZlbnQgaW50ZXJuYWwuXG4gICAgZXZlbnQ/LnN0b3BQcm9wYWdhdGlvbigpO1xuXG4gICAgdGhpcy5fc2VjdG9ycyA9IEFycmF5LmZyb20oXG4gICAgICB0aGlzLnF1ZXJ5U2VsZWN0b3JBbGw/LjxTYmJUcmFpbldhZ29uRWxlbWVudCB8IFNiYlRyYWluQmxvY2tlZFBhc3NhZ2VFbGVtZW50PihcbiAgICAgICAgJ3NiYi10cmFpbi13YWdvbixzYmItdHJhaW4tYmxvY2tlZC1wYXNzYWdlJyxcbiAgICAgICkgPz8gW10sXG4gICAgKS5yZWR1Y2UoXG4gICAgICAoXG4gICAgICAgIGFnZ3JlZ2F0ZWRTZWN0b3JzOiBBZ2dyZWdhdGVkU2VjdG9yW10sXG4gICAgICAgIGl0ZW06IFNiYlRyYWluV2Fnb25FbGVtZW50IHwgU2JiVHJhaW5CbG9ja2VkUGFzc2FnZUVsZW1lbnQsXG4gICAgICApID0+IHtcbiAgICAgICAgY29uc3QgY3VycmVudEFnZ3JlZ2F0ZWRTZWN0b3IgPSBhZ2dyZWdhdGVkU2VjdG9yc1thZ2dyZWdhdGVkU2VjdG9ycy5sZW5ndGggLSAxXTtcblxuICAgICAgICBpZiAoaXRlbS5sb2NhbE5hbWUgPT09ICdzYmItdHJhaW4td2Fnb24nKSB7XG4gICAgICAgICAgY29uc3Qgc2VjdG9yQXR0cmlidXRlID1cbiAgICAgICAgICAgIChpdGVtIGFzIFNiYlRyYWluV2Fnb25FbGVtZW50KS5zZWN0b3IgPz8gaXRlbS5nZXRBdHRyaWJ1dGUoJ3NlY3RvcicpO1xuXG4gICAgICAgICAgaWYgKCFjdXJyZW50QWdncmVnYXRlZFNlY3Rvci5sYWJlbCAmJiBzZWN0b3JBdHRyaWJ1dGUpIHtcbiAgICAgICAgICAgIGN1cnJlbnRBZ2dyZWdhdGVkU2VjdG9yLmxhYmVsID0gc2VjdG9yQXR0cmlidXRlO1xuICAgICAgICAgIH1cblxuICAgICAgICAgIGlmICghc2VjdG9yQXR0cmlidXRlIHx8IGN1cnJlbnRBZ2dyZWdhdGVkU2VjdG9yLmxhYmVsID09PSBzZWN0b3JBdHRyaWJ1dGUpIHtcbiAgICAgICAgICAgIGN1cnJlbnRBZ2dyZWdhdGVkU2VjdG9yLndhZ29uQ291bnQrKztcbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgYWdncmVnYXRlZFNlY3RvcnMucHVzaCh7XG4gICAgICAgICAgICAgIGxhYmVsOiBzZWN0b3JBdHRyaWJ1dGUsXG4gICAgICAgICAgICAgIHdhZ29uQ291bnQ6IDEsXG4gICAgICAgICAgICAgIGJsb2NrZWRQYXNzYWdlQ291bnQ6IDAsXG4gICAgICAgICAgICB9KTtcbiAgICAgICAgICB9XG4gICAgICAgIH0gZWxzZSBpZiAoaXRlbS5sb2NhbE5hbWUgPT09ICdzYmItdHJhaW4tYmxvY2tlZC1wYXNzYWdlJykge1xuICAgICAgICAgIGN1cnJlbnRBZ2dyZWdhdGVkU2VjdG9yLmJsb2NrZWRQYXNzYWdlQ291bnQrKztcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiBhZ2dyZWdhdGVkU2VjdG9ycztcbiAgICAgIH0sXG4gICAgICBbeyB3YWdvbkNvdW50OiAwLCBibG9ja2VkUGFzc2FnZUNvdW50OiAwIH0gYXMgQWdncmVnYXRlZFNlY3Rvcl0sXG4gICAgKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSB3aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczxXaXRoTGlzdENoaWxkcmVuPHRoaXM+Pik6IHZvaWQge1xuICAgIHN1cGVyLndpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXMpO1xuXG4gICAgaWYgKGNoYW5nZWRQcm9wZXJ0aWVzLmhhcygnbGlzdENoaWxkcmVuJykpIHtcbiAgICAgIHRoaXMuX3JlYWRTZWN0b3JzKCk7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8ZGl2IGNsYXNzPVwic2JiLXRyYWluLWZvcm1hdGlvblwiPlxuICAgICAgICAke3RoaXMuX3NlY3RvcnMubGVuZ3RoICYmIHRoaXMuX3NlY3RvcnNbMF0ubGFiZWwgIT09IHVuZGVmaW5lZFxuICAgICAgICAgID8gaHRtbGA8ZGl2IGNsYXNzPVwic2JiLXRyYWluLWZvcm1hdGlvbl9fc2VjdG9yc1wiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPlxuICAgICAgICAgICAgICAke3RoaXMuX3NlY3RvcnMubWFwKFxuICAgICAgICAgICAgICAgIChhZ2dyZWdhdGVkU2VjdG9yKSA9PlxuICAgICAgICAgICAgICAgICAgaHRtbGA8c3BhblxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInNiYi10cmFpbi1mb3JtYXRpb25fX3NlY3RvclwiXG4gICAgICAgICAgICAgICAgICAgIHN0eWxlPVwiXG4gICAgICAgICAgICAgICAgLS1zYmItdHJhaW4tZm9ybWF0aW9uLXdhZ29uLWNvdW50OiAke2FnZ3JlZ2F0ZWRTZWN0b3Iud2Fnb25Db3VudH07XG4gICAgICAgICAgICAgICAgLS1zYmItdHJhaW4tZm9ybWF0aW9uLXdhZ29uLWJsb2NrZWQtcGFzc2FnZS1jb3VudDogJHthZ2dyZWdhdGVkU2VjdG9yLmJsb2NrZWRQYXNzYWdlQ291bnR9XCJcbiAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItdHJhaW4tZm9ybWF0aW9uX19zZWN0b3Itc3RpY2t5LXdyYXBwZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgICAke2Ake1xuICAgICAgICAgICAgICAgICAgICAgICAgYWdncmVnYXRlZFNlY3Rvci53YWdvbkNvdW50ID09PSAxICYmIGFnZ3JlZ2F0ZWRTZWN0b3IubGFiZWxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgPyBpMThuU2VjdG9yU2hvcnRbdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgOiBpMThuU2VjdG9yW3RoaXMuX2xhbmd1YWdlLmN1cnJlbnRdXG4gICAgICAgICAgICAgICAgICAgICAgfSAke2FnZ3JlZ2F0ZWRTZWN0b3IubGFiZWwgPyBhZ2dyZWdhdGVkU2VjdG9yLmxhYmVsIDogJyd9YH1cbiAgICAgICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgICAgICAgPC9zcGFuPmAsXG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L2Rpdj5gXG4gICAgICAgICAgOiBub3RoaW5nfVxuXG4gICAgICAgIDxkaXYgY2xhc3M9XCJzYmItdHJhaW4tZm9ybWF0aW9uX190cmFpbnNcIj5cbiAgICAgICAgICAke3RoaXMucmVuZGVyTGlzdCh7XG4gICAgICAgICAgICBjbGFzczogJ3NiYi10cmFpbi1mb3JtYXRpb25fX3RyYWluLWxpc3QnLFxuICAgICAgICAgICAgYXJpYUxhYmVsOiBpMThuVHJhaW5zW3RoaXMuX2xhbmd1YWdlLmN1cnJlbnRdLFxuICAgICAgICAgIH0pfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi10cmFpbi1mb3JtYXRpb24nOiBTYmJUcmFpbkZvcm1hdGlvbkVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6WyJfYSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUFpQ00sNEJBQXdCLE1BQUE7OzBCQUQ3QixjQUFjLHFCQUFxQixDQUFDOzs7O29CQUNFLHNCQUNyQyxVQUFVOzs7Ozs7O0FBRG1CLEVBQUEsbUJBQVEsWUFFdEM7QUFBQSxJQVdDLGNBQUE7OztBQU42QjtBQUVwQjtBQUxtQixXQUFBLHNCQUFzQixDQUFDLFdBQVc7QUFHakIseUJBQUEsd0JBQUEsa0JBQUEsTUFBQSxvQkFBdUIsTUFBTTtBQUVoRCx5QkFBQSw2QkFBQSxrQkFBQSxNQUFBLHVCQUFBLEdBQUEsa0JBQUEsTUFBQSx3QkFBK0IsQ0FBQSxDQUFFO0FBRW5ELFdBQUEsbUVBQVksSUFBSSxzQkFBc0IsSUFBSTtBQUloRCxPQUFBQSxNQUFBLEtBQUsscUJBQUwsZ0JBQUFBLElBQUEsV0FBd0IsbUJBQW1CLENBQUMsTUFBTSxLQUFLLGFBQWEsQ0FBQztBQUNyRSxpQkFBSyxxQkFBTCw4QkFBd0IsZ0JBQWdCLENBQUMsTUFBTSxLQUFLLGFBQWEsQ0FBQztBQUFBLElBQUM7QUFBQTtBQUFBLElBVHhDLElBQWdCLE9BQThCO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElBQUE7QUFBQSxJQUE5QyxJQUFnQixLQUE4QixPQUFBO0FBQUEseUJBQUEsd0JBQUE7QUFBQSxJQUFBO0FBQUEsSUFFbEUsSUFBaUIsV0FBa0M7QUFBQSxhQUFBLG1CQUFBO0FBQUEsSUFBQTtBQUFBLElBQW5ELElBQWlCLFNBQWtDLE9BQUE7QUFBQSx5QkFBQSw0QkFBQTtBQUFBLElBQUE7QUFBQSxJQVVwRCxhQUFhLE9BQWE7O0FBRWhD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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"train-formation.d.ts","sourceRoot":"","sources":["../../../../src/elements/train/train-formation.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,sCAAsC,CAAC"}
+{"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

@@ -1,4 +1,4 @@
-import { SbbTrainFormationElement } from "./train-formation/train-formation.js";
+import { SbbTrainFormationElement } from "./train-formation/train-formation.component.js";
 export {
   SbbTrainFormationElement
 };

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

@@ -0,0 +1,49 @@
+import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
+import { SbbOccupancy } from '../../core/interfaces.js';
+import { SbbIconElement } from '../../icon.js';
+declare const SbbTrainWagonElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').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;
+    /**
+     * @internal
+     * Emits whenever the sector value changes.
+     */
+    private _sectorChange;
+    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;AAqBpF,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;;AAQ3C;;;;GAIG;AACH,qBAEM,oBAAqB,SAAQ,yBAElC;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,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;;;OAGG;IACH,OAAO,CAAC,aAAa,CAOnB;IAEF,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,UAAU;cAeC,MAAM,IAAI,cAAc;CA2G5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}