@symphony-talent/component-library 4.42.0 → 4.44.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/molecules/labelled-input-toggle/labelled-input-toggle.component.mjs +24 -0
- package/esm2020/lib/molecules/labelled-input-toggle/labelled-input-toggle.model.mjs +2 -0
- package/esm2020/lib/molecules/labelled-input-toggle/labelled-input-toggle.module.mjs +19 -0
- package/esm2020/lib/molecules/labelled-toggle-list/labelled-toggle-list.component.mjs +23 -0
- package/esm2020/lib/molecules/labelled-toggle-list/labelled-toggle-list.module.mjs +19 -0
- package/esm2020/lib/molecules/molecules.module.mjs +16 -4
- package/esm2020/projects/component-library/lib/molecules/labelled-input-toggle/labelled-input-toggle.component.mjs +24 -0
- package/esm2020/projects/component-library/lib/molecules/labelled-input-toggle/labelled-input-toggle.model.mjs +2 -0
- package/esm2020/projects/component-library/lib/molecules/labelled-input-toggle/labelled-input-toggle.module.mjs +19 -0
- package/esm2020/projects/component-library/lib/molecules/labelled-toggle-list/labelled-toggle-list.component.mjs +23 -0
- package/esm2020/projects/component-library/lib/molecules/labelled-toggle-list/labelled-toggle-list.module.mjs +19 -0
- package/esm2020/projects/component-library/lib/molecules/molecules.module.mjs +16 -4
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +79 -3
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +79 -3
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +79 -3
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +79 -3
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/lib/molecules/labelled-input-toggle/labelled-input-toggle.component.d.ts +11 -0
- package/lib/molecules/labelled-input-toggle/labelled-input-toggle.model.d.ts +6 -0
- package/lib/molecules/labelled-input-toggle/labelled-input-toggle.module.d.ts +9 -0
- package/lib/molecules/labelled-toggle-list/labelled-toggle-list.component.d.ts +11 -0
- package/lib/molecules/labelled-toggle-list/labelled-toggle-list.module.d.ts +9 -0
- package/lib/molecules/molecules.module.d.ts +5 -2
- package/package.json +1 -1
- package/projects/component-library/lib/molecules/labelled-input-toggle/labelled-input-toggle.component.d.ts +11 -0
- package/projects/component-library/lib/molecules/labelled-input-toggle/labelled-input-toggle.model.d.ts +6 -0
- package/projects/component-library/lib/molecules/labelled-input-toggle/labelled-input-toggle.module.d.ts +9 -0
- package/projects/component-library/lib/molecules/labelled-toggle-list/labelled-toggle-list.component.d.ts +11 -0
- package/projects/component-library/lib/molecules/labelled-toggle-list/labelled-toggle-list.module.d.ts +9 -0
- package/projects/component-library/lib/molecules/molecules.module.d.ts +5 -2
|
@@ -3489,6 +3489,73 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
3489
3489
|
}]
|
|
3490
3490
|
}] });
|
|
3491
3491
|
|
|
3492
|
+
class LabelledInputToggleComponent {
|
|
3493
|
+
constructor() {
|
|
3494
|
+
this.toggleCurrentValue = new EventEmitter();
|
|
3495
|
+
}
|
|
3496
|
+
updateToggleValue(isToggled) {
|
|
3497
|
+
this.model.isToggled = isToggled;
|
|
3498
|
+
this.toggleCurrentValue.emit(this.model);
|
|
3499
|
+
}
|
|
3500
|
+
}
|
|
3501
|
+
LabelledInputToggleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: LabelledInputToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3502
|
+
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"] }] });
|
|
3503
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: LabelledInputToggleComponent, decorators: [{
|
|
3504
|
+
type: Component,
|
|
3505
|
+
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"] }]
|
|
3506
|
+
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
3507
|
+
type: Input
|
|
3508
|
+
}], toggleCurrentValue: [{
|
|
3509
|
+
type: Output
|
|
3510
|
+
}] } });
|
|
3511
|
+
|
|
3512
|
+
class LabelledInputToggleModule {
|
|
3513
|
+
}
|
|
3514
|
+
LabelledInputToggleModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: LabelledInputToggleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3515
|
+
LabelledInputToggleModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: LabelledInputToggleModule, declarations: [LabelledInputToggleComponent], imports: [InputToggleModule, CommonModule], exports: [LabelledInputToggleComponent] });
|
|
3516
|
+
LabelledInputToggleModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: LabelledInputToggleModule, imports: [[InputToggleModule, CommonModule]] });
|
|
3517
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: LabelledInputToggleModule, decorators: [{
|
|
3518
|
+
type: NgModule,
|
|
3519
|
+
args: [{
|
|
3520
|
+
declarations: [LabelledInputToggleComponent],
|
|
3521
|
+
exports: [LabelledInputToggleComponent],
|
|
3522
|
+
imports: [InputToggleModule, CommonModule],
|
|
3523
|
+
}]
|
|
3524
|
+
}] });
|
|
3525
|
+
|
|
3526
|
+
class LabelledToggleListComponent {
|
|
3527
|
+
constructor() {
|
|
3528
|
+
this.toggleListItemValue = new EventEmitter();
|
|
3529
|
+
}
|
|
3530
|
+
updateListItemValue(event) {
|
|
3531
|
+
this.toggleListItemValue.emit(event);
|
|
3532
|
+
}
|
|
3533
|
+
}
|
|
3534
|
+
LabelledToggleListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: LabelledToggleListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3535
|
+
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"] }] });
|
|
3536
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: LabelledToggleListComponent, decorators: [{
|
|
3537
|
+
type: Component,
|
|
3538
|
+
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" }]
|
|
3539
|
+
}], ctorParameters: function () { return []; }, propDecorators: { modelList: [{
|
|
3540
|
+
type: Input
|
|
3541
|
+
}], toggleListItemValue: [{
|
|
3542
|
+
type: Output
|
|
3543
|
+
}] } });
|
|
3544
|
+
|
|
3545
|
+
class LabelledToggleListModule {
|
|
3546
|
+
}
|
|
3547
|
+
LabelledToggleListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: LabelledToggleListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3548
|
+
LabelledToggleListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: LabelledToggleListModule, declarations: [LabelledToggleListComponent], imports: [LabelledInputToggleModule, CommonModule], exports: [LabelledToggleListComponent] });
|
|
3549
|
+
LabelledToggleListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: LabelledToggleListModule, imports: [[LabelledInputToggleModule, CommonModule]] });
|
|
3550
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: LabelledToggleListModule, decorators: [{
|
|
3551
|
+
type: NgModule,
|
|
3552
|
+
args: [{
|
|
3553
|
+
declarations: [LabelledToggleListComponent],
|
|
3554
|
+
exports: [LabelledToggleListComponent],
|
|
3555
|
+
imports: [LabelledInputToggleModule, CommonModule],
|
|
3556
|
+
}]
|
|
3557
|
+
}] });
|
|
3558
|
+
|
|
3492
3559
|
class MoleculesModule {
|
|
3493
3560
|
}
|
|
3494
3561
|
MoleculesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: MoleculesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
@@ -3514,7 +3581,10 @@ MoleculesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version
|
|
|
3514
3581
|
CharacterCounterModule,
|
|
3515
3582
|
SettingsDetailNavigationItemModule,
|
|
3516
3583
|
EditableSettingItemModule,
|
|
3517
|
-
TabsModules
|
|
3584
|
+
TabsModules,
|
|
3585
|
+
InputToggleModule,
|
|
3586
|
+
LabelledInputToggleModule,
|
|
3587
|
+
LabelledToggleListModule], exports: [PillsModule,
|
|
3518
3588
|
BreadcrumbModule,
|
|
3519
3589
|
FeedbackCardModule,
|
|
3520
3590
|
DocumentManagementItemModule,
|
|
@@ -3543,7 +3613,10 @@ MoleculesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
|
|
|
3543
3613
|
CharacterCounterModule,
|
|
3544
3614
|
SettingsDetailNavigationItemModule,
|
|
3545
3615
|
EditableSettingItemModule,
|
|
3546
|
-
TabsModules
|
|
3616
|
+
TabsModules,
|
|
3617
|
+
InputToggleModule,
|
|
3618
|
+
LabelledInputToggleModule,
|
|
3619
|
+
LabelledToggleListModule
|
|
3547
3620
|
], PillsModule,
|
|
3548
3621
|
BreadcrumbModule,
|
|
3549
3622
|
FeedbackCardModule,
|
|
@@ -3585,7 +3658,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
3585
3658
|
CharacterCounterModule,
|
|
3586
3659
|
SettingsDetailNavigationItemModule,
|
|
3587
3660
|
EditableSettingItemModule,
|
|
3588
|
-
TabsModules
|
|
3661
|
+
TabsModules,
|
|
3662
|
+
InputToggleModule,
|
|
3663
|
+
LabelledInputToggleModule,
|
|
3664
|
+
LabelledToggleListModule
|
|
3589
3665
|
]
|
|
3590
3666
|
}]
|
|
3591
3667
|
}] });
|