feat: add toggle

sbb-design-systems · Jan 8, 2025 · 428eff8 · 428eff8
1 parent 4001124
commit 428eff8
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 4 deletions.
diff --git a/src/elements/sidebar/sidebar/readme.md b/src/elements/sidebar/sidebar/readme.md
@@ -57,10 +57,11 @@ The `sbb-sidebar` is a component . . .
 
 ## Methods
 
-| Name    | Privacy | Description         | Parameters      | Return | Inherited From          |
-| ------- | ------- | ------------------- | --------------- | ------ | ----------------------- |
-| `close` | public  | Closes the sidebar. | `skipAnimation` | `void` | SbbOpenCloseBaseElement |
-| `open`  | public  | Opens the sidebar.  | `skipAnimation` | `void` | SbbOpenCloseBaseElement |
+| Name     | Privacy | Description                     | Parameters | Return | Inherited From          |
+| -------- | ------- | ------------------------------- | ---------- | ------ | ----------------------- |
+| `close`  | public  | Closes the sidebar.             |            | `void` | SbbOpenCloseBaseElement |
+| `open`   | public  | Opens the sidebar.              |            | `void` | SbbOpenCloseBaseElement |
+| `toggle` | public  | Toggles the sidebar visibility. |            | `void` |                         |
 
 ## Events
 

diff --git a/src/elements/sidebar/sidebar/sidebar.ts b/src/elements/sidebar/sidebar/sidebar.ts
@@ -167,6 +167,15 @@ class SbbSidebarElement extends SbbOpenCloseBaseElement {
     this.didClose.emit();
   }
 
+  /** Toggles the sidebar visibility. */
+  public toggle(): void {
+    if (this.state === 'opened') {
+      this.close();
+    } else if (this.state === 'closed') {
+      this.open();
+    }
+  }
+
   private _updateSidebarWidth(oldPosition?: 'start' | 'end'): void {
     const container = this.container;
     if (!container) {