import { Component, Input } from "@angular/core";
import * as i0 from "@angular/core";
import * as i1 from "../../../dxc-spinner/dxc-spinner.component";
import * as i2 from "@angular/common";
export class DxcTransactionComponent {
    constructor() {
        this.fileFormat = "default";
    }
    ngOnInit() {
        if (this.file.format.includes("image")) {
            this.fileFormat = "image";
        }
        else if (this.file.format.includes("video")) {
            this.fileFormat = "video";
        }
        else if (this.file.format.includes("audio")) {
            this.fileFormat = "audio";
        }
    }
    ngOnChanges() { }
}
DxcTransactionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: DxcTransactionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
DxcTransactionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.5", type: DxcTransactionComponent, selector: "dxc-transaction", inputs: { file: "file" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"previewIcon\" [ngClass]=\"{ errorIcon: file.status == 'error' }\">\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    *ngIf=\"fileFormat == 'default'\"\n  >\n    <path fill=\"none\" d=\"M0 0h24v24H0V0z\" />\n    <path\n      d=\"M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zM6 20V4h7v5h5v11H6z\"\n    />\n  </svg>\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    *ngIf=\"fileFormat == 'image'\"\n  >\n    <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n    <path\n      d=\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4.86 8.86l-3 3.87L9 13.14 6 17h12l-3.86-5.14z\"\n    />\n  </svg>\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    *ngIf=\"fileFormat == 'video'\"\n  >\n    <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n    <path\n      d=\"M4 6.47L5.76 10H20v8H4V6.47M22 4h-4l2 4h-3l-2-4h-2l2 4h-3l-2-4H8l2 4H7L5 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4z\"\n    />\n  </svg>\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    *ngIf=\"fileFormat == 'audio'\"\n  >\n    <path fill=\"none\" d=\"M0 0h24v24H0V0z\" />\n    <path\n      d=\"M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H3V5h18v14zM8 15c0-1.66 1.34-3 3-3 .35 0 .69.07 1 .18V6h5v2h-3v7.03c-.02 1.64-1.35 2.97-3 2.97-1.66 0-3-1.34-3-3z\"\n    />\n  </svg>\n</div>\n<span [ngClass]=\"{ errorLabel: file.status == 'error' }\" class=\"fileName\">{{\n  file.name\n}}</span>\n<dxc-spinner\n  class=\"fileStatus\"\n  *ngIf=\"file.status == 'processing'\"\n  [mode]=\"'small'\"\n></dxc-spinner>\n\n<div class=\"fileStatus\" *ngIf=\"file.status == 'error'\">\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"#D0011B\"\n  >\n    <path\n      d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"\n    />\n    <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n  </svg>\n</div>\n\n<div class=\"fileStatus\" *ngIf=\"file.status == 'success'\">\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"#50B50F\"\n  >\n    <path fill=\"none\" d=\"M0 0h24v24H0z\" />\n    <path d=\"M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z\" />\n  </svg>\n</div>\n", styles: [":host{display:flex;align-items:center;margin-bottom:16px;height:30px;max-width:95%}:host label{font-family:var(--upload-fontFamily);letter-spacing:.49px;font-size:16px}:host .fileStatus{display:flex;align-items:center}:host .previewIcon{margin-right:8px;fill:var(--upload-uploadedFileIconColor)}:host .previewIcon svg{width:var(--upload-uploadedFileIconSize);height:var(--upload-uploadedFileIconSize)}:host .errorIcon svg{fill:var(--upload-errorColor)}:host .fileName{margin-right:16px;text-overflow:ellipsis;max-width:75%;overflow:hidden;white-space:nowrap;font-size:var(--upload-fileNameFontSize);font-style:var(--upload-fileNameFontStyle);font-weight:var(--upload-fileNameFontWeight);text-transform:var(--upload-fileNameFontTextTransform);color:var(--upload-fileNameFontColor);font-family:var(--upload-fontFamily)}:host .fileName.errorLabel{color:var(--upload-errorColor)}\n"], components: [{ type: i1.DxcSpinnerComponent, selector: "dxc-spinner", inputs: ["value", "label", "mode", "margin", "showValue"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: DxcTransactionComponent, decorators: [{
            type: Component,
            args: [{ selector: "dxc-transaction", template: "<div class=\"previewIcon\" [ngClass]=\"{ errorIcon: file.status == 'error' }\">\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    *ngIf=\"fileFormat == 'default'\"\n  >\n    <path fill=\"none\" d=\"M0 0h24v24H0V0z\" />\n    <path\n      d=\"M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zM6 20V4h7v5h5v11H6z\"\n    />\n  </svg>\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    *ngIf=\"fileFormat == 'image'\"\n  >\n    <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n    <path\n      d=\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4.86 8.86l-3 3.87L9 13.14 6 17h12l-3.86-5.14z\"\n    />\n  </svg>\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    *ngIf=\"fileFormat == 'video'\"\n  >\n    <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n    <path\n      d=\"M4 6.47L5.76 10H20v8H4V6.47M22 4h-4l2 4h-3l-2-4h-2l2 4h-3l-2-4H8l2 4H7L5 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4z\"\n    />\n  </svg>\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    *ngIf=\"fileFormat == 'audio'\"\n  >\n    <path fill=\"none\" d=\"M0 0h24v24H0V0z\" />\n    <path\n      d=\"M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H3V5h18v14zM8 15c0-1.66 1.34-3 3-3 .35 0 .69.07 1 .18V6h5v2h-3v7.03c-.02 1.64-1.35 2.97-3 2.97-1.66 0-3-1.34-3-3z\"\n    />\n  </svg>\n</div>\n<span [ngClass]=\"{ errorLabel: file.status == 'error' }\" class=\"fileName\">{{\n  file.name\n}}</span>\n<dxc-spinner\n  class=\"fileStatus\"\n  *ngIf=\"file.status == 'processing'\"\n  [mode]=\"'small'\"\n></dxc-spinner>\n\n<div class=\"fileStatus\" *ngIf=\"file.status == 'error'\">\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"#D0011B\"\n  >\n    <path\n      d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"\n    />\n    <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n  </svg>\n</div>\n\n<div class=\"fileStatus\" *ngIf=\"file.status == 'success'\">\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"#50B50F\"\n  >\n    <path fill=\"none\" d=\"M0 0h24v24H0z\" />\n    <path d=\"M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z\" />\n  </svg>\n</div>\n", styles: [":host{display:flex;align-items:center;margin-bottom:16px;height:30px;max-width:95%}:host label{font-family:var(--upload-fontFamily);letter-spacing:.49px;font-size:16px}:host .fileStatus{display:flex;align-items:center}:host .previewIcon{margin-right:8px;fill:var(--upload-uploadedFileIconColor)}:host .previewIcon svg{width:var(--upload-uploadedFileIconSize);height:var(--upload-uploadedFileIconSize)}:host .errorIcon svg{fill:var(--upload-errorColor)}:host .fileName{margin-right:16px;text-overflow:ellipsis;max-width:75%;overflow:hidden;white-space:nowrap;font-size:var(--upload-fileNameFontSize);font-style:var(--upload-fileNameFontStyle);font-weight:var(--upload-fileNameFontWeight);text-transform:var(--upload-fileNameFontTextTransform);color:var(--upload-fileNameFontColor);font-family:var(--upload-fontFamily)}:host .fileName.errorLabel{color:var(--upload-errorColor)}\n"] }]
        }], propDecorators: { file: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64, 