igniteui-webcomponents-grids 4.2.2 → 4.2.4-alpha

package/esm2015/lib/DateEditorView.js

@@ -15,11 +15,11 @@ export let DateEditorView = /*@__PURE__*/ (() => {
     class DateEditorView extends BaseEditorView {
         constructor(a, b, c) {
             super(a, c);
-            this.aa = null;
-            this.v = null;
-            this.w = null;
-            this.y = false;
-            this.x = false;
+            this.ad = null;
+            this.y = null;
+            this.z = null;
+            this.ab = false;
+            this.aa = false;
             let d = a.createElement("div");
             d.setRawStyleProperty("width", "100%");
             d.setRawStyleProperty("margin-top", "-10px");
@@ -30,78 +30,79 @@ export let DateEditorView = /*@__PURE__*/ (() => {
             e.append(f);
             let g = a.createElement("div");
             e.append(g);
-            this.v = new DatePicker();
-            this.v.ar = false;
-            this.v.provideContainer(e);
-            this.v.w = b;
-            this.v.y = 3;
-            this.v.as = this.showClearButton;
-            this.v.at = this.z;
-            let h = e.getExternal(this.v, e.rootWrapper, null);
-            if (this.w != null) {
-                this.v.ad = this.w;
+            this.y = new DatePicker();
+            this.y.ar = false;
+            this.y.provideContainer(e);
+            this.y.w = b;
+            this.y.y = 3;
+            this.y.as = this.showClearButton;
+            this.y.at = this.ac;
+            this.y.de = this.textColor;
+            let h = e.getExternal(this.y, e.rootWrapper, null);
+            if (this.z != null) {
+                this.y.ad = this.z;
             }
             this.attachEvents();
         }
-        get ab() {
+        get ae() {
+            return this.ad;
+        }
+        set ae(a) {
+            let b = this.ad;
+            this.ad = a;
+            if (b != this.ad) {
+                this.u("FormatString", b, this.ad);
+            }
+        }
+        get ac() {
             return this.aa;
         }
-        set ab(a) {
+        set ac(a) {
             let b = this.aa;
             this.aa = a;
             if (b != this.aa) {
-                this.t("FormatString", b, this.aa);
-            }
-        }
-        get z() {
-            return this.x;
-        }
-        set z(a) {
-            let b = this.x;
-            this.x = a;
-            if (b != this.x) {
-                this.t("ShowTodayButton", b, this.x);
+                this.u("ShowTodayButton", b, this.aa);
             }
         }
         setFont(a) {
-            this.w = a;
-            if (this.v != null && this.w != null) {
-                this.v.ad = this.w;
+            this.z = a;
+            if (this.y != null && this.z != null) {
+                this.y.ad = this.z;
             }
         }
         attachEvents() {
-            if (this.v != null) {
-                let a = this.v;
+            if (this.y != null) {
+                let a = this.y;
                 a.selectedValueChanged = delegateCombine(a.selectedValueChanged, runOn(this, this.onDatePickerValueChanged));
-                let b = this.v;
+                let b = this.y;
                 b.gotFocus = delegateCombine(b.gotFocus, runOn(this, this.onDatePickerGotFocus));
-                let c = this.v;
+                let c = this.y;
                 c.lostFocus = delegateCombine(c.lostFocus, runOn(this, this.onDatePickerLostFocus));
-                let d = this.v;
+                let d = this.y;
                 d.keyDown = delegateCombine(d.keyDown, runOn(this, this.onInputKeyDown));
-                let e = this.v;
+                let e = this.y;
                 e.changing = delegateCombine(e.changing, runOn(this, this.onInputChanging));
             }
         }
         detachEvents() {
-            if (this.v != null) {
-                let a = this.v;
+            if (this.y != null) {
+                let a = this.y;
                 a.selectedValueChanged = delegateRemove(a.selectedValueChanged, runOn(this, this.onDatePickerValueChanged));
-                let b = this.v;
+                let b = this.y;
                 b.gotFocus = delegateRemove(b.gotFocus, runOn(this, this.onDatePickerGotFocus));
-                let c = this.v;
+                let c = this.y;
                 c.lostFocus = delegateRemove(c.lostFocus, runOn(this, this.onDatePickerLostFocus));
-                let d = this.v;
+                let d = this.y;
                 d.keyDown = delegateRemove(d.keyDown, runOn(this, this.onInputKeyDown));
-                let e = this.v;
+                let e = this.y;
                 e.changing = delegateRemove(e.changing, runOn(this, this.onInputChanging));
             }
         }
         onTargetChanged() {
-            if (this.v != null) {
-                this.y = true;
+            if (this.y != null) {
+                this.ab = true;
                 this.focus();
-                this.y = false;
+                this.ab = false;
             }
         }
         onEditStarted() {
@@ -119,93 +120,99 @@ export let DateEditorView = /*@__PURE__*/ (() => {
                 }
             }
         }
-        r() {
-            if (this.v != null) {
-                this.v.focus(true);
-                this.v.cz();
+        s() {
+            if (this.y != null) {
+                this.y.focus(true);
+                this.y.cz();
             }
         }
-        ad() {
-            if (this.v != null) {
-                this.v.cc();
+        ag() {
+            if (this.y != null) {
+                this.y.cc();
             }
         }
-        t(a, b, c) {
-            super.t(a, b, c);
+        u(a, b, c) {
+            super.u(a, b, c);
             switch (a) {
                 case "FormatString":
-                    this.ah();
+                    this.ak();
                     break;
                 case "ShowClearButton":
-                    if (this.v != null) {
-                        this.v.as = this.showClearButton;
+                    if (this.y != null) {
+                        this.y.as = this.showClearButton;
                     }
                     break;
                 case "ShowTodayButton":
-                    if (this.v != null) {
-                        this.v.at = this.z;
+                    if (this.y != null) {
+                        this.y.at = this.ac;
                     }
                     break;
             }
         }
-        ah() {
-            this.v.bo = this.ab;
+        ak() {
+            this.y.bo = this.ae;
         }
-        u() {
-            this.y = true;
-            if (this.v != null) {
+        w() {
+            this.ab = true;
+            if (this.y != null) {
                 if (this.value == null) {
-                    this.v.value = dateMinValue();
+                    this.y.value = dateMinValue();
                 }
                 else {
-                    this.v.value = this.value;
+                    this.y.value = this.value;
                 }
                 if (this.focusOnValueChanged) {
-                    this.r();
+                    this.s();
                 }
             }
-            this.y = false;
+            this.ab = false;
         }
-        q() {
-            if (this.v != null) {
-                this.v.aq = !this.isEnabled;
+        r() {
+            if (this.y != null) {
+                this.y.aq = !this.isEnabled;
+            }
+        }
+        v() {
+            super.v();
+            if (this.y != null) {
+                this.y.de = this.textColor;
             }
         }
         onDatePickerValueChanged(a, b) {
-            this.aj();
+            this.am();
         }
-        aj() {
-            if (this.y) {
+        am() {
+            if (this.ab) {
                 return;
             }
-            if (+(this.v.value) != +(dateMinValue())) {
-                this.p(this.v.value, false);
+            if (+(this.y.value) != +(dateMinValue())) {
+                this.q(this.y.value, false);
             }
-            else if (+(this.v.value) == +(dateMinValue())) {
-                this.p(null, false);
+            else if (+(this.y.value) == +(dateMinValue())) {
+                this.q(null, false);
             }
             else {
-                this.p(this.value, false);
+                this.q(this.value, false);
             }
         }
         onInputChanging(a, b) {
-            this.o();
+            this.p();
         }
         onDatePickerLostFocus(a, b) {
-            this.n();
+            this.o();
         }
         onDatePickerGotFocus(a, b) {
-            this.m();
+            this.n();
         }
         getEditorValue() {
-            if (this.v != null) {
-                return this.v.value;
+            if (this.y != null) {
+                return this.y.value;
             }
             return null;
         }
         setEditorValue(a) {
-            if (this.v != null) {
-                this.v.value = a != null ? a : dateMinValue();
+            if (this.y != null) {
+                this.y.value = a != null ? a : dateMinValue();
             }
         }
     }

package/esm2015/lib/EditorCell.js

@@ -228,18 +228,18 @@ export let EditorCell = /*@__PURE__*/ (() => {
             }
             this.ct = new ComboEditorView(this.ab, this.f.getTheme(), this.b);
             this.ct.setFont(this.cz);
-            this.ct.ac = this.dh;
-            this.ct.af = this.dm;
-            this.ct.w = this.ci;
+            this.ct.af = this.dh;
+            this.ct.ai = this.dm;
+            this.ct.z = this.ci;
             return this.ct;
         }
         ea(a, b) {
             if (b.g != b.d || b.h != b.e) {
                 if (this.ct != null) {
-                    this.ct.ai();
+                    this.ct.al();
                 }
                 if (this.cu != null) {
-                    this.cu.ad();
+                    this.cu.ag();
                 }
                 this.d0();
             }
@@ -312,9 +312,9 @@ export let EditorCell = /*@__PURE__*/ (() => {
         }
         d2() {
             if (this.ct != null) {
-                this.ct.ac = this.dh;
-                this.ct.af = this.dm;
-                this.ct.w = this.ci;
+                this.ct.af = this.dh;
+                this.ct.ai = this.dm;
+                this.ct.z = this.ci;
             }
         }
         d8() {
@@ -349,12 +349,12 @@ export let EditorCell = /*@__PURE__*/ (() => {
         }
         d4() {
             if (this.cn != null && this.cu == this.cn) {
-                this.cu.ab = this.dr;
+                this.cu.ae = this.dr;
             }
         }
         ec() {
             if (this.cn != null && this.cu == this.cn) {
-                this.cu.z = this.db;
+                this.cu.ac = this.db;
             }
         }
         eh(a, b, c, d, e) {

package/esm2015/lib/FilterCell.js

@@ -42,6 +42,7 @@ export let FilterCell = /*@__PURE__*/ (() => {
             this.cx = null;
             this.c7 = null;
             this.ch = null;
+            this.d6 = null;
             this.c4 = a.createElement("div");
             this.c4.setStyleProperty("display", "flex");
             this.c4.setStyleProperty("flex-direction", "row");
@@ -51,7 +52,7 @@ export let FilterCell = /*@__PURE__*/ (() => {
             this.c6 = a.createElement("div");
             this.c2 = a.getSubRenderer(this.c6);
             this.ck = new ComparisonOperatorSelector();
-            this.ck.ee(this.c2);
+            this.ck.ej(this.c2);
             this.c6.setStyleProperty("width", "24px");
             this.c6.setStyleProperty("height", "24px");
             this.c4.append(this.c6);
@@ -65,7 +66,7 @@ export let FilterCell = /*@__PURE__*/ (() => {
             this.cw = new XIcon();
             this.cw.provideContainer(a.getSubRenderer(this.c5));
             this.c4.append(this.c5);
-            this.dn();
+            this.dp();
         }
         cs(a) {
             switch (this.cm) {
@@ -88,30 +89,30 @@ export let FilterCell = /*@__PURE__*/ (() => {
                 default: return null;
             }
         }
-        d0() {
+        d1() {
             this.c3.removeChildren();
         }
-        dl() {
+        dm() {
             this.c3.append(this.cr.container);
         }
-        dt() {
+        du() {
             if (this.ae.getChildCount() == 0) {
                 this.ae.append(this.c4);
             }
         }
-        dr() {
+        ds() {
             if (this.ae.getChildCount() > 0) {
                 this.ae.removeChildren();
             }
         }
         bp(a, b, c) {
             super.bp(a, b, c);
-            this.dz(a, b, c);
+            this.d0(a, b, c);
         }
         bo() {
-            this.dx();
+            this.dy();
         }
-        d1(a, b, c, d) {
+        d2(a, b, c, d) {
             if (this.d != null) {
                 let e = this.c6.getNativeElement();
                 this.d.update("SelectorTop", (e.offsetTop));
@@ -124,17 +125,17 @@ export let FilterCell = /*@__PURE__*/ (() => {
                 this.d.update("ClearIconLeft", (g.offsetLeft));
             }
         }
-        dn() {
+        dp() {
             let a = this.ck;
-            a.valueChanged = delegateCombine(a.valueChanged, runOn(this, this.dy));
+            a.valueChanged = delegateCombine(a.valueChanged, runOn(this, this.dz));
             this.cw.svgPath = FilterCell.c9;
-            this.d3(false);
+            this.d4(false);
             let b = this.cw;
-            b.clicked = delegateCombine(b.clicked, runOn(this, this.dm));
+            b.clicked = delegateCombine(b.clicked, runOn(this, this.dn));
         }
-        dx() {
+        dy() {
             if (this.cr == null) {
-                this.ds();
+                this.dt();
             }
         }
         cn() {
@@ -174,7 +175,7 @@ export let FilterCell = /*@__PURE__*/ (() => {
             }
             if (this.ck.b == 44) {
                 if (this.cq != null && this.cq.count > 0) {
-                    let b = this.cq._inner[this.ck.w];
+                    let b = this.cq._inner[this.ck.x];
                     switch (b.b) {
                         case 0:
                         case 1:
@@ -191,26 +192,26 @@ export let FilterCell = /*@__PURE__*/ (() => {
             }
             return a;
         }
-        d3(a) {
+        d4(a) {
             if (this.cw != null) {
                 this.cw.disabled = !a;
                 this.cw.z = a ? 1 : 0.3;
             }
         }
-        dh(a) {
+        di(a) {
             if (!this.cz) {
                 return;
             }
             if (this.ck.b == 44) {
                 if (this.cq != null && this.cq.count > 0) {
-                    this.b.applyCustomFilter(this.ck.ac, this.ck.w, a);
+                    this.b.applyCustomFilter(this.ck.ae, this.ck.x, a);
                 }
             }
             else {
                 this.b.applyFilter(this.ck.b, a);
             }
         }
-        di() {
+        dj() {
             if (!this.cz) {
                 return;
             }
@@ -218,32 +219,37 @@ export let FilterCell = /*@__PURE__*/ (() => {
                 this.b.clearFilter();
             }
         }
-        dz(a, b, c) {
+        d0(a, b, c) {
             switch (a) {
                 case "DataType":
-                    this.dq();
+                    this.dr();
                     break;
                 case "EditorType":
-                    this.ds();
+                    this.dt();
                     break;
                 case "FontInfo":
-                    this.dw();
+                    this.dx();
                     break;
                 case "Filter":
-                    this.du();
+                    this.dv();
                     break;
                 case "FilterOperands":
-                    this.dp();
+                    this.dq();
                     break;
                 case "FilterValue":
-                    this.dv();
+                    this.dw();
                     break;
                 case "IsEditorEnabled":
                     this.cr.isEnabled = this.c1;
                     break;
+                case "TextColor":
+                    this.ck.eq = this.d7;
+                    this.cw.fill = this.d7;
+                    this.cr.textColor = this.d7;
+                    break;
             }
         }
-        du() {
+        dv() {
             this.cz = false;
             if (this.cr != null) {
                 if (this.ci != null) {
@@ -264,7 +270,7 @@ export let FilterCell = /*@__PURE__*/ (() => {
                     }
                     else if (typeCast(ColumnCustomFilterCondition.$, this.ci) !== null) {
                         let c = typeCast(ColumnCustomFilterCondition.$, this.ci);
-                        this.ck.ef(c.id, c.d);
+                        this.ck.ek(c.id, c.d);
                         let d = this.cr.getEditorValue();
                         if (d != null) {
                             if (!Base.equalsStatic(d, c.e)) {
@@ -294,37 +300,37 @@ export let FilterCell = /*@__PURE__*/ (() => {
             }
             this.cz = true;
         }
-        dp() {
-            this.ck.d4();
+        dq() {
+            this.ck.d7();
             for (let a = 0; a < this.cq.count; a++) {
-                this.ck.dy(this.cq._inner[a].e, this.cq._inner[a].f, this.cq._inner[a].g, a);
+                this.ck.d1(this.cq._inner[a].e, this.cq._inner[a].f, this.cq._inner[a].g, a);
             }
         }
-        dq() {
+        dr() {
             if (this.cj == 11) {
                 this.c1 = false;
             }
             this.cm = this.cn();
         }
-        dv() {
-            this.d3(this.c8 != null);
+        dw() {
+            this.d4(this.c8 != null);
             if (this.c8 == null || Base.equalsStatic(this.c8, "")) {
-                this.di();
+                this.dj();
             }
             else {
-                this.dh(this.c8);
+                this.di(this.c8);
             }
             if (this.d != null) {
                 this.d.update("FilterValue", this.c8);
             }
         }
-        ds() {
+        dt() {
             if (this.cr != null) {
                 this.cr.detachEvents();
                 let a = this.cr;
-                a.valueProvided = delegateRemove(a.valueProvided, runOn(this, this.d2));
+                a.valueProvided = delegateRemove(a.valueProvided, runOn(this, this.d3));
             }
-            this.d0();
+            this.d1();
             this.cr = this.cs(this.cm);
             this.cr.onEditStarted();
             if (this.cr != null) {
@@ -334,19 +340,19 @@ export let FilterCell = /*@__PURE__*/ (() => {
                 this.cr.focusOnValueChanged = false;
                 this.cr.showClearButton = false;
                 let b = this.cr;
-                b.valueProvided = delegateCombine(b.valueProvided, runOn(this, this.d2));
-                this.dl();
+                b.valueProvided = delegateCombine(b.valueProvided, runOn(this, this.d3));
+                this.dm();
             }
-            this.dm(null, null);
+            this.dn(null, null);
         }
-        dw() {
+        dx() {
             if (this.cy != null) {
                 if (this.cr != null) {
                     this.cr.setFont(this.cy);
                 }
             }
         }
-        dy(a, b) {
+        dz(a, b) {
             this.cm = this.cn();
             switch (b.newValue) {
                 case 40:
@@ -386,30 +392,30 @@ export let FilterCell = /*@__PURE__*/ (() => {
             }
             if (b.newValue == 44) {
                 if (this.cq != null && this.cq.count > 0) {
-                    let c = this.cq._inner[this.ck.w];
+                    let c = this.cq._inner[this.ck.x];
                     this.c1 = c.d;
                 }
             }
             if (!this.c1) {
-                this.dh(null);
-                this.d3(true);
+                this.di(null);
+                this.d4(true);
             }
             else if (this.c8 != null && !Base.equalsStatic(this.c8, "")) {
-                this.dh(this.c8);
+                this.di(this.c8);
             }
             else {
-                this.di();
-                this.d3(false);
+                this.dj();
+                this.d4(false);
             }
             if (this.d != null) {
                 this.d.update("OperatorType", enumGetBox(ColumnComparisonConditionOperatorType_$type, this.ck.b));
             }
         }
-        dm(a, b) {
+        dn(a, b) {
             if (b != null) {
                 if (!this.c1) {
                     this.ck.b = 0;
-                    this.di();
+                    this.dj();
                 }
             }
             this.c8 = null;
@@ -418,7 +424,7 @@ export let FilterCell = /*@__PURE__*/ (() => {
                 this.cr.value = null;
             }
         }
-        d2(a, b, c) {
+        d3(a, b, c) {
             if (this.cm == 2) {
                 if (typeof b === 'string') {
                     let d;
@@ -429,8 +435,8 @@ export let FilterCell = /*@__PURE__*/ (() => {
             }
             this.c8 = b;
         }
-        d4(a, b, c, d) {
-            this.d1(a, b, c, d);
+        d5(a, b, c, d) {
+            this.d2(a, b, c, d);
         }
         co(a, b) {
             if (a != null) {
@@ -445,11 +451,11 @@ export let FilterCell = /*@__PURE__*/ (() => {
             }
             return null;
         }
-        dk() {
-            this.dt();
+        dl() {
+            this.du();
         }
-        dj() {
-            this.dr();
+        dk() {
+            this.ds();
         }
         get cj() {
             return this.ck.d;
@@ -521,6 +527,16 @@ export let FilterCell = /*@__PURE__*/ (() => {
                 this.bp("Filter", b, this.ch);
             }
         }
+        get d7() {
+            return this.d6;
+        }
+        set d7(a) {
+            let b = this.d6;
+            this.d6 = a;
+            if (b != this.d6) {
+                this.bp("TextColor", b, this.d6);
+            }
+        }
     }
     FilterCell.$t = /*@__PURE__*/ markType(FilterCell, 'FilterCell', GridCellBase.$);
     FilterCell.c9 = "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z";