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

package/calendar.js

@@ -1,10 +1,11 @@
-import { t as e } from "./calendar-day.component-BBszRsGw.js";
+import { t as e } from "./calendar-day.component-B2eFdrLP.js";
 import { SbbCalendarMonthElement as t } from "./calendar/calendar-month/calendar-month.component.js";
 import { SbbCalendarYearElement as n } from "./calendar/calendar-year/calendar-year.component.js";
 import { SbbCalendarWeekdayElement as r } from "./calendar/calendar-weekday/calendar-weekday.component.js";
 import { SbbCalendarWeeknumberElement as i } from "./calendar/calendar-weeknumber/calendar-weeknumber.component.js";
-import { n as a, t as o } from "./calendar.component-DjQOyRGl.js";
+import { n as a, t as o } from "./calendar.component-D6mdi1Q3.js";
+import { n as s, t as c } from "./calendar-cell-base-element-Bip0m9Wr.js";
 import "./calendar.pure.js";
 o.define(), e.define(), t.define(), n.define(), r.define(), i.define();
 //#endregion
-export { e as SbbCalendarDayElement, o as SbbCalendarElement, t as SbbCalendarMonthElement, r as SbbCalendarWeekdayElement, i as SbbCalendarWeeknumberElement, n as SbbCalendarYearElement, a as SbbMonthChangeEvent };
+export { c as SbbCalendarCellBaseElement, e as SbbCalendarDayElement, o as SbbCalendarElement, t as SbbCalendarMonthElement, r as SbbCalendarWeekdayElement, i as SbbCalendarWeeknumberElement, n as SbbCalendarYearElement, a as SbbMonthChangeEvent, s as calendarCellBaseStyle };

package/calendar.pure.js

@@ -1,7 +1,8 @@
-import { t as e } from "./calendar-day.component-BBszRsGw.js";
+import { t as e } from "./calendar-day.component-B2eFdrLP.js";
 import { SbbCalendarMonthElement as t } from "./calendar/calendar-month/calendar-month.component.js";
 import { SbbCalendarYearElement as n } from "./calendar/calendar-year/calendar-year.component.js";
 import { SbbCalendarWeekdayElement as r } from "./calendar/calendar-weekday/calendar-weekday.component.js";
 import { SbbCalendarWeeknumberElement as i } from "./calendar/calendar-weeknumber/calendar-weeknumber.component.js";
-import { n as a, t as o } from "./calendar.component-DjQOyRGl.js";
-export { e as SbbCalendarDayElement, o as SbbCalendarElement, t as SbbCalendarMonthElement, r as SbbCalendarWeekdayElement, i as SbbCalendarWeeknumberElement, n as SbbCalendarYearElement, a as SbbMonthChangeEvent };
+import { n as a, t as o } from "./calendar.component-D6mdi1Q3.js";
+import { n as s, t as c } from "./calendar-cell-base-element-Bip0m9Wr.js";
+export { c as SbbCalendarCellBaseElement, e as SbbCalendarDayElement, o as SbbCalendarElement, t as SbbCalendarMonthElement, r as SbbCalendarWeekdayElement, i as SbbCalendarWeeknumberElement, n as SbbCalendarYearElement, a as SbbMonthChangeEvent, s as calendarCellBaseStyle };

package/card/card/card.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../card.component-D14GBu6y.js";
+import { t as e } from "../../card.component-DZrNg3sQ.js";
 export { e as SbbCardElement };

package/card/card-badge/card-badge.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../card-badge.component-BSOEYrN4.js";
+import { t as e } from "../../card-badge.component-CsEpGTHm.js";
 export { e as SbbCardBadgeElement };

package/card/card-button/card-button.component.js

