@material/mwc-list - npm Package Compare versions

Comparing version 0.14.0-canary.c759cfbc.0 to 0.14.0-canary.edd465cd.0

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;

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 {
@@ -58,3 +58,3 @@ constructor() {
         this.addEventListener('click', this.boundOnClick);
-        this.toggleAttribute('mwc-list-item', true);
+        this.setAttribute('mwc-list-item', '');
     }
@@ -61,0 +61,0 @@ }

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.

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';
 /**
@@ -49,2 +49,3 @@ * @fires selected {SelectedDetail}
     render(): import("lit-element").TemplateResult;
+    firstUpdated(): void;
     protected onFocusIn(evt: FocusEvent): void;
@@ -51,0 +52,0 @@ protected onFocusOut(evt: FocusEvent): void;

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) => {
@@ -121,10 +121,17 @@ return element.hasAttribute('mwc-list-item');
           @focusout=${this.onFocusOut}
-          @request-selected=${this.onRequestSelected}>
-        <slot
-            @slotchange=${this.onSlotChange}
-            @list-item-rendered=${this.onListItemConnected}>
-        </slot>
+          @request-selected=${this.onRequestSelected}
+          @list-item-rendered=${this.onListItemConnected}>
+        <slot></slot>
       </ul>
     `;
     }
+    firstUpdated() {
+        super.firstUpdated();
+        if (!this.items.length) {
+            // required because this is called before observers
+            this.mdcFoundation.setMulti(this.multi);
+            // for when children upgrade before list
+            this.layout();
+        }
+    }
     onFocusIn(evt) {
@@ -131,0 +138,0 @@ if (this.mdcFoundation && this.mdcRoot) {

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 {

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 {

mwc-list-item-base.js

@@ -95,3 +95,3 @@ /**
         if (!this.noninteractive) {
-            this.toggleAttribute('mwc-list-item', true);
+            this.setAttribute('mwc-list-item', '');
         }
@@ -155,3 +155,3 @@ this.addEventListener('click', this.boundOnClick);
         else {
-            this.toggleAttribute('mwc-list-item', true);
+            this.setAttribute('mwc-list-item', '');
         }
@@ -158,0 +158,0 @@ })

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 {

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 @@ };

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;

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 {
@@ -69,3 +69,3 @@ constructor() {
         this.addEventListener('click', this.boundOnClick);
-        this.toggleAttribute('mwc-list-item', true);
+        this.setAttribute('mwc-list-item', '');
     }
@@ -72,0 +72,0 @@ }

package.json

 {
   "name": "@material/mwc-list",
-  "version": "0.14.0-canary.c759cfbc.0",
+  "version": "0.14.0-canary.edd465cd.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.c759cfbc.0",
-    "@material/mwc-checkbox": "0.14.0-canary.c759cfbc.0",
-    "@material/mwc-radio": "0.14.0-canary.c759cfbc.0",
+    "@material/base": "=6.0.0-canary.9cf5e9842.0",
+    "@material/list": "=6.0.0-canary.9cf5e9842.0",
+    "@material/mwc-base": "0.14.0-canary.edd465cd.0",
+    "@material/mwc-checkbox": "0.14.0-canary.edd465cd.0",
+    "@material/mwc-radio": "0.14.0-canary.edd465cd.0",
     "lit-element": "^2.2.1",
@@ -25,3 +26,3 @@ "lit-html": "^1.1.2",
   },
-  "gitHead": "e0a8ac49c085c004f390a2995879e67aea1010e7"
+  "gitHead": "3954ee24dd2fd1d9171cd7a967586e7d2b34ae38"
 }

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/e0a8ac49c085c004f390a2995879e67aea1010e7/packages/list/images/header.png" width="402px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/3954ee24dd2fd1d9171cd7a967586e7d2b34ae38/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/e0a8ac49c085c004f390a2995879e67aea1010e7/packages/list/images/basic.png" width="402px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/3954ee24dd2fd1d9171cd7a967586e7d2b34ae38/packages/list/images/basic.png" width="402px">
 
@@ -51,3 +51,3 @@ ```html
 
-<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/e0a8ac49c085c004f390a2995879e67aea1010e7/packages/list/images/activatable.png" width="402px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/3954ee24dd2fd1d9171cd7a967586e7d2b34ae38/packages/list/images/activatable.png" width="402px">
 
@@ -65,3 +65,3 @@ ```html
 
-<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/e0a8ac49c085c004f390a2995879e67aea1010e7/packages/list/images/multi.png" width="402px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/3954ee24dd2fd1d9171cd7a967586e7d2b34ae38/packages/list/images/multi.png" width="402px">
 
@@ -81,3 +81,3 @@ ```html
 
-<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/e0a8ac49c085c004f390a2995879e67aea1010e7/packages/list/images/leading_graphic.png" width="402px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/3954ee24dd2fd1d9171cd7a967586e7d2b34ae38/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/e0a8ac49c085c004f390a2995879e67aea1010e7/packages/list/images/meta_icon.png" width="402px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/3954ee24dd2fd1d9171cd7a967586e7d2b34ae38/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/e0a8ac49c085c004f390a2995879e67aea1010e7/packages/list/images/two_line.png" width="402px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/3954ee24dd2fd1d9171cd7a967586e7d2b34ae38/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/e0a8ac49c085c004f390a2995879e67aea1010e7/packages/list/images/dividers.png" width="402px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/3954ee24dd2fd1d9171cd7a967586e7d2b34ae38/packages/list/images/dividers.png" width="402px">
 
@@ -208,3 +208,3 @@ ```html
 
-<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/e0a8ac49c085c004f390a2995879e67aea1010e7/packages/list/images/check_list.png" width="402px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/3954ee24dd2fd1d9171cd7a967586e7d2b34ae38/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/e0a8ac49c085c004f390a2995879e67aea1010e7/packages/list/images/radio_list.png" width="402px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/3954ee24dd2fd1d9171cd7a967586e7d2b34ae38/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/e0a8ac49c085c004f390a2995879e67aea1010e7/packages/list/images/multi_radio_list.png" width="402px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/3954ee24dd2fd1d9171cd7a967586e7d2b34ae38/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/e0a8ac49c085c004f390a2995879e67aea1010e7/packages/list/images/noninteractive.png" width="402px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/3954ee24dd2fd1d9171cd7a967586e7d2b34ae38/packages/list/images/noninteractive.png" width="402px">
 
@@ -303,3 +303,3 @@ ```html
 
-<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/e0a8ac49c085c004f390a2995879e67aea1010e7/packages/list/images/styled.png" width="402px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/3954ee24dd2fd1d9171cd7a967586e7d2b34ae38/packages/list/images/styled.png" width="402px">
 
@@ -329,3 +329,3 @@ ```html
 
-<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/e0a8ac49c085c004f390a2995879e67aea1010e7/packages/list/images/styled_no_ripple.png" width="402px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/3954ee24dd2fd1d9171cd7a967586e7d2b34ae38/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/e0a8ac49c085c004f390a2995879e67aea1010e7/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/3954ee24dd2fd1d9171cd7a967586e7d2b34ae38/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/e0a8ac49c085c004f390a2995879e67aea1010e7/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/e0a8ac49c085c004f390a2995879e67aea1010e7/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/e0a8ac49c085c004f390a2995879e67aea1010e7/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/e0a8ac49c085c004f390a2995879e67aea1010e7/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/e0a8ac49c085c004f390a2995879e67aea1010e7/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/e0a8ac49c085c004f390a2995879e67aea1010e7/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/3954ee24dd2fd1d9171cd7a967586e7d2b34ae38/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/3954ee24dd2fd1d9171cd7a967586e7d2b34ae38/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/3954ee24dd2fd1d9171cd7a967586e7d2b34ae38/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/3954ee24dd2fd1d9171cd7a967586e7d2b34ae38/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/3954ee24dd2fd1d9171cd7a967586e7d2b34ae38/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/3954ee24dd2fd1d9171cd7a967586e7d2b34ae38/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.

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';
 
@@ -68,4 +68,4 @@ export class CheckListItemBase extends ListItemBase {
 
-    this.toggleAttribute('mwc-list-item', true);
+    this.setAttribute('mwc-list-item', '');
   }
 }

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 @@ /**

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';
 
@@ -205,7 +205,5 @@
           @focusout=${this.onFocusOut}
-          @request-selected=${this.onRequestSelected}>
-        <slot
-            @slotchange=${this.onSlotChange}
-            @list-item-rendered=${this.onListItemConnected}>
-        </slot>
+          @request-selected=${this.onRequestSelected}
+          @list-item-rendered=${this.onListItemConnected}>
+        <slot></slot>
       </ul>
@@ -215,2 +213,13 @@ `;
 
+  firstUpdated() {
+    super.firstUpdated();
+
+    if (!this.items.length) {
+      // required because this is called before observers
+      this.mdcFoundation.setMulti(this.multi);
+      // for when children upgrade before list
+      this.layout();
+    }
+  }
+
   protected onFocusIn(evt: FocusEvent) {
@@ -217,0 +226,0 @@ if (this.mdcFoundation && this.mdcRoot) {

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;

src/mwc-list-item-base.ts

@@ -61,3 +61,3 @@ /**
     } else {
-      this.toggleAttribute('mwc-list-item', true);
+      this.setAttribute('mwc-list-item', '');
     }
@@ -155,3 +155,3 @@ })
     if (!this.noninteractive) {
-      this.toggleAttribute('mwc-list-item', true);
+      this.setAttribute('mwc-list-item', '');
     }
@@ -158,0 +158,0 @@ this.addEventListener('click', this.boundOnClick);

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 {

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';
 
@@ -83,4 +83,4 @@ export class RadioListItemBase extends ListItemBase {
 
-    this.toggleAttribute('mwc-list-item', true);
+    this.setAttribute('mwc-list-item', '');
   }
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

857675

increased by0.13%

Lines of code

3286

increased by0.46%

Worsened metrics

Dependency count

8

increased by14.29%

Dependency changes

• + Added@material/base@=6.0.0-canary.9cf5e9842.0

• + Added@material/[e-mail]465cd.0(transitive)

• + Added@material/[e-mail]465cd.0(transitive)

• + Added@material/[e-mail]465cd.0(transitive)

• + Added@material/[e-mail]465cd.0(transitive)

• - Removed@material/mwc-base@0.14.0-canary.c759cfbc.0(transitive)

• - Removed@material/mwc-checkbox@0.14.0-canary.c759cfbc.0(transitive)

• - Removed@material/mwc-radio@0.14.0-canary.c759cfbc.0(transitive)

• - Removed@material/mwc-ripple@0.14.0-canary.c759cfbc.0(transitive)

• Updated@material/list@=6.0.0-canary.9cf5e9842.0

• Updated@material/[e-mail]465cd.0

• Updated@material/[e-mail]465cd.0

• Updated@material/[e-mail]465cd.0