@sbb-esta/lyne-elements 4.8.0 → 4.9.0

package/teaser-product-common-DkumwiRA.js

@@ -1,62 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n, html as r } from "lit";
-import { property as i } from "lit/decorators.js";
-import { SbbNegativeMixin as a } from "./core/mixins.js";
-//#region src/elements/teaser-product/common/teaser-product-common.scss?lit&inline
-var o = n`:host{--sbb-teaser-product-background-color:var(--lightningcss-light,var(--sbb-color-cloud))var(--lightningcss-dark,var(--sbb-color-midnight));--sbb-teaser-product-background-gradient-direction:to right;--sbb-teaser-product-background:var(--sbb-teaser-product-background-color);--sbb-teaser-product-border-radius:var(--sbb-border-radius-4x);--sbb-teaser-product-content-color:var(--sbb-color-4);--sbb-teaser-product-footer-color:var(--lightningcss-light,var(--sbb-color-anthracite))var(--lightningcss-dark,var(--sbb-color-cloud));--sbb-teaser-product-container-padding-block:var(--sbb-spacing-responsive-l);--sbb-teaser-product-min-height:37.5rem;--sbb-teaser-product-background-gradient-start:25%;--sbb-teaser-product-background-gradient-end:75%;display:block}@media (width>=64rem){:host{--sbb-teaser-product-background:linear-gradient(var(--sbb-teaser-product-background-gradient-direction), var(--sbb-teaser-product-background-color) var(--sbb-teaser-product-background-gradient-start), transparent var(--sbb-teaser-product-background-gradient-end))}}:host([negative]){--sbb-teaser-product-background-color:var(--sbb-background-color-1-negative);--sbb-teaser-product-content-color:var(--sbb-color-4-negative);--sbb-teaser-product-footer-color:var(--sbb-color-4-negative);--sbb-focus-outline-color:var(--sbb-focus-outline-color-dark);--sbb-title-text-color-normal-override:var(--sbb-color-3-negative)}:host([image-alignment=before]){--sbb-teaser-product-background-gradient-direction:to left}.sbb-teaser-product__image-container{border-radius:var(--sbb-teaser-product-border-radius) var(--sbb-teaser-product-border-radius) 0 0;overflow:hidden}@media (width>=64rem){.sbb-teaser-product__image-container{border-radius:var(--sbb-teaser-product-border-radius);position:absolute;inset:0}}::slotted(p.sbb-teaser-product--spacing){margin:0}::slotted(sbb-title.sbb-teaser-product--spacing){margin-block-start:0}::slotted(:is(sbb-action-group,:is(:state(action),[state--action])).sbb-teaser-product--spacing){margin-block-start:var(--sbb-spacing-responsive-xxs)}::slotted([slot=image]){width:100%;height:100%;display:flex}@media (forced-colors:active){.sbb-teaser-product__root:after{content:"";pointer-events:none;border:var(--sbb-border-width-2x) solid CanvasText;border-radius:var(--sbb-teaser-product-border-radius);display:block;position:absolute;inset:0}}.sbb-action-base{text-decoration:none;display:block;position:relative}.sbb-teaser-product__container{background:var(--sbb-teaser-product-background);border-radius:0 0 var(--sbb-teaser-product-border-radius) var(--sbb-teaser-product-border-radius);padding:var(--sbb-spacing-responsive-s)}@media (width>=64rem){.sbb-teaser-product__container{column-gap:var(--sbb-spacing-responsive-xxl);background:var(--sbb-teaser-product-background);border-radius:var(--sbb-teaser-product-border-radius);padding-block:var(--sbb-teaser-product-container-padding-block) 0;padding-inline:var(--sbb-spacing-responsive-xl);grid:"content."1fr"footnote."/1fr 1fr;display:grid;position:relative}:host([image-alignment=before]) .sbb-teaser-product__container{grid-template-areas:".content"".footnote"}}.sbb-teaser-product__content{color:var(--sbb-teaser-product-content-color);grid-area:content;align-self:center;margin:0}@media (width>=64rem){.sbb-teaser-product__content{min-height:calc(var(--sbb-teaser-product-min-height) - 2 * var(--sbb-teaser-product-container-padding-block));align-content:center}}.sbb-teaser-product__footnote{color:var(--sbb-teaser-product-footer-color);--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);grid-area:footnote;padding-block-start:var(--sbb-spacing-responsive-s)}:host(:not(:is(:state(slotted-footnote),[state--slotted-footnote]))) .sbb-teaser-product__footnote{padding-block-start:0}@media (width>=64rem){.sbb-teaser-product__footnote{min-height:var(--sbb-teaser-product-container-padding-block);padding-block:var(--sbb-spacing-responsive-xs)}}`, s = (n) => (() => {
-	let o = a(n), s, c = [], l = [];
-	return class extends o {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
-			s = [i({
-				attribute: "image-alignment",
-				reflect: !0
-			})], e(this, null, s, {
-				kind: "accessor",
-				name: "imageAlignment",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "imageAlignment" in e,
-					get: (e) => e.imageAlignment,
-					set: (e, t) => {
-						e.imageAlignment = t;
-					}
-				},
-				metadata: t
-			}, c, l), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		#e = t(this, c, "after");
-		get imageAlignment() {
-			return this.#e;
-		}
-		set imageAlignment(e) {
-			this.#e = e;
-		}
-		renderTemplate() {
-			return r`
-        <div class="sbb-teaser-product__root">
-          <div class="sbb-teaser-product__image-container"><slot name="image"></slot></div>
-          <div class="sbb-teaser-product__container">
-            <span class="sbb-teaser-product__content">
-              <slot></slot>
-            </span>
-            <div class="sbb-teaser-product__footnote">
-              <slot name="footnote"></slot>
-            </div>
-          </div>
-        </div>
-      `;
-		}
-		constructor() {
-			super(...arguments), t(this, l);
-		}
-	};
-})();
-//#endregion
-export { o as n, s as t };

