Merge pull request #22432 from highcharts/dash/22208-editmode-toggle-…

…state dash/22208-editmode-toggle-state
highcharts · Dec 27, 2024 · 02b5dd6 · 02b5dd6
2 parents bb25d58 + 5c3b7dd
commit 02b5dd6
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 0 deletions.
diff --git a/ts/Dashboards/EditMode/EditContextMenu.ts b/ts/Dashboards/EditMode/EditContextMenu.ts
@@ -54,6 +54,13 @@ class EditContextMenu extends Menu {
             getValue: function (item: MenuItem): boolean {
                 return item.menu.editMode.isActive();
             },
+            setValue: function (item: MenuItem, value: boolean): void {
+                const inputElem = item.innerElement?.querySelector('input');
+
+                if (inputElem) {
+                    inputElem.checked = value;
+                }
+            },
             langKey: 'editMode',
             events: {
                 click: function (this: MenuItem): void {
@@ -167,6 +174,18 @@ class EditContextMenu extends Menu {
                 );
             }
         }
+
+        // Set editMode toggle state
+        const toggleEditMode = this.activeItems.find(
+            (item): boolean => item.options.langKey === 'editMode'
+        );
+
+        if (toggleEditMode) {
+            (toggleEditMode.options as MenuItem.ToggleOptions).setValue(
+                toggleEditMode,
+                this.editMode.isActive()
+            );
+        }
     }
 
     public updatePosition(

diff --git a/ts/Dashboards/EditMode/Menu/MenuItem.ts b/ts/Dashboards/EditMode/Menu/MenuItem.ts
@@ -219,6 +219,7 @@ namespace MenuItem {
     export interface ToggleOptions extends ItemOptions {
         type: 'toggle';
         getValue?: (item: MenuItem) => boolean;
+        setValue: (item: MenuItem, value: boolean) => void;
         events: {
             update?: Function;
             click: Function;