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

package/{dialog-content.component-are-UBx3.js → dialog-content.component-iRLHPKPb.js}

@@ -9,10 +9,15 @@ var a = ":host{display:block;padding-block:var(--sbb-dialog-padding-block);paddi
 		this.styles = [i, t(a)];
 	}
 	constructor() {
-		super(), this.addController(new r(this, () => this.closest("sbb-dialog"), { negative: (e) => this.toggleState("negative", e.negative) }));
+		super(), this.addController(new r(this, () => this.closest("sbb-dialog"), { negative: (e) => {
+			this.toggleState("negative", e.negative), this._setScrollbar(e.negative);
+		} }));
+	}
+	_setScrollbar(e = this.closest?.("sbb-dialog")?.negative ?? !1) {
+		this.classList.remove("sbb-scrollbar", "sbb-scrollbar-negative"), this.classList.add(`sbb-scrollbar${e ? "-negative" : ""}`);
 	}
 	connectedCallback() {
-		super.connectedCallback(), this.classList.add("sbb-scrollbar");
+		super.connectedCallback(), this._setScrollbar();
 	}
 	render() {
 		return e`<slot></slot>`;

package/dialog.js

@@ -1,6 +1,6 @@
 import { t as e } from "./dialog-actions.component-DGqZm5YQ.js";
 import { t } from "./dialog-close-button.component-DB8SqzCb.js";
-import { t as n } from "./dialog-content.component-are-UBx3.js";
+import { t as n } from "./dialog-content.component-iRLHPKPb.js";
 import { t as r } from "./dialog-title.component-CxGEDHF8.js";
 import { n as i, r as a, t as o } from "./dialog.component-QO__vnjp.js";
 import "./dialog.pure.js";

package/dialog.pure.js

@@ -1,6 +1,6 @@
 import { t as e } from "./dialog-actions.component-DGqZm5YQ.js";
 import { t } from "./dialog-close-button.component-DB8SqzCb.js";
-import { t as n } from "./dialog-content.component-are-UBx3.js";
+import { t as n } from "./dialog-content.component-iRLHPKPb.js";
 import { t as r } from "./dialog-title.component-CxGEDHF8.js";
 import { n as i, r as a, t as o } from "./dialog.component-QO__vnjp.js";
 export { e as SbbDialogActionsElement, t as SbbDialogCloseButtonElement, o as SbbDialogCloseEvent, n as SbbDialogContentElement, i as SbbDialogElement, r as SbbDialogTitleElement, a as assignDialogResult };

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

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

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

@@ -1,30 +1,27 @@
-import { SbbElement as e, boxSizingStyles as t } from "../../core.js";
-import { html as n } from "lit/static-html.js";
-import { SbbSecondaryButtonStaticElement as r } from "../../button.pure.js";
-import { ref as i } from "lit/directives/ref.js";
-import { SbbFileSelectorCommonElementMixin as a, fileSelectorCommonStyle as o } from "../common/file-selector-common.js";
+import { SbbElement as e } from "../../core.js";
+import { html as t } from "lit/static-html.js";
+import { SbbSecondaryButtonStaticElement as n } from "../../button.pure.js";
+import { ref as r } from "lit/directives/ref.js";
+import { SbbFileSelectorCommonElementMixin as i } from "../common/file-selector-common.js";
 //#region src/elements/file-selector/file-selector/file-selector.component.ts
-var s = class extends a(e) {
+var a = class extends i(e) {
 	static {
 		this.elementName = "sbb-file-selector";
 	}
 	static {
-		this.elementDependencies = [r];
-	}
-	static {
-		this.styles = [t, o];
+		this.elementDependencies = [n];
 	}
 	static {
 		this.events = { filechanged: "filechanged" };
 	}
 	renderTemplate(e) {
-		return n`
+		return t`
       <label>
         <sbb-secondary-button-static
           size=${this.size}
           icon-name="folder-open-small"
           ?disabled=${this.disabled || this.formDisabled}
-          ${i((e) => {
+          ${r((e) => {
 			this.loadButton = e;
 		})}
         >
@@ -36,4 +33,4 @@ var s = class extends a(e) {
 	}
 };
 //#endregion
-export { s as SbbFileSelectorElement };
+export { a as SbbFileSelectorElement };

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

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

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

@@ -1,17 +1,16 @@
 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, 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 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 {
+import { SbbDisabledMixin as a, SbbFormAssociatedMixin as o, SbbLanguageController as s, boxSizingStyles as c, forceType as l, forwardEvent as u, i18nFileSelectorButtonLabel as d, i18nFileSelectorButtonLabelMultiple as f, i18nFileSelectorCurrentlySelected as p, i18nFileSelectorDeleteFile as m, isLean as h, sbbInputModalityDetector as g, screenReaderOnlyStyles as _, ɵstateController as v } from "./core.js";
+import { html as y, unsafeStatic as b } from "lit/static-html.js";
+import { SbbSecondaryButtonElement as x } from "./button.pure.js";
+import { ref as S } from "lit/directives/ref.js";
+//#region src/elements/file-selector/common/file-selector-common.scss?inline
+var C = ":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}", w = (w) => (() => {
+	let T = a(o(w)), E = [], D, O = [], k = [], A, j = [], M = [], N, P = [], F = [], I, L = [], R = [], z, B = [], V = [], H, U;
+	return class extends T {
 		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 = [
+			super(...arguments), this.#e = (t(this, E), t(this, O, h() ? "s" : "m")), this.#t = (t(this, k), t(this, j, !1)), this.#n = (t(this, M), t(this, P, "default")), this.#r = (t(this, F), t(this, L, "")), this.#i = (t(this, R), t(this, B, "")), this._files = (t(this, V), []), this._suffixes = [
 				"B",
 				"kB",
 				"MB",
@@ -20,8 +19,8 @@ var S = [g, r(":host{--sbb-file-selector-transition-duration: var( --sbb-disable
 			], this.language = new s(this), this._counter = 0;
 		}
 		static {
-			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, {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(T[Symbol.metadata] ?? null) : void 0;
+			D = [i({ reflect: !0 })], A = [l(), i({ type: Boolean })], N = [i({ attribute: "multiple-mode" })], I = [l(), i()], z = [l(), i({ attribute: "accessibility-label" })], H = [i({ attribute: !1 })], U = [i({ attribute: !1 })], e(this, null, D, {
 				kind: "accessor",
 				name: "size",
 				static: !1,
@@ -34,7 +33,7 @@ var S = [g, r(":host{--sbb-file-selector-transition-duration: var( --sbb-disable
 					}
 				},
 				metadata: t
-			}, w, T), e(this, null, E, {
+			}, O, k), e(this, null, A, {
 				kind: "accessor",
 				name: "multiple",
 				static: !1,
@@ -47,7 +46,7 @@ var S = [g, r(":host{--sbb-file-selector-transition-duration: var( --sbb-disable
 					}
 				},
 				metadata: t
-			}, D, O), e(this, null, k, {
+			}, j, M), e(this, null, N, {
 				kind: "accessor",
 				name: "multipleMode",
 				static: !1,
@@ -60,7 +59,7 @@ var S = [g, r(":host{--sbb-file-selector-transition-duration: var( --sbb-disable
 					}
 				},
 				metadata: t
-			}, A, j), e(this, null, M, {
+			}, P, F), e(this, null, I, {
 				kind: "accessor",
 				name: "accept",
 				static: !1,
@@ -73,7 +72,7 @@ var S = [g, r(":host{--sbb-file-selector-transition-duration: var( --sbb-disable
 					}
 				},
 				metadata: t
-			}, N, P), e(this, null, F, {
+			}, L, R), e(this, null, z, {
 				kind: "accessor",
 				name: "accessibilityLabel",
 				static: !1,
@@ -86,7 +85,7 @@ var S = [g, r(":host{--sbb-file-selector-transition-duration: var( --sbb-disable
 					}
 				},
 				metadata: t
-			}, I, L), e(this, null, R, {
+			}, B, V), e(this, null, H, {
 				kind: "setter",
 				name: "value",
 				static: !1,
@@ -98,7 +97,7 @@ var S = [g, r(":host{--sbb-file-selector-transition-duration: var( --sbb-disable
 					}
 				},
 				metadata: t
-			}, null, S), e(this, null, z, {
+			}, null, E), e(this, null, U, {
 				kind: "setter",
 				name: "files",
 				static: !1,
@@ -110,7 +109,7 @@ var S = [g, r(":host{--sbb-file-selector-transition-duration: var( --sbb-disable
 					}
 				},
 				metadata: t
-			}, null, S), t && Object.defineProperty(this, Symbol.metadata, {
+			}, null, E), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -118,11 +117,18 @@ var S = [g, r(":host{--sbb-file-selector-transition-duration: var( --sbb-disable
 			});
 		}
 		static {
-			this.elementDependencies = [b];
+			this.elementDependencies = [x];
 		}
 		static {
 			this.events = { filechanged: "filechanged" };
 		}
+		static {
+			this.styles = [
+				c,
+				_,
+				r(C)
+			];
+		}
 		#e;
 		get size() {
 			return this.#e;
@@ -189,21 +195,21 @@ var S = [g, r(":host{--sbb-file-selector-transition-duration: var( --sbb-disable
 			return e.name === t.name && e.size === t.size && e.lastModified === t.lastModified;
 		}
 		_onFocus() {
-			h.mostRecentModality === "keyboard" && _(this.loadButton).add("focus-visible");
+			g.mostRecentModality === "keyboard" && v(this.loadButton).add("focus-visible");
 		}
 		_onBlur() {
-			_(this.loadButton).delete("focus-visible");
+			v(this.loadButton).delete("focus-visible");
 		}
 		_readFiles(e) {
 			let t = e.target;
-			t.files && this.createFileList(t.files), l(e, this);
+			t.files && this.createFileList(t.files), u(e, this);
 		}
 		createFileList(e) {
 			let t = Array.from(e);
 			!this.multiple && e.length > 1 || this.accept && t.some((e) => !this.accept.split(",").some((t) => e.name.endsWith(t.trim()))) || (!this.multiple || this.multipleMode !== "persistent" || this.files.length === 0 ? this.files = t : this.files = t.filter((e) => this.files.findIndex((t) => this._checkFileEquality(e, t)) === -1).concat(this.files), this._updateA11yLiveRegion(), this._dispatchFileChangedEvent());
 		}
 		getButtonLabel() {
-			return this.multiple ? d[this.language.current] : u[this.language.current];
+			return this.multiple ? f[this.language.current] : d[this.language.current];
 		}
 		_removeFile(e) {
 			this.files = this.files.filter((t) => !this._checkFileEquality(e, t)), this._updateA11yLiveRegion(), this.dispatchEvent(new InputEvent("input", {
@@ -223,7 +229,7 @@ var S = [g, r(":host{--sbb-file-selector-transition-duration: var( --sbb-disable
 			return `${(e / 1024 ** t).toFixed(0)} ${this._suffixes[t]}`;
 		}
 		_updateA11yLiveRegion() {
-			this._liveRegion.innerText = f(this.files.map((e) => e.name))[this.language.current];
+			this._liveRegion.innerText = p(this.files.map((e) => e.name))[this.language.current];
 		}
 		_renderFileList() {
 			let e = this.files.length > 1 ? {
@@ -233,10 +239,10 @@ var S = [g, r(":host{--sbb-file-selector-transition-duration: var( --sbb-disable
 				WRAPPER: "div",
 				ELEMENT: "span"
 			};
-			return v`
-      <${y(e.WRAPPER)} class="sbb-file-selector__file-list">
-        ${this.files.map((t) => v`
-            <${y(e.ELEMENT)} class="sbb-file-selector__file">
+			return y`
+      <${b(e.WRAPPER)} class="sbb-file-selector__file-list">
+        ${this.files.map((t) => y`
+            <${b(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>
@@ -245,10 +251,10 @@ var S = [g, r(":host{--sbb-file-selector-transition-duration: var( --sbb-disable
                 size=${this.size}
                 icon-name="trash-small"
                 @click=${() => this._removeFile(t)}
-                aria-label=${`${p[this.language.current]} - ${t.name}`}
+                aria-label=${`${m[this.language.current]} - ${t.name}`}
               ></sbb-secondary-button>
-            </${y(e.ELEMENT)}>`)}
-      </${y(e.WRAPPER)}>
+            </${b(e.ELEMENT)}>`)}
+      </${b(e.WRAPPER)}>
     `;
 		}
 		_onDragEnter(e) {
@@ -264,11 +270,11 @@ var S = [g, r(":host{--sbb-file-selector-transition-duration: var( --sbb-disable
 			e.stopPropagation(), e.preventDefault();
 		}
 		_setDragState(e = void 0, t = !1) {
-			this._dragTarget = e, this.toggleState("active", t), _(this.loadButton).toggle("active", t);
+			this._dragTarget = e, this.toggleState("active", t), v(this.loadButton).toggle("active", t);
 		}
 		render() {
 			let e = this.accessibilityLabel ? `${this.getButtonLabel()} - ${this.accessibilityLabel}` : void 0;
-			return v`
+			return y`
         <div
           class="sbb-file-selector__input-container"
           @dragenter=${this._onDragEnter}
@@ -276,7 +282,7 @@ var S = [g, r(":host{--sbb-file-selector-transition-duration: var( --sbb-disable
           @dragleave=${this._onDragLeave}
           @drop=${this._onFileDrop}
         >
-          ${this.renderTemplate(v`<input
+          ${this.renderTemplate(y`<input
               class="sbb-screen-reader-only"
               type="file"
               ?disabled=${this.disabled || this.formDisabled}
@@ -286,7 +292,7 @@ var S = [g, r(":host{--sbb-file-selector-transition-duration: var( --sbb-disable
               @change=${this._readFiles}
               @focus=${this._onFocus}
               @blur=${this._onBlur}
-              ${x((e) => {
+              ${S((e) => {
 				this._hiddenInput = e;
 			})}
             />`)}
@@ -294,7 +300,7 @@ var S = [g, r(":host{--sbb-file-selector-transition-duration: var( --sbb-disable
         <p
           role="status"
           class="sbb-screen-reader-only"
-          ${x((e) => this._liveRegion = e)}
+          ${S((e) => this._liveRegion = e)}
         ></p>
         ${this.files.length > 0 ? this._renderFileList() : n}
         <div class="sbb-file-selector__error">
@@ -305,4 +311,4 @@ var S = [g, r(":host{--sbb-file-selector-transition-duration: var( --sbb-disable
 	};
 })();
 //#endregion
-export { S as n, C as t };
+export { w as t };

package/{file-selector-dropzone.component-DDRTu6p2.js → file-selector-dropzone.component-2XUfh1NC.js}

@@ -1,19 +1,19 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
 import { unsafeCSS as n } from "lit";
 import { property as r } from "lit/decorators.js";
-import { SbbElement as i, boxSizingStyles as a, forceType as o, i18nFileSelectorSubtitleLabel as s, i18nFileSelectorSubtitleLabelMultiple as c } from "./core.js";
-import { html as l } from "lit/static-html.js";
-import { SbbSecondaryButtonStaticElement as u } from "./button.pure.js";
-import { SbbIconElement as d } from "./icon.pure.js";
-import { ref as f } from "lit/directives/ref.js";
-import { SbbFileSelectorCommonElementMixin as p, fileSelectorCommonStyle as m } from "./file-selector/common/file-selector-common.js";
+import { SbbElement as i, forceType as a, i18nFileSelectorSubtitleLabel as o, i18nFileSelectorSubtitleLabelMultiple as s } from "./core.js";
+import { html as c } from "lit/static-html.js";
+import { SbbSecondaryButtonStaticElement as l } from "./button.pure.js";
+import { SbbIconElement as u } from "./icon.pure.js";
+import { ref as d } from "lit/directives/ref.js";
+import { SbbFileSelectorCommonElementMixin as f } from "./file-selector/common/file-selector-common.js";
 //#region src/elements/file-selector/file-selector-dropzone/file-selector-dropzone.scss?inline
-var h = ":host([size=m]){--_sbb-file-selector-dropzone-icon-medium-display: block;--_sbb-file-selector-dropzone-icon-small-display: none}:host([size=s]){--_sbb-file-selector-dropzone-icon-medium-display: none;--_sbb-file-selector-dropzone-icon-small-display: block}.sbb-file-selector__dropzone-area{display:flex;flex-direction:column;align-items:center;padding:var(--sbb-spacing-responsive-s);background-color:var(--sbb-file-selector-background-color);border:var(--sbb-border-width-1x) dashed var(--sbb-file-selector-border-color);border-radius:var(--sbb-border-radius-4x);transition-duration:var(--sbb-file-selector-transition-duration);transition-timing-function:var(--sbb-file-selector-transition-easing-function);transition-property:background-color,border-color}.sbb-file-selector__dropzone-area--icon{color:var(--sbb-file-selector-color);line-height:0}.sbb-file-selector__dropzone-area--icon sbb-icon[name=folder-open-medium]{display:var(--_sbb-file-selector-dropzone-icon-medium-display)}.sbb-file-selector__dropzone-area--icon sbb-icon[name=folder-open-small]{display:var(--_sbb-file-selector-dropzone-icon-small-display)}.sbb-file-selector__dropzone-area--title{font-weight:700;font-size:var(--sbb-heading-font-size-6);letter-spacing:var(--sbb-typo-letter-spacing-heading);text-align:center;color:var(--sbb-file-selector-color)}.sbb-file-selector__dropzone-area--subtitle{--sbb-text-font-size: var(--sbb-text-font-size-xs);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);text-align:center;color:var(--sbb-file-selector-subtitle-color);margin-block-end:var(--sbb-spacing-fixed-4x)}", g = (() => {
-	let g = p(i), _, v = [], y = [];
-	return class extends g {
+var p = ":host([size=m]){--_sbb-file-selector-dropzone-icon-medium-display: block;--_sbb-file-selector-dropzone-icon-small-display: none}:host([size=s]){--_sbb-file-selector-dropzone-icon-medium-display: none;--_sbb-file-selector-dropzone-icon-small-display: block}.sbb-file-selector__dropzone-area{display:flex;flex-direction:column;align-items:center;padding:var(--sbb-spacing-responsive-s);background-color:var(--sbb-file-selector-background-color);border:var(--sbb-border-width-1x) dashed var(--sbb-file-selector-border-color);border-radius:var(--sbb-border-radius-4x);transition-duration:var(--sbb-file-selector-transition-duration);transition-timing-function:var(--sbb-file-selector-transition-easing-function);transition-property:background-color,border-color}.sbb-file-selector__dropzone-area--icon{color:var(--sbb-file-selector-color);line-height:0}.sbb-file-selector__dropzone-area--icon sbb-icon[name=folder-open-medium]{display:var(--_sbb-file-selector-dropzone-icon-medium-display)}.sbb-file-selector__dropzone-area--icon sbb-icon[name=folder-open-small]{display:var(--_sbb-file-selector-dropzone-icon-small-display)}.sbb-file-selector__dropzone-area--title{font-weight:700;font-size:var(--sbb-heading-font-size-6);letter-spacing:var(--sbb-typo-letter-spacing-heading);text-align:center;color:var(--sbb-file-selector-color)}.sbb-file-selector__dropzone-area--subtitle{--sbb-text-font-size: var(--sbb-text-font-size-xs);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);text-align:center;color:var(--sbb-file-selector-subtitle-color);margin-block-end:var(--sbb-spacing-fixed-4x)}", m = (() => {
+	let m = f(i), h, g = [], _ = [];
+	return class extends m {
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(g[Symbol.metadata] ?? null) : void 0;
-			_ = [o(), r({ attribute: "title-content" })], e(this, null, _, {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(m[Symbol.metadata] ?? null) : void 0;
+			h = [a(), r({ attribute: "title-content" })], e(this, null, h, {
 				kind: "accessor",
 				name: "titleContent",
 				static: !1,
@@ -26,7 +26,7 @@ var h = ":host([size=m]){--_sbb-file-selector-dropzone-icon-medium-display: bloc
 					}
 				},
 				metadata: t
-			}, v, y), t && Object.defineProperty(this, Symbol.metadata, {
+			}, g, _), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -37,19 +37,15 @@ var h = ":host([size=m]){--_sbb-file-selector-dropzone-icon-medium-display: bloc
 			this.elementName = "sbb-file-selector-dropzone";
 		}
 		static {
-			this.elementDependencies = [d, u];
+			this.elementDependencies = [u, l];
 		}
 		static {
-			this.styles = [
-				a,
-				m,
-				n(h)
-			];
+			this.styles = [n(p)];
 		}
 		static {
 			this.events = { filechanged: "filechanged" };
 		}
-		#e = t(this, v, "");
+		#e = t(this, g, "");
 		get titleContent() {
 			return this.#e;
 		}
@@ -57,7 +53,7 @@ var h = ":host([size=m]){--_sbb-file-selector-dropzone-icon-medium-display: bloc
 			this.#e = e;
 		}
 		renderTemplate(e) {
-			return l`
+			return c`
       <label>
         <span class="sbb-file-selector__dropzone-area">
           <span class="sbb-file-selector__dropzone-area--icon">
@@ -66,13 +62,13 @@ var h = ":host([size=m]){--_sbb-file-selector-dropzone-icon-medium-display: bloc
           </span>
           <span class="sbb-file-selector__dropzone-area--title">${this.titleContent}</span>
           <span class="sbb-file-selector__dropzone-area--subtitle">
-            ${this.multiple ? c[this.language.current] : s[this.language.current]}
+            ${this.multiple ? s[this.language.current] : o[this.language.current]}
           </span>
           <span class="sbb-file-selector__dropzone-area--button">
             <sbb-secondary-button-static
               size=${this.size}
               ?disabled=${this.disabled || this.formDisabled}
-              ${f((e) => {
+              ${d((e) => {
 				this.loadButton = e;
 			})}
             >
@@ -85,9 +81,9 @@ var h = ":host([size=m]){--_sbb-file-selector-dropzone-icon-medium-display: bloc
     `;
 		}
 		constructor() {
-			super(...arguments), t(this, y);
+			super(...arguments), t(this, _);
 		}
 	};
 })();
 //#endregion
-export { g as t };
+export { m as t };

package/file-selector.js

@@ -1,7 +1,7 @@
-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 { t as e } from "./file-selector-common-PcqPdsnN.js";
+import { t } from "./file-selector-dropzone.component-2XUfh1NC.js";
+import { SbbFileSelectorElement as n } from "./file-selector/file-selector/file-selector.component.js";
 import "./file-selector.pure.js";
-r.define(), n.define();
+n.define(), t.define();
 //#endregion
-export { t as SbbFileSelectorCommonElementMixin, n as SbbFileSelectorDropzoneElement, r as SbbFileSelectorElement, e as fileSelectorCommonStyle };
+export { e as SbbFileSelectorCommonElementMixin, t as SbbFileSelectorDropzoneElement, n as SbbFileSelectorElement };

package/file-selector.pure.js

@@ -1,4 +1,4 @@
-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 };
+import { t as e } from "./file-selector-common-PcqPdsnN.js";
+import { t } from "./file-selector-dropzone.component-2XUfh1NC.js";
+import { SbbFileSelectorElement as n } from "./file-selector/file-selector/file-selector.component.js";
+export { e as SbbFileSelectorCommonElementMixin, t as SbbFileSelectorDropzoneElement, n as SbbFileSelectorElement };

package/map-container/map-container.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../map-container.component-Btnl3n9d.js";
+import { t as e } from "../map-container.component-5I5DW5dJ.js";
 export { e as SbbMapContainerElement };

package/{map-container.component-Btnl3n9d.js → map-container.component-5I5DW5dJ.js}

@@ -1,26 +1,26 @@
 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, state as o } from "lit/decorators.js";
-import { SbbElement as s, SbbLanguageController as c, boxSizingStyles as l, forceType as u, forwardEvent as d, i18nMapContainerButtonLabel as f } from "./core.js";
-import { SbbAccentButtonElement as p } from "./button.pure.js";
-import { IntersectionController as m } from "@lit-labs/observers/intersection-controller.js";
+import { SbbElement as s, SbbLanguageController as c, boxSizingStyles as l, forceType as u, forwardEvent as d, i18nMapContainerButtonLabel as f, scrollbarStyles as p } from "./core.js";
+import { SbbAccentButtonElement as m } from "./button.pure.js";
+import { IntersectionController as h } from "@lit-labs/observers/intersection-controller.js";
 //#region src/elements/map-container/map-container.scss?inline
-var h = ":host{--sbb-map-container-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--_sbb-map-container-map-height: calc( var(--sbb-map-container-map-height-zero) + var(--sbb-map-container-border-radius) );display:grid;grid-template-rows:auto auto}@media(min-width:37.5rem){:host{--_sbb-map-container-map-height: calc( var(--sbb-map-container-map-height-small) + var(--sbb-map-container-border-radius) )}}@media(min-width:64rem){:host{grid-template-columns:max(var(--sbb-map-container-sidebar-width)) calc(100% - var(--sbb-map-container-sidebar-width));position:fixed;inset:var(--sbb-map-container-margin-start, var(--sbb-header-height)) 0 0 0}}.sbb-map-container__sidebar-button{position:fixed;left:50%;inset-block-end:var(--sbb-spacing-fixed-5x);visibility:hidden;opacity:0;transform:translate(-50%) translateY(calc(100% + var(--sbb-spacing-fixed-5x)));transition:opacity var(--sbb-map-container-animation-duration) var(--sbb-animation-easing),visibility var(--sbb-map-container-animation-duration) var(--sbb-animation-easing) var(--sbb-map-container-animation-duration),transform var(--sbb-map-container-animation-duration) var(--sbb-animation-easing)}:host(:is(:state(scroll-up-button-visible),[state--scroll-up-button-visible])) .sbb-map-container__sidebar-button{transition:visibility var(--sbb-map-container-animation-duration) var(--sbb-animation-easing),opacity var(--sbb-map-container-animation-duration) var(--sbb-animation-easing),transform var(--sbb-map-container-animation-duration) ease-out;visibility:visible;opacity:1;transform:translate(-50%) translateY(0)}@media(min-width:64rem){.sbb-map-container__sidebar-button{display:none}}.sbb-map-container__sidebar{--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);--sbb-scrollbar-thumb-width: .5rem;--sbb-scrollbar-thumb-width-hover: var(--sbb-scrollbar-thumb-width);--sbb-scrollbar-width-firefox: auto;--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: var(--sbb-background-color-4)}.sbb-map-container__sidebar::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-map-container__sidebar::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-map-container__sidebar::-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-map-container__sidebar::-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-map-container__sidebar::-webkit-scrollbar-button,.sbb-map-container__sidebar::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-map-container__sidebar{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-map-container__sidebar{grid-column:1/3;grid-row:2/3;width:100%;overflow:hidden auto;position:relative;border-start-end-radius:var(--sbb-map-container-border-radius);border-start-start-radius:var(--sbb-map-container-border-radius);margin-block-start:calc(var(--sbb-map-container-border-radius) * -1);background-color:var(--sbb-map-container-sidebar-background-color)}@media(min-width:64rem){.sbb-map-container__sidebar{grid-column:1/2;grid-row:1/3;border-radius:0;margin-block-start:0;border-block-start:var(--sbb-border-width-1x) solid var(--sbb-border-color-4-inverted)}}.sbb-map-container__map{position:sticky;inset-block-start:0;inset-inline:0;grid-row:1/2;grid-column:1/3}@media(max-width:63.9375rem){.sbb-map-container__map{inset-block-start:var(--sbb-map-container-mobile-sticky-block-start, 0);height:var(--_sbb-map-container-map-height)}}@media(min-width:64rem){.sbb-map-container__map{grid-row:1/3;grid-column:2/3;position:relative}}", g = (() => {
-	let g = s, _, v = [], y = [], b, x = [], S = [];
-	return class extends g {
+var g = ":host{--sbb-map-container-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--_sbb-map-container-map-height: calc( var(--sbb-map-container-map-height-zero) + var(--sbb-map-container-border-radius) );display:grid;grid-template-rows:auto auto}@media(min-width:37.5rem){:host{--_sbb-map-container-map-height: calc( var(--sbb-map-container-map-height-small) + var(--sbb-map-container-border-radius) )}}@media(min-width:64rem){:host{grid-template-columns:max(var(--sbb-map-container-sidebar-width)) calc(100% - var(--sbb-map-container-sidebar-width));position:fixed;inset:var(--sbb-map-container-margin-start, var(--sbb-header-height)) 0 0 0}}.sbb-map-container__sidebar-button{position:fixed;left:50%;inset-block-end:var(--sbb-spacing-fixed-5x);visibility:hidden;opacity:0;transform:translate(-50%) translateY(calc(100% + var(--sbb-spacing-fixed-5x)));transition:opacity var(--sbb-map-container-animation-duration) var(--sbb-animation-easing),visibility var(--sbb-map-container-animation-duration) var(--sbb-animation-easing) var(--sbb-map-container-animation-duration),transform var(--sbb-map-container-animation-duration) var(--sbb-animation-easing)}:host(:is(:state(scroll-up-button-visible),[state--scroll-up-button-visible])) .sbb-map-container__sidebar-button{transition:visibility var(--sbb-map-container-animation-duration) var(--sbb-animation-easing),opacity var(--sbb-map-container-animation-duration) var(--sbb-animation-easing),transform var(--sbb-map-container-animation-duration) ease-out;visibility:visible;opacity:1;transform:translate(-50%) translateY(0)}@media(min-width:64rem){.sbb-map-container__sidebar-button{display:none}}.sbb-map-container__sidebar{grid-column:1/3;grid-row:2/3;width:100%;overflow:hidden auto;position:relative;border-start-end-radius:var(--sbb-map-container-border-radius);border-start-start-radius:var(--sbb-map-container-border-radius);margin-block-start:calc(var(--sbb-map-container-border-radius) * -1);background-color:var(--sbb-map-container-sidebar-background-color)}@media(min-width:64rem){.sbb-map-container__sidebar{grid-column:1/2;grid-row:1/3;border-radius:0;margin-block-start:0;border-block-start:var(--sbb-border-width-1x) solid var(--sbb-border-color-4-inverted)}}.sbb-map-container__map{position:sticky;inset-block-start:0;inset-inline:0;grid-row:1/2;grid-column:1/3}@media(max-width:63.9375rem){.sbb-map-container__map{inset-block-start:var(--sbb-map-container-mobile-sticky-block-start, 0);height:var(--_sbb-map-container-map-height)}}@media(min-width:64rem){.sbb-map-container__map{grid-row:1/3;grid-column:2/3;position:relative}}", _ = (() => {
+	let _ = s, v, y = [], b = [], x, S = [], C = [];
+	return class extends _ {
 		constructor() {
-			super(...arguments), this.#e = t(this, v, !1), this.#t = (t(this, y), t(this, x, !1)), this._language = (t(this, S), new c(this)), this._observer = new m(this, {
+			super(...arguments), this.#e = t(this, y, !1), this.#t = (t(this, b), t(this, S, !1)), this._language = (t(this, C), new c(this)), this._observer = new h(this, {
 				target: null,
 				callback: (e) => this._toggleButtonVisibilityOnIntersect(e)
 			});
 		}
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(g[Symbol.metadata] ?? null) : void 0;
-			_ = [u(), a({
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(_[Symbol.metadata] ?? null) : void 0;
+			v = [u(), a({
 				attribute: "hide-scroll-up-button",
 				reflect: !0,
 				type: Boolean
-			})], b = [o()], e(this, null, _, {
+			})], x = [o()], e(this, null, v, {
 				kind: "accessor",
 				name: "hideScrollUpButton",
 				static: !1,
@@ -33,7 +33,7 @@ var h = ":host{--sbb-map-container-animation-duration: var( --sbb-disable-animat
 					}
 				},
 				metadata: t
-			}, v, y), e(this, null, b, {
+			}, y, b), e(this, null, x, {
 				kind: "accessor",
 				name: "_scrollUpButtonVisible",
 				static: !1,
@@ -46,7 +46,7 @@ var h = ":host{--sbb-map-container-animation-duration: var( --sbb-disable-animat
 					}
 				},
 				metadata: t
-			}, x, S), t && Object.defineProperty(this, Symbol.metadata, {
+			}, S, C), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -57,10 +57,14 @@ var h = ":host{--sbb-map-container-animation-duration: var( --sbb-disable-animat
 			this.elementName = "sbb-map-container";
 		}
 		static {
-			this.elementDependencies = [p];
+			this.elementDependencies = [m];
 		}
 		static {
-			this.styles = [l, i(h)];
+			this.styles = [
+				l,
+				p,
+				i(g)
+			];
 		}
 		#e;
 		get hideScrollUpButton() {
@@ -102,7 +106,10 @@ var h = ":host{--sbb-map-container-animation-duration: var( --sbb-disable-animat
       <div class="sbb-map-container__map">
         <slot name="map"></slot>
       </div>
-      <div class="sbb-map-container__sidebar" @scroll=${(e) => d(e, document)}>
+      <div
+        class="sbb-map-container__sidebar sbb-scrollbar-thick-track-visible"
+        @scroll=${(e) => d(e, document)}
+      >
         <span id="intersector"></span>
 
         <slot></slot>
@@ -122,4 +129,4 @@ var h = ":host{--sbb-map-container-animation-duration: var( --sbb-disable-animat
 	};
 })();
 //#endregion
-export { g as t };
+export { _ as t };

package/map-container.js

@@ -1,4 +1,4 @@
-import { t as e } from "./map-container.component-Btnl3n9d.js";
+import { t as e } from "./map-container.component-5I5DW5dJ.js";
 import "./map-container.pure.js";
 //#region src/elements/map-container.ts
 e.define();

package/map-container.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./map-container.component-Btnl3n9d.js";
+import { t as e } from "./map-container.component-5I5DW5dJ.js";
 export { e as SbbMapContainerElement };

package/menu/menu/menu.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../menu.component-CpNMheMG.js";
+import { t as e } from "../../menu.component-Bd37u3Ps.js";
 export { e as SbbMenuElement };