@symphony-talent/component-library 4.53.0 → 4.54.0

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

@@ -3549,10 +3549,10 @@ class LabelledInputToggleComponent {
     }
 }
 LabelledInputToggleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: LabelledInputToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-LabelledInputToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: LabelledInputToggleComponent, selector: "symphony-labelled-input-toggle", inputs: { model: "model" }, outputs: { toggleCurrentValue: "toggleCurrentValue" }, ngImport: i0, template: "<div *ngIf=\"model\" class=\"settingContainer sfx-border-bottom-gray-1\">\n  <div class=\"toggleText\">\n    <div>\n      <p class=\"sfx-font-bold\">{{ model.label }}</p>\n    </div>\n    <div>\n      <p>{{ model.description }}</p>\n    </div>\n  </div>\n  <symphony-input-toggle\n    class=\"toggleControl\"\n    [isToggled]=\"model.isToggled\"\n    (toggleClick)=\"updateToggleValue($event)\"\n  ></symphony-input-toggle>\n</div>\n", styles: [".toggleText{display:Inline-Block}.toggleControl{float:right;margin-top:20px}.settingContainer{margin:10px}\n"], components: [{ type: InputToggleComponent, selector: "symphony-input-toggle", inputs: ["isToggled", "isInverse"], outputs: ["toggleClick"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+LabelledInputToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: LabelledInputToggleComponent, selector: "symphony-labelled-input-toggle", inputs: { model: "model" }, outputs: { toggleCurrentValue: "toggleCurrentValue" }, ngImport: i0, template: "<div *ngIf=\"model\" class=\"settingContainer sfx-border-bottom-gray-1\">\n  <div class=\"toggleText\">\n    <div>\n      <p class=\"sfx-font-bold\">{{ model.label }}</p>\n    </div>\n    <div>\n      <p>{{ model.description }}</p>\n    </div>\n  </div>\n  <symphony-input-toggle [ngClass]=\"{'hasDescription': model.description?.length > 0 }\"\n    class=\"toggleControl\"\n    [isToggled]=\"model.isToggled\"\n    (toggleClick)=\"updateToggleValue($event)\"\n  ></symphony-input-toggle>\n</div>\n", styles: [".toggleText{display:Inline-Block}.toggleControl{float:right}.settingContainer{margin:10px}.hasDescription{margin-top:20px}\n"], components: [{ type: InputToggleComponent, selector: "symphony-input-toggle", inputs: ["isToggled", "isInverse"], outputs: ["toggleClick"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: LabelledInputToggleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-labelled-input-toggle', template: "<div *ngIf=\"model\" class=\"settingContainer sfx-border-bottom-gray-1\">\n  <div class=\"toggleText\">\n    <div>\n      <p class=\"sfx-font-bold\">{{ model.label }}</p>\n    </div>\n    <div>\n      <p>{{ model.description }}</p>\n    </div>\n  </div>\n  <symphony-input-toggle\n    class=\"toggleControl\"\n    [isToggled]=\"model.isToggled\"\n    (toggleClick)=\"updateToggleValue($event)\"\n  ></symphony-input-toggle>\n</div>\n", styles: [".toggleText{display:Inline-Block}.toggleControl{float:right;margin-top:20px}.settingContainer{margin:10px}\n"] }]
+            args: [{ selector: 'symphony-labelled-input-toggle', template: "<div *ngIf=\"model\" class=\"settingContainer sfx-border-bottom-gray-1\">\n  <div class=\"toggleText\">\n    <div>\n      <p class=\"sfx-font-bold\">{{ model.label }}</p>\n    </div>\n    <div>\n      <p>{{ model.description }}</p>\n    </div>\n  </div>\n  <symphony-input-toggle [ngClass]=\"{'hasDescription': model.description?.length > 0 }\"\n    class=\"toggleControl\"\n    [isToggled]=\"model.isToggled\"\n    (toggleClick)=\"updateToggleValue($event)\"\n  ></symphony-input-toggle>\n</div>\n", styles: [".toggleText{display:Inline-Block}.toggleControl{float:right}.settingContainer{margin:10px}.hasDescription{margin-top:20px}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { model: [{
                 type: Input
             }], toggleCurrentValue: [{
@@ -8000,10 +8000,10 @@ class ToggleListPartialPageComponent {
     }
 }
 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()\"\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\n  <div\n    *ngIf=\"model.isLoading\"\n    class=\"sfx-mt-80 sfx-mb-40\"\n    feedback-card-list\n  >\n    <symphony-sfx-loader [message]=\"model.loadingMessage\"></symphony-sfx-loader>\n  </div>\n  <div\n    *ngIf=\"!model.toggleModels.length && !model.isLoading\"\n    class=\"sfx-mt-80 sfx-mb-40\"\n    feedback-card-list\n  >\n    <symphony-paragraph class=\"text-center\">{{\n      model.message\n    }}</symphony-paragraph>\n  </div>\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"] }, { type: SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], 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()\"\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\n  <div\n    *ngIf=\"model.isLoading\"\n    class=\"sfx-mt-80 sfx-mb-40\"\n    feedback-card-list\n  >\n    <symphony-sfx-loader [message]=\"model.loadingMessage\"></symphony-sfx-loader>\n  </div>\n  <div\n    *ngIf=\"!model.toggleModels.length && !model.isLoading\"\n    class=\"sfx-mt-80 sfx-mb-40\"\n    feedback-card-list\n  >\n    <symphony-paragraph class=\"text-center\">{{\n      model.message\n    }}</symphony-paragraph>\n  </div>\n</div>\n", styles: [".add-button{color:#712ace}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { model: [{
                 type: Input
             }], updateSettingToggle: [{
@@ -8053,7 +8053,9 @@ ToggleListPartialPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0
         BreadcrumbModule,
         H3Module,
         LabelledToggleListModule,
-        ButtonWithIconModule], exports: [ToggleListPartialPageComponent] });
+        ButtonWithIconModule,
+        SfxLoaderModule,
+        ParagraphModule], exports: [ToggleListPartialPageComponent] });
 ToggleListPartialPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ToggleListPartialPageModule, imports: [[
             InputToggleModule,
             LabelledInputToggleModule,
@@ -8063,6 +8065,8 @@ ToggleListPartialPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0
             H3Module,
             LabelledToggleListModule,
             ButtonWithIconModule,
+            SfxLoaderModule,
+            ParagraphModule
         ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ToggleListPartialPageModule, decorators: [{
             type: NgModule,
@@ -8078,7 +8082,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                         H3Module,
                         LabelledToggleListModule,
                         ButtonWithIconModule,
-                    ],
+                        SfxLoaderModule,
+                        ParagraphModule
+                    ]
                 }]
         }] });