@sbb-esta/lyne-elements 5.0.0-next → 5.0.0-next.2

package/footer.component-Don15vOd.js

@@ -1,126 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { nothing as n, unsafeCSS as r } from "lit";
-import { property as i } from "lit/decorators.js";
-import { SbbElement as a, SbbNegativeMixin as o, boxSizingStyles as s, forceType as c } from "./core.js";
-import { html as l, unsafeStatic as u } from "lit/static-html.js";
-//#region src/elements/footer/footer.scss?inline
-var d = ":host{--sbb-link-text-decoration-line: none;display:block}:host([negative]){--sbb-footer-background-color: var(--sbb-background-color-2-negative);--sbb-footer-color: var(--sbb-color-1-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}.sbb-footer{font-size:var(--sbb-footer-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);color:var(--sbb-footer-color);padding-block:var(--sbb-footer-padding-block);background-color:var(--sbb-footer-background-color)}@media(forced-colors:active){.sbb-footer{border-block-start:var(--sbb-border-width-1x) solid CanvasText}}:host(:not([expanded])) .sbb-footer-wrapper{padding-inline:var(--sbb-page-spacing-padding, var(--sbb-layout-base-offset-responsive));margin-inline:auto;width:100%}@media(min-width:90rem){:host(:not([expanded])) .sbb-footer-wrapper{max-width:var(--sbb-spacing-max-width, calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive)))}}:host([expanded]) .sbb-footer-wrapper{padding-inline:var(--sbb-page-spacing-padding, var(--sbb-spacing-responsive-xxs))}.sbb-footer__title{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}::slotted(.sbb-link-list-button-group){display:flex;flex-direction:column;gap:var(--sbb-spacing-fixed-6x);align-items:flex-start}:host([variant=clock-columns]) slot{display:grid;grid-template-columns:auto;grid-template-rows:auto;column-gap:var(--sbb-footer-gap-horizontal)}@media(min-width:37.5rem){:host([variant=clock-columns]) slot{grid-template-columns:calc(50% - var(--sbb-footer-gap-horizontal) / 2)}}@media(min-width:90rem){:host([variant=clock-columns]) slot{max-width:var(--sbb-footer-content-max-width);margin-inline:auto;grid-template-columns:repeat(4,1fr)}}:host([variant=clock-columns]) ::slotted(*:not(:last-child,sbb-divider)){margin-block-end:var(--sbb-footer-gap-vertical)}:host([variant=clock-columns]) ::slotted(sbb-clock){width:var(--sbb-footer-clock-width);grid-row:1}@media(min-width:37.5rem){:host([variant=clock-columns]) ::slotted(sbb-clock){align-self:start;grid-row:2}}@media(min-width:90rem){:host([variant=clock-columns]) ::slotted(sbb-clock){grid-row:1;grid-column:4/5;justify-self:end}}:host([variant=clock-columns]) ::slotted(sbb-divider){margin-block:calc(var(--sbb-spacing-responsive-xl) - var(--sbb-footer-gap-vertical)) var(--sbb-spacing-responsive-s)}@media(min-width:37.5rem){:host([variant=clock-columns]) ::slotted(sbb-divider){grid-row:3;grid-column:1/4;width:100%}}@media(min-width:90rem){:host([variant=clock-columns]) ::slotted(sbb-divider){grid-row:2}}@media(min-width:37.5rem){:host([variant=clock-columns]) ::slotted(:nth-child(-n+2)){grid-row:1}:host([variant=clock-columns]) ::slotted(:nth-child(3)),:host([variant=clock-columns]) ::slotted(:nth-child(4)){grid-row:2}:host([variant=clock-columns]) ::slotted(*:last-child){grid-row:4}}@media(min-width:64rem){:host([variant=clock-columns]) ::slotted(*:last-child){grid-column:1/4}}@media(min-width:90rem){:host([variant=clock-columns]) ::slotted(:nth-child(-n+4)){grid-row:1}:host([variant=clock-columns]) ::slotted(*:last-child){grid-row:3}:host([variant=clock-columns]) ::slotted(sbb-divider),:host([variant=clock-columns]) ::slotted(*:last-child){grid-column:1/5}}", f = (() => {
-	let f = o(a), p, m = [], h = [], g, _ = [], v = [], y, b = [], x = [], S, C = [], w = [];
-	return class extends f {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
-			p = [i({ reflect: !0 })], g = [c(), i({
-				reflect: !0,
-				type: Boolean
-			})], y = [c(), i({ attribute: "accessibility-title" })], S = [i({ attribute: "accessibility-title-level" })], e(this, null, p, {
-				kind: "accessor",
-				name: "variant",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "variant" in e,
-					get: (e) => e.variant,
-					set: (e, t) => {
-						e.variant = t;
-					}
-				},
-				metadata: t
-			}, m, h), e(this, null, g, {
-				kind: "accessor",
-				name: "expanded",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "expanded" in e,
-					get: (e) => e.expanded,
-					set: (e, t) => {
-						e.expanded = t;
-					}
-				},
-				metadata: t
-			}, _, v), e(this, null, y, {
-				kind: "accessor",
-				name: "accessibilityTitle",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "accessibilityTitle" in e,
-					get: (e) => e.accessibilityTitle,
-					set: (e, t) => {
-						e.accessibilityTitle = t;
-					}
-				},
-				metadata: t
-			}, b, x), e(this, null, S, {
-				kind: "accessor",
-				name: "accessibilityTitleLevel",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "accessibilityTitleLevel" in e,
-					get: (e) => e.accessibilityTitleLevel,
-					set: (e, t) => {
-						e.accessibilityTitleLevel = t;
-					}
-				},
-				metadata: t
-			}, C, w), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-footer";
-		}
-		static {
-			this.styles = [s, r(d)];
-		}
-		#e = t(this, m, "default");
-		get variant() {
-			return this.#e;
-		}
-		set variant(e) {
-			this.#e = e;
-		}
-		#t = (t(this, h), t(this, _, !1));
-		get expanded() {
-			return this.#t;
-		}
-		set expanded(e) {
-			this.#t = e;
-		}
-		#n = (t(this, v), t(this, b, ""));
-		get accessibilityTitle() {
-			return this.#n;
-		}
-		set accessibilityTitle(e) {
-			this.#n = e;
-		}
-		#r = (t(this, x), t(this, C, "1"));
-		get accessibilityTitleLevel() {
-			return this.#r;
-		}
-		set accessibilityTitleLevel(e) {
-			this.#r = e;
-		}
-		render() {
-			let e = `h${this.accessibilityTitleLevel}`, t = l`<${u(e)} class="sbb-footer__title"
-        >${this.accessibilityTitle}</${u(e)}>`;
-			return l`
-      <footer class="sbb-footer">
-        <div class="sbb-footer-wrapper">
-          ${this.accessibilityTitle ? t : n}
-          <slot></slot>
-        </div>
-      </footer>
-    `;
-		}
-		constructor() {
-			super(...arguments), t(this, w);
-		}
-	};
-})();
-//#endregion
-export { f as t };

