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

package/components/fields/FSEntityFieldUI.vue

@@ -24,7 +24,7 @@
           v-if="itemsCount > 0"
         >
           <FSButton
-            :label="$tr('ui.entity-field.edit', 'Edit')"
+            :label="$tr('button.edit', 'Edit')"
             icon="mdi-pencil"
             @click="$emit('click:select')"
           />
@@ -33,7 +33,7 @@
           v-else
         >
           <FSButton
-            :label="$tr('ui.entity-field.select', 'Select')"
+            :label="$tr('button.select', 'Select')"
             icon="mdi-plus-circle-multiple-outline"
             @click="$emit('click:select')"
           />
@@ -60,7 +60,7 @@
               <FSSpan
                 font="text-overline"
               >
-                {{ $tr('ui.entity-field.selected', '{0} selected(s)', itemsCount) }}
+                {{ $tr('entity-field.selected', '{0} selected(s)', itemsCount) }}
               </FSSpan>
             </FSRow>
           </FSColor>
@@ -84,7 +84,7 @@
               <FSSpan
                 font="text-overline"
               >
-                {{ $tr('ui.entity-field.no-entity-selected', 'No entity selected') }}
+                {{ $tr('entity-field.no-entity-selected', 'No entity selected') }}
               </FSSpan>
             </FSRow>
           </FSColor>

package/components/fields/FSMagicConfigField.vue

@@ -5,7 +5,7 @@
     <component
       class="fs-magic-config-field-value"
       :is="get($props.type)"
-      :label="$tr('ui.magic-config-field.value', 'Value')"
+      :label="$tr('magic-config-field.value', 'Value')"
       :editable="$props.editable"
       :required="true"
       :rules="rules"
@@ -16,7 +16,7 @@
       gap="24px"
     >
       <FSTranslateField
-        :label="$tr('ui.magic-config-field.label', 'Label')"
+        :label="$tr('magic-config-field.label', 'Label')"
         :editable="$props.editable"
         :modelValue="$props.labelDefault"
         :translations="$props.translations"

package/components/fields/FSMagicField.vue

