@sbb-esta/lyne-elements 5.0.2 → 5.2.0

package/mini-calendar-day.component-UvIp06lc.js

@@ -1,102 +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 { SbbButtonBaseElement as a, defaultDateAdapter as o, forceType as s, omitEmptyConverter as c, readConfig as l } from "./core.js";
-//#region src/elements/mini-calendar/mini-calendar-day/mini-calendar-day.scss?inline
-var u = ":host{--sbb-mini-calendar-day-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );display:block;height:var(--sbb-mini-calendar-day-dimensions);width:var(--sbb-mini-calendar-day-dimensions);margin:.0625rem;border-radius:var(--sbb-border-radius-infinity);color:var(--sbb-color-storm);color:light-dark(var(--sbb-color-storm),var(--sbb-color-smoke));background-color:currentcolor}@media(any-hover:hover){:host(:hover){scale:var(--sbb-mini-calendar-day-scale);transition:scale var(--sbb-mini-calendar-day-animation-easing) var(--sbb-mini-calendar-day-animation-duration)}}:host(: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);outline-offset:.125rem}:host([color=charcoal]){color:var(--sbb-background-color-2-inverted)}:host([color=cloud]){color:var(--sbb-background-color-4-inverted)}:host([color=orange]){color:var(--sbb-color-orange-light)}:host([color=red]){color:var(--sbb-color-error)}:host([color=sky]){color:var(--sbb-color-sky-light)}:host([marker=circle]){background-color:var(--sbb-color-1-inverted);border:.0625rem solid currentcolor}:host([marker=target]){background:radial-gradient(circle,currentcolor 0%,currentcolor 25%,var(--sbb-color-1-inverted) 25%,var(--sbb-color-1-inverted) 50%,currentcolor 50%,currentcolor 100%)}:host([marker=slash]){position:relative}:host([marker=slash]):before{content:\"\";position:absolute;inset:0;background-image:linear-gradient(-45deg,transparent 45%,var(--sbb-color-1-inverted) 45%,var(--sbb-color-1-inverted) 55%,transparent 55%)}:host([marker=cross]){position:relative}:host([marker=cross]):before{content:\"\";position:absolute;inset:0;background-image:linear-gradient(-45deg,transparent 45%,var(--sbb-color-1-inverted) 45%,var(--sbb-color-1-inverted) 55%,transparent 55%),linear-gradient(45deg,transparent 45%,var(--sbb-color-1-inverted) 45%,var(--sbb-color-1-inverted) 55%,transparent 55%)}", d = (() => {
-	let d = a, f, p = [], m = [], h, g = [], _ = [], v, y = [], b = [];
-	return class extends d {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(d[Symbol.metadata] ?? null) : void 0;
-			f = [s(), i()], h = [s(), i({
-				reflect: !0,
-				converter: c
-			})], v = [s(), i({
-				reflect: !0,
-				converter: c
-			})], e(this, null, f, {
-				kind: "accessor",
-				name: "date",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "date" in e,
-					get: (e) => e.date,
-					set: (e, t) => {
-						e.date = t;
-					}
-				},
-				metadata: t
-			}, p, m), e(this, null, h, {
-				kind: "accessor",
-				name: "marker",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "marker" in e,
-					get: (e) => e.marker,
-					set: (e, t) => {
-						e.marker = t;
-					}
-				},
-				metadata: t
-			}, g, _), e(this, null, v, {
-				kind: "accessor",
-				name: "color",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "color" in e,
-					get: (e) => e.color,
-					set: (e, t) => {
-						e.color = t;
-					}
-				},
-				metadata: t
-			}, y, b), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-mini-calendar-day";
-		}
-		static {
-			this.styles = [r(u)];
-		}
-		#e;
-		get date() {
-			return this.#e;
-		}
-		set date(e) {
-			this.#e = e;
-		}
-		#t;
-		get marker() {
-			return this.#t;
-		}
-		set marker(e) {
-			this.#t = e;
-		}
-		#n;
-		get color() {
-			return this.#n;
-		}
-		set color(e) {
-			this.#n = e;
-		}
-		willUpdate(e) {
-			super.willUpdate(e), e.has("date") && this.date && (this.internals.ariaLabel = this._dateAdapter.getAccessibilityFormatDate(this.date));
-		}
-		renderTemplate() {
-			return n``;
-		}
-		constructor() {
-			super(...arguments), this._dateAdapter = l().datetime?.dateAdapter ?? o, this.#e = t(this, p, ""), this.#t = (t(this, m), t(this, g, "")), this.#n = (t(this, _), t(this, y, "")), t(this, b);
-		}
-	};
-})();
-//#endregion
-export { d as t };

