@pdftools/four-heights-pdf-web-viewer 4.3.6

package/es6/pdf-web-viewer/state/index.js

@@ -0,0 +1,98 @@
+import * as Layout from './layout';
+import * as PasswordForm from './passwordForm';
+import * as NavigationPanel from './navigationPanel';
+import * as PdfDocument from './pdfDocument';
+import * as Search from './search';
+import { defaultWebViewerOptions } from '../WebViewerOptions';
+const defaultState = {
+    licenseFeatures: {
+        annotate: false,
+        fillFormFields: false,
+        pageRotation: false,
+    },
+    scriptsLoaded: false,
+    appInitialized: false,
+    fileDropEnabled: false,
+    hasDocument: false,
+    showPasswordForm: false,
+    passwordDialogTempPdfFile: null,
+    passwordDialogTempFdfFile: null,
+    showOpenFileErrorDialog: false,
+    showUnsavedChangesDialog: false,
+    fileOpenArgs: null,
+    unsavedChangesDialogDontSave: false,
+    showLoadingIndicator: false,
+    showSaveIndicator: false,
+    hasError: false,
+    errorMessage: '',
+    layout: Layout.state,
+    passwordForm: PasswordForm.state,
+    navigationPanel: NavigationPanel.state,
+    pdfDocument: PdfDocument.state,
+    search: Search.state,
+    options: defaultWebViewerOptions,
+    canvasModules: [],
+    closeCallback: undefined,
+};
+/** internal */
+export const createState = (options) => {
+    const state = Object.assign(Object.assign({}, JSON.parse(JSON.stringify(defaultState))), { options });
+    const { sidebar } = options.viewer;
+    if (sidebar.selectedNavigation) {
+        state.navigationPanel.selectedNavigation = sidebar.selectedNavigation;
+        state.navigationPanel.showNavigation = true;
+    }
+    else if (!sidebar.thumbnailNavigation) {
+        state.navigationPanel.selectedNavigation = sidebar.outlineNavigation ? 'outline' : 'annotation';
+    }
+    return state;
+};
+/** internal */
+export const actions = {
+    layout: Layout.actions,
+    passwordForm: PasswordForm.actions,
+    navigationPanel: NavigationPanel.actions,
+    pdfDocument: PdfDocument.actions,
+    search: Search.actions,
+    loadScriptsCompleted: () => ($state) => (Object.assign(Object.assign({}, $state), { scriptsLoaded: true })),
+    initializeAppFulfilled: (settings) => ($state) => (Object.assign(Object.assign({}, $state), { licenseFeatures: settings.licenseFeatures, appInitialized: true, fileDropEnabled: true })),
+    initializeAppRejected: (error) => ($state) => (Object.assign(Object.assign({}, $state), { hasError: true, errorMessage: error, appInitialized: true })),
+    setCanvasModules: (canvasModules) => ($state) => (Object.assign(Object.assign({}, $state), { canvasModules: canvasModules })),
+    loadDocumentBegin: () => ($state) => {
+        return Object.assign(Object.assign({}, $state), { fileDropEnabled: false, showLoadingIndicator: true, unsavedChangesDialogDontSave: false });
+    },
+    loadDocumentFulfilled: () => ($state) => {
+        return Object.assign(Object.assign({}, $state), { hasDocument: true, fileDropEnabled: true, showPasswordForm: false, passwordDialogTempPdfFile: null, showLoadingIndicator: false });
+    },
+    loadDocumentCancel: () => ($state) => (Object.assign(Object.assign({}, $state), { hasDocument: false, fileDropEnabled: true, showPasswordForm: false, passwordDialogTempPdfFile: null, showLoadingIndicator: false })),
+    loadDocumentRejected: (error) => ($state) => (Object.assign(Object.assign({}, $state), { fileDropEnabled: false, passwordDialogTempPdfFile: null, showPasswordForm: false, showLoadingIndicator: false, showOpenFileErrorDialog: true })),
+    loadDocumentConfirmRejected: () => ($state) => (Object.assign(Object.assign({}, $state), { fileDropEnabled: true, showOpenFileErrorDialog: false })),
+    loadDocumentPasswordForm: (fileOpenArgs) => ($state) => {
+        $state.passwordForm.invalidPasswordError =
+            !!fileOpenArgs.password && fileOpenArgs.password.length > 0;
+        return Object.assign(Object.assign({}, $state), { fileOpenArgs, showPasswordForm: true, showLoadingIndicator: false });
+    },
+    closeDocument: () => ($state) => (Object.assign(Object.assign({}, JSON.parse(JSON.stringify(defaultState))), { appInitialized: true, scriptsLoaded: true, fileDropEnabled: true, options: $state.options, licenseFeatures: $state.licenseFeatures })),
+    // tslint:disable-next-line: max-line-length
+    showConfirmUnsavedChangesDialog: (fileOpenArgs, closeCallback) => ($state) => {
+        return Object.assign(Object.assign({}, $state), { fileOpenArgs,
+            closeCallback, showUnsavedChangesDialog: true });
+    },
+    unsavedChangesDialogCancel: () => ($state) => {
+        return Object.assign(Object.assign({}, $state), { showUnsavedChangesDialog: false, showLoadingIndicator: false, hasDocument: true, closeCallback: undefined });
+    },
+    unsavedChangesDialogFileSaved: () => ($state) => {
+        return Object.assign(Object.assign({}, $state), { unsavedChangesDialogTempPdfFile: null, unsavedChangesDialogTempFdfFile: null, showUnsavedChangesDialog: false, closeCallback: undefined });
+    },
+    unsavedChangesDialogDontSave: () => ($state) => {
+        return Object.assign(Object.assign({}, $state), { unsavedChangesDialogDontSave: false, showUnsavedChangesDialog: false, hasDocument: false });
+    },
+    saveDocumentBegin: (error) => ($state) => (Object.assign(Object.assign({}, $state), { showSaveIndicator: true })),
+    saveDocumentFulfilled: (error) => ($state) => (Object.assign(Object.assign({}, $state), { showSaveIndicator: false })),
+    saveDocumentRejected: (error) => ($state) => (Object.assign(Object.assign({}, $state), { hasError: true, errorMessage: error, appInitialized: true, showSaveIndicator: false })),
+    setError: (error) => ($state) => (Object.assign(Object.assign({}, $state), { hasError: true, errorMessage: error })),
+    getState: () => ($state) => {
+        return Object.assign({}, $state);
+    },
+    open: (file) => ($state) => (Object.assign({}, $state)),
+};

