@symphony-talent/component-library 4.22.0 → 4.24.0

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

@@ -3091,10 +3091,10 @@ class EditableSettingItemComponent {
     }
 }
 EditableSettingItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EditableSettingItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-EditableSettingItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: EditableSettingItemComponent, selector: "symphony-editable-setting-item", inputs: { editableSettingItemModel: "editableSettingItemModel" }, outputs: { valueChanged: "valueChanged" }, ngImport: i0, template: "<section class=\"editable-setting-wrap sfx-mb-20\">\n  <div class=\"sfx-pt-10\">\n    <symphony-paragraph class=\"sfx-font-bold\">\n      {{ editableSettingItemModel.settingLabel }}</symphony-paragraph\n    >\n  </div>\n  <div class=\"editable-input\">\n    <input\n      id=\"editable-input-item-{{ editableSettingItemModel.settingLabel | trimId}}\"\n      type=\"{{ editableSettingItemModel.settingInputType }}\"\n      [(ngModel)]=\"editableSettingItemModel.settingInputValue\"\n      (ngModelChange)=\"onValueChange(editableSettingItemModel)\"\n    />\n  </div>\n</section>\n", styles: [".editable-setting-wrap{display:flex;justify-content:space-between}.editable-setting-wrap .editable-input input::-webkit-outer-spin-button,.editable-setting-wrap .editable-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.editable-setting-wrap .editable-input input[type=number]{width:135px;height:40px;padding-inline:10px;border-radius:4px;border:1px solid #82919f;outline:none}\n"], components: [{ type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ 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"] }], pipes: { "trimId": TrimIdPipe } });
+EditableSettingItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: EditableSettingItemComponent, selector: "symphony-editable-setting-item", inputs: { editableSettingItemModel: "editableSettingItemModel" }, outputs: { valueChanged: "valueChanged" }, ngImport: i0, template: "<section class=\"editable-setting-wrap sfx-mb-20\">\n  <div class=\"sfx-pt-10\">\n    <symphony-paragraph class=\"sfx-font-bold\" id=\"editable-input-label-{{ editableSettingItemModel.settingLabel | trimId}}\">\n      {{ editableSettingItemModel.settingLabel }}</symphony-paragraph\n    >\n  </div>\n  <div class=\"editable-input\">\n    <input\n      id=\"editable-input-item-{{ editableSettingItemModel.settingLabel | trimId}}\"\n      type=\"{{ editableSettingItemModel.settingInputType }}\"\n      [(ngModel)]=\"editableSettingItemModel.settingInputValue\"\n      (ngModelChange)=\"onValueChange(editableSettingItemModel)\"\n    />\n  </div>\n</section>\n", styles: [".editable-setting-wrap{display:flex;justify-content:space-between}.editable-setting-wrap .editable-input input::-webkit-outer-spin-button,.editable-setting-wrap .editable-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.editable-setting-wrap .editable-input input[type=number]{width:135px;height:40px;padding-inline:10px;border-radius:4px;border:1px solid #82919f;outline:none}\n"], components: [{ type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ 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"] }], pipes: { "trimId": TrimIdPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EditableSettingItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-editable-setting-item', template: "<section class=\"editable-setting-wrap sfx-mb-20\">\n  <div class=\"sfx-pt-10\">\n    <symphony-paragraph class=\"sfx-font-bold\">\n      {{ editableSettingItemModel.settingLabel }}</symphony-paragraph\n    >\n  </div>\n  <div class=\"editable-input\">\n    <input\n      id=\"editable-input-item-{{ editableSettingItemModel.settingLabel | trimId}}\"\n      type=\"{{ editableSettingItemModel.settingInputType }}\"\n      [(ngModel)]=\"editableSettingItemModel.settingInputValue\"\n      (ngModelChange)=\"onValueChange(editableSettingItemModel)\"\n    />\n  </div>\n</section>\n", styles: [".editable-setting-wrap{display:flex;justify-content:space-between}.editable-setting-wrap .editable-input input::-webkit-outer-spin-button,.editable-setting-wrap .editable-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.editable-setting-wrap .editable-input input[type=number]{width:135px;height:40px;padding-inline:10px;border-radius:4px;border:1px solid #82919f;outline:none}\n"] }]
+            args: [{ selector: 'symphony-editable-setting-item', template: "<section class=\"editable-setting-wrap sfx-mb-20\">\n  <div class=\"sfx-pt-10\">\n    <symphony-paragraph class=\"sfx-font-bold\" id=\"editable-input-label-{{ editableSettingItemModel.settingLabel | trimId}}\">\n      {{ editableSettingItemModel.settingLabel }}</symphony-paragraph\n    >\n  </div>\n  <div class=\"editable-input\">\n    <input\n      id=\"editable-input-item-{{ editableSettingItemModel.settingLabel | trimId}}\"\n      type=\"{{ editableSettingItemModel.settingInputType }}\"\n      [(ngModel)]=\"editableSettingItemModel.settingInputValue\"\n      (ngModelChange)=\"onValueChange(editableSettingItemModel)\"\n    />\n  </div>\n</section>\n", styles: [".editable-setting-wrap{display:flex;justify-content:space-between}.editable-setting-wrap .editable-input input::-webkit-outer-spin-button,.editable-setting-wrap .editable-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.editable-setting-wrap .editable-input input[type=number]{width:135px;height:40px;padding-inline:10px;border-radius:4px;border:1px solid #82919f;outline:none}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { editableSettingItemModel: [{
                 type: Input
             }], valueChanged: [{
@@ -7496,10 +7496,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      (valueChanged)=\"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(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"] }] });
 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      (valueChanged)=\"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(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: [""] }]
         }], ctorParameters: function () { return []; }, propDecorators: { model: [{
                 type: Input
             }], detailNavigationClicked: [{