@fiduswriter/books-document 0.1.28 → 0.1.29

package/dist/ui/book_dialog/dialog.d.ts

@@ -0,0 +1,98 @@
+/**
+ * The book edit dialog.
+ *
+ * A tabbed dialog that edits a book's metadata and settings, manages its
+ * chapter list (add/remove/reorder, part grouping and per-chapter part
+ * titles), picks the cover image, triggers a sanity check and starts an
+ * export.
+ *
+ * Everything host-specific is injected: see `./types.js`. The book *overview*
+ * page -- its datatable, bulk actions, sharing, copy and delete -- is not
+ * part of this component and stays with the host.
+ */
+import type { Book, Chapter } from "../../types.js";
+import { Dialog, FileSelector } from "fwtoolkit";
+import type { BookExportMenu } from "./export.js";
+import type { BookDialogImageDB, BookDialogInfo, BookDialogOptions, BookDialogPart } from "./types.js";
+/** The tabbed book editor. */
+export declare class BookDialog {
+    options: BookDialogOptions;
+    /** Whether this dialog creates a new book or edits an existing one. */
+    isNew: boolean;
+    /** The book being edited. A working copy, not the host's own record. */
+    book: Book;
+    documentList: BookDialogOptions["documentList"];
+    exportMenu: BookExportMenu;
+    /** Callbacks invoked after the book has been saved. */
+    onSave: Array<(book: Book) => Promise<unknown> | unknown>;
+    dialogParts: BookDialogPart[];
+    /** Cover images that are not part of the host's image database. */
+    bookImageDB: BookDialogImageDB;
+    dialog: Dialog | null;
+    constructor(options: BookDialogOptions);
+    /** The image database the dialog renders cover previews from. */
+    imageDB(): BookDialogImageDB;
+    /** The dialog's root element, or the document before it is opened. */
+    root(): ParentNode;
+    /** The bundle the tab templates are rendered from. */
+    bookInfo(): BookDialogInfo;
+    /** A brand new book with the dialog's default metadata and settings. */
+    createEmptyBook(): Book;
+    /**
+     * The dialog's working copy of an existing book.
+     *
+     * The record is copied shallowly -- the `chapters` array stays shared with
+     * the host's record, exactly as the Django backend's dialog behaved -- and
+     * the metadata block is merged onto a complete one so every form field
+     * has something to read back.
+     */
+    workingCopy(book: Book): Book;
+    /** Render and open the dialog. */
+    open(): void;
+    /** Whether the book is only readable, i.e. not editable. */
+    readOnly(): boolean;
+    /**
+     * Let the user pick a DOCX/ODT template file and hand it to the host.
+     *
+     * The book is saved first, because a freshly created book has no id the
+     * host could attach a template to.
+     */
+    bindTemplateInput(dialog: Dialog, inputId: string, rowId: string, applyTemplate: (book: Book, template: string) => void, saveTemplate?: (book: Book, file: File) => Promise<string | null>): void;
+    /** Replace the markup of one of the dialog's rows. */
+    refreshRow(rowId: string, html: string): void;
+    /** Re-render the chapter list. */
+    refreshChapterList(): void;
+    /**
+     * Add or remove the encrypted-chapters notice that lives alongside the
+     * chapter list. Called after any operation that changes book.chapters so
+     * the notice stays in sync.
+     */
+    updateChapterNotice(): void;
+    /** Open a sub-dialog to edit a chapter's part title. */
+    editChapterDialog(chapter: Chapter): void;
+    /** Let the user pick the cover image through the host's image picker. */
+    selectCoverImage(): Promise<void>;
+    /**
+     * Persist the edited book through the host and notify the save callbacks.
+     *
+     * Reads the metadata form fields back into the book, so it must only be
+     * called while the dialog is open.
+     */
+    saveBook(): Promise<unknown>;
+    /**
+     * Move a chapter one position up or down the list.
+     *
+     * @param docId - Id of the chapter document to move.
+     * @param offset - `-1` to move up, `1` to move down.
+     */
+    moveChapter(docId: number, offset: number): void;
+    /** Remove a chapter from the book and close the numbering gap. */
+    removeChapter(docId: number): void;
+    /** Append the documents selected in the file selector as new chapters. */
+    addChapters(fileSelector: FileSelector): void;
+    /** Handle a click anywhere inside the dialog. */
+    handleDialogClick(event: Event, fileSelector?: FileSelector): void;
+    /** Save the book and render its sanity check report in place. */
+    performSanityCheck(): Promise<void>;
+}
+//# sourceMappingURL=dialog.d.ts.map