@@ -1,4 +1,4 @@
-import { SbbButtonBaseElement as e } from "../../core/base-elements.js";
+import { SbbButtonBaseElement as e } from "../../core.js";
 import { SbbCardActionCommonElementMixin as t } from "../common/card-action-common.js";
 //#region src/elements/card/card-button/card-button.component.ts
 var n = class extends t(e) {

package/card/card-link/card-link.component.js

@@ -1,4 +1,4 @@
-import { SbbLinkBaseElement as e } from "../../core/base-elements.js";
+import { SbbLinkBaseElement as e } from "../../core.js";
 import { SbbCardActionCommonElementMixin as t } from "../common/card-action-common.js";
 //#region src/elements/card/card-link/card-link.component.ts
 var n = class extends t(e) {

package/card/common/card-action-common.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../card-action-common-Ct0e9dtO.js";
+import { t as e } from "../../card-action-common-DIMD59l_.js";
 export { e as SbbCardActionCommonElementMixin };

package/card-action-common-DIMD59l_.js

@@ -0,0 +1,86 @@
+import { __esDecorate as e, __runInitializers as t } from "tslib";
+import { unsafeCSS as n } from "lit";
+import { property as r } from "lit/decorators.js";
+import { IS_FOCUSABLE_QUERY as i, boxSizingStyles as a, ɵstateController as o } from "./core.js";
+import { html as s } from "lit/static-html.js";
+import { MutationController as c } from "@lit-labs/observers/mutation-controller.js";
+//#region src/elements/card/common/card-action.scss?inline
+var l = ":host{display:block;outline:none!important;position:absolute;inset:0}:is(.sbb-card-button,.sbb-card-link){display:block;position:absolute;inset:0;border-radius:var(--sbb-card-border-radius);cursor:var(--sbb-cursor-pointer);outline:none}:host(:focus-visible) :is(.sbb-card-button,.sbb-card-link),:is(.sbb-card-button,.sbb-card-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)}.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}", u = (u) => (() => {
+	let d = u, f = [], p;
+	return class extends d {
+		constructor() {
+			super(...arguments), this._active = (t(this, f), !1), this._card = null, this._cardMutationObserver = new c(this, {
+				target: null,
+				config: {
+					childList: !0,
+					subtree: !0,
+					attributes: !0,
+					attributeFilter: [
+						"href",
+						"tabindex",
+						"disabled",
+						"inert"
+					]
+				},
+				callback: () => this._checkForSlottedActions()
+			});
+		}
+		static {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(d[Symbol.metadata] ?? null) : void 0;
+			p = [r({
+				reflect: !0,
+				type: Boolean
+			})], e(this, null, p, {
+				kind: "setter",
+				name: "active",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "active" in e,
+					set: (e, t) => {
+						e.active = t;
+					}
+				},
+				metadata: t
+			}, null, f), t && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: t
+			});
+		}
+		static {
+			this.styles = [a, n(l)];
+		}
+		set active(e) {
+			this._active = e, this._onActiveChange();
+		}
+		get active() {
+			return this._active;
+		}
+		_onActiveChange() {
+			this._card && o(this._card).toggle("has-active-action", this.active);
+		}
+		_checkForSlottedActions() {
+			Array.from(this._card?.querySelectorAll?.(i) ?? []).filter((e) => e.localName !== "sbb-card-link" && e.localName !== "sbb-card-button" && !e.classList.contains("sbb-action")).forEach((e) => e.classList.toggle("sbb-action", !0));
+		}
+		connectedCallback() {
+			if (super.connectedCallback(), this._card = this.closest?.("sbb-card"), this._card) {
+				this.slot ||= "action";
+				let e = o(this._card);
+				e.add("has-action"), e.toggle("has-active-action", this.active), e.add(`action-role-${this.actionRole}`), e.delete(`action-role-${this.actionRole === "button" ? "link" : "button"}`), this._checkForSlottedActions(), this._cardMutationObserver.observe(this._card);
+			}
+		}
+		disconnectedCallback() {
+			if (super.disconnectedCallback(), this._card) {
+				let e = o(this._card);
+				e.delete("has-action"), e.delete("has-active-action"), e.delete("action-role-button"), e.delete("action-role-link"), this._card.querySelectorAll(".sbb-action").forEach((e) => e.classList.remove("sbb-action")), this._card = null;
+			}
+		}
+		renderTemplate() {
+			return s`<span class="sbb-screen-reader-only"><slot></slot></span>`;
+		}
+	};
+})();
+//#endregion
+export { u as t };

package/card-badge.component-CsEpGTHm.js

