igniteui-webcomponents-data-grids 7.1.0-alpha.0 → 7.1.0-alpha.2

package/esm5/lib/GridFilterDialogView_combined.js

@@ -17,6 +17,7 @@ import { intDivide, isNaN_ } from "igniteui-webcomponents-core";
 import { ElevationHelper } from "igniteui-webcomponents-core";
 import { BaseDOMEventProxy } from "igniteui-webcomponents-core";
 import { IToolbarTarget_$type } from "igniteui-webcomponents-core";
+import { BaseControlTheme_$type } from "igniteui-webcomponents-core";
 import { DeviceUtils } from "igniteui-webcomponents-core";
 import { BrushUtil } from "igniteui-webcomponents-core";
 import { GridFilterDialogOpeningEventArgs } from "./GridFilterDialogOpeningEventArgs";
@@ -30,8 +31,6 @@ import { GridFilterDialogViewModelGroupingLevel } from "./GridFilterDialogViewMo
 import { GridFilterDialogViewModelGrouping } from "./GridFilterDialogViewModelGrouping";
 import { ColumnComparisonFilterCondition } from "./ColumnComparisonFilterCondition";
 import { ColumnComparisonConditionOperatorType_$type } from "./ColumnComparisonConditionOperatorType";
-import { Geometry } from "igniteui-webcomponents-core";
-import { GridStyleRepository } from "./GridStyleRepository";
 import { FilterDialogRenderCompletedEventArgs } from "./FilterDialogRenderCompletedEventArgs";
 import { ToolActionIconMenuInfo } from "igniteui-webcomponents-core";
 import { SvgIconRegistry } from "igniteui-webcomponents-core";
