@vaadin/vaadin-app-layout
Advanced tools
Comparing version 20.0.0-alpha5 to 20.0.0-alpha6
{ | ||
"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" | ||
} |
@@ -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 @@ } |
55017
5
1073