@sbb-esta/lyne-elements-dev 5.0.0-next.3-dev.1779195190 → 5.0.0-next.3-dev.1779200097

package/autocomplete/autocomplete-base-element.js

@@ -1,2 +1,2 @@
-import { t as e } from "../autocomplete-base-element-DRGjFF9_.js";
-export { e as SbbAutocompleteBaseElement };
+import { n as e, t } from "../autocomplete-base-element-6leI6UF4.js";
+export { t as SbbAutocompleteBaseElement, e as SbbInputAutocompleteEvent };

package/autocomplete/autocomplete.component.js

@@ -1,4 +1,4 @@
-import { t as e } from "../autocomplete-base-element-DRGjFF9_.js";
+import { t as e } from "../autocomplete-base-element-6leI6UF4.js";
 import { getNextElementIndex as t, isSafari as n, setAriaComboBoxAttributes as r } from "../core.js";
 //#region src/elements/autocomplete/autocomplete.component.ts
 var i = 0, a = n, o = class extends e {

package/{autocomplete-base-element-DRGjFF9_.js → autocomplete-base-element-6leI6UF4.js}

@@ -1,11 +1,21 @@
 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 } from "lit/decorators.js";
-import { SbbEscapableOverlayController as s, SbbNegativeMixin as c, SbbOpenCloseBaseElement as l, SbbPropertyWatcherController as u, forceType as d, idReference as f, isEventOnElement as p, isSafari as m, isZeroAnimationDuration as h, optionPanelStyles as g, removeAriaComboBoxAttributes as _, scrollbarStyles as v, setOverlayPosition as y } from "./core.js";
-import { ResizeController as b } from "@lit-labs/observers/resize-controller.js";
-import { ref as x } from "lit/directives/ref.js";
+import { SbbEscapableOverlayController as s, SbbNegativeMixin as c, SbbOpenCloseBaseElement as l, SbbPropertyWatcherController as u, forceType as d, idReference as f, isEventOnElement as p, isSafari as m, isZeroAnimationDuration as h, optionPanelStyles as g, removeAriaComboBoxAttributes as _, scrollbarStyles as ee, setOverlayPosition as v } from "./core.js";
+import { ResizeController as y } from "@lit-labs/observers/resize-controller.js";
+import { ref as b } from "lit/directives/ref.js";
 //#region src/elements/autocomplete/autocomplete-base-element.scss?inline
