@sbb-esta/lyne-elements-experimental 4.11.0 → 5.0.0-next

package/{pearl-chain-vertical-item.component-BUqZ-3Ay.js → pearl-chain-vertical-item.component-BynmUBXa.js}

@@ -1,7 +1,5 @@
 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 { SbbElement as n, boxSizingStyles as r, forceType as i } from "@sbb-esta/lyne-elements/core.js";
 import { html as a, nothing as o, unsafeCSS as s } from "lit";
 import { property as c } from "lit/decorators.js";
 import { styleMap as l } from "lit/directives/style-map.js";
@@ -14,7 +12,7 @@ var u = ":host{--sbb-pearl-chain-position-color: var(--sbb-color-primary);--sbb-
 			f = [c({
 				attribute: "pearl-chain-vertical-item-attributes",
 				type: Object
-			})], h = [r(), c({
+			})], h = [i(), c({
 				attribute: "disable-animation",
 				reflect: !0,
 				type: Boolean
@@ -55,7 +53,7 @@ var u = ":host{--sbb-pearl-chain-position-color: var(--sbb-color-primary);--sbb-
 			this.elementName = "sbb-pearl-chain-vertical-item";
 		}
 		static {
-			this.styles = [i, s(u)];
+			this.styles = [r, s(u)];
 		}
 		#e = t(this, p, null);
 		get pearlChainVerticalItemAttributes() {

package/pearl-chain-vertical-item.js

@@ -1,4 +1,4 @@
-import { t as e } from "./pearl-chain-vertical-item.component-BUqZ-3Ay.js";
+import { t as e } from "./pearl-chain-vertical-item.component-BynmUBXa.js";
 import "./pearl-chain-vertical-item.pure.js";
 //#region src/elements-experimental/pearl-chain-vertical-item.ts
 e.define();

package/pearl-chain-vertical-item.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./pearl-chain-vertical-item.component-BUqZ-3Ay.js";
+import { t as e } from "./pearl-chain-vertical-item.component-BynmUBXa.js";
 export { e as SbbPearlChainVerticalItemElement };

package/{pearl-chain-vertical.component-Df9CvRxo.js → pearl-chain-vertical.component-Lx47SlJU.js}

@@ -1,5 +1,4 @@
-import { SbbElement as e } from "@sbb-esta/lyne-elements/core/base-elements.js";
-import { boxSizingStyles as t } from "@sbb-esta/lyne-elements/core/styles.js";
+import { SbbElement as e, boxSizingStyles as t } from "@sbb-esta/lyne-elements/core.js";
 import { html as n, unsafeCSS as r } from "lit";
 //#region src/elements-experimental/pearl-chain-vertical/pearl-chain-vertical.scss?inline
 var i = ":host{--sbb-pearl-chain-vertical-width: 100%;display:block}.sbb-pearl-chain-vertical{display:table;width:var(--sbb-pearl-chain-vertical-width)}", a = class extends e {

package/pearl-chain-vertical.js

@@ -1,4 +1,4 @@
-import { t as e } from "./pearl-chain-vertical.component-Df9CvRxo.js";
+import { t as e } from "./pearl-chain-vertical.component-Lx47SlJU.js";
 import "./pearl-chain-vertical.pure.js";
 //#region src/elements-experimental/pearl-chain-vertical.ts
 e.define();

package/pearl-chain-vertical.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./pearl-chain-vertical.component-Df9CvRxo.js";
+import { t as e } from "./pearl-chain-vertical.component-Lx47SlJU.js";
 export { e as SbbPearlChainVerticalElement };

package/{pearl-chain.component-CpISVoAu.js → pearl-chain.component-BAtmfmpA.js}

@@ -1,14 +1,10 @@
 import { t as e } from "./toDate-p-Tpkb7t.js";
 import { r as t, t as n } from "./differenceInMinutes-Dr9gRqtu.js";
 import { __esDecorate as r, __runInitializers as i } from "tslib";
-import { SbbElement as a } from "@sbb-esta/lyne-elements/core/base-elements.js";
-import { forceType as o } from "@sbb-esta/lyne-elements/core/decorators.js";
-import { boxSizingStyles as s } from "@sbb-esta/lyne-elements/core/styles.js";
-import { html as c, nothing as l, unsafeCSS as u } from "lit";
-import { defaultDateAdapter as d } from "@sbb-esta/lyne-elements/core/datetime.js";
+import { SbbElement as a, boxSizingStyles as o, defaultDateAdapter as s, forceType as c } from "@sbb-esta/lyne-elements/core.js";
+import { html as l, nothing as u, unsafeCSS as d } from "lit";
 import { property as f } from "lit/decorators.js";
-import { removeTimezoneFromISOTimeString as p } from "./core/datetime.js";
-import { isRideLeg as m } from "./core/timetable.js";
+import { isRideLeg as p, removeTimezoneFromISOTimeString as m } from "./core.js";
 import { styleMap as h } from "lit/directives/style-map.js";
 //#region node_modules/date-fns/isAfter.js
 function g(t, n) {
@@ -29,7 +25,7 @@ var v = ":host{--sbb-pearl-chain-height: var(--sbb-border-width-2x);--sbb-pearl-
 		}
 		static {
 			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
-			b = [f({ type: Array })], C = [o(), f({
+			b = [f({ type: Array })], C = [c(), f({
 				attribute: "disable-animation",
 				type: Boolean
 			})], E = [f()], r(this, null, b, {
@@ -81,7 +77,7 @@ var v = ":host{--sbb-pearl-chain-height: var(--sbb-border-width-2x);--sbb-pearl-
 			this.elementName = "sbb-pearl-chain";
 		}
 		static {
-			this.styles = [s, u(v)];
+			this.styles = [o, d(v)];
 		}
 		#e;
 		get legs() {
@@ -98,24 +94,24 @@ var v = ":host{--sbb-pearl-chain-height: var(--sbb-border-width-2x);--sbb-pearl-
 			this.#t = e;
 		}
 		set now(e) {
-			this._now = d.getValidDateOrNull(d.deserialize(e));
+			this._now = s.getValidDateOrNull(s.deserialize(e));
 		}
 		get now() {
 			return this._now;
 		}
 		_getAllDuration(e) {
 			return e?.reduce((e, t) => {
-				let r = p(t.arrival?.time), i = p(t.departure?.time);
-				return r && i ? e + n(p(t.arrival.time), p(t.departure.time)) : e;
+				let r = m(t.arrival?.time), i = m(t.departure?.time);
+				return r && i ? e + n(m(t.arrival.time), m(t.departure.time)) : e;
 			}, 0);
 		}
 		_isAllCancelled(e) {
 			return e?.every((e) => e?.serviceJourney?.serviceAlteration?.cancelled);
 		}
 		_getRelativeDuration(e, t) {
-			let r = p(t.arrival?.time), i = p(t.departure?.time);
+			let r = m(t.arrival?.time), i = m(t.departure?.time);
 			if (r && i) {
-				let r = n(p(t.arrival.time), p(t.departure.time)), i = this._getAllDuration(e);
+				let r = n(m(t.arrival.time), m(t.departure.time)), i = this._getAllDuration(e);
 				return i === 0 ? 100 : r / i * 100;
 			}
 			return 0;
@@ -136,50 +132,50 @@ var v = ":host{--sbb-pearl-chain-height: var(--sbb-border-width-2x);--sbb-pearl-
 				"--sbb-pearl-chain-status-position": `${r}%`,
 				...r >= 50 ? { transform: "translateX(-100%)" } : {}
 			}), a = this.disableAnimation ? "sbb-pearl-chain__position--no-animation" : "";
-			return c`<span
+			return l`<span
       style=${h(i())}
       class="sbb-pearl-chain__position ${a}"
     ></span>`;
 		}
 		render() {
-			let e = this.now ?? /* @__PURE__ */ new Date(), t = this.legs?.filter((e) => m(e)), n = t?.length && p(t[0]?.departure?.time), r = n && {
+			let e = this.now ?? /* @__PURE__ */ new Date(), t = this.legs?.filter((e) => p(e)), n = t?.length && m(t[0]?.departure?.time), r = n && {
 				time: n,
 				delay: t[0].departure.delay ?? 0
-			}, i = t?.length && p(t[t.length - 1].arrival?.time), a = i && {
+			}, i = t?.length && m(t[t.length - 1].arrival?.time), a = i && {
 				time: i,
 				delay: t[t.length - 1]?.arrival.delay ?? 0
 			}, o = t && t[0]?.serviceJourney?.stopPoints && t[0]?.serviceJourney?.stopPoints[0].stopStatus === "NOT_SERVICED" ? "sbb-pearl-chain--departure-skipped" : "", s = (() => {
 				let e = t && t[t.length - 1], n = e && e.serviceJourney?.stopPoints;
 				return n && n[n.length - 1].stopStatus === "NOT_SERVICED" ? "sbb-pearl-chain--arrival-skipped" : "";
-			})(), u = t && t[0]?.serviceJourney?.serviceAlteration?.cancelled ? "sbb-pearl-chain--departure-disruption" : "", d = t && t[t.length - 1]?.serviceJourney?.serviceAlteration?.cancelled ? "sbb-pearl-chain--arrival-disruption" : "", f = r && a && this._getStatus(e, r, a), g = t && f && !u ? "sbb-pearl-chain__bullet--" + f : "", _ = t && f && !d ? "sbb-pearl-chain__bullet--" + this._getStatus(e, void 0, a) : "";
-			return this._isAllCancelled(t) ? c`
+			})(), c = t && t[0]?.serviceJourney?.serviceAlteration?.cancelled ? "sbb-pearl-chain--departure-disruption" : "", d = t && t[t.length - 1]?.serviceJourney?.serviceAlteration?.cancelled ? "sbb-pearl-chain--arrival-disruption" : "", f = r && a && this._getStatus(e, r, a), g = t && f && !c ? "sbb-pearl-chain__bullet--" + f : "", _ = t && f && !d ? "sbb-pearl-chain__bullet--" + this._getStatus(e, void 0, a) : "";
+			return this._isAllCancelled(t) ? l`
         <div class="sbb-pearl-chain">
           <span class="sbb-pearl-chain__bullet sbb-pearl-chain--departure-disruption"></span>
           <div class="sbb-pearl-chain__leg sbb-pearl-chain__leg--disruption"></div>
           <span class="sbb-pearl-chain__bullet sbb-pearl-chain--departure-disruption"></span>
         </div>
-      ` : c`
+      ` : l`
       <div class="sbb-pearl-chain">
         <span
-          class="sbb-pearl-chain__bullet ${g} ${o} ${u}"
+          class="sbb-pearl-chain__bullet ${g} ${o} ${c}"
         ></span>
         ${t?.map((n, r) => {
-				let { stopPoints: i, serviceAlteration: a } = n?.serviceJourney || {}, o = this._getRelativeDuration(t, n), s = p(n.departure?.time), u = p(n.arrival?.time), d = i && i[i.length - 1]?.stopStatus === "NOT_SERVICED", f = i && i[i.length - 1]?.stopStatus === "PLANNED", m = i && i[0]?.stopStatus === "NOT_SERVICED", g = r > 0 && t[r - 1].serviceJourney.stopPoints, _ = g && g[g.length - 1]?.stopStatus === "NOT_SERVICED", v = d || m && f ? "sbb-pearl-chain__leg--skipped" : "", y = m || _ ? "sbb-pearl-chain__stop--departure-skipped" : "", b = a?.cancelled || a?.partiallyCancelled ? "sbb-pearl-chain__leg--disruption" : "", x = {
+				let { stopPoints: i, serviceAlteration: a } = n?.serviceJourney || {}, o = this._getRelativeDuration(t, n), s = m(n.departure?.time), c = m(n.arrival?.time), d = i && i[i.length - 1]?.stopStatus === "NOT_SERVICED", f = i && i[i.length - 1]?.stopStatus === "PLANNED", p = i && i[0]?.stopStatus === "NOT_SERVICED", g = r > 0 && t[r - 1].serviceJourney.stopPoints, _ = g && g[g.length - 1]?.stopStatus === "NOT_SERVICED", v = d || p && f ? "sbb-pearl-chain__leg--skipped" : "", y = p || _ ? "sbb-pearl-chain__stop--departure-skipped" : "", b = a?.cancelled || a?.partiallyCancelled ? "sbb-pearl-chain__leg--disruption" : "", x = {
 					time: s,
 					delay: n.departure?.delay ?? 0
 				}, S = {
-					time: u,
+					time: c,
 					delay: n.arrival?.delay ?? 0
 				}, C = this._getStatus(e, x, S);
-				return c` <div
+				return l` <div
             class="sbb-pearl-chain__leg ${!b && !v && "sbb-pearl-chain__leg--" + C || ""} ${b} ${v}"
             style=${h({
 					"--sbb-pearl-chain-leg-width": `${o}%`,
 					...C === "progress" && !b && !v ? { "--sbb-pearl-chain-leg-status": `${this._getProgress(e, x, S)}%` } : {}
 				})}
           >
-            ${r > 0 && r < t.length ? c`<span class="sbb-pearl-chain__stop ${y}"></span>` : l}
-            ${C === "progress" && !b && !v ? this._renderPosition(e, x, S) : l}
+            ${r > 0 && r < t.length ? l`<span class="sbb-pearl-chain__stop ${y}"></span>` : u}
+            ${C === "progress" && !b && !v ? this._renderPosition(e, x, S) : u}
           </div>`;
 			})}
         <span

package/pearl-chain.js

@@ -1,4 +1,4 @@
-import { t as e } from "./pearl-chain.component-CpISVoAu.js";
+import { t as e } from "./pearl-chain.component-BAtmfmpA.js";
 import "./pearl-chain.pure.js";
 //#region src/elements-experimental/pearl-chain.ts
 e.define();

package/pearl-chain.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./pearl-chain.component-CpISVoAu.js";
+import { t as e } from "./pearl-chain.component-BAtmfmpA.js";
 export { e as SbbPearlChainElement };

package/seat-reservation/seat-reservation/seat-reservation-base-element.js

@@ -1,8 +1,6 @@
 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 { isServer as i } from "lit";
-import { isArrowKeyOrPageKeysPressed as a } from "@sbb-esta/lyne-elements/core/a11y.js";
+import { SbbElement as n, forceType as r, isArrowKeyOrPageKeysPressed as i } from "@sbb-esta/lyne-elements/core.js";
+import { isServer as a } from "lit";
 import { eventOptions as ee, property as o, state as s } from "lit/decorators.js";
 import { mapCoachInfosToCoachSelection as te, mapIconToSvg as c, mapPlaceAndCoachToSeatReservationPlaceSelection as ne, mapPlaceInfosToPlaceSelection as re } from "../common/mapper.js";
 //#region src/elements-experimental/seat-reservation/seat-reservation/seat-reservation-base-element.ts
@@ -448,7 +446,7 @@ var ie = 3, ae = [
 				this._handleTabKeyNavigation(e, "navigation", t);
 				return;
 			}
-			a(e) && this.keyboardSeatmapEventHandling(e);
+			i(e) && this.keyboardSeatmapEventHandling(e);
 		}
 		_handleTabKeyNavigation(e, t, n) {
 			let r = e.key, i = e.shiftKey;
@@ -462,7 +460,7 @@ var ie = 3, ae = [
 				this._handleTabKeyNavigation(e, "seatmap");
 				return;
 			}
-			if (this.currSelectedCoachIndex !== -1 && a(e)) switch (e.preventDefault(), r) {
+			if (this.currSelectedCoachIndex !== -1 && i(e)) switch (e.preventDefault(), r) {
 				case this.keyboardNavigationEvents.ArrowLeft:
 					{
 						let e = this.alignVertical ? this.keyboardNavigationEvents.ArrowDown : r;
@@ -747,7 +745,7 @@ var ie = 3, ae = [
 			this.currSelectedPlaceElementId = e ? this.getPlaceElementId(this.currSelectedDeckIndex, this.currSelectedCoachIndex, e.number) : null;
 		}
 		_determineBaseFontSize() {
-			if (!i) {
+			if (!a) {
 				let e = 1 / parseInt(window.getComputedStyle(document.body).fontSize, 10);
 				this.style?.setProperty("--sbb-seat-reservation-one-px-rem", `${e + "rem"}`);
 			}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/{seat-reservation-area.component-CtYawDjE.js → seat-reservation-area.component-CVc6uuMG.js}

@@ -1,7 +1,5 @@
 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 { SbbElement as n, boxSizingStyles as r, forceType as i } from "@sbb-esta/lyne-elements/core.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
@@ -10,7 +8,7 @@ var c = ":host{--sbb-seat-reservation-area-border-radius: var(--sbb-border-width
 	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, {
+			u = [i(), s({ reflect: !0 })], p = [i(), s({ reflect: !0 })], e(this, null, u, {
 				kind: "accessor",
 				name: "mounting",
 				static: !1,
@@ -47,7 +45,7 @@ var c = ":host{--sbb-seat-reservation-area-border-radius: var(--sbb-border-width
 			this.elementName = "sbb-seat-reservation-area";
 		}
 		static {
-			this.styles = [i, o(c)];
+			this.styles = [r, o(c)];
 		}
 		#e = t(this, d, "free");
 		get mounting() {

package/{seat-reservation-graphic.component-Cm_pVxaB.js → seat-reservation-graphic.component-Dzkv9tyR.js}

@@ -1,27 +1,24 @@
 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 { SbbElement as n, SbbLanguageController as r, boxSizingStyles as i, forceType as a } from "@sbb-esta/lyne-elements/core.js";
+import { SbbIconElement as o } from "@sbb-esta/lyne-elements/icon.pure.js";
+import { html as s, isServer as c, unsafeCSS as l } from "lit";
+import { property as u } from "lit/decorators.js";
 import { classMap as d } from "lit/directives/class-map.js";
-import { getI18nSeatReservation as f } from "./seat-reservation/common/translations.js";
+import { mapIconToSvg as f } from "./seat-reservation/common/mapper.js";
+import { getI18nSeatReservation as p } 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 {
+var m = ":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}}", h = (() => {
+	let h = n, g, _ = [], v = [], y, b = [], x = [];
+	return class extends h {
 		constructor() {
-			super(...arguments), this.#e = t(this, g, ""), this.#t = (t(this, _), t(this, y, !1)), this._language = (t(this, b), new r(this));
+			super(...arguments), this.#e = t(this, _, ""), this.#t = (t(this, v), t(this, b, !1)), this._language = (t(this, x), 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({
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(h[Symbol.metadata] ?? null) : void 0;
+			g = [a(), u({ attribute: "name" })], y = [a(), u({
 				attribute: "stretch",
 				type: Boolean
-			})], e(this, null, h, {
+			})], e(this, null, g, {
 				kind: "accessor",
 				name: "name",
 				static: !1,
@@ -34,7 +31,7 @@ var p = ":host{--sbb-seat-reservation-graphic-max-width: auto;--sbb-seat-reserva
 					}
 				},
 				metadata: t
-			}, g, _), e(this, null, v, {
+			}, _, v), e(this, null, y, {
 				kind: "accessor",
 				name: "stretch",
 				static: !1,
@@ -47,7 +44,7 @@ var p = ":host{--sbb-seat-reservation-graphic-max-width: auto;--sbb-seat-reserva
 					}
 				},
 				metadata: t
-			}, y, b), t && Object.defineProperty(this, Symbol.metadata, {
+			}, b, x), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -58,7 +55,10 @@ var p = ":host{--sbb-seat-reservation-graphic-max-width: auto;--sbb-seat-reserva
 			this.elementName = "sbb-seat-reservation-graphic";
 		}
 		static {
-			this.styles = [a, c(p)];
+			this.elementDependencies = [o];
+		}
+		static {
+			this.styles = [i, l(m)];
 		}
 		#e;
 		get name() {
@@ -75,22 +75,22 @@ var p = ":host{--sbb-seat-reservation-graphic-max-width: auto;--sbb-seat-reserva
 			this.#t = e;
 		}
 		render() {
-			let e = u[this.name];
-			return !e?.svg && !e?.svgName ? null : o`<span
+			let e = f[this.name];
+			return !e?.svg && !e?.svgName ? null : s`<span
       class="${d({
 				"sbb-sr-icon": !!e.svgName,
 				"sbb-sr-graphic": !!e.svg
 			})}"
     >
-      ${e.svgName ? o` <sbb-icon
+      ${e.svgName ? s` <sbb-icon
             name="${e.svgName || ""}"
             aria-hidden="false"
-            aria-label="${f(e.svgName, this._language.current)}"
-          ></sbb-icon>` : o`${this._getSvgElement(e.svg)}`}
+            aria-label="${p(e.svgName, this._language.current)}"
+          ></sbb-icon>` : s`${this._getSvgElement(e.svg)}`}
     </span>`;
 		}
 		_getSvgElement(e) {
-			if (!s) {
+			if (!c) {
 				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;
 			}
@@ -99,4 +99,4 @@ var p = ":host{--sbb-seat-reservation-graphic-max-width: auto;--sbb-seat-reserva
 	};
 })();
 //#endregion
-export { m as t };
+export { h as t };