npm - @memberjunction/ng-artifacts - Versions diffs - 5.23.0 → 5.25.0 - Mend

@memberjunction/ng-artifacts 5.23.0 → 5.25.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (37) hide show

package/dist/lib/components/plugins/xlsx-artifact-viewer.component.js ADDED Viewed

@@ -0,0 +1,255 @@
+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 } 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 "ag-grid-angular";
+import * as i3 from "../file-artifact-toolbar.component";
+const _forTrack0 = ($index, $item) => $item.name;
+function XlsxArtifactViewerComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2);
+    i0.ɵɵelement(1, "i", 4);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "Loading workbook\u2026");
+    i0.ɵɵelementEnd()();
+} }
+function XlsxArtifactViewerComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 3);
+    i0.ɵɵelement(1, "i", 5);
+    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 XlsxArtifactViewerComponent_Conditional_4_Conditional_0_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 10);
+    i0.ɵɵlistener("click", function XlsxArtifactViewerComponent_Conditional_4_Conditional_0_For_2_Template_button_click_0_listener() { const ɵ$index_25_r4 = i0.ɵɵrestoreView(_r3).$index; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.selectSheet(ɵ$index_25_r4)); });
+    i0.ɵɵelement(1, "i", 11);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const sheet_r5 = ctx.$implicit;
+    const ɵ$index_25_r4 = ctx.$index;
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassProp("xlsx-viewer__tab--active", ɵ$index_25_r4 === ctx_r0.activeSheetIndex);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", sheet_r5.name, " ");
+} }
+function XlsxArtifactViewerComponent_Conditional_4_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 6);
+    i0.ɵɵrepeaterCreate(1, XlsxArtifactViewerComponent_Conditional_4_Conditional_0_For_2_Template, 3, 3, "button", 9, _forTrack0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r0.sheets);
+} }
+function XlsxArtifactViewerComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵconditionalCreate(0, XlsxArtifactViewerComponent_Conditional_4_Conditional_0_Template, 3, 0, "div", 6);
+    i0.ɵɵelementStart(1, "div", 7)(2, "ag-grid-angular", 8);
+    i0.ɵɵlistener("gridReady", function XlsxArtifactViewerComponent_Conditional_4_Template_ag_grid_angular_gridReady_2_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onGridReady($event)); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵconditional(ctx_r0.sheets.length > 1 ? 0 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("rowData", ctx_r0.activeSheet == null ? null : ctx_r0.activeSheet.rowData)("columnDefs", ctx_r0.activeSheet == null ? null : ctx_r0.activeSheet.columnDefs)("defaultColDef", ctx_r0.defaultColDef)("animateRows", false)("suppressMovableColumns", false)("enableCellTextSelection", true);
+} }
+/**
+ * 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.
+ */
+let XlsxArtifactViewerComponent = class XlsxArtifactViewerComponent extends BaseArtifactViewerPluginComponent {
+    fileService;
+    cdr;
+    isLoading = true;
+    isDownloading = false;
+    errorMessage = '';
+    sheets = [];
+    activeSheetIndex = 0;
+    defaultColDef = { resizable: true, sortable: true, filter: true, minWidth: 80 };
+    gridApi = null;
+    downloadUrl = '';
+    constructor(fileService, cdr) {
+        super();
+        this.fileService = fileService;
+        this.cdr = cdr;
+    }
+    get hasDisplayContent() { return true; }
+    get activeSheet() {
+        return this.sheets[this.activeSheetIndex] ?? null;
+    }
+    async ngOnInit() {
+        await this.loadWorkbook();
+    }
+    onGridReady(event) {
+        this.gridApi = event.api;
+        this.gridApi.sizeColumnsToFit();
+    }
+    selectSheet(index) {
+        this.activeSheetIndex = index;
+        this.cdr.markForCheck();
+        // Let Angular render the new rowData/columnDefs before re-sizing
+        setTimeout(() => this.gridApi?.sizeColumnsToFit(), 0);
+    }
+    async onDownload() {
+        if (!this.downloadUrl || this.isDownloading) {
+            return;
+        }
+        this.isDownloading = true;
+        this.cdr.markForCheck();
+        try {
+            await this.triggerBrowserDownload(this.downloadUrl, this.artifactVersion?.FileName || 'workbook.xlsx');
+        }
+        finally {
+            this.isDownloading = false;
+            this.cdr.markForCheck();
+        }
+    }
+    // ─── Private helpers ────────────────────────────────────────────────────────
+    async loadWorkbook() {
+        if (!this.artifactVersion?.ID) {
+            this.showError('No artifact version provided.');
+            return;
+        }
+        try {
+            let arrayBuffer;
+            if (this.artifactVersion.ContentMode === 'File') {
+                // File-backed: download from storage via pre-auth URL
+                this.downloadUrl = await this.fileService.getDownloadUrl(this.artifactVersion.ID);
+                arrayBuffer = await this.fetchAsArrayBuffer(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;
+                }
+                arrayBuffer = this.fileService.dataUrlToArrayBuffer(content);
+                // Create an object URL for download support
+                this.downloadUrl = this.fileService.dataUrlToObjectUrl(content, this.artifactVersion.MimeType || 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet');
+            }
+            const XLSX = await import('xlsx');
+            const workbook = XLSX.read(arrayBuffer, { type: 'array' });
+            this.sheets = this.parseWorkbook(workbook, XLSX);
+            this.isLoading = false;
+            this.cdr.markForCheck();
+        }
+        catch (err) {
+            this.showError(`Could not load workbook: ${err instanceof Error ? err.message : String(err)}`);
+        }
+    }
+    parseWorkbook(workbook, XLSX) {
+        return workbook.SheetNames.map(name => {
+            const sheet = workbook.Sheets[name];
+            const rows = XLSX.utils.sheet_to_json(sheet, {
+                defval: null,
+                raw: false, // Format dates/numbers as strings so AG Grid can display them
+            });
+            const headers = rows.length > 0 ? Object.keys(rows[0]) : [];
+            const columnDefs = headers.map(h => ({
+                field: h,
+                headerName: h,
+                tooltipField: h,
+            }));
+            return { name, rowData: rows, columnDefs };
+        });
+    }
+    async fetchAsArrayBuffer(url) {
+        const response = await fetch(url);
+        if (!response.ok) {
+            throw new Error(`HTTP ${response.status} fetching file`);
+        }
+        return response.arrayBuffer();
+    }
+    showError(message) {
+        this.isLoading = false;
+        this.errorMessage = message;
+        this.cdr.markForCheck();
+    }
+    static ɵfac = function XlsxArtifactViewerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || XlsxArtifactViewerComponent)(i0.ɵɵdirectiveInject(i1.ArtifactFileService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: XlsxArtifactViewerComponent, selectors: [["mj-xlsx-artifact-viewer"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 5, vars: 4, consts: [[1, "xlsx-viewer"], [3, "download", "fileName", "isDownloading", "showPrint"], [1, "xlsx-viewer__state"], [1, "xlsx-viewer__state", "xlsx-viewer__state--error"], [1, "fas", "fa-spinner", "fa-spin"], [1, "fas", "fa-exclamation-triangle"], [1, "xlsx-viewer__tabs"], [1, "xlsx-viewer__grid"], [1, "ag-theme-quartz", 3, "gridReady", "rowData", "columnDefs", "defaultColDef", "animateRows", "suppressMovableColumns", "enableCellTextSelection"], [1, "xlsx-viewer__tab", 3, "xlsx-viewer__tab--active"], [1, "xlsx-viewer__tab", 3, "click"], [1, "fas", "fa-table"]], template: function XlsxArtifactViewerComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "mj-file-artifact-toolbar", 1);
+            i0.ɵɵlistener("download", function XlsxArtifactViewerComponent_Template_mj_file_artifact_toolbar_download_1_listener() { return ctx.onDownload(); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(2, XlsxArtifactViewerComponent_Conditional_2_Template, 4, 0, "div", 2)(3, XlsxArtifactViewerComponent_Conditional_3_Template, 4, 1, "div", 3)(4, XlsxArtifactViewerComponent_Conditional_4_Template, 3, 7);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("fileName", (ctx.artifactVersion == null ? null : ctx.artifactVersion.FileName) || "workbook.xlsx")("isDownloading", ctx.isDownloading)("showPrint", false);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.isLoading ? 2 : ctx.errorMessage ? 3 : 4);
+        } }, dependencies: [i2.AgGridAngular, i3.FileArtifactToolbarComponent], styles: [".xlsx-viewer[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      background: var(--mj-bg-surface);\n    }\n\n    .xlsx-viewer__state[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: 12px;\n      flex: 1;\n      color: var(--mj-text-muted);\n      font-size: 14px;\n    }\n\n    .xlsx-viewer__state--error[_ngcontent-%COMP%] {\n      color: var(--mj-status-error-text);\n    }\n\n    .xlsx-viewer__tabs[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 2px;\n      padding: 4px 8px 0;\n      background: var(--mj-bg-surface-card);\n      border-bottom: 1px solid var(--mj-border-default);\n      overflow-x: auto;\n      flex-shrink: 0;\n    }\n\n    .xlsx-viewer__tab[_ngcontent-%COMP%] {\n      display: inline-flex;\n      align-items: center;\n      gap: 5px;\n      padding: 6px 14px;\n      background: var(--mj-bg-surface);\n      border: 1px solid var(--mj-border-default);\n      border-bottom: none;\n      border-radius: 4px 4px 0 0;\n      color: var(--mj-text-secondary);\n      font-size: 12px;\n      cursor: pointer;\n      white-space: nowrap;\n      transition: background 0.1s, color 0.1s;\n    }\n\n    .xlsx-viewer__tab[_ngcontent-%COMP%]:hover {\n      background: var(--mj-bg-surface-hover);\n      color: var(--mj-text-primary);\n    }\n\n    .xlsx-viewer__tab--active[_ngcontent-%COMP%] {\n      background: var(--mj-bg-surface);\n      color: var(--mj-brand-primary);\n      border-color: var(--mj-border-default);\n      font-weight: 600;\n      position: relative;\n    }\n\n    .xlsx-viewer__tab--active[_ngcontent-%COMP%]::after {\n      content: '';\n      position: absolute;\n      bottom: -1px;\n      left: 0;\n      right: 0;\n      height: 1px;\n      background: var(--mj-bg-surface);\n    }\n\n    .xlsx-viewer__grid[_ngcontent-%COMP%] {\n      flex: 1;\n      min-height: 0;\n      overflow: hidden;\n    }\n\n    .xlsx-viewer__grid[_ngcontent-%COMP%]   ag-grid-angular[_ngcontent-%COMP%] {\n      height: 100%;\n      width: 100%;\n      display: block;\n    }"] });
+};
+XlsxArtifactViewerComponent = __decorate([
+    RegisterClass(BaseArtifactViewerPluginComponent, 'XlsxArtifactViewerPlugin')
+], XlsxArtifactViewerComponent);
+export { XlsxArtifactViewerComponent };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(XlsxArtifactViewerComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'mj-xlsx-artifact-viewer', template: `
+    <div class="xlsx-viewer">
+      <mj-file-artifact-toolbar
+        [fileName]="artifactVersion?.FileName || 'workbook.xlsx'"
+        [isDownloading]="isDownloading"
+        [showPrint]="false"
+        (download)="onDownload()">
+      </mj-file-artifact-toolbar>
+      @if (isLoading) {
+        <div class="xlsx-viewer__state">
+          <i class="fas fa-spinner fa-spin"></i>
+          <span>Loading workbook…</span>
+        </div>
+      } @else if (errorMessage) {
+        <div class="xlsx-viewer__state xlsx-viewer__state--error">
+          <i class="fas fa-exclamation-triangle"></i>
+          <span>{{ errorMessage }}</span>
+        </div>
+      } @else {
+        @if (sheets.length > 1) {
+          <div class="xlsx-viewer__tabs">
+            @for (sheet of sheets; track sheet.name; let i = $index) {
+              <button
+                class="xlsx-viewer__tab"
+                [class.xlsx-viewer__tab--active]="i === activeSheetIndex"
+                (click)="selectSheet(i)">
+                <i class="fas fa-table"></i>
+                {{ sheet.name }}
+              </button>
+            }
+          </div>
+        }
+        <div class="xlsx-viewer__grid">
+          <ag-grid-angular
+            class="ag-theme-quartz"
+            [rowData]="activeSheet?.rowData"
+            [columnDefs]="activeSheet?.columnDefs"
+            [defaultColDef]="defaultColDef"
+            [animateRows]="false"
+            [suppressMovableColumns]="false"
+            [enableCellTextSelection]="true"
+            (gridReady)="onGridReady($event)">
+          </ag-grid-angular>
+        </div>
+      }
+    </div>
+  `, styles: ["\n    .xlsx-viewer {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      background: var(--mj-bg-surface);\n    }\n\n    .xlsx-viewer__state {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: 12px;\n      flex: 1;\n      color: var(--mj-text-muted);\n      font-size: 14px;\n    }\n\n    .xlsx-viewer__state--error {\n      color: var(--mj-status-error-text);\n    }\n\n    .xlsx-viewer__tabs {\n      display: flex;\n      gap: 2px;\n      padding: 4px 8px 0;\n      background: var(--mj-bg-surface-card);\n      border-bottom: 1px solid var(--mj-border-default);\n      overflow-x: auto;\n      flex-shrink: 0;\n    }\n\n    .xlsx-viewer__tab {\n      display: inline-flex;\n      align-items: center;\n      gap: 5px;\n      padding: 6px 14px;\n      background: var(--mj-bg-surface);\n      border: 1px solid var(--mj-border-default);\n      border-bottom: none;\n      border-radius: 4px 4px 0 0;\n      color: var(--mj-text-secondary);\n      font-size: 12px;\n      cursor: pointer;\n      white-space: nowrap;\n      transition: background 0.1s, color 0.1s;\n    }\n\n    .xlsx-viewer__tab:hover {\n      background: var(--mj-bg-surface-hover);\n      color: var(--mj-text-primary);\n    }\n\n    .xlsx-viewer__tab--active {\n      background: var(--mj-bg-surface);\n      color: var(--mj-brand-primary);\n      border-color: var(--mj-border-default);\n      font-weight: 600;\n      position: relative;\n    }\n\n    .xlsx-viewer__tab--active::after {\n      content: '';\n      position: absolute;\n      bottom: -1px;\n      left: 0;\n      right: 0;\n      height: 1px;\n      background: var(--mj-bg-surface);\n    }\n\n    .xlsx-viewer__grid {\n      flex: 1;\n      min-height: 0;\n      overflow: hidden;\n    }\n\n    .xlsx-viewer__grid ag-grid-angular {\n      height: 100%;\n      width: 100%;\n      display: block;\n    }\n  "] }]
+    }], () => [{ type: i1.ArtifactFileService }, { type: i0.ChangeDetectorRef }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(XlsxArtifactViewerComponent, { className: "XlsxArtifactViewerComponent", filePath: "src/lib/components/plugins/xlsx-artifact-viewer.component.ts", lineNumber: 158 }); })();
+//# sourceMappingURL=xlsx-artifact-viewer.component.js.map

