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

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

@@ -0,0 +1,167 @@
+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 { boxSizingStyles } from "@sbb-esta/lyne-elements/core/styles.js";
+import { css, LitElement, html, isServer } 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`:host {
+  --sbb-seat-reservation-graphic-width: 16;
+  --sbb-seat-reservation-graphic-height: 16;
+  --sbb-seat-reservation-graphic-rotation: 0;
+  --sbb-seat-reservation-graphic-inverse-rotation: 0;
+  --sbb-seat-reservation-graphic-position: initial;
+  --sbb-seat-reservation-graphic-left: 0;
+  --sbb-seat-reservation-graphic-top: 0;
+  --sbb-icon-svg-width: calc(
+    var(--sbb-seat-reservation-graphic-width) *
+      var(--sbb-seat-reservation-one-px-rem, 0.0625rem)
+  );
+  --sbb-icon-svg-height: calc(
+    var(--sbb-seat-reservation-graphic-height) *
+      var(--sbb-seat-reservation-one-px-rem, 0.0625rem)
+  );
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: calc(var(--sbb-seat-reservation-graphic-width) * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));
+  height: calc(var(--sbb-seat-reservation-graphic-height) * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));
+  position: var(--sbb-seat-reservation-graphic-position);
+  inset-inline-start: calc(var(--sbb-seat-reservation-graphic-left) * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));
+  inset-block-start: calc(var(--sbb-seat-reservation-graphic-top) * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));
+}
+
+:host(.auto-width) {
+  --sbb-icon-svg-width: auto;
+  max-width: calc(var(--sbb-seat-reservation-graphic-max-width) * var(--sbb-seat-reservation-one-px-rem, 0.0625rem));
+  width: auto;
+}
+
+:host(.sbb-seat-reservation-graphic--cursor-pointer) {
+  cursor: var(--sbb-cursor-pointer);
+}
+
+.sbb-sr-icon,
+.sbb-sr-graphic {
+  width: inherit;
+  height: inherit;
+  transform-origin: center;
+  rotate: calc(var(--sbb-seat-reservation-graphic-rotation) * 1deg);
+}
+
+.sbb-sr-icon {
+  color: var(--sbb-color-granite);
+  color: light-dark(var(--sbb-color-granite), var(--sbb-color-graphite));
+}
+
+.sbb-sr-graphic svg {
+  width: 100%;
+  height: 100%;
+}
+.sbb-sr-graphic svg .fix-rotation-inverse {
+  transform-origin: center;
+  rotate: calc(var(--sbb-seat-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, _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 = [];
+  _a = class extends _classSuper {
+    constructor() {
+      super(...arguments);
+      __privateAdd(this, _name_accessor_storage);
+      __privateAdd(this, _stretch_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)));
+      this._language = (__runInitializers(this, _stretch_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);
+    }
+    render() {
+      const svgObj = mapIconToSvg[this.name];
+      if (!svgObj?.svg && !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) {
+      if (!isServer) {
+        const parser = new DOMParser();
+        const svgString = svg || "<svg></svg>";
+        const svgElm = parser.parseFromString(svgString, "image/svg+xml").firstElementChild;
+        if (this.stretch && svgElm?.nodeName.toLowerCase() === "svg") {
+          svgElm.setAttribute("preserveAspectRatio", "none");
+        }
+        return svgElm;
+      }
+      return null;
+    }
+  }, _name_accessor_storage = new WeakMap(), _stretch_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 })];
+    __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(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 {
+  SbbSeatReservationGraphicElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhdC1yZXNlcnZhdGlvbi1ncmFwaGljLmNvbXBvbmVudC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzLWV4cGVyaW1lbnRhbC9zZWF0LXJlc2VydmF0aW9uL3NlYXQtcmVzZXJ2YXRpb24tZ3JhcGhpYy9zZWF0LXJlc2VydmF0aW9uLWdyYXBoaWMuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFNiYkxhbmd1YWdlQ29udHJvbGxlciB9IGZyb20gJ0BzYmItZXN0YS9seW5lLWVsZW1lbnRzL2NvcmUvY29udHJvbGxlcnMuanMnO1xuaW1wb3J0IHsgZm9yY2VUeXBlIH0gZnJvbSAnQHNiYi1lc3RhL2x5bmUtZWxlbWVudHMvY29yZS9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IGJveFNpemluZ1N0eWxlcyB9IGZyb20gJ0BzYmItZXN0YS9seW5lLWVsZW1lbnRzL2NvcmUvc3R5bGVzLmpzJztcbmltcG9ydCB7IHR5cGUgQ1NTUmVzdWx0R3JvdXAsIGlzU2VydmVyLCB0eXBlIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGh0bWwsIExpdEVsZW1lbnQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCwgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBjbGFzc01hcCB9IGZyb20gJ2xpdC9kaXJlY3RpdmVzL2NsYXNzLW1hcC5qcyc7XG5cbmltcG9ydCB7IGdldEkxOG5TZWF0UmVzZXJ2YXRpb24sIG1hcEljb25Ub1N2ZyB9IGZyb20gJy4uL2NvbW1vbi50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3NlYXQtcmVzZXJ2YXRpb24tZ3JhcGhpYy5zY3NzP2xpdCZpbmxpbmUnO1xuXG5pbXBvcnQgJ0BzYmItZXN0YS9seW5lLWVsZW1lbnRzL2ljb24uanMnO1xuXG4vKipcbiAqIE91dHB1dCBvbmUgb2YgdGhlIFNWRyBncmFwaGljcyBiYXNlZCBvbiBpdHMgY29kZS5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLXNlYXQtcmVzZXJ2YXRpb24tZ3JhcGhpYycpXG5jbGFzcyBTYmJTZWF0UmVzZXJ2YXRpb25HcmFwaGljRWxlbWVudCBleHRlbmRzIExpdEVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCBzdHlsZV07XG5cbiAgLyoqIE5hbWUgb2YgdGhlIFNWRyBncmFwaGljIHRvIGJlIGRpc3BsYXllZC4gKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ25hbWUnIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBuYW1lOiBzdHJpbmcgPSAnJztcblxuICAvKiogaWYgdHJ1ZSwgc2NhbGUgdGhlIGdyYXBoaWMgY29udGVudCBvZiB0aGUgZ2l2ZW4gZWxlbWVudCBub24tdW5pZm9ybWx5IGlmIG5lY2Vzc2FyeSAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnc3RyZXRjaCcsIHR5cGU6IEJvb2xlYW4gfSlcbiAgcHVibGljIGFjY2Vzc29yIHN0cmV0Y2g6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBwcml2YXRlIF9sYW5ndWFnZSA9IG5ldyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIodGhpcyk7XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB8IG51bGwge1xuICAgIGNvbnN0IHN2Z09iaiA9IG1hcEljb25Ub1N2Z1t0aGlzLm5hbWVdO1xuXG4gICAgaWYgKCFzdmdPYmo/LnN2ZyAmJiAhc3ZnT2JqPy5zdmdOYW1lKSB7XG4gICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG5cbiAgICByZXR1cm4gaHRtbGA8c3BhblxuICAgICAgY2xhc3M9XCIke2NsYXNzTWFwKHtcbiAgICAgICAgJ3NiYi1zci1pY29uJzogISFzdmdPYmouc3ZnTmFtZSxcbiAgICAgICAgJ3NiYi1zci1ncmFwaGljJzogISFzdmdPYmouc3ZnLFxuICAgICAgfSl9XCJcbiAgICA+XG4gICAgICAke3N2Z09iai5zdmdOYW1lXG4gICAgICAgID8gaHRtbGAgPHNiYi1pY29uXG4gICAgICAgICAgICBuYW1lPVwiJHtzdmdPYmouc3ZnTmFtZSB8fCAnJ31cIlxuICAgICAgICAgICAgYXJpYS1oaWRkZW49XCJmYWxzZVwiXG4gICAgICAgICAgICBhcmlhLWxhYmVsPVwiJHtnZXRJMThuU2VhdFJlc2VydmF0aW9uKHN2Z09iai5zdmdOYW1lLCB0aGlzLl9sYW5ndWFnZS5jdXJyZW50KX1cIlxuICAgICAgICAgID48L3NiYi1pY29uPmBcbiAgICAgICAgOiBodG1sYCR7dGhpcy5fZ2V0U3ZnRWxlbWVudChzdmdPYmouc3ZnISl9YH1cbiAgICA8L3NwYW4+YDtcbiAgfVxuXG4gIHByaXZhdGUgX2dldFN2Z0VsZW1lbnQoc3ZnOiBzdHJpbmcpOiBFbGVtZW50IHwgbnVsbCB7XG4gICAgaWYgKCFpc1NlcnZlcikge1xuICAgICAgY29uc3QgcGFyc2VyID0gbmV3IERPTVBhcnNlcigpO1xuICAgICAgY29uc3Qgc3ZnU3RyaW5nID0gc3ZnIHx8ICc8c3ZnPjwvc3ZnPic7XG4gICAgICBjb25zdCBzdmdFbG0gPSBwYXJzZXIucGFyc2VGcm9tU3RyaW5nKHN2Z1N0cmluZywgJ2ltYWdlL3N2Zyt4bWwnKS5maXJzdEVsZW1lbnRDaGlsZDtcbiAgICAgIGlmICh0aGlzLnN0cmV0Y2ggJiYgc3ZnRWxtPy5ub2RlTmFtZS50b0xvd2VyQ2FzZSgpID09PSAnc3ZnJykge1xuICAgICAgICBzdmdFbG0uc2V0QXR0cmlidXRlKCdwcmVzZXJ2ZUFzcGVjdFJhdGlvJywgJ25vbmUnKTtcbiAgICAgIH1cbiAgICAgIHJldHVybiBzdmdFbG07XG4gICAgfVxuXG4gICAgcmV0dXJuIG51bGw7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1zZWF0LXJlc2VydmF0aW9uLWdyYXBoaWMnOiBTYmJTZWF0UmVzZXJ2YXRpb25HcmFwaGljRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQW1CTSxvQ0FBZ0MsTUFBQTs7MEJBRHJDLGNBQWMsOEJBQThCLENBQUM7Ozs7b0JBQ0M7Ozs7Ozs7QUFBUixFQUFBLG1CQUFRLFlBQVU7QUFBQTs7QUFNdkQ7QUFLQTtBQUxnQix5QkFBQSx3QkFBQSxrQkFBQSxNQUFBLG9CQUFlLEVBQUU7QUFLakIseUJBQUEsNEJBQUEsa0JBQUEsTUFBQSx1QkFBQSxHQUFBLGtCQUFBLE1BQUEsdUJBQW1CLEtBQUs7QUFFaEMsV0FBQSxrRUFBWSxJQUFJLHNCQUFzQixJQUFJO0FBQUEsSUFzQ3BEO0FBQUE7QUFBQSxJQTdDRSxJQUFnQixPQUFJO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElBQUE7QUFBQSxJQUFwQixJQUFnQixLQUFJLE9BQUE7QUFBQSx5QkFBQSx3QkFBQTtBQUFBLElBQUE7QUFBQTtBQUFBLElBS3BCLElBQWdCLFVBQU87QUFBQSxhQUFBLG1CQUFBO0FBQUEsSUFBQTtBQUFBLElBQXZCLElBQWdCLFFBQU8sT0FBQTtBQUFBLHlCQUFBLDJCQUFBO0FBQUEsSUFBQTtBQUFBLElBSUosU0FBTTtBQUN2QixZQUFNLFNBQVMsYUFBYSxLQUFLLElBQUk7QUFFckMsVUFBSSxDQUFDLFFBQVEsT0FBTyxDQUFDLFFBQVEsU0FBUztBQUNwQyxlQUFPO0FBQUEsTUFDVDtBQUVBLGFBQU87QUFBQSxlQUNJLFNBQVM7QUFBQSxRQUNoQixlQUFlLENBQUMsQ0FBQyxPQUFPO0FBQUEsUUFDeEIsa0JBQWtCLENBQUMsQ0FBQyxPQUFPO0FBQUEsTUFBQSxDQUM1QixDQUFDO0FBQUE7QUFBQSxRQUVBLE9BQU8sVUFDTDtBQUFBLG9CQUNVLE9BQU8sV0FBVyxFQUFFO0FBQUE7QUFBQSwwQkFFZCx1QkFBdUIsT0FBTyxTQUFTLEtBQUssVUFBVSxPQUFPLENBQUM7QUFBQSwwQkFFOUUsT0FBTyxLQUFLLGVBQWUsT0FBTyxHQUFJLENBQUMsRUFBRTtBQUFBO0FBQUEsSUFFakQ7QUFBQSxJQUVRLGVBQWUsS0FBVztBQUNoQyxVQUFJLENBQUMsVUFBVTtBQUNiLGNBQU0sU0FBUyxJQUFJLFVBQUE7QUFDbkIsY0FBTSxZQUFZLE9BQU87QUFDekIsY0FBTSxTQUFTLE9BQU8sZ0JBQWdCLFdBQVcsZUFBZSxFQUFFO0FBQ2xFLFlBQUksS0FBSyxXQUFXLFFBQVEsU0FBUyxZQUFBLE1BQWtCLE9BQU87QUFDNUQsaUJBQU8sYUFBYSx1QkFBdUIsTUFBTTtBQUFBLFFBQ25EO0FBQ0EsZUFBTztBQUFBLE1BQ1Q7QUFFQSxhQUFPO0FBQUEsSUFDVDtBQUFBLEtBNUNBLHdDQUtBOzt3QkFQQyxhQUNBLFNBQVMsRUFBRSxXQUFXLE9BQUEsQ0FBUSxDQUFDO0FBSS9CLDBCQUFBLENBQUEsVUFBQSxHQUNBLFNBQVMsRUFBRSxXQUFXLFdBQVcsTUFBTSxRQUFBLENBQVMsQ0FBQztBQUpsRCxpQkFBQSxJQUFBLE1BQUEsa0JBQUEsRUFBQSxNQUFBLFlBQUEsTUFBQSxRQUFBLFFBQUEsT0FBQSxTQUFBLE9BQUEsUUFBQSxFQUFBLEtBQUEsQ0FBQSxRQUFBLFVBQUEsS0FBQSxLQUFBLENBQUEsUUFBQSxJQUFnQixNQUFJLEtBQUEsQ0FBQSxLQUFBLFVBQUE7QUFBQSxVQUFKLE9BQUk7QUFBQSxJQUFBLEtBQUEsVUFBQSxVQUFBLEdBQUEsb0JBQUEsdUJBQUE7QUFLcEIsaUJBQUEsSUFBQSxNQUFBLHFCQUFBLEVBQUEsTUFBQSxZQUFBLE1BQUEsV0FBQSxRQUFBLE9BQUEsU0FBQSxPQUFBLFFBQUEsRUFBQSxLQUFBLENBQUEsUUFBQSxhQUFBLEtBQUEsS0FBQSxDQUFBLFFBQUEsSUFBZ0IsU0FBTyxLQUFBLENBQUEsS0FBQSxVQUFBO0FBQUEsVUFBUCxVQUFPO0FBQUEsSUFBQSxLQUFBLFVBQUEsVUFBQSxHQUFBLHVCQUFBLDBCQUFBO0FBWHpCLGlCQUFBLE1BQUEsbUJBQUEsRUFBQSxPQUFBLFdBQUEsR0FBQSxrQkFBQSxFQUFBLE1BQUEsU0FBQSxNQUFBLFdBQUEsTUFBQSxVQUFBLFVBQUEsR0FBQSxNQUFBLHVCQUFBOzs7UUFDeUIsR0FBQSxTQUF5QixDQUFDLGlCQUFpQixLQUFLLEdBRG5FLGtCQUFBLFlBQUEsdUJBQUEsR0FBaUM7OzsifQ==

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

@@ -0,0 +1,5 @@
+/**
+ * @entrypoint
+ */
+export * from './seat-reservation-graphic/seat-reservation-graphic.component.ts';
+//# 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;;GAEG;AACH,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-coach/seat-reservation-navigation-coach.component.d.ts

@@ -0,0 +1,65 @@
+import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
+import { CoachNumberOfFreePlaces, PlaceTravelClass } from '../common.ts';
+export type SelectCoachEventDetails = number;
+/**
+ * This component will display the navigation coach item for Seat reservation.
+ */
+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[];
+    /** Select coach property */
+    accessor selected: boolean;
+    /** Focus coach property */
+    accessor focused: boolean;
+    /** Hover coach property */
+    accessor hovered: boolean;
+    /** Native focus for this navigation coach is also set when the focused property is changed */
+    accessor nativeFocusActive: boolean;
+    accessor index: number;
+    /** Representation of places available for selecting, counting seat places and bicycle places separately */
+    accessor freePlacesByType: CoachNumberOfFreePlaces;
+    /** 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;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    /**
+     * Render a list of service icons provided by a caller
+     *
+     * @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-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-coach/seat-reservation-navigation-coach.component.ts"],"names":[],"mappings":"AAGA,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,uBAAuB,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAI9E,OAAO,+CAA+C,CAAC;AACvD,OAAO,4CAA4C,CAAC;AAEpD,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAE7C;;GAEG;AACH,qBAEM,wCAAyC,SAAQ,UAAU;IAC/D,OAAuB,MAAM,EAAE,cAAc,CAA4B;IACzE,gBAAuB,MAAM;;;MAGlB;IAEX,sEAAsE;IACtE,SAEgB,OAAO,EAAE,MAAM,CAAM;IAErC,2FAA2F;IAC3F,SACgB,WAAW,EAAE,MAAM,EAAE,CAAM;IAE3C,4BAA4B;IAC5B,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C,2BAA2B;IAC3B,SAEgB,OAAO,EAAE,OAAO,CAAS;IAEzC,2BAA2B;IAC3B,SAEgB,OAAO,EAAE,OAAO,CAAS;IAEzC,8FAA8F;IAC9F,SAEgB,iBAAiB,EAAE,OAAO,CAAQ;IAElD,SAEgB,KAAK,EAAE,MAAM,CAAK;IAElC,2GAA2G;IAC3G,SACgB,gBAAgB,EAAE,uBAAuB,CAA6B;IAEtF,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;cAEjC,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IA2B5E;;;;OAIG;cACgB,MAAM,IAAI,cAAc;IAuB3C,OAAO,CAAC,oBAAoB;IAwB5B,OAAO,CAAC,kBAAkB;IA4B1B,OAAO,CAAC,kCAAkC;IAmC1C,OAAO,CAAC,gCAAgC;IAYxC;;;;OAIG;IACH,OAAO,CAAC,eAAe;IAcvB,OAAO,CAAC,2BAA2B;CASpC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uCAAuC,EAAE,wCAAwC,CAAC;KACnF;CACF"}