{"__symbolic":"module","version":4,"metadata":{"FileManagementService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":8,"character":28}]}],"getAPIs":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"FileManagementComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"lib-file-management","template":"<ng-sidebar-container style=\"position: absolute;\">\r\n    <ng-sidebar id=\"sidebar1\" [(opened)]=\"_opened\" mode=\"over\" *ngIf=\"presentView !== 'uploadFile'\" #sidebar1>\r\n        <div class=\"m-3 style-1\">\r\n            <ng-container *ngFor=\"let item of hierarchyList\">\r\n                <accordion [isAnimated]=\"true\">\r\n                    <accordion-group class=\"group-panel opaque-bckgrd pb-3\">\r\n                        <span accordion-heading style=\"color: #0097BA;\">\r\n                            {{item?.name}}\r\n                        </span>\r\n                        <ng-container *ngIf=\"item?.list && item?.list.length > 0\">\r\n                            <accordion [closeOthers]=\"false\" [isAnimated]=\"true\"\r\n                                *ngFor=\"let levelOne of item?.list; let i = index\">\r\n                                <ng-container *ngIf=\"levelOne?.list && levelOne?.list.length > 0\">\r\n                                    <accordion-group class=\"sub-panel\"\r\n                                        [isDisabled]=\"levelOne.list && levelOne.list.length > 0 ? false : true\">\r\n                                        <span accordion-heading class=\"date-text\">\r\n                                            <label class=\"container\">\r\n                                                <input type=\"checkbox\" data-md-icheck class=\"form-check-input\"\r\n                                                    [id]=\"levelOne?.name+i\"\r\n                                                    (change)=\"selectionChanged($event.target.checked, item, levelOne?.id)\" />\r\n                                                <span class=\"checkmark\"></span>\r\n                                                <label class=\"form-check-label align-top text-dark pl-1\"\r\n                                                    [for]=\"levelOne?.name+i\"> {{levelOne?.name}}\r\n                                                </label>\r\n                                            </label>\r\n                                        </span>\r\n                                        <ng-container *ngFor=\"let levelTwo of levelOne?.list\">\r\n                                            <b class=\"text-dark\">{{levelTwo.header}}</b>\r\n                                            <ul>\r\n                                                <div *ngFor=\"let levelThree of levelTwo?.list; let i = index\"\r\n                                                    class=\"text-dark\">\r\n                                                    <li>\r\n                                                        <label class=\"container\">\r\n                                                            <input type=\"checkbox\" data-md-icheck\r\n                                                                class=\"form-check-input\" [id]=\"levelThree?.name+i\"\r\n                                                                (change)=\"selectionChanged($event.target.checked, levelOne, levelThree?.id)\" />\r\n                                                            <span class=\"checkmark\"></span>\r\n                                                            <label class=\"form-check-label align-top text-dark pl-1\"\r\n                                                                [for]=\"levelThree?.name+i\"> {{levelThree?.name}}\r\n                                                            </label>\r\n                                                        </label>\r\n                                                    </li>\r\n                                                </div>\r\n                                            </ul>\r\n                                        </ng-container>\r\n                                    </accordion-group>\r\n                                </ng-container>\r\n                                <ng-container *ngIf=\"!(levelOne?.list && levelOne?.list?.length > 0)\">\r\n                                    <div class=\"card\" style=\"padding: 0.75rem; background-color: rgb(255,255,255,.7);\">\r\n                                        <label class=\"container\">\r\n                                            <input type=\"checkbox\" data-md-icheck class=\"form-check-input\"\r\n                                                [id]=\"levelOne?.name+i\"\r\n                                                (change)=\"selectionChanged($event.target.checked, item, levelOne?.id)\" />\r\n                                            <span class=\"checkmark\"></span>\r\n                                            <label class=\"form-check-label align-top text-dark pl-1\"\r\n                                                [for]=\"levelOne?.name+i\"> {{levelOne?.name}}\r\n                                            </label>\r\n                                        </label>\r\n                                    </div>\r\n                                </ng-container>\r\n                            </accordion>\r\n                        </ng-container>\r\n                    </accordion-group>\r\n                </accordion>\r\n            </ng-container>\r\n        </div>\r\n    </ng-sidebar>\r\n    <div ng-sidebar-content>\r\n        <button (click)=\"_toggleSidebar();\" class=\"open-slider\" *ngIf=\"presentView !== 'uploadFile'\"><i\r\n                aria-hidden=\"true\" [ngClass]=\"_opened ? 'fa fa-caret-left': 'fa fa-caret-right'\"\r\n                style=\"font-size: 1.25rem;\"></i></button>\r\n        <img [src]=\"backgroundContent\" class=\"w-100\" style=\"height: -webkit-fill-available;\" *ngIf=\"backgroundContent\">\r\n    </div>\r\n    <ng-sidebar id=\"sidebar3\" [(opened)]=\"sidebar3Opened\" mode=\"over\" #sidebar3>\r\n        <ng-container *ngIf=\"presentView !== 'uploadFile'\">\r\n            <div class=\"row bckgd-white px-3\">\r\n                <div class=\"col-12 pb-2\" *ngIf=\"presentView === 'home' || presentView === 'fileSummary'\">\r\n                    <lib-file-summary [viewMode]=\"presentView\" [dataSource]=\"fileSummaryData\"\r\n                        (deleteFile)=\"submitRequest($event, 'delete')\" [breadCrumbs]=\"breadCrumbs\"\r\n                        (editFile)=\"setFile($event)\" (openFile)=\"openFile($event)\" (changeView)=\"changeView($event)\">\r\n                    </lib-file-summary>\r\n                </div>\r\n                <div class=\"col-12 pt-2\" *ngIf=\"presentView === 'home' || presentView === 'discussForum'\">\r\n                    <lib-discuss-forum></lib-discuss-forum>\r\n                </div>\r\n            </div>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"presentView === 'uploadFile'\">\r\n            <lib-file-upload [dataSource]=\"uploadFileDataSource\" [breadCrumbs]=\"breadCrumbs\"\r\n                (addFile)=\"submitRequest($event, 'add')\" (editFile)=\"submitRequest($event, 'edit')\"\r\n                [selectedFile]=\"selectedFile\" (changeView)=\"changeView($event)\">\r\n            </lib-file-upload>\r\n        </ng-container>\r\n    </ng-sidebar>\r\n</ng-sidebar-container>","styles":[".sub-panel .accordion-toggle[aria-expanded=true]:before,::ng-deep .group-panel .accordion-toggle[aria-expanded=true]:before{content:\"\\f106\";font:28px/1 FontAwesome;float:right;color:#0097ba}.sub-panel .accordion-toggle[aria-expanded=false]:before,::ng-deep .group-panel .accordion-toggle[aria-expanded=false]:before{content:'\\f107';font:28px/1 FontAwesome;float:right;color:#0097ba}::ng-deep .opaque-bckgrd .panel-default{background-color:rgb(255,255,255,.7)}::ng-deep .ng-sidebar--opened{color:#fff;width:25%;border-right:1px solid #fff;height:-webkit-fill-available!important}::ng-deep #sidebar1 .ng-sidebar--opened{border-right:2px solid #f6f4f5}::ng-deep #sidebar3 .ng-sidebar--opened{margin-left:25%;width:-webkit-fill-available;height:-webkit-fill-available!important;overflow-x:hidden}::ng-deep .ng-sidebar-container{position:absolute!important;height:90%!important}::ng-deep .ng-sidebar{z-index:10!important}.ml-0{margin-left:0!important}.ml-25{margin-left:25%!important}.open-slider{background:#fff;border:none;position:absolute;box-shadow:0 0 15px #0097ba;z-index:1000;cursor:pointer;padding:.6rem .4rem}.crsr-hand{cursor:pointer}.highlight{background-color:gold;color:#000;padding-right:.2rem}.checkmark{position:absolute;cursor:pointer;left:10px;top:14px;height:18px;width:18px;background-color:#fff;border:1px solid #0097ba}.container input:checked~.checkmark{background-color:#0097ba}.checkmark:after{content:\"\";position:absolute;display:none}.container input:checked~.checkmark:after{display:block}.container input{position:absolute;opacity:0}.container .checkmark:after{left:5px;top:1px;right:1px;width:7px;height:12px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.section-header{border-bottom:2px solid #6c757d}.upload-btn{background-color:#e97a21}.section-header div{font-weight:500;color:#fff;background-color:#6c757d;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-left:.5rem;padding-right:.5rem}.back-btn{background:0 0;border:1px solid #696969;margin:.5rem 0;border-radius:.5rem;cursor:pointer}.style-1::-webkit-scrollbar{width:6px;background-color:F5F5F5}.style-1::-webkit-scrollbar-track{border-radius:10px;background:rgba(0,0,0,.1);border:1px solid #ccc}.style-1::-webkit-scrollbar-thumb{height:2px;border-radius:10px;background:#0097ba;border:1px solid #aaa}"]}]}],"members":{"fileSummaryDataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"uploadFileDataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"discussionForum":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"breadCrumbs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"hierarchyList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"backgroundContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"repositoryUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"presentView":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"addFile":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"editFile":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"deleteFile":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"filterData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"FileManagementService"},{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbDropdownConfig","line":28,"character":70}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"_toggleSidebar":[{"__symbolic":"method"}],"changeView":[{"__symbolic":"method"}],"setFile":[{"__symbolic":"method"}],"openFile":[{"__symbolic":"method"}],"submitRequest":[{"__symbolic":"method"}],"selectionChanged":[{"__symbolic":"method"}],"isChecked":[{"__symbolic":"method"}]}},"FileManagementModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"FileManagementComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"}],"imports":[{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"BrowserAnimationsModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/platform-browser","name":"BrowserModule","line":18,"character":4},{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":20,"character":4},{"__symbolic":"reference","module":"ng2-file-upload","name":"FileUploadModule","line":21,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":22,"character":4},{"__symbolic":"reference","module":"devextreme-angular","name":"DxAutocompleteModule","line":23,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ng-sidebar","name":"SidebarModule","line":24,"character":4},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-bootstrap/accordion","name":"AccordionModule","line":25,"character":4},"member":"forRoot"}}],"exports":[{"__symbolic":"reference","name":"FileManagementComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵb"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"lib-file-upload","template":"<ng-container *ngIf=\"breadCrumbs?.length > 0\">\r\n    <div class=\"mr-4 ml-2 mt-2\">\r\n        <span *ngFor=\"let item of breadCrumbs; last as isLast; let i = index\"\r\n            class=\"text-uppercase font-one-point-five-rem crsr-hand\" [ngClass]=\"isLast ? 'highlight':''\">\r\n            {{item}} <span *ngIf=\"!isLast\">></span>\r\n        </span>\r\n    </div>\r\n</ng-container>\r\n\r\n<div class=\"row\">\r\n    <div class=\"col-12\">\r\n        <button class=\"back-btn pull-right mx-4\" (click)=\"changeViewMode('home')\"><i\r\n                class=\"fas fa-arrow-left\">&nbsp;Back</i></button>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"row file-upload-section mx-4 text-dark\" *ngIf=\"!selectedFile; else fileName\">\r\n    <div class=\"col-3\">\r\n        <div ng2FileDrop [ngClass]=\"{'nv-file-over': hasBaseDropZoneOver}\" name=\"file-upload\" [uploader]=\"uploader\"\r\n            [(ngModel)]=\"uploadedFiles\" class=\"well my-drop-zone\" ngDefaultControl>\r\n            <ng-container *ngIf=\"uploader?.queue?.length>0;else noFile\">\r\n                <ng-container *ngFor=\"let item of uploader?.queue\">\r\n                    <span class=\"badge badge-pill badge-secondary\">\r\n                        {{item?.file?.name}}\r\n                        <i class=\"far fa-times-circle\" (click)=\"addRemoveFile('file')\"></i>\r\n                    </span> &nbsp;\r\n                </ng-container>\r\n            </ng-container>\r\n            <ng-template #noFile>\r\n                Drop file here\r\n            </ng-template>\r\n        </div>\r\n    </div>\r\n    <div class=\"col-1 text-center\">OR</div>\r\n    <div class=\"col-3\">\r\n        <input type=\"file\" ng2FileSelect [uploader]=\"uploader\" [(ngModel)]=\"uploadedFiles\">\r\n    </div>\r\n    <div class=\"col-1 text-center\">OR</div>\r\n    <div class=\"col-4\">\r\n        <input type=\"text\" class=\"form-control\" placeholder=\"Paste the URL here\" [(ngModel)]=\"url\"\r\n            (ngModelChange)=\"addRemoveFile('url')\">\r\n    </div>\r\n    <ng-container *ngIf=\"url.length > 0\">\r\n        <div class=\"col-8\"></div>\r\n        <div class=\"col-4\">\r\n            <input type=\"text\" class=\"form-control\" placeholder=\"Enter a name for url (Optional)\" [(ngModel)]=\"urlName\">\r\n        </div>\r\n    </ng-container>\r\n</div>\r\n\r\n<div class=\"row\">\r\n    <div class=\"col-12\">\r\n        <accordion [isAnimated]=\"true\" [closeOthers]=\"oneAtATime\">\r\n            <ng-container *ngFor=\"let tag of dataSource\">\r\n                <ng-container *ngIf=\"tag?.type === 'checkbox'\">\r\n                    <accordion-group [isOpen]=\"false\" class=\"upload-file m-4\">\r\n                        <button class=\"btn btn-link accordion-header col-12 text-left\" accordion-heading>\r\n                            {{tag?.tagName}}\r\n                            <span class=\"fa fa-angle-down pull-right\" style=\"font-size: x-large;\"></span>\r\n                        </button>\r\n                        <div class=\"row p-2\">\r\n                            <ng-container *ngIf=\"tag?.search\">\r\n                                <div class=\"col-12 mb-3\">\r\n                                    <input type=\"text\" class=\"form-control w-25 pull-right\" placeholder=\"Search...\"\r\n                                        [(ngModel)]=\"tag.searchedKey\" ngDefaultControl>\r\n                                </div>\r\n                            </ng-container>\r\n                            <div class=\"col-12\">\r\n                                <div class=\"row\">\r\n                                    <div *ngFor=\"let item of getSearchedData(tag?.values, tag?.search, tag?.bindName, tag?.searchedKey); let i = index;\"\r\n                                        class=\"col-3 text-dark\">\r\n                                        <label class=\"container\">\r\n                                            <input type=\"checkbox\" data-md-icheck class=\"form-check-input\"\r\n                                                [checked]=\"isChecked(item?.id, tag)\" [id]=\"tag?.tagName+i\"\r\n                                                (change)=\"selectionChanged(item?.id, tag, $event.target.checked)\" />\r\n                                            <span class=\"checkmark\" style=\"top: 3px;\"></span>\r\n                                            <label class=\"form-check-label text-align-checkbox text-dark\"\r\n                                                [for]=\"tag?.tagName+i\"> {{item[tag?.bindName]}}\r\n                                            </label>\r\n                                        </label>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </accordion-group>\r\n                </ng-container>\r\n                <ng-container *ngIf=\"tag?.type === 'autoSuggest'\">\r\n                    <div class=\"form col-6\">\r\n                        <div class=\"ml-4\" style=\"color: rgb(14,188,216); font-size: x-large;\">{{tag?.tagName}}</div>\r\n                        <div class=\"dx-fieldset ml-4\" style=\"margin-top: 1%;\">\r\n                            <div class=\"dx-field\">\r\n                                <div class=\"dx-field-value\">\r\n                                    <dx-autocomplete placeholder=\"'Type a' + tag?.tagName + 'Name'\"\r\n                                        (onSelectionChanged)=\"selectionChanged($event.selectedItem.id, tag, true)\"\r\n                                        [showClearButton]=\"true\" [dataSource]=\"tag?.values\" [valueExpr]=\"tag?.bindName\">\r\n                                    </dx-autocomplete>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </ng-container>\r\n            </ng-container>\r\n        </accordion>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"row\">\r\n    <div class=\"col-12 align-text-bottom save-btn\">\r\n        <i class=\"fa-4x fas fa-check-circle pull-right mx-4\" aria-hidden=\"true\" tooltip=\"Submit\"\r\n            (click)=\"saveData(selectedFile)\"></i>\r\n    </div>\r\n</div>\r\n\r\n<ng-template #fileName>\r\n    <div class=\"row text-dark\" style=\"font-size: xx-large;\">\r\n        <div class=\"col-12 mx-4 font-weight-bold\">{{selectedFile?.columns.fileName}}</div>\r\n    </div>\r\n</ng-template>","styles":["::ng-deep .dx-field-value{float:left!important}::ng-deep lib-file-upload .panel-default{background-color:transparent;border:none}::ng-deep lib-file-upload .panel-body{border:1px solid #000;border-top:none!important}::ng-deep lib-file-upload .card-header{padding:.15rem .3rem;margin-bottom:0;background-color:#fff;border:1px solid #000;color:#000!important}.file-upload-section{padding-top:2rem;padding-bottom:2rem;border:1px dashed;font-size:1.5rem}.highlight{background-color:gold;color:#000;padding-right:.2rem}.save-btn{color:#14cf52;cursor:pointer}.accordion-header{border-radius:0!important;border:none!important;padding:.5rem .5rem .5rem 1rem;color:#000;font-size:1.5rem}.checkmark{position:absolute;cursor:pointer;left:10px;height:18px;width:18px;background-color:#fff;border:1px solid #0097ba}.container input:checked~.checkmark{background-color:#0097ba}.checkmark:after{content:\"\";position:absolute;display:none}.container input:checked~.checkmark:after{display:block}.container input{position:absolute;opacity:0}.my-drop-zone{border:2px dashed #d3d3d3;padding:1%}.nv-file-over{border:3px dotted red}.container .checkmark:after{left:5px;top:1px;right:1px;width:7px;height:12px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.w-25{width:25%!important}.back-btn{background:0 0;border:1px solid #696969;margin:.5rem 0;border-radius:.5rem;cursor:pointer}"]}]}],"members":{"dataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"breadCrumbs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"selectedFile":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"addFile":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"editFile":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":16,"character":3}}]}],"changeView":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":17,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"FileManagementService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"fileOverBase":[{"__symbolic":"method"}],"addRemoveFile":[{"__symbolic":"method"}],"selectionChanged":[{"__symbolic":"method"}],"isChecked":[{"__symbolic":"method"}],"setTags":[{"__symbolic":"method"}],"getSearchedData":[{"__symbolic":"method"}],"changeViewMode":[{"__symbolic":"method"}],"saveData":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"lib-file-summary","template":"<ng-container *ngIf=\"breadCrumbs?.length > 0 && viewMode=='fileSummary'\">\n    <div class=\"mr-4 ml-2 mt-2\">\n        <span *ngFor=\"let item of breadCrumbs; last as isLast; let i = index\"\n            class=\"text-uppercase font-one-point-five-rem crsr-hand\" [ngClass]=\"isLast ? 'highlight':''\">\n            {{item}} <span *ngIf=\"!isLast\">></span>\n        </span>\n    </div>\n</ng-container>\n<ng-container *ngIf=\"viewMode === 'fileSummary'\">\n    <div class=\"pull-right\">\n        <button class=\"back-btn\" (click)=\"changeViewMode('home')\"><i class=\"fas fa-arrow-left\">&nbsp;Back</i></button>\n    </div>\n</ng-container>\n<div class=\"pull-right mr-4\" *ngIf=\"reportsToDisplay?.filters && viewMode==='fileSummary'\">\n    <ng-container *ngFor=\"let filter of reportsToDisplay?.filters\">\n        <ng-container *ngIf=\"filter?.type === 'dropdown'\">\n            <div ngbDropdown class=\"d-inline-block\">\n                <button class=\"btn btn-filter bckgd-white p-0 px-1\" ngbDropdownToggle>\n                    {{filter?.filterName}}\n                </button>\n                <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\" class=\"overflow-y-hidden\">\n                    <ng-container *ngFor=\"let option of filter?.values; let i = index\">\n                        <button ngbDropdownItem>\n                            <label class=\"container check-box\">\n                                <input type=\"checkbox\" data-md-icheck [id]=\"filter?.filterName+i\"\n                                    [checked]=\"isChecked(option?.id, filter?.selectedFilters)\"\n                                    (change)=\"applyFilters(option?.id, $event.target.checked, filter?.filterKey, filter?.selectedFilters, filter?.multiselect)\" />\n                                <span class=\"checkmark\"></span>\n                                <label [for]=\"filter?.filterName+i\">\n                                    {{option[filter?.metaDataKey]}}\n                                </label>\n                            </label>\n                        </button>\n                    </ng-container>\n                </div>\n            </div>\n        </ng-container>\n    </ng-container>\n</div><br>\n<div class=\"section-header mb-1\">\n    <div>Documents</div>\n    <div class=\"pull-right\">\n        <ng-container *ngFor=\"let filter of reportsToDisplay?.filters\">\n            <ng-container *ngIf=\"filter?.type === 'dropdown'\">\n                <div ngbDropdown class=\"d-inline-block\">\n                    <button class=\"btn btn-filter bckgd-white p-0 px-1\" ngbDropdownToggle>\n                        {{filter?.filterName}}\n                    </button>\n                    <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\" class=\"overflow-y-hidden\">\n                        <ng-container *ngFor=\"let option of filter?.values; let i = index\">\n                            <button ngbDropdownItem>\n                                <label class=\"container check-box\">\n                                    <input type=\"checkbox\" data-md-icheck [id]=\"filter?.filterName+i\"\n                                        [checked]=\"isChecked(option?.id, filter?.selectedFilters)\"\n                                        (change)=\"applyFilters(option?.id, $event.target.checked, filter?.filterKey, filter?.selectedFilters, filter?.multiselect)\" />\n                                    <span class=\"checkmark\"></span>\n                                    <label [for]=\"filter?.filterName+i\">\n                                        {{option[filter?.metaDataKey]}}\n                                    </label>\n                                </label>\n                            </button>\n                        </ng-container>\n                    </div>\n                </div>\n            </ng-container>\n        </ng-container>\n    </div>\n</div>\n\n<ng-container *ngIf=\"reportsToDisplay?.data.length > 0; else noFiles\">\n    <table class=\"table table-hover\">\n        <thead class=\"thead-light text-dark\">\n            <tr>\n                <ng-container *ngFor=\"let header of reportsToDisplay?.headers\">\n                    <th scope=\"col\" [ngClass]=\"header?.name ? 'min-width-10':'min-width-5 text-center'\">\n                        {{header?.name}}\n                        <ng-container *ngIf=\"header?.sortable\">\n                            <i class=\"fas fa-sort crsr-hand\" (click)=\"sortDocuments(header?.key)\"></i>\n                        </ng-container>\n                    </th>\n                </ng-container>\n            </tr>\n        </thead>\n        <tbody>\n            <tr *ngFor=\"let obj of reportsToDisplay?.data | slice:0:sliceLength\">\n                <ng-container *ngFor=\"let column of obj?.columns | keyvalue: sortDefault\">\n                    <td *ngIf=\"typeOf(column?.value) === 'object'; else otherField\">\n                        <div *ngFor=\"let tag of column?.value | keyvalue: sortDefault\">\n                            <ng-container *ngIf=\"tag?.value.length > 0\">\n                                <span *ngIf=\"typeOf(tag?.key) === 'string'\"\n                                    class=\"font-weight-bold text-dark\">{{tag?.key}}:\n                                </span>\n                                <ng-container *ngFor=\"let item of tag?.value; last as isLast\">\n                                    <a href=\"javascript:void(0)\" class=\"text-dark\"\n                                        (click)=\"showDetails(tag?.key, item?.id)\">\n                                        <span>{{item?.name}} </span>\n                                        <span *ngIf=\"item?.count\">({{item?.count}})</span>\n                                        <span *ngIf=\"!isLast\">,</span>\n                                    </a>&nbsp;\n                                </ng-container>\n                            </ng-container>\n                        </div>\n                    </td>\n                    <ng-template #otherField>\n                        <ng-container *ngIf=\"column?.key === 'fileName'\">\n                            <td><a class=\"text-dark\" href=\"javascript:void(0)\" (click)=\"openFileRequest(obj?.location)\">\n                                    {{column?.value}}</a></td>\n                        </ng-container>\n                        <ng-container *ngIf=\"column?.key === 'reportDate'\">\n                            <td class=\"text-dark\">{{column?.value | date}}</td>\n                        </ng-container>\n                        <ng-container *ngIf=\"column?.key !== 'fileName' && column?.key !== 'reportDate'\">\n                            <td class=\"text-dark\">{{column?.value}}</td>\n                        </ng-container>\n                    </ng-template>\n                </ng-container>\n                <td>\n                    <ng-container *ngIf=\"obj?.deleteFile\">\n                        <i class=\"fa fa-trash text-danger\" aria-hidden=\"true\"\n                            (click)=\"deleteFileRequest(obj?.fileId)\"></i>\n                        &nbsp;\n                    </ng-container>\n                    <ng-container *ngIf=\"obj?.editTag\">\n                        <i class=\"fas fa-pen text-success\" aria-hidden=\"true\" (click)=\"editTags(obj)\"></i>\n                    </ng-container>\n                    <!-- <ng-container>\n                        <i class=\"fa fa-download text-dark\" aria-hidden=\"true\"></i>\n                    </ng-container> -->\n                </td>\n            </tr>\n        </tbody>\n    </table>\n</ng-container>\n<div class=\"pull-right\">\n    <button class=\"btn upload-btn mr-2\" (click)=\"changeViewMode('uploadFile')\">UPLOAD</button>\n    <button class=\"btn btn-secondary\" (click)=\"changeViewMode('fileSummary')\" *ngIf=\"viewMode==='home'\">View\n        More</button>\n</div>\n\n<ng-template #noFiles>\n    <div class=\"bckgd-white text-dark p-4 m-2\">\n        No Files Found\n    </div>\n</ng-template>","styles":[".ml-0{margin-left:0!important}.ml-25{margin-left:25%!important}.open-slider{background:#fff;border:none;position:absolute;box-shadow:0 0 15px #0097ba;z-index:1000;cursor:pointer;padding:.6rem .4rem}.crsr-hand{cursor:pointer}.highlight{background-color:gold;color:#000;padding-right:.2rem}.checkmark{position:absolute;cursor:pointer;left:10px;height:18px;width:18px;background-color:#fff;border:1px solid #0097ba}.container input:checked~.checkmark{background-color:#0097ba}.checkmark:after{content:\"\";position:absolute;display:none}.container input:checked~.checkmark:after{display:block}.container input{position:absolute;opacity:0}.container .checkmark:after{left:5px;top:1px;right:1px;width:7px;height:12px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.section-header{border-bottom:2px solid #6c757d}.section-header div{font-weight:500;color:#fff;background-color:#6c757d;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-left:.5rem;padding-right:.5rem}.upload-btn{background-color:#e97a21}.back-btn{background:0 0;border:1px solid #696969;margin:.5rem 0;border-radius:.5rem;cursor:pointer}.min-width-5{min-width:5rem}.min-width-10{min-width:10rem}"]}]}],"members":{"viewMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"dataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"breadCrumbs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"editFile":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":17,"character":3}}]}],"deleteFile":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":3}}]}],"openFile":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"changeView":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"FileManagementService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"typeOf":[{"__symbolic":"method"}],"sortDefault":[{"__symbolic":"method"}],"sortDocuments":[{"__symbolic":"method"}],"editTags":[{"__symbolic":"method"}],"deleteFileRequest":[{"__symbolic":"method"}],"showDetails":[{"__symbolic":"method"}],"openFileRequest":[{"__symbolic":"method"}],"isChecked":[{"__symbolic":"method"}],"applyFilters":[{"__symbolic":"method"}],"changeViewMode":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"lib-discuss-forum","template":"<div class=\"section-header\">\n    <div>Discussion Forum</div>\n</div>\n<div class=\"bckgd-white text-dark\">\n    No Q&A\n</div>","styles":[".section-header{border-bottom:2px solid #6c757d}.section-header div{font-weight:500;color:#fff;background-color:#6c757d;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-left:.5rem;padding-right:.5rem}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}},"origins":{"FileManagementService":"./lib/file-management.service","FileManagementComponent":"./lib/file-management.component","FileManagementModule":"./lib/file-management.module","ɵa":"./lib/file-upload/file-upload.component","ɵb":"./lib/file-summary/file-summary.component","ɵc":"./lib/discuss-forum/discuss-forum.component"},"importAs":"file-management"}