@prose-reader/core 1.202.0 → 1.203.0

package/dist/index.umd.cjs

@@ -677,6 +677,17 @@
       return () => observer.disconnect();
     });
   };
+  function observeIntersection(element, options) {
+    return new rxjs.Observable((observer) => {
+      const intersectionObserver = new IntersectionObserver((entries) => {
+        observer.next(entries);
+      }, options);
+      intersectionObserver.observe(element);
+      return () => {
+        intersectionObserver.disconnect();
+      };
+    });
+  }
   class SettingsManagerOverload {
     constructor(initialSettings, settingsManager) {
       this.settingsManager = settingsManager;
@@ -934,7 +945,7 @@
       this.destroySubject.complete();
     }
   }
-  class DocumentRenderer extends DestroyableClass {
+  const _DocumentRenderer = class _DocumentRenderer extends DestroyableClass {
     constructor(params) {
       super();
       this.triggerSubject = new rxjs.Subject();
@@ -1024,6 +1035,12 @@
       );
       rxjs.merge(unload$).pipe(rxjs.takeUntil(this.destroy$)).subscribe();
     }
+    setDocumentContainer(element) {
+      this._documentContainer = element;
+      this._documentContainer.classList.add(
+        _DocumentRenderer.DOCUMENT_CONTAINER_CLASS_NAME
+      );
+    }
     attach() {
       if (this.documentContainer) {
         this.containerElement.appendChild(this.documentContainer);
@@ -1031,8 +1048,8 @@
     }
     detach() {
       var _a;
-      (_a = this.documentContainer) == null ? void 0 : _a.remove();
-      this.documentContainer = void 0;
+      (_a = this._documentContainer) == null ? void 0 : _a.remove();
+      this._documentContainer = void 0;
     }
     get state$() {
       return this.stateSubject;
@@ -1077,6 +1094,9 @@
       this.stateSubject.complete();
       super.destroy();
     }
+    get documentContainer() {
+      return this._documentContainer;
+    }
     get writingMode() {
       return void 0;
     }
@@ -1094,7 +1114,9 @@
       }
       return ((_a = this.context.manifest) == null ? void 0 : _a.renditionLayout) ?? "reflowable";
     }
-  }
+  };
+  _DocumentRenderer.DOCUMENT_CONTAINER_CLASS_NAME = `prose-reader-document-container`;
+  let DocumentRenderer = _DocumentRenderer;
   const defaultGetResource = (item) => new URL(item.href);
   class ResourceHandler {
     constructor(item, settings) {
@@ -1887,7 +1909,7 @@
     }
     onCreateDocument() {
       const frameElement = createFrameElement();
-      this.documentContainer = frameElement;
+      this.setDocumentContainer(frameElement);
       return rxjs.of(frameElement);
     }
     onLoadDocument() {
@@ -2554,7 +2576,7 @@
       const imgElement = this.containerElement.ownerDocument.createElement(`img`);
       return rxjs.from(this.resourcesHandler.getResource()).pipe(
         rxjs.switchMap((responseOrUrl) => {
-          this.documentContainer = imgElement;
+          this.setDocumentContainer(imgElement);
           imgElement.style.objectFit = `contain`;
           imgElement.style.userSelect = `none`;
           if (responseOrUrl instanceof URL) {
@@ -9295,6 +9317,7 @@
   exports2.isHtmlElement = isHtmlElement;
   exports2.isHtmlTagElement = isHtmlTagElement;
   exports2.mapKeysTo = mapKeysTo;
+  exports2.observeIntersection = observeIntersection;
   exports2.observeMutation = observeMutation;
   exports2.observeResize = observeResize;
   exports2.removeCSS = removeCSS;