@dative-gpi/foundation-shared-components 1.0.45 → 1.0.47

package/components/FSLoader.vue

@@ -69,8 +69,7 @@ export default defineComponent({
         case "text-h4"       : return isMobileSized.value ? "16px" : "20px";
         case "text-body"     :
         case "text-button"   : return isMobileSized.value ? "14px" : "16px";
-        case "text-overline" :
-        case "text-overline": return "16px";
+        case "text-overline" : return "16px";
       }
     });
 

package/components/FSSpan.vue

@@ -37,6 +37,11 @@ export default defineComponent({
       type: Boolean,
       required: false,
       default: true
+    },
+    align: {
+      type: String as PropType<"left" | "center" | "right">,
+      required: false,
+      default: "left"
     }
   },
   setup(props) {

package/components/buttons/FSButtonDragIcon.vue

@@ -0,0 +1,27 @@
+<template>
+  <FSButton
+    icon="mdi-drag"
+    variant="icon"
+    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: "FSButtonCopyIcon",
+  components: {
+    FSButton
+  },
+  setup() {
+    return {
+      ColorEnum
+    }
+  }
+});
+</script>

package/components/deviceOrganisations/FSStatusesRow.vue

@@ -30,7 +30,7 @@
 import { defineComponent, type PropType } from "vue";
 
 import type { FSDeviceAlert, FSDeviceConnectivity, FSDeviceStatus, FSDeviceStatusGroup, FSModelStatus } from "@dative-gpi/foundation-shared-components/models";
-import { ConnectivityStatus } from "@dative-gpi/foundation-shared-domain/models";
+import { ConnectivityStatus } from "@dative-gpi/foundation-shared-domain/enums";
 
 import FSConnectivity from "./FSConnectivity.vue";
 import FSWorstAlert from "./FSWorstAlert.vue";

package/components/deviceOrganisations/FSWorstAlert.vue

@@ -31,7 +31,7 @@
 <script lang="ts">
 import { computed, defineComponent, type PropType, ref } from "vue";
 
-import { AlertStatus, Criticity } from "@dative-gpi/foundation-shared-domain/models";
+import { AlertStatus, Criticity } from "@dative-gpi/foundation-shared-domain/enums";
 import type { FSDeviceAlert } from "@dative-gpi/foundation-shared-components/models";
 import { ColorEnum } from "@dative-gpi/foundation-shared-components/models";
 

package/components/deviceOrganisations/FSWorstAlertCard.vue

@@ -60,7 +60,7 @@ import { computed, defineComponent, type PropType } from "vue";
 import { useTranslations as useTranslationsProvider } from "@dative-gpi/bones-ui/composables";
 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 { AlertStatus, Criticity } from "@dative-gpi/foundation-shared-domain/enums";
 import { useDateFormat } from "@dative-gpi/foundation-shared-services/composables";
 
 import FSButton from "../FSButton.vue";

package/components/fields/FSEntityFieldUI.vue

