@prose-reader/enhancer-annotations 1.301.0 → 1.304.0

package/dist/index.umd.cjs

@@ -1,557 +1,15 @@
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@prose-reader/core'), require('rxjs')) :
-  typeof define === 'function' && define.amd ? define(['exports', '@prose-reader/core', 'rxjs'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["prose-reader-enhancer-annotations"] = {}, global.core, global.rxjs));
-})(this, (function (exports, core, rxjs) { 'use strict';
-
-  const createElementForRange = (range, container, color) => {
-    const rects = Array.from(range.getClientRects());
-    const lineGroups = /* @__PURE__ */ new Map();
-    rects.forEach((rect) => {
-      const lineY = Math.round(rect.top);
-      if (!lineGroups.has(lineY)) {
-        lineGroups.set(lineY, []);
-      }
-      lineGroups.get(lineY)?.push(rect);
-    });
-    return Array.from(lineGroups.values()).map((lineRects) => {
-      const left = Math.min(...lineRects.map((r) => r.left));
-      const right = Math.max(...lineRects.map((r) => r.right));
-      const top = lineRects[0]?.top;
-      const height = lineRects[0]?.height;
-      const rectEltContainer = container.ownerDocument.createElement("div");
-      const rectElt = container.ownerDocument.createElement("div");
-      rectEltContainer.style.cssText = `
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("@prose-reader/core"),require("rxjs")):typeof define==`function`&&define.amd?define([`exports`,`@prose-reader/core`,`rxjs`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e[`prose-reader-enhancer-annotations`]={},e._prose_reader_core,e.rxjs))})(this,function(e,t,n){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var r=(e,t,n)=>{let r=Array.from(e.getClientRects()),i=new Map;return r.forEach(e=>{let t=Math.round(e.top);i.has(t)||i.set(t,[]),i.get(t)?.push(e)}),Array.from(i.values()).map(e=>{let r=Math.min(...e.map(e=>e.left)),i=Math.max(...e.map(e=>e.right)),a=e[0]?.top,o=e[0]?.height,s=t.ownerDocument.createElement(`div`),c=t.ownerDocument.createElement(`div`);return s.style.cssText=`
         position: absolute;
-        width: ${right - left}px;
-        height: ${height}px;
-        top: ${top}px;
-        left: ${left}px;
+        width: ${i-r}px;
+        height: ${o}px;
+        top: ${a}px;
+        left: ${r}px;
         box-sizing: border-box;
         border: 3px dashed transparent;
-    `;
-      rectElt.style.cssText = `
+    `,c.style.cssText=`
         height: 100%;
         width: 100%;
         opacity: 40%;
-        background-color: ${color}
-    `;
-      rectEltContainer.appendChild(rectElt);
-      return rectEltContainer;
-    });
-  };
-  const copyPositionStyle = (source, target) => {
-    core.setPropertyIfChanged(target.style, `cssText`, source.style.cssText);
-  };
-  const createAnnotationLayer = (container, layer) => {
-    const annotationLayer = container.ownerDocument.createElement("div");
-    layoutAnnotationLayer(layer, annotationLayer);
-    container.appendChild(annotationLayer);
-    return annotationLayer;
-  };
-  const layoutAnnotationLayer = (layer, annotationLayer) => {
-    copyPositionStyle(layer, annotationLayer);
-    if (layer.style.position === "") {
-      core.setStylePropertyIfChanged(annotationLayer.style, `position`, `absolute`);
-      core.setStylePropertyIfChanged(annotationLayer.style, `top`, `0`);
-    }
-    core.setStylePropertyIfChanged(annotationLayer.style, `opacity`, `1`);
-    core.setStylePropertyIfChanged(annotationLayer.style, `pointer-events`, `none`);
-  };
-
-  class SpineItemHighlight extends core.DestroyableClass {
-    constructor(spineItem, containerElement, reader, highlight, isSelected) {
-      super();
-      this.spineItem = spineItem;
-      this.containerElement = containerElement;
-      this.reader = reader;
-      this.highlight = highlight;
-      this.isSelected = isSelected;
-      void this.spineItem;
-      void this.reader;
-      this.container = this.containerElement.ownerDocument.createElement("div");
-      this.container.dataset.highlightContainer = this.highlight.id;
-      this.containerElement.appendChild(this.container);
-      this.tap$ = rxjs.fromEvent(this.container, "click").pipe(
-        rxjs.map((event) => ({ event, highlight: this.highlight })),
-        rxjs.share()
-      );
-      this.resolvedCfi$ = this.spineItem.watch("isLoaded").pipe(
-        rxjs.map(() => this.reader.cfi.resolveCfi({ cfi: this.highlight.cfi })),
-        rxjs.shareReplay({ refCount: true, bufferSize: 1 })
-      );
-      const updateStateOnSelection$ = this.isSelected.pipe(
-        rxjs.tap((isSelected2) => {
-          this.updateStateOnSelection(isSelected2);
-        })
-      );
-      rxjs.merge(this.resolvedCfi$, updateStateOnSelection$).pipe(rxjs.takeUntil(this.destroy$)).subscribe();
-    }
-    spineItem;
-    containerElement;
-    reader;
-    highlight;
-    isSelected;
-    container;
-    tap$;
-    resolvedCfi$;
-    updateStateOnSelection(isSelected) {
-      Array.from(this.container.children).forEach((child) => {
-        if (child instanceof HTMLElement) {
-          core.setStylePropertyIfChanged(
-            child.style,
-            `border`,
-            isSelected ? "3px dashed red" : "3px dashed transparent"
-          );
-        }
-      });
-    }
-    render() {
-      return this.resolvedCfi$.pipe(
-        rxjs.first(),
-        rxjs.withLatestFrom(this.isSelected),
-        rxjs.map(([resolvedCfi, isSelected]) => {
-          if (!resolvedCfi?.isCfiRange) return void 0;
-          const range = resolvedCfi.range;
-          this.container.innerHTML = "";
-          if (!range) {
-            return;
-          }
-          const rectElements = createElementForRange(
-            range,
-            this.container,
-            this.highlight.highlightColor ?? "yellow"
-          );
-          rectElements.forEach((elt) => {
-            elt.style.pointerEvents = "initial";
-            elt.style.cursor = "pointer";
-            elt.dataset.highlightRect = this.highlight.id;
-            this.container.appendChild(elt);
-          });
-          const firstElement = rectElements[0];
-          if (firstElement && this.highlight.notes) {
-            const noteIcon = document.createElement("span");
-            noteIcon.textContent = "📝";
-            noteIcon.style.position = "absolute";
-            noteIcon.style.top = "0";
-            noteIcon.style.left = "0";
-            noteIcon.style.transform = "translate(-0%, -80%)";
-            noteIcon.style.fontSize = "18px";
-            noteIcon.style.opacity = "50%";
-            firstElement.appendChild(noteIcon);
-          }
-          this.updateStateOnSelection(isSelected);
-          return null;
-        })
-      );
-    }
-    isWithinTarget(target) {
-      return this.container.contains(target);
-    }
-    destroy() {
-      super.destroy();
-      this.container.remove();
-    }
-  }
-
-  class SpineItemHighlights extends core.DestroyableClass {
-    constructor(annotations$, spineItem, reader, selectedHighlight) {
-      super();
-      this.annotations$ = annotations$;
-      this.spineItem = spineItem;
-      this.reader = reader;
-      this.selectedHighlight = selectedHighlight;
-      const firstLayerElement = spineItem.renderer.documentContainer ?? document.createElement("div");
-      this.layer = createAnnotationLayer(
-        this.spineItem.containerElement,
-        firstLayerElement
-      );
-      const itemHighlights$ = this.annotations$.pipe(
-        rxjs.switchMap((annotations) => {
-          const newAnnotations = annotations.filter(
-            (annotation) => !this.highlights.some(
-              (highlight) => highlight.highlight.id === annotation.id
-            )
-          );
-          const oldAnnotations = this.highlights.filter(
-            (highlight) => highlight.highlight.itemIndex !== this.spineItem.item.index
-          );
-          this.highlights.forEach((highlight, index) => {
-            const existingAnnotation = annotations.find(
-              (annotation) => annotation.id === highlight.highlight.id
-            );
-            if (oldAnnotations.includes(highlight)) {
-              highlight.destroy();
-              this.highlights = this.highlights.splice(index, 1);
-            }
-            if (existingAnnotation) {
-              highlight.highlight = existingAnnotation;
-            }
-          });
-          newAnnotations.forEach((annotation) => {
-            if (annotation.itemIndex !== this.spineItem.item.index) return;
-            const isSelected$ = this.selectedHighlight.pipe(
-              rxjs.map((id) => id === annotation.id),
-              rxjs.distinctUntilChanged()
-            );
-            const spineItemHighlight = new SpineItemHighlight(
-              this.spineItem,
-              this.layer,
-              this.reader,
-              annotation,
-              isSelected$
-            );
-            this.highlights.push(spineItemHighlight);
-          });
-          return rxjs.of(this.highlights);
-        }),
-        rxjs.shareReplay(1),
-        rxjs.takeUntil(this.destroy$)
-      );
-      this.tap$ = itemHighlights$.pipe(
-        rxjs.switchMap(
-          (highlights) => rxjs.merge(...highlights.map((highlight) => highlight.tap$))
-        )
-      );
-      annotations$.subscribe();
-    }
-    annotations$;
-    spineItem;
-    reader;
-    selectedHighlight;
-    layer;
-    highlights = [];
-    tap$;
-    layout() {
-      const firstLayerElement = this.spineItem.renderer.documentContainer ?? document.createElement("div");
-      layoutAnnotationLayer(firstLayerElement, this.layer);
-      return rxjs.forkJoin(
-        this.highlights.map((highlight) => highlight.render())
-      ).pipe(rxjs.defaultIfEmpty(null));
-    }
-    getHighlightsForTarget(target) {
-      return this.highlights.filter(
-        (highlight) => target instanceof Node && highlight.isWithinTarget(target)
-      );
-    }
-    destroy() {
-      super.destroy();
-      this.layer.remove();
-    }
-  }
-
-  class ReaderHighlights extends core.DestroyableClass {
-    constructor(reader, highlights, selectedHighlight) {
-      super();
-      this.reader = reader;
-      this.highlights = highlights;
-      this.selectedHighlight = selectedHighlight;
-      const cleanupByItemId = /* @__PURE__ */ new Map();
-      this.reader.hookManager.register(
-        "item.onDocumentLoad",
-        async ({ itemId }) => {
-          cleanupByItemId.get(itemId)?.();
-          cleanupByItemId.delete(itemId);
-          const spineItem = reader.spineItemsManager.get(itemId);
-          if (!spineItem) return;
-          const spineItemHighlights$ = this.highlights.pipe(
-            rxjs.map(
-              (highlights2) => highlights2.filter(
-                (highlight) => highlight.itemIndex === spineItem.item.index
-              )
-            )
-          );
-          const spineItemHighlights = new SpineItemHighlights(
-            spineItemHighlights$,
-            spineItem,
-            reader,
-            this.selectedHighlight
-          );
-          this.spineItemHighlights.next([
-            ...this.spineItemHighlights.getValue(),
-            spineItemHighlights
-          ]);
-          const cleanup = () => {
-            this.spineItemHighlights.next(
-              this.spineItemHighlights.getValue().filter((layer) => layer !== spineItemHighlights)
-            );
-            spineItemHighlights.destroy();
-          };
-          cleanupByItemId.set(itemId, cleanup);
-        }
-      );
-      this.reader.hookManager.register(
-        "item.onDocumentUnload",
-        async ({ itemId }) => {
-          cleanupByItemId.get(itemId)?.();
-          cleanupByItemId.delete(itemId);
-        }
-      );
-      this.tap$ = this.spineItemHighlights.pipe(
-        rxjs.switchMap((layers) => rxjs.merge(...layers.map((layer) => layer.tap$)))
-      );
-    }
-    reader;
-    highlights;
-    selectedHighlight;
-    spineItemHighlights = new rxjs.BehaviorSubject([]);
-    tap$;
-    getHighlightsForTarget = (target) => {
-      return this.spineItemHighlights.getValue().flatMap((layer) => layer.getHighlightsForTarget(target)).map((annotation) => annotation.highlight);
-    };
-    isTargetWithinHighlight = (target) => {
-      return !!this.getHighlightsForTarget(target).length;
-    };
-    layout() {
-      return rxjs.forkJoin(
-        this.spineItemHighlights.value.map((item) => item.layout())
-      ).pipe(rxjs.defaultIfEmpty(null));
-    }
-  }
-
-  const m = () => {
-    if (!(typeof window > "u"))
-      return window;
-  };
-  function b() {
-    const e = m()?.__PROSE_READER_DEBUG;
-    return e === true || e === "true";
-  }
-  const E = (e, n) => typeof e == "boolean" ? {
-    enabled: e,
-    options: n
-  } : {
-    enabled: e?.enabled,
-    options: e ?? n
-  }, w = (e) => e.at(-1)?.color, u = (e) => {
-    if (!e.length)
-      return;
-    if (!e.some((o) => o.color))
-      return [e.map((o) => o.label).join(" ")];
-    let n = "";
-    const t = [];
-    for (const o of e)
-      n += `%c${n ? ` ${o.label}` : o.label}`, t.push(
-        o.color ? `color: ${o.color}` : ""
-      );
-    return [n, ...t];
-  }, p = (e = [], n = b()) => {
-    let t = n;
-    const o = {
-      enable: (c) => {
-        l(c);
-      },
-      namespace: (c, s, i) => {
-        const a = E(
-          s,
-          i
-        ), g = a.options?.color ?? w(e);
-        return p(
-          [
-            ...e,
-            {
-              label: `[${c}]`,
-              color: g
-            }
-          ],
-          a.enabled ?? t
-        );
-      },
-      isEnabled: () => t,
-      debug: () => {
-      },
-      info: () => {
-      },
-      log: () => {
-      },
-      groupCollapsed: () => {
-      },
-      groupEnd: () => {
-      },
-      getGroupArgs: (c) => {
-        const s = u(e);
-        if (!s)
-          return [c];
-        const [i, ...a] = s;
-        return [`${i} ${c}`, ...a];
-      },
-      warn: () => {
-      },
-      error: () => {
-      }
-    }, r = (c) => {
-      if (!c) {
-        o.debug = () => {
-        }, o.info = () => {
-        }, o.log = () => {
-        }, o.groupCollapsed = () => {
-        }, o.groupEnd = () => {
-        }, o.warn = () => {
-        }, o.error = () => {
-        };
-        return;
-      }
-      const s = u(e) ?? [];
-      o.debug = Function.prototype.bind.call(
-        console.debug,
-        console,
-        ...s
-      ), o.info = Function.prototype.bind.call(
-        console.info,
-        console,
-        ...s
-      ), o.log = Function.prototype.bind.call(
-        console.log,
-        console,
-        ...s
-      ), o.groupCollapsed = Function.prototype.bind.call(
-        console.groupCollapsed,
-        console
-      ), o.groupEnd = Function.prototype.bind.call(console.groupEnd, console), o.warn = Function.prototype.bind.call(
-        console.warn,
-        console,
-        ...s
-      ), o.error = Function.prototype.bind.call(
-        console.error,
-        console,
-        ...s
-      );
-    }, l = (c) => {
-      t !== c && (t = c, r(t));
-    };
-    return r(t), o;
-  }, M = p();
-
-  const name = "@prose-reader/enhancer-annotations";
-
-  const IS_DEBUG_ENABLED = true;
-  const report = M.namespace(name, IS_DEBUG_ENABLED);
-
-  class Settings extends core.ReactiveEntity {
-    update(settings) {
-      super.mergeCompare(settings);
-    }
-  }
-
-  const annotationsEnhancer = (next) => (options) => {
-    const { annotations: annotationsOptions, ...rest } = options;
-    const settings = new Settings({
-      annotations$: annotationsOptions?.annotations$
-    });
-    const reader = next(rest);
-    const annotations$ = settings.watch("annotations$").pipe(rxjs.switchMap((annotations) => annotations ?? rxjs.NEVER));
-    const runtimeAnnotations$ = annotations$.pipe(
-      rxjs.distinctUntilChanged(core.isShallowEqual),
-      rxjs.map((annotations) => {
-        const runtimeAnnotations = annotations.map(
-          (annotation) => {
-            const { itemIndex = 0 } = reader.cfi.parseCfi(annotation.cfi ?? "");
-            const highlight = {
-              ...annotation,
-              itemIndex
-            };
-            return highlight;
-          }
-        );
-        return runtimeAnnotations;
-      }),
-      rxjs.tap((annotations) => {
-        report.debug("annotations", annotations);
-      }),
-      rxjs.shareReplay({
-        refCount: true,
-        bufferSize: 1
-      })
-    );
-    const selectedHighlight$ = runtimeAnnotations$.pipe(
-      rxjs.map(
-        (annotations) => annotations.find((annotation) => annotation.selected)?.id
-      ),
-      rxjs.distinctUntilChanged(),
-      rxjs.shareReplay({ refCount: true, bufferSize: 1 })
-    );
-    const readerHighlights = new ReaderHighlights(
-      reader,
-      runtimeAnnotations$,
-      selectedHighlight$
-    );
-    const resolveItemInformation = (params) => {
-      if (params.itemIndex !== void 0)
-        return { itemIndex: params.itemIndex, pageIndex: void 0 };
-      if (params.absolutePageIndex !== void 0) {
-        return reader.spine.pages.fromAbsolutePageIndex(
-          params.absolutePageIndex
-        );
-      }
-      return void 0;
-    };
-    const createAnnotation = ({
-      selection,
-      ...rest2
-    }) => {
-      const { itemIndex, pageIndex = 0 } = resolveItemInformation(rest2) ?? {};
-      const spineItem = reader.spineItemsManager.get(itemIndex);
-      const id = window.crypto.randomUUID();
-      if (!spineItem) return void 0;
-      const range = selection ? reader.selection.createOrderedRangeFromSelection({
-        selection,
-        spineItem
-      }) : void 0;
-      const pageEntry = reader.spine.pages.fromSpineItemPageIndex(
-        spineItem,
-        pageIndex
-      );
-      const cfiWithRangeOrFirstNodeOrRoot = range ? reader.cfi.generateCfiFromRange(range, spineItem.item) : pageEntry?.firstVisibleNode ? reader.cfi.generateCfiForSpineItemPage({
-        spineItem: spineItem.item,
-        pageNode: pageEntry.firstVisibleNode
-      }) : reader.cfi.generateRootCfi(spineItem.item);
-      const highlight = {
-        cfi: cfiWithRangeOrFirstNodeOrRoot,
-        itemIndex: spineItem.index,
-        id,
-        ...rest2
-      };
-      return highlight;
-    };
-    const renderAnnotations$ = rxjs.merge(runtimeAnnotations$, reader.layout$).pipe(
-      rxjs.debounceTime(50),
-      rxjs.switchMap(() => readerHighlights.layout())
-    );
-    const candidates$ = reader.layoutInfo$.pipe(
-      rxjs.switchMap(
-        ({ pages }) => rxjs.combineLatest(
-          pages.map((page) => {
-            const item = reader.spineItemsManager.get(page.itemIndex);
-            if (!item) return rxjs.of(false);
-            if (item.renditionLayout === "pre-paginated") return rxjs.of(true);
-            if (page.firstVisibleNode) return rxjs.of(true);
-            return rxjs.of(false);
-          })
-        )
-      )
-    );
-    rxjs.merge(renderAnnotations$, annotations$).pipe(rxjs.takeUntil(reader.$.destroy$)).subscribe();
-    return {
-      ...reader,
-      __PROSE_READER_ENHANCER_ANNOTATIONS: true,
-      destroy: () => {
-        readerHighlights.destroy();
-        reader.destroy();
-      },
-      annotations: {
-        annotations$: runtimeAnnotations$,
-        highlightTap$: readerHighlights.tap$,
-        candidates$,
-        isTargetWithinHighlight: readerHighlights.isTargetWithinHighlight,
-        createAnnotation,
-        update: settings.update.bind(settings)
-      }
-    };
-  };
-
-  exports.annotationsEnhancer = annotationsEnhancer;
-
-  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-}));
-//# sourceMappingURL=index.umd.cjs.map
+        background-color: ${n}
+    `,s.appendChild(c),s})},i=(e,n)=>{(0,t.setPropertyIfChanged)(n.style,`cssText`,e.style.cssText)},a=(e,t)=>{let n=e.ownerDocument.createElement(`div`);return o(t,n),e.appendChild(n),n},o=(e,n)=>{i(e,n),e.style.position===``&&((0,t.setStylePropertyIfChanged)(n.style,`position`,`absolute`),(0,t.setStylePropertyIfChanged)(n.style,`top`,`0`)),(0,t.setStylePropertyIfChanged)(n.style,`opacity`,`1`),(0,t.setStylePropertyIfChanged)(n.style,`pointer-events`,`none`)},s=class extends t.DestroyableClass{spineItem;containerElement;reader;highlight;isSelected;container;tap$;resolvedCfi$;constructor(e,t,r,i,a){super(),this.spineItem=e,this.containerElement=t,this.reader=r,this.highlight=i,this.isSelected=a,this.spineItem,this.reader,this.container=this.containerElement.ownerDocument.createElement(`div`),this.container.dataset.highlightContainer=this.highlight.id,this.containerElement.appendChild(this.container),this.tap$=(0,n.fromEvent)(this.container,`click`).pipe((0,n.map)(e=>({event:e,highlight:this.highlight})),(0,n.share)()),this.resolvedCfi$=this.spineItem.watch(`isLoaded`).pipe((0,n.map)(()=>this.reader.cfi.resolveCfi({cfi:this.highlight.cfi})),(0,n.shareReplay)({refCount:!0,bufferSize:1}));let o=this.isSelected.pipe((0,n.tap)(e=>{this.updateStateOnSelection(e)}));(0,n.merge)(this.resolvedCfi$,o).pipe((0,n.takeUntil)(this.destroy$)).subscribe()}updateStateOnSelection(e){Array.from(this.container.children).forEach(n=>{n instanceof HTMLElement&&(0,t.setStylePropertyIfChanged)(n.style,`border`,e?`3px dashed red`:`3px dashed transparent`)})}render(){return this.resolvedCfi$.pipe((0,n.first)(),(0,n.withLatestFrom)(this.isSelected),(0,n.map)(([e,t])=>{if(!e?.isCfiRange)return;let n=e.range;if(this.container.innerHTML=``,!n)return;let i=r(n,this.container,this.highlight.highlightColor??`yellow`);i.forEach(e=>{e.style.pointerEvents=`initial`,e.style.cursor=`pointer`,e.dataset.highlightRect=this.highlight.id,this.container.appendChild(e)});let a=i[0];if(a&&this.highlight.notes){let e=document.createElement(`span`);e.textContent=`📝`,e.style.position=`absolute`,e.style.top=`0`,e.style.left=`0`,e.style.transform=`translate(-0%, -80%)`,e.style.fontSize=`18px`,e.style.opacity=`50%`,a.appendChild(e)}return this.updateStateOnSelection(t),null}))}isWithinTarget(e){return this.container.contains(e)}destroy(){super.destroy(),this.container.remove()}},c=class extends t.DestroyableClass{annotations$;spineItem;reader;selectedHighlight;layer;highlights=[];tap$;constructor(e,t,r,i){super(),this.annotations$=e,this.spineItem=t,this.reader=r,this.selectedHighlight=i;let o=t.renderer.documentContainer??document.createElement(`div`);this.layer=a(this.spineItem.containerElement,o);let c=this.annotations$.pipe((0,n.switchMap)(e=>{let t=e.filter(e=>!this.highlights.some(t=>t.highlight.id===e.id)),r=this.highlights.filter(e=>e.highlight.itemIndex!==this.spineItem.item.index);return this.highlights.forEach((t,n)=>{let i=e.find(e=>e.id===t.highlight.id);r.includes(t)&&(t.destroy(),this.highlights=this.highlights.splice(n,1)),i&&(t.highlight=i)}),t.forEach(e=>{if(e.itemIndex!==this.spineItem.item.index)return;let t=this.selectedHighlight.pipe((0,n.map)(t=>t===e.id),(0,n.distinctUntilChanged)()),r=new s(this.spineItem,this.layer,this.reader,e,t);this.highlights.push(r)}),(0,n.of)(this.highlights)}),(0,n.shareReplay)(1),(0,n.takeUntil)(this.destroy$));this.tap$=c.pipe((0,n.switchMap)(e=>(0,n.merge)(...e.map(e=>e.tap$)))),e.subscribe()}layout(){return o(this.spineItem.renderer.documentContainer??document.createElement(`div`),this.layer),(0,n.forkJoin)(this.highlights.map(e=>e.render())).pipe((0,n.defaultIfEmpty)(null))}getHighlightsForTarget(e){return this.highlights.filter(t=>e instanceof Node&&t.isWithinTarget(e))}destroy(){super.destroy(),this.layer.remove()}},l=class extends t.DestroyableClass{reader;highlights;selectedHighlight;spineItemHighlights=new n.BehaviorSubject([]);tap$;constructor(e,t,r){super(),this.reader=e,this.highlights=t,this.selectedHighlight=r;let i=new Map;this.reader.hookManager.register(`item.onDocumentLoad`,async({itemId:t})=>{i.get(t)?.(),i.delete(t);let r=e.spineItemsManager.get(t);if(!r)return;let a=new c(this.highlights.pipe((0,n.map)(e=>e.filter(e=>e.itemIndex===r.item.index))),r,e,this.selectedHighlight);this.spineItemHighlights.next([...this.spineItemHighlights.getValue(),a]),i.set(t,()=>{this.spineItemHighlights.next(this.spineItemHighlights.getValue().filter(e=>e!==a)),a.destroy()})}),this.reader.hookManager.register(`item.onDocumentUnload`,async({itemId:e})=>{i.get(e)?.(),i.delete(e)}),this.tap$=this.spineItemHighlights.pipe((0,n.switchMap)(e=>(0,n.merge)(...e.map(e=>e.tap$))))}getHighlightsForTarget=e=>this.spineItemHighlights.getValue().flatMap(t=>t.getHighlightsForTarget(e)).map(e=>e.highlight);isTargetWithinHighlight=e=>!!this.getHighlightsForTarget(e).length;layout(){return(0,n.forkJoin)(this.spineItemHighlights.value.map(e=>e.layout())).pipe((0,n.defaultIfEmpty)(null))}},u=()=>{if(!(typeof window>`u`))return window};function d(){let e=u()?.__PROSE_READER_DEBUG;return e===!0||e===`true`}var f=(e,t)=>typeof e==`boolean`?{enabled:e,options:t}:{enabled:e?.enabled,options:e??t},p=e=>e.at(-1)?.color,m=e=>{if(!e.length)return;if(!e.some(e=>e.color))return[e.map(e=>e.label).join(` `)];let t=``,n=[];for(let r of e)t+=`%c${t?` ${r.label}`:r.label}`,n.push(r.color?`color: ${r.color}`:``);return[t,...n]},h=(e=[],t=d())=>{let n=t,r={enable:e=>{a(e)},namespace:(t,r,i)=>{let a=f(r,i),o=a.options?.color??p(e);return h([...e,{label:`[${t}]`,color:o}],a.enabled??n)},isEnabled:()=>n,debug:()=>{},info:()=>{},log:()=>{},groupCollapsed:()=>{},groupEnd:()=>{},getGroupArgs:t=>{let n=m(e);if(!n)return[t];let[r,...i]=n;return[`${r} ${t}`,...i]},warn:()=>{},error:()=>{}},i=t=>{if(!t){r.debug=()=>{},r.info=()=>{},r.log=()=>{},r.groupCollapsed=()=>{},r.groupEnd=()=>{},r.warn=()=>{},r.error=()=>{};return}let n=m(e)??[];r.debug=Function.prototype.bind.call(console.debug,console,...n),r.info=Function.prototype.bind.call(console.info,console,...n),r.log=Function.prototype.bind.call(console.log,console,...n),r.groupCollapsed=Function.prototype.bind.call(console.groupCollapsed,console),r.groupEnd=Function.prototype.bind.call(console.groupEnd,console),r.warn=Function.prototype.bind.call(console.warn,console,...n),r.error=Function.prototype.bind.call(console.error,console,...n)},a=e=>{n!==e&&(n=e,i(n))};return i(n),r},g=h().namespace(`@prose-reader/enhancer-annotations`,!0),_=class extends t.ReactiveEntity{update(e){super.mergeCompare(e)}};e.annotationsEnhancer=e=>r=>{let{annotations:i,...a}=r,o=new _({annotations$:i?.annotations$}),s=e(a),c=o.watch(`annotations$`).pipe((0,n.switchMap)(e=>e??n.NEVER)),u=c.pipe((0,n.distinctUntilChanged)(t.isShallowEqual),(0,n.map)(e=>e.map(e=>{let{itemIndex:t=0}=s.cfi.parseCfi(e.cfi??``);return{...e,itemIndex:t}})),(0,n.tap)(e=>{g.debug(`annotations`,e)}),(0,n.shareReplay)({refCount:!0,bufferSize:1})),d=new l(s,u,u.pipe((0,n.map)(e=>e.find(e=>e.selected)?.id),(0,n.distinctUntilChanged)(),(0,n.shareReplay)({refCount:!0,bufferSize:1}))),f=e=>{if(e.itemIndex!==void 0)return{itemIndex:e.itemIndex,pageIndex:void 0};if(e.absolutePageIndex!==void 0)return s.spine.pages.fromAbsolutePageIndex(e.absolutePageIndex)},p=({selection:e,...t})=>{let{itemIndex:n,pageIndex:r=0}=f(t)??{},i=s.spineItemsManager.get(n),a=window.crypto.randomUUID();if(!i)return;let o=e?s.selection.createOrderedRangeFromSelection({selection:e,spineItem:i}):void 0,c=s.spine.pages.fromSpineItemPageIndex(i,r);return{cfi:o?s.cfi.generateCfiFromRange(o,i.item):c?.firstVisibleNode?s.cfi.generateCfiForSpineItemPage({spineItem:i.item,pageNode:c.firstVisibleNode}):s.cfi.generateRootCfi(i.item),itemIndex:i.index,id:a,...t}},m=(0,n.merge)(u,s.layout$).pipe((0,n.debounceTime)(50),(0,n.switchMap)(()=>d.layout())),h=s.layoutInfo$.pipe((0,n.switchMap)(({pages:e})=>(0,n.combineLatest)(e.map(e=>{let t=s.spineItemsManager.get(e.itemIndex);return t&&(t.renditionLayout===`pre-paginated`||e.firstVisibleNode)?(0,n.of)(!0):(0,n.of)(!1)}))));return(0,n.merge)(m,c).pipe((0,n.takeUntil)(s.$.destroy$)).subscribe(),{...s,__PROSE_READER_ENHANCER_ANNOTATIONS:!0,destroy:()=>{d.destroy(),s.destroy()},annotations:{annotations$:u,highlightTap$:d.tap$,candidates$:h,isTargetWithinHighlight:d.isTargetWithinHighlight,createAnnotation:p,update:o.update.bind(o)}}}});
+//# sourceMappingURL=index.umd.cjs.map