package/dist/ui/book_dialog/dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/ui/book_dialog/dialog.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAC,IAAI,EAAgB,OAAO,EAAC,MAAM,gBAAgB,CAAA;AAC/D,OAAO,EAEH,MAAM,EACN,YAAY,EAIf,MAAM,WAAW,CAAA;AAGlB,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;AAkB/C,OAAO,KAAK,EACR,iBAAiB,EACjB,cAAc,EACd,iBAAiB,EACjB,cAAc,EACjB,MAAM,YAAY,CAAA;AA8BnB,8BAA8B;AAC9B,qBAAa,UAAU;IACnB,OAAO,EAAE,iBAAiB,CAAA;IAC1B,uEAAuE;IACvE,KAAK,EAAE,OAAO,CAAA;IACd,wEAAwE;IACxE,IAAI,EAAE,IAAI,CAAA;IACV,YAAY,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAA;IAC/C,UAAU,EAAE,cAAc,CAAA;IAC1B,uDAAuD;IACvD,MAAM,EAAE,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC,CAAA;IACzD,WAAW,EAAE,cAAc,EAAE,CAAA;IAC7B,mEAAmE;IACnE,WAAW,EAAE,iBAAiB,CAAA;IAC9B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IAErB,YAAY,OAAO,EAAE,iBAAiB,EAuErC;IAED,iEAAiE;IACjE,OAAO,IAAI,iBAAiB,CAQ3B;IAED,sEAAsE;IACtE,IAAI,IAAI,UAAU,CAEjB;IAED,sDAAsD;IACtD,QAAQ,IAAI,cAAc,CAQzB;IAED,wEAAwE;IACxE,eAAe,IAAI,IAAI,CAoBtB;IAED;;;;;;;OAOG;IACH,WAAW,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAI5B;IAED,kCAAkC;IAClC,IAAI,IAAI,IAAI,CAuKX;IAED,4DAA4D;IAC5D,QAAQ,IAAI,OAAO,CAElB;IAED;;;;;OAKG;IACH,iBAAiB,CACb,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,MAAM,EACb,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,EACrD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,GAClE,IAAI,CAuBN;IAED,sDAAsD;IACtD,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAK5C;IAED,kCAAkC;IAClC,kBAAkB,IAAI,IAAI,CAQzB;IAED;;;;OAIG;IACH,mBAAmB,IAAI,IAAI,CAwB1B;IAED,wDAAwD;IACxD,iBAAiB,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAmCxC;IAED,yEAAyE;IACzE,gBAAgB,IAAI,OAAO,CAAC,IAAI,CAAC,CAmBhC;IAED;;;;;OAKG;IACH,QAAQ,IAAI,OAAO,CAAC,OAAO,CAAC,CAyC3B;IAED;;;;;OAKG;IACH,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAc/C;IAED,kEAAkE;IAClE,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAiBjC;IAED,0EAA0E;IAC1E,WAAW,CAAC,YAAY,EAAE,YAAY,GAAG,IAAI,CAiB5C;IAED,iDAAiD;IACjD,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,YAAY,CAAC,EAAE,YAAY,GAAG,IAAI,CAgFjE;IAED,iEAAiE;IACjE,kBAAkB,IAAI,OAAO,CAAC,IAAI,CAAC,CAgBlC;CACJ"}

package/dist/ui/book_dialog/dialog.js

