Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@vaadin/vaadin-app-layout

Package Overview
Dependencies
Maintainers
16
Versions
255
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

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

Comparing version 2.1.0 to 2.2.0-alpha1

./@types/interfaces.d.ts

16

package.json

@@ -13,3 +13,3 @@ {

"name": "@vaadin/vaadin-app-layout",
"version": "2.1.0",
"version": "2.2.0-alpha1",
"main": "vaadin-app-layout.js",

@@ -22,3 +22,5 @@ "author": "Vaadin Ltd",

"files": [
"vaadin-*.d.ts",
"vaadin-*.js",
"@types",
"src",

@@ -35,12 +37,12 @@ "theme"

"@polymer/polymer": "^3.0.0",
"@vaadin/vaadin-themable-mixin": "^1.2.0",
"@vaadin/vaadin-element-mixin": "^2.3.0",
"@vaadin/vaadin-themable-mixin": "^1.6.1",
"@vaadin/vaadin-element-mixin": "^2.4.1",
"@vaadin/vaadin-lumo-styles": "^1.6.0",
"@vaadin/vaadin-material-styles": "^1.3.2",
"@vaadin/vaadin-button": "^2.3.0"
"@vaadin/vaadin-button": "^2.4.0-alpha1"
},
"scripts": {
"generate-typings": "gen-typescript-declarations --outDir . --verify"
},
"devDependencies": {
"generate-typings": "gen-typescript-declarations --outDir . --verify"
},
"devDependencies": {
"@polymer/iron-component-page": "^4.0.0",

@@ -47,0 +49,0 @@ "@webcomponents/webcomponentsjs": "^2.0.0",

@@ -309,3 +309,3 @@ /**

static get version() {
return '2.1.0';
return '2.2.0-alpha1';
}

@@ -319,2 +319,3 @@

* - If `primary-section="drawer"` is set, then the drawer will move the navbar, taking the full available height.
* @type {!PrimarySection}
*/

@@ -334,2 +335,3 @@ primarySection: {

* - `false`, for mobile size views
* @type {boolean}
*/

@@ -347,2 +349,3 @@ drawerOpened: {

* Controlled via CSS using `--vaadin-app-layout-drawer-overlay: true|false`;
* @type {boolean}
*/

@@ -367,5 +370,3 @@ overlay: {

/**
* @private
*/
/** @protected */
connectedCallback() {

@@ -413,5 +414,3 @@ super.connectedCallback();

/**
* @private
*/
/** @protected */
disconnectedCallback() {

@@ -435,2 +434,3 @@ super.disconnectedCallback();

/** @private */
_primarySectionObserver(value) {

@@ -443,2 +443,3 @@ const isValid = ['navbar', 'drawer'].indexOf(value) !== -1;

/** @private */
_drawerOpenedObserver() {

@@ -458,3 +459,3 @@ const drawer = this.$.drawer;

/** @private */
_isShadyCSS() {

@@ -464,2 +465,3 @@ return window.ShadyCSS && !window.ShadyCSS.nativeCss;

/** @protected */
_afterFirstRender() {

@@ -470,2 +472,3 @@ this._blockAnimationUntilAfterNextRender();

/** @private */
_drawerToggleClick(e) {

@@ -476,12 +479,3 @@ e.stopPropagation();

/**
* App Layout listens to `close-overlay-drawer` on the window level.
* A custom event can be dispatched and the App Layout will close the drawer in overlay.
*
* That can be used, for instance, when a navigation occurs when user clicks in a menu item inside the drawer.
*
* See `dispatchCloseOverlayDrawerEvent()` helper method.
*
* @event close-overlay-drawer
*/
/** @private */
__closeOverlayDrawer() {

@@ -493,2 +487,3 @@ if (this.overlay) {

/** @protected */
_updateDrawerSize() {

@@ -506,2 +501,3 @@ const childCount = this.querySelectorAll('[slot=drawer]').length;

/** @private */
_resize() {

@@ -513,2 +509,3 @@ this._blockAnimationUntilAfterNextRender();

/** @protected */
_updateOffsetSize() {

@@ -545,2 +542,3 @@ const navbar = this.shadowRoot.querySelector('[part="navbar"]');

/** @protected */
_updateDrawerHeight() {

@@ -559,2 +557,3 @@ const {scrollHeight, offsetHeight} = this.$.drawer;

/** @protected */
_updateOverlayMode() {

@@ -591,2 +590,3 @@ const overlay = this._getCustomPropertyValue('--vaadin-app-layout-drawer-overlay') == 'true';

/** @protected */
_close() {

@@ -596,2 +596,3 @@ this.drawerOpened = false;

/** @private */
_getCustomPropertyValue(customProperty) {

@@ -610,2 +611,3 @@ let customPropertyValue;

/** @protected */
_updateTouchOptimizedMode() {

@@ -645,2 +647,3 @@ const touchOptimized = this._getCustomPropertyValue('--vaadin-app-layout-touch-optimized') == 'true';

/** @protected */
_blockAnimationUntilAfterNextRender() {

@@ -655,2 +658,13 @@ this.setAttribute('no-anim', '');

}
/**
* App Layout listens to `close-overlay-drawer` on the window level.
* A custom event can be dispatched and the App Layout will close the drawer in overlay.
*
* That can be used, for instance, when a navigation occurs when user clicks in a menu item inside the drawer.
*
* See `dispatchCloseOverlayDrawerEvent()` helper method.
*
* @event close-overlay-drawer
*/
}

@@ -657,0 +671,0 @@

@@ -20,3 +20,2 @@ /**

*
* @extends PolymerElement
* @demo demo/index.html

@@ -97,6 +96,2 @@ */

}
connectedCallback() {
super.connectedCallback();
}
}

@@ -103,0 +98,0 @@

import './theme/lumo/vaadin-app-layout.js';
export * from './src/vaadin-app-layout.js';
import './theme/lumo/vaadin-drawer-toggle.js';
export * from './src/vaadin-drawer-toggle.js';
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc