igniteui-webcomponents-data-grids 7.1.0-alpha.3 → 7.1.0-beta.0

package/esm2015/lib/EditorCell.js

@@ -17,446 +17,446 @@ import { Rect } from "igniteui-webcomponents-core";
 import { stringIsNullOrWhiteSpace } from "igniteui-webcomponents-core";
 let EditorCell = /*@__PURE__*/ (() => {
     class EditorCell extends GridCellBase {
-        get dz() {
-            return this.dy;
+        get d2() {
+            return this.d1;
         }
-        set dz(a) {
-            let b = this.dy;
-            this.dy = a;
-            if (b != this.dy) {
-                this.ck("DataType", enumGetBox(DataSourceSchemaPropertyType_$type, b), enumGetBox(DataSourceSchemaPropertyType_$type, this.dy));
+        set d2(a) {
+            let b = this.d1;
+            this.d1 = a;
+            if (b != this.d1) {
+                this.cl("DataType", enumGetBox(DataSourceSchemaPropertyType_$type, b), enumGetBox(DataSourceSchemaPropertyType_$type, this.d1));
             }
         }
-        get ex() {
-            return this.ev;
+        get e0() {
+            return this.ey;
         }
-        set ex(a) {
-            let b = this.ev;
-            this.ev = a;
-            this.ck("Value", b, this.ev);
+        set e0(a) {
+            let b = this.ey;
+            this.ey = a;
+            this.cl("Value", b, this.ey);
         }
-        get ee() {
-            return this.ed;
+        get eh() {
+            return this.eg;
         }
-        set ee(a) {
-            let b = this.ed;
-            this.ed = a;
-            if (b != this.ed) {
-                this.ck("FontInfo", b, this.ed);
+        set eh(a) {
+            let b = this.eg;
+            this.eg = a;
+            if (b != this.eg) {
+                this.cl("FontInfo", b, this.eg);
             }
         }
-        get d3() {
-            return this.d2;
+        get d6() {
+            return this.d5;
         }
-        set d3(a) {
-            let b = this.d2;
-            this.d2 = a;
-            if (b != this.d2) {
-                this.ck("EditorType", enumGetBox(EditorType_$type, b), enumGetBox(EditorType_$type, this.d2));
+        set d6(a) {
+            let b = this.d5;
+            this.d5 = a;
+            if (b != this.d5) {
+                this.cl("EditorType", enumGetBox(EditorType_$type, b), enumGetBox(EditorType_$type, this.d5));
             }
         }
-        get ew() {
-            return this.eu;
+        get ez() {
+            return this.ex;
         }
-        set ew(a) {
-            let b = this.eu;
-            this.eu = a;
-            if (b != this.eu) {
-                this.ck("ComboItemsSource", b, this.eu);
+        set ez(a) {
+            let b = this.ex;
+            this.ex = a;
+            if (b != this.ex) {
+                this.cl("ComboItemsSource", b, this.ex);
             }
         }
-        get e1() {
-            return this.ey;
+        get e4() {
+            return this.e1;
         }
-        set e1(a) {
-            let b = this.ey;
-            this.ey = a;
-            if (b != this.ey) {
-                this.ck("ComboTextField", b, this.ey);
+        set e4(a) {
+            let b = this.e1;
+            this.e1 = a;
+            if (b != this.e1) {
+                this.cl("ComboTextField", b, this.e1);
             }
         }
-        get dx() {
-            return this.dw;
+        get d0() {
+            return this.dz;
         }
-        set dx(a) {
-            let b = this.dw;
-            this.dw = a;
-            if (b != this.dw) {
-                this.ck("ComboValueField", b, this.dw);
+        set d0(a) {
+            let b = this.dz;
+            this.dz = a;
+            if (b != this.dz) {
+                this.cl("ComboValueField", b, this.dz);
             }
         }
-        get ep() {
-            return this.eh;
+        get es() {
+            return this.ek;
         }
-        set ep(a) {
-            let b = this.eh;
-            this.eh = a;
-            if (b != this.eh) {
-                this.ck("IsHidden", b, this.eh);
+        set es(a) {
+            let b = this.ek;
+            this.ek = a;
+            if (b != this.ek) {
+                this.cl("IsHidden", b, this.ek);
             }
         }
-        get e5() {
-            return this.ez;
+        get e8() {
+            return this.e2;
         }
-        set e5(a) {
-            let b = this.ez;
-            this.ez = a;
-            if (b != this.ez) {
-                this.ck("DateFormatString", b, this.ez);
+        set e8(a) {
+            let b = this.e2;
+            this.e2 = a;
+            if (b != this.e2) {
+                this.cl("DateFormatString", b, this.e2);
             }
         }
-        get eq() {
-            return this.ei;
+        get et() {
+            return this.el;
         }
-        set eq(a) {
-            let b = this.ei;
-            this.ei = a;
-            if (b != this.ei) {
-                this.ck("ShowTodayButton", b, this.ei);
+        set et(a) {
+            let b = this.el;
+            this.el = a;
+            if (b != this.el) {
+                this.cl("ShowTodayButton", b, this.el);
             }
         }
         constructor(a) {
             super(a);
-            this.d4 = null;
-            this.eb = null;
-            this.ea = null;
-            this.d1 = null;
-            this.d0 = null;
-            this.er = null;
-            this.es = null;
-            this.et = null;
-            this.ec = null;
-            this.ef = false;
-            this.ej = false;
-            this.eg = false;
-            this.dy = 0;
-            this.ev = null;
+            this.d7 = null;
+            this.ee = null;
             this.ed = null;
-            this.d2 = 1;
+            this.d4 = null;
+            this.d3 = null;
             this.eu = null;
-            this.ey = null;
-            this.dw = null;
-            this.eh = true;
-            this.ez = null;
+            this.ev = null;
+            this.ew = null;
+            this.ef = null;
             this.ei = false;
-            this.el = false;
             this.em = false;
-            this.ek = false;
+            this.ej = false;
+            this.d1 = 0;
+            this.ey = null;
+            this.eg = null;
+            this.d5 = 1;
+            this.ex = null;
+            this.e1 = null;
+            this.dz = null;
+            this.ek = true;
+            this.e2 = null;
+            this.el = false;
+            this.eo = false;
+            this.ep = false;
+            this.en = false;
             this.ar.setAttribute("tabindex", "-1");
             this.ar.setStyleProperty("outline", "none");
             this.ar.setStyleProperty("display", "flex");
             this.ar.setStyleProperty("align-items", "center");
-            this.ar.listen("focusout", runOn(this, this.fp));
-            this.ar.listen("focusin", runOn(this, this.fn));
-        }
-        d9(a) {
-            if (this.er == null) {
-                this.er = this.am.createElement("div");
-                let b = this.am.getSubRenderer(this.er);
-                this.ec = new Popup();
-                this.ec.provideRenderer(b);
-                this.et = this.am.createElement("div");
-                this.et.setStyleProperty("background-color", "rgba(0,0,0,0.7)");
-                this.et.setStyleProperty("color", "#fff");
-                this.et.setStyleProperty("padding", "5px");
-                this.et.setStyleProperty("outline", "none");
-                this.et.setAttribute("tabindex", "-1");
-                this.es = this.am.createElement("div");
-                this.es.setStyleProperty("white-space", "pre");
-                if (this.ee != null) {
-                    this.es.setStyleProperty("font", this.ee.fontString);
+            this.ar.listen("focusout", runOn(this, this.fs));
+            this.ar.listen("focusin", runOn(this, this.fq));
+        }
+        ec(a) {
+            if (this.eu == null) {
+                this.eu = this.am.createElement("div");
+                let b = this.am.getSubRenderer(this.eu);
+                this.ef = new Popup();
+                this.ef.provideRenderer(b);
+                this.ew = this.am.createElement("div");
+                this.ew.setStyleProperty("background-color", "rgba(0,0,0,0.7)");
+                this.ew.setStyleProperty("color", "#fff");
+                this.ew.setStyleProperty("padding", "5px");
+                this.ew.setStyleProperty("outline", "none");
+                this.ew.setAttribute("tabindex", "-1");
+                this.ev = this.am.createElement("div");
+                this.ev.setStyleProperty("white-space", "pre");
+                if (this.eh != null) {
+                    this.ev.setStyleProperty("font", this.eh.fontString);
                 }
-                this.et.append(this.es);
-                this.ec.appendPopupContent(this.et);
+                this.ew.append(this.ev);
+                this.ef.appendPopupContent(this.ew);
             }
             let c = null;
             switch (a) {
                 case 1:
-                    c = this.d8();
+                    c = this.eb();
                     break;
                 case 2:
-                    c = this.d7();
+                    c = this.ea();
                     break;
                 case 3:
-                    c = this.d6();
+                    c = this.d9();
                     break;
                 case 4:
-                    c = this.d5();
+                    c = this.d8();
                     break;
             }
             return c;
         }
-        d8() {
-            if (this.eb != null) {
-                this.fh();
-                this.fm();
-                return this.eb;
-            }
-            this.eb = new TextEditorView(this.am, this.f.getTheme(), this.b);
-            this.eb.setFont(this.ee);
-            return this.eb;
-        }
-        d7() {
-            if (this.ea != null) {
-                this.fh();
-                this.fm();
-                return this.ea;
-            }
-            this.ea = new NumericEditorView(this.am, this.f.getTheme(), this.b);
-            this.ea.setFont(this.ee);
-            return this.ea;
-        }
-        d6() {
-            if (this.d1 != null) {
-                this.fh();
-                this.fm();
-                return this.d1;
-            }
-            this.d1 = new DateEditorView(this.am, this.f.getTheme(), this.b);
-            this.d1.setFont(this.ee);
-            return this.d1;
+        eb() {
+            if (this.ee != null) {
+                this.fk();
+                this.fp();
+                return this.ee;
+            }
+            this.ee = new TextEditorView(this.am, this.f.getTheme(), this.b);
+            this.ee.setFont(this.eh);
+            return this.ee;
+        }
+        ea() {
+            if (this.ed != null) {
+                this.fk();
+                this.fp();
+                return this.ed;
+            }
+            this.ed = new NumericEditorView(this.am, this.f.getTheme(), this.b);
+            this.ed.setFont(this.eh);
+            return this.ed;
         }
-        d5() {
-            if (this.d0 != null) {
-                this.fg();
-                this.fh();
-                this.fm();
-                return this.d0;
+        d9() {
+            if (this.d4 != null) {
+                this.fk();
+                this.fp();
+                return this.d4;
             }
-            this.d0 = new ComboEditorView(this.am, this.f.getTheme(), this.b);
-            this.d0.setFont(this.ee);
-            this.d0.ah = this.ew;
-            this.d0.ak = this.e1;
-            this.d0.aa = this.dx;
-            return this.d0;
+            this.d4 = new DateEditorView(this.am, this.f.getTheme(), this.b);
+            this.d4.setFont(this.eh);
+            return this.d4;
         }
-        fo(a, b) {
+        d8() {
+            if (this.d3 != null) {
+                this.fj();
+                this.fk();
+                this.fp();
+                return this.d3;
+            }
+            this.d3 = new ComboEditorView(this.am, this.f.getTheme(), this.b);
+            this.d3.setFont(this.eh);
+            this.d3.ah = this.ez;
+            this.d3.ak = this.e4;
+            this.d3.aa = this.d0;
+            return this.d3;
+        }
+        fr(a, b) {
             if (b.g != b.d || b.h != b.e) {
-                if (this.d0 != null) {
-                    this.d0.an();
+                if (this.d3 != null) {
+                    this.d3.an();
                 }
-                if (this.d1 != null) {
-                    this.d1.ah();
+                if (this.d4 != null) {
+                    this.d4.ah();
                 }
-                this.fe();
+                this.fh();
             }
         }
-        fc() {
-            if (!this.eg) {
-                if (this.d4 != null) {
-                    this.d4.attachEvents();
-                    let a = this.d4;
-                    a.valueProvided = delegateCombine(a.valueProvided, runOn(this, this.fu));
-                    let b = this.d4;
-                    b.lostFocus = delegateCombine(b.lostFocus, runOn(this, this.fk));
-                    let c = this.d4;
-                    c.gotFocus = delegateCombine(c.gotFocus, runOn(this, this.fj));
-                    let d = this.d4;
-                    d.userTyping = delegateCombine(d.userTyping, runOn(this, this.fs));
-                    this.eg = true;
+        ff() {
+            if (!this.ej) {
+                if (this.d7 != null) {
+                    this.d7.attachEvents();
+                    let a = this.d7;
+                    a.valueProvided = delegateCombine(a.valueProvided, runOn(this, this.fx));
+                    let b = this.d7;
+                    b.lostFocus = delegateCombine(b.lostFocus, runOn(this, this.fn));
+                    let c = this.d7;
+                    c.gotFocus = delegateCombine(c.gotFocus, runOn(this, this.fm));
+                    let d = this.d7;
+                    d.userTyping = delegateCombine(d.userTyping, runOn(this, this.fv));
+                    this.ej = true;
                 }
             }
         }
-        fd() {
-            if (this.eg) {
-                if (this.d4 != null) {
-                    this.d4.detachEvents();
-                    let a = this.d4;
-                    a.valueProvided = delegateRemove(a.valueProvided, runOn(this, this.fu));
-                    let b = this.d4;
-                    b.lostFocus = delegateRemove(b.lostFocus, runOn(this, this.fk));
-                    let c = this.d4;
-                    c.gotFocus = delegateRemove(c.gotFocus, runOn(this, this.fj));
-                    let d = this.d4;
-                    d.userTyping = delegateRemove(d.userTyping, runOn(this, this.fs));
-                    this.eg = false;
+        fg() {
+            if (this.ej) {
+                if (this.d7 != null) {
+                    this.d7.detachEvents();
+                    let a = this.d7;
+                    a.valueProvided = delegateRemove(a.valueProvided, runOn(this, this.fx));
+                    let b = this.d7;
+                    b.lostFocus = delegateRemove(b.lostFocus, runOn(this, this.fn));
+                    let c = this.d7;
+                    c.gotFocus = delegateRemove(c.gotFocus, runOn(this, this.fm));
+                    let d = this.d7;
+                    d.userTyping = delegateRemove(d.userTyping, runOn(this, this.fv));
+                    this.ej = false;
                 }
             }
         }
-        fr(a) {
-            this.el = false;
-            this.em = false;
-            this.ek = false;
+        fu(a) {
+            this.eo = false;
+            this.ep = false;
+            this.en = false;
             if (!a) {
-                this.em = true;
-                this.d4.onTargetChanged();
+                this.ep = true;
+                this.d7.onTargetChanged();
             }
         }
-        ft() {
-            if (this.d4 != null) {
-                this.d4.value = this.ex;
+        fw() {
+            if (this.d7 != null) {
+                this.d7.value = this.e0;
             }
         }
-        fh() {
+        fk() {
         }
-        fl() {
-            this.ef = true;
-            this.fd();
+        fo() {
+            this.ei = true;
+            this.fg();
             this.ar.removeChildren();
-            if (this.d4 != null) {
-                this.d4.cleanUp();
-            }
-            this.d4 = this.d9(this.d3);
-            this.ar.append(this.d4.container);
-            this.fc();
-            if (this.d4 != null) {
-                this.d4.isEnabled = !this.isRemoved;
-                if (!this.ep) {
-                    this.d4.onEditStarted();
+            if (this.d7 != null) {
+                this.d7.cleanUp();
+            }
+            this.d7 = this.ec(this.d6);
+            this.ar.append(this.d7.container);
+            this.ff();
+            if (this.d7 != null) {
+                this.d7.isEnabled = !this.isRemoved;
+                if (!this.es) {
+                    this.d7.onEditStarted();
                 }
             }
-            this.ef = false;
+            this.ei = false;
         }
-        fg() {
-            if (this.d0 != null) {
-                this.d0.ah = this.ew;
-                this.d0.ak = this.e1;
-                this.d0.aa = this.dx;
+        fj() {
+            if (this.d3 != null) {
+                this.d3.ah = this.ez;
+                this.d3.ak = this.e4;
+                this.d3.aa = this.d0;
             }
         }
-        fm() {
-            if (this.ee != null) {
-                if (this.eb != null) {
-                    this.eb.setFont(this.ee);
+        fp() {
+            if (this.eh != null) {
+                if (this.ee != null) {
+                    this.ee.setFont(this.eh);
                 }
-                if (this.ea != null) {
-                    this.ea.setFont(this.ee);
+                if (this.ed != null) {
+                    this.ed.setFont(this.eh);
                 }
-                if (this.d1 != null) {
-                    this.d1.setFont(this.ee);
+                if (this.d4 != null) {
+                    this.d4.setFont(this.eh);
                 }
-                if (this.d0 != null) {
-                    this.d0.setFont(this.ee);
+                if (this.d3 != null) {
+                    this.d3.setFont(this.eh);
                 }
-                this.es.setStyleProperty("font", this.ee.fontString);
+                this.ev.setStyleProperty("font", this.eh.fontString);
             }
         }
-        ff() {
-            this.ej = false;
-            if (this.d4 != null) {
-                if (!this.ep) {
-                    this.d4.onEditStarted();
+        fi() {
+            this.em = false;
+            if (this.d7 != null) {
+                if (!this.es) {
+                    this.d7.onEditStarted();
                 }
                 else {
-                    this.d4.onEditEnded();
-                    this.d4.value = null;
-                    this.d4.value = this.ex;
+                    this.d7.onEditEnded();
+                    this.d7.value = null;
+                    this.d7.value = this.e0;
                 }
             }
         }
-        fi() {
-            if (this.d4 != null && this.d1 == this.d4) {
-                this.d1.af = this.e5;
+        fl() {
+            if (this.d7 != null && this.d4 == this.d7) {
+                this.d4.af = this.e8;
             }
         }
-        fq() {
-            if (this.d4 != null && this.d1 == this.d4) {
-                this.d1.ad = this.eq;
+        ft() {
+            if (this.d7 != null && this.d4 == this.d7) {
+                this.d4.ad = this.et;
             }
         }
-        fv(a, b, c, d, e) {
+        fy(a, b, c, d, e) {
             if (!stringIsNullOrWhiteSpace(a)) {
-                this.es.setRawText(a);
-                this.ec.b9();
-                this.fw();
+                this.ev.setRawText(a);
+                this.ef.b9();
+                this.fz();
             }
         }
-        fw() {
+        fz() {
             let rect_ = this.ar.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.ec.showRelativeToExclusionRect(a, 1, 0);
+            this.ef.showRelativeToExclusionRect(a, 1, 0);
         }
-        fe() {
-            if (this.ec.ax) {
-                this.ec.b6();
+        fh() {
+            if (this.ef.ax) {
+                this.ef.b6();
             }
         }
-        cj() {
-            if (this.d4 == null) {
-                this.fl();
-                this.f.setViewportChangedHandler(runOn(this, this.fo));
+        ck() {
+            if (this.d7 == null) {
+                this.fo();
+                this.f.setViewportChangedHandler(runOn(this, this.fr));
             }
         }
-        b9() {
-            if (this.d4 != null) {
-                this.d4.focus();
+        ca() {
+            if (this.d7 != null) {
+                this.d7.focus();
             }
         }
-        ck(a, b, c) {
-            super.ck(a, b, c);
+        cl(a, b, c) {
+            super.cl(a, b, c);
             switch (a) {
                 case "EditorType":
-                    this.fl();
+                    this.fo();
                     break;
                 case "ComboItemsSource":
                 case "ComboTextField":
                 case "ComboValueField":
-                    this.fg();
+                    this.fj();
                     break;
                 case "DataType":
-                    this.fh();
+                    this.fk();
                     break;
                 case "Value":
-                    this.ft();
+                    this.fw();
                     break;
                 case "FontInfo":
-                    this.fm();
+                    this.fp();
                     break;
                 case "IsHidden":
-                    this.ff();
+                    this.fi();
                     break;
                 case "DateFormatString":
-                    this.fi();
+                    this.fl();
                     break;
                 case "ShowTodayButton":
-                    this.fq();
+                    this.ft();
                     break;
                 case "IsRemoved":
-                    if (this.d4 != null) {
-                        this.d4.isEnabled = !this.isRemoved;
+                    if (this.d7 != null) {
+                        this.d7.isEnabled = !this.isRemoved;
                         if (!this.isRemoved) {
-                            this.d4.onTargetChanged();
+                            this.d7.onTargetChanged();
                         }
                     }
                     break;
             }
         }
-        fu(a, b, c) {
-            if (a == this.d4) {
+        fx(a, b, c) {
+            if (a == this.d7) {
                 if (!c) {
                     this.b.updateCellEditValue(b);
                 }
             }
         }
-        fs(a) {
-            if (a == this.d4) {
+        fv(a) {
+            if (a == this.d7) {
                 this.b.startEditMode();
             }
         }
-        eo(a) {
-            if (a != null && this.ec != null && this.ec.ax) {
-                let b = this.et.getNativeElement();
+        er(a) {
+            if (a != null && this.ef != null && this.ef.ax) {
+                let b = this.ew.getNativeElement();
                 return b.contains(a);
             }
             return false;
         }
-        en(a) {
+        eq(a) {
             if (a != null) {
                 let b = this.ar.getNativeElement();
                 return b.contains(a);
             }
             return false;
         }
-        fp(a) {
-            if (!this.ef) {
+        fs(a) {
+            if (!this.ei) {
                 let b = (a.originalEvent.relatedTarget);
-                if (this.ek && !this.en(b) && !this.eo(b)) {
+                if (this.en && !this.eq(b) && !this.er(b)) {
                     this.b.editorCellLostFocus();
-                    this.fe();
+                    this.fh();
                 }
                 let c = this.am.rootWrapper.getNativeElement();
                 if (c.contains(b)) {
@@ -465,23 +465,23 @@ let EditorCell = /*@__PURE__*/ (() => {
                         if (d == "INPUT" || d == "SELECT" || d == "TEXTAREA" || d == "BUTTON" || d == "OPTION") {
                             return;
                         }
-                        if (this.b.isEditRefocusDesired && this.d4 != null) {
-                            this.d4.focus();
+                        if (this.b.isEditRefocusDesired && this.d7 != null) {
+                            this.d7.focus();
                         }
                     }, 0);
                 }
             }
         }
-        fn(a) {
-            if (this.el && !this.ec.ax) {
-                this.fw();
+        fq(a) {
+            if (this.eo && !this.ef.ax) {
+                this.fz();
             }
         }
-        fk(a) {
-            this.ek = true;
+        fn(a) {
+            this.en = true;
         }
-        fj(a) {
-            this.ek = false;
+        fm(a) {
+            this.en = false;
         }
         onContactStarted(a, b) {
             a.stopPropagation();