text: !function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("@angular/core"),require("@angular/common"),require("@groupdocs.examples.angular/common-components"),require("@angular/common/http"),require("rxjs"),require("@fortawesome/fontawesome-svg-core"),require("@fortawesome/free-solid-svg-icons"),require("@fortawesome/free-regular-svg-icons"),require("@fortawesome/angular-fontawesome")):"function"==typeof define&&define.amd?define("@groupdocs.examples.angular/conversion",["exports","@angular/core","@angular/common","@groupdocs.examples.angular/common-components","@angular/common/http","rxjs","@fortawesome/fontawesome-svg-core","@fortawesome/free-solid-svg-icons","@fortawesome/free-regular-svg-icons","@fortawesome/angular-fontawesome"],o):o(((e=e||self).groupdocs=e.groupdocs||{},e.groupdocs.examples=e.groupdocs.examples||{},e.groupdocs.examples.angular=e.groupdocs.examples.angular||{},e.groupdocs.examples.angular.conversion={}),e.ng.core,e.ng.common,e.commonComponents,e.ng.common.http,e.rxjs,e.fontawesomeSvgCore,e.freeSolidSvgIcons,e.freeRegularSvgIcons,e.angularFontawesome)}(this,(function(e,o,n,t,i,r,a,l,d,s){"use strict";
  /*! *****************************************************************************
      Copyright (c) Microsoft Corporation. All rights reserved.
      Licensed under the Apache License, Version 2.0 (the "License"); you may not use
      this file except in compliance with the License. You may obtain a copy of the
      License at http://www.apache.org/licenses/LICENSE-2.0
  
      THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
      KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
      WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
      MERCHANTABLITY OR NON-INFRINGEMENT.
  
      See the Apache Version 2.0 License for specific language governing permissions
      and limitations under the License.
      ***************************************************************************** */var c=function(e,o){return(c=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,o){e.__proto__=o}||function(e,o){for(var n in o)o.hasOwnProperty(n)&&(e[n]=o[n])})(e,o)};var p=function(){};var f=function(){};var g=function(){};var m=function(){function e(e,o){this._http=e,this._config=o,this._selectedItems=new r.BehaviorSubject(new Array),this._selectItems=this._selectedItems.asObservable(),this._selectedFormat=new r.BehaviorSubject(null),this._selectFormat=this._selectedFormat.asObservable(),this._itemToConvert=new r.BehaviorSubject(null),this.itemToConvert=this._itemToConvert.asObservable(),this._itemToRemove=new r.BehaviorSubject(null),this.itemToRemove=this._itemToRemove.asObservable()}return Object.defineProperty(e.prototype,"selectedItems",{get:function(){return this._selectItems},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"selectedFormat",{get:function(){return this._selectFormat},enumerable:!0,configurable:!0}),e.prototype.selectItems=function(e){this._selectedItems.next(e)},e.prototype.selectFormat=function(e){this._selectedFormat.next(e)},e.prototype.loadFiles=function(e){return this._http.post(this._config.getConversionApiEndpoint()+t.Api.LOAD_FILE_TREE,{path:e},t.Api.httpOptionsJson)},e.prototype.upload=function(e,o,n){var i=new FormData;return i.append("file",e),i.append("rewrite",String(n)),o&&i.append("url",o),this._http.post(this._config.getConversionApiEndpoint()+t.Api.UPLOAD_DOCUMENTS,i)},e.prototype.convert=function(e){var o=new p;return o.added=!0,o.destinationType=e.destinationType,o.guid=e.guid,o.size=e.size,o.destDocumentType=t.FileUtil.find(e.destinationType,!1).format,this._http.post(this._config.getConversionApiEndpoint()+t.Api.CONVERT_FILE,o)},e.prototype.getDownloadUrl=function(e){return this._config.getConversionApiEndpoint()+t.Api.DOWNLOAD_DOCUMENTS+"/?path="+e},e.prototype.selectedItemToConvert=function(e){this._itemToConvert.next(e)},e.prototype.selectedItemToRemove=function(e){this._itemToRemove.next(e)},e.decorators=[{type:o.Injectable,args:[{providedIn:"root"}]}],e.ctorParameters=function(){return[{type:i.HttpClient},{type:t.ConfigService}]},e.ngInjectableDef=o.ɵɵdefineInjectable({factory:function(){return new e(o.ɵɵinject(i.HttpClient),o.ɵɵinject(t.ConfigService))},token:e,providedIn:"root"}),e}();var u=function(){};var v=function(){function e(e,o){this._http=e,this._config=o,this._conversionConfig=new r.BehaviorSubject(new u),this._updatedConfig=this._conversionConfig.asObservable()}return Object.defineProperty(e.prototype,"updatedConfig",{get:function(){return this._updatedConfig},enumerable:!0,configurable:!0}),e.prototype.load=function(){var e=this;return new Promise((function(o,n){var i=e._config.getConfigEndpoint(t.Api.CONVERSION_APP);e._http.get(i,t.Api.httpOptionsJson).toPromise().then((function(n){var t=n;e._conversionConfig.next(t),o()})).catch((function(e){n("Could not load conversion config: "+JSON.stringify(e))}))}))},e.decorators=[{type:o.Injectable,args:[{providedIn:"root"}]}],e.ctorParameters=function(){return[{type:i.HttpClient},{type:t.ConfigService}]},e.ngInjectableDef=o.ɵɵdefineInjectable({factory:function(){return new e(o.ɵɵinject(i.HttpClient),o.ɵɵinject(t.ConfigService))},token:e,providedIn:"root"}),e}();var h=function(){function e(e,o,n,i){var r=this;this._modalService=e,this._conversionService=o,this.title="conversion",this.files=[],this.conversionItems=[],this.browseFilesModal=t.CommonModals.BrowseFiles,this.leftBarOpen=!1,this.warningItems=0,n.updatedConfig.subscribe((function(e){r.conversionConfig=e})),i.uploadsChange.subscribe((function(e){if(e){var o=void 0;for(o=0;o<e.length;o++)r._conversionService.upload(e.item(o),"",r.conversionConfig.rewrite).subscribe((function(){r.selectDir("")}))}})),o.selectedItems.subscribe((function(e){e.forEach((function(e){e.warning&&r.warningItems++,Object.keys(e).length>0&&!r.itemAlreadyAdded(e)&&r.conversionItems.push(e)}))})),o.selectedFormat.subscribe((function(e){r.selectedFormat=e})),o.itemToConvert.subscribe((function(e){e&&r.convertSingleItem(e)})),o.itemToRemove.subscribe((function(e){e&&r.removeItemFromQueue(e)}))}return Object.defineProperty(e.prototype,"rewriteConfig",{get:function(){return!this.conversionConfig||this.conversionConfig.rewrite},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"browseConfig",{get:function(){return!this.conversionConfig||this.conversionConfig.browse},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"uploadConfig",{get:function(){return!this.conversionConfig||this.conversionConfig.upload},enumerable:!0,configurable:!0}),e.prototype.fileDropped=function(e){e&&this._modalService.open(t.CommonModals.BrowseFiles)},e.prototype.openModal=function(e){this._modalService.open(e)},e.prototype.closeModal=function(e){this._modalService.close(e)},e.prototype.upload=function(e){var o=this;this._conversionService.upload(null,e,this.rewriteConfig).subscribe((function(){o.selectDir("")}))},e.prototype.selectDir=function(e){var o=this;this._conversionService.loadFiles(e).subscribe((function(e){return o.files=e||[]}))},e.prototype.convertSingleItem=function(e){var o=this.conversionItems.find((function(o){return o.guid===e.guid&&o.destinationType===e.destinationType}));o.converting=!0,this._conversionService.convert(e).subscribe((function(){o.converting=!1,o.converted=!0}),(function(){o.converting=!1}))},e.prototype.convertAll=function(){var e=this;this.conversionItems.forEach((function(o){o.converted||o.converting||e.convertSingleItem(o)}))},e.prototype.convertAllUnavailable=function(){return 0===this.conversionItems.length||0===this.conversionItems.filter((function(e){return!0!==e.converted})).length},e.prototype.removeItemFromQueue=function(e){var o=this;this.conversionItems.length>0&&this.conversionItems.forEach((function(n,t){n.guid===e.guid&&n.destinationType===e.destinationType&&o.conversionItems.splice(t,1)}))},e.prototype.selectAllItems=function(e){this.files.forEach((function(o){o.isDirectory||o.directory||(o.selected=e)}))},e.prototype.itemAlreadyAdded=function(e){return 1===this.conversionItems.filter((function(o){return o.destinationType===e.destinationType&&o.guid===e.guid})).length},e.prototype.isLeftBarOpen=function(){return!!this.isDesktop||this.leftBarOpen},e.decorators=[{type:o.Component,args:[{selector:"gd-conversion",template:'<div class="wrapper">\n  <div class="top-panel">\n    <gd-logo [logo]="\'conversion\'" [icon]="\'exchange-alt\'"></gd-logo>\n    <gd-top-toolbar class="toolbar-panel">\n      <gd-button [icon]="\'folder-open\'" [tooltip]="\'Browse files\'" (click)="openModal(browseFilesModal)"\n                 *ngIf="browseConfig" ></gd-button>\n\n      <gd-button [icon]="\'play\'" [tooltip]="\'Convert\'" [disabled]="convertAllUnavailable()"\n      (click)="convertAll()"></gd-button>\n\n    </gd-top-toolbar>\n  </div>\n\n  <gd-init-state [icon]="\'exchange-alt\'" [text]="\'Drop file here to upload\'" *ngIf="conversionItems.length == 0" (fileDropped)="fileDropped($event)">\n      Click <fa-icon [icon]="[\'fas\',\'folder-open\']"></fa-icon> to open file<br>\n      Or drop file here\n  </gd-init-state>\n\n  <gd-conversion-queue [items]="conversionItems" (selectedItemToConvert)="convertSingleItem($event)"></gd-conversion-queue>\n\n  <gd-conversion-browse-files-modal (urlForUpload)="upload($event)" [files]="files" (selectedDirectory)="selectDir($event)"\n                                    [uploadConfig]="uploadConfig" (selectAll)="selectAllItems($event)"></gd-conversion-browse-files-modal>\n\n  <gd-error-modal></gd-error-modal>\n  <gd-password-required></gd-password-required>\n  <gd-information-modal [warningCount]="warningItems" [formatName]="selectedFormat"></gd-information-modal>\n</div>\n',styles:["@import url(https://fonts.googleapis.com/css?family=Open+Sans&display=swap);:host *{font-family:'Open Sans',Arial,Helvetica,sans-serif}::ng-deep .tools .button{color:#fff!important;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column}::ng-deep .tools .button.inactive{color:#959da5!important}::ng-deep .tools .icon-button{margin:0 0 0 7px!important}.wrapper{-webkit-box-align:stretch;align-items:stretch;height:100%;width:100%;position:fixed;top:0;bottom:0;left:0;right:0}.doc-panel{display:-webkit-box;display:flex;height:inherit}.gd-document{width:100%;height:100%}.top-panel{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;width:100%}.toolbar-panel{background-color:#3e4e5a;width:100%}@media (max-width:1037px){::ng-deep .tools gd-button:nth-child(1)>.icon-button{margin:0 0 0 10px!important}::ng-deep .tools .icon-button{height:60px!important;width:60px}}"]}]}],e.ctorParameters=function(){return[{type:t.ModalService},{type:m},{type:v},{type:t.UploadFilesService}]},e}();var x=function(e){function n(n,t,i){var r=e.call(this,n)||this;return r._conversionService=t,r._modalService=i,r.selectAll=new o.EventEmitter,r.dynamicOptions=[],r}return function(e,o){function n(){this.constructor=e}c(e,o),e.prototype=null===o?Object.create(o):(n.prototype=o.prototype,new n)}(n,e),n.prototype.selectAllItems=function(e){this.selectAll.emit(e),this.dynamicOptions=this.prepareMultipleConversionTypes()},n.prototype.selectSingleItem=function(e,o){var n=this.files.filter((function(e){return e.guid===o.guid}));1===n.length&&(n[0].selected=e),this.dynamicOptions=this.prepareMultipleConversionTypes()},n.prototype.getLabelString=function(){if(this.files&&this.files.length>0){var e=this.files.filter((function(e){return e.selected})).length;return e>0?"Add "+e+" selected":"Add selected"}return"Add selected"},n.prototype.prepareMultipleConversionTypes=function(){var e=this,o=[];this.files.filter((function(e){return e.selected})).forEach((function(e){if(e.conversionTypes.length>0){var n=Object.assign([],e.conversionTypes);o.push(n)}}));var n=[];return o.forEach((function(e){e.length>=n.length&&(n=e)})),o.forEach((function(o){for(var t=function(t){var i=n[t].value?n[t].value:n[t];-1===o.indexOf(i)&&0===o.filter((function(e){return e.name===i})).length?n[t]={value:i,name:i,warning:!0,icon:e.getFormatIcon({name:"dummyName."+i,directory:!1})}:n[t].warning||(n[t]={value:i,name:i,warning:!1,icon:e.getFormatIcon({name:"dummyName."+i,directory:!1})})},i=0;i<n.length;i++)t(i)})),n},n.prototype.selectFormat=function(e,o){var n=this;o&&(this.selectAll.emit(!1),o.selected=!0),this._format=e.value;var i=new Array;this.files.forEach((function(o){if(o.selected&&!o.isDirectory&&!o.directory){var t=o.guid.replace(/^.*\./,""),r=o.guid.replace(t,n._format).replace(/^.*[\\\/]/,""),a={guid:o.guid,directory:o.directory,size:o.size,name:o.name,destinationType:e.value,isDirectory:o.isDirectory,sizeString:n.getSize(o.size),sourceIcon:n.getFormatIcon(o),sourceFormatName:n.getFormatName(o),destinationFileName:r,destinationFormatName:n.getFormatName({name:r,directory:!1}),destinationIcon:n.getFormatIcon({name:r,directory:!1}),converted:!1,converting:!1,warning:-1===o.conversionTypes.indexOf(n._format)};i.push(a)}})),this._conversionService.selectItems(i),this._conversionService.selectFormat(this._format.toUpperCase()),this._modalService.close(t.CommonModals.BrowseFiles),e.warning&&this._modalService.open(t.CommonModals.InformationMessage)},n.prototype.createFormatOption=function(e){return{value:e,name:e,icon:this.getFormatIcon({name:"dummyName."+e,directory:!1})}},n.prototype.formatOptions=function(e){if(e){for(var o=new Array,n=0;n<e.length;n++)o.push(this.createFormatOption(e[n]));return o}},n.prototype.anyItemSelected=function(){return!!(this.files&&this.files.length>0)&&this.files.filter((function(e){return e.selected})).length>0},n.prototype.allItemsSelected=function(){return!!(this.files&&this.files.filter((function(e){return!e.isDirectory&&!e.directory})).length>0&&this.files.length>0)&&this.files.filter((function(e){return!e.isDirectory&&!e.directory&&e.selected})).length===this.files.filter((function(e){return!e.isDirectory&&!e.directory})).length},n.decorators=[{type:o.Component,args:[{selector:"gd-conversion-browse-files-modal",template:'<gd-modal id="gd-browse-files" [title]="\'Open document\'" (visible)="refresh($event)">\n  <div class="gd-dnd-wrap" *ngIf="showUploadFile" gdDnd (opening)="showUploadFile=$event">\n    <div class="dnd-wrapper">\n      <fa-icon  class="icon" [icon]="[\'fas\',\'cloud-download-alt\']" aria-hidden="true"></fa-icon>\n      <span class="text">Drop file here to upload</span>\n    </div>\n  </div>\n  <div class="upload-panel" *ngIf="uploadConfig">\n    <input id="gd-upload-input" type="file" multiple style="display: none;"\n            (change)="handleFileInput($event.target.files)">\n\n    <div class="select-all">\n      <input type="checkbox" [disabled]="!(this.files && this.files.length > 0)" class="gd-checkbox" [checked]="allItemsSelected()"\n               (change)="selectAllItems($event.target.checked);">\n    </div>\n    <div class="context">\n      <div class="context-actions">\n        <gd-drop-down>\n          <gd-drop-down-toggle>\n            <gd-button [icon]="\'plus\'" [disabled]="!anyItemSelected()" [intent]="\'primary\'" [iconOnly]="false">\n              {{getLabelString()}}\n            </gd-button>\n          </gd-drop-down-toggle>\n          <gd-drop-down-items>\n            <gd-drop-down-item (selected)="selectFormat(item, null)" *ngFor="let item of dynamicOptions">\n              <div class="text">{{item.name}}</div>\n              <div *ngIf="item.warning" class="gd-type-warning"\n                    title="1 selected file(s) can’t be converted to {{item.name}} format">\n                <fa-icon [icon]="[\'fas\',\'exclamation-triangle\']"></fa-icon>\n              </div>\n            </gd-drop-down-item>\n          </gd-drop-down-items>\n        </gd-drop-down>\n        <gd-drop-down>\n          <gd-drop-down-toggle>\n            <gd-button [icon]="\'upload\'" [intent]="\'brand\'" [iconOnly]="false">\n              Upload file\n            </gd-button>\n          </gd-drop-down-toggle>\n          <gd-drop-down-items>\n            <gd-drop-down-item (selected)="selectUpload(item.name)" *ngFor="let item of uploads">\n              <fa-icon [icon]="[\'fas\', item.icon]"></fa-icon>\n              <div class="text">{{item.name}}</div>\n            </gd-drop-down-item>\n          </gd-drop-down-items>\n        </gd-drop-down>\n      </div>\n      <div class="context-panel" *ngIf="showUploadUrl">\n        <div class="upload-url">\n          <input class="url-input" placeholder="https://" #url (keyup.enter)="uploadUrl(url.value)">\n          <div class="url-check" (click)="uploadUrl(url.value)">\n            <fa-icon [icon]="[\'fas\',\'check\']"></fa-icon>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class="list-files-header" [ngClass]="{\'upload-url\': showUploadUrl}">\n    <div class="header-name">FILE</div>\n    <div class="header-size">SIZE</div>\n  </div>\n  <section id="gd-browse-section" (dragover)="showUploadFile = true;">\n    <div id="gd-modal-filebrowser" class="gd-modal-table">\n      <div class="list-files-body">\n        <div class="go-up" (click)="goUp()">\n          <div class="go-up-icon">\n            <fa-icon [icon]="[\'fas\',\'level-up-alt\']"></fa-icon>\n          </div>\n          <div class="go-up-dots">..</div>\n        </div>\n        <div class="list-files-lines" *ngFor="let file of files" (click)="choose(file);">\n          <div class="gd-file-checkbox" [ngClass]="{\'empty\': file && (file.isDirectory || file.directory)}">\n            <input type="checkbox" *ngIf="file && !file.isDirectory && !file.directory" [checked]="file.selected"\n                   (change)="selectSingleItem($event.target.checked, file);" class="gd-checkbox gd-checkbox-single">\n          </div>\n          <div class="file-description">\n            <fa-icon [icon]="[\'fas\',getFormatIcon(file)]" [class]="\'ng-fa-icon fa-\' + getFormatIcon(file)"></fa-icon>\n            <div class="file-name-format">\n              <div class="file-name" [ngClass]="{\'gd-folder-name\' : file.isDirectory || file.directory}">{{file?.name}}</div>\n              <div class="file-format">{{getFormatName(file)}}</div>\n            </div>\n          </div>\n          <div class="file-size">{{getSize(file?.size)}}</div>\n          <div class="file-format-select" [ngClass]="{\'empty\': file && (file.isDirectory || file.directory)}">\n            <gd-drop-down *ngIf="!(file.isDirectory || file.directory)" [placement]="{h:\'left\',v:\'center\'}">\n              <gd-drop-down-toggle>\n                <gd-button [icon]="\'plus\'">\n                </gd-button>\n              </gd-drop-down-toggle>\n              <gd-drop-down-items>\n                <gd-drop-down-item (selected)="selectFormat(item, file)" *ngFor="let item of formatOptions(file.conversionTypes)">\n                  <div class="text">{{item.name}}</div>\n                </gd-drop-down-item>\n              </gd-drop-down-items>\n            </gd-drop-down>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div id="gd-modal-spinner" class="gd-modal-spinner" *ngIf="showSpinner()">\n      <fa-icon [icon]="[\'fas\',\'circle-notch\']" [spin]="true"></fa-icon>\n      &nbsp;Loading... Please wait.\n    </div>\n  </section>\n</gd-modal>\n',styles:['.gd-modal-table{width:100%;text-align:left}#gd-browse-section{width:1036px;height:561px;overflow-y:auto}.list-files-header{height:60px;color:#6e6e6e;font-size:13px;font-weight:700;background-color:#f4f4f4;margin-top:24px}.list-files-header.upload-url{margin-top:20px}.header-name{padding-left:68px;width:90%;line-height:60px}.header-size{padding-right:84px;line-height:60px}.file-size,.header-size{width:7%;color:#777;text-align:left}.file-size{font-size:12px;width:7%;line-height:79px}.file-description{display:-webkit-box;display:flex;width:90%;padding:18px 0;font-size:14px;-webkit-box-flex:1;flex:1;cursor:pointer;overflow:hidden}.file-description .ng-fa-icon{font-size:32px}.gd-modal-spinner{background-color:#fff;width:100%;height:20px;text-align:center;font-size:16px}.gd-cancel-button{padding:7px;background:0 0;width:28px;overflow:hidden}.gd-cancel-button i{font-size:21px}.gd-file-name{white-space:nowrap;overflow:hidden;width:100%;text-overflow:ellipsis}.upload-panel{display:-webkit-box;display:flex;position:relative;width:100%;margin-top:24px;margin-right:24px}.upload-panel .select-all{height:37px;margin:0 16px 0 15px;width:37px;line-height:44px;text-align:center}.upload-panel .context{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;width:100%;margin-right:24px}.upload-panel .context .context-actions{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;width:100%}.upload-panel .context .context-actions :last-child{margin-right:0}.upload-panel .context .context-actions ::ng-deep .button{height:37px;width:96px;padding:0;-webkit-box-pack:center;justify-content:center;font-size:14px}.upload-panel .context .context-actions ::ng-deep .button ::ng-deep .text{font-size:10px}.upload-panel .context .context-actions ::ng-deep .button.primary{width:117px;background-color:#4b566c}.upload-panel .context .context-actions ::ng-deep .button.primary.inactive{width:106px;background-color:#959da5}.upload-panel .context .context-actions ::ng-deep .button.primary.inactive ::ng-deep .text{color:#3e4e5a}.upload-panel .context .context-actions ::ng-deep .button.primary.inactive ::ng-deep fa-icon{color:#3e4e5a}.upload-panel .context .context-panel{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;width:100%;margin-top:20px}.upload-panel .context .context-panel .upload-url{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;width:100%}.upload-panel .context .context-panel .upload-url .url-input{width:100%;height:27px;border:1px solid #25c2d4;font-size:14px;padding-left:6px}.upload-panel .context .context-panel .upload-url .url-check{width:31px;height:31px;color:#fff;font-size:15px;background-color:#25c2d4}.upload-panel .context .context-panel .upload-url .url-check .ng-fa-icon{display:block;padding:8px}.upload-panel gd-drop-down{margin-right:10px}.upload-panel gd-drop-down ::ng-deep .drop-down-item .text{margin-left:7px;text-transform:uppercase;color:#6e6e6e}.upload-panel gd-drop-down ::ng-deep .drop-down-item:hover{background-color:#4b566c}.upload-panel gd-drop-down ::ng-deep .drop-down-item:hover *{color:#fff}.list-files-header,.list-files-lines{display:-webkit-box;display:flex;width:100%;-webkit-box-pack:justify;justify-content:space-between}.file-description .ng-fa-icon.fa-file-pdf{color:#e04e4e}.file-description .ng-fa-icon.fa-file-word{color:#539cf0}.file-description .ng-fa-icon.fa-file-powerpoint{color:#e29e1e}.file-description .ng-fa-icon.fa-file-excel{color:#7cbc46}.file-description .ng-fa-icon.fa-file-image{color:#c375ed}.file-description .ng-fa-icon.fa-file,.file-description .ng-fa-icon.fa-file-alt,.file-description .ng-fa-icon.fa-file-text .fa-folder{color:#4b566c}.go-up{cursor:pointer;display:-webkit-box;display:flex;font-size:26px;color:#4b566c;height:79px}.go-up-dots{margin-left:20px;margin-top:22px;font-size:16px}.go-up-icon{display:block;padding:18px 0 18px 68px}.file-name{font-size:16px;color:#6e6e6e;overflow:hidden;text-overflow:ellipsis}.file-name-format{padding-left:11px;overflow:hidden}.file-format{font-size:10px;padding-top:3px;color:#acacac}.go-up,.list-files-lines{border-bottom:1px solid #e7e7e7}.list-files-lines:hover{background-color:#e5e5e5}.gd-dnd-wrap{background-color:#fff;cursor:default;position:absolute;width:100%;height:calc(100% - 60px);background:rgba(255,255,255,.7);z-index:1;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}.gd-drag-n-drop-icon{margin-top:-50px}.gd-drag-n-drop-icon .fa-cloud-download-alt{color:#d1d1d1;font-size:110px}.gd-file-checkbox{height:37px;margin:21px 16px 21px 15px;width:37px;line-height:44px;text-align:center}.gd-file-checkbox.empty{width:37px}.file-format-select{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;width:36px;margin-right:24px}.file-format-select ::ng-deep .button{padding:0;width:36px;margin:0;font-size:14px}.file-format-select ::ng-deep .button .text{padding:0}.file-format-select ::ng-deep .show .button{color:#959da5}.file-format-select gd-drop-down ::ng-deep .drop-down-item{width:96px}.file-format-select gd-drop-down ::ng-deep .drop-down-item .text{padding-left:7px;text-transform:uppercase;color:#6e6e6e}.file-format-select gd-drop-down ::ng-deep .drop-down-item:hover{background-color:#4b566c}.file-format-select gd-drop-down ::ng-deep .drop-down-item:hover *{color:#fff}.gd-checkbox{width:19px;height:19px;margin:0}.gd-checkbox:before{position:relative;display:-webkit-box;display:flex;width:17px;height:17px;border:1px solid #707070;content:"";background:#fff;cursor:pointer}.gd-checkbox:after{position:relative;display:-webkit-box;display:flex;left:1px;top:-18px;width:16px;height:16px;content:"";cursor:pointer}.gd-checkbox:checked:after{font-family:"Font Awesome 5 Free";content:"\\f00c";font-weight:900;font-size:16px;color:#6e6e6e}.gd-add-selected.active{cursor:pointer;opacity:1}.gd-add-selected{width:140px;height:36px;background-color:#3e4e5a;color:#fff;margin:0 8px 0 0;border:0;cursor:not-allowed;opacity:.43}.gd-folder-name{margin-top:8px}.dnd-wrapper{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;top:259px;position:absolute}.dnd-wrapper .text{color:#6e6e6e;font-size:14px}.dnd-wrapper .icon{display:-webkit-box;display:flex;width:113px;height:90px;font-size:90px;color:#3e4e5a;margin-bottom:30px}@media (max-width:1037px){.file-size,.header-size{width:18%}.gd-dnd-wrap{width:95%}.file-size,.list-files-header{display:none}#gd-browse-section{width:100%;height:calc(100% - 146px)}}']}]}],n.ctorParameters=function(){return[{type:t.UploadFilesService},{type:m},{type:t.ModalService}]},n.propDecorators={files:[{type:o.Input}],selectAll:[{type:o.Output}]},n}(t.BrowseFilesModalComponent);var b=function(){function e(){}return e.prototype.ngOnInit=function(){},e.decorators=[{type:o.Component,args:[{selector:"gd-information-modal",template:'<gd-modal id="gd-information-message" [title]="\'Imposible conversions\'">\n  <section id="gd-information-section">\n    <fa-icon [icon]="[\'fas\', \'info-circle\']"></fa-icon>\n    <div class="gd-modal-information">\n      <div class="gd-modal-information-title">Incompatible formats</div>\n      <div class="gd-modal-information-message">{{warningCount}} selected {{warningCount == 1 ? \'file\' : \'files\'}} can\'t be converted to {{formatName}} format. Incompatible files will not be added to conversion queue.</div>\n    </div>\n  </section>\n</gd-modal>\n',styles:[".gd-modal-information{display:-webkit-inline-box;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-flex:1;flex:1}.gd-modal-information .gd-modal-information-message{font-size:12px;margin:0 24px 24px 0;word-break:break-word}.gd-modal-information .gd-modal-information-title{font-size:16px;font-weight:700;margin:14px 0 10px}#gd-information-section{max-width:468px;max-height:107px;display:-webkit-box;display:flex}#gd-information-section fa-icon{-webkit-box-flex:1;flex:1;color:#25c2d4;font-size:40px;margin:13px 23px 90px;text-align:center;max-width:46px}"]}]}],e.ctorParameters=function(){return[]},e.propDecorators={formatName:[{type:o.Input}],warningCount:[{type:o.Input}]},e}();var w=function(){function e(){this.items=[],this.selectedItemToConvert=new o.EventEmitter}return e.prototype.ngOnInit=function(){},e.prototype.convertSingleItem=function(e){this.selectedItemToConvert.emit(e)},e.decorators=[{type:o.Component,args:[{selector:"gd-conversion-queue",template:'<div id="gd-convert-queue">\n  <div class="gd-queue-header">\n    <div class="gd-placeholder"></div>\n    <div>Source</div>\n    <div>Size</div>\n    <div>State</div>\n    <div>Target</div>\n    <div class="gd-queue-last-placeholder"></div>\n  </div>\n  <div class="gd-queue-body">\n    <div *ngFor="let item of items">\n        <gd-conversion-item [item]="item"></gd-conversion-item>\n    </div>\n  </div>\n</div>',styles:["#gd-convert-queue{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;height:100%;background-color:#e7e7e7}.gd-queue-header{display:-webkit-box;display:flex;font-size:13px;text-transform:uppercase;color:#6e6e6e;width:100%;height:60px;background-color:#f4f4f4;font-weight:700;-webkit-box-align:center;align-items:center}.gd-placeholder{margin:0 42px}.gd-queue-header div:nth-child(2){width:671px;text-align:left;display:-webkit-box;display:flex}.gd-queue-header div:nth-child(4){margin:0 162px 0 111px;width:32px}.gd-queue-header div:nth-child(3){width:112px;text-align:left}.gd-queue-header div:nth-child(5){width:644px;text-align:left}.gd-queue-body{overflow-y:scroll;height:calc(100% - 120px)}.gd-queue-last-placeholder{margin:0 52px}@media (max-width:1037px){.gd-queue-header{display:none}}"]}]}],e.ctorParameters=function(){return[]},e.propDecorators={items:[{type:o.Input}],selectedItemToConvert:[{type:o.Output}]},e}();var y=function(){function e(e){this._conversionService=e}return e.prototype.ngOnInit=function(){},e.prototype.convert=function(e,o){e.preventDefault(),e.stopPropagation(),this._conversionService.selectedItemToConvert(o)},e.prototype.downloadFile=function(e){window.location.assign(this._conversionService.getDownloadUrl(e.destinationFileName))},e.prototype.removeItemFromQueue=function(e,o){e.preventDefault(),e.stopPropagation(),this._conversionService.selectedItemToRemove(o)},e.decorators=[{type:o.Component,args:[{selector:"gd-conversion-item",template:'<div *ngIf="item" class="gd-convert-item">\n  <div class="gd-convert-remove" [ngClass]="{\'disabled\': item.converting}" (click)="removeItemFromQueue($event, item)">\n    <span>&times;</span>\n  </div>\n  <div class="gd-filequeue-name disabled">\n    <fa-icon [icon]="[\'fas\', item.sourceIcon]" [class]="\'ng-fa-icon\'"></fa-icon>\n    <div class="gd-file-name gd-queue-name">{{item.name}}\n      <div class="gd-file-format">{{item.sourceFormatName}}</div>\n      <div class="gd-file-format mobile">\n        <fa-icon [icon]="[\'fas\',\'arrow-right\']"></fa-icon> \n        <fa-icon [icon]="[\'fas\', item.destinationIcon]" [class]="\'ng-fa-icon\'" [ngClass]="[\'fa-\' + item.destinationIcon]"></fa-icon>{{item.destinationFileName}}\n      </div>\n    </div>\n  </div>\n  <div class="gd-file-size gd-queue-size">{{item.sizeString}}</div>\n  <div class="gd-convert-status">\n      <fa-icon class="gd-conversion-pending" [icon]="[\'far\',\'clock\']" [hidden]="item.converted || item.converting"></fa-icon>\n      <fa-icon class="gd-conversion-progress" [icon]="[\'fas\',\'circle-notch\']" [spin]="true" [hidden]="!item.converting"></fa-icon>\n      <fa-icon class="gd-conversion-complete" [icon]="[\'fas\',\'check\']" [hidden]="!item.converted || item.converting"></fa-icon>\n  </div>\n  <div class="gd-filequeue-name disabled gd-destination-file">\n      <fa-icon [icon]="[\'fas\', item.destinationIcon]" [class]="\'ng-fa-icon\'" [ngClass]="[item.converted ? \'fa-\' + item.destinationIcon : \'\']"></fa-icon>\n    <div class="gd-file-name gd-queue-name">{{item.destinationFileName}}<div class="gd-file-format">{{item.destinationFormatName}}</div></div>\n  </div>\n  <div (click)="convert($event, item)" class="gd-convert-single" \n      [ngClass]="{\'disabled\': item.converting}" [hidden]="item.converted">\n      <fa-icon [icon]="[\'fas\',\'play\']"></fa-icon>\n  </div>\n  <div (click)="convert($event, item)" class="gd-convert-single mobile" \n    [ngClass]="{\'disabled\': item.converting}" *ngIf="!item.converted && !item.converting">\n    <fa-icon [icon]="[\'fas\',\'play\']"></fa-icon>\n  </div>\n  <fa-icon class="gd-conversion-progress mobile" [icon]="[\'fas\',\'circle-notch\']" [spin]="true" *ngIf="item.converting"></fa-icon>\n  <div (click)="downloadFile(item)" class="gd-download-single" [hidden]="!item.converted">\n    <fa-icon [icon]="[\'fas\',\'download\']"></fa-icon>\n  </div>\n</div>',styles:[".gd-convert-item{display:-webkit-box;display:flex;width:100%;height:98px;border-bottom:1px solid #e7e7e7;background-color:#fff;-webkit-box-align:center;align-items:center}.gd-convert-remove{font-size:18px;color:#6e6e6e;margin:0 24px;cursor:pointer}.gd-convert-remove span{width:37px;height:37px;display:block;line-height:37px;text-align:center;font-weight:700}.gd-convert-remove.disabled{color:#959da5;opacity:.4}.gd-filequeue-name{display:-webkit-box;display:flex;width:671px}.gd-filequeue-name.disabled fa-icon{color:#6e6e6e}.gd-queue-name{text-align:left;cursor:default}.gd-queue-size{text-align:left;font-size:14px}.gd-destination-file{cursor:not-allowed}.gd-destination-file .gd-queue-name{cursor:inherit}.gd-convert-status{font-size:32px;color:#dbdbdb;margin:0 162px 0 111px}.gd-conversion-complete{color:#62a529;margin-left:5px}.gd-conversion-progress{position:inherit;width:32px;height:32px;font-size:32px!important;line-height:32px;color:#007aff}.gd-conversion-progress.mobile{display:none}.gd-convert-single,.gd-download-single{font-size:16px;color:grey;margin:41px 36px 42px 11px;cursor:pointer}.gd-convert-single.mobile,.gd-download-single.mobile{display:none}.gd-convert-single.disabled,.gd-download-single.disabled{color:#959da5;opacity:.4}.gd-file-format{font-size:10px;color:#acacac;padding-top:4px}.gd-file-format.mobile{display:none}.gd-file-size{width:112px;color:#777}.disabled{cursor:not-allowed!important}.gd-convert-item .ng-fa-icon.fa-file-pdf{color:#e21717}.gd-convert-item .ng-fa-icon.fa-file-word{color:#6979b9}.gd-convert-item .ng-fa-icon.fa-file-powerpoint{color:#e29417}.gd-convert-item .ng-fa-icon.fa-file-excel{color:#3fa300}.gd-convert-item .ng-fa-icon.fa-file-image{color:#e217da}.gd-convert-item .ng-fa-icon.fa-file-text .fa-folder{color:#5d6a75}.gd-convert-status .ng-fa-icon,.gd-destination-file .ng-fa-icon,.gd-filequeue-name .ng-fa-icon{font-size:33px}.gd-filequeue-name fa-icon{font-size:32px;margin:0 11px 0 0}@media (max-width:1037px){.gd-convert-status,.gd-destination-file,.gd-file-size{display:none}.gd-conversion-progress.mobile{display:block;margin:26px 24px 25px 11px}.gd-convert-single.mobile{display:block;margin:31px 24px 30px 0;cursor:pointer;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;min-width:37px;height:37px}.gd-convert-single:not(.mobile){display:none}.gd-file-format.mobile{display:block}.gd-file-format.mobile>fa-icon{color:#bebebe}.gd-file-format.mobile fa-icon{font-size:10px;margin-right:2.1px}.gd-file-format.mobile fa-icon:nth-child(1){margin-right:6px}.gd-file-format{font-size:11px}.gd-file-format:not(.mobile){display:none}.gd-filequeue-name{white-space:nowrap;overflow:hidden}.gd-convert-remove{margin:0 16px 0 15px}}"]}]}],e.ctorParameters=function(){return[{type:m}]},e.propDecorators={item:[{type:o.Input}]},e}();function k(e){return function(){return e.load()}}var I=function(){function e(){a.library.add(l.fas,d.far)}return e.forRoot=function(o){return t.Api.DEFAULT_API_ENDPOINT=o,{ngModule:e}},e.decorators=[{type:o.NgModule,args:[{declarations:[h,x,b,w,y],exports:[h,x,b,w],imports:[n.CommonModule,t.CommonComponentsModule,i.HttpClientModule,s.FontAwesomeModule],providers:[m,t.ConfigService,v,{provide:i.HTTP_INTERCEPTORS,useClass:t.ErrorInterceptorService,multi:!0},{provide:o.APP_INITIALIZER,useFactory:k,deps:[v],multi:!0}]}]}],e.ctorParameters=function(){return[]},e}();e.ConversionAppComponent=h,e.ConversionConfigService=v,e.ConversionItemModel=f,e.ConversionModule=I,e.ConversionRequestModel=p,e.ConversionService=m,e.ExtendedFileModel=g,e.initializeApp=k,e.ɵa=x,e.ɵb=b,e.ɵc=w,e.ɵd=y,Object.defineProperty(e,"__esModule",{value:!0})}));
  //# sourceMappingURL=groupdocs.examples.angular-conversion.umd.min.js.map