mirror of
https://github.com/material-components/material-web.git
synced 2024-09-11 13:46:10 +03:00
BREAKING CHANGE: Rename `@material/web/<component>/lib` to `@material/web/<component>/internal`. Prefer not using internal files. PiperOrigin-RevId: 550633216
32 lines
966 B
TypeScript
32 lines
966 B
TypeScript
/**
|
|
* @license
|
|
* Copyright 2023 Google LLC
|
|
* SPDX-License-Identifier: Apache-2.0
|
|
*/
|
|
|
|
import {customElement} from 'lit/decorators.js';
|
|
|
|
import {CircularProgress} from './internal/circular-progress.js';
|
|
import {styles} from './internal/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];
|
|
}
|