@sbb-esta/lyne-elements-dev 4.7.0-dev.1773388991 → 4.7.0-dev.1773396165

package/tooltip.component-B5fKuZdI.js

@@ -1,228 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n, html as r, isServer as i } from "lit";
-import { property as a } from "lit/decorators.js";
-import { SbbOpenCloseBaseElement as o } from "./core/base-elements.js";
-import { idReference as s } from "./core/decorators.js";
-import { isAndroid as c, isIOS as l, isZeroAnimationDuration as u, queueDomContentLoaded as d } from "./core/dom.js";
-import { SbbDisabledMixin as f, appendAriaElements as p, removeAriaElements as m } from "./core/mixins.js";
-import { boxSizingStyles as h } from "./core/styles.js";
-import { SbbEscapableOverlayController as g, SbbOverlayPositionController as _ } from "./core/controllers.js";
-import { sbbOverlayOutsidePointerEventListener as v } from "./core/overlay.js";
-import { readConfig as y } from "./core/config.js";
-//#region src/elements/tooltip/tooltip.scss?lit&inline
-var b = n`:host{--sbb-tooltip-pointer-events:all;--sbb-tooltip-min-width:var(--sbb-spacing-fixed-8x);--sbb-tooltip-max-width:min(25rem, calc(100vw - var(--sbb-spacing-fixed-2x)));--sbb-tooltip-border-color:var(--sbb-background-color-1-inverted);--sbb-tooltip-border-radius:var(--sbb-border-radius-8x);--sbb-tooltip-padding:var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);--sbb-tooltip-background-color:var(--sbb-background-color-1-inverted);--sbb-tooltip-color:var(--sbb-color-2-inverted);--sbb-tooltip-animation-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-4x));--sbb-tooltip-animation-easing:ease-out;--sbb-tooltip-animation-translate:0 var(--sbb-spacing-fixed-2x);--sbb-tooltip-gap:var(--sbb-spacing-fixed-2x);--sbb-overlay-position-area:block-start;--sbb-overlay-position-try-fallbacks:block-start span-inline-end, block-start span-inline-start, block-end, block-end span-inline-end, block-end span-inline-start;position-area:var(--sbb-overlay-position-area);position-try-fallbacks:var(--sbb-overlay-position-try-fallbacks);pointer-events:var(--sbb-tooltip-pointer-events);z-index:var(--sbb-tooltip-z-index,var(--sbb-overlay-default-z-index));animation-name:var(--sbb-tooltip-animation-name);animation-duration:var(--sbb-tooltip-animation-duration);animation-timing-function:var(--sbb-tooltip-animation-easing);inset:initial;background-color:#0000;border:none;margin:0;padding:0;display:none;position:fixed}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){--sbb-tooltip-animation-name:open;display:block}:host(:is(:state(state-closing),[state--state-closing])){--sbb-tooltip-animation-name:close;--sbb-tooltip-pointer-events:none}:host(:is([data-position~=block-end],[data-position~=bottom],[data-position^=end])){padding-block-start:var(--sbb-tooltip-gap)}:host(:is([data-position~=block-start],[data-position~=top],[data-position^=start])){padding-block-end:var(--sbb-tooltip-gap)}:host(:is([data-position~=inline-start],[data-position~=inline-end],[data-position~=left],[data-position~=right],[data-position$=\\ start],[data-position$=\\ end])){padding-inline:var(--sbb-tooltip-gap)}.sbb-tooltip{box-shadow:var(--sbb-box-shadow-level-5-soft);--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);border:var(--sbb-border-width-1x) solid var(--sbb-tooltip-border-color);border-radius:var(--sbb-tooltip-border-radius);padding:var(--sbb-tooltip-padding);color:var(--sbb-tooltip-color);background-color:var(--sbb-tooltip-background-color);min-width:var(--sbb-tooltip-min-width);max-width:var(--sbb-tooltip-max-width)}@keyframes open{0%{opacity:0;translate:var(--sbb-tooltip-animation-translate)}to{opacity:1;translate:0}}@keyframes close{0%{opacity:1;translate:0}to{opacity:0;translate:var(--sbb-tooltip-animation-translate)}}`, x = 500, S = c || l, C = /* @__PURE__ */ new WeakMap(), w = 0, T = (() => {
-	let n = f(o), c = [], l, T = [], E = [], D, O, k;
-	return class extends n {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			l = [s(), a()], D = [a({
-				attribute: "open-delay",
-				type: Number
-			})], O = [a({
-				attribute: "close-delay",
-				type: Number
-			})], k = [a({
-				attribute: "long-press-close-delay",
-				type: Number
-			})], e(this, null, l, {
-				kind: "accessor",
-				name: "trigger",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "trigger" in e,
-					get: (e) => e.trigger,
-					set: (e, t) => {
-						e.trigger = t;
-					}
-				},
-				metadata: t
-			}, T, E), e(this, null, D, {
-				kind: "setter",
-				name: "openDelay",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "openDelay" in e,
-					set: (e, t) => {
-						e.openDelay = t;
-					}
-				},
-				metadata: t
-			}, null, c), e(this, null, O, {
-				kind: "setter",
-				name: "closeDelay",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "closeDelay" in e,
-					set: (e, t) => {
-						e.closeDelay = t;
-					}
-				},
-				metadata: t
-			}, null, c), e(this, null, k, {
-				kind: "setter",
-				name: "longPressCloseDelay",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "longPressCloseDelay" in e,
-					set: (e, t) => {
-						e.longPressCloseDelay = t;
-					}
-				},
-				metadata: t
-			}, null, c), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-tooltip";
-		}
-		static {
-			this.role = "tooltip";
-		}
-		static {
-			this.styles = [h, b];
-		}
-		static {
-			i || d(() => this._initializeTooltipOutlet());
-		}
-		#e;
-		get trigger() {
-			return this.#e;
-		}
-		set trigger(e) {
-			this.#e = e;
-		}
-		set openDelay(e) {
-			this._openDelay = e;
-		}
-		get openDelay() {
-			return this._openDelay ?? y().tooltip?.openDelay ?? 0;
-		}
-		set closeDelay(e) {
-			this._closeDelay = e;
-		}
-		get closeDelay() {
-			return this._closeDelay ?? y().tooltip?.closeDelay ?? 0;
-		}
-		set longPressCloseDelay(e) {
-			this._longPressCloseDelay = +e;
-		}
-		get longPressCloseDelay() {
-			return this._longPressCloseDelay ?? y().tooltip?.longPressCloseDelay ?? 1500;
-		}
-		constructor() {
-			super(), this.#e = (t(this, c), t(this, T, null)), this._openDelay = (t(this, E), null), this._closeDelay = null, this._triggerElement = null, this._escapableOverlayController = new g(this), this._overlayController = new _(this), this.addEventListener("mouseleave", (e) => {
-				(this.state === "opened" || this.state === "opening") && (!e.relatedTarget || !this._triggerElement?.contains(e.relatedTarget)) && this._delayedClose();
-			}, { passive: !0 }), this.addEventListener("overlayOutsidePointer", () => this.close(), { passive: !0 }), this.addEventListener("animationend", (e) => this._onTooltipAnimationEnd(e), { passive: !0 });
-		}
-		static _initializeTooltipOutlet() {
-			this._tooltipOutlet = document.createElement("div"), this._tooltipOutlet.classList.add("sbb-overlay-outlet"), document.body.appendChild(this._tooltipOutlet), new MutationObserver((e) => {
-				for (let t of e) if (t.type === "attributes") this._handleTooltipTrigger(t.target);
-				else if (t.type === "childList") for (let e of [...t.addedNodes, ...t.removedNodes].filter((e) => e.nodeType === e.ELEMENT_NODE)) this._handleTooltipTrigger(e), this._findAndHandleTooltipTriggers(e);
-			}).observe(document.documentElement, {
-				attributeFilter: [
-					"sbb-tooltip",
-					"sbb-tooltip-open-delay",
-					"sbb-tooltip-close-delay",
-					"sbb-tooltip-position"
-				],
-				childList: !0,
-				subtree: !0
-			}), this._findAndHandleTooltipTriggers(document.body);
-		}
-		static _findAndHandleTooltipTriggers(e) {
-			e.querySelectorAll("[sbb-tooltip]").forEach((e) => this._handleTooltipTrigger(e));
-		}
-		static _handleTooltipTrigger(e) {
-			let t = e.getAttribute("sbb-tooltip"), n = C.get(e);
-			if (t && e.isConnected) {
-				n || (n = document.createElement("sbb-tooltip"), C.set(e, n), this._tooltipOutlet.appendChild(n), n.trigger = e), n.textContent = t, n.openDelay = e.hasAttribute("sbb-tooltip-open-delay") ? +e.getAttribute("sbb-tooltip-open-delay") : null, n.closeDelay = e.hasAttribute("sbb-tooltip-close-delay") ? +e.getAttribute("sbb-tooltip-close-delay") : null;
-				let r = e.hasAttribute("sbb-tooltip-position") ? e.getAttribute("sbb-tooltip-position").split(",").map((e) => e.trim()) : e.tooltipPositions;
-				r && r.length > 0 ? (n.style.setProperty("--sbb-overlay-position-area", r[0]), n.style.setProperty("--sbb-overlay-position-try-fallbacks", r.slice(1).join(", "))) : (n.style.removeProperty("--sbb-overlay-position-area"), n.style.removeProperty("--sbb-overlay-position-try-fallbacks"));
-			} else n && (C.delete(e), n._destroy());
-		}
-		connectedCallback() {
-			super.connectedCallback(), this.popover = "manual", this.id ||= `sbb-tooltip-${++w}`, this.state = "closed", v.connect(this), this.hasUpdated && this.trigger && this._attach(this.trigger);
-		}
-		disconnectedCallback() {
-			super.disconnectedCallback(), v.disconnect(this), this._detach();
-		}
-		requestUpdate(e, t, n) {
-			super.requestUpdate(e, t, n), !i && (!e || e === "trigger") && this.hasUpdated && this._attach(this.trigger);
-		}
-		firstUpdated(e) {
-			super.firstUpdated(e), this._attach(this.trigger);
-		}
-		open() {
-			this._resetOpenCloseTimeout(), !(this.state !== "closed" && this.state !== "closing" || this.disabled || !this.trigger || !this.dispatchBeforeOpenEvent()) && (this.showPopover?.(), this.state = "opening", this._overlayController.connect(this.trigger), this._isZeroAnimationDuration() && this._handleOpening());
-		}
-		close() {
-			this._resetOpenCloseTimeout(), !(this.state !== "opened" && this.state !== "opening") && (this.dispatchBeforeCloseEvent(), this.state = "closing", this._isZeroAnimationDuration() && this._handleClosing());
-		}
-		_delayedOpen() {
-			this._resetOpenCloseTimeout(), this._openTimeout = setTimeout(() => this.open(), this.openDelay);
-		}
-		_handleOpening() {
-			this.state = "opened", this._escapableOverlayController.connect(), this.dispatchOpenEvent();
-		}
-		_delayedClose() {
-			this._resetOpenCloseTimeout(), this._closeTimeout = setTimeout(() => this.close(), this.closeDelay);
-		}
-		_handleClosing() {
-			this.state = "closed", this.hidePopover?.(), this._overlayController.disconnect(), this._escapableOverlayController.disconnect(), this.dispatchCloseEvent(), this._openStateController?.abort();
-		}
-		_onTooltipAnimationEnd(e) {
-			e.animationName === "open" && this.state === "opening" ? this._handleOpening() : e.animationName === "close" && this.state === "closing" && this._handleClosing();
-		}
-		_attach(e) {
-			this._triggerElement && this._detach(), this._triggerElement = e, this._triggerElement && (this._triggerElement.ariaDescribedByElements = p(this._triggerElement.ariaDescribedByElements, this), this._addTriggerEventHandlers());
-		}
-		_detach() {
-			this._triggerAbortController?.abort(), this._openStateController?.abort(), this._resetOpenCloseTimeout(), clearTimeout(this._longPressOpenTimeout), clearTimeout(this._longPressCloseTimeout), this._triggerElement &&= (this._triggerElement.ariaDescribedByElements = m(this._triggerElement.ariaDescribedByElements, this), null);
-		}
-		_destroy() {
-			this._detach(), this.remove();
-		}
-		_addTriggerEventHandlers() {
-			let e = this._triggerElement;
-			if (!e) return;
-			this._triggerAbortController?.abort(), this._triggerAbortController = new AbortController();
-			let t = {
-				signal: this._triggerAbortController.signal,
-				passive: !0
-			};
-			S || (e.addEventListener("mouseenter", () => this._delayedOpen(), t), e.addEventListener("mouseleave", (e) => {
-				let t = e.relatedTarget;
-				(!t || t !== this) && this._delayedClose();
-			}, t), e.addEventListener("blur", () => this.close(), t), e.addEventListener("focus", () => this._delayedOpen(), t)), e.addEventListener("touchstart", () => {
-				clearTimeout(this._longPressOpenTimeout), clearTimeout(this._longPressCloseTimeout), this._longPressOpenTimeout = setTimeout(() => this.open(), x);
-			}, t), e.addEventListener("touchend", () => {
-				clearTimeout(this._longPressOpenTimeout), this._longPressCloseTimeout = setTimeout(() => this.close(), this.longPressCloseDelay);
-			}, t), e.addEventListener("touchcancel", () => {
-				clearTimeout(this._longPressOpenTimeout);
-			}, t);
-		}
-		_isZeroAnimationDuration() {
-			return u(this, "--sbb-tooltip-animation-duration");
-		}
-		_resetOpenCloseTimeout() {
-			clearTimeout(this._openTimeout), clearTimeout(this._closeTimeout);
-		}
-		render() {
-			return r`
-      <div class="sbb-tooltip">
-        <slot></slot>
-      </div>
-    `;
-		}
-	};
-})();
-//#endregion
-export { T as t };

