@memberjunction/ng-actions 0.0.1 → 4.0.0

package/dist/lib/action-result-code-dialog/action-result-code-dialog.component.js

@@ -0,0 +1,209 @@
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+function ActionResultCodeDialogComponent_Conditional_0_Conditional_26_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "input", 21);
+    i0.ɵɵtwoWayListener("ngModelChange", function ActionResultCodeDialogComponent_Conditional_0_Conditional_26_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.IsSuccess, $event) || (ctx_r1.IsSuccess = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(1, "span", 22);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.IsSuccess);
+} }
+function ActionResultCodeDialogComponent_Conditional_0_Conditional_28_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 23);
+    i0.ɵɵtext(1, " This result indicates successful execution ");
+} }
+function ActionResultCodeDialogComponent_Conditional_0_Conditional_29_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 24);
+    i0.ɵɵtext(1, " This result indicates failed or partial execution ");
+} }
+function ActionResultCodeDialogComponent_Conditional_0_Conditional_35_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 25);
+    i0.ɵɵlistener("click", function ActionResultCodeDialogComponent_Conditional_0_Conditional_35_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnSave()); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("disabled", !ctx_r1.CanSave);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.IsNew ? "Add" : "Save", " ");
+} }
+function ActionResultCodeDialogComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵlistener("click", function ActionResultCodeDialogComponent_Conditional_0_Template_div_click_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnBackdropClick($event)); });
+    i0.ɵɵelementStart(1, "div", 2)(2, "div", 3)(3, "span", 4);
+    i0.ɵɵelement(4, "i", 5);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "button", 6);
+    i0.ɵɵlistener("click", function ActionResultCodeDialogComponent_Conditional_0_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnCancel()); });
+    i0.ɵɵelement(7, "i", 7);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "div", 8)(9, "div", 9)(10, "label", 10);
+    i0.ɵɵtext(11, "Result Code");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "input", 11);
+    i0.ɵɵtwoWayListener("ngModelChange", function ActionResultCodeDialogComponent_Conditional_0_Template_input_ngModelChange_12_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.Code, $event) || (ctx_r1.Code = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "div", 12);
+    i0.ɵɵtext(14, "A unique code that identifies this result type");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(15, "div", 9)(16, "label", 13);
+    i0.ɵɵtext(17, "Description");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(18, "textarea", 14);
+    i0.ɵɵtwoWayListener("ngModelChange", function ActionResultCodeDialogComponent_Conditional_0_Template_textarea_ngModelChange_18_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.Description, $event) || (ctx_r1.Description = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(19, "div", 12);
+    i0.ɵɵtext(20, "Explain when this result code is returned");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(21, "div", 9)(22, "label", 13);
+    i0.ɵɵtext(23, "Success Status");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(24, "div", 15)(25, "label", 16);
+    i0.ɵɵconditionalCreate(26, ActionResultCodeDialogComponent_Conditional_0_Conditional_26_Template, 2, 1);
+    i0.ɵɵelementStart(27, "span", 17);
+    i0.ɵɵconditionalCreate(28, ActionResultCodeDialogComponent_Conditional_0_Conditional_28_Template, 2, 0)(29, ActionResultCodeDialogComponent_Conditional_0_Conditional_29_Template, 2, 0);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(30, "div", 12);
+    i0.ɵɵtext(31, "Determines if this code represents a successful outcome");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(32, "div", 18)(33, "button", 19);
+    i0.ɵɵlistener("click", function ActionResultCodeDialogComponent_Conditional_0_Template_button_click_33_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnCancel()); });
+    i0.ɵɵtext(34, " Cancel ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(35, ActionResultCodeDialogComponent_Conditional_0_Conditional_35_Template, 2, 2, "button", 20);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.IsNew ? "Add" : "Edit", " Result Code ");
+    i0.ɵɵadvance(7);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.Code);
+    i0.ɵɵproperty("disabled", !ctx_r1.EditMode);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.Description);
+    i0.ɵɵproperty("disabled", !ctx_r1.EditMode);
+    i0.ɵɵadvance(8);
+    i0.ɵɵconditional(ctx_r1.EditMode ? 26 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.IsSuccess ? 28 : 29);
+    i0.ɵɵadvance(7);
+    i0.ɵɵconditional(ctx_r1.EditMode ? 35 : -1);
+} }
+/**
+ * A dialog component for editing action result codes.
+ * This component provides a form for creating and editing action result codes.
+ *
+ * Usage:
+ * <mj-action-result-code-dialog
+ *   [ResultCode]="myResultCode"
+ *   [IsNew]="false"
+ *   [EditMode]="true"
+ *   [IsOpen]="showDialog"
+ *   (Close)="onDialogClose($event)">
+ * </mj-action-result-code-dialog>
+ */
+export class ActionResultCodeDialogComponent {
+    constructor() {
+        this._isNew = false;
+        this._editMode = false;
+        this._isOpen = false;
+        this.Close = new EventEmitter();
+        // Form fields
+        this.Code = '';
+        this.Description = '';
+        this.IsSuccess = false;
+    }
+    set ResultCode(value) {
+        this._resultCode = value;
+        if (value) {
+            this.loadResultCodeValues();
+        }
+    }
+    get ResultCode() {
+        return this._resultCode;
+    }
+    set IsNew(value) {
+        this._isNew = value;
+    }
+    get IsNew() {
+        return this._isNew;
+    }
+    set EditMode(value) {
+        this._editMode = value;
+    }
+    get EditMode() {
+        return this._editMode;
+    }
+    set IsOpen(value) {
+        this._isOpen = value;
+        if (value) {
+            document.body.style.overflow = 'hidden';
+            this.loadResultCodeValues();
+        }
+        else {
+            document.body.style.overflow = '';
+        }
+    }
+    get IsOpen() {
+        return this._isOpen;
+    }
+    ngOnInit() {
+        this.loadResultCodeValues();
+    }
+    loadResultCodeValues() {
+        if (this._resultCode) {
+            this.Code = this._resultCode.ResultCode || '';
+            this.Description = this._resultCode.Description || '';
+            this.IsSuccess = this._resultCode.IsSuccess || false;
+        }
+    }
+    OnSave() {
+        // Update the result code entity with form values
+        this._resultCode.ResultCode = this.Code;
+        this._resultCode.Description = this.Description;
+        this._resultCode.IsSuccess = this.IsSuccess;
+        // Close dialog and pass back the result
+        this.IsOpen = false;
+        this.Close.emit({ ResultCode: this._resultCode, Save: true });
+    }
+    OnCancel() {
+        this.IsOpen = false;
+        this.Close.emit({ ResultCode: this._resultCode, Save: false });
+    }
+    OnBackdropClick(event) {
+        if (event.target.classList.contains('dialog-backdrop')) {
+            this.OnCancel();
+        }
+    }
+    get CanSave() {
+        return !!this.Code && this.Code.trim().length > 0;
+    }
+    static { this.ɵfac = function ActionResultCodeDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ActionResultCodeDialogComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ActionResultCodeDialogComponent, selectors: [["mj-action-result-code-dialog"]], inputs: { ResultCode: "ResultCode", IsNew: "IsNew", EditMode: "EditMode", IsOpen: "IsOpen" }, outputs: { Close: "Close" }, standalone: false, decls: 1, vars: 1, consts: [[1, "dialog-backdrop"], [1, "dialog-backdrop", 3, "click"], [1, "dialog-container"], [1, "dialog-header"], [1, "dialog-title"], [1, "fa-solid", "fa-clipboard-check"], ["title", "Close", 1, "dialog-close-btn", 3, "click"], [1, "fa-solid", "fa-times"], [1, "dialog-content"], [1, "form-group"], [1, "form-label", "required"], ["type", "text", "placeholder", "Enter result code (e.g., SUCCESS, ERROR_TIMEOUT)", 1, "form-input", 3, "ngModelChange", "ngModel", "disabled"], [1, "form-hint"], [1, "form-label"], ["rows", "3", "placeholder", "Describe what this result code means", 1, "form-textarea", 3, "ngModelChange", "ngModel", "disabled"], [1, "checkbox-wrapper"], [1, "checkbox-label"], [1, "checkbox-text"], [1, "dialog-footer"], [1, "btn", "btn-outline", 3, "click"], [1, "btn", "btn-primary", 3, "disabled"], ["type", "checkbox", 1, "checkbox-input", 3, "ngModelChange", "ngModel"], [1, "checkbox-custom"], [1, "fa-solid", "fa-check-circle", "success-icon"], [1, "fa-solid", "fa-times-circle", "error-icon"], [1, "btn", "btn-primary", 3, "click", "disabled"]], template: function ActionResultCodeDialogComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, ActionResultCodeDialogComponent_Conditional_0_Template, 36, 8, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.IsOpen ? 0 : -1);
+        } }, dependencies: [i1.DefaultValueAccessor, i1.CheckboxControlValueAccessor, i1.NgControlStatus, i1.NgModel], styles: [".dialog-backdrop[_ngcontent-%COMP%] {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.5);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 1000;\n    padding: 20px;\n}\n\n.dialog-container[_ngcontent-%COMP%] {\n    background: white;\n    border-radius: 8px;\n    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);\n    max-width: 500px;\n    width: 100%;\n    max-height: 90vh;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n\n.dialog-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    background: #f8f9fa;\n    border-bottom: 1px solid #e9ecef;\n}\n\n.dialog-title[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 1.1rem;\n    font-weight: 600;\n    color: #2c3e50;\n}\n\n.dialog-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: #6f42c1;\n}\n\n.dialog-close-btn[_ngcontent-%COMP%] {\n    background: transparent;\n    border: none;\n    padding: 8px;\n    cursor: pointer;\n    color: #6c757d;\n    border-radius: 4px;\n    transition: all 0.2s;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.dialog-close-btn[_ngcontent-%COMP%]:hover {\n    background: #e9ecef;\n    color: #495057;\n}\n\n.dialog-content[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow-y: auto;\n    padding: 20px;\n}\n\n.form-group[_ngcontent-%COMP%] {\n    margin-bottom: 20px;\n}\n\n.form-group[_ngcontent-%COMP%]:last-child {\n    margin-bottom: 0;\n}\n\n.form-label[_ngcontent-%COMP%] {\n    display: block;\n    margin-bottom: 6px;\n    font-weight: 500;\n    color: #333;\n    font-size: 0.9rem;\n}\n\n.form-label.required[_ngcontent-%COMP%]::after {\n    content: ' *';\n    color: #dc3545;\n}\n\n.form-input[_ngcontent-%COMP%], \n.form-textarea[_ngcontent-%COMP%] {\n    width: 100%;\n    padding: 10px 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, box-shadow 0.2s;\n    background: white;\n}\n\n.form-input[_ngcontent-%COMP%]:disabled, \n.form-textarea[_ngcontent-%COMP%]:disabled {\n    background: #f8f9fa;\n    cursor: not-allowed;\n}\n\n.form-input[_ngcontent-%COMP%]:focus, \n.form-textarea[_ngcontent-%COMP%]:focus {\n    outline: none;\n    border-color: #6f42c1;\n    box-shadow: 0 0 0 2px rgba(111, 66, 193, 0.1);\n}\n\n.form-textarea[_ngcontent-%COMP%] {\n    resize: vertical;\n    min-height: 80px;\n}\n\n.form-hint[_ngcontent-%COMP%] {\n    margin-top: 4px;\n    font-size: 0.85rem;\n    color: #6c757d;\n}\n\n.checkbox-wrapper[_ngcontent-%COMP%] {\n    margin-top: 8px;\n}\n\n.checkbox-label[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    cursor: pointer;\n}\n\n.checkbox-input[_ngcontent-%COMP%] {\n    display: none;\n}\n\n.checkbox-custom[_ngcontent-%COMP%] {\n    width: 18px;\n    height: 18px;\n    border: 2px solid #ced4da;\n    border-radius: 3px;\n    position: relative;\n    transition: all 0.2s;\n    flex-shrink: 0;\n}\n\n.checkbox-input[_ngcontent-%COMP%]:checked    + .checkbox-custom[_ngcontent-%COMP%] {\n    background: #6f42c1;\n    border-color: #6f42c1;\n}\n\n.checkbox-input[_ngcontent-%COMP%]:checked    + .checkbox-custom[_ngcontent-%COMP%]::after {\n    content: '';\n    position: absolute;\n    left: 5px;\n    top: 1px;\n    width: 4px;\n    height: 9px;\n    border: solid white;\n    border-width: 0 2px 2px 0;\n    transform: rotate(45deg);\n}\n\n.checkbox-text[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 0.95rem;\n}\n\n.success-icon[_ngcontent-%COMP%] {\n    color: #28a745;\n}\n\n.error-icon[_ngcontent-%COMP%] {\n    color: #dc3545;\n}\n\n.dialog-footer[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: flex-end;\n    gap: 12px;\n    padding: 12px 20px;\n    background: #f8f9fa;\n    border-top: 1px solid #e9ecef;\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 {\n    background: #f8f9fa;\n    border-color: #adb5bd;\n}\n\n\n\n@media (max-width: 768px) {\n    .dialog-backdrop[_ngcontent-%COMP%] {\n        padding: 10px;\n    }\n}"] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActionResultCodeDialogComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'mj-action-result-code-dialog', template: "@if (IsOpen) {\n    <div class=\"dialog-backdrop\" (click)=\"OnBackdropClick($event)\">\n        <div class=\"dialog-container\">\n            <div class=\"dialog-header\">\n                <span class=\"dialog-title\">\n                    <i class=\"fa-solid fa-clipboard-check\"></i>\n                    {{ IsNew ? 'Add' : 'Edit' }} Result Code\n                </span>\n                <button class=\"dialog-close-btn\" (click)=\"OnCancel()\" title=\"Close\">\n                    <i class=\"fa-solid fa-times\"></i>\n                </button>\n            </div>\n\n            <div class=\"dialog-content\">\n                <div class=\"form-group\">\n                    <label class=\"form-label required\">Result Code</label>\n                    <input\n                        type=\"text\"\n                        [(ngModel)]=\"Code\"\n                        [disabled]=\"!EditMode\"\n                        placeholder=\"Enter result code (e.g., SUCCESS, ERROR_TIMEOUT)\"\n                        class=\"form-input\">\n                    <div class=\"form-hint\">A unique code that identifies this result type</div>\n                </div>\n\n                <div class=\"form-group\">\n                    <label class=\"form-label\">Description</label>\n                    <textarea\n                        [(ngModel)]=\"Description\"\n                        [disabled]=\"!EditMode\"\n                        rows=\"3\"\n                        placeholder=\"Describe what this result code means\"\n                        class=\"form-textarea\"></textarea>\n                    <div class=\"form-hint\">Explain when this result code is returned</div>\n                </div>\n\n                <div class=\"form-group\">\n                    <label class=\"form-label\">Success Status</label>\n                    <div class=\"checkbox-wrapper\">\n                        <label class=\"checkbox-label\">\n                            @if (EditMode) {\n                                <input\n                                    type=\"checkbox\"\n                                    [(ngModel)]=\"IsSuccess\"\n                                    class=\"checkbox-input\">\n                                <span class=\"checkbox-custom\"></span>\n                            }\n                            <span class=\"checkbox-text\">\n                                @if (IsSuccess) {\n                                    <i class=\"fa-solid fa-check-circle success-icon\"></i>\n                                    This result indicates successful execution\n                                } @else {\n                                    <i class=\"fa-solid fa-times-circle error-icon\"></i>\n                                    This result indicates failed or partial execution\n                                }\n                            </span>\n                        </label>\n                    </div>\n                    <div class=\"form-hint\">Determines if this code represents a successful outcome</div>\n                </div>\n            </div>\n\n            <div class=\"dialog-footer\">\n                <button class=\"btn btn-outline\" (click)=\"OnCancel()\">\n                    Cancel\n                </button>\n                @if (EditMode) {\n                    <button class=\"btn btn-primary\" (click)=\"OnSave()\" [disabled]=\"!CanSave\">\n                        {{ IsNew ? 'Add' : 'Save' }}\n                    </button>\n                }\n            </div>\n        </div>\n    </div>\n}\n", styles: [".dialog-backdrop {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.5);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 1000;\n    padding: 20px;\n}\n\n.dialog-container {\n    background: white;\n    border-radius: 8px;\n    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);\n    max-width: 500px;\n    width: 100%;\n    max-height: 90vh;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n\n.dialog-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    background: #f8f9fa;\n    border-bottom: 1px solid #e9ecef;\n}\n\n.dialog-title {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 1.1rem;\n    font-weight: 600;\n    color: #2c3e50;\n}\n\n.dialog-title i {\n    color: #6f42c1;\n}\n\n.dialog-close-btn {\n    background: transparent;\n    border: none;\n    padding: 8px;\n    cursor: pointer;\n    color: #6c757d;\n    border-radius: 4px;\n    transition: all 0.2s;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.dialog-close-btn:hover {\n    background: #e9ecef;\n    color: #495057;\n}\n\n.dialog-content {\n    flex: 1;\n    overflow-y: auto;\n    padding: 20px;\n}\n\n.form-group {\n    margin-bottom: 20px;\n}\n\n.form-group:last-child {\n    margin-bottom: 0;\n}\n\n.form-label {\n    display: block;\n    margin-bottom: 6px;\n    font-weight: 500;\n    color: #333;\n    font-size: 0.9rem;\n}\n\n.form-label.required::after {\n    content: ' *';\n    color: #dc3545;\n}\n\n.form-input,\n.form-textarea {\n    width: 100%;\n    padding: 10px 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, box-shadow 0.2s;\n    background: white;\n}\n\n.form-input:disabled,\n.form-textarea:disabled {\n    background: #f8f9fa;\n    cursor: not-allowed;\n}\n\n.form-input:focus,\n.form-textarea:focus {\n    outline: none;\n    border-color: #6f42c1;\n    box-shadow: 0 0 0 2px rgba(111, 66, 193, 0.1);\n}\n\n.form-textarea {\n    resize: vertical;\n    min-height: 80px;\n}\n\n.form-hint {\n    margin-top: 4px;\n    font-size: 0.85rem;\n    color: #6c757d;\n}\n\n.checkbox-wrapper {\n    margin-top: 8px;\n}\n\n.checkbox-label {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    cursor: pointer;\n}\n\n.checkbox-input {\n    display: none;\n}\n\n.checkbox-custom {\n    width: 18px;\n    height: 18px;\n    border: 2px solid #ced4da;\n    border-radius: 3px;\n    position: relative;\n    transition: all 0.2s;\n    flex-shrink: 0;\n}\n\n.checkbox-input:checked + .checkbox-custom {\n    background: #6f42c1;\n    border-color: #6f42c1;\n}\n\n.checkbox-input:checked + .checkbox-custom::after {\n    content: '';\n    position: absolute;\n    left: 5px;\n    top: 1px;\n    width: 4px;\n    height: 9px;\n    border: solid white;\n    border-width: 0 2px 2px 0;\n    transform: rotate(45deg);\n}\n\n.checkbox-text {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 0.95rem;\n}\n\n.success-icon {\n    color: #28a745;\n}\n\n.error-icon {\n    color: #dc3545;\n}\n\n.dialog-footer {\n    display: flex;\n    justify-content: flex-end;\n    gap: 12px;\n    padding: 12px 20px;\n    background: #f8f9fa;\n    border-top: 1px solid #e9ecef;\n}\n\n/* Button styles */\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 {\n    background: #f8f9fa;\n    border-color: #adb5bd;\n}\n\n/* Responsive */\n@media (max-width: 768px) {\n    .dialog-backdrop {\n        padding: 10px;\n    }\n}\n"] }]
+    }], null, { ResultCode: [{
+            type: Input
+        }], IsNew: [{
+            type: Input
+        }], EditMode: [{
+            type: Input
+        }], IsOpen: [{
+            type: Input
+        }], Close: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ActionResultCodeDialogComponent, { className: "ActionResultCodeDialogComponent", filePath: "lib/action-result-code-dialog/action-result-code-dialog.component.ts", lineNumber: 28 }); })();
+//# sourceMappingURL=action-result-code-dialog.component.js.map

