@memberjunction/ng-core-entity-forms 6.2.0-edge.0 → 6.2.0-edge.1

package/dist/lib/custom/Templates/template-param-dialog.component.js

@@ -187,7 +187,7 @@ function TemplateParamDialogComponent_Conditional_0_Conditional_15_ng_template_1
     i0.ɵɵconditionalCreate(0, TemplateParamDialogComponent_Conditional_0_Conditional_15_ng_template_15_Conditional_3_Conditional_0_Template, 3, 0, "span", 54)(1, TemplateParamDialogComponent_Conditional_0_Conditional_15_ng_template_15_Conditional_3_Conditional_1_Template, 3, 0, "span", 55);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵconditional(ctx_r1.testResult.success ? 0 : 1);
+    i0.ɵɵconditional(ctx_r1.testResult.Success ? 0 : 1);
 } }
 function TemplateParamDialogComponent_Conditional_0_Conditional_15_ng_template_15_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 28);
@@ -217,7 +217,7 @@ function TemplateParamDialogComponent_Conditional_0_Conditional_15_Conditional_1
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1("", ctx_r1.testResult.executionTimeMs, "ms");
+    i0.ɵɵtextInterpolate1("", ctx_r1.testResult.ExecutionTimeMs, "ms");
 } }
 function TemplateParamDialogComponent_Conditional_0_Conditional_15_Conditional_18_Conditional_14_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 63)(1, "h6", 64);
@@ -230,7 +230,7 @@ function TemplateParamDialogComponent_Conditional_0_Conditional_15_Conditional_1
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.testResult.output, " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.testResult.Output, " ");
 } }
 function TemplateParamDialogComponent_Conditional_0_Conditional_15_Conditional_18_Conditional_15_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 63)(1, "h6", 64);
@@ -243,7 +243,7 @@ function TemplateParamDialogComponent_Conditional_0_Conditional_15_Conditional_1
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.testResult.error);
+    i0.ɵɵtextInterpolate(ctx_r1.testResult.Error);
 } }
 function TemplateParamDialogComponent_Conditional_0_Conditional_15_Conditional_18_Template(rf, ctx) { if (rf & 1) {
     const _r11 = i0.ɵɵgetCurrentView();
@@ -267,13 +267,13 @@ function TemplateParamDialogComponent_Conditional_0_Conditional_15_Conditional_1
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("success", ctx_r1.testResult.success)("error", !ctx_r1.testResult.success);
+    i0.ɵɵclassProp("success", ctx_r1.testResult.Success)("error", !ctx_r1.testResult.Success);
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.testResult.success ? "Success" : "Failed", " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.testResult.Success ? "Success" : "Failed", " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.testResult.executionTimeMs ? 7 : -1);
+    i0.ɵɵconditional(ctx_r1.testResult.ExecutionTimeMs ? 7 : -1);
     i0.ɵɵadvance(7);
-    i0.ɵɵconditional(ctx_r1.testResult.success && ctx_r1.testResult.output ? 14 : !ctx_r1.testResult.success && ctx_r1.testResult.error ? 15 : -1);
+    i0.ɵɵconditional(ctx_r1.testResult.Success && ctx_r1.testResult.Output ? 14 : !ctx_r1.testResult.Success && ctx_r1.testResult.Error ? 15 : -1);
 } }
 function TemplateParamDialogComponent_Conditional_0_Conditional_15_Conditional_19_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "mj-empty-state", 27);
