@daltonr/pathwrite-angular 0.1.1

package/LICENSE

@@ -0,0 +1,22 @@
+MIT License
+
+Copyright (c) 2026 Richard Dalton
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+

package/README.md

@@ -0,0 +1,80 @@
+# @daltonr/pathwrite-angular
+
+Angular `@Injectable` facade over `@daltonr/pathwrite-core`. Exposes path state and events as RxJS observables that work seamlessly with Angular signals, the `async` pipe, and `takeUntilDestroyed`.
+
+## Setup
+
+Provide `PathFacade` at the component level so each component gets its own isolated path instance, and Angular handles cleanup automatically via `ngOnDestroy`.
+
+```typescript
+@Component({
+  // ...
+  providers: [PathFacade]
+})
+export class MyComponent {
+  protected readonly facade = inject(PathFacade);
+
+  // Reactive snapshot — updates whenever the path state changes
+  public readonly snapshot = toSignal(this.facade.state$, { initialValue: null });
+
+  constructor() {
+    // Automatically unsubscribes when the component is destroyed
+    this.facade.events$.pipe(takeUntilDestroyed()).subscribe((event) => {
+      console.log(event);
+    });
+  }
+}
+```
+
+## PathFacade API
+
+### Observables
+
+| Member | Type | Description |
+|--------|------|-------------|
+| `state$` | `Observable<PathSnapshot \| null>` | Current snapshot. `null` when no path is active. Backed by a `BehaviorSubject` — late subscribers receive the current value immediately. |
+| `events$` | `Observable<PathEvent>` | All engine events: `stateChanged`, `completed`, `cancelled`, `resumed`. |
+
+### Methods
+
+| Method | Description |
+|--------|-------------|
+| `start(definition, data?)` | Start or re-start a path. |
+| `startSubPath(definition, data?)` | Push a sub-path. Requires an active path. |
+| `next()` | Advance one step. Completes the path on the last step. |
+| `previous()` | Go back one step. Cancels the path from the first step. |
+| `cancel()` | Cancel the active path (or sub-path). |
+| `setData(key, value)` | Update a single data value; emits `stateChanged`. |
+| `goToStep(stepId)` | Jump directly to a step by ID. |
+| `snapshot()` | Synchronous read of the current `PathSnapshot \| null`. |
+
+### Lifecycle
+
+`PathFacade` implements `OnDestroy`. When Angular destroys the providing component, `ngOnDestroy` is called automatically, which:
+- Unsubscribes from the internal `PathEngine`
+- Completes `state$` and `events$`
+
+## Using with signals (Angular 16+)
+
+```typescript
+public readonly snapshot = toSignal(this.facade.state$, { initialValue: null });
+
+// Derive computed values from the snapshot signal
+public readonly isActive    = computed(() => this.snapshot() !== null);
+public readonly currentStep = computed(() => this.snapshot()?.stepId ?? null);
+```
+
+## Using with the async pipe
+
+```html
+<ng-container *ngIf="facade.state$ | async as s">
+  <p>{{ s.pathId }} / {{ s.stepId }}</p>
+</ng-container>
+```
+
+## Peer dependencies
+
+| Package | Version |
+|---------|---------|
+| `@angular/core` | `>=16.0.0` |
+| `rxjs` | `>=7.0.0` |

package/dist/index.d.ts

@@ -0,0 +1,21 @@
+import { OnDestroy } from "@angular/core";
+import { Observable } from "rxjs";
+import { PathData, PathDefinition, PathEvent, PathSnapshot } from "@daltonr/pathwrite-core";
+export declare class PathFacade implements OnDestroy {
+    private readonly engine;
+    private readonly _state$;
+    private readonly _events$;
+    private readonly unsubscribeFromEngine;
+    readonly state$: Observable<PathSnapshot | null>;
+    readonly events$: Observable<PathEvent>;
+    constructor();
+    ngOnDestroy(): void;
+    start(path: PathDefinition, initialData?: PathData): Promise<void>;
+    startSubPath(path: PathDefinition, initialData?: PathData): Promise<void>;
+    next(): Promise<void>;
+    previous(): Promise<void>;
+    cancel(): Promise<void>;
+    setData(key: string, value: unknown): Promise<void>;
+    goToStep(stepId: string): Promise<void>;
+    snapshot(): PathSnapshot | null;
+}

package/dist/index.js

