MOBILE-4842 core: Fix passing outputs to dynamic components

Author: dpalou

src/core/components/dynamic-component/dynamic-component.ts

@@ -29,6 +29,7 @@ import {
     Type,
     inject,
     EventEmitter,
+    OutputEmitterRef,
 } from '@angular/core';
 import { AsyncDirective } from '@classes/async-directive';
 import { CorePromisedValue } from '@classes/promised-value';
@@ -221,12 +222,22 @@ export class CoreDynamicComponent<ComponentClass> implements OnChanges, DoCheck,
 
         const instance = this.componentRef.instance;
         for (const name in this.data) {
-            // Check instance[name] is an Output.
-            if (instance[name] instanceof EventEmitter) {
-                continue;
+            if (this.isOutput(instance[name]) || (instance[name] === undefined && this.isOutput(this.data[name]))) {
+                instance[name] = this.data[name];
+            } else {
+                this.componentRef.setInput(name, this.data[name]);
             }
-            this.componentRef.setInput(name, this.data[name]);
         }
     }
 
+    /**
+     * Check if a value is an output.
+     *
+     * @param value Value to check.
+     * @returns Whether the value is an output.
+     */
+    protected isOutput(value: unknown): boolean {
+        return value instanceof EventEmitter || value instanceof OutputEmitterRef;
+    }
+
 }