@symphony-talent/component-library 3.29.0 → 3.29.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/esm2020/lib/molecules/file-upload/file-upload.component.mjs +6 -3
  2. package/esm2020/projects/component-library/lib/molecules/file-upload/file-upload.component.mjs +6 -3
  3. package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +5 -2
  4. package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
  5. package/fesm2015/symphony-talent-component-library.mjs +5 -2
  6. package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
  7. package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +5 -2
  8. package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
  9. package/fesm2020/symphony-talent-component-library.mjs +5 -2
  10. package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
  11. package/lib/molecules/file-upload/file-upload.component.d.ts +1 -0
  12. package/package.json +1 -1
  13. package/projects/component-library/lib/molecules/file-upload/file-upload.component.d.ts +1 -0
package/esm2020/lib/molecules/file-upload/file-upload.component.mjs CHANGED
@@ -17,12 +17,15 @@ export class FileUploadComponent {
17
17
  this.file = event.target.files[0];
18
18
  this.getFileDetails.emit(this.file);
19
19
  }
20
+ onClick(event) {
21
+ event.target.value = null;
22
+ }
20
23
  }
21
24
  FileUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
22
- FileUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FileUploadComponent, selector: "symphony-file-upload", inputs: { fileUploadModel: "fileUploadModel" }, outputs: { closeClick: "closeClick", getFileDetails: "getFileDetails" }, ngImport: i0, template: "<div\n *ngIf=\"fileUploadModel\"\n class=\"sfx-v-h-center sfx-min-height sfx-bg-light-gray3 sfx-mb-20 sfx-ml-5 sfx-mr-5 sfx-mt-20\"\n>\n <!-- File Upload -->\n <label\n *ngIf=\"fileUploadModel.navigation.showUploadFile\"\n class=\"sfx-file-upload sfx-cursor-pointer text-center\"\n for=\"Upload\"\n >\n <span class=\"symbol\">+</span>\n <p>Please click here and select a file to upload</p>\n <input\n type=\"file\"\n id=\"Upload\"\n name=\"Upload\"\n accept=\"{{ filetypeAccepted }}\"\n (change)=\"onFileSelect($event)\"\n class=\"hide\"\n />\n </label>\n <!-- File Upload -->\n\n <!-- File Upload In Progress -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadProgress\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Upload In Progress'\"\n (closeUploadComplete)=\"onCloseClick()\"\n ></symphony-file-upload-status>\n <!-- File Upload In Progress -->\n\n <!-- File Upload Complete -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadComplete\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Upload Completed'\"\n (closeUploadComplete)=\"onCloseClick()\"\n ></symphony-file-upload-status>\n <!-- File Upload Complete -->\n\n <!-- Selected File -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showSelectedFile\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Selected File'\"\n (closeUploadComplete)=\"onCloseClick()\"\n ></symphony-file-upload-status>\n <!-- Selected File -->\n\n <!-- File Upload Error -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadError\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Max file size exceeded'\"\n (closeUploadComplete)=\"onCloseClick()\"\n ></symphony-file-upload-status>\n <!-- File Upload Error -->\n</div>\n", styles: [".sfx-bg-light-gray3{background:#f1f1f1}.sfx-v-h-center{display:flex;justify-content:center;align-items:center;flex-direction:column}.sfx-min-height{min-height:256px}.sfx-file-upload{display:contents}.sfx-file-upload .symbol{border:1px dashed #000;width:80px;height:80px;display:inline-block;border-radius:50%;text-align:center;line-height:85px;margin-bottom:25px;font-style:normal;font-size:24px}.sfx-file-uploaded{min-width:450px;max-width:450px}.sfx-file-uploaded p .sfx-icon-Close_Outlined{position:absolute;right:0;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%)}.sfx-file-uploaded symphony-paragraph{display:inline-block}.sfx-file-uploaded symphony-paragraph:first-child{font-weight:700}.sfx-word-break{word-break:break-word}.sfx-progressBar.progress{background-color:#fff;border-radius:10px}.sfx-progressBar.progress .progress-bar{background-color:#00bb5b}\n"], components: [{ type: i1.FileUploadStatusComponent, selector: "symphony-file-upload-status", inputs: ["fileUploadStatusModel", "uploadStatus"], outputs: ["closeUploadComplete"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
25
+ FileUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FileUploadComponent, selector: "symphony-file-upload", inputs: { fileUploadModel: "fileUploadModel" }, outputs: { closeClick: "closeClick", getFileDetails: "getFileDetails" }, ngImport: i0, template: "<div\n *ngIf=\"fileUploadModel\"\n class=\"sfx-v-h-center sfx-min-height sfx-bg-light-gray3 sfx-mb-20 sfx-ml-5 sfx-mr-5 sfx-mt-20\"\n>\n <!-- File Upload -->\n <label\n *ngIf=\"fileUploadModel.navigation.showUploadFile\"\n class=\"sfx-file-upload sfx-cursor-pointer text-center\"\n for=\"Upload\"\n >\n <span class=\"symbol\">+</span>\n <p>Please click here and select a file to upload</p>\n <input\n type=\"file\"\n id=\"Upload\"\n name=\"Upload\"\n accept=\"{{ filetypeAccepted }}\"\n (change)=\"onFileSelect($event)\"\n (click)=\"onClick($event)\"\n class=\"hide\"\n />\n </label>\n <!-- File Upload -->\n\n <!-- File Upload In Progress -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadProgress\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Upload In Progress'\"\n (closeUploadComplete)=\"onCloseClick()\"\n ></symphony-file-upload-status>\n <!-- File Upload In Progress -->\n\n <!-- File Upload Complete -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadComplete\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Upload Completed'\"\n (closeUploadComplete)=\"onCloseClick()\"\n ></symphony-file-upload-status>\n <!-- File Upload Complete -->\n\n <!-- Selected File -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showSelectedFile\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Selected File'\"\n (closeUploadComplete)=\"onCloseClick()\"\n ></symphony-file-upload-status>\n <!-- Selected File -->\n\n <!-- File Upload Error -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadError\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Max file size exceeded'\"\n (closeUploadComplete)=\"onCloseClick()\"\n ></symphony-file-upload-status>\n <!-- File Upload Error -->\n</div>\n", styles: [".sfx-bg-light-gray3{background:#f1f1f1}.sfx-v-h-center{display:flex;justify-content:center;align-items:center;flex-direction:column}.sfx-min-height{min-height:256px}.sfx-file-upload{display:contents}.sfx-file-upload .symbol{border:1px dashed #000;width:80px;height:80px;display:inline-block;border-radius:50%;text-align:center;line-height:85px;margin-bottom:25px;font-style:normal;font-size:24px}.sfx-file-uploaded{min-width:450px;max-width:450px}.sfx-file-uploaded p .sfx-icon-Close_Outlined{position:absolute;right:0;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%)}.sfx-file-uploaded symphony-paragraph{display:inline-block}.sfx-file-uploaded symphony-paragraph:first-child{font-weight:700}.sfx-word-break{word-break:break-word}.sfx-progressBar.progress{background-color:#fff;border-radius:10px}.sfx-progressBar.progress .progress-bar{background-color:#00bb5b}\n"], components: [{ type: i1.FileUploadStatusComponent, selector: "symphony-file-upload-status", inputs: ["fileUploadStatusModel", "uploadStatus"], outputs: ["closeUploadComplete"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
23
26
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FileUploadComponent, decorators: [{
24
27
  type: Component,
25
- args: [{ selector: 'symphony-file-upload', template: "<div\n *ngIf=\"fileUploadModel\"\n class=\"sfx-v-h-center sfx-min-height sfx-bg-light-gray3 sfx-mb-20 sfx-ml-5 sfx-mr-5 sfx-mt-20\"\n>\n <!-- File Upload -->\n <label\n *ngIf=\"fileUploadModel.navigation.showUploadFile\"\n class=\"sfx-file-upload sfx-cursor-pointer text-center\"\n for=\"Upload\"\n >\n <span class=\"symbol\">+</span>\n <p>Please click here and select a file to upload</p>\n <input\n type=\"file\"\n id=\"Upload\"\n name=\"Upload\"\n accept=\"{{ filetypeAccepted }}\"\n (change)=\"onFileSelect($event)\"\n class=\"hide\"\n />\n </label>\n <!-- File Upload -->\n\n <!-- File Upload In Progress -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadProgress\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Upload In Progress'\"\n (closeUploadComplete)=\"onCloseClick()\"\n ></symphony-file-upload-status>\n <!-- File Upload In Progress -->\n\n <!-- File Upload Complete -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadComplete\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Upload Completed'\"\n (closeUploadComplete)=\"onCloseClick()\"\n ></symphony-file-upload-status>\n <!-- File Upload Complete -->\n\n <!-- Selected File -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showSelectedFile\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Selected File'\"\n (closeUploadComplete)=\"onCloseClick()\"\n ></symphony-file-upload-status>\n <!-- Selected File -->\n\n <!-- File Upload Error -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadError\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Max file size exceeded'\"\n (closeUploadComplete)=\"onCloseClick()\"\n ></symphony-file-upload-status>\n <!-- File Upload Error -->\n</div>\n", styles: [".sfx-bg-light-gray3{background:#f1f1f1}.sfx-v-h-center{display:flex;justify-content:center;align-items:center;flex-direction:column}.sfx-min-height{min-height:256px}.sfx-file-upload{display:contents}.sfx-file-upload .symbol{border:1px dashed #000;width:80px;height:80px;display:inline-block;border-radius:50%;text-align:center;line-height:85px;margin-bottom:25px;font-style:normal;font-size:24px}.sfx-file-uploaded{min-width:450px;max-width:450px}.sfx-file-uploaded p .sfx-icon-Close_Outlined{position:absolute;right:0;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%)}.sfx-file-uploaded symphony-paragraph{display:inline-block}.sfx-file-uploaded symphony-paragraph:first-child{font-weight:700}.sfx-word-break{word-break:break-word}.sfx-progressBar.progress{background-color:#fff;border-radius:10px}.sfx-progressBar.progress .progress-bar{background-color:#00bb5b}\n"] }]
28
+ args: [{ selector: 'symphony-file-upload', template: "<div\n *ngIf=\"fileUploadModel\"\n class=\"sfx-v-h-center sfx-min-height sfx-bg-light-gray3 sfx-mb-20 sfx-ml-5 sfx-mr-5 sfx-mt-20\"\n>\n <!-- File Upload -->\n <label\n *ngIf=\"fileUploadModel.navigation.showUploadFile\"\n class=\"sfx-file-upload sfx-cursor-pointer text-center\"\n for=\"Upload\"\n >\n <span class=\"symbol\">+</span>\n <p>Please click here and select a file to upload</p>\n <input\n type=\"file\"\n id=\"Upload\"\n name=\"Upload\"\n accept=\"{{ filetypeAccepted }}\"\n (change)=\"onFileSelect($event)\"\n (click)=\"onClick($event)\"\n class=\"hide\"\n />\n </label>\n <!-- File Upload -->\n\n <!-- File Upload In Progress -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadProgress\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Upload In Progress'\"\n (closeUploadComplete)=\"onCloseClick()\"\n ></symphony-file-upload-status>\n <!-- File Upload In Progress -->\n\n <!-- File Upload Complete -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadComplete\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Upload Completed'\"\n (closeUploadComplete)=\"onCloseClick()\"\n ></symphony-file-upload-status>\n <!-- File Upload Complete -->\n\n <!-- Selected File -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showSelectedFile\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Selected File'\"\n (closeUploadComplete)=\"onCloseClick()\"\n ></symphony-file-upload-status>\n <!-- Selected File -->\n\n <!-- File Upload Error -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadError\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Max file size exceeded'\"\n (closeUploadComplete)=\"onCloseClick()\"\n ></symphony-file-upload-status>\n <!-- File Upload Error -->\n</div>\n", styles: [".sfx-bg-light-gray3{background:#f1f1f1}.sfx-v-h-center{display:flex;justify-content:center;align-items:center;flex-direction:column}.sfx-min-height{min-height:256px}.sfx-file-upload{display:contents}.sfx-file-upload .symbol{border:1px dashed #000;width:80px;height:80px;display:inline-block;border-radius:50%;text-align:center;line-height:85px;margin-bottom:25px;font-style:normal;font-size:24px}.sfx-file-uploaded{min-width:450px;max-width:450px}.sfx-file-uploaded p .sfx-icon-Close_Outlined{position:absolute;right:0;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%)}.sfx-file-uploaded symphony-paragraph{display:inline-block}.sfx-file-uploaded symphony-paragraph:first-child{font-weight:700}.sfx-word-break{word-break:break-word}.sfx-progressBar.progress{background-color:#fff;border-radius:10px}.sfx-progressBar.progress .progress-bar{background-color:#00bb5b}\n"] }]
26
29
  }], ctorParameters: function () { return []; }, propDecorators: { fileUploadModel: [{
27
30
  type: Input
28
31
  }], closeClick: [{
@@ -30,4 +33,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
30
33
  }], getFileDetails: [{
31
34
  type: Output
32
35
  }] } });
33
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS11cGxvYWQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsZS11cGxvYWQvZmlsZS11cGxvYWQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsZS11cGxvYWQvZmlsZS11cGxvYWQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBVSxNQUFNLGVBQWUsQ0FBQzs7OztBQU8vRSxNQUFNLE9BQU8sbUJBQW1CO0lBTzlCO1FBTFUsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDdEMsbUJBQWMsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0lBSXJDLENBQUM7SUFFaEIsUUFBUTtRQUNOLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM3RSxDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVELFlBQVksQ0FBQyxLQUFLO1FBQ2hCLElBQUksQ0FBQyxJQUFJLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDbEMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3RDLENBQUM7O2dIQXBCVSxtQkFBbUI7b0dBQW5CLG1CQUFtQixxTENQaEMsNjlEQTJEQTsyRkRwRGEsbUJBQW1CO2tCQUwvQixTQUFTOytCQUNFLHNCQUFzQjswRUFLdkIsZUFBZTtzQkFBdkIsS0FBSztnQkFDSSxVQUFVO3NCQUFuQixNQUFNO2dCQUNHLGNBQWM7c0JBQXZCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGaWxlVXBsb2FkTW9kZWwgfSBmcm9tICcuL2ZpbGUtdXBsb2FkLm1vZGVsJztcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWZpbGUtdXBsb2FkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZpbGUtdXBsb2FkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZmlsZS11cGxvYWQuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRmlsZVVwbG9hZENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIGZpbGVVcGxvYWRNb2RlbDogRmlsZVVwbG9hZE1vZGVsO1xuICBAT3V0cHV0KCkgY2xvc2VDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQE91dHB1dCgpIGdldEZpbGVEZXRhaWxzID0gbmV3IEV2ZW50RW1pdHRlcjxGaWxlPigpO1xuXG4gIHB1YmxpYyBmaWxlOiBGaWxlO1xuICBwdWJsaWMgZmlsZXR5cGVBY2NlcHRlZDogc3RyaW5nO1xuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5maWxldHlwZUFjY2VwdGVkID0gdGhpcy5maWxlVXBsb2FkTW9kZWwuZmlsZUZvcm1hdEFjY2VwdGVkLmpvaW4oJywgJyk7XG4gIH1cblxuICBvbkNsb3NlQ2xpY2soKSB7XG4gICAgdGhpcy5jbG9zZUNsaWNrLmVtaXQoKTtcbiAgfVxuXG4gIG9uRmlsZVNlbGVjdChldmVudCkge1xuICAgIHRoaXMuZmlsZSA9IGV2ZW50LnRhcmdldC5maWxlc1swXTtcbiAgICB0aGlzLmdldEZpbGVEZXRhaWxzLmVtaXQodGhpcy5maWxlKTtcbiAgfVxufVxuIiwiPGRpdlxuICAqbmdJZj1cImZpbGVVcGxvYWRNb2RlbFwiXG4gIGNsYXNzPVwic2Z4LXYtaC1jZW50ZXIgc2Z4LW1pbi1oZWlnaHQgc2Z4LWJnLWxpZ2h0LWdyYXkzIHNmeC1tYi0yMCBzZngtbWwtNSBzZngtbXItNSBzZngtbXQtMjBcIlxuPlxuICA8IS0tIEZpbGUgVXBsb2FkIC0tPlxuICA8bGFiZWxcbiAgICAqbmdJZj1cImZpbGVVcGxvYWRNb2RlbC5uYXZpZ2F0aW9uLnNob3dVcGxvYWRGaWxlXCJcbiAgICBjbGFzcz1cInNmeC1maWxlLXVwbG9hZCBzZngtY3Vyc29yLXBvaW50ZXIgdGV4dC1jZW50ZXJcIlxuICAgIGZvcj1cIlVwbG9hZFwiXG4gID5cbiAgICA8c3BhbiBjbGFzcz1cInN5bWJvbFwiPis8L3NwYW4+XG4gICAgPHA+UGxlYXNlIGNsaWNrIGhlcmUgYW5kIHNlbGVjdCBhIGZpbGUgdG8gdXBsb2FkPC9wPlxuICAgIDxpbnB1dFxuICAgICAgdHlwZT1cImZpbGVcIlxuICAgICAgaWQ9XCJVcGxvYWRcIlxuICAgICAgbmFtZT1cIlVwbG9hZFwiXG4gICAgICBhY2NlcHQ9XCJ7eyBmaWxldHlwZUFjY2VwdGVkIH19XCJcbiAgICAgIChjaGFuZ2UpPVwib25GaWxlU2VsZWN0KCRldmVudClcIlxuICAgICAgY2xhc3M9XCJoaWRlXCJcbiAgICAvPlxuICA8L2xhYmVsPlxuICA8IS0tIEZpbGUgVXBsb2FkIC0tPlxuXG4gIDwhLS0gRmlsZSBVcGxvYWQgSW4gUHJvZ3Jlc3MgLS0+XG4gIDxzeW1waG9ueS1maWxlLXVwbG9hZC1zdGF0dXNcbiAgICAqbmdJZj1cImZpbGVVcGxvYWRNb2RlbC5uYXZpZ2F0aW9uLnNob3dVcGxvYWRQcm9ncmVzc1wiXG4gICAgW2ZpbGVVcGxvYWRTdGF0dXNNb2RlbF09XCJmaWxlVXBsb2FkTW9kZWwuZmlsZVN0YXR1c1wiXG4gICAgW3VwbG9hZFN0YXR1c109XCInVXBsb2FkIEluIFByb2dyZXNzJ1wiXG4gICAgKGNsb3NlVXBsb2FkQ29tcGxldGUpPVwib25DbG9zZUNsaWNrKClcIlxuICA+PC9zeW1waG9ueS1maWxlLXVwbG9hZC1zdGF0dXM+XG4gIDwhLS0gRmlsZSBVcGxvYWQgSW4gUHJvZ3Jlc3MgLS0+XG5cbiAgPCEtLSBGaWxlIFVwbG9hZCBDb21wbGV0ZSAtLT5cbiAgPHN5bXBob255LWZpbGUtdXBsb2FkLXN0YXR1c1xuICAgICpuZ0lmPVwiZmlsZVVwbG9hZE1vZGVsLm5hdmlnYXRpb24uc2hvd1VwbG9hZENvbXBsZXRlXCJcbiAgICBbZmlsZVVwbG9hZFN0YXR1c01vZGVsXT1cImZpbGVVcGxvYWRNb2RlbC5maWxlU3RhdHVzXCJcbiAgICBbdXBsb2FkU3RhdHVzXT1cIidVcGxvYWQgQ29tcGxldGVkJ1wiXG4gICAgKGNsb3NlVXBsb2FkQ29tcGxldGUpPVwib25DbG9zZUNsaWNrKClcIlxuICA+PC9zeW1waG9ueS1maWxlLXVwbG9hZC1zdGF0dXM+XG4gIDwhLS0gRmlsZSBVcGxvYWQgQ29tcGxldGUgLS0+XG5cbiAgPCEtLSBTZWxlY3RlZCBGaWxlIC0tPlxuICA8c3ltcGhvbnktZmlsZS11cGxvYWQtc3RhdHVzXG4gICAgKm5nSWY9XCJmaWxlVXBsb2FkTW9kZWwubmF2aWdhdGlvbi5zaG93U2VsZWN0ZWRGaWxlXCJcbiAgICBbZmlsZVVwbG9hZFN0YXR1c01vZGVsXT1cImZpbGVVcGxvYWRNb2RlbC5maWxlU3RhdHVzXCJcbiAgICBbdXBsb2FkU3RhdHVzXT1cIidTZWxlY3RlZCBGaWxlJ1wiXG4gICAgKGNsb3NlVXBsb2FkQ29tcGxldGUpPVwib25DbG9zZUNsaWNrKClcIlxuICA+PC9zeW1waG9ueS1maWxlLXVwbG9hZC1zdGF0dXM+XG4gIDwhLS0gU2VsZWN0ZWQgRmlsZSAgLS0+XG5cbiAgPCEtLSBGaWxlIFVwbG9hZCBFcnJvciAtLT5cbiAgPHN5bXBob255LWZpbGUtdXBsb2FkLXN0YXR1c1xuICAgICpuZ0lmPVwiZmlsZVVwbG9hZE1vZGVsLm5hdmlnYXRpb24uc2hvd1VwbG9hZEVycm9yXCJcbiAgICBbZmlsZVVwbG9hZFN0YXR1c01vZGVsXT1cImZpbGVVcGxvYWRNb2RlbC5maWxlU3RhdHVzXCJcbiAgICBbdXBsb2FkU3RhdHVzXT1cIidNYXggZmlsZSBzaXplIGV4Y2VlZGVkJ1wiXG4gICAgKGNsb3NlVXBsb2FkQ29tcGxldGUpPVwib25DbG9zZUNsaWNrKClcIlxuICA+PC9zeW1waG9ueS1maWxlLXVwbG9hZC1zdGF0dXM+XG4gIDwhLS0gRmlsZSBVcGxvYWQgRXJyb3IgLS0+XG48L2Rpdj5cbiJdfQ==
36
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS11cGxvYWQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsZS11cGxvYWQvZmlsZS11cGxvYWQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsZS11cGxvYWQvZmlsZS11cGxvYWQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBVSxNQUFNLGVBQWUsQ0FBQzs7OztBQU8vRSxNQUFNLE9BQU8sbUJBQW1CO0lBTzlCO1FBTFUsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDdEMsbUJBQWMsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0lBSXJDLENBQUM7SUFFaEIsUUFBUTtRQUNOLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM3RSxDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVELFlBQVksQ0FBQyxLQUFLO1FBQ2hCLElBQUksQ0FBQyxJQUFJLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDbEMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3RDLENBQUM7SUFFRCxPQUFPLENBQUMsS0FBSztRQUNYLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztJQUM1QixDQUFDOztnSEF4QlUsbUJBQW1CO29HQUFuQixtQkFBbUIscUxDUGhDLGdnRUE0REE7MkZEckRhLG1CQUFtQjtrQkFML0IsU0FBUzsrQkFDRSxzQkFBc0I7MEVBS3ZCLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0ksVUFBVTtzQkFBbkIsTUFBTTtnQkFDRyxjQUFjO3NCQUF2QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmlsZVVwbG9hZE1vZGVsIH0gZnJvbSAnLi9maWxlLXVwbG9hZC5tb2RlbCc7XG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1maWxlLXVwbG9hZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9maWxlLXVwbG9hZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2ZpbGUtdXBsb2FkLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEZpbGVVcGxvYWRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBmaWxlVXBsb2FkTW9kZWw6IEZpbGVVcGxvYWRNb2RlbDtcbiAgQE91dHB1dCgpIGNsb3NlQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIEBPdXRwdXQoKSBnZXRGaWxlRGV0YWlscyA9IG5ldyBFdmVudEVtaXR0ZXI8RmlsZT4oKTtcblxuICBwdWJsaWMgZmlsZTogRmlsZTtcbiAgcHVibGljIGZpbGV0eXBlQWNjZXB0ZWQ6IHN0cmluZztcbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuZmlsZXR5cGVBY2NlcHRlZCA9IHRoaXMuZmlsZVVwbG9hZE1vZGVsLmZpbGVGb3JtYXRBY2NlcHRlZC5qb2luKCcsICcpO1xuICB9XG5cbiAgb25DbG9zZUNsaWNrKCkge1xuICAgIHRoaXMuY2xvc2VDbGljay5lbWl0KCk7XG4gIH1cblxuICBvbkZpbGVTZWxlY3QoZXZlbnQpIHtcbiAgICB0aGlzLmZpbGUgPSBldmVudC50YXJnZXQuZmlsZXNbMF07XG4gICAgdGhpcy5nZXRGaWxlRGV0YWlscy5lbWl0KHRoaXMuZmlsZSk7XG4gIH1cblxuICBvbkNsaWNrKGV2ZW50KSB7XG4gICAgZXZlbnQudGFyZ2V0LnZhbHVlID0gbnVsbDtcbiAgfVxufVxuIiwiPGRpdlxuICAqbmdJZj1cImZpbGVVcGxvYWRNb2RlbFwiXG4gIGNsYXNzPVwic2Z4LXYtaC1jZW50ZXIgc2Z4LW1pbi1oZWlnaHQgc2Z4LWJnLWxpZ2h0LWdyYXkzIHNmeC1tYi0yMCBzZngtbWwtNSBzZngtbXItNSBzZngtbXQtMjBcIlxuPlxuICA8IS0tIEZpbGUgVXBsb2FkIC0tPlxuICA8bGFiZWxcbiAgICAqbmdJZj1cImZpbGVVcGxvYWRNb2RlbC5uYXZpZ2F0aW9uLnNob3dVcGxvYWRGaWxlXCJcbiAgICBjbGFzcz1cInNmeC1maWxlLXVwbG9hZCBzZngtY3Vyc29yLXBvaW50ZXIgdGV4dC1jZW50ZXJcIlxuICAgIGZvcj1cIlVwbG9hZFwiXG4gID5cbiAgICA8c3BhbiBjbGFzcz1cInN5bWJvbFwiPis8L3NwYW4+XG4gICAgPHA+UGxlYXNlIGNsaWNrIGhlcmUgYW5kIHNlbGVjdCBhIGZpbGUgdG8gdXBsb2FkPC9wPlxuICAgIDxpbnB1dFxuICAgICAgdHlwZT1cImZpbGVcIlxuICAgICAgaWQ9XCJVcGxvYWRcIlxuICAgICAgbmFtZT1cIlVwbG9hZFwiXG4gICAgICBhY2NlcHQ9XCJ7eyBmaWxldHlwZUFjY2VwdGVkIH19XCJcbiAgICAgIChjaGFuZ2UpPVwib25GaWxlU2VsZWN0KCRldmVudClcIlxuICAgICAgKGNsaWNrKT1cIm9uQ2xpY2soJGV2ZW50KVwiXG4gICAgICBjbGFzcz1cImhpZGVcIlxuICAgIC8+XG4gIDwvbGFiZWw+XG4gIDwhLS0gRmlsZSBVcGxvYWQgLS0+XG5cbiAgPCEtLSBGaWxlIFVwbG9hZCBJbiBQcm9ncmVzcyAtLT5cbiAgPHN5bXBob255LWZpbGUtdXBsb2FkLXN0YXR1c1xuICAgICpuZ0lmPVwiZmlsZVVwbG9hZE1vZGVsLm5hdmlnYXRpb24uc2hvd1VwbG9hZFByb2dyZXNzXCJcbiAgICBbZmlsZVVwbG9hZFN0YXR1c01vZGVsXT1cImZpbGVVcGxvYWRNb2RlbC5maWxlU3RhdHVzXCJcbiAgICBbdXBsb2FkU3RhdHVzXT1cIidVcGxvYWQgSW4gUHJvZ3Jlc3MnXCJcbiAgICAoY2xvc2VVcGxvYWRDb21wbGV0ZSk9XCJvbkNsb3NlQ2xpY2soKVwiXG4gID48L3N5bXBob255LWZpbGUtdXBsb2FkLXN0YXR1cz5cbiAgPCEtLSBGaWxlIFVwbG9hZCBJbiBQcm9ncmVzcyAtLT5cblxuICA8IS0tIEZpbGUgVXBsb2FkIENvbXBsZXRlIC0tPlxuICA8c3ltcGhvbnktZmlsZS11cGxvYWQtc3RhdHVzXG4gICAgKm5nSWY9XCJmaWxlVXBsb2FkTW9kZWwubmF2aWdhdGlvbi5zaG93VXBsb2FkQ29tcGxldGVcIlxuICAgIFtmaWxlVXBsb2FkU3RhdHVzTW9kZWxdPVwiZmlsZVVwbG9hZE1vZGVsLmZpbGVTdGF0dXNcIlxuICAgIFt1cGxvYWRTdGF0dXNdPVwiJ1VwbG9hZCBDb21wbGV0ZWQnXCJcbiAgICAoY2xvc2VVcGxvYWRDb21wbGV0ZSk9XCJvbkNsb3NlQ2xpY2soKVwiXG4gID48L3N5bXBob255LWZpbGUtdXBsb2FkLXN0YXR1cz5cbiAgPCEtLSBGaWxlIFVwbG9hZCBDb21wbGV0ZSAtLT5cblxuICA8IS0tIFNlbGVjdGVkIEZpbGUgLS0+XG4gIDxzeW1waG9ueS1maWxlLXVwbG9hZC1zdGF0dXNcbiAgICAqbmdJZj1cImZpbGVVcGxvYWRNb2RlbC5uYXZpZ2F0aW9uLnNob3dTZWxlY3RlZEZpbGVcIlxuICAgIFtmaWxlVXBsb2FkU3RhdHVzTW9kZWxdPVwiZmlsZVVwbG9hZE1vZGVsLmZpbGVTdGF0dXNcIlxuICAgIFt1cGxvYWRTdGF0dXNdPVwiJ1NlbGVjdGVkIEZpbGUnXCJcbiAgICAoY2xvc2VVcGxvYWRDb21wbGV0ZSk9XCJvbkNsb3NlQ2xpY2soKVwiXG4gID48L3N5bXBob255LWZpbGUtdXBsb2FkLXN0YXR1cz5cbiAgPCEtLSBTZWxlY3RlZCBGaWxlICAtLT5cblxuICA8IS0tIEZpbGUgVXBsb2FkIEVycm9yIC0tPlxuICA8c3ltcGhvbnktZmlsZS11cGxvYWQtc3RhdHVzXG4gICAgKm5nSWY9XCJmaWxlVXBsb2FkTW9kZWwubmF2aWdhdGlvbi5zaG93VXBsb2FkRXJyb3JcIlxuICAgIFtmaWxlVXBsb2FkU3RhdHVzTW9kZWxdPVwiZmlsZVVwbG9hZE1vZGVsLmZpbGVTdGF0dXNcIlxuICAgIFt1cGxvYWRTdGF0dXNdPVwiJ01heCBmaWxlIHNpemUgZXhjZWVkZWQnXCJcbiAgICAoY2xvc2VVcGxvYWRDb21wbGV0ZSk9XCJvbkNsb3NlQ2xpY2soKVwiXG4gID48L3N5bXBob255LWZpbGUtdXBsb2FkLXN0YXR1cz5cbiAgPCEtLSBGaWxlIFVwbG9hZCBFcnJvciAtLT5cbjwvZGl2PlxuIl19
package/esm2020/projects/component-library/lib/molecules/file-upload/file-upload.component.mjs CHANGED
@@ -17,12 +17,15 @@ export class FileUploadComponent {
17
17
  this.file = event.target.files[0];
18
18
  this.getFileDetails.emit(this.file);
19
19
  }
20
+ onClick(event) {
21
+ event.target.value = null;
22
+ }
20
23
  }
21
24
  FileUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
22
- FileUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FileUploadComponent, selector: "symphony-file-upload", inputs: { fileUploadModel: "fileUploadModel" }, outputs: { closeClick: "closeClick", getFileDetails: "getFileDetails" }, ngImport: i0, template: "<div\n *ngIf=\"fileUploadModel\"\n class=\"sfx-v-h-center sfx-min-height sfx-bg-light-gray3 sfx-mb-20 sfx-ml-5 sfx-mr-5 sfx-mt-20\"\n>\n <!-- File Upload -->\n <label\n *ngIf=\"fileUploadModel.navigation.showUploadFile\"\n class=\"sfx-file-upload sfx-cursor-pointer text-center\"\n for=\"Upload\"\n >\n <span class=\"symbol\">+</span>\n <p>Please click here and select a file to upload</p>\n <input\n type=\"file\"\n id=\"Upload\"\n name=\"Upload\"\n accept=\"{{ filetypeAccepted }}\"\n (change)=\"onFileSelect($event)\"\n class=\"hide\"\n />\n </label>\n <!-- File Upload -->\n\n <!-- File Upload In Progress -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadProgress\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Upload In Progress'\"\n (closeUploadComplete)=\"onCloseClick()\"\n ></symphony-file-upload-status>\n <!-- File Upload In Progress -->\n\n <!-- File Upload Complete -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadComplete\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Upload Completed'\"\n (closeUploadComplete)=\"onCloseClick()\"\n ></symphony-file-upload-status>\n <!-- File Upload Complete -->\n\n <!-- Selected File -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showSelectedFile\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Selected File'\"\n (closeUploadComplete)=\"onCloseClick()\"\n ></symphony-file-upload-status>\n <!-- Selected File -->\n\n <!-- File Upload Error -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadError\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Max file size exceeded'\"\n (closeUploadComplete)=\"onCloseClick()\"\n ></symphony-file-upload-status>\n <!-- File Upload Error -->\n</div>\n", styles: [".sfx-bg-light-gray3{background:#f1f1f1}.sfx-v-h-center{display:flex;justify-content:center;align-items:center;flex-direction:column}.sfx-min-height{min-height:256px}.sfx-file-upload{display:contents}.sfx-file-upload .symbol{border:1px dashed #000;width:80px;height:80px;display:inline-block;border-radius:50%;text-align:center;line-height:85px;margin-bottom:25px;font-style:normal;font-size:24px}.sfx-file-uploaded{min-width:450px;max-width:450px}.sfx-file-uploaded p .sfx-icon-Close_Outlined{position:absolute;right:0;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%)}.sfx-file-uploaded symphony-paragraph{display:inline-block}.sfx-file-uploaded symphony-paragraph:first-child{font-weight:700}.sfx-word-break{word-break:break-word}.sfx-progressBar.progress{background-color:#fff;border-radius:10px}.sfx-progressBar.progress .progress-bar{background-color:#00bb5b}\n"], components: [{ type: i1.FileUploadStatusComponent, selector: "symphony-file-upload-status", inputs: ["fileUploadStatusModel", "uploadStatus"], outputs: ["closeUploadComplete"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
25
+ FileUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FileUploadComponent, selector: "symphony-file-upload", inputs: { fileUploadModel: "fileUploadModel" }, outputs: { closeClick: "closeClick", getFileDetails: "getFileDetails" }, ngImport: i0, template: "<div\n *ngIf=\"fileUploadModel\"\n class=\"sfx-v-h-center sfx-min-height sfx-bg-light-gray3 sfx-mb-20 sfx-ml-5 sfx-mr-5 sfx-mt-20\"\n>\n <!-- File Upload -->\n <label\n *ngIf=\"fileUploadModel.navigation.showUploadFile\"\n class=\"sfx-file-upload sfx-cursor-pointer text-center\"\n for=\"Upload\"\n >\n <span class=\"symbol\">+</span>\n <p>Please click here and select a file to upload</p>\n <input\n type=\"file\"\n id=\"Upload\"\n name=\"Upload\"\n accept=\"{{ filetypeAccepted }}\"\n (change)=\"onFileSelect($event)\"\n (click)=\"onClick($event)\"\n class=\"hide\"\n />\n </label>\n <!-- File Upload -->\n\n <!-- File Upload In Progress -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadProgress\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Upload In Progress'\"\n (closeUploadComplete)=\"onCloseClick()\"\n ></symphony-file-upload-status>\n <!-- File Upload In Progress -->\n\n <!-- File Upload Complete -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadComplete\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Upload Completed'\"\n (closeUploadComplete)=\"onCloseClick()\"\n ></symphony-file-upload-status>\n <!-- File Upload Complete -->\n\n <!-- Selected File -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showSelectedFile\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Selected File'\"\n (closeUploadComplete)=\"onCloseClick()\"\n ></symphony-file-upload-status>\n <!-- Selected File -->\n\n <!-- File Upload Error -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadError\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Max file size exceeded'\"\n (closeUploadComplete)=\"onCloseClick()\"\n ></symphony-file-upload-status>\n <!-- File Upload Error -->\n</div>\n", styles: [".sfx-bg-light-gray3{background:#f1f1f1}.sfx-v-h-center{display:flex;justify-content:center;align-items:center;flex-direction:column}.sfx-min-height{min-height:256px}.sfx-file-upload{display:contents}.sfx-file-upload .symbol{border:1px dashed #000;width:80px;height:80px;display:inline-block;border-radius:50%;text-align:center;line-height:85px;margin-bottom:25px;font-style:normal;font-size:24px}.sfx-file-uploaded{min-width:450px;max-width:450px}.sfx-file-uploaded p .sfx-icon-Close_Outlined{position:absolute;right:0;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%)}.sfx-file-uploaded symphony-paragraph{display:inline-block}.sfx-file-uploaded symphony-paragraph:first-child{font-weight:700}.sfx-word-break{word-break:break-word}.sfx-progressBar.progress{background-color:#fff;border-radius:10px}.sfx-progressBar.progress .progress-bar{background-color:#00bb5b}\n"], components: [{ type: i1.FileUploadStatusComponent, selector: "symphony-file-upload-status", inputs: ["fileUploadStatusModel", "uploadStatus"], outputs: ["closeUploadComplete"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
23
26
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FileUploadComponent, decorators: [{
24
27
  type: Component,
25
- args: [{ selector: 'symphony-file-upload', template: "<div\n *ngIf=\"fileUploadModel\"\n class=\"sfx-v-h-center sfx-min-height sfx-bg-light-gray3 sfx-mb-20 sfx-ml-5 sfx-mr-5 sfx-mt-20\"\n>\n <!-- File Upload -->\n <label\n *ngIf=\"fileUploadModel.navigation.showUploadFile\"\n class=\"sfx-file-upload sfx-cursor-pointer text-center\"\n for=\"Upload\"\n >\n <span class=\"symbol\">+</span>\n <p>Please click here and select a file to upload</p>\n <input\n type=\"file\"\n id=\"Upload\"\n name=\"Upload\"\n accept=\"{{ filetypeAccepted }}\"\n (change)=\"onFileSelect($event)\"\n class=\"hide\"\n />\n </label>\n <!-- File Upload -->\n\n <!-- File Upload In Progress -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadProgress\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Upload In Progress'\"\n (closeUploadComplete)=\"onCloseClick()\"\n ></symphony-file-upload-status>\n <!-- File Upload In Progress -->\n\n <!-- File Upload Complete -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadComplete\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Upload Completed'\"\n (closeUploadComplete)=\"onCloseClick()\"\n ></symphony-file-upload-status>\n <!-- File Upload Complete -->\n\n <!-- Selected File -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showSelectedFile\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Selected File'\"\n (closeUploadComplete)=\"onCloseClick()\"\n ></symphony-file-upload-status>\n <!-- Selected File -->\n\n <!-- File Upload Error -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadError\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Max file size exceeded'\"\n (closeUploadComplete)=\"onCloseClick()\"\n ></symphony-file-upload-status>\n <!-- File Upload Error -->\n</div>\n", styles: [".sfx-bg-light-gray3{background:#f1f1f1}.sfx-v-h-center{display:flex;justify-content:center;align-items:center;flex-direction:column}.sfx-min-height{min-height:256px}.sfx-file-upload{display:contents}.sfx-file-upload .symbol{border:1px dashed #000;width:80px;height:80px;display:inline-block;border-radius:50%;text-align:center;line-height:85px;margin-bottom:25px;font-style:normal;font-size:24px}.sfx-file-uploaded{min-width:450px;max-width:450px}.sfx-file-uploaded p .sfx-icon-Close_Outlined{position:absolute;right:0;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%)}.sfx-file-uploaded symphony-paragraph{display:inline-block}.sfx-file-uploaded symphony-paragraph:first-child{font-weight:700}.sfx-word-break{word-break:break-word}.sfx-progressBar.progress{background-color:#fff;border-radius:10px}.sfx-progressBar.progress .progress-bar{background-color:#00bb5b}\n"] }]
28
+ args: [{ selector: 'symphony-file-upload', template: "<div\n *ngIf=\"fileUploadModel\"\n class=\"sfx-v-h-center sfx-min-height sfx-bg-light-gray3 sfx-mb-20 sfx-ml-5 sfx-mr-5 sfx-mt-20\"\n>\n <!-- File Upload -->\n <label\n *ngIf=\"fileUploadModel.navigation.showUploadFile\"\n class=\"sfx-file-upload sfx-cursor-pointer text-center\"\n for=\"Upload\"\n >\n <span class=\"symbol\">+</span>\n <p>Please click here and select a file to upload</p>\n <input\n type=\"file\"\n id=\"Upload\"\n name=\"Upload\"\n accept=\"{{ filetypeAccepted }}\"\n (change)=\"onFileSelect($event)\"\n (click)=\"onClick($event)\"\n class=\"hide\"\n />\n </label>\n <!-- File Upload -->\n\n <!-- File Upload In Progress -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadProgress\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Upload In Progress'\"\n (closeUploadComplete)=\"onCloseClick()\"\n ></symphony-file-upload-status>\n <!-- File Upload In Progress -->\n\n <!-- File Upload Complete -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadComplete\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Upload Completed'\"\n (closeUploadComplete)=\"onCloseClick()\"\n ></symphony-file-upload-status>\n <!-- File Upload Complete -->\n\n <!-- Selected File -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showSelectedFile\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Selected File'\"\n (closeUploadComplete)=\"onCloseClick()\"\n ></symphony-file-upload-status>\n <!-- Selected File -->\n\n <!-- File Upload Error -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadError\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Max file size exceeded'\"\n (closeUploadComplete)=\"onCloseClick()\"\n ></symphony-file-upload-status>\n <!-- File Upload Error -->\n</div>\n", styles: [".sfx-bg-light-gray3{background:#f1f1f1}.sfx-v-h-center{display:flex;justify-content:center;align-items:center;flex-direction:column}.sfx-min-height{min-height:256px}.sfx-file-upload{display:contents}.sfx-file-upload .symbol{border:1px dashed #000;width:80px;height:80px;display:inline-block;border-radius:50%;text-align:center;line-height:85px;margin-bottom:25px;font-style:normal;font-size:24px}.sfx-file-uploaded{min-width:450px;max-width:450px}.sfx-file-uploaded p .sfx-icon-Close_Outlined{position:absolute;right:0;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%)}.sfx-file-uploaded symphony-paragraph{display:inline-block}.sfx-file-uploaded symphony-paragraph:first-child{font-weight:700}.sfx-word-break{word-break:break-word}.sfx-progressBar.progress{background-color:#fff;border-radius:10px}.sfx-progressBar.progress .progress-bar{background-color:#00bb5b}\n"] }]
26
29
  }], ctorParameters: function () { return []; }, propDecorators: { fileUploadModel: [{
27
30
  type: Input
28
31
  }], closeClick: [{
@@ -30,4 +33,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
30
33
  }], getFileDetails: [{
31
34
  type: Output
32
35
  }] } });
33
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS11cGxvYWQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsZS11cGxvYWQvZmlsZS11cGxvYWQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsZS11cGxvYWQvZmlsZS11cGxvYWQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBVSxNQUFNLGVBQWUsQ0FBQzs7OztBQU8vRSxNQUFNLE9BQU8sbUJBQW1CO0lBTzlCO1FBTFUsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDdEMsbUJBQWMsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0lBSXJDLENBQUM7SUFFaEIsUUFBUTtRQUNOLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM3RSxDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVELFlBQVksQ0FBQyxLQUFLO1FBQ2hCLElBQUksQ0FBQyxJQUFJLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDbEMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3RDLENBQUM7O2dIQXBCVSxtQkFBbUI7b0dBQW5CLG1CQUFtQixxTENQaEMsNjlEQTJEQTsyRkRwRGEsbUJBQW1CO2tCQUwvQixTQUFTOytCQUNFLHNCQUFzQjswRUFLdkIsZUFBZTtzQkFBdkIsS0FBSztnQkFDSSxVQUFVO3NCQUFuQixNQUFNO2dCQUNHLGNBQWM7c0JBQXZCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGaWxlVXBsb2FkTW9kZWwgfSBmcm9tICcuL2ZpbGUtdXBsb2FkLm1vZGVsJztcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWZpbGUtdXBsb2FkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZpbGUtdXBsb2FkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZmlsZS11cGxvYWQuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRmlsZVVwbG9hZENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIGZpbGVVcGxvYWRNb2RlbDogRmlsZVVwbG9hZE1vZGVsO1xuICBAT3V0cHV0KCkgY2xvc2VDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQE91dHB1dCgpIGdldEZpbGVEZXRhaWxzID0gbmV3IEV2ZW50RW1pdHRlcjxGaWxlPigpO1xuXG4gIHB1YmxpYyBmaWxlOiBGaWxlO1xuICBwdWJsaWMgZmlsZXR5cGVBY2NlcHRlZDogc3RyaW5nO1xuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5maWxldHlwZUFjY2VwdGVkID0gdGhpcy5maWxlVXBsb2FkTW9kZWwuZmlsZUZvcm1hdEFjY2VwdGVkLmpvaW4oJywgJyk7XG4gIH1cblxuICBvbkNsb3NlQ2xpY2soKSB7XG4gICAgdGhpcy5jbG9zZUNsaWNrLmVtaXQoKTtcbiAgfVxuXG4gIG9uRmlsZVNlbGVjdChldmVudCkge1xuICAgIHRoaXMuZmlsZSA9IGV2ZW50LnRhcmdldC5maWxlc1swXTtcbiAgICB0aGlzLmdldEZpbGVEZXRhaWxzLmVtaXQodGhpcy5maWxlKTtcbiAgfVxufVxuIiwiPGRpdlxuICAqbmdJZj1cImZpbGVVcGxvYWRNb2RlbFwiXG4gIGNsYXNzPVwic2Z4LXYtaC1jZW50ZXIgc2Z4LW1pbi1oZWlnaHQgc2Z4LWJnLWxpZ2h0LWdyYXkzIHNmeC1tYi0yMCBzZngtbWwtNSBzZngtbXItNSBzZngtbXQtMjBcIlxuPlxuICA8IS0tIEZpbGUgVXBsb2FkIC0tPlxuICA8bGFiZWxcbiAgICAqbmdJZj1cImZpbGVVcGxvYWRNb2RlbC5uYXZpZ2F0aW9uLnNob3dVcGxvYWRGaWxlXCJcbiAgICBjbGFzcz1cInNmeC1maWxlLXVwbG9hZCBzZngtY3Vyc29yLXBvaW50ZXIgdGV4dC1jZW50ZXJcIlxuICAgIGZvcj1cIlVwbG9hZFwiXG4gID5cbiAgICA8c3BhbiBjbGFzcz1cInN5bWJvbFwiPis8L3NwYW4+XG4gICAgPHA+UGxlYXNlIGNsaWNrIGhlcmUgYW5kIHNlbGVjdCBhIGZpbGUgdG8gdXBsb2FkPC9wPlxuICAgIDxpbnB1dFxuICAgICAgdHlwZT1cImZpbGVcIlxuICAgICAgaWQ9XCJVcGxvYWRcIlxuICAgICAgbmFtZT1cIlVwbG9hZFwiXG4gICAgICBhY2NlcHQ9XCJ7eyBmaWxldHlwZUFjY2VwdGVkIH19XCJcbiAgICAgIChjaGFuZ2UpPVwib25GaWxlU2VsZWN0KCRldmVudClcIlxuICAgICAgY2xhc3M9XCJoaWRlXCJcbiAgICAvPlxuICA8L2xhYmVsPlxuICA8IS0tIEZpbGUgVXBsb2FkIC0tPlxuXG4gIDwhLS0gRmlsZSBVcGxvYWQgSW4gUHJvZ3Jlc3MgLS0+XG4gIDxzeW1waG9ueS1maWxlLXVwbG9hZC1zdGF0dXNcbiAgICAqbmdJZj1cImZpbGVVcGxvYWRNb2RlbC5uYXZpZ2F0aW9uLnNob3dVcGxvYWRQcm9ncmVzc1wiXG4gICAgW2ZpbGVVcGxvYWRTdGF0dXNNb2RlbF09XCJmaWxlVXBsb2FkTW9kZWwuZmlsZVN0YXR1c1wiXG4gICAgW3VwbG9hZFN0YXR1c109XCInVXBsb2FkIEluIFByb2dyZXNzJ1wiXG4gICAgKGNsb3NlVXBsb2FkQ29tcGxldGUpPVwib25DbG9zZUNsaWNrKClcIlxuICA+PC9zeW1waG9ueS1maWxlLXVwbG9hZC1zdGF0dXM+XG4gIDwhLS0gRmlsZSBVcGxvYWQgSW4gUHJvZ3Jlc3MgLS0+XG5cbiAgPCEtLSBGaWxlIFVwbG9hZCBDb21wbGV0ZSAtLT5cbiAgPHN5bXBob255LWZpbGUtdXBsb2FkLXN0YXR1c1xuICAgICpuZ0lmPVwiZmlsZVVwbG9hZE1vZGVsLm5hdmlnYXRpb24uc2hvd1VwbG9hZENvbXBsZXRlXCJcbiAgICBbZmlsZVVwbG9hZFN0YXR1c01vZGVsXT1cImZpbGVVcGxvYWRNb2RlbC5maWxlU3RhdHVzXCJcbiAgICBbdXBsb2FkU3RhdHVzXT1cIidVcGxvYWQgQ29tcGxldGVkJ1wiXG4gICAgKGNsb3NlVXBsb2FkQ29tcGxldGUpPVwib25DbG9zZUNsaWNrKClcIlxuICA+PC9zeW1waG9ueS1maWxlLXVwbG9hZC1zdGF0dXM+XG4gIDwhLS0gRmlsZSBVcGxvYWQgQ29tcGxldGUgLS0+XG5cbiAgPCEtLSBTZWxlY3RlZCBGaWxlIC0tPlxuICA8c3ltcGhvbnktZmlsZS11cGxvYWQtc3RhdHVzXG4gICAgKm5nSWY9XCJmaWxlVXBsb2FkTW9kZWwubmF2aWdhdGlvbi5zaG93U2VsZWN0ZWRGaWxlXCJcbiAgICBbZmlsZVVwbG9hZFN0YXR1c01vZGVsXT1cImZpbGVVcGxvYWRNb2RlbC5maWxlU3RhdHVzXCJcbiAgICBbdXBsb2FkU3RhdHVzXT1cIidTZWxlY3RlZCBGaWxlJ1wiXG4gICAgKGNsb3NlVXBsb2FkQ29tcGxldGUpPVwib25DbG9zZUNsaWNrKClcIlxuICA+PC9zeW1waG9ueS1maWxlLXVwbG9hZC1zdGF0dXM+XG4gIDwhLS0gU2VsZWN0ZWQgRmlsZSAgLS0+XG5cbiAgPCEtLSBGaWxlIFVwbG9hZCBFcnJvciAtLT5cbiAgPHN5bXBob255LWZpbGUtdXBsb2FkLXN0YXR1c1xuICAgICpuZ0lmPVwiZmlsZVVwbG9hZE1vZGVsLm5hdmlnYXRpb24uc2hvd1VwbG9hZEVycm9yXCJcbiAgICBbZmlsZVVwbG9hZFN0YXR1c01vZGVsXT1cImZpbGVVcGxvYWRNb2RlbC5maWxlU3RhdHVzXCJcbiAgICBbdXBsb2FkU3RhdHVzXT1cIidNYXggZmlsZSBzaXplIGV4Y2VlZGVkJ1wiXG4gICAgKGNsb3NlVXBsb2FkQ29tcGxldGUpPVwib25DbG9zZUNsaWNrKClcIlxuICA+PC9zeW1waG9ueS1maWxlLXVwbG9hZC1zdGF0dXM+XG4gIDwhLS0gRmlsZSBVcGxvYWQgRXJyb3IgLS0+XG48L2Rpdj5cbiJdfQ==
36
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS11cGxvYWQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsZS11cGxvYWQvZmlsZS11cGxvYWQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsZS11cGxvYWQvZmlsZS11cGxvYWQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBVSxNQUFNLGVBQWUsQ0FBQzs7OztBQU8vRSxNQUFNLE9BQU8sbUJBQW1CO0lBTzlCO1FBTFUsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDdEMsbUJBQWMsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0lBSXJDLENBQUM7SUFFaEIsUUFBUTtRQUNOLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM3RSxDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVELFlBQVksQ0FBQyxLQUFLO1FBQ2hCLElBQUksQ0FBQyxJQUFJLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDbEMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3RDLENBQUM7SUFFRCxPQUFPLENBQUMsS0FBSztRQUNYLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztJQUM1QixDQUFDOztnSEF4QlUsbUJBQW1CO29HQUFuQixtQkFBbUIscUxDUGhDLGdnRUE0REE7MkZEckRhLG1CQUFtQjtrQkFML0IsU0FBUzsrQkFDRSxzQkFBc0I7MEVBS3ZCLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0ksVUFBVTtzQkFBbkIsTUFBTTtnQkFDRyxjQUFjO3NCQUF2QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmlsZVVwbG9hZE1vZGVsIH0gZnJvbSAnLi9maWxlLXVwbG9hZC5tb2RlbCc7XG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1maWxlLXVwbG9hZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9maWxlLXVwbG9hZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2ZpbGUtdXBsb2FkLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEZpbGVVcGxvYWRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBmaWxlVXBsb2FkTW9kZWw6IEZpbGVVcGxvYWRNb2RlbDtcbiAgQE91dHB1dCgpIGNsb3NlQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIEBPdXRwdXQoKSBnZXRGaWxlRGV0YWlscyA9IG5ldyBFdmVudEVtaXR0ZXI8RmlsZT4oKTtcblxuICBwdWJsaWMgZmlsZTogRmlsZTtcbiAgcHVibGljIGZpbGV0eXBlQWNjZXB0ZWQ6IHN0cmluZztcbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuZmlsZXR5cGVBY2NlcHRlZCA9IHRoaXMuZmlsZVVwbG9hZE1vZGVsLmZpbGVGb3JtYXRBY2NlcHRlZC5qb2luKCcsICcpO1xuICB9XG5cbiAgb25DbG9zZUNsaWNrKCkge1xuICAgIHRoaXMuY2xvc2VDbGljay5lbWl0KCk7XG4gIH1cblxuICBvbkZpbGVTZWxlY3QoZXZlbnQpIHtcbiAgICB0aGlzLmZpbGUgPSBldmVudC50YXJnZXQuZmlsZXNbMF07XG4gICAgdGhpcy5nZXRGaWxlRGV0YWlscy5lbWl0KHRoaXMuZmlsZSk7XG4gIH1cblxuICBvbkNsaWNrKGV2ZW50KSB7XG4gICAgZXZlbnQudGFyZ2V0LnZhbHVlID0gbnVsbDtcbiAgfVxufVxuIiwiPGRpdlxuICAqbmdJZj1cImZpbGVVcGxvYWRNb2RlbFwiXG4gIGNsYXNzPVwic2Z4LXYtaC1jZW50ZXIgc2Z4LW1pbi1oZWlnaHQgc2Z4LWJnLWxpZ2h0LWdyYXkzIHNmeC1tYi0yMCBzZngtbWwtNSBzZngtbXItNSBzZngtbXQtMjBcIlxuPlxuICA8IS0tIEZpbGUgVXBsb2FkIC0tPlxuICA8bGFiZWxcbiAgICAqbmdJZj1cImZpbGVVcGxvYWRNb2RlbC5uYXZpZ2F0aW9uLnNob3dVcGxvYWRGaWxlXCJcbiAgICBjbGFzcz1cInNmeC1maWxlLXVwbG9hZCBzZngtY3Vyc29yLXBvaW50ZXIgdGV4dC1jZW50ZXJcIlxuICAgIGZvcj1cIlVwbG9hZFwiXG4gID5cbiAgICA8c3BhbiBjbGFzcz1cInN5bWJvbFwiPis8L3NwYW4+XG4gICAgPHA+UGxlYXNlIGNsaWNrIGhlcmUgYW5kIHNlbGVjdCBhIGZpbGUgdG8gdXBsb2FkPC9wPlxuICAgIDxpbnB1dFxuICAgICAgdHlwZT1cImZpbGVcIlxuICAgICAgaWQ9XCJVcGxvYWRcIlxuICAgICAgbmFtZT1cIlVwbG9hZFwiXG4gICAgICBhY2NlcHQ9XCJ7eyBmaWxldHlwZUFjY2VwdGVkIH19XCJcbiAgICAgIChjaGFuZ2UpPVwib25GaWxlU2VsZWN0KCRldmVudClcIlxuICAgICAgKGNsaWNrKT1cIm9uQ2xpY2soJGV2ZW50KVwiXG4gICAgICBjbGFzcz1cImhpZGVcIlxuICAgIC8+XG4gIDwvbGFiZWw+XG4gIDwhLS0gRmlsZSBVcGxvYWQgLS0+XG5cbiAgPCEtLSBGaWxlIFVwbG9hZCBJbiBQcm9ncmVzcyAtLT5cbiAgPHN5bXBob255LWZpbGUtdXBsb2FkLXN0YXR1c1xuICAgICpuZ0lmPVwiZmlsZVVwbG9hZE1vZGVsLm5hdmlnYXRpb24uc2hvd1VwbG9hZFByb2dyZXNzXCJcbiAgICBbZmlsZVVwbG9hZFN0YXR1c01vZGVsXT1cImZpbGVVcGxvYWRNb2RlbC5maWxlU3RhdHVzXCJcbiAgICBbdXBsb2FkU3RhdHVzXT1cIidVcGxvYWQgSW4gUHJvZ3Jlc3MnXCJcbiAgICAoY2xvc2VVcGxvYWRDb21wbGV0ZSk9XCJvbkNsb3NlQ2xpY2soKVwiXG4gID48L3N5bXBob255LWZpbGUtdXBsb2FkLXN0YXR1cz5cbiAgPCEtLSBGaWxlIFVwbG9hZCBJbiBQcm9ncmVzcyAtLT5cblxuICA8IS0tIEZpbGUgVXBsb2FkIENvbXBsZXRlIC0tPlxuICA8c3ltcGhvbnktZmlsZS11cGxvYWQtc3RhdHVzXG4gICAgKm5nSWY9XCJmaWxlVXBsb2FkTW9kZWwubmF2aWdhdGlvbi5zaG93VXBsb2FkQ29tcGxldGVcIlxuICAgIFtmaWxlVXBsb2FkU3RhdHVzTW9kZWxdPVwiZmlsZVVwbG9hZE1vZGVsLmZpbGVTdGF0dXNcIlxuICAgIFt1cGxvYWRTdGF0dXNdPVwiJ1VwbG9hZCBDb21wbGV0ZWQnXCJcbiAgICAoY2xvc2VVcGxvYWRDb21wbGV0ZSk9XCJvbkNsb3NlQ2xpY2soKVwiXG4gID48L3N5bXBob255LWZpbGUtdXBsb2FkLXN0YXR1cz5cbiAgPCEtLSBGaWxlIFVwbG9hZCBDb21wbGV0ZSAtLT5cblxuICA8IS0tIFNlbGVjdGVkIEZpbGUgLS0+XG4gIDxzeW1waG9ueS1maWxlLXVwbG9hZC1zdGF0dXNcbiAgICAqbmdJZj1cImZpbGVVcGxvYWRNb2RlbC5uYXZpZ2F0aW9uLnNob3dTZWxlY3RlZEZpbGVcIlxuICAgIFtmaWxlVXBsb2FkU3RhdHVzTW9kZWxdPVwiZmlsZVVwbG9hZE1vZGVsLmZpbGVTdGF0dXNcIlxuICAgIFt1cGxvYWRTdGF0dXNdPVwiJ1NlbGVjdGVkIEZpbGUnXCJcbiAgICAoY2xvc2VVcGxvYWRDb21wbGV0ZSk9XCJvbkNsb3NlQ2xpY2soKVwiXG4gID48L3N5bXBob255LWZpbGUtdXBsb2FkLXN0YXR1cz5cbiAgPCEtLSBTZWxlY3RlZCBGaWxlICAtLT5cblxuICA8IS0tIEZpbGUgVXBsb2FkIEVycm9yIC0tPlxuICA8c3ltcGhvbnktZmlsZS11cGxvYWQtc3RhdHVzXG4gICAgKm5nSWY9XCJmaWxlVXBsb2FkTW9kZWwubmF2aWdhdGlvbi5zaG93VXBsb2FkRXJyb3JcIlxuICAgIFtmaWxlVXBsb2FkU3RhdHVzTW9kZWxdPVwiZmlsZVVwbG9hZE1vZGVsLmZpbGVTdGF0dXNcIlxuICAgIFt1cGxvYWRTdGF0dXNdPVwiJ01heCBmaWxlIHNpemUgZXhjZWVkZWQnXCJcbiAgICAoY2xvc2VVcGxvYWRDb21wbGV0ZSk9XCJvbkNsb3NlQ2xpY2soKVwiXG4gID48L3N5bXBob255LWZpbGUtdXBsb2FkLXN0YXR1cz5cbiAgPCEtLSBGaWxlIFVwbG9hZCBFcnJvciAtLT5cbjwvZGl2PlxuIl19
package/fesm2015/symphony-talent-component-library-projects-component-library.mjs CHANGED
@@ -1830,12 +1830,15 @@ class FileUploadComponent {
1830
1830
  this.file = event.target.files[0];
1831
1831
  this.getFileDetails.emit(this.file);
1832
1832
  }
1833
+ onClick(event) {
1834
+ event.target.value = null;
1835
+ }
1833
1836
  }
1834
1837
  FileUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1835
- FileUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FileUploadComponent, selector: "symphony-file-upload", inputs: { fileUploadModel: "fileUploadModel" }, outputs: { closeClick: "closeClick", getFileDetails: "getFileDetails" }, ngImport: i0, template: "<div\n *ngIf=\"fileUploadModel\"\n class=\"sfx-v-h-center sfx-min-height sfx-bg-light-gray3 sfx-mb-20 sfx-ml-5 sfx-mr-5 sfx-mt-20\"\n>\n <!-- File Upload -->\n <label\n *ngIf=\"fileUploadModel.navigation.showUploadFile\"\n class=\"sfx-file-upload sfx-cursor-pointer text-center\"\n for=\"Upload\"\n >\n <span class=\"symbol\">+</span>\n <p>Please click here and select a file to upload</p>\n <input\n type=\"file\"\n id=\"Upload\"\n name=\"Upload\"\n accept=\"{{ filetypeAccepted }}\"\n (change)=\"onFileSelect($event)\"\n class=\"hide\"\n />\n </label>\n <!-- File Upload -->\n\n <!-- File Upload In Progress -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadProgress\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Upload In Progress'\"\n (closeUploadComplete)=\"onCloseClick()\"\n ></symphony-file-upload-status>\n <!-- File Upload In Progress -->\n\n <!-- File Upload Complete -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadComplete\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Upload Completed'\"\n (closeUploadComplete)=\"onCloseClick()\"\n ></symphony-file-upload-status>\n <!-- File Upload Complete -->\n\n <!-- Selected File -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showSelectedFile\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Selected File'\"\n (closeUploadComplete)=\"onCloseClick()\"\n ></symphony-file-upload-status>\n <!-- Selected File -->\n\n <!-- File Upload Error -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadError\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Max file size exceeded'\"\n (closeUploadComplete)=\"onCloseClick()\"\n ></symphony-file-upload-status>\n <!-- File Upload Error -->\n</div>\n", styles: [".sfx-bg-light-gray3{background:#f1f1f1}.sfx-v-h-center{display:flex;justify-content:center;align-items:center;flex-direction:column}.sfx-min-height{min-height:256px}.sfx-file-upload{display:contents}.sfx-file-upload .symbol{border:1px dashed #000;width:80px;height:80px;display:inline-block;border-radius:50%;text-align:center;line-height:85px;margin-bottom:25px;font-style:normal;font-size:24px}.sfx-file-uploaded{min-width:450px;max-width:450px}.sfx-file-uploaded p .sfx-icon-Close_Outlined{position:absolute;right:0;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%)}.sfx-file-uploaded symphony-paragraph{display:inline-block}.sfx-file-uploaded symphony-paragraph:first-child{font-weight:700}.sfx-word-break{word-break:break-word}.sfx-progressBar.progress{background-color:#fff;border-radius:10px}.sfx-progressBar.progress .progress-bar{background-color:#00bb5b}\n"], components: [{ type: FileUploadStatusComponent, selector: "symphony-file-upload-status", inputs: ["fileUploadStatusModel", "uploadStatus"], outputs: ["closeUploadComplete"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
1838
+ FileUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FileUploadComponent, selector: "symphony-file-upload", inputs: { fileUploadModel: "fileUploadModel" }, outputs: { closeClick: "closeClick", getFileDetails: "getFileDetails" }, ngImport: i0, template: "<div\n *ngIf=\"fileUploadModel\"\n class=\"sfx-v-h-center sfx-min-height sfx-bg-light-gray3 sfx-mb-20 sfx-ml-5 sfx-mr-5 sfx-mt-20\"\n>\n <!-- File Upload -->\n <label\n *ngIf=\"fileUploadModel.navigation.showUploadFile\"\n class=\"sfx-file-upload sfx-cursor-pointer text-center\"\n for=\"Upload\"\n >\n <span class=\"symbol\">+</span>\n <p>Please click here and select a file to upload</p>\n <input\n type=\"file\"\n id=\"Upload\"\n name=\"Upload\"\n accept=\"{{ filetypeAccepted }}\"\n (change)=\"onFileSelect($event)\"\n (click)=\"onClick($event)\"\n class=\"hide\"\n />\n </label>\n <!-- File Upload -->\n\n <!-- File Upload In Progress -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadProgress\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Upload In Progress'\"\n (closeUploadComplete)=\"onCloseClick()\"\n ></symphony-file-upload-status>\n <!-- File Upload In Progress -->\n\n <!-- File Upload Complete -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadComplete\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Upload Completed'\"\n (closeUploadComplete)=\"onCloseClick()\"\n ></symphony-file-upload-status>\n <!-- File Upload Complete -->\n\n <!-- Selected File -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showSelectedFile\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Selected File'\"\n (closeUploadComplete)=\"onCloseClick()\"\n ></symphony-file-upload-status>\n <!-- Selected File -->\n\n <!-- File Upload Error -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadError\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Max file size exceeded'\"\n (closeUploadComplete)=\"onCloseClick()\"\n ></symphony-file-upload-status>\n <!-- File Upload Error -->\n</div>\n", styles: [".sfx-bg-light-gray3{background:#f1f1f1}.sfx-v-h-center{display:flex;justify-content:center;align-items:center;flex-direction:column}.sfx-min-height{min-height:256px}.sfx-file-upload{display:contents}.sfx-file-upload .symbol{border:1px dashed #000;width:80px;height:80px;display:inline-block;border-radius:50%;text-align:center;line-height:85px;margin-bottom:25px;font-style:normal;font-size:24px}.sfx-file-uploaded{min-width:450px;max-width:450px}.sfx-file-uploaded p .sfx-icon-Close_Outlined{position:absolute;right:0;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%)}.sfx-file-uploaded symphony-paragraph{display:inline-block}.sfx-file-uploaded symphony-paragraph:first-child{font-weight:700}.sfx-word-break{word-break:break-word}.sfx-progressBar.progress{background-color:#fff;border-radius:10px}.sfx-progressBar.progress .progress-bar{background-color:#00bb5b}\n"], components: [{ type: FileUploadStatusComponent, selector: "symphony-file-upload-status", inputs: ["fileUploadStatusModel", "uploadStatus"], outputs: ["closeUploadComplete"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
1836
1839
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FileUploadComponent, decorators: [{
1837
1840
  type: Component,
1838
- args: [{ selector: 'symphony-file-upload', template: "<div\n *ngIf=\"fileUploadModel\"\n class=\"sfx-v-h-center sfx-min-height sfx-bg-light-gray3 sfx-mb-20 sfx-ml-5 sfx-mr-5 sfx-mt-20\"\n>\n <!-- File Upload -->\n <label\n *ngIf=\"fileUploadModel.navigation.showUploadFile\"\n class=\"sfx-file-upload sfx-cursor-pointer text-center\"\n for=\"Upload\"\n >\n <span class=\"symbol\">+</span>\n <p>Please click here and select a file to upload</p>\n <input\n type=\"file\"\n id=\"Upload\"\n name=\"Upload\"\n accept=\"{{ filetypeAccepted }}\"\n (change)=\"onFileSelect($event)\"\n class=\"hide\"\n />\n </label>\n <!-- File Upload -->\n\n <!-- File Upload In Progress -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadProgress\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Upload In Progress'\"\n (closeUploadComplete)=\"onCloseClick()\"\n ></symphony-file-upload-status>\n <!-- File Upload In Progress -->\n\n <!-- File Upload Complete -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadComplete\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Upload Completed'\"\n (closeUploadComplete)=\"onCloseClick()\"\n ></symphony-file-upload-status>\n <!-- File Upload Complete -->\n\n <!-- Selected File -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showSelectedFile\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Selected File'\"\n (closeUploadComplete)=\"onCloseClick()\"\n ></symphony-file-upload-status>\n <!-- Selected File -->\n\n <!-- File Upload Error -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadError\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Max file size exceeded'\"\n (closeUploadComplete)=\"onCloseClick()\"\n ></symphony-file-upload-status>\n <!-- File Upload Error -->\n</div>\n", styles: [".sfx-bg-light-gray3{background:#f1f1f1}.sfx-v-h-center{display:flex;justify-content:center;align-items:center;flex-direction:column}.sfx-min-height{min-height:256px}.sfx-file-upload{display:contents}.sfx-file-upload .symbol{border:1px dashed #000;width:80px;height:80px;display:inline-block;border-radius:50%;text-align:center;line-height:85px;margin-bottom:25px;font-style:normal;font-size:24px}.sfx-file-uploaded{min-width:450px;max-width:450px}.sfx-file-uploaded p .sfx-icon-Close_Outlined{position:absolute;right:0;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%)}.sfx-file-uploaded symphony-paragraph{display:inline-block}.sfx-file-uploaded symphony-paragraph:first-child{font-weight:700}.sfx-word-break{word-break:break-word}.sfx-progressBar.progress{background-color:#fff;border-radius:10px}.sfx-progressBar.progress .progress-bar{background-color:#00bb5b}\n"] }]
1841
+ args: [{ selector: 'symphony-file-upload', template: "<div\n *ngIf=\"fileUploadModel\"\n class=\"sfx-v-h-center sfx-min-height sfx-bg-light-gray3 sfx-mb-20 sfx-ml-5 sfx-mr-5 sfx-mt-20\"\n>\n <!-- File Upload -->\n <label\n *ngIf=\"fileUploadModel.navigation.showUploadFile\"\n class=\"sfx-file-upload sfx-cursor-pointer text-center\"\n for=\"Upload\"\n >\n <span class=\"symbol\">+</span>\n <p>Please click here and select a file to upload</p>\n <input\n type=\"file\"\n id=\"Upload\"\n name=\"Upload\"\n accept=\"{{ filetypeAccepted }}\"\n (change)=\"onFileSelect($event)\"\n (click)=\"onClick($event)\"\n class=\"hide\"\n />\n </label>\n <!-- File Upload -->\n\n <!-- File Upload In Progress -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadProgress\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Upload In Progress'\"\n (closeUploadComplete)=\"onCloseClick()\"\n ></symphony-file-upload-status>\n <!-- File Upload In Progress -->\n\n <!-- File Upload Complete -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadComplete\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Upload Completed'\"\n (closeUploadComplete)=\"onCloseClick()\"\n ></symphony-file-upload-status>\n <!-- File Upload Complete -->\n\n <!-- Selected File -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showSelectedFile\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Selected File'\"\n (closeUploadComplete)=\"onCloseClick()\"\n ></symphony-file-upload-status>\n <!-- Selected File -->\n\n <!-- File Upload Error -->\n <symphony-file-upload-status\n *ngIf=\"fileUploadModel.navigation.showUploadError\"\n [fileUploadStatusModel]=\"fileUploadModel.fileStatus\"\n [uploadStatus]=\"'Max file size exceeded'\"\n (closeUploadComplete)=\"onCloseClick()\"\n ></symphony-file-upload-status>\n <!-- File Upload Error -->\n</div>\n", styles: [".sfx-bg-light-gray3{background:#f1f1f1}.sfx-v-h-center{display:flex;justify-content:center;align-items:center;flex-direction:column}.sfx-min-height{min-height:256px}.sfx-file-upload{display:contents}.sfx-file-upload .symbol{border:1px dashed #000;width:80px;height:80px;display:inline-block;border-radius:50%;text-align:center;line-height:85px;margin-bottom:25px;font-style:normal;font-size:24px}.sfx-file-uploaded{min-width:450px;max-width:450px}.sfx-file-uploaded p .sfx-icon-Close_Outlined{position:absolute;right:0;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%)}.sfx-file-uploaded symphony-paragraph{display:inline-block}.sfx-file-uploaded symphony-paragraph:first-child{font-weight:700}.sfx-word-break{word-break:break-word}.sfx-progressBar.progress{background-color:#fff;border-radius:10px}.sfx-progressBar.progress .progress-bar{background-color:#00bb5b}\n"] }]
1839
1842
  }], ctorParameters: function () { return []; }, propDecorators: { fileUploadModel: [{
1840
1843
  type: Input
1841
1844
  }], closeClick: [{