package/es6/pdf-web-viewer/state/layout.d.ts

@@ -0,0 +1,24 @@
+import { ActionsType } from '../../lib/hyperapp';
+export declare enum DeviceType {
+    Mobile = 0,
+    Desktop = 1
+}
+export declare enum ScreenSize {
+    Small = 600,
+    Medium = 900,
+    Large = 1200
+}
+/** internal */
+export interface LayoutState {
+    screenSize: ScreenSize;
+    deviceType: DeviceType;
+}
+/** internal */
+export declare const state: LayoutState;
+/** internal */
+export interface LayoutActions {
+    setScreenSize(screenSize: ScreenSize): LayoutState;
+    setDeviceType(deviceType: DeviceType): LayoutState;
+}
+/** internal */
+export declare const actions: ActionsType<LayoutState, LayoutActions>;

package/es6/pdf-web-viewer/state/layout.js

@@ -0,0 +1,21 @@
+export var DeviceType;
+(function (DeviceType) {
+    DeviceType[DeviceType["Mobile"] = 0] = "Mobile";
+    DeviceType[DeviceType["Desktop"] = 1] = "Desktop";
+})(DeviceType || (DeviceType = {}));
+export var ScreenSize;
+(function (ScreenSize) {
+    ScreenSize[ScreenSize["Small"] = 600] = "Small";
+    ScreenSize[ScreenSize["Medium"] = 900] = "Medium";
+    ScreenSize[ScreenSize["Large"] = 1200] = "Large";
+})(ScreenSize || (ScreenSize = {}));
+/** internal */
+export const state = {
+    screenSize: ScreenSize.Medium,
+    deviceType: DeviceType.Desktop,
+};
+/** internal */
+export const actions = {
+    setScreenSize: (screenSize) => ($state) => (Object.assign(Object.assign({}, $state), { screenSize })),
+    setDeviceType: (deviceType) => ($state) => (Object.assign(Object.assign({}, $state), { deviceType })),
+};

