@sbb-esta/lyne-elements-experimental 2.10.1 → 2.11.0

package/development/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js

@@ -0,0 +1,224 @@
+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 { SbbLanguageController } from "@sbb-esta/lyne-elements/core/controllers.js";
+import { forceType } from "@sbb-esta/lyne-elements/core/decorators.js";
+import { css, LitElement, html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { classMap } from "lit/directives/class-map.js";
+import { mapIconToSvg, getI18nSeatReservation } from "../common.js";
+import "@sbb-esta/lyne-elements/icon.js";
+const style = css`*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  --sbb-reservation-graphic-width: 16;
+  --sbb-reservation-graphic-height: 16;
+  --sbb-reservation-graphic-rotation: 0;
+  --sbb-reservation-graphic-inverse-rotation: 0;
+}
+
+.sbb-sr-icon,
+.sbb-sr-graphic {
+  --sbb-icon-svg-width: calc(var(--sbb-reservation-graphic-width) * 0.0625rem);
+  --sbb-icon-svg-height: calc(var(--sbb-reservation-graphic-height) * 0.0625rem);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: calc(var(--sbb-reservation-graphic-width) * 0.0625rem);
+  height: calc(var(--sbb-reservation-graphic-height) * 0.0625rem);
+  transform-origin: center;
+  rotate: calc(var(--sbb-reservation-graphic-rotation) * 1deg);
+}
+
+.sbb-sr-icon {
+  color: var(--sbb-color-granite);
+}
+
+.sbb-sr-graphic svg {
+  width: 100%;
+  height: 100%;
+}
+.sbb-sr-graphic svg .fix-rotation-inverse {
+  transform-origin: center;
+  rotate: calc(var(--sbb-reservation-graphic-inverse-rotation) * 1deg);
+}
+@media (forced-colors: active) {
+  .sbb-sr-graphic svg:not(.color-immutable) [fill]:not([fill=none]) {
+    fill: currentcolor;
+  }
+  .sbb-sr-graphic .no-bg {
+    fill: transparent;
+  }
+}`;
+let SbbSeatReservationGraphicElement = (() => {
+  var _name_accessor_storage, _stretch_accessor_storage, _rotation_accessor_storage, _inverseRotation_accessor_storage, _width_accessor_storage, _height_accessor_storage, _a;
+  let _classDecorators = [customElement("sbb-seat-reservation-graphic")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = LitElement;
+  let _name_decorators;
+  let _name_initializers = [];
+  let _name_extraInitializers = [];
+  let _stretch_decorators;
+  let _stretch_initializers = [];
+  let _stretch_extraInitializers = [];
+  let _rotation_decorators;
+  let _rotation_initializers = [];
+  let _rotation_extraInitializers = [];
+  let _inverseRotation_decorators;
+  let _inverseRotation_initializers = [];
+  let _inverseRotation_extraInitializers = [];
+  let _width_decorators;
+  let _width_initializers = [];
+  let _width_extraInitializers = [];
+  let _height_decorators;
+  let _height_initializers = [];
+  let _height_extraInitializers = [];
+  _a = class extends _classSuper {
+    constructor() {
+      super(...arguments);
+      __privateAdd(this, _name_accessor_storage);
+      __privateAdd(this, _stretch_accessor_storage);
+      __privateAdd(this, _rotation_accessor_storage);
+      __privateAdd(this, _inverseRotation_accessor_storage);
+      __privateAdd(this, _width_accessor_storage);
+      __privateAdd(this, _height_accessor_storage);
+      __privateSet(this, _name_accessor_storage, __runInitializers(this, _name_initializers, ""));
+      __privateSet(this, _stretch_accessor_storage, (__runInitializers(this, _name_extraInitializers), __runInitializers(this, _stretch_initializers, false)));
+      __privateSet(this, _rotation_accessor_storage, (__runInitializers(this, _stretch_extraInitializers), __runInitializers(this, _rotation_initializers, 0)));
+      __privateSet(this, _inverseRotation_accessor_storage, (__runInitializers(this, _rotation_extraInitializers), __runInitializers(this, _inverseRotation_initializers, 0)));
+      __privateSet(this, _width_accessor_storage, (__runInitializers(this, _inverseRotation_extraInitializers), __runInitializers(this, _width_initializers, null)));
+      __privateSet(this, _height_accessor_storage, (__runInitializers(this, _width_extraInitializers), __runInitializers(this, _height_initializers, null)));
+      this._language = (__runInitializers(this, _height_extraInitializers), new SbbLanguageController(this));
+    }
+    /** Name of the SVG graphic to be displayed. */
+    get name() {
+      return __privateGet(this, _name_accessor_storage);
+    }
+    set name(value) {
+      __privateSet(this, _name_accessor_storage, value);
+    }
+    /** if true, scale the graphic content of the given element non-uniformly if necessary */
+    get stretch() {
+      return __privateGet(this, _stretch_accessor_storage);
+    }
+    set stretch(value) {
+      __privateSet(this, _stretch_accessor_storage, value);
+    }
+    /** handles the rotation of the SVG graphic */
+    get rotation() {
+      return __privateGet(this, _rotation_accessor_storage);
+    }
+    set rotation(value) {
+      __privateSet(this, _rotation_accessor_storage, value);
+    }
+    /** Inverse rotation for part of an SVG that can be rotated opposite to the normal rotation */
+    get inverseRotation() {
+      return __privateGet(this, _inverseRotation_accessor_storage);
+    }
+    set inverseRotation(value) {
+      __privateSet(this, _inverseRotation_accessor_storage, value);
+    }
+    /** width of the svg in pixels (without unit) */
+    get width() {
+      return __privateGet(this, _width_accessor_storage);
+    }
+    set width(value) {
+      __privateSet(this, _width_accessor_storage, value);
+    }
+    /** height of the svg in pixels (without unit) */
+    get height() {
+      return __privateGet(this, _height_accessor_storage);
+    }
+    set height(value) {
+      __privateSet(this, _height_accessor_storage, value);
+    }
+    willUpdate(_changedProperties) {
+      var _a2, _b, _c, _d;
+      super.willUpdate(_changedProperties);
+      if (_changedProperties.has("width") && !!this.width) {
+        (_a2 = this.style) == null ? void 0 : _a2.setProperty("--sbb-reservation-graphic-width", `${this.width}`);
+      }
+      if (_changedProperties.has("height") && !!this.height) {
+        (_b = this.style) == null ? void 0 : _b.setProperty("--sbb-reservation-graphic-height", `${this.height}`);
+      }
+      if (_changedProperties.has("rotation")) {
+        (_c = this.style) == null ? void 0 : _c.setProperty("--sbb-reservation-graphic-rotation", `${this.rotation}`);
+      }
+      if (_changedProperties.has("inverseRotation")) {
+        (_d = this.style) == null ? void 0 : _d.setProperty("--sbb-reservation-graphic-inverse-rotation", `${this.inverseRotation}`);
+      }
+    }
+    render() {
+      const svgObj = mapIconToSvg[this.name];
+      if (!(svgObj == null ? void 0 : svgObj.svg) && !(svgObj == null ? void 0 : svgObj.svgName)) {
+        return null;
+      }
+      return html`<span
+      class="${classMap({
+        "sbb-sr-icon": !!svgObj.svgName,
+        "sbb-sr-graphic": !!svgObj.svg
+      })}"
+    >
+      ${svgObj.svgName ? html` <sbb-icon
+            name="${svgObj.svgName || ""}"
+            aria-hidden="false"
+            aria-label="${getI18nSeatReservation(svgObj.svgName, this._language.current)}"
+          ></sbb-icon>` : html`${this._getSvgElement(svgObj.svg)}`}
+    </span>`;
+    }
+    _getSvgElement(svg) {
+      const parser = new DOMParser();
+      const svgString = svg || "<svg></svg>";
+      const svgElm = parser.parseFromString(svgString, "image/svg+xml").firstElementChild;
+      if (this.stretch && (svgElm == null ? void 0 : svgElm.nodeName.toLowerCase()) === "svg") {
+        svgElm.setAttribute("preserveAspectRatio", "none");
+      }
+      return svgElm;
+    }
+  }, _name_accessor_storage = new WeakMap(), _stretch_accessor_storage = new WeakMap(), _rotation_accessor_storage = new WeakMap(), _inverseRotation_accessor_storage = new WeakMap(), _width_accessor_storage = new WeakMap(), _height_accessor_storage = new WeakMap(), _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    _name_decorators = [forceType(), property({ attribute: "name" })];
+    _stretch_decorators = [forceType(), property({ attribute: "stretch", type: Boolean })];
+    _rotation_decorators = [forceType(), property({ attribute: "rotation", type: Number })];
+    _inverseRotation_decorators = [forceType(), property({ attribute: "inverse-roration", type: Number })];
+    _width_decorators = [forceType(), property({ attribute: "width", type: Number })];
+    _height_decorators = [forceType(), property({ attribute: "height", type: Number })];
+    __esDecorate(_a, null, _name_decorators, { kind: "accessor", name: "name", static: false, private: false, access: { has: (obj) => "name" in obj, get: (obj) => obj.name, set: (obj, value) => {
+      obj.name = value;
+    } }, metadata: _metadata }, _name_initializers, _name_extraInitializers);
+    __esDecorate(_a, null, _stretch_decorators, { kind: "accessor", name: "stretch", static: false, private: false, access: { has: (obj) => "stretch" in obj, get: (obj) => obj.stretch, set: (obj, value) => {
+      obj.stretch = value;
+    } }, metadata: _metadata }, _stretch_initializers, _stretch_extraInitializers);
+    __esDecorate(_a, null, _rotation_decorators, { kind: "accessor", name: "rotation", static: false, private: false, access: { has: (obj) => "rotation" in obj, get: (obj) => obj.rotation, set: (obj, value) => {
+      obj.rotation = value;
+    } }, metadata: _metadata }, _rotation_initializers, _rotation_extraInitializers);
+    __esDecorate(_a, null, _inverseRotation_decorators, { kind: "accessor", name: "inverseRotation", static: false, private: false, access: { has: (obj) => "inverseRotation" in obj, get: (obj) => obj.inverseRotation, set: (obj, value) => {
+      obj.inverseRotation = value;
+    } }, metadata: _metadata }, _inverseRotation_initializers, _inverseRotation_extraInitializers);
+    __esDecorate(_a, null, _width_decorators, { kind: "accessor", name: "width", static: false, private: false, access: { has: (obj) => "width" in obj, get: (obj) => obj.width, set: (obj, value) => {
+      obj.width = value;
+    } }, metadata: _metadata }, _width_initializers, _width_extraInitializers);
+    __esDecorate(_a, null, _height_decorators, { kind: "accessor", name: "height", static: false, private: false, access: { has: (obj) => "height" in obj, get: (obj) => obj.height, set: (obj, value) => {
+      obj.height = value;
+    } }, metadata: _metadata }, _height_initializers, _height_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 {
+  SbbSeatReservationGraphicElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhdC1yZXNlcnZhdGlvbi1ncmFwaGljLmNvbXBvbmVudC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzLWV4cGVyaW1lbnRhbC9zZWF0LXJlc2VydmF0aW9uL3NlYXQtcmVzZXJ2YXRpb24tZ3JhcGhpYy9zZWF0LXJlc2VydmF0aW9uLWdyYXBoaWMuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFNiYkxhbmd1YWdlQ29udHJvbGxlciB9IGZyb20gJ0BzYmItZXN0YS9seW5lLWVsZW1lbnRzL2NvcmUvY29udHJvbGxlcnMuanMnO1xuaW1wb3J0IHsgZm9yY2VUeXBlIH0gZnJvbSAnQHNiYi1lc3RhL2x5bmUtZWxlbWVudHMvY29yZS9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IHR5cGUgQ1NTUmVzdWx0R3JvdXAsIHR5cGUgUHJvcGVydHlWYWx1ZXMsIHR5cGUgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCwgTGl0RWxlbWVudCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IGNsYXNzTWFwIH0gZnJvbSAnbGl0L2RpcmVjdGl2ZXMvY2xhc3MtbWFwLmpzJztcblxuaW1wb3J0IHsgZ2V0STE4blNlYXRSZXNlcnZhdGlvbiwgbWFwSWNvblRvU3ZnIH0gZnJvbSAnLi4vY29tbW9uLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vc2VhdC1yZXNlcnZhdGlvbi1ncmFwaGljLnNjc3M/bGl0JmlubGluZSc7XG5cbmltcG9ydCAnQHNiYi1lc3RhL2x5bmUtZWxlbWVudHMvaWNvbi5qcyc7XG5cbi8qKlxuICogT3V0cHV0IG9uZSBvZiB0aGUgU1ZHIGdyYXBoaWNzIGJhc2VkIG9uIGl0cyBjb2RlLlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItc2VhdC1yZXNlcnZhdGlvbi1ncmFwaGljJylcbmNsYXNzIFNiYlNlYXRSZXNlcnZhdGlvbkdyYXBoaWNFbGVtZW50IGV4dGVuZHMgTGl0RWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuXG4gIC8qKiBOYW1lIG9mIHRoZSBTVkcgZ3JhcGhpYyB0byBiZSBkaXNwbGF5ZWQuICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICduYW1lJyB9KVxuICBwdWJsaWMgYWNjZXNzb3IgbmFtZTogc3RyaW5nID0gJyc7XG5cbiAgLyoqIGlmIHRydWUsIHNjYWxlIHRoZSBncmFwaGljIGNvbnRlbnQgb2YgdGhlIGdpdmVuIGVsZW1lbnQgbm9uLXVuaWZvcm1seSBpZiBuZWNlc3NhcnkgKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ3N0cmV0Y2gnLCB0eXBlOiBCb29sZWFuIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBzdHJldGNoOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqIGhhbmRsZXMgdGhlIHJvdGF0aW9uIG9mIHRoZSBTVkcgZ3JhcGhpYyAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAncm90YXRpb24nLCB0eXBlOiBOdW1iZXIgfSlcbiAgcHVibGljIGFjY2Vzc29yIHJvdGF0aW9uOiBudW1iZXIgPSAwO1xuXG4gIC8qKiBJbnZlcnNlIHJvdGF0aW9uIGZvciBwYXJ0IG9mIGFuIFNWRyB0aGF0IGNhbiBiZSByb3RhdGVkIG9wcG9zaXRlIHRvIHRoZSBub3JtYWwgcm90YXRpb24gKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ2ludmVyc2Utcm9yYXRpb24nLCB0eXBlOiBOdW1iZXIgfSlcbiAgcHVibGljIGFjY2Vzc29yIGludmVyc2VSb3RhdGlvbjogbnVtYmVyID0gMDtcblxuICAvKiogd2lkdGggb2YgdGhlIHN2ZyBpbiBwaXhlbHMgKHdpdGhvdXQgdW5pdCkgKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ3dpZHRoJywgdHlwZTogTnVtYmVyIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciB3aWR0aDogbnVtYmVyID0gbnVsbCE7XG5cbiAgLyoqIGhlaWdodCBvZiB0aGUgc3ZnIGluIHBpeGVscyAod2l0aG91dCB1bml0KSAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnaGVpZ2h0JywgdHlwZTogTnVtYmVyIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBoZWlnaHQ6IG51bWJlciA9IG51bGwhO1xuXG4gIHByaXZhdGUgX2xhbmd1YWdlID0gbmV3IFNiYkxhbmd1YWdlQ29udHJvbGxlcih0aGlzKTtcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgd2lsbFVwZGF0ZShfY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzKTogdm9pZCB7XG4gICAgc3VwZXIud2lsbFVwZGF0ZShfY2hhbmdlZFByb3BlcnRpZXMpO1xuICAgIGlmIChfY2hhbmdlZFByb3BlcnRpZXMuaGFzKCd3aWR0aCcpICYmICEhdGhpcy53aWR0aCkge1xuICAgICAgdGhpcy5zdHlsZT8uc2V0UHJvcGVydHkoJy0tc2JiLXJlc2VydmF0aW9uLWdyYXBoaWMtd2lkdGgnLCBgJHt0aGlzLndpZHRofWApO1xuICAgIH1cblxuICAgIGlmIChfY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdoZWlnaHQnKSAmJiAhIXRoaXMuaGVpZ2h0KSB7XG4gICAgICB0aGlzLnN0eWxlPy5zZXRQcm9wZXJ0eSgnLS1zYmItcmVzZXJ2YXRpb24tZ3JhcGhpYy1oZWlnaHQnLCBgJHt0aGlzLmhlaWdodH1gKTtcbiAgICB9XG5cbiAgICBpZiAoX2NoYW5nZWRQcm9wZXJ0aWVzLmhhcygncm90YXRpb24nKSkge1xuICAgICAgdGhpcy5zdHlsZT8uc2V0UHJvcGVydHkoJy0tc2JiLXJlc2VydmF0aW9uLWdyYXBoaWMtcm90YXRpb24nLCBgJHt0aGlzLnJvdGF0aW9ufWApO1xuICAgIH1cblxuICAgIGlmIChfY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdpbnZlcnNlUm90YXRpb24nKSkge1xuICAgICAgdGhpcy5zdHlsZT8uc2V0UHJvcGVydHkoXG4gICAgICAgICctLXNiYi1yZXNlcnZhdGlvbi1ncmFwaGljLWludmVyc2Utcm90YXRpb24nLFxuICAgICAgICBgJHt0aGlzLmludmVyc2VSb3RhdGlvbn1gLFxuICAgICAgKTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHwgbnVsbCB7XG4gICAgY29uc3Qgc3ZnT2JqID0gbWFwSWNvblRvU3ZnW3RoaXMubmFtZV07XG5cbiAgICBpZiAoIXN2Z09iaj8uc3ZnICYmICFzdmdPYmo/LnN2Z05hbWUpIHtcbiAgICAgIHJldHVybiBudWxsO1xuICAgIH1cblxuICAgIHJldHVybiBodG1sYDxzcGFuXG4gICAgICBjbGFzcz1cIiR7Y2xhc3NNYXAoe1xuICAgICAgICAnc2JiLXNyLWljb24nOiAhIXN2Z09iai5zdmdOYW1lLFxuICAgICAgICAnc2JiLXNyLWdyYXBoaWMnOiAhIXN2Z09iai5zdmcsXG4gICAgICB9KX1cIlxuICAgID5cbiAgICAgICR7c3ZnT2JqLnN2Z05hbWVcbiAgICAgICAgPyBodG1sYCA8c2JiLWljb25cbiAgICAgICAgICAgIG5hbWU9XCIke3N2Z09iai5zdmdOYW1lIHx8ICcnfVwiXG4gICAgICAgICAgICBhcmlhLWhpZGRlbj1cImZhbHNlXCJcbiAgICAgICAgICAgIGFyaWEtbGFiZWw9XCIke2dldEkxOG5TZWF0UmVzZXJ2YXRpb24oc3ZnT2JqLnN2Z05hbWUsIHRoaXMuX2xhbmd1YWdlLmN1cnJlbnQpfVwiXG4gICAgICAgICAgPjwvc2JiLWljb24+YFxuICAgICAgICA6IGh0bWxgJHt0aGlzLl9nZXRTdmdFbGVtZW50KHN2Z09iai5zdmchKX1gfVxuICAgIDwvc3Bhbj5gO1xuICB9XG5cbiAgcHJpdmF0ZSBfZ2V0U3ZnRWxlbWVudChzdmc6IHN0cmluZyk6IEVsZW1lbnQgfCBudWxsIHtcbiAgICBjb25zdCBwYXJzZXIgPSBuZXcgRE9NUGFyc2VyKCk7XG4gICAgY29uc3Qgc3ZnU3RyaW5nID0gc3ZnIHx8ICc8c3ZnPjwvc3ZnPic7XG4gICAgY29uc3Qgc3ZnRWxtID0gcGFyc2VyLnBhcnNlRnJvbVN0cmluZyhzdmdTdHJpbmcsICdpbWFnZS9zdmcreG1sJykuZmlyc3RFbGVtZW50Q2hpbGQ7XG4gICAgaWYgKHRoaXMuc3RyZXRjaCAmJiBzdmdFbG0/Lm5vZGVOYW1lLnRvTG93ZXJDYXNlKCkgPT09ICdzdmcnKSB7XG4gICAgICBzdmdFbG0uc2V0QXR0cmlidXRlKCdwcmVzZXJ2ZUFzcGVjdFJhdGlvJywgJ25vbmUnKTtcbiAgICB9XG4gICAgcmV0dXJuIHN2Z0VsbTtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXNlYXQtcmVzZXJ2YXRpb24tZ3JhcGhpYyc6IFNiYlNlYXRSZXNlcnZhdGlvbkdyYXBoaWNFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOlsiX2EiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUFrQk0sb0NBQWdDLE1BQUE7OzBCQURyQyxjQUFjLDhCQUE4QixDQUFDOzs7O29CQUNDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQVIsRUFBQSxtQkFBUSxZQUFVO0FBQUE7O0FBTXZEO0FBS0E7QUFLQTtBQUtBO0FBS0E7QUFLQTtBQXpCZ0IseUJBQUEsd0JBQUEsa0JBQUEsTUFBQSxvQkFBZSxFQUFFO0FBS2pCLHlCQUFBLDRCQUFBLGtCQUFBLE1BQUEsdUJB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

package/development/seat-reservation/seat-reservation-graphic.d.ts

@@ -0,0 +1,2 @@
+export * from './seat-reservation-graphic/seat-reservation-graphic.component.js';
+//# sourceMappingURL=seat-reservation-graphic.d.ts.map

package/development/seat-reservation/seat-reservation-graphic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"seat-reservation-graphic.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/seat-reservation/seat-reservation-graphic.ts"],"names":[],"mappings":"AAAA,cAAc,kEAAkE,CAAC"}

package/development/seat-reservation/seat-reservation-graphic.js

@@ -0,0 +1,5 @@
+import { SbbSeatReservationGraphicElement } from "./seat-reservation-graphic/seat-reservation-graphic.component.js";
+export {
+  SbbSeatReservationGraphicElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhdC1yZXNlcnZhdGlvbi1ncmFwaGljLmpzIiwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjsifQ==

package/development/seat-reservation/seat-reservation-navigation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.d.ts

@@ -0,0 +1,65 @@
+import { EventEmitter } from '@sbb-esta/lyne-elements/core/eventing.js';
+import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
+import { PlaceTravelClass } from '../../seat-reservation.js';
+/**
+ * This component will display the navigation coach item for Seat reservation.
+ *
+ * @event {CustomEvent<T>} selectCoach - Emits when a coach within the navigation was selected and returns the clicked coach nav index
+ * @event {CustomEvent<T>} focusCoach -  Emits when a nav coach has the focus
+ */
+export declare class SbbSeatReservationNavigationCoachElement extends LitElement {
+    static styles: CSSResultGroup;
+    static readonly events: {
+        readonly selectCoach: "selectCoach";
+        readonly focusCoach: "focusCoach";
+    };
+    /** Coach ID, which is used to identify the coach in the navigation */
+    accessor coachId: string;
+    /** Coach service property ids, which are used to display the services in the navigation */
+    accessor propertyIds: string[];
+    accessor selected: boolean;
+    accessor focused: boolean;
+    accessor index: number;
+    /** Travel class of the coach */
+    accessor travelClass: PlaceTravelClass[];
+    /** If the coach is a driver/restricted area */
+    accessor driverArea: boolean;
+    /** If the coach is the first in the navigation */
+    accessor first: boolean;
+    /** If the coach is the last in the navigation */
+    accessor last: boolean;
+    /** Disable the coach navigation */
+    accessor disable: boolean;
+    /** If the coach navigation should be displayed vertically */
+    accessor vertical: boolean;
+    private _language;
+    /** Emits when a coach within the navigation was selected */
+    protected selectNavCoach: EventEmitter;
+    protected focusNavCoach: EventEmitter;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    /**
+     * Render a maximum of 3 of the service sign icons (slice(0,3)) regardless of the input from Backend,
+     * otherwise the layout could be destroyed. Furthermore, we have to filter out the value ANY_SEAT,
+     * since this is also passed as a property and does not need to be used here
+     *
+     * @protected
+     */
+    protected render(): TemplateResult;
+    private _getNavigationButton;
+    private _getBtnInformation;
+    private _getTitleDescriptionNavCoachButton;
+    private _getAriaDescriptionCoachServices;
+    /**
+     * emits the index of the coach array for the main navigation.
+     * @param coachIndex
+     * @private
+     */
+    private _selectNavCoach;
+    private _getCoachServiceClassNumber;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-seat-reservation-navigation-coach': SbbSeatReservationNavigationCoachElement;
+    }
+}
+//# sourceMappingURL=seat-reservation-navigation-coach.component.d.ts.map

package/development/seat-reservation/seat-reservation-navigation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"seat-reservation-navigation-coach.component.d.ts","sourceRoot":"","sources":["../../../../../../src/elements-experimental/seat-reservation/seat-reservation-navigation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AACxE,OAAO,EAAE,KAAK,cAAc,EAAW,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAC7F,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAKvC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAIlE,OAAO,+CAA+C,CAAC;AACvD,OAAO,4CAA4C,CAAC;AAIpD;;;;;GAKG;AACH,qBAEM,wCAAyC,SAAQ,UAAU;IAC/D,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;MAGlB;IAEX,sEAAsE;IACtE,SAEgB,OAAO,EAAE,MAAM,CAAM;IAErC,2FAA2F;IAC3F,SACgB,WAAW,EAAE,MAAM,EAAE,CAAM;IAG3C,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAG1C,SAEgB,OAAO,EAAE,OAAO,CAAS;IAEzC,SAEgB,KAAK,EAAE,MAAM,CAAK;IAElC,gCAAgC;IAChC,SACgB,WAAW,EAAE,gBAAgB,EAAE,CAAiB;IAEhE,+CAA+C;IAC/C,SAEgB,UAAU,EAAE,OAAO,CAAS;IAE5C,kDAAkD;IAClD,SAEgB,KAAK,EAAE,OAAO,CAAS;IAEvC,iDAAiD;IACjD,SAEgB,IAAI,EAAE,OAAO,CAAS;IAEtC,mCAAmC;IACnC,SAEgB,OAAO,EAAE,OAAO,CAAS;IAEzC,6DAA6D;IAC7D,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C,OAAO,CAAC,SAAS,CAAmC;IAEpD,4DAA4D;IAC5D,SAAS,CAAC,cAAc,EAAE,YAAY,CAGpC;IACF,SAAS,CAAC,aAAa,EAAE,YAAY,CAGnC;cAEiB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAuB5E;;;;;;OAMG;cACgB,MAAM,IAAI,cAAc;IAyB3C,OAAO,CAAC,oBAAoB;IAwB5B,OAAO,CAAC,kBAAkB;IA4B1B,OAAO,CAAC,kCAAkC;IA4B1C,OAAO,CAAC,gCAAgC;IAYxC;;;;OAIG;IACH,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,2BAA2B;CASpC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uCAAuC,EAAE,wCAAwC,CAAC;KACnF;CACF"}