mirror of
https://github.com/material-components/material-web.git
synced 2024-09-11 13:46:10 +03:00
chore(progress): use ternary operator + nothing instead of when
This commit is contained in:
parent
4de5e74b5c
commit
f0dab482fd
@ -4,10 +4,9 @@
|
|||||||
* SPDX-License-Identifier: Apache-2.0
|
* SPDX-License-Identifier: Apache-2.0
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import {html} from 'lit';
|
import {html, nothing} from 'lit';
|
||||||
import {property} from 'lit/decorators.js';
|
import {property} from 'lit/decorators.js';
|
||||||
import {styleMap} from 'lit/directives/style-map.js';
|
import {styleMap} from 'lit/directives/style-map.js';
|
||||||
import {when} from 'lit/directives/when.js';
|
|
||||||
|
|
||||||
import {Progress} from './progress.js';
|
import {Progress} from './progress.js';
|
||||||
|
|
||||||
@ -37,7 +36,7 @@ export class LinearProgress extends Progress {
|
|||||||
// only display dots when visible - this prevents invisible infinite animation
|
// only display dots when visible - this prevents invisible infinite animation
|
||||||
const showDots = !this.indeterminate && (this.buffer >= this.max || this.value >= this.max) ;
|
const showDots = !this.indeterminate && (this.buffer >= this.max || this.value >= this.max) ;
|
||||||
return html`
|
return html`
|
||||||
${when(showDots, () => html`<div class="dots"></div>`)}
|
${showDots ? html`<div class="dots"></div>` : nothing}
|
||||||
<div class="inactive-track" style=${styleMap(dotStyles)}></div>
|
<div class="inactive-track" style=${styleMap(dotStyles)}></div>
|
||||||
<div class="bar primary-bar" style=${styleMap(progressStyles)}>
|
<div class="bar primary-bar" style=${styleMap(progressStyles)}>
|
||||||
<div class="bar-inner"></div>
|
<div class="bar-inner"></div>
|
||||||
|
Loading…
Reference in New Issue
Block a user