-var S = ":host{display:none}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){display:block}", C = m, w = (() => {
+var x = ":host{display:none}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){display:block}", S = m, C = class extends Event {
+	get option() {
+		return this._option;
+	}
+	constructor(e) {
+		super("inputAutocomplete", {
+			bubbles: !0,
+			composed: !0
+		}), this._option = e;
+	}
+}, w = (() => {
 	let m = c(l), w, T = [], E = [], D, O = [], k = [], A, j = [], M = [], N, P = [], F = [], I, L = [], R = [], z, B = [], V = [], H, U = [], W = [], G, K = [], q = [], J, Y = [], X = [], Z, Q = [], $ = [];
 	return class extends m {
 		static {
@@ -165,9 +175,9 @@ var S = ":host{display:none}:host(:is(:is(:state(state-opening),[state--state-op
 		}
 		static {
 			this.styles = [
-				v,
+				ee,
 				g,
-				a(S)
+				a(x)
 			];
 		}
 		#e;
@@ -247,7 +257,7 @@ var S = ":host{display:none}:host(:is(:is(:state(state-opening),[state--state-op
 			return this._triggerElement ?? null;
 		}
 		constructor() {
-			super(), this.#e = t(this, T, null), this.#t = (t(this, E), t(this, O, null)), this.#n = (t(this, k), t(this, j, !1)), this.#r = (t(this, M), t(this, P, !1)), this.#i = (t(this, F), t(this, L, null)), this.#a = (t(this, R), t(this, B, null)), this.#o = (t(this, V), t(this, U, !1)), this.#s = (t(this, W), t(this, K, !1)), this.#c = (t(this, q), t(this, Y, !1)), this.#l = (t(this, X), t(this, Q, "auto")), this._triggerElement = t(this, $), this.activeOption = null, this.pendingAutoSelectedOption = null, this._resizeObserver = new b(this, {
+			super(), this.#e = t(this, T, null), this.#t = (t(this, E), t(this, O, null)), this.#n = (t(this, k), t(this, j, !1)), this.#r = (t(this, M), t(this, P, !1)), this.#i = (t(this, F), t(this, L, null)), this.#a = (t(this, R), t(this, B, null)), this.#o = (t(this, V), t(this, U, !1)), this.#s = (t(this, W), t(this, K, !1)), this.#c = (t(this, q), t(this, Y, !1)), this.#l = (t(this, X), t(this, Q, "auto")), this._triggerElement = t(this, $), this.activeOption = null, this.pendingAutoSelectedOption = null, this._resizeObserver = new y(this, {
 				target: null,
 				skipInitial: !0,
 				callback: (() => {
@@ -286,7 +296,7 @@ var S = ":host{display:none}:host(:is(:is(:state(state-opening),[state--state-op
 			return h(this, "--sbb-options-panel-animation-duration");
 		}
 		connectedCallback() {
-			this.popover = "manual", super.connectedCallback(), C && (this.id ||= this.overlayId), this.hasUpdated && this._componentSetup(), this.syncNegative();
+			this.popover = "manual", super.connectedCallback(), S && (this.id ||= this.overlayId), this.hasUpdated && this._componentSetup(), this.syncNegative();
 		}
 		willUpdate(e) {
 			super.willUpdate(e), e.has("negative") && this.syncNegative(), e.has("autoActiveFirstOption") && this.isOpen && this._setNextActiveOptionIfAutoActiveFirstOption();
@@ -312,7 +322,7 @@ var S = ":host{display:none}:host(:is(:is(:state(state-opening),[state--state-op
 			this.options.filter((t) => t.id !== e.id && t.selected).forEach((e) => e.selected = !1), this.pendingAutoSelectedOption = null, this.triggerElement && (this._setInputValue(e), this._isCustomChangeEvent = !0, this.triggerElement.dispatchEvent(new Event("change", { bubbles: !0 })), this.triggerElement.dispatchEvent(new InputEvent("input", {
 				bubbles: !0,
 				composed: !0
-			})), this._lastUserInput = null, this.triggerElement.dispatchEvent(new CustomEvent("inputAutocomplete", { detail: { option: e } })), t || this.triggerElement.focus());
+			})), this._lastUserInput = null, this.triggerElement.dispatchEvent(new C(e)), t || this.triggerElement.focus());
 		}
 		_setInputValue(e) {
 			if (!this.triggerElement) return;
@@ -362,7 +372,7 @@ var S = ":host{display:none}:host(:is(:is(:state(state-opening),[state--state-op
 			});
 		}
 		_setOverlayPosition(e = this.originElement) {
-			e && y(this._overlay, e, this._overlay, this.shadowRoot.querySelector(".sbb-option-panel__overlay-container"), this, this.position);
+			e && v(this._overlay, e, this._overlay, this.shadowRoot.querySelector(".sbb-option-panel__overlay-container"), this, this.position);
 		}
 		_onAnimationEnd(e) {
 			e.animationName === "open" && this.state === "opening" ? this._handleOpening() : e.animationName === "close" && this.state === "closing" && this._handleClosing();
@@ -404,11 +414,11 @@ var S = ":host{display:none}:host(:is(:is(:state(state-opening),[state--state-op
       <div class="sbb-option-panel__overlay-container">
         <div
           class="sbb-option-panel__overlay ${this.negative ? "sbb-scrollbar-negative" : "sbb-scrollbar"}"
-          role=${C ? i : this.panelRole}
-          id=${C ? i : this.overlayId}
+          role=${S ? i : this.panelRole}
+          id=${S ? i : this.overlayId}
           tabindex="-1"
           @animationend=${this._onAnimationEnd}
-          ${x((e) => this._overlay = e)}
+          ${b((e) => this._overlay = e)}
         >
           <slot @slotchange=${this._handleSlotchange}></slot>
         </div>
@@ -418,4 +428,4 @@ var S = ":host{display:none}:host(:is(:is(:state(state-opening),[state--state-op
 	};
 })();
 //#endregion
-export { w as t };
+export { C as n, w as t };

