@symphony-talent/component-library 4.46.0 → 4.48.0

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

@@ -1400,6 +1400,7 @@ class InputDropdownComponent {
         if (!action.isDisabled) {
             this.selectItem.emit(action);
             this.inputDropdownListModel.selectedName = `${action.name}`;
+            this.inputDropdownListModel.selectedId = action.id;
         }
     }
     onClearSelection() {
@@ -5653,6 +5654,67 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                 }]
         }] });
 
+class AdditionModalComponent {
+    constructor() {
+        this.buttonClicked = new EventEmitter();
+        this.closeButtonClicked = new EventEmitter();
+    }
+    onButtonClick() {
+        this.buttonClicked.emit(this.valueToAdd);
+    }
+    onCloseButtonClick() {
+        this.closeButtonClicked.emit();
+    }
+    onInputValueChange(value) {
+        this.valueToAdd = value;
+    }
+}
+AdditionModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AdditionModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdditionModalComponent, selector: "symphony-addition-modal", inputs: { model: "model" }, outputs: { buttonClicked: "buttonClicked", closeButtonClicked: "closeButtonClicked" }, ngImport: i0, template: "<div *ngIf=\"model\" class=\"sfx sfx-modal\">\n  <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n    <div class=\"modal-title\">\n      <div class=\"row\">\n        <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n          <symphony-h4 [text]=\"model.title\"></symphony-h4>\n        </div>\n        <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n          <symphony-icon\n            class=\"pull-right\"\n            [icon]=\"'si-close-modal'\"\n            (clicked)=\"onCloseButtonClick()\"\n          ></symphony-icon>\n        </div>\n      </div>\n    </div>\n  </section>\n  <section class=\"modal-body sfx-p-30\">\n    <symphony-paragraph>{{ model.content }}</symphony-paragraph>\n    <symphony-input-text\n      (textChange)=\"onInputValueChange($event)\"\n    ></symphony-input-text>\n  </section>\n  <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n    <symphony-button\n      *ngIf=\"model.btnSecondary\"\n      [text]=\"model.btnSecondary\"\n      [isSecondary]=\"true\"\n      (clicked)=\"onButtonClick()\"\n    ></symphony-button>\n    <symphony-button\n      class=\"sfx-ml-20\"\n      [text]=\"model.btnPrimary\"\n      [disabled]=\"false\"\n      (clicked)=\"onButtonClick()\"\n    ></symphony-button>\n  </section>\n</div>\n", components: [{ type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size"], outputs: ["textChange"] }, { type: ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], 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: AdditionModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'symphony-addition-modal', template: "<div *ngIf=\"model\" class=\"sfx sfx-modal\">\n  <section class=\"modal-header sfx-p-30 sfx-pt-40\">\n    <div class=\"modal-title\">\n      <div class=\"row\">\n        <div class=\"col-xs-8 col-sm-8 col-md-8 col-lg-8\">\n          <symphony-h4 [text]=\"model.title\"></symphony-h4>\n        </div>\n        <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n          <symphony-icon\n            class=\"pull-right\"\n            [icon]=\"'si-close-modal'\"\n            (clicked)=\"onCloseButtonClick()\"\n          ></symphony-icon>\n        </div>\n      </div>\n    </div>\n  </section>\n  <section class=\"modal-body sfx-p-30\">\n    <symphony-paragraph>{{ model.content }}</symphony-paragraph>\n    <symphony-input-text\n      (textChange)=\"onInputValueChange($event)\"\n    ></symphony-input-text>\n  </section>\n  <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n    <symphony-button\n      *ngIf=\"model.btnSecondary\"\n      [text]=\"model.btnSecondary\"\n      [isSecondary]=\"true\"\n      (clicked)=\"onButtonClick()\"\n    ></symphony-button>\n    <symphony-button\n      class=\"sfx-ml-20\"\n      [text]=\"model.btnPrimary\"\n      [disabled]=\"false\"\n      (clicked)=\"onButtonClick()\"\n    ></symphony-button>\n  </section>\n</div>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { model: [{
+                type: Input
+            }], buttonClicked: [{
+                type: Output
+            }], closeButtonClicked: [{
+                type: Output
+            }] } });
+
+class AdditionModalModule {
+}
+AdditionModalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AdditionModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionModalModule, declarations: [AdditionModalComponent], imports: [CommonModule,
+        H4Module,
+        ParagraphModule,
+        IconModule,
+        ButtonModule,
+        InputTextModule], exports: [AdditionModalComponent] });
+AdditionModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionModalModule, imports: [[
+            CommonModule,
+            H4Module,
+            ParagraphModule,
+            IconModule,
+            ButtonModule,
+            InputTextModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionModalModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AdditionModalComponent],
+                    exports: [AdditionModalComponent],
+                    imports: [
+                        CommonModule,
+                        H4Module,
+                        ParagraphModule,
+                        IconModule,
+                        ButtonModule,
+                        InputTextModule,
+                    ],
+                }]
+        }] });
+
 class OrganismsModule {
 }
 OrganismsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: OrganismsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -5676,7 +5738,8 @@ OrganismsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version
         DocumentManagementListModule,
         InputCheckboxListModule,
         SettingsDetailNavigationListModule,
