@mj-biz-apps/forms-ng 0.0.0 → 0.2.0

package/dist/lib/widget/components/form-one-question.component.js

@@ -0,0 +1,194 @@
+/**
+ * OneQuestion (Typeform-style) render mode: one question at a time with Back/Next
+ * stepping, a progress bar, and a final submit. The visible-question list is derived
+ * live from the runtime, so conditional show/hide changes the path as the respondent
+ * answers. Enter advances; focus moves to each new question for keyboard + SR users.
+ */
+import { ChangeDetectionStrategy, Component, computed, effect, inject, input, output, signal, untracked, ElementRef, } from '@angular/core';
+import { clampCursor } from '../core/one-question-stepper';
+import { FormProgressComponent } from './form-progress.component';
+import { FormQuestionComponent } from './questions/form-question.component';
+import * as i0 from "@angular/core";
+function FormOneQuestionComponent_Conditional_5_Conditional_6_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1, "Submitting\u2026");
+    i0.ɵɵelementEnd();
+} }
+function FormOneQuestionComponent_Conditional_5_Conditional_6_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1, "Submit");
+    i0.ɵɵelementEnd();
+} }
+function FormOneQuestionComponent_Conditional_5_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, FormOneQuestionComponent_Conditional_5_Conditional_6_Conditional_0_Template, 2, 0, "span")(1, FormOneQuestionComponent_Conditional_5_Conditional_6_Conditional_1_Template, 2, 0, "span");
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵconditional(ctx_r1.submitting() ? 0 : 1);
+} }
+function FormOneQuestionComponent_Conditional_5_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1, "Next");
+    i0.ɵɵelementEnd();
+} }
+function FormOneQuestionComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 6);
+    i0.ɵɵlistener("keydown", function FormOneQuestionComponent_Conditional_5_Template_div_keydown_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onKeydown($event)); });
+    i0.ɵɵelementStart(1, "mjf-form-question", 7);
+    i0.ɵɵlistener("valueChange", function FormOneQuestionComponent_Conditional_5_Template_mjf_form_question_valueChange_1_listener($event) { const q_r3 = i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onValueChange(q_r3, $event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "div", 8)(3, "button", 9);
+    i0.ɵɵlistener("click", function FormOneQuestionComponent_Conditional_5_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onBack()); });
+    i0.ɵɵtext(4, "Back");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "button", 10);
+    i0.ɵɵlistener("click", function FormOneQuestionComponent_Conditional_5_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onNext()); });
+    i0.ɵɵconditionalCreate(6, FormOneQuestionComponent_Conditional_5_Conditional_6_Template, 2, 1)(7, FormOneQuestionComponent_Conditional_5_Conditional_7_Template, 2, 0, "span");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const q_r3 = ctx;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("question", q_r3)("value", ctx_r1.runtime().valueFor(q_r3.id))("errorMessage", ctx_r1.runtime().visibleErrorFor(q_r3))("distributionSlug", ctx_r1.distributionSlug());
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", ctx_r1.isFirst() || ctx_r1.submitting());
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", ctx_r1.primaryDisabled());
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.isLast() ? 6 : 7);
+} }
+function FormOneQuestionComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 5);
+    i0.ɵɵtext(1, "This form has no questions to display.");
+    i0.ɵɵelementEnd();
+} }
+export class FormOneQuestionComponent {
+    runtime = input.required(...(ngDevMode ? [{ debugName: "runtime" }] : []));
+    submitting = input(false, ...(ngDevMode ? [{ debugName: "submitting" }] : []));
+    /** When true, the final-step submit control is disabled (e.g. captcha not yet solved). */
+    submitDisabled = input(false, ...(ngDevMode ? [{ debugName: "submitDisabled" }] : []));
+    /** Distribution slug, forwarded to FileUpload questions for scoped uploads. */
+    distributionSlug = input('', ...(ngDevMode ? [{ debugName: "distributionSlug" }] : []));
+    submit = output();
+    /** Fires when the respondent advances a step — a natural autosave checkpoint. */
+    progressChange = output();
+    hostRef = inject(ElementRef);
+    /**
+     * Raw cursor. Always written through {@link setIndex} so it stays inside the valid
+     * range; the re-clamp {@link effect} below also corrects it whenever conditional logic
+     * resizes the visible-question path, so the stored value never drifts out of bounds.
+     */
+    index = signal(0, ...(ngDevMode ? [{ debugName: "index" }] : []));
+    /** The ordered, currently-visible answerable questions (recomputed reactively). */
+    steps = computed(() => this.runtime().visibleAnswerableQuestions(), ...(ngDevMode ? [{ debugName: "steps" }] : []));
+    total = computed(() => this.steps().length, ...(ngDevMode ? [{ debugName: "total" }] : []));
+    current = computed(() => this.steps()[this.index()] ?? null, ...(ngDevMode ? [{ debugName: "current" }] : []));
+    isFirst = computed(() => this.index() === 0, ...(ngDevMode ? [{ debugName: "isFirst" }] : []));
+    isLast = computed(() => this.index() >= this.total() - 1, ...(ngDevMode ? [{ debugName: "isLast" }] : []));
+    progress = computed(() => {
+        const t = this.total();
+        return t === 0 ? 1 : (this.index() + 1) / t;
+    }, ...(ngDevMode ? [{ debugName: "progress" }] : []));
+    stepLabel = computed(() => `${this.index() + 1} of ${this.total()}`, ...(ngDevMode ? [{ debugName: "stepLabel" }] : []));
+    /** Disable the primary control while submitting, or on the final (submit) step when blocked. */
+    primaryDisabled = computed(() => this.submitting() || (this.isLast() && this.submitDisabled()), ...(ngDevMode ? [{ debugName: "primaryDisabled" }] : []));
+    constructor() {
+        // When conditional logic resizes the path, re-clamp the stored cursor so it never
+        // drifts above the new last index. Without this, hiding questions below the cursor
+        // (then revealing them again) would let the cursor "jump ahead", skipping steps.
+        // We track `total()` and read/write the cursor untracked, so the effect re-runs only
+        // when the path size changes — never as a self-feeding loop on the cursor write.
+        effect(() => {
+            const total = this.total();
+            untracked(() => {
+                const clamped = clampCursor(this.index(), total);
+                if (clamped !== this.index()) {
+                    this.index.set(clamped);
+                }
+            });
+        });
+        // Move focus to the current question only when the question itself changes — not on
+        // every answer edit — so typing or selecting an answer never yanks focus mid-input.
+        let lastFocusedId = null;
+        effect(() => {
+            const c = this.current();
+            if (c && c.id !== lastFocusedId) {
+                lastFocusedId = c.id;
+                queueMicrotask(() => this.focusCurrent());
+            }
+        });
+    }
+    onValueChange(question, value) {
+        this.runtime().setValue(question.id, value);
+        this.runtime().markTouched(question.id);
+    }
+    onNext() {
+        const q = this.current();
+        if (!q) {
+            return;
+        }
+        this.runtime().markTouched(q.id);
+        if (this.runtime().errorFor(q)) {
+            this.focusCurrent();
+            return;
+        }
+        if (this.isLast()) {
+            this.submit.emit();
+        }
+        else {
+            this.setIndex(this.index() + 1);
+            // Advancing a step is a natural, non-chatty autosave checkpoint.
+            this.progressChange.emit();
+        }
+    }
+    onBack() {
+        if (!this.isFirst()) {
+            this.setIndex(this.index() - 1);
+        }
+    }
+    /** Move the cursor to `next`, clamped to the currently-valid range. */
+    setIndex(next) {
+        this.index.set(clampCursor(next, this.total()));
+    }
+    /** Enter on the question advances (except in a multiline textarea). */
+    onKeydown(event) {
+        const target = event.target;
+        if (event.key === 'Enter' && target?.tagName !== 'TEXTAREA') {
+            event.preventDefault();
+            this.onNext();
+        }
+    }
+    focusCurrent() {
+        const q = this.current();
+        if (!q) {
+            return;
+        }
+        const host = this.hostRef.nativeElement;
+        const field = host.querySelector(`#mjf-q-${q.id}`);
+        (field ?? host.querySelector('.mjf-oneq__card'))?.focus();
+    }
+    static ɵfac = function FormOneQuestionComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FormOneQuestionComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormOneQuestionComponent, selectors: [["mjf-form-one-question"]], inputs: { runtime: [1, "runtime"], submitting: [1, "submitting"], submitDisabled: [1, "submitDisabled"], distributionSlug: [1, "distributionSlug"] }, outputs: { submit: "submit", progressChange: "progressChange" }, decls: 7, vars: 3, consts: [[1, "mjf-oneq"], [1, "mjf-oneq__progress"], [3, "value"], ["aria-live", "polite", 1, "mjf-oneq__step"], ["tabindex", "-1", 1, "mjf-oneq__card"], [1, "mjf-oneq__empty"], ["tabindex", "-1", 1, "mjf-oneq__card", 3, "keydown"], [3, "valueChange", "question", "value", "errorMessage", "distributionSlug"], [1, "mjf-oneq__nav"], ["type", "button", 1, "mjf-oneq__btn", "mjf-oneq__btn--ghost", 3, "click", "disabled"], ["type", "button", 1, "mjf-oneq__btn", "mjf-oneq__btn--primary", 3, "click", "disabled"]], template: function FormOneQuestionComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
+            i0.ɵɵelement(2, "mjf-form-progress", 2);
+            i0.ɵɵelementStart(3, "span", 3);
+            i0.ɵɵtext(4);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵconditionalCreate(5, FormOneQuestionComponent_Conditional_5_Template, 8, 7, "div", 4)(6, FormOneQuestionComponent_Conditional_6_Template, 2, 0, "p", 5);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            let tmp_2_0;
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("value", ctx.progress());
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(ctx.stepLabel());
+            i0.ɵɵadvance();
+            i0.ɵɵconditional((tmp_2_0 = ctx.current()) ? 5 : 6, tmp_2_0);
+        } }, dependencies: [FormProgressComponent, FormQuestionComponent], styles: [".mjf-oneq[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n  min-height: 60vh;\n}\n\n.mjf-oneq__progress[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n}\n\n.mjf-oneq__progress[_ngcontent-%COMP%]   mjf-form-progress[_ngcontent-%COMP%] {\n  flex: 1;\n}\n\n.mjf-oneq__step[_ngcontent-%COMP%] {\n  font-family: var(--mjf-font-body);\n  font-size: 0.875rem;\n  color: var(--mj-text-muted);\n  white-space: nowrap;\n}\n\n.mjf-oneq__card[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 2rem;\n  padding: 2rem 1.5rem;\n  background: var(--mjf-card-bg);\n  border: 1px solid var(--mjf-card-border);\n  border-radius: var(--mjf-card-radius);\n  box-shadow: var(--mjf-card-shadow);\n}\n\n.mjf-oneq__card[_ngcontent-%COMP%]:focus-visible {\n  outline: none;\n  box-shadow: var(--mjf-focus-ring);\n}\n\n.mjf-oneq__nav[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  gap: 1rem;\n}\n\n.mjf-oneq__btn[_ngcontent-%COMP%] {\n  min-height: 3rem;\n  padding: 0.75rem 1.75rem;\n  font-family: var(--mjf-font-body);\n  font-size: 1.0625rem;\n  font-weight: 600;\n  border-radius: var(--mjf-btn-radius);\n  cursor: pointer;\n  transition: background 0.15s ease, opacity 0.15s ease;\n}\n\n.mjf-oneq__btn[_ngcontent-%COMP%]:focus-visible {\n  outline: none;\n  box-shadow: var(--mjf-focus-ring);\n}\n\n.mjf-oneq__btn--primary[_ngcontent-%COMP%] {\n  color: var(--mjf-on-accent);\n  background: var(--mjf-accent);\n  border: none;\n}\n\n.mjf-oneq__btn--primary[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background: var(--mjf-accent-strong);\n}\n\n.mjf-oneq__btn--ghost[_ngcontent-%COMP%] {\n  color: var(--mjf-page-ink);\n  background: transparent;\n  border: 1px solid var(--mjf-card-border);\n}\n\n.mjf-oneq__btn[_ngcontent-%COMP%]:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.mjf-oneq__empty[_ngcontent-%COMP%] {\n  color: var(--mj-text-muted);\n}\n\n@media (min-width: 640px) {\n  .mjf-oneq__card[_ngcontent-%COMP%] {\n    padding: 3rem;\n  }\n}"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormOneQuestionComponent, [{
+        type: Component,
+        args: [{ selector: 'mjf-form-one-question', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormProgressComponent, FormQuestionComponent], template: "<div class=\"mjf-oneq\">\n  <div class=\"mjf-oneq__progress\">\n    <mjf-form-progress [value]=\"progress()\" />\n    <span class=\"mjf-oneq__step\" aria-live=\"polite\">{{ stepLabel() }}</span>\n  </div>\n\n  @if (current(); as q) {\n    <div class=\"mjf-oneq__card\" tabindex=\"-1\" (keydown)=\"onKeydown($event)\">\n      <mjf-form-question\n        [question]=\"q\"\n        [value]=\"runtime().valueFor(q.id)\"\n        [errorMessage]=\"runtime().visibleErrorFor(q)\"\n        [distributionSlug]=\"distributionSlug()\"\n        (valueChange)=\"onValueChange(q, $event)\"\n      />\n\n      <div class=\"mjf-oneq__nav\">\n        <button\n          type=\"button\"\n          class=\"mjf-oneq__btn mjf-oneq__btn--ghost\"\n          [disabled]=\"isFirst() || submitting()\"\n          (click)=\"onBack()\"\n        >Back</button>\n\n        <button\n          type=\"button\"\n          class=\"mjf-oneq__btn mjf-oneq__btn--primary\"\n          [disabled]=\"primaryDisabled()\"\n          (click)=\"onNext()\"\n        >\n          @if (isLast()) {\n            @if (submitting()) { <span>Submitting\u2026</span> } @else { <span>Submit</span> }\n          } @else {\n            <span>Next</span>\n          }\n        </button>\n      </div>\n    </div>\n  } @else {\n    <p class=\"mjf-oneq__empty\">This form has no questions to display.</p>\n  }\n</div>\n", styles: [".mjf-oneq {\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n  min-height: 60vh;\n}\n\n.mjf-oneq__progress {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n}\n\n.mjf-oneq__progress mjf-form-progress {\n  flex: 1;\n}\n\n.mjf-oneq__step {\n  font-family: var(--mjf-font-body);\n  font-size: 0.875rem;\n  color: var(--mj-text-muted);\n  white-space: nowrap;\n}\n\n.mjf-oneq__card {\n  display: flex;\n  flex-direction: column;\n  gap: 2rem;\n  padding: 2rem 1.5rem;\n  background: var(--mjf-card-bg);\n  border: 1px solid var(--mjf-card-border);\n  border-radius: var(--mjf-card-radius);\n  box-shadow: var(--mjf-card-shadow);\n}\n\n.mjf-oneq__card:focus-visible {\n  outline: none;\n  box-shadow: var(--mjf-focus-ring);\n}\n\n.mjf-oneq__nav {\n  display: flex;\n  justify-content: space-between;\n  gap: 1rem;\n}\n\n.mjf-oneq__btn {\n  min-height: 3rem;\n  padding: 0.75rem 1.75rem;\n  font-family: var(--mjf-font-body);\n  font-size: 1.0625rem;\n  font-weight: 600;\n  border-radius: var(--mjf-btn-radius);\n  cursor: pointer;\n  transition: background 0.15s ease, opacity 0.15s ease;\n}\n\n.mjf-oneq__btn:focus-visible {\n  outline: none;\n  box-shadow: var(--mjf-focus-ring);\n}\n\n.mjf-oneq__btn--primary {\n  color: var(--mjf-on-accent);\n  background: var(--mjf-accent);\n  border: none;\n}\n\n.mjf-oneq__btn--primary:hover:not(:disabled) {\n  background: var(--mjf-accent-strong);\n}\n\n.mjf-oneq__btn--ghost {\n  color: var(--mjf-page-ink);\n  background: transparent;\n  border: 1px solid var(--mjf-card-border);\n}\n\n.mjf-oneq__btn:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.mjf-oneq__empty {\n  color: var(--mj-text-muted);\n}\n\n@media (min-width: 640px) {\n  .mjf-oneq__card {\n    padding: 3rem;\n  }\n}\n"] }]
+    }], () => [], { runtime: [{ type: i0.Input, args: [{ isSignal: true, alias: "runtime", required: true }] }], submitting: [{ type: i0.Input, args: [{ isSignal: true, alias: "submitting", required: false }] }], submitDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "submitDisabled", required: false }] }], distributionSlug: [{ type: i0.Input, args: [{ isSignal: true, alias: "distributionSlug", required: false }] }], submit: [{ type: i0.Output, args: ["submit"] }], progressChange: [{ type: i0.Output, args: ["progressChange"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FormOneQuestionComponent, { className: "FormOneQuestionComponent", filePath: "lib/widget/components/form-one-question.component.ts", lineNumber: 34 }); })();
+//# sourceMappingURL=form-one-question.component.js.map

