@sbb-esta/lyne-elements-dev 4.10.0-dev.1776087145 → 5.0.0-next-dev.1776089230

package/mini-button-group.component-BHbNqePj.js

@@ -0,0 +1,85 @@
+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, SbbNegativeMixin as s, boxSizingStyles as c, forceType as l, isLean as u } from "./core.js";
+//#region src/elements/button/mini-button-group/mini-button-group.scss?inline
+var d = ":host{display:block}:host([negative]){--sbb-mini-button-group-background: var(--sbb-background-color-1-negative);--sbb-mini-button-group-border-color: var(--sbb-border-color-4-negative-inverted);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}:host([size=s]){--sbb-mini-button-group-min-height: var(--sbb-size-element-xs);--sbb-mini-button-group-padding-inline: var(--sbb-spacing-fixed-2x)}:host([size=m]){--sbb-mini-button-group-min-height: var(--sbb-size-element-s);--sbb-mini-button-group-padding-inline: var(--sbb-spacing-fixed-3x)}:host([size=l]){--sbb-mini-button-group-min-height: var(--sbb-size-element-m)}:host([size=xl]){--sbb-mini-button-group-min-height: var(--sbb-size-element-l);--sbb-mini-button-group-padding-inline: var(--sbb-spacing-fixed-4x)}::slotted(:is(sbb-mini-button,sbb-mini-button-link,sbb-divider)){display:flex}::slotted(sbb-divider){--sbb-divider-border-width: var(--sbb-border-width-1x);padding:var(--sbb-mini-button-group-divider-padding);height:var(--sbb-mini-button-group-divider-height)}.sbb-mini-button-group{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-wrap:nowrap;align-items:center;gap:var(--sbb-mini-button-group-gap);width:fit-content;min-height:var(--sbb-mini-button-group-min-height);background-color:var(--sbb-mini-button-group-background);border:var(--sbb-mini-button-group-border-width) solid var(--sbb-mini-button-group-border-color);border-radius:var(--sbb-mini-button-group-border-radius);padding-inline:calc(var(--sbb-mini-button-group-padding-inline) - var(--sbb-mini-button-group-border-width))}", f = (() => {
+	let f = s(o(a)), p, m = [], h = [], g, _ = [], v = [];
+	return class extends f {
+		static {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
+			p = [l(), i({ attribute: "accessibility-label" })], g = [i({ reflect: !0 })], e(this, null, p, {
+				kind: "accessor",
+				name: "accessibilityLabel",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "accessibilityLabel" in e,
+					get: (e) => e.accessibilityLabel,
+					set: (e, t) => {
+						e.accessibilityLabel = t;
+					}
+				},
+				metadata: t
+			}, m, h), e(this, null, g, {
+				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
+			}, _, v), t && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: t
+			});
+		}
+		static {
+			this.elementName = "sbb-mini-button-group";
+		}
+		static {
+			this.styles = [c, r(d)];
+		}
+		#e;
+		get accessibilityLabel() {
+			return this.#e;
+		}
+		set accessibilityLabel(e) {
+			this.#e = e;
+		}
+		#t;
+		get size() {
+			return this.#t;
+		}
+		set size(e) {
+			this.#t = e;
+		}
+		willUpdate(e) {
+			super.willUpdate(e), e.has("negative") && this._proxyNegative();
+		}
+		_proxyNegative() {
+			this.querySelectorAll?.("sbb-divider, sbb-mini-button, sbb-mini-button-link").forEach((e) => e.negative = this.negative);
+		}
+		render() {
+			return n`
+      ${this.renderList({ ariaLabel: this.accessibilityLabel }, { localNameVisualOnly: ["sbb-divider"] })}
+    `;
+		}
+		constructor() {
+			super(...arguments), this.listChildLocalNames = [
+				"sbb-mini-button",
+				"sbb-mini-button-link",
+				"sbb-divider"
+			], this.#e = t(this, m, ""), this.#t = (t(this, h), t(this, _, u() ? "s" : "m")), t(this, v);
+		}
+	};
+})();
+//#endregion
+export { f as t };

package/mini-button-link.component-CF9-gRPn.js

@@ -0,0 +1,28 @@
+import { html as e, unsafeCSS as t } from "lit";
+import { SbbDisabledInteractiveMixin as n, SbbDisabledMixin as r, SbbLinkBaseElement as i, SbbNegativeMixin as a, boxSizingStyles as o } from "./core.js";
+import { SbbIconNameMixin as s } from "./icon.pure.js";
+import { miniButtonLabelStyle as c, miniButtonStyle as l } from "./button/common/button-common.js";
+//#region src/elements/button/mini-button-link/mini-button-link.scss?inline
+var u = "@media(forced-colors:active){:host{--sbb-mini-button-color: LinkText !important}}", d = class extends a(s(n(r(i)))) {
+	static {
+		this.elementName = "sbb-mini-button-link";
+	}
+	static {
+		this.styles = [
+			o,
+			l,
+			c,
+			t(u)
+		];
+	}
+	renderTemplate() {
+		return e`
+      ${super.renderIconSlot()}
+      <span class="sbb-mini-button__label">
+        <slot></slot>
+      </span>
+    `;
+	}
+};
+//#endregion
+export { d as t };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../../mini-calendar.component-DJfOT7ir.js";
+import { t as e } from "../../mini-calendar.component-DjQYQ3Yf.js";
 export { e as SbbMiniCalendarElement };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../../mini-calendar-day.component-DOMxLDsW.js";
