@sbb-esta/lyne-elements-experimental-dev 4.7.0-dev.1773388997 → 4.7.0-dev.1773393170

package/isValid-B9oVW3lA.js

@@ -1,36 +0,0 @@
-import { n as e, r as t, t as n } from "./toDate-p-Tpkb7t.js";
-//#region node_modules/date-fns/_lib/getTimezoneOffsetInMilliseconds.js
-function r(e) {
-	let t = n(e), r = new Date(Date.UTC(t.getFullYear(), t.getMonth(), t.getDate(), t.getHours(), t.getMinutes(), t.getSeconds(), t.getMilliseconds()));
-	return r.setUTCFullYear(t.getFullYear()), e - +r;
-}
-//#endregion
-//#region node_modules/date-fns/_lib/normalizeDates.js
-function i(t, ...n) {
-	let r = e.bind(null, t || n.find((e) => typeof e == "object"));
-	return n.map(r);
-}
-//#endregion
-//#region node_modules/date-fns/startOfDay.js
-function a(e, t) {
-	let r = n(e, t?.in);
-	return r.setHours(0, 0, 0, 0), r;
-}
-//#endregion
-//#region node_modules/date-fns/differenceInCalendarDays.js
-function o(e, n, o) {
-	let [s, c] = i(o?.in, e, n), l = a(s), u = a(c), d = +l - r(l), f = +u - r(u);
-	return Math.round((d - f) / t);
-}
-//#endregion
-//#region node_modules/date-fns/isDate.js
-function s(e) {
-	return e instanceof Date || typeof e == "object" && Object.prototype.toString.call(e) === "[object Date]";
-}
-//#endregion
-//#region node_modules/date-fns/isValid.js
-function c(e) {
-	return !(!s(e) && typeof e != "number" || isNaN(+n(e)));
-}
-//#endregion
-export { o as n, i as r, c as t };

package/journey-summary.component-Cq_4kaOp.js

