@sbb-esta/lyne-elements-dev 5.0.0-next.1-dev.1777448509 → 5.0.0-next.1-dev.1777455643

package/{calendar-day.component-B2eFdrLP.js → calendar-day.component-C6Xth1In.js}

@@ -1,18 +1,17 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
 import { html as n, unsafeCSS as r } from "lit";
 import { property as i, state as a } from "lit/decorators.js";
-import { boxSizingStyles as o } from "./core.js";
-import { SbbCalendarCellBaseElement as s, calendarCellBaseStyle as c } from "./calendar/common/calendar-cell-base-element.js";
+import { SbbCalendarCellBaseElement as o } from "./calendar/common/calendar-cell-base-element.js";
 //#region src/elements/calendar/calendar-day/calendar-day.scss?inline
-var l = ":host{--sbb-calendar-day-value-height: var(--sbb-spacing-fixed-6x)}.sbb-calendar-day{flex-direction:column;justify-content:var(--sbb-calendar-cell-justify-content);height:var(--sbb-calendar-day-height);width:var(--sbb-calendar-day-width);padding:var(--sbb-calendar-cell-padding)}.sbb-calendar-day__value{height:var(--sbb-calendar-day-value-height)}:host(:is(:state(crossed-out),[state--crossed-out])) .sbb-calendar-day__value:after{content:\"\";height:var(--sbb-calendar-cell-disabled-height);width:var(--sbb-calendar-cell-disabled-width);position:absolute;background-color:var(--sbb-calendar-cell-disabled-color);inset-block-start:var(--sbb-calendar-day-crossed-out-top);inset-inline-start:50%;transform:var(--sbb-calendar-day-crossed-out-translate)}.sbb-calendar-day__extra{display:var(--sbb-calendar-day-extra-display);height:var(--sbb-calendar-day-extra-height);padding:var(--sbb-calendar-cell-padding)}::slotted(*){height:var(--sbb-calendar-day-extra-height)}", u = (() => {
-	let u = s, d = [], f, p;
-	return class extends u {
+var s = ":host{--sbb-calendar-day-value-height: var(--sbb-spacing-fixed-6x)}.sbb-calendar-day{flex-direction:column;justify-content:var(--sbb-calendar-cell-justify-content);height:var(--sbb-calendar-day-height);width:var(--sbb-calendar-day-width);padding:var(--sbb-calendar-cell-padding)}.sbb-calendar-day__value{height:var(--sbb-calendar-day-value-height)}:host(:is(:state(crossed-out),[state--crossed-out])) .sbb-calendar-day__value:after{content:\"\";height:var(--sbb-calendar-cell-disabled-height);width:var(--sbb-calendar-cell-disabled-width);position:absolute;background-color:var(--sbb-calendar-cell-disabled-color);inset-block-start:var(--sbb-calendar-day-crossed-out-top);inset-inline-start:50%;transform:var(--sbb-calendar-day-crossed-out-translate)}.sbb-calendar-day__extra{display:var(--sbb-calendar-day-extra-display);height:var(--sbb-calendar-day-extra-height);padding:var(--sbb-calendar-cell-padding)}::slotted(*){height:var(--sbb-calendar-day-extra-height)}", c = (() => {
+	let c = o, l = [], u, d;
+	return class extends c {
 		constructor() {
-			super(...arguments), this._value = (t(this, d), null);
+			super(...arguments), this._value = (t(this, l), null);
 		}
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(u[Symbol.metadata] ?? null) : void 0;
-			f = [i()], p = [a()], e(this, null, f, {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
+			u = [i()], d = [a()], e(this, null, u, {
 				kind: "setter",
 				name: "slot",
 				static: !1,
@@ -24,7 +23,7 @@ var l = ":host{--sbb-calendar-day-value-height: var(--sbb-spacing-fixed-6x)}.sbb
 					}
 				},
 				metadata: t
-			}, null, d), e(this, null, p, {
+			}, null, l), e(this, null, d, {
 				kind: "setter",
 				name: "value",
 				static: !1,
@@ -36,7 +35,7 @@ var l = ":host{--sbb-calendar-day-value-height: var(--sbb-spacing-fixed-6x)}.sbb
 					}
 				},
 				metadata: t
-			}, null, d), t && Object.defineProperty(this, Symbol.metadata, {
+			}, null, l), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -47,11 +46,7 @@ var l = ":host{--sbb-calendar-day-value-height: var(--sbb-spacing-fixed-6x)}.sbb
 			this.elementName = "sbb-calendar-day";
 		}
 		static {
-			this.styles = [
-				o,
-				c,
-				r(l)
-			];
+			this.styles = [super.styles ?? [], r(s)];
 		}
 		set slot(e) {
 			super.slot = e, this.value = this.dateAdapter.deserialize(e);
@@ -106,4 +101,4 @@ var l = ":host{--sbb-calendar-day-value-height: var(--sbb-spacing-fixed-6x)}.sbb
 	};
 })();
 //#endregion
-export { u as t };
+export { c as t };

package/{calendar.component-nWdtZYqg.js → calendar.component-KQ8dM_Hi.js}

@@ -1,7 +1,7 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
 import { html as n, isServer as r, nothing as i, unsafeCSS as a } from "lit";
 import { property as o, state as s } from "lit/decorators.js";
-import { DAYS_PER_ROW as c, MONDAY as l, MONTHS_PER_PAGE as ee, MONTHS_PER_ROW as u, SbbElement as te, SbbLanguageController as ne, SbbMediaMatcherController as re, SbbMediaQueryBreakpointLargeAndAbove as d, SbbScreenReaderOnlyElement as ie, THURSDAY as ae, TUESDAY as oe, WEDNESDAY as se, YEARS_PER_PAGE as f, YEARS_PER_ROW as p, boxSizingStyles as ce, defaultDateAdapter as le, forceType as m, handleDistinctChange as ue, i18nCalendarDateSelection as h, i18nCalendarWeekNumber as g, i18nNextMonth as de, i18nNextYear as fe, i18nNextYearRange as pe, i18nPreviousMonth as me, i18nPreviousYear as he, i18nPreviousYearRange as ge, i18nYearMonthSelection as _e, isArrowKeyOrPageKeysPressed as ve, plainDate as _, readConfig as ye } from "./core.js";
+import { DAYS_PER_ROW as c, MONDAY as l, MONTHS_PER_PAGE as ee, MONTHS_PER_ROW as u, SbbElement as te, SbbLanguageController as ne, SbbMediaMatcherController as re, SbbMediaQueryBreakpointLargeAndAbove as d, THURSDAY as ie, TUESDAY as ae, WEDNESDAY as oe, YEARS_PER_PAGE as f, YEARS_PER_ROW as p, boxSizingStyles as se, defaultDateAdapter as ce, forceType as m, handleDistinctChange as le, i18nCalendarDateSelection as h, i18nCalendarWeekNumber as g, i18nNextMonth as ue, i18nNextYear as de, i18nNextYearRange as fe, i18nPreviousMonth as pe, i18nPreviousYear as me, i18nPreviousYearRange as he, i18nYearMonthSelection as ge, isArrowKeyOrPageKeysPressed as _e, plainDate as _, readConfig as ve, screenReaderOnlyStyles as ye } from "./core.js";
 import { SbbSecondaryButtonElement as be } from "./button.pure.js";
 import { SbbIconElement as xe } from "./icon.pure.js";
 import { SbbCalendarDayElement as Se } from "./calendar/calendar-day/calendar-day.component.js";
@@ -27,7 +27,7 @@ var De = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
 			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(y[Symbol.metadata] ?? null) : void 0;
 			x = [m(), o({ type: Boolean })], w = [o()], E = [_(), o()], k = [_(), o()], M = [
 				m(),
-				ue((e, t) => e._onMultipleChanged(t)),
+				le((e, t) => e._onMultipleChanged(t)),
 				o({ type: Boolean })
 			], F = [o()], I = [s()], z = [o({ attribute: "date-filter" })], H = [o({ reflect: !0 })], G = [m(), o({
 				attribute: "week-numbers",
@@ -230,12 +230,15 @@ var De = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
 				Te,
 				Ee,
 				xe,
-				ie,
 				be
 			];
 		}
 		static {
-			this.styles = [ce, a(De)];
+			this.styles = [
+				se,
+				ye,
+				a(De)
+			];
 		}
 		static {
 			this.events = {
@@ -347,7 +350,7 @@ var De = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
 			this.#d = e;
 		}
 		constructor() {
-			super(), this.#e = (t(this, b), t(this, S, !1)), this.#t = (t(this, C), t(this, Oe, "day")), this.#n = (t(this, T), t(this, D, null)), this.#r = (t(this, O), t(this, A, null)), this.#i = (t(this, j), t(this, N, !1)), this.#a = (t(this, P), t(this, L, null)), this.#o = (t(this, R), t(this, B, null)), this.#s = (t(this, V), t(this, U, "horizontal")), this.#c = (t(this, W), t(this, K, !1)), this._dateAdapter = (t(this, q), ye().datetime?.dateAdapter ?? le), this.#l = t(this, Y, this._dateAdapter.today()), this._wideInternal = (t(this, X), !1), this.#u = t(this, ke, "day"), this._nextCalendarView = (t(this, Ae), "day"), this._keyboardNavigationDayViewParameters = {
+			super(), this.#e = (t(this, b), t(this, S, !1)), this.#t = (t(this, C), t(this, Oe, "day")), this.#n = (t(this, T), t(this, D, null)), this.#r = (t(this, O), t(this, A, null)), this.#i = (t(this, j), t(this, N, !1)), this.#a = (t(this, P), t(this, L, null)), this.#o = (t(this, R), t(this, B, null)), this.#s = (t(this, V), t(this, U, "horizontal")), this.#c = (t(this, W), t(this, K, !1)), this._dateAdapter = (t(this, q), ve().datetime?.dateAdapter ?? ce), this.#l = t(this, Y, this._dateAdapter.today()), this._wideInternal = (t(this, X), !1), this.#u = t(this, ke, "day"), this._nextCalendarView = (t(this, Ae), "day"), this._keyboardNavigationDayViewParameters = {
 				firstDayInView: null,
 				lastDayInView: null,
 				firstMonthOffset: 0,
@@ -447,9 +450,9 @@ var De = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
 		_getWeek(e) {
 			let t = this._dateAdapter.createDate(this._dateAdapter.getYear(e), 1, 1), n = this._dateAdapter.getDayOfWeek(t), r = +!![
 				l,
+				ae,
 				oe,
-				se,
-				ae
+				ie
 			].includes(n), i = this._dateAdapter.addCalendarDays(t, this._dateAdapter.getFirstWeekOffset(t) * -1);
 			for (; this._dateAdapter.compareDate(i, e) <= 0;) {
 				let n = this._dateAdapter.addCalendarDays(i, 6);
@@ -594,7 +597,7 @@ var De = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
 			}
 		}
 		_handleKeyboardEvent(e, t) {
-			ve(e) && e.preventDefault();
+			_e(e) && e.preventDefault();
 			let n = this._cells, r = n.findIndex((t) => t === e.target), i;
 			i = t ? this._navigateByKeyboardDayView(e, r, n, t) : this._navigateByKeyboard(e, r, n);
 			let a = (this._enhancedVariant ? document : this.shadowRoot).activeElement;
@@ -714,15 +717,15 @@ var De = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
 			let e = this._wide ? this._dateAdapter.addCalendarMonths(this._activeDate, 1) : void 0;
 			return n`
       <div class="sbb-calendar__controls">
-        ${this._getArrow("left", () => this._goToDifferentMonth(-1), me[this._language.current], this._previousMonthDisabled())}
+        ${this._getArrow("left", () => this._goToDifferentMonth(-1), pe[this._language.current], this._previousMonthDisabled())}
         <div class="sbb-calendar__controls-month">
           ${this._createLabelForDayView(this._activeDate)}
           ${this._wide ? this._createLabelForDayView(e) : i}
-          <sbb-screen-reader-only role="status">
+          <span class="sbb-screen-reader-only" role="status">
             ${this._createAriaLabelForDayView(this._activeDate, e)}
-          </sbb-screen-reader-only>
+          </span>
         </div>
-        ${this._getArrow("right", () => this._goToDifferentMonth(1), de[this._language.current], this._nextMonthDisabled())}
+        ${this._getArrow("right", () => this._goToDifferentMonth(1), ue[this._language.current], this._nextMonthDisabled())}
       </div>
       <div class="sbb-calendar__table-overflow-break">
         <div class="sbb-calendar__table-container sbb-calendar__table-day-view">
@@ -743,7 +746,7 @@ var De = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
       <button
         type="button"
         class="sbb-calendar__date-selection sbb-calendar__controls-change-date"
-        aria-label="${_e[this._language.current]} ${t}"
+        aria-label="${ge[this._language.current]} ${t}"
         @click=${() => {
 				this._resetFocus = !0, this._nextCalendarView = "year", this._startTableTransition();
 			}}
@@ -780,7 +783,7 @@ var De = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
 			}}
                         ></sbb-calendar-weekday>
                       ` : n`
-                        <sbb-screen-reader-only>${e.long}</sbb-screen-reader-only>
+                        <span class="sbb-screen-reader-only">${e.long}</span>
                         <span aria-hidden="true">${e.narrow}</span>
                       `}
                 </th>
@@ -803,8 +806,8 @@ var De = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
 				}}
                                 ></sbb-calendar-weeknumber>
                               ` : n`
-                                <sbb-screen-reader-only
-                                  >${`${g[this._language.current]} ${t[0]}`}</sbb-screen-reader-only
+                                <span class="sbb-screen-reader-only"
+                                  >${`${g[this._language.current]} ${t[0]}`}</span
                                 >
                                 <span aria-hidden="true">${t[0]}</span>
                               `}
@@ -826,8 +829,8 @@ var De = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
 				}}
                               ></sbb-calendar-weeknumber>
                             ` : n`
-                              <sbb-screen-reader-only
-                                >${`${g[this._language.current]} ${t[r]}`}</sbb-screen-reader-only
+                              <span class="sbb-screen-reader-only"
+                                >${`${g[this._language.current]} ${t[r]}`}</span
                               >
                               <span aria-hidden="true">${t[r]}</span>
                             `}
@@ -864,8 +867,8 @@ var De = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
 			}}
                               ></sbb-calendar-weeknumber>
                             ` : n`
