Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@material/mwc-list

Package Overview
Dependencies
Maintainers
19
Versions
695
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@material/mwc-list - npm Package Compare versions

Comparing version 0.14.0-canary.24f5fa6e.0 to 0.14.0-canary.2b02d017.0

2

mwc-check-list-item-base.d.ts

@@ -19,3 +19,3 @@ /**

import { Checkbox } from '@material/mwc-checkbox';
import { GraphicType, ListItemBase } from './mwc-list-item-base';
import { GraphicType, ListItemBase } from './mwc-list-item-base.js';
export declare class CheckListItemBase extends ListItemBase {

@@ -22,0 +22,0 @@ protected slotElement: HTMLSlotElement | null;

4

mwc-check-list-item-base.js

@@ -20,4 +20,4 @@ /**

import { html, property, query } from 'lit-element';
import { classMap } from 'lit-html/directives/class-map';
import { ListItemBase } from './mwc-list-item-base';
import { classMap } from 'lit-html/directives/class-map.js';
import { ListItemBase } from './mwc-list-item-base.js';
export class CheckListItemBase extends ListItemBase {

@@ -24,0 +24,0 @@ constructor() {

2

mwc-list-adapter.d.ts

@@ -17,3 +17,3 @@ /**

*/
import { IndexDiff, MWCListIndex } from './mwc-list-foundation';
import { IndexDiff, MWCListIndex } from './mwc-list-foundation.js';
/**

@@ -20,0 +20,0 @@ * Defines the shape of the adapter expected by the foundation.

10

mwc-list-base.d.ts

@@ -18,7 +18,7 @@ /**

import { BaseElement } from '@material/mwc-base/base-element.js';
import { MDCListAdapter } from './mwc-list-adapter';
import MDCListFoundation from './mwc-list-foundation';
import { MWCListIndex } from './mwc-list-foundation';
import { ListItemBase, RequestSelectedDetail } from './mwc-list-item-base';
export { createSetFromIndex, isEventMulti, isIndexSet, MWCListIndex } from './mwc-list-foundation';
import { MDCListAdapter } from './mwc-list-adapter.js';
import MDCListFoundation from './mwc-list-foundation.js';
import { MWCListIndex } from './mwc-list-foundation.js';
import { ListItemBase, RequestSelectedDetail } from './mwc-list-item-base.js';
export { createSetFromIndex, isEventMulti, isIndexSet, MWCListIndex } from './mwc-list-foundation.js';
/**

@@ -25,0 +25,0 @@ * @fires selected {SelectedDetail}

6

mwc-list-base.js

@@ -21,5 +21,5 @@ /**

import { html, property, query } from 'lit-element';
import { ifDefined } from 'lit-html/directives/if-defined';
import MDCListFoundation, { isIndexSet } from './mwc-list-foundation';
export { createSetFromIndex, isEventMulti, isIndexSet } from './mwc-list-foundation';
import { ifDefined } from 'lit-html/directives/if-defined.js';
import MDCListFoundation, { isIndexSet } from './mwc-list-foundation.js';
export { createSetFromIndex, isEventMulti, isIndexSet } from './mwc-list-foundation.js';
const isListItem = (element) => {

@@ -26,0 +26,0 @@ return element.hasAttribute('mwc-list-item');

2

mwc-list-foundation.d.ts

@@ -18,3 +18,3 @@ /**

import { MDCFoundation } from '@material/base/foundation';
import { MDCListAdapter } from './mwc-list-adapter';
import { MDCListAdapter } from './mwc-list-adapter.js';
export declare type MWCListIndex = number | Set<number>;

@@ -21,0 +21,0 @@ export interface IndexDiff {

2

mwc-list-foundation.js

@@ -413,3 +413,3 @@ /**

}
return this.isIndexInRange_(index);
return index === numbers.UNSET_INDEX || this.isIndexInRange_(index);
}

@@ -416,0 +416,0 @@ else {

2

mwc-list.d.ts

@@ -18,3 +18,3 @@ /**

import { ListBase } from './mwc-list-base.js';
export { createSetFromIndex, isEventMulti, isIndexSet, MWCListIndex } from './mwc-list-foundation';
export { createSetFromIndex, isEventMulti, isIndexSet, MWCListIndex } from './mwc-list-foundation.js';
declare global {

@@ -21,0 +21,0 @@ interface HTMLElementTagNameMap {

2

mwc-list.js

@@ -21,3 +21,3 @@ /**

import { style } from './mwc-list-css.js';
export { createSetFromIndex, isEventMulti, isIndexSet } from './mwc-list-foundation';
export { createSetFromIndex, isEventMulti, isIndexSet } from './mwc-list-foundation.js';
let List = class List extends ListBase {

@@ -24,0 +24,0 @@ };

2

mwc-radio-list-item-base.d.ts

@@ -19,3 +19,3 @@ /**

import { Radio } from '@material/mwc-radio';
import { GraphicType, ListItemBase } from './mwc-list-item-base';
import { GraphicType, ListItemBase } from './mwc-list-item-base.js';
export declare class RadioListItemBase extends ListItemBase {

@@ -22,0 +22,0 @@ protected slotElement: HTMLSlotElement | null;

6

mwc-radio-list-item-base.js

@@ -20,5 +20,5 @@ /**

import { html, property, query } from 'lit-element';
import { classMap } from 'lit-html/directives/class-map';
import { ifDefined } from 'lit-html/directives/if-defined';
import { ListItemBase } from './mwc-list-item-base';
import { classMap } from 'lit-html/directives/class-map.js';
import { ifDefined } from 'lit-html/directives/if-defined.js';
import { ListItemBase } from './mwc-list-item-base.js';
export class RadioListItemBase extends ListItemBase {

@@ -25,0 +25,0 @@ constructor() {

13

package.json
{
"name": "@material/mwc-list",
"version": "0.14.0-canary.24f5fa6e.0",
"version": "0.14.0-canary.2b02d017.0",
"description": "",

@@ -13,6 +13,7 @@ "main": "mwc-list.js",

"dependencies": {
"@material/list": "=6.0.0-canary.69edc6e28.0",
"@material/mwc-base": "0.14.0-canary.24f5fa6e.0",
"@material/mwc-checkbox": "0.14.0-canary.24f5fa6e.0",
"@material/mwc-radio": "0.14.0-canary.24f5fa6e.0",
"@material/base": "=6.0.0-canary.9cf5e9842.0",
"@material/list": "=6.0.0-canary.9cf5e9842.0",
"@material/mwc-base": "0.14.0-canary.2b02d017.0",
"@material/mwc-checkbox": "0.14.0-canary.2b02d017.0",
"@material/mwc-radio": "0.14.0-canary.2b02d017.0",
"lit-element": "^2.2.1",

@@ -25,3 +26,3 @@ "lit-html": "^1.1.2",

},
"gitHead": "e884595521a6f82f63b8dec96fc4450410e37a09"
"gitHead": "2f2999d0bc0326feb2bf856866fd9238c59ca246"
}

44

README.md

@@ -8,3 +8,3 @@ # `<mwc-list>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-list.svg)](https://www.npmjs.com/package/@material/mwc-list)

<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/e884595521a6f82f63b8dec96fc4450410e37a09/packages/list/images/header.png" width="402px">
<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/2f2999d0bc0326feb2bf856866fd9238c59ca246/packages/list/images/header.png" width="402px">

@@ -23,3 +23,3 @@ [Material Design Guidelines: lists](https://material.io/design/components/lists.html)

> tooling step is required to resolve *bare module specifiers*, as well as
> transpilation and polyfills for Edge and IE11. See
> transpilation and polyfills for IE11. See
> [here](https://github.com/material-components/material-components-web-components#quick-start)

@@ -32,3 +32,3 @@ > for detailed instructions.

<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/e884595521a6f82f63b8dec96fc4450410e37a09/packages/list/images/basic.png" width="402px">
<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/2f2999d0bc0326feb2bf856866fd9238c59ca246/packages/list/images/basic.png" width="402px">

@@ -51,3 +51,3 @@ ```html

<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/e884595521a6f82f63b8dec96fc4450410e37a09/packages/list/images/activatable.png" width="402px">
<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/2f2999d0bc0326feb2bf856866fd9238c59ca246/packages/list/images/activatable.png" width="402px">

@@ -65,3 +65,3 @@ ```html

<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/e884595521a6f82f63b8dec96fc4450410e37a09/packages/list/images/multi.png" width="402px">
<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/2f2999d0bc0326feb2bf856866fd9238c59ca246/packages/list/images/multi.png" width="402px">

@@ -81,3 +81,3 @@ ```html

<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/e884595521a6f82f63b8dec96fc4450410e37a09/packages/list/images/leading_graphic.png" width="402px">
<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/2f2999d0bc0326feb2bf856866fd9238c59ca246/packages/list/images/leading_graphic.png" width="402px">

@@ -121,3 +121,3 @@ ```html

<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/e884595521a6f82f63b8dec96fc4450410e37a09/packages/list/images/meta_icon.png" width="402px">
<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/2f2999d0bc0326feb2bf856866fd9238c59ca246/packages/list/images/meta_icon.png" width="402px">

@@ -147,3 +147,3 @@ ```html

<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/e884595521a6f82f63b8dec96fc4450410e37a09/packages/list/images/two_line.png" width="402px">
<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/2f2999d0bc0326feb2bf856866fd9238c59ca246/packages/list/images/two_line.png" width="402px">

@@ -178,3 +178,3 @@ ```html

<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/e884595521a6f82f63b8dec96fc4450410e37a09/packages/list/images/dividers.png" width="402px">
<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/2f2999d0bc0326feb2bf856866fd9238c59ca246/packages/list/images/dividers.png" width="402px">

@@ -208,3 +208,3 @@ ```html

<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/e884595521a6f82f63b8dec96fc4450410e37a09/packages/list/images/check_list.png" width="402px">
<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/2f2999d0bc0326feb2bf856866fd9238c59ca246/packages/list/images/check_list.png" width="402px">

@@ -234,3 +234,3 @@ ```html

<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/e884595521a6f82f63b8dec96fc4450410e37a09/packages/list/images/radio_list.png" width="402px">
<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/2f2999d0bc0326feb2bf856866fd9238c59ca246/packages/list/images/radio_list.png" width="402px">

@@ -251,3 +251,3 @@ ```html

<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/e884595521a6f82f63b8dec96fc4450410e37a09/packages/list/images/multi_radio_list.png" width="402px">
<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/2f2999d0bc0326feb2bf856866fd9238c59ca246/packages/list/images/multi_radio_list.png" width="402px">

@@ -273,3 +273,3 @@ ```html

<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/e884595521a6f82f63b8dec96fc4450410e37a09/packages/list/images/noninteractive.png" width="402px">
<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/2f2999d0bc0326feb2bf856866fd9238c59ca246/packages/list/images/noninteractive.png" width="402px">

@@ -303,3 +303,3 @@ ```html

<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/e884595521a6f82f63b8dec96fc4450410e37a09/packages/list/images/styled.png" width="402px">
<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/2f2999d0bc0326feb2bf856866fd9238c59ca246/packages/list/images/styled.png" width="402px">

@@ -329,3 +329,3 @@ ```html

<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/e884595521a6f82f63b8dec96fc4450410e37a09/packages/list/images/styled_no_ripple.png" width="402px">
<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/2f2999d0bc0326feb2bf856866fd9238c59ca246/packages/list/images/styled_no_ripple.png" width="402px">

@@ -570,3 +570,3 @@ ```html

| ----------------------------------- | --------------------- |------------
| `--mdc-theme-text-primary-on-background` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e884595521a6f82f63b8dec96fc4450410e37a09/packages/list/images/color_0,0,0,87.png) `rgba(0, 0, 0, 0.87)` | Color of the primary text.
| `--mdc-theme-text-primary-on-background` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2f2999d0bc0326feb2bf856866fd9238c59ca246/packages/list/images/color_0,0,0,87.png) `rgba(0, 0, 0, 0.87)` | Color of the primary text.
| `--mdc-list-vertical-padding` | `8px` | Padding before and after the first and last list items.

@@ -580,8 +580,8 @@ | `--mdc-list-side-padding` | `16px` | Adjusts the padding of the `[padded]` list dividers (also propagates to `mwc-list-item`).

| ------------------------------------------ | -------------------- |------------
| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e884595521a6f82f63b8dec96fc4450410e37a09/packages/list/images/color_6200ee.png) `#6200ee` | Color of the activated ripple and primary text color when activated.
| `--mdc-theme-on-surface` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e884595521a6f82f63b8dec96fc4450410e37a09/packages/list/images/color_000.png) `#000` | Disabled text color
| `--mdc-theme-text-icon-on-background` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e884595521a6f82f63b8dec96fc4450410e37a09/packages/list/images/color_0,0,0,38.png) `rgba(0, 0, 0, .38)` | Color of the graphic icon (if graphic is text icon).
| `--mdc-theme-text-primary-on-background` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e884595521a6f82f63b8dec96fc4450410e37a09/packages/list/images/color_0,0,0,87.png) `rgba(0, 0, 0, .87)` | Color of the primary text if not activated.
| `--mdc-theme-text-secondary-on-background` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e884595521a6f82f63b8dec96fc4450410e37a09/packages/list/images/color_0,0,0,54.png) `rgba(0, 0, 0, .54)` | Color of the secondary text if not activated.
| `--mdc-theme-hint-on-background` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/e884595521a6f82f63b8dec96fc4450410e37a09/packages/list/images/color_0,0,0,38.png) `rgba(0, 0, 0, .38)` | Color of the meta (if is text or text icon).
| `--mdc-theme-primary` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2f2999d0bc0326feb2bf856866fd9238c59ca246/packages/list/images/color_6200ee.png) `#6200ee` | Color of the activated ripple and primary text color when activated.
| `--mdc-theme-on-surface` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2f2999d0bc0326feb2bf856866fd9238c59ca246/packages/list/images/color_000.png) `#000` | Disabled text color
| `--mdc-theme-text-icon-on-background` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2f2999d0bc0326feb2bf856866fd9238c59ca246/packages/list/images/color_0,0,0,38.png) `rgba(0, 0, 0, .38)` | Color of the graphic icon (if graphic is text icon).
| `--mdc-theme-text-primary-on-background` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2f2999d0bc0326feb2bf856866fd9238c59ca246/packages/list/images/color_0,0,0,87.png) `rgba(0, 0, 0, .87)` | Color of the primary text if not activated.
| `--mdc-theme-text-secondary-on-background` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2f2999d0bc0326feb2bf856866fd9238c59ca246/packages/list/images/color_0,0,0,54.png) `rgba(0, 0, 0, .54)` | Color of the secondary text if not activated.
| `--mdc-theme-hint-on-background` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/2f2999d0bc0326feb2bf856866fd9238c59ca246/packages/list/images/color_0,0,0,38.png) `rgba(0, 0, 0, .38)` | Color of the meta (if is text or text icon).
| `--mdc-list-side-padding` | `16px` | Side padding of the list item.

@@ -588,0 +588,0 @@ | `--mdc-list-item-meta-size` | `24px` | Line height of the meta icon or text and width & height of the slotted parent wrapper.

4

src/mwc-check-list-item-base.ts

@@ -22,5 +22,5 @@ /**

import {html, property, query} from 'lit-element';
import {classMap} from 'lit-html/directives/class-map';
import {classMap} from 'lit-html/directives/class-map.js';
import {GraphicType, ListItemBase} from './mwc-list-item-base';
import {GraphicType, ListItemBase} from './mwc-list-item-base.js';

@@ -27,0 +27,0 @@ export class CheckListItemBase extends ListItemBase {

2

src/mwc-list-adapter.ts

@@ -17,3 +17,3 @@ /**

*/
import {IndexDiff, MWCListIndex} from './mwc-list-foundation';
import {IndexDiff, MWCListIndex} from './mwc-list-foundation.js';

