@memberjunction/ng-artifacts 5.43.0 → 5.45.0

package/dist/lib/components/previews/video-artifact-preview.component.js

@@ -1,6 +1,7 @@
 import { ChangeDetectorRef, Component, inject } from '@angular/core';
 import { BaseArtifactPreviewComponent } from './base-artifact-preview.component';
 import * as i0 from "@angular/core";
+import * as i1 from "@memberjunction/ng-media-player";
 function VideoArtifactPreviewComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 0);
     i0.ɵɵelement(1, "i", 2);
@@ -14,30 +15,53 @@ function VideoArtifactPreviewComponent_Conditional_0_Template(rf, ctx) { if (rf
 } }
 function VideoArtifactPreviewComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "video", 3);
-    i0.ɵɵlistener("click", function VideoArtifactPreviewComponent_Conditional_1_Template_video_click_0_listener($event) { i0.ɵɵrestoreView(_r2); return i0.ɵɵresetView($event.stopPropagation()); })("error", function VideoArtifactPreviewComponent_Conditional_1_Template_video_error_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onMediaError()); });
+    i0.ɵɵelementStart(0, "mj-media-player", 3);
+    i0.ɵɵlistener("click", function VideoArtifactPreviewComponent_Conditional_1_Template_mj_media_player_click_0_listener($event) { i0.ɵɵrestoreView(_r2); return i0.ɵɵresetView($event.stopPropagation()); })("Ended", function VideoArtifactPreviewComponent_Conditional_1_Template_mj_media_player_Ended_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onMediaEnded()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("src", ctx_r0.videoUrl, i0.ɵɵsanitizeUrl);
+    i0.ɵɵproperty("Tracks", ctx_r0.MediaTracks)("ShowTranscript", false)("ShowTranscriptToggle", false)("ShowWaveform", false)("ShowSpeedControl", false)("ShowSkipControls", false)("ShowVolume", false);
 } }
 /**
- * Inline preview for video artifacts. Renders a capped `<video controls preload="metadata">`
- * mini player inside the conversation message card. Click events on the player are stopped from
- * propagating so scrubbing / play-pause does NOT open the full-size viewer (the card's other
- * regions still open it).
+ * Inline preview for video artifacts. Embeds the generic {@link MJMediaPlayerComponent}
+ * (`mj-media-player`) in a compact, thumbnail-sized configuration inside the conversation message
+ * card. Click events on the player are stopped from propagating so scrubbing / play-pause does
+ * NOT open the full-size viewer (the card's other regions still open it).
+ *
+ * Compact gating: play/pause + scrubber + time (and fullscreen, which is handy for a tiny video
+ * surface) are shown. Transcript, waveform, speed, skip and volume chrome are turned OFF so the
+ * player reads cleanly at preview size and doesn't crowd the card.
  */
 export class VideoArtifactPreviewComponent extends BaseArtifactPreviewComponent {
     cdr = inject(ChangeDetectorRef);
-    /** Resolved URL bound to `<video src>` — data URI (inline) or pre-auth URL (file). */
+    /** Resolved URL — data URI (inline) or pre-auth URL (file). Funneled through {@link setVideoUrl}. */
     videoUrl = '';
     /** Non-empty hides the player and shows a compact error line. */
     errorMessage = '';
+    /**
+     * Single-track input for the generic {@link MJMediaPlayerComponent}. Rebuilt in lockstep with
+     * {@link videoUrl} via {@link setVideoUrl}; `[]` until a URL exists so the player shows its empty state.
+     */
+    MediaTracks = [];
+    /** Set the resolved URL and recompute the single-element {@link MediaTracks} array in lockstep. */
+    setVideoUrl(url) {
+        this.videoUrl = url;
+        this.MediaTracks = url
+            ? [
+                {
+                    Id: this.artifactVersion?.ID ?? 'video',
+                    Kind: 'video',
+                    Url: url,
+                    MimeType: this.artifactVersion?.MimeType ?? undefined,
+                },
+            ]
+            : [];
+    }
     async ngOnInit() {
         try {
             const url = await this.resolveContentUrl();
             if (url) {
-                this.videoUrl = url;
+                this.setVideoUrl(url);
             }
             else {
                 this.errorMessage = 'No video content.';
@@ -50,15 +74,19 @@ export class VideoArtifactPreviewComponent extends BaseArtifactPreviewComponent
     }
     onMediaError() {
         this.errorMessage = 'Video could not be played.';
-        this.videoUrl = '';
+        this.setVideoUrl('');
         this.cdr.markForCheck();
     }
+    /** Fired when the generic player reaches the end of the track. No-op affordance hook. */
+    onMediaEnded() {
+        // Playback finished — nothing to persist for an inline preview.
+    }
     static ɵfac = /*@__PURE__*/ (() => { let ɵVideoArtifactPreviewComponent_BaseFactory; return function VideoArtifactPreviewComponent_Factory(__ngFactoryType__) { return (ɵVideoArtifactPreviewComponent_BaseFactory || (ɵVideoArtifactPreviewComponent_BaseFactory = i0.ɵɵgetInheritedFactory(VideoArtifactPreviewComponent)))(__ngFactoryType__ || VideoArtifactPreviewComponent); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: VideoArtifactPreviewComponent, selectors: [["mj-video-artifact-preview"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 1, consts: [[1, "video-preview", "video-preview--error"], ["controls", "", "preload", "metadata", 1, "video-preview__video", 3, "src"], [1, "fa-solid", "fa-film"], ["controls", "", "preload", "metadata", 1, "video-preview__video", 3, "click", "error", "src"]], template: function VideoArtifactPreviewComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵconditionalCreate(0, VideoArtifactPreviewComponent_Conditional_0_Template, 4, 1, "div", 0)(1, VideoArtifactPreviewComponent_Conditional_1_Template, 1, 1, "video", 1);
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: VideoArtifactPreviewComponent, selectors: [["mj-video-artifact-preview"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 1, consts: [[1, "video-preview", "video-preview--error"], [1, "video-preview__player", 3, "Tracks", "ShowTranscript", "ShowTranscriptToggle", "ShowWaveform", "ShowSpeedControl", "ShowSkipControls", "ShowVolume"], [1, "fa-solid", "fa-film"], [1, "video-preview__player", 3, "click", "Ended", "Tracks", "ShowTranscript", "ShowTranscriptToggle", "ShowWaveform", "ShowSpeedControl", "ShowSkipControls", "ShowVolume"]], template: function VideoArtifactPreviewComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, VideoArtifactPreviewComponent_Conditional_0_Template, 4, 1, "div", 0)(1, VideoArtifactPreviewComponent_Conditional_1_Template, 1, 7, "mj-media-player", 1);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.errorMessage ? 0 : ctx.videoUrl ? 1 : -1);
-        } }, styles: ["[_nghost-%COMP%] {\n                display: block;\n            }\n\n            \n\n\n\n\n            .video-preview__video[_ngcontent-%COMP%] {\n                display: block;\n                max-width: 100%;\n                max-height: 140px;\n                width: 100%;\n                height: auto;\n                border-radius: 6px;\n                background: var(--mj-bg-surface-sunken);\n            }\n\n            .video-preview--error[_ngcontent-%COMP%] {\n                display: flex;\n                align-items: center;\n                gap: 8px;\n                padding: 12px 16px;\n                color: var(--mj-text-muted);\n                font-size: 13px;\n            }"] });
+        } }, dependencies: [i1.MJMediaPlayerComponent], styles: ["[_nghost-%COMP%] {\n                display: block;\n            }\n\n            \n\n\n            .video-preview__player[_ngcontent-%COMP%] {\n                display: block;\n                width: 100%;\n                max-width: 100%;\n                max-height: 140px;\n                border-radius: 6px;\n                overflow: hidden;\n                background: var(--mj-bg-surface-sunken);\n            }\n\n            .video-preview--error[_ngcontent-%COMP%] {\n                display: flex;\n                align-items: center;\n                gap: 8px;\n                padding: 12px 16px;\n                color: var(--mj-text-muted);\n                font-size: 13px;\n            }"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(VideoArtifactPreviewComponent, [{
         type: Component,
@@ -69,16 +97,20 @@ export class VideoArtifactPreviewComponent extends BaseArtifactPreviewComponent
                 <span>{{ errorMessage }}</span>
             </div>
         } @else if (videoUrl) {
-            <video
-                class="video-preview__video"
-                controls
-                preload="metadata"
-                [src]="videoUrl"
+            <mj-media-player
+                class="video-preview__player"
+                [Tracks]="MediaTracks"
+                [ShowTranscript]="false"
+                [ShowTranscriptToggle]="false"
+                [ShowWaveform]="false"
+                [ShowSpeedControl]="false"
+                [ShowSkipControls]="false"
+                [ShowVolume]="false"
                 (click)="$event.stopPropagation()"
-                (error)="onMediaError()"
-            ></video>
+                (Ended)="onMediaEnded()"
+            ></mj-media-player>
         }
-    `, styles: ["\n            :host {\n                display: block;\n            }\n\n            /* Compact thumbnail height \u2014 kept in sync with the image preview (140px) so both\n               visual media previews stay consistent and neither dominates the conversation.\n               Video keeps width:100% (unlike image) because the player chrome reads better at\n               full card width. */\n            .video-preview__video {\n                display: block;\n                max-width: 100%;\n                max-height: 140px;\n                width: 100%;\n                height: auto;\n                border-radius: 6px;\n                background: var(--mj-bg-surface-sunken);\n            }\n\n            .video-preview--error {\n                display: flex;\n                align-items: center;\n                gap: 8px;\n                padding: 12px 16px;\n                color: var(--mj-text-muted);\n                font-size: 13px;\n            }\n        "] }]
+    `, styles: ["\n            :host {\n                display: block;\n            }\n\n            /* Compact thumbnail \u2014 cap the height so the video surface stays consistent with the\n               image preview (140px) and neither dominates the conversation card. */\n            .video-preview__player {\n                display: block;\n                width: 100%;\n                max-width: 100%;\n                max-height: 140px;\n                border-radius: 6px;\n                overflow: hidden;\n                background: var(--mj-bg-surface-sunken);\n            }\n\n            .video-preview--error {\n                display: flex;\n                align-items: center;\n                gap: 8px;\n                padding: 12px 16px;\n                color: var(--mj-text-muted);\n                font-size: 13px;\n            }\n        "] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(VideoArtifactPreviewComponent, { className: "VideoArtifactPreviewComponent", filePath: "src/lib/components/previews/video-artifact-preview.component.ts", lineNumber: 61 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(VideoArtifactPreviewComponent, { className: "VideoArtifactPreviewComponent", filePath: "src/lib/components/previews/video-artifact-preview.component.ts", lineNumber: 68 }); })();
 //# sourceMappingURL=video-artifact-preview.component.js.map

package/dist/lib/components/previews/video-artifact-preview.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"video-artifact-preview.component.js","sourceRoot":"","sources":["../../../../src/lib/components/previews/video-artifact-preview.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,EAAU,MAAM,eAAe,CAAC;AAC7E,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;;;IAarE,8BAAgD;IAC5C,uBAAgC;IAChC,4BAAM;IAAA,YAAkB;IAC5B,AAD4B,iBAAO,EAC7B;;;IADI,eAAkB;IAAlB,yCAAkB;;;;IAG5B,gCAOC;IADG,AADA,mKAAS,wBAAwB,KAAC,mLACzB,qBAAc,KAAC;IAC3B,iBAAQ;;;IAHL,uDAAgB;;AApBhC;;;;;GAKG;AAoDH,MAAM,OAAO,6BAA8B,SAAQ,4BAA4B;IAC1D,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;IAEjD,sFAAsF;IAC/E,QAAQ,GAAG,EAAE,CAAC;IAErB,iEAAiE;IAC1D,YAAY,GAAG,EAAE,CAAC;IAEzB,KAAK,CAAC,QAAQ;QACV,IAAI,CAAC;YACD,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC3C,IAAI,GAAG,EAAE,CAAC;gBACN,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC;YACxB,CAAC;iBAAM,CAAC;gBACJ,IAAI,CAAC,YAAY,GAAG,mBAAmB,CAAC;YAC5C,CAAC;QACL,CAAC;QAAC,MAAM,CAAC;YACL,IAAI,CAAC,YAAY,GAAG,uBAAuB,CAAC;QAChD,CAAC;QACD,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;IAC5B,CAAC;IAEM,YAAY;QACf,IAAI,CAAC,YAAY,GAAG,4BAA4B,CAAC;QACjD,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;QACnB,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;IAC5B,CAAC;iSA3BQ,6BAA6B,yBAA7B,6BAA6B;6DAA7B,6BAA6B;YA1ChC,AALF,+FAAoB,2EAKG;;YALvB,8DAcC;;;iFAiCI,6BAA6B;cAnDzC,SAAS;6BACM,KAAK,YACP,2BAA2B,YAC3B;;;;;;;;;;;;;;;;KAgBT;;kFAgCQ,6BAA6B","sourcesContent":["import { ChangeDetectorRef, Component, inject, OnInit } from '@angular/core';\nimport { BaseArtifactPreviewComponent } from './base-artifact-preview.component';\n\n/**\n * Inline preview for video artifacts. Renders a capped `<video controls preload=\"metadata\">`\n * mini player inside the conversation message card. Click events on the player are stopped from\n * propagating so scrubbing / play-pause does NOT open the full-size viewer (the card's other\n * regions still open it).\n */\n@Component({\n    standalone: false,\n    selector: 'mj-video-artifact-preview',\n    template: `\n        @if (errorMessage) {\n            <div class=\"video-preview video-preview--error\">\n                <i class=\"fa-solid fa-film\"></i>\n                <span>{{ errorMessage }}</span>\n            </div>\n        } @else if (videoUrl) {\n            <video\n                class=\"video-preview__video\"\n                controls\n                preload=\"metadata\"\n                [src]=\"videoUrl\"\n                (click)=\"$event.stopPropagation()\"\n                (error)=\"onMediaError()\"\n            ></video>\n        }\n    `,\n    styles: [\n        `\n            :host {\n                display: block;\n            }\n\n            /* Compact thumbnail height — kept in sync with the image preview (140px) so both\n               visual media previews stay consistent and neither dominates the conversation.\n               Video keeps width:100% (unlike image) because the player chrome reads better at\n               full card width. */\n            .video-preview__video {\n                display: block;\n                max-width: 100%;\n                max-height: 140px;\n                width: 100%;\n                height: auto;\n                border-radius: 6px;\n                background: var(--mj-bg-surface-sunken);\n            }\n\n            .video-preview--error {\n                display: flex;\n                align-items: center;\n                gap: 8px;\n                padding: 12px 16px;\n                color: var(--mj-text-muted);\n                font-size: 13px;\n            }\n        `,\n    ],\n})\nexport class VideoArtifactPreviewComponent extends BaseArtifactPreviewComponent implements OnInit {\n    private readonly cdr = inject(ChangeDetectorRef);\n\n    /** Resolved URL bound to `<video src>` — data URI (inline) or pre-auth URL (file). */\n    public videoUrl = '';\n\n    /** Non-empty hides the player and shows a compact error line. */\n    public errorMessage = '';\n\n    async ngOnInit(): Promise<void> {\n        try {\n            const url = await this.resolveContentUrl();\n            if (url) {\n                this.videoUrl = url;\n            } else {\n                this.errorMessage = 'No video content.';\n            }\n        } catch {\n            this.errorMessage = 'Could not load video.';\n        }\n        this.cdr.markForCheck();\n    }\n\n    public onMediaError(): void {\n        this.errorMessage = 'Video could not be played.';\n        this.videoUrl = '';\n        this.cdr.markForCheck();\n    }\n}\n"]}
+{"version":3,"file":"video-artifact-preview.component.js","sourceRoot":"","sources":["../../../../src/lib/components/previews/video-artifact-preview.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,EAAU,MAAM,eAAe,CAAC;AAE7E,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;;;;IAiBrE,8BAAgD;IAC5C,uBAAgC;IAChC,4BAAM;IAAA,YAAkB;IAC5B,AAD4B,iBAAO,EAC7B;;;IADI,eAAkB;IAAlB,yCAAkB;;;;IAG5B,0CAWC;IADG,AADA,6KAAS,wBAAwB,KAAC,6LACzB,qBAAc,KAAC;IAC3B,iBAAkB;;;IAHf,AADA,AADA,AADA,AADA,AADA,AADA,2CAAsB,yBACE,+BACM,uBACR,2BACI,2BACA,qBACN;;AA5BpC;;;;;;;;;GASG;AAsDH,MAAM,OAAO,6BAA8B,SAAQ,4BAA4B;IAC1D,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;IAEjD,qGAAqG;IAC9F,QAAQ,GAAG,EAAE,CAAC;IAErB,iEAAiE;IAC1D,YAAY,GAAG,EAAE,CAAC;IAEzB;;;OAGG;IACI,WAAW,GAAiB,EAAE,CAAC;IAEtC,mGAAmG;IAC3F,WAAW,CAAC,GAAW;QAC3B,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC;QACpB,IAAI,CAAC,WAAW,GAAG,GAAG;YAClB,CAAC,CAAC;gBACI;oBACI,EAAE,EAAE,IAAI,CAAC,eAAe,EAAE,EAAE,IAAI,OAAO;oBACvC,IAAI,EAAE,OAAO;oBACb,GAAG,EAAE,GAAG;oBACR,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,QAAQ,IAAI,SAAS;iBACxD;aACJ;YACH,CAAC,CAAC,EAAE,CAAC;IACb,CAAC;IAED,KAAK,CAAC,QAAQ;QACV,IAAI,CAAC;YACD,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC3C,IAAI,GAAG,EAAE,CAAC;gBACN,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;YAC1B,CAAC;iBAAM,CAAC;gBACJ,IAAI,CAAC,YAAY,GAAG,mBAAmB,CAAC;YAC5C,CAAC;QACL,CAAC;QAAC,MAAM,CAAC;YACL,IAAI,CAAC,YAAY,GAAG,uBAAuB,CAAC;QAChD,CAAC;QACD,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;IAC5B,CAAC;IAEM,YAAY;QACf,IAAI,CAAC,YAAY,GAAG,4BAA4B,CAAC;QACjD,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;QACrB,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;IAC5B,CAAC;IAED,yFAAyF;IAClF,YAAY;QACf,gEAAgE;IACpE,CAAC;iSArDQ,6BAA6B,yBAA7B,6BAA6B;6DAA7B,6BAA6B;YA5ChC,AALF,+FAAoB,qFAKG;;YALvB,8DAkBC;;;iFA+BI,6BAA6B;cArDzC,SAAS;6BACM,KAAK,YACP,2BAA2B,YAC3B;;;;;;;;;;;;;;;;;;;;KAoBT;;kFA8BQ,6BAA6B","sourcesContent":["import { ChangeDetectorRef, Component, inject, OnInit } from '@angular/core';\nimport { MediaTrack } from '@memberjunction/ng-media-player';\nimport { BaseArtifactPreviewComponent } from './base-artifact-preview.component';\n\n/**\n * Inline preview for video artifacts. Embeds the generic {@link MJMediaPlayerComponent}\n * (`mj-media-player`) in a compact, thumbnail-sized configuration inside the conversation message\n * card. Click events on the player are stopped from propagating so scrubbing / play-pause does\n * NOT open the full-size viewer (the card's other regions still open it).\n *\n * Compact gating: play/pause + scrubber + time (and fullscreen, which is handy for a tiny video\n * surface) are shown. Transcript, waveform, speed, skip and volume chrome are turned OFF so the\n * player reads cleanly at preview size and doesn't crowd the card.\n */\n@Component({\n    standalone: false,\n    selector: 'mj-video-artifact-preview',\n    template: `\n        @if (errorMessage) {\n            <div class=\"video-preview video-preview--error\">\n                <i class=\"fa-solid fa-film\"></i>\n                <span>{{ errorMessage }}</span>\n            </div>\n        } @else if (videoUrl) {\n            <mj-media-player\n                class=\"video-preview__player\"\n                [Tracks]=\"MediaTracks\"\n                [ShowTranscript]=\"false\"\n                [ShowTranscriptToggle]=\"false\"\n                [ShowWaveform]=\"false\"\n                [ShowSpeedControl]=\"false\"\n                [ShowSkipControls]=\"false\"\n                [ShowVolume]=\"false\"\n                (click)=\"$event.stopPropagation()\"\n                (Ended)=\"onMediaEnded()\"\n            ></mj-media-player>\n        }\n    `,\n    styles: [\n        `\n            :host {\n                display: block;\n            }\n\n            /* Compact thumbnail — cap the height so the video surface stays consistent with the\n               image preview (140px) and neither dominates the conversation card. */\n            .video-preview__player {\n                display: block;\n                width: 100%;\n                max-width: 100%;\n                max-height: 140px;\n                border-radius: 6px;\n                overflow: hidden;\n                background: var(--mj-bg-surface-sunken);\n            }\n\n            .video-preview--error {\n                display: flex;\n                align-items: center;\n                gap: 8px;\n                padding: 12px 16px;\n                color: var(--mj-text-muted);\n                font-size: 13px;\n            }\n        `,\n    ],\n})\nexport class VideoArtifactPreviewComponent extends BaseArtifactPreviewComponent implements OnInit {\n    private readonly cdr = inject(ChangeDetectorRef);\n\n    /** Resolved URL — data URI (inline) or pre-auth URL (file). Funneled through {@link setVideoUrl}. */\n    public videoUrl = '';\n\n    /** Non-empty hides the player and shows a compact error line. */\n    public errorMessage = '';\n\n    /**\n     * Single-track input for the generic {@link MJMediaPlayerComponent}. Rebuilt in lockstep with\n     * {@link videoUrl} via {@link setVideoUrl}; `[]` until a URL exists so the player shows its empty state.\n     */\n    public MediaTracks: MediaTrack[] = [];\n\n    /** Set the resolved URL and recompute the single-element {@link MediaTracks} array in lockstep. */\n    private setVideoUrl(url: string): void {\n        this.videoUrl = url;\n        this.MediaTracks = url\n            ? [\n                  {\n                      Id: this.artifactVersion?.ID ?? 'video',\n                      Kind: 'video',\n                      Url: url,\n                      MimeType: this.artifactVersion?.MimeType ?? undefined,\n                  },\n              ]\n            : [];\n    }\n\n    async ngOnInit(): Promise<void> {\n        try {\n            const url = await this.resolveContentUrl();\n            if (url) {\n                this.setVideoUrl(url);\n            } else {\n                this.errorMessage = 'No video content.';\n            }\n        } catch {\n            this.errorMessage = 'Could not load video.';\n        }\n        this.cdr.markForCheck();\n    }\n\n    public onMediaError(): void {\n        this.errorMessage = 'Video could not be played.';\n        this.setVideoUrl('');\n        this.cdr.markForCheck();\n    }\n\n    /** Fired when the generic player reaches the end of the track. No-op affordance hook. */\n    public onMediaEnded(): void {\n        // Playback finished — nothing to persist for an inline preview.\n    }\n}\n"]}

package/dist/public-api.d.ts

@@ -22,6 +22,7 @@ export * from './lib/components/plugins/html-artifact-viewer.component';
 export * from './lib/components/plugins/svg-artifact-viewer.component';
 export * from './lib/components/plugins/component-artifact-viewer.component';
 export * from './lib/components/plugins/data-artifact-viewer.component';
+export * from './lib/components/plugins/ml-experiment-results-viewer.component';
 export * from './lib/components/plugins/component-feedback-panel/component-feedback-panel.component';
 export * from './lib/components/file-artifact-toolbar.component';
 export * from './lib/components/plugins/pdf-artifact-viewer.component';

package/dist/public-api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAKA,cAAc,wBAAwB,CAAC;AAGvC,cAAc,sCAAsC,CAAC;AACrD,cAAc,sCAAsC,CAAC;AACrD,cAAc,yCAAyC,CAAC;AACxD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,kDAAkD,CAAC;AAGjE,cAAc,mDAAmD,CAAC;AAGlE,cAAc,iDAAiD,CAAC;AAGhE,cAAc,2DAA2D,CAAC;AAC1E,cAAc,4DAA4D,CAAC;AAC3E,cAAc,4DAA4D,CAAC;AAC3E,cAAc,4DAA4D,CAAC;AAG3E,cAAc,wBAAwB,CAAC;AAGvC,cAAc,wDAAwD,CAAC;AAGvE,cAAc,kDAAkD,CAAC;AACjE,cAAc,qDAAqD,CAAC;AACpE,cAAc,kDAAkD,CAAC;AAGjE,cAAc,yDAAyD,CAAC;AACxE,cAAc,yDAAyD,CAAC;AACxE,cAAc,6DAA6D,CAAC;AAC5E,cAAc,yDAAyD,CAAC;AACxE,cAAc,wDAAwD,CAAC;AACvE,cAAc,8DAA8D,CAAC;AAC7E,cAAc,yDAAyD,CAAC;AACxE,cAAc,sFAAsF,CAAC;AAGrG,cAAc,kDAAkD,CAAC;AACjE,cAAc,wDAAwD,CAAC;AACvE,cAAc,yDAAyD,CAAC;AACxE,cAAc,yDAAyD,CAAC;AACxE,cAAc,0DAA0D,CAAC;AACzE,cAAc,0DAA0D,CAAC;AACzE,cAAc,0DAA0D,CAAC"}
+{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAKA,cAAc,wBAAwB,CAAC;AAGvC,cAAc,sCAAsC,CAAC;AACrD,cAAc,sCAAsC,CAAC;AACrD,cAAc,yCAAyC,CAAC;AACxD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,kDAAkD,CAAC;AAGjE,cAAc,mDAAmD,CAAC;AAGlE,cAAc,iDAAiD,CAAC;AAGhE,cAAc,2DAA2D,CAAC;AAC1E,cAAc,4DAA4D,CAAC;AAC3E,cAAc,4DAA4D,CAAC;AAC3E,cAAc,4DAA4D,CAAC;AAG3E,cAAc,wBAAwB,CAAC;AAGvC,cAAc,wDAAwD,CAAC;AAGvE,cAAc,kDAAkD,CAAC;AACjE,cAAc,qDAAqD,CAAC;AACpE,cAAc,kDAAkD,CAAC;AAGjE,cAAc,yDAAyD,CAAC;AACxE,cAAc,yDAAyD,CAAC;AACxE,cAAc,6DAA6D,CAAC;AAC5E,cAAc,yDAAyD,CAAC;AACxE,cAAc,wDAAwD,CAAC;AACvE,cAAc,8DAA8D,CAAC;AAC7E,cAAc,yDAAyD,CAAC;AACxE,cAAc,iEAAiE,CAAC;AAChF,cAAc,sFAAsF,CAAC;AAGrG,cAAc,kDAAkD,CAAC;AACjE,cAAc,wDAAwD,CAAC;AACvE,cAAc,yDAAyD,CAAC;AACxE,cAAc,yDAAyD,CAAC;AACxE,cAAc,0DAA0D,CAAC;AACzE,cAAc,0DAA0D,CAAC;AACzE,cAAc,0DAA0D,CAAC"}

package/dist/public-api.js

@@ -34,6 +34,7 @@ export * from './lib/components/plugins/html-artifact-viewer.component';
 export * from './lib/components/plugins/svg-artifact-viewer.component';
 export * from './lib/components/plugins/component-artifact-viewer.component';
 export * from './lib/components/plugins/data-artifact-viewer.component';
+export * from './lib/components/plugins/ml-experiment-results-viewer.component';
 export * from './lib/components/plugins/component-feedback-panel/component-feedback-panel.component';
 // File viewer toolbar and plugins
 export * from './lib/components/file-artifact-toolbar.component';

package/dist/public-api.js.map

@@ -1 +1 @@
-{"version":3,"file":"public-api.js","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,SAAS;AACT,cAAc,wBAAwB,CAAC;AAEvC,WAAW;AACX,cAAc,sCAAsC,CAAC;AACrD,cAAc,sCAAsC,CAAC;AACrD,cAAc,yCAAyC,CAAC;AACxD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,kDAAkD,CAAC;AAEjE,aAAa;AACb,cAAc,mDAAmD,CAAC;AAElE,iBAAiB;AACjB,cAAc,iDAAiD,CAAC;AAEhE,mCAAmC;AACnC,cAAc,2DAA2D,CAAC;AAC1E,cAAc,4DAA4D,CAAC;AAC3E,cAAc,4DAA4D,CAAC;AAC3E,cAAc,4DAA4D,CAAC;AAE3E,qFAAqF;AACrF,cAAc,wBAAwB,CAAC;AAEvC,8EAA8E;AAC9E,cAAc,wDAAwD,CAAC;AAEvE,gCAAgC;AAChC,cAAc,kDAAkD,CAAC;AACjE,cAAc,qDAAqD,CAAC;AACpE,cAAc,kDAAkD,CAAC;AAEjE,oBAAoB;AACpB,cAAc,yDAAyD,CAAC;AACxE,cAAc,yDAAyD,CAAC;AACxE,cAAc,6DAA6D,CAAC;AAC5E,cAAc,yDAAyD,CAAC;AACxE,cAAc,wDAAwD,CAAC;AACvE,cAAc,8DAA8D,CAAC;AAC7E,cAAc,yDAAyD,CAAC;AACxE,cAAc,sFAAsF,CAAC;AAErG,kCAAkC;AAClC,cAAc,kDAAkD,CAAC;AACjE,cAAc,wDAAwD,CAAC;AACvE,cAAc,yDAAyD,CAAC;AACxE,cAAc,yDAAyD,CAAC;AACxE,cAAc,0DAA0D,CAAC;AACzE,cAAc,0DAA0D,CAAC;AACzE,cAAc,0DAA0D,CAAC","sourcesContent":["/*\n * Public API Surface of @memberjunction/ng-artifacts\n */\n\n// Module\nexport * from './lib/artifacts.module';\n\n// Services\nexport * from './lib/services/artifact-icon.service';\nexport * from './lib/services/artifact-file.service';\nexport * from './lib/services/analyze-artifact.service';\nexport * from './lib/services/interactive-form-apply.service';\nexport * from './lib/services/artifact-preview-resolver.service';\n\n// Interfaces\nexport * from './lib/interfaces/artifact-viewer-plugin.interface';\n\n// Base component\nexport * from './lib/components/base-artifact-viewer.component';\n\n// Inline preview base + components\nexport * from './lib/components/previews/base-artifact-preview.component';\nexport * from './lib/components/previews/image-artifact-preview.component';\nexport * from './lib/components/previews/video-artifact-preview.component';\nexport * from './lib/components/previews/audio-artifact-preview.component';\n\n// Snapshot helpers (pure functions for creating DataSnapshots from artifact content)\nexport * from './lib/snapshot-helpers';\n\n// Artifact type plugin viewer (loads appropriate plugin based on DriverClass)\nexport * from './lib/components/artifact-type-plugin-viewer.component';\n\n// Artifact viewer UI components\nexport * from './lib/components/artifact-viewer-panel.component';\nexport * from './lib/components/artifact-version-history.component';\nexport * from './lib/components/artifact-message-card.component';\n\n// Plugin components\nexport * from './lib/components/plugins/json-artifact-viewer.component';\nexport * from './lib/components/plugins/code-artifact-viewer.component';\nexport * from './lib/components/plugins/markdown-artifact-viewer.component';\nexport * from './lib/components/plugins/html-artifact-viewer.component';\nexport * from './lib/components/plugins/svg-artifact-viewer.component';\nexport * from './lib/components/plugins/component-artifact-viewer.component';\nexport * from './lib/components/plugins/data-artifact-viewer.component';\nexport * from './lib/components/plugins/component-feedback-panel/component-feedback-panel.component';\n\n// File viewer toolbar and plugins\nexport * from './lib/components/file-artifact-toolbar.component';\nexport * from './lib/components/plugins/pdf-artifact-viewer.component';\nexport * from './lib/components/plugins/xlsx-artifact-viewer.component';\nexport * from './lib/components/plugins/docx-artifact-viewer.component';\nexport * from './lib/components/plugins/image-artifact-viewer.component';\nexport * from './lib/components/plugins/video-artifact-viewer.component';\nexport * from './lib/components/plugins/audio-artifact-viewer.component';\n"]}
+{"version":3,"file":"public-api.js","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,SAAS;AACT,cAAc,wBAAwB,CAAC;AAEvC,WAAW;AACX,cAAc,sCAAsC,CAAC;AACrD,cAAc,sCAAsC,CAAC;AACrD,cAAc,yCAAyC,CAAC;AACxD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,kDAAkD,CAAC;AAEjE,aAAa;AACb,cAAc,mDAAmD,CAAC;AAElE,iBAAiB;AACjB,cAAc,iDAAiD,CAAC;AAEhE,mCAAmC;AACnC,cAAc,2DAA2D,CAAC;AAC1E,cAAc,4DAA4D,CAAC;AAC3E,cAAc,4DAA4D,CAAC;AAC3E,cAAc,4DAA4D,CAAC;AAE3E,qFAAqF;AACrF,cAAc,wBAAwB,CAAC;AAEvC,8EAA8E;AAC9E,cAAc,wDAAwD,CAAC;AAEvE,gCAAgC;AAChC,cAAc,kDAAkD,CAAC;AACjE,cAAc,qDAAqD,CAAC;AACpE,cAAc,kDAAkD,CAAC;AAEjE,oBAAoB;AACpB,cAAc,yDAAyD,CAAC;AACxE,cAAc,yDAAyD,CAAC;AACxE,cAAc,6DAA6D,CAAC;AAC5E,cAAc,yDAAyD,CAAC;AACxE,cAAc,wDAAwD,CAAC;AACvE,cAAc,8DAA8D,CAAC;AAC7E,cAAc,yDAAyD,CAAC;AACxE,cAAc,iEAAiE,CAAC;AAChF,cAAc,sFAAsF,CAAC;AAErG,kCAAkC;AAClC,cAAc,kDAAkD,CAAC;AACjE,cAAc,wDAAwD,CAAC;AACvE,cAAc,yDAAyD,CAAC;AACxE,cAAc,yDAAyD,CAAC;AACxE,cAAc,0DAA0D,CAAC;AACzE,cAAc,0DAA0D,CAAC;AACzE,cAAc,0DAA0D,CAAC","sourcesContent":["/*\n * Public API Surface of @memberjunction/ng-artifacts\n */\n\n// Module\nexport * from './lib/artifacts.module';\n\n// Services\nexport * from './lib/services/artifact-icon.service';\nexport * from './lib/services/artifact-file.service';\nexport * from './lib/services/analyze-artifact.service';\nexport * from './lib/services/interactive-form-apply.service';\nexport * from './lib/services/artifact-preview-resolver.service';\n\n// Interfaces\nexport * from './lib/interfaces/artifact-viewer-plugin.interface';\n\n// Base component\nexport * from './lib/components/base-artifact-viewer.component';\n\n// Inline preview base + components\nexport * from './lib/components/previews/base-artifact-preview.component';\nexport * from './lib/components/previews/image-artifact-preview.component';\nexport * from './lib/components/previews/video-artifact-preview.component';\nexport * from './lib/components/previews/audio-artifact-preview.component';\n\n// Snapshot helpers (pure functions for creating DataSnapshots from artifact content)\nexport * from './lib/snapshot-helpers';\n\n// Artifact type plugin viewer (loads appropriate plugin based on DriverClass)\nexport * from './lib/components/artifact-type-plugin-viewer.component';\n\n// Artifact viewer UI components\nexport * from './lib/components/artifact-viewer-panel.component';\nexport * from './lib/components/artifact-version-history.component';\nexport * from './lib/components/artifact-message-card.component';\n\n// Plugin components\nexport * from './lib/components/plugins/json-artifact-viewer.component';\nexport * from './lib/components/plugins/code-artifact-viewer.component';\nexport * from './lib/components/plugins/markdown-artifact-viewer.component';\nexport * from './lib/components/plugins/html-artifact-viewer.component';\nexport * from './lib/components/plugins/svg-artifact-viewer.component';\nexport * from './lib/components/plugins/component-artifact-viewer.component';\nexport * from './lib/components/plugins/data-artifact-viewer.component';\nexport * from './lib/components/plugins/ml-experiment-results-viewer.component';\nexport * from './lib/components/plugins/component-feedback-panel/component-feedback-panel.component';\n\n// File viewer toolbar and plugins\nexport * from './lib/components/file-artifact-toolbar.component';\nexport * from './lib/components/plugins/pdf-artifact-viewer.component';\nexport * from './lib/components/plugins/xlsx-artifact-viewer.component';\nexport * from './lib/components/plugins/docx-artifact-viewer.component';\nexport * from './lib/components/plugins/image-artifact-viewer.component';\nexport * from './lib/components/plugins/video-artifact-viewer.component';\nexport * from './lib/components/plugins/audio-artifact-viewer.component';\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@memberjunction/ng-artifacts",
-  "version": "5.43.0",
+  "version": "5.45.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",
@@ -18,6 +18,8 @@
   "devDependencies": {
     "@angular/compiler": "21.1.3",
     "@angular/compiler-cli": "21.1.3",
+    "@memberjunction/core": "5.45.0",
+    "@memberjunction/ng-test-utils": "5.45.0",
     "sass": "^1.97.3",
     "vitest": "^4.0.18"
   },
@@ -32,23 +34,24 @@
   "dependencies": {
     "@angular/cdk": "21.1.3",
     "@angular/forms": "21.1.3",
-    "@memberjunction/core": "5.43.0",
-    "@memberjunction/core-entities": "5.43.0",
-    "@memberjunction/global": "5.43.0",
-    "@memberjunction/graphql-dataprovider": "5.43.0",
-    "@memberjunction/interactive-component-types": "5.43.0",
-    "@memberjunction/ng-base-forms": "5.43.0",
-    "@memberjunction/ng-base-types": "5.43.0",
-    "@memberjunction/ng-code-editor": "5.43.0",
-    "@memberjunction/ng-export-service": "5.43.0",
-    "@memberjunction/ng-markdown": "5.43.0",
-    "@memberjunction/ng-notifications": "5.43.0",
-    "@memberjunction/ng-pagination": "5.43.0",
-    "@memberjunction/ng-query-viewer": "5.43.0",
-    "@memberjunction/ng-react": "5.43.0",
-    "@memberjunction/ng-shared-generic": "5.43.0",
-    "@memberjunction/ng-trees": "5.43.0",
-    "@memberjunction/ng-ui-components": "5.43.0",
+    "@memberjunction/core": "5.45.0",
+    "@memberjunction/core-entities": "5.45.0",
+    "@memberjunction/global": "5.45.0",
+    "@memberjunction/graphql-dataprovider": "5.45.0",
+    "@memberjunction/interactive-component-types": "5.45.0",
+    "@memberjunction/ng-base-forms": "5.45.0",
+    "@memberjunction/ng-base-types": "5.45.0",
+    "@memberjunction/ng-code-editor": "5.45.0",
+    "@memberjunction/ng-export-service": "5.45.0",
+    "@memberjunction/ng-markdown": "5.45.0",
+    "@memberjunction/ng-media-player": "5.45.0",
+    "@memberjunction/ng-notifications": "5.45.0",
+    "@memberjunction/ng-pagination": "5.45.0",
+    "@memberjunction/ng-query-viewer": "5.45.0",
+    "@memberjunction/ng-react": "5.45.0",
+    "@memberjunction/ng-shared-generic": "5.45.0",
+    "@memberjunction/ng-trees": "5.45.0",
+    "@memberjunction/ng-ui-components": "5.45.0",
     "mammoth": "^1.8.0",
     "pdfjs-dist": "^4.10.38",
     "rxjs": "^7.8.2",

package/dist/__tests__/exports.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=exports.test.d.ts.map

package/dist/__tests__/exports.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"exports.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/exports.test.ts"],"names":[],"mappings":""}

package/dist/__tests__/exports.test.js

@@ -1,17 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { existsSync } from 'fs';
-import { resolve } from 'path';
-describe('@memberjunction/ng-artifacts', () => {
-    it('should have a public API entry point', () => {
-        const pkgRoot = resolve(__dirname, '../..');
-        const hasPublicApi = existsSync(resolve(pkgRoot, 'src/public-api.ts'));
-        const hasIndex = existsSync(resolve(pkgRoot, 'src/index.ts'));
-        expect(hasPublicApi || hasIndex).toBe(true);
-    });
-    it('should have a package.json with correct name', () => {
-        const pkgRoot = resolve(__dirname, '../..');
-        const pkg = require(resolve(pkgRoot, 'package.json'));
-        expect(pkg.name).toBe('@memberjunction/ng-artifacts');
-    });
-});
-//# sourceMappingURL=exports.test.js.map

package/dist/__tests__/exports.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"exports.test.js","sourceRoot":"","sources":["../../src/__tests__/exports.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAE/B,QAAQ,CAAC,8BAA8B,EAAE,GAAG,EAAE;IAC5C,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAC9C,MAAM,OAAO,GAAG,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QAC5C,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,CAAC,OAAO,EAAE,mBAAmB,CAAC,CAAC,CAAC;QACvE,MAAM,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC;QAC9D,MAAM,CAAC,YAAY,IAAI,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8CAA8C,EAAE,GAAG,EAAE;QACtD,MAAM,OAAO,GAAG,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QAC5C,MAAM,GAAG,GAAG,OAAO,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC;QACtD,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,8BAA8B,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { describe, it, expect } from 'vitest';\nimport { existsSync } from 'fs';\nimport { resolve } from 'path';\n\ndescribe('@memberjunction/ng-artifacts', () => {\n  it('should have a public API entry point', () => {\n    const pkgRoot = resolve(__dirname, '../..');\n    const hasPublicApi = existsSync(resolve(pkgRoot, 'src/public-api.ts'));\n    const hasIndex = existsSync(resolve(pkgRoot, 'src/index.ts'));\n    expect(hasPublicApi || hasIndex).toBe(true);\n  });\n\n  it('should have a package.json with correct name', () => {\n    const pkgRoot = resolve(__dirname, '../..');\n    const pkg = require(resolve(pkgRoot, 'package.json'));\n    expect(pkg.name).toBe('@memberjunction/ng-artifacts');\n  });\n});\n"]}

package/dist/__tests__/image-artifact-viewer.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=image-artifact-viewer.test.d.ts.map

package/dist/__tests__/image-artifact-viewer.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"image-artifact-viewer.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/image-artifact-viewer.test.ts"],"names":[],"mappings":""}

package/dist/__tests__/image-artifact-viewer.test.js

@@ -1,62 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { IMAGE_MIME_EXTENSION_MAP, buildImageDownloadFileName, } from '../lib/components/plugins/image-artifact-viewer.component';
-/**
- * Unit tests for the pure helpers exported from the image-artifact viewer
- * plugin. The plugin's Angular component itself can't be rendered under the
- * package's `node`-environment vitest config (no DOM, no TestBed), so the
- * tests focus on the deterministic, side-effect-free logic that the component
- * delegates to — exactly the boundary that has historically caused user-visible
- * bugs (filename sanitization, MIME → extension mapping).
- */
-describe('IMAGE_MIME_EXTENSION_MAP', () => {
-    it('covers the MIMEs that the seed Image artifact type advertises', () => {
-        // The metadata seed declares ContentType "image/*". These are the
-        // common raster MIMEs that Generate Image and uploaded files produce.
-        const required = ['image/png', 'image/jpeg', 'image/gif', 'image/webp'];
-        for (const mime of required) {
-            expect(IMAGE_MIME_EXTENSION_MAP[mime]).toBeTruthy();
-        }
-    });
-    it('returns the canonical short extension for JPEG (jpg, not jpeg)', () => {
-        expect(IMAGE_MIME_EXTENSION_MAP['image/jpeg']).toBe('jpg');
-    });
-    it('is frozen (read-only) so callers cannot mutate the shared map', () => {
-        // Object.freeze guarantees runtime immutability — if a future refactor
-        // removes the freeze this test will catch it.
-        expect(Object.isFrozen(IMAGE_MIME_EXTENSION_MAP)).toBe(true);
-    });
-});
-describe('buildImageDownloadFileName', () => {
-    it('combines a clean name and the right extension', () => {
-        expect(buildImageDownloadFileName('mountain', 'image/png')).toBe('mountain.png');
-    });
-    it('uses jpg for jpeg even when input is uppercase', () => {
-        expect(buildImageDownloadFileName('photo', 'IMAGE/JPEG')).toBe('photo.jpg');
-    });
-    it('strips characters that are unsafe on common filesystems', () => {
-        // Spaces, slashes, colons, and emoji should all be normalized to underscores.
-        expect(buildImageDownloadFileName('Generated image 1', 'image/jpeg')).toBe('Generated_image_1.jpg');
-        expect(buildImageDownloadFileName('a/b:c\\d', 'image/png')).toBe('a_b_c_d.png');
-    });
-    it('preserves dots, dashes, and underscores (filesystem-safe)', () => {
-        expect(buildImageDownloadFileName('snapshot_v2-final.draft', 'image/png')).toBe('snapshot_v2-final.draft.png');
-    });
-    it('falls back to "image" when no name is supplied', () => {
-        expect(buildImageDownloadFileName(null, 'image/png')).toBe('image.png');
-        expect(buildImageDownloadFileName(undefined, 'image/webp')).toBe('image.webp');
-        expect(buildImageDownloadFileName('', 'image/gif')).toBe('image.gif');
-    });
-    it('falls back to "img" extension when the MIME type is missing or unknown', () => {
-        expect(buildImageDownloadFileName('thing', null)).toBe('thing.img');
-        expect(buildImageDownloadFileName('thing', undefined)).toBe('thing.img');
-        expect(buildImageDownloadFileName('thing', '')).toBe('thing.img');
-        expect(buildImageDownloadFileName('thing', 'application/json')).toBe('thing.img');
-    });
-    it('does not double-append the extension when the name already has it', () => {
-        // The agent sometimes hands us labels like "Generated image 1.png" — we
-        // shouldn't end up with "Generated_image_1.png.png" in the user's downloads.
-        expect(buildImageDownloadFileName('photo.png', 'image/png')).toBe('photo.png');
-        expect(buildImageDownloadFileName('shot.JPG', 'image/jpeg')).toBe('shot.JPG');
-    });
-});
-//# sourceMappingURL=image-artifact-viewer.test.js.map

package/dist/__tests__/image-artifact-viewer.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"image-artifact-viewer.test.js","sourceRoot":"","sources":["../../src/__tests__/image-artifact-viewer.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { describe, it, expect } from 'vitest';\nimport {\n    IMAGE_MIME_EXTENSION_MAP,\n    buildImageDownloadFileName,\n} from '../lib/components/plugins/image-artifact-viewer.component';\n\n/**\n * Unit tests for the pure helpers exported from the image-artifact viewer\n * plugin. The plugin's Angular component itself can't be rendered under the\n * package's `node`-environment vitest config (no DOM, no TestBed), so the\n * tests focus on the deterministic, side-effect-free logic that the component\n * delegates to — exactly the boundary that has historically caused user-visible\n * bugs (filename sanitization, MIME → extension mapping).\n */\n\ndescribe('IMAGE_MIME_EXTENSION_MAP', () => {\n    it('covers the MIMEs that the seed Image artifact type advertises', () => {\n        // The metadata seed declares ContentType \"image/*\". These are the\n        // common raster MIMEs that Generate Image and uploaded files produce.\n        const required = ['image/png', 'image/jpeg', 'image/gif', 'image/webp'];\n        for (const mime of required) {\n            expect(IMAGE_MIME_EXTENSION_MAP[mime]).toBeTruthy();\n        }\n    });\n\n    it('returns the canonical short extension for JPEG (jpg, not jpeg)', () => {\n        expect(IMAGE_MIME_EXTENSION_MAP['image/jpeg']).toBe('jpg');\n    });\n\n    it('is frozen (read-only) so callers cannot mutate the shared map', () => {\n        // Object.freeze guarantees runtime immutability — if a future refactor\n        // removes the freeze this test will catch it.\n        expect(Object.isFrozen(IMAGE_MIME_EXTENSION_MAP)).toBe(true);\n    });\n});\n\ndescribe('buildImageDownloadFileName', () => {\n    it('combines a clean name and the right extension', () => {\n        expect(buildImageDownloadFileName('mountain', 'image/png')).toBe('mountain.png');\n    });\n\n    it('uses jpg for jpeg even when input is uppercase', () => {\n        expect(buildImageDownloadFileName('photo', 'IMAGE/JPEG')).toBe('photo.jpg');\n    });\n\n    it('strips characters that are unsafe on common filesystems', () => {\n        // Spaces, slashes, colons, and emoji should all be normalized to underscores.\n        expect(buildImageDownloadFileName('Generated image 1', 'image/jpeg')).toBe('Generated_image_1.jpg');\n        expect(buildImageDownloadFileName('a/b:c\\\\d', 'image/png')).toBe('a_b_c_d.png');\n    });\n\n    it('preserves dots, dashes, and underscores (filesystem-safe)', () => {\n        expect(buildImageDownloadFileName('snapshot_v2-final.draft', 'image/png')).toBe(\n            'snapshot_v2-final.draft.png',\n        );\n    });\n\n    it('falls back to \"image\" when no name is supplied', () => {\n        expect(buildImageDownloadFileName(null, 'image/png')).toBe('image.png');\n        expect(buildImageDownloadFileName(undefined, 'image/webp')).toBe('image.webp');\n        expect(buildImageDownloadFileName('', 'image/gif')).toBe('image.gif');\n    });\n\n    it('falls back to \"img\" extension when the MIME type is missing or unknown', () => {\n        expect(buildImageDownloadFileName('thing', null)).toBe('thing.img');\n        expect(buildImageDownloadFileName('thing', undefined)).toBe('thing.img');\n        expect(buildImageDownloadFileName('thing', '')).toBe('thing.img');\n        expect(buildImageDownloadFileName('thing', 'application/json')).toBe('thing.img');\n    });\n\n    it('does not double-append the extension when the name already has it', () => {\n        // The agent sometimes hands us labels like \"Generated image 1.png\" — we\n        // shouldn't end up with \"Generated_image_1.png.png\" in the user's downloads.\n        expect(buildImageDownloadFileName('photo.png', 'image/png')).toBe('photo.png');\n        expect(buildImageDownloadFileName('shot.JPG', 'image/jpeg')).toBe('shot.JPG');\n    });\n});\n"]}

package/dist/__tests__/index.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=index.test.d.ts.map

package/dist/__tests__/index.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/index.test.ts"],"names":[],"mappings":""}

package/dist/__tests__/index.test.js

@@ -1,7 +0,0 @@
-import { describe, it, expect } from 'vitest';
-describe('@memberjunction/ng-artifacts', () => {
-    it('should have a passing test', () => {
-        expect(true).toBe(true);
-    });
-});
-//# sourceMappingURL=index.test.js.map

package/dist/__tests__/index.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.test.js","sourceRoot":"","sources":["../../src/__tests__/index.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAE9C,QAAQ,CAAC,8BAA8B,EAAE,GAAG,EAAE;IAC5C,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;QACpC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { describe, it, expect } from 'vitest';\n\ndescribe('@memberjunction/ng-artifacts', () => {\n  it('should have a passing test', () => {\n    expect(true).toBe(true);\n  });\n});\n"]}

package/dist/lib/__tests__/artifact-snapshots.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=artifact-snapshots.test.d.ts.map

package/dist/lib/__tests__/artifact-snapshots.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"artifact-snapshots.test.d.ts","sourceRoot":"","sources":["../../../src/lib/__tests__/artifact-snapshots.test.ts"],"names":[],"mappings":""}

package/dist/lib/__tests__/artifact-snapshots.test.js

@@ -1,155 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { DataSnapshot, NormalizeToTables } from '@memberjunction/core';
-import { createJsonSnapshot, createCodeSnapshot, createMarkdownSnapshot, createDataSnapshot, buildMultiTableSql, } from '../snapshot-helpers';
-/**
- * Tests for artifact-level state snapshot logic.
- *
- * These tests exercise the pure snapshot-creation functions that the Angular
- * viewer components delegate to, without requiring Angular TestBed.
- */
-describe('Artifact Snapshot Helpers', () => {
-    describe('createJsonSnapshot', () => {
-        it('should return null when content is null', () => {
-            const result = createJsonSnapshot(null, 'Test');
-            expect(result).toBeNull();
-        });
-        it('should parse valid JSON and count top-level keys', () => {
-            const json = '{"name":"Alice","age":30,"active":true}';
-            const result = createJsonSnapshot(json, 'My JSON');
-            expect(result).not.toBeNull();
-            expect(result.title).toBe('My JSON');
-            expect(result.interpretation).toBe('JSON artifact with 3 top-level keys.');
-            expect(result.custom).toEqual({ name: 'Alice', age: 30, active: true });
-        });
-        it('should return null for invalid JSON', () => {
-            const result = createJsonSnapshot('not json {{{', 'Bad');
-            expect(result).toBeNull();
-        });
-        it('should handle JSON arrays', () => {
-            const json = '[1,2,3]';
-            const result = createJsonSnapshot(json, 'Array');
-            expect(result).not.toBeNull();
-            // Arrays don't have "top-level keys" — no interpretation set
-            expect(result.interpretation).toBeUndefined();
-            expect(result.custom).toEqual([1, 2, 3]);
-        });
-    });
-    describe('createCodeSnapshot', () => {
-        it('should return null when content is null', () => {
-            const result = createCodeSnapshot(null, 'Test');
-            expect(result).toBeNull();
-        });
-        it('should count lines and include content in custom', () => {
-            const code = 'line1\nline2\nline3';
-            const result = createCodeSnapshot(code, 'My Code');
-            expect(result).not.toBeNull();
-            expect(result.title).toBe('My Code');
-            expect(result.interpretation).toBe('Code artifact, 3 lines.');
-            expect(result.custom).toEqual({ content: code, lineCount: 3 });
-        });
-        it('should handle single line content', () => {
-            const result = createCodeSnapshot('console.log("hi")', 'One Liner');
-            expect(result.interpretation).toBe('Code artifact, 1 lines.');
-            expect(result.custom.lineCount).toBe(1);
-        });
-    });
-    describe('createMarkdownSnapshot', () => {
-        it('should return null when content is null', () => {
-            const result = createMarkdownSnapshot(null, 'Test');
-            expect(result).toBeNull();
-        });
-        it('should include content in custom', () => {
-            const md = '# Hello\n\nWorld';
-            const result = createMarkdownSnapshot(md, 'My Doc');
-            expect(result).not.toBeNull();
-            expect(result.title).toBe('My Doc');
-            expect(result.custom).toEqual({ content: md });
-        });
-    });
-    describe('createDataSnapshot', () => {
-        it('should return null when spec is null', () => {
-            const result = createDataSnapshot(null);
-            expect(result).toBeNull();
-        });
-        it('should normalize a spec with columns and rows into tables', () => {
-            const spec = {
-                title: 'Sales Report',
-                columns: [
-                    { field: 'Name', headerName: 'Customer Name' },
-                    { field: 'Amount', headerName: 'Total', sqlBaseType: 'money' },
-                ],
-                rows: [
-                    { Name: 'Alice', Amount: 100 },
-                    { Name: 'Bob', Amount: 200 },
-                ],
-            };
-            const result = createDataSnapshot(spec);
-            expect(result).not.toBeNull();
-            expect(result.title).toBe('Sales Report');
-            expect(result.tables).toBeDefined();
-            expect(result.tables.length).toBeGreaterThanOrEqual(1);
-            expect(result.tables[0].rows).toHaveLength(2);
-        });
-        it('should use "Results" as default table name when title is missing', () => {
-            const spec = {
-                columns: [{ field: 'ID' }],
-                rows: [{ ID: 1 }],
-            };
-            const result = createDataSnapshot(spec);
-            expect(result).not.toBeNull();
-            expect(result.tables).toBeDefined();
-            expect(result.tables[0].name).toBe('Results');
-        });
-    });
-});
-describe('buildMultiTableSql', () => {
-    it('concatenates SQL from multiple tables with headers', () => {
-        const tables = [
-            { name: 'customers', metadata: { sql: 'SELECT * FROM Customers' } },
-            { name: 'orders', metadata: { sql: 'SELECT * FROM Orders' } },
-        ];
-        const result = buildMultiTableSql(tables);
-        expect(result).toContain('-- ═══ customers ═══');
-        expect(result).toContain('SELECT * FROM Customers');
-        expect(result).toContain('-- ═══ orders ═══');
-        expect(result).toContain('SELECT * FROM Orders');
-    });
-    it('skips tables without SQL', () => {
-        const tables = [
-            { name: 'has_sql', metadata: { sql: 'SELECT 1' } },
-            { name: 'no_sql', metadata: {} },
-            { name: 'no_meta' },
-        ];
-        const result = buildMultiTableSql(tables);
-        expect(result).toContain('-- ═══ has_sql ═══');
-        expect(result).not.toContain('no_sql');
-        expect(result).not.toContain('no_meta');
-    });
-    it('returns null when no tables have SQL', () => {
-        const tables = [{ name: 'a' }, { name: 'b', metadata: {} }];
-        const result = buildMultiTableSql(tables);
-        expect(result).toBeNull();
-    });
-});
-describe('NormalizeToTables (core utility)', () => {
-    it('should return empty array for empty snapshot', () => {
-        const snap = new DataSnapshot();
-        expect(NormalizeToTables(snap)).toEqual([]);
-    });
-    it('should handle a spec with columns and rows (legacy format)', () => {
-        const data = {
-            columns: [{ field: 'A' }, { field: 'B' }],
-            rows: [{ A: 1, B: 2 }],
-        };
-        const tables = NormalizeToTables(data, 'Sheet1');
-        expect(tables).toHaveLength(1);
-        expect(tables[0].rows).toHaveLength(1);
-    });
-    it('should return empty for a context-only snapshot', () => {
-        const snap = new DataSnapshot();
-        snap.title = 'Just a title';
-        const tables = NormalizeToTables(snap);
-        expect(tables).toEqual([]);
-    });
-});
-//# sourceMappingURL=artifact-snapshots.test.js.map