@symphony-talent/component-library 4.104.0 → 4.105.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
|
@@ -1743,14 +1743,16 @@ class InputRadioToggleComponent {
|
|
|
1743
1743
|
}
|
|
1744
1744
|
}
|
|
1745
1745
|
InputRadioToggleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputRadioToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1746
|
-
InputRadioToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputRadioToggleComponent, selector: "symphony-input-radio-toggle", inputs: { radioLabel1: "radioLabel1", radioLabel2: "radioLabel2", isDisabled: "isDisabled" }, outputs: { changedValue: "changedValue" }, ngImport: i0, template: "<div class=\"sfx-radio-toggle\" [ngClass]=\"{'radio-disabled': isDisabled}\">\n <input\n checked=\"true\"\n type=\"radio\"\n value=\"{{ radioLabel1 }}\"\n id=\"radio-{{ radioLabel1 }}\"\n name=\"radio-toggle\"\n (change)=\"onChange(radioLabel1)\"\n /><label for=\"radio-{{radioLabel1}}\">{{ radioLabel1 }}</label\n ><input\n type=\"radio\"\n value=\"{{ radioLabel2 }}\"\n id=\"radio-{{ radioLabel2 }}\"\n name=\"radio-toggle\"\n (change)=\"onChange(radioLabel2)\"\n /><label for=\"radio-{{radioLabel2}}\">{{ 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"] }] });
|
|
1746
|
+
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=\"true\"\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 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"] }] });
|
|
1747
1747
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputRadioToggleComponent, decorators: [{
|
|
1748
1748
|
type: Component,
|
|
1749
|
-
args: [{ selector: 'symphony-input-radio-toggle', template: "<div class=\"sfx-radio-toggle\" [ngClass]=\"{'radio-disabled': isDisabled}\">\n <input\n checked=\"true\"\n type=\"radio\"\n value=\"{{ radioLabel1 }}\"\n id=\"radio-{{ radioLabel1 }}\"\n name=\"radio-toggle\"\n (change)=\"onChange(radioLabel1)\"\n /><label for=\"radio-{{radioLabel1}}\">{{ radioLabel1 }}</label\n ><input\n type=\"radio\"\n value=\"{{ radioLabel2 }}\"\n id=\"radio-{{ radioLabel2 }}\"\n name=\"radio-toggle\"\n (change)=\"onChange(radioLabel2)\"\n /><label for=\"radio-{{radioLabel2}}\">{{ 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"] }]
|
|
1749
|
+
args: [{ selector: 'symphony-input-radio-toggle', template: "<div class=\"sfx-radio-toggle\" [ngClass]=\"{'radio-disabled': isDisabled}\">\n <input\n checked=\"true\"\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 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"] }]
|
|
1750
1750
|
}], ctorParameters: function () { return []; }, propDecorators: { radioLabel1: [{
|
|
1751
1751
|
type: Input
|
|
1752
1752
|
}], radioLabel2: [{
|
|
1753
1753
|
type: Input
|
|
1754
|
+
}], identifier: [{
|
|
1755
|
+
type: Input
|
|
1754
1756
|
}], isDisabled: [{
|
|
1755
1757
|
type: Input
|
|
1756
1758
|
}], changedValue: [{
|