{"__symbolic":"module","version":4,"metadata":{"NgxPlayerVideoCreateService":{"__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":"@vlemaitre/ngx-cvbsp-author-tool","name":"NgxCvbspAuthorToolService","line":9,"character":41}]}],"setTranslations":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"NgxPlayerVideoCreateComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"ngx-player-video-create","template":"<div class=\"cvbsp-video-container\" *ngIf=\"data\">\n  <div class=\"no-video\" *ngIf=\"!data.videoUrls[lang]\">     \n    <ngx-cvbsp-uploader \n      [restrictedExtensions]=\"['mp4']\"\n      [urlToUpload]=\"service.urlToUpload\"\n      (itemUploadedEvent)=\"onUploaded($event)\" \n      ></ngx-cvbsp-uploader>\n  </div>\n  <video *ngIf=\"data.videoUrls[lang]\" id=\"video\" #videoPlayer controls=\"controls\" preload=\"metadata\"\n  webkit-playsinline=\"webkit-playsinline\" class=\"video-player\">\n    <source \n    [src]=\"data.videoUrls[lang]\" \n    [type]=\"data.videoTypes[lang]\" />\n  </video>\n  <br/>\n  <button *ngIf=\"data.videoUrls[lang]\" mat-button (click)=\"openUploaderDialog(true)\">\n    {{ 'REPLACE_VIDEO' | translate }}\n  </button>\n  <br/><br/>\n  <div [contenteditable]=\"true\" (change)=\"inputChange()\" [(ngModel)]=\"data.title[lang]\" class=\"cvbsp-video-title\" *ngIf=\"data.hideTitle !== true\">\n  </div><br/>\n  \n  <html-box [(html)]=\"data.intro[lang]\"  *ngIf=\"data?.showIntro\"\n          [placeholder]=\"'CLICK_TO_EDIT' | translate\"></html-box>\n</div>\n<br/>\n<a class=\"adv-params-link\" (click)=\"showAdvancedParameters = !showAdvancedParameters\">\n  <span>{{ (showAdvancedParameters ? 'HIDE_ADVANCED_PARAMETERS' : 'SHOW_ADVANCED_PARAMETERS') | translate }} </span>\n</a>\n<br/><br/>\n<div *ngIf=\"showAdvancedParameters\" class=\"adv-params\">\n  <mat-checkbox  [(ngModel)]=\"data.autoplay\">\n    {{ 'AUTOPLAY' | translate }}\n  </mat-checkbox><br/>\n  <mat-checkbox  [(ngModel)]=\"data.nextWhenFinished\">\n    {{ 'NEXT_WHEN_FINISHED' | translate }}\n  </mat-checkbox><br/>\n  {{ 'VIDEO_WIDTH' | translate }} :\n  <input class=\"input-title\" \n    name=\"width-text\"\n    (change)=\"inputChange()\" \n    [(ngModel)]=\"data.videoWidths[lang]\">\n  <br/>\n  {{ 'VIDEO_HEIGHT' | translate }} :\n  <input class=\"input-title\" \n    name=\"width-text\"\n    (change)=\"inputChange()\" \n    [(ngModel)]=\"data.videoHeights[lang]\">\n    <br/><br/>\n  <mat-checkbox  [(ngModel)]=\"data.hideTitle\">\n    {{ 'HIDE_TITLE' | translate }}\n  </mat-checkbox><br/>\n  <mat-checkbox  [(ngModel)]=\"data.showIntro\" >\n    {{ 'SHOW_INTRO' | translate }}\n  </mat-checkbox><br/>\n  <div  class=\"block-box\" >\n    <mat-checkbox \n    [indeterminate]=\"data.noNext === null || data.noNext === undefined\" \n    class=\"checkbox-header\" [(ngModel)]=\"data.noNext\" \n    [matTooltip]=\"'NO_NEXT_TP' | translate\">\n      {{ 'NO_NEXT' | translate }}\n    </mat-checkbox>\n    <br/>\n    <input class=\"input-title\" \n    *ngIf=\"!data.noNext\"\n    name=\"next-text\"\n    placeholder=\"{{ 'NEXT_LABEL' | translate }}\"\n    (change)=\"inputChange()\" \n    [(ngModel)]=\"data.nextLabel[lang]\">\n  </div>\n  <div  class=\"block-box\" >\n      <mat-checkbox \n      [indeterminate]=\"data.noBack === null || data.noBack === undefined\" \n      class=\"checkbox-header\" [(ngModel)]=\"data.noBack\" \n      [matTooltip]=\"'NO_BACK_TP' | translate\">\n        {{ 'NO_BACK' | translate }}\n      </mat-checkbox><br/>\n      <input *ngIf=\"!data.noBack\"\n      class=\"input-title\" \n      placeholder=\"{{ 'BACK_LABEL' | translate }}\"\n      name=\"back-text\"\n      (change)=\"inputChange()\" \n      [(ngModel)]=\"data.backLabel[lang]\">\n  </div> \n  <div  class=\"block-box\" >\n</div> \n</div>\n","styles":["video{outline:0}.cvbsp-video-container{text-align:center}.cvbsp-video-title{font-size:20px;color:#888}.back-btn{float:left}.cvbsp-video-actions{position:absolute;width:100%;padding:5px;bottom:0}.cvbsp-video-intro{padding:10px}.no-video{display:inline-block}.input-size{border:none;width:30px;height:40px;outline:0}.input-title{border:none;width:200px;height:40px;outline:0}.adv-params-link{font-weight:700;cursor:pointer}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"NgxPlayerVideoCreateService"},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":22,"character":20}]}],"ngOnInit":[{"__symbolic":"method"}],"inputChange":[{"__symbolic":"method"}],"openUploaderDialog":[{"__symbolic":"method"}]}},"NgxPlayerVideoCreateModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NgxPlayerVideoCreateComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":16,"character":4},{"__symbolic":"reference","module":"ngx-cvbsp-player","name":"NgxCvbspPlayerModule","line":17,"character":4},{"__symbolic":"reference","module":"@vlemaitre/ngx-cvbsp-author-tool","name":"NgxCvbspAuthorToolModule","line":18,"character":4},{"__symbolic":"reference","module":"@vlemaitre/ngx-contenteditable","name":"NgxContenteditableModule","line":19,"character":4},{"__symbolic":"reference","module":"@vlemaitre/ngx-cvbsp-uploader","name":"NgxCvbspUploaderModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":21,"character":4},{"__symbolic":"reference","module":"@angular/material/checkbox","name":"MatCheckboxModule","line":22,"character":4},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":23,"character":4}],"exports":[{"__symbolic":"reference","name":"NgxPlayerVideoCreateComponent"}],"entryComponents":[{"__symbolic":"reference","name":"NgxPlayerVideoCreateComponent"}]}]}],"members":{}}},"origins":{"NgxPlayerVideoCreateService":"./lib/ngx-player-video-create.service","NgxPlayerVideoCreateComponent":"./lib/ngx-player-video-create/ngx-player-video-create.component","NgxPlayerVideoCreateModule":"./lib/ngx-player-video-create.module"},"importAs":"ngx-player-video-create"}