@syncfusion/ej2-base 26.1.35-806029 → 26.1.35-8139

package/src/component-model.d.ts

@@ -1,4 +1,4 @@
-import { isUndefined, getValue, isNullOrUndefined, setValue, uniqueID, isBlazor } from './util';
+import { isUndefined, getValue, isNullOrUndefined, setValue, uniqueID, isBlazor } from './util';import { ModuleLoader, ModuleDeclaration } from './module-loader';import { Base } from './base';import { Observer, BoundOptions } from './observer';import { ChildProperty } from './child-property';import { Property, NotifyPropertyChanges } from './notify-property-change';import { onIntlChange, rightToLeft, defaultCulture } from './internationalization';import { createElement, addClass, removeClass, ElementProperties, select } from './dom';import { validateLicense, createLicenseOverlay, componentList } from './validate-lic';
 
 /**
  * Interface for a class Component
@@ -6,24 +6,24 @@ import { isUndefined, getValue, isNullOrUndefined, setValue, uniqueID, isBlazor
 export interface ComponentModel {
 
     /**
-     * Enable or disable persisting component's state between page reloads.
-     *
-     * @default false
-     */
-    enablePersistence?: boolean;
+     * Enable or disable persisting component's state between page reloads.
+     *
+     * @default false
+     */
+    enablePersistence?: boolean;
 
     /**
-     * Enable or disable rendering component in right to left direction.
-     *
-     * @default false
-     */
-    enableRtl?: boolean;
+     * Enable or disable rendering component in right to left direction.
+     *
+     * @default false
+     */
+    enableRtl?: boolean;
 
     /**
-     * Overrides the global culture and localization value for this component. Default global culture is 'en-US'.
-     *
-     * @default ''
-     */
-    locale?: string;
+     * Overrides the global culture and localization value for this component. Default global culture is 'en-US'.
+     *
+     * @default ''
+     */
+    locale?: string;
 
 }

package/src/component.js

@@ -1,22 +1,22 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 /* eslint-disable @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types */
 import { isUndefined, getValue, isNullOrUndefined, setValue, uniqueID, isBlazor } from './util';
 import { ModuleLoader } from './module-loader';

package/src/draggable-model.d.ts

@@ -1,4 +1,4 @@
-import { Base } from './base';
+import { Base } from './base';import { Browser } from './browser';import { isVisible } from './dom';import { Property, Complex, NotifyPropertyChanges, INotifyPropertyChanged, Event } from './notify-property-change';import { EventHandler } from './event-handler';import { ChildProperty } from './child-property';import { select, closest, setStyleAttribute, addClass, createElement } from './dom';import { extend, isUndefined, isNullOrUndefined, compareElementParent, isBlazor } from './util';
 import {DragDirection} from "./draggable";
 
 /**
@@ -7,14 +7,14 @@ import {DragDirection} from "./draggable";
 export interface PositionModel {
 
     /**
-     * Specifies the left position of cursor in draggable.
-     */
-    left?: number;
+     * Specifies the left position of cursor in draggable.
+     */
+    left?: number;
 
     /**
-     * Specifies the left position of cursor in draggable.
-     */
-    top?: number;
+     * Specifies the left position of cursor in draggable.
+     */
+    top?: number;
 
 }
 
