From 9c014752a2e84a6dd41e808f0fb5b8da7b10906c Mon Sep 17 00:00:00 2001
From: "akash.sonune" <akash.sonune@siemens.com>
Date: Wed, 6 May 2026 00:10:18 +0530
Subject: [PATCH] fix(status-bar): use static toggle button text instead of
 dynamic expand/collapse text

---
 .../status-bar/si-status-bar.component.html           |  2 +-
 .../element-ng/status-bar/si-status-bar.component.ts  | 11 +++++++++++
 .../translate/si-translatable-keys.interface.ts       |  1 +
 3 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/projects/element-ng/status-bar/si-status-bar.component.html b/projects/element-ng/status-bar/si-status-bar.component.html
index 671d13ca7..d16870837 100644
--- a/projects/element-ng/status-bar/si-status-bar.component.html
+++ b/projects/element-ng/status-bar/si-status-bar.component.html
@@ -91,7 +91,7 @@
       <button
         type="button"
         class="collapse-expand text-center p-0 focus-force"
-        [attr.aria-label]="(expanded() ? collapseButtonText() : expandButtonText()) | translate"
+        [attr.aria-label]="toggleButtonText() | translate"
         [attr.aria-expanded]="!!expanded()"
         [attr.aria-controls]="statusId"
         [class.expanded]="expanded() === 2"
diff --git a/projects/element-ng/status-bar/si-status-bar.component.ts b/projects/element-ng/status-bar/si-status-bar.component.ts
index 0e288a59a..a7bc07c01 100644
--- a/projects/element-ng/status-bar/si-status-bar.component.ts
+++ b/projects/element-ng/status-bar/si-status-bar.component.ts
@@ -117,9 +117,19 @@ export class SiStatusBarComponent implements OnDestroy, OnChanges {
    * blink pulse generator for synchronized blinking with other components
    */
   readonly blinkPulse = input<Observable<boolean>>();
+  /**
+   * Text for the navbar expand/collapse toggle button. Required for a11y.
+   *
+   * @defaultValue
+   * ```
+   * t(() => $localize`:@@SI_STATUS_BAR.TOGGLE:Toggle`)
+   * ```
+   */
+  readonly toggleButtonText = input(t(() => $localize`:@@SI_STATUS_BAR.TOGGLE:Toggle`));
   /**
    * Text for the navbar expand button. Required for a11y
    *
+   * @deprecated Use {@link toggleButtonText} instead.
    * @defaultValue
    * ```
    * t(() => $localize`:@@SI_STATUS_BAR.EXPAND:Expand`)
@@ -129,6 +139,7 @@ export class SiStatusBarComponent implements OnDestroy, OnChanges {
   /**
    * Text for the navbar collapse button. Required for a11y
    *
+   * @deprecated Use {@link toggleButtonText} instead.
    * @defaultValue
    * ```
    * t(() => $localize`:@@SI_STATUS_BAR.COLLAPSE:Collapse`)
diff --git a/projects/element-ng/translate/si-translatable-keys.interface.ts b/projects/element-ng/translate/si-translatable-keys.interface.ts
index 959fedf49..d7713dd24 100644
--- a/projects/element-ng/translate/si-translatable-keys.interface.ts
+++ b/projects/element-ng/translate/si-translatable-keys.interface.ts
@@ -218,6 +218,7 @@ export interface SiTranslatableKeys {
   'SI_STATUS_BAR.COLLAPSE'?: string;
   'SI_STATUS_BAR.EXPAND'?: string;
   'SI_STATUS_BAR.MUTE'?: string;
+  'SI_STATUS_BAR.TOGGLE'?: string;
   'SI_THRESHOLD.ADD'?: string;
   'SI_THRESHOLD.DELETE'?: string;
   'SI_THRESHOLD.INPUT_LABEL'?: string;