@vertexvis/doc-viewer 1.0.2-testing.3 → 1.0.2-testing.5

package/dist/collection/components/document-viewer/document-viewer.js

@@ -34,6 +34,7 @@ export class VertexDocumentViewer {
         this.handleDocumentApiStateChanged = this.handleDocumentApiStateChanged.bind(this);
         this.handlePageLoaded = this.handlePageLoaded.bind(this);
         this.handlePageDrawn = this.handlePageDrawn.bind(this);
+        this.layers = new DocumentLayersController();
         this.resizeObserver = new ResizeObserver(this.handleElementResize);
         this.registerSlotChangeListeners();
     }
@@ -46,7 +47,7 @@ export class VertexDocumentViewer {
         var _a;
         (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.observe(this.hostEl);
         this.updateComponentDimensions();
-        this.handleSrcChange();
+        this.loadInitialSrc();
         this.injectViewerApi();
     }
     disconnectedCallback() {
@@ -113,12 +114,13 @@ export class VertexDocumentViewer {
         await documentApi.loadPage(pageNumber);
     }
     async handleSrcChange() {
+        var _a;
         if (this.src != null && this.canvasEl != null) {
             this.clearCurrentDocument();
             const { api, renderer } = this.provider.create(this.canvasEl, this.config);
             this.documentApi = api;
             this.documentRenderer = renderer;
-            this.layers = new DocumentLayersController(api);
+            (_a = this.layers) === null || _a === void 0 ? void 0 : _a.setApi(api);
             this.updateInteractionHandler();
             this.updateDocumentApiListeners();
             await this.documentApi.updateViewport(this.dimensions);
@@ -135,9 +137,9 @@ export class VertexDocumentViewer {
         this.updateInteractionHandler();
     }
     render() {
-        return (h(Host, { key: 'f1ddf0b4e321bc244a5d757e48f6d71c23caca3c' }, h("div", { key: '174c64c537f4b0f1c45fc6543e5b7f54515e4063', ref: ref => (this.viewerContainerElement = ref), class: "viewer-container", onContextMenu: event => event.preventDefault() }, h("div", { key: '4c47dadba03b32bde017252a9a8ea7f6e6d323f3', ref: ref => (this.canvasContainerElement = ref), class: classNames('canvas-container', {
+        return (h(Host, { key: 'a990831d5f2328f2cf21be0b82d4018b05decd51' }, h("div", { key: '349abae36254da570e640417fab459680c576465', ref: ref => (this.viewerContainerElement = ref), class: "viewer-container", onContextMenu: event => event.preventDefault() }, h("div", { key: '6fca3f1d5a2c31bdcc0c8dbbd468e306db981740', ref: ref => (this.canvasContainerElement = ref), class: classNames('canvas-container', {
                 'enable-pointer-events ': window.PointerEvent != null,
-            }) }, h("canvas", { key: 'ae645889dd5cb93084f820f9f3d14a56de0213f7', id: "document-viewer-canvas", role: "presentation", ref: el => (this.canvasEl = el) })), h("slot", { key: '7762c493306bf5d21cd16218f1abd3c6d0300ace' }))));
+            }) }, h("canvas", { key: 'deb1c58d8d20000053cd829401163bf1e68ca88e', id: "document-viewer-canvas", role: "presentation", ref: el => (this.canvasEl = el) })), h("slot", { key: '6b87846ef17b330b0fae5d03103765bad6fdafa6' }))));
     }
     getDocumentApi() {
         if (this.documentApi == null) {
@@ -145,15 +147,25 @@ export class VertexDocumentViewer {
         }
         return this.documentApi;
     }
+    async loadInitialSrc() {
+        await Promise.resolve();
+        await this.handleSrcChange();
+    }
     clearCurrentDocument() {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d, _e, _f, _g;
         (_a = this.documentRenderer) === null || _a === void 0 ? void 0 : _a.dispose();
         (_b = this.documentApi) === null || _b === void 0 ? void 0 : _b.dispose();
         (_c = this.panInteractionHandler) === null || _c === void 0 ? void 0 : _c.dispose();
         (_d = this.documentApiStateChangedDisposable) === null || _d === void 0 ? void 0 : _d.dispose();
         (_e = this.pageLoadedDisposable) === null || _e === void 0 ? void 0 : _e.dispose();
         (_f = this.pageDrawnDisposable) === null || _f === void 0 ? void 0 : _f.dispose();
-        this.layers = undefined;
+        this.documentRenderer = undefined;
+        this.documentApi = undefined;
+        this.panInteractionHandler = undefined;
+        this.documentApiStateChangedDisposable = undefined;
+        this.pageLoadedDisposable = undefined;
+        this.pageDrawnDisposable = undefined;
+        (_g = this.layers) === null || _g === void 0 ? void 0 : _g.clear();
     }
     handleDocumentApiStateChanged(state) {
         this.documentState = state;

package/dist/collection/lib/document/layers/controller.js

@@ -5,10 +5,22 @@ import { apiSupportsLayers } from "./types";
 export class DocumentLayersController {
     constructor(api) {
         this.apiSupportsLayers = false;
+        if (api != null) {
+            this.setApi(api);
+        }
+    }
+    setApi(api) {
         if (apiSupportsLayers(api)) {
             this.apiSupportsLayers = true;
             this.api = api;
         }
+        else {
+            this.clear();
+        }
+    }
+    clear() {
+        this.apiSupportsLayers = false;
+        this.api = undefined;
     }
     /**
      * Returns a boolean indicating whether the document supports layers.