@sbb-esta/lyne-elements-experimental-dev 0.0.0 → 4.0.0-dev.1775550888

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

@@ -0,0 +1,2 @@
+import { t as e } from "../../seat-reservation.component-DajC6fqU.js";
+export { e as SbbSeatReservationElement };

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

@@ -0,0 +1,2 @@
+import { t as e } from "../../seat-reservation-area.component-CtYawDjE.js";
+export { e as SbbSeatReservationAreaElement };

package/seat-reservation/seat-reservation-area.js

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

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

@@ -0,0 +1,291 @@
+import { t as e } from "../../seat-reservation-graphic.component-Cm_pVxaB.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 i } from "../seat-reservation-area/seat-reservation-area.component.js";
+import "@sbb-esta/lyne-elements/table.js";
+e.define(), i.define();
+var a = (e) => t`
+    <div class="story-asset">
+      <span class="story-asset__preview">${n(e)}</span>
+    </div>
+  `, 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>
+        <tr>
+          <th scope="col">SVG</th>
+          <th scope="col">Figma</th>
+          <th scope="col">Code</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td>${o("PLACE_BICYCLE_FREE")}</td>
+          <td>Place-Bike: Available</td>
+          <td>PLACE_BICYCLE_FREE</td>
+        </tr>
+        <tr>
+          <td>${o("PLACE_BICYCLE_SELECTED")}</td>
+          <td>Place-Bike: Selected</td>
+          <td>PLACE_BICYCLE_SELECTED</td>
+        </tr>
+        <tr>
+          <td>${o("PLACE_BICYCLE_ALLOCATED")}</td>
+          <td>Place-Bike: Unavailable</td>
+          <td>PLACE_BICYCLE_ALLOCATED</td>
+        </tr>
+        <tr>
+          <td>${o("PLACE_BICYCLE_RESTRICTED")}</td>
+          <td>Place-Bike: Not bookable</td>
+          <td>PLACE_BICYCLE_RESTRICTED</td>
+        </tr>
+        <tr>
+          <td>${o("PLACE_SEAT_FREE")}</td>
+          <td>Place-Seat: Available</td>
+          <td>PLACE_SEAT_FREE</td>
+        </tr>
+        <tr>
+          <td>${o("PLACE_SEAT_SELECTED")}</td>
+          <td>Place-Seat: Selected</td>
+          <td>PLACE_SEAT_SELECTED</td>
+        </tr>
+        <tr>
+          <td>${o("PLACE_SEAT_ALLOCATED")}</td>
+          <td>Place-Seat: Unavailable</td>
+          <td>PLACE_SEAT_ALLOCATED</td>
+        </tr>
+        <tr>
+          <td>${o("PLACE_SEAT_RESTRICTED")}</td>
+          <td>Place-Seat: Not bookable</td>
+          <td>PLACE_SEAT_RESTRICTED</td>
+        </tr>
+      </tbody>
+    </table>
+  </sbb-table-wrapper>
+`}
+  <h2>Layout</h2>
+  ${t`
+  <sbb-table-wrapper>
+    <table class="sbb-table">
+      <thead>
+        <tr>
+          <th scope="col">SVG</th>
+          <th scope="col">Figma</th>
+          <th scope="col">OSDM Code</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td>${o("EASY_ACCESS_AREA")}</td>
+          <td>Easy Access Area</td>
+          <td>EASY_ACCESS_AREA</td>
+        </tr>
+        <tr>
+          <td>${o("ENTRY_EXIT")}</td>
+          <td>Entrance</td>
+          <td>ENTRY_EXIT</td>
+        </tr>
+        <tr>
+          <td>${o("LUGGAGE_AREA")}</td>
+          <td>Luggage</td>
+          <td>LUGGAGE_AREA</td>
+        </tr>
+        <tr>
+          <td>${o("MULTI_FUNCTION_AREA")}</td>
+          <td>Multi Function Area</td>
+          <td>MULTI_FUNCTION_AREA</td>
+        </tr>
+        <tr>
+          <td>${o("PLAYGROUND_AREA")}</td>
+          <td>Playground</td>
+          <td>PLAYGROUND_AREA</td>
+        </tr>
+        <tr>
+          <td>${o("PRAM_AREA")}</td>
+          <td>Pram</td>
+          <td>PRAM_AREA</td>
+        </tr>
+        <tr>
+          <td>${o("SKI_AREA")}</td>
+          <td>Ski</td>
+          <td>SKI_AREA</td>
+        </tr>
+        <tr>
+          <td>${o("STAIR_AREA")}</td>
+          <td>Stair</td>
+          <td>STAIR_AREA</td>
+        </tr>
+        <tr>
+          <td>${o("TOILET_AREA")}</td>
+          <td>Toilet</td>
+          <td>TOILET_AREA</td>
+        </tr>
+        <tr>
+          <td>${o("TOILET_WHEELCHAIR_AREA")}</td>
+          <td>Toilet-Handicap</td>
+          <td>TOILET_WHEELCHAIR_AREA</td>
+        </tr>
+        <tr>
+          <td>${o("WARDROBE_AREA")}</td>
+          <td>Wardrobe</td>
+          <td>WARDROBE_AREA</td>
+        </tr>
+      </tbody>
+    </table>
+  </sbb-table-wrapper>
+`}
+  <h2>Service Icons</h2>
+  ${t`
+  <sbb-table-wrapper>
+    <table aria-label="Available Service Icons" class="sbb-table">
+      <thead>
+        <tr>
+          <th scope="col">SVG</th>
+          <th scope="col">Figma</th>
+          <th scope="col">OSDM Code</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td>${o("BISTRO")}</td>
+          <td>Bistro</td>
+          <td>BISTRO</td>
+        </tr>
+        <tr>
+          <td>${o("BUSINESS")}</td>
+          <td>Business</td>
+          <td>BUSINESS</td>
+        </tr>
+        <tr>
+          <td>${o("PLAYGROUND_ICON")}</td>
+          <td>Family</td>
+          <td>PLAYGROUND_ICON</td>
+        </tr>
+        <tr>
+          <td>${o("LUGGAGE_AREA")}</td>
+          <td>Luggage</td>
+          <td>LUGGAGE_AREA</td>
+        </tr>
+        <tr>
+          <td>${o("PRAM_ICON")}</td>
+          <td>Pram</td>
+          <td>PRAM_ICON</td>
+        </tr>
+        <tr>
+          <td>${o("EASY_ACCESS_AREA")}</td>
+          <td>Easy Access Area</td>
+          <td>EASY_ACCESS_AREA</td>
+        </tr>
+        <tr>
+          <td>${o("RESTAURANT_ICON")}</td>
+          <td>Restaurant</td>
+          <td>RESTAURANT_ICON</td>
+        </tr>
+        <tr>
+          <td>${o("SILENCE_AREA_ICON")}</td>
+          <td>Silence</td>
+          <td>SILENCE_AREA_ICON</td>
+        </tr>
+        <tr>
+          <td>${o("TOILET_AREA")}</td>
+          <td>Toilet</td>
+          <td>TOILET_AREA</td>
+        </tr>
+        <tr>
+          <td>${o("TOILET_WHEELCHAIR_AREA")}</td>
+          <td>Toilet-PRM</td>
+          <td>TOILET_WHEELCHAIR_AREA</td>
+        </tr>
+        <tr>
+          <td>${o("WHEELCHAIR_ICON")}</td>
+          <td>Wheelchair</td>
+          <td>WHEELCHAIR_ICON</td>
+        </tr>
+        <tr>
+          <td>${o("WIFI")}</td>
+          <td>Wifi</td>
+          <td>WIFI</td>
+        </tr>
+      </tbody>
+    </table>
+  </sbb-table-wrapper>
+`}
+  <h2>Chassis</h2>
+  ${t`
+  <sbb-table-wrapper>
+    <table class="sbb-table">
+      <thead>
+        <tr>
+          <th scope="col">SVG</th>
+          <th scope="col">Figma</th>
+          <th scope="col">OSDM Code</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td>${o("DRIVER_AREA_TRAIN")}</td>
+          <td>Driver Area<br />(Dependent on Vehicle-Type: TRAIN)</td>
+          <td>DRIVER_AREA</td>
+        </tr>
+        <tr>
+          <td>${o("DRIVER_AREA_BUS")}</td>
+          <td>Driver Area<br />(Dependent on Vehicle-Type: BUS)</td>
+          <td>DRIVER_AREA</td>
+        </tr>
+        <tr>
+          <td>${o("COMPARTMENT_PASSAGE_HIGH")}</td>
+          <td>Compartment Passage High</td>
+          <td>COMPARTMENT_PASSAGE_HIGH</td>
+        </tr>
+        <tr>
+          <td>${o("COMPARTMENT_PASSAGE")}</td>
+          <td>Compartment Passage</td>
+          <td>COMPARTMENT_PASSAGE</td>
+        </tr>
+        <tr>
+          <td>${o("COMPARTMENT_PASSAGE_LOW")}</td>
+          <td>Compartment Passage Low</td>
+          <td>COMPARTMENT_PASSAGE_LOW</td>
+        </tr>
+        <tr>
+          <td>${o("COACH_PASSAGE")}</td>
+          <td>Coach Passage</td>
+          <td>COACH_PASSAGE</td>
+        </tr>
+        <tr>
+          <td>${o("COMPARTMENT_WALL")}</td>
+          <td>Compartment Wall</td>
+          <td>COMPARTMENT_WALL</td>
+        </tr>
+        <tr>
+          <td>
+            <sbb-seat-reservation-area
+              style="--sbb-seat-reservation-area-width: 100; --sbb-seat-reservation-area-height: 50; align-self: center;
+          background: var(--sbb-color-milk)"
+            ></sbb-seat-reservation-area>
+          </td>
+          <td>Table Restaurant<br />(Will be rendered as CSS)</td>
+          <td>TABLE_RESTAURANT</td>
+        </tr>
+        <tr>
+          <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>
+`}
+`;
+//#endregion
+export { s as assetsTemplate, o as svgImageByOSDMCode };

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