package/teaser.component-C7sJLVMk.js

@@ -1,91 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n } from "lit";
-import { property as r } from "lit/decorators.js";
-import { SbbLinkBaseElement as i } from "./core/base-elements.js";
-import { boxSizingStyles as a } from "./core/styles.js";
-import { html as o } from "lit/static-html.js";
-import "./screen-reader-only.js";
-//#region src/elements/teaser/teaser.scss?lit&inline
-var s = n`:host{--sbb-teaser-scale-hover:1.02;--sbb-teaser-description-color:var(--lightningcss-light,var(--sbb-color-granite))var(--lightningcss-dark,var(--sbb-color-silver));--sbb-teaser-flex-direction:row;--sbb-teaser-align-items:center;--sbb-teaser-gap:var(--sbb-spacing-fixed-4x);--sbb-teaser-border-radius:var(--sbb-border-radius-4x);display:inline-block;outline:none!important}@media (forced-colors:active){:host{--sbb-teaser-description-color:LinkText;--sbb-title-text-color-normal-override:LinkText!important}}:host([alignment=after]){--sbb-teaser-align-items:start}:host([alignment=below]){--sbb-teaser-flex-direction:column;--sbb-teaser-align-items:baseline;--sbb-teaser-gap:var(--sbb-spacing-fixed-3x)}@media (any-hover:hover){:host(:hover){--sbb-teaser-scale:var(--sbb-teaser-scale-hover)}}.sbb-teaser__wrapper{cursor:var(--sbb-cursor-pointer);display:flex;position:relative}.sbb-teaser__wrapper:before{content:"​";-webkit-user-select:none;user-select:none;width:0;height:0}.sbb-teaser{text-decoration:none;position:absolute;inset:0}.sbb-teaser: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);border-radius:var(--sbb-teaser-border-radius)}@media (forced-colors:active){.sbb-teaser:focus-visible{outline-offset:calc(2 * var(--sbb-focus-outline-offset))}.sbb-teaser:before{content:"";inset:calc(-1 * var(--sbb-focus-outline-offset));pointer-events:none;border-radius:calc(var(--sbb-teaser-border-radius) + var(--sbb-focus-outline-offset));border:var(--sbb-border-width-1x) solid CanvasText;position:absolute}}.sbb-teaser__container{flex-flow:var(--sbb-teaser-flex-direction) nowrap;align-items:var(--sbb-teaser-align-items);gap:var(--sbb-teaser-gap);pointer-events:none;width:100%;max-width:100%;display:flex}.sbb-teaser__text{--sbb-text-font-size:var(--sbb-text-font-size-s);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);color:var(--sbb-teaser-description-color);max-width:100%;overflow:hidden}::slotted([slot=image]){width:18.75rem;display:block}.sbb-teaser__image-wrapper{border-radius:var(--sbb-teaser-border-radius);transition:box-shadow var(--sbb-teaser-image-animation-duration) var(--sbb-animation-easing);flex-shrink:0;overflow:hidden}:host(:not(:is(:state(slotted-image),[state--slotted-image]))) .sbb-teaser__image-wrapper{display:none}@media (any-hover:hover){:host(:hover) .sbb-teaser__image-wrapper{box-shadow:var(--sbb-box-shadow-level-9-hard)}}.sbb-teaser__description{margin:0;padding:0;display:inline-block}::slotted(sbb-chip-label){max-width:fit-content;margin-block-end:var(--sbb-spacing-fixed-1x);display:block}::slotted(sbb-title){margin-block:0}`, c = (() => {
-	let n = i, c, l = [], u = [];
-	return class extends n {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			c = [r({ reflect: !0 })], e(this, null, c, {
-				kind: "accessor",
-				name: "alignment",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "alignment" in e,
-					get: (e) => e.alignment,
-					set: (e, t) => {
-						e.alignment = t;
-					}
-				},
-				metadata: t
-			}, l, u), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-teaser";
-		}
-		static {
-			this.styles = [a, s];
-		}
-		#e = t(this, l, "after-centered");
-		get alignment() {
-			return this.#e;
-		}
-		set alignment(e) {
-			this.#e = e;
-		}
-		_handleSlotchange() {
-			let e = Array.from(this.children).find((e) => e.localName === "sbb-chip-label");
-			e && (e.slot = "chip");
-			let t = Array.from(this.children).find((e) => e.localName === "sbb-title");
-			t && (t.slot = "title");
-		}
-		_configureChip(e) {
-			let t = e.target.assignedElements().find((e) => e.localName === "sbb-chip-label");
-			t && (customElements.upgrade(t), t.color = "charcoal", t.size = "xxs");
-		}
-		_configureTitle(e) {
-			let t = e.target.assignedElements().find((e) => e.localName === "sbb-title");
-			t && (customElements.upgrade(t), t.visualLevel = "5");
-		}
-		render() {
-			return o`
-      <div class="sbb-teaser__wrapper">
-        ${this.renderLink(o`<sbb-screen-reader-only>${this.accessibilityLabel}</sbb-screen-reader-only>`)}
-        ${this.renderContent()}
-      </div>
-    `;
-		}
-		renderContent() {
-			return o`
-      <span class="sbb-teaser__container">
-        <span class="sbb-teaser__image-wrapper">
-          <slot name="image"></slot>
-        </span>
-        <span class="sbb-teaser__text">
-          <slot name="chip" @slotchange=${this._configureChip}></slot>
-          <slot name="title" @slotchange=${this._configureTitle}></slot>
-          <p class="sbb-teaser__description">
-            <slot @slotchange=${this._handleSlotchange}></slot>
-          </p>
-        </span>
-      </span>
-    `;
-		}
-		constructor() {
-			super(...arguments), t(this, u);
-		}
-	};
-})();
-//#endregion
-export { c as t };