@@ -1,264 +0,0 @@
-import { t as e } from "./format-CM5exOsN.js";
-import { t } from "./isValid-B9oVW3lA.js";
-import { __esDecorate as n, __runInitializers as r } from "tslib";
-import { SbbElement as i } from "@sbb-esta/lyne-elements/core/base-elements.js";
-import { SbbLanguageController as a } from "@sbb-esta/lyne-elements/core/controllers.js";
-import { forceType as o } from "@sbb-esta/lyne-elements/core/decorators.js";
-import { boxSizingStyles as s } from "@sbb-esta/lyne-elements/core/styles.js";
-import { css as c, html as l, nothing as u } from "lit";
-import { defaultDateAdapter as d } from "@sbb-esta/lyne-elements/core/datetime.js";
-import { i18nTripDuration as f } from "@sbb-esta/lyne-elements/core/i18n.js";
-import { property as p } from "lit/decorators.js";
-import { durationToTime as m, removeTimezoneFromISOTimeString as h } from "./core/datetime.js";
-import "@sbb-esta/lyne-elements/divider.js";
-import "@sbb-esta/lyne-elements/screen-reader-only.js";
-import "@sbb-esta/lyne-elements/journey-header.js";
-import "./pearl-chain-time.js";
-//#region src/elements-experimental/journey-summary/journey-summary.scss?lit&inline
-var g = c`:host{display:block}.sbb-journey-summary{--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-color-4);flex-direction:column;display:flex}.sbb-journey-summary__via-block{display:flex}.sbb-journey-summary__vias{white-space:nowrap;text-overflow:ellipsis;margin-block:0;padding-inline-start:var(--sbb-spacing-fixed-1x);overflow:hidden}.sbb-journey-summary__date{margin-block-end:var(--sbb-spacing-fixed-2x)}.sbb-journey-summary__via{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sbb-journey-summary__divider{margin-block:var(--sbb-spacing-fixed-6x)}ul li{list-style:none;display:inline}`, _ = (() => {
-	let c = i, _ = [], v, y = [], b = [], x, S = [], C = [], w, T = [], E = [], D, O = [], k = [], A, j = [], M = [], N, P = [], F = [], I;
-	return class extends c {
-		constructor() {
-			super(...arguments), this.#e = (r(this, _), r(this, y, null)), this.#t = (r(this, b), r(this, S, null)), this.#n = (r(this, C), r(this, T, !1)), this.#r = (r(this, E), r(this, O, "3")), this.#i = (r(this, k), r(this, j, !1)), this.#a = (r(this, M), r(this, P, !1)), this._now = (r(this, F), null), this._hasContentSlot = !1, this._language = new a(this);
-		}
-		static {
-			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
-			v = [p({ type: Object })], x = [p({
-				attribute: "trip-back",
-				type: Object
-			})], w = [o(), p({
-				attribute: "round-trip",
-				type: Boolean
-			})], D = [p({ attribute: "header-level" })], A = [o(), p({
-				attribute: "disable-animation",
-				type: Boolean
-			})], N = [o(), p({
-				attribute: "a11y-footpath",
-				type: Boolean
-			})], I = [p()], n(this, null, v, {
-				kind: "accessor",
-				name: "trip",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "trip" in e,
-					get: (e) => e.trip,
-					set: (e, t) => {
-						e.trip = t;
-					}
-				},
-				metadata: e
-			}, y, b), n(this, null, x, {
-				kind: "accessor",
-				name: "tripBack",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "tripBack" in e,
-					get: (e) => e.tripBack,
-					set: (e, t) => {
-						e.tripBack = t;
-					}
-				},
-				metadata: e
-			}, S, C), n(this, null, w, {
-				kind: "accessor",
-				name: "roundTrip",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "roundTrip" in e,
-					get: (e) => e.roundTrip,
-					set: (e, t) => {
-						e.roundTrip = t;
-					}
-				},
-				metadata: e
-			}, T, E), n(this, null, D, {
-				kind: "accessor",
-				name: "headerLevel",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "headerLevel" in e,
-					get: (e) => e.headerLevel,
-					set: (e, t) => {
-						e.headerLevel = t;
-					}
-				},
-				metadata: e
-			}, O, k), n(this, null, A, {
-				kind: "accessor",
-				name: "disableAnimation",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "disableAnimation" in e,
-					get: (e) => e.disableAnimation,
-					set: (e, t) => {
-						e.disableAnimation = t;
-					}
-				},
-				metadata: e
-			}, j, M), n(this, null, N, {
-				kind: "accessor",
-				name: "a11yFootpath",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "a11yFootpath" in e,
-					get: (e) => e.a11yFootpath,
-					set: (e, t) => {
-						e.a11yFootpath = t;
-					}
-				},
-				metadata: e
-			}, P, F), n(this, null, I, {
-				kind: "setter",
-				name: "now",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "now" in e,
-					set: (e, t) => {
-						e.now = t;
-					}
-				},
-				metadata: e
-			}, null, _), e && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: e
-			});
-		}
-		static {
-			this.elementName = "sbb-journey-summary";
-		}
-		static {
-			this.styles = [s, g];
-		}
-		#e;
-		get trip() {
-			return this.#e;
-		}
-		set trip(e) {
-			this.#e = e;
-		}
-		#t;
-		get tripBack() {
-			return this.#t;
-		}
-		set tripBack(e) {
-			this.#t = e;
-		}
-		#n;
-		get roundTrip() {
-			return this.#n;
-		}
-		set roundTrip(e) {
-			this.#n = e;
-		}
-		#r;
-		get headerLevel() {
-			return this.#r;
-		}
-		set headerLevel(e) {
-			this.#r = e;
-		}
-		#i;
-		get disableAnimation() {
-			return this.#i;
-		}
-		set disableAnimation(e) {
-			this.#i = e;
-		}
-		#a;
-		get a11yFootpath() {
-			return this.#a;
-		}
-		set a11yFootpath(e) {
-			this.#a = e;
-		}
-		set now(e) {
-			this._now = d.getValidDateOrNull(d.deserialize(e));
-		}
-		get now() {
-			return this._now ?? /* @__PURE__ */ new Date();
-		}
-		connectedCallback() {
-			super.connectedCallback(), this._hasContentSlot = !!this.querySelector?.("[slot=\"content\"]");
-		}
-		_renderJourneyStart(n, r) {
-			let i = d, a = r ? m(r, this._language.current) : null;
-			if (t(n)) return l`
-        <time datetime=${e(n, "d") + " " + e(n, "M")}>
-          ${i.format(n).replace(",", ".")}</time
-        >${r && r > 0 ? l`,<time>
-                <sbb-screen-reader-only>
-                  ${f[this._language.current]} ${a.long}
-                </sbb-screen-reader-only>
-                <span aria-hidden="true">${a.short}</span>
-              </time>` : u}
-      `;
-		}
-		_renderJourneyVias(e) {
-			let t = e.slice(0, 5);
-			return l`
-      <div class="sbb-journey-summary__via-block">
-        <span class="sbb-journey-summary__via-text">Via</span>
-        <ul class="sbb-journey-summary__vias" role=${e.length <= 1 ? "presentation" : u}>
-          ${t.map((e, n) => l`<li class="sbb-journey-summary__via">
-                ${e}${n !== t.length - 1 && n < 4 ? l`<span>,</span>` : u}
-              </li>`)}
-        </ul>
-      </div>
-    `;
-		}
-		_renderJourneyInformation(e) {
-			let { vias: t, duration: n, departureWalk: r, departure: i, arrivalWalk: a, arrival: o, legs: s } = e || {};
-			return l`
-      <div>
-        ${t && t.length > 0 ? this._renderJourneyVias(t) : u}
-        <div class="sbb-journey-summary__date">
-          ${this._renderJourneyStart(h(i), n)}
-        </div>
-        <sbb-pearl-chain-time
-          .arrivalTime=${o}
-          .departureTime=${i}
-          .departureWalk=${r}
-          .arrivalWalk=${a}
-          .legs=${s}
-          .disableAnimation=${this.disableAnimation}
-          .a11yFootpath=${this.a11yFootpath}
-          .now=${this.now}
-        ></sbb-pearl-chain-time>
-      </div>
-    `;
-		}
-		render() {
-			let { origin: e, destination: t } = this.trip || {};
-			return l`
-      <div class="sbb-journey-summary">
-        ${e ? l`<sbb-journey-header
-              size="l"
-              .level=${this.headerLevel || u}
-              .origin=${e}
-              .destination=${t}
-              .roundTrip=${this.roundTrip ?? u}
-            ></sbb-journey-header>` : u}
-        ${this._renderJourneyInformation(this.trip)}
-        ${this.tripBack ? l`<div>
-              <sbb-divider class="sbb-journey-summary__divider"></sbb-divider>
-              ${this._renderJourneyInformation(this.tripBack)}
-            </div>` : u}
-        ${this._hasContentSlot ? l` <div class="sbb-journey-summary__slot">
-              <slot name="content"></slot>
-            </div>` : u}
-      </div>
-    `;
-		}
-	};
-})();
-//#endregion
-export { _ as t };

