@dative-gpi/foundation-shared-components 1.0.143-onboarding → 1.0.144

package/components/FSCard.vue

@@ -30,14 +30,6 @@
         </FSRow>
       </FSCol>
     </slot>
-    <FSRow
-      v-if="$slots['top-right']"
-      class="fs-card-top-right"
-    >
-      <slot
-        name="top-right"
-      />
-    </FSRow>
   </div>
 </template>
 
@@ -107,11 +99,6 @@ export default defineComponent({
       type: Boolean,
       required: false,
       default: false
-    },
-    topRightPadding: {
-      type: [String, Number],
-      required: false,
-      default: "4px"
     }
   },
   setup(props) {
@@ -156,8 +143,7 @@ export default defineComponent({
           "--fs-card-width"           : sizeToVar(props.width),
           "--fs-card-background-color": backgrounds.base,
           "--fs-card-border-color"    : borderColor.value,
-          "--fs-card-color"           : darks.base,
-          "--fs-card-top-right-padding": sizeToVar(props.topRightPadding)
+          "--fs-card-color"           : darks.base
         }
         case "standard": return {
           "--fs-card-border-size"     : props.border ? "1px" : "0",
@@ -168,8 +154,7 @@ export default defineComponent({
           "--fs-card-width"           : sizeToVar(props.width),
           "--fs-card-background-color": colors.value.light,
           "--fs-card-border-color"    : borderColor.value,
-          "--fs-card-color"           : colors.value.lightContrast!,
-          "--fs-card-top-right-padding": sizeToVar(props.topRightPadding)
+          "--fs-card-color"           : colors.value.lightContrast!
         }
         case "full": return {
           "--fs-card-border-size"     : props.border ? "1px" : "0",
@@ -180,8 +165,7 @@ export default defineComponent({
           "--fs-card-width"           : sizeToVar(props.width),
           "--fs-card-background-color": colors.value.base,
           "--fs-card-border-color"    : borderColor.value,
-          "--fs-card-color"           : colors.value.baseContrast!,
-          "--fs-card-top-right-padding": sizeToVar(props.topRightPadding)
+          "--fs-card-color"           : colors.value.baseContrast!
         }
         case "gradient": return {
           "--fs-card-border-size"     : props.border ? "1px" : "0",
@@ -192,8 +176,7 @@ export default defineComponent({
           "--fs-card-width"           : sizeToVar(props.width),
           "--fs-card-background-color": gradients.value.base,
           "--fs-card-border-color"    : borderColor.value,
-          "--fs-card-color"           : colors.value.lightContrast!,
-          "--fs-card-top-right-padding": sizeToVar(props.topRightPadding)
+          "--fs-card-color"           : colors.value.lightContrast!
         }
       }
     });

package/components/FSChip.vue

@@ -64,6 +64,7 @@ import FSRouterLink from '@dative-gpi/foundation-shared-components/components/FS
 export default defineComponent({
   name: "FSChip",
   components: {
+    FSRouterLink,
     FSIcon,
     FSSpan,
     FSRow

package/components/deviceOrganisations/FSConnectivity.vue

@@ -1,5 +1,5 @@
 <template>
-  <FSMenu
+  <v-menu
     :closeOnContentClick="false"
     v-model="menu"
     location="bottom center"
@@ -22,7 +22,7 @@
       :deviceConnectivity="$props.deviceConnectivity"
       @close="menu = false"
     />
-  </FSMenu>
+  </v-menu>
 </template>
 
 <script lang="ts">
@@ -33,14 +33,12 @@ import type { FSDeviceConnectivity } from "@dative-gpi/foundation-shared-compone
 
 import FSConnectivityCard from "./FSConnectivityCard.vue";
 import FSColorIcon from "../FSColorIcon.vue";
-import FSMenu from '../FSMenu.vue';
 
 export default defineComponent({
   name: "FSConnectivity",
   components: {
     FSConnectivityCard,
-    FSColorIcon,
-    FSMenu
+    FSColorIcon
   },
   props: {
     deviceConnectivity: {

package/components/deviceOrganisations/FSStatus.vue

@@ -1,5 +1,5 @@
 <template>
-  <FSMenu
+  <v-menu
     :closeOnContentClick="false"
     v-model="menu"
     location="bottom center"
@@ -23,7 +23,7 @@
       :statusGroup="$props.statusGroup"
       @close="menu = false"
     />
-  </FSMenu>
+  </v-menu>
 </template>
 
 <script lang="ts">
@@ -34,14 +34,12 @@ import type { FSDeviceStatusGroup, FSModelStatus } from "@dative-gpi/foundation-
 
 import FSStatusCard from "./FSStatusCard.vue";
 import FSColorIcon from "../FSColorIcon.vue";
-import FSMenu from '../FSMenu.vue';
 
 export default defineComponent({
   name: "FSStatus",
   components: {
     FSStatusCard,
-    FSColorIcon,
-    FSMenu
+    FSColorIcon
   },
   props: {
     modelStatus: {

package/components/deviceOrganisations/FSWorstAlert.vue

@@ -1,5 +1,5 @@
 <template>
-  <FSMenu
+  <v-menu
     :closeOnContentClick="false"
     v-model="menu"
     location="bottom center"
@@ -28,7 +28,7 @@
       :alertTo="$props.alertTo"
       @close="menu = false"
     />
-  </FSMenu>
+  </v-menu>
 </template>
 
 <script lang="ts">
@@ -42,15 +42,13 @@ import { type FSDeviceAlert } from "@dative-gpi/foundation-shared-components/mod
 import FSWorstAlertCard from "./FSWorstAlertCard.vue";
 import FSColorIcon from "../FSColorIcon.vue";
 import FSBadge from "../FSBadge.vue";
-import FSMenu from '../FSMenu.vue';
 
 export default defineComponent({
   name: "FSWorstAlert",
   components: {
     FSWorstAlertCard,
     FSColorIcon,
-    FSBadge,
-    FSMenu
+    FSBadge
   },
   props: {
     deviceWorstAlert: {

package/components/fields/FSColorField.vue

@@ -1,4 +1,5 @@
 <template>
+
   <FSBaseField
     class="fs-color-field"
     :description="$props.description"
@@ -33,7 +34,7 @@
       </FSRow>
     </FSCard>
   </FSBaseField>
-  <FSMenu
+  <v-menu
     origin="top left"
     min-width="300px"
     :activator="`#${activatorId}`"
@@ -72,7 +73,7 @@
         />
       </FSCol>
     </FSCard>
-  </FSMenu>
+  </v-menu>
 </template>
 
 <script lang="ts">
@@ -86,7 +87,6 @@ import FSBaseField from "./FSBaseField.vue";
 import FSCard from "../FSCard.vue";
 import FSIcon from "../FSIcon.vue";
 import FSText from "../FSText.vue";
-import FSMenu from "../FSMenu.vue";
 import FSRow from "../FSRow.vue";
 import FSCol from "../FSCol.vue";
 
@@ -94,7 +94,6 @@ export default defineComponent({
   name: "FSColorField",
   components: {
     FSBaseField,
-    FSMenu,
     FSText,
     FSCard,
     FSIcon,

package/components/fields/FSDateField.vue

@@ -71,7 +71,7 @@
     <template
       v-else
     >
-      <FSMenu
+      <v-menu
         min-width="300px"
         :closeOnContentClick="false"
         :modelValue="menu && !$props.disabled"
@@ -142,7 +142,7 @@
             />
           </FSCol>
         </FSCard>
-      </FSMenu>
+      </v-menu>
     </template>
   </FSCol>
 </template>
@@ -160,7 +160,6 @@ import FSTextField from "./FSTextField.vue";
 import FSCalendar from "../FSCalendar.vue";
 import FSButton from "../FSButton.vue";
 import FSCard from "../FSCard.vue";
-import FSMenu from '../FSMenu.vue';
 import FSCol from "../FSCol.vue";
 
 export default defineComponent({
@@ -171,7 +170,6 @@ export default defineComponent({
     FSCalendar,
     FSButton,
     FSCard,
-    FSMenu,
     FSCol
   },
   props: {

package/components/fields/FSDateTimeField.vue

@@ -91,8 +91,7 @@
     <template
       v-else
     >
-      <FSMenu
-        min-width="300px"
+      <v-menu
         :closeOnContentClick="false"
         :modelValue="menu && !$props.disabled"
         @update:modelValue="menu = $event"
@@ -188,7 +187,7 @@
             </FSCol>
           </FSCard>
         </FSWindow>
-      </FSMenu>
+      </v-menu>
     </template>
   </FSCol>
 </template>
@@ -207,7 +206,6 @@ import FSWindow from "../FSWindow.vue";
 import FSButton from "../FSButton.vue";
 import FSClock from "../FSClock.vue";
 import FSCard from "../FSCard.vue";
-import FSMenu from '../FSMenu.vue';
 import FSCol from "../FSCol.vue";
 
 export default defineComponent({
@@ -220,7 +218,6 @@ export default defineComponent({
     FSButton,
     FSClock,
     FSCard,
-    FSMenu,
     FSCol
   },
   props: {

package/components/fields/FSRichTextField.vue

@@ -116,7 +116,7 @@
         >
           mdi-link
         </FSIcon>
-        <FSMenu
+        <v-menu
           v-if="$props.variableReferences && $props.variableReferences.length > 0"
           :closeOnContentClick="false"
           v-model="menuVariable"
@@ -146,7 +146,7 @@
               @update:modelValue="insertVariable($event)"
             />
           </FSCard>
-        </FSMenu>
+        </v-menu>
         <v-divider
           vertical
         />
@@ -246,7 +246,6 @@ import FSTextField from "./FSTextField.vue";
 import FSIcon from "../FSIcon.vue";
 import FSCard from "../FSCard.vue";
 import FSText from "../FSText.vue";
-import FSMenu from '../FSMenu.vue';
 import FSCol from "../FSCol.vue";
 import FSRow from "../FSRow.vue";
 
@@ -258,7 +257,6 @@ export default defineComponent({
     FSText,
     FSIcon,
     FSCard,
-    FSMenu,
     FSCol,
     FSRow
   },

package/components/fields/FSTranslateField.vue

@@ -44,7 +44,7 @@
       >
         <FSTextField
           :label="$tr('ui.common.default-value', 'Default value')"
-          :disabled="$props.disabled"
+          :disabled="true"
           :modelValue="$props.modelValue"
         />
         <FSCol

package/components/fields/FSTreeViewField.vue

@@ -131,7 +131,7 @@
       <template
         v-else
       >
-        <FSMenu
+        <v-menu
           :closeOnContentClick="false"
           :modelValue="menu && !$props.disabled"
           @update:modelValue="menu = $event"
@@ -233,7 +233,7 @@
               #title
             />
           </v-treeview>
-        </FSMenu>
+        </v-menu>
       </template>
     </FSCol>
   </template>
@@ -253,7 +253,6 @@ import FSFadeOut from "../FSFadeOut.vue";
 import FSLoader from "../FSLoader.vue";
 import FSRadio from "../FSRadio.vue";
 import FSSpan from "../FSSpan.vue";
-import FSMenu from '../FSMenu.vue';
 import FSCol from "../FSCol.vue";
 
 export default defineComponent({
@@ -267,7 +266,6 @@ export default defineComponent({
     FSLoader,
     FSRadio,
     FSSpan,
-    FSMenu,
     FSCol,
   },
   props: {

package/components/lists/FSFilterButton.vue

@@ -1,5 +1,5 @@
 <template>
-  <FSMenu
+  <v-menu
     :closeOnContentClick="false"
     v-model="expanded"
   >
@@ -79,7 +79,7 @@
         </FSFadeOut>
       </FSCol>
     </FSCard>
-  </FSMenu>
+  </v-menu>
 </template>
 
 <script lang="ts">
@@ -94,7 +94,6 @@ import FSDivider from "../FSDivider.vue";
 import FSCard from "../FSCard.vue";
 import FSChip from "../FSChip.vue";
 import FSSpan from "../FSSpan.vue";
-import FSMenu from '../FSMenu.vue';
 import FSCol from "../FSCol.vue";
 
 export default defineComponent({
@@ -106,7 +105,6 @@ export default defineComponent({
     FSCard,
     FSChip,
     FSSpan,
-    FSMenu,
     FSCol
   },
   props: {

package/components/lists/FSHeaderButton.vue

@@ -1,5 +1,5 @@
 <template>
-  <FSMenu
+  <v-menu
     v-model="expanded"
   >
     <template
@@ -61,7 +61,7 @@
         </FSCol>
       </FSCol>
     </FSCard>
-  </FSMenu>
+  </v-menu>
 </template>
 
 <script lang="ts">
@@ -73,7 +73,6 @@ import FSButton from "../FSButton.vue";
 import FSCard from "../FSCard.vue";
 import FSSpan from "../FSSpan.vue";
 import FSChip from "../FSChip.vue";
-import FSMenu from '../FSMenu.vue';
 import FSCol from "../FSCol.vue";
 
 export default defineComponent({
@@ -83,7 +82,6 @@ export default defineComponent({
     FSCard,
     FSChip,
     FSSpan,
-    FSMenu,
     FSCol
   },
   props: {

package/components/lists/FSHiddenButton.vue

@@ -1,5 +1,5 @@
 <template>
-  <FSMenu
+  <v-menu
     :closeOnContentClick="false"
     v-model="expanded"
   >
@@ -55,7 +55,7 @@
         </FSFadeOut>
       </FSCol>
     </FSCard>
-  </FSMenu>
+  </v-menu>
 </template>
 
 <script lang="ts">
@@ -66,7 +66,6 @@ import { type ColorBase, ColorEnum, type FSDataTableColumn } from "@dative-gpi/f
 import FSCard from "../FSCard.vue";
 import FSChip from "../FSChip.vue";
 import FSSpan from "../FSSpan.vue";
-import FSMenu from '../FSMenu.vue';
 import FSCol from "../FSCol.vue";
 
 export default defineComponent({
@@ -75,7 +74,6 @@ export default defineComponent({
     FSCard,
     FSChip,
     FSSpan,
-    FSMenu,
     FSCol
   },
   props: {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dative-gpi/foundation-shared-components",
   "sideEffects": false,
-  "version": "1.0.143-onboarding",
+  "version": "1.0.144",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -10,8 +10,8 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@dative-gpi/foundation-shared-domain": "1.0.143-onboarding",
-    "@dative-gpi/foundation-shared-services": "1.0.143-onboarding"
+    "@dative-gpi/foundation-shared-domain": "1.0.144",
+    "@dative-gpi/foundation-shared-services": "1.0.144"
   },
   "peerDependencies": {
     "@dative-gpi/bones-ui": "^1.0.0",
@@ -35,5 +35,5 @@
     "sass": "1.71.1",
     "sass-loader": "13.3.2"
   },
-  "gitHead": "44c75a707aeddf8826add43b55f4971b91046b70"
+  "gitHead": "885ad0c42bb531c28c3d0f948e343b0e6cea912b"
 }

package/styles/components/fs_card.scss

@@ -4,7 +4,6 @@
     padding: var(--fs-card-padding);
     height: var(--fs-card-height);
     width: var(--fs-card-width);
-    position: relative;
     display: flex;
     
     border-color: var(--fs-card-border-color);
@@ -22,11 +21,4 @@
     &-gradient {
         background: var(--fs-card-background-color);
     }
-
-    .fs-card-top-right {
-        position: absolute;
-        line-height: normal;
-        right: var(--fs-card-top-right-padding);
-        top: var(--fs-card-top-right-padding);
-    }
 }

package/components/FSInformationsMenu.vue

@@ -1,124 +0,0 @@
-<template>
-  <FSMenu
-    :location="$props.location"
-    :closeOnContentClick="false"
-    minWidth="0"
-    v-model="modelValue"
-    v-bind="$attrs"
-  >
-    <template
-      #activator="{ props }"
-    >
-      <slot
-        name="activator"
-        v-bind="props"
-      >
-        <FSButton
-          v-bind="props"
-          :color="lightColors.dark"
-          :iconSize="$props.iconSize"
-          variant="icon"
-          icon="mdi-information-outline"
-        />
-      </slot>
-    </template>
-    <slot
-      name="menuContent"
-    >
-      <FSCard
-        :width="$props.width"
-        :padding="$props.padding"
-        :elevation="true"
-        align="center"
-      >
-        <slot
-          name="cardContent"
-        >
-          <FSRow
-            align="center-center"
-          >
-            <FSText
-              font="text-overline"
-              :lineClamp="4"
-            >
-              {{ $props.content }}
-            </FSText>
-          </FSRow>
-        </slot>
-        <template
-          #top-right
-        >
-          <FSButton
-            variant="icon"
-            icon="mdi-close"
-            iconSize="18px"
-            :color="lightColors.dark"
-            @click="modelValue = false"
-          />
-        </template>
-      </FSCard>
-    </slot>
-  </FSMenu>
-</template>
-
-<script lang="ts">
-import { defineComponent, ref, type PropType } from "vue";
-
-import { useColors } from "@dative-gpi/foundation-shared-components/composables";
-
-import { ColorEnum } from '@dative-gpi/foundation-shared-components/models';
-
-import FSRow from '@dative-gpi/foundation-shared-components/components/FSRow.vue';
-import FSMenu from '@dative-gpi/foundation-shared-components/components/FSMenu.vue';
-import FSCard from '@dative-gpi/foundation-shared-components/components/FSCard.vue';
-import FSText from '@dative-gpi/foundation-shared-components/components/FSText.vue';
-import FSButton from '@dative-gpi/foundation-shared-components/components/FSButton.vue';
-
-export default defineComponent({
-  name: "FSInformationsMenu",
-  components: {
-    FSMenu,
-    FSCard,
-    FSRow,
-    FSText,
-    FSButton
-  },
-  props: {
-    content: {
-      type: String as PropType<string | null>,
-      required: false,
-      default: null
-    },
-    location: {
-      type: String,
-      default: "top"
-    },
-    width: {
-      type: [Array, String, Number] as PropType<string[] | number[] | string | number | null>,
-      default: 182
-    },
-    padding: {
-      type: [Array, String, Number] as PropType<string[] | number[] | string | number | null>,
-      default: "16px 8px"
-    },
-    iconSize: {
-      type: String,
-      default: "18px"
-    }
-  },
-  emits: ["update:modelValue"],
-  setup() {
-    const modelValue = ref(false);
-
-    const { getColors } = useColors();
-
-    const lightColors = getColors(ColorEnum.Light);
-
-    return {
-      ColorEnum,
-      modelValue,
-      lightColors
-    };
-  }
-});
-</script>

package/components/FSMenu.vue

@@ -1,47 +0,0 @@
-<template>
-  <v-menu
-    :modelValue="$props.modelValue"
-    :scrollStrategy="$props.scrollStrategy"
-    :offset="$props.offset"
-    @update:modelValue="$emit('update:modelValue', $event)"
-  >
-    <template
-      v-for="(_, name) in $slots"
-      v-slot:[name]="slotData"
-    >
-      <slot
-        :name="name"
-        v-bind="slotData"
-      />
-    </template>
-    <slot />
-  </v-menu>
-</template>
-
-<script lang="ts">
-import { defineComponent, type PropType } from "vue";
-
-export default defineComponent({
-  name: "FSMenu",
-  props: {
-    modelValue: {
-      type: Boolean,
-      default: false
-    },
-    scrollStrategy: {
-      type: String,
-      default: "close"
-    },
-    offset: {
-      type: [String, Number] as PropType<string | number | null>,
-      default: "4px"
-    },
-  },
-  emits: ["update:modelValue"],
-  setup() {
-
-    return {
-    };
-  }
-});
-</script>