package/es6/pdf-web-viewer/state/mobile.d.ts

@@ -0,0 +1,16 @@
+import { ActionsType } from '../../lib/hyperapp';
+/** internal */
+export interface MobileState {
+    showToolbar: boolean;
+}
+/** internal */
+export declare const state: MobileState;
+/** internal */
+export interface MobileActions {
+    showToolbar(): MobileState;
+    hideToolbar(): MobileState;
+    showAnnotationbar(): MobileState;
+    hideAnnotationbar(): MobileState;
+}
+/** internal */
+export declare const actions: ActionsType<MobileState, MobileActions>;

package/es6/pdf-web-viewer/state/mobile.js

@@ -0,0 +1,11 @@
+/** internal */
+export const state = {
+    showToolbar: true,
+};
+/** internal */
+export const actions = {
+    showToolbar: () => ($state) => (Object.assign(Object.assign({}, $state), { showToolbar: true })),
+    hideToolbar: () => ($state) => (Object.assign(Object.assign({}, $state), { showToolbar: false })),
+    showAnnotationbar: () => ($state) => (Object.assign(Object.assign({}, $state), { showToolbar: false })),
+    hideAnnotationbar: () => ($state) => (Object.assign(Object.assign({}, $state), { showToolbar: true })),
+};

package/es6/pdf-web-viewer/state/navigationPanel.d.ts

@@ -0,0 +1,61 @@
+import { ActionsType } from '../../lib/hyperapp';
+import { OutlineItem, Annotation, PdfItemsOnPage, DeletedItem } from '../../pdf-viewer-api';
+type NavigationType = 'thumbnail' | 'outline' | 'annotation';
+/** internal */
+export interface PageNavigationItem {
+    thumbnail: string | null;
+    pageNumber: number;
+    loading?: boolean | null;
+}
+/** internal */
+export interface OutlineNavigationItem extends OutlineItem {
+    open: boolean;
+    hasDescendants: boolean;
+    descendants: OutlineNavigationItem[];
+}
+export interface AnnotationItemState {
+    [annotationId: number]: Annotation;
+}
+export interface AnnotationsState {
+    [page: number]: AnnotationItemState;
+}
+export interface AnnotationSelection {
+    page: number;
+    annotationId: number;
+}
+/** internal */
+export interface NavigationPanelState {
+    showNavigation: boolean;
+    selectedNavigation: NavigationType;
+    outlineItemsLoaded: boolean;
+    annotationsLoaded: boolean;
+    pages: PageNavigationItem[];
+    outlines: OutlineNavigationItem[];
+    annotations: AnnotationsState;
+    selectedAnnotation?: AnnotationSelection;
+}
+/** internal */
+export declare const state: NavigationPanelState;
+/** internal */
+export interface NavigationPanelActions {
+    clear(): NavigationPanelState;
+    setThumbnailPlaceholders(pageCount: number): NavigationPanelState;
+    updateThumbnail(pageThumbnail: PageNavigationItem): NavigationPanelState;
+    setOutlines(outline: OutlineNavigationItem[]): NavigationPanelState;
+    selectNavigation(navigation: NavigationType): NavigationPanelState;
+    toggleNavigationPanel(): NavigationPanelState;
+    showNavigationPanel(): NavigationPanelState;
+    hideNavigationPanel(): NavigationPanelState;
+    toggleOutlineItem(path: string[]): NavigationPanelState;
+    clearAnnotations(): NavigationPanelState;
+    setAnnotationLoaded(): NavigationPanelState;
+    initAnnotations(pageCount: number): NavigationPanelState;
+    setPageAnnotations(itemsOnPage: PdfItemsOnPage): NavigationPanelState;
+    updateAnnotation(annotation: Annotation): NavigationPanelState;
+    deleteAnnotation(deletedItem: DeletedItem): NavigationPanelState;
+    selectAnnotation(annotation: Annotation): NavigationPanelState;
+    deselectAnnotation(): NavigationPanelState;
+}
+/** internal */
+export declare const actions: ActionsType<NavigationPanelState, NavigationPanelActions>;
+export {};

