@vaadin/vaadin-app-layout - npm Package Compare versions

Comparing version 20.0.0-alpha5 to 20.0.0-alpha6

package.json

 {
   "name": "@vaadin/vaadin-app-layout",
-  "version": "20.0.0-alpha5",
+  "version": "20.0.0-alpha6",
   "description": "vaadin-app-layout",
@@ -29,14 +29,13 @@ "main": "vaadin-app-layout.js",
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/vaadin-button": "^20.0.0-alpha5",
-    "@vaadin/vaadin-element-mixin": "^20.0.0-alpha5",
-    "@vaadin/vaadin-lumo-styles": "^20.0.0-alpha5",
-    "@vaadin/vaadin-material-styles": "^20.0.0-alpha5",
-    "@vaadin/vaadin-themable-mixin": "^20.0.0-alpha5"
+    "@vaadin/vaadin-button": "^20.0.0-alpha6",
+    "@vaadin/vaadin-element-mixin": "^20.0.0-alpha6",
+    "@vaadin/vaadin-lumo-styles": "^20.0.0-alpha6",
+    "@vaadin/vaadin-material-styles": "^20.0.0-alpha6",
+    "@vaadin/vaadin-themable-mixin": "^20.0.0-alpha6"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.1.5",
-    "@open-wc/testing-helpers": "^1.8.12",
-    "@polymer/iron-test-helpers": "^3.0.1",
-    "@vaadin/vaadin-icons": "^20.0.0-alpha5",
-    "@vaadin/vaadin-tabs": "^20.0.0-alpha5",
+    "@vaadin/testing-helpers": "^0.1.5",
+    "@vaadin/vaadin-icons": "^20.0.0-alpha6",
+    "@vaadin/vaadin-tabs": "^20.0.0-alpha6",
     "sinon": "^9.2.1"
@@ -47,3 +46,3 @@ },
   },
-  "gitHead": "78d1ead024055d57ef2badf52cfdb403290416b9"
+  "gitHead": "7bd9ec2a6a43824e1939652c7f190d47d342466f"
 }

src/vaadin-app-layout.js

@@ -11,2 +11,4 @@ /**
 import { ElementMixin } from '@vaadin/vaadin-element-mixin/vaadin-element-mixin.js';
+import { mixinBehaviors } from '@polymer/polymer/lib/legacy/class';
+import { IronResizableBehavior } from '@polymer/iron-resizable-behavior';
 import './safe-area-inset.js';
@@ -107,3 +109,3 @@ import './detect-ios-navbar.js';
  */
-class AppLayoutElement extends ElementMixin(ThemableMixin(PolymerElement)) {
+class AppLayoutElement extends ElementMixin(ThemableMixin(mixinBehaviors([IronResizableBehavior], PolymerElement))) {
   static get template() {
@@ -308,3 +310,3 @@ return html`
   static get version() {
-    return '20.0.0-alpha5';
+    return '20.0.0-alpha6';
   }
@@ -452,2 +454,4 @@
     }
+
+    this.notifyResize();
   }
@@ -509,2 +513,4 @@
     this.style.setProperty('--_vaadin-app-layout-drawer-offset-size', drawerRect.width + 'px');
+
+    this.notifyResize();
   }
@@ -549,2 +555,6 @@
 
+    if (this.overlay !== overlay) {
+      this.notifyResize();
+    }
+
     // TODO(jouni): ARIA attributes. The drawer should act similar to a modal dialog when in ”overlay” mode
@@ -551,0 +561,0 @@ }

No alert changes

Improved metrics

Total package byte prevSize

55017

increased by0.47%

Dev dependency count

5

decreased by-16.67%

Lines of code

1073

increased by0.66%

Dependency changes

• Updated@vaadin/vaadin-button@^20.0.0-alpha6

• Updated@vaadin/vaadin-element-mixin@^20.0.0-alpha6

• Updated@vaadin/vaadin-lumo-styles@^20.0.0-alpha6

• Updated@vaadin/vaadin-material-styles@^20.0.0-alpha6

• Updated@vaadin/vaadin-themable-mixin@^20.0.0-alpha6