@memberjunction/ng-forms 0.0.1 → 5.13.0

package/dist/lib/dynamic-form-response/form-response-utils.d.ts

@@ -0,0 +1,74 @@
+/**
+ * @fileoverview Shared utilities for formatting form response values.
+ *
+ * Used by both `DynamicFormResponseComponent` (Angular component rendering)
+ * and the conversations package (inline HTML rendering via markdown).
+ *
+ * @module @memberjunction/ng-forms
+ */
+import { FormQuestion } from '@memberjunction/ai-core-plus';
+/**
+ * Represents a resolved form response field ready for display.
+ */
+export interface FormResponseField {
+    /** Question ID or key name */
+    key: string;
+    /** Human-readable label */
+    label: string;
+    /** Raw value from the response */
+    value: unknown;
+    /** Display-friendly formatted value */
+    displayValue: string;
+    /** Field type from the schema (for type-aware formatting) */
+    type: string | null;
+}
+/**
+ * Static utility class for form response value formatting and resolution.
+ *
+ * Provides type-aware formatting for all supported field types:
+ * date, datetime, time, daterange, slider, buttongroup, radio, dropdown, checkbox.
+ */
+export declare class FormResponseUtils {
+    /**
+     * Format a value for display, using schema info when available.
+     * Resolves choice labels and applies type-specific formatting.
+     */
+    static FormatValue(value: unknown, question: FormQuestion | null, type: string | null): string;
+    /**
+     * Resolve a raw value to its display label from form options.
+     */
+    static ResolveOptionLabel(question: FormQuestion, value: unknown): string | null;
+    /**
+     * Format a date string for display.
+     * @param value ISO date string
+     * @param includeTime Whether to include time in the output
+     */
+    static FormatDate(value: string, includeTime: boolean): string;
+    /**
+     * Format a time string (HH:mm or HH:mm:ss) for display.
+     */
+    static FormatTime(value: string): string;
+    /**
+     * Format a date range object for display.
+     * @param value Object with `start` and `end` date strings, or any fallback value
+     */
+    static FormatDateRange(value: unknown): string;
+    /**
+     * Convert a camelCase/snake_case key to a human-readable label.
+     */
+    static HumanizeKey(key: string): string;
+    /**
+     * Escape HTML special characters to prevent XSS.
+     */
+    static EscapeHtml(text: string): string;
+    /**
+     * Format a value for display with HTML escaping applied.
+     * Convenience wrapper combining FormatValue + EscapeHtml.
+     */
+    static FormatValueHtml(value: unknown, question: FormQuestion | null, type: string | null): string;
+    /**
+     * Get the type string from a FormQuestion.
+     */
+    static GetQuestionTypeString(question: FormQuestion): string;
+}
+//# sourceMappingURL=form-response-utils.d.ts.map

package/dist/lib/dynamic-form-response/form-response-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-response-utils.d.ts","sourceRoot":"","sources":["../../../src/lib/dynamic-form-response/form-response-utils.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,YAAY,EAAc,MAAM,8BAA8B,CAAC;AAExE;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAC9B,8BAA8B;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,KAAK,EAAE,OAAO,CAAC;IACf,uCAAuC;IACvC,YAAY,EAAE,MAAM,CAAC;IACrB,6DAA6D;IAC7D,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAED;;;;;GAKG;AACH,qBAAa,iBAAiB;IAC1B;;;OAGG;IACH,MAAM,CAAC,WAAW,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,GAAG,IAAI,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM;IA+B9F;;OAEG;IACH,MAAM,CAAC,kBAAkB,CAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI;IAOhF;;;;OAIG;IACH,MAAM,CAAC,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,GAAG,MAAM;IAmB9D;;OAEG;IACH,MAAM,CAAC,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAaxC;;;OAGG;IACH,MAAM,CAAC,eAAe,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM;IAU9C;;OAEG;IACH,MAAM,CAAC,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM;IAQvC;;OAEG;IACH,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;IASvC;;;OAGG;IACH,MAAM,CAAC,eAAe,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,GAAG,IAAI,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM;IAIlG;;OAEG;IACH,MAAM,CAAC,qBAAqB,CAAC,QAAQ,EAAE,YAAY,GAAG,MAAM;CAG/D"}

package/dist/lib/dynamic-form-response/form-response-utils.js