package/mini-calendar-month.component-BZV7QSlC.js

@@ -1,68 +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 { SbbElement as a, SbbPropertyWatcherController as o, defaultDateAdapter as s, forceType as c, readConfig as l } from "./core.js";
-//#region src/elements/mini-calendar/mini-calendar-month/mini-calendar-month.scss?inline
-var u = ":host{display:inline-block}:host(:is(:state(show-year),[state--show-year])){--sbb-mini-calendar-month-visibilty-year: visible}:host(:is(:state(orientation-horizontal),[state--orientation-horizontal])){--sbb-mini-calendar-month-grid-auto-flow: row;--sbb-mini-calendar-month-height: 3rem;--sbb-mini-calendar-month-grid-template-rows: none;--sbb-mini-calendar-month-grid-template-columns: repeat(7, 1fr)}:host(:is(:state(orientation-horizontal),[state--orientation-horizontal])) ::slotted(sbb-mini-calendar-day:first-child){grid-column-start:var(--sbb-mini-calendar-month-offset)}:host(:is(:state(orientation-vertical),[state--orientation-vertical])){--sbb-mini-calendar-month-grid-auto-flow: column;--sbb-mini-calendar-month-height: auto;--sbb-mini-calendar-month-grid-template-rows: repeat(7, 1fr);--sbb-mini-calendar-month-grid-template-columns: none}:host(:is(:state(orientation-vertical),[state--orientation-vertical])) ::slotted(sbb-mini-calendar-day:first-child){grid-row-start:var(--sbb-mini-calendar-month-offset)}.sbb-mini-calendar-month-wrapper{display:grid;height:var(--sbb-mini-calendar-month-height);grid-auto-flow:var(--sbb-mini-calendar-month-grid-auto-flow);grid-auto-rows:.5rem;grid-template-columns:var(--sbb-mini-calendar-month-grid-template-columns);grid-template-rows:var(--sbb-mini-calendar-month-grid-template-rows)}.sbb-mini-calendar-month-label-year,.sbb-mini-calendar-month-label-month{font-size:var(--sbb-text-font-size-xxs);letter-spacing:var(--sbb-typo-letter-spacing-text);color:var(--sbb-mini-calendar-month-label-color)}.sbb-mini-calendar-month-label-year{visibility:var(--sbb-mini-calendar-month-visibilty-year)}", d = (() => {
-	let d = a, f, p = [], m = [];
-	return class extends d {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(d[Symbol.metadata] ?? null) : void 0;
-			f = [c(), i()], e(this, null, f, {
-				kind: "accessor",
-				name: "date",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "date" in e,
-					get: (e) => e.date,
-					set: (e, t) => {
-						e.date = t;
-					}
-				},
-				metadata: t
-			}, p, m), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-mini-calendar-month";
-		}
-		static {
-			this.styles = [r(u)];
-		}
-		#e;
-		get date() {
-			return this.#e;
-		}
-		set date(e) {
-			this.#e = e;
-		}
-		constructor() {
-			super(), this.#e = t(this, p, ""), this._dateAdapter = (t(this, m), l().datetime?.dateAdapter ?? s), this._monthNames = this._dateAdapter.getMonthNames("short"), this._monthLabel = null, this._yearLabel = null, this._previousOrientation = null, this.addController(new o(this, () => this.closest("sbb-mini-calendar"), { orientation: (e) => {
-				this._previousOrientation && this.internals.states.delete(`orientation-${this._previousOrientation}`), this._previousOrientation = e.orientation, this._previousOrientation && this.internals.states.add(`orientation-${this._previousOrientation}`);
-			} }));
-		}
-		willUpdate(e) {
-			if (super.willUpdate(e), e.has("date") && this.date) {
-				if (!this.date.match(/^\d{4}-(0[1-9]|1[0-2])$/)) return;
-				let e = this.date.split("-"), t = this._dateAdapter.createDate(+e[0], +e[1], 1), n = this._dateAdapter.getFirstWeekOffset(t);
-				this.style?.setProperty("--sbb-mini-calendar-month-offset", `${n + 1}`), this._monthLabel = `${this._monthNames[e[1] - 1]}.`, this._yearLabel = String(this._dateAdapter.getYear(t));
-			}
-		}
-		render() {
-			return n`
-      <div class="sbb-mini-calendar-month-label-year">${this._yearLabel}</div>
-      <div class="sbb-mini-calendar-month-wrapper">
-        <slot></slot>
-      </div>
-      <div class="sbb-mini-calendar-month-label-month">${this._monthLabel}</div>
-    `;
-		}
-	};
-})();
-//#endregion
-export { d as t };

