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

package/dist/lib/builder/question-editor.component.js

@@ -0,0 +1,228 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { BUILDER_CONTROL_STYLES } from './builder-styles';
+import { questionTypeHasOptions, questionTypeMeta } from './question-type-catalog';
+import { ConditionalRuleEditorComponent, } from './conditional-rule-editor.component';
+import { ValidationRuleEditorComponent } from './validation-rule-editor.component';
+import { parseConditionalRule, parseValidationRule, serializeConditionalRule, serializeValidationRule, } from './json-fields';
+import * as i0 from "@angular/core";
+const _forTrack0 = ($index, $item) => $item.ID;
+function QuestionEditorComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 3);
+    i0.ɵɵtext(1, "Select a question to edit its settings.");
+    i0.ɵɵelementEnd();
+} }
+function QuestionEditorComponent_Conditional_1_Conditional_19_For_5_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 20)(1, "input", 23, 2);
+    i0.ɵɵlistener("change", function QuestionEditorComponent_Conditional_1_Conditional_19_For_5_Template_input_change_1_listener() { const $index_r7 = i0.ɵɵrestoreView(_r6).$index; const optInput_r8 = i0.ɵɵreference(2); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.setOptionLabel($index_r7, optInput_r8.value)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "button", 24);
+    i0.ɵɵlistener("click", function QuestionEditorComponent_Conditional_1_Conditional_19_For_5_Template_button_click_3_listener() { const $index_r7 = i0.ɵɵrestoreView(_r6).$index; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.removeOption($index_r7)); });
+    i0.ɵɵelement(4, "i", 25);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const opt_r9 = ctx.$implicit;
+    const $index_r7 = ctx.$index;
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("value", opt_r9.Label);
+    i0.ɵɵattribute("aria-label", "Option " + ($index_r7 + 1));
+} }
+function QuestionEditorComponent_Conditional_1_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 15)(1, "p", 16);
+    i0.ɵɵtext(2, "Options");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 19);
+    i0.ɵɵrepeaterCreate(4, QuestionEditorComponent_Conditional_1_Conditional_19_For_5_Template, 5, 2, "div", 20, _forTrack0);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "button", 21);
+    i0.ɵɵlistener("click", function QuestionEditorComponent_Conditional_1_Conditional_19_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.addOption()); });
+    i0.ɵɵelement(7, "i", 22);
+    i0.ɵɵtext(8, " Add option ");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(4);
+    i0.ɵɵrepeater(ctx_r2.node.options);
+} }
+function QuestionEditorComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 4)(1, "div", 5)(2, "span", 6);
+    i0.ɵɵelement(3, "i", 7);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "div", 8)(6, "label", 9);
+    i0.ɵɵtext(7, "Question");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "textarea", 10, 0);
+    i0.ɵɵlistener("change", function QuestionEditorComponent_Conditional_1_Template_textarea_change_8_listener() { i0.ɵɵrestoreView(_r1); const promptInput_r2 = i0.ɵɵreference(9); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.setPrompt(promptInput_r2.value)); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(10, "div", 8)(11, "label", 11);
+    i0.ɵɵtext(12, "Help text");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "input", 12, 1);
+    i0.ɵɵlistener("change", function QuestionEditorComponent_Conditional_1_Template_input_change_13_listener() { i0.ɵɵrestoreView(_r1); const helpInput_r4 = i0.ɵɵreference(14); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.setHelpText(helpInput_r4.value)); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(15, "div", 13)(16, "span");
+    i0.ɵɵtext(17, "Required");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(18, "button", 14);
+    i0.ɵɵlistener("click", function QuestionEditorComponent_Conditional_1_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.toggleRequired()); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(19, QuestionEditorComponent_Conditional_1_Conditional_19_Template, 9, 0, "div", 15);
+    i0.ɵɵelementStart(20, "div", 15)(21, "p", 16);
+    i0.ɵɵtext(22, "Validation");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(23, "mjf-validation-rule-editor", 17);
+    i0.ɵɵlistener("ruleChange", function QuestionEditorComponent_Conditional_1_Template_mjf_validation_rule_editor_ruleChange_23_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onValidationChange($event)); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(24, "div", 15)(25, "p", 16);
+    i0.ɵɵtext(26, "Conditional logic");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(27, "mjf-conditional-rule-editor", 18);
+    i0.ɵɵlistener("ruleChange", function QuestionEditorComponent_Conditional_1_Template_mjf_conditional_rule_editor_ruleChange_27_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onConditionalChange($event)); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵclassMap(ctx_r2.typeIcon);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.typeLabel);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("value", ctx_r2.node.entity.Prompt);
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("value", ctx_r2.node.entity.HelpText ?? "");
+    i0.ɵɵadvance(5);
+    i0.ɵɵclassProp("is-on", ctx_r2.node.entity.IsRequired);
+    i0.ɵɵattribute("aria-checked", ctx_r2.node.entity.IsRequired);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.hasOptions ? 19 : -1);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("questionType", ctx_r2.node.entity.QuestionType)("rule", ctx_r2.validationRule);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("sources", ctx_r2.conditionalSources)("rule", ctx_r2.conditionalRule);
+} }
+const QUESTION_EDITOR_CSS = /* css */ `
+.qe { display: flex; flex-direction: column; gap: 4px; }
+.qe-head { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
+.qe-section { border-top: 1px solid var(--mj-border-subtle); padding-top: 14px; margin-top: 6px; }
+.qe-section-title { font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: var(--mj-text-muted); margin: 0 0 10px; }
+.qe-required { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
+.qe-required span { font-size: 0.8125rem; font-weight: 600; color: var(--mj-text-secondary); }
+.qe-options { display: flex; flex-direction: column; gap: 6px; }
+.qe-option { display: flex; align-items: center; gap: 6px; }
+.qe-option .mjf-input { flex: 1; }
+.qe-opt-remove { flex: none; width: 30px; height: 30px; cursor: pointer; border-radius: var(--mj-radius-md, 8px); border: 1px solid var(--mj-border-default); background: var(--mj-bg-surface); color: var(--mj-text-muted); }
+.qe-opt-remove:hover { background: var(--mj-bg-surface-hover); color: var(--mj-status-error, var(--mj-color-error-600)); }
+.qe-empty { font-size: 0.875rem; color: var(--mj-text-muted); padding: 24px 0; text-align: center; }
+`;
+/**
+ * The right-hand properties panel for the selected question. Edits prompt, help
+ * text, required, options (for choice types), the conditional-show rule and the
+ * validation rule. All edits are written onto the live entity object and announced
+ * via {@link questionChanged}; the parent persists.
+ */
+export class QuestionEditorComponent {
+    node = null;
+    /** Questions preceding the selected one — valid sources for a conditional rule. */
+    conditionalSources = [];
+    /** Emitted whenever a field on the question entity changed (parent persists). */
+    questionChanged = new EventEmitter();
+    /** Emitted when an option is added (parent persists via the state service). */
+    addOptionRequested = new EventEmitter();
+    /** Emitted when an option should be removed. */
+    removeOptionRequested = new EventEmitter();
+    get hasOptions() {
+        return this.node ? questionTypeHasOptions(this.node.entity.QuestionType) : false;
+    }
+    get typeLabel() {
+        return this.node ? questionTypeMeta(this.node.entity.QuestionType).label : '';
+    }
+    get typeIcon() {
+        return this.node ? questionTypeMeta(this.node.entity.QuestionType).icon : '';
+    }
+    get conditionalRule() {
+        return this.node ? parseConditionalRule(this.node.entity.ConditionalRule) : undefined;
+    }
+    get validationRule() {
+        return this.node ? parseValidationRule(this.node.entity.ValidationRule) : undefined;
+    }
+    setPrompt(value) {
+        if (!this.node)
+            return;
+        this.node.entity.Prompt = value;
+        this.questionChanged.emit(this.node);
+    }
+    setHelpText(value) {
+        if (!this.node)
+            return;
+        this.node.entity.HelpText = value.trim() === '' ? null : value;
+        this.questionChanged.emit(this.node);
+    }
+    toggleRequired() {
+        if (!this.node)
+            return;
+        this.node.entity.IsRequired = !this.node.entity.IsRequired;
+        this.questionChanged.emit(this.node);
+    }
+    setOptionLabel(index, value) {
+        if (!this.node)
+            return;
+        this.node.options[index].Label = value;
+        this.questionChanged.emit(this.node);
+    }
+    addOption() {
+        if (!this.node)
+            return;
+        this.addOptionRequested.emit(this.node);
+    }
+    removeOption(index) {
+        if (!this.node)
+            return;
+        this.removeOptionRequested.emit({ node: this.node, optionIndex: index });
+    }
+    onConditionalChange(rule) {
+        if (!this.node)
+            return;
+        this.node.entity.ConditionalRule = serializeConditionalRule(rule);
+        this.questionChanged.emit(this.node);
+    }
+    onValidationChange(rule) {
+        if (!this.node)
+            return;
+        this.node.entity.ValidationRule = serializeValidationRule(rule);
+        this.questionChanged.emit(this.node);
+    }
+    static ɵfac = function QuestionEditorComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || QuestionEditorComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QuestionEditorComponent, selectors: [["mjf-question-editor"]], inputs: { node: "node", conditionalSources: "conditionalSources" }, outputs: { questionChanged: "questionChanged", addOptionRequested: "addOptionRequested", removeOptionRequested: "removeOptionRequested" }, decls: 2, vars: 1, consts: [["promptInput", ""], ["helpInput", ""], ["optInput", ""], [1, "qe-empty"], [1, "qe"], [1, "qe-head"], [1, "mjf-pill"], ["aria-hidden", "true"], [1, "mjf-field"], ["for", "qe-prompt", 1, "mjf-field-label"], ["id", "qe-prompt", "rows", "2", 1, "mjf-input", 3, "change", "value"], ["for", "qe-help", 1, "mjf-field-label"], ["id", "qe-help", "type", "text", "placeholder", "Optional guidance shown under the question", 1, "mjf-input", 3, "change", "value"], [1, "qe-required"], ["type", "button", "role", "switch", "aria-label", "Required", 1, "mjf-switch", 3, "click"], [1, "qe-section"], [1, "qe-section-title"], [3, "ruleChange", "questionType", "rule"], [3, "ruleChange", "sources", "rule"], [1, "qe-options"], [1, "qe-option"], ["type", "button", 1, "mjf-btn", "mjf-btn--ghost", 2, "margin-top", "8px", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-plus"], ["type", "text", 1, "mjf-input", 3, "change", "value"], ["type", "button", "aria-label", "Remove option", 1, "qe-opt-remove", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-xmark"]], template: function QuestionEditorComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, QuestionEditorComponent_Conditional_0_Template, 2, 0, "div", 3)(1, QuestionEditorComponent_Conditional_1_Template, 28, 13, "div", 4);
+        } if (rf & 2) {
+            i0.ɵɵconditional(!ctx.node ? 0 : 1);
+        } }, dependencies: [CommonModule,
+            FormsModule,
+            ConditionalRuleEditorComponent,
+            ValidationRuleEditorComponent], styles: ["[_nghost-%COMP%] {\n  --mjf-builder-gap: 16px;\n  --mjf-builder-radius: var(--mj-radius-md, 8px);\n}\n.mjf-input[_ngcontent-%COMP%] {\n  width: 100%;\n  box-sizing: border-box;\n  padding: 8px 10px;\n  font: inherit;\n  color: var(--mj-text-primary);\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mjf-builder-radius);\n  transition: border-color var(--mj-transition-base, 0.15s ease);\n}\n.mjf-input[_ngcontent-%COMP%]:focus {\n  outline: 2px solid var(--mjf-focus-ring, var(--mj-brand-primary));\n  outline-offset: 1px;\n  border-color: var(--mj-brand-primary);\n}\ntextarea.mjf-input[_ngcontent-%COMP%] { min-height: 64px; resize: vertical; }\n.mjf-field[_ngcontent-%COMP%] { display: flex; flex-direction: column; gap: 4px; margin-bottom: var(--mjf-builder-gap); }\n.mjf-field-label[_ngcontent-%COMP%] { font-size: 0.8125rem; font-weight: 600; color: var(--mj-text-secondary); }\n.mjf-field-hint[_ngcontent-%COMP%] { font-size: 0.75rem; color: var(--mj-text-muted); }\n.mjf-row[_ngcontent-%COMP%] { display: flex; gap: 8px; align-items: center; }\n.mjf-btn[_ngcontent-%COMP%] {\n  display: inline-flex; align-items: center; gap: 6px;\n  padding: 8px 14px; font: inherit; font-weight: 600; cursor: pointer;\n  border-radius: var(--mjf-btn-radius, var(--mjf-builder-radius));\n  border: 1px solid transparent;\n  transition: background var(--mj-transition-base, 0.15s ease), border-color var(--mj-transition-base, 0.15s ease);\n}\n.mjf-btn[_ngcontent-%COMP%]:focus-visible { outline: 2px solid var(--mjf-focus-ring, var(--mj-brand-primary)); outline-offset: 2px; }\n.mjf-btn[_ngcontent-%COMP%]:disabled { opacity: 0.5; cursor: not-allowed; }\n.mjf-btn--primary[_ngcontent-%COMP%] { color: var(--mj-brand-on-primary, var(--mj-text-inverse)); background: var(--mj-brand-primary); }\n.mjf-btn--primary[_ngcontent-%COMP%]:hover:not(:disabled) { background: var(--mj-brand-primary-hover, var(--mj-brand-primary)); }\n.mjf-btn--ghost[_ngcontent-%COMP%] { color: var(--mj-text-secondary); background: transparent; border-color: var(--mj-border-default); }\n.mjf-btn--ghost[_ngcontent-%COMP%]:hover:not(:disabled) { background: var(--mj-bg-surface-hover); }\n.mjf-btn--danger[_ngcontent-%COMP%] { color: var(--mj-status-error, var(--mj-color-error-600)); background: transparent; border-color: var(--mj-border-default); }\n.mjf-btn--danger[_ngcontent-%COMP%]:hover:not(:disabled) { background: var(--mj-bg-surface-hover); }\n.mjf-pill[_ngcontent-%COMP%] {\n  display: inline-flex; align-items: center; gap: 5px;\n  padding: 3px 9px; font-size: 0.75rem; font-weight: 600;\n  border-radius: var(--mjf-pill-radius, var(--mj-radius-full, 999px));\n  color: var(--mj-text-secondary); background: var(--mj-bg-surface-sunken);\n  border: 1px solid var(--mj-border-subtle);\n}\n.mjf-switch[_ngcontent-%COMP%] {\n  position: relative; display: inline-block; width: 38px; height: 22px; flex: none; cursor: pointer;\n  border-radius: var(--mj-radius-full, 999px); background: var(--mj-border-strong);\n  transition: background var(--mj-transition-base, 0.15s ease);\n  border: none; padding: 0;\n}\n.mjf-switch[_ngcontent-%COMP%]::after {\n  content: ''; position: absolute; top: 2px; left: 2px; width: 18px; height: 18px;\n  border-radius: 50%; background: var(--mj-bg-surface);\n  transition: transform var(--mj-transition-base, 0.15s ease);\n}\n.mjf-switch.is-on[_ngcontent-%COMP%] { background: var(--mj-brand-primary); }\n.mjf-switch.is-on[_ngcontent-%COMP%]::after { transform: translateX(16px); }\n.mjf-switch[_ngcontent-%COMP%]:focus-visible { outline: 2px solid var(--mjf-focus-ring, var(--mj-brand-primary)); outline-offset: 2px; }", ".qe[_ngcontent-%COMP%] { display: flex; flex-direction: column; gap: 4px; }\n.qe-head[_ngcontent-%COMP%] { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }\n.qe-section[_ngcontent-%COMP%] { border-top: 1px solid var(--mj-border-subtle); padding-top: 14px; margin-top: 6px; }\n.qe-section-title[_ngcontent-%COMP%] { font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: var(--mj-text-muted); margin: 0 0 10px; }\n.qe-required[_ngcontent-%COMP%] { display: flex; align-items: center; justify-content: space-between; gap: 10px; }\n.qe-required[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] { font-size: 0.8125rem; font-weight: 600; color: var(--mj-text-secondary); }\n.qe-options[_ngcontent-%COMP%] { display: flex; flex-direction: column; gap: 6px; }\n.qe-option[_ngcontent-%COMP%] { display: flex; align-items: center; gap: 6px; }\n.qe-option[_ngcontent-%COMP%]   .mjf-input[_ngcontent-%COMP%] { flex: 1; }\n.qe-opt-remove[_ngcontent-%COMP%] { flex: none; width: 30px; height: 30px; cursor: pointer; border-radius: var(--mj-radius-md, 8px); border: 1px solid var(--mj-border-default); background: var(--mj-bg-surface); color: var(--mj-text-muted); }\n.qe-opt-remove[_ngcontent-%COMP%]:hover { background: var(--mj-bg-surface-hover); color: var(--mj-status-error, var(--mj-color-error-600)); }\n.qe-empty[_ngcontent-%COMP%] { font-size: 0.875rem; color: var(--mj-text-muted); padding: 24px 0; text-align: center; }"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(QuestionEditorComponent, [{
+        type: Component,
+        args: [{ selector: 'mjf-question-editor', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                    CommonModule,
+                    FormsModule,
+                    ConditionalRuleEditorComponent,
+                    ValidationRuleEditorComponent,
+                ], template: "@if (!node) {\n  <div class=\"qe-empty\">Select a question to edit its settings.</div>\n} @else {\n  <div class=\"qe\">\n    <div class=\"qe-head\">\n      <span class=\"mjf-pill\"><i [class]=\"typeIcon\" aria-hidden=\"true\"></i> {{ typeLabel }}</span>\n    </div>\n\n    <div class=\"mjf-field\">\n      <label class=\"mjf-field-label\" for=\"qe-prompt\">Question</label>\n      <textarea\n        #promptInput\n        id=\"qe-prompt\"\n        class=\"mjf-input\"\n        rows=\"2\"\n        [value]=\"node.entity.Prompt\"\n        (change)=\"setPrompt(promptInput.value)\"\n      ></textarea>\n    </div>\n\n    <div class=\"mjf-field\">\n      <label class=\"mjf-field-label\" for=\"qe-help\">Help text</label>\n      <input\n        #helpInput\n        id=\"qe-help\"\n        type=\"text\"\n        class=\"mjf-input\"\n        [value]=\"node.entity.HelpText ?? ''\"\n        (change)=\"setHelpText(helpInput.value)\"\n        placeholder=\"Optional guidance shown under the question\"\n      />\n    </div>\n\n    <div class=\"qe-required\">\n      <span>Required</span>\n      <button\n        type=\"button\"\n        class=\"mjf-switch\"\n        [class.is-on]=\"node.entity.IsRequired\"\n        role=\"switch\"\n        [attr.aria-checked]=\"node.entity.IsRequired\"\n        aria-label=\"Required\"\n        (click)=\"toggleRequired()\"\n      ></button>\n    </div>\n\n    @if (hasOptions) {\n      <div class=\"qe-section\">\n        <p class=\"qe-section-title\">Options</p>\n        <div class=\"qe-options\">\n          @for (opt of node.options; track opt.ID) {\n            <div class=\"qe-option\">\n              <input\n                #optInput\n                type=\"text\"\n                class=\"mjf-input\"\n                [value]=\"opt.Label\"\n                (change)=\"setOptionLabel($index, optInput.value)\"\n                [attr.aria-label]=\"'Option ' + ($index + 1)\"\n              />\n              <button\n                type=\"button\"\n                class=\"qe-opt-remove\"\n                (click)=\"removeOption($index)\"\n                aria-label=\"Remove option\"\n              >\n                <i class=\"fa-solid fa-xmark\" aria-hidden=\"true\"></i>\n              </button>\n            </div>\n          }\n        </div>\n        <button type=\"button\" class=\"mjf-btn mjf-btn--ghost\" style=\"margin-top:8px\" (click)=\"addOption()\">\n          <i class=\"fa-solid fa-plus\" aria-hidden=\"true\"></i> Add option\n        </button>\n      </div>\n    }\n\n    <div class=\"qe-section\">\n      <p class=\"qe-section-title\">Validation</p>\n      <mjf-validation-rule-editor\n        [questionType]=\"node.entity.QuestionType\"\n        [rule]=\"validationRule\"\n        (ruleChange)=\"onValidationChange($event)\"\n      ></mjf-validation-rule-editor>\n    </div>\n\n    <div class=\"qe-section\">\n      <p class=\"qe-section-title\">Conditional logic</p>\n      <mjf-conditional-rule-editor\n        [sources]=\"conditionalSources\"\n        [rule]=\"conditionalRule\"\n        (ruleChange)=\"onConditionalChange($event)\"\n      ></mjf-conditional-rule-editor>\n    </div>\n  </div>\n}\n", styles: ["\n:host {\n  --mjf-builder-gap: 16px;\n  --mjf-builder-radius: var(--mj-radius-md, 8px);\n}\n.mjf-input {\n  width: 100%;\n  box-sizing: border-box;\n  padding: 8px 10px;\n  font: inherit;\n  color: var(--mj-text-primary);\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mjf-builder-radius);\n  transition: border-color var(--mj-transition-base, 0.15s ease);\n}\n.mjf-input:focus {\n  outline: 2px solid var(--mjf-focus-ring, var(--mj-brand-primary));\n  outline-offset: 1px;\n  border-color: var(--mj-brand-primary);\n}\ntextarea.mjf-input { min-height: 64px; resize: vertical; }\n.mjf-field { display: flex; flex-direction: column; gap: 4px; margin-bottom: var(--mjf-builder-gap); }\n.mjf-field-label { font-size: 0.8125rem; font-weight: 600; color: var(--mj-text-secondary); }\n.mjf-field-hint { font-size: 0.75rem; color: var(--mj-text-muted); }\n.mjf-row { display: flex; gap: 8px; align-items: center; }\n.mjf-btn {\n  display: inline-flex; align-items: center; gap: 6px;\n  padding: 8px 14px; font: inherit; font-weight: 600; cursor: pointer;\n  border-radius: var(--mjf-btn-radius, var(--mjf-builder-radius));\n  border: 1px solid transparent;\n  transition: background var(--mj-transition-base, 0.15s ease), border-color var(--mj-transition-base, 0.15s ease);\n}\n.mjf-btn:focus-visible { outline: 2px solid var(--mjf-focus-ring, var(--mj-brand-primary)); outline-offset: 2px; }\n.mjf-btn:disabled { opacity: 0.5; cursor: not-allowed; }\n.mjf-btn--primary { color: var(--mj-brand-on-primary, var(--mj-text-inverse)); background: var(--mj-brand-primary); }\n.mjf-btn--primary:hover:not(:disabled) { background: var(--mj-brand-primary-hover, var(--mj-brand-primary)); }\n.mjf-btn--ghost { color: var(--mj-text-secondary); background: transparent; border-color: var(--mj-border-default); }\n.mjf-btn--ghost:hover:not(:disabled) { background: var(--mj-bg-surface-hover); }\n.mjf-btn--danger { color: var(--mj-status-error, var(--mj-color-error-600)); background: transparent; border-color: var(--mj-border-default); }\n.mjf-btn--danger:hover:not(:disabled) { background: var(--mj-bg-surface-hover); }\n.mjf-pill {\n  display: inline-flex; align-items: center; gap: 5px;\n  padding: 3px 9px; font-size: 0.75rem; font-weight: 600;\n  border-radius: var(--mjf-pill-radius, var(--mj-radius-full, 999px));\n  color: var(--mj-text-secondary); background: var(--mj-bg-surface-sunken);\n  border: 1px solid var(--mj-border-subtle);\n}\n.mjf-switch {\n  position: relative; display: inline-block; width: 38px; height: 22px; flex: none; cursor: pointer;\n  border-radius: var(--mj-radius-full, 999px); background: var(--mj-border-strong);\n  transition: background var(--mj-transition-base, 0.15s ease);\n  border: none; padding: 0;\n}\n.mjf-switch::after {\n  content: ''; position: absolute; top: 2px; left: 2px; width: 18px; height: 18px;\n  border-radius: 50%; background: var(--mj-bg-surface);\n  transition: transform var(--mj-transition-base, 0.15s ease);\n}\n.mjf-switch.is-on { background: var(--mj-brand-primary); }\n.mjf-switch.is-on::after { transform: translateX(16px); }\n.mjf-switch:focus-visible { outline: 2px solid var(--mjf-focus-ring, var(--mj-brand-primary)); outline-offset: 2px; }\n", "\n.qe { display: flex; flex-direction: column; gap: 4px; }\n.qe-head { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }\n.qe-section { border-top: 1px solid var(--mj-border-subtle); padding-top: 14px; margin-top: 6px; }\n.qe-section-title { font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: var(--mj-text-muted); margin: 0 0 10px; }\n.qe-required { display: flex; align-items: center; justify-content: space-between; gap: 10px; }\n.qe-required span { font-size: 0.8125rem; font-weight: 600; color: var(--mj-text-secondary); }\n.qe-options { display: flex; flex-direction: column; gap: 6px; }\n.qe-option { display: flex; align-items: center; gap: 6px; }\n.qe-option .mjf-input { flex: 1; }\n.qe-opt-remove { flex: none; width: 30px; height: 30px; cursor: pointer; border-radius: var(--mj-radius-md, 8px); border: 1px solid var(--mj-border-default); background: var(--mj-bg-surface); color: var(--mj-text-muted); }\n.qe-opt-remove:hover { background: var(--mj-bg-surface-hover); color: var(--mj-status-error, var(--mj-color-error-600)); }\n.qe-empty { font-size: 0.875rem; color: var(--mj-text-muted); padding: 24px 0; text-align: center; }\n"] }]
+    }], null, { node: [{
+            type: Input
+        }], conditionalSources: [{
+            type: Input
+        }], questionChanged: [{
+            type: Output
+        }], addOptionRequested: [{
+            type: Output
+        }], removeOptionRequested: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(QuestionEditorComponent, { className: "QuestionEditorComponent", filePath: "lib/builder/question-editor.component.ts", lineNumber: 60 }); })();
+//# sourceMappingURL=question-editor.component.js.map