package/dist/lib/components/plugins/xlsx-artifact-viewer.component.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"xlsx-artifact-viewer.component.js","sourceRoot":"","sources":["../../../../src/lib/components/plugins/xlsx-artifact-viewer.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, OnInit, ChangeDetectorRef } from '@angular/core';\nimport { RegisterClass } from '@memberjunction/global';\nimport { BaseArtifactViewerPluginComponent } from '../base-artifact-viewer.component';\nimport { ArtifactFileService } from '../../services/artifact-file.service';\nimport { ColDef, GridReadyEvent, GridApi } from 'ag-grid-community';\n\n/** A parsed sheet ready for display in AG Grid. */\ninterface SheetData {\n name: string;\n rowData: Record<string, string | number | boolean | null>[];\n columnDefs: ColDef[];\n}\n\n/**\n * Viewer plugin for Excel (XLSX/XLS) artifact versions stored in MJStorage.\n *\n * Downloads the file, parses all sheets with SheetJS, then renders the active\n * sheet in an AG Grid. Sheet tabs let the user switch between sheets.\n */\n@Component({\n standalone: false,\n selector: 'mj-xlsx-artifact-viewer',\n template: `\n <div class=\"xlsx-viewer\">\n <mj-file-artifact-toolbar\n [fileName]=\"artifactVersion?.FileName || 'workbook.xlsx'\"\n [isDownloading]=\"isDownloading\"\n [showPrint]=\"false\"\n (download)=\"onDownload()\">\n </mj-file-artifact-toolbar>\n\n @if (isLoading) {\n <div class=\"xlsx-viewer__state\">\n <i class=\"fas fa-spinner fa-spin\"></i>\n <span>Loading workbook…</span>\n </div>\n } @else if (errorMessage) {\n <div class=\"xlsx-viewer__state xlsx-viewer__state--error\">\n <i class=\"fas fa-exclamation-triangle\"></i>\n <span>{{ errorMessage }}</span>\n </div>\n } @else {\n @if (sheets.length > 1) {\n <div class=\"xlsx-viewer__tabs\">\n @for (sheet of sheets; track sheet.name; let i = $index) {\n <button\n class=\"xlsx-viewer__tab\"\n [class.xlsx-viewer__tab--active]=\"i === activeSheetIndex\"\n (click)=\"selectSheet(i)\">\n <i class=\"fas fa-table\"></i>\n {{ sheet.name }}\n </button>\n }\n </div>\n }\n\n <div class=\"xlsx-viewer__grid\">\n <ag-grid-angular\n class=\"ag-theme-quartz\"\n [rowData]=\"activeSheet?.rowData\"\n [columnDefs]=\"activeSheet?.columnDefs\"\n [defaultColDef]=\"defaultColDef\"\n [animateRows]=\"false\"\n [suppressMovableColumns]=\"false\"\n [enableCellTextSelection]=\"true\"\n (gridReady)=\"onGridReady($event)\">\n </ag-grid-angular>\n </div>\n }\n </div>\n `,\n styles: [`\n .xlsx-viewer {\n display: flex;\n flex-direction: column;\n height: 100%;\n background: var(--mj-bg-surface);\n }\n\n .xlsx-viewer__state {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 12px;\n flex: 1;\n color: var(--mj-text-muted);\n font-size: 14px;\n }\n\n .xlsx-viewer__state--error {\n color: var(--mj-status-error-text);\n }\n\n .xlsx-viewer__tabs {\n display: flex;\n gap: 2px;\n padding: 4px 8px 0;\n background: var(--mj-bg-surface-card);\n border-bottom: 1px solid var(--mj-border-default);\n overflow-x: auto;\n flex-shrink: 0;\n }\n\n .xlsx-viewer__tab {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n padding: 6px 14px;\n background: var(--mj-bg-surface);\n border: 1px solid var(--mj-border-default);\n border-bottom: none;\n border-radius: 4px 4px 0 0;\n color: var(--mj-text-secondary);\n font-size: 12px;\n cursor: pointer;\n white-space: nowrap;\n transition: background 0.1s, color 0.1s;\n }\n\n .xlsx-viewer__tab:hover {\n background: var(--mj-bg-surface-hover);\n color: var(--mj-text-primary);\n }\n\n .xlsx-viewer__tab--active {\n background: var(--mj-bg-surface);\n color: var(--mj-brand-primary);\n border-color: var(--mj-border-default);\n font-weight: 600;\n position: relative;\n }\n\n .xlsx-viewer__tab--active::after {\n content: '';\n position: absolute;\n bottom: -1px;\n left: 0;\n right: 0;\n height: 1px;\n background: var(--mj-bg-surface);\n }\n\n .xlsx-viewer__grid {\n flex: 1;\n min-height: 0;\n overflow: hidden;\n }\n\n .xlsx-viewer__grid ag-grid-angular {\n height: 100%;\n width: 100%;\n display: block;\n }\n `]\n})\n@RegisterClass(BaseArtifactViewerPluginComponent, 'XlsxArtifactViewerPlugin')\nexport class XlsxArtifactViewerComponent extends BaseArtifactViewerPluginComponent implements OnInit {\n\n public isLoading = true;\n public isDownloading = false;\n public errorMessage = '';\n public sheets: SheetData[] = [];\n public activeSheetIndex = 0;\n public defaultColDef: ColDef = { resizable: true, sortable: true, filter: true, minWidth: 80 };\n\n private gridApi: GridApi | null = null;\n private downloadUrl = '';\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 public get activeSheet(): SheetData | null {\n return this.sheets[this.activeSheetIndex] ?? null;\n }\n\n async ngOnInit(): Promise<void> {\n await this.loadWorkbook();\n }\n\n public onGridReady(event: GridReadyEvent): void {\n this.gridApi = event.api;\n this.gridApi.sizeColumnsToFit();\n }\n\n public selectSheet(index: number): void {\n this.activeSheetIndex = index;\n this.cdr.markForCheck();\n // Let Angular render the new rowData/columnDefs before re-sizing\n setTimeout(() => this.gridApi?.sizeColumnsToFit(), 0);\n }\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(\n this.downloadUrl,\n this.artifactVersion?.FileName || 'workbook.xlsx',\n );\n } finally {\n this.isDownloading = false;\n this.cdr.markForCheck();\n }\n }\n\n // ─── Private helpers ────────────────────────────────────────────────────────\n\n private async loadWorkbook(): Promise<void> {\n if (!this.artifactVersion?.ID) {\n this.showError('No artifact version provided.');\n return;\n }\n\n try {\n let arrayBuffer: ArrayBuffer;\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 arrayBuffer = await this.fetchAsArrayBuffer(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 arrayBuffer = this.fileService.dataUrlToArrayBuffer(content);\n // Create an object URL for download support\n this.downloadUrl = this.fileService.dataUrlToObjectUrl(\n content,\n this.artifactVersion.MimeType || 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'\n );\n }\n\n const XLSX = await import('xlsx') as unknown as XlsxModuleShim;\n const workbook = XLSX.read(arrayBuffer, { type: 'array' });\n this.sheets = this.parseWorkbook(workbook, XLSX);\n this.isLoading = false;\n this.cdr.markForCheck();\n } catch (err) {\n this.showError(`Could not load workbook: ${err instanceof Error ? err.message : String(err)}`);\n }\n }\n\n private parseWorkbook(workbook: WorkbookType, XLSX: XlsxModuleShim): SheetData[] {\n return workbook.SheetNames.map(name => {\n const sheet = workbook.Sheets[name];\n const rows = XLSX.utils.sheet_to_json<Record<string, string | number | boolean | null>>(sheet, {\n defval: null,\n raw: false, // Format dates/numbers as strings so AG Grid can display them\n });\n\n const headers = rows.length > 0 ? Object.keys(rows[0]) : [];\n const columnDefs: ColDef[] = headers.map(h => ({\n field: h,\n headerName: h,\n tooltipField: h,\n }));\n\n return { name, rowData: rows, columnDefs };\n });\n }\n\n private async fetchAsArrayBuffer(url: string): Promise<ArrayBuffer> {\n const response = await fetch(url);\n if (!response.ok) {\n throw new Error(`HTTP ${response.status} fetching file`);\n }\n return response.arrayBuffer();\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 xlsx dynamic import ────────────────────────────────\n\ninterface WorkbookType {\n SheetNames: string[];\n Sheets: Record<string, unknown>;\n}\n\ninterface XlsxModuleShim {\n read(data: ArrayBuffer, opts: { type: 'array' | 'buffer' | 'binary' | 'base64' | 'string' }): WorkbookType;\n utils: {\n sheet_to_json<T>(sheet: unknown, opts: { defval: null; raw: boolean }): T[];\n };\n}\n"]}

