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

package/{file-selector-common-BE780nIa.js → file-selector-common-VNwWFEmM.js}

@@ -6,11 +6,21 @@ import { html as _, unsafeStatic as v } from "lit/static-html.js";
 import { SbbSecondaryButtonElement as y } from "./button.pure.js";
 import { ref as b } from "lit/directives/ref.js";
 //#region src/elements/file-selector/common/file-selector-common.scss?inline
-var x = ":host{--sbb-file-selector-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );display:block;width:20rem}@media(forced-colors:active){:host(:disabled){--sbb-file-selector-color: GrayText;--sbb-file-selector-subtitle-color: GrayText;--sbb-file-selector-border-color: GrayText}}:host(:is(:state(active),[state--active])){--sbb-file-selector-background-color: var(--sbb-background-color-3);--sbb-file-selector-border-color: var(--sbb-color-storm);--sbb-file-selector-border-color: light-dark(var(--sbb-color-storm), var(--sbb-color-anthracite))}@media(forced-colors:active){:host(:is(:state(active),[state--active])){--sbb-file-selector-border-color: Highlight}}.sbb-file-selector__input-container{-webkit-tap-highlight-color:transparent;display:flex;flex-direction:column}.sbb-file-selector__file-list{display:flex;flex-direction:column;row-gap:var(--sbb-spacing-fixed-3x);margin-block:0;padding-inline:0;padding-block:var(--sbb-spacing-fixed-6x) var(--sbb-spacing-fixed-1x)}.sbb-file-selector__file{--sbb-text-font-size: var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);display:flex;gap:var(--sbb-spacing-fixed-4x);align-items:center;justify-content:space-between}.sbb-file-selector__file-details{display:flex;flex:1;justify-content:space-between;gap:var(--sbb-spacing-fixed-4x);overflow:auto}.sbb-file-selector__file-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sbb-file-selector__file-size{white-space:nowrap;color:var(--sbb-color-metal);color:light-dark(var(--sbb-color-metal),var(--sbb-color-smoke))}:host(:not(:is(:state(slotted-error),[state--slotted-error]))) .sbb-file-selector__error{display:none}", S = (S) => (() => {
-	let C = a(o(S)), w = [], T, E = [], D = [], O, k = [], A = [], j, M = [], N = [], P, F = [], I = [], L, R = [], z = [], B, V;
-	return class extends C {
+var x = ":host{--sbb-file-selector-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );display:block;width:20rem}@media(forced-colors:active){:host(:disabled){--sbb-file-selector-color: GrayText;--sbb-file-selector-subtitle-color: GrayText;--sbb-file-selector-border-color: GrayText}}:host(:is(:state(active),[state--active])){--sbb-file-selector-background-color: var(--sbb-background-color-3);--sbb-file-selector-border-color: var(--sbb-color-storm);--sbb-file-selector-border-color: light-dark(var(--sbb-color-storm), var(--sbb-color-anthracite))}@media(forced-colors:active){:host(:is(:state(active),[state--active])){--sbb-file-selector-border-color: Highlight}}.sbb-file-selector__input-container{-webkit-tap-highlight-color:transparent;display:flex;flex-direction:column}.sbb-file-selector__file-list{display:flex;flex-direction:column;row-gap:var(--sbb-spacing-fixed-3x);margin-block:0;padding-inline:0;padding-block:var(--sbb-spacing-fixed-6x) var(--sbb-spacing-fixed-1x)}.sbb-file-selector__file{--sbb-text-font-size: var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);display:flex;gap:var(--sbb-spacing-fixed-4x);align-items:center;justify-content:space-between}.sbb-file-selector__file-details{display:flex;flex:1;justify-content:space-between;gap:var(--sbb-spacing-fixed-4x);overflow:auto}.sbb-file-selector__file-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sbb-file-selector__file-size{white-space:nowrap;color:var(--sbb-color-metal);color:light-dark(var(--sbb-color-metal),var(--sbb-color-smoke))}:host(:not(:is(:state(slotted-error),[state--slotted-error]))) .sbb-file-selector__error{display:none}", S = class extends Event {
+	get files() {
+		return this._files;
+	}
+	constructor(e) {
+		super("filechanged", {
+			bubbles: !0,
+			composed: !0
+		}), this._files = Object.freeze(e || []);
+	}
+}, C = (C) => (() => {
+	let w = a(o(C)), T = [], E, D = [], O = [], k, A = [], j = [], M, N = [], P = [], F, I = [], L = [], R, z = [], B = [], V, H;
+	return class extends w {
 		constructor() {
-			super(...arguments), this.#e = (t(this, w), t(this, E, null)), this.#t = (t(this, D), t(this, k, !1)), this.#n = (t(this, A), t(this, M, "default")), this.#r = (t(this, N), t(this, F, "")), this.#i = (t(this, I), t(this, R, "")), this._files = (t(this, z), []), this._suffixes = [
+			super(...arguments), this.#e = (t(this, T), t(this, D, null)), this.#t = (t(this, O), t(this, A, !1)), this.#n = (t(this, j), t(this, N, "default")), this.#r = (t(this, P), t(this, I, "")), this.#i = (t(this, L), t(this, z, "")), this._files = (t(this, B), []), this._suffixes = [
 				"B",
 				"kB",
 				"MB",
@@ -19,8 +29,8 @@ var x = ":host{--sbb-file-selector-transition-duration: var( --sbb-disable-anima
 			], this.language = new s(this), this._counter = 0;
 		}
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(C[Symbol.metadata] ?? null) : void 0;
-			T = [i({ reflect: !0 })], O = [c(), i({ type: Boolean })], j = [i({ attribute: "multiple-mode" })], P = [c(), i()], L = [c(), i({ attribute: "accessibility-label" })], B = [i({ attribute: !1 })], V = [i({ attribute: !1 })], e(this, null, T, {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(w[Symbol.metadata] ?? null) : void 0;
+			E = [i({ reflect: !0 })], k = [c(), i({ type: Boolean })], M = [i({ attribute: "multiple-mode" })], F = [c(), i()], R = [c(), i({ attribute: "accessibility-label" })], V = [i({ attribute: !1 })], H = [i({ attribute: !1 })], e(this, null, E, {
 				kind: "accessor",
 				name: "size",
 				static: !1,
@@ -33,7 +43,7 @@ var x = ":host{--sbb-file-selector-transition-duration: var( --sbb-disable-anima
 					}
 				},
 				metadata: t
-			}, E, D), e(this, null, O, {
+			}, D, O), e(this, null, k, {
 				kind: "accessor",
 				name: "multiple",
 				static: !1,
@@ -46,7 +56,7 @@ var x = ":host{--sbb-file-selector-transition-duration: var( --sbb-disable-anima
 					}
 				},
 				metadata: t
-			}, k, A), e(this, null, j, {
+			}, A, j), e(this, null, M, {
 				kind: "accessor",
 				name: "multipleMode",
 				static: !1,
@@ -59,7 +69,7 @@ var x = ":host{--sbb-file-selector-transition-duration: var( --sbb-disable-anima
 					}
 				},
 				metadata: t
-			}, M, N), e(this, null, P, {
+			}, N, P), e(this, null, F, {
 				kind: "accessor",
 				name: "accept",
 				static: !1,
@@ -72,7 +82,7 @@ var x = ":host{--sbb-file-selector-transition-duration: var( --sbb-disable-anima
 					}
 				},
 				metadata: t
-			}, F, I), e(this, null, L, {
+			}, I, L), e(this, null, R, {
 				kind: "accessor",
 				name: "accessibilityLabel",
 				static: !1,
@@ -85,7 +95,7 @@ var x = ":host{--sbb-file-selector-transition-duration: var( --sbb-disable-anima
 					}
 				},
 				metadata: t
