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

package/action-group/action-group.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../action-group.component-L7G0Vv-N.js";
+import { t as e } from "../action-group.component-B6X5FjkQ.js";
 export { e as SbbActionGroupElement };

package/{action-group.component-L7G0Vv-N.js → action-group.component-B6X5FjkQ.js}

@@ -1,26 +1,26 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
 import { html as n, unsafeCSS as r } from "lit";
 import { property as i } from "lit/decorators.js";
-import { SbbElement as a, boxSizingStyles as o, isLean as s } from "./core.js";
+import { SbbElement as a, boxSizingStyles as o } from "./core.js";
 //#region src/elements/action-group/action-group.scss?inline
-var c = ":host{--sbb-action-group-gap: var(--sbb-spacing-fixed-4x);display:flex;flex-direction:var(--sbb-action-group-orientation, row);align-items:var(--sbb-action-group-align-items, center);justify-content:var(--sbb-action-group-justify-content, start);gap:var(--sbb-action-group-gap)}:host([orientation=horizontal][align-group=start]){--sbb-action-group-justify-content: flex-start}:host([orientation=horizontal][align-group=center]){--sbb-action-group-justify-content: center}:host([orientation=horizontal][align-group=stretch]){--sbb-action-group-justify-content: space-between}:host([orientation=horizontal][align-group=end]){--sbb-action-group-justify-content: flex-end}:host([orientation=vertical]){--sbb-action-group-orientation: column;--sbb-action-group-gap: var(--sbb-spacing-fixed-2x)}:host([orientation=vertical][align-group=start]){--sbb-action-group-align-items: flex-start}:host([orientation=vertical][align-group=center]){--sbb-action-group-align-items: center}:host([orientation=vertical][align-group=stretch]){--sbb-action-group-align-items: stretch}:host([orientation=vertical][align-group=end]){--sbb-action-group-align-items: flex-end}@media(min-width:0rem){:host([orientation=vertical][horizontal-from=zero][align-group=start]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-start;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=zero][align-group=center]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: center;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=zero][align-group=stretch]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: space-between;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=zero][align-group=end]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-end;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}}@media(min-width:37.5rem){:host([orientation=vertical][horizontal-from=small][align-group=start]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-start;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=small][align-group=center]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: center;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=small][align-group=stretch]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: space-between;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=small][align-group=end]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-end;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}}@media(min-width:64rem){:host([orientation=vertical][horizontal-from=large][align-group=start]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-start;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=large][align-group=center]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: center;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=large][align-group=stretch]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: space-between;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=large][align-group=end]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-end;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}}@media(min-width:90rem){:host([orientation=vertical][horizontal-from=ultra][align-group=start]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-start;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=ultra][align-group=center]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: center;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=ultra][align-group=stretch]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: space-between;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=ultra][align-group=end]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-end;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}}::slotted([align-self=start]){margin-inline-end:auto}::slotted([align-self=center]){margin-inline:auto}::slotted([align-self=end]){margin-inline-start:auto}::slotted(:is(sbb-block-link,sbb-block-link-button,sbb-block-link-static)){white-space:nowrap}", l = (() => {
-	let l = a, u, d = [], f = [], p, m = [], h = [], g, _ = [], v = [], y, b = [], x = [], S, C = [], w = [];
-	return class extends l {
+var s = ":host{--sbb-action-group-gap: var(--sbb-spacing-fixed-4x);display:flex;flex-direction:var(--sbb-action-group-orientation, row);align-items:var(--sbb-action-group-align-items, center);justify-content:var(--sbb-action-group-justify-content, start);gap:var(--sbb-action-group-gap)}:host([orientation=horizontal][align-group=start]){--sbb-action-group-justify-content: flex-start}:host([orientation=horizontal][align-group=center]){--sbb-action-group-justify-content: center}:host([orientation=horizontal][align-group=stretch]){--sbb-action-group-justify-content: space-between}:host([orientation=horizontal][align-group=end]){--sbb-action-group-justify-content: flex-end}:host([orientation=vertical]){--sbb-action-group-orientation: column;--sbb-action-group-gap: var(--sbb-spacing-fixed-2x)}:host([orientation=vertical][align-group=start]){--sbb-action-group-align-items: flex-start}:host([orientation=vertical][align-group=center]){--sbb-action-group-align-items: center}:host([orientation=vertical][align-group=stretch]){--sbb-action-group-align-items: stretch}:host([orientation=vertical][align-group=end]){--sbb-action-group-align-items: flex-end}@media(min-width:0rem){:host([orientation=vertical][horizontal-from=zero][align-group=start]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-start;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=zero][align-group=center]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: center;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=zero][align-group=stretch]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: space-between;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=zero][align-group=end]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-end;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}}@media(min-width:37.5rem){:host([orientation=vertical][horizontal-from=small][align-group=start]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-start;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=small][align-group=center]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: center;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=small][align-group=stretch]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: space-between;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=small][align-group=end]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-end;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}}@media(min-width:64rem){:host([orientation=vertical][horizontal-from=large][align-group=start]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-start;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=large][align-group=center]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: center;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=large][align-group=stretch]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: space-between;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=large][align-group=end]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-end;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}}@media(min-width:90rem){:host([orientation=vertical][horizontal-from=ultra][align-group=start]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-start;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=ultra][align-group=center]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: center;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=ultra][align-group=stretch]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: space-between;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=ultra][align-group=end]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-end;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}}::slotted([align-self=start]){margin-inline-end:auto}::slotted([align-self=center]){margin-inline:auto}::slotted([align-self=end]){margin-inline-start:auto}::slotted(:is(sbb-block-link,sbb-block-link-button,sbb-block-link-static)){white-space:nowrap}", c = (() => {
+	let c = a, l, u = [], d = [], f, p = [], m = [], h, g = [], _ = [], v, y = [], b = [], x, S = [], C = [];
+	return class extends c {
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(l[Symbol.metadata] ?? null) : void 0;
-			u = [i({
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
+			l = [i({
 				attribute: "align-group",
 				reflect: !0
-			})], p = [i({
+			})], f = [i({
 				attribute: "horizontal-from",
 				reflect: !0
-			})], g = [i({ reflect: !0 })], y = [i({
+			})], h = [i({ reflect: !0 })], v = [i({
 				attribute: "button-size",
 				reflect: !0
-			})], S = [i({
+			})], x = [i({
 				attribute: "link-size",
 				reflect: !0
-			})], e(this, null, u, {
+			})], e(this, null, l, {
 				kind: "accessor",
 				name: "alignGroup",
 				static: !1,
@@ -33,7 +33,7 @@ var c = ":host{--sbb-action-group-gap: var(--sbb-spacing-fixed-4x);display:flex;
 					}
 				},
 				metadata: t
-			}, d, f), e(this, null, p, {
+			}, u, d), e(this, null, f, {
 				kind: "accessor",
 				name: "horizontalFrom",
 				static: !1,
@@ -46,7 +46,7 @@ var c = ":host{--sbb-action-group-gap: var(--sbb-spacing-fixed-4x);display:flex;
 					}
 				},
 				metadata: t
-			}, m, h), e(this, null, g, {
+			}, p, m), e(this, null, h, {
 				kind: "accessor",
 				name: "orientation",
 				static: !1,
@@ -59,7 +59,7 @@ var c = ":host{--sbb-action-group-gap: var(--sbb-spacing-fixed-4x);display:flex;
 					}
 				},
 				metadata: t
-			}, _, v), e(this, null, y, {
+			}, g, _), e(this, null, v, {
 				kind: "accessor",
 				name: "buttonSize",
 				static: !1,
@@ -72,7 +72,7 @@ var c = ":host{--sbb-action-group-gap: var(--sbb-spacing-fixed-4x);display:flex;
 					}
 				},
 				metadata: t
-			}, b, x), e(this, null, S, {
+			}, y, b), e(this, null, x, {
 				kind: "accessor",
 				name: "linkSize",
 				static: !1,
@@ -85,7 +85,7 @@ var c = ":host{--sbb-action-group-gap: var(--sbb-spacing-fixed-4x);display:flex;
 					}
 				},
 				metadata: t
