@sbb-esta/lyne-elements 4.6.0 → 4.8.0

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

@@ -0,0 +1,136 @@
+import { css, html, isServer } 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?lit&inline
+var sidebar_container_default = css`: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: 0.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;
+}`;
+//#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,
+			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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci1jb250YWluZXIuY29tcG9uZW50LWY0Z1I2dVBVLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9zaWRlYmFyL3NpZGViYXItY29udGFpbmVyL3NpZGViYXItY29udGFpbmVyLnNjc3M/bGl0JmlubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9zaWRlYmFyL3NpZGViYXItY29udGFpbmVyL3NpZGViYXItY29udGFpbmVyLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi8uLi9jb3JlL3N0eWxlcycgYXMgc2JiO1xuXG46aG9zdCB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuXG4gIC8vIEhpZGUgdGhlIHNpZGViYXJzIHdoZW4gdGhleSdyZSBjbG9zZWQuXG4gIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgLS1zYmItc2lkZWJhci1jb250YWluZXItYW5pbWF0aW9uLWR1cmF0aW9uOiB2YXIoXG4gICAgLS1zYmItZGlzYWJsZS1hbmltYXRpb24tZHVyYXRpb24sXG4gICAgdmFyKC0tc2JiLWFuaW1hdGlvbi1kdXJhdGlvbi00eClcbiAgKTtcbiAgLS1zYmItc2lkZWJhci1jb250YWluZXItYW5pbWF0aW9uLWVhc2luZzogdmFyKC0tc2JiLWFuaW1hdGlvbi1lYXNpbmcpO1xuXG4gIC8vIFdlIHVzZSAndmlzaWJpbGl0eTogaGlkZGVuIHwgdmlzaWJsZScgYmVjYXVzZSAnZGlzcGxheTogbm9uZScgd2lsbCBub3QgYW5pbWF0ZSBhbnlcbiAgLy8gdHJhbnNpdGlvbnMsIHdoaWxlIHZpc2liaWxpdHkgd2lsbCBpbnRlcnBvbGF0ZSB0cmFuc2l0aW9ucyBwcm9wZXJseS5cbiAgLy8gc2VlIGh0dHBzOi8vZGV2ZWxvcGVyLm1vemlsbGEub3JnL2VuLVVTL2RvY3MvV2ViL0NTUy92aXNpYmlsaXR5LCB0aGUgSW50ZXJwb2xhdGlvblxuICAvLyBzZWN0aW9uLlxuICAtLXNiYi1zaWRlYmFyLWNvbnRhaW5lci1iYWNrZHJvcC1vcGFjaXR5OiAwO1xuICAtLXNiYi1zaWRlYmFyLWNvbnRhaW5lcl9fYmFja2Ryb3AtdmlzaWJpbGl0eTogaGlkZGVuO1xuXG4gIC8vIFdlIG5lZWQgdG8gZHVwbGljYXRlIGFuaW1hdGlvbiBkdXJhdGlvbiBkZWZpbml0aW9uIGZvciB0aGUgYmFja2Ryb3AgaW4gb3JkZXIgdG8gcHJldmVudCBwYXNzaW5nXG4gIC8vIGRvd24gdGhlIHZhbHVlIHRvIG90aGVyIHNiYi1zaWRlYmFyLWNvbnRhaW5lcnMgd2hlbiBvdmVycmlkZSBpdCBmcm9tIGNvcmUuc2Nzc1xuICAtLXNiYi1zaWRlYmFyLWNvbnRhaW5lci1iYWNrZHJvcC1hbmltYXRpb24tZHVyYXRpb246IHZhcihcbiAgICAtLXNiYi1zaWRlYmFyLWNvbnRhaW5lci1hbmltYXRpb24tZHVyYXRpb25cbiAgKTtcblxuICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgLS1zYmItc2lkZWJhci1jb250YWluZXItYmFja2Ryb3Atb3BhY2l0eTogMC41O1xuICB9XG59XG5cbi5zYmItc2lkZWJhci1jb250YWluZXItYmFja2Ryb3Age1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGluc2V0OiAwO1xuICB2aXNpYmlsaXR5OiB2YXIoLS1zYmItc2lkZWJhci1jb250YWluZXJfX2JhY2tkcm9wLXZpc2liaWxpdHkpO1xuICBvcGFjaXR5OiB2YXIoLS1zYmItc2lkZWJhci1jb250YWluZXItYmFja2Ryb3Atb3BhY2l0eSk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXNiYi1jb2xvci1ibGFjayk7XG4gIHotaW5kZXg6IDM7XG5cbiAgdHJhbnNpdGlvbjoge1xuICAgIGR1cmF0aW9uOiB2YXIoLS1zYmItc2lkZWJhci1jb250YWluZXItYmFja2Ryb3AtYW5pbWF0aW9uLWR1cmF0aW9uKTtcbiAgICB0aW1pbmctZnVuY3Rpb246IHZhcigtLXNiYi1zaWRlYmFyLWNvbnRhaW5lci1hbmltYXRpb24tZWFzaW5nKTtcbiAgICBwcm9wZXJ0eTogb3BhY2l0eSwgdmlzaWJpbGl0eTtcbiAgfVxufVxuIiwiaW1wb3J0IHsgdHlwZSBDU1NSZXN1bHRHcm91cCwgaHRtbCwgaXNTZXJ2ZXIsIHR5cGUgUHJvcGVydHlWYWx1ZXMsIHR5cGUgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuXG5pbXBvcnQgeyBTYmJFbGVtZW50IH0gZnJvbSAnLi4vLi4vY29yZS9iYXNlLWVsZW1lbnRzLnRzJztcbmltcG9ydCB7IMm1c3RhdGVDb250cm9sbGVyIH0gZnJvbSAnLi4vLi4vY29yZS9taXhpbnMudHMnO1xuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnLi4vLi4vY29yZS9zdHlsZXMudHMnO1xuaW1wb3J0IHsgc2lkZWJhckNvbnRhaW5lckNvbW1vblN0eWxlIH0gZnJvbSAnLi4vY29tbW9uL3N0eWxlcy50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYlNpZGViYXJFbGVtZW50IH0gZnJvbSAnLi4vc2lkZWJhci9zaWRlYmFyLmNvbXBvbmVudC50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3NpZGViYXItY29udGFpbmVyLnNjc3M/bGl0JmlubGluZSc7XG5cbmNvbnN0IHNpZGViYXJDb250YWluZXJSZWdpc3RyeSA9IG5ldyBTZXQ8U2JiU2lkZWJhckNvbnRhaW5lckVsZW1lbnQ+KCk7XG5sZXQgc2lkZWJhckNvbnRhaW5lclJlc2l6ZU9ic2VydmVyOiBSZXNpemVPYnNlcnZlciB8IHVuZGVmaW5lZDtcblxuY29uc3QgTUlOX1dJRFRIX0JFRk9SRV9DT0xMQVBTRSA9IDMyMDtcblxuLyoqXG4gKiBUaGlzIGlzIHRoZSBwYXJlbnQgY29tcG9uZW50IHRvIG9uZSBvciB0d28gYDxzYmItc2lkZWJhcj5gcyB0aGF0IHZhbGlkYXRlcyB0aGUgc3RhdGUgaW50ZXJuYWxseVxuICogYW5kIGNvb3JkaW5hdGVzIHRoZSBiYWNrZHJvcCBhbmQgY29udGVudCBzdHlsaW5nLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGBzYmItc2lkZWJhcmAgYW5kIGBzYmItc2lkZWJhci1jb250ZW50YCBlbGVtZW50cy5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYlNpZGViYXJDb250YWluZXJFbGVtZW50IGV4dGVuZHMgU2JiRWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItc2lkZWJhci1jb250YWluZXInO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbXG4gICAgYm94U2l6aW5nU3R5bGVzLFxuICAgIHNpZGViYXJDb250YWluZXJDb21tb25TdHlsZSxcbiAgICBzdHlsZSxcbiAgXTtcblxuICAvKiogVGhlIHNpZGViYXIgY2hpbGRyZW4uICovXG4gIHB1YmxpYyBnZXQgc2lkZWJhcnMoKTogU2JiU2lkZWJhckVsZW1lbnRbXSB7XG4gICAgcmV0dXJuIEFycmF5LmZyb20odGhpcy5xdWVyeVNlbGVjdG9yQWxsPy48U2JiU2lkZWJhckVsZW1lbnQ+KGA6c2NvcGUgPiBzYmItc2lkZWJhcmApID8/IFtdKTtcbiAgfVxuXG4gIC8qKiBUaGUgc2lkZWJhciBjaGlsZCB3aXRoIHRoZSBgc3RhcnRgIHBvc2l0aW9uLiAqL1xuICBwdWJsaWMgZ2V0IHN0YXJ0KCk6IFNiYlNpZGViYXJFbGVtZW50IHwgbnVsbCB7XG4gICAgcmV0dXJuIHRoaXMucXVlcnlTZWxlY3Rvcj8uPFNiYlNpZGViYXJFbGVtZW50PihgOnNjb3BlID4gc2JiLXNpZGViYXI6bm90KFtwb3NpdGlvbj0nZW5kJ10pYCk7XG4gIH1cblxuICAvKiogVGhlIHNpZGViYXIgY2hpbGQgd2l0aCB0aGUgYGVuZGAgcG9zaXRpb24uICovXG4gIHB1YmxpYyBnZXQgZW5kKCk6IFNiYlNpZGViYXJFbGVtZW50IHwgbnVsbCB7XG4gICAgcmV0dXJuIHRoaXMucXVlcnlTZWxlY3Rvcj8uPFNiYlNpZGViYXJFbGVtZW50PihgOnNjb3BlID4gc2JiLXNpZGViYXJbcG9zaXRpb249J2VuZCddYCk7XG4gIH1cblxuICBwcml2YXRlIF9mb3JjZWRDbG9zZWRTaWRlYmFycyA9IG5ldyBXZWFrU2V0PFNiYlNpZGViYXJFbGVtZW50PigpO1xuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuXG4gICAgc2lkZWJhckNvbnRhaW5lclJlc2l6ZU9ic2VydmVyID8/PVxuICAgICAgIWlzU2VydmVyICYmIG5ldyBSZXNpemVPYnNlcnZlcigoKSA9PiB0aGlzLl9oYW5kbGVXaWR0aENoYW5nZSgpKTtcblxuICAgIGlmICghaXNTZXJ2ZXIgJiYgc2lkZWJhckNvbnRhaW5lclJlZ2lzdHJ5LnNpemUgPT09IDApIHtcbiAgICAgIHNpZGViYXJDb250YWluZXJSZXNpemVPYnNlcnZlci5vYnNlcnZlKGRvY3VtZW50Py5kb2N1bWVudEVsZW1lbnQpO1xuICAgIH1cblxuICAgIHNpZGViYXJDb250YWluZXJSZWdpc3RyeS5hZGQodGhpcyk7XG5cbiAgICB0aGlzLl9oYW5kbGVXaWR0aENoYW5nZSgpO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGRpc2Nvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmRpc2Nvbm5lY3RlZENhbGxiYWNrKCk7XG5cbiAgICBzaWRlYmFyQ29udGFpbmVyUmVnaXN0cnkuZGVsZXRlKHRoaXMpO1xuXG4gICAgaWYgKHNpZGViYXJDb250YWluZXJSZWdpc3RyeS5zaXplID09PSAwKSB7XG4gICAgICBzaWRlYmFyQ29udGFpbmVyUmVzaXplT2JzZXJ2ZXI/LmRpc2Nvbm5lY3QoKTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgZmlyc3RVcGRhdGVkKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczx0aGlzPik6IHZvaWQge1xuICAgIHN1cGVyLmZpcnN0VXBkYXRlZChjaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICB0aGlzLl9oYW5kbGVXaWR0aENoYW5nZSgpO1xuICB9XG5cbiAgcHJpdmF0ZSBfaGFuZGxlV2lkdGhDaGFuZ2UoKTogdm9pZCB7XG4gICAgQXJyYXkuZnJvbShzaWRlYmFyQ29udGFpbmVyUmVnaXN0cnkpXG4gICAgICAuc29ydCgoYzEsIGMyKSA9PiBjMS5jb21wYXJlRG9jdW1lbnRQb3NpdGlvbihjMikgJiBOb2RlLkRPQ1VNRU5UX1BPU0lUSU9OX0ZPTExPV0lORylcbiAgICAgIC5mb3JFYWNoKChjKSA9PiBjLl9jYWxjdWxhdGVTcGFjZVN0YXRlKCkpO1xuICB9XG5cbiAgLyoqXG4gICAqIENsb3NlcyBhbmQgb3BlbnMgc2lkZWJhcnMgZGVwZW5kaW5nIG9uIGF2YWlsYWJsZSB3aWR0aFxuICAgKiBvZiB0aGUgY29udGFpbmVyIGFuZCBpdHMgcGFyZW50IGNvbnRhaW5lci5cbiAgICovXG4gIHByaXZhdGUgYXN5bmMgX2NhbGN1bGF0ZVNwYWNlU3RhdGUoKTogUHJvbWlzZTx2b2lkPiB7XG4gICAgaWYgKGlzU2VydmVyKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3QgcGFyZW50U2lkZWJhckNvbnRhaW5lciA9XG4gICAgICB0aGlzLnBhcmVudEVsZW1lbnQ/LmNsb3Nlc3Q/LjxTYmJTaWRlYmFyQ29udGFpbmVyRWxlbWVudD4oJ3NiYi1zaWRlYmFyLWNvbnRhaW5lcicpO1xuXG4gICAgY29uc3QgcGFyZW50U2lkZWJhcnMgPSBwYXJlbnRTaWRlYmFyQ29udGFpbmVyPy5zaWRlYmFycyA/PyBbXTtcblxuICAgIGZvciAoY29uc3Qgc2lkZWJhciBvZiBwYXJlbnRTaWRlYmFycykge1xuICAgICAgLy8gVXNpbmcgUHJvbWlzZS5hbGwgZGlkIGNyZWF0ZSBzb21lIGNvbmZ1c2luZyBwcm9ibGVtcywgc28gd2UgZGVjaWRlZCB0byBhd2FpdCBpdCBzZXF1ZW50aWFsbHkuXG4gICAgICBhd2FpdCBzaWRlYmFyLnVwZGF0ZUNvbXBsZXRlLnRoZW4oKCkgPT4gc2lkZWJhci5hbmltYXRpb25Db21wbGV0ZSk7XG4gICAgfVxuXG4gICAgY29uc3Qgd2lkdGggPSB0aGlzLm9mZnNldFdpZHRoID8/IDA7XG4gICAgaWYgKHdpZHRoID09PSAwKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3Qgc2lkZWJhcnMgPSB0aGlzLnNpZGViYXJzO1xuICAgIGNvbnN0IGhhc0ZvcmNlZENsb3NlZFBhcmVudENvbnRhaW5lciA9XG4gICAgICBwYXJlbnRTaWRlYmFycy5zb21lKChzaWRlYmFyKSA9PiBzaWRlYmFyLm1hdGNoZXMoJzpzdGF0ZShtb2RlLW92ZXItZm9yY2VkKScpKSA/PyBmYWxzZTtcbiAgICBjb25zdCBzdW1PZkFsbFJlbGV2YW50U2lkZWJhcldpZHRocyA9IHNpZGViYXJzXG4gICAgICAuZmlsdGVyKChzaWRlYmFyKSA9PiBzaWRlYmFyLm1vZGUgPT09ICdzaWRlJylcbiAgICAgIC5yZWR1Y2UoKGFjY3VtdWxhdG9yLCBjdXJyZW50VmFsdWUpID0+IGFjY3VtdWxhdG9yICsgKGN1cnJlbnRWYWx1ZS5vZmZzZXRXaWR0aCA/PyAwKSwgMCk7XG4gICAgY29uc3QgaXNNaW5pbXVtU3BhY2UgPSB3aWR0aCAtIHN1bU9mQWxsUmVsZXZhbnRTaWRlYmFyV2lkdGhzIDwgTUlOX1dJRFRIX0JFRk9SRV9DT0xMQVBTRTtcblxuICAgIGZvciAoY29uc3Qgc2lkZWJhciBvZiBzaWRlYmFycykge1xuICAgICAgY29uc3Qgd2FzTWluaW11bSA9IHNpZGViYXIubWF0Y2hlcygnOnN0YXRlKG1vZGUtb3Zlci1mb3JjZWQpJyk7XG4gICAgICBjb25zdCBjb250cm9sbGVyID0gybVzdGF0ZUNvbnRyb2xsZXIoc2lkZWJhcik7XG4gICAgICBjb250cm9sbGVyLnRvZ2dsZSgnbW9kZS1vdmVyLWZvcmNlZCcsIGlzTWluaW11bVNwYWNlKTtcblxuICAgICAgaWYgKHNpZGViYXIubW9kZSAhPT0gJ3NpZGUnKSB7XG4gICAgICAgIGNvbnRpbnVlO1xuICAgICAgfVxuXG4gICAgICBpZiAoKGlzTWluaW11bVNwYWNlIHx8IGhhc0ZvcmNlZENsb3NlZFBhcmVudENvbnRhaW5lcikgJiYgc2lkZWJhci5vcGVuZWQgJiYgIXdhc01pbmltdW0pIHtcbiAgICAgICAgLy8gV2UgaGF2ZSB0byBjbG9zZSB0aGUgc2lkZWJhciB3aGVuIHRoZSByZW1haW5pbmcgd2lkdGggaXMgYmVsb3cgdGhlIG1pbmltdW0gb3IgdGhlIHBhcmVudCBjb250YWluZXIgcnVucyBvdXQgb2Ygc3BhY2UuXG5cbiAgICAgICAgaWYgKHNpZGViYXIuaXNPcGVuICYmICFzaWRlYmFyLm1hdGNoZXMoJzpzdGF0ZShza2lwLWFuaW1hdGlvbiknKSkge1xuICAgICAgICAgIC8vIElmIHRoZSBzaWRlYmFyIGlzIG9wZW5lZCB2aXN1YWxseSwgYWRkIGEgc3BlY2lhbCBkYXRhIGF0dHJpYnV0ZSB0aGF0IGNvbnRyb2xzIHRoZSB6LWluZGV4LlxuICAgICAgICAgIC8vIFdpdGhvdXQgdGhpcyBzb2x1dGlvbiwgd2hlbiB0aGUgc2lkZWJhciBpcyBjbG9zZWQsIGl0IHdvdWxkIGFwcGVhciB2aXN1YWxseSBhcyBpZiBpdCB3ZXJlIGluICdvdmVyJyBtb2RlLlxuICAgICAgICAgIGNvbnRyb2xsZXIuYWRkKCdtb2RlLW92ZXItZm9yY2VkLWNsb3NpbmcnKTtcbiAgICAgICAgfVxuXG4gICAgICAgIHNpZGViYXIub3BlbmVkID0gZmFsc2U7XG4gICAgICAgIHRoaXMuX2ZvcmNlZENsb3NlZFNpZGViYXJzLmFkZChzaWRlYmFyKTtcblxuICAgICAgICBpZiAoc2lkZWJhci5tYXRjaGVzKCc6c3RhdGUobW9kZS1vdmVyLWZvcmNlZC1jbG9zaW5nKScpKSB7XG4gICAgICAgICAgc2lkZWJhci51cGRhdGVDb21wbGV0ZVxuICAgICAgICAgICAgLnRoZW4oKCkgPT4gc2lkZWJhci5hbmltYXRpb25Db21wbGV0ZSlcbiAgICAgICAgICAgIC50aGVuKCgpID0+IGNvbnRyb2xsZXIuZGVsZXRlKCdtb2RlLW92ZXItZm9yY2VkLWNsb3NpbmcnKSk7XG4gICAgICAgIH1cbiAgICAgIH0gZWxzZSBpZiAoXG4gICAgICAgIC8vIFdlIGhhdmUgdG8gb3BlbiB0aGUgc2lkZWJhciB3aGVuIHRoZSByZW1haW5pbmcgd2lkdGggb2YgdGhlIHNpZGViYXIgYW5kIHRoZSBwYXJlbnQgY29udGFpbmVyXG4gICAgICAgIC8vIGlzIGFib3ZlIHRoZSBtaW5pbXVtLlxuICAgICAgICAvLyBXZSBvbmx5IHByb2dyYW1tYXRpY2FsbHkgb3BlbiB0aGUgc2lkZWJhciB3aGVuIHRoZSBjYXVzZSBvZiBjbG9zaW5nIHdhcyB0aGlzIGxvZ2ljLlxuICAgICAgICAhaXNNaW5pbXVtU3BhY2UgJiZcbiAgICAgICAgIWhhc0ZvcmNlZENsb3NlZFBhcmVudENvbnRhaW5lciAmJlxuICAgICAgICB0aGlzLl9mb3JjZWRDbG9zZWRTaWRlYmFycy5oYXMoc2lkZWJhcilcbiAgICAgICkge1xuICAgICAgICAvLyBJZiB0aGUgc2lkZWJhciB3YXMgbWFudWFsbHkgb3BlbmVkIChpbiBmb3JjZWQgb3ZlciBtb2RlKVxuICAgICAgICAvLyBhbmQgdGhlIHNpZGViYXIgYmVjb21lcyBlbm91Z2ggc3BhY2UgYXZhaWxhYmxlLCBpdCBzdGF5cyBvcGVuLCBidXQgd2UgbmVlZCB0byBlbnN1cmUgdGhhdFxuICAgICAgICAvLyB0aGUgZm9jdXMgdHJhcCBpcyByZXNldC5cbiAgICAgICAgc2lkZWJhclsnY2VkZUZvY3VzJ10oKTtcbiAgICAgICAgc2lkZWJhci5vcGVuZWQgPSB0cnVlO1xuICAgICAgICB0aGlzLl9mb3JjZWRDbG9zZWRTaWRlYmFycy5kZWxldGUoc2lkZWJhcik7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgPGRpdlxuICAgICAgICBjbGFzcz1cInNiYi1zaWRlYmFyLWNvbnRhaW5lci1iYWNrZHJvcFwiXG4gICAgICAgIEBjbGljaz0keygpID0+IHRoaXMuc2lkZWJhcnMuZm9yRWFjaCgocykgPT4gcy5jbG9zZSgpKX1cbiAgICAgID48L2Rpdj5cbiAgICAgIDxzbG90IEBzbG90Y2hhbmdlPSR7KCkgPT4gdGhpcy5faGFuZGxlV2lkdGhDaGFuZ2UoKX0+PC9zbG90PmA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1zaWRlYmFyLWNvbnRhaW5lcic6IFNiYlNpZGViYXJDb250YWluZXJFbGVtZW50O1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQ1VBLElBQU0sMkNBQTJCLElBQUksS0FBaUM7QUFDdEUsSUFBSTtBQUVKLElBQU0sNEJBQTRCOzs7Ozs7O0FBUWxDLElBQWEsNkJBQWIsY0FBZ0QsV0FBVTtDQUExRCxjQUFBOztBQXVCVSxPQUFBLHdDQUF3QixJQUFJLFNBQTRCOzs7QUF0QmhDLE9BQUEsY0FBc0I7OztBQUMvQixPQUFBLFNBQXlCO0dBQzlDO0dBQ0E7R0FDQTtHQUNEOzs7Q0FHRCxJQUFXLFdBQVE7QUFDakIsU0FBTyxNQUFNLEtBQUssS0FBSyxtQkFBc0MsdUJBQXVCLElBQUksRUFBRSxDQUFDOzs7Q0FJN0YsSUFBVyxRQUFLO0FBQ2QsU0FBTyxLQUFLLGdCQUFtQyw2Q0FBNkM7OztDQUk5RixJQUFXLE1BQUc7QUFDWixTQUFPLEtBQUssZ0JBQW1DLHVDQUF1Qzs7Q0FLeEUsb0JBQWlCO0FBQy9CLFFBQU0sbUJBQW1CO0FBRXpCLHFDQUNFLENBQUMsWUFBWSxJQUFJLHFCQUFxQixLQUFLLG9CQUFvQixDQUFDO0FBRWxFLE1BQUksQ0FBQyxZQUFZLHlCQUF5QixTQUFTLEVBQ2pELGdDQUErQixRQUFRLFVBQVUsZ0JBQWdCO0FBR25FLDJCQUF5QixJQUFJLEtBQUs7QUFFbEMsT0FBSyxvQkFBb0I7O0NBR1gsdUJBQW9CO0FBQ2xDLFFBQU0sc0JBQXNCO0FBRTVCLDJCQUF5QixPQUFPLEtBQUs7QUFFckMsTUFBSSx5QkFBeUIsU0FBUyxFQUNwQyxpQ0FBZ0MsWUFBWTs7Q0FJN0IsYUFBYSxtQkFBdUM7QUFDckUsUUFBTSxhQUFhLGtCQUFrQjtBQUVyQyxPQUFLLG9CQUFvQjs7Q0FHbkIscUJBQWtCO0FBQ3hCLFFBQU0sS0FBSyx5QkFBeUIsQ0FDakMsTUFBTSxJQUFJLE9BQU8sR0FBRyx3QkFBd0IsR0FBRyxHQUFHLEtBQUssNEJBQTRCLENBQ25GLFNBQVMsTUFBTSxFQUFFLHNCQUFzQixDQUFDOzs7Ozs7Q0FPckMsTUFBTSx1QkFBb0I7QUFDaEMsTUFBSSxTQUNGO0VBTUYsTUFBTSxrQkFGSixLQUFLLGVBQWUsVUFBc0Msd0JBQXdCLEdBRXJDLFlBQVksRUFBRTtBQUU3RCxPQUFLLE1BQU0sV0FBVyxlQUVwQixPQUFNLFFBQVEsZUFBZSxXQUFXLFFBQVEsa0JBQWtCO0VBR3BFLE1BQU0sUUFBUSxLQUFLLGVBQWU7QUFDbEMsTUFBSSxVQUFVLEVBQ1o7RUFHRixNQUFNLFdBQVcsS0FBSztFQUN0QixNQUFNLGlDQUNKLGVBQWUsTUFBTSxZQUFZLFFBQVEsUUFBUSwwREFBMkIsQ0FBQyxJQUFJO0VBSW5GLE1BQU0saUJBQWlCLFFBSGUsU0FDbkMsUUFBUSxZQUFZLFFBQVEsU0FBUyxPQUFPLENBQzVDLFFBQVEsYUFBYSxpQkFBaUIsZUFBZSxhQUFhLGVBQWUsSUFBSSxFQUFFLEdBQzNCO0FBRS9ELE9BQUssTUFBTSxXQUFXLFVBQVU7R0FDOUIsTUFBTSxhQUFhLFFBQVEsUUFBUSwwREFBMkI7R0FDOUQsTUFBTSxhQUFhLGlCQUFpQixRQUFRO0FBQzVDLGNBQVcsT0FBTyxvQkFBb0IsZUFBZTtBQUVyRCxPQUFJLFFBQVEsU0FBUyxPQUNuQjtBQUdGLFFBQUssa0JBQWtCLG1DQUFtQyxRQUFRLFVBQVUsQ0FBQyxZQUFZO0FBR3ZGLFFBQUksUUFBUSxVQUFVLENBQUMsUUFBUSxRQUFRLHNEQUF5QixDQUc5RCxZQUFXLElBQUksMkJBQTJCO0FBRzVDLFlBQVEsU0FBUztBQUNqQixTQUFLLHNCQUFzQixJQUFJLFFBQVE7QUFFdkMsUUFBSSxRQUFRLFFBQVEsMEVBQW1DLENBQ3JELFNBQVEsZUFDTCxXQUFXLFFBQVEsa0JBQWtCLENBQ3JDLFdBQVcsV0FBVyxPQUFPLDJCQUEyQixDQUFDO2NBTTlELENBQUMsa0JBQ0QsQ0FBQyxrQ0FDRCxLQUFLLHNCQUFzQixJQUFJLFFBQVEsRUFDdkM7QUFJQSxZQUFRLGNBQWM7QUFDdEIsWUFBUSxTQUFTO0FBQ2pCLFNBQUssc0JBQXNCLE9BQU8sUUFBUTs7OztDQUs3QixTQUFNO0FBQ3ZCLFNBQU8sSUFBSTs7dUJBRVEsS0FBSyxTQUFTLFNBQVMsTUFBTSxFQUFFLE9BQU8sQ0FBQyxDQUFBOztnQ0FFOUIsS0FBSyxvQkFBb0IsQ0FBQSJ9

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