@@ -0,0 +1,64 @@
+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, boxSizingStyles as o } from "./core.js";
+//#region src/elements/card/card-badge/card-badge.scss?inline
+var s = ":host{display:flex;position:relative;height:fit-content;width:fit-content;margin-inline-start:auto}:host:after{content:\"\";display:var(--sbb-card-badge-border-display, none);position:absolute;inset:0;border:var(--sbb-border-width-1x) solid CanvasText}:host{inset-block-start:0;inset-inline-end:0;padding-inline:var(--sbb-card-badge-padding-inline)}:host([color=white]){--sbb-card-badge-color: var(--sbb-color-3);--sbb-card-badge-background-color: var(--sbb-background-color-1);--sbb-card-badge-border-color: var(--sbb-color-aluminium);--sbb-card-badge-border-color: light-dark( var(--sbb-color-aluminium), var(--sbb-color-anthracite) )}:host(:dir(rtl)){--sbb-card-badge-skew: skew(-16deg, 0deg)}.sbb-card-badge-content{font-weight:700;font-size:var(--sbb-text-font-size-xxs);letter-spacing:var(--sbb-typo-letter-spacing-text);position:relative;display:flex;align-items:center;gap:var(--sbb-card-badge-gap);color:var(--sbb-card-badge-color)}.sbb-card-badge-background{display:block;position:absolute;inset:0;background-color:var(--sbb-card-badge-background-color);border-end-start-radius:var(--sbb-card-badge-border-radius);margin-inline-end:calc(var(--sbb-spacing-fixed-3x) * -1);transform:var(--sbb-card-badge-skew)}.sbb-card-badge-background:before{content:\"\";display:var(--sbb-card-badge-inline-border-display, block);position:absolute;inset:0;border-block-end:var(--sbb-card-badge-border-width) solid var(--sbb-card-badge-border-color);border-inline-start:var(--sbb-card-badge-border-width) solid var(--sbb-card-badge-border-color);border-end-start-radius:var(--sbb-card-badge-border-radius)}", c = (() => {
+	let c = a, l, u = [], d = [];
+	return class extends c {
+		static {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
+			l = [i({ reflect: !0 })], e(this, null, l, {
+				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
+			}, u, d), t && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: t
+			});
+		}
+		static {
+			this.elementName = "sbb-card-badge";
+		}
+		static {
+			this.role = "text";
+		}
+		static {
+			this.styles = [o, r(s)];
+		}
+		#e = t(this, u, "charcoal");
+		get color() {
+			return this.#e;
+		}
+		set color(e) {
+			this.#e = e;
+		}
+		connectedCallback() {
+			super.connectedCallback(), this.slot ||= "badge";
+		}
+		render() {
+			return n`
+      <span class="sbb-card-badge-background" aria-hidden="true"></span>
+      <span class="sbb-card-badge-content">
+        <slot></slot>
+      </span>
+    `;
+		}
+		constructor() {
+			super(...arguments), t(this, d);
+		}
+	};
+})();
+//#endregion
+export { c as t };

package/card.component-DZrNg3sQ.js

