js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 04:09:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

assign certain props as properties

Browse Source
This commit is contained in:
Cory LaViska
2021-06-17 16:45:49 -04:00
parent 19f7918435
commit a14dd95c21
3 changed files with 9 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/checkbox/checkbox.ts
View File

@@ -61,7 +61,6 @@ export default class SlCheckbox extends LitElement {
@event('sl-focus') slFocus: EventEmitter<void>;
firstUpdated() {
this.input.indeterminate = this.indeterminate;
this.invalid = !this.input.checkValidity();
}
@@ -115,8 +114,6 @@ export default class SlCheckbox extends LitElement {
@watch('checked', { waitUntilFirstUpdate: true })
@watch('indeterminate', { waitUntilFirstUpdate: true })
handleStateChange() {
this.input.checked = this.checked;
this.input.indeterminate = this.indeterminate;
this.invalid = !this.input.checkValidity();
this.slChange.emit();
}
@@ -173,9 +170,10 @@ export default class SlCheckbox extends LitElement {
type="checkbox"
name=${ifDefined(this.name)}
value=${ifDefined(this.value)}
?checked=${this.checked}
?disabled=${this.disabled}
?required=${this.required}
.indeterminate=${this.indeterminate}
.checked=${this.checked}
.disabled=${this.disabled}
.required=${this.required}
role="checkbox"
aria-checked=${this.checked ? 'true' : 'false'}
aria-labelledby=${this.labelId}

4
src/components/radio/radio.ts
View File

@@ -172,8 +172,8 @@ export default class SlRadio extends LitElement {
type="radio"
name=${ifDefined(this.name)}
value=${ifDefined(this.value)}
?checked=${this.checked}
?disabled=${this.disabled}
.checked=${this.checked}
.disabled=${this.disabled}
aria-checked=${this.checked ? 'true' : 'false'}
aria-disabled=${this.disabled ? 'true' : 'false'}
aria-labelledby=${this.labelId}

6
src/components/switch/switch.ts
View File

@@ -152,9 +152,9 @@ export default class SlSwitch extends LitElement {
type="checkbox"
name=${ifDefined(this.name)}
value=${ifDefined(this.value)}
?checked=${this.checked}
?disabled=${this.disabled}
?required=${this.required}
.checked=${this.checked}
.disabled=${this.disabled}
.required=${this.required}
role="switch"
aria-checked=${this.checked ? 'true' : 'false'}
aria-labelledby=${this.labelId}