@@ -0,0 +1,257 @@
+<template>
+  <FSBaseField
+    :description="$props.description"
+    :hideHeader="$props.hideHeader"
+    :required="$props.required"
+    :editable="$props.editable"
+    :label="$props.label"
+    :messages="messages"
+  >
+    <FSCol
+      gap="12px"
+    >
+      <FSRow>
+        <FSSelectField
+          :hideHeader="true"
+          :modelValue="$props.entityType"
+          @update:modelValue="$emit('update:entityType', $event)"
+          :items="actualEntityTypes"
+          :clearable="false"
+        />
+        <template
+          v-if="itemsCount > 0"
+        >
+          <FSButton
+            :label="$tr('ui.entity-field.edit', 'Edit')"
+            icon="mdi-pencil"
+            @click="$emit('click:select')"
+          />
+        </template>
+        <template
+          v-else
+        >
+          <FSButton
+            :label="$tr('ui.entity-field.select', 'Select')"
+            icon="mdi-plus-circle-multiple-outline"
+            @click="$emit('click:select')"
+          />
+        </template>
+      </FSRow>
+      <FSRow>
+        <template
+          v-if="itemsCount > 0"
+        >
+          <FSColor
+            :color="ColorEnum.Primary"
+            :border="false"
+            width="100%"
+          >
+            <FSRow
+              padding="4px"
+              align="center-center"
+            >
+              <FSIcon
+                :icon="entityIcon"
+              />
+              <FSSpan
+                font="text-overline"
+              >
+                {{ $tr('ui.entity-field.selected', '{0} selected(s)', itemsCount) }}
+              </FSSpan>
+            </FSRow>
+          </FSColor>
+        </template>
+
+        <template
+          v-else
+        >
+          <FSColor
+            :color="ColorEnum.Light"
+            :border="false"
+            width="100%"
+          >
+            <FSRow
+              padding="4px"
+              align="center-center"
+            >
+              <FSIcon
+                :icon="entityIcon"
+              />
+              <FSSpan
+                font="text-overline"
+              >
+                {{ $tr('ui.entity-field.no-entity-selected', 'No entity selected') }}
+              </FSSpan>
+            </FSRow>
+          </FSColor>
+        </template>
+      </FSRow>
+
+      <FSFadeOut
+        v-if="$props.showEntities && itemsCount > 0"
+        maxHeight="220px"
+        width="100%"
+      >
+        <slot
+          name="items"
+        />
+      </FSFadeOut>
+    </FSCol>
+  </FSBaseField>
+</template>
+
+
+<script lang="ts">
+import { computed, defineComponent, type PropType } from "vue";
+
+import { EntityType } from "@dative-gpi/foundation-shared-domain/enums";
+import { ColorEnum } from "../../models";
+import { useTranslations } from "@dative-gpi/bones-ui";
+
+import FSRow from "../FSRow.vue";
+import FSCol from "../FSCol.vue";
+import FSBaseField from "./FSBaseField.vue";
+import FSSelectField from "./FSSelectField.vue";
+import FSButton from "../FSButton.vue";
+import FSIcon from "../FSIcon.vue";
+import FSColor from "../FSColor.vue";
+
+export default defineComponent({
+  name: "FSEntityFieldUI",
+  components: {
+    FSBaseField,
+    FSSelectField,
+    FSButton,
+    FSIcon,
+    FSColor,
+    FSRow,
+    FSCol
+  },
+  props: {
+    label: {
+      type: String as PropType<string | null>,
+      required: false,
+      default: null
+    },
+    description: {
+      type: String as PropType<string | null>,
+      required: false,
+      default: null
+    },
+    itemsCount: {
+      type: Number,
+      required: false,
+      default: 0
+    },
+    hideHeader: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    required: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    rules: {
+      type: Array as PropType<any[]>,
+      required: false,
+      default: () => []
+    },
+    messages: {
+      type: Array as PropType<string[]>,
+      required: false,
+      default: null
+    },
+    editable: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
+    entityType: {
+      type: Number as PropType<EntityType>,
+      required: true
+    },
+    allowedEntityTypes: {
+      type: Array as PropType<EntityType[]>,
+      required: false,
+      default: () => []
+    },
+    showEntities: {
+      type: Boolean,
+      required: false,
+      default: true
+    }
+  },
+  emits: ["update:entityType", "click:select"],
+  setup(props) {
+    const { $tr } = useTranslations();
+
+    const actualEntityTypes = computed(() => {
+      const items = [
+        {
+          id: EntityType.Model,
+          label: $tr("ui.entity-type.models", "Models")
+        },
+        {
+          id: EntityType.Group,
+          label: $tr("ui.entity-type.groups", "Groups")
+        },
+        {
+          id: EntityType.Location,
+          label: $tr("ui.entity-type.locations", "Locations")
+        },
+        {
+          id: EntityType.Device,
+          label: $tr("ui.entity-type.devices", "Devices")
+        },
+        {
+          id: EntityType.User,
+          label: $tr("ui.entity-type.users", "Users")
+        },
+        {
+          id: EntityType.Dashboard,
+          label: $tr("ui.entity-type.dashboards", "Dashboards")
+        },
+        {
+          id: EntityType.Folder,
+          label: $tr("ui.entity-type.folders", "Folders")
+        }
+      ];
+
+      if(props.allowedEntityTypes.length) {
+        return items.filter(item => props.allowedEntityTypes.includes(item.id));
+      } else {
+        return items;
+      }
+    });
+
+    const entityIcon = computed(() => {
+      switch(props.entityType) {
+        case EntityType.Model:
+          return "mdi-cube";
+        case EntityType.Group:
+          return "mdi-account-group";
+        case EntityType.Location:
+          return "mdi-map-marker";
+        case EntityType.Device:
+          return "mdi-cellphone";
+        case EntityType.User:
+          return "mdi-account";
+        case EntityType.Dashboard:
+          return "mdi-view-dashboard";
+        case EntityType.Folder:
+          return "mdi-folder";
+        default:
+          return "mdi-cube";
+      }
+    });
+
+    return {
+      ColorEnum,
+      entityIcon,
+      actualEntityTypes
+    };
+  }
+});
+</script>