@@ -0,0 +1,61 @@
+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, boxSizingStyles as o } from "./core.js";
+//#region src/elements/card/card/card.scss?inline
+var s = ":host{--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);--sbb-focus-outline-color: light-dark( var(--sbb-focus-outline-color-default), var(--sbb-focus-outline-color-dark) );--sbb-title-text-color-normal-override: var(--sbb-card-color);--sbb-card-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-1x) );display:block;position:relative;padding-inline:var(--sbb-card-padding-inline);padding-block:var(--sbb-card-padding-block);border-radius:var(--sbb-card-border-radius);background-color:var(--sbb-card-background-color);box-shadow:none;transition:box-shadow var(--sbb-card-animation-duration) var(--sbb-card-animation-easing);color:var(--sbb-card-color)}:host:after{content:\"\";position:absolute;inset:0;background-color:transparent;border:var(--sbb-card-border-width) var(--sbb-card-border-style) var(--sbb-card-border-color);border-radius:var(--sbb-card-border-radius);pointer-events:none}:host{--sbb-card-padding-block: var(--sbb-card-padding-block-default);--sbb-card-with-badge-padding-block: var(--sbb-card-with-badge-padding-block-default);--sbb-card-padding-inline: var(--sbb-card-padding-inline-default)}:host(:where([color=white])){--sbb-card-background-color: var(--sbb-background-color-1);--sbb-card-border-color: transparent}:host(:where([color=milk])){--sbb-card-background-color: var(--sbb-background-color-3);--sbb-card-border-color: transparent}:host(:where([color=transparent-bordered])){--sbb-card-background-color: transparent;--sbb-card-border-color: var(--sbb-border-color-4-inverted);--sbb-card-border-width: var(--sbb-border-width-1x);--sbb-focus-outline-color: inherit}:host(:where([color=transparent-bordered-dashed])){--sbb-card-background-color: transparent;--sbb-card-border-color: var(--sbb-color-cement);--sbb-card-border-color: light-dark(var(--sbb-color-cement), var(--sbb-color-granite));--sbb-card-border-width: var(--sbb-border-width-1x);--sbb-card-border-style: dashed;--sbb-focus-outline-color: inherit}:host(:where(:not([color]))){--sbb-card-background-color: var(--sbb-background-color-1);--sbb-card-border-color: transparent}:host(:is(:state(has-active-action),[state--has-active-action])){--sbb-card-border-color: var(--sbb-border-color-3);--sbb-card-border-width: var(--sbb-border-width-2x);--sbb-card-border-style: solid}@media(forced-colors:active){:host(:is(:state(has-active-action),[state--has-active-action])){--sbb-card-border-color: Highlight}}:host(:is(:state(has-action),[state--has-action])){--sbb-card-pointer-events: none}@media(any-hover:hover){:host(:is(:state(has-action),[state--has-action]):not(:is(:state(has-active-action),[state--has-active-action])):hover){--sbb-card-hover-shift: -.125rem;box-shadow:var(--sbb-box-shadow-level-9-hard)}}@media(any-hover:hover)and (forced-colors:active){:host(:is(:state(has-action),[state--has-action]):not(:is(:state(has-active-action),[state--has-active-action])):hover){--sbb-card-border-color: Highlight}}@media(forced-colors:active){:host(:where(:is(:state(has-action),[state--has-action]):is(:state(action-role-button),[state--action-role-button]))){--sbb-card-color: ButtonText}}@media(forced-colors:active){:host(:where(:is(:state(has-action),[state--has-action]):is(:state(action-role-link),[state--action-role-link]))){--sbb-card-color: LinkText;--sbb-card-border-color: CanvasText}}:host(.sbb-card-spacing-3x-xxs){--sbb-card-padding-block: var(--sbb-spacing-fixed-3x);--sbb-card-with-badge-padding-block: var(--sbb-spacing-fixed-6x) var(--sbb-spacing-fixed-3x);--sbb-card-padding-inline: var(--sbb-spacing-responsive-xxs)}:host(.sbb-card-spacing-xxxs-xxs){--sbb-card-padding-block: var(--sbb-spacing-responsive-xxxs);--sbb-card-with-badge-padding-block: var(--sbb-spacing-fixed-6x) var(--sbb-spacing-responsive-xxxs);--sbb-card-padding-inline: var(--sbb-spacing-responsive-xxs)}:host(.sbb-card-spacing-xxxs-s){--sbb-card-padding-block: var(--sbb-spacing-responsive-xxxs);--sbb-card-with-badge-padding-block: var(--sbb-spacing-fixed-6x) var(--sbb-spacing-responsive-xxxs);--sbb-card-padding-inline: var(--sbb-spacing-responsive-s)}:host(.sbb-card-spacing-4x-xxs){--sbb-card-padding-block: var(--sbb-spacing-fixed-4x);--sbb-card-with-badge-padding-block: var(--sbb-spacing-fixed-6x) var(--sbb-spacing-fixed-4x);--sbb-card-padding-inline: var(--sbb-spacing-responsive-xxs)}:host(.sbb-card-spacing-xxs){--sbb-card-padding-block: var(--sbb-spacing-responsive-xxs);--sbb-card-with-badge-padding-block: var(--sbb-spacing-fixed-6x) var(--sbb-spacing-responsive-xxs);--sbb-card-padding-inline: var(--sbb-spacing-responsive-xxs)}:host(.sbb-card-spacing-s){--sbb-card-padding-block: var(--sbb-spacing-responsive-s);--sbb-card-with-badge-padding-block: var(--sbb-spacing-responsive-s);--sbb-card-padding-inline: var(--sbb-spacing-responsive-s)}:host(.sbb-card-spacing-l){--sbb-card-padding-block: var(--sbb-spacing-responsive-l);--sbb-card-with-badge-padding-block: var(--sbb-spacing-responsive-l);--sbb-card-padding-inline: var(--sbb-spacing-responsive-l)}:host(:is(:state(slotted-badge),[state--slotted-badge])){--sbb-card-padding-block: var(--sbb-card-with-badge-padding-block);--sbb-card-badge-display: block}.sbb-card__wrapper{display:block;height:100%;pointer-events:var(--sbb-card-pointer-events, auto);translate:0 var(--sbb-card-hover-shift, 0);transition:translate var(--sbb-card-animation-duration) var(--sbb-card-animation-easing)}.sbb-card__badge-wrapper{display:var(--sbb-card-badge-display, none);overflow:hidden;position:absolute;inset:0;inset-block-end:unset;border-start-start-radius:var(--sbb-card-border-radius);border-start-end-radius:var(--sbb-card-border-radius);pointer-events:var(--sbb-card-pointer-events, auto)}::slotted(sbb-title){margin-block-start:0}", c = (() => {
+	let c = a, l, u = [], d = [];
+	return class extends c {
+		static {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
+			l = [i({ reflect: !0 })], e(this, null, l, {
+				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
+			}, u, d), t && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: t
+			});
+		}
+		static {
+			this.elementName = "sbb-card";
+		}
+		static {
+			this.styles = [o, r(s)];
+		}
+		#e = t(this, u, "white");
+		get color() {
+			return this.#e;
+		}
+		set color(e) {
+			this.#e = e;
+		}
+		render() {
+			return n`
+      <slot name="action"></slot>
+      <span class="sbb-card__wrapper">
+        <slot></slot>
+      </span>
+      <span class="sbb-card__badge-wrapper">
+        <slot name="badge"></slot>
+      </span>
+    `;
+		}
+		constructor() {
+			super(...arguments), t(this, d);
+		}
+	};
+})();
+//#endregion
+export { c as t };