package/journey-header.component-DeNd5WzP.js

@@ -1,140 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { html as n, unsafeCSS as r } from "lit";
-import { property as i } from "lit/decorators.js";
-import { SbbLanguageController as a, SbbNegativeMixin as o, SbbScreenReaderOnlyElement as s, boxSizingStyles as c, forceType as l, i18nConnectionFrom as u, i18nConnectionRoundtrip as d, i18nConnectionTo as f, isLean as p } from "./core.js";
-import { SbbIconElement as m } from "./icon.pure.js";
-import { SbbTitleBase as h } from "./title.pure.js";
-//#region src/elements/journey-header/journey-header.scss?inline
-var g = ":host{--sbb-journey-header-gap: var(--sbb-spacing-fixed-1x);display:block}:host([id]){scroll-margin-block-start:var(--sbb-spacing-fixed-10x)}:host([negative]){--sbb-title-text-color-normal: var(--sbb-color-3-negative)}sbb-icon{min-width:var(--sbb-size-icon-ui-small)}.sbb-journey-header{display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--sbb-journey-header-gap);width:fit-content}.sbb-journey-header:dir(rtl) sbb-icon{transform:rotate(-180deg)}.sbb-journey-header>span{max-width:100%}", _ = new Map([
-	["s", "6"],
-	["m", "5"],
-	["l", "4"]
-]), v = (() => {
-	let v = o(h), y, b = [], x = [], S, C = [], w = [], T, E = [], D = [], O, k = [], A = [];
-	return class extends v {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(v[Symbol.metadata] ?? null) : void 0;
-			y = [l(), i()], S = [l(), i()], T = [l(), i({
-				attribute: "round-trip",
-				type: Boolean
-			})], O = [i({ reflect: !0 })], e(this, null, y, {
-				kind: "accessor",
-				name: "origin",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "origin" in e,
-					get: (e) => e.origin,
-					set: (e, t) => {
-						e.origin = t;
-					}
-				},
-				metadata: t
-			}, b, x), e(this, null, S, {
-				kind: "accessor",
-				name: "destination",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "destination" in e,
-					get: (e) => e.destination,
-					set: (e, t) => {
-						e.destination = t;
-					}
-				},
-				metadata: t
-			}, C, w), e(this, null, T, {
-				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: t
-			}, E, D), e(this, null, O, {
-				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
-			}, k, A), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-journey-header";
-		}
-		static {
-			this.elementDependencies = [m, s];
-		}
-		static {
-			this.styles = [
-				c,
-				h.styles,
-				r(g)
-			];
-		}
-		#e;
-		get origin() {
-			return this.#e;
-		}
-		set origin(e) {
-			this.#e = e;
-		}
-		#t;
-		get destination() {
-			return this.#t;
-		}
-		set destination(e) {
-			this.#t = e;
-		}
-		#n;
-		get roundTrip() {
-			return this.#n;
-		}
-		set roundTrip(e) {
-			this.#n = e;
-		}
-		#r;
-		get size() {
-			return this.#r;
-		}
-		set size(e) {
-			this.#r = e;
-		}
-		constructor() {
-			super(), this.#e = t(this, b, ""), this.#t = (t(this, x), t(this, C, "")), this.#n = (t(this, w), t(this, E, !1)), this.#r = (t(this, D), t(this, k, p() ? "s" : "m")), this._language = (t(this, A), new a(this)), this.level = "3", this.visualLevel = _.get(this.size) ?? null;
-		}
-		willUpdate(e) {
-			super.willUpdate(e), e.has("size") && (this.visualLevel = _.get(this.size) ?? null);
-		}
-		render() {
-			let e = this.roundTrip ? "arrows-long-right-left-small" : "arrow-long-right-small", t = `${u[this._language.current]} ${this.origin} ${f[this._language.current]} ${this.destination} ${this.roundTrip ? d(this.origin)[this._language.current] : ""}`;
-			return n`
-      <span class="sbb-journey-header" aria-hidden="true">
-        <span class="sbb-journey-header__origin">${this.origin}</span>
-        <sbb-icon name=${e}></sbb-icon>
-        <span class="sbb-journey-header__destination">${this.destination}</span>
-      </span>
-      <sbb-screen-reader-only>${t}</sbb-screen-reader-only>
-    `;
-		}
-	};
-})();
-//#endregion
-export { v as t };

