@vaadin/vaadin-context-menu - npm Package Compare versions

Comparing version 4.4.0 to 4.5.0-alpha1

package.json

@@ -13,3 +13,3 @@ {
   "name": "@vaadin/vaadin-context-menu",
-  "version": "4.4.0",
+  "version": "4.5.0-alpha1",
   "main": "vaadin-context-menu.js",
@@ -22,3 +22,5 @@ "author": "Vaadin Ltd",
   "files": [
+    "vaadin-*.d.ts",
     "vaadin-*.js",
+    "@types",
     "src",
@@ -28,4 +30,2 @@ "theme"
   "resolutions": {
-"@webcomponents/webcomponentsjs": "2.2.0",
-"@webcomponents/webcomponentsjs": "2.2.0",
     "inherits": "2.0.3",
@@ -39,21 +39,18 @@ "samsam": "1.1.3",
     "@polymer/iron-media-query": "^3.0.0",
-    "@vaadin/vaadin-themable-mixin": "^1.5.2",
-    "@vaadin/vaadin-overlay": "^3.4.0",
+    "@vaadin/vaadin-themable-mixin": "^1.6.1",
+    "@vaadin/vaadin-overlay": "^3.5.0",
     "@vaadin/vaadin-lumo-styles": "^1.6.0",
     "@vaadin/vaadin-material-styles": "^1.3.2",
-    "@vaadin/vaadin-element-mixin": "^2.3.1",
-    "@vaadin/vaadin-item": "^2.2.0",
-    "@vaadin/vaadin-list-box": "^1.3.0"
+    "@vaadin/vaadin-element-mixin": "^2.4.1",
+    "@vaadin/vaadin-item": "^2.3.0-alpha1",
+    "@vaadin/vaadin-list-box": "^1.4.0-alpha1"
   },
   "scripts": {
-  "generate-typings": "gen-typescript-declarations --outDir . --verify"
-},
-"scripts": {
-  "generate-typings": "gen-typescript-declarations --outDir . --verify"
-},
-"devDependencies": {
+    "generate-typings": "gen-typescript-declarations --outDir . --verify"
+  },
+  "devDependencies": {
     "@polymer/iron-component-page": "^4.0.0",
     "@polymer/iron-test-helpers": "^3.0.0",
-    "@vaadin/vaadin-button": "^2.3.0",
-    "@vaadin/vaadin-grid": "^5.3.0",
+    "@vaadin/vaadin-button": "^2.4.0-alpha1",
+    "@vaadin/vaadin-grid": "^5.7.0-alpha1",
     "@webcomponents/webcomponentsjs": "^2.0.0",
@@ -60,0 +57,0 @@ "wct-browser-legacy": "^1.0.1",

src/vaadin-context-menu.js

@@ -231,3 +231,3 @@ /**
  * @mixes ThemePropertyMixin
- * @mixes ContextMenu.ItemsMixin
+ * @mixes ItemsMixin
  * @mixes GestureEventListeners
@@ -267,3 +267,3 @@ * @demo demo/index.html
   static get version() {
-    return '4.4.0';
+    return '4.5.0-alpha1';
   }
@@ -284,2 +284,3 @@
        * True if the overlay is currently displayed.
+       * @type {boolean}
        */
@@ -295,2 +296,3 @@ opened: {
        * Event name to listen for opening the context menu.
+       * @type {string}
        */
@@ -306,3 +308,3 @@ openOn: {
        * events.
-       * @type {HTMLElement}
+       * @type {!HTMLElement}
        * @default self
@@ -319,2 +321,3 @@ */
        * Event name to listen for closing the context menu.
+       * @type {string}
        */
@@ -336,2 +339,3 @@ closeOn: {
        *   - `context.detail` the menu opening event detail.
+       * @type {ContextMenuRenderer | undefined}
        */
@@ -342,14 +346,24 @@ renderer: {
 
+      /** @private */
       _context: Object,
 
+      /** @private */
       _boundClose: Object,
 
+      /** @private */
       _boundOpen: Object,
 
+      /**
+       * @type {HTMLTemplateElement}
+       * @private
+       */
       _contentTemplate: Object,
 
+      /** @private */
       _oldTemplate: Object,
 
+      /** @private */
       _oldRenderer: Object,
 
+      /** @private */
       _touch: Boolean
@@ -375,2 +389,3 @@ };
 
+  /** @protected */
   connectedCallback() {
@@ -383,2 +398,3 @@ super.connectedCallback();
 
+  /** @protected */
   disconnectedCallback() {
@@ -391,2 +407,3 @@ super.disconnectedCallback();
 
+  /** @protected */
   ready() {
@@ -399,2 +416,6 @@ super.ready();
 
+  /**
+   * @param {!Array<!Node>} nodes
+   * @private
+   */
   _setTemplateFromNodes(nodes) {
@@ -404,3 +425,6 @@ this._contentTemplate = nodes.filter(node => node.localName && node.localName === 'template')[0] || this._contentTemplate;
 
-  // Runs before overlay is fully rendered
+  /**
+   * Runs before overlay is fully rendered
+   * @private
+   */
   _onOverlayOpened(e) {
@@ -411,3 +435,6 @@ this._setOpened(e.detail.value);
 
-  // Runs after overlay is fully rendered
+  /**
+   * Runs after overlay is fully rendered
+   * @private
+   */
   _onVaadinOverlayOpen(e) {
@@ -419,2 +446,3 @@ this.__alignOverlayPosition();
 
+  /** @private */
   _targetOrOpenOnChanged(listenOn, openOn) {
@@ -441,2 +469,3 @@ if (this._oldListenOn && this._oldOpenOn) {
 
+  /** @private */
   _setListenOnUserSelect(value) {
@@ -455,2 +484,3 @@ // note: these styles don't seem to work in Firefox on iOS.
 
+  /** @private */
   _closeOnChanged(closeOn, oldCloseOn) {
@@ -476,2 +506,3 @@ // Listen on this.$.overlay.root to workaround issue on
 
+  /** @private */
   _preventDefault(e) {
@@ -481,2 +512,3 @@ e.preventDefault();
 
+  /** @private */
   _openedChanged(opened) {
@@ -506,2 +538,3 @@ if (opened) {
 
+  /** @private */
   _removeNewRendererOrTemplate(template, oldTemplate, renderer, oldRenderer) {
@@ -515,2 +548,3 @@ if (template !== oldTemplate) {
 
+  /** @private */
   _templateOrRendererChanged(template, renderer, context, items) {
@@ -540,2 +574,3 @@ if (template && renderer) {
 
+  /** @private */
   _contextChanged(context, instance) {
@@ -556,2 +591,3 @@ if (context === undefined || instance === undefined) {
 
+  /** @private */
   _contextTarget(e) {
@@ -571,3 +607,3 @@ if (this.selector) {
    * Opens the overlay.
-   * @param {Event} e used as the context for the menu. Overlay coordinates are taken from this event.
+   * @param {!Event | undefined} e used as the context for the menu. Overlay coordinates are taken from this event.
    */
@@ -598,2 +634,3 @@ open(e) {
 
+  /** @private */
   __onScroll() {
@@ -617,2 +654,3 @@ if (!this.opened) {
 
+  /** @private */
   __adjustPosition(coord, diff) {
@@ -625,2 +663,3 @@ const overlay = this.$.overlay;
 
+  /** @private */
   __alignOverlayPosition() {
@@ -716,2 +755,3 @@ const overlay = this.$.overlay;
 
+  /** @private */
   _setEndAligned(element) {
@@ -724,2 +764,3 @@ element.setAttribute('end-aligned', '');
 
+  /** @private */
   _getEventCoordinate(event, coord) {
@@ -749,2 +790,3 @@ if (event.detail instanceof Object) {
 
+  /** @private */
   _listen(node, evType, handler) {
@@ -758,2 +800,3 @@ if (gestures[evType]) {
 
+  /** @private */
   _unlisten(node, evType, handler) {
@@ -767,2 +810,3 @@ if (gestures[evType]) {
 
+  /** @private */
   _onGlobalContextMenu(e) {
@@ -769,0 +813,0 @@ if (!e.shiftKey) {

src/vaadin-contextmenu-items-mixin.js

@@ -8,3 +8,3 @@ import { ItemElement } from '@vaadin/vaadin-item/src/vaadin-item.js';
  *
- * @extends PolymerElement
+ * @extends ItemElement
  */
@@ -20,3 +20,3 @@ class ContextMenuItemElement extends ItemElement {
  *
- * @extends PolymerElement
+ * @extends ListBoxElement
  */
@@ -40,3 +40,3 @@ class ContextMenuListBoxElement extends ListBoxElement {
       /**
-       * @typedef MenuItem
+       * @typedef ContextMenuItem
        * @type {object}
@@ -79,3 +79,3 @@ * @property {string} text - Text to be set as the menu item component's textContent
        *
-       * @type {MenuItem[]}
+       * @type {!Array<!ContextMenuItem> | undefined}
        *
@@ -96,2 +96,3 @@ *
 
+  /** @protected */
   ready() {
@@ -110,2 +111,3 @@ super.ready();
 
+  /** @protected */
   connectedCallback() {
@@ -118,2 +120,3 @@ super.connectedCallback();
 
+  /** @protected */
   disconnectedCallback() {
@@ -124,2 +127,6 @@ super.disconnectedCallback();
 
+  /**
+   * @return {boolean}
+   * @protected
+   */
   get __isRTL() {
@@ -129,2 +136,3 @@ return this.getAttribute('dir') === 'rtl';
 
+  /** @protected */
   __forwardFocus() {
@@ -146,2 +154,3 @@ const overlay = this.$.overlay;
 
+  /** @private */
   __openSubMenu(subMenu, itemElement) {
@@ -188,2 +197,8 @@ subMenu.items = itemElement._item.children;
 
+  /**
+   * @param {!HTMLElement} root
+   * @param {!ContextMenuElement} menu
+   * @param {!ContextMenuRendererContext} context
+   * @protected
+   */
   __itemsRenderer(root, menu, context) {
@@ -239,2 +254,3 @@ this.__initMenu(root, menu);
 
+  /** @private */
   __toggleMenuComponentAttribute(component, attribute, on) {
@@ -250,2 +266,3 @@ if (on) {
 
+  /** @private */
   __initMenu(root, menu) {
@@ -252,0 +269,0 @@ if (!root.firstElementChild) {

vaadin-context-menu.js

 import './theme/lumo/vaadin-context-menu.js';
+export * from './src/vaadin-context-menu.js';

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

85219

increased by20.49%

Number of package files

17

increased by30.77%

Lines of code

1897

increased by31.83%

Worsened metrics

Number of low quality alerts

1

increased byInfinity%

Dependency changes

• Updated@vaadin/vaadin-element-mixin@^2.4.1

• Updated@vaadin/vaadin-item@^2.3.0-alpha1

• Updated@vaadin/vaadin-list-box@^1.4.0-alpha1

• Updated@vaadin/vaadin-overlay@^3.5.0

• Updated@vaadin/vaadin-themable-mixin@^1.6.1