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

package/train.component-DuFi_iBX.js

@@ -1,174 +0,0 @@
-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, i18nTrain as u, i18nWagonsLabel as d, omitEmptyConverter as f } from "./core.js";
-import { html as p, unsafeStatic as m } from "lit/static-html.js";
-import { SbbIconElement as h } from "./icon.pure.js";
-//#region src/elements/train/train/train.scss?inline
-var g = ":host{display:block;--sbb-train-direction-label-spacing: var(--sbb-spacing-fixed-1x)}.sbb-train{--sbb-text-font-size: var(--sbb-text-font-size-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);display:flex;flex-direction:column;gap:var(--sbb-train-formation-vertical-gap);position:relative}.sbb-train:before{content:\"\";display:var(--sbb-train-formation-reserve-spacing-display, none);height:max(var(--sbb-size-icon-ui-small),1em * var(--sbb-typo-line-height-text))}.sbb-train__wagons{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;gap:var(--sbb-train-formation-wagon-gap)}.sbb-train__direction-heading{display:flex;position:absolute;width:100%}.sbb-train__direction-sticky-wrapper{position:sticky;inset-inline-start:0;display:inline-flex;align-items:center;gap:var(--sbb-train-direction-label-spacing);max-width:100%}.sbb-train__direction-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sbb-train__direction-label-sr{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}", _ = (() => {
-	let _ = s(a), v, y = [], b = [], x, S = [], C = [], w, T = [], E = [], D, O = [], k = [], A, j = [], M = [];
-	return class extends _ {
-		constructor() {
-			super(...arguments), this.listChildLocalNames = ["sbb-train-wagon", "sbb-train-blocked-passage"], this.#e = t(this, y, ""), this.#t = (t(this, b), t(this, S, "6")), this.#n = (t(this, C), t(this, T, "")), this.#r = (t(this, E), t(this, O, "")), this.#i = (t(this, k), t(this, j, "left")), this._language = (t(this, M), new o(this));
-		}
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(_[Symbol.metadata] ?? null) : void 0;
-			v = [l(), i({
-				attribute: "direction-label",
-				reflect: !0,
-				converter: f
-			})], x = [i({ attribute: "direction-label-level" })], w = [l(), i()], D = [l(), i({ attribute: "accessibility-label" })], A = [i({ reflect: !0 })], e(this, null, v, {
-				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
-			}, y, b), e(this, null, x, {
-				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
-			}, S, C), e(this, null, w, {
-				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
-			}, T, E), e(this, null, D, {
-				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
-			}, O, k), e(this, null, A, {
-				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
-			}, j, M), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-train";
-		}
-		static {
-			this.elementDependencies = [h];
-		}
-		static {
-			this.styles = [c, r(g)];
-		}
-		static {
-			this.events = { trainslotchange: "trainslotchange" };
-		}
-		#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 = [u[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 p`
-      <div class="sbb-train">
-        <${m(e)} class="sbb-train__direction-label-sr">
-          ${this._getDirectionAriaLabel()}
-        </${m(e)}>
-        ${this.directionLabel ? p`<div class="sbb-train__direction-heading" aria-hidden="true">
-                <span class="sbb-train__direction-sticky-wrapper">
-                  ${this.direction === "left" ? p`<sbb-icon name="chevron-small-left-small"></sbb-icon>` : n}
-
-                  <span class="sbb-train__direction-label">
-                    ${this.directionLabel} ${this.station}
-                  </span>
-
-                  ${this.direction === "right" ? p`<sbb-icon name="chevron-small-right-small"></sbb-icon>` : n}
-                </span>
-              </div>` : n}
-        ${this.renderList({
-				class: "sbb-train__wagons",
-				ariaLabel: d[this._language.current]
-			})}
-      </div>
-    `;
-		}
-	};
-})();
-//#endregion
-export { _ as t };