@sbb-esta/lyne-elements-dev 4.7.0-dev.1773388991 → 4.7.0-dev.1773396165

package/action-group.component-KWugkMGf.js

@@ -1,158 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n, html as r } from "lit";
-import { property as i } from "lit/decorators.js";
-import { SbbElement as a } from "./core/base-elements.js";
-import { isLean as o } from "./core/dom.js";
-import { boxSizingStyles as s } from "./core/styles.js";
-//#region src/elements/action-group/action-group.scss?lit&inline
-var c = n`:host{--sbb-action-group-gap:var(--sbb-spacing-fixed-4x);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);display:flex}: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 (width>=0){: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 (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 (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 (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 n = a, l, u = [], d = [], f, p = [], m = [], h, g = [], _ = [], v, y = [], b = [], x, S = [], C = [];
-	return class extends n {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			l = [i({
-				attribute: "align-group",
-				reflect: !0
-			})], f = [i({
-				attribute: "horizontal-from",
-				reflect: !0
-			})], h = [i({ reflect: !0 })], v = [i({
-				attribute: "button-size",
-				reflect: !0
-			})], x = [i({
-				attribute: "link-size",
-				reflect: !0
-			})], e(this, null, l, {
-				kind: "accessor",
-				name: "alignGroup",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "alignGroup" in e,
-					get: (e) => e.alignGroup,
-					set: (e, t) => {
-						e.alignGroup = t;
-					}
-				},
-				metadata: t
-			}, u, d), e(this, null, f, {
-				kind: "accessor",
-				name: "horizontalFrom",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "horizontalFrom" in e,
-					get: (e) => e.horizontalFrom,
-					set: (e, t) => {
-						e.horizontalFrom = t;
-					}
-				},
-				metadata: t
-			}, p, m), e(this, null, h, {
-				kind: "accessor",
-				name: "orientation",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "orientation" in e,
-					get: (e) => e.orientation,
-					set: (e, t) => {
-						e.orientation = t;
-					}
-				},
-				metadata: t
-			}, g, _), e(this, null, v, {
-				kind: "accessor",
-				name: "buttonSize",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "buttonSize" in e,
-					get: (e) => e.buttonSize,
-					set: (e, t) => {
-						e.buttonSize = t;
-					}
-				},
-				metadata: t
-			}, y, b), e(this, null, x, {
-				kind: "accessor",
-				name: "linkSize",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "linkSize" in e,
-					get: (e) => e.linkSize,
-					set: (e, t) => {
-						e.linkSize = t;
-					}
-				},
-				metadata: t
-			}, S, C), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-action-group";
-		}
-		static {
-			this.styles = [s, c];
-		}
-		#e = t(this, u, "start");
-		get alignGroup() {
-			return this.#e;
-		}
-		set alignGroup(e) {
-			this.#e = e;
-		}
-		#t = (t(this, d), t(this, p, "large"));
-		get horizontalFrom() {
-			return this.#t;
-		}
-		set horizontalFrom(e) {
-			this.#t = e;
-		}
-		#n = (t(this, m), t(this, g, "horizontal"));
-		get orientation() {
-			return this.#n;
-		}
-		set orientation(e) {
-			this.#n = e;
-		}
-		#r = (t(this, _), t(this, y, o() ? "s" : "l"));
-		get buttonSize() {
-			return this.#r;
-		}
-		set buttonSize(e) {
-			this.#r = e;
-		}
-		#i = (t(this, b), t(this, S, o() ? "xs" : "m"));
-		get linkSize() {
-			return this.#i;
-		}
-		set linkSize(e) {
-			this.#i = e;
-		}
-		willUpdate(e) {
-			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);
-		}
-		_syncLinks() {
-			this.querySelectorAll?.("sbb-block-link, sbb-block-link-button, sbb-block-link-static").forEach((e) => {
-				e.size = this.linkSize;
-			});
-		}
-		render() {
-			return r` <slot></slot> `;
-		}
-		constructor() {
-			super(...arguments), t(this, C);
-		}
-	};
-})();
-//#endregion
-export { l as t };

package/alert-group.component-RV1M1OKy.js

@@ -1,141 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n, nothing as r } from "lit";
-import { property as i, state as a } from "lit/decorators.js";
-import { SbbElement as o } from "./core/base-elements.js";
-import { forceType as s } from "./core/decorators.js";
-import { isEventPrevented as c } from "./core/eventing.js";
-import { boxSizingStyles as l } from "./core/styles.js";
-import { html as u, unsafeStatic as d } from "lit/static-html.js";
-//#region src/elements/alert/alert-group/alert-group.scss?lit&inline
-var f = n`: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{gap:var(--sbb-alert-group-gap);flex-direction:column;display:flex}: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{clip-path:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}`, p = (() => {
-	let n = o, p, m = [], h = [], g, _ = [], v = [], y, b = [], x = [], S, C = [], w = [];
-	return class extends n {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			p = [i({ reflect: !0 })], g = [s(), i({ attribute: "accessibility-title" })], y = [i({ attribute: "accessibility-title-level" })], S = [a()], e(this, null, p, {
-				kind: "accessor",
-				name: "role",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "role" in e,
-					get: (e) => e.role,
-					set: (e, t) => {
-						e.role = t;
-					}
-				},
-				metadata: t
-			}, m, h), e(this, null, g, {
-				kind: "accessor",
-				name: "accessibilityTitle",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "accessibilityTitle" in e,
-					get: (e) => e.accessibilityTitle,
-					set: (e, t) => {
-						e.accessibilityTitle = t;
-					}
-				},
-				metadata: t
-			}, _, v), e(this, null, y, {
-				kind: "accessor",
-				name: "accessibilityTitleLevel",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "accessibilityTitleLevel" in e,
-					get: (e) => e.accessibilityTitleLevel,
-					set: (e, t) => {
-						e.accessibilityTitleLevel = t;
-					}
-				},
-				metadata: t
-			}, b, x), e(this, null, S, {
-				kind: "accessor",
-				name: "_hasAlerts",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "_hasAlerts" in e,
-					get: (e) => e._hasAlerts,
-					set: (e, t) => {
-						e._hasAlerts = t;
-					}
-				},
-				metadata: t
-			}, C, w), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-alert-group";
-		}
-		static {
-			this.styles = [l, f];
-		}
-		static {
-			this.events = { empty: "empty" };
-		}
-		#e = t(this, m, "status");
-		get role() {
-			return this.#e;
-		}
-		set role(e) {
-			this.#e = e;
-		}
-		#t = (t(this, h), t(this, _, ""));
-		get accessibilityTitle() {
-			return this.#t;
-		}
-		set accessibilityTitle(e) {
-			this.#t = e;
-		}
-		#n = (t(this, v), t(this, b, "2"));
-		get accessibilityTitleLevel() {
-			return this.#n;
-		}
-		set accessibilityTitleLevel(e) {
-			this.#n = e;
-		}
-		#r = (t(this, x), t(this, C, !1));
-		get _hasAlerts() {
-			return this.#r;
-		}
-		set _hasAlerts(e) {
-			this.#r = e;
-		}
-		constructor() {
-			super(), t(this, w), this.addEventListener?.("close", async (e) => {
-				await c(e) || this._alertClosed(e);
-			}, { capture: !0 });
-		}
-		_alertClosed(e) {
-			let t = e.target;
-			document.activeElement === t && (this.tabIndex = 0, this.focus(), this.addEventListener("blur", () => this.removeAttribute("tabindex"), { once: !0 }));
-		}
-		_slotChanged(e) {
-			let t = this._hasAlerts;
-			this._hasAlerts = e.target.assignedElements().filter((e) => e instanceof Element && e.localName === "sbb-alert").length > 0, !this._hasAlerts && t && this.dispatchEvent(new Event("empty", {
-				composed: !0,
-				bubbles: !0
-			})), this.toggleState("empty", !this._hasAlerts);
-		}
-		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)}>` : r}
-        <slot @slotchange=${(e) => this._slotChanged(e)}></slot>
-      </div>
-    `;
-		}
-	};
-})();
-//#endregion
-export { p as t };

package/alert.component-PPR7hfTi.js

@@ -1,165 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n, html as r, nothing as i } from "lit";
-import { property as a } from "lit/decorators.js";
-import { SbbOpenCloseBaseElement 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 { SbbDarkModeController as d, SbbLanguageController as f } from "./core/controllers.js";
-import { i18nCloseAlert as p } from "./core/i18n.js";
-import { SbbIconNameMixin as m } from "./icon.js";
-import "./button/transparent-button.js";
-import "./divider.js";
-//#region src/elements/alert/alert/alert.scss?lit&inline
-var h = n`:host{--sbb-alert-background-color:var(--sbb-background-color-1-inverted);--sbb-alert-border-radius:var(--sbb-border-radius-4x);--sbb-alert-color:var(--lightningcss-light,var(--sbb-color-aluminium))var(--lightningcss-dark,var(--sbb-color-anthracite));--sbb-alert-padding:var(--sbb-spacing-responsive-xxs) var(--sbb-spacing-responsive-xs);--sbb-alert-icon-size:1.25rem;--sbb-alert-close-icon-margin:var(--sbb-spacing-responsive-xxs);--sbb-alert-gap:var(--sbb-spacing-fixed-2x) var(--sbb-spacing-responsive-xs);--sbb-alert-animation-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-6x));--sbb-alert-timing-function:ease-in;--sbb-alert-title-margin-block:0;display:block}@media (width>=64rem){:host{--sbb-alert-icon-size:1.75rem}}@media (forced-colors:active){:host{outline:var(--sbb-border-width-1x) solid CanvasText;border-radius:var(--sbb-alert-border-radius)}}:host(:is(:state(state-opening),[state--state-opening]):not([animation=open],[animation=all])),: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=l]){--sbb-alert-icon-size:var(--sbb-size-icon-ui-small);--sbb-alert-title-margin-block:0 var(--sbb-spacing-fixed-1x)}@media (width>=64rem){:host([size=l]){--sbb-alert-icon-size:2.125rem}}:host(:not(:is(:state(dark),[state--dark]))){--sbb-focus-outline-color:var(--sbb-focus-outline-color-dark)}.sbb-alert__transition-wrapper{opacity:0;grid-template-rows:0fr;display:grid}:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-alert__transition-wrapper{opacity:1;grid-template-rows:1fr}:host(:is(:state(state-opening),[state--state-opening])) .sbb-alert__transition-wrapper{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])) .sbb-alert__transition-wrapper{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-sub-wrapper{overflow:hidden}.sbb-alert{--sbb-text-font-size:var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);align-items:center;gap:var(--sbb-alert-gap);min-width:fit-content;padding:var(--sbb-alert-padding);color:var(--sbb-alert-color);background-color:var(--sbb-alert-background-color);border-radius:var(--sbb-alert-border-radius);grid-template-columns:1fr auto;display:grid;overflow:hidden}@media (width>=37.5rem){.sbb-alert{grid-template-columns:auto 1fr auto;align-items:flex-start}}.sbb-alert__icon{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);align-items:start;display:flex}.sbb-alert__content{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;order:3;grid-column:1/3}@media (width>=37.5rem){.sbb-alert__content{order:initial;grid-column-start:initial;grid-column-end:initial}}.sbb-alert__content-slot{margin:0;padding:0;display:inline}.sbb-alert__close-button-wrapper{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;justify-content:flex-end;align-items:center;height:100%;display:flex}@media (width>=37.5rem){.sbb-alert__close-button{margin-inline-start:var(--sbb-alert-close-icon-margin)}}.sbb-alert__close-button-divider{display:none}@media (width>=37.5rem){.sbb-alert__close-button-divider{height:calc(100% - var(--sbb-spacing-fixed-1x) * 2);display:block}}@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)}`, g = (() => {
-	let n = m(l(o)), g, _ = [], v = [], y, b = [], x = [];
-	return class extends n {
-		constructor() {
-			super(...arguments), this.#e = t(this, _, s() ? "s" : "m"), this.#t = (t(this, v), t(this, b, "all")), this._language = (t(this, x), new f(this)), this._darkModeController = new d(this, () => {
-				this._syncLinks(), this._configureTitle(), this.requestUpdate();
-			});
-		}
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			g = [a({ reflect: !0 })], y = [a({ reflect: !0 })], e(this, null, g, {
-				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
-			}, _, v), e(this, null, y, {
-				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
-			}, b, x), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-alert";
-		}
-		static {
-			this.styles = [u, h];
-		}
-		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;
-		}
-		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 c(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 r`
-      <div class="sbb-alert__transition-wrapper" @animationend=${this._onAnimationEnd}>
-        <!-- sub wrapper needed to properly support fade in animation -->
-        <div class="sbb-alert__transition-sub-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 ? i : r`<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=${p[this._language.current]}
-                    class="sbb-alert__close-button"
-                  ></sbb-transparent-button>
-                </span>`}
-          </div>
-        </div>
-      </div>
-    `;
-		}
-	};
-})();
-//#endregion
-export { g as t };