@memberjunction/ng-artifacts 2.107.0 → 2.109.0

package/dist/lib/components/plugins/json-artifact-viewer.component.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { Component } from '@angular/core';
+import { Component, ViewChild } from '@angular/core';
 import { RegisterClass } from '@memberjunction/global';
 import { BaseArtifactViewerPluginComponent } from '../base-artifact-viewer.component';
 import { RunView } from '@memberjunction/core';
@@ -14,27 +14,44 @@ import * as i1 from "@angular/platform-browser";
 import * as i2 from "@angular/common";
 import * as i3 from "@angular/forms";
 import * as i4 from "@memberjunction/ng-code-editor";
-function JsonArtifactViewerComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 5);
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("innerHTML", ctx_r0.renderedMarkdown, i0.ɵɵsanitizeHtml);
+const _c0 = ["htmlFrame"];
+function JsonArtifactViewerComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 9);
+    i0.ɵɵlistener("click", function JsonArtifactViewerComponent_Conditional_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.openInNewWindow()); });
+    i0.ɵɵelement(1, "i", 10);
+    i0.ɵɵtext(2, " New Window ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "button", 11);
+    i0.ɵɵlistener("click", function JsonArtifactViewerComponent_Conditional_5_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.printHtml()); });
+    i0.ɵɵelement(4, "i", 12);
+    i0.ɵɵtext(5, " Print ");
+    i0.ɵɵelementEnd();
 } }
 function JsonArtifactViewerComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 6);
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "iframe", 13, 0);
+    i0.ɵɵlistener("load", function JsonArtifactViewerComponent_Conditional_7_Template_iframe_load_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onIframeLoad()); });
+    i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("innerHTML", ctx_r0.displayHtml, i0.ɵɵsanitizeHtml);
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("src", ctx_r1.htmlBlobUrl, i0.ɵɵsanitizeResourceUrl);
 } }
 function JsonArtifactViewerComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 7)(1, "mj-code-editor", 8);
