@hyebook/vue3-adapter 2.2.6 → 2.3.0

package/dist/core/src/index.d.ts

@@ -4,5 +4,6 @@ export * from "./editor/commands";
 export * from "./editor/engine";
 export * from "./workbench/editor-workbench";
 export * from "./player/engine";
+export * from "./player/ebook-player";
 export * from "./utils/validate";
 //# sourceMappingURL=index.d.ts.map

package/dist/core/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../core/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../core/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC"}

package/dist/core/src/index.js

@@ -4,4 +4,5 @@ export * from "./editor/commands";
 export * from "./editor/engine";
 export * from "./workbench/editor-workbench";
 export * from "./player/engine";
+export * from "./player/ebook-player";
 export * from "./utils/validate";

package/dist/core/src/player/ebook-player.d.ts

@@ -0,0 +1,65 @@
+import type { EbookDoc } from "../types/ebook";
+import type { EBookPlayerHandle, EBookPlayerOptions, ReaderAnnotationChangeSource, ReaderAnnotationCreateEvent, ReaderAnnotationDeleteEvent, ReaderAnnotations, ReaderAnnotationsChangeEvent, ReaderAnnotationUpdateEvent, ReaderHighlight, ReaderNote } from "../types/player";
+export declare class EBookPlayer implements EBookPlayerHandle {
+    private container;
+    private options;
+    private engine;
+    private root;
+    private content;
+    private selectionToolbar;
+    private highlightBtn;
+    private noteBtn;
+    private selectionOptions;
+    private selectionDraft;
+    private loaded;
+    private destroyed;
+    private readonly handleSelectionChangeBound;
+    private readonly handleDocumentPointerDownBound;
+    private readonly preserveSelectionOnToolbarMouseDownBound;
+    private readonly handleHighlightClickBound;
+    private readonly handleNoteClickBound;
+    constructor(container: HTMLElement, options: EBookPlayerOptions);
+    load(): Promise<EbookDoc>;
+    destroy(): void;
+    getDocument(): EbookDoc;
+    getAnnotations(): ReaderAnnotations;
+    getHighlights(): ReaderHighlight[];
+    getNotes(): ReaderNote[];
+    setAnnotations(annotations: ReaderAnnotations, source?: ReaderAnnotationChangeSource): Promise<ReaderAnnotations>;
+    reloadAnnotations(): Promise<ReaderAnnotations>;
+    createHighlight(highlight: Omit<ReaderHighlight, "id" | "createdAt" | "updatedAt" | "bookId">, source?: ReaderAnnotationChangeSource): Promise<ReaderHighlight>;
+    updateHighlight(highlightId: string, patch: Partial<Omit<ReaderHighlight, "id" | "bookId" | "createdAt">>, source?: ReaderAnnotationChangeSource): Promise<ReaderHighlight | null>;
+    deleteHighlight(highlightId: string, source?: ReaderAnnotationChangeSource): Promise<boolean>;
+    createNote(note: Omit<ReaderNote, "id" | "createdAt" | "updatedAt" | "bookId">, source?: ReaderAnnotationChangeSource): Promise<ReaderNote>;
+    updateNote(noteId: string, patch: Partial<Omit<ReaderNote, "id" | "bookId" | "createdAt">>, source?: ReaderAnnotationChangeSource): Promise<ReaderNote | null>;
+    deleteNote(noteId: string, source?: ReaderAnnotationChangeSource): Promise<boolean>;
+    onAnnotationCreate(listener: (event: ReaderAnnotationCreateEvent) => void): () => void;
+    onAnnotationUpdate(listener: (event: ReaderAnnotationUpdateEvent) => void): () => void;
+    onAnnotationDelete(listener: (event: ReaderAnnotationDeleteEvent) => void): () => void;
+    onAnnotationsChange(listener: (event: ReaderAnnotationsChangeEvent) => void): () => void;
+    private renderDocument;
+    private renderPage;
+    private renderTextBlock;
+    private renderNonTextBlock;
+    private getTextBlockContent;
+    private createAnnotationBuckets;
+    private toBlockKey;
+    private applyHighlightMarks;
+    private applyNoteMarks;
+    private wrapRangeWithMark;
+    private createRangeFromOffsets;
+    private normalizeOffsetRange;
+    private handleSelectionChange;
+    private resolveTextContainer;
+    private getSelectionOffsets;
+    private hideSelectionToolbar;
+    private clearSelection;
+    private handleDocumentPointerDown;
+    private preserveSelectionOnToolbarMouseDown;
+    private handleHighlightClick;
+    private handleNoteClick;
+    private resolveWidth;
+    private resolveSelectionToolbarOptions;
+    private ensureLoaded;
+}
+//# sourceMappingURL=ebook-player.d.ts.map

