@d-i-t-a/reader 2.0.0-alpha.7 → 2.0.0-beta.12

package/dist/types/reader.d.ts

@@ -1,21 +1,12 @@
-import { Locator } from "./model/Locator";
+import { Annotation, Bookmark, Locator } from "./model/Locator";
 import { UserSettingsIncrementable } from "./model/user-settings/UserProperties";
 import { UserSettings } from "./model/user-settings/UserSettings";
-import AnnotationModule from "./modules/AnnotationModule";
-import BookmarkModule from "./modules/BookmarkModule";
-import TextHighlighter from "./modules/highlight/TextHighlighter";
-import MediaOverlayModule from "./modules/mediaoverlays/MediaOverlayModule";
-import { MediaOverlaySettings, IMediaOverlayUserSettings, MediaOverlayIncrementable } from "./modules/mediaoverlays/MediaOverlaySettings";
-import TimelineModule from "./modules/positions/TimelineModule";
-import ContentProtectionModule from "./modules/protection/ContentProtectionModule";
-import SearchModule from "./modules/search/SearchModule";
-import TTSModule from "./modules/TTS/TTSModule";
-import { ITTSUserSettings, TTSIncrementable, TTSSettings } from "./modules/TTS/TTSSettings";
-import IFrameNavigator, { IFrameAttributes, ReaderConfig } from "./navigator/IFrameNavigator";
+import { IMediaOverlayUserSettings, MediaOverlayIncrementable } from "./modules/mediaoverlays/MediaOverlaySettings";
+import { ITTSUserSettings, TTSIncrementable } from "./modules/TTS/TTSSettings";
+import { IFrameAttributes, ReaderConfig } from "./navigator/IFrameNavigator";
 /**
  * A class that, once instantiated using the public `.build` method,
  * is the primary interface into the D2 Reader.
- *
  * @TODO :
  *  - Type all function arguments
  *  - DEV logger
@@ -24,44 +15,97 @@ import IFrameNavigator, { IFrameAttributes, ReaderConfig } from "./navigator/IFr
  *  - Testing
  */
 export default class D2Reader {
-    readonly settings: UserSettings;
-    readonly ttsSettings: TTSSettings;
-    readonly navigator: IFrameNavigator;
-    readonly highlighter: TextHighlighter;
-    readonly bookmarkModule: BookmarkModule;
-    readonly annotationModule?: AnnotationModule;
-    readonly ttsModule?: TTSModule;
-    readonly searchModule?: SearchModule;
-    readonly contentProtectionModule?: ContentProtectionModule;
-    readonly timelineModule?: TimelineModule;
-    readonly mediaOverlaySettings?: MediaOverlaySettings;
-    readonly mediaOverlayModule?: MediaOverlayModule;
+    private readonly settings;
+    private readonly navigator;
+    private readonly highlighter;
+    private readonly bookmarkModule?;
+    private readonly annotationModule?;
+    private readonly ttsSettings?;
+    private readonly ttsModule?;
+    private readonly searchModule?;
+    private readonly definitionsModule?;
+    private readonly contentProtectionModule?;
+    private readonly timelineModule?;
+    private readonly mediaOverlaySettings?;
+    private readonly mediaOverlayModule?;
+    private readonly pageBreakModule?;
+    private readonly lineFocusModule?;
     private constructor();
+    addEventListener(): void;
     /**
      * The async builder.
      */
-    static build(initialConfig: ReaderConfig): Promise<D2Reader>;
+    static load(initialConfig: ReaderConfig): Promise<D2Reader>;
     /**
      * Read Aloud
      */
+    /** Start TTS Read Aloud */
     startReadAloud: () => void;
+    /** Start TTS Read Aloud */
     stopReadAloud: () => void;
+    /** Start TTS Read Aloud */
     pauseReadAloud: () => void;
+    /** Start TTS Read Aloud */
     resumeReadAloud: () => void;
+    /**
+     * Read Along
+     */
+    /** Start Media Overlay Read Along */
+    startReadAlong: () => void;
+    /** Stop Media Overlay Read Along */
+    stopReadAlong: () => void;
+    /** Pause Media Overlay Read Along */
+    pauseReadAlong: () => void;
+    /** Resume Media Overlay Read Along */
+    resumeReadAlong: () => void;
+    get hasMediaOverlays(): boolean;
     /**
      * Bookmarks and annotations
      */
+    /** Save bookmark by progression */
     saveBookmark: () => Promise<any>;
-    deleteBookmark: (bookmark: any) => Promise<any>;
-    deleteAnnotation: (highlight: any) => Promise<any>;
-    addAnnotation: (highlight: any) => Promise<any>;
-    tableOfContents: () => Promise<any>;
-    readingOrder: () => Promise<any>;
-    bookmarks: () => Promise<any>;
-    annotations: () => Promise<any>;
+    /** Save bookmark by annotation */
+    saveBookmarkPlus: () => Promise<any>;
+    /** Delete bookmark */
+    deleteBookmark: (bookmark: Bookmark) => Promise<any>;
+    /** Delete annotation */
+    deleteAnnotation: (highlight: Annotation) => Promise<any>;
+    /** Add annotation */
+    addAnnotation: (highlight: Annotation) => Promise<any>;
+    /** Hide Annotation Layer */
+    hideAnnotationLayer: () => void | undefined;
+    /** Show Annotation Layer */
+    showAnnotationLayer: () => void | undefined;
+    /** Hide  Layer */
+    hideLayer: (layer: any) => void;
+    /** Show  Layer */
+    showLayer: (layer: any) => void;
+    /** Activate Marker <br>
+     * Activated Marker will be used for active annotation creation */
+    activateMarker: (id: string, position: string) => void;
+    /** Deactivate Marker */
+    deactivateMarker: () => void;
+    /**
+     * Definitions
+     */
+    /** Clear current definitions */
+    clearDefinitions: () => Promise<void>;
+    /** Add newt definition */
+    addDefinition: (definition: any) => Promise<void>;
+    /** Table of Contents */
+    get tableOfContents(): any;
+    /** Reading Order or Spine */
+    get readingOrder(): any;
+    /** Current Bookmarks */
+    get bookmarks(): any;
+    /** Current Annotations */
+    get annotations(): any;
     /**
      * Search
      */
+    /** Search by term and current resource or entire book <br>
+     * current = true, will search only current resource <br>
+     * current = false, will search entire publication */
     search: (term: string, current: boolean) => Promise<any>;
     goToSearchIndex: (href: string, index: number, current: boolean) => Promise<void>;
     goToSearchID: (href: string, index: number, current: boolean) => Promise<void>;
@@ -69,16 +113,14 @@ export default class D2Reader {
     /**
      * Resources
      */
-    currentResource: () => number;
-    mostRecentNavigatedTocItem: () => string;
-    totalResources: () => number;
+    get currentResource(): number | undefined;
+    get mostRecentNavigatedTocItem(): string;
+    get totalResources(): number;
+    get publicationLanguage(): string[];
     /**
      * Settings
      */
-    get publicationLanguage(): string[];
-    resetUserSettings: () => Promise<void>;
-    applyUserSettings: (userSettings: Partial<UserSettings>) => Promise<void>;
-    currentSettings: () => {
+    get currentSettings(): {
         appearance: string;
         fontFamily: string;
         textAlignment: string;
@@ -90,6 +132,8 @@ export default class D2Reader {
         pageMargins: number;
         lineHeight: number;
     };
+    resetUserSettings: () => Promise<void>;
+    applyUserSettings: (userSettings: Partial<UserSettings>) => Promise<void>;
     scroll: (value: boolean) => Promise<void>;
     private isTTSIncrementable;
     private isMOIncrementable;
@@ -111,11 +155,16 @@ export default class D2Reader {
      * TTS Settings
      */
     resetTTSSettings: () => void;
-    applyTTSSettings: (ttsSettings: ITTSUserSettings) => void;
-    applyTTSSetting: (key: string, value: any) => void;
-    applyPreferredVoice: (value: string) => void;
+    applyTTSSettings: (ttsSettings: Partial<ITTSUserSettings>) => Promise<void>;
+    /**
+     * Disabled
+     */
+    applyPreferredVoice: (value: string) => Promise<void>;
+    /**
+     * Media Overlay Settings
+     */
     resetMediaOverlaySettings: () => Promise<void>;
-    applyMediaOverlaySettings: (settings: IMediaOverlayUserSettings) => Promise<void>;
+    applyMediaOverlaySettings: (settings: Partial<IMediaOverlayUserSettings>) => Promise<void>;
     /**
      * Navigation
      * @TODO : These should return promises that complete when they are done.
@@ -124,18 +173,24 @@ export default class D2Reader {
     get positions(): any;
     goTo: (locator: Locator) => Promise<void>;
     goToPosition: (value: number) => Promise<void>;
-    nextResource: () => Promise<void>;
-    previousResource: () => Promise<void>;
+    nextResource: () => void;
+    previousResource: () => void;
     nextPage: () => Promise<void>;
     previousPage: () => Promise<void>;
-    atStart: () => Promise<boolean>;
-    atEnd: () => Promise<boolean>;
-    snapToElement: (value: HTMLElement) => Promise<void>;
+    get atStart(): boolean;
+    get atEnd(): boolean;
+    snapToSelector: (selector: any) => Promise<void>;
     /**
      * You have attributes in the reader when you initialize it. You can set margin, navigationHeight etc...
      * This is in case you change the attributes after initializing the reader.
      */
     applyAttributes: (value: IFrameAttributes) => void;
+    applyLineFocusSettings(userSettings: any): Promise<void>;
+    lineUp(): void;
+    lineDown(): void;
+    enableLineFocus(): Promise<void>;
+    lineFocus(active: boolean): Promise<void>;
+    disableLineFocus(): void;
     /**
      * Destructor:
      * Only used in react applications because when they re-visit the page

package/dist/types/store/Annotator.d.ts

@@ -1,22 +1,22 @@
 import { ReadingPosition } from "../model/Locator";
 import { IHighlight } from "../modules/highlight/common/highlight";
-import { IReadiumIFrameWindow } from "../modules/highlight/renderer/iframe/state";
 interface Annotator {
-    initLastReadingPosition(position: ReadingPosition): Promise<void>;
-    getLastReadingPosition(): Promise<any>;
-    saveLastReadingPosition(position: any): Promise<void>;
-    initBookmarks(list: any): Promise<any>;
-    saveBookmark(bookmark: any): Promise<any>;
-    deleteBookmark(bookmark: any): Promise<any>;
-    getBookmarks(href?: string): Promise<any>;
-    locatorExists(locator: any, type: AnnotationType): Promise<any>;
-    initAnnotations(list: any): Promise<any>;
-    saveAnnotation(annotation: any): Promise<any>;
-    deleteAnnotation(id: any): Promise<any>;
-    deleteSelectedAnnotation(annotation: any): Promise<any>;
-    getAnnotations(): Promise<any>;
-    getAnnotation(annotation: IHighlight): Promise<any>;
-    getAnnotationPosition(id: any, iframeWin: IReadiumIFrameWindow): Promise<any>;
+    initLastReadingPosition(position: ReadingPosition): any;
+    getLastReadingPosition(): any;
+    saveLastReadingPosition(position: any): any;
+    initBookmarks(list: any): any;
+    saveBookmark(bookmark: any): any;
+    deleteBookmark(bookmark: any): any;
+    getBookmarks(href?: string): any;
+    locatorExists(locator: any, type: AnnotationType): any;
+    initAnnotations(list: any): any;
+    saveAnnotation(annotation: any): any;
+    deleteAnnotation(id: any): any;
+    deleteSelectedAnnotation(annotation: any): any;
+    getAnnotations(): any;
+    getAnnotation(annotation: IHighlight): any;
+    getAnnotationByID(id: string): any;
+    getAnnotationPosition(id: any, iframeWin: any): any;
 }
 export declare enum AnnotationType {
     Bookmark = 0,

package/dist/types/store/LocalAnnotator.d.ts

@@ -1,7 +1,6 @@
 import Annotator, { AnnotationType } from "./Annotator";
 import Store from "./Store";
 import { ReadingPosition } from "../model/Locator";
-import { IReadiumIFrameWindow } from "../modules/highlight/renderer/iframe/state";
 import { IHighlight } from "../modules/highlight/common/highlight";
 export interface LocalAnnotatorConfig {
     store: Store;
@@ -13,19 +12,20 @@ export default class LocalAnnotator implements Annotator {
     private static readonly BOOKMARKS;
     private static readonly ANNOTATIONS;
     constructor(config: LocalAnnotatorConfig);
-    getLastReadingPosition(): Promise<any>;
-    initLastReadingPosition(position: ReadingPosition): Promise<void>;
-    saveLastReadingPosition(position: any): Promise<void>;
-    initBookmarks(list: any): Promise<any>;
-    saveBookmark(bookmark: any): Promise<any>;
-    locatorExists(locator: any, type: AnnotationType): Promise<any>;
-    deleteBookmark(bookmark: any): Promise<any>;
-    getBookmarks(href?: string): Promise<any>;
-    initAnnotations(list: any): Promise<any>;
-    saveAnnotation(annotation: any): Promise<any>;
-    deleteAnnotation(id: any): Promise<any>;
-    deleteSelectedAnnotation(annotation: any): Promise<any>;
-    getAnnotations(): Promise<any>;
-    getAnnotationPosition(id: any, iframeWin: IReadiumIFrameWindow): Promise<any>;
-    getAnnotation(highlight: IHighlight): Promise<any>;
+    getLastReadingPosition(): any;
+    initLastReadingPosition(position: ReadingPosition): void;
+    saveLastReadingPosition(position: any): void;
+    initBookmarks(list: any): any;
+    saveBookmark(bookmark: any): any;
+    locatorExists(locator: any, type: AnnotationType): any | null;
+    deleteBookmark(bookmark: any): any;
+    getBookmarks(href?: string): any;
+    initAnnotations(list: any): any;
+    saveAnnotation(annotation: any): any;
+    deleteAnnotation(id: any): any;
+    deleteSelectedAnnotation(annotation: any): any;
+    getAnnotations(): any;
+    getAnnotationPosition(id: any, iframeWin: any): any;
+    getAnnotation(highlight: IHighlight): any;
+    getAnnotationByID(id: string): any;
 }

package/dist/types/store/LocalStorageStore.d.ts

@@ -14,7 +14,7 @@ export default class LocalStorageStore implements Store {
     private readonly useLocalStorage;
     constructor(config: LocalStorageStoreConfig);
     private getLocalStorageKey;
-    get(key: string): Promise<any | null>;
-    set(key: string, value: any): Promise<void>;
-    remove(key: string): Promise<void>;
+    get(key: string): any | null;
+    set(key: string, value: any): void;
+    remove(key: string): void;
 }

package/dist/types/store/MemoryStore.d.ts

@@ -3,7 +3,7 @@ import Store from "./Store";
 export default class MemoryStore implements Store {
     private readonly store;
     constructor();
-    get(key: string): Promise<string | null>;
-    set(key: string, value: string): Promise<void>;
-    remove(key: string): Promise<void>;
+    get(key: string): string | null;
+    set(key: string, value: string): void;
+    remove(key: string): void;
 }

package/dist/types/store/Store.d.ts

@@ -1,6 +1,6 @@
 interface Store {
-    get(key: string): Promise<any | null>;
-    set(key: string, value: any): Promise<void>;
-    remove(key: string): Promise<void>;
+    get(key: string): any | null;
+    set(key: string, value: any): void;
+    remove(key: string): void;
 }
 export default Store;

package/dist/types/utils/EventHandler.d.ts

@@ -1,9 +1,21 @@
+import { IFrameNavigator } from "../navigator/IFrameNavigator";
+import { Popup } from "../modules/search/Popup";
 export declare function addEventListenerOptional(element: any, eventType: string, eventListener: any): void;
 export declare function removeEventListenerOptional(element: any, eventType: string, eventListener: any): void;
 export default class EventHandler {
+    navigator: IFrameNavigator;
+    popup: Popup;
+    constructor(navigator: IFrameNavigator);
     onInternalLink: (event: UIEvent) => void;
     onClickThrough: (event: UIEvent) => void;
     setupEvents(element: HTMLElement | Document | null): void;
     private checkForLink;
+    /**
+     *
+     * This function checks the user clicked link inside the iframe
+     * against the readingOrder list, it is an internal link if found.
+     *
+     */
+    private isEpubInternal;
     private handleLinks;
 }

package/dist/types/utils/HTMLUtilities.d.ts

@@ -1,15 +1,15 @@
 /** Returns a single element matching the selector within the parentElement,
     or null if no element matches. */
-export declare function findElement(parentElement: Element | Document, selector: string): HTMLElement | null;
+export declare function findElement(parentElement: Element | Document, selector: string): any | null;
 /** Returns a single element matching the selector within the parent element,
     or throws an exception if no element matches. */
-export declare function findRequiredElement(parentElement: Element | Document, selector: string): HTMLElement;
+export declare function findRequiredElement(parentElement: Element | Document, selector: string): any;
 /** Returns a single element matching the selector within the parentElement in the iframe context,
     or null if no element matches. */
 export declare function findIframeElement(parentElement: Document | null, selector: string): Element | null;
 /** Returns a single element matching the selector within the parent element in an iframe context,
         or throws an exception if no element matches. */
-export declare function findRequiredIframeElement(parentElement: Document | null, selector: string): Element;
+export declare function findRequiredIframeElement(parentElement: Document, selector: string): Element;
 /** Sets an attribute and its value for an HTML element */
 export declare function setAttr(element: HTMLElement, attr: string, value: string): void;
 /** Removes an attribute for an HTML element */

package/dist/types/utils/IconLib.d.ts

@@ -1,6 +1,7 @@
 export declare const WIDTH_ATTR: number;
 export declare const HEIGHT_ATTR: number;
 export declare const VIEWBOX_ATTR: string;
+export declare const iconTemplateColored: (id: string, title: string, path: string, classAttr: string | undefined, size: number, fill: string) => string;
 export declare const icons: {
     error: string;
     home: string;

package/dist/types/utils/KeyboardEventHandler.d.ts

@@ -1,9 +1,9 @@
-import IFrameNavigator from "../navigator/IFrameNavigator";
+import { IFrameNavigator } from "../navigator/IFrameNavigator";
 export default class KeyboardEventHandler {
     delegate: IFrameNavigator;
     onBackwardSwipe: (event: UIEvent) => void;
     onForwardSwipe: (event: UIEvent) => void;
-    setupEvents: (element: HTMLElement | Document) => void;
+    setupEvents: (element: HTMLElement | Document | null) => void;
     focusin: (element: HTMLElement | Document) => void;
     keydown: (element: HTMLElement | Document) => void;
 }

package/dist/types/utils/TouchEventHandler.d.ts

@@ -4,5 +4,5 @@ export default class TouchEventHandler {
     private static readonly SLOW_SWIPE_MS;
     onBackwardSwipe: (event: UIEvent) => void;
     onForwardSwipe: (event: UIEvent) => void;
-    setupEvents: (element: HTMLElement | Document) => void;
+    setupEvents: (element: HTMLElement | Document | null) => void;
 }

package/dist/types/views/BookView.d.ts

@@ -1,4 +1,4 @@
-import IFrameNavigator, { IFrameAttributes } from "../navigator/IFrameNavigator";
+import { IFrameNavigator, IFrameAttributes } from "../navigator/IFrameNavigator";
 interface BookView {
     layout: string;
     name: string;
@@ -7,24 +7,26 @@ interface BookView {
     sideMargin: number;
     height: number;
     delegate: IFrameNavigator;
-    attributes: IFrameAttributes;
+    attributes?: IFrameAttributes;
     setMode?(scroll: boolean): any;
-    isScrollMode?(): any;
-    isPaginated?(): any;
+    isScrollMode(): any;
+    isPaginated(): any;
     goToElement?(element: HTMLElement | null, relative?: boolean): void;
+    setSize(): void;
     setIframeHeight?(iframe: any): any;
+    setSize(): void;
     getScreenHeight(): number;
     /** Load this view in its book element, at the specified position. */
     start(): void;
     /** Remove this view from its book element. */
     stop(): void;
     getCurrentPosition(): number;
-    goToPosition(position: number): void;
+    goToProgression(position: number): void;
     goToFragment(fragment: string): void;
     goToCssSelector(cssSelector: string): void;
     snap(element: HTMLElement | null, relative?: boolean): void;
-    atStart?(): boolean;
-    atEnd?(): boolean;
+    atStart(): boolean;
+    atEnd(): boolean;
     goToPreviousPage?(): void;
     goToNextPage?(): void;
     getCurrentPage(): number;

package/dist/types/views/FixedBookView.d.ts

@@ -1,9 +1,7 @@
-import Store from "../store/Store";
-import IFrameNavigator, { IFrameAttributes } from "../navigator/IFrameNavigator";
+import { IFrameNavigator, IFrameAttributes } from "../navigator/IFrameNavigator";
 import BookView from "./BookView";
 export default class FixedBookView implements BookView {
     layout: string;
-    constructor(_store: Store);
     delegate: IFrameNavigator;
     name: string;
     label: string;
@@ -16,10 +14,15 @@ export default class FixedBookView implements BookView {
     stop(): void;
     getCurrentPosition(): number;
     getScreenHeight(): number;
-    goToPosition(_position: number): void;
+    goToProgression(_position: number): void;
     goToCssSelector(_cssSelector: string, _relative?: boolean): void;
     goToFragment(_fragment: string, _relative?: boolean): void;
     snap(_element: HTMLElement, _relative?: boolean): void;
     getCurrentPage(): number;
     getPageCount(): number;
+    setSize(): void;
+    isPaginated(): boolean;
+    isScrollMode(): boolean;
+    atEnd(): boolean;
+    atStart(): boolean;
 }

package/dist/types/views/ReflowableBookView.d.ts

@@ -1,7 +1,7 @@
 import { UserProperty } from "../model/user-settings/UserProperties";
 import Store from "../store/Store";
 import BookView from "./BookView";
-import IFrameNavigator, { IFrameAttributes } from "../navigator/IFrameNavigator";
+import { IFrameAttributes, IFrameNavigator } from "../navigator/IFrameNavigator";
 export default class ReflowableBookView implements BookView {
     layout: string;
     private readonly USERSETTINGS;
@@ -19,7 +19,7 @@ export default class ReflowableBookView implements BookView {
     start(): void;
     stop(): void;
     getCurrentPosition(): number;
-    goToPosition(position: number): void;
+    goToProgression(position: number): void;
     goToCssSelector(cssSelector: string, relative?: boolean): void;
     goToFragment(fragment: string, relative?: boolean): void;
     snap(element: HTMLElement | null, _relative?: boolean): void;
@@ -32,12 +32,12 @@ export default class ReflowableBookView implements BookView {
     getPageCount(): number;
     isPaginated(): boolean;
     isScrollMode(): boolean;
-    getProperty(name: string): Promise<UserProperty>;
+    getProperty(name: string): Promise<UserProperty | null>;
     getScreenHeight(): number;
     setIframeHeight(iframe: any): void;
     protected hasFixedScrollWidth: boolean;
     protected checkForFixedScrollWidth(): void;
-    private setSize;
+    setSize(): void;
     /** Returns the total width of the columns that are currently
        positioned to the left of the iframe viewport. */
     private getLeftColumnsWidth;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@d-i-t-a/reader",
-  "version": "2.0.0-alpha.7",
+  "version": "2.0.0-beta.12",
   "description": "A viewer application for EPUB files.",
   "repository": "https://github.com/d-i-t-a/R2D2BC",
   "license": "Apache-2.0",
@@ -17,9 +17,8 @@
     "clean": "rimraf node_modules dist parcel-dist .parcel-cache",
     "dev": "ts-node -T build.ts -w",
     "build": "ts-node -T build.ts",
-    "start": "node dev-server.js",
     "sass": "node-sass --source-map true src/styles/sass/ -o dist/",
-    "examples": "node --loader ts-node/esm examples/server.ts",
+    "examples": "npx ts-node examples/server.ts",
     "lint": "eslint '*/**/*.{js,ts,tsx}' --fix",
     "example:react": "parcel examples/react/index.html --dist-dir parcel-dist"
   },
@@ -27,12 +26,15 @@
     "browserslist-useragent": "^3.0.3",
     "cssesc": "^3.0.0",
     "detect-browser": "^5.2.0",
-    "devtools-detector": "^2.0.3",
+    "devtools-detector": "^2.0.6",
     "jscrypto": "0.0.1",
+    "lodash.clonedeep": "^4.5.0",
     "mark.js": "^8.11.1",
     "promise-polyfill": "^8.2.0",
     "r2-shared-js": "^1.0.51",
+    "recursive-readdir": "^2.2.2",
     "sanitize-html": "^2.3.3",
+    "sentence-splitter": "^3.2.1",
     "util": "^0.12.4",
     "whatwg-fetch": "^3.6.2"
   },
@@ -71,6 +73,7 @@
     "@types/uuid": "^8.3.0",
     "@typescript-eslint/eslint-plugin": "^4.21.0",
     "@typescript-eslint/parser": "^4.21.0",
+    "ansi-regex": ">=5.0.1",
     "babel-eslint": "^10.1.0",
     "braces": ">=3.0.2",
     "browserslist-useragent-regexp": "^3.0.0",
@@ -81,6 +84,7 @@
     "cpx": "^1.2.1",
     "debounce": "^1.2.1",
     "dita-streamer-js": "^1.1.1",
+    "ecstatic": ">=4.1.3",
     "esbuild": "^0.12.11",
     "eslint": "^7.23.0",
     "eslint-config-prettier": "^8.1.0",
@@ -92,10 +96,12 @@
     "eslint-plugin-react": "^7.23.2",
     "eslint-plugin-react-hooks": "^4.2.0",
     "express": "^4.17.1",
+    "glob-parent": ">=5.1.2",
+    "json-schema": ">=0.4.0",
     "materialize-css": "^1.0.0",
     "minimist": ">=1.2.5",
     "mocha": "^8.3.2",
-    "node-sass": "^6.0.1",
+    "node-sass": "^7.0.0",
     "npm-force-resolutions": "0.0.10",
     "parcel": "^2.0.0-beta.2",
     "prettier": "^2.2.1",
@@ -108,9 +114,12 @@
     "rimraf": "^3.0.2",
     "sinon": "^10.0.0",
     "ta-json-x": "^2.5.3",
+    "tar": ">=6.1.9",
     "ts-loader": "^8.0.18",
-    "ts-node": "^10.0.0",
-    "typescript": "^4.2.3"
+    "ts-node": "^10.4.0",
+    "typedoc": "^0.22.5",
+    "typedoc-plugin-rename-defaults": "^0.4.0",
+    "typescript": "^4.5.2"
   },
   "files": [
     "dist"

package/dist/injectables/footnotes/footnotes.css

@@ -1,53 +0,0 @@
-/*
- * Copyright 2018-2020 DITA (AM Consulting LLC)
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Developed on behalf of: DITA
- * Licensed to: Bokbasen AS and CAST under one or more contributor license agreements.
- */
- 
- .modal {
-    display: none;
-    position: fixed;
-    z-index: 1;
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
-    overflow: auto;
-    background-color: rgb(0, 0, 0);
-    background-color: rgba(0, 0, 0, 0.4);
-}
-
-.modal-content {
-    position: relative;
-    background-color: #fefefe;
-    margin: auto;
-    padding: 20px;
-    border: 1px solid #888;
-    width: 300px;
-}
-
-.close {
-    color: #aaaaaa;
-    float: right;
-    font-size: 28px;
-    font-weight: bold;
-}
-
-.close:hover, .close:focus {
-    color: #000;
-    text-decoration: none;
-    cursor: pointer;
-}