-    i0.ɵɵtwoWayListener("ngModelChange", function JsonArtifactViewerComponent_Conditional_8_Template_mj_code_editor_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.jsonContent, $event) || (ctx_r0.jsonContent = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelement(0, "div", 7);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("innerHTML", ctx_r1.renderedMarkdown, i0.ɵɵsanitizeHtml);
+} }
+function JsonArtifactViewerComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 8)(1, "mj-code-editor", 14);
+    i0.ɵɵtwoWayListener("ngModelChange", function JsonArtifactViewerComponent_Conditional_9_Template_mj_code_editor_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.jsonContent, $event) || (ctx_r1.jsonContent = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
+    const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.jsonContent);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.jsonContent);
     i0.ɵɵproperty("language", "json")("readonly", true);
 } }
 /**
@@ -45,16 +62,27 @@ function JsonArtifactViewerComponent_Conditional_8_Template(rf, ctx) { if (rf &
 let JsonArtifactViewerComponent = class JsonArtifactViewerComponent extends BaseArtifactViewerPluginComponent {
     cdr;
     sanitizer;
+    htmlFrame;
     jsonContent = '';
     displayMarkdown = null;
     displayHtml = null;
+    htmlBlobUrl = null;
     renderedMarkdown = null;
     versionAttributes = [];
+    unsafeBlobUrl = null; // Keep unsafe URL for cleanup
     constructor(cdr, sanitizer) {
         super();
         this.cdr = cdr;
         this.sanitizer = sanitizer;
     }
+    ngOnDestroy() {
+        // Clean up blob URL to prevent memory leaks
+        if (this.unsafeBlobUrl) {
+            URL.revokeObjectURL(this.unsafeBlobUrl);
+            this.unsafeBlobUrl = null;
+            this.htmlBlobUrl = null;
+        }
+    }
     async ngOnInit() {
         this.jsonContent = this.getContent();
         // Load version attributes to check for extract rules
@@ -63,11 +91,11 @@ let JsonArtifactViewerComponent = class JsonArtifactViewerComponent extends Base
         this.cdr.detectChanges();
     }
     /**
-     * Override to return true when showing extracted displayMarkdown or displayHtml.
+     * Override to return true when showing extracted displayHtml or displayMarkdown.
      * Returns false when showing raw JSON editor (no extract rules available).
      */
     get isShowingElevatedDisplay() {
-        return !!(this.displayMarkdown || this.displayHtml);
+        return !!(this.displayHtml || this.displayMarkdown);
     }
     /**
      * Override to tell parent whether to show raw JSON tab.
@@ -95,16 +123,28 @@ let JsonArtifactViewerComponent = class JsonArtifactViewerComponent extends Base
                 this.versionAttributes = result.Results;
                 console.log(`📦 JSON Plugin: Loaded ${this.versionAttributes.length} attributes for version ${this.artifactVersion.ID}`);
                 console.log(`📦 Attributes:`, this.versionAttributes.map(a => ({ name: a.Name, hasValue: !!a.Value })));
-                // Check for displayMarkdown or displayHtml attributes (from extract rules)
-                const displayMarkdownAttr = this.versionAttributes.find(a => a.Name?.toLowerCase() === 'displaymarkdown');
+                // Check for displayHtml and displayMarkdown attributes (from extract rules)
+                // Priority: displayHtml > displayMarkdown
                 const displayHtmlAttr = this.versionAttributes.find(a => a.Name?.toLowerCase() === 'displayhtml');
-                console.log(`📦 displayMarkdownAttr:`, displayMarkdownAttr ? { name: displayMarkdownAttr.Name, valueLength: displayMarkdownAttr.Value?.length } : 'not found');
+                const displayMarkdownAttr = this.versionAttributes.find(a => a.Name?.toLowerCase() === 'displaymarkdown');
                 console.log(`📦 displayHtmlAttr:`, displayHtmlAttr ? { name: displayHtmlAttr.Name, valueLength: displayHtmlAttr.Value?.length } : 'not found');
-                // Parse attribute values
-                this.displayMarkdown = this.parseAttributeValue(displayMarkdownAttr?.Value);
+                console.log(`📦 displayMarkdownAttr:`, displayMarkdownAttr ? { name: displayMarkdownAttr.Name, valueLength: displayMarkdownAttr.Value?.length } : 'not found');
+                // Parse attribute values - fix "null" string bug
                 this.displayHtml = this.parseAttributeValue(displayHtmlAttr?.Value);
-                // Convert markdown to HTML if we have markdown content
-                if (this.displayMarkdown) {
+                this.displayMarkdown = this.parseAttributeValue(displayMarkdownAttr?.Value);
+                // Clean up double-escaped characters in HTML (from LLM generation)
+                if (this.displayHtml) {
+                    this.displayHtml = this.cleanEscapedCharacters(this.displayHtml);
+                }
+                // Create blob URL for HTML to avoid srcdoc sanitization issues
+                if (this.displayHtml) {
+                    const blob = new Blob([this.displayHtml], { type: 'text/html' });
+                    this.unsafeBlobUrl = URL.createObjectURL(blob);
+                    // Sanitize the blob URL so Angular trusts it in the iframe
+                    this.htmlBlobUrl = this.sanitizer.bypassSecurityTrustResourceUrl(this.unsafeBlobUrl);
+                }
+                // Convert markdown to HTML if we have markdown content (and no HTML)
+                if (this.displayMarkdown && !this.displayHtml) {
                     try {
                         const html = marked.parse(this.displayMarkdown);
                         this.renderedMarkdown = this.sanitizer.sanitize(1, html); // 1 = SecurityContext.HTML
@@ -115,7 +155,7 @@ let JsonArtifactViewerComponent = class JsonArtifactViewerComponent extends Base
                         this.renderedMarkdown = this.displayMarkdown;
                     }
                 }
-                console.log(`📦 JSON Plugin: displayMarkdown=${!!this.displayMarkdown} (${this.displayMarkdown?.length} chars), displayHtml=${!!this.displayHtml} (${this.displayHtml?.length} chars)`);
+                console.log(`📦 JSON Plugin: displayHtml=${!!this.displayHtml} (${this.displayHtml?.length || 0} chars), displayMarkdown=${!!this.displayMarkdown} (${this.displayMarkdown?.length || 0} chars)`);
                 console.log(`📦 isShowingElevatedDisplay=${this.isShowingElevatedDisplay}`);
             }
             else {
@@ -129,22 +169,122 @@ let JsonArtifactViewerComponent = class JsonArtifactViewerComponent extends Base
     parseAttributeValue(value) {
         if (!value)
             return null;
+        // Fix bug: Some extractors return string "null" instead of actual null
+        if (value === 'null' || value.trim() === '') {
+            return null;
+        }
         try {
             // Try to parse as JSON first
             const parsed = JSON.parse(value);
             if (typeof parsed === 'string') {
+                // Check if parsed string is also "null"
+                if (parsed === 'null' || parsed.trim() === '') {
+                    return null;
+                }
                 return parsed;
             }
             return JSON.stringify(parsed, null, 2);
         }
         catch {
-            // If not valid JSON, return as-is
-            return value;
+            // If not valid JSON, return as-is (unless it's "null")
+            return value === 'null' ? null : value;
+        }
+    }
+    onIframeLoad() {
+        // Inject base styles if HTML doesn't have them
+        if (this.htmlFrame) {
+            const iframe = this.htmlFrame.nativeElement;
+            const iframeDoc = iframe.contentDocument || iframe.contentWindow?.document;
+            if (iframeDoc) {
+                // Check if HTML already has styles
+                const hasStyles = iframeDoc.querySelector('style') || iframeDoc.querySelector('link[rel="stylesheet"]');
+                if (!hasStyles) {
+                    // Inject minimal base styles for better defaults
+                    const style = iframeDoc.createElement('style');
+                    style.textContent = `
+            body {
+              font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+              line-height: 1.6;
+              color: #333;
+              margin: 20px;
+              padding: 0;
+            }
+            h1, h2, h3 { color: #2c3e50; margin-top: 1.5em; margin-bottom: 0.5em; }
+            h1 { font-size: 2em; border-bottom: 2px solid #3498db; padding-bottom: 0.3em; }
+            h2 { font-size: 1.5em; }
+            table { border-collapse: collapse; width: 100%; margin: 1em 0; }
+            th, td { border: 1px solid #ddd; padding: 8px; text-align: left; }
+            th { background-color: #f8f9fa; font-weight: 600; }
+            pre { background: #f6f8fa; padding: 16px; border-radius: 6px; overflow-x: auto; }
+            code { background: #f6f8fa; padding: 2px 6px; border-radius: 3px; font-family: monospace; }
+          `;
+                    iframeDoc.head.appendChild(style);
+                }
+                // Inject width override to ensure content fills iframe
+                const widthOverride = iframeDoc.createElement('style');
+                widthOverride.textContent = `
+          body {
+            max-width: none !important;
+            width: 100% !important;
+            margin: 20px 10px 5px 20px !important; /* top right bottom left */
+            padding: 0 !important;
+            box-sizing: border-box !important;
+          }
+        `;
+                iframeDoc.head.appendChild(widthOverride);
+                console.log('📦 Iframe loaded, hasStyles:', !!hasStyles);
+                // Auto-resize iframe to fit content
+                this.resizeIframeToContent();
+            }
+        }
+    }
+    resizeIframeToContent() {
+        if (this.htmlFrame) {
+            const iframe = this.htmlFrame.nativeElement;
+            const iframeDoc = iframe.contentDocument || iframe.contentWindow?.document;
+            if (iframeDoc && iframeDoc.body) {
+                // Get the actual content height
+                const contentHeight = Math.max(iframeDoc.body.scrollHeight, iframeDoc.body.offsetHeight, iframeDoc.documentElement.scrollHeight, iframeDoc.documentElement.offsetHeight);
+                // Set iframe height to match content (with a bit of padding)
+                iframe.style.height = `${contentHeight + 20}px`;
+                // Get the iframe's actual width (excluding borders)
+                const iframeWidth = iframe.clientWidth;
+                // Force body to use full iframe width with consistent margins
+                if (iframeDoc.body) {
+                    const marginSize = 20; // 20px margins on each side
+                    const bodyWidth = iframeWidth - (marginSize * 2);
+                    iframeDoc.body.style.width = `${bodyWidth}px`;
+                    iframeDoc.body.style.maxWidth = 'none';
+                    iframeDoc.body.style.margin = `${marginSize}px`;
+                    iframeDoc.body.style.padding = '0';
+                    iframeDoc.body.style.boxSizing = 'border-box';
+                }
+                console.log('📦 Iframe resized - Height:', contentHeight + 20, 'px, Width:', iframeWidth, 'px');
+            }
+        }
+    }
+    openInNewWindow() {
+        if (this.displayHtml) {
+            const newWindow = window.open('', '_blank');
+            if (newWindow) {
+                newWindow.document.write(this.displayHtml);
+                newWindow.document.close();
+            }
+        }
+    }
+    printHtml() {
+        if (this.htmlFrame) {
+            const iframe = this.htmlFrame.nativeElement;
+            const iframeWindow = iframe.contentWindow;
+            if (iframeWindow) {
+                iframeWindow.focus();
+                iframeWindow.print();
+            }
         }
     }
     onCopy() {
-        // Copy based on what's being displayed
-        const content = this.displayMarkdown || this.displayHtml || this.jsonContent;
+        // Copy based on what's being displayed - prioritize displayHtml
+        const content = this.displayHtml || this.displayMarkdown || this.jsonContent;
         if (content) {
             navigator.clipboard.writeText(content).then(() => {
                 console.log('✅ Copied content to clipboard');
@@ -153,21 +293,48 @@ let JsonArtifactViewerComponent = class JsonArtifactViewerComponent extends Base
             });
         }
     }
+    /**
+     * Clean up double-escaped characters that appear in LLM-generated HTML
+     * Removes literal "\\n", "\\t", and "\\\"" which cause rendering issues
+     */
+    cleanEscapedCharacters(html) {
+        // Remove escaped quotes (\" becomes ")
+        let cleaned = html.replace(/\\"/g, '"');
+        // Remove escaped newlines (\\n becomes nothing)
+        // HTML doesn't need whitespace for formatting, and these cause display issues
+        cleaned = cleaned.replace(/\\n/g, '');
+        // Remove escaped tabs
+        cleaned = cleaned.replace(/\\t/g, '');
+        // Remove double-escaped tabs
+        cleaned = cleaned.replace(/\\\\t/g, '');
+        // Remove double-escaped newlines
+        cleaned = cleaned.replace(/\\\\n/g, '');
+        return cleaned;
+    }
     static ɵfac = function JsonArtifactViewerComponent_Factory(t) { return new (t || JsonArtifactViewerComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1.DomSanitizer)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: JsonArtifactViewerComponent, selectors: [["mj-json-artifact-viewer"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 9, vars: 2, consts: [[1, "json-artifact-viewer", 3, "ngClass"], [1, "display-toolbar"], ["title", "Copy Content", 1, "btn-icon", 3, "click"], [1, "fas", "fa-copy"], [1, "display-content"], [1, "markdown-content", 3, "innerHTML"], [1, "html-content", 3, "innerHTML"], [1, "json-editor-container"], [2, "width", "100%", "height", "100%", 3, "ngModelChange", "ngModel", "language", "readonly"]], template: function JsonArtifactViewerComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "button", 2);
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: JsonArtifactViewerComponent, selectors: [["mj-json-artifact-viewer"]], viewQuery: function JsonArtifactViewerComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.htmlFrame = _t.first);
+        } }, features: [i0.ɵɵInheritDefinitionFeature], decls: 10, vars: 3, consts: [["htmlFrame", ""], [1, "json-artifact-viewer", 3, "ngClass"], [1, "display-toolbar"], ["title", "Copy Content", 1, "btn-icon", 3, "click"], [1, "fas", "fa-copy"], [1, "display-content"], ["sandbox", "allow-same-origin allow-scripts allow-popups allow-popups-to-escape-sandbox allow-modals", 1, "html-iframe", 3, "src"], [1, "markdown-content", 3, "innerHTML"], [1, "json-editor-container"], ["title", "Open in New Window", 1, "btn-icon", 3, "click"], [1, "fas", "fa-external-link-alt"], ["title", "Print", 1, "btn-icon", 3, "click"], [1, "fas", "fa-print"], ["sandbox", "allow-same-origin allow-scripts allow-popups allow-popups-to-escape-sandbox allow-modals", 1, "html-iframe", 3, "load", "src"], [2, "width", "100%", "height", "100%", 3, "ngModelChange", "ngModel", "language", "readonly"]], template: function JsonArtifactViewerComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 1)(1, "div", 2)(2, "button", 3);
             i0.ɵɵlistener("click", function JsonArtifactViewerComponent_Template_button_click_2_listener() { return ctx.onCopy(); });
-            i0.ɵɵelement(3, "i", 3);
+            i0.ɵɵelement(3, "i", 4);
             i0.ɵɵtext(4, " Copy ");
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(5, "div", 4);
-            i0.ɵɵtemplate(6, JsonArtifactViewerComponent_Conditional_6_Template, 1, 1, "div", 5)(7, JsonArtifactViewerComponent_Conditional_7_Template, 1, 1, "div", 6)(8, JsonArtifactViewerComponent_Conditional_8_Template, 2, 3, "div", 7);
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(5, JsonArtifactViewerComponent_Conditional_5_Template, 6, 0);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(6, "div", 5);
+            i0.ɵɵtemplate(7, JsonArtifactViewerComponent_Conditional_7_Template, 2, 1, "iframe", 6)(8, JsonArtifactViewerComponent_Conditional_8_Template, 1, 1, "div", 7)(9, JsonArtifactViewerComponent_Conditional_9_Template, 2, 3, "div", 8);
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             i0.ɵɵproperty("ngClass", ctx.cssClass);
-            i0.ɵɵadvance(6);
-            i0.ɵɵconditional(ctx.displayMarkdown ? 6 : ctx.displayHtml ? 7 : 8);
-        } }, dependencies: [i2.NgClass, i3.NgControlStatus, i3.NgModel, i4.CodeEditorComponent], styles: [".json-artifact-viewer[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n    }\n\n    .display-toolbar[_ngcontent-%COMP%] {\n      display: flex;\n      justify-content: flex-end;\n      padding: 8px;\n      background: #f8f9fa;\n      border-bottom: 1px solid #dee2e6;\n    }\n\n    .btn-icon[_ngcontent-%COMP%] {\n      padding: 6px 12px;\n      background: white;\n      border: 1px solid #ccc;\n      border-radius: 4px;\n      cursor: pointer;\n      font-size: 12px;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n    }\n\n    .btn-icon[_ngcontent-%COMP%]:hover {\n      background: #e9ecef;\n      border-color: #999;\n    }\n\n    .display-content[_ngcontent-%COMP%] {\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n      overflow: hidden;\n      min-height: 0;\n    }\n\n    .markdown-content[_ngcontent-%COMP%], \n   .html-content[_ngcontent-%COMP%] {\n      flex: 1;\n      padding: 20px;\n      overflow: auto;\n      min-height: 0;\n      background: white;\n    }\n\n    .json-editor-container[_ngcontent-%COMP%] {\n      flex: 1;\n      overflow: auto;\n      min-height: 0;\n    }"] });
+            i0.ɵɵadvance(5);
+            i0.ɵɵconditional(ctx.displayHtml ? 5 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.displayHtml && ctx.htmlBlobUrl ? 7 : ctx.displayMarkdown ? 8 : 9);
+        } }, dependencies: [i2.NgClass, i3.NgControlStatus, i3.NgModel, i4.CodeEditorComponent], styles: [".json-artifact-viewer[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n    }\n\n    .display-toolbar[_ngcontent-%COMP%] {\n      display: flex;\n      justify-content: flex-end;\n      gap: 8px;\n      padding: 8px;\n      background: #f8f9fa;\n      border-bottom: 1px solid #dee2e6;\n    }\n\n    .btn-icon[_ngcontent-%COMP%] {\n      padding: 6px 12px;\n      background: white;\n      border: 1px solid #ccc;\n      border-radius: 4px;\n      cursor: pointer;\n      font-size: 12px;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      transition: all 0.2s;\n    }\n\n    .btn-icon[_ngcontent-%COMP%]:hover {\n      background: #e9ecef;\n      border-color: #999;\n    }\n\n    .display-content[_ngcontent-%COMP%] {\n      flex: 1;\n      overflow: auto;\n      min-height: 0;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .html-iframe[_ngcontent-%COMP%] {\n      width: 100%;\n      border: none;\n      background: white;\n      display: block;\n    }\n\n    .markdown-content[_ngcontent-%COMP%] {\n      flex: 1;\n      padding: 20px;\n      overflow: auto;\n      min-height: 0;\n      background: white;\n    }\n\n    .json-editor-container[_ngcontent-%COMP%] {\n      flex: 1;\n      overflow: auto;\n      min-height: 0;\n    }"] });
 };
 JsonArtifactViewerComponent = __decorate([
     RegisterClass(BaseArtifactViewerPluginComponent, 'JsonArtifactViewerPlugin')
@@ -182,14 +349,29 @@ export { JsonArtifactViewerComponent };
         <button class="btn-icon" title="Copy Content" (click)="onCopy()">
           <i class="fas fa-copy"></i> Copy
         </button>
+        @if (displayHtml) {
+          <button class="btn-icon" title="Open in New Window" (click)="openInNewWindow()">
+            <i class="fas fa-external-link-alt"></i> New Window
+          </button>
+          <button class="btn-icon" title="Print" (click)="printHtml()">
+            <i class="fas fa-print"></i> Print
+          </button>
+        }
       </div>
 
-      <!-- Display content: priority order = displayMarkdown > displayHtml > JSON editor -->
+      <!-- Display content: priority order = displayHtml > displayMarkdown > JSON editor -->
       <div class="display-content">
-        @if (displayMarkdown) {
+        @if (displayHtml && htmlBlobUrl) {
+          <!-- Sandboxed iframe for rich HTML using blob URL -->
+          <iframe
+            #htmlFrame
+            [src]="htmlBlobUrl"
+            sandbox="allow-same-origin allow-scripts allow-popups allow-popups-to-escape-sandbox allow-modals"
+            class="html-iframe"
+            (load)="onIframeLoad()">
+          </iframe>
+        } @else if (displayMarkdown) {
           <div class="markdown-content" [innerHTML]="renderedMarkdown"></div>
-        } @else if (displayHtml) {
-          <div class="html-content" [innerHTML]="displayHtml"></div>
         } @else {
           <div class="json-editor-container">
             <mj-code-editor
@@ -202,7 +384,10 @@ export { JsonArtifactViewerComponent };
         }
       </div>
     </div>
-  `, styles: ["\n    .json-artifact-viewer {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n    }\n\n    .display-toolbar {\n      display: flex;\n      justify-content: flex-end;\n      padding: 8px;\n      background: #f8f9fa;\n      border-bottom: 1px solid #dee2e6;\n    }\n\n    .btn-icon {\n      padding: 6px 12px;\n      background: white;\n      border: 1px solid #ccc;\n      border-radius: 4px;\n      cursor: pointer;\n      font-size: 12px;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n    }\n\n    .btn-icon:hover {\n      background: #e9ecef;\n      border-color: #999;\n    }\n\n    .display-content {\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n      overflow: hidden;\n      min-height: 0;\n    }\n\n    .markdown-content,\n    .html-content {\n      flex: 1;\n      padding: 20px;\n      overflow: auto;\n      min-height: 0;\n      background: white;\n    }\n\n    .json-editor-container {\n      flex: 1;\n      overflow: auto;\n      min-height: 0;\n    }\n  "] }]
-    }], () => [{ type: i0.ChangeDetectorRef }, { type: i1.DomSanitizer }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(JsonArtifactViewerComponent, { className: "JsonArtifactViewerComponent", filePath: "src/lib/components/plugins/json-artifact-viewer.component.ts", lineNumber: 101 }); })();
+  `, styles: ["\n    .json-artifact-viewer {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n    }\n\n    .display-toolbar {\n      display: flex;\n      justify-content: flex-end;\n      gap: 8px;\n      padding: 8px;\n      background: #f8f9fa;\n      border-bottom: 1px solid #dee2e6;\n    }\n\n    .btn-icon {\n      padding: 6px 12px;\n      background: white;\n      border: 1px solid #ccc;\n      border-radius: 4px;\n      cursor: pointer;\n      font-size: 12px;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      transition: all 0.2s;\n    }\n\n    .btn-icon:hover {\n      background: #e9ecef;\n      border-color: #999;\n    }\n\n    .display-content {\n      flex: 1;\n      overflow: auto;\n      min-height: 0;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .html-iframe {\n      width: 100%;\n      border: none;\n      background: white;\n      display: block;\n    }\n\n    .markdown-content {\n      flex: 1;\n      padding: 20px;\n      overflow: auto;\n      min-height: 0;\n      background: white;\n    }\n\n    .json-editor-container {\n      flex: 1;\n      overflow: auto;\n      min-height: 0;\n    }\n  "] }]
+    }], () => [{ type: i0.ChangeDetectorRef }, { type: i1.DomSanitizer }], { htmlFrame: [{
+            type: ViewChild,
+            args: ['htmlFrame']
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(JsonArtifactViewerComponent, { className: "JsonArtifactViewerComponent", filePath: "src/lib/components/plugins/json-artifact-viewer.component.ts", lineNumber: 124 }); })();
 //# sourceMappingURL=json-artifact-viewer.component.js.map

package/dist/lib/components/plugins/json-artifact-viewer.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"json-artifact-viewer.component.js","sourceRoot":"","sources":["../../../../src/lib/components/plugins/json-artifact-viewer.component.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,SAAS,EAA6B,MAAM,eAAe,CAAC;AAErE,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,iCAAiC,EAAE,MAAM,mCAAmC,CAAC;AACtF,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE/C,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;;;;;;;IAqBtB,yBAAmE;;;IAArC,sEAA8B;;;IAE5D,yBAA0D;;;IAAhC,iEAAyB;;;;IAGjD,AADF,8BAAmC,wBAKI;IAHnC,kUAAyB;IAK7B,AADE,iBAAiB,EACb;;;IALF,cAAyB;IAAzB,kDAAyB;IAEzB,AADA,iCAAmB,kBACF;;AA3B/B;;;;GAIG;AAwFI,IAAM,2BAA2B,GAAjC,MAAM,2BAA4B,SAAQ,iCAAiC;IAQtE;IACA;IARH,WAAW,GAAG,EAAE,CAAC;IACjB,eAAe,GAAkB,IAAI,CAAC;IACtC,WAAW,GAAkB,IAAI,CAAC;IAClC,gBAAgB,GAAoB,IAAI,CAAC;IACxC,iBAAiB,GAAqC,EAAE,CAAC;IAEjE,YACU,GAAsB,EACtB,SAAuB;QAE/B,KAAK,EAAE,CAAC;QAHA,QAAG,GAAH,GAAG,CAAmB;QACtB,cAAS,GAAT,SAAS,CAAc;IAGjC,CAAC;IAED,KAAK,CAAC,QAAQ;QACZ,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QAErC,qDAAqD;QACrD,MAAM,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAEnC,4CAA4C;QAC5C,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;IAC3B,CAAC;IAED;;;OAGG;IACH,IAAoB,wBAAwB;QAC1C,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC;IACtD,CAAC;IAED;;;;OAIG;IACH,IAAoB,0BAA0B;QAC5C,OAAO,IAAI,CAAC,wBAAwB,CAAC;IACvC,CAAC;IAEO,KAAK,CAAC,qBAAqB;QACjC,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,EAAE,EAAE,CAAC;YAC9B,OAAO,CAAC,GAAG,CAAC,gEAAgE,CAAC,CAAC;YAC9E,OAAO;QACT,CAAC;QAED,OAAO,CAAC,GAAG,CAAC,sDAAsD,IAAI,CAAC,eAAe,CAAC,EAAE,EAAE,CAAC,CAAC;QAE7F,IAAI,CAAC;YACH,MAAM,EAAE,GAAG,IAAI,OAAO,EAAE,CAAC;YACzB,MAAM,MAAM,GAAG,MAAM,EAAE,CAAC,OAAO,CAAiC;gBAC9D,UAAU,EAAE,iCAAiC;gBAC7C,WAAW,EAAE,sBAAsB,IAAI,CAAC,eAAe,CAAC,EAAE,GAAG;gBAC7D,UAAU,EAAE,eAAe;aAC5B,CAAC,CAAC;YAEH,OAAO,CAAC,GAAG,CAAC,8CAA8C,MAAM,CAAC,OAAO,mBAAmB,MAAM,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC,EAAE,CAAC,CAAC;YAE1H,IAAI,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;gBACrC,IAAI,CAAC,iBAAiB,GAAG,MAAM,CAAC,OAAO,CAAC;gBAExC,OAAO,CAAC,GAAG,CAAC,0BAA0B,IAAI,CAAC,iBAAiB,CAAC,MAAM,2BAA2B,IAAI,CAAC,eAAe,CAAC,EAAE,EAAE,CAAC,CAAC;gBACzH,OAAO,CAAC,GAAG,CAAC,gBAAgB,EAAE,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;gBAExG,2EAA2E;gBAC3E,MAAM,mBAAmB,GAAG,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,iBAAiB,CAAC,CAAC;gBAC1G,MAAM,eAAe,GAAG,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,aAAa,CAAC,CAAC;gBAElG,OAAO,CAAC,GAAG,CAAC,yBAAyB,EAAE,mBAAmB,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,mBAAmB,CAAC,IAAI,EAAE,WAAW,EAAE,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;gBAC/J,OAAO,CAAC,GAAG,CAAC,qBAAqB,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,eAAe,CAAC,IAAI,EAAE,WAAW,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;gBAE/I,yBAAyB;gBACzB,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,mBAAmB,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAC;gBAC5E,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,mBAAmB,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;gBAEpE,uDAAuD;gBACvD,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;oBACzB,IAAI,CAAC;wBACH,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,eAAe,CAAW,CAAC;wBAC1D,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,2BAA2B;oBACvF,CAAC;oBAAC,OAAO,GAAG,EAAE,CAAC;wBACb,OAAO,CAAC,KAAK,CAAC,uCAAuC,EAAE,GAAG,CAAC,CAAC;wBAC5D,yBAAyB;wBACzB,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,eAAe,CAAC;oBAC/C,CAAC;gBACH,CAAC;gBAED,OAAO,CAAC,GAAG,CAAC,mCAAmC,CAAC,CAAC,IAAI,CAAC,eAAe,KAAK,IAAI,CAAC,eAAe,EAAE,MAAM,wBAAwB,CAAC,CAAC,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,WAAW,EAAE,MAAM,SAAS,CAAC,CAAC;gBACxL,OAAO,CAAC,GAAG,CAAC,+BAA+B,IAAI,CAAC,wBAAwB,EAAE,CAAC,CAAC;YAC9E,CAAC;iBAAM,CAAC;gBACN,OAAO,CAAC,GAAG,CAAC,gEAAgE,MAAM,CAAC,OAAO,mBAAmB,MAAM,CAAC,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC;YACzI,CAAC;QACH,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,OAAO,CAAC,KAAK,CAAC,mDAAmD,EAAE,GAAG,CAAC,CAAC;QAC1E,CAAC;IACH,CAAC;IAEO,mBAAmB,CAAC,KAAgC;QAC1D,IAAI,CAAC,KAAK;YAAE,OAAO,IAAI,CAAC;QAExB,IAAI,CAAC;YACH,6BAA6B;YAC7B,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YACjC,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;gBAC/B,OAAO,MAAM,CAAC;YAChB,CAAC;YACD,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QACzC,CAAC;QAAC,MAAM,CAAC;YACP,kCAAkC;YAClC,OAAO,KAAK,CAAC;QACf,CAAC;IACH,CAAC;IAED,MAAM;QACJ,uCAAuC;QACvC,MAAM,OAAO,GAAG,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC;QAC7E,IAAI,OAAO,EAAE,CAAC;YACZ,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;gBAC/C,OAAO,CAAC,GAAG,CAAC,+BAA+B,CAAC,CAAC;YAC/C,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;gBACb,OAAO,CAAC,KAAK,CAAC,8BAA8B,EAAE,GAAG,CAAC,CAAC;YACrD,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC;qFA5HU,2BAA2B;6DAA3B,2BAA2B;YAjFhC,AADF,AAFF,8BAAuD,aAExB,gBACsC;YAAnB,wGAAS,YAAQ,IAAC;YAC9D,uBAA2B;YAAC,sBAC9B;YACF,AADE,iBAAS,EACL;YAGN,8BAA6B;YAKzB,AAFA,AAFF,oFAAuB,uEAEG,uEAEjB;YAWb,AADE,iBAAM,EACF;;YAzB4B,sCAAoB;YAUlD,eAaC;YAbD,mEAaC;;;AA6DI,2BAA2B;IADvC,aAAa,CAAC,iCAAiC,EAAE,0BAA0B,CAAC;GAChE,2BAA2B,CA6HvC;;iFA7HY,2BAA2B;cAvFvC,SAAS;2BACE,yBAAyB,YACzB;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BT;;kFA0DU,2BAA2B"}
+{"version":3,"file":"json-artifact-viewer.component.js","sourceRoot":"","sources":["../../../../src/lib/components/plugins/json-artifact-viewer.component.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@memberjunction/ng-artifacts",
-  "version": "2.107.0",
+  "version": "2.109.0",
   "description": "MemberJunction: Artifact viewer plugin system for rendering different artifact types (JSON, Code, Markdown, HTML, SVG, Components)",
   "main": "./dist/public-api.js",
   "typings": "./dist/public-api.d.ts",
@@ -26,11 +26,11 @@
   "dependencies": {
     "@memberjunction/core": "2.100.3",
     "@memberjunction/global": "2.100.3",
-    "@memberjunction/core-entities": "2.107.0",
-    "@memberjunction/ng-base-types": "2.107.0",
-    "@memberjunction/ng-code-editor": "2.107.0",
-    "@memberjunction/ng-react": "2.107.0",
-    "@memberjunction/ng-notifications": "2.107.0",
+    "@memberjunction/core-entities": "2.109.0",
+    "@memberjunction/ng-base-types": "2.109.0",
+    "@memberjunction/ng-code-editor": "2.109.0",
+    "@memberjunction/ng-react": "2.109.0",
+    "@memberjunction/ng-notifications": "2.109.0",
     "@angular/cdk": "18.0.2",
     "tslib": "^2.3.0",
     "rxjs": "^7.8.1",