package/timetable-form-details.component-DI5Mr8-O.js

@@ -1,16 +0,0 @@
-import { css as e, html as t } from "lit";
-import { SbbElement as n } from "./core/base-elements.js";
-//#region src/elements/timetable-form/timetable-form-details/timetable-form-details.scss?lit&inline
-var r = e`:host{--sbb-timetable-form-details-padding-block:var(--sbb-spacing-fixed-1x);--sbb-timetable-form-details-padding-inline:var(--sbb-spacing-responsive-xxs);--sbb-timetable-form-details-horizontal-divider-height:1.5rem;gap:var(--sbb-spacing-fixed-1x);border-block-start:var(--sbb-border-width-1x) solid var(--sbb-border-color-4-inverted);padding-block:var(--sbb-timetable-form-details-padding-block);flex-wrap:wrap;align-items:center;padding-inline-start:calc(var(--sbb-size-icon-ui-small) + var(--sbb-spacing-responsive-xxxs));display:flex}::slotted(sbb-form-field){--sbb-form-field-border-radius:var(--sbb-border-radius-6x);--sbb-form-field-outline-offset:-.3125rem}::slotted(sbb-divider[orientation=vertical]){height:var(--sbb-timetable-form-details-horizontal-divider-height)}::slotted(:last-child){margin-inline-end:var(--sbb-timetable-form-details-padding-inline)}`, i = class extends n {
-	static {
-		this.elementName = "sbb-timetable-form-details";
-	}
-	static {
-		this.styles = r;
-	}
-	render() {
-		return t`<slot></slot>`;
-	}
-};
-//#endregion
-export { i as t };

