@sbb-esta/lyne-elements-experimental-dev 4.8.1-dev.1773911899 → 4.8.1-dev.1773933826

package/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../autocomplete-grid-cell.component-Dak9wlBr.js";
+import { t as e } from "../../autocomplete-grid-cell.component-DnCfVJ2l.js";
 export { e as SbbAutocompleteGridCellElement };

package/autocomplete-grid/autocomplete-grid-cell.js

@@ -1,4 +1,4 @@
-import { t as e } from "../autocomplete-grid-cell.component-Dak9wlBr.js";
+import { t as e } from "../autocomplete-grid-cell.component-DnCfVJ2l.js";
 e.define(), console.warn("The entrypoint '@sbb-esta/elements-experimental/autocomplete-grid/autocomplete-grid-cell.js' has been deprecated.\nUse either '@sbb-esta/elements-experimental/autocomplete-grid.js' or '@sbb-esta/elements-experimental/autocomplete-grid.pure.js' instead.");
 //#endregion
 export { e as SbbAutocompleteGridCellElement };

package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../autocomplete-grid-option.component-DNRFHOwc.js";
+import { n as e, t } from "../../autocomplete-grid-option.component-BlMPM6eh.js";
 export { t as SbbAutocompleteGridOptionElement, e as autocompleteGridOptionId };

package/autocomplete-grid/autocomplete-grid-option.js

@@ -1,4 +1,4 @@
-import { n as e, t } from "../autocomplete-grid-option.component-DNRFHOwc.js";
+import { n as e, t } from "../autocomplete-grid-option.component-BlMPM6eh.js";
 t.define(), console.warn("The entrypoint '@sbb-esta/elements-experimental/autocomplete-grid/autocomplete-grid-option.js' has been deprecated.\nUse either '@sbb-esta/elements-experimental/autocomplete-grid.js' or '@sbb-esta/elements-experimental/autocomplete-grid.pure.js' instead.");
 //#endregion
 export { t as SbbAutocompleteGridOptionElement, e as autocompleteGridOptionId };

package/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../autocomplete-grid-row.component-DBHZQ0GQ.js";
+import { t as e } from "../../autocomplete-grid-row.component-Bo2ZbXVX.js";
 export { e as SbbAutocompleteGridRowElement };

package/autocomplete-grid/autocomplete-grid-row.js

@@ -1,4 +1,4 @@
-import { t as e } from "../autocomplete-grid-row.component-DBHZQ0GQ.js";
+import { t as e } from "../autocomplete-grid-row.component-Bo2ZbXVX.js";
 e.define(), console.warn("The entrypoint '@sbb-esta/elements-experimental/autocomplete-grid/autocomplete-grid-row.js' has been deprecated.\nUse either '@sbb-esta/elements-experimental/autocomplete-grid.js' or '@sbb-esta/elements-experimental/autocomplete-grid.pure.js' instead.");
 //#endregion
 export { e as SbbAutocompleteGridRowElement };

package/{autocomplete-grid-cell.component-Dak9wlBr.js → autocomplete-grid-cell.component-DnCfVJ2l.js}

