igniteui-webcomponents-grids 4.2.2 → 4.2.3-alpha

package/bundles/igniteui-webcomponents-grids.umd.js

@@ -13867,6 +13867,7 @@
             _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;
@@ -31276,6 +31277,12 @@
         };
         FilterRowDefinition.prototype.c2 = function (a, b) {
             switch (b.propertyName) {
+                case "CellTextColor":
+                    this.dg();
+                    break;
+                case "CellBackground":
+                    this.c9();
+                    break;
             }
         };
         FilterRowDefinition.prototype.cx = function (a, b, c, d) {
@@ -31298,6 +31305,31 @@
                 e.lm = f.ep;
             }
         };
+        FilterRowDefinition.prototype.dg = function () {
+            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;
+            }
+        };
+        FilterRowDefinition.prototype.c9 = function () {
+            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 = igniteuiWebcomponentsCore.markType(FilterRowDefinition, 'FilterRowDefinition', DefinitionBase.$);
         return FilterRowDefinition;
     }(DefinitionBase));
@@ -53131,6 +53163,7 @@
             _this.h = null;
             _this._container = null;
             _this.g = false;
+            _this.x = null;
             _this.valueProvided = null;
             _this.userTyping = null;
             _this.lostFocus = null;
@@ -53157,7 +53190,7 @@
             set: function (a) {
                 var b = this.i;
                 this.i = a;
-                this.t("Value", b, this.i);
+                this.u("Value", b, this.i);
             },
             enumerable: true,
             configurable: true
@@ -53170,7 +53203,7 @@
                 var b = this.e;
                 this.e = a;
                 if (b != this.e) {
-                    this.t("IsEnabled", b, this.e);
+                    this.u("IsEnabled", b, this.e);
                 }
             },
             enumerable: true,
@@ -53194,28 +53227,42 @@
                 var b = this.f;
                 this.f = a;
                 if (b != this.f) {
-                    this.t("ShowClearButton", b, this.f);
+                    this.u("ShowClearButton", b, this.f);
+                }
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(BaseEditorView.prototype, "textColor", {
+            get: function () {
+                return this.x;
+            },
+            set: function (a) {
+                var b = this.x;
+                this.x = a;
+                if (b != this.x) {
+                    this.u("TextColor", b, this.x);
                 }
             },
             enumerable: true,
             configurable: true
         });
