@sbb-esta/lyne-elements-dev 5.0.0-next.1-dev.1777358786 → 5.0.0-next.1-dev.1777393579

package/train-wagon-common-DTN_G78z.js

@@ -0,0 +1,354 @@
+import { SbbTrainFormationOrientationMixin as e } from "./train/train-formation-orientation-mixin.js";
+import { __esDecorate as t, __runInitializers as n } from "tslib";
+import { isServer as r, nothing as i, unsafeCSS as a } from "lit";
+import { property as o, state as s } from "lit/decorators.js";
+import { SbbLanguageController as c, SbbNamedSlotListMixin as l, SbbPropertyWatcherController as ee, boxSizingStyles as te, forceType as u, handleDistinctChange as d, i18nAdditionalWagonInformationHeading as f, i18nAnd as p, i18nBlockedPassage as m, i18nClass as h, i18nClosedCompartmentLabel as g, i18nCouchetteWagonLabel as _, i18nLocomotiveLabel as v, i18nRestaurantWagonLabel as ne, i18nSector as re, i18nSleepingWagonLabel as ie, i18nWagonLabel as ae, i18nWagonLabelNumber as oe, omitEmptyConverter as y } from "./core.js";
+import { html as b } from "lit/static-html.js";
+import { SbbDividerElement as x } from "./divider.pure.js";
+import { SbbIconElement as S } from "./icon.pure.js";
+import { SbbTimetableOccupancyIconElement as C } from "./timetable-occupancy-icon.pure.js";
+import { when as w } from "lit/directives/when.js";
+//#region src/elements/train/train-wagon-common.scss?inline
+var T = ":host{--sbb-train-wagon-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );display:block;font-size:var(--sbb-train-wagon-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);outline:none!important}:host([wagon-type=closed]){--sbb-train-wagon-crossed-shape-display: block}@media(forced-colors:active){:host([wagon-type=closed]){--sbb-train-wagon-shape-color: GrayText}}:host(:is(:state(view-side),[state--view-side])[wagon-type=wagon-end-left]){--sbb-train-wagon-padding-inline: var(--sbb-spacing-fixed-4x) var(--sbb-spacing-fixed-3x)}:host(:is(:state(view-side),[state--view-side])[wagon-type=wagon-end-right]){--sbb-train-wagon-padding-inline: var(--sbb-spacing-fixed-3x) var(--sbb-spacing-fixed-4x)}:host(:is(:state(view-side),[state--view-side])[wagon-type=locomotive]){--sbb-train-wagon-padding-inline: var(--sbb-spacing-fixed-4x)}:host(:is(:state(view-top),[state--view-top])){--sbb-train-wagon-border-radius: var(--sbb-border-radius-4x)}:host([label]){--_sbb-train-wagon-attributes-max-width: var(--sbb-train-wagon-attributes-max-width)}:host(:not([label])){--_sbb-train-wagon-attributes-justify-content: center}:host(.sbb-active){--sbb-train-wagon-border-width: var(--sbb-border-width-3x)}:host(:is(:state(action),[state--action])){cursor:var(--sbb-cursor-pointer)}@media(forced-colors:active){:host(:is(:state(link),[state--link])){--sbb-train-wagon-shape-color: LinkText}}.sbb-train-wagon-link{outline:none;color:inherit;text-decoration:none}.sbb-train-wagon{display:flex;flex-direction:var(--_sbb-train-formation-flex-direction-inverted);align-items:center;width:var(--_sbb-train-formation-wagon-width);gap:var(--sbb-train-wagon-vertical-gap);position:relative}:host(:is(:state(orientation-vertical),[state--orientation-vertical])) .sbb-train-wagon{width:auto;height:var(--_sbb-train-formation-wagon-height)}.sbb-train-wagon:before{content:\"\";position:absolute;width:var(--_sbb-train-formation-wagon-width);height:var(--_sbb-train-formation-wagon-height);border-radius:var(--sbb-train-wagon-border-radius)}:host(:is(:state(button),[state--button]):focus-visible) .sbb-train-wagon:before,.sbb-train-wagon-link:focus-visible .sbb-train-wagon:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}.sbb-train-wagon__compartment{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-direction:var(--_sbb-train-formation-flex-direction);justify-content:center;padding-inline:var(--sbb-train-wagon-padding-inline);-webkit-mask-image:var(--_sbb-train-wagon-clip-shape-compartment);mask-image:var(--_sbb-train-wagon-clip-shape-compartment);transition:background-color var(--sbb-train-wagon-transition-duration) var(--sbb-animation-easing)}@media(any-hover:hover){:host(:is(:state(action),[state--action]):hover) .sbb-train-wagon__compartment{background-color:var(--sbb-train-wagon-background-color-hover)}}:host(:is(:state(action),[state--action]):is(:active,:is(:state(active),[state--active]))) .sbb-train-wagon__compartment{background-color:var(--sbb-train-wagon-background-color-active)}.sbb-train-wagon__compartment:has(.sbb-train-wagon__occupancy):has(.sbb-train-wagon__class){justify-content:space-between}:host(:is(:state(orientation-vertical),[state--orientation-vertical])) .sbb-train-wagon__compartment{padding-inline:0;padding-block:var(--sbb-train-wagon-padding-inline)}.sbb-train-wagon__compartment,.sbb-train-wagon__main-icon{width:var(--_sbb-train-formation-wagon-width);height:var(--_sbb-train-formation-wagon-height)}.sbb-train-wagon__shape{position:absolute;inset:0;width:var(--sbb-train-formation-wagon-dimension-long);height:var(--sbb-train-formation-wagon-dimension-short);transform-origin:0 0;will-change:transform}:host(:is(:state(orientation-vertical),[state--orientation-vertical])) .sbb-train-wagon__shape{rotate:-90deg;transform:scaleX(-1)}.sbb-train-wagon__shape{-webkit-mask-image:var(--_sbb-train-wagon-clip-shape);mask-image:var(--_sbb-train-wagon-clip-shape);pointer-events:none;fill:none;stroke:var(--sbb-train-wagon-shape-color);stroke-width:calc(var(--sbb-train-wagon-border-width) * 2)}.sbb-train-wagon__main-icon{--sbb-icon-svg-height: var(--sbb-train-wagon-main-icon-height);position:absolute;inset:0;display:flex;justify-content:center;align-items:center}.sbb-train-wagon__shape-closed{display:var(--sbb-train-wagon-crossed-shape-display, none);stroke-width:var(--sbb-border-width-1x)}.sbb-train-wagon__occupancy,.sbb-train-wagon__class{height:var(--_sbb-train-formation-wagon-height);flex-direction:var(--_sbb-train-formation-flex-direction);display:flex;align-items:center;justify-content:center}:host(:is(:state(orientation-vertical),[state--orientation-vertical])) .sbb-train-wagon__occupancy,:host(:is(:state(orientation-vertical),[state--orientation-vertical])) .sbb-train-wagon__class{height:auto;width:var(--_sbb-train-formation-wagon-width)}.sbb-train-wagon__occupancy{--sbb-icon-svg-height: var(--sbb-train-wagon-occupancy-height);grid-area:occupancy}.sbb-train-wagon__class{gap:.0625rem;order:1}.sbb-train-wagon__class-entry{display:flex;align-items:center;justify-content:center;width:var(--sbb-train-wagon-class-dimension);height:var(--sbb-train-wagon-class-dimension);border:var(--sbb-train-wagon-class-border);background-color:var(--sbb-train-wagon-class-background-color);border-radius:var(--sbb-train-wagon-class-border-radius);font-weight:var(--sbb-train-wagon-class-font-weight);color:var(--sbb-train-wagon-class-color);position:relative;line-height:1}.sbb-train-wagon__class-entry.first:before{content:\"\";position:absolute;background-color:var(--sbb-train-wagon-class-first-color);border-end-end-radius:var(--sbb-train-wagon-class-first-border-radius)}:host(:not(:is(:state(orientation-vertical),[state--orientation-vertical]))) .sbb-train-wagon__class-entry.first:before{height:var(--sbb-train-wagon-class-first-thickness);width:var(--sbb-train-wagon-class-dimension);inset:calc(-.5 * (var(--_sbb-train-formation-wagon-height) - var(--sbb-train-wagon-class-dimension)) + var(--sbb-train-wagon-border-width) - var(--sbb-train-wagon-class-border-width)) 0 auto calc(-1 * var(--sbb-train-wagon-class-border-width));border-end-start-radius:var(--sbb-train-wagon-class-first-border-radius)}:host(:is(:state(orientation-vertical),[state--orientation-vertical])) .sbb-train-wagon__class-entry.first:before{width:var(--sbb-train-wagon-class-first-thickness);height:var(--sbb-train-wagon-class-dimension);inset:calc(-1 * var(--sbb-train-wagon-class-border-width)) auto 0 calc(-.5 * (var(--_sbb-train-formation-wagon-width) - var(--sbb-train-wagon-class-dimension)) + var(--sbb-train-wagon-border-width) - var(--sbb-train-wagon-class-border-width));border-start-end-radius:var(--sbb-train-wagon-class-first-border-radius)}.sbb-train-wagon__information-wrapper{display:flex;align-items:start;flex-direction:var(--_sbb-train-formation-flex-direction);gap:var(--sbb-train-wagon-information-gap)}:host(:is(:state(orientation-vertical),[state--orientation-vertical])) .sbb-train-wagon__information-wrapper{min-width:var(--sbb-train-wagon-information-min-width)}.sbb-train-wagon__information-wrapper[hidden]{display:none}:is(.sbb-train-wagon__label,.sbb-train-wagon__label-divider){margin-block-start:calc(.5 * (1em * var(--sbb-typo-line-height-text) - var(--sbb-train-wagon-font-size)))}:host(:is(:state(orientation-vertical),[state--orientation-vertical])) :is(.sbb-train-wagon__label,.sbb-train-wagon__label-divider){margin-block-start:0}.sbb-train-wagon__label{line-height:1}:host(:is(:state(orientation-vertical),[state--orientation-vertical])) .sbb-train-wagon__label{max-width:var(--sbb-train-wagon-information-min-width);width:100%;text-align:center}.sbb-train-wagon__label-divider{height:var(--sbb-train-wagon-font-size)}:host(:is(:state(orientation-vertical),[state--orientation-vertical])) .sbb-train-wagon__label-divider{height:auto;width:var(--sbb-train-wagon-font-size);margin-inline-start:calc(.5 * (var(--sbb-train-wagon-information-min-width) - var(--sbb-train-wagon-font-size)))}.sbb-train-wagon__attribute-icon-list{list-style:none;margin:0;padding:0;font-size:inherit;--sbb-icon-svg-height: var(--sbb-train-wagon-attribute-icon-height);display:flex;justify-content:var(--_sbb-train-wagon-attributes-justify-content, start);flex-wrap:wrap;gap:var(--sbb-train-wagon-attribute-icon-gap);color:var(--sbb-train-wagon-attribute-icon-color);padding-block-start:calc(.5 * (1em * var(--sbb-typo-line-height-text) - var(--sbb-train-wagon-attribute-icon-height)));max-width:var(--_sbb-train-wagon-attributes-max-width)}:host(:is(:state(orientation-vertical),[state--orientation-vertical])) .sbb-train-wagon__attribute-icon-list{max-width:calc(var(--_sbb-train-wagon-attributes-icon-columns) * var(--sbb-train-wagon-attributes-mean-width));max-height:calc(var(--_sbb-train-wagon-attributes-icon-rows, 3) * var(--sbb-train-wagon-attribute-icon-height) + (var(--_sbb-train-wagon-attributes-icon-rows, 3) - 1) * var(--sbb-train-wagon-attribute-icon-gap));padding-block-start:0;justify-content:center;width:100%}.sbb-train-wagon__attribute-icon-list>:is(li,span){display:inline-flex}.sbb-screen-reader-only{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}", E = {
+	couchette: "sa-cc",
+	sleeping: "sa-wl",
+	restaurant: "sa-wr"
+}, D = {
+	wagon: {
+		side: "M12 0H72A12 12 0 0184 12V24A12 12 0 0172 36H12A12 12 0 010 24V12A12 12 0 0112 0Z",
+		top: "M8 0A8 8 0 000 8V28a8 8 0 008 8H76a8 8 0 008-8V8A8 8 0 0076 0H8Z"
+	},
+	locomotive: {
+		side: "M7.7 8.6C10.5 3.6 16 0 22 0H62c6 0 11.5 3.6 14.3 8.6l5.1 9C85.9 25.6 80 36 71 36H13C4 36-1.9 25.6 2.6 17.6l5.1-9Z",
+		top: "M66 0H18C8 0 0 8 0 18S8 36 18 36H66c10 0 18-8 18-18S76 0 66 0Z"
+	},
+	"wagon-end-left": {
+		side: "M7.7 8.6A16 16 0 0122 0H72c6 0 12 6 12 12V24c0 6-6 12-12 12H13C3.8 36-2 26.1 2.6 18.1Z",
+		top: "M76 0H18C8.25 0 .5 8.25.5 18S8 36 18 36H76c4 0 8-4 8-8V8c0-4-4-8-8-8Z"
+	},
+	"wagon-end-right": {
+		side: "M76.3 8.6A16 16 0 0062 0H12C6 0 0 6 0 13v11c0 6 6 12 12 12h58.4c8.6 0 15-9.9 10.4-17.9z",
+		top: "M66 0H8C4 0 0 4 0 8V28c0 4 4 8 8 8H66c9.75 0 17.5-8.25 17.5-18S76 0 66 0Z"
+	}
+}, O = (O) => (() => {
+	let k = e(l(O)), A, j = [], M = [], N, P = [], F = [], I, L = [], R = [], z, B = [], V = [], H, U = [], W = [], G, K = [], q = [], J, Y = [], X = [], Z, Q = [], $ = [];
+	return class extends k {
+		static {
+			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(k[Symbol.metadata] ?? null) : void 0;
+			A = [o({
+				attribute: "wagon-type",
+				reflect: !0
+			})], N = [o()], I = [
+				u(),
+				d((e) => e._sectorChanged()),
+				o({
+					reflect: !0,
+					converter: y
+				})
+			], z = [o({ attribute: "blocked-passage" })], H = [o({ attribute: "wagon-class" })], G = [u(), o({
+				reflect: !0,
+				converter: y
+			})], J = [u(), o({ attribute: "additional-accessibility-text" })], Z = [s()], t(this, null, A, {
+				kind: "accessor",
+				name: "wagonType",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "wagonType" in e,
+					get: (e) => e.wagonType,
+					set: (e, t) => {
+						e.wagonType = t;
+					}
+				},
+				metadata: e
+			}, j, M), t(this, null, N, {
+				kind: "accessor",
+				name: "occupancy",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "occupancy" in e,
+					get: (e) => e.occupancy,
+					set: (e, t) => {
+						e.occupancy = t;
+					}
+				},
+				metadata: e
+			}, P, F), t(this, null, I, {
+				kind: "accessor",
+				name: "sector",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "sector" in e,
+					get: (e) => e.sector,
+					set: (e, t) => {
+						e.sector = t;
+					}
+				},
+				metadata: e
+			}, L, R), t(this, null, z, {
+				kind: "accessor",
+				name: "blockedPassage",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "blockedPassage" in e,
+					get: (e) => e.blockedPassage,
+					set: (e, t) => {
+						e.blockedPassage = t;
+					}
+				},
+				metadata: e
+			}, B, V), t(this, null, H, {
+				kind: "accessor",
+				name: "wagonClass",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "wagonClass" in e,
+					get: (e) => e.wagonClass,
+					set: (e, t) => {
+						e.wagonClass = t;
+					}
+				},
+				metadata: e
+			}, U, W), t(this, null, G, {
+				kind: "accessor",
+				name: "label",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "label" in e,
+					get: (e) => e.label,
+					set: (e, t) => {
+						e.label = t;
+					}
+				},
+				metadata: e
+			}, K, q), t(this, null, J, {
+				kind: "accessor",
+				name: "additionalAccessibilityText",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "additionalAccessibilityText" in e,
+					get: (e) => e.additionalAccessibilityText,
+					set: (e, t) => {
+						e.additionalAccessibilityText = t;
+					}
+				},
+				metadata: e
+			}, Y, X), t(this, null, Z, {
+				kind: "accessor",
+				name: "_view",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "_view" in e,
+					get: (e) => e._view,
+					set: (e, t) => {
+						e._view = t;
+					}
+				},
+				metadata: e
+			}, Q, $), e && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: e
+			});
+		}
+		static {
+			this.elementDependencies = [
+				S,
+				C,
+				x
+			];
+		}
+		static {
+			this.styles = [te, a(T)];
+		}
+		#e;
+		get wagonType() {
+			return this.#e;
+		}
+		set wagonType(e) {
+			this.#e = e;
+		}
+		#t;
+		get occupancy() {
+			return this.#t;
+		}
+		set occupancy(e) {
+			this.#t = e;
+		}
+		#n;
+		get sector() {
+			return this.#n;
+		}
+		set sector(e) {
+			this.#n = e;
+		}
+		#r;
+		get blockedPassage() {
+			return this.#r;
+		}
+		set blockedPassage(e) {
+			this.#r = e;
+		}
+		#i;
+		get wagonClass() {
+			return this.#i;
+		}
+		set wagonClass(e) {
+			this.#i = e;
+		}
+		#a;
+		get label() {
+			return this.#a;
+		}
+		set label(e) {
+			this.#a = e;
+		}
+		#o;
+		get additionalAccessibilityText() {
+			return this.#o;
+		}
+		set additionalAccessibilityText(e) {
+			this.#o = e;
+		}
+		#s;
+		get _view() {
+			return this.#s;
+		}
+		set _view(e) {
+			this.#s = e;
+		}
+		constructor(...e) {
+			super(...e), this.#e = n(this, j, "wagon"), this.listChildLocalNames = (n(this, M), ["sbb-icon"]), this.#t = n(this, P, null), this.#n = (n(this, F), n(this, L, "")), this.#r = (n(this, R), n(this, B, "none")), this.#i = (n(this, V), n(this, U, null)), this.#a = (n(this, W), n(this, K, "")), this.#o = (n(this, q), n(this, Y, "")), this.#s = (n(this, X), n(this, Q, null)), this._language = (n(this, $), new c(this)), this._clipStyleSheet = null, this.addController(new ee(this, () => this.closest("sbb-train-formation"), { view: (e) => {
+				this._view && this.internals.states.delete(`view-${this._view}`), this._view = e.view, this._view && this.internals.states.add(`view-${this._view}`);
+			} }));
+		}
+		createRenderRoot() {
+			let e = super.createRenderRoot();
+			return r || (this._clipStyleSheet = new CSSStyleSheet(), e.adoptedStyleSheets.push(this._clipStyleSheet)), e;
+		}
+		_sectorChanged() {
+			this.dispatchEvent(new Event("sectorchange", {
+				bubbles: !0,
+				composed: !0
+			}));
+		}
+		_wagonTypeLabel() {
+			switch (this.wagonType) {
+				case "closed": return g[this._language.current];
+				case "locomotive": return v[this._language.current];
+				case "couchette": return _[this._language.current];
+				case "sleeping": return ie[this._language.current];
+				case "restaurant": return ne[this._language.current];
+				default: return ae[this._language.current];
+			}
+		}
+		_wagonShape() {
+			let e = this._view ?? "side";
+			return [
+				"wagon",
+				"couchette",
+				"sleeping",
+				"restaurant",
+				"closed"
+			].includes(this.wagonType) ? D.wagon[e] : D[this.wagonType][e] ?? D.wagon[e];
+		}
+		_classLabel() {
+			switch (this.wagonClass) {
+				case "1": return h.first[this._language.current];
+				case "2": return h.second[this._language.current];
+				case "1-2": return `${h.first[this._language.current]} ${p[this._language.current]} ${h.second[this._language.current]}`;
+				case "2-1": return `${h.second[this._language.current]} ${p[this._language.current]} ${h.first[this._language.current]}`;
+				default: return "";
+			}
+		}
+		renderTemplate() {
+			let e = this.wagonType === "wagon-end-left" && this.blockedPassage === "none" ? "previous" : this.wagonType === "wagon-end-right" && this.blockedPassage === "none" ? "next" : this.blockedPassage ?? "none", t = e !== "none", n = +!!this.sector + +!!this.label + +(!!this.wagonClass && this.wagonType !== "closed") + +(!!this.occupancy && this.wagonType !== "closed") + +t, r = `${re[this._language.current]}, ${this.sector}`, a = `${oe[this._language.current]}, ${this.label}`, o = b`<span class="sbb-screen-reader-only">
+          ${this._classLabel()}
+        </span>
+        ${this.wagonClass?.split("-").map((e) => b`<span
+                aria-hidden="true"
+                class="sbb-train-wagon__class-entry ${e === "1" ? "first" : ""}"
+              >
+                ${e}
+              </span>`)} `, s = this._wagonShape(), c = this.label ? 3 : 4;
+			return this._clipStyleSheet?.replaceSync(`:host {
+            --_sbb-train-wagon-clip-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 36' fill='black'%3E%3Cpath d='${s}' /%3E%3C/svg%3E");
+            --_sbb-train-wagon-clip-shape-compartment: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 ${this.orientation === "vertical" ? 36 : 84} ${this.orientation === "vertical" ? 84 : 36}' fill='black'%3E%3Cpath d='${s}'${this.orientation === "vertical" ? " transform='rotate(-90, 0, 0) scale(-1, 1)'" : ""} /%3E%3C/svg%3E");
+            --_sbb-train-wagon-attributes-icon-columns: ${Math.ceil(this.listChildren.length / c)};
+            --_sbb-train-wagon-attributes-icon-rows: ${c};
+          }`), b`
+        <div class="sbb-train-wagon">
+          ${w(n > 1, () => b`<ul aria-label=${this._wagonTypeLabel()} class="sbb-train-wagon__compartment">
+                ${this.sector ? b`<li class="sbb-screen-reader-only">${r}</li>` : i}
+                ${this.label ? b`<li class="sbb-screen-reader-only">${a}</li>` : i}
+                ${this.wagonClass && this.wagonType !== "closed" ? b`<li class="sbb-train-wagon__class">${o}</li>` : i}
+                ${this.occupancy && this.wagonType !== "closed" ? b`<sbb-timetable-occupancy-icon
+                      class="sbb-train-wagon__occupancy"
+                      role="listitem"
+                      occupancy=${this.occupancy}
+                    ></sbb-timetable-occupancy-icon>` : i}
+                ${t ? b`<li class="sbb-screen-reader-only">
+                      ${m[e][this._language.current]}
+                    </li>` : i}
+              </ul>`, () => b`<div class="sbb-train-wagon__compartment">
+                <span class="sbb-screen-reader-only">
+                  ${`${this._wagonTypeLabel()}${this.sector ? `, ${r}` : ""}`}
+                </span>
+                ${this.label ? b`<span class="sbb-screen-reader-only">${a}</span>` : i}
+                ${this.wagonClass && this.wagonType !== "closed" ? b`<span class="sbb-train-wagon__class">${o}</span>` : i}
+                ${this.occupancy && this.wagonType !== "closed" ? b`<sbb-timetable-occupancy-icon
+                      class="sbb-train-wagon__occupancy"
+                      occupancy=${this.occupancy}
+                    ></sbb-timetable-occupancy-icon>` : i}
+                ${t ? b`<span class="sbb-screen-reader-only">
+                      ${m[e][this._language.current]}
+                    </span>` : i}
+              </div> `)}
+          ${E[this.wagonType] ? b`<sbb-icon
+                name=${E[this.wagonType]}
+                class="sbb-train-wagon__main-icon"
+              ></sbb-icon>` : i}
+          <svg class="sbb-train-wagon__shape" viewBox="0 0 84 36" aria-hidden="true">
+            <path d=${s}></path>
+            <path
+              class="sbb-train-wagon__shape-closed"
+              d=${this._view === "top" ? "M81 3L3 34" : "M81 4L4 32"}
+            ></path>
+            <path
+              class="sbb-train-wagon__shape-closed"
+              d=${this._view === "top" ? "M81 34L3 3" : "M81 32L4 4"}
+            ></path>
+          </svg>
+          ${this.additionalAccessibilityText ? b`<span class="sbb-screen-reader-only"
+                >, ${this.additionalAccessibilityText}</span
+              >` : i}
+          <span
+            class="sbb-train-wagon__information-wrapper"
+            ?hidden=${!this.listChildren.length && !this.label}
+          >
+            ${this.label ? b`<span aria-hidden="true" class="sbb-train-wagon__label">${this.label}</span>` : i}
+            ${this.label && this.listChildren.length ? b`<sbb-divider
+                  orientation=${this.orientation === "vertical" ? "horizontal" : "vertical"}
+                  aria-hidden="true"
+                  class="sbb-train-wagon__label-divider"
+                ></sbb-divider>` : i}
+            ${this.renderList({
+				class: "sbb-train-wagon__attribute-icon-list",
+				ariaLabel: f[this._language.current]
+			})}
+          </span>
+        </div>
+      `;
+		}
+	};
+})();
+//#endregion
+export { O as t };

