@sbb-esta/lyne-elements 2.8.0 → 2.10.0

package/sidebar/icon-sidebar-button/icon-sidebar-button.component.d.ts

@@ -0,0 +1,19 @@
+import { CSSResultGroup, TemplateResult } from 'lit';
+import { SbbButtonBaseElement } from '../../core/base-elements.js';
+declare const SbbIconSidebarButtonElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../icon.js').SbbIconNameMixinType> & typeof SbbButtonBaseElement;
+/**
+ * Button to be placed inside `sbb-icon-sidebar`.
+ *
+ * @slot icon - Slot used to display the icon.
+ */
+export declare class SbbIconSidebarButtonElement extends SbbIconSidebarButtonElement_base {
+    static styles: CSSResultGroup;
+    protected renderTemplate(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-icon-sidebar-button': SbbIconSidebarButtonElement;
+    }
+}
+export {};
+//# sourceMappingURL=icon-sidebar-button.component.d.ts.map

package/sidebar/icon-sidebar-button/icon-sidebar-button.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-sidebar-button.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/sidebar/icon-sidebar-button/icon-sidebar-button.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAInE;;;;GAIG;AACH,qBAEM,2BAA4B,SAAQ,gCAAsC;IAC9E,OAAuB,MAAM,EAAE,cAAc,CAAgC;cAE1D,cAAc,IAAI,cAAc;CAGpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,yBAAyB,EAAE,2BAA2B,CAAC;KACxD;CACF"}

package/sidebar/icon-sidebar-button.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './icon-sidebar-button/icon-sidebar-button.js';
+export * from './icon-sidebar-button/icon-sidebar-button.component.js';
 //# sourceMappingURL=icon-sidebar-button.d.ts.map

package/sidebar/icon-sidebar-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-sidebar-button.d.ts","sourceRoot":"","sources":["../../../src/elements/sidebar/icon-sidebar-button.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,8CAA8C,CAAC"}
+{"version":3,"file":"icon-sidebar-button.d.ts","sourceRoot":"","sources":["../../../src/elements/sidebar/icon-sidebar-button.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,wDAAwD,CAAC"}

package/sidebar/icon-sidebar-button.js

@@ -1,4 +1,4 @@
-import { SbbIconSidebarButtonElement as t } from "./icon-sidebar-button/icon-sidebar-button.js";
+import { SbbIconSidebarButtonElement as t } from "./icon-sidebar-button/icon-sidebar-button.component.js";
 export {
   t as SbbIconSidebarButtonElement
 };

package/sidebar/icon-sidebar-container/icon-sidebar-container.component.d.ts

@@ -0,0 +1,23 @@
+import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
+import { SbbIconSidebarElement } from '../icon-sidebar.js';
+/**
+ * This is the parent component to one or two `<sbb-icon-sidebar>`s and one `<sbb-icon-sidebar-content>` element.
+ *
+ * @slot - Use the unnamed slot to add `sbb-sidebar` and `sbb-sidebar-content` elements.
+ */
+export declare class SbbIconSidebarContainerElement extends LitElement {
+    static styles: CSSResultGroup;
+    /** The icon-sidebar children. */
+    get sidebars(): SbbIconSidebarElement[];
+    /** The icon-sidebar child at the start position. */
+    get start(): SbbIconSidebarElement | null;
+    /** The icon-sidebar child at the end position. */
+    get end(): SbbIconSidebarElement | null;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-icon-sidebar-container': SbbIconSidebarContainerElement;
+    }
+}
+//# sourceMappingURL=icon-sidebar-container.component.d.ts.map