package/dist/lib/action-result-code-dialog/action-result-code-dialog.component.js.map

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

package/dist/lib/action-test-harness/action-test-harness.component.d.ts

@@ -0,0 +1,69 @@
+import { EventEmitter, OnInit, ChangeDetectorRef, ElementRef } from '@angular/core';
+import { ActionEntity, ActionParamEntity } from '@memberjunction/core-entities';
+import * as i0 from "@angular/core";
+export interface ActionParamValue {
+    Param: ActionParamEntity;
+    Value: unknown;
+    Error?: string;
+}
+export interface ActionResult {
+    Success: boolean;
+    Message?: string;
+    ResultCode?: string;
+    ResultData?: unknown;
+}
+export declare class ActionTestHarnessComponent implements OnInit {
+    private cdr;
+    ResultsSectionRef: ElementRef<HTMLDivElement>;
+    private _action;
+    private _actionParams;
+    private _isVisible;
+    set Action(value: ActionEntity);
+    get Action(): ActionEntity;
+    set ActionParams(value: ActionParamEntity[]);
+    get ActionParams(): ActionParamEntity[];
+    set IsVisible(value: boolean);
+    get IsVisible(): boolean;
+    VisibilityChange: EventEmitter<boolean>;
+    ExecutionComplete: EventEmitter<ActionResult>;
+    ParamValues: ActionParamValue[];
+    IsExecuting: boolean;
+    ExecutionResult: ActionResult | null;
+    ExecutionError: string | null;
+    ExecutionTime: number;
+    ShowRawResult: boolean;
+    SkipActionLog: boolean;
+    InputsCollapsed: boolean;
+    constructor(cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    private initializeParamValues;
+    /**
+     * Load cached input values from UserInfoEngine
+     */
+    private loadCachedInputs;
+    /**
+     * Save current input values to cache using debounced setting
+     */
+    private saveCachedInputs;
+    private getDefaultValue;
+    private parseDefaultValue;
+    GetInputType(param: ActionParamEntity): string;
+    OnParamValueChange(paramValue: ActionParamValue, event: Event): void;
+    GetParamDisplayValue(paramValue: ActionParamValue): string;
+    ValidateParams(): boolean;
+    ExecuteAction(): Promise<void>;
+    private ScrollToResults;
+    ToggleInputsCollapsed(): void;
+    ClearResults(): void;
+    ResetParams(): void;
+    CopyResultToClipboard(): void;
+    CopyResultDataToClipboard(): void;
+    GetResultIcon(): string;
+    GetResultColor(): string;
+    GetOutputParams(): ActionParamEntity[];
+    GetOutputParamValue(paramName: string): string;
+    FormatResultData(data: unknown): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActionTestHarnessComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActionTestHarnessComponent, "mj-action-test-harness", never, { "Action": { "alias": "Action"; "required": false; }; "ActionParams": { "alias": "ActionParams"; "required": false; }; "IsVisible": { "alias": "IsVisible"; "required": false; }; }, { "VisibilityChange": "VisibilityChange"; "ExecutionComplete": "ExecutionComplete"; }, never, never, false, never>;
+}
+//# sourceMappingURL=action-test-harness.component.d.ts.map

package/dist/lib/action-test-harness/action-test-harness.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-test-harness.component.d.ts","sourceRoot":"","sources":["../../../src/lib/action-test-harness/action-test-harness.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,EAAE,iBAAiB,EAAE,UAAU,EAAa,MAAM,eAAe,CAAC;AACzH,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAkB,MAAM,+BAA+B,CAAC;;AAOhG,MAAM,WAAW,gBAAgB;IAC7B,KAAK,EAAE,iBAAiB,CAAC;IACzB,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,YAAY;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,qBAMa,0BAA2B,YAAW,MAAM;IAqDjD,OAAO,CAAC,GAAG;IApDc,iBAAiB,EAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAG5E,OAAO,CAAC,OAAO,CAAgB;IAC/B,OAAO,CAAC,aAAa,CAA2B;IAChD,OAAO,CAAC,UAAU,CAAS;IAG3B,IACI,MAAM,CAAC,KAAK,EAAE,YAAY,EAK7B;IACD,IAAI,MAAM,IAAI,YAAY,CAEzB;IAED,IACI,YAAY,CAAC,KAAK,EAAE,iBAAiB,EAAE,EAK1C;IACD,IAAI,YAAY,IAAI,iBAAiB,EAAE,CAEtC;IAED,IACI,SAAS,CAAC,KAAK,EAAE,OAAO,EAE3B;IACD,IAAI,SAAS,IAAI,OAAO,CAEvB;IAES,gBAAgB,wBAA+B;IAC/C,iBAAiB,6BAAoC;IAGxD,WAAW,EAAE,gBAAgB,EAAE,CAAM;IACrC,WAAW,UAAS;IACpB,eAAe,EAAE,YAAY,GAAG,IAAI,CAAQ;IAC5C,cAAc,EAAE,MAAM,GAAG,IAAI,CAAQ;IACrC,aAAa,SAAK;IAClB,aAAa,UAAS;IACtB,aAAa,UAAS;IACtB,eAAe,UAAS;gBAGnB,GAAG,EAAE,iBAAiB;IAGlC,QAAQ,IAAI,IAAI;IAIhB,OAAO,CAAC,qBAAqB;IAuB7B;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAwBxB;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAmBxB,OAAO,CAAC,eAAe;IAsBvB,OAAO,CAAC,iBAAiB;IAalB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,MAAM;IAoB9C,kBAAkB,CAAC,UAAU,EAAE,gBAAgB,EAAE,KAAK,EAAE,KAAK,GAAG,IAAI;IA4BpE,oBAAoB,CAAC,UAAU,EAAE,gBAAgB,GAAG,MAAM;IAY1D,cAAc,IAAI,OAAO;IAuBnB,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC;IAqI3C,OAAO,CAAC,eAAe;IAShB,qBAAqB,IAAI,IAAI;IAI7B,YAAY,IAAI,IAAI;IAMpB,WAAW,IAAI,IAAI;IAKnB,qBAAqB,IAAI,IAAI;IAS7B,yBAAyB,IAAI,IAAI;IASjC,aAAa,IAAI,MAAM;IAKvB,cAAc,IAAI,MAAM;IAKxB,eAAe,IAAI,iBAAiB,EAAE;IAItC,mBAAmB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM;IAM9C,gBAAgB,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM;yCA7brC,0BAA0B;2CAA1B,0BAA0B;CAoctC"}