@symphony-talent/component-library 4.49.0 → 4.51.0

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

@@ -6915,10 +6915,10 @@ class FeedbackDetailPageComponent {
     }
 }
 FeedbackDetailPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FeedbackDetailPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailPageComponent, selector: "symphony-feedback-detail-page", inputs: { model: "model" }, outputs: { back: "back", previewClicked: "previewClicked", saveFeedback: "saveFeedback" }, ngImport: i0, template: "<symphony-feedback-detail-template *ngIf=\"model\">\n  <symphony-icon\n    sfx-back-button\n    [icon]=\"'si-menu-return'\"\n    [size]=\"'20px'\"\n    (clicked)=\"onBackClick()\"\n  ></symphony-icon>\n\n  <symphony-feedback-detail-header\n    sfx-header\n    [model]=\"model.header\"\n    (previewClicked)=\"onPreviewClick()\"\n  >\n  </symphony-feedback-detail-header>\n\n  <symphony-feedback-detail-candidate-info\n    sfx-left-column\n    [model]=\"model\"\n  ></symphony-feedback-detail-candidate-info>\n\n  <symphony-feedback-detail-interest-form\n    sfx-right-column\n    [model]=\"model.interest\"\n    (save)=\"onSaveFeedback($event)\"\n    (cancel)=\"onBackClick()\"\n  ></symphony-feedback-detail-interest-form>\n</symphony-feedback-detail-template>\n", styles: [""], components: [{ type: FeedbackDetailTemplateComponent, selector: "symphony-feedback-detail-template" }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: FeedbackDetailHeaderComponent, selector: "symphony-feedback-detail-header", inputs: ["model"], outputs: ["previewClicked"] }, { type: FeedbackDetailCandidateInfoComponent, selector: "symphony-feedback-detail-candidate-info", inputs: ["model"] }, { type: FeedbackDetailInterestFormComponent, selector: "symphony-feedback-detail-interest-form", inputs: ["model"], outputs: ["cancel", "save", "commentsTextChange"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+FeedbackDetailPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailPageComponent, selector: "symphony-feedback-detail-page", inputs: { model: "model" }, outputs: { back: "back", previewClicked: "previewClicked", saveFeedback: "saveFeedback" }, ngImport: i0, template: "<symphony-feedback-detail-template *ngIf=\"!model.isLoading\">\n  <symphony-icon\n    sfx-back-button\n    [icon]=\"'si-menu-return'\"\n    [size]=\"'20px'\"\n    (clicked)=\"onBackClick()\"\n  ></symphony-icon>\n\n  <symphony-feedback-detail-header\n    sfx-header\n    [model]=\"model.header\"\n    (previewClicked)=\"onPreviewClick()\"\n  >\n  </symphony-feedback-detail-header>\n\n  <symphony-feedback-detail-candidate-info\n    sfx-left-column\n    [model]=\"model\"\n  ></symphony-feedback-detail-candidate-info>\n\n  <symphony-feedback-detail-interest-form\n    sfx-right-column\n    [model]=\"model.interest\"\n    (save)=\"onSaveFeedback($event)\"\n    (cancel)=\"onBackClick()\"\n  ></symphony-feedback-detail-interest-form>\n</symphony-feedback-detail-template>\n<div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\">\n  <symphony-sfx-loader [message]=\"model.loadingMessage\"></symphony-sfx-loader>\n</div>\n", styles: [""], components: [{ type: FeedbackDetailTemplateComponent, selector: "symphony-feedback-detail-template" }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: FeedbackDetailHeaderComponent, selector: "symphony-feedback-detail-header", inputs: ["model"], outputs: ["previewClicked"] }, { type: FeedbackDetailCandidateInfoComponent, selector: "symphony-feedback-detail-candidate-info", inputs: ["model"] }, { type: FeedbackDetailInterestFormComponent, selector: "symphony-feedback-detail-interest-form", inputs: ["model"], outputs: ["cancel", "save", "commentsTextChange"] }, { 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: FeedbackDetailPageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-feedback-detail-page', template: "<symphony-feedback-detail-template *ngIf=\"model\">\n  <symphony-icon\n    sfx-back-button\n    [icon]=\"'si-menu-return'\"\n    [size]=\"'20px'\"\n    (clicked)=\"onBackClick()\"\n  ></symphony-icon>\n\n  <symphony-feedback-detail-header\n    sfx-header\n    [model]=\"model.header\"\n    (previewClicked)=\"onPreviewClick()\"\n  >\n  </symphony-feedback-detail-header>\n\n  <symphony-feedback-detail-candidate-info\n    sfx-left-column\n    [model]=\"model\"\n  ></symphony-feedback-detail-candidate-info>\n\n  <symphony-feedback-detail-interest-form\n    sfx-right-column\n    [model]=\"model.interest\"\n    (save)=\"onSaveFeedback($event)\"\n    (cancel)=\"onBackClick()\"\n  ></symphony-feedback-detail-interest-form>\n</symphony-feedback-detail-template>\n", styles: [""] }]
+            args: [{ selector: 'symphony-feedback-detail-page', template: "<symphony-feedback-detail-template *ngIf=\"!model.isLoading\">\n  <symphony-icon\n    sfx-back-button\n    [icon]=\"'si-menu-return'\"\n    [size]=\"'20px'\"\n    (clicked)=\"onBackClick()\"\n  ></symphony-icon>\n\n  <symphony-feedback-detail-header\n    sfx-header\n    [model]=\"model.header\"\n    (previewClicked)=\"onPreviewClick()\"\n  >\n  </symphony-feedback-detail-header>\n\n  <symphony-feedback-detail-candidate-info\n    sfx-left-column\n    [model]=\"model\"\n  ></symphony-feedback-detail-candidate-info>\n\n  <symphony-feedback-detail-interest-form\n    sfx-right-column\n    [model]=\"model.interest\"\n    (save)=\"onSaveFeedback($event)\"\n    (cancel)=\"onBackClick()\"\n  ></symphony-feedback-detail-interest-form>\n</symphony-feedback-detail-template>\n<div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\">\n  <symphony-sfx-loader [message]=\"model.loadingMessage\"></symphony-sfx-loader>\n</div>\n", styles: [""] }]
         }], ctorParameters: function () { return []; }, propDecorators: { model: [{
                 type: Input
             }], back: [{
@@ -7018,7 +7018,8 @@ FeedbackDetailPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0"
         FeedbackDetailHeaderModule,
         IconModule,
         FeedbackDetailCandidateInfoModule,
-        FeedbackDetailInterestFormModule], exports: [FeedbackDetailPageComponent] });
+        FeedbackDetailInterestFormModule,
+        SfxLoaderModule], exports: [FeedbackDetailPageComponent] });
 FeedbackDetailPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailPageModule, imports: [[
             CommonModule,
             PlaceholderModule,
@@ -7026,7 +7027,8 @@ FeedbackDetailPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0"
             FeedbackDetailHeaderModule,
             IconModule,
             FeedbackDetailCandidateInfoModule,
-            FeedbackDetailInterestFormModule
+            FeedbackDetailInterestFormModule,
+            SfxLoaderModule
         ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailPageModule, decorators: [{
             type: NgModule,
@@ -7039,7 +7041,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                         FeedbackDetailHeaderModule,
                         IconModule,
                         FeedbackDetailCandidateInfoModule,
-                        FeedbackDetailInterestFormModule
+                        FeedbackDetailInterestFormModule,
+                        SfxLoaderModule
                     ],
                     exports: [FeedbackDetailPageComponent]
                 }]
@@ -7903,15 +7906,15 @@ class ToggleListPartialPageComponent {
     updateSettingValue(event) {
         this.updateSettingToggle.emit(event);
     }
-    onAddButtonClick(event) {
-        this.addButtonClick.emit(event);
+    onAddButtonClick() {
+        this.addButtonClick.emit();
     }
 }
 ToggleListPartialPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ToggleListPartialPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ToggleListPartialPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ToggleListPartialPageComponent, selector: "symphony-toggle-list-partial-page", inputs: { model: "model" }, outputs: { updateSettingToggle: "updateSettingToggle", addButtonClick: "addButtonClick" }, ngImport: i0, template: "<div *ngIf=\"model\">\n  <h3 sfx-header>{{ model.PageLabel }}</h3>\n  <symphony-labelled-toggle-list\n    [modelList]=\"model.toggleModels\"\n    (toggleListItemValue)=\"updateSettingValue($event)\"\n  >\n  </symphony-labelled-toggle-list>\n  <symphony-button-with-icon *ngIf=\"model.enableAddButton\"\n    class=\"add-button sfx-font-bold\"\n    (clicked)=\"onAddButtonClick($event)\"\n    [icon]=\"icon\"\n    [text]=\"model.addButtonText\"\n    [showActionButton]=\"true\"\n    [showPopover]=\"true\"\n    [isDisabled]=\"false\"\n  ></symphony-button-with-icon>\n</div>\n", styles: [".add-button{color:#712ace}\n"], components: [{ type: LabelledToggleListComponent, selector: "symphony-labelled-toggle-list", inputs: ["modelList"], outputs: ["toggleListItemValue"] }, { type: ButtonWithIconComponent, selector: "symphony-button-with-icon", inputs: ["text", "icon", "showActionButton", "showPopover", "isDisabled"], outputs: ["clicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+ToggleListPartialPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ToggleListPartialPageComponent, selector: "symphony-toggle-list-partial-page", inputs: { model: "model" }, outputs: { updateSettingToggle: "updateSettingToggle", addButtonClick: "addButtonClick" }, ngImport: i0, template: "<div *ngIf=\"model\">\n  <h3 sfx-header>{{ model.PageLabel }}</h3>\n  <symphony-labelled-toggle-list\n    [modelList]=\"model.toggleModels\"\n    (toggleListItemValue)=\"updateSettingValue($event)\"\n  >\n  </symphony-labelled-toggle-list>\n  <symphony-button-with-icon *ngIf=\"model.enableAddButton\"\n    class=\"add-button sfx-font-bold\"\n    (clicked)=\"onAddButtonClick()\"\n    [icon]=\"icon\"\n    [text]=\"model.addButtonText\"\n    [showActionButton]=\"true\"\n    [showPopover]=\"true\"\n    [isDisabled]=\"false\"\n  ></symphony-button-with-icon>\n</div>\n", styles: [".add-button{color:#712ace}\n"], components: [{ type: LabelledToggleListComponent, selector: "symphony-labelled-toggle-list", inputs: ["modelList"], outputs: ["toggleListItemValue"] }, { type: ButtonWithIconComponent, selector: "symphony-button-with-icon", inputs: ["text", "icon", "showActionButton", "showPopover", "isDisabled"], 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: ToggleListPartialPageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-toggle-list-partial-page', template: "<div *ngIf=\"model\">\n  <h3 sfx-header>{{ model.PageLabel }}</h3>\n  <symphony-labelled-toggle-list\n    [modelList]=\"model.toggleModels\"\n    (toggleListItemValue)=\"updateSettingValue($event)\"\n  >\n  </symphony-labelled-toggle-list>\n  <symphony-button-with-icon *ngIf=\"model.enableAddButton\"\n    class=\"add-button sfx-font-bold\"\n    (clicked)=\"onAddButtonClick($event)\"\n    [icon]=\"icon\"\n    [text]=\"model.addButtonText\"\n    [showActionButton]=\"true\"\n    [showPopover]=\"true\"\n    [isDisabled]=\"false\"\n  ></symphony-button-with-icon>\n</div>\n", styles: [".add-button{color:#712ace}\n"] }]
+            args: [{ selector: 'symphony-toggle-list-partial-page', template: "<div *ngIf=\"model\">\n  <h3 sfx-header>{{ model.PageLabel }}</h3>\n  <symphony-labelled-toggle-list\n    [modelList]=\"model.toggleModels\"\n    (toggleListItemValue)=\"updateSettingValue($event)\"\n  >\n  </symphony-labelled-toggle-list>\n  <symphony-button-with-icon *ngIf=\"model.enableAddButton\"\n    class=\"add-button sfx-font-bold\"\n    (clicked)=\"onAddButtonClick()\"\n    [icon]=\"icon\"\n    [text]=\"model.addButtonText\"\n    [showActionButton]=\"true\"\n    [showPopover]=\"true\"\n    [isDisabled]=\"false\"\n  ></symphony-button-with-icon>\n</div>\n", styles: [".add-button{color:#712ace}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { model: [{
                 type: Input
             }], updateSettingToggle: [{
@@ -7924,6 +7927,7 @@ class FeedbackSettingDetailsPageComponent {
     constructor() {
         this.detailNavigationClicked = new EventEmitter();
         this.settingToggleClicked = new EventEmitter();
+        this.addButtonClicked = new EventEmitter();
     }
     onDetailNavigationClick(event) {
         this.detailNavigationClicked.emit(event);
@@ -7931,18 +7935,23 @@ class FeedbackSettingDetailsPageComponent {
     onToggleClick(event) {
         this.settingToggleClicked.emit(event);
     }
+    onAddButtonClick() {
+        this.addButtonClicked.emit();
+    }
 }
 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" }, 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      [model]=\"model.toggleListPartialPageModel\"\n      (updateSettingToggle)=\"onToggleClick($event)\"\n    >\n    </symphony-toggle-list-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"] }], 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" }, 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      [model]=\"model.toggleListPartialPageModel\"\n      (updateSettingToggle)=\"onToggleClick($event)\"\n      (addButtonClick)=\"onAddButtonClick()\"\n    >\n    </symphony-toggle-list-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"] }], 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      [model]=\"model.toggleListPartialPageModel\"\n      (updateSettingToggle)=\"onToggleClick($event)\"\n    >\n    </symphony-toggle-list-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      [model]=\"model.toggleListPartialPageModel\"\n      (updateSettingToggle)=\"onToggleClick($event)\"\n      (addButtonClick)=\"onAddButtonClick()\"\n    >\n    </symphony-toggle-list-partial-page>\n  </section>\n</symphony-setting-details-template>\n" }]
         }], ctorParameters: function () { return []; }, propDecorators: { model: [{
                 type: Input
             }], detailNavigationClicked: [{
                 type: Output
             }], settingToggleClicked: [{
                 type: Output
+            }], addButtonClicked: [{
+                type: Output
             }] } });
 
 class ToggleListPartialPageModule {