package/message.component-DgTPvDym.js

@@ -1,26 +0,0 @@
-import { html as e, unsafeCSS as t } from "lit";
-import { SbbElement as n, boxSizingStyles as r } from "./core.js";
-//#region src/elements/message/message.scss?inline
-var i = ":host{display:block;text-align:center}::slotted(sbb-title[slot=title]){margin:0}::slotted([slot=image]){display:block;margin-inline:auto!important;margin-block:var(--sbb-message-image-margin-block)!important;width:100%}::slotted([slot=subtitle]){color:var(--sbb-message-subtitle-color);font-size:var(--sbb-text-font-size-s);letter-spacing:var(--sbb-typo-letter-spacing-text);margin:0}::slotted([slot=legend]){--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);padding:0;color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),var(--sbb-color-cement));margin-block:var(--sbb-message-legend-margin-block)}::slotted([slot=action]){margin-block:var(--sbb-message-action-margin-block)}", a = class extends n {
-	static {
-		this.elementName = "sbb-message";
-	}
-	static {
-		this.styles = [r, t(i)];
-	}
-	_configureTitle(e) {
-		let t = e.target.assignedElements().find((e) => e.localName === "sbb-title");
-		t && (customElements.upgrade(t), t.visualLevel = "5");
-	}
-	render() {
-		return e`
-      <slot name="image"></slot>
-      <slot name="title" @slotchange=${this._configureTitle}></slot>
-      <slot name="subtitle"></slot>
-      <slot name="legend"></slot>
-      <slot name="action"></slot>
-    `;
-	}
-};
-//#endregion
-export { a as t };