@@ -0,0 +1,2 @@
+import { t as e } from "../../seat-reservation-graphic.component-Cm_pVxaB.js";
+export { e as SbbSeatReservationGraphicElement };

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

@@ -0,0 +1,4 @@
+import { t as e } from "../seat-reservation-graphic.component-Cm_pVxaB.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 };

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

@@ -0,0 +1,2 @@
+import { t as e } from "../../seat-reservation-navigation-coach.component-sug9IBTH.js";
+export { e as SbbSeatReservationNavigationCoachElement };

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

@@ -0,0 +1,4 @@
+import { t as e } from "../seat-reservation-navigation-coach.component-sug9IBTH.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

@@ -0,0 +1,2 @@
+import { t as e } from "../../seat-reservation-navigation-services.component-C9dDYD_M.js";
+export { e as SbbSeatReservationNavigationServicesElement };

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

@@ -0,0 +1,4 @@
+import { t as e } from "../seat-reservation-navigation-services.component-C9dDYD_M.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

@@ -0,0 +1,2 @@
+import { t as e } from "../../seat-reservation-place-control.component-CE7d9M2b.js";
+export { e as SbbSeatReservationPlaceControlElement };

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

@@ -0,0 +1,4 @@
+import { t as e } from "../seat-reservation-place-control.component-CE7d9M2b.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 };

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