package/train.component-3vmLxVCZ.js

@@ -0,0 +1,181 @@
+import { __esDecorate as e, __runInitializers as t } from "tslib";
+import { nothing as n, unsafeCSS as r } from "lit";
+import { property as i } from "lit/decorators.js";
+import { SbbElement as a, SbbLanguageController as o, SbbNamedSlotListMixin as s, boxSizingStyles as c, forceType as l, handleDistinctChange as u, i18nTrain as d, i18nWagonsLabel as f, omitEmptyConverter as p } from "./core.js";
+import { html as m, unsafeStatic as h } from "lit/static-html.js";
+import { SbbIconElement as g } from "./icon.pure.js";
+import { SbbTrainFormationOrientationMixin as _ } from "./train/train-formation-orientation-mixin.js";
+//#region src/elements/train/train/train.scss?inline
+var v = ":host{--sbb-train-direction-label-spacing: var(--sbb-spacing-fixed-1x);--_sbb-train-direction-row-dimension: max(var(--sbb-size-icon-ui-small), 1em * var(--sbb-typo-line-height-text)) ;display:flex;font-size:var(--sbb-text-font-size-xs);letter-spacing:var(--sbb-typo-letter-spacing-text);flex-direction:var(--_sbb-train-formation-flex-direction-inverted);gap:var(--sbb-train-formation-gap);position:relative}:host:before{content:\"\";display:var(--_sbb-train-formation-reserve-spacing-display, none);height:var(--_sbb-train-direction-row-dimension)}:host(:is(:state(orientation-vertical),[state--orientation-vertical])):before{height:auto;width:var(--_sbb-train-direction-row-dimension)}.sbb-train__wagons{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-direction:var(--_sbb-train-formation-flex-direction);gap:var(--sbb-train-formation-wagon-gap)}.sbb-train__direction-heading{display:flex;position:absolute;width:100%;flex-direction:var(--_sbb-train-formation-flex-direction)}:host(:is(:state(orientation-vertical),[state--orientation-vertical])) .sbb-train__direction-heading{width:auto;height:100%}.sbb-train__direction-sticky-wrapper{position:sticky;inset-inline-start:0;display:inline-flex;flex-direction:var(--_sbb-train-formation-flex-direction);align-items:center;gap:var(--sbb-train-direction-label-spacing);max-width:100%}:host(:is(:state(orientation-vertical),[state--orientation-vertical])) .sbb-train__direction-sticky-wrapper{inset-inline-start:unset;inset-block-start:0;max-width:unset;max-height:100%}:host([direction=right]) .sbb-train__direction-arrow{transform:scaleX(-1);order:2}:host(:is(:state(orientation-vertical),[state--orientation-vertical])) .sbb-train__direction-arrow{rotate:90deg}.sbb-train__direction-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(:is(:state(orientation-vertical),[state--orientation-vertical])) .sbb-train__direction-label{writing-mode:sideways-lr}.sbb-screen-reader-only{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}", y = (() => {
+	let y = _(s(a)), b, x = [], S = [], C, w = [], T = [], E, D = [], O = [], k, A = [], j = [], M, N = [], P = [];
+	return class extends y {
+		constructor() {
+			super(...arguments), this.listChildLocalNames = [
+				"sbb-train-wagon",
+				"sbb-train-wagon-button",
+				"sbb-train-wagon-link",
+				"sbb-train-blocked-passage"
+			], this.#e = t(this, x, ""), this.#t = (t(this, S), t(this, w, "6")), this.#n = (t(this, T), t(this, D, "")), this.#r = (t(this, O), t(this, A, "")), this.#i = (t(this, j), t(this, N, "left")), this._language = (t(this, P), new o(this));
+		}
+		static {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(y[Symbol.metadata] ?? null) : void 0;
+			b = [
+				l(),
+				u((e) => {
+					e.dispatchEvent(new Event("directionlabelchange", {
+						bubbles: !0,
+						composed: !0
+					}));
+				}),
+				i({
+					attribute: "direction-label",
+					reflect: !0,
+					converter: p
+				})
+			], C = [i({ attribute: "direction-label-level" })], E = [l(), i()], k = [l(), i({ attribute: "accessibility-label" })], M = [i({ reflect: !0 })], e(this, null, b, {
+				kind: "accessor",
+				name: "directionLabel",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "directionLabel" in e,
+					get: (e) => e.directionLabel,
+					set: (e, t) => {
+						e.directionLabel = t;
+					}
+				},
+				metadata: t
+			}, x, S), e(this, null, C, {
+				kind: "accessor",
+				name: "directionLabelLevel",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "directionLabelLevel" in e,
+					get: (e) => e.directionLabelLevel,
+					set: (e, t) => {
+						e.directionLabelLevel = t;
+					}
+				},
+				metadata: t
+			}, w, T), e(this, null, E, {
+				kind: "accessor",
+				name: "station",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "station" in e,
+					get: (e) => e.station,
+					set: (e, t) => {
+						e.station = t;
+					}
+				},
+				metadata: t
+			}, D, O), e(this, null, k, {
+				kind: "accessor",
+				name: "accessibilityLabel",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "accessibilityLabel" in e,
+					get: (e) => e.accessibilityLabel,
+					set: (e, t) => {
+						e.accessibilityLabel = t;
+					}
+				},
+				metadata: t
+			}, A, j), e(this, null, M, {
+				kind: "accessor",
+				name: "direction",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "direction" in e,
+					get: (e) => e.direction,
+					set: (e, t) => {
+						e.direction = t;
+					}
+				},
+				metadata: t
+			}, N, P), t && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: t
+			});
+		}
+		static {
+			this.elementName = "sbb-train";
+		}
+		static {
+			this.elementDependencies = [g];
+		}
+		static {
+			this.styles = [c, r(v)];
+		}
+		#e;
+		get directionLabel() {
+			return this.#e;
+		}
+		set directionLabel(e) {
+			this.#e = e;
+		}
+		#t;
+		get directionLabelLevel() {
+			return this.#t;
+		}
+		set directionLabelLevel(e) {
+			this.#t = e;
+		}
+		#n;
+		get station() {
+			return this.#n;
+		}
+		set station(e) {
+			this.#n = e;
+		}
+		#r;
+		get accessibilityLabel() {
+			return this.#r;
+		}
+		set accessibilityLabel(e) {
+			this.#r = e;
+		}
+		#i;
+		get direction() {
+			return this.#i;
+		}
+		set direction(e) {
+			this.#i = e;
+		}
+		_getDirectionAriaLabel() {
+			let e = [d[this._language.current]];
+			return this.directionLabel && this.station && e.push(`${this.directionLabel} ${this.station}`), this.accessibilityLabel && e.push(this.accessibilityLabel), `${e.join(", ")}.`;
+		}
+		willUpdate(e) {
+			super.willUpdate(e), e.has("listChildren") && this.dispatchEvent(new Event("trainslotchange", { bubbles: !0 }));
+		}
+		render() {
+			let e = `h${this.directionLabelLevel}`;
+			return m`
+        <${h(e)} class="sbb-screen-reader-only">
+          ${this._getDirectionAriaLabel()}
+        </${h(e)}>
+        ${this.directionLabel ? m`<div class="sbb-train__direction-heading" aria-hidden="true">
+                <span class="sbb-train__direction-sticky-wrapper">
+                  <sbb-icon class="sbb-train__direction-arrow" name="arrow-left-small"></sbb-icon>
+                  <span class="sbb-train__direction-label">
+                    ${this.directionLabel} ${this.station}
+                  </span>
+                </span>
+              </div>` : n}
+        ${this.renderList({
+				class: "sbb-train__wagons",
+				ariaLabel: f[this._language.current]
+			})}
+    `;
+		}
+	};
+})();
+//#endregion
+export { y as t };

