igniteui-angular-data-grids 21.1.0-beta.1 → 21.1.0

package/esm5/lib/GridFilterDialogView_combined.js

@@ -65,10 +65,10 @@ var GridFilterDialogView = /** @class */ /*@__PURE__*/ (function (_super) {
     }
     GridFilterDialogView.prototype.y = function () {
         this.x();
-        this.b.b8();
+        this.b.cb();
     };
     GridFilterDialogView.prototype.t = function () {
-        this.b.b0(this.l, this.k, this.aa);
+        this.b.b3(this.l, this.k, this.aa);
     };
     GridFilterDialogView.prototype.s = function () {
         if (KeyFrameAnimationFactory.h == null) {
@@ -189,7 +189,7 @@ var GridFilterDialogPanel = /** @class */ /*@__PURE__*/ (function (_super) {
         e.setStyleProperty("background-color", "#fff");
         e.setStyleProperty("border-radius", "3px");
         e.setStyleProperty("overflow", "auto");
-        var g = ElevationHelper.e(12, _this.b.ct, _this.b.cs, _this.b.cr);
+        var g = ElevationHelper.e(12, _this.b.cz, _this.b.cy, _this.b.cx);
         e.setStyleProperty("boxShadow", g);
         e.listen("mousedown", runOn(_this, _this.o));
         _this.onDocumentKeyDown = _this.onDocumentKeyDown.bind(_this);
@@ -323,25 +323,28 @@ var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.i = 0;
         _this.as = 0;
         _this.at = 0;
-        _this.cq = null;
+        _this.cw = null;
         _this.ao = DeviceUtils.g(24);
         _this.w = 1;
-        _this.ch = null;
-        _this.cn = null;
+        _this.ck = null;
+        _this.cq = null;
+        _this.cr = null;
+        _this.cp = null;
+        _this.ct = null;
         _this.z = null;
-        _this.cl = null;
         _this.co = null;
-        _this.cp = null;
-        _this.ck = null;
+        _this.cu = null;
+        _this.cv = null;
+        _this.cn = null;
+        _this.cs = null;
+        _this.cl = null;
         _this.cm = null;
-        _this.ci = null;
-        _this.cj = null;
         _this.y = null;
-        _this.cg = null;
+        _this.cj = null;
         _this.au = -1;
-        _this.ct = null;
-        _this.cs = null;
-        _this.cr = null;
+        _this.cz = null;
+        _this.cy = null;
+        _this.cx = null;
         _this.ac = null;
         _this.ae = false;
         _this.m = null;
@@ -357,9 +360,9 @@ var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.renderCompleted = null;
         _this.s = new GridFilterDialogView(_this);
         _this.x = 1;
-        _this.ct = BrushUtil.l(66, 0, 0, 0);
-        _this.cs = BrushUtil.l(30, 0, 0, 0);
-        _this.cr = BrushUtil.l(20, 0, 0, 0);
+        _this.cz = BrushUtil.l(66, 0, 0, 0);
+        _this.cy = BrushUtil.l(30, 0, 0, 0);
+        _this.cx = BrushUtil.l(20, 0, 0, 0);
         return _this;
     }
     Object.defineProperty(GridFilterDialog.prototype, "a1", {
@@ -380,7 +383,7 @@ var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.af;
             this.af = a;
             if (b != this.af) {
-                this.b7("IsAnimationEnabled", b, this.af);
+                this.ca("IsAnimationEnabled", b, this.af);
             }
         },
         enumerable: false,
@@ -393,7 +396,7 @@ var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
         set: function (a) {
             var b = this.an;
             this.an = a;
-            this.b7("PixelScalingRatio", b, this.an);
+            this.ca("PixelScalingRatio", b, this.an);
         },
         enumerable: false,
         configurable: true
@@ -405,7 +408,7 @@ var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
         set: function (a) {
             var b = this.am;
             this.am = a;
-            this.b7("ActualPixelScalingRatio", b, this.am);
+            this.ca("ActualPixelScalingRatio", b, this.am);
         },
         enumerable: false,
         configurable: true
@@ -418,7 +421,7 @@ var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.j;
             this.j = a;
             if (b != this.j) {
-                this.b7("IconHorizontalAlignment", enumGetBox(CellContentHorizontalAlignment_$type, b), enumGetBox(CellContentHorizontalAlignment_$type, this.j));
+                this.ca("IconHorizontalAlignment", enumGetBox(CellContentHorizontalAlignment_$type, b), enumGetBox(CellContentHorizontalAlignment_$type, this.j));
             }
         },
         enumerable: false,
@@ -432,7 +435,7 @@ var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.i;
             this.i = a;
             if (b != this.i) {
-                this.b7("HeaderTextALignment", enumGetBox(CellContentHorizontalAlignment_$type, b), enumGetBox(CellContentHorizontalAlignment_$type, this.i));
+                this.ca("HeaderTextALignment", enumGetBox(CellContentHorizontalAlignment_$type, b), enumGetBox(CellContentHorizontalAlignment_$type, this.i));
             }
         },
         enumerable: false,
@@ -446,7 +449,7 @@ var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.as;
             this.as = a;
             if (b != this.as) {
-                this.b7("CellPaddingLeft", b, this.as);
+                this.ca("CellPaddingLeft", b, this.as);
             }
         },
         enumerable: false,
@@ -460,21 +463,21 @@ var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.at;
             this.at = a;
             if (b != this.at) {
-                this.b7("CellPaddingRight", b, this.at);
+                this.ca("CellPaddingRight", b, this.at);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GridFilterDialog.prototype, "c4", {
+    Object.defineProperty(GridFilterDialog.prototype, "dd", {
         get: function () {
-            return this.cq;
+            return this.cw;
         },
         set: function (a) {
-            var b = this.cq;
-            this.cq = a;
-            if (b != this.cq) {
-                this.b7("IconColor", b, this.cq);
+            var b = this.cw;
+            this.cw = a;
+            if (b != this.cw) {
+                this.ca("IconColor", b, this.cw);
             }
         },
         enumerable: false,
@@ -488,7 +491,7 @@ var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.ao;
             this.ao = a;
             if (b != this.ao) {
-                this.b7("ViewSize", b, this.ao);
+                this.ca("ViewSize", b, this.ao);
             }
         },
         enumerable: false,
@@ -502,35 +505,77 @@ var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.w;
             this.w = a;
             if (this.w != b) {
-                this.b7("Theme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.w));
+                this.ca("Theme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.w));
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GridFilterDialog.prototype, "cv", {
+    Object.defineProperty(GridFilterDialog.prototype, "c1", {
         get: function () {
-            return this.ch;
+            return this.ck;
         },
         set: function (a) {
-            var b = this.ch;
-            this.ch = a;
-            if (b != this.ch) {
-                this.b7("ColumnOptionsBackground", b, this.ch);
+            var b = this.ck;
+            this.ck = a;
+            if (b != this.ck) {
+                this.ca("ColumnOptionsBackground", b, this.ck);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GridFilterDialog.prototype, "c1", {
+    Object.defineProperty(GridFilterDialog.prototype, "c7", {
         get: function () {
-            return this.cn;
+            return this.cq;
         },
         set: function (a) {
-            var b = this.cn;
-            this.cn = a;
-            if (b != this.cn) {
-                this.b7("ColumnOptionsTextColor", b, this.cn);
+            var b = this.cq;
+            this.cq = a;
+            if (b != this.cq) {
+                this.ca("ColumnOptionsScrollbarBackground", b, this.cq);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GridFilterDialog.prototype, "c8", {
+        get: function () {
+            return this.cr;
+        },
+        set: function (a) {
+            var b = this.cr;
+            this.cr = a;
+            if (b != this.cr) {
+                this.ca("ColumnOptionsScrollbarHoverBackground", b, this.cr);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GridFilterDialog.prototype, "c6", {
+        get: function () {
+            return this.cp;
+        },
+        set: function (a) {
+            var b = this.cp;
+            this.cp = a;
+            if (b != this.cp) {
+                this.ca("ColumnOptionsScrollbarActiveBackground", b, this.cp);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GridFilterDialog.prototype, "da", {
+        get: function () {
+            return this.ct;
+        },
+        set: function (a) {
+            var b = this.ct;
+            this.ct = a;
+            if (b != this.ct) {
+                this.ca("ColumnOptionsTextColor", b, this.ct);
             }
         },
         enumerable: false,
@@ -544,105 +589,105 @@ var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.z;
             this.z = a;
             if (b != this.z) {
-                this.b7("ColumnOptionsTextStyle", b, this.z);
+                this.ca("ColumnOptionsTextStyle", b, this.z);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GridFilterDialog.prototype, "cz", {
+    Object.defineProperty(GridFilterDialog.prototype, "c5", {
         get: function () {
-            return this.cl;
+            return this.co;
         },
         set: function (a) {
-            var b = this.cl;
-            this.cl = a;
-            if (b != this.cl) {
-                this.b7("ColumnOptionsHoverBackgroundColor", b, this.cl);
+            var b = this.co;
+            this.co = a;
+            if (b != this.co) {
+                this.ca("ColumnOptionsHoverBackgroundColor", b, this.co);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GridFilterDialog.prototype, "c2", {
+    Object.defineProperty(GridFilterDialog.prototype, "db", {
         get: function () {
-            return this.co;
+            return this.cu;
         },
         set: function (a) {
-            var b = this.co;
-            this.co = a;
-            if (b != this.co) {
-                this.b7("ColumnOptionsToolTipBackgroundColor", b, this.co);
+            var b = this.cu;
+            this.cu = a;
+            if (b != this.cu) {
+                this.ca("ColumnOptionsToolTipBackgroundColor", b, this.cu);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GridFilterDialog.prototype, "c3", {
+    Object.defineProperty(GridFilterDialog.prototype, "dc", {
         get: function () {
-            return this.cp;
+            return this.cv;
         },
         set: function (a) {
-            var b = this.cp;
-            this.cp = a;
-            if (b != this.cp) {
-                this.b7("ColumnOptionsToolTipTextColor", b, this.cp);
+            var b = this.cv;
+            this.cv = a;
+            if (b != this.cv) {
+                this.ca("ColumnOptionsToolTipTextColor", b, this.cv);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GridFilterDialog.prototype, "cy", {
+    Object.defineProperty(GridFilterDialog.prototype, "c4", {
         get: function () {
-            return this.ck;
+            return this.cn;
         },
         set: function (a) {
-            var b = this.ck;
-            this.ck = a;
-            if (b != this.ck) {
-                this.b7("ColumnOptionsHighlightColor", b, this.ck);
+            var b = this.cn;
+            this.cn = a;
+            if (b != this.cn) {
+                this.ca("ColumnOptionsHighlightColor", b, this.cn);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GridFilterDialog.prototype, "c0", {
+    Object.defineProperty(GridFilterDialog.prototype, "c9", {
         get: function () {
-            return this.cm;
+            return this.cs;
         },
         set: function (a) {
-            var b = this.cm;
-            this.cm = a;
-            if (b != this.cm) {
-                this.b7("ColumnOptionsSeparatorColor", b, this.cm);
+            var b = this.cs;
+            this.cs = a;
+            if (b != this.cs) {
+                this.ca("ColumnOptionsSeparatorColor", b, this.cs);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GridFilterDialog.prototype, "cw", {
+    Object.defineProperty(GridFilterDialog.prototype, "c2", {
         get: function () {
-            return this.ci;
+            return this.cl;
         },
         set: function (a) {
-            var b = this.ci;
-            this.ci = a;
-            if (b != this.ci) {
-                this.b7("ColumnOptionsGroupHeaderBackground", b, this.ci);
+            var b = this.cl;
+            this.cl = a;
+            if (b != this.cl) {
+                this.ca("ColumnOptionsGroupHeaderBackground", b, this.cl);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GridFilterDialog.prototype, "cx", {
+    Object.defineProperty(GridFilterDialog.prototype, "c3", {
         get: function () {
-            return this.cj;
+            return this.cm;
         },
         set: function (a) {
-            var b = this.cj;
-            this.cj = a;
-            if (b != this.cj) {
-                this.b7("ColumnOptionsGroupHeaderTextColor", b, this.cj);
+            var b = this.cm;
+            this.cm = a;
+            if (b != this.cm) {
+                this.ca("ColumnOptionsGroupHeaderTextColor", b, this.cm);
             }
         },
         enumerable: false,
@@ -656,21 +701,21 @@ var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.y;
             this.y = a;
             if (b != this.y) {
-                this.b7("ColumnOptionsGroupHeaderTextStyle", b, this.y);
+                this.ca("ColumnOptionsGroupHeaderTextStyle", b, this.y);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GridFilterDialog.prototype, "cu", {
+    Object.defineProperty(GridFilterDialog.prototype, "c0", {
         get: function () {
-            return this.cg;
+            return this.cj;
         },
         set: function (a) {
-            var b = this.cg;
-            this.cg = a;
-            if (b != this.cg) {
-                this.b7("ColumnOptionsAccentColor", b, this.cg);
+            var b = this.cj;
+            this.cj = a;
+            if (b != this.cj) {
+                this.ca("ColumnOptionsAccentColor", b, this.cj);
             }
         },
         enumerable: false,
@@ -684,7 +729,7 @@ var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.au;
             this.au = a;
             if (b != this.au) {
-                this.b7("ColumnOptionsRowHeight", b, this.au);
+                this.ca("ColumnOptionsRowHeight", b, this.au);
             }
         },
         enumerable: false,
@@ -697,13 +742,13 @@ var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    GridFilterDialog.prototype.b7 = function (a, b, c) {
-        this.ca(a, b, c);
+    GridFilterDialog.prototype.ca = function (a, b, c) {
+        this.cd(a, b, c);
         if (this.propertyChanged != null) {
             this.propertyChanged(this, new PropertyChangedEventArgs(a));
         }
     };
-    GridFilterDialog.prototype.ca = function (a, b, c) {
+    GridFilterDialog.prototype.cd = function (a, b, c) {
         switch (a) {
             case "PixelScalingRatio":
                 this.ap = this.aq;
@@ -726,17 +771,17 @@ var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
                 break;
             case "ColumnOptionsBackground":
                 if (this.v != null) {
-                    this.v.cl = this.cv;
-                    this.v.cq = this.cv;
+                    this.v.co = this.c1;
+                    this.v.ct = this.c1;
                 }
                 break;
             case "ColumnOptionsTextColor":
                 if (this.v != null) {
-                    this.v.cn = this.c1;
-                    this.v.cb = this.c1;
-                    this.v.ch = this.c1;
-                    this.v.ci = this.c1;
-                    this.v.cj = this.c1;
+                    this.v.cq = this.da;
+                    this.v.ce = this.da;
+                    this.v.ck = this.da;
+                    this.v.cl = this.da;
+                    this.v.cm = this.da;
                 }
                 break;
             case "ColumnOptionsTextStyle":
@@ -746,37 +791,37 @@ var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
                 break;
             case "ColumnOptionsHoverBackgroundColor":
                 if (this.v != null) {
-                    this.v.cg = this.cz;
+                    this.v.cj = this.c5;
                 }
                 break;
             case "ColumnOptionsToolTipBackgroundColor":
                 if (this.v != null) {
-                    this.v.co = this.c2;
+                    this.v.cr = this.db;
                 }
                 break;
             case "ColumnOptionsToolTipTextColor":
                 if (this.v != null) {
-                    this.v.cp = this.c3;
+                    this.v.cs = this.dc;
                 }
                 break;
             case "ColumnOptionsHighlightColor":
                 if (this.v != null) {
-                    this.v.cf = this.cy;
+                    this.v.ci = this.c4;
                 }
                 break;
             case "ColumnOptionsSeparatorColor":
                 if (this.v != null) {
-                    this.v.ck = this.c0;
+                    this.v.cn = this.c9;
                 }
                 break;
             case "ColumnOptionsGroupHeaderBackground":
                 if (this.v != null) {
-                    this.v.cc = this.cw;
+                    this.v.cf = this.c2;
                 }
                 break;
             case "ColumnOptionsGroupHeaderTextColor":
                 if (this.v != null) {
-                    this.v.ce = this.cx;
+                    this.v.ch = this.c3;
                 }
                 break;
             case "ColumnOptionsGroupHeaderTextStyle":
@@ -786,10 +831,10 @@ var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
                 break;
             case "ColumnOptionsAccentColor":
                 if (this.v != null) {
-                    this.v.b7 = this.cu;
-                    this.v.b9 = this.cu;
-                    this.v.ca = this.cu;
-                    this.v.cr = this.cu;
+                    this.v.b7 = this.c0;
+                    this.v.cc = this.c0;
+                    this.v.cd = this.c0;
+                    this.v.cu = this.c0;
                 }
                 break;
             case "ColumnOptionsRowHeight":
@@ -797,11 +842,26 @@ var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
                     this.v.b3 = this.ax;
                 }
                 break;
+            case "ColumnOptionsScrollbarBackground":
+                if (this.v != null) {
+                    this.v.ca = this.c7;
+                }
+                break;
+            case "ColumnOptionsScrollbarHoverBackground":
+                if (this.v != null) {
+                    this.v.cb = this.c8;
+                }
+                break;
+            case "ColumnOptionsScrollbarActiveBackground":
+                if (this.v != null) {
+                    this.v.b9 = this.c6;
+                }
+                break;
         }
     };
-    GridFilterDialog.prototype.cb = function (a, b, c) {
+    GridFilterDialog.prototype.ce = function (a, b, c) {
         this.s.v(a, b, c);
-        this.b4();
+        this.b7();
     };
     Object.defineProperty(GridFilterDialog.prototype, "n", {
         get: function () {
@@ -811,16 +871,16 @@ var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.m;
             this.m = a;
             if (this.m != b) {
-                this.b3(b, this.m);
+                this.b6(b, this.m);
             }
         },
         enumerable: false,
         configurable: true
     });
-    GridFilterDialog.prototype.b3 = function (a, b) {
+    GridFilterDialog.prototype.b6 = function (a, b) {
         this.ad = true;
     };
-    GridFilterDialog.prototype.b4 = function () {
+    GridFilterDialog.prototype.b7 = function () {
         var _this = this;
         NativeUIComponent.av(this.s.p(), 18, function (a) {
             var b = a;
@@ -828,74 +888,77 @@ var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
             _this.v.b2 = 16;
             _this.v.b8 = BrushUtil.l(0, 0, 0, 0);
             _this.v.v = false;
-            _this.v.br = runOn(_this, _this.bu);
-            _this.v.bp = runOn(_this, _this.bt);
+            _this.v.br = runOn(_this, _this.bx);
+            _this.v.bp = runOn(_this, _this.bw);
             _this.v.b0 = false;
             _this.s.r(_this.v);
             _this.v.c = _this.x;
-            _this.v.cl = _this.cv;
-            _this.v.cq = _this.cv;
-            _this.v.cn = _this.c1;
-            _this.v.ce = _this.cx;
-            _this.v.cb = _this.c1;
-            _this.v.ch = _this.c1;
-            _this.v.ci = _this.c1;
-            _this.v.cj = _this.c1;
+            _this.v.co = _this.c1;
+            _this.v.ct = _this.c1;
+            _this.v.cq = _this.da;
+            _this.v.ch = _this.c3;
+            _this.v.ce = _this.da;
+            _this.v.ck = _this.da;
+            _this.v.cl = _this.da;
+            _this.v.cm = _this.da;
             _this.v.bw = _this.ab;
-            _this.v.cg = _this.cz;
-            _this.v.co = _this.c2;
-            _this.v.cp = _this.c3;
-            _this.v.cf = _this.cy;
-            _this.v.ck = _this.c0;
-            _this.v.cc = _this.cw;
+            _this.v.cj = _this.c5;
+            _this.v.cr = _this.db;
+            _this.v.cs = _this.dc;
+            _this.v.ci = _this.c4;
+            _this.v.cn = _this.c9;
+            _this.v.cf = _this.c2;
             _this.v.bx = _this.aa;
-            _this.v.b7 = _this.cu;
-            _this.v.b9 = _this.cu;
-            _this.v.ca = _this.cu;
-            _this.v.cr = _this.cu;
+            _this.v.b7 = _this.c0;
+            _this.v.cc = _this.c0;
+            _this.v.cd = _this.c0;
+            _this.v.cu = _this.c0;
             _this.v.b3 = _this.ax;
+            _this.v.ca = _this.c7;
+            _this.v.cb = _this.c8;
+            _this.v.b9 = _this.c6;
             _this.v.b4 = _this.n;
         });
     };
-    GridFilterDialog.prototype.bu = function (a, b) {
+    GridFilterDialog.prototype.bx = function (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.wk();
+                this.n.grid.wp();
             }
-            this.n.pd();
+            this.n.pk();
         }
         if (this.dialogOpening != null) {
             var c = new GridFilterDialogOpeningEventArgs();
             this.dialogOpening(this, c);
         }
     };
-    GridFilterDialog.prototype.bt = function (a, b) {
+    GridFilterDialog.prototype.bw = function (a, b) {
         if (this.ae) {
-            this.bz();
+            this.b2();
         }
     };
-    GridFilterDialog.prototype.bw = function (a, b) {
+    GridFilterDialog.prototype.bz = function (a, b) {
         switch (b.propertyName) {
             case "IsHidden": break;
         }
     };
-    GridFilterDialog.prototype.b5 = function () {
+    GridFilterDialog.prototype.b8 = function () {
     };
-    GridFilterDialog.prototype.b6 = function (a, b) {
-        a.onModified = delegateRemove(a.onModified, runOn(this, this.b9));
+    GridFilterDialog.prototype.b9 = function (a, b) {
+        a.onModified = delegateRemove(a.onModified, runOn(this, this.cc));
         if (b) {
-            this.cd();
+            this.cg();
         }
         else {
-            this.cc(a, true);
+            this.cf(a, true);
         }
         this.f = null;
     };
-    GridFilterDialog.prototype.bx = function () {
+    GridFilterDialog.prototype.b0 = function () {
         this.s.s();
         if (this.ac == null) {
             var a = new AnimationKeyFrameEffectTiming();
@@ -904,7 +967,7 @@ var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
             this.ac = KeyFrameAnimationFactory.f.c(this.s.a(a).m(new AnimationKeyFrameProperty(1, 0)).m(new AnimationKeyFrameProperty(1, 1)));
         }
     };
-    GridFilterDialog.prototype.ce = function () {
+    GridFilterDialog.prototype.ch = function () {
         var _this = this;
         if (this.filterChanged != null) {
             this.filterChanged(this, ((function () {
@@ -914,7 +977,7 @@ var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
             })()));
         }
     };
-    GridFilterDialog.prototype.cd = function () {
+    GridFilterDialog.prototype.cg = function () {
         if (this.filterChanged != null) {
             this.filterChanged(this, ((function () {
                 var $ret = new GridFilterDialogFilterChangeEventArgs();
@@ -923,7 +986,7 @@ var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
             })()));
         }
     };
-    GridFilterDialog.prototype.cc = function (a, b) {
+    GridFilterDialog.prototype.cf = function (a, b) {
         var c = this.e(a);
         if (b) {
             if (this.filterChanged != null) {
@@ -1028,30 +1091,30 @@ var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
     GridFilterDialog.prototype.c = function (a) {
         return EnumUtil.getEnumValue(ColumnComparisonConditionOperatorType_$type, EnumUtil.parse(ColumnComparisonConditionOperatorType_$type, a, true));
     };
-    GridFilterDialog.prototype.b9 = function (a) {
-        this.cc(a, false);
+    GridFilterDialog.prototype.cc = function (a) {
+        this.cf(a, false);
     };
     GridFilterDialog.prototype.t = function (a, b) {
         var c = new GridFilterDialogViewModel();
         if (a != null) {
-            this.bv(c, a, b);
+            this.by(c, a, b);
         }
         else {
             var d = new GridFilterDialogViewModelRow();
             d.f = b;
             d.e = GridFilterDialog.a(b);
             d.d = GridFilterDialog.b(b);
-            d.l = GridFilterDialog.bl(b[0]);
+            d.l = GridFilterDialog.bo(b[0]);
             c.f.add(d);
         }
         return c;
     };
-    GridFilterDialog.prototype.bv = function (a, b, c) {
+    GridFilterDialog.prototype.by = function (a, b, c) {
         if (b.isGroup()) {
             var d = b;
             for (var e = 0; e < d.count; e++) {
                 var f = d.item(e);
-                this.bv(a, f, c);
+                this.by(a, f, c);
             }
         }
         else {
@@ -1060,7 +1123,7 @@ var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     GridFilterDialog.prototype.u = function (a, b) {
         var c = new GridFilterDialogViewModelRow();
-        c.l = GridFilterDialog.bl(a.operator);
+        c.l = GridFilterDialog.bo(a.operator);
         c.f = b;
         c.e = GridFilterDialog.a(b);
         c.i = GridFilterDialog.a2(GridFilterDialog.ay(a.operator), a.operator, a);
@@ -1090,25 +1153,25 @@ var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         return b;
     };
-    GridFilterDialog.bl = function (a) {
+    GridFilterDialog.bo = function (a) {
         return EnumUtil.getName(ColumnComparisonConditionOperatorType_$type, a);
     };
-    GridFilterDialog.prototype.b2 = function (a, b) {
+    GridFilterDialog.prototype.b5 = function (a, b) {
         this.s.w(a, b);
     };
-    GridFilterDialog.prototype.b1 = function () {
+    GridFilterDialog.prototype.b4 = function () {
         this.s.u();
     };
-    GridFilterDialog.prototype.b0 = function (a, b, c) {
+    GridFilterDialog.prototype.b3 = function (a, b, c) {
     };
-    GridFilterDialog.prototype.cf = function () {
+    GridFilterDialog.prototype.ci = function () {
         var _this = this;
         this.ae = false;
         if (this.s.q == null || NativeUI.g(this.s.q) == 1) {
             return;
         }
         if (this.ai) {
-            this.bx();
+            this.b0();
             if (this.ac.playbackRate < 0) {
                 this.ac.reverse();
             }
@@ -1121,7 +1184,7 @@ var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
             NativeUI.ab(this.s.q, 1);
         }
     };
-    GridFilterDialog.prototype.bz = function () {
+    GridFilterDialog.prototype.b2 = function () {
         var _this = this;
         this.ae = true;
         if (!this.aj) {
@@ -1129,7 +1192,7 @@ var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
                 return;
             }
             if (this.ai) {
-                this.bx();
+                this.b0();
                 if (this.ac.playbackRate < 0) {
                     this.ac.play();
                 }
@@ -1164,12 +1227,12 @@ var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    GridFilterDialog.prototype.b8 = function () {
+    GridFilterDialog.prototype.cb = function () {
         if (this.renderCompleted != null) {
             this.renderCompleted(this, new FilterDialogRenderCompletedEventArgs());
         }
     };
-    GridFilterDialog.prototype.by = function () {
+    GridFilterDialog.prototype.b1 = function () {
         if (this.v != null) {
             if (this.n != null && this.v.b4 != this.n) {
                 this.v.b4 = this.n;
@@ -1186,7 +1249,7 @@ var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
     GridFilterDialog.prototype.getDesiredToolbarActions = function () {
         if (!GridFilterDialog.ag) {
             GridFilterDialog.ag = true;
-            SvgIconRegistry.instance.addSvgPathString("XGrid", "DotDotDot", GridFilterDialog.bk);
+            SvgIconRegistry.instance.addSvgPathString("XGrid", "DotDotDot", GridFilterDialog.bn);
         }
         var a = new ToolActionIconMenuInfo();
         a.name = "DataGridColumnOptionsPlaceholder";
@@ -1231,7 +1294,7 @@ var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     GridFilterDialog.$t = markType(GridFilterDialog, 'GridFilterDialog', Base.$, [INotifyPropertyChanged_$type, IToolbarTarget_$type]);
     GridFilterDialog.ag = false;
-    GridFilterDialog.bk = "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.bn = "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;
 }(Base));
 export { GridFilterDialog };
@@ -1263,7 +1326,7 @@ var GridFilterDialogViewModel = /** @class */ /*@__PURE__*/ (function (_super) {
         a.f = b;
         a.e = GridFilterDialog.a(b);
         a.d = GridFilterDialog.b(b);
-        a.l = GridFilterDialog.bl(b[0]);
+        a.l = GridFilterDialog.bo(b[0]);
         this.f.add(a);
     };
     GridFilterDialogViewModel.prototype.u = function (a) {