@symphony-talent/component-library 3.32.0 → 3.33.0
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.
- package/esm2020/lib/molecules/file-upload/file-upload.component.mjs +3 -3
- package/esm2020/projects/component-library/lib/molecules/file-upload/file-upload.component.mjs +3 -3
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +2 -2
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +2 -2
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +2 -2
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +2 -2
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -22,10 +22,10 @@ export class FileUploadComponent {
|
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
FileUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
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
|
|
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 </label>\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 <!-- 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"] }] });
|
|
26
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FileUploadComponent, decorators: [{
|
|
27
27
|
type: Component,
|
|
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
|
|
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 </label>\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 <!-- 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"] }]
|
|
29
29
|
}], ctorParameters: function () { return []; }, propDecorators: { fileUploadModel: [{
|
|
30
30
|
type: Input
|
|
31
31
|
}], closeClick: [{
|
|
@@ -33,4 +33,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
33
33
|
}], getFileDetails: [{
|
|
34
34
|
type: Output
|
|
35
35
|
}] } });
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS11cGxvYWQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsZS11cGxvYWQvZmlsZS11cGxvYWQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsZS11cGxvYWQvZmlsZS11cGxvYWQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBVSxNQUFNLGVBQWUsQ0FBQzs7OztBQU8vRSxNQUFNLE9BQU8sbUJBQW1CO0lBTzlCO1FBTFUsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDdEMsbUJBQWMsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0lBSXJDLENBQUM7SUFFaEIsUUFBUTtRQUNOLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM3RSxDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVELFlBQVksQ0FBQyxLQUFLO1FBQ2hCLElBQUksQ0FBQyxJQUFJLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDbEMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3RDLENBQUM7SUFFRCxPQUFPLENBQUMsS0FBSztRQUNYLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztJQUM1QixDQUFDOztnSEF4QlUsbUJBQW1CO29HQUFuQixtQkFBbUIscUxDUGhDLGcvREE0REE7MkZEckRhLG1CQUFtQjtrQkFML0IsU0FBUzsrQkFDRSxzQkFBc0I7MEVBS3ZCLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0ksVUFBVTtzQkFBbkIsTUFBTTtnQkFDRyxjQUFjO3NCQUF2QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmlsZVVwbG9hZE1vZGVsIH0gZnJvbSAnLi9maWxlLXVwbG9hZC5tb2RlbCc7XG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1maWxlLXVwbG9hZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9maWxlLXVwbG9hZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2ZpbGUtdXBsb2FkLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEZpbGVVcGxvYWRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBmaWxlVXBsb2FkTW9kZWw6IEZpbGVVcGxvYWRNb2RlbDtcbiAgQE91dHB1dCgpIGNsb3NlQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIEBPdXRwdXQoKSBnZXRGaWxlRGV0YWlscyA9IG5ldyBFdmVudEVtaXR0ZXI8RmlsZT4oKTtcblxuICBwdWJsaWMgZmlsZTogRmlsZTtcbiAgcHVibGljIGZpbGV0eXBlQWNjZXB0ZWQ6IHN0cmluZztcbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuZmlsZXR5cGVBY2NlcHRlZCA9IHRoaXMuZmlsZVVwbG9hZE1vZGVsLmZpbGVGb3JtYXRBY2NlcHRlZC5qb2luKCcsICcpO1xuICB9XG5cbiAgb25DbG9zZUNsaWNrKCkge1xuICAgIHRoaXMuY2xvc2VDbGljay5lbWl0KCk7XG4gIH1cblxuICBvbkZpbGVTZWxlY3QoZXZlbnQpIHtcbiAgICB0aGlzLmZpbGUgPSBldmVudC50YXJnZXQuZmlsZXNbMF07XG4gICAgdGhpcy5nZXRGaWxlRGV0YWlscy5lbWl0KHRoaXMuZmlsZSk7XG4gIH1cblxuICBvbkNsaWNrKGV2ZW50KSB7XG4gICAgZXZlbnQudGFyZ2V0LnZhbHVlID0gbnVsbDtcbiAgfVxufVxuIiwiPGRpdlxuICAqbmdJZj1cImZpbGVVcGxvYWRNb2RlbFwiXG4gIGNsYXNzPVwic2Z4LXYtaC1jZW50ZXIgc2Z4LW1pbi1oZWlnaHQgc2Z4LWJnLWxpZ2h0LWdyYXkzIHNmeC1tYi0yMCBzZngtbWwtNSBzZngtbXItNSBzZngtbXQtMjBcIlxuPlxuICA8IS0tIEZpbGUgVXBsb2FkIC0tPlxuICA8bGFiZWxcbiAgICAqbmdJZj1cImZpbGVVcGxvYWRNb2RlbC5uYXZpZ2F0aW9uLnNob3dVcGxvYWRGaWxlXCJcbiAgICBjbGFzcz1cInNmeC1maWxlLXVwbG9hZCBzZngtY3Vyc29yLXBvaW50ZXIgdGV4dC1jZW50ZXJcIlxuICAgIGZvcj1cIlVwbG9hZFwiXG4gID5cbiAgICA8c3BhbiBjbGFzcz1cInN5bWJvbFwiPis8L3NwYW4+XG4gICAgPHA+UGxlYXNlIGNsaWNrIGhlcmUgYW5kIHNlbGVjdCBhIGZpbGUgdG8gdXBsb2FkPC9wPlxuICA8L2xhYmVsPlxuICAgIDxpbnB1dFxuICAgIHR5cGU9XCJmaWxlXCJcbiAgICBpZD1cIlVwbG9hZFwiXG4gICAgbmFtZT1cIlVwbG9hZFwiXG4gICAgYWNjZXB0PVwie3sgZmlsZXR5cGVBY2NlcHRlZCB9fVwiXG4gICAgKGNoYW5nZSk9XCJvbkZpbGVTZWxlY3QoJGV2ZW50KVwiXG4gICAgKGNsaWNrKT1cIm9uQ2xpY2soJGV2ZW50KVwiXG4gICAgY2xhc3M9XCJoaWRlXCJcbiAgLz5cbiAgPCEtLSBGaWxlIFVwbG9hZCAtLT5cblxuICA8IS0tIEZpbGUgVXBsb2FkIEluIFByb2dyZXNzIC0tPlxuICA8c3ltcGhvbnktZmlsZS11cGxvYWQtc3RhdHVzXG4gICAgKm5nSWY9XCJmaWxlVXBsb2FkTW9kZWwubmF2aWdhdGlvbi5zaG93VXBsb2FkUHJvZ3Jlc3NcIlxuICAgIFtmaWxlVXBsb2FkU3RhdHVzTW9kZWxdPVwiZmlsZVVwbG9hZE1vZGVsLmZpbGVTdGF0dXNcIlxuICAgIFt1cGxvYWRTdGF0dXNdPVwiJ1VwbG9hZCBJbiBQcm9ncmVzcydcIlxuICAgIChjbG9zZVVwbG9hZENvbXBsZXRlKT1cIm9uQ2xvc2VDbGljaygpXCJcbiAgPjwvc3ltcGhvbnktZmlsZS11cGxvYWQtc3RhdHVzPlxuICA8IS0tIEZpbGUgVXBsb2FkIEluIFByb2dyZXNzIC0tPlxuXG4gIDwhLS0gRmlsZSBVcGxvYWQgQ29tcGxldGUgLS0+XG4gIDxzeW1waG9ueS1maWxlLXVwbG9hZC1zdGF0dXNcbiAgICAqbmdJZj1cImZpbGVVcGxvYWRNb2RlbC5uYXZpZ2F0aW9uLnNob3dVcGxvYWRDb21wbGV0ZVwiXG4gICAgW2ZpbGVVcGxvYWRTdGF0dXNNb2RlbF09XCJmaWxlVXBsb2FkTW9kZWwuZmlsZVN0YXR1c1wiXG4gICAgW3VwbG9hZFN0YXR1c109XCInVXBsb2FkIENvbXBsZXRlZCdcIlxuICAgIChjbG9zZVVwbG9hZENvbXBsZXRlKT1cIm9uQ2xvc2VDbGljaygpXCJcbiAgPjwvc3ltcGhvbnktZmlsZS11cGxvYWQtc3RhdHVzPlxuICA8IS0tIEZpbGUgVXBsb2FkIENvbXBsZXRlIC0tPlxuXG4gIDwhLS0gU2VsZWN0ZWQgRmlsZSAtLT5cbiAgPHN5bXBob255LWZpbGUtdXBsb2FkLXN0YXR1c1xuICAgICpuZ0lmPVwiZmlsZVVwbG9hZE1vZGVsLm5hdmlnYXRpb24uc2hvd1NlbGVjdGVkRmlsZVwiXG4gICAgW2ZpbGVVcGxvYWRTdGF0dXNNb2RlbF09XCJmaWxlVXBsb2FkTW9kZWwuZmlsZVN0YXR1c1wiXG4gICAgW3VwbG9hZFN0YXR1c109XCInU2VsZWN0ZWQgRmlsZSdcIlxuICAgIChjbG9zZVVwbG9hZENvbXBsZXRlKT1cIm9uQ2xvc2VDbGljaygpXCJcbiAgPjwvc3ltcGhvbnktZmlsZS11cGxvYWQtc3RhdHVzPlxuICA8IS0tIFNlbGVjdGVkIEZpbGUgIC0tPlxuXG4gIDwhLS0gRmlsZSBVcGxvYWQgRXJyb3IgLS0+XG4gIDxzeW1waG9ueS1maWxlLXVwbG9hZC1zdGF0dXNcbiAgICAqbmdJZj1cImZpbGVVcGxvYWRNb2RlbC5uYXZpZ2F0aW9uLnNob3dVcGxvYWRFcnJvclwiXG4gICAgW2ZpbGVVcGxvYWRTdGF0dXNNb2RlbF09XCJmaWxlVXBsb2FkTW9kZWwuZmlsZVN0YXR1c1wiXG4gICAgW3VwbG9hZFN0YXR1c109XCInTWF4IGZpbGUgc2l6ZSBleGNlZWRlZCdcIlxuICAgIChjbG9zZVVwbG9hZENvbXBsZXRlKT1cIm9uQ2xvc2VDbGljaygpXCJcbiAgPjwvc3ltcGhvbnktZmlsZS11cGxvYWQtc3RhdHVzPlxuICA8IS0tIEZpbGUgVXBsb2FkIEVycm9yIC0tPlxuPC9kaXY+XG4iXX0=
|
package/esm2020/projects/component-library/lib/molecules/file-upload/file-upload.component.mjs
CHANGED
|
@@ -22,10 +22,10 @@ export class FileUploadComponent {
|
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
FileUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
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
|
|
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 </label>\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 <!-- 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"] }] });
|
|
26
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FileUploadComponent, decorators: [{
|
|
27
27
|
type: Component,
|
|
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
|
|
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 </label>\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 <!-- 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"] }]
|
|
29
29
|
}], ctorParameters: function () { return []; }, propDecorators: { fileUploadModel: [{
|
|
30
30
|
type: Input
|
|
31
31
|
}], closeClick: [{
|
|
@@ -33,4 +33,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
33
33
|
}], getFileDetails: [{
|
|
34
34
|
type: Output
|
|
35
35
|
}] } });
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS11cGxvYWQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsZS11cGxvYWQvZmlsZS11cGxvYWQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmlsZS11cGxvYWQvZmlsZS11cGxvYWQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBVSxNQUFNLGVBQWUsQ0FBQzs7OztBQU8vRSxNQUFNLE9BQU8sbUJBQW1CO0lBTzlCO1FBTFUsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDdEMsbUJBQWMsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0lBSXJDLENBQUM7SUFFaEIsUUFBUTtRQUNOLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM3RSxDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVELFlBQVksQ0FBQyxLQUFLO1FBQ2hCLElBQUksQ0FBQyxJQUFJLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDbEMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3RDLENBQUM7SUFFRCxPQUFPLENBQUMsS0FBSztRQUNYLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztJQUM1QixDQUFDOztnSEF4QlUsbUJBQW1CO29HQUFuQixtQkFBbUIscUxDUGhDLGcvREE0REE7MkZEckRhLG1CQUFtQjtrQkFML0IsU0FBUzsrQkFDRSxzQkFBc0I7MEVBS3ZCLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0ksVUFBVTtzQkFBbkIsTUFBTTtnQkFDRyxjQUFjO3NCQUF2QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmlsZVVwbG9hZE1vZGVsIH0gZnJvbSAnLi9maWxlLXVwbG9hZC5tb2RlbCc7XG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1maWxlLXVwbG9hZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9maWxlLXVwbG9hZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2ZpbGUtdXBsb2FkLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEZpbGVVcGxvYWRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBmaWxlVXBsb2FkTW9kZWw6IEZpbGVVcGxvYWRNb2RlbDtcbiAgQE91dHB1dCgpIGNsb3NlQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIEBPdXRwdXQoKSBnZXRGaWxlRGV0YWlscyA9IG5ldyBFdmVudEVtaXR0ZXI8RmlsZT4oKTtcblxuICBwdWJsaWMgZmlsZTogRmlsZTtcbiAgcHVibGljIGZpbGV0eXBlQWNjZXB0ZWQ6IHN0cmluZztcbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuZmlsZXR5cGVBY2NlcHRlZCA9IHRoaXMuZmlsZVVwbG9hZE1vZGVsLmZpbGVGb3JtYXRBY2NlcHRlZC5qb2luKCcsICcpO1xuICB9XG5cbiAgb25DbG9zZUNsaWNrKCkge1xuICAgIHRoaXMuY2xvc2VDbGljay5lbWl0KCk7XG4gIH1cblxuICBvbkZpbGVTZWxlY3QoZXZlbnQpIHtcbiAgICB0aGlzLmZpbGUgPSBldmVudC50YXJnZXQuZmlsZXNbMF07XG4gICAgdGhpcy5nZXRGaWxlRGV0YWlscy5lbWl0KHRoaXMuZmlsZSk7XG4gIH1cblxuICBvbkNsaWNrKGV2ZW50KSB7XG4gICAgZXZlbnQudGFyZ2V0LnZhbHVlID0gbnVsbDtcbiAgfVxufVxuIiwiPGRpdlxuICAqbmdJZj1cImZpbGVVcGxvYWRNb2RlbFwiXG4gIGNsYXNzPVwic2Z4LXYtaC1jZW50ZXIgc2Z4LW1pbi1oZWlnaHQgc2Z4LWJnLWxpZ2h0LWdyYXkzIHNmeC1tYi0yMCBzZngtbWwtNSBzZngtbXItNSBzZngtbXQtMjBcIlxuPlxuICA8IS0tIEZpbGUgVXBsb2FkIC0tPlxuICA8bGFiZWxcbiAgICAqbmdJZj1cImZpbGVVcGxvYWRNb2RlbC5uYXZpZ2F0aW9uLnNob3dVcGxvYWRGaWxlXCJcbiAgICBjbGFzcz1cInNmeC1maWxlLXVwbG9hZCBzZngtY3Vyc29yLXBvaW50ZXIgdGV4dC1jZW50ZXJcIlxuICAgIGZvcj1cIlVwbG9hZFwiXG4gID5cbiAgICA8c3BhbiBjbGFzcz1cInN5bWJvbFwiPis8L3NwYW4+XG4gICAgPHA+UGxlYXNlIGNsaWNrIGhlcmUgYW5kIHNlbGVjdCBhIGZpbGUgdG8gdXBsb2FkPC9wPlxuICA8L2xhYmVsPlxuICAgIDxpbnB1dFxuICAgIHR5cGU9XCJmaWxlXCJcbiAgICBpZD1cIlVwbG9hZFwiXG4gICAgbmFtZT1cIlVwbG9hZFwiXG4gICAgYWNjZXB0PVwie3sgZmlsZXR5cGVBY2NlcHRlZCB9fVwiXG4gICAgKGNoYW5nZSk9XCJvbkZpbGVTZWxlY3QoJGV2ZW50KVwiXG4gICAgKGNsaWNrKT1cIm9uQ2xpY2soJGV2ZW50KVwiXG4gICAgY2xhc3M9XCJoaWRlXCJcbiAgLz5cbiAgPCEtLSBGaWxlIFVwbG9hZCAtLT5cblxuICA8IS0tIEZpbGUgVXBsb2FkIEluIFByb2dyZXNzIC0tPlxuICA8c3ltcGhvbnktZmlsZS11cGxvYWQtc3RhdHVzXG4gICAgKm5nSWY9XCJmaWxlVXBsb2FkTW9kZWwubmF2aWdhdGlvbi5zaG93VXBsb2FkUHJvZ3Jlc3NcIlxuICAgIFtmaWxlVXBsb2FkU3RhdHVzTW9kZWxdPVwiZmlsZVVwbG9hZE1vZGVsLmZpbGVTdGF0dXNcIlxuICAgIFt1cGxvYWRTdGF0dXNdPVwiJ1VwbG9hZCBJbiBQcm9ncmVzcydcIlxuICAgIChjbG9zZVVwbG9hZENvbXBsZXRlKT1cIm9uQ2xvc2VDbGljaygpXCJcbiAgPjwvc3ltcGhvbnktZmlsZS11cGxvYWQtc3RhdHVzPlxuICA8IS0tIEZpbGUgVXBsb2FkIEluIFByb2dyZXNzIC0tPlxuXG4gIDwhLS0gRmlsZSBVcGxvYWQgQ29tcGxldGUgLS0+XG4gIDxzeW1waG9ueS1maWxlLXVwbG9hZC1zdGF0dXNcbiAgICAqbmdJZj1cImZpbGVVcGxvYWRNb2RlbC5uYXZpZ2F0aW9uLnNob3dVcGxvYWRDb21wbGV0ZVwiXG4gICAgW2ZpbGVVcGxvYWRTdGF0dXNNb2RlbF09XCJmaWxlVXBsb2FkTW9kZWwuZmlsZVN0YXR1c1wiXG4gICAgW3VwbG9hZFN0YXR1c109XCInVXBsb2FkIENvbXBsZXRlZCdcIlxuICAgIChjbG9zZVVwbG9hZENvbXBsZXRlKT1cIm9uQ2xvc2VDbGljaygpXCJcbiAgPjwvc3ltcGhvbnktZmlsZS11cGxvYWQtc3RhdHVzPlxuICA8IS0tIEZpbGUgVXBsb2FkIENvbXBsZXRlIC0tPlxuXG4gIDwhLS0gU2VsZWN0ZWQgRmlsZSAtLT5cbiAgPHN5bXBob255LWZpbGUtdXBsb2FkLXN0YXR1c1xuICAgICpuZ0lmPVwiZmlsZVVwbG9hZE1vZGVsLm5hdmlnYXRpb24uc2hvd1NlbGVjdGVkRmlsZVwiXG4gICAgW2ZpbGVVcGxvYWRTdGF0dXNNb2RlbF09XCJmaWxlVXBsb2FkTW9kZWwuZmlsZVN0YXR1c1wiXG4gICAgW3VwbG9hZFN0YXR1c109XCInU2VsZWN0ZWQgRmlsZSdcIlxuICAgIChjbG9zZVVwbG9hZENvbXBsZXRlKT1cIm9uQ2xvc2VDbGljaygpXCJcbiAgPjwvc3ltcGhvbnktZmlsZS11cGxvYWQtc3RhdHVzPlxuICA8IS0tIFNlbGVjdGVkIEZpbGUgIC0tPlxuXG4gIDwhLS0gRmlsZSBVcGxvYWQgRXJyb3IgLS0+XG4gIDxzeW1waG9ueS1maWxlLXVwbG9hZC1zdGF0dXNcbiAgICAqbmdJZj1cImZpbGVVcGxvYWRNb2RlbC5uYXZpZ2F0aW9uLnNob3dVcGxvYWRFcnJvclwiXG4gICAgW2ZpbGVVcGxvYWRTdGF0dXNNb2RlbF09XCJmaWxlVXBsb2FkTW9kZWwuZmlsZVN0YXR1c1wiXG4gICAgW3VwbG9hZFN0YXR1c109XCInTWF4IGZpbGUgc2l6ZSBleGNlZWRlZCdcIlxuICAgIChjbG9zZVVwbG9hZENvbXBsZXRlKT1cIm9uQ2xvc2VDbGljaygpXCJcbiAgPjwvc3ltcGhvbnktZmlsZS11cGxvYWQtc3RhdHVzPlxuICA8IS0tIEZpbGUgVXBsb2FkIEVycm9yIC0tPlxuPC9kaXY+XG4iXX0=
|
|
@@ -2090,10 +2090,10 @@ class FileUploadComponent {
|
|
|
2090
2090
|
}
|
|
2091
2091
|
}
|
|
2092
2092
|
FileUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2093
|
-
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
|
|
2093
|
+
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 </label>\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 <!-- 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"] }] });
|
|
2094
2094
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FileUploadComponent, decorators: [{
|
|
2095
2095
|
type: Component,
|
|
2096
|
-
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
|
|
2096
|
+
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 </label>\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 <!-- 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"] }]
|
|
2097
2097
|
}], ctorParameters: function () { return []; }, propDecorators: { fileUploadModel: [{
|
|
2098
2098
|
type: Input
|
|
2099
2099
|
}], closeClick: [{
|