package/card.js

@@ -1,8 +1,8 @@
-import { t as e } from "./card-badge.component-BSOEYrN4.js";
+import { t as e } from "./card-badge.component-CsEpGTHm.js";
 import { SbbCardButtonElement as t } from "./card/card-button/card-button.component.js";
 import { SbbCardLinkElement as n } from "./card/card-link/card-link.component.js";
-import { t as r } from "./card.component-D14GBu6y.js";
-import { t as i } from "./card-action-common-Ct0e9dtO.js";
+import { t as r } from "./card.component-DZrNg3sQ.js";
+import { t as i } from "./card-action-common-DIMD59l_.js";
 import "./card.pure.js";
 r.define(), e.define(), t.define(), n.define();
 //#endregion

package/card.pure.js

@@ -1,6 +1,6 @@
-import { t as e } from "./card-badge.component-BSOEYrN4.js";
+import { t as e } from "./card-badge.component-CsEpGTHm.js";
 import { SbbCardButtonElement as t } from "./card/card-button/card-button.component.js";
 import { SbbCardLinkElement as n } from "./card/card-link/card-link.component.js";
-import { t as r } from "./card.component-D14GBu6y.js";
-import { t as i } from "./card-action-common-Ct0e9dtO.js";
+import { t as r } from "./card.component-DZrNg3sQ.js";
+import { t as i } from "./card-action-common-DIMD59l_.js";
 export { i as SbbCardActionCommonElementMixin, e as SbbCardBadgeElement, t as SbbCardButtonElement, r as SbbCardElement, n as SbbCardLinkElement };

package/carousel/carousel/carousel.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../carousel.component-BxKrGk84.js";
+import { t as e } from "../../carousel.component-a189Wn9e.js";
 export { e as SbbCarouselElement };

package/carousel/carousel-item/carousel-item.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../carousel-item.component-DUII_cjr.js";
+import { t as e } from "../../carousel-item.component-mHyHTxEd.js";
 export { e as SbbCarouselItemElement };

package/carousel/carousel-list/carousel-list.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../carousel-list.component-C0i7aHTM.js";
+import { t as e } from "../../carousel-list.component-ByZDFoLe.js";
 export { e as SbbCarouselListElement };

package/carousel-item.component-mHyHTxEd.js

@@ -0,0 +1,25 @@
+import { html as e, unsafeCSS as t } from "lit";
+import { SbbElement as n } from "./core.js";
+//#region src/elements/carousel/carousel-item/carousel-item.scss?inline
+var r = ":host{display:flex;scroll-snap-align:start;flex-shrink:0}::slotted(sbb-image){border-radius:unset}", i = class extends n {
+	static {
+		this.elementName = "sbb-carousel-item";
+	}
+	static {
+		this.styles = t(r);
+	}
+	static {
+		this.events = {
+			beforeshow: "beforeshow",
+			show: "show"
+		};
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.internals.role = "group", this.internals.ariaRoleDescription = "slide";
+	}
+	render() {
+		return e`<slot></slot>`;
+	}
+};
+//#endregion
+export { i as t };

package/carousel-list.component-ByZDFoLe.js