@@ -0,0 +1,590 @@
+/**
+ * The book edit dialog.
+ *
+ * A tabbed dialog that edits a book's metadata and settings, manages its
+ * chapter list (add/remove/reorder, part grouping and per-chapter part
+ * titles), picks the cover image, triggers a sanity check and starts an
+ * export.
+ *
+ * Everything host-specific is injected: see `./types.js`. The book *overview*
+ * page -- its datatable, bulk actions, sharing, copy and delete -- is not
+ * part of this component and stays with the host.
+ */
+import { ContentMenu, Dialog, FileSelector, addAlert, findTarget, gettext } from "fwtoolkit";
+import { bookExportMenuModel } from "./export.js";
+import { bookSanityCheck } from "./sanity_check.js";
+import { bookBasicInfoTemplate, bookBibliographyDataTemplate, bookChapterDialogTemplate, bookChapterListTemplate, bookDOCXDataRowTemplate, bookDOCXDataTemplate, bookDialogChaptersTemplate, bookDialogTemplate, bookEpubDataCoverTemplate, bookEpubDataTemplate, bookODTDataRowTemplate, bookODTDataTemplate, bookPrintDataTemplate, bookSanityCheckTemplate } from "./templates.js";
+/** The metadata a freshly created book starts out with. */
+function emptyMetadata() {
+    return {
+        author: "",
+        subtitle: "",
+        version: "",
+        publisher: "",
+        copyright: "",
+        keywords: "",
+        description: "",
+        isbn: "",
+        publication_date: "",
+        series_title: "",
+        series_position: ""
+    };
+}
+/**
+ * Read a value out of one of the book dialog's form fields. The dialog markup
+ * comes from ./templates.js, so the ids are fixed.
+ */
+function fieldValue(root, id) {
+    return root.querySelector(`#${id}`).value;
+}
+/** The tabbed book editor. */
+export class BookDialog {
+    options;
+    /** Whether this dialog creates a new book or edits an existing one. */
+    isNew;
+    /** The book being edited. A working copy, not the host's own record. */
+    book;
+    documentList;
+    exportMenu;
+    /** Callbacks invoked after the book has been saved. */
+    onSave;
+    dialogParts;
+    /** Cover images that are not part of the host's image database. */
+    bookImageDB;
+    dialog;
+    constructor(options) {
+        this.options = options;
+        this.documentList = options.documentList;
+        this.exportMenu = bookExportMenuModel();
+        this.onSave = options.onSave ? [...options.onSave] : [];
+        this.dialog = null;
+        this.isNew = !options.book;
+        this.book = this.isNew
+            ? this.createEmptyBook()
+            : this.workingCopy(options.book);
+        this.bookImageDB = { db: {} };
+        if (this.book.cover_image && !this.imageDB().db[this.book.cover_image]) {
+            // The cover image is not in the current user's image DB -- it was
+            // either deleted or another user originally added it. As we don't
+            // do anything fancy with it, we simply add the current cover image
+            // to the DB locally so that image selection works as expected.
+            this.bookImageDB.db[this.book.cover_image] =
+                this.book.cover_image_data ?? {};
+        }
+        this.dialogParts = [
+            {
+                title: gettext("Basic info"),
+                description: gettext("Basic book information"),
+                template: bookBasicInfoTemplate
+            },
+            {
+                title: gettext("Chapters"),
+                description: gettext("Documents assigned as chapters"),
+                template: bookDialogChaptersTemplate
+            },
+            {
+                title: gettext("Bibliography"),
+                description: gettext("Bibliography related settings"),
+                template: bookBibliographyDataTemplate
+            },
+            {
+                title: gettext("Epub"),
+                description: gettext("Epub related settings"),
+                template: bookEpubDataTemplate
+            },
+            ...(this.options.backend.saveDocxTemplate
+                ? [
+                    {
+                        title: gettext("DOCX"),
+                        description: gettext("DOCX related settings"),
+                        template: bookDOCXDataTemplate
+                    }
+                ]
+                : []),
+            ...(this.options.backend.saveOdtTemplate
+                ? [
+                    {
+                        title: gettext("ODT"),
+                        description: gettext("ODT related settings"),
+                        template: bookODTDataTemplate
+                    }
+                ]
+                : []),
+            {
+                title: gettext("Print/PDF"),
+                description: gettext("Print related settings"),
+                template: bookPrintDataTemplate
+            },
+            {
+                title: gettext("Sanity check"),
+                description: gettext("Perform sanity check on book"),
+                template: bookSanityCheckTemplate
+            }
+        ];
+    }
+    /** The image database the dialog renders cover previews from. */
+    imageDB() {
+        return {
+            db: Object.assign({}, this.options.imageDB?.db ?? {}, this.bookImageDB.db)
+        };
+    }
+    /** The dialog's root element, or the document before it is opened. */
+    root() {
+        return this.dialog?.dialogEl ?? document;
+    }
+    /** The bundle the tab templates are rendered from. */
+    bookInfo() {
+        return {
+            book: this.book,
+            documentList: this.documentList,
+            citationStyles: this.options.citationStyles ?? [],
+            bookStyleList: this.options.exportContext?.bookStyles ?? [],
+            imageDB: this.imageDB()
+        };
+    }
+    /** A brand new book with the dialog's default metadata and settings. */
+    createEmptyBook() {
+        const { path = "/", exportContext } = this.options;
+        return {
+            title: "",
+            id: 0,
+            chapters: [],
+            added: 0,
+            updated: 0,
+            path,
+            metadata: emptyMetadata(),
+            settings: {
+                bibliography_header: gettext("Bibliography"),
+                citationstyle: "apa",
+                book_style: exportContext?.bookStyles[0]
+                    ? exportContext.bookStyles[0].slug
+                    : "",
+                papersize: "octavo",
+                language: "en-US"
+            }
+        };
+    }
+    /**
+     * The dialog's working copy of an existing book.
+     *
+     * The record is copied shallowly -- the `chapters` array stays shared with
+     * the host's record, exactly as the Django backend's dialog behaved -- and
+     * the metadata block is merged onto a complete one so every form field
+     * has something to read back.
+     */
+    workingCopy(book) {
+        return Object.assign({}, book, {
+            metadata: Object.assign(emptyMetadata(), book.metadata)
+        });
+    }
+    /** Render and open the dialog. */
+    open() {
+        const title = this.isNew ? gettext("Create Book") : gettext("Edit Book");
+        const body = bookDialogTemplate({
+            title,
+            dialogParts: this.dialogParts,
+            bookInfo: this.bookInfo()
+        });
+        const buttons = [];
+        if (this.options.exportContext) {
+            buttons.push({
+                text: gettext("Export"),
+                dropdown: true,
+                classes: "fw-dark",
+                click: (event) => {
+                    const mouseEvent = event;
+                    const contentMenu = new ContentMenu({
+                        page: {
+                            saveBook: () => this.saveBook(),
+                            book: this.book,
+                            documentList: this.documentList,
+                            context: this.options.exportContext
+                        },
+                        menu: this.exportMenu,
+                        menuPos: { X: mouseEvent.pageX, Y: mouseEvent.pageY },
+                        width: 250
+                    });
+                    return contentMenu.open();
+                }
+            });
+        }
+        if (!this.readOnly()) {
+            buttons.push({
+                text: gettext("Submit"),
+                classes: "fw-dark",
+                click: () => {
+                    return this.saveBook().then(() => dialog.close());
+                }
+            });
+            buttons.push({ type: "cancel" });
+        }
+        else {
+            buttons.push({ type: "close" });
+        }
+        const dialog = new Dialog({
+            width: 840,
+            height: 520,
+            title,
+            body,
+            buttons
+        });
+        dialog.open();
+        this.dialog = dialog;
+        dialog.dialogEl
+            .querySelectorAll("#bookoptions-tab .tab-content")
+            .forEach((el, index) => {
+            if (index) {
+                el.style.display = "none";
+            }
+        });
+        let fileSelector;
+        if (!this.readOnly()) {
+            fileSelector = new FileSelector({
+                dom: dialog.dialogEl.querySelector("#book-document-list"),
+                files: this.documentList,
+                multiSelect: true,
+                selectFolders: false
+            });
+            fileSelector.init();
+            this.bindTemplateInput(dialog, "input-docx-template", "docx-template-row", (book, template) => {
+                book.docx_template = template;
+            }, this.options.backend.saveDocxTemplate?.bind(this.options.backend));
+            this.bindTemplateInput(dialog, "input-odt-template", "odt-template-row", (book, template) => {
+                book.odt_template = template;
+            }, this.options.backend.saveOdtTemplate?.bind(this.options.backend));
+        }
+        // Handle tab link clicking
+        dialog.dialogEl
+            .querySelectorAll("#bookoptions-tab .fw-tab-link a")
+            .forEach(el => {
+            const tab = el.parentElement;
+            const tabList = tab.parentElement;
+            el.addEventListener("click", event => {
+                event.preventDefault();
+                tabList
+                    .querySelectorAll(".fw-tab-link.fw-current-tab")
+                    .forEach(other => other.classList.remove("fw-current-tab"));
+                tab.classList.add("fw-current-tab");
+                const link = el.getAttribute("href");
+                dialog.dialogEl
+                    .querySelectorAll("#bookoptions-tab .tab-content")
+                    .forEach(panel => {
+                    if (panel.matches(link)) {
+                        panel.style.display = "";
+                    }
+                    else {
+                        panel.style.display = "none";
+                    }
+                });
+            });
+        });
+        dialog.dialogEl.addEventListener("click", event => this.handleDialogClick(event, fileSelector));
+        const citationStyleSelect = dialog.dialogEl.querySelector("#book-settings-citationstyle");
+        if (citationStyleSelect) {
+            citationStyleSelect.addEventListener("change", event => {
+                this.book.settings.citationstyle = event.target.value;
+            });
+        }
+        const bookStyleSelect = dialog.dialogEl.querySelector("#book-settings-bookstyle");
+        if (bookStyleSelect) {
+            bookStyleSelect.addEventListener("change", event => {
+                this.book.settings.book_style = event.target.value;
+            });
+        }
+        const paperSizeSelect = dialog.dialogEl.querySelector("#book-settings-papersize");
+        if (paperSizeSelect) {
+            paperSizeSelect.addEventListener("change", event => {
+                this.book.settings.papersize = event.target.value;
+            });
+        }
+    }
+    /** Whether the book is only readable, i.e. not editable. */
+    readOnly() {
+        return this.book.rights === "read";
+    }
+    /**
+     * Let the user pick a DOCX/ODT template file and hand it to the host.
+     *
+     * The book is saved first, because a freshly created book has no id the
+     * host could attach a template to.
+     */
+    bindTemplateInput(dialog, inputId, rowId, applyTemplate, saveTemplate) {
+        const input = dialog.dialogEl.querySelector(`#${inputId}`);
+        if (!input || !saveTemplate) {
+            return;
+        }
+        input.addEventListener("change", event => {
+            const file = event.target.files[0];
+            return this.saveBook()
+                .then(() => saveTemplate(this.book, file))
+                .then(template => {
+                if (!template) {
+                    return;
+                }
+                applyTemplate(this.book, template);
+                this.refreshRow(rowId, rowId === "docx-template-row"
+                    ? bookDOCXDataRowTemplate({ book: this.book })
+                    : bookODTDataRowTemplate({ book: this.book }));
+            });
+        });
+    }
+    /** Replace the markup of one of the dialog's rows. */
+    refreshRow(rowId, html) {
+        const row = this.root().querySelector(`#${rowId}`);
+        if (row) {
+            row.innerHTML = html;
+        }
+    }
+    /** Re-render the chapter list. */
+    refreshChapterList() {
+        this.refreshRow("book-chapter-list", bookChapterListTemplate({
+            book: this.book,
+            documentList: this.documentList
+        }));
+    }
+    /**
+     * Add or remove the encrypted-chapters notice that lives alongside the
+     * chapter list. Called after any operation that changes book.chapters so
+     * the notice stays in sync.
+     */
+    updateChapterNotice() {
+        const chapterListEl = this.root().querySelector("#book-chapter-list");
+        if (!chapterListEl) {
+            return;
+        }
+        const container = chapterListEl.closest(".fw-ar-container");
+        if (!container) {
+            return;
+        }
+        const existingNotice = container.querySelector(".e2ee-chapter-notice");
+        const hasEncrypted = this.book.chapters.some(ch => this.documentList.find(doc => doc.id === ch.text)?.e2ee);
+        if (hasEncrypted && !existingNotice) {
+            container.insertAdjacentHTML("beforeend", `<p class="fw-note e2ee-chapter-notice">
+                            <i class="fas fa-lock"></i>
+                            ${gettext("This book contains encrypted chapters. A personal passphrase is required to export or run a sanity check on this book.")}
+                        </p>`);
+        }
+        else if (!hasEncrypted && existingNotice) {
+            existingNotice.remove();
+        }
+    }
+    /** Open a sub-dialog to edit a chapter's part title. */
+    editChapterDialog(chapter) {
+        const doc = this.documentList.find(doc => doc.id === chapter.text);
+        let docTitle = doc?.title ?? "";
+        if (!docTitle.length) {
+            docTitle = gettext("Untitled");
+        }
+        const buttons = [
+            {
+                type: "cancel"
+            },
+            {
+                text: gettext("Submit"),
+                classes: "fw-dark",
+                click: () => {
+                    // The part-title field lives in this sub-dialog, not in
+                    // the book dialog's own root.
+                    chapter.part = fieldValue(dialog.dialogEl, "book-chapter-part");
+                    this.refreshChapterList();
+                    dialog.close();
+                }
+            }
+        ];
+        const dialog = new Dialog({
+            title: `${gettext("Edit Chapter")}: ${chapter.number}. ${docTitle}`,
+            body: bookChapterDialogTemplate({ chapter }),
+            width: 300,
+            height: 100,
+            buttons
+        });
+        dialog.open();
+    }
+    /** Let the user pick the cover image through the host's image picker. */
+    selectCoverImage() {
+        return Promise.resolve(this.options.backend.selectCoverImage?.(this.book.cover_image ?? false)).then(selected => {
+            if (!selected) {
+                delete this.book.cover_image;
+            }
+            else {
+                this.book.cover_image = selected.id;
+                this.book.cover_image_data = selected.data;
+                this.bookImageDB.db[selected.id] = selected.data;
+            }
+            this.refreshRow("cover-preview-row", bookEpubDataCoverTemplate({
+                book: this.book,
+                imageDB: this.imageDB()
+            }));
+        });
+    }
+    /**
+     * Persist the edited book through the host and notify the save callbacks.
+     *
+     * Reads the metadata form fields back into the book, so it must only be
+     * called while the dialog is open.
+     */
+    saveBook() {
+        const book = this.book;
+        if (this.readOnly()) {
+            return Promise.resolve();
+        }
+        const root = this.root();
+        book.title = fieldValue(root, "book-title");
+        book.metadata.author = fieldValue(root, "book-metadata-author");
+        book.metadata.subtitle = fieldValue(root, "book-metadata-subtitle");
+        book.metadata.version = fieldValue(root, "book-metadata-version");
+        book.metadata.copyright = fieldValue(root, "book-metadata-copyright");
+        book.metadata.publisher = fieldValue(root, "book-metadata-publisher");
+        book.metadata.keywords = fieldValue(root, "book-metadata-keywords");
+        book.metadata.description = fieldValue(root, "book-metadata-description");
+        book.metadata.isbn = fieldValue(root, "book-metadata-isbn");
+        book.metadata.publication_date = fieldValue(root, "book-metadata-publication-date");
+        book.metadata.series_title = fieldValue(root, "book-metadata-series-title");
+        book.metadata.series_position = fieldValue(root, "book-metadata-series-position");
+        book.settings.language = fieldValue(root, "book-settings-language");
+        book.path = (this.isNew ? "" : (book.path ?? "")) || this.options.path || "";
+        return this.options.backend
+            .saveBook(book)
+            .catch((error) => {
+            addAlert("error", gettext("The book could not be saved"));
+            throw error;
+        })
+            .then(saved => {
+            this.book = Object.assign(book, {
+                id: saved.id ?? book.id,
+                added: saved.added ?? book.added,
+                updated: saved.updated ?? book.updated
+            });
+            return Promise.all(this.onSave.map(method => method(this.book)));
+        });
+    }
+    /**
+     * Move a chapter one position up or down the list.
+     *
+     * @param docId - Id of the chapter document to move.
+     * @param offset - `-1` to move up, `1` to move down.
+     */
+    moveChapter(docId, offset) {
+        const chapter = this.book.chapters.find(chapter => chapter.text === docId);
+        const neighbour = this.book.chapters.find(other => other.number === chapter.number + offset);
+        if (!neighbour) {
+            return;
+        }
+        chapter.number += offset;
+        neighbour.number -= offset;
+        this.refreshChapterList();
+        this.updateChapterNotice();
+    }
+    /** Remove a chapter from the book and close the numbering gap. */
+    removeChapter(docId) {
+        const chapter = this.book.chapters.find(chapter => chapter.text === docId);
+        if (!chapter) {
+            return;
+        }
+        this.book.chapters.forEach(other => {
+            if (other.number > chapter.number) {
+                other.number--;
+            }
+        });
+        this.book.chapters = this.book.chapters.filter(other => other !== chapter);
+        this.refreshChapterList();
+        this.updateChapterNotice();
+    }
+    /** Append the documents selected in the file selector as new chapters. */
+    addChapters(fileSelector) {
+        fileSelector.selected.forEach(entry => {
+            const chapNums = this.book.chapters.map(chapter => chapter.number), number = chapNums.length ? Math.max(...chapNums) + 1 : 1;
+            if (entry.type !== "file") {
+                return;
+            }
+            this.book.chapters.push({
+                text: entry.file.id,
+                number,
+                part: ""
+            });
+        });
+        fileSelector.deselectAll();
+        this.refreshChapterList();
+        this.updateChapterNotice();
+    }
+    /** Handle a click anywhere inside the dialog. */
+    handleDialogClick(event, fileSelector) {
+        const el = {};
+        // `findTarget` fills `el.target` with the matching ancestor; all the
+        // chapter/template rows carry their document id in a data attribute.
+        const clickedId = () => Number.parseInt(el.target.dataset.id);
+        switch (true) {
+            case findTarget(event, ".book-sort-up", el):
+                this.moveChapter(clickedId(), -1);
+                break;
+            case findTarget(event, ".book-sort-down", el):
+                this.moveChapter(clickedId(), 1);
+                break;
+            case findTarget(event, ".delete-chapter", el):
+                this.removeChapter(clickedId());
+                break;
+            case findTarget(event, "#add-chapter", el):
+                this.addChapters(fileSelector);
+                break;
+            case findTarget(event, ".edit-chapter", el):
+                this.editChapterDialog(this.book.chapters.find(chapter => chapter.text === clickedId()));
+                break;
+            case findTarget(event, "#select-cover-image-button", el):
+                this.selectCoverImage();
+                break;
+            case findTarget(event, "#select-docx-template", el): {
+                const input = this.root().querySelector("#input-docx-template");
+                input.click();
+                break;
+            }
+            case findTarget(event, "#select-odt-template", el): {
+                const input = this.root().querySelector("#input-odt-template");
+                input.click();
+                break;
+            }
+            case findTarget(event, "#remove-cover-image-button", el): {
+                delete this.book.cover_image;
+                this.refreshRow("cover-preview-row", bookEpubDataCoverTemplate({
+                    book: this.book,
+                    // We just deleted the cover image, so we don't need a
+                    // full DB.
+                    imageDB: { db: {} }
+                }));
+                break;
+            }
+            case findTarget(event, "#remove-docx-template-button", el): {
+                delete this.book.docx_template;
+                this.refreshRow("docx-template-row", bookDOCXDataRowTemplate({ book: this.book }));
+                break;
+            }
+            case findTarget(event, "#remove-odt-template-button", el): {
+                delete this.book.odt_template;
+                this.refreshRow("odt-template-row", bookODTDataRowTemplate({ book: this.book }));
+                break;
+            }
+            case findTarget(event, "#perform-sanity-check-button", el): {
+                this.performSanityCheck();
+                break;
+            }
+            default:
+                break;
+        }
+    }
+    /** Save the book and render its sanity check report in place. */
+    performSanityCheck() {
+        const { schema, chapterLoader, e2ee } = this.options;
+        return this.saveBook()
+            .then(() => bookSanityCheck(this.book, this.documentList, {
+            schema,
+            chapterLoader,
+            e2ee
+        }))
+            .then(sanityCheckOutputHTML => {
+            const sanityCheckOutput = this.root().querySelector("#sanity-check-output");
+            if (sanityCheckOutput) {
+                sanityCheckOutput.innerHTML = sanityCheckOutputHTML;
+            }
+        });
+    }
+}
+//# sourceMappingURL=dialog.js.map