-			}, C, w), t && Object.defineProperty(this, Symbol.metadata, {
+			}, S, C), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -96,37 +96,37 @@ var c = ":host{--sbb-action-group-gap: var(--sbb-spacing-fixed-4x);display:flex;
 			this.elementName = "sbb-action-group";
 		}
 		static {
-			this.styles = [o, r(c)];
+			this.styles = [o, r(s)];
 		}
-		#e = t(this, d, "start");
+		#e = t(this, u, "start");
 		get alignGroup() {
 			return this.#e;
 		}
 		set alignGroup(e) {
 			this.#e = e;
 		}
-		#t = (t(this, f), t(this, m, "large"));
+		#t = (t(this, d), t(this, p, "large"));
 		get horizontalFrom() {
 			return this.#t;
 		}
 		set horizontalFrom(e) {
 			this.#t = e;
 		}
-		#n = (t(this, h), t(this, _, "horizontal"));
+		#n = (t(this, m), t(this, g, "horizontal"));
 		get orientation() {
 			return this.#n;
 		}
 		set orientation(e) {
 			this.#n = e;
 		}
-		#r = (t(this, v), t(this, b, s() ? "s" : "l"));
+		#r = (t(this, _), t(this, y, null));
 		get buttonSize() {
 			return this.#r;
 		}
 		set buttonSize(e) {
 			this.#r = e;
 		}
-		#i = (t(this, x), t(this, C, s() ? "xs" : "m"));
+		#i = (t(this, b), t(this, S, null));
 		get linkSize() {
 			return this.#i;
 		}
@@ -137,10 +137,10 @@ var c = ":host{--sbb-action-group-gap: var(--sbb-spacing-fixed-4x);display:flex;
 			super.willUpdate(e), e.has("buttonSize") && this._syncButtons(), e.has("linkSize") && this._syncLinks();
 		}
 		_syncButtons() {
-			this.querySelectorAll?.(":is(:state(sbb-button),[state--sbb-button])").forEach((e) => e.size = this.buttonSize);
+			this.buttonSize && this.querySelectorAll?.(":is(:state(sbb-button),[state--sbb-button])").forEach((e) => e.size = this.buttonSize);
 		}
 		_syncLinks() {
-			this.querySelectorAll?.("sbb-block-link, sbb-block-link-button, sbb-block-link-static").forEach((e) => {
+			this.linkSize && this.querySelectorAll?.("sbb-block-link, sbb-block-link-button, sbb-block-link-static").forEach((e) => {
 				e.size = this.linkSize;
 			});
 		}
@@ -148,9 +148,9 @@ var c = ":host{--sbb-action-group-gap: var(--sbb-spacing-fixed-4x);display:flex;
 			return n`<slot></slot>`;
 		}
 		constructor() {
-			super(...arguments), t(this, w);
+			super(...arguments), t(this, C);
 		}
 	};
 })();
 //#endregion
-export { l as t };
+export { c as t };

package/action-group.js

@@ -1,4 +1,4 @@
-import { t as e } from "./action-group.component-L7G0Vv-N.js";
+import { t as e } from "./action-group.component-B6X5FjkQ.js";
 import "./action-group.pure.js";
 //#region src/elements/action-group.ts
 e.define();

package/action-group.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./action-group.component-L7G0Vv-N.js";
+import { t as e } from "./action-group.component-B6X5FjkQ.js";
 export { e as SbbActionGroupElement };

package/alert/alert/alert.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../alert.component-C42LwoGa.js";
+import { t as e } from "../../alert.component-BQsF0R1M.js";
 export { e as SbbAlertElement };

package/alert/alert-group/alert-group.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../alert-group.component-CAjj3FtE.js";
+import { t as e } from "../../alert-group.component-BCYOVicl.js";
 export { e as SbbAlertGroupElement };

package/{alert-group.component-CAjj3FtE.js → alert-group.component-BCYOVicl.js}

@@ -4,7 +4,7 @@ import { property as i, state as a } from "lit/decorators.js";
 import { SbbElement as o, boxSizingStyles as s, forceType as c, isEventPrevented as l } from "./core.js";
 import { html as u, unsafeStatic as d } from "lit/static-html.js";
 //#region src/elements/alert/alert-group/alert-group.scss?inline
