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

package/seat-reservation/seat-reservation/seat-reservation.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"seat-reservation.component.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/seat-reservation/seat-reservation/seat-reservation.component.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAM1E,OAAO,KAAK,EAMV,eAAe,EAChB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC;AAGhF,OAAO,+CAA+C,CAAC;AACvD,OAAO,6BAA6B,CAAC;AACrC,OAAO,gCAAgC,CAAC;AACxC,OAAO,sCAAsC,CAAC;AAC9C,OAAO,qEAAqE,CAAC;AAC7E,OAAO,wCAAwC,CAAC;AAEhD;;;;;GAKG;AACH,qBAEM,yBAA0B,SAAQ,0BAA0B;IAChE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,wEAAwE;IACxE,SACyB,eAAe,EAAE,eAAe,CAAS;IAElE,uEAAuE;IACvE,SAEyB,aAAa,EAAE,OAAO,CAAQ;IAEvD,gGAAgG;IAChG,SAEyB,aAAa,EAAE,OAAO,CAAS;IAExD,iDAAiD;IACjD,SAEyB,eAAe,EAAE,MAAM,CAAS;IAEzD,2CAA2C;IAC3C,SAEyB,iBAAiB,EAAE,OAAO,CAAS;IAE5D,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,oBAAoB,CAAC,CAAiB;IAE9C,OAAO,CAAC,gBAAgB,CAQtB;IAEF,OAAO,CAAC,2BAA2B,CAAkB;cAElC,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAgBzD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAK3D,MAAM,IAAI,cAAc,GAAG,IAAI;IAKlD,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,uCAAuC;IAwC/C,OAAO,CAAC,iBAAiB;IAqCzB;;;;OAIG;IACH,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,mBAAmB;IA0B3B,OAAO,CAAC,wBAAwB;IA+BhC,OAAO,CAAC,qBAAqB;IA0B7B,OAAO,CAAC,wBAAwB;IA2ChC,OAAO,CAAC,6BAA6B;IA0BrC,OAAO,CAAC,yBAAyB;IA2EjC,OAAO,CAAC,4BAA4B;IA0CpC,OAAO,CAAC,2BAA2B;IAyCnC;;;;OAIG;IACH,OAAO,CAAC,cAAc;IAYtB,OAAO,CAAC,iBAAiB;IAazB,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,yBAAyB;IAuBjC,OAAO,CAAC,8BAA8B;CAyBvC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,sBAAsB,EAAE,yBAAyB,CAAC;KACnD;CACF"}

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