package/timetable-form-field.component-2kEWygEC.js

@@ -1,32 +0,0 @@
-import { css as e, html as t, isServer as n } from "lit";
-import { SbbFormFieldElement as r } from "./form-field.pure.js";
-//#region src/elements/timetable-form/timetable-form-field/timetable-form-field.scss?lit&inline
-var i = e`:host{--sbb-form-field-border-radius:var(--sbb-border-radius-6x);--sbb-form-field-outline-offset:-.3125rem;--sbb-timetable-form-field-route-icon-color:var(--sbb-color-2);--sbb-timetable-form-field-route-icon-background-color:var(--sbb-background-color-1);display:flex}:host(:first-of-type){--sbb-timetable-form-field-route-icon-rotate:90deg}:host(:last-of-type){--sbb-timetable-form-field-route-icon-rotate:-90deg;--sbb-timetable-form-field-route-icon-translate:-.0625rem 0}:host(:where(:not(:last-of-type))) .sbb-form-field__wrapper:after{content:"";border-block-end:var(--sbb-border-width-1x) var(--sbb-form-field-border-style) var(--sbb-border-color-4-inverted);inset-inline:var(--sbb-form-field-padding-inline);position:absolute;inset-block-end:0}.sbb-timetable-form-field__start-route-icon{rotate:var(--sbb-timetable-form-field-route-icon-rotate);translate:var(--sbb-timetable-form-field-route-icon-translate);align-self:center;margin-inline-start:var(--sbb-form-field-padding-inline)}.sbb-timetable-form-field__start-route-icon:after{--connecting-line-offset:.1875rem;--connecting-line-width:calc((var(--sbb-form-field-min-height) - var(--sbb-icon-svg-height)) / 2 + var(--connecting-line-offset));content:"";border-block-start:var(--sbb-border-width-1x) solid var(--sbb-timetable-form-field-route-icon-color);width:var(--connecting-line-width);margin-left:calc(var(--connecting-line-offset) * -1);position:absolute;inset-block-start:50%}.sbb-timetable-form-field__via-route-icon{width:var(--sbb-size-icon-ui-small);align-self:stretch;margin-inline-start:var(--sbb-form-field-padding-inline);position:relative}.sbb-timetable-form-field__via-route-icon:before{content:"";border-inline-start:var(--sbb-border-width-1x) solid var(--sbb-timetable-form-field-route-icon-color);height:100%;margin-inline-start:-.0625rem;position:absolute;inset-inline-start:50%}.sbb-timetable-form-field__via-route-icon:after{content:"";border:var(--sbb-border-width-1x) solid var(--sbb-timetable-form-field-route-icon-color);border-radius:var(--sbb-border-radius-infinity);background-color:var(--sbb-timetable-form-field-route-icon-background-color);width:.4375rem;height:.4375rem;margin-inline-start:-.03125rem;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}.sbb-form-field__space-wrapper{flex-grow:1}`;
-//#endregion
-//#region src/elements/timetable-form/timetable-form-field/timetable-form-field.component.ts
-r.define();
-var a = class extends r {
-	static {
-		this.elementName = "sbb-timetable-form-field";
-	}
-	static {
-		this.styles = [r.styles, i];
-	}
-	constructor() {
-		super(), this._routeIcon = !1, this.borderless = !0, this.floatingLabel = !0, this.width = "collapse", this.size = "l";
-	}
-	connectedCallback() {
-		super.connectedCallback(), !n && this.hydrationComplete.then(() => this._routeIcon = this.matches(":first-of-type, :last-of-type"));
-	}
-	render() {
-		return t`
-      ${this._routeIcon ? t` <sbb-icon
-            name="route-circle-start-small"
-            class="sbb-timetable-form-field__start-route-icon"
-          ></sbb-icon>` : t` <span class="sbb-timetable-form-field__via-route-icon"></span> `}
-      ${super.render()}
-    `;
-	}
-};
-//#endregion
-export { a as t };