@@ -24,157 +24,157 @@ export interface PositionModel {
 export interface DraggableModel {
 
     /**
-     * Defines the distance between the cursor and the draggable element.
-     */
-    cursorAt?: PositionModel;
+     * Defines the distance between the cursor and the draggable element.
+     */
+    cursorAt?: PositionModel;
 
     /**
-     * If `clone` set to true, drag operations are performed in duplicate element of the draggable element.
-     *
-     * @default true
-     */
-    clone?: boolean;
+     * If `clone` set to true, drag operations are performed in duplicate element of the draggable element.
+     *
+     * @default true
+     */
+    clone?: boolean;
 
     /**
-     * Defines the parent  element in which draggable element movement will be restricted.
-     */
-    dragArea?: HTMLElement | string;
+     * Defines the parent  element in which draggable element movement will be restricted.
+     */
+    dragArea?: HTMLElement | string;
 
     /**
-     * Defines the dragArea is scrollable or not.
-     */
-    isDragScroll?: boolean;
+     * Defines the dragArea is scrollable or not.
+     */
+    isDragScroll?: boolean;
 
     /**
-     * Defines wheather need to replace drag element by currentstateTarget.
-     *
-     * @private
-     */
-    isReplaceDragEle?: boolean;
+     * Defines wheather need to replace drag element by currentstateTarget.
+     *
+     * @private
+     */
+    isReplaceDragEle?: boolean;
 
     /**
-     * Defines wheather need to add prevent select class to body or not.
-     *
-     * @private
-     */
-    isPreventSelect?: boolean;
+     * Defines wheather need to add prevent select class to body or not.
+     *
+     * @private
+     */
+    isPreventSelect?: boolean;
 
     /**
-     * Specifies the callback function for drag event.
-     *
-     * @event drag
-     */
-    drag?: Function;
+     * Specifies the callback function for drag event.
+     *
+     * @event drag
+     */
+    drag?: Function;
 
     /**
-     * Specifies the callback function for dragStart event.
-     *
-     * @event dragStart
-     */
-    dragStart?: Function;
+     * Specifies the callback function for dragStart event.
+     *
+     * @event dragStart
+     */
+    dragStart?: Function;
 
     /**
-     * Specifies the callback function for dragStop event.
-     *
-     * @event dragStop
-     */
-    dragStop?: Function;
+     * Specifies the callback function for dragStop event.
+     *
+     * @event dragStop
+     */
+    dragStop?: Function;
 
     /**
-     * Defines the minimum distance draggable element to be moved to trigger the drag operation.
-     *
-     * @default 1
-     */
-    distance?: number;
+     * Defines the minimum distance draggable element to be moved to trigger the drag operation.
+     *
+     * @default 1
+     */
+    distance?: number;
 
     /**
-     * Defines the child element selector which will act as drag handle.
-     */
-    handle?: string;
+     * Defines the child element selector which will act as drag handle.
+     */
+    handle?: string;
 
     /**
-     * Defines the child element selector which will prevent dragging of element.
-     */
-    abort?: string | string[];
+     * Defines the child element selector which will prevent dragging of element.
+     */
+    abort?: string | string[];
 
     /**
-     * Defines the callback function for customizing the cloned  element.
-     */
-    helper?: Function;
+     * Defines the callback function for customizing the cloned  element.
+     */
+    helper?: Function;
 
     /**
-     * Defines the scope value to group sets of draggable and droppable items.
-     * A draggable with the same scope value will be accepted by the droppable.
-     */
-    scope?: string;
+     * Defines the scope value to group sets of draggable and droppable items.
+     * A draggable with the same scope value will be accepted by the droppable.
+     */
+    scope?: string;
 
     /**
-     * Specifies the dragTarget by which the clone element is positioned if not given current context element will be considered.
-     *
-     * @private
-     */
-    dragTarget?: string;
+     * Specifies the dragTarget by which the clone element is positioned if not given current context element will be considered.
+     *
+     * @private
+     */
+    dragTarget?: string;
 
     /**
-     * Defines the axis to limit the draggable element drag path.The possible axis path values are
-     * * `x` - Allows drag movement in horizontal direction only.
-     * * `y` - Allows drag movement in vertical direction only.
-     */
-    axis?: DragDirection;
+     * Defines the axis to limit the draggable element drag path.The possible axis path values are
+     * * `x` - Allows drag movement in horizontal direction only.
+     * * `y` - Allows drag movement in vertical direction only.
+     */
+    axis?: DragDirection;
 
     /**
-     * Defines the function to change the position value.
-     *
-     * @private
-     */
-    queryPositionInfo?: Function;
+     * Defines the function to change the position value.
+     *
+     * @private
+     */
+    queryPositionInfo?: Function;
 
     /**
-     * Defines whether the drag clone element will be split form the cursor pointer.
-     *
-     * @private
-     */
-    enableTailMode?: boolean;
+     * Defines whether the drag clone element will be split form the cursor pointer.
+     *
+     * @private
+     */
+    enableTailMode?: boolean;
 
     /**
-     * Defines whether to skip the previous drag movement comparison.
-     *
-     * @private
-     */
-    skipDistanceCheck?: boolean;
+     * Defines whether to skip the previous drag movement comparison.
+     *
+     * @private
+     */
+    skipDistanceCheck?: boolean;
 
     /**
-     * @private
-     */
-    preventDefault?: boolean;
+     * @private
+     */
+    preventDefault?: boolean;
 
     /**
-     * Defines whether to enable autoscroll on drag movement of draggable element.
-     * enableAutoScroll
-     *
-     * @private
-     */
-    enableAutoScroll?: boolean;
+     * Defines whether to enable autoscroll on drag movement of draggable element.
+     * enableAutoScroll
+     *
+     * @private
+     */
+    enableAutoScroll?: boolean;
 
     /**
-     * Defines whether to enable taphold  on mobile devices.
-     * enableAutoScroll
-     *
-     * @private
-     */
-    enableTapHold?: boolean;
+     * Defines whether to enable taphold  on mobile devices.
+     * enableAutoScroll
+     *
+     * @private
+     */
+    enableTapHold?: boolean;
 
     /**
-     * Specifies the time delay for tap hold.
-     *
-     * @default 750
-     *  @private
-     */
-    tapHoldThreshold?: number;
+     * Specifies the time delay for tap hold.
+     *
+     * @default 750
+     *  @private
+     */
+    tapHoldThreshold?: number;
 
     /**
-     * @private
-     */
-    enableScrollHandler?: boolean;
+     * @private
+     */
+    enableScrollHandler?: boolean;
 
 }

package/src/draggable.js

@@ -1,22 +1,22 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { Base } from './base';
 import { Browser } from './browser';
@@ -79,6 +79,7 @@ var Draggable = /** @class */ (function (_super) {
         _this.parentScrollX = 0;
         _this.parentScrollY = 0;
         _this.droppables = {};
+        _this.isTouchInteraction = false;
         _this.bind();
         return _this;
     }
@@ -93,6 +94,41 @@ var Draggable = /** @class */ (function (_super) {
     Draggable.getDefaultPosition = function () {
         return extend({}, defaultPosition);
     };
+
+    Draggable.prototype.getDragEventName = function (type) {
+        var eventName;
+
+        switch (type) {
+            case 'move':
+                eventName = Browser.touchMoveEvent;
+                break;
+            case 'end':
+                eventName = Browser.touchEndEvent;
+                break;
+            case 'cancel':
+                eventName = Browser.touchCancelEvent;
+                break;
+            default:
+                eventName = Browser.touchStartEvent;
+                break;
+        }
+
+        if (Browser.isSafari()) {
+            var suffix = {
+                start: 'pointerdown mousedown',
+                move: 'pointermove mousemove',
+                end: 'pointerup mouseup',
+                cancel: 'pointercancel mouseleave'
+            };
+
+            if (!this.isTouchInteraction) {
+                eventName += ' ' + suffix[type];
+            }
+        }
+
+        return eventName;
+    };
+
     Draggable.prototype.toggleEvents = function (isUnWire) {
         var ele;
         if (!isUndefined(this.handle)) {
@@ -100,10 +136,10 @@ var Draggable = /** @class */ (function (_super) {
         }
         var handler = (this.enableTapHold && Browser.isDevice && Browser.isTouch) ? this.mobileInitialize : this.initialize;
         if (isUnWire) {
-            EventHandler.remove(ele || this.element, Browser.isSafari() ? 'touchstart' : Browser.touchStartEvent, handler);
+             EventHandler.remove(ele || this.element, this.getDragEventName('start'), handler);
         }
         else {
-            EventHandler.add(ele || this.element, Browser.isSafari() ? 'touchstart' : Browser.touchStartEvent, handler, this);
+            EventHandler.add(ele || this.element, this.getDragEventName('start'), handler, this);
         }
     };
     /* istanbul ignore next */
@@ -115,14 +151,14 @@ var Draggable = /** @class */ (function (_super) {
             _this.removeTapholdTimer();
             _this.initialize(evt, target);
         }, this.tapHoldThreshold);
-        EventHandler.add(document, Browser.isSafari() ? 'touchmove' : Browser.touchMoveEvent, this.removeTapholdTimer, this);
-        EventHandler.add(document, Browser.isSafari() ? 'touchend' : Browser.touchEndEvent, this.removeTapholdTimer, this);
+        EventHandler.add(document, this.getDragEventName('move'), this.removeTapholdTimer, this);
+        EventHandler.add(document, this.getDragEventName('end'), this.removeTapholdTimer, this);
     };
     /* istanbul ignore next */
     Draggable.prototype.removeTapholdTimer = function () {
         clearTimeout(this.tapHoldTimer);
-        EventHandler.remove(document, Browser.isSafari() ? 'touchmove' : Browser.touchMoveEvent, this.removeTapholdTimer);
-        EventHandler.remove(document, Browser.isSafari() ? 'touchend' : Browser.touchEndEvent, this.removeTapholdTimer);
+        EventHandler.remove(document, this.getDragEventName('move'), this.removeTapholdTimer);
+        EventHandler.remove(document, this.getDragEventName('end'), this.removeTapholdTimer);
     };
     /* istanbul ignore next */
     Draggable.prototype.getScrollableParent = function (element, axis) {
@@ -166,6 +202,7 @@ var Draggable = /** @class */ (function (_super) {
         var horizontalScrollParent = this.getScrollableParent(this.element.parentNode, 'horizontal');
     };
     Draggable.prototype.initialize = function (evt, curTarget) {
+    this.isTouchInteraction = evt.pointerType === 'touch' || (evt.changedTouches && evt.changedTouches.length);
         this.currentStateTarget = evt.target;
         if (this.isDragStarted()) {
             return;
@@ -213,8 +250,8 @@ var Draggable = /** @class */ (function (_super) {
             this.intDragStart(evt);
         }
         else {
-            EventHandler.add(document, Browser.isSafari() ? 'touchmove' : Browser.touchMoveEvent, this.intDragStart, this);
-            EventHandler.add(document, Browser.isSafari() ? 'touchend' : Browser.touchEndEvent, this.intDestroy, this);
+            EventHandler.add(document, this.getDragEventName('move'), this.intDragStart, this);
+            EventHandler.add(document, this.getDragEventName('end'), this.intDestroy, this);
         }
         this.toggleEvents(true);
         if (evt.type !== 'touchstart' && this.isPreventSelect) {
@@ -313,8 +350,8 @@ var Draggable = /** @class */ (function (_super) {
             }
             this.dragElePosition = { top: pos.top, left: pos.left };
             setStyleAttribute(dragTargetElement, this.getDragPosition({ position: 'absolute', left: posValue.left, top: posValue.top }));
-            EventHandler.remove(document, Browser.isSafari() ? 'touchmove' : Browser.touchMoveEvent, this.intDragStart);
-            EventHandler.remove(document, Browser.isSafari() ? 'touchend' : Browser.touchEndEvent, this.intDestroy);
+            EventHandler.remove(document, this.getDragEventName('move'), this.intDragStart);
+            EventHandler.remove(document, this.getDragEventName('end'), this.intDestroy);
             if (!isBlazor()) {
                 this.bindDragEvents(dragTargetElement);
             }
@@ -322,8 +359,8 @@ var Draggable = /** @class */ (function (_super) {
     };
     Draggable.prototype.bindDragEvents = function (dragTargetElement) {
         if (isVisible(dragTargetElement)) {
-            EventHandler.add(document, Browser.isSafari() ? 'touchmove' : Browser.touchMoveEvent, this.intDrag, this);
-            EventHandler.add(document, Browser.isSafari() ? 'touchend' : Browser.touchEndEvent, this.intDragStop, this);
+            EventHandler.add(document, this.getDragEventName('move'), this.intDrag, this);
+            EventHandler.add(document, this.getDragEventName('end'), this.intDragStop, this);
             this.setGlobalDroppables(false, this.element, dragTargetElement);
         }
         else {
@@ -666,10 +703,10 @@ var Draggable = /** @class */ (function (_super) {
         this.toggleEvents();
         document.body.classList.remove('e-prevent-select');
         this.element.setAttribute('aria-grabbed', 'false');
-        EventHandler.remove(document, Browser.isSafari() ? 'touchmove' : Browser.touchMoveEvent, this.intDragStart);
-        EventHandler.remove(document, Browser.isSafari() ? 'touchend' : Browser.touchEndEvent, this.intDragStop);
-        EventHandler.remove(document, Browser.isSafari() ? 'touchend' : Browser.touchEndEvent, this.intDestroy);
-        EventHandler.remove(document, Browser.isSafari() ? 'touchmove' : Browser.touchMoveEvent, this.intDrag);
+        EventHandler.remove(document, this.getDragEventName('move'), this.intDragStart);
+        EventHandler.remove(document, this.getDragEventName('end'), this.intDragStop);
+        EventHandler.remove(document, this.getDragEventName('end'), this.intDestroy);
+        EventHandler.remove(document, this.getDragEventName('move'), this.intDrag);
         if (this.isDragStarted()) {
             this.isDragStarted(true);
         }

package/src/droppable-model.d.ts

@@ -1,4 +1,4 @@
-import { Base } from './base';
+import { Base } from './base';import { Browser } from './browser';import { isVisible, matches } from './dom';import { Property, NotifyPropertyChanges, INotifyPropertyChanged, Event } from './notify-property-change';import { EventHandler } from './event-handler';import { compareElementParent } from './util';import {Coordinates, DropInfo} from './draggable';
 import {DropEventArgs} from "./droppable";
 
 /**
@@ -7,35 +7,35 @@ import {DropEventArgs} from "./droppable";
 export interface DroppableModel {
 
     /**
-     * Defines the selector for draggable element to be accepted by the droppable.
-     */
-    accept?: string;
+     * Defines the selector for draggable element to be accepted by the droppable.
+     */
+    accept?: string;
 
     /**
-     * Defines the scope value to group sets of draggable and droppable items.
-     * A draggable with the same scope value will only be accepted by the droppable.
-     */
-    scope?: string;
+     * Defines the scope value to group sets of draggable and droppable items.
+     * A draggable with the same scope value will only be accepted by the droppable.
+     */
+    scope?: string;
 
     /**
-     * Specifies the callback function, which will be triggered while drag element is dropped in droppable.
-     *
-     * @event drop
-     */
-    drop?: (args: DropEventArgs) => void;
+     * Specifies the callback function, which will be triggered while drag element is dropped in droppable.
+     *
+     * @event drop
+     */
+    drop?: (args: DropEventArgs) => void;
 
     /**
-     * Specifies the callback function, which will be triggered while drag element is moved over droppable element.
-     *
-     * @event over
-     */
-    over?: Function;
+     * Specifies the callback function, which will be triggered while drag element is moved over droppable element.
+     *
+     * @event over
+     */
+    over?: Function;
 
     /**
-     * Specifies the callback function, which will be triggered while drag element is moved out of droppable element.
-     *
-     * @event bind
-     */
-    out?: Function;
+     * Specifies the callback function, which will be triggered while drag element is moved out of droppable element.
+     *
+     * @event bind
+     */
+    out?: Function;
 
 }

package/src/droppable.js

@@ -1,22 +1,22 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 import { Base } from './base';
 import { Browser } from './browser';
 import { isVisible, matches } from './dom';