package/dist/lib/services/artifact-file.service.d.ts ADDED Viewed

@@ -0,0 +1,33 @@
+import * as i0 from "@angular/core";
+/**
+ * Service for fetching pre-authenticated download URLs for file-mode artifact versions.
+ *
+ * URLs are cached in a bounded LRU-style Map (evicts oldest entry once the cap is reached)
+ * to avoid repeated round-trips for the same version within a session.
+ */
+export declare class ArtifactFileService {
+    private readonly urlCache;
+    private static readonly DOWNLOAD_URL_QUERY;
+    /**
+     * Returns a pre-authenticated download URL for the given artifact version.
+     * Results are cached; pass `forceRefresh=true` to bypass the cache.
+     */
+    getDownloadUrl(artifactVersionId: string, forceRefresh?: boolean): Promise<string>;
+    /** Store a URL, evicting the oldest entry if the cache is at capacity. */
+    private cacheUrl;
+    /** Pre-fetch and cache a URL without awaiting in the calling context. */
+    prefetch(artifactVersionId: string): void;
+    /**
+     * Converts a base64 data URL (data:mime;base64,...) to an ArrayBuffer.
+     * Used by viewers to handle inline artifact content (ContentMode='Text').
+     */
+    dataUrlToArrayBuffer(dataUrl: string): ArrayBuffer;
+    /**
+     * Converts a base64 data URL to an object URL suitable for download/display.
+     * Used by viewers to create downloadable links for inline artifacts.
+     */
+    dataUrlToObjectUrl(dataUrl: string, mimeType: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArtifactFileService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ArtifactFileService>;
+}
+//# sourceMappingURL=artifact-file.service.d.ts.map

package/dist/lib/services/artifact-file.service.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"artifact-file.service.d.ts","sourceRoot":"","sources":["../../../src/lib/services/artifact-file.service.ts"],"names":[],"mappings":";AAMA;;;;;GAKG;AACH,qBAGa,mBAAmB;IAE5B,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA6B;IAEtD,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,kBAAkB,CAIxC;IAEF;;;OAGG;IACU,cAAc,CAAC,iBAAiB,EAAE,MAAM,EAAE,YAAY,UAAQ,GAAG,OAAO,CAAC,MAAM,CAAC;IAsB7F,0EAA0E;IAC1E,OAAO,CAAC,QAAQ;IAWhB,yEAAyE;IAClE,QAAQ,CAAC,iBAAiB,EAAE,MAAM,GAAG,IAAI;IAMhD;;;OAGG;IACI,oBAAoB,CAAC,OAAO,EAAE,MAAM,GAAG,WAAW;IAWzD;;;OAGG;IACI,kBAAkB,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM;yCA1E3D,mBAAmB;6CAAnB,mBAAmB;CA+E/B"}

