Fix hover and select remove @Host()

package-lock.json

@@ -8361,9 +8361,9 @@
       "integrity": "sha512-6YHXtdXkGH3w0NQoaUgNYAcrj064Lv5RTO284ha/hvpNTrh55yQz2cVh0VvwBk3MjyY2tdmLH4SuCJDszYdYiw=="
     },
     "ngx-openlayers": {
-      "version": "1.0.0-next.16",
+      "version": "1.0.0-next.17",
-      "resolved": "https://registry.npmjs.org/ngx-openlayers/-/ngx-openlayers-1.0.0-next.16.tgz",
+      "resolved": "https://registry.npmjs.org/ngx-openlayers/-/ngx-openlayers-1.0.0-next.17.tgz",
-      "integrity": "sha512-GzNCyjj72AHEcmf8oT6SDSZLYBwKBJwRebMv1SgPdY4gsoQ/dbpqY7nmjX8k8kuQoVQQxt7UyIak3tcNYbOKVQ=="
+      "integrity": "sha512-Kqw056VIgolpiLsf8xPWlkHyKKCa4vh9ORzWCo6c1KvvYxVWriofidnOIzJZ4q768iE+hNgt9ERRI+DexoPFwg=="
     },
     "ngx-uploadx": {
       "version": "3.5.2",

package.json

@@ -33,7 +33,7 @@
     "core-js": "^2.6.11",
     "ngrx-store-localstorage": "^10.0",
     "ngx-bootstrap": "^5.6.1",
-    "ngx-openlayers": "1.0.0-next.16",
+    "ngx-openlayers": "1.0.0-next.17",
     "ngx-uploadx": "^3.5.1",
     "ol": "6.4.3",
     "ol-cesium": "^2.11.3",

projects/common-map/src/fm-map/components/aol/gps-location/gps-location.component.ts

@@ -26,7 +26,7 @@ export class GpsLocation  implements OnInit,OnChanges{
   initialized:boolean = false;
   @ViewChild('location', { static: true }) locationElement: ElementRef;
 
-  constructor(@Host() private map: MapComponent) {
+  constructor(private map: MapComponent) {
     
   }
 

projects/common-map/src/fm-map/components/aol/item-layers/item-layers.component.ts

@@ -36,7 +36,7 @@ export class ItemLayersComponent extends LayerGroupComponent implements OnChange
   private selectedFeatures = {};
   private selectionLayer:Layer = null;
   
-  constructor(private itemService: ItemService, @Host() private map: MapComponent, public appConfig: AppConfig) {
+  constructor(private itemService: ItemService, private map: MapComponent, public appConfig: AppConfig) {
     super(map);
     this._apiEndPoint = appConfig.getConfig("apiEndPoint");
   }

projects/common-map/src/fm-map/components/aol/item-vector-source/item-vector-source.component.ts

@@ -38,7 +38,7 @@ export class ItemVectorSourceComponent extends SourceVectorComponent implements
   @Output() onFeatureHover: EventEmitter<Feature> = new EventEmitter<Feature>();
   private stylesCache:IStyles = {};
 
-  constructor(@Host() private layer: LayerVectorComponent, private itemService: ItemService, @Host() private map: MapComponent, private itemTypeService: ItemTypeService,private featureIconService$:FeatureIconService) {
+  constructor(@Host() private layer: LayerVectorComponent, private itemService: ItemService, private map: MapComponent, private itemTypeService: ItemTypeService,private featureIconService$:FeatureIconService) {
     super(layer);
     this._format = new GeoJSON();
   }  
@@ -116,6 +116,8 @@ export class ItemVectorSourceComponent extends SourceVectorComponent implements
       if (!this.stylesCache[key]) {
         if (this.itemTypeService.itemTypes[key]) {
           let itemType = this.itemTypeService.itemTypes[key];
+          let fillColor = color.asArray(itemType.iconColor);
+          fillColor[3] = 0;
           this.stylesCache[key] = new style.Style({
               image: itemType.icon ? new style.Icon({
                   anchor: [0.5, 1],
@@ -126,6 +128,9 @@ export class ItemVectorSourceComponent extends SourceVectorComponent implements
                 color: 'red',
                 width: 1
               }),
+              fill: new style.Fill({
+                color: fillColor
+              }),
               geometry:(feature) => this.geometry(feature)
             });                   
         } else {

projects/common-map/src/fm-map/components/aol/rotation-reset/rotation-reset.component.ts

@@ -29,7 +29,7 @@ export class RotationResetComponent implements OnInit {
     });
   }
 
-  constructor( @Host() private map: MapComponent, private changeDetectorRef$: ChangeDetectorRef ) {
+  constructor( private map: MapComponent, private changeDetectorRef$: ChangeDetectorRef ) {
   }
 
   handleClick(event:Event) {

projects/common-map/src/fm-map/effects/map.effects.ts

@@ -64,6 +64,9 @@ export class MapEffects {
         stroke: new style.Stroke({
           color: 'red',
           width: 1
+        }),
+        fill: new style.Fill({
+          color: 'rgba(0, 0, 0,0)'
         })
       })));
       actions.push(new mapActions.SetStyle('selected',new style.Style({
@@ -75,6 +78,9 @@ export class MapEffects {
         stroke: new style.Stroke({
           color: 'red',
           width: 3
+        }),
+        fill: new style.Fill({
+          color: 'rgba(0, 0, 0, 0)'
         })
       })));
 

projects/common-map3d/src/fm-map3d/components/olcs/switch2d3d/switch2d3d.component.ts

@@ -17,7 +17,7 @@ export class Switch2D3DComponent {
   private synchronizers:any[];
 
 
-  constructor(@Host() private map: MapComponent) {
+  constructor(private map: MapComponent) {
     
   }
 

src/configuration.json

@@ -1,9 +1,9 @@
 {
     "issuer": "https://accounts.test.farmmaps.eu",
     "clientId": "farmmapsdev",
-    "audience": "http://localhost:8082",
+    "audience": "https://test.farmmaps.eu",
     "requireHttps": true,
-    "apiEndPoint": "http://localhost:8082",
+    "apiEndPoint": "https://test.farmmaps.eu",
     "grantType":"code"
 }