@@ -0,0 +1,88 @@
+import { html as e, unsafeCSS as t } from "lit";
+import { SbbElement as n, SbbLanguageController as r, i18nCarouselItemAriaLabel as i, isArrowKeyPressed as a } from "./core.js";
+import { ResizeController as o } from "@lit-labs/observers/resize-controller.js";
+import { IntersectionController as s } from "@lit-labs/observers/intersection-controller.js";
+//#region src/elements/carousel/carousel-list/carousel-list.scss?inline
+var c = ":host{--sbb-carousel-list-border-radius: var(--sbb-border-radius-4x);display:flex;height:var(--sbb-carousel-list-height);width:var(--sbb-carousel-list-width, 0);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;outline:none;border-radius:var(--sbb-carousel-inherit-border-radius)}:host(:focus-visible):before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);content:\"\";position:absolute;height:inherit;width:inherit;border-start-start-radius:var(--sbb-carousel-list-border-radius);border-start-end-radius:var(--sbb-carousel-list-border-radius);border-end-start-radius:var(--sbb-carousel-inherit-border-radius);border-end-end-radius:var(--sbb-carousel-inherit-border-radius)}", l = class extends n {
+	static {
+		this.elementName = "sbb-carousel-list";
+	}
+	static {
+		this.styles = t(c);
+	}
+	constructor() {
+		super(), this._currentIndex = 0, this._language = new r(this), this._observedCarouselItems = [], this._beforeShowObserver = new s(this, {
+			target: null,
+			callback: (e) => {
+				e.filter((e) => e.isIntersecting && e.target !== this).forEach((e) => {
+					let t = e.target;
+					t.dispatchEvent(new CustomEvent("beforeshow", {
+						detail: { index: this._carouselItems().findIndex((e) => e === t) },
+						bubbles: !0,
+						composed: !0
+					}));
+				});
+			},
+			config: {
+				threshold: .01,
+				root: this,
+				rootMargin: "100% 0% 100% 0%"
+			}
+		}), this._showObserver = new s(this, {
+			target: null,
+			callback: (e) => {
+				for (let t of e) {
+					if (t.target === this) continue;
+					let e = t.target;
+					t.isIntersecting ? (e.ariaHidden = null, this._currentIndex = this._carouselItems().findIndex((t) => t === e), e.dispatchEvent(new CustomEvent("show", {
+						detail: { index: this._currentIndex },
+						bubbles: !0,
+						composed: !0
+					}))) : e.ariaHidden = "true";
+				}
+			},
+			config: {
+				threshold: .99,
+				root: this,
+				rootMargin: "100% 0% 100% 0%"
+			}
+		}), this._resizeObserverController = new o(this, {
+			skipInitial: !0,
+			callback: () => this._readDimensions()
+		}), this.addEventListener?.("keydown", (e) => this._onKeyDown(e));
+	}
+	_carouselItems() {
+		return Array.from(this.querySelectorAll?.("sbb-carousel-item") ?? []);
+	}
+	_handleSlotchange() {
+		this._observedCarouselItems.forEach((e) => {
+			this._beforeShowObserver.unobserve(e), this._showObserver.unobserve(e);
+		});
+		let e = this._carouselItems();
+		e.forEach((t, n) => {
+			t.ariaLabel ||= i(n + 1, e.length)[this._language.current], t.ariaHidden = n === this._currentIndex ? null : "true";
+		}), this._readDimensions();
+	}
+	_readDimensions() {
+		let e = this._carouselItems();
+		if (e.length === 0) return;
+		let t = e[0];
+		t.clientHeight > 0 && this.style.setProperty("--sbb-carousel-list-height", `${t.clientHeight}px`), t.clientWidth > 0 && (this.style.setProperty("--sbb-carousel-list-width", `${t.clientWidth}px`), e.forEach((e) => {
+			this._beforeShowObserver.observe(e), this._showObserver.observe(e);
+		}), this._observedCarouselItems = e, this._resizeObserverController.unobserve(this));
+	}
+	_onKeyDown(e) {
+		if (!a(e)) return;
+		e.preventDefault();
+		let t = this._currentIndex, n = e.key === "ArrowUp" || e.key === "ArrowLeft", r = e.key === "ArrowDown" || e.key === "ArrowRight";
+		n ? t = Math.max(0, this._currentIndex - 1) : r && (t = Math.min(this._carouselItems().length - 1, this._currentIndex + 1)), t !== this._currentIndex && (this._currentIndex = t, this.scrollTo({ left: this._carouselItems()[this._currentIndex].offsetLeft - this.offsetLeft }));
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.internals.ariaLive = "polite", this.internals.ariaAtomic = "true";
+	}
+	render() {
+		return e`<slot @slotchange=${this._handleSlotchange}></slot>`;
+	}
+};
+//#endregion
+export { l as t };

package/carousel.component-a189Wn9e.js