@@ -0,0 +1,102 @@
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
+import { Injectable } from "@angular/core";
+import { BehaviorSubject, Subject } from "rxjs";
+import { PathEngine } from "@daltonr/pathwrite-core";
+let PathFacade = (() => {
+    let _classDecorators = [Injectable()];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var PathFacade = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            PathFacade = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        engine = new PathEngine();
+        _state$ = new BehaviorSubject(null);
+        _events$ = new Subject();
+        unsubscribeFromEngine;
+        state$ = this._state$.asObservable();
+        events$ = this._events$.asObservable();
+        constructor() {
+            this.unsubscribeFromEngine = this.engine.subscribe((event) => {
+                this._events$.next(event);
+                if (event.type === "stateChanged" || event.type === "resumed") {
+                    this._state$.next(event.snapshot);
+                }
+                else if (event.type === "completed" || event.type === "cancelled") {
+                    this._state$.next(null);
+                }
+            });
+        }
+        ngOnDestroy() {
+            this.unsubscribeFromEngine();
+            this._events$.complete();
+            this._state$.complete();
+        }
+        start(path, initialData = {}) {
+            return this.engine.start(path, initialData);
+        }
+        startSubPath(path, initialData = {}) {
+            return this.engine.startSubPath(path, initialData);
+        }
+        next() {
+            return this.engine.next();
+        }
+        previous() {
+            return this.engine.previous();
+        }
+        cancel() {
+            return this.engine.cancel();
+        }
+        setData(key, value) {
+            return this.engine.setData(key, value);
+        }
+        goToStep(stepId) {
+            return this.engine.goToStep(stepId);
+        }
+        snapshot() {
+            return this._state$.getValue();
+        }
+    };
+    return PathFacade = _classThis;
+})();
+export { PathFacade };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,eAAe,EAAc,OAAO,EAAE,MAAM,MAAM,CAAC;AAC5D,OAAO,EAGL,UAAU,EAGX,MAAM,yBAAyB,CAAC;IAGpB,UAAU;4BADtB,UAAU,EAAE;;;;;;;;YACb,6KAyDC;;;YAzDY,uDAAU;;QACJ,MAAM,GAAG,IAAI,UAAU,EAAE,CAAC;QAC1B,OAAO,GAAG,IAAI,eAAe,CAAsB,IAAI,CAAC,CAAC;QACzD,QAAQ,GAAG,IAAI,OAAO,EAAa,CAAC;QACpC,qBAAqB,CAAa;QAEnC,MAAM,GAAoC,IAAI,CAAC,OAAO,CAAC,YAAY,EAAE,CAAC;QACtE,OAAO,GAA0B,IAAI,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC;QAE9E;YACE,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE;gBAC3D,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC1B,IAAI,KAAK,CAAC,IAAI,KAAK,cAAc,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;oBAC9D,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;gBACpC,CAAC;qBAAM,IAAI,KAAK,CAAC,IAAI,KAAK,WAAW,IAAI,KAAK,CAAC,IAAI,KAAK,WAAW,EAAE,CAAC;oBACpE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBAC1B,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC;QAEM,WAAW;YAChB,IAAI,CAAC,qBAAqB,EAAE,CAAC;YAC7B,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC;YACzB,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC;QAC1B,CAAC;QAEM,KAAK,CAAC,IAAoB,EAAE,cAAwB,EAAE;YAC3D,OAAO,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;QAC9C,CAAC;QAEM,YAAY,CAAC,IAAoB,EAAE,cAAwB,EAAE;YAClE,OAAO,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;QACrD,CAAC;QAEM,IAAI;YACT,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;QAC5B,CAAC;QAEM,QAAQ;YACb,OAAO,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;QAChC,CAAC;QAEM,MAAM;YACX,OAAO,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;QAC9B,CAAC;QAEM,OAAO,CAAC,GAAW,EAAE,KAAc;YACxC,OAAO,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;QACzC,CAAC;QAEM,QAAQ,CAAC,MAAc;YAC5B,OAAO,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QACtC,CAAC;QAEM,QAAQ;YACb,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC;QACjC,CAAC;;;;SAxDU,UAAU"}

package/dist/shell.d.ts

