igniteui-webcomponents-grids 5.1.0 → 5.1.1-beta.0

package/esm2015/lib/EditorCell.js

@@ -20,471 +20,471 @@ import { stringIsNullOrWhiteSpace } from "igniteui-webcomponents-core";
  */
 export let EditorCell = /*@__PURE__*/ (() => {
     class EditorCell extends GridCellBase {
-        get ck() {
-            return this.cj;
+        get cn() {
+            return this.cm;
         }
-        set ck(a) {
-            let b = this.cj;
-            this.cj = a;
-            if (b != this.cj) {
-                this.bp("DataType", enumGetBox(DataSourceSchemaPropertyType_$type, b), enumGetBox(DataSourceSchemaPropertyType_$type, this.cj));
+        set cn(a) {
+            let b = this.cm;
+            this.cm = a;
+            if (b != this.cm) {
+                this.bs("DataType", enumGetBox(DataSourceSchemaPropertyType_$type, b), enumGetBox(DataSourceSchemaPropertyType_$type, this.cm));
             }
         }
-        get di() {
-            return this.dg;
+        get dl() {
+            return this.dj;
         }
-        set di(a) {
-            let b = this.dg;
-            this.dg = a;
-            this.bp("Value", b, this.dg);
+        set dl(a) {
+            let b = this.dj;
+            this.dj = a;
+            this.bs("Value", b, this.dj);
         }
-        get cz() {
-            return this.cy;
+        get c2() {
+            return this.c1;
         }
-        set cz(a) {
-            let b = this.cy;
-            this.cy = a;
-            if (b != this.cy) {
-                this.bp("FontInfo", b, this.cy);
+        set c2(a) {
+            let b = this.c1;
+            this.c1 = a;
+            if (b != this.c1) {
+                this.bs("FontInfo", b, this.c1);
             }
         }
-        get co() {
-            return this.cn;
+        get cr() {
+            return this.cq;
         }
-        set co(a) {
-            let b = this.cn;
-            this.cn = a;
-            if (b != this.cn) {
-                this.bp("EditorType", enumGetBox(EditorType_$type, b), enumGetBox(EditorType_$type, this.cn));
+        set cr(a) {
+            let b = this.cq;
+            this.cq = a;
+            if (b != this.cq) {
+                this.bs("EditorType", enumGetBox(EditorType_$type, b), enumGetBox(EditorType_$type, this.cq));
             }
         }
-        get dh() {
-            return this.df;
+        get dk() {
+            return this.di;
         }
-        set dh(a) {
-            let b = this.df;
-            this.df = a;
-            if (b != this.df) {
-                this.bp("ComboItemsSource", b, this.df);
+        set dk(a) {
+            let b = this.di;
+            this.di = a;
+            if (b != this.di) {
+                this.bs("ComboItemsSource", b, this.di);
             }
         }
-        get dm() {
-            return this.dj;
+        get dq() {
+            return this.dm;
         }
-        set dm(a) {
-            let b = this.dj;
-            this.dj = a;
-            if (b != this.dj) {
-                this.bp("ComboTextField", b, this.dj);
+        set dq(a) {
+            let b = this.dm;
+            this.dm = a;
+            if (b != this.dm) {
+                this.bs("ComboTextField", b, this.dm);
             }
         }
-        get ci() {
-            return this.ch;
+        get cl() {
+            return this.ck;
         }
-        set ci(a) {
-            let b = this.ch;
-            this.ch = a;
-            if (b != this.ch) {
-                this.bp("ComboValueField", b, this.ch);
+        set cl(a) {
+            let b = this.ck;
+            this.ck = a;
+            if (b != this.ck) {
+                this.bs("ComboValueField", b, this.ck);
             }
         }
-        get da() {
-            return this.c2;
+        get dd() {
+            return this.c5;
         }
-        set da(a) {
-            let b = this.c2;
-            this.c2 = a;
-            if (b != this.c2) {
-                this.bp("IsHidden", b, this.c2);
+        set dd(a) {
+            let b = this.c5;
+            this.c5 = a;
+            if (b != this.c5) {
+                this.bs("IsHidden", b, this.c5);
             }
         }
-        get dr() {
-            return this.dk;
+        get du() {
+            return this.dn;
         }
-        set dr(a) {
-            let b = this.dk;
-            this.dk = a;
-            if (b != this.dk) {
-                this.bp("DateFormatString", b, this.dk);
+        set du(a) {
+            let b = this.dn;
+            this.dn = a;
+            if (b != this.dn) {
+                this.bs("DateFormatString", b, this.dn);
             }
         }
-        get db() {
-            return this.c3;
+        get de() {
+            return this.c6;
         }
-        set db(a) {
-            let b = this.c3;
-            this.c3 = a;
-            if (b != this.c3) {
-                this.bp("ShowTodayButton", b, this.c3);
+        set de(a) {
+            let b = this.c6;
+            this.c6 = a;
+            if (b != this.c6) {
+                this.bs("ShowTodayButton", b, this.c6);
             }
         }
         constructor(a) {
             super(a);
-            this.cp = null;
-            this.cw = null;
-            this.cv = null;
-            this.cm = null;
-            this.cl = null;
-            this.dc = null;
-            this.dd = null;
-            this.de = null;
-            this.cx = null;
-            this.c0 = false;
-            this.c4 = false;
-            this.c1 = false;
-            this.cj = 0;
-            this.dg = null;
+            this.cs = null;
+            this.cz = null;
             this.cy = null;
-            this.cn = 1;
+            this.cp = null;
+            this.co = null;
             this.df = null;
-            this.dj = null;
-            this.ch = null;
-            this.c2 = true;
-            this.dk = null;
+            this.dg = null;
+            this.dh = null;
+            this.c0 = null;
             this.c3 = false;
-            this.c6 = false;
             this.c7 = false;
-            this.c5 = false;
-            this.ae.setAttribute("tabindex", "-1");
-            this.ae.setStyleProperty("outline", "none");
-            this.ae.setStyleProperty("display", "flex");
-            this.ae.setStyleProperty("align-items", "center");
-            this.ae.listen("focusout", runOn(this, this.eb));
-            this.ae.listen("focusin", runOn(this, this.d9));
-        }
-        cu(a) {
-            if (this.dc == null) {
-                this.dc = this.ab.createElement("div");
-                let b = this.ab.getSubRenderer(this.dc);
-                this.cx = new Popup();
-                this.cx.provideRenderer(b);
-                this.de = this.ab.createElement("div");
-                this.de.setStyleProperty("background-color", "rgba(0,0,0,0.7)");
-                this.de.setStyleProperty("color", "#fff");
-                this.de.setStyleProperty("padding", "5px");
-                this.de.setStyleProperty("outline", "none");
-                this.de.setAttribute("tabindex", "-1");
-                this.dd = this.ab.createElement("div");
-                this.dd.setStyleProperty("white-space", "pre");
-                if (this.cz != null) {
-                    this.dd.setStyleProperty("font", this.cz.fontString);
+            this.c4 = false;
+            this.cm = 0;
+            this.dj = null;
+            this.c1 = null;
+            this.cq = 1;
+            this.di = null;
+            this.dm = null;
+            this.ck = null;
+            this.c5 = true;
+            this.dn = null;
+            this.c6 = false;
+            this.c9 = false;
+            this.da = false;
+            this.c8 = false;
+            this.ah.setAttribute("tabindex", "-1");
+            this.ah.setStyleProperty("outline", "none");
+            this.ah.setStyleProperty("display", "flex");
+            this.ah.setStyleProperty("align-items", "center");
+            this.ah.listen("focusout", runOn(this, this.ee));
+            this.ah.listen("focusin", runOn(this, this.ec));
+        }
+        cx(a) {
+            if (this.df == null) {
+                this.df = this.ae.createElement("div");
+                let b = this.ae.getSubRenderer(this.df);
+                this.c0 = new Popup();
+                this.c0.provideRenderer(b);
+                this.dh = this.ae.createElement("div");
+                this.dh.setStyleProperty("background-color", "rgba(0,0,0,0.7)");
+                this.dh.setStyleProperty("color", "#fff");
+                this.dh.setStyleProperty("padding", "5px");
+                this.dh.setStyleProperty("outline", "none");
+                this.dh.setAttribute("tabindex", "-1");
+                this.dg = this.ae.createElement("div");
+                this.dg.setStyleProperty("white-space", "pre");
+                if (this.c2 != null) {
+                    this.dg.setStyleProperty("font", this.c2.fontString);
                 }
-                this.de.append(this.dd);
-                this.cx.appendPopupContent(this.de);
+                this.dh.append(this.dg);
+                this.c0.appendPopupContent(this.dh);
             }
             let c = null;
             switch (a) {
                 case 1:
-                    c = this.ct();
+                    c = this.cw();
                     break;
                 case 2:
-                    c = this.cs();
+                    c = this.cv();
                     break;
                 case 3:
-                    c = this.cr();
+                    c = this.cu();
                     break;
                 case 4:
-                    c = this.cq();
+                    c = this.ct();
                     break;
             }
             return c;
         }
-        ct() {
-            if (this.cw != null) {
-                this.d3();
-                this.d8();
-                return this.cw;
-            }
-            this.cw = new TextEditorView(this.ab, this.f.getTheme(), this.b);
-            this.cw.setFont(this.cz);
-            return this.cw;
-        }
-        cs() {
-            if (this.cv != null) {
-                this.d3();
-                this.d8();
-                return this.cv;
-            }
-            this.cv = new NumericEditorView(this.ab, this.f.getTheme(), this.b);
-            this.cv.setFont(this.cz);
-            return this.cv;
-        }
-        cr() {
-            if (this.cm != null) {
-                this.d3();
-                this.d8();
-                return this.cm;
-            }
-            this.cm = new DateEditorView(this.ab, this.f.getTheme(), this.b);
-            this.cm.setFont(this.cz);
-            return this.cm;
+        cw() {
+            if (this.cz != null) {
+                this.d6();
+                this.eb();
+                return this.cz;
+            }
+            this.cz = new TextEditorView(this.ae, this.f.getTheme(), this.b);
+            this.cz.setFont(this.c2);
+            return this.cz;
+        }
+        cv() {
+            if (this.cy != null) {
+                this.d6();
+                this.eb();
+                return this.cy;
+            }
+            this.cy = new NumericEditorView(this.ae, this.f.getTheme(), this.b);
+            this.cy.setFont(this.c2);
+            return this.cy;
         }
-        cq() {
-            if (this.cl != null) {
-                this.d2();
-                this.d3();
-                this.d8();
-                return this.cl;
+        cu() {
+            if (this.cp != null) {
+                this.d6();
+                this.eb();
+                return this.cp;
             }
-            this.cl = new ComboEditorView(this.ab, this.f.getTheme(), this.b);
-            this.cl.setFont(this.cz);
-            this.cl.ag = this.dh;
-            this.cl.aj = this.dm;
-            this.cl.z = this.ci;
-            return this.cl;
+            this.cp = new DateEditorView(this.ae, this.f.getTheme(), this.b);
+            this.cp.setFont(this.c2);
+            return this.cp;
         }
-        ea(a, b) {
+        ct() {
+            if (this.co != null) {
+                this.d5();
+                this.d6();
+                this.eb();
+                return this.co;
+            }
+            this.co = new ComboEditorView(this.ae, this.f.getTheme(), this.b);
+            this.co.setFont(this.c2);
+            this.co.ah = this.dk;
+            this.co.ak = this.dq;
+            this.co.aa = this.cl;
+            return this.co;
+        }
+        ed(a, b) {
             if (b.g != b.d || b.h != b.e) {
-                if (this.cl != null) {
-                    this.cl.am();
+                if (this.co != null) {
+                    this.co.an();
                 }
-                if (this.cm != null) {
-                    this.cm.ag();
+                if (this.cp != null) {
+                    this.cp.ah();
                 }
-                this.d0();
+                this.d3();
             }
         }
-        dy() {
-            if (!this.c1) {
-                if (this.cp != null) {
-                    this.cp.attachEvents();
-                    let a = this.cp;
-                    a.valueProvided = delegateCombine(a.valueProvided, runOn(this, this.eg));
-                    let b = this.cp;
-                    b.lostFocus = delegateCombine(b.lostFocus, runOn(this, this.d6));
-                    let c = this.cp;
-                    c.gotFocus = delegateCombine(c.gotFocus, runOn(this, this.d5));
-                    let d = this.cp;
-                    d.userTyping = delegateCombine(d.userTyping, runOn(this, this.ee));
-                    this.c1 = true;
+        d1() {
+            if (!this.c4) {
+                if (this.cs != null) {
+                    this.cs.attachEvents();
+                    let a = this.cs;
+                    a.valueProvided = delegateCombine(a.valueProvided, runOn(this, this.ej));
+                    let b = this.cs;
+                    b.lostFocus = delegateCombine(b.lostFocus, runOn(this, this.d9));
+                    let c = this.cs;
+                    c.gotFocus = delegateCombine(c.gotFocus, runOn(this, this.d8));
+                    let d = this.cs;
+                    d.userTyping = delegateCombine(d.userTyping, runOn(this, this.eh));
+                    this.c4 = true;
                 }
             }
         }
-        dz() {
-            if (this.c1) {
-                if (this.cp != null) {
-                    this.cp.detachEvents();
-                    let a = this.cp;
-                    a.valueProvided = delegateRemove(a.valueProvided, runOn(this, this.eg));
-                    let b = this.cp;
-                    b.lostFocus = delegateRemove(b.lostFocus, runOn(this, this.d6));
-                    let c = this.cp;
-                    c.gotFocus = delegateRemove(c.gotFocus, runOn(this, this.d5));
-                    let d = this.cp;
-                    d.userTyping = delegateRemove(d.userTyping, runOn(this, this.ee));
-                    this.c1 = false;
+        d2() {
+            if (this.c4) {
+                if (this.cs != null) {
+                    this.cs.detachEvents();
+                    let a = this.cs;
+                    a.valueProvided = delegateRemove(a.valueProvided, runOn(this, this.ej));
+                    let b = this.cs;
+                    b.lostFocus = delegateRemove(b.lostFocus, runOn(this, this.d9));
+                    let c = this.cs;
+                    c.gotFocus = delegateRemove(c.gotFocus, runOn(this, this.d8));
+                    let d = this.cs;
+                    d.userTyping = delegateRemove(d.userTyping, runOn(this, this.eh));
+                    this.c4 = false;
                 }
             }
         }
-        ed(a) {
-            this.c6 = false;
-            this.c7 = false;
-            this.c5 = false;
+        eg(a) {
+            this.c9 = false;
+            this.da = false;
+            this.c8 = false;
             if (!a) {
-                this.c7 = true;
-                this.cp.onTargetChanged();
-            }
-        }
-        ef() {
-            if (this.cp != null) {
-                this.cp.value = this.di;
+                this.da = true;
+                this.cs.onTargetChanged();
             }
         }
-        d3() {
-        }
-        d7() {
-            this.c0 = true;
-            this.dz();
-            this.ae.removeChildren();
-            if (this.cp != null) {
-                this.cp.cleanUp();
-            }
-            this.cp = this.cu(this.co);
-            this.ae.append(this.cp.container);
-            this.dy();
-            if (this.cp != null) {
-                this.cp.isEnabled = !this.isRemoved;
-                if (!this.da) {
-                    this.cp.onEditStarted();
+        ei() {
+            if (this.cs != null) {
+                this.cs.value = this.dl;
+            }
+        }
+        d6() {
+        }
+        ea() {
+            this.c3 = true;
+            this.d2();
+            this.ah.removeChildren();
+            if (this.cs != null) {
+                this.cs.cleanUp();
+            }
+            this.cs = this.cx(this.cr);
+            this.ah.append(this.cs.container);
+            this.d1();
+            if (this.cs != null) {
+                this.cs.isEnabled = !this.isRemoved;
+                if (!this.dd) {
+                    this.cs.onEditStarted();
                 }
             }
-            this.c0 = false;
+            this.c3 = false;
         }
-        d2() {
-            if (this.cl != null) {
-                this.cl.ag = this.dh;
-                this.cl.aj = this.dm;
-                this.cl.z = this.ci;
+        d5() {
+            if (this.co != null) {
+                this.co.ah = this.dk;
+                this.co.ak = this.dq;
+                this.co.aa = this.cl;
             }
         }
-        d8() {
-            if (this.cz != null) {
-                if (this.cw != null) {
-                    this.cw.setFont(this.cz);
+        eb() {
+            if (this.c2 != null) {
+                if (this.cz != null) {
+                    this.cz.setFont(this.c2);
                 }
-                if (this.cv != null) {
-                    this.cv.setFont(this.cz);
+                if (this.cy != null) {
+                    this.cy.setFont(this.c2);
                 }
-                if (this.cm != null) {
-                    this.cm.setFont(this.cz);
+                if (this.cp != null) {
+                    this.cp.setFont(this.c2);
                 }
-                if (this.cl != null) {
-                    this.cl.setFont(this.cz);
+                if (this.co != null) {
+                    this.co.setFont(this.c2);
                 }
-                this.dd.setStyleProperty("font", this.cz.fontString);
+                this.dg.setStyleProperty("font", this.c2.fontString);
             }
         }
-        d1() {
-            this.c4 = false;
-            if (this.cp != null) {
-                if (!this.da) {
-                    this.cp.onEditStarted();
+        d4() {
+            this.c7 = false;
+            if (this.cs != null) {
+                if (!this.dd) {
+                    this.cs.onEditStarted();
                 }
                 else {
-                    this.cp.onEditEnded();
-                    this.cp.value = null;
-                    this.cp.value = this.di;
+                    this.cs.onEditEnded();
+                    this.cs.value = null;
+                    this.cs.value = this.dl;
                 }
             }
         }
-        d4() {
-            if (this.cp != null && this.cm == this.cp) {
-                this.cm.ae = this.dr;
+        d7() {
+            if (this.cs != null && this.cp == this.cs) {
+                this.cp.af = this.du;
             }
         }
-        ec() {
-            if (this.cp != null && this.cm == this.cp) {
-                this.cm.ac = this.db;
+        ef() {
+            if (this.cs != null && this.cp == this.cs) {
+                this.cp.ad = this.de;
             }
         }
-        eh(a, b, c, d, e) {
+        ek(a, b, c, d, e) {
             if (!stringIsNullOrWhiteSpace(a)) {
-                this.dd.setRawText(a);
-                this.cx.b8();
-                this.ei();
+                this.dg.setRawText(a);
+                this.c0.b9();
+                this.el();
             }
         }
-        ei() {
-            let rect_ = this.ae.getNativeElement().getBoundingClientRect();
+        el() {
+            let rect_ = this.ah.getNativeElement().getBoundingClientRect();
             let a = new Rect(4);
             a.left = (rect_.left + window.pageXOffset);
             a.top = (rect_.top + window.pageYOffset);
             a.right = (rect_.right + window.pageXOffset);
             a.bottom = (rect_.bottom + window.pageYOffset);
-            this.cx.showRelativeToExclusionRect(a, 1, 0);
+            this.c0.showRelativeToExclusionRect(a, 1, 0);
         }
-        d0() {
-            if (this.cx.aw) {
-                this.cx.b5();
+        d3() {
+            if (this.c0.ax) {
+                this.c0.b6();
             }
         }
-        bo() {
-            if (this.cp == null) {
-                this.d7();
-                this.f.setViewportChangedHandler(runOn(this, this.ea));
+        br() {
+            if (this.cs == null) {
+                this.ea();
+                this.f.setViewportChangedHandler(runOn(this, this.ed));
             }
         }
-        be() {
-            if (this.cp != null) {
-                this.cp.focus();
+        bh() {
+            if (this.cs != null) {
+                this.cs.focus();
             }
         }
-        bp(a, b, c) {
-            super.bp(a, b, c);
+        bs(a, b, c) {
+            super.bs(a, b, c);
             switch (a) {
                 case "EditorType":
-                    this.d7();
+                    this.ea();
                     break;
                 case "ComboItemsSource":
                 case "ComboTextField":
                 case "ComboValueField":
-                    this.d2();
+                    this.d5();
                     break;
                 case "DataType":
-                    this.d3();
+                    this.d6();
                     break;
                 case "Value":
-                    this.ef();
+                    this.ei();
                     break;
                 case "FontInfo":
-                    this.d8();
+                    this.eb();
                     break;
                 case "IsHidden":
-                    this.d1();
+                    this.d4();
                     break;
                 case "DateFormatString":
-                    this.d4();
+                    this.d7();
                     break;
                 case "ShowTodayButton":
-                    this.ec();
+                    this.ef();
                     break;
                 case "IsRemoved":
-                    if (this.cp != null) {
-                        this.cp.isEnabled = !this.isRemoved;
+                    if (this.cs != null) {
+                        this.cs.isEnabled = !this.isRemoved;
                         if (!this.isRemoved) {
-                            this.cp.onTargetChanged();
+                            this.cs.onTargetChanged();
                         }
                     }
                     break;
             }
         }
-        eg(a, b, c) {
-            if (a == this.cp) {
+        ej(a, b, c) {
+            if (a == this.cs) {
                 if (!c) {
                     this.b.updateCellEditValue(b);
                 }
             }
         }
-        ee(a) {
-            if (a == this.cp) {
+        eh(a) {
+            if (a == this.cs) {
                 this.b.startEditMode();
             }
         }
-        c9(a) {
-            if (a != null && this.cx != null && this.cx.aw) {
-                let b = this.de.getNativeElement();
+        dc(a) {
+            if (a != null && this.c0 != null && this.c0.ax) {
+                let b = this.dh.getNativeElement();
                 return b.contains(a);
             }
             return false;
         }
-        c8(a) {
+        db(a) {
             if (a != null) {
-                let b = this.ae.getNativeElement();
+                let b = this.ah.getNativeElement();
                 return b.contains(a);
             }
             return false;
         }
-        eb(a) {
-            if (!this.c0) {
+        ee(a) {
+            if (!this.c3) {
                 let b = (a.originalEvent.relatedTarget);
-                if (this.c5 && !this.c8(b) && !this.c9(b)) {
+                if (this.c8 && !this.db(b) && !this.dc(b)) {
                     this.b.editorCellLostFocus();
-                    this.d0();
+                    this.d3();
                 }
-                let c = this.ab.rootWrapper.getNativeElement();
+                let c = this.ae.rootWrapper.getNativeElement();
                 if (c.contains(b)) {
                     window.setTimeout(() => {
                         let d = document.activeElement.nodeName;
                         if (d == "INPUT" || d == "SELECT" || d == "TEXTAREA" || d == "BUTTON" || d == "OPTION") {
                             return;
                         }
-                        if (this.b.isEditRefocusDesired && this.cp != null) {
-                            this.cp.focus();
+                        if (this.b.isEditRefocusDesired && this.cs != null) {
+                            this.cs.focus();
                         }
                     }, 0);
                 }
             }
         }
-        d9(a) {
-            if (this.c6 && !this.cx.aw) {
-                this.ei();
+        ec(a) {
+            if (this.c9 && !this.c0.ax) {
+                this.el();
             }
         }
-        d6(a) {
-            this.c5 = true;
+        d9(a) {
+            this.c8 = true;
         }
-        d5(a) {
-            this.c5 = false;
+        d8(a) {
+            this.c8 = false;
         }
         onContactStarted(a, b) {
             a.stopPropagation();