2022-07-12 23:31:55 +03:00
|
|
|
/**
|
|
|
|
* @license
|
|
|
|
* Copyright 2021 Google LLC
|
|
|
|
* SPDX-License-Identifier: Apache-2.0
|
|
|
|
*/
|
|
|
|
|
2024-02-23 21:01:21 +03:00
|
|
|
import {CSSResultOrNative} from 'lit';
|
2022-08-24 21:00:50 +03:00
|
|
|
import {customElement} from 'lit/decorators.js';
|
2022-07-12 23:31:55 +03:00
|
|
|
|
2023-07-24 19:28:36 +03:00
|
|
|
import {List} from './internal/list.js';
|
2024-02-29 03:19:39 +03:00
|
|
|
import {styles} from './internal/list-styles.js';
|
2022-07-12 23:31:55 +03:00
|
|
|
|
|
|
|
declare global {
|
|
|
|
interface HTMLElementTagNameMap {
|
|
|
|
'md-list': MdList;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
2023-01-20 00:59:01 +03:00
|
|
|
* @summary Lists are continuous, vertical indexes of text or images.
|
|
|
|
*
|
|
|
|
* @description
|
|
|
|
* Lists consist of one or more list items, and can contain actions represented
|
|
|
|
* by icons and text. List items come in three sizes: one-line, two-line, and
|
|
|
|
* three-line.
|
|
|
|
*
|
|
|
|
* __Takeaways:__
|
|
|
|
*
|
|
|
|
* - Lists should be sorted in logical ways that make content easy to scan, such
|
|
|
|
* as alphabetical, numerical, chronological, or by user preference.
|
|
|
|
* - Lists present content in a way that makes it easy to identify a specific
|
|
|
|
* item in a collection and act on it.
|
|
|
|
* - Lists should present icons, text, and actions in a consistent format.
|
|
|
|
*
|
2022-07-12 23:31:55 +03:00
|
|
|
* @final
|
|
|
|
* @suppress {visibility}
|
|
|
|
*/
|
|
|
|
@customElement('md-list')
|
|
|
|
export class MdList extends List {
|
2024-02-23 21:01:21 +03:00
|
|
|
static override styles: CSSResultOrNative[] = [styles];
|
2022-07-12 23:31:55 +03:00
|
|
|
}
|