package/autocomplete.js

@@ -1,7 +1,7 @@
-import { t as e } from "./autocomplete-base-element-DRGjFF9_.js";
-import { SbbAutocompleteElement as t } from "./autocomplete/autocomplete.component.js";
+import { n as e, t } from "./autocomplete-base-element-6leI6UF4.js";
+import { SbbAutocompleteElement as n } from "./autocomplete/autocomplete.component.js";
 import "./autocomplete.pure.js";
 //#region src/elements/autocomplete.ts
-t.define();
+n.define();
 //#endregion
-export { e as SbbAutocompleteBaseElement, t as SbbAutocompleteElement };
+export { t as SbbAutocompleteBaseElement, n as SbbAutocompleteElement, e as SbbInputAutocompleteEvent };

package/autocomplete.pure.js

@@ -1,3 +1,3 @@
-import { t as e } from "./autocomplete-base-element-DRGjFF9_.js";
-import { SbbAutocompleteElement as t } from "./autocomplete/autocomplete.component.js";
-export { e as SbbAutocompleteBaseElement, t as SbbAutocompleteElement };
+import { n as e, t } from "./autocomplete-base-element-6leI6UF4.js";
+import { SbbAutocompleteElement as n } from "./autocomplete/autocomplete.component.js";
+export { t as SbbAutocompleteBaseElement, n as SbbAutocompleteElement, e as SbbInputAutocompleteEvent };

package/calendar/calendar/calendar.component.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../calendar.component-oS_T4s4k.js";
-export { t as SbbCalendarElement, e as SbbMonthChangeEvent };
+import { n as e, r as t, t as n } from "../../calendar.component-BK4w5GWV.js";
+export { n as SbbCalendarElement, e as SbbDateSelectedEvent, t as SbbMonthChangeEvent };

package/{calendar.component-oS_T4s4k.js → calendar.component-BK4w5GWV.js}

@@ -20,19 +20,29 @@ var Ee = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
 			composed: !0
 		}), this._range = Object.freeze(e || []);
 	}
-}, y = (() => {
-	let y = te, b = [], x, S = [], C = [], w, T = [], De = [], E, D = [], O = [], k, A = [], j = [], M, N = [], P = [], F, I, L = [], R = [], z, B = [], V = [], H, U = [], W = [], G, K = [], q = [], J, Y = [], X = [], Z, Q, Oe = [], ke = [], Ae, je = [], $ = [];
-	return class extends y {
+}, y = class extends Event {
+	get dateSelected() {
+		return this._dateSelected;
+	}
+	constructor(e) {
+		super("dateselected", {
+			bubbles: !0,
+			composed: !0
+		}), this._dateSelected = Object.freeze(e);
+	}
+}, b = (() => {
+	let b = te, x = [], S, C = [], w = [], T, De = [], E = [], D, O = [], k = [], A, j = [], M = [], N, P = [], F = [], I, L, R = [], z = [], B, V = [], H = [], U, W = [], G = [], K, q = [], J = [], Y, X = [], Z = [], Q, Oe, ke = [], Ae = [], je, Me = [], $ = [];
+	return class extends b {
 		static {
-			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 = [
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(b[Symbol.metadata] ?? null) : void 0;
+			S = [m(), o({ type: Boolean })], T = [o()], D = [_(), o()], A = [_(), o()], N = [
 				m(),
 				ce((e, t) => e._onMultipleChanged(t)),
 				o({ type: Boolean })
-			], F = [o()], I = [s()], z = [o({ attribute: "date-filter" })], H = [o({ reflect: !0 })], G = [m(), o({
+			], I = [o()], L = [s()], B = [o({ attribute: "date-filter" })], U = [o({ reflect: !0 })], K = [m(), o({
 				attribute: "week-numbers",
 				type: Boolean
-			})], J = [s()], Z = [s()], Q = [s()], Ae = [s()], e(this, null, x, {
+			})], Y = [s()], Q = [s()], Oe = [s()], je = [s()], e(this, null, S, {
 				kind: "accessor",
 				name: "wide",
 				static: !1,
@@ -45,7 +55,7 @@ var Ee = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
 					}
 				},
 				metadata: t
-			}, S, C), e(this, null, w, {
+			}, C, w), e(this, null, T, {
 				kind: "accessor",
 				name: "view",
 				static: !1,
@@ -58,7 +68,7 @@ var Ee = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
 					}
 				},
 				metadata: t
-			}, T, De), e(this, null, E, {
+			}, De, E), e(this, null, D, {
 				kind: "accessor",
 				name: "min",
 				static: !1,
@@ -71,7 +81,7 @@ var Ee = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
 					}
 				},
 				metadata: t
-			}, D, O), e(this, null, k, {
+			}, O, k), e(this, null, A, {
 				kind: "accessor",
 				name: "max",
 				static: !1,
@@ -84,7 +94,7 @@ var Ee = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
 					}
 				},
 				metadata: t
-			}, A, j), e(this, null, M, {
+			}, j, M), e(this, null, N, {
 				kind: "accessor",
 				name: "multiple",
 				static: !1,
@@ -97,7 +107,7 @@ var Ee = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
 					}
 				},
 				metadata: t
