@vaadin/vaadin-notification - npm Package Compare versions

Comparing version 21.0.0-alpha1 to 21.0.0-alpha2

package.json

 {
   "name": "@vaadin/vaadin-notification",
-  "version": "21.0.0-alpha1",
+  "version": "21.0.0-alpha2",
   "description": "vaadin-notification",
@@ -29,6 +29,6 @@ "main": "vaadin-notification.js",
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/vaadin-element-mixin": "^21.0.0-alpha1",
-    "@vaadin/vaadin-lumo-styles": "^21.0.0-alpha1",
-    "@vaadin/vaadin-material-styles": "^21.0.0-alpha1",
-    "@vaadin/vaadin-themable-mixin": "^21.0.0-alpha1"
+    "@vaadin/vaadin-element-mixin": "^21.0.0-alpha2",
+    "@vaadin/vaadin-lumo-styles": "^21.0.0-alpha2",
+    "@vaadin/vaadin-material-styles": "^21.0.0-alpha2",
+    "@vaadin/vaadin-themable-mixin": "^21.0.0-alpha2"
   },
@@ -38,4 +38,4 @@ "devDependencies": {
     "@vaadin/testing-helpers": "^0.2.1",
-    "@vaadin/vaadin-button": "^21.0.0-alpha1",
-    "@vaadin/vaadin-template-renderer": "^21.0.0-alpha1",
+    "@vaadin/vaadin-button": "^21.0.0-alpha2",
+    "@vaadin/vaadin-template-renderer": "^21.0.0-alpha2",
     "sinon": "^9.2.1"
@@ -46,3 +46,3 @@ },
   },
-  "gitHead": "8542c7dadc4c86e454a48613f0f2d027dcb5aa86"
+  "gitHead": "d2ac6991581b0fa243f3dd61c31c70810fc403ef"
 }

src/vaadin-notification.js

@@ -245,3 +245,3 @@ /**
       </style>
-      <vaadin-notification-card id="vaadin-notification-card" theme$="[[theme]]"> </vaadin-notification-card>
+      <vaadin-notification-card theme$="[[theme]]"> </vaadin-notification-card>
     `;
@@ -255,3 +255,3 @@ }
   static get version() {
-    return '21.0.0-alpha1';
+    return '21.0.0-alpha2';
   }
@@ -307,3 +307,3 @@
   static get observers() {
-    return ['_durationChanged(duration, opened)', '_rendererChanged(renderer, opened)'];
+    return ['_durationChanged(duration, opened)', '_rendererChanged(renderer, opened, _card)'];
   }
@@ -315,3 +315,3 @@
 
-    this._card = this.$['vaadin-notification-card'];
+    this._card = this.shadowRoot.querySelector('vaadin-notification-card');
 
@@ -333,3 +333,7 @@ if (window.Vaadin && window.Vaadin.templateRendererCallback) {
   /** @private */
-  _rendererChanged(renderer, opened) {
+  _rendererChanged(renderer, opened, card) {
+    if (!card) {
+      return;
+    }
+
     const rendererChanged = this._oldRenderer !== renderer;
@@ -339,3 +343,3 @@ this._oldRenderer = renderer;
     if (rendererChanged) {
-      this._card.innerHTML = '';
+      card.innerHTML = '';
     }
@@ -342,0 +346,0 @@

No alert changes

Improved metrics

Total package byte prevSize

42364

0.09%

Lines of code

848

0.36%

Dependency changes

• Updated

  @vaadin/vaadin-element-mixin@^21.0.0-alpha2

• Updated

  @vaadin/vaadin-lumo-styles@^21.0.0-alpha2

• Updated

  @vaadin/vaadin-material-styles@^21.0.0-alpha2

• Updated

  @vaadin/vaadin-themable-mixin@^21.0.0-alpha2