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

package/esm2015/lib/ScrollerView_combined.js

@@ -9,6 +9,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";
@@ -23,28 +24,36 @@ export let ScrollerView = /*@__PURE__*/ (() => {
     class ScrollerView extends Base {
         constructor(a) {
             super();
-            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;
         }
         getDefaultScrollbarBrush() {
@@ -56,110 +65,142 @@ export let ScrollerView = /*@__PURE__*/ (() => {
         }
         provideContainer(a) {
             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);
-            let b = Math.round(this.ab.rootWrapper.width());
-            let 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);
+            let b = Math.round(this.ag.rootWrapper.width());
+            let 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;
             let d = this.a;
-            d.onMouseWheel = delegateCombine(d.onMouseWheel, runOn(this, this.l));
+            d.onMouseWheel = delegateCombine(d.onMouseWheel, runOn(this, this.n));
             let e = this.a;
-            e.onMouseWheelHorizontal = delegateCombine(e.onMouseWheelHorizontal, runOn(this, this.m));
+            e.onMouseWheelHorizontal = delegateCombine(e.onMouseWheelHorizontal, runOn(this, this.o));
             let f = this.a;
-            f.onMouseLeave = delegateCombine(f.onMouseLeave, runOn(this, this.an));
+            f.onMouseLeave = delegateCombine(f.onMouseLeave, runOn(this, this.at));
             let g = this.a;
-            g.onDragStarted = delegateCombine(g.onDragStarted, runOn(this, this.am));
+            g.onDragStarted = delegateCombine(g.onDragStarted, runOn(this, this.ar));
             let h = this.a;
-            h.onDragDelta = delegateCombine(h.onDragDelta, runOn(this, this.al));
+            h.onDragDelta = delegateCombine(h.onDragDelta, runOn(this, this.aq));
             let i = this.a;
-            i.onDragCompleted = delegateCombine(i.onDragCompleted, runOn(this, this.ak));
+            i.onDragCompleted = delegateCombine(i.onDragCompleted, runOn(this, this.ap));
             let j = this.a;
-            j.onFlingStarted = delegateCombine(j.onFlingStarted, runOn(this, this.j));
+            j.onFlingStarted = delegateCombine(j.onFlingStarted, runOn(this, this.l));
             let k = this.a;
-            k.onContactStarted = delegateCombine(k.onContactStarted, runOn(this, this.aj));
+            k.onContactStarted = delegateCombine(k.onContactStarted, runOn(this, this.ao));
             let l = this.a;
-            l.onContactMoved = delegateCombine(l.onContactMoved, runOn(this, this.ai));
+            l.onContactMoved = delegateCombine(l.onContactMoved, runOn(this, this.an));
             let 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);
             let n = this.a;
-            n.onKeyDown = delegateCombine(n.onKeyDown, runOn(this, this.k));
-            this.a.as = (o) => {
-                let e_ = o.originalEvent;
-                let p = (e_.type);
-                if (p == "pointerdown" && !this.a.bs(o)) {
+            n.onKeyDown = delegateCombine(n.onKeyDown, runOn(this, this.m));
+            let 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 = (p) => {
+                let e_ = p.originalEvent;
+                let 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();
         }
-        k(a) {
-            return this.c.ap(a, (this.a.bj & 4) != 0, (this.a.bj & 2) != 0);
+        m(a) {
+            return this.c.ap(a, (this.a.bl & 4) != 0, (this.a.bl & 2) != 0);
         }
-        r(a, b, c) {
+        as(a) {
+            let b = a.originalEvent ? a.originalEvent.relatedTarget : a.relatedTarget;
+            let c = this.ag.rootWrapper.getNativeElement();
+            let d = (b instanceof Node && c.contains(b));
+            if (d) {
+                return;
+            }
+            this.c.dg(this.i, this.k);
+        }
+        onDocumentKeyDown(a) {
+            let b = a;
+            this.i = b.shiftKey;
+            let c = BaseDOMEventProxy.c4(b);
+            if (c == 2) {
+                this.k = true;
+            }
+        }
+        onDocumentKeyUp(a) {
+            let b = a;
+            this.i = b.shiftKey;
+        }
+        onDocumentMouseDown(a) {
+            this.k = false;
+        }
+        t(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;
             }
@@ -168,111 +209,111 @@ export let ScrollerView = /*@__PURE__*/ (() => {
             }
             return false;
         }
-        ah(a, b) {
+        am(a, b) {
             this.f = false;
             this.g = false;
             this.c.isDraggingVBar = false;
             this.c.isDraggingHBar = false;
         }
-        ai(a, b) {
+        an(a, b) {
             if (this.g) {
-                let c = a.y - this.v;
-                this.v = a.y;
-                this.c.di(c);
+                let c = a.y - this.x;
+                this.x = a.y;
+                this.c.dj(c);
             }
             else if (this.f) {
-                let d = a.x - this.s;
-                this.s = a.x;
-                this.c.dg(d);
+                let d = a.x - this.u;
+                this.u = a.x;
+                this.c.dh(d);
             }
         }
-        aj(a, b) {
+        ao(a, b) {
             this.e = false;
             this.cancelInertia();
-            let c = this.q(a, b);
-            let d = this.p(a, b);
+            let c = this.s(a, b);
+            let 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();
             }
         }
-        p(a, b) {
+        r(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;
         }
-        q(a, b) {
-            if (!this.i) {
+        s(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;
         }
-        n(a, b) {
+        p(a, b) {
             if (!this.h) {
                 return false;
             }
             return a.y >= this.c.viewportHeight - this.c.scrollbarSpan - 40 && a.y <= this.c.viewportHeight;
         }
-        o(a, b) {
-            if (!this.i) {
+        q(a, b) {
+            if (!this.j) {
                 return false;
             }
             return a.x >= this.c.viewportWidth - this.c.scrollbarSpan - 40 && a.x <= this.c.viewportWidth;
         }
-        j(a, b, c) {
+        l(a, b, c) {
             this.e = true;
             return true;
         }
         onViewportHeightChanged(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);
         }
         onViewportWidthChanged(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);
         }
         onContentHeightChanged(a) {
-            if (this.ac != null) {
-                this.ac.setStyleProperty("height", a + "px");
+            if (this.ah != null) {
+                this.ah.setStyleProperty("height", a + "px");
             }
         }
         onContentWidthChanged(a) {
-            if (this.ac != null) {
-                this.ac.setStyleProperty("width", a + "px");
+            if (this.ah != null) {
+                this.ah.setStyleProperty("width", a + "px");
             }
         }
         cancelInertia() {
         }
-        ak(a) {
+        ap(a) {
             if (this.f || this.g) {
                 return;
             }
             this.e = false;
             this.c.dd(a);
         }
-        al(a) {
+        aq(a) {
             if (this.f || this.g) {
                 return;
             }
             this.c.de(a);
         }
         updateScrollTop(a) {
-            this.aa.scrollTop = truncate(a);
+            this.ac.scrollTop = truncate(a);
         }
-        am(a) {
+        ar(a) {
             if (this.f || this.g) {
                 return;
             }
@@ -280,22 +321,22 @@ export let ScrollerView = /*@__PURE__*/ (() => {
             this.c.df(a);
         }
         getInitialScrollLeft() {
-            return this.aa.scrollLeft;
+            return this.ac.scrollLeft;
         }
         getInitialScrollTop() {
-            return this.aa.scrollTop;
+            return this.ac.scrollTop;
         }
-        l(a, b) {
+        n(a, b) {
             this.e = false;
             this.cancelInertia();
             return this.c.ar(a, 0, b);
         }
-        m(a, b) {
+        o(a, b) {
             this.e = false;
             this.cancelInertia();
             return this.c.ar(a, b, 0);
         }
-        an(a) {
+        at(a) {
             if (this.c.horizontalScrollbarStatus > 0) {
                 this.c.c8();
             }
@@ -304,18 +345,18 @@ export let ScrollerView = /*@__PURE__*/ (() => {
             }
         }
         updateScrollLeft(a) {
-            this.aa.scrollLeft = truncate(a);
+            this.ac.scrollLeft = truncate(a);
         }
         provideContent(a) {
-            this.ac = a;
-            this.af.append(this.ac);
+            this.ah = a;
+            this.ak.append(this.ah);
         }
         requestWork(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();
@@ -325,34 +366,34 @@ export let ScrollerView = /*@__PURE__*/ (() => {
             }
         }
         hideVScrollbar() {
-            if (this.i) {
-                this.i = false;
-                this.ag.setStyleProperty("display", "none");
+            if (this.j) {
+                this.j = false;
+                this.al.setStyleProperty("display", "none");
             }
         }
         hideHScrollbar() {
             if (this.h) {
                 this.h = false;
-                this.ad.setStyleProperty("display", "none");
+                this.ai.setStyleProperty("display", "none");
             }
         }
         updateVScrollbar(a, b) {
             let 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);
                 }
             }
         }
@@ -361,94 +402,106 @@ export let ScrollerView = /*@__PURE__*/ (() => {
             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());
                 }
             }
         }
         updateScrollbarBrush() {
-            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);
             }
         }
         updateScrollbarStatus(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;
                 }
             }
         }
-        y() {
+        aa() {
             if (this.c.scrollbarStyle == 2) {
                 return this.c.horizontalScrollbarStatus * (this.c.scrollbarSpan - 2) + 2;
             }
             return this.c.scrollbarSpan;
         }
-        z() {
+        ab() {
             if (this.c.scrollbarStyle == 2) {
                 return this.c.verticalScrollbarStatus * (this.c.scrollbarSpan - 2) + 2;
             }
             return this.c.scrollbarSpan;
         }
         focus() {
-            this.ab.rootWrapper.focus(true);
+            this.ag.rootWrapper.focus(true);
         }
         onDetachedFromUI() {
-            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;
             }
         }
         onAttachedToUI() {
             if (this.a != null) {
-                this.a.au(this.ab.rootWrapper, "");
+                this.a.av(this.ag.rootWrapper, "");
             }
         }
         attachNativeScroll() {
-            let a = this.af.getNativeElement();
+            let a = this.ak.getNativeElement();
             a.addEventListener("scroll", runOn(this, this.onNativeScroll));
         }
         detachNativeScroll() {
-            let a = this.af.getNativeElement();
+            let a = this.ak.getNativeElement();
             a.removeEventListener("scroll", runOn(this, this.onNativeScroll));
         }
         onNativeScroll(a) {
@@ -477,7 +530,7 @@ export let Scroller = /*@__PURE__*/ (() => {
             this.bb = 20;
             this.be = 8;
             this.bk = 0;
-            this.dy = null;
+            this.dz = null;
             this.x = false;
             this.a6 = 0;
             this.bm = 0;
@@ -504,7 +557,7 @@ export let Scroller = /*@__PURE__*/ (() => {
             this.s = false;
             this.q = false;
             this.r = false;
-            this.d0 = null;
+            this.d1 = null;
             this.p = false;
             this.propertyChanged = null;
             this.onScrolling = null;
@@ -524,7 +577,7 @@ export let Scroller = /*@__PURE__*/ (() => {
             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;
@@ -541,7 +594,7 @@ export let Scroller = /*@__PURE__*/ (() => {
             let b = this.bi;
             this.bi = a;
             if (b != this.bi) {
-                this.dh("SmallVerticalChange", b, this.bi);
+                this.di("SmallVerticalChange", b, this.bi);
             }
         }
         get keyboardListener() {
@@ -557,7 +610,7 @@ export let Scroller = /*@__PURE__*/ (() => {
             let b = this.ba;
             this.ba = a;
             if (b != this.ba) {
-                this.dh("LargeVerticalChange", b, this.ba);
+                this.di("LargeVerticalChange", b, this.ba);
             }
         }
         get br() {
@@ -567,7 +620,7 @@ export let Scroller = /*@__PURE__*/ (() => {
             let b = this.a4;
             this.a4 = a;
             if (b != this.a4) {
-                this.dh("ActualSmallVerticalChange", b, this.a4);
+                this.di("ActualSmallVerticalChange", b, this.a4);
             }
         }
         get bp() {
@@ -577,7 +630,7 @@ export let Scroller = /*@__PURE__*/ (() => {
             let b = this.a2;
             this.a2 = a;
             if (b != this.a2) {
-                this.dh("ActualLargeVerticalChange", b, this.a2);
+                this.di("ActualLargeVerticalChange", b, this.a2);
             }
         }
         get smallHorizontalChange() {
@@ -587,7 +640,7 @@ export let Scroller = /*@__PURE__*/ (() => {
             let b = this.bh;
             this.bh = a;
             if (b != this.bh) {
-                this.dh("SmallHorizontalChange", b, this.bh);
+                this.di("SmallHorizontalChange", b, this.bh);
             }
         }
         get largeHorizontalChange() {
@@ -597,7 +650,7 @@ export let Scroller = /*@__PURE__*/ (() => {
             let b = this.a9;
             this.a9 = a;
             if (b != this.a9) {
-                this.dh("LargeHorizontalChange", b, this.a9);
+                this.di("LargeHorizontalChange", b, this.a9);
             }
         }
         get bq() {
@@ -607,7 +660,7 @@ export let Scroller = /*@__PURE__*/ (() => {
             let b = this.a3;
             this.a3 = a;
             if (b != this.a3) {
-                this.dh("ActualSmallHorizontalChange", b, this.a3);
+                this.di("ActualSmallHorizontalChange", b, this.a3);
             }
         }
         get bo() {
@@ -617,7 +670,7 @@ export let Scroller = /*@__PURE__*/ (() => {
             let b = this.a1;
             this.a1 = a;
             if (b != this.a1) {
-                this.dh("ActualLargeHorizontalChange", b, this.a1);
+                this.di("ActualLargeHorizontalChange", b, this.a1);
             }
         }
         get contentWidth() {
@@ -627,7 +680,7 @@ export let Scroller = /*@__PURE__*/ (() => {
             let b = this.a7;
             this.a7 = a;
             if (b != this.a7) {
-                this.dh("ContentWidth", b, this.a7);
+                this.di("ContentWidth", b, this.a7);
             }
         }
         get minScrollbarSize() {
@@ -637,7 +690,7 @@ export let Scroller = /*@__PURE__*/ (() => {
             let b = this.bb;
             this.bb = a;
             if (b != this.bb) {
-                this.dh("MinScrollbarSize", b, this.bb);
+                this.di("MinScrollbarSize", b, this.bb);
             }
         }
         get scrollbarSpan() {
@@ -647,7 +700,7 @@ export let Scroller = /*@__PURE__*/ (() => {
             let b = this.be;
             this.be = a;
             if (b != this.be) {
-                this.dh("ScrollbarSpan", b, this.be);
+                this.di("ScrollbarSpan", b, this.be);
             }
         }
         ap(a, b, c) {
@@ -701,6 +754,11 @@ export let Scroller = /*@__PURE__*/ (() => {
             }
             return false;
         }
+        dg(a, b) {
+            if (this.keyboardListener != null) {
+                this.keyboardListener.onGotFocus(a, b);
+            }
+        }
         aj(a, b) {
             if (this.keyboardListener != null) {
                 if (this.keyboardListener.onEnd(a, b)) {
@@ -710,7 +768,7 @@ export let Scroller = /*@__PURE__*/ (() => {
             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;
         }
         an(a, b) {
@@ -722,7 +780,7 @@ export let Scroller = /*@__PURE__*/ (() => {
             if (this.scrollTop <= 0) {
                 return false;
             }
-            this.dp(0, -this.scrollTop);
+            this.dq(0, -this.scrollTop);
             return false;
         }
         au(a, b) {
@@ -734,7 +792,7 @@ export let Scroller = /*@__PURE__*/ (() => {
             if (this.scrollLeft + this.viewportWidth >= this.contentWidth) {
                 return false;
             }
-            this.dp(this.bq, 0);
+            this.dq(this.bq, 0);
             return true;
         }
         aq(a, b) {
@@ -746,7 +804,7 @@ export let Scroller = /*@__PURE__*/ (() => {
             if (this.scrollLeft <= 0) {
                 return false;
             }
-            this.dp(this.bq * -1, 0);
+            this.dq(this.bq * -1, 0);
             return true;
         }
         ax(a, b) {
@@ -758,7 +816,7 @@ export let Scroller = /*@__PURE__*/ (() => {
             if (this.scrollTop <= 0) {
                 return false;
             }
-            this.dp(0, this.br * -1);
+            this.dq(0, this.br * -1);
             return true;
         }
         ai(a, b) {
@@ -770,7 +828,7 @@ export let Scroller = /*@__PURE__*/ (() => {
             if (this.scrollTop + this.viewportHeight >= this.contentHeight) {
                 return false;
             }
-            this.dp(0, this.br);
+            this.dq(0, this.br);
             return true;
         }
         at(a, b) {
@@ -782,7 +840,7 @@ export let Scroller = /*@__PURE__*/ (() => {
             if (this.scrollTop < 0) {
                 return false;
             }
-            this.dp(0, this.bp * -1);
+            this.dq(0, this.bp * -1);
             return true;
         }
         as(a, b) {
@@ -794,7 +852,7 @@ export let Scroller = /*@__PURE__*/ (() => {
             if (this.scrollTop + this.viewportHeight >= this.contentHeight) {
                 return false;
             }
-            this.dp(0, this.bp);
+            this.dq(0, this.bp);
             return true;
         }
         ak(a, b) {
@@ -818,24 +876,24 @@ export let Scroller = /*@__PURE__*/ (() => {
             let b = this.bk;
             this.bk = a;
             if (b != this.bk) {
-                this.dh("VerticalTrackStartInset", b, this.bk);
+                this.di("VerticalTrackStartInset", b, this.bk);
             }
         }
         get scrollbarBrush() {
-            return this.dy;
+            return this.dz;
         }
         set scrollbarBrush(a) {
-            let b = this.dy;
-            this.dy = a;
-            if (b != this.dy) {
-                this.dh("ScrollbarBrush", b, this.dy);
+            let b = this.dz;
+            this.dz = a;
+            if (b != this.dz) {
+                this.di("ScrollbarBrush", b, this.dz);
             }
         }
-        dh(a, b, c) {
+        di(a, b, c) {
             if (this.propertyChanged != null) {
                 this.propertyChanged(this, new PropertyChangedEventArgs(a));
             }
-            this.dk(a, b, c);
+            this.dl(a, b, c);
         }
         get ay() {
             return this.x;
@@ -847,25 +905,25 @@ export let Scroller = /*@__PURE__*/ (() => {
                 this.view.updateScrollLeft(this.scrollLeft);
             }
         }
-        dk(a, b, c) {
+        dl(a, b, c) {
             switch (a) {
                 case "ContentWidth":
                     this.view.onContentWidthChanged(this.contentWidth);
                     let d = c;
                     let 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);
                     let f = c;
                     let 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) {
@@ -883,9 +941,9 @@ export let Scroller = /*@__PURE__*/ (() => {
                         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);
                     }
@@ -895,7 +953,7 @@ export let Scroller = /*@__PURE__*/ (() => {
                     if (isNaN_(this.largeVerticalChange)) {
                         this.bp = this.viewportHeight;
                     }
-                    this.dx();
+                    this.dy();
                     if (this.view.getInitialScrollTop() != this.scrollTop) {
                         this.view.updateScrollTop(this.scrollTop);
                     }
@@ -906,8 +964,8 @@ export let Scroller = /*@__PURE__*/ (() => {
                 case "ScrollbarSpan":
                 case "MinScrollbarSize":
                 case "VerticalTrackStartInset":
-                    this.dx();
-                    this.dv();
+                    this.dy();
+                    this.dw();
                     break;
                 case "HorizontalScrollbarStatus":
                 case "VerticalOpacity":
@@ -925,24 +983,24 @@ export let Scroller = /*@__PURE__*/ (() => {
             let b = this.a6;
             this.a6 = a;
             if (b != this.a6) {
-                this.dh("ContentHeight", b, this.a6);
+                this.di("ContentHeight", b, this.a6);
             }
         }
-        di(a) {
+        dj(a) {
             let b = Math.max(this.minScrollbarSize, this.actualVerticalScrollbarHeight);
             let c = this.verticalTrackStartInset + (b / 2);
             let d = this.viewportHeight - (b / 2);
             let e = a / (d - c);
             let f = e * (this.contentHeight - this.viewportHeight);
-            this.dp(0, f);
+            this.dq(0, f);
         }
-        dg(a) {
+        dh(a) {
             let b = Math.max(this.minScrollbarSize, this.actualHorizontalScrollbarWidth);
             let c = 0 + (b / 2);
             let d = this.viewportWidth - (b / 2);
             let e = a / (d - c);
             let f = e * (this.contentWidth - this.viewportWidth);
-            this.dp(f, 0);
+            this.dq(f, 0);
         }
         onViewportSizeChanged(a, b, c = false) {
             let d = this.bm;
@@ -950,14 +1008,14 @@ export let Scroller = /*@__PURE__*/ (() => {
             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);
             }
         }
         get viewportWidth() {
@@ -967,7 +1025,7 @@ export let Scroller = /*@__PURE__*/ (() => {
             let b = this.bm;
             this.bm = a;
             if (b != this.bm) {
-                this.dh("ViewportWidth", b, this.bm);
+                this.di("ViewportWidth", b, this.bm);
             }
         }
         get viewportHeight() {
@@ -977,7 +1035,7 @@ export let Scroller = /*@__PURE__*/ (() => {
             let b = this.bl;
             this.bl = a;
             if (b != this.bl) {
-                this.dh("ViewportHeight", b, this.bl);
+                this.di("ViewportHeight", b, this.bl);
             }
         }
         get scrollTop() {
@@ -987,7 +1045,7 @@ export let Scroller = /*@__PURE__*/ (() => {
             let b = this.bg;
             this.bg = a;
             if (b != this.bg) {
-                this.dh("ScrollTop", b, this.bg);
+                this.di("ScrollTop", b, this.bg);
             }
         }
         get scrollLeft() {
@@ -997,7 +1055,7 @@ export let Scroller = /*@__PURE__*/ (() => {
             let b = this.bf;
             this.bf = a;
             if (b != this.bf) {
-                this.dh("ScrollLeft", b, this.bf);
+                this.di("ScrollLeft", b, this.bf);
             }
         }
         get view() {
@@ -1013,8 +1071,8 @@ export let Scroller = /*@__PURE__*/ (() => {
             this.view.provideContainer(a);
             this.bg = this.view.getInitialScrollTop();
             this.bf = this.view.getInitialScrollLeft();
-            this.dv();
-            this.dx();
+            this.dw();
+            this.dy();
         }
         onDetachedFromUI() {
             this.view.onDetachedFromUI();
@@ -1033,7 +1091,7 @@ export let Scroller = /*@__PURE__*/ (() => {
             if (this.keyboardListener != null) {
                 this.keyboardListener.onWheel();
             }
-            this.dp(b, c);
+            this.dq(b, c);
             return true;
         }
         get lockScrollDirection() {
@@ -1049,7 +1107,7 @@ export let Scroller = /*@__PURE__*/ (() => {
             let b = this.a5;
             this.a5 = a;
             if (b != this.a5) {
-                this.dh("ActualVerticalScrollbarHeight", b, this.a5);
+                this.di("ActualVerticalScrollbarHeight", b, this.a5);
             }
         }
         get actualHorizontalScrollbarWidth() {
@@ -1059,7 +1117,7 @@ export let Scroller = /*@__PURE__*/ (() => {
             let b = this.a0;
             this.a0 = a;
             if (b != this.a0) {
-                this.dh("ActualHorizontalScrollbarWidth", b, this.a0);
+                this.di("ActualHorizontalScrollbarWidth", b, this.a0);
             }
         }
         get scrollbarStyle() {
@@ -1069,7 +1127,7 @@ export let Scroller = /*@__PURE__*/ (() => {
             let 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));
             }
         }
         get horizontalScrollbarStatus() {
@@ -1079,7 +1137,7 @@ export let Scroller = /*@__PURE__*/ (() => {
             let b = this.a8;
             this.a8 = a;
             if (b != this.a8) {
-                this.dh("HorizontalScrollbarStatus", b, this.a8);
+                this.di("HorizontalScrollbarStatus", b, this.a8);
             }
         }
         get verticalScrollbarStatus() {
@@ -1089,7 +1147,7 @@ export let Scroller = /*@__PURE__*/ (() => {
             let b = this.bj;
             this.bj = a;
             if (b != this.bj) {
-                this.dh("VerticalOpacity", b, this.bj);
+                this.di("VerticalOpacity", b, this.bj);
             }
         }
         get horizontalAnimation() {
@@ -1131,12 +1189,12 @@ export let Scroller = /*@__PURE__*/ (() => {
             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 };
         }
         de(a) {
             if (this.p) {
-                let b = a.y - this.d0.y;
-                let c = a.x - this.d0.x;
+                let b = a.y - this.d1.y;
+                let c = a.x - this.d1.x;
                 if (this.lockScrollDirection && !this.r) {
                     this.r = true;
                     if (b > 0 || c > 0) {
@@ -1148,8 +1206,8 @@ export let Scroller = /*@__PURE__*/ (() => {
                         }
                     }
                 }
-                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);
             }
         }
         get isScrolling() {
@@ -1162,28 +1220,28 @@ export let Scroller = /*@__PURE__*/ (() => {
             this.view.detachNativeScroll();
             this.bc = a - this.scrollLeft;
             this.bd = b - this.scrollTop;
-            this.dn();
+            this.dp();
         }
-        dp(a, b) {
+        dq(a, b) {
             this.view.detachNativeScroll();
             this.bc += a;
             this.bd += b;
-            this.dn();
+            this.dp();
         }
-        dq(a, b) {
+        dr(a, b) {
             this.view.detachNativeScroll();
             this.bc += a;
             this.bd += b;
-            this.du();
+            this.dv();
         }
-        dn() {
+        dp() {
             if (this.w) {
                 return;
             }
             this.w = true;
-            this.view.requestWork(runOn(this, this.du));
+            this.view.requestWork(runOn(this, this.dv));
         }
-        du() {
+        dv() {
             this.w = false;
             let a = this.bc;
             let b = this.bd;
@@ -1249,8 +1307,8 @@ export let Scroller = /*@__PURE__*/ (() => {
                     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;
@@ -1296,17 +1354,17 @@ export let Scroller = /*@__PURE__*/ (() => {
                 }
             }
         }
-        dx() {
+        dy() {
             if (isNaN_(this.contentHeight)) {
                 return;
             }
-            this.dw(this.contentHeight, this.viewportHeight, this.scrollTop, true);
+            this.dx(this.contentHeight, this.viewportHeight, this.scrollTop, true);
         }
-        dv() {
+        dw() {
             if (isNaN_(this.contentWidth)) {
                 return;
             }
-            this.dw(this.contentWidth, this.viewportWidth, this.scrollLeft, false);
+            this.dx(this.contentWidth, this.viewportWidth, this.scrollLeft, false);
         }
         aa(a, b) {
             if (Math.abs(a - b) <= 2) {
@@ -1314,7 +1372,7 @@ export let Scroller = /*@__PURE__*/ (() => {
             }
             return false;
         }
-        dw(a, b, c, d) {
+        dx(a, b, c, d) {
             if (b == 0 || a == 0) {
                 return;
             }
@@ -1393,7 +1451,7 @@ export let Scroller = /*@__PURE__*/ (() => {
                 return;
             }
             if (this.scrollbarStyle == 1 || this.scrollbarStyle == 2) {
-                this.ds();
+                this.dt();
             }
             this.n = false;
         }
@@ -1402,11 +1460,11 @@ export let Scroller = /*@__PURE__*/ (() => {
                 return;
             }
             if (this.scrollbarStyle == 1 || this.scrollbarStyle == 2) {
-                this.dt();
+                this.du();
             }
             this.y = false;
         }
-        ds() {
+        dt() {
             if (!this.o) {
                 this.o = true;
                 this.cd = this.executionContext.getCurrentRelativeTime();
@@ -1416,7 +1474,7 @@ export let Scroller = /*@__PURE__*/ (() => {
                 this.cd = this.executionContext.getCurrentRelativeTime();
             }
         }
-        dt() {
+        du() {
             if (!this.z) {
                 this.z = true;
                 this.ce = this.executionContext.getCurrentRelativeTime();