@prose-reader/core 1.125.0 → 1.126.0

package/dist/index.umd.cjs

@@ -1515,7 +1515,9 @@
     };
     reader.hookManager.register(`item.onDocumentLoad`, ({ itemId }) => {
       const item = reader.spineItemsManager.get(itemId);
-      item == null ? void 0 : item.upsertCSS(`prose-reader-theme`, getStyle());
+      if ((item == null ? void 0 : item.item.renditionLayout) !== "pre-paginated") {
+        item == null ? void 0 : item.upsertCSS(`prose-reader-theme`, getStyle());
+      }
     });
     reader.spineItemsManager.items$.pipe(
       operators.tap(
@@ -5168,16 +5170,9 @@
     return { start: startCFI, end: endCFI };
   };
   class DocumentRenderer {
-    constructor(context, settings, hookManager, item, containerElement, resourcesHandler) {
-      this.context = context;
-      this.settings = settings;
-      this.hookManager = hookManager;
-      this.item = item;
-      this.containerElement = containerElement;
-      this.resourcesHandler = resourcesHandler;
-      this.stateSubject = new rxjs.BehaviorSubject(`idle`);
+    constructor(params) {
       this.triggerSubject = new rxjs.Subject();
-      this.layers = [];
+      this.stateSubject = new rxjs.BehaviorSubject(`idle`);
       this.unload$ = this.triggerSubject.pipe(
         rxjs.withLatestFrom(this.stateSubject),
         rxjs.filter(
@@ -5194,9 +5189,16 @@
         rxjs.map(() => void 0),
         rxjs.share()
       );
+      this.layers = [];
       this.destroy$ = this.triggerSubject.pipe(
         rxjs.filter((trigger) => trigger === `destroy`)
       );
+      this.context = params.context;
+      this.settings = params.settings;
+      this.hookManager = params.hookManager;
+      this.item = params.item;
+      this.containerElement = params.containerElement;
+      this.resourcesHandler = params.resourcesHandler;
       this.load$.pipe(
         rxjs.switchMap(() => {
           this.stateSubject.next(`loading`);
@@ -5409,16 +5411,17 @@
         hookManager
       );
       parentElement.appendChild(this.containerElement);
-      const RendererClass = ((_b = (_a = this.settings.values).getRenderer) == null ? void 0 : _b.call(_a, item)) ?? DefaultRenderer;
+      const rendererFactory = (_b = (_a = this.settings.values).getRenderer) == null ? void 0 : _b.call(_a, item);
       this.resourcesHandler = new ResourceHandler(item, this.settings);
-      this.renderer = new RendererClass(
+      const rendererParams = {
         context,
         settings,
         hookManager,
         item,
-        this.containerElement,
-        this.resourcesHandler
-      );
+        containerElement: this.containerElement,
+        resourcesHandler: this.resourcesHandler
+      };
+      this.renderer = rendererFactory ? rendererFactory(rendererParams) : new DefaultRenderer(rendererParams);
       const contentLayoutChange$ = rxjs.merge(
         this.unloaded$.pipe(operators.map(() => ({ isFirstLayout: false }))),
         this.ready$.pipe(operators.map(() => ({ isFirstLayout: true })))
@@ -6879,13 +6882,13 @@
       ...options,
       getRenderer(item) {
         var _a;
-        const MaybeRenderer = (_a = options.getRenderer) == null ? void 0 : _a.call(options, item);
+        const maybeFactory = (_a = options.getRenderer) == null ? void 0 : _a.call(options, item);
         const mimeType = item.mediaType ?? shared.detectMimeTypeFromName(item.href);
         const isImageType = !!(mimeType == null ? void 0 : mimeType.startsWith(`image/`));
-        if (!MaybeRenderer && isImageType) {
-          return ImageRenderer;
+        if (!maybeFactory && isImageType) {
+          return (props) => new ImageRenderer(props);
         }
-        return MaybeRenderer;
+        return maybeFactory;
       }
     });
     const frameObserver = new IntersectionObserver(
@@ -7315,7 +7318,9 @@
       `item.onDocumentLoad`,
       ({ destroy, layers, itemId }) => {
         var _a;
-        const frame = (_a = layers[0]) == null ? void 0 : _a.element;
+        const frame = (_a = layers.find(
+          (layer) => layer.element instanceof HTMLIFrameElement
+        )) == null ? void 0 : _a.element;
         if (!(frame instanceof HTMLIFrameElement)) return;
         const item = reader.spineItemsManager.get(itemId);
         if (!item) return;
@@ -7985,15 +7990,8 @@
     };
   };
   class HtmlRenderer extends DocumentRenderer {
-    constructor(context, settings, hookManager, item, containerElement, resourcesHandler) {
-      super(
-        context,
-        settings,
-        hookManager,
-        item,
-        containerElement,
-        resourcesHandler
-      );
+    constructor() {
+      super(...arguments);
       this.isImageType = () => {
         const mimeType = this.item.mediaType ?? shared.detectMimeTypeFromName(this.item.href);
         return !!(mimeType == null ? void 0 : mimeType.startsWith(`image/`));
@@ -8112,8 +8110,8 @@
       ...options,
       getRenderer(item) {
         var _a;
-        const MaybeRenderer = (_a = options.getRenderer) == null ? void 0 : _a.call(options, item);
-        return MaybeRenderer ?? HtmlRenderer;
+        const maybeFactory = (_a = options.getRenderer) == null ? void 0 : _a.call(options, item);
+        return maybeFactory ?? ((props) => new HtmlRenderer(props));
       }
     });
     return reader;
@@ -8334,7 +8332,14 @@
   exports2.SettingsManager = SettingsManager;
   exports2.SpineItem = SpineItem;
   exports2.createReader = createReaderWithEnhancers;
+  exports2.getAttributeValueFromString = getAttributeValueFromString;
+  exports2.getFrameViewportInfo = getFrameViewportInfo;
+  exports2.injectCSS = injectCSS;
   exports2.isHtmlElement = isHtmlElement;
+  exports2.removeCSS = removeCSS;
+  exports2.upsertCSS = upsertCSS;
+  exports2.waitForFrameLoad = waitForFrameLoad;
+  exports2.waitForFrameReady = waitForFrameReady;
   exports2.waitForSwitch = waitForSwitch;
   Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
 });