- focusedKey assure exactement un tab focalisable quand l'actif est hors fenêtre
- aria-labelledby conditionnel + fallback aria-label pour panneaux dont le bouton n'est pas rendu
- DOM non-fenêtré identique à l'origine (plus de wrapper flex parasite)
- reset de la fenêtre (startIndex) au remplacement des tabs
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Ajout d'une prop maxVisibleTabs activant un fenêtrage carousel (sans
animation) avec flèches gauche/droite. Les flèches sont désactivées aux
bornes, les panneaux hors fenêtre restent montés, et startIndex est
clampé si tabs/maxVisibleTabs changent.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Les options du dropdown (et le « tout sélectionner ») passaient reserveMessageSpace
par défaut → chaque ligne réservait un min-h-[1rem] inutile, d'où le gros espacement.
On force :reserve-message-space=false sur ces Checkbox internes.
Retire aussi la carte de démo playground hors-sujet.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Ajoute reserveMessageSpace (défaut true) pour permettre de ne pas réserver
la ligne de message d'aide quand aucun message n'est présent. Comportement
inchangé par défaut. La famille date hérite via $attrs → CalendarField.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Ajoute une prop booléenne reserveMessageSpace (défaut true) aux 10 composants
de la famille input. Par défaut, comportement inchangé (ligne message toujours
rendue avec min-h-[1rem]). À false, la ligne ne prend aucun espace en l'absence
de message, et s'affiche sans min-h quand un message est présent.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Le composant accédait à props.modelValue.length sans garde alors que modelValue
était requis ; un usage non bindé (ex. page playground readonly) plantait le rendu SSR.
modelValue devient optionnel avec défaut [].
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Ajout de deux blocs readonly (vide + rempli) sur chaque page playground
concernée : InputText, InputEmail, InputAmount, InputAutocomplete,
InputPassword, InputTextArea, InputPhone, InputUpload, Date, TimePicker.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Bordure noire forcée (même vide), suppression du bleu focus/primary, label
et icône en text-black si rempli sinon text-m-muted, float piloté par isFilled
uniquement en readonly. Bouton clear et astérisque inchangés.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Découple readonly de disabled : le champ affiche border-black + curseur default,
l'icône suit text-black/text-m-muted selon isFilled, et le bouton "add" conserve
son guard onAdd sans porter l'apparence désactivée (opacity-40/cursor-not-allowed).
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Applique le traitement readonly canonique (isReadonly, shouldFloatLabel,
mergedInputClass sans grow-height, bordure noire fixe, sans focus:border-m-primary,
mergedLabelClass sans peer-focus, iconStateClass sans isFocused) sur les 6 composants
InputText, InputEmail, InputAmount, InputAutocomplete, InputPassword et InputTextArea.
L'œil de InputPassword reste cliquable en readonly. Tests TDD ajoutés (3 cas par fichier).
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
- Nouveau token de largeur partagé `w-m-btn-action` (150px) exposé via
tailwind.config.ts + CSS var `--m-btn-action-width` dans malio.css.
Themable côté consommateur en redéfinissant la CSS var dans son :root.
- DataTable : pagination réalignée verticalement après l'introduction du
`min-h-[1rem]` sur MalioSelect — la barre passe en `items-center` et le
MalioSelect du sélecteur perPage est encapsulé dans un wrapper `h-12`
qui borne sa taille flex à la hauteur du field. Span « Lignes : » et
boutons Prev/Page/Next désormais centrés exactement sur le field.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
tristan