@memberjunction/ng-artifacts 5.24.0 → 5.26.0

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

@@ -0,0 +1,340 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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, ViewChild } from '@angular/core';
+import { RegisterClass } from '@memberjunction/global';
+import { BaseArtifactViewerPluginComponent } from '../base-artifact-viewer.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/artifact-file.service";
+import * as i2 from "../file-artifact-toolbar.component";
+const _c0 = ["pdfCanvas"];
+function PdfArtifactViewerComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 4);
+    i0.ɵɵelement(1, "i", 7);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "Loading PDF\u2026");
+    i0.ɵɵelementEnd()();
+} }
+function PdfArtifactViewerComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 5);
+    i0.ɵɵelement(1, "i", 8);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r0.errorMessage);
+} }
+function PdfArtifactViewerComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 6);
+    i0.ɵɵelement(1, "canvas", null, 0);
+    i0.ɵɵelementEnd();
+} }
+/**
+ * Viewer plugin for PDF artifact versions stored in MJStorage (ContentMode = 'File')
+ * or as inline base64 content (ContentMode = 'Inline').
+ *
+ * Renders one page at a time using PDF.js. The toolbar provides page navigation
+ * (including a direct page-jump input), zoom in/out, download, and print.
+ *
+ * Aspect-ratio preservation: the canvas backing buffer is sized at full HiDPI
+ * resolution while the CSS size uses `aspect-ratio` + `height: auto` so both
+ * dimensions scale proportionally. Pages wider than the panel scroll horizontally
+ * inside the body — no max-width clamping, which is required for zoom to work.
+ */
+let PdfArtifactViewerComponent = class PdfArtifactViewerComponent extends BaseArtifactViewerPluginComponent {
+    fileService;
+    cdr;
+    canvasRef;
+    isLoading = true;
+    isDownloading = false;
+    errorMessage = '';
+    currentPage = 1;
+    totalPages = 1;
+    zoomLevel = 1.0;
+    pdfDoc = null;
+    renderTask = null;
+    downloadUrl = '';
+    _pdfjsLib = null;
+    /** Discrete zoom steps — 50 % to 400 %. */
+    ZOOM_STEPS = [0.5, 0.67, 0.75, 1.0, 1.25, 1.5, 2.0, 3.0, 4.0];
+    /** Base render scale (logical pixels per PDF point at zoom 1.0). */
+    BASE_SCALE = 1.5;
+    constructor(fileService, cdr) {
+        super();
+        this.fileService = fileService;
+        this.cdr = cdr;
+    }
+    get hasDisplayContent() { return true; }
+    /** Current zoom as an integer percentage for toolbar display. */
+    get zoomPercent() { return Math.round(this.zoomLevel * 100); }
+    get canZoomIn() {
+        return this.zoomLevel < this.ZOOM_STEPS[this.ZOOM_STEPS.length - 1];
+    }
+    get canZoomOut() {
+        return this.zoomLevel > this.ZOOM_STEPS[0];
+    }
+    async ngOnInit() {
+        await this.loadPdf();
+    }
+    ngOnDestroy() {
+        this.cancelCurrentRender();
+        this.pdfDoc?.destroy();
+        this.pdfDoc = null;
+    }
+    // ─── Navigation ─────────────────────────────────────────────────────────────
+    async goToNextPage() {
+        await this.onPageChange(this.currentPage + 1);
+    }
+    async goToPrevPage() {
+        await this.onPageChange(this.currentPage - 1);
+    }
+    async onPageChange(page) {
+        const clamped = Math.max(1, Math.min(page, this.totalPages));
+        if (clamped !== this.currentPage) {
+            this.currentPage = clamped;
+            await this.renderPage(this.currentPage);
+        }
+    }
+    // ─── Zoom ────────────────────────────────────────────────────────────────────
+    async onZoomIn() {
+        const next = this.ZOOM_STEPS.find(z => z > this.zoomLevel);
+        if (next !== undefined) {
+            this.zoomLevel = next;
+            await this.renderPage(this.currentPage);
+        }
+    }
+    async onZoomOut() {
+        for (let i = this.ZOOM_STEPS.length - 1; i >= 0; i--) {
+            if (this.ZOOM_STEPS[i] < this.zoomLevel) {
+                this.zoomLevel = this.ZOOM_STEPS[i];
+                await this.renderPage(this.currentPage);
+                return;
+            }
+        }
+    }
+    async onZoomReset() {
+        if (this.zoomLevel !== 1.0) {
+            this.zoomLevel = 1.0;
+            await this.renderPage(this.currentPage);
+        }
+    }
+    // ─── Download / Print ───────────────────────────────────────────────────────
+    async onDownload() {
+        if (!this.downloadUrl || this.isDownloading) {
+            return;
+        }
+        this.isDownloading = true;
+        this.cdr.markForCheck();
+        try {
+            await this.triggerBrowserDownload(this.downloadUrl, this.artifactVersion?.FileName || 'document.pdf');
+        }
+        finally {
+            this.isDownloading = false;
+            this.cdr.markForCheck();
+        }
+    }
+    onPrint() {
+        if (!this.downloadUrl) {
+            return;
+        }
+        // Open the PDF in a new tab so the browser's native print dialog handles it
+        window.open(this.downloadUrl, '_blank');
+    }
+    // ─── Private helpers ────────────────────────────────────────────────────────
+    async loadPdf() {
+        if (!this.artifactVersion?.ID) {
+            this.showError('No artifact version provided.');
+            return;
+        }
+        try {
+            await this.initPdfJs();
+            let pdfDoc;
+            if (this.artifactVersion.ContentMode === 'File') {
+                // File-backed: download from storage via pre-auth URL
+                this.downloadUrl = await this.fileService.getDownloadUrl(this.artifactVersion.ID);
+                pdfDoc = await this.loadPdfDocument(this.downloadUrl);
+            }
+            else {
+                // Inline: content is a base64 data URL stored in the artifact version
+                const content = this.artifactVersion.Content;
+                if (!content) {
+                    this.showError('Artifact has no content.');
+                    return;
+                }
+                const arrayBuffer = this.fileService.dataUrlToArrayBuffer(content);
+                pdfDoc = await this.loadPdfFromData(new Uint8Array(arrayBuffer));
+                // Create an object URL for download/print support
+                this.downloadUrl = this.fileService.dataUrlToObjectUrl(content, this.artifactVersion.MimeType || 'application/pdf');
+            }
+            this.pdfDoc = pdfDoc;
+            this.totalPages = pdfDoc.numPages;
+            this.currentPage = 1;
+            this.isLoading = false;
+            // detectChanges() forces a synchronous DOM update so the canvas element
+            // exists before renderPage() tries to draw on it.
+            this.cdr.detectChanges();
+            await this.setFitWidthZoom();
+            await this.renderPage(1);
+        }
+        catch (err) {
+            this.showError(`Could not load PDF: ${err instanceof Error ? err.message : String(err)}`);
+        }
+    }
+    /**
+     * Set the initial zoom so the first page fills the available panel width.
+     * Uses the exact ratio rather than snapping to a ZOOM_STEP so the page fits
+     * pixel-perfectly. Subsequent +/- presses will snap to the nearest step.
+     */
+    async setFitWidthZoom() {
+        if (!this.pdfDoc || !this.canvasRef?.nativeElement) {
+            return;
+        }
+        const page = await this.pdfDoc.getPage(1);
+        // naturalViewport.width is the CSS pixel width of the page at zoom = 1.0
+        const naturalViewport = page.getViewport({ scale: this.BASE_SCALE });
+        const body = this.canvasRef.nativeElement.closest('.pdf-viewer__body');
+        const availableWidth = (body?.clientWidth ?? 0) - 32; // 16px padding each side
+        if (availableWidth > 0 && naturalViewport.width > 0) {
+            const fitZoom = availableWidth / naturalViewport.width;
+            this.zoomLevel = Math.max(this.ZOOM_STEPS[0], Math.min(fitZoom, this.ZOOM_STEPS[this.ZOOM_STEPS.length - 1]));
+        }
+    }
+    /** Dynamically import pdfjs-dist and point it at the bundled worker. */
+    async initPdfJs() {
+        const pdfjsLib = await import('pdfjs-dist');
+        // pdfjs-dist v4 requires an explicit workerSrc. The worker file is copied to
+        // /assets/pdf.worker.min.mjs via the angular.json assets config in MJExplorer.
+        pdfjsLib.GlobalWorkerOptions.workerSrc = '/assets/pdf.worker.min.mjs';
+        this._pdfjsLib = pdfjsLib;
+    }
+    async loadPdfDocument(url) {
+        const pdfjsLib = this._pdfjsLib;
+        const loadingTask = pdfjsLib.getDocument(url);
+        return loadingTask.promise;
+    }
+    async loadPdfFromData(data) {
+        const pdfjsLib = this._pdfjsLib;
+        const loadingTask = pdfjsLib.getDocument({ data });
+        return loadingTask.promise;
+    }
+    async renderPage(pageNum) {
+        if (!this.pdfDoc || !this.canvasRef?.nativeElement) {
+            return;
+        }
+        this.cancelCurrentRender();
+        const page = await this.pdfDoc.getPage(pageNum);
+        const canvas = this.canvasRef.nativeElement;
+        const ctx = canvas.getContext('2d');
+        if (!ctx) {
+            return;
+        }
+        const pixelRatio = window.devicePixelRatio || 1;
+        // Scale = base * zoom * devicePixelRatio so backing buffer is always HiDPI-sharp.
+        const viewport = page.getViewport({ scale: this.BASE_SCALE * this.zoomLevel * pixelRatio });
+        // Backing buffer: full HiDPI resolution.
+        canvas.width = viewport.width;
+        canvas.height = viewport.height;
+        // CSS logical pixel dimensions at the current zoom level.
+        const cssWidth = viewport.width / pixelRatio;
+        const cssHeight = viewport.height / pixelRatio;
+        canvas.style.width = `${cssWidth}px`;
+        // aspect-ratio + height:auto: when cssWidth is set explicitly and the page
+        // renders at its natural size, the browser derives height proportionally.
+        // Pages wider than the panel scroll horizontally — the body handles overflow.
+        canvas.style.aspectRatio = `${cssWidth} / ${cssHeight}`;
+        canvas.style.height = 'auto';
+        const renderContext = { canvasContext: ctx, viewport };
+        this.renderTask = page.render(renderContext);
+        await this.renderTask.promise;
+        this.renderTask = null;
+        this.cdr.markForCheck();
+    }
+    cancelCurrentRender() {
+        if (this.renderTask) {
+            this.renderTask.cancel();
+            this.renderTask = null;
+        }
+    }
+    showError(message) {
+        this.isLoading = false;
+        this.errorMessage = message;
+        this.cdr.markForCheck();
+    }
+    static ɵfac = function PdfArtifactViewerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PdfArtifactViewerComponent)(i0.ɵɵdirectiveInject(i1.ArtifactFileService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PdfArtifactViewerComponent, selectors: [["mj-pdf-artifact-viewer"]], viewQuery: function PdfArtifactViewerComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.canvasRef = _t.first);
+        } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 6, vars: 10, consts: [["pdfCanvas", ""], [1, "pdf-viewer"], [3, "download", "print", "prevPage", "nextPage", "pageChange", "zoomIn", "zoomOut", "zoomReset", "fileName", "currentPage", "totalPages", "isDownloading", "showPrint", "showZoom", "zoomPercent", "canZoomIn", "canZoomOut"], [1, "pdf-viewer__body"], [1, "pdf-viewer__state"], [1, "pdf-viewer__state", "pdf-viewer__state--error"], [1, "pdf-viewer__canvas-wrap"], [1, "fas", "fa-spinner", "fa-spin"], [1, "fas", "fa-exclamation-triangle"]], template: function PdfArtifactViewerComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 1)(1, "mj-file-artifact-toolbar", 2);
+            i0.ɵɵlistener("download", function PdfArtifactViewerComponent_Template_mj_file_artifact_toolbar_download_1_listener() { return ctx.onDownload(); })("print", function PdfArtifactViewerComponent_Template_mj_file_artifact_toolbar_print_1_listener() { return ctx.onPrint(); })("prevPage", function PdfArtifactViewerComponent_Template_mj_file_artifact_toolbar_prevPage_1_listener() { return ctx.goToPrevPage(); })("nextPage", function PdfArtifactViewerComponent_Template_mj_file_artifact_toolbar_nextPage_1_listener() { return ctx.goToNextPage(); })("pageChange", function PdfArtifactViewerComponent_Template_mj_file_artifact_toolbar_pageChange_1_listener($event) { return ctx.onPageChange($event); })("zoomIn", function PdfArtifactViewerComponent_Template_mj_file_artifact_toolbar_zoomIn_1_listener() { return ctx.onZoomIn(); })("zoomOut", function PdfArtifactViewerComponent_Template_mj_file_artifact_toolbar_zoomOut_1_listener() { return ctx.onZoomOut(); })("zoomReset", function PdfArtifactViewerComponent_Template_mj_file_artifact_toolbar_zoomReset_1_listener() { return ctx.onZoomReset(); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(2, "div", 3);
+            i0.ɵɵconditionalCreate(3, PdfArtifactViewerComponent_Conditional_3_Template, 4, 0, "div", 4)(4, PdfArtifactViewerComponent_Conditional_4_Template, 4, 1, "div", 5)(5, PdfArtifactViewerComponent_Conditional_5_Template, 3, 0, "div", 6);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("fileName", (ctx.artifactVersion == null ? null : ctx.artifactVersion.FileName) || "document.pdf")("currentPage", ctx.currentPage)("totalPages", ctx.totalPages)("isDownloading", ctx.isDownloading)("showPrint", true)("showZoom", true)("zoomPercent", ctx.zoomPercent)("canZoomIn", ctx.canZoomIn)("canZoomOut", ctx.canZoomOut);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.isLoading ? 3 : ctx.errorMessage ? 4 : 5);
+        } }, dependencies: [i2.FileArtifactToolbarComponent], styles: [".pdf-viewer[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .pdf-viewer__body[_ngcontent-%COMP%] {\n      flex: 1;\n      min-height: 0;\n      overflow: auto;\n    }\n\n    .pdf-viewer__state[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: 12px;\n      height: 100%;\n      color: var(--mj-text-muted);\n      font-size: 14px;\n    }\n\n    .pdf-viewer__state--error[_ngcontent-%COMP%] {\n      color: var(--mj-status-error-text);\n    }\n\n    .pdf-viewer__canvas-wrap[_ngcontent-%COMP%] {\n      display: flex;\n      justify-content: center;\n      padding: 16px;\n      \n\n\n\n      min-width: fit-content;\n    }\n\n    canvas[_ngcontent-%COMP%] {\n      display: block;\n      box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-text-primary) 15%, transparent);\n      \n\n\n\n\n    }"] });
+};
+PdfArtifactViewerComponent = __decorate([
+    RegisterClass(BaseArtifactViewerPluginComponent, 'PdfArtifactViewerPlugin')
+], PdfArtifactViewerComponent);
+export { PdfArtifactViewerComponent };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PdfArtifactViewerComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'mj-pdf-artifact-viewer', template: `
+    <div class="pdf-viewer">
+      <mj-file-artifact-toolbar
+        [fileName]="artifactVersion?.FileName || 'document.pdf'"
+        [currentPage]="currentPage"
+        [totalPages]="totalPages"
+        [isDownloading]="isDownloading"
+        [showPrint]="true"
+        [showZoom]="true"
+        [zoomPercent]="zoomPercent"
+        [canZoomIn]="canZoomIn"
+        [canZoomOut]="canZoomOut"
+        (download)="onDownload()"
+        (print)="onPrint()"
+        (prevPage)="goToPrevPage()"
+        (nextPage)="goToNextPage()"
+        (pageChange)="onPageChange($event)"
+        (zoomIn)="onZoomIn()"
+        (zoomOut)="onZoomOut()"
+        (zoomReset)="onZoomReset()">
+      </mj-file-artifact-toolbar>
+
+      <div class="pdf-viewer__body">
+        @if (isLoading) {
+          <div class="pdf-viewer__state">
+            <i class="fas fa-spinner fa-spin"></i>
+            <span>Loading PDF…</span>
+          </div>
+        } @else if (errorMessage) {
+          <div class="pdf-viewer__state pdf-viewer__state--error">
+            <i class="fas fa-exclamation-triangle"></i>
+            <span>{{ errorMessage }}</span>
+          </div>
+        } @else {
+          <div class="pdf-viewer__canvas-wrap">
+            <canvas #pdfCanvas></canvas>
+          </div>
+        }
+      </div>
+    </div>
+  `, styles: ["\n    .pdf-viewer {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .pdf-viewer__body {\n      flex: 1;\n      min-height: 0;\n      overflow: auto;\n    }\n\n    .pdf-viewer__state {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: 12px;\n      height: 100%;\n      color: var(--mj-text-muted);\n      font-size: 14px;\n    }\n\n    .pdf-viewer__state--error {\n      color: var(--mj-status-error-text);\n    }\n\n    .pdf-viewer__canvas-wrap {\n      display: flex;\n      justify-content: center;\n      padding: 16px;\n      /* Prevent centered overflow from clipping the left side of zoomed pages.\n         min-width: fit-content makes the wrap grow to fit the canvas so the\n         parent overflow:auto container can scroll to both edges. */\n      min-width: fit-content;\n    }\n\n    canvas {\n      display: block;\n      box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-text-primary) 15%, transparent);\n      /* Natural size \u2014 do NOT add max-width:100% here.\n         renderPage sets width/aspect-ratio/height inline so the canvas renders at\n         exactly the zoomed logical size. The scroll area (overflow:auto on the body)\n         handles pages wider than the panel, which is the correct UX for zoom. */\n    }\n  "] }]
+    }], () => [{ type: i1.ArtifactFileService }, { type: i0.ChangeDetectorRef }], { canvasRef: [{
+            type: ViewChild,
+            args: ['pdfCanvas']
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PdfArtifactViewerComponent, { className: "PdfArtifactViewerComponent", filePath: "src/lib/components/plugins/pdf-artifact-viewer.component.ts", lineNumber: 112 }); })();
+//# sourceMappingURL=pdf-artifact-viewer.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pdf-artifact-viewer.component.js","sourceRoot":"","sources":["../../../../src/lib/components/plugins/pdf-artifact-viewer.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, OnInit, OnDestroy, ViewChild, ElementRef, ChangeDetectorRef } from '@angular/core';\nimport { RegisterClass } from '@memberjunction/global';\nimport { BaseArtifactViewerPluginComponent } from '../base-artifact-viewer.component';\nimport { ArtifactFileService } from '../../services/artifact-file.service';\n\n/**\n * Viewer plugin for PDF artifact versions stored in MJStorage (ContentMode = 'File')\n * or as inline base64 content (ContentMode = 'Inline').\n *\n * Renders one page at a time using PDF.js. The toolbar provides page navigation\n * (including a direct page-jump input), zoom in/out, download, and print.\n *\n * Aspect-ratio preservation: the canvas backing buffer is sized at full HiDPI\n * resolution while the CSS size uses `aspect-ratio` + `height: auto` so both\n * dimensions scale proportionally. Pages wider than the panel scroll horizontally\n * inside the body — no max-width clamping, which is required for zoom to work.\n */\n@Component({\n  standalone: false,\n  selector: 'mj-pdf-artifact-viewer',\n  template: `\n    <div class=\"pdf-viewer\">\n      <mj-file-artifact-toolbar\n        [fileName]=\"artifactVersion?.FileName || 'document.pdf'\"\n        [currentPage]=\"currentPage\"\n        [totalPages]=\"totalPages\"\n        [isDownloading]=\"isDownloading\"\n        [showPrint]=\"true\"\n        [showZoom]=\"true\"\n        [zoomPercent]=\"zoomPercent\"\n        [canZoomIn]=\"canZoomIn\"\n        [canZoomOut]=\"canZoomOut\"\n        (download)=\"onDownload()\"\n        (print)=\"onPrint()\"\n        (prevPage)=\"goToPrevPage()\"\n        (nextPage)=\"goToNextPage()\"\n        (pageChange)=\"onPageChange($event)\"\n        (zoomIn)=\"onZoomIn()\"\n        (zoomOut)=\"onZoomOut()\"\n        (zoomReset)=\"onZoomReset()\">\n      </mj-file-artifact-toolbar>\n\n      <div class=\"pdf-viewer__body\">\n        @if (isLoading) {\n          <div class=\"pdf-viewer__state\">\n            <i class=\"fas fa-spinner fa-spin\"></i>\n            <span>Loading PDF…</span>\n          </div>\n        } @else if (errorMessage) {\n          <div class=\"pdf-viewer__state pdf-viewer__state--error\">\n            <i class=\"fas fa-exclamation-triangle\"></i>\n            <span>{{ errorMessage }}</span>\n          </div>\n        } @else {\n          <div class=\"pdf-viewer__canvas-wrap\">\n            <canvas #pdfCanvas></canvas>\n          </div>\n        }\n      </div>\n    </div>\n  `,\n  styles: [`\n    .pdf-viewer {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .pdf-viewer__body {\n      flex: 1;\n      min-height: 0;\n      overflow: auto;\n    }\n\n    .pdf-viewer__state {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: 12px;\n      height: 100%;\n      color: var(--mj-text-muted);\n      font-size: 14px;\n    }\n\n    .pdf-viewer__state--error {\n      color: var(--mj-status-error-text);\n    }\n\n    .pdf-viewer__canvas-wrap {\n      display: flex;\n      justify-content: center;\n      padding: 16px;\n      /* Prevent centered overflow from clipping the left side of zoomed pages.\n         min-width: fit-content makes the wrap grow to fit the canvas so the\n         parent overflow:auto container can scroll to both edges. */\n      min-width: fit-content;\n    }\n\n    canvas {\n      display: block;\n      box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-text-primary) 15%, transparent);\n      /* Natural size — do NOT add max-width:100% here.\n         renderPage sets width/aspect-ratio/height inline so the canvas renders at\n         exactly the zoomed logical size. The scroll area (overflow:auto on the body)\n         handles pages wider than the panel, which is the correct UX for zoom. */\n    }\n  `]\n})\n@RegisterClass(BaseArtifactViewerPluginComponent, 'PdfArtifactViewerPlugin')\nexport class PdfArtifactViewerComponent extends BaseArtifactViewerPluginComponent implements OnInit, OnDestroy {\n\n  @ViewChild('pdfCanvas') canvasRef?: ElementRef<HTMLCanvasElement>;\n\n  public isLoading = true;\n  public isDownloading = false;\n  public errorMessage = '';\n  public currentPage = 1;\n  public totalPages = 1;\n  public zoomLevel = 1.0;\n\n  private pdfDoc: PdfDocumentProxy | null = null;\n  private renderTask: PdfRenderTask | null = null;\n  private downloadUrl = '';\n  private _pdfjsLib: PdfJsLib | null = null;\n\n  /** Discrete zoom steps — 50 % to 400 %. */\n  private readonly ZOOM_STEPS = [0.5, 0.67, 0.75, 1.0, 1.25, 1.5, 2.0, 3.0, 4.0];\n  /** Base render scale (logical pixels per PDF point at zoom 1.0). */\n  private readonly BASE_SCALE = 1.5;\n\n  constructor(\n    private fileService: ArtifactFileService,\n    private cdr: ChangeDetectorRef,\n  ) {\n    super();\n  }\n\n  public override get hasDisplayContent(): boolean { return true; }\n\n  /** Current zoom as an integer percentage for toolbar display. */\n  public get zoomPercent(): number { return Math.round(this.zoomLevel * 100); }\n\n  public get canZoomIn(): boolean {\n    return this.zoomLevel < this.ZOOM_STEPS[this.ZOOM_STEPS.length - 1];\n  }\n\n  public get canZoomOut(): boolean {\n    return this.zoomLevel > this.ZOOM_STEPS[0];\n  }\n\n  async ngOnInit(): Promise<void> {\n    await this.loadPdf();\n  }\n\n  ngOnDestroy(): void {\n    this.cancelCurrentRender();\n    this.pdfDoc?.destroy();\n    this.pdfDoc = null;\n  }\n\n  // ─── Navigation ─────────────────────────────────────────────────────────────\n\n  public async goToNextPage(): Promise<void> {\n    await this.onPageChange(this.currentPage + 1);\n  }\n\n  public async goToPrevPage(): Promise<void> {\n    await this.onPageChange(this.currentPage - 1);\n  }\n\n  public async onPageChange(page: number): Promise<void> {\n    const clamped = Math.max(1, Math.min(page, this.totalPages));\n    if (clamped !== this.currentPage) {\n      this.currentPage = clamped;\n      await this.renderPage(this.currentPage);\n    }\n  }\n\n  // ─── Zoom ────────────────────────────────────────────────────────────────────\n\n  public async onZoomIn(): Promise<void> {\n    const next = this.ZOOM_STEPS.find(z => z > this.zoomLevel);\n    if (next !== undefined) {\n      this.zoomLevel = next;\n      await this.renderPage(this.currentPage);\n    }\n  }\n\n  public async onZoomOut(): Promise<void> {\n    for (let i = this.ZOOM_STEPS.length - 1; i >= 0; i--) {\n      if (this.ZOOM_STEPS[i] < this.zoomLevel) {\n        this.zoomLevel = this.ZOOM_STEPS[i];\n        await this.renderPage(this.currentPage);\n        return;\n      }\n    }\n  }\n\n  public async onZoomReset(): Promise<void> {\n    if (this.zoomLevel !== 1.0) {\n      this.zoomLevel = 1.0;\n      await this.renderPage(this.currentPage);\n    }\n  }\n\n  // ─── Download / Print ───────────────────────────────────────────────────────\n\n  public async onDownload(): Promise<void> {\n    if (!this.downloadUrl || this.isDownloading) {\n      return;\n    }\n    this.isDownloading = true;\n    this.cdr.markForCheck();\n    try {\n      await this.triggerBrowserDownload(this.downloadUrl, this.artifactVersion?.FileName || 'document.pdf');\n    } finally {\n      this.isDownloading = false;\n      this.cdr.markForCheck();\n    }\n  }\n\n  public onPrint(): void {\n    if (!this.downloadUrl) {\n      return;\n    }\n    // Open the PDF in a new tab so the browser's native print dialog handles it\n    window.open(this.downloadUrl, '_blank');\n  }\n\n  // ─── Private helpers ────────────────────────────────────────────────────────\n\n  private async loadPdf(): Promise<void> {\n    if (!this.artifactVersion?.ID) {\n      this.showError('No artifact version provided.');\n      return;\n    }\n\n    try {\n      await this.initPdfJs();\n      let pdfDoc: PdfDocumentProxy;\n\n      if (this.artifactVersion.ContentMode === 'File') {\n        // File-backed: download from storage via pre-auth URL\n        this.downloadUrl = await this.fileService.getDownloadUrl(this.artifactVersion.ID);\n        pdfDoc = await this.loadPdfDocument(this.downloadUrl);\n      } else {\n        // Inline: content is a base64 data URL stored in the artifact version\n        const content = this.artifactVersion.Content;\n        if (!content) {\n          this.showError('Artifact has no content.');\n          return;\n        }\n        const arrayBuffer = this.fileService.dataUrlToArrayBuffer(content);\n        pdfDoc = await this.loadPdfFromData(new Uint8Array(arrayBuffer));\n        // Create an object URL for download/print support\n        this.downloadUrl = this.fileService.dataUrlToObjectUrl(\n          content,\n          this.artifactVersion.MimeType || 'application/pdf'\n        );\n      }\n\n      this.pdfDoc = pdfDoc;\n      this.totalPages = pdfDoc.numPages;\n      this.currentPage = 1;\n      this.isLoading = false;\n      // detectChanges() forces a synchronous DOM update so the canvas element\n      // exists before renderPage() tries to draw on it.\n      this.cdr.detectChanges();\n      await this.setFitWidthZoom();\n      await this.renderPage(1);\n    } catch (err) {\n      this.showError(`Could not load PDF: ${err instanceof Error ? err.message : String(err)}`);\n    }\n  }\n\n  /**\n   * Set the initial zoom so the first page fills the available panel width.\n   * Uses the exact ratio rather than snapping to a ZOOM_STEP so the page fits\n   * pixel-perfectly. Subsequent +/- presses will snap to the nearest step.\n   */\n  private async setFitWidthZoom(): Promise<void> {\n    if (!this.pdfDoc || !this.canvasRef?.nativeElement) {\n      return;\n    }\n    const page = await this.pdfDoc.getPage(1) as PdfPageProxy;\n    // naturalViewport.width is the CSS pixel width of the page at zoom = 1.0\n    const naturalViewport = page.getViewport({ scale: this.BASE_SCALE });\n    const body = this.canvasRef.nativeElement.closest('.pdf-viewer__body') as HTMLElement | null;\n    const availableWidth = (body?.clientWidth ?? 0) - 32; // 16px padding each side\n    if (availableWidth > 0 && naturalViewport.width > 0) {\n      const fitZoom = availableWidth / naturalViewport.width;\n      this.zoomLevel = Math.max(\n        this.ZOOM_STEPS[0],\n        Math.min(fitZoom, this.ZOOM_STEPS[this.ZOOM_STEPS.length - 1])\n      );\n    }\n  }\n\n  /** Dynamically import pdfjs-dist and point it at the bundled worker. */\n  private async initPdfJs(): Promise<void> {\n    const pdfjsLib = await import('pdfjs-dist') as unknown as PdfJsLib;\n    // pdfjs-dist v4 requires an explicit workerSrc. The worker file is copied to\n    // /assets/pdf.worker.min.mjs via the angular.json assets config in MJExplorer.\n    pdfjsLib.GlobalWorkerOptions.workerSrc = '/assets/pdf.worker.min.mjs';\n    this._pdfjsLib = pdfjsLib;\n  }\n\n  private async loadPdfDocument(url: string): Promise<PdfDocumentProxy> {\n    const pdfjsLib = this._pdfjsLib!;\n    const loadingTask = pdfjsLib.getDocument(url);\n    return loadingTask.promise;\n  }\n\n  private async loadPdfFromData(data: Uint8Array): Promise<PdfDocumentProxy> {\n    const pdfjsLib = this._pdfjsLib!;\n    const loadingTask = pdfjsLib.getDocument({ data });\n    return loadingTask.promise;\n  }\n\n  private async renderPage(pageNum: number): Promise<void> {\n    if (!this.pdfDoc || !this.canvasRef?.nativeElement) {\n      return;\n    }\n\n    this.cancelCurrentRender();\n\n    const page = await this.pdfDoc.getPage(pageNum) as PdfPageProxy;\n    const canvas = this.canvasRef.nativeElement;\n    const ctx = canvas.getContext('2d');\n    if (!ctx) {\n      return;\n    }\n\n    const pixelRatio = window.devicePixelRatio || 1;\n    // Scale = base * zoom * devicePixelRatio so backing buffer is always HiDPI-sharp.\n    const viewport = page.getViewport({ scale: this.BASE_SCALE * this.zoomLevel * pixelRatio });\n\n    // Backing buffer: full HiDPI resolution.\n    canvas.width = viewport.width;\n    canvas.height = viewport.height;\n\n    // CSS logical pixel dimensions at the current zoom level.\n    const cssWidth = viewport.width / pixelRatio;\n    const cssHeight = viewport.height / pixelRatio;\n\n    canvas.style.width = `${cssWidth}px`;\n    // aspect-ratio + height:auto: when cssWidth is set explicitly and the page\n    // renders at its natural size, the browser derives height proportionally.\n    // Pages wider than the panel scroll horizontally — the body handles overflow.\n    canvas.style.aspectRatio = `${cssWidth} / ${cssHeight}`;\n    canvas.style.height = 'auto';\n\n    const renderContext = { canvasContext: ctx, viewport };\n    this.renderTask = page.render(renderContext) as PdfRenderTask;\n    await this.renderTask.promise;\n    this.renderTask = null;\n    this.cdr.markForCheck();\n  }\n\n  private cancelCurrentRender(): void {\n    if (this.renderTask) {\n      this.renderTask.cancel();\n      this.renderTask = null;\n    }\n  }\n\n  private showError(message: string): void {\n    this.isLoading = false;\n    this.errorMessage = message;\n    this.cdr.markForCheck();\n  }\n\n}\n\n\n// ─── Minimal type shims for pdfjs-dist dynamic import ─────────────────────────\n// We avoid a hard build-time dependency on pdfjs-dist types by declaring only\n// the surface we actually use.\n\ninterface PdfDocumentProxy {\n  numPages: number;\n  getPage(pageNumber: number): Promise<PdfPageProxy>;\n  destroy(): void;\n}\n\ninterface PdfPageProxy {\n  getViewport(params: { scale: number }): { width: number; height: number };\n  render(renderContext: { canvasContext: CanvasRenderingContext2D; viewport: { width: number; height: number } }): PdfRenderTask;\n}\n\ninterface PdfRenderTask {\n  promise: Promise<void>;\n  cancel(): void;\n}\n\ninterface PdfJsLib {\n  GlobalWorkerOptions: { workerSrc: string };\n  getDocument(source: string | { data: Uint8Array }): { promise: Promise<PdfDocumentProxy> };\n}\n"]}

