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

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

@@ -0,0 +1,541 @@
+/**
+ * Renders ONE question of any Phase-1 type and emits value changes. The control set
+ * is intentionally native (`<input>`, `<textarea>`, `<select>`, buttons) for maximum
+ * accessibility and mobile-keyboard fidelity, themed entirely by `--mjf-*` tokens.
+ *
+ * All 15 §5.3 types are handled here via `@switch`:
+ *   ShortText · LongText · Email · Phone · Number · SingleChoice · MultiChoice ·
+ *   Dropdown · Rating · NPS · YesNo · Date · Time · FileUpload · Statement.
+ */
+import { ChangeDetectionStrategy, Component, computed, inject, input, output, signal, } from '@angular/core';
+import { FormUploadService } from '../../api/form-upload.service';
+import { autocompleteFor, inputModeFor, inputTypeFor } from './input-mode';
+import * as i0 from "@angular/core";
+const _forTrack0 = ($index, $item) => $item.id;
+function FormQuestionComponent_Conditional_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "p", 4);
+    i0.ɵɵtext(1);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    i0.ɵɵnextContext(2);
+    const q_r1 = i0.ɵɵreadContextLet(0);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(q_r1.helpText);
+} }
+function FormQuestionComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "div", 2)(1, "h3", 3);
+    i0.ɵɵtext(2);
+    i0.ɵɵdomElementEnd();
+    i0.ɵɵconditionalCreate(3, FormQuestionComponent_Conditional_2_Conditional_3_Template, 2, 1, "p", 4);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    i0.ɵɵnextContext();
+    const q_r1 = i0.ɵɵreadContextLet(0);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(q_r1.prompt);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(q_r1.helpText ? 3 : -1);
+} }
+function FormQuestionComponent_Conditional_3_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "span", 19);
+    i0.ɵɵtext(1, "*");
+    i0.ɵɵdomElementEnd();
+    i0.ɵɵdomElementStart(2, "span", 20);
+    i0.ɵɵtext(3, "(required)");
+    i0.ɵɵdomElementEnd();
+} }
+function FormQuestionComponent_Conditional_3_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "p", 7);
+    i0.ɵɵtext(1);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    const q_r1 = i0.ɵɵreadContextLet(0);
+    i0.ɵɵdomProperty("id", ctx_r1.helpId());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(q_r1.helpText);
+} }
+function FormQuestionComponent_Conditional_3_Case_6_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵdomElementStart(0, "textarea", 21);
+    i0.ɵɵdomListener("input", function FormQuestionComponent_Conditional_3_Case_6_Template_textarea_input_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onText($event.target.value)); });
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    const q_r1 = i0.ɵɵreadContextLet(0);
+    i0.ɵɵdomProperty("id", ctx_r1.inputId())("rows", ctx_r1.textRows())("placeholder", ctx_r1.placeholder())("value", ctx_r1.textValue());
+    i0.ɵɵattribute("aria-required", q_r1.isRequired)("aria-invalid", !!ctx_r1.errorMessage())("aria-describedby", ctx_r1.describedBy());
+} }
+function FormQuestionComponent_Conditional_3_Case_7_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵdomElementStart(0, "input", 22);
+    i0.ɵɵdomListener("input", function FormQuestionComponent_Conditional_3_Case_7_Template_input_input_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onNumber($event.target.value)); });
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    const q_r1 = i0.ɵɵreadContextLet(0);
+    i0.ɵɵdomProperty("id", ctx_r1.inputId())("placeholder", ctx_r1.placeholder())("value", ctx_r1.textValue());
+    i0.ɵɵattribute("aria-required", q_r1.isRequired)("aria-invalid", !!ctx_r1.errorMessage())("aria-describedby", ctx_r1.describedBy());
+} }
+function FormQuestionComponent_Conditional_3_Case_8_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵdomElementStart(0, "button", 24);
+    i0.ɵɵdomListener("click", function FormQuestionComponent_Conditional_3_Case_8_For_2_Template_button_click_0_listener() { const opt_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onSingleChoice(opt_r6.value)); });
+    i0.ɵɵdomElement(1, "span", 25);
+    i0.ɵɵdomElementStart(2, "span", 26);
+    i0.ɵɵtext(3);
+    i0.ɵɵdomElementEnd()();
+} if (rf & 2) {
+    const opt_r6 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassProp("mjf-choice--selected", ctx_r1.textValue() === opt_r6.value);
+    i0.ɵɵattribute("aria-checked", ctx_r1.textValue() === opt_r6.value);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(opt_r6.label);
+} }
+function FormQuestionComponent_Conditional_3_Case_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "div", 11);
+    i0.ɵɵrepeaterCreate(1, FormQuestionComponent_Conditional_3_Case_8_For_2_Template, 4, 4, "button", 23, _forTrack0);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    const q_r1 = i0.ɵɵreadContextLet(0);
+    i0.ɵɵattribute("aria-labelledby", ctx_r1.inputId())("aria-describedby", ctx_r1.describedBy());
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(q_r1.options);
+} }
+function FormQuestionComponent_Conditional_3_Case_9_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵdomElementStart(0, "button", 28);
+    i0.ɵɵdomListener("click", function FormQuestionComponent_Conditional_3_Case_9_For_2_Template_button_click_0_listener() { const opt_r8 = i0.ɵɵrestoreView(_r7).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onMultiToggle(opt_r8.value)); });
+    i0.ɵɵdomElement(1, "span", 29);
+    i0.ɵɵdomElementStart(2, "span", 26);
+    i0.ɵɵtext(3);
+    i0.ɵɵdomElementEnd()();
+} if (rf & 2) {
+    const opt_r8 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassProp("mjf-choice--selected", ctx_r1.isSelected(opt_r8.value));
+    i0.ɵɵattribute("aria-checked", ctx_r1.isSelected(opt_r8.value));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(opt_r8.label);
+} }
+function FormQuestionComponent_Conditional_3_Case_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "div", 12);
+    i0.ɵɵrepeaterCreate(1, FormQuestionComponent_Conditional_3_Case_9_For_2_Template, 4, 4, "button", 27, _forTrack0);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    const q_r1 = i0.ɵɵreadContextLet(0);
+    i0.ɵɵattribute("aria-labelledby", ctx_r1.inputId())("aria-describedby", ctx_r1.describedBy());
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(q_r1.options);
+} }
+function FormQuestionComponent_Conditional_3_Case_10_For_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "option", 32);
+    i0.ɵɵtext(1);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const opt_r10 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵdomProperty("value", opt_r10.value)("selected", ctx_r1.textValue() === opt_r10.value);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(opt_r10.label);
+} }
+function FormQuestionComponent_Conditional_3_Case_10_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵdomElementStart(0, "select", 30);
+    i0.ɵɵdomListener("change", function FormQuestionComponent_Conditional_3_Case_10_Template_select_change_0_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onSingleChoice($event.target.value)); });
+    i0.ɵɵdomElementStart(1, "option", 31);
+    i0.ɵɵtext(2, "Select\u2026");
+    i0.ɵɵdomElementEnd();
+    i0.ɵɵrepeaterCreate(3, FormQuestionComponent_Conditional_3_Case_10_For_4_Template, 2, 3, "option", 32, _forTrack0);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    const q_r1 = i0.ɵɵreadContextLet(0);
+    i0.ɵɵdomProperty("id", ctx_r1.inputId())("value", ctx_r1.textValue());
+    i0.ɵɵattribute("aria-required", q_r1.isRequired)("aria-invalid", !!ctx_r1.errorMessage())("aria-describedby", ctx_r1.describedBy());
+    i0.ɵɵadvance();
+    i0.ɵɵdomProperty("selected", ctx_r1.textValue() === "");
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(q_r1.options);
+} }
+function FormQuestionComponent_Conditional_3_Case_11_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵdomElementStart(0, "button", 34);
+    i0.ɵɵdomListener("click", function FormQuestionComponent_Conditional_3_Case_11_For_2_Template_button_click_0_listener() { const star_r12 = i0.ɵɵrestoreView(_r11).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onRating(star_r12)); });
+    i0.ɵɵdomElement(1, "i", 35);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const star_r12 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassProp("mjf-rating__star--on", ctx_r1.numericValue() !== null && star_r12 <= ctx_r1.numericValue());
+    i0.ɵɵattribute("aria-checked", ctx_r1.numericValue() === star_r12)("aria-label", star_r12 + " of " + ctx_r1.ratingMax());
+} }
+function FormQuestionComponent_Conditional_3_Case_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "div", 14);
+    i0.ɵɵrepeaterCreate(1, FormQuestionComponent_Conditional_3_Case_11_For_2_Template, 2, 4, "button", 33, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵattribute("aria-labelledby", ctx_r1.inputId())("aria-describedby", ctx_r1.describedBy());
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.ratingScale());
+} }
+function FormQuestionComponent_Conditional_3_Case_12_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵdomElementStart(0, "button", 37);
+    i0.ɵɵdomListener("click", function FormQuestionComponent_Conditional_3_Case_12_For_2_Template_button_click_0_listener() { const n_r14 = i0.ɵɵrestoreView(_r13).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onRating(n_r14)); });
+    i0.ɵɵtext(1);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const n_r14 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassProp("mjf-nps__btn--selected", ctx_r1.numericValue() === n_r14);
+    i0.ɵɵattribute("aria-checked", ctx_r1.numericValue() === n_r14)("aria-label", n_r14 + " out of 10");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(n_r14);
+} }
+function FormQuestionComponent_Conditional_3_Case_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "div", 15);
+    i0.ɵɵrepeaterCreate(1, FormQuestionComponent_Conditional_3_Case_12_For_2_Template, 2, 5, "button", 36, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵattribute("aria-labelledby", ctx_r1.inputId())("aria-describedby", ctx_r1.describedBy());
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.npsScale);
+} }
+function FormQuestionComponent_Conditional_3_Case_13_Template(rf, ctx) { if (rf & 1) {
+    const _r15 = i0.ɵɵgetCurrentView();
+    i0.ɵɵdomElementStart(0, "div", 16)(1, "button", 38);
+    i0.ɵɵdomListener("click", function FormQuestionComponent_Conditional_3_Case_13_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onYesNo(true)); });
+    i0.ɵɵtext(2, "Yes");
+    i0.ɵɵdomElementEnd();
+    i0.ɵɵdomElementStart(3, "button", 38);
+    i0.ɵɵdomListener("click", function FormQuestionComponent_Conditional_3_Case_13_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onYesNo(false)); });
+    i0.ɵɵtext(4, "No");
+    i0.ɵɵdomElementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵattribute("aria-labelledby", ctx_r1.inputId())("aria-describedby", ctx_r1.describedBy());
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("mjf-choice--selected", ctx_r1.booleanValue() === true);
+    i0.ɵɵattribute("aria-checked", ctx_r1.booleanValue() === true);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassProp("mjf-choice--selected", ctx_r1.booleanValue() === false);
+    i0.ɵɵattribute("aria-checked", ctx_r1.booleanValue() === false);
+} }
+function FormQuestionComponent_Conditional_3_Case_14_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "div", 40);
+    i0.ɵɵdomElement(1, "span", 43);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵattribute("aria-valuenow", ctx_r1.uploadPercent())("aria-valuemin", ctx_r1.uploadPercent() === null ? null : 0)("aria-valuemax", ctx_r1.uploadPercent() === null ? null : 100);
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("width", ctx_r1.uploadPercent() ?? 100, "%");
+    i0.ɵɵclassProp("mjf-file__progress-bar--indeterminate", ctx_r1.uploadPercent() === null);
+} }
+function FormQuestionComponent_Conditional_3_Case_14_Case_4_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵtextInterpolate1(" \u2014 ", ctx_r1.uploadPercent(), "% ");
+} }
+function FormQuestionComponent_Conditional_3_Case_14_Case_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "span");
+    i0.ɵɵdomElement(1, "i", 44);
+    i0.ɵɵtext(2);
+    i0.ɵɵconditionalCreate(3, FormQuestionComponent_Conditional_3_Case_14_Case_4_Conditional_3_Template, 1, 1);
+    i0.ɵɵtext(4, "\u2026 ");
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" Uploading ", ctx_r1.uploadFileName());
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.uploadPercent() !== null ? 3 : -1);
+} }
+function FormQuestionComponent_Conditional_3_Case_14_Case_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "span", 42);
+    i0.ɵɵdomElement(1, "i", 45);
+    i0.ɵɵtext(2);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.uploadFileName(), " uploaded ");
+} }
+function FormQuestionComponent_Conditional_3_Case_14_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    const _r18 = i0.ɵɵgetCurrentView();
+    i0.ɵɵdomElementStart(0, "p", 46);
+    i0.ɵɵdomElement(1, "i", 47);
+    i0.ɵɵtext(2);
+    i0.ɵɵdomElementEnd();
+    i0.ɵɵdomElementStart(3, "button", 48);
+    i0.ɵɵdomListener("click", function FormQuestionComponent_Conditional_3_Case_14_Conditional_6_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.retryUpload()); });
+    i0.ɵɵdomElement(4, "i", 49);
+    i0.ɵɵtext(5, " Retry upload ");
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.uploadError(), " ");
+} }
+function FormQuestionComponent_Conditional_3_Case_14_Template(rf, ctx) { if (rf & 1) {
+    const _r16 = i0.ɵɵgetCurrentView();
+    i0.ɵɵdomElementStart(0, "input", 39, 0);
+    i0.ɵɵdomListener("change", function FormQuestionComponent_Conditional_3_Case_14_Template_input_change_0_listener() { i0.ɵɵrestoreView(_r16); const fileInput_r17 = i0.ɵɵreference(1); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onFile(fileInput_r17)); });
+    i0.ɵɵdomElementEnd();
+    i0.ɵɵconditionalCreate(2, FormQuestionComponent_Conditional_3_Case_14_Conditional_2_Template, 2, 7, "div", 40);
+    i0.ɵɵdomElementStart(3, "p", 41);
+    i0.ɵɵconditionalCreate(4, FormQuestionComponent_Conditional_3_Case_14_Case_4_Template, 5, 2, "span")(5, FormQuestionComponent_Conditional_3_Case_14_Case_5_Template, 3, 1, "span", 42);
+    i0.ɵɵdomElementEnd();
+    i0.ɵɵconditionalCreate(6, FormQuestionComponent_Conditional_3_Case_14_Conditional_6_Template, 6, 1);
+} if (rf & 2) {
+    let tmp_11_0;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    const q_r1 = i0.ɵɵreadContextLet(0);
+    i0.ɵɵdomProperty("id", ctx_r1.inputId())("accept", ctx_r1.fileAccept())("disabled", ctx_r1.uploadStatus() === "uploading");
+    i0.ɵɵattribute("aria-required", q_r1.isRequired)("aria-invalid", !!ctx_r1.errorMessage() || ctx_r1.uploadStatus() === "error")("aria-describedby", ctx_r1.describedBy());
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.uploadStatus() === "uploading" ? 2 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional((tmp_11_0 = ctx_r1.uploadStatus()) === "uploading" ? 4 : tmp_11_0 === "done" ? 5 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.uploadStatus() === "error" ? 6 : -1);
+} }
+function FormQuestionComponent_Conditional_3_Case_15_Template(rf, ctx) { if (rf & 1) {
+    const _r19 = i0.ɵɵgetCurrentView();
+    i0.ɵɵdomElementStart(0, "input", 50);
+    i0.ɵɵdomListener("input", function FormQuestionComponent_Conditional_3_Case_15_Template_input_input_0_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onText($event.target.value)); });
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    const q_r1 = i0.ɵɵreadContextLet(0);
+    i0.ɵɵdomProperty("id", ctx_r1.inputId())("type", ctx_r1.inputType())("placeholder", ctx_r1.placeholder())("value", ctx_r1.textValue());
+    i0.ɵɵattribute("inputmode", ctx_r1.inputMode())("autocomplete", ctx_r1.autocomplete())("aria-required", q_r1.isRequired)("aria-invalid", !!ctx_r1.errorMessage())("aria-describedby", ctx_r1.describedBy());
+} }
+function FormQuestionComponent_Conditional_3_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "p", 18);
+    i0.ɵɵtext(1);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵdomProperty("id", ctx_r1.errorId());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.errorMessage());
+} }
+function FormQuestionComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "label", 5)(1, "span", 6);
+    i0.ɵɵtext(2);
+    i0.ɵɵdomElementEnd();
+    i0.ɵɵconditionalCreate(3, FormQuestionComponent_Conditional_3_Conditional_3_Template, 4, 0);
+    i0.ɵɵdomElementEnd();
+    i0.ɵɵconditionalCreate(4, FormQuestionComponent_Conditional_3_Conditional_4_Template, 2, 2, "p", 7);
+    i0.ɵɵdomElementStart(5, "div", 8);
+    i0.ɵɵconditionalCreate(6, FormQuestionComponent_Conditional_3_Case_6_Template, 1, 7, "textarea", 9)(7, FormQuestionComponent_Conditional_3_Case_7_Template, 1, 6, "input", 10)(8, FormQuestionComponent_Conditional_3_Case_8_Template, 3, 2, "div", 11)(9, FormQuestionComponent_Conditional_3_Case_9_Template, 3, 2, "div", 12)(10, FormQuestionComponent_Conditional_3_Case_10_Template, 5, 6, "select", 13)(11, FormQuestionComponent_Conditional_3_Case_11_Template, 3, 2, "div", 14)(12, FormQuestionComponent_Conditional_3_Case_12_Template, 3, 2, "div", 15)(13, FormQuestionComponent_Conditional_3_Case_13_Template, 5, 8, "div", 16)(14, FormQuestionComponent_Conditional_3_Case_14_Template, 7, 9)(15, FormQuestionComponent_Conditional_3_Case_15_Template, 1, 9, "input", 17);
+    i0.ɵɵdomElementEnd();
+    i0.ɵɵconditionalCreate(16, FormQuestionComponent_Conditional_3_Conditional_16_Template, 2, 2, "p", 18);
+} if (rf & 2) {
+    let tmp_6_0;
+    const ctx_r1 = i0.ɵɵnextContext();
+    const q_r1 = i0.ɵɵreadContextLet(0);
+    i0.ɵɵattribute("for", ctx_r1.inputId());
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(q_r1.prompt);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(q_r1.isRequired ? 3 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(q_r1.helpText ? 4 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional((tmp_6_0 = q_r1.type) === "LongText" ? 6 : tmp_6_0 === "Number" ? 7 : tmp_6_0 === "SingleChoice" ? 8 : tmp_6_0 === "MultiChoice" ? 9 : tmp_6_0 === "Dropdown" ? 10 : tmp_6_0 === "Rating" ? 11 : tmp_6_0 === "NPS" ? 12 : tmp_6_0 === "YesNo" ? 13 : tmp_6_0 === "FileUpload" ? 14 : 15);
+    i0.ɵɵadvance(10);
+    i0.ɵɵconditional(ctx_r1.errorMessage() ? 16 : -1);
+} }
+export class FormQuestionComponent {
+    /** The published question to render. */
+    question = input.required(...(ngDevMode ? [{ debugName: "question" }] : []));
+    /** Current value (controlled). */
+    value = input(undefined, ...(ngDevMode ? [{ debugName: "value" }] : []));
+    /** Validation message to show, or `null` when valid / untouched. */
+    errorMessage = input(null, ...(ngDevMode ? [{ debugName: "errorMessage" }] : []));
+    /** Distribution slug — needed to scope a FileUpload's upload to the current form. */
+    distributionSlug = input('', ...(ngDevMode ? [{ debugName: "distributionSlug" }] : []));
+    /** Emits whenever the respondent changes the answer. */
+    valueChange = output();
+    uploader = inject(FormUploadService);
+    /** FileUpload UI state (upload lifecycle for the current file). */
+    uploadStatus = signal('idle', ...(ngDevMode ? [{ debugName: "uploadStatus" }] : []));
+    /** Progress 0–1 while uploading, or `null` for an indeterminate phase. */
+    uploadProgress = signal(null, ...(ngDevMode ? [{ debugName: "uploadProgress" }] : []));
+    /** Display name of the selected/uploaded file (the stored answer is the fileId). */
+    uploadFileName = signal('', ...(ngDevMode ? [{ debugName: "uploadFileName" }] : []));
+    /** Inline, respondent-facing upload error, or `null`. */
+    uploadError = signal(null, ...(ngDevMode ? [{ debugName: "uploadError" }] : []));
+    /** Whole-number progress percent for the aria-valuenow / label. */
+    uploadPercent = computed(() => {
+        const p = this.uploadProgress();
+        return p === null ? null : Math.round(p * 100);
+    }, ...(ngDevMode ? [{ debugName: "uploadPercent" }] : []));
+    inputId = computed(() => `mjf-q-${this.question().id}`, ...(ngDevMode ? [{ debugName: "inputId" }] : []));
+    errorId = computed(() => `${this.inputId()}-error`, ...(ngDevMode ? [{ debugName: "errorId" }] : []));
+    helpId = computed(() => `${this.inputId()}-help`, ...(ngDevMode ? [{ debugName: "helpId" }] : []));
+    describedBy = computed(() => {
+        const ids = [];
+        if (this.question().helpText) {
+            ids.push(this.helpId());
+        }
+        if (this.errorMessage()) {
+            ids.push(this.errorId());
+        }
+        return ids.length ? ids.join(' ') : null;
+    }, ...(ngDevMode ? [{ debugName: "describedBy" }] : []));
+    inputType = computed(() => inputTypeFor(this.question().type), ...(ngDevMode ? [{ debugName: "inputType" }] : []));
+    inputMode = computed(() => inputModeFor(this.question().type), ...(ngDevMode ? [{ debugName: "inputMode" }] : []));
+    autocomplete = computed(() => autocompleteFor(this.question().type), ...(ngDevMode ? [{ debugName: "autocomplete" }] : []));
+    textValue = computed(() => {
+        const v = this.value();
+        return typeof v === 'string' || typeof v === 'number' ? String(v) : '';
+    }, ...(ngDevMode ? [{ debugName: "textValue" }] : []));
+    selectedValues = computed(() => {
+        const v = this.value();
+        if (Array.isArray(v)) {
+            return v.map((x) => String(x));
+        }
+        return [];
+    }, ...(ngDevMode ? [{ debugName: "selectedValues" }] : []));
+    /** Rating scale max (default 5); NPS is fixed 0–10 handled in template. */
+    ratingMax = computed(() => {
+        const raw = this.question().settings?.['max'];
+        return typeof raw === 'number' && raw > 0 ? raw : 5;
+    }, ...(ngDevMode ? [{ debugName: "ratingMax" }] : []));
+    ratingScale = computed(() => Array.from({ length: this.ratingMax() }, (_, i) => i + 1), ...(ngDevMode ? [{ debugName: "ratingScale" }] : []));
+    npsScale = Array.from({ length: 11 }, (_, i) => i);
+    placeholder = computed(() => {
+        const raw = this.question().settings?.['placeholder'];
+        return typeof raw === 'string' ? raw : '';
+    }, ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    textRows = computed(() => {
+        const raw = this.question().settings?.['rows'];
+        return typeof raw === 'number' && raw > 0 ? raw : 4;
+    }, ...(ngDevMode ? [{ debugName: "textRows" }] : []));
+    fileAccept = computed(() => {
+        const raw = this.question().settings?.['accept'];
+        return typeof raw === 'string' ? raw : '';
+    }, ...(ngDevMode ? [{ debugName: "fileAccept" }] : []));
+    numericValue = computed(() => {
+        const v = this.value();
+        return typeof v === 'number' ? v : null;
+    }, ...(ngDevMode ? [{ debugName: "numericValue" }] : []));
+    booleanValue = computed(() => {
+        const v = this.value();
+        return typeof v === 'boolean' ? v : null;
+    }, ...(ngDevMode ? [{ debugName: "booleanValue" }] : []));
+    onText(raw) {
+        this.valueChange.emit(raw === '' ? null : raw);
+    }
+    onNumber(raw) {
+        if (raw.trim() === '') {
+            this.valueChange.emit(null);
+            return;
+        }
+        const n = Number(raw);
+        this.valueChange.emit(Number.isFinite(n) ? n : raw);
+    }
+    onSingleChoice(value) {
+        this.valueChange.emit(value);
+    }
+    onMultiToggle(value) {
+        const current = new Set(this.selectedValues());
+        if (current.has(value)) {
+            current.delete(value);
+        }
+        else {
+            current.add(value);
+        }
+        const next = [...current];
+        this.valueChange.emit(next.length ? next : null);
+    }
+    isSelected(value) {
+        return this.selectedValues().includes(value);
+    }
+    onRating(score) {
+        this.valueChange.emit(this.numericValue() === score ? null : score);
+    }
+    onYesNo(value) {
+        this.valueChange.emit(this.booleanValue() === value ? null : value);
+    }
+    /** Last selected file, retained so the respondent can retry a failed upload. */
+    lastFile = null;
+    async onFile(input) {
+        const file = input.files?.[0] ?? null;
+        if (!file) {
+            // Cleared the picker — drop the answer + any prior upload state.
+            this.lastFile = null;
+            this.resetUploadState();
+            this.valueChange.emit(null);
+            return;
+        }
+        this.lastFile = file;
+        await this.uploadFile(file);
+    }
+    /** Re-run the upload for the previously-selected file after a failure. */
+    async retryUpload() {
+        if (this.lastFile) {
+            await this.uploadFile(this.lastFile);
+        }
+    }
+    /**
+     * 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.
+     */
+    async uploadFile(file) {
+        this.uploadFileName.set(file.name);
+        this.uploadError.set(null);
+        this.uploadStatus.set('uploading');
+        this.uploadProgress.set(0);
+        // Clear any prior fileId until the new upload confirms.
+        this.valueChange.emit(null);
+        try {
+            const result = await this.uploader.upload(file, this.distributionSlug(), this.question().id, (fraction) => this.uploadProgress.set(fraction));
+            this.uploadStatus.set('done');
+            this.uploadProgress.set(1);
+            this.valueChange.emit(result.fileId);
+        }
+        catch (err) {
+            this.uploadStatus.set('error');
+            this.uploadProgress.set(null);
+            this.uploadError.set(err instanceof Error ? err.message : 'Upload failed. Please try again.');
+            this.valueChange.emit(null);
+        }
+    }
+    resetUploadState() {
+        this.uploadStatus.set('idle');
+        this.uploadProgress.set(null);
+        this.uploadFileName.set('');
+        this.uploadError.set(null);
+    }
+    static ɵfac = function FormQuestionComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FormQuestionComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormQuestionComponent, selectors: [["mjf-form-question"]], inputs: { question: [1, "question"], value: [1, "value"], errorMessage: [1, "errorMessage"], distributionSlug: [1, "distributionSlug"] }, outputs: { valueChange: "valueChange" }, decls: 4, vars: 4, consts: [["fileInput", ""], [1, "mjf-question"], ["role", "note", 1, "mjf-statement"], [1, "mjf-statement__title"], [1, "mjf-statement__help"], [1, "mjf-question__label"], [1, "mjf-question__prompt"], [1, "mjf-question__help", 3, "id"], [1, "mjf-question__control"], [1, "mjf-input", "mjf-textarea", 3, "id", "rows", "placeholder", "value"], ["type", "number", "inputmode", "decimal", 1, "mjf-input", 3, "id", "placeholder", "value"], ["role", "radiogroup", 1, "mjf-choices"], ["role", "group", 1, "mjf-choices"], [1, "mjf-input", "mjf-select", 3, "id", "value"], ["role", "radiogroup", 1, "mjf-rating"], ["role", "radiogroup", 1, "mjf-nps"], ["role", "radiogroup", 1, "mjf-yesno"], [1, "mjf-input", 3, "id", "type", "placeholder", "value"], ["role", "alert", 1, "mjf-question__error", 3, "id"], ["aria-hidden", "true", 1, "mjf-question__required"], [1, "mjf-visually-hidden"], [1, "mjf-input", "mjf-textarea", 3, "input", "id", "rows", "placeholder", "value"], ["type", "number", "inputmode", "decimal", 1, "mjf-input", 3, "input", "id", "placeholder", "value"], ["type", "button", "role", "radio", 1, "mjf-choice", 3, "mjf-choice--selected"], ["type", "button", "role", "radio", 1, "mjf-choice", 3, "click"], ["aria-hidden", "true", 1, "mjf-choice__mark"], [1, "mjf-choice__label"], ["type", "button", "role", "checkbox", 1, "mjf-choice", 3, "mjf-choice--selected"], ["type", "button", "role", "checkbox", 1, "mjf-choice", 3, "click"], ["aria-hidden", "true", 1, "mjf-choice__mark", "mjf-choice__mark--box"], [1, "mjf-input", "mjf-select", 3, "change", "id", "value"], ["value", "", "disabled", "", 3, "selected"], [3, "value", "selected"], ["type", "button", "role", "radio", 1, "mjf-rating__star", 3, "mjf-rating__star--on"], ["type", "button", "role", "radio", 1, "mjf-rating__star", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-star"], ["type", "button", "role", "radio", 1, "mjf-nps__btn", 3, "mjf-nps__btn--selected"], ["type", "button", "role", "radio", 1, "mjf-nps__btn", 3, "click"], ["type", "button", "role", "radio", 1, "mjf-choice", "mjf-yesno__btn", 3, "click"], ["type", "file", 1, "mjf-input", "mjf-file", 3, "change", "id", "accept", "disabled"], ["role", "progressbar", "aria-label", "Uploading file", 1, "mjf-file__progress"], ["aria-live", "polite", 1, "mjf-file__status"], [1, "mjf-file__ok"], [1, "mjf-file__progress-bar"], ["aria-hidden", "true", 1, "fa-solid", "fa-spinner", "fa-spin"], ["aria-hidden", "true", 1, "fa-solid", "fa-circle-check"], ["role", "alert", 1, "mjf-file__error"], ["aria-hidden", "true", 1, "fa-solid", "fa-triangle-exclamation"], ["type", "button", 1, "mjf-file__retry", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-rotate-right"], [1, "mjf-input", 3, "input", "id", "type", "placeholder", "value"]], template: function FormQuestionComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵdeclareLet(0);
+            i0.ɵɵdomElementStart(1, "div", 1);
+            i0.ɵɵconditionalCreate(2, FormQuestionComponent_Conditional_2_Template, 4, 2, "div", 2)(3, FormQuestionComponent_Conditional_3_Template, 17, 6);
+            i0.ɵɵdomElementEnd();
+        } if (rf & 2) {
+            const q_r20 = i0.ɵɵstoreLet(ctx.question());
+            i0.ɵɵadvance();
+            i0.ɵɵclassProp("mjf-question--error", !!ctx.errorMessage());
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(q_r20.type === "Statement" ? 2 : 3);
+        } }, styles: ["\n--mj-*[_ngcontent-%COMP%]   tokens[_ngcontent-%COMP%]   \u2014[_ngcontent-%COMP%]   no[_ngcontent-%COMP%]   literals[_ngcontent-%COMP%]   (CI gate).[_ngcontent-%COMP%]   Mobile-first[_ngcontent-%COMP%]:\n   44px[_ngcontent-%COMP%] + tap[_ngcontent-%COMP%]   targets[_ngcontent-%COMP%], generous[_ngcontent-%COMP%]   spacing[_ngcontent-%COMP%], visible[_ngcontent-%COMP%]   focus[_ngcontent-%COMP%]   rings.[_ngcontent-%COMP%]   */\n\n.mjf-question[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.mjf-question__label[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: baseline;\n  gap: 0.25rem;\n  font-family: var(--mjf-font-body);\n  font-weight: 600;\n  font-size: 1.0625rem;\n  line-height: 1.4;\n  color: var(--mjf-page-ink);\n}\n\n.mjf-question__required[_ngcontent-%COMP%] {\n  color: var(--mj-status-error);\n  font-weight: 700;\n}\n\n.mjf-question__help[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 0.9375rem;\n  color: var(--mj-text-muted);\n}\n\n.mjf-question__control[_ngcontent-%COMP%] {\n  margin-top: 0.25rem;\n}\n\n.mjf-input[_ngcontent-%COMP%] {\n  width: 100%;\n  min-height: 2.75rem;\n  padding: 0.6875rem 0.875rem;\n  font-family: var(--mjf-font-body);\n  font-size: 1rem;\n  color: var(--mjf-page-ink);\n  background: var(--mjf-input-bg);\n  border: 1px solid var(--mjf-input-border);\n  border-radius: var(--mjf-input-radius);\n  box-sizing: border-box;\n  transition: var(--mj-transition-base, border-color 0.15s ease, box-shadow 0.15s ease);\n}\n\n.mjf-input[_ngcontent-%COMP%]:focus-visible, \n.mjf-choice[_ngcontent-%COMP%]:focus-visible, \n.mjf-rating__star[_ngcontent-%COMP%]:focus-visible, \n.mjf-nps__btn[_ngcontent-%COMP%]:focus-visible {\n  outline: none;\n  border-color: var(--mjf-accent);\n  box-shadow: var(--mjf-focus-ring);\n}\n\n.mjf-textarea[_ngcontent-%COMP%] {\n  resize: vertical;\n  min-height: 6rem;\n}\n\n.mjf-select[_ngcontent-%COMP%] {\n  appearance: none;\n}\n\n.mjf-question--error[_ngcontent-%COMP%]   .mjf-input[_ngcontent-%COMP%] {\n  border-color: var(--mj-status-error);\n}\n\n.mjf-question__error[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 0.875rem;\n  color: var(--mj-status-error);\n}\n\n\n\n.mjf-choices[_ngcontent-%COMP%], \n.mjf-yesno[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.mjf-yesno[_ngcontent-%COMP%] {\n  flex-direction: row;\n}\n\n.mjf-choice[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  width: 100%;\n  min-height: 2.75rem;\n  padding: 0.75rem 1rem;\n  text-align: left;\n  font-family: var(--mjf-font-body);\n  font-size: 1rem;\n  color: var(--mjf-page-ink);\n  background: var(--mjf-choice-bg);\n  border: 1px solid var(--mjf-choice-border);\n  border-radius: var(--mjf-choice-radius);\n  cursor: pointer;\n  transition: var(--mj-transition-base, background 0.15s ease, border-color 0.15s ease);\n}\n\n.mjf-yesno__btn[_ngcontent-%COMP%] {\n  flex: 1;\n  justify-content: center;\n}\n\n.mjf-choice--selected[_ngcontent-%COMP%] {\n  background: var(--mjf-choice-selected-bg);\n  border-color: var(--mjf-choice-selected-border);\n  color: var(--mjf-choice-selected-text);\n}\n\n.mjf-choice__mark[_ngcontent-%COMP%] {\n  flex: 0 0 auto;\n  width: 1.25rem;\n  height: 1.25rem;\n  border: 2px solid var(--mjf-choice-border);\n  border-radius: var(--mjf-pill-radius);\n  background: var(--mjf-input-bg);\n}\n\n.mjf-choice__mark--box[_ngcontent-%COMP%] {\n  border-radius: var(--mj-radius-sm, 0.25rem);\n}\n\n.mjf-choice--selected[_ngcontent-%COMP%]   .mjf-choice__mark[_ngcontent-%COMP%] {\n  border-color: var(--mjf-accent);\n  background: var(--mjf-accent);\n  box-shadow: inset 0 0 0 3px var(--mjf-choice-selected-bg);\n}\n\n\n\n.mjf-rating[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.mjf-rating__star[_ngcontent-%COMP%] {\n  width: 2.75rem;\n  height: 2.75rem;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 1.5rem;\n  background: transparent;\n  border: none;\n  color: var(--mjf-rating-inactive);\n  cursor: pointer;\n}\n\n.mjf-rating__star--on[_ngcontent-%COMP%] {\n  color: var(--mjf-rating-active);\n}\n\n\n\n.mjf-nps[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(11, minmax(2.5rem, 1fr));\n  gap: 0.25rem;\n}\n\n.mjf-nps__btn[_ngcontent-%COMP%] {\n  min-height: 2.75rem;\n  font-family: var(--mjf-font-body);\n  font-size: 0.9375rem;\n  color: var(--mjf-page-ink);\n  background: var(--mjf-choice-bg);\n  border: 1px solid var(--mjf-choice-border);\n  border-radius: var(--mjf-input-radius);\n  cursor: pointer;\n}\n\n.mjf-nps__btn--selected[_ngcontent-%COMP%] {\n  background: var(--mjf-accent);\n  border-color: var(--mjf-accent);\n  color: var(--mjf-on-accent);\n}\n\n@media (max-width: 480px) {\n  .mjf-nps[_ngcontent-%COMP%] {\n    grid-template-columns: repeat(6, 1fr);\n  }\n}\n\n\n\n.mjf-file__name[_ngcontent-%COMP%] {\n  margin: 0.5rem 0 0;\n  font-size: 0.875rem;\n  color: var(--mj-text-muted);\n}\n\n.mjf-file__progress[_ngcontent-%COMP%] {\n  margin-top: 0.625rem;\n  width: 100%;\n  height: 0.5rem;\n  background: var(--mjf-choice-bg);\n  border: 1px solid var(--mjf-choice-border);\n  border-radius: var(--mjf-pill-radius);\n  overflow: hidden;\n}\n\n.mjf-file__progress-bar[_ngcontent-%COMP%] {\n  display: block;\n  height: 100%;\n  background: var(--mjf-accent);\n  border-radius: var(--mjf-pill-radius);\n  transition: var(--mj-transition-base, width 0.2s ease);\n}\n\n.mjf-file__progress-bar--indeterminate[_ngcontent-%COMP%] {\n  width: 100%;\n  animation: _ngcontent-%COMP%_mjf-file-indeterminate 1.1s ease-in-out infinite;\n}\n\n@keyframes _ngcontent-%COMP%_mjf-file-indeterminate {\n  0% { opacity: 0.4; }\n  50% { opacity: 1; }\n  100% { opacity: 0.4; }\n}\n\n.mjf-file__status[_ngcontent-%COMP%] {\n  margin: 0.5rem 0 0;\n  font-size: 0.875rem;\n  color: var(--mj-text-muted);\n}\n\n.mjf-file__status[_ngcontent-%COMP%]   .mjf-file__ok[_ngcontent-%COMP%] {\n  color: var(--mj-status-success, var(--mjf-accent));\n}\n\n.mjf-file__error[_ngcontent-%COMP%] {\n  margin: 0.5rem 0 0;\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  font-size: 0.875rem;\n  color: var(--mj-status-error);\n}\n\n.mjf-file__retry[_ngcontent-%COMP%] {\n  margin-top: 0.5rem;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n  min-height: 2.75rem;\n  padding: 0.5rem 1rem;\n  font-family: var(--mjf-font-body);\n  font-size: 0.9375rem;\n  color: var(--mjf-page-ink);\n  background: var(--mjf-choice-bg);\n  border: 1px solid var(--mjf-choice-border);\n  border-radius: var(--mjf-input-radius);\n  cursor: pointer;\n}\n\n.mjf-file__retry[_ngcontent-%COMP%]:focus-visible {\n  outline: none;\n  border-color: var(--mjf-accent);\n  box-shadow: var(--mjf-focus-ring);\n}\n\n\n\n.mjf-statement[_ngcontent-%COMP%] {\n  padding: 1rem 1.25rem;\n  background: var(--mjf-accent-soft);\n  border-left: 4px solid var(--mjf-accent);\n  border-radius: var(--mjf-card-radius);\n}\n\n.mjf-statement__title[_ngcontent-%COMP%] {\n  margin: 0;\n  font-family: var(--mjf-font-display);\n  font-size: 1.125rem;\n  color: var(--mjf-page-ink);\n}\n\n.mjf-statement__help[_ngcontent-%COMP%] {\n  margin: 0.375rem 0 0;\n  color: var(--mj-text-muted);\n}\n\n\n\n.mjf-visually-hidden[_ngcontent-%COMP%] {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormQuestionComponent, [{
+        type: Component,
+        args: [{ selector: 'mjf-form-question', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "@let q = question();\n\n<div class=\"mjf-question\" [class.mjf-question--error]=\"!!errorMessage()\">\n  @if (q.type === 'Statement') {\n    <div class=\"mjf-statement\" role=\"note\">\n      <h3 class=\"mjf-statement__title\">{{ q.prompt }}</h3>\n      @if (q.helpText) {\n        <p class=\"mjf-statement__help\">{{ q.helpText }}</p>\n      }\n    </div>\n  } @else {\n    <label class=\"mjf-question__label\" [attr.for]=\"inputId()\">\n      <span class=\"mjf-question__prompt\">{{ q.prompt }}</span>\n      @if (q.isRequired) {\n        <span class=\"mjf-question__required\" aria-hidden=\"true\">*</span>\n        <span class=\"mjf-visually-hidden\">(required)</span>\n      }\n    </label>\n    @if (q.helpText) {\n      <p class=\"mjf-question__help\" [id]=\"helpId()\">{{ q.helpText }}</p>\n    }\n\n    <div class=\"mjf-question__control\">\n      @switch (q.type) {\n        @case ('LongText') {\n          <textarea\n            class=\"mjf-input mjf-textarea\"\n            [id]=\"inputId()\"\n            [rows]=\"textRows()\"\n            [placeholder]=\"placeholder()\"\n            [value]=\"textValue()\"\n            [attr.aria-required]=\"q.isRequired\"\n            [attr.aria-invalid]=\"!!errorMessage()\"\n            [attr.aria-describedby]=\"describedBy()\"\n            (input)=\"onText($any($event.target).value)\"\n          ></textarea>\n        }\n        @case ('Number') {\n          <input\n            class=\"mjf-input\"\n            [id]=\"inputId()\"\n            type=\"number\"\n            inputmode=\"decimal\"\n            [placeholder]=\"placeholder()\"\n            [value]=\"textValue()\"\n            [attr.aria-required]=\"q.isRequired\"\n            [attr.aria-invalid]=\"!!errorMessage()\"\n            [attr.aria-describedby]=\"describedBy()\"\n            (input)=\"onNumber($any($event.target).value)\"\n          />\n        }\n        @case ('SingleChoice') {\n          <div class=\"mjf-choices\" role=\"radiogroup\" [attr.aria-labelledby]=\"inputId()\" [attr.aria-describedby]=\"describedBy()\">\n            @for (opt of q.options; track opt.id) {\n              <button\n                type=\"button\"\n                role=\"radio\"\n                class=\"mjf-choice\"\n                [class.mjf-choice--selected]=\"textValue() === opt.value\"\n                [attr.aria-checked]=\"textValue() === opt.value\"\n                (click)=\"onSingleChoice(opt.value)\"\n              >\n                <span class=\"mjf-choice__mark\" aria-hidden=\"true\"></span>\n                <span class=\"mjf-choice__label\">{{ opt.label }}</span>\n              </button>\n            }\n          </div>\n        }\n        @case ('MultiChoice') {\n          <div class=\"mjf-choices\" role=\"group\" [attr.aria-labelledby]=\"inputId()\" [attr.aria-describedby]=\"describedBy()\">\n            @for (opt of q.options; track opt.id) {\n              <button\n                type=\"button\"\n                role=\"checkbox\"\n                class=\"mjf-choice\"\n                [class.mjf-choice--selected]=\"isSelected(opt.value)\"\n                [attr.aria-checked]=\"isSelected(opt.value)\"\n                (click)=\"onMultiToggle(opt.value)\"\n              >\n                <span class=\"mjf-choice__mark mjf-choice__mark--box\" aria-hidden=\"true\"></span>\n                <span class=\"mjf-choice__label\">{{ opt.label }}</span>\n              </button>\n            }\n          </div>\n        }\n        @case ('Dropdown') {\n          <select\n            class=\"mjf-input mjf-select\"\n            [id]=\"inputId()\"\n            [value]=\"textValue()\"\n            [attr.aria-required]=\"q.isRequired\"\n            [attr.aria-invalid]=\"!!errorMessage()\"\n            [attr.aria-describedby]=\"describedBy()\"\n            (change)=\"onSingleChoice($any($event.target).value)\"\n          >\n            <option value=\"\" disabled [selected]=\"textValue() === ''\">Select\u2026</option>\n            @for (opt of q.options; track opt.id) {\n              <option [value]=\"opt.value\" [selected]=\"textValue() === opt.value\">{{ opt.label }}</option>\n            }\n          </select>\n        }\n        @case ('Rating') {\n          <div class=\"mjf-rating\" role=\"radiogroup\" [attr.aria-labelledby]=\"inputId()\" [attr.aria-describedby]=\"describedBy()\">\n            @for (star of ratingScale(); track star) {\n              <button\n                type=\"button\"\n                role=\"radio\"\n                class=\"mjf-rating__star\"\n                [class.mjf-rating__star--on]=\"numericValue() !== null && star <= numericValue()!\"\n                [attr.aria-checked]=\"numericValue() === star\"\n                [attr.aria-label]=\"star + ' of ' + ratingMax()\"\n                (click)=\"onRating(star)\"\n              >\n                <i class=\"fa-solid fa-star\" aria-hidden=\"true\"></i>\n              </button>\n            }\n          </div>\n        }\n        @case ('NPS') {\n          <div class=\"mjf-nps\" role=\"radiogroup\" [attr.aria-labelledby]=\"inputId()\" [attr.aria-describedby]=\"describedBy()\">\n            @for (n of npsScale; track n) {\n              <button\n                type=\"button\"\n                role=\"radio\"\n                class=\"mjf-nps__btn\"\n                [class.mjf-nps__btn--selected]=\"numericValue() === n\"\n                [attr.aria-checked]=\"numericValue() === n\"\n                [attr.aria-label]=\"n + ' out of 10'\"\n                (click)=\"onRating(n)\"\n              >{{ n }}</button>\n            }\n          </div>\n        }\n        @case ('YesNo') {\n          <div class=\"mjf-yesno\" role=\"radiogroup\" [attr.aria-labelledby]=\"inputId()\" [attr.aria-describedby]=\"describedBy()\">\n            <button type=\"button\" role=\"radio\" class=\"mjf-choice mjf-yesno__btn\"\n              [class.mjf-choice--selected]=\"booleanValue() === true\"\n              [attr.aria-checked]=\"booleanValue() === true\" (click)=\"onYesNo(true)\">Yes</button>\n            <button type=\"button\" role=\"radio\" class=\"mjf-choice mjf-yesno__btn\"\n              [class.mjf-choice--selected]=\"booleanValue() === false\"\n              [attr.aria-checked]=\"booleanValue() === false\" (click)=\"onYesNo(false)\">No</button>\n          </div>\n        }\n        @case ('FileUpload') {\n          <input\n            class=\"mjf-input mjf-file\"\n            [id]=\"inputId()\"\n            type=\"file\"\n            #fileInput\n            [accept]=\"fileAccept()\"\n            [disabled]=\"uploadStatus() === 'uploading'\"\n            [attr.aria-required]=\"q.isRequired\"\n            [attr.aria-invalid]=\"!!errorMessage() || uploadStatus() === 'error'\"\n            [attr.aria-describedby]=\"describedBy()\"\n            (change)=\"onFile(fileInput)\"\n          />\n\n          @if (uploadStatus() === 'uploading') {\n            <div\n              class=\"mjf-file__progress\"\n              role=\"progressbar\"\n              aria-label=\"Uploading file\"\n              [attr.aria-valuenow]=\"uploadPercent()\"\n              [attr.aria-valuemin]=\"uploadPercent() === null ? null : 0\"\n              [attr.aria-valuemax]=\"uploadPercent() === null ? null : 100\"\n            >\n              <span\n                class=\"mjf-file__progress-bar\"\n                [class.mjf-file__progress-bar--indeterminate]=\"uploadPercent() === null\"\n                [style.width.%]=\"uploadPercent() ?? 100\"\n              ></span>\n            </div>\n          }\n\n          <p class=\"mjf-file__status\" aria-live=\"polite\">\n            @switch (uploadStatus()) {\n              @case ('uploading') {\n                <span>\n                  <i class=\"fa-solid fa-spinner fa-spin\" aria-hidden=\"true\"></i>\n                  Uploading {{ uploadFileName() }}@if (uploadPercent() !== null) { \u2014 {{ uploadPercent() }}% }\u2026\n                </span>\n              }\n              @case ('done') {\n                <span class=\"mjf-file__ok\">\n                  <i class=\"fa-solid fa-circle-check\" aria-hidden=\"true\"></i>\n                  {{ uploadFileName() }} uploaded\n                </span>\n              }\n            }\n          </p>\n\n          @if (uploadStatus() === 'error') {\n            <p class=\"mjf-file__error\" role=\"alert\">\n              <i class=\"fa-solid fa-triangle-exclamation\" aria-hidden=\"true\"></i>\n              {{ uploadError() }}\n            </p>\n            <button type=\"button\" class=\"mjf-file__retry\" (click)=\"retryUpload()\">\n              <i class=\"fa-solid fa-rotate-right\" aria-hidden=\"true\"></i> Retry upload\n            </button>\n          }\n        }\n        @default {\n          <!-- ShortText \u00B7 Email \u00B7 Phone \u00B7 Date \u00B7 Time -->\n          <input\n            class=\"mjf-input\"\n            [id]=\"inputId()\"\n            [type]=\"inputType()\"\n            [attr.inputmode]=\"inputMode()\"\n            [attr.autocomplete]=\"autocomplete()\"\n            [placeholder]=\"placeholder()\"\n            [value]=\"textValue()\"\n            [attr.aria-required]=\"q.isRequired\"\n            [attr.aria-invalid]=\"!!errorMessage()\"\n            [attr.aria-describedby]=\"describedBy()\"\n            (input)=\"onText($any($event.target).value)\"\n          />\n        }\n      }\n    </div>\n\n    @if (errorMessage()) {\n      <p class=\"mjf-question__error\" [id]=\"errorId()\" role=\"alert\">{{ errorMessage() }}</p>\n    }\n  }\n</div>\n", styles: ["/* All colors via --mjf-*/--mj-* tokens \u2014 no literals (CI gate). Mobile-first:\n   44px+ tap targets, generous spacing, visible focus rings. */\n\n.mjf-question {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.mjf-question__label {\n  display: inline-flex;\n  align-items: baseline;\n  gap: 0.25rem;\n  font-family: var(--mjf-font-body);\n  font-weight: 600;\n  font-size: 1.0625rem;\n  line-height: 1.4;\n  color: var(--mjf-page-ink);\n}\n\n.mjf-question__required {\n  color: var(--mj-status-error);\n  font-weight: 700;\n}\n\n.mjf-question__help {\n  margin: 0;\n  font-size: 0.9375rem;\n  color: var(--mj-text-muted);\n}\n\n.mjf-question__control {\n  margin-top: 0.25rem;\n}\n\n.mjf-input {\n  width: 100%;\n  min-height: 2.75rem;\n  padding: 0.6875rem 0.875rem;\n  font-family: var(--mjf-font-body);\n  font-size: 1rem;\n  color: var(--mjf-page-ink);\n  background: var(--mjf-input-bg);\n  border: 1px solid var(--mjf-input-border);\n  border-radius: var(--mjf-input-radius);\n  box-sizing: border-box;\n  transition: var(--mj-transition-base, border-color 0.15s ease, box-shadow 0.15s ease);\n}\n\n.mjf-input:focus-visible,\n.mjf-choice:focus-visible,\n.mjf-rating__star:focus-visible,\n.mjf-nps__btn:focus-visible {\n  outline: none;\n  border-color: var(--mjf-accent);\n  box-shadow: var(--mjf-focus-ring);\n}\n\n.mjf-textarea {\n  resize: vertical;\n  min-height: 6rem;\n}\n\n.mjf-select {\n  appearance: none;\n}\n\n.mjf-question--error .mjf-input {\n  border-color: var(--mj-status-error);\n}\n\n.mjf-question__error {\n  margin: 0;\n  font-size: 0.875rem;\n  color: var(--mj-status-error);\n}\n\n/* ---- Choice buttons (Single / Multi / YesNo) ---- */\n.mjf-choices,\n.mjf-yesno {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.mjf-yesno {\n  flex-direction: row;\n}\n\n.mjf-choice {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  width: 100%;\n  min-height: 2.75rem;\n  padding: 0.75rem 1rem;\n  text-align: left;\n  font-family: var(--mjf-font-body);\n  font-size: 1rem;\n  color: var(--mjf-page-ink);\n  background: var(--mjf-choice-bg);\n  border: 1px solid var(--mjf-choice-border);\n  border-radius: var(--mjf-choice-radius);\n  cursor: pointer;\n  transition: var(--mj-transition-base, background 0.15s ease, border-color 0.15s ease);\n}\n\n.mjf-yesno__btn {\n  flex: 1;\n  justify-content: center;\n}\n\n.mjf-choice--selected {\n  background: var(--mjf-choice-selected-bg);\n  border-color: var(--mjf-choice-selected-border);\n  color: var(--mjf-choice-selected-text);\n}\n\n.mjf-choice__mark {\n  flex: 0 0 auto;\n  width: 1.25rem;\n  height: 1.25rem;\n  border: 2px solid var(--mjf-choice-border);\n  border-radius: var(--mjf-pill-radius);\n  background: var(--mjf-input-bg);\n}\n\n.mjf-choice__mark--box {\n  border-radius: var(--mj-radius-sm, 0.25rem);\n}\n\n.mjf-choice--selected .mjf-choice__mark {\n  border-color: var(--mjf-accent);\n  background: var(--mjf-accent);\n  box-shadow: inset 0 0 0 3px var(--mjf-choice-selected-bg);\n}\n\n/* ---- Rating (stars) ---- */\n.mjf-rating {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.mjf-rating__star {\n  width: 2.75rem;\n  height: 2.75rem;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 1.5rem;\n  background: transparent;\n  border: none;\n  color: var(--mjf-rating-inactive);\n  cursor: pointer;\n}\n\n.mjf-rating__star--on {\n  color: var(--mjf-rating-active);\n}\n\n/* ---- NPS 0\u201310 ---- */\n.mjf-nps {\n  display: grid;\n  grid-template-columns: repeat(11, minmax(2.5rem, 1fr));\n  gap: 0.25rem;\n}\n\n.mjf-nps__btn {\n  min-height: 2.75rem;\n  font-family: var(--mjf-font-body);\n  font-size: 0.9375rem;\n  color: var(--mjf-page-ink);\n  background: var(--mjf-choice-bg);\n  border: 1px solid var(--mjf-choice-border);\n  border-radius: var(--mjf-input-radius);\n  cursor: pointer;\n}\n\n.mjf-nps__btn--selected {\n  background: var(--mjf-accent);\n  border-color: var(--mjf-accent);\n  color: var(--mjf-on-accent);\n}\n\n@media (max-width: 480px) {\n  .mjf-nps {\n    grid-template-columns: repeat(6, 1fr);\n  }\n}\n\n/* ---- File ---- */\n.mjf-file__name {\n  margin: 0.5rem 0 0;\n  font-size: 0.875rem;\n  color: var(--mj-text-muted);\n}\n\n.mjf-file__progress {\n  margin-top: 0.625rem;\n  width: 100%;\n  height: 0.5rem;\n  background: var(--mjf-choice-bg);\n  border: 1px solid var(--mjf-choice-border);\n  border-radius: var(--mjf-pill-radius);\n  overflow: hidden;\n}\n\n.mjf-file__progress-bar {\n  display: block;\n  height: 100%;\n  background: var(--mjf-accent);\n  border-radius: var(--mjf-pill-radius);\n  transition: var(--mj-transition-base, width 0.2s ease);\n}\n\n.mjf-file__progress-bar--indeterminate {\n  width: 100%;\n  animation: mjf-file-indeterminate 1.1s ease-in-out infinite;\n}\n\n@keyframes mjf-file-indeterminate {\n  0% { opacity: 0.4; }\n  50% { opacity: 1; }\n  100% { opacity: 0.4; }\n}\n\n.mjf-file__status {\n  margin: 0.5rem 0 0;\n  font-size: 0.875rem;\n  color: var(--mj-text-muted);\n}\n\n.mjf-file__status .mjf-file__ok {\n  color: var(--mj-status-success, var(--mjf-accent));\n}\n\n.mjf-file__error {\n  margin: 0.5rem 0 0;\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  font-size: 0.875rem;\n  color: var(--mj-status-error);\n}\n\n.mjf-file__retry {\n  margin-top: 0.5rem;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n  min-height: 2.75rem;\n  padding: 0.5rem 1rem;\n  font-family: var(--mjf-font-body);\n  font-size: 0.9375rem;\n  color: var(--mjf-page-ink);\n  background: var(--mjf-choice-bg);\n  border: 1px solid var(--mjf-choice-border);\n  border-radius: var(--mjf-input-radius);\n  cursor: pointer;\n}\n\n.mjf-file__retry:focus-visible {\n  outline: none;\n  border-color: var(--mjf-accent);\n  box-shadow: var(--mjf-focus-ring);\n}\n\n/* ---- Statement (display-only) ---- */\n.mjf-statement {\n  padding: 1rem 1.25rem;\n  background: var(--mjf-accent-soft);\n  border-left: 4px solid var(--mjf-accent);\n  border-radius: var(--mjf-card-radius);\n}\n\n.mjf-statement__title {\n  margin: 0;\n  font-family: var(--mjf-font-display);\n  font-size: 1.125rem;\n  color: var(--mjf-page-ink);\n}\n\n.mjf-statement__help {\n  margin: 0.375rem 0 0;\n  color: var(--mj-text-muted);\n}\n\n/* ---- a11y ---- */\n.mjf-visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n"] }]
+    }], null, { question: [{ type: i0.Input, args: [{ isSignal: true, alias: "question", required: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], errorMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorMessage", required: false }] }], distributionSlug: [{ type: i0.Input, args: [{ isSignal: true, alias: "distributionSlug", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FormQuestionComponent, { className: "FormQuestionComponent", filePath: "lib/widget/components/questions/form-question.component.ts", lineNumber: 34 }); })();
+//# sourceMappingURL=form-question.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-question.component.js","sourceRoot":"","sources":["../../../../../src/lib/widget/components/questions/form-question.component.ts","../../../../../src/lib/widget/components/questions/form-question.component.html"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,GACP,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;;;;ICdnE,+BAA+B;IAAA,YAAgB;IAAA,oBAAI;;;;IAApB,cAAgB;IAAhB,mCAAgB;;;IAFjD,AADF,iCAAuC,YACJ;IAAA,YAAc;IAAA,oBAAK;IACpD,mGAAkB;IAGpB,oBAAM;;;;IAJ6B,eAAc;IAAd,iCAAc;IAC/C,cAEC;IAFD,wCAEC;;;IAMC,mCAAwD;IAAA,iBAAC;IAAA,oBAAO;IAChE,mCAAkC;IAAA,0BAAU;IAAA,oBAAO;;;IAIrD,+BAA8C;IAAA,YAAgB;IAAA,oBAAI;;;;IAApC,uCAAe;IAAC,cAAgB;IAAhB,mCAAgB;;;;IAM1D,uCAUC;IADC,4MAAS,kCAAiC,KAAC;IAC5C,oBAAW;;;;IALV,AADA,AADA,AADA,wCAAgB,2BACG,qCACU,6BACR;;;;;IAQvB,oCAWE;IADA,yMAAS,oCAAmC,KAAC;IAV/C,oBAWE;;;;IALA,AADA,AAHA,wCAAgB,qCAGa,6BACR;;;;;IAUnB,qCAOC;IADC,mOAAS,mCAAyB,KAAC;IAEnC,8BAAyD;IACzD,mCAAgC;IAAA,YAAe;IACjD,AADiD,oBAAO,EAC/C;;;;IANP,2EAAwD;;IAKxB,eAAe;IAAf,kCAAe;;;IAXrD,kCAAsH;IACpH,iHAYC;IACH,oBAAM;;;;;IAbJ,cAYC;IAZD,2BAYC;;;;IAMC,qCAOC;IADC,mOAAS,kCAAwB,KAAC;IAElC,8BAA+E;IAC/E,mCAAgC;IAAA,YAAe;IACjD,AADiD,oBAAO,EAC/C;;;;IANP,uEAAoD;;IAKpB,eAAe;IAAf,kCAAe;;;IAXrD,kCAAiH;IAC/G,iHAYC;IACH,oBAAM;;;;;IAbJ,cAYC;IAZD,2BAYC;;;IAeC,qCAAmE;IAAA,YAAe;IAAA,oBAAS;;;;IAA/D,AAApB,wCAAmB,kDAAuC;IAAC,cAAe;IAAf,mCAAe;;;;IAXtF,qCAQC;IADC,6MAAU,0CAAyC,KAAC;IAEpD,qCAA0D;IAAA,4BAAO;IAAA,oBAAS;IAC1E,kHAEC;IACH,oBAAS;;;;IAVP,AADA,wCAAgB,6BACK;;IAMK,cAA+B;IAA/B,uDAA+B;IACzD,eAEC;IAFD,2BAEC;;;;IAMC,qCAQC;IADC,uOAAS,yBAAc,KAAC;IAExB,2BAAmD;IACrD,oBAAS;;;;IANP,2GAAiF;;;;IANvF,kCAAqH;IACnH,oIAYC;IACH,oBAAM;;;;IAbJ,cAYC;IAZD,cAAA,oBAAa,CAYZ;;;;IAMC,qCAQC;IADC,oOAAS,sBAAW,KAAC;IACtB,YAAO;IAAA,oBAAS;;;;IAJf,yEAAqD;;IAItD,cAAO;IAAP,2BAAO;;;IAVZ,kCAAkH;IAChH,oIAUC;IACH,oBAAM;;;;IAXJ,cAUC;IAVD,8BAUC;;;;IAKD,AADF,kCAAoH,iBAG1C;IAAxB,sMAAS,eAAQ,IAAI,CAAC,KAAC;IAAC,mBAAG;IAAA,oBAAS;IACpF,qCAE0E;IAAzB,sMAAS,eAAQ,KAAK,CAAC,KAAC;IAAC,kBAAE;IAC9E,AAD8E,oBAAS,EACjF;;;;IALF,cAAsD;IAAtD,sEAAsD;;IAGtD,eAAuD;IAAvD,uEAAuD;;;;IAmBzD,kCAOC;IACC,8BAIQ;IACV,oBAAM;;;;IAFF,cAAwC;IAAxC,2DAAwC;IADxC,wFAAwE;;;IAWL,YAAyB;;;IAAzB,+DAAyB;;;IAF5F,+BAAM;IACJ,2BAA8D;IAC9D,YAAgC;IAAA,0GAAgC;IAA2B,uBAC7F;IAAA,oBAAO;;;IADL,eAAgC;IAAhC,6DAAgC;IAAA,cAA2D;IAA3D,0DAA2D;;;IAI7F,mCAA2B;IACzB,2BAA2D;IAC3D,YACF;IAAA,oBAAO;;;IADL,eACF;IADE,iEACF;;;;IAMJ,gCAAwC;IACtC,2BAAmE;IACnE,YACF;IAAA,oBAAI;IACJ,qCAAsE;IAAxB,oNAAS,oBAAa,KAAC;IACnE,2BAA2D;IAAC,8BAC9D;IAAA,oBAAS;;;IAJP,eACF;IADE,qDACF;;;;IAnDF,uCAWE;IADA,gPAAU,4BAAiB,KAAC;IAV9B,oBAWE;IAEF,8GAAsC;IAiBtC,gCAA+C;IAQ3C,AANA,oGAAqB,kFAML;IAOpB,oBAAI;IAEJ,mGAAkC;;;;;IAzChC,AADA,AAHA,wCAAgB,+BAGO,mDACoB;;IAO7C,eAeC;IAfD,gEAeC;IAGC,eAaC;IAbD,wDAAA,WAAW,oBAAX,MAAM,UAaL;IAGH,eAQC;IARD,4DAQC;;;;IAID,oCAYE;IADA,2MAAS,kCAAiC,KAAC;IAX7C,oBAYE;;;;IALA,AADA,AAHA,AADA,wCAAgB,4BACI,qCAGS,6BACR;;;;IAW3B,gCAA6D;IAAA,YAAoB;IAAA,oBAAI;;;IAAtD,wCAAgB;IAAc,cAAoB;IAApB,2CAAoB;;;IAjNjF,AADF,mCAA0D,cACrB;IAAA,YAAc;IAAA,oBAAO;IACxD,2FAAoB;IAItB,oBAAQ;IACR,mGAAkB;IAIlB,iCAAmC;IAmL/B,AA1DA,AAVA,AAfA,AAjBA,AAhBA,AAjBA,AAjBA,AAdA,AAbA,mGAAoB,2EAaF,yEAcM,yEAiBD,8EAiBH,2EAgBF,2EAiBH,2EAeE,gEAUK,6EA0DZ;IAiBd,oBAAM;IAEN,sGAAsB;;;;;;IAhNe,eAAc;IAAd,iCAAc;IACjD,cAGC;IAHD,0CAGC;IAEH,cAEC;IAFD,wCAEC;IAGC,eAkMC;IAlMD,2CAAA,UAAU,mBAAV,QAAQ,mBAAR,cAAc,mBAAd,aAAa,mBAAb,UAAU,oBAAV,QAAQ,oBAAR,KAAK,oBAAL,OAAO,oBAAP,YAAY,WAkMX;IAGH,gBAEC;IAFD,iDAEC;;AD7LL,MAAM,OAAO,qBAAqB;IAChC,wCAAwC;IACxB,QAAQ,GAAG,KAAK,CAAC,QAAQ,mDAAyB,CAAC;IACnE,kCAAkC;IAClB,KAAK,GAAG,KAAK,CAAc,SAAS,iDAAC,CAAC;IACtD,oEAAoE;IACpD,YAAY,GAAG,KAAK,CAAgB,IAAI,wDAAC,CAAC;IAC1D,qFAAqF;IACrE,gBAAgB,GAAG,KAAK,CAAS,EAAE,4DAAC,CAAC;IACrD,wDAAwD;IACxC,WAAW,GAAG,MAAM,EAAe,CAAC;IAEnC,QAAQ,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;IAEtD,mEAAmE;IAChD,YAAY,GAAG,MAAM,CAAe,MAAM,wDAAC,CAAC;IAC/D,0EAA0E;IACvD,cAAc,GAAG,MAAM,CAAgB,IAAI,0DAAC,CAAC;IAChE,oFAAoF;IACjE,cAAc,GAAG,MAAM,CAAS,EAAE,0DAAC,CAAC;IACvD,yDAAyD;IACtC,WAAW,GAAG,MAAM,CAAgB,IAAI,uDAAC,CAAC;IAC7D,mEAAmE;IAChD,aAAa,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC/C,MAAM,CAAC,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QAChC,OAAO,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC;IACjD,CAAC,yDAAC,CAAC;IAEgB,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,SAAS,IAAI,CAAC,QAAQ,EAAE,CAAC,EAAE,EAAE,mDAAC,CAAC;IACxD,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,GAAG,IAAI,CAAC,OAAO,EAAE,QAAQ,mDAAC,CAAC;IACpD,MAAM,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,GAAG,IAAI,CAAC,OAAO,EAAE,OAAO,kDAAC,CAAC;IAClD,WAAW,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC7C,MAAM,GAAG,GAAa,EAAE,CAAC;QACzB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,CAAC;YAC7B,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;QAC1B,CAAC;QACD,IAAI,IAAI,CAAC,YAAY,EAAE,EAAE,CAAC;YACxB,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;QAC3B,CAAC;QACD,OAAO,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC3C,CAAC,uDAAC,CAAC;IAEgB,SAAS,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,qDAAC,CAAC;IAC/D,SAAS,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,qDAAC,CAAC;IAC/D,YAAY,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,wDAAC,CAAC;IAErE,SAAS,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC3C,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;QACvB,OAAO,OAAO,CAAC,KAAK,QAAQ,IAAI,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACzE,CAAC,qDAAC,CAAC;IAEgB,cAAc,GAAG,QAAQ,CAAW,GAAG,EAAE;QAC1D,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;QACvB,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;YACrB,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QACjC,CAAC;QACD,OAAO,EAAE,CAAC;IACZ,CAAC,0DAAC,CAAC;IAEH,2EAA2E;IACxD,SAAS,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC3C,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC;QAC9C,OAAO,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACtD,CAAC,qDAAC,CAAC;IACgB,WAAW,GAAG,QAAQ,CAAC,GAAG,EAAE,CAC7C,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,uDAC1D,CAAC;IACiB,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;IAEnD,WAAW,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC7C,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,CAAC,aAAa,CAAC,CAAC;QACtD,OAAO,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5C,CAAC,uDAAC,CAAC;IACgB,QAAQ,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC1C,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,CAAC;QAC/C,OAAO,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACtD,CAAC,oDAAC,CAAC;IACgB,UAAU,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC5C,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC;QACjD,OAAO,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5C,CAAC,sDAAC,CAAC;IAEgB,YAAY,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC9C,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;QACvB,OAAO,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC1C,CAAC,wDAAC,CAAC;IACgB,YAAY,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC9C,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;QACvB,OAAO,OAAO,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC3C,CAAC,wDAAC,CAAC;IAEO,MAAM,CAAC,GAAW;QAC1B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IACjD,CAAC;IAES,QAAQ,CAAC,GAAW;QAC5B,IAAI,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;YACtB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC5B,OAAO;QACT,CAAC;QACD,MAAM,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QACtB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IACtD,CAAC;IAES,cAAc,CAAC,KAAa;QACpC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC;IAES,aAAa,CAAC,KAAa;QACnC,MAAM,OAAO,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC;QAC/C,IAAI,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;YACvB,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACrB,CAAC;QACD,MAAM,IAAI,GAAG,CAAC,GAAG,OAAO,CAAC,CAAC;QAC1B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IACnD,CAAC;IAES,UAAU,CAAC,KAAa;QAChC,OAAO,IAAI,CAAC,cAAc,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC/C,CAAC;IAES,QAAQ,CAAC,KAAa;QAC9B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IACtE,CAAC;IAES,OAAO,CAAC,KAAc;QAC9B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IACtE,CAAC;IAED,gFAAgF;IACxE,QAAQ,GAAgB,IAAI,CAAC;IAE3B,KAAK,CAAC,MAAM,CAAC,KAAuB;QAC5C,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC;QACtC,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,iEAAiE;YACjE,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;YACrB,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACxB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC5B,OAAO;QACT,CAAC;QACD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACrB,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC;IAED,0EAA0E;IAChE,KAAK,CAAC,WAAW;QACzB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACvC,CAAC;IACH,CAAC;IAED;;;;OAIG;IACK,KAAK,CAAC,UAAU,CAAC,IAAU;QACjC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACnC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAC3B,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QACnC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAC3B,wDAAwD;QACxD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC5B,IAAI,CAAC;YACH,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,MAAM,CACvC,IAAI,EACJ,IAAI,CAAC,gBAAgB,EAAE,EACvB,IAAI,CAAC,QAAQ,EAAE,CAAC,EAAE,EAClB,CAAC,QAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,QAAQ,CAAC,CAChD,CAAC;YACF,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;YAC9B,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;YAC3B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QACvC,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;YAC/B,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YAC9B,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC;YAC9F,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC9B,CAAC;IACH,CAAC;IAEO,gBAAgB;QACtB,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QAC9B,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAC9B,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAC5B,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC;+GA7LU,qBAAqB;6DAArB,qBAAqB;YCjClC,kBAAmB;YAEnB,iCAAyE;YAQrE,AAPF,uFAA8B,wDAOrB;YAsNX,oBAAM;;0BAhON,cAAS,cAAU,CAAA;YAEO,cAA8C;YAA9C,2DAA8C;YACtE,cA4NC;YA5ND,oDA4NC;;;iFD9LU,qBAAqB;cAPjC,SAAS;2BACE,mBAAmB,cACjB,IAAI,mBACC,uBAAuB,CAAC,MAAM;;kFAIpC,qBAAqB"}

package/dist/lib/widget/components/questions/input-mode.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Per-question-type mobile keyboard + autocomplete hints. Driving the right on-screen
+ * keyboard per field is a hard requirement of the §2 UX bar ("correct mobile keyboards
+ * per field type").
+ */
+import type { FormQuestionType } from '@mj-biz-apps/forms-entities';
+/** HTML `inputmode` for the soft keyboard a text-style question should summon. */
+export declare function inputModeFor(type: FormQuestionType): string;
+/** Native `<input type>` for a text-style question. */
+export declare function inputTypeFor(type: FormQuestionType): string;
+/** `autocomplete` token to speed up known fields on mobile. */
+export declare function autocompleteFor(type: FormQuestionType): string;
+//# sourceMappingURL=input-mode.d.ts.map