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

package/seat-reservation/seat-reservation-graphic/seat-reservation-assets.js

@@ -1,16 +1,24 @@
-import { html as d } from "lit";
-import { unsafeHTML as A } from "lit/directives/unsafe-html.js";
+import { t as e } from "../../seat-reservation-graphic.component-BNfU5tQM.js";
+import { html as t } from "lit";
+import { unsafeHTML as n } from "lit/directives/unsafe-html.js";
 import { mapIconToSvg as r } from "../common/mapper.js";
-import { SbbSeatReservationAreaElement as a } from "../seat-reservation-area/seat-reservation-area.component.js";
-import { SbbSeatReservationGraphicElement as E } from "./seat-reservation-graphic.component.js";
+import { SbbSeatReservationAreaElement as i } from "../seat-reservation-area/seat-reservation-area.component.js";
 import "@sbb-esta/lyne-elements/table.js";
-E.define();
-a.define();
-const s = (e) => d`
+e.define(), i.define();
+var a = (e) => t`
     <div class="story-asset">
-      <span class="story-asset__preview">${A(e)}</span>
+      <span class="story-asset__preview">${n(e)}</span>
     </div>
-  `, t = (e) => r[e]?.svg ? s(r[e].svg) : r[e]?.svgName ? d`<sbb-icon name="${r[e].svgName}"></sbb-icon>` : null, _ = d`
+  `, o = (e) => r[e]?.svg ? a(r[e].svg) : r[e]?.svgName ? t`<sbb-icon name="${r[e].svgName}"></sbb-icon>` : null, s = t`
+  <style>
+    .story-asset {
+      width: max-content;
+      background-color: var(--sbb-color-white);
+    }
+  </style>
+  <h1>List of all currently available assets.</h1>
+  <h2>Interior</h2>
+  ${t`
   <sbb-table-wrapper>
     <table class="sbb-table">
       <thead>
@@ -22,49 +30,51 @@ const s = (e) => d`
       </thead>
       <tbody>
         <tr>
-          <td>${t("PLACE_BICYCLE_FREE")}</td>
+          <td>${o("PLACE_BICYCLE_FREE")}</td>
           <td>Place-Bike: Available</td>
           <td>PLACE_BICYCLE_FREE</td>
         </tr>
         <tr>
-          <td>${t("PLACE_BICYCLE_SELECTED")}</td>
+          <td>${o("PLACE_BICYCLE_SELECTED")}</td>
           <td>Place-Bike: Selected</td>
           <td>PLACE_BICYCLE_SELECTED</td>
         </tr>
         <tr>
-          <td>${t("PLACE_BICYCLE_ALLOCATED")}</td>
+          <td>${o("PLACE_BICYCLE_ALLOCATED")}</td>
           <td>Place-Bike: Unavailable</td>
           <td>PLACE_BICYCLE_ALLOCATED</td>
         </tr>
         <tr>
-          <td>${t("PLACE_BICYCLE_RESTRICTED")}</td>
+          <td>${o("PLACE_BICYCLE_RESTRICTED")}</td>
           <td>Place-Bike: Not bookable</td>
           <td>PLACE_BICYCLE_RESTRICTED</td>
         </tr>
         <tr>
-          <td>${t("PLACE_SEAT_FREE")}</td>
+          <td>${o("PLACE_SEAT_FREE")}</td>
           <td>Place-Seat: Available</td>
           <td>PLACE_SEAT_FREE</td>
         </tr>
         <tr>
-          <td>${t("PLACE_SEAT_SELECTED")}</td>
+          <td>${o("PLACE_SEAT_SELECTED")}</td>
           <td>Place-Seat: Selected</td>
           <td>PLACE_SEAT_SELECTED</td>
         </tr>
         <tr>
-          <td>${t("PLACE_SEAT_ALLOCATED")}</td>
+          <td>${o("PLACE_SEAT_ALLOCATED")}</td>
           <td>Place-Seat: Unavailable</td>
           <td>PLACE_SEAT_ALLOCATED</td>
         </tr>
         <tr>
-          <td>${t("PLACE_SEAT_RESTRICTED")}</td>
+          <td>${o("PLACE_SEAT_RESTRICTED")}</td>
           <td>Place-Seat: Not bookable</td>
           <td>PLACE_SEAT_RESTRICTED</td>
         </tr>
       </tbody>
     </table>
   </sbb-table-wrapper>
-`, l = d`
+`}
+  <h2>Layout</h2>
+  ${t`
   <sbb-table-wrapper>
     <table class="sbb-table">
       <thead>
@@ -76,64 +86,66 @@ const s = (e) => d`
       </thead>
       <tbody>
         <tr>
-          <td>${t("EASY_ACCESS_AREA")}</td>
+          <td>${o("EASY_ACCESS_AREA")}</td>
           <td>Easy Access Area</td>
           <td>EASY_ACCESS_AREA</td>
         </tr>
         <tr>
-          <td>${t("ENTRY_EXIT")}</td>
+          <td>${o("ENTRY_EXIT")}</td>
           <td>Entrance</td>
           <td>ENTRY_EXIT</td>
         </tr>
         <tr>
-          <td>${t("LUGGAGE_AREA")}</td>
+          <td>${o("LUGGAGE_AREA")}</td>
           <td>Luggage</td>
           <td>LUGGAGE_AREA</td>
         </tr>
         <tr>
-          <td>${t("MULTI_FUNCTION_AREA")}</td>
+          <td>${o("MULTI_FUNCTION_AREA")}</td>
           <td>Multi Function Area</td>
           <td>MULTI_FUNCTION_AREA</td>
         </tr>
         <tr>
-          <td>${t("PLAYGROUND_AREA")}</td>
+          <td>${o("PLAYGROUND_AREA")}</td>
           <td>Playground</td>
           <td>PLAYGROUND_AREA</td>
         </tr>
         <tr>
-          <td>${t("PRAM_AREA")}</td>
+          <td>${o("PRAM_AREA")}</td>
           <td>Pram</td>
           <td>PRAM_AREA</td>
         </tr>
         <tr>
-          <td>${t("SKI_AREA")}</td>
+          <td>${o("SKI_AREA")}</td>
           <td>Ski</td>
           <td>SKI_AREA</td>
         </tr>
         <tr>
-          <td>${t("STAIR_AREA")}</td>
+          <td>${o("STAIR_AREA")}</td>
           <td>Stair</td>
           <td>STAIR_AREA</td>
         </tr>
         <tr>
-          <td>${t("TOILET_AREA")}</td>
+          <td>${o("TOILET_AREA")}</td>
           <td>Toilet</td>
           <td>TOILET_AREA</td>
         </tr>
         <tr>
-          <td>${t("TOILET_WHEELCHAIR_AREA")}</td>
+          <td>${o("TOILET_WHEELCHAIR_AREA")}</td>
           <td>Toilet-Handicap</td>
           <td>TOILET_WHEELCHAIR_AREA</td>
         </tr>
         <tr>
-          <td>${t("WARDROBE_AREA")}</td>
+          <td>${o("WARDROBE_AREA")}</td>
           <td>Wardrobe</td>
           <td>WARDROBE_AREA</td>
         </tr>
       </tbody>
     </table>
   </sbb-table-wrapper>
-`, o = d`
+`}
+  <h2>Service Icons</h2>
+  ${t`
   <sbb-table-wrapper>
     <table aria-label="Available Service Icons" class="sbb-table">
       <thead>
@@ -145,69 +157,71 @@ const s = (e) => d`
       </thead>
       <tbody>
         <tr>
-          <td>${t("BISTRO")}</td>
+          <td>${o("BISTRO")}</td>
           <td>Bistro</td>
           <td>BISTRO</td>
         </tr>
         <tr>
-          <td>${t("BUSINESS")}</td>
+          <td>${o("BUSINESS")}</td>
           <td>Business</td>
           <td>BUSINESS</td>
         </tr>
         <tr>
-          <td>${t("PLAYGROUND_ICON")}</td>
+          <td>${o("PLAYGROUND_ICON")}</td>
           <td>Family</td>
           <td>PLAYGROUND_ICON</td>
         </tr>
         <tr>
-          <td>${t("LUGGAGE_AREA")}</td>
+          <td>${o("LUGGAGE_AREA")}</td>
           <td>Luggage</td>
           <td>LUGGAGE_AREA</td>
         </tr>
         <tr>
-          <td>${t("PRAM_ICON")}</td>
+          <td>${o("PRAM_ICON")}</td>
           <td>Pram</td>
           <td>PRAM_ICON</td>
         </tr>
         <tr>
-          <td>${t("EASY_ACCESS_AREA")}</td>
+          <td>${o("EASY_ACCESS_AREA")}</td>
           <td>Easy Access Area</td>
           <td>EASY_ACCESS_AREA</td>
         </tr>
         <tr>
-          <td>${t("RESTAURANT_ICON")}</td>
+          <td>${o("RESTAURANT_ICON")}</td>
           <td>Restaurant</td>
           <td>RESTAURANT_ICON</td>
         </tr>
         <tr>
-          <td>${t("SILENCE_AREA_ICON")}</td>
+          <td>${o("SILENCE_AREA_ICON")}</td>
           <td>Silence</td>
           <td>SILENCE_AREA_ICON</td>
         </tr>
         <tr>
-          <td>${t("TOILET_AREA")}</td>
+          <td>${o("TOILET_AREA")}</td>
           <td>Toilet</td>
           <td>TOILET_AREA</td>
         </tr>
         <tr>
-          <td>${t("TOILET_WHEELCHAIR_AREA")}</td>
+          <td>${o("TOILET_WHEELCHAIR_AREA")}</td>
           <td>Toilet-PRM</td>
           <td>TOILET_WHEELCHAIR_AREA</td>
         </tr>
         <tr>
-          <td>${t("WHEELCHAIR_ICON")}</td>
+          <td>${o("WHEELCHAIR_ICON")}</td>
           <td>Wheelchair</td>
           <td>WHEELCHAIR_ICON</td>
         </tr>
         <tr>
-          <td>${t("WIFI")}</td>
+          <td>${o("WIFI")}</td>
           <td>Wifi</td>
           <td>WIFI</td>
         </tr>
       </tbody>
     </table>
   </sbb-table-wrapper>
-`, R = d`
+`}
+  <h2>Chassis</h2>
+  ${t`
   <sbb-table-wrapper>
     <table class="sbb-table">
       <thead>
@@ -219,37 +233,37 @@ const s = (e) => d`
       </thead>
       <tbody>
         <tr>
-          <td>${t("DRIVER_AREA_TRAIN")}</td>
+          <td>${o("DRIVER_AREA_TRAIN")}</td>
           <td>Driver Area<br />(Dependent on Vehicle-Type: TRAIN)</td>
           <td>DRIVER_AREA</td>
         </tr>
         <tr>
-          <td>${t("DRIVER_AREA_BUS")}</td>
+          <td>${o("DRIVER_AREA_BUS")}</td>
           <td>Driver Area<br />(Dependent on Vehicle-Type: BUS)</td>
           <td>DRIVER_AREA</td>
         </tr>
         <tr>
-          <td>${t("COMPARTMENT_PASSAGE_HIGH")}</td>
+          <td>${o("COMPARTMENT_PASSAGE_HIGH")}</td>
           <td>Compartment Passage High</td>
           <td>COMPARTMENT_PASSAGE_HIGH</td>
         </tr>
         <tr>
-          <td>${t("COMPARTMENT_PASSAGE")}</td>
+          <td>${o("COMPARTMENT_PASSAGE")}</td>
           <td>Compartment Passage</td>
           <td>COMPARTMENT_PASSAGE</td>
         </tr>
         <tr>
-          <td>${t("COMPARTMENT_PASSAGE_LOW")}</td>
+          <td>${o("COMPARTMENT_PASSAGE_LOW")}</td>
           <td>Compartment Passage Low</td>
           <td>COMPARTMENT_PASSAGE_LOW</td>
         </tr>
         <tr>
-          <td>${t("COACH_PASSAGE")}</td>
+          <td>${o("COACH_PASSAGE")}</td>
           <td>Coach Passage</td>
           <td>COACH_PASSAGE</td>
         </tr>
         <tr>
-          <td>${t("COMPARTMENT_WALL")}</td>
+          <td>${o("COMPARTMENT_WALL")}</td>
           <td>Compartment Wall</td>
           <td>COMPARTMENT_WALL</td>
         </tr>
@@ -264,31 +278,14 @@ const s = (e) => d`
           <td>TABLE_RESTAURANT</td>
         </tr>
         <tr>
-          <td>${t("COACH_WALL_NO_PASSAGE")}</td>
+          <td>${o("COACH_WALL_NO_PASSAGE")}</td>
           <td>Coach Wall No Passage</td>
           <td>COACH_WALL_NO_PASSAGE</td>
         </tr>
       </tbody>
     </table>
   </sbb-table-wrapper>
-`, i = d`
-  <style>
-    .story-asset {
-      width: max-content;
-      background-color: var(--sbb-color-white);
-    }
-  </style>
-  <h1>List of all currently available assets.</h1>
-  <h2>Interior</h2>
-  ${_}
-  <h2>Layout</h2>
-  ${l}
-  <h2>Service Icons</h2>
-  ${o}
-  <h2>Chassis</h2>
-  ${R}
+`}
 `;
-export {
-  i as assetsTemplate,
-  t as svgImageByOSDMCode
-};
+//#endregion
+export { s as assetsTemplate, o as svgImageByOSDMCode };

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

@@ -1,75 +1,2 @@
-var _ = (t) => {
-  throw TypeError(t);
-};
-var x = (t, r, s) => r.has(t) || _("Cannot " + s);
-var m = (t, r, s) => (x(t, r, "read from private field"), s ? s.call(t) : r.get(t)), v = (t, r, s) => r.has(t) ? _("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(t) : r.set(t, s), h = (t, r, s, c) => (x(t, r, "write to private field"), c ? c.call(t, s) : r.set(t, s), s);
-import { __runInitializers as l, __esDecorate as w } from "tslib";
-import { SbbElement as N } from "@sbb-esta/lyne-elements/core/base-elements.js";
-import { SbbLanguageController as z } from "@sbb-esta/lyne-elements/core/controllers.js";
-import { forceType as y } from "@sbb-esta/lyne-elements/core/decorators.js";
-import { boxSizingStyles as I } from "@sbb-esta/lyne-elements/core/styles.js";
-import { css as $, html as p, isServer as j } from "lit";
-import { property as S } from "lit/decorators.js";
-import { classMap as k } from "lit/directives/class-map.js";
-import { mapIconToSvg as O } from "../common/mapper.js";
-import { getI18nSeatReservation as C } from "../common/translations.js";
-import "@sbb-esta/lyne-elements/icon.js";
-const A = $`:host{--sbb-seat-reservation-graphic-width: 16;--sbb-seat-reservation-graphic-height: 16;--sbb-seat-reservation-graphic-rotation: 0;--sbb-seat-reservation-graphic-inverse-rotation: 0;--sbb-seat-reservation-graphic-position: initial;--sbb-seat-reservation-graphic-left: 0;--sbb-seat-reservation-graphic-top: 0;--sbb-icon-svg-width: calc( var(--sbb-seat-reservation-graphic-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem) );--sbb-icon-svg-height: calc( var(--sbb-seat-reservation-graphic-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem) );display:flex;justify-content:center;align-items:center;width:calc(var(--sbb-seat-reservation-graphic-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));height:calc(var(--sbb-seat-reservation-graphic-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));position:var(--sbb-seat-reservation-graphic-position);inset-inline-start:calc(var(--sbb-seat-reservation-graphic-left) * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-block-start:calc(var(--sbb-seat-reservation-graphic-top) * var(--sbb-seat-reservation-one-px-rem, .0625rem))}:host(.auto-width){--sbb-icon-svg-width: auto;max-width:calc(var(--sbb-seat-reservation-graphic-max-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));width:auto}:host(.sbb-seat-reservation-graphic--cursor-pointer){cursor:var(--sbb-cursor-pointer)}.sbb-sr-icon,.sbb-sr-graphic{width:inherit;height:inherit;transform-origin:center;rotate:calc(var(--sbb-seat-reservation-graphic-rotation) * 1deg)}.sbb-sr-icon{color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),var(--sbb-color-graphite))}.sbb-sr-graphic svg{width:100%;height:100%}.sbb-sr-graphic svg .fix-rotation-inverse{transform-origin:center;rotate:calc(var(--sbb-seat-reservation-graphic-inverse-rotation) * 1deg)}@media(forced-colors:active){.sbb-sr-graphic svg:not(.color-immutable) [fill]:not([fill=none]){fill:currentcolor}.sbb-sr-graphic .no-bg{fill:transparent}}`;
-let U = (() => {
-  var o, n, i;
-  let t = N, r, s = [], c = [], u, f = [], d = [];
-  return i = class extends t {
-    constructor() {
-      super(...arguments);
-      v(this, o);
-      v(this, n);
-      h(this, o, l(this, s, "")), h(this, n, (l(this, c), l(this, f, !1))), this._language = (l(this, d), new z(this));
-    }
-    /** Name of the SVG graphic to be displayed. */
-    get name() {
-      return m(this, o);
-    }
-    set name(e) {
-      h(this, o, e);
-    }
-    /** if true, scale the graphic content of the given element non-uniformly if necessary */
-    get stretch() {
-      return m(this, n);
-    }
-    set stretch(e) {
-      h(this, n, e);
-    }
-    render() {
-      const e = O[this.name];
-      return !e?.svg && !e?.svgName ? null : p`<span
-      class="${k({
-        "sbb-sr-icon": !!e.svgName,
-        "sbb-sr-graphic": !!e.svg
-      })}"
-    >
-      ${e.svgName ? p` <sbb-icon
-            name="${e.svgName || ""}"
-            aria-hidden="false"
-            aria-label="${C(e.svgName, this._language.current)}"
-          ></sbb-icon>` : p`${this._getSvgElement(e.svg)}`}
-    </span>`;
-    }
-    _getSvgElement(e) {
-      if (!j) {
-        const a = new DOMParser(), b = e || "<svg></svg>", g = a.parseFromString(b, "image/svg+xml").firstElementChild;
-        return this.stretch && g?.nodeName.toLowerCase() === "svg" && g.setAttribute("preserveAspectRatio", "none"), g;
-      }
-      return null;
-    }
-  }, o = new WeakMap(), n = new WeakMap(), (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(t[Symbol.metadata] ?? null) : void 0;
-    r = [y(), S({ attribute: "name" })], u = [y(), S({ attribute: "stretch", type: Boolean })], w(i, null, r, { kind: "accessor", name: "name", static: !1, private: !1, access: { has: (a) => "name" in a, get: (a) => a.name, set: (a, b) => {
-      a.name = b;
-    } }, metadata: e }, s, c), w(i, null, u, { kind: "accessor", name: "stretch", static: !1, private: !1, access: { has: (a) => "stretch" in a, get: (a) => a.stretch, set: (a, b) => {
-      a.stretch = b;
-    } }, metadata: e }, f, d), e && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), i.elementName = "sbb-seat-reservation-graphic", i.styles = [I, A], i;
-})();
-export {
-  U as SbbSeatReservationGraphicElement
-};
+import { t as e } from "../../seat-reservation-graphic.component-BNfU5tQM.js";
+export { e as SbbSeatReservationGraphicElement };

package/seat-reservation/seat-reservation-graphic.js

@@ -1,7 +1,4 @@
-import { SbbSeatReservationGraphicElement as e } from "./seat-reservation-graphic/seat-reservation-graphic.component.js";
-e.define();
-console.warn(`The entrypoint '@sbb-esta/elements-experimental/seat-reservation/seat-reservation-graphic.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 SbbSeatReservationGraphicElement
-};
+import { t as e } from "../seat-reservation-graphic.component-BNfU5tQM.js";
+e.define(), console.warn("The entrypoint '@sbb-esta/elements-experimental/seat-reservation/seat-reservation-graphic.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 SbbSeatReservationGraphicElement };