From 51193cf441a94fc6bbee739c830c928511965d5d Mon Sep 17 00:00:00 2001
From: Paul Bottein <paul.bottein@gmail.com>
Date: Thu, 27 Feb 2025 13:08:42 +0100
Subject: [PATCH] Reverse the order of all modes features and toggle (#24420)

Reverse the order of all modes features
---
 .../lovelace/card-features/hui-alarm-modes-card-feature.ts     | 2 +-
 .../card-features/hui-climate-hvac-modes-card-feature.ts       | 3 ++-
 .../card-features/hui-humidifier-toggle-card-feature.ts        | 2 +-
 .../hui-water-heater-operation-modes-card-feature.ts           | 3 ++-
 4 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/panels/lovelace/card-features/hui-alarm-modes-card-feature.ts b/src/panels/lovelace/card-features/hui-alarm-modes-card-feature.ts
index 6aec00c670..6aa71fe590 100644
--- a/src/panels/lovelace/card-features/hui-alarm-modes-card-feature.ts
+++ b/src/panels/lovelace/card-features/hui-alarm-modes-card-feature.ts
@@ -119,7 +119,7 @@ class HuiAlarmModeCardFeature
 
     const color = stateColorCss(this.stateObj);
 
-    const supportedModes = supportedAlarmModes(this.stateObj);
+    const supportedModes = supportedAlarmModes(this.stateObj).reverse();
 
     const options = filterModes(
       supportedModes,
diff --git a/src/panels/lovelace/card-features/hui-climate-hvac-modes-card-feature.ts b/src/panels/lovelace/card-features/hui-climate-hvac-modes-card-feature.ts
index 08619e18dd..d8ada2c5d9 100644
--- a/src/panels/lovelace/card-features/hui-climate-hvac-modes-card-feature.ts
+++ b/src/panels/lovelace/card-features/hui-climate-hvac-modes-card-feature.ts
@@ -122,7 +122,8 @@ class HuiClimateHvacModesCardFeature
 
     const ordererHvacModes = (this.stateObj.attributes.hvac_modes || [])
       .concat()
-      .sort(compareClimateHvacModes);
+      .sort(compareClimateHvacModes)
+      .reverse();
 
     const options = filterModes(
       ordererHvacModes,
diff --git a/src/panels/lovelace/card-features/hui-humidifier-toggle-card-feature.ts b/src/panels/lovelace/card-features/hui-humidifier-toggle-card-feature.ts
index dd5ced0a59..575437c04d 100644
--- a/src/panels/lovelace/card-features/hui-humidifier-toggle-card-feature.ts
+++ b/src/panels/lovelace/card-features/hui-humidifier-toggle-card-feature.ts
@@ -93,7 +93,7 @@ class HuiHumidifierToggleCardFeature
 
     const color = stateColorCss(this.stateObj);
 
-    const options = ["on", "off"].map<ControlSelectOption>((entityState) => ({
+    const options = ["off", "on"].map<ControlSelectOption>((entityState) => ({
       value: entityState,
       label: this.hass!.formatEntityState(this.stateObj!, entityState),
       path: entityState === "on" ? mdiWaterPercent : mdiPower,
diff --git a/src/panels/lovelace/card-features/hui-water-heater-operation-modes-card-feature.ts b/src/panels/lovelace/card-features/hui-water-heater-operation-modes-card-feature.ts
index 78457c53c4..a74041cbdd 100644
--- a/src/panels/lovelace/card-features/hui-water-heater-operation-modes-card-feature.ts
+++ b/src/panels/lovelace/card-features/hui-water-heater-operation-modes-card-feature.ts
@@ -110,7 +110,8 @@ class HuiWaterHeaterOperationModeCardFeature
 
     const orderedModes = (this.stateObj.attributes.operation_list || [])
       .concat()
-      .sort(compareWaterHeaterOperationMode);
+      .sort(compareWaterHeaterOperationMode)
+      .reverse();
 
     const options = filterModes(
       orderedModes,