package/dist/lib/services/artifact-file.service.js ADDED Viewed

@@ -0,0 +1,87 @@
+import { Injectable } from '@angular/core';
+import { GraphQLDataProvider } from '@memberjunction/graphql-dataprovider';
+import * as i0 from "@angular/core";
+/** Maximum number of URL entries to keep in the in-memory cache. */
+const CACHE_MAX_SIZE = 20;
+/**
+ * Service for fetching pre-authenticated download URLs for file-mode artifact versions.
+ *
+ * URLs are cached in a bounded LRU-style Map (evicts oldest entry once the cap is reached)
+ * to avoid repeated round-trips for the same version within a session.
+ */
+export class ArtifactFileService {
+    urlCache = new Map();
+    static DOWNLOAD_URL_QUERY = `
+        query ArtifactFileDownloadUrl($artifactVersionId: String!) {
+            ArtifactFileDownloadUrl(artifactVersionId: $artifactVersionId)
+        }
+    `;
+    /**
+     * Returns a pre-authenticated download URL for the given artifact version.
+     * Results are cached; pass `forceRefresh=true` to bypass the cache.
+     */
+    async getDownloadUrl(artifactVersionId, forceRefresh = false) {
+        if (!forceRefresh) {
+            const cached = this.urlCache.get(artifactVersionId);
+            if (cached) {
+                return cached;
+            }
+        }
+        const result = await GraphQLDataProvider.ExecuteGQL(ArtifactFileService.DOWNLOAD_URL_QUERY, { artifactVersionId });
+        const url = result?.ArtifactFileDownloadUrl;
+        if (!url) {
+            throw new Error(`Failed to get download URL for artifact version ${artifactVersionId}`);
+        }
+        this.cacheUrl(artifactVersionId, url);
+        return url;
+    }
+    /** Store a URL, evicting the oldest entry if the cache is at capacity. */
+    cacheUrl(key, url) {
+        if (this.urlCache.size >= CACHE_MAX_SIZE) {
+            // Map preserves insertion order; delete the first (oldest) entry
+            const oldestKey = this.urlCache.keys().next().value;
+            if (oldestKey !== undefined) {
+                this.urlCache.delete(oldestKey);
+            }
+        }
+        this.urlCache.set(key, url);
+    }
+    /** Pre-fetch and cache a URL without awaiting in the calling context. */
+    prefetch(artifactVersionId) {
+        this.getDownloadUrl(artifactVersionId).catch(() => {
+            // Prefetch failures are silently ignored — the component will retry on display
+        });
+    }
+    /**
+     * Converts a base64 data URL (data:mime;base64,...) to an ArrayBuffer.
+     * Used by viewers to handle inline artifact content (ContentMode='Text').
+     */
+    dataUrlToArrayBuffer(dataUrl) {
+        const commaIndex = dataUrl.indexOf(',');
+        const base64 = commaIndex >= 0 ? dataUrl.slice(commaIndex + 1) : dataUrl;
+        const binary = atob(base64);
+        const bytes = new Uint8Array(binary.length);
+        for (let i = 0; i < binary.length; i++) {
+            bytes[i] = binary.charCodeAt(i);
+        }
+        return bytes.buffer;
+    }
+    /**
+     * Converts a base64 data URL to an object URL suitable for download/display.
+     * Used by viewers to create downloadable links for inline artifacts.
+     */
+    dataUrlToObjectUrl(dataUrl, mimeType) {
+        const arrayBuffer = this.dataUrlToArrayBuffer(dataUrl);
+        const blob = new Blob([arrayBuffer], { type: mimeType });
+        return URL.createObjectURL(blob);
+    }
+    static ɵfac = function ArtifactFileService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ArtifactFileService)(); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ArtifactFileService, factory: ArtifactFileService.ɵfac, providedIn: 'root' });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ArtifactFileService, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root'
+            }]
+    }], null, null); })();
+//# sourceMappingURL=artifact-file.service.js.map