package/dist/lib/builder/question-editor.component.js.map

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

package/dist/lib/builder/question-type-catalog.d.ts

@@ -0,0 +1,29 @@
+import type { FormQuestionType } from '@mj-biz-apps/forms-entities';
+/** UI grouping for the "Add question" palette. */
+export type QuestionPaletteGroup = 'Text' | 'Choice' | 'Scale' | 'Advanced';
+/** Static metadata for one Phase-1 question type, driving the palette + preview. */
+export interface QuestionTypeMeta {
+    type: FormQuestionType;
+    label: string;
+    /** Font Awesome icon class (icons only — no hardcoded colors). */
+    icon: string;
+    group: QuestionPaletteGroup;
+    /** Whether this type carries selectable options (Single/Multi/Dropdown). */
+    hasOptions: boolean;
+}
+/**
+ * The exhaustive Phase-1 question taxonomy (FORMS_BUILD_PLAN §5.3). Order within a
+ * group is the palette display order. Kept in lockstep with the `FormQuestionType`
+ * union from the shared contract — adding a type to the union without adding it here
+ * is a compile error via {@link assertCatalogExhaustive}.
+ */
+export declare const QUESTION_TYPE_CATALOG: ReadonlyArray<QuestionTypeMeta>;
+/** Palette groups in display order. */
+export declare const QUESTION_PALETTE_GROUPS: ReadonlyArray<QuestionPaletteGroup>;
+/** Look up the metadata for a question type. Always defined for valid Phase-1 types. */
+export declare function questionTypeMeta(type: FormQuestionType): QuestionTypeMeta;
+/** Whether a question type carries selectable options. */
+export declare function questionTypeHasOptions(type: FormQuestionType): boolean;
+/** The catalog entries belonging to one palette group, in display order. */
+export declare function questionTypesInGroup(group: QuestionPaletteGroup): QuestionTypeMeta[];
+//# sourceMappingURL=question-type-catalog.d.ts.map

