@material/mwc-menu - npm Package Compare versions

Comparing version 0.13.0 to 0.14.0-canary.024f371a.0

mwc-menu-base.d.ts

@@ -19,9 +19,9 @@ /**
 import './mwc-menu-surface';
-import { MDCMenuAdapter } from '@material/menu/adapter';
-import { DefaultFocusState as DefaultFocusStateEnum } from '@material/menu/constants';
+import { MDCMenuAdapter } from '@material/menu/adapter.js';
+import { DefaultFocusState as DefaultFocusStateEnum } from '@material/menu/constants.js';
 import MDCMenuFoundation from '@material/menu/foundation.js';
 import { BaseElement } from '@material/mwc-base/base-element.js';
 import { List, MWCListIndex } from '@material/mwc-list';
-import { ActionDetail } from '@material/mwc-list/mwc-list-foundation';
-import { ListItemBase } from '@material/mwc-list/mwc-list-item-base';
+import { ActionDetail } from '@material/mwc-list/mwc-list-foundation.js';
+import { ListItemBase } from '@material/mwc-list/mwc-list-item-base.js';
 import { MenuSurface } from './mwc-menu-surface';
@@ -28,0 +28,0 @@ import { Corner } from './mwc-menu-surface-base';

mwc-menu-base.js

@@ -20,3 +20,3 @@ import { __decorate } from "tslib";
 import './mwc-menu-surface';
-import { DefaultFocusState as DefaultFocusStateEnum } from '@material/menu/constants';
+import { DefaultFocusState as DefaultFocusStateEnum } from '@material/menu/constants.js';
 import MDCMenuFoundation from '@material/menu/foundation.js';
@@ -99,14 +99,14 @@ import { BaseElement, observer } from '@material/mwc-base/base-element.js';
           @keydown=${this.onKeydown}>
-          <mwc-list
-            rootTabbable
-            .innerRole=${this.innerRole}
-            .multi=${this.multi}
-            class="mdc-list"
-            .itemRoles=${itemRoles}
-            .wrapFocus=${this.wrapFocus}
-            .activatable=${this.activatable}
-            @action=${this.onAction}>
-          <slot></slot>
-        </mwc-list>
-      </mwc-menu-surface>`;
+        <mwc-list
+          rootTabbable
+          .innerRole=${this.innerRole}
+          .multi=${this.multi}
+          class="mdc-list"
+          .itemRoles=${itemRoles}
+          .wrapFocus=${this.wrapFocus}
+          .activatable=${this.activatable}
+          @action=${this.onAction}>
+        <slot></slot>
+      </mwc-list>
+    </mwc-menu-surface>`;
     }
@@ -113,0 +113,0 @@ createAdapter() {

mwc-menu-surface-base.js

@@ -8,3 +8,3 @@ import { __decorate } from "tslib";
 import { html, property, query } from 'lit-element';
-import { classMap } from 'lit-html/directives/class-map';
+import { classMap } from 'lit-html/directives/class-map.js';
 /**
@@ -11,0 +11,0 @@ * @fires opened

mwc-menu-surface.d.ts

@@ -18,4 +18,4 @@ /**
 import { MenuSurfaceBase } from './mwc-menu-surface-base.js';
-export { MDCMenuDistance } from '@material/menu-surface/types';
-export { Corner } from './mwc-menu-surface-base';
+export { MDCMenuDistance } from '@material/menu-surface/types.js';
+export { Corner } from './mwc-menu-surface-base.js';
 declare global {
@@ -22,0 +22,0 @@ interface HTMLElementTagNameMap {

mwc-menu.d.ts

@@ -18,5 +18,5 @@ /**
 import { MenuBase } from './mwc-menu-base.js';
-export { DefaultFocusState } from '@material/menu/constants';
-export { createSetFromIndex, isEventMulti, isIndexSet, MWCListIndex } from '@material/mwc-list/mwc-list-foundation';
-export { Corner } from './mwc-menu-surface-base';
+export { DefaultFocusState } from '@material/menu/constants.js';
+export { createSetFromIndex, isEventMulti, isIndexSet, MWCListIndex } from '@material/mwc-list/mwc-list-foundation.js';
+export { Corner } from './mwc-menu-surface-base.js';
 declare global {
@@ -23,0 +23,0 @@ interface HTMLElementTagNameMap {

mwc-menu.js

@@ -21,4 +21,4 @@ /**
 import { style } from './mwc-menu-css.js';
-export { DefaultFocusState } from '@material/menu/constants';
-export { createSetFromIndex, isEventMulti, isIndexSet } from '@material/mwc-list/mwc-list-foundation';
+export { DefaultFocusState } from '@material/menu/constants.js';
+export { createSetFromIndex, isEventMulti, isIndexSet } from '@material/mwc-list/mwc-list-foundation.js';
 let Menu = class Menu extends MenuBase {
@@ -25,0 +25,0 @@ };

package.json

 {
   "name": "@material/mwc-menu",
-  "version": "0.13.0",
+  "version": "0.14.0-canary.024f371a.0",
   "description": "",
@@ -13,6 +13,6 @@ "main": "mwc-menu.js",
   "dependencies": {
-    "@material/menu": "=5.0.0-canary.a1a0deb3e.0",
-    "@material/menu-surface": "=5.0.0-canary.a1a0deb3e.0",
-    "@material/mwc-base": "^0.13.0",
-    "@material/mwc-list": "^0.13.0",
+    "@material/menu": "=6.0.0-canary.69edc6e28.0",
+    "@material/menu-surface": "=6.0.0-canary.69edc6e28.0",
+    "@material/mwc-base": "0.14.0-canary.024f371a.0",
+    "@material/mwc-list": "0.14.0-canary.024f371a.0",
     "lit-element": "^2.2.1",
@@ -25,3 +25,3 @@ "lit-html": "^1.1.2",
   },
-  "gitHead": "054d0d234704a274e8aaf7d8a8a0399f525914eb"
+  "gitHead": "efde2be2f22a9a7e20f2b0d57c4cddee405ada0b"
 }

README.md

@@ -8,3 +8,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/054d0d234704a274e8aaf7d8a8a0399f525914eb/packages/menu/images/header.png" width="240px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/efde2be2f22a9a7e20f2b0d57c4cddee405ada0b/packages/menu/images/header.png" width="240px">
 
@@ -23,3 +23,3 @@ [Material Design Guidelines: menus](https://material.io/design/components/menus.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)
@@ -36,3 +36,3 @@ > for detailed instructions.
 
-<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/054d0d234704a274e8aaf7d8a8a0399f525914eb/packages/menu/images/basic.png" width="160px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/efde2be2f22a9a7e20f2b0d57c4cddee405ada0b/packages/menu/images/basic.png" width="160px">
 
@@ -66,3 +66,3 @@ ```html
 
-<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/054d0d234704a274e8aaf7d8a8a0399f525914eb/packages/menu/images/activatable.png" width="152px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/efde2be2f22a9a7e20f2b0d57c4cddee405ada0b/packages/menu/images/activatable.png" width="152px">
 
@@ -83,3 +83,3 @@ ```html
 
-<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/054d0d234704a274e8aaf7d8a8a0399f525914eb/packages/menu/images/multi.png" width="152px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/efde2be2f22a9a7e20f2b0d57c4cddee405ada0b/packages/menu/images/multi.png" width="152px">
 
@@ -100,3 +100,3 @@ ```html
 
-<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/054d0d234704a274e8aaf7d8a8a0399f525914eb/packages/menu/images/absolute.png" width="155px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/efde2be2f22a9a7e20f2b0d57c4cddee405ada0b/packages/menu/images/absolute.png" width="155px">
 
@@ -122,3 +122,3 @@ ```html
 
-<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/054d0d234704a274e8aaf7d8a8a0399f525914eb/packages/menu/images/fixed.png" width="154px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/efde2be2f22a9a7e20f2b0d57c4cddee405ada0b/packages/menu/images/fixed.png" width="154px">
 
@@ -154,3 +154,3 @@ ```html
 
-<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/054d0d234704a274e8aaf7d8a8a0399f525914eb/packages/menu/images/selection_group.png" width="170px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/efde2be2f22a9a7e20f2b0d57c4cddee405ada0b/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/054d0d234704a274e8aaf7d8a8a0399f525914eb/packages/menu/images/styled.png" width="234px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/efde2be2f22a9a7e20f2b0d57c4cddee405ada0b/packages/menu/images/styled.png" width="234px">
 
@@ -240,6 +240,6 @@ ```html
 
-| Name                  | Type           | Default | Description
-| --------------------- | -------------- | ------- |------------
+| Name                  | Type               | Default  | Description
+| --------------------- | ------------------ | -------- |------------
 | `open`                | `boolean`          | `false`  | Whether the menu should open and display.
-| `anchor`              | `HTMLElement|null` | `null`   | Determines which element the floating menu should anchor to. In the default case, both `mwc-menu` and the anchor should share a parent with `position:relative`.
+| `anchor`              | `HTMLElement\|null` | `null`   | Determines from which element the floating menu should calculate sizing and position offsets. In the default case, both `mwc-menu` and the anchor should share a parent with `position:relative`. Changing anchor typically requires `absolute` or `fixed`.
 | `corner`              | `Corner`*          | `"TOP_START"` | Corner of the anchor from which the menu should position itself.
@@ -249,4 +249,4 @@ | `quick`               | `boolean`          | `false`  | Whether to skip the opening animation.
 | `fixed`               | `boolean`          | `false`  | Makes the menu's position `fixed` which will be relative to the window. Setting `x` and `y` will modify the menu's `left` and `top`. Setting `anchor` will attempt to position the menu to the `anchor`'s immediate position before opening.
-| `x`                   | `number|null`      | `null`   | Modifies `left` on the menu. Requires `y` not to be null.
-| `y`                   | `number|null`      | `null`   | Modifies `top` on the menu. Requires `x` not to be null.
+| `x`                   | `number\|null`      | `null`   | Modifies `left` on the menu. Requires `y` not to be null.
+| `y`                   | `number\|null`      | `null`   | Modifies `top` on the menu. Requires `x` not to be null.
 | `forceGroupSelection` | `boolean`          | `false`  | Forces a menu group to have a selected item by preventing deselection of menu items in menu groups via user interaction.
@@ -306,3 +306,3 @@ | `defaultFocus`        | `DefaultFocusState`**         | `"LIST_ROOT"` | Item to focus upon menu open.
 | `--mdc-menu-max-width`   | `auto`  | Menu max-width.
-| `--mdc-theme-surface`    | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/054d0d234704a274e8aaf7d8a8a0399f525914eb/packages/menu/images/color_fff.png) `#fff` | Color of the menu surface.
+| `--mdc-theme-surface`    | ![](https://raw.githubusercontent.com/material-components/material-components-web-components/efde2be2f22a9a7e20f2b0d57c4cddee405ada0b/packages/menu/images/color_fff.png) `#fff` | Color of the menu surface.
 
@@ -309,0 +309,0 @@ `mwc-menu` internally uses

src/mwc-menu-base.ts

@@ -20,9 +20,9 @@ /**
 
-import {MDCMenuAdapter} from '@material/menu/adapter';
-import {DefaultFocusState as DefaultFocusStateEnum} from '@material/menu/constants';
+import {MDCMenuAdapter} from '@material/menu/adapter.js';
+import {DefaultFocusState as DefaultFocusStateEnum} from '@material/menu/constants.js';
 import MDCMenuFoundation from '@material/menu/foundation.js';
 import {BaseElement, observer} from '@material/mwc-base/base-element.js';
 import {List, MWCListIndex} from '@material/mwc-list';
-import {ActionDetail} from '@material/mwc-list/mwc-list-foundation';
-import {ListItemBase} from '@material/mwc-list/mwc-list-item-base';
+import {ActionDetail} from '@material/mwc-list/mwc-list-foundation.js';
+import {ListItemBase} from '@material/mwc-list/mwc-list-item-base.js';
 import {html, property, query} from 'lit-element';
@@ -149,14 +149,14 @@
           @keydown=${this.onKeydown}>
-          <mwc-list
-            rootTabbable
-            .innerRole=${this.innerRole}
-            .multi=${this.multi}
-            class="mdc-list"
-            .itemRoles=${itemRoles}
-            .wrapFocus=${this.wrapFocus}
-            .activatable=${this.activatable}
-            @action=${this.onAction}>
-          <slot></slot>
-        </mwc-list>
-      </mwc-menu-surface>`;
+        <mwc-list
+          rootTabbable
+          .innerRole=${this.innerRole}
+          .multi=${this.multi}
+          class="mdc-list"
+          .itemRoles=${itemRoles}
+          .wrapFocus=${this.wrapFocus}
+          .activatable=${this.activatable}
+          @action=${this.onAction}>
+        <slot></slot>
+      </mwc-list>
+    </mwc-menu-surface>`;
   }
@@ -163,0 +163,0 @@

src/mwc-menu-surface-base.ts

@@ -24,3 +24,3 @@ /**
 import {html, property, query} from 'lit-element';
-import {classMap} from 'lit-html/directives/class-map';
+import {classMap} from 'lit-html/directives/class-map.js';
 
@@ -27,0 +27,0 @@ export type Corner = keyof typeof CornerEnum;

src/mwc-menu-surface.ts

@@ -22,4 +22,4 @@ /**
 
-export {MDCMenuDistance} from '@material/menu-surface/types';
-export {Corner} from './mwc-menu-surface-base';
+export {MDCMenuDistance} from '@material/menu-surface/types.js';
+export {Corner} from './mwc-menu-surface-base.js';
 
@@ -26,0 +26,0 @@ declare global {

src/mwc-menu.ts

@@ -23,5 +23,5 @@ /**
 
-export {DefaultFocusState} from '@material/menu/constants';
-export {createSetFromIndex, isEventMulti, isIndexSet, MWCListIndex} from '@material/mwc-list/mwc-list-foundation';
-export {Corner} from './mwc-menu-surface-base';
+export {DefaultFocusState} from '@material/menu/constants.js';
+export {createSetFromIndex, isEventMulti, isIndexSet, MWCListIndex} from '@material/mwc-list/mwc-list-foundation.js';
+export {Corner} from './mwc-menu-surface-base.js';
 
@@ -28,0 +28,0 @@ declare global {

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

590488

increased by0.03%

Dependency changes

• + Added@material/mwc-base@0.14.0-canary.024f371a.0(transitive)

• + Added@material/mwc-checkbox@0.14.0-canary.024f371a.0(transitive)

• + Added@material/mwc-list@0.14.0-canary.024f371a.0(transitive)

• + Added@material/mwc-radio@0.14.0-canary.024f371a.0(transitive)

• + Added@material/mwc-ripple@0.14.0-canary.024f371a.0(transitive)

• - Removed@material/mwc-base@0.13.0(transitive)

• - Removed@material/mwc-checkbox@0.13.0(transitive)

• - Removed@material/mwc-list@0.13.0(transitive)

• - Removed@material/mwc-radio@0.13.0(transitive)

• - Removed@material/mwc-ripple@0.13.0(transitive)

• Updated@material/menu@=6.0.0-canary.69edc6e28.0

• Updated@material/menu-surface@=6.0.0-canary.69edc6e28.0

• Updated@material/mwc-base@0.14.0-canary.024f371a.0

• Updated@material/mwc-list@0.14.0-canary.024f371a.0