@@ -0,0 +1,147 @@
+/**
+ * @fileoverview Shared utilities for formatting form response values.
+ *
+ * Used by both `DynamicFormResponseComponent` (Angular component rendering)
+ * and the conversations package (inline HTML rendering via markdown).
+ *
+ * @module @memberjunction/ng-forms
+ */
+/**
+ * Static utility class for form response value formatting and resolution.
+ *
+ * Provides type-aware formatting for all supported field types:
+ * date, datetime, time, daterange, slider, buttongroup, radio, dropdown, checkbox.
+ */
+export class FormResponseUtils {
+    /**
+     * Format a value for display, using schema info when available.
+     * Resolves choice labels and applies type-specific formatting.
+     */
+    static FormatValue(value, question, type) {
+        if (value == null)
+            return '';
+        // For choice types, resolve the option label
+        if (question && type && ['buttongroup', 'radio', 'dropdown', 'checkbox'].includes(type)) {
+            const optionLabel = FormResponseUtils.ResolveOptionLabel(question, value);
+            if (optionLabel)
+                return optionLabel;
+        }
+        const stringValue = String(value);
+        switch (type) {
+            case 'date':
+                return FormResponseUtils.FormatDate(stringValue, false);
+            case 'datetime':
+                return FormResponseUtils.FormatDate(stringValue, true);
+            case 'time':
+                return FormResponseUtils.FormatTime(stringValue);
+            case 'daterange':
+                return FormResponseUtils.FormatDateRange(value);
+            default:
+                // Auto-detect ISO dates for backward compatibility
+                if (stringValue.match(/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}/)) {
+                    const date = new Date(stringValue);
+                    const hasMidnight = date.getUTCHours() === 0 && date.getUTCMinutes() === 0 && date.getUTCSeconds() === 0;
+                    return FormResponseUtils.FormatDate(stringValue, !hasMidnight);
+                }
+                return stringValue;
+        }
+    }
+    /**
+     * Resolve a raw value to its display label from form options.
+     */
+    static ResolveOptionLabel(question, value) {
+        if (typeof question.type !== 'object' || !('options' in question.type))
+            return null;
+        const options = question.type.options;
+        const match = options.find(o => String(o.value) === String(value));
+        return match ? match.label : null;
+    }
+    /**
+     * Format a date string for display.
+     * @param value ISO date string
+     * @param includeTime Whether to include time in the output
+     */
+    static FormatDate(value, includeTime) {
+        try {
+            const date = new Date(value);
+            if (isNaN(date.getTime()))
+                return value;
+            if (includeTime) {
+                return date.toLocaleString('en-US', {
+                    month: 'short', day: 'numeric', year: 'numeric',
+                    hour: 'numeric', minute: '2-digit', hour12: true
+                });
+            }
+            return date.toLocaleDateString('en-US', {
+                month: 'short', day: 'numeric', year: 'numeric'
+            });
+        }
+        catch {
+            return value;
+        }
+    }
+    /**
+     * Format a time string (HH:mm or HH:mm:ss) for display.
+     */
+    static FormatTime(value) {
+        try {
+            const [hours, minutes] = value.split(':').map(Number);
+            const date = new Date();
+            date.setHours(hours, minutes, 0);
+            return date.toLocaleTimeString('en-US', {
+                hour: 'numeric', minute: '2-digit', hour12: true
+            });
+        }
+        catch {
+            return value;
+        }
+    }
+    /**
+     * Format a date range object for display.
+     * @param value Object with `start` and `end` date strings, or any fallback value
+     */
+    static FormatDateRange(value) {
+        if (typeof value === 'object' && value !== null && 'start' in value && 'end' in value) {
+            const rangeValue = value;
+            const start = FormResponseUtils.FormatDate(rangeValue.start, false);
+            const end = FormResponseUtils.FormatDate(rangeValue.end, false);
+            return `${start} to ${end}`;
+        }
+        return JSON.stringify(value);
+    }
+    /**
+     * Convert a camelCase/snake_case key to a human-readable label.
+     */
+    static HumanizeKey(key) {
+        return key
+            .replace(/([A-Z])/g, ' $1')
+            .replace(/[_-]/g, ' ')
+            .replace(/^\s+/, '')
+            .replace(/\b\w/g, c => c.toUpperCase());
+    }
+    /**
+     * Escape HTML special characters to prevent XSS.
+     */
+    static EscapeHtml(text) {
+        return text
+            .replace(/&/g, '&')
+            .replace(/</g, '&lt;')
+            .replace(/>/g, '&gt;')
+            .replace(/"/g, '&quot;')
+            .replace(/'/g, '&#039;');
+    }
+    /**
+     * Format a value for display with HTML escaping applied.
+     * Convenience wrapper combining FormatValue + EscapeHtml.
+     */
+    static FormatValueHtml(value, question, type) {
+        return FormResponseUtils.EscapeHtml(FormResponseUtils.FormatValue(value, question, type));
+    }
+    /**
+     * Get the type string from a FormQuestion.
+     */
+    static GetQuestionTypeString(question) {
+        return typeof question.type === 'string' ? question.type : question.type.type;
+    }
+}
+//# sourceMappingURL=form-response-utils.js.map

package/dist/lib/dynamic-form-response/form-response-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-response-utils.js","sourceRoot":"","sources":["../../../src/lib/dynamic-form-response/form-response-utils.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @fileoverview Shared utilities for formatting form response values.\n *\n * Used by both `DynamicFormResponseComponent` (Angular component rendering)\n * and the conversations package (inline HTML rendering via markdown).\n *\n * @module @memberjunction/ng-forms\n */\n\nimport { FormQuestion, FormOption } from '@memberjunction/ai-core-plus';\n\n/**\n * Represents a resolved form response field ready for display.\n */\nexport interface FormResponseField {\n    /** Question ID or key name */\n    key: string;\n    /** Human-readable label */\n    label: string;\n    /** Raw value from the response */\n    value: unknown;\n    /** Display-friendly formatted value */\n    displayValue: string;\n    /** Field type from the schema (for type-aware formatting) */\n    type: string | null;\n}\n\n/**\n * Static utility class for form response value formatting and resolution.\n *\n * Provides type-aware formatting for all supported field types:\n * date, datetime, time, daterange, slider, buttongroup, radio, dropdown, checkbox.\n */\nexport class FormResponseUtils {\n    /**\n     * Format a value for display, using schema info when available.\n     * Resolves choice labels and applies type-specific formatting.\n     */\n    static FormatValue(value: unknown, question: FormQuestion | null, type: string | null): string {\n        if (value == null) return '';\n\n        // For choice types, resolve the option label\n        if (question && type && ['buttongroup', 'radio', 'dropdown', 'checkbox'].includes(type)) {\n            const optionLabel = FormResponseUtils.ResolveOptionLabel(question, value);\n            if (optionLabel) return optionLabel;\n        }\n\n        const stringValue = String(value);\n\n        switch (type) {\n            case 'date':\n                return FormResponseUtils.FormatDate(stringValue, false);\n            case 'datetime':\n                return FormResponseUtils.FormatDate(stringValue, true);\n            case 'time':\n                return FormResponseUtils.FormatTime(stringValue);\n            case 'daterange':\n                return FormResponseUtils.FormatDateRange(value);\n            default:\n                // Auto-detect ISO dates for backward compatibility\n                if (stringValue.match(/^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}/)) {\n                    const date = new Date(stringValue);\n                    const hasMidnight = date.getUTCHours() === 0 && date.getUTCMinutes() === 0 && date.getUTCSeconds() === 0;\n                    return FormResponseUtils.FormatDate(stringValue, !hasMidnight);\n                }\n                return stringValue;\n        }\n    }\n\n    /**\n     * Resolve a raw value to its display label from form options.\n     */\n    static ResolveOptionLabel(question: FormQuestion, value: unknown): string | null {\n        if (typeof question.type !== 'object' || !('options' in question.type)) return null;\n        const options = question.type.options as FormOption[];\n        const match = options.find(o => String(o.value) === String(value));\n        return match ? match.label : null;\n    }\n\n    /**\n     * Format a date string for display.\n     * @param value ISO date string\n     * @param includeTime Whether to include time in the output\n     */\n    static FormatDate(value: string, includeTime: boolean): string {\n        try {\n            const date = new Date(value);\n            if (isNaN(date.getTime())) return value;\n\n            if (includeTime) {\n                return date.toLocaleString('en-US', {\n                    month: 'short', day: 'numeric', year: 'numeric',\n                    hour: 'numeric', minute: '2-digit', hour12: true\n                });\n            }\n            return date.toLocaleDateString('en-US', {\n                month: 'short', day: 'numeric', year: 'numeric'\n            });\n        } catch {\n            return value;\n        }\n    }\n\n    /**\n     * Format a time string (HH:mm or HH:mm:ss) for display.\n     */\n    static FormatTime(value: string): string {\n        try {\n            const [hours, minutes] = value.split(':').map(Number);\n            const date = new Date();\n            date.setHours(hours, minutes, 0);\n            return date.toLocaleTimeString('en-US', {\n                hour: 'numeric', minute: '2-digit', hour12: true\n            });\n        } catch {\n            return value;\n        }\n    }\n\n    /**\n     * Format a date range object for display.\n     * @param value Object with `start` and `end` date strings, or any fallback value\n     */\n    static FormatDateRange(value: unknown): string {\n        if (typeof value === 'object' && value !== null && 'start' in value && 'end' in value) {\n            const rangeValue = value as { start: string; end: string };\n            const start = FormResponseUtils.FormatDate(rangeValue.start, false);\n            const end = FormResponseUtils.FormatDate(rangeValue.end, false);\n            return `${start} to ${end}`;\n        }\n        return JSON.stringify(value);\n    }\n\n    /**\n     * Convert a camelCase/snake_case key to a human-readable label.\n     */\n    static HumanizeKey(key: string): string {\n        return key\n            .replace(/([A-Z])/g, ' $1')\n            .replace(/[_-]/g, ' ')\n            .replace(/^\\s+/, '')\n            .replace(/\\b\\w/g, c => c.toUpperCase());\n    }\n\n    /**\n     * Escape HTML special characters to prevent XSS.\n     */\n    static EscapeHtml(text: string): string {\n        return text\n            .replace(/&/g, '&amp;')\n            .replace(/</g, '&lt;')\n            .replace(/>/g, '&gt;')\n            .replace(/\"/g, '&quot;')\n            .replace(/'/g, '&#039;');\n    }\n\n    /**\n     * Format a value for display with HTML escaping applied.\n     * Convenience wrapper combining FormatValue + EscapeHtml.\n     */\n    static FormatValueHtml(value: unknown, question: FormQuestion | null, type: string | null): string {\n        return FormResponseUtils.EscapeHtml(FormResponseUtils.FormatValue(value, question, type));\n    }\n\n    /**\n     * Get the type string from a FormQuestion.\n     */\n    static GetQuestionTypeString(question: FormQuestion): string {\n        return typeof question.type === 'string' ? question.type : question.type.type;\n    }\n}\n"]}

package/dist/lib/forms.module.d.ts

@@ -0,0 +1,15 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./dynamic-form/dynamic-form.component";
+import * as i2 from "./dynamic-form-field/dynamic-form-field.component";
+import * as i3 from "./dynamic-form-response/dynamic-form-response.component";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/forms";
+import * as i6 from "@progress/kendo-angular-buttons";
+import * as i7 from "@progress/kendo-angular-inputs";
+import * as i8 from "@progress/kendo-angular-dateinputs";
+export declare class DynamicFormsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicFormsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DynamicFormsModule, [typeof i1.DynamicFormComponent, typeof i2.DynamicFormFieldComponent, typeof i3.DynamicFormResponseComponent], [typeof i4.CommonModule, typeof i5.FormsModule, typeof i5.ReactiveFormsModule, typeof i6.ButtonsModule, typeof i7.InputsModule, typeof i8.DateInputsModule], [typeof i1.DynamicFormComponent, typeof i2.DynamicFormFieldComponent, typeof i3.DynamicFormResponseComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DynamicFormsModule>;
+}
+//# sourceMappingURL=forms.module.d.ts.map

package/dist/lib/forms.module.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"forms.module.d.ts","sourceRoot":"","sources":["../../src/lib/forms.module.ts"],"names":[],"mappings":";;;;;;;;;AAyDA,qBAoBa,kBAAkB;yCAAlB,kBAAkB;0CAAlB,kBAAkB;0CAAlB,kBAAkB;CAAI"}

package/dist/lib/forms.module.js

@@ -0,0 +1,97 @@
+/**
+ * @fileoverview MJ Dynamic Forms Module
+ *
+ * Provides reusable dynamic form components that render structured forms from
+ * `AgentResponseForm` JSON schemas. Supports 14+ input types with built-in
+ * validation, responsive layout, and intelligent field sizing.
+ *
+ * ## Usage
+ *
+ * Import `DynamicFormsModule` into your feature module:
+ *
+ * ```typescript
+ * import { DynamicFormsModule } from '@memberjunction/ng-forms';
+ *
+ * @NgModule({
+ *   imports: [DynamicFormsModule]
+ * })
+ * export class MyFeatureModule { }
+ * ```
+ *
+ * Then use in templates:
+ *
+ * ```html
+ * <mj-dynamic-form
+ *   [FormDefinition]="myFormSchema"
+ *   [Disabled]="isSaving"
+ *   (FormSubmitted)="onSubmit($event)">
+ * </mj-dynamic-form>
+ * ```
+ *
+ * Or use the field component individually within your own reactive forms:
+ *
+ * ```html
+ * <mj-dynamic-form-field
+ *   [Question]="question"
+ *   [Control]="myFormGroup.get(question.id)"
+ *   [formControlName]="question.id">
+ * </mj-dynamic-form-field>
+ * ```
+ *
+ * @module @memberjunction/ng-forms
+ */
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+// Kendo UI modules
+import { ButtonsModule } from '@progress/kendo-angular-buttons';
+import { InputsModule } from '@progress/kendo-angular-inputs';
+import { DateInputsModule } from '@progress/kendo-angular-dateinputs';
+// Components
+import { DynamicFormComponent } from './dynamic-form/dynamic-form.component';
+import { DynamicFormFieldComponent } from './dynamic-form-field/dynamic-form-field.component';
+import { DynamicFormResponseComponent } from './dynamic-form-response/dynamic-form-response.component';
+import * as i0 from "@angular/core";
+export class DynamicFormsModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: DynamicFormsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: DynamicFormsModule, declarations: [DynamicFormComponent,
+            DynamicFormFieldComponent,
+            DynamicFormResponseComponent], imports: [CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            ButtonsModule,
+            InputsModule,
+            DateInputsModule], exports: [DynamicFormComponent,
+            DynamicFormFieldComponent,
+            DynamicFormResponseComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: DynamicFormsModule, imports: [CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            ButtonsModule,
+            InputsModule,
+            DateInputsModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: DynamicFormsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        DynamicFormComponent,
+                        DynamicFormFieldComponent,
+                        DynamicFormResponseComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        ButtonsModule,
+                        InputsModule,
+                        DateInputsModule
+                    ],
+                    exports: [
+                        DynamicFormComponent,
+                        DynamicFormFieldComponent,
+                        DynamicFormResponseComponent
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=forms.module.js.map

package/dist/lib/forms.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"forms.module.js","sourceRoot":"","sources":["../../src/lib/forms.module.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAElE,mBAAmB;AACnB,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAEtE,aAAa;AACb,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAC7E,OAAO,EAAE,yBAAyB,EAAE,MAAM,mDAAmD,CAAC;AAC9F,OAAO,EAAE,4BAA4B,EAAE,MAAM,yDAAyD,CAAC;;AAsBvG,MAAM,OAAO,kBAAkB;uGAAlB,kBAAkB;wGAAlB,kBAAkB,iBAlBvB,oBAAoB;YACpB,yBAAyB;YACzB,4BAA4B,aAG5B,YAAY;YACZ,WAAW;YACX,mBAAmB;YACnB,aAAa;YACb,YAAY;YACZ,gBAAgB,aAGhB,oBAAoB;YACpB,yBAAyB;YACzB,4BAA4B;wGAGvB,kBAAkB,YAbvB,YAAY;YACZ,WAAW;YACX,mBAAmB;YACnB,aAAa;YACb,YAAY;YACZ,gBAAgB;;2FAQX,kBAAkB;kBApB9B,QAAQ;mBAAC;oBACN,YAAY,EAAE;wBACV,oBAAoB;wBACpB,yBAAyB;wBACzB,4BAA4B;qBAC/B;oBACD,OAAO,EAAE;wBACL,YAAY;wBACZ,WAAW;wBACX,mBAAmB;wBACnB,aAAa;wBACb,YAAY;wBACZ,gBAAgB;qBACnB;oBACD,OAAO,EAAE;wBACL,oBAAoB;wBACpB,yBAAyB;wBACzB,4BAA4B;qBAC/B;iBACJ","sourcesContent":["/**\n * @fileoverview MJ Dynamic Forms Module\n *\n * Provides reusable dynamic form components that render structured forms from\n * `AgentResponseForm` JSON schemas. Supports 14+ input types with built-in\n * validation, responsive layout, and intelligent field sizing.\n *\n * ## Usage\n *\n * Import `DynamicFormsModule` into your feature module:\n *\n * ```typescript\n * import { DynamicFormsModule } from '@memberjunction/ng-forms';\n *\n * @NgModule({\n *   imports: [DynamicFormsModule]\n * })\n * export class MyFeatureModule { }\n * ```\n *\n * Then use in templates:\n *\n * ```html\n * <mj-dynamic-form\n *   [FormDefinition]=\"myFormSchema\"\n *   [Disabled]=\"isSaving\"\n *   (FormSubmitted)=\"onSubmit($event)\">\n * </mj-dynamic-form>\n * ```\n *\n * Or use the field component individually within your own reactive forms:\n *\n * ```html\n * <mj-dynamic-form-field\n *   [Question]=\"question\"\n *   [Control]=\"myFormGroup.get(question.id)\"\n *   [formControlName]=\"question.id\">\n * </mj-dynamic-form-field>\n * ```\n *\n * @module @memberjunction/ng-forms\n */\n\nimport { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\n\n// Kendo UI modules\nimport { ButtonsModule } from '@progress/kendo-angular-buttons';\nimport { InputsModule } from '@progress/kendo-angular-inputs';\nimport { DateInputsModule } from '@progress/kendo-angular-dateinputs';\n\n// Components\nimport { DynamicFormComponent } from './dynamic-form/dynamic-form.component';\nimport { DynamicFormFieldComponent } from './dynamic-form-field/dynamic-form-field.component';\nimport { DynamicFormResponseComponent } from './dynamic-form-response/dynamic-form-response.component';\n\n@NgModule({\n    declarations: [\n        DynamicFormComponent,\n        DynamicFormFieldComponent,\n        DynamicFormResponseComponent\n    ],\n    imports: [\n        CommonModule,\n        FormsModule,\n        ReactiveFormsModule,\n        ButtonsModule,\n        InputsModule,\n        DateInputsModule\n    ],\n    exports: [\n        DynamicFormComponent,\n        DynamicFormFieldComponent,\n        DynamicFormResponseComponent\n    ]\n})\nexport class DynamicFormsModule { }\n"]}

package/dist/public-api.d.ts

@@ -0,0 +1,52 @@
+/**
+ * Public API Surface for @memberjunction/ng-forms
+ *
+ * Generic dynamic form rendering from JSON schemas. Renders structured forms
+ * with 14+ field types, built-in validation, responsive layout, and intelligent
+ * field sizing. Schema types are defined in `@memberjunction/ai-core-plus`.
+ *
+ * ## Quick Start
+ *
+ * 1. Import the module:
+ *    ```typescript
+ *    import { DynamicFormsModule } from '@memberjunction/ng-forms';
+ *    ```
+ *
+ * 2. Add to your NgModule imports:
+ *    ```typescript
+ *    @NgModule({ imports: [DynamicFormsModule] })
+ *    ```
+ *
+ * 3. Use in your template:
+ *    ```html
+ *    <mj-dynamic-form
+ *      [FormDefinition]="formSchema"
+ *      (FormSubmitted)="onSubmit($event)">
+ *    </mj-dynamic-form>
+ *    ```
+ *
+ * ## Components
+ *
+ * - **`<mj-dynamic-form>`** — Full form container: title bar, description,
+ *   questions, validation, and submit/choice buttons.
+ * - **`<mj-dynamic-form-field>`** — Individual field renderer with
+ *   `ControlValueAccessor` for use inside your own reactive forms.
+ *
+ * ## Supported Field Types
+ *
+ * text, textarea, email, number, currency, date, datetime, time,
+ * daterange, buttongroup, radio, dropdown, checkbox, slider
+ *
+ * ## Schema Types (from @memberjunction/ai-core-plus)
+ *
+ * - `AgentResponseForm` — Top-level form definition
+ * - `FormQuestion` — Individual field definition
+ * - `FormQuestionType` — Union of all field type configurations
+ * - `FormOption` — Option in a choice field
+ */
+export * from './lib/forms.module';
+export * from './lib/dynamic-form/dynamic-form.component';
+export * from './lib/dynamic-form-field/dynamic-form-field.component';
+export * from './lib/dynamic-form-response/dynamic-form-response.component';
+export * from './lib/dynamic-form-response/form-response-utils';
+//# sourceMappingURL=public-api.d.ts.map

package/dist/public-api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AAGH,cAAc,oBAAoB,CAAC;AAGnC,cAAc,2CAA2C,CAAC;AAC1D,cAAc,uDAAuD,CAAC;AACtE,cAAc,6DAA6D,CAAC;AAC5E,cAAc,iDAAiD,CAAC"}

package/dist/public-api.js

@@ -0,0 +1,54 @@
+/**
+ * Public API Surface for @memberjunction/ng-forms
+ *
+ * Generic dynamic form rendering from JSON schemas. Renders structured forms
+ * with 14+ field types, built-in validation, responsive layout, and intelligent
+ * field sizing. Schema types are defined in `@memberjunction/ai-core-plus`.
+ *
+ * ## Quick Start
+ *
+ * 1. Import the module:
+ *    ```typescript
+ *    import { DynamicFormsModule } from '@memberjunction/ng-forms';
+ *    ```
+ *
+ * 2. Add to your NgModule imports:
+ *    ```typescript
+ *    @NgModule({ imports: [DynamicFormsModule] })
+ *    ```
+ *
+ * 3. Use in your template:
+ *    ```html
+ *    <mj-dynamic-form
+ *      [FormDefinition]="formSchema"
+ *      (FormSubmitted)="onSubmit($event)">
+ *    </mj-dynamic-form>
+ *    ```
+ *
+ * ## Components
+ *
+ * - **`<mj-dynamic-form>`** — Full form container: title bar, description,
+ *   questions, validation, and submit/choice buttons.
+ * - **`<mj-dynamic-form-field>`** — Individual field renderer with
+ *   `ControlValueAccessor` for use inside your own reactive forms.
+ *
+ * ## Supported Field Types
+ *
+ * text, textarea, email, number, currency, date, datetime, time,
+ * daterange, buttongroup, radio, dropdown, checkbox, slider
+ *
+ * ## Schema Types (from @memberjunction/ai-core-plus)
+ *
+ * - `AgentResponseForm` — Top-level form definition
+ * - `FormQuestion` — Individual field definition
+ * - `FormQuestionType` — Union of all field type configurations
+ * - `FormOption` — Option in a choice field
+ */
+// Module
+export * from './lib/forms.module';
+// Components
+export * from './lib/dynamic-form/dynamic-form.component';
+export * from './lib/dynamic-form-field/dynamic-form-field.component';
+export * from './lib/dynamic-form-response/dynamic-form-response.component';
+export * from './lib/dynamic-form-response/form-response-utils';
+//# sourceMappingURL=public-api.js.map

package/dist/public-api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public-api.js","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AAEH,SAAS;AACT,cAAc,oBAAoB,CAAC;AAEnC,aAAa;AACb,cAAc,2CAA2C,CAAC;AAC1D,cAAc,uDAAuD,CAAC;AACtE,cAAc,6DAA6D,CAAC;AAC5E,cAAc,iDAAiD,CAAC","sourcesContent":["/**\n * Public API Surface for @memberjunction/ng-forms\n *\n * Generic dynamic form rendering from JSON schemas. Renders structured forms\n * with 14+ field types, built-in validation, responsive layout, and intelligent\n * field sizing. Schema types are defined in `@memberjunction/ai-core-plus`.\n *\n * ## Quick Start\n *\n * 1. Import the module:\n *    ```typescript\n *    import { DynamicFormsModule } from '@memberjunction/ng-forms';\n *    ```\n *\n * 2. Add to your NgModule imports:\n *    ```typescript\n *    @NgModule({ imports: [DynamicFormsModule] })\n *    ```\n *\n * 3. Use in your template:\n *    ```html\n *    <mj-dynamic-form\n *      [FormDefinition]=\"formSchema\"\n *      (FormSubmitted)=\"onSubmit($event)\">\n *    </mj-dynamic-form>\n *    ```\n *\n * ## Components\n *\n * - **`<mj-dynamic-form>`** — Full form container: title bar, description,\n *   questions, validation, and submit/choice buttons.\n * - **`<mj-dynamic-form-field>`** — Individual field renderer with\n *   `ControlValueAccessor` for use inside your own reactive forms.\n *\n * ## Supported Field Types\n *\n * text, textarea, email, number, currency, date, datetime, time,\n * daterange, buttongroup, radio, dropdown, checkbox, slider\n *\n * ## Schema Types (from @memberjunction/ai-core-plus)\n *\n * - `AgentResponseForm` — Top-level form definition\n * - `FormQuestion` — Individual field definition\n * - `FormQuestionType` — Union of all field type configurations\n * - `FormOption` — Option in a choice field\n */\n\n// Module\nexport * from './lib/forms.module';\n\n// Components\nexport * from './lib/dynamic-form/dynamic-form.component';\nexport * from './lib/dynamic-form-field/dynamic-form-field.component';\nexport * from './lib/dynamic-form-response/dynamic-form-response.component';\nexport * from './lib/dynamic-form-response/form-response-utils';\n"]}

package/package.json

@@ -1,10 +1,47 @@
 {
   "name": "@memberjunction/ng-forms",
-  "version": "0.0.1",
-  "description": "OIDC trusted publishing setup package for @memberjunction/ng-forms",
+  "version": "5.13.0",
+  "description": "MemberJunction: Generic dynamic form rendering from JSON schemas. Renders structured forms with 14+ field types (text, textarea, number, currency, date, daterange, time, checkbox, radio, dropdown, buttongroup, slider, email) with built-in validation, responsive layout, and intelligent field sizing.",
+  "main": "./dist/public-api.js",
+  "typings": "./dist/public-api.d.ts",
+  "files": [
+    "/dist"
+  ],
+  "scripts": {
+    "test": "echo \"No tests configured yet\"",
+    "build": "ngc",
+    "test:watch": "vitest"
+  },
   "keywords": [
-    "oidc",
-    "trusted-publishing",
-    "setup"
-  ]
+    "memberjunction",
+    "angular",
+    "forms",
+    "dynamic-forms",
+    "json-schema",
+    "agent-response"
+  ],
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "@angular/compiler": "21.1.3",
+    "@angular/compiler-cli": "21.1.3",
+    "vitest": "^4.0.18"
+  },
+  "peerDependencies": {
+    "@angular/common": "21.1.3",
+    "@angular/core": "21.1.3",
+    "@angular/forms": "21.1.3"
+  },
+  "dependencies": {
+    "@memberjunction/ai-core-plus": "5.13.0",
+    "@progress/kendo-angular-buttons": "22.0.1",
+    "@progress/kendo-angular-dateinputs": "22.0.1",
+    "@progress/kendo-angular-inputs": "22.0.1",
+    "tslib": "^2.8.1"
+  },
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/MemberJunction/MJ"
+  }
 }

package/README.md

@@ -1,45 +0,0 @@
-# @memberjunction/ng-forms
-
-## ⚠️ IMPORTANT NOTICE ⚠️
-
-**This package is created solely for the purpose of setting up OIDC (OpenID Connect) trusted publishing with npm.**
-
-This is **NOT** a functional package and contains **NO** code or functionality beyond the OIDC setup configuration.
-
-## Purpose
-
-This package exists to:
-1. Configure OIDC trusted publishing for the package name `@memberjunction/ng-forms`
-2. Enable secure, token-less publishing from CI/CD workflows
-3. Establish provenance for packages published under this name
-
-## What is OIDC Trusted Publishing?
-
-OIDC trusted publishing allows package maintainers to publish packages directly from their CI/CD workflows without needing to manage npm access tokens. Instead, it uses OpenID Connect to establish trust between the CI/CD provider (like GitHub Actions) and npm.
-
-## Setup Instructions
-
-To properly configure OIDC trusted publishing for this package:
-
-1. Go to [npmjs.com](https://www.npmjs.com/) and navigate to your package settings
-2. Configure the trusted publisher (e.g., GitHub Actions)
-3. Specify the repository and workflow that should be allowed to publish
-4. Use the configured workflow to publish your actual package
-
-## DO NOT USE THIS PACKAGE
-
-This package is a placeholder for OIDC configuration only. It:
-- Contains no executable code
-- Provides no functionality
-- Should not be installed as a dependency
-- Exists only for administrative purposes
-
-## More Information
-
-For more details about npm's trusted publishing feature, see:
-- [npm Trusted Publishing Documentation](https://docs.npmjs.com/generating-provenance-statements)
-- [GitHub Actions OIDC Documentation](https://docs.github.com/en/actions/deployment/security-hardening-your-deployments/about-security-hardening-with-openid-connect)
-
----
-
-**Maintained for OIDC setup purposes only**