@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
|
@@ -10,17 +10,19 @@ export class InputRadioToggleComponent {
|
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
12
|
InputRadioToggleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputRadioToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
-
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"] }] });
|
|
13
|
+
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"] }] });
|
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputRadioToggleComponent, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
|
-
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"] }]
|
|
16
|
+
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"] }]
|
|
17
17
|
}], ctorParameters: function () { return []; }, propDecorators: { radioLabel1: [{
|
|
18
18
|
type: Input
|
|
19
19
|
}], radioLabel2: [{
|
|
20
20
|
type: Input
|
|
21
|
+
}], identifier: [{
|
|
22
|
+
type: Input
|
|
21
23
|
}], isDisabled: [{
|
|
22
24
|
type: Input
|
|
23
25
|
}], changedValue: [{
|
|
24
26
|
type: Output
|
|
25
27
|
}] } });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtcmFkaW8tdG9nZ2xlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvaW5wdXQtcmFkaW8tdG9nZ2xlL2lucHV0LXJhZGlvLXRvZ2dsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2lucHV0LXJhZGlvLXRvZ2dsZS9pbnB1dC1yYWRpby10b2dnbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBTy9FLE1BQU0sT0FBTyx5QkFBeUI7SUFPcEM7UUFEVSxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7SUFDckMsQ0FBQztJQUVoQixRQUFRLENBQUMsS0FBYTtRQUNwQixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNoQyxDQUFDOztzSEFYVSx5QkFBeUI7MEdBQXpCLHlCQUF5QixzT0NQdEMsK3JCQWlCRTsyRkRWVyx5QkFBeUI7a0JBTHJDLFNBQVM7K0JBQ0UsNkJBQTZCOzBFQUs5QixXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUVJLFlBQVk7c0JBQXJCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWlucHV0LXJhZGlvLXRvZ2dsZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9pbnB1dC1yYWRpby10b2dnbGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pbnB1dC1yYWRpby10b2dnbGUuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBJbnB1dFJhZGlvVG9nZ2xlQ29tcG9uZW50IHtcbiAgQElucHV0KCkgcmFkaW9MYWJlbDE6IHN0cmluZztcbiAgQElucHV0KCkgcmFkaW9MYWJlbDI6IHN0cmluZztcbiAgQElucHV0KCkgaWRlbnRpZmllcjogc3RyaW5nO1xuICBASW5wdXQoKSBpc0Rpc2FibGVkOiBib29sZWFuO1xuXG4gIEBPdXRwdXQoKSBjaGFuZ2VkVmFsdWUgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG9uQ2hhbmdlKHZhbHVlOiBzdHJpbmcpIHtcbiAgICB0aGlzLmNoYW5nZWRWYWx1ZS5lbWl0KHZhbHVlKTtcbiAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwic2Z4LXJhZGlvLXRvZ2dsZVwiIFtuZ0NsYXNzXT1cInsncmFkaW8tZGlzYWJsZWQnOiBpc0Rpc2FibGVkfVwiPlxuICAgIDxpbnB1dFxuICAgICAgY2hlY2tlZD1cInRydWVcIlxuICAgICAgdHlwZT1cInJhZGlvXCJcbiAgICAgIHZhbHVlPVwie3sgcmFkaW9MYWJlbDEgfX1cIlxuICAgICAgaWQ9XCJyYWRpby17eyByYWRpb0xhYmVsMSB9fS17e2lkZW50aWZpZXJ9fVwiXG4gICAgICBuYW1lPVwicmFkaW8tdG9nZ2xlLXt7aWRlbnRpZmllcn19XCJcbiAgICAgIChjaGFuZ2UpPVwib25DaGFuZ2UocmFkaW9MYWJlbDEpXCJcbiAgICAvPjxsYWJlbCBmb3I9XCJyYWRpby17e3JhZGlvTGFiZWwxfX0te3tpZGVudGlmaWVyfX1cIj57eyByYWRpb0xhYmVsMSB9fTwvbGFiZWxcbiAgICA+PGlucHV0XG4gICAgICB0eXBlPVwicmFkaW9cIlxuICAgICAgdmFsdWU9XCJ7eyByYWRpb0xhYmVsMiB9fVwiXG4gICAgICBpZD1cInJhZGlvLXt7IHJhZGlvTGFiZWwyIH19LXt7aWRlbnRpZmllcn19XCJcbiAgICAgIG5hbWU9XCJyYWRpby10b2dnbGUte3tpZGVudGlmaWVyfX1cIlxuICAgICAgKGNoYW5nZSk9XCJvbkNoYW5nZShyYWRpb0xhYmVsMilcIlxuICAgIC8+PGxhYmVsIGZvcj1cInJhZGlvLXt7cmFkaW9MYWJlbDJ9fS17e2lkZW50aWZpZXJ9fVwiPnt7IHJhZGlvTGFiZWwyIH19PC9sYWJlbD5cbiAgPC9kaXY+XG4gICJdfQ==
|
|
@@ -10,17 +10,19 @@ export class InputRadioToggleComponent {
|
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
12
|
InputRadioToggleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputRadioToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
-
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"] }] });
|
|
13
|
+
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"] }] });
|
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputRadioToggleComponent, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
|
-
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"] }]
|
|
16
|
+
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"] }]
|
|
17
17
|
}], ctorParameters: function () { return []; }, propDecorators: { radioLabel1: [{
|
|
18
18
|
type: Input
|
|
19
19
|
}], radioLabel2: [{
|
|
20
20
|
type: Input
|
|
21
|
+
}], identifier: [{
|
|
22
|
+
type: Input
|
|
21
23
|
}], isDisabled: [{
|
|
22
24
|
type: Input
|
|
23
25
|
}], changedValue: [{
|
|
24
26
|
type: Output
|
|
25
27
|
}] } });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtcmFkaW8tdG9nZ2xlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvaW5wdXQtcmFkaW8tdG9nZ2xlL2lucHV0LXJhZGlvLXRvZ2dsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2lucHV0LXJhZGlvLXRvZ2dsZS9pbnB1dC1yYWRpby10b2dnbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBTy9FLE1BQU0sT0FBTyx5QkFBeUI7SUFPcEM7UUFEVSxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7SUFDckMsQ0FBQztJQUVoQixRQUFRLENBQUMsS0FBYTtRQUNwQixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNoQyxDQUFDOztzSEFYVSx5QkFBeUI7MEdBQXpCLHlCQUF5QixzT0NQdEMsK3JCQWlCRTsyRkRWVyx5QkFBeUI7a0JBTHJDLFNBQVM7K0JBQ0UsNkJBQTZCOzBFQUs5QixXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUVJLFlBQVk7c0JBQXJCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWlucHV0LXJhZGlvLXRvZ2dsZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9pbnB1dC1yYWRpby10b2dnbGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pbnB1dC1yYWRpby10b2dnbGUuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBJbnB1dFJhZGlvVG9nZ2xlQ29tcG9uZW50IHtcbiAgQElucHV0KCkgcmFkaW9MYWJlbDE6IHN0cmluZztcbiAgQElucHV0KCkgcmFkaW9MYWJlbDI6IHN0cmluZztcbiAgQElucHV0KCkgaWRlbnRpZmllcjogc3RyaW5nO1xuICBASW5wdXQoKSBpc0Rpc2FibGVkOiBib29sZWFuO1xuXG4gIEBPdXRwdXQoKSBjaGFuZ2VkVmFsdWUgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG9uQ2hhbmdlKHZhbHVlOiBzdHJpbmcpIHtcbiAgICB0aGlzLmNoYW5nZWRWYWx1ZS5lbWl0KHZhbHVlKTtcbiAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwic2Z4LXJhZGlvLXRvZ2dsZVwiIFtuZ0NsYXNzXT1cInsncmFkaW8tZGlzYWJsZWQnOiBpc0Rpc2FibGVkfVwiPlxuICAgIDxpbnB1dFxuICAgICAgY2hlY2tlZD1cInRydWVcIlxuICAgICAgdHlwZT1cInJhZGlvXCJcbiAgICAgIHZhbHVlPVwie3sgcmFkaW9MYWJlbDEgfX1cIlxuICAgICAgaWQ9XCJyYWRpby17eyByYWRpb0xhYmVsMSB9fS17e2lkZW50aWZpZXJ9fVwiXG4gICAgICBuYW1lPVwicmFkaW8tdG9nZ2xlLXt7aWRlbnRpZmllcn19XCJcbiAgICAgIChjaGFuZ2UpPVwib25DaGFuZ2UocmFkaW9MYWJlbDEpXCJcbiAgICAvPjxsYWJlbCBmb3I9XCJyYWRpby17e3JhZGlvTGFiZWwxfX0te3tpZGVudGlmaWVyfX1cIj57eyByYWRpb0xhYmVsMSB9fTwvbGFiZWxcbiAgICA+PGlucHV0XG4gICAgICB0eXBlPVwicmFkaW9cIlxuICAgICAgdmFsdWU9XCJ7eyByYWRpb0xhYmVsMiB9fVwiXG4gICAgICBpZD1cInJhZGlvLXt7IHJhZGlvTGFiZWwyIH19LXt7aWRlbnRpZmllcn19XCJcbiAgICAgIG5hbWU9XCJyYWRpby10b2dnbGUte3tpZGVudGlmaWVyfX1cIlxuICAgICAgKGNoYW5nZSk9XCJvbkNoYW5nZShyYWRpb0xhYmVsMilcIlxuICAgIC8+PGxhYmVsIGZvcj1cInJhZGlvLXt7cmFkaW9MYWJlbDJ9fS17e2lkZW50aWZpZXJ9fVwiPnt7IHJhZGlvTGFiZWwyIH19PC9sYWJlbD5cbiAgPC9kaXY+XG4gICJdfQ==
|
|
@@ -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: [{
|