@symphony-talent/component-library 4.36.0 → 4.38.0

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

@@ -7495,8 +7495,8 @@ class EditableSettingPartialPageComponent {
         this.saveClicked = new EventEmitter();
         this.reloadClicked = new EventEmitter();
     }
-    onEditableSettingValueChange(partialPageModel) {
-        this.editableSettingValueChanged.emit(partialPageModel);
+    onEditableSettingValueChange(item) {
+        this.editableSettingValueChanged.emit(item);
     }
     onSaveclick(partialPageModel) {
         this.saveClicked.emit(partialPageModel);
@@ -7506,10 +7506,10 @@ class EditableSettingPartialPageComponent {
     }
 }
 EditableSettingPartialPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EditableSettingPartialPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-EditableSettingPartialPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: EditableSettingPartialPageComponent, selector: "symphony-editable-setting-partial-page", inputs: { partialPageModel: "partialPageModel", isLoadingPartialPage: "isLoadingPartialPage", errorPageState: "errorPageState" }, outputs: { editableSettingValueChanged: "editableSettingValueChanged", saveClicked: "saveClicked", reloadClicked: "reloadClicked" }, ngImport: i0, template: "<section *ngIf=\"partialPageModel && !isLoadingPartialPage && !errorPageState\">\n  <symphony-paragraph class=\"sfx-font-bold sfx-mb-5 sfx-d-flex\">{{\n    partialPageModel.partialTitle\n  }}</symphony-paragraph>\n  <symphony-paragraph class=\"sfx-mb-20 sfx-d-flex\">{{\n    partialPageModel.partialDescription\n  }}</symphony-paragraph>\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-4 col-lg-3\">\n      <ng-content select=\"[dropdown-dropzone]\"></ng-content>\n    </div>\n  </div>\n  <section\n    *ngIf=\"!partialPageModel.isLoadingList && !partialPageModel.errorListState\"\n  >\n    <symphony-editable-setting-item-list\n      class=\"sfx-mt-30 sfx-d-block\"\n      [settingItemsList]=\"partialPageModel.settingItemsList\"\n      (settingItemValueChanged)=\"onEditableSettingValueChange(partialPageModel)\"\n    ></symphony-editable-setting-item-list>\n    <symphony-button-v2\n      id=\"button-partialPage-save\"\n      class=\"pull-right sfx-d-flex\"\n      text=\"Save\"\n      [disabled]=\"partialPageModel.saveBtnDisabled\"\n      (clicked)=\"onSaveclick(partialPageModel)\"\n    ></symphony-button-v2>\n  </section>\n  <symphony-sfx-loader\n    *ngIf=\"partialPageModel.isLoadingList\"\n  ></symphony-sfx-loader>\n  <symphony-sfx-loader\n    *ngIf=\"partialPageModel.errorListState && !partialPageModel.isLoadingList\"\n    [hasCustomMessage]=\"partialPageModel.errorListState\"\n  >\n    <symphony-paragraph\n      custom-message\n      class=\"sfx-mb-20 sfx-mt-20 sfx-d-block text-center\"\n      >Loading this page is taking longer than expected.<br />Try to\n      <span\n        (click)=\"onReloadClick($event)\"\n        class=\"sfx-v2-purple1 sfx-font-bold sfx-cursor-pointer\"\n        >reload</span\n      >\n      it or come back later.</symphony-paragraph\n    >\n  </symphony-sfx-loader>\n</section>\n<symphony-sfx-loader *ngIf=\"isLoadingPartialPage\"></symphony-sfx-loader>\n<symphony-sfx-loader\n  *ngIf=\"errorPageState && !isLoadingPartialPage\"\n  [hasCustomMessage]=\"errorPageState\"\n>\n  <symphony-paragraph\n    custom-message\n    class=\"sfx-mb-20 sfx-mt-20 sfx-d-block text-center\"\n    >Loading this page is taking longer than expected.<br />Try to\n    <span\n      (click)=\"onReloadClick($event)\"\n      class=\"sfx-v2-purple1 sfx-font-bold sfx-cursor-pointer\"\n      >reload</span\n    >\n    it or come back later.</symphony-paragraph\n  >\n</symphony-sfx-loader>\n", styles: [""], components: [{ type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: EditableSettingItemListComponent, selector: "symphony-editable-setting-item-list", inputs: ["settingItemsList"], outputs: ["settingItemValueChanged"] }, { 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"] }] });
+EditableSettingPartialPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: EditableSettingPartialPageComponent, selector: "symphony-editable-setting-partial-page", inputs: { partialPageModel: "partialPageModel", isLoadingPartialPage: "isLoadingPartialPage", errorPageState: "errorPageState" }, outputs: { editableSettingValueChanged: "editableSettingValueChanged", saveClicked: "saveClicked", reloadClicked: "reloadClicked" }, ngImport: i0, template: "<section *ngIf=\"partialPageModel && !isLoadingPartialPage && !errorPageState\">\n  <symphony-paragraph class=\"sfx-font-bold sfx-mb-5 sfx-d-flex\">{{\n    partialPageModel.partialTitle\n  }}</symphony-paragraph>\n  <symphony-paragraph class=\"sfx-mb-20 sfx-d-flex\">{{\n    partialPageModel.partialDescription\n  }}</symphony-paragraph>\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-4 col-lg-3\">\n      <ng-content select=\"[dropdown-dropzone]\"></ng-content>\n    </div>\n  </div>\n  <section\n    *ngIf=\"!partialPageModel.isLoadingList && !partialPageModel.errorListState\"\n  >\n    <symphony-editable-setting-item-list\n      class=\"sfx-mt-30 sfx-d-block\"\n      [settingItemsList]=\"partialPageModel.settingItemsList\"\n      (settingItemValueChanged)=\"onEditableSettingValueChange($event)\"\n    ></symphony-editable-setting-item-list>\n    <symphony-button-v2\n      id=\"button-partialPage-save\"\n      class=\"pull-right sfx-d-flex\"\n      text=\"Save\"\n      [disabled]=\"partialPageModel.saveBtnDisabled\"\n      (clicked)=\"onSaveclick(partialPageModel)\"\n    ></symphony-button-v2>\n  </section>\n  <symphony-sfx-loader\n    *ngIf=\"partialPageModel.isLoadingList\"\n  ></symphony-sfx-loader>\n  <symphony-sfx-loader\n    *ngIf=\"partialPageModel.errorListState && !partialPageModel.isLoadingList\"\n    [hasCustomMessage]=\"partialPageModel.errorListState\"\n  >\n    <symphony-paragraph\n      custom-message\n      class=\"sfx-mb-20 sfx-mt-20 sfx-d-block text-center\"\n      >Loading this page is taking longer than expected.<br />Try to\n      <span\n        (click)=\"onReloadClick($event)\"\n        class=\"sfx-v2-purple1 sfx-font-bold sfx-cursor-pointer\"\n        >reload</span\n      >\n      it or come back later.</symphony-paragraph\n    >\n  </symphony-sfx-loader>\n</section>\n<symphony-sfx-loader *ngIf=\"isLoadingPartialPage\"></symphony-sfx-loader>\n<symphony-sfx-loader\n  *ngIf=\"errorPageState && !isLoadingPartialPage\"\n  [hasCustomMessage]=\"errorPageState\"\n>\n  <symphony-paragraph\n    custom-message\n    class=\"sfx-mb-20 sfx-mt-20 sfx-d-block text-center\"\n    >Loading this page is taking longer than expected.<br />Try to\n    <span\n      (click)=\"onReloadClick($event)\"\n      class=\"sfx-v2-purple1 sfx-font-bold sfx-cursor-pointer\"\n      >reload</span\n    >\n    it or come back later.</symphony-paragraph\n  >\n</symphony-sfx-loader>\n", styles: [""], components: [{ type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: EditableSettingItemListComponent, selector: "symphony-editable-setting-item-list", inputs: ["settingItemsList"], outputs: ["settingItemValueChanged"] }, { 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: EditableSettingPartialPageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-editable-setting-partial-page', template: "<section *ngIf=\"partialPageModel && !isLoadingPartialPage && !errorPageState\">\n  <symphony-paragraph class=\"sfx-font-bold sfx-mb-5 sfx-d-flex\">{{\n    partialPageModel.partialTitle\n  }}</symphony-paragraph>\n  <symphony-paragraph class=\"sfx-mb-20 sfx-d-flex\">{{\n    partialPageModel.partialDescription\n  }}</symphony-paragraph>\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-4 col-lg-3\">\n      <ng-content select=\"[dropdown-dropzone]\"></ng-content>\n    </div>\n  </div>\n  <section\n    *ngIf=\"!partialPageModel.isLoadingList && !partialPageModel.errorListState\"\n  >\n    <symphony-editable-setting-item-list\n      class=\"sfx-mt-30 sfx-d-block\"\n      [settingItemsList]=\"partialPageModel.settingItemsList\"\n      (settingItemValueChanged)=\"onEditableSettingValueChange(partialPageModel)\"\n    ></symphony-editable-setting-item-list>\n    <symphony-button-v2\n      id=\"button-partialPage-save\"\n      class=\"pull-right sfx-d-flex\"\n      text=\"Save\"\n      [disabled]=\"partialPageModel.saveBtnDisabled\"\n      (clicked)=\"onSaveclick(partialPageModel)\"\n    ></symphony-button-v2>\n  </section>\n  <symphony-sfx-loader\n    *ngIf=\"partialPageModel.isLoadingList\"\n  ></symphony-sfx-loader>\n  <symphony-sfx-loader\n    *ngIf=\"partialPageModel.errorListState && !partialPageModel.isLoadingList\"\n    [hasCustomMessage]=\"partialPageModel.errorListState\"\n  >\n    <symphony-paragraph\n      custom-message\n      class=\"sfx-mb-20 sfx-mt-20 sfx-d-block text-center\"\n      >Loading this page is taking longer than expected.<br />Try to\n      <span\n        (click)=\"onReloadClick($event)\"\n        class=\"sfx-v2-purple1 sfx-font-bold sfx-cursor-pointer\"\n        >reload</span\n      >\n      it or come back later.</symphony-paragraph\n    >\n  </symphony-sfx-loader>\n</section>\n<symphony-sfx-loader *ngIf=\"isLoadingPartialPage\"></symphony-sfx-loader>\n<symphony-sfx-loader\n  *ngIf=\"errorPageState && !isLoadingPartialPage\"\n  [hasCustomMessage]=\"errorPageState\"\n>\n  <symphony-paragraph\n    custom-message\n    class=\"sfx-mb-20 sfx-mt-20 sfx-d-block text-center\"\n    >Loading this page is taking longer than expected.<br />Try to\n    <span\n      (click)=\"onReloadClick($event)\"\n      class=\"sfx-v2-purple1 sfx-font-bold sfx-cursor-pointer\"\n      >reload</span\n    >\n    it or come back later.</symphony-paragraph\n  >\n</symphony-sfx-loader>\n", styles: [""] }]
+            args: [{ selector: 'symphony-editable-setting-partial-page', template: "<section *ngIf=\"partialPageModel && !isLoadingPartialPage && !errorPageState\">\n  <symphony-paragraph class=\"sfx-font-bold sfx-mb-5 sfx-d-flex\">{{\n    partialPageModel.partialTitle\n  }}</symphony-paragraph>\n  <symphony-paragraph class=\"sfx-mb-20 sfx-d-flex\">{{\n    partialPageModel.partialDescription\n  }}</symphony-paragraph>\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-4 col-lg-3\">\n      <ng-content select=\"[dropdown-dropzone]\"></ng-content>\n    </div>\n  </div>\n  <section\n    *ngIf=\"!partialPageModel.isLoadingList && !partialPageModel.errorListState\"\n  >\n    <symphony-editable-setting-item-list\n      class=\"sfx-mt-30 sfx-d-block\"\n      [settingItemsList]=\"partialPageModel.settingItemsList\"\n      (settingItemValueChanged)=\"onEditableSettingValueChange($event)\"\n    ></symphony-editable-setting-item-list>\n    <symphony-button-v2\n      id=\"button-partialPage-save\"\n      class=\"pull-right sfx-d-flex\"\n      text=\"Save\"\n      [disabled]=\"partialPageModel.saveBtnDisabled\"\n      (clicked)=\"onSaveclick(partialPageModel)\"\n    ></symphony-button-v2>\n  </section>\n  <symphony-sfx-loader\n    *ngIf=\"partialPageModel.isLoadingList\"\n  ></symphony-sfx-loader>\n  <symphony-sfx-loader\n    *ngIf=\"partialPageModel.errorListState && !partialPageModel.isLoadingList\"\n    [hasCustomMessage]=\"partialPageModel.errorListState\"\n  >\n    <symphony-paragraph\n      custom-message\n      class=\"sfx-mb-20 sfx-mt-20 sfx-d-block text-center\"\n      >Loading this page is taking longer than expected.<br />Try to\n      <span\n        (click)=\"onReloadClick($event)\"\n        class=\"sfx-v2-purple1 sfx-font-bold sfx-cursor-pointer\"\n        >reload</span\n      >\n      it or come back later.</symphony-paragraph\n    >\n  </symphony-sfx-loader>\n</section>\n<symphony-sfx-loader *ngIf=\"isLoadingPartialPage\"></symphony-sfx-loader>\n<symphony-sfx-loader\n  *ngIf=\"errorPageState && !isLoadingPartialPage\"\n  [hasCustomMessage]=\"errorPageState\"\n>\n  <symphony-paragraph\n    custom-message\n    class=\"sfx-mb-20 sfx-mt-20 sfx-d-block text-center\"\n    >Loading this page is taking longer than expected.<br />Try to\n    <span\n      (click)=\"onReloadClick($event)\"\n      class=\"sfx-v2-purple1 sfx-font-bold sfx-cursor-pointer\"\n      >reload</span\n    >\n    it or come back later.</symphony-paragraph\n  >\n</symphony-sfx-loader>\n", styles: [""] }]
         }], ctorParameters: function () { return []; }, propDecorators: { partialPageModel: [{
                 type: Input
             }], isLoadingPartialPage: [{
@@ -7591,10 +7591,10 @@ class SettingDetailPageComponent {
     }
 }
 SettingDetailPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingDetailPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SettingDetailPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SettingDetailPageComponent, selector: "symphony-setting-detail-page", inputs: { model: "model" }, outputs: { detailNavigationClicked: "detailNavigationClicked", outreachValueChanged: "outreachValueChanged", outreachSaveClicked: "outreachSaveClicked", pageReloadClicked: "pageReloadClicked" }, 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(model)\"\n  ></symphony-settings-detail-navigation-list>\n  <section sfx-content>\n    <symphony-editable-setting-partial-page\n      [partialPageModel]=\"model.partialPageModel\"\n      (editableSettingValueChanged)=\"onOutreachValueChange(model)\"\n      (saveClicked)=\"onOutreachSaveClick(model)\"\n      [isLoadingPartialPage]=\"model.isLoadingPartialPage\"\n      [errorPageState]=\"model.errorPageState\"\n      (reloadClicked)=\"onPageReloadClick($event)\"\n    >\n    <ng-content ngProjectAs=\"[dropdown-dropzone]\" select=\"[dropdown-dropzone]\"></ng-content>\n  </symphony-editable-setting-partial-page>\n  </section>\n</symphony-setting-details-template>\n", styles: [""], 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: EditableSettingPartialPageComponent, selector: "symphony-editable-setting-partial-page", inputs: ["partialPageModel", "isLoadingPartialPage", "errorPageState"], outputs: ["editableSettingValueChanged", "saveClicked", "reloadClicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+SettingDetailPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SettingDetailPageComponent, selector: "symphony-setting-detail-page", inputs: { model: "model" }, outputs: { detailNavigationClicked: "detailNavigationClicked", outreachValueChanged: "outreachValueChanged", outreachSaveClicked: "outreachSaveClicked", pageReloadClicked: "pageReloadClicked" }, 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(model)\"\n  ></symphony-settings-detail-navigation-list>\n  <section sfx-content>\n    <symphony-editable-setting-partial-page\n      [partialPageModel]=\"model.partialPageModel\"\n      (editableSettingValueChanged)=\"onOutreachValueChange($event)\"\n      (saveClicked)=\"onOutreachSaveClick(model)\"\n      [isLoadingPartialPage]=\"model.isLoadingPartialPage\"\n      [errorPageState]=\"model.errorPageState\"\n      (reloadClicked)=\"onPageReloadClick($event)\"\n    >\n    <ng-content ngProjectAs=\"[dropdown-dropzone]\" select=\"[dropdown-dropzone]\"></ng-content>\n  </symphony-editable-setting-partial-page>\n  </section>\n</symphony-setting-details-template>\n", styles: [""], 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: EditableSettingPartialPageComponent, selector: "symphony-editable-setting-partial-page", inputs: ["partialPageModel", "isLoadingPartialPage", "errorPageState"], outputs: ["editableSettingValueChanged", "saveClicked", "reloadClicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingDetailPageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-setting-detail-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(model)\"\n  ></symphony-settings-detail-navigation-list>\n  <section sfx-content>\n    <symphony-editable-setting-partial-page\n      [partialPageModel]=\"model.partialPageModel\"\n      (editableSettingValueChanged)=\"onOutreachValueChange(model)\"\n      (saveClicked)=\"onOutreachSaveClick(model)\"\n      [isLoadingPartialPage]=\"model.isLoadingPartialPage\"\n      [errorPageState]=\"model.errorPageState\"\n      (reloadClicked)=\"onPageReloadClick($event)\"\n    >\n    <ng-content ngProjectAs=\"[dropdown-dropzone]\" select=\"[dropdown-dropzone]\"></ng-content>\n  </symphony-editable-setting-partial-page>\n  </section>\n</symphony-setting-details-template>\n", styles: [""] }]
+            args: [{ selector: 'symphony-setting-detail-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(model)\"\n  ></symphony-settings-detail-navigation-list>\n  <section sfx-content>\n    <symphony-editable-setting-partial-page\n      [partialPageModel]=\"model.partialPageModel\"\n      (editableSettingValueChanged)=\"onOutreachValueChange($event)\"\n      (saveClicked)=\"onOutreachSaveClick(model)\"\n      [isLoadingPartialPage]=\"model.isLoadingPartialPage\"\n      [errorPageState]=\"model.errorPageState\"\n      (reloadClicked)=\"onPageReloadClick($event)\"\n    >\n    <ng-content ngProjectAs=\"[dropdown-dropzone]\" select=\"[dropdown-dropzone]\"></ng-content>\n  </symphony-editable-setting-partial-page>\n  </section>\n</symphony-setting-details-template>\n", styles: [""] }]
         }], ctorParameters: function () { return []; }, propDecorators: { model: [{
                 type: Input
             }], detailNavigationClicked: [{