@@ -0,0 +1,2 @@
+import { t as e } from "../../seat-reservation-scoped.component-DVyP2JGE.js";
+export { e as SbbSeatReservationScopedElement };

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

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

package/seat-reservation/seat-reservation.js

@@ -0,0 +1,5 @@
+import { SeatReservationBaseElement as e } from "./seat-reservation/seat-reservation-base-element.js";
+import { t } from "../seat-reservation.component-DajC6fqU.js";
+t.define(), console.warn("The entrypoint '@sbb-esta/elements-experimental/seat-reservation/seat-reservation.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 { t as SbbSeatReservationElement, e as SeatReservationBaseElement };

package/seat-reservation-area.component-CtYawDjE.js

@@ -0,0 +1,75 @@
+import { __esDecorate as e, __runInitializers as t } from "tslib";
+import { SbbElement as n } from "@sbb-esta/lyne-elements/core/base-elements.js";
+import { forceType as r } from "@sbb-esta/lyne-elements/core/decorators.js";
+import { boxSizingStyles as i } from "@sbb-esta/lyne-elements/core/styles.js";
+import { html as a, unsafeCSS as o } from "lit";
+import { property as s } from "lit/decorators.js";
+//#region src/elements-experimental/seat-reservation/seat-reservation-area/seat-reservation-area.scss?inline
+var c = ":host{--sbb-seat-reservation-area-border-radius: var(--sbb-border-width-4x);--sbb-seat-reservation-area-rotation: 0;display:flex;justify-content:center;align-items:center;height:calc(var(--sbb-seat-reservation-area-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem));width:calc(var(--sbb-seat-reservation-area-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem));border:var(--sbb-border-width-1x) solid var(--sbb-color-graphite);border:var(--sbb-border-width-1x) solid light-dark(var(--sbb-color-graphite),var(--sbb-color-granite));border-radius:var(--sbb-seat-reservation-area-border-radius);position:absolute;inset-block-start:calc(var(--sbb-seat-reservation-area-top) * var(--sbb-seat-reservation-one-px-rem, .0625rem));inset-inline-start:calc(var(--sbb-seat-reservation-area-left) * var(--sbb-seat-reservation-one-px-rem, .0625rem));rotate:calc(var(--sbb-seat-reservation-area-rotation) * 1deg);line-height:normal;background-color:var(--sbb-background-color-2)}:host([background=dark]){background-color:var(--sbb-color-milk);background-color:light-dark(var(--sbb-color-milk),var(--sbb-color-iron))}:host([mounting=upper-border]){border-block-start-width:0;border-radius:0 0 var(--sbb-seat-reservation-area-border-radius) var(--sbb-seat-reservation-area-border-radius)}:host([mounting=lower-border]){border-block-end-width:0;border-radius:var(--sbb-seat-reservation-area-border-radius) var(--sbb-seat-reservation-area-border-radius) 0 0}:host([mounting=upper-to-lower-border]){border-block-start:none;border-block-end:none;border-radius:0}:host(.sbb-seat-reservation-area--cursor-pointer){cursor:var(--sbb-cursor-pointer)}", l = (() => {
+	let l = n, u, d = [], f = [], p, m = [], h = [];
+	return class extends l {
+		static {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(l[Symbol.metadata] ?? null) : void 0;
+			u = [r(), s({ reflect: !0 })], p = [r(), s({ reflect: !0 })], e(this, null, u, {
+				kind: "accessor",
+				name: "mounting",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "mounting" in e,
+					get: (e) => e.mounting,
+					set: (e, t) => {
+						e.mounting = t;
+					}
+				},
+				metadata: t
+			}, d, f), e(this, null, p, {
+				kind: "accessor",
+				name: "background",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "background" in e,
+					get: (e) => e.background,
+					set: (e, t) => {
+						e.background = t;
+					}
+				},
+				metadata: t
+			}, m, h), t && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: t
+			});
+		}
+		static {
+			this.elementName = "sbb-seat-reservation-area";
+		}
+		static {
+			this.styles = [i, o(c)];
+		}
+		#e = t(this, d, "free");
+		get mounting() {
+			return this.#e;
+		}
+		set mounting(e) {
+			this.#e = e;
+		}
+		#t = (t(this, f), t(this, m, "light"));
+		get background() {
+			return this.#t;
+		}
+		set background(e) {
+			this.#t = e;
+		}
+		render() {
+			return a`<slot></slot>`;
+		}
+		constructor() {
+			super(...arguments), t(this, h);
+		}
+	};
+})();
+//#endregion
+export { l as t };

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