package/mini-calendar.component-B6EGO9bp.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 { SbbElement as a, defaultDateAdapter as o, isArrowKeyOrPageKeysPressed as s, readConfig as c, ɵstateController as l } from "./core.js";
-import { MutationController as u } from "@lit-labs/observers/mutation-controller.js";
-//#region src/elements/mini-calendar/mini-calendar/mini-calendar.scss?inline
-var d = ":host{display:flex;flex-wrap:wrap;gap:var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-1x)}", f = (() => {
-	let f = a, p, m = [], h = [];
-	return class extends f {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
-			p = [i({ reflect: !0 })], e(this, null, p, {
-				kind: "accessor",
-				name: "orientation",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "orientation" in e,
-					get: (e) => e.orientation,
-					set: (e, t) => {
-						e.orientation = t;
-					}
-				},
-				metadata: t
-			}, m, h), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-mini-calendar";
-		}
-		static {
-			this.styles = [r(d)];
-		}
-		#e;
-		get orientation() {
-			return this.#e;
-		}
-		set orientation(e) {
-			this.#e = e;
-		}
-		constructor() {
-			super(), this.#e = t(this, m, "horizontal"), this._keydownAbortController = (t(this, h), null), this._dateAdapter = c().datetime?.dateAdapter ?? o, this.addController(new u(this, {
-				config: {
-					childList: !0,
-					subtree: !0
-				},
-				callback: () => this._setMonthsShowYear()
-			}));
-		}
-		_getMiniCalendarMonths() {
-			return Array.from(this.querySelectorAll?.("sbb-mini-calendar-month") ?? []);
-		}
-		_getMiniCalendarDays() {
-			return Array.from(this._getMiniCalendarMonths().flatMap((e) => Array.from(e.querySelectorAll?.("sbb-mini-calendar-day") ?? [])));
-		}
-		_setMonthsShowYear() {
-			this._getMiniCalendarMonths().forEach((e, t) => {
-				let n = e.date.split("-");
-				n.length > 0 && (t === 0 || +n[1] == 1 ? l(e).add("show-year") : l(e).delete("show-year"));
-			});
-		}
-		_handleKeydownCalendarDay(e) {
-			s(e) && e.preventDefault();
-			let t = this._getMiniCalendarDays(), n = t.find((t) => t === e.target), r = this._navigateByKeyboardDayView(t, n, e), i = document.activeElement;
-			r !== i && (r.tabIndex = 0, r?.focus(), i.tabIndex = -1);
-		}
-		_navigateByKeyboardDayView(e, t, n) {
-			let r = this.orientation === "horizontal" ? {
-				leftRight: 1,
-				upDown: 7
-			} : {
-				leftRight: 7,
-				upDown: 1
-			}, i = this._dateAdapter.parse(t.date), a = this._dateAdapter.getDate(i), o = this._dateAdapter.getFirstWeekOffset(i);
-			switch (n.key) {
-				case "ArrowUp": return this._findDayArrowKeys(e, t, -r.upDown);
-				case "ArrowDown": return this._findDayArrowKeys(e, t, r.upDown);
-				case "ArrowLeft": return this._findDayArrowKeys(e, t, -r.leftRight);
-				case "ArrowRight": return this._findDayArrowKeys(e, t, r.leftRight);
-				case "PageUp": if (this.orientation === "horizontal") {
-					let n = a - (a % 7 || 7);
-					return this._findDaySpecialKeys(e, t, -n, r.upDown);
-				} else {
-					let n = (Math.ceil((a + o) / 7) - 1) * 7 - o + 1 - a;
-					return this._findDaySpecialKeys(e, t, n, r.upDown);
-				}
-				case "PageDown": if (this.orientation === "horizontal") {
-					let n = this._dateAdapter.getNumDaysInMonth(i), o = n - a - (n - a) % 7;
-					return this._findDaySpecialKeys(e, t, o, -r.upDown);
-				} else {
-					let n = Math.ceil((a + o) / 7) * 7 - o - a;
-					return this._findDaySpecialKeys(e, t, n, -r.upDown);
-				}
-				case "Home": {
-					let n = a - 1;
-					return this._findDaySpecialKeys(e, t, -n, 1);
-				}
-				case "End": {
-					let n = this._dateAdapter.getNumDaysInMonth(i);
-					return this._findDaySpecialKeys(e, t, n - a, -1);
-				}
-				default: return t;
-			}
-		}
-		_findDayArrowKeys(e, t, n) {
-			let r = this._dateAdapter.addCalendarDays(this._dateAdapter.deserialize(t.date), n), i = this._dateAdapter.toIso8601(r);
-			return e.find((e) => e.date === i) || t;
-		}
-		_findDaySpecialKeys(e, t, n, r) {
-			let i = this._dateAdapter.addCalendarDays(this._dateAdapter.deserialize(t.date), n), a = this._dateAdapter.toIso8601(i);
-			return e.find((e) => e.date === a) || this._findDaySpecialKeys(e, t, n + r, r);
-		}
-		_handleSlotchange() {
-			this._setupKeydownListener();
-		}
-		_setupKeydownListener() {
-			this._keydownAbortController?.abort(), this._keydownAbortController = new AbortController(), this._getMiniCalendarDays().forEach((e, t) => {
-				e.addEventListener("keydown", (e) => this._handleKeydownCalendarDay(e), { signal: this._keydownAbortController.signal }), t !== 0 && (e.tabIndex = -1);
-			});
-		}
-		focus() {
-			this._getMiniCalendarDays()?.find((e) => e.tabIndex === 0)?.focus();
-		}
-		connectedCallback() {
-			super.connectedCallback(), this._setupKeydownListener();
-		}
-		disconnectedCallback() {
-			super.disconnectedCallback(), this._keydownAbortController?.abort();
-		}
-		render() {
-			return n`<slot @slotchange=${this._handleSlotchange}></slot>`;
-		}
-	};
-})();
-//#endregion
-export { f as t };

