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

package/expansion-panel/expansion-panel-content/expansion-panel-content.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../expansion-panel-content.component-CL_uEP-7.js";
+import { t as e } from "../../expansion-panel-content.component-BUIoU-or.js";
 export { e as SbbExpansionPanelContentElement };

package/expansion-panel/expansion-panel-header/expansion-panel-header.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../expansion-panel-header.component-DYvq-uUi.js";
+import { t as e } from "../../expansion-panel-header.component-BEpspobZ.js";
 export { e as SbbExpansionPanelHeaderElement };

package/expansion-panel.js

@@ -1,6 +1,6 @@
-import { t as e } from "./expansion-panel-content.component-CL_uEP-7.js";
-import { t } from "./expansion-panel-header.component-DYvq-uUi.js";
-import { t as n } from "./expansion-panel.component-BYOTclLb.js";
+import { t as e } from "./expansion-panel-content.component-BUIoU-or.js";
+import { t } from "./expansion-panel-header.component-BEpspobZ.js";
+import { t as n } from "./expansion-panel.component-CsWsLEVk.js";
 import "./expansion-panel.pure.js";
 n.define(), e.define(), t.define();
 //#endregion

package/expansion-panel.pure.js

@@ -1,4 +1,4 @@
-import { t as e } from "./expansion-panel-content.component-CL_uEP-7.js";
-import { t } from "./expansion-panel-header.component-DYvq-uUi.js";
-import { t as n } from "./expansion-panel.component-BYOTclLb.js";
+import { t as e } from "./expansion-panel-content.component-BUIoU-or.js";
+import { t } from "./expansion-panel-header.component-BEpspobZ.js";
+import { t as n } from "./expansion-panel.component-CsWsLEVk.js";
 export { e as SbbExpansionPanelContentElement, n as SbbExpansionPanelElement, t as SbbExpansionPanelHeaderElement };

package/file-selector/common/file-selector-common.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../file-selector-common-CMLaHuDP.js";
+import { n as e, t } from "../../file-selector-common-jpJmVqAw.js";
 export { t as SbbFileSelectorCommonElementMixin, e as fileSelectorCommonStyle };

package/file-selector/file-selector-dropzone/file-selector-dropzone.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../file-selector-dropzone.component-DYLTIaiE.js";
+import { t as e } from "../../file-selector-dropzone.component-DDRTu6p2.js";
 export { e as SbbFileSelectorDropzoneElement };

package/{file-selector-common-CMLaHuDP.js → file-selector-common-jpJmVqAw.js}

@@ -1,15 +1,15 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
 import { nothing as n, unsafeCSS as r } from "lit";
 import { property as i } from "lit/decorators.js";
-import { SbbDisabledMixin as a, SbbFormAssociatedMixin as o, SbbLanguageController as s, forceType as c, forwardEvent as l, i18nFileSelectorButtonLabel as u, i18nFileSelectorButtonLabelMultiple as d, i18nFileSelectorCurrentlySelected as f, i18nFileSelectorDeleteFile as p, isLean as m, sbbInputModalityDetector as h, ɵstateController as g } from "./core.js";
-import { html as _, unsafeStatic as v } from "lit/static-html.js";
-import { SbbSecondaryButtonElement as y } from "./button.pure.js";
-import { ref as b } from "lit/directives/ref.js";
+import { SbbDisabledMixin as a, SbbFormAssociatedMixin as o, SbbLanguageController as s, forceType as c, forwardEvent as l, i18nFileSelectorButtonLabel as u, i18nFileSelectorButtonLabelMultiple as d, i18nFileSelectorCurrentlySelected as f, i18nFileSelectorDeleteFile as p, isLean as m, sbbInputModalityDetector as h, screenReaderOnlyStyles as g, ɵstateController as _ } from "./core.js";
+import { html as v, unsafeStatic as y } from "lit/static-html.js";
+import { SbbSecondaryButtonElement as b } from "./button.pure.js";
+import { ref as x } from "lit/directives/ref.js";
 //#endregion
 //#region src/elements/file-selector/common/file-selector-common.ts
