From 6902a2fd0e6c533e31f75e042b50430657ff19ec Mon Sep 17 00:00:00 2001
From: Julie Blanc <julieblanc@Julies-MacBook-Pro.local>
Date: Fri, 6 Mar 2026 18:11:36 +0100
Subject: [PATCH] display default value in popup

---
 src/components/ElementPopup.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/ElementPopup.vue b/src/components/ElementPopup.vue
index c7c3a06..439820a 100644
--- a/src/components/ElementPopup.vue
+++ b/src/components/ElementPopup.vue
@@ -21,6 +21,7 @@
         <input type="checkbox" class="toggle-setting" :checked="settingEnabled.font" @change="onToggleSetting('font', $event.target.checked)" />
         <div class="field field-font">
           <label class="label-with-tooltip" data-css="font-family">Police</label>
+          <p class="info-default">Valeur par défaut : {{ textDefaults.fontFamily === 'sans-serif' ? 'Police système (sans-serif)' : textDefaults.fontFamily }}</p>
           <div class="field-font__options">
             <select v-model="fontFamily">
               <option value="sans-serif">Police système (sans-serif)</option>
@@ -43,6 +44,7 @@
         <input type="checkbox" class="toggle-setting" :checked="settingEnabled.fontSize" @change="onToggleSetting('fontSize', $event.target.checked)" />
         <div class="field field-text-size">
           <label class="label-with-tooltip" data-css="font-size">Taille du texte</label>
+          <p class="info-default">Valeur par défaut : {{ textDefaults.fontSize.value }}{{ textDefaults.fontSize.unit }}</p>
           <InputWithUnit
             v-model="fontSizeModel"
             :units="['px']"
@@ -58,6 +60,7 @@
         <input type="checkbox" class="toggle-setting" :checked="settingEnabled.lineHeight" @change="onToggleSetting('lineHeight', $event.target.checked)" />
         <div class="field field-text-size">
           <label class="label-with-tooltip" data-css="line-height">Interlignage</label>
+          <p class="info-default">Valeur par défaut : {{ textDefaults.lineHeight.value }}{{ textDefaults.lineHeight.unit }}</p>
           <InputWithUnit
             v-model="lineHeightModel"
             :units="['px']"
@@ -87,6 +90,7 @@
         <input type="checkbox" class="toggle-setting" :checked="settingEnabled.color" @change="onToggleSetting('color', $event.target.checked)" />
         <div class="field field-simple">
           <label class="label-with-tooltip" data-css="color">Couleur du texte</label>
+          <p class="info-default">Valeur par défaut : {{ textDefaults.color }}</p>
           <div class="input-with-color">
             <input
               ref="colorInput"