@@ -66,10 +65,10 @@ export var GridFilterDialogView = /** @class */ /*@__PURE__*/ (function (_super)
     }
     GridFilterDialogView.prototype.y = function () {
         this.x();
-        this.b.bk();
+        this.b.b7();
     };
     GridFilterDialogView.prototype.t = function () {
-        this.b.bc(this.l, this.k, this.aa);
+        this.b.bz(this.l, this.k, this.aa);
     };
     GridFilterDialogView.prototype.s = function () {
         if (KeyFrameAnimationFactory.h == null) {
@@ -86,7 +85,7 @@ export var GridFilterDialogView = /** @class */ /*@__PURE__*/ (function (_super)
             this.d = null;
             return;
         }
-        this.h = (isNaN_(this.b.aj) ? this.b.ai : this.b.aj);
+        this.h = (isNaN_(this.b.aq) ? this.b.ap : this.b.aq);
         var d = a;
         this.m = d;
         this.n = c;
@@ -94,24 +93,24 @@ export var GridFilterDialogView = /** @class */ /*@__PURE__*/ (function (_super)
         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);
         var e = this.h;
         var f = Math.round(d.rootWrapper.width());
         var g = Math.round(d.rootWrapper.height());
-        var h = this.b.ak * e;
-        var i = this.b.ak * e;
+        var h = this.b.ar * e;
+        var i = this.b.ar * e;
         this.x();
         this.l = f;
         this.k = g;
-        if (isNaN_(this.b.aj)) {
-            this.b.ai = window.devicePixelRatio;
-            this.h = this.b.ai;
+        if (isNaN_(this.b.aq)) {
+            this.b.ap = window.devicePixelRatio;
+            this.h = this.b.ap;
         }
         this.y();
     };
     GridFilterDialogView.prototype.r = function (a) {
         var b = a;
-        this.m.append(b.an);
+        this.m.append(b.ao);
     };
     GridFilterDialogView.prototype.p = function () {
         return this.m;
@@ -126,10 +125,10 @@ export var GridFilterDialogView = /** @class */ /*@__PURE__*/ (function (_super)
         this.m.rootWrapper.setStyleProperty("position", "absolute");
         if (this.b.l == 2) {
             this.m.rootWrapper.setStyleProperty("left", "unset");
-            this.m.rootWrapper.setStyleProperty("right", this.b.ao + "px");
+            this.m.rootWrapper.setStyleProperty("right", this.b.aw + "px");
         }
         else {
-            this.m.rootWrapper.setStyleProperty("left", this.b.an + "px");
+            this.m.rootWrapper.setStyleProperty("left", this.b.av + "px");
         }
         var a = intDivide(this.o.height(), 2) - (this.k / 2);
         this.m.rootWrapper.setStyleProperty("top", a + "px");
@@ -138,19 +137,19 @@ export var GridFilterDialogView = /** @class */ /*@__PURE__*/ (function (_super)
         this.y();
     };
     GridFilterDialogView.prototype.w = function (a, b) {
-        if (isNaN_(this.b.aj)) {
-            this.b.ai = window.devicePixelRatio;
-            this.h = this.b.ai;
+        if (isNaN_(this.b.aq)) {
+            this.b.ap = window.devicePixelRatio;
+            this.h = this.b.ap;
         }
         this.l = a;
         this.k = b;
         this.y();
     };
     GridFilterDialogView.prototype.u = function () {
-        if (isNaN_(this.b.aj)) {
-            this.b.ai = window.devicePixelRatio;
-            if (this.h != this.b.ai) {
-                this.h = this.b.ai;
+        if (isNaN_(this.b.aq)) {
+            this.b.ap = window.devicePixelRatio;
+            if (this.h != this.b.ap) {
+                this.h = this.b.ap;
                 this.y();
                 return;
             }
@@ -189,7 +188,7 @@ export 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.bv, _this.b.bu, _this.b.bt);
+        var 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);
@@ -204,7 +203,7 @@ export var GridFilterDialogPanel = /** @class */ /*@__PURE__*/ (function (_super
         a.stopPropagation();
     };
     GridFilterDialogPanel.prototype.onDocumentKeyDown = function (a) {
-        if (BaseDOMEventProxy.c1(a) == 8) {
+        if (BaseDOMEventProxy.c4(a) == 8) {
         }
     };
     GridFilterDialogPanel.prototype.onDocumentMouseClick = function (e_) {
@@ -313,24 +312,37 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
     __extends(GridFilterDialog, _super);
     function GridFilterDialog() {
         var _this = _super.call(this) || this;
-        _this.ar = null;
-        _this.z = true;
+        _this.a0 = null;
+        _this.af = true;
         _this.propertyChanged = null;
-        _this.ag = NaN;
-        _this.af = 1;
+        _this.an = NaN;
+        _this.am = 1;
         _this.j = 2;
         _this.i = 0;
-        _this.al = 0;
-        _this.am = 0;
-        _this.bs = null;
-        _this.ah = DeviceUtils.g(24);
-        _this.bv = null;
-        _this.bu = null;
-        _this.bt = null;
-        _this.w = null;
-        _this.y = false;
+        _this.as = 0;
+        _this.at = 0;
+        _this.co = null;
+        _this.ao = DeviceUtils.g(24);
+        _this.w = 1;
+        _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.cf = null;
+        _this.au = -1;
+        _this.cr = null;
+        _this.cq = null;
+        _this.cp = null;
+        _this.ac = null;
+        _this.ae = false;
         _this.m = null;
-        _this.x = false;
+        _this.ad = false;
         _this.v = null;
         _this.f = null;
         _this.dialogOpening = null;
@@ -341,55 +353,56 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
         _this._invalidateActions = null;
         _this.renderCompleted = null;
         _this.s = new GridFilterDialogView(_this);
-        _this.bv = BrushUtil.j(66, 0, 0, 0);
-        _this.bu = BrushUtil.j(30, 0, 0, 0);
-        _this.bt = BrushUtil.j(20, 0, 0, 0);
+        _this.x = 1;
+        _this.cr = BrushUtil.l(66, 0, 0, 0);
+        _this.cq = BrushUtil.l(30, 0, 0, 0);
+        _this.cp = BrushUtil.l(20, 0, 0, 0);
         return _this;
     }
-    Object.defineProperty(GridFilterDialog.prototype, "as", {
+    Object.defineProperty(GridFilterDialog.prototype, "a1", {
         get: function () {
-            return this.ar;
+            return this.a0;
         },
         set: function (a) {
-            this.ar = a;
+            this.a0 = a;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GridFilterDialog.prototype, "ab", {
+    Object.defineProperty(GridFilterDialog.prototype, "ai", {
         get: function () {
-            return this.z;
+            return this.af;
         },
         set: function (a) {
-            var b = this.z;
-            this.z = a;
-            if (b != this.z) {
-                this.bj("IsAnimationEnabled", b, this.z);
+            var b = this.af;
+            this.af = a;
+            if (b != this.af) {
+                this.b6("IsAnimationEnabled", b, this.af);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GridFilterDialog.prototype, "aj", {
+    Object.defineProperty(GridFilterDialog.prototype, "aq", {
         get: function () {
-            return this.ag;
+            return this.an;
         },
         set: function (a) {
-            var b = this.ag;
-            this.ag = a;
-            this.bj("PixelScalingRatio", b, this.ag);
+            var b = this.an;
+            this.an = a;
+            this.b6("PixelScalingRatio", b, this.an);
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GridFilterDialog.prototype, "ai", {
+    Object.defineProperty(GridFilterDialog.prototype, "ap", {
         get: function () {
-            return this.af;
+            return this.am;
         },
         set: function (a) {
-            var b = this.af;
-            this.af = a;
-            this.bj("ActualPixelScalingRatio", b, this.af);
+            var b = this.am;
+            this.am = a;
+            this.b6("ActualPixelScalingRatio", b, this.am);
         },
         enumerable: false,
         configurable: true
@@ -402,7 +415,7 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.j;
             this.j = a;
             if (b != this.j) {
-                this.bj("IconHorizontalAlignment", enumGetBox(CellContentHorizontalAlignment_$type, b), enumGetBox(CellContentHorizontalAlignment_$type, this.j));
+                this.b6("IconHorizontalAlignment", enumGetBox(CellContentHorizontalAlignment_$type, b), enumGetBox(CellContentHorizontalAlignment_$type, this.j));
             }
         },
         enumerable: false,
@@ -416,85 +429,267 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.i;
             this.i = a;
             if (b != this.i) {
-                this.bj("HeaderTextALignment", enumGetBox(CellContentHorizontalAlignment_$type, b), enumGetBox(CellContentHorizontalAlignment_$type, this.i));
+                this.b6("HeaderTextALignment", enumGetBox(CellContentHorizontalAlignment_$type, b), enumGetBox(CellContentHorizontalAlignment_$type, this.i));
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GridFilterDialog.prototype, "an", {
+    Object.defineProperty(GridFilterDialog.prototype, "av", {
         get: function () {
-            return this.al;
+            return this.as;
         },
         set: function (a) {
-            var b = this.al;
-            this.al = a;
-            if (b != this.al) {
-                this.bj("CellPaddingLeft", b, this.al);
+            var b = this.as;
+            this.as = a;
+            if (b != this.as) {
+                this.b6("CellPaddingLeft", b, this.as);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GridFilterDialog.prototype, "ao", {
+    Object.defineProperty(GridFilterDialog.prototype, "aw", {
         get: function () {
-            return this.am;
+            return this.at;
         },
         set: function (a) {
-            var b = this.am;
-            this.am = a;
-            if (b != this.am) {
-                this.bj("CellPaddingRight", b, this.am);
+            var b = this.at;
+            this.at = a;
+            if (b != this.at) {
+                this.b6("CellPaddingRight", b, this.at);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GridFilterDialog.prototype, "c1", {
+        get: function () {
+            return this.co;
+        },
+        set: function (a) {
+            var b = this.co;
+            this.co = a;
+            if (b != this.co) {
+                this.b6("IconColor", b, this.co);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GridFilterDialog.prototype, "ar", {
+        get: function () {
+            return this.ao;
+        },
+        set: function (a) {
+            var b = this.ao;
+            this.ao = a;
+            if (b != this.ao) {
+                this.b6("ViewSize", b, this.ao);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GridFilterDialog.prototype, "x", {
+        get: function () {
+            return this.w;
+        },
+        set: function (a) {
+            var b = this.w;
+            this.w = a;
+            if (this.w != b) {
+                this.b6("Theme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.w));
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GridFilterDialog.prototype, "bw", {
+    Object.defineProperty(GridFilterDialog.prototype, "ct", {
         get: function () {
-            return this.bs;
+            return this.cg;
         },
         set: function (a) {
-            var b = this.bs;
-            this.bs = a;
-            if (b != this.bs) {
-                this.bj("IconColor", b, this.bs);
+            var b = this.cg;
+            this.cg = a;
+            if (b != this.cg) {
+                this.b6("ColumnOptionsBackground", b, this.cg);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GridFilterDialog.prototype, "ak", {
+    Object.defineProperty(GridFilterDialog.prototype, "cz", {
         get: function () {
-            return this.ah;
+            return this.cm;
         },
         set: function (a) {
-            var b = this.ah;
-            this.ah = a;
-            if (b != this.ah) {
-                this.bj("ViewSize", b, this.ah);
+            var b = this.cm;
+            this.cm = a;
+            if (b != this.cm) {
+                this.b6("ColumnOptionsTextColor", b, this.cm);
             }
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(GridFilterDialog.prototype, "ac", {
+    Object.defineProperty(GridFilterDialog.prototype, "ab", {
         get: function () {
-            return this.v != null ? this.v.bx : false;
+            return this.z;
+        },
+        set: function (a) {
+            var b = this.z;
+            this.z = a;
+            if (b != this.z) {
+                this.b6("ColumnOptionsTextStyle", b, this.z);
+            }
         },
         enumerable: false,
         configurable: true
     });
-    GridFilterDialog.prototype.bj = function (a, b, c) {
-        this.bm(a, b, c);
+    Object.defineProperty(GridFilterDialog.prototype, "cx", {
+        get: function () {
+            return this.ck;
+        },
+        set: function (a) {
+            var b = this.ck;
+            this.ck = a;
+            if (b != this.ck) {
+                this.b6("ColumnOptionsHoverBackgroundColor", b, this.ck);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GridFilterDialog.prototype, "c0", {
+        get: function () {
+            return this.cn;
+        },
+        set: function (a) {
+            var b = this.cn;
+            this.cn = a;
+            if (b != this.cn) {
+                this.b6("ColumnOptionsToolTipBackgroundColor", b, this.cn);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GridFilterDialog.prototype, "cw", {
+        get: function () {
+            return this.cj;
+        },
+        set: function (a) {
+            var b = this.cj;
+            this.cj = a;
+            if (b != this.cj) {
+                this.b6("ColumnOptionsHighlightColor", b, this.cj);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GridFilterDialog.prototype, "cy", {
+        get: function () {
+            return this.cl;
+        },
+        set: function (a) {
+            var b = this.cl;
+            this.cl = a;
+            if (b != this.cl) {
+                this.b6("ColumnOptionsSeparatorColor", b, this.cl);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GridFilterDialog.prototype, "cu", {
+        get: function () {
+            return this.ch;
+        },
+        set: function (a) {
+            var b = this.ch;
+            this.ch = a;
+            if (b != this.ch) {
+                this.b6("ColumnOptionsGroupHeaderBackground", b, this.ch);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GridFilterDialog.prototype, "cv", {
+        get: function () {
+            return this.ci;
+        },
+        set: function (a) {
+            var b = this.ci;
+            this.ci = a;
+            if (b != this.ci) {
+                this.b6("ColumnOptionsGroupHeaderTextColor", b, this.ci);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GridFilterDialog.prototype, "aa", {
+        get: function () {
+            return this.y;
+        },
+        set: function (a) {
+            var b = this.y;
+            this.y = a;
+            if (b != this.y) {
+                this.b6("ColumnOptionsGroupHeaderTextStyle", b, this.y);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GridFilterDialog.prototype, "cs", {
+        get: function () {
+            return this.cf;
+        },
+        set: function (a) {
+            var b = this.cf;
+            this.cf = a;
+            if (b != this.cf) {
+                this.b6("ColumnOptionsAccentColor", b, this.cf);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GridFilterDialog.prototype, "ax", {
+        get: function () {
+            return this.au;
+        },
+        set: function (a) {
+            var b = this.au;
+            this.au = a;
+            if (b != this.au) {
+                this.b6("ColumnOptionsRowHeight", b, this.au);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GridFilterDialog.prototype, "aj", {
+        get: function () {
+            return this.v != null ? this.v.bz : false;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    GridFilterDialog.prototype.b6 = function (a, b, c) {
+        this.b9(a, b, c);
         if (this.propertyChanged != null) {
             this.propertyChanged(this, new PropertyChangedEventArgs(a));
         }
     };
-    GridFilterDialog.prototype.bm = function (a, b, c) {
+    GridFilterDialog.prototype.b9 = function (a, b, c) {
         switch (a) {
             case "PixelScalingRatio":
-                this.ai = this.aj;
+                this.ap = this.aq;
                 break;
             case "ActualPixelScalingRatio":
                 this.s.z();
@@ -507,11 +702,85 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
             case "ViewSize":
                 this.s.z();
                 break;
+            case "Theme":
+                if (this.v != null) {
+                    this.v.c = this.x;
+                }
+                break;
+            case "ColumnOptionsBackground":
+                if (this.v != null) {
+                    this.v.cl = this.ct;
+                    this.v.cq = this.ct;
+                }
+                break;
+            case "ColumnOptionsTextColor":
+                if (this.v != null) {
+                    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.ck = this.cy;
+                }
+                break;
+            case "ColumnOptionsGroupHeaderBackground":
+                if (this.v != null) {
+                    this.v.cc = this.cu;
+                }
+                break;
+            case "ColumnOptionsGroupHeaderTextColor":
+                if (this.v != null) {
+                    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.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;
         }
     };
-    GridFilterDialog.prototype.bn = function (a, b, c) {
+    GridFilterDialog.prototype.ca = function (a, b, c) {
         this.s.v(a, b, c);
-        this.bg();
+        this.b3();
     };
     Object.defineProperty(GridFilterDialog.prototype, "n", {
         get: function () {
@@ -521,72 +790,100 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.m;
             this.m = a;
             if (this.m != b) {
-                this.bf(b, this.m);
+                this.b2(b, this.m);
             }
         },
         enumerable: false,
         configurable: true
     });
-    GridFilterDialog.prototype.bf = function (a, b) {
-        this.x = true;
+    GridFilterDialog.prototype.b2 = function (a, b) {
+        this.ad = true;
     };
-    GridFilterDialog.prototype.bg = function () {
+    GridFilterDialog.prototype.b3 = function () {
         var _this = this;
-        NativeUIComponent.au(this.s.p(), 18, function (a) {
+        NativeUIComponent.av(this.s.p(), 18, function (a) {
             var b = a;
             _this.v = b;
-            _this.v.b0 = 16;
-            _this.v.b4 = BrushUtil.j(0, 0, 0, 0);
-            _this.v.bq = runOn(_this, _this.a6);
-            _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 = 1;
-            _this.v.b1 = _this;
+            _this.v.c = _this.x;
+            _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;
         });
     };
-    GridFilterDialog.prototype.a6 = function (a, b) {
-        if (this.x) {
-            this.x = false;
-            this.v.b1 = this.n;
+    GridFilterDialog.prototype.bt = 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.vh();
+                this.n.grid.we();
             }
-            this.n.nx();
+            this.n.o5();
         }
         if (this.dialogOpening != null) {
             var c = new GridFilterDialogOpeningEventArgs();
             this.dialogOpening(this, c);
         }
     };
-    GridFilterDialog.prototype.a8 = function (a, b) {
+    GridFilterDialog.prototype.bs = function (a, b) {
+        if (this.ae) {
+            this.by();
+        }
+    };
+    GridFilterDialog.prototype.bv = function (a, b) {
         switch (b.propertyName) {
             case "IsHidden": break;
         }
     };
-    GridFilterDialog.prototype.bh = function () {
+    GridFilterDialog.prototype.b4 = function () {
     };
-    GridFilterDialog.prototype.bi = function (a, b) {
-        a.onModified = delegateRemove(a.onModified, runOn(this, this.bl));
+    GridFilterDialog.prototype.b5 = function (a, b) {
+        a.onModified = delegateRemove(a.onModified, runOn(this, this.b8));
         if (b) {
-            this.bp();
+            this.cc();
         }
         else {
-            this.bo(a, true);
+            this.cb(a, true);
         }
         this.f = null;
     };
-    GridFilterDialog.prototype.a9 = function () {
+    GridFilterDialog.prototype.bw = function () {
         this.s.s();
-        if (this.w == null) {
+        if (this.ac == null) {
             var a = new AnimationKeyFrameEffectTiming();
             a.g = 200;
             a.b = 0;
-            this.w = 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)));
         }
     };
-    GridFilterDialog.prototype.bq = function () {
+    GridFilterDialog.prototype.cd = function () {
         var _this = this;
         if (this.filterChanged != null) {
             this.filterChanged(this, ((function () {
@@ -596,7 +893,7 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
             })()));
         }
     };
-    GridFilterDialog.prototype.bp = function () {
+    GridFilterDialog.prototype.cc = function () {
         if (this.filterChanged != null) {
             this.filterChanged(this, ((function () {
                 var $ret = new GridFilterDialogFilterChangeEventArgs();
@@ -605,7 +902,7 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
             })()));
         }
     };
-    GridFilterDialog.prototype.bo = function (a, b) {
+    GridFilterDialog.prototype.cb = function (a, b) {
         var c = this.e(a);
         if (b) {
             if (this.filterChanged != null) {
@@ -649,7 +946,7 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
             if (e == null) {
                 e = b;
             }
-            if (this.ae(a, a.f._inner[f])) {
+            if (this.al(a, a.f._inner[f])) {
                 continue;
             }
             e.add(this.d(a.f._inner[f]));
@@ -659,7 +956,7 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         return b;
     };
-    GridFilterDialog.prototype.ae = function (a, b) {
+    GridFilterDialog.prototype.al = function (a, b) {
         var c = 0;
         for (var d = 0; d < b.e.length; d++) {
             if (b.e[d] == b.l) {
@@ -676,14 +973,14 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
         return false;
     };
     GridFilterDialog.prototype.g = function (a, b, c, d) {
-        var e = this.aq(c, d);
+        var e = this.az(c, d);
         if (a > e) {
             b.e();
             return b.d();
         }
         return null;
     };
-    GridFilterDialog.prototype.aq = function (a, b) {
+    GridFilterDialog.prototype.az = function (a, b) {
         var c = a.c(b);
         if (c == null) {
             return 0;
@@ -691,7 +988,7 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
         return a.e.indexOf(c);
     };
     GridFilterDialog.prototype.h = function (a, b, c, d) {
-        var e = this.aq(c, d);
+        var e = this.az(c, d);
         if (a < e) {
             var f = c.b(d);
             var g = new ColumnFilterConditionGroup();
@@ -710,30 +1007,30 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
     GridFilterDialog.prototype.c = function (a) {
         return EnumUtil.getEnumValue(ColumnComparisonConditionOperatorType_$type, EnumUtil.parse(ColumnComparisonConditionOperatorType_$type, a, true));
     };
-    GridFilterDialog.prototype.bl = function (a) {
-        this.bo(a, false);
+    GridFilterDialog.prototype.b8 = function (a) {
+        this.cb(a, false);
     };
     GridFilterDialog.prototype.t = function (a, b) {
         var c = new GridFilterDialogViewModel();
         if (a != null) {
-            this.a7(c, a, b);
+            this.bu(c, a, b);
         }
         else {
             var d = new GridFilterDialogViewModelRow();
             d.f = b;
             d.e = GridFilterDialog.a(b);
             d.d = GridFilterDialog.b(b);
-            d.l = GridFilterDialog.az(b[0]);
+            d.l = GridFilterDialog.bk(b[0]);
             c.f.add(d);
         }
         return c;
     };
-    GridFilterDialog.prototype.a7 = function (a, b, c) {
+    GridFilterDialog.prototype.bu = function (a, b, c) {
         if (b.isGroup()) {
             var d = b;
             for (var e = 0; e < d.count; e++) {
                 var f = d.item(e);
-                this.a7(a, f, c);
+                this.bu(a, f, c);
             }
         }
         else {
@@ -742,24 +1039,24 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     GridFilterDialog.prototype.u = function (a, b) {
         var c = new GridFilterDialogViewModelRow();
-        c.l = GridFilterDialog.az(a.operator);
+        c.l = GridFilterDialog.bk(a.operator);
         c.f = b;
         c.e = GridFilterDialog.a(b);
-        c.i = GridFilterDialog.at(GridFilterDialog.ap(a.operator), a.operator, a);
-        c.j = GridFilterDialog.au(GridFilterDialog.ap(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;
     };
-    GridFilterDialog.ap = function (a) {
+    GridFilterDialog.ay = function (a) {
         return ColumnComparisonFilterCondition.getOperandNumber(a);
     };
-    GridFilterDialog.at = function (a, b, c) {
+    GridFilterDialog.a2 = function (a, b, c) {
         if (a == 0) {
             return "";
         }
         return c.value != null ? c.value.toString() : "";
     };
-    GridFilterDialog.au = function (a, b, c) {
+    GridFilterDialog.a3 = function (a, b, c) {
         return "";
     };
     GridFilterDialog.b = function (a) {
@@ -772,61 +1069,58 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         return b;
     };
-    GridFilterDialog.az = function (a) {
+    GridFilterDialog.bk = function (a) {
         return EnumUtil.getName(ColumnComparisonConditionOperatorType_$type, a);
     };
-    GridFilterDialog.prototype.be = function (a, b) {
+    GridFilterDialog.prototype.b1 = function (a, b) {
         this.s.w(a, b);
     };
-    GridFilterDialog.prototype.bd = function () {
+    GridFilterDialog.prototype.b0 = function () {
         this.s.u();
     };
-    GridFilterDialog.prototype.bc = function (a, b, c) {
-        var d = Geometry.a("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");
-        c.an = d;
-        c._fill = this.bw == null ? GridStyleRepository.a5 : this.bw;
+    GridFilterDialog.prototype.bz = function (a, b, c) {
     };
-    GridFilterDialog.prototype.br = function () {
+    GridFilterDialog.prototype.ce = function () {
         var _this = this;
-        this.y = false;
+        this.ae = false;
         if (this.s.q == null || NativeUI.g(this.s.q) == 1) {
             return;
         }
-        if (this.ab) {
-            this.a9();
-            if (this.w.playbackRate < 0) {
-                this.w.reverse();
+        if (this.ai) {
+            this.bw();
+            if (this.ac.playbackRate < 0) {
+                this.ac.reverse();
             }
             else {
-                this.w.play();
+                this.ac.play();
             }
-            this.w.finished.f(function (a) { return _this.w.commitStyles(); });
+            this.ac.finished.f(function (a) { return _this.ac.commitStyles(); });
         }
         else {
-            NativeUI.y(this.s.q, 1);
+            NativeUI.ab(this.s.q, 1);
         }
     };
-    GridFilterDialog.prototype.bb = function () {
+    GridFilterDialog.prototype.by = function () {
         var _this = this;
-        this.y = true;
-        if (!this.ac) {
+        this.ae = true;
+        if (!this.aj) {
             if (this.s.q == null || NativeUI.g(this.s.q) == 0) {
                 return;
             }
-            if (this.ab) {
-                this.a9();
-                if (this.w.playbackRate < 0) {
-                    this.w.play();
+            if (this.ai) {
+                this.bw();
+                if (this.ac.playbackRate < 0) {
+                    this.ac.play();
                 }
                 else {
-                    this.w.reverse();
+                    this.ac.reverse();
                 }
-                this.w.finished.f(function (a) { return _this.w.commitStyles(); });
+                this.ac.finished.f(function (a) { return _this.ac.commitStyles(); });
             }
             else {
-                NativeUI.y(this.s.q, 0);
+                NativeUI.ab(this.s.q, 0);
             }
-            this.y = false;
+            this.ae = false;
         }
     };
     Object.defineProperty(GridFilterDialog.prototype, "commandCompleted", {
@@ -849,22 +1143,29 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    GridFilterDialog.prototype.bk = function () {
+    GridFilterDialog.prototype.b7 = function () {
         if (this.renderCompleted != null) {
             this.renderCompleted(this, new FilterDialogRenderCompletedEventArgs());
         }
     };
-    GridFilterDialog.prototype.ba = function () {
+    GridFilterDialog.prototype.bx = function () {
         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;
             }
         }
     };
+    Object.defineProperty(GridFilterDialog.prototype, "ah", {
+        get: function () {
+            return this.v.b4 != null;
+        },
+        enumerable: false,
+        configurable: true
+    });
     GridFilterDialog.prototype.getDesiredToolbarActions = function () {
-        if (!GridFilterDialog.aa) {
-            GridFilterDialog.aa = true;
-            SvgIconRegistry.instance.addSvgPathString("XGrid", "DotDotDot", GridFilterDialog.ay);
+        if (!GridFilterDialog.ag) {
+            GridFilterDialog.ag = true;
+            SvgIconRegistry.instance.addSvgPathString("XGrid", "DotDotDot", GridFilterDialog.bj);
         }
         var a = new ToolActionIconMenuInfo();
         a.name = "DataGridColumnOptionsPlaceholder";
@@ -899,7 +1200,7 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     GridFilterDialog.prototype.dismissContextAccessor = function (a) {
     };
-    GridFilterDialog.prototype.ad = function (e_) {
+    GridFilterDialog.prototype.ak = function (e_) {
         var a = e_.originalEvent.srcElement;
         var b = e_.originalEvent.target;
         if (this.s.m.rootWrapper.getNativeElement().contains(a) || this.s.m.rootWrapper.getNativeElement().contains(b)) {
@@ -908,8 +1209,8 @@ export var GridFilterDialog = /** @class */ /*@__PURE__*/ (function (_super) {
         return false;
     };
     GridFilterDialog.$t = markType(GridFilterDialog, 'GridFilterDialog', Base.$, [INotifyPropertyChanged_$type, IToolbarTarget_$type]);
-    GridFilterDialog.aa = false;
-    GridFilterDialog.ay = "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;
 }(Base));
 /**
@@ -940,7 +1241,7 @@ export var GridFilterDialogViewModel = /** @class */ /*@__PURE__*/ (function (_s
         a.f = b;
         a.e = GridFilterDialog.a(b);
         a.d = GridFilterDialog.b(b);
-        a.l = GridFilterDialog.az(b[0]);
+        a.l = GridFilterDialog.bk(b[0]);
         this.f.add(a);
     };
     GridFilterDialogViewModel.prototype.u = function (a) {