@sbb-esta/lyne-elements-experimental 2.11.1 → 2.11.3

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

@@ -10,13 +10,13 @@ import { forceType as v } from "@sbb-esta/lyne-elements/core/decorators.js";
 import { EventEmitter as ft } from "@sbb-esta/lyne-elements/core/eventing.js";
 import { css as gt, nothing as kt, html as xt } from "lit";
 import { customElement as yt, property as d } from "lit/decorators.js";
-import { getI18nSeatReservation as R } from "../common.js";
+import { getI18nSeatReservation as C } from "../common.js";
 import "../seat-reservation-graphic.js";
 const mt = gt`*,:before,:after{box-sizing:border-box}:host{--sbb-reservation-place-control-rotation: 0;--sbb-reservation-place-control-text-rotation: 0;--sbb-reservation-place-control-text-size: calc( var(--sbb-place-control-text-scale-value, 1) * .5 );--sbb-reservation-place-control-default-text: var(--sbb-color-black);--sbb-reservation-place-control-hover-text: var(--sbb-color-iron);--sbb-reservation-place-control-focus-text: var(--sbb-color-anthracite);--sbb-reservation-place-control-allocated-text: var(--sbb-color-smoke);--sbb-reservation-place-control-free-background-default: var(--sbb-color-white);--sbb-reservation-place-control-free-background-hover: var(--sbb-color-cloud);--sbb-reservation-place-control-free-background-focus: var(--sbb-color-silver);--sbb-reservation-place-control-free-backrest-background-default: var(--sbb-color-black);--sbb-reservation-place-control-free-backrest-background-hover: var(--sbb-color-black);--sbb-reservation-place-control-free-backrest-background-focus: var(--sbb-color-black);--sbb-reservation-place-control-selected-background-default: var(--sbb-color-red);--sbb-reservation-place-control-selected-background-hover: var(--sbb-color-red125);--sbb-reservation-place-control-selected-background-focus: var(--sbb-color-red150);--sbb-reservation-place-control-selected-backrest-background-default: var(--sbb-color-red150);--sbb-reservation-place-control-selected-backrest-background-hover: #7d000f;--sbb-reservation-place-control-selected-backrest-background-focus: #5a000b;--sbb-reservation-place-control-allocated-background-default: var(--sbb-color-milk);cursor:pointer}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-reservation-place-control-free-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-reservation-place-control-free-backrest-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-reservation-place-control-free-background-hover);color:var(--sbb-reservation-place-control-free-text)}:host(:hover) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-reservation-place-control-selected-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-reservation-place-control-selected-backrest-background-hover)}:host(:hover) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-reservation-place-control-selected-background-hover);color:var(--sbb-reservation-place-control-selected-text)}:host(:focus){border-radius:var(--sbb-border-width-1x);outline:var(--sbb-border-width-2x) solid var(--sbb-color-black)}:host(:focus) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-reservation-place-control-free-background-focus)}:host(:focus) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-reservation-place-control-free-backrest-background-focus)}:host(:focus) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-reservation-place-control-free-background-focus);color:var(--sbb-reservation-place-control-free-text)}:host(:focus) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-reservation-place-control-selected-background-focus)}:host(:focus) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-reservation-place-control-selected-backrest-background-focus)}:host(:focus) .sbb-sr-place-ctrl--state-selected:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{background-color:var(--sbb-reservation-place-control-selected-background-focus);color:var(--sbb-reservation-place-control-selected-text)}.sbb-sr-place-ctrl{width:max-content;position:relative;font-size:calc(var(--sbb-reservation-place-control-text-size) * .0625rem)}.sbb-sr-place-ctrl--state-free ::part(svg-place){fill:var(--sbb-reservation-place-control-free-background-default)}.sbb-sr-place-ctrl--state-free ::part(svg-backrest){fill:var(--sbb-reservation-place-control-free-backrest-background-default)}.sbb-sr-place-ctrl--state-free .sbb-sr-place-ctrl__text{background-color:var(--sbb-reservation-place-control-free-background-default);color:var(--sbb-reservation-place-control-free-text)}.sbb-sr-place-ctrl--state-selected ::part(svg-place){fill:var(--sbb-reservation-place-control-selected-background-default)}.sbb-sr-place-ctrl--state-selected ::part(svg-backrest){fill:var(--sbb-reservation-place-control-selected-backrest-background-default)}.sbb-sr-place-ctrl--state-selected .sbb-sr-place-ctrl__text{background-color:var(--sbb-reservation-place-control-selected-background-default);color:var(--sbb-reservation-place-control-selected-text)}.sbb-sr-place-ctrl--state-allocated,.sbb-sr-place-ctrl--state-restricted{cursor:not-allowed}.sbb-sr-place-ctrl--state-allocated ::part(svg-place),.sbb-sr-place-ctrl--state-restricted ::part(svg-place){fill:var(--sbb-reservation-place-control-allocated-background-default)}.sbb-sr-place-ctrl--state-allocated ::part(svg-backrest),.sbb-sr-place-ctrl--state-restricted ::part(svg-backrest){fill:var(--sbb-reservation-place-control-allocated-backrest-background-default)}.sbb-sr-place-ctrl--state-allocated .sbb-sr-place-ctrl__text,.sbb-sr-place-ctrl--state-restricted .sbb-sr-place-ctrl__text{background-color:var(--sbb-reservation-place-control-allocated-background-default);color:var(--sbb-reservation-place-control-allocated-text)}.sbb-sr-place-ctrl__text{overflow:hidden;display:none;position:absolute;inset-block-start:50%;translate:-50% -50%;rotate:calc(var(--sbb-reservation-place-control-text-rotation) * 1deg);font-family:var(--sbb-typo-font-family);font-size:.75em;line-height:initial}.sbb-sr-place-ctrl--state-free .sbb-sr-place-ctrl__text,.sbb-sr-place-ctrl--state-allocated .sbb-sr-place-ctrl__text,.sbb-sr-place-ctrl--state-restricted.sbb-sr-place-ctrl--type-bicycle .sbb-sr-place-ctrl__text{display:block}.sbb-sr-place-ctrl--type-bicycle .sbb-sr-place-ctrl__text{inset-block-start:65%;inset-inline-start:50%;transform-origin:center 16%;font-size:.6875em}.sbb-sr-place-ctrl--orientation-0.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-inline-start:45%}.sbb-sr-place-ctrl--orientation-90.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-block-start:46%;inset-inline-start:50%}.sbb-sr-place-ctrl--orientation-180.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-inline-start:55%}.sbb-sr-place-ctrl--orientation-270.sbb-sr-place-ctrl--type-seat .sbb-sr-place-ctrl__text{inset-block-start:52%;inset-inline-start:52%}`;
 let Dt = (() => {
   var u, _, f, g, k, x, y, m, I, z, w, c;
-  let o = [yt("sbb-seat-reservation-place-control")], l, i = [], h, S = ut, T, P = [], $ = [], L, D = [], A = [], N, O = [], F = [], j, B = [], U = [], K, M = [], Y = [], q, G = [], H = [], J, Q = [], V = [], W, X = [], Z = [], tt, et = [], st = [], rt, at = [], ct = [], ot, lt = [], it = [];
-  var C = (c = class extends S {
+  let o = [yt("sbb-seat-reservation-place-control")], l, i = [], h, R = ut, S, T = [], P = [], $, L = [], D = [], A, N = [], O = [], F, j = [], B = [], U, K = [], M = [], Y, q = [], G = [], H, J = [], Q = [], V, W = [], X = [], Z, tt = [], et = [], st, rt = [], at = [], ct, ot = [], lt = [];
+  var E = (c = class extends R {
     constructor() {
       super();
       b(this, u);
@@ -30,7 +30,7 @@ let Dt = (() => {
       b(this, I);
       b(this, z);
       b(this, w);
-      r(this, u, a(this, P, "SEAT")), r(this, _, (a(this, $), a(this, D, "FREE"))), r(this, f, (a(this, A), a(this, O, []))), r(this, g, (a(this, F), a(this, B, 0))), r(this, k, (a(this, U), a(this, M, 32))), r(this, x, (a(this, Y), a(this, G, 32))), r(this, y, (a(this, H), a(this, Q, ""))), r(this, m, (a(this, V), a(this, X, 0))), r(this, I, (a(this, Z), a(this, et, null))), r(this, z, (a(this, st), a(this, at, !1))), r(this, w, (a(this, ct), a(this, lt, "unfocus"))), this.placeSelected = (a(this, it), new ft(this, C.events.selectPlace)), this._language = new _t(this), this.addEventListener("click", () => this._selectPlace());
+      r(this, u, a(this, T, "SEAT")), r(this, _, (a(this, P), a(this, L, "FREE"))), r(this, f, (a(this, D), a(this, N, []))), r(this, g, (a(this, O), a(this, j, 0))), r(this, k, (a(this, B), a(this, K, 32))), r(this, x, (a(this, M), a(this, q, 32))), r(this, y, (a(this, G), a(this, J, ""))), r(this, m, (a(this, Q), a(this, W, 0))), r(this, I, (a(this, X), a(this, tt, null))), r(this, z, (a(this, et), a(this, rt, !1))), r(this, w, (a(this, at), a(this, ot, "unfocus"))), this.placeSelected = (a(this, lt), new ft(this, E.events.selectPlace)), this._language = new _t(this), this.addEventListener("click", () => this._selectPlace());
     }
     /** placeType of the place, e.g. 'SEAT', 'BICYCLE' */
     get placeType() {
@@ -110,11 +110,10 @@ let Dt = (() => {
       r(this, w, e);
     }
     willUpdate(e) {
-      var t, s, E;
-      super.willUpdate(e), (e.has("width") || e.has("height")) && ((t = this.style) == null || t.setProperty("--sbb-place-control-text-scale-value", `${Math.min(this.width, this.height)}`)), e.has("textRotation") && ((s = this.style) == null || s.setProperty("--sbb-reservation-place-control-text-rotation", `${this.textRotation}`)), e.has("rotation") && ((E = this.style) == null || E.setProperty("--sbb-reservation-place-control-rotation", `${this.rotation}`)), e.has("keyfocus") && this.keyfocus === "focus" && this.focus();
+      super.willUpdate(e), (e.has("width") || e.has("height")) && this.style?.setProperty("--sbb-place-control-text-scale-value", `${Math.min(this.width, this.height)}`), e.has("textRotation") && this.style?.setProperty("--sbb-reservation-place-control-text-rotation", `${this.textRotation}`), e.has("rotation") && this.style?.setProperty("--sbb-reservation-place-control-rotation", `${this.rotation}`), e.has("keyfocus") && this.keyfocus === "focus" && this.focus();
     }
     render() {
-      const e = this._getPlaceSvg(this.placeType, this.state), t = this.type.toLowerCase(), s = this.state.toLowerCase(), E = this.text, pt = this.width, dt = this.height, ht = this.textRotation - this.rotation, vt = this.preventClick ? "sbb-reservation-place-control--disabled" : null;
+      const e = this._getPlaceSvg(this.placeType, this.state), t = this.type.toLowerCase(), s = this.state.toLowerCase(), it = this.text, pt = this.width, dt = this.height, ht = this.textRotation - this.rotation, vt = this.preventClick ? "sbb-reservation-place-control--disabled" : null;
       return this.title = this._getTitleDescriptionPlace(), this.tabIndex = -1, xt`
       <div
         part="sbb-sr-place-part"
@@ -129,7 +128,7 @@ let Dt = (() => {
           aria-hidden="true"
         ></sbb-seat-reservation-graphic>
         <span ${this.text ?? kt} class="sbb-sr-place-ctrl__text" aria-hidden="true"
-          >${E}</span
+          >${it}</span
         >
       </div>
     `;
@@ -139,8 +138,8 @@ let Dt = (() => {
     }
     _getTitleDescriptionPlace() {
       const e = "PLACE_CONTROL_" + this.type + "_" + this.state;
-      let t = R(e, this._language.current, [this.text]);
-      return this.propertyIds.length && (t += ". " + R("PLACE_PROPERTY", this._language.current).concat(": "), t += this.propertyIds.map((s) => R(s, this._language.current)).join(", ")), t;
+      let t = C(e, this._language.current, [this.text]);
+      return this.propertyIds.length && (t += ". " + C("PLACE_PROPERTY", this._language.current).concat(": "), t += this.propertyIds.map((s) => C(s, this._language.current)).join(", ")), t;
     }
     /** If the place selectable, we emit the placeSelection object which contains infos to the place state */
     _selectPlace() {
@@ -156,34 +155,34 @@ let Dt = (() => {
       }
     }
   }, u = new WeakMap(), _ = new WeakMap(), f = new WeakMap(), g = new WeakMap(), k = new WeakMap(), x = new WeakMap(), y = new WeakMap(), m = new WeakMap(), I = new WeakMap(), z = new WeakMap(), w = new WeakMap(), h = c, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(S[Symbol.metadata] ?? null) : void 0;
-    T = [v(), d({ attribute: "type" })], L = [v(), d({ attribute: "state" })], N = [d({ attribute: "propertyIds", type: Array })], j = [v(), d({ attribute: "rotation", type: Number })], K = [v(), d({ attribute: "width", type: Number })], q = [v(), d({ attribute: "height", type: Number })], J = [v(), d({ attribute: "text" })], W = [v(), d({ attribute: "text-rotation" })], tt = [v(), d({ attribute: "coach-index", type: Number })], rt = [v(), d({ attribute: "prevent-click", type: Boolean })], ot = [v(), d({ attribute: "keyfocus" })], p(c, null, T, { kind: "accessor", name: "placeType", static: !1, private: !1, access: { has: (t) => "placeType" in t, get: (t) => t.placeType, set: (t, s) => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(R[Symbol.metadata] ?? null) : void 0;
+    S = [v(), d({ attribute: "type" })], $ = [v(), d({ attribute: "state" })], A = [d({ attribute: "propertyIds", type: Array })], F = [v(), d({ attribute: "rotation", type: Number })], U = [v(), d({ attribute: "width", type: Number })], Y = [v(), d({ attribute: "height", type: Number })], H = [v(), d({ attribute: "text" })], V = [v(), d({ attribute: "text-rotation" })], Z = [v(), d({ attribute: "coach-index", type: Number })], st = [v(), d({ attribute: "prevent-click", type: Boolean })], ct = [v(), d({ attribute: "keyfocus" })], p(c, null, S, { kind: "accessor", name: "placeType", static: !1, private: !1, access: { has: (t) => "placeType" in t, get: (t) => t.placeType, set: (t, s) => {
       t.placeType = s;
-    } }, metadata: e }, P, $), p(c, null, L, { kind: "accessor", name: "state", static: !1, private: !1, access: { has: (t) => "state" in t, get: (t) => t.state, set: (t, s) => {
+    } }, metadata: e }, T, P), p(c, null, $, { kind: "accessor", name: "state", static: !1, private: !1, access: { has: (t) => "state" in t, get: (t) => t.state, set: (t, s) => {
       t.state = s;
-    } }, metadata: e }, D, A), p(c, null, N, { kind: "accessor", name: "propertyIds", static: !1, private: !1, access: { has: (t) => "propertyIds" in t, get: (t) => t.propertyIds, set: (t, s) => {
+    } }, metadata: e }, L, D), p(c, null, A, { kind: "accessor", name: "propertyIds", static: !1, private: !1, access: { has: (t) => "propertyIds" in t, get: (t) => t.propertyIds, set: (t, s) => {
       t.propertyIds = s;
-    } }, metadata: e }, O, F), p(c, null, j, { kind: "accessor", name: "rotation", static: !1, private: !1, access: { has: (t) => "rotation" in t, get: (t) => t.rotation, set: (t, s) => {
+    } }, metadata: e }, N, O), p(c, null, F, { kind: "accessor", name: "rotation", static: !1, private: !1, access: { has: (t) => "rotation" in t, get: (t) => t.rotation, set: (t, s) => {
       t.rotation = s;
-    } }, metadata: e }, B, U), p(c, null, K, { kind: "accessor", name: "width", static: !1, private: !1, access: { has: (t) => "width" in t, get: (t) => t.width, set: (t, s) => {
+    } }, metadata: e }, j, B), p(c, null, U, { kind: "accessor", name: "width", static: !1, private: !1, access: { has: (t) => "width" in t, get: (t) => t.width, set: (t, s) => {
       t.width = s;
-    } }, metadata: e }, M, Y), p(c, null, q, { kind: "accessor", name: "height", static: !1, private: !1, access: { has: (t) => "height" in t, get: (t) => t.height, set: (t, s) => {
+    } }, metadata: e }, K, M), p(c, null, Y, { kind: "accessor", name: "height", static: !1, private: !1, access: { has: (t) => "height" in t, get: (t) => t.height, set: (t, s) => {
       t.height = s;
-    } }, metadata: e }, G, H), p(c, null, J, { kind: "accessor", name: "text", static: !1, private: !1, access: { has: (t) => "text" in t, get: (t) => t.text, set: (t, s) => {
+    } }, metadata: e }, q, G), p(c, null, H, { kind: "accessor", name: "text", static: !1, private: !1, access: { has: (t) => "text" in t, get: (t) => t.text, set: (t, s) => {
       t.text = s;
-    } }, metadata: e }, Q, V), p(c, null, W, { kind: "accessor", name: "textRotation", static: !1, private: !1, access: { has: (t) => "textRotation" in t, get: (t) => t.textRotation, set: (t, s) => {
+    } }, metadata: e }, J, Q), p(c, null, V, { kind: "accessor", name: "textRotation", static: !1, private: !1, access: { has: (t) => "textRotation" in t, get: (t) => t.textRotation, set: (t, s) => {
       t.textRotation = s;
-    } }, metadata: e }, X, Z), p(c, null, tt, { kind: "accessor", name: "coachIndex", static: !1, private: !1, access: { has: (t) => "coachIndex" in t, get: (t) => t.coachIndex, set: (t, s) => {
+    } }, metadata: e }, W, X), p(c, null, Z, { kind: "accessor", name: "coachIndex", static: !1, private: !1, access: { has: (t) => "coachIndex" in t, get: (t) => t.coachIndex, set: (t, s) => {
       t.coachIndex = s;
-    } }, metadata: e }, et, st), p(c, null, rt, { kind: "accessor", name: "preventClick", static: !1, private: !1, access: { has: (t) => "preventClick" in t, get: (t) => t.preventClick, set: (t, s) => {
+    } }, metadata: e }, tt, et), p(c, null, st, { kind: "accessor", name: "preventClick", static: !1, private: !1, access: { has: (t) => "preventClick" in t, get: (t) => t.preventClick, set: (t, s) => {
       t.preventClick = s;
-    } }, metadata: e }, at, ct), p(c, null, ot, { kind: "accessor", name: "keyfocus", static: !1, private: !1, access: { has: (t) => "keyfocus" in t, get: (t) => t.keyfocus, set: (t, s) => {
+    } }, metadata: e }, rt, at), p(c, null, ct, { kind: "accessor", name: "keyfocus", static: !1, private: !1, access: { has: (t) => "keyfocus" in t, get: (t) => t.keyfocus, set: (t, s) => {
       t.keyfocus = s;
-    } }, metadata: e }, lt, it), p(null, l = { value: h }, o, { kind: "class", name: h.name, metadata: e }, null, i), C = h = l.value, e && Object.defineProperty(h, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+    } }, metadata: e }, ot, lt), p(null, l = { value: h }, o, { kind: "class", name: h.name, metadata: e }, null, i), E = h = l.value, e && Object.defineProperty(h, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
   })(), c.styles = mt, c.events = {
     selectPlace: "selectPlace"
   }, a(h, i), c);
-  return C = h;
+  return E = h;
 })();
 export {
   Dt as SbbSeatReservationPlaceControlElement

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

@@ -0,0 +1 @@
+{"version":3,"file":"seat-reservation-scoped.component.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACpF,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAKvC;;GAEG;AACH,qBAEM,+BAAgC,SAAQ,UAAU;IACtD,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,iDAAiD;IACjD,SAEgB,eAAe,EAAE,MAAM,CAAM;IAE7C,kDAAkD;IAClD,SAEgB,gBAAgB,EAAE,MAAM,CAAM;IAE9C,2DAA2D;IAC3D,SAEgB,KAAK,EAAE,MAAM,CAAM;IAEnC,4DAA4D;IAC5D,SAEgB,MAAM,EAAE,MAAM,CAAM;IAEpC,oCAAoC;IACpC,SAEgB,MAAM,EAAE,MAAM,CAAM;IAEpC,8DAA8D;IAC9D,SAEgB,MAAM,EAAE,MAAM,CAAM;IAEpC,4CAA4C;IAC5C,SAEgB,aAAa,EAAE,MAAM,CAAM;cAExB,UAAU,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;cA8BpD,MAAM,IAAI,cAAc;CAW5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,6BAA6B,EAAE,+BAA+B,CAAC;KAChE;CACF"}

package/seat-reservation/{seat-reservation/seat-reservation-scoped → seat-reservation-scoped}/seat-reservation-scoped.component.js

@@ -1,27 +1,27 @@
-var N = (s) => {
+var J = (s) => {
   throw TypeError(s);
 };
-var Q = (s, a, n) => a.has(s) || N("Cannot " + n);
-var o = (s, a, n) => (Q(s, a, "read from private field"), n ? n.call(s) : a.get(s)), h = (s, a, n) => a.has(s) ? N("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(s) : a.set(s, n), d = (s, a, n, c) => (Q(s, a, "write to private field"), c ? c.call(s, n) : a.set(s, n), n);
-import { __esDecorate as _, __runInitializers as r } from "tslib";
+var K = (s, i, l) => i.has(s) || J("Cannot " + l);
+var o = (s, i, l) => (K(s, i, "read from private field"), l ? l.call(s) : i.get(s)), h = (s, i, l) => i.has(s) ? J("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(s) : i.set(s, l), d = (s, i, l, c) => (K(s, i, "write to private field"), c ? c.call(s, l) : i.set(s, l), l);
+import { __esDecorate as _, __runInitializers as a } from "tslib";
 import { forceType as p } from "@sbb-esta/lyne-elements/core/decorators.js";
-import { css as W, LitElement as X, html as V } from "lit";
-import { customElement as Y, property as b } from "lit/decorators.js";
-const Z = W`*,:before,:after{box-sizing:border-box}:host{display:block}:host .coach-border,:host .coach-wrapper,:host .graphical-element{width:var(--sbb-seat-reservation-scoped-width);height:var(--sbb-seat-reservation-scoped-height);inset-block-start:var(--sbb-seat-reservation-scoped-inset-block-start);inset-inline-start:var(--sbb-seat-reservation-scoped-inset-inline-start);z-index:var(--sbb-seat-reservation-scoped-z-index)}:host .coach-border,:host .graphical-element ::slotted(*),:host .graphical-element{position:absolute}:host .coach-border{z-index:0}`;
-let lt = (() => {
-  var I, u, m, g, z, f, S, l;
-  let s = [Y("sbb-seat-reservation-scoped")], a, n = [], c, v = X, x, k = [], y = [], w, B = [], C = [], $, E = [], D = [], j, O = [], T = [], U, L = [], P = [], R, q = [], A = [], F, G = [], H = [];
-  return l = class extends v {
+import { css as N, LitElement as Q, html as M } from "lit";
+import { customElement as V, property as b } from "lit/decorators.js";
+const W = N`*,:before,:after{box-sizing:border-box}:host{display:block}:host .coach-border,:host .coach-wrapper,:host .graphical-element{width:var(--sbb-seat-reservation-scoped-width);height:var(--sbb-seat-reservation-scoped-height);inset-block-start:var(--sbb-seat-reservation-scoped-inset-block-start);inset-inline-start:var(--sbb-seat-reservation-scoped-inset-inline-start);z-index:var(--sbb-seat-reservation-scoped-z-index)}:host .coach-border,:host .graphical-element ::slotted(*),:host .graphical-element{position:absolute}:host .coach-border{z-index:0}`;
+let it = (() => {
+  var I, u, m, g, z, f, S, r;
+  let s = [V("sbb-seat-reservation-scoped")], i, l = [], c, v = Q, x, k = [], y = [], w, B = [], C = [], $, E = [], D = [], j, O = [], T = [], U, L = [], P = [], R, q = [], A = [], F, G = [], H = [];
+  return r = class extends v {
     constructor() {
       super(...arguments);
-      h(this, I, r(this, k, ""));
-      h(this, u, (r(this, y), r(this, B, "")));
-      h(this, m, (r(this, C), r(this, E, "")));
-      h(this, g, (r(this, D), r(this, O, "")));
-      h(this, z, (r(this, T), r(this, L, "")));
-      h(this, f, (r(this, P), r(this, q, "")));
-      h(this, S, (r(this, A), r(this, G, "")));
-      r(this, H);
+      h(this, I, a(this, k, ""));
+      h(this, u, (a(this, y), a(this, B, "")));
+      h(this, m, (a(this, C), a(this, E, "")));
+      h(this, g, (a(this, D), a(this, O, "")));
+      h(this, z, (a(this, T), a(this, L, "")));
+      h(this, f, (a(this, P), a(this, q, "")));
+      h(this, S, (a(this, A), a(this, G, "")));
+      a(this, H);
     }
     /** Inset block start in pixels (without unit) */
     get insetBlockStart() {
@@ -73,35 +73,34 @@ let lt = (() => {
       d(this, S, e);
     }
     willUpdate(e) {
-      var t, i, J, K, M;
-      super.willUpdate(e), e.has("width") && ((t = this.style) == null || t.setProperty("--sbb-seat-reservation-scoped-width", `${this.width}`)), e.has("height") && ((i = this.style) == null || i.setProperty("--sbb-seat-reservation-scoped-height", `${this.height}`)), e.has("insetBlockStart") && ((J = this.style) == null || J.setProperty("--sbb-seat-reservation-scoped-inset-block-start", `${this.insetBlockStart}`)), e.has("insetInlineStart") && ((K = this.style) == null || K.setProperty("--sbb-seat-reservation-scoped-inset-inline-start", `${this.insetInlineStart}`)), e.has("zIndex") && ((M = this.style) == null || M.setProperty("--sbb-seat-reservation-scoped-z-index", `${this.zIndex}`));
+      super.willUpdate(e), e.has("width") && this.style?.setProperty("--sbb-seat-reservation-scoped-width", `${this.width}`), e.has("height") && this.style?.setProperty("--sbb-seat-reservation-scoped-height", `${this.height}`), e.has("insetBlockStart") && this.style?.setProperty("--sbb-seat-reservation-scoped-inset-block-start", `${this.insetBlockStart}`), e.has("insetInlineStart") && this.style?.setProperty("--sbb-seat-reservation-scoped-inset-inline-start", `${this.insetInlineStart}`), e.has("zIndex") && this.style?.setProperty("--sbb-seat-reservation-scoped-z-index", `${this.zIndex}`);
     }
     render() {
-      return this.cellId ? V`<td id="${this.cellId}" class="${this.scopedClasses}">
+      return this.cellId ? M`<td id="${this.cellId}" class="${this.scopedClasses}">
         <slot></slot>
-      </td>` : V`<div class="${this.scopedClasses}">
+      </td>` : M`<div class="${this.scopedClasses}">
         <slot></slot>
       </div>`;
     }
-  }, I = new WeakMap(), u = new WeakMap(), m = new WeakMap(), g = new WeakMap(), z = new WeakMap(), f = new WeakMap(), S = new WeakMap(), c = l, (() => {
+  }, I = new WeakMap(), u = new WeakMap(), m = new WeakMap(), g = new WeakMap(), z = new WeakMap(), f = new WeakMap(), S = new WeakMap(), c = r, (() => {
     const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(v[Symbol.metadata] ?? null) : void 0;
-    x = [p(), b({ attribute: "inset-block-start" })], w = [p(), b({ attribute: "inset-inline-start" })], $ = [p(), b({ attribute: "width" })], j = [p(), b({ attribute: "height" })], U = [p(), b({ attribute: "z-index" })], R = [p(), b({ attribute: "cell-id" })], F = [p(), b({ attribute: "scoped-classes" })], _(l, null, x, { kind: "accessor", name: "insetBlockStart", static: !1, private: !1, access: { has: (t) => "insetBlockStart" in t, get: (t) => t.insetBlockStart, set: (t, i) => {
-      t.insetBlockStart = i;
-    } }, metadata: e }, k, y), _(l, null, w, { kind: "accessor", name: "insetInlineStart", static: !1, private: !1, access: { has: (t) => "insetInlineStart" in t, get: (t) => t.insetInlineStart, set: (t, i) => {
-      t.insetInlineStart = i;
-    } }, metadata: e }, B, C), _(l, null, $, { kind: "accessor", name: "width", static: !1, private: !1, access: { has: (t) => "width" in t, get: (t) => t.width, set: (t, i) => {
-      t.width = i;
-    } }, metadata: e }, E, D), _(l, null, j, { kind: "accessor", name: "height", static: !1, private: !1, access: { has: (t) => "height" in t, get: (t) => t.height, set: (t, i) => {
-      t.height = i;
-    } }, metadata: e }, O, T), _(l, null, U, { kind: "accessor", name: "zIndex", static: !1, private: !1, access: { has: (t) => "zIndex" in t, get: (t) => t.zIndex, set: (t, i) => {
-      t.zIndex = i;
-    } }, metadata: e }, L, P), _(l, null, R, { kind: "accessor", name: "cellId", static: !1, private: !1, access: { has: (t) => "cellId" in t, get: (t) => t.cellId, set: (t, i) => {
-      t.cellId = i;
-    } }, metadata: e }, q, A), _(l, null, F, { kind: "accessor", name: "scopedClasses", static: !1, private: !1, access: { has: (t) => "scopedClasses" in t, get: (t) => t.scopedClasses, set: (t, i) => {
-      t.scopedClasses = i;
-    } }, metadata: e }, G, H), _(null, a = { value: c }, s, { kind: "class", name: c.name, metadata: e }, null, n), c = a.value, e && Object.defineProperty(c, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), l.styles = Z, r(c, n), c;
+    x = [p(), b({ attribute: "inset-block-start" })], w = [p(), b({ attribute: "inset-inline-start" })], $ = [p(), b({ attribute: "width" })], j = [p(), b({ attribute: "height" })], U = [p(), b({ attribute: "z-index" })], R = [p(), b({ attribute: "cell-id" })], F = [p(), b({ attribute: "scoped-classes" })], _(r, null, x, { kind: "accessor", name: "insetBlockStart", static: !1, private: !1, access: { has: (t) => "insetBlockStart" in t, get: (t) => t.insetBlockStart, set: (t, n) => {
+      t.insetBlockStart = n;
+    } }, metadata: e }, k, y), _(r, null, w, { kind: "accessor", name: "insetInlineStart", static: !1, private: !1, access: { has: (t) => "insetInlineStart" in t, get: (t) => t.insetInlineStart, set: (t, n) => {
+      t.insetInlineStart = n;
+    } }, metadata: e }, B, C), _(r, null, $, { kind: "accessor", name: "width", static: !1, private: !1, access: { has: (t) => "width" in t, get: (t) => t.width, set: (t, n) => {
+      t.width = n;
+    } }, metadata: e }, E, D), _(r, null, j, { kind: "accessor", name: "height", static: !1, private: !1, access: { has: (t) => "height" in t, get: (t) => t.height, set: (t, n) => {
+      t.height = n;
+    } }, metadata: e }, O, T), _(r, null, U, { kind: "accessor", name: "zIndex", static: !1, private: !1, access: { has: (t) => "zIndex" in t, get: (t) => t.zIndex, set: (t, n) => {
+      t.zIndex = n;
+    } }, metadata: e }, L, P), _(r, null, R, { kind: "accessor", name: "cellId", static: !1, private: !1, access: { has: (t) => "cellId" in t, get: (t) => t.cellId, set: (t, n) => {
+      t.cellId = n;
+    } }, metadata: e }, q, A), _(r, null, F, { kind: "accessor", name: "scopedClasses", static: !1, private: !1, access: { has: (t) => "scopedClasses" in t, get: (t) => t.scopedClasses, set: (t, n) => {
+      t.scopedClasses = n;
+    } }, metadata: e }, G, H), _(null, i = { value: c }, s, { kind: "class", name: c.name, metadata: e }, null, l), c = i.value, e && Object.defineProperty(c, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), r.styles = W, a(c, l), c;
 })();
 export {
-  lt as SbbSeatReservationScopedElement
+  it as SbbSeatReservationScopedElement
 };

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

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

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

@@ -3,5 +3,4 @@
  */
 export * from './seat-reservation/seat-reservation.component.js';
 export * from './seat-reservation/seat-reservation-base-element.js';
-export * from './seat-reservation/seat-reservation-scoped.js';
 //# sourceMappingURL=seat-reservation.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"seat-reservation.d.ts","sourceRoot":"","sources":["../../../src/elements-experimental/seat-reservation/seat-reservation.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,kDAAkD,CAAC;AACjE,cAAc,qDAAqD,CAAC;AACpE,cAAc,+CAA+C,CAAC"}
+{"version":3,"file":"seat-reservation.d.ts","sourceRoot":"","sources":["../../../src/elements-experimental/seat-reservation/seat-reservation.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,kDAAkD,CAAC;AACjE,cAAc,qDAAqD,CAAC"}

package/seat-reservation/seat-reservation.js

@@ -1,8 +1,6 @@
 import { SbbSeatReservationElement as o } from "./seat-reservation/seat-reservation.component.js";
 import { SeatReservationBaseElement as a } from "./seat-reservation/seat-reservation-base-element.js";
-import { SbbSeatReservationScopedElement as n } from "./seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.js";
 export {
   o as SbbSeatReservationElement,
-  n as SbbSeatReservationScopedElement,
   a as SeatReservationBaseElement
 };

package/seat-reservation.d.ts

@@ -5,6 +5,8 @@ export * from './seat-reservation/common.js';
 export * from './seat-reservation/seat-reservation.js';
 export * from './seat-reservation/seat-reservation-area.js';
 export * from './seat-reservation/seat-reservation-graphic.js';
-export * from './seat-reservation/seat-reservation-navigation.js';
+export * from './seat-reservation/seat-reservation-navigation-coach.js';
+export * from './seat-reservation/seat-reservation-navigation-services.js';
 export * from './seat-reservation/seat-reservation-place-control.js';
+export * from './seat-reservation/seat-reservation-scoped.js';
 //# sourceMappingURL=seat-reservation.d.ts.map

package/seat-reservation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"seat-reservation.d.ts","sourceRoot":"","sources":["../../src/elements-experimental/seat-reservation.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wCAAwC,CAAC;AACvD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,mDAAmD,CAAC;AAClE,cAAc,sDAAsD,CAAC"}
+{"version":3,"file":"seat-reservation.d.ts","sourceRoot":"","sources":["../../src/elements-experimental/seat-reservation.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wCAAwC,CAAC;AACvD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,yDAAyD,CAAC;AACxE,cAAc,4DAA4D,CAAC;AAC3E,cAAc,sDAAsD,CAAC;AACrE,cAAc,+CAA+C,CAAC"}

package/seat-reservation.js

@@ -4,20 +4,20 @@ import { svgs as p } from "./seat-reservation/common/svgs.js";
 import { getI18nSeatReservation as s } from "./seat-reservation/common/translations/i18n.js";
 import { SbbSeatReservationElement as v } from "./seat-reservation/seat-reservation/seat-reservation.component.js";
 import { SeatReservationBaseElement as f } from "./seat-reservation/seat-reservation/seat-reservation-base-element.js";
-import { SbbSeatReservationScopedElement as R } from "./seat-reservation/seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.js";
-import { SbbSeatReservationAreaElement as g } from "./seat-reservation/seat-reservation-area/seat-reservation-area.component.js";
-import { SbbSeatReservationGraphicElement as C } from "./seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js";
-import { SbbSeatReservationNavigationCoachElement as T } from "./seat-reservation/seat-reservation-navigation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js";
-import { SbbSeatReservationNavigationServicesElement as d } from "./seat-reservation/seat-reservation-navigation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js";
-import { SbbSeatReservationPlaceControlElement as N } from "./seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js";
+import { SbbSeatReservationAreaElement as R } from "./seat-reservation/seat-reservation-area/seat-reservation-area.component.js";
+import { SbbSeatReservationGraphicElement as g } from "./seat-reservation/seat-reservation-graphic/seat-reservation-graphic.component.js";
+import { SbbSeatReservationNavigationCoachElement as C } from "./seat-reservation/seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js";
+import { SbbSeatReservationNavigationServicesElement as T } from "./seat-reservation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.js";
+import { SbbSeatReservationPlaceControlElement as d } from "./seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.js";
+import { SbbSeatReservationScopedElement as N } from "./seat-reservation/seat-reservation-scoped/seat-reservation-scoped.component.js";
 export {
-  g as SbbSeatReservationAreaElement,
+  R as SbbSeatReservationAreaElement,
   v as SbbSeatReservationElement,
-  C as SbbSeatReservationGraphicElement,
-  T as SbbSeatReservationNavigationCoachElement,
-  d as SbbSeatReservationNavigationServicesElement,
-  N as SbbSeatReservationPlaceControlElement,
-  R as SbbSeatReservationScopedElement,
+  g as SbbSeatReservationGraphicElement,
+  C as SbbSeatReservationNavigationCoachElement,
+  T as SbbSeatReservationNavigationServicesElement,
+  d as SbbSeatReservationPlaceControlElement,
+  N as SbbSeatReservationScopedElement,
   f as SeatReservationBaseElement,
   s as getI18nSeatReservation,
   t as mapCoachInfosToCoachSelection,