package/sidebar/icon-sidebar-container/icon-sidebar-container.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-sidebar-container.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/sidebar/icon-sidebar-container/icon-sidebar-container.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIjF,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAIhE;;;;GAIG;AACH,qBAEM,8BAA+B,SAAQ,UAAU;IACrD,OAAuB,MAAM,EAAE,cAAc,CAAwC;IAErF,iCAAiC;IACjC,IAAW,QAAQ,IAAI,qBAAqB,EAAE,CAI7C;IAED,oDAAoD;IACpD,IAAW,KAAK,IAAI,qBAAqB,GAAG,IAAI,CAI/C;IAED,kDAAkD;IAClD,IAAW,GAAG,IAAI,qBAAqB,GAAG,IAAI,CAI7C;cAEkB,MAAM,IAAI,cAAc;CAG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,4BAA4B,EAAE,8BAA8B,CAAC;KAC9D;CACF"}

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

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './icon-sidebar-container/icon-sidebar-container.js';
+export * from './icon-sidebar-container/icon-sidebar-container.component.js';
 //# sourceMappingURL=icon-sidebar-container.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"icon-sidebar-container.d.ts","sourceRoot":"","sources":["../../../src/elements/sidebar/icon-sidebar-container.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,oDAAoD,CAAC"}
+{"version":3,"file":"icon-sidebar-container.d.ts","sourceRoot":"","sources":["../../../src/elements/sidebar/icon-sidebar-container.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,8DAA8D,CAAC"}

package/sidebar/icon-sidebar-container.js

@@ -1,4 +1,4 @@
-import { SbbIconSidebarContainerElement as o } from "./icon-sidebar-container/icon-sidebar-container.js";
+import { SbbIconSidebarContainerElement as o } from "./icon-sidebar-container/icon-sidebar-container.component.js";
 export {
   o as SbbIconSidebarContainerElement
 };

package/sidebar/icon-sidebar-content/icon-sidebar-content.component.d.ts

@@ -0,0 +1,17 @@
+import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
+/**
+ * Container for the icon sidebar content. Intended to be placed inside an `sbb-icon-sidebar-container` element.
+ *
+ * @slot - Use the unnamed slot to add any content elements.
+ */
+export declare class SbbIconSidebarContentElement extends LitElement {
+    static styles: CSSResultGroup;
+    connectedCallback(): void;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-icon-sidebar-content': SbbIconSidebarContentElement;
+    }
+}
+//# sourceMappingURL=icon-sidebar-content.component.d.ts.map

package/sidebar/icon-sidebar-content/icon-sidebar-content.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-sidebar-content.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/sidebar/icon-sidebar-content/icon-sidebar-content.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAOjF;;;;GAIG;AACH,qBAEM,4BAA6B,SAAQ,UAAU;IACnD,OAAuB,MAAM,EAAE,cAAc,CAAsC;IAEnE,iBAAiB,IAAI,IAAI;cAStB,MAAM,IAAI,cAAc;CAG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,0BAA0B,EAAE,4BAA4B,CAAC;KAC1D;CACF"}

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

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './icon-sidebar-content/icon-sidebar-content.js';
+export * from './icon-sidebar-content/icon-sidebar-content.component.js';
 //# sourceMappingURL=icon-sidebar-content.d.ts.map

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

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

package/sidebar/icon-sidebar-content.js

@@ -1,4 +1,4 @@
-import { SbbIconSidebarContentElement as o } from "./icon-sidebar-content/icon-sidebar-content.js";
+import { SbbIconSidebarContentElement as o } from "./icon-sidebar-content/icon-sidebar-content.component.js";
 export {
   o as SbbIconSidebarContentElement
 };

package/sidebar/icon-sidebar-link/icon-sidebar-link.component.d.ts

@@ -0,0 +1,19 @@
+import { CSSResultGroup, TemplateResult } from 'lit';
+import { SbbLinkBaseElement } from '../../core/base-elements.js';
+declare const SbbIconSidebarLinkElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../icon.js').SbbIconNameMixinType> & typeof SbbLinkBaseElement;
+/**
+ * Link to be placed inside `sbb-icon-sidebar`.
+ *
+ * @slot icon - Slot used to display the icon.
+ */
+export declare class SbbIconSidebarLinkElement extends SbbIconSidebarLinkElement_base {
+    static styles: CSSResultGroup;
+    protected renderTemplate(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-icon-sidebar-link': SbbIconSidebarLinkElement;
+    }
+}
+export {};
+//# sourceMappingURL=icon-sidebar-link.component.d.ts.map