package/dist/lib/services/artifact-file.service.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"artifact-file.service.js","sourceRoot":"","sources":["../../../src/lib/services/artifact-file.service.ts"],"names":[],"mappings":"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","sourcesContent":["import { Injectable } from '@angular/core';\nimport { GraphQLDataProvider } from '@memberjunction/graphql-dataprovider';\n\n/** Maximum number of URL entries to keep in the in-memory cache. */\nconst CACHE_MAX_SIZE = 20;\n\n/**\n * Service for fetching pre-authenticated download URLs for file-mode artifact versions.\n *\n * URLs are cached in a bounded LRU-style Map (evicts oldest entry once the cap is reached)\n * to avoid repeated round-trips for the same version within a session.\n */\n@Injectable({\n providedIn: 'root'\n})\nexport class ArtifactFileService {\n\n private readonly urlCache = new Map<string, string>();\n\n private static readonly DOWNLOAD_URL_QUERY = `\n query ArtifactFileDownloadUrl($artifactVersionId: String!) {\n ArtifactFileDownloadUrl(artifactVersionId: $artifactVersionId)\n }\n `;\n\n /**\n * Returns a pre-authenticated download URL for the given artifact version.\n * Results are cached; pass `forceRefresh=true` to bypass the cache.\n */\n public async getDownloadUrl(artifactVersionId: string, forceRefresh = false): Promise<string> {\n if (!forceRefresh) {\n const cached = this.urlCache.get(artifactVersionId);\n if (cached) {\n return cached;\n }\n }\n\n const result = await GraphQLDataProvider.ExecuteGQL(\n ArtifactFileService.DOWNLOAD_URL_QUERY,\n { artifactVersionId },\n ) as { ArtifactFileDownloadUrl?: string };\n\n const url = result?.ArtifactFileDownloadUrl;\n if (!url) {\n throw new Error(`Failed to get download URL for artifact version ${artifactVersionId}`);\n }\n\n this.cacheUrl(artifactVersionId, url);\n return url;\n }\n\n /** Store a URL, evicting the oldest entry if the cache is at capacity. */\n private cacheUrl(key: string, url: string): void {\n if (this.urlCache.size >= CACHE_MAX_SIZE) {\n // Map preserves insertion order; delete the first (oldest) entry\n const oldestKey = this.urlCache.keys().next().value;\n if (oldestKey !== undefined) {\n this.urlCache.delete(oldestKey);\n }\n }\n this.urlCache.set(key, url);\n }\n\n /** Pre-fetch and cache a URL without awaiting in the calling context. */\n public prefetch(artifactVersionId: string): void {\n this.getDownloadUrl(artifactVersionId).catch(() => {\n // Prefetch failures are silently ignored — the component will retry on display\n });\n }\n\n /**\n * Converts a base64 data URL (data:mime;base64,...) to an ArrayBuffer.\n * Used by viewers to handle inline artifact content (ContentMode='Text').\n */\n public dataUrlToArrayBuffer(dataUrl: string): ArrayBuffer {\n const commaIndex = dataUrl.indexOf(',');\n const base64 = commaIndex >= 0 ? dataUrl.slice(commaIndex + 1) : dataUrl;\n const binary = atob(base64);\n const bytes = new Uint8Array(binary.length);\n for (let i = 0; i < binary.length; i++) {\n bytes[i] = binary.charCodeAt(i);\n }\n return bytes.buffer;\n }\n\n /**\n * Converts a base64 data URL to an object URL suitable for download/display.\n * Used by viewers to create downloadable links for inline artifacts.\n */\n public dataUrlToObjectUrl(dataUrl: string, mimeType: string): string {\n const arrayBuffer = this.dataUrlToArrayBuffer(dataUrl);\n const blob = new Blob([arrayBuffer], { type: mimeType });\n return URL.createObjectURL(blob);\n }\n}\n"]}

