@material/mwc-menu - npm Package Compare versions

Comparing version 0.13.0 to 0.14.0-canary.f790f713.0

mwc-menu-base.js

@@ -98,14 +98,14 @@ import { __decorate } from "tslib";
           @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>`;
     }
@@ -112,0 +112,0 @@ createAdapter() {

package.json

 {
   "name": "@material/mwc-menu",
-  "version": "0.13.0",
+  "version": "0.14.0-canary.f790f713.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.781434a92.0",
+    "@material/menu-surface": "=6.0.0-canary.781434a92.0",
+    "@material/mwc-base": "0.14.0-canary.f790f713.0",
+    "@material/mwc-list": "0.14.0-canary.f790f713.0",
     "lit-element": "^2.2.1",
@@ -25,3 +25,3 @@ "lit-html": "^1.1.2",
   },
-  "gitHead": "054d0d234704a274e8aaf7d8a8a0399f525914eb"
+  "gitHead": "4ccf0f734c9b727a925e62b9999d4380351c7936"
 }

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/4ccf0f734c9b727a925e62b9999d4380351c7936/packages/menu/images/header.png" width="240px">
 
@@ -35,3 +35,3 @@ [Material Design Guidelines: menus](https://material.io/design/components/menus.html)
 
-<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/4ccf0f734c9b727a925e62b9999d4380351c7936/packages/menu/images/basic.png" width="160px">
 
@@ -65,3 +65,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/4ccf0f734c9b727a925e62b9999d4380351c7936/packages/menu/images/activatable.png" width="152px">
 
@@ -82,3 +82,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/4ccf0f734c9b727a925e62b9999d4380351c7936/packages/menu/images/multi.png" width="152px">
 
@@ -99,3 +99,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/4ccf0f734c9b727a925e62b9999d4380351c7936/packages/menu/images/absolute.png" width="155px">
 
@@ -121,3 +121,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/4ccf0f734c9b727a925e62b9999d4380351c7936/packages/menu/images/fixed.png" width="154px">
 
@@ -153,3 +153,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/4ccf0f734c9b727a925e62b9999d4380351c7936/packages/menu/images/selection_group.png" width="170px">
 
@@ -198,3 +198,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/4ccf0f734c9b727a925e62b9999d4380351c7936/packages/menu/images/styled.png" width="234px">
 
@@ -239,6 +239,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.
@@ -248,4 +248,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.
@@ -305,3 +305,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/4ccf0f734c9b727a925e62b9999d4380351c7936/packages/menu/images/color_fff.png) `#fff` | Color of the menu surface.
 
@@ -308,0 +308,0 @@ `mwc-menu` internally uses

src/mwc-menu-base.ts

@@ -148,14 +148,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>`;
   }
@@ -162,0 +162,0 @@

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

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

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

590398

increased by0.01%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

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

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

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

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

• + Added@material/mwc-ripple@0.14.0-canary.f790f713.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.781434a92.0

• Updated@material/menu-surface@=6.0.0-canary.781434a92.0

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

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