-			}, N, P), e(this, null, F, {
+			}, P, F), e(this, null, I, {
 				kind: "setter",
 				name: "selected",
 				static: !1,
@@ -109,7 +119,7 @@ var Ee = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
 					}
 				},
 				metadata: t
-			}, null, b), e(this, null, I, {
+			}, null, x), e(this, null, L, {
 				kind: "accessor",
 				name: "_selected",
 				static: !1,
@@ -122,7 +132,7 @@ var Ee = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
 					}
 				},
 				metadata: t
-			}, L, R), e(this, null, z, {
+			}, R, z), e(this, null, B, {
 				kind: "accessor",
 				name: "dateFilter",
 				static: !1,
@@ -135,7 +145,7 @@ var Ee = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
 					}
 				},
 				metadata: t
-			}, B, V), e(this, null, H, {
+			}, V, H), e(this, null, U, {
 				kind: "accessor",
 				name: "orientation",
 				static: !1,
@@ -148,7 +158,7 @@ var Ee = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
 					}
 				},
 				metadata: t
-			}, U, W), e(this, null, G, {
+			}, W, G), e(this, null, K, {
 				kind: "accessor",
 				name: "weekNumbers",
 				static: !1,
@@ -161,7 +171,7 @@ var Ee = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
 					}
 				},
 				metadata: t
-			}, K, q), e(this, null, J, {
+			}, q, J), e(this, null, Y, {
 				kind: "accessor",
 				name: "_activeDate",
 				static: !1,
@@ -174,7 +184,7 @@ var Ee = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
 					}
 				},
 				metadata: t
-			}, Y, X), e(this, null, Z, {
+			}, X, Z), e(this, null, Q, {
 				kind: "setter",
 				name: "_wide",
 				static: !1,
@@ -186,7 +196,7 @@ var Ee = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
 					}
 				},
 				metadata: t
-			}, null, b), e(this, null, Q, {
+			}, null, x), e(this, null, Oe, {
 				kind: "accessor",
 				name: "_calendarView",
 				static: !1,
@@ -199,7 +209,7 @@ var Ee = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
 					}
 				},
 				metadata: t
-			}, Oe, ke), e(this, null, Ae, {
+			}, ke, Ae), e(this, null, je, {
 				kind: "accessor",
 				name: "_initialized",
 				static: !1,
@@ -212,7 +222,7 @@ var Ee = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
 					}
 				},
 				metadata: t
-			}, je, $), t && Object.defineProperty(this, Symbol.metadata, {
+			}, Me, $), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -346,13 +356,13 @@ var Ee = ":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, T, "day")), this.#n = (t(this, De), 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), _e().datetime?.dateAdapter ?? se), this.#l = t(this, Y, this._dateAdapter.today()), this._wideInternal = (t(this, X), !1), this.#u = t(this, Oe, "day"), this._nextCalendarView = (t(this, ke), "day"), this._keyboardNavigationDayViewParameters = {
+			super(), this.#e = (t(this, x), t(this, C, !1)), this.#t = (t(this, w), t(this, De, "day")), this.#n = (t(this, E), t(this, O, null)), this.#r = (t(this, k), t(this, j, null)), this.#i = (t(this, M), t(this, P, !1)), this.#a = (t(this, F), t(this, R, null)), this.#o = (t(this, z), t(this, V, null)), this.#s = (t(this, H), t(this, W, "horizontal")), this.#c = (t(this, G), t(this, q, !1)), this._dateAdapter = (t(this, J), _e().datetime?.dateAdapter ?? se), this.#l = t(this, X, this._dateAdapter.today()), this._wideInternal = (t(this, Z), !1), this.#u = t(this, ke, "day"), this._nextCalendarView = (t(this, Ae), "day"), this._keyboardNavigationDayViewParameters = {
 				firstDayInView: null,
 				lastDayInView: null,
 				firstMonthOffset: 0,
 				firstMonthLength: 0,
 				secondMonthOffset: 0