-var f = ":host{--sbb-alert-group-gap: var(--sbb-spacing-fixed-3x);--sbb-alert-group-border-radius: var(--sbb-border-radius-4x);display:block}.sbb-alert-group{display:flex;flex-direction:column;gap:var(--sbb-alert-group-gap)}:host(:focus-visible:not(:is(:state(empty),[state--empty]))){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:var(--sbb-alert-group-border-radius)}.sbb-alert-group__title{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}", p = (() => {
+var f = ":host{display:flex;flex-direction:column;gap:var(--sbb-alert-group-gap)}:host(:focus-visible:not(:is(:state(empty),[state--empty]))){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:var(--sbb-alert-group-border-radius)}.sbb-alert-group__title{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}", p = (() => {
 	let p = o, m, h = [], g = [], _, v = [], y = [], b, x = [], S = [], C, w = [], T = [];
 	return class extends p {
 		static {
@@ -124,12 +124,10 @@ var f = ":host{--sbb-alert-group-gap: var(--sbb-spacing-fixed-3x);--sbb-alert-gr
 		render() {
 			let e = `h${this.accessibilityTitleLevel}`;
 			return u`
-      <div class="sbb-alert-group">
-        ${this._hasAlerts ? u`<${d(e)} class="sbb-alert-group__title">
-              <slot name="accessibility-title">${this.accessibilityTitle}</slot>
-            </${d(e)}>` : n}
-        <slot @slotchange=${(e) => this._slotChanged(e)}></slot>
-      </div>
+      ${this._hasAlerts ? u`<${d(e)} class="sbb-alert-group__title">
+            <slot name="accessibility-title">${this.accessibilityTitle}</slot>
+          </${d(e)}>` : n}
+      <slot @slotchange=${(e) => this._slotChanged(e)}></slot>
     `;
 		}
 	};

package/alert.component-BQsF0R1M.js

@@ -0,0 +1,161 @@
+import { __esDecorate as e, __runInitializers as t } from "tslib";
+import { html as n, nothing as r, unsafeCSS as i } from "lit";
+import { property as a } from "lit/decorators.js";
+import { SbbDarkModeController as o, SbbLanguageController as s, SbbOpenCloseBaseElement as c, SbbReadonlyMixin as l, boxSizingStyles as u, i18nCloseAlert as d, isLean as f, isZeroAnimationDuration as p } from "./core.js";
+import { SbbTransparentButtonElement as m } from "./button.pure.js";
+import { SbbDividerElement as h } from "./divider.pure.js";
+import { SbbIconNameMixin as g } from "./icon.pure.js";
+//#region src/elements/alert/alert/alert.scss?inline
+var _ = ":host{--sbb-alert-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );display:grid;grid-template-rows:0fr;opacity:0;border-radius:var(--sbb-alert-forced-color-border-radius);outline:var(--sbb-alert-outline)}: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([size=s]){--sbb-alert-gap: var(--sbb-spacing-fixed-1x) var(--sbb-spacing-responsive-xxs);--sbb-alert-close-icon-margin: var(--sbb-spacing-responsive-xxxs)}:host([size=m]){--sbb-alert-gap: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-responsive-xs);--sbb-alert-close-icon-margin: var(--sbb-spacing-responsive-xxs)}:host([size=l]){--sbb-alert-icon-size: var(--sbb-alert-icon-size-l);--sbb-alert-title-margin-block: 0 var(--sbb-spacing-fixed-1x)}:host(:not(:is(:state(dark),[state--dark]))){--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){grid-template-rows:1fr;opacity:1}:host(:is(:state(state-opening),[state--state-opening])){animation-name:open,open-opacity;animation-fill-mode:forwards;animation-duration:var(--sbb-alert-animation-duration);animation-timing-function:var(--sbb-alert-timing-function);animation-delay:0s,var(--sbb-alert-animation-duration)}:host(:is(:state(state-closing),[state--state-closing])){animation-name:close-opacity,close;animation-fill-mode:forwards;animation-duration:var(--sbb-alert-animation-duration);animation-timing-function:var(--sbb-alert-timing-function);animation-delay:0s,var(--sbb-disable-animation-duration, var(--sbb-animation-duration-2x))}.sbb-alert__transition-wrapper{overflow:hidden}.sbb-alert{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--sbb-alert-gap);min-width:fit-content;padding:var(--sbb-alert-padding);overflow:hidden;color:var(--sbb-alert-color);background-color:var(--sbb-alert-background-color);border-radius:var(--sbb-alert-border-radius);font-size:var(--sbb-alert-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text)}@media(min-width:37.5rem){.sbb-alert{grid-template-columns:auto 1fr auto;align-items:flex-start}}.sbb-alert__icon{display:flex;align-items:start;padding-block:var(--sbb-spacing-fixed-1x);min-width:var(--sbb-alert-icon-size);--sbb-icon-svg-width: var(--sbb-alert-icon-size);--sbb-icon-svg-height: var(--sbb-alert-icon-size)}.sbb-alert__content{color-scheme:only light;order:3;grid-column:1/3}@media(min-width:37.5rem){.sbb-alert__content{order:initial;grid-column-start:initial;grid-column-end:initial}}.sbb-alert__content-slot{display:inline;margin:0;padding:0}.sbb-alert__close-button-wrapper{color-scheme:only light;display:flex;justify-content:flex-end;align-items:center;height:100%}@media(min-width:37.5rem){.sbb-alert__close-button{margin-inline-start:var(--sbb-alert-close-icon-margin)}}.sbb-alert__close-button-divider{display:var(--sbb-alert-close-button-divider-display, none);height:calc(100% - var(--sbb-spacing-fixed-1x) * 2)}@keyframes open{0%{grid-template-rows:0fr}to{grid-template-rows:1fr}}@keyframes open-opacity{0%{opacity:0}to{opacity:1}}@keyframes close{0%{grid-template-rows:1fr}to{grid-template-rows:0fr}}@keyframes close-opacity{0%{opacity:1}to{opacity:0}}::slotted(sbb-title){margin-block:var(--sbb-alert-title-margin-block)}", v = (() => {
+	let v = g(l(c)), y, b = [], x = [], S, C = [], w = [];
+	return class extends v {
+		static {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(v[Symbol.metadata] ?? null) : void 0;
+			y = [a({ reflect: !0 })], S = [a({ reflect: !0 })], e(this, null, y, {
+				kind: "accessor",
+				name: "size",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "size" in e,
+					get: (e) => e.size,
+					set: (e, t) => {
+						e.size = t;
+					}
+				},
+				metadata: t
+			}, b, x), e(this, null, S, {
+				kind: "accessor",
+				name: "animation",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "animation" in e,
+					get: (e) => e.animation,
+					set: (e, t) => {
+						e.animation = t;
+					}
+				},
+				metadata: t
+			}, C, w), t && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: t
+			});
+		}
+		static {
+			this.elementName = "sbb-alert";
+		}
+		static {
+			this.elementDependencies = [m, h];
+		}
+		static {
+			this.styles = [u, i(_)];
+		}
+		static {
+			this.events = {
+				beforeopen: "beforeopen",
+				open: "open",
+				beforeclose: "beforeclose",
+				close: "close"
+			};
+		}
+		#e;
+		get size() {
+			return this.#e;
+		}
+		set size(e) {
+			this.#e = e;
+		}
+		#t;
+		get animation() {
+			return this.#t;
+		}
+		set animation(e) {
+			this.#t = e;
+		}
+		constructor() {
+			super(), this.#e = t(this, b, f() ? "s" : "m"), this.#t = (t(this, x), t(this, C, "all")), this._language = (t(this, w), new s(this)), this._darkModeController = new o(this, () => {
+				this._syncLinks(), this._configureTitle(), this.requestUpdate();
+			}), this.addEventListener("animationend", (e) => this._onAnimationEnd(e));
+		}
+		open() {
+			this.state = "opening", this.dispatchBeforeOpenEvent() && this._isZeroAnimationDuration() && this._handleOpening();
+		}
+		close() {
+			this.state === "opened" && this.dispatchBeforeCloseEvent() && (this.state = "closing", this._isZeroAnimationDuration() && this._handleClosing());
+		}
+		firstUpdated(e) {
+			super.firstUpdated(e), this.open();
+		}
+		willUpdate(e) {
+			super.willUpdate(e), e.has("size") && this._configureTitle();
+		}
+		_isZeroAnimationDuration() {
+			return p(this, "--sbb-alert-animation-duration");
+		}
+		_onAnimationEnd(e) {
+			this.state === "opening" && e.animationName === "open-opacity" ? this._handleOpening() : this.state === "closing" && e.animationName === "close" && this._handleClosing();
+		}
+		_handleOpening() {
+			this.state = "opened", this.dispatchOpenEvent();
+		}
+		_handleClosing() {
+			this.state = "closed", this.dispatchCloseEvent(), setTimeout(() => this.remove());
+		}
+		_handleSlotchange() {
+			this._syncLinks();
+			let e = Array.from(this.children).find((e) => e.localName === "sbb-title");
+			e && (e.slot = "title");
+		}
+		_syncLinks() {
+			Array.from(this.querySelectorAll?.("sbb-link") ?? []).forEach((e) => {
+				customElements.upgrade(e), e.negative = this._isLightMode();
+			});
+		}
+		_configureTitle() {
+			let e = this.querySelector?.("sbb-title");
+			e && (customElements.upgrade(e), e.negative = this._isLightMode(), e.visualLevel = this.size === "l" ? "3" : "5");
+		}
+		_isLightMode() {
+			return !this._darkModeController.matches();
+		}
+		renderIconName() {
+			return super.renderIconName() || "info";
+		}
+		render() {
+			return n`
+      <!-- wrapper needed to properly support fade in animation -->
+      <div class="sbb-alert__transition-wrapper">
+        <div class="sbb-alert">
+          <span class="sbb-alert__icon"> ${this.renderIconSlot()} </span>
+          <span class="sbb-alert__content">
+            <slot name="title" @slotchange=${this._configureTitle}></slot>
+            <p class="sbb-alert__content-slot">
+              <slot @slotchange=${this._handleSlotchange}></slot>
+            </p>
+          </span>
+          ${this.readOnly ? r : n`<span class="sbb-alert__close-button-wrapper">
+                <sbb-divider
+                  orientation="vertical"
+                  ?negative=${this._isLightMode()}
+                  class="sbb-alert__close-button-divider"
+                ></sbb-divider>
+                <sbb-transparent-button
+                  ?negative=${this._isLightMode()}
+                  size=${this.size === "l" ? "m" : this.size}
+                  icon-name="cross-small"
+                  @click=${() => this.close()}
+                  aria-label=${d[this._language.current]}
+                  class="sbb-alert__close-button"
+                ></sbb-transparent-button>
+              </span>`}
+        </div>
+      </div>
+    `;
+		}
+	};
+})();
+//#endregion
+export { v as t };

