@dative-gpi/foundation-shared-components 0.1.120 → 1.0.1

package/components/buttons/FSButtonAddLabel.vue

@@ -0,0 +1,27 @@
+<template>
+  <FSButton
+    :label="$tr('ui.button.add', 'Add')"
+    :color="ColorEnum.Primary"
+    v-bind="$attrs"
+  />
+</template>
+
+<script lang="ts">
+import { defineComponent } from "vue";
+
+import { ColorEnum } from "@dative-gpi/foundation-shared-components/models";
+
+import FSButton from "../FSButton.vue";
+
+export default defineComponent({
+  name: "FSButtonAddLabel",
+  components: {
+    FSButton
+  },
+  setup() {
+    return {
+      ColorEnum
+    }
+  }
+});
+</script>

package/components/buttons/FSButtonAddMini.vue

@@ -0,0 +1,27 @@
+<template>
+  <FSButton
+    prependIcon="mdi-plus-circle-outline"
+    :color="ColorEnum.Primary"
+    v-bind="$attrs"
+  />
+</template>
+
+<script lang="ts">
+import { defineComponent } from "vue";
+
+import { ColorEnum } from "@dative-gpi/foundation-shared-components/models";
+
+import FSButton from "../FSButton.vue";
+
+export default defineComponent({
+  name: "FSButtonAddMini",
+  components: {
+    FSButton
+  },
+  setup() {
+    return {
+      ColorEnum
+    }
+  }
+});
+</script>

package/components/buttons/FSButtonFile.vue

