@symphony-talent/component-library 3.100.0 → 4.0.0

package/esm2020/lib/organisms/feedback-detail-candidate-info/feedback-detail-candidate-info.component.mjs

@@ -11,10 +11,10 @@ export class FeedbackDetailCandidateInfoComponent {
     constructor() { }
 }
 FeedbackDetailCandidateInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailCandidateInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FeedbackDetailCandidateInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailCandidateInfoComponent, selector: "symphony-feedback-detail-candidate-info", inputs: { model: "model" }, ngImport: i0, template: "<accordion>\n  <accordion-group *ngIf=\"model.workHistory.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Work History\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.workHistory.data?.length\">\n      <symphony-feedback-candidate-workhistory\n        [workHistories]=\"model.workHistory.data\"\n      ></symphony-feedback-candidate-workhistory>\n    </ng-container>\n    <ng-container *ngIf=\"!model.workHistory.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.workHistory.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.education.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Education\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.education.data?.length\">\n      <symphony-feedback-candidate-education\n        [educationHistories]=\"model.education.data\"\n      ></symphony-feedback-candidate-education>\n    </ng-container>\n    <ng-container *ngIf=\"!model.education.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.education.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.certifications.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Certifications\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.certifications.data?.length\">\n      <symphony-feedback-candidate-certifications\n        [certificationHistories]=\"model.certifications.data\"\n      ></symphony-feedback-candidate-certifications>\n    </ng-container>\n    <ng-container *ngIf=\"!model.certifications.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.certifications.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n</accordion>\n\n<ng-template #noData let-displayErrorMessage\n  ><symphony-paragraph\n    *ngIf=\"!displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"No data to display.\"\n  ></symphony-paragraph>\n  <symphony-paragraph\n    *ngIf=\"displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"Data could not be retrieved, please refresh to try again.\"\n  ></symphony-paragraph\n></ng-template>\n", styles: [".panel-group .panel{border:none;box-shadow:none;margin-bottom:40px}.panel{box-shadow:none;border:none;padding:0}.panel.card{background:none}.panel .card-header{padding:0;background:none}.panel button{padding:0;color:#000;border:none;background:none}.panel button:focus{outline:none}.panel .panel-body{padding:0;border:none}.panel-default>.panel-heading+.panel-collapse>.panel-body{border:none}.panel-group .panel+.panel{margin-top:0}.panel-group .panel.panel-open .panel{margin-bottom:0}.accordion-toggle symphony-icon{transform:rotate(180deg);display:block;transition:all .3s ease-in-out}.panel-open .accordion-toggle symphony-icon{transform:none}\n"], components: [{ type: i1.AccordionComponent, selector: "accordion", inputs: ["isAnimated", "closeOthers"] }, { type: i1.AccordionPanelComponent, selector: "accordion-group, accordion-panel", inputs: ["isOpen", "panelClass", "heading", "isDisabled"], outputs: ["isOpenChange"] }, { type: i2.SfxAccordionHeaderComponent, selector: "symphony-sfx-accordion-header", inputs: ["heading"] }, { type: i3.FeedbackCandidateWorkHistoryComponent, selector: "symphony-feedback-candidate-workhistory", inputs: ["workHistories"] }, { type: i4.FeedbackCandidateEducationComponent, selector: "symphony-feedback-candidate-education", inputs: ["educationHistories"] }, { type: i5.FeedbackCandidateCertificationsComponent, selector: "symphony-feedback-candidate-certifications", inputs: ["certificationHistories"] }, { type: i6.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], encapsulation: i0.ViewEncapsulation.None });
+FeedbackDetailCandidateInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailCandidateInfoComponent, selector: "symphony-feedback-detail-candidate-info", inputs: { model: "model" }, ngImport: i0, template: "<accordion>\n  <accordion-group *ngIf=\"model.workHistory.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Work History\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.workHistory.data?.length\">\n      <symphony-feedback-candidate-workhistory\n        [workHistories]=\"model.workHistory.data\"\n      ></symphony-feedback-candidate-workhistory>\n    </ng-container>\n    <ng-container *ngIf=\"!model.workHistory.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.workHistory.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.education.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Education\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.education.data?.length\">\n      <symphony-feedback-candidate-education\n        [educationHistories]=\"model.education.data\"\n      ></symphony-feedback-candidate-education>\n    </ng-container>\n    <ng-container *ngIf=\"!model.education.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.education.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.certifications.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Certifications\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.certifications.data?.length\">\n      <symphony-feedback-candidate-certifications\n        [certificationHistories]=\"model.certifications.data\"\n      ></symphony-feedback-candidate-certifications>\n    </ng-container>\n    <ng-container *ngIf=\"!model.certifications.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.certifications.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n</accordion>\n\n<ng-template #noData let-displayErrorMessage\n  ><symphony-paragraph\n    *ngIf=\"!displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"No data to display.\"\n  ></symphony-paragraph>\n  <symphony-paragraph\n    *ngIf=\"displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"Data could not be retrieved, please refresh to try again.\"\n  ></symphony-paragraph\n></ng-template>\n", styles: [".panel-group .panel{border:none;box-shadow:none;margin-bottom:40px}.panel{box-shadow:none;border:none;padding:0}.panel.card{background:none}.panel .card-header{padding:0;background:none}.panel button{padding:0;color:#000;border:none;background:none}.panel button:focus{outline:none}.panel .panel-body{padding:0;border:none}.panel-default>.panel-heading+.panel-collapse>.panel-body{border:none}.panel-group .panel+.panel{margin-top:0}.panel-group .panel.panel-open .panel{margin-bottom:0}.accordion-toggle symphony-icon{transform:rotate(180deg);display:block;transition:all .3s ease-in-out}.accordion-toggle:after{float:none}.panel-open .accordion-toggle symphony-icon{transform:none}\n"], components: [{ type: i1.AccordionComponent, selector: "accordion", inputs: ["isAnimated", "closeOthers"] }, { type: i1.AccordionPanelComponent, selector: "accordion-group, accordion-panel", inputs: ["isOpen", "panelClass", "heading", "isDisabled"], outputs: ["isOpenChange"] }, { type: i2.SfxAccordionHeaderComponent, selector: "symphony-sfx-accordion-header", inputs: ["heading"] }, { type: i3.FeedbackCandidateWorkHistoryComponent, selector: "symphony-feedback-candidate-workhistory", inputs: ["workHistories"] }, { type: i4.FeedbackCandidateEducationComponent, selector: "symphony-feedback-candidate-education", inputs: ["educationHistories"] }, { type: i5.FeedbackCandidateCertificationsComponent, selector: "symphony-feedback-candidate-certifications", inputs: ["certificationHistories"] }, { type: i6.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailCandidateInfoComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-feedback-detail-candidate-info', encapsulation: ViewEncapsulation.None, template: "<accordion>\n  <accordion-group *ngIf=\"model.workHistory.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Work History\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.workHistory.data?.length\">\n      <symphony-feedback-candidate-workhistory\n        [workHistories]=\"model.workHistory.data\"\n      ></symphony-feedback-candidate-workhistory>\n    </ng-container>\n    <ng-container *ngIf=\"!model.workHistory.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.workHistory.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.education.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Education\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.education.data?.length\">\n      <symphony-feedback-candidate-education\n        [educationHistories]=\"model.education.data\"\n      ></symphony-feedback-candidate-education>\n    </ng-container>\n    <ng-container *ngIf=\"!model.education.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.education.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.certifications.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Certifications\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.certifications.data?.length\">\n      <symphony-feedback-candidate-certifications\n        [certificationHistories]=\"model.certifications.data\"\n      ></symphony-feedback-candidate-certifications>\n    </ng-container>\n    <ng-container *ngIf=\"!model.certifications.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.certifications.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n</accordion>\n\n<ng-template #noData let-displayErrorMessage\n  ><symphony-paragraph\n    *ngIf=\"!displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"No data to display.\"\n  ></symphony-paragraph>\n  <symphony-paragraph\n    *ngIf=\"displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"Data could not be retrieved, please refresh to try again.\"\n  ></symphony-paragraph\n></ng-template>\n", styles: [".panel-group .panel{border:none;box-shadow:none;margin-bottom:40px}.panel{box-shadow:none;border:none;padding:0}.panel.card{background:none}.panel .card-header{padding:0;background:none}.panel button{padding:0;color:#000;border:none;background:none}.panel button:focus{outline:none}.panel .panel-body{padding:0;border:none}.panel-default>.panel-heading+.panel-collapse>.panel-body{border:none}.panel-group .panel+.panel{margin-top:0}.panel-group .panel.panel-open .panel{margin-bottom:0}.accordion-toggle symphony-icon{transform:rotate(180deg);display:block;transition:all .3s ease-in-out}.panel-open .accordion-toggle symphony-icon{transform:none}\n"] }]
+            args: [{ selector: 'symphony-feedback-detail-candidate-info', encapsulation: ViewEncapsulation.None, template: "<accordion>\n  <accordion-group *ngIf=\"model.workHistory.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Work History\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.workHistory.data?.length\">\n      <symphony-feedback-candidate-workhistory\n        [workHistories]=\"model.workHistory.data\"\n      ></symphony-feedback-candidate-workhistory>\n    </ng-container>\n    <ng-container *ngIf=\"!model.workHistory.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.workHistory.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.education.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Education\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.education.data?.length\">\n      <symphony-feedback-candidate-education\n        [educationHistories]=\"model.education.data\"\n      ></symphony-feedback-candidate-education>\n    </ng-container>\n    <ng-container *ngIf=\"!model.education.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.education.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.certifications.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Certifications\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.certifications.data?.length\">\n      <symphony-feedback-candidate-certifications\n        [certificationHistories]=\"model.certifications.data\"\n      ></symphony-feedback-candidate-certifications>\n    </ng-container>\n    <ng-container *ngIf=\"!model.certifications.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.certifications.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n</accordion>\n\n<ng-template #noData let-displayErrorMessage\n  ><symphony-paragraph\n    *ngIf=\"!displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"No data to display.\"\n  ></symphony-paragraph>\n  <symphony-paragraph\n    *ngIf=\"displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"Data could not be retrieved, please refresh to try again.\"\n  ></symphony-paragraph\n></ng-template>\n", styles: [".panel-group .panel{border:none;box-shadow:none;margin-bottom:40px}.panel{box-shadow:none;border:none;padding:0}.panel.card{background:none}.panel .card-header{padding:0;background:none}.panel button{padding:0;color:#000;border:none;background:none}.panel button:focus{outline:none}.panel .panel-body{padding:0;border:none}.panel-default>.panel-heading+.panel-collapse>.panel-body{border:none}.panel-group .panel+.panel{margin-top:0}.panel-group .panel.panel-open .panel{margin-bottom:0}.accordion-toggle symphony-icon{transform:rotate(180deg);display:block;transition:all .3s ease-in-out}.accordion-toggle:after{float:none}.panel-open .accordion-toggle symphony-icon{transform:none}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { model: [{
                 type: Input
             }] } });

package/esm2020/projects/component-library/lib/organisms/feedback-detail-candidate-info/feedback-detail-candidate-info.component.mjs

@@ -11,10 +11,10 @@ export class FeedbackDetailCandidateInfoComponent {
     constructor() { }
 }
 FeedbackDetailCandidateInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailCandidateInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FeedbackDetailCandidateInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailCandidateInfoComponent, selector: "symphony-feedback-detail-candidate-info", inputs: { model: "model" }, ngImport: i0, template: "<accordion>\n  <accordion-group *ngIf=\"model.workHistory.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Work History\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.workHistory.data?.length\">\n      <symphony-feedback-candidate-workhistory\n        [workHistories]=\"model.workHistory.data\"\n      ></symphony-feedback-candidate-workhistory>\n    </ng-container>\n    <ng-container *ngIf=\"!model.workHistory.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.workHistory.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.education.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Education\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.education.data?.length\">\n      <symphony-feedback-candidate-education\n        [educationHistories]=\"model.education.data\"\n      ></symphony-feedback-candidate-education>\n    </ng-container>\n    <ng-container *ngIf=\"!model.education.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.education.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.certifications.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Certifications\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.certifications.data?.length\">\n      <symphony-feedback-candidate-certifications\n        [certificationHistories]=\"model.certifications.data\"\n      ></symphony-feedback-candidate-certifications>\n    </ng-container>\n    <ng-container *ngIf=\"!model.certifications.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.certifications.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n</accordion>\n\n<ng-template #noData let-displayErrorMessage\n  ><symphony-paragraph\n    *ngIf=\"!displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"No data to display.\"\n  ></symphony-paragraph>\n  <symphony-paragraph\n    *ngIf=\"displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"Data could not be retrieved, please refresh to try again.\"\n  ></symphony-paragraph\n></ng-template>\n", styles: [".panel-group .panel{border:none;box-shadow:none;margin-bottom:40px}.panel{box-shadow:none;border:none;padding:0}.panel.card{background:none}.panel .card-header{padding:0;background:none}.panel button{padding:0;color:#000;border:none;background:none}.panel button:focus{outline:none}.panel .panel-body{padding:0;border:none}.panel-default>.panel-heading+.panel-collapse>.panel-body{border:none}.panel-group .panel+.panel{margin-top:0}.panel-group .panel.panel-open .panel{margin-bottom:0}.accordion-toggle symphony-icon{transform:rotate(180deg);display:block;transition:all .3s ease-in-out}.panel-open .accordion-toggle symphony-icon{transform:none}\n"], components: [{ type: i1.AccordionComponent, selector: "accordion", inputs: ["isAnimated", "closeOthers"] }, { type: i1.AccordionPanelComponent, selector: "accordion-group, accordion-panel", inputs: ["isOpen", "panelClass", "heading", "isDisabled"], outputs: ["isOpenChange"] }, { type: i2.SfxAccordionHeaderComponent, selector: "symphony-sfx-accordion-header", inputs: ["heading"] }, { type: i3.FeedbackCandidateWorkHistoryComponent, selector: "symphony-feedback-candidate-workhistory", inputs: ["workHistories"] }, { type: i4.FeedbackCandidateEducationComponent, selector: "symphony-feedback-candidate-education", inputs: ["educationHistories"] }, { type: i5.FeedbackCandidateCertificationsComponent, selector: "symphony-feedback-candidate-certifications", inputs: ["certificationHistories"] }, { type: i6.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], encapsulation: i0.ViewEncapsulation.None });
+FeedbackDetailCandidateInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailCandidateInfoComponent, selector: "symphony-feedback-detail-candidate-info", inputs: { model: "model" }, ngImport: i0, template: "<accordion>\n  <accordion-group *ngIf=\"model.workHistory.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Work History\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.workHistory.data?.length\">\n      <symphony-feedback-candidate-workhistory\n        [workHistories]=\"model.workHistory.data\"\n      ></symphony-feedback-candidate-workhistory>\n    </ng-container>\n    <ng-container *ngIf=\"!model.workHistory.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.workHistory.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.education.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Education\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.education.data?.length\">\n      <symphony-feedback-candidate-education\n        [educationHistories]=\"model.education.data\"\n      ></symphony-feedback-candidate-education>\n    </ng-container>\n    <ng-container *ngIf=\"!model.education.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.education.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.certifications.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Certifications\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.certifications.data?.length\">\n      <symphony-feedback-candidate-certifications\n        [certificationHistories]=\"model.certifications.data\"\n      ></symphony-feedback-candidate-certifications>\n    </ng-container>\n    <ng-container *ngIf=\"!model.certifications.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.certifications.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n</accordion>\n\n<ng-template #noData let-displayErrorMessage\n  ><symphony-paragraph\n    *ngIf=\"!displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"No data to display.\"\n  ></symphony-paragraph>\n  <symphony-paragraph\n    *ngIf=\"displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"Data could not be retrieved, please refresh to try again.\"\n  ></symphony-paragraph\n></ng-template>\n", styles: [".panel-group .panel{border:none;box-shadow:none;margin-bottom:40px}.panel{box-shadow:none;border:none;padding:0}.panel.card{background:none}.panel .card-header{padding:0;background:none}.panel button{padding:0;color:#000;border:none;background:none}.panel button:focus{outline:none}.panel .panel-body{padding:0;border:none}.panel-default>.panel-heading+.panel-collapse>.panel-body{border:none}.panel-group .panel+.panel{margin-top:0}.panel-group .panel.panel-open .panel{margin-bottom:0}.accordion-toggle symphony-icon{transform:rotate(180deg);display:block;transition:all .3s ease-in-out}.accordion-toggle:after{float:none}.panel-open .accordion-toggle symphony-icon{transform:none}\n"], components: [{ type: i1.AccordionComponent, selector: "accordion", inputs: ["isAnimated", "closeOthers"] }, { type: i1.AccordionPanelComponent, selector: "accordion-group, accordion-panel", inputs: ["isOpen", "panelClass", "heading", "isDisabled"], outputs: ["isOpenChange"] }, { type: i2.SfxAccordionHeaderComponent, selector: "symphony-sfx-accordion-header", inputs: ["heading"] }, { type: i3.FeedbackCandidateWorkHistoryComponent, selector: "symphony-feedback-candidate-workhistory", inputs: ["workHistories"] }, { type: i4.FeedbackCandidateEducationComponent, selector: "symphony-feedback-candidate-education", inputs: ["educationHistories"] }, { type: i5.FeedbackCandidateCertificationsComponent, selector: "symphony-feedback-candidate-certifications", inputs: ["certificationHistories"] }, { type: i6.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailCandidateInfoComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-feedback-detail-candidate-info', encapsulation: ViewEncapsulation.None, template: "<accordion>\n  <accordion-group *ngIf=\"model.workHistory.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Work History\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.workHistory.data?.length\">\n      <symphony-feedback-candidate-workhistory\n        [workHistories]=\"model.workHistory.data\"\n      ></symphony-feedback-candidate-workhistory>\n    </ng-container>\n    <ng-container *ngIf=\"!model.workHistory.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.workHistory.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.education.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Education\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.education.data?.length\">\n      <symphony-feedback-candidate-education\n        [educationHistories]=\"model.education.data\"\n      ></symphony-feedback-candidate-education>\n    </ng-container>\n    <ng-container *ngIf=\"!model.education.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.education.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.certifications.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Certifications\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.certifications.data?.length\">\n      <symphony-feedback-candidate-certifications\n        [certificationHistories]=\"model.certifications.data\"\n      ></symphony-feedback-candidate-certifications>\n    </ng-container>\n    <ng-container *ngIf=\"!model.certifications.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.certifications.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n</accordion>\n\n<ng-template #noData let-displayErrorMessage\n  ><symphony-paragraph\n    *ngIf=\"!displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"No data to display.\"\n  ></symphony-paragraph>\n  <symphony-paragraph\n    *ngIf=\"displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"Data could not be retrieved, please refresh to try again.\"\n  ></symphony-paragraph\n></ng-template>\n", styles: [".panel-group .panel{border:none;box-shadow:none;margin-bottom:40px}.panel{box-shadow:none;border:none;padding:0}.panel.card{background:none}.panel .card-header{padding:0;background:none}.panel button{padding:0;color:#000;border:none;background:none}.panel button:focus{outline:none}.panel .panel-body{padding:0;border:none}.panel-default>.panel-heading+.panel-collapse>.panel-body{border:none}.panel-group .panel+.panel{margin-top:0}.panel-group .panel.panel-open .panel{margin-bottom:0}.accordion-toggle symphony-icon{transform:rotate(180deg);display:block;transition:all .3s ease-in-out}.panel-open .accordion-toggle symphony-icon{transform:none}\n"] }]
+            args: [{ selector: 'symphony-feedback-detail-candidate-info', encapsulation: ViewEncapsulation.None, template: "<accordion>\n  <accordion-group *ngIf=\"model.workHistory.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Work History\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.workHistory.data?.length\">\n      <symphony-feedback-candidate-workhistory\n        [workHistories]=\"model.workHistory.data\"\n      ></symphony-feedback-candidate-workhistory>\n    </ng-container>\n    <ng-container *ngIf=\"!model.workHistory.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.workHistory.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.education.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Education\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.education.data?.length\">\n      <symphony-feedback-candidate-education\n        [educationHistories]=\"model.education.data\"\n      ></symphony-feedback-candidate-education>\n    </ng-container>\n    <ng-container *ngIf=\"!model.education.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.education.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.certifications.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Certifications\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.certifications.data?.length\">\n      <symphony-feedback-candidate-certifications\n        [certificationHistories]=\"model.certifications.data\"\n      ></symphony-feedback-candidate-certifications>\n    </ng-container>\n    <ng-container *ngIf=\"!model.certifications.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.certifications.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n</accordion>\n\n<ng-template #noData let-displayErrorMessage\n  ><symphony-paragraph\n    *ngIf=\"!displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"No data to display.\"\n  ></symphony-paragraph>\n  <symphony-paragraph\n    *ngIf=\"displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"Data could not be retrieved, please refresh to try again.\"\n  ></symphony-paragraph\n></ng-template>\n", styles: [".panel-group .panel{border:none;box-shadow:none;margin-bottom:40px}.panel{box-shadow:none;border:none;padding:0}.panel.card{background:none}.panel .card-header{padding:0;background:none}.panel button{padding:0;color:#000;border:none;background:none}.panel button:focus{outline:none}.panel .panel-body{padding:0;border:none}.panel-default>.panel-heading+.panel-collapse>.panel-body{border:none}.panel-group .panel+.panel{margin-top:0}.panel-group .panel.panel-open .panel{margin-bottom:0}.accordion-toggle symphony-icon{transform:rotate(180deg);display:block;transition:all .3s ease-in-out}.accordion-toggle:after{float:none}.panel-open .accordion-toggle symphony-icon{transform:none}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { model: [{
                 type: Input
             }] } });

package/fesm2015/symphony-talent-component-library-projects-component-library.mjs

@@ -5017,10 +5017,10 @@ class FeedbackDetailCandidateInfoComponent {
     constructor() { }
 }
 FeedbackDetailCandidateInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailCandidateInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FeedbackDetailCandidateInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailCandidateInfoComponent, selector: "symphony-feedback-detail-candidate-info", inputs: { model: "model" }, ngImport: i0, template: "<accordion>\n  <accordion-group *ngIf=\"model.workHistory.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Work History\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.workHistory.data?.length\">\n      <symphony-feedback-candidate-workhistory\n        [workHistories]=\"model.workHistory.data\"\n      ></symphony-feedback-candidate-workhistory>\n    </ng-container>\n    <ng-container *ngIf=\"!model.workHistory.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.workHistory.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.education.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Education\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.education.data?.length\">\n      <symphony-feedback-candidate-education\n        [educationHistories]=\"model.education.data\"\n      ></symphony-feedback-candidate-education>\n    </ng-container>\n    <ng-container *ngIf=\"!model.education.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.education.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.certifications.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Certifications\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.certifications.data?.length\">\n      <symphony-feedback-candidate-certifications\n        [certificationHistories]=\"model.certifications.data\"\n      ></symphony-feedback-candidate-certifications>\n    </ng-container>\n    <ng-container *ngIf=\"!model.certifications.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.certifications.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n</accordion>\n\n<ng-template #noData let-displayErrorMessage\n  ><symphony-paragraph\n    *ngIf=\"!displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"No data to display.\"\n  ></symphony-paragraph>\n  <symphony-paragraph\n    *ngIf=\"displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"Data could not be retrieved, please refresh to try again.\"\n  ></symphony-paragraph\n></ng-template>\n", styles: [".panel-group .panel{border:none;box-shadow:none;margin-bottom:40px}.panel{box-shadow:none;border:none;padding:0}.panel.card{background:none}.panel .card-header{padding:0;background:none}.panel button{padding:0;color:#000;border:none;background:none}.panel button:focus{outline:none}.panel .panel-body{padding:0;border:none}.panel-default>.panel-heading+.panel-collapse>.panel-body{border:none}.panel-group .panel+.panel{margin-top:0}.panel-group .panel.panel-open .panel{margin-bottom:0}.accordion-toggle symphony-icon{transform:rotate(180deg);display:block;transition:all .3s ease-in-out}.panel-open .accordion-toggle symphony-icon{transform:none}\n"], components: [{ type: i1$5.AccordionComponent, selector: "accordion", inputs: ["isAnimated", "closeOthers"] }, { type: i1$5.AccordionPanelComponent, selector: "accordion-group, accordion-panel", inputs: ["isOpen", "panelClass", "heading", "isDisabled"], outputs: ["isOpenChange"] }, { type: SfxAccordionHeaderComponent, selector: "symphony-sfx-accordion-header", inputs: ["heading"] }, { type: FeedbackCandidateWorkHistoryComponent, selector: "symphony-feedback-candidate-workhistory", inputs: ["workHistories"] }, { type: FeedbackCandidateEducationComponent, selector: "symphony-feedback-candidate-education", inputs: ["educationHistories"] }, { type: FeedbackCandidateCertificationsComponent, selector: "symphony-feedback-candidate-certifications", inputs: ["certificationHistories"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], encapsulation: i0.ViewEncapsulation.None });
+FeedbackDetailCandidateInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailCandidateInfoComponent, selector: "symphony-feedback-detail-candidate-info", inputs: { model: "model" }, ngImport: i0, template: "<accordion>\n  <accordion-group *ngIf=\"model.workHistory.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Work History\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.workHistory.data?.length\">\n      <symphony-feedback-candidate-workhistory\n        [workHistories]=\"model.workHistory.data\"\n      ></symphony-feedback-candidate-workhistory>\n    </ng-container>\n    <ng-container *ngIf=\"!model.workHistory.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.workHistory.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.education.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Education\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.education.data?.length\">\n      <symphony-feedback-candidate-education\n        [educationHistories]=\"model.education.data\"\n      ></symphony-feedback-candidate-education>\n    </ng-container>\n    <ng-container *ngIf=\"!model.education.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.education.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.certifications.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Certifications\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.certifications.data?.length\">\n      <symphony-feedback-candidate-certifications\n        [certificationHistories]=\"model.certifications.data\"\n      ></symphony-feedback-candidate-certifications>\n    </ng-container>\n    <ng-container *ngIf=\"!model.certifications.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.certifications.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n</accordion>\n\n<ng-template #noData let-displayErrorMessage\n  ><symphony-paragraph\n    *ngIf=\"!displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"No data to display.\"\n  ></symphony-paragraph>\n  <symphony-paragraph\n    *ngIf=\"displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"Data could not be retrieved, please refresh to try again.\"\n  ></symphony-paragraph\n></ng-template>\n", styles: [".panel-group .panel{border:none;box-shadow:none;margin-bottom:40px}.panel{box-shadow:none;border:none;padding:0}.panel.card{background:none}.panel .card-header{padding:0;background:none}.panel button{padding:0;color:#000;border:none;background:none}.panel button:focus{outline:none}.panel .panel-body{padding:0;border:none}.panel-default>.panel-heading+.panel-collapse>.panel-body{border:none}.panel-group .panel+.panel{margin-top:0}.panel-group .panel.panel-open .panel{margin-bottom:0}.accordion-toggle symphony-icon{transform:rotate(180deg);display:block;transition:all .3s ease-in-out}.accordion-toggle:after{float:none}.panel-open .accordion-toggle symphony-icon{transform:none}\n"], components: [{ type: i1$5.AccordionComponent, selector: "accordion", inputs: ["isAnimated", "closeOthers"] }, { type: i1$5.AccordionPanelComponent, selector: "accordion-group, accordion-panel", inputs: ["isOpen", "panelClass", "heading", "isDisabled"], outputs: ["isOpenChange"] }, { type: SfxAccordionHeaderComponent, selector: "symphony-sfx-accordion-header", inputs: ["heading"] }, { type: FeedbackCandidateWorkHistoryComponent, selector: "symphony-feedback-candidate-workhistory", inputs: ["workHistories"] }, { type: FeedbackCandidateEducationComponent, selector: "symphony-feedback-candidate-education", inputs: ["educationHistories"] }, { type: FeedbackCandidateCertificationsComponent, selector: "symphony-feedback-candidate-certifications", inputs: ["certificationHistories"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailCandidateInfoComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-feedback-detail-candidate-info', encapsulation: ViewEncapsulation.None, template: "<accordion>\n  <accordion-group *ngIf=\"model.workHistory.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Work History\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.workHistory.data?.length\">\n      <symphony-feedback-candidate-workhistory\n        [workHistories]=\"model.workHistory.data\"\n      ></symphony-feedback-candidate-workhistory>\n    </ng-container>\n    <ng-container *ngIf=\"!model.workHistory.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.workHistory.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.education.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Education\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.education.data?.length\">\n      <symphony-feedback-candidate-education\n        [educationHistories]=\"model.education.data\"\n      ></symphony-feedback-candidate-education>\n    </ng-container>\n    <ng-container *ngIf=\"!model.education.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.education.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.certifications.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Certifications\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.certifications.data?.length\">\n      <symphony-feedback-candidate-certifications\n        [certificationHistories]=\"model.certifications.data\"\n      ></symphony-feedback-candidate-certifications>\n    </ng-container>\n    <ng-container *ngIf=\"!model.certifications.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.certifications.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n</accordion>\n\n<ng-template #noData let-displayErrorMessage\n  ><symphony-paragraph\n    *ngIf=\"!displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"No data to display.\"\n  ></symphony-paragraph>\n  <symphony-paragraph\n    *ngIf=\"displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"Data could not be retrieved, please refresh to try again.\"\n  ></symphony-paragraph\n></ng-template>\n", styles: [".panel-group .panel{border:none;box-shadow:none;margin-bottom:40px}.panel{box-shadow:none;border:none;padding:0}.panel.card{background:none}.panel .card-header{padding:0;background:none}.panel button{padding:0;color:#000;border:none;background:none}.panel button:focus{outline:none}.panel .panel-body{padding:0;border:none}.panel-default>.panel-heading+.panel-collapse>.panel-body{border:none}.panel-group .panel+.panel{margin-top:0}.panel-group .panel.panel-open .panel{margin-bottom:0}.accordion-toggle symphony-icon{transform:rotate(180deg);display:block;transition:all .3s ease-in-out}.panel-open .accordion-toggle symphony-icon{transform:none}\n"] }]
+            args: [{ selector: 'symphony-feedback-detail-candidate-info', encapsulation: ViewEncapsulation.None, template: "<accordion>\n  <accordion-group *ngIf=\"model.workHistory.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Work History\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.workHistory.data?.length\">\n      <symphony-feedback-candidate-workhistory\n        [workHistories]=\"model.workHistory.data\"\n      ></symphony-feedback-candidate-workhistory>\n    </ng-container>\n    <ng-container *ngIf=\"!model.workHistory.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.workHistory.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.education.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Education\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.education.data?.length\">\n      <symphony-feedback-candidate-education\n        [educationHistories]=\"model.education.data\"\n      ></symphony-feedback-candidate-education>\n    </ng-container>\n    <ng-container *ngIf=\"!model.education.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.education.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.certifications.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Certifications\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.certifications.data?.length\">\n      <symphony-feedback-candidate-certifications\n        [certificationHistories]=\"model.certifications.data\"\n      ></symphony-feedback-candidate-certifications>\n    </ng-container>\n    <ng-container *ngIf=\"!model.certifications.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.certifications.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n</accordion>\n\n<ng-template #noData let-displayErrorMessage\n  ><symphony-paragraph\n    *ngIf=\"!displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"No data to display.\"\n  ></symphony-paragraph>\n  <symphony-paragraph\n    *ngIf=\"displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"Data could not be retrieved, please refresh to try again.\"\n  ></symphony-paragraph\n></ng-template>\n", styles: [".panel-group .panel{border:none;box-shadow:none;margin-bottom:40px}.panel{box-shadow:none;border:none;padding:0}.panel.card{background:none}.panel .card-header{padding:0;background:none}.panel button{padding:0;color:#000;border:none;background:none}.panel button:focus{outline:none}.panel .panel-body{padding:0;border:none}.panel-default>.panel-heading+.panel-collapse>.panel-body{border:none}.panel-group .panel+.panel{margin-top:0}.panel-group .panel.panel-open .panel{margin-bottom:0}.accordion-toggle symphony-icon{transform:rotate(180deg);display:block;transition:all .3s ease-in-out}.accordion-toggle:after{float:none}.panel-open .accordion-toggle symphony-icon{transform:none}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { model: [{
                 type: Input
             }] } });

package/fesm2015/symphony-talent-component-library.mjs

@@ -5017,10 +5017,10 @@ class FeedbackDetailCandidateInfoComponent {
     constructor() { }
 }
 FeedbackDetailCandidateInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailCandidateInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FeedbackDetailCandidateInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailCandidateInfoComponent, selector: "symphony-feedback-detail-candidate-info", inputs: { model: "model" }, ngImport: i0, template: "<accordion>\n  <accordion-group *ngIf=\"model.workHistory.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Work History\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.workHistory.data?.length\">\n      <symphony-feedback-candidate-workhistory\n        [workHistories]=\"model.workHistory.data\"\n      ></symphony-feedback-candidate-workhistory>\n    </ng-container>\n    <ng-container *ngIf=\"!model.workHistory.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.workHistory.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.education.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Education\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.education.data?.length\">\n      <symphony-feedback-candidate-education\n        [educationHistories]=\"model.education.data\"\n      ></symphony-feedback-candidate-education>\n    </ng-container>\n    <ng-container *ngIf=\"!model.education.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.education.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.certifications.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Certifications\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.certifications.data?.length\">\n      <symphony-feedback-candidate-certifications\n        [certificationHistories]=\"model.certifications.data\"\n      ></symphony-feedback-candidate-certifications>\n    </ng-container>\n    <ng-container *ngIf=\"!model.certifications.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.certifications.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n</accordion>\n\n<ng-template #noData let-displayErrorMessage\n  ><symphony-paragraph\n    *ngIf=\"!displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"No data to display.\"\n  ></symphony-paragraph>\n  <symphony-paragraph\n    *ngIf=\"displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"Data could not be retrieved, please refresh to try again.\"\n  ></symphony-paragraph\n></ng-template>\n", styles: [".panel-group .panel{border:none;box-shadow:none;margin-bottom:40px}.panel{box-shadow:none;border:none;padding:0}.panel.card{background:none}.panel .card-header{padding:0;background:none}.panel button{padding:0;color:#000;border:none;background:none}.panel button:focus{outline:none}.panel .panel-body{padding:0;border:none}.panel-default>.panel-heading+.panel-collapse>.panel-body{border:none}.panel-group .panel+.panel{margin-top:0}.panel-group .panel.panel-open .panel{margin-bottom:0}.accordion-toggle symphony-icon{transform:rotate(180deg);display:block;transition:all .3s ease-in-out}.panel-open .accordion-toggle symphony-icon{transform:none}\n"], components: [{ type: i1$5.AccordionComponent, selector: "accordion", inputs: ["isAnimated", "closeOthers"] }, { type: i1$5.AccordionPanelComponent, selector: "accordion-group, accordion-panel", inputs: ["isOpen", "panelClass", "heading", "isDisabled"], outputs: ["isOpenChange"] }, { type: SfxAccordionHeaderComponent, selector: "symphony-sfx-accordion-header", inputs: ["heading"] }, { type: FeedbackCandidateWorkHistoryComponent, selector: "symphony-feedback-candidate-workhistory", inputs: ["workHistories"] }, { type: FeedbackCandidateEducationComponent, selector: "symphony-feedback-candidate-education", inputs: ["educationHistories"] }, { type: FeedbackCandidateCertificationsComponent, selector: "symphony-feedback-candidate-certifications", inputs: ["certificationHistories"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], encapsulation: i0.ViewEncapsulation.None });
+FeedbackDetailCandidateInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailCandidateInfoComponent, selector: "symphony-feedback-detail-candidate-info", inputs: { model: "model" }, ngImport: i0, template: "<accordion>\n  <accordion-group *ngIf=\"model.workHistory.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Work History\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.workHistory.data?.length\">\n      <symphony-feedback-candidate-workhistory\n        [workHistories]=\"model.workHistory.data\"\n      ></symphony-feedback-candidate-workhistory>\n    </ng-container>\n    <ng-container *ngIf=\"!model.workHistory.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.workHistory.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.education.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Education\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.education.data?.length\">\n      <symphony-feedback-candidate-education\n        [educationHistories]=\"model.education.data\"\n      ></symphony-feedback-candidate-education>\n    </ng-container>\n    <ng-container *ngIf=\"!model.education.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.education.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.certifications.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Certifications\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.certifications.data?.length\">\n      <symphony-feedback-candidate-certifications\n        [certificationHistories]=\"model.certifications.data\"\n      ></symphony-feedback-candidate-certifications>\n    </ng-container>\n    <ng-container *ngIf=\"!model.certifications.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.certifications.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n</accordion>\n\n<ng-template #noData let-displayErrorMessage\n  ><symphony-paragraph\n    *ngIf=\"!displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"No data to display.\"\n  ></symphony-paragraph>\n  <symphony-paragraph\n    *ngIf=\"displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"Data could not be retrieved, please refresh to try again.\"\n  ></symphony-paragraph\n></ng-template>\n", styles: [".panel-group .panel{border:none;box-shadow:none;margin-bottom:40px}.panel{box-shadow:none;border:none;padding:0}.panel.card{background:none}.panel .card-header{padding:0;background:none}.panel button{padding:0;color:#000;border:none;background:none}.panel button:focus{outline:none}.panel .panel-body{padding:0;border:none}.panel-default>.panel-heading+.panel-collapse>.panel-body{border:none}.panel-group .panel+.panel{margin-top:0}.panel-group .panel.panel-open .panel{margin-bottom:0}.accordion-toggle symphony-icon{transform:rotate(180deg);display:block;transition:all .3s ease-in-out}.accordion-toggle:after{float:none}.panel-open .accordion-toggle symphony-icon{transform:none}\n"], components: [{ type: i1$5.AccordionComponent, selector: "accordion", inputs: ["isAnimated", "closeOthers"] }, { type: i1$5.AccordionPanelComponent, selector: "accordion-group, accordion-panel", inputs: ["isOpen", "panelClass", "heading", "isDisabled"], outputs: ["isOpenChange"] }, { type: SfxAccordionHeaderComponent, selector: "symphony-sfx-accordion-header", inputs: ["heading"] }, { type: FeedbackCandidateWorkHistoryComponent, selector: "symphony-feedback-candidate-workhistory", inputs: ["workHistories"] }, { type: FeedbackCandidateEducationComponent, selector: "symphony-feedback-candidate-education", inputs: ["educationHistories"] }, { type: FeedbackCandidateCertificationsComponent, selector: "symphony-feedback-candidate-certifications", inputs: ["certificationHistories"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailCandidateInfoComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-feedback-detail-candidate-info', encapsulation: ViewEncapsulation.None, template: "<accordion>\n  <accordion-group *ngIf=\"model.workHistory.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Work History\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.workHistory.data?.length\">\n      <symphony-feedback-candidate-workhistory\n        [workHistories]=\"model.workHistory.data\"\n      ></symphony-feedback-candidate-workhistory>\n    </ng-container>\n    <ng-container *ngIf=\"!model.workHistory.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.workHistory.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.education.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Education\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.education.data?.length\">\n      <symphony-feedback-candidate-education\n        [educationHistories]=\"model.education.data\"\n      ></symphony-feedback-candidate-education>\n    </ng-container>\n    <ng-container *ngIf=\"!model.education.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.education.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.certifications.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Certifications\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.certifications.data?.length\">\n      <symphony-feedback-candidate-certifications\n        [certificationHistories]=\"model.certifications.data\"\n      ></symphony-feedback-candidate-certifications>\n    </ng-container>\n    <ng-container *ngIf=\"!model.certifications.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.certifications.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n</accordion>\n\n<ng-template #noData let-displayErrorMessage\n  ><symphony-paragraph\n    *ngIf=\"!displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"No data to display.\"\n  ></symphony-paragraph>\n  <symphony-paragraph\n    *ngIf=\"displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"Data could not be retrieved, please refresh to try again.\"\n  ></symphony-paragraph\n></ng-template>\n", styles: [".panel-group .panel{border:none;box-shadow:none;margin-bottom:40px}.panel{box-shadow:none;border:none;padding:0}.panel.card{background:none}.panel .card-header{padding:0;background:none}.panel button{padding:0;color:#000;border:none;background:none}.panel button:focus{outline:none}.panel .panel-body{padding:0;border:none}.panel-default>.panel-heading+.panel-collapse>.panel-body{border:none}.panel-group .panel+.panel{margin-top:0}.panel-group .panel.panel-open .panel{margin-bottom:0}.accordion-toggle symphony-icon{transform:rotate(180deg);display:block;transition:all .3s ease-in-out}.panel-open .accordion-toggle symphony-icon{transform:none}\n"] }]
+            args: [{ selector: 'symphony-feedback-detail-candidate-info', encapsulation: ViewEncapsulation.None, template: "<accordion>\n  <accordion-group *ngIf=\"model.workHistory.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Work History\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.workHistory.data?.length\">\n      <symphony-feedback-candidate-workhistory\n        [workHistories]=\"model.workHistory.data\"\n      ></symphony-feedback-candidate-workhistory>\n    </ng-container>\n    <ng-container *ngIf=\"!model.workHistory.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.workHistory.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.education.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Education\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.education.data?.length\">\n      <symphony-feedback-candidate-education\n        [educationHistories]=\"model.education.data\"\n      ></symphony-feedback-candidate-education>\n    </ng-container>\n    <ng-container *ngIf=\"!model.education.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.education.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.certifications.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Certifications\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.certifications.data?.length\">\n      <symphony-feedback-candidate-certifications\n        [certificationHistories]=\"model.certifications.data\"\n      ></symphony-feedback-candidate-certifications>\n    </ng-container>\n    <ng-container *ngIf=\"!model.certifications.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.certifications.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n</accordion>\n\n<ng-template #noData let-displayErrorMessage\n  ><symphony-paragraph\n    *ngIf=\"!displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"No data to display.\"\n  ></symphony-paragraph>\n  <symphony-paragraph\n    *ngIf=\"displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"Data could not be retrieved, please refresh to try again.\"\n  ></symphony-paragraph\n></ng-template>\n", styles: [".panel-group .panel{border:none;box-shadow:none;margin-bottom:40px}.panel{box-shadow:none;border:none;padding:0}.panel.card{background:none}.panel .card-header{padding:0;background:none}.panel button{padding:0;color:#000;border:none;background:none}.panel button:focus{outline:none}.panel .panel-body{padding:0;border:none}.panel-default>.panel-heading+.panel-collapse>.panel-body{border:none}.panel-group .panel+.panel{margin-top:0}.panel-group .panel.panel-open .panel{margin-bottom:0}.accordion-toggle symphony-icon{transform:rotate(180deg);display:block;transition:all .3s ease-in-out}.accordion-toggle:after{float:none}.panel-open .accordion-toggle symphony-icon{transform:none}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { model: [{
                 type: Input
             }] } });

package/fesm2020/symphony-talent-component-library-projects-component-library.mjs

@@ -5014,10 +5014,10 @@ class FeedbackDetailCandidateInfoComponent {
     constructor() { }
 }
 FeedbackDetailCandidateInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailCandidateInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FeedbackDetailCandidateInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailCandidateInfoComponent, selector: "symphony-feedback-detail-candidate-info", inputs: { model: "model" }, ngImport: i0, template: "<accordion>\n  <accordion-group *ngIf=\"model.workHistory.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Work History\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.workHistory.data?.length\">\n      <symphony-feedback-candidate-workhistory\n        [workHistories]=\"model.workHistory.data\"\n      ></symphony-feedback-candidate-workhistory>\n    </ng-container>\n    <ng-container *ngIf=\"!model.workHistory.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.workHistory.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.education.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Education\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.education.data?.length\">\n      <symphony-feedback-candidate-education\n        [educationHistories]=\"model.education.data\"\n      ></symphony-feedback-candidate-education>\n    </ng-container>\n    <ng-container *ngIf=\"!model.education.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.education.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.certifications.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Certifications\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.certifications.data?.length\">\n      <symphony-feedback-candidate-certifications\n        [certificationHistories]=\"model.certifications.data\"\n      ></symphony-feedback-candidate-certifications>\n    </ng-container>\n    <ng-container *ngIf=\"!model.certifications.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.certifications.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n</accordion>\n\n<ng-template #noData let-displayErrorMessage\n  ><symphony-paragraph\n    *ngIf=\"!displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"No data to display.\"\n  ></symphony-paragraph>\n  <symphony-paragraph\n    *ngIf=\"displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"Data could not be retrieved, please refresh to try again.\"\n  ></symphony-paragraph\n></ng-template>\n", styles: [".panel-group .panel{border:none;box-shadow:none;margin-bottom:40px}.panel{box-shadow:none;border:none;padding:0}.panel.card{background:none}.panel .card-header{padding:0;background:none}.panel button{padding:0;color:#000;border:none;background:none}.panel button:focus{outline:none}.panel .panel-body{padding:0;border:none}.panel-default>.panel-heading+.panel-collapse>.panel-body{border:none}.panel-group .panel+.panel{margin-top:0}.panel-group .panel.panel-open .panel{margin-bottom:0}.accordion-toggle symphony-icon{transform:rotate(180deg);display:block;transition:all .3s ease-in-out}.panel-open .accordion-toggle symphony-icon{transform:none}\n"], components: [{ type: i1$5.AccordionComponent, selector: "accordion", inputs: ["isAnimated", "closeOthers"] }, { type: i1$5.AccordionPanelComponent, selector: "accordion-group, accordion-panel", inputs: ["isOpen", "panelClass", "heading", "isDisabled"], outputs: ["isOpenChange"] }, { type: SfxAccordionHeaderComponent, selector: "symphony-sfx-accordion-header", inputs: ["heading"] }, { type: FeedbackCandidateWorkHistoryComponent, selector: "symphony-feedback-candidate-workhistory", inputs: ["workHistories"] }, { type: FeedbackCandidateEducationComponent, selector: "symphony-feedback-candidate-education", inputs: ["educationHistories"] }, { type: FeedbackCandidateCertificationsComponent, selector: "symphony-feedback-candidate-certifications", inputs: ["certificationHistories"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], encapsulation: i0.ViewEncapsulation.None });
+FeedbackDetailCandidateInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailCandidateInfoComponent, selector: "symphony-feedback-detail-candidate-info", inputs: { model: "model" }, ngImport: i0, template: "<accordion>\n  <accordion-group *ngIf=\"model.workHistory.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Work History\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.workHistory.data?.length\">\n      <symphony-feedback-candidate-workhistory\n        [workHistories]=\"model.workHistory.data\"\n      ></symphony-feedback-candidate-workhistory>\n    </ng-container>\n    <ng-container *ngIf=\"!model.workHistory.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.workHistory.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.education.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Education\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.education.data?.length\">\n      <symphony-feedback-candidate-education\n        [educationHistories]=\"model.education.data\"\n      ></symphony-feedback-candidate-education>\n    </ng-container>\n    <ng-container *ngIf=\"!model.education.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.education.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.certifications.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Certifications\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.certifications.data?.length\">\n      <symphony-feedback-candidate-certifications\n        [certificationHistories]=\"model.certifications.data\"\n      ></symphony-feedback-candidate-certifications>\n    </ng-container>\n    <ng-container *ngIf=\"!model.certifications.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.certifications.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n</accordion>\n\n<ng-template #noData let-displayErrorMessage\n  ><symphony-paragraph\n    *ngIf=\"!displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"No data to display.\"\n  ></symphony-paragraph>\n  <symphony-paragraph\n    *ngIf=\"displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"Data could not be retrieved, please refresh to try again.\"\n  ></symphony-paragraph\n></ng-template>\n", styles: [".panel-group .panel{border:none;box-shadow:none;margin-bottom:40px}.panel{box-shadow:none;border:none;padding:0}.panel.card{background:none}.panel .card-header{padding:0;background:none}.panel button{padding:0;color:#000;border:none;background:none}.panel button:focus{outline:none}.panel .panel-body{padding:0;border:none}.panel-default>.panel-heading+.panel-collapse>.panel-body{border:none}.panel-group .panel+.panel{margin-top:0}.panel-group .panel.panel-open .panel{margin-bottom:0}.accordion-toggle symphony-icon{transform:rotate(180deg);display:block;transition:all .3s ease-in-out}.accordion-toggle:after{float:none}.panel-open .accordion-toggle symphony-icon{transform:none}\n"], components: [{ type: i1$5.AccordionComponent, selector: "accordion", inputs: ["isAnimated", "closeOthers"] }, { type: i1$5.AccordionPanelComponent, selector: "accordion-group, accordion-panel", inputs: ["isOpen", "panelClass", "heading", "isDisabled"], outputs: ["isOpenChange"] }, { type: SfxAccordionHeaderComponent, selector: "symphony-sfx-accordion-header", inputs: ["heading"] }, { type: FeedbackCandidateWorkHistoryComponent, selector: "symphony-feedback-candidate-workhistory", inputs: ["workHistories"] }, { type: FeedbackCandidateEducationComponent, selector: "symphony-feedback-candidate-education", inputs: ["educationHistories"] }, { type: FeedbackCandidateCertificationsComponent, selector: "symphony-feedback-candidate-certifications", inputs: ["certificationHistories"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailCandidateInfoComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-feedback-detail-candidate-info', encapsulation: ViewEncapsulation.None, template: "<accordion>\n  <accordion-group *ngIf=\"model.workHistory.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Work History\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.workHistory.data?.length\">\n      <symphony-feedback-candidate-workhistory\n        [workHistories]=\"model.workHistory.data\"\n      ></symphony-feedback-candidate-workhistory>\n    </ng-container>\n    <ng-container *ngIf=\"!model.workHistory.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.workHistory.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.education.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Education\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.education.data?.length\">\n      <symphony-feedback-candidate-education\n        [educationHistories]=\"model.education.data\"\n      ></symphony-feedback-candidate-education>\n    </ng-container>\n    <ng-container *ngIf=\"!model.education.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.education.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.certifications.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Certifications\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.certifications.data?.length\">\n      <symphony-feedback-candidate-certifications\n        [certificationHistories]=\"model.certifications.data\"\n      ></symphony-feedback-candidate-certifications>\n    </ng-container>\n    <ng-container *ngIf=\"!model.certifications.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.certifications.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n</accordion>\n\n<ng-template #noData let-displayErrorMessage\n  ><symphony-paragraph\n    *ngIf=\"!displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"No data to display.\"\n  ></symphony-paragraph>\n  <symphony-paragraph\n    *ngIf=\"displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"Data could not be retrieved, please refresh to try again.\"\n  ></symphony-paragraph\n></ng-template>\n", styles: [".panel-group .panel{border:none;box-shadow:none;margin-bottom:40px}.panel{box-shadow:none;border:none;padding:0}.panel.card{background:none}.panel .card-header{padding:0;background:none}.panel button{padding:0;color:#000;border:none;background:none}.panel button:focus{outline:none}.panel .panel-body{padding:0;border:none}.panel-default>.panel-heading+.panel-collapse>.panel-body{border:none}.panel-group .panel+.panel{margin-top:0}.panel-group .panel.panel-open .panel{margin-bottom:0}.accordion-toggle symphony-icon{transform:rotate(180deg);display:block;transition:all .3s ease-in-out}.panel-open .accordion-toggle symphony-icon{transform:none}\n"] }]
+            args: [{ selector: 'symphony-feedback-detail-candidate-info', encapsulation: ViewEncapsulation.None, template: "<accordion>\n  <accordion-group *ngIf=\"model.workHistory.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Work History\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.workHistory.data?.length\">\n      <symphony-feedback-candidate-workhistory\n        [workHistories]=\"model.workHistory.data\"\n      ></symphony-feedback-candidate-workhistory>\n    </ng-container>\n    <ng-container *ngIf=\"!model.workHistory.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.workHistory.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.education.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Education\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.education.data?.length\">\n      <symphony-feedback-candidate-education\n        [educationHistories]=\"model.education.data\"\n      ></symphony-feedback-candidate-education>\n    </ng-container>\n    <ng-container *ngIf=\"!model.education.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.education.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.certifications.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Certifications\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.certifications.data?.length\">\n      <symphony-feedback-candidate-certifications\n        [certificationHistories]=\"model.certifications.data\"\n      ></symphony-feedback-candidate-certifications>\n    </ng-container>\n    <ng-container *ngIf=\"!model.certifications.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.certifications.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n</accordion>\n\n<ng-template #noData let-displayErrorMessage\n  ><symphony-paragraph\n    *ngIf=\"!displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"No data to display.\"\n  ></symphony-paragraph>\n  <symphony-paragraph\n    *ngIf=\"displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"Data could not be retrieved, please refresh to try again.\"\n  ></symphony-paragraph\n></ng-template>\n", styles: [".panel-group .panel{border:none;box-shadow:none;margin-bottom:40px}.panel{box-shadow:none;border:none;padding:0}.panel.card{background:none}.panel .card-header{padding:0;background:none}.panel button{padding:0;color:#000;border:none;background:none}.panel button:focus{outline:none}.panel .panel-body{padding:0;border:none}.panel-default>.panel-heading+.panel-collapse>.panel-body{border:none}.panel-group .panel+.panel{margin-top:0}.panel-group .panel.panel-open .panel{margin-bottom:0}.accordion-toggle symphony-icon{transform:rotate(180deg);display:block;transition:all .3s ease-in-out}.accordion-toggle:after{float:none}.panel-open .accordion-toggle symphony-icon{transform:none}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { model: [{
                 type: Input
             }] } });

package/fesm2020/symphony-talent-component-library.mjs

@@ -5014,10 +5014,10 @@ class FeedbackDetailCandidateInfoComponent {
     constructor() { }
 }
 FeedbackDetailCandidateInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailCandidateInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FeedbackDetailCandidateInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailCandidateInfoComponent, selector: "symphony-feedback-detail-candidate-info", inputs: { model: "model" }, ngImport: i0, template: "<accordion>\n  <accordion-group *ngIf=\"model.workHistory.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Work History\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.workHistory.data?.length\">\n      <symphony-feedback-candidate-workhistory\n        [workHistories]=\"model.workHistory.data\"\n      ></symphony-feedback-candidate-workhistory>\n    </ng-container>\n    <ng-container *ngIf=\"!model.workHistory.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.workHistory.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.education.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Education\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.education.data?.length\">\n      <symphony-feedback-candidate-education\n        [educationHistories]=\"model.education.data\"\n      ></symphony-feedback-candidate-education>\n    </ng-container>\n    <ng-container *ngIf=\"!model.education.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.education.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.certifications.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Certifications\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.certifications.data?.length\">\n      <symphony-feedback-candidate-certifications\n        [certificationHistories]=\"model.certifications.data\"\n      ></symphony-feedback-candidate-certifications>\n    </ng-container>\n    <ng-container *ngIf=\"!model.certifications.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.certifications.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n</accordion>\n\n<ng-template #noData let-displayErrorMessage\n  ><symphony-paragraph\n    *ngIf=\"!displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"No data to display.\"\n  ></symphony-paragraph>\n  <symphony-paragraph\n    *ngIf=\"displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"Data could not be retrieved, please refresh to try again.\"\n  ></symphony-paragraph\n></ng-template>\n", styles: [".panel-group .panel{border:none;box-shadow:none;margin-bottom:40px}.panel{box-shadow:none;border:none;padding:0}.panel.card{background:none}.panel .card-header{padding:0;background:none}.panel button{padding:0;color:#000;border:none;background:none}.panel button:focus{outline:none}.panel .panel-body{padding:0;border:none}.panel-default>.panel-heading+.panel-collapse>.panel-body{border:none}.panel-group .panel+.panel{margin-top:0}.panel-group .panel.panel-open .panel{margin-bottom:0}.accordion-toggle symphony-icon{transform:rotate(180deg);display:block;transition:all .3s ease-in-out}.panel-open .accordion-toggle symphony-icon{transform:none}\n"], components: [{ type: i1$5.AccordionComponent, selector: "accordion", inputs: ["isAnimated", "closeOthers"] }, { type: i1$5.AccordionPanelComponent, selector: "accordion-group, accordion-panel", inputs: ["isOpen", "panelClass", "heading", "isDisabled"], outputs: ["isOpenChange"] }, { type: SfxAccordionHeaderComponent, selector: "symphony-sfx-accordion-header", inputs: ["heading"] }, { type: FeedbackCandidateWorkHistoryComponent, selector: "symphony-feedback-candidate-workhistory", inputs: ["workHistories"] }, { type: FeedbackCandidateEducationComponent, selector: "symphony-feedback-candidate-education", inputs: ["educationHistories"] }, { type: FeedbackCandidateCertificationsComponent, selector: "symphony-feedback-candidate-certifications", inputs: ["certificationHistories"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], encapsulation: i0.ViewEncapsulation.None });
+FeedbackDetailCandidateInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailCandidateInfoComponent, selector: "symphony-feedback-detail-candidate-info", inputs: { model: "model" }, ngImport: i0, template: "<accordion>\n  <accordion-group *ngIf=\"model.workHistory.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Work History\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.workHistory.data?.length\">\n      <symphony-feedback-candidate-workhistory\n        [workHistories]=\"model.workHistory.data\"\n      ></symphony-feedback-candidate-workhistory>\n    </ng-container>\n    <ng-container *ngIf=\"!model.workHistory.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.workHistory.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.education.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Education\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.education.data?.length\">\n      <symphony-feedback-candidate-education\n        [educationHistories]=\"model.education.data\"\n      ></symphony-feedback-candidate-education>\n    </ng-container>\n    <ng-container *ngIf=\"!model.education.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.education.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.certifications.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Certifications\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.certifications.data?.length\">\n      <symphony-feedback-candidate-certifications\n        [certificationHistories]=\"model.certifications.data\"\n      ></symphony-feedback-candidate-certifications>\n    </ng-container>\n    <ng-container *ngIf=\"!model.certifications.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.certifications.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n</accordion>\n\n<ng-template #noData let-displayErrorMessage\n  ><symphony-paragraph\n    *ngIf=\"!displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"No data to display.\"\n  ></symphony-paragraph>\n  <symphony-paragraph\n    *ngIf=\"displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"Data could not be retrieved, please refresh to try again.\"\n  ></symphony-paragraph\n></ng-template>\n", styles: [".panel-group .panel{border:none;box-shadow:none;margin-bottom:40px}.panel{box-shadow:none;border:none;padding:0}.panel.card{background:none}.panel .card-header{padding:0;background:none}.panel button{padding:0;color:#000;border:none;background:none}.panel button:focus{outline:none}.panel .panel-body{padding:0;border:none}.panel-default>.panel-heading+.panel-collapse>.panel-body{border:none}.panel-group .panel+.panel{margin-top:0}.panel-group .panel.panel-open .panel{margin-bottom:0}.accordion-toggle symphony-icon{transform:rotate(180deg);display:block;transition:all .3s ease-in-out}.accordion-toggle:after{float:none}.panel-open .accordion-toggle symphony-icon{transform:none}\n"], components: [{ type: i1$5.AccordionComponent, selector: "accordion", inputs: ["isAnimated", "closeOthers"] }, { type: i1$5.AccordionPanelComponent, selector: "accordion-group, accordion-panel", inputs: ["isOpen", "panelClass", "heading", "isDisabled"], outputs: ["isOpenChange"] }, { type: SfxAccordionHeaderComponent, selector: "symphony-sfx-accordion-header", inputs: ["heading"] }, { type: FeedbackCandidateWorkHistoryComponent, selector: "symphony-feedback-candidate-workhistory", inputs: ["workHistories"] }, { type: FeedbackCandidateEducationComponent, selector: "symphony-feedback-candidate-education", inputs: ["educationHistories"] }, { type: FeedbackCandidateCertificationsComponent, selector: "symphony-feedback-candidate-certifications", inputs: ["certificationHistories"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailCandidateInfoComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-feedback-detail-candidate-info', encapsulation: ViewEncapsulation.None, template: "<accordion>\n  <accordion-group *ngIf=\"model.workHistory.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Work History\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.workHistory.data?.length\">\n      <symphony-feedback-candidate-workhistory\n        [workHistories]=\"model.workHistory.data\"\n      ></symphony-feedback-candidate-workhistory>\n    </ng-container>\n    <ng-container *ngIf=\"!model.workHistory.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.workHistory.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.education.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Education\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.education.data?.length\">\n      <symphony-feedback-candidate-education\n        [educationHistories]=\"model.education.data\"\n      ></symphony-feedback-candidate-education>\n    </ng-container>\n    <ng-container *ngIf=\"!model.education.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.education.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.certifications.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Certifications\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.certifications.data?.length\">\n      <symphony-feedback-candidate-certifications\n        [certificationHistories]=\"model.certifications.data\"\n      ></symphony-feedback-candidate-certifications>\n    </ng-container>\n    <ng-container *ngIf=\"!model.certifications.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.certifications.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n</accordion>\n\n<ng-template #noData let-displayErrorMessage\n  ><symphony-paragraph\n    *ngIf=\"!displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"No data to display.\"\n  ></symphony-paragraph>\n  <symphony-paragraph\n    *ngIf=\"displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"Data could not be retrieved, please refresh to try again.\"\n  ></symphony-paragraph\n></ng-template>\n", styles: [".panel-group .panel{border:none;box-shadow:none;margin-bottom:40px}.panel{box-shadow:none;border:none;padding:0}.panel.card{background:none}.panel .card-header{padding:0;background:none}.panel button{padding:0;color:#000;border:none;background:none}.panel button:focus{outline:none}.panel .panel-body{padding:0;border:none}.panel-default>.panel-heading+.panel-collapse>.panel-body{border:none}.panel-group .panel+.panel{margin-top:0}.panel-group .panel.panel-open .panel{margin-bottom:0}.accordion-toggle symphony-icon{transform:rotate(180deg);display:block;transition:all .3s ease-in-out}.panel-open .accordion-toggle symphony-icon{transform:none}\n"] }]
+            args: [{ selector: 'symphony-feedback-detail-candidate-info', encapsulation: ViewEncapsulation.None, template: "<accordion>\n  <accordion-group *ngIf=\"model.workHistory.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Work History\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.workHistory.data?.length\">\n      <symphony-feedback-candidate-workhistory\n        [workHistories]=\"model.workHistory.data\"\n      ></symphony-feedback-candidate-workhistory>\n    </ng-container>\n    <ng-container *ngIf=\"!model.workHistory.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.workHistory.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.education.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Education\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.education.data?.length\">\n      <symphony-feedback-candidate-education\n        [educationHistories]=\"model.education.data\"\n      ></symphony-feedback-candidate-education>\n    </ng-container>\n    <ng-container *ngIf=\"!model.education.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.education.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.certifications.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Certifications\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.certifications.data?.length\">\n      <symphony-feedback-candidate-certifications\n        [certificationHistories]=\"model.certifications.data\"\n      ></symphony-feedback-candidate-certifications>\n    </ng-container>\n    <ng-container *ngIf=\"!model.certifications.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.certifications.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n</accordion>\n\n<ng-template #noData let-displayErrorMessage\n  ><symphony-paragraph\n    *ngIf=\"!displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"No data to display.\"\n  ></symphony-paragraph>\n  <symphony-paragraph\n    *ngIf=\"displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"Data could not be retrieved, please refresh to try again.\"\n  ></symphony-paragraph\n></ng-template>\n", styles: [".panel-group .panel{border:none;box-shadow:none;margin-bottom:40px}.panel{box-shadow:none;border:none;padding:0}.panel.card{background:none}.panel .card-header{padding:0;background:none}.panel button{padding:0;color:#000;border:none;background:none}.panel button:focus{outline:none}.panel .panel-body{padding:0;border:none}.panel-default>.panel-heading+.panel-collapse>.panel-body{border:none}.panel-group .panel+.panel{margin-top:0}.panel-group .panel.panel-open .panel{margin-bottom:0}.accordion-toggle symphony-icon{transform:rotate(180deg);display:block;transition:all .3s ease-in-out}.accordion-toggle:after{float:none}.panel-open .accordion-toggle symphony-icon{transform:none}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { model: [{
                 type: Input
             }] } });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symphony-talent/component-library",
-  "version": "3.100.0",
+  "version": "4.0.0",
   "private": false,
   "peerDependencies": {
     "ag-grid-angular": "^24.0.0",