package/dist/lib/builder/question-type-catalog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"question-type-catalog.d.ts","sourceRoot":"","sources":["../../../src/lib/builder/question-type-catalog.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAEpE,kDAAkD;AAClD,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAC;AAE5E,oFAAoF;AACpF,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,gBAAgB,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,kEAAkE;IAClE,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,oBAAoB,CAAC;IAC5B,4EAA4E;IAC5E,UAAU,EAAE,OAAO,CAAC;CACrB;AAED;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,EAAE,aAAa,CAAC,gBAAgB,CAgBjE,CAAC;AAMF,uCAAuC;AACvC,eAAO,MAAM,uBAAuB,EAAE,aAAa,CAAC,oBAAoB,CAA2C,CAAC;AAEpH,wFAAwF;AACxF,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,gBAAgB,GAAG,gBAAgB,CAMzE;AAED,0DAA0D;AAC1D,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,gBAAgB,GAAG,OAAO,CAEtE;AAED,4EAA4E;AAC5E,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,oBAAoB,GAAG,gBAAgB,EAAE,CAEpF"}

package/dist/lib/builder/question-type-catalog.js

@@ -0,0 +1,43 @@
+/**
+ * The exhaustive Phase-1 question taxonomy (FORMS_BUILD_PLAN §5.3). Order within a
+ * group is the palette display order. Kept in lockstep with the `FormQuestionType`
+ * union from the shared contract — adding a type to the union without adding it here
+ * is a compile error via {@link assertCatalogExhaustive}.
+ */
+export const QUESTION_TYPE_CATALOG = [
+    { type: 'ShortText', label: 'Short text', icon: 'fa-solid fa-font', group: 'Text', hasOptions: false },
+    { type: 'LongText', label: 'Long text', icon: 'fa-solid fa-align-left', group: 'Text', hasOptions: false },
+    { type: 'Email', label: 'Email', icon: 'fa-solid fa-envelope', group: 'Text', hasOptions: false },
+    { type: 'Phone', label: 'Phone', icon: 'fa-solid fa-phone', group: 'Text', hasOptions: false },
+    { type: 'Number', label: 'Number', icon: 'fa-solid fa-hashtag', group: 'Text', hasOptions: false },
+    { type: 'SingleChoice', label: 'Single choice', icon: 'fa-regular fa-circle-dot', group: 'Choice', hasOptions: true },
+    { type: 'MultiChoice', label: 'Multi choice', icon: 'fa-regular fa-square-check', group: 'Choice', hasOptions: true },
+    { type: 'Dropdown', label: 'Dropdown', icon: 'fa-solid fa-caret-down', group: 'Choice', hasOptions: true },
+    { type: 'Rating', label: 'Rating', icon: 'fa-solid fa-star', group: 'Scale', hasOptions: false },
+    { type: 'NPS', label: 'NPS', icon: 'fa-solid fa-gauge-high', group: 'Scale', hasOptions: false },
+    { type: 'YesNo', label: 'Yes / No', icon: 'fa-solid fa-toggle-on', group: 'Scale', hasOptions: false },
+    { type: 'Date', label: 'Date', icon: 'fa-regular fa-calendar', group: 'Advanced', hasOptions: false },
+    { type: 'Time', label: 'Time', icon: 'fa-regular fa-clock', group: 'Advanced', hasOptions: false },
+    { type: 'FileUpload', label: 'File upload', icon: 'fa-solid fa-paperclip', group: 'Advanced', hasOptions: false },
+    { type: 'Statement', label: 'Statement', icon: 'fa-solid fa-quote-left', group: 'Advanced', hasOptions: false },
+];
+const CATALOG_BY_TYPE = new Map(QUESTION_TYPE_CATALOG.map((m) => [m.type, m]));
+/** Palette groups in display order. */
+export const QUESTION_PALETTE_GROUPS = ['Text', 'Choice', 'Scale', 'Advanced'];
+/** Look up the metadata for a question type. Always defined for valid Phase-1 types. */
+export function questionTypeMeta(type) {
+    const meta = CATALOG_BY_TYPE.get(type);
+    if (!meta) {
+        throw new Error(`Unknown FormQuestionType: ${String(type)}`);
+    }
+    return meta;
+}
+/** Whether a question type carries selectable options. */
+export function questionTypeHasOptions(type) {
+    return questionTypeMeta(type).hasOptions;
+}
+/** The catalog entries belonging to one palette group, in display order. */
+export function questionTypesInGroup(group) {
+    return QUESTION_TYPE_CATALOG.filter((m) => m.group === group);
+}
+//# sourceMappingURL=question-type-catalog.js.map

