ng2-material-dropdown - npm Package Compare versions

Comparing version 0.7.10 to 0.8.0

dist/ng2-dropdown.bundle.js

@@ -314,5 +314,7 @@ (function webpackUniversalModuleDefinition(root, factory) {
 	    Ng2DropdownMenu.prototype.show = function () {
+	        var dc = typeof document !== 'undefined' ? document : undefined;
+	        var wd = typeof window !== 'undefined' ? window : undefined;
 	        this.state.menuState.isVisible = true;
-	        this.listeners.handleKeypress = this.renderer.listen(document.body, 'keydown', this.handleKeypress.bind(this));
-	        this.listeners.arrowHandler = this.renderer.listen(window, 'keydown', actions_1.arrowKeysHandler);
+	        this.listeners.handleKeypress = this.renderer.listen(dc.body, 'keydown', this.handleKeypress.bind(this));
+	        this.listeners.arrowHandler = this.renderer.listen(wd, 'keydown', actions_1.arrowKeysHandler);
 	    };
@@ -342,12 +344,14 @@ Ng2DropdownMenu.prototype.hide = function () {
 	    Ng2DropdownMenu.prototype.calcPositionOffset = function (position) {
-	        if (!position) {
+	        var wd = typeof window !== 'undefined' ? window : undefined;
+	        var dc = typeof document !== 'undefined' ? document : undefined;
+	        if (!wd || !dc || !position) {
 	            return;
 	        }
 	        var element = this.getMenuElement();
-	        var supportPageOffset = window.pageXOffset !== undefined;
-	        var isCSS1Compat = ((document.compatMode || '') === 'CSS1Compat');
-	        var x = supportPageOffset ? window.pageXOffset : isCSS1Compat ?
-	            document.documentElement.scrollLeft : document.body.scrollLeft;
-	        var y = supportPageOffset ? window.pageYOffset : isCSS1Compat ?
-	            document.documentElement.scrollTop : document.body.scrollTop;
+	        var supportPageOffset = wd.pageXOffset !== undefined;
+	        var isCSS1Compat = ((dc.compatMode || '') === 'CSS1Compat');
+	        var x = supportPageOffset ? wd.pageXOffset : isCSS1Compat ?
+	            dc.documentElement.scrollLeft : dc.body.scrollLeft;
+	        var y = supportPageOffset ? wd.pageYOffset : isCSS1Compat ?
+	            dc.documentElement.scrollTop : dc.body.scrollTop;
 	        var _a = this.applyOffset(position.top + (this.appendToBody ? y - 15 : 0) + "px", position.left + x - 5 + "px"), top = _a.top, left = _a.left;
@@ -358,4 +362,4 @@ var clientWidth = element.clientWidth;
 	        var marginFromRight = parseInt(left) + clientWidth;
-	        var windowScrollHeight = window.innerHeight + window.scrollY;
-	        var windowScrollWidth = window.innerWidth + window.scrollX;
+	        var windowScrollHeight = wd.innerHeight + wd.scrollY;
+	        var windowScrollWidth = wd.innerWidth + wd.scrollX;
 	        if (marginFromBottom >= windowScrollHeight) {
@@ -383,4 +387,5 @@ top = parseInt(top.replace('px', '')) - clientHeight + "px";
 	    Ng2DropdownMenu.prototype.ngOnInit = function () {
+	        var dc = typeof document !== 'undefined' ? document : undefined;
 	        if (this.appendToBody) {
-	            document.body.appendChild(this.element.nativeElement);
+	            dc.body.appendChild(this.element.nativeElement);
 	        }
@@ -488,3 +493,4 @@ };
 	    NEXT: 40,
-	    ENTER: 13
+	    ENTER: 13,
+	    ESCAPE: 27
 	};
@@ -509,2 +515,6 @@ var onSwitchNext = function (index, items, state) {
 	};
+	function onEscape() {
+	    this.hide();
+	}
+	;
 	var onItemClicked = function (index, items, state) {
@@ -518,2 +528,3 @@ return state.selectedItem ? state.selectedItem.click() : undefined;
 	    _a[KEYS.ENTER] = onItemClicked,
+	    _a[KEYS.ESCAPE] = onEscape,
 	    _a);
@@ -520,0 +531,0 @@ function arrowKeysHandler(event) {

dist/src/modules/components/menu/actions.js

@@ -5,3 +5,4 @@ var KEYS = {
     NEXT: 40,
-    ENTER: 13
+    ENTER: 13,
+    ESCAPE: 27
 };
@@ -26,2 +27,6 @@ var onSwitchNext = function (index, items, state) {
 };
+function onEscape() {
+    this.hide();
+}
+;
 var onItemClicked = function (index, items, state) {
@@ -35,2 +40,3 @@ return state.selectedItem ? state.selectedItem.click() : undefined;
     _a[KEYS.ENTER] = onItemClicked,
+    _a[KEYS.ESCAPE] = onEscape,
     _a);
@@ -37,0 +43,0 @@ export function arrowKeysHandler(event) {

dist/src/modules/components/menu/actions.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"ACTIONS":{"__symbolic":"error","message":"Expression form not supported","line":59,"character":4},"arrowKeysHandler":{"__symbolic":"function"}}},{"__symbolic":"module","version":1,"metadata":{"ACTIONS":{"__symbolic":"error","message":"Expression form not supported","line":59,"character":4},"arrowKeysHandler":{"__symbolic":"function"}}}]
+[{"__symbolic":"module","version":3,"metadata":{"ACTIONS":{"__symbolic":"error","message":"Expression form not supported","line":65,"character":4},"arrowKeysHandler":{"__symbolic":"function"}}},{"__symbolic":"module","version":1,"metadata":{"ACTIONS":{"__symbolic":"error","message":"Expression form not supported","line":65,"character":4},"arrowKeysHandler":{"__symbolic":"function"}}}]

dist/src/modules/components/menu/ng2-dropdown-menu.js

@@ -19,5 +19,7 @@ import { Component, ElementRef, Renderer, ContentChildren, Input, trigger, style, transition, animate, keyframes, state } from '@angular/core';
     Ng2DropdownMenu.prototype.show = function () {
+        var dc = typeof document !== 'undefined' ? document : undefined;
+        var wd = typeof window !== 'undefined' ? window : undefined;
         this.state.menuState.isVisible = true;
-        this.listeners.handleKeypress = this.renderer.listen(document.body, 'keydown', this.handleKeypress.bind(this));
-        this.listeners.arrowHandler = this.renderer.listen(window, 'keydown', arrowKeysHandler);
+        this.listeners.handleKeypress = this.renderer.listen(dc.body, 'keydown', this.handleKeypress.bind(this));
+        this.listeners.arrowHandler = this.renderer.listen(wd, 'keydown', arrowKeysHandler);
     };
@@ -47,12 +49,14 @@ Ng2DropdownMenu.prototype.hide = function () {
     Ng2DropdownMenu.prototype.calcPositionOffset = function (position) {
-        if (!position) {
+        var wd = typeof window !== 'undefined' ? window : undefined;
+        var dc = typeof document !== 'undefined' ? document : undefined;
+        if (!wd || !dc || !position) {
             return;
         }
         var element = this.getMenuElement();
-        var supportPageOffset = window.pageXOffset !== undefined;
-        var isCSS1Compat = ((document.compatMode || '') === 'CSS1Compat');
-        var x = supportPageOffset ? window.pageXOffset : isCSS1Compat ?
-            document.documentElement.scrollLeft : document.body.scrollLeft;
-        var y = supportPageOffset ? window.pageYOffset : isCSS1Compat ?
-            document.documentElement.scrollTop : document.body.scrollTop;
+        var supportPageOffset = wd.pageXOffset !== undefined;
+        var isCSS1Compat = ((dc.compatMode || '') === 'CSS1Compat');
+        var x = supportPageOffset ? wd.pageXOffset : isCSS1Compat ?
+            dc.documentElement.scrollLeft : dc.body.scrollLeft;
+        var y = supportPageOffset ? wd.pageYOffset : isCSS1Compat ?
+            dc.documentElement.scrollTop : dc.body.scrollTop;
         var _a = this.applyOffset(position.top + (this.appendToBody ? y - 15 : 0) + "px", position.left + x - 5 + "px"), top = _a.top, left = _a.left;
@@ -63,4 +67,4 @@ var clientWidth = element.clientWidth;
         var marginFromRight = parseInt(left) + clientWidth;
-        var windowScrollHeight = window.innerHeight + window.scrollY;
-        var windowScrollWidth = window.innerWidth + window.scrollX;
+        var windowScrollHeight = wd.innerHeight + wd.scrollY;
+        var windowScrollWidth = wd.innerWidth + wd.scrollX;
         if (marginFromBottom >= windowScrollHeight) {
@@ -88,4 +92,5 @@ top = parseInt(top.replace('px', '')) - clientHeight + "px";
     Ng2DropdownMenu.prototype.ngOnInit = function () {
+        var dc = typeof document !== 'undefined' ? document : undefined;
         if (this.appendToBody) {
-            document.body.appendChild(this.element.nativeElement);
+            dc.body.appendChild(this.element.nativeElement);
         }
@@ -92,0 +97,0 @@ };

package.json

 {
   "name": "ng2-material-dropdown",
-  "version": "0.7.10",
+  "version": "0.8.0",
   "description": "Angular material-like dropdown component",
@@ -5,0 +5,0 @@ "scripts": {

Fixed alerts

No README

Quality

Package does not have a README. This may indicate a failed publish or a low quality package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

180150

increased by2.69%

Number of package files

61

increased by1.67%

Lines of code

1493

increased by1.5%

Number of medium quality alerts

0

decreased by-100%

Number of lines in readme file

68

increased byInfinity%

No dependency changes