igniteui-angular-core 17.2.0 → 17.3.0-beta.0

package/esm5/lib/PopupView_combined.js

@@ -4,8 +4,8 @@ https://www.infragistics.com/legal/license/igultimate-la
 https://www.infragistics.com/legal/license/igultimate-eula
 GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE:  you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
 */
-import { __extends, __read, __spreadArray } from "tslib";
-import { Base, runOn, markType, INotifyPropertyChanged_$type, PropertyChangedEventArgs, enumGetBox } from "./type";
+import { __extends, __read, __spreadArray, __values } from "tslib";
+import { Base, runOn, markType, INotifyPropertyChanged_$type, PropertyChangedEventArgs, enumGetBox, fromEnum } from "./type";
 import { Size } from "./Size";
 import { ElevationHelper } from "./ElevationHelper";
 import { CornerRadius } from "./CornerRadius";
@@ -21,12 +21,13 @@ import { PopupAnimationType_$type } from "./PopupAnimationType";
 import { stringFormat } from "./stringExtended";
 import { isNaN_, truncate } from "./number";
 import { stringEmpty } from "./string";
+import { NativeUIInputsFactory } from "./NativeUIInputsFactory";
 import { OnClosedEventArgs } from "./OnClosedEventArgs";
 import { MouseEventArgs } from "./MouseEventArgs";
 import { FocusEventArgs } from "./FocusEventArgs";
 import { PopupAnimation } from "./PopupAnimation";
-import { List$1 } from "./List$1";
 import { IKeyFrameAnimation_$type } from "./IKeyFrameAnimation";
+import { List$1 } from "./List$1";
 import { AnimationKeyFrameProperty } from "./AnimationKeyFrameProperty";
 import { TranslateTransform } from "./TranslateTransform";
 import { OnPopupEventArgs } from "./OnPopupEventArgs";
