@sbb-esta/lyne-elements-experimental 3.3.2 → 3.5.0

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

@@ -2,58 +2,55 @@ var x = (e) => {
   throw TypeError(e);
 };
 var L = (e, s, a) => s.has(e) || x("Cannot " + a);
-var _ = (e, s, a) => (L(e, s, "read from private field"), a ? a.call(e) : s.get(e)), d = (e, s, a) => s.has(e) ? x("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(e) : s.set(e, a), p = (e, s, a, i) => (L(e, s, "write to private field"), i ? i.call(e, a) : s.set(e, a), a);
-import { __runInitializers as b, __esDecorate as g } from "tslib";
+var u = (e, s, a) => (L(e, s, "read from private field"), a ? a.call(e) : s.get(e)), d = (e, s, a) => s.has(e) ? x("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(e) : s.set(e, a), p = (e, s, a, i) => (L(e, s, "write to private field"), i ? i.call(e, a) : s.set(e, a), a);
+import { __runInitializers as b, __esDecorate as m } from "tslib";
 import { SbbLanguageController as $ } from "@sbb-esta/lyne-elements/core/controllers.js";
-import { forceType as w } from "@sbb-esta/lyne-elements/core/decorators.js";
-import { css as A, LitElement as j, nothing as z, html as E } from "lit";
-import { customElement as C, property as D } from "lit/decorators.js";
-import { classMap as k } from "lit/directives/class-map.js";
-import { getI18nSeatReservation as m } from "../common.js";
+import { forceType as A } from "@sbb-esta/lyne-elements/core/decorators.js";
+import { css as j, LitElement as w, nothing as z, html as D } from "lit";
+import { customElement as C, property as E } from "lit/decorators.js";
+import { styleMap as k } from "lit/directives/style-map.js";
+import { getI18nSeatReservation as g } from "../common.js";
 import "@sbb-esta/lyne-elements/screen-reader-only.js";
 import "../seat-reservation-graphic.js";
-const O = A`*,:before,:after{box-sizing:border-box}.sbb-sr-navigation__signs{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--sbb-spacing-fixed-2x);color:var(--sbb-color-granite)}.sbb-sr-navigation__signs--vertical{align-content:center;height:100%}`;
+const O = j`*,:before,:after{box-sizing:border-box}.sbb-sr-navigation__signs{display:flex;flex-direction:row;justify-content:center;gap:var(--sbb-spacing-fixed-2x);color:var(--sbb-color-granite)}:host([vertical]) .sbb-sr-navigation__signs{flex-direction:column;height:100%}`;
 let J = (() => {
-  var o, c, l;
-  let e = [C("sbb-seat-reservation-navigation-services")], s, a = [], i, u = j, v, h = [], y = [], f, I = [], S = [];
-  return l = class extends u {
+  var n, c, l;
+  let e = [C("sbb-seat-reservation-navigation-services")], s, a = [], i, h = w, _, v = [], y = [], f, I = [], S = [];
+  return l = class extends h {
     constructor() {
       super(...arguments);
-      d(this, o);
+      d(this, n);
       d(this, c);
-      p(this, o, b(this, h, [])), p(this, c, (b(this, y), b(this, I, !1))), this._language = (b(this, S), new $(this));
+      p(this, n, b(this, v, [])), p(this, c, (b(this, y), b(this, I, !1))), this._language = (b(this, S), new $(this));
     }
     /** Coach service property ids, which are used to display the services in the navigation */
     get propertyIds() {
-      return _(this, o);
+      return u(this, n);
     }
     set propertyIds(r) {
-      p(this, o, r);
+      p(this, n, r);
     }
     /** If true, the service icons are displayed vertically */
     get vertical() {
-      return _(this, c);
+      return u(this, c);
     }
     set vertical(r) {
       p(this, c, r);
     }
     render() {
       const r = this.propertyIds.length ? this._getServiceLabelDescription() : null;
-      return E` <div
-      class="${k({
-        "sbb-sr-navigation__signs": !0,
-        "sbb-sr-navigation__signs--vertical": this.vertical
-      })}"
-    >
+      return D` <div class="sbb-sr-navigation__signs">
       <sbb-screen-reader-only ${r || z}
         >${r}</sbb-screen-reader-only
       >
-      ${this.propertyIds?.map((t) => E`
+      ${this.propertyIds?.map((t) => D`
           <sbb-seat-reservation-graphic
+            style=${k({
+        "--sbb-seat-reservation-graphic-width": 20,
+        "--sbb-seat-reservation-graphic-height": 20
+      })}
             name=${t ?? z}
-            width="20"
-            height="20"
-            title=${m(t, this._language.current)}
+            title=${g(t, this._language.current)}
             aria-hidden="true"
           ></sbb-seat-reservation-graphic>
         `)}
@@ -62,16 +59,16 @@ let J = (() => {
     //Generate the translated service label from the available properties
     _getServiceLabelDescription() {
       let r = null;
-      const t = this.propertyIds.map((n) => m(n, this._language.current)).filter((n) => !!n).join(", ");
-      return t && (r = m("COACH_AVAILABLE_SERVICES", this._language.current).concat(":").concat(t)), r;
+      const t = this.propertyIds.map((o) => g(o, this._language.current)).filter((o) => !!o).join(", ");
+      return t && (r = g("COACH_AVAILABLE_SERVICES", this._language.current).concat(":").concat(t)), r;
     }
-  }, o = new WeakMap(), c = new WeakMap(), i = l, (() => {
-    const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(u[Symbol.metadata] ?? null) : void 0;
-    v = [D({ attribute: "property-ids", type: Array })], f = [w(), D({ type: Boolean })], g(l, null, v, { kind: "accessor", name: "propertyIds", static: !1, private: !1, access: { has: (t) => "propertyIds" in t, get: (t) => t.propertyIds, set: (t, n) => {
-      t.propertyIds = n;
-    } }, metadata: r }, h, y), g(l, null, f, { kind: "accessor", name: "vertical", static: !1, private: !1, access: { has: (t) => "vertical" in t, get: (t) => t.vertical, set: (t, n) => {
-      t.vertical = n;
-    } }, metadata: r }, I, S), g(null, s = { value: i }, e, { kind: "class", name: i.name, metadata: r }, null, a), i = s.value, r && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
+  }, n = new WeakMap(), c = new WeakMap(), i = l, (() => {
+    const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(h[Symbol.metadata] ?? null) : void 0;
+    _ = [E({ attribute: "property-ids", type: Array })], f = [A(), E({ type: Boolean, reflect: !0, useDefault: !0 })], m(l, null, _, { kind: "accessor", name: "propertyIds", static: !1, private: !1, access: { has: (t) => "propertyIds" in t, get: (t) => t.propertyIds, set: (t, o) => {
+      t.propertyIds = o;
+    } }, metadata: r }, v, y), m(l, null, f, { kind: "accessor", name: "vertical", static: !1, private: !1, access: { has: (t) => "vertical" in t, get: (t) => t.vertical, set: (t, o) => {
+      t.vertical = o;
+    } }, metadata: r }, I, S), m(null, s = { value: i }, e, { kind: "class", name: i.name, metadata: r }, null, a), i = s.value, r && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
   })(), l.styles = O, b(i, a), i;
 })();
 export {

package/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.d.ts

@@ -15,16 +15,8 @@ export declare class SbbSeatReservationPlaceControlElement extends SbbButtonBase
     accessor state: PlaceState;
     /** property ids of the place, to display more info about the place */
     accessor propertyIds: string[];
-    /** rotation in degrees (without unit) */
-    accessor rotation: number;
-    /** width of the place in pixels (without unit) */
-    accessor width: number;
-    /** height of the place in pixels (without unit) */
-    accessor height: number;
     /** label of the place, e.g. '1A', '2B' */
     accessor text: string;
-    /** Rotation of the text in degrees (without unit) */
-    accessor textRotation: number;
     /** Deck Index Prop to identifier the right place to deck */
     accessor deckIndex: number;
     /** Coach Index Prop to identifier the right place to coach */

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

@@ -1 +1 @@
-{"version":3,"file":"seat-reservation-place-control.component.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AAGrF,OAAO,EAAE,KAAK,cAAc,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAInG,OAAO,KAAK,EAAkB,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAO,gCAAgC,CAAC;AAIxC;;GAEG;AACH,qBAEM,qCAAsC,SAAQ,oBAAoB;IACtE,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX,qDAAqD;IACrD,SAEgB,SAAS,EAAE,SAAS,CAAU;IAE9C,6DAA6D;IAC7D,SAEgB,KAAK,EAAE,UAAU,CAAU;IAE3C,sEAAsE;IACtE,SACgB,WAAW,EAAE,MAAM,EAAE,CAAM;IAE3C,yCAAyC;IACzC,SAEgB,QAAQ,EAAE,MAAM,CAAK;IAErC,kDAAkD;IAClD,SAEgB,KAAK,EAAE,MAAM,CAAM;IAEnC,mDAAmD;IACnD,SAEgB,MAAM,EAAE,MAAM,CAAM;IAEpC,0CAA0C;IAC1C,SAEgB,IAAI,EAAE,MAAM,CAAM;IAElC,qDAAqD;IACrD,SAEgB,YAAY,EAAE,MAAM,CAAK;IAEzC,4DAA4D;IAC5D,SAEgB,SAAS,EAAE,MAAM,CAAS;IAE1C,8DAA8D;IAC9D,SAEgB,UAAU,EAAE,MAAM,CAAS;IAE3C,kDAAkD;IAClD,SAEgB,YAAY,EAAE,OAAO,CAAS;IAE9C,wCAAwC;IACxC,SAEgB,QAAQ,EAAE,MAAM,CAAa;IAE7C,OAAO,CAAC,SAAS,CAAmC;;cAOjC,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cA4BzD,MAAM,IAAI,cAAc;IAkC3C,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,yBAAyB;IAejC,yGAAyG;IACzG,OAAO,CAAC,YAAY;CA4BrB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oCAAoC,EAAE,qCAAqC,CAAC;KAC7E;CACF"}
+{"version":3,"file":"seat-reservation-place-control.component.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/seat-reservation/seat-reservation-place-control/seat-reservation-place-control.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AAGrF,OAAO,EAAE,KAAK,cAAc,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKnG,OAAO,KAAK,EAAkB,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAO,gCAAgC,CAAC;AAIxC;;GAEG;AACH,qBAEM,qCAAsC,SAAQ,oBAAoB;IACtE,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX,qDAAqD;IACrD,SAEgB,SAAS,EAAE,SAAS,CAAU;IAE9C,6DAA6D;IAC7D,SAEgB,KAAK,EAAE,UAAU,CAAU;IAE3C,sEAAsE;IACtE,SACgB,WAAW,EAAE,MAAM,EAAE,CAAM;IAE3C,0CAA0C;IAC1C,SAEgB,IAAI,EAAE,MAAM,CAAM;IAElC,4DAA4D;IAC5D,SAEgB,SAAS,EAAE,MAAM,CAAS;IAE1C,8DAA8D;IAC9D,SAEgB,UAAU,EAAE,MAAM,CAAS;IAE3C,kDAAkD;IAClD,SAEgB,YAAY,EAAE,OAAO,CAAS;IAE9C,wCAAwC;IACxC,SAEgB,QAAQ,EAAE,MAAM,CAAa;IAE7C,OAAO,CAAC,SAAS,CAAmC;;cAOjC,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAUzD,MAAM,IAAI,cAAc;IAuC3C,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,yBAAyB;IAejC,yGAAyG;IACzG,OAAO,CAAC,YAAY;CA4BrB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oCAAoC,EAAE,qCAAqC,CAAC;KAC7E;CACF"}

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

@@ -1,158 +1,129 @@
-var dt = (l) => {
-  throw TypeError(l);
+var W = (r) => {
+  throw TypeError(r);
 };
-var ht = (l, o, i) => o.has(l) || dt("Cannot " + i);
-var n = (l, o, i) => (ht(l, o, "read from private field"), i ? i.call(l) : o.get(l)), b = (l, o, i) => o.has(l) ? dt("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(l) : o.set(l, i), a = (l, o, i, v) => (ht(l, o, "write to private field"), v ? v.call(l, i) : o.set(l, i), i);
-import { __esDecorate as p, __runInitializers as r } from "tslib";
-import { SbbButtonBaseElement as gt } from "@sbb-esta/lyne-elements/core/base-elements.js";
-import { SbbLanguageController as kt } from "@sbb-esta/lyne-elements/core/controllers.js";
+var X = (r, o, i) => o.has(r) || W("Cannot " + i);
+var b = (r, o, i) => (X(r, o, "read from private field"), i ? i.call(r) : o.get(r)), p = (r, o, i) => o.has(r) ? W("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(r) : o.set(r, i), a = (r, o, i, n) => (X(r, o, "write to private field"), n ? n.call(r, i) : o.set(r, i), i);
+import { __esDecorate as d, __runInitializers as c } from "tslib";
+import { SbbButtonBaseElement as ae } from "@sbb-esta/lyne-elements/core/base-elements.js";
+import { SbbLanguageController as ce } from "@sbb-esta/lyne-elements/core/controllers.js";
 import { forceType as h } from "@sbb-esta/lyne-elements/core/decorators.js";
-import { css as xt, nothing as mt, html as yt } from "lit";
-import { customElement as It, property as d } from "lit/decorators.js";
-import { getI18nSeatReservation as C } from "../common.js";
+import { css as le, nothing as oe, html as ie } from "lit";
+import { customElement as ne, property as v } from "lit/decorators.js";
+import { styleMap as be } from "lit/directives/style-map.js";
+import { getI18nSeatReservation as E } from "../common.js";
 import "../seat-reservation-graphic.js";
-const zt = xt`*,:before,:after{box-sizing:border-box}:host{--sbb-seat-reservation-place-control-width: 16;--sbb-seat-reservation-place-control-height: 16;--sbb-seat-reservation-place-control-top: 0;--sbb-seat-reservation-place-control-left: 0;--sbb-seat-reservation-place-control-rotation: 0;--sbb-seat-reservation-place-control-text-rotation: 0;--sbb-seat-reservation-place-control-text-size: calc( var(--sbb-place-control-text-scale-value, 1) * .5 );--sbb-seat-reservation-place-control-default-text: var(--sbb-color-black);--sbb-seat-reservation-place-control-hover-text: var(--sbb-color-iron);--sbb-seat-reservation-place-control-focus-text: var(--sbb-color-anthracite);--sbb-seat-reservation-place-control-allocated-text: var(--sbb-color-smoke);--sbb-seat-reservation-place-control-free-background-default: var(--sbb-color-white);--sbb-seat-reservation-place-control-free-background-hover: var(--sbb-color-cloud);--sbb-seat-reservation-place-control-free-background-focus: var(--sbb-color-silver);--sbb-seat-reservation-place-control-free-backrest-background-default: var(--sbb-color-black);--sbb-seat-reservation-place-control-free-backrest-background-hover: var(--sbb-color-black);--sbb-seat-reservation-place-control-free-backrest-background-focus: var(--sbb-color-black);--sbb-seat-reservation-place-control-selected-background-default: var(--sbb-color-red);--sbb-seat-reservation-place-control-selected-background-hover: var(--sbb-color-red125);--sbb-seat-reservation-place-control-selected-background-focus: var(--sbb-color-red150);--sbb-seat-reservation-place-control-selected-backrest-background-default: var( --sbb-color-red150 );--sbb-seat-reservation-place-control-selected-backrest-background-hover: #7d000f;--sbb-seat-reservation-place-control-selected-backrest-background-focus: #5a000b;--sbb-seat-reservation-place-control-allocated-background-default: var(--sbb-color-milk);width:calc(var(--sbb-seat-reservation-place-control-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:calc(var(--sbb-seat-reservation-place-control-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));position:absolute;inset-block-start:calc(var(--sbb-seat-reservation-place-control-top) * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-start:calc(var(--sbb-seat-reservation-place-control-left) * var(--sbb-seat-reservation-one-px-rem, .0625rem));cursor:pointer}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-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-seat-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-seat-reservation-place-control-free-background-hover);color:var(--sbb-seat-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-seat-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-seat-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-seat-reservation-place-control-selected-background-hover);color:var(--sbb-seat-reservation-place-control-selected-text)}:host(:focus){border-radius:var(--sbb-border-width-1x);outline:calc(2 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) 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-seat-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-seat-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-seat-reservation-place-control-free-background-focus);color:var(--sbb-seat-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-seat-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-seat-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-seat-reservation-place-control-selected-background-focus);color:var(--sbb-seat-reservation-place-control-selected-text)}:host(:dir(rtl)) :not(.sbb-sr-place-ctrl--type-bicycle,.sbb-sr-place-ctrl--orientation-90,.sbb-sr-place-ctrl--orientation-270,.sbb-sr-place-ctrl--state-selected) ::part(svg-place){rotate:180deg}.sbb-sr-place-ctrl{width:max-content;position:relative;font-size:calc(var(--sbb-seat-reservation-place-control-text-size) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-place-ctrl--state-free ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-default)}.sbb-sr-place-ctrl--state-free ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-background-default)}.sbb-sr-place-ctrl--state-free .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-free-background-default);color:var(--sbb-seat-reservation-place-control-free-text)}.sbb-sr-place-ctrl--state-selected ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-selected-background-default)}.sbb-sr-place-ctrl--state-selected ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-selected-backrest-background-default)}.sbb-sr-place-ctrl--state-selected .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-selected-background-default);color:var(--sbb-seat-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-seat-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-seat-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-seat-reservation-place-control-allocated-background-default);color:var(--sbb-seat-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-seat-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%}:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-0 .sbb-sr-place-ctrl__text{inset-inline-start:3%}:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-90 .sbb-sr-place-ctrl__text,:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-180 .sbb-sr-place-ctrl__text{inset-inline-start:10%}:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-270 .sbb-sr-place-ctrl__text{inset-inline-start:5%}:host(:dir(rtl)) .sbb-sr-place-ctrl--type-bicycle .sbb-sr-place-ctrl__text{inset-inline-start:-10%}`;
-let Nt = (() => {
-  var u, _, f, g, k, x, m, y, I, z, w, E, c;
-  let l = [It("sbb-seat-reservation-place-control")], o, i = [], v, R = gt, T, S = [], $ = [], P, L = [], D = [], N, A = [], O = [], F, j = [], B = [], U, K = [], M = [], Y, q = [], G = [], H, J = [], Q = [], V, W = [], X = [], Z, tt = [], et = [], st, at = [], rt = [], ct, lt = [], ot = [], it, nt = [], bt = [];
-  return c = class extends R {
+const pe = le`*,:before,:after{box-sizing:border-box}:host{--sbb-seat-reservation-place-control-text-scale-value: 1;--sbb-seat-reservation-place-control-width: 16;--sbb-seat-reservation-place-control-height: 16;--sbb-seat-reservation-place-control-top: 0;--sbb-seat-reservation-place-control-left: 0;--sbb-seat-reservation-place-control-rotation: 0;--sbb-seat-reservation-place-control-text-rotation: 0;--sbb-seat-reservation-place-control-text-size: calc( var(--sbb-seat-reservation-place-control-text-scale-value, 1) * .5 );--sbb-seat-reservation-place-control-default-text: var(--sbb-color-black);--sbb-seat-reservation-place-control-hover-text: var(--sbb-color-iron);--sbb-seat-reservation-place-control-focus-text: var(--sbb-color-anthracite);--sbb-seat-reservation-place-control-allocated-text: var(--sbb-color-smoke);--sbb-seat-reservation-place-control-free-background-default: var(--sbb-color-white);--sbb-seat-reservation-place-control-free-background-hover: var(--sbb-color-cloud);--sbb-seat-reservation-place-control-free-background-focus: var(--sbb-color-silver);--sbb-seat-reservation-place-control-free-backrest-background-default: var(--sbb-color-black);--sbb-seat-reservation-place-control-free-backrest-background-hover: var(--sbb-color-black);--sbb-seat-reservation-place-control-free-backrest-background-focus: var(--sbb-color-black);--sbb-seat-reservation-place-control-selected-background-default: var(--sbb-color-red);--sbb-seat-reservation-place-control-selected-background-hover: var(--sbb-color-red125);--sbb-seat-reservation-place-control-selected-background-focus: var(--sbb-color-red150);--sbb-seat-reservation-place-control-selected-backrest-background-default: var( --sbb-color-red150 );--sbb-seat-reservation-place-control-selected-backrest-background-hover: #7d000f;--sbb-seat-reservation-place-control-selected-backrest-background-focus: #5a000b;--sbb-seat-reservation-place-control-allocated-background-default: var(--sbb-color-milk);width:calc(var(--sbb-seat-reservation-place-control-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:calc(var(--sbb-seat-reservation-place-control-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));position:absolute;inset-block-start:calc(var(--sbb-seat-reservation-place-control-top) * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-start:calc(var(--sbb-seat-reservation-place-control-left) * var(--sbb-seat-reservation-one-px-rem, .0625rem));cursor:pointer}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-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-seat-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-seat-reservation-place-control-free-background-hover);color:var(--sbb-seat-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-seat-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-seat-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-seat-reservation-place-control-selected-background-hover);color:var(--sbb-seat-reservation-place-control-selected-text)}:host(:focus){border-radius:var(--sbb-border-width-1x);outline:calc(2 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) 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-seat-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-seat-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-seat-reservation-place-control-free-background-focus);color:var(--sbb-seat-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-seat-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-seat-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-seat-reservation-place-control-selected-background-focus);color:var(--sbb-seat-reservation-place-control-selected-text)}:host(:dir(rtl)) :not(.sbb-sr-place-ctrl--type-bicycle,.sbb-sr-place-ctrl--orientation-90,.sbb-sr-place-ctrl--orientation-270,.sbb-sr-place-ctrl--state-selected) ::part(svg-place){rotate:180deg}.sbb-sr-place-ctrl{width:max-content;position:relative;font-size:calc(var(--sbb-seat-reservation-place-control-text-size) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-place-ctrl--state-free ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-default)}.sbb-sr-place-ctrl--state-free ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-background-default)}.sbb-sr-place-ctrl--state-free .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-free-background-default);color:var(--sbb-seat-reservation-place-control-free-text)}.sbb-sr-place-ctrl--state-selected ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-selected-background-default)}.sbb-sr-place-ctrl--state-selected ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-selected-backrest-background-default)}.sbb-sr-place-ctrl--state-selected .sbb-sr-place-ctrl__text{background-color:var(--sbb-seat-reservation-place-control-selected-background-default);color:var(--sbb-seat-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-seat-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-seat-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-seat-reservation-place-control-allocated-background-default);color:var(--sbb-seat-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-seat-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%}:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-0 .sbb-sr-place-ctrl__text{inset-inline-start:3%}:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-90 .sbb-sr-place-ctrl__text,:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-180 .sbb-sr-place-ctrl__text{inset-inline-start:10%}:host(:dir(rtl)) .sbb-sr-place-ctrl--orientation-270 .sbb-sr-place-ctrl__text{inset-inline-start:5%}:host(:dir(rtl)) .sbb-sr-place-ctrl--type-bicycle .sbb-sr-place-ctrl__text{inset-inline-start:-10%}`;
+let Ie = (() => {
+  var u, f, _, g, k, x, y, m, l;
+  let r = [ne("sbb-seat-reservation-place-control")], o, i = [], n, C = ae, z, T = [], S = [], w, P = [], R = [], L, $ = [], D = [], A, N = [], O = [], F, V = [], j = [], B, U = [], K = [], M, Y = [], q = [], G, H = [], J = [];
+  return l = class extends C {
     constructor() {
       super();
-      b(this, u);
-      b(this, _);
-      b(this, f);
-      b(this, g);
-      b(this, k);
-      b(this, x);
-      b(this, m);
-      b(this, y);
-      b(this, I);
-      b(this, z);
-      b(this, w);
-      b(this, E);
-      a(this, u, r(this, S, "SEAT")), a(this, _, (r(this, $), r(this, L, "FREE"))), a(this, f, (r(this, D), r(this, A, []))), a(this, g, (r(this, O), r(this, j, 0))), a(this, k, (r(this, B), r(this, K, 32))), a(this, x, (r(this, M), r(this, q, 32))), a(this, m, (r(this, G), r(this, J, ""))), a(this, y, (r(this, Q), r(this, W, 0))), a(this, I, (r(this, X), r(this, tt, null))), a(this, z, (r(this, et), r(this, at, null))), a(this, w, (r(this, rt), r(this, lt, !1))), a(this, E, (r(this, ot), r(this, nt, "unfocus"))), this._language = (r(this, bt), new kt(this)), this.addEventListener("click", () => this._selectPlace());
+      p(this, u);
+      p(this, f);
+      p(this, _);
+      p(this, g);
+      p(this, k);
+      p(this, x);
+      p(this, y);
+      p(this, m);
+      a(this, u, c(this, T, "SEAT")), a(this, f, (c(this, S), c(this, P, "FREE"))), a(this, _, (c(this, R), c(this, $, []))), a(this, g, (c(this, D), c(this, N, ""))), a(this, k, (c(this, O), c(this, V, null))), a(this, x, (c(this, j), c(this, U, null))), a(this, y, (c(this, K), c(this, Y, !1))), a(this, m, (c(this, q), c(this, H, "unfocus"))), this._language = (c(this, J), new ce(this)), this.addEventListener("click", () => this._selectPlace());
     }
     /** placeType of the place, e.g. 'SEAT', 'BICYCLE' */
     get placeType() {
-      return n(this, u);
+      return b(this, u);
     }
-    set placeType(e) {
-      a(this, u, e);
+    set placeType(t) {
+      a(this, u, t);
     }
     /** state of the place, e.g. 'FREE', 'SELECTED', 'BLOCKED' */
     get state() {
-      return n(this, _);
+      return b(this, f);
     }
-    set state(e) {
-      a(this, _, e);
+    set state(t) {
+      a(this, f, t);
     }
     /** property ids of the place, to display more info about the place */
     get propertyIds() {
-      return n(this, f);
+      return b(this, _);
     }
-    set propertyIds(e) {
-      a(this, f, e);
-    }
-    /** rotation in degrees (without unit) */
-    get rotation() {
-      return n(this, g);
-    }
-    set rotation(e) {
-      a(this, g, e);
-    }
-    /** width of the place in pixels (without unit) */
-    get width() {
-      return n(this, k);
-    }
-    set width(e) {
-      a(this, k, e);
-    }
-    /** height of the place in pixels (without unit) */
-    get height() {
-      return n(this, x);
-    }
-    set height(e) {
-      a(this, x, e);
+    set propertyIds(t) {
+      a(this, _, t);
     }
     /** label of the place, e.g. '1A', '2B' */
     get text() {
-      return n(this, m);
-    }
-    set text(e) {
-      a(this, m, e);
-    }
-    /** Rotation of the text in degrees (without unit) */
-    get textRotation() {
-      return n(this, y);
+      return b(this, g);
     }
-    set textRotation(e) {
-      a(this, y, e);
+    set text(t) {
+      a(this, g, t);
     }
     /** Deck Index Prop to identifier the right place to deck */
     get deckIndex() {
-      return n(this, I);
+      return b(this, k);
     }
-    set deckIndex(e) {
-      a(this, I, e);
+    set deckIndex(t) {
+      a(this, k, t);
     }
     /** Coach Index Prop to identifier the right place to coach */
     get coachIndex() {
-      return n(this, z);
+      return b(this, x);
     }
-    set coachIndex(e) {
-      a(this, z, e);
+    set coachIndex(t) {
+      a(this, x, t);
     }
     /** Prevent click prop prevent any place action */
     get preventClick() {
-      return n(this, w);
+      return b(this, y);
     }
-    set preventClick(e) {
-      a(this, w, e);
+    set preventClick(t) {
+      a(this, y, t);
     }
     /** Set the place focus outline style */
     get keyfocus() {
-      return n(this, E);
+      return b(this, m);
     }
-    set keyfocus(e) {
-      a(this, E, e);
+    set keyfocus(t) {
+      a(this, m, t);
     }
-    willUpdate(e) {
-      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-seat-reservation-place-control-text-rotation", `${this.textRotation}`), e.has("rotation") && this.style?.setProperty("--sbb-seat-reservation-place-control-rotation", `${this.rotation}`), e.has("keyfocus") && this.keyfocus === "focus" && this.focus();
+    willUpdate(t) {
+      super.willUpdate(t), t.has("keyfocus") && this.keyfocus === "focus" && this.focus();
     }
     render() {
-      const e = this._getPlaceSvg(this.placeType, this.state), t = this.type.toLowerCase(), s = this.state.toLowerCase(), pt = this.text, vt = this.width, ut = this.height, _t = this.textRotation - this.rotation, ft = this.preventClick ? "sbb-reservation-place-control--disabled" : null;
-      return this.title = this._getTitleDescriptionPlace(), this.tabIndex = -1, yt`
+      const t = this._getPlaceSvg(this.placeType, this.state), e = this.type.toLowerCase(), s = this.state.toLowerCase(), Q = this.text, Z = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-width"), ee = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-height"), I = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-rotation"), te = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-text-rotation"), se = Number(te) - Number(I), re = this.preventClick ? "sbb-reservation-place-control--disabled" : null;
+      return this.title = this._getTitleDescriptionPlace(), this.tabIndex = -1, ie`
       <div
         part="sbb-sr-place-part"
-        class="sbb-sr-place-ctrl sbb-sr-place-ctrl--orientation-${this.rotation} sbb-sr-place-ctrl--state-${s} sbb-sr-place-ctrl--type-${t} ${ft}"
+        class="sbb-sr-place-ctrl sbb-sr-place-ctrl--orientation-${I} sbb-sr-place-ctrl--state-${s} sbb-sr-place-ctrl--type-${e} ${re}"
       >
         <sbb-seat-reservation-graphic
-          .name=${e}
-          .width=${vt}
-          .height=${ut}
-          .rotation=${this.rotation}
-          .inverseRotation=${_t}
+          style=${be({
+        "--sbb-seat-reservation-graphic-width": Z,
+        "--sbb-seat-reservation-graphic-height": ee,
+        "--sbb-seat-reservation-graphic-rotation": I,
+        "--sbb-seat-reservation-graphic-inverse-rotation": se
+      })}
+          .name=${t}
           aria-hidden="true"
         ></sbb-seat-reservation-graphic>
-        <span ${this.text ?? mt} class="sbb-sr-place-ctrl__text" aria-hidden="true"
-          >${pt}</span
+        <span ${this.text ?? oe} class="sbb-sr-place-ctrl__text" aria-hidden="true"
+          >${Q}</span
         >
       </div>
     `;
     }
-    _getPlaceSvg(e, t) {
-      return `PLACE_${e}_${t}`;
+    _getPlaceSvg(t, e) {
+      return `PLACE_${t}_${e}`;
     }
     _getTitleDescriptionPlace() {
-      const e = "PLACE_CONTROL_" + this.type + "_" + this.state;
-      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;
+      const t = "PLACE_CONTROL_" + this.type + "_" + this.state;
+      let e = E(t, this._language.current, [this.text]);
+      return this.propertyIds.length && (e += ". " + E("PLACE_PROPERTY", this._language.current).concat(": "), e += this.propertyIds.map((s) => E(s, this._language.current)).join(", ")), e;
     }
     /** If the place selectable, we emit the placeSelection object which contains infos to the place state */
     _selectPlace() {
       if ((this.state === "FREE" || this.state === "SELECTED") && !this.preventClick) {
         this.state = this.state === "FREE" ? "SELECTED" : "FREE";
-        const t = {
+        const e = {
           id: this.id,
           deckIndex: this.deckIndex,
           coachIndex: this.coachIndex,
@@ -161,43 +132,35 @@ let Nt = (() => {
           placeType: this.placeType
         };
         this.dispatchEvent(new CustomEvent("selectplace", {
-          detail: t,
+          detail: e,
           bubbles: !0,
           composed: !0
         }));
       }
     }
-  }, u = new WeakMap(), _ = new WeakMap(), f = new WeakMap(), g = new WeakMap(), k = new WeakMap(), x = new WeakMap(), m = new WeakMap(), y = new WeakMap(), I = new WeakMap(), z = new WeakMap(), w = new WeakMap(), E = new WeakMap(), v = c, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(R[Symbol.metadata] ?? null) : void 0;
-    T = [h(), d({ attribute: "type" })], P = [h(), d({ attribute: "state" })], N = [d({ attribute: "propertyIds", type: Array })], F = [h(), d({ attribute: "rotation", type: Number })], U = [h(), d({ attribute: "width", type: Number })], Y = [h(), d({ attribute: "height", type: Number })], H = [h(), d({ attribute: "text" })], V = [h(), d({ attribute: "text-rotation" })], Z = [h(), d({ attribute: "deck-index", type: Number })], st = [h(), d({ attribute: "coach-index", type: Number })], ct = [h(), d({ attribute: "prevent-click", type: Boolean })], it = [h(), 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) => {
-      t.placeType = s;
-    } }, metadata: e }, S, $), p(c, null, P, { 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 }, L, D), 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) => {
-      t.propertyIds = s;
-    } }, metadata: e }, A, 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 }, 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 }, 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 }, 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 }, 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 }, W, X), p(c, null, Z, { kind: "accessor", name: "deckIndex", static: !1, private: !1, access: { has: (t) => "deckIndex" in t, get: (t) => t.deckIndex, set: (t, s) => {
-      t.deckIndex = s;
-    } }, metadata: e }, tt, et), p(c, null, st, { 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 }, at, rt), p(c, null, ct, { 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 }, lt, ot), p(c, null, it, { 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 }, nt, bt), p(null, o = { value: v }, l, { kind: "class", name: v.name, metadata: e }, null, i), v = o.value, e && Object.defineProperty(v, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), c.styles = zt, c.events = {
+  }, u = new WeakMap(), f = new WeakMap(), _ = new WeakMap(), g = new WeakMap(), k = new WeakMap(), x = new WeakMap(), y = new WeakMap(), m = new WeakMap(), n = l, (() => {
+    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(C[Symbol.metadata] ?? null) : void 0;
+    z = [h(), v({ attribute: "type" })], w = [h(), v({ attribute: "state" })], L = [v({ attribute: "propertyIds", type: Array })], A = [h(), v({ attribute: "text" })], F = [h(), v({ attribute: "deck-index", type: Number })], B = [h(), v({ attribute: "coach-index", type: Number })], M = [h(), v({ attribute: "prevent-click", type: Boolean })], G = [h(), v({ attribute: "keyfocus" })], d(l, null, z, { kind: "accessor", name: "placeType", static: !1, private: !1, access: { has: (e) => "placeType" in e, get: (e) => e.placeType, set: (e, s) => {
+      e.placeType = s;
+    } }, metadata: t }, T, S), d(l, null, w, { kind: "accessor", name: "state", static: !1, private: !1, access: { has: (e) => "state" in e, get: (e) => e.state, set: (e, s) => {
+      e.state = s;
+    } }, metadata: t }, P, R), d(l, null, L, { kind: "accessor", name: "propertyIds", static: !1, private: !1, access: { has: (e) => "propertyIds" in e, get: (e) => e.propertyIds, set: (e, s) => {
+      e.propertyIds = s;
+    } }, metadata: t }, $, D), d(l, null, A, { kind: "accessor", name: "text", static: !1, private: !1, access: { has: (e) => "text" in e, get: (e) => e.text, set: (e, s) => {
+      e.text = s;
+    } }, metadata: t }, N, O), d(l, null, F, { kind: "accessor", name: "deckIndex", static: !1, private: !1, access: { has: (e) => "deckIndex" in e, get: (e) => e.deckIndex, set: (e, s) => {
+      e.deckIndex = s;
+    } }, metadata: t }, V, j), d(l, null, B, { kind: "accessor", name: "coachIndex", static: !1, private: !1, access: { has: (e) => "coachIndex" in e, get: (e) => e.coachIndex, set: (e, s) => {
+      e.coachIndex = s;
+    } }, metadata: t }, U, K), d(l, null, M, { kind: "accessor", name: "preventClick", static: !1, private: !1, access: { has: (e) => "preventClick" in e, get: (e) => e.preventClick, set: (e, s) => {
+      e.preventClick = s;
+    } }, metadata: t }, Y, q), d(l, null, G, { kind: "accessor", name: "keyfocus", static: !1, private: !1, access: { has: (e) => "keyfocus" in e, get: (e) => e.keyfocus, set: (e, s) => {
+      e.keyfocus = s;
+    } }, metadata: t }, H, J), d(null, o = { value: n }, r, { kind: "class", name: n.name, metadata: t }, null, i), n = o.value, t && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), l.styles = pe, l.events = {
     selectplace: "selectplace"
-  }, r(v, i), v;
+  }, c(n, i), n;
 })();
 export {
-  Nt as SbbSeatReservationPlaceControlElement
+  Ie as SbbSeatReservationPlaceControlElement
 };

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

@@ -1,13 +1,13 @@
 import { __esDecorate as i, __runInitializers as c } from "tslib";
 import { css as n, LitElement as b, html as m } from "lit";
 import { customElement as d } from "lit/decorators.js";
-const p = n`*,:before,:after{box-sizing:border-box}:host{--sbb-seat-reservation-scoped-width: 0;--sbb-seat-reservation-scoped-height: 0;display:block}:host .scoped-element{width:calc(var(--sbb-seat-reservation-scoped-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:calc(var(--sbb-seat-reservation-scoped-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}`;
+const p = n`*,:before,:after{box-sizing:border-box}:host{--sbb-seat-reservation-scoped-width: 0;--sbb-seat-reservation-scoped-height: 0;display:block;width:calc(var(--sbb-seat-reservation-scoped-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:calc(var(--sbb-seat-reservation-scoped-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}`;
 let f = (() => {
   var t;
   let l = [d("sbb-seat-reservation-scoped")], a, r = [], e, o = b;
   return t = class extends o {
     render() {
-      return m`<div class="scoped-element"><slot></slot></div>`;
+      return m`<slot></slot>`;
     }
   }, e = t, (() => {
     const s = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;