@daltonr/pathwrite-angular 0.1.5 → 0.2.1

package/src/shell.ts

@@ -10,6 +10,7 @@ import {
   OnInit,
   OnDestroy,
   inject,
+  Injector,
   ChangeDetectionStrategy
 } from "@angular/core";
 import { CommonModule } from "@angular/common";
@@ -96,11 +97,16 @@ export class PathStepDirective {
       <div class="pw-shell__body">
         <ng-container *ngFor="let stepDir of stepDirectives">
           <ng-container *ngIf="stepDir.stepId === s.stepId">
-            <ng-container *ngTemplateOutlet="stepDir.templateRef"></ng-container>
+            <ng-container *ngTemplateOutlet="stepDir.templateRef; injector: shellInjector"></ng-container>
           </ng-container>
         </ng-container>
       </div>
 
+      <!-- Validation messages -->
+      <ul class="pw-shell__validation" *ngIf="s.validationMessages.length > 0">
+        <li *ngFor="let msg of s.validationMessages" class="pw-shell__validation-item">{{ msg }}</li>
+      </ul>
+
       <!-- Footer — navigation buttons -->
       <div class="pw-shell__footer">
         <div class="pw-shell__footer-left">
@@ -132,14 +138,23 @@ export class PathStepDirective {
   `
 })
 export class PathShellComponent implements OnInit, OnDestroy {
-  @Input({ required: true }) path!: PathDefinition;
+  /** The path definition to run. Required. */
+  @Input({ required: true }) path!: PathDefinition<any>;
+  /** Initial data merged into the path engine on start. */
   @Input() initialData: PathData = {};
+  /** Start the path automatically on ngOnInit. Set to false to call doStart() manually. */
   @Input() autoStart = true;
+  /** Label for the Back navigation button. */
   @Input() backLabel = "Back";
+  /** Label for the Next navigation button. */
   @Input() nextLabel = "Next";
+  /** Label for the Next button when on the last step. */
   @Input() finishLabel = "Finish";
+  /** Label for the Cancel button. */
   @Input() cancelLabel = "Cancel";
+  /** Hide the Cancel button entirely. */
   @Input() hideCancel = false;
+  /** Hide the step progress indicator in the header. */
   @Input() hideProgress = false;
 
   @Output() completed = new EventEmitter<PathData>();
@@ -149,6 +164,9 @@ export class PathShellComponent implements OnInit, OnDestroy {
   @ContentChildren(PathStepDirective) stepDirectives!: QueryList<PathStepDirective>;
 
   public readonly facade = inject(PathFacade);
+  /** The shell's own component-level injector. Passed to ngTemplateOutlet so that
+   *  step components can resolve PathFacade (provided by this shell) via inject(). */
+  protected readonly shellInjector = inject(Injector);
   public started = false;
 
   private readonly destroy$ = new Subject<void>();