@@ -0,0 +1,37 @@
+import { css, html } 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?lit&inline
+var sidebar_content_default = css`: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);
+}`;
+//#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, 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci1jb250ZW50LmNvbXBvbmVudC1CNzBwZjl0SC5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvc2lkZWJhci9zaWRlYmFyLWNvbnRlbnQvc2lkZWJhci1jb250ZW50LnNjc3M/bGl0JmlubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9zaWRlYmFyL3NpZGViYXItY29udGVudC9zaWRlYmFyLWNvbnRlbnQuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgLy8gVGhlIHZhcmlhYmxlcyBoYXZlIHRvIGJlIHNldCB0byBgaW5pdGlhbGAuIE90aGVyd2lzZSwgaW4gbmVzdGVkIGNvbnRhaW5lcnMsXG4gIC8vIG91dGVyIHZhcmlhYmxlcyBjYW4gYmxlZWQgaW50byB0aGUgaW5uZXIgY29udGFpbmVyIC8gY29udGVudC5cbiAgLS1zYmItc2lkZWJhci1jb250ZW50X19tYXJnaW4taW5saW5lLXN0YXJ0OiBpbml0aWFsO1xuICAtLXNiYi1zaWRlYmFyLWNvbnRlbnRfX21hcmdpbi1pbmxpbmUtZW5kOiBpbml0aWFsO1xuXG4gIC8vIFRoZSBtYXJnaW4gbXVzdCBiZSBlcXVhbCB0byB0aGUgd2lkdGggb2YgdGhlIHNpZGViYXJcbiAgLy8gZWl0aGVyIGF0IHRoZSBzdGFydCAoLS1zYmItc2lkZWJhci1jb250YWluZXJfX3N0YXJ0LXdpZHRoKSBvciBhdCB0aGUgZW5kICgtLXNiYi1zaWRlYmFyLWNvbnRlbnRfX21hcmdpbi1pbmxpbmUtZW5kKS5cbiAgLy8gSG93ZXZlciwgaW4gb3ZlciBtb2RlLCBvciBpZiB0aGVyZSBpcyBub3QgZW5vdWdoIHNwYWNlLCB0aGUgbWFyZ2luIG11c3QgYmUgb3ZlcnJpZGRlbiB0byAwLlxuICAvLyBPdmVycmlkaW5nIGlzIGRvbmUgaW4gY29yZS5zY3NzIHZpYSB0aGUgLS1zYmItc2lkZWJhci1jb250ZW50X19tYXJnaW4taW5saW5lLXN0YXJ0IC8gLS1zYmItc2lkZWJhci1jb250ZW50X19tYXJnaW4taW5saW5lLWVuZCB2YXJpYWJsZS5cbiAgbWFyZ2luLWlubGluZTogdmFyKFxuICAgICAgLS1zYmItc2lkZWJhci1jb250ZW50X19tYXJnaW4taW5saW5lLXN0YXJ0LFxuICAgICAgdmFyKC0tc2JiLXNpZGViYXItY29udGFpbmVyX19zdGFydC13aWR0aCwgMClcbiAgICApXG4gICAgdmFyKC0tc2JiLXNpZGViYXItY29udGVudF9fbWFyZ2luLWlubGluZS1lbmQsIHZhcigtLXNiYi1zaWRlYmFyLWNvbnRhaW5lcl9fZW5kLXdpZHRoLCAwKSk7XG4gIHRyYW5zaXRpb246IG1hcmdpbiB2YXIoLS1zYmItc2lkZWJhci1jb250YWluZXItYW5pbWF0aW9uLWR1cmF0aW9uKVxuICAgIHZhcigtLXNiYi1zaWRlYmFyLWNvbnRhaW5lci1hbmltYXRpb24tZWFzaW5nKTtcbn1cbiIsImltcG9ydCB7IHR5cGUgQ1NTUmVzdWx0R3JvdXAsIGh0bWwsIHR5cGUgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuXG5pbXBvcnQgeyBTYmJFbGVtZW50IH0gZnJvbSAnLi4vLi4vY29yZS9iYXNlLWVsZW1lbnRzLnRzJztcbmltcG9ydCB7IHNpZGViYXJDb250ZW50Q29tbW9uU3R5bGUgfSBmcm9tICcuLi9jb21tb24vc3R5bGVzLnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vc2lkZWJhci1jb250ZW50LnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogQ29udGFpbmVyIGZvciB0aGUgc2lkZWJhciBjb250ZW50LiBJbnRlbmRlZCB0byBiZSBwbGFjZWQgaW5zaWRlIGFuIGBzYmItc2lkZWJhci1jb250YWluZXJgIGVsZW1lbnQuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgYW55IGNvbnRlbnQgZWxlbWVudHMuXG4gKiBGdXJ0aGVyIGBzYmItc2lkZWJhci1jb250YWluZXJgcyBhcmUgcG9zc2libGUuXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJTaWRlYmFyQ29udGVudEVsZW1lbnQgZXh0ZW5kcyBTYmJFbGVtZW50IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi1zaWRlYmFyLWNvbnRlbnQnO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbc2lkZWJhckNvbnRlbnRDb21tb25TdHlsZSwgc3R5bGVdO1xuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuXG4gICAgLy8gQXMgd2UgY2FuJ3QgaW5jbHVkZSB0aGUgc2Nyb2xsYmFyIG1peGluIG9uIHRoZSBob3N0IGFuZCB0byBtaW5pbWl6ZVxuICAgIC8vIHBheWxvYWQsIHdlIGRlY2lkZWQgdG8gYWRkIHRoZSBzY3JvbGxiYXIgY2xhc3MgaGVyZS5cbiAgICAvLyBUaGlzIGlzIGFuIGV4Y2VwdGlvbiBhcyB3ZSBub3JtYWxseSBkb24ndCBhbHRlciB0aGUgY2xhc3NMaXN0IG9mIHRoZSBob3N0LlxuICAgIHRoaXMuY2xhc3NMaXN0LmFkZCgnc2JiLXNjcm9sbGJhcicpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgPHNsb3Q+PC9zbG90PmA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1zaWRlYmFyLWNvbnRlbnQnOiBTYmJTaWRlYmFyQ29udGVudEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FDYUEsSUFBYSwyQkFBYixjQUE4QyxXQUFVOztBQUN0QixPQUFBLGNBQXNCOzs7QUFDL0IsT0FBQSxTQUF5QixDQUFDLDJCQUEyQix3QkFBTTs7Q0FFbEUsb0JBQWlCO0FBQy9CLFFBQU0sbUJBQW1CO0FBS3pCLE9BQUssVUFBVSxJQUFJLGdCQUFnQjs7Q0FHbEIsU0FBTTtBQUN2QixTQUFPLElBQUkifQ==

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