-			}, this._weeks = [], this._monthNames = this._dateAdapter.getMonthNames("long"), this._enhancedVariant = !1, this._resetFocus = !1, this._containingFocus = !1, this.#d = t(this, je, !1), this._language = (t(this, $), new ne(this).withHandler(() => {
+			}, this._weeks = [], this._monthNames = this._dateAdapter.getMonthNames("long"), this._enhancedVariant = !1, this._resetFocus = !1, this._containingFocus = !1, this.#d = t(this, Me, !1), this._language = (t(this, $), new ne(this).withHandler(() => {
 				this._monthNames = this._dateAdapter.getMonthNames("long"), this._createMonthRows();
 			})), this._mediaMatcher = new re(this, { [d]: () => this._init() }), this._onSlotChange = () => {
 				this._enhancedVariant = Array.from(this.children).some((e) => e.localName === "sbb-calendar-day"), this.toggleState("enhanced", this._enhancedVariant), this._setTabIndex();
@@ -498,11 +508,7 @@ var Ee = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
 			this._selected = a.map((e) => this._dateAdapter.deserialize(e)), this._emitDateSelectedEvent(this._selected.map((e) => this._dateAdapter.deserialize(e)));
 		}
 		_emitDateSelectedEvent(e) {
-			this.dispatchEvent(new CustomEvent("dateselected", {
-				detail: e,
-				composed: !0,
-				bubbles: !0
-			}));
+			this.dispatchEvent(new y(e));
 		}
 		_emitMonthChange() {
 			let e = (this.wide ? [...this._weeks, ...this._nextMonthWeeks] : this._weeks).flat().sort((e, t) => e.value.localeCompare(t.value));
@@ -1062,4 +1068,4 @@ var Ee = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
 	};
 })();
 //#endregion
-export { v as n, y as t };
+export { y as n, v as r, b as t };

package/calendar.js

@@ -3,9 +3,9 @@ import { SbbCalendarMonthElement as t } from "./calendar/calendar-month/calendar
 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-oS_T4s4k.js";
-import { t as s } from "./calendar-cell-base-element-CUG1qYFb.js";
+import { n as a, r as o, t as s } from "./calendar.component-BK4w5GWV.js";
+import { t as c } from "./calendar-cell-base-element-CUG1qYFb.js";
 import "./calendar.pure.js";
-o.define(), e.define(), t.define(), n.define(), r.define(), i.define();
+s.define(), e.define(), t.define(), n.define(), r.define(), i.define();
 //#endregion
-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 };
+export { c as SbbCalendarCellBaseElement, e as SbbCalendarDayElement, s as SbbCalendarElement, t as SbbCalendarMonthElement, r as SbbCalendarWeekdayElement, i as SbbCalendarWeeknumberElement, n as SbbCalendarYearElement, a as SbbDateSelectedEvent, o as SbbMonthChangeEvent };

package/calendar.pure.js

@@ -3,6 +3,6 @@ import { SbbCalendarMonthElement as t } from "./calendar/calendar-month/calendar
 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-oS_T4s4k.js";
-import { t as s } from "./calendar-cell-base-element-CUG1qYFb.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 };
+import { n as a, r as o, t as s } from "./calendar.component-BK4w5GWV.js";
+import { t as c } from "./calendar-cell-base-element-CUG1qYFb.js";
+export { c as SbbCalendarCellBaseElement, e as SbbCalendarDayElement, s as SbbCalendarElement, t as SbbCalendarMonthElement, r as SbbCalendarWeekdayElement, i as SbbCalendarWeeknumberElement, n as SbbCalendarYearElement, a as SbbDateSelectedEvent, o as SbbMonthChangeEvent };

