compodoc
diff --git a/‎src/app/compiler/angular/deps/helpers/component-helper.ts
Lines changed: 27 additions & 1 deletion b/‎src/app/compiler/angular/deps/helpers/component-helper.ts
Lines changed: 27 additions & 1 deletion
diff --git a/‎test/fixtures/sample-files/foo.component.ts
Lines changed: 2 additions & 2 deletions b/‎test/fixtures/sample-files/foo.component.ts
Lines changed: 2 additions & 2 deletions
diff --git a/‎test/fixtures/todomvc-ng2/src/app/about/compodoc/compodoc.component.ts
Lines changed: 5 additions & 10 deletions b/‎test/fixtures/todomvc-ng2/src/app/about/compodoc/compodoc.component.ts
Lines changed: 5 additions & 10 deletions
@@ -220,7 +220,7 @@ export class ComponentHelper {
 
             const result = {
                 required: !!required,
-                type,
+                type: this.parseSignalType(type),
                 defaultValue
             };
 
@@ -235,6 +235,32 @@ export class ComponentHelper {
         }
     }
 
+    public parseSignalType(type: string) {
+        if (!type) {
+            return type;
+        }
+
+        // adjust union string expression like: 'foo' | 'bar' | 'test'
+        // which should be outputed as: "foo" | "bar" | "test"
+
+        const unionTypeRegex = /^'([\w-]+)'\s?\|\s?('([\w-]+)'|.*)$/
+        let typeRest = type;
+        let newType = "";
+        let typeMatch: RegExpMatchArray;
+        while ((typeMatch = typeRest.match(unionTypeRegex))) {
+            const [, first, rest, second] = typeMatch;
+            if (second) {
+                newType += `"${first}" | "${second}"`;
+                type = newType;
+                break;
+            }
+            newType += `"${first}" | `;
+            typeRest = rest;
+        }
+
+        return type;
+    }
+
     public getComponentStandalone(
         props: ReadonlyArray<ts.ObjectLiteralElementLike>,
         srcFile: ts.SourceFile
 
@@ -44,12 +44,12 @@ export class FooComponent {
     /**
      * An example aliased input using the object syntax
      */
-    @Input({ alias: 'aliasedInput' }) objectAliasedInput: string;
+    @Input({ alias: 'aliasedInputObjectSyntax' }) objectAliasedInput: string;
 
     /**
      * An example aliased required input using the object syntax
      */
-    @Input({ alias: 'aliasedInput', required: true }) aliasedAndRequired: string;
+    @Input({ alias: 'aliasedAndRequiredInput', required: true }) aliasedAndRequired: string;
 
     /**
      * An example output
 
@@ -50,15 +50,10 @@ export class CompodocComponent {
      */
 
     outputSignal = output();
-    outputSignalWithDefaultValue = output(this.defaultValue);
-    outputSignalWithDefaultStringValue = output('value');
-    outputSignalWithAlias = output(0, { alias: 'aliasedSignal' });
+    outputSignalWithAlias = output({ alias: 'aliasedSignal' });
 
-    requiredOutputSignal = output.required();
-    requiredOutputSignalWithType = output.required<number>();
-
-    outputSignalWithType = output<string>('value');
-    outputSignalWithStringType = output<'value'>('value');
-    outputSignalWithMultipleTypes = output<string | number>(0);
-    outputSignalWithMultipleMixedTypes = output<'asc' | 'dsc' | number>('asc');
+    outputSignalWithType = output<string>();
+    outputSignalWithStringType = output<'value'>();
+    outputSignalWithMultipleTypes = output<string | number>();
+    outputSignalWithMultipleMixedTypes = output<'asc' | 'dsc' | number>();
 }