package/es6/pdf-web-viewer/state/navigationPanel.js

@@ -0,0 +1,84 @@
+/** internal */
+export const state = {
+    showNavigation: false,
+    selectedNavigation: 'thumbnail',
+    outlineItemsLoaded: false,
+    annotationsLoaded: false,
+    pages: [],
+    outlines: [],
+    annotations: {},
+};
+/** internal */
+export const actions = {
+    clear: () => ($state) => (Object.assign(Object.assign({}, $state), { outlineItemsLoaded: false, pages: [], outlines: [], annotations: [] })),
+    setThumbnailPlaceholders: (pageCount) => ($state) => {
+        const pages = [];
+        for (let i = 0; i < pageCount; i++) {
+            pages.push({
+                thumbnail: null,
+                loading: null,
+                pageNumber: i + 1,
+            });
+        }
+        return Object.assign(Object.assign({}, $state), { pages });
+    },
+    updateThumbnail: (newThumbnail) => ($state) => (Object.assign(Object.assign({}, $state), { pages: $state.pages.map((p) => (p.pageNumber === newThumbnail.pageNumber ? newThumbnail : p)) })),
+    setOutlines: (outlines) => ($state) => (Object.assign(Object.assign({}, $state), { outlineItemsLoaded: true, outlines })),
+    toggleNavigationPanel: () => ($state) => (Object.assign(Object.assign({}, $state), { showNavigation: !$state.showNavigation })),
+    showNavigationPanel: () => ($state) => (Object.assign(Object.assign({}, $state), { showNavigation: true })),
+    hideNavigationPanel: () => ($state) => (Object.assign(Object.assign({}, $state), { showNavigation: false })),
+    selectNavigation: (navigation) => ($state) => (Object.assign(Object.assign({}, $state), { showNavigation: true, selectedNavigation: navigation })),
+    toggleOutlineItem: (path) => ($state) => {
+        const newState = Object.assign({}, $state);
+        let currentItem = { descendants: newState.outlines, open: false };
+        path.forEach((id) => {
+            const nextItem = currentItem.descendants.find((item) => item.id.toString() === id);
+            if (nextItem) {
+                currentItem = nextItem;
+            }
+        });
+        currentItem.open = !currentItem.open;
+        return newState;
+    },
+    clearAnnotations: () => ($state) => (Object.assign(Object.assign({}, $state), { annotations: {}, selectedAnnotation: undefined, annotationsLoaded: false })),
+    setAnnotationLoaded: () => ($state) => (Object.assign(Object.assign({}, $state), { annotationsLoaded: true })),
+    initAnnotations: (pageCount) => ($state) => {
+        const annotations = {};
+        for (let i = 1; i <= pageCount; i++) {
+            annotations[i] = {};
+        }
+        return Object.assign(Object.assign({}, $state), { annotations });
+    },
+    setPageAnnotations: (itemsOnPage) => ($state) => {
+        const itemState = {};
+        itemsOnPage.items.forEach((an) => {
+            const annotation = an;
+            itemState[annotation.id] = annotation;
+        });
+        return Object.assign(Object.assign({}, $state), { annotations: Object.assign(Object.assign({}, $state.annotations), { [itemsOnPage.page]: itemState }) });
+    },
+    updateAnnotation: (annotation) => ($state) => {
+        const page = annotation.pdfRect.page;
+        const id = annotation.id;
+        const itemsOnPage = $state.annotations[page] ? Object.assign({}, $state.annotations[page]) : {};
+        itemsOnPage[id] = annotation;
+        return Object.assign(Object.assign({}, $state), { annotations: Object.assign(Object.assign({}, $state.annotations), { [page]: itemsOnPage }) });
+    },
+    deleteAnnotation: (deletedItem) => ($state) => {
+        const page = deletedItem.page;
+        const id = deletedItem.id;
+        const itemsOnPage = $state.annotations[page];
+        if (!itemsOnPage) {
+            return Object.assign({}, $state);
+        }
+        delete itemsOnPage[id];
+        return Object.assign(Object.assign({}, $state), { annotations: Object.assign(Object.assign({}, $state.annotations), { [page]: itemsOnPage }) });
+    },
+    selectAnnotation: (annotation) => ($state) => {
+        return Object.assign(Object.assign({}, $state), { selectedAnnotation: {
+                page: annotation.pdfRect.page,
+                annotationId: annotation.id,
+            } });
+    },
+    deselectAnnotation: () => ($state) => (Object.assign(Object.assign({}, $state), { selectedAnnotation: undefined })),
+};

