refactor: utlize onInit

as constructor is blocking and should only be used for simple property setting

refs #2318

visualization/app/codeCharta/ui/metricDeltaSelected/metricDeltaSelected.component.ts

@@ -1,4 +1,4 @@
-import { Component, Inject, Input } from "@angular/core"
+import { Component, Inject, Input, OnInit } from "@angular/core"
 import { Observable } from "rxjs"
 import { MapColors } from "../../codeCharta.model"
 import { Store } from "../../state/angular-redux/store"
@@ -10,13 +10,15 @@ import { CodeMapBuilding } from "../codeMap/rendering/codeMapBuilding"
 	selector: "cc-metric-delta-selected",
 	template: require("./metricDeltaSelected.component.html")
 })
-export class MetricDeltaSelectedComponent {
+export class MetricDeltaSelectedComponent implements OnInit {
 	@Input() attributeKey: string
 
 	selectedBuilding$: Observable<CodeMapBuilding>
 	mapColors$: Observable<MapColors>
 
-	constructor(@Inject(Store) private store: Store) {
+	constructor(@Inject(Store) private store: Store) {}
+
+	ngOnInit(): void {
 		this.selectedBuilding$ = this.store.select((state: CcState) => {
 			const selectedBuildingId = selectedBuildingIdSelector(state)
 			return state.lookUp.idToBuilding.get(selectedBuildingId)

visualization/app/codeCharta/ui/sortingButton/sortingButton.component.ts

@@ -1,4 +1,4 @@
-import { Component, Inject } from "@angular/core"
+import { Component, Inject, OnInit } from "@angular/core"
 import { Observable } from "rxjs"
 
 import { Store } from "../../state/angular-redux/store"
@@ -9,10 +9,12 @@ import { sortingOrderAscendingSelector } from "../../state/store/appSettings/sor
 	selector: "cc-sorting-button",
 	template: require("./sortingButton.component.html")
 })
-export class SortingButtonComponent {
+export class SortingButtonComponent implements OnInit {
 	orderAscending$: Observable<boolean>
 
-	constructor(@Inject(Store) private store: Store) {
+	constructor(@Inject(Store) private store: Store) {}
+
+	ngOnInit(): void {
 		this.orderAscending$ = this.store.select(sortingOrderAscendingSelector)
 	}