@symphony-talent/component-library 4.109.0 → 4.110.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/atoms/input-radio-toggle/input-radio-toggle.component.mjs +5 -3
- package/esm2020/projects/component-library/lib/atoms/input-radio-toggle/input-radio-toggle.component.mjs +5 -3
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +4 -2
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +4 -2
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +4 -2
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +4 -2
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/lib/atoms/input-radio-toggle/input-radio-toggle.component.d.ts +2 -1
- package/package.json +1 -1
- package/projects/component-library/lib/atoms/input-radio-toggle/input-radio-toggle.component.d.ts +2 -1
|
@@ -1745,10 +1745,10 @@ class InputRadioToggleComponent {
|
|
|
1745
1745
|
}
|
|
1746
1746
|
}
|
|
1747
1747
|
InputRadioToggleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputRadioToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1748
|
-
InputRadioToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputRadioToggleComponent, selector: "symphony-input-radio-toggle", inputs: { radioLabel1: "radioLabel1", radioLabel2: "radioLabel2", identifier: "identifier", isDisabled: "isDisabled" }, outputs: { changedValue: "changedValue" }, ngImport: i0, template: "<div class=\"sfx-radio-toggle\" [ngClass]=\"{'radio-disabled': isDisabled}\">\n <input\n checked=\"
|
|
1748
|
+
InputRadioToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputRadioToggleComponent, selector: "symphony-input-radio-toggle", inputs: { radioLabel1: "radioLabel1", radioLabel2: "radioLabel2", identifier: "identifier", isDisabled: "isDisabled", isOption1Active: "isOption1Active" }, outputs: { changedValue: "changedValue" }, ngImport: i0, template: "<div class=\"sfx-radio-toggle\" [ngClass]=\"{'radio-disabled': isDisabled}\">\n <input\n [checked]=\"isOption1Active\"\n type=\"radio\"\n value=\"{{ radioLabel1 }}\"\n id=\"radio-{{ radioLabel1 }}-{{identifier}}\"\n name=\"radio-toggle-{{identifier}}\"\n (change)=\"onChange(radioLabel1)\"\n /><label for=\"radio-{{radioLabel1}}-{{identifier}}\">{{ radioLabel1 }}</label\n ><input\n [checked]=\"!isOption1Active\"\n type=\"radio\"\n value=\"{{ radioLabel2 }}\"\n id=\"radio-{{ radioLabel2 }}-{{identifier}}\"\n name=\"radio-toggle-{{identifier}}\"\n (change)=\"onChange(radioLabel2)\"\n /><label for=\"radio-{{radioLabel2}}-{{identifier}}\">{{ radioLabel2 }}</label>\n </div>\n ", styles: [".sfx-radio-toggle{display:flex;overflow:hidden}.sfx-radio-toggle input{position:absolute!important;clip:rect(0,0,0,0);height:1px;width:1px;border:0;overflow:hidden}.sfx-radio-toggle input:checked+label{background-color:#334860;color:#fff}.sfx-radio-toggle label{background-color:#fff;color:#000;font-size:12px;line-height:18px;text-align:center;border:1px solid #334860;transition:all .1s ease-in-out;text-transform:uppercase;font-weight:500;margin:0;min-width:50px}.sfx-radio-toggle label:hover{cursor:pointer}.sfx-radio-toggle label:first-of-type{border-radius:20px 0 0 20px;border-right:none}.sfx-radio-toggle label:last-of-type{border-radius:0 20px 20px 0;border-left:none}.sfx-radio-toggle.radio-disabled label{pointer-events:none;opacity:.5}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
1749
1749
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputRadioToggleComponent, decorators: [{
|
|
1750
1750
|
type: Component,
|
|
1751
|
-
args: [{ selector: 'symphony-input-radio-toggle', template: "<div class=\"sfx-radio-toggle\" [ngClass]=\"{'radio-disabled': isDisabled}\">\n <input\n checked=\"
|
|
1751
|
+
args: [{ selector: 'symphony-input-radio-toggle', template: "<div class=\"sfx-radio-toggle\" [ngClass]=\"{'radio-disabled': isDisabled}\">\n <input\n [checked]=\"isOption1Active\"\n type=\"radio\"\n value=\"{{ radioLabel1 }}\"\n id=\"radio-{{ radioLabel1 }}-{{identifier}}\"\n name=\"radio-toggle-{{identifier}}\"\n (change)=\"onChange(radioLabel1)\"\n /><label for=\"radio-{{radioLabel1}}-{{identifier}}\">{{ radioLabel1 }}</label\n ><input\n [checked]=\"!isOption1Active\"\n type=\"radio\"\n value=\"{{ radioLabel2 }}\"\n id=\"radio-{{ radioLabel2 }}-{{identifier}}\"\n name=\"radio-toggle-{{identifier}}\"\n (change)=\"onChange(radioLabel2)\"\n /><label for=\"radio-{{radioLabel2}}-{{identifier}}\">{{ radioLabel2 }}</label>\n </div>\n ", styles: [".sfx-radio-toggle{display:flex;overflow:hidden}.sfx-radio-toggle input{position:absolute!important;clip:rect(0,0,0,0);height:1px;width:1px;border:0;overflow:hidden}.sfx-radio-toggle input:checked+label{background-color:#334860;color:#fff}.sfx-radio-toggle label{background-color:#fff;color:#000;font-size:12px;line-height:18px;text-align:center;border:1px solid #334860;transition:all .1s ease-in-out;text-transform:uppercase;font-weight:500;margin:0;min-width:50px}.sfx-radio-toggle label:hover{cursor:pointer}.sfx-radio-toggle label:first-of-type{border-radius:20px 0 0 20px;border-right:none}.sfx-radio-toggle label:last-of-type{border-radius:0 20px 20px 0;border-left:none}.sfx-radio-toggle.radio-disabled label{pointer-events:none;opacity:.5}\n"] }]
|
|
1752
1752
|
}], ctorParameters: function () { return []; }, propDecorators: { radioLabel1: [{
|
|
1753
1753
|
type: Input
|
|
1754
1754
|
}], radioLabel2: [{
|
|
@@ -1757,6 +1757,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
1757
1757
|
type: Input
|
|
1758
1758
|
}], isDisabled: [{
|
|
1759
1759
|
type: Input
|
|
1760
|
+
}], isOption1Active: [{
|
|
1761
|
+
type: Input
|
|
1760
1762
|
}], changedValue: [{
|
|
1761
1763
|
type: Output
|
|
1762
1764
|
}] } });
|