@material/mwc-menu - npm Package Compare versions

Comparing version 0.26.0-canary.07e91417.0 to 0.26.0-canary.0a492ae8.0

mwc-menu-base.js

@@ -15,3 +15,4 @@ /**
 import { observer } from '@material/mwc-base/observer';
-import { html, property, query } from 'lit-element';
+import { html } from 'lit';
+import { property, query } from 'lit/decorators.js';
 export { createSetFromIndex, isEventMulti, isIndexSet } from '@material/mwc-list/mwc-list-foundation';
@@ -172,2 +173,13 @@ /**
             },
+            getAttributeFromElementAtIndex: (index, attr) => {
+                const listElement = this.listElement;
+                if (!listElement) {
+                    return null;
+                }
+                const element = listElement.items[index];
+                if (!element) {
+                    return null;
+                }
+                return element.getAttribute(attr);
+            },
             elementContainsClass: (element, className) => element.classList.contains(className),
@@ -174,0 +186,0 @@ closeSurface: () => {

mwc-menu-surface-base.js

@@ -12,5 +12,6 @@ /**
 import { deepActiveElementPath, doesElementContainFocus } from '@material/mwc-base/utils';
-import { html, property, query, state } from 'lit-element';
-import { classMap } from 'lit-html/directives/class-map.js';
-import { styleMap } from 'lit-html/directives/style-map.js';
+import { html } from 'lit';
+import { property, query, state } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { styleMap } from 'lit/directives/style-map.js';
 // tslint:disable:no-bitwise
@@ -17,0 +18,0 @@ // required for closure compiler

mwc-menu-surface.css.d.ts

@@ -1,1 +0,1 @@
-export declare const styles: import("lit-element").CSSResult;
+export declare const styles: import("lit").CSSResult;

mwc-menu-surface.css.js

@@ -6,4 +6,4 @@ /**
  */
-import { css } from 'lit-element';
+import { css } from 'lit';
 export const styles = css `.mdc-menu-surface{display:none;position:absolute;box-sizing:border-box;max-width:calc(100vw - 32px);max-width:var(--mdc-menu-max-width, calc(100vw - 32px));max-height:calc(100vh - 32px);max-height:var(--mdc-menu-max-height, calc(100vh - 32px));margin:0;padding:0;transform:scale(1);transform-origin:top left;opacity:0;overflow:auto;will-change:transform,opacity;z-index:8;transition:opacity .03s linear,transform .12s cubic-bezier(0, 0, 0.2, 1),height 250ms cubic-bezier(0, 0, 0.2, 1);box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0,0,0,.12);background-color:#fff;background-color:var(--mdc-theme-surface, #fff);color:#000;color:var(--mdc-theme-on-surface, #000);border-radius:4px;border-radius:var(--mdc-shape-medium, 4px);transform-origin-left:top left;transform-origin-right:top right}.mdc-menu-surface:focus{outline:none}.mdc-menu-surface--animating-open{display:inline-block;transform:scale(0.8);opacity:0}.mdc-menu-surface--open{display:inline-block;transform:scale(1);opacity:1}.mdc-menu-surface--animating-closed{display:inline-block;opacity:0;transition:opacity .075s linear}[dir=rtl] .mdc-menu-surface,.mdc-menu-surface[dir=rtl]{transform-origin-left:top right;transform-origin-right:top left}.mdc-menu-surface--anchor{position:relative;overflow:visible}.mdc-menu-surface--fixed{position:fixed}.mdc-menu-surface--fullwidth{width:100%}:host(:not([open])){display:none}.mdc-menu-surface{z-index:8;z-index:var(--mdc-menu-z-index, 8);min-width:112px;min-width:var(--mdc-menu-min-width, 112px)}`;
 //# sourceMappingURL=mwc-menu-surface.css.js.map

mwc-menu-surface.d.ts