package/carousel/carousel/carousel.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../carousel.component-9oMMOyWo.js";
+import { t as e } from "../../carousel.component-ZrkGeJgZ.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-DyZAdXL_.js";
-export { e as SbbCarouselItemElement };
+import { n as e, t } from "../../carousel-item.component-B6WmZPkW.js";
+export { t as SbbCarouselItemElement, e as SbbCarouselItemShowEvent };

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

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

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

@@ -1,7 +1,17 @@
 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 {
+var r = ":host{display:flex;scroll-snap-align:start;flex-shrink:0}::slotted(sbb-image){border-radius:unset}", i = class extends Event {
+	get index() {
+		return this._index;
+	}
+	constructor(e, { index: t }) {
+		super(e, {
+			bubbles: !0,
+			composed: !0
+		}), this._index = t;
+	}
+}, a = class extends n {
 	static {
 		this.elementName = "sbb-carousel-item";
 	}
@@ -22,4 +32,4 @@ var r = ":host{display:flex;scroll-snap-align:start;flex-shrink:0}::slotted(sbb-
 	}
 };
 //#endregion
-export { i as t };
+export { i as n, a as t };

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

@@ -2,13 +2,14 @@ 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";
+import { SbbCarouselItemShowEvent as c } from "./carousel/carousel-item/carousel-item.component.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 {
+var l = ":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)}", u = class extends n {
 	static {
 		this.elementName = "sbb-carousel-list";
 	}
 	static {
-		this.styles = [t(c)];
+		this.styles = [t(l)];
 	}
 	constructor() {
 		super(), this._currentIndex = 0, this._language = new r(this), this._observedCarouselItems = [], this._beforeShowObserver = new s(this, {
@@ -16,11 +17,7 @@ var c = ":host{--sbb-carousel-list-border-radius: var(--sbb-border-radius-4x);di
 			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
-					}));
+					t.dispatchEvent(new c("beforeshow", { index: this._carouselItems().findIndex((e) => e === t) }));
 				});
 			},
 			config: {
@@ -34,11 +31,7 @@ var c = ":host{--sbb-carousel-list-border-radius: var(--sbb-border-radius-4x);di
 				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";
+					t.isIntersecting ? (e.ariaHidden = null, this._currentIndex = this._carouselItems().findIndex((t) => t === e), e.dispatchEvent(new c("show", { index: this._currentIndex }))) : e.ariaHidden = "true";
 				}
 			},
 			config: {
@@ -85,4 +78,4 @@ var c = ":host{--sbb-carousel-list-border-radius: var(--sbb-border-radius-4x);di
 	}
 };
 //#endregion
-export { l as t };
+export { u as t };

package/{carousel.component-9oMMOyWo.js → carousel.component-ZrkGeJgZ.js}

