@d-i-t-a/reader 1.10.0-beta.7 → 1.11.0-beta.2

package/dist/index.d.ts

@@ -3,10 +3,18 @@ import { Locator } from "./model/Locator";
 export declare const IS_DEV: boolean;
 export declare function unload(): Promise<void>;
 export declare function hasMediaOverlays(): boolean;
+/**
+ * Read Along
+ */
+export declare function startReadAlong(): void;
+export declare function stopReadAlong(): void;
+export declare function pauseReadAlong(): void;
+export declare function resumeReadAlong(): void;
 export declare function startReadAloud(): void;
 export declare function stopReadAloud(): void;
 export declare function pauseReadAloud(): void;
 export declare function resumeReadAloud(): void;
+export declare function saveBookmarkPlus(): void;
 export declare function saveBookmark(): Promise<any>;
 export declare function deleteBookmark(bookmark: any): Promise<any>;
 export declare function deleteAnnotation(highlight: any): Promise<any>;
@@ -57,5 +65,7 @@ export declare function currentLocator(): Locator;
 export declare function positions(): any;
 export declare function goToPosition(value: any): void;
 export declare function applyAttributes(value: any): void;
+export declare function hideAnnotationLayer(): void;
+export declare function showAnnotationLayer(): void;
 export declare function snapToElement(value: any): void;
 export declare function load(config: ReaderConfig): Promise<any>;

package/dist/injectables/footnotes/footnotes.js.LICENSE.txt

@@ -0,0 +1,6 @@
+/*!
+ * is-plain-object <https://github.com/jonschlinkert/is-plain-object>
+ *
+ * Copyright (c) 2014-2017, Jon Schlinkert.
+ * Released under the MIT License.
+ */

package/dist/model/Locator.d.ts

