@sbb-esta/lyne-elements-experimental-dev 4.7.0-dev.1773648089 → 4.7.0-dev.1773648663

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

@@ -1,234 +1,2 @@
-var X = (s) => {
-  throw TypeError(s);
-};
-var Y = (s, n, b) => n.has(s) || X("Cannot " + b);
-var c = (s, n, b) => (Y(s, n, "read from private field"), b ? b.call(s) : n.get(s)), l = (s, n, b) => n.has(s) ? X("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(s) : n.set(s, b), t = (s, n, b, A) => (Y(s, n, "write to private field"), A ? A.call(s, b) : n.set(s, b), b);
-import { __runInitializers as o, __esDecorate as v } from "tslib";
-import { SbbElement as ea } from "@sbb-esta/lyne-elements/core/base-elements.js";
-import { SbbLanguageController as ta } from "@sbb-esta/lyne-elements/core/controllers.js";
-import { forceType as g } from "@sbb-esta/lyne-elements/core/decorators.js";
-import { boxSizingStyles as sa } from "@sbb-esta/lyne-elements/core/styles.js";
-import { css as ia, nothing as u, html as d } from "lit";
-import { property as h } from "lit/decorators.js";
-import { classMap as Z } from "lit/directives/class-map.js";
-import { getI18nSeatReservation as _ } from "../common/translations.js";
-import { SbbSeatReservationNavigationServicesElement as oa } from "../seat-reservation-navigation-services/seat-reservation-navigation-services.component.js";
-import "@sbb-esta/lyne-elements/screen-reader-only.js";
-const na = ia`:host{display:inline-block;min-height:calc(44 * var(--sbb-seat-reservation-one-px-rem, .0625rem));--sbb-seat-reservation-navigation-travelclass-spacing: 10;--sbb-seat-reservation-navigation-btn-border-width-default: 1;--sbb-seat-reservation-navigation-btn-border-width: var( --sbb-seat-reservation-navigation-btn-border-width-default );--sbb-seat-reservation-navigation-btn-border-color: var(--sbb-color-granite);--sbb-seat-reservation-navigation-btn-border-color: light-dark( var(--sbb-color-granite), var(--sbb-color-graphite) );--sbb-seat-reservation-navigation-btn-background-color: var(--sbb-color-white);--sbb-seat-reservation-navigation-btn-background-color: light-dark( var(--sbb-color-white), var(--sbb-color-black) );--sbb-seat-reservation-navigation-btn-border-width-selected: 2;--sbb-seat-reservation-navigation-btn-background-color-selected: var(--sbb-color-milk);--sbb-seat-reservation-navigation-btn-background-color-selected: light-dark( var(--sbb-color-milk), var(--sbb-color-iron) );--sbb-seat-reservation-navigation-btn-border-color-selected: var(--sbb-color-black);--sbb-seat-reservation-navigation-btn-border-color-selected: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-navigation-btn-outline-width-focused: 1;--sbb-seat-reservation-navigation-btn-outline-color-focused: var(--sbb-color-black);--sbb-seat-reservation-navigation-btn-outline-color-focused: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-navigation-btn-outline-offset-focused: 4;--sbb-seat-reservation-navigation-btn-background-color-focused: var(--sbb-color-white);--sbb-seat-reservation-navigation-btn-background-color-focused: light-dark( var(--sbb-color-white), var(--sbb-color-black) );--sbb-seat-reservation-navigation-btn-border-width-focused: var( --sbb-seat-reservation-navigation-btn-border-width );--sbb-seat-reservation-navigation-btn-border-color-focused: var(--sbb-color-black);--sbb-seat-reservation-navigation-btn-border-color-focused: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-navigation-btn-border-width-hovered: 2;--sbb-seat-reservation-navigation-btn-background-color-hovered: var(--sbb-color-cloud);--sbb-seat-reservation-navigation-btn-background-color-hovered: light-dark( var(--sbb-color-cloud), var(--sbb-color-midnight) );--sbb-seat-reservation-navigation-btn-border-color-hovered: var(--sbb-color-black);--sbb-seat-reservation-navigation-btn-border-color-hovered: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-navigation-btn-background-color-disabled: var(--sbb-background-color-2);--sbb-seat-reservation-navigation-btn-border-color-disabled: var(--sbb-color-platinum);--sbb-seat-reservation-navigation-btn-border-color-disabled: light-dark( var(--sbb-color-platinum), var(--sbb-color-iron) )}.sbb-sr-navigation__item-coach{display:flex;flex-direction:column;gap:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem));width:calc(80 * var(--sbb-seat-reservation-one-px-rem, .0625rem));list-style-type:none}.sbb-sr-navigation__item-coach.first-coach .sbb-sr-navigation--first-class,.sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation--first-class{width:calc(100% - 18 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation__item-coach.first-coach .sbb-sr-navigation__ctrl-button:not(.sbb-seat-reservation-navigation-driver-area){border-radius:var(--sbb-border-radius-8x) var(--sbb-border-radius-2x) var(--sbb-border-radius-2x) var(--sbb-border-radius-8x)}.sbb-sr-navigation__item-coach.first-coach .sbb-sr-navigation__ctrl-button:not(.sbb-seat-reservation-navigation-driver-area):before{content:"";position:absolute;width:100%;height:100%;border:calc(var(--sbb-seat-reservation-navigation-btn-border-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) solid var(--sbb-seat-reservation-navigation-btn-border-color);border-radius:var(--sbb-border-radius-8x) var(--sbb-border-radius-2x) var(--sbb-border-radius-2x) var(--sbb-border-radius-8x)}.sbb-sr-navigation__item-coach.first-coach .sbb-sr-navigation--first-class{margin-inline-start:calc(var(--sbb-seat-reservation-navigation-travelclass-spacing) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area){border-radius:var(--sbb-border-radius-2x) var(--sbb-border-radius-8x) var(--sbb-border-radius-8x) var(--sbb-border-radius-2x)}.sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area):before{content:"";position:absolute;width:100%;height:100%;border:calc(var(--sbb-seat-reservation-navigation-btn-border-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) solid var(--sbb-seat-reservation-navigation-btn-border-color);border-radius:var(--sbb-border-radius-2x) var(--sbb-border-radius-8x) var(--sbb-border-radius-8x) var(--sbb-border-radius-2x)}.sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation__additional-information{padding-inline-end:calc(var(--sbb-seat-reservation-navigation-travelclass-spacing) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation--first-class{margin-inline-end:calc(var(--sbb-seat-reservation-navigation-travelclass-spacing) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation__ctrl-button{appearance:none;box-sizing:border-box;margin:0;outline:none;border:none;border-radius:0;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;display:flex;flex-direction:column;justify-content:center;height:calc(36 * var(--sbb-seat-reservation-one-px-rem, .0625rem));position:relative;background-color:var(--sbb-seat-reservation-navigation-btn-background-color);cursor:var(--sbb-cursor-pointer)}.sbb-sr-navigation__ctrl-button.sbb-sr-navigation-driver-area{border-radius:var(--sbb-border-radius-8x) var(--sbb-border-radius-8x) var(--sbb-border-radius-8x) var(--sbb-border-radius-8x)}.sbb-sr-navigation__ctrl-button.sbb-sr-navigation-driver-area:before{content:"";position:absolute;width:100%;height:100%;border:calc(var(--sbb-seat-reservation-navigation-btn-border-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) solid var(--sbb-seat-reservation-navigation-btn-border-color);border-radius:var(--sbb-border-radius-8x) var(--sbb-border-radius-8x) var(--sbb-border-radius-8x) var(--sbb-border-radius-8x)}.sbb-sr-navigation__ctrl-button{border-radius:var(--sbb-border-radius-2x) var(--sbb-border-radius-2x) var(--sbb-border-radius-2x) var(--sbb-border-radius-2x)}.sbb-sr-navigation__ctrl-button:before{content:"";position:absolute;width:100%;height:100%;border:calc(var(--sbb-seat-reservation-navigation-btn-border-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) solid var(--sbb-seat-reservation-navigation-btn-border-color);border-radius:var(--sbb-border-radius-2x) var(--sbb-border-radius-2x) var(--sbb-border-radius-2x) var(--sbb-border-radius-2x)}.sbb-sr-navigation__item-coach--focused .sbb-sr-navigation__ctrl-button{--sbb-seat-reservation-navigation-btn-background-color: var( --sbb-seat-reservation-navigation-btn-background-color-focused );--sbb-seat-reservation-navigation-btn-border-color: var( --sbb-seat-reservation-navigation-btn-border-color-focused );--sbb-seat-reservation-navigation-btn-border-width: var( --sbb-seat-reservation-navigation-btn-border-width-focused );outline:calc(var(--sbb-seat-reservation-navigation-btn-outline-width-focused) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) solid var(--sbb-seat-reservation-navigation-btn-outline-color-focused);outline-offset:calc(var(--sbb-seat-reservation-navigation-btn-outline-offset-focused) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation__item-coach--focused .sbb-sr-navigation__ctrl-button .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-metal);background-color:light-dark(var(--sbb-color-metal),var(--sbb-color-storm))}.sbb-sr-navigation__item-coach--focused .sbb-sr-navigation__ctrl-button .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-anthracite);color:light-dark(var(--sbb-color-anthracite),var(--sbb-color-graphite))}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button{--sbb-seat-reservation-navigation-btn-background-color: var( --sbb-seat-reservation-navigation-btn-background-color-selected );--sbb-seat-reservation-navigation-btn-border-color: var( --sbb-seat-reservation-navigation-btn-border-color-selected );--sbb-seat-reservation-navigation-btn-border-width: var( --sbb-seat-reservation-navigation-btn-border-width-selected )}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-black);background-color:light-dark(var(--sbb-color-black),var(--sbb-color-white))}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-black);color:light-dark(var(--sbb-color-black),var(--sbb-color-white))}.sbb-sr-navigation__item-coach--selected.sbb-sr-navigation__item-coach--hovered .sbb-sr-navigation__ctrl-button{--sbb-seat-reservation-navigation-btn-background-color: var( --sbb-seat-reservation-navigation-btn-background-color-selected );--sbb-seat-reservation-navigation-btn-border-color: var( --sbb-seat-reservation-navigation-btn-border-color-selected );--sbb-seat-reservation-navigation-btn-border-width: var( --sbb-seat-reservation-navigation-btn-border-width-selected );background-color:var(--sbb-seat-reservation-navigation-btn-background-color-hovered)!important}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button:focus-visible:not([disabled],:disabled){--sbb-seat-reservation-navigation-btn-background-color: var( --sbb-seat-reservation-navigation-btn-background-color-selected );--sbb-seat-reservation-navigation-btn-border-color: var( --sbb-seat-reservation-navigation-btn-border-color-selected );--sbb-seat-reservation-navigation-btn-border-width: var( --sbb-seat-reservation-navigation-btn-border-width-selected )}.sbb-sr-navigation__item-coach--hovered .sbb-sr-navigation__ctrl-button{--sbb-seat-reservation-navigation-btn-background-color: var( --sbb-seat-reservation-navigation-btn-background-color-hovered );--sbb-seat-reservation-navigation-btn-border-color: var( --sbb-seat-reservation-navigation-btn-border-color-hovered );--sbb-seat-reservation-navigation-btn-border-width: var( --sbb-seat-reservation-navigation-btn-border-width-hovered )}.sbb-sr-navigation__ctrl-button:hover:not([disabled],:disabled){--sbb-seat-reservation-navigation-btn-background-color: var( --sbb-seat-reservation-navigation-btn-background-color-hovered );--sbb-seat-reservation-navigation-btn-border-color: var( --sbb-seat-reservation-navigation-btn-border-color-hovered );--sbb-seat-reservation-navigation-btn-border-width: var( --sbb-seat-reservation-navigation-btn-border-width-hovered )}.sbb-sr-navigation__ctrl-button:hover:not([disabled],:disabled) .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-smoke)}.sbb-sr-navigation__ctrl-button:hover:not([disabled],:disabled) .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-iron);color:light-dark(var(--sbb-color-iron),var(--sbb-color-silver))}.sbb-sr-navigation__ctrl-button:is([disabled],:disabled){--sbb-seat-reservation-navigation-btn-background-color: var( --sbb-seat-reservation-navigation-btn-background-color-disabled );--sbb-seat-reservation-navigation-btn-border-color: var( --sbb-seat-reservation-navigation-btn-border-color-disabled );cursor:unset;pointer-events:unset}.sbb-sr-navigation__ctrl-button:is([disabled],:disabled) .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-graphite);background-color:light-dark(var(--sbb-color-graphite),var(--sbb-color-granite))}.sbb-sr-navigation__ctrl-button:is([disabled],:disabled) .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-graphite);color:light-dark(var(--sbb-color-graphite),var(--sbb-color-granite))}.sbb-sr-navigation__additional-information{display:flex;justify-content:space-between;align-items:center;flex:1;column-gap:calc(8 * var(--sbb-seat-reservation-one-px-rem, .0625rem));padding-inline:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));font-family:var(--sbb-typo-font-family);font-weight:700;color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),var(--sbb-color-granite))}@media(forced-colors:active){.sbb-sr-navigation__additional-information{color:var(--sbb-color-milk)}}.sbb-sr-navigation__item-coach-number{color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),var(--sbb-color-graphite))}@media(forced-colors:active){.sbb-sr-navigation__item-coach-number{color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),var(--sbb-color-graphite))}}.sbb-sr-navigation__item-coach-number .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-background-color-2-inverted)}.sbb-sr-navigation--first-class{width:calc(100% - 8 * var(--sbb-seat-reservation-one-px-rem, .0625rem));position:absolute;inset-block-start:calc(3 * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-start:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem));border:calc(1 * var(--sbb-seat-reservation-one-px-rem, .0625rem)) solid transparent;border-radius:var(--sbb-border-radius-1x);margin:auto;background-color:var(--sbb-color-lemon)}.sbb-sr-navigation__item-coach-travelclass{display:flex;align-items:center;justify-content:center;min-height:calc(20 * var(--sbb-seat-reservation-one-px-rem, .0625rem));min-width:calc(20 * var(--sbb-seat-reservation-one-px-rem, .0625rem));border-radius:var(--sbb-border-radius-1x);text-align:center;background-color:var(--sbb-color-granite);background-color:light-dark(var(--sbb-color-granite),var(--sbb-color-graphite));color:var(--sbb-color-white);color:light-dark(var(--sbb-color-white),var(--sbb-color-black))}@media(forced-colors:active){.sbb-sr-navigation__item-coach-travelclass{border:var(--sbb-border-width-1x) solid}}:host([vertical]) .sbb-sr-navigation__item-coach{flex-direction:row}:host([vertical]) .sbb-sr-navigation__item-coach .sbb-sr-navigation__ctrl-button{flex-direction:row-reverse;height:calc(80 * var(--sbb-seat-reservation-one-px-rem, .0625rem));min-width:calc(36 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host([vertical]) .sbb-sr-navigation__item-coach .sbb-sr-navigation__additional-information{flex-direction:column-reverse;padding-block:calc(16 * var(--sbb-seat-reservation-one-px-rem, .0625rem));padding-inline-start:unset;padding-inline-end:unset}:host([vertical]) .sbb-sr-navigation__item-coach .sbb-sr-navigation--first-class{height:calc(100% - 8 * var(--sbb-seat-reservation-one-px-rem, .0625rem));width:initial;inset-inline-end:calc(3 * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-block-start:calc(4 * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-start:initial}:host([vertical]) .sbb-sr-navigation__item-coach.first-coach .sbb-sr-navigation--first-class,:host([vertical]) .sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation--first-class{height:calc(100% - 18 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host([vertical]) .sbb-sr-navigation__item-coach.first-coach:not(.last-coach) .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area){border-radius:var(--sbb-border-radius-8x) var(--sbb-border-radius-8x) var(--sbb-border-radius-2x) var(--sbb-border-radius-2x)}:host([vertical]) .sbb-sr-navigation__item-coach.first-coach:not(.last-coach) .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area):before{content:"";position:absolute;width:100%;height:100%;border:calc(var(--sbb-seat-reservation-navigation-btn-border-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) solid var(--sbb-seat-reservation-navigation-btn-border-color);border-radius:var(--sbb-border-radius-8x) var(--sbb-border-radius-8x) var(--sbb-border-radius-2x) var(--sbb-border-radius-2x)}:host([vertical]) .sbb-sr-navigation__item-coach.first-coach:not(.last-coach) .sbb-sr-navigation--first-class{margin-block-start:calc(var(--sbb-seat-reservation-navigation-travelclass-spacing) * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-inline-start:initial}:host([vertical]) .sbb-sr-navigation__item-coach.last-coach:not(.first-coach) .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area){border-radius:var(--sbb-border-radius-2x) var(--sbb-border-radius-2x) var(--sbb-border-radius-8x) var(--sbb-border-radius-8x)}:host([vertical]) .sbb-sr-navigation__item-coach.last-coach:not(.first-coach) .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area):before{content:"";position:absolute;width:100%;height:100%;border:calc(var(--sbb-seat-reservation-navigation-btn-border-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) solid var(--sbb-seat-reservation-navigation-btn-border-color);border-radius:var(--sbb-border-radius-2x) var(--sbb-border-radius-2x) var(--sbb-border-radius-8x) var(--sbb-border-radius-8x)}:host([vertical]) .sbb-sr-navigation__item-coach.last-coach:not(.first-coach) .sbb-sr-navigation--first-class{margin-block-end:calc(var(--sbb-seat-reservation-navigation-travelclass-spacing) * var(--sbb-seat-reservation-one-px-rem, .0625rem));margin-inline-end:initial}:host([vertical]) .sbb-sr-navigation__item-coach .sbb-sr-navigation-driver-area{height:calc(80 * var(--sbb-seat-reservation-one-px-rem, .0625rem));min-width:calc(36 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}`;
-oa.define();
-let wa = (() => {
-  var m, f, p, x, k, w, I, y, D, i;
-  let s = ea, n, b = [], A = [], C, T = [], $ = [], z, B = [], E = [], O, S = [], F = [], L, V = [], N = [], j, H = [], U = [], G, K = [], M = [], P, q = [], W = [], J, Q = [], R = [];
-  return i = class extends s {
-    constructor() {
-      super(...arguments);
-      l(this, m);
-      l(this, f);
-      l(this, p);
-      l(this, x);
-      l(this, k);
-      l(this, w);
-      l(this, I);
-      l(this, y);
-      l(this, D);
-      t(this, m, o(this, b, !1)), t(this, f, (o(this, A), o(this, T, !1))), t(this, p, (o(this, $), o(this, B, !1))), t(this, x, (o(this, E), o(this, S, !0))), t(this, k, (o(this, F), o(this, V, 0))), t(this, w, (o(this, N), o(this, H, {}))), t(this, I, (o(this, U), o(this, K, !1))), t(this, y, (o(this, M), o(this, q, !1))), t(this, D, (o(this, W), o(this, Q, !1))), this._language = (o(this, R), new ta(this));
-    }
-    /** Select coach property */
-    get selected() {
-      return c(this, m);
-    }
-    set selected(r) {
-      t(this, m, r);
-    }
-    /** Focus coach property */
-    get focused() {
-      return c(this, f);
-    }
-    set focused(r) {
-      t(this, f, r);
-    }
-    /** Hover coach property */
-    get hovered() {
-      return c(this, p);
-    }
-    set hovered(r) {
-      t(this, p, r);
-    }
-    /** Native focus for this navigation coach is also set when the focused property is changed */
-    get nativeFocusActive() {
-      return c(this, x);
-    }
-    set nativeFocusActive(r) {
-      t(this, x, r);
-    }
-    get index() {
-      return c(this, k);
-    }
-    set index(r) {
-      t(this, k, r);
-    }
-    get coachItemDetails() {
-      return c(this, w);
-    }
-    set coachItemDetails(r) {
-      t(this, w, r);
-    }
-    /** Disable the coach navigation */
-    get disable() {
-      return c(this, I);
-    }
-    set disable(r) {
-      t(this, I, r);
-    }
-    /** If the coach navigation should be displayed vertically */
-    get vertical() {
-      return c(this, y);
-    }
-    set vertical(r) {
-      t(this, y, r);
-    }
-    /** Disable the mouse over title information */
-    get showTitleInfo() {
-      return c(this, D);
-    }
-    set showTitleInfo(r) {
-      t(this, D, r);
-    }
-    willUpdate(r) {
-      if (super.willUpdate(r), r.has("selected")) {
-        const a = this.shadowRoot?.querySelector(".sbb-sr-navigation__ctrl-button");
-        this.selected && a && (this.nativeFocusActive && a.focus(), this.dispatchEvent(new Event("focuscoach", { bubbles: !0, composed: !0 })));
-      }
-      if (r.has("focused") && this.focused) {
-        const a = this.shadowRoot?.querySelector(".sbb-sr-navigation__ctrl-button");
-        a && this.nativeFocusActive && a.focus();
-      }
-    }
-    /**
-     * Render a list of service icons provided by a caller
-     *
-     * @protected
-     */
-    render() {
-      return d`
-      <div
-        class="${Z({
-        "sbb-sr-navigation__item-coach": !0,
-        "last-coach": this.coachItemDetails.driverAreaSide?.right || !1,
-        "first-coach": this.coachItemDetails.driverAreaSide?.left || !1,
-        "sbb-sr-navigation__item-coach--selected": this.selected,
-        "sbb-sr-navigation__item-coach--focused": this.focused,
-        "sbb-sr-navigation__item-coach--hovered": this.hovered
-      })}"
-      >
-        ${this._getNavigationButton()}
-        ${this.coachItemDetails.propertyIds?.length ? d`<sbb-seat-reservation-navigation-services
-              ?vertical="${this.vertical}"
-              .propertyIds="${this.coachItemDetails.propertyIds}"
-              ?showTitleInfo="${this.showTitleInfo}"
-            ></sbb-seat-reservation-navigation-services>` : u}
-      </div>
-    `;
-    }
-    _getNavigationButton() {
-      const r = this._getCoachServiceClassNumber(), a = this._getTitleDescriptionNavCoachButton(r), e = this._getAriaDescriptionCoachServices();
-      return d` <button
-      @click=${() => this._selectNavCoach(this.index)}
-      class="${Z({
-        "sbb-sr-navigation__ctrl-button": !0,
-        "sbb-sr-navigation-driver-area": this.coachItemDetails.isDriverArea
-      })}"
-      ?disabled="${this.disable}"
-      title="${this.showTitleInfo ? a : u}"
-      type="button"
-      aria-describedby="nav-coach-service-descriptions-${this.index}"
-    >
-      ${this._getBtnInformation(r)}
-      <sbb-screen-reader-only id="nav-coach-service-descriptions-${this.index}">
-        ${this.showTitleInfo ? u : d`<div>${a}</div>`}
-        ${e ? d`<div>${e}</div>` : u}
-      </sbb-screen-reader-only>
-    </button>`;
-    }
-    _getBtnInformation(r) {
-      return this.coachItemDetails.isDriverArea ? null : d`
-      ${r === 1 ? d`<span class="sbb-sr-navigation--first-class"></span>` : u}
-      ${this.coachItemDetails.travelClass?.length > 0 || this.coachItemDetails.id ? d`<div class="sbb-sr-navigation__additional-information">
-            ${this.coachItemDetails.id ? d`<div class="sbb-sr-navigation__item-coach-number" aria-hidden="true">
-                  ${this.coachItemDetails.id}
-                </div>` : u}
-            <div
-              ${r ?? u}
-              class="sbb-sr-navigation__item-coach-travelclass"
-              aria-hidden="true"
-            >
-              ${r}
-            </div>
-          </div>` : u}
-    `;
-    }
-    _getTitleDescriptionNavCoachButton(r) {
-      if (this.coachItemDetails.isDriverArea && !this.coachItemDetails.driverAreaElements?.driverAreaNoVerticalWall)
-        return _("NAVIGATE_COACH_BLOCKED", this._language.current, [
-          this.coachItemDetails.id
-        ]);
-      if (this.coachItemDetails.driverAreaElements?.driverAreaNoVerticalWall)
-        return _("COACH_LOCOMOTIVE", this._language.current);
-      let a = _("NAVIGATE_TO_COACH", this._language.current, [
-        this.coachItemDetails.id
-      ]);
-      if (r) {
-        const aa = _(r === 1 ? "SERVICE_CLASS_FIRST" : "SERVICE_CLASS_SECOND", this._language.current), ra = _("NAVIGATE_TO_COACH_SERVICE_CLASS_SUB", this._language.current, [aa]);
-        a = a.concat(ra);
-      }
-      const e = _("COACH_AVAILABLE_NUMBER_OF_PLACES", this._language.current, [this.coachItemDetails.freePlaces?.seats, this.coachItemDetails.freePlaces?.bicycles]);
-      return a = a.concat(". ").concat(e), a;
-    }
-    _getAriaDescriptionCoachServices() {
-      let r = null;
-      return this.coachItemDetails.propertyIds?.length && (r = _("COACH_AVAILABLE_SERVICES", this._language.current) + ": ", r += this.coachItemDetails.propertyIds.map((a) => _(a, this._language.current)).join() + "."), r;
-    }
-    /**
-     * emits the index of the coach array for the main navigation.
-     * @param coachIndex
-     * @private
-     */
-    _selectNavCoach(r) {
-      this.dispatchEvent(new CustomEvent("selectcoach", {
-        bubbles: !0,
-        composed: !0,
-        detail: r
-      }));
-    }
-    _getCoachServiceClassNumber() {
-      return this.coachItemDetails.travelClass?.includes("FIRST") ? 1 : this.coachItemDetails.travelClass?.includes("SECOND") ? 2 : null;
-    }
-  }, m = new WeakMap(), f = new WeakMap(), p = new WeakMap(), x = new WeakMap(), k = new WeakMap(), w = new WeakMap(), I = new WeakMap(), y = new WeakMap(), D = new WeakMap(), (() => {
-    const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
-    n = [g(), h({ type: Boolean })], C = [g(), h({ type: Boolean })], z = [g(), h({ type: Boolean })], O = [g(), h({ type: Boolean })], L = [g(), h({ type: Number })], j = [h({ attribute: "coach-item-details", type: Object })], G = [g(), h({ attribute: "disable", type: Boolean })], P = [g(), h({ type: Boolean, reflect: !0, useDefault: !0 })], J = [g(), h({ type: Boolean })], v(i, null, n, { kind: "accessor", name: "selected", static: !1, private: !1, access: { has: (a) => "selected" in a, get: (a) => a.selected, set: (a, e) => {
-      a.selected = e;
-    } }, metadata: r }, b, A), v(i, null, C, { kind: "accessor", name: "focused", static: !1, private: !1, access: { has: (a) => "focused" in a, get: (a) => a.focused, set: (a, e) => {
-      a.focused = e;
-    } }, metadata: r }, T, $), v(i, null, z, { kind: "accessor", name: "hovered", static: !1, private: !1, access: { has: (a) => "hovered" in a, get: (a) => a.hovered, set: (a, e) => {
-      a.hovered = e;
-    } }, metadata: r }, B, E), v(i, null, O, { kind: "accessor", name: "nativeFocusActive", static: !1, private: !1, access: { has: (a) => "nativeFocusActive" in a, get: (a) => a.nativeFocusActive, set: (a, e) => {
-      a.nativeFocusActive = e;
-    } }, metadata: r }, S, F), v(i, null, L, { kind: "accessor", name: "index", static: !1, private: !1, access: { has: (a) => "index" in a, get: (a) => a.index, set: (a, e) => {
-      a.index = e;
-    } }, metadata: r }, V, N), v(i, null, j, { kind: "accessor", name: "coachItemDetails", static: !1, private: !1, access: { has: (a) => "coachItemDetails" in a, get: (a) => a.coachItemDetails, set: (a, e) => {
-      a.coachItemDetails = e;
-    } }, metadata: r }, H, U), v(i, null, G, { kind: "accessor", name: "disable", static: !1, private: !1, access: { has: (a) => "disable" in a, get: (a) => a.disable, set: (a, e) => {
-      a.disable = e;
-    } }, metadata: r }, K, M), v(i, null, P, { kind: "accessor", name: "vertical", static: !1, private: !1, access: { has: (a) => "vertical" in a, get: (a) => a.vertical, set: (a, e) => {
-      a.vertical = e;
-    } }, metadata: r }, q, W), v(i, null, J, { kind: "accessor", name: "showTitleInfo", static: !1, private: !1, access: { has: (a) => "showTitleInfo" in a, get: (a) => a.showTitleInfo, set: (a, e) => {
-      a.showTitleInfo = e;
-    } }, metadata: r }, Q, R), r && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
-  })(), i.elementName = "sbb-seat-reservation-navigation-coach", i.styles = [sa, na], i.events = {
-    selectcoach: "selectcoach",
-    focuscoach: "focuscoach"
-  }, i;
-})();
-export {
-  wa as SbbSeatReservationNavigationCoachElement
-};
+import { t as e } from "../../seat-reservation-navigation-coach.component-Bh9ILq60.js";
+export { e as SbbSeatReservationNavigationCoachElement };

package/seat-reservation/seat-reservation-navigation-coach.js

@@ -1,7 +1,4 @@
-import { SbbSeatReservationNavigationCoachElement as e } from "./seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js";
-e.define();
-console.warn(`The entrypoint '@sbb-esta/elements-experimental/seat-reservation/seat-reservation-navigation-coach.js' has been deprecated.
-Use either '@sbb-esta/elements-experimental/seat-reservation.js' or '@sbb-esta/elements-experimental/seat-reservation.pure.js' instead.`);
-export {
-  e as SbbSeatReservationNavigationCoachElement
-};
+import { t as e } from "../seat-reservation-navigation-coach.component-Bh9ILq60.js";
+e.define(), console.warn("The entrypoint '@sbb-esta/elements-experimental/seat-reservation/seat-reservation-navigation-coach.js' has been deprecated.\nUse either '@sbb-esta/elements-experimental/seat-reservation.js' or '@sbb-esta/elements-experimental/seat-reservation.pure.js' instead.");
+//#endregion
+export { e as SbbSeatReservationNavigationCoachElement };

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

@@ -1,85 +1,2 @@
-var T = (t) => {
-  throw TypeError(t);
-};
-var L = (t, s, a) => s.has(t) || T("Cannot " + a);
-var m = (t, s, a) => (L(t, s, "read from private field"), a ? a.call(t) : s.get(t)), f = (t, s, a) => s.has(t) ? T("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(t) : s.set(t, a), n = (t, s, a, d) => (L(t, s, "write to private field"), d ? d.call(t, a) : s.set(t, a), a);
-import { __runInitializers as p, __esDecorate as b } from "tslib";
-import { SbbElement as E } from "@sbb-esta/lyne-elements/core/base-elements.js";
-import { SbbLanguageController as B } from "@sbb-esta/lyne-elements/core/controllers.js";
-import { forceType as z } from "@sbb-esta/lyne-elements/core/decorators.js";
-import { boxSizingStyles as A } from "@sbb-esta/lyne-elements/core/styles.js";
-import { css as D, nothing as g, html as C } from "lit";
-import { property as u } from "lit/decorators.js";
-import { getI18nSeatReservation as _ } from "../common/translations.js";
-import { SbbSeatReservationGraphicElement as $ } from "../seat-reservation-graphic/seat-reservation-graphic.component.js";
-import "@sbb-esta/lyne-elements/screen-reader-only.js";
-const j = D`.sbb-sr-navigation__signs{display:flex;flex-direction:row;justify-content:center;gap:var(--sbb-spacing-fixed-2x);overflow:hidden;line-height:normal;color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),var(--sbb-color-graphite))}.sbb-sr-navigation__signs:has(:nth-child(n+3 of.auto-width)):has([name^=SILENCE],[name^=BUSINESS]){gap:calc(6 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}.sbb-sr-navigation__signs:has(:nth-child(n+3 of.auto-width)):has([name^=SILENCE],[name^=BUSINESS]):has([name^=BICYCLE]){gap:calc(3 * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host([vertical]) .sbb-sr-navigation__signs{flex-direction:column;height:100%}`;
-$.define();
-let K = (() => {
-  var l, c, h, i;
-  let t = E, s, a = [], d = [], I, y = [], v = [], w, x = [], S = [];
-  return i = class extends t {
-    constructor() {
-      super(...arguments);
-      f(this, l);
-      f(this, c);
-      f(this, h);
-      n(this, l, p(this, a, [])), n(this, c, (p(this, d), p(this, y, !1))), n(this, h, (p(this, v), p(this, x, !1))), this._language = (p(this, S), new B(this));
-    }
-    /** Coach service property ids, which are used to display the services in the navigation */
-    get propertyIds() {
-      return m(this, l);
-    }
-    set propertyIds(r) {
-      n(this, l, r);
-    }
-    /** If true, the service icons are displayed vertically */
-    get vertical() {
-      return m(this, c);
-    }
-    set vertical(r) {
-      n(this, c, r);
-    }
-    /** Disable the mouse over title information */
-    get showTitleInfo() {
-      return m(this, h);
-    }
-    set showTitleInfo(r) {
-      n(this, h, r);
-    }
-    render() {
-      const r = this.propertyIds?.length ? this._getServiceLabelDescription() : null;
-      return C` <div class="sbb-sr-navigation__signs">
-      <sbb-screen-reader-only ${r || g}
-        >${r}</sbb-screen-reader-only
-      >
-      ${this.propertyIds?.map((e) => C`
-          <sbb-seat-reservation-graphic
-            class="auto-width"
-            name=${e ?? g}
-            title=${this.showTitleInfo ? _(e, this._language.current) : g}
-            aria-hidden="true"
-          ></sbb-seat-reservation-graphic>
-        `)}
-    </div>`;
-    }
-    //Generate the translated service label from the available properties
-    _getServiceLabelDescription() {
-      let r = null;
-      const e = this.propertyIds.map((o) => _(o, this._language.current)).filter((o) => !!o).join(", ");
-      return e && (r = _("COACH_AVAILABLE_SERVICES", this._language.current).concat(":").concat(e)), r;
-    }
-  }, l = new WeakMap(), c = new WeakMap(), h = new WeakMap(), (() => {
-    const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(t[Symbol.metadata] ?? null) : void 0;
-    s = [u({ attribute: "property-ids", type: Array })], I = [z(), u({ type: Boolean, reflect: !0, useDefault: !0 })], w = [z(), u({ type: Boolean })], b(i, null, s, { kind: "accessor", name: "propertyIds", static: !1, private: !1, access: { has: (e) => "propertyIds" in e, get: (e) => e.propertyIds, set: (e, o) => {
-      e.propertyIds = o;
-    } }, metadata: r }, a, d), b(i, null, I, { kind: "accessor", name: "vertical", static: !1, private: !1, access: { has: (e) => "vertical" in e, get: (e) => e.vertical, set: (e, o) => {
-      e.vertical = o;
-    } }, metadata: r }, y, v), b(i, null, w, { kind: "accessor", name: "showTitleInfo", static: !1, private: !1, access: { has: (e) => "showTitleInfo" in e, get: (e) => e.showTitleInfo, set: (e, o) => {
-      e.showTitleInfo = o;
-    } }, metadata: r }, x, S), r && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
-  })(), i.elementName = "sbb-seat-reservation-navigation-services", i.styles = [A, j], i;
-})();
-export {
-  K as SbbSeatReservationNavigationServicesElement
-};
+import { t as e } from "../../seat-reservation-navigation-services.component-QL0UnilZ.js";
+export { e as SbbSeatReservationNavigationServicesElement };

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

@@ -1,7 +1,4 @@
-import { SbbSeatReservationNavigationServicesElement as e } from "./seat-reservation-navigation-services/seat-reservation-navigation-services.component.js";
-e.define();
-console.warn(`The entrypoint '@sbb-esta/elements-experimental/seat-reservation/seat-reservation-navigation-services.js' has been deprecated.
-Use either '@sbb-esta/elements-experimental/seat-reservation.js' or '@sbb-esta/elements-experimental/seat-reservation.pure.js' instead.`);
-export {
-  e as SbbSeatReservationNavigationServicesElement
-};
+import { t as e } from "../seat-reservation-navigation-services.component-QL0UnilZ.js";
+e.define(), console.warn("The entrypoint '@sbb-esta/elements-experimental/seat-reservation/seat-reservation-navigation-services.js' has been deprecated.\nUse either '@sbb-esta/elements-experimental/seat-reservation.js' or '@sbb-esta/elements-experimental/seat-reservation.pure.js' instead.");
+//#endregion
+export { e as SbbSeatReservationNavigationServicesElement };

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

@@ -1,203 +1,2 @@
-var re = (o) => {
-  throw TypeError(o);
-};
-var se = (o, l, i) => l.has(o) || re("Cannot " + i);
-var b = (o, l, i) => (se(o, l, "read from private field"), i ? i.call(o) : l.get(o)), n = (o, l, i) => l.has(o) ? re("Cannot add the same private member more than once") : l instanceof WeakSet ? l.add(o) : l.set(o, i), s = (o, l, i, T) => (se(o, l, "write to private field"), T ? T.call(o, i) : l.set(o, i), i);
-import { __esDecorate as p, __runInitializers as a } from "tslib";
-import { SbbButtonBaseElement as ne } from "@sbb-esta/lyne-elements/core/base-elements.js";
-import { SbbLanguageController as pe } from "@sbb-esta/lyne-elements/core/controllers.js";
-import { forceType as d } from "@sbb-esta/lyne-elements/core/decorators.js";
-import { boxSizingStyles as ve } from "@sbb-esta/lyne-elements/core/styles.js";
-import { css as de, nothing as ae, html as ce } from "lit";
-import { property as v } from "lit/decorators.js";
-import { styleMap as he } from "lit/directives/style-map.js";
-import { getI18nSeatReservation as z } from "../common/translations.js";
-import { SbbSeatReservationGraphicElement as fe } from "../seat-reservation-graphic/seat-reservation-graphic.component.js";
-const ge = de`: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-default-text: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-place-control-hover-text: var(--sbb-color-iron);--sbb-seat-reservation-place-control-hover-text: light-dark( var(--sbb-color-iron), var(--sbb-color-silver) );--sbb-seat-reservation-place-control-focus-text: var(--sbb-color-anthracite);--sbb-seat-reservation-place-control-focus-text: light-dark( var(--sbb-color-anthracite), var(--sbb-color-graphite) );--sbb-seat-reservation-place-control-allocated-text: var(--sbb-color-smoke);--sbb-seat-reservation-place-control-allocated-text: light-dark( var(--sbb-color-smoke), var(--sbb-color-metal) );--sbb-seat-reservation-place-control-free-background-default: var(--sbb-background-color-2);--sbb-seat-reservation-place-control-free-background-hover: var(--sbb-color-cloud);--sbb-seat-reservation-place-control-free-background-hover: light-dark( var(--sbb-color-cloud), var(--sbb-color-midnight) );--sbb-seat-reservation-place-control-free-background-focus: var(--sbb-color-silver);--sbb-seat-reservation-place-control-free-background-focus: light-dark( var(--sbb-color-silver), var(--sbb-color-black) );--sbb-seat-reservation-place-control-free-backrest-background-default: var(--sbb-color-black);--sbb-seat-reservation-place-control-free-backrest-background-default: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-place-control-free-backrest-background-hover: var(--sbb-color-black);--sbb-seat-reservation-place-control-free-backrest-background-hover: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-place-control-free-backrest-background-focus: var(--sbb-color-black);--sbb-seat-reservation-place-control-free-backrest-background-focus: light-dark( var(--sbb-color-black), var(--sbb-color-white) );--sbb-seat-reservation-place-control-selected-background-default: var(--sbb-color-primary);--sbb-seat-reservation-place-control-selected-background-hover: var(--sbb-color-primary125);--sbb-seat-reservation-place-control-selected-background-focus: var(--sbb-color-primary150);--sbb-seat-reservation-place-control-selected-backrest-background-default: var( --sbb-color-primary150 );--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);--sbb-seat-reservation-place-control-allocated-background-default: light-dark( var(--sbb-color-milk), var(--sbb-color-midnight) );--sbb-seat-reservation-place-control-free-backrest-high-contrast: CanvasText;--sbb-seat-reservation-place-control-free-background-high-contrast: Canvas;--sbb-seat-reservation-place-control-free-text-high-contrast: ButtonText;--sbb-seat-reservation-place-control-free-icon-high-contrast: CanvasText;--sbb-seat-reservation-place-control-allocated-backrest-high-contrast: GrayText;--sbb-seat-reservation-place-control-allocated-background-high-contrast: Canvas;--sbb-seat-reservation-place-control-allocated-text-high-contrast: GrayText;--sbb-seat-reservation-place-control-allocated-icon-high-contrast: GrayText;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));font-weight:300;cursor:var(--sbb-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)}@media(forced-colors:active){: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-high-contrast)}: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-high-contrast)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-icon){fill:var(--sbb-seat-reservation-place-control-free-icon-high-contrast)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-seatline){stroke:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}:host(:hover) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{forced-color-adjust:none;background-color:var(--sbb-seat-reservation-place-control-free-background-high-contrast);color:var(--sbb-seat-reservation-place-control-free-text-high-contrast)}}: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-visible) .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-visible) .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-visible) .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)}@media(forced-colors:active){:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-high-contrast)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-icon){fill:var(--sbb-seat-reservation-place-control-free-icon-high-contrast)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) ::part(svg-seatline){stroke:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}:host(:focus-visible) .sbb-sr-place-ctrl--state-free:not(.sbb-reservation-place-control--disabled) .sbb-sr-place-ctrl__text{forced-color-adjust:none;background-color:var(--sbb-seat-reservation-place-control-free-background-high-contrast);color:var(--sbb-seat-reservation-place-control-free-text-high-contrast)}}:host(:active) .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(:active) .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(:active) .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)}@media(forced-colors:active){.sbb-sr-place-ctrl--state-free ::part(svg-place){fill:var(--sbb-seat-reservation-place-control-free-background-high-contrast)}.sbb-sr-place-ctrl--state-free ::part(svg-backrest){fill:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}.sbb-sr-place-ctrl--state-free ::part(svg-icon){fill:var(--sbb-seat-reservation-place-control-free-icon-high-contrast)}.sbb-sr-place-ctrl--state-free ::part(svg-seatline){stroke:var(--sbb-seat-reservation-place-control-free-backrest-high-contrast)}.sbb-sr-place-ctrl--state-free .sbb-sr-place-ctrl__text{forced-color-adjust:none;background-color:var(--sbb-seat-reservation-place-control-free-background-high-contrast);color:var(--sbb-seat-reservation-place-control-free-text-high-contrast)}}.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 ::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)}@media(forced-colors:active){.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-high-contrast)}.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-high-contrast)}.sbb-sr-place-ctrl--state-allocated ::part(svg-icon),.sbb-sr-place-ctrl--state-restricted ::part(svg-icon){fill:var(--sbb-seat-reservation-place-control-allocated-icon-high-contrast)}.sbb-sr-place-ctrl--state-allocated ::part(svg-seatline),.sbb-sr-place-ctrl--state-restricted ::part(svg-seatline){stroke:var(--sbb-seat-reservation-place-control-allocated-backrest-high-contrast)}.sbb-sr-place-ctrl--state-allocated .sbb-sr-place-ctrl__text,.sbb-sr-place-ctrl--state-restricted .sbb-sr-place-ctrl__text{forced-color-adjust:none;background-color:var(--sbb-seat-reservation-place-control-allocated-background-high-contrast);color:var(--sbb-seat-reservation-place-control-allocated-text-high-contrast)}}.sbb-sr-place-ctrl--state-allocated,.sbb-sr-place-ctrl--state-restricted{cursor:not-allowed}.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{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%}`;
-fe.define();
-let Ce = (() => {
-  var h, f, g, u, k, _, x, y, m, I, c;
-  let o = ne, l, i = [], T = [], C, N = [], L = [], O, R = [], $ = [], A, P = [], j = [], V, S = [], B = [], F, G = [], U = [], Y, H = [], K = [], M, q = [], J = [], Q, W = [], X = [], Z, ee = [], te = [];
-  return c = class extends o {
-    constructor() {
-      super();
-      n(this, h);
-      n(this, f);
-      n(this, g);
-      n(this, u);
-      n(this, k);
-      n(this, _);
-      n(this, x);
-      n(this, y);
-      n(this, m);
-      n(this, I);
-      s(this, h, a(this, i, "SEAT")), s(this, f, (a(this, T), a(this, N, "FREE"))), s(this, g, (a(this, L), a(this, R, "NONE"))), s(this, u, (a(this, $), a(this, P, []))), s(this, k, (a(this, j), a(this, S, ""))), s(this, _, (a(this, B), a(this, G, null))), s(this, x, (a(this, U), a(this, H, null))), s(this, y, (a(this, K), a(this, q, !1))), s(this, m, (a(this, J), a(this, W, "unfocus"))), s(this, I, (a(this, X), a(this, ee, !1))), this._optionalScreenreaderInfo = (a(this, te), ""), this._language = new pe(this), this.addEventListener("click", () => this._selectPlace());
-    }
-    /** placeType of the place, e.g. 'SEAT', 'BICYCLE' */
-    get placeType() {
-      return b(this, h);
-    }
-    set placeType(t) {
-      s(this, h, t);
-    }
-    /** state of the place, e.g. 'FREE', 'SELECTED', 'BLOCKED' */
-    get state() {
-      return b(this, f);
-    }
-    set state(t) {
-      s(this, f, t);
-    }
-    /** direction of a whole train, used to compute an orientation of a place */
-    get travelDirection() {
-      return b(this, g);
-    }
-    set travelDirection(t) {
-      s(this, g, t);
-    }
-    /** property ids of the place, to display more info about the place */
-    get propertyIds() {
-      return b(this, u);
-    }
-    set propertyIds(t) {
-      s(this, u, t);
-    }
-    /** label of the place, e.g. '1A', '2B' */
-    get text() {
-      return b(this, k);
-    }
-    set text(t) {
-      s(this, k, t);
-    }
-    /** Deck Index Prop to identifier the right place to deck */
-    get deckIndex() {
-      return b(this, _);
-    }
-    set deckIndex(t) {
-      s(this, _, t);
-    }
-    /** Coach Index Prop to identifier the right place to coach */
-    get coachIndex() {
-      return b(this, x);
-    }
-    set coachIndex(t) {
-      s(this, x, t);
-    }
-    /** Prevent click prop prevent any place action */
-    get preventClick() {
-      return b(this, y);
-    }
-    set preventClick(t) {
-      s(this, y, t);
-    }
-    /** Set the place focus outline style */
-    get keyfocus() {
-      return b(this, m);
-    }
-    set keyfocus(t) {
-      s(this, m, t);
-    }
-    /** Disable the mouse over title information */
-    get showTitleInfo() {
-      return b(this, I);
-    }
-    set showTitleInfo(t) {
-      s(this, I, t);
-    }
-    willUpdate(t) {
-      super.willUpdate(t), t.has("keyfocus") && this.keyfocus === "focus" && this.focus(), t.has("showTitleInfo") && (this.showTitleInfo || (this.title = ""));
-    }
-    render() {
-      const t = this._getPlaceSvg(this.placeType, this.state), e = this.type.toLowerCase(), r = this.state.toLowerCase(), w = this.text, D = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-width"), oe = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-height"), E = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-rotation"), le = this.style?.getPropertyValue("--sbb-seat-reservation-place-control-text-rotation"), ie = Number(le) - Number(E), be = this.preventClick ? "sbb-reservation-place-control--disabled" : null;
-      return this.showTitleInfo ? this.title = this._getTitleDescriptionPlace(E) : this._optionalScreenreaderInfo = this._getTitleDescriptionPlace(E), this.tabIndex = -1, ce`
-      <div
-        part="sbb-sr-place-part"
-        class="sbb-sr-place-ctrl sbb-sr-place-ctrl--orientation-${E} sbb-sr-place-ctrl--state-${r} sbb-sr-place-ctrl--type-${e} ${be}"
-      >
-        <sbb-seat-reservation-graphic
-          style=${he({
-        "--sbb-seat-reservation-graphic-width": D,
-        "--sbb-seat-reservation-graphic-height": oe,
-        "--sbb-seat-reservation-graphic-rotation": E,
-        "--sbb-seat-reservation-graphic-inverse-rotation": ie
-      })}
-          .name=${t}
-          aria-hidden="true"
-        ></sbb-seat-reservation-graphic>
-        <span ${this.text ?? ae} class="sbb-sr-place-ctrl__text" aria-hidden="true"
-          >${w}</span
-        >
-        ${this.showTitleInfo ? ae : ce`<sbb-screen-reader-only id="${this.id}"
-              >${this._optionalScreenreaderInfo}</sbb-screen-reader-only
-            >`}
-      </div>
-    `;
-    }
-    _getPlaceSvg(t, e) {
-      return `PLACE_${t}_${e}`;
-    }
-    _getTitleDescriptionPlace(t) {
-      const e = "PLACE_CONTROL_" + this.type + "_" + this.state;
-      let r = z(e, this._language.current, [this.text]);
-      const w = this._getRelativeTravelDirection(t);
-      return (this.propertyIds.length || w) && (r += ". " + z("PLACE_PROPERTY", this._language.current).concat(": "), r += [w, ...this.propertyIds].map((D) => z("PLACE_PROPERTIES." + D, this._language.current)).filter((D) => D).join(", ")), r;
-    }
-    _getRelativeTravelDirection(t) {
-      if (!this.travelDirection || this.travelDirection === "NONE" || this.placeType !== "SEAT" || !t)
-        return;
-      const e = Number(t);
-      if (e === 90 || e === 270)
-        return "TRAVEL_DIRECTION_TRANSVERSELY";
-      if (e === 0 && this.travelDirection === "RIGHT" || e === 180 && this.travelDirection === "LEFT")
-        return "TRAVEL_DIRECTION_IN_DIRECTION";
-      if (e === 0 || e === 180)
-        return "TRAVEL_DIRECTION_IN_OPPOSITE_DIRECTION";
-    }
-    /** 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 e = {
-          id: this.id,
-          deckIndex: this.deckIndex,
-          coachIndex: this.coachIndex,
-          number: this.text,
-          state: this.state,
-          placeType: this.placeType
-        };
-        this.dispatchEvent(new CustomEvent("selectplace", {
-          detail: e,
-          bubbles: !0,
-          composed: !0
-        }));
-      }
-    }
-  }, h = new WeakMap(), f = new WeakMap(), g = new WeakMap(), u = new WeakMap(), k = new WeakMap(), _ = new WeakMap(), x = new WeakMap(), y = new WeakMap(), m = new WeakMap(), I = new WeakMap(), (() => {
-    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
-    l = [d(), v({ attribute: "type" })], C = [d(), v({ attribute: "state", reflect: !0 })], O = [v({ attribute: "travel-direction" })], A = [v({ attribute: "propertyIds", type: Array })], V = [d(), v({ attribute: "text" })], F = [d(), v({ attribute: "deck-index", type: Number })], Y = [d(), v({ attribute: "coach-index", type: Number })], M = [d(), v({ attribute: "prevent-click", type: Boolean })], Q = [d(), v({ attribute: "keyfocus" })], Z = [d(), v({ type: Boolean, useDefault: !0 })], p(c, null, l, { kind: "accessor", name: "placeType", static: !1, private: !1, access: { has: (e) => "placeType" in e, get: (e) => e.placeType, set: (e, r) => {
-      e.placeType = r;
-    } }, metadata: t }, i, T), p(c, null, C, { kind: "accessor", name: "state", static: !1, private: !1, access: { has: (e) => "state" in e, get: (e) => e.state, set: (e, r) => {
-      e.state = r;
-    } }, metadata: t }, N, L), p(c, null, O, { kind: "accessor", name: "travelDirection", static: !1, private: !1, access: { has: (e) => "travelDirection" in e, get: (e) => e.travelDirection, set: (e, r) => {
-      e.travelDirection = r;
-    } }, metadata: t }, R, $), p(c, null, A, { kind: "accessor", name: "propertyIds", static: !1, private: !1, access: { has: (e) => "propertyIds" in e, get: (e) => e.propertyIds, set: (e, r) => {
-      e.propertyIds = r;
-    } }, metadata: t }, P, j), p(c, null, V, { kind: "accessor", name: "text", static: !1, private: !1, access: { has: (e) => "text" in e, get: (e) => e.text, set: (e, r) => {
-      e.text = r;
-    } }, metadata: t }, S, B), p(c, null, F, { kind: "accessor", name: "deckIndex", static: !1, private: !1, access: { has: (e) => "deckIndex" in e, get: (e) => e.deckIndex, set: (e, r) => {
-      e.deckIndex = r;
-    } }, metadata: t }, G, U), p(c, null, Y, { kind: "accessor", name: "coachIndex", static: !1, private: !1, access: { has: (e) => "coachIndex" in e, get: (e) => e.coachIndex, set: (e, r) => {
-      e.coachIndex = r;
-    } }, metadata: t }, H, K), p(c, null, M, { kind: "accessor", name: "preventClick", static: !1, private: !1, access: { has: (e) => "preventClick" in e, get: (e) => e.preventClick, set: (e, r) => {
-      e.preventClick = r;
-    } }, metadata: t }, q, J), p(c, null, Q, { kind: "accessor", name: "keyfocus", static: !1, private: !1, access: { has: (e) => "keyfocus" in e, get: (e) => e.keyfocus, set: (e, r) => {
-      e.keyfocus = r;
-    } }, metadata: t }, W, X), p(c, null, Z, { kind: "accessor", name: "showTitleInfo", static: !1, private: !1, access: { has: (e) => "showTitleInfo" in e, get: (e) => e.showTitleInfo, set: (e, r) => {
-      e.showTitleInfo = r;
-    } }, metadata: t }, ee, te), t && Object.defineProperty(c, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), c.elementName = "sbb-seat-reservation-place-control", c.styles = [ve, ge], c.events = {
-    selectplace: "selectplace"
-  }, c;
-})();
-export {
-  Ce as SbbSeatReservationPlaceControlElement
-};
+import { t as e } from "../../seat-reservation-place-control.component-BfnZUyHv.js";
+export { e as SbbSeatReservationPlaceControlElement };

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

@@ -1,7 +1,4 @@
-import { SbbSeatReservationPlaceControlElement as e } from "./seat-reservation-place-control/seat-reservation-place-control.component.js";
-e.define();
-console.warn(`The entrypoint '@sbb-esta/elements-experimental/seat-reservation/seat-reservation-place-control.js' has been deprecated.
-Use either '@sbb-esta/elements-experimental/seat-reservation.js' or '@sbb-esta/elements-experimental/seat-reservation.pure.js' instead.`);
-export {
-  e as SbbSeatReservationPlaceControlElement
-};
+import { t as e } from "../seat-reservation-place-control.component-BfnZUyHv.js";
+e.define(), console.warn("The entrypoint '@sbb-esta/elements-experimental/seat-reservation/seat-reservation-place-control.js' has been deprecated.\nUse either '@sbb-esta/elements-experimental/seat-reservation.js' or '@sbb-esta/elements-experimental/seat-reservation.pure.js' instead.");
+//#endregion
+export { e as SbbSeatReservationPlaceControlElement };