@@ -46,7 +46,7 @@ var p = ":host{display:inline-block;overflow:hidden;border-radius:var(--sbb-caro
 		}
 		constructor() {
 			super(), this.#e = t(this, g, !1), this._paginator = (t(this, _), 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);
+				this._requestedPageIndexByPaginator !== -1 && this._requestedPageIndexByPaginator !== e.index || (this._paginator && e.index !== this._paginator.pageIndex && (this._paginator.pageIndex = e.index), this._requestedPageIndexByPaginator = -1);
 			});
 		}
 		connectedCallback() {

package/carousel.js

@@ -1,7 +1,7 @@
-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-9oMMOyWo.js";
+import { n as e, t } from "./carousel-item.component-B6WmZPkW.js";
+import { t as n } from "./carousel-list.component-CnZehdy6.js";
+import { t as r } from "./carousel.component-ZrkGeJgZ.js";
 import "./carousel.pure.js";
-n.define(), e.define(), t.define();
+r.define(), t.define(), n.define();
 //#endregion
-export { n as SbbCarouselElement, e as SbbCarouselItemElement, t as SbbCarouselListElement };
+export { r as SbbCarouselElement, t as SbbCarouselItemElement, e as SbbCarouselItemShowEvent, n as SbbCarouselListElement };

package/carousel.pure.js

@@ -1,4 +1,4 @@
-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-9oMMOyWo.js";
-export { n as SbbCarouselElement, e as SbbCarouselItemElement, t as SbbCarouselListElement };
+import { n as e, t } from "./carousel-item.component-B6WmZPkW.js";
+import { t as n } from "./carousel-list.component-CnZehdy6.js";
+import { t as r } from "./carousel.component-ZrkGeJgZ.js";
+export { r as SbbCarouselElement, t as SbbCarouselItemElement, e as SbbCarouselItemShowEvent, n as SbbCarouselListElement };

package/chip/chip-group/chip-group.component.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../chip-group.component-DJORKUef.js";
+import { n as e, t } from "../../chip-group.component-BIP7c2G0.js";
 export { t as SbbChipGroupElement, e as SbbChipInputTokenEndEvent };

package/{chip-group.component-DJORKUef.js → chip-group.component-BIP7c2G0.js}

@@ -4,10 +4,7 @@ import { property as a } from "lit/decorators.js";
 import { SbbDisabledMixin as o, SbbElement as s, SbbFormAssociatedMixin as c, SbbLanguageController as l, SbbNegativeMixin as u, SbbPropertyWatcherController as d, SbbRequiredMixin as f, forceType as p, getNextElementIndex as m, i18nChipGroupInputDescription as h, i18nSelectionRequired as g, isArrowKeyPressed as _ } from "./core.js";
 import { SbbChipElement as v } from "./chip/chip/chip.component.js";
 //#region src/elements/chip/chip-group/chip-group.scss?inline
-var y = ":host{width:100%;display:flex;flex-wrap:wrap;gap:var(--sbb-chip-group-gap);align-items:center;margin-block:var(--sbb-chip-group-margin-block);line-height:var(--sbb-typo-line-height-text)}:host(:is(:is(:state(size-s),[state--size-s]),:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: 0}:host(:is(:state(size-s),[state--size-s]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-with-label-s)}:host(:is(:state(without-label),[state--without-label]):is(:state(size-s),[state--size-s]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-without-label-s)}:host(:is(:is(:state(size-l),[state--size-l]),:is(:state(size-m),[state--size-m]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-base-lm)}:host(:is(:state(without-label),[state--without-label]):is(:state(size-m),[state--size-m]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-without-label-m)}:host(:is(:state(without-label),[state--without-label]):not(:is(:state(empty),[state--empty]),:is(:state(size-s),[state--size-s]),:is(:state(size-m),[state--size-m]),:is(:state(size-l),[state--size-l]))){--sbb-chip-group-margin-block: var(--sbb-chip-group-margin-block-no-label-not-empty)}:host(:not(:is(:state(without-label),[state--without-label])):is(:state(size-m),[state--size-m]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-with-label-m)}:host(:not(:is(:state(without-label),[state--without-label]),:is(:state(empty),[state--empty]),:is(:state(size-s),[state--size-s]),:is(:state(size-m),[state--size-m]),:is(:state(size-l),[state--size-l]))){--sbb-chip-group-margin-block: var(--sbb-chip-group-margin-block-with-label-not-empty)}:host(:is(:state(without-label),[state--without-label]):is(:state(size-l),[state--size-l]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-without-label-l)}:host(:not(:is(:state(without-label),[state--without-label])):is(:state(size-l),[state--size-l]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-with-label-l)}::slotted(input){flex:1 1 var(--sbb-chip-group-input-min-width);max-height:1.5rem}::slotted(sbb-chip){max-width:100%}", b = class extends CustomEvent {
-	get detail() {
-		return this;
-	}
+var y = ":host{width:100%;display:flex;flex-wrap:wrap;gap:var(--sbb-chip-group-gap);align-items:center;margin-block:var(--sbb-chip-group-margin-block);line-height:var(--sbb-typo-line-height-text)}:host(:is(:is(:state(size-s),[state--size-s]),:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: 0}:host(:is(:state(size-s),[state--size-s]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-with-label-s)}:host(:is(:state(without-label),[state--without-label]):is(:state(size-s),[state--size-s]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-without-label-s)}:host(:is(:is(:state(size-l),[state--size-l]),:is(:state(size-m),[state--size-m]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-base-lm)}:host(:is(:state(without-label),[state--without-label]):is(:state(size-m),[state--size-m]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-without-label-m)}:host(:is(:state(without-label),[state--without-label]):not(:is(:state(empty),[state--empty]),:is(:state(size-s),[state--size-s]),:is(:state(size-m),[state--size-m]),:is(:state(size-l),[state--size-l]))){--sbb-chip-group-margin-block: var(--sbb-chip-group-margin-block-no-label-not-empty)}:host(:not(:is(:state(without-label),[state--without-label])):is(:state(size-m),[state--size-m]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-with-label-m)}:host(:not(:is(:state(without-label),[state--without-label]),:is(:state(empty),[state--empty]),:is(:state(size-s),[state--size-s]),:is(:state(size-m),[state--size-m]),:is(:state(size-l),[state--size-l]))){--sbb-chip-group-margin-block: var(--sbb-chip-group-margin-block-with-label-not-empty)}:host(:is(:state(without-label),[state--without-label]):is(:state(size-l),[state--size-l]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-without-label-l)}:host(:not(:is(:state(without-label),[state--without-label])):is(:state(size-l),[state--size-l]):not(:is(:state(empty),[state--empty]))){--sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-with-label-l)}::slotted(input){flex:1 1 var(--sbb-chip-group-input-min-width);max-height:1.5rem}::slotted(sbb-chip){max-width:100%}", b = class extends Event {
 	constructor(e) {
 		super("chipinputtokenend", {
 			cancelable: !0,
@@ -185,9 +182,7 @@ var y = ":host{width:100%;display:flex;flex-wrap:wrap;gap:var(--sbb-chip-group-g
 			e && e !== this._inputElement && (this._inputAbortController?.abort(), this._inputAttributeObserver?.disconnect(), this._inputElement = e, this._inputAbortController = new AbortController(), this._inputElement.addEventListener("keydown", (e) => this._onInputKeyDown(e), { signal: this._inputAbortController.signal }), this._inputElement.addEventListener("blur", () => this._onInputBlur(), {
 				signal: this._inputAbortController.signal,
 				capture: !0
-			}), this._inputElement.addEventListener("inputAutocomplete", (e) => {
-				this._createChipFromInput("autocomplete", e.detail?.option.value);
-			}, { signal: this._inputAbortController.signal }), this._inputAttributeObserver?.observe(this._inputElement, {
+			}), this._inputElement.addEventListener("inputAutocomplete", (e) => this._createChipFromInput("autocomplete", e.option.value), { signal: this._inputAbortController.signal }), this._inputAttributeObserver?.observe(this._inputElement, {
 				attributes: !0,
 				attributeFilter: ["readonly", "disabled"]
 			})), this.closest("sbb-form-field") || this._updateSize(null), this.toggleState("empty", this.value.length === 0), this._reactToInputChanges(), this._updateInputDescription(), this.updateFormValue();

package/chip.js

@@ -1,4 +1,4 @@
-import { n as e, t } from "./chip-group.component-DJORKUef.js";
+import { n as e, t } from "./chip-group.component-BIP7c2G0.js";
 import { t as n } from "./chip.component-gcvF3pEX.js";
 import "./chip.pure.js";
 n.define(), t.define();

package/chip.pure.js

@@ -1,3 +1,3 @@
-import { n as e, t } from "./chip-group.component-DJORKUef.js";
+import { n as e, t } from "./chip-group.component-BIP7c2G0.js";
 import { t as n } from "./chip.component-gcvF3pEX.js";
 export { n as SbbChipElement, t as SbbChipGroupElement, e as SbbChipInputTokenEndEvent };

package/core/overlay/overlay-outside-pointer-event-listener.js

@@ -10,7 +10,7 @@ var r = class {
 			this._pointerDownEventTarget = void 0;
 			for (let e of Array.from(this._overlays).reverse()) {
 				if (n(e, t) || n(e, r)) break;
-				e.dispatchEvent(new CustomEvent("overlayOutsidePointer"));
+				e.dispatchEvent(new Event("overlayOutsidePointer"));
 			}
 		};
 	}