package/es6/pdf-web-viewer/state/passwordForm.d.ts

@@ -0,0 +1,18 @@
+import { ActionsType } from '../../lib/hyperapp';
+/** internal */
+export interface PasswordFormState {
+    password: string;
+    passwordRequiredError: boolean;
+    invalidPasswordError: boolean;
+}
+/** internal */
+export declare const state: PasswordFormState;
+/** internal */
+export interface PasswordFormActions {
+    clear(): PasswordFormState;
+    updatePassword(breakPoint: string): PasswordFormState;
+    validateForm(): PasswordFormState;
+    setInvalidPasswordError(): PasswordFormState;
+}
+/** internal */
+export declare const actions: ActionsType<PasswordFormState, PasswordFormActions>;

package/es6/pdf-web-viewer/state/passwordForm.js

@@ -0,0 +1,21 @@
+/** internal */
+export const state = {
+    password: '',
+    passwordRequiredError: false,
+    invalidPasswordError: false,
+};
+/** internal */
+export const actions = {
+    clear: () => ($state) => ({
+        password: '',
+        passwordRequiredError: false,
+        invalidPasswordError: false,
+    }),
+    updatePassword: (password) => ($state) => {
+        return Object.assign(Object.assign({}, $state), { password });
+    },
+    validateForm: () => ($state) => {
+        return Object.assign(Object.assign({}, $state), { invalidPasswordError: false, passwordRequiredError: $state.password === '' });
+    },
+    setInvalidPasswordError: () => ($state) => (Object.assign(Object.assign({}, $state), { invalidPasswordError: true })),
+};

package/es6/pdf-web-viewer/state/pdfDocument.d.ts

@@ -0,0 +1,31 @@
+import { ActionsType } from '../../lib/hyperapp';
+import { InputFile, InputUri } from '../../pdf-viewer-api';
+/** internal */
+export interface PdfDocumentState {
+    filename: string;
+    mimetype: string;
+    hasChanges: boolean;
+    zoom: number;
+    fitMode: number;
+    pageLayoutMode: number;
+    pageCount: number;
+    firstVisiblePage: number;
+    lastVisiblePage: number;
+    pageNumber: number;
+}
+/** internal */
+export declare const state: PdfDocumentState;
+/** internal */
+export interface PdfDocumentActions {
+    setZoom(zoom: number): PdfDocumentState;
+    setHasChanges(hasChanges: boolean): PdfDocumentState;
+    setFitMode(fitMode: number): PdfDocumentState;
+    setPageLayoutMode(fitMode: number): PdfDocumentState;
+    setPageCount(page: number): PdfDocumentState;
+    setFirstVisiblePage(page: number): PdfDocumentState;
+    setLastVisiblePage(page: number): PdfDocumentState;
+    setPageNumber(page: number): PdfDocumentState;
+    setFileInfo(inputDocument: InputFile | InputUri): PdfDocumentState;
+}
+/** internal */
+export declare const actions: ActionsType<PdfDocumentState, PdfDocumentActions>;

package/es6/pdf-web-viewer/state/pdfDocument.js

