@vaadin/vaadin-select - npm Package Compare versions

Comparing version 2.2.0 to 2.3.0-alpha1

package.json

@@ -13,3 +13,3 @@ {
   "name": "@vaadin/vaadin-select",
-  "version": "2.2.0",
+  "version": "2.3.0-alpha1",
   "main": "vaadin-select.js",
@@ -22,3 +22,5 @@ "author": "Vaadin Ltd",
   "files": [
+    "vaadin-*.d.ts",
     "vaadin-*.js",
+    "@types",
     "src",
@@ -37,17 +39,17 @@ "theme"
     "@polymer/iron-resizable-behavior": "^3.0.0",
-    "@vaadin/vaadin-control-state-mixin": "^2.1.1",
-    "@vaadin/vaadin-themable-mixin": "^1.5.2",
-    "@vaadin/vaadin-text-field": "^2.6.0",
-    "@vaadin/vaadin-list-box": "^1.3.0",
-    "@vaadin/vaadin-list-mixin": "^2.4.0",
-    "@vaadin/vaadin-item": "^2.2.0",
-    "@vaadin/vaadin-overlay": "^3.4.0",
-    "@vaadin/vaadin-lumo-styles": "^1.1.0",
-    "@vaadin/vaadin-material-styles": "^1.1.0",
-    "@vaadin/vaadin-element-mixin": "^2.3.0"
+    "@vaadin/vaadin-control-state-mixin": "^2.2.1",
+    "@vaadin/vaadin-themable-mixin": "^1.6.1",
+    "@vaadin/vaadin-text-field": "^2.7.0-alpha1",
+    "@vaadin/vaadin-list-box": "^1.4.0-alpha1",
+    "@vaadin/vaadin-list-mixin": "^2.5.0",
+    "@vaadin/vaadin-item": "^2.3.0-alpha1",
+    "@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.4.1"
   },
   "scripts": {
-  "generate-typings": "gen-typescript-declarations --outDir . --verify"
-},
-"devDependencies": {
+    "generate-typings": "gen-typescript-declarations --outDir . --verify"
+  },
+  "devDependencies": {
     "@polymer/iron-test-helpers": "^3.0.0",
@@ -60,5 +62,5 @@ "@polymer/iron-component-page": "^4.0.0",
     "@vaadin/vaadin-demo-helpers": "^3.1.0",
-    "@vaadin/vaadin-button": "^2.1.0",
+    "@vaadin/vaadin-button": "^2.4.0-alpha1",
     "@vaadin/vaadin-icons": "^4.3.1"
   }
 }

src/vaadin-select.js

