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

package/esm2015/lib/PopupView_combined.js

@@ -4,7 +4,7 @@ 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 { Base, runOn, markType, INotifyPropertyChanged_$type, PropertyChangedEventArgs, enumGetBox } from "./type";
+import { Base, runOn, markType, INotifyPropertyChanged_$type, PropertyChangedEventArgs, enumGetBox, fromEnum } from "./type";
 import { Size } from "./Size";
 import { ElevationHelper } from "./ElevationHelper";
 import { CornerRadius } from "./CornerRadius";
@@ -20,12 +20,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";
@@ -122,7 +123,7 @@ export let PopupView = /*@__PURE__*/ (() => {
         }
         bn() {
             let a = this.g;
-            let b = ElevationHelper.e(a.a6, a.cv, a.cu, a.ct);
+            let b = ElevationHelper.e(a.a6, a.cx, a.cw, a.cv);
             if (this.l()) {
                 this.aj.setStyleProperty("box-shadow", b);
             }
@@ -131,12 +132,12 @@ export let PopupView = /*@__PURE__*/ (() => {
             }
         }
         bl() {
-            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);
             }
         }
         bm() {
@@ -154,16 +155,16 @@ export let PopupView = /*@__PURE__*/ (() => {
             this.bm();
         }
         a7(a) {
-            this.g.cb();
+            this.g.cd();
         }
         a8(a) {
-            this.g.cc();
+            this.g.ce();
         }
         a4(a) {
-            this.g.b9();
+            this.g.cb();
         }
         a5(a) {
-            this.g.ca(a.originalEvent.relatedTarget);
+            this.g.cc(a.originalEvent.relatedTarget);
         }
         o() {
             return (HTMLElement.prototype.hasOwnProperty("popover"));
@@ -213,14 +214,14 @@ export let PopupView = /*@__PURE__*/ (() => {
                     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();
+                    }
                 }
             }
         }
@@ -277,7 +278,7 @@ export let PopupView = /*@__PURE__*/ (() => {
                 if (this.g.ao() && this.g.p == 0) {
                     return;
                 }
-                this.g.b6();
+                this.g.b8();
             }
         }
         j(a) {
@@ -524,7 +525,7 @@ export let PopupView = /*@__PURE__*/ (() => {
         }
         bk() {
             let 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;
             }
             let b = a.width;
@@ -553,7 +554,7 @@ export let PopupView = /*@__PURE__*/ (() => {
                 }
             }
             if (this.f.ao()) {
-                if (this.x == c) {
+                if (this.g.ap || this.x == c) {
                     return;
                 }
                 this.f.b2();
@@ -664,8 +665,8 @@ export let Popup = /*@__PURE__*/ (() => {
             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;
@@ -682,32 +683,33 @@ export let Popup = /*@__PURE__*/ (() => {
             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();
             let a = this.v();
             this.w = a;
             a.a0(this);
         }
+        get c6() {
+            return this.c5;
+        }
         get c4() {
             return this.c3;
         }
-        get c2() {
-            return this.c1;
-        }
         get r() {
             return this.q;
         }
@@ -723,28 +725,28 @@ export let Popup = /*@__PURE__*/ (() => {
         get bd() {
             return this.bb;
         }
-        cd(a, b, c) {
+        cf(a, b, c) {
             if (this.propertyChanged != null) {
                 this.propertyChanged(this, new PropertyChangedEventArgs(a));
             }
-            this.cg(a, b, c);
+            this.ci(a, b, c);
         }
-        cb() {
+        cd() {
             if (this.popupMouseEnter != null) {
                 this.popupMouseEnter(this, new MouseEventArgs());
             }
         }
-        cc() {
+        ce() {
             if (this.popupMouseLeave != null) {
                 this.popupMouseLeave(this, new MouseEventArgs());
             }
         }
-        b9() {
+        cb() {
             if (this.popupGotFocus != null) {
                 this.popupGotFocus(this, new FocusEventArgs());
             }
         }
-        ca(a) {
+        cc(a) {
             if (this.popupLostFocus != null) {
                 this.popupLostFocus(this, ((() => {
                     let $ret = new FocusEventArgs();
@@ -760,7 +762,7 @@ export let Popup = /*@__PURE__*/ (() => {
             let b = this.af;
             this.af = a;
             if (b != this.af) {
-                this.cd("IsFocusable", b, this.af);
+                this.cf("IsFocusable", b, this.af);
             }
         }
         get a8() {
@@ -770,7 +772,7 @@ export let Popup = /*@__PURE__*/ (() => {
             let b = this.a7;
             this.a7 = a;
             if (b != this.a7) {
-                this.cd("AnimationDuration", b, a);
+                this.cf("AnimationDuration", b, a);
             }
         }
         get al() {
@@ -780,7 +782,7 @@ export let Popup = /*@__PURE__*/ (() => {
             let b = this.ak;
             this.ak = a;
             if (b != this.ak) {
-                this.cd("AnimationEnabled", b, a);
+                this.cf("AnimationEnabled", b, a);
             }
         }
         get p() {
@@ -790,7 +792,7 @@ export let Popup = /*@__PURE__*/ (() => {
             let 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));
             }
         }
         get ba() {
@@ -800,7 +802,7 @@ export let Popup = /*@__PURE__*/ (() => {
             let b = this.a5;
             this.a5 = a;
             if (b != this.a5) {
-                this.cd("Elevation", b, a);
+                this.cf("Elevation", b, a);
             }
         }
         get a6() {
@@ -810,40 +812,20 @@ export let Popup = /*@__PURE__*/ (() => {
             let b = this.a4;
             this.a4 = a;
             if (b != this.a4) {
-                this.cd("ActualElevation", b, a);
+                this.cf("ActualElevation", b, a);
             }
         }
         get aw() {
             return this.av;
         }
-        get cv() {
-            return this.cq;
-        }
-        set cv(a) {
-            let b = this.cq;
-            this.cq = a;
-            if (b != this.cq) {
-                this.cd("ActualUmbraShadowColor", b, a);
-            }
-        }
-        get cu() {
-            return this.cp;
-        }
-        set cu(a) {
-            let b = this.cp;
-            this.cp = a;
-            if (b != this.cp) {
-                this.cd("ActualPenumbraShadowColor", b, a);
-            }
-        }
-        get ct() {
-            return this.co;
+        get cx() {
+            return this.cs;
         }
-        set ct(a) {
-            let b = this.co;
-            this.co = a;
-            if (b != this.co) {
-                this.cd("ActualAmbientShadowColor", b, a);
+        set cx(a) {
+            let b = this.cs;
+            this.cs = a;
+            if (b != this.cs) {
+                this.cf("ActualUmbraShadowColor", b, a);
             }
         }
         get cw() {
@@ -853,7 +835,27 @@ export let Popup = /*@__PURE__*/ (() => {
             let b = this.cr;
             this.cr = a;
             if (b != this.cr) {
-                this.cd("Background", b, this.cr);
+                this.cf("ActualPenumbraShadowColor", b, a);
+            }
+        }
+        get cv() {
+            return this.cq;
+        }
+        set cv(a) {
+            let b = this.cq;
+            this.cq = a;
+            if (b != this.cq) {
+                this.cf("ActualAmbientShadowColor", b, a);
+            }
+        }
+        get cy() {
+            return this.ct;
+        }
+        set cy(a) {
+            let b = this.ct;
+            this.ct = a;
+            if (b != this.ct) {
+                this.cf("Background", b, this.ct);
             }
         }
         get a0() {
@@ -863,7 +865,7 @@ export let Popup = /*@__PURE__*/ (() => {
             let b = this.ay;
             this.ay = a;
             if (b != this.ay) {
-                this.cd("CornerRadius", b, this.ay);
+                this.cf("CornerRadius", b, this.ay);
             }
         }
         get as() {
@@ -873,7 +875,7 @@ export let Popup = /*@__PURE__*/ (() => {
             let b = this.ag;
             this.ag = a;
             if (b != this.ag) {
-                this.cd("IsHitTestVisible", b, this.ag);
+                this.cf("IsHitTestVisible", b, this.ag);
             }
         }
         get an() {
@@ -883,7 +885,7 @@ export let Popup = /*@__PURE__*/ (() => {
             let b = this.ac;
             this.ac = a;
             if (b != this.ac) {
-                this.cd("DisableHitTestDuringAnimation", b, this.ac);
+                this.cf("DisableHitTestDuringAnimation", b, this.ac);
             }
         }
         get at() {
@@ -893,7 +895,7 @@ export let Popup = /*@__PURE__*/ (() => {
             let b = this.ah;
             this.ah = a;
             if (b != this.ah) {
-                this.cd("IsPointerEnabled", b, this.ah);
+                this.cf("IsPointerEnabled", b, this.ah);
             }
         }
         get u() {
@@ -903,17 +905,17 @@ export let Popup = /*@__PURE__*/ (() => {
             let 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));
             }
         }
-        get c0() {
-            return this.cs;
+        get c2() {
+            return this.cu;
         }
-        set c0(a) {
-            let b = this.cs;
-            this.cs = a;
-            if (b != this.cs) {
-                this.cd("PointerBackground", b, this.cs);
+        set c2(a) {
+            let b = this.cu;
+            this.cu = a;
+            if (b != this.cu) {
+                this.cf("PointerBackground", b, this.cu);
             }
         }
         get a3() {
@@ -923,7 +925,7 @@ export let Popup = /*@__PURE__*/ (() => {
             let b = this.az;
             this.az = a;
             if (b != this.az) {
-                this.cd("PointerSize", b, this.az);
+                this.cf("PointerSize", b, this.az);
             }
         }
         get au() {
@@ -945,7 +947,7 @@ export let Popup = /*@__PURE__*/ (() => {
             let b = this.ae;
             this.ae = a;
             if (b != this.ae) {
-                this.cd("IsFixed", b, this.ae);
+                this.cf("IsFixed", b, this.ae);
             }
         }
         get ax() {
@@ -955,13 +957,13 @@ export let Popup = /*@__PURE__*/ (() => {
             let b = this.aj;
             this.aj = a;
             if (b != this.aj) {
-                this.cd("UseTopLayer", b, this.aj);
+                this.cf("UseTopLayer", b, this.aj);
             }
         }
         v() {
             return new PopupView();
         }
-        cg(a, b, c) {
+        ci(a, b, c) {
             switch (a) {
                 case "IsShown":
                     if (false == this.aw) {
@@ -1001,11 +1003,7 @@ export let Popup = /*@__PURE__*/ (() => {
         }
         b2() {
             if (this.ao()) {
-                for (let 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();
             }
         }
         z(a) {
@@ -1069,7 +1067,7 @@ export let Popup = /*@__PURE__*/ (() => {
             a.b = 3;
             return a;
         }
-        b5() {
+        b7() {
             this.w.ay();
         }
         g(a) {
@@ -1098,28 +1096,28 @@ export let Popup = /*@__PURE__*/ (() => {
             }
             let c = a ? 0 : b;
             let d = a ? b : 0;
-            let e = this.c3.top;
-            let f = this.c3.top;
-            let g = this.c3.left;
+            let e = this.c5.top;
+            let f = this.c5.top;
+            let g = this.c5.left;
             let 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;
             }
@@ -1139,75 +1137,83 @@ export let Popup = /*@__PURE__*/ (() => {
             if (this.k == null) {
                 return false;
             }
-            for (let a = 0; a < this.k.a.count; a++) {
-                if (this.k.a._inner[a].playState == 1) {
-                    return true;
-                }
-            }
-            return false;
+            return this.k.b;
         }
-        b6() {
+        b8() {
             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);
                 }
             }
         }
-        cf(a, b, c) {
-            this.c1 = a;
+        ch(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);
         }
-        ce(a, b, c) {
+        cg(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);
         }
-        ck(a, b, c) {
+        cm(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);
         }
-        cj(a, b, c) {
+        cl(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);
         }
-        cl(a) {
-            this.b2();
+        cn(a) {
             let b = this.av;
             this.av = a;
             this.au = a;
             this.ap = !a;
-            let c = this.h(a);
-            let d = this.g(a);
             if (false == this.al) {
+                let c = this.h(a);
+                let d = this.g(a);
                 let 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(() => {
-                this.k.c();
-                this.cd("IsShown", b, this.av);
+            this.k.h((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());
@@ -1220,9 +1226,11 @@ export let Popup = /*@__PURE__*/ (() => {
                 }
                 this.au = false;
                 this.ap = false;
-                let f = this.w.au(c, d);
-                c = f.p0;
-                d = f.p1;
+                let g = this.h(this.av);
+                let h = this.g(this.av);
+                let i = this.w.au(g, h);
+                g = i.p0;
+                h = i.p1;
             });
         }
         l(a, b) {
@@ -1236,13 +1244,36 @@ export let Popup = /*@__PURE__*/ (() => {
             let b = this.z(a);
             let c = this.a(a);
             let d = new PopupAnimation();
-            d.a.add(b);
+            d.c.add(b);
             for (let f = 0; f < c.length; f++) {
                 let e = c[f];
-                d.a.add(e);
+                d.c.add(e);
             }
             return d;
         }
+        b4(a) {
+            let b = this.h(a);
+            let c = this.g(a);
+            for (let d of fromEnum(this.k.c)) {
+                for (let e = 0; e < d.effect.f.length; e++) {
+                    switch (d.effect.f[e]) {
+                        case 14:
+                            d.effect.g[e].c(d.effect.a4, ((() => {
+                                let $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;
+                    }
+                }
+            }
+        }
         m(a) {
             let b = this.h(a);
             this.w.av(a ? b.h : b.g);
@@ -1283,11 +1314,49 @@ export let Popup = /*@__PURE__*/ (() => {
             j.m(new AnimationKeyFrameProperty(10, (a ? b.h : b.g)));
             j.m(new AnimationKeyFrameProperty(10, (a ? b.h : b.g)));
             let 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;
         }
+        b3(a) {
+            let b = this.h(a);
+            let c = this.w.i();
+            let d = NaN;
+            let e = a ? 1 : 0;
+            let 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;
+            }
+            for (let g of fromEnum(this.k.c)) {
+                for (let 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);
+                    }
+                }
+            }
+        }
         contains(a) {
             return this.w.j(a);
         }
@@ -1297,24 +1366,24 @@ export let Popup = /*@__PURE__*/ (() => {
         removePopupContent(a) {
             this.w.bb(a);
         }
-        b3() {
+        b5() {
             if (!this.av) {
                 return;
             }
-            this.cl(false);
+            this.cn(false);
         }
         destroy() {
             this.provideRenderer(null);
         }
         showRelativeToExclusionRect(a, b, c) {
-            this.ck(a, b, c);
+            this.cm(a, b, c);
         }
-        cn(a, b, c) {
-            this.cj(a, b, c);
+        cp(a, b, c) {
+            this.cl(a, b, c);
         }
-        b7(a) {
-            this.c1 = a;
-            this.c3 = this.w.bq(a, this.q, this.i);
+        b9(a) {
+            this.c3 = a;
+            this.c5 = this.w.bq(a, this.q, this.i);
         }
         notifySizeChanged() {
         }
@@ -1332,9 +1401,9 @@ export let Popup = /*@__PURE__*/ (() => {
             let 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;
         }
         t() {
@@ -1360,8 +1429,8 @@ export let Popup = /*@__PURE__*/ (() => {
     }
     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;
 })();