fix(ng-core): Fix a timing issue when combining nasModel and `Wrapp…

…edControlSuperclass` so that it properly receives its initial value

projects/integration/src/app/wrapped-control/wrapped-control.component.spec.ts

@@ -0,0 +1,30 @@
+import { Component } from '@angular/core';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { RootStore } from '@s-libs/app-state';
+import { NasModelModule } from '@s-libs/ng-app-state';
+import { ComponentContext } from '@s-libs/ng-dev';
+import { WrappedControlComponent } from './wrapped-control.component';
+
+describe('WrappedControlComponent', () => {
+  // There is some kind of tricky timing issue when using NasModel and WrappedControlSuperclass that required moving a subscription from `ngOnInit()` to `constructor()` to fix.
+  it('catches the first incoming value from a nasModel', () => {
+    @Component({
+      template: `
+        <s-wrapped-control [nasModel]="store('value')"></s-wrapped-control>
+      `,
+    })
+    class WrapperComponent {
+      store = new RootStore({ value: 'initial value' });
+    }
+
+    const ctx = new ComponentContext(WrapperComponent, {
+      declarations: [WrappedControlComponent],
+      imports: [FormsModule, NasModelModule, ReactiveFormsModule],
+    });
+    ctx.run(() => {
+      const el: HTMLElement = ctx.fixture.nativeElement;
+      const input = el.querySelector('input')!;
+      expect(input.value).toBe('initial value');
+    });
+  });
+});

projects/ng-core/src/lib/wrapped-control-superclass.ts

@@ -77,10 +77,14 @@ export abstract class WrappedControlSuperclass<OuterType, InnerType = OuterType>
 
   private incomingValues$ = new Subject<OuterType>();
 
-  ngOnInit(): void {
+  constructor(injector: Injector) {
+    super(injector);
     this.subscribeTo(this.setUpOuterToInner$(this.incomingValues$), (inner) => {
       this.control.setValue(inner, { emitEvent: false });
     });
+  }
+
+  ngOnInit(): void {
     this.subscribeTo(
       this.setUpInnerToOuter$(this.control.valueChanges),
       (outer) => {