package/dist/lib/components/plugins/xlsx-artifact-viewer.component.d.ts

@@ -0,0 +1,44 @@
+import { OnInit, ChangeDetectorRef } from '@angular/core';
+import { BaseArtifactViewerPluginComponent } from '../base-artifact-viewer.component';
+import { ArtifactFileService } from '../../services/artifact-file.service';
+import { ColDef, GridReadyEvent } from 'ag-grid-community';
+import * as i0 from "@angular/core";
+/** A parsed sheet ready for display in AG Grid. */
+interface SheetData {
+    name: string;
+    rowData: Record<string, string | number | boolean | null>[];
+    columnDefs: ColDef[];
+}
+/**
+ * Viewer plugin for Excel (XLSX/XLS) artifact versions stored in MJStorage.
+ *
+ * Downloads the file, parses all sheets with SheetJS, then renders the active
+ * sheet in an AG Grid. Sheet tabs let the user switch between sheets.
+ */
+export declare class XlsxArtifactViewerComponent extends BaseArtifactViewerPluginComponent implements OnInit {
+    private fileService;
+    private cdr;
+    isLoading: boolean;
+    isDownloading: boolean;
+    errorMessage: string;
+    sheets: SheetData[];
+    activeSheetIndex: number;
+    defaultColDef: ColDef;
+    private gridApi;
+    private downloadUrl;
+    constructor(fileService: ArtifactFileService, cdr: ChangeDetectorRef);
+    get hasDisplayContent(): boolean;
+    get activeSheet(): SheetData | null;
+    ngOnInit(): Promise<void>;
+    onGridReady(event: GridReadyEvent): void;
+    selectSheet(index: number): void;
+    onDownload(): Promise<void>;
+    private loadWorkbook;
+    private parseWorkbook;
+    private fetchAsArrayBuffer;
+    private showError;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XlsxArtifactViewerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XlsxArtifactViewerComponent, "mj-xlsx-artifact-viewer", never, {}, {}, never, never, false, never>;
+}
+export {};
+//# sourceMappingURL=xlsx-artifact-viewer.component.d.ts.map

