{"__symbolic":"module","version":4,"metadata":{"IcsDriveService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":20,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@varmasagi/ics-toast","name":"IcsToastService","line":27,"character":26},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":28,"character":18}]}],"upload":[{"__symbolic":"method"}],"getFileList":[{"__symbolic":"method"}],"delete":[{"__symbolic":"method"}],"getDirectoryList":[{"__symbolic":"method"}],"getDrive":[{"__symbolic":"method"}],"getFilesLists":[{"__symbolic":"method"}],"getSampleData":[{"__symbolic":"method"}],"sharingFileUpload":[{"__symbolic":"method"}],"getHtmlUrl":[{"__symbolic":"method"}]}},"IcsDriveModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":16,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabsModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatDialogModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatButtonModule","line":21,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatListModule","line":22,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatProgressBarModule","line":23,"character":4}],"declarations":[{"__symbolic":"reference","name":"UploadModalComponent"},{"__symbolic":"reference","name":"ImagePopupComponent"}],"exports":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabsModule","line":26,"character":12},{"__symbolic":"reference","name":"UploadModalComponent"},{"__symbolic":"reference","name":"ImagePopupComponent"}],"entryComponents":[{"__symbolic":"reference","name":"UploadModalComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"IcsDriveModule"},"providers":[{"__symbolic":"reference","name":"IcsDriveService"}]}}}},"ImagePopupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"lib-app-image-popup","template":"<div class=\"dailog__container\">\n  <div class=\"row background__white\">\n    <p class=\" col-md-9 dailog__container--heading\">\n      File: {{currImgName}}\n    </p>\n    <div class=\"col-md-3\">\n      <a href=\"{{currImgLoc}}\" download target=\"_blank\">\n        <button class=\"downloadDailog pad-z\">\n          <img src=\"{{ imgBaseUrl }}download_icon.svg\" class=\"img--close_icon\" alt=\"\">\n        </button>\n      </a>\n      <button (click)=\"delete()\" class=\"img-responsive pad-z \" mat-button>\n        <img src=\"{{ imgBaseUrl }}remove_icon.svg\" class=\" del img--close_icon\" alt=\"\">\n      </button>\n      <button class=\"closeDailog pad-z\" mat-button [mat-dialog-close]=\"true\">\n        <img src=\"{{ imgBaseUrl }}close.svg\" class=\"img--close_icon\" alt=\"\">\n      </button>\n    </div>\n  </div>\n\n\n  <div class=\"viewBox--container\">\n    <div *ngIf=\"!currImgName\" class=\"loader\">\n      <img src=\"https://s3-us-west-2.amazonaws.com/repository-leadics-test/leap/leap_icons/loader_leap.gif\" alt=\"\">\n      <p class=\"text-muted text-center\">loading</p>\n    </div>\n    <img src=\"{{currImgLoc}}\" *ngIf=\"filetypeimage\" alt=\"{{currImgName}}\" class=\"img-responsive viewBoxImg\" />\n    <div class=\"viewBox--container--file\" *ngIf=\"!filetypeimage && currImgName\">\n      <img src=\"{{ imgBaseUrl }}file_icon.svg\" alt=\"{{currImgName}}\" class=\"img-responsive viewBoxImg--custom--img\" />\n      <a href=\"{{currImgLoc}}\" download target=\"_blank\">\n        <button class=\"downloadDailog--filetype\">\n          Download\n        </button>\n      </a>\n\n      <p class=\" marginTop25 small--font text-center color--primary\">\n        <b>{{currImgName}}</b>\n      </p>\n    </div>\n\n  </div>\n\n  <div class=\"scrolling-wrapper-flexbox\" *ngIf=\"thumbShow\">\n    <div class=\"thumb t--card\" *ngFor=\"let image of responseFiles\" [ngClass]=\"{'active':image.location === currImgLoc}\" (click)=showThisthumb(image.location,image.name,image.id)>\n      <img src=\"{{image.location}}\" alt=\"{{image.name}}\" class=\"img-responsive\" />\n    </div>\n  </div>\n</div>","styles":[".color--primary{color:#3a134d}.small--font{font-size:.8em}.text__uppercase{text-transform:uppercase;font-family:Raleway,sans-serif!important}.dailog__container{padding:1px 15px;background:#eaf0f4;position:relative}.dailog__container .background__white{background:#fff}.dailog__container--heading{padding:10px;font-weight:600;font-size:1em;margin:0}.dailog__container .downloadDailog{background:0 0;border:none}.dailog__container .downloadDailog .img--close_icon{width:15px!important;height:15px!important}.dailog__container figure{margin:15px 0}.dailog__container figure figcaption{font-size:14px;margin:10px 0}.dailog__container .mat-button-focus-overlay{background:rgba(0,0,0,0)!important}.dailog__container mat-tab-body{background:#fff!important;box-shadow:0 0!important}.dailog__container .uploadContainer .file__name{font-family:Raleway,sans-serif!important;font-weight:400;font-size:14px}.dailog__container .uploadContainer__uploadFileList mat-list.mat-list{max-height:23vh!important;overflow-y:auto}.dailog__container .uploadContainer__uploadFileList .file__name.mat-line{font-family:Raleway,sans-serif!important;font-weight:400;font-size:14px}.dailog__container .uploadContainer__uploadFileList .mat-list .mat-list-item{display:block;height:23px!important}.dailog__container .uploadContainer__uploadFileList .mat-dialog-actions{padding:12px 0;margin-bottom:0!important}.dailog__container .uploadContainer__drangDrop{padding:20px;margin:10px;background:#fff;line-height:1.3em;border:2px dashed #c2b7c8;border-radius:10px;box-shadow:0 0 0 4px #fff,2px 1px 6px 4px #fff;text-shadow:-1px -1px #fff;font-weight:400}.dailog__container .uploadContainer__drangDrop--label{color:rgba(58,19,77,.5);font-size:14px;font-family:Raleway,sans-serif!important;margin-bottom:6px;font-weight:600}.dailog__container .uploadContainer--heading{color:#3a134d;font-size:16px;font-weight:600;margin-bottom:0}.dailog__container .uploadContainer--heading.heading__label{color:#169696!important;margin:0;padding:0!important;font-size:20px}.dailog__container .uploadButton{background:#65ceee;color:#fff;font-family:Raleway,sans-serif;font-weight:600;border:none;border-radius:4px;margin:0 auto;display:block;padding:5px 13px}.dailog__container .closeDailog{position:absolute;top:2px;right:5px;background:0 0;border:0;z-index:9999;cursor:pointer}.dailog__container .img--dragdrop_icon{width:50px;height:50px;margin:0 auto 15px;display:block}.dailog__container .img--dragdrop_icon.leapdriveIcon{height:auto!important;width:227px!important;margin-top:50px}.dailog__container .img--close_icon{width:10px;height:10px}.dailog__container .img--close_icon.del{width:15px;height:15px}.dailog__container .scrolling-wrapper-flexbox{display:flex;flex-wrap:nowrap;overflow-x:auto;margin:10px 0}.dailog__container .scrolling-wrapper-flexbox.single-center{justify-content:center}.dailog__container .scrolling-wrapper-flexbox .thumb{width:10vw;margin:5px 7.5px;cursor:pointer}.dailog__container .scrolling-wrapper-flexbox .thumb.t--card{flex:0 0 auto;opacity:.5}.dailog__container .scrolling-wrapper-flexbox .thumb.t--card.active{opacity:1!important}@media (min-width:768px){.offset-md-3{margin-left:25%!important}}.viewBox--container{min-height:25vw;max-height:30vw}.viewBox--container .viewBoxImg{width:90%;margin:10px 5% 0}.viewBox--container .downloadDailog--filetype .img--close_icon{width:100px;height:100px}.viewBox--container .viewBoxImg--custom--img{width:100px;height:100px;display:block;margin:0 auto}.viewBox--container--file{margin-top:50px}.viewBox--container--file .downloadDailog--filetype{background:#5e2b77;border:0;color:#fff;font-family:Oswald,sans-serif;padding:7px 20px;text-transform:uppercase;border-radius:4px;margin:19px auto 0;display:block;cursor:pointer}.pad-z{padding:0!important}"],"providers":[{"__symbolic":"reference","name":"IcsDriveService"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":59,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":78,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MAT_DIALOG_DATA","line":78,"character":12}]}]],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material","arguments":[{"__symbolic":"reference","name":"ImagePopupComponent"}]},{"__symbolic":"reference","module":"@varmasagi/ics-dialog","name":"IcsDialogService","line":75,"character":30},{"__symbolic":"reference","name":"IcsDriveService"},{"__symbolic":"reference","module":"@varmasagi/ics-toast","name":"IcsToastService","line":77,"character":26},{"__symbolic":"reference","name":"any"}]}],"delete":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"showThisthumb":[{"__symbolic":"method"}],"getFileExt":[{"__symbolic":"method"}]}},"UploadModalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"lib-app-upload-modal","template":"<div class=\"dailog__container\">\n  <button class=\"closeDailog\" mat-button [mat-dialog-close]=\"true\">\n    <img src=\"{{ imgBaseUrl }}close.svg\" class=\"img--close_icon\" alt=\"\">\n  </button>\n  <mat-tab-group>\n    <mat-tab label=\"Upload\">\n      <div class=\"dailog__container--computer\">\n        <div class=\"container\">\n          <div class=\"row\">\n            <div class=\"col-md-12 col-sm-12 col-xs-12\">\n              <div class=\"uploadContainer row\">\n                <h3 class=\" col-md-12 uploadContainer--heading text-center text__uppercase\">\n                  Upload Your File\n                </h3>\n              </div>\n              <div class=\"row\">\n                <div (drop)=\"drop($event)\" (dragover)=\"allowDrop($event)\" class=\"uploadContainer__drangDrop col-md-6 offset-md-3\">\n                  <img src=\"{{ imgBaseUrl }}dragdrop_icon.svg\" class=\"img--dragdrop_icon\" alt=\"\">\n                  <p class=\"uploadContainer__drangDrop--label text-center\">\n                    Drag your files here\n                  </p>\n                  <p class=\"uploadContainer__drangDrop--label text-center\">\n                    Or\n                  </p>\n\n                  <input *ngIf=\"showMultiple\" style=\"display:none\" type=\"file\" (change)=\"onFilesAdded()\" multiple #file>\n                  <input *ngIf=\"showMultiple===false\" style=\"display:none\" type=\"file\" (change)=\"onFilesAdded()\" #file>\n                  <button type=\"button\" [disabled]=\"uploading || uploadSuccessful\" name=\"button\" class=\"uploadButton\" (click)=\"addFiles()\">\n                    browse files from your computer\n\n                  </button>\n\n                </div>\n              </div>\n\n              <div class=\"row\">\n                <div class=\"uploadContainer__uploadFileList col-md-6 offset-md-3\">\n\n                  <mat-dialog-content>\n                    <mat-list>\n                      <mat-list-item *ngFor=\"let file of files\">\n                        <h4 mat-line class=\"file__name\">{{file.name}}</h4>\n                        <mat-progress-bar *ngIf=\"progress\" mode=\"determinate\" [value]=\"progress['filename'].progress | async\"></mat-progress-bar>\n                      </mat-list-item>\n                    </mat-list>\n                  </mat-dialog-content>\n\n                  <mat-dialog-actions class=\"actions\">\n                    <button *ngIf=\"showCancelButton\" class=\"uploadButton\" mat-button mat-dialog-close>Cancel</button>\n\n                    <button mat-raised-button color=\"primary\" class=\"uploadButton\" [disabled]=\"!canBeClosed\" (click)=\"closeDialog()\">{{primaryButtonText}}</button>\n                  </mat-dialog-actions>\n\n                </div>\n              </div>\n\n            </div>\n          </div>\n        </div>\n      </div>\n    </mat-tab>\n    <mat-tab label=\"Drive\">\n      <div class=\"dailog__container--computer\">\n        <div class=\"container\">\n          <div class=\"row\">\n            <div class=\"col-md-12 col-sm-12 col-xs-12\">\n              <div class=\"uploadContainer\">\n                <div *ngIf=\"!driveHideButton\">\n                  <img src=\"{{ imgBaseUrl }}leapdrive_logo.svg\" class=\"img--dragdrop_icon leapdriveIcon\" alt=\"\">\n                  <h3 class=\"uploadContainer--heading heading__label text-center text__uppercase\">\n                    Leap Drive\n                  </h3>\n\n                  <p class=\"uploadContainer__drangDrop--label text-center\">\n                    Choose files from leap drive\n                  </p>\n\n\n                  <mat-dialog-actions class=\"actions\">\n                    <!-- (click)=\"viewDirectoryList('38') -->\n                    <button class=\"uploadButton\" mat-button (click)=\"connectDrive()\">Connect Drive </button>\n                  </mat-dialog-actions>\n                </div>\n                <div *ngIf=\"loader\" class=\"loader\">\n                  <img src=\"https://s3-us-west-2.amazonaws.com/repository-leadics-test/leap/leap_icons/loader_leap.gif\" alt=\"\">\n                  <p class=\"text-muted\">loading</p>\n                </div>\n                <div *ngIf=\"showData\">\n\n                  <section class=\"container__drive\">\n                    <div class=\"container__drive--Cont\">\n                      <p class=\"heading\">\n                        Files\n                      </p>\n                      <div class=\"row files__container\">\n                        <div *ngFor=\"let obj of driveData;\" class=\"card__property__cont\" (click)=\"onSelect(obj)\">\n                          <div class=\"card__property__cont--file \" title=\"{{obj.name}}\">\n                            <img class=\" card__property__cont--file--icon \" src=\"{{imgBaseUrl}}{{getFileExt(obj.name)}}\">\n                          </div>\n                          <div class=\"card__property__cont--file--name\">\n                            <p class=\" card__property__cont--file--name--label ellipsis--xs\" title=\"{{obj.name}}\">\n                              {{obj.name}}\n                            </p>\n                          </div>\n                        </div>\n                      </div>\n                    </div>\n                  </section>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </mat-tab>\n  </mat-tab-group>\n</div>","styles":[".files__container{margin:0;max-height:58vh;overflow-y:auto}.text__uppercase{text-transform:uppercase;font-family:Raleway,sans-serif!important}.dailog__container{position:relative}.dailog__container .mat-button-focus-overlay{background:rgba(0,0,0,0)!important}.dailog__container mat-tab-body{background:#fff!important;box-shadow:0 0!important}.dailog__container .uploadContainer .file__name{font-family:Raleway,sans-serif!important;font-weight:400;font-size:14px}.dailog__container .uploadContainer__uploadFileList mat-list.mat-list{max-height:23vh!important;overflow-y:auto}.dailog__container .uploadContainer__uploadFileList .file__name.mat-line{font-family:Raleway,sans-serif!important;font-weight:400;font-size:14px}.dailog__container .uploadContainer__uploadFileList .mat-list .mat-list-item{display:block;height:23px!important}.dailog__container .uploadContainer__uploadFileList .mat-dialog-actions{padding:12px 0;margin-bottom:0!important}.dailog__container .uploadContainer__drangDrop{padding:20px;margin:10px;background:#fff;line-height:1.3em;border:2px dashed #c2b7c8;border-radius:10px;box-shadow:0 0 0 4px #fff,2px 1px 6px 4px #fff;text-shadow:-1px -1px #fff;font-weight:400}.dailog__container .uploadContainer__drangDrop--label{color:rgba(58,19,77,.5);font-size:14px;font-family:Raleway,sans-serif!important;margin-bottom:6px;font-weight:600}.dailog__container .uploadContainer--heading{color:#3a134d;font-size:16px;font-weight:600;margin-bottom:0}.dailog__container .uploadContainer--heading.heading__label{color:#169696!important;margin:0;padding:0!important;font-size:20px}.dailog__container .uploadButton{background:#65ceee;color:#fff;font-family:Raleway,sans-serif;font-weight:600;border:none;border-radius:4px;margin:0 auto;display:block;padding:5px 13px}.dailog__container .closeDailog{position:absolute;top:5px;right:5px;background:0 0;border:0;z-index:9999;cursor:pointer}.dailog__container .img--dragdrop_icon{width:50px;height:50px;margin:0 auto 15px;display:block}.dailog__container .img--dragdrop_icon.leapdriveIcon{height:auto!important;width:227px!important;margin-top:50px}.dailog__container .img--close_icon{width:10px;height:10px}.dailog__container .container__drive--Cont .heading{color:#440050;font-size:1em;font-weight:700;margin-top:15px;margin-bottom:5px}.dailog__container .container__drive--Cont .row{margin:0}.dailog__container .container__drive--Cont .row .card__property__cont{margin:7.5px;padding:15px 0 0;background:#eaf0f4;border-radius:3px;display:inline-block}.dailog__container .container__drive--Cont .row .card__property__cont--file--name{background:#fff;border-radius:0 0 3px 3px;border:1px solid rgba(58,19,77,.2);border-top:0!important}.dailog__container .container__drive--Cont .row .card__property__cont--file--name--label{font-size:11px;margin:0 10px;padding:8px 0}.dailog__container .container__drive--Cont .row .card__property__cont--file--icon{width:50px;margin:0 auto;display:block;height:70px}.deactive--color--label{color:#8a8a8a!important;cursor:pointer}@media (min-width:768px){.offset-md-3{margin-left:25%!important}}@media (max-width:1025px){.hidden-sm,.hidden-xs{display:none}.col-sm-xs-full{width:100%!important;max-width:100%!important;flex:0 0 100%!important}}.loader{margin-top:22%}.loader img{width:60px}"],"providers":[{"__symbolic":"reference","name":"IcsDriveService"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":134,"character":1}}],"members":{"file":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":141,"character":3},"arguments":["file"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":162,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MAT_DIALOG_DATA","line":162,"character":12}]}]],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material","arguments":[{"__symbolic":"reference","name":"UploadModalComponent"}]},{"__symbolic":"reference","name":"IcsDriveService"},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"addFiles":[{"__symbolic":"method"}],"onFilesAdded":[{"__symbolic":"method"}],"closeDialog":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"connectDrive":[{"__symbolic":"method"}],"getFileExt":[{"__symbolic":"method"}],"drop":[{"__symbolic":"method"}],"allowDrop":[{"__symbolic":"method"}]}},"DriveRepresentation":{"__symbolic":"class","members":{}}},"origins":{"IcsDriveService":"./lib/ics-drive.service","IcsDriveModule":"./lib/ics-drive.module","ImagePopupComponent":"./lib/image-popup/image-popup.component","UploadModalComponent":"./lib/upload-modal/upload-modal.component","DriveRepresentation":"./lib/dtos/DriveRepresentation"},"importAs":"@varmasagi/ics-drive"}