-			}, R, z), e(this, null, B, {
+			}, z, B), e(this, null, V, {
 				kind: "setter",
 				name: "value",
 				static: !1,
@@ -97,7 +107,7 @@ var x = ":host{--sbb-file-selector-transition-duration: var( --sbb-disable-anima
 					}
 				},
 				metadata: t
-			}, null, w), e(this, null, V, {
+			}, null, T), e(this, null, H, {
 				kind: "setter",
 				name: "files",
 				static: !1,
@@ -109,7 +119,7 @@ var x = ":host{--sbb-file-selector-transition-duration: var( --sbb-disable-anima
 					}
 				},
 				metadata: t
-			}, null, w), t && Object.defineProperty(this, Symbol.metadata, {
+			}, null, T), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -214,11 +224,8 @@ var x = ":host{--sbb-file-selector-transition-duration: var( --sbb-disable-anima
 			})), this.dispatchEvent(new Event("change", { bubbles: !0 })), this._dispatchFileChangedEvent();
 		}
 		_dispatchFileChangedEvent() {
-			this.dispatchEvent(new CustomEvent("filechanged", {
-				bubbles: !0,
-				composed: !0,
-				detail: this.files
-			}));
+			let e = this.files;
+			this.dispatchEvent(new S(e));
 		}
 		_formatFileSize(e) {
 			let t = Math.floor(Math.log(e) / Math.log(1024));
@@ -307,4 +314,4 @@ var x = ":host{--sbb-file-selector-transition-duration: var( --sbb-disable-anima
 	};
 })();
 //#endregion
-export { S as t };
+export { C as n, S as t };

package/file-selector.js

@@ -1,7 +1,7 @@
-import { t as e } from "./file-selector-common-BE780nIa.js";
-import { t } from "./file-selector-dropzone.component-CGo6odhC.js";
-import { SbbFileSelectorElement as n } from "./file-selector/file-selector/file-selector.component.js";
+import { n as e, t } from "./file-selector-common-VNwWFEmM.js";
+import { t as n } from "./file-selector-dropzone.component-CGo6odhC.js";
+import { SbbFileSelectorElement as r } from "./file-selector/file-selector/file-selector.component.js";
 import "./file-selector.pure.js";
-n.define(), t.define();
+r.define(), n.define();
 //#endregion
-export { e as SbbFileSelectorCommonElementMixin, t as SbbFileSelectorDropzoneElement, n as SbbFileSelectorElement };
+export { t as SbbFileChangeEvent, e as SbbFileSelectorCommonElementMixin, n as SbbFileSelectorDropzoneElement, r as SbbFileSelectorElement };

package/file-selector.pure.js

@@ -1,4 +1,4 @@
-import { t as e } from "./file-selector-common-BE780nIa.js";
-import { t } from "./file-selector-dropzone.component-CGo6odhC.js";
-import { SbbFileSelectorElement as n } from "./file-selector/file-selector/file-selector.component.js";
-export { e as SbbFileSelectorCommonElementMixin, t as SbbFileSelectorDropzoneElement, n as SbbFileSelectorElement };
+import { n as e, t } from "./file-selector-common-VNwWFEmM.js";
+import { t as n } from "./file-selector-dropzone.component-CGo6odhC.js";
+import { SbbFileSelectorElement as r } from "./file-selector/file-selector/file-selector.component.js";
+export { t as SbbFileChangeEvent, e as SbbFileSelectorCommonElementMixin, n as SbbFileSelectorDropzoneElement, r as SbbFileSelectorElement };

package/overlay/overlay-base-element.js

@@ -3,15 +3,9 @@ import { isServer as n } from "lit";
 import { property as r } from "lit/decorators.js";
 import { SbbEscapableOverlayController as i, SbbFocusTrapController as a, SbbInertController as o, SbbLanguageController as s, SbbNegativeMixin as c, SbbOpenCloseBaseElement as l, SbbScrollHandler as u, forceType as d, i18nDialog as f, idReference as p, removeAriaOverlayTriggerProperties as m, screenReaderOnlyStyles as h, setAriaOverlayTriggerProperties as g } from "../core.js";
 //#region src/elements/overlay/overlay-base-element.ts