package/dist/lib/builder/question-type-catalog.js.map

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

package/dist/lib/builder/reorder.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Pure reorder guard shared by the builder's arrow-button and drag-drop reorder paths.
+ *
+ * Both `moveQuestion` (keyboard/arrows) and `dropQuestion` (CDK drag) compute a source
+ * and target index, then persist the page's question order the same way. This decides
+ * whether a proposed move is a real, in-bounds reorder before we touch the array or the
+ * database — keeping the two entry points behaviourally identical.
+ */
+export declare function isValidReorder(from: number, to: number, length: number): boolean;
+//# sourceMappingURL=reorder.d.ts.map

package/dist/lib/builder/reorder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reorder.d.ts","sourceRoot":"","sources":["../../../src/lib/builder/reorder.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO,CAUhF"}

package/dist/lib/builder/reorder.js

@@ -0,0 +1,18 @@
+/**
+ * Pure reorder guard shared by the builder's arrow-button and drag-drop reorder paths.
+ *
+ * Both `moveQuestion` (keyboard/arrows) and `dropQuestion` (CDK drag) compute a source
+ * and target index, then persist the page's question order the same way. This decides
+ * whether a proposed move is a real, in-bounds reorder before we touch the array or the
+ * database — keeping the two entry points behaviourally identical.
+ */
+export function isValidReorder(from, to, length) {
+    return (Number.isInteger(from) &&
+        Number.isInteger(to) &&
+        from >= 0 &&
+        from < length &&
+        to >= 0 &&
+        to < length &&
+        from !== to);
+}
+//# sourceMappingURL=reorder.js.map