@@ -0,0 +1,51 @@
+import { TemplateRef, EventEmitter, QueryList, OnInit, OnDestroy } from "@angular/core";
+import { PathData, PathDefinition, PathEvent } from "@daltonr/pathwrite-core";
+import { PathFacade } from "./index";
+/**
+ * Structural directive that associates a template with a step ID.
+ * Used inside `<pw-shell>` to define per-step content.
+ *
+ * ```html
+ * <pw-shell [path]="myPath">
+ *   <ng-template pwStep="details"><app-details-form /></ng-template>
+ *   <ng-template pwStep="review"><app-review-panel /></ng-template>
+ * </pw-shell>
+ * ```
+ */
+export declare class PathStepDirective {
+    readonly templateRef: TemplateRef<unknown>;
+    stepId: string;
+    constructor(templateRef: TemplateRef<unknown>);
+}
+/**
+ * Default UI shell component. Renders a progress indicator, step content,
+ * and navigation buttons.
+ *
+ * ```html
+ * <pw-shell [path]="myPath" [initialData]="{ name: '' }" (completed)="onDone($event)">
+ *   <ng-template pwStep="details"><app-details-form /></ng-template>
+ *   <ng-template pwStep="review"><app-review-panel /></ng-template>
+ * </pw-shell>
+ * ```
+ */
+export declare class PathShellComponent implements OnInit, OnDestroy {
+    path: PathDefinition;
+    initialData: PathData;
+    autoStart: boolean;
+    backLabel: string;
+    nextLabel: string;
+    finishLabel: string;
+    cancelLabel: string;
+    hideCancel: boolean;
+    hideProgress: boolean;
+    completed: EventEmitter<PathData>;
+    cancelled: EventEmitter<PathData>;
+    pathEvent: EventEmitter<PathEvent>;
+    stepDirectives: QueryList<PathStepDirective>;
+    readonly facade: PathFacade;
+    started: boolean;
+    private readonly destroy$;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    doStart(): void;
+}

package/dist/shell.js

