@sbb-esta/lyne-elements 2.3.0 → 2.5.0

package/development/sidebar/icon-sidebar.js

@@ -0,0 +1,85 @@
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+import { __esDecorate, __runInitializers } from "tslib";
+import { css, LitElement, html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+const style = css`*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  display: flex;
+  flex-direction: column;
+  flex-shrink: 0;
+  width: var(--sbb-size-element-m);
+  overflow-y: auto;
+  background-color: var(--sbb-color-white);
+  margin-block-start: var(--sbb-spacing-fixed-3x);
+  padding-block-start: var(--sbb-spacing-fixed-1x);
+  border-start-end-radius: var(--sbb-icon-sidebar-border-radius);
+  border-start-start-radius: 0;
+  --sbb-icon-sidebar-border-radius: var(--sbb-border-radius-8x);
+}
+
+:host([color=milk]) {
+  background-color: var(--sbb-color-milk);
+}`;
+let SbbIconSidebarElement = (() => {
+  var _color_accessor_storage, _a;
+  let _classDecorators = [customElement("sbb-icon-sidebar")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = LitElement;
+  let _color_decorators;
+  let _color_initializers = [];
+  let _color_extraInitializers = [];
+  _a = class extends _classSuper {
+    constructor() {
+      super();
+      __privateAdd(this, _color_accessor_storage, __runInitializers(this, _color_initializers, "white"));
+      __runInitializers(this, _color_extraInitializers);
+      const internals = this.attachInternals();
+      internals.role = "navigation";
+    }
+    /** Background color of the icon sidebar. Either `white` or `milk`. **/
+    get color() {
+      return __privateGet(this, _color_accessor_storage);
+    }
+    set color(value) {
+      __privateSet(this, _color_accessor_storage, value);
+    }
+    /** Returns the SbbIconSidebarContainerElement where this icon-sidebar is contained. */
+    get container() {
+      return this.closest("sbb-icon-sidebar-container");
+    }
+    connectedCallback() {
+      super.connectedCallback();
+      this.classList.add("sbb-scrollbar");
+    }
+    render() {
+      return html`<slot></slot>`;
+    }
+  }, _color_accessor_storage = new WeakMap(), _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    _color_decorators = [property({ reflect: true })];
+    __esDecorate(_a, null, _color_decorators, { kind: "accessor", name: "color", static: false, private: false, access: { has: (obj) => "color" in obj, get: (obj) => obj.color, set: (obj, value) => {
+      obj.color = value;
+    } }, metadata: _metadata }, _color_initializers, _color_extraInitializers);
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.styles = style, __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbIconSidebarElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1zaWRlYmFyLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvc2lkZWJhci9pY29uLXNpZGViYXIvaWNvbi1zaWRlYmFyLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHR5cGUgQ1NTUmVzdWx0R3JvdXAsIGh0bWwsIExpdEVsZW1lbnQsIHR5cGUgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCwgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB0eXBlIHsgU2JiSWNvblNpZGViYXJDb250YWluZXJFbGVtZW50IH0gZnJvbSAnLi4vaWNvbi1zaWRlYmFyLWNvbnRhaW5lci5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL2ljb24tc2lkZWJhci5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIEljb24gc2lkZWJhciwgY2FuIGJlIHBsYWNlZCBpbnNpZGUgYSBgc2JiLWljb24tc2lkZWJhci1jb250YWluZXJgIGVsZW1lbnQuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBzbG90IGFueSBjb250ZW50IGludG8gdGhlIGljb24tc2lkZWJhci5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLWljb24tc2lkZWJhcicpXG5jbGFzcyBTYmJJY29uU2lkZWJhckVsZW1lbnQgZXh0ZW5kcyBMaXRFbGVtZW50IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG5cbiAgLyoqIEJhY2tncm91bmQgY29sb3Igb2YgdGhlIGljb24gc2lkZWJhci4gRWl0aGVyIGB3aGl0ZWAgb3IgYG1pbGtgLiAqKi9cbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSB9KVxuICBwdWJsaWMgYWNjZXNzb3IgY29sb3I6ICd3aGl0ZScgfCAnbWlsaycgPSAnd2hpdGUnO1xuXG4gIC8qKiBSZXR1cm5zIHRoZSBTYmJJY29uU2lkZWJhckNvbnRhaW5lckVsZW1lbnQgd2hlcmUgdGhpcyBpY29uLXNpZGViYXIgaXMgY29udGFpbmVkLiAqL1xuICBwdWJsaWMgZ2V0IGNvbnRhaW5lcigpOiBTYmJJY29uU2lkZWJhckNvbnRhaW5lckVsZW1lbnQgfCBudWxsIHtcbiAgICByZXR1cm4gdGhpcy5jbG9zZXN0KCdzYmItaWNvbi1zaWRlYmFyLWNvbnRhaW5lcicpO1xuICB9XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgY29uc3QgaW50ZXJuYWxzOiBFbGVtZW50SW50ZXJuYWxzID0gdGhpcy5hdHRhY2hJbnRlcm5hbHMoKTtcbiAgICAvKiogQGludGVybmFsICovXG4gICAgaW50ZXJuYWxzLnJvbGUgPSAnbmF2aWdhdGlvbic7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcblxuICAgIC8vIEFzIHdlIGNhbid0IGluY2x1ZGUgdGhlIHNjcm9sbGJhciBtaXhpbiBvbiB0aGUgaG9zdCBhbmQgdG8gbWluaW1pemVcbiAgICAvLyBwYXlsb2FkLCB3ZSBkZWNpZGVkIHRvIGFkZCB0aGUgc2Nyb2xsYmFyIGNsYXNzIGhlcmUuXG4gICAgLy8gVGhpcyBpcyBhbiBleGNlcHRpb24gYXMgd2Ugbm9ybWFsbHkgZG9uJ3QgYWx0ZXIgdGhlIGNsYXNzTGlzdCBvZiB0aGUgaG9zdC5cbiAgICB0aGlzLmNsYXNzTGlzdC5hZGQoJ3NiYi1zY3JvbGxiYXInKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYDxzbG90Pjwvc2xvdD5gO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItaWNvbi1zaWRlYmFyJzogU2JiSWNvblNpZGViYXJFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBY00seUJBQXFCLE1BQUE7OzBCQUQxQixjQUFjLGtCQUFrQixDQUFDOzs7O29CQUNFOzs7O0FBQVIsRUFBQSxtQkFBUSxZQUFVO0FBQUEsSUFZNUMsY0FBQTs7QUFQQSxrREFBQSxrQkFBQSxNQUFBLHFCQUEwQyxPQUFPOztBQVN6QyxZQUFBLFlBQThCLEtBQUs7QUFFekMsZ0JBQVUsT0FBTztBQUFBLElBQUE7QUFBQTtBQUFBLElBWG5CLElBQWdCLFFBQWtDO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElBQUE7QUFBQSxJQUFsRCxJQUFnQixNQUFrQyxPQUFBO0FBQUEseUJBQUEseUJBQUE7QUFBQSxJQUFBO0FBQUE7QUFBQSxJQUdsRCxJQUFXLFlBQVM7QUFDWCxhQUFBLEtBQUssUUFBUSw0QkFBNEI7QUFBQSxJQUFBO0FBQUEsSUFVbEMsb0JBQWlCO0FBQy9CLFlBQU0sa0JBQWlCO0FBS2xCLFdBQUEsVUFBVSxJQUFJLGVBQWU7QUFBQSxJQUFBO0FBQUEsSUFHakIsU0FBTTtBQUNoQixhQUFBO0FBQUEsSUFBQTtBQUFBLEtBeEJUOztBQURDLHdCQUFBLENBQUEsU0FBUyxFQUFFLFNBQVMsS0FBTSxDQUFBLENBQUM7QUFDWixpQkFBQSxJQUFBLE1BQUEsbUJBQUEsRUFBQSxNQUFBLFlBQUEsTUFBQSxTQUFBLFFBQUEsT0FBQSxTQUFBLE9BQUEsUUFBQSxFQUFBLEtBQUEsQ0FBQSxRQUFBLFdBQUEsS0FBQSxLQUFBLENBQUEsUUFBQSxJQUFBLE9BQUEsS0FBQSxDQUFBLEtBQUEsVUFBQTtBQUFBLFVBQUEsUUFBa0M7QUFBQSxTQUFBLFVBQUEsYUFBQSxxQkFBQSx3QkFBQTtBQUxwRCxpQkErQkMsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztRQTlCd0IsR0FBTSxTQUFtQixPQUQ1QyxrQkFBcUIsWUFBQSx1QkFBQSxHQUFDOzs7In0=

package/development/sidebar/sidebar/sidebar.d.ts

@@ -0,0 +1,76 @@
+import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
+import { SbbOpenCloseBaseElement } from '../../core/base-elements.js';
+import { SbbSidebarContainerElement } from '../sidebar-container.js';
+declare const SbbSidebarElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbAnimationCompleteMixinType> & typeof SbbOpenCloseBaseElement;
+/**
+ * This component corresponds to a sidebar that can be opened on the sidebar container.
+ *
+ * @slot - Use the unnamed slot to slot any content into the sidebar.
+ * @slot title - Use the title slot to add an <sbb-title>.
+ * @event {CustomEvent<void>} willOpen - Emits when the opening animation starts. Can be canceled.
+ * @event {CustomEvent<void>} didOpen - Emits when the opening animation ends.
+ * @event {CustomEvent<void>} willClose - Emits when the closing animation starts. Can be canceled.
+ * @event {CustomEvent<void>} didClose - Emits when the closing animation ends.
+ */
+export declare class SbbSidebarElement extends SbbSidebarElement_base {
+    static styles: CSSResultGroup;
+    /** Background color of the sidebar. Either `white` or `milk`. */
+    accessor color: 'white' | 'milk';
+    /** Mode of the sidebar; one of 'side' or 'over'. */
+    accessor mode: 'side' | 'over';
+    /** The side that the sidebar is attached to. */
+    accessor position: 'start' | 'end';
+    /**
+     * Whether the sidebar is opened or closed.
+     * Can be used to initially set the opened state, where
+     * the animation will be skipped.
+     */
+    accessor opened: boolean;
+    /**
+     * Whether the sidebar should focus the first focusable element automatically when opened.
+     * Defaults to false in when mode is set to `side`, otherwise defaults to true.
+     * If explicitly enabled, focus will be moved into the sidebar in `side` mode as well.
+     */
+    accessor focusOnOpen: boolean;
+    /** Returns the SbbSidebarContainerElement where this sidebar is contained. */
+    get container(): SbbSidebarContainerElement | null;
+    private _container;
+    private _lastFocusedElement;
+    private _focusHandler;
+    private _inertController;
+    private _escapableOverlayController;
+    private _windowEventsController;
+    private _isPointerDownEventOnSidebar;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    protected firstUpdated(changedProperties: PropertyValues<this>): void;
+    /** Toggles the sidebar visibility. */
+    toggle(): void;
+    /** Opens the sidebar. */
+    open(): void;
+    private _isZeroAnimationDuration;
+    private _handleOpening;
+    /** Closes the sidebar. */
+    close(): void;
+    private _handleClosing;
+    private _takeFocus;
+    private _attachWindowEvents;
+    private _pointerDownListener;
+    private _closeOnBackdropClick;
+    protected cedeFocus(): void;
+    private _updateSidebarWidth;
+    private _buildCssWidthVar;
+    private _isModeOver;
+    private _onTransitionEnd;
+    private _detectScrolledState;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-sidebar': SbbSidebarElement;
+    }
+}
+export {};
+//# sourceMappingURL=sidebar.d.ts.map

package/development/sidebar/sidebar/sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../../../src/elements/sidebar/sidebar/sidebar.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAkB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAQpG,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAMtE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;;AAI1E;;;;;;;;;GASG;AACH,qBAEM,iBAAkB,SAAQ,sBAAkD;IAChF,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,iEAAiE;IACjE,SACgB,KAAK,EAAE,OAAO,GAAG,MAAM,CAAW;IAElD,oDAAoD;IACpD,SAEgB,IAAI,EAAE,MAAM,GAAG,MAAM,CAAU;IAE/C,gDAAgD;IAChD,SAGgB,QAAQ,EAAE,OAAO,GAAG,KAAK,CAAW;IAEpD;;;;OAIG;IACH,SAEgB,MAAM,EAAE,OAAO,CAAS;IAExC;;;;OAIG;IACH,SAEgB,WAAW,EAAE,OAAO,CAAS;IAE7C,8EAA8E;IAC9E,IAAW,SAAS,IAAI,0BAA0B,GAAG,IAAI,CAExD;IACD,OAAO,CAAC,UAAU,CAA2C;IAE7D,OAAO,CAAC,mBAAmB,CAA4B;IACvD,OAAO,CAAC,aAAa,CAAyB;IAC9C,OAAO,CAAC,gBAAgB,CAAgC;IACxD,OAAO,CAAC,2BAA2B,CAA2C;IAC9E,OAAO,CAAC,uBAAuB,CAAmB;IAClD,OAAO,CAAC,4BAA4B,CAAkB;;IAgBtC,iBAAiB,IAAI,IAAI;IAWzB,oBAAoB,IAAI,IAAI;cAQzB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAoBzD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAM9E,sCAAsC;IAC/B,MAAM,IAAI,IAAI;IAQrB,yBAAyB;IAClB,IAAI,IAAI,IAAI;IAkCnB,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,cAAc;IAYtB,0BAA0B;IACnB,KAAK,IAAI,IAAI;IAwBpB,OAAO,CAAC,cAAc;IAsBtB,OAAO,CAAC,UAAU;IA0BlB,OAAO,CAAC,mBAAmB;IAc3B,OAAO,CAAC,oBAAoB,CAK1B;IAGF,OAAO,CAAC,qBAAqB,CAO3B;IAGF,SAAS,CAAC,SAAS,IAAI,IAAI;IAS3B,OAAO,CAAC,mBAAmB;IAyB3B,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,gBAAgB;IAcxB,OAAO,CAAC,oBAAoB;cAOT,MAAM,IAAI,cAAc;CAQ5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,aAAa,EAAE,iBAAiB,CAAC;KAClC;CACF"}

package/development/sidebar/sidebar-close-button/sidebar-close-button.d.ts

@@ -0,0 +1,22 @@
+import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
+import { SbbSecondaryButtonElement } from '../../button/secondary-button.js';
+/**
+ * Sidebar close button, intended to be placed inside sbb-sidebar.
+ *
+ * @slot - Use the unnamed slot to add content to the sidebar-close-button. Not intended to be used in this context.
+ * @slot icon - Slot used to display the icon, if one is set. Not intended to be used in this context.
+ */
+export declare class SbbSidebarCloseButtonElement extends SbbSecondaryButtonElement {
+    static styles: CSSResultGroup;
+    private _language?;
+    private _languageController;
+    constructor();
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    protected renderTemplate(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-sidebar-close-button': SbbSidebarCloseButtonElement;
+    }
+}
+//# sourceMappingURL=sidebar-close-button.d.ts.map

package/development/sidebar/sidebar-close-button/sidebar-close-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-close-button.d.ts","sourceRoot":"","sources":["../../../../../src/elements/sidebar/sidebar-close-button/sidebar-close-button.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1E,OAAO,EAAE,yBAAyB,EAAE,MAAM,kCAAkC,CAAC;AAO7E;;;;;GAKG;AACH,qBAGM,4BAA6B,SAAQ,yBAAyB;IAClE,OAAuB,MAAM,EAAE,cAAc,CAA6C;IAE1F,OAAO,CAAC,SAAS,CAAC,CAAS;IAC3B,OAAO,CAAC,mBAAmB,CAAmC;;cAQ3C,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAezD,cAAc,IAAI,cAAc;CAGpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,0BAA0B,EAAE,4BAA4B,CAAC;KAC1D;CACF"}

package/development/sidebar/sidebar-close-button.d.ts

@@ -0,0 +1,2 @@
+export * from './sidebar-close-button/sidebar-close-button.js';
+//# sourceMappingURL=sidebar-close-button.d.ts.map

package/development/sidebar/sidebar-close-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-close-button.d.ts","sourceRoot":"","sources":["../../../../src/elements/sidebar/sidebar-close-button.ts"],"names":[],"mappings":"AAAA,cAAc,gDAAgD,CAAC"}

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

@@ -0,0 +1,55 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement } from "lit/decorators.js";
+import { SbbSecondaryButtonElement } from "../button/secondary-button.js";
+import { SbbLanguageController } from "../core/controllers.js";
+import { hostAttributes } from "../core/decorators.js";
+import { i18nCloseSidebar } from "../core/i18n.js";
+import { css } from "lit";
+const style = css`*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  display: block;
+  height: fit-content;
+}`;
+let SbbSidebarCloseButtonElement = (() => {
+  var _a;
+  let _classDecorators = [customElement("sbb-sidebar-close-button"), hostAttributes({ slot: "title-section" })];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbSecondaryButtonElement;
+  _a = class extends _classSuper {
+    constructor() {
+      super();
+      this._languageController = new SbbLanguageController(this);
+      this.iconName = "cross-small";
+      this.size = "s";
+    }
+    willUpdate(changedProperties) {
+      super.willUpdate(changedProperties);
+      if (this._language !== this._languageController.current) {
+        if (!this.hasAttribute("aria-label") || !!this._language && this.getAttribute("aria-label") === i18nCloseSidebar[this._language]) {
+          this.setAttribute("aria-label", i18nCloseSidebar[this._languageController.current]);
+        }
+        this._language = this._languageController.current;
+      }
+    }
+    renderTemplate() {
+      return super.renderIconSlot();
+    }
+  }, _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.styles = [SbbSecondaryButtonElement.styles, style], __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbSidebarCloseButtonElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci1jbG9zZS1idXR0b24uanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9zaWRlYmFyL3NpZGViYXItY2xvc2UtYnV0dG9uL3NpZGViYXItY2xvc2UtYnV0dG9uLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFByb3BlcnR5VmFsdWVzLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBTYmJTZWNvbmRhcnlCdXR0b25FbGVtZW50IH0gZnJvbSAnLi4vLi4vYnV0dG9uL3NlY29uZGFyeS1idXR0b24uanMnO1xuaW1wb3J0IHsgU2JiTGFuZ3VhZ2VDb250cm9sbGVyIH0gZnJvbSAnLi4vLi4vY29yZS9jb250cm9sbGVycy5qcyc7XG5pbXBvcnQgeyBob3N0QXR0cmlidXRlcyB9IGZyb20gJy4uLy4uL2NvcmUvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBpMThuQ2xvc2VTaWRlYmFyIH0gZnJvbSAnLi4vLi4vY29yZS9pMThuLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vc2lkZWJhci1jbG9zZS1idXR0b24uc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBTaWRlYmFyIGNsb3NlIGJ1dHRvbiwgaW50ZW5kZWQgdG8gYmUgcGxhY2VkIGluc2lkZSBzYmItc2lkZWJhci5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBjb250ZW50IHRvIHRoZSBzaWRlYmFyLWNsb3NlLWJ1dHRvbi4gTm90IGludGVuZGVkIHRvIGJlIHVzZWQgaW4gdGhpcyBjb250ZXh0LlxuICogQHNsb3QgaWNvbiAtIFNsb3QgdXNlZCB0byBkaXNwbGF5IHRoZSBpY29uLCBpZiBvbmUgaXMgc2V0LiBOb3QgaW50ZW5kZWQgdG8gYmUgdXNlZCBpbiB0aGlzIGNvbnRleHQuXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi1zaWRlYmFyLWNsb3NlLWJ1dHRvbicpXG5AaG9zdEF0dHJpYnV0ZXMoeyBzbG90OiAndGl0bGUtc2VjdGlvbicgfSlcbmNsYXNzIFNiYlNpZGViYXJDbG9zZUJ1dHRvbkVsZW1lbnQgZXh0ZW5kcyBTYmJTZWNvbmRhcnlCdXR0b25FbGVtZW50IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW1NiYlNlY29uZGFyeUJ1dHRvbkVsZW1lbnQuc3R5bGVzLCBzdHlsZV07XG5cbiAgcHJpdmF0ZSBfbGFuZ3VhZ2U/OiBzdHJpbmc7XG4gIHByaXZhdGUgX2xhbmd1YWdlQ29udHJvbGxlciA9IG5ldyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIodGhpcyk7XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgdGhpcy5pY29uTmFtZSA9ICdjcm9zcy1zbWFsbCc7XG4gICAgdGhpcy5zaXplID0gJ3MnO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHdpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPHRoaXM+KTogdm9pZCB7XG4gICAgc3VwZXIud2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICAvLyBVcGRhdGUgdGhlIGFyaWEgbGFiZWwgb2YgdGhlIGNsb3NlIGJ1dHRvbiwgcmVzcGVjdGluZyBjb25zdW1lcnMgb3ZlcnJpZGVzIHRvIGFyaWEtbGFiZWwuXG4gICAgaWYgKHRoaXMuX2xhbmd1YWdlICE9PSB0aGlzLl9sYW5ndWFnZUNvbnRyb2xsZXIuY3VycmVudCkge1xuICAgICAgaWYgKFxuICAgICAgICAhdGhpcy5oYXNBdHRyaWJ1dGUoJ2FyaWEtbGFiZWwnKSB8fFxuICAgICAgICAoISF0aGlzLl9sYW5ndWFnZSAmJiB0aGlzLmdldEF0dHJpYnV0ZSgnYXJpYS1sYWJlbCcpID09PSBpMThuQ2xvc2VTaWRlYmFyW3RoaXMuX2xhbmd1YWdlXSlcbiAgICAgICkge1xuICAgICAgICB0aGlzLnNldEF0dHJpYnV0ZSgnYXJpYS1sYWJlbCcsIGkxOG5DbG9zZVNpZGViYXJbdGhpcy5fbGFuZ3VhZ2VDb250cm9sbGVyLmN1cnJlbnRdKTtcbiAgICAgIH1cbiAgICAgIHRoaXMuX2xhbmd1YWdlID0gdGhpcy5fbGFuZ3VhZ2VDb250cm9sbGVyLmN1cnJlbnQ7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlclRlbXBsYXRlKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gc3VwZXIucmVuZGVySWNvblNsb3QoKTtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXNpZGViYXItY2xvc2UtYnV0dG9uJzogU2JiU2lkZWJhckNsb3NlQnV0dG9uRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBbUJNLGdDQUE0QixNQUFBOzswQkFGakMsY0FBYywwQkFBMEIsR0FDeEMsZUFBZSxFQUFFLE1BQU0sZ0JBQWUsQ0FBRSxDQUFDOzs7O29CQUNDO0FBQVIsRUFBQSxtQkFBUSxZQUF5QjtBQUFBLElBTWxFLGNBQUE7O0FBRlEsV0FBQSxzQkFBc0IsSUFBSSxzQkFBc0IsSUFBSTtBQUkxRCxXQUFLLFdBQVc7QUFDaEIsV0FBSyxPQUFPO0FBQUEsSUFBQTtBQUFBLElBR0ssV0FBVyxtQkFBdUM7QUFDbkUsWUFBTSxXQUFXLGlCQUFpQjtBQUdsQyxVQUFJLEtBQUssY0FBYyxLQUFLLG9CQUFvQixTQUFTO0FBQ3ZELFlBQ0UsQ0FBQyxLQUFLLGFBQWEsWUFBWSxLQUM5QixDQUFDLENBQUMsS0FBSyxhQUFhLEtBQUssYUFBYSxZQUFZLE1BQU0saUJBQWlCLEtBQUssU0FBUyxHQUN4RjtBQUNBLGVBQUssYUFBYSxjQUFjLGlCQUFpQixLQUFLLG9CQUFvQixPQUFPLENBQUM7QUFBQSxRQUFBO0FBRS9FLGFBQUEsWUFBWSxLQUFLLG9CQUFvQjtBQUFBLE1BQUE7QUFBQSxJQUM1QztBQUFBLElBR2lCLGlCQUFjO0FBQy9CLGFBQU8sTUFBTSxlQUFjO0FBQUEsSUFBQTtBQUFBOztBQTVCL0IsaUJBOEJDLE1BQUEsbUJBQUEsRUFBQSxPQUFBLFdBQUEsR0FBQSxrQkFBQSxFQUFBLE1BQUEsU0FBQSxNQUFBLFdBQUEsTUFBQSxVQUFBLFVBQUEsR0FBQSxNQUFBLHVCQUFBOzs7UUE3QndCLEdBQU0sU0FBbUIsQ0FBQywwQkFBMEIsUUFBUSxLQUFLLEdBRHBGLGtCQUE0QixZQUFBLHVCQUFBLEdBQUM7OzsifQ==

package/development/sidebar/sidebar-container/sidebar-container.d.ts

@@ -0,0 +1,34 @@
+import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
+import { SbbSidebarElement } from '../sidebar.js';
+/**
+ * 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.
+ */
+export declare class SbbSidebarContainerElement extends LitElement {
+    static styles: CSSResultGroup;
+    /** The sidebar children. */
+    get sidebars(): SbbSidebarElement[];
+    /** The sidebar child with the `start` position. */
+    get start(): SbbSidebarElement | null;
+    /** The sidebar child with the `end` position. */
+    get end(): SbbSidebarElement | null;
+    private _forcedClosedSidebars;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected firstUpdated(changedProperties: PropertyValues<this>): void;
+    private _handleWidthChange;
+    /**
+     * Closes and opens sidebars depending on available width
+     * of the container and its parent container.
+     */
+    private _calculateSpaceState;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-sidebar-container': SbbSidebarContainerElement;
+    }
+}
+//# sourceMappingURL=sidebar-container.d.ts.map

package/development/sidebar/sidebar-container/sidebar-container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-container.d.ts","sourceRoot":"","sources":["../../../../../src/elements/sidebar/sidebar-container/sidebar-container.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAGnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAIb,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AASvD;;;;;GAKG;AACH,qBAEM,0BAA2B,SAAQ,UAAU;IACjD,OAAuB,MAAM,EAAE,cAAc,CAAwC;IAErF,4BAA4B;IAC5B,IAAW,QAAQ,IAAI,iBAAiB,EAAE,CAEzC;IAED,mDAAmD;IACnD,IAAW,KAAK,IAAI,iBAAiB,GAAG,IAAI,CAE3C;IAED,iDAAiD;IACjD,IAAW,GAAG,IAAI,iBAAiB,GAAG,IAAI,CAEzC;IAED,OAAO,CAAC,qBAAqB,CAAoC;IAEjD,iBAAiB,IAAI,IAAI;IAezB,oBAAoB,IAAI,IAAI;cAUzB,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAM9E,OAAO,CAAC,kBAAkB;IAM1B;;;OAGG;YACW,oBAAoB;cAuEf,MAAM,IAAI,cAAc;CAI5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,0BAA0B,CAAC;KACrD;CACF"}

package/development/sidebar/sidebar-container.d.ts

@@ -0,0 +1,2 @@
+export * from './sidebar-container/sidebar-container.js';
+//# sourceMappingURL=sidebar-container.d.ts.map

package/development/sidebar/sidebar-container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-container.d.ts","sourceRoot":"","sources":["../../../../src/elements/sidebar/sidebar-container.ts"],"names":[],"mappings":"AAAA,cAAc,0CAA0C,CAAC"}

package/development/sidebar/sidebar-container.js

@@ -0,0 +1,153 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { css, LitElement, isServer, html } from "lit";
+import { customElement } from "lit/decorators.js";
+import { sidebarContainerCommonStyle } from "./common.js";
+const style = 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;
+}`;
+const sidebarContainerRegistry = /* @__PURE__ */ new Set();
+let sidebarContainerResizeObserver;
+const MIN_WIDTH_BEFORE_COLLAPSE = 320;
+let SbbSidebarContainerElement = (() => {
+  var _a;
+  let _classDecorators = [customElement("sbb-sidebar-container")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = LitElement;
+  _a = class extends _classSuper {
+    constructor() {
+      super(...arguments);
+      this._forcedClosedSidebars = /* @__PURE__ */ new WeakSet();
+    }
+    /** The sidebar children. */
+    get sidebars() {
+      var _a2;
+      return Array.from(((_a2 = this.querySelectorAll) == null ? void 0 : _a2.call(this, `:scope > sbb-sidebar`)) ?? []);
+    }
+    /** The sidebar child with the `start` position. */
+    get start() {
+      var _a2;
+      return (_a2 = this.querySelector) == null ? void 0 : _a2.call(this, `:scope > sbb-sidebar:not([position='end'])`);
+    }
+    /** The sidebar child with the `end` position. */
+    get end() {
+      var _a2;
+      return (_a2 = this.querySelector) == null ? void 0 : _a2.call(this, `:scope > sbb-sidebar[position='end']`);
+    }
+    connectedCallback() {
+      super.connectedCallback();
+      sidebarContainerResizeObserver ?? (sidebarContainerResizeObserver = !isServer && new ResizeObserver(() => this._handleWidthChange()));
+      if (!isServer && sidebarContainerRegistry.size === 0) {
+        sidebarContainerResizeObserver.observe(document == null ? void 0 : document.documentElement);
+      }
+      sidebarContainerRegistry.add(this);
+      this._handleWidthChange();
+    }
+    disconnectedCallback() {
+      super.disconnectedCallback();
+      sidebarContainerRegistry.delete(this);
+      if (sidebarContainerRegistry.size === 0) {
+        sidebarContainerResizeObserver == null ? void 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() {
+      var _a2, _b;
+      if (isServer) {
+        return;
+      }
+      const parentSidebarContainer = (_b = (_a2 = this.parentElement) == null ? void 0 : _a2.closest) == null ? void 0 : _b.call(_a2, "sbb-sidebar-container");
+      const parentSidebars = (parentSidebarContainer == null ? void 0 : parentSidebarContainer.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.hasAttribute("data-mode-over-forced")) ?? false;
+      const sumOfAllRelevantSidebarWidths = sidebars.filter((sidebar) => sidebar.mode === "side").reduce((accumulator, currentValue) => accumulator + (currentValue.offsetWidth ?? 0), 0);
+      const isMinimumSpace = width - sumOfAllRelevantSidebarWidths < MIN_WIDTH_BEFORE_COLLAPSE;
+      for (const sidebar of sidebars) {
+        const wasMinimum = sidebar.hasAttribute("data-mode-over-forced");
+        sidebar.toggleAttribute("data-mode-over-forced", isMinimumSpace);
+        if (sidebar.mode !== "side") {
+          continue;
+        }
+        if ((isMinimumSpace || hasForcedClosedParentContainer) && sidebar.opened && !wasMinimum) {
+          if (sidebar.isOpen && !sidebar.hasAttribute("data-skip-animation")) {
+            sidebar.toggleAttribute("data-mode-over-forced-closing", true);
+          }
+          sidebar.opened = false;
+          this._forcedClosedSidebars.add(sidebar);
+          if (sidebar.hasAttribute("data-mode-over-forced-closing")) {
+            sidebar.updateComplete.then(() => sidebar.animationComplete).then(() => sidebar.removeAttribute("data-mode-over-forced-closing"));
+          }
+        } else if (
+          // We have to open the sidebar when the remaining width of the sidebar and the parent container
+          // is above the minimum.
+          // We only programmatically open the sidebar when the cause of closing was this logic.
+          !isMinimumSpace && !hasForcedClosedParentContainer && this._forcedClosedSidebars.has(sidebar)
+        ) {
+          sidebar["cedeFocus"]();
+          sidebar.opened = true;
+          this._forcedClosedSidebars.delete(sidebar);
+        }
+      }
+    }
+    render() {
+      return html`<div class="sbb-sidebar-container-backdrop"></div>
+      <slot @slotchange=${() => this._handleWidthChange()}></slot>`;
+    }
+  }, _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.styles = [sidebarContainerCommonStyle, style], __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbSidebarContainerElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci1jb250YWluZXIuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9zaWRlYmFyL3NpZGViYXItY29udGFpbmVyL3NpZGViYXItY29udGFpbmVyLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHR5cGUgQ1NTUmVzdWx0R3JvdXAsXG4gIGh0bWwsXG4gIGlzU2VydmVyLFxuICBMaXRFbGVtZW50LFxuICB0eXBlIFByb3BlcnR5VmFsdWVzLFxuICB0eXBlIFRlbXBsYXRlUmVzdWx0LFxufSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgc2lkZWJhckNvbnRhaW5lckNvbW1vblN0eWxlIH0gZnJvbSAnLi4vY29tbW9uLmpzJztcbmltcG9ydCB0eXBlIHsgU2JiU2lkZWJhckVsZW1lbnQgfSBmcm9tICcuLi9zaWRlYmFyLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vc2lkZWJhci1jb250YWluZXIuc2Nzcz9saXQmaW5saW5lJztcblxuY29uc3Qgc2lkZWJhckNvbnRhaW5lclJlZ2lzdHJ5ID0gbmV3IFNldDxTYmJTaWRlYmFyQ29udGFpbmVyRWxlbWVudD4oKTtcbmxldCBzaWRlYmFyQ29udGFpbmVyUmVzaXplT2JzZXJ2ZXI6IFJlc2l6ZU9ic2VydmVyIHwgdW5kZWZpbmVkO1xuXG5jb25zdCBNSU5fV0lEVEhfQkVGT1JFX0NPTExBUFNFID0gMzIwO1xuXG4vKipcbiAqIFRoaXMgaXMgdGhlIHBhcmVudCBjb21wb25lbnQgdG8gb25lIG9yIHR3byBgPHNiYi1zaWRlYmFyPmBzIHRoYXQgdmFsaWRhdGVzIHRoZSBzdGF0ZSBpbnRlcm5hbGx5XG4gKiBhbmQgY29vcmRpbmF0ZXMgdGhlIGJhY2tkcm9wIGFuZCBjb250ZW50IHN0eWxpbmcuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgYHNiYi1zaWRlYmFyYCBhbmQgYHNiYi1zaWRlYmFyLWNvbnRlbnRgIGVsZW1lbnRzLlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItc2lkZWJhci1jb250YWluZXInKVxuY2xhc3MgU2JiU2lkZWJhckNvbnRhaW5lckVsZW1lbnQgZXh0ZW5kcyBMaXRFbGVtZW50IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW3NpZGViYXJDb250YWluZXJDb21tb25TdHlsZSwgc3R5bGVdO1xuXG4gIC8qKiBUaGUgc2lkZWJhciBjaGlsZHJlbi4gKi9cbiAgcHVibGljIGdldCBzaWRlYmFycygpOiBTYmJTaWRlYmFyRWxlbWVudFtdIHtcbiAgICByZXR1cm4gQXJyYXkuZnJvbSh0aGlzLnF1ZXJ5U2VsZWN0b3JBbGw/LjxTYmJTaWRlYmFyRWxlbWVudD4oYDpzY29wZSA+IHNiYi1zaWRlYmFyYCkgPz8gW10pO1xuICB9XG5cbiAgLyoqIFRoZSBzaWRlYmFyIGNoaWxkIHdpdGggdGhlIGBzdGFydGAgcG9zaXRpb24uICovXG4gIHB1YmxpYyBnZXQgc3RhcnQoKTogU2JiU2lkZWJhckVsZW1lbnQgfCBudWxsIHtcbiAgICByZXR1cm4gdGhpcy5xdWVyeVNlbGVjdG9yPy48U2JiU2lkZWJhckVsZW1lbnQ+KGA6c2NvcGUgPiBzYmItc2lkZWJhcjpub3QoW3Bvc2l0aW9uPSdlbmQnXSlgKTtcbiAgfVxuXG4gIC8qKiBUaGUgc2lkZWJhciBjaGlsZCB3aXRoIHRoZSBgZW5kYCBwb3NpdGlvbi4gKi9cbiAgcHVibGljIGdldCBlbmQoKTogU2JiU2lkZWJhckVsZW1lbnQgfCBudWxsIHtcbiAgICByZXR1cm4gdGhpcy5xdWVyeVNlbGVjdG9yPy48U2JiU2lkZWJhckVsZW1lbnQ+KGA6c2NvcGUgPiBzYmItc2lkZWJhcltwb3NpdGlvbj0nZW5kJ11gKTtcbiAgfVxuXG4gIHByaXZhdGUgX2ZvcmNlZENsb3NlZFNpZGViYXJzID0gbmV3IFdlYWtTZXQ8U2JiU2lkZWJhckVsZW1lbnQ+KCk7XG5cbiAgcHVibGljIG92ZXJyaWRlIGNvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG5cbiAgICBzaWRlYmFyQ29udGFpbmVyUmVzaXplT2JzZXJ2ZXIgPz89XG4gICAgICAhaXNTZXJ2ZXIgJiYgbmV3IFJlc2l6ZU9ic2VydmVyKCgpID0+IHRoaXMuX2hhbmRsZVdpZHRoQ2hhbmdlKCkpO1xuXG4gICAgaWYgKCFpc1NlcnZlciAmJiBzaWRlYmFyQ29udGFpbmVyUmVnaXN0cnkuc2l6ZSA9PT0gMCkge1xuICAgICAgc2lkZWJhckNvbnRhaW5lclJlc2l6ZU9ic2VydmVyLm9ic2VydmUoZG9jdW1lbnQ/LmRvY3VtZW50RWxlbWVudCk7XG4gICAgfVxuXG4gICAgc2lkZWJhckNvbnRhaW5lclJlZ2lzdHJ5LmFkZCh0aGlzKTtcblxuICAgIHRoaXMuX2hhbmRsZVdpZHRoQ2hhbmdlKCk7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgZGlzY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuZGlzY29ubmVjdGVkQ2FsbGJhY2soKTtcblxuICAgIHNpZGViYXJDb250YWluZXJSZWdpc3RyeS5kZWxldGUodGhpcyk7XG5cbiAgICBpZiAoc2lkZWJhckNvbnRhaW5lclJlZ2lzdHJ5LnNpemUgPT09IDApIHtcbiAgICAgIHNpZGViYXJDb250YWluZXJSZXNpemVPYnNlcnZlcj8uZGlzY29ubmVjdCgpO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSBmaXJzdFVwZGF0ZWQoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPHRoaXM+KTogdm9pZCB7XG4gICAgc3VwZXIuZmlyc3RVcGRhdGVkKGNoYW5nZWRQcm9wZXJ0aWVzKTtcblxuICAgIHRoaXMuX2hhbmRsZVdpZHRoQ2hhbmdlKCk7XG4gIH1cblxuICBwcml2YXRlIF9oYW5kbGVXaWR0aENoYW5nZSgpOiB2b2lkIHtcbiAgICBBcnJheS5mcm9tKHNpZGViYXJDb250YWluZXJSZWdpc3RyeSlcbiAgICAgIC5zb3J0KChjMSwgYzIpID0+IGMxLmNvbXBhcmVEb2N1bWVudFBvc2l0aW9uKGMyKSAmIE5vZGUuRE9DVU1FTlRfUE9TSVRJT05fRk9MTE9XSU5HKVxuICAgICAgLmZvckVhY2goKGMpID0+IGMuX2NhbGN1bGF0ZVNwYWNlU3RhdGUoKSk7XG4gIH1cblxuICAvKipcbiAgICogQ2xvc2VzIGFuZCBvcGVucyBzaWRlYmFycyBkZXBlbmRpbmcgb24gYXZhaWxhYmxlIHdpZHRoXG4gICAqIG9mIHRoZSBjb250YWluZXIgYW5kIGl0cyBwYXJlbnQgY29udGFpbmVyLlxuICAgKi9cbiAgcHJpdmF0ZSBhc3luYyBfY2FsY3VsYXRlU3BhY2VTdGF0ZSgpOiBQcm9taXNlPHZvaWQ+IHtcbiAgICBpZiAoaXNTZXJ2ZXIpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBjb25zdCBwYXJlbnRTaWRlYmFyQ29udGFpbmVyID1cbiAgICAgIHRoaXMucGFyZW50RWxlbWVudD8uY2xvc2VzdD8uPFNiYlNpZGViYXJDb250YWluZXJFbGVtZW50Pignc2JiLXNpZGViYXItY29udGFpbmVyJyk7XG5cbiAgICBjb25zdCBwYXJlbnRTaWRlYmFycyA9IHBhcmVudFNpZGViYXJDb250YWluZXI/LnNpZGViYXJzID8/IFtdO1xuXG4gICAgZm9yIChjb25zdCBzaWRlYmFyIG9mIHBhcmVudFNpZGViYXJzKSB7XG4gICAgICAvLyBVc2luZyBQcm9taXNlLmFsbCBkaWQgY3JlYXRlIHNvbWUgY29uZnVzaW5nIHByb2JsZW1zLCBzbyB3ZSBkZWNpZGVkIHRvIGF3YWl0IGl0IHNlcXVlbnRpYWxseS5cbiAgICAgIGF3YWl0IHNpZGViYXIudXBkYXRlQ29tcGxldGUudGhlbigoKSA9PiBzaWRlYmFyLmFuaW1hdGlvbkNvbXBsZXRlKTtcbiAgICB9XG5cbiAgICBjb25zdCB3aWR0aCA9IHRoaXMub2Zmc2V0V2lkdGggPz8gMDtcbiAgICBpZiAod2lkdGggPT09IDApIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBjb25zdCBzaWRlYmFycyA9IHRoaXMuc2lkZWJhcnM7XG4gICAgY29uc3QgaGFzRm9yY2VkQ2xvc2VkUGFyZW50Q29udGFpbmVyID1cbiAgICAgIHBhcmVudFNpZGViYXJzLnNvbWUoKHNpZGViYXIpID0+IHNpZGViYXIuaGFzQXR0cmlidXRlKCdkYXRhLW1vZGUtb3Zlci1mb3JjZWQnKSkgPz8gZmFsc2U7XG4gICAgY29uc3Qgc3VtT2ZBbGxSZWxldmFudFNpZGViYXJXaWR0aHMgPSBzaWRlYmFyc1xuICAgICAgLmZpbHRlcigoc2lkZWJhcikgPT4gc2lkZWJhci5tb2RlID09PSAnc2lkZScpXG4gICAgICAucmVkdWNlKChhY2N1bXVsYXRvciwgY3VycmVudFZhbHVlKSA9PiBhY2N1bXVsYXRvciArIChjdXJyZW50VmFsdWUub2Zmc2V0V2lkdGggPz8gMCksIDApO1xuICAgIGNvbnN0IGlzTWluaW11bVNwYWNlID0gd2lkdGggLSBzdW1PZkFsbFJlbGV2YW50U2lkZWJhcldpZHRocyA8IE1JTl9XSURUSF9CRUZPUkVfQ09MTEFQU0U7XG5cbiAgICBmb3IgKGNvbnN0IHNpZGViYXIgb2Ygc2lkZWJhcnMpIHtcbiAgICAgIGNvbnN0IHdhc01pbmltdW0gPSBzaWRlYmFyLmhhc0F0dHJpYnV0ZSgnZGF0YS1tb2RlLW92ZXItZm9yY2VkJyk7XG4gICAgICBzaWRlYmFyLnRvZ2dsZUF0dHJpYnV0ZSgnZGF0YS1tb2RlLW92ZXItZm9yY2VkJywgaXNNaW5pbXVtU3BhY2UpO1xuXG4gICAgICBpZiAoc2lkZWJhci5tb2RlICE9PSAnc2lkZScpIHtcbiAgICAgICAgY29udGludWU7XG4gICAgICB9XG5cbiAgICAgIGlmICgoaXNNaW5pbXVtU3BhY2UgfHwgaGFzRm9yY2VkQ2xvc2VkUGFyZW50Q29udGFpbmVyKSAmJiBzaWRlYmFyLm9wZW5lZCAmJiAhd2FzTWluaW11bSkge1xuICAgICAgICAvLyBXZSBoYXZlIHRvIGNsb3NlIHRoZSBzaWRlYmFyIHdoZW4gdGhlIHJlbWFpbmluZyB3aWR0aCBpcyBiZWxvdyB0aGUgbWluaW11bSBvciB0aGUgcGFyZW50IGNvbnRhaW5lciBydW5zIG91dCBvZiBzcGFjZS5cblxuICAgICAgICBpZiAoc2lkZWJhci5pc09wZW4gJiYgIXNpZGViYXIuaGFzQXR0cmlidXRlKCdkYXRhLXNraXAtYW5pbWF0aW9uJykpIHtcbiAgICAgICAgICAvLyBJZiB0aGUgc2lkZWJhciBpcyBvcGVuZWQgdmlzdWFsbHksIGFkZCBhIHNwZWNpYWwgZGF0YSBhdHRyaWJ1dGUgdGhhdCBjb250cm9scyB0aGUgei1pbmRleC5cbiAgICAgICAgICAvLyBXaXRob3V0IHRoaXMgc29sdXRpb24sIHdoZW4gdGhlIHNpZGViYXIgaXMgY2xvc2VkLCBpdCB3b3VsZCBhcHBlYXIgdmlzdWFsbHkgYXMgaWYgaXQgd2VyZSBpbiAnb3ZlcicgbW9kZS5cbiAgICAgICAgICBzaWRlYmFyLnRvZ2dsZUF0dHJpYnV0ZSgnZGF0YS1tb2RlLW92ZXItZm9yY2VkLWNsb3NpbmcnLCB0cnVlKTtcbiAgICAgICAgfVxuXG4gICAgICAgIHNpZGViYXIub3BlbmVkID0gZmFsc2U7XG4gICAgICAgIHRoaXMuX2ZvcmNlZENsb3NlZFNpZGViYXJzLmFkZChzaWRlYmFyKTtcblxuICAgICAgICBpZiAoc2lkZWJhci5oYXNBdHRyaWJ1dGUoJ2RhdGEtbW9kZS1vdmVyLWZvcmNlZC1jbG9zaW5nJykpIHtcbiAgICAgICAgICBzaWRlYmFyLnVwZGF0ZUNvbXBsZXRlXG4gICAgICAgICAgICAudGhlbigoKSA9PiBzaWRlYmFyLmFuaW1hdGlvbkNvbXBsZXRlKVxuICAgICAgICAgICAgLnRoZW4oKCkgPT4gc2lkZWJhci5yZW1vdmVBdHRyaWJ1dGUoJ2RhdGEtbW9kZS1vdmVyLWZvcmNlZC1jbG9zaW5nJykpO1xuICAgICAgICB9XG4gICAgICB9IGVsc2UgaWYgKFxuICAgICAgICAvLyBXZSBoYXZlIHRvIG9wZW4gdGhlIHNpZGViYXIgd2hlbiB0aGUgcmVtYWluaW5nIHdpZHRoIG9mIHRoZSBzaWRlYmFyIGFuZCB0aGUgcGFyZW50IGNvbnRhaW5lclxuICAgICAgICAvLyBpcyBhYm92ZSB0aGUgbWluaW11bS5cbiAgICAgICAgLy8gV2Ugb25seSBwcm9ncmFtbWF0aWNhbGx5IG9wZW4gdGhlIHNpZGViYXIgd2hlbiB0aGUgY2F1c2Ugb2YgY2xvc2luZyB3YXMgdGhpcyBsb2dpYy5cbiAgICAgICAgIWlzTWluaW11bVNwYWNlICYmXG4gICAgICAgICFoYXNGb3JjZWRDbG9zZWRQYXJlbnRDb250YWluZXIgJiZcbiAgICAgICAgdGhpcy5fZm9yY2VkQ2xvc2VkU2lkZWJhcnMuaGFzKHNpZGViYXIpXG4gICAgICApIHtcbiAgICAgICAgLy8gSWYgdGhlIHNpZGViYXIgd2FzIG1hbnVhbGx5IG9wZW5lZCAoaW4gZm9yY2VkIG92ZXIgbW9kZSlcbiAgICAgICAgLy8gYW5kIHRoZSBzaWRlYmFyIGJlY29tZXMgZW5vdWdoIHNwYWNlIGF2YWlsYWJsZSwgaXQgc3RheXMgb3BlbiwgYnV0IHdlIG5lZWQgdG8gZW5zdXJlIHRoYXRcbiAgICAgICAgLy8gdGhlIGZvY3VzIHRyYXAgYW5kIGluZXJ0IG1lY2hhbmlzbSBpcyByZXNldC5cbiAgICAgICAgc2lkZWJhclsnY2VkZUZvY3VzJ10oKTtcbiAgICAgICAgc2lkZWJhci5vcGVuZWQgPSB0cnVlO1xuICAgICAgICB0aGlzLl9mb3JjZWRDbG9zZWRTaWRlYmFycy5kZWxldGUoc2lkZWJhcik7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgPGRpdiBjbGFzcz1cInNiYi1zaWRlYmFyLWNvbnRhaW5lci1iYWNrZHJvcFwiPjwvZGl2PlxuICAgICAgPHNsb3QgQHNsb3RjaGFuZ2U9JHsoKSA9PiB0aGlzLl9oYW5kbGVXaWR0aENoYW5nZSgpfT48L3Nsb3Q+YDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXNpZGViYXItY29udGFpbmVyJzogU2JiU2lkZWJhckNvbnRhaW5lckVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6WyJfYSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFlQSxNQUFNLCtDQUErQjtBQUNyQyxJQUFJO0FBRUosTUFBTSw0QkFBNEI7SUFVNUIsOEJBQTBCLE1BQUE7OzBCQUQvQixjQUFjLHVCQUF1QixDQUFDOzs7O29CQUNFO0FBQVIsRUFBQSxtQkFBUSxZQUFVO0FBQUE7O0FBa0J6QyxXQUFBLDRDQUE0QixRQUFPO0FBQUEsSUFBQTtBQUFBO0FBQUEsSUFkM0MsSUFBVyxXQUFROztBQUNqQixhQUFPLE1BQU0sT0FBS0EsTUFBQSxLQUFLLHFCQUFMLGdCQUFBQSxJQUFBLFdBQTJDLDRCQUEyQixFQUFFO0FBQUEsSUFBQTtBQUFBO0FBQUEsSUFJNUYsSUFBVyxRQUFLOztBQUNQLGNBQUFBLE1BQUEsS0FBSyxrQkFBTCxnQkFBQUEsSUFBQSxXQUF3QztBQUFBLElBQTRDO0FBQUE7QUFBQSxJQUk3RixJQUFXLE1BQUc7O0FBQ0wsY0FBQUEsTUFBQSxLQUFLLGtCQUFMLGdCQUFBQSxJQUFBLFdBQXdDO0FBQUEsSUFBc0M7QUFBQSxJQUt2RSxvQkFBaUI7QUFDL0IsWUFBTSxrQkFBaUI7QUFFdkIsMEVBQ0UsQ0FBQyxZQUFZLElBQUksZUFBZSxNQUFNLEtBQUssb0JBQW9CO0FBRWpFLFVBQUksQ0FBQyxZQUFZLHlCQUF5QixTQUFTLEdBQUc7QUFDckIsdUNBQUEsUUFBUSxxQ0FBVSxlQUFlO0FBQUEsTUFBQTtBQUdsRSwrQkFBeUIsSUFBSSxJQUFJO0FBRWpDLFdBQUssbUJBQWtCO0FBQUEsSUFBQTtBQUFBLElBR1QsdUJBQW9CO0FBQ2xD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

package/development/sidebar/sidebar-content/sidebar-content.d.ts

@@ -0,0 +1,18 @@
+import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
+/**
+ * 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.
+ */
+export declare class SbbSidebarContentElement extends LitElement {
+    static styles: CSSResultGroup;
+    connectedCallback(): void;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-sidebar-content': SbbSidebarContentElement;
+    }
+}
+//# sourceMappingURL=sidebar-content.d.ts.map

package/development/sidebar/sidebar-content/sidebar-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-content.d.ts","sourceRoot":"","sources":["../../../../../src/elements/sidebar/sidebar-content/sidebar-content.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAOjF;;;;;GAKG;AACH,qBAEM,wBAAyB,SAAQ,UAAU;IAC/C,OAAuB,MAAM,EAAE,cAAc,CAAsC;IAEnE,iBAAiB,IAAI,IAAI;cAStB,MAAM,IAAI,cAAc;CAG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,qBAAqB,EAAE,wBAAwB,CAAC;KACjD;CACF"}

package/development/sidebar/sidebar-content.d.ts

@@ -0,0 +1,2 @@
+export * from './sidebar-content/sidebar-content.js';
+//# sourceMappingURL=sidebar-content.d.ts.map

package/development/sidebar/sidebar-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-content.d.ts","sourceRoot":"","sources":["../../../../src/elements/sidebar/sidebar-content.ts"],"names":[],"mappings":"AAAA,cAAc,sCAAsC,CAAC"}

package/development/sidebar/sidebar-content.js

@@ -0,0 +1,37 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { css, LitElement, html } from "lit";
+import { customElement } from "lit/decorators.js";
+import { sidebarContentCommonStyle } from "./common.js";
+const style = 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);
+}`;
+let SbbSidebarContentElement = (() => {
+  var _a;
+  let _classDecorators = [customElement("sbb-sidebar-content")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = LitElement;
+  _a = class extends _classSuper {
+    connectedCallback() {
+      super.connectedCallback();
+      this.classList.add("sbb-scrollbar");
+    }
+    render() {
+      return html`<slot></slot>`;
+    }
+  }, _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.styles = [sidebarContentCommonStyle, style], __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbSidebarContentElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci1jb250ZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvc2lkZWJhci9zaWRlYmFyLWNvbnRlbnQvc2lkZWJhci1jb250ZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHR5cGUgQ1NTUmVzdWx0R3JvdXAsIGh0bWwsIExpdEVsZW1lbnQsIHR5cGUgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgc2lkZWJhckNvbnRlbnRDb21tb25TdHlsZSB9IGZyb20gJy4uL2NvbW1vbi5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3NpZGViYXItY29udGVudC5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIENvbnRhaW5lciBmb3IgdGhlIHNpZGViYXIgY29udGVudC4gSW50ZW5kZWQgdG8gYmUgcGxhY2VkIGluc2lkZSBhbiBgc2JiLXNpZGViYXItY29udGFpbmVyYCBlbGVtZW50LlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGFueSBjb250ZW50IGVsZW1lbnRzLlxuICogRnVydGhlciBgc2JiLXNpZGViYXItY29udGFpbmVyYHMgYXJlIHBvc3NpYmxlLlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItc2lkZWJhci1jb250ZW50JylcbmNsYXNzIFNiYlNpZGViYXJDb250ZW50RWxlbWVudCBleHRlbmRzIExpdEVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbc2lkZWJhckNvbnRlbnRDb21tb25TdHlsZSwgc3R5bGVdO1xuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuXG4gICAgLy8gQXMgd2UgY2FuJ3QgaW5jbHVkZSB0aGUgc2Nyb2xsYmFyIG1peGluIG9uIHRoZSBob3N0IGFuZCB0byBtaW5pbWl6ZVxuICAgIC8vIHBheWxvYWQsIHdlIGRlY2lkZWQgdG8gYWRkIHRoZSBzY3JvbGxiYXIgY2xhc3MgaGVyZS5cbiAgICAvLyBUaGlzIGlzIGFuIGV4Y2VwdGlvbiBhcyB3ZSBub3JtYWxseSBkb24ndCBhbHRlciB0aGUgY2xhc3NMaXN0IG9mIHRoZSBob3N0LlxuICAgIHRoaXMuY2xhc3NMaXN0LmFkZCgnc2JiLXNjcm9sbGJhcicpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgPHNsb3Q+PC9zbG90PmA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1zaWRlYmFyLWNvbnRlbnQnOiBTYmJTaWRlYmFyQ29udGVudEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7O0lBZU0sNEJBQXdCLE1BQUE7OzBCQUQ3QixjQUFjLHFCQUFxQixDQUFDOzs7O29CQUNFO0FBQVIsRUFBQSxtQkFBUSxZQUFVO0FBQUEsSUFHL0Isb0JBQWlCO0FBQy9CLFlBQU0sa0JBQWlCO0FBS2xCLFdBQUEsVUFBVSxJQUFJLGVBQWU7QUFBQSxJQUFBO0FBQUEsSUFHakIsU0FBTTtBQUNoQixhQUFBO0FBQUEsSUFBQTtBQUFBOztBQWJYLGlCQWVDLE1BQUEsbUJBQUEsRUFBQSxPQUFBLFdBQUEsR0FBQSxrQkFBQSxFQUFBLE1BQUEsU0FBQSxNQUFBLFdBQUEsTUFBQSxVQUFBLFVBQUEsR0FBQSxNQUFBLHVCQUFBOzs7UUFkd0IsR0FBQSxTQUF5QixDQUFDLDJCQUEyQixLQUFLLEdBRDdFLGtCQUF3QixZQUFBLHVCQUFBLEdBQUM7OzsifQ==

package/development/sidebar/sidebar-title/sidebar-title.d.ts

@@ -0,0 +1,17 @@
+import { CSSResultGroup } from 'lit';
+import { SbbTitleBase, SbbTitleLevel } from '../../title.js';
+/**
+ * It displays the title of the sidebar. It has to be placed inside an `sbb-sidebar` element.
+ */
+export declare class SbbSidebarTitleElement extends SbbTitleBase {
+    static styles: CSSResultGroup;
+    /** Title level */
+    accessor level: SbbTitleLevel;
+    constructor();
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-sidebar-title': SbbSidebarTitleElement;
+    }
+}
+//# sourceMappingURL=sidebar-title.d.ts.map

package/development/sidebar/sidebar-title/sidebar-title.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-title.d.ts","sourceRoot":"","sources":["../../../../../src/elements/sidebar/sidebar-title/sidebar-title.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1C,OAAO,EAAE,YAAY,EAAE,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAIlE;;GAEG;AACH,qBAGM,sBAAuB,SAAQ,YAAY;IAC/C,OAAuB,MAAM,EAAE,cAAc,CAAgC;IAE7E,kBAAkB;IAClB,SAAsD,KAAK,EAAE,aAAa,CAAO;;CAMlF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}

package/development/sidebar/sidebar-title.d.ts

@@ -0,0 +1,2 @@
+export * from './sidebar-title/sidebar-title.js';
+//# sourceMappingURL=sidebar-title.d.ts.map

package/development/sidebar/sidebar-title.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-title.d.ts","sourceRoot":"","sources":["../../../../src/elements/sidebar/sidebar-title.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAC"}