@@ -156,7 +157,7 @@ var PopupView = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     PopupView.prototype.bn = function () {
         var a = this.g;
-        var b = ElevationHelper.e(a.a6, a.cv, a.cu, a.ct);
+        var b = ElevationHelper.e(a.a6, a.cx, a.cw, a.cv);
         if (this.l()) {
             this.aj.setStyleProperty("box-shadow", b);
         }
@@ -165,12 +166,12 @@ var PopupView = /** @class */ /*@__PURE__*/ (function (_super) {
         }
     };
     PopupView.prototype.bl = function () {
-        if (this.g.cw != null) {
-            this.an.setStyleProperty("background-color", this.g.cw._fill);
-            this.ak.setStyleProperty("background-color", this.g.cw._fill);
+        if (this.g.cy != null) {
+            this.an.setStyleProperty("background-color", this.g.cy._fill);
+            this.ak.setStyleProperty("background-color", this.g.cy._fill);
         }
-        if (this.g.c0 != null) {
-            this.ak.setStyleProperty("background-color", this.g.c0._fill);
+        if (this.g.c2 != null) {
+            this.ak.setStyleProperty("background-color", this.g.c2._fill);
         }
     };
     PopupView.prototype.bm = function () {
@@ -188,16 +189,16 @@ var PopupView = /** @class */ /*@__PURE__*/ (function (_super) {
         this.bm();
     };
     PopupView.prototype.a7 = function (a) {
-        this.g.cb();
+        this.g.cd();
     };
     PopupView.prototype.a8 = function (a) {
-        this.g.cc();
+        this.g.ce();
     };
     PopupView.prototype.a4 = function (a) {
-        this.g.b9();
+        this.g.cb();
     };
     PopupView.prototype.a5 = function (a) {
-        this.g.ca(a.originalEvent.relatedTarget);
+        this.g.cc(a.originalEvent.relatedTarget);
     };
     PopupView.prototype.o = function () {
         return (HTMLElement.prototype.hasOwnProperty("popover"));
@@ -247,14 +248,14 @@ var PopupView = /** @class */ /*@__PURE__*/ (function (_super) {
                 else {
                     document.body.appendChild(a);
                 }
-                this.m = true;
-                if (this.k) {
-                    this.a1();
-                }
                 this.bh(this.g.ax);
                 if (this.l()) {
                     a.showPopover();
                 }
+                this.m = true;
+                if (this.k) {
+                    this.a1();
+                }
             }
         }
     };
@@ -311,7 +312,7 @@ var PopupView = /** @class */ /*@__PURE__*/ (function (_super) {
             if (this.g.ao() && this.g.p == 0) {
                 return;
             }
-            this.g.b6();
+            this.g.b8();
         }
     };
     PopupView.prototype.j = function (a) {
@@ -563,7 +564,7 @@ var PopupView = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     PopupView.prototype.bk = function () {
         var a = new Size(1, this.bs.width, this.bs.height);
-        if (!this.m || !this.g.aw) {
+        if (!this.m || (!this.g.aw && !this.g.ap)) {
             a.height = 0;
         }
         var b = a.width;
@@ -592,7 +593,7 @@ var PopupView = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
         if (this.f.ao()) {
-            if (this.x == c) {
+            if (this.g.ap || this.x == c) {
                 return;
             }
             this.f.b2();
@@ -703,8 +704,8 @@ var Popup = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.q = 0;
         _this.i = 0;
         _this.a1 = 0;
+        _this.c5 = null;
         _this.c3 = null;
-        _this.c1 = null;
         _this.bb = null;
         _this.onClosed = null;
         _this.onPopup = null;
@@ -721,37 +722,38 @@ var Popup = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.a5 = -1;
         _this.a4 = Popup.a9;
         _this.av = false;
+        _this.cs = Popup.c1;
+        _this.cr = Popup.c0;
         _this.cq = Popup.cz;
-        _this.cp = Popup.cy;
-        _this.co = Popup.cx;
-        _this.cr = null;
+        _this.ct = null;
         _this.ay = 0;
         _this.ag = true;
         _this.ac = false;
         _this.ah = false;
         _this.s = 0;
-        _this.cs = null;
+        _this.cu = null;
         _this.az = 20;
         _this.ai = false;
         _this.ad = false;
         _this.ae = false;
         _this.aj = false;
         _this.k = null;
+        NativeUIInputsFactory.n();
         var a = _this.v();
         _this.w = a;
         a.a0(_this);
         return _this;
     }
-    Object.defineProperty(Popup.prototype, "c4", {
+    Object.defineProperty(Popup.prototype, "c6", {
         get: function () {
-            return this.c3;
+            return this.c5;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(Popup.prototype, "c2", {
+    Object.defineProperty(Popup.prototype, "c4", {
         get: function () {
-            return this.c1;
+            return this.c3;
         },
         enumerable: false,
         configurable: true
@@ -787,28 +789,28 @@ var Popup = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Popup.prototype.cd = function (a, b, c) {
+    Popup.prototype.cf = function (a, b, c) {
         if (this.propertyChanged != null) {
             this.propertyChanged(this, new PropertyChangedEventArgs(a));
         }
-        this.cg(a, b, c);
+        this.ci(a, b, c);
     };
-    Popup.prototype.cb = function () {
+    Popup.prototype.cd = function () {
         if (this.popupMouseEnter != null) {
             this.popupMouseEnter(this, new MouseEventArgs());
         }
     };
-    Popup.prototype.cc = function () {
+    Popup.prototype.ce = function () {
         if (this.popupMouseLeave != null) {
             this.popupMouseLeave(this, new MouseEventArgs());
         }
     };
-    Popup.prototype.b9 = function () {
+    Popup.prototype.cb = function () {
         if (this.popupGotFocus != null) {
             this.popupGotFocus(this, new FocusEventArgs());
         }
     };
-    Popup.prototype.ca = function (a) {
+    Popup.prototype.cc = function (a) {
         if (this.popupLostFocus != null) {
             this.popupLostFocus(this, ((function () {
                 var $ret = new FocusEventArgs();
@@ -825,7 +827,7 @@ var Popup = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.af;
             this.af = a;
             if (b != this.af) {
-                this.cd("IsFocusable", b, this.af);
+                this.cf("IsFocusable", b, this.af);
             }
         },
         enumerable: false,
@@ -839,7 +841,7 @@ var Popup = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.a7;
             this.a7 = a;
             if (b != this.a7) {
-                this.cd("AnimationDuration", b, a);
+                this.cf("AnimationDuration", b, a);
             }
         },
         enumerable: false,
@@ -853,7 +855,7 @@ var Popup = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.ak;
             this.ak = a;
             if (b != this.ak) {
-                this.cd("AnimationEnabled", b, a);
+                this.cf("AnimationEnabled", b, a);
             }
         },
         enumerable: false,
@@ -867,7 +869,7 @@ var Popup = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.o;
             this.o = a;
             if (b != this.o) {
-                this.cd("AnimationType", enumGetBox(PopupAnimationType_$type, b), enumGetBox(PopupAnimationType_$type, this.o));
+                this.cf("AnimationType", enumGetBox(PopupAnimationType_$type, b), enumGetBox(PopupAnimationType_$type, this.o));
             }
         },
         enumerable: false,
@@ -881,7 +883,7 @@ var Popup = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.a5;
             this.a5 = a;
             if (b != this.a5) {
-                this.cd("Elevation", b, a);
+                this.cf("Elevation", b, a);
             }
         },
         enumerable: false,
@@ -895,7 +897,7 @@ var Popup = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.a4;
             this.a4 = a;
             if (b != this.a4) {
-                this.cd("ActualElevation", b, a);
+                this.cf("ActualElevation", b, a);
             }
         },
         enumerable: false,
@@ -908,57 +910,57 @@ var Popup = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(Popup.prototype, "cv", {
+    Object.defineProperty(Popup.prototype, "cx", {
         get: function () {
-            return this.cq;
+            return this.cs;
         },
         set: function (a) {
-            var b = this.cq;
-            this.cq = a;
-            if (b != this.cq) {
-                this.cd("ActualUmbraShadowColor", b, a);
+            var b = this.cs;
+            this.cs = a;
+            if (b != this.cs) {
+                this.cf("ActualUmbraShadowColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(Popup.prototype, "cu", {
+    Object.defineProperty(Popup.prototype, "cw", {
         get: function () {
-            return this.cp;
+            return this.cr;
         },
         set: function (a) {
-            var b = this.cp;
-            this.cp = a;
-            if (b != this.cp) {
-                this.cd("ActualPenumbraShadowColor", b, a);
+            var b = this.cr;
+            this.cr = a;
+            if (b != this.cr) {
+                this.cf("ActualPenumbraShadowColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(Popup.prototype, "ct", {
+    Object.defineProperty(Popup.prototype, "cv", {
         get: function () {
-            return this.co;
+            return this.cq;
         },
         set: function (a) {
-            var b = this.co;
-            this.co = a;
-            if (b != this.co) {
-                this.cd("ActualAmbientShadowColor", b, a);
+            var b = this.cq;
+            this.cq = a;
+            if (b != this.cq) {
+                this.cf("ActualAmbientShadowColor", b, a);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(Popup.prototype, "cw", {
+    Object.defineProperty(Popup.prototype, "cy", {
         get: function () {
-            return this.cr;
+            return this.ct;
         },
         set: function (a) {
-            var b = this.cr;
-            this.cr = a;
-            if (b != this.cr) {
-                this.cd("Background", b, this.cr);
+            var b = this.ct;
+            this.ct = a;
+            if (b != this.ct) {
+                this.cf("Background", b, this.ct);
             }
         },
         enumerable: false,
@@ -972,7 +974,7 @@ var Popup = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.ay;
             this.ay = a;
             if (b != this.ay) {
-                this.cd("CornerRadius", b, this.ay);
+                this.cf("CornerRadius", b, this.ay);
             }
         },
         enumerable: false,
@@ -986,7 +988,7 @@ var Popup = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.ag;
             this.ag = a;
             if (b != this.ag) {
-                this.cd("IsHitTestVisible", b, this.ag);
+                this.cf("IsHitTestVisible", b, this.ag);
             }
         },
         enumerable: false,
@@ -1000,7 +1002,7 @@ var Popup = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.ac;
             this.ac = a;
             if (b != this.ac) {
-                this.cd("DisableHitTestDuringAnimation", b, this.ac);
+                this.cf("DisableHitTestDuringAnimation", b, this.ac);
             }
         },
         enumerable: false,
@@ -1014,7 +1016,7 @@ var Popup = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.ah;
             this.ah = a;
             if (b != this.ah) {
-                this.cd("IsPointerEnabled", b, this.ah);
+                this.cf("IsPointerEnabled", b, this.ah);
             }
         },
         enumerable: false,
@@ -1028,21 +1030,21 @@ var Popup = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.s;
             this.s = a;
             if (b != this.s) {
-                this.cd("PointerPosition", enumGetBox(PopupPointerPosition_$type, b), enumGetBox(PopupPointerPosition_$type, this.s));
+                this.cf("PointerPosition", enumGetBox(PopupPointerPosition_$type, b), enumGetBox(PopupPointerPosition_$type, this.s));
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(Popup.prototype, "c0", {
+    Object.defineProperty(Popup.prototype, "c2", {
         get: function () {
-            return this.cs;
+            return this.cu;
         },
         set: function (a) {
-            var b = this.cs;
-            this.cs = a;
-            if (b != this.cs) {
-                this.cd("PointerBackground", b, this.cs);
+            var b = this.cu;
+            this.cu = a;
+            if (b != this.cu) {
+                this.cf("PointerBackground", b, this.cu);
             }
         },
         enumerable: false,
@@ -1056,7 +1058,7 @@ var Popup = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.az;
             this.az = a;
             if (b != this.az) {
-                this.cd("PointerSize", b, this.az);
+                this.cf("PointerSize", b, this.az);
             }
         },
         enumerable: false,
@@ -1090,7 +1092,7 @@ var Popup = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.ae;
             this.ae = a;
             if (b != this.ae) {
-                this.cd("IsFixed", b, this.ae);
+                this.cf("IsFixed", b, this.ae);
             }
         },
         enumerable: false,
@@ -1104,7 +1106,7 @@ var Popup = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.aj;
             this.aj = a;
             if (b != this.aj) {
-                this.cd("UseTopLayer", b, this.aj);
+                this.cf("UseTopLayer", b, this.aj);
             }
         },
         enumerable: false,
@@ -1113,7 +1115,7 @@ var Popup = /** @class */ /*@__PURE__*/ (function (_super) {
     Popup.prototype.v = function () {
         return new PopupView();
     };
-    Popup.prototype.cg = function (a, b, c) {
+    Popup.prototype.ci = function (a, b, c) {
         switch (a) {
             case "IsShown":
                 if (false == this.aw) {
@@ -1153,11 +1155,7 @@ var Popup = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     Popup.prototype.b2 = function () {
         if (this.ao()) {
-            for (var a = 0; a < this.k.a.count; a++) {
-                if (this.k.a._inner[a].playState == 1) {
-                    this.k.a._inner[a].cancel();
-                }
-            }
+            this.k.e();
         }
     };
     Popup.prototype.z = function (a) {
@@ -1221,7 +1219,7 @@ var Popup = /** @class */ /*@__PURE__*/ (function (_super) {
         a.b = 3;
         return a;
     };
-    Popup.prototype.b5 = function () {
+    Popup.prototype.b7 = function () {
         this.w.ay();
     };
     Popup.prototype.g = function (a) {
@@ -1250,28 +1248,28 @@ var Popup = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         var c = a ? 0 : b;
         var d = a ? b : 0;
-        var e = this.c3.top;
-        var f = this.c3.top;
-        var g = this.c3.left;
+        var e = this.c5.top;
+        var f = this.c5.top;
+        var g = this.c5.left;
         var h = g;
         switch (this.q) {
             case 2:
-                e = a ? this.c3.bottom : this.c3.top;
-                f = a ? this.c3.top : this.c3.bottom;
-                g = this.c3.left;
+                e = a ? this.c5.bottom : this.c5.top;
+                f = a ? this.c5.top : this.c5.bottom;
+                g = this.c5.left;
                 h = g;
                 break;
             case 1:
-                e = this.c3.top;
-                f = this.c3.top;
-                g = this.c3.left;
+                e = this.c5.top;
+                f = this.c5.top;
+                g = this.c5.left;
                 h = g;
                 break;
             case 3:
             case 4:
-                e = this.c3.top;
+                e = this.c5.top;
                 f = e;
-                g = this.c3.left;
+                g = this.c5.left;
                 h = g;
                 break;
         }
@@ -1291,76 +1289,84 @@ var Popup = /** @class */ /*@__PURE__*/ (function (_super) {
         if (this.k == null) {
             return false;
         }
-        for (var a = 0; a < this.k.a.count; a++) {
-            if (this.k.a._inner[a].playState == 1) {
-                return true;
-            }
-        }
-        return false;
+        return this.k.b;
     };
-    Popup.prototype.b6 = function () {
+    Popup.prototype.b8 = function () {
         this.w.a1();
         if (this.aw) {
             if (this.bd != null) {
-                this.c3 = this.w.bp(this.bd, this.q, this.i);
+                this.c5 = this.w.bp(this.bd, this.q, this.i);
             }
             else {
-                this.c3 = this.w.bq(this.c1, this.q, this.i);
+                this.c5 = this.w.bq(this.c3, this.q, this.i);
             }
         }
     };
-    Popup.prototype.cf = function (a, b, c) {
-        this.c1 = a;
+    Popup.prototype.ch = function (a, b, c) {
+        this.c3 = a;
         this.q = b;
         this.i = c;
         this.a1 = 0;
         this.w.ba();
-        this.c3 = this.w.bq(a, b, c);
+        this.c5 = this.w.bq(a, b, c);
     };
-    Popup.prototype.ce = function (a, b, c) {
+    Popup.prototype.cg = function (a, b, c) {
         this.bb = a;
         this.q = b;
         this.i = c;
         this.a1 = 0;
         this.w.ba();
-        this.c3 = this.w.bp(a, b, c);
+        this.c5 = this.w.bp(a, b, c);
     };
-    Popup.prototype.ck = function (a, b, c) {
+    Popup.prototype.cm = function (a, b, c) {
         if (this.av) {
             this.av = false;
-            this.cd("IsShown", true, this.av);
+            this.cf("IsShown", true, this.av);
         }
-        this.cf(a, b, c);
-        this.cl(true);
+        this.ch(a, b, c);
+        this.cn(true);
     };
-    Popup.prototype.cj = function (a, b, c) {
+    Popup.prototype.cl = function (a, b, c) {
         if (this.av) {
             this.av = false;
-            this.cd("IsShown", true, this.av);
+            this.cf("IsShown", true, this.av);
         }
-        this.ce(a, b, c);
-        this.cl(true);
+        this.cg(a, b, c);
+        this.cn(true);
     };
-    Popup.prototype.cl = function (a) {
+    Popup.prototype.cn = function (a) {
         var _this = this;
-        this.b2();
         var b = this.av;
         this.av = a;
         this.au = a;
         this.ap = !a;
-        var c = this.h(a);
-        var d = this.g(a);
         if (false == this.al) {
+            var c = this.h(a);
+            var d = this.g(a);
             var e = this.w.au(c, d);
             c = e.p0;
             d = e.p1;
             return;
         }
-        this.b5();
+        if (this.ao()) {
+            this.k.i();
+            return;
+        }
+        this.b7();
         this.k = this.l(this.p, this.av);
-        this.k.d(function () {
-            _this.k.c();
-            _this.cd("IsShown", b, _this.av);
+        this.k.h(function (f) {
+            _this.k.g();
+            if (f) {
+                switch (_this.p) {
+                    case 0:
+                        _this.b4(_this.av);
+                        break;
+                    case 1:
+                        _this.b3(_this.av);
+                        break;
+                }
+            }
+            _this.cf("IsShown", b, _this.av);
             if (_this.av) {
                 if (_this.onPopup != null) {
                     _this.onPopup(_this, new OnPopupEventArgs());
@@ -1373,9 +1379,11 @@ var Popup = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             _this.au = false;
             _this.ap = false;
-            var f = _this.w.au(c, d);
-            c = f.p0;
-            d = f.p1;
+            var g = _this.h(_this.av);
+            var h = _this.g(_this.av);
+            var i = _this.w.au(g, h);
+            g = i.p0;
+            h = i.p1;
         });
     };
     Popup.prototype.l = function (a, b) {
@@ -1389,13 +1397,53 @@ var Popup = /** @class */ /*@__PURE__*/ (function (_super) {
         var b = this.z(a);
         var c = this.a(a);
         var d = new PopupAnimation();
-        d.a.add(b);
+        d.c.add(b);
         for (var f = 0; f < c.length; f++) {
             var e = c[f];
-            d.a.add(e);
+            d.c.add(e);
         }
         return d;
     };
+    Popup.prototype.b4 = function (a) {
+        var e_1, _a;
+        var b = this.h(a);
+        var c = this.g(a);
+        try {
+            for (var _b = __values(fromEnum(this.k.c)), _c = _b.next(); !_c.done; _c = _b.next()) {
+                var d = _c.value;
+                for (var e = 0; e < d.effect.f.length; e++) {
+                    switch (d.effect.f[e]) {
+                        case 14:
+                            d.effect.g[e].c(d.effect.a4, ((function () {
+                                var $ret = new TranslateTransform();
+                                $ret.k = c.b;
+                                return $ret;
+                            })()));
+                            break;
+                        case 10:
+                            d.effect.g[e].c(d.effect.a4, b.h);
+                            break;
+                        case 12:
+                            d.effect.g[e].c(d.effect.a4, b.f);
+                            break;
+                    }
+                }
+            }
+        }
+        catch (e_1_1) {
+            e_1 = { error: e_1_1 };
+        }
+        finally {
+            try {
+                if (_c && !_c.done && (_a = _b.return))
+                    _a.call(_b);
+            }
+            finally {
+                if (e_1)
+                    throw e_1.error;
+            }
+        }
+    };
     Popup.prototype.m = function (a) {
         var b = this.h(a);
         this.w.av(a ? b.h : b.g);
@@ -1436,11 +1484,66 @@ var Popup = /** @class */ /*@__PURE__*/ (function (_super) {
         j.m(new AnimationKeyFrameProperty(10, (a ? b.h : b.g)));
         j.m(new AnimationKeyFrameProperty(10, (a ? b.h : b.g)));
         var k = new PopupAnimation();
-        k.a.add(KeyFrameAnimationFactory.f.c(d));
-        k.a.add(KeyFrameAnimationFactory.f.c(i));
-        k.a.add(KeyFrameAnimationFactory.f.c(j));
+        k.c.add(KeyFrameAnimationFactory.f.c(d));
+        k.c.add(KeyFrameAnimationFactory.f.c(i));
+        k.c.add(KeyFrameAnimationFactory.f.c(j));
         return k;
     };
+    Popup.prototype.b3 = function (a) {
+        var e_2, _a;
+        var b = this.h(a);
+        var c = this.w.i();
+        var d = NaN;
+        var e = a ? 1 : 0;
+        var f = a ? b.h : b.g;
+        switch (this.q) {
+            case 2:
+                c = this.w.i();
+                d = a ? b.f : b.c;
+                break;
+            case 1:
+                c = this.w.i();
+                d = b.f;
+                break;
+            case 3:
+                c = this.w.h();
+                d = b.d;
+                break;
+            case 4:
+                c = this.w.h();
+                d = b.d;
+                break;
+        }
+        try {
+            for (var _b = __values(fromEnum(this.k.c)), _c = _b.next(); !_c.done; _c = _b.next()) {
+                var g = _c.value;
+                for (var h = 0; h < g.effect.f.length; h++) {
+                    if (g.effect.f[h] == c) {
+                        g.effect.g[h].c(g.effect.a4, d);
+                    }
+                    else if (g.effect.f[h] == 1) {
+                        g.effect.g[h].c(g.effect.a4, e);
+                    }
+                    else if (g.effect.f[h] == 10) {
+                        g.effect.g[h].c(g.effect.a4, f);
+                    }
+                }
+            }
+        }
+        catch (e_2_1) {
+            e_2 = { error: e_2_1 };
+        }
+        finally {
+            try {
+                if (_c && !_c.done && (_a = _b.return))
+                    _a.call(_b);
+            }
+            finally {
+                if (e_2)
+                    throw e_2.error;
+            }
+        }
+    };
     Popup.prototype.contains = function (a) {
         return this.w.j(a);
     };
@@ -1450,24 +1553,24 @@ var Popup = /** @class */ /*@__PURE__*/ (function (_super) {
     Popup.prototype.removePopupContent = function (a) {
         this.w.bb(a);
     };
-    Popup.prototype.b3 = function () {
+    Popup.prototype.b5 = function () {
         if (!this.av) {
             return;
         }
-        this.cl(false);
+        this.cn(false);
     };
     Popup.prototype.destroy = function () {
         this.provideRenderer(null);
     };
     Popup.prototype.showRelativeToExclusionRect = function (a, b, c) {
-        this.ck(a, b, c);
+        this.cm(a, b, c);
     };
-    Popup.prototype.cn = function (a, b, c) {
-        this.cj(a, b, c);
+    Popup.prototype.cp = function (a, b, c) {
+        this.cl(a, b, c);
     };
-    Popup.prototype.b7 = function (a) {
-        this.c1 = a;
-        this.c3 = this.w.bq(a, this.q, this.i);
+    Popup.prototype.b9 = function (a) {
+        this.c3 = a;
+        this.c5 = this.w.bq(a, this.q, this.i);
     };
     Popup.prototype.notifySizeChanged = function () {
     };
@@ -1485,9 +1588,9 @@ var Popup = /** @class */ /*@__PURE__*/ (function (_super) {
         var a = new PopupVisualModelExport();
         a.e = this.a6;
         a.d = this.aw;
-        a.c = AppearanceHelper.a(this.cv);
-        a.b = AppearanceHelper.a(this.cu);
-        a.a = AppearanceHelper.a(this.ct);
+        a.c = AppearanceHelper.a(this.cx);
+        a.b = AppearanceHelper.a(this.cw);
+        a.a = AppearanceHelper.a(this.cv);
         return a;
     };
     Popup.prototype.t = function () {
@@ -1512,9 +1615,9 @@ var Popup = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     Popup.$t = markType(Popup, 'Popup', Base.$, [INotifyPropertyChanged_$type]);
     Popup.a9 = 2;
-    Popup.cz = BrushUtil.h(66, 0, 0, 0);
-    Popup.cy = BrushUtil.h(30, 0, 0, 0);
-    Popup.cx = BrushUtil.h(20, 0, 0, 0);
+    Popup.c1 = BrushUtil.h(66, 0, 0, 0);
+    Popup.c0 = BrushUtil.h(30, 0, 0, 0);
+    Popup.cz = BrushUtil.h(20, 0, 0, 0);
     return Popup;
 }(Base));
 export { Popup };