package/train.js

@@ -1,8 +1,12 @@
-import { t as e } from "./train-blocked-passage.component-DIh8dbU9.js";
-import { t } from "./train-formation.component-DS4EDwPY.js";
-import { t as n } from "./train-wagon.component-LwKwwuta.js";
-import { t as r } from "./train.component-DuFi_iBX.js";
+import { t as e } from "./train-blocked-passage.component-voZ8fxiB.js";
+import { t } from "./train-formation.component-6XQVXPue.js";
+import { SbbTrainWagonButtonElement as n } from "./train/train-wagon-button/train-wagon-button.component.js";
+import { SbbTrainWagonLinkElement as r } from "./train/train-wagon-link/train-wagon-link.component.js";
+import { SbbTrainWagonElement as i } from "./train/train-wagon/train-wagon.component.js";
+import { t as a } from "./train.component-3vmLxVCZ.js";
+import { SbbTrainFormationOrientationMixin as o } from "./train/train-formation-orientation-mixin.js";
+import { t as s } from "./train-wagon-common-DTN_G78z.js";
 import "./train.pure.js";
-r.define(), e.define(), t.define(), n.define();
+e.define(), a.define(), t.define(), n.define(), r.define(), i.define();
 //#endregion
-export { e as SbbTrainBlockedPassageElement, r as SbbTrainElement, t as SbbTrainFormationElement, n as SbbTrainWagonElement };
+export { e as SbbTrainBlockedPassageElement, a as SbbTrainElement, t as SbbTrainFormationElement, o as SbbTrainFormationOrientationMixin, n as SbbTrainWagonButtonElement, i as SbbTrainWagonElement, r as SbbTrainWagonLinkElement, s as SbbTrainWagonMixin };

