@symphony-talent/component-library 4.68.0 → 4.70.0

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

@@ -8035,14 +8035,17 @@ class DomainWhitelistingPartialPageComponent {
         this.clicked = new EventEmitter();
     }
     onClick() {
-        this.clicked.emit(this.model.whitelistedDomains.value);
+        this.clicked.emit(this.valueToAdd);
+    }
+    onTextChanged(value) {
+        this.valueToAdd = 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\">\n    <h3 sfx-header>{{ model.pageTitle }}</h3>\n    <div class=\"sfx-pt-20 sfx-border-top-gray-1 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 *ngIf=\"!model.isLoading\" 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 *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\">\n            <symphony-sfx-loader></symphony-sfx-loader>\n        </div>\n    </div>\n</div>", styles: [".text-box{width:100%;display:block}.whitelist-domains{min-width:250px;padding-right:45%}.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" }, { type: SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+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\">\n    <h3 sfx-header>{{ model.pageTitle }}</h3>\n    <div class=\"sfx-pt-20 sfx-border-top-gray-1 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 *ngIf=\"!model.isLoading && model.whitelistedDomains\" class=\"whitelist-domains\">\n            <symphony-input-textarea class=\"text-box\" [model]=\"model.whitelistedDomains\"\n                (textAreaChanged)=\"onTextChanged($event)\">\n            </symphony-input-textarea>\n            <symphony-button-v2 class=\"button\" (click)=\"onClick()\" [text]=\"model.buttonText\"> </symphony-button-v2>\n        </div>\n        <div *ngIf=\"!model.isLoading && !model.whitelistedDomains\" class=\"sfx-pt-40 sfx-pb-40 sfx-txt-center\">\n            {{model.message}}\n        </div>\n        <div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\">\n            <symphony-sfx-loader></symphony-sfx-loader>\n        </div>\n    </div>\n</div>", styles: [".text-box{width:100%;display:block}.whitelist-domains{min-width:250px;padding-right:45%}.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" }, { 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: DomainWhitelistingPartialPageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-domain-whitelisting-partial-page', template: "<div *ngIf=\"model\">\n    <h3 sfx-header>{{ model.pageTitle }}</h3>\n    <div class=\"sfx-pt-20 sfx-border-top-gray-1 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 *ngIf=\"!model.isLoading\" 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 *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\">\n            <symphony-sfx-loader></symphony-sfx-loader>\n        </div>\n    </div>\n</div>", styles: [".text-box{width:100%;display:block}.whitelist-domains{min-width:250px;padding-right:45%}.button{float:right}\n"] }]
+            args: [{ selector: 'symphony-domain-whitelisting-partial-page', template: "<div *ngIf=\"model\">\n    <h3 sfx-header>{{ model.pageTitle }}</h3>\n    <div class=\"sfx-pt-20 sfx-border-top-gray-1 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 *ngIf=\"!model.isLoading && model.whitelistedDomains\" class=\"whitelist-domains\">\n            <symphony-input-textarea class=\"text-box\" [model]=\"model.whitelistedDomains\"\n                (textAreaChanged)=\"onTextChanged($event)\">\n            </symphony-input-textarea>\n            <symphony-button-v2 class=\"button\" (click)=\"onClick()\" [text]=\"model.buttonText\"> </symphony-button-v2>\n        </div>\n        <div *ngIf=\"!model.isLoading && !model.whitelistedDomains\" class=\"sfx-pt-40 sfx-pb-40 sfx-txt-center\">\n            {{model.message}}\n        </div>\n        <div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\">\n            <symphony-sfx-loader></symphony-sfx-loader>\n        </div>\n    </div>\n</div>", styles: [".text-box{width:100%;display:block}.whitelist-domains{min-width:250px;padding-right:45%}.button{float:right}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { model: [{
                 type: Input
             }], clicked: [{
@@ -8054,6 +8057,7 @@ class FeedbackSettingDetailsPageComponent {
         this.detailNavigationClicked = new EventEmitter();
         this.settingToggleClicked = new EventEmitter();
         this.addButtonClicked = new EventEmitter();
+        this.saveButtonClicked = new EventEmitter();
     }
     onDetailNavigationClick(event) {
         this.detailNavigationClicked.emit(event);
@@ -8064,12 +8068,15 @@ class FeedbackSettingDetailsPageComponent {
     onAddButtonClick() {
         this.addButtonClicked.emit();
     }
+    onSaveButtonClick(event) {
+        this.saveButtonClicked.emit(event);
+    }
 }
 FeedbackSettingDetailsPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackSettingDetailsPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FeedbackSettingDetailsPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackSettingDetailsPageComponent, selector: "symphony-feedback-setting-details-page", inputs: { model: "model" }, outputs: { detailNavigationClicked: "detailNavigationClicked", settingToggleClicked: "settingToggleClicked", addButtonClicked: "addButtonClicked" }, ngImport: i0, template: "<symphony-setting-details-template *ngIf=\"model\">\n  <symphony-breadcrumb breadcrumb [breadcrumbs]=\"model.breadcrumbs\">\n  </symphony-breadcrumb>\n  <symphony-h3 sfx-header [text]=\"model.pageTitle\"></symphony-h3>\n  <symphony-settings-detail-navigation-list\n    sfx-nav\n    [navigationList]=\"model.navigationList\"\n    (navigationItemClicked)=\"onDetailNavigationClick($event)\"\n  ></symphony-settings-detail-navigation-list>\n\n  <section sfx-content>\n    <symphony-toggle-list-partial-page\n    *ngIf=\"model.displayToggleList\"\n      [model]=\"model.toggleListPartialPageModel\"\n      (updateSettingToggle)=\"onToggleClick($event)\"\n      (addButtonClick)=\"onAddButtonClick()\"\n    >\n    </symphony-toggle-list-partial-page>\n    <symphony-domain-whitelisting-partial-page \n    *ngIf=\"!model.displayToggleList\"\n    [model]=\"model.whitelistDomainModel\"\n    >\n    </symphony-domain-whitelisting-partial-page>\n  </section>\n</symphony-setting-details-template>\n", components: [{ type: SettingDetailsTemplateComponent, selector: "symphony-setting-details-template" }, { type: BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: ["breadcrumbs"], outputs: ["breadcrumbClicked"] }, { type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: SettingsDetailNavigationListComponent, selector: "symphony-settings-detail-navigation-list", inputs: ["navigationList"], outputs: ["navigationItemClicked"] }, { type: ToggleListPartialPageComponent, selector: "symphony-toggle-list-partial-page", inputs: ["model"], outputs: ["updateSettingToggle", "addButtonClick"] }, { type: DomainWhitelistingPartialPageComponent, selector: "symphony-domain-whitelisting-partial-page", inputs: ["model"], outputs: ["clicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+FeedbackSettingDetailsPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackSettingDetailsPageComponent, selector: "symphony-feedback-setting-details-page", inputs: { model: "model" }, outputs: { detailNavigationClicked: "detailNavigationClicked", settingToggleClicked: "settingToggleClicked", addButtonClicked: "addButtonClicked", saveButtonClicked: "saveButtonClicked" }, ngImport: i0, template: "<symphony-setting-details-template *ngIf=\"model\">\n  <symphony-breadcrumb breadcrumb [breadcrumbs]=\"model.breadcrumbs\">\n  </symphony-breadcrumb>\n  <symphony-h3 sfx-header [text]=\"model.pageTitle\"></symphony-h3>\n  <symphony-settings-detail-navigation-list\n    sfx-nav\n    [navigationList]=\"model.navigationList\"\n    (navigationItemClicked)=\"onDetailNavigationClick($event)\"\n  ></symphony-settings-detail-navigation-list>\n\n  <section sfx-content>\n    <symphony-toggle-list-partial-page\n    *ngIf=\"model.displayToggleList\"\n      [model]=\"model.toggleListPartialPageModel\"\n      (updateSettingToggle)=\"onToggleClick($event)\"\n      (addButtonClick)=\"onAddButtonClick()\"\n    >\n    </symphony-toggle-list-partial-page>\n    <symphony-domain-whitelisting-partial-page \n    *ngIf=\"!model.displayToggleList\"\n    [model]=\"model.whitelistDomainModel\"\n    (clicked)=\"onSaveButtonClick($event)\"\n    >\n    </symphony-domain-whitelisting-partial-page>\n  </section>\n</symphony-setting-details-template>\n", components: [{ type: SettingDetailsTemplateComponent, selector: "symphony-setting-details-template" }, { type: BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: ["breadcrumbs"], outputs: ["breadcrumbClicked"] }, { type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: SettingsDetailNavigationListComponent, selector: "symphony-settings-detail-navigation-list", inputs: ["navigationList"], outputs: ["navigationItemClicked"] }, { type: ToggleListPartialPageComponent, selector: "symphony-toggle-list-partial-page", inputs: ["model"], outputs: ["updateSettingToggle", "addButtonClick"] }, { type: DomainWhitelistingPartialPageComponent, selector: "symphony-domain-whitelisting-partial-page", inputs: ["model"], outputs: ["clicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackSettingDetailsPageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-feedback-setting-details-page', template: "<symphony-setting-details-template *ngIf=\"model\">\n  <symphony-breadcrumb breadcrumb [breadcrumbs]=\"model.breadcrumbs\">\n  </symphony-breadcrumb>\n  <symphony-h3 sfx-header [text]=\"model.pageTitle\"></symphony-h3>\n  <symphony-settings-detail-navigation-list\n    sfx-nav\n    [navigationList]=\"model.navigationList\"\n    (navigationItemClicked)=\"onDetailNavigationClick($event)\"\n  ></symphony-settings-detail-navigation-list>\n\n  <section sfx-content>\n    <symphony-toggle-list-partial-page\n    *ngIf=\"model.displayToggleList\"\n      [model]=\"model.toggleListPartialPageModel\"\n      (updateSettingToggle)=\"onToggleClick($event)\"\n      (addButtonClick)=\"onAddButtonClick()\"\n    >\n    </symphony-toggle-list-partial-page>\n    <symphony-domain-whitelisting-partial-page \n    *ngIf=\"!model.displayToggleList\"\n    [model]=\"model.whitelistDomainModel\"\n    >\n    </symphony-domain-whitelisting-partial-page>\n  </section>\n</symphony-setting-details-template>\n" }]
+            args: [{ selector: 'symphony-feedback-setting-details-page', template: "<symphony-setting-details-template *ngIf=\"model\">\n  <symphony-breadcrumb breadcrumb [breadcrumbs]=\"model.breadcrumbs\">\n  </symphony-breadcrumb>\n  <symphony-h3 sfx-header [text]=\"model.pageTitle\"></symphony-h3>\n  <symphony-settings-detail-navigation-list\n    sfx-nav\n    [navigationList]=\"model.navigationList\"\n    (navigationItemClicked)=\"onDetailNavigationClick($event)\"\n  ></symphony-settings-detail-navigation-list>\n\n  <section sfx-content>\n    <symphony-toggle-list-partial-page\n    *ngIf=\"model.displayToggleList\"\n      [model]=\"model.toggleListPartialPageModel\"\n      (updateSettingToggle)=\"onToggleClick($event)\"\n      (addButtonClick)=\"onAddButtonClick()\"\n    >\n    </symphony-toggle-list-partial-page>\n    <symphony-domain-whitelisting-partial-page \n    *ngIf=\"!model.displayToggleList\"\n    [model]=\"model.whitelistDomainModel\"\n    (clicked)=\"onSaveButtonClick($event)\"\n    >\n    </symphony-domain-whitelisting-partial-page>\n  </section>\n</symphony-setting-details-template>\n" }]
         }], ctorParameters: function () { return []; }, propDecorators: { model: [{
                 type: Input
             }], detailNavigationClicked: [{
@@ -8078,6 +8085,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                 type: Output
             }], addButtonClicked: [{
                 type: Output
+            }], saveButtonClicked: [{
+                type: Output
             }] } });
 
 class ToggleListPartialPageModule {