-                              <sbb-screen-reader-only
-                                >${`${g[this._language.current]} ${e}`}</sbb-screen-reader-only
+                              <span class="sbb-screen-reader-only"
+                                >${`${g[this._language.current]} ${e}`}</span
                               >
                               <span aria-hidden="true">${e}</span>
                             `}
@@ -889,7 +892,7 @@ var De = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
                                 ${o.narrow}
                               </sbb-calendar-weekday>
                             ` : n`
-                              <sbb-screen-reader-only>${o.long}</sbb-screen-reader-only>
+                              <span class="sbb-screen-reader-only">${o.long}</span>
                               <span aria-hidden="true">${o.narrow}</span>
                             `}
                       </td>
@@ -919,9 +922,9 @@ var De = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
 		_renderMonthView() {
 			return n`
       <div class="sbb-calendar__controls">
-        ${this._getArrow("left", () => this._goToDifferentYear(-1), he[this._language.current], this._previousYearDisabled())}
+        ${this._getArrow("left", () => this._goToDifferentYear(-1), me[this._language.current], this._previousYearDisabled())}
         <div class="sbb-calendar__controls-month">${this._createLabelForMonthView()}</div>
-        ${this._getArrow("right", () => this._goToDifferentYear(1), fe[this._language.current], this._nextYearDisabled())}
+        ${this._getArrow("right", () => this._goToDifferentYear(1), de[this._language.current], this._nextYearDisabled())}
       </div>
       <div class="sbb-calendar__table-overflow-break">
         <div class="sbb-calendar__table-container sbb-calendar__table-month-view">
@@ -942,7 +945,7 @@ var De = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
         ${this._chosenYear} ${this._wide ? ` - ${this._chosenYear + 1}` : i}
         <sbb-icon name="chevron-small-up-small"></sbb-icon>
       </button>
-      <sbb-screen-reader-only role="status"> ${this._chosenYear} </sbb-screen-reader-only>`;
+      <span class="sbb-screen-reader-only" role="status"> ${this._chosenYear} </span>`;
 		}
 		_createMonthTable(e, t) {
 			return n`
@@ -980,9 +983,9 @@ var De = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
 		_renderYearView() {
 			return n`
       <div class="sbb-calendar__controls">
-        ${this._getArrow("left", () => this._goToDifferentYearRange(-f), ge(f)[this._language.current], this._previousYearRangeDisabled())}
+        ${this._getArrow("left", () => this._goToDifferentYearRange(-f), he(f)[this._language.current], this._previousYearRangeDisabled())}
         <div class="sbb-calendar__controls-month">${this._createLabelForYearView()}</div>
-        ${this._getArrow("right", () => this._goToDifferentYearRange(f), pe(f)[this._language.current], this._nextYearRangeDisabled())}
+        ${this._getArrow("right", () => this._goToDifferentYearRange(f), fe(f)[this._language.current], this._nextYearRangeDisabled())}
       </div>
       <div class="sbb-calendar__table-overflow-break">
         <div class="sbb-calendar__table-container sbb-calendar__table-year-view">
@@ -1015,7 +1018,7 @@ var De = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
         ${r}
         <sbb-icon name="chevron-small-up-small"></sbb-icon>
       </button>
-      <sbb-screen-reader-only role="status"> ${r} </sbb-screen-reader-only>
+      <span class="sbb-screen-reader-only" role="status"> ${r} </span>
     `;
 		}
 		_createYearTable(e, t = !1) {

package/calendar.js

@@ -1,11 +1,11 @@
-import { t as e } from "./calendar-day.component-B2eFdrLP.js";
+import { t as e } from "./calendar-day.component-C6Xth1In.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-nWdtZYqg.js";
-import { n as s, t as c } from "./calendar-cell-base-element-Bip0m9Wr.js";
+import { n as a, t as o } from "./calendar.component-KQ8dM_Hi.js";
+import { t as s } from "./calendar-cell-base-element-BpHQ1Ad5.js";
 import "./calendar.pure.js";
 o.define(), e.define(), t.define(), n.define(), r.define(), i.define();
 //#endregion
-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 };
+export { s as SbbCalendarCellBaseElement, e as SbbCalendarDayElement, o as SbbCalendarElement, t as SbbCalendarMonthElement, r as SbbCalendarWeekdayElement, i as SbbCalendarWeeknumberElement, n as SbbCalendarYearElement, a as SbbMonthChangeEvent };

package/calendar.pure.js

@@ -1,8 +1,8 @@
-import { t as e } from "./calendar-day.component-B2eFdrLP.js";
+import { t as e } from "./calendar-day.component-C6Xth1In.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-nWdtZYqg.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 };
+import { n as a, t as o } from "./calendar.component-KQ8dM_Hi.js";
+import { t as s } from "./calendar-cell-base-element-BpHQ1Ad5.js";
+export { s as SbbCalendarCellBaseElement, e as SbbCalendarDayElement, o as SbbCalendarElement, t as SbbCalendarMonthElement, r as SbbCalendarWeekdayElement, i as SbbCalendarWeeknumberElement, n as SbbCalendarYearElement, a as SbbMonthChangeEvent };

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

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

package/{card-action-common-DIMD59l_.js → card-action-common-DcyolMVU.js}

@@ -1,15 +1,15 @@
 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";
+import { IS_FOCUSABLE_QUERY as i, boxSizingStyles as a, screenReaderOnlyStyles as o, ɵstateController as s } from "./core.js";
+import { html as c } from "lit/static-html.js";
+import { MutationController as l } 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 {
+var u = ":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)}", d = (d) => (() => {
+	let f = d, p = [], m;
+	return class extends f {
 		constructor() {
-			super(...arguments), this._active = (t(this, f), !1), this._card = null, this._cardMutationObserver = new c(this, {
+			super(...arguments), this._active = (t(this, p), !1), this._card = null, this._cardMutationObserver = new l(this, {
 				target: null,
 				config: {
 					childList: !0,
@@ -26,11 +26,11 @@ var l = ":host{display:block;outline:none!important;position:absolute;inset:0}:i
 			});
 		}
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(d[Symbol.metadata] ?? null) : void 0;
-			p = [r({
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
+			m = [r({
 				reflect: !0,
 				type: Boolean
-			})], e(this, null, p, {
+			})], e(this, null, m, {
 				kind: "setter",
 				name: "active",
 				static: !1,
@@ -42,7 +42,7 @@ var l = ":host{display:block;outline:none!important;position:absolute;inset:0}:i
 					}
 				},
 				metadata: t
-			}, null, f), t && Object.defineProperty(this, Symbol.metadata, {
+			}, null, p), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -50,7 +50,12 @@ var l = ":host{display:block;outline:none!important;position:absolute;inset:0}:i
 			});
 		}
 		static {
-			this.styles = [a, n(l)];
+			this.styles = [
+				d.styles ?? [],
+				a,
+				o,
+				n(u)
+			];
 		}
 		set active(e) {
 			this._active = e, this._onActiveChange();
@@ -59,7 +64,7 @@ var l = ":host{display:block;outline:none!important;position:absolute;inset:0}:i
 			return this._active;
 		}
 		_onActiveChange() {
-			this._card && o(this._card).toggle("has-active-action", this.active);
+			this._card && s(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));
@@ -67,20 +72,20 @@ var l = ":host{display:block;outline:none!important;position:absolute;inset:0}:i
 		connectedCallback() {
 			if (super.connectedCallback(), this._card = this.closest?.("sbb-card"), this._card) {
 				this.slot ||= "action";
-				let e = o(this._card);
+				let e = s(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);
+				let e = s(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>`;
+			return c`<span class="sbb-screen-reader-only"><slot></slot></span>`;
 		}
 	};
 })();
 //#endregion
-export { u as t };
+export { d as t };

package/card.js

@@ -2,7 +2,7 @@ import { t as e } from "./card-badge.component-CEqox6TU.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-BcHiYB03.js";
-import { t as i } from "./card-action-common-DIMD59l_.js";
+import { t as i } from "./card-action-common-DcyolMVU.js";
 import "./card.pure.js";
 r.define(), e.define(), t.define(), n.define();
 //#endregion

package/card.pure.js

@@ -2,5 +2,5 @@ import { t as e } from "./card-badge.component-CEqox6TU.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-BcHiYB03.js";
-import { t as i } from "./card-action-common-DIMD59l_.js";
+import { t as i } from "./card-action-common-DcyolMVU.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-a189Wn9e.js";
+import { t as e } from "../../carousel.component-DzDLKOGv.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-mHyHTxEd.js";
+import { t as e } from "../../carousel-item.component-DyZAdXL_.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-ByZDFoLe.js";
+import { t as e } from "../../carousel-list.component-Ai0uJWB7.js";
 export { e as SbbCarouselListElement };

package/{carousel-item.component-mHyHTxEd.js → carousel-item.component-DyZAdXL_.js}

@@ -6,7 +6,7 @@ var r = ":host{display:flex;scroll-snap-align:start;flex-shrink:0}::slotted(sbb-
 		this.elementName = "sbb-carousel-item";
 	}
 	static {
-		this.styles = t(r);
+		this.styles = [t(r)];
 	}
 	static {
 		this.events = {

package/{carousel-list.component-ByZDFoLe.js → carousel-list.component-Ai0uJWB7.js}

@@ -8,7 +8,7 @@ var c = ":host{--sbb-carousel-list-border-radius: var(--sbb-border-radius-4x);di
 		this.elementName = "sbb-carousel-list";
 	}
 	static {
-		this.styles = t(c);
+		this.styles = [t(c)];
 	}
 	constructor() {
 		super(), this._currentIndex = 0, this._language = new r(this), this._observedCarouselItems = [], this._beforeShowObserver = new s(this, {

package/{carousel.component-a189Wn9e.js → carousel.component-DzDLKOGv.js}

@@ -1,14 +1,14 @@
 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";
+import { SbbElement as a, SbbLanguageController as o, boxSizingStyles as s, forceType as c, i18nCarouselArrowsNavigationHint as l, i18nNextSlide as u, i18nPreviousSlide as d, i18nSlide as f, screenReaderOnlyStyles 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({
+			g = [c(), i({
 				reflect: !0,
 				type: Boolean
 			})], e(this, null, g, {
@@ -35,10 +35,11 @@ var m = ":host{display:inline-block;overflow:hidden;border-radius:var(--sbb-caro
 			this.elementName = "sbb-carousel";
 		}
 		static {
-			this.elementDependencies = [s];
-		}
-		static {
-			this.styles = [c, r(m)];
+			this.styles = [
+				s,
+				p,
+				r(m)
+			];
 		}
 		#e;
 		get shadow() {
@@ -65,7 +66,7 @@ var m = ":host{display:inline-block;overflow:hidden;border-radius:var(--sbb-caro
 			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());
+			n && n.length > 0 && (e.length = n.length, e.pageSize = 1), e.accessibilityNextPageLabel ||= u[this._language.current], e.accessibilityPreviousPageLabel ||= d[this._language.current], e.accessibilityPageLabel ||= f[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 }));
@@ -82,8 +83,8 @@ var m = ":host{display:inline-block;overflow:hidden;border-radius:var(--sbb-caro
 		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
+        <span class="sbb-screen-reader-only" id="sbb-carousel-arrows-navigation-hint"
+          >${l[this._language.current]}</span
         >
         <slot @slotchange=${this._handleSlotchange}></slot>
       </div>

package/carousel.js

@@ -1,6 +1,6 @@
-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 { t as e } from "./carousel-item.component-DyZAdXL_.js";
+import { t } from "./carousel-list.component-Ai0uJWB7.js";
+import { t as n } from "./carousel.component-DzDLKOGv.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-mHyHTxEd.js";
-import { t } from "./carousel-list.component-ByZDFoLe.js";
-import { t as n } from "./carousel.component-a189Wn9e.js";
+import { t as e } from "./carousel-item.component-DyZAdXL_.js";
+import { t } from "./carousel-list.component-Ai0uJWB7.js";
+import { t as n } from "./carousel.component-DzDLKOGv.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-CR2aIgjA.js";
+import { t as e } from "../checkbox.component-DLkmHbNb.js";
 export { e as SbbCheckboxElement };

package/checkbox/common/checkbox-common.js

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

package/checkbox-common-CbMkoAks.js

@@ -0,0 +1,76 @@
+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, boxSizingStyles as a, forceType as o } from "./core.js";
+//#region src/elements/checkbox/common/checkbox-common.scss?inline
+var s = "@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{position:relative;display:block;width:100%;cursor:var(--sbb-checkbox-cursor);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-size:var(--sbb-checkbox-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text)}.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))}", c = (c) => {
+	let l = i(c);
+	return (() => {
+		let i = l, c, u = [], d = [];
+		return class extends i {
+			constructor() {
+				super(...arguments), this.#e = t(this, u, !1), this._group = (t(this, d), null);
+			}
+			static {
+				let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
+				c = [o(), r({ type: Boolean })], e(this, null, c, {
+					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
+				}, u, d), t && Object.defineProperty(this, Symbol.metadata, {
+					enumerable: !0,
+					configurable: !0,
+					writable: !0,
+					value: t
+				});
+			}
+			static {
+				this.styles = [
+					l.styles ?? [],
+					a,
+					n(s)
+				];
+			}
+			#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 { c as t };