@sbb-esta/lyne-elements-dev 4.9.0-dev.1775028444 → 4.9.0-dev.1775050914

package/selection-group-base-element-B2VHp5_l.js

@@ -0,0 +1,113 @@
+import { SbbElement as e } from "./core/base-elements/element.js";
+import { __esDecorate as t, __runInitializers as n } from "tslib";
+import { html as r, unsafeCSS as i } from "lit";
+import { property as a } from "lit/decorators.js";
+import { isLean as o } from "./core/dom.js";
+import { SbbDisabledMixin as s, SbbRequiredMixin as c } from "./core/mixins.js";
+import { boxSizingStyles as l } from "./core/styles.js";
+import { MutationController as u } from "@lit-labs/observers/mutation-controller.js";
+//#region src/elements/core/base-elements/selection-group-base-element.scss?inline
+var d = ":host{display:flex;flex-flow:var(--sbb-selection-group-orientation) wrap;gap:var(--sbb-selection-group-gap);align-items:flex-start;width:var(--sbb-selection-group-width)}:host([orientation=vertical]){--sbb-selection-group-orientation: column;--sbb-selection-group-width: 100%;--sbb-selection-group-elements-width: 100%}:host(:is(:state(has-panel),[state--has-panel])){--sbb-selection-group-width: 100%;--sbb-selection-group-gap: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);--sbb-selection-group-elements-flex: auto}@media(min-width:0rem){:host([orientation=vertical][horizontal-from=zero]){--sbb-selection-group-orientation: row;--sbb-selection-group-elements-width: auto}:host([orientation=vertical][horizontal-from=zero]:not(:is(:state(has-panel),[state--has-panel]))){--sbb-selection-group-width: auto}}@media(min-width:37.5rem){:host([orientation=vertical][horizontal-from=small]){--sbb-selection-group-orientation: row;--sbb-selection-group-elements-width: auto}:host([orientation=vertical][horizontal-from=small]:not(:is(:state(has-panel),[state--has-panel]))){--sbb-selection-group-width: auto}}@media(min-width:64rem){:host([orientation=vertical][horizontal-from=large]){--sbb-selection-group-orientation: row;--sbb-selection-group-elements-width: auto}:host([orientation=vertical][horizontal-from=large]:not(:is(:state(has-panel),[state--has-panel]))){--sbb-selection-group-width: auto}}@media(min-width:90rem){:host([orientation=vertical][horizontal-from=ultra]){--sbb-selection-group-orientation: row;--sbb-selection-group-elements-width: auto}:host([orientation=vertical][horizontal-from=ultra]:not(:is(:state(has-panel),[state--has-panel]))){--sbb-selection-group-width: auto}}slot[name=error]::slotted(*){flex-basis:100%}::slotted(:is(sbb-checkbox-panel,sbb-radio-button-panel)){flex:var(--sbb-selection-group-elements-flex)}::slotted(:is(sbb-checkbox,sbb-checkbox-panel,sbb-radio-button-panel)){width:var(--sbb-selection-group-elements-width)}", f = (() => {
+	let f = s(c(e)), p, m = [], h = [], g, _ = [], v = [], y, b = [], x = [];
+	return class extends f {
+		static {
+			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
+			p = [a()], g = [a({
+				attribute: "horizontal-from",
+				reflect: !0
+			})], y = [a({ reflect: !0 })], t(this, null, p, {
+				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: e
+			}, m, h), t(this, null, g, {
+				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: e
+			}, _, v), t(this, null, y, {
+				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: e
+			}, b, x), e && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: e
+			});
+		}
+		static {
+			this.styles = [l, i(d)];
+		}
+		#e = n(this, m, o() ? "xs" : "m");
+		get size() {
+			return this.#e;
+		}
+		set size(e) {
+			this.#e = e;
+		}
+		#t = (n(this, h), n(this, _, null));
+		get horizontalFrom() {
+			return this.#t;
+		}
+		set horizontalFrom(e) {
+			this.#t = e;
+		}
+		#n = (n(this, v), n(this, b, "horizontal"));
+		get orientation() {
+			return this.#n;
+		}
+		set orientation(e) {
+			this.#n = e;
+		}
+		get selectionElements() {
+			return Array.from(this.querySelectorAll?.(this.selectionElementSelectors) ?? []).filter((e) => e.closest?.(this.localName) === this);
+		}
+		constructor() {
+			super(), n(this, x), this.addController(new u(this, {
+				config: {
+					childList: !0,
+					subtree: !0
+				},
+				callback: () => this.toggleState("has-panel", !!this.querySelector?.(this.panelElementSelector))
+			}));
+		}
+		willUpdate(e) {
+			super.willUpdate(e), e.has("disabled") && this.selectionElements.forEach((e) => e.requestUpdate?.("disabled")), e.has("required") && this.selectionElements.forEach((e) => e.requestUpdate?.("required")), e.has("size") && this.selectionElements.forEach((e) => e.requestUpdate?.("size"));
+		}
+		onSlotChange() {}
+		render() {
+			return r`
+      <slot @slotchange=${() => this.onSlotChange()}></slot>
+      <slot name="error"></slot>
+    `;
+		}
+	};
+})();
+//#endregion
+export { f as t };