@@ -20,0 +20,0 @@ /**

12

src/mwc-list-base.ts

@@ -21,10 +21,10 @@ /**

import {html, property, query} from 'lit-element';
import {ifDefined} from 'lit-html/directives/if-defined';
import {ifDefined} from 'lit-html/directives/if-defined.js';
import {MDCListAdapter} from './mwc-list-adapter';
import MDCListFoundation, {ActionDetail, isIndexSet, SelectedDetail} from './mwc-list-foundation';
import {MWCListIndex} from './mwc-list-foundation';
import {ListItemBase, RequestSelectedDetail} from './mwc-list-item-base';
import {MDCListAdapter} from './mwc-list-adapter.js';
import MDCListFoundation, {ActionDetail, isIndexSet, SelectedDetail} from './mwc-list-foundation.js';
import {MWCListIndex} from './mwc-list-foundation.js';
import {ListItemBase, RequestSelectedDetail} from './mwc-list-item-base.js';
export {createSetFromIndex, isEventMulti, isIndexSet, MWCListIndex} from './mwc-list-foundation';
export {createSetFromIndex, isEventMulti, isIndexSet, MWCListIndex} from './mwc-list-foundation.js';

@@ -31,0 +31,0 @@

4

src/mwc-list-foundation.ts

@@ -21,3 +21,3 @@ /**

import {MDCListAdapter} from './mwc-list-adapter';
import {MDCListAdapter} from './mwc-list-adapter.js';

@@ -513,3 +513,3 @@ export type MWCListIndex = number|Set<number>;

}
return this.isIndexInRange_(index);
return index === numbers.UNSET_INDEX || this.isIndexInRange_(index);
} else {

@@ -516,0 +516,0 @@ return false;

2

src/mwc-list.ts

@@ -23,3 +23,3 @@ /**

export {createSetFromIndex, isEventMulti, isIndexSet, MWCListIndex} from './mwc-list-foundation';
export {createSetFromIndex, isEventMulti, isIndexSet, MWCListIndex} from './mwc-list-foundation.js';

@@ -26,0 +26,0 @@ declare global {

6

src/mwc-radio-list-item-base.ts

@@ -22,6 +22,6 @@ /**

import {html, property, query} from 'lit-element';
import {classMap} from 'lit-html/directives/class-map';
import {ifDefined} from 'lit-html/directives/if-defined';
import {classMap} from 'lit-html/directives/class-map.js';
import {ifDefined} from 'lit-html/directives/if-defined.js';
import {GraphicType, ListItemBase} from './mwc-list-item-base';
import {GraphicType, ListItemBase} from './mwc-list-item-base.js';

@@ -28,0 +28,0 @@ export class RadioListItemBase extends ListItemBase {

.tsbuildinfo

Sorry, the diff of this file is not supported yet

mwc-check-list-item-base.js.map

Sorry, the diff of this file is not supported yet

mwc-list-adapter.js.map

Sorry, the diff of this file is not supported yet

mwc-list-base.js.map

Sorry, the diff of this file is not supported yet

mwc-list-foundation.js.map

Sorry, the diff of this file is not supported yet

mwc-list.js.map

Sorry, the diff of this file is not supported yet

mwc-radio-list-item-base.js.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc