@symphony-talent/component-library 4.223.0 → 4.224.0

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

@@ -9908,6 +9908,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
 
 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() {
@@ -9915,12 +9918,18 @@ 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: TwoColumnModalTemplateComponent, selector: "symphony-two-column-modal-template", inputs: ["hideFooter", "hideSubtitle"] }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i1.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: TwoColumnModalTemplateComponent, selector: "symphony-two-column-modal-template", inputs: ["hideFooter", "hideSubtitle"] }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i1.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
             }] } });