ngx-surveys/esm2022/lib/form-item/form-item-file/file-list-item-video/file-list-item-video.component.mjs

Angular 18+ survey / form builder

import { Component, EventEmitter, Input, Output } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@angular/material/icon";
import * as i3 from "@angular/material/progress-bar";
import * as i4 from "../../../pipes/file-size.pipe";
export class FileListItemVideoComponent {
    constructor() {
        this.onDelete = new EventEmitter();
    }
    ngOnInit() {
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FileListItemVideoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: FileListItemVideoComponent, selector: "ammo-file-list-item-video", inputs: { file: "file", allowDelete: "allowDelete" }, outputs: { onDelete: "onDelete" }, ngImport: i0, template: "<div class=\"video-upload-item\" [ngClass]=\"{uploading: file.uploading}\">\n    <video class=\"media-player img\" controls preload=\"metadata\" *ngIf=\"file.url\">\n        <source [type]=\"file.mime\" [src]=\"file.url\"/>\n    </video>\n    <mat-progress-bar mode=\"determinate\"  *ngIf=\"file.uploading\" [value]=\"file.progressValue\"></mat-progress-bar>\n    <div class=\"file-upload-img-info\" *ngIf=\"file.size\">\n        Size: <div class=\"file-upload-img-info-value\" [innerHTML]=\"file.size| fileSize\"></div>\n    </div>\n    <a class=\"delete-btn\" *ngIf=\"allowDelete\" (click)=\"onDelete.emit(file)\" title=\"Delete Vieod\"><mat-icon>cancel</mat-icon></a>\n</div>\n", styles: [".video-upload-item{padding:15px 10px;position:relative;margin-bottom:1rem;border:1px solid #c2c9d8;border-radius:4px;background-color:#fff;width:300px;margin-right:5px}.video-upload-item video{width:100%}.video-upload-item.uploading video{opacity:.5}.video-upload-item .file-upload-img-info{padding-top:10px;text-align:center;color:#9e9e9e}.video-upload-item .file-upload-img-info .file-upload-img-info-value{font-weight:500;color:#363e49}.video-upload-item .delete-btn{position:absolute;top:2px;right:2px;color:#c72939!important;cursor:pointer;font-size:20px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "pipe", type: i4.FileSizePipe, name: "fileSize" }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FileListItemVideoComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ammo-file-list-item-video', template: "<div class=\"video-upload-item\" [ngClass]=\"{uploading: file.uploading}\">\n    <video class=\"media-player img\" controls preload=\"metadata\" *ngIf=\"file.url\">\n        <source [type]=\"file.mime\" [src]=\"file.url\"/>\n    </video>\n    <mat-progress-bar mode=\"determinate\"  *ngIf=\"file.uploading\" [value]=\"file.progressValue\"></mat-progress-bar>\n    <div class=\"file-upload-img-info\" *ngIf=\"file.size\">\n        Size: <div class=\"file-upload-img-info-value\" [innerHTML]=\"file.size| fileSize\"></div>\n    </div>\n    <a class=\"delete-btn\" *ngIf=\"allowDelete\" (click)=\"onDelete.emit(file)\" title=\"Delete Vieod\"><mat-icon>cancel</mat-icon></a>\n</div>\n", styles: [".video-upload-item{padding:15px 10px;position:relative;margin-bottom:1rem;border:1px solid #c2c9d8;border-radius:4px;background-color:#fff;width:300px;margin-right:5px}.video-upload-item video{width:100%}.video-upload-item.uploading video{opacity:.5}.video-upload-item .file-upload-img-info{padding-top:10px;text-align:center;color:#9e9e9e}.video-upload-item .file-upload-img-info .file-upload-img-info-value{font-weight:500;color:#363e49}.video-upload-item .delete-btn{position:absolute;top:2px;right:2px;color:#c72939!important;cursor:pointer;font-size:20px}\n"] }]
        }], ctorParameters: () => [], propDecorators: { file: [{
                type: Input
            }], allowDelete: [{
                type: Input
            }], onDelete: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1saXN0LWl0ZW0tdmlkZW8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXN1cnZleXMvc3JjL2xpYi9mb3JtLWl0ZW0vZm9ybS1pdGVtLWZpbGUvZmlsZS1saXN0LWl0ZW0tdmlkZW8vZmlsZS1saXN0LWl0ZW0tdmlkZW8uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXN1cnZleXMvc3JjL2xpYi9mb3JtLWl0ZW0vZm9ybS1pdGVtLWZpbGUvZmlsZS1saXN0LWl0ZW0tdmlkZW8vZmlsZS1saXN0LWl0ZW0tdmlkZW8uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBUS9FLE1BQU0sT0FBTywwQkFBMEI7SUFNbkM7UUFGVSxhQUFRLEdBQUcsSUFBSSxZQUFZLEVBQWMsQ0FBQztJQUVwQyxDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDOytHQVRRLDBCQUEwQjttR0FBMUIsMEJBQTBCLDBKQ1J2QywwcUJBVUE7OzRGREZhLDBCQUEwQjtrQkFMdEMsU0FBUzsrQkFDRSwyQkFBMkI7d0RBTTFCLElBQUk7c0JBQVosS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNJLFFBQVE7c0JBQWpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdXJ2ZXlGaWxlIH0gZnJvbSAnLi4vLi4vZm9ybS1pdGVtJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYW1tby1maWxlLWxpc3QtaXRlbS12aWRlbycsXG4gIHRlbXBsYXRlVXJsOiAnLi9maWxlLWxpc3QtaXRlbS12aWRlby5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2ZpbGUtbGlzdC1pdGVtLXZpZGVvLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRmlsZUxpc3RJdGVtVmlkZW9Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gICAgQElucHV0KCkgZmlsZTogU3VydmV5RmlsZTtcbiAgICBASW5wdXQoKSBhbGxvd0RlbGV0ZTogYm9vbGVhbjtcbiAgICBAT3V0cHV0KCkgb25EZWxldGUgPSBuZXcgRXZlbnRFbWl0dGVyPFN1cnZleUZpbGU+KCk7XG5cbiAgICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInZpZGVvLXVwbG9hZC1pdGVtXCIgW25nQ2xhc3NdPVwie3VwbG9hZGluZzogZmlsZS51cGxvYWRpbmd9XCI+XG4gICAgPHZpZGVvIGNsYXNzPVwibWVkaWEtcGxheWVyIGltZ1wiIGNvbnRyb2xzIHByZWxvYWQ9XCJtZXRhZGF0YVwiICpuZ0lmPVwiZmlsZS51cmxcIj5cbiAgICAgICAgPHNvdXJjZSBbdHlwZV09XCJmaWxlLm1pbWVcIiBbc3JjXT1cImZpbGUudXJsXCIvPlxuICAgIDwvdmlkZW8+XG4gICAgPG1hdC1wcm9ncmVzcy1iYXIgbW9kZT1cImRldGVybWluYXRlXCIgICpuZ0lmPVwiZmlsZS51cGxvYWRpbmdcIiBbdmFsdWVdPVwiZmlsZS5wcm9ncmVzc1ZhbHVlXCI+PC9tYXQtcHJvZ3Jlc3MtYmFyPlxuICAgIDxkaXYgY2xhc3M9XCJmaWxlLXVwbG9hZC1pbWctaW5mb1wiICpuZ0lmPVwiZmlsZS5zaXplXCI+XG4gICAgICAgIFNpemU6IDxkaXYgY2xhc3M9XCJmaWxlLXVwbG9hZC1pbWctaW5mby12YWx1ZVwiIFtpbm5lckhUTUxdPVwiZmlsZS5zaXplfCBmaWxlU2l6ZVwiPjwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxhIGNsYXNzPVwiZGVsZXRlLWJ0blwiICpuZ0lmPVwiYWxsb3dEZWxldGVcIiAoY2xpY2spPVwib25EZWxldGUuZW1pdChmaWxlKVwiIHRpdGxlPVwiRGVsZXRlIFZpZW9kXCI+PG1hdC1pY29uPmNhbmNlbDwvbWF0LWljb24+PC9hPlxuPC9kaXY+XG4iXX0=