package/dist/public-api.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 export * from './lib/artifacts.module';
 export * from './lib/services/artifact-icon.service';
+export * from './lib/services/artifact-file.service';
 export * from './lib/interfaces/artifact-viewer-plugin.interface';
 export * from './lib/components/base-artifact-viewer.component';
 export * from './lib/components/artifact-type-plugin-viewer.component';
@@ -14,4 +15,8 @@ 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/component-feedback-panel/component-feedback-panel.component';
+export * from './lib/components/file-artifact-toolbar.component';
+export * from './lib/components/plugins/pdf-artifact-viewer.component';
+export * from './lib/components/plugins/xlsx-artifact-viewer.component';
+export * from './lib/components/plugins/docx-artifact-viewer.component';
 //# sourceMappingURL=public-api.d.ts.map

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

	@@ -1 +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;AAGrD,cAAc,mDAAmD,CAAC;AAGlE,cAAc,iDAAiD,CAAC;AAGhE,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"}
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;AAGrD,cAAc,mDAAmD,CAAC;AAGlE,cAAc,iDAAiD,CAAC;AAGhE,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"}

package/dist/public-api.js CHANGED Viewed

@@ -5,6 +5,7 @@
 export * from './lib/artifacts.module';
 // Services
 export * from './lib/services/artifact-icon.service';
