<div id="svg-container">
  <svg id="svg" xmlns="http://www.w3.org/2000/svg" [attr.width]="width" [attr.height]="height">
    <polygon
      *ngFor="let polygon of polygons"
      [attr.points]="polygon.toAttributeString()"
      [attr.fill]="polygon.color"
      [attr.opacity]="polygon.highlight ? 1.0 : 0.7"
      (mouseover)="polygonMouseOver(polygon)"
      (mouseout)="polygonMouseOut(polygon)"
    >
    </polygon>
  </svg>
</div>

<div id="svg-container">
  <svg id="svg" xmlns="http://www.w3.org/2000/svg" [attr.width]="width" [attr.height]="height">
    <polygon
      *ngFor="let polygon of polygons"
      [attr.points]="polygon.toAttributeString()"
      [attr.fill]="polygon.color"
      [attr.opacity]="polygon.highlight ? 1.0 : 0.7"
      (mouseenter)="polygonMouseEnter(polygon)"
      (mouseleave)="polygonMouseLeave(polygon)"
    >
    </polygon>
  </svg>
</div>

Update hover listeners to Environment template.
Update hover listeners to Environment template.