package/toggle-check.component-CPewUjOg.js

@@ -1,119 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n, html as r } from "lit";
-import { property as i } from "lit/decorators.js";
-import { SbbElement as a } from "./core/base-elements.js";
-import { isLean as o } from "./core/dom.js";
-import { SbbFormAssociatedCheckboxMixin as s } from "./core/mixins.js";
-import { boxSizingStyles as c } from "./core/styles.js";
-import { SbbIconNameMixin as l } from "./icon.js";
-//#region src/elements/toggle-check/toggle-check.scss?lit&inline
-var u = n`:host{--sbb-toggle-check-color:var(--sbb-color-2);--sbb-toggle-check-checked-color:var(--sbb-color-primary);--sbb-toggle-check-background-color:var(--sbb-background-color-4);--sbb-toggle-check-icon-color:var(--sbb-toggle-check-checked-color);--sbb-toggle-check-icon-opacity:0;--sbb-toggle-check-circle-background-color:var(--sbb-background-color-1);--sbb-toggle-check-circle-border-color:var(--sbb-border-color-5);--sbb-toggle-check-circle-border-style:solid;--sbb-toggle-check-circle-diameter:1.75rem;--sbb-toggle-check-overall-height:var(--sbb-toggle-check-circle-diameter);--sbb-toggle-check-circle-transform:translate(0, -50%);--sbb-toggle-check-height:1.5rem;--sbb-toggle-check-width:calc(2 * var(--sbb-toggle-check-height));--sbb-toggle-check-cursor:var(--sbb-cursor-pointer);--sbb-toggle-check-flex-direction:row-reverse;--sbb-toggle-check-gap:var(--sbb-spacing-fixed-3x);--sbb-toggle-check-animation-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-6x));display:inline-block;outline:none!important}@media (forced-colors:active){:host{--sbb-toggle-check-background-color:CanvasText;--sbb-toggle-check-circle-background-color:Canvas}}:host([size=m]){--sbb-toggle-check-overall-height:calc(1em * var(--sbb-typo-line-height-text))}:host(:is(:state(checked),[state--checked])){--sbb-toggle-check-background-color:var(--sbb-toggle-check-checked-color);--sbb-toggle-check-circle-background-color:var(--sbb-background-color-1-negative-inverted);--sbb-toggle-check-circle-border-color:var(--sbb-toggle-check-background-color);--sbb-toggle-check-icon-opacity:1;--sbb-toggle-check-circle-transform:translate(calc(100% - 2 * (100% - .5 * var(--sbb-toggle-check-width))), -50%)}@media (forced-colors:active){:host(:is(:state(checked),[state--checked])){--sbb-toggle-check-icon-color:Highlight;--sbb-toggle-check-background-color:Highlight}}:host(:disabled){--sbb-toggle-check-background-color:var(--sbb-background-color-4);--sbb-toggle-check-circle-background-color:var(--sbb-background-color-3);--sbb-toggle-check-circle-border-color:var(--sbb-border-color-5);--sbb-toggle-check-circle-border-style:dashed;--sbb-toggle-check-icon-color:var(--lightningcss-light,var(--sbb-color-granite))var(--lightningcss-dark,var(--sbb-color-storm));--sbb-toggle-check-cursor:var(--sbb-cursor-default)}@media (forced-colors:active){:host(:disabled){--sbb-toggle-check-icon-color:GrayText;--sbb-toggle-check-background-color:GrayText;--sbb-toggle-check-circle-border-style:solid}}:host([label-position=before]){--sbb-toggle-check-flex-direction:row}.sbb-toggle-check{color:var(--sbb-toggle-check-color);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:var(--sbb-toggle-check-cursor);display:flex;position:relative}.sbb-toggle-check:before{content:"​";-webkit-user-select:none;user-select:none;width:0;height:0}:host(:focus-visible) .sbb-toggle-check{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style,solid) var(--sbb-focus-outline-width);border-radius:calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset))}.sbb-toggle-check__container{--sbb-text-font-size:var(--sbb-text-font-size-s);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-direction:var(--sbb-toggle-check-flex-direction);gap:var(--sbb-toggle-check-gap);align-items:start;width:100%;display:flex}:host([size=m]) .sbb-toggle-check__container{--sbb-text-font-size:var(--sbb-text-font-size-m);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)}:host([size=xs]) .sbb-toggle-check__container{--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)}.sbb-toggle-check__label{flex-grow:1;padding-block-start:calc((var(--sbb-toggle-check-circle-diameter) - var(--sbb-typo-line-height-text) * 1em) / 2)}:host(:not(:is(:state(slotted),[state--slotted]))) .sbb-toggle-check__label{display:none}.sbb-toggle-check__track{min-width:var(--sbb-toggle-check-width);height:var(--sbb-toggle-check-height);border-radius:var(--sbb-border-radius-infinity);background-color:var(--sbb-toggle-check-background-color);margin-block:calc((var(--sbb-toggle-check-overall-height) - var(--sbb-toggle-check-height)) / 2);display:inline-block;position:relative}.sbb-toggle-check__circle{box-shadow:var(--sbb-box-shadow-level-5-hard);width:var(--sbb-toggle-check-circle-diameter);height:var(--sbb-toggle-check-circle-diameter);border:var(--sbb-border-width-1x) var(--sbb-toggle-check-circle-border-style) var(--sbb-toggle-check-circle-border-color);background-color:var(--sbb-toggle-check-circle-background-color);color:var(--sbb-toggle-check-icon-color);will-change:transform;transform:translateY(-50%);transform:var(--sbb-toggle-check-circle-transform);transition:transform ease var(--sbb-toggle-check-animation-duration);border-radius:50%;position:absolute;top:50%}.sbb-toggle-check__icon{width:var(--sbb-size-icon-ui-small);height:var(--sbb-size-icon-ui-small);opacity:var(--sbb-toggle-check-icon-opacity);transition:opacity ease var(--sbb-toggle-check-animation-duration);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}`, d = (() => {
-	let n = l(s(a)), d, f = [], p = [], m, h = [], g = [], _, v = [], y = [];
-	return class extends n {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			d = [i()], m = [i({ reflect: !0 })], _ = [i({
-				attribute: "label-position",
-				reflect: !0
-			})], e(this, null, d, {
-				kind: "accessor",
-				name: "value",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "value" in e,
-					get: (e) => e.value,
-					set: (e, t) => {
-						e.value = t;
-					}
-				},
-				metadata: t
-			}, f, p), e(this, null, m, {
-				kind: "accessor",
-				name: "size",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "size" in e,
-					get: (e) => e.size,
-					set: (e, t) => {
-						e.size = t;
-					}
-				},
-				metadata: t
-			}, h, g), e(this, null, _, {
-				kind: "accessor",
-				name: "labelPosition",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "labelPosition" in e,
-					get: (e) => e.labelPosition,
-					set: (e, t) => {
-						e.labelPosition = t;
-					}
-				},
-				metadata: t
-			}, v, y), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-toggle-check";
-		}
-		static {
-			this.styles = [c, u];
-		}
-		#e = t(this, f, null);
-		get value() {
-			return this.#e;
-		}
-		set value(e) {
-			this.#e = e;
-		}
-		#t = (t(this, p), t(this, h, o() ? "xs" : "s"));
-		get size() {
-			return this.#t;
-		}
-		set size(e) {
-			this.#t = e;
-		}
-		#n = (t(this, g), t(this, v, "after"));
-		get labelPosition() {
-			return this.#n;
-		}
-		set labelPosition(e) {
-			this.#n = e;
-		}
-		requestUpdate(e, t, n) {
-			super.requestUpdate(e, t, n), e === "checked" && (this.internals.ariaChecked = `${this.checked}`, this.toggleState("checked", this.checked));
-		}
-		renderIconName() {
-			return super.renderIconName() || "tick-small";
-		}
-		render() {
-			return r`
-      <span class="sbb-toggle-check">
-        <span class="sbb-toggle-check__container">
-          <span class="sbb-toggle-check__label">
-            <slot></slot>
-          </span>
-          <span class="sbb-toggle-check__track">
-            <span class="sbb-toggle-check__circle">
-              <span class="sbb-toggle-check__icon"> ${this.renderIconSlot()} </span>
-            </span>
-          </span>
-        </span>
-      </span>
-    `;
-		}
-		constructor() {
-			super(...arguments), t(this, y);
-		}
-	};
-})();
-//#endregion
-export { d as t };

package/train-blocked-passage.component-RIMoX91U.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-B17tc6cx.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 };