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

feat: add ESLint, improve types, improve a11y

Browse Source
This commit is contained in:
Jason O'Neill
2022-01-15 21:47:14 -08:00
parent 2ad00deb38
commit 9fb3b5cfed
178 changed files with 17210 additions and 1830 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/rating/rating.ts
View File

@@ -3,12 +3,11 @@ import { customElement, property, query, state } from 'lit/decorators.js';
import { classMap } from 'lit/directives/class-map.js';
import { styleMap } from 'lit/directives/style-map.js';
import { unsafeHTML } from 'lit/directives/unsafe-html.js';
import { emit } from '../../internal/event';
import { watch } from '../../internal/watch';
import { clamp } from '../../internal/math';
import styles from './rating.styles';
import '../icon/icon';
import '~/components/icon/icon';
import { emit } from '~/internal/event';
import { clamp } from '~/internal/math';
import { watch } from '~/internal/watch';
/**
* @since 2.0
@@ -50,9 +49,7 @@ export default class SlRating extends LitElement {
@property({ type: Boolean, reflect: true }) disabled = false;
/** The name of the icon to display as the symbol. */
// @ts-ignore
@property() getSymbol: (value: number) => string = (value: number) =>
'<sl-icon name="star-fill" library="system"></sl-icon>';
@property() getSymbol: (value: number) => string = () => '<sl-icon name="star-fill" library="system"></sl-icon>';
/** Sets focus on the rating. */
focus(options?: FocusOptions) {
@@ -185,7 +182,7 @@ export default class SlRating extends LitElement {
})}
aria-disabled=${this.disabled ? 'true' : 'false'}
aria-readonly=${this.readonly ? 'true' : 'false'}
aria-value=${this.value}
aria-valuenow=${this.value}
aria-valuemin=${0}
aria-valuemax=${this.max}
tabindex=${this.disabled ? '-1' : '0'}
@@ -206,7 +203,9 @@ export default class SlRating extends LitElement {
return html`
<span
class=${classMap({
// eslint-disable-next-line @typescript-eslint/naming-convention
rating__symbol: true,
// eslint-disable-next-line @typescript-eslint/naming-convention
'rating__symbol--hover': this.isHovering && Math.ceil(displayValue) === index + 1
})}
role="presentation"
@@ -223,7 +222,9 @@ export default class SlRating extends LitElement {
return html`
<span
class=${classMap({
// eslint-disable-next-line @typescript-eslint/naming-convention
rating__symbol: true,
// eslint-disable-next-line @typescript-eslint/naming-convention
'rating__symbol--hover': this.isHovering && Math.ceil(displayValue) === index + 1
})}
style=${styleMap({