@symphony-talent/component-library 4.224.0 → 4.225.0

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

@@ -4900,6 +4900,43 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                 }]
         }] });
 
+class CandidateCardComponent {
+    get displayName() {
+        if (!this.model) {
+            return '';
+        }
+        if (this.model.fullName) {
+            return this.model.fullName;
+        }
+        return [this.model.firstName, this.model.lastName].filter(Boolean).join(' ');
+    }
+    get displayMetaItems() {
+        return this.model?.metaItems?.filter(Boolean) || [];
+    }
+}
+CandidateCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CandidateCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CandidateCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: CandidateCardComponent, selector: "symphony-candidate-card", inputs: { model: "model" }, ngImport: i0, template: "<section class=\"candidate-card\" *ngIf=\"model\">\n  <symphony-icon\n    *ngIf=\"model.hasSentIcon\"\n    class=\"candidate-card__status-icon\"\n    [icon]=\"'si-confirmation'\"\n    [iconColor]=\"'#16b783'\"\n    [size]=\"'18px'\"\n  ></symphony-icon>\n\n  <div class=\"candidate-card__header\">\n    <symphony-avatar\n      class=\"candidate-card__avatar\"\n      [firstName]=\"model.firstName || model.fullName\"\n      [lastName]=\"model.lastName\"\n      [sizePx]=\"48\"\n      [fontSizePx]=\"18\"\n    ></symphony-avatar>\n\n    <div class=\"candidate-card__identity\">\n      <symphony-h4 [text]=\"displayName || 'Candidate'\"></symphony-h4>\n\n      <symphony-paragraph\n        *ngFor=\"let item of displayMetaItems\"\n        [text]=\"item\"\n        [isSecondary]=\"false\"\n      ></symphony-paragraph>\n    </div>\n  </div>\n</section>\n", styles: [".candidate-card{position:relative;display:flex;flex-direction:column;gap:16px;padding:20px;background:#ffffff;border:1px solid #dfe3eb;border-radius:10px}.candidate-card__header{display:flex;align-items:flex-start;gap:15px}.candidate-card__status-icon{position:absolute;top:20px;right:20px;line-height:1}.candidate-card__avatar{flex-shrink:0}.candidate-card__identity{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}\n"], components: [{ type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: AvatarComponent, selector: "symphony-avatar", inputs: ["firstName", "lastName", "sizePx", "fontSizePx"] }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CandidateCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'symphony-candidate-card', template: "<section class=\"candidate-card\" *ngIf=\"model\">\n  <symphony-icon\n    *ngIf=\"model.hasSentIcon\"\n    class=\"candidate-card__status-icon\"\n    [icon]=\"'si-confirmation'\"\n    [iconColor]=\"'#16b783'\"\n    [size]=\"'18px'\"\n  ></symphony-icon>\n\n  <div class=\"candidate-card__header\">\n    <symphony-avatar\n      class=\"candidate-card__avatar\"\n      [firstName]=\"model.firstName || model.fullName\"\n      [lastName]=\"model.lastName\"\n      [sizePx]=\"48\"\n      [fontSizePx]=\"18\"\n    ></symphony-avatar>\n\n    <div class=\"candidate-card__identity\">\n      <symphony-h4 [text]=\"displayName || 'Candidate'\"></symphony-h4>\n\n      <symphony-paragraph\n        *ngFor=\"let item of displayMetaItems\"\n        [text]=\"item\"\n        [isSecondary]=\"false\"\n      ></symphony-paragraph>\n    </div>\n  </div>\n</section>\n", styles: [".candidate-card{position:relative;display:flex;flex-direction:column;gap:16px;padding:20px;background:#ffffff;border:1px solid #dfe3eb;border-radius:10px}.candidate-card__header{display:flex;align-items:flex-start;gap:15px}.candidate-card__status-icon{position:absolute;top:20px;right:20px;line-height:1}.candidate-card__avatar{flex-shrink:0}.candidate-card__identity{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}\n"] }]
+        }], propDecorators: { model: [{
+                type: Input
+            }] } });
+
+class CandidateCardModule {
+}
+CandidateCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CandidateCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CandidateCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CandidateCardModule, declarations: [CandidateCardComponent], imports: [CommonModule, AvatarModule, H4Module, IconModule, ParagraphModule], exports: [CandidateCardComponent] });
+CandidateCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CandidateCardModule, imports: [[CommonModule, AvatarModule, H4Module, IconModule, ParagraphModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CandidateCardModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [CandidateCardComponent],
+                    imports: [CommonModule, AvatarModule, H4Module, IconModule, ParagraphModule],
+                    exports: [CandidateCardComponent],
+                }]
+        }] });
+
 class ChatHistoryMessageListComponent {
     constructor() { }
 }
@@ -8179,7 +8216,8 @@ OrganismsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version
         GenerateLicenseModalModule,
         MergeContactsModalModule,
         AISearchAssistantDrawerModule,
-        SaveSearchModalModule] });
+        SaveSearchModalModule,
+        CandidateCardModule] });
 OrganismsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: OrganismsModule, imports: [[
             CommonModule,
             NoteListModule,
@@ -8216,7 +8254,8 @@ OrganismsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
             GenerateLicenseModalModule,
             MergeContactsModalModule,
             AISearchAssistantDrawerModule,
-            SaveSearchModalModule
+            SaveSearchModalModule,
+            CandidateCardModule
         ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: OrganismsModule, decorators: [{
             type: NgModule,
@@ -8258,7 +8297,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                         GenerateLicenseModalModule,
                         MergeContactsModalModule,
                         AISearchAssistantDrawerModule,
-                        SaveSearchModalModule
+                        SaveSearchModalModule,
+                        CandidateCardModule
                     ]
                 }]
         }] });