package/sidebar/common/styles.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "../../styles-C03AFqPf.js";
-export { n as iconSidebarButtonCommonStyle, t as sidebarContainerCommonStyle, e as sidebarContentCommonStyle };
+import { n as e, r as t, t as n } from "../../styles-Bi-meo1w.js";
+export { n as iconSidebarButtonCommonStyle, e as sidebarContainerCommonStyle, t as sidebarContentCommonStyle };

package/sidebar/common.js

@@ -1,5 +1,5 @@
-import { n as e, r as t, t as n } from "../styles-C03AFqPf.js";
+import { n as e, r as t, t as n } from "../styles-Bi-meo1w.js";
 //#region src/elements/sidebar/common.ts
 console.warn("The entrypoint '@sbb-esta/elements/sidebar/common.js' has been deprecated.\nUse either '@sbb-esta/elements/sidebar.js' or '@sbb-esta/elements/sidebar.pure.js' instead.");
 //#endregion
-export { n as iconSidebarButtonCommonStyle, t as sidebarContainerCommonStyle, e as sidebarContentCommonStyle };
+export { n as iconSidebarButtonCommonStyle, e as sidebarContainerCommonStyle, t as sidebarContentCommonStyle };

package/sidebar/sidebar/sidebar.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../sidebar.component-BkTSnoNM.js";
+import { t as e } from "../../sidebar.component-APJCELuU.js";
 export { e as SbbSidebarElement };

package/sidebar/sidebar-close-button/sidebar-close-button.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../sidebar-close-button.component-BZFxWg_j.js";
+import { t as e } from "../../sidebar-close-button.component-BfcXTDpx.js";
 export { e as SbbSidebarCloseButtonElement };

package/sidebar/sidebar-close-button.js

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

package/sidebar/sidebar-container/sidebar-container.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../sidebar-container.component-C8cxaqZU.js";
+import { t as e } from "../../sidebar-container.component-C685gr2b.js";
 export { e as SbbSidebarContainerElement };

package/sidebar/sidebar-container.js

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

package/sidebar/sidebar-content/sidebar-content.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../sidebar-content.component-BYmmHoc5.js";
+import { t as e } from "../../sidebar-content.component-BQzWV9qh.js";
 export { e as SbbSidebarContentElement };

package/sidebar/sidebar-content.js

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

package/sidebar/sidebar-title/sidebar-title.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../sidebar-title.component-lEdsEEMO.js";
+import { t as e } from "../../sidebar-title.component-CE0QQtbI.js";
 export { e as SbbSidebarTitleElement };

package/sidebar/sidebar-title.js

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

package/sidebar/sidebar.js

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

package/{sidebar-close-button.component-BZFxWg_j.js → sidebar-close-button.component-BfcXTDpx.js}

@@ -1,9 +1,9 @@
-import { css as e } from "lit";
+import { unsafeCSS as e } from "lit";
 import { SbbSecondaryButtonElement as t } from "./button.pure.js";
 import { SbbLanguageController as n } from "./core/controllers.js";
 import { i18nCloseSidebar as r } from "./core/i18n.js";
-//#region src/elements/sidebar/sidebar-close-button/sidebar-close-button.scss?lit&inline
-var i = e`:host{display:block;height:fit-content}`;
+//#region src/elements/sidebar/sidebar-close-button/sidebar-close-button.scss?inline
+var i = ":host{display:block;height:fit-content}";
 //#endregion
 //#region src/elements/sidebar/sidebar-close-button/sidebar-close-button.component.ts
 t.define();