@@ -0,0 +1,404 @@
+var q = (n) => {
+  throw TypeError(n);
+};
+var K = (n, o, c) => o.has(n) || q("Cannot " + c);
+var R = (n, o, c) => (K(n, o, "read from private field"), c ? c.call(n) : o.get(n)), x = (n, o, c) => o.has(n) ? q("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(n) : o.set(n, c), b = (n, o, c, u) => (K(n, o, "write to private field"), u ? u.call(n, c) : o.set(n, c), c);
+import { __runInitializers as p, __esDecorate as S } from "tslib";
+import { SbbLanguageController as X } from "@sbb-esta/lyne-elements/core/controllers.js";
+import { forceType as P } from "@sbb-esta/lyne-elements/core/decorators.js";
+import { css as J, html as h, nothing as A } from "lit";
+import { customElement as Y, property as y } from "lit/decorators.js";
+import { classMap as Q } from "lit/directives/class-map.js";
+import { styleMap as Z } from "lit/directives/style-map.js";
+import { getI18nSeatReservation as _ } from "../common.js";
+import { SeatReservationBaseElement as ee } from "./seat-reservation-base-element.js";
+import "@sbb-esta/lyne-elements/screen-reader-only.js";
+import "../seat-reservation-area.js";
+import "../seat-reservation-graphic.js";
+import "../seat-reservation-place-control.js";
+import "../seat-reservation-navigation/seat-reservation-navigation-coach.js";
+import "./seat-reservation-scoped-component/seat-reservation-scoped.component.js";
+const te = J`*,:before,:after{box-sizing:border-box}:host{--sbb-seat-reservation-grid-size: 16px;--sbb-seat-reservation-vertical-offset: 0;display:block}:host ::part(coach-floor){fill:var(--sbb-color-white)}@media (forced-colors: active){:host ::part(coach-floor){fill:transparent}}.sbb-sr__wrapper--vertical{width:fit-content;position:relative;inset-inline-start:var(--sbb-seat-reservation-vertical-offset);rotate:90deg;transform-origin:top left}.sbb-sr__wrapper--vertical .sbb-sr__parent{overflow-y:hidden}.sbb-sr__wrapper--vertical .sbb-sr__list-coaches{width:100vw}.sbb-sr-navigation--vertical{inset-inline-start:var(--sbb-seat-reservation-vertical-offset);margin-inline-start:1.25rem;position:absolute}.sbb-sr-navigation--vertical .sbb-sr-navigation__list-coaches{flex-direction:column}.sbb-sr-navigation__list-coaches{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;justify-content:center;flex-wrap:nowrap;gap:var(--sbb-spacing-fixed-1x);min-height:3.75rem}.sbb-sr__parent{overflow-x:scroll;padding:3rem 0}.sbb-sr__list-coaches{display:flex;gap:.25rem;padding:0;margin:0;list-style:none}.sbb-sr__item-coach{padding:0;margin:0;position:relative}.sbb-sr-coach-wrapper__table{outline:0}`;
+let me = (() => {
+  var g, f, m, $, C, d;
+  let n = [Y("sbb-seat-reservation")], o, c = [], u, N = ee, T, z = [], O = [], k, D = [], G = [], I, V = [], E = [], B, L = [], F = [], M, H = [], W = [];
+  return d = class extends N {
+    constructor() {
+      super(...arguments);
+      x(this, g);
+      x(this, f);
+      x(this, m);
+      x(this, $);
+      x(this, C);
+      b(this, g, p(this, z, null)), b(this, f, (p(this, O), p(this, D, !0))), b(this, m, (p(this, G), p(this, V, !1))), b(this, $, (p(this, E), p(this, L, null))), b(this, C, (p(this, F), p(this, H, !1))), this._language = (p(this, W), new X(this)), this._notAreaElements = [
+        "DRIVER_AREA_FULL",
+        "COACH_PASSAGE",
+        "COACH_WALL_NO_PASSAGE",
+        "COMPARTMENT_PASSAGE",
+        "COMPARTMENT_PASSAGE_HIGH",
+        "COMPARTMENT_PASSAGE_MIDDLE",
+        "COMPARTMENT_PASSAGE_LOW"
+      ], this._notFixedRotatableAreaIcons = ["ENTRY_EXIT"];
+    }
+    /** The seat reservation object which contains all coaches and places */
+    get seatReservation() {
+      return R(this, g);
+    }
+    set seatReservation(e) {
+      b(this, g, e);
+    }
+    /** The seat resvervation navigation can be toggled by this property */
+    get hasNavigation() {
+      return R(this, f);
+    }
+    set hasNavigation(e) {
+      b(this, f, e);
+    }
+    /** controls the visual represention of seat reservation in a horizonal or vertical alignment */
+    get alignVertical() {
+      return R(this, m);
+    }
+    set alignVertical(e) {
+      b(this, m, e);
+    }
+    /** Maximal number of possible clickable seats */
+    get maxReservations() {
+      return R(this, $);
+    }
+    set maxReservations(e) {
+      b(this, $, e);
+    }
+    /** Any click functionality is prevented */
+    get preventPlaceClick() {
+      return R(this, C);
+    }
+    set preventPlaceClick(e) {
+      b(this, C, e);
+    }
+    willUpdate(e) {
+      var t, i;
+      super.willUpdate(e), e.has("hasNavigation") && (this.hasNavigation ? (t = this.shadowRoot) == null || t.querySelectorAll("table").forEach((s) => s.removeAttribute("tabindex")) : (i = this.shadowRoot) == null || i.querySelectorAll("table").forEach((s) => s.setAttribute("tabindex", "0")));
+    }
+    firstUpdated(e) {
+      super.firstUpdated(e), this._componentSetup();
+    }
+    render() {
+      return this._initVehicleSeatReservationConstruction(), this._coachesHtmlTemplate || null;
+    }
+    _componentSetup() {
+      this.initNavigationSelectionByScrollEvent();
+    }
+    _initVehicleSeatReservationConstruction() {
+      var i;
+      const e = JSON.parse(JSON.stringify((i = this.seatReservation) == null ? void 0 : i.coachItems)), t = this.alignVertical ? "sbb-sr__wrapper--vertical" : "";
+      this._coachesHtmlTemplate = h`
+      <div>
+        <sbb-screen-reader-only>
+          <input
+            id="first-tab-element"
+            role="contentinfo"
+            type="text"
+            aria-label="${_("SEAT_RESERVATION_BEGIN", this._language.current)}"
+            readonly
+          />
+        </sbb-screen-reader-only>
+
+        <div @keydown=${(s) => this.handleKeyboardEvent(s)}>
+          ${this._renderNavigation()}
+          <div class="sbb-sr__wrapper ${t}">
+            <div id="sbb-sr__parent-area" class="sbb-sr__parent" tabindex="-1">
+              <ul class="sbb-sr__list-coaches" role="presentation">
+                ${this._renderCoaches(e)}
+              </ul>
+            </div>
+          </div>
+        </div>
+
+        <sbb-screen-reader-only>
+          <input
+            id="last-tab-element"
+            role="contentinfo"
+            type="text"
+            aria-label="${_("SEAT_RESERVATION_END", this._language.current)}"
+            readonly
+          />
+        </sbb-screen-reader-only>
+      </div>
+    `;
+    }
+    _renderNavigation() {
+      var e;
+      return this.hasNavigation ? h`
+      <nav class="${Q({ "sbb-sr-navigation--vertical": this.alignVertical })}">
+        <ul
+          class="sbb-sr-navigation__list-coaches"
+          aria-label="${_("SEAT_RESERVATION_NAVIGATION", this._language.current)}"
+        >
+          ${(e = this.seatReservation) == null ? void 0 : e.coachItems.map((t, i) => {
+        var s, a;
+        return h`<li>
+              <sbb-seat-reservation-navigation-coach
+                @selectCoach=${(r) => this._onSelectNavCoach(r)}
+                @focusCoach=${() => this._onFocusNavCoach()}
+                index="${i}"
+                coach-id="${t.id}"
+                .selected=${this.selectedCoachIndex === i}
+                .focused=${this.focusedCoachIndex === i}
+                .propertyIds="${t.propertyIds}"
+                .travelClass="${t.travelClass}"
+                ?driver-area="${!((s = t.places) != null && s.length)}"
+                ?first="${i === 0}"
+                ?last="${i === ((a = this.seatReservation) == null ? void 0 : a.coachItems.length) - 1}"
+                ?vertical="${this.alignVertical}"
+              >
+              </sbb-seat-reservation-navigation-coach>
+            </li>`;
+      })}
+        </ul>
+      </nav>
+    ` : null;
+    }
+    /**
+     *
+     * @param coaches
+     * @returns
+     */
+    _renderCoaches(e) {
+      return e ? e.map((t, i) => h`
+        <li class="sbb-sr__item-coach">${this._renderCoachElement(t, i)}</li>
+      `) : null;
+    }
+    _renderCoachElement(e, t) {
+      const i = this.getCalculatedDimension(e.dimension), s = this._getDescriptionTableCoach(e);
+      return h` <sbb-seat-reservation-scoped
+      scoped-classes="coach-wrapper"
+      height="${i.h}px"
+      width="${i.w}px"
+    >
+      ${this._getRenderedCoachBorders(e, t)}
+      ${this._getRenderedGraphicalElements(e.graphicElements || [], e.dimension)}
+      ${this._getRenderedServiceElements(e.serviceElements)}
+      <table
+        @focus=${() => this.onFocusTableCoachAndPreselectPlace(t)}
+        id="sbb-sr-coach-${t}"
+        class="sbb-sr-coach-wrapper__table"
+        aria-describedby="sbb-sr-coach-caption-${t}"
+      >
+        <caption id="sbb-sr-coach-caption-${t}" tabindex="-1">
+          <sbb-screen-reader-only>${s}</sbb-screen-reader-only>
+        </caption>
+        ${this._getRenderedRowPlaces(e, t)}
+      </table>
+    </sbb-seat-reservation-scoped>`;
+    }
+    _getRenderedCoachBorders(e, t) {
+      const i = e.graphicElements, s = 1, a = i == null ? void 0 : i.find((v) => v.icon === "DRIVER_AREA_FULL"), r = a ? e.dimension.w - a.dimension.w - s : e.dimension.w - s * 2, l = t === 0 && a ? (a == null ? void 0 : a.dimension.w) * this.baseGridSize : this.baseGridSize;
+      return h`
+      <sbb-seat-reservation-scoped
+        scoped-classes="coach-border"
+        inset-block-start="${this.coachBorderPadding * -1}px"
+        inset-inline-start="${l}px"
+      >
+        <sbb-seat-reservation-graphic
+          name="COACH_BORDER_MIDDLE"
+          width=${r * this.baseGridSize}
+          height=${(e.dimension.h + this.coachBorderOffset * 2) * this.baseGridSize}
+          ?stretch=${!0}
+          role="presentation"
+        ></sbb-seat-reservation-graphic>
+      </sbb-seat-reservation-scoped>
+    `;
+    }
+    _getRenderedRowPlaces(e, t) {
+      if (!e.places)
+        return null;
+      const i = {};
+      for (const s of e.places)
+        i[s.position.y] ? i[s.position.y].push(s) : i[s.position.y] = [s];
+      return Object.values(i).map((s, a) => h`
+          <tr id="row-${t}-${s[0].position.y}" data-row-index=${a}>
+            ${this._getRenderedColumnPlaces(s, t)}
+          </tr>
+        `).flatMap((s) => s);
+    }
+    _getRenderedColumnPlaces(e, t) {
+      return e.sort((i, s) => Number(i.position.x) - Number(s.position.x)), e == null ? void 0 : e.map((i, s) => {
+        const a = this.getCalculatedDimension(i.dimension), r = this.getCalculatedPosition(i.position), l = this.alignVertical ? -90 : 0;
+        return h`
+        <sbb-seat-reservation-scoped
+          scoped-classes="graphical-element"
+          inset-block-start="${r.y}px"
+          inset-inline-start="${r.x}px"
+          width="${a.w}px"
+          height="${a.h}px"
+          z-index="${i.position.z}"
+          cell-id="cell-${t}-${i.position.y}-${s}"
+        >
+          <sbb-seat-reservation-place-control
+            @selectPlace=${(v) => this._onSelectPlace(v)}
+            exportparts="sbb-sr-place-part"
+            id="seat-reservation__place-button-${t}-${i.number}"
+            class="seat-reservation-place-control"
+            data-cell-id="${t}-${i.position.y}-${s}"
+            text=${i.number}
+            type=${i.type}
+            state=${i.state}
+            width=${i.dimension.w * this.baseGridSize}
+            height=${i.dimension.h * this.baseGridSize}
+            rotation=${i.rotation ?? A}
+            text-rotation=${l}
+            coach-index=${t}
+            .propertyIds=${i.propertyIds}
+            .preventClick=${this.preventPlaceClick}
+          ></sbb-seat-reservation-place-control>
+        </sbb-seat-reservation-scoped>
+      `;
+      });
+    }
+    _getRenderedGraphicalElements(e, t) {
+      return e ? e == null ? void 0 : e.map((i) => {
+        const s = i.icon ?? "", a = i.rotation || 0, r = this._notFixedRotatableAreaIcons.indexOf(i.icon) === -1, l = this.alignVertical && r ? a - 90 : a;
+        return this._notAreaElements.findIndex((v) => v === s) > -1 ? this._getRenderElementWithoutArea(i, a, t) : this._getRenderElementWithArea(i, l, t);
+      }) : null;
+    }
+    _getRenderElementWithArea(e, t, i) {
+      var U;
+      const s = ((U = e.icon) == null ? void 0 : U.indexOf("TABLE")) === -1, a = e.icon && s ? e.icon : null, r = a !== "ENTRY_EXIT", l = e.icon ? _(e.icon, this._language.current) : A, v = this.getCalculatedDimension(e.dimension, i, !0, r), j = this.getCalculatedPosition(e.position, e.dimension, i, !0);
+      let w = "free";
+      return e.position.y === this.coachBorderOffset * -1 ? w = "upper-border" : e.position.y + e.dimension.h === i.h + this.coachBorderOffset && (w = "lower-border"), h`
+      <sbb-seat-reservation-scoped
+        scoped-classes="graphical-element"
+        inset-block-start="${j.y}px"
+        inset-inline-start="${j.x}px"
+        width="${v.w}px"
+        height="${v.h}px"
+        z-index="${e.position.z}"
+      >
+        <sbb-seat-reservation-area
+          style=${Z({
+        "--sbb-reservation-area-width": e.dimension.w * this.baseGridSize,
+        "--sbb-reservation-area-height": e.dimension.h * this.baseGridSize
+      })}
+          mounting=${w}
+          background="dark"
+          aria-hidden="true"
+          title=${l}
+        >
+          ${a ? h`
+                <sbb-seat-reservation-graphic
+                  name=${a}
+                  rotation=${t}
+                  width=${this.baseGridSize}
+                  height=${this.baseGridSize}
+                  role="img"
+                  aria-hidden="true"
+                ></sbb-seat-reservation-graphic>
+              ` : A}
+        </sbb-seat-reservation-area>
+      </sbb-seat-reservation-scoped>
+    `;
+    }
+    _getRenderElementWithoutArea(e, t, i) {
+      var l;
+      const s = this.getCalculatedDimension(e.dimension, i), a = this.getCalculatedPosition(e.position, e.dimension, i), r = e.icon && e.icon.indexOf("DRIVER_AREA") === -1 ? e.icon : (l = e.icon) == null ? void 0 : l.concat("_", this.seatReservation.vehicleType);
+      return h`
+      <sbb-seat-reservation-scoped
+        scoped-classes="graphical-element"
+        inset-block-start="${a.y}px"
+        inset-inline-start="${a.x}px"
+        width="${s.w}px"
+        height="${s.h}px"
+        z-index="${e.position.z}"
+      >
+        <sbb-seat-reservation-graphic
+          name=${r ?? A}
+          width=${e.dimension.w * this.baseGridSize}
+          height=${e.dimension.h * this.baseGridSize}
+          rotation=${t}
+          aria-hidden="true"
+          ?stretch=${!0}
+        ></sbb-seat-reservation-graphic>
+      </sbb-seat-reservation-scoped>
+    `;
+    }
+    _getRenderedServiceElements(e) {
+      return e ? e == null ? void 0 : e.map((t) => {
+        const i = t.icon ? _(t.icon, this._language.current) : null, s = this.getCalculatedDimension(t.dimension), a = this.getCalculatedPosition(t.position), r = t.rotation || 0, l = this.alignVertical ? r - 90 : r;
+        return h`
+        <sbb-seat-reservation-scoped
+          scoped-classes="graphical-element"
+          inset-block-start="${a.y}px"
+          inset-inline-start="${a.x}px"
+          width="${s.w}px"
+          height="${s.h}px"
+          z-index="${t.position.z}"
+        >
+          <sbb-seat-reservation-graphic
+            name=${t.icon ?? A}
+            width=${t.dimension.w * this.baseGridSize}
+            height=${t.dimension.h * this.baseGridSize}
+            .rotation=${l}
+            role="img"
+            aria-hidden="true"
+            title=${i ?? A}
+          ></sbb-seat-reservation-graphic>
+        </sbb-seat-reservation-scoped>
+      `;
+      }) : null;
+    }
+    /**
+     * Manages the selected place event triggered from the place
+     * Each selection emits an array of all selected places
+     * @param selectPlaceEvent
+     */
+    _onSelectPlace(e) {
+      const t = e.detail;
+      this.preventCoachScrollByPlaceClick = !0, this.isCochGridFocusable = !1, this.preventPlaceClick || (this.updateSelectedSeatReservationPlaces(t), this.updateCurrentSelectedPlaceInCoach(t));
+    }
+    _onSelectNavCoach(e) {
+      const t = e.detail;
+      this.isKeyboardNavigation = !1, t !== null && t !== this.currSelectedCoachIndex ? (this.unfocusPlaceElement(), this.scrollToSelectedNavCoach(t)) : t === this.currSelectedCoachIndex && (this.updateCurrentSelectedCoach(), this.preselectPlaceInCoach());
+    }
+    _onFocusNavCoach() {
+      this.preventCoachScrollByPlaceClick ? this.focusPlaceElement(this.currSelectedPlace) : this.preselectPlaceInCoach(), this.isAutoScrolling = !1;
+    }
+    _getDescriptionTableCoach(e) {
+      var a;
+      if (!((a = e.places) != null && a.length))
+        return _("COACH_BLOCKED_TABLE_CAPTION", this._language.current, [
+          e.id
+        ]);
+      let t = "";
+      const i = this._getTitleDescriptionListString(e.graphicElements), s = this._getTitleDescriptionListString(e.serviceElements);
+      return t = _("COACH_TABLE_CAPTION", this._language.current, [
+        e.id
+      ]), (i || s) && (t += ". " + _("COACH_AVAILABLE_SERVICES", this._language.current) + ": ", t += s + ", " + i + "."), t;
+    }
+    _getTitleDescriptionListString(e) {
+      const t = [];
+      return e == null ? void 0 : e.map((i) => {
+        const s = i.icon;
+        if (!s)
+          return null;
+        const a = t.indexOf(s) > -1, r = _(i.icon, this._language.current), l = this._notFixedRotatableAreaIcons.indexOf(s) === -1 && this._notAreaElements.indexOf(s) === -1;
+        return a || t.push(i.icon), r && !a && l ? r : null;
+      }).filter((i) => !!i).join(", ");
+    }
+  }, g = new WeakMap(), f = new WeakMap(), m = new WeakMap(), $ = new WeakMap(), C = new WeakMap(), u = d, (() => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(N[Symbol.metadata] ?? null) : void 0;
+    T = [y({ attribute: "seat-reservation", type: Object })], k = [P(), y({ attribute: "has-navigation", type: Boolean })], I = [P(), y({ attribute: "align-vertical", type: Boolean })], B = [P(), y({ attribute: "max-reservations", type: Number })], M = [P(), y({ attribute: "prevent-place-click", type: Boolean })], S(d, null, T, { kind: "accessor", name: "seatReservation", static: !1, private: !1, access: { has: (t) => "seatReservation" in t, get: (t) => t.seatReservation, set: (t, i) => {
+      t.seatReservation = i;
+    } }, metadata: e }, z, O), S(d, null, k, { kind: "accessor", name: "hasNavigation", static: !1, private: !1, access: { has: (t) => "hasNavigation" in t, get: (t) => t.hasNavigation, set: (t, i) => {
+      t.hasNavigation = i;
+    } }, metadata: e }, D, G), S(d, null, I, { kind: "accessor", name: "alignVertical", static: !1, private: !1, access: { has: (t) => "alignVertical" in t, get: (t) => t.alignVertical, set: (t, i) => {
+      t.alignVertical = i;
+    } }, metadata: e }, V, E), S(d, null, B, { kind: "accessor", name: "maxReservations", static: !1, private: !1, access: { has: (t) => "maxReservations" in t, get: (t) => t.maxReservations, set: (t, i) => {
+      t.maxReservations = i;
+    } }, metadata: e }, L, F), S(d, null, M, { kind: "accessor", name: "preventPlaceClick", static: !1, private: !1, access: { has: (t) => "preventPlaceClick" in t, get: (t) => t.preventPlaceClick, set: (t, i) => {
+      t.preventPlaceClick = i;
+    } }, metadata: e }, H, W), S(null, o = { value: u }, n, { kind: "class", name: u.name, metadata: e }, null, c), u = o.value, e && Object.defineProperty(u, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), d.styles = te, p(u, c), u;
+})();
+export {
+  me as SbbSeatReservationElement
+};

package/seat-reservation/seat-reservation-area/seat-reservation-area.component.d.ts

@@ -0,0 +1,18 @@
+import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
+/**
+ * Visualize an area with a special meaning within a wagon.
+ */
+export declare class SbbSeatReservationAreaElement extends LitElement {
+    static styles: CSSResultGroup;
+    /** Mounting Prop */
+    accessor mounting: 'free' | 'upper-border' | 'lower-border' | 'upper-to-lower-border';
+    /** the background of the area */
+    accessor background: 'light' | 'dark';
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-seat-reservation-area': SbbSeatReservationAreaElement;
+    }
+}
+//# sourceMappingURL=seat-reservation-area.component.d.ts.map

package/seat-reservation/seat-reservation-area/seat-reservation-area.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"seat-reservation-area.component.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/seat-reservation/seat-reservation-area/seat-reservation-area.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAKvC;;GAEG;AACH,qBAEM,6BAA8B,SAAQ,UAAU;IACpD,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,oBAAoB;IACpB,SAEgB,QAAQ,EAAE,MAAM,GAAG,cAAc,GAAG,cAAc,GAAG,uBAAuB,CACnF;IAET,iCAAiC;IACjC,SAEgB,UAAU,EAAE,OAAO,GAAG,MAAM,CAAW;cAEpC,MAAM,IAAI,cAAc;CAG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,2BAA2B,EAAE,6BAA6B,CAAC;KAC5D;CACF"}