package/pearl-chain-time.component-DGDW5S1c.js

@@ -1,239 +0,0 @@
-import { t as e } from "./format-CM5exOsN.js";
-import { __esDecorate as t, __runInitializers as n } from "tslib";
-import { SbbElement as r } from "@sbb-esta/lyne-elements/core/base-elements.js";
-import { SbbLanguageController as i } from "@sbb-esta/lyne-elements/core/controllers.js";
-import { forceType as a } from "@sbb-esta/lyne-elements/core/decorators.js";
-import { boxSizingStyles as o } from "@sbb-esta/lyne-elements/core/styles.js";
-import { css as s, html as c, nothing as l } from "lit";
-import { defaultDateAdapter as u } from "@sbb-esta/lyne-elements/core/datetime.js";
-import { i18nArrival as d, i18nDeparture as f, i18nTransferProcedures as p } from "@sbb-esta/lyne-elements/core/i18n.js";
-import { property as m } from "lit/decorators.js";
-import { removeTimezoneFromISOTimeString as h } from "./core/datetime.js";
-import { getDepartureArrivalTimeAttribute as g, isRideLeg as _ } from "./core/timetable.js";
-import "./pearl-chain.js";
-//#region src/elements-experimental/pearl-chain-time/pearl-chain-time.scss?lit&inline
-var v = s`:host{--sbb-pearl-chain-time-height:auto;display:block}@media (width>=37.5rem){:host{--sbb-pearl-chain-time-height:1.5625rem}}@media (width>=64rem){:host{--sbb-pearl-chain-time-height:1.75rem}}.sbb-pearl-chain__time{height:var(--sbb-pearl-chain-time-height);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.sbb-pearl-chain__time-walktime,.sbb-pearl-chain__time-transfer{--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);align-items:center;display:inline-flex}.sbb-pearl-chain__time-walktime--walk-small-left{margin-inline-end:calc(var(--sbb-spacing-fixed-2x) - .4375rem);transform:translate(-.4375rem)}.sbb-pearl-chain__time-walktime--walk-small-right{margin-inline-start:calc(var(--sbb-spacing-fixed-2x) - .25rem)}.sbb-pearl-chain__time-walktime--wheelchair-small-left{margin-inline-end:calc(var(--sbb-spacing-fixed-2x) - .4375rem);transform:translate(-.375rem)}.sbb-pearl-chain__time-walktime--wheelchair-small-right{margin-inline-start:calc(var(--sbb-spacing-fixed-2x) - .25rem)}.sbb-pearl-chain__time-walktime-prime-symbol{float:right}.sbb-pearl-chain__time-transfer{gap:var(--sbb-spacing-fixed-1x)}.sbb-pearl-chain__time-transfer--sa-ci-departure{margin-inline-end:var(--sbb-spacing-fixed-2x)}.sbb-pearl-chain__time-transfer--sa-ci-arrival{margin-inline-start:calc(var(--sbb-spacing-fixed-2x) - .25rem)}.sbb-pearl-chain__time-chain{margin-inline:var(--sbb-spacing-fixed-3x);flex:auto;align-self:center}.sbb-pearl-chain__time-time{--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-color-2);font-weight:700}.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}`, y = (() => {
-	let s = r, y = [], b, x = [], S = [], C, w = [], T = [], E, D = [], O = [], k, A = [], j = [], M, N = [], P = [], F, I = [], L = [], R, z = [], B = [], V;
-	return class extends s {
-		constructor() {
-			super(...arguments), this.#e = (n(this, y), n(this, x, [])), this.#t = (n(this, S), n(this, w, "")), this.#n = (n(this, T), n(this, D, "")), this.#r = (n(this, O), n(this, A, NaN)), this.#i = (n(this, j), n(this, N, NaN)), this.#a = (n(this, P), n(this, I, !1)), this.#o = (n(this, L), n(this, z, !1)), this._now = (n(this, B), null), this._language = new i(this);
-		}
-		static {
-			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
-			b = [m({ type: Array })], C = [a(), m({ attribute: "departure-time" })], E = [a(), m({ attribute: "arrival-time" })], k = [a(), m({
-				attribute: "departure-walk",
-				type: Number
-			})], M = [a(), m({
-				attribute: "arrival-walk",
-				type: Number
-			})], F = [a(), m({
-				attribute: "disable-animation",
-				type: Boolean
-			})], R = [a(), m({
-				attribute: "a11y-footpath",
-				type: Boolean
-			})], V = [m()], t(this, null, b, {
-				kind: "accessor",
-				name: "legs",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "legs" in e,
-					get: (e) => e.legs,
-					set: (e, t) => {
-						e.legs = t;
-					}
-				},
-				metadata: e
-			}, x, S), t(this, null, C, {
-				kind: "accessor",
-				name: "departureTime",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "departureTime" in e,
-					get: (e) => e.departureTime,
-					set: (e, t) => {
-						e.departureTime = t;
-					}
-				},
-				metadata: e
-			}, w, T), t(this, null, E, {
-				kind: "accessor",
-				name: "arrivalTime",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "arrivalTime" in e,
-					get: (e) => e.arrivalTime,
-					set: (e, t) => {
-						e.arrivalTime = t;
-					}
-				},
-				metadata: e
-			}, D, O), t(this, null, k, {
-				kind: "accessor",
-				name: "departureWalk",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "departureWalk" in e,
-					get: (e) => e.departureWalk,
-					set: (e, t) => {
-						e.departureWalk = t;
-					}
-				},
-				metadata: e
-			}, A, j), t(this, null, M, {
-				kind: "accessor",
-				name: "arrivalWalk",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "arrivalWalk" in e,
-					get: (e) => e.arrivalWalk,
-					set: (e, t) => {
-						e.arrivalWalk = t;
-					}
-				},
-				metadata: e
-			}, N, P), t(this, null, F, {
-				kind: "accessor",
-				name: "disableAnimation",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "disableAnimation" in e,
-					get: (e) => e.disableAnimation,
-					set: (e, t) => {
-						e.disableAnimation = t;
-					}
-				},
-				metadata: e
-			}, I, L), t(this, null, R, {
-				kind: "accessor",
-				name: "a11yFootpath",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "a11yFootpath" in e,
-					get: (e) => e.a11yFootpath,
-					set: (e, t) => {
-						e.a11yFootpath = t;
-					}
-				},
-				metadata: e
-			}, z, B), t(this, null, V, {
-				kind: "setter",
-				name: "now",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "now" in e,
-					set: (e, t) => {
-						e.now = t;
-					}
-				},
-				metadata: e
-			}, null, y), e && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: e
-			});
-		}
-		static {
-			this.elementName = "sbb-pearl-chain-time";
-		}
-		static {
-			this.styles = [o, v];
-		}
-		#e;
-		get legs() {
-			return this.#e;
-		}
-		set legs(e) {
-			this.#e = e;
-		}
-		#t;
-		get departureTime() {
-			return this.#t;
-		}
-		set departureTime(e) {
-			this.#t = e;
-		}
-		#n;
-		get arrivalTime() {
-			return this.#n;
-		}
-		set arrivalTime(e) {
-			this.#n = e;
-		}
-		#r;
-		get departureWalk() {
-			return this.#r;
-		}
-		set departureWalk(e) {
-			this.#r = e;
-		}
-		#i;
-		get arrivalWalk() {
-			return this.#i;
-		}
-		set arrivalWalk(e) {
-			this.#i = e;
-		}
-		#a;
-		get disableAnimation() {
-			return this.#a;
-		}
-		set disableAnimation(e) {
-			this.#a = e;
-		}
-		#o;
-		get a11yFootpath() {
-			return this.#o;
-		}
-		set a11yFootpath(e) {
-			this.#o = e;
-		}
-		set now(e) {
-			this._now = u.getValidDateOrNull(u.deserialize(e));
-		}
-		get now() {
-			return this._now ?? /* @__PURE__ */ new Date();
-		}
-		render() {
-			let t = this.departureTime ? h(this.departureTime) : void 0, n = this.arrivalTime ? h(this.arrivalTime) : void 0, { renderDepartureTimeAttribute: r, renderArrivalTimeAttribute: i } = g(this.legs, this.departureWalk || 0, this.arrivalWalk || 0, this._language.current, this.a11yFootpath), a = this.legs?.filter((e) => _(e));
-			return c`
-      <div class="sbb-pearl-chain__time">
-        ${r()}
-        ${t ? c`<time class="sbb-pearl-chain__time-time" datetime=${this.departureTime}>
-              <span class="sbb-screen-reader-only"
-                >${f[this._language.current]}:&nbsp;</span
-              >
-              ${e(t, "HH:mm")}
-            </time>` : l}
-        ${a?.length > 1 ? c`<span class="sbb-screen-reader-only" role="paragraph">
-              ${a?.length - 1} ${p[this._language.current]}
-            </span>` : l}
-        <sbb-pearl-chain
-          class="sbb-pearl-chain__time-chain"
-          .legs=${this.legs}
-          .disableAnimation=${this.disableAnimation}
-          .now=${this.now}
-        ></sbb-pearl-chain>
-        ${n ? c`<time class="sbb-pearl-chain__time-time" datetime=${this.arrivalTime}>
-              <span class="sbb-screen-reader-only"
-                >${d[this._language.current]}:&nbsp;</span
-              >
-              ${e(n, "HH:mm")}
-            </time>` : l}
-        ${i()}
-      </div>
-    `;
-		}
-	};
-})();
-//#endregion
-export { y as t };

