Build infrastructure and Angular 15 upgrade

projects/flo/properties/properties.group.component.ts

@@ -0,0 +1,49 @@
+import { Component, Input, OnInit, ViewEncapsulation } from '@angular/core';
+import { FormGroup, FormControl } from '@angular/forms';
+import { Properties } from '../shared/flo-properties';
+import PropertyFilter = Properties.PropertyFilter;
+
+@Component({
+  selector: 'properties-group',
+  templateUrl: './properties.group.component.html',
+  encapsulation: ViewEncapsulation.None
+})
+export class PropertiesGroupComponent implements OnInit {
+
+  @Input()
+  propertiesGroupModel: Properties.PropertiesGroupModel;
+
+  @Input()
+  form: FormGroup;
+
+  @Input()
+  filter: PropertyFilter;
+
+  ngOnInit() {
+    if (this.propertiesGroupModel.isLoading) {
+      let subscription = this.propertiesGroupModel.loadedSubject.subscribe(loaded => {
+        if (loaded) {
+          subscription.unsubscribe();
+          this.createGroupControls();
+        }
+      })
+    } else {
+      this.createGroupControls();
+    }
+  }
+
+  createGroupControls() {
+    this.propertiesGroupModel.getControlsModels().forEach(c => {
+      if (c.validation) {
+        this.form.addControl(c.id, new FormControl(c.value || '', c.validation.validator, c.validation.asyncValidator));
+      } else {
+        this.form.addControl(c.id, new FormControl(c.value || ''));
+      }
+    })
+  }
+
+  get controlModelsToDisplay() {
+    return this.propertiesGroupModel.getControlsModels().filter(c => !this.filter || this.filter.accept(c.property));
+  }
+
+}