package/seat-reservation/seat-reservation-area/seat-reservation-area.component.js

@@ -0,0 +1,49 @@
+var x = (r) => {
+  throw TypeError(r);
+};
+var y = (r, e, t) => e.has(r) || x("Cannot " + t);
+var c = (r, e, t) => (y(r, e, "read from private field"), t ? t.call(r) : e.get(r)), u = (r, e, t) => e.has(r) ? x("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(r) : e.set(r, t), m = (r, e, t, o) => (y(r, e, "write to private field"), o ? o.call(r, t) : e.set(r, t), t);
+import { __esDecorate as g, __runInitializers as l } from "tslib";
+import { forceType as z } from "@sbb-esta/lyne-elements/core/decorators.js";
+import { css as E, LitElement as I, html as j } from "lit";
+import { customElement as D, property as S } from "lit/decorators.js";
+const O = E`*,:before,:after{box-sizing:border-box}:host{--sbb-reservation-area-border-radius: var(--sbb-border-width-4x);--sbb-reservation-area-rotation: 0;display:flex;justify-content:center;align-items:center;height:calc(var(--sbb-reservation-area-height) * .0625rem);width:calc(var(--sbb-reservation-area-width) * .0625rem);border:var(--sbb-border-width-1x) solid var(--sbb-color-graphite);border-radius:var(--sbb-reservation-area-border-radius);position:inherit;rotate:calc(var(--sbb-reservation-area-rotation) * 1deg);background-color:var(--sbb-color-white)}:host([background=dark]){background-color:var(--sbb-color-milk)}:host([mounting=upper-border]){border-block-start-width:var(--sbb-border-width-2x);border-radius:0 0 var(--sbb-reservation-area-border-radius) var(--sbb-reservation-area-border-radius)}:host([mounting=lower-border]){border-block-end-width:var(--sbb-border-width-2x);border-radius:var(--sbb-reservation-area-border-radius) var(--sbb-reservation-area-border-radius) 0 0}:host([mounting=upper-to-lower-border]){border-block-start:none;border-block-end:none;border-radius:0}`;
+let B = (() => {
+  var n, b, s;
+  let r = [D("sbb-seat-reservation-area")], e, t = [], o, h = I, v, _ = [], k = [], p, f = [], w = [];
+  return s = class extends h {
+    constructor() {
+      super(...arguments);
+      u(this, n, l(this, _, "free"));
+      u(this, b, (l(this, k), l(this, f, "light")));
+      l(this, w);
+    }
+    /** Mounting Prop */
+    get mounting() {
+      return c(this, n);
+    }
+    set mounting(i) {
+      m(this, n, i);
+    }
+    /** the background of the area */
+    get background() {
+      return c(this, b);
+    }
+    set background(i) {
+      m(this, b, i);
+    }
+    render() {
+      return j`<slot></slot>`;
+    }
+  }, n = new WeakMap(), b = new WeakMap(), o = s, (() => {
+    const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(h[Symbol.metadata] ?? null) : void 0;
+    v = [z(), S({ reflect: !0 })], p = [z(), S({ reflect: !0 })], g(s, null, v, { kind: "accessor", name: "mounting", static: !1, private: !1, access: { has: (a) => "mounting" in a, get: (a) => a.mounting, set: (a, d) => {
+      a.mounting = d;
+    } }, metadata: i }, _, k), g(s, null, p, { kind: "accessor", name: "background", static: !1, private: !1, access: { has: (a) => "background" in a, get: (a) => a.background, set: (a, d) => {
+      a.background = d;
+    } }, metadata: i }, f, w), g(null, e = { value: o }, r, { kind: "class", name: o.name, metadata: i }, null, t), o = e.value, i && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: i });
+  })(), s.styles = O, l(o, t), o;
+})();
+export {
+  B as SbbSeatReservationAreaElement
+};

