@sbb-esta/lyne-elements 2.6.0 → 2.7.0

package/development/train/train/train.js

@@ -0,0 +1,245 @@
+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 { __runInitializers, __esDecorate } from "tslib";
+import { css, LitElement, nothing } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { unsafeStatic, html } from "lit/static-html.js";
+import { SbbLanguageController } from "../../core/controllers.js";
+import { forceType, omitEmptyConverter } from "../../core/decorators.js";
+import { EventEmitter } from "../../core/eventing.js";
+import { i18nTrain, i18nWagonsLabel } from "../../core/i18n.js";
+import { SbbNamedSlotListMixin } from "../../core/mixins.js";
+import "../../icon.js";
+const style = css`*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  display: block;
+  --sbb-train-direction-label-spacing: var(--sbb-spacing-fixed-1x);
+}
+
+.sbb-train {
+  --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);
+  display: flex;
+  flex-direction: column;
+  gap: var(--sbb-train-formation-vertical-gap);
+  position: relative;
+}
+.sbb-train::before {
+  content: "";
+  display: var(--sbb-train-formation-reserve-spacing-display, none);
+  height: max(var(--sbb-size-icon-ui-small), 1em * var(--sbb-typo-line-height-body-text));
+}
+
+.sbb-train__wagons {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  font-size: inherit;
+  display: flex;
+  gap: var(--sbb-train-formation-wagon-gap);
+}
+
+.sbb-train__direction-heading {
+  display: flex;
+  position: absolute;
+  width: 100%;
+}
+
+.sbb-train__direction-sticky-wrapper {
+  position: sticky;
+  inset-inline-start: 0;
+  display: inline-flex;
+  align-items: center;
+  gap: var(--sbb-train-direction-label-spacing);
+  max-width: 100%;
+}
+
+.sbb-train__direction-label {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.sbb-train__direction-label-sr {
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}`;
+let SbbTrainElement = (() => {
+  var _directionLabel_accessor_storage, _directionLabelLevel_accessor_storage, _station_accessor_storage, _accessibilityLabel_accessor_storage, _direction_accessor_storage, _a;
+  let _classDecorators = [customElement("sbb-train")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbNamedSlotListMixin(LitElement);
+  let _directionLabel_decorators;
+  let _directionLabel_initializers = [];
+  let _directionLabel_extraInitializers = [];
+  let _directionLabelLevel_decorators;
+  let _directionLabelLevel_initializers = [];
+  let _directionLabelLevel_extraInitializers = [];
+  let _station_decorators;
+  let _station_initializers = [];
+  let _station_extraInitializers = [];
+  let _accessibilityLabel_decorators;
+  let _accessibilityLabel_initializers = [];
+  let _accessibilityLabel_extraInitializers = [];
+  let _direction_decorators;
+  let _direction_initializers = [];
+  let _direction_extraInitializers = [];
+  var SbbTrainElement2 = (_a = class extends _classSuper {
+    constructor() {
+      super(...arguments);
+      __privateAdd(this, _directionLabel_accessor_storage);
+      __privateAdd(this, _directionLabelLevel_accessor_storage);
+      __privateAdd(this, _station_accessor_storage);
+      __privateAdd(this, _accessibilityLabel_accessor_storage);
+      __privateAdd(this, _direction_accessor_storage);
+      this.listChildLocalNames = [
+        "sbb-train-wagon",
+        "sbb-train-blocked-passage"
+      ];
+      __privateSet(this, _directionLabel_accessor_storage, __runInitializers(this, _directionLabel_initializers, ""));
+      __privateSet(this, _directionLabelLevel_accessor_storage, (__runInitializers(this, _directionLabel_extraInitializers), __runInitializers(this, _directionLabelLevel_initializers, "6")));
+      __privateSet(this, _station_accessor_storage, (__runInitializers(this, _directionLabelLevel_extraInitializers), __runInitializers(this, _station_initializers, "")));
+      __privateSet(this, _accessibilityLabel_accessor_storage, (__runInitializers(this, _station_extraInitializers), __runInitializers(this, _accessibilityLabel_initializers, "")));
+      __privateSet(this, _direction_accessor_storage, (__runInitializers(this, _accessibilityLabel_extraInitializers), __runInitializers(this, _direction_initializers, "left")));
+      this._language = (__runInitializers(this, _direction_extraInitializers), new SbbLanguageController(this));
+      this._trainSlotChange = new EventEmitter(this, SbbTrainElement2.events.trainSlotChange, {
+        bubbles: true,
+        cancelable: true
+      });
+    }
+    /** General label for "driving direction". */
+    get directionLabel() {
+      return __privateGet(this, _directionLabel_accessor_storage);
+    }
+    set directionLabel(value) {
+      __privateSet(this, _directionLabel_accessor_storage, value);
+    }
+    /** Heading level of the direction label, used for screen readers. */
+    get directionLabelLevel() {
+      return __privateGet(this, _directionLabelLevel_accessor_storage);
+    }
+    set directionLabelLevel(value) {
+      __privateSet(this, _directionLabelLevel_accessor_storage, value);
+    }
+    /** Label for the destination station of the train. */
+    get station() {
+      return __privateGet(this, _station_accessor_storage);
+    }
+    set station(value) {
+      __privateSet(this, _station_accessor_storage, value);
+    }
+    /** Accessibility label for additional information regarding the leaving direction of the train. */
+    get accessibilityLabel() {
+      return __privateGet(this, _accessibilityLabel_accessor_storage);
+    }
+    set accessibilityLabel(value) {
+      __privateSet(this, _accessibilityLabel_accessor_storage, value);
+    }
+    /** Controls the direction indicator to show the arrow left or right. Default is left.  */
+    get direction() {
+      return __privateGet(this, _direction_accessor_storage);
+    }
+    set direction(value) {
+      __privateSet(this, _direction_accessor_storage, value);
+    }
+    /**
+     * Create the aria-label text out of the direction label, station and the accessibility label.
+     */
+    _getDirectionAriaLabel() {
+      const textParts = [i18nTrain[this._language.current]];
+      if (this.directionLabel && this.station) {
+        textParts.push(`${this.directionLabel} ${this.station}`);
+      }
+      if (this.accessibilityLabel) {
+        textParts.push(this.accessibilityLabel);
+      }
+      return `${textParts.join(", ")}.`;
+    }
+    willUpdate(changedProperties) {
+      super.willUpdate(changedProperties);
+      if (changedProperties.has("listChildren")) {
+        this._trainSlotChange.emit();
+      }
+    }
+    render() {
+      const TITLE_TAG_NAME = `h${this.directionLabelLevel}`;
+      return html`
+      <div class="sbb-train">
+        <${unsafeStatic(TITLE_TAG_NAME)} class="sbb-train__direction-label-sr">
+          ${this._getDirectionAriaLabel()}
+        </${unsafeStatic(TITLE_TAG_NAME)}>
+        ${this.directionLabel ? html`<div class="sbb-train__direction-heading" aria-hidden="true">
+                <span class="sbb-train__direction-sticky-wrapper">
+                  ${this.direction === "left" ? html`<sbb-icon name="chevron-small-left-small"></sbb-icon>` : nothing}
+
+                  <span class="sbb-train__direction-label">
+                    ${this.directionLabel} ${this.station}
+                  </span>
+
+                  ${this.direction === "right" ? html`<sbb-icon name="chevron-small-right-small"></sbb-icon>` : nothing}
+                </span>
+              </div>` : nothing}
+        ${this.renderList({
+        class: "sbb-train__wagons",
+        ariaLabel: i18nWagonsLabel[this._language.current]
+      })}
+      </div>
+    `;
+    }
+  }, _directionLabel_accessor_storage = new WeakMap(), _directionLabelLevel_accessor_storage = new WeakMap(), _station_accessor_storage = new WeakMap(), _accessibilityLabel_accessor_storage = new WeakMap(), _direction_accessor_storage = new WeakMap(), _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    _directionLabel_decorators = [forceType(), property({ attribute: "direction-label", reflect: true, converter: omitEmptyConverter })];
+    _directionLabelLevel_decorators = [property({ attribute: "direction-label-level" })];
+    _station_decorators = [forceType(), property()];
+    _accessibilityLabel_decorators = [forceType(), property({ attribute: "accessibility-label" })];
+    _direction_decorators = [property({ reflect: true })];
+    __esDecorate(_a, null, _directionLabel_decorators, { kind: "accessor", name: "directionLabel", static: false, private: false, access: { has: (obj) => "directionLabel" in obj, get: (obj) => obj.directionLabel, set: (obj, value) => {
+      obj.directionLabel = value;
+    } }, metadata: _metadata }, _directionLabel_initializers, _directionLabel_extraInitializers);
+    __esDecorate(_a, null, _directionLabelLevel_decorators, { kind: "accessor", name: "directionLabelLevel", static: false, private: false, access: { has: (obj) => "directionLabelLevel" in obj, get: (obj) => obj.directionLabelLevel, set: (obj, value) => {
+      obj.directionLabelLevel = value;
+    } }, metadata: _metadata }, _directionLabelLevel_initializers, _directionLabelLevel_extraInitializers);
+    __esDecorate(_a, null, _station_decorators, { kind: "accessor", name: "station", static: false, private: false, access: { has: (obj) => "station" in obj, get: (obj) => obj.station, set: (obj, value) => {
+      obj.station = value;
+    } }, metadata: _metadata }, _station_initializers, _station_extraInitializers);
+    __esDecorate(_a, null, _accessibilityLabel_decorators, { kind: "accessor", name: "accessibilityLabel", static: false, private: false, access: { has: (obj) => "accessibilityLabel" in obj, get: (obj) => obj.accessibilityLabel, set: (obj, value) => {
+      obj.accessibilityLabel = value;
+    } }, metadata: _metadata }, _accessibilityLabel_initializers, _accessibilityLabel_extraInitializers);
+    __esDecorate(_a, null, _direction_decorators, { kind: "accessor", name: "direction", static: false, private: false, access: { has: (obj) => "direction" in obj, get: (obj) => obj.direction, set: (obj, value) => {
+      obj.direction = value;
+    } }, metadata: _metadata }, _direction_initializers, _direction_extraInitializers);
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    SbbTrainElement2 = _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.styles = style, _a.events = {
+    trainSlotChange: "trainSlotChange"
+  }, __runInitializers(_classThis, _classExtraInitializers), _a);
+  return SbbTrainElement2 = _classThis;
+})();
+export {
+  SbbTrainElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhaW4uanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy90cmFpbi90cmFpbi90cmFpbi50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICB0eXBlIENTU1Jlc3VsdEdyb3VwLFxuICBMaXRFbGVtZW50LFxuICBub3RoaW5nLFxuICB0eXBlIFByb3BlcnR5VmFsdWVzLFxuICB0eXBlIFRlbXBsYXRlUmVzdWx0LFxufSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCwgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBodG1sLCB1bnNhZmVTdGF0aWMgfSBmcm9tICdsaXQvc3RhdGljLWh0bWwuanMnO1xuXG5pbXBvcnQgeyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIgfSBmcm9tICcuLi8uLi9jb3JlL2NvbnRyb2xsZXJzLmpzJztcbmltcG9ydCB7IGZvcmNlVHlwZSwgb21pdEVtcHR5Q29udmVydGVyIH0gZnJvbSAnLi4vLi4vY29yZS9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IEV2ZW50RW1pdHRlciB9IGZyb20gJy4uLy4uL2NvcmUvZXZlbnRpbmcuanMnO1xuaW1wb3J0IHsgaTE4blRyYWluLCBpMThuV2Fnb25zTGFiZWwgfSBmcm9tICcuLi8uLi9jb3JlL2kxOG4uanMnO1xuaW1wb3J0IHsgU2JiTmFtZWRTbG90TGlzdE1peGluLCB0eXBlIFdpdGhMaXN0Q2hpbGRyZW4gfSBmcm9tICcuLi8uLi9jb3JlL21peGlucy5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYlRpdGxlTGV2ZWwgfSBmcm9tICcuLi8uLi90aXRsZS5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYlRyYWluQmxvY2tlZFBhc3NhZ2VFbGVtZW50IH0gZnJvbSAnLi4vdHJhaW4tYmxvY2tlZC1wYXNzYWdlLmpzJztcbmltcG9ydCB0eXBlIHsgU2JiVHJhaW5XYWdvbkVsZW1lbnQgfSBmcm9tICcuLi90cmFpbi13YWdvbi5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3RyYWluLnNjc3M/bGl0JmlubGluZSc7XG5cbmltcG9ydCAnLi4vLi4vaWNvbi5qcyc7XG5cbi8qKlxuICogSXQgY2FuIGJlIHVzZWQgYXMgYSBjb250YWluZXIgZm9yIGBzYmItdHJhaW4td2Fnb25gIG9yIGBzYmItdHJhaW4tYmxvY2tlZC1wYXNzYWdlYCBjb21wb25lbnRzLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkICdzYmItdHJhaW4td2Fnb24nIGVsZW1lbnRzIHRvIHRoZSBgc2JiLXRyYWluYC5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLXRyYWluJylcbmNsYXNzIFNiYlRyYWluRWxlbWVudCBleHRlbmRzIFNiYk5hbWVkU2xvdExpc3RNaXhpbjxcbiAgU2JiVHJhaW5XYWdvbkVsZW1lbnQgfCBTYmJUcmFpbkJsb2NrZWRQYXNzYWdlRWxlbWVudCxcbiAgdHlwZW9mIExpdEVsZW1lbnRcbj4oTGl0RWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcbiAgcHVibGljIHN0YXRpYyByZWFkb25seSBldmVudHMgPSB7XG4gICAgdHJhaW5TbG90Q2hhbmdlOiAndHJhaW5TbG90Q2hhbmdlJyxcbiAgfSBhcyBjb25zdDtcbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlYWRvbmx5IGxpc3RDaGlsZExvY2FsTmFtZXMgPSBbXG4gICAgJ3NiYi10cmFpbi13YWdvbicsXG4gICAgJ3NiYi10cmFpbi1ibG9ja2VkLXBhc3NhZ2UnLFxuICBdO1xuXG4gIC8qKiBHZW5lcmFsIGxhYmVsIGZvciBcImRyaXZpbmcgZGlyZWN0aW9uXCIuICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdkaXJlY3Rpb24tbGFiZWwnLCByZWZsZWN0OiB0cnVlLCBjb252ZXJ0ZXI6IG9taXRFbXB0eUNvbnZlcnRlciB9KVxuICBwdWJsaWMgYWNjZXNzb3IgZGlyZWN0aW9uTGFiZWw6IHN0cmluZyA9ICcnO1xuXG4gIC8qKiBIZWFkaW5nIGxldmVsIG9mIHRoZSBkaXJlY3Rpb24gbGFiZWwsIHVzZWQgZm9yIHNjcmVlbiByZWFkZXJzLiAqL1xuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdkaXJlY3Rpb24tbGFiZWwtbGV2ZWwnIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBkaXJlY3Rpb25MYWJlbExldmVsOiBTYmJUaXRsZUxldmVsID0gJzYnO1xuXG4gIC8qKiBMYWJlbCBmb3IgdGhlIGRlc3RpbmF0aW9uIHN0YXRpb24gb2YgdGhlIHRyYWluLiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KClcbiAgcHVibGljIGFjY2Vzc29yIHN0YXRpb246IHN0cmluZyA9ICcnO1xuXG4gIC8qKiBBY2Nlc3NpYmlsaXR5IGxhYmVsIGZvciBhZGRpdGlvbmFsIGluZm9ybWF0aW9uIHJlZ2FyZGluZyB0aGUgbGVhdmluZyBkaXJlY3Rpb24gb2YgdGhlIHRyYWluLiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnYWNjZXNzaWJpbGl0eS1sYWJlbCcgfSlcbiAgcHVibGljIGFjY2Vzc29yIGFjY2Vzc2liaWxpdHlMYWJlbDogc3RyaW5nID0gJyc7XG5cbiAgLyoqIENvbnRyb2xzIHRoZSBkaXJlY3Rpb24gaW5kaWNhdG9yIHRvIHNob3cgdGhlIGFycm93IGxlZnQgb3IgcmlnaHQuIERlZmF1bHQgaXMgbGVmdC4gICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSkgcHVibGljIGFjY2Vzc29yIGRpcmVjdGlvbjogJ2xlZnQnIHwgJ3JpZ2h0JyA9ICdsZWZ0JztcblxuICBwcml2YXRlIF9sYW5ndWFnZSA9IG5ldyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIodGhpcyk7XG5cbiAgLyoqXG4gICAqIEBpbnRlcm5hbFxuICAgKiBFbWl0cyB3aGVuZXZlciB0aGUgdHJhaW4gc2xvdCBjaGFuZ2VzLlxuICAgKi9cbiAgcHJpdmF0ZSBfdHJhaW5TbG90Q2hhbmdlOiBFdmVudEVtaXR0ZXIgPSBuZXcgRXZlbnRFbWl0dGVyKFxuICAgIHRoaXMsXG4gICAgU2JiVHJhaW5FbGVtZW50LmV2ZW50cy50cmFpblNsb3RDaGFuZ2UsXG4gICAge1xuICAgICAgYnViYmxlczogdHJ1ZSxcbiAgICAgIGNhbmNlbGFibGU6IHRydWUsXG4gICAgfSxcbiAgKTtcblxuICAvKipcbiAgICogQ3JlYXRlIHRoZSBhcmlhLWxhYmVsIHRleHQgb3V0IG9mIHRoZSBkaXJlY3Rpb24gbGFiZWwsIHN0YXRpb24gYW5kIHRoZSBhY2Nlc3NpYmlsaXR5IGxhYmVsLlxuICAgKi9cbiAgcHJpdmF0ZSBfZ2V0RGlyZWN0aW9uQXJpYUxhYmVsKCk6IHN0cmluZyB7XG4gICAgY29uc3QgdGV4dFBhcnRzOiBzdHJpbmdbXSA9IFtpMThuVHJhaW5bdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF1dO1xuXG4gICAgaWYgKHRoaXMuZGlyZWN0aW9uTGFiZWwgJiYgdGhpcy5zdGF0aW9uKSB7XG4gICAgICB0ZXh0UGFydHMucHVzaChgJHt0aGlzLmRpcmVjdGlvbkxhYmVsfSAke3RoaXMuc3RhdGlvbn1gKTtcbiAgICB9XG5cbiAgICBpZiAodGhpcy5hY2Nlc3NpYmlsaXR5TGFiZWwpIHtcbiAgICAgIHRleHRQYXJ0cy5wdXNoKHRoaXMuYWNjZXNzaWJpbGl0eUxhYmVsKTtcbiAgICB9XG5cbiAgICByZXR1cm4gYCR7dGV4dFBhcnRzLmpvaW4oJywgJyl9LmA7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgd2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8V2l0aExpc3RDaGlsZHJlbjx0aGlzPj4pOiB2b2lkIHtcbiAgICBzdXBlci53aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzKTtcblxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ2xpc3RDaGlsZHJlbicpKSB7XG4gICAgICB0aGlzLl90cmFpblNsb3RDaGFuZ2UuZW1pdCgpO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIGNvbnN0IFRJVExFX1RBR19OQU1FID0gYGgke3RoaXMuZGlyZWN0aW9uTGFiZWxMZXZlbH1gO1xuXG4gICAgLyogZXNsaW50LWRpc2FibGUgbGl0L2JpbmRpbmctcG9zaXRpb25zICovXG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8ZGl2IGNsYXNzPVwic2JiLXRyYWluXCI+XG4gICAgICAgIDwke3Vuc2FmZVN0YXRpYyhUSVRMRV9UQUdfTkFNRSl9IGNsYXNzPVwic2JiLXRyYWluX19kaXJlY3Rpb24tbGFiZWwtc3JcIj5cbiAgICAgICAgICAke3RoaXMuX2dldERpcmVjdGlvbkFyaWFMYWJlbCgpfVxuICAgICAgICA8LyR7dW5zYWZlU3RhdGljKFRJVExFX1RBR19OQU1FKX0+XG4gICAgICAgICR7XG4gICAgICAgICAgdGhpcy5kaXJlY3Rpb25MYWJlbFxuICAgICAgICAgICAgPyBodG1sYDxkaXYgY2xhc3M9XCJzYmItdHJhaW5fX2RpcmVjdGlvbi1oZWFkaW5nXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItdHJhaW5fX2RpcmVjdGlvbi1zdGlja3ktd3JhcHBlclwiPlxuICAgICAgICAgICAgICAgICAgJHt0aGlzLmRpcmVjdGlvbiA9PT0gJ2xlZnQnXG4gICAgICAgICAgICAgICAgICAgID8gaHRtbGA8c2JiLWljb24gbmFtZT1cImNoZXZyb24tc21hbGwtbGVmdC1zbWFsbFwiPjwvc2JiLWljb24+YFxuICAgICAgICAgICAgICAgICAgICA6IG5vdGhpbmd9XG5cbiAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXRyYWluX19kaXJlY3Rpb24tbGFiZWxcIj5cbiAgICAgICAgICAgICAgICAgICAgJHt0aGlzLmRpcmVjdGlvbkxhYmVsfSAke3RoaXMuc3RhdGlvbn1cbiAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cblxuICAgICAgICAgICAgICAgICAgJHt0aGlzLmRpcmVjdGlvbiA9PT0gJ3JpZ2h0J1xuICAgICAgICAgICAgICAgICAgICA/IGh0bWxgPHNiYi1pY29uIG5hbWU9XCJjaGV2cm9uLXNtYWxsLXJpZ2h0LXNtYWxsXCI+PC9zYmItaWNvbj5gXG4gICAgICAgICAgICAgICAgICAgIDogbm90aGluZ31cbiAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgIDwvZGl2PmBcbiAgICAgICAgICAgIDogbm90aGluZ1xuICAgICAgICB9XG4gICAgICAgICR7dGhpcy5yZW5kZXJMaXN0KHtcbiAgICAgICAgICBjbGFzczogJ3NiYi10cmFpbl9fd2Fnb25zJyxcbiAgICAgICAgICBhcmlhTGFiZWw6IGkxOG5XYWdvbnNMYWJlbFt0aGlzLl9sYW5ndWFnZS5jdXJyZW50XSxcbiAgICAgICAgfSl9XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItdHJhaW4nOiBTYmJUcmFpbkVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6WyJTYmJUcmFpbkVsZW1lbnQiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQThCTSxtQkFBZSxNQUFBOzswQkFEcEIsY0FBYyxXQUFXLENBQUM7Ozs7b0JBQ0csc0JBRzVCLFVBQVU7Ozs7Ozs7Ozs7Ozs7Ozs7QUFIVUEsTUFBQUEsb0JBQUEsbUJBQVEsWUFHakI7QUFBQTs7QUFhWDtBQUlBO0FBS0E7QUFLQTtBQUc2QjtB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

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

@@ -0,0 +1,87 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { css, LitElement, html } from "lit";
+import { customElement } from "lit/decorators.js";
+const style = css`*,
+::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-red125);
+  --sbb-train-blocked-passage-bar-color: var(--sbb-color-white);
+  --sbb-train-blocked-passage-icon-dimension: 1rem;
+  --sbb-train-blocked-passage-icon-bar-width: 0.625rem;
+  --sbb-train-blocked-passage-icon-bar-height: 0.25rem;
+  --sbb-train-blocked-passage-icon-bar-border-radius: 0.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-xxs) * 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 SbbTrainBlockedPassageElement = (() => {
+  var _a;
+  let _classDecorators = [customElement("sbb-train-blocked-passage")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = LitElement;
+  _a = class extends _classSuper {
+    render() {
+      return html`
+      <span class="sbb-train-blocked-passage">
+        <span class="sbb-train-blocked-passage__wrapper">
+          <span class="sbb-train-blocked-passage__icon"></span>
+        </span>
+      </span>
+    `;
+    }
+  }, _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    __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 {
+  SbbTrainBlockedPassageElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhaW4tYmxvY2tlZC1wYXNzYWdlLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvdHJhaW4vdHJhaW4tYmxvY2tlZC1wYXNzYWdlL3RyYWluLWJsb2NrZWQtcGFzc2FnZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBodG1sLCBMaXRFbGVtZW50IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3RyYWluLWJsb2NrZWQtcGFzc2FnZS5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIEl0IHZpc3VhbGx5IGRpc3BsYXlzIGEgYmxvY2tlZCBwYXNzYWdlIGJldHdlZW4gdHJhaW4gd2Fnb25zLlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItdHJhaW4tYmxvY2tlZC1wYXNzYWdlJylcbmNsYXNzIFNiYlRyYWluQmxvY2tlZFBhc3NhZ2VFbGVtZW50IGV4dGVuZHMgTGl0RWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPHNwYW4gY2xhc3M9XCJzYmItdHJhaW4tYmxvY2tlZC1wYXNzYWdlXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXRyYWluLWJsb2NrZWQtcGFzc2FnZV9fd3JhcHBlclwiPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXRyYWluLWJsb2NrZWQtcGFzc2FnZV9faWNvblwiPjwvc3Bhbj5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9zcGFuPlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi10cmFpbi1ibG9ja2VkLXBhc3NhZ2UnOiBTYmJUcmFpbkJsb2NrZWRQYXNzYWdlRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUFXTSxpQ0FBNkIsTUFBQTs7MEJBRGxDLGNBQWMsMkJBQTJCLENBQUM7Ozs7b0JBQ0M7QUFBUixFQUFBLG1CQUFRLFlBQVU7QUFBQSxJQUdqQyxTQUFNO0FBQ2hCLGFBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxJQUFBO0FBQUE7O0FBSlgsaUJBWUMsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztRQVh3QixHQUFNLFNBQW1CLE9BRDVDLGtCQUE2QixZQUFBLHVCQUFBLEdBQUM7OzsifQ==

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

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

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

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

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

@@ -1,87 +1,5 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { css, LitElement, html } from "lit";
-import { customElement } from "lit/decorators.js";
-const style = css`*,
-::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-red125);
-  --sbb-train-blocked-passage-bar-color: var(--sbb-color-white);
-  --sbb-train-blocked-passage-icon-dimension: 1rem;
-  --sbb-train-blocked-passage-icon-bar-width: 0.625rem;
-  --sbb-train-blocked-passage-icon-bar-height: 0.25rem;
-  --sbb-train-blocked-passage-icon-bar-border-radius: 0.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-xxs) * 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 SbbTrainBlockedPassageElement = (() => {
-  var _a;
-  let _classDecorators = [customElement("sbb-train-blocked-passage")];
-  let _classDescriptor;
-  let _classExtraInitializers = [];
-  let _classThis;
-  let _classSuper = LitElement;
-  _a = class extends _classSuper {
-    render() {
-      return html`
-      <span class="sbb-train-blocked-passage">
-        <span class="sbb-train-blocked-passage__wrapper">
-          <span class="sbb-train-blocked-passage__icon"></span>
-        </span>
-      </span>
-    `;
-    }
-  }, _classThis = _a, (() => {
-    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-    __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;
-})();
+import { SbbTrainBlockedPassageElement } from "./train-blocked-passage/train-blocked-passage.js";
 export {
   SbbTrainBlockedPassageElement
 };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhaW4tYmxvY2tlZC1wYXNzYWdlLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvdHJhaW4vdHJhaW4tYmxvY2tlZC1wYXNzYWdlL3RyYWluLWJsb2NrZWQtcGFzc2FnZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBodG1sLCBMaXRFbGVtZW50IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3RyYWluLWJsb2NrZWQtcGFzc2FnZS5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIEl0IHZpc3VhbGx5IGRpc3BsYXlzIGEgYmxvY2tlZCBwYXNzYWdlIGJldHdlZW4gdHJhaW4gd2Fnb25zLlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItdHJhaW4tYmxvY2tlZC1wYXNzYWdlJylcbmNsYXNzIFNiYlRyYWluQmxvY2tlZFBhc3NhZ2VFbGVtZW50IGV4dGVuZHMgTGl0RWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPHNwYW4gY2xhc3M9XCJzYmItdHJhaW4tYmxvY2tlZC1wYXNzYWdlXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXRyYWluLWJsb2NrZWQtcGFzc2FnZV9fd3JhcHBlclwiPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXRyYWluLWJsb2NrZWQtcGFzc2FnZV9faWNvblwiPjwvc3Bhbj5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9zcGFuPlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi10cmFpbi1ibG9ja2VkLXBhc3NhZ2UnOiBTYmJUcmFpbkJsb2NrZWRQYXNzYWdlRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUFXTSxpQ0FBNkIsTUFBQTs7MEJBRGxDLGNBQWMsMkJBQTJCLENBQUM7Ozs7b0JBQ0M7QUFBUixFQUFBLG1CQUFRLFlBQVU7QUFBQSxJQUdqQyxTQUFNO0FBQ2hCLGFBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxJQUFBO0FBQUE7O0FBSlgsaUJBWUMsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztRQVh3QixHQUFNLFNBQW1CLE9BRDVDLGtCQUE2QixZQUFBLHVCQUFBLEdBQUM7OzsifQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhaW4tYmxvY2tlZC1wYXNzYWdlLmpzIiwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjsifQ==