@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
@@ -1699,14 +1699,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
1699
1699
 
1700
1700
  class FileUploadComponent {
1701
1701
  constructor() {
1702
- this.closeUploadComplete = new EventEmitter();
1702
+ this.closeClick = new EventEmitter();
1703
1703
  this.getFileDetails = new EventEmitter();
1704
1704
  }
1705
1705
  ngOnInit() {
1706
1706
  this.filetypeAccepted = this.fileUploadModel.fileFormatAccepted.join(', ');
1707
1707
  }
1708
- oncloseUploadComplete() {
1709
- this.closeUploadComplete.emit();
1708
+ onCloseClick() {
1709
+ this.closeClick.emit();
1710
1710
  }
1711
1711
  onFileSelect(event) {
1712
1712
  this.file = event.target.files[0];
@@ -1714,13 +1714,13 @@ class FileUploadComponent {
1714
1714
  }
1715
1715
  }
1716
1716
  FileUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1717
- 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"] }] });
1717
+ 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"] }] });
1718
1718
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FileUploadComponent, decorators: [{
1719
1719
  type: Component,
1720
- 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"] }]
1720
+ 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"] }]
1721
1721
  }], ctorParameters: function () { return []; }, propDecorators: { fileUploadModel: [{
1722
1722
  type: Input
1723
- }], closeUploadComplete: [{
1723
+ }], closeClick: [{
1724
1724
  type: Output
1725
1725
  }], getFileDetails: [{
1726
1726
  type: Output
@@ -2169,6 +2169,7 @@ class UploadResumeModalComponent {
2169
2169
  this.closeButtonClicked = new EventEmitter();
2170
2170
  this.docTypeDropdowChange = new EventEmitter();
2171
2171
  this.updateResumeChecked = new EventEmitter();
2172
+ this.fileCloseClick = new EventEmitter();
2172
2173
  this.isResumeSelected = false;
2173
2174
  }
2174
2175
  ngOnInit() {
@@ -2200,7 +2201,12 @@ class UploadResumeModalComponent {
2200
2201
  },
2201
2202
  fileUploadModel: this.uploadResumeModel,
2202
2203
  };
2203
- this.uploadResumeModel.fileUploadModel.fileFormatAccepted = ['.rtf', '.docx', '.txt', '.pdf'];
2204
+ this.uploadResumeModel.fileUploadModel.fileFormatAccepted = [
2205
+ '.rtf',
2206
+ '.docx',
2207
+ '.txt',
2208
+ '.pdf',
2209
+ ];
2204
2210
  if (this.uploadResumeModel?.isResume) {
2205
2211
  this.model.documentTypeDropdown.selectedName = 'Resume';
2206
2212
  }
@@ -2208,9 +2214,12 @@ class UploadResumeModalComponent {
2208
2214
  onButtonClick(text) {
2209
2215
  this.buttonClicked.emit(text);
2210
2216
  }
2211
- onCloseButtonClick() {
2217
+ onCloseClick() {
2212
2218
  this.closeButtonClicked.emit();
2213
2219
  }
2220
+ onFileCloseClick() {
2221
+ this.fileCloseClick.emit();
2222
+ }
2214
2223
  onDocTypeSelect(selectedModel) {
2215
2224
  if (selectedModel.value == 'Resume') {
2216
2225
  this.uploadResumeModel.isResume = true;
@@ -2225,10 +2234,10 @@ class UploadResumeModalComponent {
2225
2234
  }
2226
2235
  }
2227
2236
  UploadResumeModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: UploadResumeModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2228
- 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"] }] });
2237
+ 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"] }] });
2229
2238
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: UploadResumeModalComponent, decorators: [{
2230
2239
  type: Component,
2231
- 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"] }]
2240
+ 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"] }]
2232
2241
  }], ctorParameters: function () { return []; }, propDecorators: { uploadResumeModel: [{
2233
2242
  type: Input
2234
2243
  }], isLoading: [{
@@ -2243,6 +2252,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
2243
2252
  type: Output
2244
2253
  }], updateResumeChecked: [{
2245
2254
  type: Output
2255
+ }], fileCloseClick: [{
2256
+ type: Output
2246
2257
  }] } });
2247
2258
 
2248
2259
  class UploadResumeModalModule {
@@ -3195,10 +3206,10 @@ class FeedbackDetailHeaderComponent {
3195
3206
  }
3196
3207
  }
3197
3208
  FeedbackDetailHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3198
- 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 });
3209
+ 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 });
3199
3210
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailHeaderComponent, decorators: [{
3200
3211
  type: Component,
3201
- 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"] }]
3212
+ 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"] }]
3202
3213
  }], ctorParameters: function () { return []; }, propDecorators: { model: [{
3203
3214
  type: Input
3204
3215
  }], previewClicked: [{
@@ -3239,10 +3250,10 @@ class FeedbackCandidateWorkHistoryComponent {
3239
3250
  constructor() { }
3240
3251
  }
3241
3252
  FeedbackCandidateWorkHistoryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCandidateWorkHistoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3242
- 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 });
3253
+ 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 });
3243
3254
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCandidateWorkHistoryComponent, decorators: [{
3244
3255
  type: Component,
3245
- 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"] }]
3256
+ 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"] }]
3246
3257
  }], ctorParameters: function () { return []; }, propDecorators: { workHistories: [{
3247
3258
  type: Input
3248
3259
  }] } });
@@ -3251,10 +3262,10 @@ class FeedbackCandidateEducationComponent {
3251
3262
  constructor() { }
3252
3263
  }
3253
3264
  FeedbackCandidateEducationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCandidateEducationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3254
- 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"] }] });
3265
+ 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"] }] });
3255
3266
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCandidateEducationComponent, decorators: [{
3256
3267
  type: Component,
3257
- 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"] }]
3268
+ 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"] }]
3258
3269
  }], ctorParameters: function () { return []; }, propDecorators: { educationHistories: [{
3259
3270
  type: Input
3260
3271
  }] } });
@@ -3263,10 +3274,10 @@ class FeedbackCandidateCertificationsComponent {
3263
3274
  constructor() { }
3264
3275
  }
3265
3276
  FeedbackCandidateCertificationsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCandidateCertificationsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
3266
- 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"] }] });
3277
+ 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"] }] });
3267
3278
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCandidateCertificationsComponent, decorators: [{
3268
3279
  type: Component,
3269
- 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"] }]
3280
+ 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"] }]
3270
3281
  }], ctorParameters: function () { return []; }, propDecorators: { certificationHistories: [{
3271
3282
  type: Input
3272
3283
  }] } });