@@ -15,3 +15,3 @@ /**
 export declare class MenuSurface extends MenuSurfaceBase {
-    static styles: import("lit-element").CSSResult[];
+    static styles: import("lit").CSSResult[];
 }

mwc-menu-surface.js

@@ -9,3 +9,3 @@ /**
 // tslint:disable:strip-private-property-underscore
-import { customElement } from 'lit-element';
+import { customElement } from 'lit/decorators.js';
 import { MenuSurfaceBase } from './mwc-menu-surface-base';
@@ -12,0 +12,0 @@ import { styles } from './mwc-menu-surface.css';

mwc-menu.css.d.ts

@@ -1,1 +0,1 @@
-export declare const styles: import("lit-element").CSSResult;
+export declare const styles: import("lit").CSSResult;

mwc-menu.css.js

@@ -6,4 +6,4 @@ /**
  */
-import { css } from 'lit-element';
+import { css } from 'lit';
 export const styles = css `mwc-list ::slotted([mwc-list-item]:not([twoline])),mwc-list ::slotted([noninteractive]:not([twoline])){height:var(--mdc-menu-item-height, 48px)}`;
 //# sourceMappingURL=mwc-menu.css.js.map

mwc-menu.d.ts

@@ -16,3 +16,3 @@ /**
 export declare class Menu extends MenuBase {
-    static styles: import("lit-element").CSSResult[];
+    static styles: import("lit").CSSResult[];
 }

mwc-menu.js

@@ -9,3 +9,3 @@ /**
 // tslint:disable:strip-private-property-underscore
-import { customElement } from 'lit-element';
+import { customElement } from 'lit/decorators.js';
 import { MenuBase } from './mwc-menu-base';
@@ -12,0 +12,0 @@ import { styles } from './mwc-menu.css';

package.json

 {
   "name": "@material/mwc-menu",
-  "version": "0.26.0-canary.07e91417.0",
+  "version": "0.26.0-canary.0a492ae8.0",
   "description": "Material Design menu web component",
@@ -14,14 +14,13 @@ "keywords": [
   "dependencies": {
-    "@material/menu": "=13.0.0-canary.65125b3a6.0",
-    "@material/menu-surface": "=13.0.0-canary.65125b3a6.0",
-    "@material/mwc-base": "0.26.0-canary.07e91417.0",
-    "@material/mwc-list": "0.26.0-canary.07e91417.0",
-    "@material/shape": "=13.0.0-canary.65125b3a6.0",
-    "@material/theme": "=13.0.0-canary.65125b3a6.0",
-    "lit-element": "^3.0.0",
-    "lit-html": "^2.0.0",
+    "@material/menu": "=14.0.0-canary.a986df922.0",
+    "@material/menu-surface": "=14.0.0-canary.a986df922.0",
+    "@material/mwc-base": "0.26.0-canary.0a492ae8.0",
+    "@material/mwc-list": "0.26.0-canary.0a492ae8.0",
+    "@material/shape": "=14.0.0-canary.a986df922.0",
+    "@material/theme": "=14.0.0-canary.a986df922.0",
+    "lit": "^2.0.0",
     "tslib": "^2.0.1"
   },
   "devDependencies": {
-    "@material/shape": "=13.0.0-canary.65125b3a6.0"
+    "@material/shape": "=14.0.0-canary.a986df922.0"
   },
@@ -34,3 +33,3 @@ "scripts": {
   },
-  "gitHead": "9fcacc1890992ebd650dca508478ea3a276a1ebe"
+  "gitHead": "9f520a49648fd39a7140df761448008fe0fbb492"
 }

README.md

@@ -7,3 +7,3 @@ # `<mwc-menu>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-menu.svg)](https://www.npmjs.com/package/@material/mwc-menu)
 
-<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/9fcacc1890992ebd650dca508478ea3a276a1ebe/packages/menu/images/header.png" width="240px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/9f520a49648fd39a7140df761448008fe0fbb492/packages/menu/images/header.png" width="240px">
 
@@ -36,3 +36,3 @@ [Material Design Guidelines: menus](https://material.io/design/components/menus.html)
 
-<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/9fcacc1890992ebd650dca508478ea3a276a1ebe/packages/menu/images/basic.png" width="160px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/9f520a49648fd39a7140df761448008fe0fbb492/packages/menu/images/basic.png" width="160px">
 
@@ -66,3 +66,3 @@ ```html
 
-<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/9fcacc1890992ebd650dca508478ea3a276a1ebe/packages/menu/images/activatable.png" width="152px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/9f520a49648fd39a7140df761448008fe0fbb492/packages/menu/images/activatable.png" width="152px">
 
@@ -83,3 +83,3 @@ ```html
 
-<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/9fcacc1890992ebd650dca508478ea3a276a1ebe/packages/menu/images/multi.png" width="152px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/9f520a49648fd39a7140df761448008fe0fbb492/packages/menu/images/multi.png" width="152px">
 
@@ -100,3 +100,3 @@ ```html
 
-<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/9fcacc1890992ebd650dca508478ea3a276a1ebe/packages/menu/images/absolute.png" width="155px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/9f520a49648fd39a7140df761448008fe0fbb492/packages/menu/images/absolute.png" width="155px">
 
@@ -122,3 +122,3 @@ ```html
 
-<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/9fcacc1890992ebd650dca508478ea3a276a1ebe/packages/menu/images/fixed.png" width="154px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/9f520a49648fd39a7140df761448008fe0fbb492/packages/menu/images/fixed.png" width="154px">
 
@@ -154,3 +154,3 @@ ```html
 
-<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/9fcacc1890992ebd650dca508478ea3a276a1ebe/packages/menu/images/selection_group.png" width="170px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/9f520a49648fd39a7140df761448008fe0fbb492/packages/menu/images/selection_group.png" width="170px">
 
@@ -199,3 +199,3 @@ ```html
 
-<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/9fcacc1890992ebd650dca508478ea3a276a1ebe/packages/menu/images/styled.png" width="234px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/9f520a49648fd39a7140df761448008fe0fbb492/packages/menu/images/styled.png" width="234px">
 
@@ -202,0 +202,0 @@ ```html

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

108923

increased by1.07%

Dependency count

8

decreased by-11.11%

Lines of code

930

increased by1.42%

Dependency changes

• + Addedlit@^2.0.0

• + Added@material/mwc-base@0.26.0-canary.0a492ae8.0(transitive)

• + Added@material/mwc-checkbox@0.26.0-canary.0a492ae8.0(transitive)

• + Added@material/mwc-list@0.26.0-canary.0a492ae8.0(transitive)

• + Added@material/mwc-radio@0.26.0-canary.0a492ae8.0(transitive)

• + Added@material/mwc-ripple@0.26.0-canary.0a492ae8.0(transitive)

• + Addedlit@2.8.0(transitive)

• - Removedlit-element@^3.0.0

• - Removedlit-html@^2.0.0

• - Removed@material/mwc-base@0.26.0-canary.07e91417.0(transitive)

• - Removed@material/mwc-checkbox@0.26.0-canary.07e91417.0(transitive)

• - Removed@material/mwc-list@0.26.0-canary.07e91417.0(transitive)

• - Removed@material/mwc-radio@0.26.0-canary.07e91417.0(transitive)

• - Removed@material/mwc-ripple@0.26.0-canary.07e91417.0(transitive)

• Updated@material/menu@=14.0.0-canary.a986df922.0

• Updated@material/menu-surface@=14.0.0-canary.a986df922.0

• Updated@material/mwc-base@0.26.0-canary.0a492ae8.0

• Updated@material/mwc-list@0.26.0-canary.0a492ae8.0

• Updated@material/shape@=14.0.0-canary.a986df922.0

• Updated@material/theme@=14.0.0-canary.a986df922.0