@dative-gpi/foundation-shared-components 1.0.136-maps → 1.0.136-override-widgets

package/components/map/FSMap.vue

@@ -22,6 +22,7 @@
           :color="ColorEnum.Primary"
           :latlng="gpsPosition"
         />
+  
         <FSMapFeatureGroup
           v-if="$props.areas"
           :expected-layers="$props.areas.length"
@@ -35,6 +36,7 @@
             @click="$emit('update:selectedAreaId', area.id)"
           />
         </FSMapFeatureGroup>
+  
         <FSMapMarkerClusterGroup
           v-if="$props.locations"
           :expected-layers="$props.locations.length"
@@ -52,7 +54,6 @@
             @click="$emit('update:selectedLocationId', location.id)"
           />
         </FSMapMarkerClusterGroup>
-        <slot />
       </template>
     </div>
 

package/components/map/FSMapMarker.vue

@@ -87,15 +87,15 @@ export default {
         icon = divIcon({
           html: locationMarkerHtml(props.icon, getColors(props.color).base, props.label),
           iconSize: [size, size],
-          className: props.selected ? 'fs-map-marker fs-map-location fs-map-location-selected' : 'fs-map-marker fs-map-location',
+          className: props.selected ? 'fs-map-location fs-map-location-selected' : 'fs-map-location',
           iconAnchor: [size / 2, size / 2],
         });
       } else {
-        const size = 16;
+        const size = 20;
         icon = divIcon({
-          html: pinMarkerHtml(getColors(props.color).base, props.label),
+          html: pinMarkerHtml(getColors(props.color).base),
           iconSize: [size, size],
-          className: props.selected ? 'fs-map-marker fs-map-pin fs-map-pin-selected' : 'fs-map-marker fs-map-pin',
+          className: props.selected ? 'fs-map-location fs-map-location-selected' : 'fs-map-location',
           iconAnchor: [size / 2, size / 2],
         });
       }

package/components/map/FSMapMarkerClusterGroup.vue

@@ -45,7 +45,7 @@ export default {
 
         return divIcon({
           html: clusterMarkerHtml(cluster.getChildCount()),
-          className: 'fs-map-marker fs-map-cluster-marker',
+          className: 'fs-map-location fs-map-location-full',
           iconSize: [size, size],
           iconAnchor: [size / 2, size / 2],
         });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dative-gpi/foundation-shared-components",
   "sideEffects": false,
-  "version": "1.0.136-maps",
+  "version": "1.0.136-override-widgets",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -10,8 +10,8 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@dative-gpi/foundation-shared-domain": "1.0.136-maps",
-    "@dative-gpi/foundation-shared-services": "1.0.136-maps"
+    "@dative-gpi/foundation-shared-domain": "1.0.136-override-widgets",
+    "@dative-gpi/foundation-shared-services": "1.0.136-override-widgets"
   },
   "peerDependencies": {
     "@dative-gpi/bones-ui": "^1.0.0",
@@ -35,5 +35,5 @@
     "sass": "1.71.1",
     "sass-loader": "13.3.2"
   },
-  "gitHead": "e5804d19ea9d2d1f215ddab730d72f0256841295"
+  "gitHead": "c2765a250ad2c493b88f3801f13ddd71405e898a"
 }

package/styles/components/fs_map.scss

@@ -77,10 +77,17 @@
     }
   }
 
-  .fs-map-marker > div {
+  .fs-map-point-pin {
+    background-color: var(--fs-map-point-pin-color);
+    border-radius: 100%;
+  }
+
+  .fs-map-location > div {
     display: flex;
     height: 100%;
+    color: var(--fs-map-location-pin-color);
     border-radius: 50%;
+    background-color: white;
     filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.4));
     align-items: center;
     justify-content: center;
@@ -96,7 +103,7 @@
     }
   }
 
-  .fs-map-cluster-marker > div {
+  .fs-map-location-full > div {
     background-color: var(--fs-map-location-pin-color);
     color: white;
   }
@@ -119,41 +126,6 @@
     }
   }
 
-  .fs-map-location > div {
-    color: var(--fs-map-location-pin-color);
-    background-color: white;
-  }
-
-  .fs-map-pin > div {
-    background-color: var(--fs-map-point-pin-color);
-    position: relative;
-
-    transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
-  }
-
-  .fs-map-pin > div::before {
-    content: "";
-    position: absolute;
-    top: -4px;
-    left: -4px;
-    width: calc(100% + 8px);
-    height: calc(100% + 8px);
-    border-radius: 50%;
-    border: 2px solid var(--fs-map-point-pin-color);
-    opacity: 0.4;
-
-    @include clickscreen {
-      &:hover {
-        opacity: 1;
-      }
-    }
-  }
-
-  .fs-map-pin-selected > div {
-    transform: scale(1.35);
-  }
-
-
   .fs-map-site {
     opacity: 0.6;
     transition: opacity 0.28s cubic-bezier(0.4, 0, 0.2, 1);