@symphony-talent/component-library 3.17.0 → 3.19.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.
Files changed (29) hide show
  1. package/esm2020/lib/molecules/feedback-candidate-certifications/feedback-candidate-certifications.component.mjs +2 -2
  2. package/esm2020/lib/molecules/feedback-candidate-education/feedback-candidate-education.component.mjs +2 -2
  3. package/esm2020/lib/molecules/feedback-candidate-workhistory/feedback-candidate-workhistory.component.mjs +2 -2
  4. package/esm2020/lib/molecules/file-upload/file-upload.component.mjs +7 -7
  5. package/esm2020/lib/molecules/file-upload-status/file-upload-status.component.mjs +1 -1
  6. package/esm2020/lib/organisms/feedback-detail-header/feedback-detail-header.component.mjs +3 -3
  7. package/esm2020/lib/organisms/upload-resume-modal/upload-resume-modal.component.mjs +16 -5
  8. package/esm2020/projects/component-library/lib/molecules/feedback-candidate-certifications/feedback-candidate-certifications.component.mjs +2 -2
  9. package/esm2020/projects/component-library/lib/molecules/feedback-candidate-education/feedback-candidate-education.component.mjs +2 -2
  10. package/esm2020/projects/component-library/lib/molecules/feedback-candidate-workhistory/feedback-candidate-workhistory.component.mjs +2 -2
  11. package/esm2020/projects/component-library/lib/molecules/file-upload/file-upload.component.mjs +7 -7
  12. package/esm2020/projects/component-library/lib/molecules/file-upload-status/file-upload-status.component.mjs +1 -1
  13. package/esm2020/projects/component-library/lib/organisms/feedback-detail-header/feedback-detail-header.component.mjs +3 -3
  14. package/esm2020/projects/component-library/lib/organisms/upload-resume-modal/upload-resume-modal.component.mjs +16 -5
  15. package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +29 -18
  16. package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
  17. package/fesm2015/symphony-talent-component-library.mjs +29 -18
  18. package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
  19. package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +29 -18
  20. package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
  21. package/fesm2020/symphony-talent-component-library.mjs +29 -18
  22. package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
  23. package/lib/molecules/file-upload/file-upload.component.d.ts +3 -3
  24. package/lib/molecules/file-upload-status/file-upload-status.component.d.ts +1 -1
  25. package/lib/organisms/upload-resume-modal/upload-resume-modal.component.d.ts +4 -2
  26. package/package.json +1 -1
  27. package/projects/component-library/lib/molecules/file-upload/file-upload.component.d.ts +3 -3
  28. package/projects/component-library/lib/molecules/file-upload-status/file-upload-status.component.d.ts +1 -1
  29. package/projects/component-library/lib/organisms/upload-resume-modal/upload-resume-modal.component.d.ts +4 -2
@@ -1701,14 +1701,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
1701
1701
 