package/seat-reservation/seat-reservation-area.d.ts

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

package/seat-reservation/seat-reservation-area.d.ts.map

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

package/seat-reservation/seat-reservation-area.js

@@ -0,0 +1,4 @@
+import { SbbSeatReservationAreaElement as t } from "./seat-reservation-area/seat-reservation-area.component.js";
+export {
+  t as SbbSeatReservationAreaElement
+};

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

@@ -0,0 +1,9 @@
+import { TemplateResult } from 'lit';
+/**
+ * svgImageByOSDMCode Function returns the corresponding svg image by OSDM Code
+ * @param osdmCode
+ * @returns The SVG Image as TemplateResult if it matches the OSDM code, or null if it's not found.
+ */
+export declare const svgImageByOSDMCode: (osdmCode: string) => TemplateResult | null;
+export declare const assetsTemplate: TemplateResult;
+//# sourceMappingURL=seat-reservation-assets.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"seat-reservation-assets.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/seat-reservation/seat-reservation-graphic/seat-reservation-assets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKhD,OAAO,kCAAkC,CAAC;AAC1C,OAAO,gCAAgC,CAAC;AAUxC;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,GAAI,UAAU,MAAM,KAAG,cAAc,GAAG,IAMtE,CAAC;AAmSF,eAAO,MAAM,cAAc,EAAE,cAgB5B,CAAC"}