@@ -2,7 +2,7 @@ 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/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.scss?lit&inline
-var i = n`:host{--sbb-autocomplete-grid-cell-gap:var(--sbb-spacing-fixed-6x);display:block}.sbb-autocomplete-grid-cell{column-gap:var(--sbb-autocomplete-grid-cell-gap);display:flex}`, a = class extends e {
+var i = n`:host{--sbb-autocomplete-grid-cell-gap: var(--sbb-spacing-fixed-6x);display:block}.sbb-autocomplete-grid-cell{display:flex;column-gap:var(--sbb-autocomplete-grid-cell-gap)}`, a = class extends e {
 	static {
 		this.elementName = "sbb-autocomplete-grid-cell";
 	}

package/autocomplete-grid-option.component-BlMPM6eh.js

@@ -0,0 +1,37 @@
+import { SbbPropertyWatcherController as e } from "@sbb-esta/lyne-elements/core/controllers.js";
+import { ɵstateController as t } from "@sbb-esta/lyne-elements/core/mixins.js";
+import { boxSizingStyles as n } from "@sbb-esta/lyne-elements/core/styles.js";
+import { css as r } from "lit";
+import { SbbOptionBaseElement as i } from "@sbb-esta/lyne-elements/option.js";
+//#region src/elements-experimental/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.scss?lit&inline
+var a = r`:host{display:block}:host(:is(:state(negative),[state--negative])){--sbb-option-color: var(--sbb-color-3-negative);--sbb-option-icon-color: var(--sbb-color-5)}:host(:not(:is(:state(disable-highlight),[state--disable-highlight]))) .sbb-option__label slot{display:none}:host(:is(:state(active),[state--active])){--sbb-option-focus-outline-color: var(--sbb-focus-outline-color)}.sbb-option{font-size:var(--sbb-option-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);position:relative;display:flex;align-items:center;column-gap:var(--sbb-option-column-gap);justify-content:start;min-height:var(--sbb-option-min-height);padding-inline:var(--sbb-option-padding-inline);color:var(--sbb-option-color)}.sbb-option:after{content:"";display:block;position:absolute;inset:var(--sbb-option-focus-outline-inset);pointer-events:none;border:var(--sbb-focus-outline-width) solid var(--sbb-option-focus-outline-color);border-radius:var(--sbb-option-border-radius)}:host(:not(:is(:state(disabled),[state--disabled]))) .sbb-option__label--highlight{font-weight:700}@media(forced-colors:active){:host(:not(:is(:state(disabled),[state--disabled]))) .sbb-option__label--highlight{color:Highlight}}.sbb-option__icon{display:flex;min-width:var(--sbb-size-icon-ui-small);min-height:var(--sbb-size-icon-ui-small);color:var(--sbb-option-icon-color)}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-option__icon{display:var(--sbb-option-icon-container-display, none)}.sbb-option__label{text-overflow:var(--sbb-option-text-overflow);overflow:var(--sbb-option-overflow);white-space:var(--sbb-option-white-space, initial)}`, o = "sbb-autocomplete-grid-option", s = class extends i {
+	static {
+		this.elementName = "sbb-autocomplete-grid-option";
+	}
+	static {
+		this.role = "gridcell";
+	}
+	static {
+		this.styles = [n, a];
+	}
+	constructor() {
+		super(), this.optionId = o, this.addController(new e(this, () => this.closest("sbb-autocomplete-grid-optgroup"), {
+			disabled: (e) => {
+				this.disabledFromGroup = e.disabled, t(this.closest?.("sbb-autocomplete-grid-row"))?.toggle("disabled", this.disabled || this.disabledFromGroup), this.updateAriaDisabled();
+			},
+			label: (e) => this.groupLabel = e.label
+		})), this.addController(new e(this, () => this.closest("sbb-autocomplete-grid"), { negative: (e) => this.toggleState("negative", e.negative) }));
+	}
+	willUpdate(e) {
+		super.willUpdate(e), e.has("disabled") && (t(this.closest?.("sbb-autocomplete-grid-row"))?.toggle("disabled", this.disabled || this.disabledFromGroup), this.updateAriaDisabled());
+	}
+	selectByClick(e) {
+		if (this.disabled || this.disabledFromGroup) {
+			e.stopPropagation();
+			return;
+		}
+		this.selectViaUserInteraction(!0);
+	}
+};
+//#endregion
+export { o as n, s as t };

package/autocomplete-grid-row.component-Bo2ZbXVX.js

@@ -0,0 +1,27 @@
+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/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.scss?lit&inline
+var i = n`:host{display:block}:host(:is(:state(negative),[state--negative])){--sbb-autocomplete-grid-row-color: var(--sbb-color-3-negative);--sbb-autocomplete-grid-row-background-color-hover: var(--sbb-background-color-3-negative);--sbb-autocomplete-grid-row-disabled-border-color: var(--sbb-border-color-5);--sbb-autocomplete-grid-row-disabled-background-color: var(--sbb-background-color-3-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}@media(any-hover:hover){:host(:hover:not(:is(:state(disabled),[state--disabled]))){--sbb-autocomplete-grid-row-background-color: var( --sbb-autocomplete-grid-row-background-color-hover )}}:host(:is(:state(disabled),[state--disabled])){--sbb-autocomplete-grid-row-cursor: var(--sbb-cursor-default)}@media(forced-colors:active){:host(:is(:state(disabled),[state--disabled])){--sbb-autocomplete-grid-row-color: GrayText}}::slotted(sbb-autocomplete-grid-option){flex:1 1 auto;margin-right:calc(-1 * var(--sbb-spacing-fixed-2x));overflow-x:hidden}.sbb-autocomplete-grid-row{display:flex;align-items:center;padding-inline-end:var(--sbb-autocomplete-grid-row-padding-inline-end);justify-content:var(--sbb-autocomplete-grid-row-justify-content);gap:var(--sbb-spacing-fixed-6x);color:var(--sbb-autocomplete-grid-row-color);background-color:var(--sbb-autocomplete-grid-row-background-color, inherit);cursor:var(--sbb-autocomplete-grid-row-cursor);-webkit-tap-highlight-color:transparent;-webkit-text-fill-color:var(--sbb-autocomplete-grid-row-color)}:host(:is(:state(disabled),[state--disabled])) .sbb-autocomplete-grid-row{position:relative;z-index:0}:host(:is(:state(disabled),[state--disabled])) .sbb-autocomplete-grid-row:before{content:"";display:block;position:absolute;inset:.375rem;border:var(--sbb-border-width-1x) dashed var(--sbb-autocomplete-grid-row-disabled-border-color);border-radius:var(--sbb-border-radius-2x);background-color:var(--sbb-autocomplete-grid-row-disabled-background-color);z-index:-1}@media(forced-colors:active){:host(:is(:state(disabled),[state--disabled])) .sbb-autocomplete-grid-row:before{border-color:GrayText}}`, a = 0, o = class extends e {
+	static {
+		this.elementName = "sbb-autocomplete-grid-row";
+	}
+	static {
+		this.role = "row";
+	}
+	static {
+		this.styles = [t, i];
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.id ||= `sbb-autocomplete-grid-row-${++a}`;
+	}
+	render() {
+		return r`
+      <span class="sbb-autocomplete-grid-row">
+        <slot></slot>
+      </span>
+    `;
+	}
+};
+//#endregion
+export { o as t };

package/autocomplete-grid.js

@@ -1,8 +1,8 @@
 import { SbbAutocompleteGridButtonElement as e } from "./autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js";
-import { t } from "./autocomplete-grid-cell.component-Dak9wlBr.js";
+import { t } from "./autocomplete-grid-cell.component-DnCfVJ2l.js";
 import { SbbAutocompleteGridOptgroupElement as n } from "./autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.js";
-import { n as r, t as i } from "./autocomplete-grid-option.component-DNRFHOwc.js";
-import { t as a } from "./autocomplete-grid-row.component-DBHZQ0GQ.js";
+import { n as r, t as i } from "./autocomplete-grid-option.component-BlMPM6eh.js";
+import { t as a } from "./autocomplete-grid-row.component-Bo2ZbXVX.js";
 import { SbbAutocompleteGridElement as o } from "./autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js";
 import "./autocomplete-grid.pure.js";
 o.define(), e.define(), t.define(), n.define(), i.define(), a.define();

package/autocomplete-grid.pure.js

@@ -1,7 +1,7 @@
 import { SbbAutocompleteGridButtonElement as e } from "./autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js";
-import { t } from "./autocomplete-grid-cell.component-Dak9wlBr.js";
+import { t } from "./autocomplete-grid-cell.component-DnCfVJ2l.js";
 import { SbbAutocompleteGridOptgroupElement as n } from "./autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.js";
-import { n as r, t as i } from "./autocomplete-grid-option.component-DNRFHOwc.js";
-import { t as a } from "./autocomplete-grid-row.component-DBHZQ0GQ.js";
+import { n as r, t as i } from "./autocomplete-grid-option.component-BlMPM6eh.js";
+import { t as a } from "./autocomplete-grid-row.component-Bo2ZbXVX.js";
 import { SbbAutocompleteGridElement as o } from "./autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js";
 export { e as SbbAutocompleteGridButtonElement, t as SbbAutocompleteGridCellElement, o as SbbAutocompleteGridElement, n as SbbAutocompleteGridOptgroupElement, i as SbbAutocompleteGridOptionElement, a as SbbAutocompleteGridRowElement, r as autocompleteGridOptionId };

package/journey-summary/journey-summary.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../journey-summary.component-Cq_4kaOp.js";
+import { t as e } from "../journey-summary.component-DcpXXucp.js";
 export { e as SbbJourneySummaryElement };

package/{journey-summary.component-Cq_4kaOp.js → journey-summary.component-DcpXXucp.js}

@@ -15,7 +15,7 @@ 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}`, _ = (() => {
+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);display:flex;flex-direction:column}.sbb-journey-summary__via-block{display:flex}.sbb-journey-summary__vias{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-block:0;padding-inline-start:var(--sbb-spacing-fixed-1x)}.sbb-journey-summary__date{margin-block-end:var(--sbb-spacing-fixed-2x)}.sbb-journey-summary__via{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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() {

package/journey-summary.js

@@ -1,4 +1,4 @@
-import { t as e } from "./journey-summary.component-Cq_4kaOp.js";
+import { t as e } from "./journey-summary.component-DcpXXucp.js";
 import "./journey-summary.pure.js";
 //#region src/elements-experimental/journey-summary.ts
 e.define();

package/journey-summary.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./journey-summary.component-Cq_4kaOp.js";
+import { t as e } from "./journey-summary.component-DcpXXucp.js";
 export { e as SbbJourneySummaryElement };

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@sbb-esta/lyne-elements-experimental-dev",
-  "version": "4.8.1-dev.1773911899",
+  "version": "4.8.1-dev.1773933826",
   "description": "Lyne Design System",
   "keywords": [
     "design system",
     "web components",
     "lit",
     "storybook",
-    "https://github.com/sbb-design-systems/lyne-components/commit/78587db56028738a4d9a57a682a7ec5c27446a05"
+    "https://github.com/sbb-design-systems/lyne-components/commit/12fd2dddc014383ae06c68eac6d25dba9204487b"
   ],
   "type": "module",
   "exports": {

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

@@ -1,2 +1,2 @@
-import { t as e } from "../pearl-chain.component-DmjkVIva.js";
+import { t as e } from "../pearl-chain.component-B-XTTo6h.js";
 export { e as SbbPearlChainElement };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../pearl-chain-time.component-DGDW5S1c.js";
+import { t as e } from "../pearl-chain-time.component-v6zRg_3j.js";
 export { e as SbbPearlChainTimeElement };

package/{pearl-chain-time.component-DGDW5S1c.js → pearl-chain-time.component-v6zRg_3j.js}

@@ -12,7 +12,7 @@ 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 = (() => {
+var v = s`:host{display:block;--sbb-pearl-chain-time-height: auto}@media(min-width:37.5rem){:host{--sbb-pearl-chain-time-height: 1.5625rem}}@media(min-width:64rem){:host{--sbb-pearl-chain-time-height: 1.75rem}}.sbb-pearl-chain__time{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;height:var(--sbb-pearl-chain-time-height)}.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);display:inline-flex;align-items:center}.sbb-pearl-chain__time-walktime--walk-small-left{transform:translate(-.4375rem);margin-inline-end:calc(var(--sbb-spacing-fixed-2x) - .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{transform:translate(-.375rem);margin-inline-end:calc(var(--sbb-spacing-fixed-2x) - .4375rem)}.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{flex:1 1 auto;align-self:center;margin-inline:var(--sbb-spacing-fixed-3x)}.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);font-weight:700;color:var(--sbb-color-2)}.sbb-screen-reader-only{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}`, y = (() => {
 	let 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() {

package/pearl-chain-time.js

@@ -1,4 +1,4 @@
-import { t as e } from "./pearl-chain-time.component-DGDW5S1c.js";
+import { t as e } from "./pearl-chain-time.component-v6zRg_3j.js";
 import "./pearl-chain-time.pure.js";
 //#region src/elements-experimental/pearl-chain-time.ts
 e.define();

package/pearl-chain-time.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./pearl-chain-time.component-DGDW5S1c.js";
+import { t as e } from "./pearl-chain-time.component-v6zRg_3j.js";
 export { e as SbbPearlChainTimeElement };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../pearl-chain-vertical.component-CXIDT5RD.js";
+import { t as e } from "../pearl-chain-vertical.component-BvJwcGpS.js";
 export { e as SbbPearlChainVerticalElement };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../pearl-chain-vertical-item.component-G22bWhLU.js";
+import { t as e } from "../pearl-chain-vertical-item.component-M2KRK6Xv.js";
 export { e as SbbPearlChainVerticalItemElement };

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

@@ -0,0 +1,108 @@
+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(--sbb-color-metal);--sbb-pearl-chain-bullet-color-past: light-dark(var(--sbb-color-metal), var(--sbb-color-granite));--sbb-pearl-chain-bullet-color-irrelevant: var(--sbb-color-metal);--sbb-pearl-chain-bullet-color-irrelevant: light-dark( var(--sbb-color-metal), 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;display:table-row;position:relative;--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%)}slot[name=right],.sbb-pearl-chain-vertical-item__column{display:table-cell;position:relative;vertical-align:top}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{position:absolute;bottom:0;inset-inline-start:var(--sbb-pearl-chain-vertical-item-inline-start);transform:var(--sbb-pearl-chain-vertical-item-transform);width:var(--sbb-border-width-2x);inset-block-start:calc(var(--sbb-pearl-chain-bullet-size-start-end) / 2)}.sbb-pearl-chain-vertical-item__line:after{content:"";position:absolute;inset-inline-start:0;inset-block-start:0;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)}@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(to bottom,currentcolor 0%,currentcolor 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{background-color:unset!important;border-inline-start:.0625rem dashed Highlight;transform:translateY(.0625rem)}}.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{position:relative;inset-inline-start:var(--sbb-pearl-chain-vertical-item-inline-start);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%}@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:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%) rotate(45deg);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)}@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;background:Canvas}.sbb-pearl-chain-vertical-item__bullet--stop.sbb-pearl-chain-vertical-item__bullet--skipped:before{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%) rotate(45deg);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)}@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);position:absolute;left:50%;transform:translate(-50%);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%}@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-item.js

@@ -1,4 +1,4 @@
-import { t as e } from "./pearl-chain-vertical-item.component-G22bWhLU.js";
+import { t as e } from "./pearl-chain-vertical-item.component-M2KRK6Xv.js";
 import "./pearl-chain-vertical-item.pure.js";
 //#region src/elements-experimental/pearl-chain-vertical-item.ts
 e.define();

package/pearl-chain-vertical-item.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./pearl-chain-vertical-item.component-G22bWhLU.js";
+import { t as e } from "./pearl-chain-vertical-item.component-M2KRK6Xv.js";
 export { e as SbbPearlChainVerticalItemElement };

package/{pearl-chain-vertical.component-CXIDT5RD.js → pearl-chain-vertical.component-BvJwcGpS.js}

@@ -2,7 +2,7 @@ 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 {
+var i = n`:host{--sbb-pearl-chain-vertical-width: 100%;display:block}.sbb-pearl-chain-vertical{display:table;width:var(--sbb-pearl-chain-vertical-width)}`, a = class extends e {
 	static {
 		this.elementName = "sbb-pearl-chain-vertical";
 	}

package/pearl-chain-vertical.js

@@ -1,4 +1,4 @@
-import { t as e } from "./pearl-chain-vertical.component-CXIDT5RD.js";
+import { t as e } from "./pearl-chain-vertical.component-BvJwcGpS.js";
 import "./pearl-chain-vertical.pure.js";
 //#region src/elements-experimental/pearl-chain-vertical.ts
 e.define();

package/pearl-chain-vertical.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./pearl-chain-vertical.component-CXIDT5RD.js";
+import { t as e } from "./pearl-chain-vertical.component-BvJwcGpS.js";
 export { e as SbbPearlChainVerticalElement };