1702
1702
  class FileUploadComponent {
1703
1703
  constructor() {
1704
- this.closeUploadComplete = new EventEmitter();
1704
+ this.closeClick = new EventEmitter();
1705
1705
  this.getFileDetails = new EventEmitter();
1706
1706
  }
1707
1707
  ngOnInit() {
1708
1708
  this.filetypeAccepted = this.fileUploadModel.fileFormatAccepted.join(', ');
1709
1709
  }
1710
- oncloseUploadComplete() {
1711
- this.closeUploadComplete.emit();
1710
+ onCloseClick() {
1711
+ this.closeClick.emit();
1712
1712
  }
1713
1713
  onFileSelect(event) {
1714
1714
  this.file = event.target.files[0];
@@ -1716,13 +1716,13 @@ class FileUploadComponent {
1716
1716
  }
1717
1717
  }
1718
1718
  FileUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1719
- FileUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FileUploadComponent, selector: "symphony-file-upload", inputs: { fileUploadModel: "fileUploadModel" }, outputs: { closeUploadComplete: "closeUploadComplete", 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 type=\"file\" id=\"Upload\" name=\"Upload\" accept=\"{{filetypeAccepted}}\" (change)=\"onFileSelect($event)\" class=\"hide\" />\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 ></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 ></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 ></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 ></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:50px;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"] }] });
1719
+ 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:50px;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"] }] });
1720
1720
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FileUploadComponent, decorators: [{
1721
1721
  type: Component,
1722
- 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 type=\"file\" id=\"Upload\" name=\"Upload\" accept=\"{{filetypeAccepted}}\" (change)=\"onFileSelect($event)\" class=\"hide\" />\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 ></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 ></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 ></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 ></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:50px;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"] }]
1722
+ 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:50px;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"] }]
1723
1723
  }], ctorParameters: function () { return []; }, propDecorators: { fileUploadModel: [{
1724
1724
  type: Input
1725
- }], closeUploadComplete: [{
1725
+ }], closeClick: [{
1726
1726
  type: Output
1727
1727
  }], getFileDetails: [{
1728
1728
  type: Output
@@ -2171,6 +2171,7 @@ class UploadResumeModalComponent {
2171
2171
  this.closeButtonClicked = new EventEmitter();
2172
2172
  this.docTypeDropdowChange = new EventEmitter();
2173
2173
  this.updateResumeChecked = new EventEmitter();
2174
+ this.fileCloseClick = new EventEmitter();
2174
2175
  this.isResumeSelected = false;
2175
2176
  }
2176
2177
  ngOnInit() {
@@ -2203,7 +2204,12 @@ class UploadResumeModalComponent {
2203
2204
  },
2204
2205
  fileUploadModel: this.uploadResumeModel,
2205
2206
  };
2206
- this.uploadResumeModel.fileUploadModel.fileFormatAccepted = ['.rtf', '.docx', '.txt', '.pdf'];
2207
+ this.uploadResumeModel.fileUploadModel.fileFormatAccepted = [
2208
+ '.rtf',
2209
+ '.docx',
2210
+ '.txt',
2211
+ '.pdf',
2212
+ ];
2207
2213
  if ((_a = this.uploadResumeModel) === null || _a === void 0 ? void 0 : _a.isResume) {
2208
2214
  this.model.documentTypeDropdown.selectedName = 'Resume';
2209
2215
  }
@@ -2211,9 +2217,12 @@ class UploadResumeModalComponent {
2211
2217
  onButtonClick(text) {
2212
2218
  this.buttonClicked.emit(text);
2213
2219
  }
2214
- onCloseButtonClick() {
2220
+ onCloseClick() {
2215
2221
  this.closeButtonClicked.emit();
2216
2222
  }
2223
+ onFileCloseClick() {
2224
+ this.fileCloseClick.emit();
2225
+ }
2217
2226
  onDocTypeSelect(selectedModel) {
2218
2227
  if (selectedModel.value == 'Resume') {
2219
2228
  this.uploadResumeModel.isResume = true;
@@ -2228,10 +2237,10 @@ class UploadResumeModalComponent {
2228
2237
  }
2229
2238
  }
2230
2239
  UploadResumeModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: UploadResumeModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2231
- UploadResumeModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: UploadResumeModalComponent, selector: "symphony-upload-resume-modal", inputs: { uploadResumeModel: "uploadResumeModel", isLoading: "isLoading" }, outputs: { closeUploadComplete: "closeUploadComplete", buttonClicked: "buttonClicked", closeButtonClicked: "closeButtonClicked", docTypeDropdowChange: "docTypeDropdowChange", updateResumeChecked: "updateResumeChecked" }, ngImport: i0, template: "<div class=\"sfx sfx-modal\" *ngIf=\"uploadResumeModel && model\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4 [text]=\"model.title\"></symphony-h4>\n <div class=\"sfx-mt-15\">\n <symphony-paragraph [text]=\"model.subTitle\"></symphony-paragraph>\n </div>\n </div>\n <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n <symphony-icon\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-6 col-md-6 col-lg-6\">\n <symphony-input-dropdown\n *ngIf=\"!uploadResumeModel.isLoading\"\n [inputDropdownListModel]=\"model.documentTypeDropdown\"\n (selectItem)=\"onDocTypeSelect($event)\"\n ></symphony-input-dropdown>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-6 col-lg-6 sfx-mt-33\">\n <symphony-input-checkbox\n *ngIf=\"uploadResumeModel.isResume\"\n [label]=\"'Update the contact data with this resume'\"\n (clicked)=\"onResumeCheckSelect($event)\"\n ></symphony-input-checkbox>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <symphony-file-upload\n *ngIf=\"!uploadResumeModel.isLoading\"\n [fileUploadModel]=\"uploadResumeModel.fileUploadModel\"\n ></symphony-file-upload>\n <div class=\"sfx-mt-30 sfx-mb-30\" *ngIf=\"uploadResumeModel.isLoading\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40 sfx-pl-30 sfx-pr-30\">\n <symphony-button\n *ngIf=\"uploadResumeModel.fileUploadModel.navigation.showUploadFile || uploadResumeModel.fileUploadModel.navigation.showUploadComplete || uploadResumeModel.fileUploadModel.navigation.showUploadProgress || uploadResumeModel.fileUploadModel.navigation.showUploadError\"\n [text]=\"model.btnSecondary\"\n [isSecondary]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n *ngIf=\"uploadResumeModel.fileUploadModel.navigation.showUploadFile || uploadResumeModel.fileUploadModel.navigation.showUploadComplete || uploadResumeModel.fileUploadModel.navigation.showUploadProgress || uploadResumeModel.fileUploadModel.navigation.showUploadError\"\n class=\"sfx-ml-20\"\n [text]=\"model.btnPrimary\"\n [disabled]=\"uploadResumeModel.isLoading || uploadResumeModel.fileUploadModel.navigation.showUploadFile || uploadResumeModel.fileUploadModel.navigation.showUploadProgress || uploadResumeModel.fileUploadModel.navigation.showUploadError\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n </section>\n</div>", styles: [".sfx-mt-33{margin-top:33px}\n"], components: [{ type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: InputDropdownComponent, selector: "symphony-input-dropdown", inputs: ["inputDropdownListModel", "disableBtn", "isInverse", "isRequired"], outputs: ["selectItem", "clearSelection"] }, { type: InputCheckboxComponent, selector: "symphony-input-checkbox", inputs: ["isActive", "label", "isRequired"], outputs: ["clicked"] }, { type: FileUploadComponent, selector: "symphony-file-upload", inputs: ["fileUploadModel"], outputs: ["closeUploadComplete", "getFileDetails"] }, { type: SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle"] }, { type: ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
2240
+ UploadResumeModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: UploadResumeModalComponent, selector: "symphony-upload-resume-modal", inputs: { uploadResumeModel: "uploadResumeModel", isLoading: "isLoading" }, outputs: { closeUploadComplete: "closeUploadComplete", buttonClicked: "buttonClicked", closeButtonClicked: "closeButtonClicked", docTypeDropdowChange: "docTypeDropdowChange", updateResumeChecked: "updateResumeChecked", fileCloseClick: "fileCloseClick" }, ngImport: i0, template: "<div class=\"sfx sfx-modal\" *ngIf=\"uploadResumeModel && model\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4 [text]=\"model.title\"></symphony-h4>\n <div class=\"sfx-mt-15\">\n <symphony-paragraph [text]=\"model.subTitle\"></symphony-paragraph>\n </div>\n </div>\n <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n <symphony-icon\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseClick()\"\n ></symphony-icon>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-6 col-md-6 col-lg-6\">\n <symphony-input-dropdown\n *ngIf=\"!uploadResumeModel.isLoading\"\n [inputDropdownListModel]=\"model.documentTypeDropdown\"\n (selectItem)=\"onDocTypeSelect($event)\"\n ></symphony-input-dropdown>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-6 col-lg-6 sfx-mt-33\">\n <symphony-input-checkbox\n *ngIf=\"uploadResumeModel.isResume\"\n [label]=\"'Update the contact data with this resume'\"\n (clicked)=\"onResumeCheckSelect($event)\"\n ></symphony-input-checkbox>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <symphony-file-upload\n *ngIf=\"!uploadResumeModel.isLoading\"\n [fileUploadModel]=\"uploadResumeModel.fileUploadModel\"\n (closeClick)=\"onCloseClick()\"\n ></symphony-file-upload>\n <div class=\"sfx-mt-30 sfx-mb-30\" *ngIf=\"uploadResumeModel.isLoading\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40 sfx-pl-30 sfx-pr-30\">\n <symphony-button\n *ngIf=\"\n uploadResumeModel.fileUploadModel.navigation.showUploadFile ||\n uploadResumeModel.fileUploadModel.navigation.showUploadComplete ||\n uploadResumeModel.fileUploadModel.navigation.showUploadProgress ||\n uploadResumeModel.fileUploadModel.navigation.showUploadError\n \"\n [text]=\"model.btnSecondary\"\n [isSecondary]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n *ngIf=\"\n uploadResumeModel.fileUploadModel.navigation.showUploadFile ||\n uploadResumeModel.fileUploadModel.navigation.showUploadComplete ||\n uploadResumeModel.fileUploadModel.navigation.showUploadProgress ||\n uploadResumeModel.fileUploadModel.navigation.showUploadError\n \"\n class=\"sfx-ml-20\"\n [text]=\"model.btnPrimary\"\n [disabled]=\"\n uploadResumeModel.isLoading ||\n uploadResumeModel.fileUploadModel.navigation.showUploadFile ||\n uploadResumeModel.fileUploadModel.navigation.showUploadProgress ||\n uploadResumeModel.fileUploadModel.navigation.showUploadError\n \"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n </section>\n</div>\n", styles: [".sfx-mt-33{margin-top:33px}\n"], components: [{ type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: InputDropdownComponent, selector: "symphony-input-dropdown", inputs: ["inputDropdownListModel", "disableBtn", "isInverse", "isRequired"], outputs: ["selectItem", "clearSelection"] }, { type: InputCheckboxComponent, selector: "symphony-input-checkbox", inputs: ["isActive", "label", "isRequired"], outputs: ["clicked"] }, { type: FileUploadComponent, selector: "symphony-file-upload", inputs: ["fileUploadModel"], outputs: ["closeClick", "getFileDetails"] }, { type: SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle"] }, { type: ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
2232
2241
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: UploadResumeModalComponent, decorators: [{
2233
2242
  type: Component,
2234
- args: [{ selector: 'symphony-upload-resume-modal', template: "<div class=\"sfx sfx-modal\" *ngIf=\"uploadResumeModel && model\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4 [text]=\"model.title\"></symphony-h4>\n <div class=\"sfx-mt-15\">\n <symphony-paragraph [text]=\"model.subTitle\"></symphony-paragraph>\n </div>\n </div>\n <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n <symphony-icon\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-6 col-md-6 col-lg-6\">\n <symphony-input-dropdown\n *ngIf=\"!uploadResumeModel.isLoading\"\n [inputDropdownListModel]=\"model.documentTypeDropdown\"\n (selectItem)=\"onDocTypeSelect($event)\"\n ></symphony-input-dropdown>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-6 col-lg-6 sfx-mt-33\">\n <symphony-input-checkbox\n *ngIf=\"uploadResumeModel.isResume\"\n [label]=\"'Update the contact data with this resume'\"\n (clicked)=\"onResumeCheckSelect($event)\"\n ></symphony-input-checkbox>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <symphony-file-upload\n *ngIf=\"!uploadResumeModel.isLoading\"\n [fileUploadModel]=\"uploadResumeModel.fileUploadModel\"\n ></symphony-file-upload>\n <div class=\"sfx-mt-30 sfx-mb-30\" *ngIf=\"uploadResumeModel.isLoading\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40 sfx-pl-30 sfx-pr-30\">\n <symphony-button\n *ngIf=\"uploadResumeModel.fileUploadModel.navigation.showUploadFile || uploadResumeModel.fileUploadModel.navigation.showUploadComplete || uploadResumeModel.fileUploadModel.navigation.showUploadProgress || uploadResumeModel.fileUploadModel.navigation.showUploadError\"\n [text]=\"model.btnSecondary\"\n [isSecondary]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n *ngIf=\"uploadResumeModel.fileUploadModel.navigation.showUploadFile || uploadResumeModel.fileUploadModel.navigation.showUploadComplete || uploadResumeModel.fileUploadModel.navigation.showUploadProgress || uploadResumeModel.fileUploadModel.navigation.showUploadError\"\n class=\"sfx-ml-20\"\n [text]=\"model.btnPrimary\"\n [disabled]=\"uploadResumeModel.isLoading || uploadResumeModel.fileUploadModel.navigation.showUploadFile || uploadResumeModel.fileUploadModel.navigation.showUploadProgress || uploadResumeModel.fileUploadModel.navigation.showUploadError\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n </section>\n</div>", styles: [".sfx-mt-33{margin-top:33px}\n"] }]
2243
+ args: [{ selector: 'symphony-upload-resume-modal', template: "<div class=\"sfx sfx-modal\" *ngIf=\"uploadResumeModel && model\">\n <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n <div class=\"modal-title\">\n <div class=\"row\">\n <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n <symphony-h4 [text]=\"model.title\"></symphony-h4>\n <div class=\"sfx-mt-15\">\n <symphony-paragraph [text]=\"model.subTitle\"></symphony-paragraph>\n </div>\n </div>\n <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n <symphony-icon\n class=\"pull-right\"\n [icon]=\"'si-close-modal'\"\n (clicked)=\"onCloseClick()\"\n ></symphony-icon>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-body sfx-p-30\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-6 col-md-6 col-lg-6\">\n <symphony-input-dropdown\n *ngIf=\"!uploadResumeModel.isLoading\"\n [inputDropdownListModel]=\"model.documentTypeDropdown\"\n (selectItem)=\"onDocTypeSelect($event)\"\n ></symphony-input-dropdown>\n </div>\n <div class=\"col-xs-12 col-sm-6 col-md-6 col-lg-6 sfx-mt-33\">\n <symphony-input-checkbox\n *ngIf=\"uploadResumeModel.isResume\"\n [label]=\"'Update the contact data with this resume'\"\n (clicked)=\"onResumeCheckSelect($event)\"\n ></symphony-input-checkbox>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n <symphony-file-upload\n *ngIf=\"!uploadResumeModel.isLoading\"\n [fileUploadModel]=\"uploadResumeModel.fileUploadModel\"\n (closeClick)=\"onCloseClick()\"\n ></symphony-file-upload>\n <div class=\"sfx-mt-30 sfx-mb-30\" *ngIf=\"uploadResumeModel.isLoading\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </div>\n </div>\n </div>\n </section>\n <section class=\"modal-footer sfx-pt-30 sfx-pb-40 sfx-pl-30 sfx-pr-30\">\n <symphony-button\n *ngIf=\"\n uploadResumeModel.fileUploadModel.navigation.showUploadFile ||\n uploadResumeModel.fileUploadModel.navigation.showUploadComplete ||\n uploadResumeModel.fileUploadModel.navigation.showUploadProgress ||\n uploadResumeModel.fileUploadModel.navigation.showUploadError\n \"\n [text]=\"model.btnSecondary\"\n [isSecondary]=\"true\"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n <symphony-button\n *ngIf=\"\n uploadResumeModel.fileUploadModel.navigation.showUploadFile ||\n uploadResumeModel.fileUploadModel.navigation.showUploadComplete ||\n uploadResumeModel.fileUploadModel.navigation.showUploadProgress ||\n uploadResumeModel.fileUploadModel.navigation.showUploadError\n \"\n class=\"sfx-ml-20\"\n [text]=\"model.btnPrimary\"\n [disabled]=\"\n uploadResumeModel.isLoading ||\n uploadResumeModel.fileUploadModel.navigation.showUploadFile ||\n uploadResumeModel.fileUploadModel.navigation.showUploadProgress ||\n uploadResumeModel.fileUploadModel.navigation.showUploadError\n \"\n (clicked)=\"onButtonClick($event)\"\n ></symphony-button>\n </section>\n</div>\n", styles: [".sfx-mt-33{margin-top:33px}\n"] }]
2235
2244
  }], ctorParameters: function () { return []; }, propDecorators: { uploadResumeModel: [{
2236
2245
  type: Input
2237
2246
  }], isLoading: [{
@@ -2246,6 +2255,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
2246
2255
  type: Output
2247
2256
  }], updateResumeChecked: [{
2248
2257
  type: Output
2258
+ }], fileCloseClick: [{
2259
+ type: Output
2249
2260
  }] } });
2250
2261
 
2251
2262
  class UploadResumeModalModule {
@@ -3198,10 +3209,10 @@ class FeedbackDetailHeaderComponent {
3198
3209
  }
3199
3210
  }
3200
3211
  FeedbackDetailHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3201
- FeedbackDetailHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailHeaderComponent, selector: "symphony-feedback-detail-header", inputs: { model: "model" }, outputs: { previewClicked: "previewClicked" }, ngImport: i0, template: "<div *ngIf=\"model\" class=\"sfx-d-inline-block sfx-mr-40\">\n <symphony-h3 [text]=\"model.name\"></symphony-h3>\n\n <ul class=\"candidate-details sfx-mt-10 sfx-mb-20 list-unstyled\">\n <li>{{ model.location }}</li>\n <li>{{ model.email }}</li>\n <li>{{ model.phone }}</li>\n </ul>\n</div>\n\n<div class=\"sfx-d-inline-block align-text-bottom\">\n <symphony-icon-wrapper (clicked)=\"onClick()\">\n <symphony-icon [icon]=\"'si-preview'\"></symphony-icon\n ></symphony-icon-wrapper>\n</div>\n\n<a href=\"#review\">\n <symphony-button\n sfx-button-secondary\n [text]=\"'Review'\"\n [isSecondary]=\"true\"\n class=\"sfx-d-none visible-xs-inline-block sfx-ml-20 align-text-bottom review-button\"\n >\n </symphony-button>\n</a>\n", styles: [".candidate-details li{display:inline-block}.candidate-details li:nth-child(2):before,.candidate-details li:nth-child(2):after{content:\"\\a\";width:5px;height:5px;border-radius:50%;background:#000;display:inline-block;margin:2px 6px}.align-text-bottom{vertical-align:text-bottom}.review-button .btn.btn-secondary{min-width:100px;height:40px;padding-left:25px;padding-right:25px}@media (max-width: 320px){.candidate-details li:nth-child(2):after{display:none}}\n"], components: [{ type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse"], outputs: ["clicked"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
3212
+ FeedbackDetailHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailHeaderComponent, selector: "symphony-feedback-detail-header", inputs: { model: "model" }, outputs: { previewClicked: "previewClicked" }, ngImport: i0, template: "<div *ngIf=\"model\" class=\"sfx-d-inline-block\">\n <symphony-h3 [text]=\"model.name\"></symphony-h3>\n\n <ul class=\"candidate-details sfx-mt-10 sfx-mb-20 list-unstyled\">\n <li>{{ model.location }}</li>\n <li>{{ model.email }}</li>\n <li>{{ model.phone }}</li>\n </ul>\n</div>\n\n<div class=\"sfx-d-inline-block align-text-bottom\">\n <symphony-icon-wrapper (clicked)=\"onClick()\">\n <symphony-icon [icon]=\"'si-preview'\"></symphony-icon\n ></symphony-icon-wrapper>\n</div>\n\n<a href=\"#review\">\n <symphony-button\n sfx-button-secondary\n [text]=\"'Review'\"\n [isSecondary]=\"true\"\n class=\"sfx-d-none visible-xs-inline-block sfx-ml-20 align-text-bottom review-button\"\n >\n </symphony-button>\n</a>\n", styles: [".candidate-details{min-width:435px}.candidate-details li{display:inline-block}.candidate-details li:nth-child(2):before,.candidate-details li:nth-child(2):after{content:\"\\a\";width:4px;height:4px;border-radius:50%;background:#000;display:inline-block;margin:2px 6px}.align-text-bottom{vertical-align:text-bottom}.review-button .btn.btn-secondary{min-width:100px;height:40px;padding-left:25px;padding-right:25px}@media (max-width: 320px){.candidate-details li:nth-child(2):after{display:none}}\n"], components: [{ type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse"], outputs: ["clicked"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
3202
3213
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailHeaderComponent, decorators: [{
3203
3214
  type: Component,
3204
- args: [{ selector: 'symphony-feedback-detail-header', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"model\" class=\"sfx-d-inline-block sfx-mr-40\">\n <symphony-h3 [text]=\"model.name\"></symphony-h3>\n\n <ul class=\"candidate-details sfx-mt-10 sfx-mb-20 list-unstyled\">\n <li>{{ model.location }}</li>\n <li>{{ model.email }}</li>\n <li>{{ model.phone }}</li>\n </ul>\n</div>\n\n<div class=\"sfx-d-inline-block align-text-bottom\">\n <symphony-icon-wrapper (clicked)=\"onClick()\">\n <symphony-icon [icon]=\"'si-preview'\"></symphony-icon\n ></symphony-icon-wrapper>\n</div>\n\n<a href=\"#review\">\n <symphony-button\n sfx-button-secondary\n [text]=\"'Review'\"\n [isSecondary]=\"true\"\n class=\"sfx-d-none visible-xs-inline-block sfx-ml-20 align-text-bottom review-button\"\n >\n </symphony-button>\n</a>\n", styles: [".candidate-details li{display:inline-block}.candidate-details li:nth-child(2):before,.candidate-details li:nth-child(2):after{content:\"\\a\";width:5px;height:5px;border-radius:50%;background:#000;display:inline-block;margin:2px 6px}.align-text-bottom{vertical-align:text-bottom}.review-button .btn.btn-secondary{min-width:100px;height:40px;padding-left:25px;padding-right:25px}@media (max-width: 320px){.candidate-details li:nth-child(2):after{display:none}}\n"] }]
3215
+ args: [{ selector: 'symphony-feedback-detail-header', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"model\" class=\"sfx-d-inline-block\">\n <symphony-h3 [text]=\"model.name\"></symphony-h3>\n\n <ul class=\"candidate-details sfx-mt-10 sfx-mb-20 list-unstyled\">\n <li>{{ model.location }}</li>\n <li>{{ model.email }}</li>\n <li>{{ model.phone }}</li>\n </ul>\n</div>\n\n<div class=\"sfx-d-inline-block align-text-bottom\">\n <symphony-icon-wrapper (clicked)=\"onClick()\">\n <symphony-icon [icon]=\"'si-preview'\"></symphony-icon\n ></symphony-icon-wrapper>\n</div>\n\n<a href=\"#review\">\n <symphony-button\n sfx-button-secondary\n [text]=\"'Review'\"\n [isSecondary]=\"true\"\n class=\"sfx-d-none visible-xs-inline-block sfx-ml-20 align-text-bottom review-button\"\n >\n </symphony-button>\n</a>\n", styles: [".candidate-details{min-width:435px}.candidate-details li{display:inline-block}.candidate-details li:nth-child(2):before,.candidate-details li:nth-child(2):after{content:\"\\a\";width:4px;height:4px;border-radius:50%;background:#000;display:inline-block;margin:2px 6px}.align-text-bottom{vertical-align:text-bottom}.review-button .btn.btn-secondary{min-width:100px;height:40px;padding-left:25px;padding-right:25px}@media (max-width: 320px){.candidate-details li:nth-child(2):after{display:none}}\n"] }]
3205
3216
  }], ctorParameters: function () { return []; }, propDecorators: { model: [{
3206
3217
  type: Input
3207
3218
  }], previewClicked: [{
@@ -3242,10 +3253,10 @@ class FeedbackCandidateWorkHistoryComponent {
3242
3253
  constructor() { }
3243
3254
  }
3244
3255
  FeedbackCandidateWorkHistoryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCandidateWorkHistoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3245
- FeedbackCandidateWorkHistoryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackCandidateWorkHistoryComponent, selector: "symphony-feedback-candidate-workhistory", inputs: { workHistories: "workHistories" }, ngImport: i0, template: "<section *ngIf=\"workHistories\">\n <ul class=\"list-unstyled sfx-mt-40 border-bottom sfx-mb-0\">\n <li *ngFor=\"let history of workHistories\" class=\"sfx-mb-40\">\n <symphony-h3\n class=\"sfx-d-block sfx-mb-10\"\n [text]=\"history.jobTitle\"\n ></symphony-h3>\n <symphony-paragraph\n class=\"sfx-font-bold sfx-d-block sfx-mb-5\"\n [text]=\"history.companyName\"\n ></symphony-paragraph>\n <symphony-paragraph class=\"sfx-d-block sfx-mb-5\"\n >{{ history.startDate }} - {{ history.endDate }}</symphony-paragraph\n >\n <symphony-paragraph\n class=\"sfx-d-block sfx-mb-5\"\n [text]=\"history.location\"\n ></symphony-paragraph>\n <symphony-paragraph [text]=\"history.description\"></symphony-paragraph>\n </li>\n </ul>\n</section>\n", styles: [".sfx .sfx-font-bold p{font-family:neuzeit_groteskbold,sans-serif}.border-bottom{border-bottom:1px solid #d9d9d9}\n"], components: [{ type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
3256
+ FeedbackCandidateWorkHistoryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackCandidateWorkHistoryComponent, selector: "symphony-feedback-candidate-workhistory", inputs: { workHistories: "workHistories" }, ngImport: i0, template: "<section *ngIf=\"workHistories\">\n <ul class=\"list-unstyled sfx-mt-40 border-bottom sfx-mb-0\">\n <li *ngFor=\"let history of workHistories\" class=\"sfx-mb-40\">\n <symphony-h3\n class=\"sfx-d-block sfx-mb-10\"\n [text]=\"history.jobTitle\"\n ></symphony-h3>\n <symphony-paragraph\n class=\"sfx-font-bold sfx-d-block sfx-mb-5\"\n [text]=\"history.companyName\"\n ></symphony-paragraph>\n <symphony-paragraph class=\"sfx-d-block sfx-mb-5\"\n >{{ history.startDate }} - {{ history.endDate }}</symphony-paragraph\n >\n <symphony-paragraph\n class=\"sfx-d-block sfx-mb-5\"\n [text]=\"history.location\"\n ></symphony-paragraph>\n <symphony-paragraph [text]=\"history.description\"></symphony-paragraph>\n </li>\n </ul>\n</section>\n", styles: [".sfx .sfx-font-bold p{font-family:neuzeit_groteskbold,sans-serif}.border-bottom{border-bottom:1px solid #d9d9d9}@media (max-width: 767px){.list-unstyled.sfx-mt-40{margin-top:35px}}\n"], components: [{ type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
3246
3257
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCandidateWorkHistoryComponent, decorators: [{
3247
3258
  type: Component,
3248
- args: [{ selector: 'symphony-feedback-candidate-workhistory', encapsulation: ViewEncapsulation.None, template: "<section *ngIf=\"workHistories\">\n <ul class=\"list-unstyled sfx-mt-40 border-bottom sfx-mb-0\">\n <li *ngFor=\"let history of workHistories\" class=\"sfx-mb-40\">\n <symphony-h3\n class=\"sfx-d-block sfx-mb-10\"\n [text]=\"history.jobTitle\"\n ></symphony-h3>\n <symphony-paragraph\n class=\"sfx-font-bold sfx-d-block sfx-mb-5\"\n [text]=\"history.companyName\"\n ></symphony-paragraph>\n <symphony-paragraph class=\"sfx-d-block sfx-mb-5\"\n >{{ history.startDate }} - {{ history.endDate }}</symphony-paragraph\n >\n <symphony-paragraph\n class=\"sfx-d-block sfx-mb-5\"\n [text]=\"history.location\"\n ></symphony-paragraph>\n <symphony-paragraph [text]=\"history.description\"></symphony-paragraph>\n </li>\n </ul>\n</section>\n", styles: [".sfx .sfx-font-bold p{font-family:neuzeit_groteskbold,sans-serif}.border-bottom{border-bottom:1px solid #d9d9d9}\n"] }]
3259
+ args: [{ selector: 'symphony-feedback-candidate-workhistory', encapsulation: ViewEncapsulation.None, template: "<section *ngIf=\"workHistories\">\n <ul class=\"list-unstyled sfx-mt-40 border-bottom sfx-mb-0\">\n <li *ngFor=\"let history of workHistories\" class=\"sfx-mb-40\">\n <symphony-h3\n class=\"sfx-d-block sfx-mb-10\"\n [text]=\"history.jobTitle\"\n ></symphony-h3>\n <symphony-paragraph\n class=\"sfx-font-bold sfx-d-block sfx-mb-5\"\n [text]=\"history.companyName\"\n ></symphony-paragraph>\n <symphony-paragraph class=\"sfx-d-block sfx-mb-5\"\n >{{ history.startDate }} - {{ history.endDate }}</symphony-paragraph\n >\n <symphony-paragraph\n class=\"sfx-d-block sfx-mb-5\"\n [text]=\"history.location\"\n ></symphony-paragraph>\n <symphony-paragraph [text]=\"history.description\"></symphony-paragraph>\n </li>\n </ul>\n</section>\n", styles: [".sfx .sfx-font-bold p{font-family:neuzeit_groteskbold,sans-serif}.border-bottom{border-bottom:1px solid #d9d9d9}@media (max-width: 767px){.list-unstyled.sfx-mt-40{margin-top:35px}}\n"] }]
3249
3260
  }], ctorParameters: function () { return []; }, propDecorators: { workHistories: [{
3250
3261
  type: Input
3251
3262
  }] } });
@@ -3254,10 +3265,10 @@ class FeedbackCandidateEducationComponent {
3254
3265
  constructor() { }
3255
3266
  }
3256
3267
  FeedbackCandidateEducationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCandidateEducationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3257
- FeedbackCandidateEducationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackCandidateEducationComponent, selector: "symphony-feedback-candidate-education", inputs: { educationHistories: "educationHistories" }, ngImport: i0, template: "<section *ngIf=\"educationHistories\">\n <ul class=\"list-unstyled sfx-mt-40 border-bottom sfx-mb-0\">\n <li *ngFor=\"let education of educationHistories\" class=\"sfx-mb-40\">\n <symphony-h3\n class=\"sfx-d-block sfx-mb-10\"\n [text]=\"education.collegeName\"\n ></symphony-h3>\n <symphony-paragraph\n class=\"sfx-font-bold sfx-d-block sfx-mb-5\"\n [text]=\"education.courseName\"\n ></symphony-paragraph>\n <symphony-paragraph class=\"sfx-d-block sfx-mb-5\"\n >{{ education.startYear }} - {{ education.endYear }}</symphony-paragraph\n >\n <symphony-paragraph\n class=\"sfx-d-block sfx-mb-5\"\n [text]=\"education.location\"\n ></symphony-paragraph>\n <symphony-paragraph [text]=\"education.status\"></symphony-paragraph>\n </li>\n </ul>\n</section>\n", styles: [".sfx .sfx-font-bold p{font-family:neuzeit_groteskbold,sans-serif}.border-bottom{border-bottom:1px solid #d9d9d9}\n"], components: [{ type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
3268
+ FeedbackCandidateEducationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackCandidateEducationComponent, selector: "symphony-feedback-candidate-education", inputs: { educationHistories: "educationHistories" }, ngImport: i0, template: "<section *ngIf=\"educationHistories\">\n <ul class=\"list-unstyled sfx-mt-40 border-bottom sfx-mb-0\">\n <li *ngFor=\"let education of educationHistories\" class=\"sfx-mb-40\">\n <symphony-h3\n class=\"sfx-d-block sfx-mb-10\"\n [text]=\"education.collegeName\"\n ></symphony-h3>\n <symphony-paragraph\n class=\"sfx-font-bold sfx-d-block sfx-mb-5\"\n [text]=\"education.courseName\"\n ></symphony-paragraph>\n <symphony-paragraph class=\"sfx-d-block sfx-mb-5\"\n >{{ education.startYear }} - {{ education.endYear }}</symphony-paragraph\n >\n <symphony-paragraph\n class=\"sfx-d-block sfx-mb-5\"\n [text]=\"education.location\"\n ></symphony-paragraph>\n <symphony-paragraph [text]=\"education.status\"></symphony-paragraph>\n </li>\n </ul>\n</section>\n", styles: [".sfx .sfx-font-bold p{font-family:neuzeit_groteskbold,sans-serif}.border-bottom{border-bottom:1px solid #d9d9d9}@media (max-width: 767px){.list-unstyled.sfx-mt-40{margin-top:35px}}\n"], components: [{ type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
3258
3269
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCandidateEducationComponent, decorators: [{
3259
3270
  type: Component,
3260
- args: [{ selector: 'symphony-feedback-candidate-education', template: "<section *ngIf=\"educationHistories\">\n <ul class=\"list-unstyled sfx-mt-40 border-bottom sfx-mb-0\">\n <li *ngFor=\"let education of educationHistories\" class=\"sfx-mb-40\">\n <symphony-h3\n class=\"sfx-d-block sfx-mb-10\"\n [text]=\"education.collegeName\"\n ></symphony-h3>\n <symphony-paragraph\n class=\"sfx-font-bold sfx-d-block sfx-mb-5\"\n [text]=\"education.courseName\"\n ></symphony-paragraph>\n <symphony-paragraph class=\"sfx-d-block sfx-mb-5\"\n >{{ education.startYear }} - {{ education.endYear }}</symphony-paragraph\n >\n <symphony-paragraph\n class=\"sfx-d-block sfx-mb-5\"\n [text]=\"education.location\"\n ></symphony-paragraph>\n <symphony-paragraph [text]=\"education.status\"></symphony-paragraph>\n </li>\n </ul>\n</section>\n", styles: [".sfx .sfx-font-bold p{font-family:neuzeit_groteskbold,sans-serif}.border-bottom{border-bottom:1px solid #d9d9d9}\n"] }]
3271
+ args: [{ selector: 'symphony-feedback-candidate-education', template: "<section *ngIf=\"educationHistories\">\n <ul class=\"list-unstyled sfx-mt-40 border-bottom sfx-mb-0\">\n <li *ngFor=\"let education of educationHistories\" class=\"sfx-mb-40\">\n <symphony-h3\n class=\"sfx-d-block sfx-mb-10\"\n [text]=\"education.collegeName\"\n ></symphony-h3>\n <symphony-paragraph\n class=\"sfx-font-bold sfx-d-block sfx-mb-5\"\n [text]=\"education.courseName\"\n ></symphony-paragraph>\n <symphony-paragraph class=\"sfx-d-block sfx-mb-5\"\n >{{ education.startYear }} - {{ education.endYear }}</symphony-paragraph\n >\n <symphony-paragraph\n class=\"sfx-d-block sfx-mb-5\"\n [text]=\"education.location\"\n ></symphony-paragraph>\n <symphony-paragraph [text]=\"education.status\"></symphony-paragraph>\n </li>\n </ul>\n</section>\n", styles: [".sfx .sfx-font-bold p{font-family:neuzeit_groteskbold,sans-serif}.border-bottom{border-bottom:1px solid #d9d9d9}@media (max-width: 767px){.list-unstyled.sfx-mt-40{margin-top:35px}}\n"] }]
3261
3272
  }], ctorParameters: function () { return []; }, propDecorators: { educationHistories: [{
3262
3273
  type: Input
3263
3274
  }] } });
@@ -3266,10 +3277,10 @@ class FeedbackCandidateCertificationsComponent {
3266
3277
  constructor() { }
3267
3278
  }
3268
3279
  FeedbackCandidateCertificationsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCandidateCertificationsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3269
- FeedbackCandidateCertificationsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackCandidateCertificationsComponent, selector: "symphony-feedback-candidate-certifications", inputs: { certificationHistories: "certificationHistories" }, ngImport: i0, template: "<section *ngIf=\"certificationHistories\">\n <ul class=\"list-unstyled sfx-mt-40 sfx-mb-0 border-bottom\">\n <li *ngFor=\"let certifications of certificationHistories\" class=\"sfx-mb-40\">\n <symphony-h3\n class=\"sfx-d-block sfx-mb-10\"\n [text]=\"certifications.name\"\n ></symphony-h3>\n <symphony-paragraph class=\"sfx-d-block sfx-mb-5\"\n >{{ certifications.startYear }} -\n {{ certifications.endYear }}</symphony-paragraph\n >\n <symphony-paragraph\n class=\"sfx-d-block sfx-mb-5\"\n [text]=\"certifications.location\"\n ></symphony-paragraph>\n <symphony-paragraph\n [text]=\"certifications.description\"\n ></symphony-paragraph>\n </li>\n </ul>\n</section>\n", styles: [".sfx .sfx-font-bold p{font-family:neuzeit_groteskbold,sans-serif}.border-bottom{border-bottom:1px solid #d9d9d9}\n"], components: [{ type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
3280
+ FeedbackCandidateCertificationsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackCandidateCertificationsComponent, selector: "symphony-feedback-candidate-certifications", inputs: { certificationHistories: "certificationHistories" }, ngImport: i0, template: "<section *ngIf=\"certificationHistories\">\n <ul class=\"list-unstyled sfx-mt-40 sfx-mb-0 border-bottom\">\n <li *ngFor=\"let certifications of certificationHistories\" class=\"sfx-mb-40\">\n <symphony-h3\n class=\"sfx-d-block sfx-mb-10\"\n [text]=\"certifications.name\"\n ></symphony-h3>\n <symphony-paragraph class=\"sfx-d-block sfx-mb-5\"\n >{{ certifications.startYear }} -\n {{ certifications.endYear }}</symphony-paragraph\n >\n <symphony-paragraph\n class=\"sfx-d-block sfx-mb-5\"\n [text]=\"certifications.location\"\n ></symphony-paragraph>\n <symphony-paragraph\n [text]=\"certifications.description\"\n ></symphony-paragraph>\n </li>\n </ul>\n</section>\n", styles: [".sfx .sfx-font-bold p{font-family:neuzeit_groteskbold,sans-serif}.border-bottom{border-bottom:1px solid #d9d9d9}@media (max-width: 767px){.list-unstyled.sfx-mt-40{margin-top:35px}}\n"], components: [{ type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
3270
3281
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCandidateCertificationsComponent, decorators: [{
3271
3282
  type: Component,
3272
- args: [{ selector: 'symphony-feedback-candidate-certifications', template: "<section *ngIf=\"certificationHistories\">\n <ul class=\"list-unstyled sfx-mt-40 sfx-mb-0 border-bottom\">\n <li *ngFor=\"let certifications of certificationHistories\" class=\"sfx-mb-40\">\n <symphony-h3\n class=\"sfx-d-block sfx-mb-10\"\n [text]=\"certifications.name\"\n ></symphony-h3>\n <symphony-paragraph class=\"sfx-d-block sfx-mb-5\"\n >{{ certifications.startYear }} -\n {{ certifications.endYear }}</symphony-paragraph\n >\n <symphony-paragraph\n class=\"sfx-d-block sfx-mb-5\"\n [text]=\"certifications.location\"\n ></symphony-paragraph>\n <symphony-paragraph\n [text]=\"certifications.description\"\n ></symphony-paragraph>\n </li>\n </ul>\n</section>\n", styles: [".sfx .sfx-font-bold p{font-family:neuzeit_groteskbold,sans-serif}.border-bottom{border-bottom:1px solid #d9d9d9}\n"] }]
3283
+ args: [{ selector: 'symphony-feedback-candidate-certifications', template: "<section *ngIf=\"certificationHistories\">\n <ul class=\"list-unstyled sfx-mt-40 sfx-mb-0 border-bottom\">\n <li *ngFor=\"let certifications of certificationHistories\" class=\"sfx-mb-40\">\n <symphony-h3\n class=\"sfx-d-block sfx-mb-10\"\n [text]=\"certifications.name\"\n ></symphony-h3>\n <symphony-paragraph class=\"sfx-d-block sfx-mb-5\"\n >{{ certifications.startYear }} -\n {{ certifications.endYear }}</symphony-paragraph\n >\n <symphony-paragraph\n class=\"sfx-d-block sfx-mb-5\"\n [text]=\"certifications.location\"\n ></symphony-paragraph>\n <symphony-paragraph\n [text]=\"certifications.description\"\n ></symphony-paragraph>\n </li>\n </ul>\n</section>\n", styles: [".sfx .sfx-font-bold p{font-family:neuzeit_groteskbold,sans-serif}.border-bottom{border-bottom:1px solid #d9d9d9}@media (max-width: 767px){.list-unstyled.sfx-mt-40{margin-top:35px}}\n"] }]
3273
3284
  }], ctorParameters: function () { return []; }, propDecorators: { certificationHistories: [{
3274
3285
  type: Input
3275
3286
  }] } });