package/dist/core/src/player/ebook-player.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ebook-player.d.ts","sourceRoot":"","sources":["../../../../../core/src/player/ebook-player.ts"],"names":[],"mappings":"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"}

package/dist/core/src/player/ebook-player.js

@@ -0,0 +1,550 @@
+import { PlayerEngine } from "./engine";
+const EBOOK_PLAYER_STYLE_ID = "hy-ebook-lite-player-style";
+const EBOOK_PLAYER_STYLE_VERSION = "0.1.0";
+const EBOOK_PLAYER_CSS = `
+.hyepl-root{position:relative;max-width:100%;margin:0 auto;color:#0f172a;font-size:14px;line-height:1.7}
+.hyepl-content{position:relative}
+.hyepl-page{margin:0 0 16px}
+.hyepl-page:last-child{margin-bottom:0}
+.hyepl-block{margin:0 0 10px;white-space:pre-wrap;word-break:break-word}
+.hyepl-block:last-child{margin-bottom:0}
+.hyepl-block-muted{color:#64748b}
+.hyepl-highlight{background:var(--hyepl-highlight-color,#fff59d);color:inherit;padding:0 .08em;border-radius:.2em}
+.hyepl-note{background:rgba(14,116,144,.14);border-bottom:2px solid #0e7490;color:inherit;padding:0 .04em;border-radius:.2em}
+.hyepl-selection-toolbar{position:fixed;z-index:10060;display:none;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;border:1px solid #0f172a;background:rgba(15,23,42,.96);box-shadow:0 10px 24px rgba(15,23,42,.22);transform:translate(-50%,-100%)}
+.hyepl-selection-toolbar.show{display:inline-flex}
+.hyepl-toolbar-btn{height:30px;padding:0 10px;border:1px solid #334155;border-radius:8px;background:#1e293b;color:#f8fafc;cursor:pointer;font-size:12px}
+`;
+export class EBookPlayer {
+    constructor(container, options) {
+        this.selectionDraft = null;
+        this.loaded = false;
+        this.destroyed = false;
+        this.handleSelectionChangeBound = () => {
+            this.handleSelectionChange();
+        };
+        this.handleDocumentPointerDownBound = (event) => {
+            this.handleDocumentPointerDown(event);
+        };
+        this.preserveSelectionOnToolbarMouseDownBound = (event) => {
+            this.preserveSelectionOnToolbarMouseDown(event);
+        };
+        this.handleHighlightClickBound = () => {
+            void this.handleHighlightClick();
+        };
+        this.handleNoteClickBound = () => {
+            void this.handleNoteClick();
+        };
+        this.container = container;
+        this.options = options;
+        this.engine = new PlayerEngine(options.provider, options.engineOptions);
+        this.selectionOptions = this.resolveSelectionToolbarOptions(options.selectionToolbar);
+        ensureEBookPlayerStyles();
+        this.root = document.createElement("section");
+        this.root.className = "hyepl-root";
+        this.root.style.width = `${this.resolveWidth(options.width)}px`;
+        this.content = document.createElement("div");
+        this.content.className = "hyepl-content";
+        this.selectionToolbar = document.createElement("div");
+        this.selectionToolbar.className = "hyepl-selection-toolbar";
+        this.highlightBtn = document.createElement("button");
+        this.highlightBtn.type = "button";
+        this.highlightBtn.className = "hyepl-toolbar-btn";
+        this.highlightBtn.textContent = this.selectionOptions.highlightButtonText;
+        this.highlightBtn.setAttribute("aria-label", this.selectionOptions.highlightButtonText);
+        this.noteBtn = document.createElement("button");
+        this.noteBtn.type = "button";
+        this.noteBtn.className = "hyepl-toolbar-btn";
+        this.noteBtn.textContent = this.selectionOptions.noteButtonText;
+        this.noteBtn.setAttribute("aria-label", this.selectionOptions.noteButtonText);
+        this.selectionToolbar.append(this.highlightBtn, this.noteBtn);
+        this.root.append(this.content, this.selectionToolbar);
+        this.container.innerHTML = "";
+        this.container.append(this.root);
+        this.highlightBtn.addEventListener("mousedown", this.preserveSelectionOnToolbarMouseDownBound);
+        this.noteBtn.addEventListener("mousedown", this.preserveSelectionOnToolbarMouseDownBound);
+        this.highlightBtn.addEventListener("click", this.handleHighlightClickBound);
+        this.noteBtn.addEventListener("click", this.handleNoteClickBound);
+        document.addEventListener("selectionchange", this.handleSelectionChangeBound);
+        document.addEventListener("pointerdown", this.handleDocumentPointerDownBound);
+    }
+    async load() {
+        const doc = await this.engine.load();
+        this.loaded = true;
+        if (this.options.initialAnnotations) {
+            await this.engine.setAnnotations(this.options.initialAnnotations, "api");
+        }
+        this.renderDocument();
+        return doc;
+    }
+    destroy() {
+        if (this.destroyed) {
+            return;
+        }
+        this.destroyed = true;
+        this.hideSelectionToolbar();
+        document.removeEventListener("selectionchange", this.handleSelectionChangeBound);
+        document.removeEventListener("pointerdown", this.handleDocumentPointerDownBound);
+        this.highlightBtn.removeEventListener("mousedown", this.preserveSelectionOnToolbarMouseDownBound);
+        this.noteBtn.removeEventListener("mousedown", this.preserveSelectionOnToolbarMouseDownBound);
+        this.highlightBtn.removeEventListener("click", this.handleHighlightClickBound);
+        this.noteBtn.removeEventListener("click", this.handleNoteClickBound);
+        if (this.root.parentNode === this.container) {
+            this.container.removeChild(this.root);
+        }
+    }
+    getDocument() {
+        return this.engine.getDocument();
+    }
+    getAnnotations() {
+        return this.engine.getAnnotations();
+    }
+    getHighlights() {
+        return this.engine.getHighlights();
+    }
+    getNotes() {
+        return this.engine.getNotes();
+    }
+    async setAnnotations(annotations, source = "api") {
+        this.ensureLoaded();
+        const all = await this.engine.setAnnotations(annotations, source);
+        this.renderDocument();
+        return all;
+    }
+    async reloadAnnotations() {
+        this.ensureLoaded();
+        const all = await this.engine.reloadAnnotations();
+        this.renderDocument();
+        return all;
+    }
+    async createHighlight(highlight, source = "api") {
+        this.ensureLoaded();
+        const created = await this.engine.createHighlight(highlight, source);
+        this.renderDocument();
+        return created;
+    }
+    async updateHighlight(highlightId, patch, source = "api") {
+        this.ensureLoaded();
+        const updated = await this.engine.updateHighlight(highlightId, patch, source);
+        this.renderDocument();
+        return updated;
+    }
+    async deleteHighlight(highlightId, source = "api") {
+        this.ensureLoaded();
+        const deleted = await this.engine.deleteHighlight(highlightId, source);
+        this.renderDocument();
+        return deleted;
+    }
+    async createNote(note, source = "api") {
+        this.ensureLoaded();
+        const created = await this.engine.createNote(note, source);
+        this.renderDocument();
+        return created;
+    }
+    async updateNote(noteId, patch, source = "api") {
+        this.ensureLoaded();
+        const updated = await this.engine.updateNote(noteId, patch, source);
+        this.renderDocument();
+        return updated;
+    }
+    async deleteNote(noteId, source = "api") {
+        this.ensureLoaded();
+        const deleted = await this.engine.deleteNote(noteId, source);
+        this.renderDocument();
+        return deleted;
+    }
+    onAnnotationCreate(listener) {
+        return this.engine.onAnnotationCreate(listener);
+    }
+    onAnnotationUpdate(listener) {
+        return this.engine.onAnnotationUpdate(listener);
+    }
+    onAnnotationDelete(listener) {
+        return this.engine.onAnnotationDelete(listener);
+    }
+    onAnnotationsChange(listener) {
+        return this.engine.onAnnotationsChange(listener);
+    }
+    renderDocument() {
+        if (!this.loaded || this.destroyed) {
+            return;
+        }
+        const doc = this.engine.getDocument();
+        const buckets = this.createAnnotationBuckets(this.engine.getAnnotations());
+        const fragment = document.createDocumentFragment();
+        doc.pages.forEach((page) => {
+            fragment.append(this.renderPage(page, buckets));
+        });
+        this.content.innerHTML = "";
+        this.content.append(fragment);
+        this.hideSelectionToolbar();
+    }
+    renderPage(page, buckets) {
+        const pageSection = document.createElement("section");
+        pageSection.className = "hyepl-page";
+        pageSection.dataset.pageId = page.id;
+        page.blocks.forEach((block) => {
+            if (block.type === "text") {
+                pageSection.append(this.renderTextBlock(page.id, block, buckets));
+                return;
+            }
+            pageSection.append(this.renderNonTextBlock(block));
+        });
+        return pageSection;
+    }
+    renderTextBlock(pageId, block, buckets) {
+        const blockTextNode = document.createElement("div");
+        blockTextNode.className = "hyepl-block hyepl-block-text";
+        blockTextNode.dataset.pageId = pageId;
+        blockTextNode.dataset.blockId = block.id;
+        blockTextNode.textContent = this.getTextBlockContent(block);
+        const blockKey = this.toBlockKey(pageId, block.id);
+        const highlights = buckets.highlightsByBlock.get(blockKey) || [];
+        const notes = buckets.notesByBlock.get(blockKey) || [];
+        this.applyHighlightMarks(blockTextNode, highlights);
+        this.applyNoteMarks(blockTextNode, notes);
+        return blockTextNode;
+    }
+    renderNonTextBlock(block) {
+        const node = document.createElement("div");
+        node.className = "hyepl-block hyepl-block-muted";
+        if (block.type === "image") {
+            node.textContent = "[图片内容]";
+            return node;
+        }
+        if (block.type === "video") {
+            node.textContent = "[视频内容]";
+            return node;
+        }
+        if (block.type === "table") {
+            node.textContent = "[表格内容]";
+            return node;
+        }
+        node.textContent = "[内容块]";
+        return node;
+    }
+    getTextBlockContent(block) {
+        return block.content.paragraphs
+            .map((paragraph) => {
+            return paragraph.runs.map((run) => run.text || "").join("");
+        })
+            .join("\n");
+    }
+    createAnnotationBuckets(annotations) {
+        const highlightsByBlock = new Map();
+        const notesByBlock = new Map();
+        annotations.highlights.forEach((item) => {
+            const key = this.toBlockKey(item.pageId, item.blockId);
+            const current = highlightsByBlock.get(key) || [];
+            current.push(item);
+            highlightsByBlock.set(key, current);
+        });
+        annotations.notes.forEach((item) => {
+            const key = this.toBlockKey(item.pageId, item.blockId);
+            const current = notesByBlock.get(key) || [];
+            current.push(item);
+            notesByBlock.set(key, current);
+        });
+        return { highlightsByBlock, notesByBlock };
+    }
+    toBlockKey(pageId, blockId) {
+        return `${pageId}::${blockId}`;
+    }
+    applyHighlightMarks(container, highlights) {
+        [...highlights]
+            .filter((item) => Number.isFinite(item.range.start) && Number.isFinite(item.range.end))
+            .sort((a, b) => b.range.start - a.range.start)
+            .forEach((item) => {
+            const range = this.createRangeFromOffsets(container, item.range.start, item.range.end);
+            if (!range || range.collapsed) {
+                return;
+            }
+            const mark = document.createElement("mark");
+            mark.className = "hyepl-highlight";
+            if (item.color) {
+                mark.style.setProperty("--hyepl-highlight-color", item.color);
+            }
+            this.wrapRangeWithMark(range, mark);
+        });
+    }
+    applyNoteMarks(container, notes) {
+        [...notes]
+            .filter((item) => !!item.range)
+            .sort((a, b) => {
+            const startA = a.range?.start || 0;
+            const startB = b.range?.start || 0;
+            return startB - startA;
+        })
+            .forEach((item) => {
+            if (!item.range) {
+                return;
+            }
+            const range = this.createRangeFromOffsets(container, item.range.start, item.range.end);
+            if (!range || range.collapsed) {
+                return;
+            }
+            const mark = document.createElement("mark");
+            mark.className = "hyepl-note";
+            mark.dataset.noteId = item.id;
+            this.wrapRangeWithMark(range, mark);
+        });
+    }
+    wrapRangeWithMark(range, mark) {
+        try {
+            range.surroundContents(mark);
+        }
+        catch {
+            const fragment = range.extractContents();
+            mark.append(fragment);
+            range.insertNode(mark);
+        }
+    }
+    createRangeFromOffsets(containerNode, start, end) {
+        const normalized = this.normalizeOffsetRange(start, end);
+        if (!normalized) {
+            return null;
+        }
+        const range = document.createRange();
+        const walker = document.createTreeWalker(containerNode, NodeFilter.SHOW_TEXT);
+        let cursor = 0;
+        let startNode = null;
+        let endNode = null;
+        let startOffset = 0;
+        let endOffset = 0;
+        let lastTextNode = null;
+        while (walker.nextNode()) {
+            const node = walker.currentNode;
+            const length = node.textContent?.length || 0;
+            lastTextNode = node;
+            const nextCursor = cursor + length;
+            if (!startNode &&
+                normalized.start >= cursor &&
+                normalized.start < nextCursor) {
+                startNode = node;
+                startOffset = normalized.start - cursor;
+            }
+            if (!endNode && normalized.end > cursor && normalized.end <= nextCursor) {
+                endNode = node;
+                endOffset = normalized.end - cursor;
+                break;
+            }
+            cursor = nextCursor;
+        }
+        if (!startNode && lastTextNode && normalized.start === cursor) {
+            startNode = lastTextNode;
+            startOffset = lastTextNode.textContent?.length || 0;
+        }
+        if (!endNode && lastTextNode && normalized.end === cursor) {
+            endNode = lastTextNode;
+            endOffset = lastTextNode.textContent?.length || 0;
+        }
+        if (!startNode || !endNode) {
+            return null;
+        }
+        range.setStart(startNode, startOffset);
+        range.setEnd(endNode, endOffset);
+        return range;
+    }
+    normalizeOffsetRange(start, end) {
+        const safeStart = Math.max(0, Math.floor(start || 0));
+        const safeEnd = Math.max(0, Math.floor(end || 0));
+        if (safeStart === safeEnd) {
+            return null;
+        }
+        return safeStart < safeEnd
+            ? { start: safeStart, end: safeEnd }
+            : { start: safeEnd, end: safeStart };
+    }
+    handleSelectionChange() {
+        if (!this.selectionOptions.enabled || !this.loaded || this.destroyed) {
+            this.hideSelectionToolbar();
+            return;
+        }
+        const selection = window.getSelection();
+        if (!selection || selection.rangeCount === 0 || selection.isCollapsed) {
+            this.hideSelectionToolbar();
+            return;
+        }
+        const range = selection.getRangeAt(0);
+        const startContainer = this.resolveTextContainer(range.startContainer);
+        const endContainer = this.resolveTextContainer(range.endContainer);
+        if (!startContainer || !endContainer || startContainer !== endContainer) {
+            this.hideSelectionToolbar();
+            return;
+        }
+        const offsets = this.getSelectionOffsets(startContainer, selection);
+        if (!offsets) {
+            this.hideSelectionToolbar();
+            return;
+        }
+        const pageId = startContainer.dataset.pageId;
+        const blockId = startContainer.dataset.blockId;
+        if (!pageId || !blockId) {
+            this.hideSelectionToolbar();
+            return;
+        }
+        const rect = range.getBoundingClientRect();
+        if (!rect.width && !rect.height) {
+            this.hideSelectionToolbar();
+            return;
+        }
+        this.selectionDraft = {
+            pageId,
+            blockId,
+            range: offsets,
+            text: selection.toString().trim(),
+        };
+        this.selectionToolbar.style.left = `${Math.round(rect.left + rect.width / 2)}px`;
+        this.selectionToolbar.style.top = `${Math.round(rect.top - 8)}px`;
+        this.selectionToolbar.classList.add("show");
+    }
+    resolveTextContainer(node) {
+        if (!node) {
+            return null;
+        }
+        const baseElement = node.nodeType === Node.ELEMENT_NODE
+            ? node
+            : node.parentElement;
+        if (!baseElement) {
+            return null;
+        }
+        const textContainer = baseElement.closest(".hyepl-block-text");
+        if (!textContainer || !this.content.contains(textContainer)) {
+            return null;
+        }
+        return textContainer;
+    }
+    getSelectionOffsets(container, selection) {
+        if (selection.rangeCount === 0) {
+            return null;
+        }
+        const range = selection.getRangeAt(0);
+        const startRange = document.createRange();
+        startRange.selectNodeContents(container);
+        startRange.setEnd(range.startContainer, range.startOffset);
+        const endRange = document.createRange();
+        endRange.selectNodeContents(container);
+        endRange.setEnd(range.endContainer, range.endOffset);
+        const start = startRange.toString().length;
+        const end = endRange.toString().length;
+        return this.normalizeOffsetRange(start, end);
+    }
+    hideSelectionToolbar() {
+        this.selectionToolbar.classList.remove("show");
+        this.selectionDraft = null;
+    }
+    clearSelection() {
+        window.getSelection()?.removeAllRanges();
+    }
+    handleDocumentPointerDown(event) {
+        const target = event.target;
+        if (!target) {
+            this.hideSelectionToolbar();
+            return;
+        }
+        if (this.selectionToolbar.contains(target)) {
+            return;
+        }
+        if (!this.root.contains(target)) {
+            this.hideSelectionToolbar();
+        }
+    }
+    preserveSelectionOnToolbarMouseDown(event) {
+        event.preventDefault();
+        event.stopPropagation();
+    }
+    async handleHighlightClick() {
+        if (!this.selectionDraft) {
+            return;
+        }
+        const payload = {
+            pageId: this.selectionDraft.pageId,
+            blockId: this.selectionDraft.blockId,
+            range: this.selectionDraft.range,
+            ...(this.selectionDraft.text
+                ? { selectedText: this.selectionDraft.text }
+                : {}),
+            ...(this.selectionOptions.highlightColor
+                ? { color: this.selectionOptions.highlightColor }
+                : {}),
+        };
+        await this.createHighlight(payload, "user");
+        this.clearSelection();
+        this.hideSelectionToolbar();
+    }
+    async handleNoteClick() {
+        if (!this.selectionDraft) {
+            return;
+        }
+        const defaultText = this.selectionDraft.text || "";
+        const noteText = window.prompt("请输入笔记内容", defaultText);
+        const content = noteText?.trim();
+        if (!content) {
+            return;
+        }
+        const payload = {
+            pageId: this.selectionDraft.pageId,
+            blockId: this.selectionDraft.blockId,
+            range: this.selectionDraft.range,
+            content,
+            ...(this.selectionDraft.text
+                ? { selectedText: this.selectionDraft.text }
+                : {}),
+            ...(this.selectionOptions.noteColor
+                ? { color: this.selectionOptions.noteColor }
+                : {}),
+        };
+        await this.createNote(payload, "user");
+        this.clearSelection();
+        this.hideSelectionToolbar();
+    }
+    resolveWidth(width) {
+        if (!Number.isFinite(width)) {
+            return 840;
+        }
+        return Math.max(320, Math.round(width));
+    }
+    resolveSelectionToolbarOptions(options) {
+        const highlightButtonText = typeof options?.highlightButtonText === "string" &&
+            options.highlightButtonText.trim()
+            ? options.highlightButtonText.trim()
+            : "高亮";
+        const noteButtonText = typeof options?.noteButtonText === "string" &&
+            options.noteButtonText.trim()
+            ? options.noteButtonText.trim()
+            : "笔记";
+        return {
+            enabled: options?.enabled !== false,
+            highlightButtonText,
+            noteButtonText,
+            highlightColor: typeof options?.highlightColor === "string" &&
+                options.highlightColor.trim()
+                ? options.highlightColor.trim()
+                : "#fff59d",
+            noteColor: typeof options?.noteColor === "string" && options.noteColor.trim()
+                ? options.noteColor.trim()
+                : "#0e7490",
+        };
+    }
+    ensureLoaded() {
+        if (!this.loaded) {
+            throw new Error("Document is not loaded. Call load() first.");
+        }
+    }
+}
+function ensureEBookPlayerStyles() {
+    const existing = document.getElementById(EBOOK_PLAYER_STYLE_ID);
+    if (existing instanceof HTMLStyleElement) {
+        if (existing.dataset.hyeplVersion !== EBOOK_PLAYER_STYLE_VERSION ||
+            existing.textContent !== EBOOK_PLAYER_CSS) {
+            existing.textContent = EBOOK_PLAYER_CSS;
+            existing.dataset.hyeplVersion = EBOOK_PLAYER_STYLE_VERSION;
+        }
+        return;
+    }
+    const style = document.createElement("style");
+    style.id = EBOOK_PLAYER_STYLE_ID;
+    style.dataset.hyeplVersion = EBOOK_PLAYER_STYLE_VERSION;
+    style.textContent = EBOOK_PLAYER_CSS;
+    document.head.append(style);
+}