package/sidebar/icon-sidebar-link/icon-sidebar-link.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-sidebar-link.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/sidebar/icon-sidebar-link/icon-sidebar-link.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;;AAIjE;;;;GAIG;AACH,qBAEM,yBAA0B,SAAQ,8BAAoC;IAC1E,OAAuB,MAAM,EAAE,cAAc,CAAgC;cAE1D,cAAc,IAAI,cAAc;CAGpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,yBAAyB,CAAC;KACpD;CACF"}

package/sidebar/icon-sidebar-link.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './icon-sidebar-link/icon-sidebar-link.js';
+export * from './icon-sidebar-link/icon-sidebar-link.component.js';
 //# sourceMappingURL=icon-sidebar-link.d.ts.map

package/sidebar/icon-sidebar-link.d.ts.map

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

package/sidebar/icon-sidebar-link.js

@@ -1,4 +1,4 @@
-import { SbbIconSidebarLinkElement as n } from "./icon-sidebar-link/icon-sidebar-link.js";
+import { SbbIconSidebarLinkElement as n } from "./icon-sidebar-link/icon-sidebar-link.component.js";
 export {
   n as SbbIconSidebarLinkElement
 };

package/sidebar/icon-sidebar.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './icon-sidebar/icon-sidebar.js';
+export * from './icon-sidebar/icon-sidebar.component.js';
 //# sourceMappingURL=icon-sidebar.d.ts.map

package/sidebar/icon-sidebar.d.ts.map

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

package/sidebar/icon-sidebar.js

@@ -1,4 +1,4 @@
-import { SbbIconSidebarElement as o } from "./icon-sidebar/icon-sidebar.js";
+import { SbbIconSidebarElement as o } from "./icon-sidebar/icon-sidebar.component.js";
 export {
   o as SbbIconSidebarElement
 };

package/sidebar/sidebar/sidebar.component.d.ts

@@ -0,0 +1,70 @@
+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 _focusTrapController;
+    private _escapableOverlayController;
+    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;
+    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.component.d.ts.map

package/sidebar/sidebar/sidebar.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/sidebar/sidebar/sidebar.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAkB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIpG,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAKtE,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,oBAAoB,CAAoC;IAChE,OAAO,CAAC,2BAA2B,CAA2C;;IAkB9D,iBAAiB,IAAI,IAAI;IAWzB,oBAAoB,IAAI,IAAI;cAMzB,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;IAqBtB,OAAO,CAAC,UAAU;IAkBlB,SAAS,CAAC,SAAS,IAAI,IAAI;IAK3B,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/sidebar/sidebar-close-button/sidebar-close-button.component.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.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-close-button.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/sidebar/sidebar-close-button/sidebar-close-button.component.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/sidebar/sidebar-close-button.d.ts

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

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

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

package/sidebar/sidebar-close-button.js

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

package/sidebar/sidebar-container/sidebar-container.component.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.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-container.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/sidebar/sidebar-container/sidebar-container.component.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;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,0BAA0B,CAAC;KACrD;CACF"}

package/sidebar/sidebar-container.d.ts

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

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

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

package/sidebar/sidebar-container.js

@@ -1,4 +1,4 @@
-import { SbbSidebarContainerElement as b } from "./sidebar-container/sidebar-container.js";
+import { SbbSidebarContainerElement as b } from "./sidebar-container/sidebar-container.component.js";
 export {
   b as SbbSidebarContainerElement
 };

package/sidebar/sidebar-content/sidebar-content.component.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.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-content.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/sidebar/sidebar-content/sidebar-content.component.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/sidebar/sidebar-content.d.ts

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

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

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

package/sidebar/sidebar-content.js

@@ -1,4 +1,4 @@
-import { SbbSidebarContentElement as b } from "./sidebar-content/sidebar-content.js";
+import { SbbSidebarContentElement as b } from "./sidebar-content/sidebar-content.component.js";
 export {
   b as SbbSidebarContentElement
 };

package/sidebar/sidebar-title/sidebar-title.component.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.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-title.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/sidebar/sidebar-title/sidebar-title.component.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/sidebar/sidebar-title.d.ts

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

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

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

package/sidebar/sidebar-title.js

