@dative-gpi/foundation-shared-components 1.0.111 → 1.0.112

package/components/FSDialogFormBody.vue

@@ -242,15 +242,15 @@ export default defineComponent({
     });
 
     const cancelLabel = computed(() => {
-      return props.cancelButtonLabel ?? $tr("ui.button.cancel", "Cancel");
+      return props.cancelButtonLabel ?? $tr("button.cancel", "Cancel");
     });
 
     const submitLabel = computed(() => {
-      return props.submitButtonLabel ??  $tr("ui.button.submit", "Submit");
+      return props.submitButtonLabel ??  $tr("button.submit", "Submit");
     });
 
     const validateLabel = computed(() => {
-      return props.validateButtonLabel ??  $tr("ui.button.validate", "Done");
+      return props.validateButtonLabel ??  $tr("button.validate", "Done");
     });
 
     const onSubmit = () => {

package/components/FSDialogMultiFormBody.vue

@@ -200,14 +200,14 @@ export default defineComponent({
 
     const previousButtonLabel = computed(() => {
       return currentStep.value == 1
-        ? props.cancelButtonLabel ?? $tr("ui.button.cancel", "Cancel")
-        : $tr("ui.button.back", "Back");
+        ? props.cancelButtonLabel ?? $tr("button.cancel", "Cancel")
+        : $tr("button.back", "Back");
     });
 
     const nextButtonLabel = computed(() => {
       return currentStep.value == props.steps
-        ? props.submitButtonLabel ?? $tr("ui.button.validate", "Validate")
-        : $tr("ui.button.next", "Next");
+        ? props.submitButtonLabel ?? $tr("button.validate", "Validate")
+        : $tr("button.next", "Next");
     });
 
     const nextButtonVariant = computed(() => {

package/components/FSDialogRemove.vue

@@ -2,7 +2,7 @@
   <FSDialogSubmit
     width="460px"
     :title="title"
-    :submitButtonLabel="$tr('ui.button.remove', 'Remove')"
+    :submitButtonLabel="$tr('button.remove', 'Remove')"
     :submitButtonColor="ColorEnum.Error"
     :modelValue="$props.modelValue"
     @update:modelValue="$emit('update:modelValue', $event)"
@@ -24,17 +24,17 @@
             gap="2px"
           >
             <FSSpan>
-              {{ $tr("ui.remove-dialog.body-regular", "This action is") }}
+              {{ $tr("dialog-remove.body-regular", "This action is") }}
             </FSSpan>
             <FSSpan
               font="text-button"
             >
-              {{ $tr("ui.remove-dialog.body-bold", "definitive") }}
+              {{ $tr("dialog-remove.body-bold", "definitive") }}
             </FSSpan>
           </FSRow>
         </FSRow>
         <FSSpan>
-          {{ $tr("ui.remove-dialog.final-warning", "Once removed, entities won't be retrievable") }}
+          {{ $tr("dialog-remove.final-warning", "Once removed, entities won't be retrievable") }}
         </FSSpan>
       </FSCol>
     </template>
@@ -108,10 +108,10 @@ export default defineComponent({
 
     const title = computed((): string => {
       if (props.removeTotal > 1) {
-        return $tr("ui.dialog-remove.remove-plural", "Remove {0} entities", props.removeTotal.toString());
+        return $tr("dialog-remove.remove-plural", "Remove {0} entities", props.removeTotal.toString());
       }
       else {
-        return $tr("ui.dialog-remove.remove-singular", "Remove an entity");
+        return $tr("dialog-remove.remove-singular", "Remove an entity");
       }
     });
 

package/components/FSDialogSubmit.vue

@@ -185,11 +185,11 @@ export default defineComponent({
     });
 
     const cancelLabel = computed(() => {
-      return props.cancelButtonLabel ?? $tr("ui.button.cancel", "Cancel");
+      return props.cancelButtonLabel ?? $tr("button.cancel", "Cancel");
     });
 
     const submitLabel = computed(() => {
-      return props.submitButtonLabel ??  $tr("ui.button.validate", "Validate");
+      return props.submitButtonLabel ??  $tr("button.validate", "Validate");
     });
 
     return {

package/components/FSEditImageUI.vue

@@ -81,14 +81,14 @@
                 font="text-overline"
                 :style="style"
               >
-                {{ $tr('ui.edit-image.format', 'PNG or JPG format') }}
+                {{ $tr('edit-image.format', 'PNG or JPG format') }}
               </FSText>
               <FSText
                 class="fs-edit-image-overline"
                 font="text-overline"
                 :style="style"
               >
-                {{ $tr('ui.edit-image.size', '10 MB Maximum') }}
+                {{ $tr('edit-image.max-size', '10 MB Maximum') }}
               </FSText>
             </FSCol>
           </FSCol>
@@ -154,7 +154,7 @@
           font="text-body"
           :lineClamp="2"
         >
-          {{ $tr('ui.edit-image.add-image', 'Add an image.') }}
+          {{ $tr('edit-image.add-image', 'Add an image.') }}
         </FSText>
         <FSButtonFileMini
           class="fs-edit-image-hidden-button"

package/components/agenda/FSAgendaDialogCalendar.vue

@@ -16,7 +16,7 @@
         <FSButton
           color="primary"
           width="100%"
-          :label="$tr('ui.agenda.calendar.dialog.submit', 'Validate')"
+          :label="$tr('button.submit', 'Validate')"
           @click="onSubmit"
         />
       </FSCol>

package/components/agenda/FSAgendaHeader.vue

@@ -47,7 +47,7 @@
           />
           <FSButton
             prependIcon="mdi-calendar-today-outline"
-            :label="$tr('ui.agenda.today', 'Today')"
+            :label="$tr('ui.common.today', 'Today')"
             @click="onToday"
           />
         </FSRow>
@@ -58,7 +58,7 @@
     >
       <FSButton
         prependIcon="mdi-calendar-today-outline"
-        :label="$tr('ui.agenda.today', 'Today')"
+        :label="$tr('ui.common.today', 'Today')"
         width="100%"
         @click="onToday"
       />

package/components/agenda/FSSelectAgendaMode.vue

@@ -42,8 +42,8 @@ export default defineComponent({
     const { $tr } = useTranslationsProvider();
 
     const items = [
-      { id: AgendaMode.Week, label: $tr('ui.agenda.week', 'Week'), icon: 'mdi-calendar-week' },
-      { id: AgendaMode.Month, label: $tr('ui.agenda.month', 'Month'), icon: 'mdi-calendar-month' },
+      { id: AgendaMode.Week, label: $tr('ui.common.week', 'Week'), icon: 'mdi-calendar-week' },
+      { id: AgendaMode.Month, label: $tr('ui.common.month', 'Month'), icon: 'mdi-calendar-month' },
     ];
 
     return {

package/components/agenda/FSWeekAgenda.vue

@@ -70,7 +70,7 @@
                 class="fs-agenda-week-number-label"
                 :color="weekTextColor"
               >
-                {{ $tr('ui.common.agenda.week-short', 'W{0}',day.weekNumber) }}
+                {{ $tr('ui.common.week-short', 'W{0}',day.weekNumber) }}
               </FSText>
             </FSCol>
           </FSCard>

package/components/autocompletes/FSAutoCompleteAddress.vue

@@ -1,5 +1,6 @@
 <template>
   <FSAutocompleteField
+    :label="$props.label ?? $tr('autocomplete.address.label', 'Address')"
     :clearable="false"
     :toggleSet="false"
     :multiple="false"
@@ -32,6 +33,11 @@ export default defineComponent({
       required: false,
       default: null
     },
+    label: {
+      type: String,
+      required: false,
+      default: null
+    }
   },
   emits: ["update:modelValue"],
   setup(props, { emit }) {

package/components/autocompletes/FSAutocompleteLanguage.vue

@@ -1,5 +1,6 @@
 <template>
   <FSAutocompleteField
+    :label="$tr('autocomplete.language.label', 'Language')"
     :toggleSet="!$props.toggleSetDisabled && toggleSet"
     :multiple="$props.multiple"
     :placeholder="placeholder"
@@ -58,6 +59,11 @@ export default defineComponent({
       type: Boolean,
       required: false,
       default: false
+    },
+    label: {
+      type: String as PropType<string | null>,
+      required: false,
+      default: null
     }
   },
   emits: ["update:modelValue"],
@@ -71,7 +77,7 @@ export default defineComponent({
 
     const placeholder = computed((): string | null => {
       if (props.multiple && props.modelValue) {
-        return $tr("ui.autocomplete-language.placeholder", "{0} language(s) selected", props.modelValue.length);
+        return $tr("autocomplete.language.placeholder", "{0} language(s) selected", props.modelValue.length);
       }
       return null;
     });

package/components/autocompletes/FSAutocompleteTimeZone.vue

@@ -1,6 +1,7 @@
 <template>
   <FSAutocompleteField
     itemTitle="id"
+    :label="$tr('autocomplete.time-zone.label', 'Time zone')"
     :toggleSet="!$props.toggleSetDisabled && toggleSet"
     :multiple="$props.multiple"
     :placeholder="placeholder"
@@ -81,6 +82,11 @@ export default defineComponent({
       type: Boolean,
       required: false,
       default: false
+    },
+    label: {
+      type: String as PropType<string | null>,
+      required: false,
+      default: null
     }
   },
   emits: ["update:modelValue"],
@@ -94,7 +100,7 @@ export default defineComponent({
 
     const placeholder = computed((): string | null => {
       if (props.multiple && props.modelValue) {
-        return $tr("ui.autocomplete-time-zone.placeholder", "{0} time zone(s) selected", props.modelValue.length);
+        return $tr("autocomplete.time-zone.placeholder", "{0} time zone(s) selected", props.modelValue.length);
       }
       return null;
     });

package/components/buttons/FSButtonAdd.vue

@@ -1,7 +1,7 @@
 <template>
   <FSButton
     prependIcon="mdi-plus-circle-outline"
-    :label="$tr('ui.button.add', 'Add')"
+    :label="$tr('button.add', 'Add')"
     :color="ColorEnum.Primary"
     v-bind="$attrs"
   />

package/components/buttons/FSButtonAddLabel.vue

@@ -1,6 +1,6 @@
 <template>
   <FSButton
-    :label="$tr('ui.button.add', 'Add')"
+    :label="$tr('button.add', 'Add')"
     :color="ColorEnum.Primary"
     v-bind="$attrs"
   />

package/components/buttons/FSButtonCancel.vue

@@ -1,7 +1,7 @@
 <template>
   <FSButton
     prependIcon="mdi-cancel"
-    :label="$tr('ui.button.cancel', 'Cancel')"
+    :label="$tr('button.cancel', 'Cancel')"
     :color="ColorEnum.Light"
     v-bind="$attrs"
   />

package/components/buttons/FSButtonCancelLabel.vue

@@ -1,6 +1,6 @@
 <template>
   <FSButton
-    :label="$tr('ui.button.cancel', 'Cancel')"
+    :label="$tr('button.cancel', 'Cancel')"
     :color="ColorEnum.Light"
     v-bind="$attrs"
   />

package/components/buttons/FSButtonCopy.vue

@@ -1,7 +1,7 @@
 <template>
   <FSButton
     prependIcon="mdi-content-copy"
-    :label="$tr('ui.button.copy', 'Copy')"
+    :label="$tr('button.copy', 'Copy')"
     :color="ColorEnum.Light"
     v-bind="$attrs"
   />

package/components/buttons/FSButtonCopyLabel.vue

@@ -1,6 +1,6 @@
 <template>
   <FSButton
-    :label="$tr('ui.button.copy', 'Copy')"
+    :label="$tr('button.copy', 'Copy')"
     :color="ColorEnum.Light"
     v-bind="$attrs"
   />

package/components/buttons/FSButtonDuplicate.vue

@@ -1,7 +1,7 @@
 <template>
   <FSButton
     prependIcon="mdi-content-copy"
-    :label="$tr('ui.button.duplicate', 'Duplicate')"
+    :label="$tr('button.duplicate', 'Duplicate')"
     :color="ColorEnum.Light"
     v-bind="$attrs"
   />

package/components/buttons/FSButtonDuplicateLabel.vue

@@ -1,6 +1,6 @@
 <template>
   <FSButton
-    :label="$tr('ui.button.duplicate', 'Duplicate')"
+    :label="$tr('button.duplicate', 'Duplicate')"
     :color="ColorEnum.Light"
     v-bind="$attrs"
   />

package/components/buttons/FSButtonEdit.vue

@@ -1,7 +1,7 @@
 <template>
   <FSButton
     prependIcon="mdi-pencil-outline"
-    :label="$tr('ui.button.edit', 'Edit')"
+    :label="$tr('button.edit', 'Edit')"
     :color="ColorEnum.Light"
     v-bind="$attrs"
   />

package/components/buttons/FSButtonEditLabel.vue

@@ -1,6 +1,6 @@
 <template>
   <FSButton
-    :label="$tr('ui.button.edit', 'Edit')"
+    :label="$tr('button.edit', 'Edit')"
     :color="ColorEnum.Light"
     v-bind="$attrs"
   />

package/components/buttons/FSButtonFile.vue

@@ -2,7 +2,7 @@
   <div>
     <FSButton
       prependIcon="mdi-upload-outline"
-      :label="$tr('ui.button.import-file', 'Import file')"
+      :label="$tr('button.import-file', 'Import file')"
       :color="ColorEnum.Light"
       @click="onClick"
       v-bind="$attrs"

package/components/buttons/FSButtonFileLabel.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <FSButton
-      :label="$tr('ui.button.import-file', 'Import file')"
+      :label="$tr('button.import-file', 'Import file')"
       :color="ColorEnum.Light"
       @click="onClick"
       v-bind="$attrs"

package/components/buttons/FSButtonNext.vue

@@ -1,7 +1,7 @@
 <template>
   <FSButton
     appendIcon="mdi-chevron-right"
-    :label="$tr('ui.button.next', 'Next')"
+    :label="$tr('button.next', 'Next')"
     :color="ColorEnum.Primary"
     v-bind="$attrs"
   />

package/components/buttons/FSButtonNextLabel.vue

@@ -1,6 +1,6 @@
 <template>
   <FSButton
-    :label="$tr('ui.button.next', 'Next')"
+    :label="$tr('button.next', 'Next')"
     :color="ColorEnum.Primary"
     v-bind="$attrs"
   />

package/components/buttons/FSButtonPrevious.vue

@@ -1,7 +1,7 @@
 <template>
   <FSButton
     prependIcon="mdi-chevron-left"
-    :label="$tr('ui.button.previous', 'Previous')"
+    :label="$tr('button.previous', 'Previous')"
     :color="ColorEnum.Primary"
     v-bind="$attrs"
   />

package/components/buttons/FSButtonPreviousLabel.vue

@@ -1,6 +1,6 @@
 <template>
   <FSButton
-    :label="$tr('ui.button.previous', 'Previous')"
+    :label="$tr('button.previous', 'Previous')"
     :color="ColorEnum.Primary"
     v-bind="$attrs"
   />

package/components/buttons/FSButtonRedo.vue

@@ -1,7 +1,7 @@
 <template>
   <FSButton
     prependIcon="mdi-redo-variant"
-    :label="$tr('ui.button.redo', 'Redo')"
+    :label="$tr('button.redo', 'Redo')"
     :color="ColorEnum.Light"
     v-bind="$attrs"
   />

package/components/buttons/FSButtonRedoLabel.vue

@@ -1,6 +1,6 @@
 <template>
   <FSButton
-    :label="$tr('ui.button.redo', 'Redo')"
+    :label="$tr('button.redo', 'Redo')"
     :color="ColorEnum.Light"
     v-bind="$attrs"
   />

package/components/buttons/FSButtonRemove.vue

@@ -1,7 +1,7 @@
 <template>
   <FSButton
     prependIcon="mdi-delete-outline"
-    :label="$tr('ui.button.remove', 'Remove')"
+    :label="$tr('button.remove', 'Remove')"
     :color="ColorEnum.Error"
     v-bind="$attrs"
   />

package/components/buttons/FSButtonRemoveLabel.vue

@@ -1,6 +1,6 @@
 <template>
   <FSButton
-    :label="$tr('ui.button.remove', 'Remove')"
+    :label="$tr('button.remove', 'Remove')"
     :color="ColorEnum.Error"
     v-bind="$attrs"
   />

package/components/buttons/FSButtonSave.vue

@@ -1,7 +1,7 @@
 <template>
   <FSButton
     prependIcon="mdi-content-save-outline"
-    :label="$tr('ui.button.save', 'Save')"
+    :label="$tr('button.save', 'Save')"
     :color="ColorEnum.Primary"
     v-bind="$attrs"
   />

package/components/buttons/FSButtonSaveLabel.vue

@@ -1,6 +1,6 @@
 <template>
   <FSButton
-    :label="$tr('ui.button.save', 'Save')"
+    :label="$tr('button.save', 'Save')"
     :color="ColorEnum.Primary"
     v-bind="$attrs"
   />

package/components/buttons/FSButtonSearch.vue

@@ -1,7 +1,7 @@
 <template>
   <FSButton
     prependIcon="mdi-magnify"
-    :label="$tr('ui.button.search', 'Search')"
+    :label="$tr('button.search', 'Search')"
     :color="ColorEnum.Primary"
     v-bind="$attrs"
   />

package/components/buttons/FSButtonSearchLabel.vue

@@ -1,6 +1,6 @@
 <template>
   <FSButton
-    :label="$tr('ui.button.search', 'Search')"
+    :label="$tr('button.search', 'Search')"
     :color="ColorEnum.Primary"
     v-bind="$attrs"
   />

package/components/buttons/FSButtonUndo.vue

@@ -1,7 +1,7 @@
 <template>
   <FSButton
     prependIcon="mdi-undo-variant"
-    :label="$tr('ui.button.undo', 'Undo')"
+    :label="$tr('button.undo', 'Undo')"
     :color="ColorEnum.Light"
     v-bind="$attrs"
   />

package/components/buttons/FSButtonUndoLabel.vue

@@ -1,6 +1,6 @@
 <template>
   <FSButton
-    :label="$tr('ui.button.undo', 'Undo')"
+    :label="$tr('button.undo', 'Undo')"
     :color="ColorEnum.Light"
     v-bind="$attrs"
   />

package/components/buttons/FSButtonUpdate.vue

@@ -1,7 +1,7 @@
 <template>
   <FSButton
     prependIcon="mdi-pencil-outline"
-    :label="$tr('ui.button.update', 'Update')"
+    :label="$tr('button.update', 'Update')"
     :color="ColorEnum.Primary"
     v-bind="$attrs"
   />

package/components/buttons/FSButtonUpdateLabel.vue

@@ -1,6 +1,6 @@
 <template>
   <FSButton
-    :label="$tr('ui.button.update', 'Update')"
+    :label="$tr('button.update', 'Update')"
     :color="ColorEnum.Primary"
     v-bind="$attrs"
   />

package/components/buttons/FSButtonValidate.vue

@@ -1,7 +1,7 @@
 <template>
   <FSButton
     prependIcon="mdi-check"
-    :label="$tr('ui.button.validate', 'Validate')"
+    :label="$tr('button.validate', 'Validate')"
     :color="ColorEnum.Primary"
     v-bind="$attrs"
   />

package/components/buttons/FSButtonValidateLabel.vue

@@ -1,6 +1,6 @@
 <template>
   <FSButton
-    :label="$tr('ui.button.validate', 'Validate')"
+    :label="$tr('button.validate', 'Validate')"
     :color="ColorEnum.Primary"
     v-bind="$attrs"
   />

package/components/calendar/FSSimpleMonthSelector.vue

@@ -84,29 +84,29 @@ export default defineComponent({
     const monthToString = (month: number) => {
       switch(month) {
         case Months.January:
-          return $tr("ui.months.january", "January");
+          return $tr("ui.common.january", "January");
         case Months.February:
-          return $tr("ui.months.february", "February");
+          return $tr("ui.common.february", "February");
         case Months.March:
-          return $tr("ui.months.march", "March");
+          return $tr("ui.common.march", "March");
         case Months.April:
-          return $tr("ui.months.april", "April");
+          return $tr("ui.common.april", "April");
         case Months.May:
-          return $tr("ui.months.may", "May");
+          return $tr("ui.common.may", "May");
         case Months.June:
-          return $tr("ui.months.june", "June");
+          return $tr("ui.common.june", "June");
         case Months.July:
-          return $tr("ui.months.july", "July");
+          return $tr("ui.common.july", "July");
         case Months.August:
-          return $tr("ui.months.august", "August");
+          return $tr("ui.common.august", "August");
         case Months.September:
-          return $tr("ui.months.september", "September");
+          return $tr("ui.common.september", "September");
         case Months.October:
-          return $tr("ui.months.october", "October");
+          return $tr("ui.common.october", "October");
         case Months.November:
-          return $tr("ui.months.november", "November");
+          return $tr("ui.common.november", "November");
         case Months.December:
-          return $tr("ui.months.december", "December");
+          return $tr("ui.common.december", "December");
       }
     }
 

package/components/fields/FSAutocompleteField.vue

@@ -212,7 +212,7 @@
         >
           <FSButton
             variant="icon"
-            :label="$tr('ui.autocomplete-field.add-item', 'Add new item')"
+            :label="$tr('autocomplete-field.add-item', 'Add new item')"
             :color="ColorEnum.Primary"
             @click="$emit('add:item', search)"
           />
@@ -222,7 +222,7 @@
           padding="4px 3px"
         >
           <FSSpan>
-            {{ $tr("ui.autocomplete-field.no-data", "No data") }}
+            {{ $tr("autocomplete-field.no-data", "No data") }}
           </FSSpan>
         </FSRow>
       </template>
@@ -414,7 +414,7 @@
           >
             <FSButton
               variant="icon"
-              :label="$tr('ui.autocomplete-field.add-item', 'Add new item')"
+              :label="$tr('autocomplete-field.add-item', 'Add new item')"
               :color="ColorEnum.Primary"
               @click="$emit('add:item', search)"
             />

package/components/fields/FSAutocompleteTag.vue

@@ -62,7 +62,7 @@ export default defineComponent({
       if (!props.modelValue || props.modelValue.length === 0) {
         return null;
       }
-      return props.placeholder ?? $tr("ui.autocomplete-tag.items-selected", "{0} item(s) selected", props.modelValue?.length ?? 0);
+      return props.placeholder ?? $tr("autocomplete.tag.selecteds", "{0} item(s) selected", props.modelValue?.length ?? 0);
     });
 
     const onUpdateModelValue = (value: string[] | null): void => {

package/components/fields/FSDateRangeField.vue

@@ -15,6 +15,7 @@
     :modelValue="toShortDateFormat"
     @click="onClick"
     @update:modelValue="onClear"
+    v-bind="$attrs"
   >
     <template
       #prepend-inner