igniteui-webcomponents-grids 4.2.2 → 4.2.4-alpha

package/esm2015/lib/BaseEditorView.js

@@ -22,6 +22,7 @@ export let BaseEditorView = /*@__PURE__*/ (() => {
             this.h = null;
             this._container = null;
             this.g = false;
+            this.x = null;
             this.valueProvided = null;
             this.userTyping = null;
             this.lostFocus = null;
@@ -42,7 +43,7 @@ export let BaseEditorView = /*@__PURE__*/ (() => {
         set value(a) {
             let b = this.i;
             this.i = a;
-            this.t("Value", b, this.i);
+            this.u("Value", b, this.i);
         }
         get isEnabled() {
             return this.e;
@@ -51,7 +52,7 @@ export let BaseEditorView = /*@__PURE__*/ (() => {
             let b = this.e;
             this.e = a;
             if (b != this.e) {
-                this.t("IsEnabled", b, this.e);
+                this.u("IsEnabled", b, this.e);
             }
         }
         get focusOnValueChanged() {
@@ -67,25 +68,35 @@ export let BaseEditorView = /*@__PURE__*/ (() => {
             let b = this.f;
             this.f = a;
             if (b != this.f) {
-                this.t("ShowClearButton", b, this.f);
+                this.u("ShowClearButton", b, this.f);
             }
         }
-        p(a, b) {
+        get textColor() {
+            return this.x;
+        }
+        set textColor(a) {
+            let b = this.x;
+            this.x = a;
+            if (b != this.x) {
+                this.u("TextColor", b, this.x);
+            }
+        }
+        q(a, b) {
             if (this.valueProvided != null) {
                 this.valueProvided(this, a, b);
             }
         }
-        o() {
+        p() {
             if (this.userTyping != null) {
                 this.userTyping(this);
             }
         }
-        n() {
+        o() {
             if (this.lostFocus != null) {
                 this.lostFocus(this);
             }
         }
-        m() {
+        n() {
             if (this.gotFocus != null) {
                 this.gotFocus(this);
             }
@@ -116,31 +127,36 @@ export let BaseEditorView = /*@__PURE__*/ (() => {
                 this.b = this.h.getRequestAnimationFrame();
             }
             this.b(() => {
-                this.r();
+                this.s();
                 this.d = false;
             });
             this.d = true;
         }
-        r() {
+        s() {
         }
         getEditorValue() {
             return null;
         }
         setEditorValue(a) {
         }
-        t(a, b, c) {
+        u(a, b, c) {
             switch (a) {
                 case "Value":
-                    this.u();
+                    this.w();
                     break;
                 case "IsEnabled":
-                    this.q();
+                    this.r();
+                    break;
+                case "TextColor":
+                    this.v();
                     break;
             }
         }
-        u() {
+        w() {
+        }
+        r() {
         }
-        q() {
+        v() {
         }
         onInputKeyDown(a, b) {
             if (!this.g) {

package/esm2015/lib/CheckboxListView_combined.js

@@ -944,6 +944,7 @@ export let CheckboxList = /*@__PURE__*/ (() => {
                     if (null != f) {
                         f.zv = this.dy;
                         f.zt = this.di;
+                        f.zu = this.di;
                     }
                     this.m.ad();
                     break;

package/esm2015/lib/ColumnFilterCondition_combined.js

@@ -6038,6 +6038,7 @@ export let Grid = /*@__PURE__*/ (() => {
             this.cv = new EditorDefinition();
             this.cw = new EditRowDefinition();
             this.c5 = new FilterRowDefinition();
+            this.c5.grid = this;
             this.aav = this.aaw;
             this.yn = this.yo;
             this.yt = GridStyleRepository.ax;
@@ -21480,6 +21481,12 @@ export let FilterRowDefinition = /*@__PURE__*/ (() => {
         }
         c2(a, b) {
             switch (b.propertyName) {
+                case "CellTextColor":
+                    this.dg();
+                    break;
+                case "CellBackground":
+                    this.c9();
+                    break;
             }
         }
         cx(a, b, c, d) {
@@ -21502,6 +21509,31 @@ export let FilterRowDefinition = /*@__PURE__*/ (() => {
                 e.lm = f.ep;
             }
         }
+        dg() {
+            if (this.el == null) {
+                if (this.grid != null && this.grid.zv != null) {
+                    this.d7 = this.grid.zv;
+                    return;
+                }
+                this.d7 = this.eh();
+            }
+            else {
+                this.d7 = this.el;
+            }
+        }
+        c9() {
+            if (this.d8 == null) {
+                if (this.grid != null && this.grid.zt != null) {
+                    this.d1 = this.grid.zt;
+                }
+                else {
+                    this.d1 = this.ec();
+                }
+            }
+            else {
+                this.d1 = this.d8;
+            }
+        }
     }
     FilterRowDefinition.$t = /*@__PURE__*/ markType(FilterRowDefinition, 'FilterRowDefinition', DefinitionBase.$);
     return FilterRowDefinition;

package/esm2015/lib/ComboEditorView.js

@@ -15,117 +15,117 @@ export let ComboEditorView = /*@__PURE__*/ (() => {
     class ComboEditorView extends BaseEditorView {
         constructor(a, b, c) {
             super(a, c);
-            this.y = null;
-            this.x = null;
-            this.aa = null;
             this.ab = null;
+            this.aa = null;
             this.ad = null;
-            this.v = null;
-            this.z = false;
+            this.ae = null;
+            this.ag = null;
+            this.y = null;
+            this.ac = false;
             let d = a.createElement("div");
             d.setRawStyleProperty("margin-top", "-10px");
             d.setRawStyleProperty("height", "38px");
             d.setRawStyleProperty("width", "100%");
             this.container = d;
             a.getPortal(d, "MultiColumnComboBox", (e) => {
-                this.x = e.componentRef;
-                this.aa = this.x.i;
-                this.x.height = "100%";
-                this.x.density = 3;
-                this.x.baseTheme = b;
-                this.x.labelVisible = false;
-                this.x.columnHeadersVisible = false;
-                this.x.rowSeparatorsVisible = false;
-                this.al();
-                this.u();
-                if (this.y != null) {
-                    this.x.textStyle = this.y.fontString;
+                this.aa = e.componentRef;
+                this.ad = this.aa.i;
+                this.aa.height = "100%";
+                this.aa.density = 3;
+                this.aa.baseTheme = b;
+                this.aa.labelVisible = false;
+                this.aa.columnHeadersVisible = false;
+                this.aa.rowSeparatorsVisible = false;
+                this.ao();
+                this.w();
+                if (this.ab != null) {
+                    this.aa.textStyle = this.ab.fontString;
                 }
                 this.attachEvents();
             }, false);
         }
-        get ac() {
-            return this.ab;
+        get af() {
+            return this.ae;
         }
-        set ac(a) {
-            let b = this.ab;
-            this.ab = a;
-            if (b != this.ab) {
-                this.t("DataSource", b, this.ab);
+        set af(a) {
+            let b = this.ae;
+            this.ae = a;
+            if (b != this.ae) {
+                this.u("DataSource", b, this.ae);
             }
         }
-        get af() {
-            return this.ad;
+        get ai() {
+            return this.ag;
         }
-        set af(a) {
-            let b = this.ad;
-            this.ad = a;
-            if (b != this.ad) {
-                this.t("TextField", b, this.ad);
+        set ai(a) {
+            let b = this.ag;
+            this.ag = a;
+            if (b != this.ag) {
+                this.u("TextField", b, this.ag);
             }
         }
-        get w() {
-            return this.v;
+        get z() {
+            return this.y;
         }
-        set w(a) {
-            let b = this.v;
-            this.v = a;
-            if (b != this.v) {
-                this.t("ValueField", b, this.v);
+        set z(a) {
+            let b = this.y;
+            this.y = a;
+            if (b != this.y) {
+                this.u("ValueField", b, this.y);
             }
         }
         setFont(a) {
-            this.y = a;
-            if (this.x != null && this.y != null) {
-                this.x.textStyle = this.y.fontString;
+            this.ab = a;
+            if (this.aa != null && this.ab != null) {
+                this.aa.textStyle = this.ab.fontString;
             }
         }
         attachEvents() {
-            if (this.x != null) {
-                let a = this.x;
+            if (this.aa != null) {
+                let a = this.aa;
                 a.selectedValueChanged = delegateCombine(a.selectedValueChanged, runOn(this, this.onComboValueChanged));
-                let b = this.x;
+                let b = this.aa;
                 b.textValueChanged = delegateCombine(b.textValueChanged, runOn(this, this.onComboTextChanged));
-                let c = this.x;
+                let c = this.aa;
                 c.gotFocus = delegateCombine(c.gotFocus, runOn(this, this.onComboGotFocus));
-                let d = this.x;
+                let d = this.aa;
                 d.lostFocus = delegateCombine(d.lostFocus, runOn(this, this.onComboLostFocus));
-                let e = this.x;
+                let e = this.aa;
                 e.keyDown = delegateCombine(e.keyDown, runOn(this, this.onInputKeyDown));
-                let f = this.x;
+                let f = this.aa;
                 f.changing = delegateCombine(f.changing, runOn(this, this.onInputChanging));
             }
         }
         detachEvents() {
-            if (this.x != null) {
-                let a = this.x;
+            if (this.aa != null) {
+                let a = this.aa;
                 a.selectedValueChanged = delegateRemove(a.selectedValueChanged, runOn(this, this.onComboValueChanged));
-                let b = this.x;
+                let b = this.aa;
                 b.textValueChanged = delegateRemove(b.textValueChanged, runOn(this, this.onComboTextChanged));
-                let c = this.x;
+                let c = this.aa;
                 c.gotFocus = delegateRemove(c.gotFocus, runOn(this, this.onComboGotFocus));
-                let d = this.x;
+                let d = this.aa;
                 d.lostFocus = delegateRemove(d.lostFocus, runOn(this, this.onComboLostFocus));
-                let e = this.x;
+                let e = this.aa;
                 e.keyDown = delegateRemove(e.keyDown, runOn(this, this.onInputKeyDown));
-                let f = this.x;
+                let f = this.aa;
                 f.changing = delegateRemove(f.changing, runOn(this, this.onInputChanging));
             }
         }
         onTargetChanged() {
-            if (this.x != null) {
-                this.z = true;
-                if (this.x.value == null && this.x.text != "") {
-                    this.x.text = "";
+            if (this.aa != null) {
+                this.ac = true;
+                if (this.aa.value == null && this.aa.text != "") {
+                    this.aa.text = "";
                 }
                 this.focus();
-                this.z = false;
+                this.ac = false;
             }
         }
         onEditStarted() {
             super.onEditStarted();
             let a = this.container.getNativeElement();
-            this.x.defaultColumnWidth = (a.clientWidth - 2).toString();
+            this.aa.defaultColumnWidth = (a.clientWidth - 2).toString();
             if (!this.a.isEditRefocusDesired) {
                 this.focus();
             }
@@ -139,63 +139,63 @@ export let ComboEditorView = /*@__PURE__*/ (() => {
                 }
             }
         }
-        r() {
-            if (this.x != null) {
-                this.aa.focus(true);
-                this.x.select();
+        s() {
+            if (this.aa != null) {
+                this.ad.focus(true);
+                this.aa.select();
             }
         }
-        ai() {
-            if (this.x != null) {
-                this.x.closeUp();
+        al() {
+            if (this.aa != null) {
+                this.aa.closeUp();
             }
         }
-        t(a, b, c) {
-            super.t(a, b, c);
+        u(a, b, c) {
+            super.u(a, b, c);
             switch (a) {
                 case "DataSource":
                 case "TextField":
                 case "ValueField":
-                    this.al();
+                    this.ao();
                     break;
             }
         }
-        u() {
-            this.z = true;
-            if (this.x != null) {
+        w() {
+            this.ac = true;
+            if (this.aa != null) {
                 if (this.value == null) {
-                    this.x.text = " ";
+                    this.aa.text = " ";
                 }
-                this.x.value = this.value;
-                this.r();
+                this.aa.value = this.value;
+                this.s();
             }
-            this.z = false;
+            this.ac = false;
         }
-        al() {
-            if (this.x != null) {
+        ao() {
+            if (this.aa != null) {
                 this.detachEvents();
-                this.x.dataSource = this.ac;
-                this.x.textField = this.af;
-                this.x.valueField = this.w;
-                if (this.af != null) {
-                    this.x.fields = [this.af];
+                this.aa.dataSource = this.af;
+                this.aa.textField = this.ai;
+                this.aa.valueField = this.z;
+                if (this.ai != null) {
+                    this.aa.fields = [this.ai];
                 }
-                else if (this.w != null && this.w.length > 0) {
-                    this.x.fields = [this.w[0]];
+                else if (this.z != null && this.z.length > 0) {
+                    this.aa.fields = [this.z[0]];
                 }
                 else {
-                    let a = typeCast(IDataSource_$type, this.ac);
+                    let a = typeCast(IDataSource_$type, this.af);
                     if (a != null && a.actualSchema != null) {
-                        this.x.fields = [a.actualSchema.propertyNames[0]];
+                        this.aa.fields = [a.actualSchema.propertyNames[0]];
                     }
                     else {
-                        let b = (Array.isArray(this.ac));
+                        let b = (Array.isArray(this.af));
                         if (b) {
-                            let c = (this.ac.length);
+                            let c = (this.af.length);
                             if (c > 0) {
-                                let d = (Object.keys(this.ac[0]));
+                                let d = (Object.keys(this.af[0]));
                                 if (d.length > 0) {
-                                    this.x.fields = [d[0]];
+                                    this.aa.fields = [d[0]];
                                 }
                             }
                         }
@@ -204,34 +204,40 @@ export let ComboEditorView = /*@__PURE__*/ (() => {
                 this.attachEvents();
             }
         }
+        v() {
+            super.v();
+            if (this.aa != null) {
+                this.aa.textColor = this.textColor._fill;
+            }
+        }
         onComboValueChanged(a, b) {
-            this.ap();
+            this.as();
         }
         onComboTextChanged(a, b) {
-            this.ap();
+            this.as();
         }
-        ap() {
-            if (this.z) {
+        as() {
+            if (this.ac) {
                 return;
             }
-            if (this.x.value != null) {
-                this.p(this.x.value, false);
+            if (this.aa.value != null) {
+                this.q(this.aa.value, false);
             }
-            else if (this.x.value == null && stringIsNullOrWhiteSpace(this.x.text)) {
-                this.p(null, false);
+            else if (this.aa.value == null && stringIsNullOrWhiteSpace(this.aa.text)) {
+                this.q(null, false);
             }
             else {
-                this.p(this.value, false);
+                this.q(this.value, false);
             }
         }
         onInputChanging(a, b) {
-            this.o();
+            this.p();
         }
         onComboLostFocus(a) {
-            this.n();
+            this.o();
         }
         onComboGotFocus(a) {
-            this.m();
+            this.n();
         }
     }
     ComboEditorView.$t = /*@__PURE__*/ markType(ComboEditorView, 'ComboEditorView', BaseEditorView.$);