From c63090d68d5513201699787911585d8588211c24 Mon Sep 17 00:00:00 2001
From: Alban Costaz <alban.costaz@gmail.com>
Date: Thu, 18 Jul 2024 11:45:55 +0200
Subject: [PATCH 1/3] Fix incorrect color name

---
 lib/components/ms-textarea/MsTextarea.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/components/ms-textarea/MsTextarea.vue b/lib/components/ms-textarea/MsTextarea.vue
index 624d6ed..81b82c4 100644
--- a/lib/components/ms-textarea/MsTextarea.vue
+++ b/lib/components/ms-textarea/MsTextarea.vue
@@ -150,7 +150,7 @@ async function onChange(value: string): Promise<void> {
   margin-left: auto;
 
   &-default {
-    color: var(--parsec-color-secondary-grey);
+    color: var(--parsec-color-light-secondary-grey);
   }
 
   &-warn {

From 426beb423cf292c4946d13855584e06aabe0e8c0 Mon Sep 17 00:00:00 2001
From: Alban Costaz <alban.costaz@gmail.com>
Date: Thu, 18 Jul 2024 11:22:25 +0200
Subject: [PATCH 2/3] Fix modelvalue handling in MsTextarea

---
 lib/components/ms-textarea/MsTextarea.vue | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/lib/components/ms-textarea/MsTextarea.vue b/lib/components/ms-textarea/MsTextarea.vue
index 40d8ad9..f3e0847 100644
--- a/lib/components/ms-textarea/MsTextarea.vue
+++ b/lib/components/ms-textarea/MsTextarea.vue
@@ -17,7 +17,6 @@
       }"
       ref="textareaRef"
       :placeholder="$msTranslate(placeholder)"
-      :value="modelValue"
       v-model="textValue"
       v-bind="$attrs"
       @ion-input="onChange($event.detail.value || '')"
@@ -40,8 +39,7 @@
 <script setup lang="ts">
 import { Translatable } from '@lib/services/translation';
 import { IonTextarea } from '@ionic/vue';
-import { ref } from 'vue';
-import { useAttrs } from 'vue';
+import { ref, watch, onUnmounted, useAttrs } from 'vue';
 
 // Rows defines the height of the area in number of rows
 // Autogrow is disabled by default, enable stretching the area horizontally and
@@ -75,6 +73,13 @@ const props = withDefaults(defineProps<Props>(), {
 const textareaRef = ref();
 const textValue = ref(props.modelValue ?? '');
 
+const cancelWatch = watch(
+  () => props.modelValue,
+  (newValue) => {
+    textValue.value = newValue ?? '';
+  },
+);
+
 const emits = defineEmits<{
   (e: 'update:modelValue', value: string): void;
   (e: 'change', value: string): void;
@@ -85,6 +90,10 @@ defineExpose({
   selectText,
 });
 
+onUnmounted(() => {
+  cancelWatch();
+});
+
 function setFocus(): void {
   setTimeout(() => {
     if (textareaRef.value && textareaRef.value.$el) {

From 91d8d9f219150b27d687ed6ca4514706330b7a0e Mon Sep 17 00:00:00 2001
From: Alban Costaz <alban.costaz@gmail.com>
Date: Thu, 18 Jul 2024 14:27:55 +0200
Subject: [PATCH 3/3] Fixed inversed toggle logic in MsBooleanToggle

---
 lib/components/ms-toggle/MsBooleanToogle.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/lib/components/ms-toggle/MsBooleanToogle.vue b/lib/components/ms-toggle/MsBooleanToogle.vue
index 32e6158..5e2c0d5 100644
--- a/lib/components/ms-toggle/MsBooleanToogle.vue
+++ b/lib/components/ms-toggle/MsBooleanToogle.vue
@@ -5,18 +5,18 @@
     <ion-text
       type="button"
       class="button-view button-medium"
-      :class="{ 'button-disabled': modelValue === Answer.No }"
+      :class="{ 'button-disabled': modelValue === Answer.Yes }"
       :disabled="modelValue === Answer.Yes"
-      @click="$emit('update:modelValue', Answer.No)"
+      @click="$emit('update:modelValue', Answer.Yes)"
     >
       {{ yesLabel ? $msTranslate(yesLabel) : $msTranslate('lib.components.msBooleanToogle.yes') }}
     </ion-text>
     <ion-text
       type="button"
       class="button-view button-medium"
+      :class="{ 'button-disabled': modelValue === Answer.No }"
       :disabled="modelValue === Answer.No"
-      :class="{ 'button-disabled': modelValue === Answer.Yes }"
-      @click="$emit('update:modelValue', Answer.Yes)"
+      @click="$emit('update:modelValue', Answer.No)"
     >
       {{ noLabel ? $msTranslate(noLabel) : $msTranslate('lib.components.msBooleanToogle.no') }}
     </ion-text>