@@ -10171,12 +10211,15 @@ class NotificationModalComponent {
     onSecondaryButtonClick() {
         this.secondaryButtonClicked.emit();
     }
+    get hasCandidateCards() {
+        return !!this.model?.candidateCards?.length;
+    }
 }
 NotificationModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NotificationModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NotificationModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: NotificationModalComponent, selector: "symphony-notification-modal", inputs: { model: "model" }, outputs: { closeButtonClicked: "closeButtonClicked", primaryButtonClicked: "primaryButtonClicked", secondaryButtonClicked: "secondaryButtonClicked" }, ngImport: i0, template: "<div class=\"sfx sfx-modal notification-modal\">\n  <section class=\"modal-body notification-modal__body sfx-p-30\">\n    <symphony-icon\n      class=\"notification-modal__close-button\"\n      [icon]=\"'si-close-modal'\"\n      (clicked)=\"onCloseButtonClick()\"\n    ></symphony-icon>\n\n    <div *ngIf=\"model?.icon && model.icon !== ''\" class=\"notification-modal__icon\">\n      <symphony-icon\n        [icon]=\"model.icon\"\n        [size]=\"model?.iconSize || '60px'\"\n        [iconColor]=\"model?.iconColor || '#16b783'\"\n      ></symphony-icon>\n    </div>\n\n    <symphony-h3\n      *ngIf=\"model?.heading\"\n      class=\"notification-modal__heading\"\n      [text]=\"model.heading\"\n    ></symphony-h3>\n\n    <symphony-paragraph *ngIf=\"model?.bodyText\" class=\"notification-modal__message\">\n      {{ model.bodyText }}\n    </symphony-paragraph>\n\n    <section\n      *ngIf=\"model?.summaryTitle || model?.summaryItems?.length\"\n      class=\"notification-modal__summary\"\n    >\n      <symphony-paragraph *ngIf=\"model?.summaryTitle\" class=\"notification-modal__summary-title\">\n        {{ model.summaryTitle }}\n      </symphony-paragraph>\n\n      <div *ngFor=\"let item of model?.summaryItems\" class=\"notification-modal__summary-row\">\n        <symphony-paragraph class=\"notification-modal__summary-label\">{{ item.label }}</symphony-paragraph>\n        <symphony-paragraph class=\"notification-modal__summary-value\">{{ item.value }}</symphony-paragraph>\n      </div>\n\n      <ng-content select=\"[notification-modal-body]\"></ng-content>\n    </section>\n\n    <div\n      *ngIf=\"model?.secondaryButtonText || model?.primaryButtonText\"\n      class=\"notification-modal__actions\"\n    >\n      <symphony-button-v2\n        *ngIf=\"model?.secondaryButtonText\"\n        class=\"notification-modal__button notification-modal__button--secondary\"\n        [text]=\"model.secondaryButtonText\"\n        [disabled]=\"model.secondaryButtonDisabled\"\n        [isSecondary]=\"true\"\n        (clicked)=\"onSecondaryButtonClick()\"\n      ></symphony-button-v2>\n\n      <symphony-button-v2\n        *ngIf=\"model?.primaryButtonText\"\n        class=\"notification-modal__button notification-modal__button--primary\"\n        [text]=\"model.primaryButtonText\"\n        [disabled]=\"model.primaryButtonDisabled\"\n        (clicked)=\"onPrimaryButtonClick($event)\"\n      ></symphony-button-v2>\n    </div>\n  </section>\n</div>\n", styles: [".notification-modal__body{padding:40px 30px;position:relative;text-align:center}.notification-modal__close-button{position:absolute;right:30px;top:30px;cursor:pointer}.notification-modal__icon{display:inline-flex;margin-bottom:10px}.notification-modal__heading{display:block;margin-bottom:10px}.notification-modal__message{display:block;margin-bottom:20px}.notification-modal__message p.body-copy-primary,.notification-modal__message p.body-copy-secondary{color:#5b6d80;font-size:16px}.notification-modal__summary{background:#f9fafb;border:1px solid #dce2ea;border-radius:10px;margin-bottom:30px;padding:30px 20px 25px;text-align:left}.notification-modal__summary-title{display:block;margin-bottom:10px}.notification-modal__summary-title p.body-copy-primary,.notification-modal__summary-title p.body-copy-secondary{font-size:18px}.notification-modal__summary-row{display:grid;grid-gap:5px;gap:5px;grid-template-columns:150px repeat(1,minmax(220px,1fr));padding:5px 0}.notification-modal__summary-label p.body-copy-primary,.notification-modal__summary-label p.body-copy-secondary{color:#6a768a}.notification-modal__actions{display:flex;gap:15px;justify-content:center}.notification-modal__button{flex:1 1 0}.notification-modal__button button{min-width:0;width:100%}\n"], components: [{ type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: ButtonV2Component, selector: "symphony-button-v2" }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
+NotificationModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: NotificationModalComponent, selector: "symphony-notification-modal", inputs: { model: "model" }, outputs: { closeButtonClicked: "closeButtonClicked", primaryButtonClicked: "primaryButtonClicked", secondaryButtonClicked: "secondaryButtonClicked" }, ngImport: i0, template: "<div class=\"sfx sfx-modal notification-modal\">\n  <section class=\"modal-body notification-modal__body sfx-p-30\">\n    <symphony-icon\n      class=\"notification-modal__close-button\"\n      [icon]=\"'si-close-modal'\"\n      (clicked)=\"onCloseButtonClick()\"\n    ></symphony-icon>\n\n    <div *ngIf=\"model?.icon && model.icon !== ''\" class=\"notification-modal__icon\">\n      <symphony-icon\n        [icon]=\"model.icon\"\n        [size]=\"model?.iconSize || '60px'\"\n        [iconColor]=\"model?.iconColor || '#16b783'\"\n      ></symphony-icon>\n    </div>\n\n    <symphony-h3\n      *ngIf=\"model?.heading\"\n      class=\"notification-modal__heading\"\n      [text]=\"model.heading\"\n    ></symphony-h3>\n\n    <symphony-paragraph *ngIf=\"model?.bodyText\" class=\"notification-modal__message\">\n      <span *ngIf=\"model?.candidateCount !== undefined\" class=\"notification-modal__count\">\n        {{ model.candidateCount }}\n      </span>\n      <span>\n        {{ model.bodyText }}\n      </span>\n    </symphony-paragraph>\n\n    <section\n      *ngIf=\"model?.summaryTitle || model?.summaryItems?.length || hasCandidateCards\"\n      class=\"notification-modal__summary\"\n    >\n      <symphony-paragraph *ngIf=\"model?.summaryTitle\" class=\"notification-modal__summary-title\">\n        {{ model.summaryTitle }}\n        <span\n          *ngIf=\"model?.candidateCount !== undefined\"\n          class=\"notification-modal__count notification-modal__count--summary\"\n        >\n          ({{ model.candidateCount }})\n        </span>\n      </symphony-paragraph>\n\n      <div *ngIf=\"hasCandidateCards\" class=\"notification-modal__candidate-cards\">\n        <symphony-candidate-card\n          *ngFor=\"let candidateCard of model?.candidateCards\"\n          [model]=\"candidateCard\"\n        ></symphony-candidate-card>\n      </div>\n\n      <ng-container *ngIf=\"!hasCandidateCards\">\n        <div *ngFor=\"let item of model?.summaryItems\" class=\"notification-modal__summary-row\">\n          <symphony-paragraph class=\"notification-modal__summary-label\">{{ item.label }}</symphony-paragraph>\n          <symphony-paragraph class=\"notification-modal__summary-value\">{{ item.value }}</symphony-paragraph>\n        </div>\n      </ng-container>\n\n      <ng-content select=\"[notification-modal-body]\"></ng-content>\n    </section>\n\n    <div\n      *ngIf=\"model?.secondaryButtonText || model?.primaryButtonText\"\n      class=\"notification-modal__actions\"\n    >\n      <symphony-button-v2\n        *ngIf=\"model?.secondaryButtonText\"\n        class=\"notification-modal__button notification-modal__button--secondary\"\n        [text]=\"model.secondaryButtonText\"\n        [disabled]=\"model.secondaryButtonDisabled\"\n        [isSecondary]=\"true\"\n        (clicked)=\"onSecondaryButtonClick()\"\n      ></symphony-button-v2>\n\n      <symphony-button-v2\n        *ngIf=\"model?.primaryButtonText\"\n        class=\"notification-modal__button notification-modal__button--primary\"\n        [text]=\"model.primaryButtonText\"\n        [disabled]=\"model.primaryButtonDisabled\"\n        (clicked)=\"onPrimaryButtonClick($event)\"\n      ></symphony-button-v2>\n    </div>\n  </section>\n</div>\n", styles: [".notification-modal__body{padding:40px 30px;position:relative;text-align:center}.notification-modal__close-button{position:absolute;right:30px;top:30px;cursor:pointer}.notification-modal__icon{display:inline-flex;margin-bottom:10px}.notification-modal__heading{display:block;margin-bottom:10px}.notification-modal__message{display:block;margin-bottom:20px}.notification-modal__message p.body-copy-primary,.notification-modal__message p.body-copy-secondary{color:#5b6d80;font-size:16px}.notification-modal__summary{background:#f9fafb;border:1px solid #dce2ea;border-radius:10px;margin-bottom:30px;padding:30px 20px 25px;text-align:left}.notification-modal__summary-title{display:block;margin-bottom:15px}.notification-modal__summary-title p.body-copy-primary,.notification-modal__summary-title p.body-copy-secondary{font-size:18px}.notification-modal__candidate-cards{display:flex;flex-direction:column;gap:15px}.notification-modal__summary-row{display:grid;grid-gap:5px;gap:5px;grid-template-columns:150px repeat(1,minmax(220px,1fr));padding:5px 0}.notification-modal__summary-label p.body-copy-primary,.notification-modal__summary-label p.body-copy-secondary{color:#6a768a}.notification-modal__actions{display:flex;gap:15px;justify-content:center}.notification-modal__button{flex:1 1 0}.notification-modal__button button{min-width:0;width:100%}\n"], components: [{ type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: CandidateCardComponent, selector: "symphony-candidate-card", inputs: ["model"] }, { type: ButtonV2Component, selector: "symphony-button-v2" }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NotificationModalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-notification-modal', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx sfx-modal notification-modal\">\n  <section class=\"modal-body notification-modal__body sfx-p-30\">\n    <symphony-icon\n      class=\"notification-modal__close-button\"\n      [icon]=\"'si-close-modal'\"\n      (clicked)=\"onCloseButtonClick()\"\n    ></symphony-icon>\n\n    <div *ngIf=\"model?.icon && model.icon !== ''\" class=\"notification-modal__icon\">\n      <symphony-icon\n        [icon]=\"model.icon\"\n        [size]=\"model?.iconSize || '60px'\"\n        [iconColor]=\"model?.iconColor || '#16b783'\"\n      ></symphony-icon>\n    </div>\n\n    <symphony-h3\n      *ngIf=\"model?.heading\"\n      class=\"notification-modal__heading\"\n      [text]=\"model.heading\"\n    ></symphony-h3>\n\n    <symphony-paragraph *ngIf=\"model?.bodyText\" class=\"notification-modal__message\">\n      {{ model.bodyText }}\n    </symphony-paragraph>\n\n    <section\n      *ngIf=\"model?.summaryTitle || model?.summaryItems?.length\"\n      class=\"notification-modal__summary\"\n    >\n      <symphony-paragraph *ngIf=\"model?.summaryTitle\" class=\"notification-modal__summary-title\">\n        {{ model.summaryTitle }}\n      </symphony-paragraph>\n\n      <div *ngFor=\"let item of model?.summaryItems\" class=\"notification-modal__summary-row\">\n        <symphony-paragraph class=\"notification-modal__summary-label\">{{ item.label }}</symphony-paragraph>\n        <symphony-paragraph class=\"notification-modal__summary-value\">{{ item.value }}</symphony-paragraph>\n      </div>\n\n      <ng-content select=\"[notification-modal-body]\"></ng-content>\n    </section>\n\n    <div\n      *ngIf=\"model?.secondaryButtonText || model?.primaryButtonText\"\n      class=\"notification-modal__actions\"\n    >\n      <symphony-button-v2\n        *ngIf=\"model?.secondaryButtonText\"\n        class=\"notification-modal__button notification-modal__button--secondary\"\n        [text]=\"model.secondaryButtonText\"\n        [disabled]=\"model.secondaryButtonDisabled\"\n        [isSecondary]=\"true\"\n        (clicked)=\"onSecondaryButtonClick()\"\n      ></symphony-button-v2>\n\n      <symphony-button-v2\n        *ngIf=\"model?.primaryButtonText\"\n        class=\"notification-modal__button notification-modal__button--primary\"\n        [text]=\"model.primaryButtonText\"\n        [disabled]=\"model.primaryButtonDisabled\"\n        (clicked)=\"onPrimaryButtonClick($event)\"\n      ></symphony-button-v2>\n    </div>\n  </section>\n</div>\n", styles: [".notification-modal__body{padding:40px 30px;position:relative;text-align:center}.notification-modal__close-button{position:absolute;right:30px;top:30px;cursor:pointer}.notification-modal__icon{display:inline-flex;margin-bottom:10px}.notification-modal__heading{display:block;margin-bottom:10px}.notification-modal__message{display:block;margin-bottom:20px}.notification-modal__message p.body-copy-primary,.notification-modal__message p.body-copy-secondary{color:#5b6d80;font-size:16px}.notification-modal__summary{background:#f9fafb;border:1px solid #dce2ea;border-radius:10px;margin-bottom:30px;padding:30px 20px 25px;text-align:left}.notification-modal__summary-title{display:block;margin-bottom:10px}.notification-modal__summary-title p.body-copy-primary,.notification-modal__summary-title p.body-copy-secondary{font-size:18px}.notification-modal__summary-row{display:grid;grid-gap:5px;gap:5px;grid-template-columns:150px repeat(1,minmax(220px,1fr));padding:5px 0}.notification-modal__summary-label p.body-copy-primary,.notification-modal__summary-label p.body-copy-secondary{color:#6a768a}.notification-modal__actions{display:flex;gap:15px;justify-content:center}.notification-modal__button{flex:1 1 0}.notification-modal__button button{min-width:0;width:100%}\n"] }]
+            args: [{ selector: 'symphony-notification-modal', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx sfx-modal notification-modal\">\n  <section class=\"modal-body notification-modal__body sfx-p-30\">\n    <symphony-icon\n      class=\"notification-modal__close-button\"\n      [icon]=\"'si-close-modal'\"\n      (clicked)=\"onCloseButtonClick()\"\n    ></symphony-icon>\n\n    <div *ngIf=\"model?.icon && model.icon !== ''\" class=\"notification-modal__icon\">\n      <symphony-icon\n        [icon]=\"model.icon\"\n        [size]=\"model?.iconSize || '60px'\"\n        [iconColor]=\"model?.iconColor || '#16b783'\"\n      ></symphony-icon>\n    </div>\n\n    <symphony-h3\n      *ngIf=\"model?.heading\"\n      class=\"notification-modal__heading\"\n      [text]=\"model.heading\"\n    ></symphony-h3>\n\n    <symphony-paragraph *ngIf=\"model?.bodyText\" class=\"notification-modal__message\">\n      <span *ngIf=\"model?.candidateCount !== undefined\" class=\"notification-modal__count\">\n        {{ model.candidateCount }}\n      </span>\n      <span>\n        {{ model.bodyText }}\n      </span>\n    </symphony-paragraph>\n\n    <section\n      *ngIf=\"model?.summaryTitle || model?.summaryItems?.length || hasCandidateCards\"\n      class=\"notification-modal__summary\"\n    >\n      <symphony-paragraph *ngIf=\"model?.summaryTitle\" class=\"notification-modal__summary-title\">\n        {{ model.summaryTitle }}\n        <span\n          *ngIf=\"model?.candidateCount !== undefined\"\n          class=\"notification-modal__count notification-modal__count--summary\"\n        >\n          ({{ model.candidateCount }})\n        </span>\n      </symphony-paragraph>\n\n      <div *ngIf=\"hasCandidateCards\" class=\"notification-modal__candidate-cards\">\n        <symphony-candidate-card\n          *ngFor=\"let candidateCard of model?.candidateCards\"\n          [model]=\"candidateCard\"\n        ></symphony-candidate-card>\n      </div>\n\n      <ng-container *ngIf=\"!hasCandidateCards\">\n        <div *ngFor=\"let item of model?.summaryItems\" class=\"notification-modal__summary-row\">\n          <symphony-paragraph class=\"notification-modal__summary-label\">{{ item.label }}</symphony-paragraph>\n          <symphony-paragraph class=\"notification-modal__summary-value\">{{ item.value }}</symphony-paragraph>\n        </div>\n      </ng-container>\n\n      <ng-content select=\"[notification-modal-body]\"></ng-content>\n    </section>\n\n    <div\n      *ngIf=\"model?.secondaryButtonText || model?.primaryButtonText\"\n      class=\"notification-modal__actions\"\n    >\n      <symphony-button-v2\n        *ngIf=\"model?.secondaryButtonText\"\n        class=\"notification-modal__button notification-modal__button--secondary\"\n        [text]=\"model.secondaryButtonText\"\n        [disabled]=\"model.secondaryButtonDisabled\"\n        [isSecondary]=\"true\"\n        (clicked)=\"onSecondaryButtonClick()\"\n      ></symphony-button-v2>\n\n      <symphony-button-v2\n        *ngIf=\"model?.primaryButtonText\"\n        class=\"notification-modal__button notification-modal__button--primary\"\n        [text]=\"model.primaryButtonText\"\n        [disabled]=\"model.primaryButtonDisabled\"\n        (clicked)=\"onPrimaryButtonClick($event)\"\n      ></symphony-button-v2>\n    </div>\n  </section>\n</div>\n", styles: [".notification-modal__body{padding:40px 30px;position:relative;text-align:center}.notification-modal__close-button{position:absolute;right:30px;top:30px;cursor:pointer}.notification-modal__icon{display:inline-flex;margin-bottom:10px}.notification-modal__heading{display:block;margin-bottom:10px}.notification-modal__message{display:block;margin-bottom:20px}.notification-modal__message p.body-copy-primary,.notification-modal__message p.body-copy-secondary{color:#5b6d80;font-size:16px}.notification-modal__summary{background:#f9fafb;border:1px solid #dce2ea;border-radius:10px;margin-bottom:30px;padding:30px 20px 25px;text-align:left}.notification-modal__summary-title{display:block;margin-bottom:15px}.notification-modal__summary-title p.body-copy-primary,.notification-modal__summary-title p.body-copy-secondary{font-size:18px}.notification-modal__candidate-cards{display:flex;flex-direction:column;gap:15px}.notification-modal__summary-row{display:grid;grid-gap:5px;gap:5px;grid-template-columns:150px repeat(1,minmax(220px,1fr));padding:5px 0}.notification-modal__summary-label p.body-copy-primary,.notification-modal__summary-label p.body-copy-secondary{color:#6a768a}.notification-modal__actions{display:flex;gap:15px;justify-content:center}.notification-modal__button{flex:1 1 0}.notification-modal__button button{min-width:0;width:100%}\n"] }]
         }], propDecorators: { model: [{
                 type: Input
             }], closeButtonClicked: [{
@@ -10194,13 +10237,15 @@ NotificationModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0",
         H3Module,
         ParagraphModule,
         ButtonV2Module,
-        IconModule], exports: [NotificationModalComponent] });
+        IconModule,
+        CandidateCardModule], exports: [NotificationModalComponent] });
 NotificationModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NotificationModalModule, imports: [[
             CommonModule,
             H3Module,
             ParagraphModule,
             ButtonV2Module,
             IconModule,
+            CandidateCardModule,
         ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NotificationModalModule, decorators: [{
             type: NgModule,
@@ -10212,6 +10257,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                         ParagraphModule,
                         ButtonV2Module,
                         IconModule,
+                        CandidateCardModule,
                     ],
                     exports: [NotificationModalComponent],
                 }]
@@ -11388,5 +11434,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AISearchAssistantDrawerComponent, AISearchAssistantDrawerModule, ActionBarComponent, ActionBarJobListComponent, ActionBarJobListModule, ActionBarModule, ActionBarSelectionCounterComponent, ActionBarSelectionCounterModule, ActivityScoreLevel, AdditionModalComponent, AdditionModalModule, AdditionalInformationCardListComponent, AdditionalInformationCardListModule, AdvanceFilterSelectedCounterComponent, AdvanceFilterSelectedCounterModule, AdvanceSearchModalComponent, AdvanceSearchModalModule, AdvertiseModalComponent, AdvertiseModalModule, AdvertisedJobPostingsListPageComponent, AdvertisedJobPostingsListPageModule, AdvertisedJobPostingsModalComponent, AdvertisedJobPostingsModalModule, AdvertisedJobsCostComponent, AdvertisedJobsCostModule, AlertDuration, AssignToUserModalComponent, AssignToUserModalModule, AssignedToWidgetComponent, AssignedToWidgetModule, AtomsModule, AvatarComponent, AvatarModule, BreadcrumbComponent, BreadcrumbModule, BulkImportAdminListPageComponent, BulkImportAdminListPageModule, ButtonComponent, ButtonDropdownComponent, ButtonDropdownModule, ButtonModule, ButtonV2Component, ButtonV2Module, ButtonWithIconComponent, ButtonWithIconModule, CalendarAvailabilityModalComponent, CalendarAvailabilityModalModule, CapitalizeFirstCharacterPipe, CardComponent, CardListComponent, CardListModule, CardModule, CharacterCounterComponent, CharacterCounterModule, ChatHistoryDateStampComponent, ChatHistoryDateStampModule, ChatHistoryMessageAvatarComponent, ChatHistoryMessageAvatarModule, ChatHistoryMessageBubbleComponent, ChatHistoryMessageBubbleModule, ChatHistoryMessageItemComponent, ChatHistoryMessageItemModule, ChatHistoryMessageListComponent, ChatHistoryMessageListModule, ChatbotHistoryModalComponent, ChatbotHistoryModalModule, ColorNames, ColoredTextIndicatorComponent, ColoredTextIndicatorModule, ConfirmationModalComponent, ConfirmationModalModule, ContactActivityScoreComponent, ContactActivityScoreModule, ContextualMenuComponent, ContextualMenuModule, CreateSessionPageTemplateComponent, CreateSessionPageTemplateModule, DocumentManagementItemComponent, DocumentManagementItemModule, DocumentManagementListComponent, DocumentManagementListModule, DomainWhitelistingPartialPageComponent, DomainWhitelistingPartialPageModule, EditableSettingItemComponent, EditableSettingItemListComponent, EditableSettingItemListModule, EditableSettingItemModule, EditableSettingKey, EditableSettingPartialPageComponent, EditableSettingPartialPageModule, EmailValidator, EventSettingsMoreOptionsComponent, EventSettingsMoreOptionsModule, EventsSettingsPageComponent, EventsSettingsPageModule, FeedbackCardComponent, FeedbackCardListComponent, FeedbackCardListModule, FeedbackCardModule, FeedbackCardState, FeedbackDetailPageComponent, FeedbackDetailPageModule, FeedbackListPageComponent, FeedbackListPageModule, FeedbackLoginModalComponent, FeedbackLoginModalModule, FeedbackRequestListPageComponent, FeedbackRequestListPageModule, FeedbackSettingDetailsPageComponent, FeedbackSettingDetailsPageModule, FileUploadComponent, FileUploadModule, FileUploadV2Component, FileUploadV2Module, FilterAreaComponent, FilterAreaModule, FilterDetailComponent, FilterDetailModule, FilterDetailTreeComponent, FilterDetailTreeModule, FilterTabsComponent, FilterTabsModule, FilterTabsV2Component, FilterTabsV2Module, FormattedCounterComponent, FormattedCounterModule, FrameworkModule, GenerateLicenseModalComponent, GenerateLicenseModalModule, GridActionBarV2Component, GridActionBarV2Module, GridActionsComponent, GridActionsModule, GridCellClickableComponent, GridCellClickableModule, GridCellClickedOpenNewTabComponent, GridCellClickedOpenNewTabModule, GridCellLoaderModule, GridComponent, GridControlsComponent, GridControlsModule, GridDownloadComponent, GridDownloadModule, GridLoadingCellComponent, GridModule, GridNoRowsOverlayComponent, GridNoRowsOverlayModule, GridToggleCellRendererComponent, GridToggleCellRendererModule, H1Component, H1Module, H2Component, H2Module, H3Component, H3Module, H4Component, H4Module, H5Component, H5Module, H5WithIconComponent, H5WithIconModule, IconComponent, IconModule, IconWithTooltipComponent, IconWithTooltipModule, IconWrapperComponent, IconWrapperModule, Icons, InformationModalComponent, InformationModalModule, InputCheckboxComponent, InputCheckboxListComponent, InputCheckboxListModule, InputCheckboxModule, InputChipsComponent, InputChipsModule, InputDropdownComponent, InputDropdownList, InputDropdownListItemModel, InputDropdownModule, InputFileUploadComponent, InputFileUploadModule, InputLimitedTextComponent, InputLimitedTextModule, InputNumberComponent, InputNumberModule, InputRadioComponent, InputRadioModule, InputRadioToggleComponent, InputRadioToggleModule, InputSearchCheckboxDropdownComponent, InputSearchCheckboxDropdownModule, InputTextComponent, InputTextModule, InputTextareaComponent, InputTextareaModule, InputTextareaWithSendComponent, InputTextareaWithSendModule, InputToggleComponent, InputToggleModule, JobListPageComponent, JobListPageModule, LibrariesPageComponent, LibrariesPageModule, LinkedinPremiumJobPostingsModalComponent, LinkedinPremiumJobPostingsModalModule, MergeContactClickedOpenModalComponent, MergeContactClickedOpenModalModule, MergeContactsModalComponent, MergeContactsModalModule, MoleculesModule, MultiSelectDataModule, MultiselectSearchCheckbox, NavigationLinkComponent, NavigationLinkModule, NotificationModalComponent, NotificationModalModule, NotificationsComponent, NotificationsModule, OrganismsModule, OverflowTextComponent, OverflowTextModule, OverflowTextTooltipComponent, OverflowTextTooltipModule, ParagraphComponent, ParagraphModule, PartialPages, PhaserCardComponent, PhaserCardModule, PhaserComponent, PhaserModule, PillComponent, PillModule, PillsComponent, PillsModule, PipeModule, RelevanceScoreComponent, RelevanceScoreModule, ReportLicenseDetailsPageComponent, ReportLicenseDetailsPageModule, ReportsCardComponent, ReportsCardListComponent, ReportsCardListModule, ReportsCardModule, ReportsPageComponent, ReportsPageModule, SaveSearchModalComponent, SaveSearchModalModule, ScheduleInterviewModalComponent, ScheduleInterviewModalModule, SettingDetailPageComponent, SettingDetailPageModule, SettingListPageComponent, SettingListPageModule, SettingsDetailNavigationItemComponent, SettingsDetailNavigationItemModule, SettingsDetailNavigationListComponent, SettingsDetailNavigationListModule, SettingsLicenseManagementComponent, SettingsLicenseManagementModule, SettingsReportManagementComponent, SettingsReportManagementModule, SfxLoaderComponent, SfxLoaderModule, SfxPageLoaderComponent, SfxPageLoaderModule, SfxProgressBarComponent, SfxProgressBarModule, SidebarNavigationComponent, SidebarNavigationModule, SidebarNavigationV2Component, SidebarNavigationV2Module, SmsUsageReportPageComponent, SmsUsageReportPageModule, StatusCardComponent, StatusCardModule, StatusIndicatorComponent, StatusIndicatorModule, StatusPillComponent, StatusPillModule, SymphonyModalComponent, SymphonyModalModule, TabsComponent, TabsModules, TaskStatusComponent, TaskStatusModule, TemplatesModule, ToasterAlertComponent, ToasterAlertModel, ToasterAlertModule, ToasterAlertType, TooltipWrapperComponent, TooltipWrapperModule, TrimIdPipe, TwoColumnFilterAreaComponent, TwoColumnFilterAreaModule, UploadResumeModalComponent, UploadResumeModalModule, VerticalSeparatorComponent, VerticalSeparatorModule, gridType };
+export { AISearchAssistantDrawerComponent, AISearchAssistantDrawerModule, ActionBarComponent, ActionBarJobListComponent, ActionBarJobListModule, ActionBarModule, ActionBarSelectionCounterComponent, ActionBarSelectionCounterModule, ActivityScoreLevel, AdditionModalComponent, AdditionModalModule, AdditionalInformationCardListComponent, AdditionalInformationCardListModule, AdvanceFilterSelectedCounterComponent, AdvanceFilterSelectedCounterModule, AdvanceSearchModalComponent, AdvanceSearchModalModule, AdvertiseModalComponent, AdvertiseModalModule, AdvertisedJobPostingsListPageComponent, AdvertisedJobPostingsListPageModule, AdvertisedJobPostingsModalComponent, AdvertisedJobPostingsModalModule, AdvertisedJobsCostComponent, AdvertisedJobsCostModule, AlertDuration, AssignToUserModalComponent, AssignToUserModalModule, AssignedToWidgetComponent, AssignedToWidgetModule, AtomsModule, AvatarComponent, AvatarModule, BreadcrumbComponent, BreadcrumbModule, BulkImportAdminListPageComponent, BulkImportAdminListPageModule, ButtonComponent, ButtonDropdownComponent, ButtonDropdownModule, ButtonModule, ButtonV2Component, ButtonV2Module, ButtonWithIconComponent, ButtonWithIconModule, CalendarAvailabilityModalComponent, CalendarAvailabilityModalModule, CandidateCardComponent, CandidateCardModule, CapitalizeFirstCharacterPipe, CardComponent, CardListComponent, CardListModule, CardModule, CharacterCounterComponent, CharacterCounterModule, ChatHistoryDateStampComponent, ChatHistoryDateStampModule, ChatHistoryMessageAvatarComponent, ChatHistoryMessageAvatarModule, ChatHistoryMessageBubbleComponent, ChatHistoryMessageBubbleModule, ChatHistoryMessageItemComponent, ChatHistoryMessageItemModule, ChatHistoryMessageListComponent, ChatHistoryMessageListModule, ChatbotHistoryModalComponent, ChatbotHistoryModalModule, ColorNames, ColoredTextIndicatorComponent, ColoredTextIndicatorModule, ConfirmationModalComponent, ConfirmationModalModule, ContactActivityScoreComponent, ContactActivityScoreModule, ContextualMenuComponent, ContextualMenuModule, CreateSessionPageTemplateComponent, CreateSessionPageTemplateModule, DocumentManagementItemComponent, DocumentManagementItemModule, DocumentManagementListComponent, DocumentManagementListModule, DomainWhitelistingPartialPageComponent, DomainWhitelistingPartialPageModule, EditableSettingItemComponent, EditableSettingItemListComponent, EditableSettingItemListModule, EditableSettingItemModule, EditableSettingKey, EditableSettingPartialPageComponent, EditableSettingPartialPageModule, EmailValidator, EventSettingsMoreOptionsComponent, EventSettingsMoreOptionsModule, EventsSettingsPageComponent, EventsSettingsPageModule, FeedbackCardComponent, FeedbackCardListComponent, FeedbackCardListModule, FeedbackCardModule, FeedbackCardState, FeedbackDetailPageComponent, FeedbackDetailPageModule, FeedbackListPageComponent, FeedbackListPageModule, FeedbackLoginModalComponent, FeedbackLoginModalModule, FeedbackRequestListPageComponent, FeedbackRequestListPageModule, FeedbackSettingDetailsPageComponent, FeedbackSettingDetailsPageModule, FileUploadComponent, FileUploadModule, FileUploadV2Component, FileUploadV2Module, FilterAreaComponent, FilterAreaModule, FilterDetailComponent, FilterDetailModule, FilterDetailTreeComponent, FilterDetailTreeModule, FilterTabsComponent, FilterTabsModule, FilterTabsV2Component, FilterTabsV2Module, FormattedCounterComponent, FormattedCounterModule, FrameworkModule, GenerateLicenseModalComponent, GenerateLicenseModalModule, GridActionBarV2Component, GridActionBarV2Module, GridActionsComponent, GridActionsModule, GridCellClickableComponent, GridCellClickableModule, GridCellClickedOpenNewTabComponent, GridCellClickedOpenNewTabModule, GridCellLoaderModule, GridComponent, GridControlsComponent, GridControlsModule, GridDownloadComponent, GridDownloadModule, GridLoadingCellComponent, GridModule, GridNoRowsOverlayComponent, GridNoRowsOverlayModule, GridToggleCellRendererComponent, GridToggleCellRendererModule, H1Component, H1Module, H2Component, H2Module, H3Component, H3Module, H4Component, H4Module, H5Component, H5Module, H5WithIconComponent, H5WithIconModule, IconComponent, IconModule, IconWithTooltipComponent, IconWithTooltipModule, IconWrapperComponent, IconWrapperModule, Icons, InformationModalComponent, InformationModalModule, InputCheckboxComponent, InputCheckboxListComponent, InputCheckboxListModule, InputCheckboxModule, InputChipsComponent, InputChipsModule, InputDropdownComponent, InputDropdownList, InputDropdownListItemModel, InputDropdownModule, InputFileUploadComponent, InputFileUploadModule, InputLimitedTextComponent, InputLimitedTextModule, InputNumberComponent, InputNumberModule, InputRadioComponent, InputRadioModule, InputRadioToggleComponent, InputRadioToggleModule, InputSearchCheckboxDropdownComponent, InputSearchCheckboxDropdownModule, InputTextComponent, InputTextModule, InputTextareaComponent, InputTextareaModule, InputTextareaWithSendComponent, InputTextareaWithSendModule, InputToggleComponent, InputToggleModule, JobListPageComponent, JobListPageModule, LibrariesPageComponent, LibrariesPageModule, LinkedinPremiumJobPostingsModalComponent, LinkedinPremiumJobPostingsModalModule, MergeContactClickedOpenModalComponent, MergeContactClickedOpenModalModule, MergeContactsModalComponent, MergeContactsModalModule, MoleculesModule, MultiSelectDataModule, MultiselectSearchCheckbox, NavigationLinkComponent, NavigationLinkModule, NotificationModalComponent, NotificationModalModule, NotificationsComponent, NotificationsModule, OrganismsModule, OverflowTextComponent, OverflowTextModule, OverflowTextTooltipComponent, OverflowTextTooltipModule, ParagraphComponent, ParagraphModule, PartialPages, PhaserCardComponent, PhaserCardModule, PhaserComponent, PhaserModule, PillComponent, PillModule, PillsComponent, PillsModule, PipeModule, RelevanceScoreComponent, RelevanceScoreModule, ReportLicenseDetailsPageComponent, ReportLicenseDetailsPageModule, ReportsCardComponent, ReportsCardListComponent, ReportsCardListModule, ReportsCardModule, ReportsPageComponent, ReportsPageModule, SaveSearchModalComponent, SaveSearchModalModule, ScheduleInterviewModalComponent, ScheduleInterviewModalModule, SettingDetailPageComponent, SettingDetailPageModule, SettingListPageComponent, SettingListPageModule, SettingsDetailNavigationItemComponent, SettingsDetailNavigationItemModule, SettingsDetailNavigationListComponent, SettingsDetailNavigationListModule, SettingsLicenseManagementComponent, SettingsLicenseManagementModule, SettingsReportManagementComponent, SettingsReportManagementModule, SfxLoaderComponent, SfxLoaderModule, SfxPageLoaderComponent, SfxPageLoaderModule, SfxProgressBarComponent, SfxProgressBarModule, SidebarNavigationComponent, SidebarNavigationModule, SidebarNavigationV2Component, SidebarNavigationV2Module, SmsUsageReportPageComponent, SmsUsageReportPageModule, StatusCardComponent, StatusCardModule, StatusIndicatorComponent, StatusIndicatorModule, StatusPillComponent, StatusPillModule, SymphonyModalComponent, SymphonyModalModule, TabsComponent, TabsModules, TaskStatusComponent, TaskStatusModule, TemplatesModule, ToasterAlertComponent, ToasterAlertModel, ToasterAlertModule, ToasterAlertType, TooltipWrapperComponent, TooltipWrapperModule, TrimIdPipe, TwoColumnFilterAreaComponent, TwoColumnFilterAreaModule, UploadResumeModalComponent, UploadResumeModalModule, VerticalSeparatorComponent, VerticalSeparatorModule, gridType };
 //# sourceMappingURL=symphony-talent-component-library.mjs.map