@@ -10,3 +10,3 @@ /**
 import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
-import { ThemePropertyMixin } from '@vaadin/vaadin-themable-mixin/vaadin-theme-property-mixin.js';
+import '@vaadin/vaadin-themable-mixin/vaadin-theme-property-mixin.js';
 import { ControlStateMixin } from '@vaadin/vaadin-control-state-mixin/vaadin-control-state-mixin.js';
@@ -133,3 +133,2 @@ import { IronResizableBehavior } from '@polymer/iron-resizable-behavior/iron-resizable-behavior.js';
  * @mixes ThemableMixin
- * @mixes ThemePropertyMixin
  * @demo demo/index.html
@@ -141,4 +140,3 @@ */
       ThemableMixin(
-        ThemePropertyMixin(
-          mixinBehaviors(IronResizableBehavior, PolymerElement))))) {
+        mixinBehaviors(IronResizableBehavior, PolymerElement)))) {
   static get template() {
@@ -185,3 +183,3 @@ return html`
   static get version() {
-    return '2.2.0';
+    return '2.3.0-alpha1';
   }
@@ -193,2 +191,3 @@
        * Set when the select is open
+       * @type {boolean}
        */
@@ -210,2 +209,3 @@ opened: {
        * - `select` The reference to the `<vaadin-select>` element.
+       * @type {!SelectRenderer | undefined}
        */
@@ -216,2 +216,3 @@ renderer: Function,
        * The error message to display when the select value is invalid
+       * @type {string}
        */
@@ -242,2 +243,3 @@ errorMessage: {
        * an inexistent value in the items list.
+       * @type {string}
        */
@@ -262,2 +264,3 @@ value: {
        * Set to true if the value is invalid.
+       * @type {boolean}
        */
@@ -292,2 +295,3 @@ invalid: {
        * When present, it specifies that the element is read-only.
+       * @type {boolean}
        */
@@ -300,4 +304,6 @@ readonly: {
 
+      /** @private */
       _phone: Boolean,
 
+      /** @private */
       _phoneMediaQuery: {
@@ -307,14 +313,21 @@ value: '(max-width: 420px), (max-height: 420px)'
 
+      /** @private */
       _overlayElement: Object,
 
+      /** @private */
       _inputElement: Object,
 
+      /** @private */
       _toggleElement: Object,
 
+      /** @private */
       _items: Object,
 
+      /** @private */
       _contentTemplate: Object,
 
+      /** @private */
       _oldTemplate: Object,
 
+      /** @private */
       _oldRenderer: Object
@@ -332,3 +345,2 @@ };
 
-  /** @private */
   constructor() {
@@ -339,3 +351,3 @@ super();
 
-  /** @private */
+  /** @protected */
   connectedCallback() {
@@ -346,2 +358,3 @@ super.connectedCallback();
 
+  /** @protected */
   ready() {
@@ -365,2 +378,3 @@ super.ready();
 
+  /** @private */
   _setTemplateFromNodes(nodes) {
@@ -372,2 +386,3 @@ const template = Array.from(nodes).filter(node => node.localName && node.localName === 'template')[0] || this._contentTemplate;
 
+  /** @private */
   _setForwardHostProps() {
@@ -400,2 +415,3 @@ if (this._overlayElement.content) {
 
+  /** @private */
   _removeNewRendererOrTemplate(template, oldTemplate, renderer, oldRenderer) {
@@ -409,2 +425,3 @@ if (template !== oldTemplate) {
 
+  /** @private */
   _templateOrRendererChanged(template, renderer, overlay) {
@@ -433,2 +450,3 @@ if (!overlay) {
 
+  /** @private */
   _assignMenuElement() {
@@ -453,3 +471,6 @@ this._menuElement = Array.from(this._overlayElement.content.children).filter(element => element.localName !== 'style')[0];
 
-  /** @protected */
+  /**
+   * @return {!HTMLElement}
+   * @protected
+   */
   get focusElement() {
@@ -460,3 +481,3 @@ return this._inputElement ||
 
-  /** @private */
+  /** @protected */
   disconnectedCallback() {
@@ -469,3 +490,2 @@ super.disconnectedCallback();
 
-  /** @private */
   notifyResize() {
@@ -480,2 +500,3 @@ super.notifyResize();
 
+  /** @private */
   _requiredChanged(required) {
@@ -485,2 +506,3 @@ this.setAttribute('aria-required', required);
 
+  /** @private */
   _valueChanged(value, oldValue) {
@@ -500,2 +522,6 @@ if (value === '') {
 
+  /**
+   * @param {!KeyboardEvent} e
+   * @protected
+   */
   _onKeyDown(e) {
@@ -519,2 +545,6 @@ if (!this.readonly && !this.opened) {
 
+  /**
+   * @param {!KeyboardEvent} e
+   * @protected
+   */
   _onKeyDownInside(e) {
@@ -526,2 +556,3 @@ if (/^(Tab)$/.test(e.key)) {
 
+  /** @private */
   _openedChanged(opened, wasOpened) {
@@ -559,2 +590,3 @@ if (opened) {
 
+  /** @private */
   _hasContent(selected) {
@@ -571,2 +603,3 @@ if (!selected) {
 
+  /** @private */
   _attachSelectedItem(selected) {
@@ -595,2 +628,3 @@ if (!selected) {
 
+  /** @private */
   _updateAriaExpanded(opened, toggleElement, inputElement) {
@@ -603,2 +637,3 @@ toggleElement && toggleElement.setAttribute('aria-expanded', opened);
 
+  /** @private */
   _updateValueSlot() {
@@ -636,2 +671,3 @@ this.opened = false;
 
+  /** @private */
   _updateSelectedItem(value, items) {
@@ -650,3 +686,6 @@ if (items) {
 
-  /** @override */
+  /**
+   * @param {boolean} focused
+   * @protected
+   */
   _setFocused(focused) {
@@ -659,2 +698,3 @@ // Keep `focused` state when opening the overlay for styling purpose.
 
+  /** @private */
   _setPosition() {
@@ -661,0 +701,0 @@ const inputRect = this._inputElement.shadowRoot.querySelector('[part~="input-field"]').getBoundingClientRect();

vaadin-select.js

 import './theme/lumo/vaadin-select.js';
+export * from './src/vaadin-select.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

57705

increased by17.07%

Number of package files

14

increased by27.27%

Lines of code

1108

increased by29.89%

Worsened metrics

Number of low quality alerts

1

increased byInfinity%

Dependency changes

• Updated@vaadin/vaadin-control-state-mixin@^2.2.1

• 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-list-mixin@^2.5.0

• Updated@vaadin/vaadin-lumo-styles@^1.6.0

• Updated@vaadin/vaadin-material-styles@^1.3.2

• Updated@vaadin/vaadin-overlay@^3.5.0

• Updated@vaadin/vaadin-text-field@^2.7.0-alpha1

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