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

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

@@ -0,0 +1,248 @@
+var dt = (o) => {
+  throw TypeError(o);
+};
+var vt = (o, n, c) => n.has(o) || dt("Cannot " + c);
+var l = (o, n, c) => (vt(o, n, "read from private field"), c ? c.call(o) : n.get(o)), b = (o, n, c) => n.has(o) ? dt("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(o) : n.set(o, c), s = (o, n, c, h) => (vt(o, n, "write to private field"), h ? h.call(o, c) : n.set(o, c), c);
+import { __runInitializers as i, __esDecorate as d } from "tslib";
+import { SbbLanguageController as ut } from "@sbb-esta/lyne-elements/core/controllers.js";
+import { forceType as _ } from "@sbb-esta/lyne-elements/core/decorators.js";
+import { EventEmitter as ht } from "@sbb-esta/lyne-elements/core/eventing.js";
+import { css as mt, LitElement as ft, nothing as z, html as u } from "lit";
+import { customElement as pt, property as v } from "lit/decorators.js";
+import { classMap as _t } from "lit/directives/class-map.js";
+import { getI18nSeatReservation as E } from "../../common/translations.js";
+import "@sbb-esta/lyne-elements/screen-reader-only.js";
+import "../seat-reservation-navigation-services.js";
+const xt = mt`*,:before,:after{box-sizing:border-box}:host{--sbb-seat-reservation-navigation-travelclass-spacing: .625rem;--sbb-seat-reservation-navigation-btn-outline-color: var(--sbb-color-granite);--sbb-seat-reservation-navigation-btn-outline-width: var(--sbb-border-width-1x);--sbb-seat-reservation-navigation-btn-background-color: var(--sbb-color-white);--sbb-seat-reservation-navigation-btn-outline-color-selected: var(--sbb-color-black);--sbb-seat-reservation-navigation-btn-outline-width-hover: var(--sbb-border-width-2x);--sbb-seat-reservation-navigation-btn-background-color-hover: var(--sbb-color-cloud)}.sbb-sr-navigation__item-coach{display:flex;flex-direction:column;gap:var(--sbb-spacing-fixed-2x);width:var(--sbb-train-formation-wagon-width);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% - 1.125rem)}.sbb-sr-navigation__item-coach.first-coach .sbb-sr-navigation__ctrl-button:not(.sbb-seat-reservation-navigation-driver-area){border-start-start-radius:var(--sbb-border-radius-8x);border-end-start-radius:var(--sbb-border-radius-8x)}.sbb-sr-navigation__item-coach.first-coach .sbb-sr-navigation--first-class{margin-inline-start:var(--sbb-seat-reservation-navigation-travelclass-spacing)}.sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area){border-start-end-radius:var(--sbb-border-radius-8x);border-end-end-radius:var(--sbb-border-radius-8x)}.sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation__additional-information{padding-inline-end:var(--sbb-seat-reservation-navigation-travelclass-spacing)}.sbb-sr-navigation__item-coach.last-coach .sbb-sr-navigation--first-class{margin-inline-end:var(--sbb-seat-reservation-navigation-travelclass-spacing)}.sbb-sr-navigation__item-coach.vertical-coach{flex-direction:row}.sbb-sr-navigation__ctrl-button{-webkit-appearance:none;-moz-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:2.25rem;position:relative;outline:var(--sbb-seat-reservation-navigation-btn-outline-width) solid var(--sbb-seat-reservation-navigation-btn-outline-color);border-radius:var(--sbb-border-radius-2x);background-color:var(--sbb-seat-reservation-navigation-btn-background-color);cursor:pointer}.sbb-sr-navigation__ctrl-button.sbb-sr-navigation-driver-area{border-radius:var(--sbb-border-radius-8x);cursor:initial}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button,.sbb-sr-navigation__ctrl-button:focus-visible:not([disabled],:disabled,.sbb-sr-navigation-driver-area),.sbb-sr-navigation__ctrl-button:hover:not([disabled],:disabled,.sbb-sr-navigation-driver-area){--sbb-seat-reservation-navigation-btn-outline-width: var( --sbb-seat-reservation-navigation-btn-outline-width-hover );--sbb-seat-reservation-navigation-btn-outline-color: var(--sbb-color-black)}.sbb-sr-navigation__ctrl-button:focus-visible:not([disabled],:disabled){--sbb-seat-reservation-navigation-btn-background-color: var(--sbb-color-silver)}.sbb-sr-navigation__ctrl-button:focus-visible:not([disabled],:disabled) .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-metal)}.sbb-sr-navigation__ctrl-button:focus-visible:not([disabled],:disabled) .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-anthracite)}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button{--sbb-seat-reservation-navigation-btn-background-color: var(--sbb-color-milk)}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-black)}.sbb-sr-navigation__item-coach--selected .sbb-sr-navigation__ctrl-button .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-black)}.sbb-sr-navigation__ctrl-button:hover:not([disabled],:disabled,.sbb-sr-navigation-driver-area){--sbb-seat-reservation-navigation-btn-background-color: var(--sbb-color-cloud)}.sbb-sr-navigation__ctrl-button:hover:not([disabled],:disabled,.sbb-sr-navigation-driver-area) .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-smoke)}.sbb-sr-navigation__ctrl-button:hover:not([disabled],:disabled,.sbb-sr-navigation-driver-area) .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-iron)}.sbb-sr-navigation__ctrl-button:is([disabled],:disabled){--sbb-seat-reservation-navigation-btn-background-color: var(--sbb-color-white);--sbb-seat-reservation-navigation-btn-outline-color: var(--sbb-color-platinum);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)}.sbb-sr-navigation__ctrl-button:is([disabled],:disabled) .sbb-sr-navigation__item-coach-number{color:var(--sbb-color-graphite)}.sbb-sr-navigation__additional-information{display:flex;justify-content:space-between;align-items:center;flex:1;column-gap:var(--sbb-spacing-fixed-2x);padding-inline:1rem 1rem;font-family:var(--sbb-typo-font-family);font-weight:700;color: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)}@media (forced-colors: active){.sbb-sr-navigation__item-coach-number{color:var(--sbb-color-granite)}}@media (forced-colors: active) and (forced-colors: active){.sbb-sr-navigation__item-coach-number{color:inherit}}.sbb-sr-navigation__item-coach-number .sbb-sr-navigation__item-coach-travelclass{background-color:var(--sbb-color-charcoal)}.sbb-sr-navigation--first-class{width:calc(100% - .5rem);position:absolute;inset-block-start:.1875rem;inset-inline-start:.25rem;border:var(--sbb-border-width-1x) 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:1.25rem;min-width:1.25rem;border-radius:var(--sbb-border-radius-1x);text-align:center;background-color:var(--sbb-color-granite);color:var(--sbb-color-white)}.sbb-sr-navigation__item-coach.vertical-coach .sbb-sr-navigation__ctrl-button{flex-direction:row-reverse;height:5rem;min-width:2.25rem}.sbb-sr-navigation__item-coach.vertical-coach .sbb-sr-navigation__additional-information{flex-direction:column-reverse;padding-block:1rem 1rem;padding-inline-start:unset;padding-inline-end:unset}.sbb-sr-navigation__item-coach.vertical-coach .sbb-sr-navigation--first-class{height:calc(100% - .5rem);width:initial;inset-inline-end:.1875rem;inset-block-start:.25rem;inset-inline-start:initial}.sbb-sr-navigation__item-coach.vertical-coach.first-coach .sbb-sr-navigation--first-class,.sbb-sr-navigation__item-coach.vertical-coach.last-coach .sbb-sr-navigation--first-class{height:calc(100% - 1.125rem)}.sbb-sr-navigation__item-coach.vertical-coach.first-coach:not(.last-coach) .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area){border-start-end-radius:var(--sbb-border-radius-8x);border-end-start-radius:var(--sbb-border-radius-2x)}.sbb-sr-navigation__item-coach.vertical-coach.first-coach:not(.last-coach) .sbb-sr-navigation--first-class{margin-block-start:var(--sbb-seat-reservation-navigation-travelclass-spacing);margin-inline-start:initial}.sbb-sr-navigation__item-coach.vertical-coach.last-coach:not(.first-coach) .sbb-sr-navigation__ctrl-button:not(.sbb-sr-navigation-driver-area){border-start-end-radius:var(--sbb-border-radius-2x);border-end-start-radius:var(--sbb-border-radius-8x)}.sbb-sr-navigation__item-coach.vertical-coach.last-coach:not(.first-coach) .sbb-sr-navigation--first-class{margin-block-end:var(--sbb-seat-reservation-navigation-travelclass-spacing);margin-inline-end:initial}.sbb-sr-navigation__item-coach.vertical-coach .sbb-sr-navigation-driver-area{height:5rem;min-width:2.25rem}`, yt = 3;
+let Rt = (() => {
+  var m, f, p, x, y, C, I, k, S, A, w, r;
+  let o = [pt("sbb-seat-reservation-navigation-coach")], n, c = [], h, B = ft, $, T = [], R = [], D, O = [], L = [], V, j = [], H = [], G, K = [], U = [], q, F = [], M = [], Y, P = [], X = [], J, Q = [], W = [], Z, tt = [], at = [], et, st = [], it = [], rt, ot = [], nt = [], ct, lt = [], bt = [];
+  var N = (r = class extends B {
+    constructor() {
+      super(...arguments);
+      b(this, m);
+      b(this, f);
+      b(this, p);
+      b(this, x);
+      b(this, y);
+      b(this, C);
+      b(this, I);
+      b(this, k);
+      b(this, S);
+      b(this, A);
+      b(this, w);
+      s(this, m, i(this, T, "")), s(this, f, (i(this, R), i(this, O, []))), s(this, p, (i(this, L), i(this, j, !1))), s(this, x, (i(this, H), i(this, K, !1))), s(this, y, (i(this, U), i(this, F, 0))), s(this, C, (i(this, M), i(this, P, ["ANY_CLASS"]))), s(this, I, (i(this, X), i(this, Q, !1))), s(this, k, (i(this, W), i(this, tt, !1))), s(this, S, (i(this, at), i(this, st, !1))), s(this, A, (i(this, it), i(this, ot, !1))), s(this, w, (i(this, nt), i(this, lt, !1))), this._language = (i(this, bt), new ut(this)), this.selectNavCoach = new ht(this, N.events.selectCoach), this.focusNavCoach = new ht(this, N.events.focusCoach);
+    }
+    /** Coach ID, which is used to identify the coach in the navigation */
+    get coachId() {
+      return l(this, m);
+    }
+    set coachId(a) {
+      s(this, m, a);
+    }
+    /** Coach service property ids, which are used to display the services in the navigation */
+    get propertyIds() {
+      return l(this, f);
+    }
+    set propertyIds(a) {
+      s(this, f, a);
+    }
+    /* pre-selected Coach index property */
+    get selected() {
+      return l(this, p);
+    }
+    set selected(a) {
+      s(this, p, a);
+    }
+    /* focus Coach index property */
+    get focused() {
+      return l(this, x);
+    }
+    set focused(a) {
+      s(this, x, a);
+    }
+    get index() {
+      return l(this, y);
+    }
+    set index(a) {
+      s(this, y, a);
+    }
+    /** Travel class of the coach */
+    get travelClass() {
+      return l(this, C);
+    }
+    set travelClass(a) {
+      s(this, C, a);
+    }
+    /** If the coach is a driver/restricted area */
+    get driverArea() {
+      return l(this, I);
+    }
+    set driverArea(a) {
+      s(this, I, a);
+    }
+    /** If the coach is the first in the navigation */
+    get first() {
+      return l(this, k);
+    }
+    set first(a) {
+      s(this, k, a);
+    }
+    /** If the coach is the last in the navigation */
+    get last() {
+      return l(this, S);
+    }
+    set last(a) {
+      s(this, S, a);
+    }
+    /** Disable the coach navigation */
+    get disable() {
+      return l(this, A);
+    }
+    set disable(a) {
+      s(this, A, a);
+    }
+    /** If the coach navigation should be displayed vertically */
+    get vertical() {
+      return l(this, w);
+    }
+    set vertical(a) {
+      s(this, w, a);
+    }
+    willUpdate(a) {
+      var t, e;
+      if (super.willUpdate(a), a.has("selected")) {
+        const g = (t = this.shadowRoot) == null ? void 0 : t.querySelector(".sbb-sr-navigation__ctrl-button");
+        this.selected && g && (g.focus(), this.focusNavCoach.emit());
+      }
+      if (a.has("focused") && this.focused) {
+        const g = (e = this.shadowRoot) == null ? void 0 : e.querySelector(".sbb-sr-navigation__ctrl-button");
+        g && g.focus();
+      }
+    }
+    /**
+     * Render a maximum of 3 of the service sign icons (slice(0,3)) regardless of the input from Backend,
+     * otherwise the layout could be destroyed. Furthermore, we have to filter out the value ANY_SEAT,
+     * since this is also passed as a property and does not need to be used here
+     *
+     * @protected
+     */
+    render() {
+      var a;
+      return this.propertyIds = this.propertyIds.filter((t) => t !== "ANY_SEAT").slice(0, yt), u`
+      <div
+        class="${_t({
+        "sbb-sr-navigation__item-coach": !0,
+        "last-coach": this.last,
+        "first-coach": this.first,
+        "vertical-coach": this.vertical,
+        "sbb-sr-navigation__item-coach--selected": this.selected
+      })}"
+      >
+        ${this._getNavigationButton()}
+        ${(a = this.propertyIds) != null && a.length ? u`<sbb-seat-reservation-navigation-services
+              ?vertical="${this.vertical}"
+              .propertyIds="${this.propertyIds}"
+            ></sbb-seat-reservation-navigation-services>` : z}
+      </div>
+    `;
+    }
+    _getNavigationButton() {
+      const a = this._getCoachServiceClassNumber(), t = this._getTitleDescriptionNavCoachButton(a), e = this._getAriaDescriptionCoachServices();
+      return u` <button
+        type="button"
+        ?disabled="${this.disable}"
+        class="${_t({
+        "sbb-sr-navigation__ctrl-button": !0,
+        "sbb-sr-navigation-driver-area": this.driverArea
+      })}"
+        title="${t}"
+        aria-describedby="nav-coach-service-descriptions-${this.index}"
+        @click=${() => this._selectNavCoach(this.index)}
+      >
+        ${this._getBtnInformation(a)}
+      </button>
+      <sbb-screen-reader-only id="nav-coach-service-descriptions-${this.index}"
+        >${e}</sbb-screen-reader-only
+      >`;
+    }
+    _getBtnInformation(a) {
+      var t;
+      return this.driverArea ? null : u`
+      ${a === 1 ? u`<span class="sbb-sr-navigation--first-class"></span>` : z}
+      ${((t = this.travelClass) == null ? void 0 : t.length) > 0 || this.coachId ? u`<div class="sbb-sr-navigation__additional-information">
+            ${this.coachId ? u`<div class="sbb-sr-navigation__item-coach-number" aria-hidden="true">
+                  ${this.coachId}
+                </div>` : z}
+            <div
+              ${a ?? z}
+              class="sbb-sr-navigation__item-coach-travelclass"
+              aria-hidden="true"
+            >
+              ${a}
+            </div>
+          </div>` : z}
+    `;
+    }
+    _getTitleDescriptionNavCoachButton(a) {
+      if (this.driverArea)
+        return E("NAVIGATE_COACH_BLOCKED", this._language.current, [
+          this.coachId
+        ]);
+      let t = E("NAVIGATE_TO_COACH", this._language.current, [this.coachId]);
+      if (a) {
+        const g = E(a === 1 ? "SERVICE_CLASS_FIRST" : "SERVICE_CLASS_SECOND", this._language.current), gt = E("NAVIGATE_TO_COACH_SERVICE_CLASS_SUB", this._language.current, [g]);
+        t = t.concat(gt);
+      }
+      return t;
+    }
+    _getAriaDescriptionCoachServices() {
+      let a = null;
+      return this.propertyIds.length && (a = E("COACH_AVAILABLE_SERVICES", this._language.current) + ": ", a += this.propertyIds.map((t) => E(t, this._language.current)).join()), a;
+    }
+    /**
+     * emits the index of the coach array for the main navigation.
+     * @param coachIndex
+     * @private
+     */
+    _selectNavCoach(a) {
+      this.driverArea || this.selectNavCoach.emit(a);
+    }
+    _getCoachServiceClassNumber() {
+      var a, t;
+      return (a = this.travelClass) != null && a.includes("FIRST") ? 1 : (t = this.travelClass) != null && t.includes("SECOND") ? 2 : null;
+    }
+  }, m = new WeakMap(), f = new WeakMap(), p = new WeakMap(), x = new WeakMap(), y = new WeakMap(), C = new WeakMap(), I = new WeakMap(), k = new WeakMap(), S = new WeakMap(), A = new WeakMap(), w = new WeakMap(), h = r, (() => {
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(B[Symbol.metadata] ?? null) : void 0;
+    $ = [_(), v({ attribute: "coach-id" })], D = [v({ attribute: "property-ids", type: Array })], V = [_(), v({ type: Boolean })], G = [_(), v({ type: Boolean })], q = [_(), v({ type: Number })], Y = [v({ attribute: "travel-class", type: Array })], J = [_(), v({ attribute: "driver-area", type: Boolean })], Z = [_(), v({ type: Boolean })], et = [_(), v({ type: Boolean })], rt = [_(), v({ attribute: "disable", type: Boolean })], ct = [_(), v({ type: Boolean })], d(r, null, $, { kind: "accessor", name: "coachId", static: !1, private: !1, access: { has: (t) => "coachId" in t, get: (t) => t.coachId, set: (t, e) => {
+      t.coachId = e;
+    } }, metadata: a }, T, R), d(r, null, D, { kind: "accessor", name: "propertyIds", static: !1, private: !1, access: { has: (t) => "propertyIds" in t, get: (t) => t.propertyIds, set: (t, e) => {
+      t.propertyIds = e;
+    } }, metadata: a }, O, L), d(r, null, V, { kind: "accessor", name: "selected", static: !1, private: !1, access: { has: (t) => "selected" in t, get: (t) => t.selected, set: (t, e) => {
+      t.selected = e;
+    } }, metadata: a }, j, H), d(r, null, G, { kind: "accessor", name: "focused", static: !1, private: !1, access: { has: (t) => "focused" in t, get: (t) => t.focused, set: (t, e) => {
+      t.focused = e;
+    } }, metadata: a }, K, U), d(r, null, q, { kind: "accessor", name: "index", static: !1, private: !1, access: { has: (t) => "index" in t, get: (t) => t.index, set: (t, e) => {
+      t.index = e;
+    } }, metadata: a }, F, M), d(r, null, Y, { kind: "accessor", name: "travelClass", static: !1, private: !1, access: { has: (t) => "travelClass" in t, get: (t) => t.travelClass, set: (t, e) => {
+      t.travelClass = e;
+    } }, metadata: a }, P, X), d(r, null, J, { kind: "accessor", name: "driverArea", static: !1, private: !1, access: { has: (t) => "driverArea" in t, get: (t) => t.driverArea, set: (t, e) => {
+      t.driverArea = e;
+    } }, metadata: a }, Q, W), d(r, null, Z, { kind: "accessor", name: "first", static: !1, private: !1, access: { has: (t) => "first" in t, get: (t) => t.first, set: (t, e) => {
+      t.first = e;
+    } }, metadata: a }, tt, at), d(r, null, et, { kind: "accessor", name: "last", static: !1, private: !1, access: { has: (t) => "last" in t, get: (t) => t.last, set: (t, e) => {
+      t.last = e;
+    } }, metadata: a }, st, it), d(r, null, rt, { kind: "accessor", name: "disable", static: !1, private: !1, access: { has: (t) => "disable" in t, get: (t) => t.disable, set: (t, e) => {
+      t.disable = e;
+    } }, metadata: a }, ot, nt), d(r, null, ct, { kind: "accessor", name: "vertical", static: !1, private: !1, access: { has: (t) => "vertical" in t, get: (t) => t.vertical, set: (t, e) => {
+      t.vertical = e;
+    } }, metadata: a }, lt, bt), d(null, n = { value: h }, o, { kind: "class", name: h.name, metadata: a }, null, c), N = h = n.value, a && Object.defineProperty(h, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
+  })(), r.styles = xt, r.events = {
+    selectCoach: "selectCoach",
+    focusCoach: "focusCoach"
+  }, i(h, c), r);
+  return N = h;
+})();
+export {
+  Rt as SbbSeatReservationNavigationCoachElement
+};

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

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

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

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

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

@@ -0,0 +1,4 @@
+import { SbbSeatReservationNavigationCoachElement as o } from "./seat-reservation-navigation-coach/seat-reservation-navigation-coach.component.js";
+export {
+  o as SbbSeatReservationNavigationCoachElement
+};

package/seat-reservation/seat-reservation-navigation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.d.ts

@@ -0,0 +1,21 @@
+import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
+/**
+ * Component displays the available service icons of one coach.
+ *
+ */
+export declare class SbbSeatReservationNavigationServicesElement extends LitElement {
+    static styles: CSSResultGroup;
+    /** Coach service property ids, which are used to display the services in the navigation */
+    accessor propertyIds: string[];
+    /** If true, the service icons are displayed vertically */
+    accessor vertical: boolean;
+    private _language;
+    protected render(): TemplateResult;
+    private _getServiceLabelDescription;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-seat-reservation-navigation-services': SbbSeatReservationNavigationServicesElement;
+    }
+}
+//# sourceMappingURL=seat-reservation-navigation-services.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"seat-reservation-navigation-services.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements-experimental/seat-reservation/seat-reservation-navigation/seat-reservation-navigation-services/seat-reservation-navigation-services.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAW,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACxE,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAMvC,OAAO,+CAA+C,CAAC;AACvD,OAAO,mCAAmC,CAAC;AAI3C;;;GAGG;AACH,qBAEM,2CAA4C,SAAQ,UAAU;IAClE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,2FAA2F;IAC3F,SACgB,WAAW,EAAE,MAAM,EAAE,CAAM;IAE3C,0DAA0D;IAC1D,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C,OAAO,CAAC,SAAS,CAAmC;cAEjC,MAAM,IAAI,cAAc;IA4B3C,OAAO,CAAC,2BAA2B;CAcpC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,0CAA0C,EAAE,2CAA2C,CAAC;KACzF;CACF"}

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

@@ -0,0 +1,80 @@
+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";
+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 "@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%}`;
+let J = (() => {
+  var o, c, n;
+  let e = [C("sbb-seat-reservation-navigation-services")], s, a = [], i, u = j, v, h = [], y = [], f, I = [], S = [];
+  return n = class extends u {
+    constructor() {
+      super(...arguments);
+      d(this, o);
+      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));
+    }
+    /** Coach service property ids, which are used to display the services in the navigation */
+    get propertyIds() {
+      return _(this, o);
+    }
+    set propertyIds(r) {
+      p(this, o, r);
+    }
+    /** If true, the service icons are displayed vertically */
+    get vertical() {
+      return _(this, c);
+    }
+    set vertical(r) {
+      p(this, c, r);
+    }
+    render() {
+      var t;
+      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
+      })}"
+    >
+      <sbb-screen-reader-only ${r || z}
+        >${r}</sbb-screen-reader-only
+      >
+      ${(t = this.propertyIds) == null ? void 0 : t.map((l) => E`
+          <sbb-seat-reservation-graphic
+            name=${l ?? z}
+            width="20"
+            height="20"
+            title=${m(l, this._language.current)}
+            aria-hidden="true"
+          ></sbb-seat-reservation-graphic>
+        `)}
+    </div>`;
+    }
+    //Generate the translated service label from the available properties
+    _getServiceLabelDescription() {
+      let r = null;
+      const t = this.propertyIds.map((l) => m(l, this._language.current)).filter((l) => !!l).join(", ");
+      return t && (r = m("COACH_AVAILABLE_SERVICES", this._language.current).concat(":").concat(t)), r;
+    }
+  }, o = new WeakMap(), c = new WeakMap(), i = n, (() => {
+    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(n, null, v, { kind: "accessor", name: "propertyIds", static: !1, private: !1, access: { has: (t) => "propertyIds" in t, get: (t) => t.propertyIds, set: (t, l) => {
+      t.propertyIds = l;
+    } }, metadata: r }, h, y), g(n, null, f, { kind: "accessor", name: "vertical", static: !1, private: !1, access: { has: (t) => "vertical" in t, get: (t) => t.vertical, set: (t, l) => {
+      t.vertical = l;
+    } }, 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.styles = O, b(i, a), i;
+})();
+export {
+  J as SbbSeatReservationNavigationServicesElement
+};

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

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

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

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

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

@@ -0,0 +1,4 @@
+import { SbbSeatReservationNavigationServicesElement as a } from "./seat-reservation-navigation-services/seat-reservation-navigation-services.component.js";
+export {
+  a as SbbSeatReservationNavigationServicesElement
+};

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

@@ -0,0 +1,53 @@
+import { SbbButtonBaseElement } from '@sbb-esta/lyne-elements/core/base-elements.js';
+import { EventEmitter } from '@sbb-esta/lyne-elements/core/eventing.js';
+import { CSSResultGroup, TemplateResult, PropertyValues } from 'lit';
+import { PlaceSelection, PlaceState, PlaceType } from '../seat-reservation.js';
+/**
+ * Output the graphic of a seat or a bicycle place as a control element.
+ *
+ * @event {CustomEvent<PlaceSelection>} selectPlace - Emits when a place was selected and returns a PlaceSelection object with necessary place information
+ */
+export declare class SbbSeatReservationPlaceControlElement extends SbbButtonBaseElement {
+    static styles: CSSResultGroup;
+    static readonly events: {
+        readonly selectPlace: "selectPlace";
+    };
+    /** placeType of the place, e.g. 'SEAT', 'BICYCLE' */
+    accessor placeType: PlaceType;
+    /** state of the place, e.g. 'FREE', 'SELECTED', 'BLOCKED' */
+    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;
+    /** Coach Index Prop to identifer the right place to coach */
+    accessor coachIndex: number;
+    /** Prevent click prop prevent any place action */
+    accessor preventClick: boolean;
+    /** Set the place focus outline style */
+    accessor keyfocus: string;
+    /** Emits when a place was selected by user. */
+    protected placeSelected: EventEmitter<PlaceSelection>;
+    private _language;
+    constructor();
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    protected render(): TemplateResult;
+    private _getPlaceSvg;
+    private _getTitleDescriptionPlace;
+    /** If the place selectable, we emit the placeSelection object which contains infos to the place state */
+    private _selectPlace;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-seat-reservation-place-control': SbbSeatReservationPlaceControlElement;
+    }
+}
+//# sourceMappingURL=seat-reservation-place-control.component.d.ts.map

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

@@ -0,0 +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,YAAY,EAAE,MAAM,0CAA0C,CAAC;AACxE,OAAO,EAAE,KAAK,cAAc,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAInG,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEpF,OAAO,gCAAgC,CAAC;AAIxC;;;;GAIG;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,6DAA6D;IAC7D,SAEgB,UAAU,EAAE,MAAM,CAAS;IAE3C,kDAAkD;IAClD,SAEgB,YAAY,EAAE,OAAO,CAAS;IAE9C,wCAAwC;IACxC,SAEgB,QAAQ,EAAE,MAAM,CAAa;IAE7C,+CAA+C;IAC/C,SAAS,CAAC,aAAa,EAAE,YAAY,CAAC,cAAc,CAAC,CAGnD;IAEF,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;CAcrB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oCAAoC,EAAE,qCAAqC,CAAC;KAC7E;CACF"}