package/navigation/common/navigation-action-common.js

@@ -1,2 +0,0 @@
-import { t as e } from "../../navigation-action-common-DSPULZFe.js";
-export { e as SbbNavigationActionCommonElementMixin };

package/navigation/navigation/navigation.component.js

@@ -1,2 +0,0 @@
-import { t as e } from "../../navigation.component-CY_9Q6dT.js";
-export { e as SbbNavigationElement };

package/navigation/navigation-button/navigation-button.component.js

@@ -1,10 +0,0 @@
-import { SbbButtonBaseElement as e } from "../../core.js";
-import { SbbNavigationActionCommonElementMixin as t } from "../common/navigation-action-common.js";
-//#region src/elements/navigation/navigation-button/navigation-button.component.ts
-var n = class extends t(e) {
-	static {
-		this.elementName = "sbb-navigation-button";
-	}
-};
-//#endregion
-export { n as SbbNavigationButtonElement };

package/navigation/navigation-link/navigation-link.component.js

@@ -1,10 +0,0 @@
-import { SbbLinkBaseElement as e } from "../../core.js";
-import { SbbNavigationActionCommonElementMixin as t } from "../common/navigation-action-common.js";
-//#region src/elements/navigation/navigation-link/navigation-link.component.ts
-var n = class extends t(e) {
-	static {
-		this.elementName = "sbb-navigation-link";
-	}
-};
-//#endregion
-export { n as SbbNavigationLinkElement };

package/navigation/navigation-list/navigation-list.component.js

@@ -1,2 +0,0 @@
-import { t as e } from "../../navigation-list.component-Bkmh_wqm.js";
-export { e as SbbNavigationListElement };

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

@@ -1,2 +0,0 @@
-import { t as e } from "../../navigation-marker.component-CCXJWsN1.js";
-export { e as SbbNavigationMarkerElement };