package/navigation-action-common-Dm47M2BG.js

@@ -1,66 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { unsafeCSS as n } from "lit";
-import { property as r } from "lit/decorators.js";
-import { boxSizingStyles as i, isLean as a } from "./core.js";
-import { html as o } from "lit/static-html.js";
-import { SbbIconElement as s } from "./icon.pure.js";
-//#region src/elements/navigation/common/navigation-action.scss?inline
-var c = ":host{--sbb-navigation-action-color: var(--sbb-color-4-negative);--sbb-navigation-action-icon-display: none;display:block;outline:none!important}:host(:is(:state(section-action),[state--section-action]):is(:state(action-active),[state--action-active]).sbb-active){--sbb-navigation-action-icon-display: block}:host(:is(:state(action-active),[state--action-active])){--sbb-navigation-action-color: var(--sbb-color-5)}@media(forced-colors:active){:host(:is(:state(action-active),[state--action-active])){--sbb-navigation-action-color: Highlight}}sbb-icon{display:var(--sbb-navigation-action-icon-display);position:absolute;inset-inline-start:calc((var(--sbb-size-icon-ui-small) + var(--sbb-spacing-fixed-1x)) * -1);inset-block-start:calc(1em * var(--sbb-typo-line-height-text) / 2);translate:0 -50%}@media(any-hover:hover){:host(:hover){--sbb-navigation-action-color: var(--sbb-color-5)}}@media(forced-colors:active){:host(:is(:state(button),[state--button])){--sbb-navigation-action-color: ButtonText}}:is(.sbb-navigation-button,.sbb-navigation-link){--sbb-title-font-size: var(--sbb-title-font-size-level-4-lean, var(--sbb-heading-font-size-4));margin-block:var(--sbb-title-margin-block, 0);margin-inline:0;font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height, var(--sbb-typo-line-height-heading));letter-spacing:var(--sbb-typo-letter-spacing-heading);font-size:var(--sbb-title-font-size);cursor:var(--sbb-cursor-pointer);position:relative;text-decoration:none;display:flex;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:color var(--sbb-disable-animation-duration, var(--sbb-animation-duration-3x)) ease;-webkit-hyphens:auto;hyphens:auto;text-align:left;color:var(--sbb-navigation-action-color);outline:none}@media(forced-colors:active){:is(.sbb-navigation-button,.sbb-navigation-link){transition:none}}:host([size=m]) :is(.sbb-navigation-button,.sbb-navigation-link){--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}:host([size=s]) :is(.sbb-navigation-button,.sbb-navigation-link){--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);font-weight:700}:host(:focus-visible) :is(.sbb-navigation-button,.sbb-navigation-link),:is(.sbb-navigation-button,.sbb-navigation-link):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:calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset))}", l = (l) => (() => {
-	let u = l, d, f = [], p = [];
-	return class extends u {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(u[Symbol.metadata] ?? null) : void 0;
-			d = [r({ reflect: !0 })], e(this, null, d, {
-				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
-			}, f, p), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementDependencies = [s];
-		}
-		static {
-			this.styles = [i, n(c)];
-		}
-		#e;
-		get size() {
-			return this.#e;
-		}
-		set size(e) {
-			this.#e = e;
-		}
-		get marker() {
-			return this._navigationMarker;
-		}
-		get section() {
-			return this._navigationSection;
-		}
-		constructor(...e) {
-			super(...e), this.#e = t(this, f, a() ? "s" : "l"), this.connectedSection = t(this, p), this._navigationMarker = null, this._navigationSection = null, this.addEventListener?.("click", () => {
-				!this.matches(":is(:state(action-active),[state--action-active])") && this._navigationMarker && !this.connectedSection && this.marker?.select(this);
-			});
-		}
-		connectedCallback() {
-			super.connectedCallback(), this._navigationMarker = this.closest("sbb-navigation-marker"), this._navigationSection = this.closest("sbb-navigation-section"), this.toggleState("section-action", !!this._navigationSection);
-		}
-		renderTemplate() {
-			return o`<sbb-icon name="dash-small"></sbb-icon> <slot></slot>`;
-		}
-	};
-})();
-//#endregion
-export { l as t };