@@ -1,4 +1,4 @@
-import { SbbSidebarTitleElement as r } from "./sidebar-title/sidebar-title.js";
+import { SbbSidebarTitleElement as r } from "./sidebar-title/sidebar-title.component.js";
 export {
   r as SbbSidebarTitleElement
 };

package/sidebar/sidebar.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './sidebar/sidebar.js';
+export * from './sidebar/sidebar.component.js';
 //# sourceMappingURL=sidebar.d.ts.map

package/sidebar/sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../src/elements/sidebar/sidebar.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../src/elements/sidebar/sidebar.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,gCAAgC,CAAC"}

package/sidebar/sidebar.js

@@ -1,4 +1,4 @@
-import { SbbSidebarElement as r } from "./sidebar/sidebar.js";
+import { SbbSidebarElement as r } from "./sidebar/sidebar.component.js";
 export {
   r as SbbSidebarElement
 };

package/sidebar.js

@@ -1,14 +1,14 @@
 import { i as t, s as r, a as n } from "./icon-sidebar-button-common-DG8bnrBu.js";
-import { SbbIconSidebarElement as m } from "./sidebar/icon-sidebar/icon-sidebar.js";
-import { SbbIconSidebarButtonElement as a } from "./sidebar/icon-sidebar-button/icon-sidebar-button.js";
-import { SbbIconSidebarContainerElement as l } from "./sidebar/icon-sidebar-container/icon-sidebar-container.js";
-import { SbbIconSidebarContentElement as f } from "./sidebar/icon-sidebar-content/icon-sidebar-content.js";
-import { SbbIconSidebarLinkElement as x } from "./sidebar/icon-sidebar-link/icon-sidebar-link.js";
-import { SbbSidebarElement as E } from "./sidebar/sidebar/sidebar.js";
-import { SbbSidebarCloseButtonElement as c } from "./sidebar/sidebar-close-button/sidebar-close-button.js";
-import { SbbSidebarContainerElement as u } from "./sidebar/sidebar-container/sidebar-container.js";
-import { SbbSidebarContentElement as B } from "./sidebar/sidebar-content/sidebar-content.js";
-import { SbbSidebarTitleElement as L } from "./sidebar/sidebar-title/sidebar-title.js";
+import { SbbIconSidebarElement as m } from "./sidebar/icon-sidebar/icon-sidebar.component.js";
+import { SbbIconSidebarButtonElement as a } from "./sidebar/icon-sidebar-button/icon-sidebar-button.component.js";
+import { SbbIconSidebarContainerElement as l } from "./sidebar/icon-sidebar-container/icon-sidebar-container.component.js";
+import { SbbIconSidebarContentElement as f } from "./sidebar/icon-sidebar-content/icon-sidebar-content.component.js";
+import { SbbIconSidebarLinkElement as x } from "./sidebar/icon-sidebar-link/icon-sidebar-link.component.js";
+import { SbbSidebarElement as E } from "./sidebar/sidebar/sidebar.component.js";
+import { SbbSidebarCloseButtonElement as c } from "./sidebar/sidebar-close-button/sidebar-close-button.component.js";
+import { SbbSidebarContainerElement as u } from "./sidebar/sidebar-container/sidebar-container.component.js";
+import { SbbSidebarContentElement as B } from "./sidebar/sidebar-content/sidebar-content.component.js";
+import { SbbSidebarTitleElement as L } from "./sidebar/sidebar-title/sidebar-title.component.js";
 export {
   a as SbbIconSidebarButtonElement,
   l as SbbIconSidebarContainerElement,

package/signet/signet.component.d.ts

@@ -0,0 +1,22 @@
+import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
+import { SbbProtectiveRoom } from '../core/interfaces.js';
+export type SbbSignetProtectiveRoom = SbbProtectiveRoom | 'panel';
+/**
+ * It displays the SBB signet.
+ *
+ * @cssprop [--sbb-signet-height=auto] - Can be used to set the height of the signet.
+ */
+export declare class SbbSignetElement extends LitElement {
+    static styles: CSSResultGroup;
+    /** Visual protective room around signet. */
+    accessor protectiveRoom: SbbSignetProtectiveRoom;
+    /** Accessibility label which will be forwarded to the inner SVG signet. */
+    accessor accessibilityLabel: string;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-signet': SbbSignetElement;
+    }
+}
+//# sourceMappingURL=signet.component.d.ts.map

