Socket
Socket
Sign inDemoInstall

@material/mwc-list

Package Overview
Dependencies
Maintainers
19
Versions
695
Alerts
File Explorer

Advanced tools

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.a2f046f5.0 to 0.14.0-canary.b7e388f3.0

1

mwc-list-base.d.ts

@@ -59,3 +59,2 @@ /**

toggle(index: number, force?: boolean): void;
protected onSlotChange(): void;
protected onListItemConnected(e: Event): void;

@@ -62,0 +61,0 @@ layout(updateItems?: boolean): void;

@@ -324,5 +324,2 @@ /**

}
onSlotChange() {
this.layout();
}
onListItemConnected(e) {

@@ -329,0 +326,0 @@ const target = e.target;

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 {

{
"name": "@material/mwc-list",
"version": "0.14.0-canary.a2f046f5.0",
"version": "0.14.0-canary.b7e388f3.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.a2f046f5.0",
"@material/mwc-checkbox": "0.14.0-canary.a2f046f5.0",
"@material/mwc-radio": "0.14.0-canary.a2f046f5.0",
"@material/base": "=6.0.0-canary.1ae8130ce.0",
"@material/list": "=6.0.0-canary.1ae8130ce.0",
"@material/mwc-base": "0.14.0-canary.b7e388f3.0",
"@material/mwc-checkbox": "0.14.0-canary.b7e388f3.0",
"@material/mwc-radio": "0.14.0-canary.b7e388f3.0",
"lit-element": "^2.2.1",

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

},
"gitHead": "b2845ca1286088f29e79c96b6d5c5367873cce11"
"gitHead": "1ce172712209d5abf28a65e797f46fdddb7ea704"
}

@@ -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/b2845ca1286088f29e79c96b6d5c5367873cce11/packages/list/images/header.png" width="402px">
<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/1ce172712209d5abf28a65e797f46fdddb7ea704/packages/list/images/header.png" width="402px">

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

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

@@ -50,3 +50,3 @@ ```html

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

@@ -64,3 +64,3 @@ ```html

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

@@ -80,3 +80,3 @@ ```html

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

@@ -120,3 +120,3 @@ ```html

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

@@ -146,3 +146,3 @@ ```html

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

@@ -177,3 +177,3 @@ ```html

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

@@ -207,3 +207,3 @@ ```html

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

@@ -233,3 +233,3 @@ ```html

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

@@ -250,3 +250,3 @@ ```html

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

@@ -272,3 +272,3 @@ ```html

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

@@ -302,3 +302,3 @@ ```html

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

@@ -328,3 +328,3 @@ ```html

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

@@ -569,3 +569,3 @@ ```html

| ----------------------------------- | --------------------- |------------
| `--mdc-theme-text-primary-on-background` | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/b2845ca1286088f29e79c96b6d5c5367873cce11/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/1ce172712209d5abf28a65e797f46fdddb7ea704/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.

@@ -579,8 +579,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/b2845ca1286088f29e79c96b6d5c5367873cce11/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/b2845ca1286088f29e79c96b6d5c5367873cce11/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/b2845ca1286088f29e79c96b6d5c5367873cce11/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/b2845ca1286088f29e79c96b6d5c5367873cce11/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/b2845ca1286088f29e79c96b6d5c5367873cce11/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/b2845ca1286088f29e79c96b6d5c5367873cce11/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/1ce172712209d5abf28a65e797f46fdddb7ea704/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/1ce172712209d5abf28a65e797f46fdddb7ea704/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/1ce172712209d5abf28a65e797f46fdddb7ea704/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/1ce172712209d5abf28a65e797f46fdddb7ea704/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/1ce172712209d5abf28a65e797f46fdddb7ea704/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/1ce172712209d5abf28a65e797f46fdddb7ea704/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.

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

@@ -454,6 +454,2 @@ /**

protected onSlotChange() {
this.layout();
}
protected onListItemConnected(e: Event) {

@@ -460,0 +456,0 @@ const target = e.target as ListItemBase;

@@ -512,3 +512,3 @@ /**

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

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

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

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

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc