npm - @symphony-talent/component-library - Versions diffs - 4.222.0 → 4.224.0 - Mend

@symphony-talent/component-library 4.222.0 → 4.224.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (29) hide show

package/esm2020/lib/pages/modals/linkedin-premium-job-postings-modal/linkedin-premium-job-postings-modal.component.mjs CHANGED Viewed

@@ -8,6 +8,9 @@ import * as i5 from "../../../atoms/sfx-loader/sfx-loader.component";
 import * as i6 from "@angular/common";
 export class LinkedinPremiumJobPostingsModalComponent {
     constructor() {
+        this.title = 'LinkedIn Premium Postings';
+        this.subtitle = 'LinkedIn Terms & Conditions';
+        this.subtitleLink = 'https://www.linkedin.com/legal/jobs-terms-conditions';
         this.closeModal = new EventEmitter();
     }
     onCloseClick() {
@@ -15,13 +18,19 @@ export class LinkedinPremiumJobPostingsModalComponent {
     }
 }
 LinkedinPremiumJobPostingsModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: LinkedinPremiumJobPostingsModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-LinkedinPremiumJobPostingsModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: LinkedinPremiumJobPostingsModalComponent, selector: "symphony-linkedin-premium-job-postings-modal", inputs: { isLoading: "isLoading" }, outputs: { closeModal: "closeModal" }, ngImport: i0, template: "<symphony-two-column-modal-template [hideFooter]=\"true\" [hideSubtitle]=\"false\">\n  <symphony-h4 sfx-modal-title>LinkedIn Premium Postings</symphony-h4>\n  <symphony-paragraph sfx-modal-subtitle\n    ><a\n      sfx-modal-subtitle\n      target=\"_blank\"\n      href=\"https://www.linkedin.com/legal/jobs-terms-conditions\"\n      >LinkedIn Terms & Conditions</a\n    ></symphony-paragraph\n  >\n\n  <symphony-icon\n    sfx-close-button\n    [icon]=\"'si-close-modal'\"\n    (click)=\"onCloseClick()\"\n  ></symphony-icon>\n  <div class=\"loader-container\" *ngIf=\"isLoading\" sfx-modal-body-area>\n    <div class=\"loader-position\">\n      <symphony-sfx-loader></symphony-sfx-loader>\n    </div>\n  </div>\n  <ng-content\n    ngProjectAs=\"[sfx-modal-body-area]\"\n    select=\"[sfx-modal-body-area]\"\n  ></ng-content>\n</symphony-two-column-modal-template>\n", styles: [".loader-container{padding:20px;height:400px;position:relative}.loader-position{position:absolute;top:50%;left:47%;transform:translateY(-50%)}\n"], components: [{ type: i1.TwoColumnModalTemplateComponent, selector: "symphony-two-column-modal-template", inputs: ["hideFooter", "hideSubtitle"] }, { type: i2.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i4.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i5.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+LinkedinPremiumJobPostingsModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: LinkedinPremiumJobPostingsModalComponent, selector: "symphony-linkedin-premium-job-postings-modal", inputs: { isLoading: "isLoading", title: "title", subtitle: "subtitle", subtitleLink: "subtitleLink" }, outputs: { closeModal: "closeModal" }, ngImport: i0, template: "<symphony-two-column-modal-template [hideFooter]=\"true\" [hideSubtitle]=\"false\">\n  <symphony-h4 sfx-modal-title>{{ title }}</symphony-h4>\n  <symphony-paragraph sfx-modal-subtitle>\n    <a *ngIf=\"subtitleLink; else plainSubtitle\"\n     sfx-modal-subtitle\n     [href]=\"subtitleLink\"\n     target=\"_blank\">\n    {{ subtitle }}\n  </a>\n    <ng-template #plainSubtitle>{{ subtitle }}</ng-template>\n  </symphony-paragraph>\n\n  <symphony-icon\n    sfx-close-button\n    [icon]=\"'si-close-modal'\"\n    (click)=\"onCloseClick()\"\n  ></symphony-icon>\n  <div class=\"loader-container\" *ngIf=\"isLoading\" sfx-modal-body-area>\n    <div class=\"loader-position\">\n      <symphony-sfx-loader></symphony-sfx-loader>\n    </div>\n  </div>\n  <ng-content\n    ngProjectAs=\"[sfx-modal-body-area]\"\n    select=\"[sfx-modal-body-area]\"\n  ></ng-content>\n</symphony-two-column-modal-template>\n", styles: [".loader-container{padding:20px;height:400px;position:relative}.loader-position{position:absolute;top:50%;left:47%;transform:translateY(-50%)}\n"], components: [{ type: i1.TwoColumnModalTemplateComponent, selector: "symphony-two-column-modal-template", inputs: ["hideFooter", "hideSubtitle"] }, { type: i2.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i4.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i5.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: LinkedinPremiumJobPostingsModalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-linkedin-premium-job-postings-modal', template: "<symphony-two-column-modal-template [hideFooter]=\"true\" [hideSubtitle]=\"false\">\n  <symphony-h4 sfx-modal-title>LinkedIn Premium Postings</symphony-h4>\n  <symphony-paragraph sfx-modal-subtitle\n    ><a\n      sfx-modal-subtitle\n      target=\"_blank\"\n      href=\"https://www.linkedin.com/legal/jobs-terms-conditions\"\n      >LinkedIn Terms & Conditions</a\n    ></symphony-paragraph\n  >\n\n  <symphony-icon\n    sfx-close-button\n    [icon]=\"'si-close-modal'\"\n    (click)=\"onCloseClick()\"\n  ></symphony-icon>\n  <div class=\"loader-container\" *ngIf=\"isLoading\" sfx-modal-body-area>\n    <div class=\"loader-position\">\n      <symphony-sfx-loader></symphony-sfx-loader>\n    </div>\n  </div>\n  <ng-content\n    ngProjectAs=\"[sfx-modal-body-area]\"\n    select=\"[sfx-modal-body-area]\"\n  ></ng-content>\n</symphony-two-column-modal-template>\n", styles: [".loader-container{padding:20px;height:400px;position:relative}.loader-position{position:absolute;top:50%;left:47%;transform:translateY(-50%)}\n"] }]
+            args: [{ selector: 'symphony-linkedin-premium-job-postings-modal', template: "<symphony-two-column-modal-template [hideFooter]=\"true\" [hideSubtitle]=\"false\">\n  <symphony-h4 sfx-modal-title>{{ title }}</symphony-h4>\n  <symphony-paragraph sfx-modal-subtitle>\n    <a *ngIf=\"subtitleLink; else plainSubtitle\"\n     sfx-modal-subtitle\n     [href]=\"subtitleLink\"\n     target=\"_blank\">\n    {{ subtitle }}\n  </a>\n    <ng-template #plainSubtitle>{{ subtitle }}</ng-template>\n  </symphony-paragraph>\n\n  <symphony-icon\n    sfx-close-button\n    [icon]=\"'si-close-modal'\"\n    (click)=\"onCloseClick()\"\n  ></symphony-icon>\n  <div class=\"loader-container\" *ngIf=\"isLoading\" sfx-modal-body-area>\n    <div class=\"loader-position\">\n      <symphony-sfx-loader></symphony-sfx-loader>\n    </div>\n  </div>\n  <ng-content\n    ngProjectAs=\"[sfx-modal-body-area]\"\n    select=\"[sfx-modal-body-area]\"\n  ></ng-content>\n</symphony-two-column-modal-template>\n", styles: [".loader-container{padding:20px;height:400px;position:relative}.loader-position{position:absolute;top:50%;left:47%;transform:translateY(-50%)}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { isLoading: [{
                 type: Input
+            }], title: [{
+                type: Input
+            }], subtitle: [{
+                type: Input
+            }], subtitleLink: [{
+                type: Input
             }], closeModal: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlua2VkaW4tcHJlbWl1bS1qb2ItcG9zdGluZ3MtbW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9wYWdlcy9tb2RhbHMvbGlua2VkaW4tcHJlbWl1bS1qb2ItcG9zdGluZ3MtbW9kYWwvbGlua2VkaW4tcHJlbWl1bS1qb2ItcG9zdGluZ3MtbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9wYWdlcy9tb2RhbHMvbGlua2VkaW4tcHJlbWl1bS1qb2ItcG9zdGluZ3MtbW9kYWwvbGlua2VkaW4tcHJlbWl1bS1qb2ItcG9zdGluZ3MtbW9kYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7QUFPL0UsTUFBTSxPQUFPLHdDQUF3QztJQUtuRDtRQUZVLGVBQVUsR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQUVyRCxDQUFDO0lBRWhCLFlBQVk7UUFDVixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3pCLENBQUM7O3FJQVRVLHdDQUF3Qzt5SEFBeEMsd0NBQXdDLCtKQ1ByRCxvMkJBMEJBOzJGRG5CYSx3Q0FBd0M7a0JBTHBELFNBQVM7K0JBQ0UsOENBQThDOzBFQUsvQyxTQUFTO3NCQUFqQixLQUFLO2dCQUVJLFVBQVU7c0JBQW5CLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWxpbmtlZGluLXByZW1pdW0tam9iLXBvc3RpbmdzLW1vZGFsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2xpbmtlZGluLXByZW1pdW0tam9iLXBvc3RpbmdzLW1vZGFsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbGlua2VkaW4tcHJlbWl1bS1qb2ItcG9zdGluZ3MtbW9kYWwuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgTGlua2VkaW5QcmVtaXVtSm9iUG9zdGluZ3NNb2RhbENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGlzTG9hZGluZzogYm9vbGVhbjtcblxuICBAT3V0cHV0KCkgY2xvc2VNb2RhbDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBvbkNsb3NlQ2xpY2soKSB7XG4gICAgdGhpcy5jbG9zZU1vZGFsLmVtaXQoKTtcbiAgfVxufVxuIiwiPHN5bXBob255LXR3by1jb2x1bW4tbW9kYWwtdGVtcGxhdGUgW2hpZGVGb290ZXJdPVwidHJ1ZVwiIFtoaWRlU3VidGl0bGVdPVwiZmFsc2VcIj5cbiAgPHN5bXBob255LWg0IHNmeC1tb2RhbC10aXRsZT5MaW5rZWRJbiBQcmVtaXVtIFBvc3RpbmdzPC9zeW1waG9ueS1oND5cbiAgPHN5bXBob255LXBhcmFncmFwaCBzZngtbW9kYWwtc3VidGl0bGVcbiAgICA+PGFcbiAgICAgIHNmeC1tb2RhbC1zdWJ0aXRsZVxuICAgICAgdGFyZ2V0PVwiX2JsYW5rXCJcbiAgICAgIGhyZWY9XCJodHRwczovL3d3dy5saW5rZWRpbi5jb20vbGVnYWwvam9icy10ZXJtcy1jb25kaXRpb25zXCJcbiAgICAgID5MaW5rZWRJbiBUZXJtcyAmIENvbmRpdGlvbnM8L2FcbiAgICA+PC9zeW1waG9ueS1wYXJhZ3JhcGhcbiAgPlxuXG4gIDxzeW1waG9ueS1pY29uXG4gICAgc2Z4LWNsb3NlLWJ1dHRvblxuICAgIFtpY29uXT1cIidzaS1jbG9zZS1tb2RhbCdcIlxuICAgIChjbGljayk9XCJvbkNsb3NlQ2xpY2soKVwiXG4gID48L3N5bXBob255LWljb24+XG4gIDxkaXYgY2xhc3M9XCJsb2FkZXItY29udGFpbmVyXCIgKm5nSWY9XCJpc0xvYWRpbmdcIiBzZngtbW9kYWwtYm9keS1hcmVhPlxuICAgIDxkaXYgY2xhc3M9XCJsb2FkZXItcG9zaXRpb25cIj5cbiAgICAgIDxzeW1waG9ueS1zZngtbG9hZGVyPjwvc3ltcGhvbnktc2Z4LWxvYWRlcj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIDxuZy1jb250ZW50XG4gICAgbmdQcm9qZWN0QXM9XCJbc2Z4LW1vZGFsLWJvZHktYXJlYV1cIlxuICAgIHNlbGVjdD1cIltzZngtbW9kYWwtYm9keS1hcmVhXVwiXG4gID48L25nLWNvbnRlbnQ+XG48L3N5bXBob255LXR3by1jb2x1bW4tbW9kYWwtdGVtcGxhdGU+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlua2VkaW4tcHJlbWl1bS1qb2ItcG9zdGluZ3MtbW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9wYWdlcy9tb2RhbHMvbGlua2VkaW4tcHJlbWl1bS1qb2ItcG9zdGluZ3MtbW9kYWwvbGlua2VkaW4tcHJlbWl1bS1qb2ItcG9zdGluZ3MtbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9wYWdlcy9tb2RhbHMvbGlua2VkaW4tcHJlbWl1bS1qb2ItcG9zdGluZ3MtbW9kYWwvbGlua2VkaW4tcHJlbWl1bS1qb2ItcG9zdGluZ3MtbW9kYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7QUFPdkUsTUFBTSxPQUFPLHdDQUF3QztJQVFuRDtRQU5TLFVBQUssR0FBRywyQkFBMkIsQ0FBQztRQUNwQyxhQUFRLEdBQUcsNkJBQTZCLENBQUM7UUFDekMsaUJBQVksR0FBRyxzREFBc0QsQ0FBQztRQUVyRSxlQUFVLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7SUFFckQsQ0FBQztJQUVoQixZQUFZO1FBQ1YsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN6QixDQUFDOztxSUFaVSx3Q0FBd0M7eUhBQXhDLHdDQUF3QyxtT0NQckQscTRCQTJCQTsyRkRwQmEsd0NBQXdDO2tCQUxwRCxTQUFTOytCQUNFLDhDQUE4QzswRUFLL0MsU0FBUztzQkFBakIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUVJLFVBQVU7c0JBQW5CLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1saW5rZWRpbi1wcmVtaXVtLWpvYi1wb3N0aW5ncy1tb2RhbCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9saW5rZWRpbi1wcmVtaXVtLWpvYi1wb3N0aW5ncy1tb2RhbC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2xpbmtlZGluLXByZW1pdW0tam9iLXBvc3RpbmdzLW1vZGFsLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIExpbmtlZGluUHJlbWl1bUpvYlBvc3RpbmdzTW9kYWxDb21wb25lbnQge1xuICBASW5wdXQoKSBpc0xvYWRpbmc6IGJvb2xlYW47XG4gIEBJbnB1dCgpIHRpdGxlID0gJ0xpbmtlZEluIFByZW1pdW0gUG9zdGluZ3MnO1xuICBASW5wdXQoKSBzdWJ0aXRsZSA9ICdMaW5rZWRJbiBUZXJtcyAmIENvbmRpdGlvbnMnO1xuICBASW5wdXQoKSBzdWJ0aXRsZUxpbmsgPSAnaHR0cHM6Ly93d3cubGlua2VkaW4uY29tL2xlZ2FsL2pvYnMtdGVybXMtY29uZGl0aW9ucyc7XG5cbiAgQE91dHB1dCgpIGNsb3NlTW9kYWw6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgb25DbG9zZUNsaWNrKCkge1xuICAgIHRoaXMuY2xvc2VNb2RhbC5lbWl0KCk7XG4gIH1cbn1cbiIsIjxzeW1waG9ueS10d28tY29sdW1uLW1vZGFsLXRlbXBsYXRlIFtoaWRlRm9vdGVyXT1cInRydWVcIiBbaGlkZVN1YnRpdGxlXT1cImZhbHNlXCI+XG4gIDxzeW1waG9ueS1oNCBzZngtbW9kYWwtdGl0bGU+e3sgdGl0bGUgfX08L3N5bXBob255LWg0PlxuICA8c3ltcGhvbnktcGFyYWdyYXBoIHNmeC1tb2RhbC1zdWJ0aXRsZT5cbiAgICA8YSAqbmdJZj1cInN1YnRpdGxlTGluazsgZWxzZSBwbGFpblN1YnRpdGxlXCJcbiAgICAgc2Z4LW1vZGFsLXN1YnRpdGxlXG4gICAgIFtocmVmXT1cInN1YnRpdGxlTGlua1wiXG4gICAgIHRhcmdldD1cIl9ibGFua1wiPlxuICAgIHt7IHN1YnRpdGxlIH19XG4gIDwvYT5cbiAgICA8bmctdGVtcGxhdGUgI3BsYWluU3VidGl0bGU+e3sgc3VidGl0bGUgfX08L25nLXRlbXBsYXRlPlxuICA8L3N5bXBob255LXBhcmFncmFwaD5cblxuICA8c3ltcGhvbnktaWNvblxuICAgIHNmeC1jbG9zZS1idXR0b25cbiAgICBbaWNvbl09XCInc2ktY2xvc2UtbW9kYWwnXCJcbiAgICAoY2xpY2spPVwib25DbG9zZUNsaWNrKClcIlxuICA+PC9zeW1waG9ueS1pY29uPlxuICA8ZGl2IGNsYXNzPVwibG9hZGVyLWNvbnRhaW5lclwiICpuZ0lmPVwiaXNMb2FkaW5nXCIgc2Z4LW1vZGFsLWJvZHktYXJlYT5cbiAgICA8ZGl2IGNsYXNzPVwibG9hZGVyLXBvc2l0aW9uXCI+XG4gICAgICA8c3ltcGhvbnktc2Z4LWxvYWRlcj48L3N5bXBob255LXNmeC1sb2FkZXI+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICA8bmctY29udGVudFxuICAgIG5nUHJvamVjdEFzPVwiW3NmeC1tb2RhbC1ib2R5LWFyZWFdXCJcbiAgICBzZWxlY3Q9XCJbc2Z4LW1vZGFsLWJvZHktYXJlYV1cIlxuICA+PC9uZy1jb250ZW50PlxuPC9zeW1waG9ueS10d28tY29sdW1uLW1vZGFsLXRlbXBsYXRlPlxuIl19

package/esm2020/lib/pages/modals/notification-modal/notification-modal.component.mjs ADDED Viewed

@@ -0,0 +1,38 @@
+import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../atoms/icon/icon.component";
+import * as i2 from "../../../atoms/h3/h3.component";
+import * as i3 from "../../../atoms/paragraph/paragraph.component";
+import * as i4 from "../../../atoms/button-v2/button.component";
+import * as i5 from "@angular/common";
+export 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: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i2.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i4.ButtonV2Component, selector: "symphony-button-v2" }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.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
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLW1vZGFsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvcGFnZXMvbW9kYWxzL25vdGlmaWNhdGlvbi1tb2RhbC9ub3RpZmljYXRpb24tbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9wYWdlcy9tb2RhbHMvbm90aWZpY2F0aW9uLW1vZGFsL25vdGlmaWNhdGlvbi1tb2RhbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0FBUzFGLE1BQU0sT0FBTywwQkFBMEI7SUFOdkM7UUFTWSx1QkFBa0IsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBQzlDLHlCQUFvQixHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDbEQsMkJBQXNCLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztLQWE3RDtJQVhDLGtCQUFrQjtRQUNoQixJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDakMsQ0FBQztJQUVELG9CQUFvQixDQUFDLEtBQWE7UUFDaEMsSUFBSSxDQUFDLG9CQUFvQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN4QyxDQUFDO0lBRUQsc0JBQXNCO1FBQ3BCLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNyQyxDQUFDOzt1SEFqQlUsMEJBQTBCOzJHQUExQiwwQkFBMEIsc1BDVHZDLGc2RUFpRUE7MkZEeERhLDBCQUEwQjtrQkFOdEMsU0FBUzsrQkFDRSw2QkFBNkIsaUJBR3hCLGlCQUFpQixDQUFDLElBQUk7OEJBRzVCLEtBQUs7c0JBQWIsS0FBSztnQkFFSSxrQkFBa0I7c0JBQTNCLE1BQU07Z0JBQ0csb0JBQW9CO3NCQUE3QixNQUFNO2dCQUNHLHNCQUFzQjtzQkFBL0IsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTm90aWZpY2F0aW9uTW9kYWxNb2RlbCB9IGZyb20gJy4vbm90aWZpY2F0aW9uLW1vZGFsLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktbm90aWZpY2F0aW9uLW1vZGFsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL25vdGlmaWNhdGlvbi1tb2RhbC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL25vdGlmaWNhdGlvbi1tb2RhbC5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBOb3RpZmljYXRpb25Nb2RhbENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIG1vZGVsPzogTm90aWZpY2F0aW9uTW9kYWxNb2RlbDtcblxuICBAT3V0cHV0KCkgY2xvc2VCdXR0b25DbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KCkgcHJpbWFyeUJ1dHRvbkNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgQE91dHB1dCgpIHNlY29uZGFyeUJ1dHRvbkNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgb25DbG9zZUJ1dHRvbkNsaWNrKCkge1xuICAgIHRoaXMuY2xvc2VCdXR0b25DbGlja2VkLmVtaXQoKTtcbiAgfVxuXG4gIG9uUHJpbWFyeUJ1dHRvbkNsaWNrKGV2ZW50OiBzdHJpbmcpIHtcbiAgICB0aGlzLnByaW1hcnlCdXR0b25DbGlja2VkLmVtaXQoZXZlbnQpO1xuICB9XG5cbiAgb25TZWNvbmRhcnlCdXR0b25DbGljaygpIHtcbiAgICB0aGlzLnNlY29uZGFyeUJ1dHRvbkNsaWNrZWQuZW1pdCgpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic2Z4IHNmeC1tb2RhbCBub3RpZmljYXRpb24tbW9kYWxcIj5cbiAgPHNlY3Rpb24gY2xhc3M9XCJtb2RhbC1ib2R5IG5vdGlmaWNhdGlvbi1tb2RhbF9fYm9keSBzZngtcC0zMFwiPlxuICAgIDxzeW1waG9ueS1pY29uXG4gICAgICBjbGFzcz1cIm5vdGlmaWNhdGlvbi1tb2RhbF9fY2xvc2UtYnV0dG9uXCJcbiAgICAgIFtpY29uXT1cIidzaS1jbG9zZS1tb2RhbCdcIlxuICAgICAgKGNsaWNrZWQpPVwib25DbG9zZUJ1dHRvbkNsaWNrKClcIlxuICAgID48L3N5bXBob255LWljb24+XG5cbiAgICA8ZGl2ICpuZ0lmPVwibW9kZWw/Lmljb24gJiYgbW9kZWwuaWNvbiAhPT0gJydcIiBjbGFzcz1cIm5vdGlmaWNhdGlvbi1tb2RhbF9faWNvblwiPlxuICAgICAgPHN5bXBob255LWljb25cbiAgICAgICAgW2ljb25dPVwibW9kZWwuaWNvblwiXG4gICAgICAgIFtzaXplXT1cIm1vZGVsPy5pY29uU2l6ZSB8fCAnNjBweCdcIlxuICAgICAgICBbaWNvbkNvbG9yXT1cIm1vZGVsPy5pY29uQ29sb3IgfHwgJyMxNmI3ODMnXCJcbiAgICAgID48L3N5bXBob255LWljb24+XG4gICAgPC9kaXY+XG5cbiAgICA8c3ltcGhvbnktaDNcbiAgICAgICpuZ0lmPVwibW9kZWw/LmhlYWRpbmdcIlxuICAgICAgY2xhc3M9XCJub3RpZmljYXRpb24tbW9kYWxfX2hlYWRpbmdcIlxuICAgICAgW3RleHRdPVwibW9kZWwuaGVhZGluZ1wiXG4gICAgPjwvc3ltcGhvbnktaDM+XG5cbiAgICA8c3ltcGhvbnktcGFyYWdyYXBoICpuZ0lmPVwibW9kZWw/LmJvZHlUZXh0XCIgY2xhc3M9XCJub3RpZmljYXRpb24tbW9kYWxfX21lc3NhZ2VcIj5cbiAgICAgIHt7IG1vZGVsLmJvZHlUZXh0IH19XG4gICAgPC9zeW1waG9ueS1wYXJhZ3JhcGg+XG5cbiAgICA8c2VjdGlvblxuICAgICAgKm5nSWY9XCJtb2RlbD8uc3VtbWFyeVRpdGxlIHx8IG1vZGVsPy5zdW1tYXJ5SXRlbXM/Lmxlbmd0aFwiXG4gICAgICBjbGFzcz1cIm5vdGlmaWNhdGlvbi1tb2RhbF9fc3VtbWFyeVwiXG4gICAgPlxuICAgICAgPHN5bXBob255LXBhcmFncmFwaCAqbmdJZj1cIm1vZGVsPy5zdW1tYXJ5VGl0bGVcIiBjbGFzcz1cIm5vdGlmaWNhdGlvbi1tb2RhbF9fc3VtbWFyeS10aXRsZVwiPlxuICAgICAgICB7eyBtb2RlbC5zdW1tYXJ5VGl0bGUgfX1cbiAgICAgIDwvc3ltcGhvbnktcGFyYWdyYXBoPlxuXG4gICAgICA8ZGl2ICpuZ0Zvcj1cImxldCBpdGVtIG9mIG1vZGVsPy5zdW1tYXJ5SXRlbXNcIiBjbGFzcz1cIm5vdGlmaWNhdGlvbi1tb2RhbF9fc3VtbWFyeS1yb3dcIj5cbiAgICAgICAgPHN5bXBob255LXBhcmFncmFwaCBjbGFzcz1cIm5vdGlmaWNhdGlvbi1tb2RhbF9fc3VtbWFyeS1sYWJlbFwiPnt7IGl0ZW0ubGFiZWwgfX08L3N5bXBob255LXBhcmFncmFwaD5cbiAgICAgICAgPHN5bXBob255LXBhcmFncmFwaCBjbGFzcz1cIm5vdGlmaWNhdGlvbi1tb2RhbF9fc3VtbWFyeS12YWx1ZVwiPnt7IGl0ZW0udmFsdWUgfX08L3N5bXBob255LXBhcmFncmFwaD5cbiAgICAgIDwvZGl2PlxuXG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbbm90aWZpY2F0aW9uLW1vZGFsLWJvZHldXCI+PC9uZy1jb250ZW50PlxuICAgIDwvc2VjdGlvbj5cblxuICAgIDxkaXZcbiAgICAgICpuZ0lmPVwibW9kZWw/LnNlY29uZGFyeUJ1dHRvblRleHQgfHwgbW9kZWw/LnByaW1hcnlCdXR0b25UZXh0XCJcbiAgICAgIGNsYXNzPVwibm90aWZpY2F0aW9uLW1vZGFsX19hY3Rpb25zXCJcbiAgICA+XG4gICAgICA8c3ltcGhvbnktYnV0dG9uLXYyXG4gICAgICAgICpuZ0lmPVwibW9kZWw/LnNlY29uZGFyeUJ1dHRvblRleHRcIlxuICAgICAgICBjbGFzcz1cIm5vdGlmaWNhdGlvbi1tb2RhbF9fYnV0dG9uIG5vdGlmaWNhdGlvbi1tb2RhbF9fYnV0dG9uLS1zZWNvbmRhcnlcIlxuICAgICAgICBbdGV4dF09XCJtb2RlbC5zZWNvbmRhcnlCdXR0b25UZXh0XCJcbiAgICAgICAgW2Rpc2FibGVkXT1cIm1vZGVsLnNlY29uZGFyeUJ1dHRvbkRpc2FibGVkXCJcbiAgICAgICAgW2lzU2Vjb25kYXJ5XT1cInRydWVcIlxuICAgICAgICAoY2xpY2tlZCk9XCJvblNlY29uZGFyeUJ1dHRvbkNsaWNrKClcIlxuICAgICAgPjwvc3ltcGhvbnktYnV0dG9uLXYyPlxuXG4gICAgICA8c3ltcGhvbnktYnV0dG9uLXYyXG4gICAgICAgICpuZ0lmPVwibW9kZWw/LnByaW1hcnlCdXR0b25UZXh0XCJcbiAgICAgICAgY2xhc3M9XCJub3RpZmljYXRpb24tbW9kYWxfX2J1dHRvbiBub3RpZmljYXRpb24tbW9kYWxfX2J1dHRvbi0tcHJpbWFyeVwiXG4gICAgICAgIFt0ZXh0XT1cIm1vZGVsLnByaW1hcnlCdXR0b25UZXh0XCJcbiAgICAgICAgW2Rpc2FibGVkXT1cIm1vZGVsLnByaW1hcnlCdXR0b25EaXNhYmxlZFwiXG4gICAgICAgIChjbGlja2VkKT1cIm9uUHJpbWFyeUJ1dHRvbkNsaWNrKCRldmVudClcIlxuICAgICAgPjwvc3ltcGhvbnktYnV0dG9uLXYyPlxuICAgIDwvZGl2PlxuICA8L3NlY3Rpb24+XG48L2Rpdj5cbiJdfQ==

package/esm2020/lib/pages/modals/notification-modal/notification-modal.model.mjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLW1vZGFsLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9wYWdlcy9tb2RhbHMvbm90aWZpY2F0aW9uLW1vZGFsL25vdGlmaWNhdGlvbi1tb2RhbC5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBOb3RpZmljYXRpb25Nb2RhbE1vZGVsIHtcbiAgaWNvbj86IHN0cmluZztcbiAgaWNvblNpemU/OiBzdHJpbmc7XG4gIGljb25Db2xvcj86IHN0cmluZztcbiAgaGVhZGluZz86IHN0cmluZztcbiAgYm9keVRleHQ/OiBzdHJpbmc7XG4gIHN1bW1hcnlUaXRsZT86IHN0cmluZztcbiAgc3VtbWFyeUl0ZW1zPzogTm90aWZpY2F0aW9uTW9kYWxTdW1tYXJ5SXRlbVtdO1xuICBwcmltYXJ5QnV0dG9uVGV4dD86IHN0cmluZztcbiAgcHJpbWFyeUJ1dHRvbkRpc2FibGVkPzogYm9vbGVhbjtcbiAgc2Vjb25kYXJ5QnV0dG9uVGV4dD86IHN0cmluZztcbiAgc2Vjb25kYXJ5QnV0dG9uRGlzYWJsZWQ/OiBib29sZWFuO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIE5vdGlmaWNhdGlvbk1vZGFsU3VtbWFyeUl0ZW0ge1xuICBsYWJlbDogc3RyaW5nO1xuICB2YWx1ZTogc3RyaW5nO1xufVxuIl19

package/esm2020/lib/pages/modals/notification-modal/notification-modal.module.mjs ADDED Viewed

@@ -0,0 +1,38 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { NotificationModalComponent } from './notification-modal.component';
+import { H3Module } from '../../../atoms/h3/h3.module';
+import { ParagraphModule } from '../../../atoms/paragraph/paragraph.module';
+import { ButtonV2Module } from '../../../atoms/button-v2/button.module';
+import { IconModule } from '../../../atoms/icon/icon.module';
+import * as i0 from "@angular/core";
+export 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],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLW1vZGFsLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvcGFnZXMvbW9kYWxzL25vdGlmaWNhdGlvbi1tb2RhbC9ub3RpZmljYXRpb24tbW9kYWwubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzVFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDNUUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQ3hFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQzs7QUFhN0QsTUFBTSxPQUFPLHVCQUF1Qjs7b0hBQXZCLHVCQUF1QjtxSEFBdkIsdUJBQXVCLGlCQVZuQiwwQkFBMEIsYUFFdkMsWUFBWTtRQUNaLFFBQVE7UUFDUixlQUFlO1FBQ2YsY0FBYztRQUNkLFVBQVUsYUFFRiwwQkFBMEI7cUhBRXpCLHVCQUF1QixZQVR6QjtZQUNQLFlBQVk7WUFDWixRQUFRO1lBQ1IsZUFBZTtZQUNmLGNBQWM7WUFDZCxVQUFVO1NBQ1g7MkZBR1UsdUJBQXVCO2tCQVhuQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLDBCQUEwQixDQUFDO29CQUMxQyxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixRQUFRO3dCQUNSLGVBQWU7d0JBQ2YsY0FBYzt3QkFDZCxVQUFVO3FCQUNYO29CQUNELE9BQU8sRUFBRSxDQUFDLDBCQUEwQixDQUFDO2lCQUN0QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTm90aWZpY2F0aW9uTW9kYWxDb21wb25lbnQgfSBmcm9tICcuL25vdGlmaWNhdGlvbi1tb2RhbC5jb21wb25lbnQnO1xuaW1wb3J0IHsgSDNNb2R1bGUgfSBmcm9tICcuLi8uLi8uLi9hdG9tcy9oMy9oMy5tb2R1bGUnO1xuaW1wb3J0IHsgUGFyYWdyYXBoTW9kdWxlIH0gZnJvbSAnLi4vLi4vLi4vYXRvbXMvcGFyYWdyYXBoL3BhcmFncmFwaC5tb2R1bGUnO1xuaW1wb3J0IHsgQnV0dG9uVjJNb2R1bGUgfSBmcm9tICcuLi8uLi8uLi9hdG9tcy9idXR0b24tdjIvYnV0dG9uLm1vZHVsZSc7XG5pbXBvcnQgeyBJY29uTW9kdWxlIH0gZnJvbSAnLi4vLi4vLi4vYXRvbXMvaWNvbi9pY29uLm1vZHVsZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW05vdGlmaWNhdGlvbk1vZGFsQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBIM01vZHVsZSxcbiAgICBQYXJhZ3JhcGhNb2R1bGUsXG4gICAgQnV0dG9uVjJNb2R1bGUsXG4gICAgSWNvbk1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW05vdGlmaWNhdGlvbk1vZGFsQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgTm90aWZpY2F0aW9uTW9kYWxNb2R1bGUge31cbiJdfQ==

package/esm2020/projects/component-library/lib/pages/modals/linkedin-premium-job-postings-modal/linkedin-premium-job-postings-modal.component.mjs CHANGED Viewed

@@ -8,6 +8,9 @@ import * as i5 from "../../../atoms/sfx-loader/sfx-loader.component";
 import * as i6 from "@angular/common";
 export class LinkedinPremiumJobPostingsModalComponent {
     constructor() {
+        this.title = 'LinkedIn Premium Postings';
+        this.subtitle = 'LinkedIn Terms & Conditions';
+        this.subtitleLink = 'https://www.linkedin.com/legal/jobs-terms-conditions';
         this.closeModal = new EventEmitter();
     }
     onCloseClick() {
@@ -15,13 +18,19 @@ export class LinkedinPremiumJobPostingsModalComponent {
     }
 }
 LinkedinPremiumJobPostingsModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: LinkedinPremiumJobPostingsModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-LinkedinPremiumJobPostingsModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: LinkedinPremiumJobPostingsModalComponent, selector: "symphony-linkedin-premium-job-postings-modal", inputs: { isLoading: "isLoading" }, outputs: { closeModal: "closeModal" }, ngImport: i0, template: "<symphony-two-column-modal-template [hideFooter]=\"true\" [hideSubtitle]=\"false\">\n  <symphony-h4 sfx-modal-title>LinkedIn Premium Postings</symphony-h4>\n  <symphony-paragraph sfx-modal-subtitle\n    ><a\n      sfx-modal-subtitle\n      target=\"_blank\"\n      href=\"https://www.linkedin.com/legal/jobs-terms-conditions\"\n      >LinkedIn Terms & Conditions</a\n    ></symphony-paragraph\n  >\n\n  <symphony-icon\n    sfx-close-button\n    [icon]=\"'si-close-modal'\"\n    (click)=\"onCloseClick()\"\n  ></symphony-icon>\n  <div class=\"loader-container\" *ngIf=\"isLoading\" sfx-modal-body-area>\n    <div class=\"loader-position\">\n      <symphony-sfx-loader></symphony-sfx-loader>\n    </div>\n  </div>\n  <ng-content\n    ngProjectAs=\"[sfx-modal-body-area]\"\n    select=\"[sfx-modal-body-area]\"\n  ></ng-content>\n</symphony-two-column-modal-template>\n", styles: [".loader-container{padding:20px;height:400px;position:relative}.loader-position{position:absolute;top:50%;left:47%;transform:translateY(-50%)}\n"], components: [{ type: i1.TwoColumnModalTemplateComponent, selector: "symphony-two-column-modal-template", inputs: ["hideFooter", "hideSubtitle"] }, { type: i2.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i4.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i5.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+LinkedinPremiumJobPostingsModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: LinkedinPremiumJobPostingsModalComponent, selector: "symphony-linkedin-premium-job-postings-modal", inputs: { isLoading: "isLoading", title: "title", subtitle: "subtitle", subtitleLink: "subtitleLink" }, outputs: { closeModal: "closeModal" }, ngImport: i0, template: "<symphony-two-column-modal-template [hideFooter]=\"true\" [hideSubtitle]=\"false\">\n  <symphony-h4 sfx-modal-title>{{ title }}</symphony-h4>\n  <symphony-paragraph sfx-modal-subtitle>\n    <a *ngIf=\"subtitleLink; else plainSubtitle\"\n     sfx-modal-subtitle\n     [href]=\"subtitleLink\"\n     target=\"_blank\">\n    {{ subtitle }}\n  </a>\n    <ng-template #plainSubtitle>{{ subtitle }}</ng-template>\n  </symphony-paragraph>\n\n  <symphony-icon\n    sfx-close-button\n    [icon]=\"'si-close-modal'\"\n    (click)=\"onCloseClick()\"\n  ></symphony-icon>\n  <div class=\"loader-container\" *ngIf=\"isLoading\" sfx-modal-body-area>\n    <div class=\"loader-position\">\n      <symphony-sfx-loader></symphony-sfx-loader>\n    </div>\n  </div>\n  <ng-content\n    ngProjectAs=\"[sfx-modal-body-area]\"\n    select=\"[sfx-modal-body-area]\"\n  ></ng-content>\n</symphony-two-column-modal-template>\n", styles: [".loader-container{padding:20px;height:400px;position:relative}.loader-position{position:absolute;top:50%;left:47%;transform:translateY(-50%)}\n"], components: [{ type: i1.TwoColumnModalTemplateComponent, selector: "symphony-two-column-modal-template", inputs: ["hideFooter", "hideSubtitle"] }, { type: i2.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i4.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i5.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: LinkedinPremiumJobPostingsModalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-linkedin-premium-job-postings-modal', template: "<symphony-two-column-modal-template [hideFooter]=\"true\" [hideSubtitle]=\"false\">\n  <symphony-h4 sfx-modal-title>LinkedIn Premium Postings</symphony-h4>\n  <symphony-paragraph sfx-modal-subtitle\n    ><a\n      sfx-modal-subtitle\n      target=\"_blank\"\n      href=\"https://www.linkedin.com/legal/jobs-terms-conditions\"\n      >LinkedIn Terms & Conditions</a\n    ></symphony-paragraph\n  >\n\n  <symphony-icon\n    sfx-close-button\n    [icon]=\"'si-close-modal'\"\n    (click)=\"onCloseClick()\"\n  ></symphony-icon>\n  <div class=\"loader-container\" *ngIf=\"isLoading\" sfx-modal-body-area>\n    <div class=\"loader-position\">\n      <symphony-sfx-loader></symphony-sfx-loader>\n    </div>\n  </div>\n  <ng-content\n    ngProjectAs=\"[sfx-modal-body-area]\"\n    select=\"[sfx-modal-body-area]\"\n  ></ng-content>\n</symphony-two-column-modal-template>\n", styles: [".loader-container{padding:20px;height:400px;position:relative}.loader-position{position:absolute;top:50%;left:47%;transform:translateY(-50%)}\n"] }]
+            args: [{ selector: 'symphony-linkedin-premium-job-postings-modal', template: "<symphony-two-column-modal-template [hideFooter]=\"true\" [hideSubtitle]=\"false\">\n  <symphony-h4 sfx-modal-title>{{ title }}</symphony-h4>\n  <symphony-paragraph sfx-modal-subtitle>\n    <a *ngIf=\"subtitleLink; else plainSubtitle\"\n     sfx-modal-subtitle\n     [href]=\"subtitleLink\"\n     target=\"_blank\">\n    {{ subtitle }}\n  </a>\n    <ng-template #plainSubtitle>{{ subtitle }}</ng-template>\n  </symphony-paragraph>\n\n  <symphony-icon\n    sfx-close-button\n    [icon]=\"'si-close-modal'\"\n    (click)=\"onCloseClick()\"\n  ></symphony-icon>\n  <div class=\"loader-container\" *ngIf=\"isLoading\" sfx-modal-body-area>\n    <div class=\"loader-position\">\n      <symphony-sfx-loader></symphony-sfx-loader>\n    </div>\n  </div>\n  <ng-content\n    ngProjectAs=\"[sfx-modal-body-area]\"\n    select=\"[sfx-modal-body-area]\"\n  ></ng-content>\n</symphony-two-column-modal-template>\n", styles: [".loader-container{padding:20px;height:400px;position:relative}.loader-position{position:absolute;top:50%;left:47%;transform:translateY(-50%)}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { isLoading: [{
                 type: Input
+            }], title: [{
+                type: Input
+            }], subtitle: [{
+                type: Input
+            }], subtitleLink: [{
+                type: Input
             }], closeModal: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlua2VkaW4tcHJlbWl1bS1qb2ItcG9zdGluZ3MtbW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9wYWdlcy9tb2RhbHMvbGlua2VkaW4tcHJlbWl1bS1qb2ItcG9zdGluZ3MtbW9kYWwvbGlua2VkaW4tcHJlbWl1bS1qb2ItcG9zdGluZ3MtbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9wYWdlcy9tb2RhbHMvbGlua2VkaW4tcHJlbWl1bS1qb2ItcG9zdGluZ3MtbW9kYWwvbGlua2VkaW4tcHJlbWl1bS1qb2ItcG9zdGluZ3MtbW9kYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7QUFPL0UsTUFBTSxPQUFPLHdDQUF3QztJQUtuRDtRQUZVLGVBQVUsR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQUVyRCxDQUFDO0lBRWhCLFlBQVk7UUFDVixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3pCLENBQUM7O3FJQVRVLHdDQUF3Qzt5SEFBeEMsd0NBQXdDLCtKQ1ByRCxvMkJBMEJBOzJGRG5CYSx3Q0FBd0M7a0JBTHBELFNBQVM7K0JBQ0UsOENBQThDOzBFQUsvQyxTQUFTO3NCQUFqQixLQUFLO2dCQUVJLFVBQVU7c0JBQW5CLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWxpbmtlZGluLXByZW1pdW0tam9iLXBvc3RpbmdzLW1vZGFsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2xpbmtlZGluLXByZW1pdW0tam9iLXBvc3RpbmdzLW1vZGFsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbGlua2VkaW4tcHJlbWl1bS1qb2ItcG9zdGluZ3MtbW9kYWwuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgTGlua2VkaW5QcmVtaXVtSm9iUG9zdGluZ3NNb2RhbENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGlzTG9hZGluZzogYm9vbGVhbjtcblxuICBAT3V0cHV0KCkgY2xvc2VNb2RhbDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBvbkNsb3NlQ2xpY2soKSB7XG4gICAgdGhpcy5jbG9zZU1vZGFsLmVtaXQoKTtcbiAgfVxufVxuIiwiPHN5bXBob255LXR3by1jb2x1bW4tbW9kYWwtdGVtcGxhdGUgW2hpZGVGb290ZXJdPVwidHJ1ZVwiIFtoaWRlU3VidGl0bGVdPVwiZmFsc2VcIj5cbiAgPHN5bXBob255LWg0IHNmeC1tb2RhbC10aXRsZT5MaW5rZWRJbiBQcmVtaXVtIFBvc3RpbmdzPC9zeW1waG9ueS1oND5cbiAgPHN5bXBob255LXBhcmFncmFwaCBzZngtbW9kYWwtc3VidGl0bGVcbiAgICA+PGFcbiAgICAgIHNmeC1tb2RhbC1zdWJ0aXRsZVxuICAgICAgdGFyZ2V0PVwiX2JsYW5rXCJcbiAgICAgIGhyZWY9XCJodHRwczovL3d3dy5saW5rZWRpbi5jb20vbGVnYWwvam9icy10ZXJtcy1jb25kaXRpb25zXCJcbiAgICAgID5MaW5rZWRJbiBUZXJtcyAmIENvbmRpdGlvbnM8L2FcbiAgICA+PC9zeW1waG9ueS1wYXJhZ3JhcGhcbiAgPlxuXG4gIDxzeW1waG9ueS1pY29uXG4gICAgc2Z4LWNsb3NlLWJ1dHRvblxuICAgIFtpY29uXT1cIidzaS1jbG9zZS1tb2RhbCdcIlxuICAgIChjbGljayk9XCJvbkNsb3NlQ2xpY2soKVwiXG4gID48L3N5bXBob255LWljb24+XG4gIDxkaXYgY2xhc3M9XCJsb2FkZXItY29udGFpbmVyXCIgKm5nSWY9XCJpc0xvYWRpbmdcIiBzZngtbW9kYWwtYm9keS1hcmVhPlxuICAgIDxkaXYgY2xhc3M9XCJsb2FkZXItcG9zaXRpb25cIj5cbiAgICAgIDxzeW1waG9ueS1zZngtbG9hZGVyPjwvc3ltcGhvbnktc2Z4LWxvYWRlcj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIDxuZy1jb250ZW50XG4gICAgbmdQcm9qZWN0QXM9XCJbc2Z4LW1vZGFsLWJvZHktYXJlYV1cIlxuICAgIHNlbGVjdD1cIltzZngtbW9kYWwtYm9keS1hcmVhXVwiXG4gID48L25nLWNvbnRlbnQ+XG48L3N5bXBob255LXR3by1jb2x1bW4tbW9kYWwtdGVtcGxhdGU+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlua2VkaW4tcHJlbWl1bS1qb2ItcG9zdGluZ3MtbW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9wYWdlcy9tb2RhbHMvbGlua2VkaW4tcHJlbWl1bS1qb2ItcG9zdGluZ3MtbW9kYWwvbGlua2VkaW4tcHJlbWl1bS1qb2ItcG9zdGluZ3MtbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9wYWdlcy9tb2RhbHMvbGlua2VkaW4tcHJlbWl1bS1qb2ItcG9zdGluZ3MtbW9kYWwvbGlua2VkaW4tcHJlbWl1bS1qb2ItcG9zdGluZ3MtbW9kYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7QUFPdkUsTUFBTSxPQUFPLHdDQUF3QztJQVFuRDtRQU5TLFVBQUssR0FBRywyQkFBMkIsQ0FBQztRQUNwQyxhQUFRLEdBQUcsNkJBQTZCLENBQUM7UUFDekMsaUJBQVksR0FBRyxzREFBc0QsQ0FBQztRQUVyRSxlQUFVLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7SUFFckQsQ0FBQztJQUVoQixZQUFZO1FBQ1YsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN6QixDQUFDOztxSUFaVSx3Q0FBd0M7eUhBQXhDLHdDQUF3QyxtT0NQckQscTRCQTJCQTsyRkRwQmEsd0NBQXdDO2tCQUxwRCxTQUFTOytCQUNFLDhDQUE4QzswRUFLL0MsU0FBUztzQkFBakIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUVJLFVBQVU7c0JBQW5CLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1saW5rZWRpbi1wcmVtaXVtLWpvYi1wb3N0aW5ncy1tb2RhbCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9saW5rZWRpbi1wcmVtaXVtLWpvYi1wb3N0aW5ncy1tb2RhbC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2xpbmtlZGluLXByZW1pdW0tam9iLXBvc3RpbmdzLW1vZGFsLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIExpbmtlZGluUHJlbWl1bUpvYlBvc3RpbmdzTW9kYWxDb21wb25lbnQge1xuICBASW5wdXQoKSBpc0xvYWRpbmc6IGJvb2xlYW47XG4gIEBJbnB1dCgpIHRpdGxlID0gJ0xpbmtlZEluIFByZW1pdW0gUG9zdGluZ3MnO1xuICBASW5wdXQoKSBzdWJ0aXRsZSA9ICdMaW5rZWRJbiBUZXJtcyAmIENvbmRpdGlvbnMnO1xuICBASW5wdXQoKSBzdWJ0aXRsZUxpbmsgPSAnaHR0cHM6Ly93d3cubGlua2VkaW4uY29tL2xlZ2FsL2pvYnMtdGVybXMtY29uZGl0aW9ucyc7XG5cbiAgQE91dHB1dCgpIGNsb3NlTW9kYWw6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgb25DbG9zZUNsaWNrKCkge1xuICAgIHRoaXMuY2xvc2VNb2RhbC5lbWl0KCk7XG4gIH1cbn1cbiIsIjxzeW1waG9ueS10d28tY29sdW1uLW1vZGFsLXRlbXBsYXRlIFtoaWRlRm9vdGVyXT1cInRydWVcIiBbaGlkZVN1YnRpdGxlXT1cImZhbHNlXCI+XG4gIDxzeW1waG9ueS1oNCBzZngtbW9kYWwtdGl0bGU+e3sgdGl0bGUgfX08L3N5bXBob255LWg0PlxuICA8c3ltcGhvbnktcGFyYWdyYXBoIHNmeC1tb2RhbC1zdWJ0aXRsZT5cbiAgICA8YSAqbmdJZj1cInN1YnRpdGxlTGluazsgZWxzZSBwbGFpblN1YnRpdGxlXCJcbiAgICAgc2Z4LW1vZGFsLXN1YnRpdGxlXG4gICAgIFtocmVmXT1cInN1YnRpdGxlTGlua1wiXG4gICAgIHRhcmdldD1cIl9ibGFua1wiPlxuICAgIHt7IHN1YnRpdGxlIH19XG4gIDwvYT5cbiAgICA8bmctdGVtcGxhdGUgI3BsYWluU3VidGl0bGU+e3sgc3VidGl0bGUgfX08L25nLXRlbXBsYXRlPlxuICA8L3N5bXBob255LXBhcmFncmFwaD5cblxuICA8c3ltcGhvbnktaWNvblxuICAgIHNmeC1jbG9zZS1idXR0b25cbiAgICBbaWNvbl09XCInc2ktY2xvc2UtbW9kYWwnXCJcbiAgICAoY2xpY2spPVwib25DbG9zZUNsaWNrKClcIlxuICA+PC9zeW1waG9ueS1pY29uPlxuICA8ZGl2IGNsYXNzPVwibG9hZGVyLWNvbnRhaW5lclwiICpuZ0lmPVwiaXNMb2FkaW5nXCIgc2Z4LW1vZGFsLWJvZHktYXJlYT5cbiAgICA8ZGl2IGNsYXNzPVwibG9hZGVyLXBvc2l0aW9uXCI+XG4gICAgICA8c3ltcGhvbnktc2Z4LWxvYWRlcj48L3N5bXBob255LXNmeC1sb2FkZXI+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICA8bmctY29udGVudFxuICAgIG5nUHJvamVjdEFzPVwiW3NmeC1tb2RhbC1ib2R5LWFyZWFdXCJcbiAgICBzZWxlY3Q9XCJbc2Z4LW1vZGFsLWJvZHktYXJlYV1cIlxuICA+PC9uZy1jb250ZW50PlxuPC9zeW1waG9ueS10d28tY29sdW1uLW1vZGFsLXRlbXBsYXRlPlxuIl19

package/esm2020/projects/component-library/lib/pages/modals/notification-modal/notification-modal.component.mjs ADDED Viewed

@@ -0,0 +1,38 @@
+import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../atoms/icon/icon.component";
+import * as i2 from "../../../atoms/h3/h3.component";
+import * as i3 from "../../../atoms/paragraph/paragraph.component";
+import * as i4 from "../../../atoms/button-v2/button.component";
+import * as i5 from "@angular/common";
+export 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: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i2.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i4.ButtonV2Component, selector: "symphony-button-v2" }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.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
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLW1vZGFsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvcGFnZXMvbW9kYWxzL25vdGlmaWNhdGlvbi1tb2RhbC9ub3RpZmljYXRpb24tbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9wYWdlcy9tb2RhbHMvbm90aWZpY2F0aW9uLW1vZGFsL25vdGlmaWNhdGlvbi1tb2RhbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0FBUzFGLE1BQU0sT0FBTywwQkFBMEI7SUFOdkM7UUFTWSx1QkFBa0IsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBQzlDLHlCQUFvQixHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDbEQsMkJBQXNCLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztLQWE3RDtJQVhDLGtCQUFrQjtRQUNoQixJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDakMsQ0FBQztJQUVELG9CQUFvQixDQUFDLEtBQWE7UUFDaEMsSUFBSSxDQUFDLG9CQUFvQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN4QyxDQUFDO0lBRUQsc0JBQXNCO1FBQ3BCLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNyQyxDQUFDOzt1SEFqQlUsMEJBQTBCOzJHQUExQiwwQkFBMEIsc1BDVHZDLGc2RUFpRUE7MkZEeERhLDBCQUEwQjtrQkFOdEMsU0FBUzsrQkFDRSw2QkFBNkIsaUJBR3hCLGlCQUFpQixDQUFDLElBQUk7OEJBRzVCLEtBQUs7c0JBQWIsS0FBSztnQkFFSSxrQkFBa0I7c0JBQTNCLE1BQU07Z0JBQ0csb0JBQW9CO3NCQUE3QixNQUFNO2dCQUNHLHNCQUFzQjtzQkFBL0IsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTm90aWZpY2F0aW9uTW9kYWxNb2RlbCB9IGZyb20gJy4vbm90aWZpY2F0aW9uLW1vZGFsLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktbm90aWZpY2F0aW9uLW1vZGFsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL25vdGlmaWNhdGlvbi1tb2RhbC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL25vdGlmaWNhdGlvbi1tb2RhbC5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBOb3RpZmljYXRpb25Nb2RhbENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIG1vZGVsPzogTm90aWZpY2F0aW9uTW9kYWxNb2RlbDtcblxuICBAT3V0cHV0KCkgY2xvc2VCdXR0b25DbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KCkgcHJpbWFyeUJ1dHRvbkNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgQE91dHB1dCgpIHNlY29uZGFyeUJ1dHRvbkNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgb25DbG9zZUJ1dHRvbkNsaWNrKCkge1xuICAgIHRoaXMuY2xvc2VCdXR0b25DbGlja2VkLmVtaXQoKTtcbiAgfVxuXG4gIG9uUHJpbWFyeUJ1dHRvbkNsaWNrKGV2ZW50OiBzdHJpbmcpIHtcbiAgICB0aGlzLnByaW1hcnlCdXR0b25DbGlja2VkLmVtaXQoZXZlbnQpO1xuICB9XG5cbiAgb25TZWNvbmRhcnlCdXR0b25DbGljaygpIHtcbiAgICB0aGlzLnNlY29uZGFyeUJ1dHRvbkNsaWNrZWQuZW1pdCgpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic2Z4IHNmeC1tb2RhbCBub3RpZmljYXRpb24tbW9kYWxcIj5cbiAgPHNlY3Rpb24gY2xhc3M9XCJtb2RhbC1ib2R5IG5vdGlmaWNhdGlvbi1tb2RhbF9fYm9keSBzZngtcC0zMFwiPlxuICAgIDxzeW1waG9ueS1pY29uXG4gICAgICBjbGFzcz1cIm5vdGlmaWNhdGlvbi1tb2RhbF9fY2xvc2UtYnV0dG9uXCJcbiAgICAgIFtpY29uXT1cIidzaS1jbG9zZS1tb2RhbCdcIlxuICAgICAgKGNsaWNrZWQpPVwib25DbG9zZUJ1dHRvbkNsaWNrKClcIlxuICAgID48L3N5bXBob255LWljb24+XG5cbiAgICA8ZGl2ICpuZ0lmPVwibW9kZWw/Lmljb24gJiYgbW9kZWwuaWNvbiAhPT0gJydcIiBjbGFzcz1cIm5vdGlmaWNhdGlvbi1tb2RhbF9faWNvblwiPlxuICAgICAgPHN5bXBob255LWljb25cbiAgICAgICAgW2ljb25dPVwibW9kZWwuaWNvblwiXG4gICAgICAgIFtzaXplXT1cIm1vZGVsPy5pY29uU2l6ZSB8fCAnNjBweCdcIlxuICAgICAgICBbaWNvbkNvbG9yXT1cIm1vZGVsPy5pY29uQ29sb3IgfHwgJyMxNmI3ODMnXCJcbiAgICAgID48L3N5bXBob255LWljb24+XG4gICAgPC9kaXY+XG5cbiAgICA8c3ltcGhvbnktaDNcbiAgICAgICpuZ0lmPVwibW9kZWw/LmhlYWRpbmdcIlxuICAgICAgY2xhc3M9XCJub3RpZmljYXRpb24tbW9kYWxfX2hlYWRpbmdcIlxuICAgICAgW3RleHRdPVwibW9kZWwuaGVhZGluZ1wiXG4gICAgPjwvc3ltcGhvbnktaDM+XG5cbiAgICA8c3ltcGhvbnktcGFyYWdyYXBoICpuZ0lmPVwibW9kZWw/LmJvZHlUZXh0XCIgY2xhc3M9XCJub3RpZmljYXRpb24tbW9kYWxfX21lc3NhZ2VcIj5cbiAgICAgIHt7IG1vZGVsLmJvZHlUZXh0IH19XG4gICAgPC9zeW1waG9ueS1wYXJhZ3JhcGg+XG5cbiAgICA8c2VjdGlvblxuICAgICAgKm5nSWY9XCJtb2RlbD8uc3VtbWFyeVRpdGxlIHx8IG1vZGVsPy5zdW1tYXJ5SXRlbXM/Lmxlbmd0aFwiXG4gICAgICBjbGFzcz1cIm5vdGlmaWNhdGlvbi1tb2RhbF9fc3VtbWFyeVwiXG4gICAgPlxuICAgICAgPHN5bXBob255LXBhcmFncmFwaCAqbmdJZj1cIm1vZGVsPy5zdW1tYXJ5VGl0bGVcIiBjbGFzcz1cIm5vdGlmaWNhdGlvbi1tb2RhbF9fc3VtbWFyeS10aXRsZVwiPlxuICAgICAgICB7eyBtb2RlbC5zdW1tYXJ5VGl0bGUgfX1cbiAgICAgIDwvc3ltcGhvbnktcGFyYWdyYXBoPlxuXG4gICAgICA8ZGl2ICpuZ0Zvcj1cImxldCBpdGVtIG9mIG1vZGVsPy5zdW1tYXJ5SXRlbXNcIiBjbGFzcz1cIm5vdGlmaWNhdGlvbi1tb2RhbF9fc3VtbWFyeS1yb3dcIj5cbiAgICAgICAgPHN5bXBob255LXBhcmFncmFwaCBjbGFzcz1cIm5vdGlmaWNhdGlvbi1tb2RhbF9fc3VtbWFyeS1sYWJlbFwiPnt7IGl0ZW0ubGFiZWwgfX08L3N5bXBob255LXBhcmFncmFwaD5cbiAgICAgICAgPHN5bXBob255LXBhcmFncmFwaCBjbGFzcz1cIm5vdGlmaWNhdGlvbi1tb2RhbF9fc3VtbWFyeS12YWx1ZVwiPnt7IGl0ZW0udmFsdWUgfX08L3N5bXBob255LXBhcmFncmFwaD5cbiAgICAgIDwvZGl2PlxuXG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbbm90aWZpY2F0aW9uLW1vZGFsLWJvZHldXCI+PC9uZy1jb250ZW50PlxuICAgIDwvc2VjdGlvbj5cblxuICAgIDxkaXZcbiAgICAgICpuZ0lmPVwibW9kZWw/LnNlY29uZGFyeUJ1dHRvblRleHQgfHwgbW9kZWw/LnByaW1hcnlCdXR0b25UZXh0XCJcbiAgICAgIGNsYXNzPVwibm90aWZpY2F0aW9uLW1vZGFsX19hY3Rpb25zXCJcbiAgICA+XG4gICAgICA8c3ltcGhvbnktYnV0dG9uLXYyXG4gICAgICAgICpuZ0lmPVwibW9kZWw/LnNlY29uZGFyeUJ1dHRvblRleHRcIlxuICAgICAgICBjbGFzcz1cIm5vdGlmaWNhdGlvbi1tb2RhbF9fYnV0dG9uIG5vdGlmaWNhdGlvbi1tb2RhbF9fYnV0dG9uLS1zZWNvbmRhcnlcIlxuICAgICAgICBbdGV4dF09XCJtb2RlbC5zZWNvbmRhcnlCdXR0b25UZXh0XCJcbiAgICAgICAgW2Rpc2FibGVkXT1cIm1vZGVsLnNlY29uZGFyeUJ1dHRvbkRpc2FibGVkXCJcbiAgICAgICAgW2lzU2Vjb25kYXJ5XT1cInRydWVcIlxuICAgICAgICAoY2xpY2tlZCk9XCJvblNlY29uZGFyeUJ1dHRvbkNsaWNrKClcIlxuICAgICAgPjwvc3ltcGhvbnktYnV0dG9uLXYyPlxuXG4gICAgICA8c3ltcGhvbnktYnV0dG9uLXYyXG4gICAgICAgICpuZ0lmPVwibW9kZWw/LnByaW1hcnlCdXR0b25UZXh0XCJcbiAgICAgICAgY2xhc3M9XCJub3RpZmljYXRpb24tbW9kYWxfX2J1dHRvbiBub3RpZmljYXRpb24tbW9kYWxfX2J1dHRvbi0tcHJpbWFyeVwiXG4gICAgICAgIFt0ZXh0XT1cIm1vZGVsLnByaW1hcnlCdXR0b25UZXh0XCJcbiAgICAgICAgW2Rpc2FibGVkXT1cIm1vZGVsLnByaW1hcnlCdXR0b25EaXNhYmxlZFwiXG4gICAgICAgIChjbGlja2VkKT1cIm9uUHJpbWFyeUJ1dHRvbkNsaWNrKCRldmVudClcIlxuICAgICAgPjwvc3ltcGhvbnktYnV0dG9uLXYyPlxuICAgIDwvZGl2PlxuICA8L3NlY3Rpb24+XG48L2Rpdj5cbiJdfQ==

package/esm2020/projects/component-library/lib/pages/modals/notification-modal/notification-modal.model.mjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLW1vZGFsLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9wYWdlcy9tb2RhbHMvbm90aWZpY2F0aW9uLW1vZGFsL25vdGlmaWNhdGlvbi1tb2RhbC5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBOb3RpZmljYXRpb25Nb2RhbE1vZGVsIHtcbiAgaWNvbj86IHN0cmluZztcbiAgaWNvblNpemU/OiBzdHJpbmc7XG4gIGljb25Db2xvcj86IHN0cmluZztcbiAgaGVhZGluZz86IHN0cmluZztcbiAgYm9keVRleHQ/OiBzdHJpbmc7XG4gIHN1bW1hcnlUaXRsZT86IHN0cmluZztcbiAgc3VtbWFyeUl0ZW1zPzogTm90aWZpY2F0aW9uTW9kYWxTdW1tYXJ5SXRlbVtdO1xuICBwcmltYXJ5QnV0dG9uVGV4dD86IHN0cmluZztcbiAgcHJpbWFyeUJ1dHRvbkRpc2FibGVkPzogYm9vbGVhbjtcbiAgc2Vjb25kYXJ5QnV0dG9uVGV4dD86IHN0cmluZztcbiAgc2Vjb25kYXJ5QnV0dG9uRGlzYWJsZWQ/OiBib29sZWFuO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIE5vdGlmaWNhdGlvbk1vZGFsU3VtbWFyeUl0ZW0ge1xuICBsYWJlbDogc3RyaW5nO1xuICB2YWx1ZTogc3RyaW5nO1xufVxuIl19

package/esm2020/projects/component-library/lib/pages/modals/notification-modal/notification-modal.module.mjs ADDED Viewed

@@ -0,0 +1,38 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { NotificationModalComponent } from './notification-modal.component';
+import { H3Module } from '../../../atoms/h3/h3.module';
+import { ParagraphModule } from '../../../atoms/paragraph/paragraph.module';
+import { ButtonV2Module } from '../../../atoms/button-v2/button.module';
+import { IconModule } from '../../../atoms/icon/icon.module';
+import * as i0 from "@angular/core";
+export 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],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLW1vZGFsLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvcGFnZXMvbW9kYWxzL25vdGlmaWNhdGlvbi1tb2RhbC9ub3RpZmljYXRpb24tbW9kYWwubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzVFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDNUUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQ3hFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQzs7QUFhN0QsTUFBTSxPQUFPLHVCQUF1Qjs7b0hBQXZCLHVCQUF1QjtxSEFBdkIsdUJBQXVCLGlCQVZuQiwwQkFBMEIsYUFFdkMsWUFBWTtRQUNaLFFBQVE7UUFDUixlQUFlO1FBQ2YsY0FBYztRQUNkLFVBQVUsYUFFRiwwQkFBMEI7cUhBRXpCLHVCQUF1QixZQVR6QjtZQUNQLFlBQVk7WUFDWixRQUFRO1lBQ1IsZUFBZTtZQUNmLGNBQWM7WUFDZCxVQUFVO1NBQ1g7MkZBR1UsdUJBQXVCO2tCQVhuQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLDBCQUEwQixDQUFDO29CQUMxQyxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixRQUFRO3dCQUNSLGVBQWU7d0JBQ2YsY0FBYzt3QkFDZCxVQUFVO3FCQUNYO29CQUNELE9BQU8sRUFBRSxDQUFDLDBCQUEwQixDQUFDO2lCQUN0QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTm90aWZpY2F0aW9uTW9kYWxDb21wb25lbnQgfSBmcm9tICcuL25vdGlmaWNhdGlvbi1tb2RhbC5jb21wb25lbnQnO1xuaW1wb3J0IHsgSDNNb2R1bGUgfSBmcm9tICcuLi8uLi8uLi9hdG9tcy9oMy9oMy5tb2R1bGUnO1xuaW1wb3J0IHsgUGFyYWdyYXBoTW9kdWxlIH0gZnJvbSAnLi4vLi4vLi4vYXRvbXMvcGFyYWdyYXBoL3BhcmFncmFwaC5tb2R1bGUnO1xuaW1wb3J0IHsgQnV0dG9uVjJNb2R1bGUgfSBmcm9tICcuLi8uLi8uLi9hdG9tcy9idXR0b24tdjIvYnV0dG9uLm1vZHVsZSc7XG5pbXBvcnQgeyBJY29uTW9kdWxlIH0gZnJvbSAnLi4vLi4vLi4vYXRvbXMvaWNvbi9pY29uLm1vZHVsZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW05vdGlmaWNhdGlvbk1vZGFsQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBIM01vZHVsZSxcbiAgICBQYXJhZ3JhcGhNb2R1bGUsXG4gICAgQnV0dG9uVjJNb2R1bGUsXG4gICAgSWNvbk1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW05vdGlmaWNhdGlvbk1vZGFsQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgTm90aWZpY2F0aW9uTW9kYWxNb2R1bGUge31cbiJdfQ==