@memberjunction/ng-actions 0.0.1 → 3.4.0

package/dist/lib/action-test-harness/action-test-harness.component.js

@@ -0,0 +1,850 @@
+import { Component, Input, Output, EventEmitter, ViewChild } from '@angular/core';
+import { UserInfoEngine } from '@memberjunction/core-entities';
+import { Metadata } from '@memberjunction/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+const _c0 = ["resultsSection"];
+const _forTrack0 = ($index, $item) => $item.Param.ID;
+const _forTrack1 = ($index, $item) => $item.ID;
+function ActionTestHarnessComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 11);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("(", ctx_r0.ParamValues.length, ")");
+} }
+function ActionTestHarnessComponent_Conditional_16_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 19);
+    i0.ɵɵelement(1, "i", 21);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "This action has no input parameters");
+    i0.ɵɵelementEnd()();
+} }
+function ActionTestHarnessComponent_Conditional_16_Conditional_1_For_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 24);
+    i0.ɵɵtext(1, "*");
+    i0.ɵɵelementEnd();
+} }
+function ActionTestHarnessComponent_Conditional_16_Conditional_1_For_2_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 25);
+    i0.ɵɵtext(1, "Array");
+    i0.ɵɵelementEnd();
+} }
+function ActionTestHarnessComponent_Conditional_16_Conditional_1_For_2_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 27);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const paramValue_r2 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(paramValue_r2.Param.Description);
+} }
+function ActionTestHarnessComponent_Conditional_16_Conditional_1_For_2_Case_8_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "textarea", 35);
+    i0.ɵɵlistener("change", function ActionTestHarnessComponent_Conditional_16_Conditional_1_For_2_Case_8_Template_textarea_change_0_listener($event) { i0.ɵɵrestoreView(_r3); const paramValue_r2 = i0.ɵɵnextContext().$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.OnParamValueChange(paramValue_r2, $event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const paramValue_r2 = i0.ɵɵnextContext().$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("value", ctx_r0.GetParamDisplayValue(paramValue_r2))("placeholder", paramValue_r2.Param.IsArray ? "Enter JSON array" : paramValue_r2.Param.ValueType === "Simple Object" ? "Enter JSON object" : "Enter value");
+} }
+function ActionTestHarnessComponent_Conditional_16_Conditional_1_For_2_Case_9_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 29)(1, "input", 36);
+    i0.ɵɵlistener("change", function ActionTestHarnessComponent_Conditional_16_Conditional_1_For_2_Case_9_Template_input_change_1_listener($event) { i0.ɵɵrestoreView(_r4); const paramValue_r2 = i0.ɵɵnextContext().$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.OnParamValueChange(paramValue_r2, $event)); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const paramValue_r2 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("checked", paramValue_r2.Value);
+} }
+function ActionTestHarnessComponent_Conditional_16_Conditional_1_For_2_Case_10_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "input", 37);
+    i0.ɵɵlistener("change", function ActionTestHarnessComponent_Conditional_16_Conditional_1_For_2_Case_10_Template_input_change_0_listener($event) { i0.ɵɵrestoreView(_r5); const paramValue_r2 = i0.ɵɵnextContext().$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.OnParamValueChange(paramValue_r2, $event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const paramValue_r2 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("value", paramValue_r2.Value);
+} }
+function ActionTestHarnessComponent_Conditional_16_Conditional_1_For_2_Case_11_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "input", 38);
+    i0.ɵɵlistener("change", function ActionTestHarnessComponent_Conditional_16_Conditional_1_For_2_Case_11_Template_input_change_0_listener($event) { i0.ɵɵrestoreView(_r6); const paramValue_r2 = i0.ɵɵnextContext().$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.OnParamValueChange(paramValue_r2, $event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const paramValue_r2 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("value", paramValue_r2.Value);
+} }
+function ActionTestHarnessComponent_Conditional_16_Conditional_1_For_2_Case_12_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "input", 39);
+    i0.ɵɵlistener("change", function ActionTestHarnessComponent_Conditional_16_Conditional_1_For_2_Case_12_Template_input_change_0_listener($event) { i0.ɵɵrestoreView(_r7); const paramValue_r2 = i0.ɵɵnextContext().$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.OnParamValueChange(paramValue_r2, $event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const paramValue_r2 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("value", paramValue_r2.Value || "");
+} }
+function ActionTestHarnessComponent_Conditional_16_Conditional_1_For_2_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 33);
+    i0.ɵɵelement(1, "i", 40);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const paramValue_r2 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", paramValue_r2.Error, " ");
+} }
+function ActionTestHarnessComponent_Conditional_16_Conditional_1_For_2_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 34);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const paramValue_r2 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" Default: ", paramValue_r2.Param.DefaultValue, " ");
+} }
+function ActionTestHarnessComponent_Conditional_16_Conditional_1_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 23)(1, "label");
+    i0.ɵɵtext(2);
+    i0.ɵɵtemplate(3, ActionTestHarnessComponent_Conditional_16_Conditional_1_For_2_Conditional_3_Template, 2, 0, "span", 24)(4, ActionTestHarnessComponent_Conditional_16_Conditional_1_For_2_Conditional_4_Template, 2, 0, "span", 25);
+    i0.ɵɵelementStart(5, "span", 26);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(7, ActionTestHarnessComponent_Conditional_16_Conditional_1_For_2_Conditional_7_Template, 2, 1, "div", 27)(8, ActionTestHarnessComponent_Conditional_16_Conditional_1_For_2_Case_8_Template, 1, 2, "textarea", 28)(9, ActionTestHarnessComponent_Conditional_16_Conditional_1_For_2_Case_9_Template, 2, 1, "div", 29)(10, ActionTestHarnessComponent_Conditional_16_Conditional_1_For_2_Case_10_Template, 1, 1, "input", 30)(11, ActionTestHarnessComponent_Conditional_16_Conditional_1_For_2_Case_11_Template, 1, 1, "input", 31)(12, ActionTestHarnessComponent_Conditional_16_Conditional_1_For_2_Case_12_Template, 1, 1, "input", 32)(13, ActionTestHarnessComponent_Conditional_16_Conditional_1_For_2_Conditional_13_Template, 3, 1, "div", 33)(14, ActionTestHarnessComponent_Conditional_16_Conditional_1_For_2_Conditional_14_Template, 2, 1, "div", 34);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    let tmp_19_0;
+    const paramValue_r2 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassProp("required", paramValue_r2.Param.IsRequired)("error", paramValue_r2.Error);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", paramValue_r2.Param.Name, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(paramValue_r2.Param.IsRequired ? 3 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(paramValue_r2.Param.IsArray ? 4 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(paramValue_r2.Param.ValueType);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(paramValue_r2.Param.Description ? 7 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional((tmp_19_0 = ctx_r0.GetInputType(paramValue_r2.Param)) === "textarea" ? 8 : tmp_19_0 === "checkbox" ? 9 : tmp_19_0 === "number" ? 10 : tmp_19_0 === "datetime-local" ? 11 : 12);
+    i0.ɵɵadvance(5);
+    i0.ɵɵconditional(paramValue_r2.Error ? 13 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(paramValue_r2.Param.DefaultValue && !paramValue_r2.Value ? 14 : -1);
+} }
+function ActionTestHarnessComponent_Conditional_16_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 20);
+    i0.ɵɵrepeaterCreate(1, ActionTestHarnessComponent_Conditional_16_Conditional_1_For_2_Template, 15, 12, "div", 22, _forTrack0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r0.ParamValues);
+} }
+function ActionTestHarnessComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, ActionTestHarnessComponent_Conditional_16_Conditional_0_Template, 4, 0, "div", 19)(1, ActionTestHarnessComponent_Conditional_16_Conditional_1_Template, 3, 0, "div", 20);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵconditional(ctx_r0.ParamValues.length === 0 ? 0 : 1);
+} }
+function ActionTestHarnessComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 41);
+    i0.ɵɵtext(1, " Executing... ");
+} }
+function ActionTestHarnessComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 42);
+    i0.ɵɵtext(1, " Execute Action ");
+} }
+function ActionTestHarnessComponent_Conditional_24_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 15);
+    i0.ɵɵlistener("click", function ActionTestHarnessComponent_Conditional_24_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.ClearResults()); });
+    i0.ɵɵelement(1, "i", 43);
+    i0.ɵɵtext(2, " Clear Results ");
+    i0.ɵɵelementEnd();
+} }
+function ActionTestHarnessComponent_Conditional_25_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 51);
+    i0.ɵɵlistener("click", function ActionTestHarnessComponent_Conditional_25_Conditional_10_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.CopyResultToClipboard()); });
+    i0.ɵɵelement(1, "i", 52);
+    i0.ɵɵtext(2, " Copy ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "button", 51);
+    i0.ɵɵlistener("click", function ActionTestHarnessComponent_Conditional_25_Conditional_10_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.ShowRawResult = !ctx_r0.ShowRawResult); });
+    i0.ɵɵelement(4, "i", 53);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.ShowRawResult ? "Hide" : "Show", " Raw ");
+} }
+function ActionTestHarnessComponent_Conditional_25_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 49);
+    i0.ɵɵelement(1, "i", 54);
+    i0.ɵɵelementStart(2, "div", 55)(3, "h5");
+    i0.ɵɵtext(4, "Execution Error");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "p");
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate(ctx_r0.ExecutionError);
+} }
+function ActionTestHarnessComponent_Conditional_25_Conditional_12_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 58);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.ExecutionResult.ResultCode);
+} }
+function ActionTestHarnessComponent_Conditional_25_Conditional_12_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 59)(1, "h5");
+    i0.ɵɵelement(2, "i", 61);
+    i0.ɵɵtext(3, " Message ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 62)(5, "pre", 63);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate(ctx_r0.ExecutionResult.Message);
+} }
+function ActionTestHarnessComponent_Conditional_25_Conditional_12_Conditional_7_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 62)(1, "div", 67)(2, "span", 68);
+    i0.ɵɵtext(3, "JSON");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "button", 69);
+    i0.ɵɵlistener("click", function ActionTestHarnessComponent_Conditional_25_Conditional_12_Conditional_7_Conditional_7_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r11); const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.CopyResultDataToClipboard()); });
+    i0.ɵɵelement(5, "i", 52);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "pre", 70);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(7);
+    i0.ɵɵtextInterpolate(ctx_r0.FormatResultData(ctx_r0.ExecutionResult.ResultData));
+} }
+function ActionTestHarnessComponent_Conditional_25_Conditional_12_Conditional_7_Conditional_8_Conditional_0_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 72)(1, "label");
+    i0.ɵɵelement(2, "i", 73);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 74)(5, "pre", 63);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const outputParam_r12 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(6);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", outputParam_r12.Name, " ");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r0.GetOutputParamValue(outputParam_r12.Name));
+} }
+function ActionTestHarnessComponent_Conditional_25_Conditional_12_Conditional_7_Conditional_8_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 71);
+    i0.ɵɵrepeaterCreate(1, ActionTestHarnessComponent_Conditional_25_Conditional_12_Conditional_7_Conditional_8_Conditional_0_For_2_Template, 7, 2, "div", 72, _forTrack1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(5);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r0.GetOutputParams());
+} }
+function ActionTestHarnessComponent_Conditional_25_Conditional_12_Conditional_7_Conditional_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 62)(1, "div", 67)(2, "span", 68);
+    i0.ɵɵtext(3, "JSON");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "button", 69);
+    i0.ɵɵlistener("click", function ActionTestHarnessComponent_Conditional_25_Conditional_12_Conditional_7_Conditional_8_Conditional_1_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r13); const ctx_r0 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r0.CopyResultDataToClipboard()); });
+    i0.ɵɵelement(5, "i", 52);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "pre", 70);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(5);
+    i0.ɵɵadvance(7);
+    i0.ɵɵtextInterpolate(ctx_r0.FormatResultData(ctx_r0.ExecutionResult.ResultData));
+} }
+function ActionTestHarnessComponent_Conditional_25_Conditional_12_Conditional_7_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, ActionTestHarnessComponent_Conditional_25_Conditional_12_Conditional_7_Conditional_8_Conditional_0_Template, 3, 0, "div", 71)(1, ActionTestHarnessComponent_Conditional_25_Conditional_12_Conditional_7_Conditional_8_Conditional_1_Template, 8, 1, "div", 62);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(4);
+    i0.ɵɵconditional(ctx_r0.GetOutputParams().length > 0 ? 0 : 1);
+} }
+function ActionTestHarnessComponent_Conditional_25_Conditional_12_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 60)(1, "h5");
+    i0.ɵɵelement(2, "i", 64);
+    i0.ɵɵtext(3, " Result Data ");
+    i0.ɵɵelementStart(4, "button", 65);
+    i0.ɵɵlistener("click", function ActionTestHarnessComponent_Conditional_25_Conditional_12_Conditional_7_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r10); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.ShowRawResult = !ctx_r0.ShowRawResult); });
+    i0.ɵɵelement(5, "i", 66);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(7, ActionTestHarnessComponent_Conditional_25_Conditional_12_Conditional_7_Conditional_7_Template, 8, 1, "div", 62)(8, ActionTestHarnessComponent_Conditional_25_Conditional_12_Conditional_7_Conditional_8_Template, 2, 1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(5);
+    i0.ɵɵclassProp("fa-code", !ctx_r0.ShowRawResult)("fa-list", ctx_r0.ShowRawResult);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.ShowRawResult ? "Formatted View" : "Raw JSON", " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.ShowRawResult ? 7 : 8);
+} }
+function ActionTestHarnessComponent_Conditional_25_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 56)(1, "div", 57);
+    i0.ɵɵelement(2, "i");
+    i0.ɵɵelementStart(3, "span");
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(5, ActionTestHarnessComponent_Conditional_25_Conditional_12_Conditional_5_Template, 2, 1, "span", 58);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(6, ActionTestHarnessComponent_Conditional_25_Conditional_12_Conditional_6_Template, 7, 1, "div", 59)(7, ActionTestHarnessComponent_Conditional_25_Conditional_12_Conditional_7_Template, 9, 6, "div", 60);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("failure", !ctx_r0.ExecutionResult.Success);
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("background-color", ctx_r0.GetResultColor());
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap("fa-solid " + ctx_r0.GetResultIcon());
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r0.ExecutionResult.Success ? "Success" : "Failed");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.ExecutionResult.ResultCode ? 5 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.ExecutionResult.Message ? 6 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.ExecutionResult.ResultData !== null && ctx_r0.ExecutionResult.ResultData !== undefined ? 7 : -1);
+} }
+function ActionTestHarnessComponent_Conditional_25_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 18, 0)(2, "div", 44)(3, "h4");
+    i0.ɵɵelement(4, "i", 45);
+    i0.ɵɵtext(5, " Execution Results ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "div", 46)(7, "span", 47);
+    i0.ɵɵelement(8, "i", 48);
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(10, ActionTestHarnessComponent_Conditional_25_Conditional_10_Template, 6, 1);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(11, ActionTestHarnessComponent_Conditional_25_Conditional_11_Template, 7, 1, "div", 49)(12, ActionTestHarnessComponent_Conditional_25_Conditional_12_Template, 8, 10, "div", 50);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(9);
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.ExecutionTime, "ms ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.ExecutionResult ? 10 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.ExecutionError ? 11 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.ExecutionResult ? 12 : -1);
+} }
+// Setting key prefix for action run input caching
+const ACTION_INPUT_CACHE_PREFIX = '__ACTION_DASHBOARD__action-run-inputs/';
+export class ActionTestHarnessComponent {
+    // Input properties with getter/setters
+    set Action(value) {
+        this._action = value;
+        if (value && this._actionParams.length > 0) {
+            this.initializeParamValues();
+        }
+    }
+    get Action() {
+        return this._action;
+    }
+    set ActionParams(value) {
+        this._actionParams = value || [];
+        if (this._action && value) {
+            this.initializeParamValues();
+        }
+    }
+    get ActionParams() {
+        return this._actionParams;
+    }
+    set IsVisible(value) {
+        this._isVisible = value;
+    }
+    get IsVisible() {
+        return this._isVisible;
+    }
+    constructor(cdr) {
+        this.cdr = cdr;
+        this._actionParams = [];
+        this._isVisible = false;
+        this.VisibilityChange = new EventEmitter();
+        this.ExecutionComplete = new EventEmitter();
+        // Public state properties
+        this.ParamValues = [];
+        this.IsExecuting = false;
+        this.ExecutionResult = null;
+        this.ExecutionError = null;
+        this.ExecutionTime = 0;
+        this.ShowRawResult = false;
+        this.SkipActionLog = false;
+        this.InputsCollapsed = false;
+    }
+    ngOnInit() {
+        this.initializeParamValues();
+    }
+    initializeParamValues() {
+        // Initialize parameter values with defaults
+        this.ParamValues = this._actionParams
+            .filter(p => {
+            const type = p.Type?.trim().toLowerCase();
+            return type === 'input' || type === 'both';
+        })
+            .sort((a, b) => {
+            // Sort required params first, then by name
+            if (a.IsRequired !== b.IsRequired) {
+                return a.IsRequired ? -1 : 1;
+            }
+            return a.Name.localeCompare(b.Name);
+        })
+            .map(param => ({
+            Param: param,
+            Value: this.getDefaultValue(param)
+        }));
+        // Load cached values for this action
+        this.loadCachedInputs();
+    }
+    /**
+     * Load cached input values from UserInfoEngine
+     */
+    loadCachedInputs() {
+        if (!this._action?.ID)
+            return;
+        try {
+            const cacheKey = `${ACTION_INPUT_CACHE_PREFIX}${this._action.ID}`;
+            const cachedJson = UserInfoEngine.Instance.GetSetting(cacheKey);
+            if (cachedJson) {
+                const cachedValues = JSON.parse(cachedJson);
+                // Apply cached values to matching parameters
+                for (const paramValue of this.ParamValues) {
+                    const paramName = paramValue.Param.Name;
+                    if (paramName in cachedValues) {
+                        paramValue.Value = cachedValues[paramName];
+                    }
+                }
+            }
+        }
+        catch (error) {
+            // Silently ignore cache load errors - just use defaults
+            console.warn('Action Test Harness: Failed to load cached inputs', error);
+        }
+    }
+    /**
+     * Save current input values to cache using debounced setting
+     */
+    saveCachedInputs() {
+        if (!this._action?.ID)
+            return;
+        try {
+            const cacheKey = `${ACTION_INPUT_CACHE_PREFIX}${this._action.ID}`;
+            const values = {};
+            for (const paramValue of this.ParamValues) {
+                values[paramValue.Param.Name] = paramValue.Value;
+            }
+            // Use debounced setting to avoid excessive saves during rapid typing
+            UserInfoEngine.Instance.SetSettingDebounced(cacheKey, JSON.stringify(values));
+        }
+        catch (error) {
+            // Silently ignore cache save errors
+            console.warn('Action Test Harness: Failed to save cached inputs', error);
+        }
+    }
+    getDefaultValue(param) {
+        if (param.DefaultValue) {
+            return this.parseDefaultValue(param.DefaultValue, param.ValueType);
+        }
+        // Return appropriate empty value based on type
+        if (param.IsArray) {
+            return [];
+        }
+        switch (param.ValueType) {
+            case 'Scalar':
+                return null;
+            case 'Simple Object':
+                return {};
+            case 'BaseEntity Sub-Class':
+                return null;
+            default:
+                return null;
+        }
+    }
+    parseDefaultValue(defaultValue, valueType) {
+        try {
+            // Try to parse as JSON first
+            return JSON.parse(defaultValue);
+        }
+        catch {
+            // If not JSON, return as string for scalar types
+            if (valueType === 'Scalar') {
+                return defaultValue;
+            }
+            return defaultValue;
+        }
+    }
+    GetInputType(param) {
+        if (param.IsArray || param.ValueType === 'Simple Object' || param.ValueType === 'BaseEntity Sub-Class') {
+            return 'textarea';
+        }
+        // Try to infer from default value or name
+        const value = param.DefaultValue?.toLowerCase() || param.Name.toLowerCase();
+        if (value.includes('date') || value.includes('time')) {
+            return 'datetime-local';
+        }
+        if (value === 'true' || value === 'false') {
+            return 'checkbox';
+        }
+        if (!isNaN(Number(value))) {
+            return 'number';
+        }
+        return 'text';
+    }
+    OnParamValueChange(paramValue, event) {
+        const target = event.target;
+        const inputType = this.GetInputType(paramValue.Param);
+        if (inputType === 'checkbox') {
+            paramValue.Value = target.checked;
+        }
+        else if (inputType === 'number') {
+            paramValue.Value = target.valueAsNumber;
+        }
+        else if (inputType === 'textarea') {
+            // For complex types, try to parse as JSON
+            try {
+                paramValue.Value = JSON.parse(target.value);
+                paramValue.Error = undefined;
+            }
+            catch {
+                // If not valid JSON, keep as string
+                paramValue.Value = target.value;
+                if (paramValue.Param.ValueType !== 'Scalar') {
+                    paramValue.Error = 'Invalid JSON format';
+                }
+            }
+        }
+        else {
+            paramValue.Value = target.value;
+        }
+        // Cache the inputs for this action (debounced)
+        this.saveCachedInputs();
+    }
+    GetParamDisplayValue(paramValue) {
+        if (paramValue.Value === null || paramValue.Value === undefined) {
+            return '';
+        }
+        if (typeof paramValue.Value === 'object') {
+            return JSON.stringify(paramValue.Value, null, 2);
+        }
+        return String(paramValue.Value);
+    }
+    ValidateParams() {
+        let isValid = true;
+        for (const paramValue of this.ParamValues) {
+            // Check required fields
+            if (paramValue.Param.IsRequired) {
+                if (paramValue.Value === null || paramValue.Value === undefined ||
+                    (typeof paramValue.Value === 'string' && paramValue.Value.trim() === '') ||
+                    (Array.isArray(paramValue.Value) && paramValue.Value.length === 0)) {
+                    paramValue.Error = 'This field is required';
+                    isValid = false;
+                }
+            }
+            // Check for JSON parse errors
+            if (paramValue.Error) {
+                isValid = false;
+            }
+        }
+        return isValid;
+    }
+    async ExecuteAction() {
+        if (!this.ValidateParams()) {
+            return;
+        }
+        this.IsExecuting = true;
+        this.ExecutionResult = null;
+        this.ExecutionError = null;
+        const startTime = Date.now();
+        try {
+            // Build parameters object
+            const params = {};
+            for (const paramValue of this.ParamValues) {
+                params[paramValue.Param.Name] = paramValue.Value;
+            }
+            // Execute the action using GraphQL
+            const query = `
+                mutation RunAction($input: RunActionInput!) {
+                    RunAction(input: $input) {
+                        Success
+                        Message
+                        ResultCode
+                        ResultData
+                    }
+                }
+            `;
+            // Get GraphQL data provider from Metadata
+            const graphQLProvider = Metadata.Provider;
+            // Convert params to ActionParamInput array format
+            const actionParams = this.ParamValues.map(paramValue => {
+                // Determine the actual data type for the Type field
+                let dataType = 'string'; // default
+                if (paramValue.Param.ValueType === 'Scalar') {
+                    // For scalar, check the actual value type
+                    if (typeof paramValue.Value === 'boolean') {
+                        dataType = 'boolean';
+                    }
+                    else if (typeof paramValue.Value === 'number') {
+                        dataType = 'number';
+                    }
+                    else {
+                        dataType = 'string';
+                    }
+                }
+                else if (paramValue.Param.ValueType === 'Simple Object') {
+                    dataType = 'object';
+                }
+                else if (paramValue.Param.IsArray) {
+                    dataType = 'array';
+                }
+                return {
+                    Name: paramValue.Param.Name,
+                    Value: paramValue.Value === null || paramValue.Value === undefined
+                        ? null
+                        : typeof paramValue.Value === 'object'
+                            ? JSON.stringify(paramValue.Value)
+                            : String(paramValue.Value),
+                    Type: dataType
+                };
+            });
+            const variables = {
+                input: {
+                    ActionID: this._action.ID,
+                    Params: actionParams,
+                    SkipActionLog: this.SkipActionLog
+                }
+            };
+            let result;
+            try {
+                result = await graphQLProvider.ExecuteGQL(query, variables);
+            }
+            catch (gqlError) {
+                const error = gqlError;
+                console.error('Action Test Harness: GraphQL execution failed', {
+                    error: gqlError,
+                    message: error?.message,
+                    networkError: error?.networkError,
+                    graphQLErrors: error?.graphQLErrors
+                });
+                throw gqlError;
+            }
+            this.ExecutionTime = Date.now() - startTime;
+            if (result?.RunAction) {
+                this.ExecutionResult = result.RunAction;
+                // If result is false/failed, it might still have an error in the data
+                if (!this.ExecutionResult?.Success && this.ExecutionResult?.Message) {
+                    console.warn('Action Test Harness: Action failed with message', this.ExecutionResult.Message);
+                }
+                // Emit the execution complete event
+                if (this.ExecutionResult) {
+                    this.ExecutionComplete.emit(this.ExecutionResult);
+                }
+            }
+            else {
+                console.error('Action Test Harness: No RunAction in result', {
+                    result,
+                    resultType: typeof result,
+                    resultStringified: JSON.stringify(result)
+                });
+                throw new Error('No result returned from action execution');
+            }
+        }
+        catch (error) {
+            this.ExecutionTime = Date.now() - startTime;
+            const err = error;
+            this.ExecutionError = err.message || 'An unknown error occurred';
+            console.error('Action Test Harness: Caught error during action execution', {
+                error: error,
+                message: err?.message,
+                stack: err?.stack,
+                type: err?.constructor?.name
+            });
+        }
+        finally {
+            this.IsExecuting = false;
+            // Auto-collapse inputs and scroll to results
+            this.InputsCollapsed = true;
+            this.cdr.detectChanges();
+            // Scroll to results section after a small delay to allow DOM update
+            setTimeout(() => {
+                this.ScrollToResults();
+            }, 100);
+        }
+    }
+    ScrollToResults() {
+        if (this.ResultsSectionRef?.nativeElement) {
+            this.ResultsSectionRef.nativeElement.scrollIntoView({
+                behavior: 'smooth',
+                block: 'start'
+            });
+        }
+    }
+    ToggleInputsCollapsed() {
+        this.InputsCollapsed = !this.InputsCollapsed;
+    }
+    ClearResults() {
+        this.ExecutionResult = null;
+        this.ExecutionError = null;
+        this.ExecutionTime = 0;
+    }
+    ResetParams() {
+        this.initializeParamValues();
+        this.ClearResults();
+    }
+    CopyResultToClipboard() {
+        if (!this.ExecutionResult)
+            return;
+        const resultText = JSON.stringify(this.ExecutionResult, null, 2);
+        navigator.clipboard.writeText(resultText).catch(() => {
+            // Failed to copy to clipboard
+        });
+    }
+    CopyResultDataToClipboard() {
+        if (!this.ExecutionResult?.ResultData)
+            return;
+        const resultDataText = this.FormatResultData(this.ExecutionResult.ResultData);
+        navigator.clipboard.writeText(resultDataText).catch(() => {
+            // Failed to copy to clipboard
+        });
+    }
+    GetResultIcon() {
+        if (!this.ExecutionResult)
+            return '';
+        return this.ExecutionResult.Success ? 'fa-check-circle' : 'fa-times-circle';
+    }
+    GetResultColor() {
+        if (!this.ExecutionResult)
+            return '';
+        return this.ExecutionResult.Success ? '#28a745' : '#dc3545';
+    }
+    GetOutputParams() {
+        return this._actionParams.filter(p => p.Type === 'Output' || p.Type === 'Both');
+    }
+    GetOutputParamValue(paramName) {
+        if (!this.ExecutionResult?.ResultData)
+            return 'null';
+        const data = this.ExecutionResult.ResultData;
+        return this.FormatResultData(data[paramName]);
+    }
+    FormatResultData(data) {
+        if (data === null || data === undefined)
+            return 'null';
+        if (typeof data === 'object') {
+            return JSON.stringify(data, null, 2);
+        }
+        return String(data);
+    }
+    static { this.ɵfac = function ActionTestHarnessComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ActionTestHarnessComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ActionTestHarnessComponent, selectors: [["mj-action-test-harness"]], viewQuery: function ActionTestHarnessComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.ResultsSectionRef = _t.first);
+        } }, inputs: { Action: "Action", ActionParams: "ActionParams", IsVisible: "IsVisible" }, outputs: { VisibilityChange: "VisibilityChange", ExecutionComplete: "ExecutionComplete" }, decls: 26, vars: 14, consts: [["resultsSection", ""], [1, "action-test-harness"], [1, "harness-header"], [1, "fa-solid", "fa-flask"], [1, "header-actions"], [1, "toggle-label"], ["type", "checkbox", 1, "toggle-checkbox", 3, "ngModelChange", "ngModel"], [1, "toggle-slider"], [1, "parameters-section"], [1, "section-header", "clickable", 3, "click"], [1, "fa-solid", "fa-sliders"], [1, "param-count"], [1, "collapse-icon", "fa-solid"], [1, "action-buttons"], [1, "btn", "btn-primary", "btn-large", 3, "click", "disabled"], [1, "btn", "btn-outline", 3, "click"], [1, "fa-solid", "fa-undo"], [1, "btn", "btn-outline"], [1, "results-section"], [1, "no-params"], [1, "params-grid"], [1, "fa-solid", "fa-inbox"], [1, "param-field", 3, "required", "error"], [1, "param-field"], [1, "required-indicator"], [1, "array-badge"], [1, "value-type"], [1, "param-description"], ["rows", "4", 1, "param-input", 3, "value", "placeholder"], [1, "checkbox-wrapper"], ["type", "number", "placeholder", "Enter number", 1, "param-input", 3, "value"], ["type", "datetime-local", 1, "param-input", 3, "value"], ["type", "text", "placeholder", "Enter value", 1, "param-input", 3, "value"], [1, "field-error"], [1, "default-hint"], ["rows", "4", 1, "param-input", 3, "change", "value", "placeholder"], ["type", "checkbox", 1, "param-checkbox", 3, "change", "checked"], ["type", "number", "placeholder", "Enter number", 1, "param-input", 3, "change", "value"], ["type", "datetime-local", 1, "param-input", 3, "change", "value"], ["type", "text", "placeholder", "Enter value", 1, "param-input", 3, "change", "value"], [1, "fa-solid", "fa-exclamation-circle"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-play"], [1, "fa-solid", "fa-trash"], [1, "results-header"], [1, "fa-solid", "fa-poll"], [1, "execution-meta"], [1, "execution-time"], [1, "fa-solid", "fa-clock"], [1, "error-result"], [1, "success-result", 3, "failure"], [1, "btn", "btn-flat", "btn-small", 3, "click"], [1, "fa-solid", "fa-copy"], [1, "fa-solid", "fa-code"], [1, "fa-solid", "fa-exclamation-triangle"], [1, "error-content"], [1, "success-result"], [1, "status-banner"], [1, "result-code"], [1, "result-message"], [1, "result-data"], [1, "fa-solid", "fa-message"], [1, "code-editor-container"], [1, "code-editor"], [1, "fa-solid", "fa-database"], [1, "btn", "btn-flat", "btn-small", "toggle-view-btn", 3, "click"], [1, "fa-solid"], [1, "code-editor-header"], [1, "language-badge"], [1, "btn", "btn-flat", "btn-small", "copy-btn", 3, "click"], [1, "code-editor", "json"], [1, "output-params"], [1, "output-param"], [1, "fa-solid", "fa-tag"], [1, "code-editor-container", "compact"]], template: function ActionTestHarnessComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 1)(1, "div", 2)(2, "h3");
+            i0.ɵɵelement(3, "i", 3);
+            i0.ɵɵtext(4);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(5, "div", 4)(6, "label", 5)(7, "input", 6);
+            i0.ɵɵtwoWayListener("ngModelChange", function ActionTestHarnessComponent_Template_input_ngModelChange_7_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.SkipActionLog, $event) || (ctx.SkipActionLog = $event); return $event; });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(8, "span", 7);
+            i0.ɵɵtext(9, " Skip Action Log ");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(10, "div", 8)(11, "h4", 9);
+            i0.ɵɵlistener("click", function ActionTestHarnessComponent_Template_h4_click_11_listener() { return ctx.ToggleInputsCollapsed(); });
+            i0.ɵɵelement(12, "i", 10);
+            i0.ɵɵtext(13, " Input Parameters ");
+            i0.ɵɵtemplate(14, ActionTestHarnessComponent_Conditional_14_Template, 2, 1, "span", 11);
+            i0.ɵɵelement(15, "i", 12);
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(16, ActionTestHarnessComponent_Conditional_16_Template, 2, 1);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(17, "div", 13)(18, "button", 14);
+            i0.ɵɵlistener("click", function ActionTestHarnessComponent_Template_button_click_18_listener() { return ctx.ExecuteAction(); });
+            i0.ɵɵtemplate(19, ActionTestHarnessComponent_Conditional_19_Template, 2, 0)(20, ActionTestHarnessComponent_Conditional_20_Template, 2, 0);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(21, "button", 15);
+            i0.ɵɵlistener("click", function ActionTestHarnessComponent_Template_button_click_21_listener() { return ctx.ResetParams(); });
+            i0.ɵɵelement(22, "i", 16);
+            i0.ɵɵtext(23, " Reset ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(24, ActionTestHarnessComponent_Conditional_24_Template, 3, 0, "button", 17);
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(25, ActionTestHarnessComponent_Conditional_25_Template, 13, 4, "div", 18);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance(4);
+            i0.ɵɵtextInterpolate1(" Test Harness for ", ctx.Action.Name, " ");
+            i0.ɵɵadvance(3);
+            i0.ɵɵtwoWayProperty("ngModel", ctx.SkipActionLog);
+            i0.ɵɵadvance(3);
+            i0.ɵɵclassProp("collapsed", ctx.InputsCollapsed);
+            i0.ɵɵadvance(4);
+            i0.ɵɵconditional(ctx.ParamValues.length > 0 ? 14 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵclassProp("fa-chevron-down", ctx.InputsCollapsed)("fa-chevron-up", !ctx.InputsCollapsed);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(!ctx.InputsCollapsed ? 16 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("disabled", ctx.IsExecuting || ctx.Action.Status !== "Active");
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.IsExecuting ? 19 : 20);
+            i0.ɵɵadvance(5);
+            i0.ɵɵconditional(ctx.ExecutionResult || ctx.ExecutionError ? 24 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.ExecutionResult || ctx.ExecutionError ? 25 : -1);
+        } }, dependencies: [i1.CheckboxControlValueAccessor, i1.NgControlStatus, i1.NgModel], styles: [".action-test-harness[_ngcontent-%COMP%] {\n    background: white;\n    border-radius: 8px;\n    padding: 24px;\n    max-width: 100%;\n    margin: 0;\n    width: 100%;\n    box-sizing: border-box;\n}\n\n\n\n.action-test-harness[_ngcontent-%COMP%]   *[_ngcontent-%COMP%] {\n    box-sizing: border-box;\n}\n\n\n\n.harness-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 2px solid #e9ecef;\n    flex-wrap: wrap;\n    gap: 12px;\n}\n\n.harness-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    margin: 0;\n    color: #2c3e50;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.harness-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: #6f42c1;\n}\n\n.header-actions[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n\n\n.toggle-label[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    cursor: pointer;\n    font-size: 0.9em;\n    color: #495057;\n}\n\n.toggle-checkbox[_ngcontent-%COMP%] {\n    display: none;\n}\n\n.toggle-slider[_ngcontent-%COMP%] {\n    position: relative;\n    width: 36px;\n    height: 20px;\n    background: #dee2e6;\n    border-radius: 10px;\n    transition: background 0.2s;\n}\n\n.toggle-slider[_ngcontent-%COMP%]::before {\n    content: '';\n    position: absolute;\n    top: 2px;\n    left: 2px;\n    width: 16px;\n    height: 16px;\n    background: white;\n    border-radius: 50%;\n    transition: transform 0.2s;\n    box-shadow: 0 1px 3px rgba(0,0,0,0.2);\n}\n\n.toggle-checkbox[_ngcontent-%COMP%]:checked    + .toggle-slider[_ngcontent-%COMP%] {\n    background: #6f42c1;\n}\n\n.toggle-checkbox[_ngcontent-%COMP%]:checked    + .toggle-slider[_ngcontent-%COMP%]::before {\n    transform: translateX(16px);\n}\n\n\n\n.parameters-section[_ngcontent-%COMP%] {\n    margin-bottom: 20px;\n    width: 100%;\n    overflow-x: auto;\n    border: 1px solid #e9ecef;\n    border-radius: 6px;\n    background: #fff;\n}\n\n.parameters-section.collapsed[_ngcontent-%COMP%] {\n    margin-bottom: 12px;\n}\n\n.parameters-section[_ngcontent-%COMP%]   h4.section-header[_ngcontent-%COMP%] {\n    margin: 0;\n    padding: 12px 16px;\n    color: #495057;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    background: #f8f9fa;\n    border-radius: 6px 6px 0 0;\n}\n\n.parameters-section.collapsed[_ngcontent-%COMP%]   h4.section-header[_ngcontent-%COMP%] {\n    border-radius: 6px;\n}\n\n.section-header.clickable[_ngcontent-%COMP%] {\n    cursor: pointer;\n    user-select: none;\n}\n\n.section-header.clickable[_ngcontent-%COMP%]:hover {\n    background: #e9ecef;\n}\n\n.param-count[_ngcontent-%COMP%] {\n    color: #6c757d;\n    font-weight: 400;\n    font-size: 0.9em;\n}\n\n.collapse-icon[_ngcontent-%COMP%] {\n    margin-left: auto;\n    color: #6c757d;\n    font-size: 0.85em;\n    transition: transform 0.2s ease;\n}\n\n.no-params[_ngcontent-%COMP%] {\n    text-align: center;\n    padding: 40px 16px;\n    color: #6c757d;\n}\n\n.no-params[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 2.5em;\n    margin-bottom: 12px;\n    opacity: 0.3;\n    display: block;\n}\n\n.params-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n    gap: 16px;\n    width: 100%;\n    padding: 16px;\n}\n\n.param-field[_ngcontent-%COMP%] {\n    background: #f8f9fa;\n    border: 1px solid #e9ecef;\n    border-radius: 6px;\n    padding: 12px;\n    transition: all 0.2s;\n    min-width: 0;\n    overflow: hidden;\n}\n\n.param-field[_ngcontent-%COMP%]:hover {\n    border-color: #dee2e6;\n    box-shadow: 0 2px 4px rgba(0,0,0,0.05);\n}\n\n.param-field.required[_ngcontent-%COMP%] {\n    border-left: 3px solid #ffc107;\n}\n\n.param-field.error[_ngcontent-%COMP%] {\n    border-color: #dc3545;\n    background: #f8d7da20;\n}\n\n.param-field[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    margin-bottom: 8px;\n    font-weight: 600;\n    color: #495057;\n    flex-wrap: wrap;\n    font-size: 0.95em;\n}\n\n.required-indicator[_ngcontent-%COMP%] {\n    color: #dc3545;\n}\n\n.array-badge[_ngcontent-%COMP%] {\n    background: #6f42c1;\n    color: white;\n    padding: 2px 6px;\n    border-radius: 10px;\n    font-size: 0.75em;\n    font-weight: 500;\n}\n\n.value-type[_ngcontent-%COMP%] {\n    margin-left: auto;\n    color: #6c757d;\n    font-size: 0.8em;\n    font-weight: 400;\n    white-space: nowrap;\n}\n\n.param-description[_ngcontent-%COMP%] {\n    color: #6c757d;\n    font-size: 0.9em;\n    margin-bottom: 8px;\n    line-height: 1.4;\n}\n\n.param-input[_ngcontent-%COMP%] {\n    width: 100%;\n    padding: 8px 12px;\n    border: 1px solid #ced4da;\n    border-radius: 4px;\n    font-family: inherit;\n    font-size: 0.95em;\n    transition: border-color 0.2s;\n    box-sizing: border-box;\n    max-width: 100%;\n}\n\n.param-input[_ngcontent-%COMP%]:focus {\n    outline: none;\n    border-color: #80bdff;\n    box-shadow: 0 0 0 2px rgba(0,123,255,0.1);\n}\n\ntextarea.param-input[_ngcontent-%COMP%] {\n    resize: vertical;\n    font-family: 'Courier New', monospace;\n    font-size: 0.9em;\n}\n\n.checkbox-wrapper[_ngcontent-%COMP%] {\n    padding: 8px 0;\n}\n\n.param-checkbox[_ngcontent-%COMP%] {\n    width: 20px;\n    height: 20px;\n    cursor: pointer;\n}\n\n.field-error[_ngcontent-%COMP%] {\n    margin-top: 6px;\n    color: #dc3545;\n    font-size: 0.85em;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.default-hint[_ngcontent-%COMP%] {\n    margin-top: 6px;\n    color: #6c757d;\n    font-size: 0.85em;\n    font-style: italic;\n}\n\n\n\n.btn[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 16px;\n    border: 1px solid transparent;\n    border-radius: 4px;\n    font-size: 0.95em;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.2s;\n    font-family: inherit;\n}\n\n.btn[_ngcontent-%COMP%]:disabled {\n    opacity: 0.65;\n    cursor: not-allowed;\n}\n\n.btn-primary[_ngcontent-%COMP%] {\n    background: #6f42c1;\n    color: white;\n    border-color: #6f42c1;\n}\n\n.btn-primary[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: #5a32a3;\n    border-color: #5a32a3;\n}\n\n.btn-outline[_ngcontent-%COMP%] {\n    background: white;\n    color: #495057;\n    border-color: #ced4da;\n}\n\n.btn-outline[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: #f8f9fa;\n    border-color: #adb5bd;\n}\n\n.btn-flat[_ngcontent-%COMP%] {\n    background: transparent;\n    color: #6c757d;\n    border: none;\n    padding: 4px 8px;\n}\n\n.btn-flat[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: rgba(0,0,0,0.05);\n    color: #495057;\n}\n\n.btn-large[_ngcontent-%COMP%] {\n    padding: 12px 24px;\n    font-size: 1em;\n}\n\n.btn-small[_ngcontent-%COMP%] {\n    padding: 4px 8px;\n    font-size: 0.85em;\n}\n\n\n\n.action-buttons[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 12px;\n    margin-bottom: 24px;\n    padding: 16px;\n    background: #f8f9fa;\n    border-radius: 6px;\n    align-items: center;\n    flex-wrap: wrap;\n}\n\n\n\n.results-section[_ngcontent-%COMP%] {\n    border: 2px solid #e9ecef;\n    border-radius: 8px;\n    overflow: hidden;\n    margin-top: 20px;\n}\n\n.results-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 16px 20px;\n    background: #f8f9fa;\n    border-bottom: 1px solid #e9ecef;\n}\n\n.results-header[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0;\n    color: #495057;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.execution-meta[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.execution-time[_ngcontent-%COMP%] {\n    color: #6c757d;\n    font-size: 0.9em;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n\n\n.error-result[_ngcontent-%COMP%] {\n    padding: 20px;\n    background: #f8d7da;\n    display: flex;\n    gap: 16px;\n    align-items: flex-start;\n}\n\n.error-result[_ngcontent-%COMP%]    > i[_ngcontent-%COMP%] {\n    font-size: 1.5em;\n    color: #dc3545;\n    flex-shrink: 0;\n}\n\n.error-content[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%] {\n    margin: 0 0 8px 0;\n    color: #721c24;\n}\n\n.error-content[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n    color: #721c24;\n}\n\n\n\n.success-result[_ngcontent-%COMP%] {\n    background: white;\n}\n\n.success-result.failure[_ngcontent-%COMP%]   .status-banner[_ngcontent-%COMP%] {\n    background: #dc3545 !important;\n}\n\n.status-banner[_ngcontent-%COMP%] {\n    padding: 16px 20px;\n    color: white;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    font-weight: 600;\n    font-size: 1.1em;\n}\n\n.status-banner[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 1.2em;\n}\n\n.result-code[_ngcontent-%COMP%] {\n    margin-left: auto;\n    background: rgba(255,255,255,0.2);\n    padding: 4px 10px;\n    border-radius: 12px;\n    font-size: 0.9em;\n}\n\n.result-message[_ngcontent-%COMP%] {\n    padding: 20px;\n    border-bottom: 1px solid #e9ecef;\n}\n\n.result-message[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%] {\n    margin: 0 0 12px 0;\n    color: #495057;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.result-message[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: #17a2b8;\n}\n\n.result-message[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n    color: #6c757d;\n    line-height: 1.5;\n}\n\n.result-message[_ngcontent-%COMP%]   .code-editor-container[_ngcontent-%COMP%] {\n    margin-bottom: 0;\n}\n\n.result-message[_ngcontent-%COMP%]   .code-editor[_ngcontent-%COMP%] {\n    color: #e8e8e8;\n    background: #2d2d30;\n    max-height: 200px;\n    overflow-y: auto;\n}\n\n\n\n.result-data[_ngcontent-%COMP%] {\n    padding: 20px;\n}\n\n.result-data[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%] {\n    margin: 0 0 16px 0;\n    color: #495057;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.result-data[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: #6f42c1;\n}\n\n.toggle-view-btn[_ngcontent-%COMP%] {\n    margin-left: auto;\n    font-size: 0.85em;\n}\n\n.raw-data[_ngcontent-%COMP%] {\n    background: #f8f9fa;\n    border: 1px solid #e9ecef;\n    border-radius: 4px;\n    padding: 16px;\n    margin: 0;\n    font-family: 'Courier New', monospace;\n    font-size: 0.9em;\n    overflow-x: auto;\n    white-space: pre-wrap;\n    word-break: break-word;\n}\n\n\n\n.code-editor-container[_ngcontent-%COMP%] {\n    background: #1e1e1e;\n    border-radius: 6px;\n    overflow: hidden;\n    margin-bottom: 16px;\n}\n\n.code-editor-container.compact[_ngcontent-%COMP%] {\n    margin-bottom: 0;\n}\n\n.code-editor-header[_ngcontent-%COMP%] {\n    background: #2d2d30;\n    padding: 8px 12px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    border-bottom: 1px solid #3e3e42;\n}\n\n.language-badge[_ngcontent-%COMP%] {\n    background: #007acc;\n    color: white;\n    padding: 2px 8px;\n    border-radius: 3px;\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n}\n\n.copy-btn[_ngcontent-%COMP%] {\n    color: #cccccc;\n    padding: 4px 8px;\n    min-width: auto;\n}\n\n.copy-btn[_ngcontent-%COMP%]:hover {\n    color: #ffffff;\n    background: rgba(255, 255, 255, 0.1);\n}\n\n.code-editor[_ngcontent-%COMP%] {\n    background: #1e1e1e;\n    color: #d4d4d4;\n    border: none;\n    border-radius: 0;\n    padding: 16px;\n    margin: 0;\n    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;\n    font-size: 13px;\n    line-height: 1.5;\n    overflow-x: auto;\n    white-space: pre-wrap;\n    word-break: break-word;\n}\n\n.code-editor.json[_ngcontent-%COMP%] {\n    \n\n    color: #9cdcfe;\n}\n\n\n\n.output-params[_ngcontent-%COMP%] {\n    display: grid;\n    gap: 16px;\n}\n\n.output-param[_ngcontent-%COMP%] {\n    background: #f8f9fa;\n    border: 1px solid #e9ecef;\n    border-radius: 6px;\n    padding: 16px;\n}\n\n.output-param[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    margin-bottom: 8px;\n    font-weight: 600;\n    color: #495057;\n}\n\n.output-param[_ngcontent-%COMP%]   label[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: #6f42c1;\n    font-size: 0.9em;\n}\n\n.output-value[_ngcontent-%COMP%] {\n    background: white;\n    border: 1px solid #dee2e6;\n    border-radius: 4px;\n    padding: 12px;\n}\n\n.output-value[_ngcontent-%COMP%]   pre[_ngcontent-%COMP%] {\n    margin: 0;\n    font-family: 'Courier New', monospace;\n    font-size: 0.9em;\n    white-space: pre-wrap;\n    word-break: break-word;\n}\n\n.no-value[_ngcontent-%COMP%] {\n    color: #6c757d;\n    font-style: italic;\n}\n\n\n\n@media (max-width: 768px) {\n    .params-grid[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n    }\n\n    .harness-header[_ngcontent-%COMP%] {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 12px;\n    }\n\n    .results-header[_ngcontent-%COMP%] {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 12px;\n    }\n\n    .action-buttons[_ngcontent-%COMP%] {\n        flex-wrap: wrap;\n    }\n}"] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActionTestHarnessComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-action-test-harness', template: "<div class=\"action-test-harness\">\n    <div class=\"harness-header\">\n        <h3>\n            <i class=\"fa-solid fa-flask\"></i>\n            Test Harness for {{ Action.Name }}\n        </h3>\n        <div class=\"header-actions\">\n            <label class=\"toggle-label\">\n                <input type=\"checkbox\"\n                    [(ngModel)]=\"SkipActionLog\"\n                    class=\"toggle-checkbox\">\n                <span class=\"toggle-slider\"></span>\n                Skip Action Log\n            </label>\n        </div>\n    </div>\n\n    <!-- Input Parameters Section -->\n    <div class=\"parameters-section\" [class.collapsed]=\"InputsCollapsed\">\n        <h4 class=\"section-header clickable\" (click)=\"ToggleInputsCollapsed()\">\n            <i class=\"fa-solid fa-sliders\"></i>\n            Input Parameters\n            @if (ParamValues.length > 0) {\n                <span class=\"param-count\">({{ ParamValues.length }})</span>\n            }\n            <i class=\"collapse-icon fa-solid\" [class.fa-chevron-down]=\"InputsCollapsed\" [class.fa-chevron-up]=\"!InputsCollapsed\"></i>\n        </h4>\n\n        @if (!InputsCollapsed) {\n            @if (ParamValues.length === 0) {\n                <div class=\"no-params\">\n                    <i class=\"fa-solid fa-inbox\"></i>\n                    <p>This action has no input parameters</p>\n                </div>\n            } @else {\n                <div class=\"params-grid\">\n                    @for (paramValue of ParamValues; track paramValue.Param.ID) {\n                        <div class=\"param-field\" [class.required]=\"paramValue.Param.IsRequired\" [class.error]=\"paramValue.Error\">\n                            <label>\n                                {{ paramValue.Param.Name }}\n                                @if (paramValue.Param.IsRequired) {\n                                    <span class=\"required-indicator\">*</span>\n                                }\n                                @if (paramValue.Param.IsArray) {\n                                    <span class=\"array-badge\">Array</span>\n                                }\n                                <span class=\"value-type\">{{ paramValue.Param.ValueType }}</span>\n                            </label>\n\n                            @if (paramValue.Param.Description) {\n                                <div class=\"param-description\">{{ paramValue.Param.Description }}</div>\n                            }\n\n                            @switch (GetInputType(paramValue.Param)) {\n                                @case ('textarea') {\n                                    <textarea\n                                        [value]=\"GetParamDisplayValue(paramValue)\"\n                                        (change)=\"OnParamValueChange(paramValue, $event)\"\n                                        [placeholder]=\"paramValue.Param.IsArray ? 'Enter JSON array' : paramValue.Param.ValueType === 'Simple Object' ? 'Enter JSON object' : 'Enter value'\"\n                                        rows=\"4\"\n                                        class=\"param-input\"></textarea>\n                                }\n                                @case ('checkbox') {\n                                    <div class=\"checkbox-wrapper\">\n                                        <input\n                                            type=\"checkbox\"\n                                            [checked]=\"paramValue.Value\"\n                                            (change)=\"OnParamValueChange(paramValue, $event)\"\n                                            class=\"param-checkbox\">\n                                    </div>\n                                }\n                                @case ('number') {\n                                    <input\n                                        type=\"number\"\n                                        [value]=\"paramValue.Value\"\n                                        (change)=\"OnParamValueChange(paramValue, $event)\"\n                                        placeholder=\"Enter number\"\n                                        class=\"param-input\">\n                                }\n                                @case ('datetime-local') {\n                                    <input\n                                        type=\"datetime-local\"\n                                        [value]=\"paramValue.Value\"\n                                        (change)=\"OnParamValueChange(paramValue, $event)\"\n                                        class=\"param-input\">\n                                }\n                                @default {\n                                    <input\n                                        type=\"text\"\n                                        [value]=\"paramValue.Value || ''\"\n                                        (change)=\"OnParamValueChange(paramValue, $event)\"\n                                        placeholder=\"Enter value\"\n                                        class=\"param-input\">\n                                }\n                            }\n\n                            @if (paramValue.Error) {\n                                <div class=\"field-error\">\n                                    <i class=\"fa-solid fa-exclamation-circle\"></i>\n                                    {{ paramValue.Error }}\n                                </div>\n                            }\n\n                            @if (paramValue.Param.DefaultValue && !paramValue.Value) {\n                                <div class=\"default-hint\">\n                                    Default: {{ paramValue.Param.DefaultValue }}\n                                </div>\n                            }\n                        </div>\n                    }\n                </div>\n            }\n        }\n    </div>\n\n    <!-- Action Buttons -->\n    <div class=\"action-buttons\">\n        <button\n            class=\"btn btn-primary btn-large\"\n            (click)=\"ExecuteAction()\"\n            [disabled]=\"IsExecuting || Action.Status !== 'Active'\">\n            @if (IsExecuting) {\n                <i class=\"fa-solid fa-spinner fa-spin\"></i> Executing...\n            } @else {\n                <i class=\"fa-solid fa-play\"></i> Execute Action\n            }\n        </button>\n\n        <button\n            class=\"btn btn-outline\"\n            (click)=\"ResetParams()\">\n            <i class=\"fa-solid fa-undo\"></i> Reset\n        </button>\n\n        @if (ExecutionResult || ExecutionError) {\n            <button\n                class=\"btn btn-outline\"\n                (click)=\"ClearResults()\">\n                <i class=\"fa-solid fa-trash\"></i> Clear Results\n            </button>\n        }\n    </div>\n\n    <!-- Results Section -->\n    @if (ExecutionResult || ExecutionError) {\n        <div class=\"results-section\" #resultsSection>\n            <div class=\"results-header\">\n                <h4>\n                    <i class=\"fa-solid fa-poll\"></i>\n                    Execution Results\n                </h4>\n                <div class=\"execution-meta\">\n                    <span class=\"execution-time\">\n                        <i class=\"fa-solid fa-clock\"></i>\n                        {{ ExecutionTime }}ms\n                    </span>\n                    @if (ExecutionResult) {\n                        <button\n                            class=\"btn btn-flat btn-small\"\n                            (click)=\"CopyResultToClipboard()\">\n                            <i class=\"fa-solid fa-copy\"></i> Copy\n                        </button>\n                        <button\n                            class=\"btn btn-flat btn-small\"\n                            (click)=\"ShowRawResult = !ShowRawResult\">\n                            <i class=\"fa-solid fa-code\"></i>\n                            {{ ShowRawResult ? 'Hide' : 'Show' }} Raw\n                        </button>\n                    }\n                </div>\n            </div>\n\n            @if (ExecutionError) {\n                <div class=\"error-result\">\n                    <i class=\"fa-solid fa-exclamation-triangle\"></i>\n                    <div class=\"error-content\">\n                        <h5>Execution Error</h5>\n                        <p>{{ ExecutionError }}</p>\n                    </div>\n                </div>\n            }\n\n            @if (ExecutionResult) {\n                <div class=\"success-result\" [class.failure]=\"!ExecutionResult.Success\">\n                    <!-- Status Banner -->\n                    <div class=\"status-banner\" [style.background-color]=\"GetResultColor()\">\n                        <i [class]=\"'fa-solid ' + GetResultIcon()\"></i>\n                        <span>{{ ExecutionResult.Success ? 'Success' : 'Failed' }}</span>\n                        @if (ExecutionResult.ResultCode) {\n                            <span class=\"result-code\">{{ ExecutionResult.ResultCode }}</span>\n                        }\n                    </div>\n\n                    <!-- Message -->\n                    @if (ExecutionResult.Message) {\n                        <div class=\"result-message\">\n                            <h5>\n                                <i class=\"fa-solid fa-message\"></i> Message\n                            </h5>\n                            <div class=\"code-editor-container\">\n                                <pre class=\"code-editor\">{{ ExecutionResult.Message }}</pre>\n                            </div>\n                        </div>\n                    }\n\n                    <!-- Result Data -->\n                    @if (ExecutionResult.ResultData !== null && ExecutionResult.ResultData !== undefined) {\n                        <div class=\"result-data\">\n                            <h5>\n                                <i class=\"fa-solid fa-database\"></i> Result Data\n                                <button\n                                    class=\"btn btn-flat btn-small toggle-view-btn\"\n                                    (click)=\"ShowRawResult = !ShowRawResult\">\n                                    <i class=\"fa-solid\" [class.fa-code]=\"!ShowRawResult\" [class.fa-list]=\"ShowRawResult\"></i>\n                                    {{ ShowRawResult ? 'Formatted View' : 'Raw JSON' }}\n                                </button>\n                            </h5>\n                            @if (ShowRawResult) {\n                                <div class=\"code-editor-container\">\n                                    <div class=\"code-editor-header\">\n                                        <span class=\"language-badge\">JSON</span>\n                                        <button\n                                            class=\"btn btn-flat btn-small copy-btn\"\n                                            (click)=\"CopyResultDataToClipboard()\">\n                                            <i class=\"fa-solid fa-copy\"></i>\n                                        </button>\n                                    </div>\n                                    <pre class=\"code-editor json\">{{ FormatResultData(ExecutionResult.ResultData) }}</pre>\n                                </div>\n                            } @else {\n                                <!-- Output Parameters Mapping -->\n                                @if (GetOutputParams().length > 0) {\n                                    <div class=\"output-params\">\n                                        @for (outputParam of GetOutputParams(); track outputParam.ID) {\n                                            <div class=\"output-param\">\n                                                <label>\n                                                    <i class=\"fa-solid fa-tag\"></i> {{ outputParam.Name }}\n                                                </label>\n                                                <div class=\"code-editor-container compact\">\n                                                    <pre class=\"code-editor\">{{ GetOutputParamValue(outputParam.Name) }}</pre>\n                                                </div>\n                                            </div>\n                                        }\n                                    </div>\n                                } @else {\n                                    <div class=\"code-editor-container\">\n                                        <div class=\"code-editor-header\">\n                                            <span class=\"language-badge\">JSON</span>\n                                            <button\n                                                class=\"btn btn-flat btn-small copy-btn\"\n                                                (click)=\"CopyResultDataToClipboard()\">\n                                                <i class=\"fa-solid fa-copy\"></i>\n                                            </button>\n                                        </div>\n                                        <pre class=\"code-editor json\">{{ FormatResultData(ExecutionResult.ResultData) }}</pre>\n                                    </div>\n                                }\n                            }\n                        </div>\n                    }\n                </div>\n            }\n        </div>\n    }\n</div>\n", styles: [".action-test-harness {\n    background: white;\n    border-radius: 8px;\n    padding: 24px;\n    max-width: 100%;\n    margin: 0;\n    width: 100%;\n    box-sizing: border-box;\n}\n\n/* Ensure all child elements use border-box */\n.action-test-harness * {\n    box-sizing: border-box;\n}\n\n/* Header */\n.harness-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 2px solid #e9ecef;\n    flex-wrap: wrap;\n    gap: 12px;\n}\n\n.harness-header h3 {\n    margin: 0;\n    color: #2c3e50;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.harness-header h3 i {\n    color: #6f42c1;\n}\n\n.header-actions {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n/* Toggle Switch */\n.toggle-label {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    cursor: pointer;\n    font-size: 0.9em;\n    color: #495057;\n}\n\n.toggle-checkbox {\n    display: none;\n}\n\n.toggle-slider {\n    position: relative;\n    width: 36px;\n    height: 20px;\n    background: #dee2e6;\n    border-radius: 10px;\n    transition: background 0.2s;\n}\n\n.toggle-slider::before {\n    content: '';\n    position: absolute;\n    top: 2px;\n    left: 2px;\n    width: 16px;\n    height: 16px;\n    background: white;\n    border-radius: 50%;\n    transition: transform 0.2s;\n    box-shadow: 0 1px 3px rgba(0,0,0,0.2);\n}\n\n.toggle-checkbox:checked + .toggle-slider {\n    background: #6f42c1;\n}\n\n.toggle-checkbox:checked + .toggle-slider::before {\n    transform: translateX(16px);\n}\n\n/* Parameters Section */\n.parameters-section {\n    margin-bottom: 20px;\n    width: 100%;\n    overflow-x: auto;\n    border: 1px solid #e9ecef;\n    border-radius: 6px;\n    background: #fff;\n}\n\n.parameters-section.collapsed {\n    margin-bottom: 12px;\n}\n\n.parameters-section h4.section-header {\n    margin: 0;\n    padding: 12px 16px;\n    color: #495057;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    background: #f8f9fa;\n    border-radius: 6px 6px 0 0;\n}\n\n.parameters-section.collapsed h4.section-header {\n    border-radius: 6px;\n}\n\n.section-header.clickable {\n    cursor: pointer;\n    user-select: none;\n}\n\n.section-header.clickable:hover {\n    background: #e9ecef;\n}\n\n.param-count {\n    color: #6c757d;\n    font-weight: 400;\n    font-size: 0.9em;\n}\n\n.collapse-icon {\n    margin-left: auto;\n    color: #6c757d;\n    font-size: 0.85em;\n    transition: transform 0.2s ease;\n}\n\n.no-params {\n    text-align: center;\n    padding: 40px 16px;\n    color: #6c757d;\n}\n\n.no-params i {\n    font-size: 2.5em;\n    margin-bottom: 12px;\n    opacity: 0.3;\n    display: block;\n}\n\n.params-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n    gap: 16px;\n    width: 100%;\n    padding: 16px;\n}\n\n.param-field {\n    background: #f8f9fa;\n    border: 1px solid #e9ecef;\n    border-radius: 6px;\n    padding: 12px;\n    transition: all 0.2s;\n    min-width: 0;\n    overflow: hidden;\n}\n\n.param-field:hover {\n    border-color: #dee2e6;\n    box-shadow: 0 2px 4px rgba(0,0,0,0.05);\n}\n\n.param-field.required {\n    border-left: 3px solid #ffc107;\n}\n\n.param-field.error {\n    border-color: #dc3545;\n    background: #f8d7da20;\n}\n\n.param-field label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    margin-bottom: 8px;\n    font-weight: 600;\n    color: #495057;\n    flex-wrap: wrap;\n    font-size: 0.95em;\n}\n\n.required-indicator {\n    color: #dc3545;\n}\n\n.array-badge {\n    background: #6f42c1;\n    color: white;\n    padding: 2px 6px;\n    border-radius: 10px;\n    font-size: 0.75em;\n    font-weight: 500;\n}\n\n.value-type {\n    margin-left: auto;\n    color: #6c757d;\n    font-size: 0.8em;\n    font-weight: 400;\n    white-space: nowrap;\n}\n\n.param-description {\n    color: #6c757d;\n    font-size: 0.9em;\n    margin-bottom: 8px;\n    line-height: 1.4;\n}\n\n.param-input {\n    width: 100%;\n    padding: 8px 12px;\n    border: 1px solid #ced4da;\n    border-radius: 4px;\n    font-family: inherit;\n    font-size: 0.95em;\n    transition: border-color 0.2s;\n    box-sizing: border-box;\n    max-width: 100%;\n}\n\n.param-input:focus {\n    outline: none;\n    border-color: #80bdff;\n    box-shadow: 0 0 0 2px rgba(0,123,255,0.1);\n}\n\ntextarea.param-input {\n    resize: vertical;\n    font-family: 'Courier New', monospace;\n    font-size: 0.9em;\n}\n\n.checkbox-wrapper {\n    padding: 8px 0;\n}\n\n.param-checkbox {\n    width: 20px;\n    height: 20px;\n    cursor: pointer;\n}\n\n.field-error {\n    margin-top: 6px;\n    color: #dc3545;\n    font-size: 0.85em;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.default-hint {\n    margin-top: 6px;\n    color: #6c757d;\n    font-size: 0.85em;\n    font-style: italic;\n}\n\n/* Buttons */\n.btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 16px;\n    border: 1px solid transparent;\n    border-radius: 4px;\n    font-size: 0.95em;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.2s;\n    font-family: inherit;\n}\n\n.btn:disabled {\n    opacity: 0.65;\n    cursor: not-allowed;\n}\n\n.btn-primary {\n    background: #6f42c1;\n    color: white;\n    border-color: #6f42c1;\n}\n\n.btn-primary:hover:not(:disabled) {\n    background: #5a32a3;\n    border-color: #5a32a3;\n}\n\n.btn-outline {\n    background: white;\n    color: #495057;\n    border-color: #ced4da;\n}\n\n.btn-outline:hover:not(:disabled) {\n    background: #f8f9fa;\n    border-color: #adb5bd;\n}\n\n.btn-flat {\n    background: transparent;\n    color: #6c757d;\n    border: none;\n    padding: 4px 8px;\n}\n\n.btn-flat:hover:not(:disabled) {\n    background: rgba(0,0,0,0.05);\n    color: #495057;\n}\n\n.btn-large {\n    padding: 12px 24px;\n    font-size: 1em;\n}\n\n.btn-small {\n    padding: 4px 8px;\n    font-size: 0.85em;\n}\n\n/* Action Buttons */\n.action-buttons {\n    display: flex;\n    gap: 12px;\n    margin-bottom: 24px;\n    padding: 16px;\n    background: #f8f9fa;\n    border-radius: 6px;\n    align-items: center;\n    flex-wrap: wrap;\n}\n\n/* Results Section */\n.results-section {\n    border: 2px solid #e9ecef;\n    border-radius: 8px;\n    overflow: hidden;\n    margin-top: 20px;\n}\n\n.results-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 16px 20px;\n    background: #f8f9fa;\n    border-bottom: 1px solid #e9ecef;\n}\n\n.results-header h4 {\n    margin: 0;\n    color: #495057;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.execution-meta {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.execution-time {\n    color: #6c757d;\n    font-size: 0.9em;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n/* Error Result */\n.error-result {\n    padding: 20px;\n    background: #f8d7da;\n    display: flex;\n    gap: 16px;\n    align-items: flex-start;\n}\n\n.error-result > i {\n    font-size: 1.5em;\n    color: #dc3545;\n    flex-shrink: 0;\n}\n\n.error-content h5 {\n    margin: 0 0 8px 0;\n    color: #721c24;\n}\n\n.error-content p {\n    margin: 0;\n    color: #721c24;\n}\n\n/* Success Result */\n.success-result {\n    background: white;\n}\n\n.success-result.failure .status-banner {\n    background: #dc3545 !important;\n}\n\n.status-banner {\n    padding: 16px 20px;\n    color: white;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    font-weight: 600;\n    font-size: 1.1em;\n}\n\n.status-banner i {\n    font-size: 1.2em;\n}\n\n.result-code {\n    margin-left: auto;\n    background: rgba(255,255,255,0.2);\n    padding: 4px 10px;\n    border-radius: 12px;\n    font-size: 0.9em;\n}\n\n.result-message {\n    padding: 20px;\n    border-bottom: 1px solid #e9ecef;\n}\n\n.result-message h5 {\n    margin: 0 0 12px 0;\n    color: #495057;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.result-message h5 i {\n    color: #17a2b8;\n}\n\n.result-message p {\n    margin: 0;\n    color: #6c757d;\n    line-height: 1.5;\n}\n\n.result-message .code-editor-container {\n    margin-bottom: 0;\n}\n\n.result-message .code-editor {\n    color: #e8e8e8;\n    background: #2d2d30;\n    max-height: 200px;\n    overflow-y: auto;\n}\n\n/* Result Data */\n.result-data {\n    padding: 20px;\n}\n\n.result-data h5 {\n    margin: 0 0 16px 0;\n    color: #495057;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.result-data h5 i {\n    color: #6f42c1;\n}\n\n.toggle-view-btn {\n    margin-left: auto;\n    font-size: 0.85em;\n}\n\n.raw-data {\n    background: #f8f9fa;\n    border: 1px solid #e9ecef;\n    border-radius: 4px;\n    padding: 16px;\n    margin: 0;\n    font-family: 'Courier New', monospace;\n    font-size: 0.9em;\n    overflow-x: auto;\n    white-space: pre-wrap;\n    word-break: break-word;\n}\n\n/* Code Editor Styles */\n.code-editor-container {\n    background: #1e1e1e;\n    border-radius: 6px;\n    overflow: hidden;\n    margin-bottom: 16px;\n}\n\n.code-editor-container.compact {\n    margin-bottom: 0;\n}\n\n.code-editor-header {\n    background: #2d2d30;\n    padding: 8px 12px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    border-bottom: 1px solid #3e3e42;\n}\n\n.language-badge {\n    background: #007acc;\n    color: white;\n    padding: 2px 8px;\n    border-radius: 3px;\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n}\n\n.copy-btn {\n    color: #cccccc;\n    padding: 4px 8px;\n    min-width: auto;\n}\n\n.copy-btn:hover {\n    color: #ffffff;\n    background: rgba(255, 255, 255, 0.1);\n}\n\n.code-editor {\n    background: #1e1e1e;\n    color: #d4d4d4;\n    border: none;\n    border-radius: 0;\n    padding: 16px;\n    margin: 0;\n    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;\n    font-size: 13px;\n    line-height: 1.5;\n    overflow-x: auto;\n    white-space: pre-wrap;\n    word-break: break-word;\n}\n\n.code-editor.json {\n    /* JSON syntax highlighting simulation */\n    color: #9cdcfe;\n}\n\n/* Output Parameters */\n.output-params {\n    display: grid;\n    gap: 16px;\n}\n\n.output-param {\n    background: #f8f9fa;\n    border: 1px solid #e9ecef;\n    border-radius: 6px;\n    padding: 16px;\n}\n\n.output-param label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    margin-bottom: 8px;\n    font-weight: 600;\n    color: #495057;\n}\n\n.output-param label i {\n    color: #6f42c1;\n    font-size: 0.9em;\n}\n\n.output-value {\n    background: white;\n    border: 1px solid #dee2e6;\n    border-radius: 4px;\n    padding: 12px;\n}\n\n.output-value pre {\n    margin: 0;\n    font-family: 'Courier New', monospace;\n    font-size: 0.9em;\n    white-space: pre-wrap;\n    word-break: break-word;\n}\n\n.no-value {\n    color: #6c757d;\n    font-style: italic;\n}\n\n/* Responsive */\n@media (max-width: 768px) {\n    .params-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .harness-header {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 12px;\n    }\n\n    .results-header {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 12px;\n    }\n\n    .action-buttons {\n        flex-wrap: wrap;\n    }\n}\n"] }]
+    }], () => [{ type: i0.ChangeDetectorRef }], { ResultsSectionRef: [{
+            type: ViewChild,
+            args: ['resultsSection']
+        }], Action: [{
+            type: Input
+        }], ActionParams: [{
+            type: Input
+        }], IsVisible: [{
+            type: Input
+        }], VisibilityChange: [{
+            type: Output
+        }], ExecutionComplete: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ActionTestHarnessComponent, { className: "ActionTestHarnessComponent", filePath: "lib/action-test-harness/action-test-harness.component.ts", lineNumber: 27 }); })();
+// Tree-shaking prevention function
+export function LoadActionTestHarnessComponent() {
+    // This function ensures the component is included in the bundle
+}
+//# sourceMappingURL=action-test-harness.component.js.map