@resolveio/client-lib-core 15.1.18 → 15.1.19

package/fesm2020/resolveio-client-lib-core.mjs

@@ -27,8 +27,8 @@ import { UserAgentApplication } from 'msal';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import * as i8 from 'ngx-file-drop';
 import { NgxFileDropModule } from 'ngx-file-drop';
-import * as i9 from 'ngx-doc-viewer';
-import { NgxDocViewerModule } from 'ngx-doc-viewer';
+import * as i9 from '@resolveio/client-lib-pdf-viewer';
+import { PdfViewerModule } from '@resolveio/client-lib-pdf-viewer';
 
 class CoreService {
     // customHomePage = new BehaviorSubject(false);
@@ -7679,10 +7679,10 @@ class FileUploadComponent extends BaseComponent {
     }
 }
 FileUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FileUploadComponent, deps: [{ token: ResizeService }, { token: ProviderService }, { token: DialogService }, { token: i4.HttpClient }], target: i0.ɵɵFactoryTarget.Component });
-FileUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FileUploadComponent, selector: "file-upload", inputs: { files: "files", allowDelete: "allowDelete", allowReplace: "allowReplace", showFileUpload: "showFileUpload", fileType: "fileType" }, outputs: { filesChanged: "filesChanged", fileAdded: "fileAdded", fileRemoved: "fileRemoved" }, viewQueries: [{ propertyName: "download_link", first: true, predicate: ["download_link"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<style>\n \n    html, body { height: 100%; }\n\n    collapse-table tr:hover {\n        background-color: lightblue;\n        cursor: pointer;\n    }\n\n    collapse-table {\n        width: 100%;\n    }\n        \n    /* Label container: */\n    .file {\n        display: inline-block;\n        padding: 0 0 0 0.5em;\n        cursor: pointer;\n        position: relative;\n        border: .075rem solid #ddd;\n        border-radius: .25rem;\n    }\n    \n    /* The pseudo input field: */\n    .file::before {\n        content: \"\";\n        display: block;\n        position: absolute;\n        left: 0;\n        right: 0;\n        top: 0;\n        bottom: 0;\n        z-index: -1;\n        \n        /* Bootstrap appearance: */\n        background-color: #fff;\n        border: .075rem solid #ddd;\n        border-radius: .25rem;\n        -webkit-box-shadow: inset 0 .2rem .4rem rgba(0,0,0,.05);\n        box-shadow: inset 0 .2rem .4rem rgba(0,0,0,.05);\n    }\n    \n    /* The pseudo button: */\n    .file::after {\n        content: \"Browse\";\n        display: inline-block;\n        \n        /* Bootstrap appearance: */\n        background-color: #eee;\n        border: .075rem solid #ddd;\n        border-radius: 0 .25rem .25rem 0;\n        padding: .5rem 1rem;\n        line-height: 1.5;\n        color: #555;\n    }\n    \n    .file input[type=file] {\n        cursor: pointer;\n        border: 0 none;\n        width: 12em;\n    }\n    \n    /* -webkit hide the button: */\n    .file input[type=file]::-webkit-file-upload-button {\n        border: 0;\n        padding: 0;\n        margin: 0 ;\n        width: 0;\n        background: transparent;\n    }      \n    \n    /* IE10+ hide the button: */\n    .file input[type=file]::-ms-browse {\n        padding: 0;\n        margin: -1px;\n        width: 0;\n        border: 0;\n        background: transparent;\n    }\n    \n    .file input[type=file]::-ms-value {\n        background: #fff;\n        border: 0;\n    }\n\n    card {\n        width: 100%;\n    }\n</style>\n\n<a style=\"display: none\" #download_link></a>\n<input hidden type=\"file\" #fileInputReplace (change)=\"onFileSelectReplace($event)\" />\n \n<div class=\"card\">\n    <div class=\"card-header\">\n        <strong class=\"pull-left\">Files</strong>\n    </div>\n    <div class=\"card-block\">\n        <div class=\"row\">\n            <div class=\"col-lg-6\">\n                <div class=\"row\" *ngIf=\"showFileUpload\">\n                    <div class=\"col-lg-6\">\n                        <div class=\"container\">\n                            <div style=\"margin: 10px 0px; font-weight: bold;\">Upload File</div>\n                            <label class=\"file\">\n                                <input type=\"file\" #fileInput (change)=\"onFileSelect($event)\" />\n                            </label>\n                            <br>\n                            <ngx-file-drop dropZoneLabel=\"Drop files here\" style=\"width: 223px; height: 112px; border: 1px black dashed; border-radius: 5px; justify-content: center;\" class=\"vertical-align\" (onFileDrop)=\"dragFileAccepted($event)\"></ngx-file-drop>\n                        </div>\n                    </div>\n                    <div class=\"col-lg-6\">\n                        <div *ngIf=\"isUploading\">\n                            <b>{{progressMsg || 'N/A'}}</b>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"row\" style=\"margin-top: 10px;\">\n                    <div class=\"col-lg-12\" *ngIf=\"windowSize > 980\">\n                        <div style=\"text-align: center;\" *ngIf=\"pdfSrc\">\n                            <ngx-doc-viewer [url]=\"pdfSrc\" style=\"display: block;\"></ngx-doc-viewer>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"col-lg-6\">\n                <div *ngIf=\"files && files.length\">\n                    <b>Uploaded Files</b>\n                    <div [style.max-height]=\"windowSize > 900 ? '300px' : ''\" [style.overflow-y]=\"windowSize > 900 ? 'auto' : ''\">\n                        <collapse-table collapseSize=\"900\">\n                            <thead>\n                                <tr>\n                                    <th>File Name</th>\n                                    <th>Size</th>\n                                    <th>Type</th>\n                                    <th>Actions</th>\n                                </tr>\n                            </thead>    \n                            <tbody>\n                                <tr *ngFor=\"let file of files; let i = index\">\n                                    <td data-label=\"File Name\" (click)=\"setPDFViewerSrc(file)\">{{file.name}}</td>\n                                    <td data-label=\"Size\" (click)=\"setPDFViewerSrc(file)\">{{ file.size/1024/1024 | number:'.2' }} MB</td>\n                                    <td data-label=\"Type\" (click)=\"setPDFViewerSrc(file)\">{{file.type}}</td>\n                                    <td data-label=\"Actions\">\n                                        <responsive-button-group collapseSize=\"900\">\n                                            <button type=\"button\" class=\"btn btn-success\" (click)=\"open(file)\">Open</button>\n                                            <button type=\"button\" class=\"btn btn-primary\" (click)=\"download(file)\">Download</button>\n                                            <button [hidden]=\"!allowDelete || (file.type !== 'misc' && !userIsInRole('super-admin'))\" type=\"button\" class=\"btn btn-danger\" (click)=\"deleteWithEmit(i)\">Delete</button>\n                                            <button [hidden]=\"!allowDelete || (file.type !== 'misc' && !userIsInRole('super-admin'))\" type=\"button\" class=\"btn btn-danger\" (click)=\"fileInputReplace.click(); replaceFileIndex = i;\">Replace</button>\n                                            <button type=\"button\" class=\"btn btn-warning\" (click)=\"email(file)\">Email</button>\n                                        </responsive-button-group>\n                                    </td>\n                                </tr>\n                            </tbody>\n                        </collapse-table>\n                    </div>\n                </div>\n                <div *ngIf=\"!files || !files.length\">\n                    <b>No Uploaded Files</b>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>", styles: ["\n \n    html, body { height: 100%; }\n\n    collapse-table tr:hover {\n        background-color: lightblue;\n        cursor: pointer;\n    }\n\n    collapse-table {\n        width: 100%;\n    }\n        \n    /* Label container: */\n    .file {\n        display: inline-block;\n        padding: 0 0 0 0.5em;\n        cursor: pointer;\n        position: relative;\n        border: .075rem solid #ddd;\n        border-radius: .25rem;\n    }\n    \n    /* The pseudo input field: */\n    .file::before {\n        content: \"\";\n        display: block;\n        position: absolute;\n        left: 0;\n        right: 0;\n        top: 0;\n        bottom: 0;\n        z-index: -1;\n        \n        /* Bootstrap appearance: */\n        background-color: #fff;\n        border: .075rem solid #ddd;\n        border-radius: .25rem;\n        -webkit-box-shadow: inset 0 .2rem .4rem rgba(0,0,0,.05);\n        box-shadow: inset 0 .2rem .4rem rgba(0,0,0,.05);\n    }\n    \n    /* The pseudo button: */\n    .file::after {\n        content: \"Browse\";\n        display: inline-block;\n        \n        /* Bootstrap appearance: */\n        background-color: #eee;\n        border: .075rem solid #ddd;\n        border-radius: 0 .25rem .25rem 0;\n        padding: .5rem 1rem;\n        line-height: 1.5;\n        color: #555;\n    }\n    \n    .file input[type=file] {\n        cursor: pointer;\n        border: 0 none;\n        width: 12em;\n    }\n    \n    /* -webkit hide the button: */\n    .file input[type=file]::-webkit-file-upload-button {\n        border: 0;\n        padding: 0;\n        margin: 0 ;\n        width: 0;\n        background: transparent;\n    }      \n    \n    /* IE10+ hide the button: */\n    .file input[type=file]::-ms-browse {\n        padding: 0;\n        margin: -1px;\n        width: 0;\n        border: 0;\n        background: transparent;\n    }\n    \n    .file input[type=file]::-ms-value {\n        background: #fff;\n        border: 0;\n    }\n\n    card {\n        width: 100%;\n    }\n"], dependencies: [{ kind: "directive", type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CollapseTableComponent, selector: "collapse-table", inputs: ["collapseSize", "tableFixed", "headerFixed", "secondaryColor", "tertiaryColor"] }, { kind: "component", type: ResponsiveButtonGroupComponent, selector: "responsive-button-group", inputs: ["collapseSize"] }, { kind: "component", type: i8.NgxFileDropComponent, selector: "ngx-file-drop", inputs: ["accept", "directory", "multiple", "dropZoneLabel", "dropZoneClassName", "useDragEnter", "contentClassName", "showBrowseBtn", "browseBtnClassName", "browseBtnLabel", "disabled"], outputs: ["onFileDrop", "onFileOver", "onFileLeave"] }, { kind: "component", type: i9.NgxDocViewerComponent, selector: "ngx-doc-viewer", inputs: ["url", "queryParams", "viewerUrl", "googleCheckInterval", "googleMaxChecks", "disableContent", "googleCheckContentLoaded", "viewer", "overrideLocalhost"], outputs: ["loaded"] }, { kind: "pipe", type: i7.DecimalPipe, name: "number" }] });
+FileUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FileUploadComponent, selector: "file-upload", inputs: { files: "files", allowDelete: "allowDelete", allowReplace: "allowReplace", showFileUpload: "showFileUpload", fileType: "fileType" }, outputs: { filesChanged: "filesChanged", fileAdded: "fileAdded", fileRemoved: "fileRemoved" }, viewQueries: [{ propertyName: "download_link", first: true, predicate: ["download_link"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<style>\n \n    html, body { height: 100%; }\n\n    collapse-table tr:hover {\n        background-color: lightblue;\n        cursor: pointer;\n    }\n\n    collapse-table {\n        width: 100%;\n    }\n        \n    /* Label container: */\n    .file {\n        display: inline-block;\n        padding: 0 0 0 0.5em;\n        cursor: pointer;\n        position: relative;\n        border: .075rem solid #ddd;\n        border-radius: .25rem;\n    }\n    \n    /* The pseudo input field: */\n    .file::before {\n        content: \"\";\n        display: block;\n        position: absolute;\n        left: 0;\n        right: 0;\n        top: 0;\n        bottom: 0;\n        z-index: -1;\n        \n        /* Bootstrap appearance: */\n        background-color: #fff;\n        border: .075rem solid #ddd;\n        border-radius: .25rem;\n        -webkit-box-shadow: inset 0 .2rem .4rem rgba(0,0,0,.05);\n        box-shadow: inset 0 .2rem .4rem rgba(0,0,0,.05);\n    }\n    \n    /* The pseudo button: */\n    .file::after {\n        content: \"Browse\";\n        display: inline-block;\n        \n        /* Bootstrap appearance: */\n        background-color: #eee;\n        border: .075rem solid #ddd;\n        border-radius: 0 .25rem .25rem 0;\n        padding: .5rem 1rem;\n        line-height: 1.5;\n        color: #555;\n    }\n    \n    .file input[type=file] {\n        cursor: pointer;\n        border: 0 none;\n        width: 12em;\n    }\n    \n    /* -webkit hide the button: */\n    .file input[type=file]::-webkit-file-upload-button {\n        border: 0;\n        padding: 0;\n        margin: 0 ;\n        width: 0;\n        background: transparent;\n    }      \n    \n    /* IE10+ hide the button: */\n    .file input[type=file]::-ms-browse {\n        padding: 0;\n        margin: -1px;\n        width: 0;\n        border: 0;\n        background: transparent;\n    }\n    \n    .file input[type=file]::-ms-value {\n        background: #fff;\n        border: 0;\n    }\n\n    card {\n        width: 100%;\n    }\n</style>\n\n<a style=\"display: none\" #download_link></a>\n<input hidden type=\"file\" #fileInputReplace (change)=\"onFileSelectReplace($event)\" />\n \n<div class=\"card\">\n    <div class=\"card-header\">\n        <strong class=\"pull-left\">Files</strong>\n    </div>\n    <div class=\"card-block\">\n        <div class=\"row\">\n            <div class=\"col-lg-6\">\n                <div class=\"row\" *ngIf=\"showFileUpload\">\n                    <div class=\"col-lg-6\">\n                        <div class=\"container\">\n                            <div style=\"margin: 10px 0px; font-weight: bold;\">Upload File</div>\n                            <label class=\"file\">\n                                <input type=\"file\" #fileInput (change)=\"onFileSelect($event)\" />\n                            </label>\n                            <br>\n                            <ngx-file-drop dropZoneLabel=\"Drop files here\" style=\"width: 223px; height: 112px; border: 1px black dashed; border-radius: 5px; justify-content: center;\" class=\"vertical-align\" (onFileDrop)=\"dragFileAccepted($event)\"></ngx-file-drop>\n                        </div>\n                    </div>\n                    <div class=\"col-lg-6\">\n                        <div *ngIf=\"isUploading\">\n                            <b>{{progressMsg || 'N/A'}}</b>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"row\" style=\"margin-top: 10px;\">\n                    <div class=\"col-lg-12\" *ngIf=\"windowSize > 980\">\n                        <div style=\"text-align: center;\" *ngIf=\"pdfSrc\">\n                            <resolveio-client-lib-pdf-viewer [pdfSrc]=\"pdfSrc\"></resolveio-client-lib-pdf-viewer>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"col-lg-6\">\n                <div *ngIf=\"files && files.length\">\n                    <b>Uploaded Files</b>\n                    <div [style.max-height]=\"windowSize > 900 ? '300px' : ''\" [style.overflow-y]=\"windowSize > 900 ? 'auto' : ''\">\n                        <collapse-table collapseSize=\"900\">\n                            <thead>\n                                <tr>\n                                    <th>File Name</th>\n                                    <th>Size</th>\n                                    <th>Type</th>\n                                    <th>Actions</th>\n                                </tr>\n                            </thead>    \n                            <tbody>\n                                <tr *ngFor=\"let file of files; let i = index\">\n                                    <td data-label=\"File Name\" (click)=\"setPDFViewerSrc(file)\">{{file.name}}</td>\n                                    <td data-label=\"Size\" (click)=\"setPDFViewerSrc(file)\">{{ file.size/1024/1024 | number:'.2' }} MB</td>\n                                    <td data-label=\"Type\" (click)=\"setPDFViewerSrc(file)\">{{file.type}}</td>\n                                    <td data-label=\"Actions\">\n                                        <responsive-button-group collapseSize=\"900\">\n                                            <button type=\"button\" class=\"btn btn-success\" (click)=\"open(file)\">Open</button>\n                                            <button type=\"button\" class=\"btn btn-primary\" (click)=\"download(file)\">Download</button>\n                                            <button [hidden]=\"!allowDelete || (file.type !== 'misc' && !userIsInRole('super-admin'))\" type=\"button\" class=\"btn btn-danger\" (click)=\"deleteWithEmit(i)\">Delete</button>\n                                            <button [hidden]=\"!allowDelete || (file.type !== 'misc' && !userIsInRole('super-admin'))\" type=\"button\" class=\"btn btn-danger\" (click)=\"fileInputReplace.click(); replaceFileIndex = i;\">Replace</button>\n                                            <button type=\"button\" class=\"btn btn-warning\" (click)=\"email(file)\">Email</button>\n                                        </responsive-button-group>\n                                    </td>\n                                </tr>\n                            </tbody>\n                        </collapse-table>\n                    </div>\n                </div>\n                <div *ngIf=\"!files || !files.length\">\n                    <b>No Uploaded Files</b>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>", styles: ["\n \n    html, body { height: 100%; }\n\n    collapse-table tr:hover {\n        background-color: lightblue;\n        cursor: pointer;\n    }\n\n    collapse-table {\n        width: 100%;\n    }\n        \n    /* Label container: */\n    .file {\n        display: inline-block;\n        padding: 0 0 0 0.5em;\n        cursor: pointer;\n        position: relative;\n        border: .075rem solid #ddd;\n        border-radius: .25rem;\n    }\n    \n    /* The pseudo input field: */\n    .file::before {\n        content: \"\";\n        display: block;\n        position: absolute;\n        left: 0;\n        right: 0;\n        top: 0;\n        bottom: 0;\n        z-index: -1;\n        \n        /* Bootstrap appearance: */\n        background-color: #fff;\n        border: .075rem solid #ddd;\n        border-radius: .25rem;\n        -webkit-box-shadow: inset 0 .2rem .4rem rgba(0,0,0,.05);\n        box-shadow: inset 0 .2rem .4rem rgba(0,0,0,.05);\n    }\n    \n    /* The pseudo button: */\n    .file::after {\n        content: \"Browse\";\n        display: inline-block;\n        \n        /* Bootstrap appearance: */\n        background-color: #eee;\n        border: .075rem solid #ddd;\n        border-radius: 0 .25rem .25rem 0;\n        padding: .5rem 1rem;\n        line-height: 1.5;\n        color: #555;\n    }\n    \n    .file input[type=file] {\n        cursor: pointer;\n        border: 0 none;\n        width: 12em;\n    }\n    \n    /* -webkit hide the button: */\n    .file input[type=file]::-webkit-file-upload-button {\n        border: 0;\n        padding: 0;\n        margin: 0 ;\n        width: 0;\n        background: transparent;\n    }      \n    \n    /* IE10+ hide the button: */\n    .file input[type=file]::-ms-browse {\n        padding: 0;\n        margin: -1px;\n        width: 0;\n        border: 0;\n        background: transparent;\n    }\n    \n    .file input[type=file]::-ms-value {\n        background: #fff;\n        border: 0;\n    }\n\n    card {\n        width: 100%;\n    }\n"], dependencies: [{ kind: "directive", type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CollapseTableComponent, selector: "collapse-table", inputs: ["collapseSize", "tableFixed", "headerFixed", "secondaryColor", "tertiaryColor"] }, { kind: "component", type: ResponsiveButtonGroupComponent, selector: "responsive-button-group", inputs: ["collapseSize"] }, { kind: "component", type: i8.NgxFileDropComponent, selector: "ngx-file-drop", inputs: ["accept", "directory", "multiple", "dropZoneLabel", "dropZoneClassName", "useDragEnter", "contentClassName", "showBrowseBtn", "browseBtnClassName", "browseBtnLabel", "disabled"], outputs: ["onFileDrop", "onFileOver", "onFileLeave"] }, { kind: "component", type: i9.PdfViewerComponent, selector: "resolveio-client-lib-pdf-viewer", inputs: ["pdfSrc", "fileName"] }, { kind: "pipe", type: i7.DecimalPipe, name: "number" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FileUploadComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'file-upload', template: "<style>\n \n    html, body { height: 100%; }\n\n    collapse-table tr:hover {\n        background-color: lightblue;\n        cursor: pointer;\n    }\n\n    collapse-table {\n        width: 100%;\n    }\n        \n    /* Label container: */\n    .file {\n        display: inline-block;\n        padding: 0 0 0 0.5em;\n        cursor: pointer;\n        position: relative;\n        border: .075rem solid #ddd;\n        border-radius: .25rem;\n    }\n    \n    /* The pseudo input field: */\n    .file::before {\n        content: \"\";\n        display: block;\n        position: absolute;\n        left: 0;\n        right: 0;\n        top: 0;\n        bottom: 0;\n        z-index: -1;\n        \n        /* Bootstrap appearance: */\n        background-color: #fff;\n        border: .075rem solid #ddd;\n        border-radius: .25rem;\n        -webkit-box-shadow: inset 0 .2rem .4rem rgba(0,0,0,.05);\n        box-shadow: inset 0 .2rem .4rem rgba(0,0,0,.05);\n    }\n    \n    /* The pseudo button: */\n    .file::after {\n        content: \"Browse\";\n        display: inline-block;\n        \n        /* Bootstrap appearance: */\n        background-color: #eee;\n        border: .075rem solid #ddd;\n        border-radius: 0 .25rem .25rem 0;\n        padding: .5rem 1rem;\n        line-height: 1.5;\n        color: #555;\n    }\n    \n    .file input[type=file] {\n        cursor: pointer;\n        border: 0 none;\n        width: 12em;\n    }\n    \n    /* -webkit hide the button: */\n    .file input[type=file]::-webkit-file-upload-button {\n        border: 0;\n        padding: 0;\n        margin: 0 ;\n        width: 0;\n        background: transparent;\n    }      \n    \n    /* IE10+ hide the button: */\n    .file input[type=file]::-ms-browse {\n        padding: 0;\n        margin: -1px;\n        width: 0;\n        border: 0;\n        background: transparent;\n    }\n    \n    .file input[type=file]::-ms-value {\n        background: #fff;\n        border: 0;\n    }\n\n    card {\n        width: 100%;\n    }\n</style>\n\n<a style=\"display: none\" #download_link></a>\n<input hidden type=\"file\" #fileInputReplace (change)=\"onFileSelectReplace($event)\" />\n \n<div class=\"card\">\n    <div class=\"card-header\">\n        <strong class=\"pull-left\">Files</strong>\n    </div>\n    <div class=\"card-block\">\n        <div class=\"row\">\n            <div class=\"col-lg-6\">\n                <div class=\"row\" *ngIf=\"showFileUpload\">\n                    <div class=\"col-lg-6\">\n                        <div class=\"container\">\n                            <div style=\"margin: 10px 0px; font-weight: bold;\">Upload File</div>\n                            <label class=\"file\">\n                                <input type=\"file\" #fileInput (change)=\"onFileSelect($event)\" />\n                            </label>\n                            <br>\n                            <ngx-file-drop dropZoneLabel=\"Drop files here\" style=\"width: 223px; height: 112px; border: 1px black dashed; border-radius: 5px; justify-content: center;\" class=\"vertical-align\" (onFileDrop)=\"dragFileAccepted($event)\"></ngx-file-drop>\n                        </div>\n                    </div>\n                    <div class=\"col-lg-6\">\n                        <div *ngIf=\"isUploading\">\n                            <b>{{progressMsg || 'N/A'}}</b>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"row\" style=\"margin-top: 10px;\">\n                    <div class=\"col-lg-12\" *ngIf=\"windowSize > 980\">\n                        <div style=\"text-align: center;\" *ngIf=\"pdfSrc\">\n                            <ngx-doc-viewer [url]=\"pdfSrc\" style=\"display: block;\"></ngx-doc-viewer>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"col-lg-6\">\n                <div *ngIf=\"files && files.length\">\n                    <b>Uploaded Files</b>\n                    <div [style.max-height]=\"windowSize > 900 ? '300px' : ''\" [style.overflow-y]=\"windowSize > 900 ? 'auto' : ''\">\n                        <collapse-table collapseSize=\"900\">\n                            <thead>\n                                <tr>\n                                    <th>File Name</th>\n                                    <th>Size</th>\n                                    <th>Type</th>\n                                    <th>Actions</th>\n                                </tr>\n                            </thead>    \n                            <tbody>\n                                <tr *ngFor=\"let file of files; let i = index\">\n                                    <td data-label=\"File Name\" (click)=\"setPDFViewerSrc(file)\">{{file.name}}</td>\n                                    <td data-label=\"Size\" (click)=\"setPDFViewerSrc(file)\">{{ file.size/1024/1024 | number:'.2' }} MB</td>\n                                    <td data-label=\"Type\" (click)=\"setPDFViewerSrc(file)\">{{file.type}}</td>\n                                    <td data-label=\"Actions\">\n                                        <responsive-button-group collapseSize=\"900\">\n                                            <button type=\"button\" class=\"btn btn-success\" (click)=\"open(file)\">Open</button>\n                                            <button type=\"button\" class=\"btn btn-primary\" (click)=\"download(file)\">Download</button>\n                                            <button [hidden]=\"!allowDelete || (file.type !== 'misc' && !userIsInRole('super-admin'))\" type=\"button\" class=\"btn btn-danger\" (click)=\"deleteWithEmit(i)\">Delete</button>\n                                            <button [hidden]=\"!allowDelete || (file.type !== 'misc' && !userIsInRole('super-admin'))\" type=\"button\" class=\"btn btn-danger\" (click)=\"fileInputReplace.click(); replaceFileIndex = i;\">Replace</button>\n                                            <button type=\"button\" class=\"btn btn-warning\" (click)=\"email(file)\">Email</button>\n                                        </responsive-button-group>\n                                    </td>\n                                </tr>\n                            </tbody>\n                        </collapse-table>\n                    </div>\n                </div>\n                <div *ngIf=\"!files || !files.length\">\n                    <b>No Uploaded Files</b>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>" }]
+            args: [{ selector: 'file-upload', template: "<style>\n \n    html, body { height: 100%; }\n\n    collapse-table tr:hover {\n        background-color: lightblue;\n        cursor: pointer;\n    }\n\n    collapse-table {\n        width: 100%;\n    }\n        \n    /* Label container: */\n    .file {\n        display: inline-block;\n        padding: 0 0 0 0.5em;\n        cursor: pointer;\n        position: relative;\n        border: .075rem solid #ddd;\n        border-radius: .25rem;\n    }\n    \n    /* The pseudo input field: */\n    .file::before {\n        content: \"\";\n        display: block;\n        position: absolute;\n        left: 0;\n        right: 0;\n        top: 0;\n        bottom: 0;\n        z-index: -1;\n        \n        /* Bootstrap appearance: */\n        background-color: #fff;\n        border: .075rem solid #ddd;\n        border-radius: .25rem;\n        -webkit-box-shadow: inset 0 .2rem .4rem rgba(0,0,0,.05);\n        box-shadow: inset 0 .2rem .4rem rgba(0,0,0,.05);\n    }\n    \n    /* The pseudo button: */\n    .file::after {\n        content: \"Browse\";\n        display: inline-block;\n        \n        /* Bootstrap appearance: */\n        background-color: #eee;\n        border: .075rem solid #ddd;\n        border-radius: 0 .25rem .25rem 0;\n        padding: .5rem 1rem;\n        line-height: 1.5;\n        color: #555;\n    }\n    \n    .file input[type=file] {\n        cursor: pointer;\n        border: 0 none;\n        width: 12em;\n    }\n    \n    /* -webkit hide the button: */\n    .file input[type=file]::-webkit-file-upload-button {\n        border: 0;\n        padding: 0;\n        margin: 0 ;\n        width: 0;\n        background: transparent;\n    }      \n    \n    /* IE10+ hide the button: */\n    .file input[type=file]::-ms-browse {\n        padding: 0;\n        margin: -1px;\n        width: 0;\n        border: 0;\n        background: transparent;\n    }\n    \n    .file input[type=file]::-ms-value {\n        background: #fff;\n        border: 0;\n    }\n\n    card {\n        width: 100%;\n    }\n</style>\n\n<a style=\"display: none\" #download_link></a>\n<input hidden type=\"file\" #fileInputReplace (change)=\"onFileSelectReplace($event)\" />\n \n<div class=\"card\">\n    <div class=\"card-header\">\n        <strong class=\"pull-left\">Files</strong>\n    </div>\n    <div class=\"card-block\">\n        <div class=\"row\">\n            <div class=\"col-lg-6\">\n                <div class=\"row\" *ngIf=\"showFileUpload\">\n                    <div class=\"col-lg-6\">\n                        <div class=\"container\">\n                            <div style=\"margin: 10px 0px; font-weight: bold;\">Upload File</div>\n                            <label class=\"file\">\n                                <input type=\"file\" #fileInput (change)=\"onFileSelect($event)\" />\n                            </label>\n                            <br>\n                            <ngx-file-drop dropZoneLabel=\"Drop files here\" style=\"width: 223px; height: 112px; border: 1px black dashed; border-radius: 5px; justify-content: center;\" class=\"vertical-align\" (onFileDrop)=\"dragFileAccepted($event)\"></ngx-file-drop>\n                        </div>\n                    </div>\n                    <div class=\"col-lg-6\">\n                        <div *ngIf=\"isUploading\">\n                            <b>{{progressMsg || 'N/A'}}</b>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"row\" style=\"margin-top: 10px;\">\n                    <div class=\"col-lg-12\" *ngIf=\"windowSize > 980\">\n                        <div style=\"text-align: center;\" *ngIf=\"pdfSrc\">\n                            <resolveio-client-lib-pdf-viewer [pdfSrc]=\"pdfSrc\"></resolveio-client-lib-pdf-viewer>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"col-lg-6\">\n                <div *ngIf=\"files && files.length\">\n                    <b>Uploaded Files</b>\n                    <div [style.max-height]=\"windowSize > 900 ? '300px' : ''\" [style.overflow-y]=\"windowSize > 900 ? 'auto' : ''\">\n                        <collapse-table collapseSize=\"900\">\n                            <thead>\n                                <tr>\n                                    <th>File Name</th>\n                                    <th>Size</th>\n                                    <th>Type</th>\n                                    <th>Actions</th>\n                                </tr>\n                            </thead>    \n                            <tbody>\n                                <tr *ngFor=\"let file of files; let i = index\">\n                                    <td data-label=\"File Name\" (click)=\"setPDFViewerSrc(file)\">{{file.name}}</td>\n                                    <td data-label=\"Size\" (click)=\"setPDFViewerSrc(file)\">{{ file.size/1024/1024 | number:'.2' }} MB</td>\n                                    <td data-label=\"Type\" (click)=\"setPDFViewerSrc(file)\">{{file.type}}</td>\n                                    <td data-label=\"Actions\">\n                                        <responsive-button-group collapseSize=\"900\">\n                                            <button type=\"button\" class=\"btn btn-success\" (click)=\"open(file)\">Open</button>\n                                            <button type=\"button\" class=\"btn btn-primary\" (click)=\"download(file)\">Download</button>\n                                            <button [hidden]=\"!allowDelete || (file.type !== 'misc' && !userIsInRole('super-admin'))\" type=\"button\" class=\"btn btn-danger\" (click)=\"deleteWithEmit(i)\">Delete</button>\n                                            <button [hidden]=\"!allowDelete || (file.type !== 'misc' && !userIsInRole('super-admin'))\" type=\"button\" class=\"btn btn-danger\" (click)=\"fileInputReplace.click(); replaceFileIndex = i;\">Replace</button>\n                                            <button type=\"button\" class=\"btn btn-warning\" (click)=\"email(file)\">Email</button>\n                                        </responsive-button-group>\n                                    </td>\n                                </tr>\n                            </tbody>\n                        </collapse-table>\n                    </div>\n                </div>\n                <div *ngIf=\"!files || !files.length\">\n                    <b>No Uploaded Files</b>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>" }]
         }], ctorParameters: function () { return [{ type: ResizeService }, { type: ProviderService }, { type: DialogService }, { type: i4.HttpClient }]; }, propDecorators: { files: [{
                 type: Input
             }], allowDelete: [{
@@ -7713,14 +7713,14 @@ FileModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15
         NgbModule,
         ResponsiveButtonGroupModule,
         NgxFileDropModule,
-        NgxDocViewerModule], exports: [FileUploadComponent] });
+        PdfViewerModule], exports: [FileUploadComponent] });
 FileModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FileModule, imports: [CommonModule,
         FormsModule,
         CollapseTableModule,
         NgbModule,
         ResponsiveButtonGroupModule,
         NgxFileDropModule,
-        NgxDocViewerModule] });
+        PdfViewerModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FileModule, decorators: [{
             type: NgModule,
             args: [{
@@ -7731,7 +7731,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                         NgbModule,
                         ResponsiveButtonGroupModule,
                         NgxFileDropModule,
-                        NgxDocViewerModule
+                        PdfViewerModule
                     ],
                     declarations: [
                         FileUploadComponent