package/dist/lib/builder/reorder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reorder.js","sourceRoot":"","sources":["../../../src/lib/builder/reorder.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,MAAM,UAAU,cAAc,CAAC,IAAY,EAAE,EAAU,EAAE,MAAc;IACrE,OAAO,CACL,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC;QACtB,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC;QACpB,IAAI,IAAI,CAAC;QACT,IAAI,GAAG,MAAM;QACb,EAAE,IAAI,CAAC;QACP,EAAE,GAAG,MAAM;QACX,IAAI,KAAK,EAAE,CACZ,CAAC;AACJ,CAAC"}

package/dist/lib/builder/snapshot-builder.d.ts

@@ -0,0 +1,16 @@
+import type { mjBizAppsFormsFormStyleEntity, FormStyleTokens, PublishedFormDefinition } from '@mj-biz-apps/forms-entities';
+import type { FormTree } from './builder-models';
+/**
+ * Pure transform from the live builder tree to the immutable
+ * {@link PublishedFormDefinition} stored in `FormVersion.DefinitionSnapshot` (the S1
+ * contract). No I/O, no MJ services — so it is the unit-testable core of publish.
+ *
+ * Pages and questions are re-numbered to a dense 0-based `displayOrder` reflecting
+ * their sorted position, so the snapshot order is canonical regardless of any gaps
+ * in the stored DisplayOrder values.
+ *
+ * `styleTokensOverride` lets the builder's live Preview reflect UNSAVED theme edits: when
+ * supplied it is used verbatim instead of deriving tokens from `style`.
+ */
+export declare function buildPublishedDefinition(tree: FormTree, style: mjBizAppsFormsFormStyleEntity | undefined, formVersionId: string, styleTokensOverride?: FormStyleTokens): PublishedFormDefinition;
+//# sourceMappingURL=snapshot-builder.d.ts.map

