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

package/seat-reservation/common/translations/i18n.js

@@ -0,0 +1,460 @@
+const l = {
+  // BASICS
+  // CAPTION FOR SCREENREADER INSIDE WAGON
+  COACH_TABLE_CAPTION: {
+    de: "Wagen _param0_ selektiert",
+    en: "en:Wagen _param0_ selektiert",
+    fr: "fr:Wagen _param0_ selektiert",
+    it: "it:Wagen _param0_ selektiert"
+  },
+  COACH_BLOCKED_TABLE_CAPTION: {
+    de: "Wagen _param0_ ist nicht betretbar. Navigieren Sie bitte zum nächsten verfügbaren Wagen",
+    en: "en:Wagen _param0_ ist nicht betretbar. Navigieren Sie bitte zum nächsten verfügbaren Wagen",
+    fr: "fr:Wagen _param0_ ist nicht betretbar. Navigieren Sie bitte zum nächsten verfügbaren Wagen",
+    it: "it:Wagen _param0_ ist nicht betretbar. Navigieren Sie bitte zum nächsten verfügbaren Wagen"
+  },
+  LIST_ALL_COACHES: {
+    de: "Liste aller Wagen mit reservierbaren Plätzen. Sie können die Tastennavigation aktivieren, indem Sie die 's'-Taste drücken, und dann können Sie mit den Pfeiltasten zwischen den Sitzen des Wagens navigieren.",
+    en: "List of all coaches with reservable places. You can activate key navigation by pressing the 's' key, then you can navigate by arrow keys between the seats of the coach.",
+    fr: "Liste de tous les wagons avec des places réservables. Vous pouvez activer la navigation par touches en appuyant sur la touche 's', puis vous pouvez naviguer avec les flèches entre les sièges du wagon.",
+    it: "Elenco di tutti i vagoni con posti riservabili. Puoi attivare la navigazione con tasti premendo il tasto 's', poi puoi navigare tra i posti del vagone con i tasti freccia."
+  },
+  SEAT_RESERVATION_BEGIN: {
+    de: "Beginn der Grafische Sitzplatzreservierung",
+    en: "en:Beginn der Grafische Sitzplatzreservierung",
+    fr: "fr:Beginn der Grafische Sitzplatzreservierung",
+    it: "it:Beginn der Grafische Sitzplatzreservierung"
+  },
+  SEAT_RESERVATION_END: {
+    de: "Verlassen der Grafische Sitzplatzreservierung",
+    en: "en:Verlassen der Grafische Sitzplatzreservierung",
+    fr: "fr:Verlassen der Grafische Sitzplatzreservierung",
+    it: "it:Verlassen der Grafische Sitzplatzreservierung"
+  },
+  // NAVIGATION
+  NAVIGATE_TO_COACH: {
+    de: "Navigiere zu Zugabteil _param0_",
+    en: "Navigate to train compartment _param0_",
+    fr: "Naviguer vers le compartiment de train _param0_",
+    it: "Naviga verso il compartimento del treno _param0_"
+  },
+  NAVIGATE_TO_COACH_SERVICE_CLASS_SUB: {
+    de: " mit _param0_ Abteil",
+    en: "en: mit _param0_ Abteil",
+    fr: "fr: mit _param0_ Abteil",
+    it: "it: mit _param0_ Abteil"
+  },
+  NAVIGATE_COACH_BLOCKED: {
+    de: "Zugabteil _param0_ ist nicht betretbar",
+    en: "en:Zugabteil _param0_ ist nicht betretbar",
+    fr: "fr:Zugabteil _param0_ ist nicht betretbar",
+    it: "it:Zugabteil _param0_ ist nicht betretbar"
+  },
+  SEAT_RESERVATION_NAVIGATION: {
+    de: "Sitzplatzreservierungsnavigation",
+    en: "Seat reservation Navigation",
+    fr: "Navigation pour la réservation de sièges",
+    it: "Navigazione per la prenotazione dei posti"
+  },
+  SERVICE_CLASS_FIRST: {
+    de: "erste Klasse",
+    en: "en:erste Klasse",
+    fr: "fr:erste Klasse",
+    it: "it:erste Klasse"
+  },
+  SERVICE_CLASS_SECOND: {
+    de: "zweite Klasse",
+    en: "en:zweite Klasse",
+    fr: "fr:zweite Klasse",
+    it: "it:zweite Klasse"
+  },
+  // NAVIGATION SERVICES ICONS AND SERVICE ICONS INSIDE WAGON
+  BICYCLE: {
+    de: "Velobereich",
+    en: "Velozone",
+    fr: "Véloparc",
+    it: "Veloparco"
+  },
+  BICYCLE_HIGH: {
+    de: "Velobereich",
+    en: "Velozone",
+    fr: "Véloparc",
+    it: "Veloparco"
+  },
+  BICYCLE_HIGH_ICON: {
+    de: "Velobereich",
+    en: "Velozone",
+    fr: "Véloparc",
+    it: "Veloparco"
+  },
+  BICYCLE_ICON: {
+    de: "Velobereich",
+    en: "Velozone",
+    fr: "Véloparc",
+    it: "Veloparco"
+  },
+  BICYCLE_LOW: {
+    de: "Velobereich",
+    en: "Velozone",
+    fr: "Véloparc",
+    it: "Veloparco"
+  },
+  BICYCLE_LOW_ICON: {
+    de: "Velobereich",
+    en: "Velozone",
+    fr: "Véloparc",
+    it: "Veloparco"
+  },
+  BICYCLE_MIDDLE: {
+    de: "Velobereich",
+    en: "Velozone",
+    fr: "Véloparc",
+    it: "Veloparco"
+  },
+  BICYCLE_MIDDLE_ICON: {
+    de: "Velobereich",
+    en: "Velozone",
+    fr: "Véloparc",
+    it: "Veloparco"
+  },
+  BISTRO: {
+    de: "Bistro",
+    en: "Bistro",
+    fr: "Bistro",
+    it: "Bistrot"
+  },
+  BISTRO_ICON: {
+    de: "Bistro",
+    en: "Bistro",
+    fr: "Bistro",
+    it: "Bistrot"
+  },
+  BUSINESS: {
+    de: "Businesszone",
+    en: "Businesszone",
+    fr: "Zone d'affaires",
+    it: "Zona business"
+  },
+  BUSINESS_COMFORT: {
+    de: "Businesszone",
+    en: "Businesszone",
+    fr: "Zone d'affaires",
+    it: "Zona business"
+  },
+  BUSINESS_ICON: {
+    de: "Businesszone",
+    en: "Businesszone",
+    fr: "Zone d'affaires",
+    it: "Zona business"
+  },
+  COACH_PASSAGE: {
+    de: "Wagenübergang",
+    en: "Coach passage",
+    fr: "Passage de voiture",
+    it: "Passaggio carrozza"
+  },
+  EASY_ACCESS: {
+    de: "de:Easy access area for PRMs",
+    en: "Easy access area for PRMs",
+    fr: "fr:Easy access area for PRMs",
+    it: "it:Easy access area for PRMs"
+  },
+  EASY_ACCESS_AREA: {
+    de: "de:Easy access area for PRMs",
+    en: "Easy access area for PRMs",
+    fr: "fr:Easy access area for PRMs",
+    it: "it:Easy access area for PRMs"
+  },
+  EASY_ACCESS_ICON: {
+    de: "de:Easy access area for PRMs",
+    en: "Easy access area for PRMs",
+    fr: "fr:Easy access area for PRMs",
+    it: "it:Easy access area for PRMs"
+  },
+  ENTRY_EXIT: {
+    de: "Ausgang / Eingang",
+    en: "Exit/Entrance",
+    fr: "Sortie / Entrée",
+    it: "Uscita / Ingresso"
+  },
+  FAMILY: {
+    de: "Familienwagen",
+    en: "Family car",
+    fr: "Voiture familiale",
+    it: "Auto familiare"
+  },
+  LUGGAGE_AREA: {
+    de: "Gepäckzone",
+    en: "Luggage area",
+    fr: "Zone de bagages",
+    it: "Zona bagagli"
+  },
+  LUGGAGE_ICON: {
+    de: "Gepäckzone",
+    en: "Luggage area",
+    fr: "Zone de bagages",
+    it: "Zona bagagli"
+  },
+  MULTI_FUNCTION_AREA: {
+    de: "de:Multifunction area",
+    en: "en:Multifunction area",
+    fr: "fr:Multifunction area",
+    it: "it:Multifunction area"
+  },
+  MULTI_FUNCTION_ICON: {
+    de: "de:Multifunction area",
+    en: "en:Multifunction area",
+    fr: "fr:Multifunction area",
+    it: "it:Multifunction area"
+  },
+  PLAYGROUND_AREA: {
+    de: "Familienwagen",
+    en: "Family car",
+    fr: "Voiture familiale",
+    it: "Auto familiare"
+  },
+  PLAYGROUND_ICON: {
+    de: "Familienwagen",
+    en: "Family car",
+    fr: "Voiture familiale",
+    it: "Auto familiare"
+  },
+  PRAM: {
+    de: "Kinderwagenbereich",
+    en: "pram area",
+    fr: "zone pour poussettes",
+    it: "area per passeggini"
+  },
+  PRAM_AREA: {
+    de: "Kinderwagenbereich",
+    en: "pram area",
+    fr: "zone pour poussettes",
+    it: "area per passeggini"
+  },
+  PRAM_ICON: {
+    de: "Kinderwagenbereich",
+    en: "pram area",
+    fr: "zone pour poussettes",
+    it: "area per passeggini"
+  },
+  RESTAURANT: {
+    de: "Restaurant",
+    en: "Restaurant",
+    fr: "Restaurant",
+    it: "Ristorante"
+  },
+  RESTAURANT_AREA: {
+    de: "Restaurant",
+    en: "Restaurant",
+    fr: "Restaurant",
+    it: "Ristorante"
+  },
+  RESTAURANT_ICON: {
+    de: "Restaurant",
+    en: "Restaurant",
+    fr: "Restaurant",
+    it: "Ristorante"
+  },
+  SILENCE: {
+    de: "Ruhezone",
+    en: "Silence area",
+    fr: "Zone de repos",
+    it: "Zona di riposo"
+  },
+  SILENCE_AREA_ICON: {
+    de: "Ruhezone",
+    en: "Silence area",
+    fr: "Zone de repos",
+    it: "Zona di riposo"
+  },
+  SILENCE_ICON: {
+    de: "Ruhezone",
+    en: "Silence area",
+    fr: "Zone de repos",
+    it: "Zona di riposo"
+  },
+  SKI_AREA: {
+    de: "Ski Bereich",
+    en: "en: Ski area",
+    fr: "fr:Ski area",
+    it: "it:Ski area"
+  },
+  SKI_ICON: {
+    de: "Ski Bereich",
+    en: "en: Ski area",
+    fr: "fr:Ski area",
+    it: "it:Ski area"
+  },
+  STAIR_AREA: {
+    de: "Treppenbereich",
+    en: "en: Stair area",
+    fr: "fr:Stair area",
+    it: "it:Stair area"
+  },
+  TOILET_AREA: {
+    de: "Toilettenbereich",
+    en: "en: Toilet area",
+    fr: "fr:Toilet area",
+    it: "it:Toilet area"
+  },
+  TOILET_ICON: {
+    de: "Toilettenbereich",
+    en: "en: Toilet area",
+    fr: "fr:Toilet area",
+    it: "it:Toilet area"
+  },
+  TOILET_WHEELCHAIR_AREA: {
+    de: "Rollstuhl Toilettenbereich",
+    en: "en: Wheelchair toilet area",
+    fr: "fr:Wheelchair toilet area",
+    it: "it:Wheelchair toilet area"
+  },
+  TOILET_WHEELCHAIR_ICON: {
+    de: "Rollstuhl Toilettenbereich",
+    en: "Wheelchair toilet area",
+    fr: "fr:Wheelchair toilet area",
+    it: "it:Wheelchair toilet area"
+  },
+  WARDROBE_AREA: {
+    de: "Garderobenbereich",
+    en: "en: Garderobenbereich",
+    fr: "fr: Garderobenbereich",
+    it: "it: Garderobenbereich"
+  },
+  WHEELCHAIR: {
+    de: "Rollstuhlzone",
+    en: "Wheelchairzone",
+    fr: "Zone pour fauteuils roulants",
+    it: "Zona per disabili"
+  },
+  WHEELCHAIR_AND_SEAT: {
+    de: "Rollstuhlzone",
+    en: "Wheelchairzone",
+    fr: "Zone pour fauteuils roulants",
+    it: "Zona per disabili"
+  },
+  WHEELCHAIR_ICON: {
+    de: "Rollstuhlzone",
+    en: "Wheelchairzone",
+    fr: "Zone pour fauteuils roulants",
+    it: "Zona per disabili"
+  },
+  WHEELCHAIR_NO_SEAT: {
+    de: "Rollstuhlzone",
+    en: "Wheelchairzone",
+    fr: "Zone pour fauteuils roulants",
+    it: "Zona per disabili"
+  },
+  WIFI: {
+    de: "Gratis-Internet mit der App SBB FreeSurf",
+    en: "Free internet with the SBB FreeSurf app",
+    fr: "Internet gratuit avec l'application SBB FreeSurf",
+    it: "Internet gratuito con l'app SBB FreeSurf"
+  },
+  //ADDITIONAL INFO FOR SEATS
+  AISLE_SEAT: {
+    de: "Gangplatz",
+    en: "en: Aisle seat",
+    fr: "fr:Aisle seat",
+    it: "it:Aisle seat"
+  },
+  POWER: {
+    de: "Steckdose",
+    en: "Power socket",
+    fr: "Prise Électrique",
+    it: "Presa Elettrica"
+  },
+  TABLE: {
+    de: "Tisch",
+    en: "Table",
+    fr: "Table",
+    it: "Tavolo"
+  },
+  TABLE_RESTAURANT: {
+    de: "Tisch",
+    en: "Table",
+    fr: "Table",
+    it: "Tavolo"
+  },
+  WINDOW_SEAT: {
+    de: "Fensterplatz",
+    en: "Window seat",
+    fr: "Place Côté Fenêtre",
+    it: "Posto Finestrino"
+  },
+  //PLACE CONTROL ARIA LABEL
+  PLACE_CONTROL_SEAT_FREE: {
+    de: "Sitzplatz Nummer _param0_ ist frei",
+    en: "Seat number _param0_ is free",
+    fr: "Le siège numéro _param0_ est libre",
+    it: "Il posto numero _param0_ è libero"
+  },
+  PLACE_CONTROL_SEAT_SELECTED: {
+    de: "Sitzplatz Nummer _param0_ ist ausgewählt",
+    en: "Seat number _param0_ is selected",
+    fr: "Le numéro de siège _param0_ est sélectionné",
+    it: "Il numero di posto _param0_ è selezionato"
+  },
+  PLACE_CONTROL_BICYCLE_FREE: {
+    de: "Fahrrad Platz Nummer _param0_ ist frei",
+    en: "Bike Seat number _param0_ is free",
+    fr: "Le siège de vélo numéro _param0_ est libre",
+    it: "Il posto bici numero _param0_ è libero"
+  },
+  PLACE_CONTROL_BICYCLE_SELECTED: {
+    de: "Fahrrad Platz Nummer _param0_ ist ausgewählt",
+    en: "Bike Seat number _param0_ is selected",
+    fr: "Le siège de vélo numéro _param0_ est sélectionné",
+    it: "Il sedile della bici numero _param0_ è selezionato"
+  },
+  PLACE_CONTROL_SEAT_RESTRICTED: {
+    de: "Sitzplatz nicht verfügbar",
+    en: "Seat not available",
+    fr: "Siège non disponible",
+    it: "Posto non disponibile"
+  },
+  PLACE_CONTROL_BICYCLE_RESTRICTED: {
+    de: "Fahrradplatz nicht verfügbar",
+    en: "Bike place not available",
+    fr: "Siège non disponible",
+    it: "Posto non disponibile"
+  },
+  PLACE_CONTROL_SEAT_ALLOCATED: {
+    de: "Sitzplatz _param0_ nicht verfügbar",
+    en: "Seat _param0_ not available",
+    fr: "Siège _param0_ non disponible",
+    it: "Posto _param0_ non disponibile"
+  },
+  PLACE_CONTROL_BICYCLE_ALLOCATED: {
+    de: "Fahrradplatz _param0_ nicht verfügbar",
+    en: "Bike place _param0_ not available",
+    fr: "Siège _param0_ non disponible",
+    it: "Posto _param0_ non disponibile"
+  },
+  PLACE_PROPERTY: {
+    de: "Platzeigenschaften",
+    en: "en:Platzeigenschaften",
+    fr: "fr:Platzeigenschaften",
+    it: "it:Platzeigenschaften"
+  },
+  COACH_AVAILABLE_SERVICES: {
+    de: "Verfügbare Services",
+    en: "en:Verfügbare Services",
+    fr: "fr:Verfügbare Services",
+    it: "it:Verfügbare Services"
+  },
+  // LEAVE EXAMPLE AT LAST POSITION
+  EXAMPLE_WITH_PARAMS_DO_NOT_USE: {
+    de: "Test mit Parametern: _param0_ und _param1_",
+    en: "Test with parameters: _param0_ and _param1_",
+    fr: "Test avec paramètres: _param0_ et _param1_",
+    it: "Test con parametri: _param0_ e _param1_"
+  }
+}, _ = (i, t, e) => {
+  var r;
+  const a = ((r = l[i]) == null ? void 0 : r[t]) || "";
+  return e ? e.reduce((n, s, o) => n.replace(`_param${o}_`, s), a) : a;
+};
+export {
+  _ as getI18nSeatReservation
+};

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