package/train-blocked-passage.component-Dz7lD_V1.js

@@ -1,23 +0,0 @@
-import { css as e, html as t } from "lit";
-import { SbbElement as n } from "./core/base-elements.js";
-import { boxSizingStyles as r } from "./core/styles.js";
-//#region src/elements/train/train-blocked-passage/train-blocked-passage.scss?lit&inline
-var i = e`:host{--sbb-train-blocked-passage-height:var(--sbb-train-formation-wagon-height);--sbb-train-blocked-passage-background-color:var(--sbb-color-error);--sbb-train-blocked-passage-bar-color:var(--sbb-color-white);--sbb-train-blocked-passage-icon-dimension:1rem;--sbb-train-blocked-passage-icon-bar-width:.625rem;--sbb-train-blocked-passage-icon-bar-height:.25rem;--sbb-train-blocked-passage-icon-bar-border-radius:.0625rem;display:block}@media (forced-colors:active){:host{--sbb-train-blocked-passage-background-color:CanvasText;--sbb-train-blocked-passage-bar-color:Canvas}}.sbb-train-blocked-passage:before{content:"";display:var(--sbb-train-formation-wagon-label-display,block);height:calc(var(--sbb-text-font-size-xxs) * var(--sbb-typo-line-height-text))}.sbb-train-blocked-passage__wrapper{width:var(--sbb-train-blocked-passage-icon-dimension);height:var(--sbb-train-blocked-passage-height);flex-direction:column;justify-content:center;display:flex}.sbb-train-blocked-passage__icon{width:100%;height:var(--sbb-train-blocked-passage-icon-dimension);background-color:var(--sbb-train-blocked-passage-background-color);border-radius:50%;flex-direction:column;align-items:center;display:flex;position:relative}.sbb-train-blocked-passage__icon:before{content:"";width:var(--sbb-train-blocked-passage-icon-bar-width);height:var(--sbb-train-blocked-passage-icon-bar-height);border-radius:var(--sbb-train-blocked-passage-icon-bar-border-radius);background-color:var(--sbb-train-blocked-passage-bar-color);margin:auto 0}`, a = class extends n {
-	static {
-		this.elementName = "sbb-train-blocked-passage";
-	}
-	static {
-		this.styles = [r, i];
-	}
-	render() {
-		return t`
-      <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 { a as t };

package/train-formation.component-CGTqQgp7.js

@@ -1,121 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n, html as r, nothing as i } from "lit";
-import { property as a, state as o } from "lit/decorators.js";
-import { SbbElement as s } from "./core/base-elements.js";
-import { SbbNamedSlotListMixin as c } from "./core/mixins.js";
-import { boxSizingStyles as l } from "./core/styles.js";
-import { SbbLanguageController as u } from "./core/controllers.js";
-import { i18nSector as d, i18nSectorShort as f, i18nTrains as p } from "./core/i18n.js";
-import { styleMap as m } from "lit/directives/style-map.js";
-//#region src/elements/train/train-formation/train-formation.scss?lit&inline
-var h = n`:host{--sbb-train-formation-sector-line-color:var(--lightningcss-light,var(--sbb-color-cement))var(--lightningcss-dark,var(--sbb-color-smoke));--sbb-train-formation-sector-line-width:var(--sbb-border-width-1x);--sbb-train-formation-blocked-passage-width:1rem;--sbb-train-formation-text-color:var(--sbb-color-3);--sbb-train-formation-vertical-gap:var(--sbb-spacing-fixed-2x);display:block}@media (forced-colors:active){:host{--sbb-train-formation-sector-line-color:CanvasText}}.sbb-train-formation{--sbb-scrollbar-thumb-width:.125rem;--sbb-scrollbar-thumb-width-hover:.25rem;--sbb-scrollbar-width-firefox:thin;--sbb-scrollbar-color:var(--lightningcss-light,color-mix(in srgb, var(--sbb-color-black) 30%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--sbb-color-white) 30%, transparent));--sbb-scrollbar-color-hover:var(--lightningcss-light,color-mix(in srgb, var(--sbb-color-black) 60%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--sbb-color-white) 60%, transparent));--sbb-scrollbar-track-color:transparent;--sbb-scrollbar-width:var(--sbb-spacing-fixed-3x)}.sbb-train-formation::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color,transparent)}.sbb-train-formation::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color,transparent)}.sbb-train-formation::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color,currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-train-formation::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover,currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-train-formation::-webkit-scrollbar-button{display:none}.sbb-train-formation::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-train-formation{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color,currentcolor) var(--sbb-scrollbar-track-color,transparent)}}.sbb-train-formation{row-gap:calc(var(--sbb-train-formation-show-sectors-gap,0) * var(--sbb-train-formation-vertical-gap));color:var(--sbb-train-formation-text-color);grid-template:"start sectors end""start trains end"/auto 1fr auto;padding-block-end:var(--sbb-train-formation-vertical-gap);display:grid;position:relative;overflow-x:auto}.sbb-train-formation:focus-visible{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-formation:before,.sbb-train-formation:after{content:"";width:var(--sbb-train-formation-padding-inline);display:block}.sbb-train-formation:before{grid-area:start}.sbb-train-formation:after{grid-area:end}.sbb-train-formation__sectors{gap:var(--sbb-train-formation-wagon-gap);grid-area:sectors;display:flex}.sbb-train-formation__sector{--_wagon-sum:var(--sbb-train-formation-wagon-count) * var(--sbb-train-formation-wagon-width);--_blocked-passage-sum:var(--sbb-train-formation-wagon-blocked-passage-count) * var(--sbb-train-formation-blocked-passage-width);--_total-count:calc(var(--sbb-train-formation-wagon-count) + var(--sbb-train-formation-wagon-blocked-passage-count));--_gap-sum:calc((var(--_total-count) - 1) * var(--sbb-train-formation-wagon-gap));--_sector-width:calc(var(--_wagon-sum) + var(--_blocked-passage-sum) + var(--_gap-sum));--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);flex:0 0 var(--_sector-width);text-align:center;overflow-x:clip}.sbb-train-formation__sector-sticky-wrapper{padding:0 var(--sbb-spacing-fixed-1x);margin:0 var(--sbb-spacing-fixed-2x);white-space:nowrap;position:sticky;inset:auto 0;overflow:hidden}.sbb-train-formation__sector-sticky-wrapper:before,.sbb-train-formation__sector-sticky-wrapper:after{content:"";inset-block:calc(50% - var(--sbb-train-formation-sector-line-width) / 2);border-block-end:var(--sbb-train-formation-sector-line-width) solid var(--sbb-train-formation-sector-line-color);width:calc(.5 * var(--_sector-width));position:absolute}.sbb-train-formation__sector-sticky-wrapper:before{inset-inline-end:100%}.sbb-train-formation__sector-sticky-wrapper:after{inset-inline-start:100%}.sbb-train-formation__trains{grid-area:trains}.sbb-train-formation__train-list{font-size:inherit;gap:var(--sbb-train-formation-wagon-gap);margin:0;padding:0;list-style:none;display:flex}.sbb-train-formation__train-list>:is(li,span){display:inline-flex}`, g = (() => {
-	let n = c(s), g, _ = [], v = [], y, b = [], x = [];
-	return class extends n {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			g = [a({ reflect: !0 })], y = [o()], e(this, null, g, {
-				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: t
-			}, _, v), e(this, null, y, {
-				kind: "accessor",
-				name: "_sectors",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "_sectors" in e,
-					get: (e) => e._sectors,
-					set: (e, t) => {
-						e._sectors = t;
-					}
-				},
-				metadata: t
-			}, b, x), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-train-formation";
-		}
-		static {
-			this.styles = [l, h];
-		}
-		#e;
-		get view() {
-			return this.#e;
-		}
-		set view(e) {
-			this.#e = e;
-		}
-		#t;
-		get _sectors() {
-			return this.#t;
-		}
-		set _sectors(e) {
-			this.#t = e;
-		}
-		constructor() {
-			super(), this.listChildLocalNames = ["sbb-train"], this.#e = t(this, _, "side"), this.#t = (t(this, v), t(this, b, [])), this._language = (t(this, x), new u(this)), this.addEventListener?.("trainslotchange", (e) => this._readSectors(e)), this.addEventListener?.("sectorchange", (e) => this._readSectors(e));
-		}
-		_readSectors(e) {
-			e?.stopPropagation(), this._sectors = Array.from(this.querySelectorAll?.("sbb-train-wagon,sbb-train-blocked-passage") ?? []).reduce((e, t) => {
-				let n = e[e.length - 1];
-				if (t.localName === "sbb-train-wagon") {
-					let r = t.sector ?? t.getAttribute("sector");
-					!n.label && r && (n.label = r), !r || n.label === r ? n.wagonCount++ : e.push({
-						label: r,
-						wagonCount: 1,
-						blockedPassageCount: 0
-					});
-				} else t.localName === "sbb-train-blocked-passage" && n.blockedPassageCount++;
-				return e;
-			}, [{
-				wagonCount: 0,
-				blockedPassageCount: 0
-			}]);
-		}
-		willUpdate(e) {
-			super.willUpdate(e), e.has("listChildren") && this._readSectors();
-		}
-		render() {
-			return r`
-      <div class="sbb-train-formation">
-        ${this._sectors.length && this._sectors[0].label !== void 0 ? r`<div class="sbb-train-formation__sectors" aria-hidden="true">
-              ${this._sectors.map((e) => r`<span
-                    class="sbb-train-formation__sector"
-                    style=${m({
-				"--sbb-train-formation-wagon-count": e.wagonCount,
-				"--sbb-train-formation-wagon-blocked-passage-count": e.blockedPassageCount
-			})}
-                  >
-                    <span class="sbb-train-formation__sector-sticky-wrapper">
-                      ${`${e.wagonCount === 1 && e.label ? f[this._language.current] : d[this._language.current]} ${e.label ? e.label : ""}`}
-                    </span>
-                  </span>`)}
-            </div>` : i}
-
-        <div class="sbb-train-formation__trains">
-          ${this.renderList({
-				class: "sbb-train-formation__train-list",
-				ariaLabel: p[this._language.current]
-			})}
-        </div>
-      </div>
-    `;
-		}
-	};
-})();
-//#endregion
-export { g as t };

package/train-wagon.component-BW-JxcK6.js

@@ -1,259 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n, nothing as r } from "lit";
-import { property as i } from "lit/decorators.js";
-import { SbbElement as a } from "./core/base-elements.js";
-import { forceType as o, handleDistinctChange as s, omitEmptyConverter as c } from "./core/decorators.js";
-import { SbbNamedSlotListMixin as l } from "./core/mixins.js";
-import { boxSizingStyles as u } from "./core/styles.js";
-import { html as d } from "lit/static-html.js";
-import { SbbLanguageController as f } from "./core/controllers.js";
-import { i18nAdditionalWagonInformationHeading as p, i18nBlockedPassage as m, i18nClass as h, i18nClosedCompartmentLabel as g, i18nCouchetteWagonLabel as _, i18nLocomotiveLabel as v, i18nRestaurantWagonLabel as y, i18nSector as b, i18nSleepingWagonLabel as x, i18nWagonLabel as S, i18nWagonLabelNumber as C } from "./core/i18n.js";
-import "./icon.js";
-import "./timetable-occupancy-icon.js";
-import { when as w } from "lit/directives/when.js";
-//#region src/elements/train/train-wagon/train-wagon.scss?lit&inline
-var T = n`:host{--sbb-train-wagon-width:var(--sbb-train-formation-wagon-width);--sbb-train-wagon-height:var(--sbb-train-formation-wagon-height);--sbb-train-wagon-shape-color:var(--sbb-color-3);--sbb-train-wagon-main-icon-height:1.25rem;--sbb-train-wagon-main-icon-margin-block-start:.625rem;--sbb-train-wagon-attribute-icon-gap:var(--sbb-spacing-fixed-1x);--sbb-train-wagon-attribute-icon-height:.875rem;--sbb-train-wagon-attribute-icon-color:var(--sbb-color-1);--sbb-train-wagon-occupancy-height:.75rem;display:block}@media (forced-colors:active){:host{--sbb-train-wagon-shape-color:CanvasText}:host([type=closed]){--sbb-train-wagon-shape-color:GrayText}}:host(:is([type=sleeping],[type=couchette])){--sbb-train-wagon-main-icon-margin-block-start:.390625rem}:host(:is([type=wagon],[type=restaurant],[type=sleeping],[type=couchette])){--sbb-train-wagon-shape:var(--sbb-train-wagon-wagon-shape)}:host([type=closed]){--sbb-train-wagon-shape:var(--sbb-train-wagon-wagon-closed-shape)}:host([type=locomotive]){--sbb-train-wagon-shape:var(--sbb-train-wagon-locomotive-shape)}:host([type=wagon-end-left]){--sbb-train-wagon-shape:var(--sbb-train-wagon-wagon-end-left-shape)}:host([type=wagon-end-right]){--sbb-train-wagon-shape:var(--sbb-train-wagon-wagon-end-right-shape)}.sbb-train-wagon{width:var(--sbb-train-wagon-width);align-items:center;gap:var(--sbb-train-formation-vertical-gap);flex-direction:column;display:flex}.sbb-train-wagon__compartment{font-size:inherit;grid-template:"label label""occupancy class"1fr/1fr 1fr;margin:0;padding:0;list-style:none;display:grid}.sbb-train-wagon__compartment:before{content:"";pointer-events:none;width:var(--sbb-train-wagon-width);height:var(--sbb-train-wagon-height);background-color:var(--sbb-train-wagon-shape-color);-webkit-mask-image:var(--sbb-train-wagon-shape);mask-image:var(--sbb-train-wagon-shape);grid-area:occupancy/occupancy/occupancy/class}.sbb-train-wagon__main-icon{--sbb-icon-svg-height:var(--sbb-train-wagon-main-icon-height);grid-area:occupancy/occupancy/occupancy/class;justify-self:center;margin-block-start:var(--sbb-train-wagon-main-icon-margin-block-start)}.sbb-train-wagon__label{--sbb-text-font-size:var(--sbb-text-font-size-xxs);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);text-align:center;display:var(--sbb-train-formation-wagon-label-display,inline-block);min-height:calc(1em * var(--sbb-typo-line-height-text));grid-area:label}.sbb-train-wagon__occupancy,.sbb-train-wagon__class{height:var(--sbb-train-wagon-height);justify-content:center;align-items:center;display:flex}.sbb-train-wagon__occupancy{--sbb-icon-svg-height:var(--sbb-train-wagon-occupancy-height);grid-area:occupancy}.sbb-train-wagon__class{--sbb-title-font-size:var(--sbb-title-font-size-level-6-lean,var(--sbb-heading-font-size-6));--sbb-title-line-height:var(--sbb-typo-line-height-text);margin-block:var(--sbb-title-margin-block,0);font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height,var(--sbb-typo-line-height-heading));letter-spacing:var(--sbb-typo-letter-spacing-heading);font-size:var(--sbb-title-font-size);grid-area:class;margin-inline:0}.sbb-train-wagon__attribute-icon-list{font-size:inherit;--sbb-icon-svg-height:var(--sbb-train-wagon-attribute-icon-height);justify-content:center;gap:var(--sbb-train-wagon-attribute-icon-gap);color:var(--sbb-train-wagon-attribute-icon-color);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.sbb-train-wagon__attribute-icon-list>:is(li,span){display:inline-flex}.sbb-screen-reader-only{clip-path:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}`, E = {
-	couchette: "sa-cc",
-	sleeping: "sa-wl",
-	restaurant: "sa-wr"
-}, D = (() => {
-	let n = l(a), D, O = [], k = [], A, j = [], M = [], N, P = [], F = [], I, L = [], R = [], z, B = [], V = [], H, U = [], W = [], G, K = [], q = [];
-	return class extends n {
-		constructor() {
-			super(...arguments), this.#e = t(this, O, "wagon"), this.listChildLocalNames = (t(this, k), ["sbb-icon"]), this.#t = t(this, j, null), this.#n = (t(this, M), t(this, P, "")), this.#r = (t(this, F), t(this, L, "none")), this.#i = (t(this, R), t(this, B, null)), this.#a = (t(this, V), t(this, U, "")), this.#o = (t(this, W), t(this, K, "")), this._language = (t(this, q), new f(this));
-		}
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			D = [i({ reflect: !0 })], A = [i()], N = [
-				o(),
-				s((e) => e._sectorChanged()),
-				i({
-					reflect: !0,
-					converter: c
-				})
-			], I = [i({ attribute: "blocked-passage" })], z = [i({ attribute: "wagon-class" })], H = [o(), i({
-				reflect: !0,
-				converter: c
-			})], G = [o(), i({ attribute: "additional-accessibility-text" })], e(this, null, D, {
-				kind: "accessor",
-				name: "type",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "type" in e,
-					get: (e) => e.type,
-					set: (e, t) => {
-						e.type = t;
-					}
-				},
-				metadata: t
-			}, O, k), e(this, null, A, {
-				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: t
-			}, j, M), e(this, null, N, {
-				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: t
-			}, P, F), e(this, null, I, {
-				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: t
-			}, L, R), e(this, null, z, {
-				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: t
-			}, B, V), e(this, null, H, {
-				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: t
-			}, U, W), e(this, null, G, {
-				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: t
-			}, K, q), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-train-wagon";
-		}
-		static {
-			this.styles = [u, T];
-		}
-		static {
-			this.events = { sectorchange: "sectorchange" };
-		}
-		#e;
-		get type() {
-			return this.#e;
-		}
-		set type(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;
-		}
-		_sectorChanged() {
-			this.dispatchEvent(new Event("sectorchange", {
-				bubbles: !0,
-				composed: !0
-			}));
-		}
-		_typeLabel() {
-			return this.type === "closed" ? g[this._language.current] : this.type === "locomotive" ? v[this._language.current] : this.type === "couchette" ? _[this._language.current] : this.type === "sleeping" ? x[this._language.current] : this.type === "restaurant" ? y[this._language.current] : S[this._language.current];
-		}
-		render() {
-			let e = this.type === "wagon-end-left" && this.blockedPassage === "none" ? "previous" : this.type === "wagon-end-right" && this.blockedPassage === "none" ? "next" : this.blockedPassage ?? "none", t = e !== "none", n = +!!this.sector + +!!this.label + +(!!this.wagonClass && this.type !== "closed") + +(!!this.occupancy && this.type !== "closed") + +t, i = `${b[this._language.current]}, ${this.sector}`, a = this.label ? d`<span class="sbb-screen-reader-only">
-            ${`${C[this._language.current]}, ${this.label}`}
-          </span>
-          <span aria-hidden="true">${this.label}</span>` : r, o = d`<span class="sbb-screen-reader-only">
-        ${this.wagonClass === "1" ? h.first[this._language.current] : h.second[this._language.current]}
-      </span>
-      <span aria-hidden="true">${this.wagonClass}</span>`, s = E[this.type] ? d`<sbb-icon
-          name=${E[this.type]}
-          class="sbb-train-wagon__main-icon"
-        ></sbb-icon>` : r;
-			return d`
-      <div class="sbb-train-wagon">
-        ${w(n > 1, () => d`<ul aria-label=${this._typeLabel()} class="sbb-train-wagon__compartment">
-              ${this.sector ? d`<li class="sbb-screen-reader-only">${i}</li>` : r}
-              <li class="sbb-train-wagon__label" aria-hidden=${`${!this.label}`}>
-                ${a}
-              </li>
-              ${this.wagonClass && this.type !== "closed" ? d`<li class="sbb-train-wagon__class">${o}</li>` : r}
-              ${this.occupancy && this.type !== "closed" ? d`<sbb-timetable-occupancy-icon
-                    class="sbb-train-wagon__occupancy"
-                    role="listitem"
-                    occupancy=${this.occupancy}
-                  ></sbb-timetable-occupancy-icon>` : r}
-              ${t ? d`<li class="sbb-screen-reader-only">
-                    ${m[e][this._language.current]}
-                  </li>` : r}
-              ${s}
-            </ul>`, () => d`<div class="sbb-train-wagon__compartment">
-              <span class="sbb-screen-reader-only">
-                ${`${this._typeLabel()}${this.sector ? `, ${i}` : ""}`}
-              </span>
-              <span class="sbb-train-wagon__label" aria-hidden=${`${!this.label}`}>
-                ${a}
-              </span>
-
-              ${this.wagonClass && this.type !== "closed" ? d`<span class="sbb-train-wagon__class">${o}</span>` : r}
-              ${this.occupancy && this.type !== "closed" ? d`<sbb-timetable-occupancy-icon
-                    class="sbb-train-wagon__occupancy"
-                    occupancy=${this.occupancy}
-                  ></sbb-timetable-occupancy-icon>` : r}
-              ${t ? d`<span class="sbb-screen-reader-only">
-                    ${m[e][this._language.current]}
-                  </span>` : r}
-              ${s}
-            </div> `)}
-        ${this.additionalAccessibilityText ? d`<span class="sbb-screen-reader-only">, ${this.additionalAccessibilityText}</span>` : r}
-        ${this.renderList({
-				class: "sbb-train-wagon__attribute-icon-list",
-				ariaLabel: p[this._language.current]
-			})}
-      </div>
-    `;
-		}
-	};
-})();
-//#endregion
-export { D as t };