package/train.pure.js

@@ -1,5 +1,9 @@
-import { t as e } from "./train-blocked-passage.component-DIh8dbU9.js";
-import { t } from "./train-formation.component-DS4EDwPY.js";
-import { t as n } from "./train-wagon.component-LwKwwuta.js";
-import { t as r } from "./train.component-DuFi_iBX.js";
-export { e as SbbTrainBlockedPassageElement, r as SbbTrainElement, t as SbbTrainFormationElement, n as SbbTrainWagonElement };
+import { t as e } from "./train-blocked-passage.component-voZ8fxiB.js";
+import { t } from "./train-formation.component-6XQVXPue.js";
+import { SbbTrainWagonButtonElement as n } from "./train/train-wagon-button/train-wagon-button.component.js";
+import { SbbTrainWagonLinkElement as r } from "./train/train-wagon-link/train-wagon-link.component.js";
+import { SbbTrainWagonElement as i } from "./train/train-wagon/train-wagon.component.js";
+import { t as a } from "./train.component-3vmLxVCZ.js";
+import { SbbTrainFormationOrientationMixin as o } from "./train/train-formation-orientation-mixin.js";
+import { t as s } from "./train-wagon-common-DTN_G78z.js";
+export { e as SbbTrainBlockedPassageElement, a as SbbTrainElement, t as SbbTrainFormationElement, o as SbbTrainFormationOrientationMixin, n as SbbTrainWagonButtonElement, i as SbbTrainWagonElement, r as SbbTrainWagonLinkElement, s as SbbTrainWagonMixin };