-        EditableSettingItemListModule] });
+        EditableSettingItemListModule,
+        AdditionModalModule] });
 OrganismsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: OrganismsModule, imports: [[
             CommonModule,
             NoteListModule,
@@ -5698,7 +5761,8 @@ OrganismsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
             DocumentManagementListModule,
             InputCheckboxListModule,
             SettingsDetailNavigationListModule,
-            EditableSettingItemListModule
+            EditableSettingItemListModule,
+            AdditionModalModule
         ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: OrganismsModule, decorators: [{
             type: NgModule,
@@ -5725,7 +5789,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                         DocumentManagementListModule,
                         InputCheckboxListModule,
                         SettingsDetailNavigationListModule,
-                        EditableSettingItemListModule
+                        EditableSettingItemListModule,
+                        AdditionModalModule
                     ]
                 }]
         }] });
@@ -7836,20 +7901,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
 class ToggleListPartialPageComponent {
     constructor() {
         this.updateSettingToggle = new EventEmitter();
+        this.addButtonClick = new EventEmitter();
+        this.icon = Icons.INCLUDE;
     }
     updateSettingValue(event) {
         this.updateSettingToggle.emit(event);
     }
+    onAddButtonClick(event) {
+        this.addButtonClick.emit(event);
+    }
 }
 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" }, 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</div>\n", components: [{ type: LabelledToggleListComponent, selector: "symphony-labelled-toggle-list", inputs: ["modelList"], outputs: ["toggleListItemValue"] }], 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($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"] }] });
 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</div>\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($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"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { model: [{
                 type: Input
             }], updateSettingToggle: [{
                 type: Output
+            }], addButtonClick: [{
+                type: Output
             }] } });
 
 class FeedbackSettingDetailsPageComponent {
@@ -7865,7 +7937,7 @@ class FeedbackSettingDetailsPageComponent {
     }
 }
 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"] }], 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" }, 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"] }] });
 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" }]
@@ -7886,7 +7958,8 @@ ToggleListPartialPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0
         AdminListModule,
         BreadcrumbModule,
         H3Module,
-        LabelledToggleListModule], exports: [ToggleListPartialPageComponent] });
+        LabelledToggleListModule,
+        ButtonWithIconModule], exports: [ToggleListPartialPageComponent] });
 ToggleListPartialPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ToggleListPartialPageModule, imports: [[
             InputToggleModule,
             LabelledInputToggleModule,
@@ -7895,6 +7968,7 @@ ToggleListPartialPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0
             BreadcrumbModule,
             H3Module,
             LabelledToggleListModule,
+            ButtonWithIconModule,
         ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ToggleListPartialPageModule, decorators: [{
             type: NgModule,
@@ -7909,6 +7983,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                         BreadcrumbModule,
                         H3Module,
                         LabelledToggleListModule,
+                        ButtonWithIconModule,
                     ],
                 }]
         }] });