@@ -394,45 +394,125 @@ function TemplateParamDialogComponent_Conditional_0_Template(rf, ctx) { if (rf &
 export class TemplateParamDialogComponent extends BaseAngularComponent {
     constructor() {
         super(...arguments);
-        this.template = null;
-        this._isVisible = false;
-        this.isVisibleChange = new EventEmitter();
-        this.onClose = new EventEmitter();
+        this.Template = null;
+        this.IsVisible = false;
+        this.IsVisibleChange = new EventEmitter();
+        /**
+         * @deprecated Use {@link IsVisibleChange}.
+         *
+         * The same emitter under the old binding name, so a template still binding
+         * (isVisibleChange) keeps working. Must stay AFTER IsVisibleChange: class fields
+         * initialise in order, and the other way round this captures undefined.
+         */
+        this.isVisibleChange = this.IsVisibleChange;
+        this.OnClose = new EventEmitter();
+        /**
+         * @deprecated Use {@link OnClose}.
+         *
+         * The same emitter under the old binding name, so a template still binding
+         * (onClose) keeps working. Must stay AFTER OnClose: class fields
+         * initialise in order, and the other way round this captures undefined.
+         */
+        this.onClose = this.OnClose;
         this.parameters = [];
         this.isLoading = false;
-        this.isRunning = false;
-        this.testResult = null;
-        this.hasUnsavedParameters = false;
-        this.parametersExpanded = true;
-        this.jsonPreviewExpanded = false;
-        this.resultsExpanded = true;
+        this.IsRunning = false;
+        this.TestResult = null;
+        this.HasUnsavedParameters = false;
+        this.ParametersExpanded = true;
+        this.JsonPreviewExpanded = false;
+        this.ResultsExpanded = true;
         this.originalTemplateParams = [];
     }
+    /** @deprecated Use {@link Template}. */
+    set template(value) {
+        this.Template = value;
+    }
+    /** @deprecated Use {@link Template}. */
+    get template() {
+        return this.Template;
+    }
+    /** @deprecated Use {@link IsVisible}. */
+    get _isVisible() {
+        return this.IsVisible;
+    }
+    /** @deprecated Use {@link IsVisible}. */
+    set _isVisible(value) {
+        this.IsVisible = value;
+    }
     get isVisible() {
-        return this._isVisible;
+        return this.IsVisible;
     }
     set isVisible(value) {
-        const wasVisible = this._isVisible;
-        this._isVisible = value;
+        const wasVisible = this.IsVisible;
+        this.IsVisible = value;
         // Reset dialog state when opening
         if (value && !wasVisible) {
             this.resetDialogState();
         }
     }
+    /** @deprecated Use {@link IsRunning}. */
+    get isRunning() {
+        return this.IsRunning;
+    }
+    /** @deprecated Use {@link IsRunning}. */
+    set isRunning(value) {
+        this.IsRunning = value;
+    }
+    /** @deprecated Use {@link TestResult}. */
+    get testResult() {
+        return this.TestResult;
+    }
+    /** @deprecated Use {@link TestResult}. */
+    set testResult(value) {
+        this.TestResult = value;
+    }
+    /** @deprecated Use {@link HasUnsavedParameters}. */
+    get hasUnsavedParameters() {
+        return this.HasUnsavedParameters;
+    }
+    /** @deprecated Use {@link HasUnsavedParameters}. */
+    set hasUnsavedParameters(value) {
+        this.HasUnsavedParameters = value;
+    }
+    /** @deprecated Use {@link ParametersExpanded}. */
+    get parametersExpanded() {
+        return this.ParametersExpanded;
+    }
+    /** @deprecated Use {@link ParametersExpanded}. */
+    set parametersExpanded(value) {
+        this.ParametersExpanded = value;
+    }
+    /** @deprecated Use {@link JsonPreviewExpanded}. */
+    get jsonPreviewExpanded() {
+        return this.JsonPreviewExpanded;
+    }
+    /** @deprecated Use {@link JsonPreviewExpanded}. */
+    set jsonPreviewExpanded(value) {
+        this.JsonPreviewExpanded = value;
+    }
+    /** @deprecated Use {@link ResultsExpanded}. */
+    get resultsExpanded() {
+        return this.ResultsExpanded;
+    }
+    /** @deprecated Use {@link ResultsExpanded}. */
+    set resultsExpanded(value) {
+        this.ResultsExpanded = value;
+    }
     ngOnInit() {
-        if (this.template) {
-            this.loadTemplateParams();
+        if (this.Template) {
+            this.LoadTemplateParams();
         }
     }
-    async loadTemplateParams() {
-        if (!this.template?.ID)
+    async LoadTemplateParams() {
+        if (!this.Template?.ID)
             return;
         this.isLoading = true;
         try {
             const rv = RunView.FromMetadataProvider(this.ProviderToUse);
             const results = await rv.RunView({
                 EntityName: 'MJ: Template Params',
-                ExtraFilter: `TemplateID='${this.template.ID}'`,
+                ExtraFilter: `TemplateID='${this.Template.ID}'`,
                 OrderBy: 'Name ASC'
             });
             this.originalTemplateParams = results.Results;
@@ -447,7 +527,7 @@ export class TemplateParamDialogComponent extends BaseAngularComponent {
             }));
             // If no template params, add one empty pair to start
             if (this.parameters.length === 0) {
-                this.addParameter();
+                this.AddParameter();
             }
         }
         catch (error) {
@@ -458,26 +538,42 @@ export class TemplateParamDialogComponent extends BaseAngularComponent {
             this.isLoading = false;
         }
     }
-    addParameter() {
+    /** @deprecated Use {@link LoadTemplateParams}. */
+    async loadTemplateParams() {
+        return this.LoadTemplateParams();
+    }
+    AddParameter() {
         this.parameters.push({
             key: '',
             value: '',
             isFromTemplate: false
         });
     }
-    removeParameter(index) {
+    /** @deprecated Use {@link AddParameter}. */
+    addParameter() {
+        return this.AddParameter();
+    }
+    RemoveParameter(index) {
         if (this.parameters.length > 1) {
             this.parameters.splice(index, 1);
         }
     }
-    onParameterChange() {
+    /** @deprecated Use {@link RemoveParameter}. */
+    removeParameter(index) {
+        return this.RemoveParameter(index);
+    }
+    OnParameterChange() {
         // Check if we have new parameters not in template
-        this.hasUnsavedParameters = this.parameters.some(param => param.key &&
+        this.HasUnsavedParameters = this.parameters.some(param => param.key &&
             !param.isFromTemplate &&
             !this.originalTemplateParams.find(tp => tp.Name === param.key));
     }
-    async runTemplate() {
-        if (!this.template?.ID)
+    /** @deprecated Use {@link OnParameterChange}. */
+    onParameterChange() {
+        return this.OnParameterChange();
+    }
+    async RunTemplate() {
+        if (!this.Template?.ID)
             return;
         // Validate parameter names - check for empty parameter names
         const emptyNameParams = this.parameters.filter(p => p.value && !p.key);
@@ -491,8 +587,8 @@ export class TemplateParamDialogComponent extends BaseAngularComponent {
             MJNotificationService.Instance.CreateSimpleNotification(`Required parameters missing: ${invalidParams.map(p => p.key).join(', ')}`, 'warning');
             return;
         }
-        this.isRunning = true;
-        this.testResult = null;
+        this.IsRunning = true;
+        this.TestResult = null;
         try {
             // Build context data object from parameters
             const contextData = {};
@@ -509,42 +605,46 @@ export class TemplateParamDialogComponent extends BaseAngularComponent {
             });
             // Run the template via the Template.Run Remote Operation (provider-scoped; routes over the
             // generic ExecuteRemoteOperation transport — no bespoke GraphQL client).
-            const opResult = await new TemplateRunOperation().Execute({ templateID: this.template.ID, data: contextData }, { provider: this.ProviderToUse });
+            const opResult = await new TemplateRunOperation().Execute({ templateID: this.Template.ID, data: contextData }, { provider: this.ProviderToUse });
             {
-                this.testResult = {
-                    success: opResult.Success,
-                    output: opResult.Output?.output,
-                    error: opResult.ErrorMessage,
-                    executionTimeMs: opResult.Output?.executionTimeMs,
+                this.TestResult = {
+                    Success: opResult.Success,
+                    Output: opResult.Output?.output,
+                    Error: opResult.ErrorMessage,
+                    ExecutionTimeMs: opResult.Output?.executionTimeMs,
                 };
                 // Collapse parameters and expand results after execution
-                this.parametersExpanded = false;
-                this.resultsExpanded = true;
-                if (this.testResult?.success) {
-                    MJNotificationService.Instance.CreateSimpleNotification(`Template executed successfully in ${this.testResult.executionTimeMs || 0}ms`, 'success', 4000);
+                this.ParametersExpanded = false;
+                this.ResultsExpanded = true;
+                if (this.TestResult?.Success) {
+                    MJNotificationService.Instance.CreateSimpleNotification(`Template executed successfully in ${this.TestResult.ExecutionTimeMs || 0}ms`, 'success', 4000);
                 }
                 else {
-                    MJNotificationService.Instance.CreateSimpleNotification(`Template execution failed: ${this.testResult?.error || 'Unknown error'}`, 'error', 5000);
+                    MJNotificationService.Instance.CreateSimpleNotification(`Template execution failed: ${this.TestResult?.Error || 'Unknown error'}`, 'error', 5000);
                 }
             }
         }
         catch (error) {
             console.error('Template test error:', error);
-            this.testResult = {
-                success: false,
-                error: error.message || 'Unknown error occurred'
+            this.TestResult = {
+                Success: false,
+                Error: error.message || 'Unknown error occurred'
             };
             // Still collapse parameters and expand results on error
-            this.parametersExpanded = false;
-            this.resultsExpanded = true;
-            MJNotificationService.Instance.CreateSimpleNotification(`Template test failed: ${this.testResult?.error || 'Unknown error'}`, 'error', 5000);
+            this.ParametersExpanded = false;
+            this.ResultsExpanded = true;
+            MJNotificationService.Instance.CreateSimpleNotification(`Template test failed: ${this.TestResult?.Error || 'Unknown error'}`, 'error', 5000);
         }
         finally {
-            this.isRunning = false;
+            this.IsRunning = false;
         }
     }
-    async updateTemplateParams() {
-        if (!this.template?.ID || !this.hasUnsavedParameters)
+    /** @deprecated Use {@link RunTemplate}. */
+    async runTemplate() {
+        return this.RunTemplate();
+    }
+    async UpdateTemplateParams() {
+        if (!this.Template?.ID || !this.HasUnsavedParameters)
             return;
         const newParams = this.parameters.filter(param => param.key &&
             !param.isFromTemplate &&
@@ -555,7 +655,7 @@ export class TemplateParamDialogComponent extends BaseAngularComponent {
             const md = this.ProviderToUse;
             for (const param of newParams) {
                 const templateParam = await md.GetEntityObject('MJ: Template Params');
-                templateParam.TemplateID = this.template.ID;
+                templateParam.TemplateID = this.Template.ID;
                 templateParam.Name = param.key;
                 templateParam.Description = param.description || null;
                 templateParam.Type = 'Scalar'; // Default type
@@ -567,40 +667,44 @@ export class TemplateParamDialogComponent extends BaseAngularComponent {
                 }
             }
             MJNotificationService.Instance.CreateSimpleNotification(`Added ${newParams.length} new parameter(s) to template`, 'success');
-            this.hasUnsavedParameters = false;
+            this.HasUnsavedParameters = false;
             // Reload template params to sync
-            await this.loadTemplateParams();
+            await this.LoadTemplateParams();
         }
         catch (error) {
             console.error('Error updating template params:', error);
             MJNotificationService.Instance.CreateSimpleNotification('Error saving template parameters', 'error');
         }
     }
+    /** @deprecated Use {@link UpdateTemplateParams}. */
+    async updateTemplateParams() {
+        return this.UpdateTemplateParams();
+    }
     close() {
-        this._isVisible = false;
-        this.isVisibleChange.emit(false);
-        this.onClose.emit();
+        this.IsVisible = false;
+        this.IsVisibleChange.emit(false);
+        this.OnClose.emit();
     }
     resetDialogState() {
         // Reset expansion states for a clean testing experience
-        this.parametersExpanded = true; // Show params by default
-        this.jsonPreviewExpanded = false; // Hide JSON (developer-focused)
-        this.resultsExpanded = true; // Show results when they exist
+        this.ParametersExpanded = true; // Show params by default
+        this.JsonPreviewExpanded = false; // Hide JSON (developer-focused)
+        this.ResultsExpanded = true; // Show results when they exist
         // Clear previous test results
-        this.testResult = null;
-        this.isRunning = false;
+        this.TestResult = null;
+        this.IsRunning = false;
         // Reset unsaved parameters flag
-        this.hasUnsavedParameters = false;
+        this.HasUnsavedParameters = false;
     }
-    saveResults() {
-        if (!this.testResult)
+    SaveResults() {
+        if (!this.TestResult)
             return;
-        const content = this.testResult.success
-            ? this.testResult.output || 'No output'
-            : this.testResult.error || 'No error details';
+        const content = this.TestResult.Success
+            ? this.TestResult.Output || 'No output'
+            : this.TestResult.Error || 'No error details';
         const timestamp = new Date().toISOString().replace(/[:.]/g, '-').slice(0, -5);
-        const templateName = this.template?.Name?.replace(/[^a-zA-Z0-9]/g, '_') || 'template';
-        const status = this.testResult.success ? 'success' : 'error';
+        const templateName = this.Template?.Name?.replace(/[^a-zA-Z0-9]/g, '_') || 'template';
+        const status = this.TestResult.Success ? 'success' : 'error';
         const filename = `${templateName}_${status}_${timestamp}.txt`;
         // Create blob and download
         const blob = new Blob([content], { type: 'text/plain' });
@@ -614,7 +718,11 @@ export class TemplateParamDialogComponent extends BaseAngularComponent {
         window.URL.revokeObjectURL(url);
         MJNotificationService.Instance.CreateSimpleNotification(`Results saved as ${filename}`, 'success');
     }
-    get parametersAsJson() {
+    /** @deprecated Use {@link SaveResults}. */
+    saveResults() {
+        return this.SaveResults();
+    }
+    get ParametersAsJson() {
         const contextData = {};
         this.parameters.forEach(param => {
             if (param.key && param.value) {
@@ -628,8 +736,12 @@ export class TemplateParamDialogComponent extends BaseAngularComponent {
         });
         return JSON.stringify(contextData, null, 2);
     }
+    /** @deprecated Use {@link ParametersAsJson}. */
+    get parametersAsJson() {
+        return this.ParametersAsJson;
+    }
     static { this.ɵfac = /*@__PURE__*/ (() => { let ɵTemplateParamDialogComponent_BaseFactory; return function TemplateParamDialogComponent_Factory(__ngFactoryType__) { return (ɵTemplateParamDialogComponent_BaseFactory || (ɵTemplateParamDialogComponent_BaseFactory = i0.ɵɵgetInheritedFactory(TemplateParamDialogComponent)))(__ngFactoryType__ || TemplateParamDialogComponent); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TemplateParamDialogComponent, selectors: [["mj-template-param-dialog"]], inputs: { template: "template", isVisible: "isVisible" }, outputs: { isVisibleChange: "isVisibleChange", onClose: "onClose" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[3, "Visible", "Width"], [3, "Close", "Visible", "Width"], [1, "dialog-content", 2, "display", "flex", "flex-direction", "column", "height", "100%", "font-family", "'Segoe UI', Tahoma, Geneva, Verdana, sans-serif"], [1, "dlg-header"], [1, "dlg-header-row"], [1, "fa-solid", "fa-sliders"], [1, "required-marker"], [1, "dlg-loading"], [2, "display", "flex", "justify-content", "space-between", "align-items", "center", "width", "100%"], ["mjButton", "", "variant", "outline", 3, "disabled"], [2, "display", "flex", "gap", "8px"], ["mjButton", "", "variant", "outline", 3, "click"], ["mjButton", "", "variant", "outline"], ["mjButton", "", "variant", "primary", 3, "click", "disabled"], [1, "fa-solid", "fa-spinner", "fa-spin"], [2, "margin-bottom", "16px", "flex-shrink", "0", 3, "ExpandedChange", "Expanded"], ["mjAccordionTitle", ""], [2, "padding", "12px 0"], [1, "dlg-info-text"], [1, "fa-solid", "fa-info-circle"], [1, "params-table"], ["Size", "compact", "Icon", "fa-solid fa-circle-info", "Title", "No parameters defined yet"], [1, "json-preview-box"], [2, "margin-bottom", "16px", "flex", "1", "display", "flex", "flex-direction", "column", 3, "ExpandedChange", "Expanded"], [2, "padding", "12px 0", "flex", "1", "display", "flex", "flex-direction", "column"], [1, "dlg-loading", 2, "flex", "1"], [2, "flex", "1", "display", "flex", "flex-direction", "column"], ["Size", "compact", "Icon", "fa-solid fa-circle-play", "Title", "No test results yet. Run the template to see results here.", 1, "no-results-state"], [1, "dlg-panel-title"], [1, "mj-accordion-badge", "mj-accordion-badge--right"], [1, "params-table-header"], [1, "params-table-row"], [1, "add-param-row"], ["mjButton", "", "variant", "success", "size", "sm", 3, "click", "disabled"], [1, "fa-solid", "fa-plus"], [1, "param-name", 2, "display", "flex", "flex-direction", "column"], [2, "display", "flex", "align-items", "center", "gap", "4px", "margin-bottom", "4px"], ["title", "From template definition", 1, "fa-solid", "fa-database", "param-source-icon-template"], ["title", "Custom parameter", 1, "fa-solid", "fa-edit", "param-source-icon-custom"], [1, "param-required-marker"], ["type", "text", "placeholder", "Parameter name...", 1, "mj-input", 2, "font-family", "'Courier New', monospace", "width", "100%", 3, "ngModel", "disabled"], [1, "param-value"], ["placeholder", "Enter value (JSON strings, numbers, objects)...", 1, "mj-textarea", 2, "font-family", "'Courier New', monospace", "font-size", "0.9em", "width", "100%", 3, "ngModelChange", "ngModel", "rows", "disabled"], [1, "param-actions"], ["mjButton", "", "variant", "danger", "size", "sm", "title", "Remove parameter", 3, "disabled"], [1, "param-key-text"], [1, "param-description-text"], [1, "param-type-text"], ["type", "text", "placeholder", "Parameter name...", 1, "mj-input", 2, "font-family", "'Courier New', monospace", "width", "100%", 3, "ngModelChange", "ngModel", "disabled"], ["mjButton", "", "variant", "danger", "size", "sm", "title", "Remove parameter", 3, "click", "disabled"], [1, "fa-solid", "fa-times"], ["ngProjectAs", "[actions]", "mjButton", "", "variant", "primary", "size", "sm", 5, ["", "actions", ""], 3, "click", "disabled"], [1, "fa-solid", "fa-code"], [1, "fa-solid", "fa-chart-line"], [1, "result-badge", "success"], [1, "result-badge", "error"], [1, "fa-solid", "fa-check"], [1, "result-stats"], [1, "result-stat"], [1, "result-stat-label"], [1, "result-stat-value"], ["mjButton", "", "variant", "flat", "size", "sm", "title", "Save results to file", 3, "click"], [1, "fa-solid", "fa-download"], [2, "margin-bottom", "12px", "flex", "1", "display", "flex", "flex-direction", "column"], [1, "output-header"], [1, "fa-solid", "fa-check-circle", "success-icon"], [1, "output-box"], [1, "fa-solid", "fa-exclamation-triangle", "error-icon"], [1, "error-output-box"], ["mjButton", "", "variant", "outline", 3, "click", "disabled"], [1, "fa-solid", "fa-save"], [1, "fa-solid", "fa-play"]], template: function TemplateParamDialogComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TemplateParamDialogComponent, selectors: [["mj-template-param-dialog"]], inputs: { Template: "Template", template: "template", isVisible: "isVisible" }, outputs: { IsVisibleChange: "IsVisibleChange", isVisibleChange: "isVisibleChange", OnClose: "OnClose", onClose: "onClose" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[3, "Visible", "Width"], [3, "Close", "Visible", "Width"], [1, "dialog-content", 2, "display", "flex", "flex-direction", "column", "height", "100%", "font-family", "'Segoe UI', Tahoma, Geneva, Verdana, sans-serif"], [1, "dlg-header"], [1, "dlg-header-row"], [1, "fa-solid", "fa-sliders"], [1, "required-marker"], [1, "dlg-loading"], [2, "display", "flex", "justify-content", "space-between", "align-items", "center", "width", "100%"], ["mjButton", "", "variant", "outline", 3, "disabled"], [2, "display", "flex", "gap", "8px"], ["mjButton", "", "variant", "outline", 3, "click"], ["mjButton", "", "variant", "outline"], ["mjButton", "", "variant", "primary", 3, "click", "disabled"], [1, "fa-solid", "fa-spinner", "fa-spin"], [2, "margin-bottom", "16px", "flex-shrink", "0", 3, "ExpandedChange", "Expanded"], ["mjAccordionTitle", ""], [2, "padding", "12px 0"], [1, "dlg-info-text"], [1, "fa-solid", "fa-info-circle"], [1, "params-table"], ["Size", "compact", "Icon", "fa-solid fa-circle-info", "Title", "No parameters defined yet"], [1, "json-preview-box"], [2, "margin-bottom", "16px", "flex", "1", "display", "flex", "flex-direction", "column", 3, "ExpandedChange", "Expanded"], [2, "padding", "12px 0", "flex", "1", "display", "flex", "flex-direction", "column"], [1, "dlg-loading", 2, "flex", "1"], [2, "flex", "1", "display", "flex", "flex-direction", "column"], ["Size", "compact", "Icon", "fa-solid fa-circle-play", "Title", "No test results yet. Run the template to see results here.", 1, "no-results-state"], [1, "dlg-panel-title"], [1, "mj-accordion-badge", "mj-accordion-badge--right"], [1, "params-table-header"], [1, "params-table-row"], [1, "add-param-row"], ["mjButton", "", "variant", "success", "size", "sm", 3, "click", "disabled"], [1, "fa-solid", "fa-plus"], [1, "param-name", 2, "display", "flex", "flex-direction", "column"], [2, "display", "flex", "align-items", "center", "gap", "4px", "margin-bottom", "4px"], ["title", "From template definition", 1, "fa-solid", "fa-database", "param-source-icon-template"], ["title", "Custom parameter", 1, "fa-solid", "fa-edit", "param-source-icon-custom"], [1, "param-required-marker"], ["type", "text", "placeholder", "Parameter name...", 1, "mj-input", 2, "font-family", "'Courier New', monospace", "width", "100%", 3, "ngModel", "disabled"], [1, "param-value"], ["placeholder", "Enter value (JSON strings, numbers, objects)...", 1, "mj-textarea", 2, "font-family", "'Courier New', monospace", "font-size", "0.9em", "width", "100%", 3, "ngModelChange", "ngModel", "rows", "disabled"], [1, "param-actions"], ["mjButton", "", "variant", "danger", "size", "sm", "title", "Remove parameter", 3, "disabled"], [1, "param-key-text"], [1, "param-description-text"], [1, "param-type-text"], ["type", "text", "placeholder", "Parameter name...", 1, "mj-input", 2, "font-family", "'Courier New', monospace", "width", "100%", 3, "ngModelChange", "ngModel", "disabled"], ["mjButton", "", "variant", "danger", "size", "sm", "title", "Remove parameter", 3, "click", "disabled"], [1, "fa-solid", "fa-times"], ["ngProjectAs", "[actions]", "mjButton", "", "variant", "primary", "size", "sm", 5, ["", "actions", ""], 3, "click", "disabled"], [1, "fa-solid", "fa-code"], [1, "fa-solid", "fa-chart-line"], [1, "result-badge", "success"], [1, "result-badge", "error"], [1, "fa-solid", "fa-check"], [1, "result-stats"], [1, "result-stat"], [1, "result-stat-label"], [1, "result-stat-value"], ["mjButton", "", "variant", "flat", "size", "sm", "title", "Save results to file", 3, "click"], [1, "fa-solid", "fa-download"], [2, "margin-bottom", "12px", "flex", "1", "display", "flex", "flex-direction", "column"], [1, "output-header"], [1, "fa-solid", "fa-check-circle", "success-icon"], [1, "output-box"], [1, "fa-solid", "fa-exclamation-triangle", "error-icon"], [1, "error-output-box"], ["mjButton", "", "variant", "outline", 3, "click", "disabled"], [1, "fa-solid", "fa-save"], [1, "fa-solid", "fa-play"]], template: function TemplateParamDialogComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, TemplateParamDialogComponent_Conditional_0_Template, 27, 8, "mj-dialog", 0);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx._isVisible ? 0 : -1);
@@ -637,13 +749,19 @@ export class TemplateParamDialogComponent extends BaseAngularComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TemplateParamDialogComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-template-param-dialog', template: "@if (_isVisible) {\n  <mj-dialog\n    [Visible]=\"true\"\n    [Width]=\"800\"\n    (Close)=\"close()\">\n    <mj-dialog-titlebar>Test Template: {{ template?.Name || 'Unknown' }}</mj-dialog-titlebar>\n    <div class=\"dialog-content\" style=\"display: flex; flex-direction: column; height: 100%; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\">\n      <!-- Header Section -->\n      <div class=\"dlg-header\">\n        <div class=\"dlg-header-row\">\n          <i class=\"fa-solid fa-sliders\"></i>\n          <h5>Template Testing</h5>\n        </div>\n        <p>\n          Configure parameter values for testing. Parameters with <span class=\"required-marker\">*</span> are required.\n        </p>\n      </div>\n      <!-- Loading State -->\n      @if (isLoading) {\n        <div class=\"dlg-loading\">\n          <i class=\"fa-solid fa-spinner fa-spin\"></i>\n          <span>Loading template parameters...</span>\n        </div>\n      } @else {\n        <!-- Template Parameters Section -->\n        <mj-accordion-panel\n          [(Expanded)]=\"parametersExpanded\"\n          style=\"margin-bottom: 16px; flex-shrink: 0;\">\n          <ng-template mjAccordionTitle>\n            <span class=\"dlg-panel-title\">\n              <i class=\"fa-solid fa-sliders\"></i>\n              Template Parameters\n              @if (parameters.length > 0) {\n                <span class=\"mj-accordion-badge mj-accordion-badge--right\">{{ parameters.length }}</span>\n              }\n            </span>\n          </ng-template>\n          <div style=\"padding: 12px 0;\">\n            <div class=\"dlg-info-text\">\n              <i class=\"fa-solid fa-info-circle\"></i>\n              Configure parameter values for template testing. Values can be JSON objects, strings, or numbers.\n            </div>\n            <!-- Parameters Table -->\n            @if (parameters.length > 0) {\n              <div class=\"params-table\">\n                <!-- Header -->\n                <div class=\"params-table-header\">\n                  <div>Parameter Name</div>\n                  <div>Value</div>\n                  <div>Actions</div>\n                </div>\n                <!-- Parameter Rows -->\n                @for (param of parameters; track $index; let i = $index) {\n                  <div class=\"params-table-row\">\n                    <!-- Parameter Name -->\n                    <div class=\"param-name\" style=\"display: flex; flex-direction: column;\">\n                      <div style=\"display: flex; align-items: center; gap: 4px; margin-bottom: 4px;\">\n                        @if (param.isFromTemplate) {\n                          <i class=\"fa-solid fa-database param-source-icon-template\" title=\"From template definition\"></i>\n                        } @else {\n                          <i class=\"fa-solid fa-edit param-source-icon-custom\" title=\"Custom parameter\"></i>\n                        }\n                        @if (param.isRequired) {\n                          <span class=\"param-required-marker\">*</span>\n                        }\n                      </div>\n                      @if (param.isFromTemplate) {\n                        <div class=\"param-key-text\">\n                          {{ param.key }}\n                        </div>\n                        @if (param.description) {\n                          <div class=\"param-description-text\">\n                            {{ param.description }}\n                          </div>\n                        }\n                        @if (param.type && param.type !== 'Scalar') {\n                          <div class=\"param-type-text\">\n                            Type: {{ param.type }}\n                          </div>\n                        }\n                      } @else {\n                        <input type=\"text\" class=\"mj-input\"\n                          [(ngModel)]=\"param.key\"\n                          (ngModelChange)=\"onParameterChange()\"\n                          placeholder=\"Parameter name...\"\n                          [disabled]=\"isRunning\"\n                          style=\"font-family: 'Courier New', monospace; width: 100%;\" />\n                      }\n                    </div>\n                    <!-- Parameter Value -->\n                    <div class=\"param-value\">\n                      <textarea class=\"mj-textarea\"\n                        [(ngModel)]=\"param.value\"\n                        (ngModelChange)=\"onParameterChange()\"\n                        [rows]=\"2\"\n                        placeholder=\"Enter value (JSON strings, numbers, objects)...\"\n                        [disabled]=\"isRunning\"\n                        style=\"font-family: 'Courier New', monospace; font-size: 0.9em; width: 100%;\"></textarea>\n                    </div>\n                    <!-- Actions -->\n                    <div class=\"param-actions\">\n                      @if (!param.isFromTemplate && parameters.length > 1) {\n                        <button mjButton variant=\"danger\" size=\"sm\"\n                          (click)=\"removeParameter(i)\"\n                          [disabled]=\"isRunning\"\n                          title=\"Remove parameter\">\n                          <i class=\"fa-solid fa-times\"></i>\n                        </button>\n                      }\n                    </div>\n                  </div>\n                }\n                <!-- Add Parameter Row -->\n                <div class=\"add-param-row\">\n                  <button mjButton variant=\"success\" size=\"sm\"\n                    (click)=\"addParameter()\"\n                    [disabled]=\"isRunning\">\n                    <i class=\"fa-solid fa-plus\"></i> Add Parameter\n                  </button>\n                </div>\n              </div>\n            } @else {\n              <mj-empty-state\n                Size=\"compact\"\n                Icon=\"fa-solid fa-circle-info\"\n                Title=\"No parameters defined yet\">\n                <button ngProjectAs=\"[actions]\" mjButton variant=\"primary\" size=\"sm\"\n                  (click)=\"addParameter()\"\n                  [disabled]=\"isRunning\">\n                  <i class=\"fa-solid fa-plus\"></i> Add First Parameter\n                </button>\n              </mj-empty-state>\n            }\n          </div>\n        </mj-accordion-panel>\n        <!-- JSON Preview Section -->\n        <mj-accordion-panel\n          [(Expanded)]=\"jsonPreviewExpanded\"\n          style=\"margin-bottom: 16px; flex-shrink: 0;\">\n          <ng-template mjAccordionTitle>\n            <span class=\"dlg-panel-title\">\n              <i class=\"fa-solid fa-code\"></i>\n              Context Data (JSON)\n            </span>\n          </ng-template>\n          <div style=\"padding: 12px 0;\">\n            <div class=\"json-preview-box\">\n              <pre>{{ parametersAsJson }}</pre>\n            </div>\n          </div>\n        </mj-accordion-panel>\n        <!-- Test Results Section -->\n        <mj-accordion-panel\n          [(Expanded)]=\"resultsExpanded\"\n          style=\"margin-bottom: 16px; flex: 1; display: flex; flex-direction: column;\">\n          <ng-template mjAccordionTitle>\n            <span class=\"dlg-panel-title\">\n              <i class=\"fa-solid fa-chart-line\"></i>\n              Test Results\n              @if (testResult) {\n                @if (testResult.success) {\n                  <span class=\"result-badge success\"><i class=\"fa-solid fa-check\"></i> Success</span>\n                } @else {\n                  <span class=\"result-badge error\"><i class=\"fa-solid fa-times\"></i> Failed</span>\n                }\n              }\n            </span>\n          </ng-template>\n          <div style=\"padding: 12px 0; flex: 1; display: flex; flex-direction: column;\">\n            @if (isRunning) {\n              <div class=\"dlg-loading\" style=\"flex: 1;\">\n                <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                <span>Running template...</span>\n              </div>\n            } @else if (testResult) {\n              <div style=\"flex: 1; display: flex; flex-direction: column;\">\n                <!-- Result Header with Stats -->\n                <div class=\"result-stats\" [class.success]=\"testResult.success\" [class.error]=\"!testResult.success\">\n                  <div class=\"result-stat\">\n                    <div class=\"result-stat-label\">STATUS</div>\n                    <div class=\"result-stat-value\">\n                      {{ testResult.success ? 'Success' : 'Failed' }}\n                    </div>\n                  </div>\n                  @if (testResult.executionTimeMs) {\n                    <div class=\"result-stat\">\n                      <div class=\"result-stat-label\">EXECUTION TIME</div>\n                      <div class=\"result-stat-value\">{{ testResult.executionTimeMs }}ms</div>\n                    </div>\n                  }\n                  <div class=\"result-stat\">\n                    <div class=\"result-stat-label\">ACTIONS</div>\n                    <button mjButton variant=\"flat\" size=\"sm\"\n                      (click)=\"saveResults()\"\n                      title=\"Save results to file\">\n                      <i class=\"fa-solid fa-download\"></i>\n                    </button>\n                  </div>\n                </div>\n                <!-- Result Content -->\n                <div style=\"flex: 1; display: flex; flex-direction: column;\">\n                  @if (testResult.success && testResult.output) {\n                    <div style=\"margin-bottom: 12px; flex: 1; display: flex; flex-direction: column;\">\n                      <h6 class=\"output-header\">\n                        <i class=\"fa-solid fa-check-circle success-icon\"></i>\n                        Template Output\n                      </h6>\n                      <div class=\"output-box\">\n                        {{ testResult.output }}\n                      </div>\n                    </div>\n                  } @else if (!testResult.success && testResult.error) {\n                    <div style=\"margin-bottom: 12px; flex: 1; display: flex; flex-direction: column;\">\n                      <h6 class=\"output-header\">\n                        <i class=\"fa-solid fa-exclamation-triangle error-icon\"></i>\n                        Error Details\n                      </h6>\n                      <div class=\"error-output-box\">{{ testResult.error }}</div>\n                    </div>\n                  }\n                </div>\n              </div>\n            } @else {\n              <mj-empty-state class=\"no-results-state\"\n                Size=\"compact\"\n                Icon=\"fa-solid fa-circle-play\"\n                Title=\"No test results yet. Run the template to see results here.\" />\n            }\n          </div>\n        </mj-accordion-panel>\n      }\n    </div>\n    <!-- Dialog Actions -->\n    <mj-dialog-actions>\n      <div style=\"display: flex; justify-content: space-between; align-items: center; width: 100%;\">\n        <div>\n          @if (hasUnsavedParameters) {\n            <button mjButton variant=\"outline\"\n              (click)=\"updateTemplateParams()\"\n              [disabled]=\"isRunning\">\n              <i class=\"fa-solid fa-save\"></i> Update Template Params\n            </button>\n          }\n        </div>\n        <div style=\"display: flex; gap: 8px;\">\n          <button mjButton variant=\"outline\" (click)=\"close()\">\n            Close\n          </button>\n          @if (testResult) {\n            <button mjButton variant=\"outline\" (click)=\"saveResults()\">\n              <i class=\"fa-solid fa-download\"></i> Save Results\n            </button>\n          }\n          <button mjButton variant=\"primary\"\n            [disabled]=\"isRunning || isLoading\"\n            (click)=\"runTemplate()\">\n            @if (isRunning) {\n              <i class=\"fa-solid fa-spinner fa-spin\"></i> Running...\n            } @else {\n              <i class=\"fa-solid fa-play\"></i> Run Template\n            }\n          </button>\n        </div>\n      </div>\n    </mj-dialog-actions>\n  </mj-dialog>\n}\n", styles: [".dialog-content {\n    min-height: 500px;\n    max-height: 650px;\n}\n\n.parameter-row:hover {\n    background-color: var(--mj-bg-surface-card) !important;\n}\n\n.parameter-row:last-child {\n    border-bottom: none;\n}\n\n.param-name,\n.param-value {\n    min-width: 0;\n}\n\n.param-name .mj-input,\n.param-value .mj-textarea {\n    width: 100%;\n}\n\n.json-preview pre {\n    line-height: 1.3;\n}\n\n.test-results {\n    box-shadow: 0 2px 4px var(--mj-shadow-sm);\n}\n\n.result-content pre {\n    line-height: 1.4;\n}\n\n/* Scrollbar styling */\n.parameters-list::-webkit-scrollbar,\n.result-content::-webkit-scrollbar,\n.json-preview > div::-webkit-scrollbar {\n    width: 6px;\n}\n\n.parameters-list::-webkit-scrollbar-track,\n.result-content::-webkit-scrollbar-track,\n.json-preview > div::-webkit-scrollbar-track {\n    background: var(--mj-bg-surface-card);\n    border-radius: 3px;\n}\n\n.parameters-list::-webkit-scrollbar-thumb,\n.result-content::-webkit-scrollbar-thumb,\n.json-preview > div::-webkit-scrollbar-thumb {\n    background: var(--mj-border-strong);\n    border-radius: 3px;\n}\n\n.parameters-list::-webkit-scrollbar-thumb:hover,\n.result-content::-webkit-scrollbar-thumb:hover,\n.json-preview > div::-webkit-scrollbar-thumb:hover {\n    background: var(--mj-text-muted);\n}\n\n.parameter-row {\n    align-items: flex-start;\n}\n\n.parameters-section {\n    flex-shrink: 0;\n}\n\n.param-name > div {\n    word-wrap: break-word;\n    overflow-wrap: break-word;\n}\n\n.header-section > div:first-child:hover,\n.json-preview-header > div:first-child:hover,\n.result-header:hover {\n    background-color: var(--mj-bg-surface-card) !important;\n    transition: background-color 0.2s ease;\n}\n\n.fa-chevron-down,\n.fa-chevron-right {\n    transition: transform 0.2s ease;\n}\n\n.test-results .result-header [mjButton] {\n    opacity: 0.8;\n    transition: opacity 0.2s ease;\n}\n\n.test-results .result-header:hover [mjButton] {\n    opacity: 1;\n}\n\n/* Dialog header section */\n.dlg-header {\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 2px solid var(--mj-border-default);\n}\n\n.dlg-header-row {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 8px;\n}\n\n.dlg-header-row i {\n    color: var(--mj-text-muted);\n    font-size: 1.2em;\n}\n\n.dlg-header-row h5 {\n    margin: 0;\n    color: var(--mj-text-primary);\n    font-weight: 600;\n}\n\n.dlg-header p {\n    margin: 0;\n    color: var(--mj-text-muted);\n    font-size: 0.9em;\n}\n\n.dlg-header .required-marker {\n    color: var(--mj-status-error);\n}\n\n/* Loading state */\n.dlg-loading {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 40px;\n}\n\n.dlg-loading i {\n    font-size: 24px;\n    color: var(--mj-text-muted);\n    margin-right: 12px;\n}\n\n.dlg-loading span {\n    color: var(--mj-text-muted);\n}\n\n/* Panel title */\n.dlg-panel-title {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-weight: 600;\n}\n\n.dlg-panel-title i {\n    color: var(--mj-text-muted);\n}\n\n\n/* Info text */\n.dlg-info-text {\n    margin-bottom: 12px;\n    color: var(--mj-text-muted);\n    font-size: 0.85em;\n}\n\n/* Parameters table */\n.params-table {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface-card);\n}\n\n.params-table-header {\n    display: grid;\n    grid-template-columns: 200px 1fr 60px;\n    gap: 12px;\n    padding: 12px 16px;\n    background: var(--mj-bg-surface-sunken);\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--mj-text-secondary);\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.params-table-row {\n    display: grid;\n    grid-template-columns: 200px 1fr 60px;\n    gap: 12px;\n    padding: 12px 16px;\n    border-bottom: 1px solid var(--mj-border-default);\n    align-items: start;\n    background: var(--mj-bg-surface);\n}\n\n.param-source-icon-template {\n    color: var(--mj-status-success);\n    font-size: 0.75em;\n}\n\n.param-source-icon-custom {\n    color: var(--mj-status-warning);\n    font-size: 0.75em;\n}\n\n.param-required-marker {\n    color: var(--mj-status-error);\n    font-weight: bold;\n}\n\n.param-key-text {\n    font-family: 'Courier New', monospace;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    padding: 4px 0;\n    word-break: break-word;\n}\n\n.param-description-text {\n    font-size: 0.75em;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n    font-style: italic;\n    word-break: break-word;\n}\n\n.param-type-text {\n    font-size: 0.7em;\n    color: var(--mj-brand-primary);\n    margin-top: 2px;\n}\n\n.param-actions {\n    display: flex;\n    align-items: start;\n    justify-content: center;\n    padding-top: 4px;\n}\n\n/* Add parameter row */\n.add-param-row {\n    padding: 12px 16px;\n    text-align: center;\n    background: var(--mj-bg-surface);\n    border-top: 1px solid var(--mj-border-default);\n}\n\n/* JSON preview */\n.json-preview-box {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 4px;\n    padding: 12px;\n    font-family: 'Courier New', monospace;\n    font-size: 0.85em;\n    color: var(--mj-text-primary);\n    max-height: 200px;\n    overflow-y: auto;\n}\n\n.json-preview-box pre {\n    margin: 0;\n    white-space: pre-wrap;\n}\n\n/* Result status badges */\n.result-badge-success {\n    background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-success);\n    border: 1px solid color-mix(in srgb, var(--mj-status-success) 30%, transparent);\n    padding: 2px 6px;\n    border-radius: 10px;\n    font-size: 0.7em;\n    font-weight: 600;\n}\n\n.result-badge-error {\n    background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-error);\n    border: 1px solid color-mix(in srgb, var(--mj-status-error) 30%, transparent);\n    padding: 2px 6px;\n    border-radius: 10px;\n    font-size: 0.7em;\n    font-weight: 600;\n}\n\n/* Result stats box */\n.result-stats {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n    gap: 12px;\n    margin-bottom: 16px;\n    padding: 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n}\n\n.result-stats.success {\n    background: color-mix(in srgb, var(--mj-status-success) 10%, var(--mj-bg-surface));\n}\n\n.result-stats.error {\n    background: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface));\n}\n\n.result-stat {\n    text-align: center;\n}\n\n.result-stat-label {\n    font-size: 0.75em;\n    margin-bottom: 2px;\n    color: var(--mj-text-muted);\n}\n\n.result-stat-value {\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n/* Output section */\n.output-header {\n    margin: 0 0 8px 0;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.output-header .success-icon {\n    color: var(--mj-status-success);\n}\n\n.output-header .error-icon {\n    color: var(--mj-status-error);\n}\n\n.output-box {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 4px;\n    padding: 12px;\n    font-family: 'Courier New', monospace;\n    font-size: 0.9em;\n    white-space: pre-wrap;\n    overflow: auto;\n    height: 150px;\n    color: var(--mj-text-primary);\n}\n\n.error-output-box {\n    background: color-mix(in srgb, var(--mj-status-error) 8%, var(--mj-bg-surface));\n    border: 1px solid color-mix(in srgb, var(--mj-status-error) 20%, var(--mj-bg-surface));\n    border-radius: 4px;\n    padding: 12px;\n    color: var(--mj-status-error);\n    font-family: 'Courier New', monospace;\n    font-size: 0.9em;\n    white-space: pre-wrap;\n    overflow: auto;\n    height: 150px;\n}\n\n/* No results state \u2014 fills the results pane */\nmj-empty-state.no-results-state {\n    flex: 1;\n}\n"] }]
-    }], null, { template: [{
+        args: [{ standalone: false, selector: 'mj-template-param-dialog', template: "@if (_isVisible) {\n  <mj-dialog\n    [Visible]=\"true\"\n    [Width]=\"800\"\n    (Close)=\"close()\">\n    <mj-dialog-titlebar>Test Template: {{ template?.Name || 'Unknown' }}</mj-dialog-titlebar>\n    <div class=\"dialog-content\" style=\"display: flex; flex-direction: column; height: 100%; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\">\n      <!-- Header Section -->\n      <div class=\"dlg-header\">\n        <div class=\"dlg-header-row\">\n          <i class=\"fa-solid fa-sliders\"></i>\n          <h5>Template Testing</h5>\n        </div>\n        <p>\n          Configure parameter values for testing. Parameters with <span class=\"required-marker\">*</span> are required.\n        </p>\n      </div>\n      <!-- Loading State -->\n      @if (isLoading) {\n        <div class=\"dlg-loading\">\n          <i class=\"fa-solid fa-spinner fa-spin\"></i>\n          <span>Loading template parameters...</span>\n        </div>\n      } @else {\n        <!-- Template Parameters Section -->\n        <mj-accordion-panel\n          [(Expanded)]=\"parametersExpanded\"\n          style=\"margin-bottom: 16px; flex-shrink: 0;\">\n          <ng-template mjAccordionTitle>\n            <span class=\"dlg-panel-title\">\n              <i class=\"fa-solid fa-sliders\"></i>\n              Template Parameters\n              @if (parameters.length > 0) {\n                <span class=\"mj-accordion-badge mj-accordion-badge--right\">{{ parameters.length }}</span>\n              }\n            </span>\n          </ng-template>\n          <div style=\"padding: 12px 0;\">\n            <div class=\"dlg-info-text\">\n              <i class=\"fa-solid fa-info-circle\"></i>\n              Configure parameter values for template testing. Values can be JSON objects, strings, or numbers.\n            </div>\n            <!-- Parameters Table -->\n            @if (parameters.length > 0) {\n              <div class=\"params-table\">\n                <!-- Header -->\n                <div class=\"params-table-header\">\n                  <div>Parameter Name</div>\n                  <div>Value</div>\n                  <div>Actions</div>\n                </div>\n                <!-- Parameter Rows -->\n                @for (param of parameters; track $index; let i = $index) {\n                  <div class=\"params-table-row\">\n                    <!-- Parameter Name -->\n                    <div class=\"param-name\" style=\"display: flex; flex-direction: column;\">\n                      <div style=\"display: flex; align-items: center; gap: 4px; margin-bottom: 4px;\">\n                        @if (param.isFromTemplate) {\n                          <i class=\"fa-solid fa-database param-source-icon-template\" title=\"From template definition\"></i>\n                        } @else {\n                          <i class=\"fa-solid fa-edit param-source-icon-custom\" title=\"Custom parameter\"></i>\n                        }\n                        @if (param.isRequired) {\n                          <span class=\"param-required-marker\">*</span>\n                        }\n                      </div>\n                      @if (param.isFromTemplate) {\n                        <div class=\"param-key-text\">\n                          {{ param.key }}\n                        </div>\n                        @if (param.description) {\n                          <div class=\"param-description-text\">\n                            {{ param.description }}\n                          </div>\n                        }\n                        @if (param.type && param.type !== 'Scalar') {\n                          <div class=\"param-type-text\">\n                            Type: {{ param.type }}\n                          </div>\n                        }\n                      } @else {\n                        <input type=\"text\" class=\"mj-input\"\n                          [(ngModel)]=\"param.key\"\n                          (ngModelChange)=\"onParameterChange()\"\n                          placeholder=\"Parameter name...\"\n                          [disabled]=\"isRunning\"\n                          style=\"font-family: 'Courier New', monospace; width: 100%;\" />\n                      }\n                    </div>\n                    <!-- Parameter Value -->\n                    <div class=\"param-value\">\n                      <textarea class=\"mj-textarea\"\n                        [(ngModel)]=\"param.value\"\n                        (ngModelChange)=\"onParameterChange()\"\n                        [rows]=\"2\"\n                        placeholder=\"Enter value (JSON strings, numbers, objects)...\"\n                        [disabled]=\"isRunning\"\n                        style=\"font-family: 'Courier New', monospace; font-size: 0.9em; width: 100%;\"></textarea>\n                    </div>\n                    <!-- Actions -->\n                    <div class=\"param-actions\">\n                      @if (!param.isFromTemplate && parameters.length > 1) {\n                        <button mjButton variant=\"danger\" size=\"sm\"\n                          (click)=\"removeParameter(i)\"\n                          [disabled]=\"isRunning\"\n                          title=\"Remove parameter\">\n                          <i class=\"fa-solid fa-times\"></i>\n                        </button>\n                      }\n                    </div>\n                  </div>\n                }\n                <!-- Add Parameter Row -->\n                <div class=\"add-param-row\">\n                  <button mjButton variant=\"success\" size=\"sm\"\n                    (click)=\"addParameter()\"\n                    [disabled]=\"isRunning\">\n                    <i class=\"fa-solid fa-plus\"></i> Add Parameter\n                  </button>\n                </div>\n              </div>\n            } @else {\n              <mj-empty-state\n                Size=\"compact\"\n                Icon=\"fa-solid fa-circle-info\"\n                Title=\"No parameters defined yet\">\n                <button ngProjectAs=\"[actions]\" mjButton variant=\"primary\" size=\"sm\"\n                  (click)=\"addParameter()\"\n                  [disabled]=\"isRunning\">\n                  <i class=\"fa-solid fa-plus\"></i> Add First Parameter\n                </button>\n              </mj-empty-state>\n            }\n          </div>\n        </mj-accordion-panel>\n        <!-- JSON Preview Section -->\n        <mj-accordion-panel\n          [(Expanded)]=\"jsonPreviewExpanded\"\n          style=\"margin-bottom: 16px; flex-shrink: 0;\">\n          <ng-template mjAccordionTitle>\n            <span class=\"dlg-panel-title\">\n              <i class=\"fa-solid fa-code\"></i>\n              Context Data (JSON)\n            </span>\n          </ng-template>\n          <div style=\"padding: 12px 0;\">\n            <div class=\"json-preview-box\">\n              <pre>{{ parametersAsJson }}</pre>\n            </div>\n          </div>\n        </mj-accordion-panel>\n        <!-- Test Results Section -->\n        <mj-accordion-panel\n          [(Expanded)]=\"resultsExpanded\"\n          style=\"margin-bottom: 16px; flex: 1; display: flex; flex-direction: column;\">\n          <ng-template mjAccordionTitle>\n            <span class=\"dlg-panel-title\">\n              <i class=\"fa-solid fa-chart-line\"></i>\n              Test Results\n              @if (testResult) {\n                @if (testResult.Success) {\n                  <span class=\"result-badge success\"><i class=\"fa-solid fa-check\"></i> Success</span>\n                } @else {\n                  <span class=\"result-badge error\"><i class=\"fa-solid fa-times\"></i> Failed</span>\n                }\n              }\n            </span>\n          </ng-template>\n          <div style=\"padding: 12px 0; flex: 1; display: flex; flex-direction: column;\">\n            @if (isRunning) {\n              <div class=\"dlg-loading\" style=\"flex: 1;\">\n                <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                <span>Running template...</span>\n              </div>\n            } @else if (testResult) {\n              <div style=\"flex: 1; display: flex; flex-direction: column;\">\n                <!-- Result Header with Stats -->\n                <div class=\"result-stats\" [class.success]=\"testResult.Success\" [class.error]=\"!testResult.Success\">\n                  <div class=\"result-stat\">\n                    <div class=\"result-stat-label\">STATUS</div>\n                    <div class=\"result-stat-value\">\n                      {{ testResult.Success ? 'Success' : 'Failed' }}\n                    </div>\n                  </div>\n                  @if (testResult.ExecutionTimeMs) {\n                    <div class=\"result-stat\">\n                      <div class=\"result-stat-label\">EXECUTION TIME</div>\n                      <div class=\"result-stat-value\">{{ testResult.ExecutionTimeMs }}ms</div>\n                    </div>\n                  }\n                  <div class=\"result-stat\">\n                    <div class=\"result-stat-label\">ACTIONS</div>\n                    <button mjButton variant=\"flat\" size=\"sm\"\n                      (click)=\"saveResults()\"\n                      title=\"Save results to file\">\n                      <i class=\"fa-solid fa-download\"></i>\n                    </button>\n                  </div>\n                </div>\n                <!-- Result Content -->\n                <div style=\"flex: 1; display: flex; flex-direction: column;\">\n                  @if (testResult.Success && testResult.Output) {\n                    <div style=\"margin-bottom: 12px; flex: 1; display: flex; flex-direction: column;\">\n                      <h6 class=\"output-header\">\n                        <i class=\"fa-solid fa-check-circle success-icon\"></i>\n                        Template Output\n                      </h6>\n                      <div class=\"output-box\">\n                        {{ testResult.Output }}\n                      </div>\n                    </div>\n                  } @else if (!testResult.Success && testResult.Error) {\n                    <div style=\"margin-bottom: 12px; flex: 1; display: flex; flex-direction: column;\">\n                      <h6 class=\"output-header\">\n                        <i class=\"fa-solid fa-exclamation-triangle error-icon\"></i>\n                        Error Details\n                      </h6>\n                      <div class=\"error-output-box\">{{ testResult.Error }}</div>\n                    </div>\n                  }\n                </div>\n              </div>\n            } @else {\n              <mj-empty-state class=\"no-results-state\"\n                Size=\"compact\"\n                Icon=\"fa-solid fa-circle-play\"\n                Title=\"No test results yet. Run the template to see results here.\" />\n            }\n          </div>\n        </mj-accordion-panel>\n      }\n    </div>\n    <!-- Dialog Actions -->\n    <mj-dialog-actions>\n      <div style=\"display: flex; justify-content: space-between; align-items: center; width: 100%;\">\n        <div>\n          @if (hasUnsavedParameters) {\n            <button mjButton variant=\"outline\"\n              (click)=\"updateTemplateParams()\"\n              [disabled]=\"isRunning\">\n              <i class=\"fa-solid fa-save\"></i> Update Template Params\n            </button>\n          }\n        </div>\n        <div style=\"display: flex; gap: 8px;\">\n          <button mjButton variant=\"outline\" (click)=\"close()\">\n            Close\n          </button>\n          @if (testResult) {\n            <button mjButton variant=\"outline\" (click)=\"saveResults()\">\n              <i class=\"fa-solid fa-download\"></i> Save Results\n            </button>\n          }\n          <button mjButton variant=\"primary\"\n            [disabled]=\"isRunning || isLoading\"\n            (click)=\"runTemplate()\">\n            @if (isRunning) {\n              <i class=\"fa-solid fa-spinner fa-spin\"></i> Running...\n            } @else {\n              <i class=\"fa-solid fa-play\"></i> Run Template\n            }\n          </button>\n        </div>\n      </div>\n    </mj-dialog-actions>\n  </mj-dialog>\n}\n", styles: [".dialog-content {\n    min-height: 500px;\n    max-height: 650px;\n}\n\n.parameter-row:hover {\n    background-color: var(--mj-bg-surface-card) !important;\n}\n\n.parameter-row:last-child {\n    border-bottom: none;\n}\n\n.param-name,\n.param-value {\n    min-width: 0;\n}\n\n.param-name .mj-input,\n.param-value .mj-textarea {\n    width: 100%;\n}\n\n.json-preview pre {\n    line-height: 1.3;\n}\n\n.test-results {\n    box-shadow: 0 2px 4px var(--mj-shadow-sm);\n}\n\n.result-content pre {\n    line-height: 1.4;\n}\n\n/* Scrollbar styling */\n.parameters-list::-webkit-scrollbar,\n.result-content::-webkit-scrollbar,\n.json-preview > div::-webkit-scrollbar {\n    width: 6px;\n}\n\n.parameters-list::-webkit-scrollbar-track,\n.result-content::-webkit-scrollbar-track,\n.json-preview > div::-webkit-scrollbar-track {\n    background: var(--mj-bg-surface-card);\n    border-radius: 3px;\n}\n\n.parameters-list::-webkit-scrollbar-thumb,\n.result-content::-webkit-scrollbar-thumb,\n.json-preview > div::-webkit-scrollbar-thumb {\n    background: var(--mj-border-strong);\n    border-radius: 3px;\n}\n\n.parameters-list::-webkit-scrollbar-thumb:hover,\n.result-content::-webkit-scrollbar-thumb:hover,\n.json-preview > div::-webkit-scrollbar-thumb:hover {\n    background: var(--mj-text-muted);\n}\n\n.parameter-row {\n    align-items: flex-start;\n}\n\n.parameters-section {\n    flex-shrink: 0;\n}\n\n.param-name > div {\n    word-wrap: break-word;\n    overflow-wrap: break-word;\n}\n\n.header-section > div:first-child:hover,\n.json-preview-header > div:first-child:hover,\n.result-header:hover {\n    background-color: var(--mj-bg-surface-card) !important;\n    transition: background-color 0.2s ease;\n}\n\n.fa-chevron-down,\n.fa-chevron-right {\n    transition: transform 0.2s ease;\n}\n\n.test-results .result-header [mjButton] {\n    opacity: 0.8;\n    transition: opacity 0.2s ease;\n}\n\n.test-results .result-header:hover [mjButton] {\n    opacity: 1;\n}\n\n/* Dialog header section */\n.dlg-header {\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 2px solid var(--mj-border-default);\n}\n\n.dlg-header-row {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 8px;\n}\n\n.dlg-header-row i {\n    color: var(--mj-text-muted);\n    font-size: 1.2em;\n}\n\n.dlg-header-row h5 {\n    margin: 0;\n    color: var(--mj-text-primary);\n    font-weight: 600;\n}\n\n.dlg-header p {\n    margin: 0;\n    color: var(--mj-text-muted);\n    font-size: 0.9em;\n}\n\n.dlg-header .required-marker {\n    color: var(--mj-status-error);\n}\n\n/* Loading state */\n.dlg-loading {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 40px;\n}\n\n.dlg-loading i {\n    font-size: 24px;\n    color: var(--mj-text-muted);\n    margin-right: 12px;\n}\n\n.dlg-loading span {\n    color: var(--mj-text-muted);\n}\n\n/* Panel title */\n.dlg-panel-title {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-weight: 600;\n}\n\n.dlg-panel-title i {\n    color: var(--mj-text-muted);\n}\n\n\n/* Info text */\n.dlg-info-text {\n    margin-bottom: 12px;\n    color: var(--mj-text-muted);\n    font-size: 0.85em;\n}\n\n/* Parameters table */\n.params-table {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface-card);\n}\n\n.params-table-header {\n    display: grid;\n    grid-template-columns: 200px 1fr 60px;\n    gap: 12px;\n    padding: 12px 16px;\n    background: var(--mj-bg-surface-sunken);\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--mj-text-secondary);\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.params-table-row {\n    display: grid;\n    grid-template-columns: 200px 1fr 60px;\n    gap: 12px;\n    padding: 12px 16px;\n    border-bottom: 1px solid var(--mj-border-default);\n    align-items: start;\n    background: var(--mj-bg-surface);\n}\n\n.param-source-icon-template {\n    color: var(--mj-status-success);\n    font-size: 0.75em;\n}\n\n.param-source-icon-custom {\n    color: var(--mj-status-warning);\n    font-size: 0.75em;\n}\n\n.param-required-marker {\n    color: var(--mj-status-error);\n    font-weight: bold;\n}\n\n.param-key-text {\n    font-family: 'Courier New', monospace;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    padding: 4px 0;\n    word-break: break-word;\n}\n\n.param-description-text {\n    font-size: 0.75em;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n    font-style: italic;\n    word-break: break-word;\n}\n\n.param-type-text {\n    font-size: 0.7em;\n    color: var(--mj-brand-primary);\n    margin-top: 2px;\n}\n\n.param-actions {\n    display: flex;\n    align-items: start;\n    justify-content: center;\n    padding-top: 4px;\n}\n\n/* Add parameter row */\n.add-param-row {\n    padding: 12px 16px;\n    text-align: center;\n    background: var(--mj-bg-surface);\n    border-top: 1px solid var(--mj-border-default);\n}\n\n/* JSON preview */\n.json-preview-box {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 4px;\n    padding: 12px;\n    font-family: 'Courier New', monospace;\n    font-size: 0.85em;\n    color: var(--mj-text-primary);\n    max-height: 200px;\n    overflow-y: auto;\n}\n\n.json-preview-box pre {\n    margin: 0;\n    white-space: pre-wrap;\n}\n\n/* Result status badges */\n.result-badge-success {\n    background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-success);\n    border: 1px solid color-mix(in srgb, var(--mj-status-success) 30%, transparent);\n    padding: 2px 6px;\n    border-radius: 10px;\n    font-size: 0.7em;\n    font-weight: 600;\n}\n\n.result-badge-error {\n    background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-error);\n    border: 1px solid color-mix(in srgb, var(--mj-status-error) 30%, transparent);\n    padding: 2px 6px;\n    border-radius: 10px;\n    font-size: 0.7em;\n    font-weight: 600;\n}\n\n/* Result stats box */\n.result-stats {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n    gap: 12px;\n    margin-bottom: 16px;\n    padding: 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n}\n\n.result-stats.success {\n    background: color-mix(in srgb, var(--mj-status-success) 10%, var(--mj-bg-surface));\n}\n\n.result-stats.error {\n    background: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface));\n}\n\n.result-stat {\n    text-align: center;\n}\n\n.result-stat-label {\n    font-size: 0.75em;\n    margin-bottom: 2px;\n    color: var(--mj-text-muted);\n}\n\n.result-stat-value {\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n/* Output section */\n.output-header {\n    margin: 0 0 8px 0;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.output-header .success-icon {\n    color: var(--mj-status-success);\n}\n\n.output-header .error-icon {\n    color: var(--mj-status-error);\n}\n\n.output-box {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 4px;\n    padding: 12px;\n    font-family: 'Courier New', monospace;\n    font-size: 0.9em;\n    white-space: pre-wrap;\n    overflow: auto;\n    height: 150px;\n    color: var(--mj-text-primary);\n}\n\n.error-output-box {\n    background: color-mix(in srgb, var(--mj-status-error) 8%, var(--mj-bg-surface));\n    border: 1px solid color-mix(in srgb, var(--mj-status-error) 20%, var(--mj-bg-surface));\n    border-radius: 4px;\n    padding: 12px;\n    color: var(--mj-status-error);\n    font-family: 'Courier New', monospace;\n    font-size: 0.9em;\n    white-space: pre-wrap;\n    overflow: auto;\n    height: 150px;\n}\n\n/* No results state \u2014 fills the results pane */\nmj-empty-state.no-results-state {\n    flex: 1;\n}\n"] }]
+    }], null, { Template: [{
+            type: Input
+        }], template: [{
             type: Input
         }], isVisible: [{
             type: Input
+        }], IsVisibleChange: [{
+            type: Output
         }], isVisibleChange: [{
             type: Output
+        }], OnClose: [{
+            type: Output
         }], onClose: [{
             type: Output
         }] }); })();