@@ -0,0 +1,102 @@
+import { __esDecorate as e, __runInitializers as t } from "tslib";
+import { SbbElement as n } from "@sbb-esta/lyne-elements/core/base-elements.js";
+import { SbbLanguageController as r } from "@sbb-esta/lyne-elements/core/controllers.js";
+import { forceType as i } from "@sbb-esta/lyne-elements/core/decorators.js";
+import { boxSizingStyles as a } from "@sbb-esta/lyne-elements/core/styles.js";
+import "@sbb-esta/lyne-elements/icon.js";
+import { html as o, isServer as s, unsafeCSS as c } from "lit";
+import { property as l } from "lit/decorators.js";
+import { mapIconToSvg as u } from "./seat-reservation/common/mapper.js";
+import { classMap as d } from "lit/directives/class-map.js";
+import { getI18nSeatReservation as f } from "./seat-reservation/common/translations.js";
+//#region src/elements-experimental/seat-reservation/seat-reservation-graphic/seat-reservation-graphic.scss?inline
+var p = ":host{--sbb-seat-reservation-graphic-max-width: auto;--sbb-seat-reservation-graphic-max-height: auto;--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-padding-percent: 1;--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-sr-graphic__dimension--square-dim){--sbb-icon-svg-width: min(min(var(--sbb-seat-reservation-graphic-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem), var(--sbb-seat-reservation-graphic-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) * var(--sbb-seat-reservation-graphic-padding-percent), min(var(--sbb-seat-reservation-graphic-max-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem), var(--sbb-seat-reservation-graphic-max-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem)));--sbb-icon-svg-height: min(min(var(--sbb-seat-reservation-graphic-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem), var(--sbb-seat-reservation-graphic-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) * var(--sbb-seat-reservation-graphic-padding-percent), min(var(--sbb-seat-reservation-graphic-max-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem), var(--sbb-seat-reservation-graphic-max-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem)));width:min(min(var(--sbb-seat-reservation-graphic-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem),var(--sbb-seat-reservation-graphic-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) * var(--sbb-seat-reservation-graphic-padding-percent),min(var(--sbb-seat-reservation-graphic-max-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem),var(--sbb-seat-reservation-graphic-max-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem)));height:min(min(var(--sbb-seat-reservation-graphic-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem),var(--sbb-seat-reservation-graphic-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem)) * var(--sbb-seat-reservation-graphic-padding-percent),min(var(--sbb-seat-reservation-graphic-max-width) * var(--sbb-seat-reservation-one-px-rem, .0625rem),var(--sbb-seat-reservation-graphic-max-height) * var(--sbb-seat-reservation-one-px-rem, .0625rem)))}: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}}", m = (() => {
+	let m = n, h, g = [], _ = [], v, y = [], b = [];
+	return class extends m {
+		constructor() {
+			super(...arguments), this.#e = t(this, g, ""), this.#t = (t(this, _), t(this, y, !1)), this._language = (t(this, b), new r(this));
+		}
+		static {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(m[Symbol.metadata] ?? null) : void 0;
+			h = [i(), l({ attribute: "name" })], v = [i(), l({
+				attribute: "stretch",
+				type: Boolean
+			})], e(this, null, h, {
+				kind: "accessor",
+				name: "name",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "name" in e,
+					get: (e) => e.name,
+					set: (e, t) => {
+						e.name = t;
+					}
+				},
+				metadata: t
+			}, g, _), e(this, null, v, {
+				kind: "accessor",
+				name: "stretch",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "stretch" in e,
+					get: (e) => e.stretch,
+					set: (e, t) => {
+						e.stretch = t;
+					}
+				},
+				metadata: t
+			}, y, b), t && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: t
+			});
+		}
+		static {
+			this.elementName = "sbb-seat-reservation-graphic";
+		}
+		static {
+			this.styles = [a, c(p)];
+		}
+		#e;
+		get name() {
+			return this.#e;
+		}
+		set name(e) {
+			this.#e = e;
+		}
+		#t;
+		get stretch() {
+			return this.#t;
+		}
+		set stretch(e) {
+			this.#t = e;
+		}
+		render() {
+			let e = u[this.name];
+			return !e?.svg && !e?.svgName ? null : o`<span
+      class="${d({
+				"sbb-sr-icon": !!e.svgName,
+				"sbb-sr-graphic": !!e.svg
+			})}"
+    >
+      ${e.svgName ? o` <sbb-icon
+            name="${e.svgName || ""}"
+            aria-hidden="false"
+            aria-label="${f(e.svgName, this._language.current)}"
+          ></sbb-icon>` : o`${this._getSvgElement(e.svg)}`}
+    </span>`;
+		}
+		_getSvgElement(e) {
+			if (!s) {
+				let t = new DOMParser(), n = e || "<svg></svg>", r = t.parseFromString(n, "image/svg+xml").firstElementChild;
+				return this.stretch && r?.nodeName.toLowerCase() === "svg" && r.setAttribute("preserveAspectRatio", "none"), r;
+			}
+			return null;
+		}
+	};
+})();
+//#endregion
+export { m as t };