ngx-surveys/esm2022/lib/form-item/form-item-file/file-list-item-file/file-list-item-file.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 FileListItemFileComponent {
    constructor() {
        this.onDelete = new EventEmitter();
    }
    ngOnInit() {
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FileListItemFileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: FileListItemFileComponent, selector: "ammo-file-list-item-file", inputs: { file: "file", allowDelete: "allowDelete" }, outputs: { onDelete: "onDelete" }, ngImport: i0, template: "<div class=\"file\">\n    <div class=\"file-title\">\n        <div class=\"file-name\">\n            <mat-icon>insert_drive_file</mat-icon>\n            <strong *ngIf=\"file.uploading\">{{file.name}}</strong>\n            <a [href]=\"file.url\" target=\"_blank\" *ngIf=\"!file.uploading\">{{file.name}}</a>\n            <span class=\"file-size\" [innerHTML]=\"file.size | fileSize\"></span>\n        </div>\n        <a class=\"file-upload-cancel\" [href]=\"file.url\" target=\"_blank\" *ngIf=\"!file.uploading\"><mat-icon>cloud_download</mat-icon></a>\n        <a class=\"file-upload-cancel\" *ngIf=\"allowDelete\" (click)=\"onDelete.emit(file)\"><mat-icon>delete</mat-icon></a>\n    </div>\n    <mat-progress-bar mode=\"determinate\"  *ngIf=\"file.uploading\" [value]=\"file.progressValue\"></mat-progress-bar>\n</div>\n", styles: [".file{font-size:10px;padding-top:7px;padding-bottom:7px;line-height:13px;text-align:left}.file .file-title{display:flex;font-size:12px}.file .file-title .file-name{width:100%}.file .file-title .file-name mat-icon{width:16px;font-size:15px}.file .file-title .file-name i{padding-right:5px}.file .file-title .file-size{margin-left:5px}.file .file-upload-cancel{display:block;width:20px;padding-left:5px;font-size:15px;cursor:pointer}.file .file-upload-cancel mat-icon{width:20px;font-size:20px}\n"], dependencies: [{ 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: FileListItemFileComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ammo-file-list-item-file', template: "<div class=\"file\">\n    <div class=\"file-title\">\n        <div class=\"file-name\">\n            <mat-icon>insert_drive_file</mat-icon>\n            <strong *ngIf=\"file.uploading\">{{file.name}}</strong>\n            <a [href]=\"file.url\" target=\"_blank\" *ngIf=\"!file.uploading\">{{file.name}}</a>\n            <span class=\"file-size\" [innerHTML]=\"file.size | fileSize\"></span>\n        </div>\n        <a class=\"file-upload-cancel\" [href]=\"file.url\" target=\"_blank\" *ngIf=\"!file.uploading\"><mat-icon>cloud_download</mat-icon></a>\n        <a class=\"file-upload-cancel\" *ngIf=\"allowDelete\" (click)=\"onDelete.emit(file)\"><mat-icon>delete</mat-icon></a>\n    </div>\n    <mat-progress-bar mode=\"determinate\"  *ngIf=\"file.uploading\" [value]=\"file.progressValue\"></mat-progress-bar>\n</div>\n", styles: [".file{font-size:10px;padding-top:7px;padding-bottom:7px;line-height:13px;text-align:left}.file .file-title{display:flex;font-size:12px}.file .file-title .file-name{width:100%}.file .file-title .file-name mat-icon{width:16px;font-size:15px}.file .file-title .file-name i{padding-right:5px}.file .file-title .file-size{margin-left:5px}.file .file-upload-cancel{display:block;width:20px;padding-left:5px;font-size:15px;cursor:pointer}.file .file-upload-cancel mat-icon{width:20px;font-size:20px}\n"] }]
        }], ctorParameters: () => [], propDecorators: { file: [{
                type: Input
            }], allowDelete: [{
                type: Input
            }], onDelete: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1saXN0LWl0ZW0tZmlsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc3VydmV5cy9zcmMvbGliL2Zvcm0taXRlbS9mb3JtLWl0ZW0tZmlsZS9maWxlLWxpc3QtaXRlbS1maWxlL2ZpbGUtbGlzdC1pdGVtLWZpbGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXN1cnZleXMvc3JjL2xpYi9mb3JtLWl0ZW0vZm9ybS1pdGVtLWZpbGUvZmlsZS1saXN0LWl0ZW0tZmlsZS9maWxlLWxpc3QtaXRlbS1maWxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQVEvRSxNQUFNLE9BQU8seUJBQXlCO0lBTWxDO1FBRlUsYUFBUSxHQUFHLElBQUksWUFBWSxFQUFjLENBQUM7SUFFcEMsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQzsrR0FUUSx5QkFBeUI7bUdBQXpCLHlCQUF5Qix5SkNSdEMsdXpCQWFBOzs0RkRMYSx5QkFBeUI7a0JBTHJDLFNBQVM7K0JBQ0UsMEJBQTBCO3dEQU16QixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDSSxRQUFRO3NCQUFqQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3VydmV5RmlsZSB9IGZyb20gJy4uLy4uL2Zvcm0taXRlbSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FtbW8tZmlsZS1saXN0LWl0ZW0tZmlsZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9maWxlLWxpc3QtaXRlbS1maWxlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZmlsZS1saXN0LWl0ZW0tZmlsZS5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEZpbGVMaXN0SXRlbUZpbGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gICAgQElucHV0KCkgZmlsZTogU3VydmV5RmlsZTtcbiAgICBASW5wdXQoKSBhbGxvd0RlbGV0ZTogYm9vbGVhbjtcbiAgICBAT3V0cHV0KCkgb25EZWxldGUgPSBuZXcgRXZlbnRFbWl0dGVyPFN1cnZleUZpbGU+KCk7XG5cbiAgICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwiZmlsZVwiPlxuICAgIDxkaXYgY2xhc3M9XCJmaWxlLXRpdGxlXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJmaWxlLW5hbWVcIj5cbiAgICAgICAgICAgIDxtYXQtaWNvbj5pbnNlcnRfZHJpdmVfZmlsZTwvbWF0LWljb24+XG4gICAgICAgICAgICA8c3Ryb25nICpuZ0lmPVwiZmlsZS51cGxvYWRpbmdcIj57e2ZpbGUubmFtZX19PC9zdHJvbmc+XG4gICAgICAgICAgICA8YSBbaHJlZl09XCJmaWxlLnVybFwiIHRhcmdldD1cIl9ibGFua1wiICpuZ0lmPVwiIWZpbGUudXBsb2FkaW5nXCI+e3tmaWxlLm5hbWV9fTwvYT5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZmlsZS1zaXplXCIgW2lubmVySFRNTF09XCJmaWxlLnNpemUgfCBmaWxlU2l6ZVwiPjwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxhIGNsYXNzPVwiZmlsZS11cGxvYWQtY2FuY2VsXCIgW2hyZWZdPVwiZmlsZS51cmxcIiB0YXJnZXQ9XCJfYmxhbmtcIiAqbmdJZj1cIiFmaWxlLnVwbG9hZGluZ1wiPjxtYXQtaWNvbj5jbG91ZF9kb3dubG9hZDwvbWF0LWljb24+PC9hPlxuICAgICAgICA8YSBjbGFzcz1cImZpbGUtdXBsb2FkLWNhbmNlbFwiICpuZ0lmPVwiYWxsb3dEZWxldGVcIiAoY2xpY2spPVwib25EZWxldGUuZW1pdChmaWxlKVwiPjxtYXQtaWNvbj5kZWxldGU8L21hdC1pY29uPjwvYT5cbiAgICA8L2Rpdj5cbiAgICA8bWF0LXByb2dyZXNzLWJhciBtb2RlPVwiZGV0ZXJtaW5hdGVcIiAgKm5nSWY9XCJmaWxlLnVwbG9hZGluZ1wiIFt2YWx1ZV09XCJmaWxlLnByb2dyZXNzVmFsdWVcIj48L21hdC1wcm9ncmVzcy1iYXI+XG48L2Rpdj5cbiJdfQ==