apply patch ebondu#universal-support (edcarroll/pull/270)

Author: Oliver Eivak

demo/src/app/components/sidebar/sidebar.component.ts

@@ -1,6 +1,4 @@
 import { Component, HostBinding, Output, EventEmitter, HostListener, isDevMode } from "@angular/core";
-// Polyfill for IE
-import "element-closest";
 
 interface IAugmentedElement extends Element {
     closest(selector:string):IAugmentedElement;

package-lock.json

@@ -51,7 +51,6 @@
   "dependencies": {
     "bowser": "^1.7.2",
     "date-fns": "2.0.0-alpha.1",
-    "element-closest": "^2.0.2",
     "extend": "^3.0.1",
     "is-ua-webview": "^1.0.0",
     "popper.js": "^1.14.0",

package.json

@@ -0,0 +1,37 @@
+// element-closest | CC0-1.0 | github.com/jonathantneal/closest
+
+/** @this {Foo} */
+if (typeof Element !== "undefined") {
+    if (typeof Element.prototype.matches !== "function") {
+        Element.prototype.matches = Element.prototype.msMatchesSelector ||
+            (Element as any).prototype["mozMatchesSelector"] ||
+            Element.prototype.webkitMatchesSelector ||
+            function matches(selector:any):boolean {
+                const element = this;
+                const elements = (element.document || element.ownerDocument).querySelectorAll(selector);
+                let index = 0;
+
+                while (elements[index] && elements[index] !== element) {
+                    ++index;
+                }
+
+                return Boolean(elements[index]);
+            };
+    }
+
+    if (typeof Element.prototype["closest"] !== "function") {
+        Element.prototype["closest"] = function closest(selector:any):any {
+            let element = this;
+
+            while (element && element.nodeType === 1) {
+                if (element.matches(selector)) {
+                    return element;
+                }
+
+                element = element.parentNode;
+            }
+
+            return undefined;
+        };
+    }
+}

src/misc/util/helpers/closest.ts

@@ -67,7 +67,7 @@ export class SuiCheckbox implements ICustomValueAccessorHost<boolean> {
     }
 
     @HostListener("mousedown", ["$event"])
-    public onMouseDown(e:MouseEvent):void {
+    public onMouseDown(e:any):void {
         e.preventDefault();
     }
 

src/modules/checkbox/components/checkbox.ts

@@ -77,7 +77,7 @@ export class SuiRadio<T> implements ICustomValueAccessorHost<T> {
     }
 
     @HostListener("mousedown", ["$event"])
-    public onMouseDown(e:MouseEvent):void {
+    public onMouseDown(e:any):void {
         e.preventDefault();
     }
 

src/modules/checkbox/components/radio.ts

@@ -45,7 +45,7 @@ export class SuiDatepicker {
     }
 
     @HostListener("mousedown", ["$event"])
-    public onMouseDown(e:MouseEvent):void {
+    public onMouseDown(e:any):void {
         e.preventDefault();
     }
 }

src/modules/datepicker/components/datepicker.ts

@@ -189,7 +189,7 @@ export class SuiDatepickerDirective
     }
 
     @HostListener("keydown", ["$event"])
-    public onKeyDown(e:KeyboardEvent):void {
+    public onKeyDown(e:any):void {
         if (e.keyCode === KeyCode.Escape) {
             this.close();
         }

src/modules/datepicker/directives/datepicker.directive.ts

@@ -54,7 +54,7 @@ export abstract class CalendarView implements AfterViewInit, OnDestroy {
         this._type = viewType;
         this.ranges = ranges;
 
-        this._documentKeyDownListener = renderer.listen("document", "keydown", (e:KeyboardEvent) => this.onDocumentKeyDown(e));
+        this._documentKeyDownListener = renderer.listen("document", "keydown", (e:any) => this.onDocumentKeyDown(e));
     }
 
     // Template Methods
@@ -111,7 +111,7 @@ export abstract class CalendarView implements AfterViewInit, OnDestroy {
         }
     }
 
-    private onDocumentKeyDown(e:KeyboardEvent):void {
+    private onDocumentKeyDown(e:any):void {
         if (this._highlightedItem && e.keyCode === KeyCode.Enter) {
             this.setDate(this._highlightedItem);
             return;

src/modules/datepicker/views/calendar-view.ts

@@ -6,7 +6,7 @@ import { Transition, SuiTransition, TransitionController, TransitionDirection }
 import { HandledEvent, IAugmentedElement, KeyCode } from "../../../misc/util/index";
 import { DropdownService, DropdownAutoCloseType } from "../services/dropdown.service";
 // Polyfill for IE
-import "element-closest";
+import "../../../misc/util/helpers/closest";
 
 @Directive({
     // We must attach to every '.item' as Angular doesn't support > selectors.
@@ -144,11 +144,11 @@ export class SuiDropdownMenu extends SuiTransition implements AfterContentInit,
         this.menuAutoSelectFirst = false;
         this.menuSelectedItemClass = "selected";
 
-        this._documentKeyDownListener = renderer.listen("document", "keydown", (e:KeyboardEvent) => this.onDocumentKeyDown(e));
+        this._documentKeyDownListener = renderer.listen("document", "keydown", (e:any) => this.onDocumentKeyDown(e));
     }
 
     @HostListener("click", ["$event"])
-    public onClick(e:HandledEvent & MouseEvent):void {
+    public onClick(e:HandledEvent & any):void {
         if (!e.eventHandled) {
             e.eventHandled = true;
 
@@ -162,7 +162,7 @@ export class SuiDropdownMenu extends SuiTransition implements AfterContentInit,
         }
     }
 
-    public onDocumentKeyDown(e:KeyboardEvent):void {
+    public onDocumentKeyDown(e:any):void {
         // Only the root dropdown (i.e. not nested dropdowns) is responsible for keeping track of the currently selected item.
         if (this._service.isOpen && !this._service.isNested) {
             // Stop document events like scrolling while open.