@@ -0,0 +1,95 @@
+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, SbbLanguageController as o, SbbScreenReaderOnlyElement as s, boxSizingStyles as c, forceType as l, i18nCarouselArrowsNavigationHint as u, i18nNextSlide as d, i18nPreviousSlide as f, i18nSlide as p } from "./core.js";
+//#region src/elements/carousel/carousel/carousel.scss?inline
+var m = ":host{display:inline-block;overflow:hidden;border-radius:var(--sbb-carousel-border-radius) var(--sbb-carousel-border-radius) 0 0}:host([shadow]){box-shadow:var(--sbb-carousel-box-shadow);border-radius:var(--sbb-carousel-border-radius)}:host(:not([shadow])) ::slotted(sbb-carousel-list){--sbb-carousel-inherit-border-radius: var(--sbb-carousel-border-radius)}.sbb-carousel{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--sbb-carousel-background-color)}::slotted(sbb-compact-paginator){padding:var(--sbb-carousel-paginator-padding)}", h = (() => {
+	let h = a, g, _ = [], v = [];
+	return class extends h {
+		static {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(h[Symbol.metadata] ?? null) : void 0;
+			g = [l(), i({
+				reflect: !0,
+				type: Boolean
+			})], e(this, null, g, {
+				kind: "accessor",
+				name: "shadow",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "shadow" in e,
+					get: (e) => e.shadow,
+					set: (e, t) => {
+						e.shadow = t;
+					}
+				},
+				metadata: t
+			}, _, v), t && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: t
+			});
+		}
+		static {
+			this.elementName = "sbb-carousel";
+		}
+		static {
+			this.elementDependencies = [s];
+		}
+		static {
+			this.styles = [c, r(m)];
+		}
+		#e;
+		get shadow() {
+			return this.#e;
+		}
+		set shadow(e) {
+			this.#e = e;
+		}
+		constructor() {
+			super(), this.#e = t(this, _, !1), this._paginator = (t(this, v), null), this._abortController = null, this._language = new o(this), this._requestedPageIndexByPaginator = -1, this.addEventListener?.("show", (e) => {
+				this._requestedPageIndexByPaginator !== -1 && this._requestedPageIndexByPaginator !== e.detail.index || (this._paginator && e.detail.index !== this._paginator.pageIndex && (this._paginator.pageIndex = e.detail.index), this._requestedPageIndexByPaginator = -1);
+			});
+		}
+		connectedCallback() {
+			super.connectedCallback(), this.internals.role = "region", this.internals.ariaLabel = "carousel", this._setupPaginator();
+		}
+		firstUpdated(e) {
+			super.firstUpdated(e), this.internals.ariaDescribedByElements = [this.shadowRoot.querySelector("#sbb-carousel-arrows-navigation-hint")];
+		}
+		disconnectedCallback() {
+			super.disconnectedCallback(), this._abortController?.abort();
+		}
+		_handleSlotchange() {
+			let e = Array.from(this.children).find((e) => e.localName === "sbb-compact-paginator"), t = Array.from(this.children).find((e) => e.localName === "sbb-carousel-list");
+			if (!e || !t) return;
+			let n = t.querySelectorAll("sbb-carousel-item");
+			n && n.length > 0 && (e.length = n.length, e.pageSize = 1), e.accessibilityNextPageLabel ||= d[this._language.current], e.accessibilityPreviousPageLabel ||= f[this._language.current], e.accessibilityPageLabel ||= p[this._language.current], e !== this._paginator && (this._paginator = e, this._setupPaginator());
+		}
+		_setupPaginator() {
+			this._abortController?.abort(), this._paginator && (this._abortController = new AbortController(), this._paginator.addEventListener("click", () => this._scrollAtPaginatorChange(), { signal: this._abortController.signal }));
+		}
+		_scrollAtPaginatorChange() {
+			if (!this._paginator) return;
+			this._requestedPageIndexByPaginator = this._paginator.pageIndex;
+			let e = this.querySelector("sbb-carousel-list");
+			if (e) {
+				let t = e.querySelectorAll("sbb-carousel-item")[this._paginator.pageIndex].offsetLeft - this.offsetLeft;
+				(e.clientWidth <= 100 || Math.abs(e.scrollLeft - t) > 50) && e.scrollTo({ left: t });
+			}
+		}
+		render() {
+			return n`
+      <div class="sbb-carousel">
+        <sbb-screen-reader-only id="sbb-carousel-arrows-navigation-hint"
+          >${u[this._language.current]}</sbb-screen-reader-only
+        >
+        <slot @slotchange=${this._handleSlotchange}></slot>
+      </div>
+    `;
+		}
+	};
+})();
+//#endregion
+export { h as t };

package/carousel.js

@@ -1,6 +1,6 @@
-import { t as e } from "./carousel-item.component-DUII_cjr.js";
-import { t } from "./carousel-list.component-C0i7aHTM.js";
-import { t as n } from "./carousel.component-BxKrGk84.js";
+import { t as e } from "./carousel-item.component-mHyHTxEd.js";
+import { t } from "./carousel-list.component-ByZDFoLe.js";
+import { t as n } from "./carousel.component-a189Wn9e.js";
 import "./carousel.pure.js";
 n.define(), e.define(), t.define();
 //#endregion

package/carousel.pure.js

@@ -1,4 +1,4 @@
-import { t as e } from "./carousel-item.component-DUII_cjr.js";
-import { t } from "./carousel-list.component-C0i7aHTM.js";
-import { t as n } from "./carousel.component-BxKrGk84.js";
+import { t as e } from "./carousel-item.component-mHyHTxEd.js";
+import { t } from "./carousel-list.component-ByZDFoLe.js";
+import { t as n } from "./carousel.component-a189Wn9e.js";
 export { n as SbbCarouselElement, e as SbbCarouselItemElement, t as SbbCarouselListElement };