package/dist/lib/builder/snapshot-builder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"snapshot-builder.d.ts","sourceRoot":"","sources":["../../../src/lib/builder/snapshot-builder.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,6BAA6B,EAC7B,eAAe,EACf,uBAAuB,EAKxB,MAAM,6BAA6B,CAAC;AACrC,OAAO,KAAK,EAAE,QAAQ,EAA0B,MAAM,kBAAkB,CAAC;AASzE;;;;;;;;;;;GAWG;AACH,wBAAgB,wBAAwB,CACtC,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,6BAA6B,GAAG,SAAS,EAChD,aAAa,EAAE,MAAM,EACrB,mBAAmB,CAAC,EAAE,eAAe,GACpC,uBAAuB,CAoBzB"}

package/dist/lib/builder/snapshot-builder.js

@@ -0,0 +1,93 @@
+import { parseConditionalRule, parseValidationRule, parseQuestionSettings, parseFormSettings, buildStyleTokens, } from './json-fields';
+/**
+ * Pure transform from the live builder tree to the immutable
+ * {@link PublishedFormDefinition} stored in `FormVersion.DefinitionSnapshot` (the S1
+ * contract). No I/O, no MJ services — so it is the unit-testable core of publish.
+ *
+ * Pages and questions are re-numbered to a dense 0-based `displayOrder` reflecting
+ * their sorted position, so the snapshot order is canonical regardless of any gaps
+ * in the stored DisplayOrder values.
+ *
+ * `styleTokensOverride` lets the builder's live Preview reflect UNSAVED theme edits: when
+ * supplied it is used verbatim instead of deriving tokens from `style`.
+ */
+export function buildPublishedDefinition(tree, style, formVersionId, styleTokensOverride) {
+    const form = tree.form;
+    return {
+        formId: form.ID,
+        formVersionId,
+        name: form.Name,
+        description: form.Description ?? undefined,
+        renderMode: form.RenderMode,
+        settings: parseFormSettings(form.Settings),
+        styleTokens: styleTokensOverride ??
+            buildStyleTokens(style?.CSSVariables ?? null, style?.CustomCSS ?? null, style?.LogoURL ?? null),
+        pages: [...tree.pages]
+            .sort((a, b) => a.entity.DisplayOrder - b.entity.DisplayOrder)
+            .map((p, index) => buildPage(p, index)),
+    };
+}
+function buildPage(page, displayOrder) {
+    const result = {
+        id: page.entity.ID,
+        displayOrder,
+        questions: [...page.questions]
+            .sort((a, b) => a.entity.DisplayOrder - b.entity.DisplayOrder)
+            .map((q, index) => buildQuestion(q, index)),
+    };
+    if (page.entity.Title) {
+        result.title = page.entity.Title;
+    }
+    if (page.entity.Description) {
+        result.description = page.entity.Description;
+    }
+    const conditional = parseConditionalRule(page.entity.ConditionalRule);
+    if (conditional) {
+        result.conditionalRule = conditional;
+    }
+    return result;
+}
+function buildQuestion(node, displayOrder) {
+    const q = node.entity;
+    const result = {
+        id: q.ID,
+        type: q.QuestionType,
+        prompt: q.Prompt,
+        isRequired: q.IsRequired,
+        displayOrder,
+        options: buildOptions(node),
+    };
+    if (q.HelpText) {
+        result.helpText = q.HelpText;
+    }
+    const conditional = parseConditionalRule(q.ConditionalRule);
+    if (conditional) {
+        result.conditionalRule = conditional;
+    }
+    const validation = parseValidationRule(q.ValidationRule);
+    if (validation) {
+        result.validationRule = validation;
+    }
+    const settings = parseQuestionSettings(q.Settings);
+    if (Object.keys(settings).length > 0) {
+        result.settings = settings;
+    }
+    return result;
+}
+function buildOptions(node) {
+    return [...node.options]
+        .sort((a, b) => a.DisplayOrder - b.DisplayOrder)
+        .map((opt, index) => {
+        const built = {
+            id: opt.ID,
+            label: opt.Label,
+            value: opt.Value ?? opt.Label,
+            displayOrder: index,
+        };
+        if (opt.IsDefault) {
+            built.isDefault = true;
+        }
+        return built;
+    });
+}
+//# sourceMappingURL=snapshot-builder.js.map