package/dist/lib/widget/components/form-one-question.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-one-question.component.js","sourceRoot":"","sources":["../../../../src/lib/widget/components/form-one-question.component.ts","../../../../src/lib/widget/components/form-one-question.component.html"],"names":[],"mappings":"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"}

package/dist/lib/widget/components/form-progress.component.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export declare class FormProgressComponent {
+    /** Completion fraction 0–1. */
+    readonly value: import("@angular/core").InputSignal<number>;
+    protected readonly percent: import("@angular/core").Signal<number>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormProgressComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormProgressComponent, "mjf-form-progress", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=form-progress.component.d.ts.map

package/dist/lib/widget/components/form-progress.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-progress.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/widget/components/form-progress.component.ts"],"names":[],"mappings":";AAOA,qBA6Ca,qBAAqB;IAChC,+BAA+B;IAC/B,SAAgB,KAAK,8CAA4B;IACjD,SAAS,CAAC,QAAQ,CAAC,OAAO,yCAA4E;yCAH3F,qBAAqB;2CAArB,qBAAqB;CAIjC"}

package/dist/lib/widget/components/form-progress.component.js

@@ -0,0 +1,47 @@
+/**
+ * Thin, token-themed progress bar. Reports completion as both a visual fill and an
+ * accessible `progressbar` with `aria-valuenow`, satisfying the §2 "clear progress
+ * signal" + WCAG requirements.
+ */
+import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class FormProgressComponent {
+    /** Completion fraction 0–1. */
+    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : []));
+    percent = computed(() => Math.round(Math.min(1, Math.max(0, this.value())) * 100), ...(ngDevMode ? [{ debugName: "percent" }] : []));
+    static ɵfac = function FormProgressComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FormProgressComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormProgressComponent, selectors: [["mjf-form-progress"]], inputs: { value: [1, "value"] }, decls: 5, vars: 6, consts: [["role", "progressbar", "aria-label", "Form completion", 1, "mjf-progress"], [1, "mjf-progress__track"], [1, "mjf-progress__fill"], [1, "mjf-visually-hidden"]], template: function FormProgressComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵdomElementStart(0, "div", 0)(1, "div", 1);
+            i0.ɵɵdomElement(2, "div", 2);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵdomElementStart(3, "span", 3);
+            i0.ɵɵtext(4);
+            i0.ɵɵdomElementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵattribute("aria-valuemin", 0)("aria-valuemax", 100)("aria-valuenow", ctx.percent());
+            i0.ɵɵadvance(2);
+            i0.ɵɵstyleProp("width", ctx.percent(), "%");
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate1("", ctx.percent(), "% complete");
+        } }, styles: [".mjf-progress__track[_ngcontent-%COMP%] {\n        height: 0.5rem;\n        width: 100%;\n        background: var(--mjf-progress-track);\n        border-radius: var(--mjf-pill-radius);\n        overflow: hidden;\n      }\n      .mjf-progress__fill[_ngcontent-%COMP%] {\n        height: 100%;\n        background: var(--mjf-progress-fill);\n        border-radius: var(--mjf-pill-radius);\n        transition: width 0.25s ease;\n      }\n      .mjf-visually-hidden[_ngcontent-%COMP%] {\n        position: absolute;\n        width: 1px;\n        height: 1px;\n        margin: -1px;\n        overflow: hidden;\n        clip: rect(0, 0, 0, 0);\n      }"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormProgressComponent, [{
+        type: Component,
+        args: [{ selector: 'mjf-form-progress', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div
+      class="mjf-progress"
+      role="progressbar"
+      aria-label="Form completion"
+      [attr.aria-valuemin]="0"
+      [attr.aria-valuemax]="100"
+      [attr.aria-valuenow]="percent()"
+    >
+      <div class="mjf-progress__track">
+        <div class="mjf-progress__fill" [style.width.%]="percent()"></div>
+      </div>
+      <span class="mjf-visually-hidden">{{ percent() }}% complete</span>
+    </div>
+  `, styles: ["\n      .mjf-progress__track {\n        height: 0.5rem;\n        width: 100%;\n        background: var(--mjf-progress-track);\n        border-radius: var(--mjf-pill-radius);\n        overflow: hidden;\n      }\n      .mjf-progress__fill {\n        height: 100%;\n        background: var(--mjf-progress-fill);\n        border-radius: var(--mjf-pill-radius);\n        transition: width 0.25s ease;\n      }\n      .mjf-visually-hidden {\n        position: absolute;\n        width: 1px;\n        height: 1px;\n        margin: -1px;\n        overflow: hidden;\n        clip: rect(0, 0, 0, 0);\n      }\n    "] }]
+    }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FormProgressComponent, { className: "FormProgressComponent", filePath: "lib/widget/components/form-progress.component.ts", lineNumber: 53 }); })();
+//# sourceMappingURL=form-progress.component.js.map

package/dist/lib/widget/components/form-progress.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-progress.component.js","sourceRoot":"","sources":["../../../../src/lib/widget/components/form-progress.component.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;AA+CpF,MAAM,OAAO,qBAAqB;IAChC,+BAA+B;IACf,KAAK,GAAG,KAAK,CAAC,QAAQ,gDAAU,CAAC;IAC9B,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC,mDAAC,CAAC;+GAH3F,qBAAqB;6DAArB,qBAAqB;YAhC5B,AARF,iCAOC,aACkC;YAC/B,4BAAkE;YACpE,oBAAM;YACN,kCAAkC;YAAA,YAAyB;YAC7D,AAD6D,oBAAO,EAC9D;;;YAH8B,eAA2B;YAA3B,2CAA2B;YAE3B,eAAyB;YAAzB,sDAAyB;;;iFA6BpD,qBAAqB;cA7CjC,SAAS;2BACE,mBAAmB,cACjB,IAAI,mBACC,uBAAuB,CAAC,MAAM,YACrC;;;;;;;;;;;;;;GAcT;;kFA2BU,qBAAqB"}

package/dist/lib/widget/components/form-scroll.component.d.ts

@@ -0,0 +1,23 @@
+import type { AnswerValue, PublishedFormPage, PublishedFormQuestion } from '@mj-biz-apps/forms-entities';
+import { FormRuntime } from '../core/form-runtime';
+import * as i0 from "@angular/core";
+export declare class FormScrollComponent {
+    readonly runtime: import("@angular/core").InputSignal<FormRuntime>;
+    readonly submitting: import("@angular/core").InputSignal<boolean>;
+    /** When true, the submit control is disabled (e.g. captcha not yet solved). */
+    readonly submitDisabled: import("@angular/core").InputSignal<boolean>;
+    /** Distribution slug, forwarded to FileUpload questions for scoped uploads. */
+    readonly distributionSlug: import("@angular/core").InputSignal<string>;
+    readonly submit: import("@angular/core").OutputEmitterRef<void>;
+    /** Fires when the respondent has made progress worth autosaving (debounced upstream). */
+    readonly progressChange: import("@angular/core").OutputEmitterRef<void>;
+    protected readonly pages: import("@angular/core").Signal<PublishedFormPage[]>;
+    protected readonly progress: import("@angular/core").Signal<number>;
+    protected questionsFor(page: PublishedFormPage): PublishedFormQuestion[];
+    protected onValueChange(question: PublishedFormQuestion, value: AnswerValue): void;
+    protected onSubmit(): void;
+    private focusFirstInvalid;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormScrollComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormScrollComponent, "mjf-form-scroll", never, { "runtime": { "alias": "runtime"; "required": true; "isSignal": true; }; "submitting": { "alias": "submitting"; "required": false; "isSignal": true; }; "submitDisabled": { "alias": "submitDisabled"; "required": false; "isSignal": true; }; "distributionSlug": { "alias": "distributionSlug"; "required": false; "isSignal": true; }; }, { "submit": "submit"; "progressChange": "progressChange"; }, never, never, true, never>;
+}
+//# sourceMappingURL=form-scroll.component.d.ts.map

package/dist/lib/widget/components/form-scroll.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-scroll.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/widget/components/form-scroll.component.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAEzG,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;;AAInD,qBAQa,mBAAmB;IAC9B,SAAgB,OAAO,mDAAiC;IACxD,SAAgB,UAAU,+CAAyB;IACnD,+EAA+E;IAC/E,SAAgB,cAAc,+CAAyB;IACvD,+EAA+E;IAC/E,SAAgB,gBAAgB,8CAAqB;IACrD,SAAgB,MAAM,iDAAkB;IACxC,yFAAyF;IACzF,SAAgB,cAAc,iDAAkB;IAEhD,SAAS,CAAC,QAAQ,CAAC,KAAK,sDAAiD;IACzE,SAAS,CAAC,QAAQ,CAAC,QAAQ,yCAA6C;IAExE,SAAS,CAAC,YAAY,CAAC,IAAI,EAAE,iBAAiB,GAAG,qBAAqB,EAAE;IAIxE,SAAS,CAAC,aAAa,CAAC,QAAQ,EAAE,qBAAqB,EAAE,KAAK,EAAE,WAAW,GAAG,IAAI;IAMlF,SAAS,CAAC,QAAQ,IAAI,IAAI;IAU1B,OAAO,CAAC,iBAAiB;yCAlCd,mBAAmB;2CAAnB,mBAAmB;CA0C/B"}

package/dist/lib/widget/components/form-scroll.component.js

@@ -0,0 +1,132 @@
+/**
+ * Scroll (classic) render mode: every visible page and question stacked in one
+ * scrollable surface, with a sticky progress bar and a single submit. Reads the
+ * shared {@link FormRuntime}; emits `submit` when the respondent is done.
+ */
+import { ChangeDetectionStrategy, Component, computed, input, output } from '@angular/core';
+import { FormProgressComponent } from './form-progress.component';
+import { FormQuestionComponent } from './questions/form-question.component';
+import * as i0 from "@angular/core";
+const _forTrack0 = ($index, $item) => $item.id;
+function FormScrollComponent_For_5_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "h2", 7);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const page_r1 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(page_r1.title);
+} }
+function FormScrollComponent_For_5_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 8);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const page_r1 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(page_r1.description);
+} }
+function FormScrollComponent_For_5_For_5_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mjf-form-question", 11);
+    i0.ɵɵlistener("valueChange", function FormScrollComponent_For_5_For_5_Template_mjf_form_question_valueChange_0_listener($event) { const q_r3 = i0.ɵɵrestoreView(_r2).$implicit; const ctx_r3 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r3.onValueChange(q_r3, $event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const q_r3 = ctx.$implicit;
+    const ctx_r3 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("question", q_r3)("value", ctx_r3.runtime().valueFor(q_r3.id))("errorMessage", ctx_r3.runtime().visibleErrorFor(q_r3))("distributionSlug", ctx_r3.distributionSlug());
+} }
+function FormScrollComponent_For_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "section", 4);
+    i0.ɵɵconditionalCreate(1, FormScrollComponent_For_5_Conditional_1_Template, 2, 1, "h2", 7);
+    i0.ɵɵconditionalCreate(2, FormScrollComponent_For_5_Conditional_2_Template, 2, 1, "p", 8);
+    i0.ɵɵelementStart(3, "div", 9);
+    i0.ɵɵrepeaterCreate(4, FormScrollComponent_For_5_For_5_Template, 1, 4, "mjf-form-question", 10, _forTrack0);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const page_r1 = ctx.$implicit;
+    const ctx_r3 = i0.ɵɵnextContext();
+    i0.ɵɵattribute("aria-label", page_r1.title || "Section");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(page_r1.title ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(page_r1.description ? 2 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r3.questionsFor(page_r1));
+} }
+function FormScrollComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1, "Submitting\u2026");
+    i0.ɵɵelementEnd();
+} }
+function FormScrollComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1, "Submit");
+    i0.ɵɵelementEnd();
+} }
+export class FormScrollComponent {
+    runtime = input.required(...(ngDevMode ? [{ debugName: "runtime" }] : []));
+    submitting = input(false, ...(ngDevMode ? [{ debugName: "submitting" }] : []));
+    /** When true, the submit control is disabled (e.g. captcha not yet solved). */
+    submitDisabled = input(false, ...(ngDevMode ? [{ debugName: "submitDisabled" }] : []));
+    /** Distribution slug, forwarded to FileUpload questions for scoped uploads. */
+    distributionSlug = input('', ...(ngDevMode ? [{ debugName: "distributionSlug" }] : []));
+    submit = output();
+    /** Fires when the respondent has made progress worth autosaving (debounced upstream). */
+    progressChange = output();
+    pages = computed(() => this.runtime().visiblePages(), ...(ngDevMode ? [{ debugName: "pages" }] : []));
+    progress = computed(() => this.runtime().progress(), ...(ngDevMode ? [{ debugName: "progress" }] : []));
+    questionsFor(page) {
+        return this.runtime().visibleQuestions(page);
+    }
+    onValueChange(question, value) {
+        this.runtime().setValue(question.id, value);
+        this.runtime().markTouched(question.id);
+        this.progressChange.emit();
+    }
+    onSubmit() {
+        const all = this.runtime().visibleAnswerableQuestions();
+        this.runtime().touchAll(all);
+        if (this.runtime().areValid(all)) {
+            this.submit.emit();
+        }
+        else {
+            this.focusFirstInvalid();
+        }
+    }
+    focusFirstInvalid() {
+        const first = this.runtime()
+            .visibleAnswerableQuestions()
+            .find((q) => this.runtime().errorFor(q));
+        if (first) {
+            document.getElementById(`mjf-q-${first.id}`)?.focus();
+        }
+    }
+    static ɵfac = function FormScrollComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FormScrollComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormScrollComponent, selectors: [["mjf-form-scroll"]], inputs: { runtime: [1, "runtime"], submitting: [1, "submitting"], submitDisabled: [1, "submitDisabled"], distributionSlug: [1, "distributionSlug"] }, outputs: { submit: "submit", progressChange: "progressChange" }, decls: 10, vars: 3, consts: [[1, "mjf-scroll"], [1, "mjf-scroll__progress"], [3, "value"], ["novalidate", "", 1, "mjf-scroll__body", 3, "ngSubmit"], [1, "mjf-page"], [1, "mjf-scroll__actions"], ["type", "submit", 1, "mjf-submit", 3, "disabled"], [1, "mjf-page__title"], [1, "mjf-page__desc"], [1, "mjf-page__questions"], [3, "question", "value", "errorMessage", "distributionSlug"], [3, "valueChange", "question", "value", "errorMessage", "distributionSlug"]], template: function FormScrollComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
+            i0.ɵɵelement(2, "mjf-form-progress", 2);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(3, "form", 3);
+            i0.ɵɵlistener("ngSubmit", function FormScrollComponent_Template_form_ngSubmit_3_listener() { return ctx.onSubmit(); });
+            i0.ɵɵrepeaterCreate(4, FormScrollComponent_For_5_Template, 6, 3, "section", 4, _forTrack0);
+            i0.ɵɵelementStart(6, "div", 5)(7, "button", 6);
+            i0.ɵɵconditionalCreate(8, FormScrollComponent_Conditional_8_Template, 2, 0, "span")(9, FormScrollComponent_Conditional_9_Template, 2, 0, "span");
+            i0.ɵɵelementEnd()()()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("value", ctx.progress());
+            i0.ɵɵadvance(2);
+            i0.ɵɵrepeater(ctx.pages());
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("disabled", ctx.submitting() || ctx.submitDisabled());
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.submitting() ? 8 : 9);
+        } }, dependencies: [FormProgressComponent, FormQuestionComponent], styles: [".mjf-scroll[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n}\n\n.mjf-scroll__progress[_ngcontent-%COMP%] {\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  padding: 0.75rem 0;\n  background: var(--mjf-page-bg);\n}\n\n.mjf-scroll__body[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 2rem;\n}\n\n.mjf-page[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 1.25rem;\n  padding: 1.5rem;\n  background: var(--mjf-card-bg);\n  border: 1px solid var(--mjf-card-border);\n  border-radius: var(--mjf-card-radius);\n  box-shadow: var(--mjf-card-shadow);\n}\n\n.mjf-page__title[_ngcontent-%COMP%] {\n  margin: 0;\n  font-family: var(--mjf-font-display);\n  font-size: 1.375rem;\n  color: var(--mjf-page-ink);\n}\n\n.mjf-page__desc[_ngcontent-%COMP%] {\n  margin: 0;\n  color: var(--mj-text-muted);\n}\n\n.mjf-page__questions[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 1.75rem;\n}\n\n.mjf-scroll__actions[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: flex-end;\n}\n\n.mjf-submit[_ngcontent-%COMP%] {\n  min-height: 3rem;\n  padding: 0.75rem 2rem;\n  font-family: var(--mjf-font-body);\n  font-size: 1.0625rem;\n  font-weight: 600;\n  color: var(--mjf-on-accent);\n  background: var(--mjf-accent);\n  border: none;\n  border-radius: var(--mjf-btn-radius);\n  cursor: pointer;\n  transition: background 0.15s ease;\n}\n\n.mjf-submit[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background: var(--mjf-accent-strong);\n}\n\n.mjf-submit[_ngcontent-%COMP%]:disabled {\n  opacity: 0.6;\n  cursor: progress;\n}\n\n.mjf-submit[_ngcontent-%COMP%]:focus-visible {\n  outline: none;\n  box-shadow: var(--mjf-focus-ring);\n}\n\n@media (min-width: 640px) {\n  .mjf-page[_ngcontent-%COMP%] {\n    padding: 2rem;\n  }\n}"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormScrollComponent, [{
+        type: Component,
+        args: [{ selector: 'mjf-form-scroll', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormProgressComponent, FormQuestionComponent], template: "<div class=\"mjf-scroll\">\n  <div class=\"mjf-scroll__progress\">\n    <mjf-form-progress [value]=\"progress()\" />\n  </div>\n\n  <form class=\"mjf-scroll__body\" (ngSubmit)=\"onSubmit()\" novalidate>\n    @for (page of pages(); track page.id) {\n      <section class=\"mjf-page\" [attr.aria-label]=\"page.title || 'Section'\">\n        @if (page.title) {\n          <h2 class=\"mjf-page__title\">{{ page.title }}</h2>\n        }\n        @if (page.description) {\n          <p class=\"mjf-page__desc\">{{ page.description }}</p>\n        }\n        <div class=\"mjf-page__questions\">\n          @for (q of questionsFor(page); track q.id) {\n            <mjf-form-question\n              [question]=\"q\"\n              [value]=\"runtime().valueFor(q.id)\"\n              [errorMessage]=\"runtime().visibleErrorFor(q)\"\n              [distributionSlug]=\"distributionSlug()\"\n              (valueChange)=\"onValueChange(q, $event)\"\n            />\n          }\n        </div>\n      </section>\n    }\n\n    <div class=\"mjf-scroll__actions\">\n      <button type=\"submit\" class=\"mjf-submit\" [disabled]=\"submitting() || submitDisabled()\">\n        @if (submitting()) {\n          <span>Submitting\u2026</span>\n        } @else {\n          <span>Submit</span>\n        }\n      </button>\n    </div>\n  </form>\n</div>\n", styles: [".mjf-scroll {\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n}\n\n.mjf-scroll__progress {\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  padding: 0.75rem 0;\n  background: var(--mjf-page-bg);\n}\n\n.mjf-scroll__body {\n  display: flex;\n  flex-direction: column;\n  gap: 2rem;\n}\n\n.mjf-page {\n  display: flex;\n  flex-direction: column;\n  gap: 1.25rem;\n  padding: 1.5rem;\n  background: var(--mjf-card-bg);\n  border: 1px solid var(--mjf-card-border);\n  border-radius: var(--mjf-card-radius);\n  box-shadow: var(--mjf-card-shadow);\n}\n\n.mjf-page__title {\n  margin: 0;\n  font-family: var(--mjf-font-display);\n  font-size: 1.375rem;\n  color: var(--mjf-page-ink);\n}\n\n.mjf-page__desc {\n  margin: 0;\n  color: var(--mj-text-muted);\n}\n\n.mjf-page__questions {\n  display: flex;\n  flex-direction: column;\n  gap: 1.75rem;\n}\n\n.mjf-scroll__actions {\n  display: flex;\n  justify-content: flex-end;\n}\n\n.mjf-submit {\n  min-height: 3rem;\n  padding: 0.75rem 2rem;\n  font-family: var(--mjf-font-body);\n  font-size: 1.0625rem;\n  font-weight: 600;\n  color: var(--mjf-on-accent);\n  background: var(--mjf-accent);\n  border: none;\n  border-radius: var(--mjf-btn-radius);\n  cursor: pointer;\n  transition: background 0.15s ease;\n}\n\n.mjf-submit:hover:not(:disabled) {\n  background: var(--mjf-accent-strong);\n}\n\n.mjf-submit:disabled {\n  opacity: 0.6;\n  cursor: progress;\n}\n\n.mjf-submit:focus-visible {\n  outline: none;\n  box-shadow: var(--mjf-focus-ring);\n}\n\n@media (min-width: 640px) {\n  .mjf-page {\n    padding: 2rem;\n  }\n}\n"] }]
+    }], null, { runtime: [{ type: i0.Input, args: [{ isSignal: true, alias: "runtime", required: true }] }], submitting: [{ type: i0.Input, args: [{ isSignal: true, alias: "submitting", required: false }] }], submitDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "submitDisabled", required: false }] }], distributionSlug: [{ type: i0.Input, args: [{ isSignal: true, alias: "distributionSlug", required: false }] }], submit: [{ type: i0.Output, args: ["submit"] }], progressChange: [{ type: i0.Output, args: ["progressChange"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FormScrollComponent, { className: "FormScrollComponent", filePath: "lib/widget/components/form-scroll.component.ts", lineNumber: 21 }); })();
+//# sourceMappingURL=form-scroll.component.js.map

package/dist/lib/widget/components/form-scroll.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-scroll.component.js","sourceRoot":"","sources":["../../../../src/lib/widget/components/form-scroll.component.ts","../../../../src/lib/widget/components/form-scroll.component.html"],"names":[],"mappings":"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"}

package/dist/lib/widget/components/questions/form-question.component.d.ts

@@ -0,0 +1,68 @@
+import type { AnswerValue, PublishedFormQuestion } from '@mj-biz-apps/forms-entities';
+import * as i0 from "@angular/core";
+/** UI state of a FileUpload control. */
+type UploadStatus = 'idle' | 'uploading' | 'done' | 'error';
+export declare class FormQuestionComponent {
+    /** The published question to render. */
+    readonly question: import("@angular/core").InputSignal<PublishedFormQuestion>;
+    /** Current value (controlled). */
+    readonly value: import("@angular/core").InputSignal<AnswerValue>;
+    /** Validation message to show, or `null` when valid / untouched. */
+    readonly errorMessage: import("@angular/core").InputSignal<string | null>;
+    /** Distribution slug — needed to scope a FileUpload's upload to the current form. */
+    readonly distributionSlug: import("@angular/core").InputSignal<string>;
+    /** Emits whenever the respondent changes the answer. */
+    readonly valueChange: import("@angular/core").OutputEmitterRef<AnswerValue>;
+    private readonly uploader;
+    /** FileUpload UI state (upload lifecycle for the current file). */
+    protected readonly uploadStatus: import("@angular/core").WritableSignal<UploadStatus>;
+    /** Progress 0–1 while uploading, or `null` for an indeterminate phase. */
+    protected readonly uploadProgress: import("@angular/core").WritableSignal<number | null>;
+    /** Display name of the selected/uploaded file (the stored answer is the fileId). */
+    protected readonly uploadFileName: import("@angular/core").WritableSignal<string>;
+    /** Inline, respondent-facing upload error, or `null`. */
+    protected readonly uploadError: import("@angular/core").WritableSignal<string | null>;
+    /** Whole-number progress percent for the aria-valuenow / label. */
+    protected readonly uploadPercent: import("@angular/core").Signal<number | null>;
+    protected readonly inputId: import("@angular/core").Signal<string>;
+    protected readonly errorId: import("@angular/core").Signal<string>;
+    protected readonly helpId: import("@angular/core").Signal<string>;
+    protected readonly describedBy: import("@angular/core").Signal<string | null>;
+    protected readonly inputType: import("@angular/core").Signal<string>;
+    protected readonly inputMode: import("@angular/core").Signal<string>;
+    protected readonly autocomplete: import("@angular/core").Signal<string>;
+    protected readonly textValue: import("@angular/core").Signal<string>;
+    protected readonly selectedValues: import("@angular/core").Signal<string[]>;
+    /** Rating scale max (default 5); NPS is fixed 0–10 handled in template. */
+    protected readonly ratingMax: import("@angular/core").Signal<number>;
+    protected readonly ratingScale: import("@angular/core").Signal<number[]>;
+    protected readonly npsScale: number[];
+    protected readonly placeholder: import("@angular/core").Signal<string>;
+    protected readonly textRows: import("@angular/core").Signal<number>;
+    protected readonly fileAccept: import("@angular/core").Signal<string>;
+    protected readonly numericValue: import("@angular/core").Signal<number | null>;
+    protected readonly booleanValue: import("@angular/core").Signal<boolean | null>;
+    protected onText(raw: string): void;
+    protected onNumber(raw: string): void;
+    protected onSingleChoice(value: string): void;
+    protected onMultiToggle(value: string): void;
+    protected isSelected(value: string): boolean;
+    protected onRating(score: number): void;
+    protected onYesNo(value: boolean): void;
+    /** Last selected file, retained so the respondent can retry a failed upload. */
+    private lastFile;
+    protected onFile(input: HTMLInputElement): Promise<void>;
+    /** Re-run the upload for the previously-selected file after a failure. */
+    protected retryUpload(): Promise<void>;
+    /**
+     * Upload one file to the anonymous `/forms/upload` endpoint and store the returned
+     * `fileId` as the answer. The answer is cleared while the upload is in flight so a
+     * required FileUpload cannot be satisfied by a not-yet-stored file.
+     */
+    private uploadFile;
+    private resetUploadState;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormQuestionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormQuestionComponent, "mjf-form-question", never, { "question": { "alias": "question"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "distributionSlug": { "alias": "distributionSlug"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}
+export {};
+//# sourceMappingURL=form-question.component.d.ts.map

package/dist/lib/widget/components/questions/form-question.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-question.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/widget/components/questions/form-question.component.ts"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;;AAKtF,wCAAwC;AACxC,KAAK,YAAY,GAAG,MAAM,GAAG,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;AAE5D,qBAOa,qBAAqB;IAChC,wCAAwC;IACxC,SAAgB,QAAQ,6DAA2C;IACnE,kCAAkC;IAClC,SAAgB,KAAK,mDAAiC;IACtD,oEAAoE;IACpE,SAAgB,YAAY,qDAA8B;IAC1D,qFAAqF;IACrF,SAAgB,gBAAgB,8CAAqB;IACrD,wDAAwD;IACxD,SAAgB,WAAW,wDAAyB;IAEpD,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA6B;IAEtD,mEAAmE;IACnE,SAAS,CAAC,QAAQ,CAAC,YAAY,uDAAgC;IAC/D,0EAA0E;IAC1E,SAAS,CAAC,QAAQ,CAAC,cAAc,wDAA+B;IAChE,oFAAoF;IACpF,SAAS,CAAC,QAAQ,CAAC,cAAc,iDAAsB;IACvD,yDAAyD;IACzD,SAAS,CAAC,QAAQ,CAAC,WAAW,wDAA+B;IAC7D,mEAAmE;IACnE,SAAS,CAAC,QAAQ,CAAC,aAAa,gDAG7B;IAEH,SAAS,CAAC,QAAQ,CAAC,OAAO,yCAAiD;IAC3E,SAAS,CAAC,QAAQ,CAAC,OAAO,yCAA6C;IACvE,SAAS,CAAC,QAAQ,CAAC,MAAM,yCAA4C;IACrE,SAAS,CAAC,QAAQ,CAAC,WAAW,gDAS3B;IAEH,SAAS,CAAC,QAAQ,CAAC,SAAS,yCAAsD;IAClF,SAAS,CAAC,QAAQ,CAAC,SAAS,yCAAsD;IAClF,SAAS,CAAC,QAAQ,CAAC,YAAY,yCAAyD;IAExF,SAAS,CAAC,QAAQ,CAAC,SAAS,yCAGzB;IAEH,SAAS,CAAC,QAAQ,CAAC,cAAc,2CAM9B;IAEH,2EAA2E;IAC3E,SAAS,CAAC,QAAQ,CAAC,SAAS,yCAGzB;IACH,SAAS,CAAC,QAAQ,CAAC,WAAW,2CAE5B;IACF,SAAS,CAAC,QAAQ,CAAC,QAAQ,WAA2C;IAEtE,SAAS,CAAC,QAAQ,CAAC,WAAW,yCAG3B;IACH,SAAS,CAAC,QAAQ,CAAC,QAAQ,yCAGxB;IACH,SAAS,CAAC,QAAQ,CAAC,UAAU,yCAG1B;IAEH,SAAS,CAAC,QAAQ,CAAC,YAAY,gDAG5B;IACH,SAAS,CAAC,QAAQ,CAAC,YAAY,iDAG5B;IAEH,SAAS,CAAC,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAInC,SAAS,CAAC,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IASrC,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAI7C,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAW5C,SAAS,CAAC,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO;IAI5C,SAAS,CAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAIvC,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAIvC,gFAAgF;IAChF,OAAO,CAAC,QAAQ,CAAqB;cAErB,MAAM,CAAC,KAAK,EAAE,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC;IAa9D,0EAA0E;cAC1D,WAAW,IAAI,OAAO,CAAC,IAAI,CAAC;IAM5C;;;;OAIG;YACW,UAAU;IAyBxB,OAAO,CAAC,gBAAgB;yCAxLb,qBAAqB;2CAArB,qBAAqB;CA8LjC"}