package/checkbox/checkbox.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../checkbox.component-ROzxEnPh.js";
+import { t as e } from "../checkbox.component-vjqZh2aC.js";
 export { e as SbbCheckboxElement };

package/checkbox/common/checkbox-common.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../checkbox-common-DdieysTG.js";
+import { n as e, t } from "../../checkbox-common-Bo4u1RXX.js";
 export { t as SbbCheckboxCommonElementMixin, e as checkboxCommonStyle };

package/checkbox-common-Bo4u1RXX.js

@@ -0,0 +1,67 @@
+import { __esDecorate as e, __runInitializers as t } from "tslib";
+import { unsafeCSS as n } from "lit";
+import { property as r } from "lit/decorators.js";
+import { SbbFormAssociatedCheckboxMixin as i, forceType as a } from "./core.js";
+//#endregion
+//#region src/elements/checkbox/common/checkbox-common.ts
+var o = n("@charset \"UTF-8\";:host([size=xs]){--sbb-checkbox-font-size: var(--sbb-text-font-size-xs);--sbb-checkbox-dimension: var(--sbb-checkbox-dimension-xs)}:host([size=s]){--sbb-checkbox-font-size: var(--sbb-text-font-size-s);--sbb-checkbox-dimension: var(--sbb-checkbox-dimension-s)}:host([size=m]){--sbb-checkbox-font-size: var(--sbb-text-font-size-m);--sbb-checkbox-dimension: var(--sbb-checkbox-dimension-m)}:host(:disabled){--sbb-checkbox-cursor: var(--sbb-cursor-default);--sbb-checkbox-label-color: var(--sbb-color-granite);--sbb-checkbox-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-aluminium))}.sbb-checkbox-wrapper{display:flex}.sbb-checkbox-wrapper:before{content:\"​\";-webkit-user-select:none;user-select:none;width:0;height:0}.sbb-checkbox{font-size:var(--sbb-checkbox-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);position:relative;display:block;width:100%;cursor:var(--sbb-checkbox-cursor);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.sbb-checkbox__inner{display:flex;align-items:start;gap:var(--sbb-spacing-fixed-2x)}.sbb-checkbox__label{display:flex;flex-grow:1;color:var(--sbb-checkbox-label-color);line-height:max(1em * var(--sbb-typo-line-height-text),var(--sbb-checkbox-dimension))}.sbb-checkbox__aligner{display:flex;align-items:center;height:calc(1em * var(--sbb-typo-line-height-text))}"), s = (n) => (() => {
+	let o = i(n), s, c = [], l = [];
+	return class extends o {
+		constructor() {
+			super(...arguments), this.#e = t(this, c, !1), this._group = (t(this, l), null);
+		}
+		static {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
+			s = [a(), r({ type: Boolean })], e(this, null, s, {
+				kind: "accessor",
+				name: "indeterminate",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "indeterminate" in e,
+					get: (e) => e.indeterminate,
+					set: (e, t) => {
+						e.indeterminate = t;
+					}
+				},
+				metadata: t
+			}, c, l), t && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: t
+			});
+		}
+		#e;
+		get indeterminate() {
+			return this.#e;
+		}
+		set indeterminate(e) {
+			this.#e = e;
+		}
+		get group() {
+			return this._group;
+		}
+		connectedCallback() {
+			super.connectedCallback(), this._group = this.closest("sbb-checkbox-group"), [
+				"disabled",
+				"required",
+				"size"
+			].forEach((e) => this.requestUpdate(e));
+		}
+		willUpdate(e) {
+			super.willUpdate(e), (e.has("checked") || e.has("indeterminate")) && (this.internals.ariaChecked = this.indeterminate ? "mixed" : `${this.checked}`);
+		}
+		isDisabledExternally() {
+			return this.group?.disabled ?? !1;
+		}
+		isRequiredExternally() {
+			return this.group?.required ?? !1;
+		}
+		withUserInteraction() {
+			this.indeterminate &&= !1;
+		}
+	};
+})();
+//#endregion
+export { o as n, s as t };

package/checkbox-group/checkbox-group.component.js

@@ -1,5 +1,4 @@
-import { SbbSelectionGroupBaseElement as e } from "../core/base-elements.js";
-import { getNextElementIndex as t, interactivityChecker as n, isArrowKeyPressed as r } from "../core/a11y.js";
+import { SbbSelectionGroupBaseElement as e, getNextElementIndex as t, interactivityChecker as n, isArrowKeyPressed as r } from "../core.js";
 //#region src/elements/checkbox-group/checkbox-group.component.ts
 var i = class extends e {
 	static {