ngx-doc-viewer 21.0.6 → 22.0.0

package/fesm2022/ngx-doc-viewer.mjs

@@ -1,426 +1,682 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, TemplateRef, ViewChildren, ContentChild, Input, Output, Component, NgModule } from '@angular/core';
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import { getViewerDetails, isLocalFile, replaceLocalUrl, getDocxToHtml, googleCheckSubscription, ViewerRecoveryController, iframeIsLoaded } from 'docviewhelper';
-export * from 'docviewhelper';
-import * as i1 from '@angular/platform-browser';
-
-class NgxDocViewerComponent {
-    domSanitizer;
-    ngZone;
-    cdr;
-    loaded = new EventEmitter();
-    loading = new EventEmitter();
-    error = new EventEmitter();
-    phaseChange = new EventEmitter();
-    url = '';
-    queryParams = '';
-    viewerUrl = '';
-    googleCheckInterval = 3000;
-    googleMaxChecks = 5;
-    googleFinalRetryDelay = 0;
-    disableContent = 'none';
-    googleCheckContentLoaded = true;
-    viewer = 'google';
-    overrideLocalhost = '';
-    loadingText = 'Loading document...';
-    errorTextOverride = '';
-    retryButtonText = 'Retry';
-    officeAutoRetry = false;
-    officeRetryDelay = 3000;
-    officeReloadButtonText = '↻';
-    officeReloadButtonTitle = 'Reload document';
-    secondaryActionText = '';
-    secondaryActionMode = 'open';
-    loadingTemplate;
-    errorTemplate;
-    errorActionsTemplate;
-    officeReloadTemplate;
-    iframes = undefined;
-    fullUrl = undefined;
-    externalViewer = false;
-    docHtml = '';
-    configuredViewer = 'google';
-    showIframe = true;
-    renderPhase = 'idle';
-    errorText = '';
-    failedUrl = '';
-    retryNonce = 0;
-    loadingTemplateContext = this.createTemplateContext();
-    errorTemplateContext = this.createTemplateContext();
-    checkIFrameSubscription = undefined;
-    loadVersion = 0;
-    recovery = undefined;
-    lastEmittedPhase = undefined;
-    constructor(domSanitizer, ngZone, cdr) {
-        this.domSanitizer = domSanitizer;
-        this.ngZone = ngZone;
-        this.cdr = cdr;
-    }
-    ngOnDestroy() {
-        this.recovery?.dispose();
-        if (this.checkIFrameSubscription) {
-            this.checkIFrameSubscription.unsubscribe();
-        }
-    }
-    async ngOnChanges(changes) {
-        if (changes &&
-            changes['retryNonce'] &&
-            changes['retryNonce'].firstChange) {
-            return;
-        }
-        if (changes &&
-            changes['viewer'] &&
-            (changes['viewer'].firstChange ||
-                changes['viewer'].currentValue !== changes['viewer'].previousValue)) {
-            if (this.viewer !== 'google' &&
-                this.viewer !== 'office' &&
-                this.viewer !== 'mammoth' &&
-                this.viewer !== 'pdf' &&
-                this.viewer !== 'url') {
-                console.error(`Unsupported viewer: '${this.viewer}'. Supported viewers: google, office, mammoth and pdf`);
-            }
-            this.configuredViewer = this.viewer;
-            this.updateTemplateContexts();
-        }
-        if ((changes['url'] &&
-            changes['url'].currentValue !== changes['url'].previousValue) ||
-            (changes['viewer'] &&
-                changes['viewer'].currentValue !== changes['viewer'].previousValue) ||
-            (changes['viewerUrl'] &&
-                changes['viewerUrl'].currentValue !==
-                    changes['viewerUrl'].previousValue)) {
-            let viewerDetails = getViewerDetails(this.url, this.configuredViewer, this.queryParams, this.viewerUrl);
-            const loadVersion = ++this.loadVersion;
-            const recovery = this.ensureRecovery();
-            recovery.clearTimers();
-            this.externalViewer = viewerDetails.externalViewer;
-            if (viewerDetails.externalViewer &&
-                this.overrideLocalhost &&
-                isLocalFile(this.url)) {
-                const newUrl = replaceLocalUrl(this.url, this.overrideLocalhost);
-                viewerDetails = getViewerDetails(newUrl, this.configuredViewer, this.queryParams, this.viewerUrl);
-            }
-            recovery.trackSource(viewerDetails.url);
-            this.docHtml = '';
-            this.errorText = '';
-            this.failedUrl = this.url;
-            this.updateTemplateContexts();
-            if (this.checkIFrameSubscription) {
-                this.checkIFrameSubscription.unsubscribe();
-            }
-            if (!this.url) {
-                this.fullUrl = undefined;
-                this.showIframe = false;
-                this.externalViewer = false;
-                this.setRenderPhase('idle');
-                this.updateTemplateContexts();
-            }
-            else if (viewerDetails.externalViewer ||
-                this.configuredViewer === 'url' ||
-                this.configuredViewer === 'pdf') {
-                this.setRenderPhase('loading');
-                const iframeUrl = this.domSanitizer.bypassSecurityTrustResourceUrl(viewerDetails.url);
-                this.fullUrl = undefined;
-                this.showIframe = false;
-                this.cdr.detectChanges();
-                this.fullUrl = iframeUrl;
-                this.showIframe = true;
-                this.updateTemplateContexts();
-                const plan = recovery.beginExternalLoad(() => loadVersion === this.loadVersion);
-                this.cdr.detectChanges();
-                if (plan.modes.includes('google-probe')) {
-                    this.scheduleGoogleProbe();
-                }
-            }
-            else if (this.configuredViewer === 'mammoth') {
-                this.setRenderPhase('loading');
-                this.externalViewer = false;
-                this.fullUrl = undefined;
-                this.showIframe = false;
-                try {
-                    const docHtml = await getDocxToHtml(this.url);
-                    if (loadVersion !== this.loadVersion) {
-                        return;
-                    }
-                    this.ngZone.run(() => {
-                        this.docHtml = docHtml;
-                        this.setRenderPhase('ready');
-                        this.updateTemplateContexts();
-                        this.cdr.detectChanges();
-                    });
-                }
-                catch (error) {
-                    if (loadVersion !== this.loadVersion) {
-                        return;
-                    }
-                    this.ngZone.run(() => {
-                        this.errorText =
-                            error instanceof Error ? error.message : 'Unable to load document.';
-                        this.setRenderPhase('error');
-                        this.updateTemplateContexts();
-                        this.cdr.detectChanges();
-                    });
-                }
-            }
-        }
-    }
-    retryLoad() {
-        this.retryNonce += 1;
-        const retryVersion = ++this.loadVersion;
-        const recovery = this.ensureRecovery();
-        recovery.clearTimers();
-        this.errorText = '';
-        this.setRenderPhase(this.url ? 'loading' : 'idle');
-        this.updateTemplateContexts();
-        if (!this.url) {
-            return;
-        }
-        if (this.configuredViewer === 'mammoth') {
-            this.docHtml = '';
-            void this.reloadMammoth(retryVersion);
-            return;
-        }
-        if (this.configuredViewer === 'google' ||
-            this.configuredViewer === 'office' ||
-            this.configuredViewer === 'url' ||
-            this.configuredViewer === 'pdf') {
-            const details = getViewerDetails(this.url, this.configuredViewer, this.queryParams, this.viewerUrl);
-            const finalUrl = details.externalViewer && this.overrideLocalhost && isLocalFile(this.url)
-                ? getViewerDetails(replaceLocalUrl(this.url, this.overrideLocalhost), this.configuredViewer, this.queryParams, this.viewerUrl).url
-                : details.url;
-            this.fullUrl = undefined;
-            this.showIframe = false;
-            this.cdr.detectChanges();
-            this.fullUrl =
-                this.domSanitizer.bypassSecurityTrustResourceUrl(finalUrl);
-            this.showIframe = true;
-            const plan = recovery.beginExternalLoad(() => retryVersion === this.loadVersion);
-            if (plan.modes.includes('google-probe')) {
-                this.scheduleGoogleProbe();
-            }
-            this.updateTemplateContexts();
-            this.cdr.detectChanges();
-        }
-    }
-    reloadIframe(iframe) {
-        this.checkIFrameSubscription = googleCheckSubscription();
-        this.checkIFrameSubscription.subscribe(iframe, this.googleCheckInterval, this.googleMaxChecks);
-    }
-    ensureRecovery() {
-        if (!this.recovery) {
-            this.recovery = new ViewerRecoveryController(this.buildRecoveryConfig(), {
-                triggerRetry: () => this.ngZone.run(() => this.retryLoad()),
-                reportTimeout: () => this.ngZone.run(() => {
-                    if (this.renderPhase !== 'loading') {
-                        return;
-                    }
-                    this.errorText = `The ${this.configuredViewer} viewer did not finish loading in time.`;
-                    this.setRenderPhase('error');
-                    this.updateTemplateContexts();
-                    this.cdr.detectChanges();
-                }),
-            });
-        }
-        this.recovery.configure(this.buildRecoveryConfig());
-        return this.recovery;
-    }
-    buildRecoveryConfig() {
-        return {
-            viewer: this.configuredViewer,
-            googleCheckContentLoaded: this.googleCheckContentLoaded,
-            googleCheckInterval: this.googleCheckInterval,
-            googleMaxChecks: this.googleMaxChecks,
-            googleFinalRetryDelay: this.googleFinalRetryDelay,
-            officeAutoRetry: this.officeAutoRetry,
-            officeRetryDelay: this.officeRetryDelay,
-        };
-    }
-    scheduleGoogleProbe() {
-        // see:
-        // https://stackoverflow.com/questions/40414039/google-docs-viewer-returning-204-responses-no-longer-working-alternatives
-        // hack to reload iframe if it's not loaded.
-        this.ngZone.runOutsideAngular(() => {
-            window.setTimeout(() => {
-                const iframe = this.iframes?.first?.nativeElement;
-                if (iframe) {
-                    this.reloadIframe(iframe);
-                }
-            }, 0);
-        });
-    }
-    iframeLoaded() {
-        const iframe = this.iframes?.first?.nativeElement;
-        if (iframe && iframeIsLoaded(iframe)) {
-            this.recovery?.notifyLoaded();
-            this.setRenderPhase('ready');
-            this.updateTemplateContexts();
-            this.loaded.emit(undefined);
-            if (this.checkIFrameSubscription) {
-                this.checkIFrameSubscription.unsubscribe();
-            }
-        }
-    }
-    objectLoaded() {
-        this.recovery?.notifyLoaded();
-        this.setRenderPhase('ready');
-        this.updateTemplateContexts();
-    }
-    async reloadMammoth(loadVersion) {
-        this.externalViewer = false;
-        this.fullUrl = undefined;
-        this.showIframe = false;
-        try {
-            const docHtml = await getDocxToHtml(this.url);
-            if (loadVersion !== this.loadVersion) {
-                return;
-            }
-            this.ngZone.run(() => {
-                this.docHtml = docHtml;
-                this.setRenderPhase('ready');
-                this.updateTemplateContexts();
-                this.cdr.detectChanges();
-            });
-        }
-        catch (error) {
-            if (loadVersion !== this.loadVersion) {
-                return;
-            }
-            this.ngZone.run(() => {
-                this.errorText =
-                    error instanceof Error ? error.message : 'Unable to load document.';
-                this.setRenderPhase('error');
-                this.updateTemplateContexts();
-                this.cdr.detectChanges();
-            });
-        }
-    }
-    get displayedErrorText() {
-        return this.errorTextOverride || this.errorText || 'Unable to load document.';
-    }
-    updateTemplateContexts() {
-        const state = this.createStateContext();
-        this.loadingTemplateContext = { $implicit: state, state };
-        this.errorTemplateContext = { $implicit: state, state };
-    }
-    createTemplateContext() {
-        const state = this.createStateContext();
-        return { $implicit: state, state };
-    }
-    createStateContext() {
-        return {
-            viewer: this.configuredViewer,
-            url: this.failedUrl || this.url,
-            phase: this.renderPhase,
-            errorText: this.displayedErrorText,
-            retry: () => this.retryLoad(),
-            actionUrl: this.failedUrl || this.url,
-        };
-    }
-    setRenderPhase(phase) {
-        this.renderPhase = phase;
-        this.emitLifecycleIfNeeded();
-    }
-    emitLifecycleIfNeeded() {
-        if (this.lastEmittedPhase === this.renderPhase) {
-            return;
-        }
-        this.lastEmittedPhase = this.renderPhase;
-        const state = this.createStateContext();
-        this.phaseChange.emit(state);
-        if (this.renderPhase === 'loading') {
-            this.loading.emit(state);
-        }
-        if (this.renderPhase === 'error') {
-            this.error.emit(state);
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NgxDocViewerComponent, deps: [{ token: i1.DomSanitizer }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: NgxDocViewerComponent, isStandalone: true, selector: "ngx-doc-viewer", inputs: { url: "url", queryParams: "queryParams", viewerUrl: "viewerUrl", googleCheckInterval: "googleCheckInterval", googleMaxChecks: "googleMaxChecks", googleFinalRetryDelay: "googleFinalRetryDelay", disableContent: "disableContent", googleCheckContentLoaded: "googleCheckContentLoaded", viewer: "viewer", overrideLocalhost: "overrideLocalhost", loadingText: "loadingText", errorTextOverride: "errorTextOverride", retryButtonText: "retryButtonText", officeAutoRetry: "officeAutoRetry", officeRetryDelay: "officeRetryDelay", officeReloadButtonText: "officeReloadButtonText", officeReloadButtonTitle: "officeReloadButtonTitle", secondaryActionText: "secondaryActionText", secondaryActionMode: "secondaryActionMode" }, outputs: { loaded: "loaded", loading: "loading", error: "error", phaseChange: "phaseChange" }, queries: [{ propertyName: "loadingTemplate", first: true, predicate: ["loadingContent"], descendants: true, read: TemplateRef }, { propertyName: "errorTemplate", first: true, predicate: ["errorContent"], descendants: true, read: TemplateRef }, { propertyName: "errorActionsTemplate", first: true, predicate: ["errorActions"], descendants: true, read: TemplateRef }, { propertyName: "officeReloadTemplate", first: true, predicate: ["officeReloadContent"], descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "iframes", predicate: ["iframe"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"container\">\n  <div *ngIf=\"renderPhase === 'loading'\" class=\"loading-overlay\">\n    <ng-container *ngIf=\"loadingTemplate; else defaultLoadingTemplate\">\n      <ng-container *ngTemplateOutlet=\"loadingTemplate; context: loadingTemplateContext\"></ng-container>\n    </ng-container>\n    <ng-template #defaultLoadingTemplate>{{ loadingText }}</ng-template>\n  </div>\n  <div *ngIf=\"renderPhase === 'error'\" class=\"error-overlay\">\n    <ng-container *ngIf=\"errorTemplate; else defaultErrorTemplate\">\n      <ng-container *ngTemplateOutlet=\"errorTemplate; context: errorTemplateContext\"></ng-container>\n    </ng-container>\n    <ng-template #defaultErrorTemplate>\n      <div>\n        <div>{{ displayedErrorText }}</div>\n        <div *ngIf=\"configuredViewer\" style=\"margin-top: 8px; color: #475569;\">\n          Viewer: {{ configuredViewer }}\n        </div>\n        <div *ngIf=\"failedUrl\" style=\"margin-top: 4px; color: #64748b; font-size: 12px; word-break: break-word;\">\n          {{ failedUrl }}\n        </div>\n        <ng-container *ngIf=\"errorActionsTemplate; else defaultErrorActions\">\n          <ng-container *ngTemplateOutlet=\"errorActionsTemplate; context: errorTemplateContext\"></ng-container>\n        </ng-container>\n        <ng-template #defaultErrorActions>\n          <div style=\"margin-top: 14px; display: flex; gap: 8px; justify-content: center; flex-wrap: wrap;\">\n            <button\n              type=\"button\"\n              (click)=\"retryLoad()\"\n              style=\"border: 1px solid #fecaca; background: #fff; color: #991b1b; border-radius: 999px; padding: 8px 14px; font: inherit; cursor: pointer;\"\n            >\n              {{ retryButtonText }}\n            </button>\n            <a\n              *ngIf=\"secondaryActionText && failedUrl\"\n              [href]=\"failedUrl\"\n              [attr.target]=\"secondaryActionMode === 'open' ? '_blank' : null\"\n              [attr.rel]=\"secondaryActionMode === 'open' ? 'noreferrer' : null\"\n              [attr.download]=\"secondaryActionMode === 'download' ? '' : null\"\n              style=\"border: 1px solid #cbd5e1; background: #fff; color: #334155; border-radius: 999px; padding: 8px 14px; text-decoration: none; font: inherit;\"\n            >\n              {{ secondaryActionText }}\n            </a>\n          </div>\n        </ng-template>\n      </div>\n    </ng-template>\n  </div>\n\n  <ng-container *ngIf=\"!externalViewer\">\n    <div *ngIf=\"configuredViewer !== 'pdf'\" class=\"inline-document-shell\">\n      <div class=\"inline-document-page\" [innerHTML]=\"docHtml\"></div>\n    </div>\n    <object\n      (load)=\"objectLoaded()\"\n      *ngIf=\"fullUrl && configuredViewer === 'pdf'\"\n      [data]=\"fullUrl\"\n      type=\"application/pdf\"\n      width=\"100%\"\n      height=\"100%\"\n    >\n      <p>\n        Your browser does not support PDFs.\n        <a [href]=\"fullUrl\">Download the PDF</a>.\n      </p>\n    </object>\n  </ng-container>\n\n  <button\n    *ngIf=\"configuredViewer === 'office' && renderPhase === 'ready'\"\n    class=\"office-reload-btn\"\n    type=\"button\"\n    [attr.title]=\"officeReloadButtonTitle\"\n    (click)=\"retryLoad()\"\n  >\n    <ng-container *ngIf=\"officeReloadTemplate; else defaultOfficeReloadTemplate\">\n      <ng-container *ngTemplateOutlet=\"officeReloadTemplate; context: errorTemplateContext\"></ng-container>\n    </ng-container>\n    <ng-template #defaultOfficeReloadTemplate>{{ officeReloadButtonText }}</ng-template>\n  </button>\n\n  <ng-container *ngIf=\"externalViewer\">\n    <iframe\n      (load)=\"iframeLoaded()\"\n      *ngIf=\"fullUrl && showIframe && disableContent === 'none'\"\n      #iframe\n      id=\"iframe-doc-viewer\"\n      frameBorder=\"0\"\n      allow=\"clipboard-read; clipboard-write\"\n      [src]=\"fullUrl\"\n    ></iframe>\n    <div class=\"container\" *ngIf=\"disableContent !== 'none'\">\n      <div\n        [class.overlay-full]=\"disableContent === 'all'\"\n        [class.overlay-popout-google]=\"\n          configuredViewer === 'google' &&\n          (disableContent === 'popout' || disableContent === 'popout-hide')\n        \"\n        [class.overlay-popout-office]=\"\n          configuredViewer === 'office' &&\n          (disableContent === 'popout' || disableContent === 'popout-hide')\n        \"\n        [style.background-color]=\"\n          disableContent === 'popout-hide' ? '#fff' : 'transparent'\n        \"\n      ></div>\n      <iframe\n        (load)=\"iframeLoaded()\"\n        *ngIf=\"fullUrl && showIframe\"\n        #iframe\n        id=\"iframe\"\n        frameBorder=\"0\"\n        allow=\"clipboard-read; clipboard-write\"\n        [src]=\"fullUrl\"\n      ></iframe>\n    </div>\n  </ng-container>\n</div>\n", styles: [":host{display:block}.container{width:100%;height:100%;position:relative}.inline-document-shell{width:100%;height:100%;overflow:auto;background:linear-gradient(180deg,#eef2f7,#f8fafc);padding:24px}.inline-document-page{max-width:900px;min-height:100%;margin:0 auto;background:#fff;border:1px solid #dbe4f0;border-radius:18px;box-shadow:0 18px 40px -24px #0f172a4d,0 6px 18px -10px #0f172a2e;padding:40px 48px}.inline-document-page,.inline-document-page *{box-sizing:border-box}.inline-document-page{color:#1e293b;font-family:Georgia,Cambria,Times New Roman,Times,serif;font-size:18px;line-height:1.7}.inline-document-page p,.inline-document-page ul,.inline-document-page ol,.inline-document-page blockquote,.inline-document-page table{margin:0 0 1.1em}.inline-document-page h1,.inline-document-page h2,.inline-document-page h3,.inline-document-page h4,.inline-document-page h5,.inline-document-page h6{margin:1.4em 0 .65em;color:#0f172a;line-height:1.25}.inline-document-page h1:first-child,.inline-document-page h2:first-child,.inline-document-page h3:first-child,.inline-document-page p:first-child{margin-top:0}.inline-document-page table{width:100%;border-collapse:collapse}.inline-document-page td,.inline-document-page th{padding:6px 10px;vertical-align:top}.inline-document-page img{max-width:100%;height:auto}.inline-document-page hr{border:0;border-top:1px solid #dbe4f0;margin:1.5em 0}.loading-overlay{position:absolute;inset:0;z-index:1001;display:flex;align-items:center;justify-content:center;background:#ffffffe0;color:#475569;font-size:14px;font-weight:600;letter-spacing:.02em;text-align:center;padding:16px}.error-overlay{position:absolute;inset:0;z-index:1001;display:flex;align-items:center;justify-content:center;background:#fffffff0;color:#991b1b;font-size:14px;font-weight:600;letter-spacing:.02em;text-align:center;padding:16px}.overlay-popout-google{width:40px;height:40px;right:26px;top:11.5px;position:absolute;z-index:1000}.overlay-popout-office{width:100px;height:20px;right:0;bottom:0;position:absolute;z-index:1000}.office-reload-btn{position:absolute;top:8px;right:8px;z-index:1001;width:32px;height:32px;border-radius:50%;border:1px solid rgba(0,0,0,.12);background:#ffffffd9;color:#475569;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.5;transition:opacity .15s;padding:0}.office-reload-btn:hover{opacity:1}.overlay-full{width:100%;height:100%;right:0;top:0;position:absolute;z-index:1000}iframe{width:100%;height:100%}@media(max-width:768px){.inline-document-shell{padding:12px}.inline-document-page{border-radius:12px;padding:22px 18px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NgxDocViewerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ngx-doc-viewer', standalone: true, imports: [CommonModule], template: "<div class=\"container\">\n  <div *ngIf=\"renderPhase === 'loading'\" class=\"loading-overlay\">\n    <ng-container *ngIf=\"loadingTemplate; else defaultLoadingTemplate\">\n      <ng-container *ngTemplateOutlet=\"loadingTemplate; context: loadingTemplateContext\"></ng-container>\n    </ng-container>\n    <ng-template #defaultLoadingTemplate>{{ loadingText }}</ng-template>\n  </div>\n  <div *ngIf=\"renderPhase === 'error'\" class=\"error-overlay\">\n    <ng-container *ngIf=\"errorTemplate; else defaultErrorTemplate\">\n      <ng-container *ngTemplateOutlet=\"errorTemplate; context: errorTemplateContext\"></ng-container>\n    </ng-container>\n    <ng-template #defaultErrorTemplate>\n      <div>\n        <div>{{ displayedErrorText }}</div>\n        <div *ngIf=\"configuredViewer\" style=\"margin-top: 8px; color: #475569;\">\n          Viewer: {{ configuredViewer }}\n        </div>\n        <div *ngIf=\"failedUrl\" style=\"margin-top: 4px; color: #64748b; font-size: 12px; word-break: break-word;\">\n          {{ failedUrl }}\n        </div>\n        <ng-container *ngIf=\"errorActionsTemplate; else defaultErrorActions\">\n          <ng-container *ngTemplateOutlet=\"errorActionsTemplate; context: errorTemplateContext\"></ng-container>\n        </ng-container>\n        <ng-template #defaultErrorActions>\n          <div style=\"margin-top: 14px; display: flex; gap: 8px; justify-content: center; flex-wrap: wrap;\">\n            <button\n              type=\"button\"\n              (click)=\"retryLoad()\"\n              style=\"border: 1px solid #fecaca; background: #fff; color: #991b1b; border-radius: 999px; padding: 8px 14px; font: inherit; cursor: pointer;\"\n            >\n              {{ retryButtonText }}\n            </button>\n            <a\n              *ngIf=\"secondaryActionText && failedUrl\"\n              [href]=\"failedUrl\"\n              [attr.target]=\"secondaryActionMode === 'open' ? '_blank' : null\"\n              [attr.rel]=\"secondaryActionMode === 'open' ? 'noreferrer' : null\"\n              [attr.download]=\"secondaryActionMode === 'download' ? '' : null\"\n              style=\"border: 1px solid #cbd5e1; background: #fff; color: #334155; border-radius: 999px; padding: 8px 14px; text-decoration: none; font: inherit;\"\n            >\n              {{ secondaryActionText }}\n            </a>\n          </div>\n        </ng-template>\n      </div>\n    </ng-template>\n  </div>\n\n  <ng-container *ngIf=\"!externalViewer\">\n    <div *ngIf=\"configuredViewer !== 'pdf'\" class=\"inline-document-shell\">\n      <div class=\"inline-document-page\" [innerHTML]=\"docHtml\"></div>\n    </div>\n    <object\n      (load)=\"objectLoaded()\"\n      *ngIf=\"fullUrl && configuredViewer === 'pdf'\"\n      [data]=\"fullUrl\"\n      type=\"application/pdf\"\n      width=\"100%\"\n      height=\"100%\"\n    >\n      <p>\n        Your browser does not support PDFs.\n        <a [href]=\"fullUrl\">Download the PDF</a>.\n      </p>\n    </object>\n  </ng-container>\n\n  <button\n    *ngIf=\"configuredViewer === 'office' && renderPhase === 'ready'\"\n    class=\"office-reload-btn\"\n    type=\"button\"\n    [attr.title]=\"officeReloadButtonTitle\"\n    (click)=\"retryLoad()\"\n  >\n    <ng-container *ngIf=\"officeReloadTemplate; else defaultOfficeReloadTemplate\">\n      <ng-container *ngTemplateOutlet=\"officeReloadTemplate; context: errorTemplateContext\"></ng-container>\n    </ng-container>\n    <ng-template #defaultOfficeReloadTemplate>{{ officeReloadButtonText }}</ng-template>\n  </button>\n\n  <ng-container *ngIf=\"externalViewer\">\n    <iframe\n      (load)=\"iframeLoaded()\"\n      *ngIf=\"fullUrl && showIframe && disableContent === 'none'\"\n      #iframe\n      id=\"iframe-doc-viewer\"\n      frameBorder=\"0\"\n      allow=\"clipboard-read; clipboard-write\"\n      [src]=\"fullUrl\"\n    ></iframe>\n    <div class=\"container\" *ngIf=\"disableContent !== 'none'\">\n      <div\n        [class.overlay-full]=\"disableContent === 'all'\"\n        [class.overlay-popout-google]=\"\n          configuredViewer === 'google' &&\n          (disableContent === 'popout' || disableContent === 'popout-hide')\n        \"\n        [class.overlay-popout-office]=\"\n          configuredViewer === 'office' &&\n          (disableContent === 'popout' || disableContent === 'popout-hide')\n        \"\n        [style.background-color]=\"\n          disableContent === 'popout-hide' ? '#fff' : 'transparent'\n        \"\n      ></div>\n      <iframe\n        (load)=\"iframeLoaded()\"\n        *ngIf=\"fullUrl && showIframe\"\n        #iframe\n        id=\"iframe\"\n        frameBorder=\"0\"\n        allow=\"clipboard-read; clipboard-write\"\n        [src]=\"fullUrl\"\n      ></iframe>\n    </div>\n  </ng-container>\n</div>\n", styles: [":host{display:block}.container{width:100%;height:100%;position:relative}.inline-document-shell{width:100%;height:100%;overflow:auto;background:linear-gradient(180deg,#eef2f7,#f8fafc);padding:24px}.inline-document-page{max-width:900px;min-height:100%;margin:0 auto;background:#fff;border:1px solid #dbe4f0;border-radius:18px;box-shadow:0 18px 40px -24px #0f172a4d,0 6px 18px -10px #0f172a2e;padding:40px 48px}.inline-document-page,.inline-document-page *{box-sizing:border-box}.inline-document-page{color:#1e293b;font-family:Georgia,Cambria,Times New Roman,Times,serif;font-size:18px;line-height:1.7}.inline-document-page p,.inline-document-page ul,.inline-document-page ol,.inline-document-page blockquote,.inline-document-page table{margin:0 0 1.1em}.inline-document-page h1,.inline-document-page h2,.inline-document-page h3,.inline-document-page h4,.inline-document-page h5,.inline-document-page h6{margin:1.4em 0 .65em;color:#0f172a;line-height:1.25}.inline-document-page h1:first-child,.inline-document-page h2:first-child,.inline-document-page h3:first-child,.inline-document-page p:first-child{margin-top:0}.inline-document-page table{width:100%;border-collapse:collapse}.inline-document-page td,.inline-document-page th{padding:6px 10px;vertical-align:top}.inline-document-page img{max-width:100%;height:auto}.inline-document-page hr{border:0;border-top:1px solid #dbe4f0;margin:1.5em 0}.loading-overlay{position:absolute;inset:0;z-index:1001;display:flex;align-items:center;justify-content:center;background:#ffffffe0;color:#475569;font-size:14px;font-weight:600;letter-spacing:.02em;text-align:center;padding:16px}.error-overlay{position:absolute;inset:0;z-index:1001;display:flex;align-items:center;justify-content:center;background:#fffffff0;color:#991b1b;font-size:14px;font-weight:600;letter-spacing:.02em;text-align:center;padding:16px}.overlay-popout-google{width:40px;height:40px;right:26px;top:11.5px;position:absolute;z-index:1000}.overlay-popout-office{width:100px;height:20px;right:0;bottom:0;position:absolute;z-index:1000}.office-reload-btn{position:absolute;top:8px;right:8px;z-index:1001;width:32px;height:32px;border-radius:50%;border:1px solid rgba(0,0,0,.12);background:#ffffffd9;color:#475569;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.5;transition:opacity .15s;padding:0}.office-reload-btn:hover{opacity:1}.overlay-full{width:100%;height:100%;right:0;top:0;position:absolute;z-index:1000}iframe{width:100%;height:100%}@media(max-width:768px){.inline-document-shell{padding:12px}.inline-document-page{border-radius:12px;padding:22px 18px}}\n"] }]
-        }], ctorParameters: () => [{ type: i1.DomSanitizer }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }], propDecorators: { loaded: [{
-                type: Output
-            }], loading: [{
-                type: Output
-            }], error: [{
-                type: Output
-            }], phaseChange: [{
-                type: Output
-            }], url: [{
-                type: Input
-            }], queryParams: [{
-                type: Input
-            }], viewerUrl: [{
-                type: Input
-            }], googleCheckInterval: [{
-                type: Input
-            }], googleMaxChecks: [{
-                type: Input
-            }], googleFinalRetryDelay: [{
-                type: Input
-            }], disableContent: [{
-                type: Input
-            }], googleCheckContentLoaded: [{
-                type: Input
-            }], viewer: [{
-                type: Input
-            }], overrideLocalhost: [{
-                type: Input
-            }], loadingText: [{
-                type: Input
-            }], errorTextOverride: [{
-                type: Input
-            }], retryButtonText: [{
-                type: Input
-            }], officeAutoRetry: [{
-                type: Input
-            }], officeRetryDelay: [{
-                type: Input
-            }], officeReloadButtonText: [{
-                type: Input
-            }], officeReloadButtonTitle: [{
-                type: Input
-            }], secondaryActionText: [{
-                type: Input
-            }], secondaryActionMode: [{
-                type: Input
-            }], loadingTemplate: [{
-                type: ContentChild,
-                args: ['loadingContent', { read: TemplateRef }]
-            }], errorTemplate: [{
-                type: ContentChild,
-                args: ['errorContent', { read: TemplateRef }]
-            }], errorActionsTemplate: [{
-                type: ContentChild,
-                args: ['errorActions', { read: TemplateRef }]
-            }], officeReloadTemplate: [{
-                type: ContentChild,
-                args: ['officeReloadContent', { read: TemplateRef }]
-            }], iframes: [{
-                type: ViewChildren,
-                args: ['iframe']
-            }] } });
-
-class NgxDocViewerModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NgxDocViewerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.4", ngImport: i0, type: NgxDocViewerModule, imports: [CommonModule, NgxDocViewerComponent], exports: [NgxDocViewerComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NgxDocViewerModule, imports: [CommonModule, NgxDocViewerComponent] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NgxDocViewerModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, NgxDocViewerComponent],
-                    exports: [NgxDocViewerComponent],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { Component, Injector, NgModule, NgZone, TemplateRef, afterNextRender, computed, contentChild, inject, input, output, signal, viewChild } from "@angular/core";
+import { CommonModule, NgTemplateOutlet } from "@angular/common";
+import { DomSanitizer } from "@angular/platform-browser";
+import { ViewerRecoveryController, getDisableContentOverlay, getDocxToHtml, googleCheckSubscription, iframeIsLoaded, resolveViewerDetails } from "docviewhelper";
+export * from "docviewhelper";
+const SUPPORTED_VIEWERS = [
+	"google",
+	"office",
+	"mammoth",
+	"pdf",
+	"url"
+];
+const SOURCE_INPUTS = [
+	"url",
+	"viewer",
+	"viewerUrl",
+	"queryParams",
+	"overrideLocalhost"
+];
+var NgxDocViewerComponent = class NgxDocViewerComponent {
+	domSanitizer = inject(DomSanitizer);
+	ngZone = inject(NgZone);
+	injector = inject(Injector);
+	loaded = output();
+	loading = output();
+	error = output();
+	phaseChange = output();
+	url = input("", ...ngDevMode ? [{ debugName: "url" }] : /* istanbul ignore next */ []);
+	queryParams = input("", ...ngDevMode ? [{ debugName: "queryParams" }] : /* istanbul ignore next */ []);
+	viewerUrl = input("", ...ngDevMode ? [{ debugName: "viewerUrl" }] : /* istanbul ignore next */ []);
+	googleCheckInterval = input(3e3, ...ngDevMode ? [{ debugName: "googleCheckInterval" }] : /* istanbul ignore next */ []);
+	googleMaxChecks = input(5, ...ngDevMode ? [{ debugName: "googleMaxChecks" }] : /* istanbul ignore next */ []);
+	googleFinalRetryDelay = input(0, ...ngDevMode ? [{ debugName: "googleFinalRetryDelay" }] : /* istanbul ignore next */ []);
+	disableContent = input("none", ...ngDevMode ? [{ debugName: "disableContent" }] : /* istanbul ignore next */ []);
+	googleCheckContentLoaded = input(true, ...ngDevMode ? [{ debugName: "googleCheckContentLoaded" }] : /* istanbul ignore next */ []);
+	viewer = input("google", ...ngDevMode ? [{ debugName: "viewer" }] : /* istanbul ignore next */ []);
+	overrideLocalhost = input("", ...ngDevMode ? [{ debugName: "overrideLocalhost" }] : /* istanbul ignore next */ []);
+	loadingText = input("Loading document...", ...ngDevMode ? [{ debugName: "loadingText" }] : /* istanbul ignore next */ []);
+	errorTextOverride = input("", ...ngDevMode ? [{ debugName: "errorTextOverride" }] : /* istanbul ignore next */ []);
+	retryButtonText = input("Retry", ...ngDevMode ? [{ debugName: "retryButtonText" }] : /* istanbul ignore next */ []);
+	officeAutoRetry = input(false, ...ngDevMode ? [{ debugName: "officeAutoRetry" }] : /* istanbul ignore next */ []);
+	officeRetryDelay = input(3e3, ...ngDevMode ? [{ debugName: "officeRetryDelay" }] : /* istanbul ignore next */ []);
+	officeReloadButtonText = input("↻", ...ngDevMode ? [{ debugName: "officeReloadButtonText" }] : /* istanbul ignore next */ []);
+	officeReloadButtonTitle = input("Reload document", ...ngDevMode ? [{ debugName: "officeReloadButtonTitle" }] : /* istanbul ignore next */ []);
+	secondaryActionText = input("", ...ngDevMode ? [{ debugName: "secondaryActionText" }] : /* istanbul ignore next */ []);
+	secondaryActionMode = input("open", ...ngDevMode ? [{ debugName: "secondaryActionMode" }] : /* istanbul ignore next */ []);
+	loadingTemplate = contentChild("loadingContent", {
+		...ngDevMode ? { debugName: "loadingTemplate" } : /* istanbul ignore next */ {},
+		read: TemplateRef
+	});
+	errorTemplate = contentChild("errorContent", {
+		...ngDevMode ? { debugName: "errorTemplate" } : /* istanbul ignore next */ {},
+		read: TemplateRef
+	});
+	errorActionsTemplate = contentChild("errorActions", {
+		...ngDevMode ? { debugName: "errorActionsTemplate" } : /* istanbul ignore next */ {},
+		read: TemplateRef
+	});
+	officeReloadTemplate = contentChild("officeReloadContent", {
+		...ngDevMode ? { debugName: "officeReloadTemplate" } : /* istanbul ignore next */ {},
+		read: TemplateRef
+	});
+	iframe = viewChild("iframe", ...ngDevMode ? [{ debugName: "iframe" }] : /* istanbul ignore next */ []);
+	renderPhase = signal("idle", ...ngDevMode ? [{ debugName: "renderPhase" }] : /* istanbul ignore next */ []);
+	externalViewer = signal(false, ...ngDevMode ? [{ debugName: "externalViewer" }] : /* istanbul ignore next */ []);
+	fullUrl = signal(void 0, ...ngDevMode ? [{ debugName: "fullUrl" }] : /* istanbul ignore next */ []);
+	docHtml = signal("", ...ngDevMode ? [{ debugName: "docHtml" }] : /* istanbul ignore next */ []);
+	errorText = signal("", ...ngDevMode ? [{ debugName: "errorText" }] : /* istanbul ignore next */ []);
+	sourceUrl = signal("", ...ngDevMode ? [{ debugName: "sourceUrl" }] : /* istanbul ignore next */ []);
+	loadKey = signal(0, ...ngDevMode ? [{ debugName: "loadKey" }] : /* istanbul ignore next */ []);
+	loadKeys = computed(() => this.fullUrl() ? [this.loadKey()] : [], ...ngDevMode ? [{ debugName: "loadKeys" }] : /* istanbul ignore next */ []);
+	displayedErrorText = computed(() => this.errorTextOverride() || this.errorText() || "Unable to load document.", ...ngDevMode ? [{ debugName: "displayedErrorText" }] : /* istanbul ignore next */ []);
+	overlayClass = computed(() => {
+		const overlay = getDisableContentOverlay(this.viewer(), this.disableContent());
+		return overlay ? `overlay overlay-${overlay}` : void 0;
+	}, ...ngDevMode ? [{ debugName: "overlayClass" }] : /* istanbul ignore next */ []);
+	templateContext = computed(() => {
+		const state = {
+			viewer: this.viewer(),
+			url: this.sourceUrl() || this.url(),
+			phase: this.renderPhase(),
+			errorText: this.displayedErrorText(),
+			retry: () => this.retryLoad(),
+			actionUrl: this.sourceUrl() || this.url()
+		};
+		return {
+			$implicit: state,
+			state
+		};
+	}, ...ngDevMode ? [{ debugName: "templateContext" }] : /* istanbul ignore next */ []);
+	checkIFrameSubscription = void 0;
+	googleProbe = void 0;
+	recovery = void 0;
+	lastEmittedPhase = void 0;
+	ngOnDestroy() {
+		this.recovery?.dispose();
+		this.stopGoogleProbe();
+	}
+	ngOnChanges(changes) {
+		if (changes["viewer"] && !SUPPORTED_VIEWERS.includes(this.viewer())) console.error(`Unsupported viewer: '${this.viewer()}'. Supported viewers: ${SUPPORTED_VIEWERS.join(", ")}`);
+		if (SOURCE_INPUTS.some((name) => changes[name] && changes[name].currentValue !== changes[name].previousValue)) this.load();
+	}
+	retryLoad() {
+		this.load();
+	}
+	iframeLoaded() {
+		const iframe = this.iframe()?.nativeElement;
+		if (iframe && iframeIsLoaded(iframe)) {
+			this.recovery?.notifyLoaded();
+			this.checkIFrameSubscription?.unsubscribe();
+			this.setRenderPhase("ready");
+		}
+	}
+	objectLoaded() {
+		this.recovery?.notifyLoaded();
+		this.setRenderPhase("ready");
+	}
+	load() {
+		const loadKey = this.loadKey() + 1;
+		const isActive = () => loadKey === this.loadKey();
+		this.loadKey.set(loadKey);
+		const recovery = this.ensureRecovery();
+		this.stopGoogleProbe();
+		const url = this.url();
+		const viewer = this.viewer();
+		const details = resolveViewerDetails({
+			url,
+			viewer,
+			queryParams: this.queryParams(),
+			viewerUrl: this.viewerUrl(),
+			overrideLocalhost: this.overrideLocalhost()
+		});
+		recovery.trackSource(details.url);
+		this.externalViewer.set(!!url && details.externalViewer);
+		this.fullUrl.set(void 0);
+		this.docHtml.set("");
+		this.errorText.set("");
+		this.sourceUrl.set(url);
+		if (!url) {
+			recovery.clearTimers();
+			this.setRenderPhase("idle");
+			return;
+		}
+		this.setRenderPhase("loading");
+		if (viewer === "mammoth") {
+			recovery.beginInlineLoad(isActive);
+			getDocxToHtml(details.url).then((html) => {
+				if (!isActive()) return;
+				recovery.notifyLoaded();
+				this.docHtml.set(html);
+				this.setRenderPhase("ready");
+			}, (error) => {
+				if (!isActive()) return;
+				recovery.clearTimers();
+				this.errorText.set(error instanceof Error ? error.message : "Unable to load document.");
+				this.setRenderPhase("error");
+			});
+			return;
+		}
+		this.fullUrl.set(this.domSanitizer.bypassSecurityTrustResourceUrl(details.url));
+		if (recovery.beginExternalLoad(isActive).modes.includes("google-probe")) this.startGoogleProbe(isActive);
+	}
+	ensureRecovery() {
+		if (!this.recovery) this.recovery = new ViewerRecoveryController(this.buildRecoveryConfig(), {
+			triggerRetry: () => this.retryLoad(),
+			reportTimeout: () => {
+				if (this.renderPhase() !== "loading") return;
+				this.errorText.set(`The ${this.viewer()} viewer did not finish loading in time.`);
+				this.setRenderPhase("error");
+			}
+		});
+		this.recovery.configure(this.buildRecoveryConfig());
+		return this.recovery;
+	}
+	buildRecoveryConfig() {
+		return {
+			viewer: this.viewer(),
+			googleCheckContentLoaded: this.googleCheckContentLoaded(),
+			googleCheckInterval: this.googleCheckInterval(),
+			googleMaxChecks: this.googleMaxChecks(),
+			googleFinalRetryDelay: this.googleFinalRetryDelay(),
+			officeAutoRetry: this.officeAutoRetry(),
+			officeRetryDelay: this.officeRetryDelay()
+		};
+	}
+	startGoogleProbe(isActive) {
+		this.googleProbe = afterNextRender(() => {
+			this.googleProbe = void 0;
+			const iframe = this.iframe()?.nativeElement;
+			if (!isActive() || !iframe) return;
+			this.checkIFrameSubscription = googleCheckSubscription();
+			this.ngZone.runOutsideAngular(() => this.checkIFrameSubscription?.subscribe(iframe, this.googleCheckInterval(), this.googleMaxChecks()));
+		}, { injector: this.injector });
+	}
+	stopGoogleProbe() {
+		this.googleProbe?.destroy();
+		this.googleProbe = void 0;
+		this.checkIFrameSubscription?.unsubscribe();
+		this.checkIFrameSubscription = void 0;
+	}
+	setRenderPhase(phase) {
+		this.renderPhase.set(phase);
+		if (this.lastEmittedPhase === phase) return;
+		this.lastEmittedPhase = phase;
+		const { state } = this.templateContext();
+		this.phaseChange.emit(state);
+		if (phase === "loading") this.loading.emit(state);
+		if (phase === "error") this.error.emit(state);
+		if (phase === "ready") this.loaded.emit();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: NgxDocViewerComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.3",
+		type: NgxDocViewerComponent,
+		isStandalone: true,
+		selector: "ngx-doc-viewer",
+		inputs: {
+			url: {
+				classPropertyName: "url",
+				publicName: "url",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			queryParams: {
+				classPropertyName: "queryParams",
+				publicName: "queryParams",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			viewerUrl: {
+				classPropertyName: "viewerUrl",
+				publicName: "viewerUrl",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			googleCheckInterval: {
+				classPropertyName: "googleCheckInterval",
+				publicName: "googleCheckInterval",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			googleMaxChecks: {
+				classPropertyName: "googleMaxChecks",
+				publicName: "googleMaxChecks",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			googleFinalRetryDelay: {
+				classPropertyName: "googleFinalRetryDelay",
+				publicName: "googleFinalRetryDelay",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disableContent: {
+				classPropertyName: "disableContent",
+				publicName: "disableContent",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			googleCheckContentLoaded: {
+				classPropertyName: "googleCheckContentLoaded",
+				publicName: "googleCheckContentLoaded",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			viewer: {
+				classPropertyName: "viewer",
+				publicName: "viewer",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			overrideLocalhost: {
+				classPropertyName: "overrideLocalhost",
+				publicName: "overrideLocalhost",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			loadingText: {
+				classPropertyName: "loadingText",
+				publicName: "loadingText",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			errorTextOverride: {
+				classPropertyName: "errorTextOverride",
+				publicName: "errorTextOverride",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			retryButtonText: {
+				classPropertyName: "retryButtonText",
+				publicName: "retryButtonText",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			officeAutoRetry: {
+				classPropertyName: "officeAutoRetry",
+				publicName: "officeAutoRetry",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			officeRetryDelay: {
+				classPropertyName: "officeRetryDelay",
+				publicName: "officeRetryDelay",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			officeReloadButtonText: {
+				classPropertyName: "officeReloadButtonText",
+				publicName: "officeReloadButtonText",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			officeReloadButtonTitle: {
+				classPropertyName: "officeReloadButtonTitle",
+				publicName: "officeReloadButtonTitle",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			secondaryActionText: {
+				classPropertyName: "secondaryActionText",
+				publicName: "secondaryActionText",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			secondaryActionMode: {
+				classPropertyName: "secondaryActionMode",
+				publicName: "secondaryActionMode",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			loaded: "loaded",
+			loading: "loading",
+			error: "error",
+			phaseChange: "phaseChange"
+		},
+		queries: [
+			{
+				propertyName: "loadingTemplate",
+				first: true,
+				predicate: ["loadingContent"],
+				descendants: true,
+				read: TemplateRef,
+				isSignal: true
+			},
+			{
+				propertyName: "errorTemplate",
+				first: true,
+				predicate: ["errorContent"],
+				descendants: true,
+				read: TemplateRef,
+				isSignal: true
+			},
+			{
+				propertyName: "errorActionsTemplate",
+				first: true,
+				predicate: ["errorActions"],
+				descendants: true,
+				read: TemplateRef,
+				isSignal: true
+			},
+			{
+				propertyName: "officeReloadTemplate",
+				first: true,
+				predicate: ["officeReloadContent"],
+				descendants: true,
+				read: TemplateRef,
+				isSignal: true
+			}
+		],
+		viewQueries: [{
+			propertyName: "iframe",
+			first: true,
+			predicate: ["iframe"],
+			descendants: true,
+			isSignal: true
+		}],
+		usesOnChanges: true,
+		ngImport: i0,
+		template: "<div class=\"container\">\n  @if (renderPhase() === 'loading') {\n    <div class=\"loading-overlay\">\n      @if (loadingTemplate(); as template) {\n        <ng-container *ngTemplateOutlet=\"template; context: templateContext()\" />\n      } @else {\n        {{ loadingText() }}\n      }\n    </div>\n  }\n  @if (renderPhase() === 'error') {\n    <div class=\"error-overlay\">\n      @if (errorTemplate(); as template) {\n        <ng-container *ngTemplateOutlet=\"template; context: templateContext()\" />\n      } @else {\n        <div>\n          <div>{{ displayedErrorText() }}</div>\n          <div class=\"error-viewer\">Viewer: {{ viewer() }}</div>\n          @if (sourceUrl()) {\n            <div class=\"error-url\">{{ sourceUrl() }}</div>\n          }\n          @if (errorActionsTemplate(); as template) {\n            <ng-container *ngTemplateOutlet=\"template; context: templateContext()\" />\n          } @else {\n            <div class=\"error-actions\">\n              <button type=\"button\" class=\"retry-btn\" (click)=\"retryLoad()\">\n                {{ retryButtonText() }}\n              </button>\n              @if (secondaryActionText() && sourceUrl()) {\n                <a\n                  class=\"secondary-action-btn\"\n                  [href]=\"sourceUrl()\"\n                  [attr.target]=\"secondaryActionMode() === 'open' ? '_blank' : null\"\n                  [attr.rel]=\"secondaryActionMode() === 'open' ? 'noreferrer' : null\"\n                  [attr.download]=\"secondaryActionMode() === 'download' ? '' : null\"\n                >\n                  {{ secondaryActionText() }}\n                </a>\n              }\n            </div>\n          }\n        </div>\n      }\n    </div>\n  }\n\n  @if (externalViewer()) {\n    @for (key of loadKeys(); track key) {\n      <iframe\n        #iframe\n        class=\"ngx-doc-viewer-iframe\"\n        title=\"Document viewer\"\n        frameBorder=\"0\"\n        allow=\"clipboard-read; clipboard-write\"\n        [src]=\"fullUrl()\"\n        (load)=\"iframeLoaded()\"\n      ></iframe>\n    }\n    @if (overlayClass(); as overlay) {\n      <div\n        [class]=\"overlay\"\n        [style.background-color]=\"disableContent() === 'popout-hide' ? '#fff' : 'transparent'\"\n      ></div>\n    }\n  } @else if (viewer() === 'pdf') {\n    @for (key of loadKeys(); track key) {\n      <object\n        class=\"ngx-doc-viewer-object\"\n        type=\"application/pdf\"\n        width=\"100%\"\n        height=\"100%\"\n        [data]=\"fullUrl()\"\n        (load)=\"objectLoaded()\"\n      >\n        <p>\n          Your browser does not support PDFs.\n          <a [href]=\"fullUrl()\">Download the PDF</a>.\n        </p>\n      </object>\n    }\n  } @else {\n    <div class=\"inline-document-shell\">\n      <div class=\"inline-document-page\" [innerHTML]=\"docHtml()\"></div>\n    </div>\n  }\n\n  @if (viewer() === 'office' && renderPhase() === 'ready') {\n    <button\n      class=\"office-reload-btn\"\n      type=\"button\"\n      [attr.title]=\"officeReloadButtonTitle()\"\n      (click)=\"retryLoad()\"\n    >\n      @if (officeReloadTemplate(); as template) {\n        <ng-container *ngTemplateOutlet=\"template; context: templateContext()\" />\n      } @else {\n        {{ officeReloadButtonText() }}\n      }\n    </button>\n  }\n</div>\n",
+		styles: [":host{display:block}.container{width:100%;height:100%;position:relative}.inline-document-shell{width:100%;height:100%;overflow:auto;background:linear-gradient(180deg,#eef2f7,#f8fafc);padding:24px}.inline-document-page{max-width:900px;min-height:100%;margin:0 auto;background:#fff;border:1px solid #dbe4f0;border-radius:18px;box-shadow:0 18px 40px -24px #0f172a4d,0 6px 18px -10px #0f172a2e;padding:40px 48px}.inline-document-page,.inline-document-page *{box-sizing:border-box}.inline-document-page{color:#1e293b;font-family:Georgia,Cambria,Times New Roman,Times,serif;font-size:18px;line-height:1.7}.inline-document-page p,.inline-document-page ul,.inline-document-page ol,.inline-document-page blockquote,.inline-document-page table{margin:0 0 1.1em}.inline-document-page h1,.inline-document-page h2,.inline-document-page h3,.inline-document-page h4,.inline-document-page h5,.inline-document-page h6{margin:1.4em 0 .65em;color:#0f172a;line-height:1.25}.inline-document-page h1:first-child,.inline-document-page h2:first-child,.inline-document-page h3:first-child,.inline-document-page p:first-child{margin-top:0}.inline-document-page table{width:100%;border-collapse:collapse}.inline-document-page td,.inline-document-page th{padding:6px 10px;vertical-align:top}.inline-document-page img{max-width:100%;height:auto}.inline-document-page hr{border:0;border-top:1px solid #dbe4f0;margin:1.5em 0}.loading-overlay{position:absolute;inset:0;z-index:1001;display:flex;align-items:center;justify-content:center;background:#ffffffe0;color:#475569;font-size:14px;font-weight:600;letter-spacing:.02em;text-align:center;padding:16px}.error-overlay{position:absolute;inset:0;z-index:1001;display:flex;align-items:center;justify-content:center;background:#fffffff0;color:#991b1b;font-size:14px;font-weight:600;letter-spacing:.02em;text-align:center;padding:16px}.error-viewer{margin-top:8px;color:#475569}.error-url{margin-top:4px;color:#64748b;font-size:12px;word-break:break-word}.error-actions{margin-top:14px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.retry-btn{border:1px solid #fecaca;background:#fff;color:#991b1b;border-radius:999px;padding:8px 14px;font:inherit;cursor:pointer}.secondary-action-btn{border:1px solid #cbd5e1;background:#fff;color:#334155;border-radius:999px;padding:8px 14px;text-decoration:none;font:inherit}.overlay{position:absolute;z-index:1000}.overlay-popout-google{width:40px;height:40px;right:26px;top:11.5px}.overlay-popout-office{width:100px;height:20px;right:0;bottom:0}.overlay-full{width:100%;height:100%;right:0;top:0}.office-reload-btn{position:absolute;top:8px;right:8px;z-index:1001;width:32px;height:32px;border-radius:50%;border:1px solid rgba(0,0,0,.12);background:#ffffffd9;color:#475569;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.5;transition:opacity .15s;padding:0}.office-reload-btn:hover{opacity:1}iframe,object{display:block;width:100%;height:100%}@media(max-width:768px){.inline-document-shell{padding:12px}.inline-document-page{border-radius:12px;padding:22px 18px}}\n"],
+		dependencies: [{
+			kind: "directive",
+			type: NgTemplateOutlet,
+			selector: "[ngTemplateOutlet]",
+			inputs: [
+				"ngTemplateOutletContext",
+				"ngTemplateOutlet",
+				"ngTemplateOutletInjector"
+			]
+		}]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: NgxDocViewerComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ngx-doc-viewer",
+			standalone: true,
+			imports: [NgTemplateOutlet],
+			template: "<div class=\"container\">\n  @if (renderPhase() === 'loading') {\n    <div class=\"loading-overlay\">\n      @if (loadingTemplate(); as template) {\n        <ng-container *ngTemplateOutlet=\"template; context: templateContext()\" />\n      } @else {\n        {{ loadingText() }}\n      }\n    </div>\n  }\n  @if (renderPhase() === 'error') {\n    <div class=\"error-overlay\">\n      @if (errorTemplate(); as template) {\n        <ng-container *ngTemplateOutlet=\"template; context: templateContext()\" />\n      } @else {\n        <div>\n          <div>{{ displayedErrorText() }}</div>\n          <div class=\"error-viewer\">Viewer: {{ viewer() }}</div>\n          @if (sourceUrl()) {\n            <div class=\"error-url\">{{ sourceUrl() }}</div>\n          }\n          @if (errorActionsTemplate(); as template) {\n            <ng-container *ngTemplateOutlet=\"template; context: templateContext()\" />\n          } @else {\n            <div class=\"error-actions\">\n              <button type=\"button\" class=\"retry-btn\" (click)=\"retryLoad()\">\n                {{ retryButtonText() }}\n              </button>\n              @if (secondaryActionText() && sourceUrl()) {\n                <a\n                  class=\"secondary-action-btn\"\n                  [href]=\"sourceUrl()\"\n                  [attr.target]=\"secondaryActionMode() === 'open' ? '_blank' : null\"\n                  [attr.rel]=\"secondaryActionMode() === 'open' ? 'noreferrer' : null\"\n                  [attr.download]=\"secondaryActionMode() === 'download' ? '' : null\"\n                >\n                  {{ secondaryActionText() }}\n                </a>\n              }\n            </div>\n          }\n        </div>\n      }\n    </div>\n  }\n\n  @if (externalViewer()) {\n    @for (key of loadKeys(); track key) {\n      <iframe\n        #iframe\n        class=\"ngx-doc-viewer-iframe\"\n        title=\"Document viewer\"\n        frameBorder=\"0\"\n        allow=\"clipboard-read; clipboard-write\"\n        [src]=\"fullUrl()\"\n        (load)=\"iframeLoaded()\"\n      ></iframe>\n    }\n    @if (overlayClass(); as overlay) {\n      <div\n        [class]=\"overlay\"\n        [style.background-color]=\"disableContent() === 'popout-hide' ? '#fff' : 'transparent'\"\n      ></div>\n    }\n  } @else if (viewer() === 'pdf') {\n    @for (key of loadKeys(); track key) {\n      <object\n        class=\"ngx-doc-viewer-object\"\n        type=\"application/pdf\"\n        width=\"100%\"\n        height=\"100%\"\n        [data]=\"fullUrl()\"\n        (load)=\"objectLoaded()\"\n      >\n        <p>\n          Your browser does not support PDFs.\n          <a [href]=\"fullUrl()\">Download the PDF</a>.\n        </p>\n      </object>\n    }\n  } @else {\n    <div class=\"inline-document-shell\">\n      <div class=\"inline-document-page\" [innerHTML]=\"docHtml()\"></div>\n    </div>\n  }\n\n  @if (viewer() === 'office' && renderPhase() === 'ready') {\n    <button\n      class=\"office-reload-btn\"\n      type=\"button\"\n      [attr.title]=\"officeReloadButtonTitle()\"\n      (click)=\"retryLoad()\"\n    >\n      @if (officeReloadTemplate(); as template) {\n        <ng-container *ngTemplateOutlet=\"template; context: templateContext()\" />\n      } @else {\n        {{ officeReloadButtonText() }}\n      }\n    </button>\n  }\n</div>\n",
+			styles: [":host{display:block}.container{width:100%;height:100%;position:relative}.inline-document-shell{width:100%;height:100%;overflow:auto;background:linear-gradient(180deg,#eef2f7,#f8fafc);padding:24px}.inline-document-page{max-width:900px;min-height:100%;margin:0 auto;background:#fff;border:1px solid #dbe4f0;border-radius:18px;box-shadow:0 18px 40px -24px #0f172a4d,0 6px 18px -10px #0f172a2e;padding:40px 48px}.inline-document-page,.inline-document-page *{box-sizing:border-box}.inline-document-page{color:#1e293b;font-family:Georgia,Cambria,Times New Roman,Times,serif;font-size:18px;line-height:1.7}.inline-document-page p,.inline-document-page ul,.inline-document-page ol,.inline-document-page blockquote,.inline-document-page table{margin:0 0 1.1em}.inline-document-page h1,.inline-document-page h2,.inline-document-page h3,.inline-document-page h4,.inline-document-page h5,.inline-document-page h6{margin:1.4em 0 .65em;color:#0f172a;line-height:1.25}.inline-document-page h1:first-child,.inline-document-page h2:first-child,.inline-document-page h3:first-child,.inline-document-page p:first-child{margin-top:0}.inline-document-page table{width:100%;border-collapse:collapse}.inline-document-page td,.inline-document-page th{padding:6px 10px;vertical-align:top}.inline-document-page img{max-width:100%;height:auto}.inline-document-page hr{border:0;border-top:1px solid #dbe4f0;margin:1.5em 0}.loading-overlay{position:absolute;inset:0;z-index:1001;display:flex;align-items:center;justify-content:center;background:#ffffffe0;color:#475569;font-size:14px;font-weight:600;letter-spacing:.02em;text-align:center;padding:16px}.error-overlay{position:absolute;inset:0;z-index:1001;display:flex;align-items:center;justify-content:center;background:#fffffff0;color:#991b1b;font-size:14px;font-weight:600;letter-spacing:.02em;text-align:center;padding:16px}.error-viewer{margin-top:8px;color:#475569}.error-url{margin-top:4px;color:#64748b;font-size:12px;word-break:break-word}.error-actions{margin-top:14px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.retry-btn{border:1px solid #fecaca;background:#fff;color:#991b1b;border-radius:999px;padding:8px 14px;font:inherit;cursor:pointer}.secondary-action-btn{border:1px solid #cbd5e1;background:#fff;color:#334155;border-radius:999px;padding:8px 14px;text-decoration:none;font:inherit}.overlay{position:absolute;z-index:1000}.overlay-popout-google{width:40px;height:40px;right:26px;top:11.5px}.overlay-popout-office{width:100px;height:20px;right:0;bottom:0}.overlay-full{width:100%;height:100%;right:0;top:0}.office-reload-btn{position:absolute;top:8px;right:8px;z-index:1001;width:32px;height:32px;border-radius:50%;border:1px solid rgba(0,0,0,.12);background:#ffffffd9;color:#475569;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.5;transition:opacity .15s;padding:0}.office-reload-btn:hover{opacity:1}iframe,object{display:block;width:100%;height:100%}@media(max-width:768px){.inline-document-shell{padding:12px}.inline-document-page{border-radius:12px;padding:22px 18px}}\n"]
+		}]
+	}],
+	propDecorators: {
+		loaded: [{
+			type: i0.Output,
+			args: ["loaded"]
+		}],
+		loading: [{
+			type: i0.Output,
+			args: ["loading"]
+		}],
+		error: [{
+			type: i0.Output,
+			args: ["error"]
+		}],
+		phaseChange: [{
+			type: i0.Output,
+			args: ["phaseChange"]
+		}],
+		url: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "url",
+				required: false
+			}]
+		}],
+		queryParams: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "queryParams",
+				required: false
+			}]
+		}],
+		viewerUrl: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "viewerUrl",
+				required: false
+			}]
+		}],
+		googleCheckInterval: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "googleCheckInterval",
+				required: false
+			}]
+		}],
+		googleMaxChecks: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "googleMaxChecks",
+				required: false
+			}]
+		}],
+		googleFinalRetryDelay: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "googleFinalRetryDelay",
+				required: false
+			}]
+		}],
+		disableContent: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disableContent",
+				required: false
+			}]
+		}],
+		googleCheckContentLoaded: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "googleCheckContentLoaded",
+				required: false
+			}]
+		}],
+		viewer: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "viewer",
+				required: false
+			}]
+		}],
+		overrideLocalhost: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "overrideLocalhost",
+				required: false
+			}]
+		}],
+		loadingText: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "loadingText",
+				required: false
+			}]
+		}],
+		errorTextOverride: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "errorTextOverride",
+				required: false
+			}]
+		}],
+		retryButtonText: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "retryButtonText",
+				required: false
+			}]
+		}],
+		officeAutoRetry: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "officeAutoRetry",
+				required: false
+			}]
+		}],
+		officeRetryDelay: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "officeRetryDelay",
+				required: false
+			}]
+		}],
+		officeReloadButtonText: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "officeReloadButtonText",
+				required: false
+			}]
+		}],
+		officeReloadButtonTitle: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "officeReloadButtonTitle",
+				required: false
+			}]
+		}],
+		secondaryActionText: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "secondaryActionText",
+				required: false
+			}]
+		}],
+		secondaryActionMode: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "secondaryActionMode",
+				required: false
+			}]
+		}],
+		loadingTemplate: [{
+			type: i0.ContentChild,
+			args: ["loadingContent", {
+				read: TemplateRef,
+				isSignal: true
+			}]
+		}],
+		errorTemplate: [{
+			type: i0.ContentChild,
+			args: ["errorContent", {
+				read: TemplateRef,
+				isSignal: true
+			}]
+		}],
+		errorActionsTemplate: [{
+			type: i0.ContentChild,
+			args: ["errorActions", {
+				read: TemplateRef,
+				isSignal: true
+			}]
+		}],
+		officeReloadTemplate: [{
+			type: i0.ContentChild,
+			args: ["officeReloadContent", {
+				read: TemplateRef,
+				isSignal: true
+			}]
+		}],
+		iframe: [{
+			type: i0.ViewChild,
+			args: ["iframe", { isSignal: true }]
+		}]
+	}
+});
+var NgxDocViewerModule = class NgxDocViewerModule {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: NgxDocViewerModule,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.NgModule
+	});
+	static ɵmod = i0.ɵɵngDeclareNgModule({
+		minVersion: "14.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: NgxDocViewerModule,
+		imports: [CommonModule, NgxDocViewerComponent],
+		exports: [NgxDocViewerComponent]
+	});
+	static ɵinj = i0.ɵɵngDeclareInjector({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: NgxDocViewerModule,
+		imports: [CommonModule]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: NgxDocViewerModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [CommonModule, NgxDocViewerComponent],
+			exports: [NgxDocViewerComponent]
+		}]
+	}]
+});
 export { NgxDocViewerComponent, NgxDocViewerModule };
-//# sourceMappingURL=ngx-doc-viewer.mjs.map
+
+//# sourceMappingURL=ngx-doc-viewer.mjs.map