@@ -29,29 +29,14 @@ export interface Bookmark extends Locator {
 }
 export declare enum AnnotationMarker {
     Highlight = 0,
-    Underline = 1
+    Underline = 1,
+    Bookmark = 2,
+    Custom = 3
 }
 export interface Annotation extends Locator {
     id?: any;
     created: Date;
     highlight?: IHighlight;
-    marker: AnnotationMarker;
-    color: string;
-}
-export interface ISelectionInfo {
-    rangeInfo: IRangeInfo;
-    cleanText: string;
-    rawText: string;
-    color: string;
-    range: Range;
-}
-export interface IRangeInfo {
-    startContainerElementCssSelector: string;
-    startContainerChildTextNodeIndex: number;
-    startOffset: number;
-    endContainerElementCssSelector: string;
-    endContainerChildTextNodeIndex: number;
-    endOffset: number;
 }
 export interface ChapterWeight {
     chapterHref: string;

package/dist/modules/AnnotationModule.d.ts

@@ -4,11 +4,12 @@ import { Publication } from "../model/Publication";
 import TextHighlighter from "./highlight/TextHighlighter";
 import ReaderModule from "./ReaderModule";
 import { IHighlight } from "./highlight/common/highlight";
-import { Annotation, AnnotationMarker } from "../model/Locator";
+import { Annotation } from "../model/Locator";
 export declare type Highlight = (highlight: Annotation) => Promise<Annotation>;
 export interface AnnotationModuleAPI {
     addAnnotation: Highlight;
     deleteAnnotation: Highlight;
+    updateAnnotation: Highlight;
     selectedAnnotation: Highlight;
 }
 export interface AnnotationModuleProperties {
@@ -25,7 +26,7 @@ export interface AnnotationModuleConfig extends AnnotationModuleProperties {
     highlighter: TextHighlighter;
 }
 export default class AnnotationModule implements ReaderModule {
-    private readonly annotator;
+    readonly annotator: Annotator | null;
     private rights;
     private publication;
     private highlightsView;
@@ -39,21 +40,28 @@ export default class AnnotationModule implements ReaderModule {
     constructor(annotator: Annotator, headerMenu: HTMLElement, rights: ReaderRights, publication: Publication, delegate: IFrameNavigator, initialAnnotations: any | null, properties: AnnotationModuleProperties | null, api: AnnotationModuleAPI | null, highlighter: TextHighlighter);
     stop(): Promise<void>;
     protected start(): Promise<void>;
-    handleResize(): void;
+    private hide;
+    private show;
+    hideAnnotationLayer(): void;
+    showAnnotationLayer(): void;
+    handleResize(): Promise<void>;
     initialize(): Promise<unknown>;
     scrollToHighlight(id: any): Promise<any>;
+    updateLocalHighlight(annotation: Annotation): Promise<any>;
     deleteLocalHighlight(id: any): Promise<any>;
     deleteAnnotation(highlight: Annotation): Promise<any>;
     addAnnotation(highlight: Annotation): Promise<any>;
     deleteHighlight(highlight: Annotation): Promise<any>;
     deleteSelectedHighlight(highlight: Annotation): Promise<any>;
-    saveAnnotation(highlight: IHighlight, marker: AnnotationMarker): Promise<any>;
+    updateAnnotation(highlight: Annotation): Promise<any>;
+    saveAnnotation(highlight: IHighlight): Promise<Annotation>;
     getAnnotations(): Promise<any>;
     showHighlights(): Promise<void>;
-    drawHighlights(search?: boolean): Promise<void>;
+    drawHighlights(): Promise<void>;
     private createTree;
     private handleAnnotationLinkClick;
     private handleAnnotationLinkDeleteClick;
     private static readableTimestamp;
     getAnnotation(highlight: IHighlight): Promise<any>;
+    getAnnotationByID(id: string): Promise<any>;
 }

package/dist/modules/BookmarkModule.d.ts

@@ -2,7 +2,8 @@ import Annotator from "../store/Annotator";
 import IFrameNavigator, { ReaderRights } from "../navigator/IFrameNavigator";
 import { Publication } from "../model/Publication";
 import ReaderModule from "./ReaderModule";
-import { Bookmark } from "../model/Locator";
+import { Annotation, Bookmark } from "../model/Locator";
+import { IHighlight } from "./highlight/common/highlight";
 export interface BookmarkModuleAPI {
     addBookmark: (bookmark: Bookmark) => Promise<Bookmark>;
     deleteBookmark: (bookmark: Bookmark) => Promise<Bookmark>;
@@ -35,12 +36,22 @@ export default class BookmarkModule implements ReaderModule {
     constructor(annotator: Annotator, headerMenu: HTMLElement, rights: ReaderRights, publication: Publication, delegate: IFrameNavigator, initialAnnotations?: any | null, properties?: BookmarkModuleProperties | null, api?: BookmarkModuleAPI | null);
     stop(): Promise<void>;
     protected start(): Promise<void>;
+    handleResize(): Promise<void>;
+    initialize(): Promise<unknown>;
     deleteBookmark(bookmark: Bookmark): Promise<any>;
+    saveBookmarkPlus(): void;
     saveBookmark(): Promise<any>;
+    private addBookmarkPlus;
+    saveAnnotation(highlight: IHighlight): Promise<Annotation>;
     getBookmarks(): Promise<any>;
     showBookmarks(): Promise<void>;
+    drawBookmarks(): Promise<void>;
+    deleteSelectedHighlight(highlight: Annotation): Promise<any>;
+    deleteLocalHighlight(id: any): Promise<any>;
     private createTree;
     private handleAnnotationLinkClick;
     private handleAnnotationLinkDeleteClick;
     private static readableTimestamp;
+    getAnnotation(highlight: IHighlight): Promise<any>;
+    getAnnotationByID(id: string): Promise<any>;
 }

package/dist/modules/TTS/TTSModule.d.ts

@@ -1,33 +1,8 @@
 import ReaderModule from "../ReaderModule";
-import { ISelectionInfo } from "../../model/Locator";
-import { TTSSettings, TTSVoice } from "./TTSSettings";
+import { TTSModuleAPI, TTSModuleConfig, TTSModuleProperties, TTSSettings } from "./TTSSettings";
 import IFrameNavigator, { ReaderRights } from "../../navigator/IFrameNavigator";
 import TextHighlighter from "../highlight/TextHighlighter";
-export interface TTSModuleAPI {
-    started: any;
-    stopped: any;
-    paused: any;
-    resumed: any;
-    finished: any;
-    updateSettings: any;
-}
-export interface TTSModuleProperties {
-    enableSplitter?: boolean;
-    color?: string;
-    autoScroll?: boolean;
-    rate?: number;
-    pitch?: number;
-    volume?: number;
-    voice?: TTSVoice;
-}
-export interface TTSModuleConfig extends TTSModuleProperties {
-    delegate: IFrameNavigator;
-    headerMenu: HTMLElement;
-    rights: ReaderRights;
-    tts: TTSSettings;
-    highlighter: TextHighlighter;
-    api: TTSModuleAPI;
-}
+import { ISelectionInfo } from "../highlight/common/selection";
 export default class TTSModule implements ReaderModule {
     private tts;
     private splittingResult;

package/dist/modules/TTS/TTSModule2.d.ts

@@ -0,0 +1,73 @@
+import ReaderModule from "../ReaderModule";
+import { TTSModuleAPI, TTSModuleConfig, TTSModuleProperties, TTSSettings } from "./TTSSettings";
+import IFrameNavigator, { ReaderRights } from "../../navigator/IFrameNavigator";
+import TextHighlighter from "../highlight/TextHighlighter";
+import { IHighlight } from "../highlight/common/highlight";
+import { ISelectionInfo } from "../highlight/common/selection";
+export default class TTSModule2 implements ReaderModule {
+    private tts;
+    private voices;
+    private clean;
+    private rights;
+    private readonly highlighter;
+    private delegate;
+    private body;
+    private hasEventListener;
+    private readonly headerMenu;
+    private readonly properties;
+    private readonly api;
+    initialize(body: any): void;
+    private click;
+    private initVoices;
+    cancel(): void;
+    index: number;
+    speak(selectionInfo: ISelectionInfo | undefined, partial: boolean, callback: () => void): Promise<any>;
+    speakPlay(): void;
+    speakPause(): void;
+    speakResume(): void;
+    static create(config: TTSModuleConfig): Promise<TTSModule2>;
+    constructor(delegate: IFrameNavigator, tts: TTSSettings, headerMenu: HTMLElement, rights: ReaderRights, highlighter: TextHighlighter, properties?: TTSModuleProperties | null, api?: TTSModuleAPI | null);
+    protected start(): Promise<void>;
+    userScrolled: boolean;
+    private wheel;
+    stop(): Promise<void>;
+    generateTtsQueue(rootElement: Element, splitSentences: boolean): ITtsQueueItem[];
+    findTtsQueueItemIndex(ttsQueue: ITtsQueueItem[], element: Element, startTextNode: Node | undefined, startTextNodeOffset: number, rootElem: Element): number;
+    speaking: boolean;
+    restartIndex: number;
+    private restart;
+    startTTSSession(ttsQueue: ITtsQueueItem[], ttsQueueIndexStart: number): void;
+    ttsPlayQueueIndex(ttsQueueIndex: number, ttsQueue: any): void;
+    ttsQueueIndex: number;
+    ttsQueue: any;
+    ttsPlayQueueIndexDebounced: ((ttsQueueIndex: number, ttsQueue: any) => void) & {
+        clear(): void;
+    };
+    updateTTSInfo(ttsQueueItem: any, charIndex: number, charLength: number, utteranceText: string | undefined): string | undefined;
+    _ttsQueueItemHighlightsWord: IHighlight | undefined;
+    wrapHighlightWord(ttsQueueItemRef: ITtsQueueItemReference, utteranceText: string, charIndex: number, charLength: number, word: string, start: number, end: number): void;
+}
+export interface ITtsQueueItem {
+    dir: string | undefined;
+    lang: string | undefined;
+    parentElement: Element;
+    textNodes: Node[];
+    combinedText: string;
+    combinedTextSentences: string[] | undefined;
+    combinedTextSentencesRangeBegin: number[] | undefined;
+    combinedTextSentencesRangeEnd: number[] | undefined;
+}
+export interface ITtsQueueItemReference {
+    item: ITtsQueueItem;
+    iArray: number;
+    iSentence: number;
+    iGlobal: number;
+}
+export declare function getLanguage(el: Element): string | undefined;
+export declare function getDirection(el: Element): string | undefined;
+export declare function combineTextNodes(textNodes: Node[], skipNormalize?: boolean): string;
+export declare function normalizeHtmlText(str: string): string;
+export declare function normalizeText(str: string): string;
+export declare function getTtsQueueItemRef(items: ITtsQueueItem[], index: number): ITtsQueueItemReference | undefined;
+export declare function getTtsQueueLength(items: ITtsQueueItem[]): number;
+export declare function getTtsQueueItemRefText(obj: ITtsQueueItemReference): string;

package/dist/modules/TTS/TTSSettings.d.ts

@@ -1,6 +1,32 @@
 import Store from "../../store/Store";
 import { UserProperty, UserProperties } from "../../model/user-settings/UserProperties";
-import { TTSModuleAPI, TTSModuleProperties } from "./TTSModule";
+import IFrameNavigator, { ReaderRights } from "../../navigator/IFrameNavigator";
+import TextHighlighter from "../highlight/TextHighlighter";
+export interface TTSModuleAPI {
+    started: any;
+    stopped: any;
+    paused: any;
+    resumed: any;
+    finished: any;
+    updateSettings: any;
+}
+export interface TTSModuleProperties {
+    enableSplitter?: boolean;
+    color?: string;
+    autoScroll?: boolean;
+    rate?: number;
+    pitch?: number;
+    volume?: number;
+    voice?: TTSVoice;
+}
+export interface TTSModuleConfig extends TTSModuleProperties {
+    delegate: IFrameNavigator;
+    headerMenu: HTMLElement;
+    rights: ReaderRights;
+    tts: TTSSettings;
+    highlighter: TextHighlighter;
+    api: TTSModuleAPI;
+}
 export declare class TTSREFS {
     static readonly COLOR_REF = "color";
     static readonly AUTO_SCROLL_REF = "autoscroll";
@@ -45,10 +71,8 @@ export declare class TTSSettings implements ITTSUserSettings {
     volume: number;
     voice: TTSVoice;
     userProperties: UserProperties;
-    private rateButtons;
-    private pitchButtons;
-    private volumeButtons;
     private settingsChangeCallback;
+    private restartCallback;
     private settingsView;
     private readonly headerMenu;
     private speechRate;
@@ -66,7 +90,7 @@ export declare class TTSSettings implements ITTSUserSettings {
     setControls(): void;
     private renderControls;
     onSettingsChange(callback: () => void): void;
-    private setupEvents;
+    onRestart(callback: () => void): void;
     private storeProperty;
     private updateUserSettings;
     private getTTSSettings;

package/dist/modules/highlight/TextHighlighter.d.ts

@@ -1,12 +1,16 @@
-import { IColor, IHighlight } from "./common/highlight";
+import { HighlightType, IHighlight, IMarkerIcon, IPopupStyle, IStyle, SelectionMenuItem } from "./common/highlight";
 import { ISelectionInfo } from "./common/selection";
 import { IRectSimple } from "./common/rect-utils";
 import { IReadiumIFrameWindow } from "./renderer/iframe/state";
 import { AnnotationMarker } from "../../model/Locator";
-import IFrameNavigator, { SelectionMenuItem } from "../../navigator/IFrameNavigator";
+import IFrameNavigator from "../../navigator/IFrameNavigator";
 export declare const ID_HIGHLIGHTS_CONTAINER = "R2_ID_HIGHLIGHTS_CONTAINER";
+export declare const ID_READALOUD_CONTAINER = "R2_ID_READALOUD_CONTAINER";
+export declare const ID_PAGEBREAK_CONTAINER = "R2_ID_PAGEBREAK_CONTAINER";
+export declare const ID_SEARCH_CONTAINER = "R2_ID_SEARCH_CONTAINER";
 export declare const CLASS_HIGHLIGHT_CONTAINER = "R2_CLASS_HIGHLIGHT_CONTAINER";
 export declare const CLASS_HIGHLIGHT_AREA = "R2_CLASS_HIGHLIGHT_AREA";
+export declare const CLASS_HIGHLIGHT_ICON = "R2_CLASS_HIGHLIGHT_ICON";
 export declare const CLASS_HIGHLIGHT_BOUNDING_AREA = "R2_CLASS_HIGHLIGHT_BOUNDING_AREA";
 export interface TextSelectorAPI {
     selectionMenuOpen: any;
@@ -19,6 +23,14 @@ interface IWithRect {
 }
 export interface IHTMLDivElementWithRect extends HTMLDivElement, IWithRect {
 }
+export interface HTMLElementRect {
+    node: Element;
+    height: number;
+    top: number;
+    width: number;
+    left: number;
+    textContent: string;
+}
 export interface TextHighlighterProperties {
     selectionMenuItems: Array<SelectionMenuItem>;
 }
@@ -118,7 +130,7 @@ export default class TextHighlighter {
      */
     destroy(): void;
     initializeToolbox(): void;
-    toolboxMode(mode: "colors" | "edit" | "add"): void;
+    toolboxMode(mode: "colors" | "edit" | "add" | "action"): void;
     toolboxHide(): void;
     toolboxShowDelayed(): void;
     snapSelectionToWord(): any;
@@ -143,6 +155,7 @@ export default class TextHighlighter {
     stopReadAloud(): void;
     speakAll(): void;
     callbackComplete(): void;
+    get visibleTextRects(): HTMLElementRect[];
     doneSpeaking(reload?: boolean): void;
     /**
      * Normalizes highlights. Ensures that highlighting is done with use of the smallest possible number of
@@ -235,16 +248,17 @@ export default class TextHighlighter {
     static hexToRgbA(hex: string): string;
     static hexToRgbAWithOpacity(hex: string, opacity: number): string;
     resetHighlightBoundingStyle(_win: IReadiumIFrameWindow, highlightBounding: HTMLElement): void;
-    resetHighlightAreaStyle(_win: IReadiumIFrameWindow, highlightArea: HTMLElement): void;
+    resetHighlightAreaStyle(_win: IReadiumIFrameWindow, highlightArea: HTMLElement, id_container: string): void;
     setHighlightAreaStyle(_win: IReadiumIFrameWindow, highlightAreas: Array<HTMLElement>, highlight: IHighlight): void;
     setAndResetSearchHighlight(highlight: any, highlights: any): void;
     isIOS(): boolean;
     isAndroid(): boolean;
     getScrollingElement: (documant: Document) => Element;
     processMouseEvent(win: IReadiumIFrameWindow, ev: MouseEvent): Promise<void>;
-    ensureHighlightsContainer(win: IReadiumIFrameWindow): HTMLElement;
+    ensureHighlightsContainer(win: IReadiumIFrameWindow, id: string): HTMLElement;
     hideAllhighlights(_documant: Document): void;
     destroyAllhighlights(documant: Document): void;
+    destroyHighlights(type: HighlightType): void;
     destroyHighlight(documant: Document, id: string): void;
     recreateAllHighlightsRaw(win: IReadiumIFrameWindow): void;
     recreateAllHighlightsDebounced: ((win: IReadiumIFrameWindow) => void) & {
@@ -252,7 +266,8 @@ export default class TextHighlighter {
     };
     recreateAllHighlights(win: IReadiumIFrameWindow): void;
     createSearchHighlight(selectionInfo: ISelectionInfo, color: string): IHighlight;
-    createHighlight(win: IReadiumIFrameWindow, selectionInfo: ISelectionInfo, color: IColor | undefined, pointerInteraction: boolean, marker: AnnotationMarker): IHighlight;
+    createPageBreakHighlight(selectionInfo: ISelectionInfo, title: string): IHighlight;
+    createHighlight(win: IReadiumIFrameWindow, selectionInfo: ISelectionInfo, color: string | undefined, pointerInteraction: boolean, marker: AnnotationMarker, icon?: IMarkerIcon | undefined, popup?: IPopupStyle | undefined, style?: IStyle | undefined, type?: HighlightType | undefined, prefix?: string | undefined): [IHighlight, HTMLDivElement];
     createHighlightDom(win: IReadiumIFrameWindow, highlight: IHighlight): HTMLDivElement | undefined;
 }
 export {};

package/dist/modules/highlight/common/highlight.d.ts

@@ -5,15 +5,63 @@ export interface IColor {
     green: number;
     blue: number;
 }
+export interface IStyleProperty {
+    property: string;
+    value: string;
+    priority?: string;
+}
+export interface IStyle {
+    default?: [IStyleProperty] | undefined;
+    hover?: [IStyleProperty] | undefined;
+    defaultClass?: string | undefined;
+    hoverClass?: string | undefined;
+}
+export interface IPopupStyle {
+    background?: string;
+    textColor?: string;
+    class?: string;
+}
+export interface IHighlightStyle {
+    style?: IStyle;
+    color?: string;
+}
+export interface IMarkerIcon {
+    id: string;
+    position: string;
+    title: string;
+    svgPath?: string;
+    color?: string;
+    class?: string;
+}
+export declare enum HighlightType {
+    Annotation = 0,
+    Search = 1,
+    ReadAloud = 2,
+    PageBreak = 3
+}
 export interface IHighlight {
     id: string;
     selectionInfo: ISelectionInfo;
-    color: IColor;
     pointerInteraction: boolean;
     marker: AnnotationMarker;
+    icon?: IMarkerIcon | undefined;
+    popup?: IPopupStyle | undefined;
+    color: string;
+    style?: IStyle | undefined;
     position?: number;
+    note?: string | undefined;
+    type: HighlightType;
+}
+export interface SelectionMenuItem {
+    id: string;
+    callback?: any;
+    marker?: AnnotationMarker;
+    icon?: IMarkerIcon;
+    popup?: IPopupStyle;
+    highlight?: IHighlightStyle;
+    note?: boolean;
 }
 export interface IHighlightDefinition {
     selectionInfo: ISelectionInfo | undefined;
-    color: IColor | undefined;
+    color: string | undefined;
 }

package/dist/modules/highlight/common/rect-utils.d.ts

@@ -17,7 +17,7 @@ export declare function rectContains(rect1: IRect, rect2: IRect, tolerance: numb
 export declare function getBoundingRect(rect1: IRect, rect2: IRect): IRect;
 export declare function rectsTouchOrOverlap(rect1: IRect, rect2: IRect, tolerance: number): boolean;
 export declare function mergeTouchingRects(rects: IRect[], tolerance: number, doNotMergeHorizontallyAlignedRects: boolean): IRect[];
-export declare function replaceOverlapingRects(rects: IRect[]): IRect[];
+export declare function replaceOverlappingRects(rects: IRect[]): IRect[];
 export declare function getRectOverlapX(rect1: IRect, rect2: IRect): number;
 export declare function getRectOverlapY(rect1: IRect, rect2: IRect): number;
 export declare function removeContainedRects(rects: IRect[], tolerance: number): IRect[];

package/dist/modules/highlight/common/selection.d.ts

@@ -14,3 +14,8 @@ export interface ISelectionInfo {
     range: Range;
 }
 export declare function sameSelections(sel1: ISelectionInfo, sel2: ISelectionInfo): boolean;
+export declare const _getCssSelectorOptions: {
+    className: (_str: string) => boolean;
+    idName: (_str: string) => boolean;
+    tagName: (_str: string) => boolean;
+};

package/dist/modules/pagebreak/PageBreakModule.d.ts

@@ -0,0 +1,23 @@
+import IFrameNavigator from "../../navigator/IFrameNavigator";
+import ReaderModule from "../ReaderModule";
+import { Publication } from "../../model/Publication";
+export interface PageBreakModuleConfig {
+    delegate: IFrameNavigator;
+    headerMenu: HTMLElement;
+    publication: Publication;
+}
+export default class PageBreakModule implements ReaderModule {
+    private delegate;
+    private readonly headerMenu;
+    private publication;
+    private goToPageView;
+    private goToPageNumberInput;
+    private goToPageNumberButton;
+    static create(config: PageBreakModuleConfig): Promise<PageBreakModule>;
+    private constructor();
+    stop(): Promise<void>;
+    protected start(): Promise<void>;
+    private goToPageNumber;
+    handleResize(): Promise<void>;
+    drawPageBreaks(): Promise<void>;
+}

package/dist/navigator/IFrameNavigator.d.ts

@@ -5,7 +5,6 @@ import { Locator, ReadingPosition } from "../model/Locator";
 import { UserSettings, UserSettingsUIConfig } from "../model/user-settings/UserSettings";
 import BookmarkModule, { BookmarkModuleConfig } from "../modules/BookmarkModule";
 import AnnotationModule, { AnnotationModuleConfig } from "../modules/AnnotationModule";
-import TTSModule, { TTSModuleConfig } from "../modules/TTS/TTSModule";
 import SearchModule, { SearchModuleConfig } from "../modules/search/SearchModule";
 import ContentProtectionModule, { ContentProtectionModuleConfig } from "../modules/protection/ContentProtectionModule";
 import TextHighlighter, { TextHighlighterConfig } from "../modules/highlight/TextHighlighter";
@@ -13,6 +12,9 @@ import TimelineModule from "../modules/positions/TimelineModule";
 import BookView from "../views/BookView";
 import MediaOverlayModule, { MediaOverlayModuleConfig } from "../modules/mediaoverlays/MediaOverlayModule";
 import { D2Link, Link } from "../model/Link";
+import ReaderModule from "../modules/ReaderModule";
+import { TTSModuleConfig } from "../modules/TTS/TTSSettings";
+import PageBreakModule from "../modules/pagebreak/PageBreakModule";
 export declare type GetContent = (href: string) => Promise<string>;
 export declare type GetContentBytesLength = (href: string) => Promise<number>;
 export interface NavigatorAPI {
@@ -76,10 +78,6 @@ export interface Injectable {
     appearance?: string;
     async?: boolean;
 }
-export interface SelectionMenuItem {
-    id: string;
-    callback: any;
-}
 export interface ReaderRights {
     enableBookmarks?: boolean;
     enableAnnotations?: boolean;
@@ -126,11 +124,12 @@ export default class IFrameNavigator implements Navigator {
     publication: Publication;
     bookmarkModule?: BookmarkModule;
     annotationModule?: AnnotationModule;
-    ttsModule?: TTSModule;
+    ttsModule?: ReaderModule;
     searchModule?: SearchModule;
     contentProtectionModule?: ContentProtectionModule;
     highlighter?: TextHighlighter;
     timelineModule?: TimelineModule;
+    pageBreakModule?: PageBreakModule;
     mediaOverlayModule?: MediaOverlayModule;
     sideNavExpanded: boolean;
     material: boolean;
@@ -165,9 +164,6 @@ export default class IFrameNavigator implements Navigator {
     private landmarksView;
     private landmarksSection;
     private pageListView;
-    private goToPageView;
-    private goToPageNumberInput;
-    private goToPageNumberButton;
     private bookmarksControl;
     private bookmarksView;
     private links;
@@ -197,6 +193,7 @@ export default class IFrameNavigator implements Navigator {
     attributes: IFrameAttributes;
     services: PublicationServices;
     sample: SampleRead;
+    private didInitKeyboardEventHandler;
     static create(config: IFrameNavigatorConfig): Promise<any>;
     protected constructor(settings: UserSettings, annotator: Annotator | null, upLinkConfig: UpLinkConfig | null, initialLastReadingPosition: ReadingPosition | null, publication: Publication, material: any, api: NavigatorAPI, rights: ReaderRights, tts: TTSModuleConfig, injectables: Array<Injectable>, attributes: IFrameAttributes, services: PublicationServices, sample: SampleRead);
     stop(): Promise<void>;
@@ -208,7 +205,6 @@ export default class IFrameNavigator implements Navigator {
     reload: () => Promise<void>;
     private setupEvents;
     private setupModalFocusTrap;
-    private goToPageNumber;
     isScrolling: boolean;
     private updateBookView;
     private loadManifest;
@@ -226,9 +222,13 @@ export default class IFrameNavigator implements Navigator {
     private handleEditClick;
     get hasMediaOverlays(): boolean;
     startReadAloud(): void;
-    stopReadAloud(ttsOnly?: boolean): void;
+    startReadAlong(): void;
+    stopReadAloud(): void;
+    stopReadAlong(): void;
     pauseReadAloud(): void;
+    pauseReadAlong(): void;
     resumeReadAloud(): void;
+    resumeReadAlong(): void;
     totalResources(): number;
     mostRecentNavigatedTocItem(): string;
     currentResource(): number;
@@ -252,7 +252,7 @@ export default class IFrameNavigator implements Navigator {
     private handleClickThrough;
     private handleInternalLink;
     private handleNumberOfIframes;
-    private handleResize;
+    handleResize(): Promise<void>;
     updatePositionInfo(save?: boolean): Promise<void>;
     savePosition: (() => Promise<void>) & {
         clear(): void;

package/dist/reader.css

@@ -846,9 +846,6 @@ a {
   .highlight-toolbox > div > button {
     display: inline-block; }
 
-.color-option {
-  background-color: gainsboro; }
-
 .color-option span {
   display: inline-block;
   border-radius: 50%;