.playground/pages/composant/select/selectCheckbox.vue

@@ -168,36 +168,6 @@
       />
     </div>
 
-    <div class="rounded-lg border p-4 md:col-span-2">
-      <h2 class="mb-1 text-xl font-bold">Espace message : reserveMessageSpace</h2>
-      <p class="mb-4 text-sm text-m-muted">
-        A gauche : defaut (true) — la ligne message reste reservee sous le champ.
-        A droite : <code>:reserve-message-space="false"</code> — pas de reserve, le bloc suivant colle au champ.
-      </p>
-      <div class="grid grid-cols-1 gap-6 md:grid-cols-2">
-        <div>
-          <p class="mb-1 text-xs font-semibold">Defaut (reserve)</p>
-          <MalioSelectCheckbox
-            v-model="reserveDefaultValue"
-            :options="options"
-            label="Pays"
-            empty-option-label="Aucune selection"
-          />
-          <div class="rounded bg-m-muted/20 p-2 text-xs">Bloc suivant</div>
-        </div>
-        <div>
-          <p class="mb-1 text-xs font-semibold">reserve-message-space = false</p>
-          <MalioSelectCheckbox
-            v-model="reserveOffValue"
-            :options="options"
-            label="Pays"
-            empty-option-label="Aucune selection"
-            :reserve-message-space="false"
-          />
-          <div class="rounded bg-m-muted/20 p-2 text-xs">Bloc suivant</div>
-        </div>
-      </div>
-    </div>
   </div>
 </template>
 
@@ -245,6 +215,4 @@ const longListValue = ref<Array<string | number>>([])
 const bottomValue = ref<Array<string | number>>([])
 const readonlyEmptyValue = ref<Array<string | number>>([])
 const readonlyFilledValue = ref<Array<string | number>>(['fr'])
-const reserveDefaultValue = ref<Array<string | number>>([])
-const reserveOffValue = ref<Array<string | number>>([])
 </script>

app/components/malio/select/SelectCheckbox.vue

@@ -184,6 +184,7 @@
           group-class="!mt-0"
           label-class="option-checkbox w-full cursor-pointer font-semibold"
           tabindex="-1"
+          :reserve-message-space="false"
           @update:model-value="toggleAll"
         />
       </li>
@@ -209,6 +210,7 @@
           group-class="!mt-0"
           label-class="option-checkbox w-full cursor-pointer"
           tabindex="-1"
+          :reserve-message-space="false"
           @update:model-value="toggleOption(opt.value)"
         />
       </li>