@symphony-talent/component-library 4.46.0 → 4.48.0

package/esm2020/projects/component-library/lib/pages/toggle-list-partial-page/toggle-list-partial-page.component.mjs

@@ -1,23 +1,32 @@
 import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { Icons } from '../../atoms/icon/icon.enum';
 import * as i0 from "@angular/core";
 import * as i1 from "../../molecules/labelled-toggle-list/labelled-toggle-list.component";
-import * as i2 from "@angular/common";
+import * as i2 from "../../molecules/button-with-icon/button-with-icon.component";
+import * as i3 from "@angular/common";
 export 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: i1.LabelledToggleListComponent, selector: "symphony-labelled-toggle-list", inputs: ["modelList"], outputs: ["toggleListItemValue"] }], directives: [{ type: i2.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: i1.LabelledToggleListComponent, selector: "symphony-labelled-toggle-list", inputs: ["modelList"], outputs: ["toggleListItemValue"] }, { type: i2.ButtonWithIconComponent, selector: "symphony-button-with-icon", inputs: ["text", "icon", "showActionButton", "showPopover", "isDisabled"], outputs: ["clicked"] }], directives: [{ type: i3.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
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLWxpc3QtcGFydGlhbC1wYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvcGFnZXMvdG9nZ2xlLWxpc3QtcGFydGlhbC1wYWdlL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3BhZ2VzL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS90b2dnbGUtbGlzdC1wYXJ0aWFsLXBhZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVF2RSxNQUFNLE9BQU8sOEJBQThCO0lBSXpDO1FBRlUsd0JBQW1CLEdBQUcsSUFBSSxZQUFZLEVBQTRCLENBQUM7SUFFOUQsQ0FBQztJQUVoQixrQkFBa0IsQ0FBQyxLQUFLO1FBQ3RCLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDdkMsQ0FBQzs7MkhBUlUsOEJBQThCOytHQUE5Qiw4QkFBOEIsOEpDUjNDLDJQQVFBOzJGREFhLDhCQUE4QjtrQkFKMUMsU0FBUzsrQkFDRSxtQ0FBbUM7MEVBSXBDLEtBQUs7c0JBQWIsS0FBSztnQkFDSSxtQkFBbUI7c0JBQTVCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVG9nZ2xlTGlzdFBhcnRpYWxQYWdlTW9kZWwgfSBmcm9tICcuL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS5tb2RlbCc7XG5pbXBvcnQgeyBMYWJlbGxlZElucHV0VG9nZ2xlTW9kZWwgfSBmcm9tICcuLi8uLi9tb2xlY3VsZXMvbGFiZWxsZWQtaW5wdXQtdG9nZ2xlL2xhYmVsbGVkLWlucHV0LXRvZ2dsZS5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LXRvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZScsXG4gIHRlbXBsYXRlVXJsOiAnLi90b2dnbGUtbGlzdC1wYXJ0aWFsLXBhZ2UuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBUb2dnbGVMaXN0UGFydGlhbFBhZ2VDb21wb25lbnQge1xuICBASW5wdXQoKSBtb2RlbDogVG9nZ2xlTGlzdFBhcnRpYWxQYWdlTW9kZWw7XG4gIEBPdXRwdXQoKSB1cGRhdGVTZXR0aW5nVG9nZ2xlID0gbmV3IEV2ZW50RW1pdHRlcjxMYWJlbGxlZElucHV0VG9nZ2xlTW9kZWw+KCk7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIHVwZGF0ZVNldHRpbmdWYWx1ZShldmVudCkge1xuICAgIHRoaXMudXBkYXRlU2V0dGluZ1RvZ2dsZS5lbWl0KGV2ZW50KTtcbiAgfVxufVxuIiwiPGRpdiAqbmdJZj1cIm1vZGVsXCI+XG4gIDxoMyBzZngtaGVhZGVyPnt7IG1vZGVsLlBhZ2VMYWJlbCB9fTwvaDM+XG4gIDxzeW1waG9ueS1sYWJlbGxlZC10b2dnbGUtbGlzdFxuICAgIFttb2RlbExpc3RdPVwibW9kZWwudG9nZ2xlTW9kZWxzXCJcbiAgICAodG9nZ2xlTGlzdEl0ZW1WYWx1ZSk9XCJ1cGRhdGVTZXR0aW5nVmFsdWUoJGV2ZW50KVwiXG4gID5cbiAgPC9zeW1waG9ueS1sYWJlbGxlZC10b2dnbGUtbGlzdD5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLWxpc3QtcGFydGlhbC1wYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvcGFnZXMvdG9nZ2xlLWxpc3QtcGFydGlhbC1wYWdlL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3BhZ2VzL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS90b2dnbGUtbGlzdC1wYXJ0aWFsLXBhZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUd2RSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7O0FBT25ELE1BQU0sT0FBTyw4QkFBOEI7SUFPekM7UUFMVSx3QkFBbUIsR0FBRyxJQUFJLFlBQVksRUFBNEIsQ0FBQztRQUNuRSxtQkFBYyxHQUFHLElBQUksWUFBWSxFQUE0QixDQUFDO1FBRXhFLFNBQUksR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDO0lBRU4sQ0FBQztJQUVoQixrQkFBa0IsQ0FBQyxLQUFLO1FBQ3RCLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDdkMsQ0FBQztJQUVELGdCQUFnQixDQUFDLEtBQUs7UUFDcEIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDbEMsQ0FBQzs7MkhBZlUsOEJBQThCOytHQUE5Qiw4QkFBOEIsZ01DVjNDLGdrQkFpQkE7MkZEUGEsOEJBQThCO2tCQUwxQyxTQUFTOytCQUNFLG1DQUFtQzswRUFLcEMsS0FBSztzQkFBYixLQUFLO2dCQUNJLG1CQUFtQjtzQkFBNUIsTUFBTTtnQkFDRyxjQUFjO3NCQUF2QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRvZ2dsZUxpc3RQYXJ0aWFsUGFnZU1vZGVsIH0gZnJvbSAnLi90b2dnbGUtbGlzdC1wYXJ0aWFsLXBhZ2UubW9kZWwnO1xuaW1wb3J0IHsgTGFiZWxsZWRJbnB1dFRvZ2dsZU1vZGVsIH0gZnJvbSAnLi4vLi4vbW9sZWN1bGVzL2xhYmVsbGVkLWlucHV0LXRvZ2dsZS9sYWJlbGxlZC1pbnB1dC10b2dnbGUubW9kZWwnO1xuaW1wb3J0IHsgSWNvbnMgfSBmcm9tICcuLi8uLi9hdG9tcy9pY29uL2ljb24uZW51bSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LXRvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZScsXG4gIHRlbXBsYXRlVXJsOiAnLi90b2dnbGUtbGlzdC1wYXJ0aWFsLXBhZ2UuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90b2dnbGUtbGlzdC1wYXJ0aWFsLXBhZ2UuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgVG9nZ2xlTGlzdFBhcnRpYWxQYWdlQ29tcG9uZW50IHtcbiAgQElucHV0KCkgbW9kZWw6IFRvZ2dsZUxpc3RQYXJ0aWFsUGFnZU1vZGVsO1xuICBAT3V0cHV0KCkgdXBkYXRlU2V0dGluZ1RvZ2dsZSA9IG5ldyBFdmVudEVtaXR0ZXI8TGFiZWxsZWRJbnB1dFRvZ2dsZU1vZGVsPigpO1xuICBAT3V0cHV0KCkgYWRkQnV0dG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPExhYmVsbGVkSW5wdXRUb2dnbGVNb2RlbD4oKTtcblxuICBpY29uID0gSWNvbnMuSU5DTFVERTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgdXBkYXRlU2V0dGluZ1ZhbHVlKGV2ZW50KSB7XG4gICAgdGhpcy51cGRhdGVTZXR0aW5nVG9nZ2xlLmVtaXQoZXZlbnQpO1xuICB9XG5cbiAgb25BZGRCdXR0b25DbGljayhldmVudCkge1xuICAgIHRoaXMuYWRkQnV0dG9uQ2xpY2suZW1pdChldmVudCk7XG4gIH1cbn1cbiIsIjxkaXYgKm5nSWY9XCJtb2RlbFwiPlxuICA8aDMgc2Z4LWhlYWRlcj57eyBtb2RlbC5QYWdlTGFiZWwgfX08L2gzPlxuICA8c3ltcGhvbnktbGFiZWxsZWQtdG9nZ2xlLWxpc3RcbiAgICBbbW9kZWxMaXN0XT1cIm1vZGVsLnRvZ2dsZU1vZGVsc1wiXG4gICAgKHRvZ2dsZUxpc3RJdGVtVmFsdWUpPVwidXBkYXRlU2V0dGluZ1ZhbHVlKCRldmVudClcIlxuICA+XG4gIDwvc3ltcGhvbnktbGFiZWxsZWQtdG9nZ2xlLWxpc3Q+XG4gIDxzeW1waG9ueS1idXR0b24td2l0aC1pY29uICpuZ0lmPVwibW9kZWwuZW5hYmxlQWRkQnV0dG9uXCJcbiAgICBjbGFzcz1cImFkZC1idXR0b24gc2Z4LWZvbnQtYm9sZFwiXG4gICAgKGNsaWNrZWQpPVwib25BZGRCdXR0b25DbGljaygkZXZlbnQpXCJcbiAgICBbaWNvbl09XCJpY29uXCJcbiAgICBbdGV4dF09XCJtb2RlbC5hZGRCdXR0b25UZXh0XCJcbiAgICBbc2hvd0FjdGlvbkJ1dHRvbl09XCJ0cnVlXCJcbiAgICBbc2hvd1BvcG92ZXJdPVwidHJ1ZVwiXG4gICAgW2lzRGlzYWJsZWRdPVwiZmFsc2VcIlxuICA+PC9zeW1waG9ueS1idXR0b24td2l0aC1pY29uPlxuPC9kaXY+XG4iXX0=

package/esm2020/projects/component-library/lib/pages/toggle-list-partial-page/toggle-list-partial-page.model.mjs

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLWxpc3QtcGFydGlhbC1wYWdlLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9wYWdlcy90b2dnbGUtbGlzdC1wYXJ0aWFsLXBhZ2UvdG9nZ2xlLWxpc3QtcGFydGlhbC1wYWdlLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBMYWJlbGxlZElucHV0VG9nZ2xlTW9kZWwgfSBmcm9tICcuLi8uLi9tb2xlY3VsZXMvbGFiZWxsZWQtaW5wdXQtdG9nZ2xlL2xhYmVsbGVkLWlucHV0LXRvZ2dsZS5tb2RlbCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVG9nZ2xlTGlzdFBhcnRpYWxQYWdlTW9kZWwge1xuICBQYWdlTGFiZWw6IHN0cmluZztcbiAgdG9nZ2xlTW9kZWxzOiBMYWJlbGxlZElucHV0VG9nZ2xlTW9kZWxbXTtcbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLWxpc3QtcGFydGlhbC1wYWdlLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9wYWdlcy90b2dnbGUtbGlzdC1wYXJ0aWFsLXBhZ2UvdG9nZ2xlLWxpc3QtcGFydGlhbC1wYWdlLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBMYWJlbGxlZElucHV0VG9nZ2xlTW9kZWwgfSBmcm9tICcuLi8uLi9tb2xlY3VsZXMvbGFiZWxsZWQtaW5wdXQtdG9nZ2xlL2xhYmVsbGVkLWlucHV0LXRvZ2dsZS5tb2RlbCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVG9nZ2xlTGlzdFBhcnRpYWxQYWdlTW9kZWwge1xuICBQYWdlTGFiZWw6IHN0cmluZztcbiAgZW5hYmxlQWRkQnV0dG9uPzogYm9vbGVhbjtcbiAgdG9nZ2xlTW9kZWxzOiBMYWJlbGxlZElucHV0VG9nZ2xlTW9kZWxbXTtcbiAgYWRkQnV0dG9uVGV4dDogc3RyaW5nO1xufVxuIl19

package/esm2020/projects/component-library/lib/pages/toggle-list-partial-page/toggle-list-partial-page.module.mjs

@@ -7,6 +7,7 @@ import { AdminListModule } from '../../templates/admin-list/admin-list.module';
 import { BreadcrumbModule } from '../../molecules/breadcrumb/breadcrumb.module';
 import { H3Module } from '../../atoms/h3/h3.module';
 import { LabelledToggleListModule } from '../../molecules/labelled-toggle-list/labelled-toggle-list.module';
+import { ButtonWithIconModule } from '../../molecules/button-with-icon/button-with-icon.module';
 import * as i0 from "@angular/core";
 export class ToggleListPartialPageModule {
 }
@@ -17,7 +18,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,
@@ -26,6 +28,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,
@@ -40,7 +43,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                         BreadcrumbModule,
                         H3Module,
                         LabelledToggleListModule,
+                        ButtonWithIconModule,
                     ],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLWxpc3QtcGFydGlhbC1wYWdlLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvcGFnZXMvdG9nZ2xlLWxpc3QtcGFydGlhbC1wYWdlL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUN0RixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDMUQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sOENBQThDLENBQUM7QUFDakYsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sb0VBQW9FLENBQUM7QUFDL0csT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDhDQUE4QyxDQUFDO0FBQy9FLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDhDQUE4QyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxrRUFBa0UsQ0FBQzs7QUFlNUcsTUFBTSxPQUFPLDJCQUEyQjs7d0hBQTNCLDJCQUEyQjt5SEFBM0IsMkJBQTJCLGlCQVp2Qiw4QkFBOEIsYUFHM0MsaUJBQWlCO1FBQ2pCLHlCQUF5QjtRQUN6QixhQUFhO1FBQ2IsZUFBZTtRQUNmLGdCQUFnQjtRQUNoQixRQUFRO1FBQ1Isd0JBQXdCLGFBUmhCLDhCQUE4Qjt5SEFXN0IsMkJBQTJCLFlBVjdCO1lBQ1AsaUJBQWlCO1lBQ2pCLHlCQUF5QjtZQUN6QixhQUFhO1lBQ2IsZUFBZTtZQUNmLGdCQUFnQjtZQUNoQixRQUFRO1lBQ1Isd0JBQXdCO1NBQ3pCOzJGQUVVLDJCQUEyQjtrQkFidkMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyw4QkFBOEIsQ0FBQztvQkFDOUMsT0FBTyxFQUFFLENBQUMsOEJBQThCLENBQUM7b0JBQ3pDLE9BQU8sRUFBRTt3QkFDUCxpQkFBaUI7d0JBQ2pCLHlCQUF5Qjt3QkFDekIsYUFBYTt3QkFDYixlQUFlO3dCQUNmLGdCQUFnQjt3QkFDaEIsUUFBUTt3QkFDUix3QkFBd0I7cUJBQ3pCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRvZ2dsZUxpc3RQYXJ0aWFsUGFnZUNvbXBvbmVudCB9IGZyb20gJy4vdG9nZ2xlLWxpc3QtcGFydGlhbC1wYWdlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBCcm93c2VyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5pbXBvcnQgeyBJbnB1dFRvZ2dsZU1vZHVsZSB9IGZyb20gJy4uLy4uL2F0b21zL2lucHV0LXRvZ2dsZS9pbnB1dC10b2dnbGUubW9kdWxlJztcbmltcG9ydCB7IExhYmVsbGVkSW5wdXRUb2dnbGVNb2R1bGUgfSBmcm9tICcuLi8uLi9tb2xlY3VsZXMvbGFiZWxsZWQtaW5wdXQtdG9nZ2xlL2xhYmVsbGVkLWlucHV0LXRvZ2dsZS5tb2R1bGUnO1xuaW1wb3J0IHsgQWRtaW5MaXN0TW9kdWxlIH0gZnJvbSAnLi4vLi4vdGVtcGxhdGVzL2FkbWluLWxpc3QvYWRtaW4tbGlzdC5tb2R1bGUnO1xuaW1wb3J0IHsgQnJlYWRjcnVtYk1vZHVsZSB9IGZyb20gJy4uLy4uL21vbGVjdWxlcy9icmVhZGNydW1iL2JyZWFkY3J1bWIubW9kdWxlJztcbmltcG9ydCB7IEgzTW9kdWxlIH0gZnJvbSAnLi4vLi4vYXRvbXMvaDMvaDMubW9kdWxlJztcbmltcG9ydCB7IExhYmVsbGVkVG9nZ2xlTGlzdE1vZHVsZSB9IGZyb20gJy4uLy4uL21vbGVjdWxlcy9sYWJlbGxlZC10b2dnbGUtbGlzdC9sYWJlbGxlZC10b2dnbGUtbGlzdC5tb2R1bGUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtUb2dnbGVMaXN0UGFydGlhbFBhZ2VDb21wb25lbnRdLFxuICBleHBvcnRzOiBbVG9nZ2xlTGlzdFBhcnRpYWxQYWdlQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW1xuICAgIElucHV0VG9nZ2xlTW9kdWxlLFxuICAgIExhYmVsbGVkSW5wdXRUb2dnbGVNb2R1bGUsXG4gICAgQnJvd3Nlck1vZHVsZSxcbiAgICBBZG1pbkxpc3RNb2R1bGUsXG4gICAgQnJlYWRjcnVtYk1vZHVsZSxcbiAgICBIM01vZHVsZSxcbiAgICBMYWJlbGxlZFRvZ2dsZUxpc3RNb2R1bGUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFRvZ2dsZUxpc3RQYXJ0aWFsUGFnZU1vZHVsZSB7fVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLWxpc3QtcGFydGlhbC1wYWdlLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvcGFnZXMvdG9nZ2xlLWxpc3QtcGFydGlhbC1wYWdlL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUN0RixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDMUQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sOENBQThDLENBQUM7QUFDakYsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sb0VBQW9FLENBQUM7QUFDL0csT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDhDQUE4QyxDQUFDO0FBQy9FLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDhDQUE4QyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxrRUFBa0UsQ0FBQztBQUM1RyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwwREFBMEQsQ0FBQzs7QUFnQmhHLE1BQU0sT0FBTywyQkFBMkI7O3dIQUEzQiwyQkFBMkI7eUhBQTNCLDJCQUEyQixpQkFidkIsOEJBQThCLGFBRzNDLGlCQUFpQjtRQUNqQix5QkFBeUI7UUFDekIsYUFBYTtRQUNiLGVBQWU7UUFDZixnQkFBZ0I7UUFDaEIsUUFBUTtRQUNSLHdCQUF3QjtRQUN4QixvQkFBb0IsYUFUWiw4QkFBOEI7eUhBWTdCLDJCQUEyQixZQVg3QjtZQUNQLGlCQUFpQjtZQUNqQix5QkFBeUI7WUFDekIsYUFBYTtZQUNiLGVBQWU7WUFDZixnQkFBZ0I7WUFDaEIsUUFBUTtZQUNSLHdCQUF3QjtZQUN4QixvQkFBb0I7U0FDckI7MkZBRVUsMkJBQTJCO2tCQWR2QyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLDhCQUE4QixDQUFDO29CQUM5QyxPQUFPLEVBQUUsQ0FBQyw4QkFBOEIsQ0FBQztvQkFDekMsT0FBTyxFQUFFO3dCQUNQLGlCQUFpQjt3QkFDakIseUJBQXlCO3dCQUN6QixhQUFhO3dCQUNiLGVBQWU7d0JBQ2YsZ0JBQWdCO3dCQUNoQixRQUFRO3dCQUNSLHdCQUF3Qjt3QkFDeEIsb0JBQW9CO3FCQUNyQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUb2dnbGVMaXN0UGFydGlhbFBhZ2VDb21wb25lbnQgfSBmcm9tICcuL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgQnJvd3Nlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuaW1wb3J0IHsgSW5wdXRUb2dnbGVNb2R1bGUgfSBmcm9tICcuLi8uLi9hdG9tcy9pbnB1dC10b2dnbGUvaW5wdXQtdG9nZ2xlLm1vZHVsZSc7XG5pbXBvcnQgeyBMYWJlbGxlZElucHV0VG9nZ2xlTW9kdWxlIH0gZnJvbSAnLi4vLi4vbW9sZWN1bGVzL2xhYmVsbGVkLWlucHV0LXRvZ2dsZS9sYWJlbGxlZC1pbnB1dC10b2dnbGUubW9kdWxlJztcbmltcG9ydCB7IEFkbWluTGlzdE1vZHVsZSB9IGZyb20gJy4uLy4uL3RlbXBsYXRlcy9hZG1pbi1saXN0L2FkbWluLWxpc3QubW9kdWxlJztcbmltcG9ydCB7IEJyZWFkY3J1bWJNb2R1bGUgfSBmcm9tICcuLi8uLi9tb2xlY3VsZXMvYnJlYWRjcnVtYi9icmVhZGNydW1iLm1vZHVsZSc7XG5pbXBvcnQgeyBIM01vZHVsZSB9IGZyb20gJy4uLy4uL2F0b21zL2gzL2gzLm1vZHVsZSc7XG5pbXBvcnQgeyBMYWJlbGxlZFRvZ2dsZUxpc3RNb2R1bGUgfSBmcm9tICcuLi8uLi9tb2xlY3VsZXMvbGFiZWxsZWQtdG9nZ2xlLWxpc3QvbGFiZWxsZWQtdG9nZ2xlLWxpc3QubW9kdWxlJztcbmltcG9ydCB7IEJ1dHRvbldpdGhJY29uTW9kdWxlIH0gZnJvbSAnLi4vLi4vbW9sZWN1bGVzL2J1dHRvbi13aXRoLWljb24vYnV0dG9uLXdpdGgtaWNvbi5tb2R1bGUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtUb2dnbGVMaXN0UGFydGlhbFBhZ2VDb21wb25lbnRdLFxuICBleHBvcnRzOiBbVG9nZ2xlTGlzdFBhcnRpYWxQYWdlQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW1xuICAgIElucHV0VG9nZ2xlTW9kdWxlLFxuICAgIExhYmVsbGVkSW5wdXRUb2dnbGVNb2R1bGUsXG4gICAgQnJvd3Nlck1vZHVsZSxcbiAgICBBZG1pbkxpc3RNb2R1bGUsXG4gICAgQnJlYWRjcnVtYk1vZHVsZSxcbiAgICBIM01vZHVsZSxcbiAgICBMYWJlbGxlZFRvZ2dsZUxpc3RNb2R1bGUsXG4gICAgQnV0dG9uV2l0aEljb25Nb2R1bGUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFRvZ2dsZUxpc3RQYXJ0aWFsUGFnZU1vZHVsZSB7fVxuIl19

package/fesm2015/symphony-talent-component-library-projects-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,
                     ],
                 }]
         }] });