@@ -0,0 +1,41 @@
+import { PdfFitMode, PdfPageLayoutMode, } from '../../pdf-viewer-api';
+/** internal */
+export const state = {
+    filename: '',
+    mimetype: '',
+    hasChanges: false,
+    zoom: 100,
+    fitMode: PdfFitMode.NONE,
+    pageLayoutMode: PdfPageLayoutMode.ONE_COLUMN,
+    firstVisiblePage: 0,
+    lastVisiblePage: 0,
+    pageNumber: 0,
+    pageCount: 0,
+};
+/** internal */
+export const actions = {
+    setZoom: (zoom) => ($state) => (Object.assign(Object.assign({}, $state), { zoom })),
+    setFitMode: (fitMode) => ($state) => (Object.assign(Object.assign({}, $state), { fitMode })),
+    setPageLayoutMode: (pageLayoutMode) => ($state) => (Object.assign(Object.assign({}, $state), { pageLayoutMode })),
+    setHasChanges: (hasChanges) => ($state) => (Object.assign(Object.assign({}, $state), { hasChanges })),
+    setFirstVisiblePage: (page) => ($state) => {
+        const firstVisiblePage = page <= 1 ? 1 : page < $state.pageCount ? page : $state.pageCount;
+        return Object.assign(Object.assign({}, $state), { firstVisiblePage });
+    },
+    setLastVisiblePage: (page) => ($state) => {
+        const lastVisiblePage = page <= 1 ? 1 : page < $state.pageCount ? page : $state.pageCount;
+        return Object.assign(Object.assign({}, $state), { lastVisiblePage });
+    },
+    setPageNumber: (page) => ($state) => {
+        let pageNumber;
+        if ($state.pageCount === 0)
+            pageNumber = page;
+        else
+            pageNumber = page = page <= 1 ? 1 : page < $state.pageCount ? page : $state.pageCount;
+        return Object.assign(Object.assign({}, $state), { pageNumber });
+    },
+    setPageCount: (pageCount) => ($state) => {
+        return Object.assign(Object.assign({}, $state), { pageCount });
+    },
+    setFileInfo: (inputDocument) => ($state) => (Object.assign(Object.assign({}, $state), { filename: inputDocument.sourceTag, mimetype: 'application/pdf' })),
+};

package/es6/pdf-web-viewer/state/search.d.ts

@@ -0,0 +1,29 @@
+import { ActionsType } from '../../lib/hyperapp';
+import { QuadrilateralOnPage } from '../../pdf-viewer-api';
+/** internal */
+export interface SearchState {
+    showSearch: boolean;
+    searchString: '';
+    caseSensitive: boolean;
+    wrapSearch: boolean;
+    useRegex: boolean;
+    page: number;
+    match: QuadrilateralOnPage[] | null;
+    painted: boolean;
+}
+/** internal */
+export declare const state: SearchState;
+/** internal */
+export interface SearchActions {
+    updateToSearch(searchString: string): SearchState;
+    openSearch(): SearchState;
+    closeSearch(): SearchState;
+    toggleCaseSensitive(): SearchState;
+    toggleWrappingSearch(): SearchState;
+    toggleRegex(): SearchState;
+    setCaseSensitive(enabled: boolean): SearchState;
+    setWrappingSearch(enabled: boolean): SearchState;
+    setRegex(enabled: boolean): SearchState;
+}
+/** internal */
+export declare const actions: ActionsType<SearchState, SearchActions>;

package/es6/pdf-web-viewer/state/search.js

@@ -0,0 +1,23 @@
+/** internal */
+export const state = {
+    showSearch: false,
+    searchString: '',
+    caseSensitive: false,
+    wrapSearch: false,
+    useRegex: false,
+    page: 1,
+    match: null,
+    painted: false,
+};
+/** internal */
+export const actions = {
+    updateToSearch: (searchString) => ($state) => (Object.assign(Object.assign({}, $state), { searchString })),
+    openSearch: () => ($state) => (Object.assign(Object.assign({}, $state), { showSearch: true })),
+    closeSearch: () => ($state) => (Object.assign(Object.assign({}, $state), { searchString: '', showSearch: false })),
+    toggleCaseSensitive: () => ($state) => (Object.assign(Object.assign({}, $state), { caseSensitive: !$state.caseSensitive })),
+    toggleWrappingSearch: () => ($state) => (Object.assign(Object.assign({}, $state), { wrapSearch: !$state.wrapSearch })),
+    toggleRegex: () => ($state) => (Object.assign(Object.assign({}, $state), { useRegex: !$state.useRegex })),
+    setCaseSensitive: (enabled) => ($state) => (Object.assign(Object.assign({}, $state), { caseSensitive: enabled })),
+    setWrappingSearch: (enabled) => ($state) => (Object.assign(Object.assign({}, $state), { wrapSearch: enabled })),
+    setRegex: (enabled) => ($state) => (Object.assign(Object.assign({}, $state), { useRegex: enabled })),
+};