package/dist/lib/builder/snapshot-builder.js.map

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

package/dist/lib/builder/style-tokens.d.ts

@@ -0,0 +1,54 @@
+/**
+ * Branding-editor helpers over the `MJ_BizApps_Forms: Form Styles` entity.
+ *
+ * The entity stores `CSSVariables` as a JSON `--token: value` map. The Design panel's
+ * branding-basics editor reads/writes individual brand tokens in that map so the live
+ * preview and the published widget share the exact same token contract — no hardcoded
+ * colors anywhere. Parsing/serialization reuse the existing {@link parseStyleTokens} /
+ * {@link buildStyleTokens} helpers (DRY — no parallel JSON logic).
+ *
+ * These operate on the raw `CSSVariables` string (not the entity) so they stay pure and
+ * unit-testable; the Design panel passes `style.CSSVariables`.
+ */
+import type { FormStyleTokens, mjBizAppsFormsFormStyleEntity } from '@mj-biz-apps/forms-entities';
+/** Semantic token names the theme editor writes into `CSSVariables`. */
+export declare const BRAND_TOKENS: {
+    /** Primary brand color (buttons, active choice, progress fill). */
+    readonly primary: "--mjf-accent";
+    /** Darker shade used for hover / pressed / strong states. */
+    readonly primaryStrong: "--mjf-accent-strong";
+    /** Page background behind the form cards. */
+    readonly pageBg: "--mjf-page-bg";
+    /** Card / field surface background. */
+    readonly cardBg: "--mjf-card-bg";
+    /** Body font stack. */
+    readonly fontBody: "--mjf-font-body";
+    /** Display / heading font stack. */
+    readonly fontDisplay: "--mjf-font-display";
+};
+/** The four corner-radius tokens set together so the theme's rounding stays coherent. */
+export declare const RADIUS_TOKENS: readonly ["--mjf-card-radius", "--mjf-input-radius", "--mjf-choice-radius", "--mjf-btn-radius"];
+/** Curated font choices for the theme editor (label → CSS font-family stack). */
+export declare const FONT_OPTIONS: ReadonlyArray<{
+    label: string;
+    stack: string;
+}>;
+/** Serialize a `--token → value` map back to a `CSSVariables` JSON string. */
+export declare function serializeCssVariables(map: Record<string, string>): string;
+/** Build the runtime {@link FormStyleTokens} the preview + widget apply from a style entity. */
+export declare function toStyleTokens(style: mjBizAppsFormsFormStyleEntity): FormStyleTokens;
+/** Read a brand token's current value from a raw `CSSVariables` JSON (empty if unset). */
+export declare function readBrandToken(cssVariablesRaw: string | null | undefined, token: string): string;
+/**
+ * Return an updated `CSSVariables` JSON with `token` set to `value` (or removed when
+ * `value` is blank), preserving every other token. Pure — mutates nothing.
+ */
+export declare function withBrandToken(cssVariablesRaw: string | null | undefined, token: string, value: string): string;
+/** Read the theme's corner radius (from `--mjf-card-radius`) as a number of px; 0 if unset. */
+export declare function readRadiusPx(cssVariablesRaw: string | null | undefined): number;
+/**
+ * Return an updated `CSSVariables` JSON with all four {@link RADIUS_TOKENS} set to `px`,
+ * preserving every other token. Keeps card/input/choice/button rounding coherent. Pure.
+ */
+export declare function withRadiusPx(cssVariablesRaw: string | null | undefined, px: number): string;
+//# sourceMappingURL=style-tokens.d.ts.map