-var x = r(":host{--sbb-file-selector-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );display:block;width:20rem}@media(forced-colors:active){:host(:disabled){--sbb-file-selector-color: GrayText;--sbb-file-selector-subtitle-color: GrayText;--sbb-file-selector-border-color: GrayText}}:host(:is(:state(active),[state--active])){--sbb-file-selector-background-color: var(--sbb-background-color-3);--sbb-file-selector-border-color: var(--sbb-color-storm);--sbb-file-selector-border-color: light-dark(var(--sbb-color-storm), var(--sbb-color-anthracite))}@media(forced-colors:active){:host(:is(:state(active),[state--active])){--sbb-file-selector-border-color: Highlight}}.sbb-file-selector__input-container{-webkit-tap-highlight-color:transparent;display:flex;flex-direction:column}.sbb-file-selector__visually-hidden{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sbb-file-selector__file-list{display:flex;flex-direction:column;row-gap:var(--sbb-spacing-fixed-3x);margin-block:0;padding-inline:0;padding-block:var(--sbb-spacing-fixed-6x) var(--sbb-spacing-fixed-1x)}.sbb-file-selector__file{--sbb-text-font-size: var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);display:flex;gap:var(--sbb-spacing-fixed-4x);align-items:center;justify-content:space-between}.sbb-file-selector__file-details{display:flex;flex:1;justify-content:space-between;gap:var(--sbb-spacing-fixed-4x);overflow:auto}.sbb-file-selector__file-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sbb-file-selector__file-size{white-space:nowrap;color:var(--sbb-color-metal);color:light-dark(var(--sbb-color-metal),var(--sbb-color-smoke))}:host(:not(:is(:state(slotted-error),[state--slotted-error]))) .sbb-file-selector__error{display:none}"), S = (r) => (() => {
-	let x = a(o(r)), S = [], C, w = [], T = [], E, D = [], O = [], k, A = [], j = [], M, N = [], P = [], F, I = [], L = [], R, z;
-	return class extends x {
+var S = [g, r(":host{--sbb-file-selector-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );display:block;width:20rem}@media(forced-colors:active){:host(:disabled){--sbb-file-selector-color: GrayText;--sbb-file-selector-subtitle-color: GrayText;--sbb-file-selector-border-color: GrayText}}:host(:is(:state(active),[state--active])){--sbb-file-selector-background-color: var(--sbb-background-color-3);--sbb-file-selector-border-color: var(--sbb-color-storm);--sbb-file-selector-border-color: light-dark(var(--sbb-color-storm), var(--sbb-color-anthracite))}@media(forced-colors:active){:host(:is(:state(active),[state--active])){--sbb-file-selector-border-color: Highlight}}.sbb-file-selector__input-container{-webkit-tap-highlight-color:transparent;display:flex;flex-direction:column}.sbb-file-selector__file-list{display:flex;flex-direction:column;row-gap:var(--sbb-spacing-fixed-3x);margin-block:0;padding-inline:0;padding-block:var(--sbb-spacing-fixed-6x) var(--sbb-spacing-fixed-1x)}.sbb-file-selector__file{--sbb-text-font-size: var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);display:flex;gap:var(--sbb-spacing-fixed-4x);align-items:center;justify-content:space-between}.sbb-file-selector__file-details{display:flex;flex:1;justify-content:space-between;gap:var(--sbb-spacing-fixed-4x);overflow:auto}.sbb-file-selector__file-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sbb-file-selector__file-size{white-space:nowrap;color:var(--sbb-color-metal);color:light-dark(var(--sbb-color-metal),var(--sbb-color-smoke))}:host(:not(:is(:state(slotted-error),[state--slotted-error]))) .sbb-file-selector__error{display:none}")], C = (r) => (() => {
+	let g = a(o(r)), S = [], C, w = [], T = [], E, D = [], O = [], k, A = [], j = [], M, N = [], P = [], F, I = [], L = [], R, z;
+	return class extends g {
 		constructor() {
 			super(...arguments), this.#e = (t(this, S), t(this, w, m() ? "s" : "m")), this.#t = (t(this, T), t(this, D, !1)), this.#n = (t(this, O), t(this, A, "default")), this.#r = (t(this, j), t(this, N, "")), this.#i = (t(this, P), t(this, I, "")), this._files = (t(this, L), []), this._suffixes = [
 				"B",
@@ -20,7 +20,7 @@ var x = r(":host{--sbb-file-selector-transition-duration: var( --sbb-disable-ani
 			], this.language = new s(this), this._counter = 0;
 		}
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(x[Symbol.metadata] ?? null) : void 0;
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(g[Symbol.metadata] ?? null) : void 0;
 			C = [i({ reflect: !0 })], E = [c(), i({ type: Boolean })], k = [i({ attribute: "multiple-mode" })], M = [c(), i()], F = [c(), i({ attribute: "accessibility-label" })], R = [i({ attribute: !1 })], z = [i({ attribute: !1 })], e(this, null, C, {
 				kind: "accessor",
 				name: "size",
@@ -118,7 +118,7 @@ var x = r(":host{--sbb-file-selector-transition-duration: var( --sbb-disable-ani
 			});
 		}
 		static {
-			this.elementDependencies = [y];
+			this.elementDependencies = [b];
 		}
 		static {
 			this.events = { filechanged: "filechanged" };
@@ -189,10 +189,10 @@ var x = r(":host{--sbb-file-selector-transition-duration: var( --sbb-disable-ani
 			return e.name === t.name && e.size === t.size && e.lastModified === t.lastModified;
 		}
 		_onFocus() {
-			h.mostRecentModality === "keyboard" && g(this.loadButton).add("focus-visible");
+			h.mostRecentModality === "keyboard" && _(this.loadButton).add("focus-visible");
 		}
 		_onBlur() {
-			g(this.loadButton).delete("focus-visible");
+			_(this.loadButton).delete("focus-visible");
 		}
 		_readFiles(e) {
 			let t = e.target;
@@ -233,10 +233,10 @@ var x = r(":host{--sbb-file-selector-transition-duration: var( --sbb-disable-ani
 				WRAPPER: "div",
 				ELEMENT: "span"
 			};
-			return _`
-      <${v(e.WRAPPER)} class="sbb-file-selector__file-list">
-        ${this.files.map((t) => _`
-            <${v(e.ELEMENT)} class="sbb-file-selector__file">
+			return v`
+      <${y(e.WRAPPER)} class="sbb-file-selector__file-list">
+        ${this.files.map((t) => v`
+            <${y(e.ELEMENT)} class="sbb-file-selector__file">
                 <span class="sbb-file-selector__file-details">
                   <span class="sbb-file-selector__file-name">${t.name}</span>
                   <span class="sbb-file-selector__file-size">${this._formatFileSize(t.size)}</span>
@@ -247,8 +247,8 @@ var x = r(":host{--sbb-file-selector-transition-duration: var( --sbb-disable-ani
                 @click=${() => this._removeFile(t)}
                 aria-label=${`${p[this.language.current]} - ${t.name}`}
               ></sbb-secondary-button>
-            </${v(e.ELEMENT)}>`)}
-      </${v(e.WRAPPER)}>
+            </${y(e.ELEMENT)}>`)}
+      </${y(e.WRAPPER)}>
     `;
 		}
 		_onDragEnter(e) {
@@ -264,11 +264,11 @@ var x = r(":host{--sbb-file-selector-transition-duration: var( --sbb-disable-ani
 			e.stopPropagation(), e.preventDefault();
 		}
 		_setDragState(e = void 0, t = !1) {
-			this._dragTarget = e, this.toggleState("active", t), g(this.loadButton).toggle("active", t);
+			this._dragTarget = e, this.toggleState("active", t), _(this.loadButton).toggle("active", t);
 		}
 		render() {
 			let e = this.accessibilityLabel ? `${this.getButtonLabel()} - ${this.accessibilityLabel}` : void 0;
-			return _`
+			return v`
         <div
           class="sbb-file-selector__input-container"
           @dragenter=${this._onDragEnter}
@@ -276,8 +276,8 @@ var x = r(":host{--sbb-file-selector-transition-duration: var( --sbb-disable-ani
           @dragleave=${this._onDragLeave}
           @drop=${this._onFileDrop}
         >
-          ${this.renderTemplate(_`<input
-              class="sbb-file-selector__visually-hidden"
+          ${this.renderTemplate(v`<input
+              class="sbb-screen-reader-only"
               type="file"
               ?disabled=${this.disabled || this.formDisabled}
               ?multiple=${this.multiple}
@@ -286,15 +286,15 @@ var x = r(":host{--sbb-file-selector-transition-duration: var( --sbb-disable-ani
               @change=${this._readFiles}
               @focus=${this._onFocus}
               @blur=${this._onBlur}
-              ${b((e) => {
+              ${x((e) => {
 				this._hiddenInput = e;
 			})}
             />`)}
         </div>
         <p
           role="status"
-          class="sbb-file-selector__visually-hidden"
-          ${b((e) => this._liveRegion = e)}
+          class="sbb-screen-reader-only"
+          ${x((e) => this._liveRegion = e)}
         ></p>
         ${this.files.length > 0 ? this._renderFileList() : n}
         <div class="sbb-file-selector__error">
@@ -305,4 +305,4 @@ var x = r(":host{--sbb-file-selector-transition-duration: var( --sbb-disable-ani
 	};
 })();
 //#endregion
-export { x as n, S as t };
+export { S as n, C as t };

package/file-selector.js

@@ -1,5 +1,5 @@
-import { n as e, t } from "./file-selector-common-CMLaHuDP.js";
-import { t as n } from "./file-selector-dropzone.component-DYLTIaiE.js";
+import { n as e, t } from "./file-selector-common-jpJmVqAw.js";
+import { t as n } from "./file-selector-dropzone.component-DDRTu6p2.js";
 import { SbbFileSelectorElement as r } from "./file-selector/file-selector/file-selector.component.js";
 import "./file-selector.pure.js";
 r.define(), n.define();

package/file-selector.pure.js

@@ -1,4 +1,4 @@
-import { n as e, t } from "./file-selector-common-CMLaHuDP.js";
-import { t as n } from "./file-selector-dropzone.component-DYLTIaiE.js";
+import { n as e, t } from "./file-selector-common-jpJmVqAw.js";
+import { t as n } from "./file-selector-dropzone.component-DDRTu6p2.js";
 import { SbbFileSelectorElement as r } from "./file-selector/file-selector/file-selector.component.js";
 export { t as SbbFileSelectorCommonElementMixin, n as SbbFileSelectorDropzoneElement, r as SbbFileSelectorElement, e as fileSelectorCommonStyle };

package/flip-card/flip-card/flip-card.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../flip-card.component-Cq5BUWxc.js";
+import { t as e } from "../../flip-card.component-B5LwF2C_.js";
 export { e as SbbFlipCardElement };

package/flip-card/flip-card-details/flip-card-details.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../flip-card-details.component-DXpqywbn.js";
+import { t as e } from "../../flip-card-details.component-BimJHkPF.js";
 export { e as SbbFlipCardDetailsElement };

package/flip-card/flip-card-summary/flip-card-summary.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../flip-card-summary.component-X3PL0o4l.js";
+import { t as e } from "../../flip-card-summary.component-BddrB2kn.js";
 export { e as SbbFlipCardSummaryElement };

package/{flip-card.component-Cq5BUWxc.js → flip-card.component-B5LwF2C_.js}

@@ -1,7 +1,7 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
 import { html as n, isServer as r, unsafeCSS as i } from "lit";
 import { property as a, state as o } from "lit/decorators.js";
-import { IS_FOCUSABLE_QUERY as s, SbbElement as c, SbbLanguageController as l, SbbPropertyWatcherController as u, SbbScreenReaderOnlyElement as d, boxSizingStyles as f, forceType as p, i18nFlipCard as m, i18nReverseCard as h, ɵstateController as g } from "./core.js";
+import { IS_FOCUSABLE_QUERY as s, SbbElement as c, SbbLanguageController as l, SbbPropertyWatcherController as u, boxSizingStyles as d, forceType as f, i18nFlipCard as p, i18nReverseCard as m, screenReaderOnlyStyles as h, ɵstateController as g } from "./core.js";
 import { SbbSecondaryButtonStaticElement as _ } from "./button.pure.js";
 import { ResizeController as v } from "@lit-labs/observers/resize-controller.js";
 import { until as y } from "lit/directives/until.js";
@@ -11,7 +11,7 @@ var b = ":host{--sbb-flip-card-summary-transition-duration: var( --sbb-disable-a
 	return class extends x {
 		static {
 			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(x[Symbol.metadata] ?? null) : void 0;
-			S = [p(), a({ attribute: "accessibility-label" })], T = [o()], e(this, null, S, {
+			S = [f(), a({ attribute: "accessibility-label" })], T = [o()], e(this, null, S, {
 				kind: "accessor",
 				name: "accessibilityLabel",
 				static: !1,
@@ -48,10 +48,14 @@ var b = ":host{--sbb-flip-card-summary-transition-duration: var( --sbb-disable-a
 			this.elementName = "sbb-flip-card";
 		}
 		static {
-			this.elementDependencies = [_, d];
+			this.elementDependencies = [_];
 		}
 		static {
-			this.styles = [f, i(b)];
+			this.styles = [
+				d,
+				h,
+				i(b)
+			];
 		}
 		static {
 			this.events = { flip: "flip" };
@@ -104,7 +108,7 @@ var b = ":host{--sbb-flip-card-summary-transition-duration: var( --sbb-disable-a
 			this.style?.setProperty("--sbb-flip-card-details-height", `${e}px`);
 		}
 		async _accessibilityLabel() {
-			return r ? "" : (await this.hydrationComplete, this._flipped ? h[this._language.current] : `${(this.accessibilityLabel ? this.accessibilityLabel : this.summary?.textContent?.trim()) ?? ""}, ${m[this._language.current]}`);
+			return r ? "" : (await this.hydrationComplete, this._flipped ? m[this._language.current] : `${(this.accessibilityLabel ? this.accessibilityLabel : this.summary?.textContent?.trim()) ?? ""}, ${p[this._language.current]}`);
 		}
 		render() {
 			return n`
@@ -114,7 +118,7 @@ var b = ":host{--sbb-flip-card-summary-transition-duration: var( --sbb-disable-a
           aria-expanded=${this._flipped.toString()}
           type="button"
         >
-          <sbb-screen-reader-only>${y(this._accessibilityLabel(), "")}</sbb-screen-reader-only>
+          <span class="sbb-screen-reader-only">${y(this._accessibilityLabel(), "")}</span>
         </button>
         <slot name="summary" @slotchange=${() => this.summary.inert = this._flipped}></slot>
         <slot name="details" @slotchange=${() => this.details.inert = !this._flipped}></slot>

package/flip-card.js

@@ -1,6 +1,6 @@
-import { t as e } from "./flip-card-details.component-DXpqywbn.js";
-import { t } from "./flip-card-summary.component-X3PL0o4l.js";
-import { t as n } from "./flip-card.component-Cq5BUWxc.js";
+import { t as e } from "./flip-card-details.component-BimJHkPF.js";
+import { t } from "./flip-card-summary.component-BddrB2kn.js";
+import { t as n } from "./flip-card.component-B5LwF2C_.js";
 import "./flip-card.pure.js";
 n.define(), e.define(), t.define();
 //#endregion

package/flip-card.pure.js

@@ -1,4 +1,4 @@
-import { t as e } from "./flip-card-details.component-DXpqywbn.js";
-import { t } from "./flip-card-summary.component-X3PL0o4l.js";
-import { t as n } from "./flip-card.component-Cq5BUWxc.js";
+import { t as e } from "./flip-card-details.component-BimJHkPF.js";
+import { t } from "./flip-card-summary.component-BddrB2kn.js";
+import { t as n } from "./flip-card.component-B5LwF2C_.js";
 export { e as SbbFlipCardDetailsElement, n as SbbFlipCardElement, t as SbbFlipCardSummaryElement };

package/footer/footer.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../footer.component-CdTEaV6u.js";
+import { t as e } from "../footer.component-CiGxXBJM.js";
 export { e as SbbFooterElement };

package/footer.component-CiGxXBJM.js

@@ -0,0 +1,130 @@
+import { __esDecorate as e, __runInitializers as t } from "tslib";
+import { nothing as n, unsafeCSS as r } from "lit";
+import { property as i } from "lit/decorators.js";
+import { SbbElement as a, SbbNegativeMixin as o, boxSizingStyles as s, forceType as c, screenReaderOnlyStyles as l } from "./core.js";
+import { html as u, unsafeStatic as d } from "lit/static-html.js";
+//#region src/elements/footer/footer.scss?inline
+var f = ":host{--sbb-link-text-decoration-line: none;display:block}:host([negative]){--sbb-footer-background-color: var(--sbb-background-color-2-negative);--sbb-footer-color: var(--sbb-color-1-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}.sbb-footer{font-size:var(--sbb-footer-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text);color:var(--sbb-footer-color);padding-block:var(--sbb-footer-padding-block);background-color:var(--sbb-footer-background-color)}@media(forced-colors:active){.sbb-footer{border-block-start:var(--sbb-border-width-1x) solid CanvasText}}:host(:not([expanded])) .sbb-footer-wrapper{padding-inline:var(--sbb-page-spacing-padding, var(--sbb-layout-base-offset-responsive));margin-inline:auto;width:100%}@media(min-width:90rem){:host(:not([expanded])) .sbb-footer-wrapper{max-width:var(--sbb-spacing-max-width, calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive)))}}:host([expanded]) .sbb-footer-wrapper{padding-inline:var(--sbb-page-spacing-padding, var(--sbb-spacing-responsive-xxs))}::slotted(.sbb-link-list-button-group){display:flex;flex-direction:column;gap:var(--sbb-spacing-fixed-6x);align-items:flex-start}:host([variant=clock-columns]) slot{display:grid;grid-template-columns:auto;grid-template-rows:auto;column-gap:var(--sbb-footer-gap-horizontal)}@media(min-width:37.5rem){:host([variant=clock-columns]) slot{grid-template-columns:calc(50% - var(--sbb-footer-gap-horizontal) / 2)}}@media(min-width:90rem){:host([variant=clock-columns]) slot{max-width:var(--sbb-footer-content-max-width);margin-inline:auto;grid-template-columns:repeat(4,1fr)}}:host([variant=clock-columns]) ::slotted(*:not(:last-child,sbb-divider)){margin-block-end:var(--sbb-footer-gap-vertical)}:host([variant=clock-columns]) ::slotted(sbb-clock){width:var(--sbb-footer-clock-width);grid-row:1}@media(min-width:37.5rem){:host([variant=clock-columns]) ::slotted(sbb-clock){align-self:start;grid-row:2}}@media(min-width:90rem){:host([variant=clock-columns]) ::slotted(sbb-clock){grid-row:1;grid-column:4/5;justify-self:end}}:host([variant=clock-columns]) ::slotted(sbb-divider){margin-block:calc(var(--sbb-spacing-responsive-xl) - var(--sbb-footer-gap-vertical)) var(--sbb-spacing-responsive-s)}@media(min-width:37.5rem){:host([variant=clock-columns]) ::slotted(sbb-divider){grid-row:3;grid-column:1/4;width:100%}}@media(min-width:90rem){:host([variant=clock-columns]) ::slotted(sbb-divider){grid-row:2}}@media(min-width:37.5rem){:host([variant=clock-columns]) ::slotted(:nth-child(-n+2)){grid-row:1}:host([variant=clock-columns]) ::slotted(:nth-child(3)),:host([variant=clock-columns]) ::slotted(:nth-child(4)){grid-row:2}:host([variant=clock-columns]) ::slotted(*:last-child){grid-row:4}}@media(min-width:64rem){:host([variant=clock-columns]) ::slotted(*:last-child){grid-column:1/4}}@media(min-width:90rem){:host([variant=clock-columns]) ::slotted(:nth-child(-n+4)){grid-row:1}:host([variant=clock-columns]) ::slotted(*:last-child){grid-row:3}:host([variant=clock-columns]) ::slotted(sbb-divider),:host([variant=clock-columns]) ::slotted(*:last-child){grid-column:1/5}}", p = (() => {
+	let p = o(a), m, h = [], g = [], _, v = [], y = [], b, x = [], S = [], C, w = [], T = [];
+	return class extends p {
+		static {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(p[Symbol.metadata] ?? null) : void 0;
+			m = [i({ reflect: !0 })], _ = [c(), i({
+				reflect: !0,
+				type: Boolean
+			})], b = [c(), i({ attribute: "accessibility-title" })], C = [i({ attribute: "accessibility-title-level" })], e(this, null, m, {
+				kind: "accessor",
+				name: "variant",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "variant" in e,
+					get: (e) => e.variant,
+					set: (e, t) => {
+						e.variant = t;
+					}
+				},
+				metadata: t
+			}, h, g), e(this, null, _, {
+				kind: "accessor",
+				name: "expanded",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "expanded" in e,
+					get: (e) => e.expanded,
+					set: (e, t) => {
+						e.expanded = t;
+					}
+				},
+				metadata: t
+			}, v, y), e(this, null, b, {
+				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
+			}, x, S), e(this, null, C, {
+				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
+			}, w, T), t && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: t
+			});
+		}
+		static {
+			this.elementName = "sbb-footer";
+		}
+		static {
+			this.styles = [
+				s,
+				l,
+				r(f)
+			];
+		}
+		#e = t(this, h, "default");
+		get variant() {
+			return this.#e;
+		}
+		set variant(e) {
+			this.#e = e;
+		}
+		#t = (t(this, g), t(this, v, !1));
+		get expanded() {
+			return this.#t;
+		}
+		set expanded(e) {
+			this.#t = e;
+		}
+		#n = (t(this, y), t(this, x, ""));
+		get accessibilityTitle() {
+			return this.#n;
+		}
+		set accessibilityTitle(e) {
+			this.#n = e;
+		}
+		#r = (t(this, S), t(this, w, "1"));
+		get accessibilityTitleLevel() {
+			return this.#r;
+		}
+		set accessibilityTitleLevel(e) {
+			this.#r = e;
+		}
+		render() {
+			let e = `h${this.accessibilityTitleLevel}`, t = u`<${d(e)} class="sbb-screen-reader-only"
+        >${this.accessibilityTitle}</${d(e)}>`;
+			return u`
+      <footer class="sbb-footer">
+        <div class="sbb-footer-wrapper">
+          ${this.accessibilityTitle ? t : n}
+          <slot></slot>
+        </div>
+      </footer>
+    `;
+		}
+		constructor() {
+			super(...arguments), t(this, T);
+		}
+	};
+})();
+//#endregion
+export { p as t };

package/footer.js

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

package/footer.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./footer.component-CdTEaV6u.js";
+import { t as e } from "./footer.component-CiGxXBJM.js";
 export { e as SbbFooterElement };

package/form-field/error/error.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../error.component-D3JgDJfN.js";
+import { t as e } from "../../error.component-BQunFrfb.js";
 export { e as SbbErrorElement };

package/form-field/form-field/form-field.component.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../form-field.component-Dtzbp6-e.js";
+import { n as e, t } from "../../form-field.component-AvB2mmM3.js";
 export { t as SbbFormFieldControlEvent, e as SbbFormFieldElement };

package/form-field/form-field-text-counter/form-field-text-counter.component.js

@@ -1,24 +1,24 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
 import { html as n } from "lit";
 import { state as r } from "lit/decorators.js";
-import { SbbLanguageController as i, SbbScreenReaderOnlyElement as a, i18nRemainingCharacters as o, sbbLiveAnnouncer as s } from "../../core.js";
-import { SbbHintElement as c } from "../hint/hint.component.js";
+import { SbbLanguageController as i, i18nRemainingCharacters as a, sbbLiveAnnouncer as o } from "../../core.js";
+import { SbbHintElement as s } from "../hint/hint.component.js";
 //#region src/elements/form-field/form-field-text-counter/form-field-text-counter.component.ts
-var l = [
+var c = [
 	100,
 	50,
 	25,
 	10,
 	0
-], u = (() => {
-	let u = c, d, f = [], p = [];
-	return class extends u {
+], l = (() => {
+	let l = s, u, d = [], f = [];
+	return class extends l {
 		constructor() {
-			super(...arguments), this.#e = t(this, f, 0), this._language = (t(this, p), new i(this)), this._abortController = null;
+			super(...arguments), this.#e = t(this, d, 0), this._language = (t(this, f), new i(this)), this._abortController = null;
 		}
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(u[Symbol.metadata] ?? null) : void 0;
-			d = [r()], e(this, null, d, {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(l[Symbol.metadata] ?? null) : void 0;
+			u = [r()], e(this, null, u, {
 				kind: "accessor",
 				name: "_remainingCharacters",
 				static: !1,
@@ -31,7 +31,7 @@ var l = [
 					}
 				},
 				metadata: t
-			}, f, p), t && Object.defineProperty(this, Symbol.metadata, {
+			}, d, f), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -42,10 +42,7 @@ var l = [
 			this.elementName = "sbb-form-field-text-counter";
 		}
 		static {
-			this.elementDependencies = [a];
-		}
-		static {
-			this.styles = [c.styles];
+			this.styles = [super.styles];
 		}
 		#e;
 		get _remainingCharacters() {
@@ -66,17 +63,17 @@ var l = [
 			let e = this.formField?.inputElement;
 			if (!e) return;
 			let t = e.maxLength ?? 0, n = e.value?.length ?? 0;
-			this._remainingCharacters = Math.max(t - n, 0), [...l.map((e) => Math.round(e / 100 * t))].includes(this._remainingCharacters) && s.announce(this._infoText());
+			this._remainingCharacters = Math.max(t - n, 0), [...c.map((e) => Math.round(e / 100 * t))].includes(this._remainingCharacters) && o.announce(this._infoText());
 		}
 		_infoText() {
-			return `${this._remainingCharacters} ${o[this._language.current]}`;
+			return `${this._remainingCharacters} ${a[this._language.current]}`;
 		}
 		render() {
 			return n`${this._remainingCharacters}<slot>
-        ${o[this._language.current]}</slot
+        ${a[this._language.current]}</slot
       >`;
 		}
 	};
 })();
 //#endregion
-export { u as SbbFormFieldTextCounterElement };
+export { l as SbbFormFieldTextCounterElement };

package/form-field/hint/hint.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../hint.component-BB_h0G6v.js";
+import { t as e } from "../../hint.component-BmPr9V0f.js";
 export { e as SbbHintElement };

package/form-field.js

@@ -1,8 +1,8 @@
-import { t as e } from "./error.component-D3JgDJfN.js";
-import { n as t, t as n } from "./form-field.component-Dtzbp6-e.js";
+import { t as e } from "./error.component-BQunFrfb.js";
+import { n as t, t as n } from "./form-field.component-AvB2mmM3.js";
 import { SbbFormFieldClearElement as r } from "./form-field/form-field-clear/form-field-clear.component.js";
 import { SbbFormFieldTextCounterElement as i } from "./form-field/form-field-text-counter/form-field-text-counter.component.js";
-import { t as a } from "./hint.component-BB_h0G6v.js";
+import { t as a } from "./hint.component-BmPr9V0f.js";
 import "./form-field.pure.js";
 e.define(), r.define(), t.define(), i.define(), a.define();
 //#endregion

package/form-field.pure.js

@@ -1,6 +1,6 @@
-import { t as e } from "./error.component-D3JgDJfN.js";
-import { n as t, t as n } from "./form-field.component-Dtzbp6-e.js";
+import { t as e } from "./error.component-BQunFrfb.js";
+import { n as t, t as n } from "./form-field.component-AvB2mmM3.js";
 import { SbbFormFieldClearElement as r } from "./form-field/form-field-clear/form-field-clear.component.js";
 import { SbbFormFieldTextCounterElement as i } from "./form-field/form-field-text-counter/form-field-text-counter.component.js";
-import { t as a } from "./hint.component-BB_h0G6v.js";
+import { t as a } from "./hint.component-BmPr9V0f.js";
 export { e as SbbErrorElement, r as SbbFormFieldClearElement, n as SbbFormFieldControlEvent, t as SbbFormFieldElement, i as SbbFormFieldTextCounterElement, a as SbbHintElement };

package/header/common/header-action-common.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../header-action-common-BOKlGz-X.js";
+import { t as e } from "../../header-action-common-yOZmEFZa.js";
 export { e as SbbHeaderActionCommonElementMixin };

package/header/header/header.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../header.component-DoAFSXgO.js";
+import { t as e } from "../../header.component-DWkBSP4V.js";
 export { e as SbbHeaderElement };

package/header/header-environment/header-environment.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../header-environment.component-BXPJRKXx.js";
+import { t as e } from "../../header-environment.component-BpuOXQN7.js";
 export { e as SbbHeaderEnvironmentElement };