package/pearl-chain-vertical-item.component-G22bWhLU.js

@@ -1,108 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { SbbElement as n } from "@sbb-esta/lyne-elements/core/base-elements.js";
-import { forceType as r } from "@sbb-esta/lyne-elements/core/decorators.js";
-import { boxSizingStyles as i } from "@sbb-esta/lyne-elements/core/styles.js";
-import { css as a, html as o, nothing as s } from "lit";
-import { property as c } from "lit/decorators.js";
-import { styleMap as l } from "lit/directives/style-map.js";
-//#region src/elements-experimental/pearl-chain-vertical-item/pearl-chain-vertical-item.scss?lit&inline
-var u = a`:host{--sbb-pearl-chain-position-color:var(--sbb-color-primary);--sbb-pearl-chain-bullet-size-start-end:.625rem;--sbb-pearl-chain-bullet-size-stop:.5rem;--sbb-pearl-chain-bullet-color:var(--sbb-background-color-3-inverted);--sbb-pearl-chain-bullet-color-past:var(--lightningcss-light,var(--sbb-color-metal))var(--lightningcss-dark,var(--sbb-color-granite));--sbb-pearl-chain-bullet-color-irrelevant:var(--lightningcss-light,var(--sbb-color-metal))var(--lightningcss-dark,var(--sbb-color-granite));--sbb-pearl-chain-bullet-color-disruption:var(--sbb-color-error);--sbb-pearl-chain-bullet-border-width:var(--sbb-border-width-2x);--sbb-pearl-chain-bullet-animation-duration:1.92s;--sbb-pearl-chain-bullet-animation-easing:ease-out;--sbb-pearl-chain-bullet-crossed-width:.88375rem;--sbb-pearl-chain-bullet-crossed-height:.21875rem;--sbb-pearl-chain-bullet-crossed-border-width:.09375rem;--sbb-pearl-chain-vertical-right-item-width:100%;--sbb-pearl-chain-vertical-middle-item-min-width:var(--sbb-pearl-chain-bullet-size-start-end);--sbb-pearl-chain-vertical-item-border-width:var(--sbb-border-width-2x);--sbb-pearl-chain-vertical-item-border-width-thin:var(--sbb-border-width-1x);--sbb-pearl-chain-vertical-item-spacing-small:var(--sbb-spacing-fixed-1x);--sbb-pearl-chain-vertical-item-color-default:var(--sbb-pearl-chain-bullet-color);--sbb-pearl-chain-vertical-item-color-disruption:var(--sbb-pearl-chain-bullet-color-disruption);--sbb-pearl-chain-vertical-item-color-past:var(--sbb-pearl-chain-bullet-color-past);--sbb-pearl-chain-vertical-item-color-walk:var(--sbb-color-sky);--sbb-pearl-chain-vertical-item-inline-start:50%;--sbb-pearl-chain-vertical-item-transform:translateX(-50%);display:table-row;position:relative}slot[name=right],.sbb-pearl-chain-vertical-item__column{vertical-align:top;display:table-cell;position:relative}slot[name=right]{width:var(--sbb-pearl-chain-vertical-right-item-width)}.sbb-pearl-chain-vertical-item__column--middle{min-width:var(--sbb-pearl-chain-vertical-middle-item-min-width,--sbb-pearl-chain-vertical-middle-min-width)}slot[name=left]::slotted(*){margin-block-start:var(--sbb-pearl-chain-vertical-left-item-block-start);padding-inline-end:var(--sbb-pearl-chain-vertical-left-item-inline-end)}slot[name=right]::slotted(*){margin-block-start:var(--sbb-pearl-chain-vertical-right-item-block-start);padding-inline-start:var(--sbb-pearl-chain-vertical-right-item-inline-start)}.sbb-pearl-chain-vertical-item__middle{vertical-align:top;border-spacing:0}.sbb-pearl-chain-vertical-item__line{bottom:0;transform:var(--sbb-pearl-chain-vertical-item-transform);width:var(--sbb-border-width-2x);position:absolute;inset-block-start:calc(var(--sbb-pearl-chain-bullet-size-start-end) / 2);inset-inline-start:var(--sbb-pearl-chain-vertical-item-inline-start)}.sbb-pearl-chain-vertical-item__line:after{content:"";height:var(--sbb-pearl-chain-vertical-item-leg-status);width:var(--sbb-pearl-chain-vertical-item-border-width);background-color:var(--sbb-pearl-chain-vertical-item-color-past);position:absolute;inset-block-start:0;inset-inline-start:0}@media (forced-colors:active){.sbb-pearl-chain-vertical-item__line:after{--sbb-pearl-chain-vertical-item-color-past:GrayText}}.sbb-pearl-chain-vertical-item__line--dotted{background-color:unset;border-color:unset;background-image:linear-gradient(currentColor 0% 50%,canvas 50%);background-repeat:repeat-y;background-size:calc(2 * var(--sbb-pearl-chain-vertical-item-spacing-small)) var(--sbb-pearl-chain-vertical-item-spacing-small)}@media (forced-colors:active){.sbb-pearl-chain-vertical-item__line--dotted{border-inline-start:.0625rem dashed highlight;transform:translateY(.0625rem);background-color:unset!important}}.sbb-pearl-chain-vertical-item__line--thin{width:var(--sbb-pearl-chain-vertical-item-border-width-thin)}.sbb-pearl-chain-vertical-item__line--default{background-color:var(--sbb-pearl-chain-vertical-item-color-default);border-color:var(--sbb-pearl-chain-vertical-item-color-default);color:var(--sbb-pearl-chain-vertical-item-color-default)}@media (forced-colors:active){.sbb-pearl-chain-vertical-item__line--default{--sbb-pearl-chain-vertical-item-color-default:CanvasText}}.sbb-pearl-chain-vertical-item__line--disruption{border-color:var(--sbb-pearl-chain-vertical-item-color-disruption);background-color:var(--sbb-pearl-chain-vertical-item-color-disruption);color:var(--sbb-pearl-chain-vertical-item-color-disruption)}@media (forced-colors:active){.sbb-pearl-chain-vertical-item__line--disruption{--sbb-pearl-chain-vertical-item-color-disruption:Highlight}}.sbb-pearl-chain-vertical-item__line--past{border-color:var(--sbb-pearl-chain-vertical-item-color-past);background-color:var(--sbb-pearl-chain-vertical-item-color-past);color:var(--sbb-pearl-chain-vertical-item-color-past)}@media (forced-colors:active){.sbb-pearl-chain-vertical-item__line--past{--sbb-pearl-chain-vertical-item-color-past:GrayText}}.sbb-pearl-chain-vertical-item__line--walk{border-color:var(--sbb-pearl-chain-vertical-item-color-walk);background-color:var(--sbb-pearl-chain-vertical-item-color-walk);color:var(--sbb-pearl-chain-vertical-item-color-walk)}.sbb-pearl-chain-vertical-item__bullet{transform:var(--sbb-pearl-chain-vertical-item-transform);background:var(--sbb-pearl-chain-bullet-color);color:var(--sbb-pearl-chain-bullet-color);border-color:var(--sbb-pearl-chain-bullet-color);border-radius:100%;position:relative;inset-inline-start:var(--sbb-pearl-chain-vertical-item-inline-start)}@media (forced-colors:active){.sbb-pearl-chain-vertical-item__bullet{--sbb-pearl-chain-bullet-color:CanvasText}}.sbb-pearl-chain-vertical-item__bullet--start-end{min-height:var(--sbb-pearl-chain-bullet-size-start-end);min-width:var(--sbb-pearl-chain-bullet-size-start-end);height:var(--sbb-pearl-chain-bullet-size-start-end);width:var(--sbb-pearl-chain-bullet-size-start-end)}.sbb-pearl-chain-vertical-item__bullet--stop{min-height:var(--sbb-pearl-chain-bullet-size-stop);min-width:var(--sbb-pearl-chain-bullet-size-stop);height:var(--sbb-pearl-chain-bullet-size-stop);width:var(--sbb-pearl-chain-bullet-size-stop);border:var(--sbb-pearl-chain-bullet-border-width) solid currentcolor;background:canvas}.sbb-pearl-chain-vertical-item__bullet--disruption{--sbb-pearl-chain-bullet-color:var(--sbb-pearl-chain-bullet-color-disruption)}@media (forced-colors:active){.sbb-pearl-chain-vertical-item__bullet--disruption{--sbb-pearl-chain-bullet-color:Highlight}}.sbb-pearl-chain-vertical-item__bullet--irrelevant,.sbb-pearl-chain-vertical-item__bullet--past{--sbb-pearl-chain-bullet-color:var(--sbb-pearl-chain-bullet-color-past)}@media (forced-colors:active){.sbb-pearl-chain-vertical-item__bullet--irrelevant,.sbb-pearl-chain-vertical-item__bullet--past{--sbb-pearl-chain-bullet-color:GrayText!important}}.sbb-pearl-chain-vertical-item__bullet--stop.sbb-pearl-chain-vertical-item__bullet--irrelevant{--sbb-pearl-chain-bullet-border-width:var(--sbb-border-width-1x);min-height:var(--sbb-pearl-chain-bullet-size-stop);min-width:var(--sbb-pearl-chain-bullet-size-stop);height:var(--sbb-pearl-chain-bullet-size-stop);width:var(--sbb-pearl-chain-bullet-size-stop);border:var(--sbb-pearl-chain-bullet-border-width) solid currentcolor;background:canvas}.sbb-pearl-chain-vertical-item__bullet--start-end.sbb-pearl-chain-vertical-item__bullet--skipped{border:var(--sbb-pearl-chain-bullet-border-width) solid currentcolor;background:canvas}.sbb-pearl-chain-vertical-item__bullet--start-end.sbb-pearl-chain-vertical-item__bullet--skipped:before{content:"";border-block-start:var(--sbb-pearl-chain-bullet-crossed-border-width) solid canvas;background:var(--sbb-pearl-chain-bullet-color-disruption);height:var(--sbb-pearl-chain-bullet-crossed-height);width:var(--sbb-pearl-chain-bullet-crossed-width);position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)rotate(45deg)}@media (forced-colors:active){.sbb-pearl-chain-vertical-item__bullet--start-end.sbb-pearl-chain-vertical-item__bullet--skipped:before{background:highlight}}.sbb-pearl-chain-vertical-item__bullet--stop.sbb-pearl-chain-vertical-item__bullet--skipped{--sbb-pearl-chain-bullet-crossed-width:.706875rem;--sbb-pearl-chain-bullet-crossed-height:.1875rem;min-height:var(--sbb-pearl-chain-bullet-size-stop);min-width:var(--sbb-pearl-chain-bullet-size-stop);height:var(--sbb-pearl-chain-bullet-size-stop);width:var(--sbb-pearl-chain-bullet-size-stop);border:var(--sbb-pearl-chain-bullet-border-width) solid currentcolor;border:var(--sbb-pearl-chain-bullet-border-width) solid currentcolor;background:canvas}.sbb-pearl-chain-vertical-item__bullet--stop.sbb-pearl-chain-vertical-item__bullet--skipped:before{content:"";border-block-start:var(--sbb-pearl-chain-bullet-crossed-border-width) solid canvas;background:var(--sbb-pearl-chain-bullet-color-disruption);height:var(--sbb-pearl-chain-bullet-crossed-height);width:var(--sbb-pearl-chain-bullet-crossed-width);position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)rotate(45deg)}@media (forced-colors:active){.sbb-pearl-chain-vertical-item__bullet--stop.sbb-pearl-chain-vertical-item__bullet--skipped:before{background:highlight}}.sbb-pearl-chain-vertical-item__bullet--position{inset-block-start:var(--sbb-pearl-chain-vertical-item-position);min-height:var(--sbb-pearl-chain-bullet-size-start-end);min-width:var(--sbb-pearl-chain-bullet-size-start-end);height:var(--sbb-pearl-chain-bullet-size-start-end);width:var(--sbb-pearl-chain-bullet-size-start-end);background:var(--sbb-pearl-chain-bullet-color);color:var(--sbb-pearl-chain-bullet-color);border-color:var(--sbb-pearl-chain-bullet-color);border-radius:100%;position:absolute;left:50%;transform:translate(-50%)}@media (forced-colors:active){.sbb-pearl-chain-vertical-item__bullet--position{--sbb-pearl-chain-bullet-color:CanvasText}}.sbb-pearl-chain-vertical-item__bullet--position{--sbb-pearl-chain-bullet-color:var(--sbb-pearl-chain-position-color)}@media (forced-colors:active){.sbb-pearl-chain-vertical-item__bullet--position{--sbb-pearl-chain-position-color:Highlight}}@keyframes pearl-chain-bullet-position-pulse{0%{box-shadow:0 0 0 0 var(--sbb-pearl-chain-position-color)}25%{box-shadow:0 0 0 0 var(--sbb-pearl-chain-position-color)}50%{box-shadow:0 0 0 .1875rem color-mix(in srgb, var(--sbb-pearl-chain-position-color) 20%, transparent)}to{box-shadow:0 0 0 0 var(--sbb-pearl-chain-position-color)}}.sbb-pearl-chain-vertical-item__bullet--position{animation:pearl-chain-bullet-position-pulse var(--sbb-pearl-chain-bullet-animation-duration) var(--sbb-pearl-chain-bullet-animation-easing) infinite}:host([disable-animation]) .sbb-pearl-chain-vertical-item__bullet--position{animation:unset!important}`, d = (() => {
-	let a = n, d, f = [], p = [], m, h = [], g = [];
-	return class extends a {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(a[Symbol.metadata] ?? null) : void 0;
-			d = [c({
-				attribute: "pearl-chain-vertical-item-attributes",
-				type: Object
-			})], m = [r(), c({
-				attribute: "disable-animation",
-				reflect: !0,
-				type: Boolean
-			})], e(this, null, d, {
-				kind: "accessor",
-				name: "pearlChainVerticalItemAttributes",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "pearlChainVerticalItemAttributes" in e,
-					get: (e) => e.pearlChainVerticalItemAttributes,
-					set: (e, t) => {
-						e.pearlChainVerticalItemAttributes = t;
-					}
-				},
-				metadata: t
-			}, f, p), e(this, null, m, {
-				kind: "accessor",
-				name: "disableAnimation",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "disableAnimation" in e,
-					get: (e) => e.disableAnimation,
-					set: (e, t) => {
-						e.disableAnimation = t;
-					}
-				},
-				metadata: t
-			}, h, g), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-pearl-chain-vertical-item";
-		}
-		static {
-			this.styles = [i, u];
-		}
-		#e = t(this, f, null);
-		get pearlChainVerticalItemAttributes() {
-			return this.#e;
-		}
-		set pearlChainVerticalItemAttributes(e) {
-			this.#e = e;
-		}
-		#t = (t(this, p), t(this, h, !1));
-		get disableAnimation() {
-			return this.#t;
-		}
-		set disableAnimation(e) {
-			this.#t = e;
-		}
-		render() {
-			let { bulletType: e, lineType: t, lineColor: n, hideLine: r, minHeight: i, bulletSize: a, position: c } = this.pearlChainVerticalItemAttributes || {}, u = c && c > 0 && c <= 100 ? "sbb-pearl-chain-vertical-item__bullet--past" : `sbb-pearl-chain-vertical-item__bullet--${e}`;
-			return o`
-      <div
-        class="sbb-pearl-chain-vertical-item__column"
-        style=${l({ height: `${i}px` })}
-      >
-        <slot name="left"></slot>
-      </div>
-      <div
-        aria-hidden="true"
-        class="sbb-pearl-chain-vertical-item__column sbb-pearl-chain-vertical-item__column--middle"
-      >
-        ${r ? s : o`<div
-              style=${l({ "--sbb-pearl-chain-vertical-item-leg-status": `${c}%` })}
-              class="sbb-pearl-chain-vertical-item__line sbb-pearl-chain-vertical-item__line--${t} sbb-pearl-chain-vertical-item__line--${n}"
-            ></div>`}
-        ${e ? o`<div
-              class="sbb-pearl-chain-vertical-item__bullet  sbb-pearl-chain-vertical-item__bullet--${a} ${u}"
-            ></div>` : s}
-        ${c && c > 0 ? o`<div
-              style=${l({ "--sbb-pearl-chain-vertical-item-position": `${c}%` })}
-              class="sbb-pearl-chain-vertical-item__bullet--position"
-            ></div>` : s}
-      </div>
-      <slot name="right"></slot>
-    `;
-		}
-		constructor() {
-			super(...arguments), t(this, g);
-		}
-	};
-})();
-//#endregion
-export { d as t };

package/pearl-chain-vertical.component-CXIDT5RD.js

@@ -1,21 +0,0 @@
-import { SbbElement as e } from "@sbb-esta/lyne-elements/core/base-elements.js";
-import { boxSizingStyles as t } from "@sbb-esta/lyne-elements/core/styles.js";
-import { css as n, html as r } from "lit";
-//#region src/elements-experimental/pearl-chain-vertical/pearl-chain-vertical.scss?lit&inline
-var i = n`:host{--sbb-pearl-chain-vertical-width:100%;display:block}.sbb-pearl-chain-vertical{width:var(--sbb-pearl-chain-vertical-width);display:table}`, a = class extends e {
-	static {
-		this.elementName = "sbb-pearl-chain-vertical";
-	}
-	static {
-		this.styles = [t, i];
-	}
-	render() {
-		return r`
-      <div class="sbb-pearl-chain-vertical">
-        <slot></slot>
-      </div>
-    `;
-	}
-};
-//#endregion
-export { a as t };