@@ -0,0 +1,288 @@
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
+import { Component, Directive, Input, Output, EventEmitter, ContentChildren, inject, ChangeDetectionStrategy } from "@angular/core";
+import { CommonModule } from "@angular/common";
+import { Subject } from "rxjs";
+import { takeUntil } from "rxjs/operators";
+import { PathFacade } from "./index";
+// ---------------------------------------------------------------------------
+// PathStepDirective
+// ---------------------------------------------------------------------------
+/**
+ * Structural directive that associates a template with a step ID.
+ * Used inside `<pw-shell>` to define per-step content.
+ *
+ * ```html
+ * <pw-shell [path]="myPath">
+ *   <ng-template pwStep="details"><app-details-form /></ng-template>
+ *   <ng-template pwStep="review"><app-review-panel /></ng-template>
+ * </pw-shell>
+ * ```
+ */
+let PathStepDirective = (() => {
+    let _classDecorators = [Directive({ selector: "[pwStep]", standalone: true })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _stepId_decorators;
+    let _stepId_initializers = [];
+    let _stepId_extraInitializers = [];
+    var PathStepDirective = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _stepId_decorators = [Input({ required: true, alias: "pwStep" })];
+            __esDecorate(null, null, _stepId_decorators, { kind: "field", name: "stepId", static: false, private: false, access: { has: obj => "stepId" in obj, get: obj => obj.stepId, set: (obj, value) => { obj.stepId = value; } }, metadata: _metadata }, _stepId_initializers, _stepId_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            PathStepDirective = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        templateRef;
+        stepId = __runInitializers(this, _stepId_initializers, void 0);
+        constructor(templateRef) {
+            __runInitializers(this, _stepId_extraInitializers);
+            this.templateRef = templateRef;
+        }
+    };
+    return PathStepDirective = _classThis;
+})();
+export { PathStepDirective };
+// ---------------------------------------------------------------------------
+// PathShellComponent
+// ---------------------------------------------------------------------------
+/**
+ * Default UI shell component. Renders a progress indicator, step content,
+ * and navigation buttons.
+ *
+ * ```html
+ * <pw-shell [path]="myPath" [initialData]="{ name: '' }" (completed)="onDone($event)">
+ *   <ng-template pwStep="details"><app-details-form /></ng-template>
+ *   <ng-template pwStep="review"><app-review-panel /></ng-template>
+ * </pw-shell>
+ * ```
+ */
+let PathShellComponent = (() => {
+    let _classDecorators = [Component({
+            selector: "pw-shell",
+            standalone: true,
+            imports: [CommonModule],
+            providers: [PathFacade],
+            changeDetection: ChangeDetectionStrategy.Default,
+            template: `
+    <!-- Empty state -->
+    <div class="pw-shell" *ngIf="!(facade.state$ | async)">
+      <div class="pw-shell__empty" *ngIf="!started">
+        <p>No active path.</p>
+        <button *ngIf="!autoStart" type="button" class="pw-shell__start-btn" (click)="doStart()">Start</button>
+      </div>
+    </div>
+
+    <!-- Active path -->
+    <div class="pw-shell" *ngIf="facade.state$ | async as s">
+      <!-- Header — progress indicator -->
+      <div class="pw-shell__header" *ngIf="!hideProgress">
+        <div class="pw-shell__steps">
+          <div
+            *ngFor="let step of s.steps; let i = index"
+            class="pw-shell__step"
+            [ngClass]="'pw-shell__step--' + step.status"
+          >
+            <span class="pw-shell__step-dot">{{ step.status === 'completed' ? '✓' : (i + 1) }}</span>
+            <span class="pw-shell__step-label">{{ step.title ?? step.id }}</span>
+          </div>
+        </div>
+        <div class="pw-shell__track">
+          <div class="pw-shell__track-fill" [style.width.%]="s.progress * 100"></div>
+        </div>
+      </div>
+
+      <!-- Body — step content -->
+      <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>
+        </ng-container>
+      </div>
+
+      <!-- Footer — navigation buttons -->
+      <div class="pw-shell__footer">
+        <div class="pw-shell__footer-left">
+          <button
+            *ngIf="!s.isFirstStep"
+            type="button"
+            class="pw-shell__btn pw-shell__btn--back"
+            [disabled]="s.isNavigating"
+            (click)="facade.previous()"
+          >{{ backLabel }}</button>
+        </div>
+        <div class="pw-shell__footer-right">
+          <button
+            *ngIf="!hideCancel"
+            type="button"
+            class="pw-shell__btn pw-shell__btn--cancel"
+            [disabled]="s.isNavigating"
+            (click)="facade.cancel()"
+          >{{ cancelLabel }}</button>
+          <button
+            type="button"
+            class="pw-shell__btn pw-shell__btn--next"
+            [disabled]="s.isNavigating"
+            (click)="facade.next()"
+          >{{ s.isLastStep ? finishLabel : nextLabel }}</button>
+        </div>
+      </div>
+    </div>
+  `
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _path_decorators;
+    let _path_initializers = [];
+    let _path_extraInitializers = [];
+    let _initialData_decorators;
+    let _initialData_initializers = [];
+    let _initialData_extraInitializers = [];
+    let _autoStart_decorators;
+    let _autoStart_initializers = [];
+    let _autoStart_extraInitializers = [];
+    let _backLabel_decorators;
+    let _backLabel_initializers = [];
+    let _backLabel_extraInitializers = [];
+    let _nextLabel_decorators;
+    let _nextLabel_initializers = [];
+    let _nextLabel_extraInitializers = [];
+    let _finishLabel_decorators;
+    let _finishLabel_initializers = [];
+    let _finishLabel_extraInitializers = [];
+    let _cancelLabel_decorators;
+    let _cancelLabel_initializers = [];
+    let _cancelLabel_extraInitializers = [];
+    let _hideCancel_decorators;
+    let _hideCancel_initializers = [];
+    let _hideCancel_extraInitializers = [];
+    let _hideProgress_decorators;
+    let _hideProgress_initializers = [];
+    let _hideProgress_extraInitializers = [];
+    let _completed_decorators;
+    let _completed_initializers = [];
+    let _completed_extraInitializers = [];
+    let _cancelled_decorators;
+    let _cancelled_initializers = [];
+    let _cancelled_extraInitializers = [];
+    let _pathEvent_decorators;
+    let _pathEvent_initializers = [];
+    let _pathEvent_extraInitializers = [];
+    let _stepDirectives_decorators;
+    let _stepDirectives_initializers = [];
+    let _stepDirectives_extraInitializers = [];
+    var PathShellComponent = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _path_decorators = [Input({ required: true })];
+            _initialData_decorators = [Input()];
+            _autoStart_decorators = [Input()];
+            _backLabel_decorators = [Input()];
+            _nextLabel_decorators = [Input()];
+            _finishLabel_decorators = [Input()];
+            _cancelLabel_decorators = [Input()];
+            _hideCancel_decorators = [Input()];
+            _hideProgress_decorators = [Input()];
+            _completed_decorators = [Output()];
+            _cancelled_decorators = [Output()];
+            _pathEvent_decorators = [Output()];
+            _stepDirectives_decorators = [ContentChildren(PathStepDirective)];
+            __esDecorate(null, null, _path_decorators, { kind: "field", name: "path", static: false, private: false, access: { has: obj => "path" in obj, get: obj => obj.path, set: (obj, value) => { obj.path = value; } }, metadata: _metadata }, _path_initializers, _path_extraInitializers);
+            __esDecorate(null, null, _initialData_decorators, { kind: "field", name: "initialData", static: false, private: false, access: { has: obj => "initialData" in obj, get: obj => obj.initialData, set: (obj, value) => { obj.initialData = value; } }, metadata: _metadata }, _initialData_initializers, _initialData_extraInitializers);
+            __esDecorate(null, null, _autoStart_decorators, { kind: "field", name: "autoStart", static: false, private: false, access: { has: obj => "autoStart" in obj, get: obj => obj.autoStart, set: (obj, value) => { obj.autoStart = value; } }, metadata: _metadata }, _autoStart_initializers, _autoStart_extraInitializers);
+            __esDecorate(null, null, _backLabel_decorators, { kind: "field", name: "backLabel", static: false, private: false, access: { has: obj => "backLabel" in obj, get: obj => obj.backLabel, set: (obj, value) => { obj.backLabel = value; } }, metadata: _metadata }, _backLabel_initializers, _backLabel_extraInitializers);
+            __esDecorate(null, null, _nextLabel_decorators, { kind: "field", name: "nextLabel", static: false, private: false, access: { has: obj => "nextLabel" in obj, get: obj => obj.nextLabel, set: (obj, value) => { obj.nextLabel = value; } }, metadata: _metadata }, _nextLabel_initializers, _nextLabel_extraInitializers);
+            __esDecorate(null, null, _finishLabel_decorators, { kind: "field", name: "finishLabel", static: false, private: false, access: { has: obj => "finishLabel" in obj, get: obj => obj.finishLabel, set: (obj, value) => { obj.finishLabel = value; } }, metadata: _metadata }, _finishLabel_initializers, _finishLabel_extraInitializers);
+            __esDecorate(null, null, _cancelLabel_decorators, { kind: "field", name: "cancelLabel", static: false, private: false, access: { has: obj => "cancelLabel" in obj, get: obj => obj.cancelLabel, set: (obj, value) => { obj.cancelLabel = value; } }, metadata: _metadata }, _cancelLabel_initializers, _cancelLabel_extraInitializers);
+            __esDecorate(null, null, _hideCancel_decorators, { kind: "field", name: "hideCancel", static: false, private: false, access: { has: obj => "hideCancel" in obj, get: obj => obj.hideCancel, set: (obj, value) => { obj.hideCancel = value; } }, metadata: _metadata }, _hideCancel_initializers, _hideCancel_extraInitializers);
+            __esDecorate(null, null, _hideProgress_decorators, { kind: "field", name: "hideProgress", static: false, private: false, access: { has: obj => "hideProgress" in obj, get: obj => obj.hideProgress, set: (obj, value) => { obj.hideProgress = value; } }, metadata: _metadata }, _hideProgress_initializers, _hideProgress_extraInitializers);
+            __esDecorate(null, null, _completed_decorators, { kind: "field", name: "completed", static: false, private: false, access: { has: obj => "completed" in obj, get: obj => obj.completed, set: (obj, value) => { obj.completed = value; } }, metadata: _metadata }, _completed_initializers, _completed_extraInitializers);
+            __esDecorate(null, null, _cancelled_decorators, { kind: "field", name: "cancelled", static: false, private: false, access: { has: obj => "cancelled" in obj, get: obj => obj.cancelled, set: (obj, value) => { obj.cancelled = value; } }, metadata: _metadata }, _cancelled_initializers, _cancelled_extraInitializers);
+            __esDecorate(null, null, _pathEvent_decorators, { kind: "field", name: "pathEvent", static: false, private: false, access: { has: obj => "pathEvent" in obj, get: obj => obj.pathEvent, set: (obj, value) => { obj.pathEvent = value; } }, metadata: _metadata }, _pathEvent_initializers, _pathEvent_extraInitializers);
+            __esDecorate(null, null, _stepDirectives_decorators, { kind: "field", name: "stepDirectives", static: false, private: false, access: { has: obj => "stepDirectives" in obj, get: obj => obj.stepDirectives, set: (obj, value) => { obj.stepDirectives = value; } }, metadata: _metadata }, _stepDirectives_initializers, _stepDirectives_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            PathShellComponent = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        path = __runInitializers(this, _path_initializers, void 0);
+        initialData = (__runInitializers(this, _path_extraInitializers), __runInitializers(this, _initialData_initializers, {}));
+        autoStart = (__runInitializers(this, _initialData_extraInitializers), __runInitializers(this, _autoStart_initializers, true));
+        backLabel = (__runInitializers(this, _autoStart_extraInitializers), __runInitializers(this, _backLabel_initializers, "Back"));
+        nextLabel = (__runInitializers(this, _backLabel_extraInitializers), __runInitializers(this, _nextLabel_initializers, "Next"));
+        finishLabel = (__runInitializers(this, _nextLabel_extraInitializers), __runInitializers(this, _finishLabel_initializers, "Finish"));
+        cancelLabel = (__runInitializers(this, _finishLabel_extraInitializers), __runInitializers(this, _cancelLabel_initializers, "Cancel"));
+        hideCancel = (__runInitializers(this, _cancelLabel_extraInitializers), __runInitializers(this, _hideCancel_initializers, false));
+        hideProgress = (__runInitializers(this, _hideCancel_extraInitializers), __runInitializers(this, _hideProgress_initializers, false));
+        completed = (__runInitializers(this, _hideProgress_extraInitializers), __runInitializers(this, _completed_initializers, new EventEmitter()));
+        cancelled = (__runInitializers(this, _completed_extraInitializers), __runInitializers(this, _cancelled_initializers, new EventEmitter()));
+        pathEvent = (__runInitializers(this, _cancelled_extraInitializers), __runInitializers(this, _pathEvent_initializers, new EventEmitter()));
+        stepDirectives = (__runInitializers(this, _pathEvent_extraInitializers), __runInitializers(this, _stepDirectives_initializers, void 0));
+        facade = (__runInitializers(this, _stepDirectives_extraInitializers), inject(PathFacade));
+        started = false;
+        destroy$ = new Subject();
+        ngOnInit() {
+            this.facade.events$.pipe(takeUntil(this.destroy$)).subscribe((event) => {
+                this.pathEvent.emit(event);
+                if (event.type === "completed")
+                    this.completed.emit(event.data);
+                if (event.type === "cancelled")
+                    this.cancelled.emit(event.data);
+            });
+            if (this.autoStart) {
+                this.doStart();
+            }
+        }
+        ngOnDestroy() {
+            this.destroy$.next();
+            this.destroy$.complete();
+        }
+        doStart() {
+            this.started = true;
+            this.facade.start(this.path, this.initialData);
+        }
+    };
+    return PathShellComponent = _classThis;
+})();
+export { PathShellComponent };
+//# sourceMappingURL=shell.js.map

package/dist/shell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shell.js","sourceRoot":"","sources":["../src/shell.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@daltonr/pathwrite-angular",
+  "version": "0.1.1",
+  "type": "module",
+  "license": "MIT",
+  "description": "Angular adapter for @daltonr/pathwrite-core — RxJS observables, signal-friendly, with optional <pw-shell> default UI.",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/richardadalton/pathwrite.git",
+    "directory": "packages/angular-adapter"
+  },
+  "keywords": [
+    "wizard",
+    "stepper",
+    "path",
+    "angular",
+    "multi-step",
+    "workflow"
+  ],
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./shell": {
+      "types": "./dist/shell.d.ts",
+      "import": "./dist/shell.js"
+    }
+  },
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "clean": "rm -rf dist tsconfig.tsbuildinfo",
+    "prepublishOnly": "npm run clean && npm run build"
+  },
+  "peerDependencies": {
+    "@angular/core": ">=16.0.0",
+    "@angular/common": ">=16.0.0",
+    "rxjs": "^7.0.0"
+  },
+  "dependencies": {
+    "@daltonr/pathwrite-core": "^0.1.1"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}