igniteui-angular-core 21.0.1 → 21.1.0-beta.0

package/esm5/lib/ScrollerView_combined.js

@@ -10,6 +10,7 @@ import { IScrollerView_$type } from "./IScrollerView";
 import { CanvasGestureDOMEventProxy } from "./CanvasGestureDOMEventProxy";
 import { Brush } from "./Brush";
 import { DOMExecutionContext } from "./DOMExecutionContext";
+import { BaseDOMEventProxy } from "./BaseDOMEventProxy";
 import { DoubleAnimator } from "./DoubleAnimator";
 import { Rect } from "./Rect";
 import { ScrollbarStyle_$type } from "./ScrollbarStyle";
@@ -24,28 +25,36 @@ var ScrollerView = /** @class */ /*@__PURE__*/ (function (_super) {
     __extends(ScrollerView, _super);
     function ScrollerView(a) {
         var _this = _super.call(this) || this;
-        _this.c = null;
-        _this.ab = null;
+        _this.i = false;
+        _this.k = false;
+        _this.ad = null;
+        _this.ae = null;
         _this.af = null;
+        _this.c = null;
+        _this.ag = null;
+        _this.ak = null;
         _this.b = null;
-        _this.aa = null;
-        _this.a = null;
-        _this.ae = null;
         _this.ac = null;
-        _this.ad = null;
-        _this.ag = null;
+        _this.a = null;
+        _this.aj = null;
+        _this.ah = null;
+        _this.ai = null;
+        _this.al = null;
         _this.e = false;
         _this.d = null;
-        _this.i = false;
+        _this.j = false;
         _this.h = false;
-        _this.w = 0;
-        _this.t = 0;
-        _this.x = -1;
-        _this.u = -1;
+        _this.y = 0;
+        _this.v = 0;
+        _this.z = -1;
+        _this.w = -1;
         _this.g = false;
         _this.f = false;
-        _this.v = 0;
-        _this.s = 0;
+        _this.x = 0;
+        _this.u = 0;
+        _this.onDocumentKeyDown = _this.onDocumentKeyDown.bind(_this);
+        _this.onDocumentKeyUp = _this.onDocumentKeyUp.bind(_this);
+        _this.onDocumentMouseDown = _this.onDocumentMouseDown.bind(_this);
         _this.c = a;
         return _this;
     }
@@ -59,110 +68,142 @@ var ScrollerView = /** @class */ /*@__PURE__*/ (function (_super) {
     ScrollerView.prototype.provideContainer = function (a) {
         var _this = this;
         if (a == null) {
-            if (this.ab != null) {
-                this.ab = null;
+            if (this.ag != null) {
+                this.ag = null;
             }
             if (this.a != null) {
-                this.a.ap = null;
-                this.a.aw();
+                this.a.aq = null;
+                this.a.ax();
             }
             return;
         }
-        this.ab = a;
-        this.c.executionContext = new DOMExecutionContext(this.ab);
-        var b = Math.round(this.ab.rootWrapper.width());
-        var c = Math.round(this.ab.rootWrapper.height());
-        this.ae = this.ab.rootWrapper;
-        this.ae.setStyleProperty("position", "relative");
-        this.af = this.ab.createElement("div");
-        this.af.setStyleProperty("position", "relative");
-        this.af.setStyleProperty("width", "100%");
-        this.af.setStyleProperty("height", "100%");
-        this.af.setStyleProperty("overflow", "hidden");
-        this.af.addClass("ig-scroll-container");
-        this.ae.append(this.af);
-        this.ad = this.ab.createElement("div");
-        this.ad.setStyleProperty("position", "absolute");
-        this.ad.setStyleProperty("height", this.c.scrollbarSpan + "px");
-        this.ad.setStyleProperty("width", this.c.minScrollbarSize + "px");
-        this.ad.setStyleProperty("background-color", this.c.scrollbarBrush._fill);
-        this.ad.setStyleProperty("display", "none");
-        this.ad.setStyleProperty("border-radius", "5px");
-        this.ad.setStyleProperty("z-index", "10000");
-        this.ad.setStyleProperty("bottom", "0px");
-        this.ae.append(this.ad);
-        this.ag = this.ab.createElement("div");
-        this.ag.setStyleProperty("position", "absolute");
-        this.ag.setStyleProperty("width", this.c.scrollbarSpan + "px");
-        this.ag.setStyleProperty("height", this.c.minScrollbarSize + "px");
-        this.ag.setStyleProperty("background-color", this.c.scrollbarBrush._fill);
-        this.ag.setStyleProperty("display", "none");
-        this.ag.setStyleProperty("border-radius", "5px");
-        this.ag.setStyleProperty("z-index", "10000");
-        this.ag.setStyleProperty("right", "0px");
-        this.ae.append(this.ag);
+        this.ag = a;
+        this.c.executionContext = new DOMExecutionContext(this.ag);
+        var b = Math.round(this.ag.rootWrapper.width());
+        var c = Math.round(this.ag.rootWrapper.height());
+        this.aj = this.ag.rootWrapper;
+        this.aj.setStyleProperty("position", "relative");
+        this.ak = this.ag.createElement("div");
+        this.ak.setStyleProperty("position", "relative");
+        this.ak.setStyleProperty("width", "100%");
+        this.ak.setStyleProperty("height", "100%");
+        this.ak.setStyleProperty("overflow", "hidden");
+        this.ak.addClass("ig-scroll-container");
+        this.aj.append(this.ak);
+        this.ai = this.ag.createElement("div");
+        this.ai.setStyleProperty("position", "absolute");
+        this.ai.setStyleProperty("height", this.c.scrollbarSpan + "px");
+        this.ai.setStyleProperty("width", this.c.minScrollbarSize + "px");
+        this.ai.setStyleProperty("background-color", this.c.scrollbarBrush._fill);
+        this.ai.setStyleProperty("display", "none");
+        this.ai.setStyleProperty("border-radius", "5px");
+        this.ai.setStyleProperty("z-index", "10000");
+        this.ai.setStyleProperty("bottom", "0px");
+        this.aj.append(this.ai);
+        this.al = this.ag.createElement("div");
+        this.al.setStyleProperty("position", "absolute");
+        this.al.setStyleProperty("width", this.c.scrollbarSpan + "px");
+        this.al.setStyleProperty("height", this.c.minScrollbarSize + "px");
+        this.al.setStyleProperty("background-color", this.c.scrollbarBrush._fill);
+        this.al.setStyleProperty("display", "none");
+        this.al.setStyleProperty("border-radius", "5px");
+        this.al.setStyleProperty("z-index", "10000");
+        this.al.setStyleProperty("right", "0px");
+        this.aj.append(this.al);
         this.updateScrollbarStatus(false);
-        this.aa = this.af.getNativeElement();
-        this.a = new CanvasGestureDOMEventProxy(this.ab.rootWrapper, this.ab, true);
-        this.ab.rootWrapper.setProperty("tabIndex", 1000);
-        this.ab.rootWrapper.setRawStyleProperty("outline", "none");
-        this.a.c9 = true;
-        this.a.bw = true;
+        this.ac = this.ak.getNativeElement();
+        this.a = new CanvasGestureDOMEventProxy(this.ag.rootWrapper, this.ag, true);
+        this.ag.rootWrapper.setProperty("tabIndex", 0);
+        this.ag.rootWrapper.setRawStyleProperty("outline", "none");
+        this.a.dc = true;
+        this.a.by = true;
         var d = this.a;
-        d.onMouseWheel = delegateCombine(d.onMouseWheel, runOn(this, this.l));
+        d.onMouseWheel = delegateCombine(d.onMouseWheel, runOn(this, this.n));
         var e = this.a;
-        e.onMouseWheelHorizontal = delegateCombine(e.onMouseWheelHorizontal, runOn(this, this.m));
+        e.onMouseWheelHorizontal = delegateCombine(e.onMouseWheelHorizontal, runOn(this, this.o));
         var f = this.a;
-        f.onMouseLeave = delegateCombine(f.onMouseLeave, runOn(this, this.an));
+        f.onMouseLeave = delegateCombine(f.onMouseLeave, runOn(this, this.at));
         var g = this.a;
-        g.onDragStarted = delegateCombine(g.onDragStarted, runOn(this, this.am));
+        g.onDragStarted = delegateCombine(g.onDragStarted, runOn(this, this.ar));
         var h = this.a;
-        h.onDragDelta = delegateCombine(h.onDragDelta, runOn(this, this.al));
+        h.onDragDelta = delegateCombine(h.onDragDelta, runOn(this, this.aq));
         var i = this.a;
-        i.onDragCompleted = delegateCombine(i.onDragCompleted, runOn(this, this.ak));
+        i.onDragCompleted = delegateCombine(i.onDragCompleted, runOn(this, this.ap));
         var j = this.a;
-        j.onFlingStarted = delegateCombine(j.onFlingStarted, runOn(this, this.j));
+        j.onFlingStarted = delegateCombine(j.onFlingStarted, runOn(this, this.l));
         var k = this.a;
-        k.onContactStarted = delegateCombine(k.onContactStarted, runOn(this, this.aj));
+        k.onContactStarted = delegateCombine(k.onContactStarted, runOn(this, this.ao));
         var l = this.a;
-        l.onContactMoved = delegateCombine(l.onContactMoved, runOn(this, this.ai));
+        l.onContactMoved = delegateCombine(l.onContactMoved, runOn(this, this.an));
         var m = this.a;
-        m.onContactCompleted = delegateCombine(m.onContactCompleted, runOn(this, this.ah));
-        this.a.ab = true;
-        this.a.ar = runOn(this, this.r);
+        m.onContactCompleted = delegateCombine(m.onContactCompleted, runOn(this, this.am));
+        this.a.ac = true;
+        this.a.as = runOn(this, this.t);
         var n = this.a;
-        n.onKeyDown = delegateCombine(n.onKeyDown, runOn(this, this.k));
-        this.a.as = function (o) {
-            var e_ = o.originalEvent;
-            var p = (e_.type);
-            if (p == "pointerdown" && !_this.a.bs(o)) {
+        n.onKeyDown = delegateCombine(n.onKeyDown, runOn(this, this.m));
+        var o = this.a;
+        o.onGotFocus = delegateCombine(o.onGotFocus, runOn(this, this.as));
+        this.ad = runOn(this, this.onDocumentKeyDown);
+        this.ae = runOn(this, this.onDocumentKeyUp);
+        this.af = runOn(this, this.onDocumentMouseDown);
+        document.addEventListener("keydown", this.ad, false);
+        document.addEventListener("keyup", this.ae, false);
+        document.addEventListener("mousedown", this.af, false);
+        this.a.at = function (p) {
+            var e_ = p.originalEvent;
+            var q = (e_.type);
+            if (q == "pointerdown" && !_this.a.bu(p)) {
                 return false;
             }
             return true;
         };
         this.c.onViewportSizeChanged(b, c);
-        this.c.horizontalAnimation.u(this.ab);
-        this.c.verticalAnimation.u(this.ab);
+        this.c.horizontalAnimation.u(this.ag);
+        this.c.verticalAnimation.u(this.ag);
         this.attachNativeScroll();
     };
-    ScrollerView.prototype.k = function (a) {
-        return this.c.ap(a, (this.a.bj & 4) != 0, (this.a.bj & 2) != 0);
+    ScrollerView.prototype.m = function (a) {
+        return this.c.ap(a, (this.a.bl & 4) != 0, (this.a.bl & 2) != 0);
+    };
+    ScrollerView.prototype.as = function (a) {
+        var b = a.originalEvent ? a.originalEvent.relatedTarget : a.relatedTarget;
+        var c = this.ag.rootWrapper.getNativeElement();
+        var d = (b instanceof Node && c.contains(b));
+        if (d) {
+            return;
+        }
+        this.c.dg(this.i, this.k);
+    };
+    ScrollerView.prototype.onDocumentKeyDown = function (a) {
+        var b = a;
+        this.i = b.shiftKey;
+        var c = BaseDOMEventProxy.c4(b);
+        if (c == 2) {
+            this.k = true;
+        }
     };
-    ScrollerView.prototype.r = function (a, b, c) {
+    ScrollerView.prototype.onDocumentKeyUp = function (a) {
+        var b = a;
+        this.i = b.shiftKey;
+    };
+    ScrollerView.prototype.onDocumentMouseDown = function (a) {
+        this.k = false;
+    };
+    ScrollerView.prototype.t = function (a, b, c) {
         if (this.f || this.g) {
             return true;
         }
         if (c || b) {
             return true;
         }
-        if (this.n(a, b)) {
+        if (this.p(a, b)) {
             this.c.c4();
             return true;
         }
         else if (this.c.isHorizontalActive) {
             this.c.c8();
         }
-        if (this.o(a, b)) {
+        if (this.q(a, b)) {
             this.c.c5();
             return true;
         }
@@ -171,111 +212,111 @@ var ScrollerView = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         return false;
     };
-    ScrollerView.prototype.ah = function (a, b) {
+    ScrollerView.prototype.am = function (a, b) {
         this.f = false;
         this.g = false;
         this.c.isDraggingVBar = false;
         this.c.isDraggingHBar = false;
     };
-    ScrollerView.prototype.ai = function (a, b) {
+    ScrollerView.prototype.an = function (a, b) {
         if (this.g) {
-            var c = a.y - this.v;
-            this.v = a.y;
-            this.c.di(c);
+            var c = a.y - this.x;
+            this.x = a.y;
+            this.c.dj(c);
         }
         else if (this.f) {
-            var d = a.x - this.s;
-            this.s = a.x;
-            this.c.dg(d);
+            var d = a.x - this.u;
+            this.u = a.x;
+            this.c.dh(d);
         }
     };
-    ScrollerView.prototype.aj = function (a, b) {
+    ScrollerView.prototype.ao = function (a, b) {
         this.e = false;
         this.cancelInertia();
-        var c = this.q(a, b);
-        var d = this.p(a, b);
+        var c = this.s(a, b);
+        var d = this.r(a, b);
         if (c) {
             this.c.isDraggingVBar = true;
             this.g = true;
-            this.v = a.y;
+            this.x = a.y;
             this.focus();
         }
         else if (d) {
             this.c.isDraggingHBar = true;
             this.f = true;
-            this.s = a.x;
+            this.u = a.x;
             this.focus();
         }
     };
-    ScrollerView.prototype.p = function (a, b) {
+    ScrollerView.prototype.r = function (a, b) {
         if (!this.h) {
             return false;
         }
-        if (a.y >= this.c.viewportHeight - this.c.scrollbarSpan && a.y <= this.c.viewportHeight && a.x >= this.u - this.t / 2 && a.x <= this.u + this.t / 2) {
+        if (a.y >= this.c.viewportHeight - this.c.scrollbarSpan && a.y <= this.c.viewportHeight && a.x >= this.w - this.v / 2 && a.x <= this.w + this.v / 2) {
             return true;
         }
         return false;
     };
-    ScrollerView.prototype.q = function (a, b) {
-        if (!this.i) {
+    ScrollerView.prototype.s = function (a, b) {
+        if (!this.j) {
             return false;
         }
-        if (a.x >= this.c.viewportWidth - this.c.scrollbarSpan && a.x <= this.c.viewportWidth && a.y >= this.x - this.w / 2 && a.y <= this.x + this.w / 2) {
+        if (a.x >= this.c.viewportWidth - this.c.scrollbarSpan && a.x <= this.c.viewportWidth && a.y >= this.z - this.y / 2 && a.y <= this.z + this.y / 2) {
             return true;
         }
         return false;
     };
-    ScrollerView.prototype.n = function (a, b) {
+    ScrollerView.prototype.p = function (a, b) {
         if (!this.h) {
             return false;
         }
         return a.y >= this.c.viewportHeight - this.c.scrollbarSpan - 40 && a.y <= this.c.viewportHeight;
     };
-    ScrollerView.prototype.o = function (a, b) {
-        if (!this.i) {
+    ScrollerView.prototype.q = function (a, b) {
+        if (!this.j) {
             return false;
         }
         return a.x >= this.c.viewportWidth - this.c.scrollbarSpan - 40 && a.x <= this.c.viewportWidth;
     };
-    ScrollerView.prototype.j = function (a, b, c) {
+    ScrollerView.prototype.l = function (a, b, c) {
         this.e = true;
         return true;
     };
     ScrollerView.prototype.onViewportHeightChanged = function (a) {
-        this.a.bm = new Rect(0, 0, 0, this.c.viewportWidth, this.c.viewportHeight);
+        this.a.bo = new Rect(0, 0, 0, this.c.viewportWidth, this.c.viewportHeight);
     };
     ScrollerView.prototype.onViewportWidthChanged = function (a) {
-        this.a.bm = new Rect(0, 0, 0, this.c.viewportWidth, this.c.viewportHeight);
+        this.a.bo = new Rect(0, 0, 0, this.c.viewportWidth, this.c.viewportHeight);
     };
     ScrollerView.prototype.onContentHeightChanged = function (a) {
-        if (this.ac != null) {
-            this.ac.setStyleProperty("height", a + "px");
+        if (this.ah != null) {
+            this.ah.setStyleProperty("height", a + "px");
         }
     };
     ScrollerView.prototype.onContentWidthChanged = function (a) {
-        if (this.ac != null) {
-            this.ac.setStyleProperty("width", a + "px");
+        if (this.ah != null) {
+            this.ah.setStyleProperty("width", a + "px");
         }
     };
     ScrollerView.prototype.cancelInertia = function () {
     };
-    ScrollerView.prototype.ak = function (a) {
+    ScrollerView.prototype.ap = function (a) {
         if (this.f || this.g) {
             return;
         }
         this.e = false;
         this.c.dd(a);
     };
-    ScrollerView.prototype.al = function (a) {
+    ScrollerView.prototype.aq = function (a) {
         if (this.f || this.g) {
             return;
         }
         this.c.de(a);
     };
     ScrollerView.prototype.updateScrollTop = function (a) {
-        this.aa.scrollTop = truncate(a);
+        this.ac.scrollTop = truncate(a);
     };
-    ScrollerView.prototype.am = function (a) {
+    ScrollerView.prototype.ar = function (a) {
         if (this.f || this.g) {
             return;
         }
@@ -283,22 +324,22 @@ var ScrollerView = /** @class */ /*@__PURE__*/ (function (_super) {
         this.c.df(a);
     };
     ScrollerView.prototype.getInitialScrollLeft = function () {
-        return this.aa.scrollLeft;
+        return this.ac.scrollLeft;
     };
     ScrollerView.prototype.getInitialScrollTop = function () {
-        return this.aa.scrollTop;
+        return this.ac.scrollTop;
     };
-    ScrollerView.prototype.l = function (a, b) {
+    ScrollerView.prototype.n = function (a, b) {
         this.e = false;
         this.cancelInertia();
         return this.c.ar(a, 0, b);
     };
-    ScrollerView.prototype.m = function (a, b) {
+    ScrollerView.prototype.o = function (a, b) {
         this.e = false;
         this.cancelInertia();
         return this.c.ar(a, b, 0);
     };
-    ScrollerView.prototype.an = function (a) {
+    ScrollerView.prototype.at = function (a) {
         if (this.c.horizontalScrollbarStatus > 0) {
             this.c.c8();
         }
@@ -307,18 +348,18 @@ var ScrollerView = /** @class */ /*@__PURE__*/ (function (_super) {
         }
     };
     ScrollerView.prototype.updateScrollLeft = function (a) {
-        this.aa.scrollLeft = truncate(a);
+        this.ac.scrollLeft = truncate(a);
     };
     ScrollerView.prototype.provideContent = function (a) {
-        this.ac = a;
-        this.af.append(this.ac);
+        this.ah = a;
+        this.ak.append(this.ah);
     };
     ScrollerView.prototype.requestWork = function (a) {
-        if (this.ab == null) {
+        if (this.ag == null) {
             return;
         }
         if (this.d == null) {
-            this.d = this.ab.getRequestAnimationFrame();
+            this.d = this.ag.getRequestAnimationFrame();
         }
         if (this.e) {
             a();
@@ -328,34 +369,34 @@ var ScrollerView = /** @class */ /*@__PURE__*/ (function (_super) {
         }
     };
     ScrollerView.prototype.hideVScrollbar = function () {
-        if (this.i) {
-            this.i = false;
-            this.ag.setStyleProperty("display", "none");
+        if (this.j) {
+            this.j = false;
+            this.al.setStyleProperty("display", "none");
         }
     };
     ScrollerView.prototype.hideHScrollbar = function () {
         if (this.h) {
             this.h = false;
-            this.ad.setStyleProperty("display", "none");
+            this.ai.setStyleProperty("display", "none");
         }
     };
     ScrollerView.prototype.updateVScrollbar = function (a, b) {
         var c = false;
-        if (!this.i) {
+        if (!this.j) {
             c = true;
-            this.i = true;
-            this.ag.setStyleProperty("display", "block");
+            this.j = true;
+            this.al.setStyleProperty("display", "block");
         }
-        if (a != this.x || c) {
-            this.x = a;
-            if (this.i) {
-                this.ag.setRawYPosition(a - b / 2);
+        if (a != this.z || c) {
+            this.z = a;
+            if (this.j) {
+                this.al.setRawYPosition(a - b / 2);
             }
         }
-        if (b != this.w || c) {
-            this.w = b;
-            if (this.i) {
-                this.ag.setRawSize(this.z(), b);
+        if (b != this.y || c) {
+            this.y = b;
+            if (this.j) {
+                this.al.setRawSize(this.ab(), b);
             }
         }
     };
@@ -364,94 +405,106 @@ var ScrollerView = /** @class */ /*@__PURE__*/ (function (_super) {
         if (!this.h) {
             c = true;
             this.h = true;
-            this.ad.setStyleProperty("display", "block");
+            this.ai.setStyleProperty("display", "block");
         }
-        if (a != this.u || c) {
-            this.u = a;
+        if (a != this.w || c) {
+            this.w = a;
             if (this.h) {
-                this.ad.setRawXPosition(a - b / 2);
+                this.ai.setRawXPosition(a - b / 2);
             }
         }
-        if (b != this.t || c) {
-            this.t = b;
+        if (b != this.v || c) {
+            this.v = b;
             if (this.h) {
-                this.ad.setRawSize(b, this.y());
+                this.ai.setRawSize(b, this.aa());
             }
         }
     };
     ScrollerView.prototype.updateScrollbarBrush = function () {
-        if (this.ad != null) {
-            this.ad.setStyleProperty("background-color", this.c.scrollbarBrush._fill);
+        if (this.ai != null) {
+            this.ai.setStyleProperty("background-color", this.c.scrollbarBrush._fill);
         }
-        if (this.ag != null) {
-            this.ag.setStyleProperty("background-color", this.c.scrollbarBrush._fill);
+        if (this.al != null) {
+            this.al.setStyleProperty("background-color", this.c.scrollbarBrush._fill);
         }
     };
     ScrollerView.prototype.updateScrollbarStatus = function (a) {
-        if (this.ad != null && this.ag != null) {
+        if (this.ai != null && this.al != null) {
             switch (this.c.scrollbarStyle) {
                 case 0:
                     if (a) {
-                        this.ad.setStyleProperty("opacity", "1");
-                        this.ag.setStyleProperty("opacity", "1");
-                        this.ad.setRawSize(this.t, this.y());
-                        this.ag.setRawSize(this.z(), this.w);
+                        this.ai.setStyleProperty("opacity", "1");
+                        this.al.setStyleProperty("opacity", "1");
+                        this.ai.setRawSize(this.v, this.aa());
+                        this.al.setRawSize(this.ab(), this.y);
                     }
                     break;
                 case 1:
                     if (a) {
-                        this.ad.setRawSize(this.t, this.y());
-                        this.ag.setRawSize(this.z(), this.w);
+                        this.ai.setRawSize(this.v, this.aa());
+                        this.al.setRawSize(this.ab(), this.y);
                     }
-                    this.ad.setStyleProperty("opacity", this.c.horizontalScrollbarStatus.toString());
-                    this.ag.setStyleProperty("opacity", this.c.verticalScrollbarStatus.toString());
+                    this.ai.setStyleProperty("opacity", this.c.horizontalScrollbarStatus.toString());
+                    this.al.setStyleProperty("opacity", this.c.verticalScrollbarStatus.toString());
                     break;
                 case 2:
                     if (a) {
-                        this.ad.setStyleProperty("opacity", "1");
-                        this.ag.setStyleProperty("opacity", "1");
+                        this.ai.setStyleProperty("opacity", "1");
+                        this.al.setStyleProperty("opacity", "1");
                     }
-                    this.ad.setRawSize(this.t, this.y());
-                    this.ag.setRawSize(this.z(), this.w);
+                    this.ai.setRawSize(this.v, this.aa());
+                    this.al.setRawSize(this.ab(), this.y);
                     break;
                 case 3:
-                    this.ad.setStyleProperty("opacity", "0");
-                    this.ag.setStyleProperty("opacity", "0");
+                    this.ai.setStyleProperty("opacity", "0");
+                    this.al.setStyleProperty("opacity", "0");
                     break;
             }
         }
     };
-    ScrollerView.prototype.y = function () {
+    ScrollerView.prototype.aa = function () {
         if (this.c.scrollbarStyle == 2) {
             return this.c.horizontalScrollbarStatus * (this.c.scrollbarSpan - 2) + 2;
         }
         return this.c.scrollbarSpan;
     };
-    ScrollerView.prototype.z = function () {
+    ScrollerView.prototype.ab = function () {
         if (this.c.scrollbarStyle == 2) {
             return this.c.verticalScrollbarStatus * (this.c.scrollbarSpan - 2) + 2;
         }
         return this.c.scrollbarSpan;
     };
     ScrollerView.prototype.focus = function () {
-        this.ab.rootWrapper.focus(true);
+        this.ag.rootWrapper.focus(true);
     };
     ScrollerView.prototype.onDetachedFromUI = function () {
-        if (this.a != null && this.ab != null) {
-            this.a.bi(this.ab.rootWrapper, "");
+        if (this.a != null && this.ag != null) {
+            this.a.bk(this.ag.rootWrapper, "");
+        }
+        if (this.ad != null) {
+            document.removeEventListener("keydown", this.ad, false);
+            this.ad = null;
+        }
+        if (this.ae != null) {
+            document.removeEventListener("keyup", this.ae, false);
+            this.ae = null;
+        }
+        if (this.af != null) {
+            document.removeEventListener("mousedown", this.af, false);
+            this.af = null;
         }
     };
     ScrollerView.prototype.onAttachedToUI = function () {
         if (this.a != null) {
-            this.a.au(this.ab.rootWrapper, "");
+            this.a.av(this.ag.rootWrapper, "");
         }
     };
     ScrollerView.prototype.attachNativeScroll = function () {
-        var a = this.af.getNativeElement();
+        var a = this.ak.getNativeElement();
         a.addEventListener("scroll", runOn(this, this.onNativeScroll));
     };
     ScrollerView.prototype.detachNativeScroll = function () {
-        var a = this.af.getNativeElement();
+        var a = this.ak.getNativeElement();
         a.removeEventListener("scroll", runOn(this, this.onNativeScroll));
     };
     ScrollerView.prototype.onNativeScroll = function (a) {
@@ -480,7 +533,7 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.bb = 20;
         _this.be = 8;
         _this.bk = 0;
-        _this.dy = null;
+        _this.dz = null;
         _this.x = false;
         _this.a6 = 0;
         _this.bm = 0;
@@ -507,7 +560,7 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.s = false;
         _this.q = false;
         _this.r = false;
-        _this.d0 = null;
+        _this.d1 = null;
         _this.p = false;
         _this.propertyChanged = null;
         _this.onScrolling = null;
@@ -527,7 +580,7 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.y = false;
         _this.t = true;
         _this.u = true;
-        _this.dy = _this.view.getDefaultScrollbarBrush();
+        _this.dz = _this.view.getDefaultScrollbarBrush();
         _this.j = new DoubleAnimator(0, 1, 400);
         _this.k = new DoubleAnimator(0, 1, 400);
         _this.j.b = EasingFunctions.cubicEase;
@@ -546,7 +599,7 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.bi;
             this.bi = a;
             if (b != this.bi) {
-                this.dh("SmallVerticalChange", b, this.bi);
+                this.di("SmallVerticalChange", b, this.bi);
             }
         },
         enumerable: false,
@@ -570,7 +623,7 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.ba;
             this.ba = a;
             if (b != this.ba) {
-                this.dh("LargeVerticalChange", b, this.ba);
+                this.di("LargeVerticalChange", b, this.ba);
             }
         },
         enumerable: false,
@@ -584,7 +637,7 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.a4;
             this.a4 = a;
             if (b != this.a4) {
-                this.dh("ActualSmallVerticalChange", b, this.a4);
+                this.di("ActualSmallVerticalChange", b, this.a4);
             }
         },
         enumerable: false,
@@ -598,7 +651,7 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.a2;
             this.a2 = a;
             if (b != this.a2) {
-                this.dh("ActualLargeVerticalChange", b, this.a2);
+                this.di("ActualLargeVerticalChange", b, this.a2);
             }
         },
         enumerable: false,
@@ -612,7 +665,7 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.bh;
             this.bh = a;
             if (b != this.bh) {
-                this.dh("SmallHorizontalChange", b, this.bh);
+                this.di("SmallHorizontalChange", b, this.bh);
             }
         },
         enumerable: false,
@@ -626,7 +679,7 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.a9;
             this.a9 = a;
             if (b != this.a9) {
-                this.dh("LargeHorizontalChange", b, this.a9);
+                this.di("LargeHorizontalChange", b, this.a9);
             }
         },
         enumerable: false,
@@ -640,7 +693,7 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.a3;
             this.a3 = a;
             if (b != this.a3) {
-                this.dh("ActualSmallHorizontalChange", b, this.a3);
+                this.di("ActualSmallHorizontalChange", b, this.a3);
             }
         },
         enumerable: false,
@@ -654,7 +707,7 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.a1;
             this.a1 = a;
             if (b != this.a1) {
-                this.dh("ActualLargeHorizontalChange", b, this.a1);
+                this.di("ActualLargeHorizontalChange", b, this.a1);
             }
         },
         enumerable: false,
@@ -668,7 +721,7 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.a7;
             this.a7 = a;
             if (b != this.a7) {
-                this.dh("ContentWidth", b, this.a7);
+                this.di("ContentWidth", b, this.a7);
             }
         },
         enumerable: false,
@@ -682,7 +735,7 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.bb;
             this.bb = a;
             if (b != this.bb) {
-                this.dh("MinScrollbarSize", b, this.bb);
+                this.di("MinScrollbarSize", b, this.bb);
             }
         },
         enumerable: false,
@@ -696,7 +749,7 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.be;
             this.be = a;
             if (b != this.be) {
-                this.dh("ScrollbarSpan", b, this.be);
+                this.di("ScrollbarSpan", b, this.be);
             }
         },
         enumerable: false,
@@ -753,6 +806,11 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         return false;
     };
+    Scroller.prototype.dg = function (a, b) {
+        if (this.keyboardListener != null) {
+            this.keyboardListener.onGotFocus(a, b);
+        }
+    };
     Scroller.prototype.aj = function (a, b) {
         if (this.keyboardListener != null) {
             if (this.keyboardListener.onEnd(a, b)) {
@@ -762,7 +820,7 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
         if (this.scrollTop + this.viewportHeight >= this.contentHeight) {
             return false;
         }
-        this.dp(0, this.contentHeight - this.viewportHeight - this.scrollTop);
+        this.dq(0, this.contentHeight - this.viewportHeight - this.scrollTop);
         return false;
     };
     Scroller.prototype.an = function (a, b) {
@@ -774,7 +832,7 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
         if (this.scrollTop <= 0) {
             return false;
         }
-        this.dp(0, -this.scrollTop);
+        this.dq(0, -this.scrollTop);
         return false;
     };
     Scroller.prototype.au = function (a, b) {
@@ -786,7 +844,7 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
         if (this.scrollLeft + this.viewportWidth >= this.contentWidth) {
             return false;
         }
-        this.dp(this.bq, 0);
+        this.dq(this.bq, 0);
         return true;
     };
     Scroller.prototype.aq = function (a, b) {
@@ -798,7 +856,7 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
         if (this.scrollLeft <= 0) {
             return false;
         }
-        this.dp(this.bq * -1, 0);
+        this.dq(this.bq * -1, 0);
         return true;
     };
     Scroller.prototype.ax = function (a, b) {
@@ -810,7 +868,7 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
         if (this.scrollTop <= 0) {
             return false;
         }
-        this.dp(0, this.br * -1);
+        this.dq(0, this.br * -1);
         return true;
     };
     Scroller.prototype.ai = function (a, b) {
@@ -822,7 +880,7 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
         if (this.scrollTop + this.viewportHeight >= this.contentHeight) {
             return false;
         }
-        this.dp(0, this.br);
+        this.dq(0, this.br);
         return true;
     };
     Scroller.prototype.at = function (a, b) {
@@ -834,7 +892,7 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
         if (this.scrollTop < 0) {
             return false;
         }
-        this.dp(0, this.bp * -1);
+        this.dq(0, this.bp * -1);
         return true;
     };
     Scroller.prototype.as = function (a, b) {
@@ -846,7 +904,7 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
         if (this.scrollTop + this.viewportHeight >= this.contentHeight) {
             return false;
         }
-        this.dp(0, this.bp);
+        this.dq(0, this.bp);
         return true;
     };
     Scroller.prototype.ak = function (a, b) {
@@ -871,7 +929,7 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.bk;
             this.bk = a;
             if (b != this.bk) {
-                this.dh("VerticalTrackStartInset", b, this.bk);
+                this.di("VerticalTrackStartInset", b, this.bk);
             }
         },
         enumerable: false,
@@ -879,23 +937,23 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
     });
     Object.defineProperty(Scroller.prototype, "scrollbarBrush", {
         get: function () {
-            return this.dy;
+            return this.dz;
         },
         set: function (a) {
-            var b = this.dy;
-            this.dy = a;
-            if (b != this.dy) {
-                this.dh("ScrollbarBrush", b, this.dy);
+            var b = this.dz;
+            this.dz = a;
+            if (b != this.dz) {
+                this.di("ScrollbarBrush", b, this.dz);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Scroller.prototype.dh = function (a, b, c) {
+    Scroller.prototype.di = function (a, b, c) {
         if (this.propertyChanged != null) {
             this.propertyChanged(this, new PropertyChangedEventArgs(a));
         }
-        this.dk(a, b, c);
+        this.dl(a, b, c);
     };
     Object.defineProperty(Scroller.prototype, "ay", {
         get: function () {
@@ -911,25 +969,25 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Scroller.prototype.dk = function (a, b, c) {
+    Scroller.prototype.dl = function (a, b, c) {
         switch (a) {
             case "ContentWidth":
                 this.view.onContentWidthChanged(this.contentWidth);
                 var d = c;
                 var e = b;
                 if (d < e && this.scrollLeft + this.viewportWidth >= d) {
-                    this.dq(d - (this.scrollLeft + this.viewportWidth), 0);
+                    this.dr(d - (this.scrollLeft + this.viewportWidth), 0);
                 }
-                this.dv();
+                this.dw();
                 break;
             case "ContentHeight":
                 this.view.onContentHeightChanged(this.contentHeight);
                 var f = c;
                 var g = b;
                 if (f < g && this.scrollTop > 0 && this.scrollTop + this.viewportHeight >= f) {
-                    this.dq(0, f - (this.scrollTop + this.viewportHeight));
+                    this.dr(0, f - (this.scrollTop + this.viewportHeight));
                 }
-                this.dx();
+                this.dy();
                 break;
             case "ScrollTop":
                 if (!this.ay) {
@@ -947,9 +1005,9 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
                     this.bo = this.viewportWidth;
                 }
                 if (this.contentWidth > 0 && this.scrollLeft + this.viewportWidth > this.contentWidth) {
-                    this.dq(this.contentWidth - this.viewportWidth - this.scrollLeft, 0);
+                    this.dr(this.contentWidth - this.viewportWidth - this.scrollLeft, 0);
                 }
-                this.dv();
+                this.dw();
                 if (this.view.getInitialScrollLeft() != this.scrollLeft) {
                     this.view.updateScrollLeft(this.scrollLeft);
                 }
@@ -959,7 +1017,7 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
                 if (isNaN_(this.largeVerticalChange)) {
                     this.bp = this.viewportHeight;
                 }
-                this.dx();
+                this.dy();
                 if (this.view.getInitialScrollTop() != this.scrollTop) {
                     this.view.updateScrollTop(this.scrollTop);
                 }
@@ -970,8 +1028,8 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
             case "ScrollbarSpan":
             case "MinScrollbarSize":
             case "VerticalTrackStartInset":
-                this.dx();
-                this.dv();
+                this.dy();
+                this.dw();
                 break;
             case "HorizontalScrollbarStatus":
             case "VerticalOpacity":
@@ -990,27 +1048,27 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.a6;
             this.a6 = a;
             if (b != this.a6) {
-                this.dh("ContentHeight", b, this.a6);
+                this.di("ContentHeight", b, this.a6);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Scroller.prototype.di = function (a) {
+    Scroller.prototype.dj = function (a) {
         var b = Math.max(this.minScrollbarSize, this.actualVerticalScrollbarHeight);
         var c = this.verticalTrackStartInset + (b / 2);
         var d = this.viewportHeight - (b / 2);
         var e = a / (d - c);
         var f = e * (this.contentHeight - this.viewportHeight);
-        this.dp(0, f);
+        this.dq(0, f);
     };
-    Scroller.prototype.dg = function (a) {
+    Scroller.prototype.dh = function (a) {
         var b = Math.max(this.minScrollbarSize, this.actualHorizontalScrollbarWidth);
         var c = 0 + (b / 2);
         var d = this.viewportWidth - (b / 2);
         var e = a / (d - c);
         var f = e * (this.contentWidth - this.viewportWidth);
-        this.dp(f, 0);
+        this.dq(f, 0);
     };
     Scroller.prototype.onViewportSizeChanged = function (a, b, c) {
         if (c === void 0) {
@@ -1021,14 +1079,14 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
         this.bm = a;
         this.bl = b;
         if (!isNaN_(this.contentWidth) && this.contentWidth != 0 && this.scrollLeft > 0 && this.scrollLeft + this.bm > this.contentWidth) {
-            this.dp(0, 0);
+            this.dq(0, 0);
         }
         if (!isNaN_(this.contentHeight) && this.contentHeight != 0 && this.scrollTop > 0 && this.scrollTop + this.bl > this.contentHeight) {
-            this.dp(0, 0);
+            this.dq(0, 0);
         }
         if (c && (d != a || e != b)) {
-            this.dh("ViewportWidth", d, a);
-            this.dh("ViewportHeight", e, b);
+            this.di("ViewportWidth", d, a);
+            this.di("ViewportHeight", e, b);
         }
     };
     Object.defineProperty(Scroller.prototype, "viewportWidth", {
@@ -1039,7 +1097,7 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.bm;
             this.bm = a;
             if (b != this.bm) {
-                this.dh("ViewportWidth", b, this.bm);
+                this.di("ViewportWidth", b, this.bm);
             }
         },
         enumerable: false,
@@ -1053,7 +1111,7 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.bl;
             this.bl = a;
             if (b != this.bl) {
-                this.dh("ViewportHeight", b, this.bl);
+                this.di("ViewportHeight", b, this.bl);
             }
         },
         enumerable: false,
@@ -1067,7 +1125,7 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.bg;
             this.bg = a;
             if (b != this.bg) {
-                this.dh("ScrollTop", b, this.bg);
+                this.di("ScrollTop", b, this.bg);
             }
         },
         enumerable: false,
@@ -1081,7 +1139,7 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.bf;
             this.bf = a;
             if (b != this.bf) {
-                this.dh("ScrollLeft", b, this.bf);
+                this.di("ScrollLeft", b, this.bf);
             }
         },
         enumerable: false,
@@ -1104,8 +1162,8 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
         this.view.provideContainer(a);
         this.bg = this.view.getInitialScrollTop();
         this.bf = this.view.getInitialScrollLeft();
-        this.dv();
-        this.dx();
+        this.dw();
+        this.dy();
     };
     Scroller.prototype.onDetachedFromUI = function () {
         this.view.onDetachedFromUI();
@@ -1124,7 +1182,7 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
         if (this.keyboardListener != null) {
             this.keyboardListener.onWheel();
         }
-        this.dp(b, c);
+        this.dq(b, c);
         return true;
     };
     Object.defineProperty(Scroller.prototype, "lockScrollDirection", {
@@ -1145,7 +1203,7 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.a5;
             this.a5 = a;
             if (b != this.a5) {
-                this.dh("ActualVerticalScrollbarHeight", b, this.a5);
+                this.di("ActualVerticalScrollbarHeight", b, this.a5);
             }
         },
         enumerable: false,
@@ -1159,7 +1217,7 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.a0;
             this.a0 = a;
             if (b != this.a0) {
-                this.dh("ActualHorizontalScrollbarWidth", b, this.a0);
+                this.di("ActualHorizontalScrollbarWidth", b, this.a0);
             }
         },
         enumerable: false,
@@ -1173,7 +1231,7 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.h;
             this.h = a;
             if (b != this.h) {
-                this.dh("ScrollbarStyle", enumGetBox(ScrollbarStyle_$type, b), enumGetBox(ScrollbarStyle_$type, this.h));
+                this.di("ScrollbarStyle", enumGetBox(ScrollbarStyle_$type, b), enumGetBox(ScrollbarStyle_$type, this.h));
             }
         },
         enumerable: false,
@@ -1187,7 +1245,7 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.a8;
             this.a8 = a;
             if (b != this.a8) {
-                this.dh("HorizontalScrollbarStatus", b, this.a8);
+                this.di("HorizontalScrollbarStatus", b, this.a8);
             }
         },
         enumerable: false,
@@ -1201,7 +1259,7 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.bj;
             this.bj = a;
             if (b != this.bj) {
-                this.dh("VerticalOpacity", b, this.bj);
+                this.di("VerticalOpacity", b, this.bj);
             }
         },
         enumerable: false,
@@ -1274,12 +1332,12 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
         this.q = false;
         this.r = false;
         this.p = true;
-        this.d0 = { $type: Point_$type, x: a.x, y: a.y };
+        this.d1 = { $type: Point_$type, x: a.x, y: a.y };
     };
     Scroller.prototype.de = function (a) {
         if (this.p) {
-            var b = a.y - this.d0.y;
-            var c = a.x - this.d0.x;
+            var b = a.y - this.d1.y;
+            var c = a.x - this.d1.x;
             if (this.lockScrollDirection && !this.r) {
                 this.r = true;
                 if (b > 0 || c > 0) {
@@ -1291,8 +1349,8 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
                     }
                 }
             }
-            this.d0 = { $type: Point_$type, x: a.x, y: a.y };
-            this.dp(-c, -b);
+            this.d1 = { $type: Point_$type, x: a.x, y: a.y };
+            this.dq(-c, -b);
         }
     };
     Object.defineProperty(Scroller.prototype, "isScrolling", {
@@ -1309,28 +1367,28 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
         this.view.detachNativeScroll();
         this.bc = a - this.scrollLeft;
         this.bd = b - this.scrollTop;
-        this.dn();
+        this.dp();
     };
-    Scroller.prototype.dp = function (a, b) {
+    Scroller.prototype.dq = function (a, b) {
         this.view.detachNativeScroll();
         this.bc += a;
         this.bd += b;
-        this.dn();
+        this.dp();
     };
-    Scroller.prototype.dq = function (a, b) {
+    Scroller.prototype.dr = function (a, b) {
         this.view.detachNativeScroll();
         this.bc += a;
         this.bd += b;
-        this.du();
+        this.dv();
     };
-    Scroller.prototype.dn = function () {
+    Scroller.prototype.dp = function () {
         if (this.w) {
             return;
         }
         this.w = true;
-        this.view.requestWork(runOn(this, this.du));
+        this.view.requestWork(runOn(this, this.dv));
     };
-    Scroller.prototype.du = function () {
+    Scroller.prototype.dv = function () {
         var _this = this;
         this.w = false;
         var a = this.bc;
@@ -1397,8 +1455,8 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
                 this.ab = true;
                 this.scrollTop = c;
                 this.scrollLeft = d;
-                this.dx();
-                this.dv();
+                this.dy();
+                this.dw();
                 this.ab = false;
                 if (!this.isScrolling) {
                     this.isScrolling = true;
@@ -1444,17 +1502,17 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    Scroller.prototype.dx = function () {
+    Scroller.prototype.dy = function () {
         if (isNaN_(this.contentHeight)) {
             return;
         }
-        this.dw(this.contentHeight, this.viewportHeight, this.scrollTop, true);
+        this.dx(this.contentHeight, this.viewportHeight, this.scrollTop, true);
     };
-    Scroller.prototype.dv = function () {
+    Scroller.prototype.dw = function () {
         if (isNaN_(this.contentWidth)) {
             return;
         }
-        this.dw(this.contentWidth, this.viewportWidth, this.scrollLeft, false);
+        this.dx(this.contentWidth, this.viewportWidth, this.scrollLeft, false);
     };
     Scroller.prototype.aa = function (a, b) {
         if (Math.abs(a - b) <= 2) {
@@ -1462,7 +1520,7 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         return false;
     };
-    Scroller.prototype.dw = function (a, b, c, d) {
+    Scroller.prototype.dx = function (a, b, c, d) {
         if (b == 0 || a == 0) {
             return;
         }
@@ -1541,7 +1599,7 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
             return;
         }
         if (this.scrollbarStyle == 1 || this.scrollbarStyle == 2) {
-            this.ds();
+            this.dt();
         }
         this.n = false;
     };
@@ -1550,11 +1608,11 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
             return;
         }
         if (this.scrollbarStyle == 1 || this.scrollbarStyle == 2) {
-            this.dt();
+            this.du();
         }
         this.y = false;
     };
-    Scroller.prototype.ds = function () {
+    Scroller.prototype.dt = function () {
         if (!this.o) {
             this.o = true;
             this.cd = this.executionContext.getCurrentRelativeTime();
@@ -1564,7 +1622,7 @@ var Scroller = /** @class */ /*@__PURE__*/ (function (_super) {
             this.cd = this.executionContext.getCurrentRelativeTime();
         }
     };
-    Scroller.prototype.dt = function () {
+    Scroller.prototype.du = function () {
         if (!this.z) {
             this.z = true;
             this.ce = this.executionContext.getCurrentRelativeTime();