package/navigation-marker.component-1VHe19c9.js

@@ -1,85 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { unsafeCSS as n } from "lit";
-import { property as r } from "lit/decorators.js";
-import { SbbElement as i, SbbNamedSlotListMixin as a, boxSizingStyles as o, isLean as s, ɵstateController as c } from "./core.js";
-import { ResizeController as l } from "@lit-labs/observers/resize-controller.js";
-//#region src/elements/navigation/navigation-marker/navigation-marker.scss?inline
-var u = ":host{--sbb-navigation-action-gap: var(--sbb-spacing-responsive-xs);--sbb-navigation-marker-position-x: var(--sbb-spacing-fixed-1x);--sbb-navigation-marker-position-y: unset;--sbb-navigation-marker-width: 1.0625rem;--sbb-navigation-marker-border: var(--sbb-border-width-1x);--sbb-navigation-marker-padding-inline-start: var(--sbb-spacing-fixed-6x);--sbb-navigation-marker-typo-line-height: var(--sbb-typo-line-height-heading);--sbb-navigation-margin-inline-start: var(--sbb-spacing-fixed-3x);--sbb-navigation-marker-margin-block: calc( 1em * var(--sbb-navigation-marker-typo-line-height) / 2 - var(--sbb-navigation-marker-border) / 2 );display:block}:host([size=s]){--sbb-navigation-action-gap: var(--sbb-spacing-fixed-2x);--sbb-navigation-marker-width: .5rem;--sbb-navigation-marker-typo-line-height: var(--sbb-typo-line-height-text);--sbb-navigation-margin-inline-start: var(--sbb-spacing-fixed-2x);--sbb-navigation-marker-position-x: calc( var(--sbb-navigation-marker-padding-inline-start) - var(--sbb-spacing-fixed-2x) );--sbb-navigation-marker-padding-inline-start: calc( var(--sbb-spacing-fixed-6x) + var(--sbb-spacing-fixed-1x) )}.sbb-navigation-marker{list-style:none;margin:0;padding:0;font-size:inherit;--sbb-title-font-size: var(--sbb-title-font-size-level-4-lean, var(--sbb-heading-font-size-4));margin-block:var(--sbb-title-margin-block, 0);margin-inline:0;font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height, var(--sbb-typo-line-height-heading));letter-spacing:var(--sbb-typo-letter-spacing-heading);font-size:var(--sbb-title-font-size);position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--sbb-navigation-action-gap);padding-inline-start:var(--sbb-navigation-marker-padding-inline-start)}.sbb-navigation-marker:before{content:\"\";position:absolute;opacity:0;inset-inline-start:var(--sbb-navigation-marker-position-x);inset-block-start:var(--sbb-navigation-marker-position-y);width:var(--sbb-navigation-marker-width);border-block-start:var(--sbb-navigation-marker-border) solid var(--sbb-color-5);margin-block:var(--sbb-navigation-marker-margin-block);transition-duration:var(--sbb-disable-animation-duration, var(--sbb-animation-duration-6x));transition-timing-function:ease;transition-property:opacity,inset-block-start}:host(:is(:state(has-active-action),[state--has-active-action])) .sbb-navigation-marker:before{opacity:1}@media(forced-colors:active){.sbb-navigation-marker:before{border-color:CanvasText}}:host([size=s]) .sbb-navigation-marker{--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);font-weight:700}::slotted(:is(sbb-navigation-button,sbb-navigation-link)){margin-inline-start:var(--sbb-navigation-margin-inline-start)}", d = (() => {
-	let d = a(i), f, p = [], m = [];
-	return class extends d {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(d[Symbol.metadata] ?? null) : void 0;
-			f = [r({ reflect: !0 })], e(this, null, f, {
-				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
-			}, p, m), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-navigation-marker";
-		}
-		static {
-			this.styles = [o, n(u)];
-		}
-		#e;
-		get size() {
-			return this.#e;
-		}
-		set size(e) {
-			this.#e = e;
-		}
-		constructor() {
-			super(), this.listChildLocalNames = ["sbb-navigation-button", "sbb-navigation-link"], this.#e = t(this, p, s() ? "s" : "l"), this._currentActiveAction = t(this, m), this.addController(new l(this, {
-				skipInitial: !0,
-				callback: () => this._setMarkerPosition()
-			}));
-		}
-		willUpdate(e) {
-			super.willUpdate(e), (e.has("size") || e.has("listChildren")) && this._updateMarkerActions(), this.toggleState("has-active-action", !!this._currentActiveAction);
-		}
-		_updateMarkerActions() {
-			for (let e of this.listChildren) e.size = this.size;
-			this._currentActiveAction = this.listChildren.find((e) => e.matches(":is(:state(action-active),[state--action-active])")), this._setMarkerPosition();
-		}
-		connectedCallback() {
-			super.connectedCallback(), this._checkActiveAction();
-		}
-		_checkActiveAction() {
-			let e = this.querySelector(":is(sbb-navigation-button, sbb-navigation-link).sbb-active");
-			e && this.select(e);
-		}
-		select(e) {
-			e && (this.reset(), c(e).add("action-active"), this._currentActiveAction = e, setTimeout(() => this._setMarkerPosition()));
-		}
-		firstUpdated(e) {
-			super.firstUpdated(e), setTimeout(() => this._setMarkerPosition());
-		}
-		reset() {
-			this._currentActiveAction &&= (c(this._currentActiveAction).delete("action-active"), this._currentActiveAction.connectedSection?.close(), void 0);
-		}
-		_setMarkerPosition() {
-			if (!this._currentActiveAction) return;
-			let e = this.listChildren.indexOf(this._currentActiveAction), t = this.shadowRoot.querySelector(`li:nth-child(${e + 1})`)?.offsetTop;
-			t != null && this.style?.setProperty("--sbb-navigation-marker-position-y", `${t}px`);
-		}
-		render() {
-			return this.renderList();
-		}
-	};
-})();
-//#endregion
-export { d as t };