package/navigation/navigation-section/navigation-section.component.js

@@ -1,2 +0,0 @@
-import { t as e } from "../../navigation-section.component-DPgBlCf8.js";
-export { e as SbbNavigationSectionElement };

package/navigation-action-common-DSPULZFe.js

@@ -1,38 +0,0 @@
-import { unsafeCSS as e } from "lit";
-import { SbbDisabledMixin as t, SbbPropertyWatcherController as n } from "./core.js";
-import { html as r } from "lit/static-html.js";
-import { SbbIconElement as i } from "./icon.pure.js";
-//#region src/elements/navigation/common/navigation-action.scss?inline
-var a = ":host{--_sbb-navigation-action-inset-inline-start: calc( (var(--sbb-size-icon-ui-small) + var(--sbb-spacing-fixed-1x)) * -1 );--_sbb-navigation-action-inset-block-start: calc(1em * (var(--sbb-typo-line-height-text) / 2));--sbb-navigation-action-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-3x) );--sbb-navigation-cursor: var(--sbb-cursor-pointer);--sbb-navigation-text-decoration: 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:var(--_sbb-navigation-action-inset-inline-start);inset-block-start:var(--_sbb-navigation-action-inset-block-start);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}}:host(:is(:is(:state(size-s),[state--size-s]),:is(:state(size-m),[state--size-m]))){--sbb-navigation-action-line-height: var(--sbb-typo-line-height-text);--sbb-navigation-action-letter-spacing: var(--sbb-typo-letter-spacing-text)}:host(:is(:state(size-s),[state--size-s])){--sbb-navigation-action-font-size: var(--sbb-text-font-size-xxs)}:host(:is(:state(size-m),[state--size-m])){--sbb-navigation-action-font-size: var(--sbb-text-font-size-s)}:is(.sbb-navigation-button,.sbb-navigation-link){display:flex;position:relative;color:var(--sbb-navigation-action-color);cursor:var(--sbb-navigation-cursor);transition:color var(--sbb-navigation-action-transition-duration) ease;outline:none;text-align:left;font-size:var(--sbb-navigation-action-font-size);line-height:var(--sbb-navigation-action-line-height);letter-spacing:var(--sbb-navigation-action-letter-spacing);font-weight:700;-webkit-hyphens:auto;hyphens:auto;text-decoration:var(--sbb-navigation-text-decoration);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}@media(forced-colors:active){:is(.sbb-navigation-button,.sbb-navigation-link){transition:none}}: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))}:host(:is(:disabled,[disabled])){--sbb-navigation-action-color: var(--sbb-color-5);--sbb-navigation-cursor: unset;--sbb-navigation-text-decoration: line-through}", o = (o) => {
-	class s extends t(o) {
-		static {
-			this.elementDependencies = [i];
-		}
-		static {
-			this.styles = [e(a)];
-		}
-		get marker() {
-			return this._navigationMarker;
-		}
-		get section() {
-			return this._navigationSection;
-		}
-		constructor(...e) {
-			super(...e), this._navigationMarker = null, this._navigationSection = null, this._size = "l", this.addEventListener?.("click", () => {
-				!this.matches(":is(:state(action-active),[state--action-active])") && this._navigationMarker && !this.connectedSection && this.marker?.select(this);
-			}), this.addController(new n(this, () => this.closest("sbb-navigation-marker"), { size: (e) => this._applySize(e.size) }));
-		}
-		connectedCallback() {
-			super.connectedCallback(), this._navigationMarker = this.closest("sbb-navigation-marker"), this._navigationSection = this.closest("sbb-navigation-section"), this.toggleState("section-action", !!this._navigationSection), this.closest("sbb-navigation-list") && this._applySize("m");
-		}
-		_applySize(e) {
-			this._size && this.internals.states.delete(`size-${this._size}`), this._size = e, this._size && this.internals.states.add(`size-${this._size}`);
-		}
-		renderTemplate() {
-			return r`<sbb-icon name="dash-small"></sbb-icon> <slot></slot>`;
-		}
-	}
-	return s;
-};
-//#endregion
-export { o as t };

package/navigation-list.component-Bkmh_wqm.js

