igniteui-webcomponents-grids 4.2.2 → 4.2.3-alpha

package/fesm2015/igniteui-webcomponents-grids.js

@@ -12332,6 +12332,7 @@ let Grid = /*@__PURE__*/ (() => {
             this.cv = new EditorDefinition();
             this.cw = new EditRowDefinition();
             this.c5 = new FilterRowDefinition();
+            this.c5.grid = this;
             this.aav = this.aaw;
             this.yn = this.yo;
             this.yt = GridStyleRepository.ax;
@@ -27774,6 +27775,12 @@ let FilterRowDefinition = /*@__PURE__*/ (() => {
         }
         c2(a, b) {
             switch (b.propertyName) {
+                case "CellTextColor":
+                    this.dg();
+                    break;
+                case "CellBackground":
+                    this.c9();
+                    break;
             }
         }
         cx(a, b, c, d) {
@@ -27796,6 +27803,31 @@ let FilterRowDefinition = /*@__PURE__*/ (() => {
                 e.lm = f.ep;
             }
         }
+        dg() {
+            if (this.el == null) {
+                if (this.grid != null && this.grid.zv != null) {
+                    this.d7 = this.grid.zv;
+                    return;
+                }
+                this.d7 = this.eh();
+            }
+            else {
+                this.d7 = this.el;
+            }
+        }
+        c9() {
+            if (this.d8 == null) {
+                if (this.grid != null && this.grid.zt != null) {
+                    this.d1 = this.grid.zt;
+                }
+                else {
+                    this.d1 = this.ec();
+                }
+            }
+            else {
+                this.d1 = this.d8;
+            }
+        }
     }
     FilterRowDefinition.$t = /*@__PURE__*/ markType(FilterRowDefinition, 'FilterRowDefinition', DefinitionBase.$);
     return FilterRowDefinition;
@@ -46771,6 +46803,7 @@ let BaseEditorView = /*@__PURE__*/ (() => {
             this.h = null;
             this._container = null;
             this.g = false;
+            this.x = null;
             this.valueProvided = null;
             this.userTyping = null;
             this.lostFocus = null;
@@ -46791,7 +46824,7 @@ let BaseEditorView = /*@__PURE__*/ (() => {
         set value(a) {
             let b = this.i;
             this.i = a;
-            this.t("Value", b, this.i);
+            this.u("Value", b, this.i);
         }
         get isEnabled() {
             return this.e;
@@ -46800,7 +46833,7 @@ let BaseEditorView = /*@__PURE__*/ (() => {
             let b = this.e;
             this.e = a;
             if (b != this.e) {
-                this.t("IsEnabled", b, this.e);
+                this.u("IsEnabled", b, this.e);
             }
         }
         get focusOnValueChanged() {
@@ -46816,25 +46849,35 @@ let BaseEditorView = /*@__PURE__*/ (() => {
             let b = this.f;
             this.f = a;
             if (b != this.f) {
-                this.t("ShowClearButton", b, this.f);
+                this.u("ShowClearButton", b, this.f);
             }
         }
-        p(a, b) {
+        get textColor() {
+            return this.x;
+        }
+        set textColor(a) {
+            let b = this.x;
+            this.x = a;
+            if (b != this.x) {
+                this.u("TextColor", b, this.x);
+            }
+        }
+        q(a, b) {
             if (this.valueProvided != null) {
                 this.valueProvided(this, a, b);
             }
         }
-        o() {
+        p() {
             if (this.userTyping != null) {
                 this.userTyping(this);
             }
         }
-        n() {
+        o() {
             if (this.lostFocus != null) {
                 this.lostFocus(this);
             }
         }
-        m() {
+        n() {
             if (this.gotFocus != null) {
                 this.gotFocus(this);
             }
@@ -46865,31 +46908,36 @@ let BaseEditorView = /*@__PURE__*/ (() => {
                 this.b = this.h.getRequestAnimationFrame();
             }
             this.b(() => {
-                this.r();
+                this.s();
                 this.d = false;
             });
             this.d = true;
         }
-        r() {
+        s() {
         }
         getEditorValue() {
             return null;
         }
         setEditorValue(a) {
         }
-        t(a, b, c) {
+        u(a, b, c) {
             switch (a) {
                 case "Value":
-                    this.u();
+                    this.w();
                     break;
                 case "IsEnabled":
-                    this.q();
+                    this.r();
+                    break;
+                case "TextColor":
+                    this.v();
                     break;
             }
         }
-        u() {
+        w() {
         }
-        q() {
+        r() {
+        }
+        v() {
         }
         onInputKeyDown(a, b) {
             if (!this.g) {
@@ -46944,9 +46992,9 @@ let TextEditorView = /*@__PURE__*/ (() => {
     class TextEditorView extends BaseEditorView {
         constructor(a, b, c) {
             super(a, c);
-            this.x = null;
-            this.w = null;
-            this.v = null;
+            this.aa = null;
+            this.z = null;
+            this.y = null;
             let d = a.createElement("div");
             d.setRawStyleProperty("display", "flex");
             d.setRawStyleProperty("width", "100%");
@@ -46954,60 +47002,61 @@ let TextEditorView = /*@__PURE__*/ (() => {
             d.setRawStyleProperty("height", "38px");
             this.container = d;
             let e = a.getSubRenderer(d);
-            this.w = new XInputGroup();
-            this.w.provideContainer(e);
-            this.w.d = 0;
-            this.w.j = b;
-            this.w.n = 3;
-            this.w.disabled = !this.isEnabled;
-            let f = e.getExternal(this.w, e.rootWrapper, null);
+            this.z = new XInputGroup();
+            this.z.provideContainer(e);
+            this.z.d = 0;
+            this.z.j = b;
+            this.z.n = 3;
+            this.z.disabled = !this.isEnabled;
+            let f = e.getExternal(this.z, e.rootWrapper, null);
             let g = a.createElement("div");
             g.setRawStyleProperty("width", "100%");
             let h = a.getSubRenderer(g);
-            this.v = new XInput();
-            this.v.provideContainer(h);
-            this.v.b6 = "text";
-            this.v.disabled = !this.isEnabled;
-            let i = e.getExternal(this.v, h.rootWrapper, null);
-            this.w.appendContentChild(g);
-            this.w.inputs.add(this.v);
+            this.y = new XInput();
+            this.y.provideContainer(h);
+            this.y.b6 = "text";
+            this.y.disabled = !this.isEnabled;
+            this.y.d1 = this.textColor;
+            let i = e.getExternal(this.y, h.rootWrapper, null);
+            this.z.appendContentChild(g);
+            this.z.inputs.add(this.y);
         }
         setFont(a) {
-            if (this.v != null) {
-                this.v.af = a;
+            if (this.y != null) {
+                this.y.af = a;
             }
         }
         attachEvents() {
-            if (this.v != null) {
-                let a = this.v;
-                a.changing = delegateCombine(a.changing, runOn(this, this.z));
-                let b = this.v;
+            if (this.y != null) {
+                let a = this.y;
+                a.changing = delegateCombine(a.changing, runOn(this, this.ac));
+                let b = this.y;
                 b.keyDown = delegateCombine(b.keyDown, runOn(this, this.onInputKeyDown));
-                let c = this.v;
-                c.compositionEnd = delegateCombine(c.compositionEnd, runOn(this, this.y));
-                let d = this.v;
-                d.gotFocus = delegateCombine(d.gotFocus, runOn(this, this.aa));
-                let e = this.v;
-                e.lostFocus = delegateCombine(e.lostFocus, runOn(this, this.ab));
+                let c = this.y;
+                c.compositionEnd = delegateCombine(c.compositionEnd, runOn(this, this.ab));
+                let d = this.y;
+                d.gotFocus = delegateCombine(d.gotFocus, runOn(this, this.ad));
+                let e = this.y;
+                e.lostFocus = delegateCombine(e.lostFocus, runOn(this, this.ae));
             }
         }
         detachEvents() {
-            if (this.v != null) {
-                let a = this.v;
-                a.changing = delegateRemove(a.changing, runOn(this, this.z));
-                let b = this.v;
+            if (this.y != null) {
+                let a = this.y;
+                a.changing = delegateRemove(a.changing, runOn(this, this.ac));
+                let b = this.y;
                 b.keyDown = delegateRemove(b.keyDown, runOn(this, this.onInputKeyDown));
-                let c = this.v;
-                c.compositionEnd = delegateRemove(c.compositionEnd, runOn(this, this.y));
-                let d = this.v;
-                d.gotFocus = delegateRemove(d.gotFocus, runOn(this, this.aa));
-                let e = this.v;
-                e.lostFocus = delegateRemove(e.lostFocus, runOn(this, this.ab));
+                let c = this.y;
+                c.compositionEnd = delegateRemove(c.compositionEnd, runOn(this, this.ab));
+                let d = this.y;
+                d.gotFocus = delegateRemove(d.gotFocus, runOn(this, this.ad));
+                let e = this.y;
+                e.lostFocus = delegateRemove(e.lostFocus, runOn(this, this.ae));
             }
         }
         onTargetChanged() {
-            this.x = null;
-            if (this.v != null) {
+            this.aa = null;
+            if (this.y != null) {
                 this.focus();
             }
         }
@@ -47022,72 +47071,78 @@ let TextEditorView = /*@__PURE__*/ (() => {
             if (this.a.isEditRefocusDesired) {
                 let a = this.h.rootWrapper.getNativeElement();
                 if (a == document.activeElement || a.contains(document.activeElement)) {
-                    this.v.cp();
+                    this.y.cp();
                     this.focus();
                 }
             }
         }
-        r() {
-            if (this.v != null) {
-                this.v.focus(true);
-                if (this.v.b6 != "date") {
-                    window.setTimeout(() => this.v.dj(), 0);
+        s() {
+            if (this.y != null) {
+                this.y.focus(true);
+                if (this.y.b6 != "date") {
+                    window.setTimeout(() => this.y.dj(), 0);
                 }
             }
         }
-        u() {
-            if (this.v != null) {
+        w() {
+            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;
                 }
             }
         }
-        q() {
-            if (this.w != null) {
-                this.w.disabled = !this.isEnabled;
+        r() {
+            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;
             }
         }
-        z(a, b) {
-            this.o();
+        v() {
+            super.v();
+            if (this.y != null) {
+                this.y.d1 = this.textColor;
+            }
+        }
+        ac(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);
-        }
-        y(a, b) {
-            this.x = b.value;
-            this.p(b.value, false);
+            this.q(b.value, false);
         }
         ab(a, b) {
-            this.n();
+            this.aa = b.value;
+            this.q(b.value, false);
         }
-        aa(a, b) {
-            this.m();
+        ae(a, b) {
+            this.o();
+        }
+        ad(a, b) {
+            this.n();
         }
         getEditorValue() {
-            if (this.v != null) {
-                return this.v.cm;
+            if (this.y != null) {
+                return this.y.cm;
             }
             return null;
         }
         setEditorValue(a) {
-            if (this.v != null) {
-                this.v.cm = a;
+            if (this.y != null) {
+                this.y.cm = a;
             }
         }
     }
@@ -47108,14 +47163,14 @@ let NumericEditorView = /*@__PURE__*/ (() => {
     class NumericEditorView extends TextEditorView {
         constructor(a, b, c) {
             super(a, b, c);
-            this.v.b6 = "number";
+            this.y.b6 = "number";
         }
         getEditorValue() {
-            if (this.v == null || this.v.cm == null) {
+            if (this.y == null || this.y.cm == null) {
                 return null;
             }
             let a = NaN;
-            let b = tryParseNumber(this.v.cm, a);
+            let b = tryParseNumber(this.y.cm, a);
             a = b.p1;
             return a;
         }
@@ -47137,11 +47192,11 @@ let DateEditorView = /*@__PURE__*/ (() => {
     class DateEditorView extends BaseEditorView {
         constructor(a, b, c) {
             super(a, c);
-            this.aa = null;
-            this.v = null;
-            this.w = null;
-            this.y = false;
-            this.x = false;
+            this.ad = null;
+            this.y = null;
+            this.z = null;
+            this.ab = false;
+            this.aa = false;
             let d = a.createElement("div");
             d.setRawStyleProperty("width", "100%");
             d.setRawStyleProperty("margin-top", "-10px");
@@ -47152,78 +47207,79 @@ let DateEditorView = /*@__PURE__*/ (() => {
             e.append(f);
             let g = a.createElement("div");
             e.append(g);
-            this.v = new DatePicker();
-            this.v.ar = false;
-            this.v.provideContainer(e);
-            this.v.w = b;
-            this.v.y = 3;
-            this.v.as = this.showClearButton;
-            this.v.at = this.z;
-            let h = e.getExternal(this.v, e.rootWrapper, null);
-            if (this.w != null) {
-                this.v.ad = this.w;
+            this.y = new DatePicker();
+            this.y.ar = false;
+            this.y.provideContainer(e);
+            this.y.w = b;
+            this.y.y = 3;
+            this.y.as = this.showClearButton;
+            this.y.at = this.ac;
+            this.y.de = this.textColor;
+            let h = e.getExternal(this.y, e.rootWrapper, null);
+            if (this.z != null) {
+                this.y.ad = this.z;
             }
             this.attachEvents();
         }
-        get ab() {
+        get ae() {
+            return this.ad;
+        }
+        set ae(a) {
+            let b = this.ad;
+            this.ad = a;
+            if (b != this.ad) {
+                this.u("FormatString", b, this.ad);
+            }
+        }
+        get ac() {
             return this.aa;
         }
-        set ab(a) {
+        set ac(a) {
             let b = this.aa;
             this.aa = a;
             if (b != this.aa) {
-                this.t("FormatString", b, this.aa);
-            }
-        }
-        get z() {
-            return this.x;
-        }
-        set z(a) {
-            let b = this.x;
-            this.x = a;
-            if (b != this.x) {
-                this.t("ShowTodayButton", b, this.x);
+                this.u("ShowTodayButton", b, this.aa);
             }
         }
         setFont(a) {
-            this.w = a;
-            if (this.v != null && this.w != null) {
-                this.v.ad = this.w;
+            this.z = a;
+            if (this.y != null && this.z != null) {
+                this.y.ad = this.z;
             }
         }
         attachEvents() {
-            if (this.v != null) {
-                let a = this.v;
+            if (this.y != null) {
+                let a = this.y;
                 a.selectedValueChanged = delegateCombine(a.selectedValueChanged, runOn(this, this.onDatePickerValueChanged));
-                let b = this.v;
+                let b = this.y;
                 b.gotFocus = delegateCombine(b.gotFocus, runOn(this, this.onDatePickerGotFocus));
-                let c = this.v;
+                let c = this.y;
                 c.lostFocus = delegateCombine(c.lostFocus, runOn(this, this.onDatePickerLostFocus));
-                let d = this.v;
+                let d = this.y;
                 d.keyDown = delegateCombine(d.keyDown, runOn(this, this.onInputKeyDown));
-                let e = this.v;
+                let e = this.y;
                 e.changing = delegateCombine(e.changing, runOn(this, this.onInputChanging));
             }
         }
         detachEvents() {
-            if (this.v != null) {
-                let a = this.v;
+            if (this.y != null) {
+                let a = this.y;
                 a.selectedValueChanged = delegateRemove(a.selectedValueChanged, runOn(this, this.onDatePickerValueChanged));
-                let b = this.v;
+                let b = this.y;
                 b.gotFocus = delegateRemove(b.gotFocus, runOn(this, this.onDatePickerGotFocus));
-                let c = this.v;
+                let c = this.y;
                 c.lostFocus = delegateRemove(c.lostFocus, runOn(this, this.onDatePickerLostFocus));
-                let d = this.v;
+                let d = this.y;
                 d.keyDown = delegateRemove(d.keyDown, runOn(this, this.onInputKeyDown));
-                let e = this.v;
+                let e = this.y;
                 e.changing = delegateRemove(e.changing, runOn(this, this.onInputChanging));
             }
         }
         onTargetChanged() {
-            if (this.v != null) {
-                this.y = true;
+            if (this.y != null) {
+                this.ab = true;
                 this.focus();
-                this.y = false;
+                this.ab = false;
             }
         }
         onEditStarted() {
@@ -47241,93 +47297,99 @@ let DateEditorView = /*@__PURE__*/ (() => {
                 }
             }
         }
-        r() {
-            if (this.v != null) {
-                this.v.focus(true);
-                this.v.cz();
+        s() {
+            if (this.y != null) {
+                this.y.focus(true);
+                this.y.cz();
             }
         }
-        ad() {
-            if (this.v != null) {
-                this.v.cc();
+        ag() {
+            if (this.y != null) {
+                this.y.cc();
             }
         }
-        t(a, b, c) {
-            super.t(a, b, c);
+        u(a, b, c) {
+            super.u(a, b, c);
             switch (a) {
                 case "FormatString":
-                    this.ah();
+                    this.ak();
                     break;
                 case "ShowClearButton":
-                    if (this.v != null) {
-                        this.v.as = this.showClearButton;
+                    if (this.y != null) {
+                        this.y.as = this.showClearButton;
                     }
                     break;
                 case "ShowTodayButton":
-                    if (this.v != null) {
-                        this.v.at = this.z;
+                    if (this.y != null) {
+                        this.y.at = this.ac;
                     }
                     break;
             }
         }
-        ah() {
-            this.v.bo = this.ab;
+        ak() {
+            this.y.bo = this.ae;
         }
-        u() {
-            this.y = true;
-            if (this.v != null) {
+        w() {
+            this.ab = true;
+            if (this.y != null) {
                 if (this.value == null) {
-                    this.v.value = dateMinValue();
+                    this.y.value = dateMinValue();
                 }
                 else {
-                    this.v.value = this.value;
+                    this.y.value = this.value;
                 }
                 if (this.focusOnValueChanged) {
-                    this.r();
+                    this.s();
                 }
             }
-            this.y = false;
+            this.ab = false;
         }
-        q() {
-            if (this.v != null) {
-                this.v.aq = !this.isEnabled;
+        r() {
+            if (this.y != null) {
+                this.y.aq = !this.isEnabled;
+            }
+        }
+        v() {
+            super.v();
+            if (this.y != null) {
+                this.y.de = this.textColor;
             }
         }
         onDatePickerValueChanged(a, b) {
-            this.aj();
+            this.am();
         }
-        aj() {
-            if (this.y) {
+        am() {
+            if (this.ab) {
                 return;
             }
-            if (+(this.v.value) != +(dateMinValue())) {
-                this.p(this.v.value, false);
+            if (+(this.y.value) != +(dateMinValue())) {
+                this.q(this.y.value, false);
             }
-            else if (+(this.v.value) == +(dateMinValue())) {
-                this.p(null, false);
+            else if (+(this.y.value) == +(dateMinValue())) {
+                this.q(null, false);
             }
             else {
-                this.p(this.value, false);
+                this.q(this.value, false);
             }
         }
         onInputChanging(a, b) {
-            this.o();
+            this.p();
         }
         onDatePickerLostFocus(a, b) {
-            this.n();
+            this.o();
         }
         onDatePickerGotFocus(a, b) {
-            this.m();
+            this.n();
         }
         getEditorValue() {
-            if (this.v != null) {
-                return this.v.value;
+            if (this.y != null) {
+                return this.y.value;
             }
             return null;
         }
         setEditorValue(a) {
-            if (this.v != null) {
-                this.v.value = a != null ? a : dateMinValue();
+            if (this.y != null) {
+                this.y.value = a != null ? a : dateMinValue();
             }
         }
     }
@@ -47348,117 +47410,117 @@ let ComboEditorView = /*@__PURE__*/ (() => {
     class ComboEditorView extends BaseEditorView {
         constructor(a, b, c) {
             super(a, c);
-            this.y = null;
-            this.x = null;
-            this.aa = null;
             this.ab = null;
+            this.aa = null;
             this.ad = null;
-            this.v = null;
-            this.z = false;
+            this.ae = null;
+            this.ag = null;
+            this.y = null;
+            this.ac = false;
             let d = a.createElement("div");
             d.setRawStyleProperty("margin-top", "-10px");
             d.setRawStyleProperty("height", "38px");
             d.setRawStyleProperty("width", "100%");
             this.container = d;
             a.getPortal(d, "MultiColumnComboBox", (e) => {
-                this.x = e.componentRef;
-                this.aa = this.x.i;
-                this.x.height = "100%";
-                this.x.density = 3;
-                this.x.baseTheme = b;
-                this.x.labelVisible = false;
-                this.x.columnHeadersVisible = false;
-                this.x.rowSeparatorsVisible = false;
-                this.al();
-                this.u();
-                if (this.y != null) {
-                    this.x.textStyle = this.y.fontString;
+                this.aa = e.componentRef;
+                this.ad = this.aa.i;
+                this.aa.height = "100%";
+                this.aa.density = 3;
+                this.aa.baseTheme = b;
+                this.aa.labelVisible = false;
+                this.aa.columnHeadersVisible = false;
+                this.aa.rowSeparatorsVisible = false;
+                this.ao();
+                this.w();
+                if (this.ab != null) {
+                    this.aa.textStyle = this.ab.fontString;
                 }
                 this.attachEvents();
             }, false);
         }
-        get ac() {
-            return this.ab;
+        get af() {
+            return this.ae;
         }
-        set ac(a) {
-            let b = this.ab;
-            this.ab = a;
-            if (b != this.ab) {
-                this.t("DataSource", b, this.ab);
+        set af(a) {
+            let b = this.ae;
+            this.ae = a;
+            if (b != this.ae) {
+                this.u("DataSource", b, this.ae);
             }
         }
-        get af() {
-            return this.ad;
+        get ai() {
+            return this.ag;
         }
-        set af(a) {
-            let b = this.ad;
-            this.ad = a;
-            if (b != this.ad) {
-                this.t("TextField", b, this.ad);
+        set ai(a) {
+            let b = this.ag;
+            this.ag = a;
+            if (b != this.ag) {
+                this.u("TextField", b, this.ag);
             }
         }
-        get w() {
-            return this.v;
+        get z() {
+            return this.y;
         }
-        set w(a) {
-            let b = this.v;
-            this.v = a;
-            if (b != this.v) {
-                this.t("ValueField", b, this.v);
+        set z(a) {
+            let b = this.y;
+            this.y = a;
+            if (b != this.y) {
+                this.u("ValueField", b, this.y);
             }
         }
         setFont(a) {
-            this.y = a;
-            if (this.x != null && this.y != null) {
-                this.x.textStyle = this.y.fontString;
+            this.ab = a;
+            if (this.aa != null && this.ab != null) {
+                this.aa.textStyle = this.ab.fontString;
             }
         }
         attachEvents() {
-            if (this.x != null) {
-                let a = this.x;
+            if (this.aa != null) {
+                let a = this.aa;
                 a.selectedValueChanged = delegateCombine(a.selectedValueChanged, runOn(this, this.onComboValueChanged));
-                let b = this.x;
+                let b = this.aa;
                 b.textValueChanged = delegateCombine(b.textValueChanged, runOn(this, this.onComboTextChanged));
-                let c = this.x;
+                let c = this.aa;
                 c.gotFocus = delegateCombine(c.gotFocus, runOn(this, this.onComboGotFocus));
-                let d = this.x;
+                let d = this.aa;
                 d.lostFocus = delegateCombine(d.lostFocus, runOn(this, this.onComboLostFocus));
-                let e = this.x;
+                let e = this.aa;
                 e.keyDown = delegateCombine(e.keyDown, runOn(this, this.onInputKeyDown));
-                let f = this.x;
+                let f = this.aa;
                 f.changing = delegateCombine(f.changing, runOn(this, this.onInputChanging));
             }
         }
         detachEvents() {
-            if (this.x != null) {
-                let a = this.x;
+            if (this.aa != null) {
+                let a = this.aa;
                 a.selectedValueChanged = delegateRemove(a.selectedValueChanged, runOn(this, this.onComboValueChanged));
-                let b = this.x;
+                let b = this.aa;
                 b.textValueChanged = delegateRemove(b.textValueChanged, runOn(this, this.onComboTextChanged));
-                let c = this.x;
+                let c = this.aa;
                 c.gotFocus = delegateRemove(c.gotFocus, runOn(this, this.onComboGotFocus));
-                let d = this.x;
+                let d = this.aa;
                 d.lostFocus = delegateRemove(d.lostFocus, runOn(this, this.onComboLostFocus));
-                let e = this.x;
+                let e = this.aa;
                 e.keyDown = delegateRemove(e.keyDown, runOn(this, this.onInputKeyDown));
-                let f = this.x;
+                let f = this.aa;
                 f.changing = delegateRemove(f.changing, runOn(this, this.onInputChanging));
             }
         }
         onTargetChanged() {
-            if (this.x != null) {
-                this.z = true;
-                if (this.x.value == null && this.x.text != "") {
-                    this.x.text = "";
+            if (this.aa != null) {
+                this.ac = true;
+                if (this.aa.value == null && this.aa.text != "") {
+                    this.aa.text = "";
                 }
                 this.focus();
-                this.z = false;
+                this.ac = false;
             }
         }
         onEditStarted() {
             super.onEditStarted();
             let a = this.container.getNativeElement();
-            this.x.defaultColumnWidth = (a.clientWidth - 2).toString();
+            this.aa.defaultColumnWidth = (a.clientWidth - 2).toString();
             if (!this.a.isEditRefocusDesired) {
                 this.focus();
             }
@@ -47472,63 +47534,63 @@ let ComboEditorView = /*@__PURE__*/ (() => {
                 }
             }
         }
-        r() {
-            if (this.x != null) {
-                this.aa.focus(true);
-                this.x.select();
+        s() {
+            if (this.aa != null) {
+                this.ad.focus(true);
+                this.aa.select();
             }
         }
-        ai() {
-            if (this.x != null) {
-                this.x.closeUp();
+        al() {
+            if (this.aa != null) {
+                this.aa.closeUp();
             }
         }
-        t(a, b, c) {
-            super.t(a, b, c);
+        u(a, b, c) {
+            super.u(a, b, c);
             switch (a) {
                 case "DataSource":
                 case "TextField":
                 case "ValueField":
-                    this.al();
+                    this.ao();
                     break;
             }
         }
-        u() {
-            this.z = true;
-            if (this.x != null) {
+        w() {
+            this.ac = true;
+            if (this.aa != null) {
                 if (this.value == null) {
-                    this.x.text = " ";
+                    this.aa.text = " ";
                 }
-                this.x.value = this.value;
-                this.r();
+                this.aa.value = this.value;
+                this.s();
             }
-            this.z = false;
+            this.ac = false;
         }
-        al() {
-            if (this.x != null) {
+        ao() {
+            if (this.aa != null) {
                 this.detachEvents();
-                this.x.dataSource = this.ac;
-                this.x.textField = this.af;
-                this.x.valueField = this.w;
-                if (this.af != null) {
-                    this.x.fields = [this.af];
+                this.aa.dataSource = this.af;
+                this.aa.textField = this.ai;
+                this.aa.valueField = this.z;
+                if (this.ai != null) {
+                    this.aa.fields = [this.ai];
                 }
-                else if (this.w != null && this.w.length > 0) {
-                    this.x.fields = [this.w[0]];
+                else if (this.z != null && this.z.length > 0) {
+                    this.aa.fields = [this.z[0]];
                 }
                 else {
-                    let a = typeCast(IDataSource_$type, this.ac);
+                    let a = typeCast(IDataSource_$type, this.af);
                     if (a != null && a.actualSchema != null) {
-                        this.x.fields = [a.actualSchema.propertyNames[0]];
+                        this.aa.fields = [a.actualSchema.propertyNames[0]];
                     }
                     else {
-                        let b = (Array.isArray(this.ac));
+                        let b = (Array.isArray(this.af));
                         if (b) {
-                            let c = (this.ac.length);
+                            let c = (this.af.length);
                             if (c > 0) {
-                                let d = (Object.keys(this.ac[0]));
+                                let d = (Object.keys(this.af[0]));
                                 if (d.length > 0) {
-                                    this.x.fields = [d[0]];
+                                    this.aa.fields = [d[0]];
                                 }
                             }
                         }
@@ -47537,34 +47599,40 @@ let ComboEditorView = /*@__PURE__*/ (() => {
                 this.attachEvents();
             }
         }
+        v() {
+            super.v();
+            if (this.aa != null) {
+                this.aa.textColor = this.textColor._fill;
+            }
+        }
         onComboValueChanged(a, b) {
-            this.ap();
+            this.as();
         }
         onComboTextChanged(a, b) {
-            this.ap();
+            this.as();
         }
-        ap() {
-            if (this.z) {
+        as() {
+            if (this.ac) {
                 return;
             }
-            if (this.x.value != null) {
-                this.p(this.x.value, false);
+            if (this.aa.value != null) {
+                this.q(this.aa.value, false);
             }
-            else if (this.x.value == null && stringIsNullOrWhiteSpace(this.x.text)) {
-                this.p(null, false);
+            else if (this.aa.value == null && stringIsNullOrWhiteSpace(this.aa.text)) {
+                this.q(null, false);
             }
             else {
-                this.p(this.value, false);
+                this.q(this.value, false);
             }
         }
         onInputChanging(a, b) {
-            this.o();
+            this.p();
         }
         onComboLostFocus(a) {
-            this.n();
+            this.o();
         }
         onComboGotFocus(a) {
-            this.m();
+            this.n();
         }
     }
     ComboEditorView.$t = /*@__PURE__*/ markType(ComboEditorView, 'ComboEditorView', BaseEditorView.$);
@@ -47790,18 +47858,18 @@ let EditorCell = /*@__PURE__*/ (() => {
             }
             this.ct = new ComboEditorView(this.ab, this.f.getTheme(), this.b);
             this.ct.setFont(this.cz);
-            this.ct.ac = this.dh;
-            this.ct.af = this.dm;
-            this.ct.w = this.ci;
+            this.ct.af = this.dh;
+            this.ct.ai = this.dm;
+            this.ct.z = this.ci;
             return this.ct;
         }
         ea(a, b) {
             if (b.g != b.d || b.h != b.e) {
                 if (this.ct != null) {
-                    this.ct.ai();
+                    this.ct.al();
                 }
                 if (this.cu != null) {
-                    this.cu.ad();
+                    this.cu.ag();
                 }
                 this.d0();
             }
@@ -47874,9 +47942,9 @@ let EditorCell = /*@__PURE__*/ (() => {
         }
         d2() {
             if (this.ct != null) {
-                this.ct.ac = this.dh;
-                this.ct.af = this.dm;
-                this.ct.w = this.ci;
+                this.ct.af = this.dh;
+                this.ct.ai = this.dm;
+                this.ct.z = this.ci;
             }
         }
         d8() {
@@ -47911,12 +47979,12 @@ let EditorCell = /*@__PURE__*/ (() => {
         }
         d4() {
             if (this.cn != null && this.cu == this.cn) {
-                this.cu.ab = this.dr;
+                this.cu.ae = this.dr;
             }
         }
         ec() {
             if (this.cn != null && this.cu == this.cn) {
-                this.cu.z = this.db;
+                this.cu.ac = this.db;
             }
         }
         eh(a, b, c, d, e) {
@@ -48400,23 +48468,27 @@ let ComparisonOperatorSelectorView = /*@__PURE__*/ (() => {
             this.a = a;
             this.l = 240;
         }
-        t(a) {
+        u(a) {
             if (a == null) {
                 let b = this.a;
-                b.opening = delegateRemove(b.opening, runOn(this, this.r));
+                b.opening = delegateRemove(b.opening, runOn(this, this.s));
                 let c = this.a;
-                c.closing = delegateRemove(c.closing, runOn(this, this.n));
+                c.opened = delegateRemove(c.opened, runOn(this, this.r));
+                let d = this.a;
+                d.closing = delegateRemove(d.closing, runOn(this, this.n));
                 return;
             }
-            let d = this.a;
-            d.opening = delegateCombine(d.opening, runOn(this, this.r));
             let e = this.a;
-            e.closing = delegateCombine(e.closing, runOn(this, this.n));
+            e.opening = delegateCombine(e.opening, runOn(this, this.s));
+            let f = this.a;
+            f.opened = delegateCombine(f.opened, runOn(this, this.r));
+            let g = this.a;
+            g.closing = delegateCombine(g.closing, runOn(this, this.n));
             this.g = a;
             this.d = new 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");
@@ -48426,15 +48498,15 @@ let ComparisonOperatorSelectorView = /*@__PURE__*/ (() => {
             this.h.setStyleProperty("cursor", "pointer");
             this.g.append(this.h);
             this.h.listen("mousedown", runOn(this, this.q));
-            this.g.getPortal(this.i, "DataGrid", (f) => {
-                this.m = f.componentRef;
+            this.g.getPortal(this.i, "DataGrid", (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);
         }
-        v() {
+        w() {
             let rect_ = this.h.getNativeElement().getBoundingClientRect();
             let a = new Rect(4);
             a.left = (rect_.left + window.pageXOffset);
@@ -48461,7 +48533,7 @@ let ComparisonOperatorSelectorView = /*@__PURE__*/ (() => {
             }
             return a;
         }
-        s(a, b) {
+        t(a, b) {
             let c = a;
             let d = null;
             if (c.element.getChildCount() == 0) {
@@ -48487,16 +48559,22 @@ let ComparisonOperatorSelectorView = /*@__PURE__*/ (() => {
                 }
             }
             d.svgPath = b.Icon;
+            d.fill = this.a.eq;
         }
         q(a) {
-            this.a.eh();
+            this.a.em();
         }
-        r(a, b) {
-            this.i.setStyleProperty("height", stringFormat("{0}px", this.a.x()));
+        s(a, b) {
+            this.i.setStyleProperty("height", stringFormat("{0}px", this.a.y()));
             this.d.ar();
             document.addEventListener("keydown", runOn(this, this.onDocumentKeyDown), false);
             document.addEventListener("mousedown", runOn(this, this.onDocumentMouseDown), false);
         }
+        r(a, b) {
+            if ((this.m.notifyDOMInsertion !== undefined)) {
+                this.m.notifyDOMInsertion();
+            }
+        }
         n(a, b) {
             document.removeEventListener("keydown", this.onDocumentKeyDown, false);
             document.removeEventListener("mousedown", this.onDocumentMouseDown, false);
@@ -48504,7 +48582,7 @@ let ComparisonOperatorSelectorView = /*@__PURE__*/ (() => {
         onDocumentKeyDown(a) {
             let b = a;
             if (BaseDOMEventProxy.c0(b) == 8) {
-                this.a.d5();
+                this.a.d8();
             }
         }
         onDocumentMouseDown(a) {
@@ -48513,10 +48591,10 @@ let ComparisonOperatorSelectorView = /*@__PURE__*/ (() => {
             let d = this.g.rootWrapper.getNativeElement();
             let e = this.i.getNativeElement();
             if (!d.contains(c) && !e.contains(c)) {
-                this.a.d5();
+                this.a.d8();
             }
         }
-        u(a) {
+        v(a) {
             this.m.dataSource = a;
         }
     }
@@ -48531,50 +48609,57 @@ let ComparisonOperatorSelector = /*@__PURE__*/ (() => {
         constructor() {
             super();
             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 List$1(OperatorModel.$, 0);
+            this.u = new List$1(OperatorModel.$, 0);
         }
-        eb(a, b, c) {
-            this.ed(a, b, c);
+        eg(a, b, c) {
+            this.ei(a, b, c);
             if (this.propertyChanged != null) {
                 this.propertyChanged(this, new PropertyChangedEventArgs(a));
             }
         }
-        ed(a, b, c) {
+        ei(a, b, c) {
             switch (a) {
                 case "Value":
-                    this.ec(EnumUtil.getEnumValue(ColumnComparisonConditionOperatorType_$type, b), EnumUtil.getEnumValue(ColumnComparisonConditionOperatorType_$type, c));
+                    this.eh(EnumUtil.getEnumValue(ColumnComparisonConditionOperatorType_$type, b), EnumUtil.getEnumValue(ColumnComparisonConditionOperatorType_$type, c));
                     break;
                 case "DataType":
-                    this.d1();
+                    this.d4();
+                    break;
+                case "TextColor":
+                case "Background":
+                    this.ed();
                     break;
             }
         }
-        get r() {
-            if (this.q == null) {
-                this.q = new SRProvider(this.e.g);
-                this.q.cb("DataGrid");
+        get s() {
+            if (this.r == null) {
+                this.r = new SRProvider(this.e.g);
+                this.r.cb("DataGrid");
             }
-            return this.q;
+            return this.r;
         }
         get i() {
             return this.g;
@@ -48583,10 +48668,10 @@ let ComparisonOperatorSelector = /*@__PURE__*/ (() => {
             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;
                 }
             }
@@ -48598,7 +48683,7 @@ let ComparisonOperatorSelector = /*@__PURE__*/ (() => {
             let b = this.a;
             this.a = a;
             if (b != this.a || this.a == 44) {
-                this.eb("Value", enumGetBox(ColumnComparisonConditionOperatorType_$type, b), enumGetBox(ColumnComparisonConditionOperatorType_$type, this.a));
+                this.eg("Value", enumGetBox(ColumnComparisonConditionOperatorType_$type, b), enumGetBox(ColumnComparisonConditionOperatorType_$type, this.a));
             }
         }
         get d() {
@@ -48608,213 +48693,234 @@ let ComparisonOperatorSelector = /*@__PURE__*/ (() => {
             let b = this.c;
             this.c = a;
             if (b != this.c) {
-                this.eb("DataType", enumGetBox(DataSourceSchemaPropertyType_$type, b), enumGetBox(DataSourceSchemaPropertyType_$type, this.c));
+                this.eg("DataType", enumGetBox(DataSourceSchemaPropertyType_$type, b), enumGetBox(DataSourceSchemaPropertyType_$type, this.c));
             }
         }
-        get y() {
-            return this.v;
+        get z() {
+            return this.w;
         }
-        set y(a) {
-            this.v = a;
+        set z(a) {
+            this.w = a;
         }
-        get db() {
-            let a = this.r.b1("ComparisonOperator_True");
+        get eq() {
+            return this.eo;
+        }
+        set eq(a) {
+            let b = this.eo;
+            this.eo = a;
+            if (b != this.eo) {
+                this.eg("TextColor", b, this.eo);
+            }
+        }
+        get ep() {
+            return this.en;
+        }
+        set ep(a) {
+            let b = this.en;
+            this.en = a;
+            if (b != this.en) {
+                this.eg("Background", b, this.en);
+            }
+        }
+        get dd() {
+            let a = this.s.b1("ComparisonOperator_True");
             return !stringIsNullOrWhiteSpace(a) ? a : "True";
         }
-        get ci() {
-            let a = this.r.b1("ComparisonOperator_False");
+        get ck() {
+            let a = this.s.b1("ComparisonOperator_False");
             return !stringIsNullOrWhiteSpace(a) ? a : "False";
         }
-        get ch() {
-            let a = this.r.b1("ComparisonOperator_Equals");
+        get cj() {
+            let a = this.s.b1("ComparisonOperator_Equals");
             return !stringIsNullOrWhiteSpace(a) ? a : "Equals";
         }
-        get cx() {
-            let a = this.r.b1("ComparisonOperator_NotEquals");
+        get cz() {
+            let a = this.s.b1("ComparisonOperator_NotEquals");
             return !stringIsNullOrWhiteSpace(a) ? a : "Not equals";
         }
-        get cp() {
-            let a = this.r.b1("ComparisonOperator_LessThan");
+        get cr() {
+            let a = this.s.b1("ComparisonOperator_LessThan");
             return !stringIsNullOrWhiteSpace(a) ? a : "Less than";
         }
-        get cq() {
-            let a = this.r.b1("ComparisonOperator_LessThanOrEqualTo");
+        get cs() {
+            let a = this.s.b1("ComparisonOperator_LessThanOrEqualTo");
             return !stringIsNullOrWhiteSpace(a) ? a : "Less than or equal to";
         }
-        get cj() {
-            let a = this.r.b1("ComparisonOperator_GreaterThan");
+        get cl() {
+            let a = this.s.b1("ComparisonOperator_GreaterThan");
             return !stringIsNullOrWhiteSpace(a) ? a : "Greater than";
         }
-        get ck() {
-            let a = this.r.b1("ComparisonOperator_GreaterThanOrEqualTo");
+        get cm() {
+            let a = this.s.b1("ComparisonOperator_GreaterThanOrEqualTo");
             return !stringIsNullOrWhiteSpace(a) ? a : "Greater than or equal to";
         }
-        get c9() {
-            let a = this.r.b1("ComparisonOperator_Top");
+        get db() {
+            let a = this.s.b1("ComparisonOperator_Top");
             return !stringIsNullOrWhiteSpace(a) ? a : "Top";
         }
-        get b9() {
-            let a = this.r.b1("ComparisonOperator_Bottom");
+        get cb() {
+            let a = this.s.b1("ComparisonOperator_Bottom");
             return !stringIsNullOrWhiteSpace(a) ? a : "Bottom";
         }
-        get da() {
-            let a = this.r.b1("ComparisonOperator_TopPercentile");
+        get dc() {
+            let a = this.s.b1("ComparisonOperator_TopPercentile");
             return !stringIsNullOrWhiteSpace(a) ? a : "Top percentile";
         }
-        get ca() {
-            let a = this.r.b1("ComparisonOperator_BottomPercentile");
+        get cc() {
+            let a = this.s.b1("ComparisonOperator_BottomPercentile");
             return !stringIsNullOrWhiteSpace(a) ? a : "Bottom percentile";
         }
-        get c7() {
-            let a = this.r.b1("ComparisonOperator_Today");
+        get c9() {
+            let a = this.s.b1("ComparisonOperator_Today");
             return !stringIsNullOrWhiteSpace(a) ? a : "Today";
         }
-        get c8() {
-            let a = this.r.b1("ComparisonOperator_Tomorrow");
+        get da() {
+            let a = this.s.b1("ComparisonOperator_Tomorrow");
             return !stringIsNullOrWhiteSpace(a) ? a : "Tomorrow";
         }
-        get de() {
-            let a = this.r.b1("ComparisonOperator_Yesterday");
+        get dg() {
+            let a = this.s.b1("ComparisonOperator_Yesterday");
             return !stringIsNullOrWhiteSpace(a) ? a : "Yesterday";
         }
-        get c5() {
-            let a = this.r.b1("ComparisonOperator_ThisWeek");
+        get c7() {
+            let a = this.s.b1("ComparisonOperator_ThisWeek");
             return !stringIsNullOrWhiteSpace(a) ? a : "This week";
         }
-        get cu() {
-            let a = this.r.b1("ComparisonOperator_NextWeek");
+        get cw() {
+            let a = this.s.b1("ComparisonOperator_NextWeek");
             return !stringIsNullOrWhiteSpace(a) ? a : "Next week";
         }
-        get cn() {
-            let a = this.r.b1("ComparisonOperator_LastWeek");
+        get cp() {
+            let a = this.s.b1("ComparisonOperator_LastWeek");
             return !stringIsNullOrWhiteSpace(a) ? a : "Last week";
         }
-        get c3() {
-            let a = this.r.b1("ComparisonOperator_ThisMonth");
+        get c5() {
+            let a = this.s.b1("ComparisonOperator_ThisMonth");
             return !stringIsNullOrWhiteSpace(a) ? a : "This month";
         }
-        get cs() {
-            let a = this.r.b1("ComparisonOperator_NextMonth");
+        get cu() {
+            let a = this.s.b1("ComparisonOperator_NextMonth");
             return !stringIsNullOrWhiteSpace(a) ? a : "Next month";
         }
-        get cl() {
-            let a = this.r.b1("ComparisonOperator_LastMonth");
+        get cn() {
+            let a = this.s.b1("ComparisonOperator_LastMonth");
             return !stringIsNullOrWhiteSpace(a) ? a : "Last month";
         }
-        get c4() {
-            let a = this.r.b1("ComparisonOperator_ThisQuarter");
+        get c6() {
+            let a = this.s.b1("ComparisonOperator_ThisQuarter");
             return !stringIsNullOrWhiteSpace(a) ? a : "This quarter";
         }
-        get ct() {
-            let a = this.r.b1("ComparisonOperator_NextQuarter");
+        get cv() {
+            let a = this.s.b1("ComparisonOperator_NextQuarter");
             return !stringIsNullOrWhiteSpace(a) ? a : "Next quarter";
         }
-        get cm() {
-            let a = this.r.b1("ComparisonOperator_LastQuarter");
+        get co() {
+            let a = this.s.b1("ComparisonOperator_LastQuarter");
             return !stringIsNullOrWhiteSpace(a) ? a : "Last quarter";
         }
-        get c6() {
-            let a = this.r.b1("ComparisonOperator_ThisYear");
+        get c8() {
+            let a = this.s.b1("ComparisonOperator_ThisYear");
             return !stringIsNullOrWhiteSpace(a) ? a : "This year";
         }
-        get cv() {
-            let a = this.r.b1("ComparisonOperator_NextYear");
+        get cx() {
+            let a = this.s.b1("ComparisonOperator_NextYear");
             return !stringIsNullOrWhiteSpace(a) ? a : "Next year";
         }
-        get co() {
-            let a = this.r.b1("ComparisonOperator_LastYear");
+        get cq() {
+            let a = this.s.b1("ComparisonOperator_LastYear");
             return !stringIsNullOrWhiteSpace(a) ? a : "Last year";
         }
-        get dd() {
-            let a = this.r.b1("ComparisonOperator_YearToDate");
+        get df() {
+            let a = this.s.b1("ComparisonOperator_YearToDate");
             return !stringIsNullOrWhiteSpace(a) ? a : "Year to date";
         }
-        get cy() {
-            let a = this.r.b1("ComparisonOperator_Q1");
+        get c0() {
+            let a = this.s.b1("ComparisonOperator_Q1");
             return !stringIsNullOrWhiteSpace(a) ? a : "Quarter 1";
         }
-        get cz() {
-            let a = this.r.b1("ComparisonOperator_Q2");
+        get c1() {
+            let a = this.s.b1("ComparisonOperator_Q2");
             return !stringIsNullOrWhiteSpace(a) ? a : "Quarter 2";
         }
-        get c0() {
-            let a = this.r.b1("ComparisonOperator_Q3");
+        get c2() {
+            let a = this.s.b1("ComparisonOperator_Q3");
             return !stringIsNullOrWhiteSpace(a) ? a : "Quarter 3";
         }
-        get c1() {
-            let a = this.r.b1("ComparisonOperator_Q4");
+        get c3() {
+            let a = this.s.b1("ComparisonOperator_Q4");
             return !stringIsNullOrWhiteSpace(a) ? a : "Quarter 4";
         }
-        get cr() {
-            let a = this.r.b1("ComparisonOperator_Month");
+        get ct() {
+            let a = this.s.b1("ComparisonOperator_Month");
             return !stringIsNullOrWhiteSpace(a) ? a : "Month";
         }
-        get dc() {
-            let a = this.r.b1("ComparisonOperator_Year");
+        get de() {
+            let a = this.s.b1("ComparisonOperator_Year");
             return !stringIsNullOrWhiteSpace(a) ? a : "Year";
         }
-        get c2() {
-            let a = this.r.b1("ComparisonOperator_StartsWith");
+        get c4() {
+            let a = this.s.b1("ComparisonOperator_StartsWith");
             return !stringIsNullOrWhiteSpace(a) ? a : "Starts with";
         }
-        get ce() {
-            let a = this.r.b1("ComparisonOperator_DoesNotStartWith");
+        get cg() {
+            let a = this.s.b1("ComparisonOperator_DoesNotStartWith");
             return !stringIsNullOrWhiteSpace(a) ? a : "Does not start with";
         }
-        get cg() {
-            let a = this.r.b1("ComparisonOperator_EndsWith");
+        get ci() {
+            let a = this.s.b1("ComparisonOperator_EndsWith");
             return !stringIsNullOrWhiteSpace(a) ? a : "Ends with";
         }
-        get cd() {
-            let a = this.r.b1("ComparisonOperator_DoesNotEndWith");
+        get cf() {
+            let a = this.s.b1("ComparisonOperator_DoesNotEndWith");
             return !stringIsNullOrWhiteSpace(a) ? a : "Does not end with";
         }
-        get cb() {
-            let a = this.r.b1("ComparisonOperator_Contains");
+        get cd() {
+            let a = this.s.b1("ComparisonOperator_Contains");
             return !stringIsNullOrWhiteSpace(a) ? a : "Contains";
         }
-        get cc() {
-            let a = this.r.b1("ComparisonOperator_DoesNotContain");
+        get ce() {
+            let a = this.s.b1("ComparisonOperator_DoesNotContain");
             return !stringIsNullOrWhiteSpace(a) ? a : "Does not contain";
         }
-        get cf() {
-            let a = this.r.b1("ComparisonOperator_Empty");
+        get ch() {
+            let a = this.s.b1("ComparisonOperator_Empty");
             return !stringIsNullOrWhiteSpace(a) ? a : "Empty";
         }
-        get cw() {
-            let a = this.r.b1("ComparisonOperator_NotEmpty");
+        get cy() {
+            let a = this.s.b1("ComparisonOperator_NotEmpty");
             return !stringIsNullOrWhiteSpace(a) ? a : "Not empty";
         }
-        ee(a) {
+        ej(a) {
             if (a == null) {
-                if (this.n != null) {
-                    let b = this.n;
-                    b.clicked = delegateRemove(b.clicked, runOn(this, this.d9));
+                if (this.o != null) {
+                    let b = this.o;
+                    b.clicked = delegateRemove(b.clicked, runOn(this, this.ec));
                 }
                 if (this.f != null) {
                     this.f.ae.clear();
                     let c = this.f;
-                    c.cellClicked = delegateRemove(c.cellClicked, runOn(this, this.d6));
+                    c.cellClicked = delegateRemove(c.cellClicked, runOn(this, this.d9));
                 }
-                if (this.m != null) {
-                    let d = this.m;
-                    d.cellUpdating = delegateRemove(d.cellUpdating, runOn(this, this.eg));
+                if (this.n != null) {
+                    let d = this.n;
+                    d.cellUpdating = delegateRemove(d.cellUpdating, runOn(this, this.el));
                 }
             }
-            this.e.t(a);
+            this.e.u(a);
         }
-        d7() {
-            this.ee(null);
+        ea() {
+            this.ej(null);
             if (this.f != null) {
                 let a = this.f;
-                a.cellClicked = delegateRemove(a.cellClicked, runOn(this, this.d6));
+                a.cellClicked = delegateRemove(a.cellClicked, runOn(this, this.d9));
             }
-            this.u.clear();
+            this.v.clear();
         }
-        d8(a, b, c) {
-            this.p = a;
-            this.o = b;
-            this.o.svgPath = this.bt(this.b);
+        eb(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;
@@ -48825,37 +48931,39 @@ let ComparisonOperatorSelector = /*@__PURE__*/ (() => {
             this.f.oc = 0;
             this.f.go = 3;
             this.f.i6 = false;
+            this.f.yr = new CornerRadius(0, 0);
+            this.f.aa0 = new Thickness(0, 0);
             let d = this.f;
-            d.cellClicked = delegateCombine(d.cellClicked, runOn(this, this.d6));
-            this.m = new TemplateColumn();
-            this.m.width = ((() => {
+            d.cellClicked = delegateCombine(d.cellClicked, runOn(this, this.d9));
+            this.n = new TemplateColumn();
+            this.n.width = ((() => {
                 let $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";
-            let e = this.m;
-            e.cellUpdating = delegateCombine(e.cellUpdating, 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";
+            let e = this.n;
+            e.cellUpdating = delegateCombine(e.cellUpdating, runOn(this, this.el));
+            this.f.columns.add(this.n);
             let f = new TextColumn();
             f.i8 = "DisplayText";
             f.h2 = 0;
             f.e = 0;
             this.f.columns.add(f);
-            this.d1();
+            this.d4();
         }
-        ec(a, b) {
-            this.s = true;
-            for (let 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];
+        eh(a, b) {
+            this.t = true;
+            for (let 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, ((() => {
                     let $ret = new OperatorSelectorValueChangedEventArgs();
@@ -48865,110 +48973,124 @@ let ComparisonOperatorSelector = /*@__PURE__*/ (() => {
                 })()));
             }
         }
-        ea() {
+        ed() {
+            if (this.p != null) {
+                this.p.fill = this.eq;
+            }
+            if (this.f != null) {
+                this.f.zv = this.eq;
+                this.f.zt = this.ep;
+            }
+        }
+        ef() {
             if (this.opening != null) {
                 this.opening(this, new OperatorSelectorOpeningEventArgs());
             }
         }
-        bt(a) {
+        ee() {
+            if (this.opened != null) {
+                this.opened(this, new OperatorSelectorOpeningEventArgs());
+            }
+        }
+        bv(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 "";
             }
         }
-        bs(a) {
+        bu(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 "";
             }
         }
-        d1() {
-            this.u = new List$1(OperatorModel.$, 0);
+        d4() {
+            this.v = new List$1(OperatorModel.$, 0);
             switch (this.d) {
                 case 2:
-                    this.dz(this.u);
+                    this.d2(this.v);
                     break;
                 case 10:
                 case 6:
@@ -48977,38 +49099,38 @@ let ComparisonOperatorSelector = /*@__PURE__*/ (() => {
                 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);
             }
         }
         h(a) {
             return ((() => {
                 let $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;
             })());
         }
-        dz(a) {
+        d2(a) {
             a.add(this.h(10));
             a.add(this.h(11));
         }
-        d2(a) {
+        d5(a) {
             a.add(this.h(0));
             a.add(this.h(1));
             a.add(this.h(2));
@@ -49016,7 +49138,7 @@ let ComparisonOperatorSelector = /*@__PURE__*/ (() => {
             a.add(this.h(4));
             a.add(this.h(5));
         }
-        d0(a) {
+        d3(a) {
             a.add(this.h(0));
             a.add(this.h(1));
             a.add(this.h(2));
@@ -49046,7 +49168,7 @@ let ComparisonOperatorSelector = /*@__PURE__*/ (() => {
             a.add(this.h(36));
             a.add(this.h(37));
         }
-        d3(a) {
+        d6(a) {
             a.add(this.h(0));
             a.add(this.h(1));
             a.add(this.h(14));
@@ -49058,128 +49180,129 @@ let ComparisonOperatorSelector = /*@__PURE__*/ (() => {
             a.add(this.h(40));
             a.add(this.h(41));
         }
-        x() {
+        y() {
             if (this.f != null) {
                 let 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;
         }
-        eh() {
-            if (this.p != null) {
-                if (!this.p.t) {
-                    this.ea();
-                    this.p.showRelativeToExclusionRect(this.e.v(), 1, 0);
+        em() {
+            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();
                 }
             }
         }
-        d5() {
-            if (this.p != null) {
-                this.p.ao();
+        d8() {
+            if (this.q != null) {
+                this.q.ao();
             }
         }
-        dy(a, b, c, d) {
+        d1(a, b, c, d) {
             let e = ((() => {
                 let $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);
             }
         }
-        d4() {
-            if (this.u == null) {
+        d7() {
+            if (this.v == null) {
                 return;
             }
-            for (let a = 0; a < this.u.count; a++) {
-                if (this.u._inner[a].a == 44) {
-                    this.u.removeAt(a);
+            for (let 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();
         }
-        ef(a, b) {
+        ek(a, b) {
             if (a != null) {
-                for (let c = 0; c < this.t.count; c++) {
-                    if (this.t._inner[c].c == a) {
-                        this.i = this.t._inner[c];
+                for (let 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];
                 }
             }
         }
-        d9(a, b) {
-            this.eh();
+        ec(a, b) {
+            this.em();
         }
-        d6(a, b) {
+        d9(a, b) {
             let c = b.cellInfo.et;
             this.i = this.f.actualDataSource.getItemAtIndex(c);
-            this.d5();
+            this.d8();
         }
-        eg(a, b) {
-            this.e.s(b.content, b.cellInfo.g4);
+        el(a, b) {
+            this.e.t(b.content, b.cellInfo.g4);
         }
     }
     ComparisonOperatorSelector.$t = /*@__PURE__*/ markType(ComparisonOperatorSelector, 'ComparisonOperatorSelector', Base.$, [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;
 })();
 
@@ -49235,6 +49358,7 @@ let FilterCell = /*@__PURE__*/ (() => {
             this.cx = null;
             this.c7 = null;
             this.ch = null;
+            this.d6 = null;
             this.c4 = a.createElement("div");
             this.c4.setStyleProperty("display", "flex");
             this.c4.setStyleProperty("flex-direction", "row");
@@ -49244,7 +49368,7 @@ let FilterCell = /*@__PURE__*/ (() => {
             this.c6 = a.createElement("div");
             this.c2 = a.getSubRenderer(this.c6);
             this.ck = new ComparisonOperatorSelector();
-            this.ck.ee(this.c2);
+            this.ck.ej(this.c2);
             this.c6.setStyleProperty("width", "24px");
             this.c6.setStyleProperty("height", "24px");
             this.c4.append(this.c6);
@@ -49258,7 +49382,7 @@ let FilterCell = /*@__PURE__*/ (() => {
             this.cw = new XIcon();
             this.cw.provideContainer(a.getSubRenderer(this.c5));
             this.c4.append(this.c5);
-            this.dn();
+            this.dp();
         }
         cs(a) {
             switch (this.cm) {
@@ -49281,30 +49405,30 @@ let FilterCell = /*@__PURE__*/ (() => {
                 default: return null;
             }
         }
-        d0() {
+        d1() {
             this.c3.removeChildren();
         }
-        dl() {
+        dm() {
             this.c3.append(this.cr.container);
         }
-        dt() {
+        du() {
             if (this.ae.getChildCount() == 0) {
                 this.ae.append(this.c4);
             }
         }
-        dr() {
+        ds() {
             if (this.ae.getChildCount() > 0) {
                 this.ae.removeChildren();
             }
         }
         bp(a, b, c) {
             super.bp(a, b, c);
-            this.dz(a, b, c);
+            this.d0(a, b, c);
         }
         bo() {
-            this.dx();
+            this.dy();
         }
-        d1(a, b, c, d) {
+        d2(a, b, c, d) {
             if (this.d != null) {
                 let e = this.c6.getNativeElement();
                 this.d.update("SelectorTop", (e.offsetTop));
@@ -49317,17 +49441,17 @@ let FilterCell = /*@__PURE__*/ (() => {
                 this.d.update("ClearIconLeft", (g.offsetLeft));
             }
         }
-        dn() {
+        dp() {
             let a = this.ck;
-            a.valueChanged = delegateCombine(a.valueChanged, runOn(this, this.dy));
+            a.valueChanged = delegateCombine(a.valueChanged, runOn(this, this.dz));
             this.cw.svgPath = FilterCell.c9;
-            this.d3(false);
+            this.d4(false);
             let b = this.cw;
-            b.clicked = delegateCombine(b.clicked, runOn(this, this.dm));
+            b.clicked = delegateCombine(b.clicked, runOn(this, this.dn));
         }
-        dx() {
+        dy() {
             if (this.cr == null) {
-                this.ds();
+                this.dt();
             }
         }
         cn() {
@@ -49367,7 +49491,7 @@ let FilterCell = /*@__PURE__*/ (() => {
             }
             if (this.ck.b == 44) {
                 if (this.cq != null && this.cq.count > 0) {
-                    let b = this.cq._inner[this.ck.w];
+                    let b = this.cq._inner[this.ck.x];
                     switch (b.b) {
                         case 0:
                         case 1:
@@ -49384,26 +49508,26 @@ let FilterCell = /*@__PURE__*/ (() => {
             }
             return a;
         }
-        d3(a) {
+        d4(a) {
             if (this.cw != null) {
                 this.cw.disabled = !a;
                 this.cw.z = a ? 1 : 0.3;
             }
         }
-        dh(a) {
+        di(a) {
             if (!this.cz) {
                 return;
             }
             if (this.ck.b == 44) {
                 if (this.cq != null && this.cq.count > 0) {
-                    this.b.applyCustomFilter(this.ck.ac, this.ck.w, a);
+                    this.b.applyCustomFilter(this.ck.ae, this.ck.x, a);
                 }
             }
             else {
                 this.b.applyFilter(this.ck.b, a);
             }
         }
-        di() {
+        dj() {
             if (!this.cz) {
                 return;
             }
@@ -49411,32 +49535,37 @@ let FilterCell = /*@__PURE__*/ (() => {
                 this.b.clearFilter();
             }
         }
-        dz(a, b, c) {
+        d0(a, b, c) {
             switch (a) {
                 case "DataType":
-                    this.dq();
+                    this.dr();
                     break;
                 case "EditorType":
-                    this.ds();
+                    this.dt();
                     break;
                 case "FontInfo":
-                    this.dw();
+                    this.dx();
                     break;
                 case "Filter":
-                    this.du();
+                    this.dv();
                     break;
                 case "FilterOperands":
-                    this.dp();
+                    this.dq();
                     break;
                 case "FilterValue":
-                    this.dv();
+                    this.dw();
                     break;
                 case "IsEditorEnabled":
                     this.cr.isEnabled = this.c1;
                     break;
+                case "TextColor":
+                    this.ck.eq = this.d7;
+                    this.cw.fill = this.d7;
+                    this.cr.textColor = this.d7;
+                    break;
             }
         }
-        du() {
+        dv() {
             this.cz = false;
             if (this.cr != null) {
                 if (this.ci != null) {
@@ -49457,7 +49586,7 @@ let FilterCell = /*@__PURE__*/ (() => {
                     }
                     else if (typeCast(ColumnCustomFilterCondition.$, this.ci) !== null) {
                         let c = typeCast(ColumnCustomFilterCondition.$, this.ci);
-                        this.ck.ef(c.id, c.d);
+                        this.ck.ek(c.id, c.d);
                         let d = this.cr.getEditorValue();
                         if (d != null) {
                             if (!Base.equalsStatic(d, c.e)) {
@@ -49487,37 +49616,37 @@ let FilterCell = /*@__PURE__*/ (() => {
             }
             this.cz = true;
         }
-        dp() {
-            this.ck.d4();
+        dq() {
+            this.ck.d7();
             for (let a = 0; a < this.cq.count; a++) {
-                this.ck.dy(this.cq._inner[a].e, this.cq._inner[a].f, this.cq._inner[a].g, a);
+                this.ck.d1(this.cq._inner[a].e, this.cq._inner[a].f, this.cq._inner[a].g, a);
             }
         }
-        dq() {
+        dr() {
             if (this.cj == 11) {
                 this.c1 = false;
             }
             this.cm = this.cn();
         }
-        dv() {
-            this.d3(this.c8 != null);
+        dw() {
+            this.d4(this.c8 != null);
             if (this.c8 == null || Base.equalsStatic(this.c8, "")) {
-                this.di();
+                this.dj();
             }
             else {
-                this.dh(this.c8);
+                this.di(this.c8);
             }
             if (this.d != null) {
                 this.d.update("FilterValue", this.c8);
             }
         }
-        ds() {
+        dt() {
             if (this.cr != null) {
                 this.cr.detachEvents();
                 let a = this.cr;
-                a.valueProvided = delegateRemove(a.valueProvided, runOn(this, this.d2));
+                a.valueProvided = delegateRemove(a.valueProvided, runOn(this, this.d3));
             }
-            this.d0();
+            this.d1();
             this.cr = this.cs(this.cm);
             this.cr.onEditStarted();
             if (this.cr != null) {
@@ -49527,19 +49656,19 @@ let FilterCell = /*@__PURE__*/ (() => {
                 this.cr.focusOnValueChanged = false;
                 this.cr.showClearButton = false;
                 let b = this.cr;
-                b.valueProvided = delegateCombine(b.valueProvided, runOn(this, this.d2));
-                this.dl();
+                b.valueProvided = delegateCombine(b.valueProvided, runOn(this, this.d3));
+                this.dm();
             }
-            this.dm(null, null);
+            this.dn(null, null);
         }
-        dw() {
+        dx() {
             if (this.cy != null) {
                 if (this.cr != null) {
                     this.cr.setFont(this.cy);
                 }
             }
         }
-        dy(a, b) {
+        dz(a, b) {
             this.cm = this.cn();
             switch (b.newValue) {
                 case 40:
@@ -49579,30 +49708,30 @@ let FilterCell = /*@__PURE__*/ (() => {
             }
             if (b.newValue == 44) {
                 if (this.cq != null && this.cq.count > 0) {
-                    let c = this.cq._inner[this.ck.w];
+                    let c = this.cq._inner[this.ck.x];
                     this.c1 = c.d;
                 }
             }
             if (!this.c1) {
-                this.dh(null);
-                this.d3(true);
+                this.di(null);
+                this.d4(true);
             }
             else if (this.c8 != null && !Base.equalsStatic(this.c8, "")) {
-                this.dh(this.c8);
+                this.di(this.c8);
             }
             else {
-                this.di();
-                this.d3(false);
+                this.dj();
+                this.d4(false);
             }
             if (this.d != null) {
                 this.d.update("OperatorType", enumGetBox(ColumnComparisonConditionOperatorType_$type, this.ck.b));
             }
         }
-        dm(a, b) {
+        dn(a, b) {
             if (b != null) {
                 if (!this.c1) {
                     this.ck.b = 0;
-                    this.di();
+                    this.dj();
                 }
             }
             this.c8 = null;
@@ -49611,7 +49740,7 @@ let FilterCell = /*@__PURE__*/ (() => {
                 this.cr.value = null;
             }
         }
-        d2(a, b, c) {
+        d3(a, b, c) {
             if (this.cm == 2) {
                 if (typeof b === 'string') {
                     let d;
@@ -49622,8 +49751,8 @@ let FilterCell = /*@__PURE__*/ (() => {
             }
             this.c8 = b;
         }
-        d4(a, b, c, d) {
-            this.d1(a, b, c, d);
+        d5(a, b, c, d) {
+            this.d2(a, b, c, d);
         }
         co(a, b) {
             if (a != null) {
@@ -49638,11 +49767,11 @@ let FilterCell = /*@__PURE__*/ (() => {
             }
             return null;
         }
-        dk() {
-            this.dt();
+        dl() {
+            this.du();
         }
-        dj() {
-            this.dr();
+        dk() {
+            this.ds();
         }
         get cj() {
             return this.ck.d;
@@ -49714,6 +49843,16 @@ let FilterCell = /*@__PURE__*/ (() => {
                 this.bp("Filter", b, this.ch);
             }
         }
+        get d7() {
+            return this.d6;
+        }
+        set d7(a) {
+            let b = this.d6;
+            this.d6 = a;
+            if (b != this.d6) {
+                this.bp("TextColor", b, this.d6);
+            }
+        }
     }
     FilterCell.$t = /*@__PURE__*/ markType(FilterCell, 'FilterCell', GridCellBase.$);
     FilterCell.c9 = "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z";
@@ -49758,16 +49897,19 @@ let FilterCellPresenter = /*@__PURE__*/ (() => {
                 }
                 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);
                 }
             }
         }
@@ -62651,6 +62793,7 @@ let CheckboxList = /*@__PURE__*/ (() => {
                     if (null != f) {
                         f.zv = this.dy;
                         f.zt = this.di;
+                        f.zu = this.di;
                     }
                     this.m.ad();
                     break;
@@ -70267,6 +70410,7 @@ let SummaryChooser = /*@__PURE__*/ (() => {
                 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;
@@ -70427,18 +70571,18 @@ let GridColumnSummaryOptionsView = /*@__PURE__*/ (() => {
                 this.o = ((() => { let d = GridColumnOptionsUtilities.f(this.n, this.e, GridColumnSummaryOptionsView.r, 1, this.n.p, this.n.j, new Size(1, 24, 24), a, b, this.p, c, false, true); a = d.p7; b = d.p8; this.p = d.p9; c = d.p10; return d.ret; })());
                 c.setStyleProperty("transform", "rotate(-90deg)");
                 this.g.append(this.o);
-                this.n.ci(a);
+                this.n.ck(a);
             }
             if (this.n.bx == null) {
                 let d = new SummaryChooser();
                 d.a2(this.e);
-                this.n.cm(d);
+                this.n.co(d);
                 let e = this.e.createElement("div");
                 let f = this.e.getSubRenderer(e);
                 let g = new Popup();
                 g.provideRenderer(f);
                 g.appendPopupContent(d.c.container);
-                this.n.cj(g);
+                this.n.cl(g);
             }
             document.addEventListener("mousedown", runOn(this, this.s), false);
         }
@@ -70482,7 +70626,7 @@ let GridColumnSummaryOptionsView = /*@__PURE__*/ (() => {
             return (window.innerWidth);
         }
         s(e_) {
-            this.n.ch();
+            this.n.cj();
         }
     }
     GridColumnSummaryOptionsView.$t = /*@__PURE__*/ markType(GridColumnSummaryOptionsView, 'GridColumnSummaryOptionsView', GridColumnOptionsViewBase.$);
@@ -70503,6 +70647,8 @@ let GridColumnSummaryOptions = /*@__PURE__*/ (() => {
             this.b2 = 0;
             this.b1 = 0;
             this.b6 = 0;
+            this.ct = BrushUtil.g(255, 24, 29, 31);
+            this.cs = BrushUtil.g(255, 248, 248, 248);
         }
         f() {
             return new GridColumnSummaryOptionsView();
@@ -70521,9 +70667,11 @@ let GridColumnSummaryOptions = /*@__PURE__*/ (() => {
                 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;
@@ -70704,47 +70852,68 @@ let GridColumnSummaryOptions = /*@__PURE__*/ (() => {
                 this.bc("ActiveCount", b, this.b6);
             }
         }
-        ch() {
+        get cv() {
+            return this.ct;
+        }
+        set cv(a) {
+            let b = this.ct;
+            this.ct = a;
+            if (b != this.ct) {
+                this.bc("SummaryListTextColor", b, this.ct);
+            }
+        }
+        get cu() {
+            return this.cs;
+        }
+        set cu(a) {
+            let b = this.cs;
+            this.cs = a;
+            if (b != this.cs) {
+                this.bc("SummaryListBackground", b, this.cs);
+            }
+        }
+        cj() {
             if (this.b0 != null && this.b0.t) {
                 this.b0.ao();
             }
         }
-        ci(a) {
+        ck(a) {
             if (this.by != null) {
                 let b = this.by;
-                b.clicked = delegateRemove(b.clicked, runOn(this, this.ck));
+                b.clicked = delegateRemove(b.clicked, runOn(this, this.cm));
             }
             this.by = a;
             if (this.by != null) {
                 let c = this.by;
-                c.clicked = delegateCombine(c.clicked, runOn(this, this.ck));
+                c.clicked = delegateCombine(c.clicked, runOn(this, this.cm));
             }
-            this.cn();
+            this.cp();
         }
-        cj(a) {
+        cl(a) {
             this.b0 = a;
-            this.cp();
+            this.cr();
         }
-        cm(a) {
+        co(a) {
             if (this.bw != null) {
                 let b = this.bw;
-                b.summaryChanged = delegateRemove(b.summaryChanged, runOn(this, this.cl));
+                b.summaryChanged = delegateRemove(b.summaryChanged, runOn(this, this.cn));
             }
             this.bw = a;
             if (this.bw != null) {
                 let c = this.bw;
-                c.summaryChanged = delegateCombine(c.summaryChanged, runOn(this, this.cl));
+                c.summaryChanged = delegateCombine(c.summaryChanged, runOn(this, this.cn));
             }
-            this.co();
+            this.cq();
         }
-        co() {
+        cq() {
             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;
             }
         }
-        cn() {
+        cp() {
             if (this.by != null) {
                 this.by.ef = 0;
                 this.by.ak = false;
@@ -70752,13 +70921,13 @@ let GridColumnSummaryOptions = /*@__PURE__*/ (() => {
                 this.bh(this.by);
             }
         }
-        cp() {
+        cr() {
             if (this.b0 != null) {
                 this.b0.a8 = this.bo;
                 this.b0.q = false;
             }
         }
-        ck(a, b) {
+        cm(a, b) {
             if (this.b0 == null) {
                 return;
             }
@@ -70781,7 +70950,7 @@ let GridColumnSummaryOptions = /*@__PURE__*/ (() => {
                 this.b0.showRelativeToExclusionRect(d, 1, 0);
             }
         }
-        cl(a, b) {
+        cn(a, b) {
             if (b.a) {
                 this.b7++;
             }
@@ -70923,6 +71092,20 @@ let IgcGridColumnSummaryOptionsComponent = /*@__PURE__*/ (() => {
             this.i.b7 = +v;
             this._a("activeCount", this.i.b7);
         }
+        get summaryListTextColor() {
+            return brushToString(this.i.cv);
+        }
+        set summaryListTextColor(v) {
+            this.i.cv = stringToBrush(v);
+            this._a("summaryListTextColor", brushToString(this.i.cv));
+        }
+        get summaryListBackground() {
+            return brushToString(this.i.cu);
+        }
+        set summaryListBackground(v) {
+            this.i.cu = stringToBrush(v);
+            this._a("summaryListBackground", brushToString(this.i.cu));
+        }
         onApply() {
             this.i.bt();
         }
@@ -70930,7 +71113,7 @@ let IgcGridColumnSummaryOptionsComponent = /*@__PURE__*/ (() => {
             this.i.bu();
         }
         closeMenu() {
-            this.i.ch();
+            this.i.cj();
         }
     }
     IgcGridColumnSummaryOptionsComponent._observedAttributesIgcGridColumnSummaryOptionsComponent = null;
@@ -71603,6 +71786,8 @@ let GridColumnOptions = /*@__PURE__*/ (() => {
             this.b5 = 0;
             this.b3 = 0;
             this.d0 = null;
+            this.fk = BrushUtil.g(255, 24, 29, 31);
+            this.fj = BrushUtil.g(255, 248, 248, 248);
             this.applyButtonClick = null;
             this.cancelButtonClick = null;
         }
@@ -71633,14 +71818,14 @@ let GridColumnOptions = /*@__PURE__*/ (() => {
             if (null != this.b2) {
                 this.b2.column = a;
             }
-            this.fg();
+            this.fi();
         }
         bb(a, b) {
             super.bb(a, b);
             switch (b.propertyName) {
                 case "HeaderClickAction":
                 case "ColumnMovingMode":
-                    this.fg();
+                    this.fi();
                     break;
             }
         }
@@ -71657,7 +71842,7 @@ let GridColumnOptions = /*@__PURE__*/ (() => {
                 case "PaddingRight":
                 case "PaddingBottom":
                 case "PaddingLeft":
-                    this.fg();
+                    this.fi();
                     break;
                 case "ActualLabelTextStyle":
                 case "ActualBaseTheme":
@@ -71668,13 +71853,13 @@ let GridColumnOptions = /*@__PURE__*/ (() => {
                 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;
@@ -71684,7 +71869,7 @@ let GridColumnOptions = /*@__PURE__*/ (() => {
                     break;
             }
         }
-        fg() {
+        fi() {
             this.bz.m();
         }
         get dx() {
@@ -72096,6 +72281,26 @@ let GridColumnOptions = /*@__PURE__*/ (() => {
             }
             this.bc("FilterListPlaceholderText", b, this.d0);
         }
+        get fm() {
+            return this.fk;
+        }
+        set fm(a) {
+            let b = this.fk;
+            this.fk = a;
+            if (b != this.fk) {
+                this.bc("SummaryListTextColor", b, this.fk);
+            }
+        }
+        get fl() {
+            return this.fj;
+        }
+        set fl(a) {
+            let b = this.fj;
+            this.fj = a;
+            if (b != this.fj) {
+                this.bc("SummaryListBackground", b, this.fj);
+            }
+        }
         notifySizeChanged() {
             this.e.j();
         }
@@ -72121,37 +72326,37 @@ let GridColumnOptions = /*@__PURE__*/ (() => {
             this.bv.b7 = this.dv;
             this.bv.cc = this.d1;
             let t = this.b1;
-            t.propertyChanged = delegateCombine(t.propertyChanged, runOn(this, this.e9));
+            t.propertyChanged = delegateCombine(t.propertyChanged, runOn(this, this.fb));
             let u = this.by;
-            u.propertyChanged = delegateCombine(u.propertyChanged, runOn(this, this.e9));
+            u.propertyChanged = delegateCombine(u.propertyChanged, runOn(this, this.fb));
             let v = this.b0;
-            v.propertyChanged = delegateCombine(v.propertyChanged, runOn(this, this.e9));
+            v.propertyChanged = delegateCombine(v.propertyChanged, runOn(this, this.fb));
             let w = this.bx;
-            w.propertyChanged = delegateCombine(w.propertyChanged, runOn(this, this.e9));
+            w.propertyChanged = delegateCombine(w.propertyChanged, runOn(this, this.fb));
             let x = this.bw;
-            x.propertyChanged = delegateCombine(x.propertyChanged, runOn(this, this.e9));
+            x.propertyChanged = delegateCombine(x.propertyChanged, runOn(this, this.fb));
             let y = this.bv;
-            y.propertyChanged = delegateCombine(y.propertyChanged, runOn(this, this.e9));
+            y.propertyChanged = delegateCombine(y.propertyChanged, runOn(this, this.fb));
             this.b2 = r;
             this.bu = s;
             this.bu.bz = this.dp;
             this.bu.b3 = this.ds;
             let z = this.bu;
-            z.applyButtonClick = delegateCombine(z.applyButtonClick, runOn(this, this.fb));
+            z.applyButtonClick = delegateCombine(z.applyButtonClick, runOn(this, this.fd));
             let aa = this.bu;
-            aa.cancelButtonClick = delegateCombine(aa.cancelButtonClick, runOn(this, this.fc));
-            this.ff();
+            aa.cancelButtonClick = delegateCombine(aa.cancelButtonClick, runOn(this, this.fe));
+            this.fh();
             this.bl();
             this.bi();
-            this.fe();
+            this.fg();
         }
         d5() {
             return stringFormat1("{0}px {1}px {2}px {3}px", this.dj.toString(), this.di.toString(), this.dg.toString(), this.dh.toString());
         }
-        ff() {
+        fh() {
             this.cf = (null == this.cg) ? this.ci : this.cg;
         }
-        fe() {
+        fg() {
             let a = [this.b1, this.by, this.b0, this.bx, this.bw, this.bv, this.b2, this.bu];
             for (let c = 0; c < a.length; c++) {
                 let b = a[c];
@@ -72173,9 +72378,11 @@ let GridColumnOptions = /*@__PURE__*/ (() => {
             }
             if (null != this.b2) {
                 this.b2.b5 = this.b8;
+                this.b2.cv = this.fm;
+                this.b2.cu = this.fl;
             }
         }
-        fb(a, b) {
+        fd(a, b) {
             let c = [this.b1, this.by, this.b0, this.bx, this.bw, this.bv, this.b2];
             for (let e = 0; e < c.length; e++) {
                 let d = c[e];
@@ -72185,7 +72392,7 @@ let GridColumnOptions = /*@__PURE__*/ (() => {
                 this.applyButtonClick(this, b);
             }
         }
-        fc(a, b) {
+        fe(a, b) {
             let c = [this.b1, this.by, this.b0, this.bx, this.bw, this.bv, this.b2];
             for (let e = 0; e < c.length; e++) {
                 let d = c[e];
@@ -72195,7 +72402,7 @@ let GridColumnOptions = /*@__PURE__*/ (() => {
                 this.cancelButtonClick(this, b);
             }
         }
-        e9(a, b) {
+        fb(a, b) {
             switch (b.propertyName) {
             }
         }
@@ -72634,6 +72841,26 @@ let IgcGridColumnOptionsComponent = /*@__PURE__*/ (() => {
         set filterListPlaceholderText(v) {
             this.i.d1 = v;
         }
+        /**
+         * Gets or sets the text color for the summary options menu.
+        */
+        get summaryListTextColor() {
+            return brushToString(this.i.fm);
+        }
+        set summaryListTextColor(v) {
+            this.i.fm = stringToBrush(v);
+            this._a("summaryListTextColor", brushToString(this.i.fm));
+        }
+        /**
+         * Gets or sets the background color for the summary options menu.
+        */
+        get summaryListBackground() {
+            return brushToString(this.i.fl);
+        }
+        set summaryListBackground(v) {
+            this.i.fl = stringToBrush(v);
+            this._a("summaryListBackground", brushToString(this.i.fl));
+        }
         get applyButtonClick() {
             return this._applyButtonClick;
         }
@@ -79939,6 +80166,8 @@ let IgcDataGridComparisonOperatorSelectorComponent = /*@__PURE__*/ (() => {
             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) {
@@ -80064,20 +80293,20 @@ let IgcDataGridComparisonOperatorSelectorComponent = /*@__PURE__*/ (() => {
          * Gets the ID for the custom filter that is selected. Value must be 'Custom' for this property to be valid.
         */
         get customFilterID() {
-            return this.i.ac;
+            return this.i.ae;
         }
         set customFilterID(v) {
-            this.i.ac = v;
+            this.i.ae = v;
         }
         /**
          * Gets the index for the custom filter that is selected. Value must be 'Custom' for this property to be valid.
         */
         get customFilterIndex() {
-            return this.i.w;
+            return this.i.x;
         }
         set customFilterIndex(v) {
-            this.i.w = +v;
-            this._a("customFilterIndex", this.i.w);
+            this.i.x = +v;
+            this._a("customFilterIndex", this.i.x);
         }
         /**
          * Gets or sets the data type. Used to determine what operators are available.
@@ -80090,137 +80319,157 @@ let IgcDataGridComparisonOperatorSelectorComponent = /*@__PURE__*/ (() => {
             this._a("dataType", enumToString(DataSourceSchemaPropertyType_$type, this.i.d));
         }
         get maxHeight() {
-            return this.i.y;
+            return this.i.z;
         }
         set maxHeight(v) {
-            this.i.y = +v;
-            this._a("maxHeight", this.i.y);
+            this.i.z = +v;
+            this._a("maxHeight", this.i.z);
+        }
+        /**
+         * Gets or sets the text color.
+        */
+        get textColor() {
+            return brushToString(this.i.eq);
+        }
+        set textColor(v) {
+            this.i.eq = stringToBrush(v);
+            this._a("textColor", brushToString(this.i.eq));
+        }
+        /**
+         * Gets or sets the background color.
+        */
+        get background() {
+            return brushToString(this.i.ep);
+        }
+        set background(v) {
+            this.i.ep = stringToBrush(v);
+            this._a("background", brushToString(this.i.ep));
         }
         get operatorCaptionTrue() {
-            return this.i.db;
+            return this.i.dd;
         }
         get operatorCaptionFalse() {
-            return this.i.ci;
+            return this.i.ck;
         }
         get operatorCaptionEquals() {
-            return this.i.ch;
+            return this.i.cj;
         }
         get operatorCaptionNotEquals() {
-            return this.i.cx;
+            return this.i.cz;
         }
         get operatorCaptionLessThan() {
-            return this.i.cp;
+            return this.i.cr;
         }
         get operatorCaptionLessThanOrEqual() {
-            return this.i.cq;
+            return this.i.cs;
         }
         get operatorCaptionGreaterThan() {
-            return this.i.cj;
+            return this.i.cl;
         }
         get operatorCaptionGreaterThanOrEqual() {
-            return this.i.ck;
+            return this.i.cm;
         }
         get operatorCaptionTop() {
-            return this.i.c9;
+            return this.i.db;
         }
         get operatorCaptionBottom() {
-            return this.i.b9;
+            return this.i.cb;
         }
         get operatorCaptionTopPercentile() {
-            return this.i.da;
+            return this.i.dc;
         }
         get operatorCaptionBottomPercentile() {
-            return this.i.ca;
+            return this.i.cc;
         }
         get operatorCaptionToday() {
-            return this.i.c7;
+            return this.i.c9;
         }
         get operatorCaptionTomorrow() {
-            return this.i.c8;
+            return this.i.da;
         }
         get operatorCaptionYesterday() {
-            return this.i.de;
+            return this.i.dg;
         }
         get operatorCaptionThisWeek() {
-            return this.i.c5;
+            return this.i.c7;
         }
         get operatorCaptionNextWeek() {
-            return this.i.cu;
+            return this.i.cw;
         }
         get operatorCaptionLastWeek() {
-            return this.i.cn;
+            return this.i.cp;
         }
         get operatorCaptionThisMonth() {
-            return this.i.c3;
+            return this.i.c5;
         }
         get operatorCaptionNextMonth() {
-            return this.i.cs;
+            return this.i.cu;
         }
         get operatorCaptionLastMonth() {
-            return this.i.cl;
+            return this.i.cn;
         }
         get operatorCaptionThisQuarter() {
-            return this.i.c4;
+            return this.i.c6;
         }
         get operatorCaptionNextQuarter() {
-            return this.i.ct;
+            return this.i.cv;
         }
         get operatorCaptionLastQuarter() {
-            return this.i.cm;
+            return this.i.co;
         }
         get operatorCaptionThisYear() {
-            return this.i.c6;
+            return this.i.c8;
         }
         get operatorCaptionNextYear() {
-            return this.i.cv;
+            return this.i.cx;
         }
         get operatorCaptionLastYear() {
-            return this.i.co;
+            return this.i.cq;
         }
         get operatorCaptionYearToDate() {
-            return this.i.dd;
+            return this.i.df;
         }
         get operatorCaptionQ1() {
-            return this.i.cy;
+            return this.i.c0;
         }
         get operatorCaptionQ2() {
-            return this.i.cz;
+            return this.i.c1;
         }
         get operatorCaptionQ3() {
-            return this.i.c0;
+            return this.i.c2;
         }
         get operatorCaptionQ4() {
-            return this.i.c1;
+            return this.i.c3;
         }
         get operatorCaptionMonth() {
-            return this.i.cr;
+            return this.i.ct;
         }
         get operatorCaptionYear() {
-            return this.i.dc;
+            return this.i.de;
         }
         get operatorCaptionStartsWith() {
-            return this.i.c2;
+            return this.i.c4;
         }
         get operatorCaptionDoesNotStartWith() {
-            return this.i.ce;
+            return this.i.cg;
         }
         get operatorCaptionEndsWith() {
-            return this.i.cg;
+            return this.i.ci;
         }
         get operatorCaptionDoesNotEndWith() {
-            return this.i.cd;
+            return this.i.cf;
         }
         get operatorCaptionContains() {
-            return this.i.cb;
+            return this.i.cd;
         }
         get operatorCaptionDoesNotContain() {
-            return this.i.cc;
+            return this.i.ce;
         }
         get operatorCaptionEmpty() {
-            return this.i.cf;
+            return this.i.ch;
         }
         get operatorCaptionNotEmpty() {
-            return this.i.cw;
+            return this.i.cy;
         }
         findByName(name) {
             if (this.findEphemera) {
@@ -80284,29 +80533,29 @@ let IgcDataGridComparisonOperatorSelectorComponent = /*@__PURE__*/ (() => {
             this._inStyling = false;
         }
         provideContainer(container) {
-            this.i.ee(container);
+            this.i.ej(container);
         }
         dispose() {
-            this.i.d7();
+            this.i.ea();
         }
         getDropdownHeight() {
-            let iv = this.i.x();
+            let iv = this.i.y();
             return (iv);
         }
         toggle() {
-            this.i.eh();
+            this.i.em();
         }
         close() {
-            this.i.d5();
+            this.i.d8();
         }
         addCustomOperator(name, icon, id, index) {
-            this.i.dy(name, icon, id, index);
+            this.i.d1(name, icon, id, index);
         }
         clearCustomOperators() {
-            this.i.d4();
+            this.i.d7();
         }
         selectCustomFilter(id, index) {
-            this.i.ef(id, index);
+            this.i.ek(id, index);
         }
         get valueChanged() {
             return this._valueChanged;
@@ -80354,6 +80603,29 @@ let IgcDataGridComparisonOperatorSelectorComponent = /*@__PURE__*/ (() => {
             this.i.opening = delegateCombine(this.i.opening, this._opening_wrapped);
             ;
         }
+        get opened() {
+            return this._opened;
+        }
+        set opened(ev) {
+            if (this._opened_wrapped !== null) {
+                this.i.opened = delegateRemove(this.i.opened, this._opened_wrapped);
+                this._opened_wrapped = null;
+                this._opened = null;
+            }
+            this._opened = ev;
+            this._opened_wrapped = (o, e) => {
+                let outerArgs = new IgcOperatorSelectorOpeningEventArgs();
+                outerArgs._provideImplementation(e);
+                if (this.beforeOpened) {
+                    this.beforeOpened(this, outerArgs);
+                }
+                if (this._opened) {
+                    this._opened(this, outerArgs);
+                }
+            };
+            this.i.opened = delegateCombine(this.i.opened, this._opened_wrapped);
+            ;
+        }
         get closing() {
             return this._closing;
         }