package/components/fields/FSSelectField.vue

@@ -462,7 +462,6 @@ import FSRow from "../FSRow.vue";
 export default defineComponent({
   name: "FSSelectField",
   components: {
-    FSDialogMenu,
     FSDialogMenu,
     FSSlideGroup,
     FSBaseField,

package/components/fields/FSTermField.vue

@@ -83,7 +83,7 @@ import _ from "lodash";
 import { DateRules, NumberRules, TextRules } from "@dative-gpi/foundation-shared-components/models";
 import { useDateFormat } from "@dative-gpi/foundation-shared-services/composables";
 import { useRules } from "@dative-gpi/foundation-shared-components/composables";
-import { DateSetting } from "@dative-gpi/foundation-shared-domain/models";
+import { DateSetting } from "@dative-gpi/foundation-shared-domain/enums";
 
 import FSSelectDateSetting from "../selects/FSSelectDateSetting.vue";
 import FSDateTimeRangeField from "./FSDateTimeRangeField.vue";

package/components/fields/FSTimeSlotField.vue

@@ -65,7 +65,7 @@ import { computed, defineComponent, type PropType, type StyleValue } from "vue";
 
 import { useColors, useRules } from "@dative-gpi/foundation-shared-components/composables";
 import { ColorEnum } from "@dative-gpi/foundation-shared-components/models";
-import { Days } from "@dative-gpi/foundation-shared-domain/models";
+import { Days } from "@dative-gpi/foundation-shared-domain/enums";
 
 import FSSelectField from "./FSSelectField.vue";
 import FSBaseField from "./FSBaseField.vue";

package/components/fields/FSTimeStepField.vue

@@ -55,7 +55,7 @@
 <script lang="ts">
 import { computed, defineComponent, type PropType } from "vue";
 
-import type { TimeUnit } from "@dative-gpi/foundation-shared-domain/models";
+import type { TimeUnit } from "@dative-gpi/foundation-shared-domain/enums";
 
 import { useRules, useSlots } from "@dative-gpi/foundation-shared-components/composables";
 import { timeSteps } from "@dative-gpi/foundation-shared-components/utils";
@@ -131,14 +131,14 @@ export default defineComponent({
       return Object.keys(slots).filter(k => k.startsWith("number-")).reduce((acc, key) => {
         acc[key.substring("number-".length)] = slots[key];
         return acc;
-      }, {});
+      }, {} as {[index: string]: any});
     });
 
     const selectSlots = computed((): any => {
       return Object.keys(slots).filter(k => k.startsWith("select-")).reduce((acc, key) => {
         acc[key.substring("select-".length)] = slots[key];
         return acc;
-      }, {});
+      }, {} as {[index: string]: any});
     });
 
     const messages = computed((): string[] => props.messages ?? getMessages(props.modelValue, props.rules));

package/components/lists/FSDataTableUI.vue