+export * from './lib/services/artifact-file.service';
 // Interfaces
 export * from './lib/interfaces/artifact-viewer-plugin.interface';
 // Base component
@@ -24,4 +25,9 @@ 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/component-feedback-panel/component-feedback-panel.component';
+// File viewer toolbar and plugins
+export * from './lib/components/file-artifact-toolbar.component';
+export * from './lib/components/plugins/pdf-artifact-viewer.component';
+export * from './lib/components/plugins/xlsx-artifact-viewer.component';
+export * from './lib/components/plugins/docx-artifact-viewer.component';
 //# sourceMappingURL=public-api.js.map

package/dist/public-api.js.map CHANGED Viewed

	@@ -1 +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;AAErD,aAAa;AACb,cAAc,mDAAmD,CAAC;AAElE,iBAAiB;AACjB,cAAc,iDAAiD,CAAC;AAEhE,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","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';\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// 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"]}
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;AAErD,aAAa;AACb,cAAc,mDAAmD,CAAC;AAElE,iBAAiB;AACjB,cAAc,iDAAiD,CAAC;AAEhE,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","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';\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// 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';\n"]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@memberjunction/ng-artifacts",
-  "version": "5.23.0",
+  "version": "5.25.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",
@@ -32,22 +32,26 @@
   "dependencies": {
     "@angular/cdk": "21.1.3",
     "@angular/forms": "21.1.3",
-    "@memberjunction/core": "5.23.0",
-    "@memberjunction/core-entities": "5.23.0",
-    "@memberjunction/global": "5.23.0",
-    "@memberjunction/interactive-component-types": "5.23.0",
-    "@memberjunction/ng-base-types": "5.23.0",
-    "@memberjunction/ng-code-editor": "5.23.0",
-    "@memberjunction/ng-notifications": "5.23.0",
-    "@memberjunction/ng-react": "5.23.0",
-    "@memberjunction/ng-pagination": "5.23.0",
-    "@memberjunction/ng-shared-generic": "5.23.0",
-    "@memberjunction/ng-query-viewer": "5.23.0",
-    "@memberjunction/ng-trees": "5.23.0",
-    "@memberjunction/ng-export-service": "5.23.0",
-    "@memberjunction/ng-markdown": "5.23.0",
+    "@memberjunction/core": "5.25.0",
+    "@memberjunction/core-entities": "5.25.0",
+    "@memberjunction/global": "5.25.0",
+    "@memberjunction/interactive-component-types": "5.25.0",
+    "@memberjunction/ng-base-types": "5.25.0",
+    "@memberjunction/ng-code-editor": "5.25.0",
+    "@memberjunction/ng-notifications": "5.25.0",
+    "@memberjunction/ng-react": "5.25.0",
+    "@memberjunction/ng-pagination": "5.25.0",
+    "@memberjunction/ng-shared-generic": "5.25.0",
+    "@memberjunction/ng-query-viewer": "5.25.0",
+    "@memberjunction/ng-trees": "5.25.0",
+    "@memberjunction/ng-export-service": "5.25.0",
+    "@memberjunction/ng-markdown": "5.25.0",
+    "@memberjunction/graphql-dataprovider": "5.25.0",
+    "mammoth": "^1.8.0",
+    "pdfjs-dist": "^4.10.38",
     "rxjs": "^7.8.2",
-    "tslib": "^2.8.1"
+    "tslib": "^2.8.1",
+    "xlsx": "^0.18.5"
   },
   "sideEffects": false,
   "repository": {