@sbb-esta/lyne-elements-dev 4.9.0-dev.1774537954 → 4.9.0-dev.1774543811

package/{notification.component-BYm_I7Df.js → notification.component-CGkbU3bt.js}

@@ -5,25 +5,29 @@ import { SbbElement as o } from "./core/base-elements.js";
 import { isLean as s, isZeroAnimationDuration as c } from "./core/dom.js";
 import { SbbReadonlyMixin as l } from "./core/mixins.js";
 import { boxSizingStyles as u } from "./core/styles.js";
-import { SbbLanguageController as d } from "./core/controllers.js";
-import { i18nCloseNotification as f } from "./core/i18n.js";
-import { SbbIconNameMixin as p } from "./icon.js";
+import { SbbSecondaryButtonElement as d } from "./button.pure.js";
+import { SbbLanguageController as f } from "./core/controllers.js";
+import { i18nCloseNotification as p } from "./core/i18n.js";
+import { SbbIconNameMixin as m } from "./icon.js";
 import "./divider.js";
-import { ResizeController as m } from "@lit-labs/observers/resize-controller.js";
-import "./button/secondary-button.js";
+import { ResizeController as h } from "@lit-labs/observers/resize-controller.js";
 //#region src/elements/notification/notification.scss?lit&inline
-var h = n`:host{--sbb-notification-border: var(--sbb-notification-border-width) solid var(--sbb-notification-type-color);--sbb-notification-background-color: color-mix(in srgb, var(--sbb-notification-type-color) 5%, white);--sbb-notification-background-color: light-dark( color-mix(in srgb, var(--sbb-notification-type-color) 5%, white), color-mix(in srgb, var(--sbb-notification-type-color) 35%, white) );--sbb-notification-icon-color: var(--sbb-notification-type-color);--sbb-notification-border-radius-start: calc(var(--sbb-notification-base-border-radius) / 2);--sbb-notification-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--_sbb-notification-icon-authoritative-font-size: 1em;--_sbb-notification-icon-authoritative-line-height: var(--sbb-typo-line-height-text);--_sbb-notification-inset-inline-start: calc( var(--sbb-notification-base-border-radius) - var(--sbb-notification-border-width) );--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);display:block;letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-notification-font-size)}:host(:is(:state(state-opening),[state--state-opening]):not([animation=open],[animation=all])){--sbb-disable-animation-duration: 0s}:host(:is(:state(state-closing),[state--state-closing]):not([animation=close],[animation=all])){--sbb-disable-animation-duration: 0s}:host(:is(:state(resize-disable-animation),[state--resize-disable-animation])){--sbb-disable-animation-duration: 0s}:host(:is(:state(slotted-title),[state--slotted-title])){--_sbb-notification-icon-authoritative-font-size: var(--sbb-heading-font-size-5);--_sbb-notification-icon-authoritative-line-height: var(--sbb-typo-line-height-heading)}:host(:is(:state(slotted-title),[state--slotted-title])[size=s]){--_sbb-notification-icon-authoritative-font-size: var(--sbb-heading-font-size-6);--_sbb-notification-icon-authoritative-line-height: var(--sbb-typo-line-height-text)}:host([size=m]){--sbb-notification-font-size: var(--sbb-text-font-size-s);--sbb-notification-padding-block: var(--sbb-spacing-responsive-xxs);--sbb-notification-padding-inline: var(--sbb-spacing-responsive-xs);--sbb-notification-content-padding-inline: var(--sbb-spacing-responsive-xxxs) var(--sbb-spacing-responsive-xs)}:host([size=s]){--sbb-notification-font-size: var(--sbb-text-font-size-xs);--sbb-notification-padding-block: var(--sbb-spacing-responsive-xxxs);--sbb-notification-padding-inline: var(--sbb-spacing-responsive-xxs) var(--sbb-spacing-responsive-xxxs);--sbb-notification-content-padding-inline: var(--sbb-spacing-responsive-xxxs) var(--sbb-spacing-responsive-xxs)}@media(min-width:37.5rem){:host([size=s]){--sbb-notification-padding-inline: var(--sbb-spacing-responsive-xxs)}}:host(:is(:not([type]),[type=info])){--sbb-notification-type-color: var(--sbb-color-smoke);--sbb-notification-icon-color: var(--sbb-notification-color);--sbb-notification-divider-opacity-light: 20%;--sbb-notification-divider-opacity-dark: 20%}:host([type=note]){--sbb-notification-type-color: var(--sbb-color-sky);--sbb-notification-divider-opacity-light: 20%;--sbb-notification-divider-opacity-dark: 20%}:host([type=success]){--sbb-notification-type-color: var(--sbb-color-success);--sbb-notification-divider-opacity-light: 15%;--sbb-notification-divider-opacity-dark: 30%}:host([type=warn]){--sbb-notification-type-color: var(--sbb-color-warning);--sbb-notification-icon-color: var(--sbb-notification-color);--sbb-notification-divider-opacity-light: 25%;--sbb-notification-divider-opacity-dark: 40%}:host([type=error]){--sbb-notification-type-color: var(--sbb-color-error);--sbb-notification-divider-opacity-light: 10%;--sbb-notification-divider-opacity-dark: 25%}.sbb-notification__wrapper{position:relative;inset-inline-start:var(--_sbb-notification-inset-inline-start);width:calc(100% - var(--_sbb-notification-inset-inline-start));border:var(--sbb-notification-border);border-radius:var(--sbb-notification-border-radius-start) var(--sbb-notification-base-border-radius) var(--sbb-notification-base-border-radius) var(--sbb-notification-border-radius-start);opacity:0;max-height:0;margin:0}.sbb-notification__wrapper:before{content:"";position:absolute;inset:calc(var(--sbb-notification-border-width) * -1) var(--sbb-notification-base-border-radius) calc(var(--sbb-notification-border-width) * -1) calc(var(--sbb-notification-base-border-radius) * -1);background-color:var(--sbb-notification-type-color);border:var(--sbb-notification-border);border-radius:var(--sbb-notification-base-border-radius)}:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-notification__wrapper{opacity:1;max-height:calc(var(--sbb-notification-height) + var(--sbb-notification-border-width) * 2);margin:var(--sbb-notification-margin, 0)}:host(:is(:state(state-opening),[state--state-opening])) .sbb-notification__wrapper{animation-name:open;animation-fill-mode:forwards;animation-duration:var(--sbb-notification-animation-duration);animation-timing-function:var(--sbb-notification-timing-function)}:host(:is(:state(state-closing),[state--state-closing])) .sbb-notification__wrapper{animation-name:close,close-height;animation-fill-mode:forwards;animation-duration:var(--sbb-notification-animation-duration);animation-timing-function:var(--sbb-notification-timing-function);animation-delay:0s,var(--sbb-disable-animation-duration, var(--sbb-animation-duration-2x))}.sbb-notification{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;padding-block:var(--sbb-notification-padding-block);padding-inline:var(--sbb-notification-padding-inline);color:var(--sbb-notification-color);border-radius:var(--sbb-notification-border-radius-start) calc(var(--sbb-notification-base-border-radius) - var(--sbb-notification-border-width)) calc(var(--sbb-notification-base-border-radius) - var(--sbb-notification-border-width)) var(--sbb-notification-border-radius-start);overflow:hidden;background-color:var(--sbb-notification-background-color)}@media(min-width:37.5rem){.sbb-notification{grid-template-columns:auto 1fr auto auto}}.sbb-notification__icon,::slotted(sbb-icon){color:var(--sbb-notification-icon-color);align-self:var(--sbb-notification-icon-align-self);--sbb-icon-svg-width: var(--sbb-notification-icon-size)}@media(min-width:37.5rem){.sbb-notification__icon,::slotted(sbb-icon){margin-block-start:max(0rem,(var(--_sbb-notification-icon-authoritative-font-size) * var(--_sbb-notification-icon-authoritative-line-height) - var(--sbb-size-icon-ui-small)) / 2)}}.sbb-notification__content{color-scheme:only light;order:3;grid-area:2/1/3/3;margin-block-start:var(--sbb-notification-content-margin-block-start)}@media(min-width:37.5rem){.sbb-notification__content{order:initial;grid-area:initial;margin-block-start:0;padding-inline:var(--sbb-notification-content-padding-inline)}}.sbb-notification__text{display:inline;margin:0;padding:0}.sbb-notification__divider{--sbb-divider-color: color-mix( in srgb, var(--sbb-notification-type-color) var(--sbb-notification-divider-opacity-light), var(--sbb-notification-background-color) );--sbb-divider-color: light-dark( color-mix( in srgb, var(--sbb-notification-type-color) var(--sbb-notification-divider-opacity-light), var(--sbb-notification-background-color) ), color-mix( in srgb, var(--sbb-notification-type-color) var(--sbb-notification-divider-opacity-dark), var(--sbb-notification-background-color) ) );display:none;position:relative;inset-inline-start:var(--sbb-border-width-1x)}@media(min-width:37.5rem){.sbb-notification__divider{display:block;margin-inline-end:var(--sbb-notification-close-wrapper-gap);height:calc(100% - var(--sbb-spacing-fixed-1x) * 2)}}@keyframes open{0%{opacity:0;max-height:0;margin:0}to{opacity:1;max-height:calc(var(--sbb-notification-height) + var(--sbb-notification-border-width) * 2);margin:var(--sbb-notification-margin, 0)}}@keyframes close{0%{opacity:1;margin:var(--sbb-notification-margin, 0)}to{opacity:0;margin:0}}@keyframes close-height{0%{max-height:calc(var(--sbb-notification-height) + var(--sbb-notification-border-width) * 2)}to{max-height:0}}::slotted(sbb-title){margin:0}`, g = new Map([
+var g = n`:host{--sbb-notification-border: var(--sbb-notification-border-width) solid var(--sbb-notification-type-color);--sbb-notification-background-color: color-mix(in srgb, var(--sbb-notification-type-color) 5%, white);--sbb-notification-background-color: light-dark( color-mix(in srgb, var(--sbb-notification-type-color) 5%, white), color-mix(in srgb, var(--sbb-notification-type-color) 35%, white) );--sbb-notification-icon-color: var(--sbb-notification-type-color);--sbb-notification-border-radius-start: calc(var(--sbb-notification-base-border-radius) / 2);--sbb-notification-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--_sbb-notification-icon-authoritative-font-size: 1em;--_sbb-notification-icon-authoritative-line-height: var(--sbb-typo-line-height-text);--_sbb-notification-inset-inline-start: calc( var(--sbb-notification-base-border-radius) - var(--sbb-notification-border-width) );--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);display:block;letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-notification-font-size)}:host(:is(:state(state-opening),[state--state-opening]):not([animation=open],[animation=all])){--sbb-disable-animation-duration: 0s}:host(:is(:state(state-closing),[state--state-closing]):not([animation=close],[animation=all])){--sbb-disable-animation-duration: 0s}:host(:is(:state(resize-disable-animation),[state--resize-disable-animation])){--sbb-disable-animation-duration: 0s}:host(:is(:state(slotted-title),[state--slotted-title])){--_sbb-notification-icon-authoritative-font-size: var(--sbb-heading-font-size-5);--_sbb-notification-icon-authoritative-line-height: var(--sbb-typo-line-height-heading)}:host(:is(:state(slotted-title),[state--slotted-title])[size=s]){--_sbb-notification-icon-authoritative-font-size: var(--sbb-heading-font-size-6);--_sbb-notification-icon-authoritative-line-height: var(--sbb-typo-line-height-text)}:host([size=m]){--sbb-notification-font-size: var(--sbb-text-font-size-s);--sbb-notification-padding-block: var(--sbb-spacing-responsive-xxs);--sbb-notification-padding-inline: var(--sbb-spacing-responsive-xs);--sbb-notification-content-padding-inline: var(--sbb-spacing-responsive-xxxs) var(--sbb-spacing-responsive-xs)}:host([size=s]){--sbb-notification-font-size: var(--sbb-text-font-size-xs);--sbb-notification-padding-block: var(--sbb-spacing-responsive-xxxs);--sbb-notification-padding-inline: var(--sbb-spacing-responsive-xxs) var(--sbb-spacing-responsive-xxxs);--sbb-notification-content-padding-inline: var(--sbb-spacing-responsive-xxxs) var(--sbb-spacing-responsive-xxs)}@media(min-width:37.5rem){:host([size=s]){--sbb-notification-padding-inline: var(--sbb-spacing-responsive-xxs)}}:host(:is(:not([type]),[type=info])){--sbb-notification-type-color: var(--sbb-color-smoke);--sbb-notification-icon-color: var(--sbb-notification-color);--sbb-notification-divider-opacity-light: 20%;--sbb-notification-divider-opacity-dark: 20%}:host([type=note]){--sbb-notification-type-color: var(--sbb-color-sky);--sbb-notification-divider-opacity-light: 20%;--sbb-notification-divider-opacity-dark: 20%}:host([type=success]){--sbb-notification-type-color: var(--sbb-color-success);--sbb-notification-divider-opacity-light: 15%;--sbb-notification-divider-opacity-dark: 30%}:host([type=warn]){--sbb-notification-type-color: var(--sbb-color-warning);--sbb-notification-icon-color: var(--sbb-notification-color);--sbb-notification-divider-opacity-light: 25%;--sbb-notification-divider-opacity-dark: 40%}:host([type=error]){--sbb-notification-type-color: var(--sbb-color-error);--sbb-notification-divider-opacity-light: 10%;--sbb-notification-divider-opacity-dark: 25%}.sbb-notification__wrapper{position:relative;inset-inline-start:var(--_sbb-notification-inset-inline-start);width:calc(100% - var(--_sbb-notification-inset-inline-start));border:var(--sbb-notification-border);border-radius:var(--sbb-notification-border-radius-start) var(--sbb-notification-base-border-radius) var(--sbb-notification-base-border-radius) var(--sbb-notification-border-radius-start);opacity:0;max-height:0;margin:0}.sbb-notification__wrapper:before{content:"";position:absolute;inset:calc(var(--sbb-notification-border-width) * -1) var(--sbb-notification-base-border-radius) calc(var(--sbb-notification-border-width) * -1) calc(var(--sbb-notification-base-border-radius) * -1);background-color:var(--sbb-notification-type-color);border:var(--sbb-notification-border);border-radius:var(--sbb-notification-base-border-radius)}:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-notification__wrapper{opacity:1;max-height:calc(var(--sbb-notification-height) + var(--sbb-notification-border-width) * 2);margin:var(--sbb-notification-margin, 0)}:host(:is(:state(state-opening),[state--state-opening])) .sbb-notification__wrapper{animation-name:open;animation-fill-mode:forwards;animation-duration:var(--sbb-notification-animation-duration);animation-timing-function:var(--sbb-notification-timing-function)}:host(:is(:state(state-closing),[state--state-closing])) .sbb-notification__wrapper{animation-name:close,close-height;animation-fill-mode:forwards;animation-duration:var(--sbb-notification-animation-duration);animation-timing-function:var(--sbb-notification-timing-function);animation-delay:0s,var(--sbb-disable-animation-duration, var(--sbb-animation-duration-2x))}.sbb-notification{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;padding-block:var(--sbb-notification-padding-block);padding-inline:var(--sbb-notification-padding-inline);color:var(--sbb-notification-color);border-radius:var(--sbb-notification-border-radius-start) calc(var(--sbb-notification-base-border-radius) - var(--sbb-notification-border-width)) calc(var(--sbb-notification-base-border-radius) - var(--sbb-notification-border-width)) var(--sbb-notification-border-radius-start);overflow:hidden;background-color:var(--sbb-notification-background-color)}@media(min-width:37.5rem){.sbb-notification{grid-template-columns:auto 1fr auto auto}}.sbb-notification__icon,::slotted(sbb-icon){color:var(--sbb-notification-icon-color);align-self:var(--sbb-notification-icon-align-self);--sbb-icon-svg-width: var(--sbb-notification-icon-size)}@media(min-width:37.5rem){.sbb-notification__icon,::slotted(sbb-icon){margin-block-start:max(0rem,(var(--_sbb-notification-icon-authoritative-font-size) * var(--_sbb-notification-icon-authoritative-line-height) - var(--sbb-size-icon-ui-small)) / 2)}}.sbb-notification__content{color-scheme:only light;order:3;grid-area:2/1/3/3;margin-block-start:var(--sbb-notification-content-margin-block-start)}@media(min-width:37.5rem){.sbb-notification__content{order:initial;grid-area:initial;margin-block-start:0;padding-inline:var(--sbb-notification-content-padding-inline)}}.sbb-notification__text{display:inline;margin:0;padding:0}.sbb-notification__divider{--sbb-divider-color: color-mix( in srgb, var(--sbb-notification-type-color) var(--sbb-notification-divider-opacity-light), var(--sbb-notification-background-color) );--sbb-divider-color: light-dark( color-mix( in srgb, var(--sbb-notification-type-color) var(--sbb-notification-divider-opacity-light), var(--sbb-notification-background-color) ), color-mix( in srgb, var(--sbb-notification-type-color) var(--sbb-notification-divider-opacity-dark), var(--sbb-notification-background-color) ) );display:none;position:relative;inset-inline-start:var(--sbb-border-width-1x)}@media(min-width:37.5rem){.sbb-notification__divider{display:block;margin-inline-end:var(--sbb-notification-close-wrapper-gap);height:calc(100% - var(--sbb-spacing-fixed-1x) * 2)}}@keyframes open{0%{opacity:0;max-height:0;margin:0}to{opacity:1;max-height:calc(var(--sbb-notification-height) + var(--sbb-notification-border-width) * 2);margin:var(--sbb-notification-margin, 0)}}@keyframes close{0%{opacity:1;margin:var(--sbb-notification-margin, 0)}to{opacity:0;margin:0}}@keyframes close-height{0%{max-height:calc(var(--sbb-notification-height) + var(--sbb-notification-border-width) * 2)}to{max-height:0}}::slotted(sbb-title){margin:0}`;
+//#endregion
+//#region src/elements/notification/notification.component.ts
+d.define();
+var _ = new Map([
 	["info", "circle-information-small"],
 	["note", "circle-information-small"],
 	["success", "circle-tick-small"],
 	["warn", "circle-exclamation-point-small"],
 	["error", "circle-cross-small"]
-]), _ = 150, v = (() => {
-	let n = p(l(o)), v, y = [], b = [], x, S = [], C = [], w, T = [], E = [];
+]), v = 150, y = (() => {
+	let n = m(l(o)), d, y = [], b = [], x, S = [], C = [], w, T = [], E = [];
 	return class extends n {
 		static {
 			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			v = [a({ reflect: !0 })], x = [a({ reflect: !0 })], w = [a({ reflect: !0 })], e(this, null, v, {
+			d = [a({ reflect: !0 })], x = [a({ reflect: !0 })], w = [a({ reflect: !0 })], e(this, null, d, {
 				kind: "accessor",
 				name: "type",
 				static: !1,
@@ -73,7 +77,7 @@ var h = n`:host{--sbb-notification-border: var(--sbb-notification-border-width)
 			this.elementName = "sbb-notification";
 		}
 		static {
-			this.styles = [u, h];
+			this.styles = [u, g];
 		}
 		static {
 			this.events = {
@@ -111,7 +115,7 @@ var h = n`:host{--sbb-notification-border: var(--sbb-notification-border-width)
 			return this._stateInternal;
 		}
 		constructor() {
-			super(), this.#e = t(this, y, "info"), this.#t = (t(this, b), t(this, S, s() ? "s" : "m")), this.#n = (t(this, C), t(this, T, "all")), this._stateInternal = t(this, E), this._resizeObserverTimeout = null, this._language = new d(this), this._notificationResizeObserver = new m(this, {
+			super(), this.#e = t(this, y, "info"), this.#t = (t(this, b), t(this, S, s() ? "s" : "m")), this.#n = (t(this, C), t(this, T, "all")), this._stateInternal = t(this, E), this._resizeObserverTimeout = null, this._language = new f(this), this._notificationResizeObserver = new h(this, {
 				target: null,
 				skipInitial: !0,
 				callback: () => this._onNotificationResize()
@@ -143,7 +147,7 @@ var h = n`:host{--sbb-notification-border: var(--sbb-notification-border-width)
 			this.style.setProperty("--sbb-notification-height", e);
 		}
 		_onNotificationResize() {
-			this._state === "opened" && (this._resizeObserverTimeout && clearTimeout(this._resizeObserverTimeout), this.internals.states.add("resize-disable-animation"), this._resizeObserverTimeout = setTimeout(() => this.internals.states.delete("resize-disable-animation"), _), setTimeout(() => this._setNotificationHeight()));
+			this._state === "opened" && (this._resizeObserverTimeout && clearTimeout(this._resizeObserverTimeout), this.internals.states.add("resize-disable-animation"), this._resizeObserverTimeout = setTimeout(() => this.internals.states.delete("resize-disable-animation"), v), setTimeout(() => this._setNotificationHeight()));
 		}
 		_onNotificationAnimationEnd(e) {
 			this._state === "opening" && e.animationName === "open" && this._handleOpening(), this._state === "closing" && e.animationName === "close-height" && this._handleClosing();
@@ -163,7 +167,7 @@ var h = n`:host{--sbb-notification-border: var(--sbb-notification-border-width)
 			e && (customElements.upgrade(e), e.visualLevel = this.size === "m" ? "5" : "6");
 		}
 		renderIconName() {
-			return super.renderIconName() || g.get(this.type);
+			return super.renderIconName() || _.get(this.type);
 		}
 		render() {
 			return r`
@@ -183,7 +187,7 @@ var h = n`:host{--sbb-notification-border: var(--sbb-notification-border-width)
                   size=${this.size}
                   icon-name="cross-small"
                   @click=${() => this.close()}
-                  aria-label=${f[this._language.current]}
+                  aria-label=${p[this._language.current]}
                   class="sbb-notification__close"
                 ></sbb-secondary-button>
               `}
@@ -194,4 +198,4 @@ var h = n`:host{--sbb-notification-border: var(--sbb-notification-border-width)
 	};
 })();
 //#endregion
-export { v as t };
+export { y as t };

package/notification.js

@@ -1,4 +1,4 @@
-import { t as e } from "./notification.component-BYm_I7Df.js";
+import { t as e } from "./notification.component-CGkbU3bt.js";
 import "./notification.pure.js";
 //#region src/elements/notification.ts
 e.define();

package/notification.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./notification.component-BYm_I7Df.js";
+import { t as e } from "./notification.component-CGkbU3bt.js";
 export { e as SbbNotificationElement };

package/option/optgroup/optgroup-base-element.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../optgroup-base-element-D0ebmnMV.js";
+import { t as e } from "../../optgroup-base-element-qv_fj1hL.js";
 export { e as SbbOptgroupBaseElement };

package/option/optgroup/optgroup.component.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../optgroup-base-element-D0ebmnMV.js";
+import { t as e } from "../../optgroup-base-element-qv_fj1hL.js";
 import { SbbPropertyWatcherController as t } from "../../core/controllers.js";
 //#region src/elements/option/optgroup/optgroup.component.ts
 var n = class extends e {

package/option/optgroup.js

@@ -1,4 +1,4 @@
-import { t as e } from "../optgroup-base-element-D0ebmnMV.js";
+import { t as e } from "../optgroup-base-element-qv_fj1hL.js";
 import { SbbOptGroupElement as t } from "./optgroup/optgroup.component.js";
 t.define(), console.warn("The entrypoint '@sbb-esta/elements/option/optgroup.js' has been deprecated.\nUse either '@sbb-esta/elements/option.js' or '@sbb-esta/elements/option.pure.js' instead.");
 //#endregion

package/option/option/option.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../option.component-DJO5o_Ig.js";
+import { t as e } from "../../option.component-6x80nv1Y.js";
 export { e as SbbOptionElement };

package/option/option-hint/option-hint.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../option-hint.component-5KZ_UDB6.js";
+import { t as e } from "../../option-hint.component-pN9DpZj9.js";
 export { e as SbbOptionHintElement };

package/option/option-hint.js

@@ -1,4 +1,4 @@
-import { t as e } from "../option-hint.component-5KZ_UDB6.js";
+import { t as e } from "../option-hint.component-pN9DpZj9.js";
 e.define(), console.warn("The entrypoint '@sbb-esta/elements/option/option-hint.js' has been deprecated.\nUse either '@sbb-esta/elements/option.js' or '@sbb-esta/elements/option.pure.js' instead.");
 //#endregion
 export { e as SbbOptionHintElement };

package/option/option.js

@@ -1,5 +1,5 @@
 import { SbbOptionBaseElement as e } from "./option/option-base-element.js";
-import { t } from "../option.component-DJO5o_Ig.js";
+import { t } from "../option.component-6x80nv1Y.js";
 t.define(), console.warn("The entrypoint '@sbb-esta/elements/option/option.js' has been deprecated.\nUse either '@sbb-esta/elements/option.js' or '@sbb-esta/elements/option.pure.js' instead.");
 //#endregion
 export { e as SbbOptionBaseElement, t as SbbOptionElement };

package/option.js

@@ -1,8 +1,8 @@
-import { t as e } from "./optgroup-base-element-D0ebmnMV.js";
+import { t as e } from "./optgroup-base-element-qv_fj1hL.js";
 import { SbbOptGroupElement as t } from "./option/optgroup/optgroup.component.js";
-import { t as n } from "./option-hint.component-5KZ_UDB6.js";
+import { t as n } from "./option-hint.component-pN9DpZj9.js";
 import { SbbOptionBaseElement as r } from "./option/option/option-base-element.js";
-import { t as i } from "./option.component-DJO5o_Ig.js";
+import { t as i } from "./option.component-6x80nv1Y.js";
 import "./option.pure.js";
 t.define(), i.define(), n.define();
 //#endregion

package/option.pure.js

@@ -1,6 +1,6 @@
-import { t as e } from "./optgroup-base-element-D0ebmnMV.js";
+import { t as e } from "./optgroup-base-element-qv_fj1hL.js";
 import { SbbOptGroupElement as t } from "./option/optgroup/optgroup.component.js";
-import { t as n } from "./option-hint.component-5KZ_UDB6.js";
+import { t as n } from "./option-hint.component-pN9DpZj9.js";
 import { SbbOptionBaseElement as r } from "./option/option/option-base-element.js";
-import { t as i } from "./option.component-DJO5o_Ig.js";
+import { t as i } from "./option.component-6x80nv1Y.js";
 export { t as SbbOptGroupElement, e as SbbOptgroupBaseElement, r as SbbOptionBaseElement, i as SbbOptionElement, n as SbbOptionHintElement };

package/overlay/overlay.component.js

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

package/{overlay.component-QYenVZtj.js → overlay.component-D62rglaP.js}

@@ -7,25 +7,26 @@ import { isZeroAnimationDuration as c } from "./core/dom.js";
 import { forwardEvent as l } from "./core/eventing.js";
 import { boxSizingStyles as u } from "./core/styles.js";
 import { html as d } from "lit/static-html.js";
-import { i18nCloseDialog as f } from "./core/i18n.js";
-import "./button/transparent-button.js";
-import { ref as p } from "lit/directives/ref.js";
-import "./button/secondary-button.js";
+import { SbbSecondaryButtonElement as f, SbbTransparentButtonElement as p } from "./button.pure.js";
+import { i18nCloseDialog as m } from "./core/i18n.js";
+import { ref as h } from "lit/directives/ref.js";
 import "./screen-reader-only.js";
 import "./container.js";
 //#region src/elements/overlay/overlay.scss?lit&inline
-var m = a`:host{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: transparent;--_sbb-overlay-padding-block: calc( var(--sbb-spacing-fixed-14x) + var(--sbb-spacing-responsive-l) );--sbb-overlay-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );display:var(--sbb-overlay-display);position:fixed;inset:var(--sbb-overlay-inset);z-index:var(--sbb-overlay-z-index, var(--sbb-overlay-default-z-index))}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){--sbb-overlay-display: block;--sbb-overlay-container-display: flex}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]))){--sbb-overlay-pointer-events: all}:host([negative]){--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-white) 30%, transparent);--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-white) 60%, transparent);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-overlay-color: var(--sbb-color-1-negative);--sbb-overlay-background-color: var(--sbb-background-color-3-negative)}:host(:not(:is(:state(state-closed),[state--state-closed]))){--sbb-overlay-inset: 0}.sbb-overlay__container{background-color:var(--sbb-overlay-background-color);pointer-events:var(--sbb-overlay-pointer-events);display:var(--sbb-overlay-container-display);align-items:center;position:fixed;inset:var(--sbb-overlay-inset)}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-overlay__container{animation-name:open;animation-duration:var(--sbb-overlay-animation-duration);animation-timing-function:var(--sbb-overlay-animation-easing)}:host(:is(:state(state-closing),[state--state-closing])) .sbb-overlay__container{pointer-events:none;animation-name:close}.sbb-overlay{position:absolute;inset-inline:0;margin:auto;padding:0;border:none;height:var(--sbb-overlay-height);overflow:auto;color:var(--sbb-overlay-color)}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-overlay{animation-name:open-move-in;animation-duration:var(--sbb-overlay-animation-duration);animation-timing-function:var(--sbb-overlay-animation-easing)}:host(:is(:state(state-closing),[state--state-closing])) .sbb-overlay{animation-name:close-move-out}.sbb-overlay__wrapper{display:flex;flex-direction:column;width:100%;height:var(--sbb-overlay-height);outline:none;position:fixed}@media(min-width:64rem){.sbb-overlay__wrapper{position:sticky;inset-block-start:0;height:auto}}.sbb-overlay__header{position:absolute;inset-inline-start:0;display:flex;pointer-events:none;align-items:start;justify-content:space-between;width:100%;padding:var(--sbb-spacing-responsive-xs);padding-block-end:0;z-index:1}.sbb-overlay__header *{pointer-events:all}.sbb-overlay__close{margin-inline-start:auto}.sbb-overlay__content{--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-overlay__content::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-overlay__content::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-overlay__content::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-overlay__content::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-overlay__content::-webkit-scrollbar-button,.sbb-overlay__content::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-overlay__content{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-overlay__content{height:100vh;overflow:auto;-webkit-overflow-scrolling:touch}.sbb-overlay__content-container{padding-block:var(--_sbb-overlay-padding-block)}@keyframes open{0%{opacity:0}to{opacity:1}}@keyframes open-move-in{0%{transform:translateY(var(--sbb-spacing-fixed-4x))}to{transform:translateY(0)}}@keyframes close{0%{opacity:1}to{opacity:0}}@keyframes close-move-out{0%{transform:translateY(0)}to{transform:translateY(var(--sbb-spacing-fixed-4x))}}`, h = 0, g = (() => {
-	let a = e, g, _ = [], v = [], y, b = [], x = [];
+var g = a`:host{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: transparent;--_sbb-overlay-padding-block: calc( var(--sbb-spacing-fixed-14x) + var(--sbb-spacing-responsive-l) );--sbb-overlay-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );display:var(--sbb-overlay-display);position:fixed;inset:var(--sbb-overlay-inset);z-index:var(--sbb-overlay-z-index, var(--sbb-overlay-default-z-index))}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){--sbb-overlay-display: block;--sbb-overlay-container-display: flex}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]))){--sbb-overlay-pointer-events: all}:host([negative]){--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-white) 30%, transparent);--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-white) 60%, transparent);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-overlay-color: var(--sbb-color-1-negative);--sbb-overlay-background-color: var(--sbb-background-color-3-negative)}:host(:not(:is(:state(state-closed),[state--state-closed]))){--sbb-overlay-inset: 0}.sbb-overlay__container{background-color:var(--sbb-overlay-background-color);pointer-events:var(--sbb-overlay-pointer-events);display:var(--sbb-overlay-container-display);align-items:center;position:fixed;inset:var(--sbb-overlay-inset)}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-overlay__container{animation-name:open;animation-duration:var(--sbb-overlay-animation-duration);animation-timing-function:var(--sbb-overlay-animation-easing)}:host(:is(:state(state-closing),[state--state-closing])) .sbb-overlay__container{pointer-events:none;animation-name:close}.sbb-overlay{position:absolute;inset-inline:0;margin:auto;padding:0;border:none;height:var(--sbb-overlay-height);overflow:auto;color:var(--sbb-overlay-color)}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-overlay{animation-name:open-move-in;animation-duration:var(--sbb-overlay-animation-duration);animation-timing-function:var(--sbb-overlay-animation-easing)}:host(:is(:state(state-closing),[state--state-closing])) .sbb-overlay{animation-name:close-move-out}.sbb-overlay__wrapper{display:flex;flex-direction:column;width:100%;height:var(--sbb-overlay-height);outline:none;position:fixed}@media(min-width:64rem){.sbb-overlay__wrapper{position:sticky;inset-block-start:0;height:auto}}.sbb-overlay__header{position:absolute;inset-inline-start:0;display:flex;pointer-events:none;align-items:start;justify-content:space-between;width:100%;padding:var(--sbb-spacing-responsive-xs);padding-block-end:0;z-index:1}.sbb-overlay__header *{pointer-events:all}.sbb-overlay__close{margin-inline-start:auto}.sbb-overlay__content{--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-overlay__content::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-overlay__content::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-overlay__content::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-overlay__content::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-overlay__content::-webkit-scrollbar-button,.sbb-overlay__content::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-overlay__content{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-overlay__content{height:100vh;overflow:auto;-webkit-overflow-scrolling:touch}.sbb-overlay__content-container{padding-block:var(--_sbb-overlay-padding-block)}@keyframes open{0%{opacity:0}to{opacity:1}}@keyframes open-move-in{0%{transform:translateY(var(--sbb-spacing-fixed-4x))}to{transform:translateY(0)}}@keyframes close{0%{opacity:1}to{opacity:0}}@keyframes close-move-out{0%{transform:translateY(0)}to{transform:translateY(var(--sbb-spacing-fixed-4x))}}`;
+f.define(), p.define();
+var _ = 0, v = (() => {
+	let a = e, f, p = [], v = [], y, b = [], x = [];
 	return class extends a {
 		constructor() {
-			super(...arguments), this.#e = i(this, _, !1), this.#t = (i(this, v), i(this, b, "")), this.closeAttribute = (i(this, x), "sbb-overlay-close"), this._overlayContentElement = null;
+			super(...arguments), this.#e = i(this, p, !1), this.#t = (i(this, v), i(this, b, "")), this.closeAttribute = (i(this, x), "sbb-overlay-close"), this._overlayContentElement = null;
 		}
 		static {
 			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(a[Symbol.metadata] ?? null) : void 0;
-			g = [s(), o({
+			f = [s(), o({
 				reflect: !0,
 				type: Boolean
-			})], y = [s(), o({ attribute: "accessibility-close-label" })], r(this, null, g, {
+			})], y = [s(), o({ attribute: "accessibility-close-label" })], r(this, null, f, {
 				kind: "accessor",
 				name: "expanded",
 				static: !1,
@@ -38,7 +39,7 @@ var m = a`:host{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width
 					}
 				},
 				metadata: e
-			}, _, v), r(this, null, y, {
+			}, p, v), r(this, null, y, {
 				kind: "accessor",
 				name: "accessibilityCloseLabel",
 				static: !1,
@@ -62,7 +63,7 @@ var m = a`:host{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width
 			this.elementName = "sbb-overlay";
 		}
 		static {
-			this.styles = [u, m];
+			this.styles = [u, g];
 		}
 		static {
 			this.events = {
@@ -87,7 +88,7 @@ var m = a`:host{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width
 			this.#t = e;
 		}
 		connectedCallback() {
-			this.id ||= `sbb-overlay-${h++}`, super.connectedCallback();
+			this.id ||= `sbb-overlay-${_++}`, super.connectedCallback();
 		}
 		firstUpdated(e) {
 			super.firstUpdated(e), this.isOpen && this.setAriaLiveRefContent();
@@ -130,7 +131,7 @@ var m = a`:host{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width
             <div class="sbb-overlay__header">
               <sbb-secondary-button
                 class="sbb-overlay__close"
-                aria-label="${this.accessibilityCloseLabel || f[this.language.current]}"
+                aria-label="${this.accessibilityCloseLabel || m[this.language.current]}"
                 ?negative=${this.negative}
                 size="m"
                 type="button"
@@ -140,7 +141,7 @@ var m = a`:host{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width
             </div>
             <div
               class="sbb-overlay__content"
-              ${p((e) => this._overlayContentElement = e)}
+              ${h((e) => this._overlayContentElement = e)}
               @scroll=${(e) => l(e, document)}
             >
               <sbb-container
@@ -160,4 +161,4 @@ var m = a`:host{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width
 	};
 })();
 //#endregion
-export { g as t };
+export { v as t };

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-QYenVZtj.js";
+import { t as i } from "./overlay.component-D62rglaP.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-QYenVZtj.js";
+import { t as i } from "./overlay.component-D62rglaP.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": "4.9.0-dev.1774537954",
+  "version": "4.9.0-dev.1774543811",
   "description": "Lyne Design System",
   "keywords": [
     "design system",
     "web components",
     "lit",
-    "https://github.com/sbb-design-systems/lyne-components/commit/6776cedf306b0519812227973fd1d37ac3950316"
+    "https://github.com/sbb-design-systems/lyne-components/commit/486f028645f4a56e5a5aec9c9e986d29dbeab98d"
   ],
   "type": "module",
   "exports": {
@@ -461,6 +461,11 @@
       "development": "./development/container/sticky-bar.js",
       "default": "./container/sticky-bar.js"
     },
+    "./core.js": {
+      "types": "./development/core.d.ts",
+      "development": "./development/core.js",
+      "default": "./core.js"
+    },
     "./core/a11y.js": {
       "types": "./development/core/a11y.d.ts",
       "development": "./development/core/a11y.js",

package/paginator/common/paginator-common.js

@@ -5,21 +5,20 @@ import "../../core/base-elements.js";
 import { forceType as i } from "../../core/decorators.js";
 import { isLean as a } from "../../core/dom.js";
 import { SbbDisabledMixin as o, SbbNegativeMixin as s } from "../../core/mixins.js";
-import { SbbLanguageController as c } from "../../core/controllers.js";
-import { i18nNextPage as l, i18nPage as u, i18nPaginatorSelected as d, i18nPreviousPage as f } from "../../core/i18n.js";
+import { SbbMiniButtonElement as c, SbbMiniButtonGroupElement as l } from "../../button.pure.js";
+import { SbbLanguageController as u } from "../../core/controllers.js";
+import { i18nNextPage as d, i18nPage as f, i18nPaginatorSelected as p, i18nPreviousPage as m } from "../../core/i18n.js";
 import "../../divider.js";
-import "../../button/mini-button.js";
-import { sbbInputModalityDetector as p } from "../../core/a11y/input-modality-detector.js";
-import "../../button/mini-button-group.js";
-//#region src/elements/paginator/common/paginator-common.ts
-var m = (m) => (() => {
-	let h = s(o(m)), g, _ = [], v = [], y, b = [], x = [], S, C = [], w = [], T, E = [], D = [], O, k = [], A = [], j, M = [], N = [], P, F = [], I = [], L, R = [], z = [];
-	return class extends h {
+import { sbbInputModalityDetector as h } from "../../core/a11y/input-modality-detector.js";
+c.define(), l.define();
+var g = (c) => (() => {
+	let l = s(o(c)), g, _ = [], v = [], y, b = [], x = [], S, C = [], w = [], T, E = [], D = [], O, k = [], A = [], j, M = [], N = [], P, F = [], I = [], L, R = [], z = [];
+	return class extends l {
 		constructor() {
-			super(...arguments), this.#e = t(this, _, 0), this.#t = (t(this, v), t(this, b, 10)), this.#n = (t(this, x), t(this, C, 0)), this.#r = (t(this, w), t(this, E, "start")), this.#i = (t(this, D), t(this, k, a() ? "s" : "m")), this.#a = (t(this, A), t(this, M, "")), this.#o = (t(this, N), t(this, F, "")), this.#s = (t(this, I), t(this, R, "")), this.language = (t(this, z), new c(this));
+			super(...arguments), this.#e = t(this, _, 0), this.#t = (t(this, v), t(this, b, 10)), this.#n = (t(this, x), t(this, C, 0)), this.#r = (t(this, w), t(this, E, "start")), this.#i = (t(this, D), t(this, k, a() ? "s" : "m")), this.#a = (t(this, A), t(this, M, "")), this.#o = (t(this, N), t(this, F, "")), this.#s = (t(this, I), t(this, R, "")), this.language = (t(this, z), new u(this));
 		}
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(h[Symbol.metadata] ?? null) : void 0;
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(l[Symbol.metadata] ?? null) : void 0;
 			g = [i(), r({ type: Number })], y = [i(), r({
 				attribute: "page-size",
 				type: Number
@@ -215,7 +214,7 @@ var m = (m) => (() => {
 			return Math.max(Math.min(Math.max(isNaN(e) ? 0 : e, 0), this.numberOfPages() - 1), 0);
 		}
 		_currentPageLabel() {
-			return `${this.accessibilityPageLabel ? this.accessibilityPageLabel : u[this.language.current]} ${this.pageIndex + 1} ${d[this.language.current]}.`;
+			return `${this.accessibilityPageLabel ? this.accessibilityPageLabel : f[this.language.current]} ${this.pageIndex + 1} ${p[this.language.current]}.`;
 		}
 		nextPage() {
 			this.pageIndex += 1;
@@ -259,21 +258,21 @@ var m = (m) => (() => {
         <sbb-mini-button-group ?negative=${this.negative} size=${this.size === "s" ? "s" : "l"}>
           <sbb-mini-button
             id="sbb-paginator-prev-page"
-            aria-label=${this.accessibilityPreviousPageLabel ? this.accessibilityPreviousPageLabel : f[this.language.current]}
+            aria-label=${this.accessibilityPreviousPageLabel ? this.accessibilityPreviousPageLabel : m[this.language.current]}
             icon-name="chevron-small-left-small"
             ?disabled=${this.disabled || !this.hasPreviousPage()}
             @click=${() => {
-				this.previousPage(), !this.hasPreviousPage() && p.mostRecentModality === "keyboard" && this.shadowRoot?.getElementById("sbb-paginator-next-page").focus();
+				this.previousPage(), !this.hasPreviousPage() && h.mostRecentModality === "keyboard" && this.shadowRoot?.getElementById("sbb-paginator-next-page").focus();
 			}}
           ></sbb-mini-button>
           <sbb-divider orientation="vertical"></sbb-divider>
           <sbb-mini-button
             id="sbb-paginator-next-page"
-            aria-label=${this.accessibilityNextPageLabel ? this.accessibilityNextPageLabel : l[this.language.current]}
+            aria-label=${this.accessibilityNextPageLabel ? this.accessibilityNextPageLabel : d[this.language.current]}
             icon-name="chevron-small-right-small"
             ?disabled=${this.disabled || !this.hasNextPage()}
             @click=${() => {
-				this.nextPage(), !this.hasNextPage() && p.mostRecentModality === "keyboard" && this.shadowRoot?.getElementById("sbb-paginator-prev-page").focus();
+				this.nextPage(), !this.hasNextPage() && h.mostRecentModality === "keyboard" && this.shadowRoot?.getElementById("sbb-paginator-prev-page").focus();
 			}}
           ></sbb-mini-button>
         </sbb-mini-button-group>
@@ -288,4 +287,4 @@ var m = (m) => (() => {
 	};
 })();
 //#endregion
-export { m as SbbPaginatorCommonElementMixin };
+export { g as SbbPaginatorCommonElementMixin };

package/paginator/compact-paginator/compact-paginator.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../compact-paginator.component-CrdZ6dqt.js";
+import { t as e } from "../../compact-paginator.component-CoFi8QhW.js";
 export { e as SbbCompactPaginatorElement };

package/paginator/compact-paginator.js

@@ -1,4 +1,4 @@
-import { t as e } from "../compact-paginator.component-CrdZ6dqt.js";
+import { t as e } from "../compact-paginator.component-CoFi8QhW.js";
 e.define(), console.warn("The entrypoint '@sbb-esta/elements/paginator/compact-paginator.js' has been deprecated.\nUse either '@sbb-esta/elements/paginator.js' or '@sbb-esta/elements/paginator.pure.js' instead.");
 //#endregion
 export { e as SbbCompactPaginatorElement };

package/paginator/paginator/paginator.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../paginator.component-BoVsXIBx.js";
+import { t as e } from "../../paginator.component-DbJbnQQC.js";
 export { e as SbbPaginatorElement };

package/paginator/paginator.js

@@ -1,4 +1,4 @@
-import { t as e } from "../paginator.component-BoVsXIBx.js";
+import { t as e } from "../paginator.component-DbJbnQQC.js";
 e.define(), console.warn("The entrypoint '@sbb-esta/elements/paginator/paginator.js' has been deprecated.\nUse either '@sbb-esta/elements/paginator.js' or '@sbb-esta/elements/paginator.pure.js' instead.");
 //#endregion
 export { e as SbbPaginatorElement };

package/paginator.js

@@ -1,6 +1,6 @@
 import { SbbPaginatorCommonElementMixin as e } from "./paginator/common/paginator-common.js";
-import { t } from "./compact-paginator.component-CrdZ6dqt.js";
-import { t as n } from "./paginator.component-BoVsXIBx.js";
+import { t } from "./compact-paginator.component-CoFi8QhW.js";
+import { t as n } from "./paginator.component-DbJbnQQC.js";
 import "./paginator.pure.js";
 t.define(), n.define();
 //#endregion

package/paginator.pure.js

@@ -1,4 +1,4 @@
 import { SbbPaginatorCommonElementMixin as e } from "./paginator/common/paginator-common.js";
-import { t } from "./compact-paginator.component-CrdZ6dqt.js";
-import { t as n } from "./paginator.component-BoVsXIBx.js";
+import { t } from "./compact-paginator.component-CoFi8QhW.js";
+import { t as n } from "./paginator.component-DbJbnQQC.js";
 export { t as SbbCompactPaginatorElement, e as SbbPaginatorCommonElementMixin, n as SbbPaginatorElement };

package/popover/popover.component.js

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