@sbb-esta/lyne-elements-dev 0.0.0 → 4.0.0-dev.1775550881

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

@@ -0,0 +1,106 @@
+import { html, isServer, unsafeCSS } from "lit";
+import { SbbElement } from "./core/base-elements.js";
+import { ɵstateController } from "./core/mixins.js";
+import { boxSizingStyles } from "./core/styles.js";
+import { sidebarContainerCommonStyle } from "./sidebar/common/styles.js";
+//#region src/elements/sidebar/sidebar-container/sidebar-container.scss?inline
+var sidebar_container_default = ":host {\n  display: block;\n  overflow: hidden;\n  --sbb-sidebar-container-animation-duration: var(\n    --sbb-disable-animation-duration,\n    var(--sbb-animation-duration-4x)\n  );\n  --sbb-sidebar-container-animation-easing: var(--sbb-animation-easing);\n  --sbb-sidebar-container-backdrop-opacity: 0;\n  --sbb-sidebar-container__backdrop-visibility: hidden;\n  --sbb-sidebar-container-backdrop-animation-duration: var(\n    --sbb-sidebar-container-animation-duration\n  );\n}\n@media (forced-colors: active) {\n  :host {\n    --sbb-sidebar-container-backdrop-opacity: 0.5;\n  }\n}\n\n.sbb-sidebar-container-backdrop {\n  position: absolute;\n  inset: 0;\n  visibility: var(--sbb-sidebar-container__backdrop-visibility);\n  opacity: var(--sbb-sidebar-container-backdrop-opacity);\n  background-color: var(--sbb-color-black);\n  z-index: 3;\n  transition-duration: var(--sbb-sidebar-container-backdrop-animation-duration);\n  transition-timing-function: var(--sbb-sidebar-container-animation-easing);\n  transition-property: opacity, visibility;\n}";
+//#endregion
+//#region src/elements/sidebar/sidebar-container/sidebar-container.component.ts
+var sidebarContainerRegistry = /* @__PURE__ */ new Set();
+var sidebarContainerResizeObserver;
+var MIN_WIDTH_BEFORE_COLLAPSE = 320;
+/**
+* This is the parent component to one or two `<sbb-sidebar>`s that validates the state internally
+* and coordinates the backdrop and content styling.
+*
+* @slot - Use the unnamed slot to add `sbb-sidebar` and `sbb-sidebar-content` elements.
+*/
+var SbbSidebarContainerElement = class extends SbbElement {
+	constructor() {
+		super(...arguments);
+		this._forcedClosedSidebars = /* @__PURE__ */ new WeakSet();
+	}
+	static {
+		this.elementName = "sbb-sidebar-container";
+	}
+	static {
+		this.styles = [
+			boxSizingStyles,
+			sidebarContainerCommonStyle,
+			unsafeCSS(sidebar_container_default)
+		];
+	}
+	/** The sidebar children. */
+	get sidebars() {
+		return Array.from(this.querySelectorAll?.(`:scope > sbb-sidebar`) ?? []);
+	}
+	/** The sidebar child with the `start` position. */
+	get start() {
+		return this.querySelector?.(`:scope > sbb-sidebar:not([position='end'])`);
+	}
+	/** The sidebar child with the `end` position. */
+	get end() {
+		return this.querySelector?.(`:scope > sbb-sidebar[position='end']`);
+	}
+	connectedCallback() {
+		super.connectedCallback();
+		sidebarContainerResizeObserver ??= !isServer && new ResizeObserver(() => this._handleWidthChange());
+		if (!isServer && sidebarContainerRegistry.size === 0) sidebarContainerResizeObserver.observe(document?.documentElement);
+		sidebarContainerRegistry.add(this);
+		this._handleWidthChange();
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback();
+		sidebarContainerRegistry.delete(this);
+		if (sidebarContainerRegistry.size === 0) sidebarContainerResizeObserver?.disconnect();
+	}
+	firstUpdated(changedProperties) {
+		super.firstUpdated(changedProperties);
+		this._handleWidthChange();
+	}
+	_handleWidthChange() {
+		Array.from(sidebarContainerRegistry).sort((c1, c2) => c1.compareDocumentPosition(c2) & Node.DOCUMENT_POSITION_FOLLOWING).forEach((c) => c._calculateSpaceState());
+	}
+	/**
+	* Closes and opens sidebars depending on available width
+	* of the container and its parent container.
+	*/
+	async _calculateSpaceState() {
+		if (isServer) return;
+		const parentSidebars = (this.parentElement?.closest?.("sbb-sidebar-container"))?.sidebars ?? [];
+		for (const sidebar of parentSidebars) await sidebar.updateComplete.then(() => sidebar.animationComplete);
+		const width = this.offsetWidth ?? 0;
+		if (width === 0) return;
+		const sidebars = this.sidebars;
+		const hasForcedClosedParentContainer = parentSidebars.some((sidebar) => sidebar.matches(":is(:state(mode-over-forced),[state--mode-over-forced])")) ?? false;
+		const isMinimumSpace = width - sidebars.filter((sidebar) => sidebar.mode === "side").reduce((accumulator, currentValue) => accumulator + (currentValue.offsetWidth ?? 0), 0) < MIN_WIDTH_BEFORE_COLLAPSE;
+		for (const sidebar of sidebars) {
+			const wasMinimum = sidebar.matches(":is(:state(mode-over-forced),[state--mode-over-forced])");
+			const controller = ɵstateController(sidebar);
+			controller.toggle("mode-over-forced", isMinimumSpace);
+			if (sidebar.mode !== "side") continue;
+			if ((isMinimumSpace || hasForcedClosedParentContainer) && sidebar.opened && !wasMinimum) {
+				if (sidebar.isOpen && !sidebar.matches(":is(:state(skip-animation),[state--skip-animation])")) controller.add("mode-over-forced-closing");
+				sidebar.opened = false;
+				this._forcedClosedSidebars.add(sidebar);
+				if (sidebar.matches(":is(:state(mode-over-forced-closing),[state--mode-over-forced-closing])")) sidebar.updateComplete.then(() => sidebar.animationComplete).then(() => controller.delete("mode-over-forced-closing"));
+			} else if (!isMinimumSpace && !hasForcedClosedParentContainer && this._forcedClosedSidebars.has(sidebar)) {
+				sidebar["cedeFocus"]();
+				sidebar.opened = true;
+				this._forcedClosedSidebars.delete(sidebar);
+			}
+		}
+	}
+	render() {
+		return html`<div
+        class="sbb-sidebar-container-backdrop"
+        @click=${() => this.sidebars.forEach((s) => s.close())}
+      ></div>
+      <slot @slotchange=${() => this._handleWidthChange()}></slot>`;
+	}
+};
+//#endregion
+export { SbbSidebarContainerElement as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci1jb250YWluZXIuY29tcG9uZW50LUJEU29EQXltLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9zaWRlYmFyL3NpZGViYXItY29udGFpbmVyL3NpZGViYXItY29udGFpbmVyLnNjc3M/aW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3NpZGViYXIvc2lkZWJhci1jb250YWluZXIvc2lkZWJhci1jb250YWluZXIuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgZGlzcGxheTogYmxvY2s7XG5cbiAgLy8gSGlkZSB0aGUgc2lkZWJhcnMgd2hlbiB0aGV5J3JlIGNsb3NlZC5cbiAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAtLXNiYi1zaWRlYmFyLWNvbnRhaW5lci1hbmltYXRpb24tZHVyYXRpb246IHZhcihcbiAgICAtLXNiYi1kaXNhYmxlLWFuaW1hdGlvbi1kdXJhdGlvbixcbiAgICB2YXIoLS1zYmItYW5pbWF0aW9uLWR1cmF0aW9uLTR4KVxuICApO1xuICAtLXNiYi1zaWRlYmFyLWNvbnRhaW5lci1hbmltYXRpb24tZWFzaW5nOiB2YXIoLS1zYmItYW5pbWF0aW9uLWVhc2luZyk7XG5cbiAgLy8gV2UgdXNlICd2aXNpYmlsaXR5OiBoaWRkZW4gfCB2aXNpYmxlJyBiZWNhdXNlICdkaXNwbGF5OiBub25lJyB3aWxsIG5vdCBhbmltYXRlIGFueVxuICAvLyB0cmFuc2l0aW9ucywgd2hpbGUgdmlzaWJpbGl0eSB3aWxsIGludGVycG9sYXRlIHRyYW5zaXRpb25zIHByb3Blcmx5LlxuICAvLyBzZWUgaHR0cHM6Ly9kZXZlbG9wZXIubW96aWxsYS5vcmcvZW4tVVMvZG9jcy9XZWIvQ1NTL3Zpc2liaWxpdHksIHRoZSBJbnRlcnBvbGF0aW9uXG4gIC8vIHNlY3Rpb24uXG4gIC0tc2JiLXNpZGViYXItY29udGFpbmVyLWJhY2tkcm9wLW9wYWNpdHk6IDA7XG4gIC0tc2JiLXNpZGViYXItY29udGFpbmVyX19iYWNrZHJvcC12aXNpYmlsaXR5OiBoaWRkZW47XG5cbiAgLy8gV2UgbmVlZCB0byBkdXBsaWNhdGUgYW5pbWF0aW9uIGR1cmF0aW9uIGRlZmluaXRpb24gZm9yIHRoZSBiYWNrZHJvcCBpbiBvcmRlciB0byBwcmV2ZW50IHBhc3NpbmdcbiAgLy8gZG93biB0aGUgdmFsdWUgdG8gb3RoZXIgc2JiLXNpZGViYXItY29udGFpbmVycyB3aGVuIG92ZXJyaWRlIGl0IGZyb20gY29yZS5zY3NzXG4gIC0tc2JiLXNpZGViYXItY29udGFpbmVyLWJhY2tkcm9wLWFuaW1hdGlvbi1kdXJhdGlvbjogdmFyKFxuICAgIC0tc2JiLXNpZGViYXItY29udGFpbmVyLWFuaW1hdGlvbi1kdXJhdGlvblxuICApO1xuXG4gIEBpbmNsdWRlIHNiYi5pZi1mb3JjZWQtY29sb3JzIHtcbiAgICAtLXNiYi1zaWRlYmFyLWNvbnRhaW5lci1iYWNrZHJvcC1vcGFjaXR5OiAwLjU7XG4gIH1cbn1cblxuLnNiYi1zaWRlYmFyLWNvbnRhaW5lci1iYWNrZHJvcCB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgaW5zZXQ6IDA7XG4gIHZpc2liaWxpdHk6IHZhcigtLXNiYi1zaWRlYmFyLWNvbnRhaW5lcl9fYmFja2Ryb3AtdmlzaWJpbGl0eSk7XG4gIG9wYWNpdHk6IHZhcigtLXNiYi1zaWRlYmFyLWNvbnRhaW5lci1iYWNrZHJvcC1vcGFjaXR5KTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2JiLWNvbG9yLWJsYWNrKTtcbiAgei1pbmRleDogMztcblxuICB0cmFuc2l0aW9uOiB7XG4gICAgZHVyYXRpb246IHZhcigtLXNiYi1zaWRlYmFyLWNvbnRhaW5lci1iYWNrZHJvcC1hbmltYXRpb24tZHVyYXRpb24pO1xuICAgIHRpbWluZy1mdW5jdGlvbjogdmFyKC0tc2JiLXNpZGViYXItY29udGFpbmVyLWFuaW1hdGlvbi1lYXNpbmcpO1xuICAgIHByb3BlcnR5OiBvcGFjaXR5LCB2aXNpYmlsaXR5O1xuICB9XG59XG4iLCJpbXBvcnQge1xuICB0eXBlIENTU1Jlc3VsdEdyb3VwLFxuICBodG1sLFxuICBpc1NlcnZlcixcbiAgdHlwZSBQcm9wZXJ0eVZhbHVlcyxcbiAgdHlwZSBUZW1wbGF0ZVJlc3VsdCxcbiAgdW5zYWZlQ1NTLFxufSBmcm9tICdsaXQnO1xuXG5pbXBvcnQgeyBTYmJFbGVtZW50IH0gZnJvbSAnLi4vLi4vY29yZS9iYXNlLWVsZW1lbnRzLnRzJztcbmltcG9ydCB7IMm1c3RhdGVDb250cm9sbGVyIH0gZnJvbSAnLi4vLi4vY29yZS9taXhpbnMudHMnO1xuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnLi4vLi4vY29yZS9zdHlsZXMudHMnO1xuaW1wb3J0IHsgc2lkZWJhckNvbnRhaW5lckNvbW1vblN0eWxlIH0gZnJvbSAnLi4vY29tbW9uL3N0eWxlcy50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYlNpZGViYXJFbGVtZW50IH0gZnJvbSAnLi4vc2lkZWJhci9zaWRlYmFyLmNvbXBvbmVudC50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3NpZGViYXItY29udGFpbmVyLnNjc3M/aW5saW5lJztcblxuY29uc3Qgc2lkZWJhckNvbnRhaW5lclJlZ2lzdHJ5ID0gbmV3IFNldDxTYmJTaWRlYmFyQ29udGFpbmVyRWxlbWVudD4oKTtcbmxldCBzaWRlYmFyQ29udGFpbmVyUmVzaXplT2JzZXJ2ZXI6IFJlc2l6ZU9ic2VydmVyIHwgdW5kZWZpbmVkO1xuXG5jb25zdCBNSU5fV0lEVEhfQkVGT1JFX0NPTExBUFNFID0gMzIwO1xuXG4vKipcbiAqIFRoaXMgaXMgdGhlIHBhcmVudCBjb21wb25lbnQgdG8gb25lIG9yIHR3byBgPHNiYi1zaWRlYmFyPmBzIHRoYXQgdmFsaWRhdGVzIHRoZSBzdGF0ZSBpbnRlcm5hbGx5XG4gKiBhbmQgY29vcmRpbmF0ZXMgdGhlIGJhY2tkcm9wIGFuZCBjb250ZW50IHN0eWxpbmcuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgYHNiYi1zaWRlYmFyYCBhbmQgYHNiYi1zaWRlYmFyLWNvbnRlbnRgIGVsZW1lbnRzLlxuICovXG5leHBvcnQgY2xhc3MgU2JiU2lkZWJhckNvbnRhaW5lckVsZW1lbnQgZXh0ZW5kcyBTYmJFbGVtZW50IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi1zaWRlYmFyLWNvbnRhaW5lcic7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtcbiAgICBib3hTaXppbmdTdHlsZXMsXG4gICAgc2lkZWJhckNvbnRhaW5lckNvbW1vblN0eWxlLFxuICAgIHVuc2FmZUNTUyhzdHlsZSksXG4gIF07XG5cbiAgLyoqIFRoZSBzaWRlYmFyIGNoaWxkcmVuLiAqL1xuICBwdWJsaWMgZ2V0IHNpZGViYXJzKCk6IFNiYlNpZGViYXJFbGVtZW50W10ge1xuICAgIHJldHVybiBBcnJheS5mcm9tKHRoaXMucXVlcnlTZWxlY3RvckFsbD8uPFNiYlNpZGViYXJFbGVtZW50PihgOnNjb3BlID4gc2JiLXNpZGViYXJgKSA/PyBbXSk7XG4gIH1cblxuICAvKiogVGhlIHNpZGViYXIgY2hpbGQgd2l0aCB0aGUgYHN0YXJ0YCBwb3NpdGlvbi4gKi9cbiAgcHVibGljIGdldCBzdGFydCgpOiBTYmJTaWRlYmFyRWxlbWVudCB8IG51bGwge1xuICAgIHJldHVybiB0aGlzLnF1ZXJ5U2VsZWN0b3I/LjxTYmJTaWRlYmFyRWxlbWVudD4oYDpzY29wZSA+IHNiYi1zaWRlYmFyOm5vdChbcG9zaXRpb249J2VuZCddKWApO1xuICB9XG5cbiAgLyoqIFRoZSBzaWRlYmFyIGNoaWxkIHdpdGggdGhlIGBlbmRgIHBvc2l0aW9uLiAqL1xuICBwdWJsaWMgZ2V0IGVuZCgpOiBTYmJTaWRlYmFyRWxlbWVudCB8IG51bGwge1xuICAgIHJldHVybiB0aGlzLnF1ZXJ5U2VsZWN0b3I/LjxTYmJTaWRlYmFyRWxlbWVudD4oYDpzY29wZSA+IHNiYi1zaWRlYmFyW3Bvc2l0aW9uPSdlbmQnXWApO1xuICB9XG5cbiAgcHJpdmF0ZSBfZm9yY2VkQ2xvc2VkU2lkZWJhcnMgPSBuZXcgV2Vha1NldDxTYmJTaWRlYmFyRWxlbWVudD4oKTtcblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcblxuICAgIHNpZGViYXJDb250YWluZXJSZXNpemVPYnNlcnZlciA/Pz1cbiAgICAgICFpc1NlcnZlciAmJiBuZXcgUmVzaXplT2JzZXJ2ZXIoKCkgPT4gdGhpcy5faGFuZGxlV2lkdGhDaGFuZ2UoKSk7XG5cbiAgICBpZiAoIWlzU2VydmVyICYmIHNpZGViYXJDb250YWluZXJSZWdpc3RyeS5zaXplID09PSAwKSB7XG4gICAgICBzaWRlYmFyQ29udGFpbmVyUmVzaXplT2JzZXJ2ZXIub2JzZXJ2ZShkb2N1bWVudD8uZG9jdW1lbnRFbGVtZW50KTtcbiAgICB9XG5cbiAgICBzaWRlYmFyQ29udGFpbmVyUmVnaXN0cnkuYWRkKHRoaXMpO1xuXG4gICAgdGhpcy5faGFuZGxlV2lkdGhDaGFuZ2UoKTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBkaXNjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5kaXNjb25uZWN0ZWRDYWxsYmFjaygpO1xuXG4gICAgc2lkZWJhckNvbnRhaW5lclJlZ2lzdHJ5LmRlbGV0ZSh0aGlzKTtcblxuICAgIGlmIChzaWRlYmFyQ29udGFpbmVyUmVnaXN0cnkuc2l6ZSA9PT0gMCkge1xuICAgICAgc2lkZWJhckNvbnRhaW5lclJlc2l6ZU9ic2VydmVyPy5kaXNjb25uZWN0KCk7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIGZpcnN0VXBkYXRlZChjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiB2b2lkIHtcbiAgICBzdXBlci5maXJzdFVwZGF0ZWQoY2hhbmdlZFByb3BlcnRpZXMpO1xuXG4gICAgdGhpcy5faGFuZGxlV2lkdGhDaGFuZ2UoKTtcbiAgfVxuXG4gIHByaXZhdGUgX2hhbmRsZVdpZHRoQ2hhbmdlKCk6IHZvaWQge1xuICAgIEFycmF5LmZyb20oc2lkZWJhckNvbnRhaW5lclJlZ2lzdHJ5KVxuICAgICAgLnNvcnQoKGMxLCBjMikgPT4gYzEuY29tcGFyZURvY3VtZW50UG9zaXRpb24oYzIpICYgTm9kZS5ET0NVTUVOVF9QT1NJVElPTl9GT0xMT1dJTkcpXG4gICAgICAuZm9yRWFjaCgoYykgPT4gYy5fY2FsY3VsYXRlU3BhY2VTdGF0ZSgpKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBDbG9zZXMgYW5kIG9wZW5zIHNpZGViYXJzIGRlcGVuZGluZyBvbiBhdmFpbGFibGUgd2lkdGhcbiAgICogb2YgdGhlIGNvbnRhaW5lciBhbmQgaXRzIHBhcmVudCBjb250YWluZXIuXG4gICAqL1xuICBwcml2YXRlIGFzeW5jIF9jYWxjdWxhdGVTcGFjZVN0YXRlKCk6IFByb21pc2U8dm9pZD4ge1xuICAgIGlmIChpc1NlcnZlcikge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGNvbnN0IHBhcmVudFNpZGViYXJDb250YWluZXIgPVxuICAgICAgdGhpcy5wYXJlbnRFbGVtZW50Py5jbG9zZXN0Py48U2JiU2lkZWJhckNvbnRhaW5lckVsZW1lbnQ+KCdzYmItc2lkZWJhci1jb250YWluZXInKTtcblxuICAgIGNvbnN0IHBhcmVudFNpZGViYXJzID0gcGFyZW50U2lkZWJhckNvbnRhaW5lcj8uc2lkZWJhcnMgPz8gW107XG5cbiAgICBmb3IgKGNvbnN0IHNpZGViYXIgb2YgcGFyZW50U2lkZWJhcnMpIHtcbiAgICAgIC8vIFVzaW5nIFByb21pc2UuYWxsIGRpZCBjcmVhdGUgc29tZSBjb25mdXNpbmcgcHJvYmxlbXMsIHNvIHdlIGRlY2lkZWQgdG8gYXdhaXQgaXQgc2VxdWVudGlhbGx5LlxuICAgICAgYXdhaXQgc2lkZWJhci51cGRhdGVDb21wbGV0ZS50aGVuKCgpID0+IHNpZGViYXIuYW5pbWF0aW9uQ29tcGxldGUpO1xuICAgIH1cblxuICAgIGNvbnN0IHdpZHRoID0gdGhpcy5vZmZzZXRXaWR0aCA/PyAwO1xuICAgIGlmICh3aWR0aCA9PT0gMCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGNvbnN0IHNpZGViYXJzID0gdGhpcy5zaWRlYmFycztcbiAgICBjb25zdCBoYXNGb3JjZWRDbG9zZWRQYXJlbnRDb250YWluZXIgPVxuICAgICAgcGFyZW50U2lkZWJhcnMuc29tZSgoc2lkZWJhcikgPT4gc2lkZWJhci5tYXRjaGVzKCc6c3RhdGUobW9kZS1vdmVyLWZvcmNlZCknKSkgPz8gZmFsc2U7XG4gICAgY29uc3Qgc3VtT2ZBbGxSZWxldmFudFNpZGViYXJXaWR0aHMgPSBzaWRlYmFyc1xuICAgICAgLmZpbHRlcigoc2lkZWJhcikgPT4gc2lkZWJhci5tb2RlID09PSAnc2lkZScpXG4gICAgICAucmVkdWNlKChhY2N1bXVsYXRvciwgY3VycmVudFZhbHVlKSA9PiBhY2N1bXVsYXRvciArIChjdXJyZW50VmFsdWUub2Zmc2V0V2lkdGggPz8gMCksIDApO1xuICAgIGNvbnN0IGlzTWluaW11bVNwYWNlID0gd2lkdGggLSBzdW1PZkFsbFJlbGV2YW50U2lkZWJhcldpZHRocyA8IE1JTl9XSURUSF9CRUZPUkVfQ09MTEFQU0U7XG5cbiAgICBmb3IgKGNvbnN0IHNpZGViYXIgb2Ygc2lkZWJhcnMpIHtcbiAgICAgIGNvbnN0IHdhc01pbmltdW0gPSBzaWRlYmFyLm1hdGNoZXMoJzpzdGF0ZShtb2RlLW92ZXItZm9yY2VkKScpO1xuICAgICAgY29uc3QgY29udHJvbGxlciA9IMm1c3RhdGVDb250cm9sbGVyKHNpZGViYXIpO1xuICAgICAgY29udHJvbGxlci50b2dnbGUoJ21vZGUtb3Zlci1mb3JjZWQnLCBpc01pbmltdW1TcGFjZSk7XG5cbiAgICAgIGlmIChzaWRlYmFyLm1vZGUgIT09ICdzaWRlJykge1xuICAgICAgICBjb250aW51ZTtcbiAgICAgIH1cblxuICAgICAgaWYgKChpc01pbmltdW1TcGFjZSB8fCBoYXNGb3JjZWRDbG9zZWRQYXJlbnRDb250YWluZXIpICYmIHNpZGViYXIub3BlbmVkICYmICF3YXNNaW5pbXVtKSB7XG4gICAgICAgIC8vIFdlIGhhdmUgdG8gY2xvc2UgdGhlIHNpZGViYXIgd2hlbiB0aGUgcmVtYWluaW5nIHdpZHRoIGlzIGJlbG93IHRoZSBtaW5pbXVtIG9yIHRoZSBwYXJlbnQgY29udGFpbmVyIHJ1bnMgb3V0IG9mIHNwYWNlLlxuXG4gICAgICAgIGlmIChzaWRlYmFyLmlzT3BlbiAmJiAhc2lkZWJhci5tYXRjaGVzKCc6c3RhdGUoc2tpcC1hbmltYXRpb24pJykpIHtcbiAgICAgICAgICAvLyBJZiB0aGUgc2lkZWJhciBpcyBvcGVuZWQgdmlzdWFsbHksIGFkZCBhIHNwZWNpYWwgZGF0YSBhdHRyaWJ1dGUgdGhhdCBjb250cm9scyB0aGUgei1pbmRleC5cbiAgICAgICAgICAvLyBXaXRob3V0IHRoaXMgc29sdXRpb24sIHdoZW4gdGhlIHNpZGViYXIgaXMgY2xvc2VkLCBpdCB3b3VsZCBhcHBlYXIgdmlzdWFsbHkgYXMgaWYgaXQgd2VyZSBpbiAnb3ZlcicgbW9kZS5cbiAgICAgICAgICBjb250cm9sbGVyLmFkZCgnbW9kZS1vdmVyLWZvcmNlZC1jbG9zaW5nJyk7XG4gICAgICAgIH1cblxuICAgICAgICBzaWRlYmFyLm9wZW5lZCA9IGZhbHNlO1xuICAgICAgICB0aGlzLl9mb3JjZWRDbG9zZWRTaWRlYmFycy5hZGQoc2lkZWJhcik7XG5cbiAgICAgICAgaWYgKHNpZGViYXIubWF0Y2hlcygnOnN0YXRlKG1vZGUtb3Zlci1mb3JjZWQtY2xvc2luZyknKSkge1xuICAgICAgICAgIHNpZGViYXIudXBkYXRlQ29tcGxldGVcbiAgICAgICAgICAgIC50aGVuKCgpID0+IHNpZGViYXIuYW5pbWF0aW9uQ29tcGxldGUpXG4gICAgICAgICAgICAudGhlbigoKSA9PiBjb250cm9sbGVyLmRlbGV0ZSgnbW9kZS1vdmVyLWZvcmNlZC1jbG9zaW5nJykpO1xuICAgICAgICB9XG4gICAgICB9IGVsc2UgaWYgKFxuICAgICAgICAvLyBXZSBoYXZlIHRvIG9wZW4gdGhlIHNpZGViYXIgd2hlbiB0aGUgcmVtYWluaW5nIHdpZHRoIG9mIHRoZSBzaWRlYmFyIGFuZCB0aGUgcGFyZW50IGNvbnRhaW5lclxuICAgICAgICAvLyBpcyBhYm92ZSB0aGUgbWluaW11bS5cbiAgICAgICAgLy8gV2Ugb25seSBwcm9ncmFtbWF0aWNhbGx5IG9wZW4gdGhlIHNpZGViYXIgd2hlbiB0aGUgY2F1c2Ugb2YgY2xvc2luZyB3YXMgdGhpcyBsb2dpYy5cbiAgICAgICAgIWlzTWluaW11bVNwYWNlICYmXG4gICAgICAgICFoYXNGb3JjZWRDbG9zZWRQYXJlbnRDb250YWluZXIgJiZcbiAgICAgICAgdGhpcy5fZm9yY2VkQ2xvc2VkU2lkZWJhcnMuaGFzKHNpZGViYXIpXG4gICAgICApIHtcbiAgICAgICAgLy8gSWYgdGhlIHNpZGViYXIgd2FzIG1hbnVhbGx5IG9wZW5lZCAoaW4gZm9yY2VkIG92ZXIgbW9kZSlcbiAgICAgICAgLy8gYW5kIHRoZSBzaWRlYmFyIGJlY29tZXMgZW5vdWdoIHNwYWNlIGF2YWlsYWJsZSwgaXQgc3RheXMgb3BlbiwgYnV0IHdlIG5lZWQgdG8gZW5zdXJlIHRoYXRcbiAgICAgICAgLy8gdGhlIGZvY3VzIHRyYXAgaXMgcmVzZXQuXG4gICAgICAgIHNpZGViYXJbJ2NlZGVGb2N1cyddKCk7XG4gICAgICAgIHNpZGViYXIub3BlbmVkID0gdHJ1ZTtcbiAgICAgICAgdGhpcy5fZm9yY2VkQ2xvc2VkU2lkZWJhcnMuZGVsZXRlKHNpZGViYXIpO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYDxkaXZcbiAgICAgICAgY2xhc3M9XCJzYmItc2lkZWJhci1jb250YWluZXItYmFja2Ryb3BcIlxuICAgICAgICBAY2xpY2s9JHsoKSA9PiB0aGlzLnNpZGViYXJzLmZvckVhY2goKHMpID0+IHMuY2xvc2UoKSl9XG4gICAgICA+PC9kaXY+XG4gICAgICA8c2xvdCBAc2xvdGNoYW5nZT0keygpID0+IHRoaXMuX2hhbmRsZVdpZHRoQ2hhbmdlKCl9Pjwvc2xvdD5gO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItc2lkZWJhci1jb250YWluZXInOiBTYmJTaWRlYmFyQ29udGFpbmVyRWxlbWVudDtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUNpQkEsSUFBTSwyQ0FBMkIsSUFBSSxLQUFpQztBQUN0RSxJQUFJO0FBRUosSUFBTSw0QkFBNEI7Ozs7Ozs7QUFRbEMsSUFBYSw2QkFBYixjQUFnRCxXQUFVO0NBQTFELGNBQUE7O0FBdUJVLE9BQUEsd0NBQXdCLElBQUksU0FBNEI7OztBQXRCaEMsT0FBQSxjQUFzQjs7O0FBQy9CLE9BQUEsU0FBeUI7R0FDOUM7R0FDQTtHQUNBLFVBQVUsMEJBQUE7R0FDWDs7O0NBR0QsSUFBVyxXQUFRO0FBQ2pCLFNBQU8sTUFBTSxLQUFLLEtBQUssbUJBQXNDLHVCQUF1QixJQUFJLEVBQUUsQ0FBQzs7O0NBSTdGLElBQVcsUUFBSztBQUNkLFNBQU8sS0FBSyxnQkFBbUMsNkNBQTZDOzs7Q0FJOUYsSUFBVyxNQUFHO0FBQ1osU0FBTyxLQUFLLGdCQUFtQyx1Q0FBdUM7O0NBS3hFLG9CQUFpQjtBQUMvQixRQUFNLG1CQUFtQjtBQUV6QixxQ0FDRSxDQUFDLFlBQVksSUFBSSxxQkFBcUIsS0FBSyxvQkFBb0IsQ0FBQztBQUVsRSxNQUFJLENBQUMsWUFBWSx5QkFBeUIsU0FBUyxFQUNqRCxnQ0FBK0IsUUFBUSxVQUFVLGdCQUFnQjtBQUduRSwyQkFBeUIsSUFBSSxLQUFLO0FBRWxDLE9BQUssb0JBQW9COztDQUdYLHVCQUFvQjtBQUNsQyxRQUFNLHNCQUFzQjtBQUU1QiwyQkFBeUIsT0FBTyxLQUFLO0FBRXJDLE1BQUkseUJBQXlCLFNBQVMsRUFDcEMsaUNBQWdDLFlBQVk7O0NBSTdCLGFBQWEsbUJBQXVDO0FBQ3JFLFFBQU0sYUFBYSxrQkFBa0I7QUFFckMsT0FBSyxvQkFBb0I7O0NBR25CLHFCQUFrQjtBQUN4QixRQUFNLEtBQUsseUJBQXlCLENBQ2pDLE1BQU0sSUFBSSxPQUFPLEdBQUcsd0JBQXdCLEdBQUcsR0FBRyxLQUFLLDRCQUE0QixDQUNuRixTQUFTLE1BQU0sRUFBRSxzQkFBc0IsQ0FBQzs7Ozs7O0NBT3JDLE1BQU0sdUJBQW9CO0FBQ2hDLE1BQUksU0FDRjtFQU1GLE1BQU0sa0JBRkosS0FBSyxlQUFlLFVBQXNDLHdCQUF3QixHQUVyQyxZQUFZLEVBQUU7QUFFN0QsT0FBSyxNQUFNLFdBQVcsZUFFcEIsT0FBTSxRQUFRLGVBQWUsV0FBVyxRQUFRLGtCQUFrQjtFQUdwRSxNQUFNLFFBQVEsS0FBSyxlQUFlO0FBQ2xDLE1BQUksVUFBVSxFQUNaO0VBR0YsTUFBTSxXQUFXLEtBQUs7RUFDdEIsTUFBTSxpQ0FDSixlQUFlLE1BQU0sWUFBWSxRQUFRLFFBQVEsMERBQTJCLENBQUMsSUFBSTtFQUluRixNQUFNLGlCQUFpQixRQUhlLFNBQ25DLFFBQVEsWUFBWSxRQUFRLFNBQVMsT0FBTyxDQUM1QyxRQUFRLGFBQWEsaUJBQWlCLGVBQWUsYUFBYSxlQUFlLElBQUksRUFBRSxHQUMzQjtBQUUvRCxPQUFLLE1BQU0sV0FBVyxVQUFVO0dBQzlCLE1BQU0sYUFBYSxRQUFRLFFBQVEsMERBQTJCO0dBQzlELE1BQU0sYUFBYSxpQkFBaUIsUUFBUTtBQUM1QyxjQUFXLE9BQU8sb0JBQW9CLGVBQWU7QUFFckQsT0FBSSxRQUFRLFNBQVMsT0FDbkI7QUFHRixRQUFLLGtCQUFrQixtQ0FBbUMsUUFBUSxVQUFVLENBQUMsWUFBWTtBQUd2RixRQUFJLFFBQVEsVUFBVSxDQUFDLFFBQVEsUUFBUSxzREFBeUIsQ0FHOUQsWUFBVyxJQUFJLDJCQUEyQjtBQUc1QyxZQUFRLFNBQVM7QUFDakIsU0FBSyxzQkFBc0IsSUFBSSxRQUFRO0FBRXZDLFFBQUksUUFBUSxRQUFRLDBFQUFtQyxDQUNyRCxTQUFRLGVBQ0wsV0FBVyxRQUFRLGtCQUFrQixDQUNyQyxXQUFXLFdBQVcsT0FBTywyQkFBMkIsQ0FBQztjQU05RCxDQUFDLGtCQUNELENBQUMsa0NBQ0QsS0FBSyxzQkFBc0IsSUFBSSxRQUFRLEVBQ3ZDO0FBSUEsWUFBUSxjQUFjO0FBQ3RCLFlBQVEsU0FBUztBQUNqQixTQUFLLHNCQUFzQixPQUFPLFFBQVE7Ozs7Q0FLN0IsU0FBTTtBQUN2QixTQUFPLElBQUk7O3VCQUVRLEtBQUssU0FBUyxTQUFTLE1BQU0sRUFBRSxPQUFPLENBQUMsQ0FBQTs7Z0NBRTlCLEtBQUssb0JBQW9CLENBQUEifQ==

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

@@ -0,0 +1,32 @@
+import { html, unsafeCSS } from "lit";
+import { SbbElement } from "./core/base-elements.js";
+import { sidebarContentCommonStyle } from "./sidebar/common/styles.js";
+//#region src/elements/sidebar/sidebar-content/sidebar-content.scss?inline
+var sidebar_content_default = ":host {\n  --_sbb-sidebar-content-margin-inline-start: initial;\n  --_sbb-sidebar-content-margin-inline-end: initial;\n  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));\n  transition: margin var(--sbb-sidebar-container-animation-duration) var(--sbb-sidebar-container-animation-easing);\n}";
+//#endregion
+//#region src/elements/sidebar/sidebar-content/sidebar-content.component.ts
+/**
+* Container for the sidebar content. Intended to be placed inside an `sbb-sidebar-container` element.
+*
+* @slot - Use the unnamed slot to add any content elements.
+* Further `sbb-sidebar-container`s are possible.
+*/
+var SbbSidebarContentElement = class extends SbbElement {
+	static {
+		this.elementName = "sbb-sidebar-content";
+	}
+	static {
+		this.styles = [sidebarContentCommonStyle, unsafeCSS(sidebar_content_default)];
+	}
+	connectedCallback() {
+		super.connectedCallback();
+		this.classList.add("sbb-scrollbar");
+	}
+	render() {
+		return html`<slot></slot>`;
+	}
+};
+//#endregion
+export { SbbSidebarContentElement as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci1jb250ZW50LmNvbXBvbmVudC1KY1ZLcEtiSy5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvc2lkZWJhci9zaWRlYmFyLWNvbnRlbnQvc2lkZWJhci1jb250ZW50LnNjc3M/aW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3NpZGViYXIvc2lkZWJhci1jb250ZW50L3NpZGViYXItY29udGVudC5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICAvLyBUaGUgdmFyaWFibGVzIGhhdmUgdG8gYmUgc2V0IHRvIGBpbml0aWFsYC4gT3RoZXJ3aXNlLCBpbiBuZXN0ZWQgY29udGFpbmVycyxcbiAgLy8gb3V0ZXIgdmFyaWFibGVzIGNhbiBibGVlZCBpbnRvIHRoZSBpbm5lciBjb250YWluZXIgLyBjb250ZW50LlxuICAtLV9zYmItc2lkZWJhci1jb250ZW50LW1hcmdpbi1pbmxpbmUtc3RhcnQ6IGluaXRpYWw7XG4gIC0tX3NiYi1zaWRlYmFyLWNvbnRlbnQtbWFyZ2luLWlubGluZS1lbmQ6IGluaXRpYWw7XG5cbiAgLy8gVGhlIG1hcmdpbiBtdXN0IGJlIGVxdWFsIHRvIHRoZSB3aWR0aCBvZiB0aGUgc2lkZWJhclxuICAvLyBlaXRoZXIgYXQgdGhlIHN0YXJ0ICgtLV9zYmItc2lkZWJhci1jb250YWluZXItc3RhcnQtd2lkdGgpIG9yIGF0IHRoZSBlbmQgKC0tX3NiYi1zaWRlYmFyLWNvbnRlbnQtbWFyZ2luLWlubGluZS1lbmQpLlxuICAvLyBIb3dldmVyLCBpbiBvdmVyIG1vZGUsIG9yIGlmIHRoZXJlIGlzIG5vdCBlbm91Z2ggc3BhY2UsIHRoZSBtYXJnaW4gbXVzdCBiZSBvdmVycmlkZGVuIHRvIDAuXG4gIC8vIE92ZXJyaWRpbmcgaXMgZG9uZSBpbiBjb3JlLnNjc3MgdmlhIHRoZSAtLV9zYmItc2lkZWJhci1jb250ZW50LW1hcmdpbi1pbmxpbmUtc3RhcnQgLyAtLV9zYmItc2lkZWJhci1jb250ZW50LW1hcmdpbi1pbmxpbmUtZW5kIHZhcmlhYmxlLlxuICBtYXJnaW4taW5saW5lOiB2YXIoXG4gICAgICAtLV9zYmItc2lkZWJhci1jb250ZW50LW1hcmdpbi1pbmxpbmUtc3RhcnQsXG4gICAgICB2YXIoLS1fc2JiLXNpZGViYXItY29udGFpbmVyLXN0YXJ0LXdpZHRoLCAwKVxuICAgIClcbiAgICB2YXIoLS1fc2JiLXNpZGViYXItY29udGVudC1tYXJnaW4taW5saW5lLWVuZCwgdmFyKC0tX3NiYi1zaWRlYmFyLWNvbnRhaW5lci1lbmQtd2lkdGgsIDApKTtcbiAgdHJhbnNpdGlvbjogbWFyZ2luIHZhcigtLXNiYi1zaWRlYmFyLWNvbnRhaW5lci1hbmltYXRpb24tZHVyYXRpb24pXG4gICAgdmFyKC0tc2JiLXNpZGViYXItY29udGFpbmVyLWFuaW1hdGlvbi1lYXNpbmcpO1xufVxuIiwiaW1wb3J0IHsgdHlwZSBDU1NSZXN1bHRHcm91cCwgaHRtbCwgdHlwZSBUZW1wbGF0ZVJlc3VsdCwgdW5zYWZlQ1NTIH0gZnJvbSAnbGl0JztcblxuaW1wb3J0IHsgU2JiRWxlbWVudCB9IGZyb20gJy4uLy4uL2NvcmUvYmFzZS1lbGVtZW50cy50cyc7XG5pbXBvcnQgeyBzaWRlYmFyQ29udGVudENvbW1vblN0eWxlIH0gZnJvbSAnLi4vY29tbW9uL3N0eWxlcy50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3NpZGViYXItY29udGVudC5zY3NzP2lubGluZSc7XG5cbi8qKlxuICogQ29udGFpbmVyIGZvciB0aGUgc2lkZWJhciBjb250ZW50LiBJbnRlbmRlZCB0byBiZSBwbGFjZWQgaW5zaWRlIGFuIGBzYmItc2lkZWJhci1jb250YWluZXJgIGVsZW1lbnQuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgYW55IGNvbnRlbnQgZWxlbWVudHMuXG4gKiBGdXJ0aGVyIGBzYmItc2lkZWJhci1jb250YWluZXJgcyBhcmUgcG9zc2libGUuXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJTaWRlYmFyQ29udGVudEVsZW1lbnQgZXh0ZW5kcyBTYmJFbGVtZW50IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi1zaWRlYmFyLWNvbnRlbnQnO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbc2lkZWJhckNvbnRlbnRDb21tb25TdHlsZSwgdW5zYWZlQ1NTKHN0eWxlKV07XG5cbiAgcHVibGljIG92ZXJyaWRlIGNvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG5cbiAgICAvLyBBcyB3ZSBjYW4ndCBpbmNsdWRlIHRoZSBzY3JvbGxiYXIgbWl4aW4gb24gdGhlIGhvc3QgYW5kIHRvIG1pbmltaXplXG4gICAgLy8gcGF5bG9hZCwgd2UgZGVjaWRlZCB0byBhZGQgdGhlIHNjcm9sbGJhciBjbGFzcyBoZXJlLlxuICAgIC8vIFRoaXMgaXMgYW4gZXhjZXB0aW9uIGFzIHdlIG5vcm1hbGx5IGRvbid0IGFsdGVyIHRoZSBjbGFzc0xpc3Qgb2YgdGhlIGhvc3QuXG4gICAgdGhpcy5jbGFzc0xpc3QuYWRkKCdzYmItc2Nyb2xsYmFyJyk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGA8c2xvdD48L3Nsb3Q+YDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXNpZGViYXItY29udGVudCc6IFNiYlNpZGViYXJDb250ZW50RWxlbWVudDtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7O0FDYUEsSUFBYSwyQkFBYixjQUE4QyxXQUFVOztBQUN0QixPQUFBLGNBQXNCOzs7QUFDL0IsT0FBQSxTQUF5QixDQUFDLDJCQUEyQixVQUFVLHdCQUFNLENBQUM7O0NBRTdFLG9CQUFpQjtBQUMvQixRQUFNLG1CQUFtQjtBQUt6QixPQUFLLFVBQVUsSUFBSSxnQkFBZ0I7O0NBR2xCLFNBQU07QUFDdkIsU0FBTyxJQUFJIn0=

package/development/sidebar-title.component-BA_j-Igh.js

@@ -0,0 +1,72 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { unsafeCSS } from "lit";
+import { property } from "lit/decorators.js";
+import { SbbTitleBase } from "./title.js";
+//#region src/elements/sidebar/sidebar-title/sidebar-title.scss?inline
+var sidebar_title_default = ":host {\n  hyphens: auto;\n  padding-block-start: calc(0.5 * (var(--_sbb-sidebar-close-button-size) - 1em * var(--sbb-typo-line-height-heading)));\n  min-height: var(--_sbb-sidebar-close-button-size);\n}";
+//#endregion
+//#region src/elements/sidebar/sidebar-title/sidebar-title.component.ts
+/**
+* It displays the title of the sidebar. It has to be placed inside an `sbb-sidebar` element.
+*
+* @slot - Use the unnamed slot for the content of the sidebar-title.
+*/
+var SbbSidebarTitleElement = (() => {
+	let _classSuper = SbbTitleBase;
+	let _level_decorators;
+	let _level_initializers = [];
+	let _level_extraInitializers = [];
+	return class SbbSidebarTitleElement extends _classSuper {
+		static {
+			const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+			_level_decorators = [property({ reflect: true })];
+			__esDecorate(this, null, _level_decorators, {
+				kind: "accessor",
+				name: "level",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "level" in obj,
+					get: (obj) => obj.level,
+					set: (obj, value) => {
+						obj.level = value;
+					}
+				},
+				metadata: _metadata
+			}, _level_initializers, _level_extraInitializers);
+			if (_metadata) Object.defineProperty(this, Symbol.metadata, {
+				enumerable: true,
+				configurable: true,
+				writable: true,
+				value: _metadata
+			});
+		}
+		static {
+			this.elementName = "sbb-sidebar-title";
+		}
+		static {
+			this.styles = [SbbTitleBase.styles, unsafeCSS(sidebar_title_default)];
+		}
+		#level_accessor_storage = __runInitializers(this, _level_initializers, "2");
+		/** Title level */
+		get level() {
+			return this.#level_accessor_storage;
+		}
+		set level(value) {
+			this.#level_accessor_storage = value;
+		}
+		constructor() {
+			super();
+			__runInitializers(this, _level_extraInitializers);
+			this.visualLevel ??= "5";
+		}
+		connectedCallback() {
+			super.connectedCallback();
+			this.slot ||= "title-section";
+		}
+	};
+})();
+//#endregion
+export { SbbSidebarTitleElement as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci10aXRsZS5jb21wb25lbnQtQkFfai1JZ2guanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3NpZGViYXIvc2lkZWJhci10aXRsZS9zaWRlYmFyLXRpdGxlLnNjc3M/aW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3NpZGViYXIvc2lkZWJhci10aXRsZS9zaWRlYmFyLXRpdGxlLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi8uLi9jb3JlL3N0eWxlcycgYXMgc2JiO1xuXG46aG9zdCB7XG4gIGh5cGhlbnM6IGF1dG87XG5cbiAgLy8gVGhlIGNsb3NlIGJ1dHRvbiBpcyB0YWxsZXIgdGhhbiB0aGUgdGl0bGUuIFdlIG5lZWQgdG8gYWxpZ24gdGhlIHRleHQgdG8gdGhlIGNsb3NlIGJ1dHRvblxuICAvLyBidXQgY2FuJ3QgdXNlIGFsaWduLWl0ZW1zOiBjZW50ZXIgYmVjYXVzZSB3aXRoIGNlbnRlcmluZywgbXVsdGlsaW5lIHRpdGxlcyBhcmUgd3JvbmdseSBwb3NpdGlvbmVkLlxuICBwYWRkaW5nLWJsb2NrLXN0YXJ0OiBjYWxjKFxuICAgIDAuNSAqICh2YXIoLS1fc2JiLXNpZGViYXItY2xvc2UtYnV0dG9uLXNpemUpIC0gMWVtICogdmFyKC0tc2JiLXR5cG8tbGluZS1oZWlnaHQtaGVhZGluZykpXG4gICk7XG4gIG1pbi1oZWlnaHQ6IHZhcigtLV9zYmItc2lkZWJhci1jbG9zZS1idXR0b24tc2l6ZSk7XG59XG4iLCJpbXBvcnQgeyB1bnNhZmVDU1MsIHR5cGUgQ1NTUmVzdWx0R3JvdXAgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IFNiYlRpdGxlQmFzZSwgdHlwZSBTYmJUaXRsZUxldmVsIH0gZnJvbSAnLi4vLi4vdGl0bGUudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9zaWRlYmFyLXRpdGxlLnNjc3M/aW5saW5lJztcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyB0aGUgdGl0bGUgb2YgdGhlIHNpZGViYXIuIEl0IGhhcyB0byBiZSBwbGFjZWQgaW5zaWRlIGFuIGBzYmItc2lkZWJhcmAgZWxlbWVudC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IGZvciB0aGUgY29udGVudCBvZiB0aGUgc2lkZWJhci10aXRsZS5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYlNpZGViYXJUaXRsZUVsZW1lbnQgZXh0ZW5kcyBTYmJUaXRsZUJhc2Uge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLXNpZGViYXItdGl0bGUnO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbU2JiVGl0bGVCYXNlLnN0eWxlcywgdW5zYWZlQ1NTKHN0eWxlKV07XG5cbiAgLyoqIFRpdGxlIGxldmVsICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSkgcHVibGljIG92ZXJyaWRlIGFjY2Vzc29yIGxldmVsOiBTYmJUaXRsZUxldmVsID0gJzInO1xuXG4gIHB1YmxpYyBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIHRoaXMudmlzdWFsTGV2ZWwgPz89ICc1JyBhcyB0aGlzWyd2aXN1YWxMZXZlbCddO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGNvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgdGhpcy5zbG90IHx8PSAndGl0bGUtc2VjdGlvbic7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1zaWRlYmFyLXRpdGxlJzogU2JiU2lkZWJhclRpdGxlRWxlbWVudDtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7O0lDWWEsZ0NBQXNCO21CQUFTOzs7O2NBQS9CLCtCQUErQixZQUFZOzs7d0JBS3JELFNBQVMsRUFBRSxTQUFTLE1BQU0sQ0FBQyxDQUFBO0FBQUMsZ0JBQUEsTUFBQSxNQUFBLG1CQUFBO0lBQUEsTUFBQTtJQUFBLE1BQUE7SUFBQSxRQUFBO0lBQUEsU0FBQTtJQUFBLFFBQUE7S0FBQSxNQUFBLFFBQUEsV0FBQTtLQUFBLE1BQUEsUUFBQSxJQUF5QjtLQUFLLE1BQUEsS0FBQSxVQUFBO0FBQUEsVUFBTCxRQUFLOztLQUFBO0lBQUEsVUFBQTtJQUFBLEVBQUEscUJBQUEseUJBQUE7Ozs7Ozs7OztBQUozQixRQUFBLGNBQXNCOzs7QUFDL0IsUUFBQSxTQUF5QixDQUFDLGFBQWEsUUFBUSxVQUFVLHNCQUFNLENBQUM7O0VBRzFELDBCQUFBLGtCQUFBLE1BQUEscUJBQWdELElBQUc7O0VBQW5ELElBQXlCLFFBQUs7QUFBQSxVQUFBLE1BQUE7O0VBQTlCLElBQXlCLE1BQUssT0FBQTtBQUFBLFNBQUEseUJBQUE7O0VBRTNELGNBQUE7QUFDRSxVQUFPOztBQUNQLFFBQUssZ0JBQWdCOztFQUdQLG9CQUFpQjtBQUMvQixTQUFNLG1CQUFtQjtBQUN6QixRQUFLLFNBQVMifQ==