package/development/train-blocked-passage.component-Bh2dR1gn.js

@@ -1,30 +0,0 @@
-import { html, unsafeCSS } from "lit";
-import { SbbElement, boxSizingStyles } from "./core.js";
-//#region src/elements/train/train-blocked-passage/train-blocked-passage.scss?inline
-var train_blocked_passage_default = ":host {\n  display: block;\n  --sbb-train-blocked-passage-height: var(--sbb-train-formation-wagon-height);\n  --sbb-train-blocked-passage-background-color: var(--sbb-color-error);\n  --sbb-train-blocked-passage-bar-color: var(--sbb-color-white);\n  --sbb-train-blocked-passage-icon-dimension: 1rem;\n  --sbb-train-blocked-passage-icon-bar-width: 0.625rem;\n  --sbb-train-blocked-passage-icon-bar-height: 0.25rem;\n  --sbb-train-blocked-passage-icon-bar-border-radius: 0.0625rem;\n}\n@media (forced-colors: active) {\n  :host {\n    --sbb-train-blocked-passage-background-color: CanvasText;\n    --sbb-train-blocked-passage-bar-color: Canvas;\n  }\n}\n\n.sbb-train-blocked-passage::before {\n  content: \"\";\n  display: var(--sbb-train-formation-wagon-label-display, block);\n  height: calc(var(--sbb-text-font-size-xxs) * var(--sbb-typo-line-height-text));\n}\n\n.sbb-train-blocked-passage__wrapper {\n  width: var(--sbb-train-blocked-passage-icon-dimension);\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  height: var(--sbb-train-blocked-passage-height);\n}\n\n.sbb-train-blocked-passage__icon {\n  width: 100%;\n  height: var(--sbb-train-blocked-passage-icon-dimension);\n  border-radius: 50%;\n  background-color: var(--sbb-train-blocked-passage-background-color);\n  position: relative;\n  flex-direction: column;\n  display: flex;\n  align-items: center;\n}\n.sbb-train-blocked-passage__icon::before {\n  content: \"\";\n  width: var(--sbb-train-blocked-passage-icon-bar-width);\n  height: var(--sbb-train-blocked-passage-icon-bar-height);\n  border-radius: var(--sbb-train-blocked-passage-icon-bar-border-radius);\n  background-color: var(--sbb-train-blocked-passage-bar-color);\n  margin: auto 0;\n}";
-//#endregion
-//#region src/elements/train/train-blocked-passage/train-blocked-passage.component.ts
-/**
-* It visually displays a blocked passage between train wagons.
-*/
-var SbbTrainBlockedPassageElement = class extends SbbElement {
-	static {
-		this.elementName = "sbb-train-blocked-passage";
-	}
-	static {
-		this.styles = [boxSizingStyles, unsafeCSS(train_blocked_passage_default)];
-	}
-	render() {
-		return html`
-      <span class="sbb-train-blocked-passage">
-        <span class="sbb-train-blocked-passage__wrapper">
-          <span class="sbb-train-blocked-passage__icon"></span>
-        </span>
-      </span>
-    `;
-	}
-};
-//#endregion
-export { SbbTrainBlockedPassageElement as t };
-
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhaW4tYmxvY2tlZC1wYXNzYWdlLmNvbXBvbmVudC1CaDJkUjFnbi5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvdHJhaW4vdHJhaW4tYmxvY2tlZC1wYXNzYWdlL3RyYWluLWJsb2NrZWQtcGFzc2FnZS5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90cmFpbi90cmFpbi1ibG9ja2VkLXBhc3NhZ2UvdHJhaW4tYmxvY2tlZC1wYXNzYWdlLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi8uLi9jb3JlL3N0eWxlcycgYXMgc2JiO1xuXG46aG9zdCB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuXG4gIC0tc2JiLXRyYWluLWJsb2NrZWQtcGFzc2FnZS1oZWlnaHQ6IHZhcigtLXNiYi10cmFpbi1mb3JtYXRpb24td2Fnb24taGVpZ2h0KTtcbiAgLS1zYmItdHJhaW4tYmxvY2tlZC1wYXNzYWdlLWJhY2tncm91bmQtY29sb3I6IHZhcigtLXNiYi1jb2xvci1lcnJvcik7XG4gIC0tc2JiLXRyYWluLWJsb2NrZWQtcGFzc2FnZS1iYXItY29sb3I6IHZhcigtLXNiYi1jb2xvci13aGl0ZSk7XG4gIC0tc2JiLXRyYWluLWJsb2NrZWQtcGFzc2FnZS1pY29uLWRpbWVuc2lvbjogI3tzYmIucHgtdG8tcmVtLWJ1aWxkKDE2KX07XG4gIC0tc2JiLXRyYWluLWJsb2NrZWQtcGFzc2FnZS1pY29uLWJhci13aWR0aDogI3tzYmIucHgtdG8tcmVtLWJ1aWxkKDEwKX07XG4gIC0tc2JiLXRyYWluLWJsb2NrZWQtcGFzc2FnZS1pY29uLWJhci1oZWlnaHQ6ICN7c2JiLnB4LXRvLXJlbS1idWlsZCg0KX07XG4gIC0tc2JiLXRyYWluLWJsb2NrZWQtcGFzc2FnZS1pY29uLWJhci1ib3JkZXItcmFkaXVzOiAje3NiYi5weC10by1yZW0tYnVpbGQoMSl9O1xuXG4gIEBpbmNsdWRlIHNiYi5pZi1mb3JjZWQtY29sb3JzIHtcbiAgICAtLXNiYi10cmFpbi1ibG9ja2VkLXBhc3NhZ2UtYmFja2dyb3VuZC1jb2xvcjogQ2FudmFzVGV4dDtcbiAgICAtLXNiYi10cmFpbi1ibG9ja2VkLXBhc3NhZ2UtYmFyLWNvbG9yOiBDYW52YXM7XG4gIH1cbn1cblxuLnNiYi10cmFpbi1ibG9ja2VkLXBhc3NhZ2Uge1xuICAmOjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIGRpc3BsYXk6IHZhcigtLXNiYi10cmFpbi1mb3JtYXRpb24td2Fnb24tbGFiZWwtZGlzcGxheSwgYmxvY2spO1xuICAgIGhlaWdodDogY2FsYyh2YXIoLS1zYmItdGV4dC1mb250LXNpemUteHhzKSAqIHZhcigtLXNiYi10eXBvLWxpbmUtaGVpZ2h0LXRleHQpKTtcbiAgfVxufVxuXG4uc2JiLXRyYWluLWJsb2NrZWQtcGFzc2FnZV9fd3JhcHBlciB7XG4gIHdpZHRoOiB2YXIoLS1zYmItdHJhaW4tYmxvY2tlZC1wYXNzYWdlLWljb24tZGltZW5zaW9uKTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGhlaWdodDogdmFyKC0tc2JiLXRyYWluLWJsb2NrZWQtcGFzc2FnZS1oZWlnaHQpO1xufVxuXG4uc2JiLXRyYWluLWJsb2NrZWQtcGFzc2FnZV9faWNvbiB7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IHZhcigtLXNiYi10cmFpbi1ibG9ja2VkLXBhc3NhZ2UtaWNvbi1kaW1lbnNpb24pO1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXNiYi10cmFpbi1ibG9ja2VkLXBhc3NhZ2UtYmFja2dyb3VuZC1jb2xvcik7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAmOjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHdpZHRoOiB2YXIoLS1zYmItdHJhaW4tYmxvY2tlZC1wYXNzYWdlLWljb24tYmFyLXdpZHRoKTtcbiAgICBoZWlnaHQ6IHZhcigtLXNiYi10cmFpbi1ibG9ja2VkLXBhc3NhZ2UtaWNvbi1iYXItaGVpZ2h0KTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1zYmItdHJhaW4tYmxvY2tlZC1wYXNzYWdlLWljb24tYmFyLWJvcmRlci1yYWRpdXMpO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXNiYi10cmFpbi1ibG9ja2VkLXBhc3NhZ2UtYmFyLWNvbG9yKTtcbiAgICBtYXJnaW46IGF1dG8gMDtcbiAgfVxufVxuIiwiaW1wb3J0IHsgaHRtbCwgdW5zYWZlQ1NTLCB0eXBlIENTU1Jlc3VsdEdyb3VwLCB0eXBlIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcblxuaW1wb3J0IHsgU2JiRWxlbWVudCwgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnLi4vLi4vY29yZS50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3RyYWluLWJsb2NrZWQtcGFzc2FnZS5zY3NzP2lubGluZSc7XG5cbi8qKlxuICogSXQgdmlzdWFsbHkgZGlzcGxheXMgYSBibG9ja2VkIHBhc3NhZ2UgYmV0d2VlbiB0cmFpbiB3YWdvbnMuXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJUcmFpbkJsb2NrZWRQYXNzYWdlRWxlbWVudCBleHRlbmRzIFNiYkVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLXRyYWluLWJsb2NrZWQtcGFzc2FnZSc7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtib3hTaXppbmdTdHlsZXMsIHVuc2FmZUNTUyhzdHlsZSldO1xuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPHNwYW4gY2xhc3M9XCJzYmItdHJhaW4tYmxvY2tlZC1wYXNzYWdlXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXRyYWluLWJsb2NrZWQtcGFzc2FnZV9fd3JhcHBlclwiPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXRyYWluLWJsb2NrZWQtcGFzc2FnZV9faWNvblwiPjwvc3Bhbj5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9zcGFuPlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi10cmFpbi1ibG9ja2VkLXBhc3NhZ2UnOiBTYmJUcmFpbkJsb2NrZWRQYXNzYWdlRWxlbWVudDtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUNTQSxJQUFhLGdDQUFiLGNBQW1ELFdBQVU7O0FBQzNCLE9BQUEsY0FBc0I7OztBQUMvQixPQUFBLFNBQXlCLENBQUMsaUJBQWlCLFVBQVUsOEJBQU0sQ0FBQzs7Q0FFaEUsU0FBTTtBQUN2QixTQUFPLElBQUkifQ==