@theseam/ui-common 0.4.30 → 1.0.0-beta.0

package/fesm2020/theseam-ui-common-viewers.mjs

@@ -1,598 +0,0 @@
-import { __decorate } from 'tslib';
-import * as i0 from '@angular/core';
-import { Component, Input, HostBinding, ViewChild, Injectable, NgModule } from '@angular/core';
-import { Subject, from, ReplaySubject, BehaviorSubject, of } from 'rxjs';
-import { takeUntil, auditTime, switchMap, tap, shareReplay, map } from 'rxjs/operators';
-import { InputBoolean } from '@theseam/ui-common/core';
-import { waitOnConditionAsync, wrapIntoObservable } from '@theseam/ui-common/utils';
-import * as i1 from '@theseam/ui-common/shared';
-import { TheSeamSharedModule } from '@theseam/ui-common/shared';
-import { coerceNumberProperty, coerceArray } from '@angular/cdk/coercion';
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i2$1 from '@theseam/ui-common/scrollbar';
-import { TheSeamScrollbarModule } from '@theseam/ui-common/scrollbar';
-
-class TheSeamPdfPageComponent {
-    get page() { return this._page; }
-    set page(value) {
-        this._page = value;
-        setTimeout(() => { this.render(); });
-    }
-    get _shadow() { return this.shadow; }
-    constructor() {
-        this._ngUnsubscribe = new Subject();
-        this.shadow = false;
-        /**
-         * Canvas will responsively scale and rerender if scaled more than
-         * `renderUpdateThreshold` pixels.
-         */
-        this.responsive = false;
-        /**
-         * The canvas will be rerendered if the canvas size changes by this many
-         * pixels from the last render.
-         *
-         * To make the canvas responsive using only the initial size for its render
-         * set the threshold to `-1`. You can still trigger a rerender by calling the
-         * `render()` method.
-         *
-         * NOTE: Only used when `responsive` is `true`.
-         */
-        this.renderUpdateThreshold = 100;
-        this.rendering = false;
-        this._renderRequestSubject = new Subject();
-        this._render$ = this._renderRequestSubject.pipe(takeUntil(this._ngUnsubscribe), auditTime(500), switchMap(_ => from(waitOnConditionAsync(() => this.rendering === false, 30 * 1000))), switchMap(_ => from(this._render())));
-    }
-    ngOnDestroy() {
-        this._ngUnsubscribe.next(undefined);
-        this._ngUnsubscribe.complete();
-    }
-    ngAfterViewInit() {
-        this._render$.subscribe();
-        this.render();
-    }
-    render() {
-        this._renderRequestSubject.next();
-    }
-    async _render() {
-        if (!this.pdfContainer || !this.pdfCanvas) {
-            return;
-        }
-        try {
-            const w = this.pdfContainer.nativeElement.clientWidth;
-            const desiredWidth = w;
-            const viewport = this.page.getViewport({ scale: 1 });
-            const scale = desiredWidth / viewport.width;
-            const scaledViewport = this.page.getViewport({ scale });
-            // Prepare canvas using PDF page dimensions
-            const canvas = this.pdfCanvas.nativeElement;
-            const context = canvas.getContext('2d');
-            canvas.height = scaledViewport.height;
-            canvas.width = scaledViewport.width;
-            canvas.style.height = `${scaledViewport.height}px`;
-            canvas.style.width = `${scaledViewport.width}px`;
-            // Render PDF page into canvas context
-            const renderContext = {
-                canvasContext: context,
-                viewport: scaledViewport
-            };
-            const renderTask = await this.page.render(renderContext).promise;
-            // TODO: Allow canceling instead of only waiting
-            // await renderTask.cancel()
-            this.rendering = false;
-            if (this.responsive) {
-                canvas.style.width = '100%';
-                canvas.style.height = '100%';
-            }
-        }
-        catch (err) {
-            // PDF loading error
-            // eslint-disable-next-line no-console
-            console.error(err);
-        }
-    }
-    onResized() {
-        if (!this.responsive || this.renderUpdateThreshold === -1) {
-            return;
-        }
-        if (!this.pdfContainer || !this.pdfCanvas) {
-            return;
-        }
-        const containerRect = this.pdfContainer.nativeElement.getBoundingClientRect();
-        const pdfWidth = this.pdfCanvas.nativeElement.width;
-        const pdfHeight = this.pdfCanvas.nativeElement.height;
-        const wDiff = Math.abs(containerRect.width - pdfWidth);
-        const hDiff = Math.abs(containerRect.height - pdfHeight);
-        if (wDiff > this.renderUpdateThreshold || hDiff > this.renderUpdateThreshold) {
-            this.render();
-        }
-    }
-}
-TheSeamPdfPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TheSeamPdfPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TheSeamPdfPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TheSeamPdfPageComponent, selector: "seam-pdf-page", inputs: { page: "page", shadow: "shadow", responsive: "responsive", renderUpdateThreshold: "renderUpdateThreshold" }, host: { properties: { "class.shadow": "this._shadow" } }, viewQueries: [{ propertyName: "pdfContainer", first: true, predicate: ["pdfContainer"], descendants: true, static: true }, { propertyName: "pdfCanvas", first: true, predicate: ["pdfCanvas"], descendants: true, static: true }], ngImport: i0, template: `
-  <div #pdfContainer
-    (seamElemResized)="onResized()">
-    <canvas #pdfCanvas></canvas>
-  </div>
-  `, isInline: true, styles: [":host{display:block}canvas{display:block}\n"], dependencies: [{ kind: "directive", type: i1.ElemResizedDirective, selector: "[seamElemResized]", outputs: ["seamElemResized"] }] });
-__decorate([
-    InputBoolean()
-], TheSeamPdfPageComponent.prototype, "shadow", void 0);
-__decorate([
-    InputBoolean()
-], TheSeamPdfPageComponent.prototype, "responsive", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TheSeamPdfPageComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'seam-pdf-page', template: `
-  <div #pdfContainer
-    (seamElemResized)="onResized()">
-    <canvas #pdfCanvas></canvas>
-  </div>
-  `, styles: [":host{display:block}canvas{display:block}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { page: [{
-                type: Input
-            }], shadow: [{
-                type: Input
-            }], _shadow: [{
-                type: HostBinding,
-                args: ['class.shadow']
-            }], pdfContainer: [{
-                type: ViewChild,
-                args: ['pdfContainer', { static: true }]
-            }], pdfCanvas: [{
-                type: ViewChild,
-                args: ['pdfCanvas', { static: true }]
-            }], responsive: [{
-                type: Input
-            }], renderUpdateThreshold: [{
-                type: Input
-            }] } });
-
-class PdfRendererService {
-    constructor() {
-        const pdfjsImport = wrapIntoObservable(import('pdfjs-dist/legacy/build/pdf'));
-        this._pdfjs$ = pdfjsImport.pipe(tap((pdfJs) => {
-            if (!pdfJs.GlobalWorkerOptions.workerSrc) {
-                // tslint:disable-next-line:max-line-length
-                pdfJs.GlobalWorkerOptions.workerSrc = `https://cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfJs.version}/pdf.worker.min.js`;
-            }
-        }), shareReplay({ bufferSize: 1, refCount: true }));
-    }
-    getDocument(url) {
-        return from(fetch(url)).pipe(switchMap(v => this._pdfjs$.pipe(switchMap(pdfjs => pdfjs.getDocument(v).promise))));
-    }
-}
-PdfRendererService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PdfRendererService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-PdfRendererService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PdfRendererService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PdfRendererService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return []; } });
-
-class TheSeamPdfViewerComponent {
-    get pdfUrl() { return this._pdfUrl; }
-    set pdfUrl(value) {
-        this._pdfUrl = value;
-        this._documentSubject.next(value);
-    }
-    /**
-     * The canvas will be rerendered if the canvas size changes by this many
-     * pixels from the last render.
-     *
-     * To make the canvas responsive using only the initial size for its render
-     * set the threshold to `-1`. You can still trigger a rerender by calling the
-     * `render()` method.
-     *
-     * NOTE: Only used when `responsive` is `true`.
-     */
-    set renderUpdateThreshold(value) { this._renderUpdateThreshold = coerceNumberProperty(value); }
-    get renderUpdateThreshold() { return this._renderUpdateThreshold; }
-    /**
-     * Range of pages to render.
-     *
-     * Example(page 1 to page 3):
-     *  [pageRange]="[1,3]"
-     */
-    get pageRange() { return this._pageRange; }
-    set pageRange(value) {
-        this._pageRange = value;
-        if (!this._pageRange) {
-            this._pageNumbersSubject.next(undefined);
-        }
-        try {
-            const range = coerceArray(this._pageRange);
-            if (range.length !== 2) {
-                throw new Error('[pdf-viewer] Invalid Page Range. Range array must have two numbers only.');
-            }
-            if (range[0] > range[1]) {
-                throw new Error('[pdf-viewer] Invalid Page Range. Start of the range must be less than or equal to the end.');
-            }
-            const nums = [];
-            for (let i = range[0]; i <= range[1]; i++) {
-                nums.push(i);
-            }
-            this._pageNumbersSubject.next(nums);
-        }
-        catch (err) {
-            // TODO: Decide how to conveniently display these errors.
-            // eslint-disable-next-line no-console
-            console.error(err);
-            this._pageNumbersSubject.next([]);
-        }
-    }
-    /**
-     * Render a specific page.
-     */
-    get pageNumber() { return this._pageNumber; }
-    set pageNumber(value) {
-        this._pageNumber = coerceNumberProperty(value, -1);
-        this._pageNumbersSubject.next(this._pageNumber === -1 ? undefined : [this._pageNumber]);
-    }
-    /**
-     * Specific page numbers to render.
-     */
-    get pageNumbers() { return this._pageNumbers; }
-    set pageNumbers(value) {
-        this._pageNumbers = value;
-        if (Array.isArray(this._pageNumbers)) {
-            this._pageNumbersSubject.next(this._pageNumbers);
-        }
-        else {
-            this._pageNumbersSubject.next(undefined);
-        }
-    }
-    constructor(_pdfRenderer) {
-        this._pdfRenderer = _pdfRenderer;
-        this.shadow = false;
-        /**
-         * Canvas will responsively scale and rerender if scaled more than
-         * `renderUpdateThreshold` pixels.
-         */
-        this.responsive = false;
-        this._renderUpdateThreshold = 100;
-        this._pageRange = [];
-        this._pageNumber = -1;
-        this._pageNumbers = [];
-        this._documentSubject = new ReplaySubject(1);
-        /**
-         * Undefined means all a pages
-         */
-        this._pageNumbersSubject = new BehaviorSubject(undefined);
-        this.document$ = this._documentSubject.asObservable().pipe(switchMap(url => {
-            if (!url) {
-                return of();
-            }
-            return this._pdfRenderer.getDocument(url);
-        }));
-        const pageNumbers$ = this._pageNumbersSubject.asObservable();
-        this.pages$ = this.document$.pipe(switchMap(doc => pageNumbers$.pipe(map(pageNumbers => {
-            const pages = [];
-            for (let i = 0; i < doc.numPages; i++) {
-                if (!pageNumbers || pageNumbers.indexOf(i + 1) !== -1) {
-                    pages.push(from(doc.getPage(i + 1)));
-                }
-            }
-            return pages;
-        }))));
-    }
-}
-TheSeamPdfViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TheSeamPdfViewerComponent, deps: [{ token: PdfRendererService }], target: i0.ɵɵFactoryTarget.Component });
-TheSeamPdfViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TheSeamPdfViewerComponent, selector: "seam-pdf-viewer", inputs: { pdfUrl: "pdfUrl", shadow: "shadow", responsive: "responsive", renderUpdateThreshold: "renderUpdateThreshold", pageRange: "pageRange", pageNumber: "pageNumber", pageNumbers: "pageNumbers" }, ngImport: i0, template: `
-  <ng-container *ngFor="let page of pages$ | async">
-    <seam-pdf-page
-      class="mb-2"
-      [page]="page | async"
-      [responsive]="responsive"
-      [shadow]="shadow"
-      [renderUpdateThreshold]="renderUpdateThreshold">
-    </seam-pdf-page>
-  </ng-container>
-  `, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: TheSeamPdfPageComponent, selector: "seam-pdf-page", inputs: ["page", "shadow", "responsive", "renderUpdateThreshold"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] });
-__decorate([
-    InputBoolean()
-], TheSeamPdfViewerComponent.prototype, "shadow", void 0);
-__decorate([
-    InputBoolean()
-], TheSeamPdfViewerComponent.prototype, "responsive", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TheSeamPdfViewerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'seam-pdf-viewer', template: `
-  <ng-container *ngFor="let page of pages$ | async">
-    <seam-pdf-page
-      class="mb-2"
-      [page]="page | async"
-      [responsive]="responsive"
-      [shadow]="shadow"
-      [renderUpdateThreshold]="renderUpdateThreshold">
-    </seam-pdf-page>
-  </ng-container>
-  `, styles: [":host{display:block}\n"] }]
-        }], ctorParameters: function () { return [{ type: PdfRendererService }]; }, propDecorators: { pdfUrl: [{
-                type: Input
-            }], shadow: [{
-                type: Input
-            }], responsive: [{
-                type: Input
-            }], renderUpdateThreshold: [{
-                type: Input
-            }], pageRange: [{
-                type: Input
-            }], pageNumber: [{
-                type: Input
-            }], pageNumbers: [{
-                type: Input
-            }] } });
-
-class TheSeamPdfViewerModule {
-}
-TheSeamPdfViewerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TheSeamPdfViewerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TheSeamPdfViewerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TheSeamPdfViewerModule, declarations: [TheSeamPdfViewerComponent,
-        TheSeamPdfPageComponent], imports: [CommonModule,
-        TheSeamSharedModule], exports: [TheSeamPdfViewerComponent,
-        TheSeamPdfPageComponent] });
-TheSeamPdfViewerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TheSeamPdfViewerModule, imports: [CommonModule,
-        TheSeamSharedModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TheSeamPdfViewerModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        TheSeamSharedModule
-                    ],
-                    declarations: [
-                        TheSeamPdfViewerComponent,
-                        TheSeamPdfPageComponent
-                    ],
-                    exports: [
-                        TheSeamPdfViewerComponent,
-                        TheSeamPdfPageComponent
-                    ]
-                }]
-        }] });
-
-var TemplateMessageType;
-(function (TemplateMessageType) {
-    TemplateMessageType["TplData"] = "theseam_tpl_data";
-    TemplateMessageType["TplResize"] = "theseam_tpl_resize";
-})(TemplateMessageType || (TemplateMessageType = {}));
-class TheSeamHtmlTemplateViewerComponent {
-    get src() { return this._src; }
-    set src(val) {
-        this._src = val;
-        this._updateSrc();
-    }
-    set dataVersion(value) {
-        const dv = value || 0;
-        const sendData = this._dataVersion !== dv;
-        this._dataVersion = dv;
-        if (sendData) {
-            this.postMessage(this._message);
-        }
-    }
-    set data(value) {
-        this.postMessage((value !== null && value !== undefined) ? JSON.stringify(value) : value);
-    }
-    set scrollable(value) {
-        this._scrollable = value;
-        if (this._scrollable) {
-            this._initScrollHandleObserver();
-        }
-        else {
-            this._destroyScrollHandleObserver();
-        }
-    }
-    set iframeElementRef(val) {
-        this._iframeElementRef = val;
-        const iframeNativeElement = this._getIFrameNativeElement();
-        if (iframeNativeElement) {
-            this._updateSrc();
-            iframeNativeElement.onload = () => this.postMessage(this._message);
-        }
-    }
-    constructor(_ngZone, _cdr, _elementRef) {
-        this._ngZone = _ngZone;
-        this._cdr = _cdr;
-        this._elementRef = _elementRef;
-        this._dataVersion = 0;
-        this._scrollHandleObserver = null;
-        this._scrollable = false;
-        this._scrollbarOptions = {
-            callbacks: {
-                onInitialized: () => this._initScrollHandleObserver(),
-                // Only scrollbar handles from OverlayScrollbars are currently observed,
-                // so we can just disable the observer for native scrollbars.
-                onInitializationWithdrawn: () => this._destroyScrollHandleObserver(),
-                onDestroyed: () => this._destroyScrollHandleObserver(),
-            }
-        };
-        this._mouseBlockActive = false;
-        this._mouseBlockWidth = '100%';
-        this._mouseBlockHeight = '100%';
-        this._onMessageFromTemplate = (e) => {
-            const type = e.data.type;
-            if (this._templateMessageHandlers[type]) {
-                this._ngZone.run(() => this._templateMessageHandlers[type](e.data.payload));
-            }
-        };
-        this._onResizeMessageFromTemplate = (payload) => {
-            const iframeNativeElement = this._getIFrameNativeElement();
-            if (iframeNativeElement) {
-                iframeNativeElement.style.height = `${payload.height}px`;
-            }
-        };
-        this._templateMessageHandlers = {
-            [TemplateMessageType.TplData]: () => { },
-            [TemplateMessageType.TplResize]: this._onResizeMessageFromTemplate
-        };
-    }
-    ngOnInit() {
-        this._ngZone.runOutsideAngular(() => window.addEventListener('message', this._onMessageFromTemplate));
-    }
-    ngOnDestroy() {
-        window.removeEventListener('message', this._onMessageFromTemplate);
-        this._destroyScrollHandleObserver();
-    }
-    _updateSrc() {
-        const iframeNativeElement = this._getIFrameNativeElement();
-        if (iframeNativeElement) {
-            iframeNativeElement.src = this._src || '';
-        }
-    }
-    postMessage(msg) {
-        this._message = msg;
-        let _msg = msg;
-        const contentWindow = this._getIFrameContentWindow();
-        if (contentWindow && _msg) {
-            if (this._dataVersion === 2) {
-                const wrapper = { type: TemplateMessageType.TplData, payload: undefined };
-                try {
-                    wrapper.payload = JSON.parse(_msg);
-                }
-                catch {
-                    wrapper.payload = _msg;
-                }
-                _msg = JSON.stringify(wrapper);
-            }
-            contentWindow.postMessage(_msg, '*');
-        }
-    }
-    reload() {
-        this._updateSrc();
-    }
-    _onResized(event) {
-        // This ensures the iframe scales itself if it isn't listening to or misses
-        // the resize event.
-        this.reload();
-    }
-    _getIFrameNativeElement() {
-        return (this._iframeElementRef?.nativeElement) || null;
-    }
-    _getIFrameContentWindow() {
-        return (this._iframeElementRef?.nativeElement?.contentWindow) || null;
-    }
-    /**
-     * Initializes a MutationObserver to detect the 'active' class added to a
-     * scroll handle, because OverlayScrollbars does not seem to provide an event
-     * for scrollbar handle activation/deactivation.
-     *
-     * TODO: Do we need this to work for native scrollbars also?
-     */
-    _initScrollHandleObserver() {
-        if (this._scrollHandleObserver !== null) {
-            return;
-        }
-        this._ngZone.runOutsideAngular(() => {
-            const observer = new MutationObserver(() => {
-                this._ngZone.run(() => {
-                    if (this._isScrollbarHandleActive()) {
-                        this._enableMouseBlock();
-                    }
-                    else {
-                        this._disableMouseBlock();
-                    }
-                });
-            });
-            observer.observe(this._elementRef.nativeElement, {
-                attributes: true,
-                attributeFilter: ['class'],
-                childList: true,
-                subtree: true,
-                characterData: false,
-            });
-            this._scrollHandleObserver = observer;
-        });
-    }
-    _destroyScrollHandleObserver() {
-        if (this._scrollHandleObserver === null) {
-            return;
-        }
-        this._scrollHandleObserver.disconnect();
-        this._scrollHandleObserver = null;
-    }
-    /**
-     * Enables a transparent div to cover the iframe.
-     *
-     * When the mouse is over an iframe the browser stops letting the parent
-     * document receive mouse events. Anything actively tracking mouse movement or
-     * button pressed will think the mouse has left the page. So the scrollbar
-     * handle would deactivate, when the mouse hovers the iframe. This adds an
-     * element to cover the iframe, which prevents mouse events getting sent to
-     * the iframe.
-     */
-    _enableMouseBlock() {
-        this._mouseBlockActive = true;
-        const iframeElement = this._getIFrameNativeElement();
-        if (iframeElement) {
-            const rect = iframeElement.getBoundingClientRect();
-            this._mouseBlockWidth = `${rect.width}px`;
-            this._mouseBlockHeight = `${rect.height}px`;
-        }
-        else {
-            this._mouseBlockWidth = '100%';
-            this._mouseBlockHeight = '100%';
-        }
-        this._cdr.detectChanges();
-    }
-    _disableMouseBlock() {
-        this._mouseBlockActive = false;
-        this._cdr.detectChanges();
-    }
-    _isScrollbarHandleActive() {
-        return this._elementRef.nativeElement.querySelector('.os-scrollbar-handle.active') !== null;
-    }
-}
-TheSeamHtmlTemplateViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TheSeamHtmlTemplateViewerComponent, deps: [{ token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-TheSeamHtmlTemplateViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TheSeamHtmlTemplateViewerComponent, selector: "seam-html-template-viewer", inputs: { src: "src", dataVersion: "dataVersion", data: "data", scrollable: "scrollable" }, viewQueries: [{ propertyName: "iframeElementRef", first: true, predicate: ["iframeElement"], descendants: true, static: true }], ngImport: i0, template: "<div (seamElemResized)=\"_onResized($any($event))\">\n  <div class=\"embed-responsive embed-responsive-4by3\"\n    [seamOverlayScrollbar]=\"_scrollbarOptions\"\n    [overlayScrollbarEnabled]=\"_scrollable\">\n    <iframe #iframeElement class=\"embed-responsive-item\" allowfullscreen></iframe>\n    <div *ngIf=\"_mouseBlockActive\"\n      class=\"iframe-mouse-block\"\n      [style.width]=\"_mouseBlockWidth\"\n      [style.height]=\"_mouseBlockHeight\">\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block}.iframe-mouse-block{position:absolute;top:0;right:0;height:100%;width:100%}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.OverlayScrollbarDirective, selector: "[seamOverlayScrollbar]", inputs: ["seamOverlayScrollbar", "overlayScrollbarEnabled"], exportAs: ["seamOverlayScrollbar"] }, { kind: "directive", type: i1.ElemResizedDirective, selector: "[seamElemResized]", outputs: ["seamElemResized"] }] });
-__decorate([
-    InputBoolean()
-], TheSeamHtmlTemplateViewerComponent.prototype, "scrollable", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TheSeamHtmlTemplateViewerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'seam-html-template-viewer', template: "<div (seamElemResized)=\"_onResized($any($event))\">\n  <div class=\"embed-responsive embed-responsive-4by3\"\n    [seamOverlayScrollbar]=\"_scrollbarOptions\"\n    [overlayScrollbarEnabled]=\"_scrollable\">\n    <iframe #iframeElement class=\"embed-responsive-item\" allowfullscreen></iframe>\n    <div *ngIf=\"_mouseBlockActive\"\n      class=\"iframe-mouse-block\"\n      [style.width]=\"_mouseBlockWidth\"\n      [style.height]=\"_mouseBlockHeight\">\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block}.iframe-mouse-block{position:absolute;top:0;right:0;height:100%;width:100%}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; }, propDecorators: { src: [{
-                type: Input
-            }], dataVersion: [{
-                type: Input
-            }], data: [{
-                type: Input
-            }], scrollable: [{
-                type: Input
-            }], iframeElementRef: [{
-                type: ViewChild,
-                args: ['iframeElement', { static: true }]
-            }] } });
-
-class TheSeamHtmlTemplateViewerModule {
-}
-TheSeamHtmlTemplateViewerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TheSeamHtmlTemplateViewerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TheSeamHtmlTemplateViewerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TheSeamHtmlTemplateViewerModule, declarations: [TheSeamHtmlTemplateViewerComponent], imports: [CommonModule,
-        TheSeamScrollbarModule,
-        TheSeamSharedModule], exports: [TheSeamHtmlTemplateViewerComponent] });
-TheSeamHtmlTemplateViewerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TheSeamHtmlTemplateViewerModule, imports: [CommonModule,
-        TheSeamScrollbarModule,
-        TheSeamSharedModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TheSeamHtmlTemplateViewerModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        TheSeamScrollbarModule,
-                        TheSeamSharedModule,
-                    ],
-                    declarations: [
-                        TheSeamHtmlTemplateViewerComponent,
-                    ],
-                    exports: [
-                        TheSeamHtmlTemplateViewerComponent,
-                    ]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { TheSeamHtmlTemplateViewerComponent, TheSeamHtmlTemplateViewerModule, TheSeamPdfPageComponent, TheSeamPdfViewerComponent, TheSeamPdfViewerModule };
-//# sourceMappingURL=theseam-ui-common-viewers.mjs.map