@@ -0,0 +1,2 @@
+export * from './translations/i18n.js';
+//# sourceMappingURL=translations.d.ts.map

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

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

package/seat-reservation/common/translations.js

@@ -0,0 +1,4 @@
+import { getI18nSeatReservation as o } from "./translations/i18n.js";
+export {
+  o as getI18nSeatReservation
+};

package/seat-reservation/common.d.ts

@@ -0,0 +1,5 @@
+export * from './common/translations.js';
+export * from './common/svgs.js';
+export * from './common/mapper.js';
+export * from './common/mapper/seat-reservation-sample-data.js';
+//# sourceMappingURL=common.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../src/elements-experimental/seat-reservation/common.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iDAAiD,CAAC"}

package/seat-reservation/common.js

@@ -0,0 +1,17 @@
+import { getI18nSeatReservation as a } from "./common/translations/i18n.js";
+import { svgs as r } from "./common/svgs.js";
+import { mapCoachInfosToCoachSelection as c, mapPlaceAndCoachToSeatReservationPlaceSelection as n, mapPlaceInfosToPlaceSelection as m, mapRawDataToSeatReservation as p } from "./common/mapper/mapper.js";
+import { mapIconToSvg as S } from "./common/mapper/icon-mapper.js";
+import { MOCK_COACHES_RAW_0 as R, MOCK_COACHES_RAW_1 as f, MOCK_COACHES_RAW_REAL_DATA as l } from "./common/mapper/seat-reservation-sample-data.js";
+export {
+  R as MOCK_COACHES_RAW_0,
+  f as MOCK_COACHES_RAW_1,
+  l as MOCK_COACHES_RAW_REAL_DATA,
+  a as getI18nSeatReservation,
+  c as mapCoachInfosToCoachSelection,
+  S as mapIconToSvg,
+  n as mapPlaceAndCoachToSeatReservationPlaceSelection,
+  m as mapPlaceInfosToPlaceSelection,
+  p as mapRawDataToSeatReservation,
+  r as svgs
+};

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

