igniteui-angular-data-grids 21.0.1 → 21.1.0-beta.0

package/esm2015/lib/GridFilterDialogView_combined.js

@@ -63,10 +63,10 @@ export let GridFilterDialogView = /*@__PURE__*/ (() => {
         }
         y() {
             this.x();
-            this.b.bu();
+            this.b.b7();
         }
         t() {
-            this.b.bm(this.l, this.k, this.aa);
+            this.b.bz(this.l, this.k, this.aa);
         }
         s() {
             if (KeyFrameAnimationFactory.h == null) {
@@ -83,7 +83,7 @@ export let GridFilterDialogView = /*@__PURE__*/ (() => {
                 this.d = null;
                 return;
             }
-            this.h = (isNaN_(this.b.al) ? this.b.ak : this.b.al);
+            this.h = (isNaN_(this.b.aq) ? this.b.ap : this.b.aq);
             let d = a;
             this.m = d;
             this.n = c;
@@ -91,24 +91,24 @@ export let GridFilterDialogView = /*@__PURE__*/ (() => {
             this.m.rootWrapper.addClass("ig-filter-icon");
             this.m.rootWrapper.setStyleProperty("cursor", "pointer");
             this.q = this.m.rootWrapper;
-            NativeUI.y(this.q, 0);
+            NativeUI.ab(this.q, 0);
             let e = this.h;
             let f = Math.round(d.rootWrapper.width());
             let g = Math.round(d.rootWrapper.height());
-            let h = this.b.am * e;
-            let i = this.b.am * e;
+            let h = this.b.ar * e;
+            let i = this.b.ar * e;
             this.x();
             this.l = f;
             this.k = g;
-            if (isNaN_(this.b.al)) {
-                this.b.ak = window.devicePixelRatio;
-                this.h = this.b.ak;
+            if (isNaN_(this.b.aq)) {
+                this.b.ap = window.devicePixelRatio;
+                this.h = this.b.ap;
             }
             this.y();
         }
         r(a) {
             let b = a;
-            this.m.append(b.an);
+            this.m.append(b.ao);
         }
         p() {
             return this.m;
@@ -123,10 +123,10 @@ export let GridFilterDialogView = /*@__PURE__*/ (() => {
             this.m.rootWrapper.setStyleProperty("position", "absolute");
             if (this.b.l == 2) {
                 this.m.rootWrapper.setStyleProperty("left", "unset");
-                this.m.rootWrapper.setStyleProperty("right", this.b.aq + "px");
+                this.m.rootWrapper.setStyleProperty("right", this.b.aw + "px");
             }
             else {
-                this.m.rootWrapper.setStyleProperty("left", this.b.ap + "px");
+                this.m.rootWrapper.setStyleProperty("left", this.b.av + "px");
             }
             let a = intDivide(this.o.height(), 2) - (this.k / 2);
             this.m.rootWrapper.setStyleProperty("top", a + "px");
@@ -135,19 +135,19 @@ export let GridFilterDialogView = /*@__PURE__*/ (() => {
             this.y();
         }
         w(a, b) {
-            if (isNaN_(this.b.al)) {
-                this.b.ak = window.devicePixelRatio;
-                this.h = this.b.ak;
+            if (isNaN_(this.b.aq)) {
+                this.b.ap = window.devicePixelRatio;
+                this.h = this.b.ap;
             }
             this.l = a;
             this.k = b;
             this.y();
         }
         u() {
-            if (isNaN_(this.b.al)) {
-                this.b.ak = window.devicePixelRatio;
-                if (this.h != this.b.ak) {
-                    this.h = this.b.ak;
+            if (isNaN_(this.b.aq)) {
+                this.b.ap = window.devicePixelRatio;
+                if (this.h != this.b.ap) {
+                    this.h = this.b.ap;
                     this.y();
                     return;
                 }
@@ -187,7 +187,7 @@ export let GridFilterDialogPanel = /*@__PURE__*/ (() => {
             e.setStyleProperty("background-color", "#fff");
             e.setStyleProperty("border-radius", "3px");
             e.setStyleProperty("overflow", "auto");
-            let g = ElevationHelper.e(12, this.b.cb, this.b.ca, this.b.b9);
+            let g = ElevationHelper.e(12, this.b.cr, this.b.cq, this.b.cp);
             e.setStyleProperty("boxShadow", g);
             e.listen("mousedown", runOn(this, this.o));
             this.onDocumentKeyDown = this.onDocumentKeyDown.bind(this);
@@ -201,7 +201,7 @@ export let GridFilterDialogPanel = /*@__PURE__*/ (() => {
             a.stopPropagation();
         }
         onDocumentKeyDown(a) {
-            if (BaseDOMEventProxy.c1(a) == 8) {
+            if (BaseDOMEventProxy.c4(a) == 8) {
             }
         }
         onDocumentMouseClick(e_) {
@@ -310,31 +310,37 @@ export let GridFilterDialog = /*@__PURE__*/ (() => {
     class GridFilterDialog extends Base {
         constructor() {
             super();
-            this.at = null;
-            this.ab = true;
+            this.a0 = null;
+            this.af = true;
             this.propertyChanged = null;
-            this.ai = NaN;
-            this.ah = 1;
+            this.an = NaN;
+            this.am = 1;
             this.j = 2;
             this.i = 0;
-            this.an = 0;
-            this.ao = 0;
-            this.b8 = null;
-            this.aj = DeviceUtils.g(24);
+            this.as = 0;
+            this.at = 0;
+            this.co = null;
+            this.ao = DeviceUtils.g(24);
             this.w = 1;
-            this.b3 = null;
-            this.b7 = null;
-            this.b6 = null;
-            this.b4 = null;
-            this.b5 = null;
-            this.b2 = null;
-            this.cb = null;
-            this.ca = null;
-            this.b9 = null;
+            this.cg = null;
+            this.cm = null;
+            this.z = null;
+            this.ck = null;
+            this.cn = null;
+            this.cj = null;
+            this.cl = null;
+            this.ch = null;
+            this.ci = null;
             this.y = null;
-            this.aa = false;
+            this.cf = null;
+            this.au = -1;
+            this.cr = null;
+            this.cq = null;
+            this.cp = null;
+            this.ac = null;
+            this.ae = false;
             this.m = null;
-            this.z = false;
+            this.ad = false;
             this.v = null;
             this.f = null;
             this.dialogOpening = null;
@@ -346,41 +352,41 @@ export let GridFilterDialog = /*@__PURE__*/ (() => {
             this.renderCompleted = null;
             this.s = new GridFilterDialogView(this);
             this.x = 1;
-            this.cb = BrushUtil.l(66, 0, 0, 0);
-            this.ca = BrushUtil.l(30, 0, 0, 0);
-            this.b9 = BrushUtil.l(20, 0, 0, 0);
+            this.cr = BrushUtil.l(66, 0, 0, 0);
+            this.cq = BrushUtil.l(30, 0, 0, 0);
+            this.cp = BrushUtil.l(20, 0, 0, 0);
         }
-        get au() {
-            return this.at;
+        get a1() {
+            return this.a0;
         }
-        set au(a) {
-            this.at = a;
+        set a1(a) {
+            this.a0 = a;
         }
-        get ad() {
-            return this.ab;
+        get ai() {
+            return this.af;
         }
-        set ad(a) {
-            let b = this.ab;
-            this.ab = a;
-            if (b != this.ab) {
-                this.bt("IsAnimationEnabled", b, this.ab);
+        set ai(a) {
+            let b = this.af;
+            this.af = a;
+            if (b != this.af) {
+                this.b6("IsAnimationEnabled", b, this.af);
             }
         }
-        get al() {
-            return this.ai;
+        get aq() {
+            return this.an;
         }
-        set al(a) {
-            let b = this.ai;
-            this.ai = a;
-            this.bt("PixelScalingRatio", b, this.ai);
+        set aq(a) {
+            let b = this.an;
+            this.an = a;
+            this.b6("PixelScalingRatio", b, this.an);
         }
-        get ak() {
-            return this.ah;
+        get ap() {
+            return this.am;
         }
-        set ak(a) {
-            let b = this.ah;
-            this.ah = a;
-            this.bt("ActualPixelScalingRatio", b, this.ah);
+        set ap(a) {
+            let b = this.am;
+            this.am = a;
+            this.b6("ActualPixelScalingRatio", b, this.am);
         }
         get l() {
             return this.j;
@@ -389,7 +395,7 @@ export let GridFilterDialog = /*@__PURE__*/ (() => {
             let b = this.j;
             this.j = a;
             if (b != this.j) {
-                this.bt("IconHorizontalAlignment", enumGetBox(CellContentHorizontalAlignment_$type, b), enumGetBox(CellContentHorizontalAlignment_$type, this.j));
+                this.b6("IconHorizontalAlignment", enumGetBox(CellContentHorizontalAlignment_$type, b), enumGetBox(CellContentHorizontalAlignment_$type, this.j));
             }
         }
         get k() {
@@ -399,47 +405,47 @@ export let GridFilterDialog = /*@__PURE__*/ (() => {
             let b = this.i;
             this.i = a;
             if (b != this.i) {
-                this.bt("HeaderTextALignment", enumGetBox(CellContentHorizontalAlignment_$type, b), enumGetBox(CellContentHorizontalAlignment_$type, this.i));
+                this.b6("HeaderTextALignment", enumGetBox(CellContentHorizontalAlignment_$type, b), enumGetBox(CellContentHorizontalAlignment_$type, this.i));
             }
         }
-        get ap() {
-            return this.an;
+        get av() {
+            return this.as;
         }
-        set ap(a) {
-            let b = this.an;
-            this.an = a;
-            if (b != this.an) {
-                this.bt("CellPaddingLeft", b, this.an);
+        set av(a) {
+            let b = this.as;
+            this.as = a;
+            if (b != this.as) {
+                this.b6("CellPaddingLeft", b, this.as);
             }
         }
-        get aq() {
-            return this.ao;
+        get aw() {
+            return this.at;
         }
-        set aq(a) {
-            let b = this.ao;
-            this.ao = a;
-            if (b != this.ao) {
-                this.bt("CellPaddingRight", b, this.ao);
+        set aw(a) {
+            let b = this.at;
+            this.at = a;
+            if (b != this.at) {
+                this.b6("CellPaddingRight", b, this.at);
             }
         }
-        get ci() {
-            return this.b8;
+        get c1() {
+            return this.co;
         }
-        set ci(a) {
-            let b = this.b8;
-            this.b8 = a;
-            if (b != this.b8) {
-                this.bt("IconColor", b, this.b8);
+        set c1(a) {
+            let b = this.co;
+            this.co = a;
+            if (b != this.co) {
+                this.b6("IconColor", b, this.co);
             }
         }
-        get am() {
-            return this.aj;
+        get ar() {
+            return this.ao;
         }
-        set am(a) {
-            let b = this.aj;
-            this.aj = a;
-            if (b != this.aj) {
-                this.bt("ViewSize", b, this.aj);
+        set ar(a) {
+            let b = this.ao;
+            this.ao = a;
+            if (b != this.ao) {
+                this.b6("ViewSize", b, this.ao);
             }
         }
         get x() {
@@ -449,82 +455,142 @@ export let GridFilterDialog = /*@__PURE__*/ (() => {
             let b = this.w;
             this.w = a;
             if (this.w != b) {
-                this.bt("Theme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.w));
+                this.b6("Theme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.w));
             }
         }
-        get cd() {
-            return this.b3;
+        get ct() {
+            return this.cg;
         }
-        set cd(a) {
-            let b = this.b3;
-            this.b3 = a;
-            if (b != this.b3) {
-                this.bt("ColumnOptionsBackground", b, this.b3);
+        set ct(a) {
+            let b = this.cg;
+            this.cg = a;
+            if (b != this.cg) {
+                this.b6("ColumnOptionsBackground", b, this.cg);
             }
         }
-        get ch() {
-            return this.b7;
+        get cz() {
+            return this.cm;
         }
-        set ch(a) {
-            let b = this.b7;
-            this.b7 = a;
-            if (b != this.b7) {
-                this.bt("ColumnOptionsTextColor", b, this.b7);
+        set cz(a) {
+            let b = this.cm;
+            this.cm = a;
+            if (b != this.cm) {
+                this.b6("ColumnOptionsTextColor", b, this.cm);
             }
         }
-        get cg() {
-            return this.b6;
+        get ab() {
+            return this.z;
         }
-        set cg(a) {
-            let b = this.b6;
-            this.b6 = a;
-            if (b != this.b6) {
-                this.bt("ColumnOptionsSeparatorColor", b, this.b6);
+        set ab(a) {
+            let b = this.z;
+            this.z = a;
+            if (b != this.z) {
+                this.b6("ColumnOptionsTextStyle", b, this.z);
             }
         }
-        get ce() {
-            return this.b4;
+        get cx() {
+            return this.ck;
         }
-        set ce(a) {
-            let b = this.b4;
-            this.b4 = a;
-            if (b != this.b4) {
-                this.bt("ColumnOptionsGroupHeaderBackground", b, this.b4);
+        set cx(a) {
+            let b = this.ck;
+            this.ck = a;
+            if (b != this.ck) {
+                this.b6("ColumnOptionsHoverBackgroundColor", b, this.ck);
             }
         }
-        get cf() {
-            return this.b5;
+        get c0() {
+            return this.cn;
         }
-        set cf(a) {
-            let b = this.b5;
-            this.b5 = a;
-            if (b != this.b5) {
-                this.bt("ColumnOptionsGroupHeaderTextColor", b, this.b5);
+        set c0(a) {
+            let b = this.cn;
+            this.cn = a;
+            if (b != this.cn) {
+                this.b6("ColumnOptionsToolTipBackgroundColor", b, this.cn);
             }
         }
-        get cc() {
-            return this.b2;
+        get cw() {
+            return this.cj;
         }
-        set cc(a) {
-            let b = this.b2;
-            this.b2 = a;
-            if (b != this.b2) {
-                this.bt("ColumnOptionsAccentColor", b, this.b2);
+        set cw(a) {
+            let b = this.cj;
+            this.cj = a;
+            if (b != this.cj) {
+                this.b6("ColumnOptionsHighlightColor", b, this.cj);
             }
         }
-        get ae() {
-            return this.v != null ? this.v.bx : false;
+        get cy() {
+            return this.cl;
+        }
+        set cy(a) {
+            let b = this.cl;
+            this.cl = a;
+            if (b != this.cl) {
+                this.b6("ColumnOptionsSeparatorColor", b, this.cl);
+            }
+        }
+        get cu() {
+            return this.ch;
+        }
+        set cu(a) {
+            let b = this.ch;
+            this.ch = a;
+            if (b != this.ch) {
+                this.b6("ColumnOptionsGroupHeaderBackground", b, this.ch);
+            }
+        }
+        get cv() {
+            return this.ci;
+        }
+        set cv(a) {
+            let b = this.ci;
+            this.ci = a;
+            if (b != this.ci) {
+                this.b6("ColumnOptionsGroupHeaderTextColor", b, this.ci);
+            }
         }
-        bt(a, b, c) {
-            this.bw(a, b, c);
+        get aa() {
+            return this.y;
+        }
+        set aa(a) {
+            let b = this.y;
+            this.y = a;
+            if (b != this.y) {
+                this.b6("ColumnOptionsGroupHeaderTextStyle", b, this.y);
+            }
+        }
+        get cs() {
+            return this.cf;
+        }
+        set cs(a) {
+            let b = this.cf;
+            this.cf = a;
+            if (b != this.cf) {
+                this.b6("ColumnOptionsAccentColor", b, this.cf);
+            }
+        }
+        get ax() {
+            return this.au;
+        }
+        set ax(a) {
+            let b = this.au;
+            this.au = a;
+            if (b != this.au) {
+                this.b6("ColumnOptionsRowHeight", b, this.au);
+            }
+        }
+        get aj() {
+            return this.v != null ? this.v.bz : false;
+        }
+        b6(a, b, c) {
+            this.b9(a, b, c);
             if (this.propertyChanged != null) {
                 this.propertyChanged(this, new PropertyChangedEventArgs(a));
             }
         }
-        bw(a, b, c) {
+        b9(a, b, c) {
             switch (a) {
                 case "PixelScalingRatio":
-                    this.ak = this.al;
+                    this.ap = this.aq;
                     break;
                 case "ActualPixelScalingRatio":
                     this.s.z();
@@ -544,48 +610,78 @@ export let GridFilterDialog = /*@__PURE__*/ (() => {
                     break;
                 case "ColumnOptionsBackground":
                     if (this.v != null) {
-                        this.v.cg = this.cd;
-                        this.v.ck = this.cd;
+                        this.v.cl = this.ct;
+                        this.v.cq = this.ct;
                     }
                     break;
                 case "ColumnOptionsTextColor":
                     if (this.v != null) {
-                        this.v.ci = this.ch;
-                        this.v.cj = this.ch;
-                        this.v.b8 = this.ch;
-                        this.v.cc = this.ch;
-                        this.v.cd = this.ch;
-                        this.v.ce = this.ch;
+                        this.v.cn = this.cz;
+                        this.v.cp = this.cz;
+                        this.v.cb = this.cz;
+                        this.v.ch = this.cz;
+                        this.v.ci = this.cz;
+                        this.v.cj = this.cz;
+                    }
+                    break;
+                case "ColumnOptionsTextStyle":
+                    if (this.v != null) {
+                        this.v.bw = this.ab;
+                    }
+                    break;
+                case "ColumnOptionsHoverBackgroundColor":
+                    if (this.v != null) {
+                        this.v.cg = this.cx;
+                    }
+                    break;
+                case "ColumnOptionsToolTipBackgroundColor":
+                    if (this.v != null) {
+                        this.v.co = this.c0;
+                    }
+                    break;
+                case "ColumnOptionsHighlightColor":
+                    if (this.v != null) {
+                        this.v.cf = this.cw;
                     }
                     break;
                 case "ColumnOptionsSeparatorColor":
                     if (this.v != null) {
-                        this.v.cf = this.cg;
+                        this.v.ck = this.cy;
                     }
                     break;
                 case "ColumnOptionsGroupHeaderBackground":
                     if (this.v != null) {
-                        this.v.b9 = this.ce;
+                        this.v.cc = this.cu;
                     }
                     break;
                 case "ColumnOptionsGroupHeaderTextColor":
                     if (this.v != null) {
-                        this.v.cb = this.cf;
+                        this.v.ce = this.cv;
+                    }
+                    break;
+                case "ColumnOptionsGroupHeaderTextStyle":
+                    if (this.v != null) {
+                        this.v.bx = this.aa;
                     }
                     break;
                 case "ColumnOptionsAccentColor":
                     if (this.v != null) {
-                        this.v.b4 = this.cc;
-                        this.v.b6 = this.cc;
-                        this.v.b7 = this.cc;
-                        this.v.cl = this.cc;
+                        this.v.b7 = this.cs;
+                        this.v.b9 = this.cs;
+                        this.v.ca = this.cs;
+                        this.v.cr = this.cs;
+                    }
+                    break;
+                case "ColumnOptionsRowHeight":
+                    if (this.v != null) {
+                        this.v.b3 = this.ax;
                     }
                     break;
             }
         }
-        bx(a, b, c) {
+        ca(a, b, c) {
             this.s.v(a, b, c);
-            this.bq();
+            this.b3();
         }
         get n() {
             return this.m;
@@ -594,89 +690,96 @@ export let GridFilterDialog = /*@__PURE__*/ (() => {
             let b = this.m;
             this.m = a;
             if (this.m != b) {
-                this.bp(b, this.m);
+                this.b2(b, this.m);
             }
         }
-        bp(a, b) {
-            this.z = true;
+        b2(a, b) {
+            this.ad = true;
         }
-        bq() {
-            NativeUIComponent.au(this.s.p(), 18, (a) => {
+        b3() {
+            NativeUIComponent.av(this.s.p(), 18, (a) => {
                 let b = a;
                 this.v = b;
-                this.v.b0 = 16;
-                this.v.b5 = BrushUtil.l(0, 0, 0, 0);
-                this.v.bq = runOn(this, this.bg);
-                this.v.bo = runOn(this, this.bf);
-                this.v.by = false;
+                this.v.b2 = 16;
+                this.v.b8 = BrushUtil.l(0, 0, 0, 0);
+                this.v.v = false;
+                this.v.br = runOn(this, this.bt);
+                this.v.bp = runOn(this, this.bs);
+                this.v.b0 = false;
                 this.s.r(this.v);
                 this.v.c = this.x;
-                this.v.cg = this.cd;
-                this.v.ck = this.cd;
-                this.v.ci = this.ch;
-                this.v.cb = this.cf;
-                this.v.cj = this.ch;
-                this.v.b8 = this.ch;
-                this.v.cc = this.ch;
-                this.v.cd = this.ch;
-                this.v.ce = this.ch;
-                this.v.cf = this.cg;
-                this.v.b9 = this.ce;
-                this.v.b4 = this.cc;
-                this.v.b6 = this.cc;
-                this.v.b7 = this.cc;
-                this.v.cl = this.cc;
-                this.v.b1 = this;
+                this.v.cl = this.ct;
+                this.v.cq = this.ct;
+                this.v.cn = this.cz;
+                this.v.ce = this.cv;
+                this.v.cp = this.cz;
+                this.v.cb = this.cz;
+                this.v.ch = this.cz;
+                this.v.ci = this.cz;
+                this.v.cj = this.cz;
+                this.v.bw = this.ab;
+                this.v.cg = this.cx;
+                this.v.co = this.c0;
+                this.v.cf = this.cw;
+                this.v.ck = this.cy;
+                this.v.cc = this.cu;
+                this.v.bx = this.aa;
+                this.v.b7 = this.cs;
+                this.v.b9 = this.cs;
+                this.v.ca = this.cs;
+                this.v.cr = this.cs;
+                this.v.b3 = this.ax;
+                this.v.b4 = this.n;
             });
         }
-        bg(a, b) {
-            if (this.z) {
-                this.z = false;
-                this.v.b1 = this.n;
+        bt(a, b) {
+            if (this.ad) {
+                this.ad = false;
+                this.v.b4 = this.n;
             }
             if (this.n != null) {
                 if (this.n.grid != null) {
-                    this.n.grid.vt();
+                    this.n.grid.wg();
                 }
-                this.n.oh();
+                this.n.pb();
             }
             if (this.dialogOpening != null) {
                 let c = new GridFilterDialogOpeningEventArgs();
                 this.dialogOpening(this, c);
             }
         }
-        bf(a, b) {
-            if (this.aa) {
-                this.bl();
+        bs(a, b) {
+            if (this.ae) {
+                this.by();
             }
         }
-        bi(a, b) {
+        bv(a, b) {
             switch (b.propertyName) {
                 case "IsHidden": break;
             }
         }
-        br() {
+        b4() {
         }
-        bs(a, b) {
-            a.onModified = delegateRemove(a.onModified, runOn(this, this.bv));
+        b5(a, b) {
+            a.onModified = delegateRemove(a.onModified, runOn(this, this.b8));
             if (b) {
-                this.bz();
+                this.cc();
             }
             else {
-                this.by(a, true);
+                this.cb(a, true);
             }
             this.f = null;
         }
-        bj() {
+        bw() {
             this.s.s();
-            if (this.y == null) {
+            if (this.ac == null) {
                 let a = new AnimationKeyFrameEffectTiming();
                 a.g = 200;
                 a.b = 0;
-                this.y = KeyFrameAnimationFactory.f.c(this.s.a(a).m(new AnimationKeyFrameProperty(1, 0)).m(new AnimationKeyFrameProperty(1, 1)));
+                this.ac = KeyFrameAnimationFactory.f.c(this.s.a(a).m(new AnimationKeyFrameProperty(1, 0)).m(new AnimationKeyFrameProperty(1, 1)));
             }
         }
-        b0() {
+        cd() {
             if (this.filterChanged != null) {
                 this.filterChanged(this, ((() => {
                     let $ret = new GridFilterDialogFilterChangeEventArgs();
@@ -685,7 +788,7 @@ export let GridFilterDialog = /*@__PURE__*/ (() => {
                 })()));
             }
         }
-        bz() {
+        cc() {
             if (this.filterChanged != null) {
                 this.filterChanged(this, ((() => {
                     let $ret = new GridFilterDialogFilterChangeEventArgs();
@@ -694,7 +797,7 @@ export let GridFilterDialog = /*@__PURE__*/ (() => {
                 })()));
             }
         }
-        by(a, b) {
+        cb(a, b) {
             let c = this.e(a);
             if (b) {
                 if (this.filterChanged != null) {
@@ -738,7 +841,7 @@ export let GridFilterDialog = /*@__PURE__*/ (() => {
                 if (e == null) {
                     e = b;
                 }
-                if (this.ag(a, a.f._inner[f])) {
+                if (this.al(a, a.f._inner[f])) {
                     continue;
                 }
                 e.add(this.d(a.f._inner[f]));
@@ -748,7 +851,7 @@ export let GridFilterDialog = /*@__PURE__*/ (() => {
             }
             return b;
         }
-        ag(a, b) {
+        al(a, b) {
             let c = 0;
             for (let d = 0; d < b.e.length; d++) {
                 if (b.e[d] == b.l) {
@@ -765,14 +868,14 @@ export let GridFilterDialog = /*@__PURE__*/ (() => {
             return false;
         }
         g(a, b, c, d) {
-            let e = this.as(c, d);
+            let e = this.az(c, d);
             if (a > e) {
                 b.e();
                 return b.d();
             }
             return null;
         }
-        as(a, b) {
+        az(a, b) {
             let c = a.c(b);
             if (c == null) {
                 return 0;
@@ -780,7 +883,7 @@ export let GridFilterDialog = /*@__PURE__*/ (() => {
             return a.e.indexOf(c);
         }
         h(a, b, c, d) {
-            let e = this.as(c, d);
+            let e = this.az(c, d);
             if (a < e) {
                 let f = c.b(d);
                 let g = new ColumnFilterConditionGroup();
@@ -799,30 +902,30 @@ export let GridFilterDialog = /*@__PURE__*/ (() => {
         c(a) {
             return EnumUtil.getEnumValue(ColumnComparisonConditionOperatorType_$type, EnumUtil.parse(ColumnComparisonConditionOperatorType_$type, a, true));
         }
-        bv(a) {
-            this.by(a, false);
+        b8(a) {
+            this.cb(a, false);
         }
         t(a, b) {
             let c = new GridFilterDialogViewModel();
             if (a != null) {
-                this.bh(c, a, b);
+                this.bu(c, a, b);
             }
             else {
                 let d = new GridFilterDialogViewModelRow();
                 d.f = b;
                 d.e = GridFilterDialog.a(b);
                 d.d = GridFilterDialog.b(b);
-                d.l = GridFilterDialog.a7(b[0]);
+                d.l = GridFilterDialog.bk(b[0]);
                 c.f.add(d);
             }
             return c;
         }
-        bh(a, b, c) {
+        bu(a, b, c) {
             if (b.isGroup()) {
                 let d = b;
                 for (let e = 0; e < d.count; e++) {
                     let f = d.item(e);
-                    this.bh(a, f, c);
+                    this.bu(a, f, c);
                 }
             }
             else {
@@ -831,24 +934,24 @@ export let GridFilterDialog = /*@__PURE__*/ (() => {
         }
         u(a, b) {
             let c = new GridFilterDialogViewModelRow();
-            c.l = GridFilterDialog.a7(a.operator);
+            c.l = GridFilterDialog.bk(a.operator);
             c.f = b;
             c.e = GridFilterDialog.a(b);
-            c.i = GridFilterDialog.av(GridFilterDialog.ar(a.operator), a.operator, a);
-            c.j = GridFilterDialog.aw(GridFilterDialog.ar(a.operator), a.operator, a);
+            c.i = GridFilterDialog.a2(GridFilterDialog.ay(a.operator), a.operator, a);
+            c.j = GridFilterDialog.a3(GridFilterDialog.ay(a.operator), a.operator, a);
             c.d = GridFilterDialog.b(b);
             return c;
         }
-        static ar(a) {
+        static ay(a) {
             return ColumnComparisonFilterCondition.getOperandNumber(a);
         }
-        static av(a, b, c) {
+        static a2(a, b, c) {
             if (a == 0) {
                 return "";
             }
             return c.value != null ? c.value.toString() : "";
         }
-        static aw(a, b, c) {
+        static a3(a, b, c) {
             return "";
         }
         static b(a) {
@@ -861,56 +964,56 @@ export let GridFilterDialog = /*@__PURE__*/ (() => {
             }
             return b;
         }
-        static a7(a) {
+        static bk(a) {
             return EnumUtil.getName(ColumnComparisonConditionOperatorType_$type, a);
         }
-        bo(a, b) {
+        b1(a, b) {
             this.s.w(a, b);
         }
-        bn() {
+        b0() {
             this.s.u();
         }
-        bm(a, b, c) {
+        bz(a, b, c) {
         }
-        b1() {
-            this.aa = false;
+        ce() {
+            this.ae = false;
             if (this.s.q == null || NativeUI.g(this.s.q) == 1) {
                 return;
             }
-            if (this.ad) {
-                this.bj();
-                if (this.y.playbackRate < 0) {
-                    this.y.reverse();
+            if (this.ai) {
+                this.bw();
+                if (this.ac.playbackRate < 0) {
+                    this.ac.reverse();
                 }
                 else {
-                    this.y.play();
+                    this.ac.play();
                 }
-                this.y.finished.f((a) => this.y.commitStyles());
+                this.ac.finished.f((a) => this.ac.commitStyles());
             }
             else {
-                NativeUI.y(this.s.q, 1);
+                NativeUI.ab(this.s.q, 1);
             }
         }
-        bl() {
-            this.aa = true;
-            if (!this.ae) {
+        by() {
+            this.ae = true;
+            if (!this.aj) {
                 if (this.s.q == null || NativeUI.g(this.s.q) == 0) {
                     return;
                 }
-                if (this.ad) {
-                    this.bj();
-                    if (this.y.playbackRate < 0) {
-                        this.y.play();
+                if (this.ai) {
+                    this.bw();
+                    if (this.ac.playbackRate < 0) {
+                        this.ac.play();
                     }
                     else {
-                        this.y.reverse();
+                        this.ac.reverse();
                     }
-                    this.y.finished.f((a) => this.y.commitStyles());
+                    this.ac.finished.f((a) => this.ac.commitStyles());
                 }
                 else {
-                    NativeUI.y(this.s.q, 0);
+                    NativeUI.ab(this.s.q, 0);
                 }
-                this.aa = false;
+                this.ae = false;
             }
         }
         get commandCompleted() {
@@ -925,22 +1028,25 @@ export let GridFilterDialog = /*@__PURE__*/ (() => {
         set invalidateActions(a) {
             this._invalidateActions = a;
         }
-        bu() {
+        b7() {
             if (this.renderCompleted != null) {
                 this.renderCompleted(this, new FilterDialogRenderCompletedEventArgs());
             }
         }
-        bk() {
+        bx() {
             if (this.v != null) {
-                if (this.n != null && this.v.b1 != this.n) {
-                    this.v.b1 = this.n;
+                if (this.n != null && this.v.b4 != this.n) {
+                    this.v.b4 = this.n;
                 }
             }
         }
+        get ah() {
+            return this.v.b4 != null;
+        }
         getDesiredToolbarActions() {
-            if (!GridFilterDialog.ac) {
-                GridFilterDialog.ac = true;
-                SvgIconRegistry.instance.addSvgPathString("XGrid", "DotDotDot", GridFilterDialog.a6);
+            if (!GridFilterDialog.ag) {
+                GridFilterDialog.ag = true;
+                SvgIconRegistry.instance.addSvgPathString("XGrid", "DotDotDot", GridFilterDialog.bj);
             }
             let a = new ToolActionIconMenuInfo();
             a.name = "DataGridColumnOptionsPlaceholder";
@@ -975,7 +1081,7 @@ export let GridFilterDialog = /*@__PURE__*/ (() => {
         }
         dismissContextAccessor(a) {
         }
-        af(e_) {
+        ak(e_) {
             let a = e_.originalEvent.srcElement;
             let b = e_.originalEvent.target;
             if (this.s.m.rootWrapper.getNativeElement().contains(a) || this.s.m.rootWrapper.getNativeElement().contains(b)) {
@@ -985,8 +1091,8 @@ export let GridFilterDialog = /*@__PURE__*/ (() => {
         }
     }
     GridFilterDialog.$t = markType(GridFilterDialog, 'GridFilterDialog', Base.$, [INotifyPropertyChanged_$type, IToolbarTarget_$type]);
-    GridFilterDialog.ac = false;
-    GridFilterDialog.a6 = "M12 14c -1.1 0 -2 -0.9 -2 -2 s0.9 -2 2 -2 s2 0.9 2 2 S13.1 14 12 14 z M12 8c -1.1 0 -2 -0.9 -2 -2 s0.9 -2 2 -2 s2 0.9 2 2 S13.1 8 12 8z M12 16 c1.1 0 2 0.9 2 2s -0.9 2 -2 2 s-2 -0.9 -2 -2 S10.9 16 12 16z";
+    GridFilterDialog.ag = false;
+    GridFilterDialog.bj = "M12 14c -1.1 0 -2 -0.9 -2 -2 s0.9 -2 2 -2 s2 0.9 2 2 S13.1 14 12 14 z M12 8c -1.1 0 -2 -0.9 -2 -2 s0.9 -2 2 -2 s2 0.9 2 2 S13.1 8 12 8z M12 16 c1.1 0 2 0.9 2 2s -0.9 2 -2 2 s-2 -0.9 -2 -2 S10.9 16 12 16z";
     return GridFilterDialog;
 })();
 /**
@@ -1016,7 +1122,7 @@ export let GridFilterDialogViewModel = /*@__PURE__*/ (() => {
             a.f = b;
             a.e = GridFilterDialog.a(b);
             a.d = GridFilterDialog.b(b);
-            a.l = GridFilterDialog.a7(b[0]);
+            a.l = GridFilterDialog.bk(b[0]);
             this.f.add(a);
         }
         u(a) {