@prose-reader/core 1.202.0 → 1.203.0

package/dist/index.js

@@ -677,6 +677,17 @@ const observeMutation = (target, options) => {
     return () => observer.disconnect();
   });
 };
+function observeIntersection(element, options) {
+  return new 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 @@ class DestroyableClass {
     this.destroySubject.complete();
   }
 }
-class DocumentRenderer extends DestroyableClass {
+const _DocumentRenderer = class _DocumentRenderer extends DestroyableClass {
   constructor(params) {
     super();
     this.triggerSubject = new Subject();
@@ -1024,6 +1035,12 @@ class DocumentRenderer extends DestroyableClass {
     );
     merge(unload$).pipe(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 @@ class DocumentRenderer extends DestroyableClass {
   }
   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 @@ class DocumentRenderer extends DestroyableClass {
     this.stateSubject.complete();
     super.destroy();
   }
+  get documentContainer() {
+    return this._documentContainer;
+  }
   get writingMode() {
     return void 0;
   }
@@ -1094,7 +1114,9 @@ class DocumentRenderer extends DestroyableClass {
     }
     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 @@ class HtmlRenderer extends DocumentRenderer {
   }
   onCreateDocument() {
     const frameElement = createFrameElement();
-    this.documentContainer = frameElement;
+    this.setDocumentContainer(frameElement);
     return of(frameElement);
   }
   onLoadDocument() {
@@ -2554,7 +2576,7 @@ class ImageRenderer extends DocumentRenderer {
     const imgElement = this.containerElement.ownerDocument.createElement(`img`);
     return from(this.resourcesHandler.getResource()).pipe(
       switchMap((responseOrUrl) => {
-        this.documentContainer = imgElement;
+        this.setDocumentContainer(imgElement);
         imgElement.style.objectFit = `contain`;
         imgElement.style.userSelect = `none`;
         if (responseOrUrl instanceof URL) {
@@ -9293,6 +9315,7 @@ export {
   isHtmlTagElement,
   isShallowEqual2 as isShallowEqual,
   mapKeysTo,
+  observeIntersection,
   observeMutation,
   observeResize,
   removeCSS,