package/signet/signet.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"signet.component.d.ts","sourceRoot":"","sources":["../../../src/elements/signet/signet.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAIvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAI/D,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,GAAG,OAAO,CAAC;AAElE;;;;GAIG;AACH,qBAEM,gBAAiB,SAAQ,UAAU;IACvC,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,4CAA4C;IAC5C,SACgB,cAAc,EAAE,uBAAuB,CAAW;IAElE,2EAA2E;IAC3E,SAEgB,kBAAkB,EAAE,MAAM,CAAU;cAEjC,MAAM,IAAI,cAAc;CA4B5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}

package/signet.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './signet/signet.js';
+export * from './signet/signet.component.js';
 //# sourceMappingURL=signet.d.ts.map

package/signet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"signet.d.ts","sourceRoot":"","sources":["../../src/elements/signet.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"signet.d.ts","sourceRoot":"","sources":["../../src/elements/signet.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,8BAA8B,CAAC"}

package/signet.js

@@ -1,4 +1,4 @@
-import { SbbSignetElement as b } from "./signet/signet.js";
+import { SbbSignetElement as b } from "./signet/signet.component.js";
 export {
   b as SbbSignetElement
 };

package/skiplink-list/skiplink-list.component.d.ts

@@ -0,0 +1,31 @@
+import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
+import { WithListChildren } from '../core/mixins.js';
+import { SbbBlockLinkButtonElement, SbbBlockLinkElement } from '../link.js';
+import { SbbTitleLevel } from '../title.js';
+declare const SbbSkiplinkListElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbNamedSlotListMixinType<SbbBlockLinkElement | SbbBlockLinkButtonElement>> & typeof LitElement;
+/**
+ * It displays a list of `sbb-block-link`/`sbb-block-link-button` which are visible only when focused.
+ *
+ * @slot - Use the unnamed slot to add `sbb-block-link`/`sbb-block-link-button` elements to the `sbb-skiplink-list`.
+ * @slot title - Use this to provide a title for the skiplink-list (optional).
+ * @cssprop [--sbb-skiplink-list-z-index=var(--sbb-overlay-default-z-index)] - To specify a custom stack order,
+ * the `z-index` can be overridden by defining this CSS variable. The default `z-index` of the
+ * component is set to `var(--sbb-overlay-default-z-index)` with a value of `1000`.
+ */
+export declare class SbbSkiplinkListElement extends SbbSkiplinkListElement_base {
+    static styles: CSSResultGroup;
+    protected readonly listChildLocalNames: string[];
+    /** The title text we want to place before the list. */
+    accessor titleContent: string;
+    /** The semantic level of the title, e.g. 2 = h2. */
+    accessor titleLevel: SbbTitleLevel;
+    protected willUpdate(changedProperties: PropertyValues<WithListChildren<this>>): void;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-skiplink-list': SbbSkiplinkListElement;
+    }
+}
+export {};
+//# sourceMappingURL=skiplink-list.component.d.ts.map

package/skiplink-list/skiplink-list.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skiplink-list.component.d.ts","sourceRoot":"","sources":["../../../src/elements/skiplink-list/skiplink-list.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAKb,OAAO,EAAyB,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACjF,OAAO,KAAK,EAAE,yBAAyB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AACjF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAIjD,OAAO,aAAa,CAAC;;AAErB;;;;;;;;GAQG;AACH,qBAEM,sBAAuB,SAAQ,2BAGxB;IACX,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,mBAA4B,mBAAmB,WAA+C;IAE9F,uDAAuD;IACvD,SAEgB,YAAY,EAAE,MAAM,CAAM;IAE1C,oDAAoD;IACpD,SAAwD,UAAU,EAAE,aAAa,CAAO;cAErE,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;cAW3E,MAAM,IAAI,cAAc;CAiB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}