mirror of
https://github.com/material-components/material-web.git
synced 2024-09-11 13:46:10 +03:00
This changes the following imports from: ```js import '@material/web/circularprogress/circular-progress.js'; import '@material/web/linearprogress/linear-progress.js'; ``` to ```js import '@material/web/progress/circular-progress.js'; import '@material/web/progress/linear-progress.js'; ``` PiperOrigin-RevId: 547860610
32 lines
956 B
TypeScript
32 lines
956 B
TypeScript
/**
|
|
* @license
|
|
* Copyright 2023 Google LLC
|
|
* SPDX-License-Identifier: Apache-2.0
|
|
*/
|
|
|
|
import {customElement} from 'lit/decorators.js';
|
|
|
|
import {CircularProgress} from './lib/circular-progress.js';
|
|
import {styles} from './lib/circular-progress-styles.css.js';
|
|
|
|
declare global {
|
|
interface HTMLElementTagNameMap {
|
|
'md-circular-progress': MdCircularProgress;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* @summary Circular progress indicators display progress by animating along an
|
|
* invisible circular track in a clockwise direction. They can be applied
|
|
* directly to a surface, such as a button or card.
|
|
*
|
|
* @description
|
|
* Progress indicators inform users about the status of ongoing processes.
|
|
* - Determinate indicators display how long a process will take.
|
|
* - Indeterminate indicators express an unspecified amount of wait time.
|
|
*/
|
|
@customElement('md-circular-progress')
|
|
export class MdCircularProgress extends CircularProgress {
|
|
static override styles = [styles];
|
|
}
|