@symphony-talent/component-library 4.221.0 → 4.223.0

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

@@ -1914,16 +1914,18 @@ class InputNumberComponent {
     }
 }
 InputNumberComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-InputNumberComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputNumberComponent, selector: "symphony-input-number", inputs: { label: "label", maxValue: "maxValue", errorMessage: "errorMessage" }, outputs: { valueChanged: "valueChanged" }, ngImport: i0, template: "<div class=\"input-number-wrap\">\n    <div class=\"row\">\n        <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n            <label for=\"input-number\" class=\"input-number-label\">{{label}}</label>\n        </div>\n    </div>\n    <div class=\"row\">\n        <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n            <input #input type=\"number\" min=\"1\" name=\"input-number\" class=\"input-number\" autocomplete=\"off\" [(ngModel)]=\"value\"\n                (keyup)=\"onValueChange(value)\" oninput=\"validity.valid||(value='')\" />\n        </div>\n    </div>\n    <p class=\"error\" *ngIf=\"value > maxValue\">{{errorMessage}}</p>\n</div>", styles: [".input-number-wrap{position:relative;padding:15px}.input-number-wrap.input-secondary{color:#000}.input-number-wrap.input-secondary .input-number{background-color:#fff;border-color:#334860}.input-number-wrap .input-number-label{display:block;font-weight:500;margin-bottom:.3rem;line-height:25px}.input-number-wrap .input-number-label.sfx-d-inline-block{display:inline-block}.input-number-wrap .input-number{width:100%;height:40px;border:1px solid #334860;border-radius:4px;padding-left:.9375rem;padding-right:1.875rem;line-height:25px}.input-number-wrap .input-number:focus{border-color:#464646}.input-number-wrap .input-number:focus-visible{outline:none}.input-number-wrap .error{color:#ac4463}.input-number-wrap input::-webkit-outer-spin-button,.input-number-wrap input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-number-wrap input[type=number]{-moz-appearance:textfield}\n"], directives: [{ type: i1$4.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { type: i1$4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+InputNumberComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputNumberComponent, selector: "symphony-input-number", inputs: { label: "label", maxValue: "maxValue", errorMessage: "errorMessage", placeholder: "placeholder" }, outputs: { valueChanged: "valueChanged" }, ngImport: i0, template: "<div class=\"input-number-wrap\">\n    <div>\n        <label for=\"input-number\" class=\"input-number-label\">{{label}}</label>\n    </div>\n    <div>\n        <input #input type=\"number\" min=\"1\" name=\"input-number\" class=\"input-number\" autocomplete=\"off\" [(ngModel)]=\"value\" placeholder=\"{{ placeholder }}\"\n            (keyup)=\"onValueChange(value)\" oninput=\"validity.valid||(value='')\" />\n    </div>\n    <p class=\"error\" *ngIf=\"value > maxValue && errorMessage\">{{errorMessage}}</p>\n</div>", styles: [".input-number-wrap{position:relative;padding:15px}.input-number-wrap.input-secondary{color:#000}.input-number-wrap.input-secondary .input-number{background-color:#fff;border-color:#334860}.input-number-wrap .input-number-label{display:block;font-weight:500;margin-bottom:.3rem;line-height:25px}.input-number-wrap .input-number-label.sfx-d-inline-block{display:inline-block}.input-number-wrap .input-number{width:100%;height:40px;border:1px solid #334860;border-radius:4px;padding-left:.9375rem;padding-right:.9375rem;line-height:25px}.input-number-wrap .input-number:focus{border-color:#464646}.input-number-wrap .input-number:focus-visible{outline:none}.input-number-wrap .error{color:#ac4463}.input-number-wrap input::-webkit-outer-spin-button,.input-number-wrap input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-number-wrap input[type=number]{-moz-appearance:textfield}\n"], directives: [{ type: i1$4.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { type: i1$4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputNumberComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-input-number', template: "<div class=\"input-number-wrap\">\n    <div class=\"row\">\n        <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n            <label for=\"input-number\" class=\"input-number-label\">{{label}}</label>\n        </div>\n    </div>\n    <div class=\"row\">\n        <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n            <input #input type=\"number\" min=\"1\" name=\"input-number\" class=\"input-number\" autocomplete=\"off\" [(ngModel)]=\"value\"\n                (keyup)=\"onValueChange(value)\" oninput=\"validity.valid||(value='')\" />\n        </div>\n    </div>\n    <p class=\"error\" *ngIf=\"value > maxValue\">{{errorMessage}}</p>\n</div>", styles: [".input-number-wrap{position:relative;padding:15px}.input-number-wrap.input-secondary{color:#000}.input-number-wrap.input-secondary .input-number{background-color:#fff;border-color:#334860}.input-number-wrap .input-number-label{display:block;font-weight:500;margin-bottom:.3rem;line-height:25px}.input-number-wrap .input-number-label.sfx-d-inline-block{display:inline-block}.input-number-wrap .input-number{width:100%;height:40px;border:1px solid #334860;border-radius:4px;padding-left:.9375rem;padding-right:1.875rem;line-height:25px}.input-number-wrap .input-number:focus{border-color:#464646}.input-number-wrap .input-number:focus-visible{outline:none}.input-number-wrap .error{color:#ac4463}.input-number-wrap input::-webkit-outer-spin-button,.input-number-wrap input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-number-wrap input[type=number]{-moz-appearance:textfield}\n"] }]
+            args: [{ selector: 'symphony-input-number', template: "<div class=\"input-number-wrap\">\n    <div>\n        <label for=\"input-number\" class=\"input-number-label\">{{label}}</label>\n    </div>\n    <div>\n        <input #input type=\"number\" min=\"1\" name=\"input-number\" class=\"input-number\" autocomplete=\"off\" [(ngModel)]=\"value\" placeholder=\"{{ placeholder }}\"\n            (keyup)=\"onValueChange(value)\" oninput=\"validity.valid||(value='')\" />\n    </div>\n    <p class=\"error\" *ngIf=\"value > maxValue && errorMessage\">{{errorMessage}}</p>\n</div>", styles: [".input-number-wrap{position:relative;padding:15px}.input-number-wrap.input-secondary{color:#000}.input-number-wrap.input-secondary .input-number{background-color:#fff;border-color:#334860}.input-number-wrap .input-number-label{display:block;font-weight:500;margin-bottom:.3rem;line-height:25px}.input-number-wrap .input-number-label.sfx-d-inline-block{display:inline-block}.input-number-wrap .input-number{width:100%;height:40px;border:1px solid #334860;border-radius:4px;padding-left:.9375rem;padding-right:.9375rem;line-height:25px}.input-number-wrap .input-number:focus{border-color:#464646}.input-number-wrap .input-number:focus-visible{outline:none}.input-number-wrap .error{color:#ac4463}.input-number-wrap input::-webkit-outer-spin-button,.input-number-wrap input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-number-wrap input[type=number]{-moz-appearance:textfield}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { label: [{
                 type: Input
             }], maxValue: [{
                 type: Input
             }], errorMessage: [{
                 type: Input
+            }], placeholder: [{
+                type: Input
             }], valueChanged: [{
                 type: Output
             }] } });
@@ -5200,7 +5202,7 @@ class GenerateLicenseModalComponent {
     }
 }
 GenerateLicenseModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GenerateLicenseModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-GenerateLicenseModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GenerateLicenseModalComponent, selector: "symphony-generate-license-modal", inputs: { model: "model" }, outputs: { closeButtonClicked: "closeButtonClicked", inputValueChanged: "inputValueChanged" }, ngImport: i0, template: "<div *ngIf=\"model\" class=\"sfx sfx-modal\">\n    <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n        <div class=\"modal-title\">\n            <div class=\"row\">\n                <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n                    <symphony-h4 [text]=\"model.title\"\n                    ></symphony-h4\n                  >\n                </div>\n                <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n                    <symphony-icon\n                    class=\"pull-right\"\n                    [icon]=\"'si-close-modal'\"\n                    (clicked)=\"onCloseButtonClick()\"\n                  ></symphony-icon>\n                </div>\n            </div>\n        </div>\n    </section>\n    <div class=\"row\">\n            <section class=\"modal-body sfx-p-30 wrapped\">\n                <symphony-input-number [label]=\"model.label\" [maxValue]=\"model.maxValue\" [errorMessage] = \"model.errorMessage\"\n                    (valueChanged)=\"inputValue($event)\">\n                </symphony-input-number>\n            </section>\n    </div>\n    <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n        <symphony-button-v2 class=\"sfx-ml-20\" [text]=\"model.buttonText\" [disabled]=\"this.value > model.maxValue || !this.value\"\n            (clicked)=\"onGenerateButtonClick()\"></symphony-button-v2>\n    </section>\n</div>", styles: [".wrapped{word-break:break-word}\n"], components: [{ type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: InputNumberComponent, selector: "symphony-input-number", inputs: ["label", "maxValue", "errorMessage"], outputs: ["valueChanged"] }, { type: ButtonV2Component, selector: "symphony-button-v2" }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+GenerateLicenseModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GenerateLicenseModalComponent, selector: "symphony-generate-license-modal", inputs: { model: "model" }, outputs: { closeButtonClicked: "closeButtonClicked", inputValueChanged: "inputValueChanged" }, ngImport: i0, template: "<div *ngIf=\"model\" class=\"sfx sfx-modal\">\n    <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n        <div class=\"modal-title\">\n            <div class=\"row\">\n                <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n                    <symphony-h4 [text]=\"model.title\"\n                    ></symphony-h4\n                  >\n                </div>\n                <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n                    <symphony-icon\n                    class=\"pull-right\"\n                    [icon]=\"'si-close-modal'\"\n                    (clicked)=\"onCloseButtonClick()\"\n                  ></symphony-icon>\n                </div>\n            </div>\n        </div>\n    </section>\n    <div class=\"row\">\n            <section class=\"modal-body sfx-p-30 wrapped\">\n                <symphony-input-number [label]=\"model.label\" [maxValue]=\"model.maxValue\" [errorMessage] = \"model.errorMessage\"\n                    (valueChanged)=\"inputValue($event)\">\n                </symphony-input-number>\n            </section>\n    </div>\n    <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n        <symphony-button-v2 class=\"sfx-ml-20\" [text]=\"model.buttonText\" [disabled]=\"this.value > model.maxValue || !this.value\"\n            (clicked)=\"onGenerateButtonClick()\"></symphony-button-v2>\n    </section>\n</div>", styles: [".wrapped{word-break:break-word}\n"], components: [{ type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: InputNumberComponent, selector: "symphony-input-number", inputs: ["label", "maxValue", "errorMessage", "placeholder"], outputs: ["valueChanged"] }, { type: ButtonV2Component, selector: "symphony-button-v2" }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GenerateLicenseModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-generate-license-modal', template: "<div *ngIf=\"model\" class=\"sfx sfx-modal\">\n    <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n        <div class=\"modal-title\">\n            <div class=\"row\">\n                <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n                    <symphony-h4 [text]=\"model.title\"\n                    ></symphony-h4\n                  >\n                </div>\n                <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n                    <symphony-icon\n                    class=\"pull-right\"\n                    [icon]=\"'si-close-modal'\"\n                    (clicked)=\"onCloseButtonClick()\"\n                  ></symphony-icon>\n                </div>\n            </div>\n        </div>\n    </section>\n    <div class=\"row\">\n            <section class=\"modal-body sfx-p-30 wrapped\">\n                <symphony-input-number [label]=\"model.label\" [maxValue]=\"model.maxValue\" [errorMessage] = \"model.errorMessage\"\n                    (valueChanged)=\"inputValue($event)\">\n                </symphony-input-number>\n            </section>\n    </div>\n    <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n        <symphony-button-v2 class=\"sfx-ml-20\" [text]=\"model.buttonText\" [disabled]=\"this.value > model.maxValue || !this.value\"\n            (clicked)=\"onGenerateButtonClick()\"></symphony-button-v2>\n    </section>\n</div>", styles: [".wrapped{word-break:break-word}\n"] }]
@@ -10145,6 +10147,67 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                 }]
         }] });
 
+class NotificationModalComponent {
+    constructor() {
+        this.closeButtonClicked = new EventEmitter();
+        this.primaryButtonClicked = new EventEmitter();
+        this.secondaryButtonClicked = new EventEmitter();
+    }
+    onCloseButtonClick() {
+        this.closeButtonClicked.emit();
+    }
+    onPrimaryButtonClick(event) {
+        this.primaryButtonClicked.emit(event);
+    }
+    onSecondaryButtonClick() {
+        this.secondaryButtonClicked.emit();
+    }
+}
+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 });
+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"] }]
+        }], propDecorators: { model: [{
+                type: Input
+            }], closeButtonClicked: [{
+                type: Output
+            }], primaryButtonClicked: [{
+                type: Output
+            }], secondaryButtonClicked: [{
+                type: Output
+            }] } });
+
+class NotificationModalModule {
+}
+NotificationModalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NotificationModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NotificationModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NotificationModalModule, declarations: [NotificationModalComponent], imports: [CommonModule,
+        H3Module,
+        ParagraphModule,
+        ButtonV2Module,
+        IconModule], exports: [NotificationModalComponent] });
+NotificationModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NotificationModalModule, imports: [[
+            CommonModule,
+            H3Module,
+            ParagraphModule,
+            ButtonV2Module,
+            IconModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NotificationModalModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NotificationModalComponent],
+                    imports: [
+                        CommonModule,
+                        H3Module,
+                        ParagraphModule,
+                        ButtonV2Module,
+                        IconModule,
+                    ],
+                    exports: [NotificationModalComponent],
+                }]
+        }] });
+
 class JobListPageComponent {
     constructor() {
         this.addButtonClicked = new EventEmitter();
@@ -11316,5 +11379,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, 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, 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