@memberjunction/ng-core-entity-forms 2.43.0 → 2.44.0

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

@@ -0,0 +1,689 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import { Metadata, RunView } from '@memberjunction/core';
+import { MJNotificationService } from '@memberjunction/ng-notifications';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "@progress/kendo-angular-layout";
+import * as i4 from "@progress/kendo-angular-dialog";
+import * as i5 from "@progress/kendo-angular-inputs";
+import * as i6 from "@progress/kendo-angular-buttons";
+function TemplateParamDialogComponent_kendo_dialog_0_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 9);
+    i0.ɵɵelement(1, "i", 16);
+    i0.ɵɵelementStart(2, "span", 17);
+    i0.ɵɵtext(3, "Loading template parameters...");
+    i0.ɵɵelementEnd()();
+} }
+function TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_ng_template_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 34);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.parameters.length, " ");
+} }
+function TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 32);
+    i0.ɵɵelement(1, "i", 33);
+    i0.ɵɵtext(2, " Template Parameters ");
+    i0.ɵɵtemplate(3, TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_ng_template_1_Conditional_3_Template, 2, 1, "span", 34);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r1.parameters.length > 0 ? 3 : -1);
+} }
+function TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_Conditional_6_For_9_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 42);
+} }
+function TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_Conditional_6_For_9_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 43);
+} }
+function TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_Conditional_6_For_9_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 44);
+    i0.ɵɵtext(1, "*");
+    i0.ɵɵelementEnd();
+} }
+function TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_Conditional_6_For_9_Conditional_6_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 51);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const param_r6 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", param_r6.description, " ");
+} }
+function TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_Conditional_6_For_9_Conditional_6_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 52);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const param_r6 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" Type: ", param_r6.type, " ");
+} }
+function TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_Conditional_6_For_9_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 50);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(2, TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_Conditional_6_For_9_Conditional_6_Conditional_2_Template, 2, 1, "div", 51)(3, TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_Conditional_6_For_9_Conditional_6_Conditional_3_Template, 2, 1, "div", 52);
+} if (rf & 2) {
+    const param_r6 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", param_r6.key, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(param_r6.description ? 2 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(param_r6.type && param_r6.type !== "Scalar" ? 3 : -1);
+} }
+function TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_Conditional_6_For_9_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-textbox", 53);
+    i0.ɵɵtwoWayListener("ngModelChange", function TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_Conditional_6_For_9_Conditional_7_Template_kendo_textbox_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r7); const param_r6 = i0.ɵɵnextContext().$implicit; i0.ɵɵtwoWayBindingSet(param_r6.key, $event) || (param_r6.key = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ngModelChange", function TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_Conditional_6_For_9_Conditional_7_Template_kendo_textbox_ngModelChange_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.onParameterChange()); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const param_r6 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵtwoWayProperty("ngModel", param_r6.key);
+    i0.ɵɵproperty("disabled", ctx_r1.isRunning);
+} }
+function TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_Conditional_6_For_9_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-button", 54);
+    i0.ɵɵlistener("click", function TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_Conditional_6_For_9_Conditional_11_Template_kendo_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ɵ$index_66_r9 = i0.ɵɵnextContext().$index; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.removeParameter(ɵ$index_66_r9)); });
+    i0.ɵɵelement(1, "i", 55);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(5);
+    i0.ɵɵproperty("disabled", ctx_r1.isRunning);
+} }
+function TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_Conditional_6_For_9_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 36)(1, "div", 40)(2, "div", 41);
+    i0.ɵɵtemplate(3, TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_Conditional_6_For_9_Conditional_3_Template, 1, 0, "i", 42)(4, TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_Conditional_6_For_9_Conditional_4_Template, 1, 0, "i", 43)(5, TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_Conditional_6_For_9_Conditional_5_Template, 2, 0, "span", 44);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(6, TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_Conditional_6_For_9_Conditional_6_Template, 4, 3)(7, TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_Conditional_6_For_9_Conditional_7_Template, 1, 2, "kendo-textbox", 45);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "div", 46)(9, "kendo-textarea", 47);
+    i0.ɵɵtwoWayListener("ngModelChange", function TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_Conditional_6_For_9_Template_kendo_textarea_ngModelChange_9_listener($event) { const param_r6 = i0.ɵɵrestoreView(_r5).$implicit; i0.ɵɵtwoWayBindingSet(param_r6.value, $event) || (param_r6.value = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ngModelChange", function TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_Conditional_6_For_9_Template_kendo_textarea_ngModelChange_9_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.onParameterChange()); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(10, "div", 48);
+    i0.ɵɵtemplate(11, TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_Conditional_6_For_9_Conditional_11_Template, 2, 1, "kendo-button", 49);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const param_r6 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(param_r6.isFromTemplate ? 3 : 4);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(param_r6.isRequired ? 5 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(param_r6.isFromTemplate ? 6 : 7);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtwoWayProperty("ngModel", param_r6.value);
+    i0.ɵɵproperty("rows", 2)("disabled", ctx_r1.isRunning);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(!param_r6.isFromTemplate && ctx_r1.parameters.length > 1 ? 11 : -1);
+} }
+function TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 23)(1, "div", 35)(2, "div");
+    i0.ɵɵtext(3, "Parameter Name");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div");
+    i0.ɵɵtext(5, "Value");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "div");
+    i0.ɵɵtext(7, "Actions");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵrepeaterCreate(8, TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_Conditional_6_For_9_Template, 12, 7, "div", 36, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementStart(10, "div", 37)(11, "kendo-button", 38);
+    i0.ɵɵlistener("click", function TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_Conditional_6_Template_kendo_button_click_11_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.addParameter()); });
+    i0.ɵɵelement(12, "i", 39);
+    i0.ɵɵtext(13, " Add Parameter ");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(8);
+    i0.ɵɵrepeater(ctx_r1.parameters);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("disabled", ctx_r1.isRunning);
+} }
+function TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 24);
+    i0.ɵɵelement(1, "i", 56);
+    i0.ɵɵelementStart(2, "p", 57);
+    i0.ɵɵtext(3, "No parameters defined yet");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "kendo-button", 58);
+    i0.ɵɵlistener("click", function TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_Conditional_7_Template_kendo_button_click_4_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.addParameter()); });
+    i0.ɵɵelement(5, "i", 39);
+    i0.ɵɵtext(6, " Add First Parameter ");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("disabled", ctx_r1.isRunning);
+} }
+function TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_ng_template_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 32);
+    i0.ɵɵelement(1, "i", 59);
+    i0.ɵɵtext(2, " Context Data (JSON) ");
+    i0.ɵɵelementEnd();
+} }
+function TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_ng_template_15_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 62);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵstyleProp("background", ctx_r1.testResult.success ? "#28a745" : "#dc3545");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.testResult.success ? "Success" : "Error", " ");
+} }
+function TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_ng_template_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 32);
+    i0.ɵɵelement(1, "i", 60);
+    i0.ɵɵtext(2, " Test Results ");
+    i0.ɵɵtemplate(3, TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_ng_template_15_Conditional_3_Template, 2, 3, "span", 61);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r1.testResult ? 3 : -1);
+} }
+function TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 29);
+    i0.ɵɵelement(1, "i", 16);
+    i0.ɵɵelementStart(2, "span", 17);
+    i0.ɵɵtext(3, "Running template...");
+    i0.ɵɵelementEnd()();
+} }
+function TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_Conditional_18_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 64)(1, "div", 65);
+    i0.ɵɵtext(2, "EXECUTION TIME");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 66);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("color", ctx_r1.testResult.success ? "#155724" : "#721c24");
+    i0.ɵɵadvance(2);
+    i0.ɵɵstyleProp("color", ctx_r1.testResult.success ? "#155724" : "#721c24");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("", ctx_r1.testResult.executionTimeMs, "ms");
+} }
+function TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_Conditional_18_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 69)(1, "h6", 70);
+    i0.ɵɵelement(2, "i", 71);
+    i0.ɵɵtext(3, " Template Output ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 72);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.testResult.output, " ");
+} }
+function TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_Conditional_18_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 69)(1, "h6", 73);
+    i0.ɵɵelement(2, "i", 74);
+    i0.ɵɵtext(3, " Error Details ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 75);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.testResult.error);
+} }
+function TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 30)(1, "div", 63)(2, "div", 64)(3, "div", 65);
+    i0.ɵɵtext(4, "STATUS");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 66);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(7, TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_Conditional_18_Conditional_7_Template, 5, 5, "div", 64);
+    i0.ɵɵelementStart(8, "div", 64)(9, "div", 65);
+    i0.ɵɵtext(10, "ACTIONS");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "kendo-button", 67);
+    i0.ɵɵlistener("click", function TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_Conditional_18_Template_kendo_button_click_11_listener() { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.saveResults()); });
+    i0.ɵɵelement(12, "i", 68);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(13, "div", 30);
+    i0.ɵɵtemplate(14, TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_Conditional_18_Conditional_14_Template, 6, 1, "div", 69)(15, TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_Conditional_18_Conditional_15_Template, 6, 1, "div", 69);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("background", ctx_r1.testResult.success ? "#d4edda" : "#f8d7da");
+    i0.ɵɵadvance(2);
+    i0.ɵɵstyleProp("color", ctx_r1.testResult.success ? "#155724" : "#721c24");
+    i0.ɵɵadvance(2);
+    i0.ɵɵstyleProp("color", ctx_r1.testResult.success ? "#155724" : "#721c24");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.testResult.success ? "Success" : "Failed", " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.testResult.executionTimeMs ? 7 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵstyleProp("color", ctx_r1.testResult.success ? "#155724" : "#721c24");
+    i0.ɵɵadvance(5);
+    i0.ɵɵconditional(ctx_r1.testResult.success && ctx_r1.testResult.output ? 14 : !ctx_r1.testResult.success && ctx_r1.testResult.error ? 15 : -1);
+} }
+function TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 31)(1, "div", 64);
+    i0.ɵɵelement(2, "i", 76);
+    i0.ɵɵelementStart(3, "p", 77);
+    i0.ɵɵtext(4, "No test results yet. Run the template to see results here.");
+    i0.ɵɵelementEnd()()();
+} }
+function TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-expansionpanel", 18);
+    i0.ɵɵtwoWayListener("expandedChange", function TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_Template_kendo_expansionpanel_expandedChange_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.parametersExpanded, $event) || (ctx_r1.parametersExpanded = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵtemplate(1, TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_ng_template_1_Template, 4, 1, "ng-template", 19);
+    i0.ɵɵelementStart(2, "div", 20)(3, "div", 21);
+    i0.ɵɵelement(4, "i", 22);
+    i0.ɵɵtext(5, " Configure parameter values for template testing. Values can be JSON objects, strings, or numbers. ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(6, TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_Conditional_6_Template, 14, 1, "div", 23)(7, TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_Conditional_7_Template, 7, 1, "div", 24);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "kendo-expansionpanel", 18);
+    i0.ɵɵtwoWayListener("expandedChange", function TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_Template_kendo_expansionpanel_expandedChange_8_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.jsonPreviewExpanded, $event) || (ctx_r1.jsonPreviewExpanded = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵtemplate(9, TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_ng_template_9_Template, 3, 0, "ng-template", 19);
+    i0.ɵɵelementStart(10, "div", 20)(11, "div", 25)(12, "pre", 26);
+    i0.ɵɵtext(13);
+    i0.ɵɵelementEnd()()()();
+    i0.ɵɵelementStart(14, "kendo-expansionpanel", 27);
+    i0.ɵɵtwoWayListener("expandedChange", function TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_Template_kendo_expansionpanel_expandedChange_14_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.resultsExpanded, $event) || (ctx_r1.resultsExpanded = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵtemplate(15, TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_ng_template_15_Template, 4, 1, "ng-template", 19);
+    i0.ɵɵelementStart(16, "div", 28);
+    i0.ɵɵtemplate(17, TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_Conditional_17_Template, 4, 0, "div", 29)(18, TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_Conditional_18_Template, 16, 11, "div", 30)(19, TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_Conditional_19_Template, 5, 0, "div", 31);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵtwoWayProperty("expanded", ctx_r1.parametersExpanded);
+    i0.ɵɵadvance(6);
+    i0.ɵɵconditional(ctx_r1.parameters.length > 0 ? 6 : 7);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtwoWayProperty("expanded", ctx_r1.jsonPreviewExpanded);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.parametersAsJson);
+    i0.ɵɵadvance();
+    i0.ɵɵtwoWayProperty("expanded", ctx_r1.resultsExpanded);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r1.isRunning ? 17 : ctx_r1.testResult ? 18 : 19);
+} }
+function TemplateParamDialogComponent_kendo_dialog_0_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-button", 78);
+    i0.ɵɵlistener("click", function TemplateParamDialogComponent_kendo_dialog_0_Conditional_17_Template_kendo_button_click_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.updateTemplateParams()); });
+    i0.ɵɵelement(1, "i", 79);
+    i0.ɵɵtext(2, " Update Template Params ");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("disabled", ctx_r1.isRunning);
+} }
+function TemplateParamDialogComponent_kendo_dialog_0_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-button", 80);
+    i0.ɵɵlistener("click", function TemplateParamDialogComponent_kendo_dialog_0_Conditional_21_Template_kendo_button_click_0_listener() { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.saveResults()); });
+    i0.ɵɵelement(1, "i", 68);
+    i0.ɵɵtext(2, " Save Results ");
+    i0.ɵɵelementEnd();
+} }
+function TemplateParamDialogComponent_kendo_dialog_0_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 81);
+    i0.ɵɵtext(1, " Running... ");
+} }
+function TemplateParamDialogComponent_kendo_dialog_0_Conditional_24_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 82);
+    i0.ɵɵtext(1, " Run Template ");
+} }
+function TemplateParamDialogComponent_kendo_dialog_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-dialog", 1);
+    i0.ɵɵlistener("close", function TemplateParamDialogComponent_kendo_dialog_0_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.close()); });
+    i0.ɵɵelementStart(1, "div", 2)(2, "div", 3)(3, "div", 4);
+    i0.ɵɵelement(4, "i", 5);
+    i0.ɵɵelementStart(5, "h5", 6);
+    i0.ɵɵtext(6, "Template Testing");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "p", 7);
+    i0.ɵɵtext(8, " Configure parameter values for testing. Parameters with ");
+    i0.ɵɵelementStart(9, "span", 8);
+    i0.ɵɵtext(10, "*");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(11, " are required. ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(12, TemplateParamDialogComponent_kendo_dialog_0_Conditional_12_Template, 4, 0, "div", 9)(13, TemplateParamDialogComponent_kendo_dialog_0_Conditional_13_Template, 20, 6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "kendo-dialog-actions")(15, "div", 10)(16, "div");
+    i0.ɵɵtemplate(17, TemplateParamDialogComponent_kendo_dialog_0_Conditional_17_Template, 3, 1, "kendo-button", 11);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(18, "div", 12)(19, "kendo-button", 13);
+    i0.ɵɵlistener("click", function TemplateParamDialogComponent_kendo_dialog_0_Template_kendo_button_click_19_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.close()); });
+    i0.ɵɵtext(20, " Close ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(21, TemplateParamDialogComponent_kendo_dialog_0_Conditional_21_Template, 3, 0, "kendo-button", 14);
+    i0.ɵɵelementStart(22, "kendo-button", 15);
+    i0.ɵɵlistener("click", function TemplateParamDialogComponent_kendo_dialog_0_Template_kendo_button_click_22_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.runTemplate()); });
+    i0.ɵɵtemplate(23, TemplateParamDialogComponent_kendo_dialog_0_Conditional_23_Template, 2, 0)(24, TemplateParamDialogComponent_kendo_dialog_0_Conditional_24_Template, 2, 0);
+    i0.ɵɵelementEnd()()()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("minWidth", 600)("width", 800)("height", 700)("title", "Test Template: " + ((ctx_r1.template == null ? null : ctx_r1.template.Name) || "Unknown"));
+    i0.ɵɵadvance(12);
+    i0.ɵɵconditional(ctx_r1.isLoading ? 12 : 13);
+    i0.ɵɵadvance(5);
+    i0.ɵɵconditional(ctx_r1.hasUnsavedParameters ? 17 : -1);
+    i0.ɵɵadvance(4);
+    i0.ɵɵconditional(ctx_r1.testResult ? 21 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("disabled", ctx_r1.isRunning || ctx_r1.isLoading);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.isRunning ? 23 : 24);
+} }
+export class TemplateParamDialogComponent {
+    constructor() {
+        this.template = null;
+        this._isVisible = false;
+        this.isVisibleChange = new EventEmitter();
+        this.onClose = new EventEmitter();
+        this.parameters = [];
+        this.isLoading = false;
+        this.isRunning = false;
+        this.testResult = null;
+        this.hasUnsavedParameters = false;
+        this.parametersExpanded = true;
+        this.jsonPreviewExpanded = false;
+        this.resultsExpanded = true;
+        this.originalTemplateParams = [];
+    }
+    get isVisible() {
+        return this._isVisible;
+    }
+    set isVisible(value) {
+        const wasVisible = this._isVisible;
+        this._isVisible = value;
+        // Reset dialog state when opening
+        if (value && !wasVisible) {
+            this.resetDialogState();
+        }
+    }
+    ngOnInit() {
+        if (this.template) {
+            this.loadTemplateParams();
+        }
+    }
+    loadTemplateParams() {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            if (!((_a = this.template) === null || _a === void 0 ? void 0 : _a.ID))
+                return;
+            this.isLoading = true;
+            try {
+                const rv = new RunView();
+                const results = yield rv.RunView({
+                    EntityName: 'Template Params',
+                    ExtraFilter: `TemplateID='${this.template.ID}'`,
+                    OrderBy: 'Name ASC',
+                    ResultType: 'entity_object'
+                });
+                this.originalTemplateParams = results.Results;
+                // Convert template params to parameter pairs
+                this.parameters = this.originalTemplateParams.map(param => ({
+                    key: param.Name,
+                    value: param.DefaultValue || '',
+                    isFromTemplate: true,
+                    description: param.Description || undefined,
+                    isRequired: param.IsRequired,
+                    type: param.Type
+                }));
+                // If no template params, add one empty pair to start
+                if (this.parameters.length === 0) {
+                    this.addParameter();
+                }
+            }
+            catch (error) {
+                console.error('Error loading template params:', error);
+                MJNotificationService.Instance.CreateSimpleNotification('Error loading template parameters', 'error');
+            }
+            finally {
+                this.isLoading = false;
+            }
+        });
+    }
+    addParameter() {
+        this.parameters.push({
+            key: '',
+            value: '',
+            isFromTemplate: false
+        });
+    }
+    removeParameter(index) {
+        if (this.parameters.length > 1) {
+            this.parameters.splice(index, 1);
+        }
+    }
+    onParameterChange() {
+        // Check if we have new parameters not in template
+        this.hasUnsavedParameters = this.parameters.some(param => param.key &&
+            !param.isFromTemplate &&
+            !this.originalTemplateParams.find(tp => tp.Name === param.key));
+    }
+    runTemplate() {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a, _b, _c, _d, _e, _f;
+            if (!((_a = this.template) === null || _a === void 0 ? void 0 : _a.ID))
+                return;
+            // Validate parameter names - check for empty parameter names
+            const emptyNameParams = this.parameters.filter(p => p.value && !p.key);
+            if (emptyNameParams.length > 0) {
+                MJNotificationService.Instance.CreateSimpleNotification('All parameters must have a name. Please enter parameter names or remove empty parameters.', 'warning');
+                return;
+            }
+            // Validate required parameters
+            const invalidParams = this.parameters.filter(p => p.key && !p.value && p.isRequired);
+            if (invalidParams.length > 0) {
+                MJNotificationService.Instance.CreateSimpleNotification(`Required parameters missing: ${invalidParams.map(p => p.key).join(', ')}`, 'warning');
+                return;
+            }
+            this.isRunning = true;
+            this.testResult = null;
+            try {
+                // Build context data object from parameters
+                const contextData = {};
+                this.parameters.forEach(param => {
+                    if (param.key && param.value) {
+                        try {
+                            // Try to parse as JSON first, fallback to string
+                            contextData[param.key] = JSON.parse(param.value);
+                        }
+                        catch (_a) {
+                            contextData[param.key] = param.value;
+                        }
+                    }
+                });
+                // Get GraphQL data provider
+                const dataProvider = Metadata.Provider;
+                // Execute the RunTemplate GraphQL mutation
+                const query = `
+                mutation RunTemplate($templateId: String!, $contextData: String) {
+                    RunTemplate(templateId: $templateId, contextData: $contextData) {
+                        success
+                        output
+                        error
+                        executionTimeMs
+                    }
+                }
+            `;
+                const variables = {
+                    templateId: this.template.ID,
+                    contextData: JSON.stringify(contextData)
+                };
+                const result = yield dataProvider.ExecuteGQL(query, variables);
+                if (result === null || result === void 0 ? void 0 : result.RunTemplate) {
+                    this.testResult = result.RunTemplate;
+                    // Collapse parameters and expand results after execution
+                    this.parametersExpanded = false;
+                    this.resultsExpanded = true;
+                    if ((_b = this.testResult) === null || _b === void 0 ? void 0 : _b.success) {
+                        MJNotificationService.Instance.CreateSimpleNotification(`Template executed successfully in ${this.testResult.executionTimeMs || 0}ms`, 'success', 4000);
+                    }
+                    else {
+                        MJNotificationService.Instance.CreateSimpleNotification(`Template execution failed: ${((_c = this.testResult) === null || _c === void 0 ? void 0 : _c.error) || 'Unknown error'}`, 'error', 5000);
+                    }
+                }
+                else {
+                    throw new Error(((_e = (_d = result.errors) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.message) || 'Unknown GraphQL error');
+                }
+            }
+            catch (error) {
+                console.error('Template test error:', error);
+                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: ${((_f = this.testResult) === null || _f === void 0 ? void 0 : _f.error) || 'Unknown error'}`, 'error', 5000);
+            }
+            finally {
+                this.isRunning = false;
+            }
+        });
+    }
+    updateTemplateParams() {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            if (!((_a = this.template) === null || _a === void 0 ? void 0 : _a.ID) || !this.hasUnsavedParameters)
+                return;
+            const newParams = this.parameters.filter(param => param.key &&
+                !param.isFromTemplate &&
+                !this.originalTemplateParams.find(tp => tp.Name === param.key));
+            if (newParams.length === 0)
+                return;
+            try {
+                const md = new Metadata();
+                for (const param of newParams) {
+                    const templateParam = yield md.GetEntityObject('Template Params');
+                    templateParam.TemplateID = this.template.ID;
+                    templateParam.Name = param.key;
+                    templateParam.Description = param.description || null;
+                    templateParam.Type = 'Scalar'; // Default type
+                    templateParam.DefaultValue = param.value || null;
+                    templateParam.IsRequired = param.isRequired || false;
+                    const saved = yield templateParam.Save();
+                    if (!saved) {
+                        throw new Error(`Failed to save parameter: ${param.key}`);
+                    }
+                }
+                MJNotificationService.Instance.CreateSimpleNotification(`Added ${newParams.length} new parameter(s) to template`, 'success');
+                this.hasUnsavedParameters = false;
+                // Reload template params to sync
+                yield this.loadTemplateParams();
+            }
+            catch (error) {
+                console.error('Error updating template params:', error);
+                MJNotificationService.Instance.CreateSimpleNotification('Error saving template parameters', 'error');
+            }
+        });
+    }
+    close() {
+        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
+        // Clear previous test results
+        this.testResult = null;
+        this.isRunning = false;
+        // Reset unsaved parameters flag
+        this.hasUnsavedParameters = false;
+    }
+    saveResults() {
+        var _a, _b;
+        if (!this.testResult)
+            return;
+        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 = ((_b = (_a = this.template) === null || _a === void 0 ? void 0 : _a.Name) === null || _b === void 0 ? void 0 : _b.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' });
+        const url = window.URL.createObjectURL(blob);
+        const link = document.createElement('a');
+        link.href = url;
+        link.download = filename;
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+        window.URL.revokeObjectURL(url);
+        MJNotificationService.Instance.CreateSimpleNotification(`Results saved as ${filename}`, 'success');
+    }
+    get parametersAsJson() {
+        const contextData = {};
+        this.parameters.forEach(param => {
+            if (param.key && param.value) {
+                try {
+                    contextData[param.key] = JSON.parse(param.value);
+                }
+                catch (_a) {
+                    contextData[param.key] = param.value;
+                }
+            }
+        });
+        return JSON.stringify(contextData, null, 2);
+    }
+}
+TemplateParamDialogComponent.ɵfac = function TemplateParamDialogComponent_Factory(t) { return new (t || TemplateParamDialogComponent)(); };
+TemplateParamDialogComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TemplateParamDialogComponent, selectors: [["mj-template-param-dialog"]], inputs: { template: "template", isVisible: "isVisible" }, outputs: { isVisibleChange: "isVisibleChange", onClose: "onClose" }, decls: 1, vars: 1, consts: [[3, "minWidth", "width", "height", "title", "close", 4, "ngIf"], [3, "close", "minWidth", "width", "height", "title"], [1, "dialog-content", 2, "display", "flex", "flex-direction", "column", "height", "100%", "font-family", "'Segoe UI', Tahoma, Geneva, Verdana, sans-serif"], [1, "header-section", 2, "margin-bottom", "20px", "padding-bottom", "16px", "border-bottom", "2px solid #e9ecef"], [2, "display", "flex", "align-items", "center", "gap", "12px", "margin-bottom", "8px"], [1, "fa-solid", "fa-sliders", 2, "color", "#6c757d", "font-size", "1.2em"], [2, "margin", "0", "color", "#495057", "font-weight", "600"], [2, "margin", "0", "color", "#6c757d", "font-size", "0.9em"], [2, "color", "#dc3545"], [1, "loading-state", 2, "display", "flex", "align-items", "center", "justify-content", "center", "padding", "40px"], [2, "display", "flex", "justify-content", "space-between", "align-items", "center", "width", "100%"], ["fillMode", "outline", "themeColor", "info", 3, "disabled"], [2, "display", "flex", "gap", "8px"], ["fillMode", "outline", 3, "click"], ["fillMode", "outline", "themeColor", "info"], ["themeColor", "primary", 3, "click", "disabled"], [1, "fa-solid", "fa-spinner", "fa-spin", 2, "font-size", "24px", "color", "#6c757d", "margin-right", "12px"], [2, "color", "#6c757d"], [2, "margin-bottom", "16px", "flex-shrink", "0", 3, "expandedChange", "expanded"], ["kendoExpansionPanelTitleDirective", ""], [2, "padding", "12px 0"], [2, "margin-bottom", "12px", "color", "#6c757d", "font-size", "0.85em"], [1, "fa-solid", "fa-info-circle"], [2, "border", "1px solid #dee2e6", "border-radius", "6px", "background", "#f8f9fa"], [2, "text-align", "center", "padding", "20px", "color", "#6c757d"], [2, "background", "#f8f9fa", "border", "1px solid #dee2e6", "border-radius", "4px", "padding", "12px", "font-family", "'Courier New', monospace", "font-size", "0.85em", "color", "#495057", "max-height", "200px", "overflow-y", "auto"], [2, "margin", "0", "white-space", "pre-wrap"], [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, "loading-state", 2, "display", "flex", "align-items", "center", "justify-content", "center", "padding", "40px", "flex", "1"], [2, "flex", "1", "display", "flex", "flex-direction", "column"], [2, "display", "flex", "align-items", "center", "justify-content", "center", "padding", "40px", "color", "#6c757d", "flex", "1"], [2, "display", "flex", "align-items", "center", "gap", "8px", "font-weight", "600"], [1, "fa-solid", "fa-sliders", 2, "color", "#6c757d"], [1, "badge", 2, "background", "#17a2b8", "color", "white", "padding", "2px 6px", "border-radius", "10px", "font-size", "0.7em"], [2, "display", "grid", "grid-template-columns", "200px 1fr 60px", "gap", "12px", "padding", "12px 16px", "background", "#e9ecef", "font-weight", "600", "font-size", "0.85em", "color", "#495057", "border-bottom", "1px solid #dee2e6"], [2, "display", "grid", "grid-template-columns", "200px 1fr 60px", "gap", "12px", "padding", "12px 16px", "border-bottom", "1px solid #e9ecef", "align-items", "start", "background", "white"], [2, "padding", "12px 16px", "text-align", "center", "background", "white", "border-top", "1px solid #dee2e6"], ["fillMode", "outline", "themeColor", "success", "size", "small", 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", 2, "color", "#28a745", "font-size", "0.75em"], ["title", "Custom parameter", 1, "fa-solid", "fa-edit", 2, "color", "#fd7e14", "font-size", "0.75em"], [2, "color", "#dc3545", "font-weight", "bold"], ["placeholder", "Parameter name...", 2, "font-family", "'Courier New', monospace", "width", "100%", 3, "ngModel", "disabled"], [1, "param-value"], ["placeholder", "Enter value (JSON strings, numbers, objects)...", 2, "font-family", "'Courier New', monospace", "font-size", "0.9em", "width", "100%", 3, "ngModelChange", "ngModel", "rows", "disabled"], [1, "param-actions", 2, "display", "flex", "align-items", "start", "justify-content", "center", "padding-top", "4px"], ["fillMode", "flat", "themeColor", "error", "size", "small", "title", "Remove parameter", 3, "disabled"], [2, "font-family", "'Courier New', monospace", "font-size", "0.9em", "font-weight", "500", "color", "#495057", "padding", "4px 0", "word-break", "break-word"], [2, "font-size", "0.75em", "color", "#6c757d", "margin-top", "2px", "font-style", "italic", "word-break", "break-word"], [2, "font-size", "0.7em", "color", "#17a2b8", "margin-top", "2px"], ["placeholder", "Parameter name...", 2, "font-family", "'Courier New', monospace", "width", "100%", 3, "ngModelChange", "ngModel", "disabled"], ["fillMode", "flat", "themeColor", "error", "size", "small", "title", "Remove parameter", 3, "click", "disabled"], [1, "fa-solid", "fa-times"], [1, "fa-solid", "fa-info-circle", 2, "font-size", "2em", "margin-bottom", "12px", "opacity", "0.5"], [2, "margin", "0 0 12px 0"], ["themeColor", "primary", "size", "small", 3, "click", "disabled"], [1, "fa-solid", "fa-code", 2, "color", "#6c757d"], [1, "fa-solid", "fa-chart-line", 2, "color", "#6c757d"], [1, "badge", 2, "color", "white", "padding", "2px 6px", "border-radius", "10px", "font-size", "0.7em", 3, "background"], [1, "badge", 2, "color", "white", "padding", "2px 6px", "border-radius", "10px", "font-size", "0.7em"], [2, "display", "grid", "grid-template-columns", "repeat(auto-fit, minmax(120px, 1fr))", "gap", "12px", "margin-bottom", "16px", "padding", "12px", "border", "1px solid #dee2e6", "border-radius", "6px"], [2, "text-align", "center"], [2, "font-size", "0.75em", "margin-bottom", "2px"], [2, "font-weight", "600"], ["fillMode", "flat", "size", "small", "title", "Save results to file", 2, "min-width", "auto", "padding", "4px 8px", 3, "click"], [1, "fa-solid", "fa-download"], [2, "margin-bottom", "12px", "flex", "1", "display", "flex", "flex-direction", "column"], [2, "margin", "0 0 8px 0", "color", "#495057", "display", "flex", "align-items", "center", "gap", "6px"], [1, "fa-solid", "fa-check-circle", 2, "color", "#28a745"], [2, "background", "#f8f9fa", "border", "1px solid #dee2e6", "border-radius", "4px", "padding", "12px", "font-family", "'Courier New', monospace", "font-size", "0.9em", "white-space", "pre-wrap", "overflow", "auto", "height", "150px"], [2, "margin", "0 0 8px 0", "color", "#dc3545", "display", "flex", "align-items", "center", "gap", "6px"], [1, "fa-solid", "fa-exclamation-triangle"], [2, "background", "#f8d7da", "border", "1px solid #f5c6cb", "border-radius", "4px", "padding", "12px", "color", "#721c24", "font-family", "'Courier New', monospace", "font-size", "0.9em", "white-space", "pre-wrap", "overflow", "auto", "height", "150px"], [1, "fa-solid", "fa-play-circle", 2, "font-size", "3em", "margin-bottom", "12px", "opacity", "0.3"], [2, "margin", "0"], ["fillMode", "outline", "themeColor", "info", 3, "click", "disabled"], [1, "fa-solid", "fa-save"], ["fillMode", "outline", "themeColor", "info", 3, "click"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-play"]], template: function TemplateParamDialogComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, TemplateParamDialogComponent_kendo_dialog_0_Template, 25, 9, "kendo-dialog", 0);
+    } if (rf & 2) {
+        i0.ɵɵproperty("ngIf", ctx._isVisible);
+    } }, dependencies: [i1.NgIf, i2.NgControlStatus, i2.NgModel, i3.ExpansionPanelComponent, i3.ExpansionPanelTitleDirective, i4.DialogComponent, i4.DialogActionsComponent, i5.TextAreaComponent, i5.TextBoxComponent, i6.ButtonComponent], styles: [".dialog-content[_ngcontent-%COMP%] {\n    min-height: 500px;\n    max-height: 650px;\n}\n\n.parameter-row[_ngcontent-%COMP%]:hover {\n    background-color: #f8f9fa !important;\n}\n\n.parameter-row[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.param-name[_ngcontent-%COMP%], \n.param-value[_ngcontent-%COMP%] {\n    min-width: 0; \n\n}\n\n.param-name[_ngcontent-%COMP%]   kendo-textbox[_ngcontent-%COMP%], \n.param-value[_ngcontent-%COMP%]   kendo-textarea[_ngcontent-%COMP%] {\n    width: 100%;\n}\n\n.json-preview[_ngcontent-%COMP%]   pre[_ngcontent-%COMP%] {\n    line-height: 1.3;\n}\n\n.test-results[_ngcontent-%COMP%] {\n    box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n}\n\n.result-content[_ngcontent-%COMP%]   pre[_ngcontent-%COMP%] {\n    line-height: 1.4;\n}\n\n\n\n.parameters-list[_ngcontent-%COMP%]::-webkit-scrollbar, \n.result-content[_ngcontent-%COMP%]::-webkit-scrollbar, \n.json-preview[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]::-webkit-scrollbar {\n    width: 6px;\n}\n\n.parameters-list[_ngcontent-%COMP%]::-webkit-scrollbar-track, \n.result-content[_ngcontent-%COMP%]::-webkit-scrollbar-track, \n.json-preview[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]::-webkit-scrollbar-track {\n    background: #f1f1f1;\n    border-radius: 3px;\n}\n\n.parameters-list[_ngcontent-%COMP%]::-webkit-scrollbar-thumb, \n.result-content[_ngcontent-%COMP%]::-webkit-scrollbar-thumb, \n.json-preview[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]::-webkit-scrollbar-thumb {\n    background: #c1c1c1;\n    border-radius: 3px;\n}\n\n.parameters-list[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover, \n.result-content[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover, \n.json-preview[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover {\n    background: #a1a1a1;\n}\n\n\n\n.parameter-row[_ngcontent-%COMP%] {\n    align-items: flex-start;\n}\n\n.parameters-section[_ngcontent-%COMP%] {\n    flex-shrink: 0;\n}\n\n\n\n.param-name[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%] {\n    word-wrap: break-word;\n    overflow-wrap: break-word;\n}\n\n\n\n.header-section[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]:first-child:hover, \n.json-preview-header[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]:first-child:hover, \n.result-header[_ngcontent-%COMP%]:hover {\n    background-color: rgba(0, 0, 0, 0.05) !important;\n    transition: background-color 0.2s ease;\n}\n\n\n\n.fa-chevron-down[_ngcontent-%COMP%], \n.fa-chevron-right[_ngcontent-%COMP%] {\n    transition: transform 0.2s ease;\n}\n\n\n\n.test-results[_ngcontent-%COMP%]   .result-header[_ngcontent-%COMP%]   kendo-button[_ngcontent-%COMP%] {\n    opacity: 0.8;\n    transition: opacity 0.2s ease;\n}\n\n.test-results[_ngcontent-%COMP%]   .result-header[_ngcontent-%COMP%]:hover   kendo-button[_ngcontent-%COMP%] {\n    opacity: 1;\n}"] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TemplateParamDialogComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-template-param-dialog', template: "<kendo-dialog *ngIf=\"_isVisible\"\n              [minWidth]=\"600\"\n              [width]=\"800\"\n              [height]=\"700\"\n              (close)=\"close()\"\n              [title]=\"'Test Template: ' + (template?.Name || 'Unknown')\">\n              \n    <div class=\"dialog-content\" style=\"display: flex; flex-direction: column; height: 100%; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\">\n        \n        <!-- Header Section -->\n        <div class=\"header-section\" style=\"margin-bottom: 20px; padding-bottom: 16px; border-bottom: 2px solid #e9ecef;\">\n            <div style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 8px;\">\n                <i class=\"fa-solid fa-sliders\" style=\"color: #6c757d; font-size: 1.2em;\"></i>\n                <h5 style=\"margin: 0; color: #495057; font-weight: 600;\">Template Testing</h5>\n            </div>\n            <p style=\"margin: 0; color: #6c757d; font-size: 0.9em;\">\n                Configure parameter values for testing. Parameters with <span style=\"color: #dc3545;\">*</span> are required.\n            </p>\n        </div>\n\n        <!-- Loading State -->\n        @if (isLoading) {\n            <div class=\"loading-state\" style=\"display: flex; align-items: center; justify-content: center; padding: 40px;\">\n                <i class=\"fa-solid fa-spinner fa-spin\" style=\"font-size: 24px; color: #6c757d; margin-right: 12px;\"></i>\n                <span style=\"color: #6c757d;\">Loading template parameters...</span>\n            </div>\n        } @else {\n            \n            <!-- Template Parameters Section -->\n            <kendo-expansionpanel \n                [(expanded)]=\"parametersExpanded\"\n                style=\"margin-bottom: 16px; flex-shrink: 0;\">\n                <ng-template kendoExpansionPanelTitleDirective>\n                    <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                        <i class=\"fa-solid fa-sliders\" style=\"color: #6c757d;\"></i>\n                        Template Parameters\n                        @if (parameters.length > 0) {\n                            <span class=\"badge\" style=\"background: #17a2b8; color: white; padding: 2px 6px; border-radius: 10px; font-size: 0.7em;\">\n                                {{ parameters.length }}\n                            </span>\n                        }\n                    </span>\n                </ng-template>\n                \n                <div style=\"padding: 12px 0;\">\n                    <div style=\"margin-bottom: 12px; color: #6c757d; font-size: 0.85em;\">\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                    \n                    <!-- Parameters Table -->\n                    @if (parameters.length > 0) {\n                        <div style=\"border: 1px solid #dee2e6; border-radius: 6px; background: #f8f9fa;\">\n                            <!-- Header -->\n                            <div style=\"display: grid; grid-template-columns: 200px 1fr 60px; gap: 12px; padding: 12px 16px; background: #e9ecef; font-weight: 600; font-size: 0.85em; color: #495057; border-bottom: 1px solid #dee2e6;\">\n                                <div>Parameter Name</div>\n                                <div>Value</div>\n                                <div>Actions</div>\n                            </div>\n                            \n                            <!-- Parameter Rows -->\n                            @for (param of parameters; track $index; let i = $index) {\n                                <div style=\"display: grid; grid-template-columns: 200px 1fr 60px; gap: 12px; padding: 12px 16px; border-bottom: 1px solid #e9ecef; align-items: start; background: white;\">\n                                    \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\" style=\"color: #28a745; font-size: 0.75em;\" title=\"From template definition\"></i>\n                                            } @else {\n                                                <i class=\"fa-solid fa-edit\" style=\"color: #fd7e14; font-size: 0.75em;\" title=\"Custom parameter\"></i>\n                                            }\n                                            @if (param.isRequired) {\n                                                <span style=\"color: #dc3545; font-weight: bold;\">*</span>\n                                            }\n                                        </div>\n                                        \n                                        @if (param.isFromTemplate) {\n                                            <div style=\"font-family: 'Courier New', monospace; font-size: 0.9em; font-weight: 500; color: #495057; padding: 4px 0; word-break: break-word;\">\n                                                {{ param.key }}\n                                            </div>\n                                            @if (param.description) {\n                                                <div style=\"font-size: 0.75em; color: #6c757d; margin-top: 2px; font-style: italic; word-break: break-word;\">\n                                                    {{ param.description }}\n                                                </div>\n                                            }\n                                            @if (param.type && param.type !== 'Scalar') {\n                                                <div style=\"font-size: 0.7em; color: #17a2b8; margin-top: 2px;\">\n                                                    Type: {{ param.type }}\n                                                </div>\n                                            }\n                                        } @else {\n                                            <kendo-textbox [(ngModel)]=\"param.key\"\n                                                          (ngModelChange)=\"onParameterChange()\"\n                                                          placeholder=\"Parameter name...\"\n                                                          [disabled]=\"isRunning\"\n                                                          style=\"font-family: 'Courier New', monospace; width: 100%;\">\n                                            </kendo-textbox>\n                                        }\n                                    </div>\n                                    \n                                    <!-- Parameter Value -->\n                                    <div class=\"param-value\">\n                                        <kendo-textarea [(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%;\">\n                                        </kendo-textarea>\n                                    </div>\n                                    \n                                    <!-- Actions -->\n                                    <div class=\"param-actions\" style=\"display: flex; align-items: start; justify-content: center; padding-top: 4px;\">\n                                        @if (!param.isFromTemplate && parameters.length > 1) {\n                                            <kendo-button fillMode=\"flat\"\n                                                        themeColor=\"error\"\n                                                        size=\"small\"\n                                                        (click)=\"removeParameter(i)\"\n                                                        [disabled]=\"isRunning\"\n                                                        title=\"Remove parameter\">\n                                                <i class=\"fa-solid fa-times\"></i>\n                                            </kendo-button>\n                                        }\n                                    </div>\n                                </div>\n                            }\n                            \n                            <!-- Add Parameter Row -->\n                            <div style=\"padding: 12px 16px; text-align: center; background: white; border-top: 1px solid #dee2e6;\">\n                                <kendo-button fillMode=\"outline\"\n                                            themeColor=\"success\"\n                                            size=\"small\"\n                                            (click)=\"addParameter()\"\n                                            [disabled]=\"isRunning\">\n                                    <i class=\"fa-solid fa-plus\"></i> Add Parameter\n                                </kendo-button>\n                            </div>\n                        </div>\n                    } @else {\n                        <div style=\"text-align: center; padding: 20px; color: #6c757d;\">\n                            <i class=\"fa-solid fa-info-circle\" style=\"font-size: 2em; margin-bottom: 12px; opacity: 0.5;\"></i>\n                            <p style=\"margin: 0 0 12px 0;\">No parameters defined yet</p>\n                            <kendo-button themeColor=\"primary\" size=\"small\"\n                                        (click)=\"addParameter()\"\n                                        [disabled]=\"isRunning\">\n                                <i class=\"fa-solid fa-plus\"></i> Add First Parameter\n                            </kendo-button>\n                        </div>\n                    }\n                </div>\n            </kendo-expansionpanel>\n\n            <!-- JSON Preview Section -->\n            <kendo-expansionpanel \n                [(expanded)]=\"jsonPreviewExpanded\"\n                style=\"margin-bottom: 16px; flex-shrink: 0;\">\n                <ng-template kendoExpansionPanelTitleDirective>\n                    <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                        <i class=\"fa-solid fa-code\" style=\"color: #6c757d;\"></i>\n                        Context Data (JSON)\n                    </span>\n                </ng-template>\n                \n                <div style=\"padding: 12px 0;\">\n                    <div style=\"background: #f8f9fa; border: 1px solid #dee2e6; border-radius: 4px; padding: 12px; font-family: 'Courier New', monospace; font-size: 0.85em; color: #495057; max-height: 200px; overflow-y: auto;\">\n                        <pre style=\"margin: 0; white-space: pre-wrap;\">{{ parametersAsJson }}</pre>\n                    </div>\n                </div>\n            </kendo-expansionpanel>\n\n            <!-- Test Results Section -->\n            <kendo-expansionpanel \n                [(expanded)]=\"resultsExpanded\"\n                style=\"margin-bottom: 16px; flex: 1; display: flex; flex-direction: column;\">\n                <ng-template kendoExpansionPanelTitleDirective>\n                    <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                        <i class=\"fa-solid fa-chart-line\" style=\"color: #6c757d;\"></i>\n                        Test Results\n                        @if (testResult) {\n                            <span class=\"badge\" \n                                  [style.background]=\"testResult.success ? '#28a745' : '#dc3545'\"\n                                  style=\"color: white; padding: 2px 6px; border-radius: 10px; font-size: 0.7em;\">\n                                {{ testResult.success ? 'Success' : 'Error' }}\n                            </span>\n                        }\n                    </span>\n                </ng-template>\n                \n                <div style=\"padding: 12px 0; flex: 1; display: flex; flex-direction: column;\">\n                    @if (isRunning) {\n                        <div class=\"loading-state\" style=\"display: flex; align-items: center; justify-content: center; padding: 40px; flex: 1;\">\n                            <i class=\"fa-solid fa-spinner fa-spin\" style=\"font-size: 24px; color: #6c757d; margin-right: 12px;\"></i>\n                            <span style=\"color: #6c757d;\">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 style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 12px; margin-bottom: 16px; padding: 12px; border: 1px solid #dee2e6; border-radius: 6px;\"\n                                 [style.background]=\"testResult.success ? '#d4edda' : '#f8d7da'\">\n                                <div style=\"text-align: center;\">\n                                    <div style=\"font-size: 0.75em; margin-bottom: 2px;\" [style.color]=\"testResult.success ? '#155724' : '#721c24'\">STATUS</div>\n                                    <div style=\"font-weight: 600;\" [style.color]=\"testResult.success ? '#155724' : '#721c24'\">\n                                        {{ testResult.success ? 'Success' : 'Failed' }}\n                                    </div>\n                                </div>\n                                @if (testResult.executionTimeMs) {\n                                    <div style=\"text-align: center;\">\n                                        <div style=\"font-size: 0.75em; margin-bottom: 2px;\" [style.color]=\"testResult.success ? '#155724' : '#721c24'\">EXECUTION TIME</div>\n                                        <div style=\"font-weight: 600;\" [style.color]=\"testResult.success ? '#155724' : '#721c24'\">{{ testResult.executionTimeMs }}ms</div>\n                                    </div>\n                                }\n                                <div style=\"text-align: center;\">\n                                    <div style=\"font-size: 0.75em; margin-bottom: 2px;\" [style.color]=\"testResult.success ? '#155724' : '#721c24'\">ACTIONS</div>\n                                    <kendo-button fillMode=\"flat\" size=\"small\"\n                                                (click)=\"saveResults()\"\n                                                title=\"Save results to file\"\n                                                style=\"min-width: auto; padding: 4px 8px;\">\n                                        <i class=\"fa-solid fa-download\"></i>\n                                    </kendo-button>\n                                </div>\n                            </div>\n\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 style=\"margin: 0 0 8px 0; color: #495057; display: flex; align-items: center; gap: 6px;\">\n                                            <i class=\"fa-solid fa-check-circle\" style=\"color: #28a745;\"></i>\n                                            Template Output\n                                        </h6>\n                                        <div style=\"background: #f8f9fa; border: 1px solid #dee2e6; border-radius: 4px; padding: 12px; font-family: 'Courier New', monospace; font-size: 0.9em; white-space: pre-wrap; overflow: auto; height: 150px;\">\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 style=\"margin: 0 0 8px 0; color: #dc3545; display: flex; align-items: center; gap: 6px;\">\n                                            <i class=\"fa-solid fa-exclamation-triangle\"></i>\n                                            Error Details\n                                        </h6>\n                                        <div style=\"background: #f8d7da; border: 1px solid #f5c6cb; border-radius: 4px; padding: 12px; color: #721c24; font-family: 'Courier New', monospace; font-size: 0.9em; white-space: pre-wrap; overflow: auto; height: 150px;\">{{ testResult.error }}</div>\n                                    </div>\n                                }\n                            </div>\n                        </div>\n                    } @else {\n                        <div style=\"display: flex; align-items: center; justify-content: center; padding: 40px; color: #6c757d; flex: 1;\">\n                            <div style=\"text-align: center;\">\n                                <i class=\"fa-solid fa-play-circle\" style=\"font-size: 3em; margin-bottom: 12px; opacity: 0.3;\"></i>\n                                <p style=\"margin: 0;\">No test results yet. Run the template to see results here.</p>\n                            </div>\n                        </div>\n                    }\n                </div>\n            </kendo-expansionpanel>\n        }\n    </div>\n\n    <!-- Dialog Actions -->\n    <kendo-dialog-actions>\n        <div style=\"display: flex; justify-content: space-between; align-items: center; width: 100%;\">\n            <div>\n                @if (hasUnsavedParameters) {\n                    <kendo-button fillMode=\"outline\"\n                                themeColor=\"info\"\n                                (click)=\"updateTemplateParams()\"\n                                [disabled]=\"isRunning\">\n                        <i class=\"fa-solid fa-save\"></i> Update Template Params\n                    </kendo-button>\n                }\n            </div>\n            \n            <div style=\"display: flex; gap: 8px;\">\n                <kendo-button fillMode=\"outline\" (click)=\"close()\">\n                    Close\n                </kendo-button>\n                \n                @if (testResult) {\n                    <kendo-button fillMode=\"outline\" themeColor=\"info\" (click)=\"saveResults()\">\n                        <i class=\"fa-solid fa-download\"></i> Save Results\n                    </kendo-button>\n                }\n                \n                <kendo-button themeColor=\"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                </kendo-button>\n            </div>\n        </div>\n    </kendo-dialog-actions>\n</kendo-dialog>", styles: [".dialog-content {\n    min-height: 500px;\n    max-height: 650px;\n}\n\n.parameter-row:hover {\n    background-color: #f8f9fa !important;\n}\n\n.parameter-row:last-child {\n    border-bottom: none;\n}\n\n.param-name,\n.param-value {\n    min-width: 0; /* Allow flex items to shrink */\n}\n\n.param-name kendo-textbox,\n.param-value kendo-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 rgba(0,0,0,0.1);\n}\n\n.result-content pre {\n    line-height: 1.4;\n}\n\n/* Improved scrollbar styling for better UX */\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: #f1f1f1;\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: #c1c1c1;\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: #a1a1a1;\n}\n\n/* Ensure proper grid alignment */\n.parameter-row {\n    align-items: flex-start;\n}\n\n.parameters-section {\n    flex-shrink: 0;\n}\n\n/* Better text wrapping for parameter names and descriptions */\n.param-name > div {\n    word-wrap: break-word;\n    overflow-wrap: break-word;\n}\n\n/* Expandable section headers */\n.header-section > div:first-child:hover,\n.json-preview-header > div:first-child:hover,\n.result-header:hover {\n    background-color: rgba(0, 0, 0, 0.05) !important;\n    transition: background-color 0.2s ease;\n}\n\n/* Chevron icons transition */\n.fa-chevron-down,\n.fa-chevron-right {\n    transition: transform 0.2s ease;\n}\n\n/* Save button styling */\n.test-results .result-header kendo-button {\n    opacity: 0.8;\n    transition: opacity 0.2s ease;\n}\n\n.test-results .result-header:hover kendo-button {\n    opacity: 1;\n}"] }]
+    }], null, { template: [{
+            type: Input
+        }], isVisible: [{
+            type: Input
+        }], isVisibleChange: [{
+            type: Output
+        }], onClose: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TemplateParamDialogComponent, { className: "TemplateParamDialogComponent", filePath: "src/lib/custom/Templates/template-param-dialog.component.ts", lineNumber: 28 }); })();
+//# sourceMappingURL=template-param-dialog.component.js.map