@symphony-talent/component-library 4.63.0 → 4.65.0

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

@@ -2502,10 +2502,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
 class InputFileUploadComponent {
     constructor() {
         this.closeButtonClicked = new EventEmitter();
+        this.textChanged = new EventEmitter();
         this.getFileDetails = new EventEmitter();
     }
     ngOnInit() {
-        this.filetypeAccepted = this.inputFileUploadModel.fileFormatAccepted.join(', ');
+        this.filetypeAccepted =
+            this.inputFileUploadModel.fileFormatAccepted.join(', ');
     }
     onCloseButtonClick() {
         this.closeButtonClicked.emit();
@@ -2514,33 +2516,44 @@ class InputFileUploadComponent {
         this.file = event.target.files[0];
         this.getFileDetails.emit(this.file);
     }
+    onTextChange(event) {
+        if (this.inputFileUploadModel.fileValue.length === 0) {
+            this.toolTip.hide();
+        }
+        this.textChanged.emit(event);
+    }
     onClick(event) {
         event.target.value = null;
     }
 }
 InputFileUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputFileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-InputFileUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputFileUploadComponent, selector: "symphony-input-file-upload", inputs: { inputFileUploadModel: "inputFileUploadModel" }, outputs: { closeButtonClicked: "closeButtonClicked", getFileDetails: "getFileDetails" }, ngImport: i0, template: "\n<div *ngIf=\"inputFileUploadModel\">\n  <!-- File Upload -->\n  <div class=\"sfx-input-label\">\n    {{inputFileUploadModel.inputLabel}}\n  </div>\n  <div class=\"sfx-input-file-upload\" [ngClass]=\"{ 'has-Close': inputFileUploadModel.hasClose }\">\n    <symphony-tooltip-wrapper\n    *ngIf=\"inputFileUploadModel.fileValue\"\n    [placement]=\"'top'\"\n    [tooltipHtml]=\"inputFileUploadModel.fileValue\"\n  >\n    <label class=\"sfx-cursor-pointer\" for=\"input-file-Upload\"\n      ><span>{{inputFileUploadModel.fileValue}}</span>\n    </label>\n    <input\n      type=\"file\"\n      id=\"input-file-Upload\"\n      name=\"input-file-Upload\"\n      accept=\"{{ filetypeAccepted }}\"\n      (change)=\"onFileSelect($event)\"\n      (click)=\"onClick($event)\"\n    />\n  </symphony-tooltip-wrapper>\n  <div\n  *ngIf=\"!inputFileUploadModel.fileValue\"\n>\n  <label class=\"sfx-cursor-pointer\" for=\"input-file-Upload\"\n    ><span>{{inputFileUploadModel.fileValue}}</span>\n  </label>\n  <input\n    type=\"file\"\n    id=\"input-file-Upload\"\n    name=\"input-file-Upload\"\n    accept=\"{{ filetypeAccepted }}\"\n    (change)=\"onFileSelect($event)\"\n    (click)=\"onClick($event)\"\n  />\n</div>\n    <symphony-icon\n      class=\"sfx-cursor-pointer\"\n      *ngIf=\"inputFileUploadModel.hasClose\"\n      [icon]=\"'si-close-modal'\"\n      [size]=\"'20px'\"\n      (clicked)=\"onCloseButtonClick()\"\n    ></symphony-icon>\n    <symphony-paragraph\n      *ngIf=\"inputFileUploadModel.hasError\"\n      class=\"sfx-txt-red sfx-font-bold sfx-pl-5 sfx-d-flex\"\n      [text]=\"inputFileUploadModel.errorText\"\n    ></symphony-paragraph>\n  </div>\n  <!-- File Upload -->\n</div>", styles: [".sfx-input-file-upload{position:relative}.sfx-input-file-upload symphony-tooltip-wrapper .sfx-d-inline-block{width:100%;display:block}.sfx-input-file-upload label{line-height:40px;padding-inline:20px;width:100%;font-weight:400;margin:5px;height:40px;display:block}.sfx-input-file-upload label span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;top:5px}.sfx-input-file-upload label:after{content:\"\";width:100%;height:40px;border:1px solid #d0d0d0;border-radius:4px;position:absolute;top:0;left:0;margin:5px}.sfx-input-file-upload label:before{content:\"\\e957\";font-family:library-icons!important;position:absolute;right:10px;top:5px}.sfx-input-file-upload input[type=file]{visibility:hidden;position:absolute;top:0}.sfx-input-file-upload.has-Close label{width:calc(100% - 35px)}.sfx-input-file-upload.has-Close label:after{width:calc(100% - 35px)}.sfx-input-file-upload.has-Close label:before{right:40px}.sfx-input-file-upload.has-Close symphony-icon{position:absolute;top:15px;right:0px}.sfx-input-label{font-weight:500;margin-left:5px;margin-bottom:5px}\n"], components: [{ type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
+InputFileUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputFileUploadComponent, selector: "symphony-input-file-upload", inputs: { inputFileUploadModel: "inputFileUploadModel" }, outputs: { closeButtonClicked: "closeButtonClicked", textChanged: "textChanged", getFileDetails: "getFileDetails" }, viewQueries: [{ propertyName: "toolTip", first: true, predicate: ["pop"], descendants: true }], ngImport: i0, template: "<div *ngIf=\"inputFileUploadModel\">\n  <!-- File Upload -->\n  <div class=\"sfx-input-label\">\n    {{ inputFileUploadModel.inputLabel }}\n  </div>\n  <div\n    class=\"sfx-input-file-upload\"\n    tooltip=\"{{ inputFileUploadModel.fileValue }}\"\n    containerClass=\"sfx-info-tooltip item-tooltip\"\n    #pop=\"bs-tooltip\"\n    [ngClass]=\"{ 'has-Close': inputFileUploadModel.hasClose }\"\n  >\n    <label class=\"sfx-cursor-pointer\" for=\"input-file-Upload\"> </label>\n\n    <input\n      type=\"file\"\n      id=\"input-file-Upload\"\n      name=\"input-file-Upload\"\n      accept=\"{{ filetypeAccepted }}\"\n      (change)=\"onFileSelect($event)\"\n      (click)=\"onClick($event)\"\n    />\n    <input\n      type=\"text\"\n      name=\"input-text\"\n      id=\"input-file-Upload-text\"\n      class=\"input-text\"\n      autocomplete=\"off\"\n      placeholder=\"{{ inputFileUploadModel.placeholder }}\"\n      (keyup)=\"onTextChange($event)\"\n      [(ngModel)]=\"inputFileUploadModel.fileValue\"\n    />\n\n    <symphony-icon\n      class=\"sfx-cursor-pointer\"\n      *ngIf=\"inputFileUploadModel.hasClose\"\n      [icon]=\"'si-close-modal'\"\n      [size]=\"'20px'\"\n      (clicked)=\"onCloseButtonClick()\"\n    ></symphony-icon>\n    <symphony-paragraph\n      *ngIf=\"inputFileUploadModel.hasError\"\n      class=\"sfx-txt-red-v2 sfx-pl-5 sfx-d-flex\"\n      [text]=\"inputFileUploadModel.errorText\"\n    ></symphony-paragraph>\n  </div>\n  <!-- File Upload -->\n</div>\n", styles: [".sfx-input-file-upload{position:relative}.sfx-input-file-upload symphony-tooltip-wrapper .sfx-d-inline-block{width:100%;display:block}.sfx-input-file-upload label{line-height:40px;width:40px;margin:0;height:40px;position:absolute;text-align:center;right:-5px;top:5px}.sfx-input-file-upload label span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;top:5px}.sfx-input-file-upload label:before{content:\"\\e957\";font-family:library-icons!important}.sfx-input-file-upload input[type=file]{visibility:hidden;position:absolute;top:0}.sfx-input-file-upload input[type=text]{width:100%;height:40px;border-radius:4px;box-shadow:none;padding:0 30px 0 20px;border:1px solid #d0d0d0;margin:5px;outline:none}.sfx-input-file-upload.has-Close input[type=text]{width:calc(100% - 35px)}.sfx-input-file-upload.has-Close label{right:30px;top:5px}.sfx-input-file-upload.has-Close symphony-icon{position:absolute;top:15px;right:0px}.sfx-input-label{font-weight:500;margin-left:5px;margin-bottom:5px}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px!important;box-shadow:0 0 20px rgba(0,0,0,.2);font-weight:600;word-wrap:break-word}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"], components: [{ type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$2.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["containerClass", "tooltipAnimation", "tooltipFadeDuration", "isOpen", "tooltipHtml", "tooltip", "tooltipPlacement", "placement", "tooltipIsOpen", "tooltipEnable", "isDisabled", "tooltipAppendToBody", "container", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "delay", "tooltipTrigger", "triggers", "adaptivePosition"], outputs: ["tooltipChange", "tooltipStateChanged", "onShown", "onHidden"], exportAs: ["bs-tooltip"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputFileUploadComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-input-file-upload', encapsulation: ViewEncapsulation.None, template: "\n<div *ngIf=\"inputFileUploadModel\">\n  <!-- File Upload -->\n  <div class=\"sfx-input-label\">\n    {{inputFileUploadModel.inputLabel}}\n  </div>\n  <div class=\"sfx-input-file-upload\" [ngClass]=\"{ 'has-Close': inputFileUploadModel.hasClose }\">\n    <symphony-tooltip-wrapper\n    *ngIf=\"inputFileUploadModel.fileValue\"\n    [placement]=\"'top'\"\n    [tooltipHtml]=\"inputFileUploadModel.fileValue\"\n  >\n    <label class=\"sfx-cursor-pointer\" for=\"input-file-Upload\"\n      ><span>{{inputFileUploadModel.fileValue}}</span>\n    </label>\n    <input\n      type=\"file\"\n      id=\"input-file-Upload\"\n      name=\"input-file-Upload\"\n      accept=\"{{ filetypeAccepted }}\"\n      (change)=\"onFileSelect($event)\"\n      (click)=\"onClick($event)\"\n    />\n  </symphony-tooltip-wrapper>\n  <div\n  *ngIf=\"!inputFileUploadModel.fileValue\"\n>\n  <label class=\"sfx-cursor-pointer\" for=\"input-file-Upload\"\n    ><span>{{inputFileUploadModel.fileValue}}</span>\n  </label>\n  <input\n    type=\"file\"\n    id=\"input-file-Upload\"\n    name=\"input-file-Upload\"\n    accept=\"{{ filetypeAccepted }}\"\n    (change)=\"onFileSelect($event)\"\n    (click)=\"onClick($event)\"\n  />\n</div>\n    <symphony-icon\n      class=\"sfx-cursor-pointer\"\n      *ngIf=\"inputFileUploadModel.hasClose\"\n      [icon]=\"'si-close-modal'\"\n      [size]=\"'20px'\"\n      (clicked)=\"onCloseButtonClick()\"\n    ></symphony-icon>\n    <symphony-paragraph\n      *ngIf=\"inputFileUploadModel.hasError\"\n      class=\"sfx-txt-red sfx-font-bold sfx-pl-5 sfx-d-flex\"\n      [text]=\"inputFileUploadModel.errorText\"\n    ></symphony-paragraph>\n  </div>\n  <!-- File Upload -->\n</div>", styles: [".sfx-input-file-upload{position:relative}.sfx-input-file-upload symphony-tooltip-wrapper .sfx-d-inline-block{width:100%;display:block}.sfx-input-file-upload label{line-height:40px;padding-inline:20px;width:100%;font-weight:400;margin:5px;height:40px;display:block}.sfx-input-file-upload label span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;top:5px}.sfx-input-file-upload label:after{content:\"\";width:100%;height:40px;border:1px solid #d0d0d0;border-radius:4px;position:absolute;top:0;left:0;margin:5px}.sfx-input-file-upload label:before{content:\"\\e957\";font-family:library-icons!important;position:absolute;right:10px;top:5px}.sfx-input-file-upload input[type=file]{visibility:hidden;position:absolute;top:0}.sfx-input-file-upload.has-Close label{width:calc(100% - 35px)}.sfx-input-file-upload.has-Close label:after{width:calc(100% - 35px)}.sfx-input-file-upload.has-Close label:before{right:40px}.sfx-input-file-upload.has-Close symphony-icon{position:absolute;top:15px;right:0px}.sfx-input-label{font-weight:500;margin-left:5px;margin-bottom:5px}\n"] }]
+            args: [{ selector: 'symphony-input-file-upload', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"inputFileUploadModel\">\n  <!-- File Upload -->\n  <div class=\"sfx-input-label\">\n    {{ inputFileUploadModel.inputLabel }}\n  </div>\n  <div\n    class=\"sfx-input-file-upload\"\n    tooltip=\"{{ inputFileUploadModel.fileValue }}\"\n    containerClass=\"sfx-info-tooltip item-tooltip\"\n    #pop=\"bs-tooltip\"\n    [ngClass]=\"{ 'has-Close': inputFileUploadModel.hasClose }\"\n  >\n    <label class=\"sfx-cursor-pointer\" for=\"input-file-Upload\"> </label>\n\n    <input\n      type=\"file\"\n      id=\"input-file-Upload\"\n      name=\"input-file-Upload\"\n      accept=\"{{ filetypeAccepted }}\"\n      (change)=\"onFileSelect($event)\"\n      (click)=\"onClick($event)\"\n    />\n    <input\n      type=\"text\"\n      name=\"input-text\"\n      id=\"input-file-Upload-text\"\n      class=\"input-text\"\n      autocomplete=\"off\"\n      placeholder=\"{{ inputFileUploadModel.placeholder }}\"\n      (keyup)=\"onTextChange($event)\"\n      [(ngModel)]=\"inputFileUploadModel.fileValue\"\n    />\n\n    <symphony-icon\n      class=\"sfx-cursor-pointer\"\n      *ngIf=\"inputFileUploadModel.hasClose\"\n      [icon]=\"'si-close-modal'\"\n      [size]=\"'20px'\"\n      (clicked)=\"onCloseButtonClick()\"\n    ></symphony-icon>\n    <symphony-paragraph\n      *ngIf=\"inputFileUploadModel.hasError\"\n      class=\"sfx-txt-red-v2 sfx-pl-5 sfx-d-flex\"\n      [text]=\"inputFileUploadModel.errorText\"\n    ></symphony-paragraph>\n  </div>\n  <!-- File Upload -->\n</div>\n", styles: [".sfx-input-file-upload{position:relative}.sfx-input-file-upload symphony-tooltip-wrapper .sfx-d-inline-block{width:100%;display:block}.sfx-input-file-upload label{line-height:40px;width:40px;margin:0;height:40px;position:absolute;text-align:center;right:-5px;top:5px}.sfx-input-file-upload label span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;top:5px}.sfx-input-file-upload label:before{content:\"\\e957\";font-family:library-icons!important}.sfx-input-file-upload input[type=file]{visibility:hidden;position:absolute;top:0}.sfx-input-file-upload input[type=text]{width:100%;height:40px;border-radius:4px;box-shadow:none;padding:0 30px 0 20px;border:1px solid #d0d0d0;margin:5px;outline:none}.sfx-input-file-upload.has-Close input[type=text]{width:calc(100% - 35px)}.sfx-input-file-upload.has-Close label{right:30px;top:5px}.sfx-input-file-upload.has-Close symphony-icon{position:absolute;top:15px;right:0px}.sfx-input-label{font-weight:500;margin-left:5px;margin-bottom:5px}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px!important;box-shadow:0 0 20px rgba(0,0,0,.2);font-weight:600;word-wrap:break-word}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { inputFileUploadModel: [{
                 type: Input
             }], closeButtonClicked: [{
                 type: Output
+            }], textChanged: [{
+                type: Output
             }], getFileDetails: [{
                 type: Output
+            }], toolTip: [{
+                type: ViewChild,
+                args: ['pop', { static: false }]
             }] } });
 
 class InputFileUploadModule {
 }
 InputFileUploadModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputFileUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-InputFileUploadModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputFileUploadModule, declarations: [InputFileUploadComponent], imports: [CommonModule, IconModule, TooltipWrapperModule, ParagraphModule], exports: [InputFileUploadComponent] });
-InputFileUploadModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputFileUploadModule, imports: [[CommonModule, IconModule, TooltipWrapperModule, ParagraphModule]] });
+InputFileUploadModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputFileUploadModule, declarations: [InputFileUploadComponent], imports: [CommonModule, IconModule, ParagraphModule, FormsModule, i1$2.TooltipModule], exports: [InputFileUploadComponent] });
+InputFileUploadModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputFileUploadModule, imports: [[CommonModule, IconModule, ParagraphModule, FormsModule, TooltipModule.forRoot()]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputFileUploadModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [InputFileUploadComponent],
-                    imports: [CommonModule, IconModule, TooltipWrapperModule, ParagraphModule],
+                    imports: [CommonModule, IconModule, ParagraphModule, FormsModule, TooltipModule.forRoot()],
                     exports: [InputFileUploadComponent],
                 }]
         }] });
@@ -8215,6 +8228,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                 }]
         }] });
 
+class DomainWhitelistingPartialPageComponent {
+    constructor() {
+        this.clicked = new EventEmitter();
+    }
+    onClick() {
+        this.clicked.emit(this.model.whitelistedDomains.value);
+    }
+}
+DomainWhitelistingPartialPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DomainWhitelistingPartialPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DomainWhitelistingPartialPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: DomainWhitelistingPartialPageComponent, selector: "symphony-domain-whitelisting-partial-page", inputs: { model: "model" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div *ngIf=\"model\" class=\"sfx-pt-20 sfx-border-top-gray-1\">\n    <div class=\"sfx-pb-5 sfx-font-bold\">\n        <symphony-paragraph>\n            {{model.title}}\n        </symphony-paragraph>\n    </div>\n    <div>\n        <symphony-paragraph>\n            {{model.description}}\n        </symphony-paragraph>\n    </div>\n    <div class=\"sfx-pt-20 sfx-pl-30\">\n        <div class=\"sfx-pb-20\">\n            <symphony-paragraph class=\"sfx-font-bold\">\n                {{model.heading}}\n            </symphony-paragraph>\n            <symphony-paragraph>\n                {{model.text}}\n            </symphony-paragraph>\n        </div>\n        <div class=\"whitelist-domains\">\n            <symphony-input-textarea class=\"text-box\" [model]=\"model.whitelistedDomains\">\n            </symphony-input-textarea>\n            <symphony-button-v2 class=\"button\" (click)=\"onClick()\" [text]=\"model.buttonText\"> </symphony-button-v2>\n        </div>\n    </div>\n</div>", styles: [".text-box{width:100%;display:block}.whitelist-domains{padding-right:750px}.button{float:right}\n"], components: [{ type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: InputTextareaComponent, selector: "symphony-input-textarea", inputs: ["model", "isDisabled", "currentCount", "placeholder", "rows"], outputs: ["textAreaChanged"] }, { 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: DomainWhitelistingPartialPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'symphony-domain-whitelisting-partial-page', template: "<div *ngIf=\"model\" class=\"sfx-pt-20 sfx-border-top-gray-1\">\n    <div class=\"sfx-pb-5 sfx-font-bold\">\n        <symphony-paragraph>\n            {{model.title}}\n        </symphony-paragraph>\n    </div>\n    <div>\n        <symphony-paragraph>\n            {{model.description}}\n        </symphony-paragraph>\n    </div>\n    <div class=\"sfx-pt-20 sfx-pl-30\">\n        <div class=\"sfx-pb-20\">\n            <symphony-paragraph class=\"sfx-font-bold\">\n                {{model.heading}}\n            </symphony-paragraph>\n            <symphony-paragraph>\n                {{model.text}}\n            </symphony-paragraph>\n        </div>\n        <div class=\"whitelist-domains\">\n            <symphony-input-textarea class=\"text-box\" [model]=\"model.whitelistedDomains\">\n            </symphony-input-textarea>\n            <symphony-button-v2 class=\"button\" (click)=\"onClick()\" [text]=\"model.buttonText\"> </symphony-button-v2>\n        </div>\n    </div>\n</div>", styles: [".text-box{width:100%;display:block}.whitelist-domains{padding-right:750px}.button{float:right}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { model: [{
+                type: Input
+            }], clicked: [{
+                type: Output
+            }] } });
+
+class DomainWhitelistingPartialPageModule {
+}
+DomainWhitelistingPartialPageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DomainWhitelistingPartialPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DomainWhitelistingPartialPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DomainWhitelistingPartialPageModule, declarations: [DomainWhitelistingPartialPageComponent], imports: [ParagraphModule, CommonModule, InputTextareaModule, ButtonV2Module], exports: [DomainWhitelistingPartialPageComponent] });
+DomainWhitelistingPartialPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DomainWhitelistingPartialPageModule, imports: [[ParagraphModule, CommonModule, InputTextareaModule, ButtonV2Module]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DomainWhitelistingPartialPageModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [DomainWhitelistingPartialPageComponent],
+                    exports: [DomainWhitelistingPartialPageComponent],
+                    imports: [ParagraphModule, CommonModule, InputTextareaModule, ButtonV2Module],
+                }]
+        }] });
+
 /*
  * ATOMS
  */
@@ -8223,5 +8269,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { 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, AtomsModule, AvatarComponent, AvatarModule, BreadcrumbComponent, BreadcrumbModule, ButtonComponent, ButtonModule, ButtonV2Component, ButtonV2Module, CapitalizeFirstCharacterPipe, CardComponent, CardListComponent, CardListModule, CardModule, CharacterCounterComponent, CharacterCounterModule, ColorNames, ColoredTextIndicatorComponent, ColoredTextIndicatorModule, ConfirmationModalComponent, ConfirmationModalModule, ContactActivityScoreComponent, ContactActivityScoreModule, ContextualMenuComponent, ContextualMenuModule, DocumentManagementItemComponent, DocumentManagementItemModule, DocumentManagementListComponent, DocumentManagementListModule, 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, FormattedCounterComponent, FormattedCounterModule, FrameworkModule, GridActionsComponent, GridActionsModule, GridCellClickableComponent, GridCellClickableModule, 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, InputCheckboxComponent, InputCheckboxListComponent, InputCheckboxListModule, InputCheckboxModule, InputChipsComponent, InputChipsModule, InputDropdownComponent, InputDropdownList, InputDropdownListItemModel, InputDropdownModule, InputFileUploadComponent, InputFileUploadModule, InputRadioComponent, InputRadioModule, InputSearchCheckboxDropdownComponent, InputSearchCheckboxDropdownModule, InputTextComponent, InputTextModule, InputTextareaComponent, InputTextareaModule, InputToggleComponent, InputToggleModule, JobListPageComponent, JobListPageModule, LibrariesPageComponent, LibrariesPageModule, LinkedinPremiumJobPostingsModalComponent, LinkedinPremiumJobPostingsModalModule, 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, SettingDetailPageComponent, SettingDetailPageModule, SettingListPageComponent, SettingListPageModule, SettingsDetailNavigationItemComponent, SettingsDetailNavigationItemModule, SettingsDetailNavigationListComponent, SettingsDetailNavigationListModule, SfxLoaderComponent, SfxLoaderModule, SfxPageLoaderComponent, SfxPageLoaderModule, SfxProgressBarComponent, SfxProgressBarModule, SidebarNavigationComponent, SidebarNavigationModule, SidebarNavigationV2Component, SidebarNavigationV2Module, TabsComponent, TabsModules, ToasterAlertComponent, ToasterAlertModel, ToasterAlertModule, ToasterAlertType, TooltipWrapperComponent, TooltipWrapperModule, TrimIdPipe, TwoColumnFilterAreaComponent, TwoColumnFilterAreaModule, UploadResumeModalComponent, UploadResumeModalModule, VerticalSeparatorComponent, VerticalSeparatorModule, gridType };
+export { 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, AtomsModule, AvatarComponent, AvatarModule, BreadcrumbComponent, BreadcrumbModule, ButtonComponent, ButtonModule, ButtonV2Component, ButtonV2Module, CapitalizeFirstCharacterPipe, CardComponent, CardListComponent, CardListModule, CardModule, CharacterCounterComponent, CharacterCounterModule, ColorNames, ColoredTextIndicatorComponent, ColoredTextIndicatorModule, ConfirmationModalComponent, ConfirmationModalModule, ContactActivityScoreComponent, ContactActivityScoreModule, ContextualMenuComponent, ContextualMenuModule, 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, FormattedCounterComponent, FormattedCounterModule, FrameworkModule, GridActionsComponent, GridActionsModule, GridCellClickableComponent, GridCellClickableModule, 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, InputCheckboxComponent, InputCheckboxListComponent, InputCheckboxListModule, InputCheckboxModule, InputChipsComponent, InputChipsModule, InputDropdownComponent, InputDropdownList, InputDropdownListItemModel, InputDropdownModule, InputFileUploadComponent, InputFileUploadModule, InputRadioComponent, InputRadioModule, InputSearchCheckboxDropdownComponent, InputSearchCheckboxDropdownModule, InputTextComponent, InputTextModule, InputTextareaComponent, InputTextareaModule, InputToggleComponent, InputToggleModule, JobListPageComponent, JobListPageModule, LibrariesPageComponent, LibrariesPageModule, LinkedinPremiumJobPostingsModalComponent, LinkedinPremiumJobPostingsModalModule, 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, SettingDetailPageComponent, SettingDetailPageModule, SettingListPageComponent, SettingListPageModule, SettingsDetailNavigationItemComponent, SettingsDetailNavigationItemModule, SettingsDetailNavigationListComponent, SettingsDetailNavigationListModule, SfxLoaderComponent, SfxLoaderModule, SfxPageLoaderComponent, SfxPageLoaderModule, SfxProgressBarComponent, SfxProgressBarModule, SidebarNavigationComponent, SidebarNavigationModule, SidebarNavigationV2Component, SidebarNavigationV2Module, TabsComponent, TabsModules, ToasterAlertComponent, ToasterAlertModel, ToasterAlertModule, ToasterAlertType, TooltipWrapperComponent, TooltipWrapperModule, TrimIdPipe, TwoColumnFilterAreaComponent, TwoColumnFilterAreaModule, UploadResumeModalComponent, UploadResumeModalModule, VerticalSeparatorComponent, VerticalSeparatorModule, gridType };
 //# sourceMappingURL=symphony-talent-component-library.mjs.map