@dative-gpi/foundation-shared-components 0.0.204 → 0.0.206

package/components/fields/FSTimeField.vue

@@ -53,8 +53,7 @@
 </template>
 
 <script lang="ts">
-import type { PropType} from "vue";
-import { computed, defineComponent, ref } from "vue";
+import { computed, defineComponent, onMounted, type PropType, ref, watch } from "vue";
 
 import { useColors, useRules, useSlots } from "@dative-gpi/foundation-shared-components/composables";
 import { getTimeScaleIndex, timeScale } from "@dative-gpi/foundation-shared-components/utils";
@@ -131,16 +130,6 @@ export default defineComponent({
     const innerTime = ref(0);
     const selectedUnit = ref(timeScale[0]);
 
-    if (props.modelValue) {
-      if (getTimeScaleIndex(props.modelValue) !== 0) {
-        selectedUnit.value = timeScale[getTimeScaleIndex(props.modelValue)];
-        innerTime.value = props.modelValue / selectedUnit.value.id;
-      }
-      else {
-        innerTime.value = props.modelValue;
-      }
-    }
-
     const style = computed((): { [key: string] : string | null | undefined } => {
       if (!props.editable) {
         return {
@@ -186,6 +175,26 @@ export default defineComponent({
       emit("update:modelValue", innerTime.value * selectedUnit.value.id);
     };
 
+    const reset = (): void => {
+      if (props.modelValue) {
+        if (getTimeScaleIndex(props.modelValue) !== 0) {
+          selectedUnit.value = timeScale[getTimeScaleIndex(props.modelValue)];
+          innerTime.value = props.modelValue / selectedUnit.value.id;
+        }
+        else {
+          innerTime.value = props.modelValue;
+        }
+      }
+    };
+
+    onMounted((): void => {
+      reset();
+    });
+
+    watch(() => props.modelValue, () => {
+      reset();
+    });
+
     return {
       selectedUnit,
       numberSlots,

package/components/fields/FSTranslateField.vue

@@ -19,11 +19,10 @@
     >
       <FSButton
         :prependIcon="$props.buttonPrependIcon"
-        :label="$props.buttonLabel"
         :appendIcon="$props.buttonAppendIcon"
         :variant="$props.buttonVariant"
         :color="$props.buttonColor"
-        :load="fetchingLanguages"
+        :label="$props.buttonLabel"
         @click="dialog = true"
       />
       <slot
@@ -84,12 +83,10 @@
 </template>
 
 <script lang="ts">
-import type { PropType} from "vue";
-import { computed, defineComponent, onMounted, ref } from "vue";
+import { computed, defineComponent, type PropType, ref } from "vue";
 
-import type { ColorBase} from "@dative-gpi/foundation-shared-components/models";
-import { ColorEnum } from "@dative-gpi/foundation-shared-components/models";
-import { useLanguages } from "@dative-gpi/foundation-shared-services/composables";
+import { type ColorBase, ColorEnum } from "@dative-gpi/foundation-shared-components/models";
+import { useAppLanguages } from "@dative-gpi/foundation-shared-services/composables";
 
 import { useColors, useSlots } from "../../composables";
 
@@ -159,14 +156,15 @@ export default defineComponent({
   },
   emits: ["update:modelValue", "update:translations"],
   setup(props, { emit }) {
-    const { getMany: getManyLanguages, fetching: fetchingLanguages, entities: languages } = useLanguages();
+    const { languages } = useAppLanguages();
     const { getColors } = useColors();
     const { slots } = useSlots();
 
     delete slots.append;
+    
+    const dialog = ref(false);
 
     const innerTranslations = ref(props.translations);
-    const dialog = ref(false);
 
     const lights = getColors(ColorEnum.Light);
     const darks = getColors(ColorEnum.Dark);
@@ -220,12 +218,7 @@ export default defineComponent({
       }
     };
 
-    onMounted(() => {
-      getManyLanguages();
-    });
-
     return {
-      fetchingLanguages,
       innerTranslations,
       ColorEnum,
       languages,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dative-gpi/foundation-shared-components",
   "sideEffects": false,
-  "version": "0.0.204",
+  "version": "0.0.206",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -10,8 +10,8 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@dative-gpi/foundation-shared-domain": "0.0.204",
-    "@dative-gpi/foundation-shared-services": "0.0.204"
+    "@dative-gpi/foundation-shared-domain": "0.0.206",
+    "@dative-gpi/foundation-shared-services": "0.0.206"
   },
   "peerDependencies": {
     "@dative-gpi/bones-ui": "^0.0.75",
@@ -35,5 +35,5 @@
     "sass": "1.71.1",
     "sass-loader": "13.3.2"
   },
-  "gitHead": "971edf0b46186871d2de23e59770cf34b08c6e46"
+  "gitHead": "7ef1a1b0b6a291c09cb136bd597e4f1837415e71"
 }