import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class PopupUploadHistoryComponent {
}
PopupUploadHistoryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PopupUploadHistoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
PopupUploadHistoryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PopupUploadHistoryComponent, selector: "epom-popup-upload-history", inputs: { data: "data" }, ngImport: i0, template: "<span class=\"subtitle\">Last 10 processing</span>\n<div class=\"mt-8\">\n  <div class=\"positive-upload upload-block mt-16\" *ngFor=\"let uploadItem of data\">\n    <span class=\"material-icons material-icons-outlined\"> insert_drive_file </span>\n    <div class=\"file-block\">\n      <div class=\"file-block-title\">\n        <span class=\"upload-file-name\"\n          >{{ uploadItem.fileName }}\n          <ng-container *ngIf=\"!uploadItem.success\">error processing</ng-container>\n        </span>\n        <span *ngIf=\"uploadItem.success\" class=\"positive-badge\">Processed</span>\n        <span *ngIf=\"!uploadItem.success\" class=\"negative-badge\">Not processed</span>\n      </div>\n\n      <span class=\"upload-file-records\">\n        <ng-container *ngIf=\"!uploadItem.success\"> {{ uploadItem.linesCount }} of </ng-container\n        >{{ uploadItem.processedCount }} Records have been processed.\n      </span>\n    </div>\n  </div>\n</div>\n", styles: [".file-block{display:flex;flex-direction:column;width:100%;position:relative}.file-block-title{width:100%;display:flex;justify-content:space-between}.upload-block{display:flex;width:652px;height:64px;padding:12px;align-items:flex-start;gap:8px;border-radius:4px}.positive-upload{background:var(--themePrimButtonsBg-8-color)}.positive-badge{color:var(--success-default-color)}.positive-badge:before{content:\"\";position:absolute;top:10px;right:72px;transform:translateY(-50%);width:10px;height:10px;background-color:var(--success-default-color);border-radius:50%}.negative-upload{background:var(--error-default-12-color)}.negative-badge{color:var(--error-default-color)}.negative-badge:before{content:\"\";position:absolute;top:10px;right:100px;transform:translateY(-50%);width:10px;height:10px;background-color:var(--error-default-color);border-radius:50%}.subtitle{color:var(--neutral-outline-color);font-size:14px;font-style:normal;font-weight:400;line-height:21px}.upload-file-name{color:var(--neutral-on-main-neutral-color);font-size:12px;font-style:normal;font-weight:600;line-height:18px}.upload-file-records{display:inline-block;color:var(--neutral-on-main-neutral-color);font-size:12px;font-style:normal;font-weight:400;line-height:18px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PopupUploadHistoryComponent, decorators: [{
            type: Component,
            args: [{ selector: 'epom-popup-upload-history', template: "<span class=\"subtitle\">Last 10 processing</span>\n<div class=\"mt-8\">\n  <div class=\"positive-upload upload-block mt-16\" *ngFor=\"let uploadItem of data\">\n    <span class=\"material-icons material-icons-outlined\"> insert_drive_file </span>\n    <div class=\"file-block\">\n      <div class=\"file-block-title\">\n        <span class=\"upload-file-name\"\n          >{{ uploadItem.fileName }}\n          <ng-container *ngIf=\"!uploadItem.success\">error processing</ng-container>\n        </span>\n        <span *ngIf=\"uploadItem.success\" class=\"positive-badge\">Processed</span>\n        <span *ngIf=\"!uploadItem.success\" class=\"negative-badge\">Not processed</span>\n      </div>\n\n      <span class=\"upload-file-records\">\n        <ng-container *ngIf=\"!uploadItem.success\"> {{ uploadItem.linesCount }} of </ng-container\n        >{{ uploadItem.processedCount }} Records have been processed.\n      </span>\n    </div>\n  </div>\n</div>\n", styles: [".file-block{display:flex;flex-direction:column;width:100%;position:relative}.file-block-title{width:100%;display:flex;justify-content:space-between}.upload-block{display:flex;width:652px;height:64px;padding:12px;align-items:flex-start;gap:8px;border-radius:4px}.positive-upload{background:var(--themePrimButtonsBg-8-color)}.positive-badge{color:var(--success-default-color)}.positive-badge:before{content:\"\";position:absolute;top:10px;right:72px;transform:translateY(-50%);width:10px;height:10px;background-color:var(--success-default-color);border-radius:50%}.negative-upload{background:var(--error-default-12-color)}.negative-badge{color:var(--error-default-color)}.negative-badge:before{content:\"\";position:absolute;top:10px;right:100px;transform:translateY(-50%);width:10px;height:10px;background-color:var(--error-default-color);border-radius:50%}.subtitle{color:var(--neutral-outline-color);font-size:14px;font-style:normal;font-weight:400;line-height:21px}.upload-file-name{color:var(--neutral-on-main-neutral-color);font-size:12px;font-style:normal;font-weight:600;line-height:18px}.upload-file-records{display:inline-block;color:var(--neutral-on-main-neutral-color);font-size:12px;font-style:normal;font-weight:400;line-height:18px}\n"] }]
        }], propDecorators: { data: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkLWhpc3RvcnkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicmFyaWVzL2Vwb20tbmcyLXVpLWZvdW5kYXRpb24vc3JjL2xpYi9wb3B1cC9jb21wb25lbnRzL3VwbG9hZC1oaXN0b3J5L3VwbG9hZC1oaXN0b3J5LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnJhcmllcy9lcG9tLW5nMi11aS1mb3VuZGF0aW9uL3NyYy9saWIvcG9wdXAvY29tcG9uZW50cy91cGxvYWQtaGlzdG9yeS91cGxvYWQtaGlzdG9yeS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLEtBQUssRUFBUyxNQUFNLGVBQWUsQ0FBQzs7O0FBT3ZELE1BQU0sT0FBTywyQkFBMkI7O3dIQUEzQiwyQkFBMkI7NEdBQTNCLDJCQUEyQiwyRkNQeEMsZzhCQXFCQTsyRkRkYSwyQkFBMkI7a0JBTHZDLFNBQVM7K0JBQ0UsMkJBQTJCOzhCQUs1QixJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXQsIE9uSW5pdH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Vwb20tcG9wdXAtdXBsb2FkLWhpc3RvcnknLFxuICB0ZW1wbGF0ZVVybDogJ3VwbG9hZC1oaXN0b3J5LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJ3VwbG9hZC1oaXN0b3J5LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFBvcHVwVXBsb2FkSGlzdG9yeUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGRhdGE7XG59XG4iLCI8c3BhbiBjbGFzcz1cInN1YnRpdGxlXCI+TGFzdCAxMCBwcm9jZXNzaW5nPC9zcGFuPlxuPGRpdiBjbGFzcz1cIm10LThcIj5cbiAgPGRpdiBjbGFzcz1cInBvc2l0aXZlLXVwbG9hZCB1cGxvYWQtYmxvY2sgbXQtMTZcIiAqbmdGb3I9XCJsZXQgdXBsb2FkSXRlbSBvZiBkYXRhXCI+XG4gICAgPHNwYW4gY2xhc3M9XCJtYXRlcmlhbC1pY29ucyBtYXRlcmlhbC1pY29ucy1vdXRsaW5lZFwiPiBpbnNlcnRfZHJpdmVfZmlsZSA8L3NwYW4+XG4gICAgPGRpdiBjbGFzcz1cImZpbGUtYmxvY2tcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJmaWxlLWJsb2NrLXRpdGxlXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwidXBsb2FkLWZpbGUtbmFtZVwiXG4gICAgICAgICAgPnt7IHVwbG9hZEl0ZW0uZmlsZU5hbWUgfX1cbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIXVwbG9hZEl0ZW0uc3VjY2Vzc1wiPmVycm9yIHByb2Nlc3Npbmc8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgICA8c3BhbiAqbmdJZj1cInVwbG9hZEl0ZW0uc3VjY2Vzc1wiIGNsYXNzPVwicG9zaXRpdmUtYmFkZ2VcIj5Qcm9jZXNzZWQ8L3NwYW4+XG4gICAgICAgIDxzcGFuICpuZ0lmPVwiIXVwbG9hZEl0ZW0uc3VjY2Vzc1wiIGNsYXNzPVwibmVnYXRpdmUtYmFkZ2VcIj5Ob3QgcHJvY2Vzc2VkPC9zcGFuPlxuICAgICAgPC9kaXY+XG5cbiAgICAgIDxzcGFuIGNsYXNzPVwidXBsb2FkLWZpbGUtcmVjb3Jkc1wiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIXVwbG9hZEl0ZW0uc3VjY2Vzc1wiPiB7eyB1cGxvYWRJdGVtLmxpbmVzQ291bnQgfX0gb2YgPC9uZy1jb250YWluZXJcbiAgICAgICAgPnt7IHVwbG9hZEl0ZW0ucHJvY2Vzc2VkQ291bnQgfX0gUmVjb3JkcyBoYXZlIGJlZW4gcHJvY2Vzc2VkLlxuICAgICAgPC9zcGFuPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19