mirror of
https://github.com/material-components/material-web.git
synced 2024-10-26 21:56:56 +03:00
c35bad0c64
We are changing the names of these files to reduce similarity with CSS modules and avoid clashing with tooling built around that. If you're importing `*/internal/styles.css.js`, swap to `*/internal/styles.js`. PiperOrigin-RevId: 611265000
36 lines
1.0 KiB
TypeScript
36 lines
1.0 KiB
TypeScript
/**
|
|
* @license
|
|
* Copyright 2023 Google LLC
|
|
* SPDX-License-Identifier: Apache-2.0
|
|
*/
|
|
|
|
import {CSSResultOrNative} from 'lit';
|
|
import {customElement} from 'lit/decorators.js';
|
|
|
|
import {CircularProgress} from './internal/circular-progress.js';
|
|
import {styles} from './internal/circular-progress-styles.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.
|
|
*
|
|
* @final
|
|
* @suppress {visibility}
|
|
*/
|
|
@customElement('md-circular-progress')
|
|
export class MdCircularProgress extends CircularProgress {
|
|
static override styles: CSSResultOrNative[] = [styles];
|
|
}
|