package/es6/pdf-web-viewer/views/App.d.ts

@@ -0,0 +1,4 @@
+import { ViewComponent } from '../../lib/hyperapp';
+import { PdfWebViewerState, PdfWebViewerActions } from '../PdfWebViewer';
+/** internal */
+export declare const App: ViewComponent<{}, PdfWebViewerState, PdfWebViewerActions>;

package/es6/pdf-web-viewer/views/App.js

@@ -0,0 +1,19 @@
+import { h } from '../../lib/hyperapp';
+import { classNames } from '../../common/classNames';
+import { ScreenSize } from '../state/layout';
+import { Layout } from './Layout';
+import { DropZone } from './DropZone';
+import { Modal } from './modal/Modal';
+/** internal */
+export const App = () => (state, actions) => {
+    const sizeCssClassName = state.layout.screenSize === ScreenSize.Small
+        ? 'sm'
+        : state.layout.screenSize === ScreenSize.Medium
+            ? 'md'
+            : 'lg';
+    return (h(DropZone, { className: classNames('pwv-WebViewer', `pwv-WebViewer--${sizeCssClassName}`), enabled: state.options.viewer.permissions.allowFileDrop &&
+            state.fileDropEnabled &&
+            state.options.viewer.permissions.allowOpenFile, onFileSelected: (file) => actions.api.open({ pdfFile: { data: file, sourceTag: file.name } }) },
+        state.scriptsLoaded && h(Layout, null),
+        h(Modal, null)));
+};

package/es6/pdf-web-viewer/views/CustomButtons.d.ts

@@ -0,0 +1,9 @@
+import { ViewComponent } from '../../lib/hyperapp';
+import { PdfWebViewerState, PdfWebViewerActions } from '../PdfWebViewer';
+/** internal */
+export interface CustomButtonsProps {
+    location: string;
+    style: 'button' | 'listItem';
+}
+/** internal */
+export declare const CustomButtons: ViewComponent<CustomButtonsProps, PdfWebViewerState, PdfWebViewerActions>;

package/es6/pdf-web-viewer/views/CustomButtons.js

@@ -0,0 +1,18 @@
+import { h } from '../../lib/hyperapp';
+import { tooltipManager } from '../../common/TooltipManager';
+/** internal */
+export const CustomButtons = ({ location, style }) => (state, actions) => {
+    const { customButtons } = state.options.viewer;
+    if (!customButtons ||
+        !customButtons.hasOwnProperty(location) ||
+        !customButtons[location].length) {
+        return null;
+    }
+    const buttons = customButtons[location];
+    return style === 'button' ? (h("div", { class: "pwv-CustomButtons" }, buttons.map((ca) => (h("button", Object.assign({ oncreate: tooltipManager.bindCssTooltip }, tooltipManager.createTooltip(ca.text), { class: "pwv-ToolbarButton", onclick: ca.onClick }),
+        h("span", { class: "pwv-icon" },
+            h("img", { src: ca.icon }))))))) : (h("div", null, buttons.map((ca) => (h("button", { class: "pwv-DropdownItem", onclick: ca.onClick },
+        h("span", { class: "pwv-icon" },
+            h("img", { src: ca.icon })),
+        ca.text)))));
+};

package/es6/pdf-web-viewer/views/DropZone.d.ts

@@ -0,0 +1,9 @@
+import { Component } from '../../lib/hyperapp';
+/** internal */
+export interface DropZoneProps {
+    className?: string;
+    enabled: boolean;
+    onFileSelected(file: File): void;
+}
+/** internal */
+export declare const DropZone: Component<DropZoneProps>;

