@dative-gpi/foundation-shared-components 1.0.128-fix-mobile-9 → 1.0.128-fix-mobile-12

package/components/map/FSMap.vue

@@ -100,17 +100,18 @@
     </FSCol>
 
     <FSMapOverlay
-      v-if="$slots['overlay']"
       :mode="$props.overlayMode"
       @update:mode="$emit('update:overlayMode', $event)"
       @update:height="(height) => overlayHeight = height"
       @update:width="(width) => overlayWidth = width"
     >
       <template
-        #body
+        v-for="(_, name) in overlaySlots"
+        v-slot:[name]="slotData"
       >
         <slot
-          name="overlay"
+          :name="'overlay-' + name"
+          v-bind="slotData"
         />
       </template>
     </FSMapOverlay>
@@ -126,7 +127,7 @@ import { map as createMap, control, tileLayer, latLngBounds, latLng, type LatLng
 import { useTranslations as useTranslationsProvider } from "@dative-gpi/bones-ui/composables";
 import { type FSArea } from '@dative-gpi/foundation-shared-domain/models';
 
-import { useBreakpoints, useColors } from "../../composables";
+import { useBreakpoints, useColors, useSlots } from "../../composables";
 import { ColorEnum, type FSLocation, type MapLayer } from "../../models";
 
 import FSMapLayerButton from "./FSMapLayerButton.vue";
@@ -231,8 +232,9 @@ export default defineComponent({
   emits: ["update:modelValue", "update:selectedLocationId", "update:selectedAreaId", 'update:overlayMode', 'update:currentLayer', "click:latlng"],
   setup(props, { emit }) {
     const { $tr } = useTranslationsProvider();
-    const { getColors } = useColors();
     const { isExtraSmall } = useBreakpoints();
+    const { getColors } = useColors();
+    const { slots } = useSlots();
 
     const leafletContainer = ref<HTMLElement>();
     const locationGroupBounds = ref<LatLngBounds>();
@@ -314,6 +316,13 @@ export default defineComponent({
       return bounds as LatLngBounds;
     });
 
+    const overlaySlots = computed(() => {
+      return Object.keys(slots).filter((slot) => slot.startsWith("overlay-")).reduce((acc, slot) => {
+        acc[slot.replace("overlay-", "")] = slots[slot];
+        return acc;
+      }, {} as Record<string, unknown>);
+    });
+
     const calculateTargetPosition = (target: L.LatLng, zoom?: number) => {
       if(!map.value) {
         return target;
@@ -468,7 +477,8 @@ export default defineComponent({
       actualLayer,
       mapLayers,
       gpsPosition,
-      style
+      style,
+      overlaySlots
     };
   }
 });

package/components/map/FSMapOverlay.vue

@@ -10,7 +10,7 @@
     v-show="isExtraSmall"
     ref="mobileOverlayWrapper"
     class="fs-map-overlay-mobile"
-    :style="{ height: $props.mode === 'expand' ? '90%' : ($props.mode === 'half' ? '60%' : '20px') }"
+    :style="{ height: $props.mode === 'expand' ? '90%' : ($props.mode === 'half' ? '60%' : 'auto') }"
   >
     <FSCard
       width="100%"
@@ -32,10 +32,11 @@
             <FSIcon>
               {{ $props.mode === 'expand' ? 'mdi-chevron-down' : 'mdi-chevron-up' }}
             </FSIcon>
-            <slot
-              name="collapsed"
-            />
           </FSRow>
+          <slot
+            v-if="$props.mode === 'collapse'"
+            name="collapsed"
+          />
         </template>
         <template
           v-else
@@ -48,10 +49,11 @@
               :icon="$props.mode === 'expand' ? 'mdi-chevron-down' : 'mdi-chevron-up'"
               @click="$props.mode === 'expand' ? $emit('update:mode', 'collapse') : $emit('update:mode', 'expand')"
             />
-            <slot
-              name="collapsed"
-            />
           </FSRow>
+          <slot
+            v-if="$props.mode === 'collapse'"
+            name="collapsed"
+          />
         </template>
         <FSCol
           v-if="$props.mode !== 'collapse'"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dative-gpi/foundation-shared-components",
   "sideEffects": false,
-  "version": "1.0.128-fix-mobile-9",
+  "version": "1.0.128-fix-mobile-12",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -10,8 +10,8 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@dative-gpi/foundation-shared-domain": "1.0.128-fix-mobile-9",
-    "@dative-gpi/foundation-shared-services": "1.0.128-fix-mobile-9"
+    "@dative-gpi/foundation-shared-domain": "1.0.128-fix-mobile-12",
+    "@dative-gpi/foundation-shared-services": "1.0.128-fix-mobile-12"
   },
   "peerDependencies": {
     "@dative-gpi/bones-ui": "^1.0.0",
@@ -35,5 +35,5 @@
     "sass": "1.71.1",
     "sass-loader": "13.3.2"
   },
-  "gitHead": "ae39c0118a3ed2d46752bfe37fb089d70e51e7ca"
+  "gitHead": "001b23c2ba55899cb9e93038c769289a1b20024b"
 }