+import { t as e } from "../../mini-calendar-day.component-0lJIxizR.js";
 export { e as SbbMiniCalendarDayElement };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../../mini-calendar-month.component-BAN0k3N6.js";
+import { t as e } from "../../mini-calendar-month.component-C1oHh5pA.js";
 export { e as SbbMiniCalendarMonthElement };

package/mini-calendar-day.component-0lJIxizR.js

@@ -0,0 +1,102 @@
+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-C1oHh5pA.js

@@ -0,0 +1,68 @@
+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, boxSizingStyles as s, defaultDateAdapter as c, forceType as l, readConfig as u } from "./core.js";
+//#region src/elements/mini-calendar/mini-calendar-month/mini-calendar-month.scss?inline
+var d = ":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)}", 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 = [l(), i()], e(this, null, p, {
+				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
+			}, m, h), t && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: t
+			});
+		}
+		static {
+			this.elementName = "sbb-mini-calendar-month";
+		}
+		static {
+			this.styles = [s, r(d)];
+		}
+		#e;
+		get date() {
+			return this.#e;
+		}
+		set date(e) {
+			this.#e = e;
+		}
+		constructor() {
+			super(), this.#e = t(this, m, ""), this._dateAdapter = (t(this, h), u().datetime?.dateAdapter ?? c), 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 { f as t };

package/mini-calendar.component-DjQYQ3Yf.js

@@ -0,0 +1,140 @@
+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/mini-calendar.js

@@ -1,6 +1,6 @@
-import { t as e } from "./mini-calendar-day.component-DOMxLDsW.js";
-import { t } from "./mini-calendar-month.component-BAN0k3N6.js";
-import { t as n } from "./mini-calendar.component-DJfOT7ir.js";
+import { t as e } from "./mini-calendar-day.component-0lJIxizR.js";
+import { t } from "./mini-calendar-month.component-C1oHh5pA.js";
+import { t as n } from "./mini-calendar.component-DjQYQ3Yf.js";
 import "./mini-calendar.pure.js";
 n.define(), e.define(), t.define();
 //#endregion

package/mini-calendar.pure.js

@@ -1,4 +1,4 @@
-import { t as e } from "./mini-calendar-day.component-DOMxLDsW.js";
-import { t } from "./mini-calendar-month.component-BAN0k3N6.js";
-import { t as n } from "./mini-calendar.component-DJfOT7ir.js";
+import { t as e } from "./mini-calendar-day.component-0lJIxizR.js";
+import { t } from "./mini-calendar-month.component-C1oHh5pA.js";
+import { t as n } from "./mini-calendar.component-DjQYQ3Yf.js";
 export { e as SbbMiniCalendarDayElement, n as SbbMiniCalendarElement, t as SbbMiniCalendarMonthElement };

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

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

package/navigation/navigation/navigation.component.js

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

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

@@ -1,4 +1,4 @@
-import { SbbButtonBaseElement as e } from "../../core/base-elements.js";
+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) {

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

@@ -1,4 +1,4 @@
-import { SbbLinkBaseElement as e } from "../../core/base-elements.js";
+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) {

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

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

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

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

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

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

package/navigation-action-common-Dm47M2BG.js

@@ -0,0 +1,66 @@
+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-list.component-DQeyXtOA.js

@@ -0,0 +1,67 @@
+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, boxSizingStyles as s, forceType as c, isLean as l, omitEmptyConverter as u } from "./core.js";
+//#region src/elements/navigation/navigation-list/navigation-list.scss?inline
+var d = ":host{display:block}.sbb-navigation-list__content{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-direction:column;align-items:flex-start;gap:var(--sbb-spacing-fixed-2x);margin-block:var(--sbb-spacing-fixed-1x)}.sbb-navigation-list__label{--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;display:block;color:var(--sbb-color-5);padding-block-end:var(--sbb-spacing-fixed-2x)}:host(:not(:is(:state(slotted-label),[state--slotted-label]),[label])) .sbb-navigation-list__label{display:none}", f = (() => {
+	let f = o(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 = [c(), i({
+				reflect: !0,
+				converter: u
+			})], e(this, null, p, {
+				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
+			}, m, h), t && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: t
+			});
+		}
+		static {
+			this.elementName = "sbb-navigation-list";
+		}
+		static {
+			this.styles = [s, r(d)];
+		}
+		#e;
+		get label() {
+			return this.#e;
+		}
+		set label(e) {
+			this.#e = e;
+		}
+		willUpdate(e) {
+			super.willUpdate(e), e.has("listChildren") && this.listChildren.forEach((e) => e.size = l() ? "s" : "m");
+		}
+		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, m, ""), t(this, h);
+		}
+	};
+})();
+//#endregion
+export { f as t };