@@ -1,64 +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 { SbbElement as a, SbbNamedSlotListMixin as o, forceType as s, omitEmptyConverter as c } from "./core.js";
-//#region src/elements/navigation/navigation-list/navigation-list.scss?inline
-var l = ":host{display:block}.sbb-navigation-list__content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sbb-navigation-list-gap);margin-block:var(--sbb-navigation-list-margin-block)}.sbb-navigation-list__label{display:block;color:var(--sbb-color-5);padding-block-end:var(--sbb-navigation-list-padding-block-end);font-weight:700;font-size:var(--sbb-navigation-list-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text)}:host(:not(:is(:state(slotted-label),[state--slotted-label]),[label])) .sbb-navigation-list__label{display:none}", u = (() => {
-	let u = o(a), d, f = [], p = [];
-	return class extends u {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(u[Symbol.metadata] ?? null) : void 0;
-			d = [s(), i({
-				reflect: !0,
-				converter: c
-			})], e(this, null, d, {
-				kind: "accessor",
-				name: "label",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "label" in e,
-					get: (e) => e.label,
-					set: (e, t) => {
-						e.label = t;
-					}
-				},
-				metadata: t
-			}, f, p), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-navigation-list";
-		}
-		static {
-			this.styles = [r(l)];
-		}
-		#e;
-		get label() {
-			return this.#e;
-		}
-		set label(e) {
-			this.#e = e;
-		}
-		render() {
-			return n`
-      <span class="sbb-navigation-list__label" id="sbb-navigation-link-label-id">
-        <slot name="label">${this.label}</slot>
-      </span>
-      ${this.renderList({
-				class: "sbb-navigation-list__content",
-				ariaLabelledby: "sbb-navigation-link-label-id"
-			})}
-    `;
-		}
-		constructor() {
-			super(...arguments), this.listChildLocalNames = ["sbb-navigation-button", "sbb-navigation-link"], this.#e = t(this, f, ""), t(this, p);
-		}
-	};
-})();
-//#endregion
-export { u as t };

package/navigation-marker.component-CCXJWsN1.js

@@ -1,84 +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, ɵstateController as o } from "./core.js";
-import { ResizeController as s } from "@lit-labs/observers/resize-controller.js";
-//#region src/elements/navigation/navigation-marker/navigation-marker.scss?inline
-var c = ":host{--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-font-size: var(--sbb-text-font-size-xxs);--sbb-navigation-marker-letter-spacing: var(--sbb-typo-letter-spacing-text);--sbb-navigation-marker-line-height: var(--sbb-typo-line-height-text)}:host([size=l]){--sbb-navigation-marker-font-size: var(--sbb-heading-font-size-4);--sbb-navigation-marker-letter-spacing: var(--sbb-typo-letter-spacing-heading);--sbb-navigation-marker-line-height: var(--sbb-typo-line-height-heading)}.sbb-navigation-marker{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);font-size:var(--sbb-navigation-marker-font-size);line-height:var(--sbb-navigation-marker-line-height);letter-spacing:var(--sbb-navigation-marker-letter-spacing);font-weight:700}.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}}::slotted(:is(sbb-navigation-button,sbb-navigation-link)){margin-inline-start:var(--sbb-navigation-margin-inline-start)}", l = (() => {
-	let l = a(i), u, d = [], f = [];
-	return class extends l {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(l[Symbol.metadata] ?? null) : void 0;
-			u = [r({ reflect: !0 })], e(this, null, u, {
-				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
-			}, d, f), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-navigation-marker";
-		}
-		static {
-			this.styles = [n(c)];
-		}
-		#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, d, "l"), this._currentActiveAction = t(this, f), this.addController(new s(this, {
-				skipInitial: !0,
-				callback: () => this._setMarkerPosition()
-			}));
-		}
-		willUpdate(e) {
-			super.willUpdate(e), e.has("listChildren") && this._updateMarkerActions(), this.toggleState("has-active-action", !!this._currentActiveAction);
-		}
-		_updateMarkerActions() {
-			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(), o(e).add("action-active"), this._currentActiveAction = e, setTimeout(() => this._setMarkerPosition()));
-		}
-		firstUpdated(e) {
-			super.firstUpdated(e), setTimeout(() => this._setMarkerPosition());
-		}
-		reset() {
-			this._currentActiveAction &&= (o(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 { l as t };