@symphony-talent/component-library 4.42.0 → 4.43.0

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

@@ -3487,6 +3487,73 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                 }]
         }] });
 
+class LabelledInputToggleComponent {
+    constructor() {
+        this.toggleCurrentValue = new EventEmitter();
+    }
+    updateToggleValue(isToggled) {
+        this.model.isToggled = isToggled;
+        this.toggleCurrentValue.emit(this.model);
+    }
+}
+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"] }] });
+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"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { model: [{
+                type: Input
+            }], toggleCurrentValue: [{
+                type: Output
+            }] } });
+
+class LabelledInputToggleModule {
+}
+LabelledInputToggleModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: LabelledInputToggleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LabelledInputToggleModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: LabelledInputToggleModule, declarations: [LabelledInputToggleComponent], imports: [InputToggleModule, CommonModule], exports: [LabelledInputToggleComponent] });
+LabelledInputToggleModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: LabelledInputToggleModule, imports: [[InputToggleModule, CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: LabelledInputToggleModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [LabelledInputToggleComponent],
+                    exports: [LabelledInputToggleComponent],
+                    imports: [InputToggleModule, CommonModule],
+                }]
+        }] });
+
+class LabelledToggleListComponent {
+    constructor() {
+        this.toggleListItemValue = new EventEmitter();
+    }
+    updateListItemValue(event) {
+        this.toggleListItemValue.emit(event);
+    }
+}
+LabelledToggleListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: LabelledToggleListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+LabelledToggleListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: LabelledToggleListComponent, selector: "symphony-labelled-toggle-list", inputs: { modelList: "modelList" }, outputs: { toggleListItemValue: "toggleListItemValue" }, ngImport: i0, template: "<symphony-labelled-input-toggle\n  *ngFor=\"let inputModel of modelList\"\n  [model]=\"inputModel\"\n  (toggleCurrentValue)=\"updateListItemValue($event)\"\n>\n</symphony-labelled-input-toggle>\n", components: [{ type: LabelledInputToggleComponent, selector: "symphony-labelled-input-toggle", inputs: ["model"], outputs: ["toggleCurrentValue"] }], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: LabelledToggleListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'symphony-labelled-toggle-list', template: "<symphony-labelled-input-toggle\n  *ngFor=\"let inputModel of modelList\"\n  [model]=\"inputModel\"\n  (toggleCurrentValue)=\"updateListItemValue($event)\"\n>\n</symphony-labelled-input-toggle>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { modelList: [{
+                type: Input
+            }], toggleListItemValue: [{
+                type: Output
+            }] } });
+
+class LabelledToggleListModule {
+}
+LabelledToggleListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: LabelledToggleListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LabelledToggleListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: LabelledToggleListModule, declarations: [LabelledToggleListComponent], imports: [LabelledInputToggleModule, CommonModule], exports: [LabelledToggleListComponent] });
+LabelledToggleListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: LabelledToggleListModule, imports: [[LabelledInputToggleModule, CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: LabelledToggleListModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [LabelledToggleListComponent],
+                    exports: [LabelledToggleListComponent],
+                    imports: [LabelledInputToggleModule, CommonModule],
+                }]
+        }] });
+
 class MoleculesModule {
 }
 MoleculesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MoleculesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -3512,7 +3579,10 @@ MoleculesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version
         CharacterCounterModule,
         SettingsDetailNavigationItemModule,
         EditableSettingItemModule,
-        TabsModules], exports: [PillsModule,
+        TabsModules,
+        InputToggleModule,
+        LabelledInputToggleModule,
+        LabelledToggleListModule], exports: [PillsModule,
         BreadcrumbModule,
         FeedbackCardModule,
         DocumentManagementItemModule,
@@ -3541,7 +3611,10 @@ MoleculesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
             CharacterCounterModule,
             SettingsDetailNavigationItemModule,
             EditableSettingItemModule,
-            TabsModules
+            TabsModules,
+            InputToggleModule,
+            LabelledInputToggleModule,
+            LabelledToggleListModule
         ], PillsModule,
         BreadcrumbModule,
         FeedbackCardModule,
@@ -3583,7 +3656,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                         CharacterCounterModule,
                         SettingsDetailNavigationItemModule,
                         EditableSettingItemModule,
-                        TabsModules
+                        TabsModules,
+                        InputToggleModule,
+                        LabelledInputToggleModule,
+                        LabelledToggleListModule
                     ]
                 }]
         }] });