origam 2.12.1 → 2.13.0

package/dist/src/assets/locales/en.json

@@ -1,43 +1,46 @@
 {
   "origam": {
     "badge": "Badge",
+    "bottom_nav": {
+      "aria_label": "Bottom navigation"
+    },
     "open": "Open",
     "close": "Close",
     "dismiss": "Dismiss",
-    "confirmEdit": {
+    "confirm_edit": {
       "ok": "OK",
       "cancel": "Cancel"
     },
-    "dataIterator": {
-      "noResultsText": "No matching records found",
-      "loadingText": "Loading items..."
-    },
-    "dataTable": {
-      "itemsPerPageText": "Rows per page:",
-      "ariaLabel": {
-        "sortDescending": "Sorted descending.",
-        "sortAscending": "Sorted ascending.",
-        "sortNone": "Not sorted.",
-        "activateNone": "Activate to remove sorting.",
-        "activateDescending": "Activate to sort descending.",
-        "activateAscending": "Activate to sort ascending."
+    "data_iterator": {
+      "no_results_text": "No matching records found",
+      "loading_text": "Loading items..."
+    },
+    "data_table": {
+      "items_per_page_text": "Rows per page:",
+      "aria_label": {
+        "sort_descending": "Sorted descending.",
+        "sort_ascending": "Sorted ascending.",
+        "sort_none": "Not sorted.",
+        "activate_none": "Activate to remove sorting.",
+        "activate_descending": "Activate to sort descending.",
+        "activate_ascending": "Activate to sort ascending."
       },
-      "sortBy": "Sort by"
-    },
-    "dataFooter": {
-      "itemsPerPageText": "Items per page:",
-      "itemsPerPageAll": "All",
-      "nextPage": "Next page",
-      "prevPage": "Previous page",
-      "firstPage": "First page",
-      "lastPage": "Last page",
-      "pageText": "{0}-{1} of {2}"
-    },
-    "datePickerRangeField": {
+      "sort_by": "Sort by"
+    },
+    "data_footer": {
+      "items_per_page_text": "Items per page:",
+      "items_per_page_all": "All",
+      "next_page": "Next page",
+      "prev_page": "Previous page",
+      "first_page": "First page",
+      "last_page": "Last page",
+      "page_text": "{0}-{1} of {2}"
+    },
+    "date_picker_range_field": {
       "text": "{0} to {1}"
     },
-    "datePicker": {
-      "itemsSelected": "{0} selected",
+    "date_picker": {
+      "items_selected": "{0} selected",
       "range": {
         "title": "Select dates",
         "header": "Enter dates"
@@ -48,22 +51,22 @@
         "placeholder": "Enter date"
       }
     },
-    "noDataText": "No data available",
+    "no_data_text": "No data available",
     "carousel": {
       "prev": "Previous visual",
       "next": "Next visual",
-      "ariaLabel": {
+      "aria_label": {
         "delimiter": "Carousel slide {0} of {1}"
       }
     },
     "calendar": {
-      "moreEvents": "{0} more",
+      "more_events": "{0} more",
       "today": "Today",
       "previous": "Previous",
       "next": "Next",
-      "viewSwitcher": "View",
-      "monthGrid": "Month grid",
-      "ariaLabel": "Calendar",
+      "view_switcher": "View",
+      "month_grid": "Month grid",
+      "aria_label": "Calendar",
       "toolbar": "Calendar toolbar",
       "empty": "No events to display",
       "view": {
@@ -75,38 +78,39 @@
     },
     "input": {
       "clear": "Clear {0}",
-      "prependAction": "{0} prepended action",
-      "appendAction": "{0} appended action",
+      "prepend_action": "{0} prepended action",
+      "append_action": "{0} appended action",
       "otp": "Please enter OTP character {0}"
     },
-    "fileInput": {
+    "file_input": {
       "counter": "{0} files",
-      "counterSize": "{0} files ({1} in total)"
+      "counter_size": "{0} files ({1} in total)"
     },
-    "fileField": {
+    "file_field": {
       "counter": "{0} files",
-      "counterSize": "{0} files ({1} in total)",
-      "dropzoneTitle": "Drag and drop files here",
-      "dropzoneSubtitle": "or click to browse",
+      "counter_size": "{0} files ({1} in total)",
+      "dropzone_title": "Drag and drop files here",
+      "dropzone_subtitle": "or click to browse",
       "browse": "Browse Files"
     },
-    "fileUpload": {
+    "file_upload": {
       "title": "Drag and drop files here",
       "divider": "or",
       "browse": "Browse Files"
     },
-    "timePicker": {
+    "time_picker": {
       "am": "AM",
       "pm": "PM",
       "title": "Select Time"
     },
     "pagination": {
-      "ariaLabel": {
+      "aria_label": {
         "root": "Pagination Navigation",
         "next": "Next page",
         "previous": "Previous page",
         "page": "Go to page {0}",
-        "currentPage": "Page {0}, Current page",
+        "current_page": "Page {0}, Current page",
+        "page_number": "Page number",
         "first": "First page",
         "last": "Last page"
       },
@@ -119,12 +123,12 @@
     "code": {
       "copy": "Copy",
       "copied": "Copied!",
-      "copyAriaLabel": "Copy code to clipboard",
-      "copiedAriaLabel": "Code copied to clipboard"
+      "copy_aria_label": "Copy code to clipboard",
+      "copied_aria_label": "Code copied to clipboard"
     },
     "clipboard": {
-      "copyAriaLabel": "Copy to clipboard",
-      "copiedAriaLabel": "Value copied to clipboard"
+      "copy_aria_label": "Copy to clipboard",
+      "copied_aria_label": "Value copied to clipboard"
     },
     "snackbar": {
       "dismiss": "Dismiss notification"
@@ -132,22 +136,22 @@
     "stepper": {
       "next": "Next",
       "prev": "Previous",
-      "progressSteps": "Progress steps",
-      "stepAriaLabel": "Step {0}: {1}"
+      "progress_steps": "Progress steps",
+      "step_aria_label": "Step {0}: {1}"
     },
-    "dataTableRow": {
-      "expandRow": "Expand row",
-      "collapseRow": "Collapse row"
+    "data_table_row": {
+      "expand_row": "Expand row",
+      "collapse_row": "Collapse row"
     },
     "rating": {
-      "ariaLabel": {
+      "aria_label": {
         "item": "Rating {0} of {1}"
       },
       "clear": "Clear rating"
     },
     "loading": "Loading...",
-    "infiniteScroll": {
-      "loadMore": "Load more",
+    "infinite_scroll": {
+      "load_more": "Load more",
       "empty": "No more"
     },
     "validation": {
@@ -155,7 +159,8 @@
       "must_match": "The fields do not match",
       "max_length": "Maximum {0} characters",
       "must_contains": "This field must contain: {value}",
-      "max_size_error": "File \"{0}\" exceeds maximum size of {1}"
+      "max_size_error": "File \"{0}\" exceeds maximum size of {1}",
+      "invalid_format": "Invalid format"
     },
     "media": {
       "play": "Play",
@@ -169,29 +174,62 @@
       "seconds": "{0} seconds",
       "quality": "Quality",
       "download": "Download",
-      "castToDevice": "Cast to device",
-      "stopCasting": "Stop casting",
+      "cast_to_device": "Cast to device",
+      "stop_casting": "Stop casting",
       "settings": "Settings",
       "back": "Back",
-      "playbackSpeed": "Playback speed",
-      "normalSpeed": "Normal",
-      "previousTrack": "Previous track",
-      "nextTrack": "Next track",
-      "waveform": "Audio waveform"
+      "playback_speed": "Playback speed",
+      "normal_speed": "Normal",
+      "previous_track": "Previous track",
+      "next_track": "Next track",
+      "waveform": "Audio waveform",
+      "loop_all": "Loop playlist",
+      "loop_off": "Loop off",
+      "loop_one": "Loop track",
+      "shuffle": "Shuffle",
+      "transport": "Transport controls"
     },
     "video": {
-      "enterFullscreen": "Enter fullscreen",
-      "exitFullscreen": "Exit fullscreen",
-      "enterPip": "Enter picture in picture",
-      "exitPip": "Exit picture in picture",
-      "enableCaptions": "Enable captions",
-      "disableCaptions": "Disable captions"
-    },
-    "colorPicker": {
+      "enter_fullscreen": "Enter fullscreen",
+      "exit_fullscreen": "Exit fullscreen",
+      "enter_pip": "Enter picture in picture",
+      "exit_pip": "Exit picture in picture",
+      "enable_captions": "Enable captions",
+      "disable_captions": "Disable captions"
+    },
+    "color_picker": {
       "canvas": {
-        "ariaLabel": "Saturation and lightness",
+        "aria_label": "Saturation and lightness",
         "value": "Saturation {0}%, lightness {1}%"
       }
+    },
+    "breadcrumb": {
+      "aria_label": "Breadcrumb"
+    },
+    "textarea": {
+      "rich": {
+        "toolbar": {
+          "aria_label": "Text formatting"
+        },
+        "link": {
+          "placeholder": "https://example.com",
+          "apply": "Apply"
+        },
+        "command": {
+          "bold": "Bold",
+          "italic": "Italic",
+          "underline": "Underline",
+          "link": "Insert link",
+          "list_bullet": "Bullet list",
+          "list_ordered": "Numbered list",
+          "heading": "Heading",
+          "heading_1": "Heading 1",
+          "heading_2": "Heading 2",
+          "heading_3": "Heading 3",
+          "code_inline": "Inline code",
+          "clear_format": "Clear formatting"
+        }
+      }
     }
   }
-}
+}

package/dist/src/assets/locales/fr.json

@@ -1,43 +1,46 @@
 {
   "origam": {
     "badge": "Badge",
+    "bottom_nav": {
+      "aria_label": "Navigation inférieure"
+    },
     "open": "Ouvrir",
     "close": "Fermer",
     "dismiss": "Dismiss",
-    "confirmEdit": {
+    "confirm_edit": {
       "ok": "OK",
       "cancel": "Annuler"
     },
-    "dataIterator": {
-      "noResultsText": "Aucun enregistrement correspondant trouvé",
-      "loadingText": "Chargement de l'élément..."
-    },
-    "dataTable": {
-      "itemsPerPageText": "Lignes par page :",
-      "ariaLabel": {
-        "sortDescending": "Tri décroissant.",
-        "sortAscending": "Tri croissant.",
-        "sortNone": "Non trié.",
-        "activateNone": "Activer pour supprimer le tri.",
-        "activateDescending": "Activer pour trier par ordre décroissant.",
-        "activateAscending": "Activer pour trier par ordre croissant."
+    "data_iterator": {
+      "no_results_text": "Aucun enregistrement correspondant trouvé",
+      "loading_text": "Chargement de l'élément..."
+    },
+    "data_table": {
+      "items_per_page_text": "Lignes par page :",
+      "aria_label": {
+        "sort_descending": "Tri décroissant.",
+        "sort_ascending": "Tri croissant.",
+        "sort_none": "Non trié.",
+        "activate_none": "Activer pour supprimer le tri.",
+        "activate_descending": "Activer pour trier par ordre décroissant.",
+        "activate_ascending": "Activer pour trier par ordre croissant."
       },
-      "sortBy": "Trier par"
-    },
-    "dataFooter": {
-      "itemsPerPageText": "Éléments par page :",
-      "itemsPerPageAll": "Tous",
-      "nextPage": "Page suivante",
-      "prevPage": "Page précédente",
-      "firstPage": "Première page",
-      "lastPage": "Dernière page",
-      "pageText": "{0}-{1} de {2}"
-    },
-    "datePickerRangeField": {
+      "sort_by": "Trier par"
+    },
+    "data_footer": {
+      "items_per_page_text": "Éléments par page :",
+      "items_per_page_all": "Tous",
+      "next_page": "Page suivante",
+      "prev_page": "Page précédente",
+      "first_page": "Première page",
+      "last_page": "Dernière page",
+      "page_text": "{0}-{1} de {2}"
+    },
+    "date_picker_range_field": {
       "text": "{0} à {1}"
     },
-    "datePicker": {
-      "itemsSelected": "{0} selected",
+    "date_picker": {
+      "items_selected": "{0} selected",
       "range": {
         "title": "Sélectionner des dates",
         "header": "Entrer des dates"
@@ -48,22 +51,22 @@
         "placeholder": "Entrer une date"
       }
     },
-    "noDataText": "Aucune donnée disponible",
+    "no_data_text": "Aucune donnée disponible",
     "carousel": {
       "prev": "Visuel précédent",
       "next": "Visuel suivant",
-      "ariaLabel": {
+      "aria_label": {
         "delimiter": "Diapositive {0} de {1}"
       }
     },
     "calendar": {
-      "moreEvents": "{0} de plus",
+      "more_events": "{0} de plus",
       "today": "Aujourd'hui",
       "previous": "Précédent",
       "next": "Suivant",
-      "viewSwitcher": "Vue",
-      "monthGrid": "Grille du mois",
-      "ariaLabel": "Calendrier",
+      "view_switcher": "Vue",
+      "month_grid": "Grille du mois",
+      "aria_label": "Calendrier",
       "toolbar": "Barre d'outils du calendrier",
       "empty": "Aucun événement à afficher",
       "view": {
@@ -75,54 +78,57 @@
     },
     "input": {
       "clear": "Vider {0}",
-      "prependAction": "{0} action avant",
-      "appendAction": "{0} action après",
+      "prepend_action": "{0} action avant",
+      "append_action": "{0} action après",
       "otp": "Caractère {0} du mot de passe à usage unique"
     },
-    "fileInput": {
+    "file_input": {
       "counter": "{0} fichier(s)",
-      "counterSize": "{0} fichier(s) ({1} au total)"
+      "counter_size": "{0} fichier(s) ({1} au total)"
     },
-    "fileField": {
+    "file_field": {
       "counter": "{0} fichier(s)",
-      "counterSize": "{0} fichier(s) ({1} au total)",
-      "dropzoneTitle": "Glissez et déposez vos fichiers ici",
-      "dropzoneSubtitle": "ou cliquez pour parcourir",
+      "counter_size": "{0} fichier(s) ({1} au total)",
+      "dropzone_title": "Glissez et déposez vos fichiers ici",
+      "dropzone_subtitle": "ou cliquez pour parcourir",
       "browse": "Parcourir les fichiers"
     },
-    "fileUpload": {
+    "file_upload": {
       "title": "Drag and drop files here",
       "divider": "or",
       "browse": "Browse Files"
     },
-    "timePicker": {
+    "time_picker": {
       "am": "AM",
       "pm": "PM",
       "title": "Select Time"
     },
     "pagination": {
-      "ariaLabel": {
+      "aria_label": {
         "root": "Navigation de pagination",
         "next": "Page suivante",
         "previous": "Page précédente",
         "page": "Aller à la page {0}",
-        "currentPage": "Page actuelle, Page {0}",
+        "current_page": "Page actuelle, Page {0}",
+        "page_number": "Numéro de page",
         "first": "Première page",
         "last": "Dernière page"
       },
       "page": "Page",
       "of": "sur",
-      "info": "Affichage de {0}-{1} sur {2}"
+      "info": "Affichage de {0}-{1} sur {2}",
+      "next": "Suivant",
+      "previous": "Précédent"
     },
     "code": {
       "copy": "Copier",
       "copied": "Copié !",
-      "copyAriaLabel": "Copier le code dans le presse-papier",
-      "copiedAriaLabel": "Code copié dans le presse-papier"
+      "copy_aria_label": "Copier le code dans le presse-papier",
+      "copied_aria_label": "Code copié dans le presse-papier"
     },
     "clipboard": {
-      "copyAriaLabel": "Copier dans le presse-papier",
-      "copiedAriaLabel": "Valeur copiée dans le presse-papier"
+      "copy_aria_label": "Copier dans le presse-papier",
+      "copied_aria_label": "Valeur copiée dans le presse-papier"
     },
     "snackbar": {
       "dismiss": "Fermer la notification"
@@ -130,22 +136,22 @@
     "stepper": {
       "next": "Suivant",
       "prev": "Précédent",
-      "progressSteps": "Étapes de progression",
-      "stepAriaLabel": "Étape {0} : {1}"
+      "progress_steps": "Étapes de progression",
+      "step_aria_label": "Étape {0} : {1}"
     },
-    "dataTableRow": {
-      "expandRow": "Développer la ligne",
-      "collapseRow": "Réduire la ligne"
+    "data_table_row": {
+      "expand_row": "Développer la ligne",
+      "collapse_row": "Réduire la ligne"
     },
     "rating": {
-      "ariaLabel": {
+      "aria_label": {
         "item": "Note de {0} sur {1}"
       },
       "clear": "Réinitialiser la note"
     },
     "loading": "Chargement...",
-    "infiniteScroll": {
-      "loadMore": "Charger plus",
+    "infinite_scroll": {
+      "load_more": "Charger plus",
       "empty": "Aucune donnée supplémentaire"
     },
     "validation": {
@@ -153,7 +159,8 @@
       "must_match": "Les champs ne correspondent pas",
       "max_length": "Maximum {0} caractères",
       "must_contains": "Ce champ doit contenir : {value}",
-      "max_size_error": "Le fichier \"{0}\" dépasse la taille maximum de {1}"
+      "max_size_error": "Le fichier \"{0}\" dépasse la taille maximum de {1}",
+      "invalid_format": "Format invalide"
     },
     "media": {
       "play": "Lecture",
@@ -167,26 +174,62 @@
       "seconds": "{0} secondes",
       "quality": "Qualité",
       "download": "Télécharger",
-      "castToDevice": "Diffuser sur un appareil",
-      "stopCasting": "Arrêter la diffusion",
+      "cast_to_device": "Diffuser sur un appareil",
+      "stop_casting": "Arrêter la diffusion",
       "settings": "Paramètres",
       "back": "Retour",
-      "playbackSpeed": "Vitesse de lecture",
-      "normalSpeed": "Normale"
+      "playback_speed": "Vitesse de lecture",
+      "normal_speed": "Normale",
+      "loop_all": "Répéter tout",
+      "loop_off": "Répétition désactivée",
+      "loop_one": "Répéter la piste",
+      "shuffle": "Lecture aléatoire",
+      "transport": "Contrôles de lecture",
+      "next_track": "Piste suivante",
+      "previous_track": "Piste précédente",
+      "waveform": "Forme d'onde audio"
     },
     "video": {
-      "enterFullscreen": "Plein écran",
-      "exitFullscreen": "Quitter le plein écran",
-      "enterPip": "Activer image dans l'image",
-      "exitPip": "Désactiver image dans l'image",
-      "enableCaptions": "Activer les sous-titres",
-      "disableCaptions": "Désactiver les sous-titres"
-    },
-    "colorPicker": {
+      "enter_fullscreen": "Plein écran",
+      "exit_fullscreen": "Quitter le plein écran",
+      "enter_pip": "Activer image dans l'image",
+      "exit_pip": "Désactiver image dans l'image",
+      "enable_captions": "Activer les sous-titres",
+      "disable_captions": "Désactiver les sous-titres"
+    },
+    "color_picker": {
       "canvas": {
-        "ariaLabel": "Saturation et luminosité",
+        "aria_label": "Saturation et luminosité",
         "value": "Saturation {0}%, luminosité {1}%"
       }
+    },
+    "breadcrumb": {
+      "aria_label": "Fil d'Ariane"
+    },
+    "textarea": {
+      "rich": {
+        "toolbar": {
+          "aria_label": "Mise en forme du texte"
+        },
+        "link": {
+          "placeholder": "https://example.com",
+          "apply": "Appliquer"
+        },
+        "command": {
+          "bold": "Gras",
+          "italic": "Italique",
+          "underline": "Souligné",
+          "link": "Insérer un lien",
+          "list_bullet": "Liste à puces",
+          "list_ordered": "Liste numérotée",
+          "heading": "Titre",
+          "heading_1": "Titre 1",
+          "heading_2": "Titre 2",
+          "heading_3": "Titre 3",
+          "code_inline": "Code en ligne",
+          "clear_format": "Effacer la mise en forme"
+        }
+      }
     }
   }
-}
+}

package/dist/src/components/BottomNav/OrigamBottomNav.vue

@@ -7,7 +7,7 @@
 				v-contrast
 				:data-origam-color-locked="colorLocked"
 				:class="bottomNavClasses"
-				aria-label="Bottom navigation"
+				:aria-label="t('origam.bottom_nav.aria_label', 'Bottom navigation')"
 				@mouseenter="handleMouseenter"
 				@mouseleave="handleMouseleave"
 		>
@@ -51,6 +51,7 @@ import {
   useGroup,
   useHover,
   useLayoutItem,
+  useLocale,
   useProps,
   useSsrBoot,
   useStateEffect,
@@ -128,6 +129,7 @@ const props = defineProps({
 });
 defineEmits(["update:modelValue", "update:active", "update:hover"]);
 const { filterProps } = useProps(props);
+const { t } = useLocale();
 const colorLocked = computed(() => props.color ? "true" : void 0);
 const slotDefaults = computed(() => ({
   "origam-btn": {
@@ -264,7 +266,7 @@ defineExpose({
 			align-items: var(--origam-bottom-bar__content---align-items);
 			flex-wrap: var(--origam-bottom-bar__content---flex-wrap);
 			width: 100%;
-			transform: var(--origam-bottom-bar__content--transform);
+			transform: var(--origam-bottom-bar__content---transform);
 
 			> :deep(.origam-btn) {
 				--origam-btn---font-size: 0.75rem;
@@ -409,9 +411,9 @@ defineExpose({
 		&--shift {
 			#{$this}__content {
 				> :deep(.origam-btn) {
-					&:not(#{$this}__item--selected) {
+					&:not(#{$this}__btn--selected) {
 						.origam-btn__content {
-							--origam-bottom-bar__content--transform: translateY(0.5rem);
+							transform: translateY(0.5rem);
 							transition: inherit;
 							opacity: 0;
 						}

package/dist/src/components/Breadcrumb/OrigamBreadcrumb.vue

@@ -3,7 +3,7 @@
 			:is="tag"
 			:id="id"
 			v-contrast
-			:aria-label="t('origam.breadcrumb.ariaLabel', 'Breadcrumb')"
+			:aria-label="t('origam.breadcrumb.aria_label', 'Breadcrumb')"
 			:class="breadcrumbClasses"
 	>
 		<origam-defaults-provider :defaults="slotDefaults">

package/dist/src/components/Breadcrumb/OrigamBreadcrumbDivider.vue

@@ -88,7 +88,7 @@ defineExpose({
 </script>
 
 <style lang="scss" scoped>
-	.origam-breadcrumbs-divider {
+	.origam-breadcrumb-divider {
 		--origam-breadcrumb-divider---border-top-width: 0px;
 		--origam-breadcrumb-divider---border-left-width: 0px;
 		--origam-breadcrumb-divider---border-bottom-width: 0px;