igniteui-webcomponents-data-grids 7.0.1 → 7.1.0-alpha.0

package/esm2015/lib/EditorCell.js

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