@@ -148,9 +148,9 @@ export default defineComponent({
           return value.toString();
         case MagicFieldType.Switch:
           if (value) {
-            return $tr("ui.magic-field.true", "True");
+            return $tr("magic-field.true", "True");
           }
-          return $tr("ui.magic-field.false", "False");
+          return $tr("magic-field.false", "False");
         case MagicFieldType.DateTimeField:
           return epochToShortTimeFormat(parseFloat(value));
         case MagicFieldType.TimeField:

package/components/fields/FSRichTextField.vue

@@ -141,7 +141,7 @@
             <FSAutoCompleteField
               itemTitle="label"
               itemValue="code"
-              :placeholder="$tr('ui.rich-text-field.variable-placeholder', 'Choose a variable...')"
+              :placeholder="$tr('rich-text-field.variable-placeholder', 'Choose a variable...')"
               :items="$props.variableReferences"
               @update:modelValue="insertVariable($event)"
             />

package/components/fields/FSSearchField.vue

@@ -48,7 +48,7 @@ export default defineComponent({
     const { $tr } = useTranslationsProvider();
 
     const placeholder = computed(() => {
-      return props.placeholder ?? $tr('ui.search.placeholder', 'Search...');
+      return props.placeholder ?? $tr('search-field.placeholder', 'Search...');
     });
 
     return {

package/components/fields/FSSelectField.vue

@@ -207,7 +207,7 @@
           padding="4px 3px"
         >
           <FSSpan>
-            {{ $tr("ui.select-field.no-data", "No data") }}
+            {{ $tr("select-field.no-data", "No data") }}
           </FSSpan>
         </FSRow>
       </template>
@@ -394,7 +394,7 @@
             padding="15px"
           >
             <FSSpan>
-              {{ $tr("ui.select-field.no-data", "No data") }}
+              {{ $tr("select-field.no-data", "No data") }}
             </FSSpan>
           </FSRow>
         </template>

package/components/fields/FSTranslateField.vue

@@ -31,7 +31,7 @@
     </template>
   </FSTextField>
   <FSDialogSubmit
-    :title="$tr('ui.translate-field.title', 'Handle translations')"
+    :title="$tr('translate-field.title', 'Handle translations')"
     :submitButtonColor="$props.buttonColor"
     @click:submitButton="onSubmit"
     v-model="dialog"
@@ -43,7 +43,7 @@
         gap="32px"
       >
         <FSTextField
-          :label="$tr('ui.translate-field.default-value', 'Default value')"
+          :label="$tr('translate-field.default-value', 'Default value')"
           :editable="false"
           :modelValue="$props.modelValue"
         />
@@ -69,7 +69,7 @@
                   font="text-overline"
                   :style="style"
                 >
-                  {{ $tr("ui.translate-field.translate-in", "Translate in {0}", language.label) }}
+                  {{ $tr("translate-field.translate-in", "Translate in {0}", language.label) }}
                 </FSSpan>
                 <FSIcon>
                   {{ language.icon }}

package/components/fields/FSTranslateRichTextField.vue

@@ -7,7 +7,7 @@
     >
       <FSRichTextField
         :editable="false"
-        :label="$tr('ui.translate-rich-text-field.default-value', 'Default value')"
+        :label="$tr('translate-rich-text-field.default-value', 'Default value')"
         :modelValue="$props.modelValue"
         v-bind="$attrs"
       />
@@ -30,7 +30,7 @@
               class="fs-translate-field-label"
               font="text-overline"
             >
-              {{ $tr('ui.translate-rich-text-field.translate-in', 'Translate in {0}', language.label) }}
+              {{ $tr('translate-rich-text-field.translate-in', 'Translate in {0}', language.label) }}
             </FSSpan>
             <FSIcon>{{ language.icon }}</FSIcon>
           </FSRow>
@@ -50,7 +50,7 @@
         prependIcon="mdi-check"
         color="primary"
         width="100%"
-        :label="$tr('ui.translate-rich-text-field.validate-button.label', 'Validate translations')"
+        :label="$tr('translate-rich-text-field.validate', 'Validate translations')"
         @click="onSubmitTranslations"
       />
     </FSRow>
@@ -69,7 +69,7 @@
         prependIcon="mdi-translate"
         color="primary"
         width="100%"
-        :label="$tr('ui.translate-rich-text-field.translate-button.label', 'Manage translations')"
+        :label="$tr('translate-rich-text-field.manage-translations', 'Manage translations')"
         @click="() => $emit('update:translationsExpanded', true)"
       />
     </template>

package/components/fields/FSTranslateTextArea.vue

@@ -32,7 +32,7 @@
     </template>
   </FSTextArea>
   <FSDialogSubmit
-    :title="$tr('ui.translate-text-area.title', 'Handle translations')"
+    :title="$tr('translate-text-area.title', 'Handle translations')"
     :submitButtonColor="$props.buttonColor"
     @click:submitButton="onSubmit"
     v-model="dialog"
@@ -44,7 +44,7 @@
         gap="32px"
       >
         <FSTextArea
-          :label="$tr('ui.translate-text-area.default-value', 'Default value')"
+          :label="$tr('translate-text-area.default-value', 'Default value')"
           :editable="false"
           :rows="($attrs.rows as number)"
           :modelValue="$props.modelValue"
@@ -71,7 +71,7 @@
                   font="text-overline"
                   :style="style"
                 >
-                  {{ $tr("ui.translate-field.translate-in", "Translate in {0}", language.label) }}
+                  {{ $tr("translate-field.translate-in", "Translate in {0}", language.label) }}
                 </FSSpan>
                 <FSIcon>
                   {{ language.icon }}

package/components/fields/periodicField/FSPeriodicDailyField.vue

@@ -14,7 +14,7 @@
         <FSSpan
           :font="font"
         >
-          {{ $tr('ui.periodicfield.daily.every', 'Every') }}
+          {{ $tr('periodic-field.every', 'Every') }}
         </FSSpan>
         <FSNumberField
           :editable="$props.editable"
@@ -26,7 +26,7 @@
         <FSSpan
           :font="font"
         >
-          {{ $tr('ui.periodicfield.daily.daysat', 'day(s) at') }}
+          {{ $tr('periodic-field.daysat', 'day(s) at') }}
         </FSSpan>
         <FSClock
           :editable="$props.editable"

package/components/fields/periodicField/FSPeriodicField.vue

@@ -85,10 +85,10 @@ export default defineComponent({
     const { $tr } = useTranslationsProvider();
 
     const availablePeriod = [
-      { label: $tr("ui.periodicfield.daily", "Daily")    , value: "daily"  , item: { default : "0 12 */1 * *"} },
-      { label: $tr("ui.periodicfield.weekly", "Weekly")  , value: "weekly" , item: { default : "0 12 * * 1"} },
-      { label: $tr("ui.periodicfield.monthly", "Monthly"), value: "monthly", item: { default : "0 12 1 * *"} },
-      { label: $tr("ui.periodicfield.yearly", "Yearly")  , value: "yearly" , item: { default : "0 12 1 1 *"} }
+      { label: $tr("ui.common.daily", "Daily")    , value: "daily"  , item: { default : "0 12 */1 * *"} },
+      { label: $tr("ui.common.weekly", "Weekly")  , value: "weekly" , item: { default : "0 12 * * 1"} },
+      { label: $tr("ui.common.monthly", "Monthly"), value: "monthly", item: { default : "0 12 1 * *"} },
+      { label: $tr("ui.common.yearly", "Yearly")  , value: "yearly" , item: { default : "0 12 1 1 *"} }
     ];
     
     const selectedPeriod = ref("daily");

package/components/fields/periodicField/FSPeriodicMonthlyField.vue

@@ -14,7 +14,7 @@
         <FSSpan
           :font="font"
         >
-          {{ $tr("ui.periodicfield.monthly.day", "Day") }}
+          {{ $tr("periodic-monthly-field.day", "Day") }}
         </FSSpan>
         <FSSelectField
           :editable="$props.editable"
@@ -27,7 +27,7 @@
         <FSSpan
           :font="font"
         >
-          {{ $tr("ui.periodicfield.monthly.every-month-at", "every month at") }}
+          {{ $tr("periodic-monthly-field.every-month-at", "every month at") }}
         </FSSpan>
         <FSClock
           :editable="$props.editable"
@@ -45,7 +45,7 @@
         <FSSpan
           :font="font"
         >
-          {{ $tr("ui.periodicfield.monthly.every", "Every") }}
+          {{ $tr("periodic-monthly-field.every", "Every") }}
         </FSSpan>
         <FSSelectField
           :editable="$props.editable"
@@ -65,7 +65,7 @@
         <FSSpan
           :font="font"
         >
-          {{ $tr("ui.periodicfield.monthly.at", "at") }}
+          {{ $tr("periodic-monthly-field.at", "at") }}
         </FSSpan>
         <FSClock
           :editable="$props.editable"
@@ -119,10 +119,10 @@ export default defineComponent({
     const { $tr } = useTranslationsProvider();
 
     const dayWeekNumbers = [
-      { id: 1, label: $tr("ui.periodicfield.monthly.first" , "First") },
-      { id: 2, label: $tr("ui.periodicfield.monthly.second", "Second") },
-      { id: 3, label: $tr("ui.periodicfield.monthly.third" , "Third") },
-      { id: 4, label: $tr("ui.periodicfield.monthly.fourth", "Fourth") },
+      { id: 1, label: $tr("periodic-monthly-field.first" , "First") },
+      { id: 2, label: $tr("periodic-monthly-field.second", "Second") },
+      { id: 3, label: $tr("periodic-monthly-field.third" , "Third") },
+      { id: 4, label: $tr("periodic-monthly-field.fourth", "Fourth") },
     ];
 
     const availableConfigurations = [

package/components/fields/periodicField/FSPeriodicWeeklyField.vue

@@ -14,7 +14,7 @@
         <FSSpan
           :font="font"
         >
-          {{ $tr("ui.periodicfield.weekly.every", "Every") }}
+          {{ $tr("periodic-weekly-field.every", "Every") }}
         </FSSpan>
         <FSSelectDays
           :editable="$props.editable"
@@ -26,7 +26,7 @@
         <FSSpan
           :font="font"
         >
-          {{ $tr("ui.periodicfield.weekly.at", "at") }}
+          {{ $tr("periodic-weekly-field.at", "at") }}
         </FSSpan>
         <FSClock
           :editable="$props.editable"

package/components/fields/periodicField/FSPeriodicYearlyField.vue

@@ -14,7 +14,7 @@
         <FSSpan
           :font="font"
         >
-          {{ $tr("ui.periodicfield.yearly.everyyear", "Every year") }}
+          {{ $tr("periodic-yearly-field.everyyear", "Every year") }}
         </FSSpan>
         <FSSelectMonths
           :editable="$props.editable"
@@ -33,7 +33,7 @@
         <FSSpan
           :font="font"
         >
-          {{ $tr("ui.periodicfield.yearly.at", "at") }}
+          {{ $tr("periodic-yearly-field.at", "at") }}
         </FSSpan>
         <FSClock
           :editable="$props.editable"

package/components/lists/FSDataTableUI.vue

@@ -95,7 +95,7 @@
           <FSChip
             v-if="innerShowFilters && resetable"
             variant="standard"
-            :label="$tr('ui.data-table.reset-filters', 'Reset')"
+            :label="$tr('data-table.reset-filters', 'Reset')"
             :height="['30px', '24px']"
             :color="ColorEnum.Error"
             :editable="true"
@@ -147,7 +147,7 @@
           <FSText
             font="text-overline"
           >
-            {{ $tr("ui.data-table.empty", "No data") }}
+            {{ $tr("data-table.empty", "No data") }}
           </FSText>
         </template>
         <template
@@ -359,10 +359,10 @@
                   <FSText
                     font="text-button"
                   >
-                    {{ $tr("ui.data-table.all-selected-bold", "Warning:") }}
+                    {{ $tr("data-table.all-selected-bold", "Warning:") }}
                   </FSText>
                   <FSText>
-                    {{ $tr("ui.data-table.all-selected-regular", "All elements selected") }}
+                    {{ $tr("data-table.all-selected-regular", "All elements selected") }}
                   </FSText>
                 </FSRow>
               </template>
@@ -370,7 +370,7 @@
                 v-else
               >
                 <FSText>
-                  {{ $tr("ui.data-table.some-selected", "{0} element(s) selected", $props.modelValue.length.toString()) }}
+                  {{ $tr("data-table.some-selected", "{0} element(s) selected", $props.modelValue.length.toString()) }}
                 </FSText>
               </template>
             </template>
@@ -382,7 +382,7 @@
               <FSText
                 font="text-overline"
               >
-                {{ $tr("ui.data-table.rows-per-page", "Rows per page") }}
+                {{ $tr("data-table.rows-per-page", "Rows per page") }}
               </FSText>
               <FSSelectField
                 class="fs-data-table-rows-per-page fs-small-input"
@@ -434,7 +434,7 @@
           <FSText
             font="text-overline"
           >
-            {{ $tr("ui.data-table.empty", "No data") }}
+            {{ $tr("data-table.empty", "No data") }}
           </FSText>
         </template>
         <template
@@ -532,10 +532,10 @@
                   <FSText
                     font="text-button"
                   >
-                    {{ $tr("ui.data-table.all-selected-bold", "Warning:") }}
+                    {{ $tr("data-table.all-selected-bold", "Warning:") }}
                   </FSText>
                   <FSText>
-                    {{ $tr("ui.data-table.all-selected-regular", "All elements selected") }}
+                    {{ $tr("data-table.all-selected-regular", "All elements selected") }}
                   </FSText>
                 </FSRow>
               </template>
@@ -543,7 +543,7 @@
                 v-else
               >
                 <FSText>
-                  {{ $tr("ui.data-table.some-selected", "{0} element(s) selected", $props.modelValue.length.toString()) }}
+                  {{ $tr("data-table.some-selected", "{0} element(s) selected", $props.modelValue.length.toString()) }}
                 </FSText>
               </template>
             </template>
@@ -554,7 +554,7 @@
               <FSText
                 font="text-overline"
               >
-                {{ $tr("ui.data-table.rows-per-page", "Rows per page") }}
+                {{ $tr("data-table.rows-per-page", "Rows per page") }}
               </FSText>
               <FSRow
                 width="120px"
@@ -603,7 +603,7 @@
           <FSText
             font="text-overline"
           >
-            {{ $tr("ui.data-table.empty", "No data") }}
+            {{ $tr("data-table.empty", "No data") }}
           </FSText>
         </template>
         <template
@@ -821,6 +821,11 @@ export default defineComponent({
       required: false,
       default: true
     },
+    noSearch: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
     singleSelect: {
       type: Boolean,
       required: false,
@@ -887,7 +892,7 @@ export default defineComponent({
       default: "12px"
     },
   },
-  emits: ["update:modelValue", "update:headers", "update:showFilters", "update:filters", "update:mode", "update:sortBy", "update:rowsPerPage", "update:page", "update:include", "update:items", "click:row"],
+  emits: ["update:modelValue", "update:headers", "update:search", "update:showFilters", "update:filters", "update:mode", "update:sortBy", "update:rowsPerPage", "update:page", "update:include", "update:items", "click:row"],
   setup(props, { emit }) {
     const { handleRoutingEvent } = useRouting();
     const { isExtraSmall } = useBreakpoints();
@@ -921,7 +926,7 @@ export default defineComponent({
       { id: 5, label: "5" },
       { id: 10, label: "10" },
       { id: 30, label: "30" },
-      { id: -1, label: $tr("ui.data-table.all-rows", "All") }
+      { id: -1, label: $tr("data-table.all-rows", "All") }
     ];
 
     const showFiltersRow = computed((): boolean => {
@@ -1059,7 +1064,7 @@ export default defineComponent({
               return false;
             }
           }
-          if (innerSearchFormatted) {
+          if (!props.noSearch && innerSearchFormatted) {
             return containsSearchTerm(item, innerSearchFormatted);
           }
           return true;
@@ -1508,6 +1513,7 @@ export default defineComponent({
 
     watch(innerSearch, () => {
       innerPage.value = 1;
+      emit("update:search", innerSearch.value);
     });
 
     watch(innerShowFilters, () => {

package/components/lists/FSFilterButton.vue

@@ -32,11 +32,11 @@
           <FSSpan
             font="text-overline"
           >
-            {{ $tr("ui.data-table.filter", "Filter") }}
+            {{ $tr("button.filter", "Filter") }}
           </FSSpan>
           <FSChip
             class="fs-filter-button-chip"
-            :label="$tr('ui.data-table.all-values', 'All values')"
+            :label="$tr('ui.common.all-values', 'All values')"
             :height="['30px', '24px']"
             :variant="getAllVariant()"
             :color="$props.color"
@@ -136,10 +136,10 @@ export default defineComponent({
         if (props.filters) {
           const hidden = props.filters.filter(f => f.hidden).length;
           if (hidden > 0) {
-            return $tr("ui.data-table.some-filters-visible", "{0}: {1} visible", props.header.text, (props.filters.length - hidden).toString());
+            return $tr("filter-button.some-filters-visible", "{0}: {1} visible", props.header.text, (props.filters.length - hidden).toString());
           }
         }
-        return $tr("ui.data-table.all-filters-visible", "{0}: All visible", props.header.text);
+        return $tr("filter-button.all-filters-visible", "{0}: All visible", props.header.text);
       }
       return null;
     });

package/components/lists/FSHeaderButton.vue

@@ -24,7 +24,7 @@
         <FSSpan
           font="text-overline"
         >
-          {{ $tr("ui.data-table.column-options", "Options for this column") }}
+          {{ $tr("data-table.column-options", "Options for this column") }}
         </FSSpan>
         <FSCol
           padding="6px"
@@ -33,7 +33,7 @@
             prependIcon="mdi-eye-off-outline"
             class="fs-header-button-chip"
             variant="borderless"
-            :label="$tr('ui.data-table.hide-column', 'Hide column')"
+            :label="$tr('data-table.hide-column', 'Hide column')"
             :height="[30, 24]"
             :editable="true"
             @click="$emit('update:hide')"
@@ -43,7 +43,7 @@
             class="fs-header-button-chip"
             variant="borderless"
             prependIcon="mdi-chevron-left"
-            :label="$tr('ui.data-table.move-left', 'Move to the left')"
+            :label="$tr('data-table.move-left', 'Move to the left')"
             :height="[30, 24]"
             :editable="true"
             @click="$emit('update:left')"
@@ -53,7 +53,7 @@
             class="fs-header-button-chip"
             variant="borderless"
             prependIcon="mdi-chevron-right"
-            :label="$tr('ui.data-table.move-right', 'Move to the right')"
+            :label="$tr('data-table.move-right', 'Move to the right')"
             :height="[30, 24]"
             :editable="true"
             @click="$emit('update:right')"

package/components/lists/FSHiddenButton.vue

@@ -11,7 +11,7 @@
         :height="[30, 24]"
         :color="ColorEnum.Light"
         :editable="true"
-        :label="$tr('ui.data-table.hidden-columns', '{0} hidden column(s)', $props.headers.length.toString())"
+        :label="$tr('data-table.hidden-columns', '{0} hidden column(s)', $props.headers.length.toString())"
         v-bind="props"
       />
     </template>
@@ -30,7 +30,7 @@
           <FSSpan
             font="text-overline"
           >
-            {{ $tr("ui.data-table.show-columns", "Show columns") }}
+            {{ $tr("data-table.show-columns", "Show columns") }}
           </FSSpan>
         </FSCol>
         <FSFadeOut

package/components/map/FSMap.vue

@@ -255,7 +255,7 @@ export default defineComponent({
     const mapLayers: MapLayer[] = [
       {
         name: "map",
-        label: $tr("ui.map.layer.map", "Map"),
+        label: $tr("ui.map-layer.map", "Map"),
         image: new URL("../../assets/images/map/map.png", import.meta.url).href,
         layer: tileLayer(`http://{s}.google.com/vt/lyrs=m&x={x}&y={y}&z={z}&key=${import.meta.env.VITE_GOOGLE_MAPS_API_KEY ?? ""}`, {
           maxZoom: 22,
@@ -265,7 +265,7 @@ export default defineComponent({
       },
       {
         name: "imagery",
-        label: $tr("ui.map.layer.imagery", "Imagery"),
+        label: $tr("ui.map-layer.imagery", "Imagery"),
         image: new URL("../../assets/images/map/imagery.png", import.meta.url).href,
         layer: tileLayer(`http://{s}.google.com/vt/lyrs=s,h&x={x}&y={y}&z={z}&key=${import.meta.env.VITE_GOOGLE_MAPS_API_KEY ?? ""}`, {
           maxZoom: 22,

package/components/map/FSMapLayerButton.vue

@@ -7,7 +7,7 @@
   />
   <FSDialog
     v-model="dialog"
-    :title="$tr('ui.map.select-layer', 'Select layer')"
+    :title="$tr('ui.map-layer.select', 'Select layer')"
     :contained="true"
   >
     <template

package/components/selects/FSSelectAutoRefresh.vue

@@ -40,16 +40,16 @@ export default defineComponent({
 
     const autoRefreshes = computed((): { id: AutoRefresh; label: string }[] => {
       const items = [
-        { id: AutoRefresh.FifteenSeconds, label: $tr("ui.auto-refresh.fifteen-seconds", "Fifteen seconds") },
-        { id: AutoRefresh.ThirtySeconds, label: $tr("ui.auto-refresh.thirty-seconds", "Thirty seconds") },
-        { id: AutoRefresh.OneMinute, label: $tr("ui.auto-refresh.one-minute", "One minute") },
-        { id: AutoRefresh.FiveMinutes, label: $tr("ui.auto-refresh.five-minutes", "Five minutes") },
-        { id: AutoRefresh.FifteenMinutes, label: $tr("ui.auto-refresh.fifteen-minutes", "Fifteen minutes") },
-        { id: AutoRefresh.ThirtyMinutes, label: $tr("ui.auto-refresh.thirty-minutes", "Thirty minutes") },
-        { id: AutoRefresh.OneHour, label: $tr("ui.auto-refresh.one-hour", "One hour") },
+        { id: AutoRefresh.FifteenSeconds, label: $tr("ui.common.fifteen-seconds", "Fifteen seconds") },
+        { id: AutoRefresh.ThirtySeconds, label: $tr("ui.common.thirty-seconds", "Thirty seconds") },
+        { id: AutoRefresh.OneMinute, label: $tr("ui.common.one-minute", "One minute") },
+        { id: AutoRefresh.FiveMinutes, label: $tr("ui.common.five-minutes", "Five minutes") },
+        { id: AutoRefresh.FifteenMinutes, label: $tr("ui.common.fifteen-minutes", "Fifteen minutes") },
+        { id: AutoRefresh.ThirtyMinutes, label: $tr("ui.common.thirty-minutes", "Thirty minutes") },
+        { id: AutoRefresh.OneHour, label: $tr("ui.common.one-hour", "One hour") },
       ];
       if (props.useNone) {
-        items.unshift({ id: AutoRefresh.None, label: $tr("ui.auto-refresh.none", "None") });
+        items.unshift({ id: AutoRefresh.None, label: $tr("ui.common.none", "None") });
       }
       return items;
     });

package/components/selects/FSSelectDateSetting.vue

@@ -1,6 +1,6 @@
 <template>
   <FSSelectField
-    class="fs-select-date-setting"
+    class="select.date-setting.label"
     :items="dateSettings"
     :clearable="false"
     :modelValue="$props.modelValue"

package/components/selects/FSSelectDays.vue

@@ -40,16 +40,16 @@ export default defineComponent({
 
     const days = computed((): { id: Days; label: string }[] => {
       const items = [
-        { id: Days.Monday, label: $tr("ui.days.monday", "Monday") },
-        { id: Days.Tuesday, label: $tr("ui.days.tuesday", "Tuesday") },
-        { id: Days.Wednesday, label: $tr("ui.days.wednesday", "Wednesday") },
-        { id: Days.Thursday, label: $tr("ui.days.thursday", "Thursday") },
-        { id: Days.Friday, label: $tr("ui.days.friday", "Friday") },
-        { id: Days.Saturday, label: $tr("ui.days.saturday", "Saturday") },
-        { id: Days.Sunday, label: $tr("ui.days.sunday", "Sunday") }
+        { id: Days.Monday, label: $tr("ui.common.monday", "Monday") },
+        { id: Days.Tuesday, label: $tr("ui.common.tuesday", "Tuesday") },
+        { id: Days.Wednesday, label: $tr("ui.common.wednesday", "Wednesday") },
+        { id: Days.Thursday, label: $tr("ui.common.thursday", "Thursday") },
+        { id: Days.Friday, label: $tr("ui.common.friday", "Friday") },
+        { id: Days.Saturday, label: $tr("ui.common.saturday", "Saturday") },
+        { id: Days.Sunday, label: $tr("ui.common.sunday", "Sunday") }
       ];
       if (props.useAllDays) {
-        items.unshift({ id: Days.AllDays, label: $tr("ui.days.all-days", "All days") });
+        items.unshift({ id: Days.AllDays, label: $tr("ui.common.all-days", "All days") });
       }
       return items;
     });

package/components/selects/FSSelectListMode.vue

@@ -39,8 +39,8 @@ export default defineComponent({
     const { $tr } = useTranslationsProvider();
   
     const items = [
-      { id: ListModes.Table, label: $tr("ui.common.table-mode", "Table"), icon: "mdi-format-list-bulleted" },
-      { id: ListModes.Iterator, label: $tr("ui.common.tile-mode", "Tuile"), icon: "mdi-view-grid-outline" },
+      { id: ListModes.Table, label: $tr("ui.list-mode.table", "Table"), icon: "mdi-format-list-bulleted" },
+      { id: ListModes.Iterator, label: $tr("ui.list-mode.iterator", "Tuile"), icon: "mdi-view-grid-outline" },
     ];
   
     return {