package/dist/lib/components/plugins/xlsx-artifact-viewer.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"xlsx-artifact-viewer.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/plugins/xlsx-artifact-viewer.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,MAAM,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAErE,OAAO,EAAE,iCAAiC,EAAE,MAAM,mCAAmC,CAAC;AACtF,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,EAAE,MAAM,EAAE,cAAc,EAAW,MAAM,mBAAmB,CAAC;;AAEpE,mDAAmD;AACnD,UAAU,SAAS;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC;IAC5D,UAAU,EAAE,MAAM,EAAE,CAAC;CACtB;AAED;;;;;GAKG;AACH,qBA0Ia,2BAA4B,SAAQ,iCAAkC,YAAW,MAAM;IAahG,OAAO,CAAC,WAAW;IACnB,OAAO,CAAC,GAAG;IAZN,SAAS,UAAQ;IACjB,aAAa,UAAS;IACtB,YAAY,SAAM;IAClB,MAAM,EAAE,SAAS,EAAE,CAAM;IACzB,gBAAgB,SAAK;IACrB,aAAa,EAAE,MAAM,CAAmE;IAE/F,OAAO,CAAC,OAAO,CAAwB;IACvC,OAAO,CAAC,WAAW,CAAM;gBAGf,WAAW,EAAE,mBAAmB,EAChC,GAAG,EAAE,iBAAiB;IAKhC,IAAoB,iBAAiB,IAAI,OAAO,CAAiB;IAEjE,IAAW,WAAW,IAAI,SAAS,GAAG,IAAI,CAEzC;IAEK,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAIxB,WAAW,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI;IAKxC,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAO1B,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;YAmB1B,YAAY;IAsC1B,OAAO,CAAC,aAAa;YAmBP,kBAAkB;IAQhC,OAAO,CAAC,SAAS;yCA7HN,2BAA2B;2CAA3B,2BAA2B;CAmIvC"}