@@ -0,0 +1,156 @@
+import { EventEmitter } from '@sbb-esta/lyne-elements/core/eventing.js';
+import { LitElement, PropertyValues } from 'lit';
+import { ElementDimension, ElementPosition, Place, PlaceSelection, SeatReservation, SeatReservationCoachSelection, SeatReservationPlaceSelection } from '../seat-reservation.js';
+declare enum ScrollDirection {
+    right = "right",
+    left = "left"
+}
+interface CoachScrollTriggerPoint {
+    start: number;
+    end: number;
+    width: number;
+}
+export declare class SeatReservationBaseElement extends LitElement {
+    static readonly events: {
+        readonly selectedPlaces: "selectedPlaces";
+        readonly selectedCoach: "selectedCoach";
+    };
+    /** The seat reservation object which contains all coaches and places */
+    accessor seatReservation: SeatReservation;
+    /** The seat resvervation navigation can be toggled by this property */
+    accessor hasNavigation: boolean;
+    /** The seat reservation area is aligned vertically */
+    accessor alignVertical: boolean;
+    /** The seat reservation area's base grid size */
+    accessor baseGridSize: number;
+    /** The seat reservation area's width */
+    accessor height: number;
+    /** Maximal number of possible clickable seats */
+    accessor maxReservations: number;
+    /** Any click functionality is prevented */
+    accessor preventPlaceClick: boolean;
+    protected accessor selectedCoachIndex: number;
+    protected accessor focusedCoachIndex: number;
+    /** Emits when a place was selected by user. */
+    protected selectedPlaces: EventEmitter<SeatReservationPlaceSelection[]>;
+    /** Emits when a coach was selected by user. */
+    protected selectedCoach: EventEmitter<SeatReservationCoachSelection>;
+    protected coachBorderPadding: number;
+    protected coachBorderOffset: number;
+    protected currScrollDirection: ScrollDirection;
+    protected maxCalcCoachsWidth: number;
+    protected scrollCoachsAreaWidth: number;
+    protected triggerCoachPositionsCollection: CoachScrollTriggerPoint[];
+    protected firstTabElement: HTMLElement;
+    protected lastTabElement: HTMLElement;
+    protected coachScrollArea: HTMLElement;
+    protected currSelectedPlace: Place | null;
+    protected currSelectedPlaceElementId: string | null;
+    protected currSelectedCoachIndex: number;
+    protected preventCoachScrollByPlaceClick: boolean;
+    protected selectedSeatReservationPlaces: SeatReservationPlaceSelection[];
+    protected seatReservationWithoutNavigationHasFocus: boolean;
+    protected isCochGridFocusable: boolean;
+    protected isAutoScrolling: boolean;
+    protected isKeyboardNavigation: boolean;
+    protected keyboardNavigationEvents: {
+        readonly ArrowLeft: "ArrowLeft";
+        readonly ArrowRight: "ArrowRight";
+        readonly ArrowUp: "ArrowUp";
+        readonly ArrowDown: "ArrowDown";
+        readonly Tab: "Tab";
+        readonly Enter: "Enter";
+    };
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    protected initNavigationSelectionByScrollEvent(): void;
+    /**
+     * If no navigation exists (property setting -> hasNavigation) and a table coach gets the focus,
+     * the first place in the coach must be automatically preselected to control the place navigation via keyboard
+     *
+     * @param focusCoachIndex
+     */
+    protected onFocusTableCoachAndPreselectPlace(focusCoachIndex: number): void;
+    /**
+     * Initialisation of Keyboard event handling to navigation between each places inside a selected coach by using [arrow] keys.
+     * With the [TAB] key the user navigation goes to the next coach navigation element and the currently selected place is automatically reset.
+     */
+    protected handleKeyboardEvent(event: KeyboardEvent): void;
+    /**
+     * Selects a place inside the coach if navigated via keyboard,
+     * otherwise the coach grid is selected (necessary for ScreenReader)
+     */
+    protected preselectPlaceInCoach(): void;
+    protected scrollToSelectedNavCoach(selectedNavCoachIndex: number): void;
+    /**
+     * Sets the new ScrollDirection by the new given target coach index.
+     */
+    private _setScrollDirectionByCoachIndex;
+    /**
+     * Returns the scroll start or end position X from the selected coach.
+     * In case the user is curretnly navigate throught places by keyboard and goes to previous coach,
+     * then we return the end position of the coach to get clostest next scroll position of the next focus place.
+     * @returns number
+     */
+    private _getCoachScrollPositionX;
+    /**
+     * Sets the focus on the HTML table (grid) caption element so that the heading is read out when using a ScreenReader.
+     */
+    private _setFocusToSelectedCoachGrid;
+    /**
+     * Returns whether the current scrolled position can be used to scroll to the selected wagon
+     * @returns boolean
+     */
+    private _isScrollableToSelectedCoach;
+    /**
+     * Returns the coach index which is currently visible in the scroll area
+     * @returns number
+     */
+    private _getCoachIndexByScrollTriggerPosition;
+    /**
+     * Get the first place of current selected coach by table cell coordinate 0-0 id.
+     * @returns Place or null
+     */
+    private _getFirstPlaceInSelecedCoach;
+    /**
+     * To get the correct closest place of current pressed key and the current selected place,
+     * we have to investigate the coordinates of each place to find the closest place of the currSelectedPlaceElementId.
+     * @param pressedKey
+     * @returns Place or null
+     */
+    private _getClosestPlaceByKeyDirection;
+    protected focusPlaceElement(place: Place | null, coachIndex?: number): void;
+    protected unfocusPlaceElement(): void;
+    protected getCalculatedDimension(elementDimension: ElementDimension, coachDimension?: ElementDimension, isOriginHeight?: boolean, isStretchHeight?: boolean): ElementDimension;
+    protected getCalculatedPosition(elementPosition: ElementPosition, elementDimension?: ElementDimension, coachDimension?: ElementDimension, isOriginHeight?: boolean): ElementPosition;
+    private _navigateCoachNavigationByKeyboard;
+    private _navigateToPlaceByKeyboard;
+    protected getNextAvailableCoachIndex(currentIndex?: number): number;
+    protected getPrevAvailableCoachIndex(currentIndex?: number): number;
+    protected updateSelectedSeatReservationPlaces(placeSelection: PlaceSelection): void;
+    protected updateCurrentSelectedPlaceInCoach(placeSelection: PlaceSelection): void;
+    protected updateCurrentSelectedCoach(): void;
+    /**
+     * Initialization of SeatReservationPlaceSelection Array based on the transferred places
+     * that have the state SELECTED within the seatReservation object
+     */
+    private _initSeatReservationPlaceSelection;
+    /**
+     * All selected places will be reset or the currentSelectedPlace was given, then we reset all except currentSelectedPlace
+     * @param currSelectedPlace
+     */
+    private _resetAllPlaceSelections;
+    private _getSeatReservationPlaceSelection;
+    private _getSeatReservationCoachSelection;
+    private _setCurrSelectedPlaceElementId;
+    /**
+     * Returns the current selected place HTML element by given placeNumber and coachIndex.
+     * If both doesnt exist, we try to return the place HTML element by the _currentSelectedPlaceElementId
+     * @param placeNumber optional as string
+     * @param coachIndex optional as string
+     * @returns HTMLElement or null
+     */
+    private _getPlaceHtmlElement;
+    private _setVerticalAlignmentOffset;
+}
+export {};
+//# sourceMappingURL=seat-reservation-base-element.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"seat-reservation-base-element.d.ts","sourceRoot":"","sources":["../../../../src/elements-experimental/seat-reservation/seat-reservation/seat-reservation-base-element.ts"],"names":[],"mappings":"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"}