@@ -12,7 +12,7 @@ var a = class extends t {
 		this.elementName = "sbb-sidebar-close-button";
 	}
 	static {
-		this.styles = [t.styles, i];
+		this.styles = [t.styles, e(i)];
 	}
 	constructor() {
 		super(), this._languageController = new n(this), this.size = "s";

package/{sidebar-container.component-C8cxaqZU.js → sidebar-container.component-C685gr2b.js}

@@ -1,10 +1,10 @@
-import { css as e, html as t, isServer as n } from "lit";
+import { html as e, isServer as t, unsafeCSS as n } from "lit";
 import { SbbElement as r } from "./core/base-elements.js";
 import { ɵstateController as i } from "./core/mixins.js";
 import { boxSizingStyles as a } from "./core/styles.js";
 import { sidebarContainerCommonStyle as o } from "./sidebar/common/styles.js";
-//#region src/elements/sidebar/sidebar-container/sidebar-container.scss?lit&inline
-var s = e`:host{display:block;overflow:hidden;--sbb-sidebar-container-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-sidebar-container-animation-easing: var(--sbb-animation-easing);--sbb-sidebar-container-backdrop-opacity: 0;--sbb-sidebar-container__backdrop-visibility: hidden;--sbb-sidebar-container-backdrop-animation-duration: var( --sbb-sidebar-container-animation-duration )}@media(forced-colors:active){:host{--sbb-sidebar-container-backdrop-opacity: .5}}.sbb-sidebar-container-backdrop{position:absolute;inset:0;visibility:var(--sbb-sidebar-container__backdrop-visibility);opacity:var(--sbb-sidebar-container-backdrop-opacity);background-color:var(--sbb-color-black);z-index:3;transition-duration:var(--sbb-sidebar-container-backdrop-animation-duration);transition-timing-function:var(--sbb-sidebar-container-animation-easing);transition-property:opacity,visibility}`, c = /* @__PURE__ */ new Set(), l, u = 320, d = class extends r {
+//#region src/elements/sidebar/sidebar-container/sidebar-container.scss?inline
+var s = ":host{display:block;overflow:hidden;--sbb-sidebar-container-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-sidebar-container-animation-easing: var(--sbb-animation-easing);--sbb-sidebar-container-backdrop-opacity: 0;--sbb-sidebar-container__backdrop-visibility: hidden;--sbb-sidebar-container-backdrop-animation-duration: var( --sbb-sidebar-container-animation-duration )}@media(forced-colors:active){:host{--sbb-sidebar-container-backdrop-opacity: .5}}.sbb-sidebar-container-backdrop{position:absolute;inset:0;visibility:var(--sbb-sidebar-container__backdrop-visibility);opacity:var(--sbb-sidebar-container-backdrop-opacity);background-color:var(--sbb-color-black);z-index:3;transition-duration:var(--sbb-sidebar-container-backdrop-animation-duration);transition-timing-function:var(--sbb-sidebar-container-animation-easing);transition-property:opacity,visibility}", c = /* @__PURE__ */ new Set(), l, u = 320, d = class extends r {
 	constructor() {
 		super(...arguments), this._forcedClosedSidebars = /* @__PURE__ */ new WeakSet();
 	}
@@ -15,7 +15,7 @@ var s = e`:host{display:block;overflow:hidden;--sbb-sidebar-container-animation-
 		this.styles = [
 			a,
 			o,
-			s
+			n(s)
 		];
 	}
 	get sidebars() {
@@ -28,7 +28,7 @@ var s = e`:host{display:block;overflow:hidden;--sbb-sidebar-container-animation-
 		return this.querySelector?.(":scope > sbb-sidebar[position='end']");
 	}
 	connectedCallback() {
-		super.connectedCallback(), l ??= !n && new ResizeObserver(() => this._handleWidthChange()), !n && c.size === 0 && l.observe(document?.documentElement), c.add(this), this._handleWidthChange();
+		super.connectedCallback(), l ??= !t && new ResizeObserver(() => this._handleWidthChange()), !t && c.size === 0 && l.observe(document?.documentElement), c.add(this), this._handleWidthChange();
 	}
 	disconnectedCallback() {
 		super.disconnectedCallback(), c.delete(this), c.size === 0 && l?.disconnect();
@@ -40,19 +40,19 @@ var s = e`:host{display:block;overflow:hidden;--sbb-sidebar-container-animation-
 		Array.from(c).sort((e, t) => e.compareDocumentPosition(t) & Node.DOCUMENT_POSITION_FOLLOWING).forEach((e) => e._calculateSpaceState());
 	}
 	async _calculateSpaceState() {
-		if (n) return;
+		if (t) return;
 		let e = this.parentElement?.closest?.("sbb-sidebar-container")?.sidebars ?? [];
 		for (let t of e) await t.updateComplete.then(() => t.animationComplete);
-		let t = this.offsetWidth ?? 0;
-		if (t === 0) return;
-		let r = this.sidebars, a = e.some((e) => e.matches(":is(:state(mode-over-forced),[state--mode-over-forced])")) ?? !1, o = t - r.filter((e) => e.mode === "side").reduce((e, t) => e + (t.offsetWidth ?? 0), 0) < u;
+		let n = this.offsetWidth ?? 0;
+		if (n === 0) return;
+		let r = this.sidebars, a = e.some((e) => e.matches(":is(:state(mode-over-forced),[state--mode-over-forced])")) ?? !1, o = n - r.filter((e) => e.mode === "side").reduce((e, t) => e + (t.offsetWidth ?? 0), 0) < u;
 		for (let e of r) {
 			let t = e.matches(":is(:state(mode-over-forced),[state--mode-over-forced])"), n = i(e);
 			n.toggle("mode-over-forced", o), e.mode === "side" && ((o || a) && e.opened && !t ? (e.isOpen && !e.matches(":is(:state(skip-animation),[state--skip-animation])") && n.add("mode-over-forced-closing"), e.opened = !1, this._forcedClosedSidebars.add(e), e.matches(":is(:state(mode-over-forced-closing),[state--mode-over-forced-closing])") && e.updateComplete.then(() => e.animationComplete).then(() => n.delete("mode-over-forced-closing"))) : !o && !a && this._forcedClosedSidebars.has(e) && (e.cedeFocus(), e.opened = !0, this._forcedClosedSidebars.delete(e)));
 		}
 	}
 	render() {
-		return t`<div
+		return e`<div
         class="sbb-sidebar-container-backdrop"
         @click=${() => this.sidebars.forEach((e) => e.close())}
       ></div>

package/sidebar-content.component-BQzWV9qh.js

@@ -0,0 +1,20 @@
+import { html as e, unsafeCSS as t } from "lit";
+import { SbbElement as n } from "./core/base-elements.js";
+import { sidebarContentCommonStyle as r } from "./sidebar/common/styles.js";
+//#region src/elements/sidebar/sidebar-content/sidebar-content.scss?inline
+var i = ":host{--_sbb-sidebar-content-margin-inline-start: initial;--_sbb-sidebar-content-margin-inline-end: initial;margin-inline:var(--_sbb-sidebar-content-margin-inline-start, var(--_sbb-sidebar-container-start-width, 0)) var(--_sbb-sidebar-content-margin-inline-end, var(--_sbb-sidebar-container-end-width, 0));transition:margin var(--sbb-sidebar-container-animation-duration) var(--sbb-sidebar-container-animation-easing)}", a = class extends n {
+	static {
+		this.elementName = "sbb-sidebar-content";
+	}
+	static {
+		this.styles = [r, t(i)];
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.classList.add("sbb-scrollbar");
+	}
+	render() {
+		return e`<slot></slot>`;
+	}
+};
+//#endregion
+export { a as t };

package/{sidebar-title.component-lEdsEEMO.js → sidebar-title.component-CE0QQtbI.js}

@@ -1,14 +1,14 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n } from "lit";
+import { unsafeCSS as n } from "lit";
 import { property as r } from "lit/decorators.js";
 import { SbbTitleBase as i } from "./title.js";
-//#region src/elements/sidebar/sidebar-title/sidebar-title.scss?lit&inline
-var a = n`:host{-webkit-hyphens:auto;hyphens:auto;padding-block-start:calc(.5 * (var(--_sbb-sidebar-close-button-size) - 1em * var(--sbb-typo-line-height-heading)));min-height:var(--_sbb-sidebar-close-button-size)}`, o = (() => {
-	let n = i, o, s = [], c = [];
-	return class extends n {
+//#region src/elements/sidebar/sidebar-title/sidebar-title.scss?inline
+var a = ":host{-webkit-hyphens:auto;hyphens:auto;padding-block-start:calc(.5 * (var(--_sbb-sidebar-close-button-size) - 1em * var(--sbb-typo-line-height-heading)));min-height:var(--_sbb-sidebar-close-button-size)}", o = (() => {
+	let o = i, s, c = [], l = [];
+	return class extends o {
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			o = [r({ reflect: !0 })], e(this, null, o, {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
+			s = [r({ reflect: !0 })], e(this, null, s, {
 				kind: "accessor",
 				name: "level",
 				static: !1,
@@ -21,7 +21,7 @@ var a = n`:host{-webkit-hyphens:auto;hyphens:auto;padding-block-start:calc(.5 *
 					}
 				},
 				metadata: t
-			}, s, c), t && Object.defineProperty(this, Symbol.metadata, {
+			}, c, l), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -32,9 +32,9 @@ var a = n`:host{-webkit-hyphens:auto;hyphens:auto;padding-block-start:calc(.5 *
 			this.elementName = "sbb-sidebar-title";
 		}
 		static {
-			this.styles = [i.styles, a];
+			this.styles = [i.styles, n(a)];
 		}
-		#e = t(this, s, "2");
+		#e = t(this, c, "2");
 		get level() {
 			return this.#e;
 		}
@@ -42,7 +42,7 @@ var a = n`:host{-webkit-hyphens:auto;hyphens:auto;padding-block-start:calc(.5 *
 			this.#e = e;
 		}
 		constructor() {
-			super(), t(this, c), this.visualLevel ??= "5";
+			super(), t(this, l), this.visualLevel ??= "5";
 		}
 		connectedCallback() {
 			super.connectedCallback(), this.slot ||= "title-section";

package/{sidebar.component-BkTSnoNM.js → sidebar.component-APJCELuU.js}

@@ -1,5 +1,5 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n, html as r, isServer as i } from "lit";
+import { html as n, isServer as r, unsafeCSS as i } from "lit";
 import { eventOptions as a, property as o } from "lit/decorators.js";
 import { SbbOpenCloseBaseElement as s } from "./core/base-elements.js";
 import { forceType as c, handleDistinctChange as l } from "./core/decorators.js";
@@ -9,23 +9,23 @@ import { boxSizingStyles as f } from "./core/styles.js";
 import { SbbEscapableOverlayController as p } from "./core/controllers.js";
 import { ResizeController as m } from "@lit-labs/observers/resize-controller.js";
 import { SbbFocusTrapController as h } from "./core/a11y.js";
-//#region src/elements/sidebar/sidebar/sidebar.scss?lit&inline
-var g = n`:host{--sbb-link-text-decoration-line: none;--sbb-sidebar-background-color: var(--sbb-background-color-1);--sbb-sidebar-scrollbar-placeholder-width: var(--sbb-spacing-fixed-3x);--_sbb-sidebar-margin: 0;--_sbb-sidebar-margin-block-start: var(--sbb-sidebar-margin);--_sbb-sidebar-translate-x: -100%;--_sbb-sidebar-z-index: 2;--_sbb-sidebar-padding-inline-end: var(--sbb-sidebar-padding);--_sbb-sidebar-padding-block-start: var(--sbb-sidebar-padding);--_sbb-sidebar-border-radius-start: var(--sbb-sidebar-border-radius);--_sbb-sidebar-border-radius-end: 0;--_sbb-sidebar-close-button-size: var(--sbb-size-element-xs);--_sbb-sidebar-max-width: calc(100% - 2 * var(--_sbb-sidebar-margin));display:block;width:20rem}@supports (scrollbar-gutter: stable) and (not (-webkit-touch-callout: none)){:host{--_sbb-sidebar-padding-inline-end: calc( var(--sbb-sidebar-padding) - var(--sbb-sidebar-scrollbar-placeholder-width) )}}:host([color=white]){--sbb-sidebar-background-color: var(--sbb-background-color-1)}:host([color=milk]){--sbb-sidebar-background-color: var(--sbb-background-color-3)}:host(:is([mode=over],:is(:state(mode-over-forced),[state--mode-over-forced]):not(:is(:state(mode-over-forced-closing),[state--mode-over-forced-closing])))){--_sbb-sidebar-margin: var(--sbb-sidebar-margin);--_sbb-sidebar-border-radius-end: var(--sbb-sidebar-border-radius);--_sbb-sidebar-z-index: 3}:host(:is(:dir(rtl),[position=end])){--_sbb-sidebar-translate-x: 100%}:host(:dir(rtl)[position=end]){--_sbb-sidebar-translate-x: -100%}.sbb-sidebar{width:inherit;max-width:var(--_sbb-sidebar-max-width);background-color:var(--sbb-sidebar-background-color);display:flex;flex-direction:column;position:absolute;overflow:hidden;inset-block:0;z-index:var(--_sbb-sidebar-z-index);border-start-start-radius:var(--_sbb-sidebar-border-radius-start);border-start-end-radius:var(--_sbb-sidebar-border-radius-start);border-end-start-radius:var(--_sbb-sidebar-border-radius-end);border-end-end-radius:var(--_sbb-sidebar-border-radius-end);margin:var(--_sbb-sidebar-margin);margin-block-start:var(--_sbb-sidebar-margin-block-start);transition-duration:var(--sbb-sidebar-container-animation-duration);transition-timing-function:var(--sbb-sidebar-container-animation-easing);transition-property:width,translate;translate:none}:host([position=end]) .sbb-sidebar{inset-inline-end:0}:host(:is(:state(state-closed),[state--state-closed])) .sbb-sidebar{visibility:hidden}:host(:is(:is(:state(state-closing),[state--state-closing]),:is(:state(state-closed),[state--state-closed]))) .sbb-sidebar{translate:var(--_sbb-sidebar-translate-x) 0}.sbb-sidebar-title-section{display:flex;width:100%;gap:var(--sbb-sidebar-title-gap);background-color:var(--sbb-sidebar-background-color);padding-inline:var(--sbb-sidebar-padding);transition:box-shadow var(--sbb-animation-easing) var(--sbb-sidebar-container-animation-duration);box-shadow:none}:host(:is(:state(scrolled),[state--scrolled])) .sbb-sidebar-title-section{box-shadow:var(--sbb-box-shadow-level-5-soft)}.sbb-sidebar-content-section{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: transparent;--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-sidebar-content-section::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-sidebar-content-section::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-sidebar-content-section::-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-sidebar-content-section::-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-sidebar-content-section::-webkit-scrollbar-button,.sbb-sidebar-content-section::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-sidebar-content-section{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-sidebar-content-section{padding-block-start:var(--_sbb-sidebar-padding-block-start);padding-inline:var(--sbb-sidebar-padding) var(--_sbb-sidebar-padding-inline-end);overflow-y:auto;flex-grow:1;outline-color:var(--sbb-focus-outline-color)}@supports (scrollbar-gutter: stable){.sbb-sidebar-content-section{scrollbar-gutter:stable}}::slotted(sbb-sidebar-title){flex-grow:1;margin-block:var(--sbb-sidebar-title-padding-block)}::slotted(sbb-sidebar-close-button){order:1;margin-inline-end:calc(-1 * (var(--sbb-sidebar-padding) - var(--sbb-sidebar-title-padding-block)));margin-block:var(--sbb-sidebar-title-padding-block);inset-inline-end:var(--sbb-sidebar-padding)}`, _ = (() => {
-	let n = d(s), _ = [], v, y = [], b = [], x, S = [], C = [], w, T = [], E = [], D, O = [], k = [], A, j = [], M = [], N;
-	return class extends n {
+//#region src/elements/sidebar/sidebar/sidebar.scss?inline
+var g = ":host{--sbb-link-text-decoration-line: none;--sbb-sidebar-background-color: var(--sbb-background-color-1);--sbb-sidebar-scrollbar-placeholder-width: var(--sbb-spacing-fixed-3x);--_sbb-sidebar-margin: 0;--_sbb-sidebar-margin-block-start: var(--sbb-sidebar-margin);--_sbb-sidebar-translate-x: -100%;--_sbb-sidebar-z-index: 2;--_sbb-sidebar-padding-inline-end: var(--sbb-sidebar-padding);--_sbb-sidebar-padding-block-start: var(--sbb-sidebar-padding);--_sbb-sidebar-border-radius-start: var(--sbb-sidebar-border-radius);--_sbb-sidebar-border-radius-end: 0;--_sbb-sidebar-close-button-size: var(--sbb-size-element-xs);--_sbb-sidebar-max-width: calc(100% - 2 * var(--_sbb-sidebar-margin));display:block;width:20rem}@supports (scrollbar-gutter: stable) and (not (-webkit-touch-callout: none)){:host{--_sbb-sidebar-padding-inline-end: calc( var(--sbb-sidebar-padding) - var(--sbb-sidebar-scrollbar-placeholder-width) )}}:host([color=white]){--sbb-sidebar-background-color: var(--sbb-background-color-1)}:host([color=milk]){--sbb-sidebar-background-color: var(--sbb-background-color-3)}:host(:is([mode=over],:is(:state(mode-over-forced),[state--mode-over-forced]):not(:is(:state(mode-over-forced-closing),[state--mode-over-forced-closing])))){--_sbb-sidebar-margin: var(--sbb-sidebar-margin);--_sbb-sidebar-border-radius-end: var(--sbb-sidebar-border-radius);--_sbb-sidebar-z-index: 3}:host(:is(:dir(rtl),[position=end])){--_sbb-sidebar-translate-x: 100%}:host(:dir(rtl)[position=end]){--_sbb-sidebar-translate-x: -100%}.sbb-sidebar{width:inherit;max-width:var(--_sbb-sidebar-max-width);background-color:var(--sbb-sidebar-background-color);display:flex;flex-direction:column;position:absolute;overflow:hidden;inset-block:0;z-index:var(--_sbb-sidebar-z-index);border-start-start-radius:var(--_sbb-sidebar-border-radius-start);border-start-end-radius:var(--_sbb-sidebar-border-radius-start);border-end-start-radius:var(--_sbb-sidebar-border-radius-end);border-end-end-radius:var(--_sbb-sidebar-border-radius-end);margin:var(--_sbb-sidebar-margin);margin-block-start:var(--_sbb-sidebar-margin-block-start);transition-duration:var(--sbb-sidebar-container-animation-duration);transition-timing-function:var(--sbb-sidebar-container-animation-easing);transition-property:width,translate;translate:none}:host([position=end]) .sbb-sidebar{inset-inline-end:0}:host(:is(:state(state-closed),[state--state-closed])) .sbb-sidebar{visibility:hidden}:host(:is(:is(:state(state-closing),[state--state-closing]),:is(:state(state-closed),[state--state-closed]))) .sbb-sidebar{translate:var(--_sbb-sidebar-translate-x) 0}.sbb-sidebar-title-section{display:flex;width:100%;gap:var(--sbb-sidebar-title-gap);background-color:var(--sbb-sidebar-background-color);padding-inline:var(--sbb-sidebar-padding);transition:box-shadow var(--sbb-animation-easing) var(--sbb-sidebar-container-animation-duration);box-shadow:none}:host(:is(:state(scrolled),[state--scrolled])) .sbb-sidebar-title-section{box-shadow:var(--sbb-box-shadow-level-5-soft)}.sbb-sidebar-content-section{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: transparent;--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-sidebar-content-section::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-sidebar-content-section::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-sidebar-content-section::-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-sidebar-content-section::-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-sidebar-content-section::-webkit-scrollbar-button,.sbb-sidebar-content-section::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-sidebar-content-section{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-sidebar-content-section{padding-block-start:var(--_sbb-sidebar-padding-block-start);padding-inline:var(--sbb-sidebar-padding) var(--_sbb-sidebar-padding-inline-end);overflow-y:auto;flex-grow:1;outline-color:var(--sbb-focus-outline-color)}@supports (scrollbar-gutter: stable){.sbb-sidebar-content-section{scrollbar-gutter:stable}}::slotted(sbb-sidebar-title){flex-grow:1;margin-block:var(--sbb-sidebar-title-padding-block)}::slotted(sbb-sidebar-close-button){order:1;margin-inline-end:calc(-1 * (var(--sbb-sidebar-padding) - var(--sbb-sidebar-title-padding-block)));margin-block:var(--sbb-sidebar-title-padding-block);inset-inline-end:var(--sbb-sidebar-padding)}", _ = (() => {
+	let _ = d(s), v = [], y, b = [], x = [], S, C = [], w = [], T, E = [], D = [], O, k = [], A = [], j, M = [], N = [], P;
+	return class extends _ {
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			v = [o({ reflect: !0 })], x = [c((e) => e === "over" ? "over" : "side"), o({ reflect: !0 })], w = [
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(_[Symbol.metadata] ?? null) : void 0;
+			y = [o({ reflect: !0 })], S = [c((e) => e === "over" ? "over" : "side"), o({ reflect: !0 })], T = [
 				c((e) => e === "end" ? "end" : "start"),
 				l((e, t, n) => e._updateSidebarWidth(n)),
 				o({ reflect: !0 })
-			], D = [c(), o({
+			], O = [c(), o({
 				type: Boolean,
 				reflect: !0
-			})], A = [c(), o({
+			})], j = [c(), o({
 				type: Boolean,
 				attribute: "focus-on-open"
-			})], N = [a({ passive: !0 })], e(this, null, v, {
+			})], P = [a({ passive: !0 })], e(this, null, y, {
 				kind: "accessor",
 				name: "color",
 				static: !1,
@@ -38,7 +38,7 @@ var g = n`:host{--sbb-link-text-decoration-line: none;--sbb-sidebar-background-c
 					}
 				},
 				metadata: t
-			}, y, b), e(this, null, x, {
+			}, b, x), e(this, null, S, {
 				kind: "accessor",
 				name: "mode",
 				static: !1,
@@ -51,7 +51,7 @@ var g = n`:host{--sbb-link-text-decoration-line: none;--sbb-sidebar-background-c
 					}
 				},
 				metadata: t
-			}, S, C), e(this, null, w, {
+			}, C, w), e(this, null, T, {
 				kind: "accessor",
 				name: "position",
 				static: !1,
@@ -64,7 +64,7 @@ var g = n`:host{--sbb-link-text-decoration-line: none;--sbb-sidebar-background-c
 					}
 				},
 				metadata: t
-			}, T, E), e(this, null, D, {
+			}, E, D), e(this, null, O, {
 				kind: "accessor",
 				name: "opened",
 				static: !1,
@@ -77,7 +77,7 @@ var g = n`:host{--sbb-link-text-decoration-line: none;--sbb-sidebar-background-c
 					}
 				},
 				metadata: t
-			}, O, k), e(this, null, A, {
+			}, k, A), e(this, null, j, {
 				kind: "accessor",
 				name: "focusOnOpen",
 				static: !1,
@@ -90,7 +90,7 @@ var g = n`:host{--sbb-link-text-decoration-line: none;--sbb-sidebar-background-c
 					}
 				},
 				metadata: t
-			}, j, M), e(this, null, N, {
+			}, M, N), e(this, null, P, {
 				kind: "method",
 				name: "_detectScrolledState",
 				static: !1,
@@ -100,7 +100,7 @@ var g = n`:host{--sbb-link-text-decoration-line: none;--sbb-sidebar-background-c
 					get: (e) => e._detectScrolledState
 				},
 				metadata: t
-			}, null, _), t && Object.defineProperty(this, Symbol.metadata, {
+			}, null, v), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -111,7 +111,7 @@ var g = n`:host{--sbb-link-text-decoration-line: none;--sbb-sidebar-background-c
 			this.elementName = "sbb-sidebar";
 		}
 		static {
-			this.styles = [f, g];
+			this.styles = [f, i(g)];
 		}
 		#e;
 		get color() {
@@ -152,7 +152,7 @@ var g = n`:host{--sbb-link-text-decoration-line: none;--sbb-sidebar-background-c
 			return this._container;
 		}
 		constructor() {
-			super(), this.#e = (t(this, _), t(this, y, "white")), this.#t = (t(this, b), t(this, S, "side")), this.#n = (t(this, C), t(this, T, "start")), this.#r = (t(this, E), t(this, O, !1)), this.#i = (t(this, k), t(this, j, !1)), this._container = (t(this, M), null), this._lastFocusedElement = null, this._focusTrapController = new h(this), this._escapableOverlayController = new p(this), this.addController(new m(this, {
+			super(), this.#e = (t(this, v), t(this, b, "white")), this.#t = (t(this, x), t(this, C, "side")), this.#n = (t(this, w), t(this, E, "start")), this.#r = (t(this, D), t(this, k, !1)), this.#i = (t(this, A), t(this, M, !1)), this._container = (t(this, N), null), this._lastFocusedElement = null, this._focusTrapController = new h(this), this._escapableOverlayController = new p(this), this.addController(new m(this, {
 				skipInitial: !0,
 				callback: () => this._updateSidebarWidth()
 			})), this.addEventListener?.("click", (e) => {
@@ -176,7 +176,7 @@ var g = n`:host{--sbb-link-text-decoration-line: none;--sbb-sidebar-background-c
 		}
 		open() {
 			if (this.state === "opening" || this.state === "opened" || !this.dispatchBeforeOpenEvent()) return;
-			this.startAnimation(), !i && document.activeElement?.localName !== "body" && (this._lastFocusedElement = document.activeElement), this.opened = !0, this.state = "opening";
+			this.startAnimation(), !r && document.activeElement?.localName !== "body" && (this._lastFocusedElement = document.activeElement), this.opened = !0, this.state = "opening";
 			let e = this._isZeroAnimationDuration() || !this.isConnected, t = !this.hasUpdated;
 			(t || e) && (this.internals.states.add("skip-animation"), t ? this.updateComplete.then(() => this._handleOpening()) : this._handleOpening());
 		}
@@ -193,7 +193,7 @@ var g = n`:host{--sbb-link-text-decoration-line: none;--sbb-sidebar-background-c
 			!this.hasUpdated || e ? this.internals.states.add("skip-animation") : this.state = "closing", this.opened = !1, (!this.hasUpdated || e) && this._handleClosing();
 		}
 		_handleClosing() {
-			this.state = "closed", setTimeout(() => this.internals.states.delete("skip-animation")), this.cedeFocus(), !i && (this.contains(document.activeElement) || this._isModeOver()) && (this._lastFocusedElement ? this._lastFocusedElement?.focus() : document.activeElement.blur()), this._lastFocusedElement = null, this.stopAnimation(), this.dispatchCloseEvent();
+			this.state = "closed", setTimeout(() => this.internals.states.delete("skip-animation")), this.cedeFocus(), !r && (this.contains(document.activeElement) || this._isModeOver()) && (this._lastFocusedElement ? this._lastFocusedElement?.focus() : document.activeElement.blur()), this._lastFocusedElement = null, this.stopAnimation(), this.dispatchCloseEvent();
 		}
 		_takeFocus() {
 			if (!this.isConnected) return;
@@ -225,7 +225,7 @@ var g = n`:host{--sbb-link-text-decoration-line: none;--sbb-sidebar-background-c
 			this.toggleState("scrolled", (this.shadowRoot?.querySelector(".sbb-sidebar-content-section")?.scrollTop ?? 0) > 0);
 		}
 		render() {
-			return r`<div class="sbb-sidebar" @transitionend=${this._onTransitionEnd}>
+			return n`<div class="sbb-sidebar" @transitionend=${this._onTransitionEnd}>
       <div class="sbb-sidebar-title-section"><slot name="title-section"></slot></div>
       <div class="sbb-sidebar-content-section" @scroll=${() => this._detectScrolledState()}>
         <slot></slot>

package/sidebar.js

@@ -1,8 +1,8 @@
-import { t as e } from "./sidebar-close-button.component-BZFxWg_j.js";
-import { t } from "./sidebar-container.component-C8cxaqZU.js";
-import { t as n } from "./sidebar-content.component-BYmmHoc5.js";
-import { t as r } from "./sidebar-title.component-lEdsEEMO.js";
-import { t as i } from "./sidebar.component-BkTSnoNM.js";
+import { t as e } from "./sidebar-close-button.component-BfcXTDpx.js";
+import { t } from "./sidebar-container.component-C685gr2b.js";
+import { t as n } from "./sidebar-content.component-BQzWV9qh.js";
+import { t as r } from "./sidebar-title.component-CE0QQtbI.js";
+import { t as i } from "./sidebar.component-APJCELuU.js";
 import "./sidebar.pure.js";
 i.define(), e.define(), t.define(), n.define(), r.define();
 //#endregion

package/sidebar.pure.js

@@ -1,6 +1,6 @@
-import { t as e } from "./sidebar-close-button.component-BZFxWg_j.js";
-import { t } from "./sidebar-container.component-C8cxaqZU.js";
-import { t as n } from "./sidebar-content.component-BYmmHoc5.js";
-import { t as r } from "./sidebar-title.component-lEdsEEMO.js";
-import { t as i } from "./sidebar.component-BkTSnoNM.js";
+import { t as e } from "./sidebar-close-button.component-BfcXTDpx.js";
+import { t } from "./sidebar-container.component-C685gr2b.js";
+import { t as n } from "./sidebar-content.component-BQzWV9qh.js";
+import { t as r } from "./sidebar-title.component-CE0QQtbI.js";
+import { t as i } from "./sidebar.component-APJCELuU.js";
 export { e as SbbSidebarCloseButtonElement, t as SbbSidebarContainerElement, n as SbbSidebarContentElement, i as SbbSidebarElement, r as SbbSidebarTitleElement };

package/signet/signet.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../signet.component-DaT89O_t.js";
+import { t as e } from "../signet.component-DbWPRhDO.js";
 export { e as SbbSignetElement };