@@ -0,0 +1,76 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { css } from "lit";
+import { property } from "lit/decorators.js";
+import { SbbTitleBase } from "./title.js";
+//#region src/elements/sidebar/sidebar-title/sidebar-title.scss?lit&inline
+var sidebar_title_default = css`:host {
+  hyphens: auto;
+  padding-block-start: calc(0.5 * (var(--sbb-sidebar__close-button-size) - 1em * var(--sbb-typo-line-height-heading)));
+  min-height: var(--sbb-sidebar__close-button-size);
+}`;
+//#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, 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci10aXRsZS5jb21wb25lbnQtUlN0RV94M1IuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3NpZGViYXIvc2lkZWJhci10aXRsZS9zaWRlYmFyLXRpdGxlLnNjc3M/bGl0JmlubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9zaWRlYmFyL3NpZGViYXItdGl0bGUvc2lkZWJhci10aXRsZS5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICBoeXBoZW5zOiBhdXRvO1xuXG4gIC8vIFRoZSBjbG9zZSBidXR0b24gaXMgdGFsbGVyIHRoYW4gdGhlIHRpdGxlLiBXZSBuZWVkIHRvIGFsaWduIHRoZSB0ZXh0IHRvIHRoZSBjbG9zZSBidXR0b25cbiAgLy8gYnV0IGNhbid0IHVzZSBhbGlnbi1pdGVtczogY2VudGVyIGJlY2F1c2Ugd2l0aCBjZW50ZXJpbmcsIG11bHRpbGluZSB0aXRsZXMgYXJlIHdyb25nbHkgcG9zaXRpb25lZC5cbiAgcGFkZGluZy1ibG9jay1zdGFydDogY2FsYyhcbiAgICAwLjUgKiAodmFyKC0tc2JiLXNpZGViYXJfX2Nsb3NlLWJ1dHRvbi1zaXplKSAtIDFlbSAqIHZhcigtLXNiYi10eXBvLWxpbmUtaGVpZ2h0LWhlYWRpbmcpKVxuICApO1xuICBtaW4taGVpZ2h0OiB2YXIoLS1zYmItc2lkZWJhcl9fY2xvc2UtYnV0dG9uLXNpemUpO1xufVxuIiwiaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiVGl0bGVCYXNlLCB0eXBlIFNiYlRpdGxlTGV2ZWwgfSBmcm9tICcuLi8uLi90aXRsZS50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3NpZGViYXItdGl0bGUuc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyB0aGUgdGl0bGUgb2YgdGhlIHNpZGViYXIuIEl0IGhhcyB0byBiZSBwbGFjZWQgaW5zaWRlIGFuIGBzYmItc2lkZWJhcmAgZWxlbWVudC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IGZvciB0aGUgY29udGVudCBvZiB0aGUgc2lkZWJhci10aXRsZS5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYlNpZGViYXJUaXRsZUVsZW1lbnQgZXh0ZW5kcyBTYmJUaXRsZUJhc2Uge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLXNpZGViYXItdGl0bGUnO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbU2JiVGl0bGVCYXNlLnN0eWxlcywgc3R5bGVdO1xuXG4gIC8qKiBUaXRsZSBsZXZlbCAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBvdmVycmlkZSBhY2Nlc3NvciBsZXZlbDogU2JiVGl0bGVMZXZlbCA9ICcyJztcblxuICBwdWJsaWMgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICB0aGlzLnZpc3VhbExldmVsID8/PSAnNScgYXMgdGhpc1sndmlzdWFsTGV2ZWwnXTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuICAgIHRoaXMuc2xvdCB8fD0gJ3RpdGxlLXNlY3Rpb24nO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItc2lkZWJhci10aXRsZSc6IFNiYlNpZGViYXJUaXRsZUVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7SUNZYSxnQ0FBc0I7bUJBQVM7Ozs7Y0FBL0IsK0JBQStCLFlBQVk7Ozt3QkFLckQsU0FBUyxFQUFFLFNBQVMsTUFBTSxDQUFDLENBQUE7QUFBQyxnQkFBQSxNQUFBLE1BQUEsbUJBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSxXQUFBO0tBQUEsTUFBQSxRQUFBLElBQXlCO0tBQUssTUFBQSxLQUFBLFVBQUE7QUFBQSxVQUFMLFFBQUs7O0tBQUE7SUFBQSxVQUFBO0lBQUEsRUFBQSxxQkFBQSx5QkFBQTs7Ozs7Ozs7O0FBSjNCLFFBQUEsY0FBc0I7OztBQUMvQixRQUFBLFNBQXlCLENBQUMsYUFBYSxRQUFRLHNCQUFNOztFQUcvQywwQkFBQSxrQkFBQSxNQUFBLHFCQUFnRCxJQUFHOztFQUFuRCxJQUF5QixRQUFLO0FBQUEsVUFBQSxNQUFBOztFQUE5QixJQUF5QixNQUFLLE9BQUE7QUFBQSxTQUFBLHlCQUFBOztFQUUzRCxjQUFBO0FBQ0UsVUFBTzs7QUFDUCxRQUFLLGdCQUFnQjs7RUFHUCxvQkFBaUI7QUFDL0IsU0FBTSxtQkFBbUI7QUFDekIsUUFBSyxTQUFTIn0=