@@ -832,7 +832,7 @@ export default defineComponent({
     mode: {
       type: String as PropType<"table" | "iterator">,
       required: false,
-      default: "table"
+      default: "iterator"
     },
     disableTable: {
       type: Boolean,

package/components/lists/FSSimpleList.vue

@@ -0,0 +1,133 @@
+<template>
+  <component
+    :is="$props.direction == 'row' ? FSRow : FSCol"
+    v-bind="$attrs"
+  >
+    <FSTile
+      v-for="item in items"
+      :key="item.id"
+      v-bind="tileProps(item)"
+      :width="$props.direction == 'row' ? 'fit-content' : '100%'"
+      height="fit-content"
+    >
+      <slot
+        name="item"
+        :item="item"
+      >
+        <FSRow
+          align="center-left"
+        >
+          <FSButtonDragIcon
+            v-if="showDraggable"
+          />
+          <slot
+            name="itemContent"
+            :item="item"
+          >
+            <!-- TODO : add draggable option -->
+            <FSImage
+              v-if="item.imageId"
+              :imageId="item.imageId"
+              width="24px"
+              height="24px"
+            />
+            <FSIcon
+              size="24px"
+              v-else-if="item.icon"
+              :icon="item.icon"
+            />
+            <FSSpan>{{ item[itemLabel] }}</FSSpan>
+          </slot>
+          <FSRow
+            align="center-right"
+          >
+            <FSButtonEditIcon
+              v-if="showEdit"
+              @click="$emit('click:edit', item.id)"
+            />
+            <FSButtonRemoveIcon
+              v-if="showRemove"
+              @click="$emit('click:remove', item.id)"
+            />
+          </FSRow>
+        </FSRow>
+      </slot>
+    </FSTile>
+  </component>
+</template>
+
+
+<script lang="ts">
+import { defineComponent, type PropType } from "vue";
+
+import { ColorEnum } from "../../models"
+
+import FSRow from "../FSRow.vue";
+import FSCol from "../FSCol.vue";
+import FSImage from "../FSImage.vue";
+import FSIcon from "../FSIcon.vue";
+import FSSpan from "../FSSpan.vue";
+import FSTile from "../tiles/FSTile.vue";
+import FSButtonRemoveIcon from "../buttons/FSButtonRemoveIcon.vue";
+import FSButtonEditIcon from "../buttons/FSButtonEditIcon.vue";
+import FSButtonDragIcon from "../buttons/FSButtonDragIcon.vue";
+
+export default defineComponent({
+  name: "FSSimpleList",
+  components: {
+    FSRow,
+    FSCol,
+    FSTile,
+    FSImage,
+    FSIcon,
+    FSSpan,
+    FSButtonRemoveIcon,
+    FSButtonEditIcon,
+    FSButtonDragIcon,
+  },
+  props: {
+    items: {
+      type: Array as PropType<{id: string, label?: string, icon?: string, imageId?: string, [index: string]: any}[]>,
+      required: true
+    },
+    tileProps: {
+      type: Function as PropType<(item: any) => Record<string, any>>,
+      required: false,
+      default: () => () => ({})
+    },
+    showEdit: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
+    showRemove: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
+    showDraggable: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    direction: {
+      type: String as PropType<"row" | "column">,
+      required: false,
+      default: "column"
+    },
+    itemLabel: {
+      type: String,
+      required: false,
+      default: "label"
+    }
+  },
+  emits: ["click:edit", "click:remove"],
+  setup(){
+    return {
+      ColorEnum,
+      FSRow,
+      FSCol
+    }
+  }
+});
+</script>

package/components/selects/FSSelectAutoRefresh.vue

@@ -13,7 +13,7 @@ import type { PropType} from "vue";
 import { computed, defineComponent } from "vue";
 
 import { useTranslations as useTranslationsProvider } from "@dative-gpi/bones-ui/composables";
-import { AutoRefresh } from "@dative-gpi/foundation-shared-domain/models";
+import { AutoRefresh } from "@dative-gpi/foundation-shared-domain/enums";
 
 import FSSelectField from "../fields/FSSelectField.vue";
 

package/components/selects/FSSelectDashboardVariableType.vue

@@ -13,7 +13,7 @@ import type { PropType} from "vue";
 import { computed, defineComponent } from "vue";
 
 import { useTranslations as useTranslationsProvider } from "@dative-gpi/bones-ui/composables";
-import { DashboardVariableType } from "@dative-gpi/foundation-shared-domain/models";
+import { DashboardVariableType } from "@dative-gpi/foundation-shared-domain/enums";
 
 import FSSelectField from "../fields/FSSelectField.vue";
 

package/components/selects/FSSelectDateSetting.vue

@@ -13,7 +13,7 @@
 import { computed, defineComponent, type PropType } from "vue";
 
 import { useTranslations as useTranslationsProvider } from "@dative-gpi/bones-ui/composables";
-import { DateSetting } from "@dative-gpi/foundation-shared-domain/models";
+import { DateSetting } from "@dative-gpi/foundation-shared-domain/enums";
 
 import FSSelectField from "../fields/FSSelectField.vue";
 

package/components/selects/FSSelectDays.vue

@@ -13,7 +13,7 @@ import type { PropType} from "vue";
 import { computed, defineComponent } from "vue";
 
 import { useTranslations as useTranslationsProvider } from "@dative-gpi/bones-ui/composables";
-import { Days } from "@dative-gpi/foundation-shared-domain/models";
+import { Days } from "@dative-gpi/foundation-shared-domain/enums";
 
 import FSSelectField from "../fields/FSSelectField.vue";
 

package/components/selects/FSSelectListMode.vue

@@ -19,7 +19,7 @@ import type { PropType} from "vue";
 import { defineComponent } from "vue";
   
 import { useTranslations as useTranslationsProvider } from "@dative-gpi/bones-ui/composables";
-import { ListModes } from "@dative-gpi/foundation-shared-domain/models";
+import { ListModes } from "@dative-gpi/foundation-shared-domain/enums";
   
 import FSSelectField from "../fields/FSSelectField.vue";
   

package/components/selects/FSSelectMonths.vue

@@ -13,7 +13,7 @@ import type { PropType} from "vue";
 import { computed, defineComponent } from "vue";
 
 import { useTranslations as useTranslationsProvider } from "@dative-gpi/bones-ui/composables";
-import { Months } from "@dative-gpi/foundation-shared-domain/models";
+import { Months } from "@dative-gpi/foundation-shared-domain/enums";
 
 import FSSelectField from "../fields/FSSelectField.vue";
 

package/components/tiles/FSTile.vue

@@ -1,89 +1,93 @@
 <template>
-  <FSClickable
-    v-if="$props.singleSelect"
+  <FSCol
     class="fs-tile"
-    padding="12px"
-    :variant="variant"
-    :height="height"
-    :color="color"
-    :style="style"
-    @click="() => $emit('update:modelValue', !$props.modelValue)"
-    v-bind="$attrs"
+    :height="$props.height"
+    :width="$props.width"
   >
-    <slot />
-    <div
-      v-if="$props.bottomColor"
-      class="fs-tile-bottom"
+    <FSClickable
+      v-if="$props.singleSelect"
+      padding="12px"
+      :variant="variant"
+      :color="color"
       :style="style"
-    />
-  </FSClickable>
-  <FSClickable
-    v-else-if="$props.href || $props.to || $attrs.onClick"
-    variant="background"
-    class="fs-tile"
-    padding="12px"
-    :color="ColorEnum.Background"
-    :href="$props.href"
-    :height="height"
-    :to="$props.to"
-    :style="style"
-    v-bind="$attrs"
-  >
-    <slot />
-    <FSCard
-      v-if="$props.editable"
-      class="fs-tile-checkbox"
+      width="100%"
+      height="100%"
+      @click="() => $emit('update:modelValue', !$props.modelValue)"
+      v-bind="$attrs"
+    >
+      <slot />
+    </FSClickable>
+    <FSClickable
+      v-else-if="$props.href || $props.to || $attrs.onClick"
       variant="background"
+      class="fs-tile"
+      padding="12px"
       :color="ColorEnum.Background"
-      :border="false"
+      :href="$props.href"
+      width="100%"
+      height="100%"
+      :to="$props.to"
+      :style="style"
       v-bind="$attrs"
     >
-      <FSCheckbox
-        :modelValue="$props.modelValue"
-        @update:modelValue="() => $emit('update:modelValue', !$props.modelValue)"
-      />
-    </FSCard>
-    <div
-      class="fs-tile-bottom"
-      :style="style"
-    />
-  </FSClickable>
-  <FSCard
-    v-else
-    variant="background"
-    class="fs-tile"
-    padding="12px"
-    :color="color"
-    :style="style"
-    :height="height"
-    v-bind="$attrs"
-  >
-    <slot />
+      <slot />
+      <FSCard
+        v-if="$props.editable"
+        class="fs-tile-checkbox"
+        variant="background"
+        :color="ColorEnum.Background"
+        :border="false"
+        v-bind="$attrs"
+      >
+        <FSCheckbox
+          :modelValue="$props.modelValue"
+          @update:modelValue="() => $emit('update:modelValue', !$props.modelValue)"
+        />
+      </FSCard>
+    </FSClickable>
     <FSCard
-      v-if="$props.editable"
-      class="fs-tile-checkbox"
+      v-else
       variant="background"
-      :border="false"
+      class="fs-tile"
+      padding="12px"
+      :color="color"
+      :style="style"
+      width="100%"
+      height="100%"
       v-bind="$attrs"
     >
-      <FSCheckbox
-        :modelValue="$props.modelValue"
-        @update:modelValue="() => $emit('update:modelValue', !$props.modelValue)"
-      />
-    </FSCard>
+      <slot />
+      <FSCard
+        v-if="$props.editable"
+        class="fs-tile-checkbox"
+        variant="background"
+        :border="false"
+        v-bind="$attrs"
+      >
+        <FSCheckbox
+          :modelValue="$props.modelValue"
+          @update:modelValue="() => $emit('update:modelValue', !$props.modelValue)"
+        />
+      </FSCard>
+    </FSCard>  
+    <div
+      v-if="$props.leftColor"
+      class="fs-tile-left"
+      :style="style"
+    />
     <div
       v-if="$props.bottomColor"
       class="fs-tile-bottom"
       :style="style"
     />
-  </FSCard>  
+  </FSCol>
 </template>
 
 <script lang="ts">
 import { computed, defineComponent, type PropType, type StyleValue } from "vue";
 import { type RouteLocation } from "vue-router";
 
-import { useBreakpoints, useColors } from "@dative-gpi/foundation-shared-components/composables";
+import { useColors } from "@dative-gpi/foundation-shared-components/composables";
 import { ColorEnum, type ColorBase } from "@dative-gpi/foundation-shared-components/models";
 
 import FSClickable from "../FSClickable.vue";
@@ -123,6 +127,11 @@ export default defineComponent({
       required: false,
       default: null
     },
+    leftColor: {
+      type: [Array, String] as PropType<ColorBase[] | ColorBase | null>,
+      required: false,
+      default: null
+    },
     editable: {
       type: Boolean,
       required: false,
@@ -132,25 +141,33 @@ export default defineComponent({
       type: Boolean,
       required: false,
       default: false
-    }
+    },
+    width: {
+      type: [Array, String, Number] as PropType<string[] | number[] | string | number | null>,
+      required: false,
+      default: null
+    },
+    height: {
+      type: [Array, String, Number] as PropType<string[] | number[] | string | number | null>,
+      required: false,
+      default: () => [170, 156]
+    },
   },
   emits: ["update:modelValue"],
   setup(props) {
-    const { isMobileSized } = useBreakpoints();
     const { getGradients } = useColors();
 
     const style = computed((): StyleValue => {
+      const result: StyleValue = {};
       if (props.bottomColor) {
         const bottomColors = getGradients(props.bottomColor);
-        return {
-          "--fs-tile-border-color": bottomColors.base
-        };
+        result["--fs-tile-bottom-border-color"] = bottomColors.base;
       }
-      return {};
-    });
-
-    const height = computed((): number => {
-      return isMobileSized.value ? 156 : 170;
+      if (props.leftColor) {
+        const leftColors = getGradients(props.leftColor);
+        result["--fs-tile-left-border-color"] = leftColors.base;
+      }
+      return result;
     });
 
     const variant = computed((): "standard" | "background" => {
@@ -164,7 +181,6 @@ export default defineComponent({
     return {
       ColorEnum,
       variant,
-      height,
       color,
       style
     };

package/models/deviceAlerts.ts

@@ -1,4 +1,4 @@
-import type { AlertStatus, Criticity } from "@dative-gpi/foundation-shared-domain/models";
+import type { AlertStatus, Criticity } from "@dative-gpi/foundation-shared-domain/enums";
 
 export interface FSDeviceAlert {
     id: string;

package/models/deviceConnectivities.ts

@@ -1,4 +1,4 @@
-import type { ConnectivityStatus } from "@dative-gpi/foundation-shared-domain/models";
+import type { ConnectivityStatus } from "@dative-gpi/foundation-shared-domain/enums";
 
 export interface FSDeviceConnectivity {
     id: string;

package/models/rules.ts

@@ -3,7 +3,7 @@ import { useDateFormat } from "@dative-gpi/foundation-shared-services/composable
 import { validateExpression } from "@dative-gpi/foundation-shared-domain/tools";
 
 import { getTimeBestString } from "../utils";
-import type { TimeUnit } from "@/shared/foundation-shared-domain";
+import type { TimeUnit } from "@/shared/foundation-shared-domain/enums";
 
 const { epochToLongDateFormat } = useDateFormat()!;
 const { $tr } = useTranslationsProvider();

package/package.json

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

package/styles/components/fs_span.scss

@@ -1,6 +1,7 @@
 .fs-span {
     // padding-inline-end: 2px;
     max-width: 100%;
+    text-align: left;
 }
 
 .fs-span-line-clamp {

package/styles/components/fs_tile.scss

@@ -1,16 +1,28 @@
 .fs-tile {
     position: relative;
-    border-bottom-left-radius: 0px !important;
-    border-bottom-right-radius: 0px !important;
 }
 
 .fs-tile-bottom {
     position: absolute;
-    bottom: -1px;
-    left: -1px;
-    width: calc(100% + 2px);
+    bottom: 0px;
+    left: 0;
+    width: 100%;
     height: 3px;
-    background: var(--fs-tile-border-color);
+    border-bottom-left-radius: 4px;
+    border-bottom-right-radius: 4px;
+    background: var(--fs-tile-bottom-border-color);
+}
+
+
+.fs-tile-left {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    height: 100%;
+    width: 3px;
+    border-bottom-left-radius: 4px;
+    border-top-left-radius: 4px;
+    background: var(--fs-tile-left-border-color);
 }
 
 .fs-tile-checkbox {

package/utils/statuses.ts

@@ -1,5 +1,5 @@
 import { useTranslations as useTranslationsProvider } from "@dative-gpi/bones-ui/composables";
-import { ConnectivityStatus } from "@dative-gpi/foundation-shared-domain/models";
+import { ConnectivityStatus } from "@dative-gpi/foundation-shared-domain/enums";
 
 const { $tr } = useTranslationsProvider();
 

package/utils/time.ts

@@ -1,6 +1,6 @@
 import { useTranslations as useTranslationsProvider } from "@dative-gpi/bones-ui/composables";
 
-import { TimeUnit } from "@dative-gpi/foundation-shared-domain/models"
+import { TimeUnit } from "@dative-gpi/foundation-shared-domain/enums"
 
 const { $tr } = useTranslationsProvider();