@@ -44,15 +44,15 @@ export default defineComponent({
       default: true
     }
   },
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "update:metadata"],
   setup(props, { emit }) {
     const { readFile } = useFiles();
     
     const input = ref<HTMLFormElement | null>(null);
 
     const clear = (): void => {
-      if (input.value) {
-        input.value.form && input.value.form.reset();
+      if (input.value && input.value.form) {
+        input.value.form.reset();
       }
     };
 
@@ -70,8 +70,8 @@ export default defineComponent({
       if (!file) {
         return;
       }
+      emit("update:metadata", file);
       if (!props.readFile) {
-        emit("update:modelValue", file);
         clear();
       }
       else {

package/components/buttons/FSButtonFileIcon.vue

@@ -44,15 +44,15 @@ export default defineComponent({
       default: true
     }
   },
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "update:metadata"],
   setup(props, { emit }) {
     const { readFile } = useFiles();
 
     const input = ref<HTMLFormElement | null>(null);
 
     const clear = (): void => {
-      if (input.value) {
-        input.value.form && input.value.form.reset();
+      if (input.value && input.value.form) {
+        input.value.form.reset();
       }
     };
 
@@ -70,8 +70,8 @@ export default defineComponent({
       if (!file) {
         return;
       }
+      emit("update:metadata", file);
       if (!props.readFile) {
-        emit("update:modelValue", file);
         clear();
       }
       else {

package/components/buttons/FSButtonFileLabel.vue

@@ -43,15 +43,15 @@ export default defineComponent({
       default: true
     }
   },
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "update:metadata"],
   setup(props, { emit }) {
     const { readFile } = useFiles();
 
     const input = ref<HTMLFormElement | null>(null);
 
     const clear = (): void => {
-      if (input.value) {
-        input.value.form && input.value.form.reset();
+      if (input.value && input.value.form) {
+        input.value.form.reset();
       }
     };
 
@@ -69,8 +69,8 @@ export default defineComponent({
       if (!file) {
         return;
       }
+      emit("update:metadata", file);
       if (!props.readFile) {
-        emit("update:modelValue", file);
         clear();
       }
       else {

package/components/buttons/FSButtonFileMini.vue

@@ -48,15 +48,15 @@ export default defineComponent({
       default: "mdi-upload-outline"
     }
   },
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "update:metadata"],
   setup(props, { emit }) {
     const { readFile } = useFiles();
 
     const input = ref<HTMLFormElement | null>(null);
 
     const clear = (): void => {
-      if (input.value) {
-        input.value.form && input.value.form.reset();
+      if (input.value && input.value.form) {
+        input.value.form.reset();
       }
     };
 
@@ -74,8 +74,8 @@ export default defineComponent({
       if (!file) {
         return;
       }
+      emit("update:metadata", file);
       if (!props.readFile) {
-        emit("update:modelValue", file);
         clear();
       }
       else {

package/components/deviceOrganisations/FSConnectivity.vue

@@ -24,9 +24,10 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, PropType, ref } from "vue";
+import type { PropType} from "vue";
+import { defineComponent, ref } from "vue";
 
-import { FSDeviceConnectivity } from "@dative-gpi/foundation-shared-components/models";
+import type { FSDeviceConnectivity } from "@dative-gpi/foundation-shared-components/models";
 
 import FSConnectivityCard from "./FSConnectivityCard.vue";
 import FSColorIcon from "../FSColorIcon.vue";

package/components/deviceOrganisations/FSConnectivityCard.vue

@@ -55,9 +55,10 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, PropType } from "vue";
+import type { PropType } from "vue";
+import { computed, defineComponent } from "vue";
 
-import { FSDeviceConnectivity } from "@dative-gpi/foundation-shared-components/models";
+import type { FSDeviceConnectivity } from "@dative-gpi/foundation-shared-components/models";
 import { useAppTimeZone } from "@dative-gpi/foundation-shared-services/composables";
 
 import { connectivityLabel } from "../../utils";

package/components/deviceOrganisations/FSStatus.vue

@@ -25,9 +25,10 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, PropType, ref } from "vue";
+import type { PropType} from "vue";
+import { defineComponent, ref } from "vue";
 
-import { FSDeviceStatusGroup, FSModelStatus } from "@dative-gpi/foundation-shared-components/models";
+import type { FSDeviceStatusGroup, FSModelStatus } from "@dative-gpi/foundation-shared-components/models";
 
 import FSStatusCard from "./FSStatusCard.vue";
 import FSColorIcon from "../FSColorIcon.vue";

package/components/deviceOrganisations/FSStatusCard.vue

@@ -67,9 +67,10 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, PropType } from "vue";
+import type { PropType } from "vue";
+import { computed, defineComponent } from "vue";
 
-import { FSDeviceStatusGroup, FSModelStatus } from "@dative-gpi/foundation-shared-components/models";
+import type { FSDeviceStatusGroup, FSModelStatus } from "@dative-gpi/foundation-shared-components/models";
 import { useAppTimeZone } from "@dative-gpi/foundation-shared-services/composables";
 
 import FSButton from "../FSButton.vue";

package/components/deviceOrganisations/FSStatusesCarousel.vue

@@ -39,9 +39,10 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, PropType, ref } from "vue";
+import type { PropType} from "vue";
+import { defineComponent, ref } from "vue";
 
-import { FSDeviceStatus, FSDeviceStatusGroup, FSModelStatus } from "@dative-gpi/foundation-shared-components/models";
+import type { FSDeviceStatus, FSDeviceStatusGroup, FSModelStatus } from "@dative-gpi/foundation-shared-components/models";
 import { ColorEnum } from "@dative-gpi/foundation-shared-components/models";
 
 import FSButton from "../FSButton.vue";

package/components/deviceOrganisations/FSStatusesRow.vue

@@ -27,9 +27,10 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, PropType } from "vue";
+import type { PropType } from "vue";
+import { defineComponent } from "vue";
 
-import { FSDeviceAlert, FSDeviceConnectivity, FSDeviceStatus, FSDeviceStatusGroup, FSModelStatus } from "@dative-gpi/foundation-shared-components/models";
+import type { FSDeviceAlert, FSDeviceConnectivity, FSDeviceStatus, FSDeviceStatusGroup, FSModelStatus } from "@dative-gpi/foundation-shared-components/models";
 import { ConnectivityStatus } from "@dative-gpi/foundation-shared-domain/models";
 
 import FSConnectivity from "./FSConnectivity.vue";

package/components/deviceOrganisations/FSWorstAlert.vue

@@ -29,10 +29,11 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, PropType, ref } from "vue";
+import type { PropType} from "vue";
+import { computed, defineComponent, ref } from "vue";
 
 import { AlertStatus, Criticity } from "@dative-gpi/foundation-shared-domain/models";
-import { FSDeviceAlert } from "@dative-gpi/foundation-shared-components/models";
+import type { FSDeviceAlert } from "@dative-gpi/foundation-shared-components/models";
 import { ColorEnum } from "@dative-gpi/foundation-shared-components/models";
 
 import FSWorstAlertCard from "./FSWorstAlertCard.vue";
@@ -85,10 +86,10 @@ export default defineComponent({
       if (props.deviceAlerts < 1) {
         return null;
       }
-      if (props.deviceAlerts > 8) {
+      if (props.deviceAlerts > 9) {
         return "9+";
       }
-      return (props.deviceAlerts + 1).toString();
+      return (props.deviceAlerts).toString();
     });
 
     return {

package/components/deviceOrganisations/FSWorstAlertCard.vue

@@ -55,10 +55,12 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, PropType } from "vue";
+import type { PropType } from "vue";
+import { computed, defineComponent } from "vue";
 
 import { useTranslations as useTranslationsProvider } from "@dative-gpi/bones-ui/composables";
-import { FSDeviceAlert, ColorEnum } from "@dative-gpi/foundation-shared-components/models";
+import type { FSDeviceAlert} from "@dative-gpi/foundation-shared-components/models";
+import { ColorEnum } from "@dative-gpi/foundation-shared-components/models";
 import { AlertStatus, Criticity } from "@dative-gpi/foundation-shared-domain/models";
 import { useAppTimeZone } from "@dative-gpi/foundation-shared-services/composables";