package/es6/pdf-web-viewer/views/DropZone.js

@@ -0,0 +1,53 @@
+import { h } from '../../lib/hyperapp';
+import { classNames } from '../../common/classNames';
+let allowDropTimer = 0;
+/** internal */
+export const DropZone = ({ className, enabled, onFileSelected }, children) => {
+    const handleDragOver = (e) => {
+        e.preventDefault();
+        if (!enabled) {
+            return;
+        }
+        if (e.dataTransfer) {
+            const dropContainer = e.currentTarget;
+            const items = e.dataTransfer.items;
+            if (items && items.length === 1 && items[0].type === 'application/pdf') {
+                dropContainer.classList.add('pwv-dropzone-dragover');
+                clearTimeout(allowDropTimer);
+                allowDropTimer = window.setTimeout(() => {
+                    dropContainer.classList.remove('pwv-dropzone-dragover');
+                }, 150);
+            }
+        }
+    };
+    const handleDrop = (e) => {
+        e.preventDefault();
+        if (e.dataTransfer) {
+            let pdfFile = null;
+            if (e.dataTransfer.items) {
+                /* tslint:disable-next-line */
+                for (let i = 0; i < e.dataTransfer.items.length; i++) {
+                    const item = e.dataTransfer.items[i];
+                    if (item.kind === 'file' && item.type === 'application/pdf') {
+                        pdfFile = item.getAsFile();
+                        break;
+                    }
+                }
+            }
+            else {
+                /* tslint:disable-next-line */
+                for (let i = 0; i < e.dataTransfer.files.length; i++) {
+                    const file = e.dataTransfer.files[i];
+                    if (file.type === 'application/pdf') {
+                        pdfFile = file;
+                        break;
+                    }
+                }
+            }
+            if (enabled && pdfFile !== null) {
+                onFileSelected(pdfFile);
+            }
+        }
+    };
+    return (h("div", { class: classNames(className, 'pwv-dropzone'), ondragover: handleDragOver, ondrop: handleDrop }, children));
+};

package/es6/pdf-web-viewer/views/Layout.d.ts

@@ -0,0 +1,4 @@
+import { ViewComponent } from '../../lib/hyperapp';
+import { PdfWebViewerState, PdfWebViewerActions } from '../PdfWebViewer';
+/** internal */
+export declare const Layout: ViewComponent<{}, PdfWebViewerState, PdfWebViewerActions>;

package/es6/pdf-web-viewer/views/Layout.js

@@ -0,0 +1,22 @@
+import { h } from '../../lib/hyperapp';
+import { classNames } from '../../common/classNames';
+import { AppBar } from './appbar/AppBar';
+import { Annotationbar } from './annotationbar/Annotationbar';
+import { NavigationPanel } from './navigation/NavigationPanel';
+/** internal */
+export const Layout = ({}) => (state, actions) => {
+    const { disableAnnotationToolbar, annotationBarPosition } = state.options.viewer.general;
+    return (h("div", { class: classNames('pwv-Viewer', {
+            'pwv-Viewer--loadFile': state.showLoadingIndicator,
+            'pwv-Viewer--saveFile': state.showSaveIndicator,
+        }) },
+        h(AppBar, null),
+        h("div", { class: "pwv-ViewerContent" },
+            h("div", { class: classNames('pwv-document-view', `pwv-annotationbar-${annotationBarPosition}`) },
+                h("div", { oncreate: (element) => {
+                        const a = actions;
+                        a.createCanvasView(element);
+                    } }),
+                !disableAnnotationToolbar && h(Annotationbar, null)),
+            h(NavigationPanel, null))));
+};

package/es6/pdf-web-viewer/views/annotationbar/Annotationbar.d.ts

@@ -0,0 +1,4 @@
+import { ViewComponent } from '../../../lib/hyperapp';
+import { PdfWebViewerState, PdfWebViewerActions } from '../../PdfWebViewer';
+/** internal */
+export declare const Annotationbar: ViewComponent<{}, PdfWebViewerState, PdfWebViewerActions>;