package/alert.js

@@ -1,5 +1,5 @@
-import { t as e } from "./alert-group.component-CAjj3FtE.js";
-import { t } from "./alert.component-C42LwoGa.js";
+import { t as e } from "./alert-group.component-BCYOVicl.js";
+import { t } from "./alert.component-BQsF0R1M.js";
 import "./alert.pure.js";
 t.define(), e.define();
 //#endregion

package/alert.pure.js

@@ -1,3 +1,3 @@
-import { t as e } from "./alert-group.component-CAjj3FtE.js";
-import { t } from "./alert.component-C42LwoGa.js";
+import { t as e } from "./alert-group.component-BCYOVicl.js";
+import { t } from "./alert.component-BQsF0R1M.js";
 export { t as SbbAlertElement, e as SbbAlertGroupElement };

package/autocomplete/autocomplete-base-element.js

@@ -1,2 +1,2 @@
-import { t as e } from "../autocomplete-base-element-BysEZecQ.js";
+import { t as e } from "../autocomplete-base-element-CSCv_WVh.js";
 export { e as SbbAutocompleteBaseElement };

package/autocomplete/autocomplete.component.js

@@ -1,4 +1,4 @@
-import { t as e } from "../autocomplete-base-element-BysEZecQ.js";
+import { t as e } from "../autocomplete-base-element-CSCv_WVh.js";
 import { getNextElementIndex as t, isSafari as n, setAriaComboBoxAttributes as r } from "../core.js";
 //#region src/elements/autocomplete/autocomplete.component.ts
 var i = 0, a = n, o = class extends e {
@@ -37,7 +37,8 @@ var i = 0, a = n, o = class extends e {
 			this.activeOption = null;
 			return;
 		}
-		this.activeOption = n[t(e, this.activeOption ? n.indexOf(this.activeOption) : -1, n.length)], this.activeOption.setActive(!0), this.triggerElement?.setAttribute("aria-activedescendant", this.activeOption.id), this.activeOption.scrollIntoView({ block: "nearest" }), e && e.preventDefault(), this.autoSelectActiveOption && e && this.setPendingSelection(this.activeOption);
+		let r = t(e, this.activeOption ? n.indexOf(this.activeOption) : -1, n.length);
+		this.activeOption = n[r], this.activeOption.setActive(!0), this.triggerElement?.setAttribute("aria-activedescendant", this.activeOption.id), this.activeOption.scrollIntoView({ block: "nearest" }), e && e.preventDefault(), this.autoSelectActiveOption && e && this.setPendingSelection(this.activeOption);
 	}
 	resetActiveElement() {
 		this.activeOption?.setActive(!1), this.triggerElement?.removeAttribute("aria-activedescendant"), this.activeOption = null;

package/{autocomplete-base-element-BysEZecQ.js → autocomplete-base-element-CSCv_WVh.js}

@@ -5,7 +5,7 @@ import { SbbEscapableOverlayController as s, SbbNegativeMixin as c, SbbOpenClose
 import { ResizeController as b } from "@lit-labs/observers/resize-controller.js";
 import { ref as x } from "lit/directives/ref.js";
 //#region src/elements/autocomplete/autocomplete-base-element.scss?inline
-var S = ".sbb-gap-fix-wrapper{position:relative;overflow:hidden;width:var(--sbb-options-panel-border-radius);height:var(--sbb-options-panel-border-radius);background-color:transparent}.sbb-gap-fix-corner{position:absolute;border-radius:50%;border:calc(var(--sbb-options-panel-border-radius) / 2) solid var(--sbb-options-panel-background-color);width:calc(var(--sbb-options-panel-border-radius) * 3);height:calc(var(--sbb-options-panel-border-radius) * 3);bottom:calc(var(--sbb-options-panel-border-radius) / 2 * -1)}.sbb-gap-fix-corner#left{left:calc(var(--sbb-options-panel-border-radius) / 2 * -1)}:host(:dir(rtl)) .sbb-gap-fix-corner#left{right:calc(var(--sbb-options-panel-border-radius) / 2 * -1);left:unset}.sbb-gap-fix-corner#right{right:calc(var(--sbb-options-panel-border-radius) / 2 * -1)}:host(:dir(rtl)) .sbb-gap-fix-corner#right{left:calc(var(--sbb-options-panel-border-radius) / 2 * -1);right:unset}: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-options-panel-position-x: 0;--sbb-options-panel-position-y: 0;--_sbb-options-panel-max-height: min( var(--sbb-options-panel-max-height-calculated), var(--sbb-options-panel-max-height, 100000em) );--sbb-options-panel-min-height: var(--sbb-options-panel-origin-height);--sbb-options-panel-options-border-radius: 0 0 var(--sbb-options-panel-border-radius) var(--sbb-options-panel-border-radius);--sbb-options-panel-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-options-panel-gap-fix-top: calc( var(--sbb-options-panel-position-y) - var(--sbb-options-panel-border-radius) );--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-options-pointer-events: all;--sbb-options-panel-internal-z-index: var( --sbb-autocomplete-z-index, var(--sbb-overlay-default-z-index) );display:none;font-weight:400}:host([size=s]){--sbb-options-panel-padding-block: var(--sbb-spacing-fixed-1x)}:host([size=m]){--sbb-options-panel-padding-block: var(--sbb-spacing-fixed-2x)}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){display:block}: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-options-panel-background-color: var(--sbb-background-color-1-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}:host(:not(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))),:host(:is(:state(state-closed),[state--state-closed])){--sbb-options-panel-visibility: hidden;--sbb-options-pointer-events: none}:host(:is(:state(state-opening),[state--state-opening])){--sbb-options-panel-animation-name: open}:host(:is(:state(state-closing),[state--state-closing])){--sbb-options-panel-animation-name: close}:host(:is(:state(state-opened),[state--state-opened])),:host(:is(:state(state-opening),[state--state-opening])){--sbb-options-panel-gap-fix-opacity: 1}:host(:is(:state(options-panel-position-below),[state--options-panel-position-below])){--sbb-options-panel-animation-transform: translateY( calc((var(--sbb-options-panel-origin-height) / 2) * -1) )}:host(:is(:state(options-panel-position-above),[state--options-panel-position-above])){--sbb-options-panel-options-border-radius: var(--sbb-options-panel-border-radius) var(--sbb-options-panel-border-radius) 0 0;--sbb-options-panel-gap-fix-top: var(--_sbb-options-panel-max-height);--sbb-options-panel-gap-fix-transform: rotate(180deg);--sbb-options-panel-animation-transform: translateY( calc(var(--sbb-options-panel-origin-height) / 2) )}:host([preserve-icon-space]){--sbb-option-icon-container-display: block}::slotted(sbb-divider){margin-block:var(--sbb-options-panel-divider-margin-block)}.sbb-autocomplete__container{position:fixed;pointer-events:none;inset:0;z-index:var(--sbb-options-panel-internal-z-index)}.sbb-autocomplete__gap-fix{display:flex;justify-content:space-between;position:fixed;visibility:var(--sbb-options-panel-visibility, visible);opacity:var(--sbb-options-panel-gap-fix-opacity, 0);background-color:transparent;width:var(--sbb-options-panel-width, fit-content);height:var(--sbb-options-panel-border-radius);top:var(--sbb-options-panel-gap-fix-top);left:var(--sbb-options-panel-position-x);transform:var(--sbb-options-panel-gap-fix-transform, none);transition:opacity var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function)}.sbb-autocomplete__panel{display:block;position:absolute;visibility:var(--sbb-options-panel-visibility, \"visible\");overflow:hidden;background-color:transparent;border:none;border-radius:var(--sbb-options-panel-border-radius);top:var(--sbb-options-panel-position-y);left:var(--sbb-options-panel-position-x);width:var(--sbb-options-panel-width, fit-content);transition:box-shadow var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function)}.sbb-autocomplete__panel:before,.sbb-autocomplete__panel:after{content:\"\";display:none;position:relative;width:100%;height:var(--sbb-options-panel-origin-height);background-color:transparent;border-radius:var(--sbb-options-panel-border-radius);pointer-events:none;transition:box-shadow var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function);z-index:1}:host(:is(:state(options-panel-position-below),[state--options-panel-position-below])) .sbb-autocomplete__panel{inset-block-start:calc(var(--sbb-options-panel-position-y) - var(--sbb-options-panel-origin-height))}:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening]))) .sbb-autocomplete__panel{box-shadow:var(--sbb-box-shadow-level-5-hard)}:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening]))[negative]) .sbb-autocomplete__panel{box-shadow:var(--sbb-box-shadow-level-5-hard-negative)}:host(:is(:state(options-panel-position-below),[state--options-panel-position-below])) .sbb-autocomplete__panel:before{display:block}:host(:is(:state(options-panel-position-above),[state--options-panel-position-above])) .sbb-autocomplete__panel:after{display:block}:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening])):is(:state(option-panel-origin-borderless),[state--option-panel-origin-borderless])) .sbb-autocomplete__panel:before,:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening])):is(:state(option-panel-origin-borderless),[state--option-panel-origin-borderless])) .sbb-autocomplete__panel:after{box-shadow:var(--sbb-box-shadow-level-5-hard)}:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening])):is(:state(option-panel-origin-borderless),[state--option-panel-origin-borderless])[negative]) .sbb-autocomplete__panel:before,:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening])):is(:state(option-panel-origin-borderless),[state--option-panel-origin-borderless])[negative]) .sbb-autocomplete__panel:after{box-shadow:var(--sbb-box-shadow-level-5-hard-negative)}.sbb-autocomplete__wrapper{overflow:hidden}.sbb-autocomplete__options{background-color:var(--sbb-options-panel-background-color);padding-block:var(--sbb-options-panel-padding-block);padding-inline:0;border-radius:var(--sbb-options-panel-options-border-radius);max-height:var(--_sbb-options-panel-max-height);min-height:var(--sbb-options-panel-min-height);pointer-events:all;overflow-y:auto;animation-name:var(--sbb-options-panel-animation-name);animation-duration:var(--sbb-options-panel-animation-duration);animation-timing-function:var(--sbb-options-panel-animation-timing-function);--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-autocomplete__options::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-autocomplete__options::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-autocomplete__options::-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-autocomplete__options::-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-autocomplete__options::-webkit-scrollbar-button,.sbb-autocomplete__options::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-autocomplete__options{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-autocomplete__options{pointer-events:var(--sbb-options-pointer-events)}@media(forced-colors:active){.sbb-autocomplete__options{border:var(--sbb-border-width-1x) solid CanvasText;border-top:none}}@keyframes open{0%{transform:var(--sbb-options-panel-animation-transform);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes close{0%{transform:translateY(0);opacity:1}to{transform:var(--sbb-options-panel-animation-transform);opacity:0}}", C = g, w = (() => {
+var S = ".sbb-gap-fix-wrapper{position:relative;overflow:hidden;width:var(--sbb-options-panel-border-radius);height:var(--sbb-options-panel-border-radius);background-color:transparent}.sbb-gap-fix-corner{position:absolute;border-radius:50%;border:calc(var(--sbb-options-panel-border-radius) / 2) solid var(--sbb-options-panel-background-color);width:calc(var(--sbb-options-panel-border-radius) * 3);height:calc(var(--sbb-options-panel-border-radius) * 3);bottom:calc(var(--sbb-options-panel-border-radius) / 2 * -1)}.sbb-gap-fix-corner#left{left:calc(var(--sbb-options-panel-border-radius) / 2 * -1)}:host(:dir(rtl)) .sbb-gap-fix-corner#left{right:calc(var(--sbb-options-panel-border-radius) / 2 * -1);left:unset}.sbb-gap-fix-corner#right{right:calc(var(--sbb-options-panel-border-radius) / 2 * -1)}:host(:dir(rtl)) .sbb-gap-fix-corner#right{left:calc(var(--sbb-options-panel-border-radius) / 2 * -1);right:unset}:host{--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);--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-options-panel-position-x: 0;--sbb-options-panel-position-y: 0;--_sbb-options-panel-max-height: min( var(--sbb-options-panel-max-height-calculated), var(--sbb-options-panel-max-height, 100000em) );--sbb-options-panel-min-height: var(--sbb-options-panel-origin-height);--sbb-options-panel-options-border-radius: 0 0 var(--sbb-options-panel-border-radius) var(--sbb-options-panel-border-radius);--sbb-options-panel-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-options-panel-gap-fix-top: calc( var(--sbb-options-panel-position-y) - var(--sbb-options-panel-border-radius) );--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-options-pointer-events: all;--sbb-options-panel-internal-z-index: var( --sbb-autocomplete-z-index, var(--sbb-overlay-default-z-index) );display:none;font-weight:400;line-height:var(--sbb-typo-line-height-text)}:host([size=s]){--sbb-options-panel-padding-block: var(--sbb-spacing-fixed-1x)}:host([size=m]){--sbb-options-panel-padding-block: var(--sbb-spacing-fixed-2x)}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){display:block}: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-options-panel-background-color: var(--sbb-background-color-2-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}:host(:not(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))),:host(:is(:state(state-closed),[state--state-closed])){--sbb-options-panel-visibility: hidden;--sbb-options-pointer-events: none}:host(:is(:state(state-opening),[state--state-opening])){--sbb-options-panel-animation-name: open}:host(:is(:state(state-closing),[state--state-closing])){--sbb-options-panel-animation-name: close}:host(:is(:state(state-opened),[state--state-opened])),:host(:is(:state(state-opening),[state--state-opening])){--sbb-options-panel-gap-fix-opacity: 1}:host(:is(:state(options-panel-position-below),[state--options-panel-position-below])){--sbb-options-panel-animation-transform: translateY( calc((var(--sbb-options-panel-origin-height) / 2) * -1) )}:host(:is(:state(options-panel-position-above),[state--options-panel-position-above])){--sbb-options-panel-options-border-radius: var(--sbb-options-panel-border-radius) var(--sbb-options-panel-border-radius) 0 0;--sbb-options-panel-gap-fix-top: var(--_sbb-options-panel-max-height);--sbb-options-panel-gap-fix-transform: rotate(180deg);--sbb-options-panel-animation-transform: translateY( calc(var(--sbb-options-panel-origin-height) / 2) )}:host([preserve-icon-space]){--sbb-option-icon-container-display: block}::slotted(sbb-divider){margin-block:var(--sbb-options-panel-divider-margin-block)}.sbb-autocomplete__container{position:fixed;pointer-events:none;inset:0;z-index:var(--sbb-options-panel-internal-z-index)}.sbb-autocomplete__gap-fix{display:flex;justify-content:space-between;position:fixed;visibility:var(--sbb-options-panel-visibility, visible);opacity:var(--sbb-options-panel-gap-fix-opacity, 0);background-color:transparent;width:var(--sbb-options-panel-width, fit-content);height:var(--sbb-options-panel-border-radius);top:var(--sbb-options-panel-gap-fix-top);left:var(--sbb-options-panel-position-x);transform:var(--sbb-options-panel-gap-fix-transform, none);transition:opacity var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function)}.sbb-autocomplete__panel{display:block;position:absolute;visibility:var(--sbb-options-panel-visibility, \"visible\");overflow:hidden;background-color:transparent;border:none;border-radius:var(--sbb-options-panel-border-radius);top:var(--sbb-options-panel-position-y);left:var(--sbb-options-panel-position-x);width:var(--sbb-options-panel-width, fit-content);transition:box-shadow var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function)}.sbb-autocomplete__panel:before,.sbb-autocomplete__panel:after{content:\"\";display:none;position:relative;width:100%;height:var(--sbb-options-panel-origin-height);background-color:transparent;border-radius:var(--sbb-options-panel-border-radius);pointer-events:none;transition:box-shadow var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function);z-index:1}:host(:is(:state(options-panel-position-below),[state--options-panel-position-below])) .sbb-autocomplete__panel{inset-block-start:calc(var(--sbb-options-panel-position-y) - var(--sbb-options-panel-origin-height))}:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening]))) .sbb-autocomplete__panel{box-shadow:var(--sbb-box-shadow-level-9-hard)}:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening]))[negative]) .sbb-autocomplete__panel{box-shadow:var(--sbb-box-shadow-level-9-hard-negative)}:host(:is(:state(options-panel-position-below),[state--options-panel-position-below])) .sbb-autocomplete__panel:before{display:block}:host(:is(:state(options-panel-position-above),[state--options-panel-position-above])) .sbb-autocomplete__panel:after{display:block}:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening])):is(:state(option-panel-origin-borderless),[state--option-panel-origin-borderless])) .sbb-autocomplete__panel:before,:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening])):is(:state(option-panel-origin-borderless),[state--option-panel-origin-borderless])) .sbb-autocomplete__panel:after{box-shadow:var(--sbb-box-shadow-level-9-hard)}:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening])):is(:state(option-panel-origin-borderless),[state--option-panel-origin-borderless])[negative]) .sbb-autocomplete__panel:before,:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening])):is(:state(option-panel-origin-borderless),[state--option-panel-origin-borderless])[negative]) .sbb-autocomplete__panel:after{box-shadow:var(--sbb-box-shadow-level-9-hard-negative)}.sbb-autocomplete__wrapper{overflow:hidden}.sbb-autocomplete__options{background-color:var(--sbb-options-panel-background-color);padding-block:var(--sbb-options-panel-padding-block);padding-inline:0;border-radius:var(--sbb-options-panel-options-border-radius);max-height:var(--_sbb-options-panel-max-height);min-height:var(--sbb-options-panel-min-height);pointer-events:all;overflow-y:auto;animation-name:var(--sbb-options-panel-animation-name);animation-duration:var(--sbb-options-panel-animation-duration);animation-timing-function:var(--sbb-options-panel-animation-timing-function)}.sbb-autocomplete__options::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-autocomplete__options::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-autocomplete__options::-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-autocomplete__options::-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-autocomplete__options::-webkit-scrollbar-button,.sbb-autocomplete__options::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-autocomplete__options{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-autocomplete__options{pointer-events:var(--sbb-options-pointer-events)}@media(forced-colors:active){.sbb-autocomplete__options{border:var(--sbb-border-width-1x) solid CanvasText;border-top:none}}@keyframes open{0%{transform:var(--sbb-options-panel-animation-transform);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes close{0%{transform:translateY(0);opacity:1}to{transform:var(--sbb-options-panel-animation-transform);opacity:0}}", C = g, w = (() => {
 	let g = c(l), w, T = [], E = [], D, O = [], k = [], A, j = [], M = [], N, P = [], F = [], I, L = [], R = [], z, B = [], V = [], H, U = [], W = [], G, K = [], q = [], J, Y = [], X = [], Z, Q = [], $ = [];
 	return class extends g {
 		static {
@@ -243,12 +243,15 @@ var S = ".sbb-gap-fix-wrapper{position:relative;overflow:hidden;width:var(--sbb-
 			return this._triggerElement ?? null;
 		}
 		constructor() {
-			super(), this.#e = t(this, T, null), this.#t = (t(this, E), t(this, O, null)), this.#n = (t(this, k), t(this, j, !1)), this.#r = (t(this, M), t(this, P, !1)), this.#i = (t(this, F), t(this, L, null)), this.#a = (t(this, R), t(this, B, h() ? "s" : "m")), this.#o = (t(this, V), t(this, U, !1)), this.#s = (t(this, W), t(this, K, !1)), this.#c = (t(this, q), t(this, Y, !1)), this.#l = (t(this, X), t(this, Q, "auto")), this._triggerElement = t(this, $), this.activeOption = null, this.pendingAutoSelectedOption = null, this._originResizeObserver = new b(this, {
+			super(), this.#e = t(this, T, null), this.#t = (t(this, E), t(this, O, null)), this.#n = (t(this, k), t(this, j, !1)), this.#r = (t(this, M), t(this, P, !1)), this.#i = (t(this, F), t(this, L, null)), this.#a = (t(this, R), t(this, B, h() ? "s" : "m")), this.#o = (t(this, V), t(this, U, !1)), this.#s = (t(this, W), t(this, K, !1)), this.#c = (t(this, q), t(this, Y, !1)), this.#l = (t(this, X), t(this, Q, "auto")), this._triggerElement = t(this, $), this.activeOption = null, this.pendingAutoSelectedOption = null, this._resizeObserver = new b(this, {
 				target: null,
 				skipInitial: !0,
-				callback: () => {
-					this.state === "opened" && this._setOverlayPosition();
-				}
+				callback: (() => {
+					let e;
+					return () => {
+						clearTimeout(e), e = setTimeout(() => this._setOverlayPosition(), 10);
+					};
+				})()
 			}), this._triggerAttributeObserver = r ? null : new MutationObserver((e) => {
 				let t = e[0].target;
 				(t.hasAttribute("disabled") || t.hasAttribute("readonly")) && this.close();
@@ -271,7 +274,7 @@ var S = ".sbb-gap-fix-wrapper{position:relative;overflow:hidden;width:var(--sbb-
 			this._setOverlayPosition(e), this._setNextActiveOptionIfAutoActiveFirstOption(), this._attachOpenPanelEvents(), this._escapableOverlayController.connect(), this._isZeroAnimationDuration() && this._handleOpening();
 		}
 		close() {
-			this.state === "closing" || this.state === "closed" || !this.dispatchBeforeCloseEvent() || (this.pendingAutoSelectedOption && (this.pendingAutoSelectedOption.selected = !0, this._setValueAndDispatchEvents(this.pendingAutoSelectedOption, !0)), this.state = "closing", this.triggerElement?.removeAttribute("data-expanded"), this._openPanelEventsController.abort(), this.originElement && this._originResizeObserver.unobserve(this.originElement), this._isZeroAnimationDuration() && this._handleClosing());
+			this.state === "closing" || this.state === "closed" || !this.dispatchBeforeCloseEvent() || (this.pendingAutoSelectedOption && (this.pendingAutoSelectedOption.selected = !0, this._setValueAndDispatchEvents(this.pendingAutoSelectedOption, !0)), this.state = "closing", this.triggerElement?.removeAttribute("data-expanded"), this._openPanelEventsController.abort(), this.originElement && this._resizeObserver.unobserve(this.originElement), this._isZeroAnimationDuration() && this._handleClosing());
 		}
 		_isZeroAnimationDuration() {
 			return _(this, "--sbb-options-panel-animation-duration");
@@ -311,7 +314,9 @@ var S = ".sbb-gap-fix-wrapper{position:relative;overflow:hidden;width:var(--sbb-
 			Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value").set.call(this.triggerElement, t);
 		}
 		_handleSlotchange() {
-			this._highlightOptions(this.triggerElement?.value), this.isOpen ? (this._setOverlayPosition(), this._setNextActiveOptionIfAutoActiveFirstOption(), this._optionsCount > 0 && this.options.length === 0 && this.close()) : document?.activeElement === this.triggerElement && this._optionsCount === 0 && this.options.length > 0 && this.open(), this._optionsCount = this.options.length;
+			this._highlightOptions(this.triggerElement?.value);
+			let e = Array.from(this.querySelectorAll("*"));
+			this._previousElements?.forEach((e) => this._resizeObserver.unobserve(e)), this._previousElements = e, this._previousElements.forEach((e) => this._resizeObserver.observe(e)), this.isOpen ? (this._setOverlayPosition(), this._setNextActiveOptionIfAutoActiveFirstOption(), this._optionsCount > 0 && this.options.length === 0 && this.close()) : document?.activeElement === this.triggerElement && this._optionsCount === 0 && this.options.length > 0 && this.open(), this._optionsCount = this.options.length;
 		}
 		_setNextActiveOptionIfAutoActiveFirstOption() {
 			this.autoActiveFirstOption && (this.resetActiveElement(), this.setNextActiveOption());
@@ -331,7 +336,7 @@ var S = ".sbb-gap-fix-wrapper{position:relative;overflow:hidden;width:var(--sbb-
 				attributeFilter: ["disabled", "readonly"]
 			}), this.setTriggerAttributes(this.triggerElement), this._triggerAbortController = new AbortController(), this.triggerElement.addEventListener("focus", () => this.open(), { signal: this._triggerAbortController.signal }), this.triggerElement.addEventListener("click", () => this.open(), { signal: this._triggerAbortController.signal }), this.triggerElement.addEventListener("input", (e) => {
 				let t = e.target.value;
-				t && this.open(), this._highlightOptions(t), this._lastUserInput = t, this.pendingAutoSelectedOption = null;
+				t && e.isTrusted && this.open(), this._highlightOptions(t), this._lastUserInput = t, this.pendingAutoSelectedOption = null;
 			}, { signal: this._triggerAbortController.signal }), this.triggerElement.addEventListener("change", (e) => {
 				this.requireSelection && !this._isCustomChangeEvent && e.stopImmediatePropagation(), this._isCustomChangeEvent = !1;
 			}, {
@@ -357,7 +362,7 @@ var S = ".sbb-gap-fix-wrapper{position:relative;overflow:hidden;width:var(--sbb-
 			e.animationName === "open" && this.state === "opening" ? this._handleOpening() : e.animationName === "close" && this.state === "closing" && this._handleClosing();
 		}
 		_handleOpening() {
-			this.state = "opened", this.originElement && this._originResizeObserver.observe(this.originElement), this.triggerElement?.setAttribute("aria-expanded", "true"), this.dispatchOpenEvent();
+			this.state = "opened", this.originElement && this._resizeObserver.observe(this.originElement), this.triggerElement?.setAttribute("aria-expanded", "true"), this.dispatchOpenEvent();
 		}
 		_handleClosing() {
 			this.state = "closed", this.hidePopover?.(), this.triggerElement?.setAttribute("aria-expanded", "false"), this.resetActiveElement(), this._optionContainer.scrollTop = 0, this._escapableOverlayController.disconnect(), this.dispatchCloseEvent();

package/autocomplete.js

@@ -1,4 +1,4 @@
-import { t as e } from "./autocomplete-base-element-BysEZecQ.js";
+import { t as e } from "./autocomplete-base-element-CSCv_WVh.js";
 import { SbbAutocompleteElement as t } from "./autocomplete/autocomplete.component.js";
 import "./autocomplete.pure.js";
 //#region src/elements/autocomplete.ts

package/autocomplete.pure.js

@@ -1,3 +1,3 @@
-import { t as e } from "./autocomplete-base-element-BysEZecQ.js";
+import { t as e } from "./autocomplete-base-element-CSCv_WVh.js";
 import { SbbAutocompleteElement as t } from "./autocomplete/autocomplete.component.js";
 export { e as SbbAutocompleteBaseElement, t as SbbAutocompleteElement };

package/{block-link-common-CDrCAdGP.js → block-link-common-BiM6tnUZ.js}

@@ -5,7 +5,7 @@ import { property as a } from "lit/decorators.js";
 import { isLean as o } from "./core.js";
 import { SbbIconNameMixin as s } from "./icon.pure.js";
 //#region src/elements/link/common/block-link.scss?inline
-var c = ":host{--sbb-link-color-hover: light-dark(var(--sbb-color-primary125), var(--sbb-color-graphite));--sbb-link-color-active: light-dark(var(--sbb-color-primary150), var(--sbb-color-metal));--sbb-link-color-normal: var(--sbb-color-granite);--sbb-link-color-normal: light-dark(var(--sbb-color-granite), var(--sbb-color-white));--sbb-link-color-hover: var(--sbb-color-primary125);--sbb-link-color-hover: light-dark(var(--sbb-color-primary125), var(--sbb-color-cloud));--sbb-link-color-active: var(--sbb-color-primary150);--sbb-link-color-active: light-dark(var(--sbb-color-primary150), var(--sbb-color-silver));display:block}:host([negative]){--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-link-color-normal: var(--sbb-color-1-negative);--sbb-link-color-hover: var(--sbb-color-4-negative);--sbb-link-color-active: var(--sbb-color-silver)}:host(.sbb-active){--sbb-link-color-normal: var(--sbb-color-black);--sbb-link-color-normal: light-dark(var(--sbb-color-black), var(--sbb-color-cement));--sbb-link-text-decoration-line: underline}:host(.sbb-active[negative]){--sbb-link-color-normal: var(--sbb-color-cement);--sbb-link-text-decoration-line: underline}:host([size=xs]){--sbb-block-link-font-size: var(--sbb-text-font-size-xs)}:host([size=s]){--sbb-block-link-font-size: var(--sbb-text-font-size-s)}:host([size=m]){--sbb-block-link-font-size: var(--sbb-text-font-size-m)}.sbb-action-base{gap:var(--sbb-block-link-gap);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-block-link-font-size)}.sbb-link__icon{position:relative;height:calc(var(--sbb-typo-line-height-text) * 1em);width:var(--sbb-block-link-icon-size);flex:0 0 auto;align-self:start}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-link__icon{display:none}:host([icon-placement=end]) .sbb-link__icon{order:2}.sbb-link__icon ::slotted([slot=icon]),.sbb-link__icon sbb-icon{position:absolute;top:50%;transform:translateY(-50%)}", l = (l) => (() => {
+var c = ":host{--sbb-link-color-hover: light-dark(var(--sbb-color-primary125), var(--sbb-color-graphite));--sbb-link-color-active: light-dark(var(--sbb-color-primary150), var(--sbb-color-metal));--sbb-link-color-normal: var(--sbb-color-granite);--sbb-link-color-normal: light-dark(var(--sbb-color-granite), var(--sbb-color-white));--sbb-link-color-hover: var(--sbb-color-primary125);--sbb-link-color-hover: light-dark(var(--sbb-color-primary125), var(--sbb-color-cloud));--sbb-link-color-active: var(--sbb-color-primary150);--sbb-link-color-active: light-dark(var(--sbb-color-primary150), var(--sbb-color-silver));display:block}:host([negative]){--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-link-color-normal: var(--sbb-color-1-negative);--sbb-link-color-hover: var(--sbb-color-4-negative);--sbb-link-color-active: var(--sbb-color-silver)}:host(.sbb-active){--sbb-link-color-normal: var(--sbb-color-black);--sbb-link-color-normal: light-dark(var(--sbb-color-black), var(--sbb-color-cement));--sbb-link-text-decoration-line: underline}:host(.sbb-active[negative]){--sbb-link-color-normal: var(--sbb-color-cement);--sbb-link-text-decoration-line: underline}:host([size=xs]){--sbb-block-link-font-size: var(--sbb-text-font-size-xs)}:host([size=s]){--sbb-block-link-font-size: var(--sbb-text-font-size-s)}:host([size=m]){--sbb-block-link-font-size: var(--sbb-text-font-size-m)}.sbb-action-base{gap:var(--sbb-block-link-gap);font-size:var(--sbb-block-link-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text)}.sbb-link__icon{position:relative;height:calc(var(--sbb-typo-line-height-text) * 1em);width:var(--sbb-block-link-icon-size);flex:0 0 auto;align-self:start}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-link__icon{display:none}:host([icon-placement=end]) .sbb-link__icon{order:2}.sbb-link__icon ::slotted([slot=icon]),.sbb-link__icon sbb-icon{position:absolute;top:50%;translate:0 -50%}", l = (l) => (() => {
 	let u = e(s(l)), d, f = [], p = [], m, h = [], g = [];
 	return class extends u {
 		static {

package/breadcrumb/breadcrumb-group/breadcrumb-group.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../breadcrumb-group.component-Bfm4RZu7.js";
+import { t as e } from "../../breadcrumb-group.component-De3Lu3lx.js";
 export { e as SbbBreadcrumbGroupElement };

package/{breadcrumb-group.component-Bfm4RZu7.js → breadcrumb-group.component-De3Lu3lx.js}

@@ -5,7 +5,7 @@ import { SbbElement as o, SbbLanguageController as s, SbbNamedSlotListMixin as c
 import { SbbIconElement as m } from "./icon.pure.js";
 import { ResizeController as h } from "@lit-labs/observers/resize-controller.js";
 //#region src/elements/breadcrumb/breadcrumb-group/breadcrumb-group.scss?inline
-var g = ":host{display:block;min-width:0}:host(:is(:state(loaded),[state--loaded])){--sbb-breadcrumb-group-visibility: visible}:host(:is(:is(:state(state-collapsed),[state--state-collapsed]),:is(:state(state-manually-expanded),[state--state-manually-expanded]))){--sbb-breadcrumb-group-wrap: wrap}.sbb-breadcrumb-group{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-wrap:var(--sbb-breadcrumb-group-wrap);column-gap:var(--sbb-spacing-fixed-1x);visibility:var(--sbb-breadcrumb-group-visibility)}.sbb-breadcrumb-group__item{flex:0 0 auto;display:flex;column-gap:var(--sbb-spacing-fixed-1x)}.sbb-breadcrumb-group__divider-icon{color:var(--sbb-breadcrumb-group-ellipsis-color)}#sbb-breadcrumb-ellipsis{appearance:none;box-sizing:border-box;margin:0;outline:none;border:none;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;--sbb-text-font-size: var(--sbb-text-font-size-xxs);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);line-height:0;letter-spacing:.01em;width:var(--sbb-size-icon-ui-small);height:var(--sbb-size-icon-ui-small);border:var(--sbb-breadcrumb-group-ellipsis-border-width) solid var(--sbb-breadcrumb-group-ellipsis-border-color);border-radius:50%;padding-block-end:.5em;cursor:var(--sbb-cursor-pointer);color:var(--sbb-breadcrumb-group-ellipsis-color);background-color:var(--sbb-breadcrumb-group-ellipsis-background-color);overflow:hidden}@media(forced-colors:active){#sbb-breadcrumb-ellipsis{--sbb-breadcrumb-group-ellipsis-border-width: var(--sbb-border-width-2x);--sbb-breadcrumb-group-ellipsis-border-color: CanvasText}}@media(any-hover:hover){#sbb-breadcrumb-ellipsis:hover{--sbb-breadcrumb-group-ellipsis-color: var(--sbb-color-2);--sbb-breadcrumb-group-ellipsis-background-color: var(--sbb-background-color-3)}}@media(any-hover:hover)and (forced-colors:active){#sbb-breadcrumb-ellipsis:hover{--sbb-breadcrumb-group-ellipsis-border-color: Highlight}}#sbb-breadcrumb-ellipsis:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}", _ = 3, v = (() => {
+var g = ":host{display:block;min-width:0;line-height:var(--sbb-typo-line-height-text)}:host(:is(:state(loaded),[state--loaded])){--sbb-breadcrumb-group-visibility: visible}:host(:is(:is(:state(state-collapsed),[state--state-collapsed]),:is(:state(state-manually-expanded),[state--state-manually-expanded]))){--sbb-breadcrumb-group-wrap: wrap}.sbb-breadcrumb-group{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-wrap:var(--sbb-breadcrumb-group-wrap);column-gap:var(--sbb-spacing-fixed-1x);visibility:var(--sbb-breadcrumb-group-visibility)}.sbb-breadcrumb-group__item{flex:0 0 auto;display:flex;column-gap:var(--sbb-spacing-fixed-1x)}.sbb-breadcrumb-group__divider-icon{color:var(--sbb-breadcrumb-group-ellipsis-color)}#sbb-breadcrumb-ellipsis{appearance:none;box-sizing:border-box;margin:0;outline:none;border:none;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;font-family:var(--sbb-typo-font-family);font-weight:400;font-size:var(--sbb-text-font-size-xxs);line-height:0;letter-spacing:.01em;width:var(--sbb-size-icon-ui-small);height:var(--sbb-size-icon-ui-small);border:var(--sbb-breadcrumb-group-ellipsis-border-width) solid var(--sbb-breadcrumb-group-ellipsis-border-color);border-radius:50%;padding-block-end:.5em;cursor:var(--sbb-cursor-pointer);color:var(--sbb-breadcrumb-group-ellipsis-color);background-color:var(--sbb-breadcrumb-group-ellipsis-background-color);overflow:hidden}@media(forced-colors:active){#sbb-breadcrumb-ellipsis{--sbb-breadcrumb-group-ellipsis-border-width: var(--sbb-border-width-2x);--sbb-breadcrumb-group-ellipsis-border-color: CanvasText}}@media(any-hover:hover){#sbb-breadcrumb-ellipsis:hover{--sbb-breadcrumb-group-ellipsis-color: var(--sbb-color-2);--sbb-breadcrumb-group-ellipsis-background-color: var(--sbb-background-color-3)}}@media(any-hover:hover)and (forced-colors:active){#sbb-breadcrumb-ellipsis:hover{--sbb-breadcrumb-group-ellipsis-border-color: Highlight}}#sbb-breadcrumb-ellipsis:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}", _ = 3, v = (() => {
 	let v = c(o), y = [], b;
 	return class extends v {
 		static {

package/breadcrumb.js

@@ -1,4 +1,4 @@
-import { t as e } from "./breadcrumb-group.component-Bfm4RZu7.js";
+import { t as e } from "./breadcrumb-group.component-De3Lu3lx.js";
 import { t } from "./breadcrumb.component-C8fW9ONc.js";
 import "./breadcrumb.pure.js";
 t.define(), e.define();

package/breadcrumb.pure.js

@@ -1,3 +1,3 @@
-import { t as e } from "./breadcrumb-group.component-Bfm4RZu7.js";
+import { t as e } from "./breadcrumb-group.component-De3Lu3lx.js";
 import { t } from "./breadcrumb.component-C8fW9ONc.js";
 export { t as SbbBreadcrumbElement, e as SbbBreadcrumbGroupElement };

package/button/common/button-common.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../../button-common-C3wYY-UK.js";
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../../button-common-U0ZsZMjC.js";
 export { s as SbbButtonCommonElementMixin, r as buttonAccentStyle, a as buttonCommonStyle, n as buttonPrimaryStyle, e as buttonSecondaryStyle, i as buttonTransparentStyle, o as miniButtonLabelStyle, t as miniButtonStyle };