-var _ = /* @__PURE__ */ new WeakMap(), v = class extends CustomEvent {
+var _ = /* @__PURE__ */ new WeakMap(), v = class extends Event {
 	constructor(e, { cancelable: t, closeAttribute: n, closeTarget: r, result: i }) {
-		super(e, {
-			cancelable: t,
-			detail: {
-				returnValue: i,
-				closeTarget: r
-			}
-		}), this.result = i ?? (r ? _.get(r) ?? (r.getAttribute(n)?.trim() || null) : null), this.closeTarget = r ?? null;
+		super(e, { cancelable: t }), this.result = i ?? (r ? _.get(r) ?? (r.getAttribute(n)?.trim() || null) : null), this.closeTarget = r ?? null;
 	}
 };
 function y(e, t) {

package/overlay/overlay.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../overlay.component-C80XN61v.js";
+import { t as e } from "../overlay.component-myJflfLY.js";
 export { e as SbbOverlayElement };

package/{overlay.component-C80XN61v.js → overlay.component-myJflfLY.js}

@@ -93,12 +93,9 @@ var g = ":host{--_sbb-overlay-padding-block: calc( var(--sbb-spacing-fixed-14x)
 			this.state = "opened", this.inertController.activate(), this.focusTrapController.focusInitialElement(), setTimeout(() => this.setAriaLiveRefContent(this.accessibilityLabel)), this.focusTrapController.enabled = !0, this.dispatchOpenEvent();
 		}
 		handleClosing() {
-			this._overlayContentElement?.scrollTo(0, 0), this.state = "closed", this.hidePopover?.(), this.inertController.deactivate(), this.skipFocusRestoration || this.lastFocusedElement?.focus(), this.openOverlayController?.abort(), this.focusTrapController.enabled = !1, this.removeInstanceFromGlobalCollection(), n.length || this.scrollHandler.enableScroll(), this.escapableOverlayController.disconnect(), this.dispatchCloseEvent({
-				returnValue: this.returnValue,
-				closeTarget: this.overlayCloseElement
-			});
+			this._overlayContentElement?.scrollTo(0, 0), this.state = "closed", this.hidePopover?.(), this.inertController.deactivate(), this.skipFocusRestoration || this.lastFocusedElement?.focus(), this.openOverlayController?.abort(), this.focusTrapController.enabled = !1, this.removeInstanceFromGlobalCollection(), n.length || this.scrollHandler.enableScroll(), this.escapableOverlayController.disconnect(), this.dispatchCloseEvent();
 		}
-		dispatchBeforeCloseEvent(e) {
+		dispatchBeforeCloseEvent() {
 			return this.dispatchEvent(new t("beforeclose", {
 				cancelable: !0,
 				closeAttribute: this.closeAttribute,
@@ -106,7 +103,7 @@ var g = ":host{--_sbb-overlay-padding-block: calc( var(--sbb-spacing-fixed-14x)
 				result: this.returnValue
 			}));
 		}
-		dispatchCloseEvent(e) {
+		dispatchCloseEvent() {
 			return this.dispatchEvent(new t("close", {
 				closeAttribute: this.closeAttribute,
 				closeTarget: this.overlayCloseElement,

package/overlay.js

@@ -1,5 +1,5 @@
 import { SbbOverlayBaseElement as e, SbbOverlayCloseEvent as t, assignOverlayResult as n, overlayRefs as r } from "./overlay/overlay-base-element.js";
-import { t as i } from "./overlay.component-C80XN61v.js";
+import { t as i } from "./overlay.component-myJflfLY.js";
 import "./overlay.pure.js";
 //#region src/elements/overlay.ts
 i.define();

package/overlay.pure.js

@@ -1,3 +1,3 @@
 import { SbbOverlayBaseElement as e, SbbOverlayCloseEvent as t, assignOverlayResult as n, overlayRefs as r } from "./overlay/overlay-base-element.js";
-import { t as i } from "./overlay.component-C80XN61v.js";
+import { t as i } from "./overlay.component-myJflfLY.js";
 export { e as SbbOverlayBaseElement, t as SbbOverlayCloseEvent, i as SbbOverlayElement, n as assignOverlayResult, r as overlayRefs };

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@sbb-esta/lyne-elements-dev",
-  "version": "5.0.0-next.3-dev.1779188320",
+  "version": "5.0.0-next.3-dev.1779200097",
   "description": "Lyne Design System",
   "keywords": [
     "design system",
     "web components",
     "lit",
-    "https://github.com/sbb-design-systems/lyne-components/commit/483dc4595987d9ae18c32117efe941210f1dbd7d"
+    "https://github.com/sbb-design-systems/lyne-components/commit/523d4036ba096d1de056355f8e9326bbd36d65ff"
   ],
   "type": "module",
   "exports": {

package/paginator/common/paginator-common.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../paginator-common-uoCIcl4X.js";
-export { e as SbbPaginatorCommonElementMixin };
+import { n as e, t } from "../../paginator-common-BWewgXga.js";
+export { t as SbbPaginatorCommonElementMixin, e as SbbPaginatorPageEvent };

package/{paginator-common-uoCIcl4X.js → paginator-common-BWewgXga.js}

@@ -5,24 +5,43 @@ import { SbbDisabledMixin as o, SbbLanguageController as s, SbbNegativeMixin as
 import { SbbMiniButtonElement as g, SbbMiniButtonGroupElement as _ } from "./button.pure.js";
 import { SbbDividerElement as v } from "./divider.pure.js";
 //#region src/elements/paginator/common/paginator-common.scss?inline
-var y = ":host([size=s]){--sbb-paginator-height: var(--sbb-size-element-xs)}:host([size=m]){--sbb-paginator-height: var(--sbb-size-element-m)}:host([negative]){--sbb-paginator-color: var(--sbb-color-5)}", b = (b) => (() => {
-	let x = c(o(b)), S, C = [], w = [], T, E = [], D = [], O, k = [], A = [], j, M = [], N = [], P, F = [], I = [], L, R = [], z = [], B, V = [], H = [], U, W = [], G = [];
-	return class extends x {
+var y = ":host([size=s]){--sbb-paginator-height: var(--sbb-size-element-xs)}:host([size=m]){--sbb-paginator-height: var(--sbb-size-element-m)}:host([negative]){--sbb-paginator-color: var(--sbb-color-5)}", b = class extends Event {
+	get length() {
+		return this._length;
+	}
+	get pageSize() {
+		return this._pageSize;
+	}
+	get pageIndex() {
+		return this._pageIndex;
+	}
+	get previousPageIndex() {
+		return this._previousPageIndex;
+	}
+	constructor({ length: e, pageSize: t, pageIndex: n, previousPageIndex: r }) {
+		super("page", {
+			bubbles: !0,
+			composed: !0
+		}), this._length = e, this._pageSize = t, this._pageIndex = n, this._previousPageIndex = r;
+	}
+}, x = (x) => (() => {
+	let S = c(o(x)), C, w = [], T = [], E, D = [], O = [], k, A = [], j = [], M, N = [], P = [], F, I = [], L = [], R, z = [], B = [], V, H = [], U = [], W, G = [], K = [];
+	return class extends S {
 		constructor() {
-			super(...arguments), this.#e = t(this, C, 0), this.#t = (t(this, w), t(this, E, 10)), this.#n = (t(this, D), t(this, k, 0)), this.#r = (t(this, A), t(this, M, "start")), this.#i = (t(this, N), t(this, F, null)), this.#a = (t(this, I), t(this, R, "")), this.#o = (t(this, z), t(this, V, "")), this.#s = (t(this, H), t(this, W, "")), this.language = (t(this, G), new s(this));
+			super(...arguments), this.#e = t(this, w, 0), this.#t = (t(this, T), t(this, D, 10)), this.#n = (t(this, O), t(this, A, 0)), this.#r = (t(this, j), t(this, N, "start")), this.#i = (t(this, P), t(this, I, null)), this.#a = (t(this, L), t(this, z, "")), this.#o = (t(this, B), t(this, H, "")), this.#s = (t(this, U), t(this, G, "")), this.language = (t(this, K), new s(this));
 		}
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(x[Symbol.metadata] ?? null) : void 0;
-			S = [l(), a({ type: Number })], T = [l(), a({
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(S[Symbol.metadata] ?? null) : void 0;
+			C = [l(), a({ type: Number })], E = [l(), a({
 				attribute: "page-size",
 				type: Number
-			})], O = [l(), a({
+			})], k = [l(), a({
 				attribute: "page-index",
 				type: Number
-			})], j = [a({
+			})], M = [a({
 				attribute: "pager-position",
 				reflect: !0
-			})], P = [a({ reflect: !0 })], L = [l(), a({ attribute: "accessibility-page-label" })], B = [l(), a({ attribute: "accessibility-previous-page-label" })], U = [l(), a({ attribute: "accessibility-next-page-label" })], e(this, null, S, {
+			})], F = [a({ reflect: !0 })], R = [l(), a({ attribute: "accessibility-page-label" })], V = [l(), a({ attribute: "accessibility-previous-page-label" })], W = [l(), a({ attribute: "accessibility-next-page-label" })], e(this, null, C, {
 				kind: "accessor",
 				name: "length",
 				static: !1,
@@ -35,7 +54,7 @@ var y = ":host([size=s]){--sbb-paginator-height: var(--sbb-size-element-xs)}:hos
 					}
 				},
 				metadata: t
-			}, C, w), e(this, null, T, {
+			}, w, T), e(this, null, E, {
 				kind: "accessor",
 				name: "pageSize",
 				static: !1,
@@ -48,7 +67,7 @@ var y = ":host([size=s]){--sbb-paginator-height: var(--sbb-size-element-xs)}:hos
 					}
 				},
 				metadata: t
-			}, E, D), e(this, null, O, {
+			}, D, O), e(this, null, k, {
 				kind: "accessor",
 				name: "pageIndex",
 				static: !1,
@@ -61,7 +80,7 @@ var y = ":host([size=s]){--sbb-paginator-height: var(--sbb-size-element-xs)}:hos
 					}
 				},
 				metadata: t
-			}, k, A), e(this, null, j, {
+			}, A, j), e(this, null, M, {
 				kind: "accessor",
 				name: "pagerPosition",
 				static: !1,
@@ -74,7 +93,7 @@ var y = ":host([size=s]){--sbb-paginator-height: var(--sbb-size-element-xs)}:hos
 					}
 				},
 				metadata: t
-			}, M, N), e(this, null, P, {
+			}, N, P), e(this, null, F, {
 				kind: "accessor",
 				name: "size",
 				static: !1,
@@ -87,7 +106,7 @@ var y = ":host([size=s]){--sbb-paginator-height: var(--sbb-size-element-xs)}:hos
 					}
 				},
 				metadata: t
-			}, F, I), e(this, null, L, {
+			}, I, L), e(this, null, R, {
 				kind: "accessor",
 				name: "accessibilityPageLabel",
 				static: !1,
@@ -100,7 +119,7 @@ var y = ":host([size=s]){--sbb-paginator-height: var(--sbb-size-element-xs)}:hos
 					}
 				},
 				metadata: t
-			}, R, z), e(this, null, B, {
+			}, z, B), e(this, null, V, {
 				kind: "accessor",
 				name: "accessibilityPreviousPageLabel",
 				static: !1,
@@ -113,7 +132,7 @@ var y = ":host([size=s]){--sbb-paginator-height: var(--sbb-size-element-xs)}:hos
 					}
 				},
 				metadata: t
-			}, V, H), e(this, null, U, {
+			}, H, U), e(this, null, W, {
 				kind: "accessor",
 				name: "accessibilityNextPageLabel",
 				static: !1,
@@ -126,7 +145,7 @@ var y = ":host([size=s]){--sbb-paginator-height: var(--sbb-size-element-xs)}:hos
 					}
 				},
 				metadata: t
-			}, W, G), t && Object.defineProperty(this, Symbol.metadata, {
+			}, G, K), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -246,16 +265,15 @@ var y = ":host([size=s]){--sbb-paginator-height: var(--sbb-size-element-xs)}:hos
 			return this.pageSize ? Math.ceil(this.length / this.pageSize) : 0;
 		}
 		_emitPageEvent(e) {
-			this.hasUpdated && this.dispatchEvent(new CustomEvent("page", {
-				bubbles: !0,
-				composed: !0,
-				detail: {
+			if (this.hasUpdated) {
+				let t = {
 					previousPageIndex: e,
 					pageIndex: this.pageIndex,
 					length: this.length,
 					pageSize: this.pageSize
-				}
-			}));
+				};
+				this.dispatchEvent(new b(t));
+			}
 		}
 		renderPrevNextButtons() {
 			return n`
@@ -291,4 +309,4 @@ var y = ":host([size=s]){--sbb-paginator-height: var(--sbb-size-element-xs)}:hos
 	};
 })();
 //#endregion
-export { b as t };
+export { b as n, x as t };

package/paginator.js

@@ -1,7 +1,7 @@
-import { t as e } from "./paginator-common-uoCIcl4X.js";
-import { t } from "./compact-paginator.component-BAuShgQE.js";
-import { t as n } from "./paginator.component-DB8l-B6J.js";
+import { n as e, t } from "./paginator-common-BWewgXga.js";
+import { t as n } from "./compact-paginator.component-BAuShgQE.js";
+import { t as r } from "./paginator.component-DB8l-B6J.js";
 import "./paginator.pure.js";
-t.define(), n.define();
+n.define(), r.define();
 //#endregion
-export { t as SbbCompactPaginatorElement, e as SbbPaginatorCommonElementMixin, n as SbbPaginatorElement };
+export { n as SbbCompactPaginatorElement, t as SbbPaginatorCommonElementMixin, r as SbbPaginatorElement, e as SbbPaginatorPageEvent };

package/paginator.pure.js

@@ -1,4 +1,4 @@
-import { t as e } from "./paginator-common-uoCIcl4X.js";
-import { t } from "./compact-paginator.component-BAuShgQE.js";
-import { t as n } from "./paginator.component-DB8l-B6J.js";
-export { t as SbbCompactPaginatorElement, e as SbbPaginatorCommonElementMixin, n as SbbPaginatorElement };
+import { n as e, t } from "./paginator-common-BWewgXga.js";
+import { t as n } from "./compact-paginator.component-BAuShgQE.js";
+import { t as r } from "./paginator.component-DB8l-B6J.js";
+export { n as SbbCompactPaginatorElement, t as SbbPaginatorCommonElementMixin, r as SbbPaginatorElement, e as SbbPaginatorPageEvent };

package/popover/popover.component.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../popover.component-DJruKzY-.js";
-export { t as SbbPopoverBaseElement, e as SbbPopoverElement };
+import { n as e, r as t, t as n } from "../popover.component-Dm_86bPY.js";
+export { n as SbbPopoverBaseElement, e as SbbPopoverCloseEvent, t as SbbPopoverElement };

package/{popover.component-DJruKzY-.js → popover.component-Dm_86bPY.js}

@@ -6,7 +6,14 @@ import { SbbSecondaryButtonElement as O } from "./button.pure.js";
 import { ResizeController as k } from "@lit-labs/observers/resize-controller.js";
 import { ref as A } from "lit/directives/ref.js";
 //#region src/elements/popover/popover.scss?inline
-var j = ":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-popover-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--_sbb-popover-inset: 0 auto auto 0;--_sbb-popover-transform: translateY(var(--sbb-spacing-fixed-2x));--_sbb-popover-box-shadow: var(--sbb-box-shadow-level-9-hard);outline:none!important;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]))){--_sbb-popover-inset: 0;display:block}:host(:is(:state(position-above),[state--position-above])){--_sbb-popover-transform: translateY(calc(var(--sbb-spacing-fixed-2x) * -1))}:host(:not([hide-close-button],:is(:state(hover-trigger),[state--hover-trigger]))){--sbb-popover-min-height: calc(var(--sbb-size-element-xs) + 2 * var(--sbb-popover-padding))}.sbb-popover:after,.sbb-popover__content:before{content:\"\";position:absolute;display:block;width:var(--sbb-popover-arrow-size);height:var(--sbb-popover-arrow-size);left:var(--_sbb-popover-arrow-position-x, 0);bottom:calc(100% - var(--sbb-popover-arrow-size) / 2);background-color:var(--sbb-popover-background);border-radius:var(--sbb-border-radius-2x) 0;transform:rotate(45deg)}.sbb-popover__container{position:fixed;inset:var(--_sbb-popover-inset);pointer-events:none;z-index:var(--sbb-popover-z-index, var(--sbb-overlay-default-z-index))}.sbb-popover{display:none;position:var(--sbb-popover-position, absolute);top:var(--_sbb-popover-position-y, 0);bottom:unset;left:var(--_sbb-popover-position-x, 0);right:unset;background-color:var(--sbb-popover-background);max-width:var(--sbb-popover-max-width);width:max-content;padding:0;box-shadow:var(--_sbb-popover-box-shadow);border:none;border-radius:var(--sbb-popover-border-radius);outline:none;pointer-events:all}:host(:focus-visible) .sbb-popover{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-popover{display:block;animation-name:open;animation-duration:var(--sbb-popover-animation-duration);animation-timing-function:var(--sbb-popover-animation-easing)}:host(:is(:state(state-closing),[state--state-closing])) .sbb-popover{pointer-events:none;animation-name:close;animation-duration:var(--sbb-popover-animation-duration);animation-timing-function:var(--sbb-popover-animation-easing)}.sbb-popover:after{z-index:-1;box-shadow:var(--_sbb-popover-box-shadow)}@media(forced-colors:active){.sbb-popover:after{outline:var(--sbb-border-width-1x) solid CanvasText}}:host(:is(:state(position-above),[state--position-above])) .sbb-popover:after{top:calc(100% - var(--sbb-popover-arrow-size) / 2)}@media(forced-colors:active){.sbb-popover{outline:var(--sbb-border-width-1x) solid CanvasText}}.sbb-popover:before{content:\"\";display:block;position:absolute;inset:0;z-index:-1;background-color:transparent}:host(:is(:state(position-below),[state--position-below])) .sbb-popover:before{inset-block-start:calc(-1 * var(--sbb-spacing-fixed-6x))}:host(:is(:state(position-above),[state--position-above])) .sbb-popover:before{inset-block-end:calc(-1 * var(--sbb-spacing-fixed-6x))}.sbb-popover__content{display:flex;gap:var(--sbb-spacing-fixed-4x);border-radius:var(--sbb-popover-border-radius);padding-block:var(--sbb-popover-padding) 0;padding-inline:var(--sbb-popover-padding);outline:none;background-color:var(--sbb-popover-background);flex-direction:row-reverse;min-height:var(--sbb-popover-min-height)}:host(:is(:state(position-above),[state--position-above])) .sbb-popover__content:before{top:calc(100% - var(--sbb-popover-arrow-size) / 2)}.sbb-popover__scrollable-content{display:block;padding-block-end:var(--sbb-popover-padding);max-height:calc(var(--_sbb-popover-max-height));overflow:auto}@keyframes open{0%{opacity:0;transform:var(--_sbb-popover-transform)}to{opacity:1;transform:translateY(0)}}@keyframes close{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:var(--_sbb-popover-transform)}}", M = 16, N = 32, P = /* @__PURE__ */ new Set(), F = r ? !1 : matchMedia(f).matches, I = (() => {
+var j = ":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-popover-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--_sbb-popover-inset: 0 auto auto 0;--_sbb-popover-transform: translateY(var(--sbb-spacing-fixed-2x));--_sbb-popover-box-shadow: var(--sbb-box-shadow-level-9-hard);outline:none!important;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]))){--_sbb-popover-inset: 0;display:block}:host(:is(:state(position-above),[state--position-above])){--_sbb-popover-transform: translateY(calc(var(--sbb-spacing-fixed-2x) * -1))}:host(:not([hide-close-button],:is(:state(hover-trigger),[state--hover-trigger]))){--sbb-popover-min-height: calc(var(--sbb-size-element-xs) + 2 * var(--sbb-popover-padding))}.sbb-popover:after,.sbb-popover__content:before{content:\"\";position:absolute;display:block;width:var(--sbb-popover-arrow-size);height:var(--sbb-popover-arrow-size);left:var(--_sbb-popover-arrow-position-x, 0);bottom:calc(100% - var(--sbb-popover-arrow-size) / 2);background-color:var(--sbb-popover-background);border-radius:var(--sbb-border-radius-2x) 0;transform:rotate(45deg)}.sbb-popover__container{position:fixed;inset:var(--_sbb-popover-inset);pointer-events:none;z-index:var(--sbb-popover-z-index, var(--sbb-overlay-default-z-index))}.sbb-popover{display:none;position:var(--sbb-popover-position, absolute);top:var(--_sbb-popover-position-y, 0);bottom:unset;left:var(--_sbb-popover-position-x, 0);right:unset;background-color:var(--sbb-popover-background);max-width:var(--sbb-popover-max-width);width:max-content;padding:0;box-shadow:var(--_sbb-popover-box-shadow);border:none;border-radius:var(--sbb-popover-border-radius);outline:none;pointer-events:all}:host(:focus-visible) .sbb-popover{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-popover{display:block;animation-name:open;animation-duration:var(--sbb-popover-animation-duration);animation-timing-function:var(--sbb-popover-animation-easing)}:host(:is(:state(state-closing),[state--state-closing])) .sbb-popover{pointer-events:none;animation-name:close;animation-duration:var(--sbb-popover-animation-duration);animation-timing-function:var(--sbb-popover-animation-easing)}.sbb-popover:after{z-index:-1;box-shadow:var(--_sbb-popover-box-shadow)}@media(forced-colors:active){.sbb-popover:after{outline:var(--sbb-border-width-1x) solid CanvasText}}:host(:is(:state(position-above),[state--position-above])) .sbb-popover:after{top:calc(100% - var(--sbb-popover-arrow-size) / 2)}@media(forced-colors:active){.sbb-popover{outline:var(--sbb-border-width-1x) solid CanvasText}}.sbb-popover:before{content:\"\";display:block;position:absolute;inset:0;z-index:-1;background-color:transparent}:host(:is(:state(position-below),[state--position-below])) .sbb-popover:before{inset-block-start:calc(-1 * var(--sbb-spacing-fixed-6x))}:host(:is(:state(position-above),[state--position-above])) .sbb-popover:before{inset-block-end:calc(-1 * var(--sbb-spacing-fixed-6x))}.sbb-popover__content{display:flex;gap:var(--sbb-spacing-fixed-4x);border-radius:var(--sbb-popover-border-radius);padding-block:var(--sbb-popover-padding) 0;padding-inline:var(--sbb-popover-padding);outline:none;background-color:var(--sbb-popover-background);flex-direction:row-reverse;min-height:var(--sbb-popover-min-height)}:host(:is(:state(position-above),[state--position-above])) .sbb-popover__content:before{top:calc(100% - var(--sbb-popover-arrow-size) / 2)}.sbb-popover__scrollable-content{display:block;padding-block-end:var(--sbb-popover-padding);max-height:calc(var(--_sbb-popover-max-height));overflow:auto}@keyframes open{0%{opacity:0;transform:var(--_sbb-popover-transform)}to{opacity:1;transform:translateY(0)}}@keyframes close{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:var(--_sbb-popover-transform)}}", M = 16, N = 32, P = /* @__PURE__ */ new Set(), F = r ? !1 : matchMedia(f).matches, I = class extends Event {
+	get closeTarget() {
+		return this._closeTarget;
+	}
+	constructor(e, { closeTarget: t, cancelable: n }) {
+		super(e, { cancelable: n }), this._closeTarget = t;
+	}
+}, L = (() => {
 	let i = p, s, d = [], f = [];
 	return class extends i {
 		constructor() {
@@ -137,13 +144,18 @@ var j = ":host{--sbb-focus-outline-color: var(--sbb-focus-outline-color-default)
 			this.style.setProperty("--_sbb-popover-position-x", `${e.left}px`), this.style.setProperty("--_sbb-popover-position-y", `${e.top}px`), this.style.setProperty("--_sbb-popover-arrow-position-x", `${n}px`), this.style.setProperty("--_sbb-popover-max-height", e.maxHeight);
 		}
 		dispatchBeforeCloseEvent(e) {
-			return this.dispatchEvent(new CustomEvent("beforeclose", {
-				detail: e,
+			let t = e?.closeTarget ?? null;
+			return this.dispatchEvent(new I("beforeclose", {
+				closeTarget: t,
 				cancelable: !0
 			}));
 		}
 		dispatchCloseEvent(e) {
-			return this.dispatchEvent(new CustomEvent("close", { detail: e }));
+			let t = e?.closeTarget ?? null;
+			return this.dispatchEvent(new I("close", {
+				closeTarget: t,
+				cancelable: !1
+			}));
 		}
 		render() {
 			return n`
@@ -165,8 +177,8 @@ var j = ":host{--sbb-focus-outline-color: var(--sbb-focus-outline-color-default)
     `;
 		}
 	};
-})(), L = (() => {
-	let r = I, a = [], c, l = [], u = [], f, p = [], m = [], g, v, y, x = [], C = [], E, k = [], A = [];
+})(), R = (() => {
+	let r = L, a = [], c, l = [], u = [], f, p = [], m = [], g, v, y, x = [], C = [], E, k = [], A = [];
 	return class extends r {
 		constructor() {
 			super(...arguments), this.#e = (t(this, a), t(this, l, !1)), this.#t = (t(this, u), t(this, p, !1)), this._openDelay = t(this, m), this.#n = t(this, x, ""), this.#r = (t(this, C), t(this, k, !1)), this._openTimeout = t(this, A), this._language = new d(this), this._overlayAbortController = null, this._onTriggerMouseEnter = () => {
@@ -370,4 +382,4 @@ var j = ":host{--sbb-focus-outline-color: var(--sbb-focus-outline-color-default)
 	};
 })();
 //#endregion
-export { L as n, I as t };
+export { I as n, R as r, L as t };

package/popover.js

@@ -1,6 +1,6 @@
-import { n as e, t } from "./popover.component-DJruKzY-.js";
+import { n as e, r as t, t as n } from "./popover.component-Dm_86bPY.js";
 import "./popover.pure.js";
 //#region src/elements/popover.ts
-e.define();
+t.define();
 //#endregion
-export { t as SbbPopoverBaseElement, e as SbbPopoverElement };
+export { n as SbbPopoverBaseElement, e as SbbPopoverCloseEvent, t as SbbPopoverElement };

package/popover.pure.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./popover.component-DJruKzY-.js";
-export { t as SbbPopoverBaseElement, e as SbbPopoverElement };
+import { n as e, r as t, t as n } from "./popover.component-Dm_86bPY.js";
+export { n as SbbPopoverBaseElement, e as SbbPopoverCloseEvent, t as SbbPopoverElement };

package/{step.component-BY6_2Wh2.js → step.component-tJh-Pb_E.js}

@@ -2,7 +2,27 @@ import { html as e, unsafeCSS as t } from "lit";
 import { SbbElement as n, SbbPropertyWatcherController as r, appendAriaElements as i, removeAriaElements as a } from "./core.js";
 import { ResizeController as o } from "@lit-labs/observers/resize-controller.js";
 //#region src/elements/stepper/step/step.scss?inline
-var s = ":host{--sbb-step-opacity: 0;--sbb-step-margin-inline-start: var(--sbb-spacing-fixed-4x);--sbb-step-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );display:block}:host(:is(:state(orientation-vertical),[state--orientation-vertical])){margin-inline-start:var(--sbb-step-margin-inline-start);opacity:0;height:0;transition:display var(--sbb-step-animation-duration) var(--sbb-animation-easing),height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing),opacity var(--sbb-step-animation-duration) var(--sbb-animation-easing);transition-behavior:allow-discrete}:host(:is(:state(selected),[state--selected]):is(:state(orientation-vertical),[state--orientation-vertical])){opacity:1;height:var(--sbb-stepper-content-height);transition:display var(--sbb-step-animation-duration) var(--sbb-animation-easing),height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing),opacity var(--sbb-step-animation-duration) var(--sbb-stepper-animation-duration) var(--sbb-animation-easing);transition-behavior:allow-discrete}:host(:is(:state(selected),[state--selected])){--sbb-step-opacity: 1;--sbb-step-display: block;--sbb-step-height: fit-content;--sbb-step-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-step-animation-delay: var(--sbb-step-animation-duration)}:host(:is(:state(orientation-horizontal),[state--orientation-horizontal])){--sbb-step-position: absolute;--sbb-step-inset-block-start: 0}.sbb-step{position:var(--sbb-step-position, initial);width:100%;inset-block-start:var(--sbb-step-inset-block-start, unset);opacity:var(--sbb-step-opacity);display:var(--sbb-step-display, none);height:var(--sbb-step-height, 0);transition-property:display,opacity;transition-duration:var(--sbb-step-animation-duration);transition-delay:var(--sbb-step-animation-delay, 0);transition-timing-function:var(--sbb-animation-easing);transition-behavior:allow-discrete}@starting-style{.sbb-step{--sbb-step-opacity: 0}}", c = class extends n {
+var s = ":host{--sbb-step-opacity: 0;--sbb-step-margin-inline-start: var(--sbb-spacing-fixed-4x);--sbb-step-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );display:block}:host(:is(:state(orientation-vertical),[state--orientation-vertical])){margin-inline-start:var(--sbb-step-margin-inline-start);opacity:0;height:0;transition:display var(--sbb-step-animation-duration) var(--sbb-animation-easing),height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing),opacity var(--sbb-step-animation-duration) var(--sbb-animation-easing);transition-behavior:allow-discrete}:host(:is(:state(selected),[state--selected]):is(:state(orientation-vertical),[state--orientation-vertical])){opacity:1;height:var(--sbb-stepper-content-height);transition:display var(--sbb-step-animation-duration) var(--sbb-animation-easing),height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing),opacity var(--sbb-step-animation-duration) var(--sbb-stepper-animation-duration) var(--sbb-animation-easing);transition-behavior:allow-discrete}:host(:is(:state(selected),[state--selected])){--sbb-step-opacity: 1;--sbb-step-display: block;--sbb-step-height: fit-content;--sbb-step-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-step-animation-delay: var(--sbb-step-animation-duration)}:host(:is(:state(orientation-horizontal),[state--orientation-horizontal])){--sbb-step-position: absolute;--sbb-step-inset-block-start: 0}.sbb-step{position:var(--sbb-step-position, initial);width:100%;inset-block-start:var(--sbb-step-inset-block-start, unset);opacity:var(--sbb-step-opacity);display:var(--sbb-step-display, none);height:var(--sbb-step-height, 0);transition-property:display,opacity;transition-duration:var(--sbb-step-animation-duration);transition-delay:var(--sbb-step-animation-delay, 0);transition-timing-function:var(--sbb-animation-easing);transition-behavior:allow-discrete}@starting-style{.sbb-step{--sbb-step-opacity: 0}}", c = class extends Event {
+	get currentIndex() {
+		return this._currentIndex;
+	}
+	get currentStep() {
+		return this._currentStep;
+	}
+	get nextIndex() {
+		return this._nextIndex;
+	}
+	get nextStep() {
+		return this._nextStep;
+	}
+	constructor({ currentIndex: e, currentStep: t, nextIndex: n, nextStep: r }) {
+		super("validate", {
+			bubbles: !0,
+			composed: !0,
+			cancelable: !0
+		}), this._currentIndex = e, this._currentStep = t, this._nextIndex = n, this._nextStep = r;
+	}
+}, l = class extends n {
 	static {
 		this.elementName = "sbb-step";
 	}
@@ -44,12 +64,7 @@ var s = ":host{--sbb-step-opacity: 0;--sbb-step-margin-inline-start: var(--sbb-s
 		this.label && (this.internals.states.delete("selected"), this.label.deselect());
 	}
 	validate(e) {
-		return this.dispatchEvent(new CustomEvent("validate", {
-			bubbles: !0,
-			composed: !0,
-			cancelable: !0,
-			detail: e
-		}));
+		return this.dispatchEvent(new c(e));
 	}
 	configure(e) {
 		e && this._assignLabel();
@@ -90,4 +105,4 @@ var s = ":host{--sbb-step-opacity: 0;--sbb-step-margin-inline-start: var(--sbb-s
 	}
 };
 //#endregion
-export { c as t };
+export { c as n, l as t };

package/stepper/step/step.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../step.component-BY6_2Wh2.js";
-export { e as SbbStepElement };
+import { n as e, t } from "../../step.component-tJh-Pb_E.js";
+export { t as SbbStepElement, e as SbbStepValidateEvent };

package/stepper/stepper/stepper.component.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../stepper.component-lh0YSbT1.js";
+import { n as e, t } from "../../stepper.component-BCl77LVa.js";
 export { t as SbbStepChangeEvent, e as SbbStepperElement };

package/{stepper.component-lh0YSbT1.js → stepper.component-BCl77LVa.js}

@@ -10,11 +10,23 @@ var h = ":host{--sbb-stepper-animation-duration: var( --sbb-disable-animation-du
 	large: s,
 	ultra: l
 }, v = class extends Event {
-	constructor(e, t, n, r) {
+	get selectedIndex() {
+		return this._selectedIndex;
+	}
+	get previousIndex() {
+		return this._previousIndex;
+	}
+	get selectedStep() {
+		return this._selectedStep;
+	}
+	get previousStep() {
+		return this._previousStep;
+	}
+	constructor({ selectedIndex: e, previousIndex: t, selectedStep: n, previousStep: r }) {
 		super("stepchange", {
 			bubbles: !0,
 			composed: !0
-		}), this.selectedIndex = e, this.previousIndex = t, this.selectedStep = n, this.previousStep = r;
+		}), this._selectedIndex = e, this._previousIndex = t, this._selectedStep = n, this._previousStep = r;
 	}
 }, y = (() => {
 	let s = a, c = [], l, u = [], y = [], b, x, S = [], C = [], w, T = [], E = [], D, O;
@@ -199,7 +211,12 @@ var h = ":host{--sbb-stepper-animation-duration: var( --sbb-disable-animation-du
 				nextIndex: this.selectedIndex === null ? null : this.selectedIndex + 1,
 				nextStep: this.selectedIndex === null ? null : this.steps[this.selectedIndex + 1]
 			};
-			this.selected && !this.selected.validate(r) || (this.selected?.deselect(), e.select(), this.dispatchEvent(new v(this.selectedIndex, t, this.selected, n)), this._setMarkerSize(), this._setStepperHeight(e), this._configureLinearMode(), document.activeElement?.closest("sbb-stepper") === this && this.selected?.label?.focus());
+			this.selected && !this.selected.validate(r) || (this.selected?.deselect(), e.select(), this.dispatchEvent(new v({
+				selectedIndex: this.selectedIndex,
+				previousIndex: t,
+				selectedStep: this.selected,
+				previousStep: n
+			})), this._setMarkerSize(), this._setStepperHeight(e), this._configureLinearMode(), document.activeElement?.closest("sbb-stepper") === this && this.selected?.label?.focus());
 		}
 		_setMarkerSize() {
 			if (!this._loaded || !this.selected || this.selectedIndex === void 0 || !this.selected.label) return;

package/stepper.js

@@ -1,7 +1,7 @@
 import { t as e } from "./step-label.component-BGSaHafq.js";
-import { t } from "./step.component-BY6_2Wh2.js";
-import { n, t as r } from "./stepper.component-lh0YSbT1.js";
+import { n as t, t as n } from "./step.component-tJh-Pb_E.js";
+import { n as r, t as i } from "./stepper.component-BCl77LVa.js";
 import "./stepper.pure.js";
-t.define(), e.define(), n.define();
+n.define(), e.define(), r.define();
 //#endregion
-export { r as SbbStepChangeEvent, t as SbbStepElement, e as SbbStepLabelElement, n as SbbStepperElement };
+export { i as SbbStepChangeEvent, n as SbbStepElement, e as SbbStepLabelElement, t as SbbStepValidateEvent, r as SbbStepperElement };