-        BaseEditorView.prototype.p = function (a, b) {
+        BaseEditorView.prototype.q = function (a, b) {
             if (this.valueProvided != null) {
                 this.valueProvided(this, a, b);
             }
         };
-        BaseEditorView.prototype.o = function () {
+        BaseEditorView.prototype.p = function () {
             if (this.userTyping != null) {
                 this.userTyping(this);
             }
         };
-        BaseEditorView.prototype.n = function () {
+        BaseEditorView.prototype.o = function () {
             if (this.lostFocus != null) {
                 this.lostFocus(this);
             }
         };
-        BaseEditorView.prototype.m = function () {
+        BaseEditorView.prototype.n = function () {
             if (this.gotFocus != null) {
                 this.gotFocus(this);
             }
@@ -53247,31 +53294,36 @@
                 this.b = this.h.getRequestAnimationFrame();
             }
             this.b(function () {
-                _this.r();
+                _this.s();
                 _this.d = false;
             });
             this.d = true;
         };
-        BaseEditorView.prototype.r = function () {
+        BaseEditorView.prototype.s = function () {
         };
         BaseEditorView.prototype.getEditorValue = function () {
             return null;
         };
         BaseEditorView.prototype.setEditorValue = function (a) {
         };
-        BaseEditorView.prototype.t = function (a, b, c) {
+        BaseEditorView.prototype.u = function (a, b, c) {
             switch (a) {
                 case "Value":
-                    this.u();
+                    this.w();
                     break;
                 case "IsEnabled":
-                    this.q();
+                    this.r();
+                    break;
+                case "TextColor":
+                    this.v();
                     break;
             }
         };
-        BaseEditorView.prototype.u = function () {
+        BaseEditorView.prototype.w = function () {
+        };
+        BaseEditorView.prototype.r = function () {
         };
-        BaseEditorView.prototype.q = function () {
+        BaseEditorView.prototype.v = function () {
         };
         BaseEditorView.prototype.onInputKeyDown = function (a, b) {
             if (!this.g) {
@@ -53325,9 +53377,9 @@
         tslib_1.__extends(TextEditorView, _super);
         function TextEditorView(a, b, c) {
             var _this = _super.call(this, a, c) || this;
-            _this.x = null;
-            _this.w = null;
-            _this.v = null;
+            _this.aa = null;
+            _this.z = null;
+            _this.y = null;
             var d = a.createElement("div");
             d.setRawStyleProperty("display", "flex");
             d.setRawStyleProperty("width", "100%");
@@ -53335,61 +53387,62 @@
             d.setRawStyleProperty("height", "38px");
             _this.container = d;
             var e = a.getSubRenderer(d);
-            _this.w = new igniteuiWebcomponentsInputs.XInputGroup();
-            _this.w.provideContainer(e);
-            _this.w.d = 0;
-            _this.w.j = b;
-            _this.w.n = 3;
-            _this.w.disabled = !_this.isEnabled;
-            var f = e.getExternal(_this.w, e.rootWrapper, null);
+            _this.z = new igniteuiWebcomponentsInputs.XInputGroup();
+            _this.z.provideContainer(e);
+            _this.z.d = 0;
+            _this.z.j = b;
+            _this.z.n = 3;
+            _this.z.disabled = !_this.isEnabled;
+            var f = e.getExternal(_this.z, e.rootWrapper, null);
             var g = a.createElement("div");
             g.setRawStyleProperty("width", "100%");
             var h = a.getSubRenderer(g);
-            _this.v = new igniteuiWebcomponentsInputs.XInput();
-            _this.v.provideContainer(h);
-            _this.v.b6 = "text";
-            _this.v.disabled = !_this.isEnabled;
-            var i = e.getExternal(_this.v, h.rootWrapper, null);
-            _this.w.appendContentChild(g);
-            _this.w.inputs.add(_this.v);
+            _this.y = new igniteuiWebcomponentsInputs.XInput();
+            _this.y.provideContainer(h);
+            _this.y.b6 = "text";
+            _this.y.disabled = !_this.isEnabled;
+            _this.y.d1 = _this.textColor;
+            var i = e.getExternal(_this.y, h.rootWrapper, null);
+            _this.z.appendContentChild(g);
+            _this.z.inputs.add(_this.y);
             return _this;
         }
         TextEditorView.prototype.setFont = function (a) {
-            if (this.v != null) {
-                this.v.af = a;
+            if (this.y != null) {
+                this.y.af = a;
             }
         };
         TextEditorView.prototype.attachEvents = function () {
-            if (this.v != null) {
-                var a = this.v;
-                a.changing = igniteuiWebcomponentsCore.delegateCombine(a.changing, igniteuiWebcomponentsCore.runOn(this, this.z));
-                var b = this.v;
+            if (this.y != null) {
+                var a = this.y;
+                a.changing = igniteuiWebcomponentsCore.delegateCombine(a.changing, igniteuiWebcomponentsCore.runOn(this, this.ac));
+                var b = this.y;
                 b.keyDown = igniteuiWebcomponentsCore.delegateCombine(b.keyDown, igniteuiWebcomponentsCore.runOn(this, this.onInputKeyDown));
-                var c = this.v;
-                c.compositionEnd = igniteuiWebcomponentsCore.delegateCombine(c.compositionEnd, igniteuiWebcomponentsCore.runOn(this, this.y));
-                var d = this.v;
-                d.gotFocus = igniteuiWebcomponentsCore.delegateCombine(d.gotFocus, igniteuiWebcomponentsCore.runOn(this, this.aa));
-                var e = this.v;
-                e.lostFocus = igniteuiWebcomponentsCore.delegateCombine(e.lostFocus, igniteuiWebcomponentsCore.runOn(this, this.ab));
+                var c = this.y;
+                c.compositionEnd = igniteuiWebcomponentsCore.delegateCombine(c.compositionEnd, igniteuiWebcomponentsCore.runOn(this, this.ab));
+                var d = this.y;
+                d.gotFocus = igniteuiWebcomponentsCore.delegateCombine(d.gotFocus, igniteuiWebcomponentsCore.runOn(this, this.ad));
+                var e = this.y;
+                e.lostFocus = igniteuiWebcomponentsCore.delegateCombine(e.lostFocus, igniteuiWebcomponentsCore.runOn(this, this.ae));
             }
         };
         TextEditorView.prototype.detachEvents = function () {
-            if (this.v != null) {
-                var a = this.v;
-                a.changing = igniteuiWebcomponentsCore.delegateRemove(a.changing, igniteuiWebcomponentsCore.runOn(this, this.z));
-                var b = this.v;
+            if (this.y != null) {
+                var a = this.y;
+                a.changing = igniteuiWebcomponentsCore.delegateRemove(a.changing, igniteuiWebcomponentsCore.runOn(this, this.ac));
+                var b = this.y;
                 b.keyDown = igniteuiWebcomponentsCore.delegateRemove(b.keyDown, igniteuiWebcomponentsCore.runOn(this, this.onInputKeyDown));
-                var c = this.v;
-                c.compositionEnd = igniteuiWebcomponentsCore.delegateRemove(c.compositionEnd, igniteuiWebcomponentsCore.runOn(this, this.y));
-                var d = this.v;
-                d.gotFocus = igniteuiWebcomponentsCore.delegateRemove(d.gotFocus, igniteuiWebcomponentsCore.runOn(this, this.aa));
-                var e = this.v;
-                e.lostFocus = igniteuiWebcomponentsCore.delegateRemove(e.lostFocus, igniteuiWebcomponentsCore.runOn(this, this.ab));
+                var c = this.y;
+                c.compositionEnd = igniteuiWebcomponentsCore.delegateRemove(c.compositionEnd, igniteuiWebcomponentsCore.runOn(this, this.ab));
+                var d = this.y;
+                d.gotFocus = igniteuiWebcomponentsCore.delegateRemove(d.gotFocus, igniteuiWebcomponentsCore.runOn(this, this.ad));
+                var e = this.y;
+                e.lostFocus = igniteuiWebcomponentsCore.delegateRemove(e.lostFocus, igniteuiWebcomponentsCore.runOn(this, this.ae));
             }
         };
         TextEditorView.prototype.onTargetChanged = function () {
-            this.x = null;
-            if (this.v != null) {
+            this.aa = null;
+            if (this.y != null) {
                 this.focus();
             }
         };
@@ -53404,73 +53457,79 @@
             if (this.a.isEditRefocusDesired) {
                 var a = this.h.rootWrapper.getNativeElement();
                 if (a == document.activeElement || a.contains(document.activeElement)) {
-                    this.v.cp();
+                    this.y.cp();
                     this.focus();
                 }
             }
         };
-        TextEditorView.prototype.r = function () {
+        TextEditorView.prototype.s = function () {
             var _this = this;
-            if (this.v != null) {
-                this.v.focus(true);
-                if (this.v.b6 != "date") {
-                    window.setTimeout(function () { return _this.v.dj(); }, 0);
+            if (this.y != null) {
+                this.y.focus(true);
+                if (this.y.b6 != "date") {
+                    window.setTimeout(function () { return _this.y.dj(); }, 0);
                 }
             }
         };
-        TextEditorView.prototype.u = function () {
-            if (this.v != null) {
+        TextEditorView.prototype.w = function () {
+            if (this.y != null) {
                 if (this.value != null) {
-                    this.x = null;
-                    this.v.cm = null;
-                    this.v.cm = this.value.toString();
+                    this.aa = null;
+                    this.y.cm = null;
+                    this.y.cm = this.value.toString();
                     if (this.focusOnValueChanged) {
-                        this.r();
+                        this.s();
                     }
                 }
                 else {
-                    this.v.cm = null;
+                    this.y.cm = null;
                 }
             }
         };
-        TextEditorView.prototype.q = function () {
-            if (this.w != null) {
-                this.w.disabled = !this.isEnabled;
+        TextEditorView.prototype.r = function () {
+            if (this.z != null) {
+                this.z.disabled = !this.isEnabled;
             }
-            if (this.v != null) {
-                this.v.disabled = !this.isEnabled;
+            if (this.y != null) {
+                this.y.disabled = !this.isEnabled;
             }
         };
-        TextEditorView.prototype.z = function (a, b) {
-            this.o();
+        TextEditorView.prototype.v = function () {
+            _super.prototype.v.call(this);
+            if (this.y != null) {
+                this.y.d1 = this.textColor;
+            }
+        };
+        TextEditorView.prototype.ac = function (a, b) {
+            this.p();
             if (b.isCompositionInProgress) {
                 return;
             }
-            if (this.x != null && this.x != b.value) {
-                this.x = null;
+            if (this.aa != null && this.aa != b.value) {
+                this.aa = null;
                 return;
             }
-            this.p(b.value, false);
-        };
-        TextEditorView.prototype.y = function (a, b) {
-            this.x = b.value;
-            this.p(b.value, false);
+            this.q(b.value, false);
         };
         TextEditorView.prototype.ab = function (a, b) {
-            this.n();
+            this.aa = b.value;
+            this.q(b.value, false);
         };
-        TextEditorView.prototype.aa = function (a, b) {
-            this.m();
+        TextEditorView.prototype.ae = function (a, b) {
+            this.o();
+        };
+        TextEditorView.prototype.ad = function (a, b) {
+            this.n();
         };
         TextEditorView.prototype.getEditorValue = function () {
-            if (this.v != null) {
-                return this.v.cm;
+            if (this.y != null) {
+                return this.y.cm;
             }
             return null;
         };
         TextEditorView.prototype.setEditorValue = function (a) {
-            if (this.v != null) {
-                this.v.cm = a;
+            if (this.y != null) {
+                this.y.cm = a;
             }
         };
         TextEditorView.$t = igniteuiWebcomponentsCore.markType(TextEditorView, 'TextEditorView', BaseEditorView.$);
@@ -53490,15 +53549,15 @@
         tslib_1.__extends(NumericEditorView, _super);
         function NumericEditorView(a, b, c) {
             var _this = _super.call(this, a, b, c) || this;
-            _this.v.b6 = "number";
+            _this.y.b6 = "number";
             return _this;
         }
         NumericEditorView.prototype.getEditorValue = function () {
-            if (this.v == null || this.v.cm == null) {
+            if (this.y == null || this.y.cm == null) {
                 return null;
             }
             var a = NaN;
-            var b = igniteuiWebcomponentsCore.tryParseNumber(this.v.cm, a);
+            var b = igniteuiWebcomponentsCore.tryParseNumber(this.y.cm, a);
             a = b.p1;
             return a;
         };
@@ -53519,11 +53578,11 @@
         tslib_1.__extends(DateEditorView, _super);
         function DateEditorView(a, b, c) {
             var _this = _super.call(this, a, c) || this;
-            _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;
             var d = a.createElement("div");
             d.setRawStyleProperty("width", "100%");
             d.setRawStyleProperty("margin-top", "-10px");
@@ -53534,87 +53593,88 @@
             e.append(f);
             var g = a.createElement("div");
             e.append(g);
-            _this.v = new igniteuiWebcomponentsInputs.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;
-            var h = e.getExternal(_this.v, e.rootWrapper, null);
-            if (_this.w != null) {
-                _this.v.ad = _this.w;
+            _this.y = new igniteuiWebcomponentsInputs.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;
+            var h = e.getExternal(_this.y, e.rootWrapper, null);
+            if (_this.z != null) {
+                _this.y.ad = _this.z;
             }
             _this.attachEvents();
             return _this;
         }
-        Object.defineProperty(DateEditorView.prototype, "ab", {
+        Object.defineProperty(DateEditorView.prototype, "ae", {
             get: function () {
-                return this.aa;
+                return this.ad;
             },
             set: function (a) {
-                var b = this.aa;
-                this.aa = a;
-                if (b != this.aa) {
-                    this.t("FormatString", b, this.aa);
+                var b = this.ad;
+                this.ad = a;
+                if (b != this.ad) {
+                    this.u("FormatString", b, this.ad);
                 }
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(DateEditorView.prototype, "z", {
+        Object.defineProperty(DateEditorView.prototype, "ac", {
             get: function () {
-                return this.x;
+                return this.aa;
             },
             set: function (a) {
-                var b = this.x;
-                this.x = a;
-                if (b != this.x) {
-                    this.t("ShowTodayButton", b, this.x);
+                var b = this.aa;
+                this.aa = a;
+                if (b != this.aa) {
+                    this.u("ShowTodayButton", b, this.aa);
                 }
             },
             enumerable: true,
             configurable: true
         });
         DateEditorView.prototype.setFont = function (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;
             }
         };
         DateEditorView.prototype.attachEvents = function () {
-            if (this.v != null) {
-                var a = this.v;
+            if (this.y != null) {
+                var a = this.y;
                 a.selectedValueChanged = igniteuiWebcomponentsCore.delegateCombine(a.selectedValueChanged, igniteuiWebcomponentsCore.runOn(this, this.onDatePickerValueChanged));
-                var b = this.v;
+                var b = this.y;
                 b.gotFocus = igniteuiWebcomponentsCore.delegateCombine(b.gotFocus, igniteuiWebcomponentsCore.runOn(this, this.onDatePickerGotFocus));
-                var c = this.v;
+                var c = this.y;
                 c.lostFocus = igniteuiWebcomponentsCore.delegateCombine(c.lostFocus, igniteuiWebcomponentsCore.runOn(this, this.onDatePickerLostFocus));
-                var d = this.v;
+                var d = this.y;
                 d.keyDown = igniteuiWebcomponentsCore.delegateCombine(d.keyDown, igniteuiWebcomponentsCore.runOn(this, this.onInputKeyDown));
-                var e = this.v;
+                var e = this.y;
                 e.changing = igniteuiWebcomponentsCore.delegateCombine(e.changing, igniteuiWebcomponentsCore.runOn(this, this.onInputChanging));
             }
         };
         DateEditorView.prototype.detachEvents = function () {
-            if (this.v != null) {
-                var a = this.v;
+            if (this.y != null) {
+                var a = this.y;
                 a.selectedValueChanged = igniteuiWebcomponentsCore.delegateRemove(a.selectedValueChanged, igniteuiWebcomponentsCore.runOn(this, this.onDatePickerValueChanged));
-                var b = this.v;
+                var b = this.y;
                 b.gotFocus = igniteuiWebcomponentsCore.delegateRemove(b.gotFocus, igniteuiWebcomponentsCore.runOn(this, this.onDatePickerGotFocus));
-                var c = this.v;
+                var c = this.y;
                 c.lostFocus = igniteuiWebcomponentsCore.delegateRemove(c.lostFocus, igniteuiWebcomponentsCore.runOn(this, this.onDatePickerLostFocus));
-                var d = this.v;
+                var d = this.y;
                 d.keyDown = igniteuiWebcomponentsCore.delegateRemove(d.keyDown, igniteuiWebcomponentsCore.runOn(this, this.onInputKeyDown));
-                var e = this.v;
+                var e = this.y;
                 e.changing = igniteuiWebcomponentsCore.delegateRemove(e.changing, igniteuiWebcomponentsCore.runOn(this, this.onInputChanging));
             }
         };
         DateEditorView.prototype.onTargetChanged = function () {
-            if (this.v != null) {
-                this.y = true;
+            if (this.y != null) {
+                this.ab = true;
                 this.focus();
-                this.y = false;
+                this.ab = false;
             }
         };
         DateEditorView.prototype.onEditStarted = function () {
@@ -53632,93 +53692,99 @@
                 }
             }
         };
-        DateEditorView.prototype.r = function () {
-            if (this.v != null) {
-                this.v.focus(true);
-                this.v.cz();
+        DateEditorView.prototype.s = function () {
+            if (this.y != null) {
+                this.y.focus(true);
+                this.y.cz();
             }
         };
-        DateEditorView.prototype.ad = function () {
-            if (this.v != null) {
-                this.v.cc();
+        DateEditorView.prototype.ag = function () {
+            if (this.y != null) {
+                this.y.cc();
             }
         };
-        DateEditorView.prototype.t = function (a, b, c) {
-            _super.prototype.t.call(this, a, b, c);
+        DateEditorView.prototype.u = function (a, b, c) {
+            _super.prototype.u.call(this, 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;
             }
         };
-        DateEditorView.prototype.ah = function () {
-            this.v.bo = this.ab;
+        DateEditorView.prototype.ak = function () {
+            this.y.bo = this.ae;
         };
-        DateEditorView.prototype.u = function () {
-            this.y = true;
-            if (this.v != null) {
+        DateEditorView.prototype.w = function () {
+            this.ab = true;
+            if (this.y != null) {
                 if (this.value == null) {
-                    this.v.value = igniteuiWebcomponentsCore.dateMinValue();
+                    this.y.value = igniteuiWebcomponentsCore.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;
         };
-        DateEditorView.prototype.q = function () {
-            if (this.v != null) {
-                this.v.aq = !this.isEnabled;
+        DateEditorView.prototype.r = function () {
+            if (this.y != null) {
+                this.y.aq = !this.isEnabled;
+            }
+        };
+        DateEditorView.prototype.v = function () {
+            _super.prototype.v.call(this);
+            if (this.y != null) {
+                this.y.de = this.textColor;
             }
         };
         DateEditorView.prototype.onDatePickerValueChanged = function (a, b) {
-            this.aj();
+            this.am();
         };
-        DateEditorView.prototype.aj = function () {
-            if (this.y) {
+        DateEditorView.prototype.am = function () {
+            if (this.ab) {
                 return;
             }
-            if (+(this.v.value) != +(igniteuiWebcomponentsCore.dateMinValue())) {
-                this.p(this.v.value, false);
+            if (+(this.y.value) != +(igniteuiWebcomponentsCore.dateMinValue())) {
+                this.q(this.y.value, false);
             }
-            else if (+(this.v.value) == +(igniteuiWebcomponentsCore.dateMinValue())) {
-                this.p(null, false);
+            else if (+(this.y.value) == +(igniteuiWebcomponentsCore.dateMinValue())) {
+                this.q(null, false);
             }
             else {
-                this.p(this.value, false);
+                this.q(this.value, false);
             }
         };
         DateEditorView.prototype.onInputChanging = function (a, b) {
-            this.o();
+            this.p();
         };
         DateEditorView.prototype.onDatePickerLostFocus = function (a, b) {
-            this.n();
+            this.o();
         };
         DateEditorView.prototype.onDatePickerGotFocus = function (a, b) {
-            this.m();
+            this.n();
         };
         DateEditorView.prototype.getEditorValue = function () {
-            if (this.v != null) {
-                return this.v.value;
+            if (this.y != null) {
+                return this.y.value;
             }
             return null;
         };
         DateEditorView.prototype.setEditorValue = function (a) {
-            if (this.v != null) {
-                this.v.value = a != null ? a : igniteuiWebcomponentsCore.dateMinValue();
+            if (this.y != null) {
+                this.y.value = a != null ? a : igniteuiWebcomponentsCore.dateMinValue();
             }
         };
         DateEditorView.$t = igniteuiWebcomponentsCore.markType(DateEditorView, 'DateEditorView', BaseEditorView.$);
@@ -53738,130 +53804,130 @@
         tslib_1.__extends(ComboEditorView, _super);
         function ComboEditorView(a, b, c) {
             var _this = _super.call(this, a, c) || this;
-            _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;
             var d = a.createElement("div");
             d.setRawStyleProperty("margin-top", "-10px");
             d.setRawStyleProperty("height", "38px");
             d.setRawStyleProperty("width", "100%");
             _this.container = d;
             a.getPortal(d, "MultiColumnComboBox", function (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);
             return _this;
         }
-        Object.defineProperty(ComboEditorView.prototype, "ac", {
+        Object.defineProperty(ComboEditorView.prototype, "af", {
             get: function () {
-                return this.ab;
+                return this.ae;
             },
             set: function (a) {
-                var b = this.ab;
-                this.ab = a;
-                if (b != this.ab) {
-                    this.t("DataSource", b, this.ab);
+                var b = this.ae;
+                this.ae = a;
+                if (b != this.ae) {
+                    this.u("DataSource", b, this.ae);
                 }
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(ComboEditorView.prototype, "af", {
+        Object.defineProperty(ComboEditorView.prototype, "ai", {
             get: function () {
-                return this.ad;
+                return this.ag;
             },
             set: function (a) {
-                var b = this.ad;
-                this.ad = a;
-                if (b != this.ad) {
-                    this.t("TextField", b, this.ad);
+                var b = this.ag;
+                this.ag = a;
+                if (b != this.ag) {
+                    this.u("TextField", b, this.ag);
                 }
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(ComboEditorView.prototype, "w", {
+        Object.defineProperty(ComboEditorView.prototype, "z", {
             get: function () {
-                return this.v;
+                return this.y;
             },
             set: function (a) {
-                var b = this.v;
-                this.v = a;
-                if (b != this.v) {
-                    this.t("ValueField", b, this.v);
+                var b = this.y;
+                this.y = a;
+                if (b != this.y) {
+                    this.u("ValueField", b, this.y);
                 }
             },
             enumerable: true,
             configurable: true
         });
         ComboEditorView.prototype.setFont = function (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;
             }
         };
         ComboEditorView.prototype.attachEvents = function () {
-            if (this.x != null) {
-                var a = this.x;
+            if (this.aa != null) {
+                var a = this.aa;
                 a.selectedValueChanged = igniteuiWebcomponentsCore.delegateCombine(a.selectedValueChanged, igniteuiWebcomponentsCore.runOn(this, this.onComboValueChanged));
-                var b = this.x;
+                var b = this.aa;
                 b.textValueChanged = igniteuiWebcomponentsCore.delegateCombine(b.textValueChanged, igniteuiWebcomponentsCore.runOn(this, this.onComboTextChanged));
-                var c = this.x;
+                var c = this.aa;
                 c.gotFocus = igniteuiWebcomponentsCore.delegateCombine(c.gotFocus, igniteuiWebcomponentsCore.runOn(this, this.onComboGotFocus));
-                var d = this.x;
+                var d = this.aa;
                 d.lostFocus = igniteuiWebcomponentsCore.delegateCombine(d.lostFocus, igniteuiWebcomponentsCore.runOn(this, this.onComboLostFocus));
-                var e = this.x;
+                var e = this.aa;
                 e.keyDown = igniteuiWebcomponentsCore.delegateCombine(e.keyDown, igniteuiWebcomponentsCore.runOn(this, this.onInputKeyDown));
-                var f = this.x;
+                var f = this.aa;
                 f.changing = igniteuiWebcomponentsCore.delegateCombine(f.changing, igniteuiWebcomponentsCore.runOn(this, this.onInputChanging));
             }
         };
         ComboEditorView.prototype.detachEvents = function () {
-            if (this.x != null) {
-                var a = this.x;
+            if (this.aa != null) {
+                var a = this.aa;
                 a.selectedValueChanged = igniteuiWebcomponentsCore.delegateRemove(a.selectedValueChanged, igniteuiWebcomponentsCore.runOn(this, this.onComboValueChanged));
-                var b = this.x;
+                var b = this.aa;
                 b.textValueChanged = igniteuiWebcomponentsCore.delegateRemove(b.textValueChanged, igniteuiWebcomponentsCore.runOn(this, this.onComboTextChanged));
-                var c = this.x;
+                var c = this.aa;
                 c.gotFocus = igniteuiWebcomponentsCore.delegateRemove(c.gotFocus, igniteuiWebcomponentsCore.runOn(this, this.onComboGotFocus));
-                var d = this.x;
+                var d = this.aa;
                 d.lostFocus = igniteuiWebcomponentsCore.delegateRemove(d.lostFocus, igniteuiWebcomponentsCore.runOn(this, this.onComboLostFocus));
-                var e = this.x;
+                var e = this.aa;
                 e.keyDown = igniteuiWebcomponentsCore.delegateRemove(e.keyDown, igniteuiWebcomponentsCore.runOn(this, this.onInputKeyDown));
-                var f = this.x;
+                var f = this.aa;
                 f.changing = igniteuiWebcomponentsCore.delegateRemove(f.changing, igniteuiWebcomponentsCore.runOn(this, this.onInputChanging));
             }
         };
         ComboEditorView.prototype.onTargetChanged = function () {
-            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;
             }
         };
         ComboEditorView.prototype.onEditStarted = function () {
             _super.prototype.onEditStarted.call(this);
             var a = this.container.getNativeElement();
-            this.x.defaultColumnWidth = (a.clientWidth - 2).toString();
+            this.aa.defaultColumnWidth = (a.clientWidth - 2).toString();
             if (!this.a.isEditRefocusDesired) {
                 this.focus();
             }
@@ -53875,63 +53941,63 @@
                 }
             }
         };
-        ComboEditorView.prototype.r = function () {
-            if (this.x != null) {
-                this.aa.focus(true);
-                this.x.select();
+        ComboEditorView.prototype.s = function () {
+            if (this.aa != null) {
+                this.ad.focus(true);
+                this.aa.select();
             }
         };
-        ComboEditorView.prototype.ai = function () {
-            if (this.x != null) {
-                this.x.closeUp();
+        ComboEditorView.prototype.al = function () {
+            if (this.aa != null) {
+                this.aa.closeUp();
             }
         };
-        ComboEditorView.prototype.t = function (a, b, c) {
-            _super.prototype.t.call(this, a, b, c);
+        ComboEditorView.prototype.u = function (a, b, c) {
+            _super.prototype.u.call(this, a, b, c);
             switch (a) {
                 case "DataSource":
                 case "TextField":
                 case "ValueField":
-                    this.al();
+                    this.ao();
                     break;
             }
         };
-        ComboEditorView.prototype.u = function () {
-            this.z = true;
-            if (this.x != null) {
+        ComboEditorView.prototype.w = function () {
+            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;
         };
-        ComboEditorView.prototype.al = function () {
-            if (this.x != null) {
+        ComboEditorView.prototype.ao = function () {
+            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 {
-                    var a = igniteuiWebcomponentsCore.typeCast(igniteuiWebcomponentsCore.IDataSource_$type, this.ac);
+                    var a = igniteuiWebcomponentsCore.typeCast(igniteuiWebcomponentsCore.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 {
-                        var b = (Array.isArray(this.ac));
+                        var b = (Array.isArray(this.af));
                         if (b) {
-                            var c = (this.ac.length);
+                            var c = (this.af.length);
                             if (c > 0) {
-                                var d = (Object.keys(this.ac[0]));
+                                var d = (Object.keys(this.af[0]));
                                 if (d.length > 0) {
-                                    this.x.fields = [d[0]];
+                                    this.aa.fields = [d[0]];
                                 }
                             }
                         }
@@ -53940,34 +54006,40 @@
                 this.attachEvents();
             }
         };
+        ComboEditorView.prototype.v = function () {
+            _super.prototype.v.call(this);
+            if (this.aa != null) {
+                this.aa.textColor = this.textColor._fill;
+            }
+        };
         ComboEditorView.prototype.onComboValueChanged = function (a, b) {
-            this.ap();
+            this.as();
         };
         ComboEditorView.prototype.onComboTextChanged = function (a, b) {
-            this.ap();
+            this.as();
         };
-        ComboEditorView.prototype.ap = function () {
-            if (this.z) {
+        ComboEditorView.prototype.as = function () {
+            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 && igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(this.x.text)) {
-                this.p(null, false);
+            else if (this.aa.value == null && igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(this.aa.text)) {
+                this.q(null, false);
             }
             else {
-                this.p(this.value, false);
+                this.q(this.value, false);
             }
         };
         ComboEditorView.prototype.onInputChanging = function (a, b) {
-            this.o();
+            this.p();
         };
         ComboEditorView.prototype.onComboLostFocus = function (a) {
-            this.n();
+            this.o();
         };
         ComboEditorView.prototype.onComboGotFocus = function (a) {
-            this.m();
+            this.n();
         };
         ComboEditorView.$t = igniteuiWebcomponentsCore.markType(ComboEditorView, 'ComboEditorView', BaseEditorView.$);
         return ComboEditorView;
@@ -54233,18 +54305,18 @@
             }
             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;
         };
         EditorCell.prototype.ea = function (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();
             }
@@ -54317,9 +54389,9 @@
         };
         EditorCell.prototype.d2 = function () {
             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;
             }
         };
         EditorCell.prototype.d8 = function () {
@@ -54354,12 +54426,12 @@
         };
         EditorCell.prototype.d4 = function () {
             if (this.cn != null && this.cu == this.cn) {
-                this.cu.ab = this.dr;
+                this.cu.ae = this.dr;
             }
         };
         EditorCell.prototype.ec = function () {
             if (this.cn != null && this.cu == this.cn) {
-                this.cu.z = this.db;
+                this.cu.ac = this.db;
             }
         };
         EditorCell.prototype.eh = function (a, b, c, d, e) {
@@ -54868,24 +54940,28 @@
             _this.l = 240;
             return _this;
         }
-        ComparisonOperatorSelectorView.prototype.t = function (a) {
+        ComparisonOperatorSelectorView.prototype.u = function (a) {
             var _this = this;
             if (a == null) {
                 var b = this.a;
-                b.opening = igniteuiWebcomponentsCore.delegateRemove(b.opening, igniteuiWebcomponentsCore.runOn(this, this.r));
+                b.opening = igniteuiWebcomponentsCore.delegateRemove(b.opening, igniteuiWebcomponentsCore.runOn(this, this.s));
                 var c = this.a;
-                c.closing = igniteuiWebcomponentsCore.delegateRemove(c.closing, igniteuiWebcomponentsCore.runOn(this, this.n));
+                c.opened = igniteuiWebcomponentsCore.delegateRemove(c.opened, igniteuiWebcomponentsCore.runOn(this, this.r));
+                var d = this.a;
+                d.closing = igniteuiWebcomponentsCore.delegateRemove(d.closing, igniteuiWebcomponentsCore.runOn(this, this.n));
                 return;
             }
-            var d = this.a;
-            d.opening = igniteuiWebcomponentsCore.delegateCombine(d.opening, igniteuiWebcomponentsCore.runOn(this, this.r));
             var e = this.a;
-            e.closing = igniteuiWebcomponentsCore.delegateCombine(e.closing, igniteuiWebcomponentsCore.runOn(this, this.n));
+            e.opening = igniteuiWebcomponentsCore.delegateCombine(e.opening, igniteuiWebcomponentsCore.runOn(this, this.s));
+            var f = this.a;
+            f.opened = igniteuiWebcomponentsCore.delegateCombine(f.opened, igniteuiWebcomponentsCore.runOn(this, this.r));
+            var g = this.a;
+            g.closing = igniteuiWebcomponentsCore.delegateCombine(g.closing, igniteuiWebcomponentsCore.runOn(this, this.n));
             this.g = a;
             this.d = new igniteuiWebcomponentsCore.Popup();
             this.d.provideRenderer(this.g);
             this.i = this.g.createElement("div");
-            this.i.setStyleProperty("background-color", "rgba(255,255,255,1)");
+            this.i.addClass("ig-comparison-operator-selector");
             this.i.setStyleProperty("width", this.l + "px");
             this.d.appendPopupContent(this.i);
             this.h = this.g.createElement("div");
@@ -54895,15 +54971,15 @@
             this.h.setStyleProperty("cursor", "pointer");
             this.g.append(this.h);
             this.h.listen("mousedown", igniteuiWebcomponentsCore.runOn(this, this.q));
-            this.g.getPortal(this.i, "DataGrid", function (f) {
-                _this.m = f.componentRef;
+            this.g.getPortal(this.i, "DataGrid", function (h) {
+                _this.m = h.componentRef;
                 _this.m.height = '100%';
                 _this.m.scrollbarStyle = 'Default';
                 _this.b = (_this.m.i);
-                _this.a.d8(_this.d, _this.c, _this.b);
+                _this.a.eb(_this.d, _this.c, _this.b);
             }, false);
         };
-        ComparisonOperatorSelectorView.prototype.v = function () {
+        ComparisonOperatorSelectorView.prototype.w = function () {
             var rect_ = this.h.getNativeElement().getBoundingClientRect();
             var a = new igniteuiWebcomponentsCore.Rect(4);
             a.left = (rect_.left + window.pageXOffset);
@@ -54930,7 +55006,7 @@
             }
             return a;
         };
-        ComparisonOperatorSelectorView.prototype.s = function (a, b) {
+        ComparisonOperatorSelectorView.prototype.t = function (a, b) {
             var c = a;
             var d = null;
             if (c.element.getChildCount() == 0) {
@@ -54956,16 +55032,22 @@
                 }
             }
             d.svgPath = b.Icon;
+            d.fill = this.a.eq;
         };
         ComparisonOperatorSelectorView.prototype.q = function (a) {
-            this.a.eh();
+            this.a.em();
         };
-        ComparisonOperatorSelectorView.prototype.r = function (a, b) {
-            this.i.setStyleProperty("height", igniteuiWebcomponentsCore.stringFormat("{0}px", this.a.x()));
+        ComparisonOperatorSelectorView.prototype.s = function (a, b) {
+            this.i.setStyleProperty("height", igniteuiWebcomponentsCore.stringFormat("{0}px", this.a.y()));
             this.d.ar();
             document.addEventListener("keydown", igniteuiWebcomponentsCore.runOn(this, this.onDocumentKeyDown), false);
             document.addEventListener("mousedown", igniteuiWebcomponentsCore.runOn(this, this.onDocumentMouseDown), false);
         };
+        ComparisonOperatorSelectorView.prototype.r = function (a, b) {
+            if ((this.m.notifyDOMInsertion !== undefined)) {
+                this.m.notifyDOMInsertion();
+            }
+        };
         ComparisonOperatorSelectorView.prototype.n = function (a, b) {
             document.removeEventListener("keydown", this.onDocumentKeyDown, false);
             document.removeEventListener("mousedown", this.onDocumentMouseDown, false);
@@ -54973,7 +55055,7 @@
         ComparisonOperatorSelectorView.prototype.onDocumentKeyDown = function (a) {
             var b = a;
             if (igniteuiWebcomponentsCore.BaseDOMEventProxy.c0(b) == 8) {
-                this.a.d5();
+                this.a.d8();
             }
         };
         ComparisonOperatorSelectorView.prototype.onDocumentMouseDown = function (a) {
@@ -54982,10 +55064,10 @@
             var d = this.g.rootWrapper.getNativeElement();
             var e = this.i.getNativeElement();
             if (!d.contains(c) && !e.contains(c)) {
-                this.a.d5();
+                this.a.d8();
             }
         };
-        ComparisonOperatorSelectorView.prototype.u = function (a) {
+        ComparisonOperatorSelectorView.prototype.v = function (a) {
             this.m.dataSource = a;
         };
         ComparisonOperatorSelectorView.$t = igniteuiWebcomponentsCore.markType(ComparisonOperatorSelectorView, 'ComparisonOperatorSelectorView');
@@ -54999,52 +55081,59 @@
         function ComparisonOperatorSelector() {
             var _this = _super.call(this) || this;
             _this.propertyChanged = null;
-            _this.q = null;
+            _this.r = null;
             _this.e = null;
+            _this.q = null;
             _this.p = null;
             _this.o = null;
-            _this.n = null;
             _this.f = null;
-            _this.m = null;
+            _this.n = null;
+            _this.v = null;
             _this.u = null;
-            _this.t = null;
             _this.g = null;
-            _this.s = false;
+            _this.t = false;
             _this.a = 0;
-            _this.ac = null;
-            _this.w = 0;
+            _this.ae = null;
+            _this.x = 0;
             _this.c = 0;
-            _this.v = 250;
+            _this.w = 250;
+            _this.eo = null;
+            _this.en = null;
             _this.valueChanged = null;
             _this.opening = null;
+            _this.opened = null;
             _this.closing = null;
             _this.e = new ComparisonOperatorSelectorView(_this);
-            _this.t = new igniteuiWebcomponentsCore.List$1(OperatorModel.$, 0);
+            _this.u = new igniteuiWebcomponentsCore.List$1(OperatorModel.$, 0);
             return _this;
         }
-        ComparisonOperatorSelector.prototype.eb = function (a, b, c) {
-            this.ed(a, b, c);
+        ComparisonOperatorSelector.prototype.eg = function (a, b, c) {
+            this.ei(a, b, c);
             if (this.propertyChanged != null) {
                 this.propertyChanged(this, new igniteuiWebcomponentsCore.PropertyChangedEventArgs(a));
             }
         };
-        ComparisonOperatorSelector.prototype.ed = function (a, b, c) {
+        ComparisonOperatorSelector.prototype.ei = function (a, b, c) {
             switch (a) {
                 case "Value":
-                    this.ec(igniteuiWebcomponentsCore.EnumUtil.getEnumValue(ColumnComparisonConditionOperatorType_$type, b), igniteuiWebcomponentsCore.EnumUtil.getEnumValue(ColumnComparisonConditionOperatorType_$type, c));
+                    this.eh(igniteuiWebcomponentsCore.EnumUtil.getEnumValue(ColumnComparisonConditionOperatorType_$type, b), igniteuiWebcomponentsCore.EnumUtil.getEnumValue(ColumnComparisonConditionOperatorType_$type, c));
                     break;
                 case "DataType":
-                    this.d1();
+                    this.d4();
+                    break;
+                case "TextColor":
+                case "Background":
+                    this.ed();
                     break;
             }
         };
-        Object.defineProperty(ComparisonOperatorSelector.prototype, "r", {
+        Object.defineProperty(ComparisonOperatorSelector.prototype, "s", {
             get: function () {
-                if (this.q == null) {
-                    this.q = new igniteuiWebcomponentsCore.SRProvider(this.e.g);
-                    this.q.cb("DataGrid");
+                if (this.r == null) {
+                    this.r = new igniteuiWebcomponentsCore.SRProvider(this.e.g);
+                    this.r.cb("DataGrid");
                 }
-                return this.q;
+                return this.r;
             },
             enumerable: true,
             configurable: true
@@ -55057,10 +55146,10 @@
                 this.g = a;
                 if (this.g != null) {
                     if (this.g.a == 44) {
-                        this.ac = this.g.c;
-                        this.w = this.g.b;
+                        this.ae = this.g.c;
+                        this.x = this.g.b;
                     }
-                    if (!this.s) {
+                    if (!this.t) {
                         this.b = this.g.a;
                     }
                 }
@@ -55076,7 +55165,7 @@
                 var b = this.a;
                 this.a = a;
                 if (b != this.a || this.a == 44) {
-                    this.eb("Value", igniteuiWebcomponentsCore.enumGetBox(ColumnComparisonConditionOperatorType_$type, b), igniteuiWebcomponentsCore.enumGetBox(ColumnComparisonConditionOperatorType_$type, this.a));
+                    this.eg("Value", igniteuiWebcomponentsCore.enumGetBox(ColumnComparisonConditionOperatorType_$type, b), igniteuiWebcomponentsCore.enumGetBox(ColumnComparisonConditionOperatorType_$type, this.a));
                 }
             },
             enumerable: true,
@@ -55090,388 +55179,417 @@
                 var b = this.c;
                 this.c = a;
                 if (b != this.c) {
-                    this.eb("DataType", igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.DataSourceSchemaPropertyType_$type, b), igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.DataSourceSchemaPropertyType_$type, this.c));
+                    this.eg("DataType", igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.DataSourceSchemaPropertyType_$type, b), igniteuiWebcomponentsCore.enumGetBox(igniteuiWebcomponentsCore.DataSourceSchemaPropertyType_$type, this.c));
                 }
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(ComparisonOperatorSelector.prototype, "y", {
+        Object.defineProperty(ComparisonOperatorSelector.prototype, "z", {
             get: function () {
-                return this.v;
+                return this.w;
             },
             set: function (a) {
-                this.v = a;
+                this.w = a;
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(ComparisonOperatorSelector.prototype, "db", {
+        Object.defineProperty(ComparisonOperatorSelector.prototype, "eq", {
+            get: function () {
+                return this.eo;
+            },
+            set: function (a) {
+                var b = this.eo;
+                this.eo = a;
+                if (b != this.eo) {
+                    this.eg("TextColor", b, this.eo);
+                }
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(ComparisonOperatorSelector.prototype, "ep", {
+            get: function () {
+                return this.en;
+            },
+            set: function (a) {
+                var b = this.en;
+                this.en = a;
+                if (b != this.en) {
+                    this.eg("Background", b, this.en);
+                }
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(ComparisonOperatorSelector.prototype, "dd", {
             get: function () {
-                var a = this.r.b1("ComparisonOperator_True");
+                var a = this.s.b1("ComparisonOperator_True");
                 return !igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(a) ? a : "True";
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(ComparisonOperatorSelector.prototype, "ci", {
+        Object.defineProperty(ComparisonOperatorSelector.prototype, "ck", {
             get: function () {
-                var a = this.r.b1("ComparisonOperator_False");
+                var a = this.s.b1("ComparisonOperator_False");
                 return !igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(a) ? a : "False";
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(ComparisonOperatorSelector.prototype, "ch", {
+        Object.defineProperty(ComparisonOperatorSelector.prototype, "cj", {
             get: function () {
-                var a = this.r.b1("ComparisonOperator_Equals");
+                var a = this.s.b1("ComparisonOperator_Equals");
                 return !igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(a) ? a : "Equals";
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(ComparisonOperatorSelector.prototype, "cx", {
+        Object.defineProperty(ComparisonOperatorSelector.prototype, "cz", {
             get: function () {
-                var a = this.r.b1("ComparisonOperator_NotEquals");
+                var a = this.s.b1("ComparisonOperator_NotEquals");
                 return !igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(a) ? a : "Not equals";
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(ComparisonOperatorSelector.prototype, "cp", {
+        Object.defineProperty(ComparisonOperatorSelector.prototype, "cr", {
             get: function () {
-                var a = this.r.b1("ComparisonOperator_LessThan");
+                var a = this.s.b1("ComparisonOperator_LessThan");
                 return !igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(a) ? a : "Less than";
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(ComparisonOperatorSelector.prototype, "cq", {
+        Object.defineProperty(ComparisonOperatorSelector.prototype, "cs", {
             get: function () {
-                var a = this.r.b1("ComparisonOperator_LessThanOrEqualTo");
+                var a = this.s.b1("ComparisonOperator_LessThanOrEqualTo");
                 return !igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(a) ? a : "Less than or equal to";
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(ComparisonOperatorSelector.prototype, "cj", {
+        Object.defineProperty(ComparisonOperatorSelector.prototype, "cl", {
             get: function () {
-                var a = this.r.b1("ComparisonOperator_GreaterThan");
+                var a = this.s.b1("ComparisonOperator_GreaterThan");
                 return !igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(a) ? a : "Greater than";
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(ComparisonOperatorSelector.prototype, "ck", {
+        Object.defineProperty(ComparisonOperatorSelector.prototype, "cm", {
             get: function () {
-                var a = this.r.b1("ComparisonOperator_GreaterThanOrEqualTo");
+                var a = this.s.b1("ComparisonOperator_GreaterThanOrEqualTo");
                 return !igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(a) ? a : "Greater than or equal to";
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(ComparisonOperatorSelector.prototype, "c9", {
+        Object.defineProperty(ComparisonOperatorSelector.prototype, "db", {
             get: function () {
-                var a = this.r.b1("ComparisonOperator_Top");
+                var a = this.s.b1("ComparisonOperator_Top");
                 return !igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(a) ? a : "Top";
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(ComparisonOperatorSelector.prototype, "b9", {
+        Object.defineProperty(ComparisonOperatorSelector.prototype, "cb", {
             get: function () {
-                var a = this.r.b1("ComparisonOperator_Bottom");
+                var a = this.s.b1("ComparisonOperator_Bottom");
                 return !igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(a) ? a : "Bottom";
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(ComparisonOperatorSelector.prototype, "da", {
+        Object.defineProperty(ComparisonOperatorSelector.prototype, "dc", {
             get: function () {
-                var a = this.r.b1("ComparisonOperator_TopPercentile");
+                var a = this.s.b1("ComparisonOperator_TopPercentile");
                 return !igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(a) ? a : "Top percentile";
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(ComparisonOperatorSelector.prototype, "ca", {
+        Object.defineProperty(ComparisonOperatorSelector.prototype, "cc", {
             get: function () {
-                var a = this.r.b1("ComparisonOperator_BottomPercentile");
+                var a = this.s.b1("ComparisonOperator_BottomPercentile");
                 return !igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(a) ? a : "Bottom percentile";
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(ComparisonOperatorSelector.prototype, "c7", {
+        Object.defineProperty(ComparisonOperatorSelector.prototype, "c9", {
             get: function () {
-                var a = this.r.b1("ComparisonOperator_Today");
+                var a = this.s.b1("ComparisonOperator_Today");
                 return !igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(a) ? a : "Today";
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(ComparisonOperatorSelector.prototype, "c8", {
+        Object.defineProperty(ComparisonOperatorSelector.prototype, "da", {
             get: function () {
-                var a = this.r.b1("ComparisonOperator_Tomorrow");
+                var a = this.s.b1("ComparisonOperator_Tomorrow");
                 return !igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(a) ? a : "Tomorrow";
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(ComparisonOperatorSelector.prototype, "de", {
+        Object.defineProperty(ComparisonOperatorSelector.prototype, "dg", {
             get: function () {
-                var a = this.r.b1("ComparisonOperator_Yesterday");
+                var a = this.s.b1("ComparisonOperator_Yesterday");
                 return !igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(a) ? a : "Yesterday";
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(ComparisonOperatorSelector.prototype, "c5", {
+        Object.defineProperty(ComparisonOperatorSelector.prototype, "c7", {
             get: function () {
-                var a = this.r.b1("ComparisonOperator_ThisWeek");
+                var a = this.s.b1("ComparisonOperator_ThisWeek");
                 return !igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(a) ? a : "This week";
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(ComparisonOperatorSelector.prototype, "cu", {
+        Object.defineProperty(ComparisonOperatorSelector.prototype, "cw", {
             get: function () {
-                var a = this.r.b1("ComparisonOperator_NextWeek");
+                var a = this.s.b1("ComparisonOperator_NextWeek");
                 return !igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(a) ? a : "Next week";
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(ComparisonOperatorSelector.prototype, "cn", {
+        Object.defineProperty(ComparisonOperatorSelector.prototype, "cp", {
             get: function () {
-                var a = this.r.b1("ComparisonOperator_LastWeek");
+                var a = this.s.b1("ComparisonOperator_LastWeek");
                 return !igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(a) ? a : "Last week";
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(ComparisonOperatorSelector.prototype, "c3", {
+        Object.defineProperty(ComparisonOperatorSelector.prototype, "c5", {
             get: function () {
-                var a = this.r.b1("ComparisonOperator_ThisMonth");
+                var a = this.s.b1("ComparisonOperator_ThisMonth");
                 return !igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(a) ? a : "This month";
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(ComparisonOperatorSelector.prototype, "cs", {
+        Object.defineProperty(ComparisonOperatorSelector.prototype, "cu", {
             get: function () {
-                var a = this.r.b1("ComparisonOperator_NextMonth");
+                var a = this.s.b1("ComparisonOperator_NextMonth");
                 return !igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(a) ? a : "Next month";
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(ComparisonOperatorSelector.prototype, "cl", {
+        Object.defineProperty(ComparisonOperatorSelector.prototype, "cn", {
             get: function () {
-                var a = this.r.b1("ComparisonOperator_LastMonth");
+                var a = this.s.b1("ComparisonOperator_LastMonth");
                 return !igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(a) ? a : "Last month";
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(ComparisonOperatorSelector.prototype, "c4", {
+        Object.defineProperty(ComparisonOperatorSelector.prototype, "c6", {
             get: function () {
-                var a = this.r.b1("ComparisonOperator_ThisQuarter");
+                var a = this.s.b1("ComparisonOperator_ThisQuarter");
                 return !igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(a) ? a : "This quarter";
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(ComparisonOperatorSelector.prototype, "ct", {
+        Object.defineProperty(ComparisonOperatorSelector.prototype, "cv", {
             get: function () {
-                var a = this.r.b1("ComparisonOperator_NextQuarter");
+                var a = this.s.b1("ComparisonOperator_NextQuarter");
                 return !igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(a) ? a : "Next quarter";
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(ComparisonOperatorSelector.prototype, "cm", {
+        Object.defineProperty(ComparisonOperatorSelector.prototype, "co", {
             get: function () {
-                var a = this.r.b1("ComparisonOperator_LastQuarter");
+                var a = this.s.b1("ComparisonOperator_LastQuarter");
                 return !igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(a) ? a : "Last quarter";
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(ComparisonOperatorSelector.prototype, "c6", {
+        Object.defineProperty(ComparisonOperatorSelector.prototype, "c8", {
             get: function () {
-                var a = this.r.b1("ComparisonOperator_ThisYear");
+                var a = this.s.b1("ComparisonOperator_ThisYear");
                 return !igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(a) ? a : "This year";
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(ComparisonOperatorSelector.prototype, "cv", {
+        Object.defineProperty(ComparisonOperatorSelector.prototype, "cx", {
             get: function () {
-                var a = this.r.b1("ComparisonOperator_NextYear");
+                var a = this.s.b1("ComparisonOperator_NextYear");
                 return !igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(a) ? a : "Next year";
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(ComparisonOperatorSelector.prototype, "co", {
+        Object.defineProperty(ComparisonOperatorSelector.prototype, "cq", {
             get: function () {
-                var a = this.r.b1("ComparisonOperator_LastYear");
+                var a = this.s.b1("ComparisonOperator_LastYear");
                 return !igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(a) ? a : "Last year";
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(ComparisonOperatorSelector.prototype, "dd", {
+        Object.defineProperty(ComparisonOperatorSelector.prototype, "df", {
             get: function () {
-                var a = this.r.b1("ComparisonOperator_YearToDate");
+                var a = this.s.b1("ComparisonOperator_YearToDate");
                 return !igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(a) ? a : "Year to date";
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(ComparisonOperatorSelector.prototype, "cy", {
+        Object.defineProperty(ComparisonOperatorSelector.prototype, "c0", {
             get: function () {
-                var a = this.r.b1("ComparisonOperator_Q1");
+                var a = this.s.b1("ComparisonOperator_Q1");
                 return !igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(a) ? a : "Quarter 1";
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(ComparisonOperatorSelector.prototype, "cz", {
+        Object.defineProperty(ComparisonOperatorSelector.prototype, "c1", {
             get: function () {
-                var a = this.r.b1("ComparisonOperator_Q2");
+                var a = this.s.b1("ComparisonOperator_Q2");
                 return !igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(a) ? a : "Quarter 2";
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(ComparisonOperatorSelector.prototype, "c0", {
+        Object.defineProperty(ComparisonOperatorSelector.prototype, "c2", {
             get: function () {
-                var a = this.r.b1("ComparisonOperator_Q3");
+                var a = this.s.b1("ComparisonOperator_Q3");
                 return !igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(a) ? a : "Quarter 3";
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(ComparisonOperatorSelector.prototype, "c1", {
+        Object.defineProperty(ComparisonOperatorSelector.prototype, "c3", {
             get: function () {
-                var a = this.r.b1("ComparisonOperator_Q4");
+                var a = this.s.b1("ComparisonOperator_Q4");
                 return !igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(a) ? a : "Quarter 4";
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(ComparisonOperatorSelector.prototype, "cr", {
+        Object.defineProperty(ComparisonOperatorSelector.prototype, "ct", {
             get: function () {
-                var a = this.r.b1("ComparisonOperator_Month");
+                var a = this.s.b1("ComparisonOperator_Month");
                 return !igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(a) ? a : "Month";
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(ComparisonOperatorSelector.prototype, "dc", {
+        Object.defineProperty(ComparisonOperatorSelector.prototype, "de", {
             get: function () {
-                var a = this.r.b1("ComparisonOperator_Year");
+                var a = this.s.b1("ComparisonOperator_Year");
                 return !igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(a) ? a : "Year";
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(ComparisonOperatorSelector.prototype, "c2", {
+        Object.defineProperty(ComparisonOperatorSelector.prototype, "c4", {
             get: function () {
-                var a = this.r.b1("ComparisonOperator_StartsWith");
+                var a = this.s.b1("ComparisonOperator_StartsWith");
                 return !igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(a) ? a : "Starts with";
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(ComparisonOperatorSelector.prototype, "ce", {
+        Object.defineProperty(ComparisonOperatorSelector.prototype, "cg", {
             get: function () {
-                var a = this.r.b1("ComparisonOperator_DoesNotStartWith");
+                var a = this.s.b1("ComparisonOperator_DoesNotStartWith");
                 return !igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(a) ? a : "Does not start with";
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(ComparisonOperatorSelector.prototype, "cg", {
+        Object.defineProperty(ComparisonOperatorSelector.prototype, "ci", {
             get: function () {
-                var a = this.r.b1("ComparisonOperator_EndsWith");
+                var a = this.s.b1("ComparisonOperator_EndsWith");
                 return !igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(a) ? a : "Ends with";
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(ComparisonOperatorSelector.prototype, "cd", {
+        Object.defineProperty(ComparisonOperatorSelector.prototype, "cf", {
             get: function () {
-                var a = this.r.b1("ComparisonOperator_DoesNotEndWith");
+                var a = this.s.b1("ComparisonOperator_DoesNotEndWith");
                 return !igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(a) ? a : "Does not end with";
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(ComparisonOperatorSelector.prototype, "cb", {
+        Object.defineProperty(ComparisonOperatorSelector.prototype, "cd", {
             get: function () {
-                var a = this.r.b1("ComparisonOperator_Contains");
+                var a = this.s.b1("ComparisonOperator_Contains");
                 return !igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(a) ? a : "Contains";
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(ComparisonOperatorSelector.prototype, "cc", {
+        Object.defineProperty(ComparisonOperatorSelector.prototype, "ce", {
             get: function () {
-                var a = this.r.b1("ComparisonOperator_DoesNotContain");
+                var a = this.s.b1("ComparisonOperator_DoesNotContain");
                 return !igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(a) ? a : "Does not contain";
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(ComparisonOperatorSelector.prototype, "cf", {
+        Object.defineProperty(ComparisonOperatorSelector.prototype, "ch", {
             get: function () {
-                var a = this.r.b1("ComparisonOperator_Empty");
+                var a = this.s.b1("ComparisonOperator_Empty");
                 return !igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(a) ? a : "Empty";
             },
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(ComparisonOperatorSelector.prototype, "cw", {
+        Object.defineProperty(ComparisonOperatorSelector.prototype, "cy", {
             get: function () {
-                var a = this.r.b1("ComparisonOperator_NotEmpty");
+                var a = this.s.b1("ComparisonOperator_NotEmpty");
                 return !igniteuiWebcomponentsCore.stringIsNullOrWhiteSpace(a) ? a : "Not empty";
             },
             enumerable: true,
             configurable: true
         });
-        ComparisonOperatorSelector.prototype.ee = function (a) {
+        ComparisonOperatorSelector.prototype.ej = function (a) {
             if (a == null) {
-                if (this.n != null) {
-                    var b = this.n;
-                    b.clicked = igniteuiWebcomponentsCore.delegateRemove(b.clicked, igniteuiWebcomponentsCore.runOn(this, this.d9));
+                if (this.o != null) {
+                    var b = this.o;
+                    b.clicked = igniteuiWebcomponentsCore.delegateRemove(b.clicked, igniteuiWebcomponentsCore.runOn(this, this.ec));
                 }
                 if (this.f != null) {
                     this.f.ae.clear();
                     var c = this.f;
-                    c.cellClicked = igniteuiWebcomponentsCore.delegateRemove(c.cellClicked, igniteuiWebcomponentsCore.runOn(this, this.d6));
+                    c.cellClicked = igniteuiWebcomponentsCore.delegateRemove(c.cellClicked, igniteuiWebcomponentsCore.runOn(this, this.d9));
                 }
-                if (this.m != null) {
-                    var d = this.m;
-                    d.cellUpdating = igniteuiWebcomponentsCore.delegateRemove(d.cellUpdating, igniteuiWebcomponentsCore.runOn(this, this.eg));
+                if (this.n != null) {
+                    var d = this.n;
+                    d.cellUpdating = igniteuiWebcomponentsCore.delegateRemove(d.cellUpdating, igniteuiWebcomponentsCore.runOn(this, this.el));
                 }
             }
-            this.e.t(a);
+            this.e.u(a);
         };
-        ComparisonOperatorSelector.prototype.d7 = function () {
-            this.ee(null);
+        ComparisonOperatorSelector.prototype.ea = function () {
+            this.ej(null);
             if (this.f != null) {
                 var a = this.f;
-                a.cellClicked = igniteuiWebcomponentsCore.delegateRemove(a.cellClicked, igniteuiWebcomponentsCore.runOn(this, this.d6));
+                a.cellClicked = igniteuiWebcomponentsCore.delegateRemove(a.cellClicked, igniteuiWebcomponentsCore.runOn(this, this.d9));
             }
-            this.u.clear();
+            this.v.clear();
         };
-        ComparisonOperatorSelector.prototype.d8 = function (a, b, c) {
-            this.p = a;
-            this.o = b;
-            this.o.svgPath = this.bt(this.b);
+        ComparisonOperatorSelector.prototype.eb = function (a, b, c) {
+            this.q = a;
+            this.p = b;
+            this.p.svgPath = this.bv(this.b);
+            this.p.fill = this.eq;
             this.f = c;
             this.f.iz = false;
             this.f.co = 1;
@@ -55482,38 +55600,40 @@
             this.f.oc = 0;
             this.f.go = 3;
             this.f.i6 = false;
+            this.f.yr = new igniteuiWebcomponentsCore.CornerRadius(0, 0);
+            this.f.aa0 = new igniteuiWebcomponentsCore.Thickness(0, 0);
             var d = this.f;
-            d.cellClicked = igniteuiWebcomponentsCore.delegateCombine(d.cellClicked, igniteuiWebcomponentsCore.runOn(this, this.d6));
-            this.m = new TemplateColumn();
-            this.m.width = ((function () {
+            d.cellClicked = igniteuiWebcomponentsCore.delegateCombine(d.cellClicked, igniteuiWebcomponentsCore.runOn(this, this.d9));
+            this.n = new TemplateColumn();
+            this.n.width = ((function () {
                 var $ret = new ColumnWidth();
                 $ret.f = 32;
                 $ret.c = false;
                 return $ret;
             })());
-            this.m.h2 = this.m.h3 = 4;
-            this.m.h4 = this.m.h1 = 0;
-            this.m.i8 = "Icon";
-            var e = this.m;
-            e.cellUpdating = igniteuiWebcomponentsCore.delegateCombine(e.cellUpdating, igniteuiWebcomponentsCore.runOn(this, this.eg));
-            this.f.columns.add(this.m);
+            this.n.h2 = this.n.h3 = 4;
+            this.n.h4 = this.n.h1 = 0;
+            this.n.i8 = "Icon";
+            var e = this.n;
+            e.cellUpdating = igniteuiWebcomponentsCore.delegateCombine(e.cellUpdating, igniteuiWebcomponentsCore.runOn(this, this.el));
+            this.f.columns.add(this.n);
             var f = new TextColumn();
             f.i8 = "DisplayText";
             f.h2 = 0;
             f.e = 0;
             this.f.columns.add(f);
-            this.d1();
+            this.d4();
         };
-        ComparisonOperatorSelector.prototype.ec = function (a, b) {
+        ComparisonOperatorSelector.prototype.eh = function (a, b) {
             var _this = this;
-            this.s = true;
-            for (var c = 0; c < this.u.count; c++) {
-                if (this.u._inner[c].a == b && this.u._inner[c].a != 44) {
-                    this.i = this.u._inner[c];
+            this.t = true;
+            for (var c = 0; c < this.v.count; c++) {
+                if (this.v._inner[c].a == b && this.v._inner[c].a != 44) {
+                    this.i = this.v._inner[c];
                 }
             }
-            this.s = false;
-            this.o.svgPath = this.i.Icon;
+            this.t = false;
+            this.p.svgPath = this.i.Icon;
             if (this.valueChanged != null) {
                 this.valueChanged(this, ((function () {
                     var $ret = new OperatorSelectorValueChangedEventArgs();
@@ -55523,110 +55643,124 @@
                 })()));
             }
         };
-        ComparisonOperatorSelector.prototype.ea = function () {
+        ComparisonOperatorSelector.prototype.ed = function () {
+            if (this.p != null) {
+                this.p.fill = this.eq;
+            }
+            if (this.f != null) {
+                this.f.zv = this.eq;
+                this.f.zt = this.ep;
+            }
+        };
+        ComparisonOperatorSelector.prototype.ef = function () {
             if (this.opening != null) {
                 this.opening(this, new OperatorSelectorOpeningEventArgs());
             }
         };
-        ComparisonOperatorSelector.prototype.bt = function (a) {
+        ComparisonOperatorSelector.prototype.ee = function () {
+            if (this.opened != null) {
+                this.opened(this, new OperatorSelectorOpeningEventArgs());
+            }
+        };
+        ComparisonOperatorSelector.prototype.bv = function (a) {
             switch (a) {
-                case 7: return ComparisonOperatorSelector.z;
-                case 9: return ComparisonOperatorSelector.aa;
-                case 12: return ComparisonOperatorSelector.ab;
-                case 13: return ComparisonOperatorSelector.bl;
-                case 17: return ComparisonOperatorSelector.bm;
-                case 15: return ComparisonOperatorSelector.bn;
-                case 40: return ComparisonOperatorSelector.bo;
-                case 16: return ComparisonOperatorSelector.bp;
+                case 7: return ComparisonOperatorSelector.ab;
+                case 9: return ComparisonOperatorSelector.ac;
+                case 12: return ComparisonOperatorSelector.ad;
+                case 13: return ComparisonOperatorSelector.bn;
+                case 17: return ComparisonOperatorSelector.bo;
+                case 15: return ComparisonOperatorSelector.bp;
+                case 40: return ComparisonOperatorSelector.bq;
+                case 16: return ComparisonOperatorSelector.br;
                 case 0: return "M5 13.5h14v2H5zm0-5h14v2H5z";
-                case 11: return ComparisonOperatorSelector.br;
-                case 4: return ComparisonOperatorSelector.bu;
-                case 5: return ComparisonOperatorSelector.bv;
-                case 26: return ComparisonOperatorSelector.bw;
-                case 29: return ComparisonOperatorSelector.bx;
-                case 23: return ComparisonOperatorSelector.by;
-                case 32: return ComparisonOperatorSelector.bz;
-                case 2: return ComparisonOperatorSelector.b0;
-                case 3: return ComparisonOperatorSelector.b1;
-                case 38: return ComparisonOperatorSelector.b2;
-                case 24: return ComparisonOperatorSelector.b3;
-                case 27: return ComparisonOperatorSelector.b4;
-                case 21: return ComparisonOperatorSelector.b5;
-                case 30: return ComparisonOperatorSelector.b6;
-                case 41: return ComparisonOperatorSelector.b7;
-                case 1: return ComparisonOperatorSelector.b8;
-                case 34: return ComparisonOperatorSelector.df;
-                case 35: return ComparisonOperatorSelector.dg;
-                case 36: return ComparisonOperatorSelector.dh;
-                case 37: return ComparisonOperatorSelector.di;
-                case 14: return ComparisonOperatorSelector.dj;
-                case 25: return ComparisonOperatorSelector.dk;
-                case 28: return ComparisonOperatorSelector.dl;
-                case 22: return ComparisonOperatorSelector.dm;
-                case 31: return ComparisonOperatorSelector.dn;
-                case 18: return ComparisonOperatorSelector.dp;
-                case 19: return ComparisonOperatorSelector.dq;
-                case 6: return ComparisonOperatorSelector.dr;
-                case 8: return ComparisonOperatorSelector.ds;
-                case 10: return ComparisonOperatorSelector.dt;
-                case 39: return ComparisonOperatorSelector.dv;
-                case 33: return ComparisonOperatorSelector.dw;
-                case 20: return ComparisonOperatorSelector.dx;
+                case 11: return ComparisonOperatorSelector.bt;
+                case 4: return ComparisonOperatorSelector.bw;
+                case 5: return ComparisonOperatorSelector.bx;
+                case 26: return ComparisonOperatorSelector.by;
+                case 29: return ComparisonOperatorSelector.bz;
+                case 23: return ComparisonOperatorSelector.b0;
+                case 32: return ComparisonOperatorSelector.b1;
+                case 2: return ComparisonOperatorSelector.b2;
+                case 3: return ComparisonOperatorSelector.b3;
+                case 38: return ComparisonOperatorSelector.b4;
+                case 24: return ComparisonOperatorSelector.b5;
+                case 27: return ComparisonOperatorSelector.b6;
+                case 21: return ComparisonOperatorSelector.b7;
+                case 30: return ComparisonOperatorSelector.b8;
+                case 41: return ComparisonOperatorSelector.b9;
+                case 1: return ComparisonOperatorSelector.ca;
+                case 34: return ComparisonOperatorSelector.dh;
+                case 35: return ComparisonOperatorSelector.di;
+                case 36: return ComparisonOperatorSelector.dj;
+                case 37: return ComparisonOperatorSelector.dk;
+                case 14: return ComparisonOperatorSelector.dl;
+                case 25: return ComparisonOperatorSelector.dn;
+                case 28: return ComparisonOperatorSelector.dp;
+                case 22: return ComparisonOperatorSelector.dq;
+                case 31: return ComparisonOperatorSelector.dr;
+                case 18: return ComparisonOperatorSelector.ds;
+                case 19: return ComparisonOperatorSelector.dt;
+                case 6: return ComparisonOperatorSelector.du;
+                case 8: return ComparisonOperatorSelector.dv;
+                case 10: return ComparisonOperatorSelector.dw;
+                case 39: return ComparisonOperatorSelector.dy;
+                case 33: return ComparisonOperatorSelector.dz;
+                case 20: return ComparisonOperatorSelector.d0;
                 default: return "";
             }
         };
-        ComparisonOperatorSelector.prototype.bs = function (a) {
+        ComparisonOperatorSelector.prototype.bu = function (a) {
             switch (a) {
-                case 7: return this.b9;
-                case 9: return this.ca;
-                case 12: return this.cb;
-                case 13: return this.cc;
-                case 17: return this.cd;
-                case 15: return this.ce;
-                case 40: return this.cf;
-                case 16: return this.cg;
-                case 0: return this.ch;
-                case 11: return this.ci;
-                case 4: return this.cj;
-                case 5: return this.ck;
-                case 26: return this.cl;
-                case 29: return this.cm;
-                case 23: return this.cn;
-                case 32: return this.co;
-                case 2: return this.cp;
-                case 3: return this.cq;
-                case 38: return this.cr;
-                case 24: return this.cs;
-                case 27: return this.ct;
-                case 21: return this.cu;
-                case 30: return this.cv;
-                case 41: return this.cw;
-                case 1: return this.cx;
-                case 34: return this.cy;
-                case 35: return this.cz;
-                case 36: return this.c0;
-                case 37: return this.c1;
-                case 14: return this.c2;
-                case 25: return this.c3;
-                case 28: return this.c4;
-                case 22: return this.c5;
-                case 31: return this.c6;
-                case 18: return this.c7;
-                case 19: return this.c8;
-                case 6: return this.c9;
-                case 8: return this.da;
-                case 10: return this.db;
-                case 39: return this.dc;
-                case 33: return this.dd;
-                case 20: return this.de;
+                case 7: return this.cb;
+                case 9: return this.cc;
+                case 12: return this.cd;
+                case 13: return this.ce;
+                case 17: return this.cf;
+                case 15: return this.cg;
+                case 40: return this.ch;
+                case 16: return this.ci;
+                case 0: return this.cj;
+                case 11: return this.ck;
+                case 4: return this.cl;
+                case 5: return this.cm;
+                case 26: return this.cn;
+                case 29: return this.co;
+                case 23: return this.cp;
+                case 32: return this.cq;
+                case 2: return this.cr;
+                case 3: return this.cs;
+                case 38: return this.ct;
+                case 24: return this.cu;
+                case 27: return this.cv;
+                case 21: return this.cw;
+                case 30: return this.cx;
+                case 41: return this.cy;
+                case 1: return this.cz;
+                case 34: return this.c0;
+                case 35: return this.c1;
+                case 36: return this.c2;
+                case 37: return this.c3;
+                case 14: return this.c4;
+                case 25: return this.c5;
+                case 28: return this.c6;
+                case 22: return this.c7;
+                case 31: return this.c8;
+                case 18: return this.c9;
+                case 19: return this.da;
+                case 6: return this.db;
+                case 8: return this.dc;
+                case 10: return this.dd;
+                case 39: return this.de;
+                case 33: return this.df;
+                case 20: return this.dg;
                 default: return "";
             }
         };
-        ComparisonOperatorSelector.prototype.d1 = function () {
-            this.u = new igniteuiWebcomponentsCore.List$1(OperatorModel.$, 0);
+        ComparisonOperatorSelector.prototype.d4 = function () {
+            this.v = new igniteuiWebcomponentsCore.List$1(OperatorModel.$, 0);
             switch (this.d) {
                 case 2:
-                    this.dz(this.u);
+                    this.d2(this.v);
                     break;
                 case 10:
                 case 6:
@@ -55635,22 +55769,22 @@
                 case 3:
                 case 4:
                 case 7:
-                    this.d2(this.u);
+                    this.d5(this.v);
                     break;
                 case 8:
-                    this.d0(this.u);
+                    this.d3(this.v);
                     break;
                 case 0:
-                    this.d3(this.u);
+                    this.d6(this.v);
                     break;
             }
-            this.u.o(this.t);
+            this.v.o(this.u);
             if (this.f != null) {
-                this.e.u(this.u);
-                if (this.u.count > 0) {
-                    this.i = this.u._inner[0];
+                this.e.v(this.v);
+                if (this.v.count > 0) {
+                    this.i = this.v._inner[0];
                 }
-                this.e.k = Math.min(this.u.count * this.f.nf + 2, this.y);
+                this.e.k = Math.min(this.v.count * this.f.nf + 2, this.z);
             }
         };
         ComparisonOperatorSelector.prototype.h = function (a) {
@@ -55658,16 +55792,16 @@
             return ((function () {
                 var $ret = new OperatorModel();
                 $ret.a = a;
-                $ret.DisplayText = _this.bs(a);
-                $ret.Icon = _this.bt(a);
+                $ret.DisplayText = _this.bu(a);
+                $ret.Icon = _this.bv(a);
                 return $ret;
             })());
         };
-        ComparisonOperatorSelector.prototype.dz = function (a) {
+        ComparisonOperatorSelector.prototype.d2 = function (a) {
             a.add(this.h(10));
             a.add(this.h(11));
         };
-        ComparisonOperatorSelector.prototype.d2 = function (a) {
+        ComparisonOperatorSelector.prototype.d5 = function (a) {
             a.add(this.h(0));
             a.add(this.h(1));
             a.add(this.h(2));
@@ -55675,7 +55809,7 @@
             a.add(this.h(4));
             a.add(this.h(5));
         };
-        ComparisonOperatorSelector.prototype.d0 = function (a) {
+        ComparisonOperatorSelector.prototype.d3 = function (a) {
             a.add(this.h(0));
             a.add(this.h(1));
             a.add(this.h(2));
@@ -55705,7 +55839,7 @@
             a.add(this.h(36));
             a.add(this.h(37));
         };
-        ComparisonOperatorSelector.prototype.d3 = function (a) {
+        ComparisonOperatorSelector.prototype.d6 = function (a) {
             a.add(this.h(0));
             a.add(this.h(1));
             a.add(this.h(14));
@@ -55717,127 +55851,128 @@
             a.add(this.h(40));
             a.add(this.h(41));
         };
-        ComparisonOperatorSelector.prototype.x = function () {
+        ComparisonOperatorSelector.prototype.y = function () {
             if (this.f != null) {
                 var a = Math.min(8, this.f.actualDataSource != null ? this.f.actualDataSource.actualCount : 0);
                 return a * (this.f.nf + this.f.oc) + this.f.ne + 2;
             }
             return 0;
         };
-        ComparisonOperatorSelector.prototype.eh = function () {
-            if (this.p != null) {
-                if (!this.p.t) {
-                    this.ea();
-                    this.p.showRelativeToExclusionRect(this.e.v(), 1, 0);
+        ComparisonOperatorSelector.prototype.em = function () {
+            if (this.q != null) {
+                if (!this.q.t) {
+                    this.ef();
+                    this.q.showRelativeToExclusionRect(this.e.w(), 1, 0);
+                    this.ee();
                 }
                 else {
-                    this.p.ao();
+                    this.q.ao();
                 }
             }
         };
-        ComparisonOperatorSelector.prototype.d5 = function () {
-            if (this.p != null) {
-                this.p.ao();
+        ComparisonOperatorSelector.prototype.d8 = function () {
+            if (this.q != null) {
+                this.q.ao();
             }
         };
-        ComparisonOperatorSelector.prototype.dy = function (a, b, c, d) {
+        ComparisonOperatorSelector.prototype.d1 = function (a, b, c, d) {
             var e = ((function () {
                 var $ret = new OperatorModel();
                 $ret.DisplayText = a;
-                $ret.Icon = b != null ? b : ComparisonOperatorSelector.ad;
+                $ret.Icon = b != null ? b : ComparisonOperatorSelector.af;
                 $ret.a = 44;
                 $ret.c = c;
                 $ret.b = d;
                 return $ret;
             })());
-            this.t.add(e);
-            if (this.u != null) {
-                this.u.add(e);
+            this.u.add(e);
+            if (this.v != null) {
+                this.v.add(e);
             }
             if (this.f != null && this.f.actualDataSource != null) {
-                this.f.actualDataSource.notifyInsertItem(this.u.count, e);
+                this.f.actualDataSource.notifyInsertItem(this.v.count, e);
             }
         };
-        ComparisonOperatorSelector.prototype.d4 = function () {
-            if (this.u == null) {
+        ComparisonOperatorSelector.prototype.d7 = function () {
+            if (this.v == null) {
                 return;
             }
-            for (var a = 0; a < this.u.count; a++) {
-                if (this.u._inner[a].a == 44) {
-                    this.u.removeAt(a);
+            for (var a = 0; a < this.v.count; a++) {
+                if (this.v._inner[a].a == 44) {
+                    this.v.removeAt(a);
                     a--;
                 }
             }
-            this.t.clear();
+            this.u.clear();
         };
-        ComparisonOperatorSelector.prototype.ef = function (a, b) {
+        ComparisonOperatorSelector.prototype.ek = function (a, b) {
             if (a != null) {
-                for (var c = 0; c < this.t.count; c++) {
-                    if (this.t._inner[c].c == a) {
-                        this.i = this.t._inner[c];
+                for (var c = 0; c < this.u.count; c++) {
+                    if (this.u._inner[c].c == a) {
+                        this.i = this.u._inner[c];
                     }
                 }
             }
             else {
-                if (b >= 0 && b < this.t.count) {
-                    this.i = this.t._inner[b];
+                if (b >= 0 && b < this.u.count) {
+                    this.i = this.u._inner[b];
                 }
             }
         };
-        ComparisonOperatorSelector.prototype.d9 = function (a, b) {
-            this.eh();
+        ComparisonOperatorSelector.prototype.ec = function (a, b) {
+            this.em();
         };
-        ComparisonOperatorSelector.prototype.d6 = function (a, b) {
+        ComparisonOperatorSelector.prototype.d9 = function (a, b) {
             var c = b.cellInfo.et;
             this.i = this.f.actualDataSource.getItemAtIndex(c);
-            this.d5();
+            this.d8();
         };
-        ComparisonOperatorSelector.prototype.eg = function (a, b) {
-            this.e.s(b.content, b.cellInfo.g4);
+        ComparisonOperatorSelector.prototype.el = function (a, b) {
+            this.e.t(b.content, b.cellInfo.g4);
         };
         ComparisonOperatorSelector.$t = igniteuiWebcomponentsCore.markType(ComparisonOperatorSelector, 'ComparisonOperatorSelector', igniteuiWebcomponentsCore.Base.$, [igniteuiWebcomponentsCore.INotifyPropertyChanged_$type]);
-        ComparisonOperatorSelector.dt = "M 8 5 A 7 7 0 1 0 15 12 A 7 7 0 0 0 8 5 z M 18 7 A 5 5 0 0 0 15 8.0605469 A 7.48 7.48 0 0 1 15.490234 9.0605469 A 3.89 3.89 0 1 1 15.490234 14.880859 A 8.08 8.08 0 0 1 15 15.880859 A 5 5 0 1 0 18 7 z M 11.179688 8.8203125 L 12.310547 9.9394531 L 7.0703125 15.179688 L 3.6894531 11.810547 L 4.8203125 10.689453 L 7.0703125 12.939453 L 11.179688 8.8203125 z M 16.560547 9.7792969 L 15.779297 10.560547 L 17.210938 12 L 15.779297 13.439453 L 16.560547 14.220703 L 18 12.789062 L 19.439453 14.220703 L 20.220703 13.439453 L 18.789062 12 L 20.220703 10.560547 L 19.439453 9.7792969 L 18 11.210938 L 16.560547 9.7792969 z ";
-        ComparisonOperatorSelector.br = "M 8 5 A 7 7 0 1 0 15 12 A 7 7 0 0 0 8 5 z M 18 7 A 5 5 0 0 0 15 8.0605469 A 7.48 7.48 0 0 1 15.490234 9.0605469 A 3.89 3.89 0 1 1 15.490234 14.880859 A 8.08 8.08 0 0 1 15 15.880859 A 5 5 0 1 0 18 7 z M 5.2109375 7.6894531 L 8 10.480469 L 10.789062 7.6894531 L 12.310547 9.2109375 L 9.5195312 12 L 12.310547 14.789062 L 10.789062 16.310547 L 8 13.519531 L 5.2109375 16.310547 L 3.6894531 14.789062 L 6.4804688 12 L 3.6894531 9.2109375 L 5.2109375 7.6894531 z M 19.650391 10.150391 L 17.519531 12.269531 L 16.349609 11.119141 L 15.970703 11.490234 L 15.560547 11.900391 L 15.980469 12.320312 L 17 13.339844 L 17.519531 13.849609 L 20.429688 10.929688 L 19.650391 10.150391 z ";
-        ComparisonOperatorSelector.b8 = "M17.37 4.71l-1.74-1-2.76 4.79H5v2h6.71l-1.73 3H5v2h3.82l-2.19 3.79 1.74 1 2.76-4.79H19v-2h-6.71l1.73-3H19v-2h-3.82l2.19-3.79z";
-        ComparisonOperatorSelector.ab = "m 3,3 v 18 h 18 v -18 z m 1.9999697,1.9999697 h 14.0000603 v 14.0000603 h -14.0000603 z m 7.2332153,2.9162292 a 3.34,3.34 0 0 0 -0.113159,0.00385 3.54,3.54 0 0 0 -2.2999882,0.7199704 1.93,1.93 0 0 0 -0.8200378,1.6499637 h 1.710023 a 0.93,0.93 0 0 1 0.289947,-0.7099915 1.5,1.5 0 0 1 1.000031,-0.2899476 1.45,1.45 0 0 1 1.00003,0.3500062 1.3,1.3 0 0 1 0.369965,0.9999389 v 0.690033 l -1.369995,-0.03003 a 4.39,4.39 0 0 0 -2.5400401,0.629974 2.07,2.07 0 0 0 -0.8999634,1.78006 2.29,2.29 0 0 0 0.6600038,1.73996 2.63,2.63 0 0 0 1.8900147,0.629974 2.39,2.39 0 0 0 1.320008,-0.369965 3.05,3.05 0 0 0 0.999939,-0.929992 3.72,3.72 0 0 0 0.08002,0.570007 c 0,0.19 0.100034,0.379987 0.160033,0.579986 h 1.789947 a 4.51,4.51 0 0 1 -0.20993,-0.880004 5.5700002,5.5700002 0 0 1 -0.07004,-0.929993 v -3.499969 a 2.44,2.44 0 0 0 -0.839996,-2.0000615 3.34,3.34 0 0 0 -2.106812,-0.7037658 z m -0.315032,4.4605411 a 1.76,1.76 0 0 1 0.08185,0.0033 h 1.400024 v 1.169953 a 1.61,1.61 0 0 1 -0.709992,0.77005 2.27,2.27 0 0 1 -1.210051,0.339935 1.18,1.18 0 0 1 -0.839996,-0.269989 0.92000002,0.92000002 0 0 1 -0.300019,-0.719971 1.16,1.16 0 0 1 0.440003,-0.900055 1.76,1.76 0 0 1 1.138184,-0.393218 z";
-        ComparisonOperatorSelector.bl = "M21 19.74V3H4.26L2.89 1.63 1.63 2.92 3 4.29V21h16.73l1.37 1.37 1.27-1.26zM5 19V6.28l5.28 5.27a3.19 3.19 0 00-.81.38 2.07 2.07 0 00-.9 1.78 2.29 2.29 0 00.66 1.74 2.63 2.63 0 001.89.63 2.39 2.39 0 001.32-.37 3.05 3.05 0 001-.93 3.72 3.72 0 00.08.57c0 .19.1.38.16.58h1L17.73 19zm5.79-6.23a1.31 1.31 0 01.45-.25l1.37 1.36.28.29a1.57 1.57 0 01-.19.15 2.27 2.27 0 01-1.21.34 1.18 1.18 0 01-.84-.27.92.92 0 01-.3-.72 1.16 1.16 0 01.44-.9zm2.6-1.47h-.83l-1.62-1.62.08-.1a1.5 1.5 0 011-.29 1.45 1.45 0 011 .35 1.3 1.3 0 01.37 1zM19 17.74l-3.85-3.85v-3.27a2.44 2.44 0 00-.84-2 3.34 3.34 0 00-2.22-.7 3.64 3.64 0 00-2.24.67L6.26 5H19z";
-        ComparisonOperatorSelector.dj = "M5.9 7.5l-3.9 9h1.7l.7-1.8h4.1l.7 1.8H11l-3.9-9H5.9zM5 13.2l1.5-4.1L8 13.2H5zm7 1.3h2v2h-2v-2zm8 0h2v2h-2v-2zm-4 0h2v2h-2v-2z";
-        ComparisonOperatorSelector.bn = "M3.707,21.707,2.293,20.293l18-18,1.414,1.414ZM6,11H8.757l2-2H6ZM4,3H16.757l2-2H4A2,2,0,0,0,2,3V17.757l2-2ZM6,7h6.757l2-2H6ZM20,21H7.243l-2,2H20a2,2,0,0,0,2-2V6.243l-2,2Z";
-        ComparisonOperatorSelector.bp = "M3 14.5h2v2H3zm8 0h2v2h-2zm-4 0h2v2H7zm13.8.3v-3A2.1 2.1 0 0020 10a3 3 0 00-2-.6 3 3 0 00-2 .6 1.7 1.7 0 00-.7 1.5h1.5a.8.8 0 01.3-.7 1.3 1.3 0 01.9-.3 1.3 1.3 0 01.9.4 1.1 1.1 0 01.3.8v.6H18a3.8 3.8 0 00-2.2.6 1.8 1.8 0 00-.8 1.5 2 2 0 00.6 1.6 2.3 2.3 0 001.6.6 2.1 2.1 0 001.2-.4 2.8 2.8 0 00.8-.8 4.3 4.3 0 00.1.5l.1.5H21a4.1 4.1 0 01-.2-.7 5.4 5.4 0 010-1zm-1.6-.5a1.5 1.5 0 01-.6.7 2 2 0 01-1 .2 1.1 1.1 0 01-.8-.2.8.8 0 01-.2-.6 1 1 0 01.3-.8 1.5 1.5 0 011.1-.3h1.2z";
-        ComparisonOperatorSelector.bm = "M20.293,2.293l1.414,1.414-18,18L2.293,20.293ZM18,13H15.243l-2,2H18Zm2,8H7.243l-2,2H20a2,2,0,0,0,2-2V6.242l-2,2Zm-2-4H11.243l-2,2H18ZM4,3H16.757l2-2H4A2,2,0,0,0,2,3V17.757l2-2Z";
-        ComparisonOperatorSelector.bu = "M6 7.11L15.09 12 6 16.89V19l12-6.46v-1.08L6 5v2.11z";
-        ComparisonOperatorSelector.bv = "M5.99 19h12.02v2H5.99zM18 9.47L6 3v2.11L15.09 10 6 14.9v2.11l12-6.47V9.47z";
-        ComparisonOperatorSelector.b0 = "M6 12.54L18 19v-2.11L8.91 12 18 7.11V5L6 11.46v1.08z";
-        ComparisonOperatorSelector.b1 = "M5.99 19h12.02v2H5.99zM18 14.9L8.91 10 18 5.11V3L6 9.47v1.07l12 6.47V14.9z";
-        ComparisonOperatorSelector.bo = "M5 17h2v2H5zm8 0h2v2h-2zm-8-4h2v2H5zm12 4h2v2h-2zM13 5h2v2h-2zM9 17h2v2H9zm8-8h2v2h-2zm0 4h2v2h-2zm0-8h2v2h-2zM5 9h2v2H5zm0-4h2v2H5zm4 0h2v2H9z";
-        ComparisonOperatorSelector.b7 = "M5 9h2v2H5zm4 8h2v2H9zm4 0h2v2h-2zm4-8h2v2h-2zm0-4h2v2h-2zM5 17h2v2H5zm8-12h2v2h-2zm-8 8h2v2H5zm14 2v-2h-2v.47L18.53 15H19zm-8-8V5H9v.46L10.54 7H11zM2.76 1.76L1.5 3.06 20.97 22.5l1.26-1.26-8.89-8.89L2.76 1.76z";
-        ComparisonOperatorSelector.dp = "m 6,1.9999695 v 2.000061 h -1.0000303 a 2,2 0 0 0 -1.9999697,1.9999695 v 13.99997 a 2,2 0 0 0 1.9999697,2.00006 h 14.0000613 a 2,2 0 0 0 1.99997,-2.00006 v -13.99997 a 2,2 0 0 0 -1.99997,-1.9999695 h -1.00003 v -2.000061 h -1.99997 v 2.000061 h -8.0000613 v -2.000061 z m -1.0000303,7.0000305 h 14.0000613 v 10.99997 h -14.0000613 z m 10.4700623,1.99997 -4.880035,4.880035 -2.1199957,-2.119995 -1.0599975,1.059998 3.1799932,3.179992 5.940033,-5.940033 z";
-        ComparisonOperatorSelector.dq = "m 6,1.9999695 v 2.000061 h -1.0000303 c -1.1000002,0 -1.9999697,0.8999693 -1.9999697,1.9999695 v 13.99997 c 0,1.099999 0.8999695,2.00006 1.9999697,2.00006 h 14.0000603 c 1.1,0 1.999969,-0.900061 1.999969,-2.00006 v -13.99997 c 0,-1.1000002 -0.899969,-1.9999695 -1.999969,-1.9999695 h -1.000031 v -2.000061 h -1.999969 v 2.000061 h -8.0000603 v -2.000061 z m -1.0000303,7.0000305 h 14.0000603 v 10.99997 h -14.0000603 z m 8.2999883,1.99997 v 2.600005 h -6.0999763 v 1.800019 h 6.0999763 v 2.600006 l 3.50006,-3.49997 z";
-        ComparisonOperatorSelector.dx = "M 6,1.9999688 V 4.0000237 H 4.9999697 A 2,1.9999939 0 0 0 3,5.9999872 V 19.999914 a 2,1.9999939 0 0 0 1.9999697,2.000055 H 19.00003 A 2,1.9999939 0 0 0 21,19.999914 V 5.9999872 A 2,1.9999939 0 0 0 19.00003,4.0000237 H 18 V 1.9999688 H 16.00003 V 4.0000237 H 7.9999697 V 1.9999688 Z M 4.9999697,8.9999779 H 19.00003 V 19.999914 H 4.9999697 Z m 5.6800223,1.9999641 -3.4899895,3.50005 3.4899895,3.499959 v -2.619957 h 6.130005 v -1.750025 h -6.130005 z";
-        ComparisonOperatorSelector.dk = "m 6,1.0000305 v 1.9999695 h -1.0000303 a 2,2 0 0 0 -1.9999697,1.9999697 v 15.0000003 a 2,2 0 0 0 1.9999697,2.00006 h 7.0000313 v -2.00006 h -7.0000313 v -12.0000003 h 14.0000613 v 4.0000303 h 1.99997 v -7.0000303 a 2,2 0 0 0 -1.99997,-1.9999697 h -1.00003 v -1.9999695 h -1.99997 v 1.9999695 h -8.0000613 v -1.9999695 z m 0,7.9999695 v 1.99997 h 1.9999697 v -1.99997 z m 4.99997,0 v 1.99997 h 2.000061 v -1.99997 z m 5.000061,0 v 1.99997 h 1.99997 v -1.99997 z m -10.000031,4.00003 v 1.99997 h 1.9999697 v -1.99997 z m 4.99997,0 v 1.99997 h 2.000061 v -1.99997 z m 7.039581,1.025208 a 4.5,4.5 0 1 0 4.960419,4.474732 4.47,4.47 0 0 0 -1.999969,-3.73993 4.5,4.5 0 0 0 -2.96045,-0.734802 z m 1.960419,2.804718 0.709991,0.710083 -2.649993,2.629944 -1.749939,-1.76001 0.689941,-0.709991 1.050018,1.00003 z m -13.99997,0.170014 v 2.00006 h 1.9999697 v -2.00006 z m 4.99997,0 v 2.00006 h 2.000061 v -2.00006 z";
-        ComparisonOperatorSelector.b3 = "m 4.9999689,1.0000305 v 1.9999695 h -0.9999391 a 2,2 0 0 0 -2.000061,1.9999697 v 15.0000003 a 2,2 0 0 0 2.000061,2.00006 h 6.9999382 v -2.00006 h -6.9999382 v -12.0000003 h 13.9999692 v 4.0000303 h 1.999969 v -7.0000303 a 2,2 0 0 0 -1.999969,-1.9999697 h -1.000031 v -1.9999695 h -1.999969 v 1.9999695 h -7.9999694 v -1.9999695 z m 0,7.9999695 v 1.99997 h 2.0000607 v -1.99997 z m 5.0000611,0 v 1.99997 h 1.999969 v -1.99997 z m 4.999969,0 v 1.99997 h 1.999969 v -1.99997 z m -10.0000301,4.00003 v 1.99997 h 2.0000607 v -1.99997 z m 5.0000611,0 v 1.99997 h 1.999969 v -1.99997 z m 7.039489,1.025208 a 4.5,4.5 0 1 0 4.96051,4.474732 4.47,4.47 0 0 0 -2.000061,-3.73993 4.5,4.5 0 0 0 -2.960449,-0.734802 z m 0.96048,1.474732 3,3 -3,3 v -1.99997 h -4.000031 v -1.99997 h 4.000031 z m -13.0000301,1.5 v 2.00006 h 2.0000607 v -2.00006 z m 5.0000611,0 v 2.00006 h 1.999969 v -2.00006 z";
-        ComparisonOperatorSelector.bw = "m 4.9999689,1.0000305 v 1.9999695 h -0.9999391 a 2,2 0 0 0 -2.000061,1.9999697 v 15.0000003 a 2,2 0 0 0 2.000061,2.00006 h 6.9999382 v -2.00006 h -6.9999382 v -12.0000003 h 13.9999692 v 4.0000303 h 1.999969 v -7.0000303 a 2,2 0 0 0 -1.999969,-1.9999697 h -1.000031 v -1.9999695 h -1.999969 v 1.9999695 h -7.9999694 v -1.9999695 z m 0,7.9999695 v 1.99997 h 2.0000607 v -1.99997 z m 5.0000611,0 v 1.99997 h 1.999969 v -1.99997 z m 4.999969,0 v 1.99997 h 1.999969 v -1.99997 z m -10.0000301,4.00003 v 1.99997 h 2.0000607 v -1.99997 z m 5.0000611,0 v 1.99997 h 1.999969 v -1.99997 z m 7.499999,0.99994 a 4.48,4.48 0 1 0 4.5,4.5 4.47,4.47 0 0 0 -4.5,-4.5 z m -0.500061,1.5 v 2.00006 h 4.000031 v 1.99997 h -4.000031 v 1.99997 l -3,-3 z m -11.9999991,1.5 v 2.00006 h 2.0000607 v -2.00006 z m 5.0000611,0 v 2.00006 h 1.999969 v -2.00006 z";
-        ComparisonOperatorSelector.dn = "m 4.0000313,1.0000305 v 1.9999695 h -1.0000305 a 2,2 0 0 0 -1.9999695,1.9999697 v 12.0000003 a 2,2 0 0 0 1.9999695,2.00006 h 13.9999702 a 2,2 0 0 0 2.000061,-2.00006 v -12.0000003 a 2,2 0 0 0 -2.000061,-1.9999697 h -0.999939 v -1.9999695 h -2.000061 v 1.9999695 h -7.9999702 v -1.9999695 z m -1.0000305,5.9999998 h 13.9999702 v 9.9999397 h -13.9999702 z m 9.9200142,2.0799867 -4.0699777,4.069977 -1.7700806,-1.769989 -0.8799131,0.889984 2.6499937,2.649994 4.9499827,-4.959961 z m 8.079986,0.920013 v 10.99997 h -13.9999699 v 1.99997 h 13.9999699 a 2,2 0 0 0 1.99997,-1.99997 v -10.99997 z";
-        ComparisonOperatorSelector.b6 = "m 4.0000313,1.0000305 v 1.9999695 h -1.0000305 a 2,2 0 0 0 -1.9999695,1.9999697 v 12.0000003 a 2,2 0 0 0 1.9999695,2.00006 h 13.9999702 a 2,2 0 0 0 2.000061,-2.00006 v -12.0000003 a 2,2 0 0 0 -2.000061,-1.9999697 h -0.999939 v -1.9999695 h -2.000061 v 1.9999695 h -7.9999702 v -1.9999695 z m -1.0000305,5.9999998 h 13.9999702 v 9.9999397 h -13.9999702 z m 8.1299742,1.9999697 v 2.25 h -5.25 v 1.5 h 5.25 v 2.25 l 3,-3 z m 9.870026,1.00003 v 10.99997 h -13.9999699 v 1.99997 h 13.9999699 a 2,2 0 0 0 1.99997,-1.99997 v -10.99997 z";
-        ComparisonOperatorSelector.bz = "m 4.0000313,1.0000305 v 1.9999695 h -1.0000305 a 2,2 0 0 0 -1.9999695,1.9999697 v 12.0000003 a 2,2 0 0 0 1.9999695,2.00006 h 13.9999702 a 2,2 0 0 0 2.000061,-2.00006 v -12.0000003 a 2,2 0 0 0 -2.000061,-1.9999697 h -0.999939 v -1.9999695 h -2.000061 v 1.9999695 h -7.9999702 v -1.9999695 z m -1.0000305,5.9999998 h 13.9999702 v 9.9999397 h -13.9999702 z m 5.869995,1.9999697 -2.9900208,3 2.9900208,3 v -2.25 h 5.2599792 v -1.5 h -5.2599792 z m 12.1300052,1.00003 v 10.99997 h -13.9999699 v 1.99997 h 13.9999699 a 2,2 0 0 0 1.99997,-1.99997 v -10.99997 z";
-        ComparisonOperatorSelector.dl = "M12,7V17H22A10,10,0,0,0,12,7Zm-2,5L6,16V13H2V11H6V8Z";
-        ComparisonOperatorSelector.b4 = "M4,9.253A8.03,8.03,0,0,1,9.747,15H4V9.253M2,7V17H12A10,10,0,0,0,2,7ZM18,8v3H14v2h4v3l4-4Z";
-        ComparisonOperatorSelector.bx = "M12,7V17H22A10,10,0,0,0,12,7ZM2,12l4,4V13h4V11H6V8Z";
-        ComparisonOperatorSelector.dm = "M22,4V20a2,2,0,0,1-2,2H15V20h5V4H4V20H9v2H4a2,2,0,0,1-2-2V4A2,2,0,0,1,4,2H20A2,2,0,0,1,22,4ZM18,6H6V9H18ZM8,15h3v7h2V15h3l-4-4Z";
-        ComparisonOperatorSelector.b5 = "M20,2H4A2,2,0,0,0,2,4V20a2,2,0,0,0,2,2H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2Zm0,18H4V4H20ZM18,9H6V6H18Zm0,5-4,4V15H6V13h8V10Z";
-        ComparisonOperatorSelector.by = "M20,2H4A2,2,0,0,0,2,4V20a2,2,0,0,0,2,2H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2Zm0,18H4V4H20Zm-2-2H6V15H18ZM10,6V9h8v2H10v3L6,10Z";
-        ComparisonOperatorSelector.dw = "M20,2H4A2,2,0,0,0,2,4V20a2,2,0,0,0,2,2H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2Zm0,18H4V4H20ZM5,10H6.127L7.2,11.58,8.258,10H9.379l-1.7,2.465V14H6.677V12.442Zm5.044.74V10h3.745v.74h-1.37V14H11.414V10.74ZM16.926,10a2.667,2.667,0,0,1,.823.123,1.86,1.86,0,0,1,.659.37,1.679,1.679,0,0,1,.435.616,2.205,2.205,0,0,1,.157.868,2.456,2.456,0,0,1-.128.807,1.7,1.7,0,0,1-.387.639,1.828,1.828,0,0,1-.647.423,2.453,2.453,0,0,1-.912.154H14.954V10Zm-.07,3.26a1.46,1.46,0,0,0,.422-.061.951.951,0,0,0,.365-.205,1.007,1.007,0,0,0,.256-.372,1.453,1.453,0,0,0,.1-.56,2.054,2.054,0,0,0-.067-.547,1.046,1.046,0,0,0-.221-.417.973.973,0,0,0-.407-.266,1.818,1.818,0,0,0-.624-.092h-.717v2.52Z";
-        ComparisonOperatorSelector.df = "M8.5,22a6.5,6.5,0,0,1,0-13h.65v5.85H15v.65A6.508,6.508,0,0,1,8.5,22ZM7.85,10.34a5.2,5.2,0,1,0,5.81,5.81H7.85ZM11,2V13H22A11,11,0,0,0,11,2Zm5,8H15V6h1Z";
-        ComparisonOperatorSelector.dg = "M2,8.5a6.5,6.5,0,0,1,13,0v.65H9.15V15H8.5A6.508,6.508,0,0,1,2,8.5Zm11.66-.65a5.2,5.2,0,1,0-5.81,5.81V7.85ZM11,11V22A11,11,0,0,0,22,11Zm4,6H14V13h1Zm2,0H16V13h1Z";
-        ComparisonOperatorSelector.dh = "M15.5,2a6.5,6.5,0,0,1,0,13h-.65V9.15H9V8.5A6.508,6.508,0,0,1,15.5,2Zm.65,11.66a5.2,5.2,0,1,0-5.81-5.81h5.81ZM2,11A11,11,0,0,0,13,22V11Zm5,6H6V13H7Zm2,0H8V13H9Zm2,0H10V13h1Z";
-        ComparisonOperatorSelector.di = "M22,15.5a6.5,6.5,0,0,1-13,0v-.65h5.85V9h.65A6.508,6.508,0,0,1,22,15.5Zm-11.66.65a5.2,5.2,0,1,0,5.81-5.81v5.81ZM2,13H13V2A11,11,0,0,0,2,13Zm5-2H6V7H7Zm3,0L8,7H9l1,2,1-2h1Z";
-        ComparisonOperatorSelector.b2 = "M20,2H4A2,2,0,0,0,2,4V20a2,2,0,0,0,2,2H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2Zm0,18H4V4H20ZM11,9H9V7h2Zm4,0H13V7h2ZM7,13H5V11H7Zm4,0H9V11h2Zm4,0H13V11h2Zm4,0H17V11h2ZM7,17H5V15H7Zm4,0H9V15h2Zm4,0H13V15h2Zm4-8H17V7h2Z";
-        ComparisonOperatorSelector.dv = "M20,2H4A2,2,0,0,0,2,4V20a2,2,0,0,0,2,2H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2Zm0,18H4V4H20ZM7.7,11.634a1.151,1.151,0,0,0,.317-.063.618.618,0,0,0,.243-.152.367.367,0,0,0,.1-.264.429.429,0,0,0-.2-.379.79.79,0,0,0-.452-.132.689.689,0,0,0-.533.2A.668.668,0,0,0,7,11.331H6.112a1.428,1.428,0,0,1,.127-.542,1.246,1.246,0,0,1,.321-.42,1.465,1.465,0,0,1,.5-.273A2.022,2.022,0,0,1,7.7,10a2.258,2.258,0,0,1,.55.069,1.7,1.7,0,0,1,.5.206,1.21,1.21,0,0,1,.357.336.784.784,0,0,1,.137.456.8.8,0,0,1-.16.495.815.815,0,0,1-.482.292v.011a1.04,1.04,0,0,1,.6.308.813.813,0,0,1,.216.567,1.041,1.041,0,0,1-.14.539,1.238,1.238,0,0,1-.377.4,1.785,1.785,0,0,1-.544.242A2.605,2.605,0,0,1,7,13.906a1.542,1.542,0,0,1-.54-.272,1.207,1.207,0,0,1-.344-.438A1.322,1.322,0,0,1,6,12.6h.885a.931.931,0,0,0,.058.294.7.7,0,0,0,.151.243.727.727,0,0,0,.246.162.925.925,0,0,0,.35.06.86.86,0,0,0,.531-.162.524.524,0,0,0,.216-.443.5.5,0,0,0-.1-.335.59.59,0,0,0-.259-.168,1.281,1.281,0,0,0-.344-.061c-.125-.005-.244-.008-.357-.008v-.55A2.453,2.453,0,0,0,7.7,11.634Zm4.814-.9a.591.591,0,0,0-.406-.143.684.684,0,0,0-.416.123.949.949,0,0,0-.265.3,1.42,1.42,0,0,0-.144.382,1.989,1.989,0,0,0-.052.363l.012.011a1.072,1.072,0,0,1,.446-.329,1.685,1.685,0,0,1,1.166.008,1.449,1.449,0,0,1,.478.288,1.1,1.1,0,0,1,.269.4,1.306,1.306,0,0,1,.085.457,1.338,1.338,0,0,1-.115.552,1.3,1.3,0,0,1-.327.446,1.549,1.549,0,0,1-.508.3,1.915,1.915,0,0,1-.655.107,1.877,1.877,0,0,1-.858-.174,1.491,1.491,0,0,1-.544-.453,1.7,1.7,0,0,1-.281-.636,3.3,3.3,0,0,1-.079-.724,2.713,2.713,0,0,1,.1-.715,1.924,1.924,0,0,1,.315-.646,1.65,1.65,0,0,1,.556-.471A1.752,1.752,0,0,1,12.118,10a2.055,2.055,0,0,1,.55.071,1.517,1.517,0,0,1,.453.207,1.116,1.116,0,0,1,.32.333,1.177,1.177,0,0,1,.164.456h-.884A.638.638,0,0,0,12.511,10.732Zm-.782,1.257a.627.627,0,0,0-.233.157.664.664,0,0,0-.138.228.821.821,0,0,0-.045.272.732.732,0,0,0,.049.262.7.7,0,0,0,.144.231.706.706,0,0,0,.232.162.783.783,0,0,0,.315.06.692.692,0,0,0,.3-.06.72.72,0,0,0,.219-.16.67.67,0,0,0,.138-.225.773.773,0,0,0,.046-.259.828.828,0,0,0-.043-.266.683.683,0,0,0-.128-.232.624.624,0,0,0-.219-.165.726.726,0,0,0-.311-.063A.836.836,0,0,0,11.729,11.989Zm4.129-1.268-.183.875.013.01a1.2,1.2,0,0,1,.406-.228,1.783,1.783,0,0,1,1.094.036,1.326,1.326,0,0,1,.442.28,1.186,1.186,0,0,1,.275.416,1.355,1.355,0,0,1,.095.509,1.159,1.159,0,0,1-.137.553,1.456,1.456,0,0,1-.371.443,1.694,1.694,0,0,1-.54.288,1.983,1.983,0,0,1-.655.1,2.7,2.7,0,0,1-.638-.074,1.725,1.725,0,0,1-.541-.229,1.226,1.226,0,0,1-.377-.382,1.054,1.054,0,0,1-.147-.531h.93a.607.607,0,0,0,.236.421.922.922,0,0,0,.848.093.773.773,0,0,0,.249-.165.706.706,0,0,0,.157-.237.718.718,0,0,0,.056-.277.754.754,0,0,0-.052-.281.64.64,0,0,0-.158-.231.738.738,0,0,0-.248-.154.932.932,0,0,0-.334-.055.957.957,0,0,0-.406.074.91.91,0,0,0-.3.234h-.838l.452-2.129h2.561v.644Z";
-        ComparisonOperatorSelector.dr = "m 8.015625,15 c 0,0 0,0 0,0 8,0 8,0 8,0 -4,-6 -4,-6 -4,-6 z";
-        ComparisonOperatorSelector.z = "m 8.015625,9 c 0,0 0,0 0,0 8,0 8,0 8,0 -4,6 -4,6 -4,6 z";
-        ComparisonOperatorSelector.ds = "m 10.085911,4.8515625 c -0.514323,0 -0.9227906,0.16686 -1.2255249,0.5005187 -0.3027344,0.3336592 -0.4541016,0.7902023 -0.4541016,1.3696289 0,0.5305992 0.1431986,0.9545592 0.429657,1.2719423 0.2864583,0.3173827 0.6706034,0.4760743 1.1523742,0.4760743 0.4980473,0 0.9008793,-0.1684571 1.2084963,-0.5053711 0.307617,-0.3369141 0.461426,-0.7852885 0.461426,-1.3451846 0,-0.5598956 -0.137564,-0.9944658 -0.412629,-1.3037109 -0.275065,-0.3092446 -0.661651,-0.4638976 -1.159698,-0.4638976 z m 3.88678,0.1073913 -4.4873659,7.0508432 h 0.6982729 l 4.492218,-7.0508432 z m -3.916077,0.4297485 c 0.296224,0 0.529846,0.1098634 0.700745,0.3295899 0.170898,0.2197265 0.256347,0.5264999 0.256347,0.9203798 0,0.4036458 -0.08629,0.7194318 -0.258819,0.9472959 -0.172526,0.2278645 -0.411784,0.3417666 -0.717774,0.3417666 -0.3027341,0 -0.5419919,-0.1098633 -0.7177731,-0.3295899 -0.1757812,-0.2197265 -0.2636718,-0.5264995 -0.2636718,-0.9203798 0,-0.4003908 0.089488,-0.7153322 0.2685242,-0.9448242 0.1790362,-0.2294922 0.423177,-0.3442383 0.7324217,-0.3442383 z m 4.199249,3.0517275 c -0.507812,0 -0.914683,0.168457 -1.220672,0.5053711 -0.30599,0.336914 -0.459046,0.7950544 -0.459046,1.3744811 0,0.527344 0.14329,0.950551 0.429749,1.269562 0.286458,0.31901 0.670511,0.478546 1.152283,0.478546 0.498047,0 0.900879,-0.168457 1.208496,-0.505371 0.307617,-0.336914 0.461426,-0.783692 0.461426,-1.340332 0,-0.5631505 -0.138317,-1.0010075 -0.415009,-1.3135072 -0.276693,-0.3125002 -0.662435,-0.46875 -1.157227,-0.46875 z m -0.0293,0.5517881 c 0.296223,0 0.529754,0.107422 0.700653,0.3222656 0.170898,0.2148441 0.256347,0.5207728 0.256347,0.9179075 0,0.400391 -0.0862,0.715332 -0.258728,0.944825 -0.172526,0.229492 -0.411784,0.344238 -0.717773,0.344238 -0.302735,0 -0.541992,-0.109863 -0.717774,-0.32959 -0.175781,-0.219726 -0.263672,-0.523213 -0.263672,-0.910584 0,-0.4036449 0.08864,-0.7194305 0.266053,-0.9472955 0.177408,-0.2278646 0.422393,-0.3417666 0.734894,-0.3417666 z m -2.210907,4.1797491 -4.000031,5.999999 h 7.99997 z";
-        ComparisonOperatorSelector.aa = "m 8.015625,4.0546875 4.000031,6.0000005 3.999939,-6.0000005 z m 2.070282,8.6795655 c -0.514323,0 -0.9227906,0.16686 -1.2255249,0.500519 -0.3027344,0.333659 -0.4541016,0.790202 -0.4541016,1.369629 0,0.530599 0.1431986,0.954559 0.429657,1.271942 0.2864583,0.317382 0.6706034,0.476073 1.1523742,0.476073 0.4980473,0 0.9008793,-0.168457 1.2084963,-0.50537 0.307617,-0.336914 0.461426,-0.785288 0.461426,-1.345184 0,-0.559896 -0.137564,-0.994466 -0.412629,-1.303711 -0.275065,-0.309245 -0.661651,-0.463898 -1.159698,-0.463898 z m 3.88678,0.107483 -4.4873659,7.05075 h 0.6982729 l 4.492218,-7.05075 z m -3.916077,0.429657 c 0.296224,0 0.529846,0.109863 0.700745,0.32959 0.170898,0.219726 0.256347,0.5265 0.256347,0.92038 0,0.403646 -0.08629,0.719432 -0.258819,0.947296 -0.172526,0.227865 -0.411784,0.341766 -0.717774,0.341766 -0.3027341,0 -0.5419919,-0.109864 -0.7177731,-0.32959 -0.1757812,-0.219726 -0.2636718,-0.526499 -0.2636718,-0.920379 0,-0.400392 0.089488,-0.715333 0.2685242,-0.944825 0.1790362,-0.229492 0.423177,-0.344238 0.7324217,-0.344238 z m 4.199249,3.051726 c -0.507812,0 -0.914683,0.168458 -1.220672,0.505372 -0.30599,0.336914 -0.459046,0.795146 -0.459046,1.374572 0,0.527344 0.14329,0.950459 0.429749,1.269472 0.286458,0.319009 0.670511,0.478545 1.152283,0.478545 0.498047,0 0.900879,-0.168457 1.208496,-0.505371 0.307617,-0.336914 0.461426,-0.783692 0.461426,-1.340332 0,-0.563151 -0.138317,-1.001006 -0.415009,-1.313508 -0.276693,-0.312499 -0.662435,-0.46875 -1.157227,-0.46875 z m -0.0293,0.551789 c 0.296223,0 0.529754,0.107422 0.700653,0.322267 0.170898,0.214842 0.256347,0.520863 0.256347,0.917998 0,0.400392 -0.0862,0.715332 -0.258728,0.944825 -0.172526,0.229492 -0.411784,0.344238 -0.717773,0.344238 -0.302735,0 -0.541992,-0.109863 -0.717774,-0.32959 -0.175781,-0.219727 -0.263672,-0.523305 -0.263672,-0.910674 0,-0.403647 0.08864,-0.719431 0.266053,-0.947297 0.177408,-0.227865 0.422393,-0.341766 0.734894,-0.341767 z";
-        ComparisonOperatorSelector.ad = "M12.138 21H8.2a1.171 1.171 0 01-1.152-1.188v-5.937L2.123 4.719A1.187 1.187 0 013.153 3h14.694a1.187 1.187 0 011.03 1.719l-3.763 7a2.2 2.2 0 00-.437.642h-.3a2.206 2.206 0 00-1.922 1.11l-.9 1.553-.058.109a2.246 2.246 0 00.212 2.366 2.185 2.185 0 00-.168 2.462zm9.775-2.319a.21.21 0 01.056.281l-.9 1.564a.226.226 0 01-.27.1l-1.113-.449a3.415 3.415 0 01-.754.438l-.18 1.193a.221.221 0 01-.225.191h-1.8a.228.228 0 01-.225-.191l-.169-1.193a3.233 3.233 0 01-.765-.438l-1.114.449a.236.236 0 01-.281-.1l-.9-1.564a.213.213 0 01.056-.281l.945-.742a5.864 5.864 0 01-.022-.439 2.709 2.709 0 01.045-.439l-.956-.742a.224.224 0 01-.057-.293l.9-1.552a.222.222 0 01.27-.1l1.125.45a3.581 3.581 0 01.754-.438l.169-1.193a.228.228 0 01.225-.193h1.8a.23.23 0 01.225.191l.169 1.193a3.348 3.348 0 01.753.438l1.125-.45a.217.217 0 01.27.1l.9 1.552a.225.225 0 01-.056.293l-.956.742A1.8 1.8 0 0121 17.5c0 .146-.011.293-.023.439zM19.236 17.5a1.609 1.609 0 10-1.609 1.609 1.609 1.609 0 001.609-1.609z";
+        ComparisonOperatorSelector.dw = "M 8 5 A 7 7 0 1 0 15 12 A 7 7 0 0 0 8 5 z M 18 7 A 5 5 0 0 0 15 8.0605469 A 7.48 7.48 0 0 1 15.490234 9.0605469 A 3.89 3.89 0 1 1 15.490234 14.880859 A 8.08 8.08 0 0 1 15 15.880859 A 5 5 0 1 0 18 7 z M 11.179688 8.8203125 L 12.310547 9.9394531 L 7.0703125 15.179688 L 3.6894531 11.810547 L 4.8203125 10.689453 L 7.0703125 12.939453 L 11.179688 8.8203125 z M 16.560547 9.7792969 L 15.779297 10.560547 L 17.210938 12 L 15.779297 13.439453 L 16.560547 14.220703 L 18 12.789062 L 19.439453 14.220703 L 20.220703 13.439453 L 18.789062 12 L 20.220703 10.560547 L 19.439453 9.7792969 L 18 11.210938 L 16.560547 9.7792969 z ";
+        ComparisonOperatorSelector.bt = "M 8 5 A 7 7 0 1 0 15 12 A 7 7 0 0 0 8 5 z M 18 7 A 5 5 0 0 0 15 8.0605469 A 7.48 7.48 0 0 1 15.490234 9.0605469 A 3.89 3.89 0 1 1 15.490234 14.880859 A 8.08 8.08 0 0 1 15 15.880859 A 5 5 0 1 0 18 7 z M 5.2109375 7.6894531 L 8 10.480469 L 10.789062 7.6894531 L 12.310547 9.2109375 L 9.5195312 12 L 12.310547 14.789062 L 10.789062 16.310547 L 8 13.519531 L 5.2109375 16.310547 L 3.6894531 14.789062 L 6.4804688 12 L 3.6894531 9.2109375 L 5.2109375 7.6894531 z M 19.650391 10.150391 L 17.519531 12.269531 L 16.349609 11.119141 L 15.970703 11.490234 L 15.560547 11.900391 L 15.980469 12.320312 L 17 13.339844 L 17.519531 13.849609 L 20.429688 10.929688 L 19.650391 10.150391 z ";
+        ComparisonOperatorSelector.ca = "M17.37 4.71l-1.74-1-2.76 4.79H5v2h6.71l-1.73 3H5v2h3.82l-2.19 3.79 1.74 1 2.76-4.79H19v-2h-6.71l1.73-3H19v-2h-3.82l2.19-3.79z";
+        ComparisonOperatorSelector.ad = "m 3,3 v 18 h 18 v -18 z m 1.9999697,1.9999697 h 14.0000603 v 14.0000603 h -14.0000603 z m 7.2332153,2.9162292 a 3.34,3.34 0 0 0 -0.113159,0.00385 3.54,3.54 0 0 0 -2.2999882,0.7199704 1.93,1.93 0 0 0 -0.8200378,1.6499637 h 1.710023 a 0.93,0.93 0 0 1 0.289947,-0.7099915 1.5,1.5 0 0 1 1.000031,-0.2899476 1.45,1.45 0 0 1 1.00003,0.3500062 1.3,1.3 0 0 1 0.369965,0.9999389 v 0.690033 l -1.369995,-0.03003 a 4.39,4.39 0 0 0 -2.5400401,0.629974 2.07,2.07 0 0 0 -0.8999634,1.78006 2.29,2.29 0 0 0 0.6600038,1.73996 2.63,2.63 0 0 0 1.8900147,0.629974 2.39,2.39 0 0 0 1.320008,-0.369965 3.05,3.05 0 0 0 0.999939,-0.929992 3.72,3.72 0 0 0 0.08002,0.570007 c 0,0.19 0.100034,0.379987 0.160033,0.579986 h 1.789947 a 4.51,4.51 0 0 1 -0.20993,-0.880004 5.5700002,5.5700002 0 0 1 -0.07004,-0.929993 v -3.499969 a 2.44,2.44 0 0 0 -0.839996,-2.0000615 3.34,3.34 0 0 0 -2.106812,-0.7037658 z m -0.315032,4.4605411 a 1.76,1.76 0 0 1 0.08185,0.0033 h 1.400024 v 1.169953 a 1.61,1.61 0 0 1 -0.709992,0.77005 2.27,2.27 0 0 1 -1.210051,0.339935 1.18,1.18 0 0 1 -0.839996,-0.269989 0.92000002,0.92000002 0 0 1 -0.300019,-0.719971 1.16,1.16 0 0 1 0.440003,-0.900055 1.76,1.76 0 0 1 1.138184,-0.393218 z";
+        ComparisonOperatorSelector.bn = "M21 19.74V3H4.26L2.89 1.63 1.63 2.92 3 4.29V21h16.73l1.37 1.37 1.27-1.26zM5 19V6.28l5.28 5.27a3.19 3.19 0 00-.81.38 2.07 2.07 0 00-.9 1.78 2.29 2.29 0 00.66 1.74 2.63 2.63 0 001.89.63 2.39 2.39 0 001.32-.37 3.05 3.05 0 001-.93 3.72 3.72 0 00.08.57c0 .19.1.38.16.58h1L17.73 19zm5.79-6.23a1.31 1.31 0 01.45-.25l1.37 1.36.28.29a1.57 1.57 0 01-.19.15 2.27 2.27 0 01-1.21.34 1.18 1.18 0 01-.84-.27.92.92 0 01-.3-.72 1.16 1.16 0 01.44-.9zm2.6-1.47h-.83l-1.62-1.62.08-.1a1.5 1.5 0 011-.29 1.45 1.45 0 011 .35 1.3 1.3 0 01.37 1zM19 17.74l-3.85-3.85v-3.27a2.44 2.44 0 00-.84-2 3.34 3.34 0 00-2.22-.7 3.64 3.64 0 00-2.24.67L6.26 5H19z";
+        ComparisonOperatorSelector.dl = "M5.9 7.5l-3.9 9h1.7l.7-1.8h4.1l.7 1.8H11l-3.9-9H5.9zM5 13.2l1.5-4.1L8 13.2H5zm7 1.3h2v2h-2v-2zm8 0h2v2h-2v-2zm-4 0h2v2h-2v-2z";
+        ComparisonOperatorSelector.bp = "M3.707,21.707,2.293,20.293l18-18,1.414,1.414ZM6,11H8.757l2-2H6ZM4,3H16.757l2-2H4A2,2,0,0,0,2,3V17.757l2-2ZM6,7h6.757l2-2H6ZM20,21H7.243l-2,2H20a2,2,0,0,0,2-2V6.243l-2,2Z";
+        ComparisonOperatorSelector.br = "M3 14.5h2v2H3zm8 0h2v2h-2zm-4 0h2v2H7zm13.8.3v-3A2.1 2.1 0 0020 10a3 3 0 00-2-.6 3 3 0 00-2 .6 1.7 1.7 0 00-.7 1.5h1.5a.8.8 0 01.3-.7 1.3 1.3 0 01.9-.3 1.3 1.3 0 01.9.4 1.1 1.1 0 01.3.8v.6H18a3.8 3.8 0 00-2.2.6 1.8 1.8 0 00-.8 1.5 2 2 0 00.6 1.6 2.3 2.3 0 001.6.6 2.1 2.1 0 001.2-.4 2.8 2.8 0 00.8-.8 4.3 4.3 0 00.1.5l.1.5H21a4.1 4.1 0 01-.2-.7 5.4 5.4 0 010-1zm-1.6-.5a1.5 1.5 0 01-.6.7 2 2 0 01-1 .2 1.1 1.1 0 01-.8-.2.8.8 0 01-.2-.6 1 1 0 01.3-.8 1.5 1.5 0 011.1-.3h1.2z";
+        ComparisonOperatorSelector.bo = "M20.293,2.293l1.414,1.414-18,18L2.293,20.293ZM18,13H15.243l-2,2H18Zm2,8H7.243l-2,2H20a2,2,0,0,0,2-2V6.242l-2,2Zm-2-4H11.243l-2,2H18ZM4,3H16.757l2-2H4A2,2,0,0,0,2,3V17.757l2-2Z";
+        ComparisonOperatorSelector.bw = "M6 7.11L15.09 12 6 16.89V19l12-6.46v-1.08L6 5v2.11z";
+        ComparisonOperatorSelector.bx = "M5.99 19h12.02v2H5.99zM18 9.47L6 3v2.11L15.09 10 6 14.9v2.11l12-6.47V9.47z";
+        ComparisonOperatorSelector.b2 = "M6 12.54L18 19v-2.11L8.91 12 18 7.11V5L6 11.46v1.08z";
+        ComparisonOperatorSelector.b3 = "M5.99 19h12.02v2H5.99zM18 14.9L8.91 10 18 5.11V3L6 9.47v1.07l12 6.47V14.9z";
+        ComparisonOperatorSelector.bq = "M5 17h2v2H5zm8 0h2v2h-2zm-8-4h2v2H5zm12 4h2v2h-2zM13 5h2v2h-2zM9 17h2v2H9zm8-8h2v2h-2zm0 4h2v2h-2zm0-8h2v2h-2zM5 9h2v2H5zm0-4h2v2H5zm4 0h2v2H9z";
+        ComparisonOperatorSelector.b9 = "M5 9h2v2H5zm4 8h2v2H9zm4 0h2v2h-2zm4-8h2v2h-2zm0-4h2v2h-2zM5 17h2v2H5zm8-12h2v2h-2zm-8 8h2v2H5zm14 2v-2h-2v.47L18.53 15H19zm-8-8V5H9v.46L10.54 7H11zM2.76 1.76L1.5 3.06 20.97 22.5l1.26-1.26-8.89-8.89L2.76 1.76z";
+        ComparisonOperatorSelector.ds = "m 6,1.9999695 v 2.000061 h -1.0000303 a 2,2 0 0 0 -1.9999697,1.9999695 v 13.99997 a 2,2 0 0 0 1.9999697,2.00006 h 14.0000613 a 2,2 0 0 0 1.99997,-2.00006 v -13.99997 a 2,2 0 0 0 -1.99997,-1.9999695 h -1.00003 v -2.000061 h -1.99997 v 2.000061 h -8.0000613 v -2.000061 z m -1.0000303,7.0000305 h 14.0000613 v 10.99997 h -14.0000613 z m 10.4700623,1.99997 -4.880035,4.880035 -2.1199957,-2.119995 -1.0599975,1.059998 3.1799932,3.179992 5.940033,-5.940033 z";
+        ComparisonOperatorSelector.dt = "m 6,1.9999695 v 2.000061 h -1.0000303 c -1.1000002,0 -1.9999697,0.8999693 -1.9999697,1.9999695 v 13.99997 c 0,1.099999 0.8999695,2.00006 1.9999697,2.00006 h 14.0000603 c 1.1,0 1.999969,-0.900061 1.999969,-2.00006 v -13.99997 c 0,-1.1000002 -0.899969,-1.9999695 -1.999969,-1.9999695 h -1.000031 v -2.000061 h -1.999969 v 2.000061 h -8.0000603 v -2.000061 z m -1.0000303,7.0000305 h 14.0000603 v 10.99997 h -14.0000603 z m 8.2999883,1.99997 v 2.600005 h -6.0999763 v 1.800019 h 6.0999763 v 2.600006 l 3.50006,-3.49997 z";
+        ComparisonOperatorSelector.d0 = "M 6,1.9999688 V 4.0000237 H 4.9999697 A 2,1.9999939 0 0 0 3,5.9999872 V 19.999914 a 2,1.9999939 0 0 0 1.9999697,2.000055 H 19.00003 A 2,1.9999939 0 0 0 21,19.999914 V 5.9999872 A 2,1.9999939 0 0 0 19.00003,4.0000237 H 18 V 1.9999688 H 16.00003 V 4.0000237 H 7.9999697 V 1.9999688 Z M 4.9999697,8.9999779 H 19.00003 V 19.999914 H 4.9999697 Z m 5.6800223,1.9999641 -3.4899895,3.50005 3.4899895,3.499959 v -2.619957 h 6.130005 v -1.750025 h -6.130005 z";
+        ComparisonOperatorSelector.dn = "m 6,1.0000305 v 1.9999695 h -1.0000303 a 2,2 0 0 0 -1.9999697,1.9999697 v 15.0000003 a 2,2 0 0 0 1.9999697,2.00006 h 7.0000313 v -2.00006 h -7.0000313 v -12.0000003 h 14.0000613 v 4.0000303 h 1.99997 v -7.0000303 a 2,2 0 0 0 -1.99997,-1.9999697 h -1.00003 v -1.9999695 h -1.99997 v 1.9999695 h -8.0000613 v -1.9999695 z m 0,7.9999695 v 1.99997 h 1.9999697 v -1.99997 z m 4.99997,0 v 1.99997 h 2.000061 v -1.99997 z m 5.000061,0 v 1.99997 h 1.99997 v -1.99997 z m -10.000031,4.00003 v 1.99997 h 1.9999697 v -1.99997 z m 4.99997,0 v 1.99997 h 2.000061 v -1.99997 z m 7.039581,1.025208 a 4.5,4.5 0 1 0 4.960419,4.474732 4.47,4.47 0 0 0 -1.999969,-3.73993 4.5,4.5 0 0 0 -2.96045,-0.734802 z m 1.960419,2.804718 0.709991,0.710083 -2.649993,2.629944 -1.749939,-1.76001 0.689941,-0.709991 1.050018,1.00003 z m -13.99997,0.170014 v 2.00006 h 1.9999697 v -2.00006 z m 4.99997,0 v 2.00006 h 2.000061 v -2.00006 z";
+        ComparisonOperatorSelector.b5 = "m 4.9999689,1.0000305 v 1.9999695 h -0.9999391 a 2,2 0 0 0 -2.000061,1.9999697 v 15.0000003 a 2,2 0 0 0 2.000061,2.00006 h 6.9999382 v -2.00006 h -6.9999382 v -12.0000003 h 13.9999692 v 4.0000303 h 1.999969 v -7.0000303 a 2,2 0 0 0 -1.999969,-1.9999697 h -1.000031 v -1.9999695 h -1.999969 v 1.9999695 h -7.9999694 v -1.9999695 z m 0,7.9999695 v 1.99997 h 2.0000607 v -1.99997 z m 5.0000611,0 v 1.99997 h 1.999969 v -1.99997 z m 4.999969,0 v 1.99997 h 1.999969 v -1.99997 z m -10.0000301,4.00003 v 1.99997 h 2.0000607 v -1.99997 z m 5.0000611,0 v 1.99997 h 1.999969 v -1.99997 z m 7.039489,1.025208 a 4.5,4.5 0 1 0 4.96051,4.474732 4.47,4.47 0 0 0 -2.000061,-3.73993 4.5,4.5 0 0 0 -2.960449,-0.734802 z m 0.96048,1.474732 3,3 -3,3 v -1.99997 h -4.000031 v -1.99997 h 4.000031 z m -13.0000301,1.5 v 2.00006 h 2.0000607 v -2.00006 z m 5.0000611,0 v 2.00006 h 1.999969 v -2.00006 z";
+        ComparisonOperatorSelector.by = "m 4.9999689,1.0000305 v 1.9999695 h -0.9999391 a 2,2 0 0 0 -2.000061,1.9999697 v 15.0000003 a 2,2 0 0 0 2.000061,2.00006 h 6.9999382 v -2.00006 h -6.9999382 v -12.0000003 h 13.9999692 v 4.0000303 h 1.999969 v -7.0000303 a 2,2 0 0 0 -1.999969,-1.9999697 h -1.000031 v -1.9999695 h -1.999969 v 1.9999695 h -7.9999694 v -1.9999695 z m 0,7.9999695 v 1.99997 h 2.0000607 v -1.99997 z m 5.0000611,0 v 1.99997 h 1.999969 v -1.99997 z m 4.999969,0 v 1.99997 h 1.999969 v -1.99997 z m -10.0000301,4.00003 v 1.99997 h 2.0000607 v -1.99997 z m 5.0000611,0 v 1.99997 h 1.999969 v -1.99997 z m 7.499999,0.99994 a 4.48,4.48 0 1 0 4.5,4.5 4.47,4.47 0 0 0 -4.5,-4.5 z m -0.500061,1.5 v 2.00006 h 4.000031 v 1.99997 h -4.000031 v 1.99997 l -3,-3 z m -11.9999991,1.5 v 2.00006 h 2.0000607 v -2.00006 z m 5.0000611,0 v 2.00006 h 1.999969 v -2.00006 z";
+        ComparisonOperatorSelector.dr = "m 4.0000313,1.0000305 v 1.9999695 h -1.0000305 a 2,2 0 0 0 -1.9999695,1.9999697 v 12.0000003 a 2,2 0 0 0 1.9999695,2.00006 h 13.9999702 a 2,2 0 0 0 2.000061,-2.00006 v -12.0000003 a 2,2 0 0 0 -2.000061,-1.9999697 h -0.999939 v -1.9999695 h -2.000061 v 1.9999695 h -7.9999702 v -1.9999695 z m -1.0000305,5.9999998 h 13.9999702 v 9.9999397 h -13.9999702 z m 9.9200142,2.0799867 -4.0699777,4.069977 -1.7700806,-1.769989 -0.8799131,0.889984 2.6499937,2.649994 4.9499827,-4.959961 z m 8.079986,0.920013 v 10.99997 h -13.9999699 v 1.99997 h 13.9999699 a 2,2 0 0 0 1.99997,-1.99997 v -10.99997 z";
+        ComparisonOperatorSelector.b8 = "m 4.0000313,1.0000305 v 1.9999695 h -1.0000305 a 2,2 0 0 0 -1.9999695,1.9999697 v 12.0000003 a 2,2 0 0 0 1.9999695,2.00006 h 13.9999702 a 2,2 0 0 0 2.000061,-2.00006 v -12.0000003 a 2,2 0 0 0 -2.000061,-1.9999697 h -0.999939 v -1.9999695 h -2.000061 v 1.9999695 h -7.9999702 v -1.9999695 z m -1.0000305,5.9999998 h 13.9999702 v 9.9999397 h -13.9999702 z m 8.1299742,1.9999697 v 2.25 h -5.25 v 1.5 h 5.25 v 2.25 l 3,-3 z m 9.870026,1.00003 v 10.99997 h -13.9999699 v 1.99997 h 13.9999699 a 2,2 0 0 0 1.99997,-1.99997 v -10.99997 z";
+        ComparisonOperatorSelector.b1 = "m 4.0000313,1.0000305 v 1.9999695 h -1.0000305 a 2,2 0 0 0 -1.9999695,1.9999697 v 12.0000003 a 2,2 0 0 0 1.9999695,2.00006 h 13.9999702 a 2,2 0 0 0 2.000061,-2.00006 v -12.0000003 a 2,2 0 0 0 -2.000061,-1.9999697 h -0.999939 v -1.9999695 h -2.000061 v 1.9999695 h -7.9999702 v -1.9999695 z m -1.0000305,5.9999998 h 13.9999702 v 9.9999397 h -13.9999702 z m 5.869995,1.9999697 -2.9900208,3 2.9900208,3 v -2.25 h 5.2599792 v -1.5 h -5.2599792 z m 12.1300052,1.00003 v 10.99997 h -13.9999699 v 1.99997 h 13.9999699 a 2,2 0 0 0 1.99997,-1.99997 v -10.99997 z";
+        ComparisonOperatorSelector.dp = "M12,7V17H22A10,10,0,0,0,12,7Zm-2,5L6,16V13H2V11H6V8Z";
+        ComparisonOperatorSelector.b6 = "M4,9.253A8.03,8.03,0,0,1,9.747,15H4V9.253M2,7V17H12A10,10,0,0,0,2,7ZM18,8v3H14v2h4v3l4-4Z";
+        ComparisonOperatorSelector.bz = "M12,7V17H22A10,10,0,0,0,12,7ZM2,12l4,4V13h4V11H6V8Z";
+        ComparisonOperatorSelector.dq = "M22,4V20a2,2,0,0,1-2,2H15V20h5V4H4V20H9v2H4a2,2,0,0,1-2-2V4A2,2,0,0,1,4,2H20A2,2,0,0,1,22,4ZM18,6H6V9H18ZM8,15h3v7h2V15h3l-4-4Z";
+        ComparisonOperatorSelector.b7 = "M20,2H4A2,2,0,0,0,2,4V20a2,2,0,0,0,2,2H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2Zm0,18H4V4H20ZM18,9H6V6H18Zm0,5-4,4V15H6V13h8V10Z";
+        ComparisonOperatorSelector.b0 = "M20,2H4A2,2,0,0,0,2,4V20a2,2,0,0,0,2,2H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2Zm0,18H4V4H20Zm-2-2H6V15H18ZM10,6V9h8v2H10v3L6,10Z";
+        ComparisonOperatorSelector.dz = "M20,2H4A2,2,0,0,0,2,4V20a2,2,0,0,0,2,2H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2Zm0,18H4V4H20ZM5,10H6.127L7.2,11.58,8.258,10H9.379l-1.7,2.465V14H6.677V12.442Zm5.044.74V10h3.745v.74h-1.37V14H11.414V10.74ZM16.926,10a2.667,2.667,0,0,1,.823.123,1.86,1.86,0,0,1,.659.37,1.679,1.679,0,0,1,.435.616,2.205,2.205,0,0,1,.157.868,2.456,2.456,0,0,1-.128.807,1.7,1.7,0,0,1-.387.639,1.828,1.828,0,0,1-.647.423,2.453,2.453,0,0,1-.912.154H14.954V10Zm-.07,3.26a1.46,1.46,0,0,0,.422-.061.951.951,0,0,0,.365-.205,1.007,1.007,0,0,0,.256-.372,1.453,1.453,0,0,0,.1-.56,2.054,2.054,0,0,0-.067-.547,1.046,1.046,0,0,0-.221-.417.973.973,0,0,0-.407-.266,1.818,1.818,0,0,0-.624-.092h-.717v2.52Z";
+        ComparisonOperatorSelector.dh = "M8.5,22a6.5,6.5,0,0,1,0-13h.65v5.85H15v.65A6.508,6.508,0,0,1,8.5,22ZM7.85,10.34a5.2,5.2,0,1,0,5.81,5.81H7.85ZM11,2V13H22A11,11,0,0,0,11,2Zm5,8H15V6h1Z";
+        ComparisonOperatorSelector.di = "M2,8.5a6.5,6.5,0,0,1,13,0v.65H9.15V15H8.5A6.508,6.508,0,0,1,2,8.5Zm11.66-.65a5.2,5.2,0,1,0-5.81,5.81V7.85ZM11,11V22A11,11,0,0,0,22,11Zm4,6H14V13h1Zm2,0H16V13h1Z";
+        ComparisonOperatorSelector.dj = "M15.5,2a6.5,6.5,0,0,1,0,13h-.65V9.15H9V8.5A6.508,6.508,0,0,1,15.5,2Zm.65,11.66a5.2,5.2,0,1,0-5.81-5.81h5.81ZM2,11A11,11,0,0,0,13,22V11Zm5,6H6V13H7Zm2,0H8V13H9Zm2,0H10V13h1Z";
+        ComparisonOperatorSelector.dk = "M22,15.5a6.5,6.5,0,0,1-13,0v-.65h5.85V9h.65A6.508,6.508,0,0,1,22,15.5Zm-11.66.65a5.2,5.2,0,1,0,5.81-5.81v5.81ZM2,13H13V2A11,11,0,0,0,2,13Zm5-2H6V7H7Zm3,0L8,7H9l1,2,1-2h1Z";
+        ComparisonOperatorSelector.b4 = "M20,2H4A2,2,0,0,0,2,4V20a2,2,0,0,0,2,2H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2Zm0,18H4V4H20ZM11,9H9V7h2Zm4,0H13V7h2ZM7,13H5V11H7Zm4,0H9V11h2Zm4,0H13V11h2Zm4,0H17V11h2ZM7,17H5V15H7Zm4,0H9V15h2Zm4,0H13V15h2Zm4-8H17V7h2Z";
+        ComparisonOperatorSelector.dy = "M20,2H4A2,2,0,0,0,2,4V20a2,2,0,0,0,2,2H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2Zm0,18H4V4H20ZM7.7,11.634a1.151,1.151,0,0,0,.317-.063.618.618,0,0,0,.243-.152.367.367,0,0,0,.1-.264.429.429,0,0,0-.2-.379.79.79,0,0,0-.452-.132.689.689,0,0,0-.533.2A.668.668,0,0,0,7,11.331H6.112a1.428,1.428,0,0,1,.127-.542,1.246,1.246,0,0,1,.321-.42,1.465,1.465,0,0,1,.5-.273A2.022,2.022,0,0,1,7.7,10a2.258,2.258,0,0,1,.55.069,1.7,1.7,0,0,1,.5.206,1.21,1.21,0,0,1,.357.336.784.784,0,0,1,.137.456.8.8,0,0,1-.16.495.815.815,0,0,1-.482.292v.011a1.04,1.04,0,0,1,.6.308.813.813,0,0,1,.216.567,1.041,1.041,0,0,1-.14.539,1.238,1.238,0,0,1-.377.4,1.785,1.785,0,0,1-.544.242A2.605,2.605,0,0,1,7,13.906a1.542,1.542,0,0,1-.54-.272,1.207,1.207,0,0,1-.344-.438A1.322,1.322,0,0,1,6,12.6h.885a.931.931,0,0,0,.058.294.7.7,0,0,0,.151.243.727.727,0,0,0,.246.162.925.925,0,0,0,.35.06.86.86,0,0,0,.531-.162.524.524,0,0,0,.216-.443.5.5,0,0,0-.1-.335.59.59,0,0,0-.259-.168,1.281,1.281,0,0,0-.344-.061c-.125-.005-.244-.008-.357-.008v-.55A2.453,2.453,0,0,0,7.7,11.634Zm4.814-.9a.591.591,0,0,0-.406-.143.684.684,0,0,0-.416.123.949.949,0,0,0-.265.3,1.42,1.42,0,0,0-.144.382,1.989,1.989,0,0,0-.052.363l.012.011a1.072,1.072,0,0,1,.446-.329,1.685,1.685,0,0,1,1.166.008,1.449,1.449,0,0,1,.478.288,1.1,1.1,0,0,1,.269.4,1.306,1.306,0,0,1,.085.457,1.338,1.338,0,0,1-.115.552,1.3,1.3,0,0,1-.327.446,1.549,1.549,0,0,1-.508.3,1.915,1.915,0,0,1-.655.107,1.877,1.877,0,0,1-.858-.174,1.491,1.491,0,0,1-.544-.453,1.7,1.7,0,0,1-.281-.636,3.3,3.3,0,0,1-.079-.724,2.713,2.713,0,0,1,.1-.715,1.924,1.924,0,0,1,.315-.646,1.65,1.65,0,0,1,.556-.471A1.752,1.752,0,0,1,12.118,10a2.055,2.055,0,0,1,.55.071,1.517,1.517,0,0,1,.453.207,1.116,1.116,0,0,1,.32.333,1.177,1.177,0,0,1,.164.456h-.884A.638.638,0,0,0,12.511,10.732Zm-.782,1.257a.627.627,0,0,0-.233.157.664.664,0,0,0-.138.228.821.821,0,0,0-.045.272.732.732,0,0,0,.049.262.7.7,0,0,0,.144.231.706.706,0,0,0,.232.162.783.783,0,0,0,.315.06.692.692,0,0,0,.3-.06.72.72,0,0,0,.219-.16.67.67,0,0,0,.138-.225.773.773,0,0,0,.046-.259.828.828,0,0,0-.043-.266.683.683,0,0,0-.128-.232.624.624,0,0,0-.219-.165.726.726,0,0,0-.311-.063A.836.836,0,0,0,11.729,11.989Zm4.129-1.268-.183.875.013.01a1.2,1.2,0,0,1,.406-.228,1.783,1.783,0,0,1,1.094.036,1.326,1.326,0,0,1,.442.28,1.186,1.186,0,0,1,.275.416,1.355,1.355,0,0,1,.095.509,1.159,1.159,0,0,1-.137.553,1.456,1.456,0,0,1-.371.443,1.694,1.694,0,0,1-.54.288,1.983,1.983,0,0,1-.655.1,2.7,2.7,0,0,1-.638-.074,1.725,1.725,0,0,1-.541-.229,1.226,1.226,0,0,1-.377-.382,1.054,1.054,0,0,1-.147-.531h.93a.607.607,0,0,0,.236.421.922.922,0,0,0,.848.093.773.773,0,0,0,.249-.165.706.706,0,0,0,.157-.237.718.718,0,0,0,.056-.277.754.754,0,0,0-.052-.281.64.64,0,0,0-.158-.231.738.738,0,0,0-.248-.154.932.932,0,0,0-.334-.055.957.957,0,0,0-.406.074.91.91,0,0,0-.3.234h-.838l.452-2.129h2.561v.644Z";
+        ComparisonOperatorSelector.du = "m 8.015625,15 c 0,0 0,0 0,0 8,0 8,0 8,0 -4,-6 -4,-6 -4,-6 z";
+        ComparisonOperatorSelector.ab = "m 8.015625,9 c 0,0 0,0 0,0 8,0 8,0 8,0 -4,6 -4,6 -4,6 z";
+        ComparisonOperatorSelector.dv = "m 10.085911,4.8515625 c -0.514323,0 -0.9227906,0.16686 -1.2255249,0.5005187 -0.3027344,0.3336592 -0.4541016,0.7902023 -0.4541016,1.3696289 0,0.5305992 0.1431986,0.9545592 0.429657,1.2719423 0.2864583,0.3173827 0.6706034,0.4760743 1.1523742,0.4760743 0.4980473,0 0.9008793,-0.1684571 1.2084963,-0.5053711 0.307617,-0.3369141 0.461426,-0.7852885 0.461426,-1.3451846 0,-0.5598956 -0.137564,-0.9944658 -0.412629,-1.3037109 -0.275065,-0.3092446 -0.661651,-0.4638976 -1.159698,-0.4638976 z m 3.88678,0.1073913 -4.4873659,7.0508432 h 0.6982729 l 4.492218,-7.0508432 z m -3.916077,0.4297485 c 0.296224,0 0.529846,0.1098634 0.700745,0.3295899 0.170898,0.2197265 0.256347,0.5264999 0.256347,0.9203798 0,0.4036458 -0.08629,0.7194318 -0.258819,0.9472959 -0.172526,0.2278645 -0.411784,0.3417666 -0.717774,0.3417666 -0.3027341,0 -0.5419919,-0.1098633 -0.7177731,-0.3295899 -0.1757812,-0.2197265 -0.2636718,-0.5264995 -0.2636718,-0.9203798 0,-0.4003908 0.089488,-0.7153322 0.2685242,-0.9448242 0.1790362,-0.2294922 0.423177,-0.3442383 0.7324217,-0.3442383 z m 4.199249,3.0517275 c -0.507812,0 -0.914683,0.168457 -1.220672,0.5053711 -0.30599,0.336914 -0.459046,0.7950544 -0.459046,1.3744811 0,0.527344 0.14329,0.950551 0.429749,1.269562 0.286458,0.31901 0.670511,0.478546 1.152283,0.478546 0.498047,0 0.900879,-0.168457 1.208496,-0.505371 0.307617,-0.336914 0.461426,-0.783692 0.461426,-1.340332 0,-0.5631505 -0.138317,-1.0010075 -0.415009,-1.3135072 -0.276693,-0.3125002 -0.662435,-0.46875 -1.157227,-0.46875 z m -0.0293,0.5517881 c 0.296223,0 0.529754,0.107422 0.700653,0.3222656 0.170898,0.2148441 0.256347,0.5207728 0.256347,0.9179075 0,0.400391 -0.0862,0.715332 -0.258728,0.944825 -0.172526,0.229492 -0.411784,0.344238 -0.717773,0.344238 -0.302735,0 -0.541992,-0.109863 -0.717774,-0.32959 -0.175781,-0.219726 -0.263672,-0.523213 -0.263672,-0.910584 0,-0.4036449 0.08864,-0.7194305 0.266053,-0.9472955 0.177408,-0.2278646 0.422393,-0.3417666 0.734894,-0.3417666 z m -2.210907,4.1797491 -4.000031,5.999999 h 7.99997 z";
+        ComparisonOperatorSelector.ac = "m 8.015625,4.0546875 4.000031,6.0000005 3.999939,-6.0000005 z m 2.070282,8.6795655 c -0.514323,0 -0.9227906,0.16686 -1.2255249,0.500519 -0.3027344,0.333659 -0.4541016,0.790202 -0.4541016,1.369629 0,0.530599 0.1431986,0.954559 0.429657,1.271942 0.2864583,0.317382 0.6706034,0.476073 1.1523742,0.476073 0.4980473,0 0.9008793,-0.168457 1.2084963,-0.50537 0.307617,-0.336914 0.461426,-0.785288 0.461426,-1.345184 0,-0.559896 -0.137564,-0.994466 -0.412629,-1.303711 -0.275065,-0.309245 -0.661651,-0.463898 -1.159698,-0.463898 z m 3.88678,0.107483 -4.4873659,7.05075 h 0.6982729 l 4.492218,-7.05075 z m -3.916077,0.429657 c 0.296224,0 0.529846,0.109863 0.700745,0.32959 0.170898,0.219726 0.256347,0.5265 0.256347,0.92038 0,0.403646 -0.08629,0.719432 -0.258819,0.947296 -0.172526,0.227865 -0.411784,0.341766 -0.717774,0.341766 -0.3027341,0 -0.5419919,-0.109864 -0.7177731,-0.32959 -0.1757812,-0.219726 -0.2636718,-0.526499 -0.2636718,-0.920379 0,-0.400392 0.089488,-0.715333 0.2685242,-0.944825 0.1790362,-0.229492 0.423177,-0.344238 0.7324217,-0.344238 z m 4.199249,3.051726 c -0.507812,0 -0.914683,0.168458 -1.220672,0.505372 -0.30599,0.336914 -0.459046,0.795146 -0.459046,1.374572 0,0.527344 0.14329,0.950459 0.429749,1.269472 0.286458,0.319009 0.670511,0.478545 1.152283,0.478545 0.498047,0 0.900879,-0.168457 1.208496,-0.505371 0.307617,-0.336914 0.461426,-0.783692 0.461426,-1.340332 0,-0.563151 -0.138317,-1.001006 -0.415009,-1.313508 -0.276693,-0.312499 -0.662435,-0.46875 -1.157227,-0.46875 z m -0.0293,0.551789 c 0.296223,0 0.529754,0.107422 0.700653,0.322267 0.170898,0.214842 0.256347,0.520863 0.256347,0.917998 0,0.400392 -0.0862,0.715332 -0.258728,0.944825 -0.172526,0.229492 -0.411784,0.344238 -0.717773,0.344238 -0.302735,0 -0.541992,-0.109863 -0.717774,-0.32959 -0.175781,-0.219727 -0.263672,-0.523305 -0.263672,-0.910674 0,-0.403647 0.08864,-0.719431 0.266053,-0.947297 0.177408,-0.227865 0.422393,-0.341766 0.734894,-0.341767 z";
+        ComparisonOperatorSelector.af = "M12.138 21H8.2a1.171 1.171 0 01-1.152-1.188v-5.937L2.123 4.719A1.187 1.187 0 013.153 3h14.694a1.187 1.187 0 011.03 1.719l-3.763 7a2.2 2.2 0 00-.437.642h-.3a2.206 2.206 0 00-1.922 1.11l-.9 1.553-.058.109a2.246 2.246 0 00.212 2.366 2.185 2.185 0 00-.168 2.462zm9.775-2.319a.21.21 0 01.056.281l-.9 1.564a.226.226 0 01-.27.1l-1.113-.449a3.415 3.415 0 01-.754.438l-.18 1.193a.221.221 0 01-.225.191h-1.8a.228.228 0 01-.225-.191l-.169-1.193a3.233 3.233 0 01-.765-.438l-1.114.449a.236.236 0 01-.281-.1l-.9-1.564a.213.213 0 01.056-.281l.945-.742a5.864 5.864 0 01-.022-.439 2.709 2.709 0 01.045-.439l-.956-.742a.224.224 0 01-.057-.293l.9-1.552a.222.222 0 01.27-.1l1.125.45a3.581 3.581 0 01.754-.438l.169-1.193a.228.228 0 01.225-.193h1.8a.23.23 0 01.225.191l.169 1.193a3.348 3.348 0 01.753.438l1.125-.45a.217.217 0 01.27.1l.9 1.552a.225.225 0 01-.056.293l-.956.742A1.8 1.8 0 0121 17.5c0 .146-.011.293-.023.439zM19.236 17.5a1.609 1.609 0 10-1.609 1.609 1.609 1.609 0 001.609-1.609z";
         return ComparisonOperatorSelector;
     }(igniteuiWebcomponentsCore.Base));
 
@@ -55893,6 +56028,7 @@
             _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");
@@ -55902,7 +56038,7 @@
             _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);
@@ -55916,7 +56052,7 @@
             _this.cw = new igniteuiWebcomponentsInputs.XIcon();
             _this.cw.provideContainer(a.getSubRenderer(_this.c5));
             _this.c4.append(_this.c5);
-            _this.dn();
+            _this.dp();
             return _this;
         }
         FilterCell.prototype.cs = function (a) {
@@ -55940,30 +56076,30 @@
                 default: return null;
             }
         };
-        FilterCell.prototype.d0 = function () {
+        FilterCell.prototype.d1 = function () {
             this.c3.removeChildren();
         };
-        FilterCell.prototype.dl = function () {
+        FilterCell.prototype.dm = function () {
             this.c3.append(this.cr.container);
         };
-        FilterCell.prototype.dt = function () {
+        FilterCell.prototype.du = function () {
             if (this.ae.getChildCount() == 0) {
                 this.ae.append(this.c4);
             }
         };
-        FilterCell.prototype.dr = function () {
+        FilterCell.prototype.ds = function () {
             if (this.ae.getChildCount() > 0) {
                 this.ae.removeChildren();
             }
         };
         FilterCell.prototype.bp = function (a, b, c) {
             _super.prototype.bp.call(this, a, b, c);
-            this.dz(a, b, c);
+            this.d0(a, b, c);
         };
         FilterCell.prototype.bo = function () {
-            this.dx();
+            this.dy();
         };
-        FilterCell.prototype.d1 = function (a, b, c, d) {
+        FilterCell.prototype.d2 = function (a, b, c, d) {
             if (this.d != null) {
                 var e = this.c6.getNativeElement();
                 this.d.update("SelectorTop", (e.offsetTop));
@@ -55976,17 +56112,17 @@
                 this.d.update("ClearIconLeft", (g.offsetLeft));
             }
         };
-        FilterCell.prototype.dn = function () {
+        FilterCell.prototype.dp = function () {
             var a = this.ck;
-            a.valueChanged = igniteuiWebcomponentsCore.delegateCombine(a.valueChanged, igniteuiWebcomponentsCore.runOn(this, this.dy));
+            a.valueChanged = igniteuiWebcomponentsCore.delegateCombine(a.valueChanged, igniteuiWebcomponentsCore.runOn(this, this.dz));
             this.cw.svgPath = FilterCell.c9;
-            this.d3(false);
+            this.d4(false);
             var b = this.cw;
-            b.clicked = igniteuiWebcomponentsCore.delegateCombine(b.clicked, igniteuiWebcomponentsCore.runOn(this, this.dm));
+            b.clicked = igniteuiWebcomponentsCore.delegateCombine(b.clicked, igniteuiWebcomponentsCore.runOn(this, this.dn));
         };
-        FilterCell.prototype.dx = function () {
+        FilterCell.prototype.dy = function () {
             if (this.cr == null) {
-                this.ds();
+                this.dt();
             }
         };
         FilterCell.prototype.cn = function () {
@@ -56026,7 +56162,7 @@
             }
             if (this.ck.b == 44) {
                 if (this.cq != null && this.cq.count > 0) {
-                    var b = this.cq._inner[this.ck.w];
+                    var b = this.cq._inner[this.ck.x];
                     switch (b.b) {
                         case 0:
                         case 1:
@@ -56043,26 +56179,26 @@
             }
             return a;
         };
-        FilterCell.prototype.d3 = function (a) {
+        FilterCell.prototype.d4 = function (a) {
             if (this.cw != null) {
                 this.cw.disabled = !a;
                 this.cw.z = a ? 1 : 0.3;
             }
         };
-        FilterCell.prototype.dh = function (a) {
+        FilterCell.prototype.di = function (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);
             }
         };
-        FilterCell.prototype.di = function () {
+        FilterCell.prototype.dj = function () {
             if (!this.cz) {
                 return;
             }
@@ -56070,32 +56206,37 @@
                 this.b.clearFilter();
             }
         };
-        FilterCell.prototype.dz = function (a, b, c) {
+        FilterCell.prototype.d0 = function (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;
             }
         };
-        FilterCell.prototype.du = function () {
+        FilterCell.prototype.dv = function () {
             this.cz = false;
             if (this.cr != null) {
                 if (this.ci != null) {
@@ -56116,7 +56257,7 @@
                     }
                     else if (igniteuiWebcomponentsCore.typeCast(ColumnCustomFilterCondition.$, this.ci) !== null) {
                         var c = igniteuiWebcomponentsCore.typeCast(ColumnCustomFilterCondition.$, this.ci);
-                        this.ck.ef(c.id, c.d);
+                        this.ck.ek(c.id, c.d);
                         var d = this.cr.getEditorValue();
                         if (d != null) {
                             if (!igniteuiWebcomponentsCore.Base.equalsStatic(d, c.e)) {
@@ -56146,37 +56287,37 @@
             }
             this.cz = true;
         };
-        FilterCell.prototype.dp = function () {
-            this.ck.d4();
+        FilterCell.prototype.dq = function () {
+            this.ck.d7();
             for (var 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);
             }
         };
-        FilterCell.prototype.dq = function () {
+        FilterCell.prototype.dr = function () {
             if (this.cj == 11) {
                 this.c1 = false;
             }
             this.cm = this.cn();
         };
-        FilterCell.prototype.dv = function () {
-            this.d3(this.c8 != null);
+        FilterCell.prototype.dw = function () {
+            this.d4(this.c8 != null);
             if (this.c8 == null || igniteuiWebcomponentsCore.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);
             }
         };
-        FilterCell.prototype.ds = function () {
+        FilterCell.prototype.dt = function () {
             if (this.cr != null) {
                 this.cr.detachEvents();
                 var a = this.cr;
-                a.valueProvided = igniteuiWebcomponentsCore.delegateRemove(a.valueProvided, igniteuiWebcomponentsCore.runOn(this, this.d2));
+                a.valueProvided = igniteuiWebcomponentsCore.delegateRemove(a.valueProvided, igniteuiWebcomponentsCore.runOn(this, this.d3));
             }
-            this.d0();
+            this.d1();
             this.cr = this.cs(this.cm);
             this.cr.onEditStarted();
             if (this.cr != null) {
@@ -56186,19 +56327,19 @@
                 this.cr.focusOnValueChanged = false;
                 this.cr.showClearButton = false;
                 var b = this.cr;
-                b.valueProvided = igniteuiWebcomponentsCore.delegateCombine(b.valueProvided, igniteuiWebcomponentsCore.runOn(this, this.d2));
-                this.dl();
+                b.valueProvided = igniteuiWebcomponentsCore.delegateCombine(b.valueProvided, igniteuiWebcomponentsCore.runOn(this, this.d3));
+                this.dm();
             }
-            this.dm(null, null);
+            this.dn(null, null);
         };
-        FilterCell.prototype.dw = function () {
+        FilterCell.prototype.dx = function () {
             if (this.cy != null) {
                 if (this.cr != null) {
                     this.cr.setFont(this.cy);
                 }
             }
         };
-        FilterCell.prototype.dy = function (a, b) {
+        FilterCell.prototype.dz = function (a, b) {
             this.cm = this.cn();
             switch (b.newValue) {
                 case 40:
@@ -56238,30 +56379,30 @@
             }
             if (b.newValue == 44) {
                 if (this.cq != null && this.cq.count > 0) {
-                    var c = this.cq._inner[this.ck.w];
+                    var 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 && !igniteuiWebcomponentsCore.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", igniteuiWebcomponentsCore.enumGetBox(ColumnComparisonConditionOperatorType_$type, this.ck.b));
             }
         };
-        FilterCell.prototype.dm = function (a, b) {
+        FilterCell.prototype.dn = function (a, b) {
             if (b != null) {
                 if (!this.c1) {
                     this.ck.b = 0;
-                    this.di();
+                    this.dj();
                 }
             }
             this.c8 = null;
@@ -56270,7 +56411,7 @@
                 this.cr.value = null;
             }
         };
-        FilterCell.prototype.d2 = function (a, b, c) {
+        FilterCell.prototype.d3 = function (a, b, c) {
             if (this.cm == 2) {
                 if (typeof b === 'string') {
                     var d_1;
@@ -56281,8 +56422,8 @@
             }
             this.c8 = b;
         };
-        FilterCell.prototype.d4 = function (a, b, c, d) {
-            this.d1(a, b, c, d);
+        FilterCell.prototype.d5 = function (a, b, c, d) {
+            this.d2(a, b, c, d);
         };
         FilterCell.prototype.co = function (a, b) {
             if (a != null) {
@@ -56297,11 +56438,11 @@
             }
             return null;
         };
-        FilterCell.prototype.dk = function () {
-            this.dt();
+        FilterCell.prototype.dl = function () {
+            this.du();
         };
-        FilterCell.prototype.dj = function () {
-            this.dr();
+        FilterCell.prototype.dk = function () {
+            this.ds();
         };
         Object.defineProperty(FilterCell.prototype, "cj", {
             get: function () {
@@ -56401,6 +56542,20 @@
             enumerable: true,
             configurable: true
         });
+        Object.defineProperty(FilterCell.prototype, "d7", {
+            get: function () {
+                return this.d6;
+            },
+            set: function (a) {
+                var b = this.d6;
+                this.d6 = a;
+                if (b != this.d6) {
+                    this.bp("TextColor", b, this.d6);
+                }
+            },
+            enumerable: true,
+            configurable: true
+        });
         FilterCell.$t = igniteuiWebcomponentsCore.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";
         return FilterCell;
@@ -56448,16 +56603,19 @@
                 }
                 if (b.a3(FilterCellModel.l5)) {
                     if (b.lu) {
-                        this.d.dk();
+                        this.d.dl();
                     }
                     else {
-                        this.d.dj();
+                        this.d.dk();
                     }
                 }
+                if (b.a3(FilterCellModel.eg)) {
+                    this.d.d7 = b.k2;
+                }
             }
             if (a.be || a.bj) {
                 if (b.a3(FilterCellModel.gw) || b.a3(FilterCellModel.gx) || b.a3(FilterCellModel.gv) || b.a3(FilterCellModel.fd)) {
-                    this.d.d4(b.cl, b.cm, b.gu, b.fc);
+                    this.d.d5(b.cl, b.cm, b.gu, b.fc);
                 }
             }
         };
@@ -71340,6 +71498,7 @@
                     if (null != f) {
                         f.zv = this.dy;
                         f.zt = this.di;
+                        f.zu = this.di;
                     }
                     this.m.ad();
                     break;
@@ -80234,6 +80393,7 @@
                 this.e.aa = this.m;
                 this.e.dy = this.ba;
                 this.e.y = this.i;
+                this.e.di = this.a9;
                 this.e.as = false;
                 this.e.aq = false;
                 this.e.an = false;
@@ -80399,18 +80559,18 @@
                 this.o = ((function () { var d = GridColumnOptionsUtilities.f(_this.n, _this.e, GridColumnSummaryOptionsView.r, 1, _this.n.p, _this.n.j, new igniteuiWebcomponentsCore.Size(1, 24, 24), a_1, b_1, _this.p, c_1, false, true); a_1 = d.p7; b_1 = d.p8; _this.p = d.p9; c_1 = d.p10; return d.ret; })());
                 c_1.setStyleProperty("transform", "rotate(-90deg)");
                 this.g.append(this.o);
-                this.n.ci(a_1);
+                this.n.ck(a_1);
             }
             if (this.n.bx == null) {
                 var d = new SummaryChooser();
                 d.a2(this.e);
-                this.n.cm(d);
+                this.n.co(d);
                 var e = this.e.createElement("div");
                 var f = this.e.getSubRenderer(e);
                 var g = new igniteuiWebcomponentsCore.Popup();
                 g.provideRenderer(f);
                 g.appendPopupContent(d.c.container);
-                this.n.cj(g);
+                this.n.cl(g);
             }
             document.addEventListener("mousedown", igniteuiWebcomponentsCore.runOn(this, this.s), false);
         };
@@ -80454,7 +80614,7 @@
             return (window.innerWidth);
         };
         GridColumnSummaryOptionsView.prototype.s = function (e_) {
-            this.n.ch();
+            this.n.cj();
         };
         GridColumnSummaryOptionsView.$t = igniteuiWebcomponentsCore.markType(GridColumnSummaryOptionsView, 'GridColumnSummaryOptionsView', GridColumnOptionsViewBase.$);
         GridColumnSummaryOptionsView.r = "M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z";
@@ -80474,6 +80634,8 @@
             _this.b2 = 0;
             _this.b1 = 0;
             _this.b6 = 0;
+            _this.ct = igniteuiWebcomponentsCore.BrushUtil.g(255, 24, 29, 31);
+            _this.cs = igniteuiWebcomponentsCore.BrushUtil.g(255, 248, 248, 248);
             return _this;
         }
         GridColumnSummaryOptions.prototype.f = function () {
@@ -80493,9 +80655,11 @@
                 case "ActualSummaryListDensity":
                 case "BackgroundColor":
                 case "TextColor":
-                    this.co();
-                    this.cn();
+                case "SummaryListTextColor":
+                case "SummaryListBackground":
+                    this.cq();
                     this.cp();
+                    this.cr();
                     break;
                 case "SummaryListDensity":
                     this.b3 = this.b5 == 0 ? this.q : this.b5;
@@ -80708,47 +80872,76 @@
             enumerable: true,
             configurable: true
         });
-        GridColumnSummaryOptions.prototype.ch = function () {
+        Object.defineProperty(GridColumnSummaryOptions.prototype, "cv", {
+            get: function () {
+                return this.ct;
+            },
+            set: function (a) {
+                var b = this.ct;
+                this.ct = a;
+                if (b != this.ct) {
+                    this.bc("SummaryListTextColor", b, this.ct);
+                }
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(GridColumnSummaryOptions.prototype, "cu", {
+            get: function () {
+                return this.cs;
+            },
+            set: function (a) {
+                var b = this.cs;
+                this.cs = a;
+                if (b != this.cs) {
+                    this.bc("SummaryListBackground", b, this.cs);
+                }
+            },
+            enumerable: true,
+            configurable: true
+        });
+        GridColumnSummaryOptions.prototype.cj = function () {
             if (this.b0 != null && this.b0.t) {
                 this.b0.ao();
             }
         };
-        GridColumnSummaryOptions.prototype.ci = function (a) {
+        GridColumnSummaryOptions.prototype.ck = function (a) {
             if (this.by != null) {
                 var b = this.by;
-                b.clicked = igniteuiWebcomponentsCore.delegateRemove(b.clicked, igniteuiWebcomponentsCore.runOn(this, this.ck));
+                b.clicked = igniteuiWebcomponentsCore.delegateRemove(b.clicked, igniteuiWebcomponentsCore.runOn(this, this.cm));
             }
             this.by = a;
             if (this.by != null) {
                 var c = this.by;
-                c.clicked = igniteuiWebcomponentsCore.delegateCombine(c.clicked, igniteuiWebcomponentsCore.runOn(this, this.ck));
+                c.clicked = igniteuiWebcomponentsCore.delegateCombine(c.clicked, igniteuiWebcomponentsCore.runOn(this, this.cm));
             }
-            this.cn();
+            this.cp();
         };
-        GridColumnSummaryOptions.prototype.cj = function (a) {
+        GridColumnSummaryOptions.prototype.cl = function (a) {
             this.b0 = a;
-            this.cp();
+            this.cr();
         };
-        GridColumnSummaryOptions.prototype.cm = function (a) {
+        GridColumnSummaryOptions.prototype.co = function (a) {
             if (this.bw != null) {
                 var b = this.bw;
-                b.summaryChanged = igniteuiWebcomponentsCore.delegateRemove(b.summaryChanged, igniteuiWebcomponentsCore.runOn(this, this.cl));
+                b.summaryChanged = igniteuiWebcomponentsCore.delegateRemove(b.summaryChanged, igniteuiWebcomponentsCore.runOn(this, this.cn));
             }
             this.bw = a;
             if (this.bw != null) {
                 var c = this.bw;
-                c.summaryChanged = igniteuiWebcomponentsCore.delegateCombine(c.summaryChanged, igniteuiWebcomponentsCore.runOn(this, this.cl));
+                c.summaryChanged = igniteuiWebcomponentsCore.delegateCombine(c.summaryChanged, igniteuiWebcomponentsCore.runOn(this, this.cn));
             }
-            this.co();
+            this.cq();
         };
-        GridColumnSummaryOptions.prototype.co = function () {
+        GridColumnSummaryOptions.prototype.cq = function () {
             if (this.bw != null) {
                 this.bw.j = this.i;
                 this.bw.n = this.b3;
-                this.bw.ba = this.br;
+                this.bw.ba = this.cv;
+                this.bw.a9 = this.cu;
             }
         };
-        GridColumnSummaryOptions.prototype.cn = function () {
+        GridColumnSummaryOptions.prototype.cp = function () {
             if (this.by != null) {
                 this.by.ef = 0;
                 this.by.ak = false;
@@ -80756,13 +80949,13 @@
                 this.bh(this.by);
             }
         };
-        GridColumnSummaryOptions.prototype.cp = function () {
+        GridColumnSummaryOptions.prototype.cr = function () {
             if (this.b0 != null) {
                 this.b0.a8 = this.bo;
                 this.b0.q = false;
             }
         };
-        GridColumnSummaryOptions.prototype.ck = function (a, b) {
+        GridColumnSummaryOptions.prototype.cm = function (a, b) {
             if (this.b0 == null) {
                 return;
             }
@@ -80785,7 +80978,7 @@
                 this.b0.showRelativeToExclusionRect(d, 1, 0);
             }
         };
-        GridColumnSummaryOptions.prototype.cl = function (a, b) {
+        GridColumnSummaryOptions.prototype.cn = function (a, b) {
             if (b.a) {
                 this.b7++;
             }
@@ -80959,6 +81152,28 @@
             enumerable: true,
             configurable: true
         });
+        Object.defineProperty(IgcGridColumnSummaryOptionsComponent.prototype, "summaryListTextColor", {
+            get: function () {
+                return igniteuiWebcomponentsCore.brushToString(this.i.cv);
+            },
+            set: function (v) {
+                this.i.cv = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("summaryListTextColor", igniteuiWebcomponentsCore.brushToString(this.i.cv));
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(IgcGridColumnSummaryOptionsComponent.prototype, "summaryListBackground", {
+            get: function () {
+                return igniteuiWebcomponentsCore.brushToString(this.i.cu);
+            },
+            set: function (v) {
+                this.i.cu = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("summaryListBackground", igniteuiWebcomponentsCore.brushToString(this.i.cu));
+            },
+            enumerable: true,
+            configurable: true
+        });
         IgcGridColumnSummaryOptionsComponent.prototype.onApply = function () {
             this.i.bt();
         };
@@ -80966,7 +81181,7 @@
             this.i.bu();
         };
         IgcGridColumnSummaryOptionsComponent.prototype.closeMenu = function () {
-            this.i.ch();
+            this.i.cj();
         };
         IgcGridColumnSummaryOptionsComponent._observedAttributesIgcGridColumnSummaryOptionsComponent = null;
         IgcGridColumnSummaryOptionsComponent.htmlTagName = "igc-grid-column-summary-options";
@@ -81716,6 +81931,8 @@
             _this.b5 = 0;
             _this.b3 = 0;
             _this.d0 = null;
+            _this.fk = igniteuiWebcomponentsCore.BrushUtil.g(255, 24, 29, 31);
+            _this.fj = igniteuiWebcomponentsCore.BrushUtil.g(255, 248, 248, 248);
             _this.applyButtonClick = null;
             _this.cancelButtonClick = null;
             return _this;
@@ -81747,14 +81964,14 @@
             if (null != this.b2) {
                 this.b2.column = a;
             }
-            this.fg();
+            this.fi();
         };
         GridColumnOptions.prototype.bb = function (a, b) {
             _super.prototype.bb.call(this, a, b);
             switch (b.propertyName) {
                 case "HeaderClickAction":
                 case "ColumnMovingMode":
-                    this.fg();
+                    this.fi();
                     break;
             }
         };
@@ -81771,7 +81988,7 @@
                 case "PaddingRight":
                 case "PaddingBottom":
                 case "PaddingLeft":
-                    this.fg();
+                    this.fi();
                     break;
                 case "ActualLabelTextStyle":
                 case "ActualBaseTheme":
@@ -81782,13 +81999,13 @@
                 case "ActualSummaryListDensity":
                 case "BackgroundColor":
                 case "TextColor":
-                    this.fe();
+                    this.fg();
                     break;
                 case "ColumnNameTextStyle":
-                    this.ff();
+                    this.fh();
                     break;
                 case "ActualColumnNameTextStyle":
-                    this.fg();
+                    this.fi();
                     break;
                 case "FilterListDensity":
                     this.b7 = this.filterListDensity == 0 ? this.q : this.filterListDensity;
@@ -81798,7 +82015,7 @@
                     break;
             }
         };
-        GridColumnOptions.prototype.fg = function () {
+        GridColumnOptions.prototype.fi = function () {
             this.bz.m();
         };
         Object.defineProperty(GridColumnOptions.prototype, "dx", {
@@ -82378,6 +82595,34 @@
             enumerable: true,
             configurable: true
         });
+        Object.defineProperty(GridColumnOptions.prototype, "fm", {
+            get: function () {
+                return this.fk;
+            },
+            set: function (a) {
+                var b = this.fk;
+                this.fk = a;
+                if (b != this.fk) {
+                    this.bc("SummaryListTextColor", b, this.fk);
+                }
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(GridColumnOptions.prototype, "fl", {
+            get: function () {
+                return this.fj;
+            },
+            set: function (a) {
+                var b = this.fj;
+                this.fj = a;
+                if (b != this.fj) {
+                    this.bc("SummaryListBackground", b, this.fj);
+                }
+            },
+            enumerable: true,
+            configurable: true
+        });
         GridColumnOptions.prototype.notifySizeChanged = function () {
             this.e.j();
         };
@@ -82403,37 +82648,37 @@
             this.bv.b7 = this.dv;
             this.bv.cc = this.d1;
             var t = this.b1;
-            t.propertyChanged = igniteuiWebcomponentsCore.delegateCombine(t.propertyChanged, igniteuiWebcomponentsCore.runOn(this, this.e9));
+            t.propertyChanged = igniteuiWebcomponentsCore.delegateCombine(t.propertyChanged, igniteuiWebcomponentsCore.runOn(this, this.fb));
             var u = this.by;
-            u.propertyChanged = igniteuiWebcomponentsCore.delegateCombine(u.propertyChanged, igniteuiWebcomponentsCore.runOn(this, this.e9));
+            u.propertyChanged = igniteuiWebcomponentsCore.delegateCombine(u.propertyChanged, igniteuiWebcomponentsCore.runOn(this, this.fb));
             var v = this.b0;
-            v.propertyChanged = igniteuiWebcomponentsCore.delegateCombine(v.propertyChanged, igniteuiWebcomponentsCore.runOn(this, this.e9));
+            v.propertyChanged = igniteuiWebcomponentsCore.delegateCombine(v.propertyChanged, igniteuiWebcomponentsCore.runOn(this, this.fb));
             var w = this.bx;
-            w.propertyChanged = igniteuiWebcomponentsCore.delegateCombine(w.propertyChanged, igniteuiWebcomponentsCore.runOn(this, this.e9));
+            w.propertyChanged = igniteuiWebcomponentsCore.delegateCombine(w.propertyChanged, igniteuiWebcomponentsCore.runOn(this, this.fb));
             var x = this.bw;
-            x.propertyChanged = igniteuiWebcomponentsCore.delegateCombine(x.propertyChanged, igniteuiWebcomponentsCore.runOn(this, this.e9));
+            x.propertyChanged = igniteuiWebcomponentsCore.delegateCombine(x.propertyChanged, igniteuiWebcomponentsCore.runOn(this, this.fb));
             var y = this.bv;
-            y.propertyChanged = igniteuiWebcomponentsCore.delegateCombine(y.propertyChanged, igniteuiWebcomponentsCore.runOn(this, this.e9));
+            y.propertyChanged = igniteuiWebcomponentsCore.delegateCombine(y.propertyChanged, igniteuiWebcomponentsCore.runOn(this, this.fb));
             this.b2 = r;
             this.bu = s;
             this.bu.bz = this.dp;
             this.bu.b3 = this.ds;
             var z = this.bu;
-            z.applyButtonClick = igniteuiWebcomponentsCore.delegateCombine(z.applyButtonClick, igniteuiWebcomponentsCore.runOn(this, this.fb));
+            z.applyButtonClick = igniteuiWebcomponentsCore.delegateCombine(z.applyButtonClick, igniteuiWebcomponentsCore.runOn(this, this.fd));
             var aa = this.bu;
-            aa.cancelButtonClick = igniteuiWebcomponentsCore.delegateCombine(aa.cancelButtonClick, igniteuiWebcomponentsCore.runOn(this, this.fc));
-            this.ff();
+            aa.cancelButtonClick = igniteuiWebcomponentsCore.delegateCombine(aa.cancelButtonClick, igniteuiWebcomponentsCore.runOn(this, this.fe));
+            this.fh();
             this.bl();
             this.bi();
-            this.fe();
+            this.fg();
         };
         GridColumnOptions.prototype.d5 = function () {
             return igniteuiWebcomponentsCore.stringFormat1("{0}px {1}px {2}px {3}px", this.dj.toString(), this.di.toString(), this.dg.toString(), this.dh.toString());
         };
-        GridColumnOptions.prototype.ff = function () {
+        GridColumnOptions.prototype.fh = function () {
             this.cf = (null == this.cg) ? this.ci : this.cg;
         };
-        GridColumnOptions.prototype.fe = function () {
+        GridColumnOptions.prototype.fg = function () {
             var a = [this.b1, this.by, this.b0, this.bx, this.bw, this.bv, this.b2, this.bu];
             for (var c = 0; c < a.length; c++) {
                 var b = a[c];
@@ -82455,9 +82700,11 @@
             }
             if (null != this.b2) {
                 this.b2.b5 = this.b8;
+                this.b2.cv = this.fm;
+                this.b2.cu = this.fl;
             }
         };
-        GridColumnOptions.prototype.fb = function (a, b) {
+        GridColumnOptions.prototype.fd = function (a, b) {
             var c = [this.b1, this.by, this.b0, this.bx, this.bw, this.bv, this.b2];
             for (var e = 0; e < c.length; e++) {
                 var d = c[e];
@@ -82467,7 +82714,7 @@
                 this.applyButtonClick(this, b);
             }
         };
-        GridColumnOptions.prototype.fc = function (a, b) {
+        GridColumnOptions.prototype.fe = function (a, b) {
             var c = [this.b1, this.by, this.b0, this.bx, this.bw, this.bv, this.b2];
             for (var e = 0; e < c.length; e++) {
                 var d = c[e];
@@ -82477,7 +82724,7 @@
                 this.cancelButtonClick(this, b);
             }
         };
-        GridColumnOptions.prototype.e9 = function (a, b) {
+        GridColumnOptions.prototype.fb = function (a, b) {
             switch (b.propertyName) {
             }
         };
@@ -83084,6 +83331,34 @@
             enumerable: true,
             configurable: true
         });
+        Object.defineProperty(IgcGridColumnOptionsComponent.prototype, "summaryListTextColor", {
+            /**
+             * Gets or sets the text color for the summary options menu.
+            */
+            get: function () {
+                return igniteuiWebcomponentsCore.brushToString(this.i.fm);
+            },
+            set: function (v) {
+                this.i.fm = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("summaryListTextColor", igniteuiWebcomponentsCore.brushToString(this.i.fm));
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(IgcGridColumnOptionsComponent.prototype, "summaryListBackground", {
+            /**
+             * Gets or sets the background color for the summary options menu.
+            */
+            get: function () {
+                return igniteuiWebcomponentsCore.brushToString(this.i.fl);
+            },
+            set: function (v) {
+                this.i.fl = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("summaryListBackground", igniteuiWebcomponentsCore.brushToString(this.i.fl));
+            },
+            enumerable: true,
+            configurable: true
+        });
         Object.defineProperty(IgcGridColumnOptionsComponent.prototype, "applyButtonClick", {
             get: function () {
                 return this._applyButtonClick;
@@ -91739,6 +92014,8 @@
             _this._valueChanged_wrapped = null;
             _this._opening = null;
             _this._opening_wrapped = null;
+            _this._opened = null;
+            _this._opened_wrapped = null;
             _this._closing = null;
             _this._closing_wrapped = null;
             if (_this._styling) {
@@ -91878,10 +92155,10 @@
              * Gets the ID for the custom filter that is selected. Value must be 'Custom' for this property to be valid.
             */
             get: function () {
-                return this.i.ac;
+                return this.i.ae;
             },
             set: function (v) {
-                this.i.ac = v;
+                this.i.ae = v;
             },
             enumerable: true,
             configurable: true
@@ -91891,11 +92168,11 @@
              * Gets the index for the custom filter that is selected. Value must be 'Custom' for this property to be valid.
             */
             get: function () {
-                return this.i.w;
+                return this.i.x;
             },
             set: function (v) {
-                this.i.w = +v;
-                this._a("customFilterIndex", this.i.w);
+                this.i.x = +v;
+                this._a("customFilterIndex", this.i.x);
             },
             enumerable: true,
             configurable: true
@@ -91916,305 +92193,333 @@
         });
         Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "maxHeight", {
             get: function () {
-                return this.i.y;
+                return this.i.z;
+            },
+            set: function (v) {
+                this.i.z = +v;
+                this._a("maxHeight", this.i.z);
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "textColor", {
+            /**
+             * Gets or sets the text color.
+            */
+            get: function () {
+                return igniteuiWebcomponentsCore.brushToString(this.i.eq);
             },
             set: function (v) {
-                this.i.y = +v;
-                this._a("maxHeight", this.i.y);
+                this.i.eq = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("textColor", igniteuiWebcomponentsCore.brushToString(this.i.eq));
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "background", {
+            /**
+             * Gets or sets the background color.
+            */
+            get: function () {
+                return igniteuiWebcomponentsCore.brushToString(this.i.ep);
+            },
+            set: function (v) {
+                this.i.ep = igniteuiWebcomponentsCore.stringToBrush(v);
+                this._a("background", igniteuiWebcomponentsCore.brushToString(this.i.ep));
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionTrue", {
             get: function () {
-                return this.i.db;
+                return this.i.dd;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionFalse", {
             get: function () {
-                return this.i.ci;
+                return this.i.ck;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionEquals", {
             get: function () {
-                return this.i.ch;
+                return this.i.cj;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionNotEquals", {
             get: function () {
-                return this.i.cx;
+                return this.i.cz;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionLessThan", {
             get: function () {
-                return this.i.cp;
+                return this.i.cr;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionLessThanOrEqual", {
             get: function () {
-                return this.i.cq;
+                return this.i.cs;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionGreaterThan", {
             get: function () {
-                return this.i.cj;
+                return this.i.cl;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionGreaterThanOrEqual", {
             get: function () {
-                return this.i.ck;
+                return this.i.cm;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionTop", {
             get: function () {
-                return this.i.c9;
+                return this.i.db;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionBottom", {
             get: function () {
-                return this.i.b9;
+                return this.i.cb;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionTopPercentile", {
             get: function () {
-                return this.i.da;
+                return this.i.dc;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionBottomPercentile", {
             get: function () {
-                return this.i.ca;
+                return this.i.cc;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionToday", {
             get: function () {
-                return this.i.c7;
+                return this.i.c9;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionTomorrow", {
             get: function () {
-                return this.i.c8;
+                return this.i.da;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionYesterday", {
             get: function () {
-                return this.i.de;
+                return this.i.dg;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionThisWeek", {
             get: function () {
-                return this.i.c5;
+                return this.i.c7;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionNextWeek", {
             get: function () {
-                return this.i.cu;
+                return this.i.cw;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionLastWeek", {
             get: function () {
-                return this.i.cn;
+                return this.i.cp;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionThisMonth", {
             get: function () {
-                return this.i.c3;
+                return this.i.c5;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionNextMonth", {
             get: function () {
-                return this.i.cs;
+                return this.i.cu;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionLastMonth", {
             get: function () {
-                return this.i.cl;
+                return this.i.cn;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionThisQuarter", {
             get: function () {
-                return this.i.c4;
+                return this.i.c6;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionNextQuarter", {
             get: function () {
-                return this.i.ct;
+                return this.i.cv;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionLastQuarter", {
             get: function () {
-                return this.i.cm;
+                return this.i.co;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionThisYear", {
             get: function () {
-                return this.i.c6;
+                return this.i.c8;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionNextYear", {
             get: function () {
-                return this.i.cv;
+                return this.i.cx;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionLastYear", {
             get: function () {
-                return this.i.co;
+                return this.i.cq;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionYearToDate", {
             get: function () {
-                return this.i.dd;
+                return this.i.df;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionQ1", {
             get: function () {
-                return this.i.cy;
+                return this.i.c0;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionQ2", {
             get: function () {
-                return this.i.cz;
+                return this.i.c1;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionQ3", {
             get: function () {
-                return this.i.c0;
+                return this.i.c2;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionQ4", {
             get: function () {
-                return this.i.c1;
+                return this.i.c3;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionMonth", {
             get: function () {
-                return this.i.cr;
+                return this.i.ct;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionYear", {
             get: function () {
-                return this.i.dc;
+                return this.i.de;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionStartsWith", {
             get: function () {
-                return this.i.c2;
+                return this.i.c4;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionDoesNotStartWith", {
             get: function () {
-                return this.i.ce;
+                return this.i.cg;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionEndsWith", {
             get: function () {
-                return this.i.cg;
+                return this.i.ci;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionDoesNotEndWith", {
             get: function () {
-                return this.i.cd;
+                return this.i.cf;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionContains", {
             get: function () {
-                return this.i.cb;
+                return this.i.cd;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionDoesNotContain", {
             get: function () {
-                return this.i.cc;
+                return this.i.ce;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionEmpty", {
             get: function () {
-                return this.i.cf;
+                return this.i.ch;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "operatorCaptionNotEmpty", {
             get: function () {
-                return this.i.cw;
+                return this.i.cy;
             },
             enumerable: true,
             configurable: true
@@ -92285,29 +92590,29 @@
             this._inStyling = false;
         };
         IgcDataGridComparisonOperatorSelectorComponent.prototype.provideContainer = function (container) {
-            this.i.ee(container);
+            this.i.ej(container);
         };
         IgcDataGridComparisonOperatorSelectorComponent.prototype.dispose = function () {
-            this.i.d7();
+            this.i.ea();
         };
         IgcDataGridComparisonOperatorSelectorComponent.prototype.getDropdownHeight = function () {
-            var iv = this.i.x();
+            var iv = this.i.y();
             return (iv);
         };
         IgcDataGridComparisonOperatorSelectorComponent.prototype.toggle = function () {
-            this.i.eh();
+            this.i.em();
         };
         IgcDataGridComparisonOperatorSelectorComponent.prototype.close = function () {
-            this.i.d5();
+            this.i.d8();
         };
         IgcDataGridComparisonOperatorSelectorComponent.prototype.addCustomOperator = function (name, icon, id, index) {
-            this.i.dy(name, icon, id, index);
+            this.i.d1(name, icon, id, index);
         };
         IgcDataGridComparisonOperatorSelectorComponent.prototype.clearCustomOperators = function () {
-            this.i.d4();
+            this.i.d7();
         };
         IgcDataGridComparisonOperatorSelectorComponent.prototype.selectCustomFilter = function (id, index) {
-            this.i.ef(id, index);
+            this.i.ek(id, index);
         };
         Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "valueChanged", {
             get: function () {
@@ -92365,6 +92670,34 @@
             enumerable: true,
             configurable: true
         });
+        Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "opened", {
+            get: function () {
+                return this._opened;
+            },
+            set: function (ev) {
+                var _this = this;
+                if (this._opened_wrapped !== null) {
+                    this.i.opened = igniteuiWebcomponentsCore.delegateRemove(this.i.opened, this._opened_wrapped);
+                    this._opened_wrapped = null;
+                    this._opened = null;
+                }
+                this._opened = ev;
+                this._opened_wrapped = function (o, e) {
+                    var outerArgs = new IgcOperatorSelectorOpeningEventArgs();
+                    outerArgs._provideImplementation(e);
+                    if (_this.beforeOpened) {
+                        _this.beforeOpened(_this, outerArgs);
+                    }
+                    if (_this._opened) {
+                        _this._opened(_this, outerArgs);
+                    }
+                };
+                this.i.opened = igniteuiWebcomponentsCore.delegateCombine(this.i.opened, this._opened_wrapped);
+                ;
+            },
+            enumerable: true,
+            configurable: true
+        });
         Object.defineProperty(IgcDataGridComparisonOperatorSelectorComponent.prototype, "closing", {
             get: function () {
                 return this._closing;