package/dist/lib/builder/style-tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-tokens.d.ts","sourceRoot":"","sources":["../../../src/lib/builder/style-tokens.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,KAAK,EAAE,eAAe,EAAE,6BAA6B,EAAE,MAAM,6BAA6B,CAAC;AAGlG,wEAAwE;AACxE,eAAO,MAAM,YAAY;IACvB,mEAAmE;;IAEnE,6DAA6D;;IAE7D,6CAA6C;;IAE7C,uCAAuC;;IAEvC,uBAAuB;;IAEvB,oCAAoC;;CAE5B,CAAC;AAEX,yFAAyF;AACzF,eAAO,MAAM,aAAa,iGAAkG,CAAC;AAE7H,iFAAiF;AACjF,eAAO,MAAM,YAAY,EAAE,aAAa,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAMxE,CAAC;AAEF,8EAA8E;AAC9E,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAEzE;AAED,gGAAgG;AAChG,wBAAgB,aAAa,CAAC,KAAK,EAAE,6BAA6B,GAAG,eAAe,CAEnF;AAED,0FAA0F;AAC1F,wBAAgB,cAAc,CAAC,eAAe,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAEhG;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAC5B,eAAe,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAC1C,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,GACZ,MAAM,CASR;AAED,+FAA+F;AAC/F,wBAAgB,YAAY,CAAC,eAAe,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAI/E;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,eAAe,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAM3F"}